.summer-winter-slider .section-headlines-container {
    grid-area: 1/3/1/span 10;
}

.summer-winter-slider .content-slider .content-slider-item {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: var(--grid-gap);
}

.summer-winter-slider .content-slider .content-slider-item .spinner {
    grid-area: 1/1/span 4/span 2;
    align-self: flex-end;
}

.summer-winter-slider .content-slider .content-slider-item .headline {
    grid-area: 1/5/1/span 4;
}

.summer-winter-slider .content-slider .content-slider-item .subline {
    grid-area: 2/5/2/span 4;
}

.summer-winter-slider .content-slider .content-slider-item .text-container {
    grid-area: 3/5/3/span 4;
}

.summer-winter-slider .content-slider .content-slider-item .arrow-btn {
    grid-area: 4/5/4/span 4;
}

.summer-winter-slider .img-slider {
    grid-area: 3/1/3/span 14;
}

.summer-winter-slider .img-slider .img-container {
    background: transparent;
    aspect-ratio: 2560/760;
}

/* Nav left */
.summer-winter-slider.nav-left .default-slider-text-pagination {
    grid-area: 2/3/2/span 2;
}

.summer-winter-slider.nav-left .content-slider {
    grid-area: 2/5/2/span 8;
}

/* Nav right */
.summer-winter-slider.nav-right .content-slider {
    grid-area: 2/3/2/span 8;
}

.summer-winter-slider.nav-right .default-slider-text-pagination {
    grid-area: 2/11/2/span 2;
    justify-self: flex-end;
    margin-top: var(--m-md);
}

.summer-winter-slider.nav-right .default-slider-text-pagination ul.slick-dots {
    gap: var(--m-lg);
}

@media (max-width: 1199.98px) {
    .summer-winter-slider .content-slider .content-slider-item .headline {
        grid-area: 1/4/1/span 5;
    }

    .summer-winter-slider .content-slider .content-slider-item .subline {
        grid-area: 2/4/2/span 5;
    }

    .summer-winter-slider .content-slider .content-slider-item .text-container {
        grid-area: 3/4/3/span 5;
    }

    .summer-winter-slider .content-slider .content-slider-item .arrow-btn {
        grid-area: 4/4/4/span 5;
    }
}

@media (max-width: 991.98px) {
    .summer-winter-slider .section-headlines-container {
        grid-area: 1/2/1/span 12;
    }

    .summer-winter-slider .default-slider-text-pagination ul.slick-dots {
        gap: var(--m-lg);
        flex-direction: row;
    }

    .summer-winter-slider.nav-left .default-slider-text-pagination,
    .summer-winter-slider.nav-right .default-slider-text-pagination {
        grid-area: 2/3/2/span 10;
        justify-self: center;
    }

    .summer-winter-slider.nav-left .content-slider,
    .summer-winter-slider.nav-right .content-slider {
        grid-area: 3/3/3/span 10;
        margin-top: var(--m-lg);
    }

    .summer-winter-slider .content-slider .content-slider-item {
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .summer-winter-slider .content-slider .content-slider-item .spinner {
        align-self: center;
        order: 5;
        margin-top: var(--m-xl);
    }

    .summer-winter-slider .img-slider {
        grid-area: 4/1/4/span 14;
    }

    .summer-winter-slider .content-slider .content-slider-item .subline {
        margin-top: var(--m-xs);
    }
}

@media (max-width: 767.98px) {
    .summer-winter-slider.nav-left .default-slider-text-pagination,
    .summer-winter-slider.nav-right .default-slider-text-pagination {
        grid-area: 2/2/2/span 12;
    }

    .summer-winter-slider.nav-left .content-slider,
    .summer-winter-slider.nav-right .content-slider {
        grid-area: 3/2/3/span 12;
    }
}