:root{color-scheme:light;--bg: #f5f6fa;--flaeche: #ffffff;--flaeche-2: #f0f2f7;--rand: #e3e6ee;--text: #111827;--text-2: #4b5563;--text-3: #8a93a3;--marke: #2563eb;--marke-hell: #eaf1ff;--frost: #0369a1;--frost-hell: #e0f2fe;--gelb: #a16207;--gelb-hell: #fef9c3;--gelb-rand: #facc15;--orange: #c2410c;--orange-hell: #ffedd5;--orange-rand: #fb923c;--rot: #b91c1c;--rot-hell: #fee2e2;--rot-rand: #f87171;--ok: #047857;--serie-1: #2a78d6;--serie-3: #1baf7a;--schnee: #0f766e;--schnee-hell: #e3f6ef;--glaette: #1e3a8a;--glaette-hell: #dbe4ff;--raster: #e8ebf1;--null-linie: #0369a1;--schatten: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .06);--radius: 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #111318;--flaeche: #1a1d24;--flaeche-2: #232731;--rand: #2e3340;--text: #f1f2f5;--text-2: #b8bfcc;--text-3: #7d8696;--marke: #6b9cff;--marke-hell: #1e2a44;--frost: #7dd3fc;--frost-hell: #0c2a3b;--gelb: #fde047;--gelb-hell: #3a3210;--gelb-rand: #a16207;--orange: #fdba74;--orange-hell: #3b2111;--orange-rand: #c2410c;--rot: #fca5a5;--rot-hell: #3b1414;--rot-rand: #b91c1c;--ok: #34d399;--serie-1: #3987e5;--serie-3: #199e70;--schnee: #5eead4;--schnee-hell: #0d2f2a;--glaette: #c7d2fe;--glaette-hell: #1e2550;--raster: #262a34;--null-linie: #7dd3fc;--schatten: none}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}.kopf{position:sticky;top:0;z-index:10;background:var(--flaeche);border-bottom:1px solid var(--rand)}.kopf-innen{max-width:1840px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.marke{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px}.marke img{width:30px;height:30px;object-fit:contain}.marke small{display:block;font-weight:500;font-size:12px;color:var(--text-3)}.reiter{display:flex;gap:4px;flex:1}.reiter button{border:0;background:transparent;padding:8px 12px;border-radius:8px;color:var(--text-2);font-weight:500;cursor:pointer}.reiter button:hover{background:var(--flaeche-2)}.reiter button[aria-current=page]{background:var(--marke-hell);color:var(--marke);font-weight:600}.benutzer{display:flex;align-items:center;gap:10px;color:var(--text-2);font-size:13px}.inhalt{max-width:1840px;margin:0 auto;padding:20px 24px 48px}@media (max-width: 700px){.inhalt,.kopf-innen{padding-left:16px;padding-right:16px}}.zeile-titel{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px}h1{font-size:22px;margin:0;letter-spacing:-.01em}h2{font-size:15px;margin:0 0 12px}.leise{color:var(--text-3);font-size:13px}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten);padding:16px}.raster{display:grid;gap:16px}.raster-4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.raster-2{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}@media (max-width: 900px){.raster-2{grid-template-columns:minmax(0,1fr)}}.abstand{margin-top:16px}.knopf{border:1px solid var(--rand);background:var(--flaeche);border-radius:8px;padding:7px 12px;cursor:pointer;font-weight:500}.knopf:hover{background:var(--flaeche-2)}.knopf-primaer{background:var(--marke);border-color:var(--marke);color:#fff}.knopf-primaer:hover{background:var(--marke);filter:brightness(1.08)}.knopf:disabled{opacity:.6;cursor:default}.station-name{font-size:13px;color:var(--text-2);font-weight:500;display:flex;justify-content:space-between}.station-temp{font-size:32px;font-weight:700;letter-spacing:-.02em;margin:4px 0 2px;font-variant-numeric:tabular-nums}.station-temp.frost{color:var(--frost)}.werte{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;font-size:13px;color:var(--text-2);margin-top:8px}.werte dd{margin:0;text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.hinweis{border-radius:var(--radius);padding:12px 14px;border:1px solid;display:flex;gap:12px;align-items:flex-start}.hinweis+.hinweis{margin-top:8px}.hinweis b{display:block}.hinweis p{margin:4px 0 0;color:var(--text-2);font-size:13px}.hinweis-symbol{font-size:18px;line-height:1.2;flex:none}.stufe-1{background:var(--gelb-hell);border-color:var(--gelb-rand)}.stufe-1 b{color:var(--gelb)}.stufe-2{background:var(--orange-hell);border-color:var(--orange-rand)}.stufe-2 b{color:var(--orange)}.stufe-3{background:var(--rot-hell);border-color:var(--rot-rand)}.stufe-3 b{color:var(--rot)}.hinweis-frost{background:var(--frost-hell);border-color:var(--frost)}.hinweis-frost b{color:var(--frost)}.hinweis-ok{background:var(--flaeche);border-color:var(--rand)}.hinweis-ok b{color:var(--ok)}details.mehr summary{cursor:pointer;color:var(--marke);font-size:13px;margin-top:6px}.diagramm{position:relative}.diagramm svg{display:block;width:100%;height:auto;overflow:visible}.diagramm .achse{fill:var(--text-3);font-size:11px}.diagramm .raster-linie{stroke:var(--raster);stroke-width:1}.tooltip{position:absolute;pointer-events:none;background:var(--flaeche);border:1px solid var(--rand);border-radius:8px;padding:8px 10px;font-size:12px;box-shadow:var(--schatten);white-space:nowrap;transform:translate(-50%,-100%);z-index:2}.tooltip b{display:block;margin-bottom:2px}.legende{display:flex;gap:14px;font-size:12px;color:var(--text-2);margin-bottom:6px;flex-wrap:wrap}.legende i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.tabelle-rahmen{overflow-x:auto}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{padding:7px 10px;text-align:right;border-bottom:1px solid var(--rand);white-space:nowrap}th{font-size:12px;font-weight:600;color:var(--text-2);background:var(--flaeche-2);position:sticky;top:0}th:first-child,td:first-child,td.links,th.links{text-align:left}thead tr.gruppe th{text-align:center;border-bottom:0;color:var(--text-3);font-weight:500}tr.heute td{background:var(--marke-hell)}td.frost{color:var(--frost);font-weight:600}.marke-frost{display:inline-block;font-size:11px;font-weight:600;padding:1px 6px;border-radius:999px;background:var(--frost-hell);color:var(--frost)}.nowcast td,.nowcast th{padding:5px 8px}.filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filter select{border:1px solid var(--rand);background:var(--flaeche);border-radius:8px;padding:7px 10px}.kennzahlen{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:14px}.kennzahl b{display:block;font-size:22px;font-variant-numeric:tabular-nums}.kennzahl span{font-size:12px;color:var(--text-3)}.anmeldung{min-height:100vh;display:grid;place-items:center;padding:16px}.anmeldung .karte{width:100%;max-width:380px;padding:28px}.anmeldung img{display:block;margin:0 auto;width:76px;height:76px;object-fit:contain}.anmeldung h1,.anmeldung h1+p{text-align:center}.anmeldung h1{margin:12px 0 4px}.anmeldung form{display:grid;gap:8px;margin-top:8px}.anmeldung input{border:1px solid var(--rand);border-radius:8px;padding:9px 11px;background:var(--flaeche)}.trenner{display:flex;align-items:center;gap:10px;color:var(--text-3);font-size:12px;margin:16px 0 8px}.trenner:before,.trenner:after{content:"";flex:1;height:1px;background:var(--rand)}.ms-knopf{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;margin-top:16px}.meldung{font-size:13px;margin-top:10px}.meldung.fehler{color:var(--rot)}.frost{color:var(--frost)}@media (max-width: 560px){.raster-4{grid-template-columns:minmax(0,1fr)}}.werte dd{white-space:nowrap}.klein{font-size:12px}table.vergleich td{vertical-align:top}table.vergleich td:first-child{white-space:nowrap}th.gruppen-start,td.gruppen-start{border-left:2px solid var(--rand)}thead tr.gruppe th{color:var(--text);font-weight:600;background:var(--bg);border-bottom:1px solid var(--rand)}thead tr.gruppe th:first-child{background:var(--flaeche-2)}th[title]{cursor:help}.hinweis-schnee{background:var(--schnee-hell);border-color:var(--schnee)}.hinweis-schnee b{color:var(--schnee)}.hinweis-glaette{background:var(--glaette-hell);border-color:var(--glaette);border-left-width:5px}.hinweis-glaette b{color:var(--glaette)}.chips{display:flex;gap:4px;flex-wrap:wrap}.chip{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.chip-frost{background:var(--frost-hell);color:var(--frost)}.chip-schnee{background:var(--schnee-hell);color:var(--schnee)}.chip-glaette{background:var(--glaette);color:var(--flaeche)}tr.achtung-frost td:first-child{box-shadow:inset 4px 0 0 var(--frost)}tr.achtung-schnee td:first-child{box-shadow:inset 4px 0 0 var(--schnee)}tr.achtung-glaette td:first-child{box-shadow:inset 4px 0 0 var(--glaette)}td.zelle-frost{background:var(--frost-hell)}td.zelle-schnee{background:var(--schnee-hell)}td.zelle-schnee .klein{color:var(--schnee);font-weight:600}td.zelle-glaette{background:var(--glaette-hell)}td.zelle-glaette .klein{color:var(--glaette);font-weight:600}table.gleich{table-layout:fixed}table.gleich th:first-child{width:170px}table.gleich td,table.gleich th{white-space:normal}@media (max-width: 700px){table.gleich{table-layout:auto;min-width:620px}table.gleich td,table.gleich th{white-space:nowrap}}@media (max-width: 700px){.kopf{position:static}}.link-knopf{border:0;background:none;padding:0;cursor:pointer;color:var(--marke);font-weight:500;text-decoration:underline;text-underline-offset:2px;text-align:left}.dialog{border:1px solid var(--rand);border-radius:var(--radius);padding:20px;width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 64px);background:var(--flaeche);color:var(--text);box-shadow:0 20px 50px #00000040}.dialog::backdrop{background:#0f172a73}.dialog-kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.dialog-kopf h2{margin:0}.dialog-warnung{display:block}.dialog-warnung p{margin:4px 0}.dialog-warnung details p,.dialog-warnung details b{color:var(--text-2)}.dialog-warnung details>div{margin-top:10px;padding-top:10px;border-top:1px dashed var(--rand)}.dialog-warnung b{display:inline}.dialog-warnung .fassung-titel{margin-bottom:2px}.dialog-warnung .fassung-titel>b{font-size:15px}.breit-raster{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}.breit-spalte{display:grid;gap:16px;align-content:start;min-width:0}@media (min-width: 1700px){.breit-raster{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}table.vergleich td.achtung-zelle{white-space:normal;min-width:150px}.breit-spalte>*{min-width:0}.hinweise{display:grid;gap:8px}.hinweise .hinweis+.hinweis{margin-top:0}@media (min-width: 1400px){.hinweise{grid-template-columns:repeat(2,minmax(0,1fr))}}