:root{--bg:#edf2f6;--bg-raise:#f8fafc;--bg-sunken:#e4ebf1;--karte:#fff;--fg:#172b3d;--fg-dim:#506576;--fg-faint:#637587;--rule:#cbd8e3;--rule-soft:#e2eaf0;--accent:#206a8a;--accent-bg:#e6f2f7;--focus:#187299;--radius:8px;--radius-karte:20px;--f-display:var(--f-body);--luft:1.4rem;--breite:88rem;--rand:clamp(1rem, 4vw, 4rem);--schatten:0 8px 32px #14283c06}:root:not([data-theme=light]){--bg:#080f19;--bg-raise:#142232;--bg-sunken:#0b1521;--karte:#101c2a;--fg:#eaf2f8;--fg-dim:#a7b8c9;--fg-faint:#859aaf;--rule:#2a3d50;--rule-soft:#1f3042;--accent:#a2dacb;--accent-bg:#a2dacb0e;--focus:#a2dacb;--schatten:0 10px 40px #00000018}body{background:radial-gradient(ellipse at 80%0,#507eac12,transparent 50rem),var(--bg);background-attachment:scroll;font-size:1rem;-webkit-font-smoothing:antialiased}body::before,body::after{display:none}body[data-seite]{--breite:88rem}.blatt{max-width:calc(var(--breite) + 2*var(--rand));padding-top:1.6rem}.kopf{padding:0 0 1.5rem;align-items:center;gap:1rem;border:0}.kopf h1,.kopf__name{font-family:var(--f-body);font-size:clamp(1.25rem,2.7vw,2rem);font-weight:500;letter-spacing:-.035em}.kopf__ort{margin-top:.4rem;font-size:.75rem;letter-spacing:.02em}.kopf__app{margin-bottom:.55rem}.kopf__applink{border-radius:20px;font-size:.75rem}.kopf__rechts{gap:.8rem}.knopf--zeichen{width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:50%;background:var(--karte)}.navi{gap:.3rem;padding:.45rem;border:1px solid var(--rule-soft);border-radius:14px;background:var(--bg);margin-bottom:1.6rem;font-size:.875rem;box-shadow:var(--schatten)}.navi a{border:0;border-radius:9px;padding:.7rem 1rem;min-height:44px;transition:background .16s,color .16s}.navi a[aria-current=page],.navi>a.ist-aktiv{background:var(--accent-bg);color:var(--accent);box-shadow:inset 0 0 0 1px var(--rule)}.navi a:hover{background:var(--bg-raise)}.navi__z{width:1.15rem;height:1.15rem}.navi .stationen{font-size:.75rem;gap:.1rem}.navi .stationen a{padding-inline:.65rem}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.abschnitt__kopf{gap:.7rem;border:0;margin-bottom:1.4rem;padding-bottom:0}.abschnitt__kopf h2{font-family:var(--f-body);font-weight:500;font-size:1.1rem;letter-spacing:-.02em}.abschnitt__kopf .hinweis{font-size:.75rem;margin-left:auto}.hinweis,.fein{color:var(--fg-faint)}main>h1,.text>h1{font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.045em;font-weight:500}main>section,main>[data-teil]>section,[data-seite] .text>section.abschnitt{background:var(--karte);border:1px solid var(--rule-soft);border-radius:var(--radius-karte);padding:clamp(1.2rem,2.3vw,2rem);box-shadow:var(--schatten)}[data-seite] .text>section.abschnitt{margin-top:1.3rem}[data-seite] .text>section.abschnitt>.abschnitt__kopf{margin-bottom:1.5rem}.tabelle th{font-weight:500;color:var(--fg-dim)}.tabelle td,.tabelle th{border-color:var(--rule-soft)}.tabelle tbody tr:hover{background:var(--accent-bg)}details>summary{transition:background .15s}details>summary:focus-visible{outline-offset:-3px}.zeitachse{padding:.4rem;border-radius:12px;background:var(--karte);border:1px solid var(--rule-soft)}.zeitachse__punkt{border-radius:8px;min-height:44px}.fuss{border-color:var(--rule-soft);padding-top:2rem;margin-top:2rem}.fuss__haftung{max-width:100ch;line-height:1.7}.fuss__links{gap:.7rem 1.4rem;line-height:1.8}.zustand--online .punkt::after{animation:none}body[data-seite=jetzt] main:has([data-m=jetzt]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;align-items:start}[data-seite=jetzt] main>[data-teil]{display:contents}[data-seite=jetzt] main>*,[data-seite=jetzt] main>[data-teil]>*{grid-column:1/-1;margin:0;order:0}[data-seite=jetzt] main [data-m=werte]{grid-column:1}[data-seite=jetzt] main [data-m=vorhersage]{grid-column:2}[data-seite=jetzt] main [data-m=verlauf24]{grid-column:1}[data-seite=jetzt] main [data-m=poolverlauf]{grid-column:2}[data-seite=jetzt] main [data-m=bodenverlauf]{grid-column:2}[data-seite=jetzt] main .jetzt{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:25rem;padding:2.5rem 3rem;gap:0;position:relative;isolation:isolate;overflow:hidden;color:#edf5fc;border:1px solid #5a79913b;background:linear-gradient(112deg,#152f46 0,#1d3c54 42%,#386078 100%);box-shadow:0 20px 60px #0000001a;--fg:#edf5fc;--fg-dim:#c1d3e2;--fg-faint:#adc3d5;--bg-sunken:#0c2034;--rule:#64859d60;--rule-soft:#64859d35}[data-seite=jetzt] main .jetzt[data-nacht="1"]{background:linear-gradient(110deg,#0d1f35,#182c49 65%,#293b59)}[data-seite=jetzt] main .jetzt[data-wetter=regen]{background:linear-gradient(110deg,#132b40,#29475b 65%,#536b78)}[data-seite=jetzt] main .jetzt[data-wetter=gewitter]{background:linear-gradient(110deg,#192438,#30364e 68%,#4b5062)}[data-seite=jetzt] main .jetzt[data-wetter=schnee]{background:linear-gradient(110deg,#233e55,#45647a 70%,#8299aa)}.jetzt__daten{position:relative;z-index:2;min-width:0;align-self:center}.jetzt__daten .marke{color:#c0d2e1;font-size:.75rem;font-weight:400;letter-spacing:.16em}.jetzt__daten .marke__stoerung{color:#ffd1b5;font-size:.75rem;letter-spacing:0;text-transform:none}.jetzt .ablesung{--ablesung-gross:clamp(6rem, 11vw, 10rem);flex-wrap:nowrap;align-items:baseline;gap:.2rem;margin:1.5rem 0 1.15rem}.jetzt .ablesung__wert[data-t],.jetzt .ablesung__wert{font-family:var(--f-body);font-weight:400;color:#f5f9fc;letter-spacing:-.075em;line-height:.95}.jetzt .ablesung__dez{opacity:.82}.jetzt .ablesung__einheit{font:400 clamp(1.3rem,3vw,2.2rem) var(--f-body);color:#c9dce9;margin-left:.65rem}.jetzt .ablesung__trend{font-size:2rem;align-self:center;color:#a5d6c7;margin-left:.9rem}.jetzt .stundenwetter{margin:.6rem 0 0;gap:1.5rem}.jetzt .stundenwetter__eintrag{gap:.1rem .65rem}.jetzt .stundenwetter__eintrag .sym{width:3rem;height:3rem;filter:none}.jetzt .stundenwetter__was{font-size:1rem;color:#eff5fa}.jetzt .stundenwetter__wann{font-size:.7rem;font-weight:400;letter-spacing:.1em;color:#b4cbdc}.jetzt .spanne{max-width:28rem;margin-top:1.65rem}.jetzt .spanne__balken{height:.5rem;border-radius:1rem}.jetzt .spanne__zeile{font-size:.8125rem}.jetzt .beschlag{margin-top:.8rem}.jetzt__kurve{opacity:.11;z-index:-1;height:5rem;width:48%}.wetterbild{position:absolute;inset:0 0 0 42%;z-index:1;pointer-events:none;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 18%)}.wetterbild__schein{position:absolute;inset:-25% -30% -20% -30%;background:radial-gradient(ellipse at 65% 42%,#eddec736,transparent 55%)}.wetterbild__gestirn{position:absolute;width:7.5rem;height:7.5rem;top:19%;right:27%;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fff8dc,#edcf9c 75%);box-shadow:0 0 55px 14px #efce9a28,0 0 140px 45px #efce9a18}.wetterbild__gestirn::after{content:"";position:absolute;inset:-1.4rem;border:1px solid #f6e1b812;border-radius:50%}[data-nacht="1"] .wetterbild__gestirn{width:5.5rem;height:5.5rem;background:#dce9ed;box-shadow:0 0 70px 12px #aeccec1a}[data-nacht="1"] .wetterbild__schein{background:radial-gradient(ellipse at 65% 42%,#abc0f316,transparent 55%)}[data-wetter=wolken] .wetterbild__gestirn{opacity:.45}[data-wetter=regen] .wetterbild__gestirn,[data-wetter=gewitter] .wetterbild__gestirn,[data-wetter=ruhig] .wetterbild__gestirn{opacity:0}[data-wetter=schnee] .wetterbild__gestirn{opacity:.22;background:#fff}.wetterbild__wolke{position:absolute;width:65%;height:28%;right:2%;top:34%;border-radius:50%;background:radial-gradient(ellipse at 50% 60%,#aec3cb80,#869eab25 55%,transparent 72%);filter:blur(12px);transform:rotate(-6deg)}.wetterbild__wolke--fern{width:58%;top:12%;right:25%;opacity:.55;transform:rotate(5deg)}[data-wetter=klar] .wetterbild__wolke{opacity:.14}[data-wetter=gewitter] .wetterbild__wolke{background:radial-gradient(ellipse,#8892af80,#49556833 65%,transparent 72%)}.wetterbild__land{position:absolute;bottom:0;left:0;width:100%;height:72%;max-width:none}.wetterbild__ferne{fill:#77909a;opacity:.24}.wetterbild__mitte{fill:#344f61;opacity:.75}.wetterbild__nah{fill:#1b374b}.wetterbild__dorf{fill:#263f50}[data-nacht="1"] .wetterbild__mitte{fill:#1b304b}[data-nacht="1"] .wetterbild__nah{fill:#12263d}[data-nacht="1"] .wetterbild__dorf{fill:#162b42}[data-wetter=schnee] .wetterbild__ferne{fill:#e2ebee;opacity:.45}[data-wetter=schnee] .wetterbild__mitte{fill:#a6bcc6;opacity:.65}[data-wetter=schnee] .wetterbild__nah{fill:#7f9ba9}.wetterbild__koordinate{position:absolute;right:2.2rem;bottom:1.6rem;font:.7rem var(--f-mono);letter-spacing:.1em;color:#b8cfde}.wetterintro{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none}.wetter-anlauf .wetterbild__schein{animation:himmel-auf 2.8s ease-out both}.wetter-anlauf .wetterbild__wolke{animation:wolken-auf 3.4s ease-out both}@keyframes himmel-auf{0%{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes wolken-auf{0%{opacity:.2;translate:20px 0}to{opacity:1;translate:0 0}}.begleit{margin-top:0;gap:.6rem;grid-template-columns:repeat(3,minmax(0,1fr))}.begleit>div{position:relative;min-height:6rem;padding:.9rem 1rem;border:1px solid var(--rule-soft);border-radius:12px;background:var(--bg-sunken);gap:.45rem;overflow:visible}.begleit>div::before{content:"";position:absolute;top:1rem;right:.85rem;width:.32rem;height:.32rem;border-radius:50%;background:var(--fg-faint)}.begleit>.w--temp::before{background:var(--c-temp)}.begleit>.w--rain::before{background:var(--c-rain)}.begleit>.w--sun::before{background:var(--c-sun)}.begleit>.w--wind::before{background:var(--c-wind)}.begleit>.w--gras::before{background:var(--c-gras)}.begleit dt{font-size:.6875rem;color:var(--fg-faint);font-weight:400;letter-spacing:.065em;padding-right:.35rem}.begleit dd{font-family:var(--f-body);color:var(--fg);font-size:1.65rem;font-weight:400;letter-spacing:-.04em}.begleit dd small{color:var(--fg-dim);font-size:.75rem;letter-spacing:0}.vorschau{display:flex;flex-direction:column;gap:0}.vorschau__tag{display:block;background:0 0;border-bottom:1px solid var(--rule-soft)}.vorschau__tag::details-content{display:block}.vorschau__tag:not([open])::details-content{display:none}.vorschau__tag summary,.vorschau__tag[open]>summary{grid-template-columns:3.1rem 2rem 2.3rem minmax(1rem,1fr) 2.3rem .8rem;gap:.3rem .6rem;padding:.82rem .2rem;border-radius:8px;justify-items:stretch;text-align:left}.vorschau__tagname{grid-column:1;grid-row:1}.vorschau__tag summary .sym{grid-column:2;grid-row:1;width:2rem;height:2rem}.vorschau__min{grid-column:3;grid-row:1}.vorschau__spur{grid-column:4;grid-row:1;align-self:center}.vorschau__max{grid-column:5;grid-row:1}.vorschau__tag summary .vorschau__winkel,.vorschau__tag[open] summary .vorschau__winkel{display:block;grid-column:6;grid-row:1}.vorschau__text{grid-column:3/-1;grid-row:2;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.2rem .8rem;padding:0}.vorschau__tag[open]>.stunden{display:block}.vorschau .stunden__kurven{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.vorschau__tag summary:hover{background:var(--accent-bg)}.vorschau__tag[open]{background:var(--bg-sunken);border-radius:12px;padding-inline:.5rem}.vorschau__tagname{font-family:var(--f-body);font-size:.875rem}.vorschau__spur{height:.35rem;border-radius:1rem}.vorschau__balken{border-radius:1rem}.vorschau__max,.vorschau__min{font-family:var(--f-body);font-size:1rem}.chartbox{border-radius:10px}.spannen{gap:1.8rem}.zeiger__was{font-size:.7rem;letter-spacing:.06em}.warnung{border-radius:12px}.pwa{border-radius:24px;border-color:var(--rule);box-shadow:0 30px 100px #0006}@media (max-width:73.99rem){.navi .stationen{display:none}.jetzt .ablesung{--ablesung-gross:clamp(5.5rem, 13vw, 8rem)}[data-seite=jetzt] main .jetzt{min-height:23rem;padding:2rem}.begleit{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:55.99rem){.blatt{padding-top:1rem}.kopf{display:grid;grid-template-columns:minmax(0,1fr) auto;position:relative;padding-bottom:2.2rem;gap:.6rem}.kopf>div:not(.kopf__rechts){grid-column:1}.kopf h1,.kopf__name{font-size:1.2rem;white-space:normal;line-height:1.25}.kopf__rechts{grid-column:2;gap:.45rem}.kopf__stand{position:absolute;left:0;bottom:.85rem;font-size:.75rem}.kopf__app{grid-column:1/-1}.kopf__app{margin-bottom:.35rem}.knopf--zeichen{width:2.25rem;height:2.25rem}.navi{gap:.1rem;border-radius:18px 18px 0 0;border-bottom:0;margin-bottom:0;padding:.45rem .35rem calc(.45rem + env(safe-area-inset-bottom))}.navi a{padding:.45rem .15rem;font-size:.6875rem;min-height:48px;border-radius:10px}body[data-seite=jetzt] main:has([data-m=jetzt]){grid-template-columns:minmax(0,1fr);gap:1rem}[data-seite=jetzt] main [data-m]{grid-column:1/-1}[data-seite=jetzt] main [data-m=vorhersage]{order:2}[data-seite=jetzt] main [data-m=werte]{order:3}[data-seite=jetzt] main [data-m=verlauf24]{order:4}[data-seite=jetzt] main [data-m=poolverlauf]{order:5}[data-seite=jetzt] main [data-m=bodenverlauf]{order:6}[data-seite=jetzt] main [data-m=vergleich]{order:7}[data-seite=jetzt] main .jetzt{grid-template-columns:1fr;min-height:22rem;padding:1.7rem 1.5rem 4.5rem;border-radius:20px}.jetzt__daten{align-self:start}.jetzt .ablesung{--ablesung-gross:clamp(5.25rem, 20vw, 7.75rem);margin:1.7rem 0 1.2rem}.jetzt .ablesung__einheit{font-size:1.5rem}.jetzt .ablesung__trend{font-size:1.6rem;margin-left:.5rem}.jetzt .stundenwetter{gap:1.3rem}.jetzt .stundenwetter__eintrag .sym{width:2.6rem;height:2.6rem}.jetzt .stundenwetter__was{font-size:.875rem}.jetzt .spanne{margin-top:1.4rem}.wetterbild{inset:0 0 0 0;opacity:.7}.wetterbild__gestirn{width:4.3rem;height:4.3rem;top:13%;right:9%;opacity:.55}.wetterbild__land{height:45%}.wetterbild__wolke{top:16%;right:-25%;width:70%}.wetterbild__wolke--fern{top:3%;right:-5%}.wetterbild__koordinate{right:1.3rem;bottom:1.1rem}.begleit{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.begleit>div{padding:.8rem .7rem;min-height:5.5rem}.begleit>div::before{display:none}.begleit dd{font-size:1.5rem}.begleit dt{font-size:.625rem;letter-spacing:.025em}.abschnitt__kopf h2{font-size:1rem}.spannen{gap:1.4rem}}@media (max-width:23rem){.begleit{grid-template-columns:repeat(2,minmax(0,1fr))}.jetzt .stundenwetter{gap:.75rem}[data-seite=jetzt] main .jetzt{padding-inline:1.1rem}}@media (max-width:30rem){.vorschau__tag summary,.vorschau__tag[open]>summary{grid-template-columns:2.6rem 1.6rem 1.8rem minmax(.8rem,1fr) 1.8rem .55rem;gap:.3rem;padding-inline:0}.vorschau__tag summary .sym{width:1.6rem;height:1.6rem}.vorschau__text{display:flex;flex-wrap:wrap;min-width:0;gap:.2rem .6rem;font-size:.75rem}.vorschau__max,.vorschau__min{font-size:.9rem}.abschnitt__kopf .hinweis{font-size:.6875rem}}@media (prefers-reduced-motion:reduce){.wetter-anlauf *,.wetter-anlauf ::after{animation:none!important}.wetterintro{display:none}*,::before,::after{scroll-behavior:auto!important;transition-duration:0s!important}}@media print{.wetterbild,.wetterintro{display:none}[data-seite=jetzt] main .jetzt{color:#111;background:#fff;min-height:0}.jetzt .ablesung__wert[data-t],.jetzt .ablesung__einheit{color:#111}}