/* Universelle Lightbox (Bilder & PDFs) – transparenter Overlay, Pfeile optional */
.lb-backdrop {
  position: fixed; inset: 0; background: rgba(0,0,0,.3);
  display: none; align-items: center; justify-content: center; z-index: 9999;
}
.lb-backdrop.is-open { display: flex; }

.lb-stage { position: relative; max-width: 92vw; max-height: 92vh; }
.lb-img, .lb-frame {
  max-width: 92vw; max-height: 92vh; border-radius: 10px; background:#0000;
  box-shadow: 0 12px 40px rgba(0,0,0,.35);
}
.lb-frame { width: 92vw; height: 92vh; border: none; background:#fff; }

.lb-close, .lb-prev, .lb-next {
  position: absolute; top: 50%; transform: translateY(-50%);
  background: rgba(0,0,0,.45); color: #fff; border: 0;
  width: 40px; height: 40px; border-radius: 999px; cursor: pointer;
  display: flex; align-items: center; justify-content: center; font-size: 20px;
}
.lb-close { top: -18px; right: -18px; transform: none; }
.lb-prev { left: -56px; }
.lb-next { right: -56px; }
@media (max-width: 640px){
  .lb-prev { left: 8px; } .lb-next { right: 8px; }
  .lb-close { right: 8px; top: 8px; }
}