:root{--tinte: #ffffff;--tinte-matt: rgba(255, 255, 255, .72);--tinte-blass: rgba(255, 255, 255, .48);--tinte-schwach: rgba(255, 255, 255, .26);--glas: rgba(9, 16, 26, .44);--glas-tief: rgba(9, 16, 26, .62);--glas-kante: rgba(255, 255, 255, .16);--glas-kante-hell: rgba(255, 255, 255, .3);--glas-unschaerfe: 18px;--sonnenfarbe: #ffe0a8;--horizontfarbe: #a8c8de;--niederschlag: #5aa9e6;--schnee: #cfe0ee;--uv: #c48fe0;--stufe-1: #ffd54a;--stufe-2: #f5a11f;--stufe-3: #e0451f;--stufe-4: #b028a6;--gut: #5fd39a;--schrift: "Archivo", system-ui, sans-serif;--schrift-mess: "Archivo Narrow", ui-monospace, monospace;--t-riesig: clamp(4rem, 15vw, 11rem);--t-gross: clamp(2rem, 6.5vw, 4.5rem);--t-mittel: clamp(1.35rem, 3vw, 2rem);--t-text: clamp(1rem, .95rem + .3vw, 1.15rem);--t-klein: .9375rem;--t-winzig: .75rem;--bahn: 64rem;--bahn-breit: 78rem;--rand: clamp(1.15rem, 4vw, 3rem);--lineal-breite: 12rem;--radius: 14px;--radius-klein: 8px;--schnell: .16s;--normal: .28s;--ruhig: .62s;--weich: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100dvh;background:#0d1b2a;color:var(--tinte);font-family:var(--schrift);font-size:var(--t-text);font-variation-settings:"wdth" 100;line-height:1.6;overflow-x:hidden;position:relative}h1,h2,h3{margin:0;font-weight:700;line-height:1.02;letter-spacing:-.025em;font-variation-settings:"wdth" 118;text-wrap:balance}h2{font-size:var(--t-gross)}h3{font-size:var(--t-mittel);font-variation-settings:"wdth" 108}p{margin:0 0 1em}p:last-child{margin-bottom:0}a{color:inherit;text-underline-offset:3px}.mess{font-family:var(--schrift-mess);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.marke,.schicht-marke{font-family:var(--schrift-mess);font-weight:600;font-size:var(--t-winzig);letter-spacing:.22em;text-transform:uppercase;color:var(--tinte-blass);margin:0 0 1.1rem}.schicht-marke .mess{color:var(--sonnenfarbe);letter-spacing:.1em}.beistrich{max-width:46ch;color:var(--tinte-matt);font-size:var(--t-text);margin-block:.9rem 2rem}.nur-fuer-screenreader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.nur-fuer-screenreader:focus{position:fixed;top:1rem;left:1rem;width:auto;height:auto;padding:.7rem 1.1rem;clip:auto;z-index:200;background:var(--glas-tief);border:1px solid var(--glas-kante-hell);border-radius:var(--radius-klein);backdrop-filter:blur(12px)}:focus-visible{outline:2px solid var(--sonnenfarbe);outline-offset:3px;border-radius:var(--radius-klein)}.bahn{width:min(100% - var(--rand) * 2,var(--bahn));margin-inline:auto}.bahn.breit{max-width:var(--bahn-breit);width:min(100% - var(--rand) * 2,var(--bahn-breit))}@media(min-width:68rem){.bahn{width:min(100% - var(--lineal-breite) - var(--rand) * 3,var(--bahn));margin-left:calc(var(--lineal-breite) + var(--rand) * 2);margin-right:auto}.bahn.breit{width:min(100% - var(--lineal-breite) - var(--rand) * 3,var(--bahn-breit))}}.tafel{background:var(--glas);border:1px solid var(--glas-kante);border-radius:var(--radius);padding:clamp(1.1rem,2.5vw,1.9rem);backdrop-filter:blur(var(--glas-unschaerfe)) saturate(140%);-webkit-backdrop-filter:blur(var(--glas-unschaerfe)) saturate(140%);margin-bottom:1rem}.tafel:last-child{margin-bottom:0}.tafel-paar{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;margin-bottom:1rem}.tafel-paar .tafel{margin-bottom:0}.rollbereich{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--tinte-schwach) transparent;padding-bottom:.4rem}.knopf{font-family:var(--schrift);font-weight:600;font-size:var(--t-klein);font-variation-settings:"wdth" 96;letter-spacing:.01em;color:var(--tinte);background:var(--glas);border:1px solid var(--glas-kante);border-radius:999px;padding:.5rem 1.05rem;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background-color var(--schnell),border-color var(--schnell),transform var(--schnell),color var(--schnell);white-space:nowrap}.knopf:hover{background:var(--glas-tief);border-color:var(--glas-kante-hell);transform:translateY(-1px)}.knopf:active{transform:translateY(0)}.knopf[aria-pressed=true]{border-color:color-mix(in srgb,var(--sonnenfarbe) 60%,transparent);background:color-mix(in srgb,var(--sonnenfarbe) 12%,var(--glas))}.knopf[aria-pressed]:before{content:"";display:inline-block;width:6px;height:6px;margin-right:.45rem;border-radius:50%;background:var(--tinte-schwach);vertical-align:.05em;transition:background-color var(--schnell),box-shadow var(--schnell)}.knopf[aria-pressed=true]:before{background:var(--sonnenfarbe);box-shadow:0 0 8px var(--sonnenfarbe)}.knopf.hell{background:var(--tinte);color:#0d1b2a;border-color:var(--tinte)}.feld{font-family:var(--schrift);font-size:var(--t-text);color:var(--tinte);background:#ffffff12;border:1px solid var(--glas-kante);border-radius:var(--radius-klein);padding:.65rem .9rem;width:100%}.feld::placeholder{color:var(--tinte-blass)}.ladebalken{position:fixed;inset-inline:0;top:0;height:2px;background:var(--sonnenfarbe);transform-origin:left;transform:scaleX(0);transition:transform var(--ruhig) ease-out,opacity var(--normal);z-index:120}.ladebalken[data-aktiv=true]{transform:scaleX(.86)}.ladebalken[data-aktiv=fertig]{transform:scaleX(1);opacity:0}.meldung{background:var(--glas-tief);border:1px solid var(--glas-kante);border-left:3px solid var(--stufe-3);border-radius:var(--radius);padding:1.4rem 1.6rem;backdrop-filter:blur(var(--glas-unschaerfe))}.meldung h2{font-size:var(--t-mittel);margin-bottom:.4rem}.meldung p{color:var(--tinte-matt)}.fehlt-hinweis{color:var(--tinte-blass);font-size:var(--t-klein);font-style:italic;margin:0}.fuss{padding-block:4rem 5rem;font-size:var(--t-klein);color:var(--tinte-matt);background:linear-gradient(to bottom,transparent,rgba(6,12,20,.72))}.fuss p{max-width:60ch}.fuss ul{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem 1.5rem;font-family:var(--schrift-mess);font-size:var(--t-winzig);color:var(--tinte-blass)}#atmosphaere{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;opacity:0;transition:opacity 1.2s ease}[data-dreid=an] #atmosphaere{opacity:1}[data-dreid=aus] #atmosphaere{display:none}.himmel-rueckfall{position:fixed;inset:0;z-index:0;display:none;background:linear-gradient(to bottom,var(--himmel-oben, #1f63a8) 0%,var(--himmel-mitte, #4e8dbe) 52%,var(--himmel-unten, #a8c8de) 100%);transition:background 1.4s ease}[data-dreid=aus] .himmel-rueckfall{display:block}[data-dreid=aus] .himmel-rueckfall:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 42% at 22% 30%,rgba(255,255,255,.16),transparent 70%),radial-gradient(100% 36% at 76% 22%,rgba(255,255,255,.11),transparent 72%),radial-gradient(140% 48% at 54% 64%,rgba(255,255,255,.08),transparent 75%);opacity:var(--rueckfall-wolken, 0);transition:opacity 1.4s ease}.kopf,.lineal,#inhalt{position:relative;z-index:2}.kopf{position:fixed;inset-inline:0;top:0;z-index:60;padding-block:.85rem;transition:background-color var(--normal),backdrop-filter var(--normal)}.kopf[data-gescrollt=true]{background:#060c146b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--glas-kante)}.kopf-innen{width:min(100% - var(--rand) * 2,calc(var(--bahn-breit) + var(--lineal-breite)));margin-inline:auto;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.wortmarke{display:flex;align-items:center;gap:.6rem;margin-right:auto;font-weight:700;font-size:.95rem;font-variation-settings:"wdth" 118;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}.wortmarke-zeichen{width:9px;height:9px;border-radius:50%;background:var(--sonnenfarbe);box-shadow:0 0 12px var(--sonnenfarbe);transition:background-color 1.2s ease,box-shadow 1.2s ease}.kopf-werkzeuge{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.lineal{position:fixed;left:var(--rand);top:50%;transform:translateY(-50%);z-index:50;width:var(--lineal-breite);pointer-events:none}.lineal>*{pointer-events:auto}.lineal-anzeige{margin-bottom:1.1rem}.lineal-wert{display:block;font-size:1.75rem;font-weight:600;line-height:1;color:var(--tinte)}.lineal-titel{display:block;font-family:var(--schrift-mess);font-size:var(--t-winzig);letter-spacing:.16em;text-transform:uppercase;color:var(--tinte-blass);margin-top:.3rem}.lineal-marken{display:flex;flex-direction:column;gap:0}.lineal-marke{display:grid;grid-template-columns:3.2rem 1.6rem 1fr;align-items:center;gap:.5rem;padding:.32rem 0;background:none;border:none;cursor:pointer;text-align:left;color:var(--tinte-schwach);transition:color var(--normal)}.lineal-marke:hover{color:var(--tinte-matt)}.lineal-marke.aktiv{color:var(--tinte)}.lineal-hoehe{font-family:var(--schrift-mess);font-variant-numeric:tabular-nums;font-size:var(--t-winzig);text-align:right}.lineal-strich{height:1px;background:currentColor;transition:transform var(--normal) var(--weich);transform:scaleX(.55);transform-origin:left}.lineal-marke.aktiv .lineal-strich{transform:scaleX(1);background:var(--sonnenfarbe)}.lineal-schicht{font-family:var(--schrift-mess);font-size:.6875rem;letter-spacing:.06em;opacity:0;transition:opacity var(--normal)}.lineal-marke.aktiv .lineal-schicht,.lineal-marke:hover .lineal-schicht{opacity:1}@media(max-width:68rem){.lineal{position:fixed;inset:auto 0 0;width:auto;transform:none;padding:.5rem var(--rand) calc(.5rem + env(safe-area-inset-bottom));background:#060c1499;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--glas-kante);display:flex;align-items:center;gap:.9rem}.lineal-anzeige{margin:0;flex:none}.lineal-wert{font-size:1.05rem}.lineal-titel{font-size:.625rem;margin-top:.1rem}.lineal-marken{flex-direction:row;flex:1;gap:.2rem;justify-content:space-between}.lineal-marke{grid-template-columns:1fr;gap:0;padding:.35rem .1rem}.lineal-hoehe,.lineal-schicht{display:none}.lineal-strich{height:3px;border-radius:2px;transform:scaleX(1);opacity:.35}.lineal-marke.aktiv .lineal-strich{opacity:1}}.stelle{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(5rem,12vh,9rem);position:relative}.stelle-ankunft{justify-content:flex-end;padding-bottom:clamp(6rem,16vh,11rem)}@media(max-width:68rem){.stelle{padding-bottom:clamp(7rem,14vh,10rem)}}.ort-name{font-size:var(--t-gross);font-weight:800;font-variation-settings:"wdth" 125;text-transform:uppercase;letter-spacing:-.015em;margin-bottom:.2rem}.ort-zeit{font-size:var(--t-klein);color:var(--tinte-matt);margin-bottom:1.6rem}.ablesung-gross{display:flex;align-items:flex-end;gap:clamp(1.25rem,4vw,3rem);flex-wrap:wrap;margin-bottom:1.75rem}.temperatur{display:flex;align-items:flex-start;font-size:var(--t-riesig);font-weight:800;font-variation-settings:"wdth" 112;line-height:.82;letter-spacing:-.05em;font-variant-numeric:tabular-nums;text-shadow:0 2px 40px rgba(0,0,0,.35)}.temperatur .einheit{font-size:.3em;font-weight:700;letter-spacing:0;margin-top:.22em;opacity:.75}.lage{display:flex;align-items:center;gap:.7rem;padding-bottom:.9rem}.lage-symbol{display:flex;color:var(--tinte);opacity:.9}.lage-text{font-size:var(--t-mittel);font-weight:600;font-variation-settings:"wdth" 104}.kurzwerte{display:flex;gap:clamp(1.1rem,3.5vw,2.6rem);flex-wrap:wrap;margin:0 0 1.75rem;padding-top:1.1rem;border-top:1px solid var(--glas-kante)}.kurzwerte>div{display:flex;flex-direction:column;gap:.15rem}.kurzwerte dt{font-family:var(--schrift-mess);font-size:var(--t-winzig);letter-spacing:.16em;text-transform:uppercase;color:var(--tinte-blass)}.kurzwerte dd{margin:0}.kurzwerte .wert{font-family:var(--schrift-mess);font-variant-numeric:tabular-nums;font-size:1.15rem}.kurzwerte .neben-klein{font-size:var(--t-winzig);color:var(--tinte-blass)}.warnband{display:flex;flex-direction:column;gap:.5rem}.warnband a{display:flex;align-items:center;gap:.8rem;padding:.65rem 1rem;border-radius:var(--radius-klein);background:#060c1494;border:1px solid var(--glas-kante);border-left:4px solid var(--warnfarbe, var(--stufe-2));color:var(--tinte);text-decoration:none;backdrop-filter:blur(12px);transition:background-color var(--schnell),transform var(--schnell)}.warnband a:hover{background:#060c14c2;transform:translate(3px)}.warnband .stufe{font-family:var(--schrift-mess);font-weight:600;font-size:var(--t-winzig);letter-spacing:.16em;text-transform:uppercase;color:var(--warnfarbe, var(--stufe-2));white-space:nowrap}.warnband .titel{font-weight:600}.sinkhinweis{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:clamp(1.5rem,4vh,3rem);font-family:var(--schrift-mess);font-size:var(--t-winzig);letter-spacing:.18em;text-transform:uppercase;color:var(--tinte-blass);transition:opacity var(--normal)}.sinkhinweis svg{animation:sinken 2.6s ease-in-out infinite}@keyframes sinken{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(7px);opacity:1}}[data-gescrollt=true]~#inhalt .sinkhinweis,.sinkhinweis[data-weg=true]{opacity:0;pointer-events:none}@media(max-width:68rem){.kopf{padding-block:.6rem}.kopf-innen{gap:.5rem}.wortmarke{font-size:.8rem;letter-spacing:.1em}.kopf-werkzeuge{gap:.35rem}.kopf .knopf{padding:.4rem .7rem;font-size:.8125rem}.kopf .knopf[aria-pressed]:before{margin-right:.3rem;width:5px;height:5px}.stelle-ankunft{justify-content:center;padding-top:5.5rem}}@media(prefers-reduced-motion:reduce){.sinkhinweis svg{animation:none}#atmosphaere,.himmel-rueckfall{transition:none}}.ortswahl{position:relative}.ort-tafel{position:absolute;top:calc(100% + .6rem);right:0;z-index:80;width:min(24rem,calc(100vw - 2rem));padding:1rem;background:#080e16e0;border:1px solid var(--glas-kante-hell);border-radius:var(--radius);box-shadow:0 20px 60px #00000080;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);display:flex;flex-direction:column;gap:.65rem}.ort-treffer{list-style:none;margin:0;padding:0;max-height:15rem;overflow-y:auto;scrollbar-width:thin}.ort-treffer li{padding:.55rem .65rem;border-radius:var(--radius-klein);cursor:pointer;display:flex;flex-direction:column;line-height:1.3}.ort-treffer li:hover,.ort-treffer li.aktiv{background:#ffffff1a}.ort-treffer li span{font-size:var(--t-winzig);color:var(--tinte-blass)}.such-fehler{margin:0;padding:.55rem .65rem;font-size:var(--t-klein);color:var(--stufe-1);list-style:none}.gemerkt-liste{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.gemerkt-liste li{display:flex;border:1px solid var(--glas-kante);border-radius:999px;overflow:hidden}.gemerkt-name,.gemerkt-weg{font:inherit;font-size:var(--t-klein);background:transparent;border:none;color:var(--tinte);cursor:pointer;padding:.28rem .7rem}.gemerkt-name:hover{background:#ffffff1a}.gemerkt-weg{border-left:1px solid var(--glas-kante);color:var(--tinte-blass);line-height:1;padding-inline:.55rem}.gemerkt-weg:hover{color:var(--stufe-3);background:#ffffff1a}.gemerkt-leer{margin:0;font-size:var(--t-winzig);color:var(--tinte-blass)}.gemerkt-alles-weg{margin-top:.7rem;font:inherit;font-size:var(--t-winzig);background:none;border:none;padding:0;color:var(--tinte-blass);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.gemerkt-alles-weg:hover{color:var(--stufe-3)}.messreihe{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--glas-kante);border:1px solid var(--glas-kante);border-radius:var(--radius);overflow:hidden;margin:0;backdrop-filter:blur(var(--glas-unschaerfe));-webkit-backdrop-filter:blur(var(--glas-unschaerfe))}@media(max-width:52rem){.messreihe{grid-template-columns:repeat(2,1fr)}}.messwert{background:var(--glas);padding:1rem 1.15rem 1.15rem;display:flex;flex-direction:column;gap:.2rem}.messwert dt{font-family:var(--schrift-mess);font-size:var(--t-winzig);letter-spacing:.16em;text-transform:uppercase;color:var(--tinte-blass)}.messwert dd{margin:0;font-family:var(--schrift-mess);font-variant-numeric:tabular-nums;font-size:1.4rem;line-height:1.15}.messwert dd:not(.neben){white-space:nowrap}.messwert .neben{font-family:var(--schrift);font-size:var(--t-klein);line-height:1.35;color:var(--tinte-matt);overflow-wrap:anywhere}.messwert.sonne dd:not(.neben){color:var(--sonnenfarbe)}.wert-symbol{display:inline-flex;vertical-align:-.45em;margin-right:.35rem;opacity:.7}.warnliste{display:flex;flex-direction:column;gap:1rem}.warnung{background:var(--glas-tief);border:1px solid var(--glas-kante);border-left:5px solid var(--warnfarbe, var(--stufe-2));border-radius:var(--radius);padding:1.3rem 1.5rem;backdrop-filter:blur(var(--glas-unschaerfe));-webkit-backdrop-filter:blur(var(--glas-unschaerfe))}.warnung-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .9rem}.warnung-stufe{font-family:var(--schrift-mess);font-weight:600;font-size:var(--t-winzig);letter-spacing:.14em;text-transform:uppercase;color:#0d1b2a;padding:.2rem .6rem;border-radius:999px}.warnung-kopf h3{flex:1 1 14rem}.warnung-zeit{width:100%;margin:0;font-size:var(--t-klein);color:var(--tinte-matt)}.warnung-text{margin-top:.9rem;color:var(--tinte-matt)}.warnung-text p{margin:0 0 .7rem}.warnung-anweisung{margin-top:.9rem;border-top:1px solid var(--glas-kante);padding-top:.75rem}.warnung-anweisung summary{cursor:pointer;font-weight:600;font-size:var(--t-klein);font-variation-settings:"wdth" 100}.warnung-anweisung div{margin-top:.6rem;font-size:var(--t-klein);color:var(--tinte-matt)}.warnung-gebiet{margin:.9rem 0 0;font-family:var(--schrift-mess);font-size:var(--t-winzig);color:var(--tinte-blass)}.luft-zahl{font-family:var(--schrift-mess);font-variant-numeric:tabular-nums;font-size:3.2rem;line-height:1;font-weight:600;margin:.5rem 0 .15rem}.luft-stufe{margin:0;font-weight:600;font-size:var(--t-mittel)}.luft-rat{margin:.8rem 0 0;font-size:var(--t-klein);color:var(--tinte-matt)}.luft-skala{position:relative;display:flex;height:8px;margin-top:1rem;border-radius:999px;overflow:hidden}.luft-skala>span{flex:1}.luft-skala .luft-marke{position:absolute;top:-5px;width:3px;height:18px;background:var(--tinte);border-radius:2px;flex:none;transform:translate(-1.5px);box-shadow:0 0 0 2px #0006}.uv-schiene{height:8px;margin-top:1rem;border-radius:999px;background:#ffffff1f;overflow:hidden}.uv-schiene>span{display:block;height:100%;background:linear-gradient(to right,#5fd39a,#ffd54a,#f5a11f,#e0451f,#b028a6)}.uv-zahl{color:var(--uv)}.stoffliste{display:flex;flex-direction:column;gap:.7rem;margin-top:.9rem}.stoff{display:grid;grid-template-columns:3.5rem minmax(4rem,1fr) 3.5rem 6.5rem;align-items:center;gap:.55rem;font-size:var(--t-klein)}.stoff-name{font-weight:600}.stoff-schiene{height:5px;background:#ffffff1f;border-radius:999px;overflow:hidden}.stoff-schiene>span{display:block;height:100%;background:var(--tinte-matt);border-radius:999px}.stoff.ueber .stoff-schiene>span{background:var(--stufe-3)}.stoff.ueber .stoff-wert{color:var(--stufe-3);font-weight:600}.stoff-wert{text-align:right;font-family:var(--schrift-mess);font-variant-numeric:tabular-nums}.stoff-grenze,.stoff-hinweis{font-family:var(--schrift-mess);font-size:var(--t-winzig);color:var(--tinte-blass)}.stoff-hinweis{grid-column:2 / -1;font-family:var(--schrift)}.pollenliste{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.6rem 1.6rem;margin-top:.9rem}.pollen{display:grid;grid-template-columns:4.5rem auto 1fr auto;align-items:center;gap:.5rem;font-size:var(--t-klein)}.pollen.ruhig{opacity:.45}.pollen-name{font-weight:600}.pollen-punkte{display:flex;gap:3px}.pollen-punkte span{width:7px;height:7px;border-radius:50%;background:#ffffff2e}.pollen-stufe{color:var(--tinte-matt);font-size:var(--t-winzig)}.pollen-wert{text-align:right;color:var(--tinte-blass);font-size:var(--t-winzig);font-family:var(--schrift-mess);font-variant-numeric:tabular-nums}.pollen-ruhe{margin:.5rem 0 0;color:var(--tinte-matt);font-size:var(--t-klein)}.pollen-fuss{margin:.9rem 0 0;font-family:var(--schrift-mess);font-size:var(--t-winzig);color:var(--tinte-blass)}.hinweisliste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:.9rem}.hinweis{display:flex;gap:.9rem;padding:1.15rem;background:var(--glas);border:1px solid var(--glas-kante);border-left:3px solid var(--hinweis-farbe, var(--tinte-blass));border-radius:var(--radius);backdrop-filter:blur(var(--glas-unschaerfe));-webkit-backdrop-filter:blur(var(--glas-unschaerfe))}.hinweis.art-warnung{--hinweis-farbe: var(--stufe-3)}.hinweis.art-achtung{--hinweis-farbe: var(--stufe-2)}.hinweis.art-info{--hinweis-farbe: var(--tinte-blass)}.hinweis.art-gut{--hinweis-farbe: var(--gut)}.hinweis-symbol{width:26px;height:26px;flex:none;color:var(--hinweis-farbe)}.hinweis-text h3{font-size:var(--t-text);font-weight:700;margin-bottom:.2rem;font-variation-settings:"wdth" 100;letter-spacing:0}.hinweis-text p{margin:0;font-size:var(--t-klein);color:var(--tinte-matt)}.hinweis-grund{margin-top:.5rem!important;font-family:var(--schrift-mess);font-size:var(--t-winzig)!important;color:var(--tinte-blass)!important}.karte-rahmen{padding:0;overflow:hidden}#karte{height:clamp(20rem,54vh,32rem);background:#ffffff0d}.karte-steuerung{display:flex;align-items:center;gap:.9rem;padding:.75rem 1rem;border-top:1px solid var(--glas-kante);flex-wrap:wrap}.karte-steuerung input[type=range]{flex:1 1 10rem;accent-color:var(--sonnenfarbe)}.radar-zeit{font-size:var(--t-klein);min-width:9rem;color:var(--tinte-matt)}.radar-zeit.vorhersage{color:var(--sonnenfarbe)}.leaflet-container{font-family:var(--schrift);background:#ffffff0d}.leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.88) contrast(.9)}.leaflet-control-attribution{background:#060c14b8!important;color:var(--tinte-blass)!important;font-size:10px!important}.leaflet-control-attribution a{color:var(--tinte-matt)!important}.leaflet-bar a{background:#060c14d1!important;color:var(--tinte)!important;border-bottom-color:var(--glas-kante)!important}.leaflet-bar a:hover{background:#060c14f2!important}.wettersymbol{vertical-align:-.35em}.diagramm{display:block;min-width:100%;height:auto;color:var(--tinte)}.diagramm:focus-visible{outline:2px solid var(--sonnenfarbe);outline-offset:4px}.diagramm-leer{fill:var(--tinte-blass);font-size:14px}.diagramm-ablesung{min-height:1.5em;margin:.7rem 0 0;font-size:var(--t-klein);color:var(--tinte-matt)}.mg-nacht{fill:#000;fill-opacity:.18}.mg-wolken{fill:#fff;fill-opacity:.16}.mg-wolken-grund{stroke:#ffffff38;stroke-width:1}.mg-bandmarke,.mg-tagesname{font-family:var(--schrift-mess);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;fill:var(--tinte-blass)}.mg-tagesname{font-size:10px}.mg-tagesgrenze{stroke:#ffffff4d;stroke-width:1;stroke-dasharray:2 4}.mg-achslinie{stroke:#ffffff1a;stroke-width:1}.mg-nulllinie{stroke:#ffffff6b;stroke-width:1.2;stroke-dasharray:5 3}.mg-achstext,.mg-zeit{font-family:var(--schrift-mess);font-size:10px;fill:var(--tinte-blass)}.mg-wsk{fill:#fff;opacity:.09}.mg-niederschlag{fill:var(--niederschlag);opacity:.9}.mg-niederschlag.schnee{fill:var(--schnee)}.mg-spur{fill:none;stroke:var(--sonnenfarbe);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--sonnenfarbe) 55%,transparent))}.mg-feder{fill:var(--sonnenfarbe);stroke:#00000073;stroke-width:2}.mg-wert{font-family:var(--schrift-mess);font-size:11px;font-weight:500;fill:var(--tinte)}.mg-wind{color:var(--tinte-blass)}.mg-fadenkreuz{stroke:var(--tinte);stroke-width:1;stroke-dasharray:3 3;pointer-events:none;transition:opacity .12s}.mg-spur-zeichnet{stroke-dasharray:var(--spurlaenge);stroke-dashoffset:var(--spurlaenge);animation:spur-schreiben 1.6s cubic-bezier(.33,0,.2,1) forwards}@keyframes spur-schreiben{to{stroke-dashoffset:0}}.mg-feder{animation:feder-setzen .45s ease-out .55s both}@keyframes feder-setzen{0%{opacity:0}to{opacity:1}}.tage-skala{position:relative;height:1.25rem;margin-left:clamp(7.5rem,26vw,11rem);margin-right:clamp(6rem,20vw,12rem);margin-bottom:.25rem}.tage-skala .null-marke{position:absolute;left:var(--null-position, 50%);transform:translate(-50%);font-size:var(--t-winzig);color:var(--tinte-blass);white-space:nowrap}.tage-skala:after{content:"";position:absolute;left:var(--null-position, 50%);top:1.15rem;width:1px;height:.4rem;background:var(--tinte-blass)}.tageliste{display:flex;flex-direction:column}.tag{display:grid;grid-template-columns:minmax(4.5rem,5rem) 2.4rem minmax(8rem,1fr) minmax(5rem,6.5rem) minmax(8rem,11rem);align-items:center;gap:.65rem;padding-block:.6rem;border-top:1px solid rgba(255,255,255,.09)}.tag:first-of-type{border-top:none}.tag-kopf{padding-block:0 .35rem;border-top:none;align-items:end}.tag-kopf .mitte{text-align:center}.tag-kopf+.tage-skala{margin-top:-.15rem}.tag.wochenende .tag-name{color:var(--sonnenfarbe)}.tag.heute{background:linear-gradient(to right,color-mix(in srgb,var(--sonnenfarbe) 12%,transparent),transparent 55%);border-radius:var(--radius-klein)}.tag.heute .tag-name{font-weight:700}.tag-datum{display:flex;flex-direction:column;line-height:1.2}.tag-name{font-weight:600;font-size:var(--t-klein)}.tag-zahl{font-family:var(--schrift-mess);font-size:var(--t-winzig);color:var(--tinte-blass)}.tag-symbol{color:var(--tinte-matt);display:flex}.tag-balken{display:grid;grid-template-columns:2.4rem 1fr 2.4rem;align-items:center;gap:.5rem}.tag-min,.tag-max{font-family:var(--schrift-mess);font-variant-numeric:tabular-nums;font-size:var(--t-klein)}.tag-min{text-align:right;color:var(--tinte-matt)}.tag-max{text-align:left;font-weight:600}.tag-schiene{position:relative;height:6px;background:#ffffff1a;border-radius:999px}.tag-spanne{position:absolute;top:0;height:100%;border-radius:999px;transform-origin:left center;animation:balken-wachsen .6s var(--weich) both}@keyframes balken-wachsen{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.tag-regen{display:grid;grid-template-columns:5px 1fr;grid-template-rows:auto auto;gap:0 .45rem;align-items:center;font-family:var(--schrift-mess);font-size:var(--t-winzig)}.regen-saeule{grid-row:1 / 3;align-self:stretch;min-height:1.6rem;background:linear-gradient(to top,var(--niederschlag) var(--fuellung, 0%),rgba(255,255,255,.1) var(--fuellung, 0%));border-radius:999px}.regen-text{color:var(--tinte)}.regen-wsk,.tag-regen.trocken .regen-text{color:var(--tinte-blass)}.tag-rest{display:flex;flex-wrap:wrap;gap:.15rem .75rem;font-family:var(--schrift-mess);font-size:var(--t-winzig);color:var(--tinte-blass)}.tag-rest .uv{color:var(--uv)}.tag-rest .sonne{color:var(--sonnenfarbe);opacity:.85}@media(max-width:52rem){.tag{grid-template-columns:4.2rem 2rem 1fr 4.2rem;grid-template-areas:"datum symbol balken regen" "rest  rest   rest   rest";row-gap:.2rem}.tag-datum{grid-area:datum}.tag-symbol{grid-area:symbol}.tag-balken{grid-area:balken;grid-template-columns:2.1rem 1fr 2.1rem}.tag-regen{grid-area:regen}.tag-rest{grid-area:rest;padding-left:4.2rem}.tage-skala{margin-inline:8.5rem 5rem}}@media(prefers-reduced-motion:reduce){.tag-spanne,.mg-feder{animation:none}.mg-spur-zeichnet{stroke-dasharray:none;stroke-dashoffset:0;animation:none}}
