/* Lightbox: jedes Inhaltsbild öffnet groß, mit Unterschrift; ‹ › und Pfeiltasten blättern. */
#lb{ position:fixed; inset:0; background:rgba(14,16,19,.94); display:none; z-index:100; align-items:center; justify-content:center }
#lb.an{ display:flex }
#lb figure{ max-width:96vw; max-height:96vh; margin:0; display:flex; flex-direction:column; align-items:center; gap:12px }
#lb img{ max-width:96vw; max-height:86vh; object-fit:contain; display:block; box-shadow:0 10px 60px rgba(0,0,0,.6) }
#lb figcaption{ color:rgba(255,255,255,.85); font-size:15px; line-height:1.4; text-align:center; max-width:80ch; padding:0 16px }
#lb button{ position:absolute; background:transparent; border:0; color:#fff; font:inherit; font-size:44px; line-height:1; cursor:pointer; padding:14px 18px; opacity:.75 }
#lb button:hover{ opacity:1 }
#lb .lb-x{ top:10px; right:14px }
#lb .lb-p{ left:6px; top:50%; transform:translateY(-50%) }
#lb .lb-n{ right:6px; top:50%; transform:translateY(-50%) }
#lb .lb-z{ position:absolute; left:18px; top:22px; color:rgba(255,255,255,.55); font-size:13px; letter-spacing:.08em }
html.lb-offen{ overflow:hidden !important }
.bildflaeche img, .grundbild img, .paar img, .raster4 img, .raster12 img, .kachel img, .aktuell .bild img, figure.foto img{ cursor:zoom-in }
@media (max-width:760px){ #lb button{ font-size:36px; padding:10px 12px } #lb figcaption{ font-size:13.5px } }