.references-slider-wrapper .headline {
    grid-area: 1/3/1/span 7;
}

.references-slider-wrapper .default-slider-nav {
    grid-area: 1/10/1/span 3;
}

.references-slider-wrapper .references-slider {
    grid-area: 2/3/2/span 10;
}

.references-slider-wrapper .references-slider .slider-item {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-column-gap: max(24px, 2.5vw);
}

.references-slider-wrapper .references-slider .slider-item .img-container {
    aspect-ratio: 926/582;
    grid-column: span 5;
}

.references-slider-wrapper .references-slider .slider-item .subline {
    grid-column: span 10;
}

.references-slider-wrapper .references-slider .slider-item .text-container {
    grid-column: span 10;
    max-width: 64ch;
}

@media (max-width: 991.98px) {
    .references-slider-wrapper .headline {
        grid-area: 1/2/1/span 6;
    }

    .references-slider-wrapper .default-slider-nav {
        grid-area: 1/8/1/span 6;
    }

    .references-slider-wrapper .references-slider {
        grid-area: 2/2/2/span 12;
    }
}

@media (max-width: 575.98px) {
    .references-slider-wrapper .headline {
        grid-area: 1/2/1/span 12;
        text-align: center;
    }
    .references-slider-wrapper .default-slider-nav {
        grid-area: 3/2/3/span 12;
        justify-self: center;
        margin-top: var(--m-50);
    }

    .references-slider-wrapper .references-slider .slider-item {
        text-align: center;
    }

    .references-slider-wrapper .references-slider .slider-item .img-container {
        grid-row: 3;
        margin-top: var(--m-50);
        grid-column: span 10;
    }

    .references-slider-wrapper .references-slider .slider-item .img-container.img-2 {
        grid-row: 4;
        margin-top: var(--m-30);
    }
}