/* FAQ – Häufige Fragen. Basis (:root, Header, Footer, .wrap/.btn/.eyebrow/.sec-head/.divider) aus base.css. */

/* HERO (Bild-Hintergrund + Gradient, zentriert – wie Spa/Aktivitäten) */
.faq-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)}
.faq-hero::before{content:"";position:absolute;inset:0;z-index:-2;
  background:url('/wp-content/themes/badeshuk/assets/marina-meer.jpg') center/cover no-repeat;animation:bhHeroPan 28s ease-in-out infinite alternate}
.faq-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%)}
.faq-hero-inner{max-width:720px}
.faq-hero .eyebrow{color:#E9D9BE}
.faq-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)}
.faq-hero h1 em{font-style:italic;color:#F1E4CC}
.faq-hero p{color:#fff;max-width:600px;margin:0 auto;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)}


/* FAQ-BEREICH */
.faq-sec{padding:74px 0}
.faq-sec .sec-head{max-width:760px;margin:0 auto 44px;text-align:center}
.faq-sec .sec-head .divider{margin-left:auto;margin-right:auto}
.faq-sec .sec-head 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}
.faq-sec .sec-head p{color:var(--muted);line-height:1.7;margin:0 auto;max-width:640px}
.faq-hint{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-size:.9rem;color:var(--ink);background:var(--sand-2);border:1px solid var(--line);border-radius:999px;padding:10px 20px}
.faq-hint b{color:var(--gold-d)}
.faq-hint a{color:var(--gold-d);font-weight:600}
.faq-hint .pulse{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(176,141,87,.6);animation:faqPulse 2s infinite;flex:none}
@keyframes faqPulse{0%{box-shadow:0 0 0 0 rgba(176,141,87,.55)}70%{box-shadow:0 0 0 10px rgba(176,141,87,0)}100%{box-shadow:0 0 0 0 rgba(176,141,87,0)}}

/* Kategorien + Accordion */
.faq{max-width:840px;margin:0 auto}
.faq-cat{scroll-margin-top:76px;font-family:"Cormorant Garamond",serif;font-size:1.55rem;color:var(--gold-d);margin:40px 0 16px;display:flex;align-items:center;gap:12px}
.faq-cat:first-of-type{margin-top:0}
.faq-cat::before{content:"";width:26px;height:2px;background:var(--gold);flex:none}
.faq details{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin-bottom:12px;transition:.25s}
.faq details[open]{box-shadow:0 14px 36px -24px rgba(42,38,34,.45)}
.faq summary{cursor:pointer;font-weight:600;font-family:"Cormorant Garamond",serif;font-size:1.2rem;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(45deg);transition:.25s;flex:none;margin-top:-3px}
.faq details[open] summary{color:var(--gold-d)}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:3px}
.faq details p{margin-top:10px;color:var(--muted);font-size:.94rem;line-height:1.65}
.faq details a{color:var(--gold-d);font-weight:500;text-decoration:underline}
.faq details a:hover{color:var(--ink)}

/* CTA */
.faq-cta{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:#fff;
  padding:92px 0;text-align:center}
.faq-cta::before{content:"";position:absolute;inset:0;z-index:-2;
  background:url(../marina-cafe.jpg) center/cover no-repeat;transform:scale(1.04)}
.faq-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%)}
.faq-cta h2,.faq-cta p{text-shadow:0 1px 4px rgba(0,0,0,.55),0 2px 22px rgba(0,0,0,.45)}
.faq-cta .eyebrow{color:var(--gold-l)}
.faq-cta-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0;max-width:760px;margin:0 auto}
.faq-cta .eyebrow{color:var(--gold-l)}
.faq-cta h2{font-family:"Cormorant Garamond",serif;font-size:clamp(1.7rem,3.2vw,2.4rem);margin:10px 0 10px;line-height:1.12}
.faq-cta p{color:rgba(255,255,255,.75);max-width:460px;line-height:1.6;margin:0 auto}
.faq-cta-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:28px}
/* Sekundäre Buttons klar lesbar auf dunklem Grund */
.faq-cta-actions .btn-light{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.85)}
.faq-cta-actions .btn-light:hover{background:#fff;color:var(--ink);border-color:#fff}

@media(max-width:640px){
  .faq-sec{padding:52px 0}
  
  }

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