@charset "UTF-8";:root{--bg: #f6f7f9;--card: #ffffff;--line: #dee2e6;--text: #212529;--mut: #6c757d;--accent: #1c7ed6;--accent-weak: #e7f0fb;--ok: #2f9e44;--warn: #f59f00;--bad: #c92a2a;--r: .5rem;--gap: 1rem;--pad: 1.25rem;--schrift: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--schrift-zahl: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root{--bg: #14161a;--card: #1c1f24;--line: #343a40;--text: #e9ecef;--mut: #909296;--accent: #4dabf7;--accent-weak: #1b2836}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--schrift);line-height:1.5}a{color:var(--accent)}.huelle{max-width:78rem;margin:0 auto;padding:var(--gap)}.kopf{display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap;border-bottom:1px solid var(--line);padding:.75rem var(--gap);background:var(--card)}.kopf h1{font-size:1.05rem;margin:0;letter-spacing:-.01em}.kopf nav{display:flex;gap:.25rem;margin-left:auto}.kopf nav a{padding:.35rem .7rem;border-radius:var(--r);text-decoration:none;color:var(--mut)}.kopf nav a.aktiv{background:var(--accent-weak);color:var(--accent)}.karte{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:var(--pad);margin-bottom:var(--gap)}.karte>h2{margin:0 0 .75rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}button,.knopf{font:inherit;padding:.4rem .85rem;border:1px solid var(--line);border-radius:var(--r);background:var(--card);color:var(--text);cursor:pointer}button:hover:not(:disabled),.knopf:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled,.knopf:disabled{opacity:.5;cursor:default}button.primaer,.knopf.primaer{background:var(--accent);border-color:var(--accent);color:#fff}button.gefahr:hover,.knopf.gefahr:hover{border-color:var(--bad);color:var(--bad)}input,select,textarea{font:inherit;width:100%;padding:.4rem .55rem;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);color:var(--text)}label{display:block;font-size:.8rem;color:var(--mut);margin-bottom:.2rem}table{width:100%;border-collapse:collapse;font-size:.9rem}table th,table td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--line);white-space:nowrap}table th{color:var(--mut);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}table td.zahl{text-align:right;font-family:var(--schrift-zahl)}.mut{color:var(--mut)}.leer{color:var(--mut);padding:2rem 0;text-align:center}.fehler{border-left:3px solid var(--bad);background:var(--card);padding:.7rem 1rem;border-radius:var(--r);margin-bottom:var(--gap)}.kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--gap);margin-bottom:var(--gap)}.kachel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:.9rem 1rem}.kachel .wert{font-size:1.45rem;font-family:var(--schrift-zahl);letter-spacing:-.02em}.kachel .name{font-size:.75rem;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}.diagramme{display:grid;grid-template-columns:repeat(auto-fit,minmax(24rem,1fr));gap:var(--gap)}.diagramm{position:relative;height:18rem}.legende{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:.75rem;font-size:.8rem;color:var(--mut)}.legende span{display:inline-flex;align-items:center;gap:.35rem}.legende i{width:.7rem;height:.7rem;border-radius:50%;display:inline-block}.wahl{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:var(--gap)}.wahl select{width:auto;min-width:14rem}.hinweis{font-size:.8rem;color:var(--mut);margin-top:.5rem}.raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem var(--gap)}.feld-paar{display:flex;gap:.4rem;align-items:center}.feld-paar input{min-width:0}.mehrfach{min-height:6.5rem}.leiste{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:var(--gap);padding-top:var(--gap);border-top:1px solid var(--line)}.url-uebernahme{display:flex;gap:.5rem;margin-bottom:var(--gap)}.url-uebernahme input{flex:1}.url-uebernahme button{white-space:nowrap}.suchzeile{display:flex;align-items:center;gap:.75rem;padding:.7rem 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.suchzeile:last-child{border-bottom:0}.suchzeile .titel{font-weight:600}.suchzeile .knoepfe{margin-left:auto;display:flex;gap:.4rem}.suchzeile code{font-size:.75rem;color:var(--mut);word-break:break-all}.marke{display:inline-block;font-size:.72rem;padding:.1rem .45rem;border-radius:1rem;border:1px solid var(--line);color:var(--mut)}.marke.aus{border-color:var(--warn);color:var(--warn)}.tabelle-huelle{overflow-x:auto}.punkt{display:inline-block;width:.65rem;height:.65rem;border-radius:50%;margin-right:.45rem;vertical-align:-.05em}tr.weg{opacity:.55}tr.weg td:first-child:after{content:" (weg)";color:var(--mut);font-size:.75rem}.filterleiste{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.6rem;align-items:end;margin-bottom:var(--gap)}.filterleiste .aktionen{display:flex;gap:.4rem}.trefferzahl{font-size:.8rem;color:var(--mut);margin-bottom:.5rem}.rechts,td.rechts,th.rechts{text-align:right}td.stark{font-family:var(--schrift-zahl);font-weight:600}.neben{display:block;color:var(--mut);font-size:.72rem;font-weight:400;white-space:nowrap}.warnung{display:inline-block;margin-left:.4rem;padding:.05rem .4rem;border-radius:.7rem;background:var(--accent-weak);color:var(--mut);font-size:.68rem;white-space:nowrap;cursor:help}th.sortierbar{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortierbar:hover{color:var(--text)}th.sortierbar.aktiv{color:var(--accent)}th.sortierbar.aktiv:after{content:" ↓"}tr.klickbar{cursor:pointer}tr.klickbar:hover{background:var(--accent-weak)}.tabelle.merkmale td:first-child{white-space:normal;min-width:14rem}.gap-paare{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:var(--gap)}.gap-block{min-width:0;overflow-x:auto}.gap-block h3{font-size:.95rem;margin:0 0 .2rem}.umschalter,.reiter{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:var(--gap)}.umschalter button,.reiter button{padding:.3rem .7rem;border:1px solid var(--line);border-radius:var(--r);background:var(--card);color:var(--mut);font-size:.82rem;cursor:pointer}.umschalter button:hover,.reiter button:hover{color:var(--text)}.umschalter button.aktiv,.reiter button.aktiv{border-color:var(--accent);background:var(--accent-weak);color:var(--accent)}.hinweiszeile{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.88rem}.verweis{border:none;background:none;padding:0;color:var(--accent);font-size:inherit;cursor:pointer;text-decoration:underline}
