/* V9 – Mobile-Korrekturen nach iPhone-Test */
@media(max-width:767px){
  /* Oberen Bereich kompakter halten. */
  .hero{
    min-height:560px !important;
    height:calc(100svh - 68px) !important;
    max-height:640px;
  }
  .hero-content{padding-bottom:28px !important}
  .quickfacts-heading{margin-top:18px !important;margin-bottom:10px !important}

  /* Vorteilsblock: dunkler Hintergrund braucht konsequent helle Schrift. */
  .quickfacts{
    background:linear-gradient(145deg,#083E52,#2F7A9F) !important;
    border-color:rgba(255,255,255,.18) !important;
    box-shadow:0 12px 28px rgba(8,62,82,.14) !important;
  }
  .quickfacts article{border-bottom-color:rgba(255,255,255,.38) !important}
  .quickfacts span{color:#fff !important}
  .quickfacts p{color:rgba(255,255,255,.86) !important}

  /* Ausstattung war durch den Desktop-Farbverlauf auf Mobil zweigeteilt. */
  .amenities-section{
    background:#F5E9D6 !important;
    padding:48px 0 !important;
  }
  .amenities-layout{display:block !important}
  .sticky-title{
    position:static !important;
    top:auto !important;
    width:100% !important;
    padding:24px 20px !important;
    margin:0 0 18px !important;
    background:#083E52 !important;
    color:#fff !important;
    border-radius:18px !important;
    border:0 !important;
    overflow:visible !important;
  }
  .sticky-title .eyebrow.dark{color:#BFE4EC !important}
  .sticky-title h2{color:#fff !important;font-size:clamp(36px,11vw,48px) !important;overflow-wrap:anywhere}
  .sticky-title h2::after{background:#4FB3C2 !important}
  .sticky-title>p:last-child{color:rgba(255,255,255,.86) !important;font-size:16px !important}
  .amenity-list{display:grid !important;grid-template-columns:1fr !important;gap:10px !important}
  .amenity-list article{
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) !important;
    gap:12px !important;
    padding:18px !important;
    margin:0 !important;
    background:#fff !important;
    border:1px solid rgba(14,90,117,.16) !important;
    border-radius:15px !important;
  }
  .amenity-list article>span{
    display:grid !important;place-items:center !important;
    width:38px !important;height:38px !important;
    background:#DCEFF3 !important;color:#083E52 !important;border-radius:50% !important;
  }
  .amenity-list h3{color:#083E52 !important;font-size:23px !important;margin:0 0 5px !important}
  .amenity-list p{color:#58717B !important;font-size:15px !important;line-height:1.5 !important}

  /* Engere vertikale Abstände auf kleinen Displays. */
  .quickfacts + .photo-grid{margin-top:24px !important}
  .photo-grid{padding-bottom:38px !important}
  .decision-cta{margin-top:14px !important;margin-bottom:30px !important}
  .included-box{margin-top:28px !important;margin-bottom:16px !important}
  .detail-facts{padding-top:8px !important}
}

@media(max-width:430px){
  .hero{min-height:520px !important;max-height:590px}
}