:root{--grund:#10131a;--flaeche:#171b24;--flaeche-hell:#1e2330;--rand:#2a3040;--text:#e6e9ef;--text-leise:#949cae;--akzent:#6ea8fe;--plus:#4ec9a5;--minus:#e8737d;--warnung:#e5b567}*{box-sizing:border-box}body{margin:0;background:var(--grund);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.55}a{color:var(--akzent);text-decoration:none}a:hover{text-decoration:underline}.huelle{max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 4rem}header.kopf{display:flex;align-items:baseline;gap:1.25rem;border-bottom:1px solid var(--rand);padding-bottom:.85rem;margin-bottom:1.5rem;flex-wrap:wrap}header.kopf h1{font-size:1.15rem;margin:0;letter-spacing:.01em}header.kopf nav{display:flex;gap:1rem;font-size:.9rem}header.kopf .hinweis{margin-left:auto;font-size:.78rem;color:var(--text-leise)}.karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:1.75rem}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:10px;padding:.9rem 1rem}.karte .titel{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-leise);margin-bottom:.35rem}.karte .wert{font-size:1.45rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.karte .fuss{font-size:.8rem;color:var(--text-leise);margin-top:.2rem}.plus{color:var(--plus)}.minus{color:var(--minus)}.warnung{color:var(--warnung)}.hinweisDetails summary{color:var(--warnung);cursor:pointer;font-size:.8rem;list-style:none}.hinweisDetails summary::-webkit-details-marker{display:none}.hinweisDetails summary:before{content:"▸ "}.hinweisDetails[open] summary:before{content:"▾ "}.hinweisDetails ul.verstoesse{max-width:26rem;white-space:normal}section{margin-bottom:2rem}section>h2{font-size:.95rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-leise);margin:0 0 .6rem}table{width:100%;border-collapse:collapse;font-size:.88rem}td,th{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--rand)}th{font-weight:600;color:var(--text-leise);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}td.zahl,th.zahl{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}form.maske,tbody tr:hover{background:var(--flaeche)}form.maske{border:1px solid var(--rand);border-radius:10px;padding:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:.75rem;gap:.75rem;align-items:end}label{display:block;font-size:.78rem;color:var(--text-leise);margin-bottom:.25rem}input,select{width:100%;background:var(--flaeche-hell);border:1px solid var(--rand);border-radius:6px;color:var(--text);padding:.5rem .6rem;font:inherit}input:focus,select:focus{outline:2px solid var(--akzent);outline-offset:1px}button{background:var(--akzent);color:#0b1220;border:0;border-radius:6px;padding:.55rem 1rem;font:inherit;font-weight:600;cursor:pointer}button.leise{background:var(--flaeche-hell);color:var(--text);border:1px solid var(--rand)}button:hover{filter:brightness(1.08)}.meldung{border-radius:8px;padding:.7rem .9rem;margin-bottom:1rem;font-size:.88rem;border:1px solid var(--rand);background:var(--flaeche)}.meldung.fehler{border-color:var(--minus)}.meldung.gut{border-color:var(--plus)}ul.verstoesse{margin:.4rem 0 0;padding-left:1.1rem;font-size:.85rem}.leer{color:var(--text-leise);font-size:.88rem;padding:.8rem 0}.anmeldung{max-width:340px;margin:12vh auto}.anmeldung form{display:grid;grid-gap:.7rem;gap:.7rem}.diagramm-huelle{background:var(--flaeche);border:1px solid var(--rand);border-radius:10px;padding:.9rem 1rem .5rem;margin-bottom:1.25rem}.diagramm-huelle h3{margin:0 0 .15rem;font-size:.95rem}.diagramm-huelle .unter{color:var(--text-leise);font-size:.8rem;margin:0 0 .6rem}.diagramm{display:block;width:100%;height:auto}