.lg{--lg-fuellung:var(--pastel-sky,#e3edff);--lg-max:440px;--lg-hallo:clamp(22px, 1.4vw + 16px, 30px);--lg-weich:cubic-bezier(.22, .8, .24, 1);--lg-pop:cubic-bezier(.34, 1.56, .64, 1);inline-size:100%;max-inline-size:var(--lg-max);color:var(--ink,#111113);gap:14px;margin:0;display:grid}.lg--sm{--lg-max:300px;--lg-hallo:20px}.lg--lg{--lg-max:680px;--lg-hallo:clamp(28px, 2.4vw + 16px, 44px)}.lg--sky{--lg-fuellung:var(--pastel-sky,#e3edff)}.lg--mint{--lg-fuellung:var(--pastel-mint,#dcf3e6)}.lg--peach{--lg-fuellung:var(--pastel-peach,#ffe6d9)}.lg--lilac{--lg-fuellung:var(--pastel-lilac,#ece6ff)}.lg--butter{--lg-fuellung:var(--pastel-butter,#fff3c4)}.lg--karte{border-radius:var(--radius-widget,28px);background:var(--card,#fff);box-shadow:var(--shadow-soft,0 1px 2px #1111130f, 0 8px 24px #1111130f);padding:clamp(16px,3vw,28px)}.lg--frei{--lg-tief:color-mix(in oklab, var(--lg-fuellung) 72%, var(--ink,#111113) 9%)}.lg--frei .lg-land{fill:var(--lg-tief,var(--lg-fuellung))}.lg-buehne{aspect-ratio:4/3;position:relative}.lg-raster{fill:none;block-size:100%;inline-size:100%;stroke:var(--hairline,#1111131a);stroke-width:1px;position:absolute;inset:0}.lg-karte{block-size:80%;inline-size:80%;position:absolute;inset:10%;overflow:visible}.lg-land{fill:var(--lg-fuellung);stroke:none;opacity:0}.lg-linie{fill:none;stroke:var(--ink,#111113);stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1px}.lg-kern{fill:var(--accent,#4433f0);transform-box:fill-box;transform-origin:50%;transform:scale(0)}.lg-puls{fill:var(--accent,#4433f0);transform-box:fill-box;transform-origin:50%;opacity:0}.lg-text{opacity:0;gap:4px;display:grid;transform:translateY(6px)}.lg-zeile{font-size:var(--lg-hallo);letter-spacing:-.025em;min-block-size:1.15em;font-weight:600;line-height:1.15}.lg-trenner{color:var(--ink-3,#5c5c62);font-weight:400}.lg-zeit{font-variant-numeric:tabular-nums}.lg-zusatz{color:var(--ink-2,#4f4f55);font-weight:450}.lg--daten{gap:10px}.lg--daten .lg-zeile{gap:2px;display:grid}.lg--daten .lg-hallo{font-size:var(--lg-hallo);letter-spacing:-.03em}.lg--daten .lg-trenner{display:none}.lg--daten .lg-zeit,.lg--daten .lg-zusatz{font-size:calc(var(--lg-hallo) * .7);letter-spacing:-.01em;font-weight:500}.lg--daten .lg-zeile>:is(.lg-zeit,.lg-zusatz){grid-row:2}.lg--daten .lg-zeit{grid-column:1}.lg--daten .lg-zusatz{white-space:pre;grid-column:2;justify-self:start}.lg--daten .lg-zeile{grid-template-columns:auto 1fr}.lg--daten .lg-hallo{grid-column:1/-1}.lg--daten .lg-raster{stroke:color-mix(in oklab, var(--accent,#4433f0) 16%, transparent)}.lg[data-gezeichnet] .lg-linie{stroke-dashoffset:0;transition:stroke-dashoffset .7s var(--lg-weich)}.lg[data-gezeichnet] .lg-land{opacity:1;transition:opacity .3s .35s}.lg[data-gezeichnet] .lg-kern{transition:transform .32s var(--lg-pop) .6s;transform:scale(1)}.lg[data-gezeichnet] .lg-puls{animation:lg-puls 2.4s var(--lg-weich) 1s 2 both}.lg[data-gezeichnet] .lg-text{opacity:1;transition:opacity .3s ease .1s, transform .3s var(--lg-weich) .1s;transform:none}.lg[data-gezeichnet] .lg-doppelpunkt{animation:2s step-end 1.2s infinite lg-blinken}.lg--sofort[data-gezeichnet] :is(.lg-linie,.lg-land,.lg-kern,.lg-text){transition:none}@keyframes lg-puls{0%{opacity:.45;transform:scale(.7)}to{opacity:0;transform:scale(3.4)}}@keyframes lg-blinken{50%{opacity:.2}}:root[data-motion=off] .lg .lg-karte,:root[data-motion=off] .lg .lg-text{opacity:0;transition:opacity .18s;transform:none}:root[data-motion=off] .lg[data-gezeichnet] .lg-karte,:root[data-motion=off] .lg[data-gezeichnet] .lg-text{opacity:1}:root[data-motion=off] .lg .lg-land{opacity:1;transition:none}:root[data-motion=off] .lg .lg-linie{stroke-dashoffset:0;transition:none}:root[data-motion=off] .lg .lg-kern{transition:none;transform:none}:root[data-motion=off] .lg .lg-puls,:root[data-motion=off] .lg .lg-doppelpunkt{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .lg .lg-karte,:root:not([data-motion=on]) .lg .lg-text{opacity:0;transition:opacity .18s;transform:none}:root:not([data-motion=on]) .lg[data-gezeichnet] .lg-karte,:root:not([data-motion=on]) .lg[data-gezeichnet] .lg-text{opacity:1}:root:not([data-motion=on]) .lg .lg-land{opacity:1;transition:none}:root:not([data-motion=on]) .lg .lg-linie{stroke-dashoffset:0;transition:none}:root:not([data-motion=on]) .lg .lg-kern{transition:none;transform:none}:root:not([data-motion=on]) .lg .lg-puls,:root:not([data-motion=on]) .lg .lg-doppelpunkt{animation:none}}