.faq-teaser .headline {
    grid-area: 1/3/span 1/span 4;
}

.faq-teaser .text-container {
	grid-area: 2/3/span 1/span 4;
	max-width: 52ch;
}

.faq-teaser .btns-container {
    grid-area: 3/3/span 1/span 4;
}

.faq-teaser .accordion {
    grid-area: 1/8/span 4/span 5;
}

@media (max-width: 1199.98px) {
    .faq-teaser .headline {
        grid-area: 1/2/span 1/span 5;
    }

    .faq-teaser .text-container {
        grid-area: 2/2/span 1/span 5;
    }

    .faq-teaser .btns-container {
        grid-area: 3/2/span 1/span 5;
    }

    .faq-teaser .accordion {
        grid-area: 1/8/span 4/span 6;
    }
}

@media (max-width: 991.98px) {
    .faq-teaser .headline {
        grid-area: 1/4/span 1/span 8;
    }

    .faq-teaser .text-container {
        grid-area: 2/4/span 1/span 8;
    }

    .faq-teaser .btns-container {
        grid-area: 4/4/span 1/span 8;
        margin-top: var(--m-md);
        justify-self: flex-end;
    }

    .faq-teaser .accordion {
        grid-area: 3/4/span 1/span 8;
        margin-top: var(--m-sm);
    }
}

@media (max-width: 767.98px) {
    .faq-teaser .headline,
    .faq-teaser .text-container,
    .faq-teaser .btns-container,
    .faq-teaser .accordion {
        grid-column: 3/span 10;
    }
}

@media (max-width: 575.98px) {
    .faq-teaser .headline,
    .faq-teaser .text-container,
    .faq-teaser .btns-container,
    .faq-teaser .accordion {
        grid-column: 2/span 12;
    }
}