.signatur{display:block;position:relative}.signatur-raster{position:relative}.signatur-pruefmarke{z-index:1;background:var(--color-stahl-500);opacity:0;pointer-events:none;width:1px;transition:opacity var(--dur-ui) var(--ease-out-strong);position:absolute;top:0;bottom:0;left:0}html:not(.js) .signatur-pruefmarke{display:none}.signatur[data-phase=ruhe] .signatur-pruefmarke,.signatur[data-phase=standbild] .signatur-pruefmarke,.signatur[data-phase=pause] .signatur-pruefmarke{opacity:1}.signatur-messung{flex-direction:column;gap:1.25rem;padding-top:1.5rem;display:flex;position:relative}.signatur-spur{min-height:3rem;position:relative}.signatur-spur:has([data-rolle=abstand]){min-height:6.75rem}.signatur-strecke{top:.5rem}.signatur-abstand{top:4.5rem}.signatur-streckenwort{white-space:nowrap;color:var(--color-muted);font-size:.8125rem;line-height:1.4;display:block;position:absolute;top:.375rem;left:0}.auf-navy .signatur-streckenwort{color:var(--color-navy-200)}.signatur-strecke:before,.signatur-strecke:after{transform-origin:50%;transition:transform .18s var(--ease-out-expo)}.signatur-marke{top:0;left:calc(var(--bei,0) * 100%);height:100%;display:block;position:absolute}.signatur-marke .skala-marke{transform-origin:bottom;left:0}.signatur-markenwort{width:13rem;color:var(--color-muted);font-size:.8125rem;line-height:1.4;display:block;position:absolute;top:1.125rem;left:0}.auf-navy .signatur-markenwort{color:var(--color-navy-200)}.signatur-marke[data-steht-aus="1"] .skala-marke{background:var(--color-grau)}.signatur-marke .skala-marke{transition:background-color var(--dur-ui) var(--ease-out-strong)}.signatur-schluss .skala-marke{height:20px}.signatur-schluss .signatur-markenwort{font-weight:600;top:2.625rem}.signatur-deckelzeile{padding-top:.5rem;display:block;position:relative}.signatur-deckelwort{color:var(--color-muted);padding-top:.5rem;font-size:.8125rem;line-height:1.4;display:block}.auf-navy .signatur-deckelwort{color:var(--color-navy-200)}.signatur-fuss{flex-direction:column;align-items:flex-end;gap:.5rem;padding-top:.75rem;display:flex}.signatur-uhren{width:100%;height:1.25rem;position:relative}.signatur-uhr{top:0;left:calc(var(--bei,0) * 100%);white-space:nowrap;color:var(--color-muted);font-size:.8125rem;line-height:1.25rem;position:absolute;transform:translate(-50%)}.signatur-uhr:first-child{transform:none}.signatur-uhr:last-child{transform:translate(-100%)}.auf-navy .signatur-uhr{color:var(--color-navy-200)}.signatur-griff{padding-top:.5rem;display:block;position:relative}.signatur[data-art=vorgang] .signatur-griff:before{content:"";background:var(--color-linie-zart);pointer-events:none;height:1px;position:absolute;top:calc(.5rem + 24px);left:0;right:0}.auf-navy .signatur[data-art=vorgang] .signatur-griff:before,.signatur.auf-navy[data-art=vorgang] .signatur-griff:before{background:#7896ad52}html:not(.js) .signatur-griff{display:none}[data-szene=pin][data-pin] .signatur[data-art=vorgang] .signatur-messung{gap:.375rem;padding-top:.5rem}[data-szene=pin][data-pin] .signatur[data-art=vorgang] .signatur-spur{min-height:2.125rem}[data-szene=pin][data-pin] .signatur[data-art=vorgang] .signatur-fuss{padding-top:.25rem}@media (prefers-reduced-motion:no-preference){html.js:not(.static) .signatur:is([data-phase=bereit],[data-phase=lauf],[data-phase=pause]) .horizont{transform:scaleX(0)}html.js:not(.static) .signatur:is([data-phase=bereit],[data-phase=lauf],[data-phase=pause]) .angabe:not(.angabe-kopf) .angabe-beschriftung{opacity:0;transform:translateY(8px)}html.js:not(.static) .signatur:is([data-phase=bereit],[data-phase=lauf],[data-phase=pause]) :is(.angabe:not(.angabe-kopf) .angabe-wert,.angabe:not(.angabe-kopf) .registermarke,.signatur-markenwort,.signatur-streckenwort,.signatur-deckelwort){--schreib:100;clip-path:inset(0 calc(var(--schreib) * 1%) 0 0)}html.js:not(.static) .signatur:is([data-phase=bereit],[data-phase=lauf],[data-phase=pause]) :is(.skala-marke,.skala-anschlag){transform:scaleY(0)}html.js:not(.static) .signatur:is([data-phase=bereit],[data-phase=lauf],[data-phase=pause]) .skala-strecke{transform:scaleX(0)}html.js:not(.static) .signatur:is([data-phase=bereit],[data-phase=lauf],[data-phase=pause]) .skala-deckel{--anteil:0}html.js:not(.static) .signatur:is([data-phase=bereit],[data-phase=lauf],[data-phase=pause]) .signatur-griff{opacity:0}html.js:not(.static) .signatur:is([data-phase=bereit],[data-phase=lauf],[data-phase=pause]) .signatur-strecke:not([data-enden="1"]):before,html.js:not(.static) .signatur:is([data-phase=bereit],[data-phase=lauf],[data-phase=pause]) .signatur-strecke:not([data-enden="1"]):after{transform:scaleY(0)}html.js:not(.static) .anlaufkette[data-phase=bereit] .horizont,html.js:not(.static) .anlaufkette[data-phase=bereit] .skala-strecke{transform:scaleX(0)}html.js:not(.static) .anlaufkette[data-phase=bereit] .skala-marke,html.js:not(.static) .anlaufkette[data-phase=bereit] .skala-anschlag{transform:scaleY(0)}html.js:not(.static) .anlaufkette[data-phase=bereit] .angabe>*{opacity:0}html.js:not(.static) .anlaufkette[data-phase=lauf] .horizont{animation:signatur-linie .52s var(--ease-out-expo) both}html.js:not(.static) .anlaufkette[data-phase=lauf] .skala-strecke{animation:signatur-linie .32s var(--ease-out-expo) both;animation-delay:.24s}html.js:not(.static) .anlaufkette[data-phase=lauf] .skala-marke{animation:signatur-marke .18s var(--ease-out-strong) both;animation-delay:calc(.32s + var(--i,0) * 90ms)}html.js:not(.static) .anlaufkette[data-phase=lauf] .skala-anschlag{animation:signatur-marke .32s var(--ease-out-expo) both;animation-delay:.8s}html.js:not(.static) .anlaufkette[data-phase=lauf] .angabe>*{animation:signatur-zeile .22s var(--ease-out-strong) both;animation-delay:calc(.42s + var(--i,0) * 90ms)}}@keyframes signatur-linie{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes signatur-marke{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes signatur-zeile{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.anlaufkette{display:block;position:relative}.signatur-spur-deckel{min-height:0}.anlaufkette ol.deklaration{margin:0;padding:0;list-style:none}.randregister-satz{min-width:0;display:block}.randregister-sprecher{font-weight:600;display:block}.band-rahmen{--band-rand:max(1.5rem, calc(50vw - var(--inhalt) / 2));display:block}@media (min-width:768px){.band-rahmen{--band-rand:max(2.5rem, calc(50vw - var(--inhalt) / 2))}}[data-szene=pin][data-pin] .band{scroll-snap-type:none;overflow-x:clip}[data-szene=pin][data-pin] .band-ansicht{transform:translate3d(calc(var(--weg,0px) * -1), 0, 0)}[data-szene=pin][data-pin] .band-rahmen{flex-direction:column;height:100dvh;padding-bottom:1.5rem;display:flex}[data-szene=pin][data-pin] .band-rahmen>.band{flex:auto;align-items:center;min-height:0}[data-szene=pin][data-pin] .band-ansicht{width:var(--platte-b,min(78vw, 900px));background:0 0;flex-direction:column;height:auto;display:flex}[data-szene=pin][data-pin] .band-ansicht img{flex:none;width:100%;height:auto;display:block}[data-szene=pin][data-pin] .band-ansicht{container-type:inline-size}@container (max-width:660px){.band-zeile.angabe{grid-template-columns:minmax(0,1fr);row-gap:.25rem}.band-zeile .angabe-beschriftung,.band-zeile .registermarke{text-align:left;grid-column:1}}.band-rahmen .band{padding-inline:var(--band-rand);scroll-padding-inline:var(--band-rand)}.band-rahmen .band-hinweis,.band-rahmen .band-bedienung,.band-rahmen .band-leiste-spur{padding-inline:var(--band-rand)}.band-bedienung{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding-bottom:1rem;display:flex}.band-bedienung-satz{color:#fff9;max-width:48ch;font-size:.8125rem;line-height:1.5}.band-bedienung-knoepfe{gap:.75rem;display:none}html.js .band-bedienung-knoepfe{display:flex}.band-bedienung-knopf{padding-inline:1rem;font-size:.9375rem}[data-lauf] .band{scroll-snap-type:none;scroll-behavior:auto}.band-fuss{padding-block:1rem 0;padding-inline:var(--band-rand);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.band-rahmen .band-fuss .band-hinweis{padding-block:0;padding-inline:0}.band-leiste{background:#ffffff1f;height:4px;margin-block:.75rem 0;position:relative;overflow:hidden}.band-leiste-griff{inset-block:0;background:#ffffff4d;width:25%;display:block;position:absolute;left:0}.band-platte{aspect-ratio:16/10;background:var(--color-navy-800);justify-content:center;align-items:center;display:flex;position:relative}.band-platte-wort{color:var(--color-navy-200);font-size:1.125rem}.band-zeile{padding-inline:1rem}.band-hinweis{padding-top:1rem;display:block}.odo{font-variant-numeric:tabular-nums;align-items:baseline;line-height:1;display:inline-flex}.odo-basis{visibility:hidden;width:0;display:inline-block;overflow:visible}.odo-row{display:inline-flex}.odo-col,.odo-fach{height:1em;display:block;overflow:hidden}.odo-stack{transform:translate3d(0, calc(var(--d) * -1em), 0);transition:transform var(--odo-dur,.42s) var(--ease-out-expo) var(--odo-delay,0s);display:block}.odo-stack-live{transition:none;transform:none}.odo-digit{height:1em;line-height:1;display:block}.odo-fach[data-fach=leer]{width:0}.odo-fach[data-fach=ziffer] .odo-zeichen,.odo-fach[data-fach=zeichen] .odo-stack{display:none}.odo-zeichen{white-space:pre;height:1em;line-height:1;display:block}@media (prefers-reduced-motion:no-preference){html.js:not(.static) .odo[data-run="0"] .odo-stack:not(.odo-stack-live),html.js:not(.static) [data-odo=wartet] .odo-stack:not(.odo-stack-live){transform:none}}@media (prefers-reduced-motion:reduce){.odo-stack:not(.odo-stack-live){transform:translate3d(0, calc(var(--d) * -1em), 0);transition:none}}@media (max-width:767px){.signatur-messung{gap:1.75rem}.signatur-marke:not(.signatur-schluss) .signatur-markenwort{display:none}.signatur-schluss .signatur-markenwort{text-align:right;width:auto;top:1.125rem;left:auto;right:0}.signatur-spur:has([data-rolle=abstand]){min-height:4.5rem}.signatur-abstand{top:2.5rem}}