.fernweh-category-slider {
    width: 100%;
    padding: 0 0 5em;
    margin: 2em 0;
    overflow: hidden;
    position: relative;
}

.fernweh-category-slider .swiper-wrapper {
    display: flex;
    align-items: stretch;
}

.swiper-wrapper:first-child {
    padding-left: 30px;
}

.fernweh-category-slider .swiper-slide {
    width: 250px;
    height: 380px;
    margin-right: 24px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

/* Hintergrundbild-Container für Zoom-Effekt */
.fernweh-category-slider .swiper-slide::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-image: inherit;
    transition: transform 0.3s ease;
    z-index: 1;
    filter: brightness(0.85); /* Leichte Abdunkelung des Bildes */
}

/* Zoom-Effekt auf dem Hintergrundbild */
.fernweh-category-slider .swiper-slide:hover::after {
    transform: scale(1.1);
}

/* Overlay für Text-Lesbarkeit - entfernt, da wir jetzt den Filter nutzen */
.fernweh-category-slider .swiper-slide::before {
    display: none;
}

.fernweh-category-slider .cat-label {
    color: #fff;
    font-size: 1.25em;
    font-weight: 600;
    padding: 1.5em;
    position: relative;
    z-index: 3;
    text-shadow: none;
    margin: 0;
}

/* Navigation Buttons */
.fernweh-category-slider .swiper-button-next,
.fernweh-category-slider .swiper-button-prev {
    top: auto;
    bottom: 0;
    width: 69px;
    height: 63px;
    background-color: transparent;
    color: transparent;
}

.fernweh-category-slider .swiper-button-prev {
    left: 50%;
    margin-left: -80px;
    background-image: url('data:image/svg+xml;utf8,<svg width="69" height="63" viewBox="0 0 69 63" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M62.6885 25.6009C60.1626 15.4439 51.8404 7.76041 41.5143 6.05182L30.9407 4.30226C16.4376 2.19806 2.91679 12.1583 0.660126 26.6385C0.222828 29.4445 0.235405 32.3022 0.697388 35.1042L0.800785 35.7313C3.10793 49.7246 14.7007 60.3159 28.8449 61.3529L35.7995 61.8628C41.4281 62.2754 47.0309 60.7733 51.6982 57.6004C57.3559 53.7541 61.1922 47.7591 62.3145 41.0104L63.1086 36.2348C63.6966 32.6987 63.5537 29.0796 62.6885 25.6009Z" fill="%23F1EAE9"/><path d="M67 39C49.9015 33.5 6 35 6 37M6 37L18.0152 27.5M6 37L18.0152 42.5" stroke="black" stroke-width="3" stroke-linecap="round"/></svg>');
}

.fernweh-category-slider .swiper-button-next {
    right: 50%;
    margin-right: -80px;
    background-image: url('data:image/svg+xml;utf8,<svg width="72" height="63" viewBox="0 0 72 63" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M62.6885 25.6009C60.1626 15.4439 51.8404 7.76041 41.5143 6.05182L30.9407 4.30226C16.4376 2.19806 2.91679 12.1583 0.660126 26.6385C0.222828 29.4445 0.235405 32.3022 0.697388 35.1042L0.800785 35.7313C3.10793 49.7246 14.7007 60.3159 28.8449 61.3529L35.7995 61.8628C41.4281 62.2754 47.0309 60.7733 51.6982 57.6004C57.3559 53.7541 61.1922 47.7591 62.3145 41.0104L63.1086 36.2348C63.6966 32.6987 63.5537 29.0796 62.6885 25.6009Z" fill="%23F1EAE9"/><path d="M4 31C22.5 36.5 70 35 70 33M70 33L57 42.5M70 33L57 27.5" stroke="black" stroke-width="3" stroke-linecap="round"/></svg>');
}

.fernweh-category-slider .swiper-button-next:after,
.fernweh-category-slider .swiper-button-prev:after {
    display: none;
}

@media (max-width: 768px) {
    .fernweh-category-slider .swiper-slide {
        width: 186px;
        height: 300px;
    }
    
    .fernweh-category-slider .cat-label {
        font-size: 1.1em;
        padding: 1.2em;
    }
}