.teaser .headline {
    grid-area: 1/2/1/span 12;
}

.teaser .icon-container {
    grid-area: 2/2/2/span 12;
    height: var(--m-md);
}

.teaser .teaser-container {
    grid-area: 3/3/3/span 10;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: max(32px, 4.84375vw);
}

.teaser .teaser-container .teaser-item .teaser-content::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(62, 51, 48, 0.00) 52.4%, var(--brown) 100%);
}

.teaser .teaser-container .teaser-item .teaser-content>* {
    grid-area: 1/1/1/1;
}

.teaser .teaser-container .teaser-item .teaser-content .title-btn-container {
    max-width: 28ch;
    z-index: 1;
    margin: max(24px, 2.65625vw) max(16px, 1.25vw);
}

.teaser .teaser-container .teaser-item .teaser-content .title-btn-container .expander {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: grid-template-rows 0.3s ease;
}

.teaser .teaser-container .teaser-item .teaser-content:hover .title-btn-container .expander {
    grid-template-rows: 1fr;
}

.teaser .teaser-container .teaser-item .teaser-content .title-btn-container .expander-content {
    opacity: 0;
    visibility: hidden;
    margin-top: 0;
    transition: opacity 0.3s ease .3s, margin-top 0.3s ease;
}

.teaser .teaser-container .teaser-item .teaser-content:hover .title-btn-container .expander-content {
    opacity: 1;
    visibility: visible;
    margin-top: var(--m-xs);
}

@media (max-width: 991.98px) {
    .teaser .teaser-container {
        grid-area: 3/2/3/span 12;
    }
}

@media (max-width: 767.98px) {
    .teaser .teaser-container {
        grid-template-columns: 1fr;
        max-width: 480px;
        justify-self: center;
        grid-row-gap: var(--m-sm);
    }

    .teaser .teaser-container .teaser-item .teaser-content .title-btn-container .expander {
        grid-template-rows: 1fr;
    }

    .teaser .teaser-container .teaser-item .teaser-content .title-btn-container .expander-content {
        opacity: 1;
        visibility: visible;
        margin-top: var(--m-xs);
    }
}