/* Marina Hotel. Basis (:root, Header, Footer, .wrap/.btn/.sec-head/.reviews) aus base.css. */

/* HERO (Bild-Hintergrund + Gradient, zentriert – wie Spa/Aktivitäten) */
.mh-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;text-align:center;
  height:460px;min-height:460px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  padding:24px 24px 54px;background:var(--ink)}
.mh-hero::before{content:"";position:absolute;inset:0;z-index:-2;
  background:url('/wp-content/uploads/2026/08/Bades-Huk-Marina-Hotel_Kleines-Hotel-am-Meer-scaled.jpg') center/cover no-repeat;animation:bhHeroPan 28s ease-in-out infinite alternate}
.mh-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(42,38,34,.42) 0%,rgba(42,38,34,.70) 58%,rgba(42,38,34,.60) 100%)}
.mh-hero-inner{max-width:740px}
.mh-hero .eyebrow{color:#E9D9BE}
.mh-hero h1{color:#fff;font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;line-height:1.06;font-size:clamp(2.3rem,4.6vw,3.6rem);margin:12px 0 14px;text-shadow:0 1px 4px rgba(0,0,0,.72),0 2px 26px rgba(0,0,0,.55)}
.mh-hero h1 em{font-style:italic;color:#F1E4CC}
.mh-hero p{color:#fff;max-width:580px;margin:0 auto 22px;font-weight:500;line-height:1.6;text-shadow:0 1px 3px rgba(0,0,0,.6),0 2px 16px rgba(0,0,0,.5)}
.mh-hero-cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}

/* BANDEROLE */
.mh-band{background:var(--ink);color:#F1E8DA}
.mh-band .wrap{display:flex;align-items:center;justify-content:center;gap:12px 30px;flex-wrap:wrap;padding:16px 28px}
.mh-band-item{display:flex;align-items:center;gap:9px;font-size:.84rem;font-weight:500;position:relative}
.mh-band-item+.mh-band-item::before{content:"";position:absolute;left:-15px;top:50%;transform:translateY(-50%);width:1px;height:16px;background:rgba(255,255,255,.22)}
.mh-band-ic{font-size:1.05rem;line-height:1}

/* LEAD */
.mh-lead-sec{padding:82px 0}
.mh-lead{max-width:720px;text-align:center;margin:0 auto}
.mh-lead .divider{width:54px;height:2px;background:var(--gold);margin:0 auto 14px}
.mh-lead .eyebrow{color:var(--gold-d)}
.mh-lead h2{font-family:"Cormorant Garamond",serif;font-size:clamp(1.9rem,3.6vw,2.7rem);color:var(--ink);margin:8px 0 14px;line-height:1.12}
.mh-lead p{color:var(--muted);line-height:1.75;margin:0 auto;max-width:640px}

/* ZIMMER (Info-Karten) */
.mh-rooms-sec{background:var(--sand-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:88px 0}
.mh-rooms{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px}
.mh-room{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 14px 40px -28px rgba(42,38,34,.5)}
.mh-room-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--sand-2)}
.mh-room-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.mh-room:hover .mh-room-media img{transform:scale(1.05)}
.mh-room-view{position:absolute;top:12px;left:12px;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#fff;background:rgba(42,38,34,.72);border-radius:999px;padding:6px 13px}
.mh-room-body{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1}
.mh-room-body h3{font-family:"Cormorant Garamond",serif;font-size:1.55rem;color:var(--ink);margin:0 0 8px;line-height:1.15}
.mh-room-body>p{font-size:.92rem;color:var(--muted);line-height:1.6;margin:0 0 18px}
.mh-room-feats{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:9px}
.mh-room-feats li{display:flex;gap:10px;align-items:center;font-size:.88rem;color:var(--ink)}
.mh-price{display:flex;align-items:baseline;gap:6px;margin:0 0 18px}
.mh-price .from{font-size:.8rem;color:var(--muted)}
.mh-price .now{font-family:"Cormorant Garamond",serif;font-size:1.7rem;font-weight:700;color:var(--ink)}
.mh-price .unit{font-size:.76rem;color:var(--muted)}
.mh-room-body .btn{margin-top:auto;align-self:stretch;justify-content:center}
.mh-disclaimer{max-width:820px;margin:32px auto 0;text-align:center;font-size:.8rem;color:var(--muted);line-height:1.6}
.mh-disclaimer a{color:var(--gold-d);text-decoration:underline}

/* FEATURE-SPLIT (Frühstück, Standort) */
.mh-break-sec{padding:88px 0}
.mh-loc-sec{background:var(--sand-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:88px 0}
.mh-feature{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.mh-feature-rev .mh-visual{order:2}
.mh-visual{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3}
.mh-visual img{width:100%;height:100%;object-fit:cover;display:block}
.mh-feature-body .eyebrow{color:var(--gold-d)}
.mh-feature-body h2{font-family:"Cormorant Garamond",serif;font-size:clamp(1.8rem,3.5vw,2.6rem);color:var(--ink);margin:10px 0 14px;line-height:1.12}
.mh-feature-body>p{color:var(--muted);line-height:1.7;margin:0 0 22px}
.mh-flist{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:14px}
.mh-flist li{display:flex;gap:12px;align-items:flex-start;font-size:.93rem;color:var(--ink)}
.mh-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);margin-top:7px;flex:none}
.mh-flist b{display:block;color:var(--ink)}
.mh-flist span{display:block;color:var(--muted);font-size:.88rem;line-height:1.5}

/* GALERIE + LIGHTBOX */
.mh-gal-sec{padding:88px 0}
.mh-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:44px}
.mh-gitem{padding:0;border:0;background:var(--sand-2);cursor:pointer;border-radius:12px;overflow:hidden;aspect-ratio:3/2}
.mh-gitem img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.mh-gitem:hover img{transform:scale(1.06)}
.mh-lb{position:fixed;inset:0;background:rgba(20,16,12,.92);display:none;align-items:center;justify-content:center;z-index:90}
.mh-lb.open{display:flex}
.mh-lb img{max-width:92vw;max-height:88vh;border-radius:8px;box-shadow:0 30px 80px -20px rgba(0,0,0,.7)}
.mh-lb-close{position:absolute;top:20px;right:26px;background:none;border:0;color:#fff;font-size:2.4rem;line-height:1;cursor:pointer}
.mh-lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.12);border:0;color:#fff;font-size:2rem;width:52px;height:52px;border-radius:50%;cursor:pointer;transition:.2s}
.mh-lb-nav:hover{background:var(--gold)}
.mh-lb-prev{left:24px}.mh-lb-next{right:24px}

/* CTA (Foto-Hintergrund + Ink-Overlay) */
.mh-cta{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:#fff;
  padding:92px 0;text-align:center}
.mh-cta::before{content:"";position:absolute;inset:0;z-index:-2;
  background:url(../mh-23.jpg) center/cover no-repeat;transform:scale(1.04)}
.mh-cta::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(24,20,16,.80) 0%,rgba(24,20,16,.68) 50%,rgba(24,20,16,.82) 100%)}
.mh-cta h2,.mh-cta p{text-shadow:0 1px 4px rgba(0,0,0,.55),0 2px 22px rgba(0,0,0,.45)}
.mh-cta .eyebrow{color:var(--gold-l)}
.mh-cta-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0;max-width:760px;margin:0 auto}
.mh-cta .eyebrow{color:var(--gold-l)}
.mh-cta h2{font-family:"Cormorant Garamond",serif;font-size:clamp(1.9rem,3.6vw,2.7rem);margin:10px 0 12px;line-height:1.1}
.mh-cta p{color:rgba(255,255,255,.75);max-width:520px;line-height:1.6;margin:0 auto}
.mh-cta-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:28px}

