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

.faq-teaser .circle-btn {
    grid-area: 1/11/1/span 2;
}

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

.faq-teaser .btns-container {
    grid-area: 2/11/2/span 2;
}

.faq-teaser .btns-container .arrow-btn {
	width: 100%;
}

@media (max-width: 1699.98px) {
    .faq-teaser .accordion {
        grid-area: 2/3/2/span 6;
    }

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

    .faq-teaser .circle-btn {
        grid-area: 1/10/1/span 3;
    }
}

@media (max-width: 1199.98px) {
    .faq-teaser .circle-btn {
        grid-area: 2/2/2/span 12;
        justify-self: center;
        margin-bottom: var(--m-md);
    }

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

    .faq-teaser .btns-container {
        grid-area: 4/4/4/span 8;
        margin-top: var(--m-lg);
        justify-self: center;
        align-items: center;
    }

    .faq-teaser .btns-container .arrow-btn {
        width: fit-content;
    }
}

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

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