.faqs .box {
    grid-column: 3/span 10;
    padding: var(--m-sm) 0 var(--m-md);
}

.faqs .box .headline {
    grid-area: 1/2/1/span 8;
}

.faqs .box .site-badge {
    grid-area: 1/1/1/span 10;
    max-width: max(64px, 8.75vw);
    margin-right: var(--m-sm);
}

.faqs .box .accordion {
    grid-column: 2/span 8;
}

@media (max-width: 767.98px) {
    .faqs .box {
        grid-column: 2/span 12;
    }

    .faqs .box .headline {
        grid-area: 1/2/1/span 10;
    }

    .faqs .box .site-badge {
        grid-area: 1/1/1/span 12;
    }

    .faqs .box .accordion {
        grid-column: 2/span 10;
    }
}

@media (max-width: 575.98px) {
    .faqs .box {
        display: flex;
        flex-direction: column;
        padding: var(--m-sm) var(--grid-gap) var(--m-md);
    }

    .faqs .box .headline {
        order: 2;
        align-self: center;
    }

    .faqs .box .site-badge {
        order: 1;
        align-self: flex-end;
        margin-right: 0;
    }

    .faqs .box .accordion {
        order: 3;
    }
}