@font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 200 800; font-display: swap; src: url('/fonts/plus-jakarta-sans-latin-variable.woff2') format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/jetbrains-mono-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/jetbrains-mono-latin-600-normal.woff2') format('woff2'); }
:root {
  --t-mikro: 10px;     
  --t-klein: 11px;     
  --t-text: 12.5px;    
  --t-gross: 14px;     
  --t-titel: 17px;     
  --t-seite: 20px;     
  --t-zahl: 26px;      
  --bg: #060a0e;
  --bg2: #0a0f15;
  --panel: #0d141c;
  --panel2: #111a24;
  --line: #1b2632;
  --line2: #243342;
  --text: #eaf2f7;
  --mut: #93a6b8;
  --dim: #74899d;    
  --acc: #3fa88f;           
  --acc-dim: rgba(63,168,143,.12);
  --accText: #060a0e;
  --heb: 0 1px 0 rgba(255,255,255,.03) inset, 0 1px 3px rgba(0,0,0,.35);
  --heb2: 0 1px 0 rgba(255,255,255,.04) inset, 0 3px 10px rgba(0,0,0,.4);
  --blue: #4da3ff;
  --ar1: #4da3ff;
  --ar2: #c07be0;
  --ar3: #f0a02c;
  --green: #3fa88f;
  --red: #ff5d6c;
  --amber: #ffb84d;
  --grey: #7c8fa3;
  --nzton: #ffc978;
  --nzfl: rgba(255, 201, 120, .10);
  --nzkante: rgba(255, 201, 120, .30);
  --jrton: #c3a0ff;
  --jrfl: rgba(195, 160, 255, .11);
  --jrkante: rgba(195, 160, 255, .30);
  --r: 14px;
  --mono: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
  --kflaeche: linear-gradient(122deg,#12503f 0%,#0e4236 60%,#0a3128 100%);
  --kkante: linear-gradient(90deg,#7fe8c8,rgba(127,232,200,.1));
  --ktext: #eefaf5; --kmut: #a4d2c3; --kdim: #82b5a5;
  --kline: rgba(255,255,255,.13); --kline2: rgba(255,255,255,.26);
  --kakz: #7fe8c8; --kakzrand: rgba(127,232,200,.5); --kakzfl: rgba(127,232,200,.13);
  --kbandfl: rgba(0,0,0,.22); --kpunkt: rgba(255,255,255,.22); --kamber: #f0bd68;
  --kblau: #8ec6ff;
  --kanText: #062a22; --kanFl: #7fe8c8;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { height: 100%; background: var(--bg); }
body { min-height: 100%; }
body {
  background: var(--bg);
  color: var(--text);
  font: var(--t-gross)/1.55 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--acc); text-decoration: none; }
button { font: inherit; cursor: pointer; }
::selection { background: rgba(63,168,143,.25); }
@media (pointer: coarse) {
  html, body { overscroll-behavior-y: none; }
}
.layout { display: flex; min-height: 100vh; }
.side {
  width: var(--sbw, 224px); flex-shrink: 0; display: flex; flex-direction: column;
  background: var(--bg2); border-right: 1px solid var(--line);
  padding: 22px 14px 22px; position: fixed; top: 0; left: 0; z-index: 20; height: 100vh;
  overflow: hidden;
  transition: width .28s cubic-bezier(.4, 0, .2, 1), padding .28s cubic-bezier(.4, 0, .2, 1);
}
.layout { padding-left: var(--sbw, 224px); transition: padding-left .28s cubic-bezier(.4, 0, .2, 1); }
.layout.side-zu { padding-left: 64px; }
.sidetoggle {
  position: fixed; top: 20px; left: calc(var(--sbw, 224px) - 12px); z-index: 30;
  width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center;
  background: var(--bg2); border: 1px solid var(--line2); color: var(--mut); cursor: pointer;
  transition: left .28s cubic-bezier(.4, 0, .2, 1), color .13s, border-color .13s, background .13s;
}
.side-zu .sidetoggle { left: 52px; }
.sidegriff {
  position: fixed; top: 0; left: calc(var(--sbw, 224px) - 3px); width: 7px; height: 100vh;
  z-index: 25; cursor: col-resize; background: transparent;
}
.sidegriff::after {
  content: ''; position: absolute; top: 0; bottom: 0; left: 3px; width: 1px;
  background: var(--acc); opacity: 0; transition: opacity .15s;
}
.sidegriff:hover::after, .sidegriff.zieht::after { opacity: .85; }
.side-zu .sidegriff { display: none; }
body.sbzieht .side, body.sbzieht .layout { transition: none; }
body.sbzieht { user-select: none; cursor: col-resize; }
.sidetoggle:hover { color: var(--acc); border-color: var(--acc); }
.sidetoggle svg { transition: transform .28s cubic-bezier(.4, 0, .2, 1); }
.side-zu .sidetoggle svg { transform: rotate(180deg); }
.side .logo span, .side nav a span, .side .sec, #favnav .favn, #favnav .favtag,
.side .pmeta, .sidesearch span, .sidesearch kbd {
  transition: opacity .16s ease;
}
.side .logo { font-size: var(--t-titel); font-weight: 700; letter-spacing: .14em; padding: 0 10px 22px; display: flex; align-items: center; gap: 9px; }
.lgi { width: 22px; height: 22px; flex-shrink: 0; }
.logo b { color: var(--acc); }
.logo .dot { color: var(--acc); }
.side .sec { color: var(--dim); font-size: var(--t-klein); font-weight: 500; letter-spacing: 0;
  padding: 14px 10px 5px; display: flex; align-items: baseline; }
.side .secn { color: var(--dim); opacity: .8; font-variant-numeric: tabular-nums; margin-left: 5px; }
.side nav { display: flex; flex-direction: column; gap: 2px; }
.side nav a {
  display: flex; align-items: center; gap: 10px;
  padding: 7px 10px; border-radius: 8px; color: var(--mut); font-weight: 500; font-size: var(--t-gross);
  transition: background .13s, color .13s;
}
.side nav a svg { width: 17px; height: 17px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.side nav a:hover { color: var(--text); background: var(--panel); }
.side nav a.active { color: var(--acc); background: var(--acc-dim); font-weight: 700; }
.sideroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden;
  overscroll-behavior: contain; touch-action: pan-y pinch-zoom;
  margin: 0 -4px; padding: 0 4px; }
#favnav a { gap: 8px; padding: 5px 10px; font-size: var(--t-text); }
#favnav .star { display: none; }
#favnav .favn { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#favnav a.favst .favn { flex: 0 1 auto; border-radius: 3px; font-weight: 600;
  font-variant-numeric: tabular-nums; }
#favnav a.favst.s-live .favn { color: var(--green);
  background: color-mix(in srgb, var(--green) 22%, transparent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--green) 22%, transparent); }
#favnav a.favst.s-cent .favn { color: var(--amber);
  background: color-mix(in srgb, var(--amber) 26%, transparent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--amber) 26%, transparent); }
#favnav a.favst.aus .favn { color: var(--dim); }
#favnav .favtag { flex-shrink: 0; }
#favnav a.favarchiv { opacity: .62; }
#favnav a.favarchiv .star { color: var(--dim); }
#favnav .favtag { margin-left: auto; font-size: var(--t-mikro); letter-spacing: .08em; text-transform: uppercase;
  color: var(--dim); border: 1px dashed var(--line2); border-radius: 5px; padding: 0 4px; }
#favnav .favtag.note { color: #a98fd6; border: 1px solid color-mix(in srgb, #a98fd6 38%, transparent);
  background: color-mix(in srgb, #a98fd6 12%, transparent); text-transform: none; letter-spacing: 0;
  font-weight: 600; max-width: 96px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#favnav .favgrp { display: flex; align-items: center; gap: 8px;
  padding: 11px 10px 3px 10px; font-size: var(--t-klein); font-weight: 600;
  letter-spacing: .04em; text-transform: uppercase;
  color: var(--dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#favnav .favgrp .star { color: var(--amber); font-size: var(--t-text); flex-shrink: 0; }
#favnav .favgrp .favn { overflow: hidden; text-overflow: ellipsis; }
#favnav .favgrp .favgrpm { flex-shrink: 0; margin-left: auto; font-size: var(--t-klein);
  color: var(--dim); opacity: .75; }
#favnav .favgrp .favgrpx { flex-shrink: 0; margin-left: auto; background: none; border: 0;
  padding: 0 2px; cursor: pointer; color: var(--dim); font-size: var(--t-klein);
  line-height: 1; opacity: 0; transition: opacity .12s, color .12s; }
#favnav .favgrp:hover .favgrpx, #favnav .favgrp:focus-within .favgrpx { opacity: 1; }
#favnav .favgrp .favgrpx:hover { color: var(--red); }
#favnav a.favsub { padding-left: 22px; padding-top: 5px; padding-bottom: 5px; position: relative; }
#favnav a.favsub .star { visibility: hidden; }
#favnav a.favsub::before { content: ''; position: absolute; left: 14px; top: -2px; bottom: -2px;
  width: 1px; background: color-mix(in srgb, var(--acc) 26%, transparent); }
#favnav a.favsub .favn { font-size: var(--t-text); font-weight: 500; color: var(--dim); }
#favnav a.favsub:hover .favn, #favnav a.favsub.active .favn { color: inherit; }
#favnav .favmehr { display: flex; align-items: center; justify-content: center; gap: 7px;
  width: 100%; margin: 6px 0 2px; padding: 5px 10px; border-radius: 999px;
  background: none; border: 1px solid var(--line2); color: var(--mut);
  font: inherit; font-size: var(--t-text); font-weight: 500; cursor: pointer;
  transition: border-color .13s, color .13s; }
#favnav .favmehr:hover { border-color: var(--acc); color: var(--acc); }
#favnav .favmehr svg { width: 13px; height: 13px; stroke: currentColor; fill: none;
  stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; flex: none;
  transition: transform .18s ease; }
#favnav .favmehr.auf svg { transform: rotate(180deg); }
@media (prefers-reduced-motion: reduce) { #favnav .favmehr svg { transition: none; } }
.favbox { background: var(--panel2);
  border: 1px solid var(--line2); border-radius: 11px; padding: 6px; margin: 2px 0 0; }
[data-theme="light"] .favbox { background: color-mix(in srgb, var(--panel2) 55%, transparent);
  border-color: var(--line); }
.side-zu .favbox { background: none; border: 0; padding: 0; }
.side .trenn { height: 1px; background: var(--line); margin: 12px 6px 0; }
.side .trennklapp { position: relative; overflow: visible; }
.side .navklapp { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: 22px; height: 22px; padding: 0; border-radius: 999px; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--line); background: var(--panel); color: var(--dim); }
.side .navklapp:hover { color: var(--acc); border-color: var(--acc); }
.side .navklapp svg { transition: transform .22s cubic-bezier(.4, 0, .2, 1); display: block; }
.side.nav-zu .navklapp svg { transform: rotate(180deg); }
.side.nav-zu #navRest, .side.nav-zu .navsec { display: none; }
.side-zu .side .navklapp { display: none; }
.side-zu .side .trenn { margin: 10px 2px 0; }
.userwrap { position: relative; margin-top: 8px; }
.side .profile {
  width: 100%; text-align: left; background: none; border: 1px solid transparent;
  border-top-color: var(--line); border-radius: 0; margin: 0; padding: 12px 4px 6px;
  display: flex; align-items: center; gap: 9px; min-width: 0; cursor: pointer;
}
.side .profile:hover { background: color-mix(in srgb, var(--text) 4%, transparent); }
.side .pchev { flex: none; color: var(--dim); display: grid; place-items: center; }
.side .pchev svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2;
  stroke-linecap: round; stroke-linejoin: round; }
.usermenu { position: absolute; bottom: calc(100% + 6px); left: 0; right: 0; z-index: 40;
  background: var(--panel); border: 1px solid var(--line2); border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,.18); padding: 5px; }
.usermenu[hidden] { display: none; }
.umkopf { display: flex; align-items: center; gap: 9px; padding: 7px 8px 9px;
  border-bottom: 1px solid var(--line); margin-bottom: 4px; min-width: 0; }
.usermenu > a, .usermenu .umab {
  display: flex; align-items: center; gap: 9px; width: 100%; padding: 7px 8px;
  border: 0; background: none; border-radius: 7px; color: var(--mut);
  font-size: var(--t-klein); font-weight: 500; text-align: left; cursor: pointer; }
.usermenu > a:hover, .usermenu .umab:hover { background: color-mix(in srgb, var(--text) 6%, transparent);
  color: var(--text); }
.usermenu .umab:hover { color: var(--red); }
.usermenu svg { width: 15px; height: 15px; flex: none; stroke: currentColor; fill: none;
  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.umtrenn { border-top: 1px solid var(--line); margin: 4px 0; }
.usermenu .themeseg { margin: 4px 2px; }
.umlink { display: flex; align-items: center; gap: 7px; padding: 4px 8px 8px;
  border-bottom: 1px solid var(--line); margin-bottom: 4px; min-width: 0; }
.umlink code { flex: 1; min-width: 0; font-family: var(--mono); font-size: var(--t-mikro);
  color: var(--dim); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.umlink .btn { flex: none; padding: 3px 9px; font-size: var(--t-mikro); min-height: 26px; line-height: 1.2; border-radius: 7px; }
.side .avatar {
  width: 30px; height: 30px; border-radius: 50%; background: var(--acc-dim); color: var(--acc);
  display: grid; place-items: center; font-size: var(--t-klein); font-weight: 700; letter-spacing: .04em; flex: none;
}
.side .pmeta { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.3; }
.side .pname { font-size: var(--t-text); font-weight: 700; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.side .pmail { font-size: var(--t-klein); color: var(--dim); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.side .plogout {
  flex: none; background: none; border: 1px solid var(--line); color: var(--mut);
  border-radius: 8px; width: 28px; height: 28px; display: grid; place-items: center; padding: 0;
}
.side .plogout:hover { border-color: var(--red); color: var(--red); }
.side .plogout svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.themeseg { display: flex; gap: 2px; background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 3px; }
.themeseg button { flex: 1; background: none; border: 0; color: var(--mut); font-size: var(--t-klein); font-weight: 600; padding: 5px 11px; border-radius: 7px; transition: all .12s; white-space: nowrap; }
.themeseg button:hover { color: var(--text); }
.themeseg button.on { background: var(--panel2); color: var(--acc); box-shadow: inset 0 0 0 1px var(--line2); }
.langseg { display: flex; gap: 2px; background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 3px; }
.langseg button { flex: 1; background: none; border: 0; color: var(--mut); font-size: var(--t-klein); font-weight: 600; padding: 5px 0; border-radius: 7px; transition: all .12s; }
.langseg button:hover { color: var(--text); }
.langseg button.on { background: var(--panel2); color: var(--acc); box-shadow: inset 0 0 0 1px var(--line2); }
.login-card .langseg { margin: 16px auto 0; max-width: 180px; }
.hdrsegs { display: flex; gap: 8px; align-items: center; }
.hdrsegs .langseg, .hdrsegs .themeseg { min-width: 0; }
.hdrsegs .langseg button, .hdrsegs .themeseg button { flex: 0 0 auto; padding: 5px 12px; }
.main { flex: 1; min-width: 0; padding: 40px 34px 90px; max-width: 1440px; }
.pagehead { display: flex; align-items: flex-end; gap: 18px; margin-bottom: 24px; flex-wrap: wrap; }
.conver { display: flex; flex-direction: column; align-items: flex-end; gap: 4px;
  margin-left: auto; text-align: right; font-size: var(--t-text); }
.rmtable th .rmstand { font-weight: 500; text-transform: none; letter-spacing: 0;
  color: var(--dim); font-size: var(--t-mikro); margin-left: 3px; }
.nlauf .nlwd { background: color-mix(in srgb, var(--blue) 16%, transparent); color: var(--blue);
  font-size: var(--t-mikro); font-weight: 700; padding: 2px 8px; border-radius: 999px; white-space: nowrap; }
.conver .conpille { background: var(--acc-dim); color: var(--acc); font-weight: 700;
  padding: 3px 11px; border-radius: 999px; white-space: nowrap; }
@media (max-width: 700px) { .conver { align-items: flex-start; text-align: left; margin-left: 0; } }
.pagehead h1 { font-size: var(--t-zahl); font-weight: 700; letter-spacing: -.01em; }
.pagehead h1 em { font-style: normal; color: var(--acc); }
.pagehead h1.gruss { font-size: var(--t-titel); font-weight: 600; letter-spacing: 0; }
.pagehead .sub { color: var(--dim); font-size: var(--t-text); margin-top: 3px; }
.pagehead .sub.subhell { color: var(--mut); }
.pagehead .right { margin-left: auto; display: flex; gap: 10px; align-items: center; }
.kukurs { display: flex; align-items: baseline; gap: 8px; cursor: pointer;
  border-radius: 9px; padding: 2px 8px; margin: -2px -8px; transition: background .12s ease;
  text-transform: none; letter-spacing: 0; }
.kukurs:hover { background: var(--panel2); }
.tkprice { font-size: var(--t-gross); font-weight: 700; letter-spacing: -.02em; color: var(--text); }
.tkchg { font-size: var(--t-text); font-weight: 700; }
.tkchg.pos { color: var(--green); } .tkchg.neg { color: var(--red); } .tkchg.dim { color: var(--dim); }
.kukurs.alt { opacity: .62; }
.tkalt { font-size: var(--t-klein); color: var(--dim); font-family: var(--mono); }
.tkfunke { display: inline-block; width: 54px; height: 18px; align-self: center; }
.tkfunke svg { display: block; }
.kukopf { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.kusel { display: flex; gap: 3px; margin-left: auto; }
.kusel button { background: var(--panel2); border: 1px solid var(--line); color: var(--mut);
  font-size: var(--t-klein); font-weight: 700;
  padding: 4px 9px; border-radius: 7px; cursor: pointer; }
.kusel button:hover { color: var(--text); border-color: var(--line2); }
.kusel button.on { background: var(--acc-dim); border-color: var(--acc); color: var(--text); }
.kuwerte { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; margin-bottom: 4px; }
.kujetzt { font-size: var(--t-text); font-weight: 700; color: var(--text); }
.kudiff { font-size: var(--t-text); font-weight: 700; }
.kudiff.pos { color: var(--green); } .kudiff.neg { color: var(--red); }
.kuspanne { font-size: var(--t-klein); color: var(--dim); font-family: var(--mono); }
.kuflaeche { position: relative; height: 220px; margin-top: 12px; }
.kuflaeche svg { display: block; }
.kuflaeche .ax { fill: var(--dim); font-size: var(--t-mikro); font-family: var(--mono); }
.kuflaeche .axd { fill: var(--mut); font-size: var(--t-klein); }
.kufuss { font-size: var(--t-klein); color: var(--dim); line-height: 1.5; margin-top: 6px; }
@media (max-width: 699px) { .kucard { display: none; } }
.ranges { display: flex; background: var(--panel); border: 1px solid var(--line); border-radius: 11px; padding: 3px; gap: 2px; }
.ranges button {
  background: none; border: none; color: var(--mut); font-weight: 600; font-size: var(--t-text);
  padding: 6px 14px; border-radius: 8px; transition: all .12s;
}
.ranges button:hover { color: var(--text); }
.ranges button.on { background: var(--panel2); color: var(--acc); box-shadow: inset 0 0 0 1px var(--line2); }
.cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(215px, 1fr)); gap: 14px; }
.card {
  background: linear-gradient(180deg, var(--panel2), var(--panel));
  border: 1px solid var(--line); border-radius: var(--r); padding: 18px 20px;
  transition: border-color .15s;
}
.card:hover { border-color: var(--line2); }
.stat .k { color: var(--dim); font-size: var(--t-klein); font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
.stat .v { font-size: var(--t-zahl); font-weight: 700; margin-top: 4px; font-family: var(--mono); letter-spacing: -.02em; }
.stat .v small { font-size: var(--t-text); color: var(--dim); font-weight: 600; font-family: inherit; }
.stat .accent { height: 3px; border-radius: 2px; background: linear-gradient(90deg, var(--acc), transparent); margin-top: 14px; opacity: .5; }
h2 { font-size: var(--t-text); font-weight: 700; color: var(--dim); text-transform: uppercase; letter-spacing: .12em; margin: 34px 0 14px; }
.acc-card { position: relative; }
.acc-card .num { font-size: var(--t-titel); font-weight: 700; font-family: var(--mono); }
.stillgelegt { font-size: var(--t-mikro); font-weight: 600; letter-spacing: .05em;
  text-transform: uppercase; color: var(--dim); border: 1px solid var(--line);
  border-radius: 5px; padding: 1px 6px; vertical-align: 2px; margin-left: 6px; }
.acc-card .meta { color: var(--mut); font-size: var(--t-text); margin-top: 2px; }
.card.hint { font-size: var(--t-text); line-height: 1.62; color: var(--mut); margin-bottom: 14px;
  border-left: 2px solid var(--acc); }
.card.hint b { color: var(--text); margin-right: 6px; }
.card.hint.whint { padding: 0; }
.card.hint.whint > summary { list-style: none; cursor: pointer; display: flex;
  align-items: center; gap: 10px; padding: 13px 15px; min-height: 46px; }
.card.hint.whint > summary::-webkit-details-marker { display: none; }
.card.hint.whint > summary::after { content: '›'; margin-left: auto; color: var(--dim);
  transition: transform .12s; }
.card.hint.whint[open] > summary::after { transform: rotate(90deg); }
.card.hint.whint > summary .kfstat { color: var(--dim); font-size: var(--t-klein); }
.card.hint.whint > summary .kfstat.warn { color: var(--amber); }
.card.hint.whint .whinttext { padding: 0 15px 14px; }
.card.hint.whint .whintlist { list-style: none; margin: 0; padding: 0 15px 14px;
  display: grid; gap: 7px; }
.card.hint.whint .whintlist li { position: relative; padding-left: 16px; line-height: 1.5; }
.card.hint.whint .whintlist li::before { content: ''; position: absolute; left: 2px; top: .62em;
  width: 5px; height: 5px; border-radius: 50%; background: var(--acc); }
.card.hint.whint .whintlist b { color: var(--text); font-weight: 600; }
.acc-card .bal { margin-top: 11px; font-size: var(--t-text); color: var(--mut); }
.accfoot { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
.afrow { display: flex; align-items: center; gap: 10px; min-height: 34px;
  font-size: var(--t-text); color: var(--text); }
.afrow + .afrow { margin-top: 2px; }
.aflab { font-size: var(--t-klein); color: var(--dim); font-weight: 700;
  text-transform: uppercase; letter-spacing: .06em; white-space: nowrap; }
.afwert, .afrow > input, .afauto { margin-left: auto; }
.afcap { display: block; margin: 4px 0 3px; }
.afname { color: var(--text); }
.acc-card .tzchk { font-size: var(--t-klein); font-family: var(--mono); color: var(--dim); }
.acc-card .tzchk .pos { color: var(--green); }
.acc-card .tzchk .neg { color: var(--red); }
.acc-card .tzsel { display: block; width: 100%; margin: 2px 0 6px; background: var(--panel2);
  color: var(--text); border: 1px solid var(--line); border-radius: 8px; padding: 5px 8px;
  font-size: var(--t-text); font-family: inherit; cursor: pointer; }
.acc-card .tzsel:hover { border-color: var(--line2); }
.afrow input[type=checkbox] { appearance: none; -webkit-appearance: none; position: relative;
  width: 38px; height: 22px; border-radius: 99px; background: var(--line2); border: 0;
  cursor: pointer; flex: none; transition: background .14s; margin: 0 0 0 auto; }
.afrow input[type=checkbox]::after { content: ''; position: absolute; top: 3px; left: 3px;
  width: 16px; height: 16px; border-radius: 50%; background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.35); transition: transform .14s; }
.afrow input[type=checkbox]:checked { background: var(--acc); }
.afrow input[type=checkbox]:checked::after { transform: translateX(16px); }
.afrow input[type=checkbox]:focus-visible { outline: 2px solid var(--acc); outline-offset: 2px; }
.afrow.afsw { cursor: pointer; user-select: none; }
.afauto { display: inline-flex; align-items: center; gap: 6px; font-size: var(--t-klein);
  font-weight: 600; color: var(--mut); background: var(--panel2); border: 1px solid var(--line2);
  border-radius: 7px; padding: 3px 9px; white-space: nowrap; }
.afauto::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--dim); }
.afgrund { font-size: var(--t-klein); color: var(--dim); line-height: 1.4; margin: -2px 0 6px; }
.afgrund b { color: var(--mut); font-weight: 600; }
.afdel { display: flex; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--line); }
.eingriffoffen { margin: 0 0 10px; padding: 10px 14px; border: 1px solid var(--amber);
  border-radius: 10px; background: rgba(255,184,77,.08); }
.eozeile { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.eol { font-weight: 600; color: var(--text); }
.eov { font-size: var(--t-gross); font-weight: 700; }
.eohint { font-size: var(--t-klein); line-height: 1.5; margin-top: 6px; }
.mvermerk { color: var(--amber); font-weight: 600; }
.rmzuord { color: var(--dim); }
.rmzuord.offen { color: var(--amber); }
.eingriffbox { margin: 14px 0 0; padding: 12px 14px; border: 1px solid var(--line);
  border-radius: 10px; background: var(--panel2); }
.eingriffbox label { display: block; font-size: var(--t-text); font-weight: 600;
  color: var(--text); margin: 0 0 8px; text-transform: none; letter-spacing: 0; }
.eingriffbox select { width: 100%; padding: 8px 10px; border-radius: 8px;
  border: 1px solid var(--line2); background: var(--panel); color: var(--text);
  font-size: var(--t-text); }
@media (max-width: 760px) { .eingriffbox select { min-height: 44px; } }
.eingriffOk { min-height: 18px; margin-top: 6px; font-size: var(--t-klein); font-weight: 600; }
.eingriffOk.an { color: var(--green); }
.eingriffOk.fehler { color: var(--red); }
.cvalt { display: inline-block; margin-left: 6px; padding: 1px 6px; border-radius: 6px;
  background: rgba(255,184,77,.14); border: 1px solid var(--amber); color: var(--amber);
  font-size: var(--t-klein); font-weight: 600; white-space: nowrap; }
.cvok { display: inline-block; margin-left: 6px; padding: 1px 6px; border-radius: 6px;
  background: var(--panel2); border: 1px solid transparent; color: var(--dim);
  font-size: var(--t-klein); font-weight: 600; white-space: nowrap; }
.acc-card .acc-del { margin-left: auto; background: none;
  border: 1px solid var(--line); border-radius: 9px; color: var(--dim);
  font-size: var(--t-klein); font-family: inherit; cursor: pointer; padding: 8px 13px; min-height: 34px; }
.acc-card .acc-del:hover { color: var(--red); border-color: color-mix(in srgb, var(--red) 45%, transparent); }
@media (max-width: 699px) {
  .acc-card .acc-del { min-height: 44px; padding: 11px 16px; }
  .afrow { min-height: 44px; }
  .afrow input[type=checkbox] { width: 46px; height: 26px; }
  .afrow input[type=checkbox]::after { width: 20px; height: 20px; }
  .afrow input[type=checkbox]:checked::after { transform: translateX(20px); }
  .acc-card .tzsel { min-height: 44px; }
}
.kmrow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 0 0 14px; }
.km { background: var(--panel); border: 1px solid var(--line); border-radius: var(--r);
  padding: 13px 15px; min-width: 0; }
.kml { font-size: var(--t-mikro); font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: var(--dim); margin-bottom: 8px; }
.kmv { font-size: var(--t-zahl); font-weight: 800; line-height: 1;
  font-variant-numeric: tabular-nums; }
.kmv small { font-size: var(--t-text); color: var(--dim); font-weight: 700; }
.kmv.neg { color: var(--red); } .kmv.warn { color: var(--amber); } .kmv.gut { color: var(--green); }
.kmu { font-size: var(--t-klein); color: var(--dim); margin-top: 7px; font-family: var(--mono); }
.kmu.kmumehr { color: var(--acc); }
.km.kmklapp { padding: 0; }
.km.kmklapp > summary { list-style: none; cursor: pointer; padding: 13px 15px; }
.km.kmklapp > summary::-webkit-details-marker { display: none; }
.km.kmklapp:hover { border-color: var(--line2); }
.km.kmklapp[open] .kmu.kmumehr::after { content: ''; }
.km.kmklapp .whintlist { list-style: none; margin: 0; padding: 0 15px 13px;
  font-size: var(--t-klein); color: var(--mut); }
.km.kmklapp .whintlist li { position: relative; padding-left: 15px; line-height: 1.5; margin: 4px 0; }
.km.kmklapp .whintlist li::before { content: '›'; position: absolute; left: 0; color: var(--dim); }
@media (max-width: 900px) { .kmrow { grid-template-columns: 1fr 1fr; } }
@media (max-width: 700px) {
  .kmrow { gap: 8px; }
  .km { padding: 10px 12px; border-radius: 12px; }
  .kml { font-size: 10px; letter-spacing: .08em; }
  .kmv { font-size: 20px; }
  .kmv small { font-size: 12px; }
  .kmu { font-size: 11px; }
  .main:has(.konbar) { display: flex; flex-direction: column; }
  .main:has(.konbar) > * { order: 3; }
  .main:has(.konbar) > .pagehead { order: 0; }
  .main:has(.konbar) > .konbar { order: 1; }
  .main:has(.konbar) > .kmrow { order: 2; }
  .konbar, #zuBar { display: block; }
  .konbar .kfilterzu, #zuBar .kfilterzu { display: none; }
  #zuBar .kfilterpaar { width: 100%; margin-left: 0; }
  .konbar .kfilter, #zuBar .kfilter { display: flex; width: 100%; flex-wrap: nowrap; overflow-x: auto;
    -webkit-overflow-scrolling: touch; scrollbar-width: none; margin-bottom: 8px; }
  .konbar .kfilter::-webkit-scrollbar, #zuBar .kfilter::-webkit-scrollbar { display: none; }
  .konbar .kfilter button, #zuBar .kfilter button { flex: 1 0 auto; white-space: nowrap; }
  .zusuchzeile { margin-bottom: 14px; }
  .zusuchzeile .zusuche { width: 100%; min-height: 50px; font-size: 14px; }
}
.kfilterbar { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; flex-wrap: wrap; }
.kfilter { display: inline-flex; gap: 4px; background: var(--panel2); border: 1px solid var(--line2); border-radius: 8px; padding: 3px;
  max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.kfilter::-webkit-scrollbar { display: none; }
.kfilter button { flex: 0 0 auto; }
.kfilter button { border: 0; background: none; color: var(--mut); font-size: var(--t-text); font-weight: 600; padding: 5px 12px; border-radius: 6px; cursor: pointer; }
.kfilter button:hover { color: var(--text); }
@media (max-width: 700px) { .kfilter button { min-height: 44px; } }
.kfilter.ranges { background: var(--panel2); border: 1px solid var(--line2); border-radius: 8px; padding: 3px; gap: 4px; }
.kfilter.ranges button { border-radius: 6px; padding: 5px 12px; font-size: var(--t-text); font-weight: 600; }
.kfilter button.favton { color: var(--amber); }
.kfilter button.favton.on { color: var(--accText); }
.ansichtwahl.gross { display: inline-flex; border: 1px solid var(--line2); border-radius: 10px; overflow: hidden; flex: none; }
.ansichtwahl.gross button { display: flex; align-items: center; gap: 7px; padding: 9px 16px;
  border: 0; background: var(--panel); color: var(--mut); font-size: var(--t-text); font-weight: 600; cursor: pointer; }
.ansichtwahl.gross button.on { background: var(--acc); color: var(--accText); }
.ansichtwahl.gross button svg { width: 14px; height: 14px; }
.easkopfz { flex-wrap: wrap; gap: 12px 22px; }
.easkopfz .ansichtwahl.gross { margin-left: auto; }
.easkopfz .kfilterpaar:last-child { margin-left: auto; }
.kfilter button.on { background: var(--acc); color: var(--accText); }
.kfilterzu { color: var(--dim); font-size: var(--t-mikro); font-weight: 700;
  letter-spacing: .09em; text-transform: uppercase; margin-left: 4px; }
.kfilterpaar { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.renamebtn.arname span { display: none; }
.arenapills button { display: inline-flex; align-items: center; gap: 7px; }
.arenapills .abadge { font-family: var(--mono); font-size: var(--t-mikro); font-weight: 700;
  background: var(--line2); color: var(--mut); border-radius: 5px; padding: 1px 5px; }
.arenapills button.on .abadge { background: color-mix(in srgb, var(--accText) 22%, transparent); color: var(--accText); }
.arenapills .anr { font-family: var(--mono); font-size: var(--t-mikro); font-weight: 700;
  color: var(--dim); min-width: 12px; text-align: right; }
.arenapills button.on .anr { color: color-mix(in srgb, var(--accText) 72%, transparent); }
.pmhakenbox { margin-top: 18px; padding: 13px 15px; border: 1px solid var(--line2); border-radius: 11px;
  background: var(--panel); transition: border-color .15s, background .15s; }
.pmhakenbox:hover { border-color: var(--mut); }
.pmhakenbox:has(input:checked) { border-color: var(--acc); background: rgba(63,168,143,.07); }
.modal label.pmhaken { display: flex; align-items: flex-start; gap: 11px; margin: 0; cursor: pointer;
  font-size: var(--t-text); font-weight: 600; color: var(--text);
  text-transform: none; letter-spacing: 0; line-height: 1.45; }
.pmhaken input { width: 16px; height: 16px; margin: 1px 0 0; flex: none; accent-color: var(--acc); cursor: pointer; }
.pmhakenhint { font-size: var(--t-klein); line-height: 1.55; margin: 7px 0 0 27px; color: var(--mut); }
.pmzeitbox { margin-top: 18px; padding: 13px 15px; border: 1px solid var(--line2); border-radius: 11px;
  background: var(--panel); }
.modal .pmzeitbox label { display: block; margin: 0 0 7px; font-size: var(--t-text); font-weight: 600;
  color: var(--text); text-transform: none; letter-spacing: 0; }
.pmzeitbox input[type="datetime-local"] { width: 100%; }
.pmzeitbox .pmhakenhint { margin-left: 0; }
.pmzeitfehler { font-size: var(--t-klein); line-height: 1.55; margin-top: 7px; color: var(--red); font-weight: 600; }
.shregen { margin-top: 8px; padding: 9px 12px; border-radius: 10px; gap: 12px;
  font-size: var(--t-klein); line-height: 1.5;
  display: flex; align-items: center; justify-content: space-between;
  border: 1px solid color-mix(in srgb, var(--amber) 34%, transparent);
  background: color-mix(in srgb, var(--amber) 9%, transparent); }
.shregen[hidden] { display: none; }
.shregen span { flex: 1 1 auto; }
.shregen button { flex: 0 0 auto; white-space: nowrap; padding: 6px 12px; font-size: var(--t-klein); font-weight: 600; }
.shurlweg { opacity: .5; text-decoration: line-through; }
.shlinkbtn { min-width: 132px; text-align: center; }
.shnochnicht { margin-top: 8px; padding: 9px 12px; border-radius: 10px;
  font-size: var(--t-klein); line-height: 1.5; color: var(--mut);
  border: 1px solid color-mix(in srgb, var(--amber) 34%, transparent);
  background: color-mix(in srgb, var(--amber) 9%, transparent); }
.shnochnicht b { color: var(--amber); }
.shnochnicht[hidden] { display: none; }
@media (max-width: 560px) { .shlinkbtn { min-width: 0; flex: 1 1 0; } }
.shsek { padding: 14px 0; border-bottom: 1px solid var(--line); }
.shsek:last-of-type { border-bottom: 0; }
.shst { display: block; font-size: var(--t-klein); font-weight: 700; letter-spacing: .09em;
  text-transform: uppercase; color: var(--dim); margin-bottom: 9px; }
.shskopf { display: flex; align-items: baseline; gap: 8px; margin-bottom: 9px; }
.shskopf .shst { margin: 0; }
.shzahl { margin-left: auto; font-size: var(--t-klein); color: var(--dim); }
.shzahl b { color: var(--text); font-weight: 700; }
.shlink { background: none; border: 0; padding: 0; cursor: pointer;
  font: 600 var(--t-klein)/1 inherit; color: var(--acc); }
.shlink[hidden] { display: none; }
.shruns { display: flex; flex-direction: column; gap: 5px; }
.shrun { display: flex; align-items: center; gap: 9px; cursor: pointer;
  padding: 9px 11px; border-radius: 10px; font-size: var(--t-text);
  background: var(--bg2); border: 1px solid var(--line);
  transition: border-color .12s, background .12s; }
.shrun:hover { border-color: var(--line2); }
.shrun.on { border-color: var(--acc); background: var(--acc-dim); }
.shbox { width: 15px; height: 15px; border-radius: 4px; flex: none; position: relative;
  border: 1.5px solid var(--line2); }
.shrun.on .shbox { border-color: var(--acc); background: var(--acc); }
.shrun.on .shbox::after { content: ""; position: absolute; left: 4px; top: 1px;
  width: 4px; height: 8px; border: solid var(--accText); border-width: 0 2px 2px 0; transform: rotate(42deg); }
.shstufe { font-size: var(--t-mikro); font-weight: 700; letter-spacing: .07em;
  text-transform: uppercase; padding: 2px 6px; border-radius: 5px; }
.shst-live { color: var(--green); background: color-mix(in srgb, var(--green) 20%, transparent); }
.shst-cent { color: var(--amber); background: color-mix(in srgb, var(--amber) 20%, transparent); }
.shst-demo { color: var(--dim); background: color-mix(in srgb, var(--dim) 16%, transparent); }
.shnr { font-family: var(--mono); font-size: var(--t-klein); color: var(--mut); }
.shrest { margin-left: auto; font-size: var(--t-klein); color: var(--dim); font-variant-numeric: tabular-nums; }
.shzuerst { font-size: var(--t-mikro); font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; color: var(--acc); }
.shzuerst[hidden] { display: none; }
.shet { font-size: var(--t-mikro); font-family: var(--mono); padding: 2px 7px; border-radius: 999px;
  color: #c9b0ff; background: rgba(180, 150, 255, .16); border: 1px solid rgba(180, 150, 255, .24);
  max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-theme="light"] .shet { color: #5f37b0; background: rgba(95, 55, 176, .09); border-color: rgba(95, 55, 176, .26); }
.shhint { margin: 9px 0 0; font-size: var(--t-klein); line-height: 1.5; color: var(--dim); }
.shhint b { color: var(--mut); }
.shwarn { margin: 8px 0 0; font-size: var(--t-klein); color: var(--amber); }
.shwarn[hidden] { display: none; }
.shsw { display: flex; gap: 11px; align-items: flex-start; padding: 10px 0; cursor: pointer; }
.shsw + .shsw { border-top: 1px solid var(--line); }
.shsw input { margin-top: 2px; flex: none; }
.shsw b { display: block; font-weight: 600; font-size: var(--t-text); }
.shsw small { display: block; margin-top: 1px; font-size: var(--t-klein); color: var(--dim); line-height: 1.5; }
.shvor { display: flex; gap: 5px; flex-wrap: wrap; margin: 2px 0 0 27px; align-items: center; }
.shvor .shvorz { font-size: var(--t-klein); color: var(--mut); }
.shfamun { margin-top: 8px; padding: 7px 10px; border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--amber) 45%, transparent);
  background: color-mix(in srgb, var(--amber) 10%, transparent); }
.shfamun > .dim { color: color-mix(in srgb, var(--amber) 80%, var(--text)); }
.shfamfest { margin-bottom: 4px; }
.shfamfest > .dim { display: block; font-size: var(--t-text); margin-bottom: 3px; }
.shfamfest > b { font-size: var(--t-gross); font-weight: 600; }
.shvor[hidden] { display: none; }
.shzug { display: flex; gap: 6px; margin-top: 9px; font-size: var(--t-klein); color: var(--dim); }
.shzug b { color: var(--text); font-weight: 700; font-variant-numeric: tabular-nums; }
.shzug[hidden] { display: none; }
.shwok { font-size: var(--t-klein); align-self: center; }
.shwok.an { color: var(--acc); }
.shwok.fehler { color: var(--red); }
.shfuss { justify-content: space-between; margin-top: 14px; gap: 8px; }
.shfre { display: flex; gap: 8px; margin-left: auto; }
.shfuss .dang[hidden] { display: none; }
.shabs { display: flex; align-items: center; gap: 10px; padding: 9px 11px;
  border-radius: 10px; background: var(--bg2); border: 1px solid var(--line); }
.shabs.aus { border-style: dashed; }
.shava { width: 26px; height: 26px; border-radius: 8px; flex: none; display: grid; place-items: center;
  background: var(--acc); color: var(--accText); font-weight: 700; font-size: var(--t-klein); }
.shava.aus { background: var(--line2); color: var(--dim); }
.shabsn { font-size: var(--t-text); font-weight: 600; }
.shabsu { font-size: var(--t-klein); color: var(--dim); }
.shabs > span:nth-child(2) { min-width: 0; }
.shabs .shlink, .shabs .btn { margin-left: auto; flex: none; }
.swtch { position: relative; display: inline-block; width: 38px; height: 21px; flex: none; }
.swtch input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.swtch span { position: absolute; inset: 0; border-radius: 999px; background: var(--line2);
  transition: background .15s; pointer-events: none; }
.swtch span::after { content: ""; position: absolute; top: 2px; left: 2px; width: 17px; height: 17px;
  border-radius: 50%; background: var(--panel); transition: transform .15s; box-shadow: 0 1px 3px rgba(0,0,0,.35); }
.swtch input:checked + span { background: var(--acc); }
.swtch input:checked + span::after { transform: translateX(17px); }
.swtch input:focus-visible + span { outline: 2px solid var(--acc); outline-offset: 2px; }
.profurl { font-family: var(--mono); font-size: var(--t-klein); color: var(--mut);
  background: var(--bg2); border: 1px solid var(--line); border-radius: 7px; padding: 4px 8px; }
.profname { flex: 1; min-width: 0; font-family: var(--mono); font-size: var(--t-klein);
  color: var(--mut); background: var(--panel2); border: 0; border-radius: 8px;
  padding: 6px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  user-select: all; }
.prfkopf { display: flex; align-items: flex-start; gap: 16px; }
.prfkopf > div { flex: 1; min-width: 0; }
.prfava { width: 56px; height: 56px; border-radius: 50%; background: var(--acc-dim);
  color: var(--acc); display: grid; place-items: center; font-size: var(--t-gross);
  font-weight: 700; letter-spacing: .04em; flex: none; overflow: hidden; }
.prfava svg { width: 100%; height: 100%; display: block; }
.prfzahlen { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 12px; }
.prfkach { background: var(--panel2); border-radius: 10px; padding: 12px 14px;
  display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.prfk { font-size: var(--t-mikro); color: var(--dim); text-transform: uppercase; letter-spacing: .08em; }
.prfv { font-size: var(--t-gross); font-weight: 700; color: var(--text);
  font-family: var(--mono); letter-spacing: -.01em; line-height: 1.2; }
.prffuss { font-size: var(--t-klein); color: var(--dim); line-height: 1.5; margin-top: 12px; }
.prfurl { margin-top: 14px; }
.prfurllbl { display: block; font-size: var(--t-klein); color: var(--dim); margin-bottom: 6px; }
.prfurlrow { display: flex; align-items: center; gap: 8px; min-width: 0; }
.prfurlrow .profurl { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.prfurlrow .btn { flex: none; }
.prfurl.aus { opacity: .55; }
.prfdeck { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.prfdeckrow { display: flex; align-items: center; gap: 8px; min-width: 0; max-width: 420px; }
.prfdeckrow .btn { flex: none; padding: 4px 10px; font-size: var(--t-klein); white-space: nowrap; }
@media (max-width: 699px) {
  .prfurlrow { flex-wrap: wrap; }
  .prfurlrow .profurl { flex: 1 0 100%; }
  .prfurlrow .btn { flex: 1; }
}
.shviews { font-family: var(--mono); font-size: var(--t-klein); color: var(--dim); }
.pubava { width: 28px; height: 28px; border-radius: 9px; flex: none; display: grid; place-items: center;
  background: var(--acc); color: var(--accText); font-weight: 700; font-size: var(--t-klein); }
.pubabst { font-size: var(--t-text); color: var(--mut); }
.pubabst b { color: var(--text); font-weight: 600; }
.profcard { padding: 0; overflow: hidden; }
.profkopf { display: flex; align-items: center; gap: 14px; padding: 20px; border-bottom: 1px solid var(--line); }
.profava { width: 52px; height: 52px; border-radius: 14px; flex: none; display: grid; place-items: center;
  background: var(--acc); color: var(--accText); font-weight: 700; font-size: var(--t-seite); }
.profava.ebgold, .pubava.ebgold, a.pubava.ebgold, .side .avatar.ebgold {
  background: linear-gradient(135deg, #e8c05a, #c9932b 60%, #e5bb52); color: #4a3608; }
.proftitel { margin: 0; font-size: var(--t-seite); letter-spacing: -.01em;
  text-transform: none; font-family: var(--mono); }
.profsub { font-size: var(--t-text); }
.profgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(232px, 1fr)); gap: 12px; padding: 16px; }
.pkarte { display: block; text-decoration: none; color: inherit; padding: 13px;
  background: var(--bg2); border: 1px solid var(--line); border-radius: 12px;
  transition: border-color .12s, transform .12s; }
.pkarte:hover { border-color: var(--acc); transform: translateY(-1px); }
.pkname { font-weight: 600; font-size: var(--t-text); margin-bottom: 9px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pkzeile { display: flex; align-items: baseline; gap: 7px; }
.pkscore { font-size: var(--t-zahl); font-weight: 700; letter-spacing: -.02em; line-height: 1; }
.pkscore.gruen { color: var(--green); } .pkscore.gelb { color: var(--amber); }
.pkscore.rot { color: var(--red); } .pkscore.blau { color: var(--blue); } .pkscore.grau { color: var(--dim); }
.pkvon { font-size: var(--t-klein); color: var(--dim); }
.pkstufen { display: flex; gap: 4px; margin-top: 10px; flex-wrap: wrap; }
.pkfuss { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 9px; padding-top: 9px;
  border-top: 1px solid var(--line); font-size: var(--t-klein); color: var(--dim); }
.profleer { padding: 16px; color: var(--dim); font-size: var(--t-text); }
.pgrp { grid-column: 1 / -1; }
.pgrp .pgk { display: flex; align-items: center; gap: 10px; width: 100%; padding: 13px;
  background: var(--bg2); border: 1px solid var(--line); border-radius: 12px;
  color: var(--text); font: inherit; cursor: pointer; text-align: left; }
.pgrp .pgk .pkname { margin-bottom: 0; }
.pgrp .pgk:hover { border-color: var(--acc); }
.pgrp .pgn { padding: 2px 10px; border-radius: 20px; font-size: var(--t-mikro); font-weight: 700;
  background: color-mix(in srgb, var(--dim) 14%, transparent); color: var(--mut); }
.pgrp .pgpf { margin-left: auto; font-style: normal; color: var(--dim); font-size: var(--t-klein); }
.pgrp .pgl { margin-top: 6px; display: grid; grid-template-columns: repeat(auto-fill, minmax(232px, 1fr));
  gap: 12px; padding-left: 14px; border-left: 2px dashed var(--line); }
.pkarte .pseit { color: var(--dim); font-weight: 500; font-size: var(--t-mikro); margin-left: 5px; }
.pkarte .pneu { color: var(--acc); font-weight: 700; font-size: var(--t-mikro);
  text-transform: uppercase; letter-spacing: .05em; margin-left: 7px; }
.profgrid.plist .pgrp .pgl { display: flex; flex-direction: column; gap: 6px; }
.profwerk { margin-left: auto; display: flex; align-items: center; justify-content: flex-end;
  gap: 10px; flex-wrap: wrap; }
.profwerk .easearch { width: 220px; }
@media (max-width: 699px) { .profkopf { flex-wrap: wrap; } .profwerk { margin-left: 0; width: 100%; } }
.profgrid.plist { display: flex; flex-direction: column; gap: 6px; }
.profgrid.plist .pkarte { display: grid;
  grid-template-columns: minmax(160px, 1fr) auto minmax(90px, auto) 64px;
  grid-template-areas: "name stufen fuss score";
  align-items: center; gap: 18px; padding: 10px 16px; }
.profgrid.plist .pkname { grid-area: name; margin: 0; }
.profgrid.plist .pkstufen { grid-area: stufen; margin: 0; }
.profgrid.plist .pkfuss { grid-area: fuss; margin: 0; padding: 0; border: 0; justify-content: flex-end; }
.profgrid.plist .pkzeile { grid-area: score; justify-content: flex-end; }
.profgrid.plist .pkscore { font-size: var(--t-gross); }
.profgrid.plist .pkvon, .profgrid.plist .pktg { display: none; }
@media (max-width: 699px) {
  .profgrid.plist .pkarte { grid-template-columns: 1fr auto 52px; grid-template-areas: "name stufen score"; gap: 10px; }
  .profgrid.plist .pkfuss { display: none; } }
.profnote { margin: 12px 2px 0; font-size: var(--t-klein); color: var(--dim); line-height: 1.5; }
.laborlist { display: flex; flex-direction: column; gap: 4px; max-height: 408px; overflow-y: auto; }
.labsuche { width: 100%; margin: 0 0 8px; padding: 7px 10px; font-size: var(--t-text);
  border: 1px solid var(--line2); border-radius: 8px; background: var(--panel2); color: var(--text); }
.labsuche:focus { outline: none; border-color: var(--acc); }
.admhinweis { display: block; width: 100%; text-align: left; margin: 0 0 14px; padding: 10px 14px;
  font-size: var(--t-text); font-weight: 600; cursor: pointer; border-radius: 9px;
  color: color-mix(in srgb, var(--amber) 80%, var(--text));
  border: 1px solid color-mix(in srgb, var(--amber) 45%, transparent);
  background: color-mix(in srgb, var(--amber) 10%, transparent); }
.admbesgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
@media (max-width: 900px) { .admbesgrid { grid-template-columns: 1fr 1fr; } }
.admbes { min-width: 0; }
.admbes > b { display: block; font-size: var(--t-klein); text-transform: uppercase; letter-spacing: .08em; color: var(--mut); margin-bottom: 6px; }
.admbesz { display: flex; justify-content: space-between; gap: 10px; padding: 3px 0; border-bottom: 1px solid var(--line2); font-size: var(--t-text); }
.admbesz > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.updeintrag { display: grid; grid-template-columns: 110px 1fr; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--line2); }
.updeintrag:last-child { border-bottom: 0; }
.upddatum { color: var(--mut); font-size: var(--t-klein); padding-top: 2px; }
.updeintrag ul { margin: 0; padding-left: 18px; font-size: var(--t-text); line-height: 1.5; }
.updeintrag li + li { margin-top: 5px; }
@media (max-width: 699px) { .updeintrag { grid-template-columns: 1fr; gap: 4px; } }
.updneu { margin-left: auto; font-size: var(--t-mikro); font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
  padding: 1px 7px; border-radius: 999px; background: var(--acc); color: var(--accText); }
.pill.zupause { color: var(--mut); border-color: var(--line); background: transparent; }
.pill.zuaus { color: color-mix(in srgb, var(--red) 70%, var(--mut)); border-color: color-mix(in srgb, var(--red) 35%, var(--line)); background: transparent; }
.inboxlist { display: flex; flex-direction: column; }
.inboxrow { border-bottom: 1px solid var(--line2); }
.inboxrow:last-child { border-bottom: none; }
.inboxkopf { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 6px;
  background: none; border: none; cursor: pointer; text-align: left; color: var(--text);
  font: inherit; font-size: var(--t-text); min-height: 38px; }
.inboxrow.gelesen .inboxkopf { opacity: .58; }
.inboxkopf:hover { opacity: 1; background: var(--panel2); border-radius: 7px; }
.inboxneu { flex: none; width: 7px; height: 7px; border-radius: 99px; background: var(--amber); }
.inboxnr { flex: none; font-size: var(--t-klein); }
.inboxwer { flex: none; font-weight: 600; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inboxmail { flex: none; font-size: var(--t-klein); max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inboxprev { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inboxre { flex: none; }
.inboxzeit { flex: none; font-size: var(--t-klein); }
.inboxkorp { padding: 4px 6px 14px; font-size: var(--t-text); }
.inboxtext { width: 100%; padding: 8px 10px; font: inherit; font-size: var(--t-text);
  border: 1px solid var(--line2); border-radius: 8px; background: var(--panel2); color: var(--text); resize: vertical; }
.inboxtext:focus { outline: none; border-color: var(--acc); }
.inboxreplied { border-left: 3px solid var(--line2); padding: 6px 10px; background: var(--panel2); border-radius: 0 7px 7px 0; }
@media (max-width: 700px) { .inboxmail, .inboxprev { display: none; } }
.laborrow { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 9px;
  background: var(--bg2); border: 1px solid var(--line); cursor: pointer; font-size: var(--t-text); }
.laborrow.an { border-color: var(--acc); background: var(--acc-dim); }
.laborrow input { flex: none; margin: 0; }
.famstift { background: none; border: none; cursor: pointer; color: var(--mut);
  font: inherit; font-size: var(--t-text); padding: 0 4px; vertical-align: baseline; }
.famstift:hover { color: var(--acc); }
.laborrow b { font-weight: 600; }
.laborrow .dim { font-size: var(--t-klein); }
.laborrow .laborecht { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.laborrow .chip { flex: none; }
.laborrow .labarch { color: color-mix(in srgb, var(--red) 78%, var(--text));
  background: color-mix(in srgb, var(--red) 16%, transparent); }
.laborlink { margin-left: auto; flex: none; font-size: var(--t-klein); color: var(--acc); text-decoration: none; font-weight: 600; }
.publaeufe { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 12px; }
.publauf { display: flex; align-items: center; gap: 8px; padding: 7px 11px; border-radius: 9px;
  background: var(--kbandfl); border: 1px solid var(--kpunkt); cursor: pointer;
  font-size: var(--t-text); color: var(--ktext); font-family: inherit; }
.publauf:hover { border-color: var(--kakzrand); }
.publauf.an { border-color: var(--kakzrand); background: var(--kakzfl); }
.publauf .mono { font-family: var(--mono); font-size: var(--t-klein); color: var(--kmut); }
.publauf .dim { font-size: var(--t-klein); color: var(--kdim); }
.publauf .shst-live { color: var(--kakz); background: color-mix(in srgb, var(--kakz) 18%, transparent); }
.publauf .shst-cent { color: var(--kamber); background: color-mix(in srgb, var(--kamber) 18%, transparent); }
.publauf .shst-demo { color: var(--kmut); background: var(--kpunkt); }
.publauf .lfvers { color: #d9c6ff; background: rgba(200, 180, 255, .18); border-color: rgba(200, 180, 255, .3); }
.profumzug { margin: 0 0 14px; padding: 9px 12px; border-radius: 10px; font-size: var(--t-klein);
  color: var(--mut); border: 1px solid color-mix(in srgb, var(--amber) 34%, transparent);
  background: color-mix(in srgb, var(--amber) 9%, transparent); }
.umfangwahl { margin: 4px 0 6px; padding: 12px 15px; border: 1px solid var(--line2); border-radius: 11px;
  background: var(--panel); display: flex; flex-direction: column; gap: 9px; }
.umfangwahl .pmhakenhint { margin-top: 2px; }
.laufausband { display: flex; align-items: center; justify-content: space-between; gap: 16px;
  margin: 0 0 14px; padding: 12px 16px; border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--red) 30%, transparent);
  background: color-mix(in srgb, var(--red) 8%, transparent); }
.laufausband b { color: color-mix(in srgb, var(--red) 78%, var(--text)); }
.laufausband .dim2 { margin-top: 4px; font-size: var(--t-klein); color: var(--mut); line-height: 1.5; }
@media (max-width: 699px) { .laufausband { flex-direction: column; align-items: flex-start; } }
.magfrageband { display: flex; align-items: center; justify-content: space-between; gap: 16px;
  margin: 0 0 14px; padding: 12px 16px; border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--blue) 32%, transparent);
  background: color-mix(in srgb, var(--blue) 8%, transparent); }
.magfrageband b { color: color-mix(in srgb, var(--blue) 70%, var(--text)); }
.magfrageband .schnittknoepfe { display: flex; gap: 8px; flex: none; align-items: center; }
@media (max-width: 699px) { .magfrageband .schnittknoepfe { width: 100%; }
  .magfrageband .schnittknoepfe .btn { flex: 1 1 0; justify-content: center; } }
.magfrageband .dim2 { margin-top: 4px; font-size: var(--t-klein); color: var(--mut); line-height: 1.5; }
@media (max-width: 699px) { .magfrageband { flex-direction: column; align-items: flex-start; } }
.bezfrage { display: flex; align-items: center; justify-content: space-between; gap: 14px;
  flex-wrap: wrap; margin-bottom: 12px; padding: 13px 15px; border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--blue) 32%, transparent);
  background: color-mix(in srgb, var(--blue) 7%, transparent); }
.bezfrage b { color: color-mix(in srgb, var(--blue) 70%, var(--text)); }
.bezfrage .dim2 { margin-top: 4px; font-size: var(--t-klein); color: var(--mut); line-height: 1.5; }
.bezcard .wofuer { font-size: var(--t-klein); color: var(--acc); font-weight: 600; margin-bottom: 3px; }
.laufpauseband { display: flex; align-items: center; justify-content: space-between; gap: 16px;
  margin: 0 0 14px; padding: 12px 16px; border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--amber) 34%, transparent);
  background: color-mix(in srgb, var(--amber) 9%, transparent); }
.laufpauseband b { color: color-mix(in srgb, var(--amber) 80%, var(--text)); }
.laufpauseband .dim2 { margin-top: 4px; font-size: var(--t-klein); color: var(--mut); line-height: 1.5; }
@media (max-width: 699px) { .laufpauseband { flex-direction: column; align-items: flex-start; } }
.markenliste { display: flex; flex-direction: column; gap: 2px; }
.markzeile { display: grid; grid-template-columns: 96px 1fr auto; align-items: center; gap: 12px;
  padding: 7px 2px; border-bottom: 1px solid var(--line); font-size: var(--t-text); }
.markzeile:last-child { border-bottom: 0; }
.markzeile .btn { padding: 2px 9px; line-height: 1.2; }
.kfstat { font-size: var(--t-text); color: var(--mut); }
.kfstat.warn { color: var(--amber); font-weight: 600; }
.acc-card .bal b { color: var(--text); font-family: var(--mono); font-size: var(--t-gross); }
.dot-on, .dot-off { position: absolute; top: 19px; right: 19px; width: 8px; height: 8px; border-radius: 50%; }
.dot-on { background: var(--acc); box-shadow: 0 0 12px var(--acc); animation: pulse 2.4s infinite; }
.dot-off { background: var(--dim); }
@keyframes pulse { 50% { opacity: .5; } }
.typechip { display: inline-block; margin-top: 9px; padding: 2px 10px; border-radius: 6px; font-size: var(--t-klein); font-weight: 700; letter-spacing: .1em;
  background: var(--acc-dim); color: var(--acc); text-transform: uppercase; }
.typechip.real { background: rgba(255,184,77,.13); color: var(--amber); }
.accgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; margin-top: 12px; }
.accgrid .k { display: block; color: var(--dim); font-size: var(--t-mikro); font-weight: 700; text-transform: uppercase; letter-spacing: .09em; }
.accgrid b { font-family: var(--mono); font-size: var(--t-gross); color: var(--text); }
.accgrid b.pos { color: var(--green); } .accgrid b.neg { color: var(--red); }
.kindsel {
  appearance: none; -webkit-appearance: none; border: none; cursor: pointer;
  margin-top: 9px; padding: 3px 11px; border-radius: 6px; width: auto;
  font-size: var(--t-klein); font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  font-family: inherit;
}
select.kindsel {
  padding-right: 22px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5'><path d='M0 0l4 5 4-5z' fill='%2393a6b8'/></svg>");
  background-repeat: no-repeat;
  background-position: right 7px center;
}
.kindsel.k-demo { background-color: rgba(255,184,77,.15); color: var(--amber); }
.kindsel.k-cent { background-color: rgba(77,163,255,.15); color: var(--blue); }
.kindsel.k-real { background-color: var(--acc-dim); color: var(--green); }
.kindsel option { background: var(--bg2); color: var(--text); letter-spacing: normal; }
.tablecard { background: var(--panel); border: 1px solid var(--line); border-radius: var(--r); overflow-x: auto; }
@media (min-width: 1500px) {
  .tablecard { overflow-x: visible; }
  .tablecard thead th { position: sticky; top: 0; z-index: 5; background: var(--panel); box-shadow: inset 0 -1px 0 var(--line); }
}
tbody tr.grouprow { cursor: default; }
tbody tr.grouprow:hover { background: none; }
tr.grouprow td { background: var(--bg2); color: var(--dim); font-size: var(--t-klein); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; padding: 6px 11px; }
.tkonto { font-family: var(--mono); font-size: var(--t-text); color: var(--mut); }
@media (max-width: 600px) { th.hidem, td.hidem { display: none; } }
@media (max-width: 900px) { th.hidem9, td.hidem9 { display: none; } }
.filterhint { font-size: var(--t-text); color: var(--mut); margin: 0 0 8px; }
.filterhint .ohnewertzeile { margin-top: 2px; }
.filterhint b { color: var(--text); }
.filterhint a { color: var(--mut); text-decoration: underline; text-underline-offset: 2px; }
.filterhint a:hover { color: var(--acc); }
table { width: 100%; border-collapse: collapse; font-size: var(--t-text); }
th { text-align: left; padding: 11px 11px; color: var(--dim); font-size: var(--t-klein); text-transform: uppercase; letter-spacing: .06em; border-bottom: 1px solid var(--line); background: var(--bg2); white-space: nowrap; }
td { padding: 11px 11px; border-bottom: 1px solid var(--line); vertical-align: middle; white-space: nowrap; }
td .curr { font-size: var(--t-klein); }
.eaname { max-width: 230px; overflow: hidden; text-overflow: ellipsis; }
.eaname .stat { font-size: var(--t-gross); line-height: 1; vertical-align: -1px; margin-right: 4px; }
.eaname small { overflow: hidden; text-overflow: ellipsis; }
.mini { display: inline-block; padding: 1px 7px; border-radius: 5px; font-size: var(--t-mikro); font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
tr:last-child td { border-bottom: none; }
tbody tr { cursor: pointer; transition: background .1s; }
tbody tr:hover { background: var(--panel2); }
.eaname { font-weight: 700; font-size: var(--t-gross); }
.eaname small { display: block; color: var(--dim); font-weight: 500; font-size: var(--t-klein); font-family: var(--mono); margin-top: 1px; }
.num-r { text-align: right; font-family: var(--mono); font-size: var(--t-text); }
.pos { color: var(--green); } .neg { color: var(--red); } .amb { color: var(--amber); }
.curcode { font-size: .72em; color: var(--dim); font-weight: 500; letter-spacing: .02em; }
.alzchips { display: flex; flex-direction: column; align-items: stretch; gap: 10px; margin: 2px 0 16px; max-width: 900px; }
.alztypen { width: 100%; }
.alzsteuer { order: -1; align-self: flex-end; margin-left: 0; }
.alztypen { display: flex; gap: 4px; flex-wrap: wrap; background: var(--panel2);
  border: 1px solid var(--line2); border-radius: 8px; padding: 3px; }
.alzchip { display: inline-flex; align-items: center; gap: 7px; background: none; border: 0;
  border-radius: 6px; padding: 5px 12px;
  color: var(--mut); font-size: var(--t-text); font-weight: 600; font-family: inherit; cursor: pointer;
  transition: color .12s, background .12s; }
.alzchip { min-height: 29px; }
.alzchip .azn { font-size: var(--t-klein); font-weight: 700; color: var(--text); }
.alzchip:hover { color: var(--text); }
.alzchip.on { background: var(--acc); color: var(--accText); }
.alzchip.on .azn { color: var(--accText); }
.alz.erl .alzpunkt { background: var(--line2); }
.alz.erl .alztext b { color: var(--mut); font-weight: 500; }
.alz.erl .alztext span { color: var(--dim); }
.alzzahn { display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; padding: 0; border-radius: 999px; cursor: pointer;
  background: transparent; border: 1px solid var(--line); color: var(--dim); }
.alzzahn svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 1.7;
  stroke-linecap: round; stroke-linejoin: round; }
.alzzahn:hover { border-color: var(--line2); color: var(--text); }
.alzzahn.on { border-color: var(--acc); color: var(--acc); background: var(--acc-dim); }
.alzopt { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px;
  padding: 14px 0; border-bottom: 1px solid var(--line); }
.alzopt:last-of-type { border-bottom: none; }
.alzopt > div:first-child { min-width: 0; }
.alzopt b { display: block; color: var(--text); font-size: var(--t-text); font-weight: 600; margin-bottom: 3px; }
.alzopt span { display: block; color: var(--mut); font-size: var(--t-klein); line-height: 1.5; }
.alzopt .schalter { margin-top: 2px; }
.alzopt.aus, .alzfeld.aus { opacity: .4; pointer-events: none; }
.modal.alzmodal { max-width: min(620px, calc(100vw - 40px)); }
.alzsub { font-size: var(--t-text); margin: 2px 0 6px; }
.alzgrp { display: flex; align-items: center; gap: 10px; margin: 16px 0 2px;
  font-size: var(--t-mikro); font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: var(--mut); white-space: nowrap; }
.alzgrp::after { content: ''; flex: 1; border-top: 1px solid var(--line); }
.alzopt.alzk1 { display: grid; grid-template-columns: minmax(0, 1fr) 150px auto;
  align-items: center; gap: 12px; padding: 9px 0; }
.alzopt.alzk1 .alztitel { display: flex; align-items: center; gap: 7px; min-width: 0; color: var(--text); }
.alzopt.alzk1 .alztitel b { display: inline; margin: 0; font-size: var(--t-text); white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; }
.alzopt.alzk1 .alztitel .i.frage { width: 17px; height: 17px; font-size: 10px; flex: none; }
.alzopt.alzk1 .alzfeldz { display: flex; align-items: center; gap: 6px; justify-content: flex-end; }
.alzopt.alzk1 .alzfeld { display: flex; align-items: center; gap: 6px; }
.alzopt.alzk1 .alzfeld input { width: 60px; text-align: right; }
.alzopt.alzk1 .alzfeld .dim { display: inline; font-size: var(--t-klein); white-space: nowrap; }
.alzopt.alzk1 .schalter { margin-top: 0; justify-self: end; }
.alzfussz { font-size: var(--t-klein); margin-top: 12px; }
.alzliste { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; max-width: 900px; }
.alz { display: grid; grid-template-columns: 7px minmax(0, 1fr) auto 24px; align-items: center;
  gap: 13px; padding: 8px 15px; border-bottom: 1px solid var(--line); }
.alz:last-child { border-bottom: none; }
.alz:hover { background: var(--panel2); }
.alz.alzgeht { opacity: 0; transform: scale(.98); transition: opacity .12s ease-out, transform .12s ease-out;
  pointer-events: none; }
.alz .alzkonto { color: var(--dim); font-weight: 500; font-size: var(--t-klein); margin-left: 6px; }
.alz.neu { box-shadow: inset 3px 0 0 var(--acc); }
.alz.gesehen { opacity: .8; }
.alz.erl { opacity: .62; }
.alz.erl:hover { opacity: 1; }
.alzgrund { color: var(--dim); }
.alztag { position: sticky; top: 0; z-index: 2; padding: 8px 15px 6px;
  font-size: var(--t-mikro); font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: var(--dim); background: var(--panel); border-bottom: 1px solid var(--line); }
.alztiefe { margin-left: auto; }
.alzsteuer { display: flex; gap: 7px; align-items: center; margin-left: auto; }
.alzchip .alk { display: none; }
.alnztabs { display: none; }
@media (max-width: 700px) {
  .alnztabs { display: flex; }
  .alnztabs .alnzahl { font-style: normal; font-weight: 800; font-size: 10px;
    min-width: 17px; height: 17px; line-height: 17px; display: inline-block;
    text-align: center; padding: 0 4px; border-radius: 99px; margin-left: 5px;
    font-family: var(--mono); vertical-align: 1px; }
  .alnztabs .alnzahl.amber { background: var(--amber); color: #1a1206; }
  .alnztabs .alnzahl.echt { background: var(--red); color: #2a0508; }
  [data-theme="light"] .alnztabs .alnzahl.echt { color: #fff; }
  .alnztabs .alnzahl.lila { background: #a98fd6; color: #241a38; }
  .alzchips { display: block; margin: 2px 0 14px; }
  .alztypen { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;
    scrollbar-width: none; margin-bottom: 8px; }
  .alztypen::-webkit-scrollbar { display: none; }
  .alztypen .alzchip { flex: 1 0 auto; white-space: nowrap; padding: 8px 12px;
    min-height: 44px; justify-content: center; }
  .alzchip .all { display: none; }
  .alzchip .alk { display: inline; }
  .alzsteuer { display: flex; gap: 4px; align-items: stretch; }
  .alzsteuer .alztiefe { flex: 1; display: flex; margin-left: 0; }
  .alzsteuer .alztiefe button { flex: 1; }
  .alzsteuer .alzzahn { width: 48px; height: auto; border-radius: 8px; }
}
button.alztext { background: none; border: 0; padding: 0; text-align: left; width: 100%; cursor: pointer; font: inherit; }
.alz.auf { background: var(--panel2); }
.alz.auf .alztext b { color: var(--acc); }
.alzauf { padding: 12px 15px 14px 34px; border-bottom: 1px solid var(--line);
  background: var(--panel2); font-size: var(--t-text); line-height: 1.55; color: var(--mut); }
.alzauf p { margin: 0 0 8px; }
.alzauf b { color: var(--text); font-weight: 600; }
.alzauf .alzwarn { border-left: 2px solid var(--amber); padding-left: 9px; }
.alzauf .alzz { display: flex; gap: 10px; align-items: baseline; font-size: var(--t-klein); }
.alzauf .alzz span { color: var(--dim); min-width: 130px; }
.alzkrit { display: grid; gap: 4px; margin: 8px 0 10px; }
.alzk { display: flex; gap: 8px; align-items: baseline; font-size: var(--t-klein); }
.alzk span { width: 12px; }
.alzk b { margin-left: auto; }
.alzk.ok span { color: var(--green); }
.alzk.no span { color: var(--red); }
@media (max-width: 699px) { .alzauf { padding-left: 15px; } .alzauf .alzz span { min-width: 96px; } }
.alz.gesehen:hover { opacity: 1; }
.alzpunkt { width: 7px; height: 7px; border-radius: 50%; display: block; }
.alzpunkt.rot { background: var(--red); }
.alzpunkt.amber { background: var(--amber); }
.alzpunkt.gruen { background: var(--green); }
.alzpunkt.grau { background: var(--grey); }
.alztext { display: block; min-width: 0; }
.alztext b { display: block; color: var(--text); font-size: var(--t-text); font-weight: 600;
  line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.alztext > span { display: block; color: var(--mut); font-size: var(--t-klein); margin-top: 1px;
  line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.alztext:hover b { color: var(--acc); }
.alzzeit { color: var(--dim); font-size: var(--t-klein); white-space: nowrap; }
.alzweg { width: 24px; height: 24px; padding: 0; line-height: 1; border-radius: 7px; cursor: pointer;
  background: transparent; border: 1px solid transparent; color: var(--dim); font-size: 15px; }
.alzweg:hover { border-color: var(--line2); color: var(--text); background: var(--panel); }
.alzweg.leer { cursor: default; }
.alzleer { background: var(--panel); border: 1px dashed var(--line2); border-radius: 12px;
  padding: 34px 20px; text-align: center; color: var(--mut); font-size: var(--t-text); max-width: 900px; }
@media (max-width: 699px) {
  .alz { grid-template-columns: 7px minmax(0, 1fr) 24px; gap: 11px; padding: 10px 12px; align-items: start; }
  .alzpunkt { margin-top: 6px; }
  .alzzeit { grid-column: 2; grid-row: 2; margin-top: 3px; }
  .alztext span { white-space: normal; overflow: visible; line-height: 1.45; }
}
.navzahl { margin-left: auto; background: var(--amber); color: #1a1000;
  font-size: var(--t-mikro); font-weight: 700; min-width: 17px; height: 17px; line-height: 17px;
  text-align: center; border-radius: 9px; padding: 0 5px; pointer-events: none; flex: none; }
.navzahl.echt { background: var(--red); color: #2a0508; }
.navzahl.gut { background: var(--green); color: #05261c; }
.navzahl.neu { background: var(--blau, #2f6fb0); color: #fff; }
.admseit { margin: 0 0 14px; padding: 10px 14px; border: 1px dashed var(--line2); border-radius: 8px; font-size: var(--t-text); }
.admseit.dim { color: var(--dim); }
.profile .navzahl.pticket { margin-left: 0; }
.side-zu .side .profile .navzahl.pticket { position: absolute; top: 6px; right: 6px; }
.side-zu .side .profile { position: relative; }
[data-theme="light"] .navzahl.echt { color: #fff; }
.schalter { position: relative; display: inline-block; width: 40px; height: 22px; flex: none; }
.schalter input { position: absolute; opacity: 0; width: 0; height: 0; }
.schalter span { position: absolute; inset: 0; background: var(--panel2); border: 1px solid var(--line2);
  border-radius: 12px; cursor: pointer; transition: background .15s, border-color .15s; }
.schalter span::after { content: ''; position: absolute; left: 3px; top: 3px; width: 14px; height: 14px;
  border-radius: 50%; background: var(--dim); transition: transform .15s, background .15s; }
.schalter input:checked + span { background: var(--acc-dim); border-color: var(--acc); }
.schalter input:checked + span::after { transform: translateX(18px); background: var(--acc); }
.schalter input:focus-visible + span { outline: 2px solid var(--acc); outline-offset: 2px; }
.kuendzeile { display: flex; align-items: center; justify-content: space-between; gap: 14px;
  flex-wrap: wrap; max-width: 640px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line);
  color: var(--mut); font-size: var(--t-text); }
.kuendbox { margin-top: 18px; }
.kuendbox b { display: block; margin-bottom: 6px; color: var(--text); font-size: var(--t-gross); }
.kuendbox p { color: var(--mut); font-size: var(--t-text); line-height: 1.6; margin-bottom: 8px; }
.kuendbox p b { display: inline; font-size: var(--t-text); }
.plangrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; align-items: stretch; }
@media (max-width: 900px) { .plangrid { grid-template-columns: 1fr; } }
.plkarte { display: flex; flex-direction: column; padding: 18px 18px 16px; }
.plkarte.hervor { border-color: var(--acc); box-shadow: 0 0 0 1px var(--acc-dim); }
.plkarte.plwahl { border-color: var(--acc); box-shadow: 0 0 0 1px var(--acc), 0 14px 34px rgba(0,0,0,.3); }
.plangrid:has(.plwahl) .plkarte.hervor:not(.plwahl) { border-color: var(--line); box-shadow: none; }
.plkopf { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.plkopf h2 { font-size: var(--t-titel); margin: 0; }
.plpreis { display: flex; align-items: baseline; gap: 7px; margin-bottom: 12px; }
.plpreis b { font-size: var(--t-zahl); letter-spacing: -.02em; }
.plpreis span { color: var(--mut); font-size: var(--t-text); }
.plmerk { list-style: none; padding: 0; margin: 0 0 16px; flex: 1 1 auto; }
.plmerk li { color: var(--mut); font-size: var(--t-text); line-height: 1.55; padding-left: 19px; position: relative; margin-bottom: 7px; }
.plmerk li::before { content: ''; position: absolute; left: 2px; top: 6px; width: 7px; height: 4px;
  border-left: 2px solid var(--acc); border-bottom: 2px solid var(--acc); transform: rotate(-45deg); }
.badge { display: inline-block; padding: 3px 10px; border-radius: 6px; font-size: var(--t-klein); font-weight: 700; letter-spacing: .07em; }
.b-green { background: var(--acc-dim); color: var(--green); }
.b-red { background: rgba(255,93,108,.13); color: var(--red); }
.b-amber { background: rgba(255,184,77,.14); color: var(--amber); }
.b-grey { background: rgba(124,143,163,.14); color: var(--grey); }
.b-blue { background: rgba(77,163,255,.14); color: var(--blue); }
.chip { display: inline-block; padding: 2px 10px; border-radius: 6px; font-size: var(--t-klein); font-weight: 600; background: var(--panel2); border: 1px solid var(--line2); color: var(--blue); }
.chip.warn { color: var(--amber); border-color: rgba(255,184,77,.3); }
.chip.c-auto { color: var(--amber); border-color: rgba(255,184,77,.3); background: rgba(255,184,77,.07); }
.chip.c-man { color: var(--green); border-color: rgba(63,168,143,.3); background: rgba(63,168,143,.07); }
.chip.gemessen, .ibadge.gemessen {
  color: var(--text); border: 1px solid var(--line2); background: var(--panel2); border-style: solid;
}
.chip.angabe, .ibadge.angabe {
  color: var(--mut); border: 1px dashed var(--line2); background: transparent; font-weight: 500;
}
.chip.angabe::before, .ibadge.angabe::before { content: '✎ '; opacity: .65; }
.chip.angabe.ghost, .ibadge.angabe.ghost { color: var(--dim); }
.ibadge.wider, .chip.wider {
  color: var(--red); border: 1px solid rgba(255,93,108,.35); background: rgba(255,93,108,.10); font-weight: 700;
}
.chip.notechip { color: #a98fd6; border-color: color-mix(in srgb, #a98fd6 42%, transparent); background: color-mix(in srgb, #a98fd6 11%, transparent); font-weight: 600; }
.chip.notechip.ghost { color: color-mix(in srgb, #a98fd6 65%, var(--mut)); border: 1px dashed color-mix(in srgb, #a98fd6 34%, transparent); background: transparent; font-weight: 500; }
.chip.notechip:hover { outline-color: #a98fd6; }
.stagesel {
  appearance: none; -webkit-appearance: none; cursor: pointer; width: auto;
  background: var(--panel2); border: 1px solid var(--line2); color: var(--text);
  border-radius: 6px; padding: 3px 10px; font-size: var(--t-klein); font-weight: 700; text-transform: capitalize;
}
.stagesel:hover { border-color: var(--acc); }
.stagechip { padding: 2px 10px; border-radius: 6px; font-size: var(--t-klein); font-weight: 700; background: var(--panel2); border: 1px solid var(--line2); color: var(--text); text-transform: capitalize; }
.scorebox { display: flex; align-items: center; gap: 10px; min-width: 150px; }
#eabody .scorebox { min-width: 92px; }
.tsym { font-family: var(--mono); font-size: var(--t-klein); color: var(--mut); white-space: nowrap; }
.eaname small:empty { display: none; }
.scoreval { font-weight: 700; font-size: var(--t-gross); width: 30px; text-align: right; font-family: var(--mono); }
.scorebar { flex: 1; height: 6px; border-radius: 3px; background: var(--line); overflow: hidden; }
.scorebar i { display: block; height: 100%; border-radius: 3px; }
.scorebar.prov { opacity: .7; background-image: repeating-linear-gradient(45deg, transparent 0 4px, rgba(255,255,255,.05) 4px 8px); }
.nl-head { font-size: var(--t-klein); font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--dim); margin: 4px 0 8px; }
.splitsec { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.namelist { display: flex; flex-direction: column; gap: 6px; max-height: 240px; overflow-y: auto; }
.nrow { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px; border: 1px solid var(--line2); border-radius: 8px; }
.nrow.cur { border-color: var(--acc); background: rgba(93,202,165,.07); }
.nrow .nn { font-weight: 600; font-size: var(--t-gross); display: flex; flex-direction: column; gap: 2px; }
.nrow .nn small { font-weight: 400; font-size: var(--t-klein); color: var(--dim); }
.nrow .nwerb { font-weight: 600; font-size: var(--t-klein); color: var(--amber); }
.nrow .nwerb::before { content: '! '; }
.rtag { display: inline-block; padding: 1px 7px; border-radius: 5px; font-size: var(--t-mikro); font-weight: 700; letter-spacing: .03em; }
.rt-name { background: rgba(93,202,165,.15); color: var(--acc); }
.rt-check { background: rgba(240,159,39,.18); color: var(--amber); }
.mlink { color: var(--text); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.mlink:hover { color: var(--acc); }
.main.busy { position: relative; pointer-events: none; }
.main.busy > :not(.loadov) { opacity: .45; transition: opacity .12s; }
.loadov { position: fixed; inset: 0; z-index: 60; display: flex; align-items: center; justify-content: center; pointer-events: none; }
.loadwrap { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.sigbars { display: flex; align-items: flex-end; gap: 8px; height: 44px; }
.sigbars i { display: block; width: 9px; border-radius: 3px; background: var(--acc); transform-origin: bottom; animation: sigwv 1.1s ease-in-out infinite; }
.sigbars i:nth-child(1) { height: 16px; animation-delay: 0s; }
.sigbars i:nth-child(2) { height: 30px; animation-delay: .15s; }
.sigbars i:nth-child(3) { height: 44px; animation-delay: .3s; }
@keyframes sigwv { 0%, 100% { opacity: .2; transform: scaleY(.55); } 50% { opacity: 1; transform: scaleY(1); } }
.loadlbl { font-size: var(--t-gross); font-weight: 700; color: var(--text); letter-spacing: .01em; }
.acctswitch { flex-basis: 100%; margin-top: 7px; padding-top: 7px; border-top: 1px solid var(--line); }
.acctswitch .asrow { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.acctswitch .aspills { display: flex; flex-wrap: wrap; gap: 8px; }
.acctswitch .asl { font-size: var(--t-text); color: var(--dim); }
.apill { font-family: var(--mono); font-size: var(--t-text); font-weight: 600; padding: 5px 12px; border-radius: 999px; border: 1px solid var(--line2); background: transparent; color: var(--text); cursor: pointer; }
.apill:hover { border-color: var(--acc); }
.apill.on { background: var(--acc); color: var(--accText); border-color: var(--acc); }
.apill.k-live:not(.on) { color: var(--green); border-color: color-mix(in srgb, var(--green) 45%, transparent); background: color-mix(in srgb, var(--green) 10%, transparent); }
.apill.k-cent:not(.on) { color: var(--amber); border-color: color-mix(in srgb, var(--amber) 45%, transparent); background: color-mix(in srgb, var(--amber) 10%, transparent); }
.apill.k-demo:not(.on) { color: var(--mut); border-color: var(--line2); background: color-mix(in srgb, var(--mut) 8%, transparent); }
.apill .apdot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 6px; vertical-align: 1px; }
.apill .apst { font-weight: 500; }
.apill .apst.on { color: var(--green); }
.apill .apst.off { color: var(--dim); }
.apst.pause { color: var(--dim); }
.apst.offen { color: var(--acc); }
.apill.on .apst.on, .apill.on .apst.off { color: inherit; opacity: .75; }
.stgcount { font-size: var(--t-klein); color: var(--acc); font-weight: 700; }
.backlink { color: var(--mut); font-size: var(--t-text); font-weight: 600; display: inline-flex; align-items: center; gap: 6px; margin-bottom: 14px; width: fit-content; }
.backlink:hover { color: var(--acc); }
.h1row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.renamebtn { background: none; border: 1px solid var(--line); color: var(--mut); border-radius: 8px; padding: 5px 10px; cursor: pointer; font-size: var(--t-gross); line-height: 1; }
.renamebtn:hover { color: var(--acc); border-color: var(--acc); }
.h1edit { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.h1edit input { font-size: var(--t-seite); font-weight: 600; padding: 6px 12px; min-width: 260px; background: var(--panel); border: 1px solid var(--acc); border-radius: 9px; color: var(--text); }
.detail-head { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 22px; flex-wrap: wrap; margin-bottom: 14px; }
.detail-head h1 { font-size: var(--t-zahl); font-weight: 700; letter-spacing: -.01em; }
.detail-head .tags { display: flex; gap: 8px; margin-top: 8px; flex-wrap: wrap; align-items: center; }
.dh-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-left: auto; }
.detailhero { position: relative; }
.detailhero .dh-actions { position: absolute; top: 0; right: 0; }
.clickchip:hover { outline: 1px solid var(--acc); }
.caret { opacity: .7; font-size: var(--t-klein); }
.menuwrap { position: relative; }
.menu { position: absolute; top: calc(100% + 6px); right: 0; z-index: 50; min-width: 230px; background: var(--panel); border: 1px solid var(--line2); border-radius: 10px; padding: 6px; display: flex; flex-direction: column; gap: 2px; box-shadow: 0 10px 28px rgba(0,0,0,.45); }
.menu[hidden] { display: none; }
.menu button { background: transparent; border: 0; text-align: left; padding: 9px 12px; border-radius: 7px; color: var(--text); font-size: var(--t-gross); cursor: pointer; }
.menu button:hover { background: var(--line); }
.menu button.mi-amber { color: var(--amber); }
.ringwrap { display: flex; align-items: center; gap: 14px; }
.ring { width: 118px; height: 118px; display: block; }
.ring .track { opacity: .22; }
.ring .val { stroke-dashoffset: var(--ring-off);
  animation: ringDraw .95s cubic-bezier(.3,.7,.3,1) .12s backwards; }
@keyframes ringDraw { from { stroke-dashoffset: 1; } }
.ring .rzahl { animation: ringZahl .8s cubic-bezier(.2,.8,.3,1) .12s backwards; }
@keyframes ringZahl {
  from { filter: blur(6px); opacity: 0; transform: translateY(4px); }
  60%  { filter: blur(1.5px); opacity: 1; }
  to   { filter: blur(0); opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .ring .val, .ring .rzahl { animation: none; }
  .ring .rzahl { filter: none; opacity: 1; transform: none; }
}
.ring text { fill: var(--text); font-weight: 700; }
.ring .rzahl { font-size: 40px; letter-spacing: -.02em; }
.kpis { display: grid; grid-template-columns: repeat(auto-fill, minmax(148px, 1fr)); gap: 11px; }
.kpi { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; padding: 13px 16px; }
.kpi .k { color: var(--dim); font-size: var(--t-klein); font-weight: 700; text-transform: uppercase; letter-spacing: .09em; }
.kpi .v { font-size: var(--t-seite); font-weight: 700; margin-top: 3px; font-family: var(--mono); }
.curvecard { margin-top: 4px; }
.legend { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; flex-wrap: wrap; gap: 8px; }
.legend .l { color: var(--mut); font-size: var(--t-text); }
.legend .l span { font-size: var(--t-gross); vertical-align: -1px; }
.flags { margin-top: 16px; display: grid; gap: 8px; }
.flag { padding: 11px 15px; border-radius: 11px; font-size: var(--t-text); border: 1px solid var(--line); background: var(--panel); border-left-width: 3px; }
.flag.red { border-left-color: var(--red); color: #ffc2c9; }
.flag.yellow { border-left-color: var(--amber); color: #ffdfae; }
.flag.grey { border-left-color: var(--grey); color: var(--mut); }
.flag.info { border-left-color: var(--line2); color: var(--dim); }
.evidence { color: var(--mut); font-size: var(--t-text); margin-top: 14px; background: var(--panel); border: 1px solid var(--line); border-radius: 11px; padding: 13px 16px; }
.evidence b { color: var(--text); }
.evidence li { margin-left: 18px; margin-top: 4px; }
.journal { display: grid; gap: 8px; }
.jentry { display: flex; gap: 14px; padding: 11px 15px; background: var(--panel); border: 1px solid var(--line); border-radius: 11px; font-size: var(--t-gross); }
.jentry .t { color: var(--dim); font-size: var(--t-klein); white-space: nowrap; padding-top: 2px; font-family: var(--mono); }
.jentry .a { font-weight: 700; font-size: var(--t-klein); text-transform: uppercase; letter-spacing: .07em; color: var(--acc); padding-top: 3px; }
textarea, input, select {
  background: var(--bg2); border: 1px solid var(--line); color: var(--text);
  border-radius: 10px; padding: 10px 13px; font: inherit; width: 100%;
}
textarea:focus, input:focus, select:focus { outline: none; border-color: var(--acc); }
input:-webkit-autofill, input:-webkit-autofill:hover,
input:-webkit-autofill:focus, input:-webkit-autofill:active,
textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--bg2) inset;
  box-shadow: 0 0 0 1000px var(--bg2) inset;
  -webkit-text-fill-color: var(--text);
  caret-color: var(--text);
  transition: background-color 9999s ease-out 0s;
}
select { width: auto; }
input[type="checkbox"], input[type="radio"] {
  width: auto; padding: 0; border: 0; background: none; border-radius: 0;
  accent-color: var(--acc);
}
.btn { background: var(--acc); border: none; color: var(--accText); font-weight: 700; padding: 10px 18px; border-radius: 10px; transition: filter .12s, transform .12s; }
.btn:hover { filter: brightness(1.12); }
.btn:active { transform: scale(.98); }
@media (prefers-reduced-motion: reduce) { .btn:active { transform: none; } }
.btn.ghost { background: transparent; border: 1px solid var(--line2); color: var(--mut); }
.btn.ghost:hover { border-color: var(--acc); color: var(--text); }
.row { display: flex; gap: 10px; align-items: center; }
.drop {
  border: 1.5px dashed var(--line2); border-radius: var(--r); padding: 64px 30px; text-align: center;
  color: var(--mut); transition: all .15s; background: var(--panel);
}
.drop.over { border-color: var(--acc); background: rgba(63,168,143,.05); color: var(--text); }
.drop h3 { font-size: var(--t-titel); margin-bottom: 6px; color: var(--text); font-weight: 700; }
.droplog { margin-top: 18px; display: grid; gap: 8px; font-size: var(--t-gross); }
.droplog .ok { color: var(--green); } .droplog .err { color: var(--red); }
.droplog .warn { color: var(--amber); }
.droplog a { color: inherit; text-decoration: underline; text-underline-offset: 3px;
  text-decoration-thickness: 1px; text-decoration-color: color-mix(in srgb, currentColor 45%, transparent); }
.droplog a:hover { text-decoration-color: currentColor; }
.log2 { min-height: 100vh; display: grid; grid-template-columns: 1fr 1fr; }
.log2l { display: grid; place-items: center; padding: 44px 34px; background: var(--panel); }
.log2box { width: 100%; max-width: 340px; }
.log2box .logo { font-size: var(--t-zahl); display: flex; align-items: center; gap: 10px;
  letter-spacing: .14em; font-weight: 700; }
.log2box .logo .lgi { width: 26px; height: 26px; }
.log2zeile { margin-top: 10px; font-size: var(--t-gross); color: var(--mut); line-height: 1.5; }
.log2box form { display: grid; gap: 12px; margin-top: 22px; }
.log2box .login-toggle { text-align: left; }
.log2box .login-toggle a { color: var(--acc); text-decoration: none; font-weight: 600; }
.log2box .login-toggle a.leise { color: var(--dim); font-weight: 400; }
.log2pkt { color: var(--dim); }
.log2box .langseg { width: 170px; max-width: none; margin: 18px auto 0; }
.log2box .login-legal { max-width: none; margin-top: 20px; text-align: left; }
.log2bild { padding: 22px; display: flex; }
.log2b {
  flex: 1; border-radius: 20px; overflow: hidden; position: relative;
  display: flex; align-items: flex-end; justify-content: center; padding: 38px 34px;
  background-image:
    radial-gradient(120% 80% at 20% 8%, rgba(127,232,200,.30), transparent 55%),
    radial-gradient(90% 70% at 85% 30%, rgba(63,168,143,.22), transparent 60%),
    linear-gradient(168deg,#0e3b31 0%,#0a2a25 42%,#061a17 100%);
  background-size: cover; background-position: center;
}
.log2b::before { content: ""; position: absolute; inset: auto 0 0 0; height: 62%;
  background: linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,.34) 46%, transparent); }
.log2satz { position: relative; text-align: center; max-width: 420px; }
.log2q { font-size: clamp(17px, 1.7vw, 23px); font-weight: 600; line-height: 1.4;
  letter-spacing: -.01em; color: #fff; }
.log2q span { display: block; text-wrap: balance; }
.log2band { display: flex; align-items: center; justify-content: center; margin-bottom: 22px; }
.log2st { font-size: var(--t-mikro); font-weight: 700; letter-spacing: .13em;
  text-transform: uppercase; padding: 4px 11px; color: rgba(255,255,255,.62);
  border: 1px solid rgba(255,255,255,.20); border-right: 0; }
.log2st:first-child { border-radius: 8px 0 0 8px; }
.log2st:last-child { border-right: 1px solid rgba(255,255,255,.20); border-radius: 0 8px 8px 0; }
.log2st.an { background: var(--kanFl); border-color: var(--kanFl); color: #062a22; }
.log2heim { position: absolute; top: 16px; left: 16px; display: inline-flex; align-items: center;
  gap: 6px; font-size: var(--t-text); font-weight: 500; text-decoration: none;
  color: rgba(255,255,255,.86); background: rgba(0,0,0,.30);
  border: 1px solid rgba(255,255,255,.22); border-radius: 99px; padding: 6px 13px 6px 10px;
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  transition: background .14s, border-color .14s; }
.log2heim svg { width: 14px; height: 14px; }
.log2heim:hover { background: rgba(0,0,0,.46); border-color: rgba(255,255,255,.38); }
.log2heimS { display: none; }
@media (max-width: 820px) {
  .log2 { grid-template-columns: 1fr; }
  .log2bild { display: none; }
  .log2heimS { position: static; display: inline-flex; margin-bottom: 16px;
    color: var(--mut); background: none; border-color: var(--line); backdrop-filter: none;
    -webkit-backdrop-filter: none; }
  .log2heimS:hover { background: none; border-color: var(--line2); color: var(--text); }
}
.login-wrap { min-height: 100vh; display: grid; place-items: center; padding: 20px;
  background: radial-gradient(900px 500px at 50% -10%, rgba(63,168,143,.07), transparent 60%), var(--bg); }
.login-card { width: 100%; max-width: 400px; padding: 40px 36px; }
.login-card .logo { font-size: var(--t-zahl); display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 8px; letter-spacing: .14em; font-weight: 700; }
.login-card .logo .lgi { width: 26px; height: 26px; }
.login-card .sub { text-align: center; color: var(--dim); font-size: var(--t-text); }
.login-card form { display: grid; gap: 12px; margin-top: 22px; }
.feld { display: grid; gap: 5px; }
.feld label { font-size: var(--t-klein); color: var(--mut); font-weight: 500; letter-spacing: .01em; }
.login-err { color: var(--red); font-size: var(--t-text); min-height: 18px; }
.hp { position: absolute; left: -9999px; top: -9999px; height: 0; overflow: hidden; }
.login-toggle { text-align: center; margin-top: 16px; font-size: var(--t-text); color: var(--dim); }
.wbfehler { display: flex; align-items: center; justify-content: space-between; gap: 14px;
  flex-wrap: wrap; border-color: color-mix(in srgb, var(--amber) 38%, transparent);
  background: color-mix(in srgb, var(--amber) 8%, transparent);
  font-size: var(--t-text); color: var(--mut); }
.wbfehler b { display: block; color: var(--text); font-size: var(--t-gross); margin-bottom: 3px; }
.wbfehlergross { padding: 22px 20px; align-items: flex-start; }
.wbfehler .btn { flex: none; }
.zoffen { border-color: color-mix(in srgb, var(--amber) 38%, transparent);
  background: color-mix(in srgb, var(--amber) 8%, transparent); }
.zoffen > p { font-size: var(--t-text); color: var(--mut); margin: 0; }
.zoffen .tablecard { margin-top: 12px; }
.zoffen table { width: 100%; }
.pwkeywarn { margin: 12px 0 0; font-size: var(--t-text); color: var(--amber);
  line-height: 1.45; }
.keyfrisch { border-color: color-mix(in srgb, var(--amber) 45%, transparent);
  background: color-mix(in srgb, var(--amber) 8%, transparent); }
.keyfrischtext { margin: 0 0 12px; font-size: var(--t-gross); font-weight: 600;
  color: var(--text); line-height: 1.45; }
.steps { counter-reset: s; display: grid; gap: 12px; }
.step { display: flex; gap: 16px; padding: 17px 18px; background: var(--panel); border: 1px solid var(--line); border-radius: 12px; font-size: var(--t-gross); }
.step::before {
  counter-increment: s; content: counter(s);
  width: 27px; height: 27px; border-radius: 9px; background: var(--acc-dim); color: var(--acc);
  display: grid; place-items: center; font-weight: 700; font-size: var(--t-text); flex-shrink: 0;
}
.step code { font-family: var(--mono); background: var(--bg2); padding: 1px 7px; border-radius: 6px; font-size: var(--t-text); border: 1px solid var(--line); }
.keybox { display: flex; gap: 10px; align-items: center; background: var(--bg2); border: 1px solid var(--line); border-radius: 11px; padding: 13px 16px; font-family: var(--mono); font-size: var(--t-text); }
.keybox code { flex: 1; overflow: hidden; text-overflow: ellipsis; color: var(--acc); }
.chart { position: relative; width: 100%; }
.chart svg { display: block; }
.chart .ax { fill: var(--dim); font-size: var(--t-mikro); font-family: var(--mono); }
.chart .axd { fill: var(--mut); font-size: var(--t-klein); }
.chart .vlpillbg { fill: var(--panel2); }
.chart .vlpill { fill: color-mix(in srgb, var(--blue) 15%, transparent);
  stroke: color-mix(in srgb, var(--blue) 45%, transparent); stroke-width: 1; }
.chart .vlname { fill: var(--blue); font-size: var(--t-mikro); font-family: var(--mono);
  font-weight: 700; letter-spacing: .02em; }
.animline { stroke-dasharray: 600; stroke-dashoffset: 600; animation: chartdraw 1.1s cubic-bezier(.4,0,.2,1) forwards; }
@keyframes chartdraw { to { stroke-dashoffset: 0; } }
.animfill { opacity: 0; animation: chartfade .7s ease .5s forwards; }
@keyframes chartfade { to { opacity: 0.09; } }
.animglow { opacity: 0; animation: glowfade .8s ease .45s forwards; }
@keyframes glowfade { to { opacity: var(--glowop, 0.35); } }
.animgfill { opacity: 0; animation: gradfade .7s ease .5s forwards; }
@keyframes gradfade { to { opacity: 1; } }
.chartbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.chartbar .ranges { display: inline-flex; }
.chartright { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.ctablinks { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; min-width: 0; }
.cebene { display: inline-flex; flex: none; gap: 3px; padding: 3px;
  background: var(--bg2); border: 1px solid var(--line2); border-radius: 11px; }
.cebene button { appearance: none; border: 0; background: none; cursor: pointer; font: inherit;
  font-size: var(--t-text); font-weight: 700; color: var(--mut); white-space: nowrap;
  padding: 7px 15px; border-radius: 8px; }
.cebene button:hover { color: var(--text); }
.cebene button.on { background: var(--panel2); color: var(--text); box-shadow: inset 0 0 0 1px var(--line2); }
.ckopf { display: flex; align-items: baseline; gap: 9px; flex-wrap: wrap; margin: -2px 0 8px; }
.ckopf:empty { display: none; }
.ckopf .lin { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.ckopf .li { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
  font-size: var(--t-klein); color: var(--mut); }
.ckopf .li i { width: 8px; height: 8px; border-radius: 50%; display: inline-block; flex: none; }
@media (max-width: 700px) {
  .sidegriff { display: none; }
  .ctablinks { flex-direction: column; align-items: stretch; gap: 8px; width: 100%; }
  .cebene { width: 100%; }
  .cebene button { flex: 1 1 0; text-align: center; padding: 8px 6px; }
  .cebene, .curvecard .ranges:not(.cwin) { width: 100%; }
  .cebene button, .curvecard .ranges:not(.cwin) button { flex: 1 1 0; min-width: 0; height: 44px;
    padding: 0 4px; text-align: center; }
  .curvecard .ranges.cwin { width: 100%; background: none; border: 0; border-radius: 0;
    padding: 0 2px; gap: 0; justify-content: space-between; }
  .curvecard .ranges.cwin button { flex: 0 1 auto; min-width: 0; height: 44px; padding: 0 6px;
    border-radius: 0; border-bottom: 2px solid transparent; font-size: var(--t-klein); }
  .curvecard .ranges.cwin button.on { background: none; box-shadow: none; color: var(--acc);
    border-bottom-color: var(--acc); }
}
.balunit button { padding: 5px 11px; font-size: var(--t-text); font-weight: 700; min-width: 34px; }
.cwin button { padding: 5px 10px; font-size: var(--t-klein); }
.ddtab { margin: 0 0 14px; }
.curvecard .ddtab .tablecard { background: none; border: 0; border-radius: 0; }
.curvecard .ddtab .kachelkopf { padding: 0 0 10px; }
.ddklapp { margin-left: 4px; }
.ddklapp button { display: inline-flex; align-items: center; gap: 6px; }
.ddklapp button::after { content: '▸'; font-size: 11px; color: var(--dim);
  display: inline-block; transition: transform .15s; }
.ddklapp button.on::after { transform: rotate(90deg); }
.ddtable { width: 100%; border-collapse: collapse; font-size: var(--t-klein); }
.ddtable th { text-align: left; font-weight: 600; color: var(--dim); padding: 4px 10px 6px 0;
  border-bottom: 1px solid var(--line); text-transform: uppercase; letter-spacing: .04em; font-size: 11px; }
.ddtable th.num-r, .ddtable td.num-r { text-align: right; padding-right: 14px; }
.ddtable td { padding: 5px 10px 5px 0; border-bottom: 1px solid var(--line); }
.ddtable tr:last-child td { border-bottom: none; }
.ddtable tbody tr:last-child td { font-weight: 700; }
.ddtable tr.ddmarke td { border-top: 2px solid var(--line); padding-top: 9px; font-weight: 400; }
.ddtable tr.ddmarke td:first-child { color: var(--fg); }
.ddz td:first-child { color: var(--dim); }
.ddz.hat td:first-child { color: var(--fg); }
.ddq { font-size: 11px; padding: 1px 7px; border-radius: 999px; white-space: nowrap; }
.ddq.float { background: color-mix(in srgb, var(--green) 16%, transparent); color: var(--green); }
.ddq.trades { background: color-mix(in srgb, var(--dim) 18%, transparent); color: var(--dim); }
.ddtable .ddat { color: var(--dim); font-size: 11px; margin-left: 6px; }
.ddfuss { margin-top: 8px; color: var(--dim); font-size: 11px; line-height: 1.5; }
@media (max-width: 700px) {
  .ddtable th:nth-child(3), .ddtable td:nth-child(3) { display: none; }
  .ddtable .ddat { display: none; }
}
.clegend { position: absolute; display: flex; gap: 12px; pointer-events: none; font-size: var(--t-klein); color: var(--dim); z-index: 5; }
.clegend .li { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.clegend .li i { width: 8px; height: 8px; border-radius: 50%; display: inline-block; flex: none; }
.statgrid { display: grid; grid-template-columns: 330px 1fr; gap: 16px; align-items: start; }
@media (max-width: 1000px) { .statgrid { grid-template-columns: 1fr; } }
.statseg { display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin-bottom: 10px; }
.statwahl { display: flex; gap: 10px; align-items: center; }
.statseg button { background: none; border: 0; padding: 0; cursor: pointer; font-family: inherit;
  color: var(--dim); font-size: var(--t-klein); font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
.statseg button:hover { color: var(--text); }
.statseg button.on { color: var(--acc); }
.statpages { display: grid; }
.statpages > div { grid-area: 1 / 1; }
.statpages > div.off { visibility: hidden; }
.sctitle { color: var(--dim); font-size: var(--t-mikro); font-weight: 700; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 10px; }
.srow { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: var(--t-text); color: var(--mut); }
.srow:last-of-type { border-bottom: none; }
.shrow { flex-wrap: wrap; gap: 10px; }
.shrow a { color: var(--text); font-weight: 600; }
.shrow a:hover { color: var(--acc); }
@media (max-width: 699px) {
  .shrow > span:first-child { flex: 1 0 100%; }
  .shrow input[readonly] { display: none; }
  .shrow .row { flex: 1 0 100%; justify-content: flex-start; }
  .shrow .row .btn { flex: 1; }
}
.shdot { color: var(--acc); font-size: var(--t-text); margin-left: 5px; vertical-align: 1px; }
.srow b { font-family: var(--mono); font-size: var(--t-gross); color: var(--text); }
.srow b.pos { color: var(--green); } .srow b.neg { color: var(--red); }
.wdsub { font-size: var(--t-mikro); color: var(--dim); text-transform: uppercase; letter-spacing: .07em; margin: 2px 0 5px; }
.wddiv { border-top: 1px solid var(--line); margin: 12px 0 6px; }
.htimes { display: flex; flex-direction: column; }
.wdchart { flex: 1 1 0; min-height: 108px; display: flex; align-items: stretch; gap: 8px; padding-top: 18px; }
.wdchart.mitnull { min-height: 152px; }
.wdcol { flex: 1; display: flex; flex-direction: column; border-radius: 8px; padding: 0 2px; transition: opacity .16s; }
.wdchart:hover .wdcol { opacity: .38; }
.wdchart .wdcol:hover { opacity: 1; }
.wdbarwrap { flex: 1; position: relative; display: flex; align-items: flex-end; justify-content: center; }
.wdchart.mitnull .wdbarwrap { --n: var(--null, 50%); }
.wdchart.mitnull .wdbar { position: absolute; bottom: calc(100% - var(--n)); }
.wdchart.mitnull .wdbar.neg { bottom: auto; top: var(--n); }
.wdchart.mitnull { position: relative; }
.wdchart.mitnull::after { content: ""; position: absolute; left: 0; right: 0; pointer-events: none;
  top: calc(18px + (100% - 18px - 40px) * var(--null, 50%) / 100%); height: 1px; background: var(--line2); }
.wdval { position: absolute; left: -50%; right: -50%; bottom: 100%; margin-bottom: 3px; text-align: center;
  font-family: var(--mono); font-size: var(--t-mikro); color: var(--mut); white-space: nowrap; }
.wdbar.neg .wdval { bottom: auto; top: 100%; margin: 3px 0 0; }
.wdval.neg { color: var(--red); }
.wdbar { width: 62%; background: var(--acc); border-radius: 4px 4px 0 0; min-height: 3px; position: relative; z-index: 1; }
.wdbar.neg { background: var(--red); border-radius: 0 0 4px 4px; }
.wdbar.we { background: color-mix(in srgb, var(--acc) 45%, transparent); }
.wdbar.we.neg { background: color-mix(in srgb, var(--red) 45%, transparent); }
.wdname { text-align: center; font-family: var(--mono); font-size: var(--t-klein); color: var(--mut); margin-top: 6px; }
.wdcol.we .wdname { color: var(--dim); }
.wdn { text-align: center; font-family: var(--mono); font-size: var(--t-mikro); color: var(--dim); margin-top: 1px; }
.hrchart { flex: 1 1 0; min-height: 54px; display: flex; align-items: flex-end; gap: 2px; }
.hrchart.mitnull { position: relative; align-items: stretch; }
.hrchart.mitnull .hrbar { position: relative; }
.hrchart.mitnull .hrbar::after { content: ""; position: absolute; left: 0; right: 0;
  bottom: calc(100% - var(--null, 50%)); height: 100%; background: inherit; border-radius: inherit; }
.hrchart.mitnull::after { content: ""; position: absolute; left: 0; right: 0; top: var(--null, 50%);
  height: 1px; background: var(--line2); pointer-events: none; }
.vkreihe { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.vk { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; color: var(--text);
  padding: 15px 16px 14px; position: relative; overflow: hidden;
  opacity: 0; transform: translateY(9px);
  animation: vkauf .45s cubic-bezier(.2,.85,.3,1) forwards; animation-delay: var(--d, 0s); }
@keyframes vkauf { to { opacity: 1; transform: none; } }
.vk::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px;
  background: var(--acc); transform: scaleX(0); transform-origin: left;
  animation: vkwisch .5s cubic-bezier(.2,.85,.3,1) forwards; animation-delay: calc(var(--d, 0s) + .12s); }
@keyframes vkwisch { to { transform: scaleX(1); } }
.vk.pos::before { background: var(--green); }
.vk.neg::before { background: var(--red); }
.vkbody { display: flex; flex-direction: column; min-height: 186px; }
.vkkopf { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
.vkn { font-size: var(--t-text); font-weight: 600; line-height: 1.3; }
.vks { font-size: var(--t-mikro); color: var(--dim); font-family: var(--mono); margin-top: 1px; }
.vkn, .vkzsub { color: var(--text); }
.vkzsub { color: var(--dim); }
.vkico { width: 26px; height: 26px; border-radius: 7px; background: var(--panel2); border: 1px solid var(--line);
  display: flex; align-items: center; justify-content: center; flex: 0 0 auto; color: var(--mut); font-size: 12px; }
.vkz { font-family: var(--mono); font-size: var(--t-zahl); font-weight: 700; line-height: 1.1; letter-spacing: -.01em; }
.vkzeile { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.vkzgeld { font-size: calc(var(--t-zahl) * .7); font-weight: 700; font-variant-numeric: tabular-nums; }
.vkz.klein { font-size: var(--t-titel); margin-top: 12px; }
.vkz.pos { color: var(--green); } .vkz.neg { color: var(--red); }
.vkzsub { font-size: var(--t-klein); color: var(--dim); margin-top: 2px; }
.vkfuss { display: flex; justify-content: space-between; gap: 10px; align-items: baseline;
  font-size: var(--t-klein); color: var(--mut); margin-top: auto; padding-top: 12px;
  border-top: 1px solid var(--line); min-height: 34px; }
.vkfuss .fr { font-weight: 700; font-size: var(--t-text); font-variant-numeric: tabular-nums;
  white-space: nowrap; }
.vkfuss .fl b { color: var(--text); font-weight: 600; }
.vkfuss .pos { color: var(--green); } .vkfuss .neg { color: var(--red); }
.vkspk { height: 38px; display: flex; align-items: flex-end; gap: 2px; margin-top: 12px; }
.vkspk i { flex: 1; border-radius: 2px; background: color-mix(in srgb, var(--green) 55%, transparent);
  transform: scaleY(0); transform-origin: bottom; animation: vksy .42s cubic-bezier(.2,.85,.3,1) forwards; }
.vkspk i.n { background: color-mix(in srgb, var(--red) 62%, transparent); }
.vkspk i.hot { background: var(--red); }
.vkspk i.leer { background: none; transform: none; animation: none; }
.vkspk.hov i { opacity: .28; }
.vkspk.hov i.an { opacity: 1; }
.vkspk i { cursor: crosshair; transition: opacity .12s; }
.vksess { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 12px; }
.vksb { border-radius: 8px; padding: 9px 8px 8px; text-align: center; background: var(--panel2);
  opacity: 0; transform: translateY(6px);
  animation: vksbauf .4s cubic-bezier(.2,.85,.3,1) forwards; }
@keyframes vksbauf { to { opacity: 1; transform: none; } }
.vksb .sn { font-size: var(--t-mikro); color: var(--dim); text-transform: uppercase; letter-spacing: .06em; }
.vksb .sv { font-family: var(--mono); font-size: var(--t-gross); font-weight: 700; margin-top: 3px; }
.vksb .sv.pos { color: var(--green); } .vksb .sv.neg { color: var(--red); } .vksb .sv.dim { color: var(--dim); }
.vksb .st { font-size: 9px; color: var(--dim); font-family: var(--mono); margin-top: 1px; }
.vksb.pos { background: color-mix(in srgb, var(--green) 14%, transparent); }
.vksb.neg { background: color-mix(in srgb, var(--red) 16%, transparent); }
.vksb.stark { outline: 2px solid var(--red); outline-offset: -2px; }
.vkmini { height: 22px; display: flex; align-items: flex-end; gap: 1px; margin-top: 7px;
  pointer-events: none; }
.vkmini i { flex: 1; border-radius: 1px; min-height: 1px;
  background: color-mix(in srgb, var(--green) 55%, transparent); }
.vkmini i.n { background: color-mix(in srgb, var(--red) 62%, transparent); }
.vkmini i.null { background: var(--line2); opacity: .55; }
@keyframes vksy { to { transform: scaleY(1); } }
.vkring { display: flex; align-items: center; gap: 14px; margin: 12px 0 2px; }
.vkringg { position: relative; width: 128px; height: 128px; flex: 0 0 128px; }
.vkringg svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.vkringg .rl { stroke: var(--green); }
.vkringg .rs { stroke: var(--red); }
.vkringg circle.seg { pointer-events: none;
  transition: transform .38s cubic-bezier(.34,1.3,.5,1), opacity .15s ease; }
.vkringg circle.hit { stroke: transparent; pointer-events: stroke; cursor: pointer; }
.vkringg circle.seg.matt { opacity: .4; }
.vkringg circle.seg.raus { transform: translate(calc(var(--dx) * 2px), calc(var(--dy) * 2px)); }
.vkringm { pointer-events: none; }
.vkringm b { transition: none; }
.vkringm { position: absolute; inset: 0; display: grid; place-content: center;
  text-align: center; padding: 0 7px; }
.vkringm b { display: inline-block; font-size: 26px; font-weight: 700; line-height: 1.05;
  letter-spacing: -.015em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.vkringm span { display: block; font-size: var(--t-mikro); color: var(--dim);
  letter-spacing: .04em; margin-top: 2px; }
.vkringl { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 9px; }
.vkrl { display: flex; align-items: center; gap: 8px; font-size: var(--t-klein);
  padding: 3px 6px; margin: -3px -6px; text-align: left; }
.vkrl i { width: 9px; height: 9px; border-radius: 2px; flex: 0 0 9px; }
.vkrl span { margin-left: auto; color: var(--dim); font-variant-numeric: tabular-nums; }
.vkrl b { min-width: 34px; text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; }
.rlf { background: var(--green); }
.rsf { background: var(--red); }
.pf { background: var(--green); }
.nf { background: var(--red); }
.qf { background: color-mix(in srgb, var(--text) 34%, transparent); }
.vkdrb { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }
.vkdrk { font-size: var(--t-mikro); letter-spacing: .07em; text-transform: uppercase;
  color: var(--dim); margin-bottom: 8px; }
.vkdrk.zwei { margin-top: 12px; }
.vkdr { display: grid; grid-template-columns: 50px 1fr auto; align-items: center; gap: 9px;
  margin-bottom: 8px; }
.vkdrn { font-size: var(--t-klein); color: var(--mut); }
.vkdrt { position: relative; height: 16px; border-radius: 4px; overflow: hidden;
  background: color-mix(in srgb, var(--text) 5%, transparent); }
.vkdrt i { position: absolute; left: 0; top: 0; bottom: 0; width: var(--w); border-radius: 4px;
  transform-origin: left center; transform: scaleX(0);
  animation: vkwisch .65s cubic-bezier(.2,.85,.3,1) forwards; animation-delay: calc(var(--d, 0s) + .2s); }
.vkdrv { font-size: var(--t-klein); font-weight: 600; font-variant-numeric: tabular-nums;
  min-width: 56px; text-align: right; }
.vkhgrp { font-size: var(--t-mikro); letter-spacing: .07em; text-transform: uppercase;
  color: var(--dim); margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
.vkhliste { margin-top: 8px; }
.vkzwo { font-size: var(--t-text); color: var(--mut); }
.vkhz { display: grid; grid-template-columns: 1fr auto; gap: 1px 10px; padding: 8px 0; align-items: baseline; }
.vkhz + .vkhz { border-top: 1px solid color-mix(in srgb, var(--line) 60%, transparent); }
.vkhz .nm { font-size: var(--t-text); font-weight: 600; }
.vkhz .vl { font-family: var(--mono); font-size: var(--t-gross); font-weight: 700; text-align: right; }
.vkhz .vl.pos { color: var(--green); } .vkhz .vl.neg { color: var(--red); }
.vkhz .sb2 { font-size: var(--t-mikro); color: var(--dim); font-family: var(--mono); }
.vkhz.leer .nm, .vkhz.leer .vl { color: var(--dim); }
.vkhz.leer .vl { font-weight: 400; }
.vkhbar { grid-column: 1 / -1; height: 12px; border-radius: 4px; background: var(--panel2);
  position: relative; overflow: hidden; margin-top: 7px; }
.vkhbar i { position: absolute; top: 0; bottom: 0; border-radius: 4px; transform: scaleX(0);
  animation: vkwisch .55s cubic-bezier(.2,.85,.3,1) forwards; animation-delay: .35s; }
.vkhbar i.pos { background: var(--green); transform-origin: left center; }
.vkhbar i.neg { background: var(--red); transform-origin: right center; }
.vktri { margin-top: 12px; display: grid; gap: 7px; }
.vktr { height: 34px; display: flex; align-items: center; justify-content: space-between; padding: 0 11px;
  border-radius: 7px; transform: scaleX(0); transform-origin: left;
  animation: vkwisch .5s cubic-bezier(.2,.85,.3,1) forwards; animation-delay: var(--ld); }
.vktr .nm { font-weight: 600; font-size: var(--t-text); color: var(--text); }
.vktr span:last-child { font-family: var(--mono); font-size: var(--t-klein); font-weight: 700; }
.vktr.pos { background: color-mix(in srgb, var(--green) 20%, transparent); }
.vktr.neg { background: color-mix(in srgb, var(--red) 24%, transparent); }
.vktr.leer { background: var(--panel2); }
.vktr.leer .nm, .vktr .dim { color: var(--dim); }
.vktr .pos { color: var(--green); } .vktr .neg { color: var(--red); }
.vksym { margin-top: 14px; }
@media (max-width: 860px) { .vkreihe { grid-template-columns: 1fr; } .vkbody { min-height: 0; } }
.animaus .vk, .animaus .vk::before, .animaus .vkspk i, .animaus .vkdrt i, .animaus .vktr { animation: none !important; }
.animaus .vk { opacity: 0; transform: translateY(9px); }
.animaus .vk::before, .animaus .vkdrt i, .animaus .vktr, .animaus .vkhbar i { transform: scaleX(0); }
.animaus .vksb { opacity: 0; transform: translateY(6px); }
.animaus .vksb, .animaus .vkhbar i { animation: none !important; }
.animaus .vkspk i { transform: scaleY(0); }
@media (prefers-reduced-motion: reduce) {
  .vk, .vk::before, .vkspk i, .vkdrt i, .vktr { animation: none; opacity: 1; transform: none; }
}
.hrbar { flex: 1; background: var(--acc); border-radius: 2px 2px 0 0; min-height: 0; }
.hrbar.neg { background: var(--red); border-radius: 0 0 2px 2px; }
.hrchart:hover .hrbar { opacity: .38; }
.hrchart .hrbar:hover { opacity: 1; }
.hraxis { display: flex; justify-content: space-between; font-family: var(--mono); font-size: var(--t-mikro); color: var(--dim); margin-top: 4px; }
.hrwrap { position: relative; }
.hrwrap.hasph { margin-top: 16px; }
.hrwrap .hrchart { position: relative; z-index: 1; height: 54px; }
.dircard { display: flex; flex-direction: column; }
.dircard .phrow { margin-top: auto; }
.phband { position: absolute; top: -6px; bottom: 14px; background: var(--acc-dim, rgba(63,168,143,.12)); border: 1px solid rgba(63,168,143,.35); border-radius: 8px; z-index: 0; }
.phband::after { content: '⚡'; position: absolute; top: -9px; left: 50%; transform: translateX(-50%); font-size: var(--t-klein); background: var(--panel); padding: 0 3px; border-radius: 6px; }
.hrbar.ph { background: var(--acc); box-shadow: 0 0 8px rgba(63,168,143,.55); }
.phrow { margin-top: 12px; background: linear-gradient(120deg, rgba(63,168,143,.1), rgba(63,168,143,.03)); border: 1px solid rgba(63,168,143,.3); border-radius: 10px; padding: 10px 12px; }
.phtop { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.phchip { font: 600 9.5px var(--mono); letter-spacing: .12em; color: var(--accText); background: var(--acc); border-radius: 99px; padding: 3px 9px; white-space: nowrap; }
.phtime { font: 600 14px var(--mono); letter-spacing: -.01em; }
.phtime small { font-weight: 500; font-size: var(--t-mikro); color: var(--dim); letter-spacing: .04em; margin-left: 4px; text-transform: uppercase; }
.phtime.dim2 { color: var(--dim); }
.phsub { font-size: var(--t-klein); color: var(--mut); margin-top: 5px; }
.phsub b { color: var(--acc); font-weight: 600; }
.phsub .fd { color: var(--text); }
.phrow.wait { background: var(--panel2, rgba(255,255,255,.02)); border-color: var(--line2); }
.phrow.wait .phchip { background: var(--line2); color: var(--dim); }
.phrow.wait .phsub { color: var(--dim); }
.phgauge { height: 4px; background: var(--line); border-radius: 3px; margin-top: 8px; overflow: hidden; }
.phgauge i { display: block; height: 100%; background: var(--grey); border-radius: 3px; }
.holdr { display: grid; grid-template-columns: 130px 1fr 92px; align-items: center; gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.holdn { font-size: var(--t-text); color: var(--text); }
.holdn small { display: block; font-size: var(--t-klein); color: var(--dim); font-family: var(--mono); margin-top: 1px; }
.holdt { height: 9px; border-radius: 5px; background: rgba(255,255,255,.05); position: relative; overflow: hidden; }
.holdt i { position: absolute; top: 0; bottom: 0; border-radius: 5px; }
.holdv { text-align: right; font-family: var(--mono); font-size: var(--t-gross); color: var(--text); }
.holdv.pos { color: var(--green); } .holdv.neg { color: var(--red); }
.holdrisk { display: flex; justify-content: space-between; align-items: center; padding: 12px 0 8px; font-size: var(--t-text); color: var(--mut); }
.holdrisk b { font-family: var(--mono); font-size: var(--t-gross); color: var(--text); }
.holdrisk b.neg { color: var(--red); }
@media(max-width:600px){ .holdr { grid-template-columns: 104px 1fr 76px; gap: 8px; } }
body { font-variant-numeric: tabular-nums; }
.skel { display: block; background: linear-gradient(90deg, var(--panel2) 25%, var(--line) 50%, var(--panel2) 75%);
  background-size: 200% 100%; animation: skel 1.2s ease-in-out infinite; border-radius: 7px; }
@keyframes skel { from { background-position: 200% 0; } to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .skel { animation: none; } }
* { scrollbar-width: thin; scrollbar-color: var(--line2) transparent; }
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--line2); border-radius: 99px; border: 2px solid var(--bg); }
::-webkit-scrollbar-thumb:hover { background: var(--grey); }
::-webkit-scrollbar-corner { background: transparent; }
.csec, .trow .tchead .kl { display: flex; align-items: center; gap: 9px; font-size: var(--t-klein); color: var(--acc);
  text-transform: uppercase; letter-spacing: .11em; font-weight: 700; }
.csec { margin: 0 0 12px; }
.csec::before, .trow .tchead .kl::before { content: ''; width: 4px; height: 13px; border-radius: 3px; background: var(--acc); box-shadow: 0 0 8px rgba(63,168,143,.5); flex-shrink: 0; }
.pdiff { font-size: var(--t-klein); font-weight: 500; white-space: nowrap; }
.pdiff.pos { color: var(--green); }
.pdiff.neg { color: var(--red); }
.pdiff.dim { color: var(--dim); }
.periodtab td.pl { text-align: left; font-weight: 600; }
.kachelkopf { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 12px 16px 10px; }
.kachelnote { font-size: var(--t-text); color: var(--dim); }
.card > .kachelkopf { padding: 0 0 12px; }
.mheatcard { margin-top: 10px; }
.h2row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 34px 0 14px; }
.mmtog { display: inline-flex; gap: 3px; background: var(--panel2); border: 1px solid var(--line2); border-radius: 8px; padding: 3px; flex-shrink: 0; }
.mmtog button { border: 0; background: none; color: var(--mut); font-size: var(--t-text); font-weight: 600; padding: 4px 12px; border-radius: 6px; cursor: pointer; }
.mmtog button:hover { color: var(--text); }
.mmtog button.on { background: var(--acc); color: var(--accText); }
.mdaily { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .35s ease, opacity .25s ease; }
.mdaily > .mdinner { overflow: hidden; min-height: 0; padding-top: 12px; }
.mdaily.on { grid-template-rows: 1fr; opacity: 1; }
.mdhead { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; font-size: var(--t-text); }
.mdhead b { color: var(--acc); }
.mdclose { border: 1px solid var(--line2); background: var(--panel2); color: var(--mut); font-size: var(--t-klein); padding: 2px 10px; border-radius: 6px; cursor: pointer; }
.mdclose:hover { color: var(--text); }
.mdhead .kmeta { font-size: var(--t-klein); color: var(--dim); margin-right: auto; margin-left: 14px; }
.mdhead .kmeta em { font-style: normal; color: var(--text); font-weight: 600; }
.mdhead .kmeta em.pos { color: var(--green); }
.mdhead .kmeta em.neg { color: var(--red); }
.k2wrap { display: grid; grid-template-columns: 1fr 96px; gap: 14px; }
.k2head { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; margin-bottom: 5px; }
.k2head > div { text-align: center; font-size: var(--t-mikro); color: var(--dim); font-weight: 600; letter-spacing: .05em; }
.k2head > div.we { opacity: .55; }
.k2 { display: grid; grid-template-columns: repeat(7, 1fr); grid-auto-rows: 62px; gap: 5px; }
.k2c { border-radius: 7px; padding: 5px 6px; display: flex; flex-direction: column;
       align-items: center; justify-content: center; position: relative; line-height: 1.15; }
.k2c .kd { position: absolute; top: 4px; right: 6px; font-size: var(--t-mikro); color: var(--dim); line-height: 1; }
.k2c .kv { font-size: var(--t-text); font-weight: 600; }
.k2c .kn { font-size: var(--t-mikro); color: var(--dim); line-height: 1.2; }
.k2c.leer { opacity: .4; }
.k2c.leer .kd { position: static; align-self: center; }
.k2c.pos { background: color-mix(in srgb, var(--green) 10%, transparent); border: 1px solid color-mix(in srgb, var(--green) 22%, transparent); }
.k2c.pos .kv { color: var(--green); }
.k2c.neg { background: color-mix(in srgb, var(--red) 12%, transparent); border: 1px solid color-mix(in srgb, var(--red) 26%, transparent); }
.k2c.neg .kv { color: var(--red); }
.k2wh { font-size: var(--t-mikro); color: var(--dim); font-weight: 600; letter-spacing: .05em; text-align: center; margin-bottom: 5px; }
.k2w { display: grid; grid-auto-rows: 62px; gap: 5px; }
.k2wc { border-radius: 7px; background: var(--panel2); border: 1px solid var(--line);
        display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.2; }
.k2wc .wv { font-size: var(--t-text); font-weight: 600; }
.k2wc .wv.pos { color: var(--green); }
.k2wc .wv.neg { color: var(--red); }
.k2wc .wv.dim { color: var(--dim); }
.k2wc .wn { font-size: var(--t-mikro); color: var(--dim); }
.k2wc.leer { background: transparent; border: 0; opacity: .4; }
.k2c.kvor { background: color-mix(in srgb, var(--dim) 7%, transparent);
            border: 1px dashed color-mix(in srgb, var(--dim) 38%, transparent); }
.k2c.kvor .kv { color: var(--dim); }
.k2c.kvor.leerwert .kv { opacity: .6; }
.k2wc.kvor { border-style: dashed; background: transparent; }
.k2wc.kvor .wv { color: var(--dim); }
.mheat .mclick.mon { outline: 2px solid var(--acc); outline-offset: -1px; }
.labor { margin-bottom: 18px; }
.lb-row { display: flex; gap: 14px; padding: 8px 0; border-top: 1px solid var(--line); font-size: var(--t-gross); line-height: 1.55; }
.lb-row:first-of-type { border-top: 0; padding-top: 2px; }
.lb-k { flex-shrink: 0; width: 190px; font: 500 10px var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--dim); padding-top: 3px; }
.lb-row a { color: var(--text); font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--line2); }
.lb-row a:hover { color: var(--acc); border-bottom-color: var(--acc); }
.lb-row .amb { color: var(--amber); }
@media (max-width: 699px) { .lb-row { flex-direction: column; gap: 3px; } .lb-k { width: auto; } }
.klapp { display: inline-flex; align-items: center; gap: 9px; background: none; border: 0;
  padding: 0; margin: 0; font: inherit; color: inherit; letter-spacing: inherit;
  text-transform: inherit; cursor: pointer; text-align: left; min-height: 26px; }
.klapp::before { content: '\203A'; flex: none; width: 9px; color: var(--dim);
  transition: transform .12s; font-size: 1.15em; line-height: 1; }
.klapp.offen::before { transform: rotate(90deg); }
.klapp:hover::before { color: var(--acc); }
.klappzahl { font-weight: 400; letter-spacing: 0; text-transform: none;
  font-size: var(--t-text); color: var(--mut); }
.klappzahl:empty { display: none; }
[hidden] { display: none !important; }
.attnframe { margin-bottom: 14px; }
.attngrid { display: grid; grid-template-columns: 1fr 1.25fr; gap: 14px; align-items: stretch; }
.attngrid:has(.attnwrap > *) { grid-template-columns: 1.1fr .8fr 1.3fr; }
.attnwrap { display: contents; }
.attn-kachel { background: var(--panel); border: 1px solid var(--line); border-radius: 10px;
  box-shadow: var(--heb);
  padding: 12px 14px; min-width: 0; }
.csub { font-size: var(--t-klein); font-weight: 700; letter-spacing: .09em;
  text-transform: uppercase; color: var(--dim); margin: 0 0 9px; }
@media (max-width: 900px) { .attngrid { grid-template-columns: 1fr; } }
.sekt { margin-bottom: 14px; }
.labor, .attnframe { margin-bottom: 14px; }
.sekt > .csec .klapp, .attnframe > .csec .klapp { margin-right: auto; }
.sekt > .csec { flex-wrap: wrap; }
.sekt .tablecard { background: none; border: 0; border-radius: 0; }
@media (min-width: 1101px) { .sekt .tablecard thead th { background: var(--panel); } }
.klapp.offen > .klappzahl.nurzu { display: none; }
.klappzahl > .kz-termine:not(:empty):not(:first-child)::before { content: ' · '; color: var(--dim); }
.card.klappzu { padding-bottom: 14px; }
.card.klappzu > .csec { margin-bottom: 0; }
.klappzahl .am { color: var(--amber); font-weight: 600; }
@media (max-width: 699px) { .klapp { min-height: 44px; } }
.dlbl { display: flex; align-items: center; gap: 10px; font-size: var(--t-klein); color: var(--acc); text-transform: uppercase; letter-spacing: .11em; font-weight: 700; margin: 26px 0 10px; }
.dlbl::before { content: ''; width: 4px; height: 14px; border-radius: 3px; background: var(--acc); box-shadow: 0 0 8px rgba(63,168,143,.5); }
.dlbl::after { content: ''; flex: 1; height: 1px; background: var(--line); }
.dlbl .rmtabs { order: 1; }
.dlbl2 { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 28px 0 10px; font-size: var(--t-klein); color: var(--acc); text-transform: uppercase; letter-spacing: .11em; font-weight: 700; }
.dlbl2 > span:first-child { display: flex; align-items: center; gap: 10px; }
.dlbl2 > span:first-child::before { content: ''; width: 4px; height: 14px; border-radius: 3px; background: var(--acc); box-shadow: 0 0 8px rgba(63,168,143,.5); }
.filters-inline { display: flex; gap: 3px; text-transform: none; letter-spacing: 0; flex-wrap: wrap; }
.filters-inline button { font-size: var(--t-klein); color: var(--mut); padding: 5px 10px; border-radius: 7px; background: none; border: 0; cursor: pointer; font-weight: 500; }
.filters-inline button.on { background: var(--acc); color: var(--accText); }
.attn .ctitle { font-size: var(--t-klein); font-weight: 700; letter-spacing: .08em; color: var(--dim); text-transform: uppercase; padding: 14px 16px 2px; }
.attncols { display: grid; gap: 10px; padding: 10px 14px 14px; align-items: start; }
.attncols .grp { min-width: 0; background: var(--bg2); border: 1px solid var(--line); border-radius: 10px; padding: 8px 10px 10px; }
.attncols .ar b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.attncols .ar .meta { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 900px) { .attncols { grid-template-columns: 1fr !important; } }
.grp { padding: 4px 8px 8px; }
.gh { font-size: var(--t-klein); font-weight: 600; padding: 5px 9px; border-radius: 6px; display: inline-block; margin: 5px 0 3px; }
.gh-pro { background: var(--acc-dim); color: var(--acc); }
.gh-con { background: rgba(224,86,94,.13); color: var(--red); }
.gh-risk { background: rgba(255,184,77,.13); color: var(--amber); }
.gh-name { background: rgba(77,163,255,.14); color: var(--blue); }
.ar .dot.n { background: var(--blue); }
.ar { display: flex; align-items: center; gap: 9px; padding: 8px; border-radius: 8px; font-size: var(--t-text); cursor: pointer; }
.ar:hover { background: var(--panel2); }
.ar b { font-weight: 600; } .ar .meta { color: var(--mut); font-size: var(--t-text); } .ar .go { margin-left: auto; color: var(--dim); }
.ar .dot { width: 8px; height: 8px; border-radius: 50%; flex: none; }
.ar .dot.g { background: var(--acc); } .ar .dot.a { background: var(--amber); } .ar .dot.r { background: var(--red); }
.trow .k { padding: 12px 15px; } .trow .kl { font-size: var(--t-klein); color: var(--dim); text-transform: uppercase; letter-spacing: .05em; }
.trow .kv { font-size: var(--t-seite); font-weight: 600; font-family: var(--mono); margin-top: 3px; color: var(--text); } .trow .kv.dim { color: var(--mut); }
.trow .ks { font-size: var(--t-klein); color: var(--dim); margin-top: 3px; }
.psep { border-top: 1px solid var(--line); margin: 10px 0 8px; }
.pnlcols { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.pnlcols > div { min-width: 0; }
.newslist { display: flex; flex-direction: column; gap: 1px; margin-top: 7px; }
.newsrow { display: flex; align-items: center; gap: var(--nsp, 10px); font-size: var(--t-text); color: var(--mut);
  padding: 7px 0 7px 11px; border-left: 3px solid transparent; min-width: 0; }
.newsmore { display: block; width: 100%; text-align: left; background: none; border: 0; color: var(--dim); font-size: var(--t-text); padding: 6px 2px; cursor: pointer; }
.newsmore::before { content: '▸'; display: inline-block; margin-right: 6px; font-size: var(--t-mikro); transition: transform .15s; }
.newsmore.open::before { transform: rotate(90deg); }
.newsmore:hover { color: var(--text); }
.newsmore.open { color: var(--acc); }
.newsfold { border-left: 2px solid var(--line2); padding-left: 8px; margin-left: 2px; }
.newsrow { --nsp: 10px; --ncw: 30px; --niw: 7px; }
.newsrow .nt { flex: none; width: 74px; font-family: var(--mono); font-size: var(--t-text); color: var(--mut); }
.newsrow .nc { flex: none; width: var(--ncw); font-size: var(--t-klein); font-weight: 700; letter-spacing: .04em; color: var(--dim); }
.newsrow .ni { flex: none; width: var(--niw); height: var(--niw); border-radius: 50%; }
.newsrow .ni.hi { background: var(--red); }
.newsrow { align-items: flex-start; }
.newsrow .ntt { min-width: 0; }
.newsrow.lvl-hot { border-left-color: var(--red); }
.newsrow.lvl-hot .nt, .newsrow.lvl-hot .nc { color: var(--red); }
.newsrow.lvl-warm { border-left-color: var(--amber); }
.newsrow.lvl-warm .nt, .newsrow.lvl-warm .nc { color: var(--amber); }
.newsrow.lvl-none { opacity: .45; }
.newsrow.off { opacity: .4; }
.card.bestand { margin-top: 10px; }
.bestandfoot { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px; align-items: start; }
.bestandfoot .pipeflags { align-self: center; }
.newscard .newslist { max-height: 320px; overflow: auto; }
.newshead { font-size: var(--t-text); margin-bottom: 6px; }
.newshead .am { color: var(--amber); }
.newshead.klapp { display: flex; align-items: center; width: 100%; text-align: left;
  background: none; border: 0; padding: 2px 2px 6px; cursor: pointer; color: inherit; }
.newshead.klapp::before { content: '▸'; display: inline-block; margin-right: 6px;
  font-size: var(--t-mikro); color: var(--dim); transition: transform .15s; }
.newshead.klapp.open::before { transform: rotate(90deg); }
.newshead.klapp:hover::before { color: var(--text); }
.newsrow .ntt { display: flex; align-items: baseline; gap: 9px; flex-wrap: wrap; }
.newsrow .ntitle { color: var(--text); }
.nnote { font-size: var(--t-klein); color: var(--dim); white-space: normal; }
.neas { flex-basis: 100%; }
.newsrow.lvl-hot .nnote { color: var(--red); }
.nnote.jetzt { font-weight: 700; color: var(--text); }
.newsrow.lvl-hot .nnote.jetzt, .newsrow.lvl-warm .nnote.jetzt { color: inherit; }
.neas { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; }
.neatag { font-size: var(--t-klein); border: 1px solid var(--line2); border-radius: 5px; padding: 1px 6px; color: var(--mut); white-space: nowrap; }
.neatag.hot { border-color: var(--red); color: var(--red); }
.neatag.warm { border-color: var(--amber); color: var(--amber); }
.neatag .neai { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px;
  margin-left: 5px; border: 1px solid currentColor; border-radius: 50%; font-size: var(--t-mikro); font-weight: 700;
  font-style: normal; font-family: var(--sans); line-height: 1; opacity: .75; cursor: default; vertical-align: middle; }
.neatag .neai:hover { opacity: 1; }
.neahide { display: none; }
.neamore { background: none; border: 1px dashed var(--line2); border-radius: 5px; color: var(--mut);
  font-family: inherit; font-size: var(--t-klein); padding: 1px 7px; cursor: pointer; }
.neamore:hover { border-color: var(--acc); color: var(--acc); }
.uitip { position: fixed; z-index: 300; max-width: 280px; pointer-events: none;
  background: var(--panel2); color: var(--text); border: 1px solid var(--line2); border-radius: 8px;
  padding: 7px 10px; font-size: var(--t-klein); line-height: 1.45; box-shadow: 0 10px 28px -10px rgba(0,0,0,.55);
  opacity: 0; transition: opacity .12s ease; }
.uitip.on { opacity: 1; }
.uitip { white-space: pre-line; }
.newsrow.next { margin-top: 5px; padding-top: 6px; border-top: 1px dashed var(--line);
  align-items: flex-start; }
.newsrow.next .nvor { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.newsrow.next .nvz { display: flex; align-items: center; gap: var(--nsp); min-width: 0; }
.newsrow.next .nvor > .neas { margin-left: calc(var(--ncw) + var(--niw) + 2 * var(--nsp)); }
.newsrow.next .nt { color: var(--acc); }
.newsrow .ni.med { background: var(--amber); }
.newsrow .ntt { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text); }
.newsrow.off { opacity: .45; }
.pipecard { display: flex; flex-direction: column; }
.pipegrid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; flex: 1; }
.pipegrid .pstg { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 1px; background: var(--panel2); border: 1px solid var(--line); border-radius: 10px; padding: 8px 12px; cursor: pointer; transition: border-color .12s; }
.pipegrid .pstg:hover { border-color: rgba(63,168,143,.5); }
.pipegrid .pstg.on { border-color: var(--acc); background: var(--acc-dim); }
.pipegrid .pstg.on span { color: var(--acc); }
.pipegrid .pstg span { font-size: var(--t-klein); font-weight: 700; color: var(--dim); text-transform: uppercase; letter-spacing: .06em; }
.pipegrid .pstg b { font-size: var(--t-seite); font-weight: 600; color: var(--text); font-family: var(--mono); letter-spacing: -.02em; }
.pipeflags { display: flex; align-items: baseline; gap: 8px; }
.pipeflags span { font-size: var(--t-klein); font-weight: 700; color: var(--dim); text-transform: uppercase; letter-spacing: .06em; }
.pipeflags b { font-size: var(--t-seite); font-weight: 600; color: var(--text); font-family: var(--mono); letter-spacing: -.02em; }
.pipeflags b.am { color: var(--amber); }
.pipeflags small { font-size: var(--t-klein); color: var(--mut); }
.scoredist { margin: 0 0 14px; }
.sdbar { display: flex; height: 14px; border-radius: 8px; overflow: hidden; gap: 2px; }
.sdbar .sdseg { border: 0; padding: 0; min-width: 26px; cursor: pointer; opacity: .82; transition: opacity .12s, box-shadow .12s; border-radius: 3px; }
.sdbar .sdseg:hover { opacity: 1; }
.sdbar .sdseg.on { opacity: 1; box-shadow: inset 0 0 0 2px rgba(255,255,255,.7); }
.sdlegend { display: flex; flex-wrap: wrap; gap: 4px 9px; align-items: center; margin-top: 7px; font-size: var(--t-text); color: var(--mut); }
.sdlegend i { display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 5px; vertical-align: -1px; }
.sdlegend .sep, .sdlegend .sdtotal { color: var(--dim); }
.trow { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 0 0 14px; align-items: start; }
.bfhead { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px 16px; margin: -2px 0 12px; }
.neuband { margin-bottom: 14px; }
.nlgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; }
.nlauf { background: var(--panel); border: 1px solid var(--line); border-radius: 9px;
  box-shadow: var(--heb); padding: 12px 14px; min-width: 0; display: block;
  text-decoration: none; color: inherit; border-left: 3px solid var(--line2);
  transition: box-shadow .13s, transform .13s; }
.nlauf.live { border-left-color: var(--green); }
.nlauf.cent { border-left-color: var(--amber); }
.nlauf:hover { box-shadow: var(--heb2); transform: translateY(-1px); }
.nl1 { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.nl1 .stagechip { flex: none; }
.nlnm { font-size: var(--t-gross); font-weight: 600; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nl2 { display: flex; align-items: center; justify-content: space-between; gap: 6px 10px;
  flex-wrap: wrap; font-size: var(--t-klein); color: var(--dim); margin: 3px 0 9px; }
.nlv .nlpos { color: color-mix(in srgb, var(--green) 72%, var(--text)); }
.nlv .nlneg { color: color-mix(in srgb, var(--red) 62%, var(--text)); }
.nlw { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.nlv b { display: block; font-size: var(--t-gross); font-weight: 600; line-height: 1.2;
  font-variant-numeric: tabular-nums lining-nums; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; }
.nlv span { display: block; font-size: var(--t-mikro); letter-spacing: .05em;
  text-transform: uppercase; color: var(--dim); margin-top: 2px; }
.nlmehr { font-size: var(--t-klein); margin-top: 10px; border: 0; background: none;
  color: var(--acc); font-weight: 600; cursor: pointer; padding: 0; font-family: inherit; }
.nlmehr:hover { text-decoration: underline; }
.neuband:not(.offen) .nlauf.nlrest { display: none; }
.ladelogo { display: grid; place-items: center; padding: 22vh 0 40px; }
.ladelogo svg { width: 58px; height: 58px; }
.ladelogo .llkreis { stroke: var(--acc); transform-origin: 24px 24px;
  animation: ladedreh 1s linear infinite; }
.ladelogo .llhaken { stroke: var(--text); }
@keyframes ladedreh { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .ladelogo .llkreis { animation: none; stroke-dasharray: none; }
}
.mk6 { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.msums.nurkacheln { background: none; border: 0; border-radius: 0; padding: 0; }
.balk.mk { padding: 11px; gap: 9px; }
.balk.mk .balkic { width: 32px; height: 32px; }
.balk.mk .balkic svg { width: 16px; height: 16px; }
.balk.mk .balkv { font-size: 17px; overflow: hidden; text-overflow: ellipsis; }
.balk.mk .balkl { font-size: var(--t-text); white-space: normal; }
.balk.mk .balks { font-size: var(--t-mikro); }
.balk.mk[role="button"] { cursor: pointer; }
.balk.mk.on { border-color: var(--acc); box-shadow: 0 0 0 1px var(--acc), var(--heb); }
.balk.mk.on:active { background: color-mix(in srgb, var(--acc) 8%, var(--panel)); }
.mkonten2 { margin-top: 16px; }
.mkonten2 .attnkopf b { font: 500 9px var(--mono); letter-spacing: .12em;
  text-transform: uppercase; color: var(--dim); }
.mkonten2 .attn-kachel { background: none; border: 0; box-shadow: none; padding: 0; }
.mkonten2 .akzgrid { grid-template-columns: 1fr 1fr; }
.mkonten2 .balk { padding: 11px; gap: 9px; }
.mkonten2 .balkic { width: 32px; height: 32px; }
.mkonten2 .balkic svg { width: 16px; height: 16px; }
.mkonten2 .balkv { font-size: 17px; }
.mkonten2 .balkl { white-space: normal; overflow: visible; line-height: 1.25; }
.bfneu { margin: 14px -3px 0; padding: 11px 13px 12px; border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--blue) 30%, transparent);
  background: color-mix(in srgb, var(--blue) 8%, transparent); }
.bfneuk { font: 700 var(--t-text) var(--sans); color: var(--text); margin-bottom: 9px; }
.bfneul { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.bfneurest { font-size: var(--t-klein); }
.attn-kachel .attsub { color: var(--dim); }
.balrow { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }
.balchips { display: inline-flex; gap: 4px; justify-content: flex-end; margin: 0;
  background: var(--panel2); border: 1px solid var(--line2); border-radius: 8px; padding: 3px; }
.balchips button { background: none; border: 0; color: var(--mut); font-size: var(--t-text); font-weight: 600; padding: 5px 12px; border-radius: 6px; cursor: pointer; }
.balchips button:hover { color: var(--text); }
.balchips button.on { background: var(--acc); color: var(--accText); }
.balgrid1 { grid-template-columns: 1fr 1fr; }
.balcard { border-radius: 12px; padding: 14px; border: 0; }
.balcard.echt { background: color-mix(in srgb, var(--green) 9%, transparent); }
.balcard.demo { background: color-mix(in srgb, var(--blue) 8%, transparent); }
.balgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.balgrid2 { grid-template-columns: repeat(2, 1fr); margin-top: 9px; }
.balea .balea-n { font-size: var(--t-text); color: var(--text); margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.balea .balea-n a { color: var(--text); }
.balea .balea-n a:hover { color: var(--acc); }
.balea .balv { font-size: var(--t-titel); margin-top: 1px; }
.attnkopf { padding: 0 0 11px; }
.attnkopf b { display: block; font-size: var(--t-gross); font-weight: 600; letter-spacing: -.005em; }
.attnkopf span { display: block; font-size: var(--t-klein); color: var(--dim); margin-top: 2px; }
.attliste { display: grid; gap: 9px; margin: 0 -6px; }
.attz { display: grid; gap: 5px; min-height: 44px; align-content: center;
  padding: 4px 6px; border-radius: 7px; text-decoration: none; color: inherit;
  transition: background .12s; }
.attz:hover { background: color-mix(in srgb, var(--text) 5%, transparent); }
.attz:focus-visible { outline: 2px solid var(--acc); outline-offset: -2px; }
.attzk { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.attzt { font-size: var(--t-text); color: var(--mut); min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.attzn { font-size: var(--t-gross); font-weight: 600; color: var(--text);
  font-variant-numeric: tabular-nums; }
.attzb { display: block; height: 5px; border-radius: 999px; background: var(--panel2); overflow: hidden; }
.attzb i { display: block; height: 100%; border-radius: 999px; }
.attzb i.d-n { background: var(--blue); }
.attzb i.d-z { background: var(--acc); }
.attzb i.d-r { background: var(--red); }
.attzb i.d-a { background: var(--amber); }
.attnkopf.mitklapp { padding: 0; }
.attnkopf.mitklapp .klapp { display: grid; grid-template-columns: 9px 1fr; gap: 0 9px;
  width: 100%; padding: 0 0 11px; align-items: start; min-height: 0; }
.attnkopf.mitklapp .klapp::before { grid-column: 1; grid-row: 1; align-self: baseline; }
.attnkopf.mitklapp .klapptitel { grid-column: 2; grid-row: 1;
  font-size: var(--t-gross); font-weight: 600; letter-spacing: -.005em; color: var(--text); }
.attnkopf.mitklapp .klappzahl { grid-column: 2; grid-row: 2;
  font-size: var(--t-klein); color: var(--dim); margin-top: 2px; }
.akzgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.akz { display: block; text-decoration: none; color: inherit; border-radius: 10px;
  padding: 9px 10px; border: 1px solid var(--line); background: color-mix(in srgb, var(--text) 2.5%, transparent);
  transition: border-color .15s ease, background .15s ease; }
.akzv { display: block; font-size: 21px; font-weight: 700; line-height: 1.15;
  font-variant-numeric: tabular-nums; }
.akzv small { font-size: 12px; font-weight: 600; color: var(--dim); }
.akzl { display: block; font-size: var(--t-klein); color: var(--mut); margin-top: 1px; line-height: 1.25; }
.akzu { display: block; font-size: var(--t-mikro); color: var(--dim); margin-top: 3px; }
.akz.gut { border-color: color-mix(in srgb, var(--green) 30%, transparent);
  background: color-mix(in srgb, var(--green) 7%, transparent); }
.akz.gut .akzv { color: var(--green); }
.akz.rot { border-color: color-mix(in srgb, var(--red) 32%, transparent);
  background: color-mix(in srgb, var(--red) 7%, transparent); }
.akz.rot .akzv { color: var(--red); }
.akz.warn { border-color: color-mix(in srgb, var(--amber) 34%, transparent);
  background: color-mix(in srgb, var(--amber) 8%, transparent); }
.akz.warn .akzv { color: var(--amber); }
.akz.grau .akzv { color: var(--dim); }
.akz.neu { border-color: color-mix(in srgb, var(--blue) 34%, transparent);
  background: color-mix(in srgb, var(--blue) 8%, transparent); }
.akz.neu .akzv { color: var(--blue); }
.akz.ruhig { background: none; }
.akz.ruhig .akzv { color: var(--text); }
.akz:hover { border-color: var(--line2); }
.attnkopf:has(.akkf) { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.attnkopf .akkf { font-size: var(--t-klein); color: var(--dim);
  font-variant-numeric: tabular-nums; font-weight: 500; white-space: nowrap; }
.attsub { font-size: var(--t-klein); }
.balf { background: var(--panel); border-radius: 9px; padding: 9px 11px; min-width: 0; }
.balf .balk { font-size: var(--t-mikro); color: var(--dim); font-weight: 700; text-transform: uppercase; letter-spacing: .07em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.balf .balv { font-size: var(--t-seite); font-weight: 700; margin-top: 3px; letter-spacing: -.02em; }
.balgrid6 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 11px; }
.balkopf { display: flex; align-items: baseline; gap: 8px; padding: 0 2px 11px; }
.balnm { font-size: var(--t-gross); font-weight: 600; letter-spacing: -.005em; }
.balzu { font-size: var(--t-klein); color: var(--dim); margin-left: auto; }
.balcard.echt .balnm { color: var(--green); }
.balcard.demo .balnm { color: var(--blue); }
.balk { background: var(--panel); border: 1px solid var(--line); border-radius: 7px;
  box-shadow: var(--heb); padding: 13px; display: flex; gap: 11px; align-items: flex-start;
  min-width: 0; transition: box-shadow .13s, transform .13s; }
.balk.rot { background: color-mix(in srgb, var(--red) 7%, var(--panel));
  border-color: color-mix(in srgb, var(--red) 22%, transparent); }
.balkic { flex: 0 0 auto; width: 38px; height: 38px; border-radius: 7px; background: var(--panel2);
  border: 1px solid var(--line); display: grid; place-items: center; color: var(--acc); }
.balkic svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7;
  stroke-linecap: round; stroke-linejoin: round; }
.balkt { min-width: 0; }
.balkv { display: block; font-size: 19px; font-weight: 600; letter-spacing: -.02em;
  line-height: 1.15; white-space: nowrap; font-variant-numeric: tabular-nums lining-nums; }
.balkv .pos { color: var(--green); } .balkv .neg { color: var(--red); } .balkv .dim { color: var(--dim); }
.balkl { display: block; font-size: var(--t-gross); font-weight: 600; color: var(--dim); margin-top: 3px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.balks { display: block; font-size: var(--t-klein); color: var(--dim); margin-top: 3px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.balks a { color: inherit; }
.balk.klick { cursor: pointer; }
.balk.klick:hover { box-shadow: var(--heb2); transform: translateY(-1px); }
.balk.klick:focus-visible { outline: 2px solid var(--acc); outline-offset: 2px; }
@media (max-width: 900px) { .balrow { grid-template-columns: 1fr; } }
.bflist { border-top: 1px solid var(--line); padding-top: 11px; display: grid; gap: 8px; }
:root { --arlbl: 176px; --arpad: 9px; }
.arenawrap { padding: 6px 8px 10px; overflow: visible; --lbl: var(--arlbl); margin-bottom: 14px; }
#bvBox { margin-bottom: 14px; }
.acols { display: grid; grid-template-columns: var(--lbl) repeat(3, minmax(0, 1fr)); }
.acols .acol { padding: 12px 26px 14px; min-width: 0; position: relative; text-align: center; }
.acols .acol:not(.aspacer) { border-bottom: 1.5px solid var(--line); }
.acol .ahd { display: flex; align-items: center; justify-content: center; gap: 7px; flex-wrap: wrap; }
.acol .aname { font-weight: 600; font-size: var(--t-gross); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.acol .anum { font-size: var(--t-klein); margin-top: 5px; color: var(--dim); }
.acol .afarb { width: 9px; height: 9px; border-radius: 3px; flex: 0 0 9px; display: inline-block; }
.acol .ax { position: absolute; top: 10px; right: 10px; margin: 0; background: none; border: 0; color: var(--dim); cursor: pointer; font-size: var(--t-titel); line-height: 1; padding: 0 2px; opacity: .6; }
.acol .ax:hover { color: var(--red); opacity: 1; }
.acol.empty2 { position: relative; }
.apill2 { flex: none; font-size: var(--t-mikro); font-weight: 700; letter-spacing: .03em; text-transform: uppercase; padding: 2px 7px; border-radius: 5px; }
.apill2.live { color: var(--green); border: 1px solid color-mix(in srgb, var(--green) 55%, transparent); background: color-mix(in srgb, var(--green) 12%, transparent); }
.apill2.cent { color: var(--amber); border: 1px solid color-mix(in srgb, var(--amber) 55%, transparent); background: color-mix(in srgb, var(--amber) 12%, transparent); }
.apill2.demo { color: var(--dim); border: 1px solid var(--line2); }
.anote { flex: none; font-size: var(--t-mikro); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; padding: 2px 7px; border-radius: 5px; white-space: nowrap; color: #a98fd6; border: 1px solid color-mix(in srgb, #a98fd6 38%, transparent); background: color-mix(in srgb, #a98fd6 12%, transparent); }
.asrch { width: 100%; height: 36px; border: 1px solid var(--line2); border-radius: 9px; background: var(--panel); color: var(--text); padding: 0 12px; font-size: var(--t-text); }
.asrch:focus { outline: none; border-color: var(--acc); box-shadow: 0 0 0 2px var(--acc-dim); }
.add { position: absolute; left: 16px; right: 16px; top: 54px; z-index: 30; background: var(--panel); border: 1px solid var(--line2); border-radius: 11px; box-shadow: 0 10px 28px rgba(0,0,0,.32); max-height: 320px; overflow-y: auto; padding: 5px; }
.addi { display: flex; align-items: center; gap: 7px; width: 100%; text-align: left; background: none; border: 0; color: var(--text); padding: 8px 9px; border-radius: 8px; cursor: pointer; font-size: var(--t-text); }
.addi:hover { background: color-mix(in srgb, var(--acc) 12%, transparent); }
.addi .aname { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.addi .anum { margin-left: auto; flex: none; }
.arleer { padding: 34px 20px 40px; text-align: center; color: var(--dim);
  font-size: var(--t-text); line-height: 1.6; max-width: 46ch; margin: 0 auto; }
.agrid { display: grid; }
.arow { display: grid; grid-template-columns: var(--lbl) repeat(3, minmax(0, 1fr)); border-top: 1px solid color-mix(in srgb, var(--line) 55%, transparent); }
.arow:first-child { border-top: 0; }
.arow .acell { padding: 10px 16px; font-size: var(--t-text); min-width: 0; }
.arow .acell.v { font-variant-numeric: tabular-nums; text-align: center; }
.arow .acell.alabel { color: var(--mut); font-size: var(--t-text); line-height: 1.3; overflow-wrap: anywhere; border-right: 1px solid color-mix(in srgb, var(--line) 55%, transparent); }
.acols .aspacer { border-right: 1px solid color-mix(in srgb, var(--line) 55%, transparent); }
.arow.agrp { border-top: 1px solid var(--line2); background: var(--panel2); }
.akarten { display: grid; grid-template-columns: var(--arlbl) repeat(3, minmax(0, 1fr));
  padding: 0 var(--arpad); margin-bottom: 14px; }
.akarten .akplatz { min-width: 0; }
.akarten .akarte { margin: 0 7px; }
.akarte { background: linear-gradient(180deg, color-mix(in srgb, var(--kf) 9%, var(--panel)) 0, var(--panel) 96px);
  border: 1px solid var(--line); border-radius: var(--r); padding: 20px 20px 16px; min-width: 0; }
.akkopf { display: flex; align-items: center; gap: 7px 9px; min-width: 0; flex-wrap: wrap;
  align-content: flex-start; min-height: 56px; }
.akn { font-size: var(--t-text); font-weight: 700; min-width: 0; color: var(--kf); }
.akkopf .apill2, .akkopf .anote { flex: none; }
a.akn { color: var(--kf); text-decoration: none; }
a.akn:hover { text-decoration: underline; }
.akzahl { font-family: var(--mono); font-size: 28px; font-weight: 700; line-height: 1.1;
  margin-top: 14px; letter-spacing: -.02em; }
.akzahl.ohne { font-size: var(--t-text); font-weight: 600; color: var(--dim);
  letter-spacing: 0; padding: 9px 0; }
.schnittzeile { margin: -6px 0 14px; padding: 8px 13px; border-radius: 9px;
  border: 1px dashed var(--line2); color: var(--mut); font-size: var(--t-klein);
  line-height: 1.5; display: flex; align-items: center; gap: 10px 14px; flex-wrap: wrap; }
.schnittzeile .sztext { flex: 1 1 auto; min-width: 0; }
.schnittzeile .szaktion { display: flex; align-items: center; gap: 12px; flex: none; }
.schnittzeile .szknopf { font: inherit; font-weight: 600; color: var(--acc); cursor: pointer;
  background: var(--acc-dim); border: 1px solid color-mix(in srgb, var(--acc) 25%, transparent);
  border-radius: 999px; padding: 3px 12px; white-space: nowrap; }
.schnittzeile .szknopf:hover { background: color-mix(in srgb, var(--acc) 18%, transparent); }
.schnittzeile .lnk { background: none; border: 0; padding: 0; margin-left: 8px;
  color: var(--dim); font-size: var(--t-klein); text-decoration: underline; cursor: pointer; }
.schnittzeile .lnk:hover { color: var(--text); }
.laufpauseband .schnittknoepfe { display: flex; gap: 8px; flex: none; }
.akzahl.pos { color: var(--green); } .akzahl.neg { color: var(--red); }
.aksub { font-size: var(--t-klein); color: var(--dim); margin-top: 2px; }
.aksvg { display: block; width: 100%; height: 108px; margin-top: 12px; }
.aknull { stroke: var(--line2); stroke-dasharray: 3 3; }
.akddz { display: flex; justify-content: space-between; align-items: baseline;
  margin-top: 14px; font-size: var(--t-mikro); }
.akddz span { font-weight: 700; letter-spacing: .12em; color: var(--dim); }
.akddz b { font-family: var(--mono); font-size: var(--t-text); color: var(--red); }
.akdd { display: block; width: 100%; height: 44px; margin-top: 4px; }
.akddleer { height: 44px; margin-top: 4px; font-size: var(--t-klein); color: var(--dim);
  line-height: 1.35; display: flex; align-items: center; }
.aovlkopf { display: flex; justify-content: space-between; align-items: flex-start;
  gap: 14px; flex-wrap: wrap; }
.aovleye { font-size: var(--t-mikro); font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: var(--dim); margin-bottom: 3px; }
.azchips { display: inline-flex; gap: 4px; flex-wrap: wrap;
  background: var(--panel2); border: 1px solid var(--line2); border-radius: 8px; padding: 3px; }
.azchip { font-size: var(--t-klein); padding: 6px 12px; border-radius: 6px;
  border: 0; background: none; color: var(--mut); cursor: pointer; }
.azchip:hover { color: var(--text); }
.azchip.an { background: var(--acc); color: var(--accText); font-weight: 600; }
.azchip.laedt { opacity: .5; cursor: progress; }
.arlade { height: 3px; margin: -6px 0 13px; border-radius: 3px; overflow: hidden;
  background: color-mix(in srgb, var(--acc) 20%, transparent); }
.arlade::before { content: ''; display: block; height: 100%; width: 34%; border-radius: 3px;
  background: var(--acc); animation: arlauf 1s cubic-bezier(.65,0,.35,1) infinite; }
@keyframes arlauf {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(340%); }
}
@media (prefers-reduced-motion: reduce) {
  .arlade::before { animation: none; width: 100%; opacity: .55; }
}
.aovl { padding-left: var(--arpad); padding-right: var(--arpad); }
.aovlkopf { padding: 0 11px; }
.alegzeile { display: grid; grid-template-columns: var(--arlbl) repeat(3, minmax(0, 1fr));
  margin: 14px 0 4px; }
.alegplatz { min-width: 0; }
.aleg { display: flex; align-items: center; gap: 11px; padding: 10px 15px 10px 12px;
  margin: 0 7px;
  background: var(--panel2); border: 1px solid var(--line); border-radius: 11px;
  cursor: pointer; text-align: left; transition: opacity .2s ease; min-width: 0; }
.aleg.aus { opacity: .38; }
.aovleer { padding: 60px 20px; text-align: center; color: var(--dim); font-size: var(--t-text); }
.aleg > i { width: 11px; height: 11px; border-radius: 3px; flex: 0 0 11px; }
.alegt { display: flex; flex-direction: column; min-width: 0; }
.alegn { display: flex; align-items: center; gap: 6px; min-width: 0; }
.alegt b { font-size: var(--t-text); font-weight: 600; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; }
.alegt em { font-style: normal; font-size: var(--t-mikro); color: var(--dim);
  font-family: var(--mono); }
.alegp { font-family: var(--mono); font-size: var(--t-text); font-weight: 700; flex: none;
  margin-left: auto; }
.alegp.pos { color: var(--green); } .alegp.neg { color: var(--red); }
.aovlbox { position: relative; margin-top: 8px; }
.aovlbox svg { display: block; overflow: visible; }
.aovgit { stroke: var(--line); }
.aovnull { stroke: var(--line2); stroke-dasharray: 4 4; }
.aovax { font-family: var(--mono); font-size: 10px; fill: var(--dim); }
.aovpan { font-family: var(--sans); font-size: 10px; font-weight: 700; letter-spacing: .15em;
  fill: var(--dim); }
.aovs { pointer-events: none; }
.aovcross { stroke: var(--line2); stroke-dasharray: 3 4; pointer-events: none; }
.aovpe, .aovpd { stroke: var(--panel); stroke-width: 2; pointer-events: none; }
.aovtip { position: absolute; top: 12px; width: min(274px, calc(100% - 8px)); pointer-events: none;
  background: var(--panel); border: 1px solid var(--line2); border-radius: 10px;
  padding: 10px 12px; box-shadow: var(--heb2); z-index: 5; }
.aovtd { font-family: var(--mono); font-size: var(--t-klein); color: var(--dim);
  margin-bottom: 6px; }
.aovtr { display: grid; grid-template-columns: 11px 1fr auto auto; align-items: baseline;
  gap: 8px; font-size: var(--t-klein); margin-top: 3px; }
.aovtr i { width: 9px; height: 9px; border-radius: 3px; }
.aovtr span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aovtr b { font-family: var(--mono); font-weight: 600; }
.aovtr em { font-style: normal; font-family: var(--mono); color: var(--red); }
.arow.agrp .acell { padding: 9px 16px; border-right: 0; }
.arow.agrp .acell.agl { font-size: var(--t-klein); text-transform: uppercase; letter-spacing: .11em;
  color: var(--text); font-weight: 700; border-right: 0; }
.arow.agrp:first-child { border-top: 0; }
.arow .acell .addabs { font-size: var(--t-klein); color: var(--dim); white-space: nowrap; }
.arow .acell.best { background: color-mix(in srgb, var(--green) 9%, transparent); }
.arow .acell.best > * { font-weight: 600; }
@media(max-width:700px){
  .arenawrap { --lbl: 112px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .acols, .arow { grid-template-columns: var(--lbl) repeat(3, minmax(132px, 1fr)); min-width: calc(var(--lbl) + 396px); }
  .arow .acell, .acols .acol { padding: 8px 10px; font-size: var(--t-text); }
  .arow .acell.alabel, .acols .aspacer { position: sticky; left: 0; z-index: 3; background: var(--panel); }
  .arow.agrp .acell.agl { position: sticky; left: 0; z-index: 3; background: var(--panel2); }
  .acols .acol { padding-left: 8px; padding-right: 8px; }
  .acol .ax { top: 4px; right: 2px; }
  .add { left: 4px; right: 4px; }
}
.allist { display: grid; gap: 2px; max-height: 440px; overflow-y: auto; }
.alrow { display: grid; grid-template-columns: 128px 1.4fr auto 1.3fr; gap: 12px; align-items: baseline; padding: 8px 4px; border-top: 1px solid var(--line); font-size: var(--t-text); }
.alrow:first-child { border-top: 0; }
.alrow .alt { font-size: var(--t-klein); color: var(--dim); white-space: nowrap; }
.alrow .aln { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.alrow .ala { white-space: nowrap; }
.alrow .alm { color: var(--mut); font-size: var(--t-text); text-align: right; }
@media(max-width:600px){ .alrow { grid-template-columns: 1fr auto; } .alrow .alt { grid-column: 1/-1; } .alrow .alm { grid-column: 1/-1; text-align: left; } }
[data-theme="light"] [data-theme="light"] [data-theme="light"] [data-theme="light"] [data-theme="light"] .bfrow { display: flex; gap: 12px; align-items: baseline; font-size: var(--t-gross); flex-wrap: wrap; }
.bfrow .bfl { flex: none; min-width: 132px; font-size: var(--t-klein); color: var(--dim); font-weight: 700; text-transform: uppercase; letter-spacing: .09em; }
.timecard { padding: 12px 15px; display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.tchead { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
.tcchips { display: flex; gap: 2px; background: var(--bg2); border: 1px solid var(--line); border-radius: 9px; padding: 2px; }
.tcchips button { background: none; border: 0; color: var(--mut); font-size: var(--t-klein); font-weight: 600; padding: 3px 10px; border-radius: 7px; cursor: pointer; }
.tcchips button.on { background: var(--panel2); color: var(--acc); box-shadow: inset 0 0 0 1px var(--line2); }
.tcsub { font-size: var(--t-klein); color: var(--dim); margin: 2px 0 10px; }
.tchead .csec { margin: 0; }
.tcmain { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; padding: 6px 0 10px; }
.tcmain > div { background: var(--panel2); border-radius: 10px; padding: 10px 13px; }
.tcmain .tk { display: block; font-size: var(--t-klein); color: var(--dim); text-transform: uppercase; letter-spacing: .09em; font-weight: 700; margin-bottom: 2px; }
.tcmain b { font-size: var(--t-seite); font-weight: 700; letter-spacing: -.02em; }
.tcmain b.tcbig { font-size: var(--t-seite); }
.tcmain b.tcxl { font-size: var(--t-zahl); }
.tcmain b.dim { color: var(--mut); }
.tcrow { display: flex; align-items: center; gap: 10px; font-size: var(--t-text); padding: 7px 8px; margin: 0 -8px; border-radius: 8px; cursor: pointer; }
.tcrow:hover { background: var(--panel2); }
.tcrow .tk { flex: none; width: 118px; font-size: var(--t-klein); color: var(--dim); text-transform: uppercase; letter-spacing: .05em; }
.tcrow .tn { color: var(--text); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; min-width: 0; }
.tcrow b { font-size: var(--t-text); }
.tcrow .stagechip { font-size: var(--t-mikro); padding: 1px 6px; margin-left: 2px; vertical-align: 1px; }
.tcfoot { margin-top: auto; padding-top: 6px; border-top: 1px solid var(--line); font-size: var(--t-klein); }
.tcfoot .tcwin { margin-top: 3px; font-size: var(--t-mikro); color: var(--dim); text-transform: uppercase; letter-spacing: .06em; }
.rmfuss { font-size: var(--t-klein); color: var(--dim); padding: 10px 14px 2px; line-height: 1.5; }
.rmcard { margin-bottom: 4px; }
.rmtable td, .rmtable th { white-space: nowrap; }
tr.grouprow.favhead { cursor: pointer; }
tr.grouprow.favhead:hover td { color: var(--mut); }
.favchev { display: inline-block; width: 11px; color: var(--dim); }
@media (max-width: 900px) { .trow { grid-template-columns: 1fr; } }
.ampel { display: flex; height: 9px; border-radius: 5px; overflow: hidden; gap: 2px; margin: 9px 0 5px; } .ampel i { border-radius: 2px; min-width: 2px; }
.favstar { cursor: pointer; font-size: var(--t-gross); color: var(--amber); }
.favstar:not(.on) { color: var(--dim); }
.sparktd .spark { display: block; }
.advgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 900px) { .advgrid { grid-template-columns: 1fr; } }
.infobadges { margin: 0 0 20px; }
.ibadge {
  display: inline-block; padding: 4px 12px; border-radius: 8px; font-size: var(--t-text); font-weight: 600;
  background: var(--panel); border: 1px solid var(--line); color: var(--mut);
}
.ibadge.live { color: var(--green); border-color: rgba(63,168,143,.35); }
.ins { padding: 8px 0; border-bottom: 1px solid var(--line); font-size: var(--t-text); color: var(--mut); line-height: 1.5; }
.ins:last-child { border-bottom: none; }
.ins b { color: var(--text); font-family: var(--mono); }
.ins.pro { color: #b9e8cf; }
.ins.con { color: #f0bcc3; }
.monthly { min-width: 0 !important; }
.monthly th, .monthly td { text-align: right; padding: 9px 9px; font-size: var(--t-text); }
.monthly th:first-child, .monthly td:first-child { text-align: left; }
.monthly .mcell { font-family: var(--mono); }
.monthly tbody tr { cursor: default; }
.famtab tbody tr:not(.famnow) { cursor: pointer; }
.famtab tbody tr:not(.famnow):hover { background: var(--panel2); }
.famtab .famnow { background: var(--acc-dim); }
.famnew { font-size: var(--t-klein); color: var(--acc); border: 1px solid var(--acc); border-radius: 5px; padding: 1px 5px; margin-left: 4px; }
.famcard .row { align-items: center; }
.mgtag { color: var(--acc); font-family: var(--mono); font-size: var(--t-klein); }
.symtab .symspark { width: 96px; text-align: right; padding-top: 6px; padding-bottom: 6px; }
.symtab .symspark .spark { vertical-align: middle; }
.symtab .symshare { width: 84px; }
.symfil { cursor: pointer; font-family: inherit; transition: opacity .12s, border-color .12s; }
.symfil:not(.an) { opacity: .38; text-decoration: line-through; }
.symfil:hover { border-color: var(--acc); opacity: 1; }
.symfilbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  background: rgba(255,184,77,.10); border: 1px solid rgba(255,184,77,.35);
  border-radius: 12px; padding: 10px 14px; margin: 0 0 14px; }
.symfilbar .sfb-l { font-weight: 700; color: var(--amber); }
.symfilbar .sfb-n { color: var(--mut); font-size: var(--t-text); flex: 1 1 320px; min-width: 200px; }
.symfilbar .btn { padding: 5px 14px; font-size: var(--t-text); flex-shrink: 0; }
.btn[disabled] { opacity: .45; cursor: not-allowed; filter: none; }
.symtab .symshare i { display: block; height: 6px; border-radius: 3px; background: var(--acc); opacity: .55; min-width: 2px; }
.symtab th[data-tip], .symtab th[title] { text-decoration: underline dotted 1px; text-underline-offset: 3px; }
.ctip {
  position: absolute; pointer-events: none; z-index: 10;
  background: rgba(10,15,21,.95); border: 1px solid rgba(255,255,255,.16); border-radius: 9px;
  padding: 8px 11px; font-size: var(--t-text); color: #c3d0dc; white-space: nowrap;
  box-shadow: 0 6px 20px rgba(0,0,0,.4);
  transition: top .06s ease-out, left .06s ease-out;
}
.ctip b { color: #fff; font-family: var(--mono); }
[data-theme="light"] .ctip { background: rgba(246,248,245,.98); border-color: rgba(0,0,0,.12); color: #4a5a52; box-shadow: 0 6px 18px rgba(0,0,0,.14); }
[data-theme="light"] .ctip b { color: #161a1c; }
@media (max-width: 700px) { .ctip { white-space: normal; max-width: 84vw; } }
.i {
  display: inline-grid; place-items: center; width: 13px; height: 13px; border-radius: 50%;
  background: var(--line2); color: var(--mut); font-size: var(--t-mikro); font-weight: 700; font-style: normal;
  cursor: pointer; position: relative; vertical-align: 1px;
}
.i:focus { outline: none; box-shadow: 0 0 0 2px var(--acc-dim); }
.i.frage { display: inline-flex; align-items: center; justify-content: center;
  width: 19px; height: 19px; font-size: 11px; vertical-align: middle; padding: 0;
  background: color-mix(in srgb, var(--mut) 14%, transparent); border: 0;
  color: var(--mut); font-weight: 700; line-height: 1; }
.i.frage:hover, .i.frage:focus-visible { background: var(--acc-dim); color: var(--acc); }
@media (max-width: 700px) { .i.frage { width: 28px; height: 28px; } }
.bezwahl { display: inline-flex; align-items: center; gap: 6px; }
.kpi { overflow: visible; position: relative; }
.kpis { overflow: visible; }
th.sortable { cursor: pointer; user-select: none; }
th.sortable:hover { color: var(--text); }
tr.row-archiv { opacity: .42; }
tr.row-archiv:hover { opacity: .8; }
.stagechip.archiv { background: transparent; border: 1px dashed var(--line2); color: var(--dim); }
.detailhero .stagechip { background: transparent; border-color: color-mix(in srgb, var(--kmut) 45%, transparent); color: var(--kmut); font-weight: 600; }
.detailhero .stagechip.live { color: var(--kakz); border-color: color-mix(in srgb, var(--kakz) 50%, transparent); background: transparent; }
.detailhero .stagechip.cent { color: var(--kamber); border-color: color-mix(in srgb, var(--kamber) 50%, transparent); background: transparent; }
.detailhero .stagechip.archiv { border-style: dashed; color: var(--kdim); border-color: color-mix(in srgb, var(--kdim) 55%, transparent); }
.detailhero .famnow .stagechip, .detailhero .famnow .stagechip.live, .detailhero .famnow .stagechip.cent {
  color: var(--kanText); border-color: color-mix(in srgb, var(--kanText) 45%, transparent); }
.stagechip.live { color: var(--green); border-color: color-mix(in srgb, var(--green) 55%, transparent); background: color-mix(in srgb, var(--green) 12%, transparent); }
.stagechip.cent { color: var(--amber); border-color: color-mix(in srgb, var(--amber) 55%, transparent); background: color-mix(in srgb, var(--amber) 12%, transparent); }
.stagechip.rmnote { color: #a98fd6; border-color: color-mix(in srgb, #a98fd6 40%, transparent);
  background: color-mix(in srgb, #a98fd6 12%, transparent);
  text-transform: none; letter-spacing: 0; white-space: nowrap; max-width: 150px; }
.rmetikett { white-space: nowrap; width: 1%; }
.rmtable .ddabs { color: var(--mut); font-weight: 400; font-size: 0.84em; }
.rm2a .rmname { font-weight: 600; color: var(--text); }
.rm2a td.rmkonto { padding-left: 14px; }
.rm2a .rmnr { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; color: var(--dim); margin-left: 6px; }
.rm2a td.rmkonto .stagechip { margin-left: 7px; }
.rm2a .rmrot { color: var(--red); }
.rm2a tr.ruht { opacity: .55; }
.rm2a td.rmheute { font-weight: 600; font-size: 13px; }
.rm2a th.sortier { cursor: pointer; user-select: none; }
.rm2a th.sortier:hover { color: var(--text); }
.modal-ov {
  position: fixed; inset: 0; background: rgba(4,7,10,.7); backdrop-filter: blur(3px);
  display: grid; place-items: center; z-index: 100; padding: 16px;
  animation: modalOv .15s ease-out;
}
.modal {
  width: 100%; max-width: 430px; background: var(--panel2); border: 1px solid var(--line2);
  border-radius: 16px; padding: 26px 28px; box-shadow: 0 20px 60px rgba(0,0,0,.5);
  max-height: 90dvh; overflow-y: auto;
  animation: modalRein .15s cubic-bezier(.4, 0, .2, 1);
}
@keyframes modalOv { from { opacity: 0; } }
@keyframes modalRein { from { opacity: 0; transform: scale(.97); } }
@media (prefers-reduced-motion: reduce) {
  .modal { animation: modalOv .15s ease-out; }
}
.modal h3 { font-size: var(--t-titel); margin-bottom: 16px; }
.modal label { display: block; color: var(--dim); font-size: var(--t-klein); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; margin: 12px 0 6px; }
.modal select { width: 100%; }
.ratehead { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 6px; }
.ratehead .dim { font-size: var(--t-text); }
.rateacts { display: grid; grid-template-columns: auto 1fr; gap: 10px 14px; align-items: center; margin-top: 14px; }
.rateacts .btn { white-space: nowrap; }
.rateacts .ratehint { font-size: var(--t-text); color: var(--dim); line-height: 1.4; }
.rateacts input { grid-column: 1 / -1; }
.empty { text-align: center; color: var(--dim); padding: 44px 20px; font-size: var(--t-gross); }
.mut { color: var(--mut); } .dim { color: var(--dim); }
@media (max-width: 900px) {
  .side { width: 64px; padding: 18px 8px; }
  .side .logo { font-size: 0; }
  .side .logo b, .side .logo .dot { font-size: var(--t-titel); }
  .side nav a span, .side .sec { display: none; }
  .side nav a .star { display: inline; }
  #favnav a .star { display: inline; visibility: visible; }
  #favnav a.favsub::before { display: none; }
  #favnav .favmehr { display: none; }
  .side .avatar, .side .pmeta { display: none; }
  .side .profile { padding: 10px 0 0; justify-content: center; }
  .main { padding: 20px 18px 70px; }
  .sidetoggle { display: none; }
}
.side-zu .side { width: 64px; padding: 22px 8px 16px; }
.side-zu .side .logo { justify-content: center; }
.side-zu .side .logo span { display: none; }
.side-zu .side .sec { opacity: 0; height: 0; padding: 0; overflow: hidden; }
.side-zu .side nav a { justify-content: center; }
.side-zu .side nav a span { display: none; }
.side-zu .side nav a .star { display: inline; }
.side-zu .sidesearch { justify-content: center; }
.side-zu .sidesearch span, .side-zu .sidesearch kbd { display: none; }
.side-zu #favnav .favn, .side-zu #favnav .favtag,
.side-zu #favnav .favgrp, .side-zu #favnav .favmehr { display: none; }
.side-zu #favnav a.favsub { padding-left: 10px; }
.side-zu #favnav a .star { display: inline; visibility: visible; }
.side-zu #favnav a.favsub::before { display: none; }
.side-zu .side .avatar { display: grid; }
.side-zu .side .pmeta, .side-zu .side .pchev { display: none; }
.side-zu .side .profile { justify-content: center; padding-left: 0; padding-right: 0; }
.side-zu .usermenu { right: auto; width: 210px; }
.side-zu .side .secn { display: none; }
.side-zu .side .profile { justify-content: center; padding: 12px 0 0; }
@media (pointer: coarse) {
  .filters-inline button, .ranges button, .btn { min-height: 42px; }
  .favstar { display: inline-block; padding: 8px; margin: -8px; }
}
@media (max-width: 600px) {
}
.am { color: var(--amber); }
.applegal { margin-top: 48px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--dim); font-size: var(--t-klein); line-height: 1.6; }
.legalbox summary { display: flex; align-items: baseline; gap: 8px; cursor: pointer; list-style: none; }
.legalbox summary::-webkit-details-marker { display: none; }
.legalbox .lgs { flex: 1; min-width: 0; }
.legalbox p { margin-top: 8px; }
.login-legal { max-width: 400px; margin-top: 18px; color: var(--dim); font-size: var(--t-klein); line-height: 1.6; text-align: center; }
.applegal a, .login-legal a { color: var(--mut); text-decoration: underline; text-underline-offset: 2px; }
.legallinks { margin-top: 6px; }
body{transition:background .2s,color .2s}
[data-theme="light"]{--bg:#fff6ea;--bg2:#ffffff;--panel:#ffffff;--panel2:#f9f6f0;--line:rgba(0,0,0,.10);--line2:rgba(0,0,0,.14);--text:#161a1c;--mut:#555c50;--dim:#63685c;--acc:#0a756c;--acc-dim:rgba(10,117,108,.11);--accText:#ffffff;--heb:0 1px 4px rgba(90,70,40,.13);--heb2:0 2px 8px rgba(90,70,40,.12);--blue:#2f6fc0;--ar1:#2f6fc0;--ar2:#8b45b8;--ar3:#c07a10;--green:#2f8f79;--red:#d0454d;--amber:#b8791a;--grey:#6a726d;--nzton:#8a5a06;--nzfl:rgba(184,121,26,.11);--nzkante:rgba(184,121,26,.32);--jrton:#5f37b0;--jrfl:rgba(95,55,176,.09);--jrkante:rgba(95,55,176,.26)}
[data-theme="light"]{
  --kflaeche:
    radial-gradient(120% 150% at 88% -18%, rgba(180,255,230,.20) 0%, rgba(180,255,230,0) 55%),
    radial-gradient(90% 120% at 0% 120%, rgba(0,0,0,.28) 0%, rgba(0,0,0,0) 60%),
    linear-gradient(122deg,#1a6b59 0%,#155a4a 55%,#0f4539 100%);
  --kkante: linear-gradient(90deg,#c9fbe8,rgba(201,251,232,.08));
  --ktext:#f2fdf8; --kmut:#b0dccd; --kdim:#8ec9b6;
  --kline:rgba(255,255,255,.17); --kline2:rgba(255,255,255,.32);
  --kakz:#a5f7dc; --kakzrand:rgba(165,247,220,.6); --kakzfl:rgba(165,247,220,.16);
  --kbandfl:rgba(4,26,21,.30); --kpunkt:rgba(255,255,255,.28); --kamber:#ffd489;
  --kblau:#a8d6ff;
  --kanText:#07332a; --kanFl:linear-gradient(100deg,#b6f9e2,#7fecc9);
}
html[data-theme="light"] { background: #eef7f3; }
[data-theme="light"] .side { background: color-mix(in srgb, var(--acc) 14%, #ffffff); border-right-color: color-mix(in srgb, var(--acc) 22%, transparent); }
[data-theme="light"] .sidetoggle { background: color-mix(in srgb, var(--acc) 14%, #ffffff); }
[data-theme="light"] .side nav a:hover { background: color-mix(in srgb, var(--acc) 24%, #ffffff); color: var(--text); }
[data-theme="light"] .side nav a.active { background: color-mix(in srgb, var(--acc) 26%, #ffffff);
  color: color-mix(in srgb, var(--acc) 55%, #000000); }
[data-theme="light"] .side nav a .star { color: color-mix(in srgb, var(--amber) 78%, #000000); }
[data-theme="light"] #favnav a.favst.s-live .favn { color: color-mix(in srgb, var(--green) 58%, #000000); }
[data-theme="light"] #favnav a.favst.s-cent .favn { color: color-mix(in srgb, var(--amber) 72%, #000000); }
[data-theme="light"] #favnav a.favst.aus .favn { color: var(--dim); }
.ea-pipe{display:flex;align-items:center;gap:2px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px 16px;margin:0 0 14px;flex-wrap:wrap}
.ea-pipe .stg{padding:3px 14px;border-radius:8px;text-align:center;min-width:92px}
.ea-pipe .stg .sn{font-size: var(--t-klein);color:var(--dim);text-transform:uppercase;letter-spacing:.05em}
.ea-pipe .stg .sv{font-size: var(--t-gross);font-weight:600;margin-top:2px}
.ea-pipe .stg.done .sn,.ea-pipe .stg.cur .sn{color:var(--acc)}
.ea-pipe .stg.cur{background:var(--acc-dim)}
.ea-pipe .stg.todo{opacity:.4}
.ea-pipe .stg .sacc{font-size: var(--t-mikro);color:var(--dim);margin-top:1px}
.ea-pipe .stg[data-stageacc]{transition:background .12s}
.ea-pipe .stg[data-stageacc]:hover{background:var(--acc-dim)}
.ea-pipe .arr{color:var(--dim);padding:0 2px}
.ea-top{display:grid;grid-template-columns:250px 1fr;gap:14px;margin-bottom:14px;align-items:stretch}
.scorecard{display:flex;flex-direction:column;gap:12px;position:relative;overflow:visible}
.scorecard .scinfo{position:absolute;top:11px;right:12px;width:15px;height:15px;font-size: var(--t-mikro)}
.scorecard .sckopf{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.scorecard .scklabel{font-size: var(--t-mikro);letter-spacing:.09em;text-transform:uppercase;color:var(--dim);font-weight:700}
.scorecard .sczahl { font-size: 64px; font-weight: 800; line-height: 1;
  letter-spacing: -.03em; font-variant-numeric: tabular-nums; margin: 2px 0; }
.scorecard .vbadges{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}
.scorecard .vactions{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:20px}
.scorecard .vactions .btn{width:100%}
.subs{width:100%;display:flex;flex-direction:column;gap:9px;margin-top:2px}
.subs .t{display:flex;justify-content:space-between;font-size: var(--t-text);color:var(--mut);margin-bottom:4px}
.subs .t b{color:var(--text);font-weight:600}
.subs .bar{height:6px;background:var(--line);border-radius:4px;overflow:hidden}
.subs .bar i{display:block;height:100%;background:var(--acc);border-radius:4px}
.subs .bar i.am{background:var(--amber)}
.rcol{display:flex;flex-direction:column;gap:12px;height:100%;min-width:0}
.rcol .curvecard{flex:1}
.hero{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:none;border:0;border-radius:0;overflow:visible;flex:none;margin-bottom:14px}
.hero.h3{grid-template-columns:repeat(3,1fr)}  
.hero.h5{grid-template-columns:repeat(4,1fr) .52fr}
.hero{align-items:stretch}
.hero .hk{background:var(--panel);border:1px solid var(--line);border-radius:14px;
  padding:13px 15px 14px;display:flex;flex-direction:column;justify-content:flex-start;
  min-width:0;min-height:118px;position:relative}
.hero .hk .bruchwarn{position:absolute;top:8px;right:10px;color:var(--amber);
  font-size:15px;line-height:1;cursor:pointer;user-select:none}
.hero .hk .bruchwarn:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:4px}
.hero .hk .l{font-size: var(--t-mikro);color:var(--dim);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero .hk .l { font-size: var(--t-gross); font-weight: 600; letter-spacing: 0;
  text-transform: none; color: var(--mut); margin-bottom: 6px;
  white-space: normal; overflow: visible; text-overflow: clip;
  hyphens: auto; -webkit-hyphens: auto; }
.hero .hk .hzeile { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.hero .hk .hzeile { gap: 8px; }
.hero .hk .hbadge { padding: 2px 6px; border-radius: 5px; align-self: center;
  font-size: var(--t-mikro); font-weight: 700; white-space: nowrap; font-family: var(--mono);
  letter-spacing: -.02em; }
.hero .hk .hbadge.auf { color: var(--green); background: color-mix(in srgb, var(--green) 13%, transparent); }
.hero .hk .hbadge.ab  { color: var(--red);   background: color-mix(in srgb, var(--red) 13%, transparent); }
.hero .hk .hbadge.leer { display: none; }
.hero .hk .hfuss { margin-top: auto; padding-top: 8px; font-size: var(--t-mikro);
  color: var(--dim); font-family: var(--mono); white-space: nowrap; overflow: hidden;
  text-overflow: ellipsis; }
.hero .hk.schmal .v { font-size: 29px; }
.hero .hk .v{font-size:29px;font-weight:700;letter-spacing:-.035em;line-height:1.05;white-space:nowrap;margin-bottom:0}
.hero .hk .s{font-size: var(--t-klein);color:var(--mut);margin-top:5px}
.hero .hk .hsub{margin-top:auto;padding-top:6px;border-top:1px solid var(--line);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;min-height:30px}
.hero .hk .hsub .kl{font-size: var(--t-mikro);color:var(--dim);letter-spacing:.05em;text-transform:uppercase}
.hero .hk .hsub .kw{font-size: var(--t-klein);font-weight:600}
.hero .hk .hsub .kw.off{font-weight:400;font-size: var(--t-klein);color:var(--mut)}
.hero .hk .hsub .kx{font-size: var(--t-mikro);color:var(--dim);font-weight:400;margin-left:4px}
.hero .hk .v .kx{font-size: var(--t-text);font-weight:400;color:var(--mut);letter-spacing:0}
.gtrack{height:7px;background:var(--line);border-radius:4px;overflow:hidden;margin:11px 0 3px;max-width:170px}
.gtrack i{display:block;height:100%;border-radius:4px;background:var(--acc)}
.gscale{display:flex;justify-content:space-between;font-size: var(--t-mikro);color:var(--dim);max-width:170px}
.hero .hk .hsub.pmini{flex-wrap:nowrap;gap:8px;align-items:flex-end}
.pmini div{flex:1;text-align:left;min-width:0}
.pmini div span{display:block;font-size: var(--t-mikro);color:var(--dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1px}
.pmini div b{font-size: var(--t-klein);font-weight:600;color:var(--mut);white-space:nowrap}
.facts{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:14px}
.facts .fk{background:var(--panel);padding:12px 14px;display:flex;flex-direction:column;justify-content:center;min-height:72px}
.facts .fl{font-size: var(--t-mikro);color:var(--dim);letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px}
.facts .fv{font-size: var(--t-titel);font-weight:600}
.facts .fs{font-size: var(--t-klein);color:var(--mut);margin-top:4px}
.urteil{margin:0}
.recbadge{--amp: var(--mut);
  display:inline-flex;align-items:center;gap:9px;font-size: var(--t-text);font-weight:600;
  padding:8px 11px;border-radius:9px;line-height:1.35;
  background:color-mix(in srgb, var(--amp) 13%, transparent);
  color:color-mix(in srgb, var(--amp) 75%, var(--text))}
.recbadge .rpkt{width:8px;height:8px;border-radius:50%;flex:none;background:var(--amp)}
.recbadge.rot{--amp: var(--red)}
.recbadge.gelb{--amp: var(--amber)}
.recbadge.gruen{--amp: var(--green)}
.recbadge.blau{--amp: var(--blue)}
.recbadge.aus{--amp: color-mix(in srgb, var(--red) 78%, var(--text)); color: var(--amp)}
.apst.aus, .lfst.aus{color: color-mix(in srgb, var(--red) 78%, var(--text));
  border-color: color-mix(in srgb, var(--red) 30%, transparent);
  background: color-mix(in srgb, var(--red) 8%, transparent)}
tr.lfaus{opacity:.62}
tr.lfaus:hover{opacity:1}
.uwkarte.aus{--amp: color-mix(in srgb, var(--red) 78%, var(--text))}
.laufausband.pub{justify-content:flex-start}
.recbadge.grau{--amp: var(--grey)}
.uli{display:flex;gap:9px;font-size: var(--t-text);padding:6px 0}
.uli .ic{flex:none;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size: var(--t-klein);font-weight:700}
.uli .ic.p{background:var(--acc-dim);color:var(--acc)}.uli .ic.c{background:rgba(255,93,108,.14);color:var(--red)}
.crit .cr{display:flex;justify-content:space-between;font-size: var(--t-text);padding:6px 0;border-bottom:1px solid var(--line)}
.crit .cr:last-child{border:0}
.crit .cr .ok{color:var(--green);font-weight:600}.crit .cr .no{color:var(--red);font-weight:600}
.uactions{display:flex;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);flex-wrap:wrap;align-items:center}
@media(max-width:900px){.ea-top{grid-template-columns:1fr}.rcol{height:auto}.facts{grid-template-columns:repeat(2,1fr)}.ugrid{grid-template-columns:1fr}}
@media(max-width:900px){ .facts .fk:last-child:nth-child(odd) { grid-column: 1 / -1; } }
.infogrid{display:none}
.detailsbtn{display:none}
.pipe-stages{display:contents}    
@media (max-width:700px){
  .detailsbtn{display:inline-flex;cursor:pointer;font-family:inherit}
  .detailsbtn.on{background:var(--acc-dim);border-color:var(--acc);color:var(--text)}
  .infogrid{display:none}
  .infogrid.open{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:10px 0 4px}
  .infogrid .igl{font-size: var(--t-mikro);color:var(--dim);text-transform:uppercase;letter-spacing:.05em}
  .infogrid .igv{font-size: var(--t-text);color:var(--text);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .infobadges{gap:8px}
  .infobadges .ibadge.fact{display:none}
  .ea-pipe{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:12px 14px}
  .pipe-stages{display:flex;flex-direction:column;gap:8px;flex:1 1 150px;min-width:150px}
  .pipe-stages .arr{display:none}
  .ea-pipe .stg{min-width:0;width:100%;text-align:left;padding:9px 14px;border-radius:10px;background:var(--panel2)}
  .ea-pipe .stg.cur{background:rgba(63,168,143,.22);box-shadow:inset 0 0 0 2px var(--acc)}
  .ea-pipe .stg.todo{display:none}
  .acctswitch{flex:1 1 150px;min-width:150px;margin-top:0;padding-top:0;border-top:0}
  .acctswitch .aspills{flex-direction:column;align-items:stretch;gap:8px}
  .acctswitch .asrow{margin-bottom:8px}
  .acctswitch .asl{display:none}    
  .acctswitch .apill{width:100%;text-align:left;border-radius:10px}
  .acctswitch .vglbtn{margin-left:0;width:100%}
  .acctswitch.oneperstage{flex-basis:100%;order:11}
  .acctswitch.oneperstage .apill,.acctswitch.oneperstage .asl{display:none}
  .vglbox{flex-basis:100%;order:12;min-width:0;width:100%}
  .vglbox .tablecard{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  .vglbox table.famtab{min-width:600px !important}
}
@media(max-width:600px){.hero{grid-template-columns:repeat(2,1fr)}.hero.h3,.hero.h5{grid-template-columns:repeat(2,1fr)}.hero.h3 .hk.big,.hero.h5 .hk.big{grid-column:span 2}.hero .hk .v{font-size: var(--t-seite)}.hero .hk .hsub.pmini{flex-wrap:wrap}}
.subs .bar i.lo{background:var(--red)}
.ibadge.gold{background:rgba(233,196,106,.15);color:var(--amber);border-color:rgba(233,196,106,.35)}
.ibadge.sym{background:var(--acc-dim);color:var(--acc);border-color:rgba(63,168,143,.3);font-family:var(--mono);font-weight:600;letter-spacing:.02em}
.mheat{display:grid;grid-template-columns:52px repeat(13,1fr);gap:4px;font-size: var(--t-klein);margin-top:2px}
.mheat .hl{display:flex;align-items:center;justify-content:center;color:var(--dim);font-size: var(--t-klein)}
.mheat .yr{display:flex;align-items:center;font-weight:600}
.mheat .hc{min-height:44px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px 3px 5px;font-size: var(--t-klein)}
.mheat .hc .hv{line-height:1}
.mheat .hm{display:none}
.mheat .hc.leer{background:transparent!important;border:1px dashed var(--line2);color:var(--dim)}
.mheat .hc.hvor{border:1px dashed color-mix(in srgb, var(--dim) 55%, transparent)!important;
                background:color-mix(in srgb, var(--dim) 12%, transparent)!important}
.mheat .hc.hvor .hv{color:var(--dim)}
.mheat .hc.hvor .hm{color:var(--dim)}
.mheat .bar{width:78%;height:3px;border-radius:2px;background:rgba(255,255,255,.10);position:relative;overflow:hidden}
.mheat .bar i{position:absolute;left:0;top:0;bottom:0;background:var(--red);border-radius:2px}
.mheat .bar.nomess{background:transparent;border-top:1px dashed rgba(255,255,255,.26);height:0;border-radius:0}
.mlegende{display:flex;gap:18px;flex-wrap:wrap;font-size:var(--t-klein);color:var(--dim);margin-top:11px;padding-top:10px;border-top:1px solid var(--line)}
.mlegende > span{display:flex;align-items:center;gap:6px}
.mlegende .lbar{width:22px;height:3px;border-radius:2px;background:rgba(255,255,255,.10);position:relative;flex-shrink:0}
.mlegende .lbar i{position:absolute;left:0;top:0;bottom:0;width:60%;background:var(--red);border-radius:2px}
.mlegende .lbar.d{background:transparent;border-top:1px dashed var(--line2);height:0}
.threecol{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px;margin-bottom:14px}
.dir{margin-bottom:13px}
.dir .dh{display:flex;justify-content:space-between;font-size: var(--t-text);margin-bottom:6px}.dir .dh b{font-weight:600}
.dbar{height:8px;background:var(--line);border-radius:5px;overflow:hidden}.dbar i{display:block;height:100%;border-radius:5px;background:var(--acc)}
.wrbig{display:flex;align-items:baseline;gap:8px;margin:16px 0 8px}.wrbig b{font-size: var(--t-zahl);font-weight:600}.wrbig span{font-size: var(--t-text);color:var(--mut)}
.wlbar{height:10px;border-radius:5px;overflow:hidden;display:flex}.wlbar i{height:100%}
.wllab{display:flex;justify-content:space-between;margin-top:6px;font-size: var(--t-text);color:var(--mut)}
@media(max-width:900px){.threecol{grid-template-columns:1fr}}
.btn.wahl { background: color-mix(in srgb, var(--acc) 13%, transparent);
  border: 1px solid color-mix(in srgb, var(--acc) 42%, transparent);
  color: var(--acc); font-weight: 600; }
.btn.wahl:hover { background: color-mix(in srgb, var(--acc) 22%, transparent);
  border-color: var(--acc); filter: none; }
.btn.sec{background:none;border:1px solid var(--line);color:var(--text)}
.btn.dang{background:none;border:1px solid rgba(255,93,108,.35);color:var(--red)}
.btn.aus { background: color-mix(in srgb, var(--red) 10%, transparent); border: 1px solid color-mix(in srgb, var(--red) 30%, transparent); color: color-mix(in srgb, var(--red) 78%, var(--text)); font-weight: 700; }
.btn.aus:hover { background: color-mix(in srgb, var(--red) 16%, transparent); }
.ausunter { text-align: center; margin-top: 7px; font-size: var(--t-klein); color: var(--dim); }
.side nav a .star{color:var(--amber);font-size: var(--t-text);width:auto;stroke:none}
#favnav a{font-weight:500}
.pwakarte { max-width: 820px; margin-bottom: 26px; padding: 20px 22px; }
.pwahero { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 18px; }
.pwaicon { flex: none; width: 54px; height: 54px; border-radius: 15px; background: var(--panel2);
  border: 1px solid var(--line); display: grid; place-items: center; }
.pwaicon svg { width: 34px; height: 34px; display: block; }
.pwahero > div { min-width: 0; }
.pwahero b { display: block; font-size: var(--t-titel); font-weight: 700; letter-spacing: -.01em;
  color: var(--text); margin-bottom: 5px; }
.pwahero p { margin: 0; font-size: var(--t-text); color: var(--mut); line-height: 1.6; }
.pwaplat .platlogo { color: #fff; }
.platlogo.pwabios { background: linear-gradient(135deg, #4a5560, #2b333c); }
.platlogo.pwaband { background: linear-gradient(135deg, #3ea06f, #24714b); }
.pwasteps { list-style: none; counter-reset: pwas; margin: 0; padding: 0; display: grid; gap: 9px; }
.pwasteps li { counter-increment: pwas; position: relative; padding-left: 30px;
  font-size: var(--t-text); color: var(--mut); line-height: 1.55; }
.pwasteps li::before { content: counter(pwas); position: absolute; left: 0; top: 1px;
  width: 20px; height: 20px; border-radius: 50%; background: var(--acc-dim); color: var(--acc);
  font-size: var(--t-mikro); font-weight: 800; display: grid; place-items: center; }
.pwanote { margin: 12px 0 0; font-size: var(--t-klein); color: var(--dim); line-height: 1.5; }
.pwaknopfzeile { margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--line); }
.pwaknopfzeile .pwanote { margin-top: 8px; }
.pwaknopfzeile .btn { width: 100%; justify-content: center; }
.pwaok, .pwaknopfzeile ~ .pwaok { font-size: var(--t-text); color: var(--green); font-weight: 600; margin: 12px 0 0; }
.pwaschon { margin: 0; }
.faq { display: grid; gap: 10px; max-width: 820px; }
.faq details { padding: 0; }
.faq summary {
  cursor: pointer; list-style: none; padding: 15px 18px;
  font-weight: 600; font-size: var(--t-gross); display: flex; align-items: baseline; gap: 12px;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::before { content: '+'; color: var(--acc); font-weight: 700; font-family: var(--mono); width: 14px; flex: none; }
.faq details[open] summary::before { content: '−'; }
.faq details[open] summary { color: var(--acc); }
.faq .fa { padding: 0 20px 16px 44px; color: var(--mut); font-size: var(--t-gross); line-height: 1.65; }
.faq .fa b { color: var(--text); }
.faq .fa code { font-family: var(--mono); background: var(--bg2); border: 1px solid var(--line); border-radius: 5px; padding: 1px 6px; font-size: var(--t-text); }
.flabel { display: block; color: var(--dim); font-size: var(--t-klein); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; margin: 0 0 6px; }
.setcard { max-width: 640px; }
.setdiv { border-top: 1px solid var(--line); margin: 14px 0; }
.pwgrid { display: grid; gap: 10px; max-width: 420px; margin-top: 4px; }
.setrow { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 11px 0; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.setrow:last-child { border-bottom: none; }
.setrow > div:first-child b { display: block; font-size: var(--t-gross); }
.setrow > div:first-child span { font-size: var(--t-text); color: var(--dim); }
.legalrow { display: flex; gap: 20px; flex-wrap: wrap; }
.legalrow a { color: var(--mut); text-decoration: underline; text-underline-offset: 2px; font-size: var(--t-gross); }
.legalrow a:hover { color: var(--acc); }
td.vcell { white-space: normal; max-width: 240px; font-size: var(--t-text); line-height: 1.4; }
td.vcell .vreason { color: var(--dim); font-size: var(--t-klein); line-height: 1.35; margin-top: 2px; }
.wl-add { display: grid; grid-template-columns: 1.1fr 1fr 1.3fr auto; gap: 10px; align-items: center; }
@media (max-width: 900px) { .wl-add { grid-template-columns: 1fr; } }
.wl-err { color: var(--red); font-size: var(--t-text); min-height: 16px; margin-top: 6px; }
.wl-list { padding: 6px 20px; }
.wl-item { display: flex; align-items: center; gap: 14px; padding: 13px 0; border-bottom: 1px solid var(--line); }
.wl-item:last-child { border-bottom: none; }
.wl-status {
  flex: none; min-width: 92px; text-align: center; padding: 4px 12px; border-radius: 999px;
  font-size: var(--t-klein); font-weight: 700; letter-spacing: .02em;
  background: var(--panel2); border: 1px solid var(--line2); color: var(--grey); transition: filter .12s;
}
.wl-status:hover { filter: brightness(1.18); }
.wl-status.st-amber { color: var(--amber); border-color: rgba(255,184,77,.35); background: rgba(255,184,77,.08); }
.wl-status.st-blue { color: var(--blue); border-color: rgba(77,163,255,.35); background: rgba(77,163,255,.08); }
.wl-main { flex: 1; min-width: 0; }
.wl-name { font-weight: 600; font-size: var(--t-gross); display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; min-width: 0; }
.wl-src { font-size: var(--t-text); font-weight: 500; }
.wl-note { font-size: var(--t-text); margin-top: 2px; }
.wl-date { flex: none; font-size: var(--t-klein); font-family: var(--mono); }
.wl-del {
  flex: none; background: none; border: none; color: var(--dim);
  width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; padding: 0;
}
.wl-del:hover { color: var(--red); background: var(--panel2); }
.wl-del svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.wl-disc { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 0; border-radius: 8px; background: none; color: var(--dim); cursor: pointer; flex-shrink: 0; }
.wl-disc:hover { color: var(--red); background: var(--panel2); }
.wl-disc svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.wl-status.st-red { color: var(--red); border-color: rgba(255,93,108,.35); background: rgba(255,93,108,.08); }
.wl-item.discarded .wl-name, .wl-item.discarded .wl-name a { color: var(--dim); text-decoration: line-through; }
.wl-item.discarded .wl-note { text-decoration: none; }
@media (max-width: 600px) { .wl-date { display: none; } }
.modal .mgnamelbl { display: block; font-size: var(--t-klein); color: var(--dim);
  text-transform: uppercase; letter-spacing: .06em; margin-bottom: 6px; }
.modal #mgName { width: 100%; font-size: var(--t-gross); }
.mgchips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 8px; }
.mgchips .dim { font-size: var(--t-klein); margin-right: 2px; }
.mgchip { background: none; border: 1px solid var(--line); border-radius: 999px;
  padding: 4px 11px; font-size: var(--t-klein); color: var(--mut); cursor: pointer;
  display: inline-flex; align-items: center; gap: 6px; max-width: 100%; }
.mgchip:hover { border-color: var(--acc); color: var(--text); }
.mgchip .mgjunk { font-size: var(--t-mikro); color: var(--amber); border: 1px solid var(--amber);
  border-radius: 5px; padding: 0 5px; white-space: nowrap; }
.mgopts { display: grid; gap: 8px; }
.mgopt { display: flex; align-items: center; gap: 10px; padding: 11px 13px; border: 1px solid var(--line);
  border-radius: 10px; cursor: pointer; }
.mgopt.on { border-color: var(--acc); box-shadow: inset 0 0 0 1px var(--acc); }
.mgopt input { accent-color: var(--acc); }
.mgopt .mgn { font-weight: 600; font-size: var(--t-gross); flex: 1; word-break: break-word; }
.mgopt .mgjunk { font-size: var(--t-klein); color: var(--amber); border: 1px solid var(--amber); border-radius: 5px; padding: 0 6px; white-space: nowrap; }
.cursor-dot { position: fixed; top: 0; left: 0; width: 7px; height: 7px; border-radius: 50%;
  background: var(--acc); box-shadow: 0 0 6px color-mix(in srgb, var(--acc) 50%, transparent);
  pointer-events: none; z-index: 9999; opacity: 0; transition: opacity .25s ease; will-change: transform; }
.cursor-dot.on { opacity: .9; }
.rhcard { display: flex; flex-direction: column; }
.rhtop { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 9px; }
.rhhead { font-size: var(--t-text); color: var(--mut); }
.rhhead b { color: var(--text); font-weight: 500; }
.rhstrips { position: relative; flex: 1; display: flex; flex-direction: column; justify-content: center; }
.rhlbl { font-size: var(--t-mikro); letter-spacing: .02em; color: var(--dim); margin: 7px 0 3px; }
.rhlblu { margin: 3px 0 0; }
.rhoben { display: flex; gap: 3px; align-items: stretch; flex: 1.35; min-height: 60px; }
.rhunten { display: flex; gap: 3px; align-items: stretch; flex: 1; min-height: 44px; }
.rhachse { height: 1px; background: var(--line2); margin: 5px 0; flex: none; }
.rhbar { flex: 1; border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, color-mix(in srgb, var(--acc) 88%, #fff), var(--acc));
  transform: scaleY(var(--h)); transform-origin: bottom; }
.rhdip { flex: 1; border-radius: 0 0 4px 4px; opacity: var(--o, 1);
  transform: scaleY(var(--d)); transform-origin: top; }
.rhdip.flat { border: 1px dashed var(--line2); background: transparent; transform: scaleY(.10); }
.rhstrips:not(.an) .rhbar, .rhstrips:not(.an) .rhdip { transform: scaleY(0); }
.rhstrips.an .rhbar, .rhstrips.an .rhdip {
  transition: transform 520ms cubic-bezier(.22,.9,.28,1), opacity 140ms linear;
  transition-delay: calc(var(--i) * 14ms), 0ms; }
.rhstrips.hovern .rhbar { opacity: .3; }
.rhstrips.hovern .rhbar.hv { opacity: 1; }
.rhstrips.hovern .rhdip { opacity: calc(var(--o, 1) * .3); }
.rhstrips.hovern .rhdip.hv { opacity: var(--o, 1); }
@media (prefers-reduced-motion: reduce) {
  .rhstrips.an .rhbar, .rhstrips.an .rhdip { transition: opacity 140ms linear; }
}
.rhband { position: absolute; inset: 0; background: color-mix(in srgb, var(--acc) 9%, transparent);
  border: 1px solid color-mix(in srgb, var(--acc) 34%, transparent); border-radius: 7px; pointer-events: none; }
.rhbchip { position: absolute; top: -8px; left: 50%; transform: translateX(-50%); font-size: var(--t-mikro); line-height: 1; }
.rhhits { position: absolute; inset: 0; display: flex; gap: 2px; }
.rhhit { flex: 1; cursor: default; }
.rhtip { position: absolute; top: -6px; transform: translate(-50%, -100%); background: var(--panel2); border: 1px solid var(--line2);
  border-radius: 9px; padding: 7px 10px; font-size: var(--t-klein); color: var(--text); white-space: nowrap; pointer-events: none; z-index: 6; box-shadow: 0 6px 18px rgba(0,0,0,.3); }
.rhtip .dim2 { color: var(--mut); font-size: var(--t-klein); margin-top: 2px; }
.rhtip .rhtphp { color: var(--acc); font-size: var(--t-klein); margin-top: 4px; border-top: 1px solid var(--line2); padding-top: 4px; }
.rhaxis { display: flex; justify-content: space-between; font-size: var(--t-mikro); color: var(--dim); margin-top: 5px; font-variant-numeric: tabular-nums; }
.rhaxiswrap { position: relative; }
.rhaxiswrap .rhaxis { transition: opacity .18s ease; }
.rhaxiswrap .rhaxis.weg { opacity: .25; }
.rhpille { position: absolute; top: 5px; transform: translateX(-50%);
  background: var(--acc); color: var(--accText); font-size: var(--t-mikro); font-weight: 700;
  font-variant-numeric: tabular-nums; padding: 3px 9px; border-radius: 999px;
  white-space: nowrap; pointer-events: none;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--acc) 34%, transparent);
  transition: left .26s cubic-bezier(.85, 0, .15, 1); }
.rhpille[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) { .rhpille { transition: none; } }
.rhleg { display: flex; flex-wrap: wrap; gap: 11px; font-size: var(--t-klein); color: var(--mut); }
.rhleg i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; vertical-align: -1px; margin-right: 5px; }
.rhleg i.hollow { background: transparent; border: 1px dashed var(--line2); }
.rhleg i.phlg { background: color-mix(in srgb, var(--acc) 26%, transparent); border: 1px solid color-mix(in srgb, var(--acc) 45%, transparent); border-radius: 4px; }
.kaopts { display: grid; gap: 8px; }
.kaopt { display: flex; align-items: flex-start; gap: 11px; padding: 12px 14px; border: 1px solid var(--line);
  border-radius: 10px; cursor: pointer; }
.kaopt.on { border-color: var(--acc); box-shadow: inset 0 0 0 1px var(--acc); }
.kaopt input { accent-color: var(--acc); margin-top: 3px; flex: 0 0 auto; }
.kaopt .katext { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.kaopt .kan { font-weight: 600; font-size: var(--t-gross); }
.kaopt .kad { font-size: var(--t-text); color: var(--dim); line-height: 1.5; }
.swov { position: fixed; inset: 0; z-index: 200; background: rgba(0,0,0,.55); backdrop-filter: blur(2px);
  display: flex; align-items: flex-start; justify-content: center; padding-top: 12vh; }
.swbox { width: min(560px, 92vw); background: var(--panel); border: 1px solid var(--line2); border-radius: 14px;
  box-shadow: 0 24px 60px -20px rgba(0,0,0,.6); overflow: hidden; }
.swinput { width: 100%; box-sizing: border-box; border: 0; border-bottom: 1px solid var(--line); background: transparent;
  color: var(--text); font-size: var(--t-titel); padding: 15px 18px; outline: none; font-family: inherit; }
.swlist { max-height: 46vh; overflow: auto; padding: 6px; }
.swrow { display: grid; grid-template-columns: auto 1fr auto auto auto; align-items: center; gap: 9px;
  padding: 8px 11px; border-radius: 8px; text-decoration: none; color: var(--text); }
.swrow.on { background: var(--panel2); box-shadow: inset 0 0 0 1px var(--line2); }
.swstar { color: var(--amber); font-size: var(--t-text); width: 12px; }
.swstar.dim { color: var(--line2); }
.swname { font-size: var(--t-gross); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.swsym { font-family: var(--mono); font-size: var(--t-klein); color: var(--dim); }
.swattn { display: inline-flex; align-items: center; justify-content: center; width: 13px; height: 13px;
  margin-left: 6px; border: 1px solid var(--amber); border-radius: 50%; color: var(--amber);
  font-size: var(--t-mikro); font-weight: 700; vertical-align: middle;
  cursor: default; }
.swstage { font-size: var(--t-klein); text-transform: uppercase; letter-spacing: .05em; color: var(--dim);
  border: 1px solid var(--line2); border-radius: 5px; padding: 0 5px; }
.swstage.aus { border-style: dashed; }
.swempty { padding: 22px; text-align: center; color: var(--dim); font-size: var(--t-text); }
.swhint { border-top: 1px solid var(--line); padding: 8px 14px; font-size: var(--t-klein); color: var(--dim); }
.swhint kbd, .sidesearch kbd { font-family: var(--mono); font-size: var(--t-klein); }
.sidesearch { display: flex; align-items: center; gap: 11px; width: 100%; margin: 4px 0 12px; padding: 17px 13px;
  background: var(--panel2); border: 1px solid var(--line2); border-radius: 11px; color: var(--mut);
  font-family: inherit; font-size: var(--t-gross); cursor: text; text-align: left;
  white-space: nowrap; overflow: hidden; }
.sidesearch:hover { border-color: var(--line2); color: var(--mut); }
.sidesearch svg { flex-shrink: 0; width: 17px; height: 17px; }
.sidesearch span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.sidesearch kbd { flex-shrink: 0; border: 1px solid var(--line2); border-radius: 4px; padding: 0 5px; color: var(--dim); }
.detailnav { display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin-bottom: 14px; }
.detailhero { margin-bottom: 14px; }
.dnav { display: inline-flex; align-items: center; gap: 4px; }
.dnav button { background: var(--panel); border: 1px solid var(--line); border-radius: 8px; color: var(--mut);
  font-family: inherit; font-size: var(--t-text); padding: 5px 10px; cursor: pointer; }
.dnav button:hover { border-color: var(--line2); color: var(--text); }
.dnav button#eaPrev, .dnav button#eaNext { font-size: var(--t-titel); line-height: 1; padding: 3px 10px; }
.primusbox { margin-top: 14px; }
.podium { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; align-items: stretch; }
@media (max-width: 780px) { .podium { grid-template-columns: 1fr; } }
.podcard { display: block; border: 1px solid var(--line); border-radius: 12px; padding: 14px; background: var(--panel);
  text-decoration: none; color: var(--text); transition: border-color .12s, transform .12s; }
.podcard:hover { border-color: var(--line2); transform: translateY(-2px); }
.podcard.pod-0 { border-color: var(--acc); box-shadow: inset 0 0 0 1px var(--acc), 0 0 22px -10px var(--acc); }
.podhead { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; margin-bottom: 12px; }
.podrang { font-size: var(--t-seite); line-height: 1; color: var(--acc); }
.pod-1 .podrang, .pod-2 .podrang { color: var(--dim); }
.podname { font-weight: 700; font-size: var(--t-gross); display: flex; align-items: center;
  gap: 7px; min-width: 0; }
.podname .podn { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.podname .chip { font-size: var(--t-mikro); flex: none; }
.podtitel { min-width: 0; }
.podtitel .podkonto { font-size: var(--t-klein); font-weight: 400; color: var(--dim);
  font-family: var(--mono); margin-top: 3px; }
.podwertbox { display: flex; flex-direction: column; align-items: flex-end; line-height: 1; }
.podwertl { font-size: var(--t-mikro); font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: var(--dim); margin-bottom: 3px; }
.podwert { font-family: var(--mono); font-size: var(--t-zahl); font-weight: 700; color: var(--text); }
.podwert.pw-gruen { color: var(--green); }
.podwert.pw-gelb  { color: var(--amber); }
.podwert.pw-rot   { color: var(--red); }
.podkz { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 14px; }
.pkz { display: flex; flex-direction: column; justify-content: space-between; gap: 1px; }
.pkz span { font-size: var(--t-klein); color: var(--dim); text-transform: uppercase; letter-spacing: .04em; }
.pkz b { font-family: var(--mono); font-size: var(--t-gross); }
.pkz b.pos { color: var(--green); } .pkz b.neg { color: var(--red); } .pkz b.amb { color: var(--amber); }
.podmix { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); display: grid; gap: 7px; }
.pmix { display: grid; grid-template-columns: 84px 1fr 26px; align-items: center; gap: 8px; }
.pmix .pml { font-size: var(--t-klein); color: var(--mut); }
.pmix .pmt { height: 6px; background: var(--line); border-radius: 3px; overflow: hidden; }
.pmix .pmt i { display: block; height: 100%; background: var(--acc); border-radius: 3px; }
.pmix b { font-family: var(--mono); font-size: var(--t-klein); color: var(--dim); text-align: right; }
.perfgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; align-items: start; }
@media (max-width: 900px) { .perfgrid { grid-template-columns: 1fr; } }
.perfgrid .tablecard tbody tr { cursor: pointer; }
.perfgrid .tablecard tbody tr.sel { background: var(--panel2); box-shadow: inset 3px 0 0 var(--acc); }
.pmon { font-weight: 600; }
.pfgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; margin-top: 6px; }
.pfcard { display: block; border: 1px solid var(--line); border-radius: 12px; padding: 16px 18px; background: var(--panel);
  text-decoration: none; color: var(--text); transition: border-color .12s, transform .12s; }
.pfcard:hover { border-color: var(--line2); transform: translateY(-2px); }
.pfcname { font-weight: 700; font-size: var(--t-gross); margin-bottom: 8px; }
.pfverlauf { margin-top: 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
.pfverlauf.leer { padding: 12px 14px; font-size: var(--t-text); line-height: 1.5; }
.pfverlauf > summary { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap;
  padding: 10px 14px; cursor: pointer; list-style: none; font-size: var(--t-text); }
.pfverlauf > summary::-webkit-details-marker { display: none; }
.pfverlauf > summary::after { content: '▾'; color: var(--dim); font-size: var(--t-klein); margin-left: auto; }
.pfverlauf[open] > summary::after { content: '▴'; }
.pfvtitel { font-weight: 600; }
.pfvraus { color: var(--amber); font-weight: 600; }
.pfvbody { padding: 0 14px 12px; }
.pfvzeile { display: flex; align-items: baseline; gap: 10px; padding: 6px 0;
  border-top: 1px solid var(--line); font-size: var(--t-text); }
.pfvzeile.raus { border-left: 2px solid var(--amber); padding-left: 8px; }
.pfvzeile.rein { border-left: 2px solid var(--line); padding-left: 8px; }
.pfvzeit { flex: 0 0 auto; }
.pfvtext { flex: 1 1 auto; min-width: 0; }
.pfvbetrag { flex: 0 0 auto; font-weight: 600; }
.pfvkappe { padding-top: 8px; font-size: var(--t-klein); }
.pfcbal { font-family: var(--mono); font-size: var(--t-zahl); font-weight: 700; letter-spacing: -.02em; color: var(--text); }
.pfcmeta { display: flex; justify-content: space-between; margin-top: 8px; font-size: var(--t-text); color: var(--mut); }
.pfcmeta .pos { color: var(--green); font-family: var(--mono); } .pfcmeta .neg { color: var(--red); font-family: var(--mono); }
.pfhero { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-bottom: 6px; }
.bvhinweis { margin-top: 8px; padding: 8px 11px; border-radius: 9px;
  font-size: var(--t-klein); line-height: 1.45; color: var(--dim);
  border: 1px solid color-mix(in srgb, var(--blue) 26%, transparent);
  background: color-mix(in srgb, var(--blue) 7%, transparent); }
.ubmark { display: inline-block; margin-left: 7px; padding: 1px 7px; border-radius: 999px;
  font: 600 var(--t-mikro) var(--sans); letter-spacing: .02em; white-space: nowrap;
  color: var(--blue); border: 1px solid color-mix(in srgb, var(--blue) 34%, transparent);
  background: color-mix(in srgb, var(--blue) 10%, transparent); }
.pfpair { display: contents; }
@media (max-width: 780px) {
  .pfhero { grid-template-columns: repeat(6, 1fr); }
  .pfpair { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; grid-column: 1 / -1; }
  .pfhero > .pfk { grid-column: span 3; }
  .pfhero > .k-bester { display: none; }
  .k-gewinn .pfkv span { display: block; margin-top: 2px; }
  .pfhero > .pfk .pfkv { font-size: var(--t-gross); }
  .pfhero > .pfk .pfkl { letter-spacing: .02em; }
}
.pfk { background: var(--panel2); border-radius: 10px; padding: 12px 14px; min-width: 0; overflow: hidden; }
.pfkl { font-size: var(--t-klein); color: var(--dim); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pfkv { font-size: var(--t-seite); font-weight: 700; margin-top: 4px; letter-spacing: -.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pfkv .pbest { font-size: var(--t-gross); font-weight: 700; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pfkv.pos { color: var(--green); } .pfkv.neg { color: var(--red); }
.pffilter { display: inline-flex; gap: 4px; justify-content: flex-end; margin: 10px 0 8px; flex-wrap: wrap;
  background: var(--panel2); border: 1px solid var(--line2); border-radius: 8px; padding: 3px; }
.bvkopf { justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.bvkopf .pffilter { margin: 0; }
.pffilter button { background: none; border: 0; color: var(--mut); font-size: var(--t-text); font-weight: 600; padding: 5px 12px; border-radius: 6px; cursor: pointer; font-family: inherit; }
.pffilter button:hover { color: var(--text); }
.pffilter button.on { background: var(--acc); color: var(--accText); }
.pfwin { font-size: var(--t-text); margin-bottom: 10px; }
.pfwin .pos { color: var(--green); } .pfwin .neg { color: var(--red); }
.pfrm { padding: 2px 9px; font-size: var(--t-gross); line-height: 1; color: var(--dim); }
.pfrm:hover { color: var(--red); }
.pfquick { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; margin-bottom: 10px; }
.pfquick button { background: var(--panel2); border: 1px solid var(--line); color: var(--mut); font-size: var(--t-text); padding: 6px 12px; border-radius: 8px; cursor: pointer; font-family: inherit; }
.pfquick button:hover { color: var(--text); border-color: var(--line2); }
.pfquick button.on { background: var(--acc-dim); border-color: var(--acc); color: var(--text); }
.pfsel { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; min-height: 26px; margin: 4px 0 8px; }
.pfchip { display: inline-flex; align-items: center; gap: 6px; background: var(--acc-dim); border: 1px solid var(--acc); border-radius: 8px; padding: 3px 8px; font-size: var(--t-text); cursor: pointer; }
.pfchip b { color: var(--dim); font-weight: 700; }
.pfchip:hover b { color: var(--red); }
.pfresults { max-height: 220px; overflow-y: auto; border: 1px solid var(--line); border-radius: 10px; }
.pfresults:empty { border: 0; }
.pfrow { display: flex; justify-content: flex-start; align-items: center; gap: 7px; padding: 8px 12px; cursor: pointer; border-bottom: 1px solid var(--line); }
.pfrow:last-child { border-bottom: 0; }
.pfrow:hover { background: var(--panel2); }
.pfrow .pfrn { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pfrow .pfst { margin-left: auto; flex: none; font-size: var(--t-klein); color: var(--dim); }
.pfdlg label { display: block; font-size: var(--t-text); color: var(--dim); margin: 12px 0 6px; }
.pfdlg input[type=text], .pfdlg input[type=number] { width: 100%; }
.phead { color: var(--dim); font-size: var(--t-klein); font-weight: 700; text-transform: uppercase; letter-spacing: .1em; margin: 18px 0 8px; }
.pmempty { font-size: var(--t-text); padding: 2px 0 4px; }
.prow {
  display: flex; align-items: center; gap: 10px; padding: 8px 10px; margin-bottom: 6px;
  border: 1px solid var(--line); border-radius: 10px; color: var(--text);
}
.prow:hover { background: var(--panel2); border-color: var(--line2); }
.prow .pn { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; font-size: var(--t-text); }
.prow b { font-family: var(--mono); font-size: var(--t-text); font-weight: 600; }
.easearch { flex: 1 1 300px; min-width: 240px; max-width: 460px; padding: 13px 16px 13px 46px;
  font-size: var(--t-gross); border-radius: 13px; border: 1px solid var(--line2);
  background: var(--panel2) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2393a6b8' stroke-width='2' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><path d='M21 21l-4.5-4.5'/></svg>") no-repeat 14px center / 19px;
  color: var(--text); }
.easearch::placeholder { color: var(--mut); }
.easearch:focus { outline: none; border-color: var(--acc); box-shadow: 0 0 0 3px rgba(63,168,143,.16); }
.stch { font: 500 9px var(--mono); letter-spacing: .06em; border: 1px solid var(--line2); border-radius: 99px; padding: 2px 7px; color: var(--mut); flex-shrink: 0; }
.stch.note { color: #a98fd6; border-color: color-mix(in srgb, #a98fd6 42%, transparent);
  background: color-mix(in srgb, #a98fd6 12%, transparent); font-family: var(--sans, inherit);
  letter-spacing: 0; font-size: var(--t-mikro); font-weight: 600; max-width: 46vw;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mnav { display: none; }
details.macc > summary { list-style: none; }
@media (max-width: 699px) {
  html, body { overflow-x: hidden; }
  .side { display: none; }
  .layout, .layout.side-zu { display: block; padding-left: 0; }
  .main { min-width: 0; padding: calc(12px + env(safe-area-inset-top, 0px)) 12px 110px; }
  .mranges { display: flex; gap: 4px; overflow-x: auto; margin: 0 0 10px; padding: 3px;
    background: var(--panel2); border: 1px solid var(--line2); border-radius: 8px;
    -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .mranges::-webkit-scrollbar { display: none; }
  .mranges button { flex: 1 0 auto; white-space: nowrap; border: 0; background: none;
    color: var(--mut); font-size: var(--t-text); font-weight: 600; padding: 8px 12px;
    border-radius: 6px; min-height: 44px; }
  .mranges button:active { transform: scale(.97); }
  .mranges button.on { background: var(--acc); color: var(--accText); }
  .neuband { background: none; border: 0; box-shadow: none; padding: 0; margin-bottom: 16px; }
  .neuband .csec { margin-bottom: 9px; }
  .msums { background: var(--panel2); border: 1px solid var(--line);
    border-left: 3px solid var(--acc); border-radius: 14px;
    padding: 13px 15px 12px; margin-bottom: 14px; }
  .msums .msl { font: 500 9px var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--dim); margin-bottom: 8px; }
  .msgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
  .msgrid .l { font-size: var(--t-mikro); color: var(--dim); letter-spacing: .05em; text-transform: uppercase; }
  .msgrid .v { font: 600 15.5px var(--mono); letter-spacing: -.02em; margin-top: 3px; white-space: nowrap; }
  .msgrid .v.pos { color: var(--green); }
  .msgrid .v.neg { color: var(--red); }
  .msgrid .v.dim { color: var(--dim); }
  .msdd { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); }
  .msdd.wahl { position: relative; cursor: pointer; border-radius: 10px;
    margin: 12px -8px 0; padding: 10px 8px 8px; min-height: 44px; }
  .msdd.wahl:active { background: color-mix(in srgb, var(--acc) 10%, transparent); }
  .msdd.wahl.on { background: color-mix(in srgb, var(--acc) 9%, transparent); }
  .msdd.wahl.on::after { content: ""; position: absolute; left: 8px; right: 8px; top: 0;
    height: 2px; border-radius: 2px; background: var(--acc); }
  .mline .mlzeit { flex: none; font: 400 var(--t-mikro)/1 var(--mono); color: var(--dim); }
  .msbig { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
  .msbig .v { font: 600 18px var(--mono); letter-spacing: -.02em; }
  .msbig .v.neg { color: var(--red); }
  .msbig .msea { font-size: var(--t-klein); color: var(--dim); margin-top: 0; }
  .msgrid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .msgrid2 .l { font-size: var(--t-mikro); color: var(--dim); letter-spacing: .05em; text-transform: uppercase; }
  .msgrid2 .v { font: 700 24px var(--mono); letter-spacing: -.03em; margin-top: 3px; white-space: nowrap; }
  .msgrid2 .v.neg { color: var(--red); }
  .msgrid2 .v.dim { color: var(--dim); }
  .msgrid2 .v small { display: block; font: 400 10px var(--mono); color: var(--dim); margin-top: 1px; }
  .msea { font-size: var(--t-klein); color: var(--dim); margin-top: 3px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .msearch { width: 100%; margin: 0 0 10px; background: var(--panel); border: 1px solid var(--line2);
    border-radius: 11px; color: var(--text); font: 400 14px var(--sans); padding: 10px 13px; }
  .msearch:focus { outline: none; border-color: var(--acc); }
  .mnav { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
    border: 1px solid var(--line2); border-bottom: 0; border-radius: 18px 18px 0 0;
    background: rgba(6,10,14,.78);
    backdrop-filter: blur(18px) saturate(1.15); -webkit-backdrop-filter: blur(18px) saturate(1.15);
    padding: 6px 6px 26px;
    box-shadow: 0 -10px 30px rgba(0,0,0,.35); }
  [data-theme="light"] .mnav { background: rgba(255,255,255,.82); border-color: rgba(0,0,0,.1); }
  .mnav a { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px;
    padding: 4px 0 2px; color: var(--dim); text-decoration: none; font-size: var(--t-klein);
    font-weight: 600; letter-spacing: .02em; min-width: 0; }
  .mnav a.on { color: var(--acc); }
  .mnav .ic { width: 48px; height: 29px; border-radius: 11px; display: flex; align-items: center; justify-content: center; }
  .mnav a.on .ic { background: var(--acc-dim); }
  .mnav svg { width: 23px; height: 23px; stroke: currentColor; fill: none; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
  .mnav .ic { position: relative; }
  .mnav .mzahl { position: absolute; top: -2px; right: 2px; min-width: 17px; height: 17px;
    padding: 0 4px; border-radius: 99px; background: var(--amber); color: #1a1206;
    font: 700 10px var(--mono); line-height: 17px; text-align: center;
    box-shadow: 0 0 0 2px var(--bg); }
  .mnav .mzahl.echt { background: var(--red); color: #2a0508; }
  [data-theme="light"] .mnav .mzahl.echt { color: #fff; }
  [data-theme="light"] .mnav .mzahl { box-shadow: 0 0 0 2px #fff; }
  .mnav .npkt { position: absolute; bottom: -1px; left: 3px; width: 8px; height: 8px;
    border-radius: 50%; background: #a98fd6; box-shadow: 0 0 0 2px var(--bg); }
  [data-theme="light"] .mnav .npkt { box-shadow: 0 0 0 2px #fff; }
  .mscope { display: flex; gap: 4px; background: var(--panel2); border: 1px solid var(--line);
    border-radius: 11px; padding: 3px; margin: 0 0 10px; }
  .mscope a, .mscope button { flex: 1; text-align: center; padding: 8px 4px; border-radius: 8px;
    color: var(--dim); text-decoration: none; font-size: var(--t-text); font-weight: 600;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    background: none; border: 0; cursor: pointer; min-height: 38px; }
  .mscope a.on, .mscope button.on { background: var(--panel); color: var(--text); box-shadow: 0 1px 2px rgba(0,0,0,.18); }
  .mblock { margin-bottom: 12px; }
  .mgz { display: flex; align-items: center; justify-content: space-between; gap: 10px;
    min-height: 44px; padding: 4px 4px 4px 14px; border-bottom: 1px solid var(--line);
    color: inherit; text-decoration: none; }
  .mgz.ruht { opacity: .55; }
  .mgz .mgl { display: flex; align-items: center; gap: 6px; min-width: 0; }
  .mgz .rmnr { font-family: var(--mono, ui-monospace); font-size: 12px; color: var(--text); }
  .mgz .stagechip { margin-left: 2px; }
  .mgz .mgr { text-align: right; flex: none; display: flex; flex-direction: column; line-height: 1.25; }
  .mgz .mgr b { font-size: 13.5px; font-weight: 600; font-family: var(--mono, ui-monospace); }
  .mgz .mgr small { font-size: 11px; font-family: var(--mono, ui-monospace); }
  .mgsort { display: flex; gap: 6px; margin: 8px 0 2px; }
  .mgsort button { border: 1px solid var(--line2); background: var(--panel); color: var(--mut);
    border-radius: 999px; padding: 5px 12px; min-height: 32px; font-size: 11.5px; font-weight: 600; }
  .mgsort button.on { background: var(--acc); color: var(--accText); border-color: var(--acc); }
  .mgtabs { margin-top: 8px; }
  .mbkopf { margin-top: 16px; }
  .mbtitel { font-weight: 700; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--acc); }
  .mbkopf { display: block; }
  .mbkopf > .msl { margin-bottom: 6px; }
  .mfilt { display: flex; gap: 3px; margin: 0 0 8px; flex-shrink: 0; }
  .mfilt button { background: none; border: 1px solid transparent; border-radius: 8px;
    color: var(--dim); font-size: var(--t-klein); font-weight: 600; cursor: pointer;
    padding: 9px 11px; min-height: 40px; }
  .mfilt button.on { background: var(--panel2); border-color: var(--line2); color: var(--text); }
  .mrest { color: var(--dim); font-size: var(--t-klein); padding: 2px 4px 0; }
  .mblock .msl, .main > .msl { font: 500 10px var(--mono); letter-spacing: .1em;
    text-transform: uppercase; color: var(--dim); margin: 10px 2px 8px; }
  .backlink { padding: 10px 4px; margin-bottom: 6px; }
  .mline { display: flex; align-items: center; gap: 8px; text-decoration: none; color: var(--text);
    background: var(--panel); border: 1px solid var(--line); border-radius: 12px;
    padding: 12px 13px; margin-bottom: 7px; min-height: 48px; }
  .mline .mlname { flex: 1; min-width: 0; font-weight: 600; font-size: var(--t-text);
    display: flex; align-items: center; gap: 6px; }
  .mline .mln { min-width: 0; flex: 0 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .mline .mlv { font: 700 15px var(--mono); letter-spacing: -.02em; flex-shrink: 0; }
  .mline .mlv.neg { color: var(--red); }
  .mline.mhand { border-style: dashed; }
  .mline.mkonten { margin-top: 18px; background: none; border-style: dashed; min-height: 46px; }
  .mline.mkonten .mlname { font-weight: 500; color: var(--dim); }
  .mline.mkonten.warn { border-color: color-mix(in srgb, var(--red) 42%, transparent); border-style: solid; }
  .mline.mkonten.warn .mlname { color: var(--red); font-weight: 600; }
  .mleer { color: var(--dim); font-size: var(--t-text); background: var(--panel);
    border: 1px solid var(--line); border-radius: 12px; padding: 14px 13px; }
  .pagehead { margin-bottom: 12px; gap: 10px; }
  .pagehead h1 { font-size: var(--t-seite); }
  .pagehead .sub { font-size: var(--t-klein); margin-top: 2px; }
  .kfilterbar { gap: 10px; margin-bottom: 10px; }
  .bvkopf { flex-direction: column-reverse; flex-wrap: nowrap; align-items: stretch; gap: 0; margin-bottom: 0; }
  .bvkopf .pffilter { margin: 0 0 10px; flex-wrap: nowrap; justify-content: flex-start; min-width: 0; }
  .bvkopf .themeseg { width: 100%; }
  .bvkopf .themeseg button { min-height: 44px; }
  .mtop { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 2px 2px 2px; }
  .mtop .dashstand { margin-top: 0; flex: none; }
  .mtitle { font-size: var(--t-seite); font-weight: 700; letter-spacing: -.01em; }
  .constat { font: 500 10px var(--mono); color: var(--acc); display: flex; align-items: center; gap: 5px; text-transform: uppercase; letter-spacing: .06em; white-space: nowrap; }
  .constat::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--acc); box-shadow: 0 0 7px rgba(63,168,143,.8); }
  .constat.warn { color: var(--red); }
  .constat.warn::before { background: var(--red); box-shadow: 0 0 7px rgba(255,93,108,.8); }
  .msub { font: 500 10px var(--mono); color: var(--dim); letter-spacing: .1em; text-transform: uppercase; margin: 0 2px 10px; }
  .eacard { display: block; color: inherit; text-decoration: none; background: var(--panel);
    border: 1px solid var(--line); border-radius: 14px; padding: 11px 13px; margin-bottom: 9px; }
  .eacard:active { border-color: var(--line2); }
  .ea1 { display: flex; align-items: center; gap: 8px; min-width: 0; }
  .ea1 .dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
  .ea1 .dot.g { background: var(--acc); box-shadow: 0 0 6px rgba(63,168,143,.7); }
  .ea1 .dot.y { background: var(--amber); }
  .ea1 .dot.r { background: var(--red); }
  .ea1 .dot.b { background: var(--blue); }
  .ea1 .nm { font-weight: 700; font-size: var(--t-gross); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
  .ea1 .ph { margin-left: auto; font: 600 15px var(--mono); letter-spacing: -.02em; flex-shrink: 0; }
  .ea1 .ph.pos { color: var(--green); }
  .ea1 .ph.neg { color: var(--red); }
  .ea2 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-top: 9px; padding-top: 8px; border-top: 1px solid var(--line); }
  .ea2.ea2-3 { grid-template-columns: 1.25fr 1fr 1fr; }
  .ea2 div { min-width: 0; }
  .ea2 .l { font-size: var(--t-mikro); color: var(--dim); letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; }
  .ea2 .v { font: 500 12px var(--mono); margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .ea2 .v.big { font-size: var(--t-gross); font-weight: 700; margin-top: 2px; }
  .ea2 .v.pos { color: var(--green); }
  .ea2 .v.neg { color: var(--red); }
  .ea2 .v.amb { color: var(--amber); }
  .mmore { padding: 4px 0; }
  .mmore a { display: flex; justify-content: space-between; align-items: center; color: var(--text);
    text-decoration: none; font-size: var(--t-gross); font-weight: 600; padding: 13px 16px; border-bottom: 1px solid var(--line); }
  .mmore a:last-child { border-bottom: 0; }
  details.macc { margin: 8px 0; }
  details.macc > summary { cursor: pointer; background: var(--panel); border: 1px solid var(--line);
    border-radius: 12px; padding: 12px 14px; font-weight: 700; font-size: var(--t-gross);
    display: flex; justify-content: space-between; align-items: center; }
  details.macc > summary::-webkit-details-marker { display: none; }
  details.macc > summary::after { content: '\25B8'; color: var(--dim); font-size: var(--t-text); }
  details.macc[open] > summary::after { content: '\25BE'; }
  details.macc[open] > summary { margin-bottom: 10px; }
  .detail-head h1 { font-size: var(--t-seite); }
  .detailhero .dh-actions { position: static; display: contents; }
  .tags.infobadges { display: flex; flex-wrap: nowrap; align-items: center; gap: 5px; }
  .infobadges .ibadge { padding: 2px 8px; font-size: var(--t-klein); white-space: nowrap; }
  .infobadges .menuwrap { flex: 0 0 auto; }
  .infobadges .dh-actions .btn, .infobadges .menuwrap > .btn {
    padding: 2px 8px; font-size: var(--t-klein); font-weight: 600; border-radius: 7px; line-height: 1.5; white-space: nowrap;
    background: var(--panel); border: 1px solid var(--line); color: var(--mut); box-shadow: none; min-height: 0; }
  .infobadges .dh-actions .btn:not(.sec) { color: var(--acc); border-color: rgba(63,168,143,.35); background: var(--acc-dim); }
  .infobadges #favBtn .dim { display: none; }
  .infobadges .dh-actions .caret { font-size: var(--t-mikro); }
  .ea-top .rcol { order: -1; }
  .chartbar .chartright { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 8px; width: 100%; }
  .chartbar .chartright .cwin { order: 1; flex: 1 1 auto; min-width: 0; }
  .chartbar .chartright .balunit { order: 2; flex: 0 0 auto; }
  .ea-pipe .stg { padding: 6px 12px; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
  .ea-pipe .stg .sn { margin: 0; }
  .ea-pipe .stg .sv { font-size: var(--t-text); margin: 0; }
  .ea-pipe .stg .sacc { margin: 0 0 0 auto; }
  .hero { grid-template-columns: repeat(2, 1fr); }
  .hero.h3, .hero.h5 { grid-template-columns: repeat(2, 1fr); }
  .hero.h3 .hk.big, .hero.h5 .hk.big { grid-column: span 2; }
  .hero .hk .v { font-size: var(--t-seite); }
  .facts { grid-template-columns: repeat(2, 1fr); }
  .tablecard { overflow-x: auto; }
  .mheat { grid-template-columns: repeat(4, 1fr); gap: 6px; }
  .mheat .hl, .mheat .yr { display: none; }
  .mheat .hm { display: block; font-size: var(--t-mikro); color: var(--dim); line-height: 1; }
  .mheat .hc { min-height: 50px; }
  .mheat .hc.jahr { grid-column: 1 / -1; flex-direction: row; justify-content: space-between;
                    padding: 9px 12px; min-height: 0; background: transparent !important;
                    border-top: 1px solid var(--line); border-radius: 0; margin-top: 2px; }
  .mheat .hc.jahr .hm { letter-spacing: .05em; font-weight: 600; }
  .k2wrap { grid-template-columns: 1fr; gap: 0; }
  .k2side { display: none; }
  .k2 { grid-auto-rows: 44px; gap: 3px; }
  .k2head { gap: 3px; }
  .k2head > div { font-size: 9px; }
  .k2c { padding: 3px 2px; }
  .k2c .kd { top: 2px; right: 3px; font-size: 9px; }
  .k2c .kv { font-size: var(--t-klein); }
  .k2c .kn { display: none; }
  .mdhead { flex-wrap: wrap; gap: 4px 10px; }
  .mdhead .kmeta { margin-left: 0; order: 3; width: 100%; }
  .mlegende { gap: 6px 14px; flex-direction: column; }
  .mlegende > span:first-child { display: none; }
  .monthly { font-size: var(--t-klein); }
  .ranges { overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; max-width: 100%; }
  .ranges::-webkit-scrollbar { display: none; }
  .ranges button { flex-shrink: 0; }
  .chartbar { flex-wrap: wrap; gap: 8px; max-width: 100%; }
  .cnote, .cfloat { display: none; }
}
.layout.pubshare{grid-template-columns:1fr;display:block}
.layout.pubshare .main{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px}
.pubhdr{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:14px 0 16px;border-bottom:1px solid var(--line);margin-bottom:6px;flex-wrap:wrap}
.pubhdr .logo{display:inline-flex;align-items:center;gap:9px;font-weight:700;
  font-size: var(--t-titel);letter-spacing:.1em;color:var(--text)}
.pubhdr .logo b{color:var(--acc)}
.pubhdr .lgi{width:22px;height:22px;flex-shrink:0}
.pubbar{display:flex;align-items:stretch;gap:14px;flex-wrap:wrap;margin:14px 0 18px}
.pubbar .pb-karte{flex:1;min-width:260px;display:flex;align-items:center;gap:14px;
  padding:12px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.pubbar .pb-wer{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.pubbar .pb-live{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;
  color:var(--acc);white-space:nowrap}
.pubbar .pb-live i{font-style:normal;color:var(--acc)}
.pubbar .pb-live b{color:var(--text);font-weight:700}
.pubbar .pb-note{font:500 10.5px var(--mono);letter-spacing:.09em;text-transform:uppercase;
  color:var(--mut)}
.pubbar .pb-karte .pubava{width:38px;height:38px;border-radius:11px;font-size:var(--t-text)}
a.pubava{text-decoration:none;color:var(--accText);cursor:pointer}
a.pubava:hover{filter:brightness(1.12)}
.pubbar .btn{white-space:nowrap;flex:none}
.pubbar .pb-cta{align-self:center}
.pubbar .btn.leise{background:var(--acc-dim);color:var(--acc);
  border:1px solid color-mix(in srgb, var(--acc) 32%, transparent);font-weight:600}
.pubbar .btn.leise:hover{background:color-mix(in srgb, var(--acc) 18%, transparent);
  border-color:color-mix(in srgb, var(--acc) 55%, transparent)}
[data-theme="light"] .pubbar .btn.leise{color:color-mix(in srgb, var(--acc) 84%, #000000)}
@media(max-width:760px){
  .pubbar{flex-direction:column;gap:0}
  .pubbar .pb-karte{flex-wrap:wrap;align-items:center;row-gap:12px}
  .pubbar .pb-wer{min-width:60%}
  .pubbar .pb-mehr,.pubbar .pb-cta{flex:1 0 100%;width:100%;justify-content:center;text-align:center}
  .pubbar .pb-cta{align-self:stretch;margin-top:10px}
}
@media(max-width:699px){
  .layout.pubshare .main{padding-left:14px;padding-right:14px}
  .pubbar{gap:0}
}
.balat { font-size: var(--t-text); color: var(--mut); font-family: var(--sans); font-weight: 400; letter-spacing: 0; }
.ddat { display: block; font-size: var(--t-text); color: var(--mut); font-family: var(--sans); font-weight: 400; margin-top: 2px; }
.bezwrap { display: flex; flex-direction: column; gap: 12px; }
.bezcard { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; }
.bezfrage { border-color: var(--accent); }
.bezcard.bezfrage { display: block; }
.bezhead { font-weight: 600; margin-bottom: 4px; }
.bezsub { font-size: var(--t-text); margin: 0 0 10px; line-height: 1.5; }
.bezsub-hi { color: var(--text); font-size: var(--t-gross); }
.bezsub-hi b { color: var(--acc); }
.bezwahlen { display: grid; gap: 10px; margin-top: 4px; }
.bezwopt { display: grid; grid-template-columns: 1fr auto; gap: 12px 16px; align-items: center;
  border: 1px solid var(--line); border-radius: 11px; padding: 14px 15px;
  transition: border-color .12s, box-shadow .12s; }
.bezwopt:hover { border-color: color-mix(in srgb, var(--acc) 45%, transparent); box-shadow: var(--heb); }
.bezwopt.bezvor { border-color: color-mix(in srgb, var(--acc) 60%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--acc) 30%, transparent); }
.bezrat { margin: 0 0 12px; padding: 9px 0 9px 12px; font-size: var(--t-text);
  line-height: 1.5; color: var(--mut); border-left: 2px solid var(--line); }
.bezrat-merge { border-left-color: color-mix(in srgb, var(--amber) 60%, transparent); }
.bezrat-gruppe { border-left-color: color-mix(in srgb, var(--green) 60%, transparent); }
.bezrat-trennen { border-left-color: var(--red); color: var(--text);
  background: color-mix(in srgb, var(--red) 7%, transparent);
  border-radius: 0 8px 8px 0; padding-right: 12px; }
.bezwtxt { min-width: 0; }
.bezwt { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.bezwt b { font-size: var(--t-gross); font-weight: 600; }
.bezwopt p { font-size: var(--t-text); line-height: 1.5; margin: 5px 0 0; color: var(--mut); }
.bezmarke { font-size: var(--t-mikro); letter-spacing: .05em; text-transform: uppercase;
  font-weight: 700; border-radius: 999px; padding: 2px 8px; border: 1px solid; }
.bezmarke.ok { color: var(--green); border-color: color-mix(in srgb, var(--green) 45%, transparent);
  background: color-mix(in srgb, var(--green) 9%, transparent); }
.bezmarke.warn { color: var(--amber); border-color: color-mix(in srgb, var(--amber) 45%, transparent);
  background: color-mix(in srgb, var(--amber) 9%, transparent); }
.bezwakt { display: grid; gap: 7px; min-width: 186px; max-width: 232px; align-content: start; }
.bezwakt input, .bezwakt select { width: 100%; }
.bezwakt .btn { width: 100%; justify-content: center; min-height: 36px; }
.beznein { display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }
.beznein > span { font-size: var(--t-text); color: var(--dim); min-width: 0; }
.beznein-btn { font: inherit; background: none; border: 0; color: var(--mut); cursor: pointer;
  text-decoration: underline; text-underline-offset: 3px; padding: 6px 2px; min-height: 32px;
  white-space: nowrap; flex: none; }
.beznein-btn:hover { color: var(--text); }
.beznein-btn:focus-visible { outline: 2px solid var(--acc); outline-offset: 2px; border-radius: 6px; }
.bezdim { align-items: center; gap: 8px; font-size: var(--t-text); }
.bezdim select { max-width: 180px; }
@media (max-width: 699px) { .bezwopt { grid-template-columns: 1fr; align-items: stretch; }
  .bezwakt { min-width: 0; }
  .beznein { flex-wrap: wrap; gap: 4px 12px; } }
.acctswitch .vglbtn { font-size: var(--t-text); padding: 4px 12px; }
.acctswitch .vglbtn.on { border-color: var(--accent); color: var(--accent); }
.vglbox { margin-top: 10px; }
.vglbox .famtab td, .vglbox .famtab th { white-space: nowrap; }
.vglbox .famtab td:first-child, .vglbox .famtab th:first-child { white-space: normal; min-width: 200px; }
.vglbox tr[data-lauf-ea]:hover { background: var(--panel2); }
.bezwarn { font-size: var(--t-text); line-height: 1.55; margin: 0 0 10px; padding: 8px 10px;
  border-left: 2px solid var(--amber); background: var(--panel2); border-radius: 0;
  color: var(--dim); }
.bezwarn b { color: var(--fg); font-weight: 600; }
.modal .mgwarn { margin: 14px 0 0; }
.eigencard { display: block; }
.eigenmark { display: inline-block; font: 500 10px var(--mono); letter-spacing: .12em;
  text-transform: uppercase; color: var(--dim); border: 1px solid var(--line);
  border-radius: 999px; padding: 3px 10px; margin-bottom: 12px; }
.eigengrid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.eigengrid .l { font-size: var(--t-mikro); color: var(--dim); letter-spacing: .05em; text-transform: uppercase; }
.eigengrid .v { font: 600 17px var(--mono); letter-spacing: -.02em; margin-top: 3px; }
.baleigen { display: flex; align-items: baseline; gap: 10px; margin-top: 10px;
  padding-top: 9px; border-top: 1px solid var(--line); font-size: var(--t-text); }
.baleigen .balv { font-size: var(--t-gross); }
.baleigen .dim { margin-left: auto; font-size: var(--t-klein); }
.eingriff { border: 1px solid var(--line); border-left: 2px solid var(--amber);
  border-radius: 0 10px 10px 0; margin-bottom: 12px; font-size: var(--t-text); }
.eingriff > summary { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap;
  padding: 9px 14px; cursor: pointer; list-style: none; }
.eingriff > summary::-webkit-details-marker { display: none; }
.eingriff > summary::after { content: '▾'; color: var(--dim); font-size: var(--t-klein); }
.eingriff[open] > summary::after { content: '▴'; }
.eingriff .eil { font-weight: 600; }
.eingriff .eiv { font-size: var(--t-gross); }
.eingriff .eihint { margin-left: auto; color: var(--dim); font-size: var(--t-klein); }
.eingriffbody { padding: 0 14px 12px; }
.zuordcard { margin: 18px 0 0; }
.zuordtab td { vertical-align: middle; }
.zuordtab th:last-child, .zuordtab td:last-child { text-align: left; }
.zwrap { display: flex; align-items: center; gap: 8px; }
.zuordtab select { width: auto; min-width: 190px; transition: border-color .15s, background-color .15s; }
select.zuord.saving { opacity: .6; }
select.zuord.ok { border-color: var(--green); animation: zflash 1.6s ease-out 1; }
select.zuord.bad { border-color: var(--red); }
@keyframes zflash {
  0% { background-color: rgba(63,168,143,.45); }
  100% { background-color: transparent; }
}
.zmark { font-size: var(--t-text); width: 14px; display: inline-block; }
.zmark.saving { color: var(--dim); }
.zmark.ok { color: var(--green); }
.zmark.bad { color: var(--red); }
.zuordstat { font-size: var(--t-text); color: var(--dim); margin-left: auto; }
.zuordfilter { display: flex; align-items: baseline; gap: 12px; font-size: var(--t-text);
  background: var(--panel2); border-radius: 8px; padding: 8px 12px; margin-bottom: 12px; }
.zuordfilter a { margin-left: auto; }
.zuordkonto { margin: 0 2px 12px; padding-left: 10px; border-left: 2px solid var(--line);
  font-size: var(--t-text); line-height: 1.5; }
.zuordkonto b { color: var(--text); font-weight: 600; }
.eingriffandere { margin: 0 0 10px; padding: 8px 14px; border: 1px dashed var(--line);
  border-radius: 10px; font-size: var(--t-text); line-height: 1.5; }
.eingriff .eilink { font-weight: 600; }
.verwcard { background: linear-gradient(180deg, var(--panel2), var(--panel));
  border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; }
.verwrow { border-bottom: 1px solid var(--line); }
.verwrow:last-of-type { border-bottom: 0; }
.verwrow > summary { list-style: none; cursor: pointer; padding: 13px 20px;
  display: flex; align-items: baseline; gap: 8px; font-size: var(--t-text); }
.verwrow > summary::-webkit-details-marker { display: none; }
.verwrow > summary::after { content: '▾'; margin-left: auto; color: var(--dim);
  transition: transform .15s ease; }
.verwrow[open] > summary::after { transform: rotate(180deg); }
.verwrow > summary:hover { background: var(--panel2); }
.verwrow > summary b { font-weight: 600; }
.verwrow .verwbody { padding: 2px 20px 18px; }
.verwbody > .card, .verwbody > .bezwrap > .card { background: none; border: 0; padding: 0; }
.verwaktionen { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 20px;
  border-top: 1px solid var(--line); background: var(--bg2); }
.verwaktionen .btn { font-size: var(--t-klein); }
@media (max-width: 699px) {
  .verwrow > summary { padding: 13px 14px; }
  .verwrow .verwbody { padding: 2px 14px 16px; }
  .verwaktionen { padding: 12px 14px; }
}
.erstlauf { max-width: 940px; margin: 56px auto 0; padding: 0 18px; }
.erstlauf h1 { font-size: var(--t-zahl); font-weight: 700; margin: 0 0 8px; letter-spacing: -.01em; }
.erstlauf > .sub { color: var(--mut); font-size: var(--t-gross); margin: 0 0 30px; }
.erstschritte { display: grid; grid-template-columns: 1fr auto 1fr; gap: 0 18px; align-items: stretch; }
.erstoder { display: flex; align-items: center; justify-content: center; color: var(--dim);
  font-size: var(--t-klein); text-transform: uppercase; letter-spacing: .1em; position: relative; }
.erstoder::before, .erstoder::after { content: ''; position: absolute; left: 50%;
  width: 1px; background: var(--line); }
.erstoder::before { top: 0; height: calc(50% - 16px); }
.erstoder::after { bottom: 0; height: calc(50% - 16px); }
.erstkarte { background: linear-gradient(180deg, var(--panel2), var(--panel));
  border: 1px solid var(--line); border-radius: var(--r); padding: 24px 26px;
  display: flex; flex-direction: column; }
.erstkarte.haupt { border-color: var(--acc); }
.erstkarte h2 { font-size: var(--t-titel); font-weight: 600; margin: 0 0 10px;
  border: 0; padding: 0; letter-spacing: 0; text-transform: none; }
.erstkarte p { color: var(--mut); font-size: var(--t-text); margin: 0 0 20px; line-height: 1.6; }
.erstkarte .btn { align-self: flex-start; margin-top: auto; white-space: nowrap; }
.bspweg { max-width: 520px; margin: 0 0 30px; }
.erstdanach .bspweg { margin-top: 0; }
.sccheck { padding: 0; overflow: hidden; }
.sckopf { display: flex; align-items: center; gap: 12px; padding: 15px 18px 0; }
.sct { flex: 1; min-width: 0; }
.sct b { display: block; font-size: var(--t-gross); font-weight: 700; }
.sct > .dim, .sct > span { display: block; font-size: var(--t-text); color: var(--dim); margin-top: 2px; }
.sczahl { flex: none; font: 700 var(--t-text) var(--mono); color: var(--dim);
  font-variant-numeric: tabular-nums; }
.scbal { height: 5px; border-radius: 99px; background: var(--line); overflow: hidden; margin: 12px 18px 2px; }
.scbal i { display: block; height: 100%; background: var(--acc); border-radius: 99px;
  transition: width .3s ease; }
.scz { display: flex; align-items: flex-start; gap: 11px; padding: 12px 18px;
  border-top: 1px solid var(--line); }
.scz:first-of-type { margin-top: 10px; }
.scm { flex: none; width: 20px; height: 20px; border-radius: 50%; display: flex;
  align-items: center; justify-content: center; font: 700 var(--t-klein) var(--mono); margin-top: 1px; }
.scm.ok { background: var(--green); color: #fff; }
.scm.jetzt { background: var(--acc); color: var(--accText); }
.scm.offen { border: 1px solid var(--line2); color: var(--dim); }
.scz.fertig .sct b, .scz.offen .sct b { font-weight: 500; color: var(--dim); }
.scz.dran { background: var(--acc-dim); }
.scbeleg { font: 500 var(--t-klein) var(--mono); color: var(--green); margin-top: 3px; }
.scbeleg.grau { color: var(--dim); }
.sctu { font-size: var(--t-text); color: var(--mut); line-height: 1.55; margin-top: 5px; }
.sckn { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.schand { display: inline-block; font: 600 var(--t-mikro) var(--mono); letter-spacing: .08em;
  text-transform: uppercase; color: var(--acc); border-radius: 5px; padding: 0 4px;
  margin-left: 7px; vertical-align: 1px;
  border: 1px solid color-mix(in srgb, var(--acc) 34%, transparent); }
.scfertig { display: flex; align-items: center; gap: 11px;
  background: color-mix(in srgb, var(--green) 9%, transparent); }
.scnur { display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  font-size: var(--t-text); color: var(--mut); }
.scnur span { flex: 1; min-width: 220px; }
.sccheck, .scfertig, .scnur { margin-bottom: 14px; }
.erstlauf .sccheck, .erstlauf .scfertig, .erstlauf .scnur { margin-bottom: 0; }
.erstlauf .sccheck { max-width: 620px; }
.erstlauf .scfertig, .erstlauf .scnur { max-width: 620px; }
.erstnebenweg { display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  max-width: 620px; margin: 16px 0 0; padding: 12px 16px; border-radius: var(--r);
  border: 1px dashed var(--line2); font-size: var(--t-text); color: var(--dim); }
.erstnebenweg span { flex: 1; min-width: 200px; }
@media (max-width: 699px) {
  .sckopf, .scz { padding-left: 14px; padding-right: 14px; }
  .scbal { margin-left: 14px; margin-right: 14px; }
  .sckn .btn { flex: 1; text-align: center; }
}
.scvor { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0 0 22px;
  padding: 9px 14px; border-radius: var(--r); font-size: var(--t-text);
  background: color-mix(in srgb, var(--amber) 9%, transparent);
  border: 1px solid color-mix(in srgb, var(--amber) 34%, transparent); }
.scvor b { color: var(--amber); font: 600 var(--t-mikro) var(--mono); letter-spacing: .1em;
  text-transform: uppercase; margin-right: 4px; }
.scvor a { color: var(--mut); text-decoration: none; font: 600 var(--t-klein) var(--mono);
  border: 1px solid var(--line2); border-radius: 6px; padding: 2px 8px; }
.scvor a:hover { border-color: var(--acc); color: var(--acc); }
.scvor a.on { background: var(--acc); color: var(--accText); border-color: var(--acc); }
.scvor .scvorweg { margin-left: auto; border: 0; font-family: inherit; font-size: var(--t-text); }
.erstdanach { margin-top: 44px; padding-top: 30px; border-top: 1px solid var(--line); }
.erstdanach h3 { font-size: var(--t-klein); font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: var(--dim); margin: 0 0 14px; }
.erstweg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.wegschritt { display: flex; gap: 14px; align-items: flex-start; background: var(--panel);
  border: 1px solid var(--line); border-radius: var(--r); padding: 20px 20px 22px; }
.wegnr { flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%;
  border: 1px solid var(--acc); color: var(--acc); font-size: var(--t-text); font-weight: 700;
  display: flex; align-items: center; justify-content: center; margin-top: 1px; }
.wegtext { display: flex; flex-direction: column; gap: 6px; }
.wegtext b { font-size: var(--t-gross); font-weight: 600; color: var(--text); }
.wegtext span { color: var(--mut); font-size: var(--t-text); line-height: 1.6; }
@media (max-width: 899px) { .erstweg { grid-template-columns: 1fr; gap: 12px; } }
@media (max-width: 699px) {
  .erstlauf { margin-top: 20px; padding: 0 14px; }
  .erstlauf h1 { font-size: var(--t-seite); }
  .erstlauf > .sub { font-size: var(--t-text); margin-bottom: 22px; }
  .erstschritte { grid-template-columns: 1fr; gap: 0; }
  .erstoder { padding: 12px 0; }
  .erstoder::before, .erstoder::after { left: 50%; width: 1px; }
  .erstoder::before { top: 0; height: 8px; }
  .erstoder::after { bottom: 0; height: 8px; }
  .erstkarte { padding: 20px 18px; }
  .erstkarte .btn { align-self: stretch; text-align: center; }
  .erstdanach { margin-top: 32px; padding-top: 24px; }
}
.sicherbox { background: var(--acc-dim); border: 1px solid var(--acc);
  border-radius: var(--r); padding: 20px 24px; margin: 4px 0 26px; }
.sicherbox h2 { margin: 0 0 12px; border: 0; padding: 0; font-size: var(--t-titel);
  font-weight: 600; color: var(--text); letter-spacing: 0; text-transform: none; }
.sicherbox ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 9px; }
.sicherbox li { color: var(--mut); font-size: var(--t-text); line-height: 1.6;
  padding-left: 20px; position: relative; }
.sicherbox li::before { content: '✓'; position: absolute; left: 0; top: 0;
  color: var(--acc); font-weight: 700; }
.sicherbox li b { color: var(--text); font-weight: 600; }
@media (max-width: 699px) { .sicherbox { padding: 18px 16px; margin-bottom: 20px; } }
.wartproblem { color: var(--mut); font-size: var(--t-text); line-height: 1.6; margin: 0; }
.wartproblem b { color: var(--text); font-weight: 600; }
.impwie { margin-top: 34px; padding-top: 26px; border-top: 1px solid var(--line); }
.impwie h2 { font-size: var(--t-klein); font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: var(--dim); margin: 0 0 14px; border: 0; padding: 0; }
.impgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.impkarte { background: var(--panel); border: 1px solid var(--line);
  border-radius: var(--r); padding: 18px 20px; }
.impkarte b { display: block; font-size: var(--t-gross); font-weight: 600;
  color: var(--text); margin-bottom: 8px; }
.impkarte p { margin: 0; color: var(--mut); font-size: var(--t-text); line-height: 1.6; }
.impkarte p b { display: inline; font-size: inherit; margin: 0; }
.impkarte.warn { background: none; border-style: dashed; }
.imptipp { margin: 16px 0 0; color: var(--dim); font-size: var(--t-text); line-height: 1.6; }
@media (max-width: 899px) { .impgrid { grid-template-columns: 1fr; gap: 12px; } }
.schritt { display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  background: var(--card); border: 1px solid var(--line); border-left: 3px solid var(--green);
  border-radius: 10px; padding: 13px 16px; margin-bottom: 14px; position: relative; }
.schrittikon { flex: none; width: 34px; height: 34px; border-radius: 9px; display: flex;
  align-items: center; justify-content: center;
  background: color-mix(in srgb, var(--green) 13%, transparent); }
.schrittikon svg { width: 18px; height: 18px; fill: none; stroke: var(--green); stroke-width: 1.9;
  stroke-linecap: round; stroke-linejoin: round; }
.schritttext { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.schrittzahl { color: var(--mut); font-size: var(--t-klein); font-weight: 500;
  letter-spacing: 0; text-transform: none; margin-left: 9px; white-space: nowrap; }
.schritttext b { color: var(--text); font-size: var(--t-gross); font-weight: 600; }
.schritttext > span { color: var(--mut); font-size: var(--t-text); line-height: 1.5; }
.schritt .btn { white-space: nowrap; }
.schrittweg { background: none; border: 0; cursor: pointer; color: var(--dim);
  font-size: var(--t-titel); line-height: 1; padding: 2px 4px; align-self: flex-start; }
.schrittweg:hover { color: var(--text); }
.klapph2 > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 8px; }
.klapph2 > summary::-webkit-details-marker { display: none; }
.klapph2 > summary h2 { margin-bottom: 14px; }
.klapph2 > summary::after { content: '▾'; color: var(--dim); font-size: 11px; margin-top: 20px;
  transition: transform .15s ease; }
.klapph2[open] > summary::after { transform: rotate(180deg); }
.klapph2 > summary:hover h2, .klapph2 > summary:hover::after { color: var(--text); }
.pager { display: flex; align-items: center; gap: 3px; flex-wrap: wrap; padding: 10px 12px; border-top: 1px solid var(--line); }
.pager button { font-size: var(--t-klein); color: var(--mut); min-width: 30px; padding: 6px 9px; border-radius: 7px;
  background: none; border: 0; cursor: pointer; font-weight: 500; font-variant-numeric: tabular-nums; }
.pager button:hover:not(:disabled) { background: var(--panel); color: var(--text); }
.pager button.on { background: var(--acc); color: var(--accText); font-weight: 700; }
.pager button:disabled { opacity: .35; cursor: default; }
.pager .pgap { color: var(--dim); padding: 0 2px; }
.pager .pinfo { margin-left: auto; color: var(--dim); font-size: var(--t-klein); }
.pager.laedt { opacity: .5; pointer-events: none; }
@media (max-width: 699px) { .pager .pinfo { flex-basis: 100%; margin-left: 0; margin-top: 4px; } }
@media (max-width: 699px) {
  .schritt { padding: 13px 14px; gap: 11px; }
  .schritt .btn { width: 100%; text-align: center; }
  .schrittweg { position: absolute; top: 8px; right: 8px; }
  .schrittzahl { display: block; margin-left: 0; margin-top: 2px; }
}
.fensterruhig { color: var(--mut); font-size: var(--t-text); padding: 2px 2px 10px;
  margin-top: -4px; }
.fensterruhig b { color: var(--text); font-weight: 600; }
.fensterband { display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
  background: rgba(255,184,77,.09); border: 1px solid rgba(255,184,77,.38);
  border-radius: var(--r); padding: 15px 20px; margin: 0 0 16px; }
.fensterband > div { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.fensterband b { color: var(--text); font-size: var(--t-text); font-weight: 600; }
.fensterband span { color: var(--mut); font-size: var(--t-text); line-height: 1.55; }
.fensterband .btn { margin-left: auto; white-space: nowrap; }
@media (max-width: 699px) {
  .fensterband { padding: 14px 16px; gap: 12px; }
  .fensterband .btn { margin-left: 0; width: 100%; text-align: center; }
}
.kdrov, .vwov { position: fixed; inset: 0; background: rgba(4,8,10,.42); z-index: 60;
  display: flex; justify-content: flex-end; }
.kdr, .vw { width: min(560px, 100%); height: 100%; overflow-y: auto; background: var(--panel);
  border-left: 1px solid var(--line); padding: 20px 22px 34px; animation: kdrRein .16s ease-out; }
.vwblockinhalt .tablecard { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }
.vwblockinhalt table.famtab { min-width: 560px; }
@keyframes kdrRein { from { transform: translateX(24px); opacity: .3 } to { transform: none; opacity: 1 } }
.kdrkopf { display: flex; align-items: flex-start; gap: 12px; }
.kdrkopf h2 { margin: 0; font-size: var(--t-titel); font-weight: 600; flex: 1; }
.kdrzu { border: 1px solid var(--line); background: transparent; color: var(--mut);
  border-radius: 8px; width: 30px; height: 30px; font-size: 15px; line-height: 1; cursor: pointer; }
.kdrzu:hover { border-color: var(--line2); color: var(--text); }
.kdrsub { font-size: var(--t-klein); color: var(--dim); margin: 2px 0 14px; }
.kdrzahl { font-size: 32px; font-weight: 600; letter-spacing: -1px; line-height: 1.05; }
.kdrwas { font-size: var(--t-klein); color: var(--mut); margin: 6px 0 16px;
  padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.kdrtab { width: 100%; border-collapse: collapse; table-layout: fixed; }
.kdrtab col.zahl { width: 108px; }
.kdrtab col.n { width: 52px; }
.kdrtab th { font-size: var(--t-mikro); letter-spacing: .08em; text-transform: uppercase;
  color: var(--mut); text-align: left; font-weight: 500; padding: 0 0 7px; border-bottom: 1px solid var(--line); }
.kdrtab td { padding: 9px 0; border-bottom: 1px solid var(--line); font-size: var(--t-text); vertical-align: top; }
.kdrtab td.num-r { text-align: right; font-weight: 600; white-space: nowrap; padding-left: 10px; }
.kdrtab td:first-child { min-width: 0; overflow-wrap: anywhere; white-space: normal; }
.kdrname { text-decoration: none; color: inherit; display: block; }
a.kdrname:hover .kdrn { color: var(--acc); text-decoration: underline; }
.kdrn { font-weight: 600; }
.kdrk { display: block; font-size: var(--t-klein); color: var(--dim); font-weight: 400; margin-top: 1px; }
.kdrst { display: inline-block; font: 600 var(--t-mikro)/1 var(--mono); letter-spacing: .06em;
  border: 1px solid var(--line2); border-radius: 5px; padding: 3px 5px; margin-left: 6px;
  color: var(--mut); vertical-align: 1px; }
.kdrst.gold { border-color: color-mix(in srgb, var(--amber) 45%, transparent); color: var(--amber);
  background: color-mix(in srgb, var(--amber) 12%, transparent); }
.kdroffen { color: var(--amber); }
.kdrnote { border-color: color-mix(in srgb, var(--jrton) 30%, transparent);
  background: var(--jrfl); color: color-mix(in srgb, var(--jrton) 80%, var(--panel));
  letter-spacing: 0; white-space: nowrap; }
.kdrtab tr.kdrsum td { border-top: 1px solid var(--line2); border-bottom: none; padding-top: 11px; font-weight: 600; }
.kdrtab tr.kdrluecke td { border-bottom: none; color: var(--mut); }
.kdrtab tr.kdrgesamt td { border-top: 1px solid var(--line2); border-bottom: none;
  padding-top: 11px; font-weight: 600; font-size: var(--t-gross); }
.kdrflach { margin-top: 12px; font-size: var(--t-klein); color: var(--dim); }
.kdrflach summary { cursor: pointer; list-style: none; }
.kdrflach summary::-webkit-details-marker { display: none; }
.kdrflach summary::before { content: "› "; color: var(--mut); }
.kdrflach[open] summary::before { content: "⌄ "; }
.kdrflach ul { margin: 8px 0 0; padding-left: 16px; }
.kdrflach a { color: inherit; text-decoration: none; }
.kdrflach a:hover { color: var(--acc); text-decoration: underline; }
.kdrhin { margin-top: 16px; border: 1px solid color-mix(in srgb, var(--amber) 38%, transparent);
  background: color-mix(in srgb, var(--amber) 9%, transparent); border-radius: 10px;
  padding: 10px 12px; font-size: var(--t-klein); color: var(--text); }
.kdrfuss { margin-top: 16px; font-size: var(--t-klein); color: var(--dim); line-height: 1.6; }
.kdrleer { font-size: var(--t-text); color: var(--mut); padding: 10px 0; }
@media (max-width: 699px) {
  .kdrov, .vwov { align-items: flex-end; justify-content: stretch; }
  .kdr, .vw { width: 100%; max-height: 88vh; height: auto; border-left: none;
    border-top: 1px solid var(--line); border-radius: 16px 16px 0 0;
    padding: 8px 16px 28px; animation: kdrHoch .18s ease-out; }
  .kdr::before, .vw::before { content: ""; display: block; width: 38px; height: 4px; border-radius: 99px;
    background: var(--line2); margin: 0 auto 12px; }
  .kdr.zieht, .vw.zieht { animation: none; transition: none; will-change: transform; }
  .kdr.federt, .vw.federt { transition: transform .22s cubic-bezier(.2, .7, .3, 1); }
  .kdr.zieht::before, .vw.zieht::before { background: var(--mut); }
  .kdrzu { min-width: 44px; min-height: 44px; }
  .kdrkopf { align-items: center; }
}
@keyframes kdrHoch { from { transform: translateY(30px); opacity: .4 } to { transform: none; opacity: 1 } }
.msgrid2 .wahl { position: relative; cursor: pointer; border-radius: 10px;
  margin: -6px -8px; padding: 6px 8px 8px; min-height: 44px; }
.msgrid2 .wahl:active { background: color-mix(in srgb, var(--acc) 10%, transparent); }
.msgrid2 .wahl.on { background: color-mix(in srgb, var(--acc) 9%, transparent); }
.msgrid2 .wahl.on::after { content: ""; position: absolute; left: 8px; right: 8px; bottom: 0;
  height: 2px; border-radius: 2px; background: var(--acc); }
.msgrid2 .wahl.breit { grid-column: 1 / -1; margin-top: 2px; }
.msgrid2 .wahl.breit .v { font-size: 20px; }
.mbalpz { font-size: var(--t-klein); color: var(--dim); font-weight: 600; }
.mbalzahlen { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 2px 0 8px; }
.mbalzahlen .l { font-size: var(--t-mikro); color: var(--dim); letter-spacing: .05em; text-transform: uppercase; }
.mbalzahlen .v { font: 600 16px var(--mono); letter-spacing: -.02em; margin-top: 3px; white-space: nowrap; }
.mbalzahlen .v.pos { color: var(--green); }
.mbalzahlen .v.neg { color: var(--red); }
.mbalzahlen .v.dim { color: var(--dim); }
.mbalops { margin-top: 6px; font-size: var(--t-klein); color: var(--dim); }
.mbalops summary { cursor: pointer; list-style: none; min-height: 44px; display: flex; align-items: center; }
.mbalops summary::-webkit-details-marker { display: none; }
.mbalops summary::before { content: "› "; color: var(--mut); margin-right: 4px; }
.mbalops[open] summary::before { content: "⌄ "; }
.mline.msum { border-style: dashed; font-weight: 600; }
.mline.msum .mlname { color: var(--mut); font-weight: 600; }
.erkabs + .erkabs { margin-top: 14px; }
.erkbefund + .erkbefund { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.erkbtitel { font: 700 var(--t-h3)/1.3 var(--sans); margin-bottom: 10px; }
.erkkarten { display: grid; gap: 8px; }
.erkk { display: block; padding: 11px 13px; border: 1px solid var(--line2); border-radius: 11px;
  background: var(--panel2); color: inherit; text-decoration: none; }
.erkk:hover { border-color: var(--acc); }
.erkkopf { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.erkname { font-weight: 700; }
.erkkopf .dim { font-size: var(--t-klein); }
.erksatz { margin-top: 4px; font-size: var(--t-text); color: var(--mut); }
.erksatz b { color: var(--text); font-weight: 600; }
.erkmehr { margin-top: 8px; font-size: var(--t-klein); color: var(--dim); }
.erkleer { font-size: var(--t-text); }
.pipe { display: flex; gap: 8px; flex-wrap: wrap; }
.pstep { flex: 1 1 130px; background: var(--panel2); border: 1px solid var(--line2);
  border-radius: 12px; padding: 10px 12px; cursor: pointer; text-align: left; font: inherit;
  color: inherit; min-height: 44px; }
.pstep:hover { border-color: var(--acc); }
.pstep.on { border-color: var(--acc); background: color-mix(in srgb, var(--acc) 9%, transparent); }
.pstep.arch { opacity: .62; }
.pstep .pl { display: block; font: 700 var(--t-mikro) var(--sans); letter-spacing: .08em;
  text-transform: uppercase; color: var(--dim); }
.pstep .pn { display: block; font: 700 24px var(--mono); letter-spacing: -.03em; margin-top: 2px; }
.pstep .pd { display: block; font-size: var(--t-klein); color: var(--dim); margin-top: 1px; }
.wbwrap { display: grid; grid-template-columns: 235px minmax(0, 1fr); gap: 0 22px; align-items: start; }
.wbrail { background: var(--panel2); border: 1px solid var(--line); border-radius: 12px;
  padding: 8px; position: sticky; top: 12px; }
.wbord { display: flex; width: 100%; align-items: center; gap: 9px; border: 0; background: none;
  padding: 9px 10px; border-radius: 8px; font-size: var(--t-text); font-weight: 600;
  color: var(--mut); cursor: pointer; text-align: left; }
.wbord .wbop { width: 8px; height: 8px; border-radius: 50%; flex: none; background: var(--grey); }
.wbord.f-r .wbop { background: var(--red); }
.wbord.f-a .wbop { background: var(--amber); }
.wbord.f-g .wbop { background: var(--green); }
.wbord.f-n .wbop { background: var(--blue); }
.wbord.f-x .wbop { background: var(--grey); }
.wbord .wbol { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wbord .wbon { margin-left: auto; font-weight: 800; font-size: 13px; }
.wbord:hover:not(:disabled) { color: var(--text); }
.wbord.on { background: var(--panel); color: var(--text); box-shadow: 0 1px 3px rgba(0,0,0,.16);
  outline: 1px solid var(--line); }
.wbord.leer { opacity: .38; cursor: default; }
@media (max-width: 700px) {
  .wbwrap { display: block; }
  .wbrail { position: static; margin-bottom: 12px; }
  .wbord { min-height: 44px; padding: 11px 12px; }
}
.wbgrp { margin-top: 2px; }
.wbgrp h3 { font: 700 var(--t-seite) var(--sans); margin: 0; color: var(--text);
  letter-spacing: -.01em; }
.wbgerkl { font-size: var(--t-klein); margin: 4px 0 11px; }
.wbrow { display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  border: 1px solid var(--line2); border-radius: 12px; padding: 10px 13px; margin-bottom: 8px;
  background: var(--panel2); }
.wbrow.echt { border-left: 3px solid var(--red); }
.wbrow.rest { background: none; border-style: dashed; }
.wbmain { flex: 1 1 280px; min-width: 0; }
.wbname { font-weight: 700; }
.wbname a { color: inherit; text-decoration: none; }
.wbname a:hover { color: var(--acc); text-decoration: underline; }
.wbsatz { margin-top: 2px; font-size: var(--t-text); color: var(--mut); }
.wbsatz b { color: var(--text); font-weight: 600; }
.wbacts { display: flex; gap: 7px; flex-wrap: wrap; }
.wbacts .btn { padding: 7px 13px; }
.wbfilter { display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  font-size: var(--t-klein); color: var(--mut); margin-bottom: 12px; }
.wbleer { border: 1px dashed var(--line2); border-radius: 12px; padding: 18px;
  text-align: center; color: var(--dim); font-size: var(--t-text); }
.wbundo { display: flex; align-items: center; justify-content: space-between; gap: 12px;
  border: 1px solid color-mix(in srgb, var(--acc) 42%, transparent);
  background: color-mix(in srgb, var(--acc) 9%, transparent);
  border-radius: 12px; padding: 9px 13px; margin-bottom: 10px; font-size: var(--t-klein); }
.wbundo.fehl { border-color: color-mix(in srgb, var(--red) 45%, transparent);
  background: color-mix(in srgb, var(--red) 9%, transparent); }
.wbauf { margin-top: 2px; }
.wbwartet { margin-top: 18px; padding: 12px 14px; border-radius: 12px;
  border: 1px dashed var(--line2); background: var(--panel2); font-size: var(--t-klein); }
.wbwkopf { display: flex; align-items: center; gap: 9px; }
.wbwkopf b { font-size: var(--t-text); }
.wbwz-n { font: 700 var(--t-klein) var(--mono); color: var(--mut); background: var(--panel);
  border: 1px solid var(--line2); border-radius: 999px; padding: 1px 8px; }
.wbwartet .dim { margin-bottom: 8px; }
.wbwz { display: flex; align-items: center; gap: 7px; flex-wrap: wrap;
  margin-top: 7px; padding-top: 7px; border-top: 1px solid var(--line); }
.wbwz:first-of-type { border-top: none; }
.wbwkonto { font-size: var(--t-mikro); color: var(--dim); }
.wbwz a { color: var(--text); font-weight: 600; text-decoration: none; }
.wbwz a:hover { color: var(--acc); text-decoration: underline; }
.wbwbeleg { flex-basis: 100%; margin-top: 2px; font-size: var(--t-mikro); color: var(--dim); }
.wbmehr { margin-top: 10px; font-size: var(--t-klein); color: var(--dim); }
.nzadd { padding: 14px 16px 12px; }
.nzaddrow { display: flex; gap: 8px; align-items: center; }
.nzaddrow input { flex: 1 1 auto; min-width: 0; padding: 10px 12px; border-radius: 10px;
  border: 1px solid var(--line); background: var(--bg); color: var(--text);
  font: 400 var(--t-gross) var(--sans); }
.nzaddrow input:focus { outline: none; border-color: var(--acc); }
.nzaddrow .btn { flex: 0 0 auto; }
.nzaddopt { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 10px; }
.nzaddopt label { display: inline-flex; align-items: center; gap: 7px;
  font: 600 var(--t-klein) var(--sans); color: var(--dim); letter-spacing: .04em; text-transform: uppercase; }
.nzaddopt select, .nzaddopt input[type="date"] { padding: 6px 9px; border-radius: 8px;
  border: 1px solid var(--line); background: var(--bg); color: var(--text);
  font: 400 var(--t-text) var(--sans); text-transform: none; letter-spacing: 0; max-width: 240px; }
.nzfilters { display: inline-flex; gap: 4px; flex-wrap: wrap; margin: 16px 0 12px;
  background: var(--panel2); border: 1px solid var(--line2); border-radius: 8px; padding: 3px; }
.nzfilter { padding: 5px 12px; border-radius: 6px; border: 0;
  background: none; color: var(--mut); cursor: pointer;
  font-weight: 600; font-size: var(--t-text); font-family: var(--sans);
  display: inline-flex; align-items: center; gap: 7px; }
.nzfilter:hover { color: var(--text); }
.nzfilter.on { background: var(--acc); color: var(--accText); }
.nzfilter b { font-weight: 700; font-size: var(--t-klein); color: var(--text); }
.nzfilter.on b { color: var(--accText); }
.nzlist { padding: 4px 0; }
.nzrow { display: flex; align-items: flex-start; gap: 12px; padding: 11px 16px;
  border-bottom: 1px solid var(--line); }
.nzrow:last-child { border-bottom: none; }
.nzrow.erl { opacity: .5; }
.nzrow.erl:hover { opacity: 1; }
.nzrow.erl .nzt { text-decoration: line-through; text-decoration-color: var(--dim); }
.nzhaken { position: relative; flex: 0 0 auto; width: 20px; height: 20px; margin-top: 3px; border-radius: 6px;
  border: 1.6px solid color-mix(in srgb, var(--dim) 45%, transparent); background: none;
  color: transparent; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center; padding: 0; }
.nzhaken:hover { border-color: var(--acc); color: color-mix(in srgb, var(--acc) 55%, transparent); }
.nzrow.erl .nzhaken { border-color: var(--acc); background: var(--acc); color: var(--accText); }
.nzpunkt { flex: 0 0 auto; width: 20px; height: 20px; margin-top: 3px; position: relative; }
.nzpunkt::after { content: ''; position: absolute; left: 7px; top: 7px; width: 6px; height: 6px;
  border-radius: 50%; background: var(--nzton); opacity: .75; }
.nzgrp { display: flex; align-items: center; gap: 8px; margin: 18px 0 8px;
  font-size: var(--t-mikro); font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  color: var(--dim); }
.nzgrp:first-child { margin-top: 4px; }
.nzgn { font-family: var(--mono); font-weight: 600; letter-spacing: 0; color: var(--mut); }
.nzgpunkt { width: 6px; height: 6px; border-radius: 50%; flex: 0 0 auto; }
.nzgpunkt.a { background: var(--acc); }
.nzgpunkt.m { background: var(--nzton); }
.nztext { flex: 1 1 auto; min-width: 0; }
.nzt { font: 400 var(--t-gross) var(--sans); color: var(--text); line-height: 1.45;
  overflow-wrap: anywhere; }
.nzmeta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 5px;
  font-size: var(--t-klein); }
.nzbez { display: inline-flex; align-items: center; padding: 2px 9px; border-radius: 999px;
  text-decoration: none; font-weight: 600; font-size: var(--t-klein);
  border: 1px solid color-mix(in srgb, var(--blue) 34%, transparent); color: var(--text);
  background: color-mix(in srgb, var(--blue) 8%, transparent); }
.nzbez:hover { border-color: var(--blue); color: var(--blue); }
.nzfrist { color: var(--dim); font-weight: 600; }
.nzfrist.heute { color: var(--text); }
.nzfrist.ueber { color: var(--amber); }
.nzzeit { flex: 0 0 auto; font-size: var(--t-klein); color: var(--dim); white-space: nowrap;
  margin-top: 3px; }
.nzdel { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 8px; border: 1px solid transparent;
  background: none; color: var(--dim); cursor: pointer; opacity: 0; padding: 0;
  display: inline-flex; align-items: center; justify-content: center; }
.nzdel svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8;
  stroke-linecap: round; stroke-linejoin: round; }
.nzrow:hover .nzdel, .nzdel:focus-visible { opacity: 1; }
.nzdel:hover { color: var(--red); border-color: color-mix(in srgb, var(--red) 40%, transparent); }
.nzact { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 8px; border: 1px solid transparent;
  background: none; color: var(--dim); cursor: pointer; padding: 0;
  display: inline-flex; align-items: center; justify-content: center; }
.nzact svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8;
  stroke-linecap: round; stroke-linejoin: round; }
.nzact:hover { color: var(--text); border-color: color-mix(in srgb, var(--dim) 40%, transparent); }
.nzact.dang:hover { color: var(--red); border-color: color-mix(in srgb, var(--red) 40%, transparent); }
.nzrow:not(.weg) [data-nzedit] { opacity: 0; }
.nzrow:hover [data-nzedit], [data-nzedit]:focus-visible { opacity: 1; }
.nzrow.weg { opacity: .62; }
.nzrow.weg:hover { opacity: 1; }
.nzkorbkopf { display: flex; justify-content: flex-end; margin: 0 2px 8px; }
.nzkorbkopf .btn.dang:hover { color: var(--red); border-color: color-mix(in srgb, var(--red) 45%, transparent); }
.nzrow.bearb { display: block; padding: 14px 16px;
  background: color-mix(in srgb, var(--acc) 5%, transparent); }
.nzedit { display: flex; flex-direction: column; gap: 10px; }
.nzeText { width: 100%; padding: 10px 12px; border-radius: 10px;
  border: 1px solid var(--line); background: var(--bg); color: var(--text);
  font: 400 var(--t-gross) var(--sans); }
.nzeText:focus { outline: none; border-color: var(--acc); }
.nzewege { display: flex; gap: 8px; justify-content: flex-end; }
@media (max-width: 699px) { .nzewege .btn { flex: 1 1 0; justify-content: center; min-height: 44px; } }
.nzfuss { font-size: var(--t-klein); margin: 12px 2px 0; line-height: 1.6; }
.nzattbox { border-color: color-mix(in srgb, var(--amber) 26%, transparent);
  background: color-mix(in srgb, var(--amber) 6%, transparent); }
.nzatt { display: inline-flex; align-items: center; max-width: 260px; min-height: 30px;
  padding: 3px 12px; border-radius: 999px; border: 1px solid var(--line);
  background: var(--panel); color: var(--text); text-decoration: none;
  font-size: var(--t-klein); font-weight: 600;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nzatt:hover { border-color: var(--acc); }
.nzatt.ueber { border-color: color-mix(in srgb, var(--amber) 45%, transparent); }
.nzatt.ueber::before { content: ''; display: inline-block; width: 6px; height: 6px;
  border-radius: 50%; background: var(--amber); margin-right: 7px; flex: 0 0 auto; }
.eanz { padding: 14px 16px 12px; }
.eanz .nzlist { margin: 10px -16px 0; }
.eanz .nzrow { padding-left: 16px; padding-right: 16px; }
.eanz .nzfuss a { color: var(--acc); text-decoration: none; }
.eanz .nzfuss a:hover { text-decoration: underline; }
@media (max-width: 699px) {
  .nzaddrow { flex-wrap: nowrap; }
  .nzaddrow input { min-height: 44px; }
  .nzaddrow .btn { min-height: 44px; padding: 0 18px; }
  .nzaddopt { flex-direction: column; gap: 9px; }
  .nzaddopt label { display: grid; grid-template-columns: 76px 1fr; gap: 8px; width: 100%; align-items: center; }
  .nzaddopt select, .nzaddopt input[type="date"] { max-width: none; width: 100%; min-height: 44px; }
  .nzaddopt input[type="date"] { -webkit-appearance: none; appearance: none; min-width: 0;
    display: flex; align-items: center; }
  .nzaddopt input[type="date"].leer:not(:focus)::before { content: attr(placeholder); color: var(--dim); }
  .nzaddopt input[type="date"].leer:not(:focus)::-webkit-datetime-edit { display: none; }
  .nzaddopt input[type="date"]::-webkit-date-and-time-value { text-align: left; }
  .nzfilters { display: flex; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;
    scrollbar-width: none; }
  .nzfilters::-webkit-scrollbar { display: none; }
  .nzfilter { flex: 1 0 auto; white-space: nowrap; min-height: 44px; text-align: center; }
  .nzhaken { width: 28px; height: 28px; }
  .nzhaken::after { content: ''; position: absolute; left: 50%; top: 50%;
    transform: translate(-50%, -50%); width: 44px; height: 44px; }
  .nzdel, .nzrow:not(.weg) [data-nzedit] { opacity: 1; width: 40px; height: 40px; }
  .nzact { width: 40px; height: 40px; }
  .nzrow { display: grid; grid-template-columns: 28px 1fr auto auto auto; column-gap: 10px; row-gap: 4px; align-items: start; }
  .nzrow > .nzhaken, .nzrow > .nzpunkt { grid-row: 1; grid-column: 1; margin-top: 2px; }
  .nzrow > .nztext { grid-row: 1; grid-column: 2 / -1; }
  .nzrow > .nzzeit { grid-row: 2; grid-column: 1 / 3; order: unset; width: auto; margin: 0 0 0 38px; align-self: center; }
  .nzrow > .nzact, .nzrow > .nzdel { grid-row: 2; align-self: center; }
  .nzrow.weg > .nztext { grid-column: 1 / -1; }
  .nzrow.weg > .nzzeit { grid-column: 1 / 3; }
  .nzatt { max-width: 100%; }
}
.dashstand { margin-top: 2px; font-size: var(--t-klein); color: var(--dim);
  display: flex; align-items: center; gap: 8px; }
.dashstand.alt { color: var(--amber); }
.standbtn { font: inherit; color: inherit; background: none; border: 1px solid var(--line2);
  border-radius: 999px; padding: 1px 9px; cursor: pointer; line-height: 1.5;
  transition: border-color .12s, background .12s; }
.standbtn:hover { border-color: currentColor; background: color-mix(in srgb, currentColor 8%, transparent); }
.standbtn:disabled { cursor: default; opacity: .75; }
.standbtn.laeuft { display: inline-flex; align-items: center; gap: 6px; }
.stbring { display: block; width: 10px; height: 10px; border-radius: 50%;
  border: 1.5px solid color-mix(in srgb, currentColor 30%, transparent);
  border-top-color: currentColor; animation: stbdreh .7s linear infinite; }
@keyframes stbdreh { to { transform: rotate(360deg); } }
.standbtn:focus-visible { outline: 2px solid var(--acc); outline-offset: 2px; }
.ptr { position: fixed; top: -44px; left: 50%; z-index: 60; width: 32px; height: 32px;
  border-radius: 50%; background: var(--panel); border: 1px solid var(--line);
  box-shadow: var(--heb2); display: none; place-items: center;
  transform: translate(-50%, 0); }
.ptr.an { display: grid; }
.ptrring { width: 15px; height: 15px; border-radius: 50%; display: block;
  border: 2px solid var(--line2); border-top-color: var(--dim); }
.ptr.reif { border-color: var(--acc); }
.ptr.reif .ptrring { border-color: color-mix(in srgb, var(--acc) 35%, transparent); border-top-color: var(--acc); }
.ptr.laeuft .ptrring { animation: ptrdreh .7s linear infinite; }
@keyframes ptrdreh { to { transform: rotate(360deg); } }
.nzbtn { position: relative; padding-left: 12px; padding-right: 12px; }
.nzbtn svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7;
  stroke-linecap: round; stroke-linejoin: round; display: block; }
.nzbadge { position: absolute; top: -6px; right: -6px; min-width: 17px; height: 17px;
  padding: 0 4px; border-radius: 999px; background: var(--amber); color: #1a1300;
  font: 700 10px/17px var(--sans); text-align: center; }
.vwkopf { display: flex; align-items: center; gap: 10px; }
.vwkopf h2 { margin: 0; font-size: var(--t-titel); font-weight: 600; flex: 1; }
.vwback, .vwzu { border: 1px solid var(--line); background: transparent; color: var(--mut);
  border-radius: 8px; width: 30px; height: 30px; font-size: 15px; line-height: 1; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center; flex: none; }
.vwback { font-size: 20px; }
.vwback:hover, .vwzu:hover { border-color: var(--line2); color: var(--text); }
.vwkopf { margin-bottom: 18px; }
.vwkopf + .vwsub { margin-top: -15px; }
.vwsub { font-size: var(--t-klein); color: var(--dim); margin: 3px 0 16px; }
.vwzeile { display: flex; align-items: center; width: 100%; text-align: left; gap: 12px;
  padding: 13px 14px; margin-bottom: 8px; border-radius: 12px; cursor: pointer;
  border: 1px solid var(--line2); background: transparent; color: var(--text); }
.vwzeile.geteilt { background: color-mix(in srgb, var(--mut) 9%, transparent); }
.vwzeile.geteilt b { color: var(--mut); }
.vwzeile:hover { border-color: var(--acc); background: var(--acc-dim); }
.vwzeile .vwz { display: flex; flex-direction: column; gap: 3px; flex: 1; min-width: 0; }
.vwzeile b { font: 600 var(--t-gross) var(--sans); }
.vwzeile .dim { font-size: var(--t-klein); }
.vwzeile::after { content: "\203A"; color: var(--dim); font-size: var(--t-titel); line-height: 1; flex: none; }
.vwzeile:hover::after { color: var(--acc); }
.vwaktionen { display: flex; flex-direction: column; gap: 8px;
  margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
.vwblockinhalt > .verwbody, .vwblockinhalt { display: block; }
.vwblockinhalt .card { border: none; background: none; padding: 0; margin: 0; }
.vwbanner { border-radius: 12px; padding: 13px 15px; margin: 14px 0 18px;
  border: 1px solid var(--line2); background: var(--panel2); }
.vwbanner b { display: block; font-size: var(--t-text); font-weight: 600; margin-bottom: 7px; }
.vwbanner p { font-size: var(--t-klein); line-height: 1.6; color: var(--mut); margin: 0 0 7px; }
.vwbanner p:last-child { margin-bottom: 0; }
.vwbanner ul { list-style: none; margin: 0 0 7px; padding: 0; }
.vwbanner li { position: relative; padding-left: 14px; margin-bottom: 3px;
  font-size: var(--t-klein); line-height: 1.55; color: var(--mut); }
.vwbanner li::before { content: "·"; position: absolute; left: 4px; top: -1px; font-weight: 700; }
.vwbanner li:last-child { margin-bottom: 0; }
.vwbanner ul + p { margin-top: 9px; }
.vwbanner.gelb li::before { color: var(--nzton); }
.vwbanner.lila li::before { color: var(--jrton); }
.vwbanner.gelb { background: var(--nzfl); border-color: var(--nzkante); }
.vwbanner.gelb b { color: var(--nzton); }
.vwbanner.lila { background: var(--jrfl); border-color: var(--jrkante); }
.vwbanner.lila b { color: var(--jrton); }
.eanz .vwbanner { margin-top: 0; margin-bottom: 14px; }
.vwtext { font-size: var(--t-text); line-height: 1.6; color: var(--mut); margin: 0 0 16px; }
.vwtext b { color: var(--text); }
.vwfuss { display: flex; margin-top: 18px; }
.vwfuss .btn { min-height: 42px; }
@media (max-width: 699px) { .vwfuss .btn { width: 100%; justify-content: center; min-height: 44px; } }
.vwlabel { display: block; margin: 18px 0 6px; font-size: var(--t-klein); color: var(--mut); }
.vwnkfuss { padding: 16px 0 0; margin-top: 18px; border-top: 1px solid var(--line); }
.vwblockinhalt .splitsec { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
.vwblockinhalt .nl-head { font-size: var(--t-klein); font-weight: 600; color: var(--text); margin: 0 0 8px; }
@media (max-width: 699px) {
  .vwzeile { padding: 15px 14px; }
}
.vwtun { display: flex; justify-content: flex-end; margin-bottom: 12px; }
.vwleer { font-size: var(--t-text); padding: 6px 2px; }
.bezsel { width: 100%;
  appearance: none; -webkit-appearance: none;
  padding-right: 34px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M1 1l4 4 4-4' fill='none' stroke='%2393a6b8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat; background-position: right 12px center;
  cursor: pointer; }
.bezsel:hover { border-color: var(--line2); }
.bezsel option { background: var(--bg2); color: var(--text); }
.bezpartner { margin: 12px 0 14px; }
.bezwahlfeld { display: block; width: 100%; text-align: left; font: inherit; color: var(--text);
  background-color: var(--bg2); border: 1px solid var(--line); border-radius: 8px;
  padding: 9px 34px 9px 12px; }
.bezwahlfeld .dim { color: var(--dim); }
.swplus { flex: none; width: 28px; height: 28px; border-radius: 999px;
  border: 1px solid var(--line2); background: none; color: var(--mut); cursor: pointer;
  font: 600 15px/1 var(--sans); }
.swplus:hover { border-color: var(--acc); color: var(--acc); }
.swplus.an { border-color: var(--acc); background: var(--acc-dim); color: var(--acc); }
.rmzeitzeile { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin: 2px 0 12px; }
.rmtabsplatz { display: flex; min-width: 0; }
.bezmehr { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 8px 0 2px; }
.bezchip { display: inline-flex; align-items: center; gap: 4px; padding: 2px 4px 2px 9px;
  border: 1px solid var(--line2); border-radius: 99px; font-size: var(--t-klein); background: var(--panel2); }
.bezchip button { background: none; border: none; cursor: pointer; color: var(--mut);
  font-size: 13px; line-height: 1; padding: 2px 4px; }
.bezchip button:hover { color: var(--red); }
.bezmehrsatz { font-size: var(--t-klein); }
.bezpartner label { display: block; margin-bottom: 6px; color: var(--dim);
  font-size: var(--t-klein); font-weight: 500; }
.shblock { display: block; }
.shblock input[type="text"], .shblock #shUrl, .shblock #shName { max-width: 100%; }
.zuordkappe { margin: 10px 0 0; font-size: var(--t-text); line-height: 1.5; }
.rmsub { color: var(--mut); font-size: var(--t-klein); }
.rmcard { padding: 4px 0; }
.rmz {
  display: grid; grid-template-columns: 150px 74px 1fr; gap: 10px; align-items: baseline;
  padding: 9px 14px; border-bottom: 1px solid var(--line); font-size: var(--t-text);
}
.rmz:last-child { border-bottom: none; }
.rmk { color: var(--text); font-weight: 600; }
.rmt { color: var(--mut); line-height: 1.45; }
.rmw {
  display: inline-block; text-align: center; padding: 1px 8px; border-radius: 6px;
  font-size: var(--t-mikro); font-weight: 700; letter-spacing: .06em;
  border: 1px solid var(--line2); color: var(--mut);
}
.rmw::before { content: '○ '; }
.rm-ja .rmw { color: var(--amber); border-color: rgba(255,184,77,.4); background: rgba(255,184,77,.09); }
.rm-ja .rmw::before { content: '● '; }
.rm-ja .rmt { color: var(--text); }
.rm-unklar .rmw { border-style: dashed; color: var(--dim); }
.rm-unklar .rmw::before { content: '· '; }
.rm-unklar .rmk, .rm-unklar .rmt { color: var(--dim); }
@media (max-width: 699px) {
  .rmz { grid-template-columns: 1fr auto; gap: 4px 10px; }
  .rmt { grid-column: 1 / -1; }
}
.wkurz { color: var(--dim); }
.glwrap { position: relative; display: inline-block; }
.glbtn { position: relative; padding: 6px 10px; }
.glbtn svg { width: 17px; height: 17px; display: block; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.glinhalt { margin: 0 -15px; }
.glabschnitt {
  padding: 9px 14px 5px; color: var(--dim); font-size: var(--t-mikro);
  font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
}
.glleer { padding: 14px; color: var(--dim); font-size: var(--t-text); }
.glz {
  display: grid; grid-template-columns: 10px 1fr 2fr auto 18px; gap: 10px; align-items: baseline;
  padding: 8px 14px; border-bottom: 1px solid var(--line); font-size: var(--t-text);
}
.glz:last-child { border-bottom: none; }
.glweg { background: none; border: 0; padding: 0; cursor: pointer; color: var(--dim);
  font-size: var(--t-gross); line-height: 1; align-self: center;
  opacity: 0; transition: opacity .12s, color .12s; }
.glz:hover .glweg, .glz:focus-within .glweg { opacity: 1; }
.glweg:hover { color: var(--red); }
.glweg[disabled] { opacity: .4; cursor: default; }
.gltitel { color: var(--text); font-weight: 600; }
.gldetail, .glzeit { color: var(--mut); }
.glzeit { font-size: var(--t-klein); white-space: nowrap; }
.glpunkt { width: 8px; height: 8px; border-radius: 50%; background: var(--grey); align-self: center; }
.gl-rot .glpunkt { background: var(--red); }
.gl-amber .glpunkt { background: var(--amber); }
.gl-gruen .glpunkt { background: var(--green); }
.glerl { opacity: .58; }
.glerl .glpunkt { background: transparent; border: 1px solid var(--line2); }
.vw .glz { grid-template-columns: 10px 1fr auto 18px; row-gap: 3px; }
.vw .glpunkt { grid-column: 1; grid-row: 1; }
.vw .gltitel { grid-column: 2; grid-row: 1; }
.vw .glzeit { grid-column: 3; grid-row: 1; }
.vw .glweg { grid-column: 4; grid-row: 1; }
.vw .gldetail { grid-column: 2 / -1; grid-row: 2; }
@media (max-width: 699px) {
  .glz { grid-template-columns: 10px 1fr auto; }
  .gldetail { grid-column: 2 / -1; }
}
.glfrei { display: flex; align-items: center; gap: 10px; justify-content: space-between;
  padding: 11px 14px; border-bottom: 1px solid var(--line); font-size: var(--t-text); color: var(--mut); }
.glfreiJa { color: var(--green); font-weight: 600; }
.btn.mini { padding: 3px 10px; font-size: var(--t-klein); white-space: nowrap; }
.prowand { max-width: 620px; }
.pwtitel { font-size: var(--t-titel); font-weight: 700; color: var(--text); margin-bottom: 10px; }
.pwtext { color: var(--mut); font-size: var(--t-text); line-height: 1.6; margin: 0 0 10px; }
.pwtext.pwmut { color: var(--dim); }
.prowand .btn { margin-top: 6px; }
.dtdrei { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 14px; }
.dtdrei.d2 { grid-template-columns: repeat(2, 1fr); }
.dtdrei.d1 { grid-template-columns: 1fr; }
.ktrenn { border: 0; border-top: 1px solid var(--line); margin: 12px 0; }
.dtdrei > .card { padding: 14px 16px; min-width: 0; }
@media (max-width: 1000px) { .dtdrei { grid-template-columns: 1fr; } }
.dtb + .dtb { margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--line); }
.dtb + .dtdrei { margin-top: 14px; }
.dtl { font-size: var(--t-mikro); font-weight: 700; letter-spacing: .09em;
  text-transform: uppercase; color: var(--dim); margin: 0 2px 8px; }
.dtb .warum { margin: 0; }
.dtdrei .wache { margin: 0; border: 0; background: none; padding: 6px 0 0; }
.dtdrei .rmcard { background: none; }
.dtdrei .rmz { grid-template-columns: 1fr auto; row-gap: 2px; }
.dtdrei .rmz .rmt { grid-column: 1 / -1; }
.dtdrei .dtl { display: none; }
.dtdrei .crit h4 { display: none; }
.dtdrei .wache .wtitel { display: none; }
.dtdrei .wache .wkopf { margin-bottom: 10px; }
ul.klassenbeleg { margin: 0; padding-left: 20px; font-size: var(--t-text); line-height: 1.7; }
.vreiter { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px; margin-bottom: 14px;
  border: 1px solid var(--line); border-radius: 10px; background: var(--panel2);
  width: fit-content; max-width: 100%; }
.vreiter button { border: 0; background: none; cursor: pointer; border-radius: 7px;
  padding: 7px 14px; font: inherit; font-size: var(--t-text); font-weight: 600;
  color: var(--dim); }
.vreiter button:hover { color: var(--text); }
.vreiter button.on { background: var(--panel); color: var(--acc); box-shadow: 0 1px 2px rgba(0,0,0,.06); }
.vpage.off { display: none; }
.vunter { color: var(--dim); font-size: var(--t-text); margin: 0 2px 10px; }
.statzwei { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px;
  align-items: start; }
@media (max-width: 900px) { .statzwei { grid-template-columns: 1fr; } }
.dbblock + .dbblock { margin-top: 18px; }
.dbtitel { color: var(--dim); font-size: var(--t-klein); font-weight: 700;
  text-transform: uppercase; letter-spacing: .1em; margin: 0 2px 8px; }
.chartvoll { margin-bottom: 14px; }
.bewertung { display: grid; grid-template-columns: minmax(270px, 300px) 1fr; gap: 14px; }
details.sek[data-sek="score"] .scklabel { display: none; }
.bewertung > .card { margin: 0; min-width: 0; }
.bewertung h4 { font-size: var(--t-klein);
  text-transform: uppercase; letter-spacing: .05em; font-weight: 600; margin: 0 0 10px; }
@media (max-width: 900px) { .bewertung { grid-template-columns: 1fr; } }
.scorecard .sczeile { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.scskala { position: relative; height: 8px; border-radius: 4px; margin-top: 2px;
  background: linear-gradient(to right,
    color-mix(in srgb, var(--red) 52%, var(--panel)) 0 45%,
    color-mix(in srgb, var(--amber) 58%, var(--panel)) 45% 70%,
    color-mix(in srgb, var(--green) 55%, var(--panel)) 70% 100%); }
.scskala .smark { position: absolute; top: -3px; bottom: -3px; width: 3px; border-radius: 2px;
  background: var(--text); transform: translateX(-50%);
  box-shadow: 0 0 0 1.5px var(--panel); }
.scskl { display: flex; justify-content: space-between; gap: 6px; margin: 5px 0 2px;
  font-size: var(--t-mikro); color: var(--dim); }
.sctrenn { display: flex; align-items: center; gap: 10px; margin: 16px 0 4px;
  font-size: var(--t-text); font-weight: 700; letter-spacing: .07em;
  text-transform: uppercase; color: var(--mut); white-space: nowrap; }
.sctrenn::before, .sctrenn::after { content: ''; flex: 1; border-top: 1px solid var(--line); }
.sctrenn .skstand { font-size: var(--t-mikro); letter-spacing: .04em; padding: 2px 9px;
  border-radius: 999px; font-weight: 700; }
.sctrenn .skstand.offen { background: color-mix(in srgb, var(--amber) 16%, transparent); color: var(--amber); }
.sctrenn .skstand.voll { background: var(--acc-dim); color: var(--acc); }
.sckrit .skz { display: flex; align-items: center; gap: 8px; padding: 5px 0;
  font-size: var(--t-text); }
.sckrit .skz + .skz { border-top: 1px solid color-mix(in srgb, var(--line) 55%, transparent); }
.sckrit .ski { flex: none; width: 16px; height: 16px; border-radius: 50%; display: flex;
  align-items: center; justify-content: center; font-size: 10px; font-weight: 700; }
.sckrit .ski.ok { background: var(--acc-dim); color: var(--acc); }
.sckrit .ski.no { background: color-mix(in srgb, var(--red) 14%, transparent); color: var(--red); }
.sckrit .skl { flex: 1; min-width: 0; }
.sckrit .skw { font-weight: 600; }
.sckrit .skw.no { color: var(--red); }
.uwkarte { --amp: var(--mut); display: flex; flex-direction: column; }
.uwkarte.rot { --amp: var(--red); }
.uwkarte.gelb { --amp: var(--amber); }
.uwkarte.gruen { --amp: var(--green); }
.uwkarte.blau { --amp: var(--blue); }
.uwkarte.grau { --amp: var(--grey); }
.uwkarte .uwabschn + .uwabschn { margin-top: 16px; }
.uwkarte .uwrz { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; }
.uwkarte .uwrechen { display: flex; gap: 12px; align-items: center; flex: none; }
.uwkarte .rbox { min-width: 74px; padding: 9px 12px; border-radius: 10px; text-align: center;
  background: color-mix(in srgb, var(--mut) 6%, transparent);
  border: 1px solid color-mix(in srgb, var(--mut) 22%, transparent); }
.uwkarte .rbox.akt { background: color-mix(in srgb, var(--amp) 9%, transparent);
  border-color: color-mix(in srgb, var(--amp) 32%, transparent); }
.uwkarte .rbox.akt b { color: var(--amp); }
.uwkarte .rbox b { display: block; font-size: 22px; font-weight: 800; line-height: 1.1; }
.uwkarte .rbox span, .uwkarte .rop span { display: block; font-size: var(--t-mikro);
  color: var(--dim); margin-top: 2px; }
.uwkarte .rop { text-align: center; }
.uwkarte .rop b { color: var(--red); font-size: var(--t-gross); }
.uwkarte .rgleich { color: var(--dim); font-weight: 700; }
.uwkarte .uwsatz { font-size: var(--t-text); line-height: 1.6; flex: 1; min-width: 220px; }
.uwkarte .uwfkopf { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.uwkarte .uwfkopf h4 { margin-bottom: 0; }
.uwkarte .uwtage { font-size: var(--t-klein); color: var(--mut); font-weight: 600; }
.uwkarte .uwbalken { height: 6px; border-radius: 3px; margin: 8px 0 8px;
  background: color-mix(in srgb, var(--mut) 12%, transparent); overflow: hidden; }
.uwkarte .uwbalken i { display: block; height: 100%; border-radius: 3px; background: var(--amber); }
.uwkarte .uwbalken i.ueber { background: var(--red); }
.uwkarte .uwzwei { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 24px;
  margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.uwkarte .uwpro h4 { color: var(--acc); }
.uwkarte .uwcon h4 { color: var(--red); }
.uwkarte .uli .ic.c { background: rgba(255, 93, 108, .14); color: var(--red); }
@media (max-width: 1150px) { .uwkarte .uwzwei { grid-template-columns: 1fr; } }
.uwkarte .uwrisk { display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  margin-top: auto; padding-top: 14px; border-top: 1px solid var(--line); }
.uwkarte .uwzwei { margin-bottom: 16px; }
.uwkarte .uwrisk h4 { margin: 0; white-space: nowrap; }
.uwkarte .uwpillen { display: flex; gap: 8px; flex-wrap: wrap; }
.uwkarte .uwpille { padding: 4px 12px; border-radius: 999px; font-size: var(--t-klein);
  font-weight: 600; white-space: nowrap; border: 1px solid var(--line); color: var(--mut);
  background: var(--panel); }
.uwkarte .uwpille.ja { background: color-mix(in srgb, var(--amber) 14%, transparent);
  border-color: color-mix(in srgb, var(--amber) 36%, transparent);
  color: color-mix(in srgb, var(--amber) 70%, var(--text)); }
.uwkarte .uwpille.unklar { border-style: dashed; }
.uwkarte .uwpille.wp-weicht { background: color-mix(in srgb, var(--amber) 14%, transparent);
  border-color: color-mix(in srgb, var(--amber) 45%, transparent); color: var(--amber); }
.uwkarte .uwpille.wp-gebrochen { background: color-mix(in srgb, var(--red) 12%, transparent);
  border-color: color-mix(in srgb, var(--red) 45%, transparent); color: var(--red); }
.uwkarte .uactions { margin-top: 14px; }
.uwfest { display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  margin-top: 16px; padding: 11px 14px 11px 13px; border-radius: 0 10px 10px 0;
  border-left: 3px solid var(--acc);
  background: color-mix(in srgb, var(--acc) 6%, transparent); }
.uwfesttxt { flex: 1; min-width: 180px; }
.uwfestkopf { font-size: var(--t-mikro); letter-spacing: .09em; text-transform: uppercase;
  color: var(--acc); font-weight: 700; margin-bottom: 2px; }
.uwfestziel { font-size: var(--t-gross); font-weight: 600; line-height: 1.3; }
.uwfestziel::first-letter { text-transform: uppercase; }
.uwfestk { margin-left: auto; padding: 6px 14px; font-size: var(--t-klein); }
.eakopf { position: relative; border-radius: var(--r); padding: 15px 20px 13px; overflow: hidden;
  color: var(--ktext); background: var(--kflaeche); margin-bottom: 12px; }
.eakopf:before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--kkante); }
.ekzeile { display: flex; align-items: flex-start; gap: 18px; position: relative; z-index: 1; }
.eklinks { flex: 1; min-width: 0; }
.eakopf .h1row { margin: 0; }
.eakopf h1 { font-size: 40px; font-weight: 700; letter-spacing: -.028em; line-height: 1.06; color: #fff; }
.eakopf .renamebtn { color: var(--kdim); background: none; border: 0; cursor: pointer;
  font-size: 16px; padding: 0 2px; opacity: .55; transition: opacity .12s, color .12s; }
.eakopf .renamebtn:hover { opacity: 1; color: var(--kakz); border-color: transparent; }
.eakopf .h1row { gap: 12px; }
.eakopf .renamebtn:hover { color: #fff; }
.ekmeta { font-size: var(--t-text); color: var(--kdim); margin-top: 2px; }
.ekmeta span { color: var(--kmut); }
.ekpillen { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin-bottom: 7px; }
.ekp, .ekpillen .ibadge, .ekpillen .chip {
  border: 1px solid var(--kline); border-radius: 20px; padding: 3px 11px;
  font-size: var(--t-klein); line-height: 1.35; font-weight: 600; color: var(--kmut);
  letter-spacing: .04em; display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--mono); }
.ekp.mess { border-color: var(--kakzrand); color: var(--kakz); background: var(--kakzfl); }
.ekpillen .ibadge.ka-echt, .ekpillen .ibadge.ka-cent,
.ekpillen .ibadge.ka-demo, .ekpillen .ibadge.ka-back {
  border-color: transparent; font-weight: 800; letter-spacing: .08em; color: var(--kanText); }
.ekpillen .ibadge.ka-echt { background: var(--kakz); }
.ekpillen .ibadge.ka-cent { background: var(--kamber); }
.ekpillen .ibadge.ka-demo { background: var(--kblau); }
.ekpillen .ibadge.ka-back { background: #c9d6d1; }
.ekpillen .ibadge.gemessen, .ekpillen .chip.gemessen {
  border-color: var(--kline2); color: var(--ktext); background: none; font-weight: 700; }
.ekpillen .chip.gemessen.risk { border-color: color-mix(in srgb, var(--kamber) 60%, transparent);
  color: var(--kamber); background: color-mix(in srgb, var(--kamber) 12%, transparent); }
.ekpillen .ibadge.angabe, .ekpillen .chip.angabe { border-color: var(--kline2); color: var(--ktext); }
.ekpillen .ibadge.angabe::before, .ekpillen .chip.angabe::before { content: none; }
.ekpillen .ibadge.wider { border-color: rgba(255,140,148,.55); color: #ffa3a9; background: rgba(255,93,108,.12); }
.ekp.warn { border-color: rgba(255,212,137,.5); color: var(--kamber); background: rgba(255,212,137,.12); }
.ekp.archiv { border-color: rgba(255,140,148,.4); color: #ffa3a9; }
.ekpillen .ibadge.sym, .ekpillen .ibadge.symfil { cursor: pointer; }
.ekpillen .ibadge.symfil.an { border-color: var(--kakzrand); color: var(--kakz); }
.ekang { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 9px; }
.ekang .chip { border: 1px solid var(--kline); border-radius: 20px; padding: 3px 11px;
  font-size: var(--t-klein); font-weight: 600; letter-spacing: .04em; color: var(--kmut);
  background: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--mono); }
.ekang .chip:hover { border-color: var(--kline2); color: var(--ktext); }
.ekang .chip::before { content: none; }
.ekang .chip.ghost, .ekang .chip.angabe.ghost { color: var(--kmut); }
.ekang .chip.ghost:hover, .ekang .chip.angabe.ghost:hover { color: var(--ktext); }
.ekang .chip.notechip {
  background: #a98fd6; border-color: transparent; color: var(--kanText); font-weight: 700; }
.ekang .chip.notechip:hover { background: #baa3e2; color: var(--kanText); }
.ekang .chip.notechip.ghost { color: color-mix(in srgb, #a98fd6 62%, var(--kmut));
  border: 1px dashed color-mix(in srgb, #a98fd6 40%, transparent); background: none;
  font-weight: 600; }
.ekang .chip.angabe:not(.ghost) { background: #c9d6d1; border-color: transparent;
  color: var(--kanText); font-weight: 700; }
.ekang .chip.angabe:not(.ghost):hover { background: #d8e3de; color: var(--kanText); }
.ekrechts { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.ekicons { display: flex; gap: 5px; }
.ekik { position: relative; width: 38px; height: 38px; border-radius: 11px; border: 1px solid transparent;
  background: none; color: var(--kmut); cursor: pointer; display: inline-flex; align-items: center;
  justify-content: center; padding: 0; transition: background .12s, color .12s, border-color .12s; }
.ekik:hover { background: rgba(255,255,255,.10); color: #fff; }
.ekik:active { transform: translateY(1px); }
.ekik.an { color: var(--kakz); background: var(--kakzfl); }
.ekik.warn { color: var(--kamber); }
.ekik.eksch { cursor: default; }
.ekik.eksch:hover { background: none; }
.ekik.eksch:active { transform: none; }
.ekik.eksch.verbunden { color: var(--kakz); }
.ekik.eksch.ruht { color: var(--kamber); }
.ekik.eksch.nie { color: var(--kdim); }
@keyframes ekschGlanz {
  0%, 100% { filter: drop-shadow(0 0 2px color-mix(in srgb, var(--kakz) 45%, transparent)); }
  50% { filter: drop-shadow(0 0 7px color-mix(in srgb, var(--kakz) 90%, transparent)); }
}
.ekik.eksch.verbunden svg { animation: ekschGlanz 4s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) {
  .ekik.eksch.verbunden svg { animation: none;
    filter: drop-shadow(0 0 4px color-mix(in srgb, var(--kakz) 60%, transparent)); }
}
.ekik svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.55;
  stroke-linecap: round; stroke-linejoin: round; }
.ekpillen .ekik.eksch { width: auto; height: auto; border: 0; border-radius: 0;
  padding: 0 2px; align-self: center; }
.ekpillen .ekik.eksch svg { width: 19px; height: 19px; display: block; }
.ekik svg.voll { fill: currentColor; }
.ekik svg .ekmz { fill: currentColor; stroke: none; font-family: var(--mono);
  font-size: 12.5px; font-weight: 700; }
.ekicons .glwrap .glbtn { width: 38px; height: 38px; padding: 0; border-radius: 11px;
  border: 1px solid transparent; background: none; color: var(--kmut);
  display: inline-flex; align-items: center; justify-content: center;
  transition: background .12s, color .12s, transform .12s; }
.ekicons .glwrap .glbtn:hover { background: rgba(255,255,255,.10); color: #fff; }
.ekicons .glwrap .glbtn svg { width: 21px; height: 21px; stroke-width: 1.55; }
.ekik .nzbadge, .ekicons .glwrap .glbtn .nzbadge, .ekzahl, .ekpunkt { position: absolute; top: 2px; right: 2px; background: var(--kamber); color: #201400;
  border-radius: 8px; font-size: 9px; font-weight: 700; min-width: 13px; height: 13px; line-height: 13px;
  text-align: center; padding: 0 3px; }
.vwquelle { display: flex; align-items: baseline; gap: 8px; padding: 0 18px 12px;
  font-size: var(--t-klein); }
.vwquelle span { color: var(--dim); text-transform: uppercase; letter-spacing: .08em;
  font-size: var(--t-mikro); font-weight: 700; }
.vwquelle b { font-family: var(--mono); font-weight: 600; }
.ekpunkt { width: 7px; height: 7px; min-width: 0; padding: 0; border-radius: 50%; }
.ekik.nzvoll { color: var(--ktext); }
.ekik.nzvoll svg path:first-child { fill: currentColor; fill-opacity: .30; }
.ekring { display: block; width: 88px; height: 88px; padding: 0; border: 0;
  background: none; -webkit-appearance: none; appearance: none; line-height: 0;
  border-radius: 50%; }
.ekring:focus-visible { outline: 2px solid var(--kakz); outline-offset: 3px; }
.ekring .ring { width: 88px; height: 88px; }
.ekring .rzahl { fill: #fff; font-size: 40px; font-weight: 700; }
.ekpipe { display: flex; align-items: center; margin-top: 12px; padding: 4px;
  border: 1px solid var(--kline); border-radius: 12px; background: var(--kbandfl);
  position: relative; z-index: 1; }
.ekps { flex: 1; min-width: 0; padding: 7px 12px; text-transform: uppercase; font-size: var(--t-klein); font-family: var(--mono);
  color: var(--kdim); display: inline-flex; align-items: center; gap: 9px; letter-spacing: .05em;
  white-space: nowrap; background: none; border: 0; border-radius: 9px; cursor: pointer; font-weight: 500; }
.ekps[disabled] { cursor: default; }
.ekps:hover:not([disabled]):not(.an) { background: rgba(255,255,255,.09); }
.ekps.an:hover:not([disabled]) { filter: brightness(1.06); box-shadow: 0 2px 9px rgba(0,0,0,.28); }
.ekps i { width: 6px; height: 6px; border-radius: 50%; background: var(--kpunkt); flex: none; }
.ekps.done { color: var(--kmut); } .ekps.done i { background: var(--kamber); }
.ekps.an { background: var(--kanFl); font-weight: 700; box-shadow: 0 1px 6px rgba(0,0,0,.22); }
.ekps.an, .ekps.an b, .ekps.an .ekpn, .ekps.an .ekpf { color: var(--kanText); }
.ekps.an i { background: var(--kanText); }
.ekps.an .ekpf { opacity: .55; }
.ekps b { color: var(--ktext); font-weight: 600; }
.ekps .ekpn { overflow: hidden; text-overflow: ellipsis; }
.ekps .ekpf { margin-left: auto; font-size: 10px; opacity: .7; }
.ekps.offen { box-shadow: inset 0 0 0 1px var(--kline2); }
.ekpvgl { flex: none; padding-left: 12px; margin-left: 4px; border-left: 1px solid var(--kline); }
.ekpvgl .vglbtn { letter-spacing: 0; text-transform: none; border-color: var(--kline2);
  color: var(--kakz); background: none; padding: 5px 13px; font-size: var(--t-klein); }
.ekpvgl .vglbtn:hover { border-color: var(--kakzrand); background: var(--kakzfl); }
.ekpvgl .vglbtn.on { border-color: var(--kakzrand); background: var(--kakzfl); }
.vglbox { margin-top: 9px; }
.eakopf .vglbox .tablecard { background: none; border: 1px solid var(--kline);
  border-radius: 11px; padding: 0; overflow: hidden; box-shadow: none; }
.eakopf .vglbox table.famtab { width: 100%; border-collapse: collapse; }
.eakopf .vglbox .famtab th { background: rgba(0,0,0,.20); color: var(--kmut);
  font-size: var(--t-mikro); font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  padding: 9px 12px; border-bottom: 1px solid var(--kline); text-align: right; }
.eakopf .vglbox .famtab th:first-child { text-align: left; }
.eakopf .vglbox .famtab td { padding: 10px 12px; border-bottom: 1px solid var(--kline);
  color: var(--ktext); font-size: var(--t-text); text-align: right;
  font-family: var(--mono); font-variant-numeric: tabular-nums; }
.eakopf .vglbox .famtab td:first-child { text-align: left; font-family: inherit; color: var(--ktext); }
.eakopf .vglbox .famtab tr:last-child td { border-bottom: 0; }
.eakopf .vglbox .famtab td .dim { color: var(--kdim); }
.eakopf .vglbox { --kneg: #ffbcc2; --kamber2: #ffd08a; }
.eakopf .vglbox .famtab tr.famgrp td { background: rgba(0,0,0,.28); color: var(--kdim);
  font-family: inherit; font-size: var(--t-mikro); letter-spacing: .07em;
  text-transform: uppercase; padding: 7px 12px; text-align: left; }
.eakopf .vglbox .famtab tr.famzeile td { background: rgba(158,203,255,.06); }
.eakopf .vglbox .famtab .famlink { color: var(--kakz); text-decoration: none; font-weight: 600; }
.eakopf .vglbox .famtab .famlink:hover { text-decoration: underline; }
.eakopf .vglbox .famtab tr.famfuss td { color: var(--kdim); font-family: inherit;
  font-size: var(--t-klein); text-align: left; padding: 8px 12px; }
.eakopf .vglbox .famtab td.pos { color: var(--kakz); }
.eakopf .vglbox .famtab td.neg { color: var(--kneg); }
.eakopf .vglbox .famtab td.mcell.sczelle { font-size: 14px; }
.eakopf .vglbox .scz { font-weight: 700; }
.eakopf .vglbox .scz.rot { color: var(--kneg); }
.eakopf .vglbox .scz.gelb { color: var(--kamber2, var(--kamber)); }
.eakopf .vglbox .scz.gruen { color: var(--kakz); }
.eakopf .vglbox .scz.blau { color: var(--kblau); }
.eakopf .vglbox .scz.grau { color: var(--kdim); }
.lfst { display: inline-block; margin-left: 8px; padding: 1px 8px; border-radius: 20px;
  font-size: var(--t-mikro); font-weight: 600; letter-spacing: .05em; text-transform: uppercase;
  font-family: var(--mono); color: var(--kdim); border: 1px solid var(--kline); }
.lfst.ruht { color: var(--kmut); background: rgba(255,255,255,.07); border-color: var(--kline2); }
.lfst.offen { color: var(--kakz); background: rgba(63,168,143,.14); border-color: rgba(63,168,143,.34); }
.eakopf .lfst.aus, .eakopf .apst.aus { color: #ffa3a9;
  background: rgba(255,140,148,.12); border-color: rgba(255,140,148,.4); }
.lfvers { display: inline-block; margin-left: 7px; font-family: var(--sans, inherit);
  font-size: var(--t-mikro); font-weight: 600; letter-spacing: 0; text-transform: none;
  color: #c9b0ff; background: rgba(180,150,255,.16); border: 1px solid rgba(180,150,255,.32);
  border-radius: 5px; padding: 1px 6px; vertical-align: middle;
  max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 700px) {
  .eakopf .vglbox .famtab tr.famnow td { background: var(--kakz); color: #0b3a30; }
  .eakopf .vglbox .famtab tr.famnow td b { color: #0b3a30; }
  .eakopf .vglbox .famtab tr.famnow td .dim { color: rgba(11,58,48,.62); }
  .eakopf .vglbox .famtab tr.famnow td.pos { color: #0a5a3c; }
  .eakopf .vglbox .famtab tr.famnow td.neg { color: #8f1f27; }
  .eakopf .vglbox .famtab tr.famnow .lfst { color: #0b3a30; background: rgba(255,255,255,.42);
    border-color: rgba(11,58,48,.28); }
  .eakopf .vglbox .famtab tr.famnow .lfvers { color: #3a2560; background: rgba(255,255,255,.55);
    border-color: rgba(11,58,48,.2); }
  .eakopf .vglbox .famtab tr.famnow .scz { color: #0b3a30; }
}
.eakopf .vglbox .famtab tbody tr:hover { background: none; }
.eakopf .vglbox .famtab tr[data-lauf-ea]:hover td { background: rgba(255,255,255,.09); }
.eklauf { margin-top: 9px; border: 1px solid var(--kline); border-radius: 11px; overflow: hidden;
  background: rgba(0,0,0,.18); position: relative; z-index: 1; }
.eklz { display: block; width: 100%; text-align: left; padding: 9px 12px; background: none;
  border: 0; border-bottom: 1px solid var(--kline); color: var(--kmut); font: inherit;
  font-size: var(--t-klein); cursor: pointer; }
.eklz:last-child { border-bottom: none; }
.eklz:hover { background: rgba(255,255,255,.05); }
.eklz.an { background: var(--kakzfl); color: var(--ktext); }
.eklleer { padding: 13px; font-size: var(--t-klein); color: var(--kdim); font-family: var(--mono); }
@media (max-width: 820px) {
  .ekzeile { display: block; }
  .eklinks, .ekrechts { display: contents; }
  .eakopf { position: relative; }
  .ekring { position: absolute; top: -7px; right: -12px; margin: 0; z-index: 2; }
  .ekring, .ekring .ring { width: 72px; height: 72px; }
  .ekpillen, .h1row { padding-right: 64px; }
  .ekpillen { gap: 4px; }
  .eakopf .ekpillen .ibadge, .eakopf .ekpillen .chip, .eakopf .ekpillen .ekp {
    padding-left: 7px; padding-right: 7px; }
  .eakopf .h1row { display: block; }
  .eakopf .h1row h1 { display: inline; }
  .eakopf .renamebtn { display: inline-block; vertical-align: 4px; margin-left: 6px;
    padding: 14px; margin-top: -14px; margin-bottom: -14px; margin-right: -14px; opacity: .8; }
  .ekicons { clear: both; gap: 8px; margin-top: 10px; }
  .ekik, .ekicons .glwrap .glbtn { border-color: var(--kline2); }
  .ekicons > *, .ekicons .glwrap { flex: 1 1 0; min-width: 0; }
  .ekik, .ekicons .glwrap .glbtn { width: 100%; height: 44px; }
  .eakopf h1 { font-size: 30px; }    
  .ekpipe { flex-wrap: wrap; }
  .ekps { flex: 1 1 60px; min-width: 0; height: 44px; padding: 0 6px; justify-content: center;
    gap: 6px; font-size: 10px; letter-spacing: .03em; }
  .ekps b, .ekps .ekpakt { display: none; }
  .ekps .ekpf { margin-left: 0; font-size: 9px; flex: none; }
  .ekps .ekpn { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  .ekps { gap: 5px; }
  .ekpvgl { border-left: 0; width: 100%; padding: 6px 0 0; margin-left: 0; }
  .ekpvgl .vglbtn { width: 100%; }
}
.curvecard #riskPanel { display: none; }
.curvecard.risikoAn #riskPanel { display: flex; flex-direction: column; min-height: 320px; }
.curvecard.risikoAn #riskPanel > h2 { margin-top: 0; flex: none; }
.curvecard.risikoAn #riskPanel > .rhcard { flex: 1; }
.curvecard.risikoAn #bigchart,
.curvecard.risikoAn #ckopf,
.curvecard.risikoAn #ddTabelle { display: none !important; }
details.sek { border: 1px solid var(--line); border-radius: var(--r); background: var(--panel);
  margin: 14px 0; }
details.sek > summary { list-style: none; cursor: pointer; padding: 14px 20px;
  display: flex; align-items: center; gap: 12px; }
details.sek > summary::-webkit-details-marker { display: none; }
details.sek > summary:before { content: '▸'; color: var(--dim); font-size: 12px;
  transition: transform .15s; flex: none; }
details.sek[open] > summary:before { transform: rotate(90deg); }
details.sek > summary h2 { font-size: var(--t-gross); letter-spacing: .1em; margin: 0; }
details.sek .sekkurz { margin-left: auto; color: var(--dim); font-size: var(--t-text); text-align: right; }
details.sek .sekinhalt { padding: 0 20px 18px; }
@supports (interpolate-size: allow-keywords) {
  :root { interpolate-size: allow-keywords; }
  details.sek::details-content {
    block-size: 0; opacity: 0; overflow: clip;
    transition: block-size .22s cubic-bezier(.4, 0, .2, 1), opacity .15s ease-out,
      content-visibility .22s allow-discrete;
  }
  details.sek[open]::details-content { block-size: auto; opacity: 1; }
  @media (prefers-reduced-motion: reduce) {
    details.sek::details-content { transition: opacity .12s ease-out; block-size: auto; }
  }
}
details.sek .sekinhalt > .card:first-child { border: 0; padding-left: 0; padding-right: 0; background: none; }
details.sek .sekinhalt .card { padding: 14px 16px; }
details.sek .sekinhalt > .card:first-child { padding-left: 0; padding-right: 0; }
@media (max-width: 699px) { details.sek .sekkurz { display: none; } }
@media (max-width: 699px) {
  .mmtog button, .vreiter button, .pager button { min-height: 44px; }
  .pager button { min-width: 40px; }
  .pager { gap: 4px; }
}
@media (max-width: 699px) {
  .famtab { display: block; width: 100%; }
  .famtab thead { display: none; }
  .famtab tbody { display: block; }
  .famtab tbody tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px 8px; padding: 11px 12px; border-bottom: 1px solid var(--kline); }
  .famtab tbody tr:last-child { border-bottom: 0; }
  .eakopf .vglbox .famtab tbody td { display: block; padding: 0; border: 0;
    text-align: left; white-space: normal; }
  .eakopf .vglbox .famtab tr.famnow td { background: none; }
  .famtab tbody tr.famnow { background: color-mix(in srgb, var(--kakzfl) 45%, transparent);
    box-shadow: inset 4px 0 0 var(--kakz); }
  .eakopf .vglbox .famtab td:first-child { grid-column: 1 / 3; grid-row: 1; min-width: 0; }
  .eakopf .vglbox .famtab td.sczelle { grid-column: 3; grid-row: 1; text-align: right; align-self: center; }
  .famtab td.sczelle::before { content: none; }
  .famtab td.sczelle .scz { font-size: 17px; font-weight: 700; }
  .famtab td.mcell:not(.sczelle)::before { content: attr(data-l); display: block;
    font: 600 8.5px var(--sans); letter-spacing: .07em; text-transform: uppercase;
    color: var(--kdim); margin-bottom: 2px; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis; }
  .eakopf .vglbox .famtab td.mcell:not(.sczelle) { font-size: 13px; }
  .vglbox table.famtab { min-width: 0 !important; }
  .vglbox .tablecard, .eakopf .tablecard { overflow-x: auto; }
}
.pfgeplatzt { border: 1px solid color-mix(in srgb, var(--red) 40%, transparent);
  background: color-mix(in srgb, var(--red) 6%, transparent);
  border-radius: 11px; padding: 12px 14px; margin-bottom: 14px; }
.pfgpk { font: 700 var(--t-gross) var(--sans); color: var(--red); }
.pfgps { font-size: var(--t-text); color: var(--mut); margin-top: 5px; line-height: 1.5; }
.pfkuntern { display: block; font-family: var(--sans); font-size: var(--t-klein);
  font-weight: 500; line-height: 1.3; color: var(--dim); margin-top: 4px; }
.apill2.gerissen { border-color: color-mix(in srgb, var(--red) 45%, transparent);
  color: var(--red); background: color-mix(in srgb, var(--red) 9%, transparent); }
.pfhinweis { margin-top: 12px; padding: 10px 13px; border-radius: 10px;
  font-size: var(--t-klein); line-height: 1.5; color: var(--dim);
  border: 1px solid color-mix(in srgb, var(--blue) 26%, transparent);
  background: color-mix(in srgb, var(--blue) 7%, transparent); }
.pfsammelliste { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 7px; }
.pfsammelliste span { font-size: var(--t-klein); color: var(--mut); }
.pfcard.geplatzt { border-color: color-mix(in srgb, var(--red) 34%, transparent);
  background: color-mix(in srgb, var(--red) 4%, transparent); }
.pfcard.geplatzt:hover { border-color: color-mix(in srgb, var(--red) 50%, transparent); }
.pfwahl { display: block; }
.pfwz { font-size: var(--t-text); color: var(--mut); margin-bottom: 12px; }
.pfwopt { display: block; width: 100%; text-align: left; margin-bottom: 9px; cursor: pointer;
  background: var(--panel2); border: 1px solid var(--line2); border-radius: 10px;
  padding: 11px 13px; font: inherit; color: var(--text); }
.pfwopt:last-child { margin-bottom: 0; }
.pfwopt b { display: block; font: 700 var(--t-text) var(--sans); }
.pfwopt span { display: block; font-size: var(--t-klein); color: var(--dim); margin-top: 3px; line-height: 1.45; }
.pfwopt.on { border-color: var(--acc); box-shadow: inset 0 0 0 1px var(--acc);
  background: color-mix(in srgb, var(--acc) 7%, transparent); }
.wahlgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
  gap: 8px; margin: 0 0 10px; }
.wahlk { height: 46px; border-radius: 10px; border: 1px solid var(--line2);
  background: var(--panel); color: var(--text); cursor: pointer;
  font: 600 var(--t-gross) var(--sans); letter-spacing: .01em;
  display: grid; place-items: center; transition: border-color .12s, background .12s; }
.wahlk:hover { border-color: var(--acc); background: var(--acc-dim); }
.wahlk.cur { border-color: var(--acc); box-shadow: inset 0 0 0 1px var(--acc);
  background: var(--acc-dim); color: var(--acc); }
.wahlweg { display: block; width: 100%; height: 40px; border-radius: 9px;
  border: 1px dashed var(--line2); background: none; color: var(--dim); cursor: pointer;
  font: 500 var(--t-text) var(--sans); }
.wahlweg:hover { border-color: var(--acc); color: var(--text); }
.wahlweg.cur { border-style: solid; border-color: var(--acc); color: var(--acc); background: var(--acc-dim); }
.nrow.nklick { width: 100%; text-align: left; cursor: pointer; font: inherit;
  background: var(--panel); }
.nrow.nklick:hover { border-color: var(--acc); background: var(--acc-dim); }
.nrowpfeil { color: var(--dim); font-size: var(--t-gross); flex: none; }
:root { --kvgit: rgba(255,255,255,.09); }
[data-theme="light"] { --kvgit: rgba(0,0,0,.09); }
.zweirow { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }
.kvcard { display: flex; flex-direction: column; padding: 16px 18px; }
.kvh { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.kvt { font-size: var(--t-text); font-weight: 600; }
.kvs { font-size: var(--t-klein); color: var(--dim); margin-top: 2px; }
.kseg { display: flex; background: var(--panel2); border: 1px solid var(--line); border-radius: 8px;
  padding: 2px; flex: 0 0 auto; }
.kseg button { border: 0; background: none; font-size: var(--t-mikro); font-weight: 600;
  color: var(--dim); padding: 5px 9px; border-radius: 6px; cursor: pointer; line-height: 1; }
.kseg button:hover { color: var(--text); }
.kseg button.an { background: var(--acc); color: var(--accText); }
.kvzahl { font-size: 26px; font-weight: 700; letter-spacing: -.01em; margin-top: 12px;
  font-variant-numeric: tabular-nums; }
.kvdelta { font-size: var(--t-klein); font-weight: 600; margin-left: 8px; }
.kvunter { font-size: var(--t-klein); margin-top: 1px; }
.kvchart { position: relative; margin: 10px -18px 0; }
.kvsvg { display: block; width: 100%; height: 132px; }
.kvax { display: flex; justify-content: space-between; font-size: var(--t-mikro);
  color: var(--dim); margin-top: 8px; transition: opacity .18s ease; }
#kvBody { position: relative; }
.kvax.weg { opacity: .25; }
.kvaxwrap { position: relative; }
.kvpille { position: absolute; top: 8px; transform: translateX(-50%);
  background: var(--acc); color: var(--accText); font-size: var(--t-mikro); font-weight: 700;
  font-variant-numeric: tabular-nums; padding: 3px 9px; border-radius: 999px;
  white-space: nowrap; pointer-events: none;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--acc) 34%, transparent);
  transition: left .26s cubic-bezier(.85, 0, .15, 1); }
.kvpille[hidden] { display: none; }
.kvwert { position: absolute; top: 2px; transform: translateX(-50%); pointer-events: none;
  background: var(--panel); color: var(--text); border: 1px solid var(--line2);
  font-size: var(--t-mikro); font-weight: 600; font-variant-numeric: tabular-nums;
  padding: 2px 7px; border-radius: 6px; white-space: nowrap; box-shadow: var(--heb);
  transition: left .26s cubic-bezier(.85, 0, .15, 1); }
.kvwert[hidden] { display: none; }
.kvhg { display: none; }
.kvhg.an { display: inline; }
.kvsvg { cursor: crosshair; }
@media (prefers-reduced-motion: reduce) {
  .kvpille, .kvwert { transition: none; }
}
.kvleer { font-size: var(--t-klein); padding: 26px 0; text-align: center; }
.kvkalkopf { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin-bottom: 5px; }
.kvkalkopf span { font-size: var(--t-mikro); letter-spacing: .07em; text-transform: uppercase;
  color: var(--dim); text-align: center; font-weight: 700; }
.kvkal { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
.kvtag { border-radius: 8px; aspect-ratio: 1 / .8; padding: 5px 6px; position: relative;
  display: flex; flex-direction: column; justify-content: space-between;
  border: 1px solid transparent; }
.kvtag.leer { background: none; border: 0; }
.kvtagn { font-size: var(--t-mikro); color: var(--dim); font-weight: 600; line-height: 1; }
.kvtagw { font: 600 var(--t-klein) var(--mono); text-align: right; line-height: 1.1;
  font-variant-numeric: tabular-nums; }
.kvtag.kvruhig { border: 1px dashed var(--line2); }
.kvtag.kvruhig .kvtagn { opacity: .55; }
.kvtag.kvruhig .kvtagw { color: var(--dim); opacity: .5; }
.kvtag.kvoffen { background: none; }
.kvtag.kvoffen .kvtagn { opacity: .35; }
.kvtag.kvheute { outline: 2px solid var(--acc); outline-offset: 1px; }
.kvtagb { position: absolute; top: 4px; right: 5px; width: 5px; height: 5px;
  border-radius: 50%; background: var(--dim); opacity: .55; }
.kvkal .p1 { background: color-mix(in srgb, var(--green) 10%, transparent); }
.kvkal .p2 { background: color-mix(in srgb, var(--green) 20%, transparent); }
.kvkal .p3 { background: color-mix(in srgb, var(--green) 34%, transparent); }
.kvkal .p4 { background: color-mix(in srgb, var(--green) 50%, transparent); }
.kvkal .m1 { background: color-mix(in srgb, var(--red) 10%, transparent); }
.kvkal .m2 { background: color-mix(in srgb, var(--red) 20%, transparent); }
.kvkal .m3 { background: color-mix(in srgb, var(--red) 34%, transparent); }
.kvkal .m4 { background: color-mix(in srgb, var(--red) 52%, transparent); }
.kvkalfuss { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 11px;
  padding-top: 10px; border-top: 1px solid var(--line); font-size: var(--t-klein); color: var(--dim); }
.kvleg { display: flex; align-items: center; gap: 5px; }
.kvleg i { width: 11px; height: 11px; border-radius: 3px; display: block; }
.kvleg i.m3 { background: color-mix(in srgb, var(--red) 34%, transparent); }
.kvleg i.p3 { background: color-mix(in srgb, var(--green) 34%, transparent); }
.kvleg i.kvruhig { border: 1px dashed var(--line2); }
.kvleg i.kvbuch { width: 6px; height: 6px; border-radius: 50%; background: var(--dim); opacity: .55; }
#bvMonate { margin-bottom: 14px; }
.bvkalkarte .kvtag { aspect-ratio: auto; height: 74px; }
.bvkalkopf { display: flex; align-items: flex-start; justify-content: space-between;
  gap: 14px; flex-wrap: wrap; margin-bottom: 14px; }
.bvkalnav { display: flex; align-items: center; gap: 6px; position: relative; }
.bvkalpf { width: 32px; height: 32px; border-radius: 8px; border: 1px solid var(--line2);
  background: var(--panel); color: var(--text); font-size: 17px; line-height: 1; cursor: pointer;
  display: flex; align-items: center; justify-content: center; }
.bvkalpf:hover:not(:disabled) { border-color: var(--acc); color: var(--acc); }
.bvkalpf:disabled { opacity: .32; cursor: default; }
.bvkalmon { min-width: 168px; height: 32px; padding: 0 12px; border-radius: 8px;
  border: 1px solid var(--line2); background: var(--panel); color: var(--text);
  font-size: var(--t-text); font-weight: 700; cursor: pointer;
  display: flex; align-items: center; justify-content: center; gap: 7px; }
.bvkalmon:hover { border-color: var(--acc); }
.bvkalmon i { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent;
  border-top: 5px solid var(--dim); display: block; }
.bvkalliste { position: absolute; top: 38px; right: 0; z-index: 40; width: 200px;
  max-height: 292px; overflow-y: auto; padding: 5px; border-radius: 10px;
  background: var(--panel); border: 1px solid var(--line2); box-shadow: var(--heb); }
.bvkalliste button { display: block; width: 100%; text-align: left; padding: 7px 10px;
  border: 0; border-radius: 7px; background: none; color: var(--text);
  font-size: var(--t-text); cursor: pointer; }
.bvkalliste button:hover { background: var(--panel2); }
.bvkalliste button.on { background: color-mix(in srgb, var(--acc) 14%, transparent); font-weight: 700; }
.bvkalnix { font-size: var(--t-text); margin: -4px 0 12px; }
@media (max-width: 1180px) {
  .kvtag { padding: 4px 5px; }
  .kvtagw { font-size: 10px; }
  .bvkalkarte .kvtag { height: 62px; }
}
@media (max-width: 480px) {
  .kvtag { aspect-ratio: 1 / .92; padding: 4px; }
  .bvkalkarte .kvtag { height: 44px; }
  .kvtagw { display: none; }
  .kvkalfuss { gap: 10px; }
  .bvkalnav { width: 100%; }
  .bvkalmon { flex: 1; min-width: 0; }
}
#kvBody, #krBody { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.kvbars { margin-top: 16px; display: flex; flex-direction: column; gap: 14px; flex: 1;
  justify-content: center; }
.kvbars { --kvn: 116px; }
.kvbar { display: grid; grid-template-columns: var(--kvn) 1fr auto;
  align-items: center; gap: 10px; text-decoration: none; color: inherit; border-radius: 6px; }
.kvbn { display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding-right: 22px; min-width: 0; font-size: var(--t-klein); color: var(--mut); }
.kvbname { flex: 0 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.kvnote { flex: none; font: 600 var(--t-mikro)/1 var(--mono); letter-spacing: .04em;
  border: 1px solid color-mix(in srgb, var(--jrton) 42%, transparent); border-radius: 5px;
  padding: 3px 5px; color: var(--jrton); background: var(--jrfl); }
.kvbt { position: relative; height: 22px; background: color-mix(in srgb, var(--text) 5%, transparent);
  border-radius: 5px; overflow: hidden; }
.kvbf { position: absolute; left: 0; top: 0; bottom: 0; width: var(--w); border-radius: 5px;
  transform-origin: left center; }
.kvbf.s1 { background: var(--red); }
.kvbf.s2 { background: color-mix(in srgb, var(--red) 62%, var(--amber)); }
.kvbf.s3 { background: var(--amber); }
.kvbf.s4 { background: color-mix(in srgb, var(--amber) 70%, var(--dim)); }
.kvbv { font-size: var(--t-klein); font-weight: 600; font-variant-numeric: tabular-nums;
  min-width: 58px; text-align: right; color: var(--red); line-height: 1.25; }
.kvbv em { display: block; font-style: normal; font-weight: 500; font-size: var(--t-mikro);
  color: var(--dim); }
.kvbar:hover .kvbname, .kvbar:hover .kvbv { color: var(--text); }
.kvbars:hover .kvbar { opacity: .3; transition: opacity .15s ease-in-out; }
.kvbars:hover .kvbar:hover { opacity: 1; }
.kvfuss { margin-top: auto; padding-top: 12px; display: flex; justify-content: space-between;
  font-size: var(--t-mikro); color: var(--dim); }
.kvfuss a { color: var(--dim); text-decoration: none; border-bottom: 1px dotted var(--line2); }
.kvfuss a:hover { color: var(--acc); border-bottom-color: currentColor; }
@keyframes kvdraw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes kvfade { from { opacity: 0; } to { opacity: 1; } }
@keyframes kvgrow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.kvline { stroke-dasharray: 1; animation: kvdraw 1.1s cubic-bezier(.85,0,.15,1) both; }
.kvarea { animation: kvfade .5s ease .5s both; }
.kvdot { animation: kvfade .3s ease 1s both; }
.kvbar .kvbf { animation: kvgrow .9s cubic-bezier(.85,0,.15,1) both; animation-delay: calc(var(--i) * 70ms); }
.animaus .kvline, .animaus .kvarea, .animaus .kvdot, .animaus .kvbar .kvbf { animation: none !important; }
.animaus .kvline { stroke-dashoffset: 1; }
.animaus .kvarea, .animaus .kvdot { opacity: 0; }
.animaus .kvbar .kvbf { transform: scaleX(0); }
@media (prefers-reduced-motion: reduce) {
  .kvline, .kvarea, .kvdot, .kvbar .kvbf { animation: none !important; }
  .kvline { stroke-dashoffset: 0; }
  .kvarea, .kvdot { opacity: 1; }
  .kvbar .kvbf { transform: none; }
}
@media (max-width: 900px) { .zweirow { grid-template-columns: 1fr; } }
@media (max-width: 699px) {
  .alzweg { box-sizing: content-box; padding: 10px; margin: -10px; }
  .applegal a, .login-legal a { display: inline-block; padding: 12px 4px; margin: -12px -4px; }
  .backlink { padding: 12px 4px; margin-left: -4px; }
  .ekpillen button.ibadge { padding-top: 12px; padding-bottom: 12px; }
  .pffilter button { padding: 12px 14px; }
  .alzchips button.alzchip { padding-top: 12px; padding-bottom: 12px; }
  .mscope a, .mscope button { min-height: 44px; }
  .arenawrap { --lbl: 104px; padding: 4px 2px 8px; }
  .acols .acol { padding: 10px 6px 12px; }
  .arow .acell { padding: 9px 6px; font-size: var(--t-klein); }
  .acol .aname { font-size: var(--t-text); }
  .asrch { height: 40px; font-size: var(--t-klein); padding: 0 8px; }
  .arenapills { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none;
    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 26px), transparent);
    mask-image: linear-gradient(to right, #000 calc(100% - 26px), transparent); }
  .arenapills::-webkit-scrollbar { display: none; }
  .arenapills button { flex: 0 0 auto; white-space: nowrap; padding-top: 11px; padding-bottom: 11px; }
  .renamebtn.arname span { display: inline; margin-left: 6px; }
  .renamebtn.arname { padding: 12px 14px; }
  .akkopf { min-height: 0; }
  .akarten { grid-template-columns: 1fr; padding: 0; gap: 12px; }
  .akarten .akplatz, .alegplatz { display: none; }
  .akarten .akarte, .aleg { margin: 0; }
  .alegzeile { grid-template-columns: 1fr; gap: 8px; }
  .aovl { padding-left: 15px; padding-right: 15px; }
  .aovlkopf { padding: 0; }
  a.akn { display: inline-block; padding: 11px 6px; margin: -11px -4px; }
  .azchip { padding-top: 11px; padding-bottom: 11px; }
  .akarte { padding: 16px 15px 13px; }
  .akzahl { font-size: 24px; }
  .aleg { padding: 9px 12px 9px 10px; }
  .themeseg button { padding-top: 12px; padding-bottom: 12px; }
  .podname { flex-wrap: wrap; align-items: flex-start; row-gap: 4px; }
  .podhead { align-items: start; }
  .wbname a { display: inline-block; padding: 11px 0; margin: -11px 0; }
  .wl-item { flex-wrap: wrap; gap: 8px 10px; }
  .wl-main { flex: 1 0 100%; order: -1; }
  .wl-status { margin-right: auto; padding-top: 11px; padding-bottom: 11px; }
  .wl-del, .wl-disc { width: 40px; height: 40px; }
  .podname .podn { white-space: normal; overflow: visible; }
  .prow { flex-wrap: wrap; padding: 9px 10px; }
  .prow .pn { flex: 1 0 100%; white-space: normal; overflow: visible; }
}
.zugr { background: var(--panel); border: 1px solid var(--line); border-radius: 12px;
  margin-bottom: 14px; overflow: hidden; }
.zukopf { display: flex; align-items: center; gap: 11px; flex-wrap: wrap;
  padding: 11px 14px; background: var(--panel2); border-bottom: 1px solid var(--line); }
.zunr { font: 700 15px var(--mono); }
.zumeta { color: var(--dim); font-size: var(--t-klein); }
.zusyms { margin-left: auto; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.zusyms .lb { font: 600 9.5px var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--dim); }
.zusym { display: inline-flex; align-items: center; gap: 5px; font: 600 11px var(--mono);
  padding: 3px 8px; border-radius: 7px;
  background: var(--acc-dim); border: 1px solid color-mix(in srgb, var(--acc) 34%, transparent); color: var(--acc); }
.zusym i { font-style: normal; color: var(--dim); font-weight: 400; }
.zusym.frei { background: transparent; border-style: dashed; border-color: var(--line2); color: var(--dim); }
.zuz { display: grid; grid-template-columns: 1fr 132px 58px 84px 122px 106px 126px; gap: 12px;
  align-items: center; padding: 6px 20px 6px 14px; border-top: 1px solid var(--line); font-size: var(--t-text); }
.zuz.kopf { border-top: none; color: var(--dim); font: 600 10px var(--mono);
  letter-spacing: .05em; text-transform: uppercase; padding-top: 8px; padding-bottom: 7px; }
.zuz .nm { font-weight: 600; display: flex; align-items: center; gap: 7px; min-width: 0; }
.zuz .nm a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zuz .nm .pill.note { flex: none; }
.zuz .nm a { color: var(--text); text-decoration: none; }
.zuz .nm a:hover { color: var(--acc); }
.zuz .r { text-align: right; font-family: var(--mono); font-size: var(--t-klein); }
.zuz .zeit { color: var(--dim); white-space: nowrap; }
.zusuche { margin-left: auto; align-self: center; min-width: 280px; max-width: 380px;
  background: var(--panel); border: 1px solid var(--line2); border-radius: 9px;
  color: var(--text); font-size: 14px; padding: 12px; }
.zusuche:focus { outline: none; border-color: var(--acc); }
.zusuche::placeholder { color: var(--dim); }
.zutreffer { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; color: var(--dim);
  font-size: var(--t-klein); }
.zutreffer b { font: 700 15px var(--mono); color: var(--text); }
.zutreffer .btn { margin-left: 4px; }
.zuz.alt { opacity: .45; }
.zuklapp { padding: 7px 14px; border-top: 1px solid var(--line); color: var(--dim);
  font-size: var(--t-text); cursor: pointer; background: var(--panel2); }
.zuklapp:hover { color: var(--mut); }
.zuklapp b { color: var(--mut); }
.zuplus { display: inline-block; font: 600 9.5px var(--mono); color: var(--dim);
  background: var(--panel2); border: 1px solid var(--line); border-radius: 5px; padding: 0 4px; margin-left: 4px; }
@media (max-width: 900px) {
  .zusyms { margin-left: 0; width: 100%; }
  .zusuche { margin-left: 0; width: 100%; max-width: none; min-width: 0; margin-top: 10px; }
  .zuz { grid-template-columns: 1fr 90px 70px 84px; }
  .zuz > :nth-child(3), .zuz > :nth-child(6), .zuz > :nth-child(7) { display: none; }
}
.bestandlink{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;
  padding:16px 20px;transition:border-color .16s ease,background .16s ease}
.bestandlink:hover{border-color:var(--acc);background:var(--panel2)}
.bestandlink .blsym{flex:none;width:34px;height:34px;display:grid;place-items:center;
  border-radius:8px;background:var(--panel2);color:var(--mut)}
.bestandlink .blsym svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.bestandlink:hover .blsym{color:var(--acc)}
.bestandlink .bltxt{display:flex;flex-direction:column;gap:2px;min-width:0}
.bestandlink .bltxt b{font-size:var(--t-text)}
.bestandlink .bltxt small{color:var(--dim);font-size:var(--t-klein)}
.bestandlink .blpfeil{margin-left:auto;color:var(--dim);font-size:20px;line-height:1}
.bestandlink:hover .blpfeil{color:var(--acc)}
#easraster{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.eak{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);
  padding:14px 16px 12px;text-decoration:none;color:inherit;transition:border-color .16s ease}
.eak:hover{border-color:var(--acc)}
.eak.archiv{opacity:.62}
.eak .eakkopf{margin-bottom:9px}
.eak .kz1{display:flex;align-items:center;gap:8px;min-width:0}
.eak .kz2{display:flex;align-items:center;gap:5px;min-width:0;margin-top:7px}
.eak .knam{font-weight:600;font-size:var(--t-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eak .kz1 .score{margin-left:auto;flex:none;font:700 var(--t-klein)/1 var(--mono)}
.eak .kz2 .kkonto{margin-left:auto;flex:none;font:500 var(--t-mikro)/1 var(--mono);color:var(--dim)}
.pill{flex:none;font:600 9.5px/1 var(--mono);letter-spacing:.05em;padding:3px 6px;
  border-radius:5px;border:1px solid var(--line2);color:var(--mut);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;max-width:96px}
.eak .pill.cent{color:var(--amber);border-color:color-mix(in srgb, var(--amber) 40%, transparent)}
.eak .pill.live{color:var(--green);border-color:color-mix(in srgb, var(--green) 40%, transparent)}
.eak .pill.archiv{color:var(--red);border-color:color-mix(in srgb, var(--red) 35%, transparent)}
.eak .pill.risk{color:var(--nzton);border-color:color-mix(in srgb, var(--nzton) 38%, transparent)}
.pill.note{color:var(--jrton);border-color:var(--jrkante);background:var(--jrfl)}
.eak .kspark{margin:0 0 10px;line-height:0}
.eak .kspark svg{display:block;width:100%;height:26px}
.eaktab{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:var(--t-klein)}
.eaktab th{font:700 var(--t-mikro)/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;
  color:var(--dim);text-align:right;padding:0 0 6px 10px}
.eaktab th:first-child{text-align:left}
.eaktab td{padding:3px 0 3px 10px;text-align:right;white-space:nowrap}
.eaktab td:first-child{padding-left:0;text-align:left;color:var(--dim);font-family:inherit}
.eaktab tr.stark td{font-weight:700}
.eaktab tr.stark td:first-child{color:var(--mut)}
.eaktab td.stark2{color:var(--text);font-weight:700}
.eaktab td.schwach{color:var(--dim)}
.eaktab td.dimc{color:var(--dim)}
.vwert{font-family:var(--mono)}
.vwert.stark2{color:var(--text);font-weight:700}
.vwert.schwach,.vwert.dimc{color:var(--dim)}
.eaktab td .pz{display:block;font-size:var(--t-mikro);color:var(--dim);font-weight:400;margin-top:1px}
.eakfuss{display:grid;grid-template-columns:1fr auto;gap:3px 12px;margin-top:11px;padding-top:9px;
  border-top:1px solid var(--line);font-size:var(--t-mikro);color:var(--dim)}
.eakfuss span:nth-child(2n){text-align:right}
.eak .favstar{flex:none;cursor:pointer;color:var(--dim);font-size:13px;line-height:1}
.eak .favstar.on{color:var(--amber)}
@media (max-width: 700px){
  #easraster{grid-template-columns:1fr}
}
.ansichtwahl{display:inline-flex;gap:2px;margin-left:10px;padding:3px;
  border:1px solid var(--line2);border-radius:8px;background:var(--panel2)}
.ansichtwahl button{border:0;background:none;color:var(--dim);cursor:pointer;
  padding:5px 8px;border-radius:6px;line-height:0;display:grid;place-items:center}
.ansichtwahl button svg{width:16px;height:16px;fill:none;stroke:currentColor;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ansichtwahl button:hover{color:var(--text)}
.ansichtwahl button.on{background:var(--acc);color:var(--accText)}
.easmehr{grid-column:1/-1;border:1px dashed var(--line2);background:transparent;
  color:var(--mut);border-radius:var(--r);padding:13px;cursor:pointer;
  font:600 var(--t-klein)/1 inherit;transition:border-color .16s ease,color .16s ease}
.easmehr:hover{border-color:var(--acc);color:var(--acc)}
.easmsort { display: none; }
@media (max-width: 700px) {
  .easmsort { display: flex; gap: 8px; width: 100%; margin-bottom: 10px; }
  .easmsort button { flex: 1; border: 1px solid var(--line2); background: transparent;
    border-radius: 999px; padding: 9px 12px; min-height: 44px; font-size: var(--t-text);
    font-weight: 600; color: var(--mut); cursor: pointer; }
  .easmsort button.msg { color: var(--green); border-color: color-mix(in srgb, var(--green) 45%, transparent); }
  .easmsort button.msr { color: var(--red); border-color: color-mix(in srgb, var(--red) 45%, transparent); }
  .easmsort button.msg.on { background: color-mix(in srgb, var(--green) 16%, transparent); }
  .easmsort button.msr.on { background: color-mix(in srgb, var(--red) 14%, transparent); }
  .easkopfz .kfilterzu { display: none; }
  .easkopfz .kfilterpaar { width: 100%; margin-left: 0 !important; }
  .easkopfz .kfilter { display: flex; width: 100%; flex-wrap: nowrap; overflow-x: auto;
    -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .easkopfz .kfilter::-webkit-scrollbar { display: none; }
  .easkopfz .kfilter button { flex: 1 0 auto; white-space: nowrap; }
  .mgz .mgname { font-weight: 700; font-size: 13px; color: var(--text);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
  .mgz .msc { font-family: var(--mono, ui-monospace); font-weight: 800; font-size: 15px; }
  .mgz .msc.g { color: var(--green); } .mgz .msc.y { color: var(--amber); }
  .mgz .msc.r { color: var(--red); } .mgz .msc.b { color: var(--blue); }
  .mgz .msc.dim { color: var(--dim); }
  #easmliste .easmehr { display: block; width: 100%; margin-top: 12px; }
}
.easzeile2{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.easort{display:inline-flex;gap:6px;flex-wrap:wrap}
.easort button{border:1px solid var(--line2);background:transparent;color:var(--mut);
  border-radius:999px;padding:6px 13px;cursor:pointer;font:600 var(--t-klein)/1 inherit;
  transition:border-color .16s ease,color .16s ease,background .16s ease}
.easort button:hover{border-color:var(--acc);color:var(--text)}
.easort button.s-plushoch{color:var(--green);border-color:color-mix(in srgb, var(--green) 45%, transparent)}
.easort button.s-plustief{color:color-mix(in srgb, var(--green) 62%, var(--mut));
  border-color:color-mix(in srgb, var(--green) 22%, transparent)}
.easort button.s-ddhoch{color:color-mix(in srgb, var(--red) 82%, var(--mut));
  border-color:color-mix(in srgb, var(--red) 40%, transparent)}
.easort button.s-ddtief{color:color-mix(in srgb, var(--red) 55%, var(--mut));
  border-color:color-mix(in srgb, var(--red) 20%, transparent)}
.easort button.s-verh{color:var(--blue);border-color:color-mix(in srgb, var(--blue) 45%, transparent)}
.easort button:hover{border-color:currentColor}
.easort button.on{background:color-mix(in srgb, currentColor 14%, transparent);
  border-color:currentColor;font-weight:700}
.easort button.s-plushoch.on,.easort button.s-plustief.on{color:var(--green)}
.easort button.s-ddhoch.on,.easort button.s-ddtief.on{color:var(--red)}
.easort button.s-verh.on{color:var(--blue)}
.easzeile2 .filterhint{margin:0 0 0 auto}
.eaktab .skelz{display:block;height:9px;border-radius:4px;margin:2px 0 2px auto;width:70%}
.eakfuss .skelz{display:inline-block;height:8px;width:54px;border-radius:4px;vertical-align:middle}
.easzeile2 .ohnewert{margin-left:10px;color:var(--dim)}
.eaktab td .pzwarum{color:var(--dim);
  text-decoration:underline dotted var(--line2);text-underline-offset:2px}
.eaktab td .pzwarum:hover{color:var(--mut);text-decoration-color:var(--mut)}
.eaname .stch.note{display:inline-block;margin-left:8px;padding:1px 7px;
  border-radius:99px;font-family:inherit;font-size:10.5px;font-weight:400;letter-spacing:0;
  color:var(--jrton);border:1px solid var(--jrkante);background:var(--jrfl);
  vertical-align:middle;position:relative;top:-1px}
@media (max-width: 700px) {
  .ansichtwahl.nurdesktop { display: none; }
  #easraster { grid-template-columns: 1fr; gap: 12px; }
  .easearch { width: 100%; flex: 1 1 100%; }
  .easzeile2, .card .row .filters-inline, .card .row .ranges {
    overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;
  }
  .easzeile2::-webkit-scrollbar, .card .row .filters-inline::-webkit-scrollbar,
  .card .row .ranges::-webkit-scrollbar { display: none; }
  .easort { flex-wrap: nowrap; }
  .easort button { white-space: nowrap; }
  .easzeile2 .filterhint { margin-left: 10px; white-space: nowrap; }
  .eak .kz2 { overflow-x: auto; scrollbar-width: none; }
  .eak .kz2::-webkit-scrollbar { display: none; }
}
.eas-filter { margin-left: auto; }
@media (max-width: 700px) {
  .card .row:has(.easearch) { flex-wrap: wrap; row-gap: 10px; }
  .easearch { flex: 1 1 100%; width: 100%; }
  .eas-filter { margin-left: 0; flex: 1 1 100%; flex-wrap: nowrap; }
  .card .row:has(.easearch) .ranges { flex: 1 1 100%; flex-wrap: nowrap; }
  .eas-filter button, .card .row:has(.easearch) .ranges button, .easort button {
    min-height: 40px; display: inline-flex; align-items: center;
    white-space: nowrap; flex: none;
  }
}
.tippkasten { position: absolute; z-index: 240; background: var(--panel); color: var(--text);
  border: 1px solid var(--line); border-left: 3px solid var(--acc); border-radius: 12px;
  padding: 12px 14px; font-size: var(--t-text); box-shadow: 0 10px 28px rgba(20, 60, 50, .2); }
.tippkasten::before { content: ''; position: absolute; width: 12px; height: 12px;
  background: var(--panel); left: var(--pfx, 30px); transform: rotate(45deg); }
.tippkasten.oben::before { top: -7px; border-left: 1px solid var(--line); border-top: 1px solid var(--line); }
.tippkasten.unten::before { bottom: -7px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.tippkasten b { display: flex; align-items: center; gap: 7px; margin-bottom: 4px; }
.tippkasten .tippno { background: var(--acc); color: var(--accText); border-radius: 999px;
  font-size: 9.5px; font-weight: 700; padding: 1px 7px; letter-spacing: .04em; flex: none; }
.tippkasten p { margin: 0 0 10px; color: var(--mut); line-height: 1.45; }
.tippkasten .tippfuss { display: flex; align-items: center; justify-content: space-between; }
.tippkasten .tippaus { color: var(--dim); font-size: var(--t-klein); text-decoration: underline;
  background: none; border: 0; cursor: pointer; padding: 4px; }
.conplat { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 4px; }
@media (max-width: 760px) { .conplat { grid-template-columns: 1fr; } }
.conplat .plat { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 18px 20px; }
.platkopf { display: flex; align-items: center; gap: 11px; margin-bottom: 12px; }
.platkopf b { font-size: var(--t-gross); }
.platkopf span:last-child { display: block; font-size: var(--t-klein); color: var(--dim); font-weight: 400; }
.platlogo { width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center;
  font-weight: 800; font-size: 13px; color: #fff; flex: none; }
.platlogo.mt5b { background: linear-gradient(135deg, #1a6ec0, #134f8c); }
.platlogo.mt4b { background: linear-gradient(135deg, #c98a1f, #9a660f); }
.condl { display: flex; align-items: center; gap: 9px; background: color-mix(in srgb, var(--acc) 8%, var(--panel));
  border: 1px solid color-mix(in srgb, var(--acc) 30%, transparent); border-radius: 10px;
  padding: 10px 13px; font-size: var(--t-text); margin-bottom: 9px; color: var(--text); text-decoration: none; }
.condl b { color: var(--acc); }
.condl:hover { border-color: var(--acc); }
.conquell { font-size: var(--t-klein); color: var(--dim); margin-bottom: 4px; }
.conquell a { color: var(--dim); }
.conflow .conphase { margin-bottom: 16px; }
.conflow .conphase:last-child { margin-bottom: 0; }
.conflow .cph { display: flex; align-items: center; gap: 9px; font-size: var(--t-klein); font-weight: 800;
  letter-spacing: .06em; color: var(--acc); text-transform: uppercase; margin-bottom: 6px; }
.conflow .cpn { width: 22px; height: 22px; border-radius: 50%; background: var(--acc); color: var(--accText);
  display: grid; place-items: center; font-size: 11px; flex: none; }
.conflow .cs { display: flex; gap: 10px; padding: 7px 0 7px 31px; font-size: var(--t-text);
  border-bottom: 1px dashed var(--line); align-items: baseline; }
.conflow .conphase .cs:last-child { border-bottom: 0; }
.conflow .cs b { flex: none; width: 210px; }
.conflow .cs span { color: var(--mut); }
.conflow .cs.warn b { color: var(--amber); }
@media (max-width: 700px) { .conflow .cs { flex-direction: column; gap: 2px; } .conflow .cs b { width: auto; } }
.conurlrow { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
.conurl { background: var(--panel2); border: 1px solid var(--line2); border-radius: 9px;
  padding: 8px 14px; font-size: var(--t-gross); font-weight: 700; color: var(--text); }
.conflow .conphase.spaeter .cph { color: var(--dim); }
.conflow .conphase.spaeter .cpn { background: var(--panel2); color: var(--dim); border: 1px solid var(--line2); }
.profava .deckav, .pubava .deckav, .side .avatar .deckav {
  width: 100%; height: 100%; border-radius: inherit; display: block; }
.profava:has(.deckav), .pubava:has(.deckav), .side .avatar:has(.deckav) { padding: 0; overflow: hidden; }
.rnrahmen { display: grid; grid-template-columns: 320px 1fr; gap: 0;
  margin: -18px -22px -22px; min-height: calc(100vh - 60px); align-items: stretch; }
.rnleiste { background: var(--panel); border-right: 1px solid var(--line);
  padding: 20px 22px 28px; }
.rninhalt { padding: 20px 22px 30px; min-width: 0; }
.rnleiste h1 { font-size: var(--t-seite); letter-spacing: -.01em; }
.rnsub { color: var(--mut); font-size: var(--t-text); margin-top: 2px; line-height: 1.5; }
.rng { margin-top: 18px; }
.rnk-l { display: block; margin-bottom: 7px; color: var(--dim);
  font: 600 var(--t-mikro) var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.rnea { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left;
  background: var(--bg2); border: 1px solid var(--line2); border-radius: 9px;
  padding: 10px 12px; color: var(--text); font-size: var(--t-gross); font-weight: 600;
  cursor: pointer; }
.rnea:hover { border-color: var(--acc); }
.rnlupe { width: 15px; height: 15px; flex: none; fill: none; stroke: var(--dim); stroke-width: 2; }
.rnfill { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rnfill.leer { color: var(--dim); font-weight: 400; }
.rnea kbd { font: var(--t-mikro) var(--mono); color: var(--dim);
  border: 1px solid var(--line2); border-radius: 5px; padding: 2px 6px; }
.rnx { color: var(--dim); font-size: 15px; line-height: 1; padding: 2px 5px; border-radius: 5px; }
.rnx:hover { color: var(--red); background: var(--panel2); }
.rnlauf { display: flex; align-items: center; gap: 9px; width: 100%; cursor: pointer;
  background: var(--bg2); border: 1px solid var(--line2); border-radius: 9px;
  padding: 9px 12px; margin-bottom: 7px; color: var(--mut); font-size: var(--t-text); }
.rnlauf:hover { border-color: var(--line); }
.rnlauf.on { border-color: var(--acc); background: var(--acc-dim); }
.rnlauf .nr { font: 600 var(--t-text) var(--mono); color: var(--text); white-space: nowrap; }
.rnlauf .st { font: 600 var(--t-mikro) var(--mono); letter-spacing: .08em;
  text-transform: uppercase; color: var(--dim); white-space: nowrap; }
.rnlauf.on .st { color: var(--acc); }
.rnlauf .n { margin-left: auto; font-size: var(--t-klein); color: var(--dim); white-space: nowrap; }
.rnlauf .rnnote { color: #a98fd6; border: 1px solid color-mix(in srgb, #a98fd6 38%, transparent);
  background: color-mix(in srgb, #a98fd6 12%, transparent); border-radius: 5px;
  padding: 0 5px; font-size: var(--t-mikro); font-weight: 600;
  min-width: 0; flex-shrink: 1;
  max-width: 96px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rnseg { display: flex; border: 1px solid var(--line2); border-radius: 9px; overflow: hidden; }
.rnseg button { flex: 1; background: transparent; border: 0; cursor: pointer;
  border-right: 1px solid var(--line2); color: var(--mut); padding: 7px 3px;
  font-size: var(--t-klein); font-weight: 600; }
.rnseg button:last-child { border-right: 0; }
.rnseg button:hover { color: var(--text); }
.rnseg button.on { background: var(--acc-dim); color: var(--acc); }
.rnzwei { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.rnfeld { background: var(--bg2); border: 1px solid var(--line2); color: var(--text);
  border-radius: 9px; padding: 9px 12px; width: 100%; font: 600 var(--t-gross) var(--mono); }
.rnfeld:focus { outline: none; border-color: var(--acc); }
.rnlot { position: relative; }
.rnlot .rnfeld { border-color: var(--acc); padding-right: 76px; }
.rnfak { position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
  font: 600 var(--t-klein) var(--mono); color: var(--acc); pointer-events: none; }
.rnvorsatz { margin-top: 9px; font-size: var(--t-text); color: var(--mut); line-height: 1.5; }
.rnvorsatz b { color: var(--text); font-weight: 600; }
.rnuebern, .rnzurueck { margin-top: 9px; background: transparent; color: var(--mut);
  border: 1px solid var(--line2); border-radius: 8px; padding: 6px 12px;
  font-size: var(--t-klein); font-weight: 600; cursor: pointer; }
.rnuebern:hover, .rnzurueck:hover { border-color: var(--acc); color: var(--text); }
.rnquelle { margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--line);
  font-size: var(--t-klein); color: var(--dim); }
#rnWarn:not(:empty) { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--line); }
.rnwarn { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap;
  border-radius: 10px; padding: 9px 14px; margin-bottom: 10px;
  font-size: var(--t-text); line-height: 1.5; color: var(--text);
  background: color-mix(in srgb, var(--amber) 9%, transparent);
  border: 1px solid color-mix(in srgb, var(--amber) 34%, transparent); }
.rnwarn .wk { flex: none; color: var(--amber); font: 600 var(--t-mikro) var(--mono);
  letter-spacing: .1em; text-transform: uppercase; }
.rnzone { margin-bottom: 18px; }
.rnkacheln { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.rnkacheln.drei { grid-template-columns: repeat(3, 1fr); }
.rnk { background: var(--panel); border: 1px solid var(--line); border-radius: 11px;
  padding: 11px 14px; min-width: 0; }
.rnkl { font-size: var(--t-text); color: var(--mut); margin-bottom: 2px; }
.rnkv { display: block; width: 100%; background: none; border: 1px solid transparent;
  border-radius: 7px; padding: 1px 5px; margin-left: -6px; color: var(--text);
  font: 600 var(--t-titel) var(--mono); letter-spacing: -.01em; }
input.rnkv:hover { border-color: var(--line2); }
input.rnkv:focus { outline: none; border-color: var(--acc); background: var(--bg2); }
input.rnkv::placeholder { color: var(--dim); font-weight: 400; }
input.rnkv.hand { border-color: var(--amber); }
.rnkv.pos { color: var(--green); } .rnkv.neg { color: var(--red); }
.rnweg { margin-top: 12px; font-size: var(--t-klein); color: var(--dim); line-height: 1.6;
  max-width: 82ch; }
@keyframes rnpuls { 0%, 100% { opacity: .45; } 50% { opacity: .85; } }
.rnlaedt .rnkv, .rnlaedt .rnweg {
  color: transparent !important; border-radius: 6px; animation: rnpuls 1.15s ease-in-out infinite;
  background: linear-gradient(90deg, var(--line) 0%, var(--line2) 50%, var(--line) 100%); }
.rnlaedt .rnkv { min-height: 22px; }
.rnlaedt .rnweg { min-height: 15px; max-width: 60ch; }
.rnlaedt .rnweg + .rnweg { display: none; }
.rnlaedt .i { visibility: hidden; }
.rnlaedt input.rnkv::placeholder { color: transparent; }
@media (prefers-reduced-motion: reduce) { .rnlaedt .rnkv, .rnlaedt .rnweg { animation: none; } }
@media (max-width: 1100px) {
  .rnrahmen { grid-template-columns: 1fr; min-height: 0; }
  .rnleiste { border-right: 0; border-bottom: 1px solid var(--line); }
  .rnkacheln { grid-template-columns: repeat(2, 1fr); }
}
.admk6 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin-bottom: 14px; }
.admkachel { background: var(--panel); border-radius: 7px; box-shadow: var(--heb); padding: 14px 16px; display: flex; gap: 12px; align-items: flex-start; min-width: 0; }
.admkachel .quad { width: 38px; height: 38px; border-radius: 7px; background: var(--panel2); display: grid; place-items: center; font-size: 17px; flex: none; }
.admkachel .z { font-size: 19px; font-weight: 600; line-height: 1.1; font-variant-numeric: tabular-nums; }
.admkachel .z small { font-size: 12px; font-weight: 500; color: var(--dim); }
.admkachel .l { font-size: 13px; color: var(--mut); margin-top: 3px; }
.admkachel .d { font-size: 12px; color: var(--dim); margin-top: 4px; }
.admreihe { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }
.admreihe3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; margin-bottom: 14px; }
.admcard h2 { margin: 0 0 2px; font-size: 14.5px; letter-spacing: .02em; text-transform: none; }
.admcard .h { font-size: 12.5px; color: var(--mut); margin-bottom: 12px; }
.admbalken { display: flex; align-items: flex-end; gap: 4px; height: 120px; border-bottom: 1px solid var(--line); }
.admbalken i { flex: 1; background: var(--acc); border-radius: 3px 3px 0 0; opacity: .85; min-height: 2px; }
.admbalken i.b { background: var(--blau, #2f7fb8); } .admbalken i.g { background: var(--line2, var(--line)); }
.admachse { display: flex; justify-content: space-between; font-size: 11px; color: var(--dim); margin-top: 4px; }
.admleg { display: flex; gap: 14px; font-size: 12px; color: var(--mut); margin-top: 8px; flex-wrap: wrap; }
.admleg i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 5px; vertical-align: -1px; }
.admtab { width: 100%; border-collapse: collapse; font-size: 13px; }
.admtab th { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--dim); text-align: left; padding: 6px 8px; border-bottom: 1px solid var(--line); font-weight: 600; white-space: nowrap; cursor: pointer; user-select: none; }
.admtab th.r, .admtab td.r { text-align: right; font-variant-numeric: tabular-nums; }
.admtab th.on::after { content: " ▾"; }
.admtab td { padding: 8px; border-bottom: 1px solid var(--line); vertical-align: middle; white-space: nowrap; }
.admtab tr:last-child td { border-bottom: 0; }
.admpill { display: inline-block; font-size: 10.5px; font-weight: 700; letter-spacing: .06em; padding: 2px 7px; border-radius: 999px; border: 1px solid var(--line); color: var(--dim); }
.admpill.pro { color: var(--acc); border-color: var(--acc); }
.admpill.eb { color: #8a6a10; border-color: #d9b640; background: #fff6d6; }
.admpill.rot { color: var(--red); border-color: var(--red); } .admpill.gruen { color: var(--green); border-color: var(--green); } .admpill.amb { color: var(--amber); border-color: var(--amber); }
.admsuch { display: flex; gap: 10px; align-items: center; margin-bottom: 10px; flex-wrap: wrap; }
.admsuch input { flex: 1; max-width: 320px; border: 1px solid var(--line); border-radius: 8px; padding: 7px 10px; font: inherit; background: var(--panel2); color: var(--text); }
.admliste { list-style: none; margin: 0; padding: 0; }
.admliste li { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px solid var(--line); font-size: 13px; }
.admliste li:last-child { border-bottom: 0; }
.admliste .bar { height: 5px; background: var(--panel2); border-radius: 3px; overflow: hidden; margin: 4px 0 2px; }
.admliste .bar i { display: block; height: 100%; background: var(--acc); }
.admkv { display: grid; grid-template-columns: auto 1fr; gap: 4px 14px; font-size: 13px; }
.admkv b { font-weight: 500; color: var(--mut); }
.admkv span { font-variant-numeric: tabular-nums; }
@media (max-width: 1100px) { .admk6 { grid-template-columns: repeat(3, 1fr); } .admreihe, .admreihe3 { grid-template-columns: 1fr; } }
@media (max-width: 699px) { .admk6 { grid-template-columns: repeat(2, 1fr); } }
.admscroll { max-height: 462px; overflow: auto; }
.admscroll thead th { position: sticky; top: 0; background: var(--panel); }
.rnabschn { margin-bottom: 26px; }
.rneyebrow { margin-bottom: 8px; padding-left: 10px; border-left: 3px solid var(--acc); color: var(--acc); }
.rnkarte { margin: 0; min-height: 0; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: var(--panel); }
.rnkarte .rninhalt { background: var(--bg); }
.rnstep { display: flex; align-items: center; gap: 8px; }
.rnstep button { width: 38px; height: 38px; flex: none; border-radius: 9px; border: 1px solid var(--line2); background: var(--panel); color: var(--acc); font-size: 20px; line-height: 1; cursor: pointer; }
.rnstep button:hover { border-color: var(--acc); }
.rnstep .rnfeld { text-align: center; font-weight: 600; font-size: 16px; }
.rnpillen { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
.rnpillen button { font: inherit; font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--line2); background: transparent; color: var(--mut); cursor: pointer; }
.rnpillen button.on { background: var(--acc); color: var(--accText); border-color: var(--acc); }
.rnks { font-size: var(--t-klein); color: var(--dim); margin-top: 2px; }
.rnk.gruen { background: var(--acc-dim); border-color: var(--acc); }
.lrtab td.r, .lrtab th.r { text-align: right; }
.laeut svg, .laeut.ic { animation: glockeLaeuten .9s cubic-bezier(.36,.07,.19,.97) both; transform-origin: 50% 15%; }
.laeut .navzahl, .laeut + .navzahl { animation: zahlPop .45s cubic-bezier(.2,1.4,.4,1) both; }
@keyframes glockeLaeuten { 0% { transform: rotate(0); } 15% { transform: rotate(14deg); } 30% { transform: rotate(-12deg); }
  45% { transform: rotate(9deg); } 60% { transform: rotate(-6deg); } 75% { transform: rotate(3deg); } 100% { transform: rotate(0); } }
@keyframes zahlPop { 0% { transform: scale(.6); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }
.laedt .logo .lgi circle { animation: logoDreh 1.4s linear infinite; transform-origin: 24px 24px; }
.laedt .logo .lgi path { stroke-dasharray: 32; animation: logoHaken 1.4s ease-in-out infinite; }
@keyframes logoDreh { from { transform: rotate(-90deg); } to { transform: rotate(270deg); } }
@keyframes logoHaken { 0% { stroke-dashoffset: 32; opacity: 1; } 55% { stroke-dashoffset: 0; opacity: 1; } 80% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .laeut svg, .laeut.ic, .laeut .navzahl, .laeut + .navzahl, .laedt .logo .lgi circle, .laedt .logo .lgi path { animation: none; }
}
.mqv { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; margin-top: 10px; }
.mqh, .mqz { display: grid; grid-template-columns: 1fr 78px 82px; gap: 6px; align-items: center; padding: 10px 12px; border-bottom: 1px solid var(--line); }
.mqz:last-child { border-bottom: 0; }
.mqz { color: var(--text); text-decoration: none; font-size: 13.5px; min-height: 44px; }
.mqh { background: var(--panel2); padding: 6px 12px; }
.mqh button { font: 600 var(--t-mikro) var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--dim); background: none; border: 0; padding: 4px 0; text-align: left; cursor: pointer; }
.mqh button:nth-child(2), .mqh button:nth-child(3) { text-align: right; }
.mqh button.on { color: var(--acc); }
.mqn { display: flex; align-items: center; gap: 6px; min-width: 0; }
.mqn b { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 0 1 auto; }
.mqn .stagechip { flex: none; }
.mqv1, .mqv2 { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mqman .mqn b { color: var(--dim); font-weight: 400; }
.mqfuss { font-size: var(--t-klein); color: var(--dim); margin: 8px 2px 0; line-height: 1.5; }
#testStreifen { position: sticky; top: 0; z-index: 9999; background: var(--amber); color: #1a1000; font-size: 12.5px; font-weight: 600; text-align: center; padding: 5px 10px; }
.pmtextbox { margin-top: 12px; }
.pmtextbox label { display: block; margin-bottom: 6px; font-size: var(--t-text); }
.pmtext { width: 100%; min-height: 112px; resize: vertical; font-family: ui-monospace, Menlo, monospace; font-size: 12.5px; line-height: 1.5; border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; background: var(--panel); color: var(--text); }
.pmdateizeile { display: flex; gap: 8px; align-items: center; margin-top: 6px; font-size: var(--t-klein); }
.pmdateizeile .btn { white-space: nowrap; }
.pmtextinfo { margin-top: 6px; font-size: var(--t-klein); color: var(--amber); font-family: ui-monospace, Menlo, monospace; min-height: 1em; }
.stmarke { border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; margin-top: 8px; }
.stmarke.aktuell { border-color: color-mix(in srgb, var(--lila, #7a5cc4) 40%, var(--line)); background: color-mix(in srgb, var(--lila, #7a5cc4) 5%, var(--panel)); }
.stkopf { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.stdat { width: 62px; font-size: var(--t-klein); }
.stn { margin-left: auto; font-size: var(--t-klein); }
.setz { margin: 8px 0 0 72px; display: grid; grid-template-columns: auto 1fr; gap: 3px 14px; font-family: ui-monospace, Menlo, monospace; font-size: 12.5px; }
.setz .k { color: var(--mut); }
.setz .v.diff { background: color-mix(in srgb, var(--amber) 18%, var(--panel)); padding: 0 5px; border-radius: 4px; }
.stneu { font-style: normal; color: var(--acc); font-size: var(--t-klein); }
.stleer, .stdatei { margin: 6px 0 0 72px; font-size: var(--t-klein); }
.stdetails { margin: 6px 0 0 72px; font-size: var(--t-klein); }
.stdetails summary { cursor: pointer; color: var(--mut); }
.stdetails .setz { margin-left: 0; }
.stvglbox { margin-top: 14px; border-top: 1px solid var(--line2); padding-top: 12px; }
.stvglkopf { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; font-size: var(--t-text); }
.stvglkopf .stnur { margin-left: auto; }
.stsel { font: inherit; font-size: var(--t-text); padding: 4px 8px; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); color: var(--text); }
.stvgl { border-collapse: collapse; width: 100%; font-size: 12.5px; }
.stvgl th { text-align: left; font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--dim); font-weight: 600; padding: 6px 8px; border-bottom: 1px solid var(--line); }
.stvgl td { padding: 6px 8px; border-bottom: 1px solid var(--line2); font-family: ui-monospace, Menlo, monospace; }
.stvgl td:first-child { font-family: inherit; color: var(--mut); }
.stvgl tr.diff td { background: color-mix(in srgb, var(--amber) 10%, var(--panel)); }
.stvgl tr.diff td:not(:first-child) { font-weight: 600; }
.stvgl tr.gleich td { color: var(--dim); }
.stlegende { margin-top: 10px; font-size: var(--t-klein); line-height: 1.5; }
@media (max-width: 700px) { .setz, .stleer, .stdatei, .stdetails { margin-left: 0; } }
.modal.breit { max-width: 760px; width: min(760px, calc(100vw - 32px)); }
.pmtextpaar { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: stretch; }
.pmtextpaar .pmtext { min-height: 150px; }
.pmvorschau { border: 1px dashed var(--line); border-radius: 8px; padding: 8px 10px; font-size: var(--t-klein); overflow: auto; max-height: 260px; }
.pmvorschau .setz { margin: 0; }
@media (max-width: 700px) { .pmtextpaar { grid-template-columns: 1fr; } }
.stnamen { display: flex; align-items: center; gap: 10px; margin-top: 12px; font-size: var(--t-klein); }
.setz .stgruppe { grid-column: 1 / -1; margin-top: 6px; padding-top: 4px; border-top: 1px solid var(--line2); font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--dim); font-family: inherit; }
.setz .stgruppe:first-child { margin-top: 0; border-top: 0; padding-top: 0; }
.pmwahl { margin-top: 14px; border: 1px solid var(--line); border-radius: 10px; padding: 12px 14px; }
.pmwahlfrage { font-weight: 600; margin-bottom: 8px; }
.modal label.pmwahlopt, .pmwahlopt { display: flex; gap: 10px; align-items: flex-start; padding: 6px 0; margin: 0; cursor: pointer; font-size: var(--t-text); text-transform: none; letter-spacing: 0; color: var(--text); }
.pmwahlopt b { font-weight: 600; }
.pmwahlopt input { margin-top: 3px; }
.pmwahlopt small { display: block; color: var(--mut); }
.shvor.shsetsvor { display: block; }
.shsetsvor .shset { margin-top: 8px; font-size: var(--t-klein); }
.shsetsvor .setz { margin: 4px 0 0; font-size: 11.5px; max-height: 180px; overflow: auto; }