/* c3-diagramme.css — Bausteine für Abläufe, Diagramme, Statistiken, Tabellen und Schaubilder
   C3 Brand OS 2.4.0 · Stand 2026-10-19 · Pflege: Creative Strategy Studio
   Regeln: inhalt/design/diagramme.md · Referenz mit allen Mustern: design/ablaeufe-und-zahlen.html

   Einbinden NACH design/c3.css (Formate, Schrift-Rollen, Farben). Jede Klasse trägt das Präfix dg-,
   damit nichts mit c3-os.css kollidiert. Formen kommen als SVG-Symbole (dg-ko, dg-kt, dg-kh, dg-kk,
   dg-q, dg-eA), Geometrie aus assets/grafiken/element_*.svg; das Sprite steht in der Referenzseite.
   Rendern im Browser bzw. mit Chromium (Container-Einheiten cqw, Subgrid, :has). WeasyPrint kann das nicht. */
:root{--dg-lauft:rgba(1,207,213,.45)}
:root{--dg-line:rgba(0,0,0,.4);--dg-ink60:rgba(0,0,0,.6);--dg-ink25:rgba(0,0,0,.25);--dg-ink12:rgba(0,0,0,.12);--dg-ink04:rgba(0,0,0,.04)}
.dot{color:var(--c3-yellow)}
.dg-fr{--dg-sp:.6cqw}
.slide .dg-in{position:absolute;inset:4.8cqw 5.4cqw 6.4cqw 5.4cqw;display:flex;flex-direction:column}
.dg-a4{position:relative;aspect-ratio:210/297;container-type:inline-size;background:var(--c3-offwhite);overflow:hidden;--dg-sp:.9cqw;
  --fs-title:4.7cqw;--fs-heading:4.0cqw;--fs-subhead:2.3cqw;--fs-lead:2.4cqw;--fs-body:1.9cqw;--fs-kicker:1.35cqw;--fs-caption:1.45cqw;--fs-kpi:7cqw;--fs-brandmark:2.4cqw;--fs-footer:1.2cqw;--lh-footer:1}
