:root{--grund:#f6f7f9;--flaeche:#ffffff;--flaeche-2:#eef1f5;--rand:#d7dce4;--text:#10151c;--text-leise:#545e6b;--akzent:#12507e;--akzent-leise:#e3edf6;--hoch:#1c6b3f;--hoch-flaeche:#e2f2e8;--mittel:#7a5300;--mittel-flaeche:#faf0da;--unsicher:#8f2f20;--unsicher-flaeche:#fbe8e5;--warn-orange:#a34a00;--warn-orange-flaeche:#fdebd8;--warn-violett:#6b2585;--warn-violett-flaeche:#f1e3f7;--rampe-1:#cde2fb;--rampe-2:#9ec5f4;--rampe-3:#6da7ec;--rampe-4:#3987e5;--rampe-5:#256abf;--rampe-6:#184f95;--rampe-7:#0d366b;--radius:12px;--schatten:0 1px 2px rgb(16 21 28/6%),0 4px 14px rgb(16 21 28/5%)}@media (prefers-color-scheme:dark){:root{--grund:#0e1116;--flaeche:#161b22;--flaeche-2:#1d232c;--rand:#2b323c;--text:#eef1f5;--text-leise:#a4aeba;--akzent:#7fb6e3;--akzent-leise:#17293a;--hoch:#7ed6a3;--hoch-flaeche:#16281e;--mittel:#e5c069;--mittel-flaeche:#2a2314;--unsicher:#f0a094;--unsicher-flaeche:#2c1a17;--warn-orange:#f0b27a;--warn-orange-flaeche:#33210f;--warn-violett:#d9a6ea;--warn-violett-flaeche:#2a1730;--rampe-1:#0d366b;--rampe-2:#184f95;--rampe-3:#256abf;--rampe-4:#3987e5;--rampe-5:#6da7ec;--rampe-6:#9ec5f4;--rampe-7:#cde2fb;--schatten:0 1px 0 rgb(255 255 255/4%) inset,0 6px 20px rgb(0 0 0/28%)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--grund);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:1.55}a{color:var(--akzent)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--akzent);outline-offset:2px}.huelle{max-width:62rem;margin:0 auto;padding:0 1rem 4rem}.kopf{border-bottom:1px solid var(--rand);background:var(--flaeche);margin-bottom:1.5rem}.kopf-innen{max-width:62rem;margin:0 auto;padding:.9rem 1rem;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:baseline}.marke{font-weight:700;font-size:1.15rem;letter-spacing:-.01em;text-decoration:none;color:var(--text)}.marke span{color:var(--akzent)}.kopf nav{display:flex;gap:1rem;flex-wrap:wrap;font-size:.93rem}.kopf nav a{text-decoration:none;color:var(--text-leise)}.kopf nav a:hover{color:var(--akzent);text-decoration:underline}.kopf nav a{position:relative;padding-bottom:2px;transition:color .15s ease}.kopf nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:var(--akzent);transition:right .18s ease;border-radius:2px}.kopf nav a:hover:after{right:0}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:1.15rem 1.25rem;box-shadow:var(--schatten);margin-bottom:1.25rem;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}h1{font-size:1.6rem;margin:0 0 .35rem;letter-spacing:-.02em}h2{font-size:1.15rem;margin:0 0 .75rem}h3{font-size:1rem;margin:0 0 .4rem}.leise{color:var(--text-leise);font-size:.88rem}.wetter-symbol{color:var(--akzent);flex:0 0 auto}.wetter-symbol .sonnenkern{color:var(--mittel)}.wetter-symbol .mondkern{color:var(--akzent)}.stunde .wetter-symbol,.wetter-symbol .wolkenkern{color:var(--text-leise)}.stunde .wetter-symbol{margin:.1rem auto .15rem;display:block}.stunde .wetter-symbol .sonnenkern{color:var(--mittel)}@media (prefers-reduced-motion:no-preference){.wetter-symbol .regentropfen{animation:regentropfen-fallen 1.1s ease-in infinite;transform-origin:center}}@keyframes regentropfen-fallen{0%{opacity:0;transform:translateY(-2px)}35%{opacity:1}to{opacity:0;transform:translateY(3px)}}.jetzt-karte{position:relative;overflow:hidden;border-radius:var(--radius);background:linear-gradient(155deg,var(--jetzt-glanz,transparent) 0,transparent 62%),var(--flaeche)}.jetzt-karte--sonne{--jetzt-glanz:color-mix(in srgb,var(--mittel) 16%,transparent)}.jetzt-karte--mond{--jetzt-glanz:color-mix(in srgb,var(--akzent) 14%,transparent)}.jetzt-karte--leicht-bewoelkt-nacht,.jetzt-karte--leicht-bewoelkt-tag{--jetzt-glanz:color-mix(in srgb,var(--mittel) 8%,transparent)}.jetzt-karte--bewoelkt,.jetzt-karte--stark-bewoelkt{--jetzt-glanz:color-mix(in srgb,var(--text-leise) 10%,transparent)}.jetzt-karte--regen{--jetzt-glanz:color-mix(in srgb,var(--akzent) 18%,transparent)}.jetzt-hero{display:flex;align-items:center;gap:1.1rem}.jetzt-hero .wetter-symbol{width:3.4rem;height:3.4rem}.jetzt{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem 1.5rem}.jetzt-temp{font-size:3.2rem;font-weight:700;line-height:1;letter-spacing:-.03em}.jetzt-liste{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;margin-top:.6rem}.jetzt-liste div{font-size:.92rem}.jetzt-liste dt{display:inline;color:var(--text-leise)}.jetzt-liste dd{display:inline;margin:0 0 0 .3rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.score{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;padding:.2rem .7rem;font-size:.85rem;font-weight:600;border:1px solid transparent;white-space:nowrap}.score .symbol{letter-spacing:.08em;font-size:.7rem}.score-hoch{background:var(--hoch-flaeche);color:var(--hoch);border-color:currentColor}.score-mittel{background:var(--mittel-flaeche);color:var(--mittel);border-color:currentColor}.score-unsicher{background:var(--unsicher-flaeche);color:var(--unsicher);border-color:currentColor}.jetzt-score-details{margin-top:.7rem}.jetzt-score-details summary{cursor:pointer;font-size:.88rem;color:var(--text-leise);list-style:none;width:-moz-fit-content;width:fit-content}.jetzt-score-details summary::-webkit-details-marker{display:none}.jetzt-score-details summary:before{content:"▸ "}.jetzt-score-details[open] summary:before{content:"▾ "}.begruendung{margin:.85rem 0 0;padding:0;list-style:none;font-size:.9rem}.begruendung li{padding-left:1.4rem;position:relative;margin-bottom:.25rem}.begruendung li:before{position:absolute;left:0}.begruendung .plus:before{content:"+";color:var(--hoch);font-weight:700}.begruendung .minus:before{content:"−";color:var(--unsicher);font-weight:700}.stunden{display:flex;gap:.55rem;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x proximity}.stunde{flex:0 0 auto;min-width:5.4rem;text-align:center;border:1px solid var(--rand);border-radius:10px;padding:.6rem .4rem;background:var(--flaeche-2);scroll-snap-align:start;transition:transform .15s ease,border-color .15s ease}.stunde:hover{transform:translateY(-2px);border-color:var(--akzent)}.stunde .zeit{font-size:.82rem;color:var(--text-leise)}.stunde .temp{font-size:1.25rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stunde .regen{font-size:.8rem;color:var(--akzent)}.stunde .band{font-size:.72rem;color:var(--text-leise);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stunde .welle{font-size:.78rem;color:var(--akzent);margin-top:.15rem}.tage{display:grid;grid-gap:.6rem;gap:.6rem}.tag{border:1px solid var(--rand);border-radius:10px;background:var(--flaeche-2);padding:.75rem .9rem;transition:border-color .15s ease}.tag:hover{border-color:var(--akzent)}.tag>summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.tag>summary .wetter-symbol{width:1.6rem;height:1.6rem;margin-right:-.3rem}.tag>summary::-webkit-details-marker{display:none}.tag .name{font-weight:600;min-width:11rem}.tag .spanne{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;min-width:6rem}.tag .regen{color:var(--akzent);font-size:.9rem;min-width:6rem}.tag .fenster{font-size:.82rem;padding:.15rem .6rem;border-radius:999px;background:var(--akzent-leise);color:var(--text);border:1px solid var(--akzent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.tag .detail{margin-top:.9rem;border-top:1px solid var(--rand);padding-top:.8rem}.hinweis{border-left:4px solid var(--mittel);background:var(--mittel-flaeche);color:var(--text);padding:.7rem .9rem;border-radius:0 var(--radius) var(--radius) 0;margin-bottom:1.25rem;font-size:.93rem}.fehler,.warnung{border-left-color:var(--unsicher);background:var(--unsicher-flaeche)}.warnstufe-1{border-left-color:var(--mittel);background:var(--mittel-flaeche)}.warnstufe-2{border-left-color:var(--warn-orange);background:var(--warn-orange-flaeche)}.warnstufe-3{border-left-color:var(--unsicher);background:var(--unsicher-flaeche)}.warnstufe-4{border-left-color:var(--warn-violett);background:var(--warn-violett-flaeche);font-weight:600}.vorabinformation{background-image:repeating-linear-gradient(135deg,transparent 0 8px,rgb(0 0 0/6%) 8px 16px)}.karte-svg{background:var(--flaeche-2);border:1px solid var(--rand);border-radius:10px;max-height:75vh}.skyline-huelle{margin-top:.9rem;overflow-x:auto}.skyline{width:100%;min-width:640px;height:auto}.skyline-tag{fill:color-mix(in srgb,var(--warn-orange) 6%,transparent)}.skyline-nacht{fill:color-mix(in srgb,var(--akzent) 10%,transparent)}.skyline-gitter{opacity:.6}.skyline-achse,.skyline-gitter{stroke:var(--rand);stroke-width:1}.skyline-kurve{stroke:var(--akzent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.skyline-punkt{fill:var(--akzent)}.skyline-temptext{fill:var(--text);font-size:12px;text-anchor:middle;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.skyline-zeittext{fill:var(--text-leise);opacity:.75;font-size:11px;text-anchor:middle}.skyline-hinweistext{fill:var(--text-leise);opacity:.7;font-size:10px;font-style:italic}.skyline-regen{fill:var(--akzent);opacity:.35}.zelle{stroke:var(--flaeche);stroke-width:1}.stations-link,.zelle-link{cursor:pointer}.zelle-link:hover .zelle{stroke:var(--text);stroke-width:2}.zelle-link:focus-visible .zelle{stroke:var(--akzent);stroke-width:3;outline:none}.stations-link:hover circle{stroke:var(--text);stroke-width:2.5}.stations-link:focus-visible circle{stroke:var(--akzent);stroke-width:3;outline:none}.zelle-zentrum{fill:none;stroke:var(--text);stroke-width:2.5}.stufe-1{fill:var(--rampe-1)}.stufe-2{fill:var(--rampe-2)}.stufe-3{fill:var(--rampe-3)}.stufe-4{fill:var(--rampe-4)}.stufe-5{fill:var(--rampe-5)}.stufe-6{fill:var(--rampe-6)}.stufe-7{fill:var(--rampe-7)}.zelle-text{font-size:11px;fill:var(--text);paint-order:stroke;stroke:var(--flaeche-2);stroke-width:3px;stroke-linejoin:round}.wind-pfeil{stroke:var(--text);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.wind-strom{stroke:var(--text);stroke-width:1.4;stroke-linecap:round;opacity:.55}@media (prefers-reduced-motion:reduce){.wind-strom{display:none}}.legende{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin-top:.7rem;font-size:.85rem}.legende .rampe{display:inline-flex;height:12px;width:140px;border:1px solid var(--rand);border-radius:3px;overflow:hidden}.legende .rampe span{flex:1 1}.zeitleiste{display:flex;flex-wrap:wrap;gap:.4rem;margin:.8rem 0}.zeitleiste a,.zeitleiste strong{padding:.35rem .7rem;border:1px solid var(--rand);border-radius:999px;font-size:.88rem;text-decoration:none;color:var(--text);background:var(--flaeche);transition:border-color .15s ease,background .15s ease}.zeitleiste a:hover,.zeitleiste strong{background:var(--akzent-leise);border-color:var(--akzent)}.kartenform{align-items:end}.kartenform,.suche{display:flex;flex-wrap:wrap;gap:.5rem}.suche input{flex:1 1 16rem;padding:.6rem .75rem;border:1px solid var(--rand);border-radius:8px;background:var(--flaeche);color:var(--text);font-size:1rem;transition:border-color .15s ease}.suche input:hover{border-color:var(--akzent)}.suche button{padding:.6rem 1.1rem;border-radius:8px;border:1px solid var(--akzent);background:var(--akzent);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:filter .15s ease,transform .1s ease}.suche button:hover{filter:brightness(1.1)}.suche button:active{transform:translateY(1px);filter:brightness(.95)}@media (prefers-color-scheme:dark){.suche button{color:#0e1116}}.orte{list-style:none;padding:0;margin:.8rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}.orte a{display:inline-block;border:1px solid var(--rand);border-radius:999px;padding:.25rem .8rem;font-size:.9rem;text-decoration:none;background:var(--flaeche-2);transition:border-color .15s ease,background .15s ease}.orte a:hover{border-color:var(--akzent);background:var(--akzent-leise)}.tabelle-huelle{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}td,th{text-align:left;padding:.5rem .7rem;border-bottom:1px solid var(--rand);vertical-align:top}th{font-weight:600;color:var(--text-leise);font-size:.85rem}td.zahl,th.zahl{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.marke-status{display:inline-block;border-radius:4px;padding:.05rem .45rem;font-size:.78rem;font-weight:600;border:1px solid}.status-approved{color:var(--hoch)}.status-bedingt{color:var(--mittel)}.status-gesperrt{color:var(--unsicher)}.fuss{border-top:1px solid var(--rand);margin-top:2.5rem;padding-top:1.25rem;color:var(--text-leise);font-size:.86rem}.fuss ul{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem 1.1rem}.quellenzeile{margin-top:1rem;font-size:.84rem;color:var(--text-leise)}