.cards-slider .headline {
	grid-area: 1/2/1/span 12;
}

.cards-slider .icon-container {
	grid-area: 2/2/2/span 12;
    height: var(--m-md);
}

.cards-slider .default-slider {
	grid-area: 3/3/3/span 10;
	overflow: hidden;
}

.cards-slider .default-slider .slick-list {
    margin-right: calc(max(24px, 4.84375vw) * -1);
}

.cards-slider .default-slider .default-slider-item {
    margin-right: max(24px, 4.84375vw);
}

.cards-slider .default-slider .default-slider-item {
    display: grid;
}

.cards-slider .default-slider .default-slider-item .card-img {
    grid-area: 1/1/span 2/span 2;
    aspect-ratio: 558/806;
}

.cards-slider .default-slider .default-slider-item .card-img::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, transparent 50%, var(--brown) 100%);
    mix-blend-mode: multiply;

}

.cards-slider .default-slider .default-slider-item .arrow-btn {
    grid-area: 1/2/1/2;
}

.cards-slider .default-slider .default-slider-item .card-content {
    grid-area: 2/1/2/span 2;
    aspect-ratio: 558/784;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    transition: var(--def-trans);
    padding: var(--m-xs);
    z-index: 1;
}

.cards-slider .default-slider .default-slider-item .card-content:has(.card-content-inner) {
    cursor: pointer;
}

.cards-slider .default-slider .default-slider-item .card-content .card-headline {
    margin-top: .25em;
}

.cards-slider .default-slider .default-slider-item .card-content .card-content-inner {
	grid-gap: var(--m-xs);
	align-items: flex-end;
	flex-grow: 1;
	max-height: 0;
	overflow: hidden;
	transition: all .5s ease;
}

.cards-slider .default-slider .default-slider-item.card.active .card-content .card-content-inner {
    max-height: 100%;
    margin-top: var(--m-sm);
}

.cards-slider .default-slider .default-slider-item .card .card-content .card-content-inner .card-text {
    flex-grow: 1;
    height: 100%;
    margin-bottom: auto;
    overflow-y: auto;
}

.cards-slider .default-slider .default-slider-item .card-content .card-content-inner {
    grid-template-rows: 1fr auto;
}

.cards-slider .default-slider .default-slider-item .arrow-btn-circle {
    grid-area: 1/1/1/1;
    margin: var(--m-xs);
}

.cards-slider .default-slider .default-slider-item .arrow-btn-circle::before {
    content: "";
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    border-radius: 100%;
    background: var(--blue);
}

.cards-slider .default-slider .default-slider-item .arrow-btn-circle::after {
    background: var(--gold);
}

.cards-slider .default-slider .default-slider-item .card.active .arrow-btn-circle {
    transform: rotate(90deg);
}

.cards-slider .default-slider .default-slider-item .card.active .arrow-btn-circle::before {
    background: var(--gold);
}

.cards-slider .default-slider .default-slider-item .card.active .arrow-btn-circle::after {
    background: var(--blue);
}

.cards-slider .default-slider-nav {
	grid-area: 3/13/3/span 1;
}

@media (max-width: 1199.98px) {
    .cards-slider .default-slider {
        grid-area: 3/2/3/span 12;
    }

    .cards-slider .default-slider-nav {
        grid-area: 4/2/4/span 12;
        justify-self: center;
        flex-direction: row;
        margin-top: var(--m-sm);
    }
}