.activities-slider > .pre-headline {
    grid-area: 1/2/1/span 12;
}

.activities-slider > .headline {
    grid-area: 2/2/2/span 12;
}

.activities-slider > .text-container {
	grid-area: 3/2/3/span 12;
	max-width: 70ch;
}

.activities-slider .activities-filter {
    grid-area: 2/10/span 2/span 3;
    margin-right: max(48px, 2.8125vw);
}

.activities-slider .activities-slider-container {
	grid-area: 4/3/4/span 10;
    grid-template-columns: max(48px, 2.8125vw) repeat(8, 1fr) max(48px, 2.8125vw);
    margin-right: calc(var(--grid-gap) * -1);
}

.activities-slider .activities-slider-container .default-slider {
	grid-area: 1/2/1/span 8;
}

.activities-slider .activities-slider-container .activity-item {
    display: grid;
    margin-right: var(--grid-gap);
	aspect-ratio: 558/784;
}

.activities-slider .activities-slider-container .activity-item .activity-img {
    grid-area: 1/1/1/1;
    aspect-ratio: 558/784;
}

.activities-slider .activities-slider-container .activity-item .activity-content {
    grid-area: 1/1/1/1;
    padding: var(--m-sm);
    height: 100%;
    aspect-ratio: 558/784;
    overflow-y: auto;
    transition: var(--def-trans);
}

.activities-slider .activities-slider-container .activity-item.active .activity-content {
    background: var(--black);
}

.activities-slider .activities-slider-container .activity-item .activity-content .activity-title {
    margin-bottom: 12px;
}

.activities-slider .activities-slider-container .activity-item .activity-content .activity-content-inner {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--m-xs);
    align-items: center;
    flex-grow: 1;
    max-height: 0;
    transition: all .5s ease;
    overflow: hidden;
}

.activities-slider .activities-slider-container .activity-item.active .activity-content .activity-content-inner {
    max-height: 100%;
    margin-top: var(--m-sm);
}

.activities-slider .activities-slider-container .activity-item .activity-content .activity-content-inner .activity-text {
    grid-column: span 2;
    flex-grow: 1;
    height: 100%;
    margin-bottom: auto;
    overflow-y: auto;
}

.activities-slider .activities-slider-container .activity-item .activity-content .activity-content-inner .activity-distance {
    line-height: 1.25;
}

.activities-slider .activities-slider-container .activity-item .activity-content .activity-content-inner .activity-distance,
.activities-slider .activities-slider-container .activity-item .activity-content .activity-content-inner .activity-url {
    margin-top: auto;
}

.activities-slider .activities-slider-container .activity-item .arrow-btn {
    grid-area: 1/1/1/1;
    margin: var(--m-xs);
}

.activities-slider .activities-slider-container .default-slider-nav {
	grid-area: 1/10/1/10;
}

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

@media (max-width: 1499.98px) {
    .activities-slider .activities-filter {
        grid-area: 2/10/span 2/span 4;
    }

    .activities-slider > .text-container {
        grid-area: 3/5/3/span 6;
    }

    .activities-slider .activities-slider-container {
        grid-area: 4/2/4/span 12;
        margin-right: 0;
    }
}

@media (max-width: 991.98px) {
    .activities-slider > .text-container {
        grid-area: 3/2/3/span 12;
    }

    .activities-slider .activities-filter {
        grid-area: 4/2/4/span 12;
        flex-direction: row;
        justify-content: center;
	    margin-right: 0;
    }

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

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

@media (max-width: 767.98px) {
    .activities-slider .activities-slider-container {
        grid-area: 5/3/5/span 10;
        grid-template-columns: minmax(0, 1fr);
    }

    .activities-slider .activities-slider-container .default-slider {
        grid-area: 1/1/1/1;
        margin-right: calc(var(--grid-gap) * -1);
    }

    .activities-slider .activities-slider-container .default-slider-nav {
        grid-area: 2/1/2/1;
        flex-direction: row;
        justify-self: center;
    }
}

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