@media(max-width:900px){.mh-rooms{grid-template-columns:1fr}}
@media(max-width:860px){
  .mh-feature{grid-template-columns:1fr;gap:30px}
  .mh-feature-rev .mh-visual,.mh-visual{order:-1}
  .mh-band-item+.mh-band-item::before{display:none}
  .mh-lead-sec,.mh-rooms-sec,.mh-break-sec,.mh-loc-sec{padding:56px 0}
}

/* Einheitliche Hero-Höhe mobil */
@media(max-width:640px){.mh-hero{height:400px;min-height:400px;padding:24px 20px 40px}}

/* Zimmer-Ausstattung als Akkordeon (mobil), Desktop offen */
.mh-acc{margin:0 0 18px}
.mh-acc>summary{list-style:none;cursor:pointer;font-family:'Inter',sans-serif;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--gold-d);padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.mh-acc>summary::-webkit-details-marker{display:none}
.mh-acc>summary::after{content:"+";font-size:1.2rem;font-weight:400;line-height:1;color:var(--muted)}
.mh-acc[open]>summary::after{content:"\2013"}
.mh-acc .mh-room-feats{margin:14px 0 4px}
@media(min-width:761px){
  .mh-acc{border:0;margin:0 0 22px}
  .mh-acc>summary{display:none}
  .mh-acc>.mh-room-feats{display:flex!important;margin:0 0 22px}
}
/* Galerie mobil: 2 nebeneinander, kleiner (weniger Scroll) */
@media(max-width:640px){
  .mh-gal{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}
  .mh-gal-sec{padding:52px 0}
}