/* =========================================================
   Patch 992 – HERO/Image Loading Fix
   Ziel:
   - Hero-Darstellung Regionen, Orte & Plätze, Logbuch, Bei uns an Bord stabilisieren
   - sichtbare Kachelbilder nicht zu spät laden
   - Startseiten-nahe Hero-Wirkung ohne Erlebnisdetailseiten anzufassen
   - keine DB-Änderung, keine Geo-/Analytics-Änderung
   ========================================================= */

/* Gemeinsame Hero-Bildfläche: echtes <img> statt nur CSS-Background möglich */
.onb-region41-hero,
.onb98-log-hero,
.onb-onboard-hero{
  position:relative!important;
  isolation:isolate;
  background:#06183a!important;
  overflow:hidden!important;
  min-height:clamp(520px,58vw,760px)!important;
  margin-top:0!important;
}

.onb-region41-hero-media,
.onb98-log-hero-bg,
.onb-onboard-hero__media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:0!important;
}

.onb-region41-hero-media img,
.onb98-log-hero-bg img,
.onb-onboard-hero__media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  transform:none!important;
  filter:saturate(1.04) contrast(1.02)!important;
}

/* Overlay bewusst wie Start: Bild bleibt sichtbar, Text bleibt lesbar */
.onb-region41-hero::before,
.onb98-log-hero-bg::after,
.onb-onboard-hero__media::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    linear-gradient(90deg,rgba(5,20,50,.54) 0%,rgba(5,20,50,.34) 44%,rgba(5,20,50,.08) 100%),
    linear-gradient(0deg,rgba(5,20,50,.28) 0%,rgba(5,20,50,0) 48%)!important;
  pointer-events:none!important;
}

.onb-region41-hero::after,
.onb98-log-hero::after,
.onb-onboard-hero::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:130px!important;
  z-index:2!important;
  background:linear-gradient(180deg,rgba(244,247,251,0),var(--onb-bg,#f4f7fb))!important;
  pointer-events:none!important;
}

.onb-region41-inner,
.onb-region41-hero .onb-region41-inner,
.onb98-log-hero-inner,
.onb-onboard-hero__content{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  max-width:980px!important;
  padding:clamp(96px,12vw,160px) 6vw clamp(76px,9vw,128px)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
}

.onb-region41-hero h1,
.onb98-log-hero h1,
.onb-onboard-hero h1{
  color:#fff!important;
  text-shadow:0 8px 24px rgba(0,0,0,.22)!important;
}
.onb-region41-hero p,
.onb98-log-hero p,
.onb-onboard-hero p{
  color:rgba(255,255,255,.92)!important;
  text-shadow:0 5px 18px rgba(0,0,0,.2)!important;
}
.onb-region41-hero .eyebrow,
.onb98-log-hero .onb98-eyebrow,
.onb-onboard-hero .eyebrow{
  color:rgba(255,255,255,.92)!important;
}

/* Kartenbilder: Fläche reservieren, sichtbare Bilder priorisiert durch PHP eager/fetchpriority */
.onb98-card-img,
.onb-region-premium-card .media{
  display:block;
  background:#dbeaf7;
  overflow:hidden;
}
.onb98-card-img{aspect-ratio:16/9;}
.onb-region-premium-card .media{aspect-ratio:16/10;}
.onb98-post-card img,
.onb98-card-img img,
.onb-region-premium-card img,
.onb-region41-card > img,
.onb-region89-location-card > img,
.experience-card img{
  width:100%!important;
  object-fit:cover!important;
  display:block!important;
  background:#dbeaf7!important;
}
.onb98-card-img img{height:100%!important;}
.onb-region41-card > img,
.onb-region89-location-card > img{height:220px!important;}

@media(max-width:760px){
  .onb-region41-hero,
  .onb98-log-hero,
  .onb-onboard-hero{
    min-height:520px!important;
  }
  .onb-region41-inner,
  .onb98-log-hero-inner,
  .onb-onboard-hero__content{
    padding:92px 22px 72px!important;
  }
  .onb-region41-hero-media img,
  .onb98-log-hero-bg img,
  .onb-onboard-hero__media img{
    object-position:center center!important;
  }
}