.foto-lupe-rahmen{position:relative}
.foto-lupe-knopf{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:7px;min-height:44px;padding:9px 12px;border:1px solid #dce7ec;border-radius:7px;background:#fff;color:#173e54;box-shadow:0 2px 9px #0002;font-size:12px;line-height:1.3;cursor:pointer}
.foto-lupe-knopf svg{flex:none}
.bild-lupe{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#111e28;color:#fff;overflow:hidden;box-shadow:none}
.bild-lupe[open]{display:flex;flex-direction:column}
.bild-lupe::backdrop{background:#111e2bf5}
.bild-lupe [hidden]{display:none!important}
.bild-lupe-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;padding-top:calc(8px + env(safe-area-inset-top));flex:none;background:#182b38;font-size:13px}
.bild-lupe-kopf>div{display:flex;gap:8px}
.bild-lupe-kopf button{font:inherit;color:#fff;background:#284352;border:1px solid #567080;border-radius:5px;min-height:44px;padding:8px 13px;cursor:pointer}
.bild-lupe-kopf button:disabled{opacity:.5;cursor:wait}
.bild-lupe-bereich{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
.bild-lupe-flaeche{display:grid;place-items:center;min-width:100%;min-height:100%}
.bild-lupe .bild-lupe-flaeche img{display:block;max-width:none;max-height:none;object-fit:contain;user-select:none;-webkit-user-select:none}
.bild-lupe-rechte{flex:none;margin:0;padding:7px 14px calc(7px + env(safe-area-inset-bottom));background:#182b38;color:#c0d0db;font-size:10px;line-height:1.4;text-align:center}
.bild-lupe-status{margin:0;padding:12px 14px;font-size:13px;background:#182b38}
.bild-lupe button:focus-visible,.foto-lupe-knopf:focus-visible{outline:3px solid #7bc3ff;outline-offset:3px}
@media(max-width:480px){.foto-lupe-knopf{right:8px;bottom:8px;font-size:11px;padding:8px 10px}.bild-lupe-kopf{padding-left:8px;padding-right:8px;gap:6px;font-size:12px}.bild-lupe-kopf button{padding:8px 10px}.bild-lupe-kopf>div{gap:6px}}