/* Bild-Viewer (28.10.2026): Großbild über deckendem Scrim, Schließen-Knopf oben rechts */
.au-viewer{position:fixed;inset:0;z-index:100000;touch-action:pinch-zoom;overscroll-behavior:contain}
.au-viewer-scrim{position:absolute;inset:0;background:#0d1e17;opacity:0}
.au-viewer-bild{position:absolute;margin:0;max-width:none;object-fit:contain;transform-origin:50% 50%;border-radius:6px;box-shadow:0 30px 80px -30px #000c;-webkit-user-drag:none;user-select:none;will-change:transform}
.au-viewer-zu{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(247,248,242,.16);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);transition:transform .26s cubic-bezier(.2,.8,.2,1),background-color .18s;touch-action:manipulation}
.au-viewer-zu svg path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.au-viewer-zu:hover{background:rgba(247,248,242,.26)}
.au-viewer-zu:active{transform:scale(.92);transition-duration:.1s;transition-timing-function:ease-out}
.au-viewer-zu:focus-visible{outline:3px solid #d9ed99;outline-offset:3px}
.au-viewer-original{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));min-height:44px;display:inline-flex;align-items:center;padding:0 18px;border-radius:22px;background:rgba(247,248,242,.16);color:#fff!important;font-size:14px;font-weight:600;text-decoration:none!important;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);transition:opacity .26s cubic-bezier(.2,.8,.2,1),background-color .18s;touch-action:manipulation}
.au-viewer-original:hover{background:rgba(247,248,242,.26)}.au-viewer-original:active{opacity:.5;transition-duration:.1s}.au-viewer-original:focus-visible{outline:3px solid #d9ed99;outline-offset:3px}
.au-viewer.is-zu .au-viewer-zu,.au-viewer.is-zu .au-viewer-original,.au-viewer.is-zu .au-viewer-lupe-knopf{opacity:0;transition:opacity .15s}
@media(prefers-reduced-motion:reduce){.au-viewer-zu:active{transform:none;opacity:.8}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.au-viewer-zu,.au-viewer-original{background:#2a3a33;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-contrast:more){.au-viewer-zu,.au-viewer-original{outline:1px solid #f7f8f2}}
/* Lupe für Links mit data-zoom (12.11.2026): großes Bild in Originalgröße zum Verschieben */
.au-viewer.kann-lupe .au-viewer-bild{cursor:zoom-in}
.au-viewer-lupe{position:absolute;inset:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;background:#0d1e17;cursor:grab}
.au-viewer-lupe img{display:block;max-width:none;height:auto;margin:0;-webkit-user-drag:none;user-select:none}
.au-viewer-lupe-knopf{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));min-height:44px;padding:0 18px;border:0;border-radius:22px;background:rgba(247,248,242,.16);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);transition:transform .26s cubic-bezier(.2,.8,.2,1),background-color .18s;touch-action:manipulation}
.au-viewer-lupe-knopf:hover{background:rgba(247,248,242,.26)}.au-viewer-lupe-knopf:active{transform:scale(.97);transition-duration:.1s;transition-timing-function:ease-out}.au-viewer-lupe-knopf:focus-visible{outline:3px solid #d9ed99;outline-offset:3px}
.au-viewer.is-lupe .au-viewer-zu,.au-viewer.is-lupe .au-viewer-original,.au-viewer.is-lupe .au-viewer-lupe-knopf{background:rgba(21,44,40,.82)}
@media(prefers-reduced-motion:reduce){.au-viewer-lupe-knopf:active{transform:none;opacity:.8}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.au-viewer-lupe-knopf{background:#2a3a33;-webkit-backdrop-filter:none;backdrop-filter:none}}
