:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--flaeche:#fbfdfc;--ebene:#f4f7f5;--tinte:#0a1f1a;--tinte-zweit:#4a5c56;--tinte-leise:#6d8079;--gitter:#e0e8e4;--achse:#c2d0cb;--rand:#04342c1a;--serie:#00799c;--serie-flaeche:#00799c1f;--akzent:#b8781c;--akzent-flaeche:#fac77533;--gut:#0ca30c;--gut-text:#006300;--achtung:#fab219;--ernst:#ec835a;--kritisch:#d03b3b;--radius:14px;--schatten:0 1px 2px #04342c0a, 0 8px 24px #04342c0d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--flaeche:#142420;--ebene:#0a1512;--tinte:#eef7f3;--tinte-zweit:#b3c6bf;--tinte-leise:#7e938c;--gitter:#24352f;--achse:#32463f;--rand:#e1f5ee1a;--serie:#2f9fba;--serie-flaeche:#2f9fba2e;--akzent:#fac775;--akzent-flaeche:#fac77529;--gut-text:#35c25c;--achtung:#f6c04a;--ernst:#f58a5f;--kritisch:#f2645f;--schatten:0 1px 2px #0000004d, 0 8px 24px #00000038}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--flaeche:#142420;--ebene:#0a1512;--tinte:#eef7f3;--tinte-zweit:#b3c6bf;--tinte-leise:#7e938c;--gitter:#24352f;--achse:#32463f;--rand:#e1f5ee1a;--serie:#2f9fba;--serie-flaeche:#2f9fba2e;--akzent:#fac775;--akzent-flaeche:#fac77529;--gut-text:#35c25c;--achtung:#f6c04a;--ernst:#f58a5f;--kritisch:#f2645f;--schatten:0 1px 2px #0000004d, 0 8px 24px #00000038}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 420px at 50% -220px, var(--akzent-flaeche), transparent 70%), var(--ebene);color:var(--tinte);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5}a{color:var(--serie)}.huelle{max-width:2000px;margin:0 auto;padding:32px 24px 96px}.saeulen{display:grid}@media (min-width:1180px){.saeulen{grid-template-columns:1fr 1fr;align-items:start;column-gap:36px}.saeule.breit{grid-column:1/-1}}.kopf{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.kopf h1{letter-spacing:-.02em;align-items:center;gap:11px;margin:0;font-size:28px;font-weight:620;display:flex}.kopf h1:before,.anmeldung h1:before{content:"";background:url(/icon.svg) 50%/contain no-repeat;flex:none;display:inline-block}.kopf h1:before{width:30px;height:30px}.kopf .datum{color:var(--tinte-zweit);font-size:14px}.hinweis{border:1px solid var(--rand);border-left:3px solid var(--achtung);background:var(--flaeche);border-radius:var(--radius);color:var(--tinte-zweit);margin:20px 0 8px;padding:12px 16px;font-size:14px}.hinweis strong{color:var(--tinte);font-weight:600}.saeule{margin-top:44px}.saeule>header{border-bottom:1px solid var(--gitter);align-items:baseline;gap:12px;margin-bottom:16px;padding-bottom:10px;display:flex}.saeule>header h2{letter-spacing:.09em;text-transform:uppercase;color:var(--tinte-zweit);align-items:center;gap:9px;margin:0;font-size:12px;font-weight:640;display:flex}.saeule>header h2:before{content:"";background:var(--akzent);border-radius:1px;flex:none;width:14px;height:2px}.saeule>header .unterzeile{color:var(--tinte-leise);font-size:13px}.raster{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;gap:14px;display:grid}.raster.breit{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.spanne-2{grid-column:span 2}@media (max-width:760px){.spanne-2{grid-column:span 1}}.kachel{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten);padding:17px 19px}.kachel>h3{color:var(--tinte-zweit);align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:600;display:flex}.werte{gap:9px;display:grid}.wert{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.wert dt{color:var(--tinte-zweit);font-size:14px}.wert dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:560}.wert dd.leer{color:var(--tinte-leise);font-weight:400}.gross{letter-spacing:-.02em;margin:2px 0 0;font-size:34px;font-weight:620;line-height:1.15}.gross.leer{color:var(--tinte-leise);font-size:26px;font-weight:400}.unterschrift{color:var(--tinte-leise);margin-top:4px;font-size:13px}.kachelzeile{letter-spacing:.06em;text-transform:uppercase;color:var(--tinte-leise);margin:18px 0 6px;font-size:12px;font-weight:600}.kachelzeile:first-of-type{margin-top:14px}.marke{letter-spacing:.03em;border:1px solid var(--rand);color:var(--tinte-zweit);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.marke.platzhalter{border-color:var(--achtung);color:var(--tinte-zweit)}.marke.idee{border-color:var(--achse)}.marke.gut{border-color:var(--gut);color:var(--gut-text)}.marke.kritisch{border-color:var(--kritisch);color:var(--kritisch)}.spiegelfuss{border-top:1px solid var(--gitter);color:var(--tinte-leise);align-items:center;gap:6px;margin-top:12px;padding-top:10px;font-size:12px;display:flex}.spiegelfuss.fehler{color:var(--ernst)}table.liste{border-collapse:collapse;width:100%;font-size:14px}table.liste th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--tinte-leise);border-bottom:1px solid var(--gitter);white-space:nowrap;padding:0 10px 8px 0;font-size:11px;font-weight:640}table.liste th.rechts,table.liste td.rechts{text-align:right;padding-right:0}table.liste td{border-bottom:1px solid var(--gitter);vertical-align:baseline;padding:9px 10px 9px 0}table.liste tr:last-child td{border-bottom:none}table.liste td.zahl{font-variant-numeric:tabular-nums}table.liste td.leer{color:var(--tinte-leise)}table.liste tr.idee td:first-child{color:var(--tinte-zweit)}.umbruch{overflow-x:auto}.leerstelle{color:var(--tinte-leise);padding:6px 0 2px;font-size:14px}ul.punkte{gap:10px;margin:0;padding:0;list-style:none;display:grid}ul.punkte li{justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;display:flex}ul.punkte .nebentext{color:var(--tinte-leise);font-size:13px}.kurve{touch-action:none;width:100%;display:block}.kurve .gitterlinie{stroke:var(--gitter);stroke-width:1px}.kurve .grundlinie{stroke:var(--achse);stroke-width:1px}.kurve .bahn{fill:none;stroke:var(--serie);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.kurve .fuellung{fill:var(--serie-flaeche);stroke:none}.kurve .beschriftung{fill:var(--tinte-leise);font-variant-numeric:tabular-nums;font-size:11px}.kurve .fadenkreuz{stroke:var(--achse);stroke-width:1px;stroke-dasharray:3 3}.kurve .punkt{fill:var(--serie);stroke:var(--flaeche);stroke-width:2px}.kurvenhuelle{position:relative}.sprechblase{pointer-events:none;background:var(--flaeche);border:1px solid var(--rand);white-space:nowrap;z-index:2;border-radius:8px;padding:7px 10px;font-size:13px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 14px #00000021}.sprechblase .blasenwert{font-variant-numeric:tabular-nums;font-weight:620}.sprechblase .blasentag{color:var(--tinte-leise);font-size:12px}.anmeldung{background:var(--flaeche);border:1px solid var(--rand);width:calc(100% - 32px);max-width:420px;box-shadow:var(--schatten);border-radius:18px;margin:12vh auto;padding:32px}.anmeldung h1{letter-spacing:-.02em;align-items:center;gap:10px;margin:0 0 8px;font-size:23px;font-weight:620;display:flex}.anmeldung h1:before{width:26px;height:26px}.anmeldung p{color:var(--tinte-zweit);margin:0 0 20px;font-size:14px}.anmeldung input{width:100%;font:inherit;color:inherit;background:var(--ebene);border:1px solid var(--achse);border-radius:10px;margin-bottom:10px;padding:11px 13px}.anmeldung input:focus-visible,.anmeldung button:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.anmeldung input::placeholder{color:var(--tinte-leise)}.anmeldung button{width:100%;font:inherit;color:#fff;background:var(--serie);cursor:pointer;border:none;border-radius:10px;padding:11px 13px;font-weight:600}.anmeldung button:hover:not(:disabled){filter:brightness(1.08)}.anmeldung button:disabled{opacity:.55;cursor:default}.anmeldung .rueckmeldung{color:var(--tinte-zweit);margin-top:12px;font-size:14px}.anmeldung .hinweistext{color:var(--tinte-leise);margin-top:16px;font-size:13px}.anmeldung .nebenknopf{width:100%;font:inherit;color:var(--tinte-zweit);border:1px solid var(--achse);cursor:pointer;background:0 0;border-radius:10px;margin-top:10px;padding:10px 13px;font-size:14px}.anmeldung .nebenknopf:hover{color:var(--tinte);border-color:var(--rand)}.werkzeugleiste{border-bottom:1px solid var(--gitter);flex-wrap:wrap;gap:6px;margin:18px 0 8px;padding-bottom:14px;display:flex}.werkzeugleiste a{color:var(--tinte-zweit);border:1px solid #0000;border-radius:99px;padding:6px 12px;font-size:14px;text-decoration:none}.werkzeugleiste a:hover{background:var(--flaeche)}.werkzeugleiste a[aria-current=page]{color:var(--tinte);border-color:var(--rand);background:var(--flaeche);font-weight:560}.zurueck{color:var(--tinte-leise);font-size:14px;text-decoration:none}.zurueck:hover{color:var(--tinte-zweit)}.formular{gap:14px;display:grid}.feldreihe{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.feld{gap:5px;display:grid}.feldname{color:var(--tinte-zweit);font-size:13px;font-weight:560}.pflicht{color:var(--ernst)}.feldhinweis{color:var(--tinte-leise);font-size:12px;line-height:1.4}.feld input[type=text],.feld input[type=date],.feld input[type=month],.feld input[type=email],.feld input[type=number],.feld select,.feld textarea{width:100%;font:inherit;color:var(--tinte);background:var(--ebene);border:1px solid var(--achse);border-radius:8px;padding:8px 10px;font-size:14px}.feld textarea{resize:vertical;line-height:1.5}.feld input:focus-visible,.feld select:focus-visible,.feld textarea:focus-visible{outline:2px solid var(--serie);outline-offset:1px;border-color:var(--serie)}.feld.haken{gap:5px}.feld.haken>span:first-child{align-items:center;gap:8px;display:flex}.feld.haken input{width:16px;height:16px;accent-color:var(--serie)}.formularfuss{flex-wrap:wrap;align-items:center;gap:12px;margin-top:2px;display:flex}.formular button[type=submit]{font:inherit;color:#fff;background:var(--serie);cursor:pointer;border:none;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:600}.formular button[type=submit]:disabled{opacity:.6;cursor:default}.meldung{font-size:13px}.meldung.gut{color:var(--gut-text)}.meldung.schlecht{color:var(--ernst)}.knopfform{align-items:center;gap:8px;display:inline-flex}button.leise{font:inherit;color:var(--tinte-leise);border:1px solid var(--rand);cursor:pointer;background:0 0;border-radius:7px;padding:4px 10px;font-size:13px}button.leise:hover{color:var(--kritisch);border-color:var(--kritisch)}button.leise:disabled{opacity:.5;cursor:default}.block{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);margin-bottom:18px;padding:20px 22px}.block>h2{margin:0 0 4px;font-size:16px;font-weight:600}.block>.blockhinweis{color:var(--tinte-leise);max-width:62ch;margin:0 0 16px;font-size:13px;line-height:1.5}.block hr{border:none;border-top:1px solid var(--gitter);margin:20px 0}.untertitel{letter-spacing:.07em;text-transform:uppercase;color:var(--tinte-leise);margin:0 0 12px;font-size:12px;font-weight:640}details.satz{border:1px solid var(--gitter);border-radius:9px;margin-bottom:8px}details.satz>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:14px;list-style:none;display:flex}details.satz>summary::-webkit-details-marker{display:none}details.satz>summary:after{content:"⌄";color:var(--tinte-leise)}details.satz[open]>summary:after{content:"⌃"}details.satz[open]>summary{border-bottom:1px solid var(--gitter)}details.satz>summary:hover{background:var(--ebene)}details.satz>.satzinhalt{padding:16px 14px 14px}.satzneben{color:var(--tinte-leise);font-variant-numeric:tabular-nums;font-size:13px}.satzzeile{border-bottom:1px solid var(--gitter);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:14px;display:flex}.satzzeile:last-child{border-bottom:none}.saeule>header .bearbeitenlink{color:var(--tinte-leise);margin-left:auto;font-size:13px;text-decoration:none}.saeule>header .bearbeitenlink:hover{color:var(--serie);text-decoration:underline}.aktualisieren{margin-left:14px;display:inline-block;position:relative}.laufergebnis{z-index:3;background:var(--flaeche);border:1px solid var(--rand);text-align:left;border-radius:9px;gap:6px;min-width:240px;margin:0;padding:10px 14px;font-size:13px;list-style:none;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 6px 18px #0000002e}.laufergebnis li.gut{color:var(--gut-text)}.laufergebnis li.schlecht{color:var(--ernst)}.laufergebnis .nebentext{color:var(--tinte-leise)}.projektkurve .planlinie{stroke:var(--achse);stroke-width:2px;stroke-dasharray:6 5;fill:none}.projektkurve .ziellinie{stroke:var(--kritisch);stroke-width:2px}.projektkurve .zielmarke{fill:var(--kritisch);font-size:11px;font-weight:600}.projektkurve .messpunkt{fill:var(--serie);stroke:var(--flaeche);stroke-width:2px}.projektkurve .meilenstein{fill:var(--achtung);stroke:var(--flaeche);stroke-width:1.5px}.projektkurve .meilensteintext{fill:var(--tinte-leise);font-size:10px}.legende{color:var(--tinte-zweit);flex-wrap:wrap;gap:16px;margin-top:10px;font-size:12px;display:flex}.legende span{align-items:center;gap:6px;display:inline-flex}.legende i{width:14px;height:2px;display:inline-block}.legende .punktmarke{background:var(--serie);border-radius:50%;width:8px;height:8px}.legende .planmarke{background:repeating-linear-gradient(90deg, var(--achse) 0 5px, transparent 5px 9px)}.legende .zielmarkerot{background:var(--kritisch)}.legende .meilenmarke{background:var(--achtung);width:8px;height:8px;transform:rotate(45deg)}.projektkopf{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.projektkopf h3{color:var(--tinte);margin:0;font-size:16px;font-weight:600}.projektwerte{flex-wrap:wrap;gap:22px;margin:14px 0 6px;display:flex}.projektwert{gap:2px;display:grid}.projektwert dt{color:var(--tinte-leise);font-size:12px}.projektwert dd{font-variant-numeric:tabular-nums;margin:0;font-size:19px;font-weight:600}.projektwert dd.leer{color:var(--tinte-leise);font-size:15px;font-weight:400}.hinweiszeile{border:1px solid var(--rand);border-radius:99px;align-items:center;gap:6px;margin-top:6px;padding:5px 11px;font-size:13px;display:inline-flex}.hinweiszeile.gelb{border-color:var(--achtung);color:var(--achtung)}.hinweiszeile.rot{border-color:var(--kritisch);color:var(--kritisch)}.hinweiszeile.grau{color:var(--tinte-leise)}.projektkurve .meilensteinhoehe{stroke:var(--achtung);stroke-width:1.5px;stroke-dasharray:3 4;opacity:.75}.legende .hoehenmarke{background:repeating-linear-gradient(90deg, var(--achtung) 0 3px, transparent 3px 7px)}.hinzufuegenknopf{margin-bottom:4px}button.leise.hinzufuegenknopf:hover{color:var(--serie);border-color:var(--serie)}.hinzufuegenblock{border:1px solid var(--rand);background:var(--ebene);border-radius:9px;margin-bottom:10px;padding:14px 16px}.hinzufuegenkopf{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}button.schliessen{font:inherit;color:var(--tinte-leise);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}button.schliessen:hover{color:var(--tinte)}.satz.naechster,.satzzeile.naechster{border:2px solid var(--achtung);border-radius:9px;padding-left:10px;padding-right:10px}.naechstmarke{letter-spacing:.04em;color:var(--achtung);text-transform:uppercase;font-size:11px;font-weight:700}.projektkurve .meilenstein.naechster{stroke:var(--achtung);stroke-width:3px}.projektkurve .meilensteinhoehe.naechster{stroke-width:2.5px;opacity:1}.projektkurve .meilensteintext.naechster{fill:var(--achtung);font-size:11px;font-weight:600}table.liste.zaehlung{max-width:420px;margin-bottom:14px}table.liste.zaehlung td.zahl.leer{color:var(--tinte-leise)}
