.diagramm{--serie:var(--wasser);max-width:900px;margin-block:20px 8px;padding-top:76px;position:relative}.diagramm svg{width:100%;height:auto;display:block;overflow:visible}.diagramm:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:6px}.diagramm-schild{box-sizing:border-box;border:1px solid var(--control-line);background:var(--bg);max-width:100%;color:var(--text);pointer-events:none;border-radius:6px;min-height:54px;padding:8px 10px;font-size:13px;line-height:1.4;position:absolute;top:0}.diagramm-achse text,.diagramm .frost-band text{fill:var(--muted);font:12px var(--body-font)}.diagramm-achse line{stroke:var(--line);stroke-width:1px}.diagramm-bar{fill:var(--serie);transform-box:view-box;transition:transform .3s}.diagramm-vergleich{fill:var(--surface);stroke:var(--serie);stroke-width:2px}.diagramm-treffer{fill:#0000;cursor:crosshair;stroke:none}.diagramm-treffer.diagramm-gewaehlt{fill:var(--serie);fill-opacity:.08;stroke:var(--control-line);stroke-width:1px}.diagramm-aktiv{stroke:var(--text);stroke-width:2px}.diagramm-hilfe,.diagramm-live{color:var(--muted);min-height:2.8em;margin-block:8px;font-size:.875rem}.diagramm-live{color:var(--text)}.diagramm:not([data-sichtbar]) .diagramm-bar{transform:scaleY(0)!important}.diagramm:not([data-sichtbar]) .diagramm-gestapelt{transform:translateY(0)scaleY(0)!important}.diagramm-horizontal:not([data-sichtbar]) .diagramm-bar{transform:scaleX(0)!important}.diagramm-zone{transform-box:fill-box;transform-origin:0;transition:transform .3s}.diagramm:not([data-sichtbar]) .diagramm-zone{transform:scaleX(0)}.diagramm .frost-band{max-width:none;margin:0}.diagramm-frost{--serie:var(--frost)}.diagramm-tabelle{overflow-x:auto}.diagramm-tabelle table{border-collapse:collapse;width:100%}.diagramm-tabelle :is(th,td){border-bottom:1px solid var(--line);text-align:left;padding:8px}.diagramm-vergleichen{cursor:pointer;align-items:center;gap:10px;min-height:48px;display:flex}.diagramm-vergleichen input{width:20px;height:20px}@media (prefers-reduced-motion:reduce){.diagramm-bar,.diagramm-zone{transition:none!important}.diagramm:not([data-sichtbar]) .diagramm-bar,.diagramm:not([data-sichtbar]) .diagramm-zone{transform:none}}.diagramm .band-boden{fill:var(--frost)}.diagramm .band-luft{fill:var(--surface);stroke:var(--frost);stroke-width:2px}.diagramm-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;min-height:0;margin:0;position:absolute;overflow:hidden}.kreiskarte{margin-block:48px}.kreiskarte>p{margin-block:16px 24px}.karten-suche label{margin-bottom:8px;font-weight:600;display:block}.karten-suche input{font:inherit;border:1px solid var(--control-line);background:var(--surface);width:100%;min-height:48px;color:var(--text);border-radius:6px;padding:12px}.karten-suche input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.karten-suche p{color:var(--muted);margin-top:8px;font-size:.9rem}.karten-vorschlaege{margin:8px 0;padding:0;list-style:none}.karten-vorschlaege button{text-align:left;width:100%}.kreiskarte button{font:inherit;min-height:44px;color:var(--text);background:var(--surface);border:1px solid var(--control-line);cursor:pointer;border-radius:6px;padding:10px 12px}.karten-kennzahlen{border:0;margin:20px 0;padding:0}.karten-kennzahlen legend{margin-bottom:8px;font-weight:600}.karten-kennzahlen button[aria-pressed=true]{background:var(--accent);color:var(--accent-fg)}.karten-layout{gap:24px;display:grid}.karten-info{border:1px solid var(--control-line);background:var(--surface);border-radius:12px;align-self:start;padding:20px}.karten-info p{margin-block:12px}.karten-info a{min-height:44px;padding-block:10px;display:block}.karten-info dl{margin-block:16px}.karten-info dt{color:var(--muted);font-size:.9rem}.karten-info dd{font:500 24px var(--number-font);margin:4px 0 12px}.karten-info .gewaehlt{border-left:4px solid var(--accent);padding-left:12px}.karten-bild{min-width:0}.karten-bild>p{margin-bottom:12px}.karten-bild [data-karten-svg]{min-height:420px}.karten-bild svg{width:100%;height:auto;max-height:780px;display:block}.karten-bild path{stroke:var(--karten-rand);stroke-width:.7px;vector-effect:non-scaling-stroke;cursor:pointer}.karten-bild path[data-gewaehlt]{stroke:var(--karten-rand);stroke-width:3.5px;filter:drop-shadow(0 0 1px var(--strong)) drop-shadow(0 0 2px #fff);paint-order:fill stroke}.karten-bild path:focus-visible{stroke:var(--karten-rand);stroke-width:5px;filter:drop-shadow(0 0 2px #fff);paint-order:stroke fill;outline:none}.karten-bild [data-karten-legende]{flex-wrap:wrap;gap:12px;padding:0;font-size:.875rem;list-style:none;display:flex}.karten-bild [data-karten-legende] i{vertical-align:middle;border:1px solid #57666e;width:20px;height:14px;margin-right:6px;display:inline-block}.karten-quelle{color:var(--muted);margin-top:20px;font-size:.8rem}.karten-liste{margin-top:24px}.karten-liste summary{cursor:pointer;min-height:44px;padding-block:12px}.karten-liste ul{columns:2;padding-left:20px}.karten-liste li{break-inside:avoid;margin-block:10px}.karten-liste section{margin-top:20px}.kreiskarte [hidden]{display:none!important}@media (width>=1024px){.karten-layout{grid-template-columns:3fr 2fr;align-items:start}.karten-bild{grid-area:1/1}.karten-info{top:calc(var(--header-h,80px) + 16px);grid-area:1/2;position:sticky}}@media (width<=450px){.karten-liste ul{columns:1}}.karten-kennzahlen{flex-wrap:wrap;gap:8px;display:flex}.karten-kennzahlen legend{width:100%}.kreiskarte[data-thema=frost] .karten-info dd{font-family:var(--heading-font)}@media (height<=500px),print{.karten-info{position:static}}.kreiskarte.panel{overflow:clip}.karten-info,#karten-kreisname,.karten-bild path{scroll-margin-top:calc(var(--header-h,80px) + 16px)}.karten-bild>[data-karten-hover]{min-height:2lh}@media (width<=1023px){.karten-bild{order:1}.karten-info{order:2}}@media (width>=1024px){[data-karten-zurueck]{display:none!important}}