/* Ostsee Refresh V4 – Korrekturen nach Desktop-Test
   1) Garten-Bild heller/klarer
   2) Ausstattung: saubere Zweiteilung ohne überlappende Hintergrundfläche */

/* Bildband: Originalfoto sichtbar lassen, nur links dezent abdunkeln für lesbaren Text */
.image-band img{
  filter:none !important;
  image-rendering:auto;
}
.image-band::after{
  background:linear-gradient(90deg,
    rgba(8,62,82,.46) 0%,
    rgba(8,62,82,.24) 36%,
    rgba(8,62,82,.07) 62%,
    rgba(8,62,82,0) 82%) !important;
}
.image-band .band-copy{
  text-shadow:0 2px 12px rgba(0,0,0,.30);
}
.image-band .band-copy h2,
.image-band .band-copy p{
  color:#fff;
}

@media(min-width:768px){
  /* Kein viewport-basiertes 37%-Farbfeld mehr: das war auf breiten Monitoren optisch versetzt. */
  .amenities-section{
    background:var(--holiday-sand) !important;
    padding:84px 0;
  }
  .amenities-layout{
    grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);
    gap:58px;
    align-items:start;
  }
  .sticky-title{
    width:100%;
    padding:40px 38px 42px;
    background:linear-gradient(145deg,#083E52,#0E5A75) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:24px;
    box-shadow:0 18px 42px rgba(8,62,82,.18);
    overflow:hidden;
  }
  .sticky-title .eyebrow.dark{color:#BFE4EC !important}
  .sticky-title h2{color:#fff !important}
  .sticky-title>p:last-child{color:rgba(255,255,255,.82) !important}
  .amenity-list{
    align-items:stretch;
  }
  .amenity-list article{
    height:100%;
  }
}

@media(min-width:768px) and (max-width:1050px){
  .amenities-layout{grid-template-columns:1fr;gap:28px}
  .sticky-title{position:relative;top:auto}
}