@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.uhr-zeichnung{display:block}.uhr-blatt{fill:var(--color-weiss);stroke:var(--color-linie-stark);stroke-width:1px}.uhr-sektor{fill:var(--color-sage-soft)}.uhr-bogen{fill:none;stroke:var(--color-sage);stroke-width:3px}.uhr-strich{stroke:var(--color-linie-stark);stroke-width:1px}.uhr-strich-haupt{stroke:var(--color-tinte);stroke-width:1.6px}.uhr-zahl{fill:var(--color-gedaempft);font-family:var(--font-mono)}.uhr-zeiger{stroke:var(--color-tinte);stroke-width:2.2px;stroke-linecap:round}.uhr-zeiger-klein{stroke-width:3.5px}.uhr-nabe{fill:var(--color-tinte)}.schiene-in{max-height:calc(100vh - var(--head) - var(--s6));max-height:calc(100dvh - var(--head) - var(--s6));scrollbar-width:thin;overflow-y:auto}.uhr-schiene .uhr-zeichnung{width:176px;height:176px}.uhr-zeit{margin-top:var(--s3);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-tinte);letter-spacing:-.02em;font-size:30px;font-weight:500}.uhr-zeit span:last-child{color:var(--color-gedaempft);letter-spacing:0;font-size:15px;font-weight:400}.uhr-frage{margin-top:var(--s1);color:var(--color-text);max-width:200px;min-height:42px;font-size:15px;line-height:1.4}.uhr-satz{margin-top:var(--s4);color:var(--color-gedaempft);-webkit-hyphens:manual;hyphens:manual;max-width:220px;font-size:14px;line-height:1.4}.uhr-satz-telefon{display:none}@media (max-width:900px){.uhr-satz-telefon{margin-top:var(--s4);color:var(--color-gedaempft);font-size:15px;display:block}}.verzeichnis{margin-top:var(--s5);border-top:1px solid var(--color-linie)}.verzeichnis a{gap:var(--s2);border-bottom:1px solid var(--color-linie);min-height:40px;color:var(--color-gedaempft);grid-template-columns:44px 1fr;align-items:baseline;padding:9px 0;font-size:14px;line-height:1.35;text-decoration:none;display:grid}.verzeichnis a .mono{font-size:13px}.verzeichnis a:hover{color:var(--color-tinte)}.verzeichnis a[data-zustand=jetzt]{color:var(--color-tinte);font-weight:600}.verzeichnis a[data-zustand=jetzt] .mono,.verzeichnis a[data-zustand=vorbei] .mono{color:var(--color-sage)}.leiste{flex-wrap:wrap}.uhr-leiste-knopf{align-items:center;gap:var(--s3);min-width:0;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:100%;margin:0;padding:0;display:flex}.uhr-leiste-knopf:focus-visible{outline:3px solid var(--color-tinte);outline-offset:2px}.uhr-leiste-pfeil{color:var(--color-sage);flex:none;margin-left:auto;font-size:18px}.leiste .uhr-leiste-verzeichnis{max-height:calc(100vh - var(--head) - 64px);overscroll-behavior:contain;flex:100%;margin-top:0;overflow-y:auto}.leiste .uhr-leiste-verzeichnis[hidden]{display:none}.uhr-leiste-zeit{color:var(--color-tinte);font-size:17px;font-weight:500}.leiste .uhr-zeichnung{flex:none;width:32px;height:32px}.uhr-leiste-frage{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;line-height:1.3;overflow:hidden}.zeitpunkt{gap:0 var(--s5);padding:var(--s8) 0 0;scroll-margin-top:calc(var(--head) + 24px);grid-template-columns:88px minmax(0,1fr);display:grid}.zeitmarke{padding-top:10px}.zeitmarke .mono{color:var(--color-sage);font-size:17px;font-weight:500;display:block}.zeitmarke .uhr-zeichnung{width:40px;height:40px;margin-top:var(--s2)}.sie{font-family:var(--font-mono);color:var(--color-gedaempft);margin-bottom:var(--s2);font-size:14px}.frage{letter-spacing:-.022em;color:var(--color-tinte);max-width:20ch;font-size:clamp(30px,3.4vw,48px);font-weight:700;line-height:1.08}.antwort{margin-top:var(--s5);max-width:36em}.antwort p+p{margin-top:var(--s4)}.antwort .gross{color:var(--color-tinte);letter-spacing:-.01em;font-size:clamp(22px,2.1vw,28px);font-weight:600;line-height:1.3}@media (max-width:900px){.zeitpunkt{padding-top:var(--s7);scroll-margin-top:calc(var(--head) + 64px);grid-template-columns:minmax(0,1fr);gap:0}.zeitmarke{align-items:center;gap:var(--s2);margin-bottom:var(--s2);padding-top:0;display:flex}.zeitmarke .mono{font-size:15px}.zeitmarke .uhr-zeichnung{width:26px;height:26px;margin-top:0}}.zeitpunkt[data-takt=langsam]{min-height:calc(var(--dauer) * var(--tempo-langsam,6px));align-content:start}@media (min-height:800px){.zeitpunkt[data-takt=langsam]>*{top:calc(var(--head) + 24px);align-self:start;position:sticky}}@media (min-height:800px) and (max-width:900px){.zeitpunkt[data-takt=langsam]>.zeitmarke{position:static}.zeitpunkt[data-takt=langsam]>:not(.zeitmarke){top:calc(var(--head) + 64px)}}