/* =========================================================
   Patch 993 – HERO Full-Bleed Correction
   Ursache:
   - Alte CSS-Regeln begrenzen Hero-Sektionen/Media-DIVs auf max-width.
   - Besonders kritisch: .onb-region41-hero > div aus Patch 991 begrenzt auch das Media-DIV.
   Ergebnis war: rechte Seitenhälfte leer/dunkel statt Bildfläche.

   Ziel:
   - Hero-Bildflächen wie Startseite über die volle Viewportbreite ziehen.
   - Content bleibt innerhalb lesbarer Breite.
   - Keine DB-/Analytics-/Geo-Änderung.
   ========================================================= */

/* Hero-Sektionen aus eventuellen Containern lösen: volle Browserbreite */
.onb-regions-premium-hero,
.onb-region88-hero,
.onb-region41-hero,
.onb98-log-hero,
.onb-onboard-hero{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  border-radius:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

/* Wichtig: Media-Ebenen dürfen NICHT von alten > div/max-width Regeln gefangen werden */
.onb-region41-hero > .onb-region41-hero-media,
.onb-region41-hero-media,
.onb98-log-hero-bg,
.onb-onboard-hero__media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  z-index:0!important;
}

.onb-region41-hero > .onb-region41-hero-media img,
.onb-region41-hero-media img,
.onb98-log-hero-bg img,
.onb-onboard-hero__media img{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}

/* Content bleibt lesbar begrenzt, aber nicht das Bild */
.onb-region41-hero > .onb-region41-inner,
.onb-region41-inner,
.onb98-log-hero-inner,
.onb-onboard-hero__content,
.onb-regions-premium-hero > *,
.onb-region88-hero > *{
  position:relative!important;
  z-index:3!important;
  max-width:980px!important;
}

/* Regionen-Übersicht nutzt CSS-Background: ebenfalls volle Fläche erzwingen */
.onb-regions-premium-hero,
.onb-region88-hero{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

@media(max-width:760px){
  .onb-regions-premium-hero,
  .onb-region88-hero,
  .onb-region41-hero,
  .onb98-log-hero,
  .onb-onboard-hero{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}