/* Lightbox: schwarz, Foto contain ueber den ganzen Schirm, X und Pfeile als weisse Ringe. */
dialog.kki-lightbox{position:fixed;inset:0;width:100vw;height:100vh;height:100svh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff;overflow:hidden}
dialog.kki-lightbox::backdrop{background:#000}
html.kki-lightbox-offen{overflow:hidden}
.kki-lightbox-figur{position:absolute;inset:0;margin:0;display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:center;padding:16px 16px 20px}
.kki-lightbox-figur img{max-width:100%;max-height:calc(100svh - 76px);width:auto;height:auto;object-fit:contain;display:block}
.kki-lightbox-zeile{font:400 13px/1.5 var(--era-sans,Arial,sans-serif);letter-spacing:.06em;color:#fff;text-align:center;margin-top:10px;pointer-events:none}
.kki-lightbox-x,.kki-lightbox-pfeil{position:absolute;z-index:2;display:grid;place-items:center;width:52px;height:52px;padding:0;border:1px solid #fff;border-radius:50%;background:transparent;color:#fff;font:400 30px/1 var(--era-sans,Arial,sans-serif);cursor:pointer}
.kki-lightbox-x{top:18px;right:18px}
.kki-lightbox-pfeil{top:50%;transform:translateY(-50%)}
.kki-lightbox-zurueck{left:18px}
.kki-lightbox-weiter{right:18px}
.kki-lightbox-pfeil[hidden]{display:none}
.kki-lightbox-x:focus-visible,.kki-lightbox-pfeil:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:700px){
 .kki-lightbox-x,.kki-lightbox-pfeil{width:46px;height:46px;font-size:26px}
 .kki-lightbox-x{top:12px;right:12px}.kki-lightbox-zurueck{left:8px}.kki-lightbox-weiter{right:8px}
 .kki-lightbox-figur{padding:12px 12px 16px}
}