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

.activities-container .activities {
    grid-area: 2/3/2/span 9;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: calc((var(--grid-gap) * 2) + var(--grid-col-width));
    grid-row-gap: var(--m-sm);
    margin-bottom: var(--m-md);
}

.activities-container .activities .activity-item:nth-child(2n) {
    transform: translateY(var(--m-md));
}

.activities-container .btns-container {
    grid-area: 2/12/2/span 2;
}

@media (max-width: 1499.98px) {
    .activities-container .activities {
        grid-area: 2/2/2/span 10;
        grid-column-gap: var(--m-md);
    }
}

@media (max-width: 991.98px) {
    .activities-container .activities {
        grid-area: 2/2/2/span 12;
        grid-column-gap: var(--m-md);
    }
    
    .season-slider-container:has(.activities-container) .default-slider-text-pagination {
        grid-area: 1/1/1/span 14;
        justify-self: unset;
        width: 100%;
        justify-content: center;
        flex-direction: row;
        gap: var(--m-md);
        background: var(--beige-30);
        padding: var(--m-xs) var(--grid-gap);
        top: var(--header-height);
    }

    .season-slider-container:has(.activities-container) .season-slider {
        grid-area: 2/1/2/span 14;
    }

    .season-slider-container .activities-container {
        padding-top: var(--m-md);
    }
}

@media (max-width: 767.98px) {
    .activities-container .activities {
        grid-area: 3/2/3/span 12;
        grid-template-columns: 1fr;
        max-width: 480px;
        justify-self: center;
    }

    .activities-container .activities .activity-item:nth-child(2n) {
        transform: none;
    }

    .activities-container .btns-container {
        position: relative;
        top: 0;
        margin-bottom: var(--m-sm);
    }
}

@media (max-width: 575.98px) {
    .activities-container .btns-container {
        position: relative;
        top: 0;
        margin-bottom: var(--m-sm);
    }
}