.klima-seite{padding-block:40px 64px}.klima-figure{margin:0}.klima-figure figcaption{margin-bottom:16px;font-weight:600}.klima-streifen{max-width:none;margin-top:12px;margin-bottom:8px;padding-top:76px;position:relative}.klima-streifen svg{width:100%;height:130px;display:block}.klima-streifen:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.klima-streifen .diagramm-treffer.diagramm-gewaehlt{fill:#0000;stroke:var(--text);stroke-width:3px;vector-effect:non-scaling-stroke}.klima-streifen .diagramm-schild{top:0}.klima-jahreszahlen,.klima-farblegende{justify-content:space-between;gap:12px;display:flex}.klima-farblegende{font-size:.875rem}.klima-quelle{color:var(--muted);font-size:.8rem}.klima-aktionen{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.klima-seite button,.klima-seite select{font:inherit;border:1px solid var(--control-line);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:6px;padding:10px 12px}.klima-seite button:disabled{cursor:wait}.klima-seite label{margin-block:12px 8px;display:block}.klima-seite details{margin-block:16px}.klima-seite summary{cursor:pointer;min-height:44px;padding-block:10px}.klima-seite table{font-size:.875rem}.klima-seite th,.klima-seite td{padding:8px}.klima-tagebild{max-width:900px;height:420px}.klima-tagebild .diagramm{margin-top:8px}.klima-seite #klima-status{min-height:1lh;margin-block:12px}.klima-seite #klima-kenntagesatz{min-height:3lh}.klima-seite .diagramm-referenz{stroke:var(--text);stroke-width:1.5px}.klima-seite .diagramm-referenz-1{stroke-dasharray:6 4}.klima-seite .diagramm-referenz-2{stroke-dasharray:2 3;stroke-width:2.5px}.klima-seite #klima-mittellinien{font-size:.875rem}.klima-stadtstaat{border-left:4px solid var(--accent);padding-left:16px}.klima-seite [hidden]{display:none!important}@media (width<=639px){.klima-seite .panel h2{font-size:24px}.klima-seite select{max-width:100%}.klima-seite th,.klima-seite td{padding:6px}.klima-seite #klima-kenntagesatz{min-height:5lh}.klima-streifen svg{height:140px}}.klima-aktionen button{width:200px;max-width:100%}.klima-jahreszahlen{position:relative}.klima-jahreszahlen span:nth-child(2){position:absolute;left:47.93%;transform:translate(-50%)}.klima-seite .diagramm-tabelle:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.klima-seite.region-heading>nav{margin-bottom:12px}.klima-seite.region-heading>nav+.kicker{margin-top:0}@media (width<=639px){.klima-seite #klima-status{min-height:2lh}}.klima-seite #klima-status,.klima-seite #waermestreifen details{margin-block:0}.klima-streifen.diagramm{max-width:none}.klima-skala{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:16px;display:grid}.klima-skala>span{text-align:center;white-space:nowrap;border-top:16px solid;font-size:12px}.klima-skalenhinweis{margin-block:4px 12px;font-size:12px}