/* BG Weiz Fotomanager – Frontend (Gruppenfoto, Klassenfotos, Viewer) */
.bgw-fm-group{margin:var(--bgw-fm-top,24px) auto var(--bgw-fm-bottom,24px);max-width:var(--bgw-fm-max,1200px);padding:0;float:none;clear:both}
.bgw-fm-group.bgw-fm-align-left{margin-left:0;margin-right:auto}
.bgw-fm-group.bgw-fm-align-right{margin-left:auto;margin-right:0}
.bgw-fm-group a,.bgw-fm-item a{display:block;line-height:0}
.bgw-fm-group img{display:block;width:100%;height:auto}
.bgw-fm-group figcaption{text-align:center;margin-top:.5rem;font-size:.95em}

.bgw-fm-classes{margin:0 0 24px}
.bgw-fm-year{margin:0 0 16px}
.bgw-fm-year select{max-width:100%}
.bgw-fm-grade{margin:24px 0 8px;font-size:1.15em}
.bgw-fm-grid{display:grid;grid-template-columns:repeat(var(--bgw-cols,4),minmax(0,1fr));gap:var(--bgw-gap,16px)}
.bgw-fm-item{margin:0}
.bgw-fm-item img{display:block;width:100%;height:auto}
/* Festes Bildverhältnis nur, wenn eingestellt (sonst gilt das Verhältnis aus width/height bzw. dem Inline-Stil). */
.bgw-fm-ratio .bgw-fm-item img{aspect-ratio:var(--bgw-ratio);object-fit:cover}
.bgw-fm-cap{text-align:center;font-weight:700;margin:.4rem 0 0;line-height:1.3}
.bgw-fm-cap-above{margin:0 0 .4rem}
.bgw-fm-empty{opacity:.7}
@media (max-width:900px){.bgw-fm-grid{grid-template-columns:repeat(min(var(--bgw-cols,4),3),minmax(0,1fr))}}
@media (max-width:600px){.bgw-fm-grid{grid-template-columns:repeat(min(var(--bgw-cols,4),2),minmax(0,1fr))}}
@media (max-width:340px){.bgw-fm-grid{grid-template-columns:minmax(0,1fr)}}

/* Viewer */
.bgw-fm-lb{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;box-sizing:border-box}
.bgw-fm-lb[hidden]{display:none}
.bgw-fm-lb img{max-width:100%;max-height:calc(100vh - 110px);object-fit:contain;background:#fff}
.bgw-fm-lb-cap{color:#fff;margin-top:12px;text-align:center;font-size:1.05em}
.bgw-fm-lb button{position:absolute;background:rgba(255,255,255,.15);color:#fff;border:0;border-radius:50%;width:44px;height:44px;font-size:24px;line-height:1;cursor:pointer}
.bgw-fm-lb button:hover,.bgw-fm-lb button:focus{background:rgba(255,255,255,.35)}
.bgw-fm-lb .bgw-fm-lb-x{top:14px;right:14px}
.bgw-fm-lb .bgw-fm-lb-prev{left:14px;top:50%;margin-top:-22px}
.bgw-fm-lb .bgw-fm-lb-next{right:14px;top:50%;margin-top:-22px}