.faqs .headline {
    grid-area: 1/3/1/span 3;
}

.faqs .text-container {
    grid-area: 1/7/1/span 3;
}

.faqs .highlight-sm {
    grid-area: 1/11/1/span 3;
    transform: rotate(-6deg);
}

.faqs .accordion {
    grid-area: 2/3/2/span 5;
}

.faqs .sticky-container {
    grid-area: 2/9/2/span 4;
}

.faqs .sticky-container .sticky-item {
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--grid-gap);
    top: calc(var(--header-height) + max(64px, 3.5vw));
}

.faqs .sticky-container .sticky-item .img-container {
    z-index: 2;
    width: 100%;
    aspect-ratio: 364/476;
}

.faqs .sticky-container .sticky-item .img-2 {
    position: relative;
    top: max(32px, 3.125vw);
}

.faqs .sticky-container .sticky-item .text-spinner {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(25%,-20%) rotate(30deg);
    width: max(128px, 14.0625vw);
}

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

    .faqs .text-container {
        grid-area: 1/6/1/span 4;
    }

    .faqs .highlight-sm {
        grid-area: 1/11/1/span 3;
    }

    .faqs .accordion {
        grid-area: 2/2/2/span 6;
    }

    .faqs .sticky-container {
        grid-area: 2/9/2/span 5;
    }

    .faqs .sticky-container .sticky-item .text-spinner {
        transform: translate(-15%,-30%);
    }
}

@media (max-width: 991.98px) {
    .faqs {
        text-align: center;
    }

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

    .faqs .text-container {
        grid-area: 2/4/2/span 8;
        margin-top: var(--m-30);
    }

    .faqs .highlight-sm {
        grid-area: 3/2/3/span 12;
        justify-self: center;
        margin-top: var(--m-small);
    }

    .faqs .sticky-container {
        grid-area: 4/4/4/span 8;
        margin-top: var(--m-small);
    }
    .faqs .sticky-container .sticky-item .text-spinner {
        transform: translate(-50%,-30%);
    }

    .faqs .accordion {
        grid-area: 5/4/5/span 8;
    }
}

@media (max-width: 767.98px) {
    .faqs .text-container {
        grid-area: 2/3/2/span 10;
    }

    .faqs .sticky-container {
        grid-area: 4/3/4/span 10;
    }
    
    .faqs .sticky-container .sticky-item .text-spinner {
        transform: translate(-15%,-30%);
    }

    .faqs .accordion {
        grid-area: 5/3/5/span 10;
    }
}

@media (max-width: 575.98px) {
    .faqs .text-container {
        grid-area: 2/2/2/span 12;
    }

    .faqs .sticky-container {
        grid-area: 4/2/4/span 12;
    }

    .faqs .accordion {
        grid-area: 5/2/5/span 12;
    }
}