/* bd-fx 25.10.2026 – visuelle Highlights für Bildstellen (Owner-Auftrag 25.10. Nr. 4): Masken-Reveal, Parallaxe, Material-Lupe.
   Nur bei <html data-bd-motion="on"> (Seiten-Schalter „Bewegung“, prefers-reduced-motion); ohne JS bleibt alles unverändert. ENTWURF – Owner-Sichtabnahme. */
.bd-fx-host{position:relative}
html[data-bd-motion="on"] .bd-fx-mask{clip-path:inset(0 100% 0 0);transition:clip-path 1.15s cubic-bezier(.22,.61,.36,1)}
html[data-bd-motion="on"] .bd-fx-mask.bd-fx-in{clip-path:inset(0 0 0 0)}
html[data-bd-motion="on"] .bd-fx-par{will-change:transform}
.bd-fx-lupe-btn{position:absolute;z-index:5;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.55);background:rgba(20,20,20,.62);color:#fff;font:600 14px/1 var(--bd-font-sans,Helvetica,Arial,sans-serif);cursor:pointer;border-radius:0}
.bd-fx-lupe-btn::before{content:"";width:14px;height:14px;border:2px solid currentColor;border-radius:50%;box-shadow:5px 5px 0 -3px currentColor}
.bd-fx-lupe-btn[aria-pressed="true"]{background:#E30613;border-color:#E30613;color:#fff}
.bd-fx-lupe-btn:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px #1D1D1B}
.bdb--hell .bd-fx-lupe-btn,.bd-fx-host--hell .bd-fx-lupe-btn{border-color:rgba(0,0,0,.35);background:rgba(255,255,255,.82);color:#1D1D1B}
.bdb--hell .bd-fx-lupe-btn[aria-pressed="true"],.bd-fx-host--hell .bd-fx-lupe-btn[aria-pressed="true"]{background:#E30613;color:#fff}
.bdb .bd-fx-lupe-btn{bottom:16px;left:auto;right:calc(16px + 190px)}
.bdb__ki ~ .bd-fx-lupe-btn{}
.bd-fx-lupe{position:absolute;z-index:6;left:0;top:0;width:220px;height:220px;border-radius:50%;border:3px solid #fff;box-shadow:0 14px 44px rgba(0,0,0,.45);background-repeat:no-repeat;background-color:#111;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.7);transition:opacity .22s,transform .22s}
.bd-fx-lupe.is-on{opacity:1;transform:translate(-50%,-50%)}
.bd-fx-lupe::after{content:"";position:absolute;inset:-3px;border-radius:50%;box-shadow:inset 0 0 0 2px #E30613,inset 0 0 0 5px #fff}
.bd-fx-host.is-lupe{touch-action:none}
.bd-fx-host.is-lupe .bd-fx-ziel{cursor:none}
@media (max-width:899px){
  .bd-fx-lupe{width:150px;height:150px}
  .bdb .bd-fx-lupe-btn{right:auto;left:16px;bottom:auto;top:calc(min(62vh,125vw) - 60px)}
  .bd-fx-lupe-btn{padding:0 12px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){.bd-fx-mask{clip-path:none!important;transition:none!important}.bd-fx-par{transform:none!important}.bd-fx-lupe{transition:none}}
/* Knopfplatz je Bildstelle: Inhaltsbilder unten rechts (KI-Hinweis sitzt unten links), Bildfeld-Heros neben dem Pause-Symbol, Vollheros neben dem Pause-Knopf */
.bd-foto--bild .bd-fx-lupe-btn,.bd-schwarmband .bd-fx-lupe-btn{left:auto;right:16px;bottom:16px}
.bdb--feld .bd-fx-lupe-btn{left:auto;right:64px;bottom:12px;top:auto}
@media (max-width:899px){.bdb--feld .bd-fx-lupe-btn{left:auto;right:64px;bottom:12px;top:auto}}
/* G13 (Prüfkette fx): Fokusring auf heller Knopffläche war weiß auf weiß – dunkler Ring, weißer Außenring */
.bdb--hell .bd-fx-lupe-btn:focus-visible,.bd-fx-host--hell .bd-fx-lupe-btn:focus-visible{outline:3px solid #1D1D1B;outline-offset:2px;box-shadow:0 0 0 6px #fff}
/* V4_04 §5 (25.10.): Lupe nur, wenn die Quelldatei ≥ 1,5 Quellpixel je CSS-Pixel liefert; Vergrößerung höchstens bis zur echten Auflösung (keine hochgerechneten Scheindetails); Beschriftung „Ausschnitt vergrößern“ statt Materialversprechen */
.bd-fx-lupe-btn[hidden]{display:none!important}
/* Owner 28.10.2026: Lupe nur als dezentes Symbol (kein Textknopf), auf allen Bildstellen; Platz unten rechts, da Foto-Heros keinen Pause-Knopf mehr haben */
.bd-fx-lupe-btn{width:40px;height:40px;min-height:40px;padding:0;gap:0;justify-content:center;border-radius:50%;border:0;background:rgba(255,255,255,.7);color:#1D1D1B;font-size:0;opacity:.7;transition:opacity .2s,background-color .2s}
.bd-fx-lupe-btn::before{width:13px;height:13px;margin:-3px 0 0 -3px}
.bd-fx-lupe-btn:hover,.bd-fx-lupe-btn:focus-visible,.bd-fx-lupe-btn[aria-pressed="true"]{opacity:1}
.bd-fx-lupe-btn:focus-visible{outline:3px solid #1D1D1B;outline-offset:2px;box-shadow:0 0 0 6px #fff}
.bdb--hell .bd-fx-lupe-btn,.bd-fx-host--hell .bd-fx-lupe-btn{border:0;background:rgba(255,255,255,.7);color:#1D1D1B}
.bdb .bd-fx-lupe-btn,.bdb--feld .bd-fx-lupe-btn,.bd-foto--bild .bd-fx-lupe-btn,.bd-schwarmband .bd-fx-lupe-btn{left:auto;right:12px;bottom:12px;top:auto}
@media (max-width:899px){.bdb .bd-fx-lupe-btn,.bdb--feld .bd-fx-lupe-btn{left:auto;right:12px;bottom:auto;top:calc(min(62vh,125vw) - 52px)}.bdb--feld .bd-fx-lupe-btn,.bdb--platz .bd-fx-lupe-btn{top:auto;bottom:12px}}