/* Galerie – Themenbereiche, Bilderraster, Lightbox. Basis (:root, Header, Footer, .btn/.wrap) aus base.css. */

/* HERO */
.ga-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)}
.ga-hero::before{content:"";position:absolute;inset:0;z-index:-2;
  background:url('/wp-content/themes/badeshuk/assets/kf-strand-1.jpg') center/cover no-repeat;animation:bhHeroPan 28s ease-in-out infinite alternate}
.ga-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%)}
.ga-hero-inner{max-width:700px}
.ga-hero .eyebrow{color:#E9D9BE}
.ga-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)}
.ga-hero h1 em{font-style:italic;color:#F1E4CC}
.ga-hero p{color:#fff;max-width:580px;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)}

/* FILTER (sticky) */
.ga-filter{position:sticky;top:0;z-index:40;background:var(--white);border-bottom:1px solid var(--line)}
.ga-filter .wrap{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:14px 28px;overflow-x:auto}
.ga-tab{font-family:inherit;font-size:.8rem;font-weight:600;letter-spacing:.02em;color:var(--ink);background:var(--sand);border:1px solid var(--line);border-radius:999px;padding:9px 17px;white-space:nowrap;cursor:pointer;transition:.18s;display:inline-flex;align-items:center;gap:7px}
.ga-tab:hover{border-color:var(--gold);color:var(--gold-d)}
.ga-tab span{font-size:.7rem;font-weight:700;color:var(--muted);background:var(--white);border-radius:999px;padding:2px 7px;min-width:20px;text-align:center}
.ga-tab.is-active{background:var(--gold);border-color:var(--gold);color:#fff}
.ga-tab.is-active span{background:rgba(255,255,255,.25);color:#fff}

/* RASTER */
.ga-sec{padding:56px 0 80px}
.ga-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.ga-item{position:relative;padding:0;border:0;background:var(--sand-2);border-radius:12px;overflow:hidden;cursor:zoom-in;aspect-ratio:4/3;display:block}
.ga-item[hidden]{display:none}
.ga-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.ga-item:hover img{transform:scale(1.06)}
.ga-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(42,38,34,.55));opacity:0;transition:.25s}
.ga-item:hover::after{opacity:1}
.ga-cat{position:absolute;left:12px;bottom:10px;z-index:2;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;opacity:0;transform:translateY(6px);transition:.25s;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.ga-item:hover .ga-cat{opacity:1;transform:none}

/* Leerzustand */
.ga-empty{max-width:600px;margin:0 auto;text-align:center;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:56px 40px}
.ga-empty h2{font-family:"Cormorant Garamond",serif;font-size:1.8rem;color:var(--ink);margin:0 0 10px}
.ga-empty p{color:var(--muted);line-height:1.7;margin:0 0 16px}

/* LIGHTBOX */
.ga-lb{position:fixed;inset:0;z-index:200;background:rgba(20,17,14,.95);display:none;align-items:center;justify-content:center;padding:40px 24px 64px}
.ga-lb.open{display:flex}
.ga-lb img{max-width:92vw;max-height:82vh;width:auto;border-radius:8px;box-shadow:0 30px 90px rgba(0,0,0,.6)}
.ga-lb-close{position:absolute;top:18px;right:24px;background:none;border:0;color:#fff;font-size:2.1rem;line-height:1;cursor:pointer;z-index:3}
.ga-lb-close:hover{color:var(--gold-l)}
.ga-lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:2rem;width:54px;height:54px;border-radius:50%;cursor:pointer;display:grid;place-items:center;transition:.2s;padding-bottom:4px;z-index:3}
.ga-lb-nav:hover{background:var(--gold);border-color:var(--gold)}
.ga-prev{left:24px}.ga-next{right:24px}
.ga-lb-bar{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:rgba(255,255,255,.85);font-size:.86rem;letter-spacing:.04em}
.ga-lb-bar span:first-child{color:var(--gold-l);font-weight:600}

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

@media(max-width:640px){
  
  .ga-sec{padding:40px 0 60px}
  .ga-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
  .ga-lb-nav{width:44px;height:44px;font-size:1.6rem}
  .ga-prev{left:8px}.ga-next{right:8px}
}

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