/* Bild-Modul k16 „Nachbestellung“ (28.10.2026, Owner-Auftrag): SVG-Zeichnung in Wein-CI, nur unter .bdb--k16.
   Endzustand = statische Werte unten (ohne JS, reduzierte Bewegung, nach Ablauf). Bewegung nur unter .k16--an (einmalig, ca. 5,5 s);
   Pause über .is-pausiert der Basis (animation-play-state). Zeitpunkte je Element als --t im Markup (k16_svg.py). */
.bdb--k16{--bdb-grund:#f5f5f4;--bdb-mobil-format:6/5} /* 28.10. Owner: mobil keine Leerfläche – Szene eng gefasst (viewBox 950×792) */
.bdb--k16 .bdb__illu{position:absolute;inset:0;overflow:hidden}
.bdb--k16 .k16-defs{position:absolute;width:0;height:0;overflow:hidden}
.bdb--k16 .k16-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.bdb--k16 .k16-svg--m{display:none}
@media (max-width:899px){.bdb--k16 .k16-svg--d{display:none}.bdb--k16 .k16-svg--m{display:block}}
/* Ruhebild */
.bdb--k16 .k16-marken path{fill:none;stroke:#1D1D1B;stroke-width:.35}
.bdb--k16 .k16-schatten{fill:#000;opacity:.14}
.bdb--k16 .k16-lage{fill:#fff;stroke:#c8c8c5;stroke-width:.3;transform:translate(var(--x),var(--y))}
.bdb--k16 .k16-papier{fill:#fff}
.bdb--k16 .k16-rebe{color:#2b2b29}
.bdb--k16 .k16-praeg--s{color:#000;--k16-hang:transparent;opacity:.26}
.bdb--k16 .k16-praeg--h{color:#fff;--k16-hang:transparent;opacity:.9}
.bdb--k16 .k16-deck{fill:#fff;opacity:0}
.bdb--k16 .k16-wachs{transform-box:fill-box;transform-origin:50% 0}
.bdb--k16 .k16-name,.bdb--k16 .k16-jg{font-family:var(--bd-font-serif,Georgia,serif);font-weight:400;text-anchor:middle;fill:#1D1D1B}
.bdb--k16 .k16-name{font-size:13.5px;letter-spacing:.05em} /* eine Größe für alle Sorten (SPÄTBURGUNDER passt in 140) */
.bdb--k16 .k16-jg{font-size:13px;letter-spacing:.06em}
.bdb--k16 .k16-eindruck--alt,.bdb--k16 .k16-klischee,.bdb--k16 .k16-licht{opacity:0}
.bdb--k16 .k16-klischee{fill:#1D1D1B}
.bdb--k16 .k16-kontur{fill:none;stroke:#E30613;stroke-width:.55;stroke-dasharray:1;stroke-dashoffset:0;opacity:.6}
.bdb--k16 .k16-faden{fill:none;stroke:#E30613;stroke-width:2.2;stroke-dasharray:1;stroke-dashoffset:0}
.bdb--k16 .k16-fuehr{fill:none;stroke:#1D1D1B;stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:0;opacity:.7}
.bdb--k16 .k16-punkt{fill:#E30613}
.bdb--k16 .k16-sans{font-family:var(--bd-font-sans,Helvetica,Arial,sans-serif)}
.bdb--k16 .k16-n1{font-weight:600;fill:#1D1D1B}
.bdb--k16 .k16-n2{fill:#5f5f5c}
.bdb--k16 .k16-kopf{font-size:19px;font-weight:700;letter-spacing:.1em;fill:#5f5f5c}
.bdb--k16 .k16-z1{font-size:27px;font-weight:700;letter-spacing:.02em;fill:#fff}
.bdb--k16 .k16-z2{font-size:22px;fill:#cfcfcf}
/* Bewegung (einmalig) */
.bdb--k16.k16--an .k16-ein,.bdb--k16.k16--an .k16-notiz{animation:k16-ein var(--d,.6s) cubic-bezier(.2,.7,.1,1) var(--t,0s) both}
.bdb--k16.k16--an .k16-zettel{animation:k16-zettel .7s cubic-bezier(.2,.7,.1,1) var(--t,0s) both}
.bdb--k16.k16--an .k16-faden,.bdb--k16.k16--an .k16-fuehr{animation:k16-zieh .6s ease-in-out var(--t,0s) both}
.bdb--k16.k16--an .k16-kontur{animation:k16-kontur 1.5s ease-in-out var(--t,0s) both}
.bdb--k16.k16--an .k16-blatt{transform-box:fill-box;transform-origin:50% 50%;animation:k16-blatt .6s cubic-bezier(.2,.7,.1,1) var(--t,0s) both}
.bdb--k16.k16--an .k16-deck{animation:k16-deck .9s cubic-bezier(.5,0,.2,1) var(--t,0s) both}
.bdb--k16.k16--an .k16-wachs{animation:k16-wachs .55s cubic-bezier(.2,.7,.1,1) var(--t,0s) both}
.bdb--k16.k16--an .k16-licht{animation:k16-licht 1.2s ease-in-out var(--t,0s) both}
.bdb--k16.k16--an .k16-klischee{animation:k16-klischee .8s ease-in-out var(--t,0s) both}
.bdb--k16.k16--an .k16-eindruck--neu{animation:k16-ein .35s ease-out var(--t,0s) both}
.bdb--k16.k16--an .k16-eindruck--alt{animation:k16-aus .25s linear var(--t,0s) both}
.bdb--k16.k16--an .k16-lage{animation:k16-lage .8s cubic-bezier(.2,.7,.1,1) var(--t,0s) both}
@keyframes k16-ein{from{opacity:0}}
@keyframes k16-zettel{from{opacity:0;transform:translateX(-40px)}}
@keyframes k16-zieh{from{stroke-dashoffset:1}}
@keyframes k16-kontur{0%{stroke-dashoffset:1;opacity:1;stroke-width:.8}70%{stroke-dashoffset:0;opacity:1;stroke-width:.8}}
@keyframes k16-blatt{from{opacity:0;transform:scale(.97)}}
@keyframes k16-deck{0%{opacity:1;transform:translateX(0)}99%{opacity:1;transform:translateX(150px)}100%{opacity:0;transform:translateX(150px)}}
@keyframes k16-wachs{from{transform:scaleY(0)}}
@keyframes k16-licht{0%{opacity:1;transform:translateX(0)}100%{opacity:1;transform:translateX(190px)}}
@keyframes k16-klischee{0%{opacity:0;transform:translateX(0)}12%,88%{opacity:.9}100%{opacity:0;transform:translateX(116px)}}
@keyframes k16-aus{from{opacity:1}to{opacity:0}}
@keyframes k16-lage{0%{transform:translate(0,0);opacity:0}1%{opacity:1}}
/* mobil: Feld 6:5 – Pause als Symbolknopf unten links (freie Ecke, Etikett rechts bleibt frei); Name bleibt als Text für Screenreader */
@media (max-width:899px){.bdb--k16 .bdb__pause{top:calc(min(62vh,83.333vw) - 52px);bottom:auto;left:8px;right:auto;width:44px;min-height:44px;padding:0;justify-content:center;font-size:0;gap:0}}
@media (prefers-reduced-motion:reduce){.bdb--k16 *{animation:none!important}}
/* hidden-Attribut gegen display:inline-flex der Basis durchsetzen (Knopf nach Ablauf bzw. bei reduzierter Bewegung ausblenden) */
.bdb--k16 .bdb__pause[hidden]{display:none}
/* 03.11.2026 S4 (M-157, OPTIMIEREN): kein leerer Start – der Ablauf beginnt 1,85 s „im Film“: Bestellzettel, Faden und Etikett stehen sofort,
   danach Markierungen, Eindruck und Stapel (Rest ≈ 3,6 s, einmalig). Endzustand unverändert. Mobil: Szene etwas tiefer, Zettel hält Abstand zur Brotkrume. */
.bdb.bdb--k16.k16--an [class]{animation-delay:calc(var(--t,0s) - 1.85s)}
@media (max-width:899px){.bdb--k16 .k16-svg--m{top:14px;height:calc(100% - 14px)}}