
    .read-more-container-heading {
        color: var(--color-subtle, #54595d);
        border-bottom: 0;
        padding-bottom: 0.5em;
        font-size: 0.8em;
        font-weight: normal;
        letter-spacing: 1px;
        text-transform: uppercase
    }

    .read-more-container-card-list {
        font-size: 1em;
        list-style: none;
        display: grid;
        row-gap: 10px
    }

    .read-more-container-card-list li {
        margin-bottom: 0
    }

    .read-more-container-card-list a,
    .read-more-container-card-list a:hover {
        color: inherit;
        text-decoration: none
    }

    .read-more-container-card-list a:hover .cdx-card {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
    }

    @media all and (min-width:1120px) {
        .read-more-container-card-list {
            grid-template-columns: repeat(3, 1fr);
            column-gap: 10px
        }

        .read-more-container-card-list .cdx-card {
            height: 100%;
            box-sizing: border-box
        }
    }

    .cdx-thumbnail {
        display: inline-flex
    }

    .cdx-thumbnail__placeholder,
    .cdx-thumbnail__image {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        flex-shrink: 0;
        box-sizing: border-box;
        min-width: 40px;
        min-height: 40px;
        border: 1px solid var(--border-color-subtle, #c8ccd1);
        border-radius: 2px
    }

    .cdx-thumbnail__image {
        background-color: var(--background-color-base-fixed, #fff);
        display: inline-block
    }

    .cdx-thumbnail__placeholder {
        background-color: var(--background-color-interactive-subtle, #f8f9fa);
        display: inline-flex;
        align-items: center;
        justify-content: center
    }

    .cdx-thumbnail__placeholder__icon {
        min-width: 10px;
        min-height: 10px;
        width: calc(var(--font-size-medium, 1rem) + 4px);
        height: calc(var(--font-size-medium, 1rem) + 4px);
        display: inline-block;
        vertical-align: text-bottom
    }

    @supports not (((-webkit-mask-image:none) or (mask-image:none))) {
        .cdx-thumbnail__placeholder__icon {
            background-position: center;
            background-repeat: no-repeat;
            background-size: max(calc(var(--font-size-medium, 1rem) + 4px), 10px)
        }
    }

    @supports ((-webkit-mask-image:none) or (mask-image:none)) {
        .cdx-thumbnail__placeholder__icon {
            -webkit-mask-position: center;
            mask-position: center;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: max(calc(var(--font-size-medium, 1rem) + 4px), 10px);
            mask-size: max(calc(var(--font-size-medium, 1rem) + 4px), 10px)
        }
    }

    @supports not (((-webkit-mask-image:none) or (mask-image:none))) {
        .cdx-thumbnail__placeholder__icon {
            background-image: url(data:image/svg+xml;utf8,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ width=\"20\"\ height=\"20\"\ viewBox=\"0\ 0\ 20\ 20\"\ fill=\"%23000\"><path\ d=\"M19\ 3H1v14h18zM3\ 14l3.5-4.5\ 2.5\ 3L12.5\ 8l4.5\ 6z\"\/><path\ d=\"M19\ 5H1V3h18zm0\ 12H1v-2h18z\"\/><\/svg>);
            filter: invert(var(--filter-invert-icon, 0));
            opacity: var(--opacity-icon-base, .87)
        }
    }

    @supports ((-webkit-mask-image:none) or (mask-image:none)) {
        .cdx-thumbnail__placeholder__icon {
            -webkit-mask-image: url(data:image/svg+xml;utf8,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ width=\"20\"\ height=\"20\"\ viewBox=\"0\ 0\ 20\ 20\"\ fill=\"%23000\"><path\ d=\"M19\ 3H1v14h18zM3\ 14l3.5-4.5\ 2.5\ 3L12.5\ 8l4.5\ 6z\"\/><path\ d=\"M19\ 5H1V3h18zm0\ 12H1v-2h18z\"\/><\/svg>);
            mask-image: url(data:image/svg+xml;utf8,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ width=\"20\"\ height=\"20\"\ viewBox=\"0\ 0\ 20\ 20\"\ fill=\"%23000\"><path\ d=\"M19\ 3H1v14h18zM3\ 14l3.5-4.5\ 2.5\ 3L12.5\ 8l4.5\ 6z\"\/><path\ d=\"M19\ 5H1V3h18zm0\ 12H1v-2h18z\"\/><\/svg>);
            background-color: var(--color-placeholder, #72777d)
        }
    }

    .cdx-card {
        background-color: var(--background-color-base, #fff);
        display: flex;
        align-items: flex-start;
        position: relative;
        border: 1px solid var(--border-color-base, #a2a9b1);
        border-radius: 2px;
        padding: 12px
    }

    .cdx-card--is-link:hover,
    .cdx-card--is-link:focus {
        text-decoration: none
    }

    .cdx-card--is-link:hover {
        border-color: var(--border-color-interactive--hover, #27292d)
    }

    .cdx-card--is-link:active {
        border-color: var(--border-color-interactive--active, #202122)
    }

    .cdx-card--is-link:focus {
        outline: 1px solid transparent
    }

    .cdx-card--is-link:focus-visible {
        border-color: var(--border-color-progressive--focus, #36c);
        box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)
    }

    @supports not selector(:focus-visible) {
        .cdx-card--is-link:focus {
            border-color: var(--border-color-progressive--focus, #36c);
            box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)
        }
    }

    .cdx-card__text {
        display: flex;
        flex-direction: column;
        font-size: var(--font-size-medium, 1rem);
        line-height: var(--line-height-small, 1.375rem);
        word-wrap: break-word
    }

    @supports (word-break:break-word) {
        .cdx-card__text {
            word-wrap: unset;
            word-break: break-word
        }
    }

    @supports (overflow-wrap:anywhere) {
        .cdx-card__text {
            word-break: normal;
            overflow-wrap: anywhere
        }
    }

    .cdx-card__text:lang(de),
    .cdx-card__text:lang(de-AT),
    .cdx-card__text:lang(de-CH),
    .cdx-card__text:lang(de-DE),
    .cdx-card__text:lang(de-LI),
    .cdx-card__text:lang(de-LU),
    .cdx-card__text:lang(de-x-formal) {
        -webkit-hyphens: auto;
        hyphens: auto
    }

    .cdx-card__text__title {
        color: var(--color-base, #202122);
        font-weight: 700;
        line-height: var(--line-height-small, 1.375rem)
    }

    .cdx-card__text__description {
        color: var(--color-subtle, #54595d)
    }

    .cdx-card__text__description {
        margin-top: 4px
    }

    .cdx-card__thumbnail.cdx-thumbnail {
        margin-right: 12px
    }

    .cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__placeholder,
    .cdx-card__thumbnail.cdx-thumbnail .cdx-thumbnail__image {
        width: 3rem;
        height: 3rem
    }
