/* Aidline – lightbox.css
   Bilder-Popup der Beitrags-Galerien. Bewusst ohne Theme-Variablen: der Dialog liegt als
   dunkle Fläche über der Seite und sieht im Team-Bereich wie auf der öffentlichen Seite gleich aus. */
.lb{ border:0; padding:0; margin:auto; width:100vw; height:100vh; max-width:100vw; max-height:100vh;
  background:transparent; display:none; align-items:center; justify-content:center; }
.lb[open]{ display:flex; }
.lb::backdrop{ background:rgba(6,6,8,.88); backdrop-filter:blur(6px); }
/* Fallback ohne <dialog>-Unterstützung: eigene dunkle Fläche */
.lb[open]{ position:fixed; inset:0; z-index:1000; background:rgba(6,6,8,.88); }

.lb-fig{ margin:0; max-width:calc(100vw - 140px); max-height:calc(100vh - 96px);
  display:flex; flex-direction:column; align-items:center; gap:12px; }
.lb-img{ max-width:100%; max-height:calc(100vh - 140px); border-radius:12px;
  box-shadow:0 24px 70px rgba(0,0,0,.55); object-fit:contain; }
.lb-cap{ color:rgba(255,255,255,.82); font-size:14px; line-height:1.5; text-align:center; max-width:640px; }

.lb-close{ position:fixed; top:18px; right:18px; width:44px; height:44px; border-radius:50%;
  border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.08); color:#fff;
  font-size:26px; line-height:1; cursor:pointer; z-index:2; }
.lb-close:hover{ background:rgba(255,255,255,.18); }

.lb-nav{ flex:none; width:52px; height:52px; margin:0 16px; border-radius:50%;
  border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.08); color:#fff; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; }
.lb-nav:hover{ background:rgba(255,255,255,.18); }
.lb-nav svg{ width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:2.2;
  stroke-linecap:round; stroke-linejoin:round; }
.lb-nav[hidden]{ display:none; }

.lb-count{ position:fixed; bottom:18px; left:50%; transform:translateX(-50%);
  color:rgba(255,255,255,.75); font-size:13px; letter-spacing:.08em; }

@media (max-width:720px){
  .lb-fig{ max-width:calc(100vw - 16px); }
  .lb-img{ max-height:calc(100vh - 170px); }
  .lb-nav{ position:fixed; bottom:56px; margin:0; }
  .lb-prev{ left:calc(50% - 72px); }
  .lb-next{ right:calc(50% - 72px); }
}