/* Carbo Farm CO₂-Cockpit – dunkles Profi-Cockpit mit hellem Modus. Farben Carbo Farm #009FE3 / #006A9C, Schrift Inter. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 500;font-display:swap;src:url(../fonts/inter-Regular.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600 700;font-display:swap;src:url(../fonts/inter-SemiBold.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:800 900;font-display:swap;src:url(../fonts/inter-ExtraBold.woff2) format('woff2')}
:root{
  --bg:#eef3f7;--bg2:#e4ecf2;--panel:#ffffff;--panel2:#f6f9fb;--line:#d5e0e8;--ink:#0c1a24;--ink2:#4a5d6b;--mut:#6b7d8a;
  --acc:#006A9C;--acc2:#009FE3;--accInk:#ffffff;--glow:rgba(0,159,227,.18);
  --s1:#e2703f;--s2:#d9a514;--s3u:#0a8fcf;--s3d:#7b61d9;--s4:#14a37a;
  --good:#16955f;--warn:#c98a0b;--bad:#d2493a;--perm:#3d4a57;--cfs:#5b8f3a;--soilred:#1f7fa8;--prod:#a0662f;
  --shadow:0 1px 2px rgba(12,26,36,.06),0 6px 22px rgba(12,26,36,.06);color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#071019;--bg2:#0b1822;--panel:#0f1d29;--panel2:#132433;--line:#20364a;--ink:#e6f0f7;--ink2:#a6bccb;--mut:#7f97a8;
  --acc:#45c6ff;--acc2:#009FE3;--accInk:#04121b;--glow:rgba(69,198,255,.22);
  --s1:#ff8a57;--s2:#f5c84c;--s3u:#45c6ff;--s3d:#a48bff;--s4:#3fe0a6;
  --good:#4fdc95;--warn:#f5c04c;--bad:#ff6f5e;--perm:#9fb3c4;--cfs:#9bd25b;--soilred:#5ec8f0;--prod:#e0a96a;
  --shadow:0 1px 0 rgba(255,255,255,.03) inset,0 10px 30px rgba(0,0,0,.35);color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#071019;--bg2:#0b1822;--panel:#0f1d29;--panel2:#132433;--line:#20364a;--ink:#e6f0f7;--ink2:#a6bccb;--mut:#7f97a8;
  --acc:#45c6ff;--acc2:#009FE3;--accInk:#04121b;--glow:rgba(69,198,255,.22);
  --s1:#ff8a57;--s2:#f5c84c;--s3u:#45c6ff;--s3d:#a48bff;--s4:#3fe0a6;
  --good:#4fdc95;--warn:#f5c04c;--bad:#ff6f5e;--perm:#9fb3c4;--cfs:#9bd25b;--soilred:#5ec8f0;--prod:#e0a96a;
  --shadow:0 1px 0 rgba(255,255,255,.03) inset,0 10px 30px rgba(0,0,0,.35);color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);background-image:radial-gradient(1200px 500px at 85% -10%,var(--glow),transparent 60%),radial-gradient(900px 400px at -10% 10%,var(--glow),transparent 60%);background-attachment:fixed;color:var(--ink);font:15px/1.5 'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;overflow-x:hidden}
a{color:var(--acc)}a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--acc2);outline-offset:2px;border-radius:6px}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:50;background:var(--panel);padding:10px 14px;border-radius:8px}
.wrap{max-width:1240px;margin:0 auto;padding:0 16px}
/* Kopf */
header.top{display:flex;align-items:center;gap:14px;padding:12px 0;flex-wrap:wrap}
.brand img{height:42px;width:auto;display:block}.brand .lg-d{display:none}
.kv,.ks,.tbl td,.kv4 dd,svg text,.sumlist b,.rng b,.step b{font-variant-numeric:tabular-nums}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .brand .lg-l{display:none}:root:not([data-theme="light"]) .brand .lg-d{display:block}}
:root[data-theme="dark"] .brand .lg-l{display:none}:root[data-theme="dark"] .brand .lg-d{display:block}
.ttl{display:flex;flex-direction:column;min-width:0;flex:1}.ttl b{font-size:1.25rem;font-weight:800;letter-spacing:-.01em}.ttl span{color:var(--ink2);font-size:.85rem}
.ctl{display:flex;gap:6px;flex-wrap:wrap}
.tg{min-height:44px;min-width:44px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:600 .85rem 'Inter',sans-serif;cursor:pointer}
.tg.on{background:var(--acc);color:var(--accInk);border-color:var(--acc)}
/* Kacheln */
.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:6px 0 14px}
.kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow);min-width:0;position:relative;overflow:hidden}
.kpi::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--acc2),transparent)}
.kpi.k-main{background:linear-gradient(160deg,var(--panel2),var(--panel))}
.kpi.k-sep{border-style:dashed}.kpi.k-sep::before{background:linear-gradient(90deg,var(--s4),transparent)}
.kl{font-size:.75rem;color:var(--ink2);text-transform:uppercase;letter-spacing:.04em;font-weight:600;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.kv{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.15}.kv.sm{font-size:1.05rem;line-height:1.3;overflow-wrap:anywhere}
.ku,.ks{font-size:.78rem;color:var(--mut)}
.sbar{display:flex;height:12px;border-radius:6px;overflow:hidden;margin:8px 0 4px;background:var(--bg2)}.sbar i{display:block;height:100%}
.c-s1{background:var(--s1)}.c-s2{background:var(--s2)}.c-s3u{background:var(--s3u)}.c-s3d{background:var(--s3d)}.c-s4{background:var(--s4)}.c-inv{background:var(--ink2)}
.c1t{color:var(--s1)}.c2t{color:var(--s2)}.c3t{color:var(--s3u)}
/* Reiter */
.tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);padding:8px 0;margin:0 -16px;padding-left:16px;padding-right:16px;border-bottom:1px solid var(--line)}
.tabs button{flex:0 0 auto;min-height:44px;padding:0 14px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--ink2);font:600 .9rem 'Inter',sans-serif;cursor:pointer;display:flex;gap:7px;align-items:center;white-space:nowrap}
.tabs button span{opacity:.7}
.tabs button[aria-selected="true"]{background:var(--panel);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow)}
.tabs button[aria-selected="true"] span{color:var(--acc);opacity:1}
main{padding:16px 0 30px;min-height:60vh;min-height:60svh}
.ph{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:6px 0 4px}.ph h2{margin:0;font-size:1.45rem;font-weight:800;letter-spacing:-.015em}
.bdg{display:flex;gap:6px;flex-wrap:wrap}
.badge{display:inline-block;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--ink2);background:var(--panel2);white-space:nowrap;text-transform:none;letter-spacing:0}
.badge.est{border-color:var(--warn);color:var(--warn)}.badge.sep{border-color:var(--s4);color:var(--s4);border-style:dashed}.badge.own{border-color:var(--acc);color:var(--acc)}
.lead{color:var(--ink2);margin:2px 0 14px;max-width:70ch}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow);margin-bottom:14px;min-width:0}
.card h3{margin:0 0 6px;font-size:1.02rem}.h3s{margin:18px 0 2px}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:14px}
.grid-meas,.grid-norm{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.grid-prob{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}
.grid-po{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.grid-pe{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.grid-path{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px}
.small{font-size:.85rem}.muted{color:var(--mut)}.note{font-size:.82rem;color:var(--ink2);background:var(--panel2);border-radius:10px;padding:8px 10px}
.src{color:var(--mut);overflow-wrap:anywhere}.src a{color:var(--ink2)}
.good{color:var(--good)}.warnc{color:var(--warn)}
.warn{border-left:4px solid var(--warn);background:var(--panel2);padding:10px 12px;border-radius:8px;font-weight:600}
.honest{border-left:4px solid var(--acc2);background:var(--panel2);padding:10px 12px;border-radius:8px}
.status{background:var(--panel);border:1px dashed var(--s4);border-radius:12px;padding:10px 12px;font-size:.88rem}
.motto{font-size:1.25rem;font-weight:800;margin:4px 0 0;color:var(--acc)}
/* Formulare */
fieldset{border:0;padding:0;margin:0 0 12px;min-width:0}legend{font-size:.8rem;font-weight:700;color:var(--ink2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}
.chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.chip{min-height:44px;display:flex;gap:8px;align-items:center;text-align:left;padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);font:600 .84rem 'Inter',sans-serif;cursor:pointer;line-height:1.2}
.chip.on{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 14%,var(--panel));box-shadow:0 0 0 1px var(--acc) inset}
.seg{display:flex;flex-wrap:wrap;gap:6px}.seg legend{width:100%}
.sg{min-height:44px;min-width:48px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);font:600 .84rem 'Inter',sans-serif;cursor:pointer}
.sg.on{background:var(--acc);border-color:var(--acc);color:var(--accInk)}
.row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.f{display:flex;flex-direction:column;gap:4px;font-size:.8rem;font-weight:600;color:var(--ink2);min-width:0}
.in{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--panel2);min-height:44px;padding:0 10px;gap:6px}
.in:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px var(--glow)}
.in input{flex:1;min-width:0;min-height:44px;border:0;background:transparent;color:var(--ink);font:600 1rem 'Inter',sans-serif;padding:0;outline:none}
.in small{color:var(--mut);font-weight:500}
select{min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--ink);font:600 .95rem 'Inter',sans-serif;padding:0 8px;width:100%}
.owng{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:8px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--acc);background:var(--acc);color:var(--accInk);font:700 .9rem 'Inter',sans-serif;cursor:pointer;text-decoration:none}
.btn.ghost{background:transparent;color:var(--acc)}.btn.pri{background:linear-gradient(135deg,var(--acc2),var(--acc));border-color:transparent;color:#fff}
.bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
details.more{margin-top:8px}details.more summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px;font-weight:600;color:var(--acc);font-size:.88rem;list-style:none}
details.more summary::-webkit-details-marker{display:none}details.more[open] summary span{transform:rotate(180deg)}details.more summary span{transition:transform .2s;display:inline-block}
.more-b{padding:4px 0 2px}
/* Tabellen */
.tw{overflow-x:auto;max-width:100%}.tbl{width:100%;border-collapse:collapse;font-size:.84rem}.tbl th,.tbl td{border-bottom:1px solid var(--line);padding:7px 8px;text-align:left;vertical-align:top}
.tbl thead th{color:var(--ink2);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.tbl td:nth-child(2),.tbl td:nth-child(3),.tbl td:nth-child(4){white-space:nowrap}.tbl tr.zero{opacity:.55}.tbl td.src{min-width:180px}
/* Diagramme */
.chart{width:100%;min-height:120px}
svg text{font-family:'Inter',sans-serif;fill:var(--ink)}
svg .lb{font-size:12px;font-weight:600}svg .lv{font-size:11px;fill:var(--ink2);font-weight:500}svg .tk{font-size:11px;fill:var(--mut)}svg .tk.good{fill:var(--good)}svg .tk.bad{fill:var(--bad)}
svg .grid{stroke:var(--line);stroke-width:1}svg .ax0{stroke:var(--ink2);stroke-width:1.2}
.sk .flow{opacity:.42;transition:opacity .2s}.sk .flow:hover,.sk .flow.hot{opacity:.75}.sk .hotn{filter:drop-shadow(0 0 6px var(--bad))}
rect.mac{stroke-width:1.2;cursor:pointer;transition:fill .2s,opacity .2s;fill-opacity:.16}rect.mac.amp-g{fill:var(--good);stroke:var(--good)}rect.mac.amp-y{fill:var(--warn);stroke:var(--warn)}rect.mac.amp-r{fill:var(--bad);stroke:var(--bad)}rect.mac.on{fill-opacity:.95}
rect.mac:hover,rect.mac:focus{fill-opacity:.6;stroke-width:2.5;stroke:var(--acc)}rect.mac.on:hover{fill-opacity:1}
.pc .base{stroke:var(--ink2);stroke-width:1.5;stroke-dasharray:3 4;fill:none}.pc .tgt{stroke:var(--acc);stroke-width:2.5;stroke-dasharray:7 5;fill:none}.pc .em{stroke:var(--ink);stroke-width:3;fill:none}
.pc .wedge{opacity:.78}.pc .wedge:hover{opacity:1}.pc .m30{fill:var(--ink2);opacity:.4}.pc .cx{stroke:var(--ink2);stroke-dasharray:2 3}.pc .em-d{fill:var(--ink)}
.dot{stroke:var(--panel);stroke-width:2}.dot.a-g{fill:var(--good)}.dot.a-y{fill:var(--warn)}.dot.a-r{fill:var(--bad)}
.lg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.78rem;color:var(--ink2);margin-top:8px}.lg span{display:inline-flex;align-items:center;gap:6px}
.lgl{display:inline-block;width:22px;height:0;border-top:3px solid var(--ink)}.lgl.base{border-top:2px dashed var(--ink2)}.lgl.tgt{border-top:3px dashed var(--acc)}.lgb{display:inline-block;width:12px;height:12px;border-radius:3px}
@media (prefers-reduced-motion:no-preference){
  .sk .flow{stroke-dasharray:2000;stroke-dashoffset:2000;animation:draw 1s ease-out forwards;animation-delay:calc(var(--i)*40ms)}
  rect.mac{transform-box:fill-box;transform-origin:bottom;animation:pop .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*35ms)}
  rect.mac.neg{transform-origin:top}
  .pc .wedge{animation:fade .6s ease-out both;animation-delay:calc(var(--i)*60ms)}.pc .em{stroke-dasharray:3000;stroke-dashoffset:3000;animation:draw 1.2s ease-out forwards}
  .qb{transform-box:fill-box;transform-origin:center;animation:pop .5s ease-out both;animation-delay:calc(var(--i)*60ms)}
  .card{animation:rise .35s ease-out both}
}
@keyframes draw{to{stroke-dashoffset:0}}@keyframes pop{from{transform:scale(1,0)}to{transform:none}}@keyframes fade{from{opacity:0}}@keyframes rise{from{opacity:0;transform:translateY(6px)}}
.tip{position:fixed;z-index:60;max-width:280px;background:var(--ink);color:var(--bg);font-size:.8rem;font-weight:600;padding:7px 10px;border-radius:8px;pointer-events:none;box-shadow:0 6px 20px rgba(0,0,0,.25)}
/* Ampel */
.amp{display:inline-block;width:11px;height:11px;border-radius:50%;vertical-align:middle;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent)}
.amp-g{background:var(--good);color:var(--good)}.amp-y{background:var(--warn);color:var(--warn)}.amp-r{background:var(--bad);color:var(--bad)}
.amp-card{display:flex;flex-direction:column;gap:4px}.amp-card b{font-size:1.15rem}.amp-card.a-g{border-color:var(--good)}.amp-card.a-y{border-color:var(--warn)}.amp-card.a-r{border-color:var(--bad)}
.pside{display:flex;flex-direction:column}
/* Probleme */
.prob{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px}.pi{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--panel2);font-size:1.3rem;border:1px solid var(--line)}
.prob p{margin:4px 0}.cons{font-size:.88rem;border-radius:10px;padding:8px 10px;background:var(--panel2)}.cons span{font-weight:800;margin-right:4px}
.cons.eur span{color:var(--bad)}.cons.risk span{color:var(--warn)}
/* Maßnahmen */
.meas header{display:flex;gap:10px;align-items:center}.meas header h3{flex:1;margin:0}.mi{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line)}
.meas.on{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc) inset,var(--shadow)}
.meas .kv4{grid-template-columns:repeat(2,minmax(0,1fr))}.kv4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.kv4 div{background:var(--panel2);border-radius:10px;padding:6px 8px;min-width:0}.kv4 dt{font-size:.68rem;color:var(--mut);text-transform:uppercase;letter-spacing:.03em}.kv4 dd{margin:0;font-weight:700;font-size:.88rem;overflow-wrap:anywhere}
.dots{display:inline-flex;gap:3px}.dots i{width:8px;height:8px;border-radius:50%;background:var(--line)}.dots.d1 i:nth-child(-n+1),.dots.d2 i:nth-child(-n+2),.dots.d3 i:nth-child(-n+3){background:var(--acc)}
.mf{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap}
.sw{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 12px 0 6px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);font:700 .84rem 'Inter',sans-serif;cursor:pointer;margin-left:auto}
.sw span{width:38px;height:22px;border-radius:999px;background:var(--line);position:relative;transition:background .2s}.sw span::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s}
.sw[aria-checked="true"]{border-color:var(--acc)}.sw[aria-checked="true"] span{background:var(--acc)}.sw[aria-checked="true"] span::after{left:19px}
.sepn{border:1px dashed var(--s4);border-radius:8px;padding:6px 8px}
/* Scope 4 */
.s4r{border:2px dashed var(--s4);display:flex;flex-direction:column;gap:6px}.cmp{display:flex;flex-direction:column;gap:8px;margin-top:8px}.cmp div{display:flex;flex-direction:column;gap:3px;font-size:.8rem;color:var(--ink2)}.cmp i{display:block;height:14px;border-radius:7px;min-width:3px}
.chk{list-style:none;padding:0;margin:6px 0}.chk li{padding:4px 0 4px 26px;position:relative}.chk li::before{content:"✓";position:absolute;left:4px;color:var(--good);font-weight:800}
/* Portfolio */
.po header{display:flex;flex-direction:column;gap:6px}.po h3{margin:0}
.crcf{align-self:flex-start;font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:999px;color:#fff}
.crcf.c-perm,.unit.c-perm{--u:var(--perm)}.crcf.c-cfs,.unit.c-cfs{--u:var(--cfs)}.crcf.c-soilred,.unit.c-soilred{--u:var(--soilred)}.unit.c-prod{--u:var(--prod)}
.crcf{background:var(--u)}:root[data-theme="dark"] .crcf{color:#06121a}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .crcf{color:#06121a}}
.meters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}.meters div{display:flex;flex-direction:column;gap:3px;font-size:.72rem;color:var(--mut)}
.mt{display:flex;gap:2px}.mt i{flex:1;height:7px;border-radius:3px;background:var(--line)}.mt i.f{background:var(--perm)}.mt.sp i.f{background:var(--soilred)}
.cob{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.cob span{font-size:.72rem;padding:2px 8px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);color:var(--ink2)}
.rng{display:flex;flex-direction:column;gap:4px;font-size:.84rem;margin-top:6px}
input[type=range]{width:100%;height:44px;accent-color:var(--acc);margin:0}
.po-kohle{border-top:4px solid var(--perm)}.po-moor{border-top:4px solid var(--soilred)}.po-hecke,.po-humus{border-top:4px solid var(--cfs)}
.pe{border-style:dashed}.step{display:flex;align-items:center;gap:10px;margin:8px 0}.stp{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);font:800 1.2rem 'Inter',sans-serif;cursor:pointer}
.bud{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.bud .f{flex:1 1 200px}
.pmix{display:flex;height:22px;border-radius:8px;overflow:hidden;gap:2px;margin:6px 0}.pmix i{display:block;min-width:0}
.pm-kohle{background:var(--perm);fill:var(--perm)}.pm-moor{background:var(--soilred);fill:var(--soilred)}.pm-hecke{background:#3f9a6b;fill:#3f9a6b}.pm-humus{background:var(--cfs);fill:var(--cfs)}.pm-empty{background:var(--line)}
.qb{fill-opacity:.85;stroke:var(--panel);stroke-width:2}.qb.empty{fill-opacity:.12;stroke:var(--ink2);stroke-dasharray:3 3}
.oxb{position:relative;height:14px;border-radius:7px;background:var(--bg2);overflow:hidden;margin:6px 0}.ox-t{position:absolute;inset:0 auto 0 0;border-right:3px solid var(--acc);background:transparent;height:100%}.ox-u{height:100%;background:var(--perm);opacity:.85}
.claims h4{margin:6px 0}.claims h4.ok{color:var(--good)}.claims h4.no{color:var(--bad)}.claims ul{list-style:none;padding:0;margin:0}.claims li{padding:6px 10px;border-radius:8px;margin:4px 0;font-size:.88rem}
.claims li.ok{background:color-mix(in srgb,var(--good) 12%,transparent)}.claims li.no{background:color-mix(in srgb,var(--bad) 12%,transparent);text-decoration:line-through;text-decoration-color:var(--bad)}
/* Normen */
.units{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.unit{border:1px solid var(--line);border-left:5px solid var(--u);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;background:var(--panel2)}
.qual{display:grid;gap:8px}.q{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:start}.q b{font-size:1.1rem;font-weight:900;color:var(--acc);background:var(--panel2);border-radius:10px;text-align:center;padding:6px 0}.q span{font-size:.86rem}
.tl{list-style:none;padding:0;margin:0;border-left:2px solid var(--line)}.tl li{padding:4px 0 10px 14px;position:relative;display:flex;flex-direction:column}.tl li::before{content:"";position:absolute;left:-7px;top:9px;width:12px;height:12px;border-radius:50%;background:var(--acc)}.tl time{font-size:.75rem;color:var(--mut);font-weight:700}
.norm h3{font-size:.98rem}.norm p{margin:4px 0}
/* Ergebnis */
.sumlist{list-style:none;padding:0;margin:0}.sumlist li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:.9rem}.sumlist li span{color:var(--ink2)}.sumlist li b{text-align:right}.sumlist li.sepl{border-bottom-style:dashed}
.btns{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.btns.big .btn{flex:1 1 220px}
.phone{font-size:.9rem}.sel{user-select:all;-webkit-user-select:all;font-weight:700;background:var(--panel2);padding:2px 6px;border-radius:6px}
footer{border-top:1px solid var(--line);padding:16px 0 30px;color:var(--ink2);font-size:.85rem}footer a{color:var(--ink2)}
/* Responsiv */
@media (max-width:1100px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.grid2,.grid-path{grid-template-columns:minmax(0,1fr)}.pside{flex-direction:row;gap:14px}.pside .card{flex:1}}
@media (max-width:560px){
  body{font-size:15px}.kv.sm{font-size:.95rem}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi{padding:10px 11px}.kv{font-size:1.4rem}.kpi.k-main{grid-column:1/-1}
  .row3{grid-template-columns:1fr 1fr}.row3 .f:last-child{grid-column:1/-1}.row2{grid-template-columns:1fr}
  .chips{grid-template-columns:1fr 1fr}.kv4{grid-template-columns:1fr 1fr}.pside{flex-direction:column;gap:0}
  .brand img{height:34px}.ttl b{font-size:1.1rem}.ctl{width:100%}.ctl .tg{flex:1}
  .grid-prob,.grid-meas,.grid-norm,.grid-po,.grid-pe{grid-template-columns:minmax(0,1fr)}.card{padding:13px}.ph h2{font-size:1.25rem}
  .tbl{font-size:.78rem}
}

.verdict{margin:4px 0 12px;padding:10px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-size:.92rem;box-shadow:var(--shadow)}
.nextb{display:flex;justify-content:flex-end;margin-top:8px}
.bud .tiers{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:1 1 100%}.bud .tiers .btn{min-height:44px}.bud .tiers>.small.muted{flex:1 1 260px}
/* Bank: finanzierte Emissionen (PCAF) */
.card.bank .row3{margin-bottom:10px}
.bkres{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:16px;align-items:start;margin:8px 0 10px;padding:12px;border-radius:12px;background:var(--panel2);border:1px dashed var(--warn)}
.bkv{display:flex;flex-direction:column;gap:2px;min-width:0}.bkv .kv{font-size:1.8rem;font-weight:800;line-height:1.1}
.bkbars p{margin:4px 0}.rb{position:relative;height:14px;border-radius:7px;background:var(--bg2);margin:0 0 6px}
.rb i{position:absolute;top:0;bottom:0;border-radius:7px}.rb i.today{background:color-mix(in srgb,var(--warn) 55%,transparent)}.rb i.dq3{background:color-mix(in srgb,var(--good) 65%,transparent)}
.rb b{position:absolute;top:-3px;bottom:-3px;width:3px;margin-left:-1.5px;background:var(--ink);border-radius:2px}
/* Ihr nächster Schritt */
.nextstep{border:1px solid var(--acc);background:linear-gradient(160deg,color-mix(in srgb,var(--acc2) 10%,var(--panel)),var(--panel));margin-top:18px}
.nextstep h3{margin:0 0 6px;color:var(--acc)}.nextstep p{margin:0 0 6px;max-width:72ch}
@media (max-width:560px){.bkres{grid-template-columns:minmax(0,1fr)}}
/* ---------- Cockpit 2: geführter Start, Summenzeile, Ihre Werte, „So gerechnet“ ---------- */
[hidden]{display:none!important}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.stick{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin:0 -16px;padding:0 16px;border-bottom:1px solid var(--line)}
.stick .tabs{position:static;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0}
.sumbar{padding-top:8px}
.sb{width:100%;display:flex;align-items:center;gap:4px 10px;flex-wrap:wrap;min-height:46px;padding:6px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;text-align:left;box-shadow:var(--shadow)}
.sb:hover{border-color:var(--acc)}
.sbl{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:var(--ink2)}
.sbv{font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.sbu,.sbo{font-size:.78rem;color:var(--mut)}
.sbd{font-size:.8rem;font-weight:800;padding:1px 8px;border-radius:999px;font-variant-numeric:tabular-nums}
.sbd.dn{color:var(--good);background:color-mix(in srgb,var(--good) 15%,transparent)}.sbd.up{color:var(--bad);background:color-mix(in srgb,var(--bad) 13%,transparent)}
.sbh{margin-left:auto;color:var(--acc);font-weight:700;font-size:.84rem;white-space:nowrap}
button.kpi{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}
button.kpi:hover{border-color:var(--acc)}
.why-l{color:var(--acc)!important;font-weight:700;margin-top:2px}
.badge.ex{border-color:var(--bad);color:var(--bad);font-weight:800}
.badge.q-g{border-color:var(--good);color:var(--good)}.badge.q-y{border-color:var(--acc);color:var(--acc)}
.dqv{display:block;margin-top:4px;font-size:.85rem;color:var(--ink2)}
/* Assistent */
.wz{max-width:880px;margin:0 auto 14px;padding:20px}
.wz h2{margin:0 0 4px;font-size:1.45rem;font-weight:800;letter-spacing:-.015em}
.wzq{margin:16px 0 0}
.wzq legend{display:flex;align-items:center;gap:10px;text-transform:none;letter-spacing:0;font-size:1.02rem;color:var(--ink);margin-bottom:8px}
.wzq .n{width:28px;height:28px;border-radius:50%;background:var(--acc);color:var(--accInk);display:grid;place-items:center;font-weight:800;font-size:.9rem;flex:none}
.wzr{margin-top:8px}.wzn{margin-top:8px;max-width:340px}
.wzq select{max-width:420px}
.wz .btns{margin-top:18px}
.btn[aria-disabled="true"]{opacity:.55}
.impn{background:color-mix(in srgb,var(--s3d) 12%,var(--panel));border:1px solid var(--s3d);border-radius:10px;padding:8px 10px;font-size:.88rem;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.exb{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;border:2px dashed var(--bad);background:color-mix(in srgb,var(--bad) 8%,var(--panel));border-radius:14px;padding:12px 14px;margin:0 0 14px}
.exb b{font-size:1.05rem;color:var(--bad)}.exb span{flex:1 1 260px;font-size:.9rem}
/* Was ist eingestellt? */
.asm{padding:10px 14px}
.asm details>summary{list-style:none;cursor:pointer;display:flex;gap:10px;align-items:flex-start;min-height:44px;padding:4px 0}
.asm summary::-webkit-details-marker{display:none}
.ast{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.asum{display:flex;flex-wrap:wrap;gap:4px}.asum span{font-size:.76rem;padding:2px 8px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);color:var(--ink2)}
.asb{color:var(--acc);font-weight:700;font-size:.85rem;white-space:nowrap;padding-top:2px}
.asg{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:6px}
/* Ihre Werte */
.st2{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}
.rcol{display:flex;flex-direction:column;min-width:0}
.grp{border:1px solid var(--line);border-radius:12px;margin:10px 0;background:var(--panel2)}
.grp>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:54px;padding:6px 12px}
.grp>summary::-webkit-details-marker{display:none}
.gi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);flex:none}
.gt{flex:1;display:flex;flex-direction:column;min-width:0}.gt small{color:var(--mut);font-size:.75rem}
.gs{margin-top:3px}.gc{transition:transform .2s;color:var(--acc)}.grp[open] .gc{transform:rotate(180deg)}
.grp-b{padding:0 12px 10px}
.sh{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;align-items:center;margin:12px 0 4px;padding-top:10px;border-top:1px solid var(--line)}
.sh:first-child{border-top:0;padding-top:2px}.sh b{font-size:.92rem}.sh .rest{flex-basis:100%;color:var(--mut);font-size:.78rem}
.st{display:inline-block;font-size:.76rem;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap;border:1px solid}
.st.t-est{color:var(--warn);border-style:dashed}.st.t-own{color:var(--good)}.st.t-mix{color:var(--acc)}.st.t-spend{color:var(--acc)}.st.t-imp{color:var(--s3d)}
.fr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:3px 10px;align-items:center;padding:3px 0;border-radius:8px}
.fr label{font-size:.85rem;font-weight:600;color:var(--ink2)}
.fr .in{background:var(--panel)}
.fr .fo{grid-column:2;font-size:.8rem;font-weight:700;color:var(--good)}.fr .fo:empty{display:none}
.fr.has .in{border-color:var(--good);background:color-mix(in srgb,var(--good) 9%,var(--panel))}
.fr.bad .in{border-color:var(--bad)}.fr.bad .fo{color:var(--bad)}
.fr.hl,.f.hl{animation:hl 1.8s ease-out}
@keyframes hl{0%,55%{background:color-mix(in srgb,var(--acc2) 22%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,var(--acc2) 22%,transparent)}}
details.sub{margin:4px 0}details.sub>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px;font-weight:700;color:var(--acc);font-size:.86rem;list-style:none}
details.sub>summary::-webkit-details-marker{display:none}details.sub[open]>summary span{transform:rotate(180deg)}details.sub>summary span{display:inline-block;transition:transform .2s}
.cb{display:flex;gap:10px;align-items:center;padding:4px 0;font-size:.85rem;min-height:44px;cursor:pointer}.cb input{width:22px;height:22px;margin:0;accent-color:var(--acc);flex:none}
/* Ergebnisliste */
.rr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;width:100%;text-align:left;font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid var(--line);padding:9px 2px;cursor:pointer;min-height:44px}
.rr:hover .rn,.rr:focus-visible .rn{color:var(--acc)}
.rn{font-weight:600;font-size:.88rem;min-width:0;overflow-wrap:anywhere}
.rv{display:flex;gap:6px;align-items:baseline;justify-content:flex-end;white-space:nowrap}.rv b{font-variant-numeric:tabular-nums}.rv small{color:var(--mut)}
.rb2{grid-column:1/-1;height:8px;border-radius:4px;background:var(--bg2);overflow:hidden}.rb2 i{display:block;height:100%;border-radius:4px}
.rt{grid-column:1/-1;font-size:.74rem;color:var(--mut)}
.rr.t-est .rb2 i,.tg-est::before{background:repeating-linear-gradient(135deg,var(--warn) 0 5px,color-mix(in srgb,var(--warn) 45%,transparent) 5px 9px)}
.rr.t-own .rb2 i,.tg-own::before{background:var(--good)}.rr.t-spend .rb2 i,.tg-spend::before{background:var(--acc2)}.rr.t-imp .rb2 i,.tg-imp::before{background:var(--s3d)}
.rr.t-mix .rb2 i{background:linear-gradient(90deg,var(--good),var(--warn))}
.lgd span{display:inline-flex;align-items:center;gap:4px;margin-right:8px;white-space:nowrap}.lgd span::before{content:"";width:16px;height:8px;border-radius:3px;display:inline-block}
.badge.tb.t-est{border-color:var(--warn);color:var(--warn);border-style:dashed}.badge.tb.t-own{border-color:var(--good);color:var(--good)}.badge.tb.t-spend,.badge.tb.t-mix{border-color:var(--acc2);color:var(--acc)}.badge.tb.t-imp{border-color:var(--s3d);color:var(--s3d)}
.lnk{font:inherit;color:var(--acc);background:none;border:0;padding:0;cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:2px;min-height:44px}
.fd{border-left:4px solid var(--s3d)}
/* „So gerechnet“ */
dialog.why{border:0;padding:0;background:transparent;width:min(660px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);color:var(--ink);overflow:visible}
dialog.why::backdrop{background:rgba(4,12,18,.55);backdrop-filter:blur(2px)}
.why-in{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px 16px 16px;box-shadow:0 20px 60px rgba(0,0,0,.35);position:relative;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
.why h2{font-size:1.15rem;margin:0 50px 4px 0;line-height:1.3}
.wx-c{position:absolute;top:8px;right:8px;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);font-size:1rem;cursor:pointer}
.wl{list-style:none;padding:0;margin:10px 0}.wl li{border:1px solid var(--line);border-left:4px solid var(--warn);border-radius:10px;padding:8px 10px;margin:6px 0;background:var(--panel2)}
.wl li.t-own{border-left-color:var(--good)}.wl li.t-spend{border-left-color:var(--acc2)}.wl li.t-imp{border-left-color:var(--s3d)}.wl li:has(.wr){border-left-color:var(--acc);padding:2px 10px}
.wln{display:flex;gap:6px 8px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.wx{font-variant-numeric:tabular-nums;margin:4px 0;font-size:.92rem;overflow-wrap:anywhere}
.wr{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:center;width:100%;font:inherit;color:inherit;background:none;border:0;text-align:left;cursor:pointer;min-height:44px;padding:4px 0}
.wr span{flex:1 1 200px}.wr small{color:var(--acc);font-weight:700}
.wsum{display:flex;justify-content:space-between;border-top:2px solid var(--ink);padding-top:6px;margin:6px 0;font-weight:700}
.btn.sm{min-height:44px;padding:0 12px;font-size:.82rem;margin-top:4px}
@media (max-width:860px){.st2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){
  .sbht{display:none}.sbu{font-size:.72rem}.sbv{font-size:1.15rem}
  .fr{grid-template-columns:minmax(0,1fr)}.fr .fo{grid-column:1}
  .wz{padding:14px}.wz h2{font-size:1.25rem}
  dialog.why{width:100vw;margin:auto 0 0;max-height:90dvh}.why-in{border-radius:18px 18px 0 0;max-height:90dvh;padding-bottom:22px}
}
@media (prefers-reduced-motion:reduce){.fr.hl,.f.hl{animation:none}}

/* ck3: Bedeutung und Bezug der Gesamtzahl */
.kpi .ks.km{color:var(--ink,inherit);font-size:.82rem;line-height:1.35;margin:2px 0}.kpi .ks.kr{font-size:.78rem}
@media (min-width:1101px){.kpis{grid-template-columns:minmax(0,1.7fr) repeat(5,minmax(0,1fr))}.kpi .kv.sm{font-size:.98rem}}
@media (max-width:1100px) and (min-width:561px){.kpi.k-main{grid-column:1/-1}}
.kpi .kv.sm{-webkit-hyphens:auto;hyphens:auto}
.verdict .vsel{display:block;margin:8px 0 4px}.verdict .vsel .btn{min-height:44px}