.md-erklaerung{--e-zu:var(--marke-gelb);--e-ab:var(--marke-rosa);--e-termin:var(--marke-blaugrau);--e-darlehen:var(--marke-orange);--e-konto:var(--marke-dunkelblau);--e-hell:#eef1f5;isolation:isolate;margin:var(--abstand-6) 0 var(--abstand-6);padding:var(--abstand-5);background:var(--farbe-flaeche);border:1px solid var(--farbe-linie-kraeftig);border-top:3px solid var(--marke-dunkelblau);border-radius:var(--radius);font-size:var(--schrift-klein);line-height:1.5;container-type:inline-size}.md-erklaerung>figcaption{margin:0 0 var(--abstand-4);font-size:var(--schrift-mini);letter-spacing:var(--laufweite-kicker);text-transform:uppercase;color:var(--farbe-text-sekundaer);font-weight:600}.md-erklaerung .md-erklaerung-liste{margin:0;padding:0;list-style:none}.md-erklaerung .md-erklaerung-liste>li{color:var(--farbe-text-sekundaer);margin:0;position:relative}.md-erklaerung .md-erklaerung-liste>li::marker{content:none}.md-erklaerung .md-erklaerung-liste>li strong{color:var(--farbe-text);font-weight:600;display:block}.md-erklaerung>:last-child{margin-bottom:0}@media (max-width:520px){.md-erklaerung{padding:var(--abstand-4)}}.md-erklaerung[data-typ=zeitachse] .md-erklaerung-bild{height:44px;margin:0 14px var(--abstand-5) 0;position:relative}.md-erklaerung[data-typ=zeitachse] .md-erklaerung-bild:before{content:"";border-top:1px solid var(--farbe-linie-kraeftig);position:absolute;top:50%;left:0;right:-14px}.md-erklaerung[data-typ=zeitachse] .md-erklaerung-stelle{top:50%;left:var(--von);border:2px solid var(--marke-dunkelblau);border-radius:var(--radius);background:var(--farbe-flaeche);width:26px;height:26px;color:var(--marke-dunkelblau);z-index:2;place-items:center;margin:-13px 0 0 -13px;font-size:12px;font-weight:700;line-height:1;display:grid;position:absolute}.md-erklaerung[data-typ=zeitachse] .md-erklaerung-stelle[data-art=vorgang]{width:calc(var(--bis) - var(--von));background:var(--marke-dunkelblau);height:16px;color:var(--farbe-text-invers);z-index:1;border:0;place-items:center start;margin:-8px 0 0;padding-left:6px;font-size:11px}.md-erklaerung[data-typ=zeitachse] .md-erklaerung-stelle[data-art=strecke]{width:calc(var(--bis) - var(--von));border:0;border-bottom:2px dashed var(--marke-orange);height:22px;color:var(--farbe-akzent-text);z-index:1;background:0 0;place-items:start center;margin:-22px 0 0;font-size:11px}.md-erklaerung[data-typ=zeitachse] .md-erklaerung-stelle[data-art=ziel]{border-color:var(--marke-orange);background:var(--marke-orange);color:var(--farbe-text-invers)}.md-erklaerung[data-typ=zeitachse] .md-erklaerung-anlass{color:var(--farbe-akzent-text);white-space:nowrap;opacity:0;font-size:11px;font-weight:600;position:absolute;bottom:calc(50% + 12px);left:0}.md-erklaerung[data-typ=zeitachse] .md-erklaerung-liste{counter-reset:schritt;gap:var(--abstand-4) var(--abstand-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));display:grid}.md-erklaerung[data-typ=zeitachse] .md-erklaerung-liste>li{font-size:var(--schrift-mini);padding-left:34px}.md-erklaerung[data-typ=zeitachse] .md-erklaerung-zeichen{border:2px solid var(--marke-dunkelblau);border-radius:var(--radius);width:22px;height:22px;color:var(--marke-dunkelblau);place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;top:1px;left:0}.md-erklaerung[data-typ=zeitachse] .md-erklaerung-zeichen:before{content:attr(data-nr)}.md-erklaerung[data-typ=zeitachse] li[data-art=vorgang] .md-erklaerung-zeichen{background:var(--marke-dunkelblau);color:var(--farbe-text-invers)}.md-erklaerung[data-typ=zeitachse] li[data-art=strecke] .md-erklaerung-zeichen{border-style:dashed;border-color:var(--marke-orange);color:var(--farbe-akzent-text)}.md-erklaerung[data-typ=zeitachse] li[data-art=ziel] .md-erklaerung-zeichen{border-color:var(--marke-orange);background:var(--marke-orange);color:var(--farbe-text-invers)}.js-bewegung .md-erklaerung[data-typ=zeitachse].ist-sichtbar .md-erklaerung-stelle{animation:kb-e-auf .5s calc(.3s + var(--i) * .18s) var(--bewegung-kurve) both, kb-e-schub 9s calc(2.4s + var(--i) * .16s) ease-in-out infinite}.js-bewegung .md-erklaerung[data-typ=zeitachse].ist-sichtbar .md-erklaerung-stelle[data-art=vorgang]{animation:kb-e-auf .5s .3s var(--bewegung-kurve) both, kb-e-dehnen 9s 2.4s ease-in-out infinite}.js-bewegung .md-erklaerung[data-typ=zeitachse].ist-sichtbar .md-erklaerung-anlass{animation:9s ease-in-out 2.4s infinite kb-e-anlass}@keyframes kb-e-anlass{0%,22%{opacity:0}32%,68%{opacity:1}78%,to{opacity:0}}@keyframes kb-e-schub{0%,20%{left:var(--von)}34%,66%{left:calc(var(--von) + 8%)}80%,to{left:var(--von)}}@keyframes kb-e-dehnen{0%,20%{width:calc(var(--bis) - var(--von))}34%,66%{width:calc(var(--bis) - var(--von) + 8%)}80%,to{width:calc(var(--bis) - var(--von))}}@keyframes kb-e-auf{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@media (min-width:1080px){.md-erklaerung[data-typ=fluss]{width:125%}}.md-erklaerung[data-typ=fluss] .md-erklaerung-liste{gap:8px 0;display:grid}.md-erklaerung[data-typ=fluss] .md-erklaerung-liste>li{background:var(--farbe-flaeche);border:1px solid var(--farbe-linie-kraeftig);border-left:4px solid var(--farbe-linie-kraeftig);border-radius:var(--radius);font-size:var(--schrift-mini);padding:10px 14px}.md-erklaerung[data-typ=fluss] .md-erklaerung-liste>li[data-art=zu]{border-left-color:var(--e-zu)}.md-erklaerung[data-typ=fluss] .md-erklaerung-liste>li[data-art=ab]{border-left-color:var(--e-ab)}.md-erklaerung[data-typ=fluss] .md-erklaerung-liste>li[data-art=termin]{border-left-color:var(--e-termin)}.md-erklaerung[data-typ=fluss] .md-erklaerung-liste>li[data-art=darlehen]{border-left-color:var(--e-darlehen)}.md-erklaerung[data-typ=fluss] .md-erklaerung-liste>li[data-art=konto]{border-left-color:var(--e-konto)}.md-erklaerung[data-typ=fluss] .md-erklaerung-liste>li[data-art=steuer]{border-left-color:var(--e-ab)}.md-erklaerung[data-typ=fluss] .md-erklaerung-liste>li:first-child,.md-erklaerung[data-typ=fluss] .md-erklaerung-liste>li:last-child{border:2px solid var(--marke-dunkelblau);flex-direction:column;justify-content:center;display:flex}.md-erklaerung[data-typ=fluss] .md-erklaerung-liste>li:last-child{background:var(--marke-dunkelblau);color:var(--farbe-text-invers-sekundaer)}.md-erklaerung[data-typ=fluss] .md-erklaerung-liste>li:last-child strong{color:var(--farbe-text-invers)}.md-erklaerung[data-typ=fluss] .md-erklaerung-kanten,.md-erklaerung[data-typ=fluss] .md-erklaerung-kante{display:none}@container (min-width:600px){.md-erklaerung[data-typ=fluss] .md-erklaerung-liste{grid-template-columns:minmax(0,.8fr) 44px minmax(0,1.5fr) 44px minmax(0,.9fr);grid-template-rows:repeat(var(--q), auto);gap:8px 0}.md-erklaerung[data-typ=fluss] .md-erklaerung-liste>li{grid-column:3}.md-erklaerung[data-typ=fluss] .md-erklaerung-liste>li:first-child{grid-area:1/1/-1}.md-erklaerung[data-typ=fluss] .md-erklaerung-liste>li:last-child{grid-area:1/5/-1}.md-erklaerung[data-typ=fluss] .md-erklaerung-kanten{display:contents}.md-erklaerung[data-typ=fluss] .md-erklaerung-kante{border-top:1px solid var(--farbe-linie-kraeftig);width:44px;display:block;position:absolute;top:50%}.md-erklaerung[data-typ=fluss] .md-erklaerung-kante[data-seite=links]{right:calc(100% + 4px)}.md-erklaerung[data-typ=fluss] .md-erklaerung-kante[data-seite=rechts]{left:calc(100% + 1px)}.md-erklaerung[data-typ=fluss] .md-erklaerung-marke{background:var(--marke-blaugrau);opacity:0;border-radius:50%;width:9px;height:9px;position:absolute;top:-5px;left:0}.md-erklaerung[data-typ=fluss] li[data-art=zu] .md-erklaerung-marke{background:var(--e-zu)}.md-erklaerung[data-typ=fluss] li[data-art=ab] .md-erklaerung-marke,.md-erklaerung[data-typ=fluss] li[data-art=steuer] .md-erklaerung-marke{background:var(--e-ab)}.md-erklaerung[data-typ=fluss] li[data-art=darlehen] .md-erklaerung-marke{background:var(--e-darlehen)}.md-erklaerung[data-typ=fluss] li[data-art=konto] .md-erklaerung-marke{background:var(--e-konto)}}@container (max-width:599.98px){.md-erklaerung[data-typ=fluss] .md-erklaerung-liste{position:relative}.md-erklaerung[data-typ=fluss] .md-erklaerung-liste:before{content:"";z-index:-1;border-left:2px solid var(--farbe-linie-kraeftig);position:absolute;top:12px;bottom:12px;left:20px}.md-erklaerung[data-typ=fluss] .md-erklaerung-liste>li:not(:first-child):not(:last-child){margin-left:34px}}.js-bewegung .md-erklaerung[data-typ=fluss].ist-sichtbar .md-erklaerung-liste>li{animation:kb-e-auf .5s calc(.2s + var(--i) * .1s) var(--bewegung-kurve) both}.js-bewegung .md-erklaerung[data-typ=fluss].ist-sichtbar .md-erklaerung-marke{animation:kb-e-wandern 3.6s calc(1.2s + var(--i) * .45s) linear infinite}.js-bewegung .md-erklaerung[data-typ=fluss].ist-sichtbar [data-seite=rechts] .md-erklaerung-marke{animation-delay:calc(1.2s + var(--i) * .45s + .9s)}@keyframes kb-e-wandern{0%{opacity:0;left:-4px}5%{opacity:1}25%{opacity:1;left:calc(100% - 5px)}30%,to{opacity:0;left:calc(100% - 5px)}}.md-erklaerung[data-typ=gewichtung] .md-erklaerung-liste{gap:var(--abstand-4);display:grid}.md-erklaerung[data-typ=gewichtung] .md-erklaerung-liste>li>p{margin:0}.md-erklaerung[data-typ=gewichtung] .md-erklaerung-balken{border:1.5px solid var(--marke-dunkelblau);border-radius:var(--radius);background:var(--farbe-flaeche);height:16px;margin-bottom:8px;display:block;position:relative}.md-erklaerung[data-typ=gewichtung] .md-erklaerung-fuellung{width:calc(var(--wert) - 4px);background:var(--marke-orange);max-width:calc(100% - 4px);position:absolute;inset:2px auto 2px 2px}.js-bewegung .md-erklaerung[data-typ=gewichtung].ist-sichtbar .md-erklaerung-fuellung{animation:kb-e-gewichten 1.4s calc(.6s + var(--i) * .4s) var(--bewegung-kurve) both}@keyframes kb-e-gewichten{0%,25%{width:calc(100% - 4px)}to{width:calc(var(--wert) - 4px)}}.md-erklaerung[data-typ=profile] .md-erklaerung-liste{gap:var(--abstand-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));display:grid}.md-erklaerung[data-typ=profile] .md-erklaerung-liste>li{padding:var(--abstand-3) var(--abstand-4) var(--abstand-4);border:1px solid var(--farbe-linie);border-radius:var(--radius);font-size:var(--schrift-mini)}.md-erklaerung[data-typ=profile] .md-erklaerung-liste>li>p{margin:0}.md-erklaerung[data-typ=profile] .md-erklaerung-diagramm{height:64px;margin-bottom:var(--abstand-3);border-bottom:1px solid var(--marke-dunkelblau);grid-template-columns:repeat(6,1fr);align-items:end;gap:4px;padding-right:6px;display:grid;position:relative}.md-erklaerung[data-typ=profile] .md-erklaerung-diagramm:after{content:"";border-right:2px dashed var(--marke-orange);position:absolute;top:0;bottom:0;right:0}.md-erklaerung[data-typ=profile] .md-erklaerung-saeule{height:var(--h);background:var(--marke-dunkelblau);transform-origin:bottom;display:block}.md-erklaerung[data-typ=profile] .md-erklaerung-saeule[data-rest]{background:var(--marke-rosa)}.js-bewegung .md-erklaerung[data-typ=profile].ist-sichtbar .md-erklaerung-saeule{animation:kb-e-wachsen .7s calc(.3s + var(--i) * .35s + var(--k) * 80ms) var(--bewegung-kurve) both}@keyframes kb-e-wachsen{0%{scale:1 0}to{scale:1}}.md-erklaerung[data-typ=istplan] .md-erklaerung-bild{grid-template-columns:repeat(var(--saeulen), 1fr);height:96px;margin-bottom:var(--abstand-5);border-bottom:1px solid var(--marke-dunkelblau);align-items:end;gap:6px;display:grid;position:relative}.md-erklaerung[data-typ=istplan] .md-erklaerung-saeule{height:var(--h);border-radius:var(--radius) var(--radius) 0 0;display:block}.md-erklaerung[data-typ=istplan] [data-art=ist]>.md-erklaerung-zeichen,.md-erklaerung[data-typ=istplan] .md-erklaerung-saeule[data-art=ist]{background:var(--marke-dunkelblau)}.md-erklaerung[data-typ=istplan] [data-art=rechnung]>.md-erklaerung-zeichen,.md-erklaerung[data-typ=istplan] .md-erklaerung-saeule[data-art=rechnung]{background:var(--marke-gelb)}.md-erklaerung[data-typ=istplan] [data-art=prognose]>.md-erklaerung-zeichen,.md-erklaerung[data-typ=istplan] .md-erklaerung-saeule[data-art=prognose]{background:var(--e-hell);outline:2px dashed var(--marke-blaugrau);outline-offset:-2px}.md-erklaerung[data-typ=istplan] .md-erklaerung-heute{--schritt:calc((100% - (var(--saeulen) - 1) * 6px) / var(--saeulen) + 6px);top:-10px;bottom:-1px;left:calc(var(--schritt) * var(--heute) - 4px);background:var(--marke-orange);width:2px;position:absolute}.md-erklaerung[data-typ=istplan] .md-erklaerung-heute:before{content:"";background:var(--marke-orange);border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:-3px}.md-erklaerung[data-typ=istplan] .md-erklaerung-liste{gap:var(--abstand-3) var(--abstand-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));display:grid}.md-erklaerung[data-typ=istplan] .md-erklaerung-liste>li{font-size:var(--schrift-mini);padding-left:26px}.md-erklaerung[data-typ=istplan] .md-erklaerung-zeichen{border-radius:var(--radius);width:16px;height:16px;position:absolute;top:3px;left:0}.js-bewegung .md-erklaerung[data-typ=istplan].ist-sichtbar .md-erklaerung-saeule{animation:kb-e-wachsen .6s calc(.2s + var(--k) * 70ms) var(--bewegung-kurve) both}.js-bewegung .md-erklaerung[data-typ=istplan].ist-sichtbar .md-erklaerung-saeule[data-wandel=ist]{animation:kb-e-wachsen .6s calc(.2s + var(--k) * 70ms) var(--bewegung-kurve) both, kb-e-wird-ist 8s 2.2s ease-in-out infinite}.js-bewegung .md-erklaerung[data-typ=istplan].ist-sichtbar .md-erklaerung-saeule[data-wandel=rechnung]{animation:kb-e-wachsen .6s calc(.2s + var(--k) * 70ms) var(--bewegung-kurve) both, kb-e-wird-rechnung 8s 2.2s ease-in-out infinite}.js-bewegung .md-erklaerung[data-typ=istplan].ist-sichtbar .md-erklaerung-heute{animation:8s ease-in-out 2.2s infinite kb-e-heute}@keyframes kb-e-heute{0%,25%{left:calc(var(--schritt) * var(--heute) - 4px)}38%,75%{left:calc(var(--schritt) * (var(--heute) + 1) - 4px)}88%,to{left:calc(var(--schritt) * var(--heute) - 4px)}}@keyframes kb-e-wird-ist{0%,30%{background:var(--marke-gelb)}40%,75%{background:var(--marke-dunkelblau)}85%,to{background:var(--marke-gelb)}}@keyframes kb-e-wird-rechnung{0%,30%{background:var(--e-hell);outline-color:var(--marke-blaugrau)}40%,75%{background:var(--marke-gelb);outline-color:#0000}85%,to{background:var(--e-hell);outline-color:var(--marke-blaugrau)}}@media (prefers-reduced-motion:reduce){.md-erklaerung *,.md-erklaerung :before,.md-erklaerung :after{animation:none!important}}
.md-erklaerung[data-typ=ablauf] .md-erklaerung-bild{height:36px;margin:0 13px var(--abstand-4);position:relative}.md-erklaerung[data-typ=ablauf] .md-erklaerung-bild:before{content:"";border-top:2px dashed var(--farbe-linie-kraeftig);position:absolute;top:50%;left:0;right:0}.md-erklaerung[data-typ=ablauf] .md-erklaerung-station{top:50%;left:var(--lage);border:2px solid var(--marke-dunkelblau);border-radius:var(--radius);background:var(--farbe-flaeche);width:26px;height:26px;color:var(--marke-dunkelblau);z-index:1;place-items:center;margin:-13px 0 0 -13px;font-size:12px;font-weight:700;line-height:1;display:grid;position:absolute}.md-erklaerung[data-typ=ablauf] .md-erklaerung-station:nth-last-child(2){background:var(--marke-dunkelblau);color:var(--farbe-text-invers)}.md-erklaerung[data-typ=ablauf] .md-erklaerung-beleg{background:var(--marke-orange);border-radius:var(--radius);z-index:2;width:14px;height:18px;margin:-31px 0 0 -7px;position:absolute;top:50%;left:100%}.md-erklaerung[data-typ=ablauf] .md-erklaerung-beleg:after{content:"";border-block:2px solid var(--farbe-flaeche);height:6px;position:absolute;top:5px;left:3px;right:3px}.md-erklaerung[data-typ=ablauf] .md-erklaerung-liste{gap:6px;display:grid}.md-erklaerung[data-typ=ablauf] .md-erklaerung-liste>li{min-height:24px;font-size:var(--schrift-mini);padding-left:34px}.md-erklaerung[data-typ=ablauf] .md-erklaerung-zeichen{border:2px solid var(--marke-dunkelblau);border-radius:var(--radius);width:22px;height:22px;color:var(--marke-dunkelblau);place-items:center;font-size:11px;font-weight:700;line-height:1;display:grid;position:absolute;top:1px;left:0}.md-erklaerung[data-typ=ablauf] .md-erklaerung-zeichen:before{content:attr(data-nr)}.md-erklaerung[data-typ=ablauf] li[data-art=ziel] .md-erklaerung-zeichen{background:var(--marke-dunkelblau);color:var(--farbe-text-invers)}@container (min-width:600px){.md-erklaerung[data-typ=ablauf] .md-erklaerung-liste{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:0 12px}.md-erklaerung[data-typ=ablauf] .md-erklaerung-bild{margin-inline:calc(50% / var(--n))}.md-erklaerung[data-typ=ablauf] .md-erklaerung-liste>li{text-align:center;padding-left:0}.md-erklaerung[data-typ=ablauf] .md-erklaerung-zeichen{display:none}}.js-bewegung .md-erklaerung[data-typ=ablauf].ist-sichtbar .md-erklaerung-beleg{animation:9s linear .8s infinite both kb-e-beleg}.js-bewegung .md-erklaerung[data-typ=ablauf].ist-sichtbar .md-erklaerung-station{animation:kb-e-station 9s calc(.8s + var(--i) / (var(--n) - 1) * 6.3s) ease-out infinite}.js-bewegung .md-erklaerung[data-typ=ablauf].ist-sichtbar .md-erklaerung-liste>li{animation:kb-e-auf .5s calc(.2s + var(--i) * .1s) var(--bewegung-kurve) both}@keyframes kb-e-beleg{0%{opacity:0;left:0}4%{opacity:1}70%{opacity:1;left:100%}92%{opacity:1;left:100%}to{opacity:0;left:100%}}@keyframes kb-e-station{0%{border-color:var(--marke-orange);box-shadow:0 0 0 4px #e66a2c38}14%,to{border-color:var(--marke-dunkelblau);box-shadow:0 0 #e66a2c00}}:is(.md-erklaerung[data-typ=abschlag],.md-erklaerung[data-typ=wasserfall]) .md-erklaerung-liste{gap:10px;display:grid}:is(.md-erklaerung[data-typ=abschlag],.md-erklaerung[data-typ=wasserfall]) .md-erklaerung-liste>li{font-size:var(--schrift-mini)}:is(.md-erklaerung[data-typ=abschlag],.md-erklaerung[data-typ=wasserfall]) .md-erklaerung-spur{background:var(--e-hell);border-radius:var(--radius);height:18px;display:block;position:relative}:is(.md-erklaerung[data-typ=abschlag],.md-erklaerung[data-typ=wasserfall]) .md-erklaerung-teil{top:0;bottom:0;left:var(--von);width:calc(var(--bis) - var(--von));background:var(--marke-dunkelblau);border-radius:var(--radius);transform-origin:0;min-width:3px;position:absolute}:is(.md-erklaerung[data-typ=abschlag],.md-erklaerung[data-typ=wasserfall]) .md-erklaerung-spur{margin-bottom:4px}@container (min-width:600px){:is(.md-erklaerung[data-typ=abschlag],.md-erklaerung[data-typ=wasserfall]) .md-erklaerung-liste>li{min-height:18px;padding-right:56%;display:block;position:relative}:is(.md-erklaerung[data-typ=abschlag],.md-erklaerung[data-typ=wasserfall]) .md-erklaerung-spur{width:52%;margin:-9px 0 0;position:absolute;top:50%;right:0}}.md-erklaerung[data-typ=abschlag] li[data-art=bisher] .md-erklaerung-teil{background:var(--marke-blaugrau)}.md-erklaerung[data-typ=abschlag] li[data-art=dieser] .md-erklaerung-teil{background:var(--marke-orange)}.md-erklaerung[data-typ=abschlag] li[data-art=dieser] .md-erklaerung-spur:before{content:"";border-top:1px dashed var(--farbe-linie-kraeftig);position:absolute;top:50%;left:0;right:0}.md-erklaerung[data-typ=wasserfall] li[data-art=abzug] .md-erklaerung-teil{background:var(--marke-rosa);transform-origin:100%}.md-erklaerung[data-typ=wasserfall] li[data-art=zuschlag] .md-erklaerung-teil{background:var(--marke-gelb)}.md-erklaerung[data-typ=wasserfall] li[data-art=summe] .md-erklaerung-teil{background:var(--marke-blaugrau)}.md-erklaerung[data-typ=wasserfall] li:first-child .md-erklaerung-teil{background:var(--marke-dunkelblau)}.md-erklaerung[data-typ=wasserfall] li[data-art=ergebnis] .md-erklaerung-teil{background:var(--marke-orange)}.md-erklaerung[data-typ=wasserfall] li[data-art=ergebnis] strong{color:var(--farbe-akzent-text)}.js-bewegung :is(.md-erklaerung[data-typ=abschlag],.md-erklaerung[data-typ=wasserfall]).ist-sichtbar .md-erklaerung-liste>li{animation:kb-e-auf .5s calc(.2s + var(--i) * .35s) var(--bewegung-kurve) both}.js-bewegung :is(.md-erklaerung[data-typ=abschlag],.md-erklaerung[data-typ=wasserfall]).ist-sichtbar .md-erklaerung-teil{animation:kb-e-wachsen .8s calc(.4s + var(--i) * .35s) var(--bewegung-kurve) both}.js-bewegung .md-erklaerung[data-typ=abschlag].ist-sichtbar li[data-art=dieser] .md-erklaerung-teil{animation:kb-e-wachsen .8s calc(.4s + var(--i) * .35s) var(--bewegung-kurve) both, kb-e-hervor 3s 2.2s ease-in-out infinite}@keyframes kb-e-wachsen{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes kb-e-hervor{0%,to{box-shadow:0 0 #e66a2c00}40%{box-shadow:0 0 0 4px #e66a2c38}}@media (prefers-reduced-motion:reduce){.md-erklaerung[data-typ=ablauf] *,.md-erklaerung[data-typ=abschlag] *,.md-erklaerung[data-typ=wasserfall] *{animation:none!important}}
.md-erklaerung[data-typ=raster]{--r-takt:10s}.md-erklaerung[data-typ=raster] .md-raster-anlass{min-height:22px;margin:0 0 var(--abstand-3);display:grid}.md-erklaerung[data-typ=raster] .md-raster-anlass-text{border-radius:var(--radius);background:var(--farbe-flaeche-marke);color:var(--farbe-akzent-text);grid-area:1/1;place-self:center start;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.4}.md-erklaerung[data-typ=raster] .md-raster-anlass-text[data-phase=erreicht]{opacity:0}.md-erklaerung[data-typ=raster] .md-raster{grid-template-columns:minmax(64px, 132px) repeat(var(--raten), minmax(0, 1fr));margin:0 0 var(--abstand-3);gap:3px;font-size:12px;line-height:1.2;display:grid}.md-erklaerung[data-typ=raster] .md-raster-kopf{color:var(--farbe-text-sekundaer);text-align:center;white-space:nowrap;border-bottom:2px solid #0000;padding:2px 0 4px;font-size:11px;font-weight:600}.md-erklaerung[data-typ=raster] .md-raster-kopf[data-wechsel]{border-bottom-color:var(--marke-orange);color:var(--farbe-akzent-text)}.md-erklaerung[data-typ=raster] .md-raster-projekt{border-left:3px solid var(--marke-dunkelblau);background:var(--farbe-flaeche-marke);color:var(--farbe-text);letter-spacing:var(--laufweite-kicker);text-transform:uppercase;grid-column:1/-1;margin-top:6px;padding:4px 6px;font-size:11px;font-weight:700}.md-erklaerung[data-typ=raster] .md-raster-vertrag{color:var(--farbe-text);align-self:center;padding-right:4px;font-weight:600}.md-erklaerung[data-typ=raster] .md-raster-zelle{border-radius:var(--radius);background:var(--e-hell);min-height:42px;color:var(--farbe-text-sekundaer);border:2px solid #0000;place-items:center;padding:12px 2px 4px;display:grid;position:relative}.md-erklaerung[data-typ=raster] .md-raster-pz{opacity:.85;font-size:9px;font-weight:600;position:absolute;top:2px;right:4px}.md-erklaerung[data-typ=raster] .md-raster-betrag{white-space:nowrap;font-size:11px;font-weight:600}.md-erklaerung[data-typ=raster] .md-raster-zelle[data-zustand=bezahlt]:after{content:"";border:2px solid;border-width:0 2px 2px 0;width:4px;height:7px;position:absolute;top:4px;left:5px;transform:rotate(45deg)}.md-erklaerung[data-typ=raster] .md-raster-zelle[data-zustand=bezahlt],.md-erklaerung[data-typ=raster] li[data-art=bezahlt] .md-erklaerung-zeichen{background:var(--marke-dunkelblau);color:var(--farbe-text-invers)}.md-erklaerung[data-typ=raster] .md-raster-zelle[data-zustand=fakturiert],.md-erklaerung[data-typ=raster] .md-raster-zelle[data-zustand=wechsel],.md-erklaerung[data-typ=raster] li[data-art=fakturiert] .md-erklaerung-zeichen{background:var(--marke-blaugrau);color:var(--farbe-text-invers)}.md-erklaerung[data-typ=raster] .md-raster-zelle[data-zustand=faellig],.md-erklaerung[data-typ=raster] li[data-art=faellig] .md-erklaerung-zeichen{background:var(--farbe-flaeche);border-color:var(--marke-orange);color:var(--farbe-akzent-text)}.md-erklaerung[data-typ=raster] .md-raster-zelle[data-zustand=erreicht],.md-erklaerung[data-typ=raster] li[data-art=erreicht] .md-erklaerung-zeichen{background:var(--marke-gelb);color:var(--marke-dunkelblau)}.md-erklaerung[data-typ=raster] li[data-art=offen] .md-erklaerung-zeichen{background:var(--e-hell);border-color:var(--farbe-linie-kraeftig)}.md-erklaerung[data-typ=raster] .md-raster-zelle[data-zustand=gesperrt],.md-erklaerung[data-typ=raster] li[data-art=gesperrt] .md-erklaerung-zeichen{background:var(--farbe-flaeche);border:2px dashed var(--marke-blaugrau);color:var(--farbe-text-sekundaer)}.md-erklaerung[data-typ=raster] .md-raster-summen{margin:0 0 var(--abstand-5);border-top:2px solid var(--marke-dunkelblau);background:var(--farbe-linie);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.md-erklaerung[data-typ=raster] .md-raster-summe{background:var(--farbe-flaeche);gap:2px;padding:8px 10px;display:grid}.md-erklaerung[data-typ=raster] .md-raster-titel{color:var(--farbe-text-sekundaer);letter-spacing:var(--laufweite-kicker);text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.25}.md-erklaerung[data-typ=raster] .md-raster-werte{display:grid}.md-erklaerung[data-typ=raster] .md-raster-wert{color:var(--farbe-text);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:1/1;font-size:15px;font-weight:700}.md-erklaerung[data-typ=raster] .md-raster-wert[data-phase=vorher],.md-erklaerung[data-typ=raster] .md-raster-wert[data-phase=erreicht]{opacity:0}.md-erklaerung[data-typ=raster] .md-raster-summe[data-bewegt] .md-raster-wert{color:var(--farbe-akzent-text)}.md-erklaerung[data-typ=raster] .md-erklaerung-liste{gap:var(--abstand-3) var(--abstand-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));display:grid}.md-erklaerung[data-typ=raster] .md-erklaerung-liste>li{font-size:var(--schrift-mini);padding-left:26px}.md-erklaerung[data-typ=raster] .md-erklaerung-zeichen{border-radius:var(--radius);border:2px solid #0000;width:16px;height:16px;position:absolute;top:3px;left:0}@container (max-width:559px){.md-erklaerung[data-typ=raster] .md-raster{grid-template-columns:58px repeat(var(--raten), minmax(0, 1fr));gap:2px;font-size:11px}.md-erklaerung[data-typ=raster] .md-raster-kopf{font-size:0}.md-erklaerung[data-typ=raster] .md-raster-kopf:before{content:counter(raster-rate);counter-increment:raster-rate;font-size:10px}.md-erklaerung[data-typ=raster] .md-raster-zelle{min-height:30px;padding:2px 0}.md-erklaerung[data-typ=raster] .md-raster-pz{font-size:9px;position:static}.md-erklaerung[data-typ=raster] .md-raster-betrag,.md-erklaerung[data-typ=raster] .md-raster-zelle[data-zustand=bezahlt]:after{display:none}.md-erklaerung[data-typ=raster] .md-raster-summen{grid-template-columns:repeat(2,minmax(0,1fr))}.md-erklaerung[data-typ=raster] .md-raster-wert{font-size:14px}}.md-erklaerung[data-typ=raster] .md-raster{counter-reset:raster-rate}.js-bewegung .md-erklaerung[data-typ=raster].ist-sichtbar .md-raster-zelle{animation:kb-e-auf .4s calc(.15s + var(--z) * .12s + var(--k) * 30ms) var(--bewegung-kurve) both}.js-bewegung .md-erklaerung[data-typ=raster].ist-sichtbar .md-raster-zelle[data-zustand=wechsel]{animation:kb-e-auf .4s calc(.15s + var(--z) * .12s + var(--k) * 30ms) var(--bewegung-kurve) both, kb-r-zelle var(--r-takt) 1.2s ease-in-out infinite both}.js-bewegung .md-erklaerung[data-typ=raster].ist-sichtbar .md-raster-kopf[data-wechsel]{animation:kb-r-kopf var(--r-takt) 1.2s ease-in-out infinite both}.js-bewegung .md-erklaerung[data-typ=raster].ist-sichtbar .md-raster-wert[data-phase=vorher],.js-bewegung .md-erklaerung[data-typ=raster].ist-sichtbar .md-raster-anlass-text[data-phase=vorher]{animation:kb-r-vorher var(--r-takt) 1.2s ease-in-out infinite both}.js-bewegung .md-erklaerung[data-typ=raster].ist-sichtbar .md-raster-wert[data-phase=erreicht],.js-bewegung .md-erklaerung[data-typ=raster].ist-sichtbar .md-raster-anlass-text[data-phase=erreicht]{animation:kb-r-erreicht var(--r-takt) 1.2s ease-in-out infinite both}.js-bewegung .md-erklaerung[data-typ=raster].ist-sichtbar .md-raster-wert[data-phase=nachher],.js-bewegung .md-erklaerung[data-typ=raster].ist-sichtbar .md-raster-anlass-text[data-phase=nachher]{animation:kb-r-nachher var(--r-takt) 1.2s ease-in-out infinite both}@keyframes kb-r-zelle{0%,28%,to{background:var(--e-hell);color:var(--farbe-text-sekundaer)}34%,60%{background:var(--marke-gelb);color:var(--marke-dunkelblau)}66%,94%{background:var(--marke-blaugrau);color:var(--farbe-text-invers)}}@keyframes kb-r-kopf{0%,28%,to{color:var(--farbe-text-sekundaer);border-bottom-color:#0000}34%,94%{border-bottom-color:var(--marke-orange);color:var(--farbe-akzent-text)}}@keyframes kb-r-vorher{0%,28%,to{opacity:1}32%,96%{opacity:0}}@keyframes kb-r-erreicht{0%,30%,62%,to{opacity:0}34%,60%{opacity:1}}@keyframes kb-r-nachher{0%,62%,98%,to{opacity:0}66%,94%{opacity:1}}
.md-erklaerung[data-typ=trichter] .md-erklaerung-liste{gap:10px;display:grid}.md-erklaerung[data-typ=trichter] .md-erklaerung-liste>li{font-size:var(--schrift-mini)}.md-erklaerung[data-typ=trichter] .md-erklaerung-stufe{justify-content:center;height:22px;margin-bottom:4px;display:flex}.md-erklaerung[data-typ=trichter] .md-erklaerung-stufe-balken{width:var(--breite);background:var(--marke-blaugrau);border-radius:var(--radius);transform-origin:50%;height:100%;display:block}.md-erklaerung[data-typ=trichter] li:nth-child(2) .md-erklaerung-stufe-balken{background:var(--marke-rosa)}.md-erklaerung[data-typ=trichter] li:nth-child(3) .md-erklaerung-stufe-balken{background:var(--marke-gelb)}.md-erklaerung[data-typ=trichter] li:nth-child(n+4) .md-erklaerung-stufe-balken{background:var(--marke-orange)}.md-erklaerung[data-typ=trichter] li:last-child strong{color:var(--farbe-akzent-text)}@container (min-width:600px){.md-erklaerung[data-typ=trichter] .md-erklaerung-liste{gap:6px}.md-erklaerung[data-typ=trichter] .md-erklaerung-liste>li{min-height:30px;padding-left:56%;position:relative}.md-erklaerung[data-typ=trichter] .md-erklaerung-stufe{width:52%;height:30px;margin:-15px 0 0;position:absolute;top:50%;left:0}}.js-bewegung .md-erklaerung[data-typ=trichter].ist-sichtbar .md-erklaerung-liste>li{animation:kb-e-auf .5s calc(.2s + var(--i) * .3s) var(--bewegung-kurve) both}.js-bewegung .md-erklaerung[data-typ=trichter].ist-sichtbar .md-erklaerung-stufe-balken{animation:kb-e-trichter .8s calc(.3s + var(--i) * .3s) var(--bewegung-kurve) both}@keyframes kb-e-trichter{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.md-erklaerung[data-typ=trichter] *{animation:none!important}}.md-erklaerung[data-typ=anzahl] .md-erklaerung-liste{gap:10px;display:grid}.md-erklaerung[data-typ=anzahl] .md-erklaerung-liste>li{font-size:var(--schrift-mini)}.md-erklaerung[data-typ=anzahl] .md-erklaerung-stufe{background:var(--e-hell);border-radius:var(--radius);height:16px;margin-bottom:4px;display:block}.md-erklaerung[data-typ=anzahl] .md-erklaerung-stufe-balken{width:var(--breite);background:var(--marke-orange);border-radius:var(--radius);transform-origin:0;height:100%;display:block}@container (min-width:600px){.md-erklaerung[data-typ=anzahl] .md-erklaerung-liste>li{min-height:18px;padding-right:50%;position:relative}.md-erklaerung[data-typ=anzahl] .md-erklaerung-stufe{width:46%;margin:-8px 0 0;position:absolute;top:50%;right:0}}.js-bewegung .md-erklaerung[data-typ=anzahl].ist-sichtbar .md-erklaerung-liste>li{animation:kb-e-auf .5s calc(.2s + var(--i) * .25s) var(--bewegung-kurve) both}.js-bewegung .md-erklaerung[data-typ=anzahl].ist-sichtbar .md-erklaerung-stufe-balken{animation:kb-e-trichter-links .8s calc(.3s + var(--i) * .25s) var(--bewegung-kurve) both}@keyframes kb-e-trichter-links{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.md-erklaerung[data-typ=anzahl] *{animation:none!important}}