/* =========================================================
   Patch 991 – Visual Consistency + Performance Helpers
   Ziel:
   - Regionenübersicht, Region-Detail, Logbuch und Bei-uns-an-Bord näher an Start/Erlebnisse-Hero heranführen
   - Einzelne Erlebnisdetailseiten bleiben unangetastet
   - Keine Datenbankänderung
   ========================================================= */

/* Einheitlicher Premium-Hero für Regionenübersicht */
.onb-regions-premium-hero,
.onb-region88-hero{
  position: relative;
  min-height: clamp(430px, 48vw, 620px);
  padding: clamp(90px, 12vw, 150px) 6vw clamp(70px, 9vw, 120px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  color: #fff;
  background:
    linear-gradient(90deg,rgba(5,20,50,.84) 0%,rgba(5,20,50,.58) 44%,rgba(5,20,50,.16) 100%),
    url('/public/assets/img/home/home_header_1920x900_premium_sailing.jpg') center/cover no-repeat;
  border-radius: 0;
  margin: 0 0 clamp(28px, 4vw, 52px);
  box-shadow: none;
}

.onb-regions-premium-hero::after,
.onb-region88-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:130px;
  background:linear-gradient(180deg,rgba(244,247,251,0),var(--onb-bg,#f4f7fb));
  pointer-events:none;
}

.onb-regions-premium-hero > *,
.onb-region88-hero > *{
  position:relative;
  z-index:2;
  max-width: 980px;
}

.onb-regions-premium-hero .eyebrow,
.onb-region88-hero .eyebrow,
.onb98-eyebrow,
.onb-onboard-hero .eyebrow{
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:800;
  opacity:.92;
}

.onb-regions-premium-hero h1,
.onb-region88-hero h1,
.onb98-log-hero h1,
.onb-onboard-hero h1{
  font-size: clamp(2.4rem, 5.4vw, 5.4rem);
  line-height:.98;
  margin:.15em 0 .24em;
}

.onb-regions-premium-hero p,
.onb-region88-hero p,
.onb98-log-hero p,
.onb-onboard-hero p{
  font-size: clamp(1.05rem, 1.6vw, 1.32rem);
  max-width: 820px;
}

/* Region-Detail: volle Premium-Hero-Wirkung, aber Detailstruktur bleibt */
.onb-region41-hero{
  max-width: none !important;
  min-height: clamp(430px, 48vw, 620px) !important;
  margin: 0 0 clamp(28px, 4vw, 52px) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: clamp(90px, 12vw, 150px) 6vw clamp(70px, 9vw, 120px) !important;
  display:flex !important;
  align-items:flex-end !important;
}

.onb-region41-hero .onb-region41-hero-inner,
.onb-region41-hero > div{
  max-width: 980px;
}

/* Logbuch-Hero näher an Startseite */
.onb98-log-hero{
  position:relative;
  min-height: clamp(430px, 48vw, 620px);
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  color:#fff;
  margin:0 0 clamp(28px,4vw,52px);
}

.onb98-log-hero-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
}

.onb98-log-hero-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,20,50,.84) 0%,rgba(5,20,50,.58) 44%,rgba(5,20,50,.16) 100%);
}

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

.onb98-log-hero-inner{
  position:relative;
  z-index:2;
  width:100%;
  max-width: 980px;
  padding: clamp(90px, 12vw, 150px) 6vw clamp(70px, 9vw, 120px);
}

/* Bei uns an Bord: nicht mehr Split-Hero, sondern Premium-Bildhero */
.onb-onboard-hero{
  position:relative;
  min-height: clamp(430px, 48vw, 620px);
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  margin:0 0 clamp(28px,4vw,52px);
  color:#fff;
  background:#06183a;
}

.onb-onboard-hero__media{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.onb-onboard-hero__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.onb-onboard-hero__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,20,50,.84) 0%,rgba(5,20,50,.58) 44%,rgba(5,20,50,.16) 100%);
}

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

.onb-onboard-hero__content{
  position:relative;
  z-index:2;
  max-width:980px;
  padding: clamp(90px, 12vw, 150px) 6vw clamp(70px, 9vw, 120px);
}

/* Performance-Helfer: Kartenbilder stabiler, weniger Layout Shift */
.onb-region-premium-card img,
.onb-region88-card img,
.onb98-post-card img,
.card img,
.experience-card img{
  content-visibility:auto;
  contain-intrinsic-size: 420px 260px;
}

@media (max-width: 760px){
  .onb-regions-premium-hero,
  .onb-region88-hero,
  .onb-region41-hero,
  .onb98-log-hero,
  .onb-onboard-hero{
    min-height: 460px !important;
  }
}