.uf-galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;margin:1.2rem 0}
.uf-galerie__bild{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:6px;background:#eee}
.uf-galerie__bild img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.uf-galerie__bild:hover img,.uf-galerie__bild:focus-visible img{transform:scale(1.04)}
.uf-lightbox{position:fixed;inset:0;z-index:10000;background:rgba(10,10,15,.94);display:flex;align-items:center;justify-content:center;flex-direction:column}
.uf-lightbox[hidden]{display:none}
.uf-lightbox__bild{max-width:min(96vw,1600px);max-height:84vh;object-fit:contain;box-shadow:0 10px 40px rgba(0,0,0,.6);background:#000}
.uf-lightbox__titel{color:#ddd;font-size:.95rem;margin-top:.7rem;text-align:center;padding:0 1rem}
.uf-lightbox__zaehler{color:#999;font-size:.8rem;margin-top:.25rem}
.uf-lightbox__knopf{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:48px;text-align:center;cursor:pointer}
.uf-lightbox__knopf:hover{background:rgba(255,255,255,.28)}
.uf-lightbox__knopf--zurueck{left:16px}
.uf-lightbox__knopf--weiter{right:16px}
.uf-lightbox__schliessen{position:absolute;top:14px;right:16px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:24px;cursor:pointer}
.uf-lightbox__schliessen:hover{background:rgba(255,255,255,.28)}
@media (max-width:600px){.uf-galerie{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.4rem}.uf-lightbox__knopf{width:40px;height:40px;line-height:40px;font-size:22px}}