:root{--marke:#2c2c70;--marke-schwach:#6a6ab0;--seite:#f5f6fa;--flaeche:#ffffff;--rand:#e6e8f0;--ink:#1a1a2e;--ink-2:#4a4a66;--ink-3:#8a8aa0;--gut:#1f8a5b;--schlecht:#b4443a}@media (prefers-color-scheme:dark){:root{--marke:#8f8fe0;--marke-schwach:#5a5a9a;--seite:#14141c;--flaeche:#1d1d28;--rand:#2e2e3e;--ink:#ececf4;--ink-2:#b4b4c8;--ink-3:#7a7a92;--gut:#4bd097;--schlecht:#e5796f}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--seite);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.kopf{display:flex;align-items:baseline;gap:16px;padding:18px 28px;border-bottom:1px solid var(--rand);background:var(--flaeche)}.kopf .marke{font-weight:700;letter-spacing:-.01em;color:var(--marke)}.kopf .pfad{color:var(--ink-3);font-size:14px}.kopf .rechts{margin-left:auto;font-size:13px;color:var(--ink-3)}.inhalt{max-width:1040px;margin:0 auto;padding:28px}.seiten-titel{font-size:22px;font-weight:650;letter-spacing:-.02em;margin:0 0 2px}.seiten-unter{color:var(--ink-3);font-size:14px;margin:0 0 24px}.kachel-reihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px;margin-bottom:28px}.kachel{background:var(--flaeche);border:1px solid var(--rand);border-radius:12px;padding:16px 18px}.kachel .label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3)}.kachel .wert{font-size:27px;font-weight:650;letter-spacing:-.02em;margin-top:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kachel .sub{font-size:12px;color:var(--ink-3);margin-top:4px}.chart-reihe{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:720px){.chart-reihe{grid-template-columns:1fr}}.chart-karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:12px;padding:16px 18px 10px}.chart-karte .titel{font-size:14px;font-weight:600}.chart-karte .einheit{font-size:12px;color:var(--ink-3);margin-left:6px;font-weight:400}.chart-karte svg{display:block;width:100%;height:auto;margin-top:8px}.hinweis{background:var(--flaeche);border:1px solid var(--rand);border-radius:12px;padding:28px;text-align:center;color:var(--ink-2)}.knopf{margin-top:14px;background:var(--marke);color:#fff;text-decoration:none;padding:9px 18px;border-radius:8px;font-size:14px;font-weight:550}.dev-link,.knopf{display:inline-block}.dev-link{margin-top:12px;color:var(--ink-3);font-size:12px;text-decoration:underline}