.dg-a4 .dg-in{position:absolute;inset:10cqw 8.6cqw 12cqw 8.6cqw;display:flex;flex-direction:column}
.dg-a4 .c3-brandmark{position:absolute;right:8.6cqw;bottom:5.2cqw}
.dg-a4 .dg-pfoot{position:absolute;left:8.6cqw;bottom:5.6cqw}
.dg-a4 .dg-pnum{position:absolute;left:50%;bottom:5.6cqw}
.dg-fr .t-kicker{color:#000}
.dg-fr .dg-hl{margin:1.2cqw 0 0}
.dg-a4 .dg-hl{margin-top:1.6cqw;line-height:1.05}
.dg-fr .dg-intro{margin:2.6cqw 0 0;max-width:62cqw;font-size:var(--fs-body);line-height:1.45}
.dg-dia{flex:1;display:flex;flex-direction:column;justify-content:center;margin-top:2.6cqw;min-height:0}
.dg-dia.dg-top{justify-content:flex-start;margin-top:5cqw}
.dg-dia.dg-bottom{justify-content:flex-end}
.dg-fr .dg-nr{font-family:var(--c3-mono);font-weight:400;font-size:var(--fs-caption);letter-spacing:.06em;text-transform:uppercase;line-height:1.3;color:var(--dg-ink60)}
.dg-fr .dg-strong .dg-nr,.dg-fr .dg-nr.dg-strong{color:#000}
.dg-fr .dg-ht{font-family:var(--c3-head);font-weight:600;font-size:var(--fs-subhead);line-height:1.12;letter-spacing:-.005em}
.dg-fr .dg-ht.dg-s{font-size:calc(var(--fs-subhead)*.92)}
.dg-fr .dg-ht.dg-big{font-weight:800;font-size:calc(var(--fs-subhead)*1.35);letter-spacing:-.01em}
.dg-fr .dg-tx{font-family:var(--c3-copy);font-weight:300;font-size:calc(var(--fs-body)*.85);line-height:1.4}
.dg-fr .dg-tx b{font-family:var(--c3-head);font-weight:600}
.dg-fr .dg-stk > *{margin:0}
.dg-fr .dg-stk > * + *{margin-top:var(--dg-sp)}
.dg-fr .dg-stk > .dg-nr + .dg-ht{margin-top:calc(var(--dg-sp)*.7)}
.dg-fr p.dg-tx{margin:0}
.dg-fr .dg-stk-p > p + p{margin-top:calc(var(--dg-sp)*2.4)}
.dg-fr .dg-tag{display:inline-block;justify-self:start;font-family:var(--c3-mono);font-size:calc(var(--fs-caption)*.85);letter-spacing:.07em;text-transform:uppercase;background:#000;color:var(--c3-yellow);padding:.35em .8em;border-radius:3em;white-space:nowrap;line-height:1.2}
.dg-fr .dg-stk > .dg-tag{margin-top:calc(var(--dg-sp)*1.6)}
.dg-fr .dg-kpi{font-family:var(--c3-head);font-weight:800;font-size:var(--fs-kpi);line-height:1.1;letter-spacing:-.02em}
.dg-statusleiste{display:flex;gap:2.4cqw;margin-top:2cqw;font-family:var(--c3-mono);font-size:calc(var(--fs-caption)*.9);text-transform:uppercase;letter-spacing:.06em;color:var(--dg-ink60)}
.dg-statusleiste span{display:flex;align-items:center;gap:.8cqw}
.dg-a4 .dg-statusleiste{margin-top:auto;padding-top:3cqw}
.dg-statusleiste .dg-sw{display:inline-block;width:2.2cqw;height:.9cqw;background:#000}
.dg-statusleiste .dg-sw.dg-kt{background:var(--c3-cyan)}
.dg-statusleiste .dg-sw.dg-kj{background:var(--dg-lauft)}
.dg-a4 .dg-statusleiste .dg-sw{width:3cqw;height:1.3cqw}
.dg-mk{display:block;width:var(--dg-mk,3cqw);height:var(--dg-mk,3cqw);flex:none;overflow:visible}
.dg-mk.dg-xs{--dg-mk:1.3cqw}
.dg-a4 .dg-mk{--dg-mk:4.4cqw}
.dg-a4 .dg-mk.dg-xs{--dg-mk:2cqw}
.dg-mk.dg-abs{position:absolute;transform:translate(-50%,-50%);z-index:2}
.dg-lab{position:absolute;z-index:2}
.dg-lab.dg-right{text-align:right}
.dg-lab.dg-center{text-align:center}
.dg-lab.dg-mid{transform:translateY(-50%)}
.dg-gleis{position:relative;--dg-g:2.4cqw}
.dg-gleis.dg-h{display:grid;grid-template-columns:repeat(var(--dg-n),1fr);column-gap:var(--dg-g)}
.dg-gleis .dg-st{position:relative}
.dg-gleis .dg-st > .dg-mk{position:relative;z-index:2}
.dg-gleis.dg-h .dg-st:not(:last-child)::after{content:"";position:absolute;left:calc(var(--dg-mk,3cqw)/2);top:calc(var(--dg-mk,3cqw)/2 - 1px);width:calc(100% + var(--dg-g));height:1.25px;background:var(--dg-line);z-index:1}
.dg-gleis.dg-h .dg-body{margin-top:1.8cqw;padding-right:.5cqw;display:grid}
.dg-gleis.dg-v{display:flex;flex-direction:column;gap:4.4cqw;--dg-mk:4.4cqw}
.dg-gleis.dg-v .dg-st{display:grid;grid-template-columns:var(--dg-mk) 1fr;column-gap:4cqw}
.dg-gleis.dg-v .dg-st:not(:last-child)::after{content:"";position:absolute;left:calc(var(--dg-mk)/2 - .6px);top:calc(var(--dg-mk)/2);width:1.25px;height:calc(100% + 4.4cqw);background:var(--dg-line);z-index:1}
.dg-gleis.dg-v .dg-body{display:grid;padding-top:.6cqw}
.dg-gleis.dg-v .dg-tx{font-size:var(--fs-body)}
.dg-treppe{position:relative;height:33cqw}
.dg-treppe svg.dg-ln{position:absolute;inset:0;width:100%;height:100%}
.dg-treppe .dg-cols{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--dg-n),1fr)}
.dg-treppe .dg-col{position:relative}
.dg-treppe .dg-inner{position:absolute;left:1.4cqw;right:1.2cqw;padding-top:1.3cqw}
.dg-treppe .dg-nr,.dg-schicht .dg-nr{color:#000}
.dg-schichten{display:flex;flex-direction:column}
.dg-schicht + .dg-schicht{border-top:1.25px solid var(--dg-line)}
.dg-schicht{position:relative;padding:2.4cqw 2cqw 3cqw 3cqw}
.dg-schleife{position:relative;width:100%}
.dg-schleife svg.dg-ln{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.dg-split{flex-direction:row;align-items:center;gap:4cqw}
.dg-split > .dg-l{flex:1.6}
.dg-split > .dg-r{flex:1;padding-left:3cqw;border-left:1px solid var(--dg-line)}
.dg-split .dg-r .dg-tx{font-size:calc(var(--fs-body)*.9)}
.dg-cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw;margin-top:auto;padding-top:2.4cqw;border-top:1px solid var(--dg-line)}
.dg-weiche,.dg-bahnen{position:relative;width:100%}
.dg-weiche > svg.dg-ln,.dg-bahnen > svg.dg-ln{position:absolute;inset:0;width:100%;height:100%}
.dg-lane-sep{position:absolute;left:0;right:0;border-top:1px dashed var(--dg-ink25)}
.dg-lane-sep.dg-v{top:0;bottom:0;right:auto;border-top:0;border-left:1px dashed var(--dg-ink25)}
.dg-zp{position:relative;display:grid;grid-template-columns:var(--dg-lw) repeat(12,minmax(0,1fr));align-items:center;row-gap:1.6cqw}
.dg-a4 .dg-zp{row-gap:3.2cqw}
.dg-zp .dg-wk{font-family:var(--c3-mono);font-size:var(--fs-caption);text-align:center;border-left:1px solid var(--dg-ink12);color:var(--dg-ink60)}
.dg-zp .dg-pn{font-family:var(--c3-head);font-weight:600;font-size:var(--fs-subhead);line-height:1.1}
.dg-zp .dg-pn.dg-hd{font-family:var(--c3-mono);font-weight:400;font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.06em;color:var(--dg-ink60)}
.dg-zp .dg-bar{height:1.7cqw;background:#000;margin:0 .15cqw}
.dg-zp .dg-bar.dg-kt{background:var(--c3-cyan)}
.dg-zp .dg-bar.dg-kj{background:var(--dg-lauft)}
.dg-a4 .dg-zp .dg-bar{height:2.4cqw}
.dg-zp .dg-ms{display:flex;flex-direction:column;align-items:center;gap:.5cqw;font-family:var(--c3-mono);font-size:calc(var(--fs-caption)*.9);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;line-height:1.2}
.dg-zp .dg-today{position:absolute;top:2.4cqw;bottom:-3.6cqw;width:1.25px;background:#000;z-index:3}
.dg-zp .dg-today .dg-tag{position:absolute;bottom:-1.4cqw;left:50%;transform:translateX(-50%);margin:0}
.dg-legende{margin-top:6cqw;padding-top:2.4cqw;border-top:1px solid var(--dg-line);columns:2;column-gap:4cqw}
.dg-legende p{break-inside:avoid;margin:0 0 1.6cqw !important}
.dg-legende.dg-one{columns:1;margin-top:auto}
.dg-minigleis{display:flex;align-items:flex-start}
.dg-mg-st{--dg-mk:1.3cqw;position:relative;flex:1;display:flex;flex-direction:column;gap:.7cqw;font-family:var(--c3-mono);font-size:calc(var(--fs-caption)*.85);text-transform:uppercase;letter-spacing:.05em;color:var(--dg-ink60);line-height:1.2}
.dg-mg-st.dg-on,.dg-mg-st.dg-done{color:#000}
.dg-mg-st .dg-mk{position:relative;z-index:2}
.dg-mg-st:not(:last-child)::after{content:"";position:absolute;left:0;right:0;top:calc(var(--dg-mk)/2 - .6px);height:1.25px;background:var(--dg-line);z-index:1}
.dg-a4 .dg-mg-st{--dg-mk:2cqw}
.dg-a4 .dg-mg-st span{display:none}
.dg-a4 .dg-mg-st.dg-on span{display:block}
.dg-zoomhead{display:flex;align-items:flex-end;gap:3cqw;margin-top:5cqw}
.dg-bignr{font-family:var(--c3-head);font-weight:800;font-size:16cqw;line-height:.78;letter-spacing:-.04em}
.dg-a4 .dg-bignr{font-size:24cqw}
.dg-zoomhead .t-heading{margin:1.4cqw 0 0}
.dg-zoomhead .dg-stk{--dg-sp:1.6cqw}
.dg-z3{display:grid;grid-template-columns:repeat(3,1fr);gap:3.2cqw;margin-top:auto;padding-top:2.2cqw;border-top:1px solid var(--dg-line)}
.dg-z3 .dg-tx{font-size:var(--fs-body)}
.dg-z3.dg-v{grid-template-columns:1fr;gap:0;margin-top:auto;border-top:0;padding-top:0}
.dg-z3.dg-v > div{border-top:1px solid var(--dg-line);padding:2.4cqw 0 2.8cqw}
.dg-a4 .dg-zl{margin:8cqw 0 0;font-size:var(--fs-lead);line-height:1.35}
.dg-erz{display:grid;grid-template-columns:repeat(4,1fr);gap:3cqw;position:relative}
.dg-erz::before{content:"";position:absolute;left:0;right:0;top:5.2cqw;height:1.25px;background:var(--dg-line)}
.dg-erz .dg-ez{position:relative;display:inline-block;font-family:var(--c3-head);font-weight:800;font-size:10.5cqw;line-height:1;letter-spacing:-.04em;background:var(--c3-offwhite);padding-right:1.4cqw}
.dg-erz .dg-eb{margin-top:2.4cqw}
.dg-erz.dg-v{grid-template-columns:1fr;gap:5.5cqw}
.dg-erz.dg-v::before{left:6cqw;right:auto;top:6cqw;bottom:6cqw;width:1.25px;height:auto}
.dg-erz.dg-v .dg-e{display:grid;grid-template-columns:12cqw 1fr;column-gap:4cqw;align-items:start}
.dg-erz.dg-v .dg-ez{font-size:13cqw;line-height:1;text-align:center;padding:0 0 1.5cqw}
.dg-erz.dg-v .dg-eb{margin-top:0}
.dg-erz.dg-v .dg-tx{font-size:var(--fs-body)}
.dg-st-nr{display:flex;align-items:center;gap:.8cqw}
.dg-a4 .dg-zp{row-gap:5cqw}
.dg-a4 .dg-zp .dg-bar{height:3cqw}
.dg-treppe .dg-ht{font-size:calc(var(--fs-subhead)*.92)}
.dg-gleis.dg-h{grid-template-rows:auto auto auto auto auto}
.dg-gleis.dg-h .dg-st{grid-row:span 5;display:grid;grid-template-rows:subgrid;row-gap:0;align-content:start}
.dg-gleis.dg-h .dg-body{display:contents}
.dg-gleis.dg-h .dg-body > *{margin:0}
.dg-gleis.dg-h .dg-body > .dg-nr{margin-top:1.8cqw}
.dg-gleis.dg-h .dg-body > .dg-ht{margin-top:calc(var(--dg-sp)*.7)}
.dg-gleis.dg-h .dg-body > .dg-tx{margin-top:var(--dg-sp)}
.dg-gleis.dg-h .dg-body > .dg-tag{margin-top:calc(var(--dg-sp)*1.6);justify-self:start}
.dg-erz:not(.dg-v){grid-template-rows:auto auto auto auto}
.dg-erz:not(.dg-v) .dg-e{grid-row:span 4;display:grid;grid-template-rows:subgrid;row-gap:0}
.dg-erz:not(.dg-v) .dg-eb{display:contents}
.dg-erz:not(.dg-v) .dg-eb > *{margin:0}
.dg-erz:not(.dg-v) .dg-eb > .dg-ht{margin-top:2.4cqw}
.dg-erz:not(.dg-v) .dg-eb > .dg-tx{margin-top:var(--dg-sp)}
.dg-erz:not(.dg-v) .dg-eb > .dg-nr{margin-top:calc(var(--dg-sp)*1.4);align-self:start}
.dg-z3:not(.dg-v){grid-template-rows:auto auto}
.dg-z3:not(.dg-v) > div{grid-row:span 2;display:grid;grid-template-rows:subgrid;row-gap:0}
.dg-z3:not(.dg-v) > div > *{margin:0}
.dg-z3:not(.dg-v) > div > .dg-tx{margin-top:var(--dg-sp)}
.dg-erz:not(.dg-v) .dg-ez{justify-self:start;align-self:start}
.dg-statusleiste .dg-sw.dg-kk{background:var(--c3-coral)}
.dg-zp .dg-bar.dg-kk{background:var(--c3-coral)}
.dg-statusleiste{flex-wrap:wrap;row-gap:.8cqw}
.dg-panel{position:absolute;padding:4.8cqw 3.6cqw 4.8cqw 5.4cqw;display:flex;flex-direction:column;justify-content:space-between}
.dg-panel.dg-coral{background:var(--c3-coral)}
.dg-panel.dg-cyan{background:var(--c3-cyan)}
.dg-panel .dg-stk{--dg-sp:1.4cqw}
.dg-panel .dg-pi{font-size:var(--fs-body);max-width:26cqw}
.dg-panel .dg-pfuss{color:#000}
.dg-gleis.dg-v.dg-kompakt{--dg-mk:2.6cqw;gap:2.7cqw}
.dg-gleis.dg-v.dg-kompakt .dg-st{column-gap:2.4cqw}
.dg-gleis.dg-v.dg-kompakt .dg-st:not(:last-child)::after{height:calc(100% + 2.7cqw)}
.dg-gleis.dg-v.dg-kompakt .dg-body{padding-top:0}
.slide .dg-in:has(.dg-gleis.dg-kompakt){justify-content:center}
.dg-sockelkopf{bottom:auto !important}
.dg-sockel{position:absolute;left:0;right:0;bottom:0;height:62%;display:grid;grid-template-columns:repeat(4,1fr)}
.dg-sk{padding:2.6cqw 2.2cqw 6.4cqw;display:grid;grid-template-rows:auto auto 1fr auto;row-gap:var(--dg-sp)}
.dg-sk:first-child{padding-left:5.4cqw}
.dg-sk.dg-kt{background:var(--c3-cyan)}
.dg-sk.dg-kj{background:var(--dg-lauft)}
.dg-sk.dg-kk{background:var(--c3-coral)}
.dg-sk.dg-ko{background:transparent;border-left:1.25px solid var(--dg-line)}
.dg-sk .dg-ez{font-family:var(--c3-head);font-weight:800;font-size:7cqw;line-height:1;letter-spacing:-.04em}
.dg-sk .dg-ht{margin-top:.8cqw}
.dg-sk .dg-tx{margin:0}
.dg-sk .dg-nr{align-self:end}
.dg-lane-bg{position:absolute;background:rgba(255,100,124,.28);z-index:0}
.dg-lane-bg.dg-q{left:-5.4cqw;right:-5.4cqw}
.dg-lane-bg.dg-h{top:0;bottom:-12cqw;left:-8.6cqw;width:calc(8.6cqw + 33.333%)}
.dg-band{position:absolute;left:0;right:0;top:0;height:40cqw;padding:10cqw 8.6cqw 0;box-sizing:border-box}
.dg-band.dg-cyan{background:var(--c3-cyan)}
.dg-band .dg-stk{--dg-sp:1.6cqw}
.dg-band .dg-tx{font-size:var(--fs-body);max-width:62cqw}
.dg-register{position:absolute;right:0;top:10cqw;bottom:12cqw;width:6.5cqw;display:flex;flex-direction:column;gap:.8cqw}
.dg-rg{flex:1;border-left:1.25px solid var(--dg-line);position:relative}
.dg-rg.dg-kt{background:var(--c3-cyan);border-left:0}
.dg-rg.dg-kj{background:var(--dg-lauft);border-left:0}
.dg-rg.dg-e{border-left:0;background:transparent}
.dg-rg.dg-e::after{content:"";position:absolute;left:50%;top:50%;width:3cqw;height:3cqw;border-radius:50%;background:var(--c3-yellow);transform:translate(-50%,-50%)}
.dg-rg span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);white-space:nowrap;font-family:var(--c3-mono);font-size:var(--fs-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--dg-ink60)}
.dg-rg.dg-on span,.dg-rg.dg-kt span{color:#000}
.dg-rg.dg-e span{display:none}
.dg-rg.dg-on{width:9cqw;margin-left:-2.5cqw}
.dg-a4 .dg-in > .dg-zoomhead:first-child{margin-top:0}
.slide .dg-zp{row-gap:1.15cqw}
.dg-panel .dg-stk > * + *,.dg-band .dg-stk > * + *{margin-top:var(--dg-sp) !important}
.slide .dg-dia + .dg-statusleiste{margin-top:2.6cqw}
.slide .dg-dia:has(.dg-zp) + .dg-statusleiste{margin-top:4.2cqw}
.dg-panel{box-sizing:border-box}
.dg-sk + .dg-sk{box-shadow:inset 1.25px 0 0 var(--dg-line)}
.dg-sk.dg-ko{border-left:0}
.slide.dg-fr{--fs-kicker:1.145cqw;--fs-caption:1.04cqw;--fs-footer:.93cqw}
.dg-a4{--fs-kicker:1.0cqw;--fs-caption:1.11cqw;--fs-footer:.86cqw}
.dg-quelle{margin-top:auto;padding-top:1.4cqw;font-family:var(--c3-copy);font-size:calc(var(--fs-caption)*.9);color:var(--dg-ink60)}
.dg-fr .dg-dtext{margin-top:4cqw;font-size:var(--fs-body);line-height:1.45;max-width:66cqw}
.dg-fr .dg-dtext b{font-family:var(--c3-head);font-weight:600}
.dg-dleg{display:flex;flex-wrap:wrap;gap:2.4cqw;margin-top:2cqw;font-family:var(--c3-copy);font-size:calc(var(--fs-caption)*.9);color:var(--dg-ink60)}
.dg-dleg span{display:flex;align-items:center;gap:.8cqw}
.dg-dk{display:inline-block;width:2.2cqw;height:1cqw;background:#000}
.dg-a4 .dg-dk{width:3cqw;height:1.4cqw}
.dg-dk.dg-kt{background:var(--c3-cyan)}
.dg-dk.dg-kk{background:var(--c3-coral)}
.dg-dk.dg-ink{background:rgba(0,0,0,.3)}
.dg-dk.dg-ln26{height:2px;background:#000}
.dg-dk.dg-ln25{height:1.5px;background:rgba(0,0,0,.3)}
.dg-kpis{display:grid;grid-template-columns:repeat(4,1fr)}
.dg-kt-t{display:grid;grid-template-rows:auto auto auto 1fr;row-gap:var(--dg-sp);padding:0 2.4cqw}
.dg-kpis > .dg-kt-t:first-child{padding-left:0}
.dg-kpis > .dg-kt-t + .dg-kt-t{border-left:1.25px solid var(--dg-line)}
.dg-kt-t .dg-kl{display:flex;align-items:center;gap:.8cqw;color:#000}
.dg-kt-t .dg-kv{font-family:var(--c3-head);font-weight:800;font-size:5.6cqw;line-height:1;letter-spacing:-.02em;margin-top:.6cqw}
.dg-kt-t .dg-kd{display:flex;align-items:center;gap:.8cqw}
.dg-spark{width:100%;height:4cqw;margin-top:2cqw;overflow:visible}
.dg-kpis-h .dg-hero .dg-kv{font-size:17cqw;margin-top:1.4cqw}
.dg-kpis-h .dg-hero .dg-spark{height:8cqw}
.dg-kpis3{display:grid;grid-template-columns:repeat(3,1fr);margin-top:6cqw;padding-top:3cqw;border-top:1.25px solid var(--dg-line)}
.dg-kpis3 .dg-kt-t:first-child{padding-left:0}
.dg-kpis3 .dg-kt-t + .dg-kt-t{border-left:1.25px solid var(--dg-line)}
.dg-a4 .dg-kpis3 .dg-kv{font-size:6.4cqw}
.dg-a4 .dg-kt-t{padding:0 2.6cqw}
.dg-a4 .dg-kpis-h .dg-hero{padding:0}
.dg-hbar{display:grid;grid-template-columns:auto 1fr;column-gap:2.4cqw;row-gap:1.5cqw;align-items:center}
.dg-hb-l{font-family:var(--c3-head);font-weight:600;font-size:calc(var(--fs-subhead)*.85);line-height:1.1;text-align:right;white-space:nowrap}
.dg-hb-t{display:flex;align-items:center;gap:1cqw;border-left:1.25px solid var(--dg-line);height:3.2cqw}
.dg-hb-b{height:2.2cqw;background:rgba(0,0,0,.3)}
.dg-hb-b.dg-f{background:var(--c3-cyan)}
.dg-hb-v,.dg-dv-v{font-family:var(--c3-copy);font-weight:500;font-size:calc(var(--fs-body)*.85);font-variant-numeric:tabular-nums;white-space:nowrap}
.dg-a4 .dg-hb-t{height:5cqw}
.dg-a4 .dg-hb-b{height:3.2cqw}
.dg-hbar.dg-dv{row-gap:2cqw}
.dg-dv-t{position:relative;height:5cqw}
.dg-dv-t::before{content:"";position:absolute;left:50%;top:-1cqw;bottom:-1cqw;width:1.25px;background:var(--dg-line)}
.dg-dv-b{position:absolute;top:50%;height:3.2cqw;transform:translateY(-50%)}
.dg-dv-b.dg-pos{left:50%;background:var(--c3-cyan)}
.dg-dv-b.dg-neg{right:50%;background:var(--c3-coral)}
.dg-dv-v{position:absolute;top:50%;transform:translateY(-50%)}
.dg-dv-v.dg-pos{left:calc(50% + var(--dg-w) + 1.2cqw)}
.dg-dv-v.dg-neg{right:calc(50% + var(--dg-w) + 1.2cqw)}
.dg-dv-ax{display:flex;justify-content:space-between;font-family:var(--c3-mono);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.06em;color:var(--dg-ink60)}
.dg-verlauf{position:relative;width:100%}
.dg-vplot{position:absolute;left:9%;right:14%;top:5%;bottom:11%}
.dg-vplot svg.dg-ln{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.dg-vg{position:absolute;left:0;right:0;border-top:1px solid var(--dg-ink12)}
.dg-vg span{position:absolute;right:calc(100% + 1.2cqw);top:0;transform:translateY(-50%);font-family:var(--c3-mono);font-size:var(--fs-caption);color:var(--dg-ink60);white-space:nowrap}
.dg-vx{position:absolute;left:0;right:0;top:calc(100% + 1.2cqw)}
.dg-vx span{position:absolute;transform:translateX(-50%);font-family:var(--c3-mono);font-size:var(--fs-caption);text-transform:uppercase;color:var(--dg-ink60)}
.dg-vrel{position:absolute;top:-2%;bottom:0;border-left:1.25px solid #000}
.dg-vrel span{position:absolute;left:.8cqw;top:0;font-family:var(--c3-mono);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.06em}
.dg-vplot .dg-lab{white-space:nowrap}
.dg-anteile{display:grid;grid-template-columns:auto 1fr;column-gap:2.4cqw;row-gap:1.6cqw;align-items:center}
.dg-an-l,.dg-ac-l{font-family:var(--c3-head);font-weight:600;font-size:var(--fs-subhead)}
.dg-an-t{display:flex;gap:2px;height:4.4cqw}
.dg-an-s{display:flex;align-items:center;padding:0 1.2cqw;box-sizing:border-box;font-family:var(--c3-copy);font-weight:500;font-size:calc(var(--fs-body)*.85)}
.dg-an-s.dg-m{background:var(--c3-cyan)}
.dg-an-s.dg-p{background:rgba(0,0,0,.3);justify-content:flex-end}
.dg-an-zr{position:relative;height:3.4cqw}
.dg-an-ziel{position:absolute;top:0;height:calc(100% + 3 * (4.4cqw + 1.6cqw) + 1.6cqw);border-left:1.25px solid #000;z-index:2}
.dg-an-ziel span{position:absolute;left:1cqw;top:0;font-family:var(--c3-mono);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.dg-an-ziel i{display:none}
.dg-an-ziel::before{content:"";position:absolute;left:-.95cqw;top:-.2cqw;width:1.9cqw;height:1.9cqw;border-radius:50%;background:var(--c3-yellow)}
.dg-anteile-h{--dg-bh:56cqw}
.dg-ah-plot{position:relative;height:var(--dg-bh);display:grid;grid-template-columns:repeat(3,1fr);column-gap:8cqw;border-bottom:1.25px solid var(--dg-line)}
.dg-ac-bar{display:flex;flex-direction:column;gap:2px;height:100%}
.dg-ac-bar .dg-an-s{justify-content:center;align-items:flex-start;padding:1.4cqw 0}
.dg-ah-lab{display:grid;grid-template-columns:repeat(3,1fr);column-gap:8cqw;margin-top:1.6cqw;text-align:center}
.dg-ah-ziel{position:absolute;left:-2cqw;right:-2cqw;border-top:1.25px solid #000;z-index:2}
.dg-ah-ziel span{position:absolute;right:0;bottom:.8cqw;display:flex;align-items:center;gap:.8cqw;font-family:var(--c3-mono);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.06em;background:var(--c3-offwhite);padding:.2cqw .6cqw}
.dg-dtab{width:100%;border-collapse:collapse;font-family:var(--c3-copy);font-weight:300;font-size:calc(var(--fs-body)*.85);font-variant-numeric:tabular-nums}
.dg-dtab th{font-family:var(--c3-mono);font-weight:400;font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.06em;color:var(--dg-ink60);text-align:left;padding:0 1.2cqw 1cqw;border-bottom:1.25px solid #000;white-space:nowrap}
.dg-dtab td{padding:1.2cqw;border-bottom:1px solid var(--dg-ink12);white-space:nowrap;vertical-align:middle}
.dg-dtab th:first-child,.dg-dtab td:first-child{padding-left:0}
.dg-dtab .dg-r{text-align:right}
.dg-dtab .dg-tn{font-family:var(--c3-head);font-weight:600}
.dg-dtab tr.dg-sum td{border-top:1.25px solid #000;border-bottom:0;font-weight:500}
.dg-tb{display:inline-block;width:5cqw;height:.9cqw;margin-right:1cqw;vertical-align:middle;background:transparent}
.dg-tb i{display:block;height:100%;background:rgba(0,0,0,.3)}
.dg-tz{display:inline-flex;align-items:center;gap:.8cqw;font-family:var(--c3-mono);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.05em}
.dg-a4 .dg-dtab td{padding:1.6cqw 1cqw}
.dg-a4 .dg-tb{width:6cqw;height:1.2cqw}
.dg-matrix{position:relative;aspect-ratio:1;width:100%;max-width:34cqw}
.dg-a4 .dg-matrix{max-width:none;width:80%;margin-left:8%}
.dg-mx-plot{position:absolute;inset:0 0 0 0}
.dg-mx-plot svg.dg-ln{position:absolute;inset:0;width:100%;height:100%}
.dg-mx-h{position:absolute;left:0;right:0;top:50%;border-top:1.25px solid var(--dg-line)}
.dg-mx-v{position:absolute;top:0;bottom:0;left:50%;border-left:1.25px solid var(--dg-line)}
.dg-mx-q{position:absolute;font-family:var(--c3-mono);font-size:calc(var(--fs-caption)*.85);text-transform:uppercase;letter-spacing:.05em;color:var(--dg-ink60);line-height:1.2;max-width:45%}
.dg-mx-q.dg-tl{left:0;top:0}
.dg-mx-q.dg-tr{right:0;top:0;text-align:right}
.dg-mx-q.dg-bl{left:0;bottom:0}
.dg-mx-q.dg-br{right:0;bottom:0;text-align:right}
.dg-mx-ax{position:absolute;display:flex;justify-content:space-between;font-family:var(--c3-mono);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.06em}
.dg-mx-ax.dg-x{left:0;right:0;top:calc(100% + 1.2cqw)}
.dg-mx-ax.dg-y{left:0;top:0;width:100%;transform-origin:0 0;transform:rotate(-90deg) translate(-100%,-2.4cqw);flex-direction:row}
.dg-mx-pfeil{position:absolute;width:0;height:0;border-left:.7cqw solid transparent;border-right:.7cqw solid transparent;border-bottom:1.3cqw solid #000;transform:translate(-50%,-100%) rotate(-7deg);z-index:2}
.dg-matrix .dg-mk.dg-abs{--dg-mk:2cqw}
.dg-a4 .dg-matrix .dg-mk.dg-abs{--dg-mk:3.2cqw}
.dg-mxs .dg-l{display:flex;justify-content:center;padding-left:3cqw}
.dg-mx-txt.dg-cols2{display:grid;grid-template-columns:1fr 1fr;gap:4cqw;margin-top:9cqw}
.dg-mx-txt.dg-cols2 p + p{margin-top:0 !important}
.dg-mx-txt .dg-tx{font-size:var(--fs-body)}
.dg-kpis-h .dg-hero{row-gap:2cqw}
.dg-kpis-h .dg-hero .dg-kv{line-height:1.05}
.dg-vplot{bottom:14%}
.dg-vplot .dg-mk.dg-abs{--dg-mk:1.9cqw}
.dg-a4 .dg-vplot .dg-mk.dg-abs{--dg-mk:2.8cqw}
.dg-verlauf + .dg-dleg,.dg-dia:has(.dg-verlauf) + .dg-dleg{margin-top:1.4cqw}
.dg-anteile-h{padding-right:15cqw}
.dg-ah-ziel{right:-15cqw}
.dg-lab.dg-nowrap{white-space:nowrap}
.dg-mx-p{position:absolute;font-family:var(--c3-mono);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.06em;line-height:1.2}
.dg-mx-p.dg-pl{left:0;top:50%;transform:translateY(calc(-100% - .8cqw))}
.dg-mx-p.dg-pr{right:0;top:50%;transform:translateY(calc(-100% - .8cqw))}
.dg-mx-p.dg-pt{left:calc(50% + 1cqw);top:0}
.dg-mx-p.dg-pb{left:calc(50% + 1cqw);bottom:0}
.dg-matrix{max-width:36cqw}
.dg-mxs .dg-l{flex:1.3}
.dg-vplot .dg-lab{margin-left:.6cqw}
.dg-a4 .dg-vplot .dg-lab{margin-left:1.4cqw}
.dg-kt-t{grid-template-rows:auto auto auto 1fr auto}
.dg-kt-t .dg-kg{margin-top:2cqw;display:flex;align-items:flex-end}
.dg-kt-t .dg-kg svg{width:100%;height:auto;max-height:13cqw;display:block}
.dg-kt-t .dg-kg svg.dg-saeule{width:auto;height:13cqw}
.dg-kt-t .dg-kleg{margin-top:1cqw;font-size:calc(var(--fs-caption)*.85);text-transform:none;letter-spacing:.02em}
.dg-kpis{align-items:stretch}
.dg-kpis .dg-kt-t .dg-kg{height:13cqw}
.dg-kpis .dg-kt-t .dg-kg svg{max-width:13cqw}
.dg-kpis .dg-kt-t .dg-kg svg.dg-saeule{max-width:none}
.dg-hero2{display:grid;grid-template-columns:1fr 1.1fr;gap:4cqw;align-items:end}
.dg-hero2 .dg-kv{font-size:13cqw;line-height:1.05}
.dg-hero2 .dg-stk{--dg-sp:1.4cqw}
.dg-isowrap svg.dg-iso{width:100%;height:auto;display:block}
.dg-isowrap .dg-kleg{margin-top:1.4cqw;text-transform:none;letter-spacing:.02em}
.dg-a4 .dg-kpis3 .dg-kt-t .dg-kg{height:16cqw}
.dg-a4 .dg-kpis3 .dg-kt-t .dg-kg svg{max-width:16cqw}
.dg-hbar.dg-u .dg-hb-u{display:flex;align-items:center;gap:1.2cqw;height:3.2cqw;border-left:0}
.dg-units.dg-row{height:1.9cqw;width:auto}
.dg-hst{position:absolute;width:0;border-left:1.25px solid var(--dg-line);transform:translateX(-.6px)}
.dg-vplot .dg-mk.dg-abs{--dg-mk:1.7cqw}
.dg-a4 .dg-vplot .dg-mk.dg-abs{--dg-mk:2.6cqw}
.dg-waffeln{display:grid;grid-template-columns:repeat(3,1fr);gap:4.4cqw}
.dg-wf{display:grid;row-gap:1.2cqw}
.dg-wf-k{display:flex;justify-content:space-between;align-items:baseline}
.dg-wf svg{width:100%;height:auto;display:block;max-width:22cqw}
.dg-wf-n{text-transform:none;letter-spacing:.02em}
.dg-waffeln.dg-v .dg-wf svg{max-width:none}
.dg-waffeln.dg-v{gap:5cqw}
.dg-hero2 .dg-kv{font-family:var(--c3-head);font-weight:800;letter-spacing:-.02em}
.dg-hero2 .dg-kl{color:#000}
.dg-units.dg-row{height:2.4cqw}
.dg-a4 .dg-units.dg-row{height:3cqw}
.dg-p3d{position:relative;width:100%}
.dg-p3d svg.dg-prism{position:absolute;inset:0;width:100%;height:100%}
.dg-p3d .dg-pv{position:absolute;transform:translate(-50%,calc(-100% - .8cqw));font-family:var(--c3-copy);font-weight:500;font-size:calc(var(--fs-body)*.85);font-variant-numeric:tabular-nums;white-space:nowrap}
.dg-p3d .dg-plrow{position:absolute;left:0;right:0;top:calc(100% + 1.2cqw)}
.dg-p3d .dg-pl{position:absolute;transform:translateX(-50%);font-family:var(--c3-head);font-weight:600;font-size:calc(var(--fs-subhead)*.75);white-space:nowrap}
.dg-p3d.dg-klein .dg-pl{font-family:var(--c3-mono);font-weight:400;font-size:var(--fs-caption);text-transform:uppercase;color:var(--dg-ink60)}
.dg-p3d.dg-balken3d{max-width:100%;max-height:27cqw;width:auto;height:27cqw;margin:2cqw auto 3.6cqw}
.dg-dk.dg-grau10{background:rgba(0,0,0,.1)}
.dg-verlauf.dg-fl .dg-vplot{right:15%}
.dg-verlauf.dg-fl .dg-lab.dg-right{color:#000}
.dg-isowrap .dg-p3d{margin-bottom:4cqw}
.slide .dg-vplot .dg-lab{margin-left:1.5cqw}
.dg-p3d .dg-pl{font-size:calc(var(--fs-subhead)*.7)}
.dg-hbar.dg-ba{row-gap:1.6cqw}
.dg-hb-r{display:flex;align-items:center;gap:1.4cqw}
.dg-ba-t{flex:1;height:2.4cqw;box-shadow:inset 0 0 0 1.25px var(--dg-line);position:relative}
.dg-ba-f{position:absolute;left:0;top:0;bottom:0;background:rgba(0,0,0,.3)}
.dg-ba-f.dg-kt{background:var(--c3-cyan)}
.dg-hb-p{font-family:var(--c3-mono);font-size:var(--fs-caption);color:var(--dg-ink60);min-width:3.6cqw;text-align:right}
.dg-hb-r .dg-hb-v{min-width:3.4cqw;text-align:right}
.dg-dk.dg-umr{background:transparent;box-shadow:inset 0 0 0 1.25px var(--dg-line)}
.dg-saeulen-v{display:grid;grid-template-columns:repeat(9,1fr);gap:1.4cqw;height:30cqw}
.dg-sv{display:grid;grid-template-rows:1fr auto;row-gap:1cqw}
.dg-sv-t{position:relative;box-shadow:inset 0 0 0 1.25px var(--dg-line)}
.dg-sv-f{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.3)}
.dg-sv-f.dg-kt{background:var(--c3-cyan)}
.dg-sv-l{font-family:var(--c3-mono);font-size:var(--fs-caption);text-transform:uppercase;color:var(--dg-ink60);text-align:center}
.dg-tb.dg-umr{box-shadow:inset 0 0 0 1px var(--dg-line)}
.dg-isowrap .dg-kleg{margin-top:1.6cqw}
.dg-kpis .dg-saeulen-v{height:13cqw;gap:.5cqw;width:100%}
.dg-kpis .dg-sv-l{font-size:calc(var(--fs-caption)*.75)}
.dg-fr .dg-ht .dot,.dg-fr .dot{color:var(--c3-yellow)}