/* Konzeptbild-Galerie (/erlebnis/#galerie) */
.exp-gallery{padding:80px 0;background:var(--ink)}
.gal-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:28px 0 26px}
.gal-filters button{background:rgba(255,255,255,.05);color:rgba(246,244,236,.85);border:1px solid rgba(255,255,255,.12);
  border-radius:999px;padding:8px 15px;font:inherit;font-size:.85rem;cursor:pointer}
.gal-filters button small{opacity:.55;margin-left:3px}
.gal-filters button[aria-pressed="true"]{background:var(--gold);color:#0b1021;border-color:var(--gold)}
.gal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.gal-item{position:relative;display:block;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:zoom-in;
  background:#10172e;aspect-ratio:16/9;box-shadow:0 8px 22px rgba(0,0,0,.3)}
.gal-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.gal-item:hover img,.gal-item:focus-visible img{transform:scale(1.05)}
.gal-cap{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;text-align:left;
  background:linear-gradient(transparent,rgba(8,11,24,.88));color:#f6f4ec}
.gal-cap b,.gal-lightbox figcaption b{display:block;font-family:'Cinzel',Georgia,serif;font-size:.9rem;letter-spacing:.03em}
.gal-cap span,.gal-lightbox figcaption span{display:block;font-size:.72rem;color:var(--gold-soft);margin-top:2px}
.gal-badge{position:absolute;top:10px;right:10px;background:rgba(11,16,33,.8);color:var(--gold-soft);
  border:1px dashed rgba(212,175,55,.6);border-radius:999px;padding:3px 9px;font-size:.68rem}
.gal-note{text-align:center;margin-top:22px;font-size:.8rem;color:rgba(246,244,236,.55)}
/* margin:auto nötig: der globale Reset (*{margin:0}) schlägt die Browser-Zentrierung von <dialog>. */
.gal-lightbox{margin:auto;width:min(1200px,96vw);max-height:94vh;padding:0;border:0;background:transparent;overflow:visible}
.gal-lightbox::backdrop{background:rgba(5,7,16,.9)}
.gal-lightbox figure{margin:0}
.gal-lightbox img{width:100%;max-height:80vh;object-fit:contain;border-radius:12px;display:block}
.gal-lightbox figcaption{text-align:center;color:#f6f4ec;margin-top:12px}
.gal-lightbox button{position:absolute;background:rgba(11,16,33,.8);color:#fff;border:1px solid rgba(255,255,255,.2);
  width:44px;height:44px;border-radius:50%;font-size:1.4rem;cursor:pointer;z-index:1}
.gal-close{top:8px;right:8px}
.gal-prev{left:8px;top:40%}
.gal-next{right:8px;top:40%}
@media (max-width:700px){.gal-grid{grid-template-columns:1fr 1fr;gap:8px}.gal-cap{padding:18px 8px 6px}.gal-cap b{font-size:.72rem}}