/* Bild-Lightbox für Anleitung und Magazin (12.10.2026), gehört zu assets/js/lightbox.js */
.pw-lb-zoom{cursor:zoom-in}
.pw-lb-zoom:focus-visible{outline:3px solid #6d28d9;outline-offset:3px}
html.pw-lb-open,html.pw-lb-open body{overflow:hidden}
.pw-lb{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;background:rgba(17,12,30,.92);padding:56px 64px 40px}
.pw-lb.is-open{display:flex}
.pw-lb__fig{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:100%;max-height:100%;cursor:zoom-out}
.pw-lb__img{display:block;max-width:100%;max-height:calc(100vh - 150px);width:auto;height:auto;border-radius:6px;box-shadow:0 10px 40px rgba(0,0,0,.5);background:#fff;cursor:default}
.pw-lb__cap{color:#f3f0fa;font-size:.95rem;line-height:1.45;max-width:900px;margin-top:12px;text-align:center}
.pw-lb__close,.pw-lb__nav{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s}
.pw-lb__close:hover,.pw-lb__nav:hover{background:rgba(255,255,255,.25)}
.pw-lb__close:focus-visible,.pw-lb__nav:focus-visible{outline:3px solid #c4b5fd;outline-offset:2px}
.pw-lb__close{top:12px;right:14px;width:44px;height:44px;font-size:30px}
.pw-lb__nav{top:50%;transform:translateY(-50%);width:48px;height:48px;font-size:34px}
.pw-lb__prev{left:10px}.pw-lb__next{right:10px}
.pw-lb__nav[hidden]{display:none}
.pw-lb__count{position:absolute;top:22px;left:20px;color:#cfc8e6;font-size:.9rem}
@media (max-width:700px){
  .pw-lb{padding:56px 8px 20px}
  .pw-lb__nav{top:auto;bottom:14px;transform:none;width:44px;height:44px}
  .pw-lb__prev{left:calc(50% - 56px)}.pw-lb__next{right:calc(50% - 56px)}
  .pw-lb__img{max-height:calc(100vh - 190px)}
  .pw-lb__cap{font-size:.85rem;margin-bottom:56px}
}
@media (prefers-reduced-motion:reduce){.pw-lb__close,.pw-lb__nav{transition:none}}