/* =============================================================
   HERO SLIDER ARKA PLAN RESMİ KAYBOLMA SORUNU DÜZELTME
   (MS Rund ums Haus - hero-5 için özel fix)
   ============================================================= */

/* 1. Overflow sorununu tamamen kaldır + görünürlüğü zorla */
.hero-wrapper.hero-5,
.hero-slider5.global-carousel,
.hero-slider5 .slick-list,
.hero-slider5 .slick-track,
.hero-slide {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

/* 2. Hero yüksekliğini sabitle ve responsive yap */
.hero-wrapper.hero-5,
#hero {
    min-height: 80vh !important;       /* Masaüstünde güzel durur */
    height: auto !important;
    position: relative !important;
}

.hero-slider5,
.hero-slide {
    min-height: 80vh !important;
    height: auto !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* 3. Slick carousel'ın içindeki height sorununu çöz */
.hero-slider5 .slick-list,
.hero-slider5 .slick-track {
    height: auto !important;
    min-height: inherit !important;
}

/* 4. Arka plan resminin kesilmemesi için ekstra koruma */
.hero-slide {
    background-attachment: scroll !important;   /* fixed değil scroll olsun */
}

/* 5. Sticky header çakışmasını önle (header hero'yu örtmesin) */
.sticky-wrapper.sticky {
    z-index: 1000 !important;
}

.hero-wrapper.hero-5 {
    z-index: 10 !important;
    position: relative !important;
}

/* 6. Mobil için ekstra ayar (küçük ekranlarda yüksekliği kısalt) */
@media (max-width: 991px) {
    .hero-wrapper.hero-5,
    .hero-slider5,
    .hero-slide {
        min-height: 70vh !important;
    }
}

@media (max-width: 767px) {
    .hero-wrapper.hero-5,
    .hero-slider5,
    .hero-slide {
        min-height: 60vh !important;
    }
}

/* 7. Slick carousel yenileme sonrası görünürlüğü garantile */
.hero-slider5 {
    visibility: visible !important;
    opacity: 1 !important;
}