.szzr{--up:#2a78d6;--down:#eb6834;--fg:#1d1d1f;--mute:#6e6e73;--hair:rgba(0,0,0,.1);--fill:#f5f5f7;--fill2:#e8e8ed;--grid:rgba(0,0,0,.08);box-sizing:border-box;display:grid;gap:20px;margin:1.6em 0;color:var(--fg);line-height:1.47}
.szzr *{box-sizing:border-box}
.szzr p,.szzr h2,.szzr h3,.szzr h4{margin:0}
.szzr-h{font-size:1.6em;font-weight:600;letter-spacing:-.02em}
.szzr h3,.szzr h4{font-size:1.15em;font-weight:600}
.szzr h4{font-size:.95em;margin-bottom:.4em}
.szzr-sub,.szzr-g{color:var(--mute);font-size:.88em}
.szzr-g{text-align:center;font-size:.8em}
.szzr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.szzr-hero{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:1.4em 2em;align-items:center;padding:1.4em 1.6em;background:var(--fill);border-radius:22px}
.szzr-gauge{display:block;width:100%;max-width:260px;margin:0 auto}
.szzr-gt{font:12px sans-serif;fill:var(--mute)}
.szzr-gv{font:600 26px sans-serif;fill:var(--fg);letter-spacing:-.03em}
.szzr-klima{font-size:2.1em;font-weight:600;letter-spacing:-.03em;line-height:1.15}
.szzr-t{display:inline-block;padding:.15em .7em;border-radius:980px;font-size:.38em;font-weight:500;letter-spacing:0;vertical-align:middle;margin-left:.6em;background:#fff;color:var(--mute)}
.szzr-why{margin-top:.5em;max-width:46ch}
.szzr-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:18px;overflow:hidden}
.szzr-kpi{background:#fff;padding:1em 1.1em;min-width:0}
.szzr-kpi small{display:block;color:var(--mute);font-size:.8em;line-height:1.35}
.szzr-v{display:block;margin:.15em 0;font-size:1.6em;font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.szzr-rec{display:inline-block;margin-top:.1em;padding:.1em .6em;border-radius:980px;background:var(--fill);font-size:.75em;font-weight:500}
.szzr-pm{margin-top:.35em}
.szzr-panel{border:1px solid var(--hair);border-radius:22px;padding:1.3em 1.5em;display:grid;gap:.9em;min-width:0}
.szzr-head{display:flex;flex-wrap:wrap;gap:.6em 1.2em;align-items:flex-end;justify-content:space-between}
.szzr-chips{display:flex;flex-wrap:wrap;gap:.4em}
.szzr-chip{border:0;border-radius:999px;padding:.4em .95em;font:inherit;font-size:.88em;font-weight:500;background:var(--fill2);color:var(--fg);cursor:pointer}
.szzr-chip[aria-pressed="true"],.szzr-chip[aria-checked="true"]{background:var(--fg);color:#fff}
.szzr-chip:focus-visible,.szzr summary:focus-visible,.szzr-cell:focus-visible{outline:2px solid var(--up);outline-offset:2px}
.szzr-legend{display:flex;flex-wrap:wrap;gap:.3em 1.2em;font-size:.85em;color:var(--mute)}
.szzr-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:.45em;vertical-align:-1px}
.szzr-chart{position:relative;min-width:0}
.szzr-chart svg{display:block;width:100%;height:auto;overflow:visible}
.szzr-chart svg text{fill:var(--mute);font:11px sans-serif}
.szzr-chart svg .val{fill:var(--fg);font-weight:600}
.szzr-tip{position:absolute;z-index:5;pointer-events:none;background:#fff;color:var(--fg);border:1px solid var(--hair);box-shadow:0 6px 24px rgba(0,0,0,.16);border-radius:12px;padding:.6em .8em;font-size:.82em;line-height:1.4;min-width:11em;max-width:16em}
.szzr-tip[hidden]{display:none}
.szzr-tip .r{display:flex;justify-content:space-between;gap:1em}
.szzr-heatwrap{overflow-x:auto}
.szzr-heat{border-collapse:separate;border-spacing:3px;width:100%;min-width:20em;font-size:.9em}
.szzr-heat th{font-weight:400;font-size:.82em;color:var(--mute);text-align:center;padding:0 .2em;white-space:nowrap}
.szzr-heat tbody th{text-align:left;padding-right:.6em}
.szzr-cell{border-radius:6px;min-height:2.1em;height:2.1em;text-align:center;font-size:.82em;font-weight:600;font-variant-numeric:tabular-nums;background:var(--fill);padding:0}
.szzr-na{color:var(--mute);font-weight:400}
.szzr-scale{display:flex;align-items:center;gap:.6em;font-size:.78em;color:var(--mute)}
.szzr-scale i{display:block;height:8px;width:9em;border-radius:4px;background:linear-gradient(90deg,var(--down),var(--fill) 50%,var(--up))}
.szzr-three{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1em}
.szzr-list{list-style:none;margin:0;padding:0;font-size:.9em}
.szzr-list li{display:flex;justify-content:space-between;gap:.8em;padding:.4em 0;border-top:1px solid var(--hair)}
.szzr-list li:first-child{border-top:0}
.szzr-n{color:var(--mute);font-variant-numeric:tabular-nums;text-align:right}
.szzr-text{background:var(--fill);border-radius:18px;padding:1.1em 1.3em;display:grid;gap:.6em}
.szzr-text p{max-width:66ch}
.szzr-copy{justify-self:start;border:0;border-radius:980px;padding:.45em 1em;background:var(--up);color:#fff;font:inherit;font-size:.88em;font-weight:500;cursor:pointer}
.szzr-tbl summary{cursor:pointer;color:#1c5fb0;font-size:.9em}
.szzr-tw{overflow-x:auto;margin-top:.6em}
.szzr-tw table{border-collapse:collapse;font-size:.82em;min-width:100%}
.szzr-tw th,.szzr-tw td{padding:.35em .7em;text-align:right;border-bottom:1px solid var(--hair);white-space:nowrap}
.szzr-tw th:first-child,.szzr-tw td:first-child{text-align:left}
.szzr-more a{color:#1c5fb0;font-size:.92em}
.szzr-note{font-size:.78em;line-height:1.5;color:var(--mute)}
@media (max-width:700px){
.szzr-h{font-size:1.35em}
.szzr-hero{grid-template-columns:1fr;padding:1.1em 1em}
.szzr-gauge{max-width:220px}
.szzr-kpis{grid-template-columns:1fr}
.szzr-panel{padding:1.1em 1em}
.szzr-three{grid-template-columns:1fr}
.szzr-klima{font-size:1.7em}
}

/* Box-Stil (Startseite): passt zu den hellblauen Boxen der Seite */
.szzr-box{--navy:#1d3664;--mute:#4a6285;gap:14px;background:#cce1ed;border-radius:14px;padding:1.3em 1.5em;color:var(--navy)}
.szzr-box .szzr-h{color:var(--navy);font-size:1.35em;font-weight:700;letter-spacing:0}
.szzr-box .szzr-hero{background:transparent;padding:0;border-radius:0;gap:1em 2em}
.szzr-box .szzr-sub,.szzr-box .szzr-g{color:var(--mute)}
.szzr-box .szzr-klima{color:var(--navy);font-size:1.9em}
.szzr-box .szzr-t{background:rgba(255,255,255,.75);color:var(--mute)}
.szzr-box .szzr-why{color:var(--navy)}
.szzr-box .szzr-gauge path:nth-of-type(2){fill:rgba(255,255,255,.7)}
.szzr-box .szzr-gauge line{stroke:var(--navy)}
.szzr-box .szzr-gauge circle{fill:var(--navy)}
.szzr-box .szzr-gv{fill:var(--navy)}
.szzr-box .szzr-gt{fill:var(--mute)}
.szzr-more{margin:0}
.szzr-btn{display:inline-block;border-radius:980px;background:#006699;color:#fff!important;text-decoration:none!important;padding:.55em 1.2em;font-size:.95em;font-weight:600}
.szzr-btn:hover{background:#00547f}
@media (max-width:700px){.szzr-box{padding:1.1em 1em}}