.summer-winter-slider-element .section-separator {
    width: 100%;
    aspect-ratio: 2557/92;
    mask: url("../../img/section-separator.svg") no-repeat center/100% 100%;
    -webkit-mask: url("../../img/section-separator.svg") no-repeat center/100% 100%;
    margin-bottom: -1px;
}

.summer-winter-slider-element .content-container {
    border-radius: 0 0 max(25px, 1.953125vw) max(25px, 1.953125vw);
}

.summer-winter-slider-element .pre-headline {
    grid-area: 1/2/1/span 12;
}

.summer-winter-slider-element .headline {
    grid-area: 2/2/2/span 12;
}

.summer-winter-slider-element .img-container {
    aspect-ratio: 558/738;
    width: 100%;
    max-width: calc((var(--grid-col-width) * 3) + (var(--grid-gap) * 2))
}

.summer-winter-slider-element .img-left {
    grid-area: 3/3/3/span 3;
}

.summer-winter-slider-element .badge {
    grid-area: 3/3/3/span 3;
    transform: translate(-50%, -50%) rotate(-10deg);
}

.summer-winter-slider-element .img-right {
    grid-area: 3/6/3/span 4;
}

.summer-winter-slider-element .icon-container {
    grid-area: 3/3/3/span 3;
    width: max(128px, 6.71875vw);
    height: fit-content;
    transform: translate(-20%, -90%);
}

.summer-winter-slider-element .default-slider-text-pagination {
    grid-area: 3/10/3/span 3;
}

.summer-winter-slider-element .text-container {
    grid-area: 4/3/4/span 5;
    max-width: 92.8%;
}

.summer-winter-slider-element .btns-container {
    grid-area: 4/8/4/span 2;
}

.summer-winter-slider-element .highlight-lg {
    grid-area: 3/10/3/span 3;
}

.summer-winter-slider-element .activities-container {
    grid-area: 4/9/4/span 4;
    height: fit-content;
    gap: 0.875em;
    justify-self: flex-end;
}

.summer-winter-slider-element .activities-container .activity-row {
    gap:  max(12px, 1.875vw);
}

.summer-winter-slider-element .activities-container .activity-text:nth-child(3n-1) {
    text-align: center;
}

.summer-winter-slider-element .activities-container .activity-text:nth-child(3n) {
    text-align: right;
}

.summer-winter-slider-element .media-container {
    grid-area: 5/3/5/span 10;
}

.summer-winter-slider-element .marquee {
    grid-area: 6/1/6/span 14;
}

@media (max-width: 991.98px) {
    .summer-winter-slider-element .img-left {
        grid-area: 3/4/3/span 4;
        margin: 0;
        max-width: 100%;
    }

    .summer-winter-slider-element .img-right {
        grid-area: 3/8/3/span 4;
        margin: 0;
        max-width: 100%;
    }

    .summer-winter-slider-element .badge {
        grid-area: 3/2/3/span 12;
        transform: translate(00%, 50%) rotate(-10deg);
        justify-self: center;
        align-self: flex-end;
    }

    .summer-winter-slider-element .icon-container {
        grid-area: 3/2/3/span 12;
        transform: translate(40%, 10%);
        justify-self: center;
        align-self: flex-end;
    }

    .summer-winter-slider-element .highlight-lg {
        grid-area: 4/4/4/span 4;
        text-align: left;
        justify-self: flex-start;
        margin-top: var(--m-lg);
    }

    .summer-winter-slider-element .default-slider-text-pagination {
        grid-area: 4/8/4/span 4;
        align-self: center;
        margin-top: var(--m-lg);
    }

    .summer-winter-slider-element .activities-container {
        grid-area: 5/4/5/span 8;
        justify-self: unset;
        margin-top: var(--m-md);
    }

    .summer-winter-slider-element .text-container {
        grid-area: 6/4/6/span 8;
        margin-top: var(--m-sm);
    }

    .summer-winter-slider-element .btns-container {
        grid-area: 7/4/7/span 8;
        justify-self: center;
        margin-top: var(--m-md);
    }

    .summer-winter-slider-element .media-container {
        grid-area: 8/4/8/span 8;
        aspect-ratio: 2/1;
    }

    .summer-winter-slider-element .marquee {
        grid-area: 9/1/9/span 14;
    }
}

@media (max-width: 767.98px) {
    .summer-winter-slider-element .img-left {
        grid-area: 3/3/3/span 5;
    }

    .summer-winter-slider-element .img-right {
        grid-area: 3/8/3/span 5;
    }

    .summer-winter-slider-element .highlight-lg {
        grid-area: 4/3/4/span 5;
    }

    .summer-winter-slider-element .default-slider-text-pagination {
        grid-area: 4/8/4/span 5;
    }

    .summer-winter-slider-element .activities-container {
        grid-area: 5/3/5/span 10;
    }

    .summer-winter-slider-element .text-container {
        grid-area: 6/3/6/span 10;
    }

    .summer-winter-slider-element .btns-container {
        grid-area: 7/3/7/span 10;
    }

    .summer-winter-slider-element .media-container {
        grid-area: 8/3/8/span 10;
        aspect-ratio: 3/2;
    }
}

@media (max-width: 575.98px) {
    .summer-winter-slider-element .img-left {
        grid-area: 3/2/3/span 6;
    }

    .summer-winter-slider-element .img-right {
        grid-area: 3/8/3/span 6;
    }

    .summer-winter-slider-element .highlight-lg {
        grid-area: 4/2/4/span 6;
    }

    .summer-winter-slider-element .default-slider-text-pagination {
        grid-area: 4/8/4/span 6;
    }

    .summer-winter-slider-element .activities-container {
        grid-area: 5/2/5/span 12;
    }

    .summer-winter-slider-element .activities-container .activity-text {
        letter-spacing: .1em;
        font-size: 16px;
    }

    .summer-winter-slider-element .text-container {
        grid-area: 6/2/6/span 12;
    }

    .summer-winter-slider-element .btns-container {
        grid-area: 7/2/7/span 12;
    }

    .summer-winter-slider-element .media-container {
        grid-area: 8/2/8/span 12;
        aspect-ratio: 334/350;
    }
}