.lightbox{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0ceb;animation:.2s lightbox-fade;position:fixed;inset:0}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}.lightbox__flaeche{justify-content:center;align-items:center;padding:clamp(12px,4vw,48px);display:flex;position:absolute;inset:0}.lightbox__buehne{flex-direction:column;align-items:center;gap:12px;max-width:100%;max-height:100%;margin:0;display:flex}.lightbox__bild{object-fit:contain;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:calc(100vh - clamp(96px,20vw,180px));box-shadow:0 20px 60px #00000080}.lightbox__caption{text-align:center;color:#ffffffd1;max-width:60ch;font-size:.85rem;line-height:1.4}.lightbox__zaehler,.lightbox__hinweis{letter-spacing:.08em;color:#fff9;font-size:.75rem}.lightbox__zoom{cursor:zoom-in;background:0 0;border:0;max-width:100%;padding:0;display:block}.lightbox__zoom:focus-visible{outline-offset:2px;outline:2px solid #fff}.lightbox--gezoomt .lightbox__flaeche{overscroll-behavior:contain;padding:0;display:block;overflow:auto}.lightbox--gezoomt .lightbox__buehne{width:max(100%,min(1400px,220vw));max-width:none;max-height:none;margin:0 auto;display:block}.lightbox--gezoomt .lightbox__zoom{cursor:zoom-out;width:100%}.lightbox--gezoomt .lightbox__bild{width:100%;max-width:none;max-height:none;box-shadow:none;border-radius:0}.lightbox__close,.lightbox__nav{z-index:1;color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;justify-content:center;align-items:center;transition:background .2s,transform .2s;display:inline-flex;position:absolute}.lightbox__close:hover,.lightbox__nav:hover,.lightbox__close:focus-visible,.lightbox__nav:focus-visible{background:#ffffff3d;outline:none}.lightbox__close{width:44px;height:44px;font-size:1.1rem;top:clamp(12px,3vw,24px);right:clamp(12px,3vw,24px)}.lightbox--gezoomt .lightbox__close{background:#0a0a0cb3}.lightbox__nav{width:52px;height:52px;font-size:2rem;line-height:1;top:50%;transform:translateY(-50%)}.lightbox__nav:hover{transform:translateY(-50%)scale(1.06)}.lightbox__nav--prev{left:clamp(8px,2vw,28px)}.lightbox__nav--next{right:clamp(8px,2vw,28px)}@media (prefers-reduced-motion:reduce){.lightbox{animation:none}.lightbox__nav{transition:none}}