/* Grau & Grün · Galerie-Seite (/galerie/). Ergänzt style.css und fragen.css (Kopf, Pills). */
.gv-hero{padding-top:clamp(110px,12vw,150px)}
.gv-hero h1.sec-title{font-size:clamp(2rem,4vw,3.1rem)}
.gv-crumbs{justify-content:center}

/* Vorher / Nachher */
.gv-ba-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;align-items:start}
.gv-ba{margin:0}
.gv-ba figcaption{margin-top:10px;font:700 .98rem/1.4 var(--head);color:var(--ink);text-align:center}
.ba--hoch{aspect-ratio:3/4;max-height:80vh;margin-inline:auto}
@media(max-width:820px){.gv-ba-grid{grid-template-columns:1fr}}

/* Filter */
.gv-filter{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.gv-filter__btn{all:unset;box-sizing:border-box;cursor:pointer;padding:9px 18px;border-radius:999px;background:#fff;border:1.5px solid var(--line);color:var(--ink);font:600 .92rem var(--text);transition:border-color .2s,background .2s}
.gv-filter__btn:hover{border-color:var(--lime)}
.gv-filter__btn[aria-pressed="true"]{background:var(--lime);border-color:var(--lime);color:var(--on-lime)}
.gv-filter__btn:focus-visible{outline:3px solid var(--emerald);outline-offset:2px}
.gv-gal .gal__item[hidden]{display:none}
@media(max-width:820px){.gv-gal{grid-template-columns:repeat(2,1fr);grid-auto-rows:clamp(140px,40vw,220px)}}

/* Videos */
.gv-film{max-width:900px;margin:0 auto 12px}
.gv-sub{font:800 clamp(1.15rem,2vw,1.35rem)/1.3 var(--head);color:var(--ink);margin:clamp(36px,5vw,56px) 0 18px;padding-bottom:10px;border-bottom:2px solid var(--lime)}
.gv-vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;align-items:start}
.gv-vgrid--wide{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.vcard--wide .vcard__media{aspect-ratio:var(--ar,16/9)}
.gv-vgrid--wide .vcard[style*="540/960"]{grid-row:span 2}
.gv-vgrid--wide .vcard[style*="540/960"] .vcard__media{aspect-ratio:auto;height:100%;min-height:320px}
.gv-film .vcard--wide .vcard__media{aspect-ratio:16/9}
.vcard__media img{width:100%;height:100%;object-fit:cover}
.gv-vgrid .vcard,.gv-film .vcard{width:100%}