html:has(.landing-wurzel){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}.landing-wurzel{background:var(--papier);min-height:100dvh;color:var(--tinte)}.blattgrund{z-index:0;pointer-events:none;opacity:.42;transition:opacity .6s linear;position:fixed;inset:0;overflow:hidden}.uhr-gross{pointer-events:none;z-index:0;width:clamp(320px,94vmin,1060px);height:auto;position:absolute;top:46%;left:64%;transform:translate(-50%,-50%)}@media (max-width:820px){.uhr-gross{width:clamp(290px,102vmin,830px);top:38%;left:56%}}.uhr-gross .st{stroke:var(--riss);stroke-width:2.6px;stroke-dasharray:1;transition:stroke .25s linear}.uhr-gross .st.schwer{stroke:var(--tinte);stroke-width:5.4px}.kelle{transform-origin:100px 100px;transition:transform .1s steps(2,end)}.kelle line{stroke:var(--signal);stroke-width:3.6px}.kelle circle{fill:var(--signal)}.nur-vorlesen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.woche{border-collapse:collapse;width:100%;margin-top:14px;font-size:clamp(.86rem,1.5vw,1rem)}.woche th,.woche td{text-align:left;border-bottom:1px solid var(--riss);vertical-align:baseline;padding:9px 12px 9px 0}.woche thead th{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--graphit);font-size:11.5px;font-weight:400}.woche tbody th{font-weight:600}.woche .rechts{text-align:right;padding-right:0}.woche tfoot th,.woche tfoot td{border-bottom:0;border-top:1px solid var(--tinte);padding-top:11px;font-weight:600}@media (max-width:560px){.woche th:nth-child(3),.woche td:nth-child(3){display:none}}.werk{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.landing-wurzel{--zeile:28px;--rand:clamp(20px, 4.4vw, 72px);--rail:132px}.kopfleiste{z-index:40;padding:13px var(--rand);background:var(--papier);border-bottom:1px solid var(--riss);justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;inset:0 0 auto}.kopfleiste a{margin:-9px -4px;padding:9px 4px;text-decoration:none;display:inline-block}.kopfleiste a:hover{color:var(--tinte)}.marke{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--graphit);font-variant-numeric:tabular-nums;font-size:11.5px;line-height:1.4;display:inline-block}.marke.tief{color:var(--tinte)}.marke-block{margin-top:14px;display:block}.landing-seite :focus-visible{outline:2px solid var(--signal);outline-offset:3px}.bogen{padding-left:var(--rand);padding-right:var(--rand)}@media (min-width:1024px){.bogen{padding-left:var(--rail)}}.spalten{grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(14px,2.1vw,30px);display:grid}.s1-6{grid-column:1/span 6}.s1-7{grid-column:1/span 7}.s1-8{grid-column:1/span 8}.s1-12{grid-column:1/span 12}.s7-6{grid-column:7/span 6}.s8-5{grid-column:8/span 5}.s1-4{grid-column:1/span 4}.s5-4{grid-column:5/span 4}.s9-4{grid-column:9/span 4}@media (max-width:820px){.spalten>*{grid-column:1/-1!important}}.landing-seite section{border-top:1px solid var(--riss)}.landing-seite #anfang{border-top:0}.kopf{border-bottom:1px solid var(--riss);grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.kopf .glyphe{width:20px;height:20px;display:block}.kopf .linie{background:var(--riss);height:1px}.glyphe-zeiger{transform-origin:12px 12px}.inhalt{padding:clamp(44px,8vh,104px) 0 clamp(52px,10vh,120px)}.gross{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(2.1rem,6.1vw,5.4rem);font-weight:600;line-height:1.02}.landing-seite h2.titel{letter-spacing:-.022em;text-wrap:balance;font-size:clamp(1.7rem,4vw,3.2rem);font-weight:600;line-height:1.04}.landing-seite h3.unter{letter-spacing:-.01em;font-size:clamp(1.1rem,1.5vw,1.35rem);font-weight:600;line-height:1.25}.lauf{max-width:34em}.neben{color:var(--graphit)}.mt-s{margin-top:12px}.mt-m{margin-top:var(--zeile)}.mt-l{margin-top:calc(var(--zeile) * 2)}.mt-xl{margin-top:calc(var(--zeile) * 3)}.buehne{flex-direction:column;justify-content:flex-end;min-height:100svh;padding-top:120px;padding-bottom:clamp(28px,6vh,72px);display:flex;position:relative;overflow:hidden}.titelblock{z-index:1;position:relative}.landing-seite h1{letter-spacing:-.045em;margin:0;font-size:clamp(3.6rem,17.5vw,15rem);font-weight:800;line-height:.86}.wort{display:block}.satz{letter-spacing:-.018em;max-width:17em;margin-top:clamp(14px,2vh,26px);font-size:clamp(1.05rem,2.5vw,2.1rem);font-weight:500;line-height:1.12;display:block}.hinweis{border-top:1px solid var(--riss);flex-wrap:wrap;align-items:baseline;gap:18px;margin-top:clamp(20px,4vh,44px);padding-top:12px;display:flex}.tafel{border:1px solid var(--riss);background:var(--leinen);border-radius:4px;padding:clamp(18px,2.4vw,28px)}.tafel+.tafel{margin-top:18px}@media (min-width:821px){.tafel-paar{grid-template-columns:1fr 1fr;gap:0;display:grid}.tafel-paar .tafel{border-radius:0}.tafel-paar .tafel:first-child{border-radius:4px 0 0 4px}.tafel-paar .tafel:last-child{border-left:0;border-radius:0 4px 4px 0}.tafel-paar .tafel+.tafel{margin-top:0}}.stand{font-family:var(--font-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:14px;font-size:clamp(2.4rem,7vw,4rem);line-height:1;display:block}.stoppuhr-knoepfe{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.knopf{font:inherit;cursor:pointer;background:var(--tinte);color:var(--papier);border:1px solid var(--tinte);border-radius:4px;padding:9px 16px;font-size:.86rem;font-weight:500;transition:opacity .15s linear}.knopf:hover{opacity:.82}.knopf.leise{color:var(--tinte);border-color:var(--riss);background:0 0}.rad-zeile{flex-wrap:wrap;align-items:center;gap:clamp(16px,2.6vw,30px);margin-top:14px;display:flex}.rad{cursor:grab;border-radius:50%;flex:none;width:118px;height:118px}.rad:active{cursor:grabbing}.rad svg{width:100%;height:100%;display:block}.rad .ring{fill:none;stroke:var(--riss);stroke-width:1px}.rad .rast{stroke:var(--riss);stroke-width:2px}.rad .rast.schwer{stroke:var(--tinte);stroke-width:3px}.rad .arm{stroke:var(--signal);stroke-width:3.4px;transform-origin:60px 60px}.rad .nabe{fill:var(--signal)}.rad-wert{font-family:var(--font-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(2.2rem,6vw,3.6rem);line-height:1}.rad-einheit{margin-top:6px;display:block}pre.csv{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--graphit);white-space:pre;margin:0;font-size:.8rem;line-height:1.85;overflow-x:auto}pre.csv b{color:var(--tinte);font-weight:600}.reihen{border-top:1px solid var(--riss)}.reihen li{border-bottom:1px solid var(--riss);grid-template-columns:minmax(160px,4fr) 7fr;align-items:baseline;gap:8px clamp(14px,2.2vw,30px);padding:14px 0;display:grid}@media (max-width:600px){.reihen li{grid-template-columns:1fr}}.reihen li .was{font-weight:600}.reihen li .wie{color:var(--graphit)}.merk{border-left:2px solid var(--signal);padding-left:18px}.tat{background:var(--tinte);color:var(--papier);border:1px solid var(--tinte);border-radius:4px;padding:15px 26px;font-size:1.02rem;font-weight:600;text-decoration:none;transition:opacity .15s linear;display:inline-block}.tat:hover{opacity:.82}.landing-seite footer{border-top:1px solid var(--riss);padding-top:26px;padding-bottom:34px}.fusszeile{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:18px;display:flex}.fusszeile a{margin:-9px -4px;padding:9px 4px;text-decoration:none;display:inline-block}.fusszeile a:hover{color:var(--tinte)}.randuhr{z-index:35;width:72px;display:none;position:fixed;top:50%;left:clamp(14px,1.7vw,28px);transform:translateY(-50%)}.randuhr svg{width:100%;height:auto;display:block}.randuhr .zahl{border-top:1px solid var(--riss);margin-top:10px;padding-top:7px;display:block}@media (min-width:1024px){.randuhr{display:block}}@media (max-width:1023px){.randuhr{width:40px;display:block;top:auto;bottom:14px;left:14px;transform:none}.randuhr .zahl{display:none}}.bogen-spur{fill:none;stroke:var(--riss);stroke-width:2px}.bogen-fort{fill:none;stroke:var(--signal);stroke-width:2px;stroke-linecap:butt;transform-origin:60px 60px;transform:rotate(-90deg)}.klein-st{stroke:var(--riss);stroke-width:3px}.klein-st.schwer{stroke:var(--tinte);stroke-width:5px}.klein-kelle{transform-origin:60px 60px;transition:transform .1s steps(2,end);transform:rotate(0)}.klein-kelle line{stroke:var(--signal);stroke-width:4.4px}.klein-kelle circle{fill:var(--signal)}.uhr-gross .st:not(.schwer).passiert{stroke:var(--graphit)}html.intro .blattgrund{opacity:1}html.intro h1 .wort{animation:.45s steps(9,end) backwards setzen}html.intro h1 .satz{animation:.4s steps(6,end) .3s backwards setzen}html.intro .hinweis{animation:.3s linear .62s backwards blende}html.intro .uhr-gross .st{animation:.2s cubic-bezier(.2,0,0,1) backwards st-auf;animation-delay:calc(var(--d,0s) + .18s)}html.intro .kelle{animation:3s cubic-bezier(.2,0,0,1) .7s both umlauf}@keyframes st-auf{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes blende{0%{opacity:0}to{opacity:1}}@keyframes setzen{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes umlauf{0%{opacity:0;transform:rotate(0)}3%{opacity:1}60%{transform:rotate(360deg)}to{transform:rotate(360deg)}}.rv{clip-path:inset(0)}html.anim .rv{clip-path:inset(0 100% 0 0);opacity:.001}html.anim .rv.drin{clip-path:inset(0);opacity:1;transition:clip-path .52s steps(9, end) var(--rvd,0s), opacity 10ms linear var(--rvd,0s)}html.anim .rv.rv-bedienbar{clip-path:none}html.anim .rv.rv-bedienbar.drin{clip-path:none;transition:opacity .52s steps(9, end) var(--rvd,0s)}html.anim .kopf .linie{transform-origin:0;transform:scaleX(0)}html.anim .kopf.drin .linie{transition:transform .62s cubic-bezier(.2,0,0,1);transform:scaleX(1)}html.anim .kopf .glyphe-zeiger{transform:rotate(-150deg)}html.anim .kopf.drin .glyphe-zeiger{transition:transform .7s cubic-bezier(.2,0,0,1) 80ms;transform:rotate(0)}html.anim .reihen li{clip-path:inset(0 100% 0 0);opacity:.001}html.anim .reihen.drin li{clip-path:inset(0);opacity:1;transition:clip-path .4s steps(7, end) var(--ld,0s), opacity 10ms linear var(--ld,0s)}html.anim .woche tbody td,html.anim .woche tbody th{clip-path:inset(0 100% 0 0)}html.anim .woche.drin tbody td,html.anim .woche.drin tbody th{clip-path:inset(0);transition:clip-path .34s steps(6, end) var(--zd,0s)}[data-gegen]{transform:translate3d(var(--x,0px), 0, 0);will-change:transform}.laufband{border-top:1px solid var(--riss);border-bottom:1px solid var(--riss);padding:10px 0;overflow:hidden}.laufband .reihe{white-space:nowrap;letter-spacing:-.03em;color:var(--riss);will-change:transform;transform:translate3d(var(--x,0px), 0, 0);font-size:clamp(2.4rem,8.6vw,6.6rem);font-weight:800;line-height:1.02}@supports (-webkit-text-stroke:1px red){.laufband .reihe{color:#0000;-webkit-text-stroke:1px var(--riss)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.rv,.reihen li{clip-path:none!important;opacity:1!important}.woche tbody td,.woche tbody th{clip-path:none!important}.kopf .linie,.kopf .glyphe-zeiger,[data-gegen],.laufband .reihe{transform:none!important}}
