:root{--navy: #0B0B3D;--blue: #033878;--orange: #FB3706;--ink: #1B1F2A;--muted: #66707E;--faint: #98A1AD;--hair: #E3E7EC;--field: #C5CDD8;--wash: #F6F7F9;--green: #2F7A4C;--amber: #A66A00;--amber-wash: #FFF7E8;--red: #B3261E;--breit: 84rem;--mittel: 64rem;--schmal: 38rem}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;color:var(--ink);background:#fff;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--blue);text-underline-offset:.18em}p{margin:0 0 .8rem}strong{font-weight:600}code{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.95em}.lockup{display:inline-flex;align-items:center;gap:.55em;font-size:20px;line-height:1;letter-spacing:-.015em;white-space:nowrap;font-family:Segoe UI,Segoe UI Web,system-ui,-apple-system,sans-serif}.lockup .text{display:inline-flex;align-items:baseline;gap:.3em}.lockup .haus img{height:.62em;width:auto;display:block}.lockup .name{color:var(--navy);font-weight:600}.marke-gross{margin:1rem 0 3rem}.marke-gross .lockup{font-size:25px}.kopf{border-bottom:1px solid var(--hair);background:#fff}.zeile{max-width:var(--breit);margin:0 auto;padding:0 1.25rem}.kopf .zeile{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;padding-top:.9rem;padding-bottom:.9rem}.kopf.voll .zeile{max-width:none}.kopf .brand{display:inline-flex;text-decoration:none;background:none;border:0;padding:0;cursor:pointer}.nav{display:flex;flex-wrap:wrap;gap:.25rem 1.4rem;align-items:center;margin-left:auto}.nav a,.nav button{display:inline-block;color:var(--navy);text-decoration:none;font:inherit;font-size:.9375rem;font-weight:500;padding:.3rem 0 .2rem;background:none;border:0;border-bottom:2px solid transparent;cursor:pointer}.nav a:hover,.nav button:hover{border-bottom-color:var(--hair)}.nav .aktiv,.nav .aktiv:hover{border-bottom-color:var(--orange)}.nav .kopf-knopf{display:inline-flex;align-items:center;line-height:1;min-height:38px;padding:0 1rem;margin-left:.5rem;border:1px solid var(--navy)}.nav .kopf-knopf:hover{border-color:var(--blue)}.fuss{border-top:1px solid var(--hair);color:var(--muted);font-size:.8125rem}.fuss .zeile{padding-top:1.1rem;padding-bottom:1.5rem}.fuss a{color:inherit}main{flex:1;width:100%;max-width:var(--breit);margin:0 auto;padding:2.25rem 1.25rem 4rem}main.voll{max-width:none;padding:0 0 3rem}main.schmal{max-width:calc(var(--schmal) + 2.5rem);margin:0 auto}main.mittel{max-width:calc(var(--mittel) + 2.5rem);margin:0 auto}.flash{position:fixed;right:1.25rem;bottom:1.25rem;z-index:200;max-width:min(28rem,calc(100vw - 2.5rem));background:#fff;box-shadow:0 2px 14px #0b0b3d24;cursor:pointer}.flash p{border-left:2px solid var(--navy);padding:.55rem .9rem;margin:0;color:var(--navy);font-size:.9375rem}.flash.fehler p{border-left-color:var(--red);color:var(--red)}.fehlerbox{border-left:2px solid var(--red);padding:.15rem 0 .15rem .9rem;margin:1rem 0 0;color:var(--red);font-size:.9375rem}.hinweis{border-left:2px solid var(--amber);padding:.15rem 0 .15rem .9rem;margin:1.25rem 0}.info{border-left:2px solid var(--navy);padding:.15rem 0 .15rem .9rem;margin:0 0 1.5rem;color:var(--ink)}.eyebrow{font-size:.875rem;color:var(--muted);margin:0 0 .4rem}h1{font-size:1.5rem;line-height:1.2;font-weight:600;color:var(--navy);margin:0 0 1.25rem}h2{font-size:1.0625rem;font-weight:600;color:var(--navy);margin:2.75rem 0 .8rem}h2:first-child{margin-top:0}.lead{max-width:62ch;margin:0 0 1.75rem}.hint,.muted{color:var(--muted)}.hint{font-size:.875rem}.fussnote{color:var(--muted);font-size:.875rem;margin-top:2rem;max-width:62ch}.leer{color:var(--muted)}.zahl{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.15rem;border:1px solid var(--field);border-radius:3px;background:#fff;color:var(--navy);font:inherit;font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--navy)}.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn.primary:hover{background:var(--blue);border-color:var(--blue)}.btn.gefahr{color:var(--red)}.btn.gefahr:hover{border-color:var(--red)}.btn.small{min-height:36px;padding:0 .85rem;font-size:.9rem}.btn.mini{min-height:30px;padding:0 .65rem;font-size:.8125rem}.btn.text{border:0;background:none;padding:0;min-height:0;color:var(--blue);text-decoration:underline;text-underline-offset:.18em;font-weight:400;white-space:normal;text-align:left}.btn.text:hover{color:var(--navy)}.btn:disabled{opacity:.45;cursor:default}.btn:disabled:hover{border-color:var(--field)}.btn.primary:disabled:hover{background:var(--navy);border-color:var(--navy)}.aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2rem}.aktionen.eng{gap:.6rem .75rem;margin-top:1.5rem}label{display:block;margin:0 0 1.15rem;color:var(--navy);font-weight:500;font-size:.9375rem}label .opt{color:var(--muted);font-weight:400}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input:not([type]),select,textarea{display:block;width:100%;margin-top:.35rem;padding:.5rem .75rem;min-height:42px;font:inherit;font-size:15px;color:var(--ink);background:#fff;border:1px solid var(--field);border-radius:3px}textarea{min-height:4.5rem;resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible,.btn:focus-visible,.nav button:focus-visible,a:focus-visible{outline:3px solid rgba(3,56,120,.22);outline-offset:1px}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:none}label.check{display:flex;align-items:center;gap:.55rem;font-weight:400;color:var(--ink);cursor:pointer}label.check input{width:1.05rem;height:1.05rem;margin:0;accent-color:var(--navy)}.w-s{max-width:11rem}.hilfe{display:block;font-weight:400;font-size:.875rem;margin-top:.4rem;line-height:1.45;color:var(--muted)}.reihe{display:flex;gap:1rem}.reihe>*{flex:1;min-width:0}.gruppe{margin:0 0 2rem}.gruppe h2{margin-top:0;padding-bottom:.5rem;border-bottom:1px solid var(--hair);margin-bottom:1.25rem}.code-feld{letter-spacing:.35em;font-size:1.25rem!important;font-variant-numeric:tabular-nums}.segmente{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.35rem}.segment{flex:1 1 7rem;padding:.5rem .6rem;border:1px solid var(--field);border-radius:3px;background:#fff;color:var(--ink);font:inherit;font-size:.875rem;text-align:left;cursor:pointer;line-height:1.3}.segment:hover{border-color:var(--navy)}.segment.an{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);color:var(--navy);font-weight:600}.segment small{display:block;color:var(--muted);font-weight:400;font-size:.75rem;margin-top:.1rem}.reiter{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;align-items:center}.reiter button{font:inherit;font-size:.9375rem;color:var(--muted);background:none;border:0;border-bottom:2px solid transparent;padding:.25rem 0;cursor:pointer}.reiter button:hover{color:var(--navy)}.reiter button.aktiv{color:var(--navy);border-bottom-color:var(--orange);font-weight:500}.kopfzeile{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;margin-bottom:1.25rem}.kopfzeile h1{margin:0}.kopfzeile .rechts{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.werkzeuge{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin:0 0 1.5rem}.werkzeuge input,.werkzeuge select{margin-top:0;width:auto;min-width:12rem;min-height:38px}.werkzeuge input[type=text]{min-width:19rem}.status{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.status:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--muted);flex:none}.status.gruen:before{background:var(--green)}.status.gelb:before{background:var(--amber)}.status.rot:before{background:var(--red)}.status.blau:before{background:var(--blue)}.status.grau{color:var(--muted)}.status.gelb{color:var(--amber);font-weight:500}.marke{display:inline-block;margin-left:.4rem;padding:0 .35rem;border:1px solid var(--hair);border-radius:3px;font-size:.75rem;color:var(--muted)}.tabelle{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.tabelle th{text-align:left;font-size:.875rem;color:var(--muted);font-weight:500;padding:0 1rem .4rem 0;border-bottom:1px solid var(--navy);white-space:nowrap;-webkit-user-select:none;user-select:none}.tabelle th.sortierbar{cursor:pointer}.tabelle th.sortierbar:hover{color:var(--navy)}.tabelle th.zahl,.tabelle td.zahl{text-align:right}.tabelle td{padding:.6rem 1rem .6rem 0;border-bottom:1px solid var(--hair);vertical-align:top;font-size:.9375rem;line-height:1.4}.tabelle td:last-child,.tabelle th:last-child{padding-right:0}.tabelle tr.klickbar{cursor:pointer}.tabelle tr.klickbar:hover td{background:var(--wash)}.tabelle .haupt{color:var(--navy);font-weight:500}.tabelle .klein{display:block;color:var(--muted);font-size:.8125rem;margin-top:.1rem}.tabelle tr.inaktiv td{color:var(--faint)}.tabelle select{margin-top:0;min-height:34px;padding:.2rem .5rem;width:auto;font-size:.875rem}.verlauf{list-style:none;margin:0;padding:0}.verlauf li{display:grid;grid-template-columns:1fr;gap:.1rem .75rem;padding:.6rem 0;border-bottom:1px solid var(--hair);font-size:.9375rem}.verlauf time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.875rem}.verlauf .wer{color:var(--muted)}.verlauf .was{color:var(--muted);font-size:.875rem}@media(min-width:640px){.verlauf li{grid-template-columns:8.5rem 1fr}}.schritte{list-style:none;margin:0 0 1rem;padding:0;counter-reset:s}.schritte li{position:relative;padding-left:2.6rem;margin:0 0 1.35rem;counter-increment:s}.schritte li:before{content:counter(s);position:absolute;left:0;top:.05rem;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--navy);color:#fff;font-size:.8125rem;font-weight:600;display:flex;align-items:center;justify-content:center}.geheim{display:block;margin:.6rem 0;padding:.6rem .8rem;background:var(--wash);border:1px solid var(--hair);border-radius:3px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.95rem;letter-spacing:.08em;word-break:break-all}.qr-zeile{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:flex-start;margin-top:.6rem}.qr-zeile .qr{width:11rem;height:11rem;border:1px solid var(--hair);border-radius:3px;background:#fff}.qr-zeile>div{flex:1;min-width:12rem}.codes{display:grid;grid-template-columns:repeat(2,max-content);gap:.3rem 2.5rem;margin:.75rem 0;padding:.9rem 1.1rem;background:var(--wash);border:1px solid var(--hair);border-radius:3px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:1rem}.dialog-hinter{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0b0b3d47;display:flex;align-items:flex-start;justify-content:center;padding:6vh 1rem 1rem;overflow-y:auto}.dialog{background:#fff;border:1px solid var(--hair);border-radius:3px;box-shadow:0 10px 40px #0b0b3d2e;width:100%;max-width:34rem;padding:1.75rem 1.75rem 1.5rem}.dialog h1{font-size:1.3rem}.dialog .gruppe{margin-bottom:1.5rem}.dialog .gruppe h2{font-size:1rem;margin-bottom:1rem}.dialog label{margin-bottom:.9rem}.vorschau{border-left:2px solid var(--navy);padding:.15rem 0 .15rem .9rem;margin:.25rem 0 .5rem;font-size:.9375rem;line-height:1.6}@media(min-width:640px){h1{font-size:1.625rem}.marke-gross .lockup{font-size:40px}}@media(max-width:639px){.reihe{flex-direction:column;gap:0}.nav .kopf-knopf{position:fixed;right:1rem;bottom:1rem;z-index:10;min-height:48px;padding:0 1.25rem;box-shadow:0 2px 10px #0b0b3d47}}.nav .zaehler{display:inline-block;margin-left:.35rem;min-width:1.2rem;padding:0 .3rem;border-radius:.6rem;background:var(--orange);color:#fff;font-size:.75rem;font-weight:600;line-height:1.2rem;text-align:center}.editor{display:grid;grid-template-columns:minmax(0,1fr) 23rem;gap:2rem;align-items:start}.leinwand{overflow:auto;min-height:22rem;padding:1.5rem 1rem 2.5rem;background:var(--wash);border:1px solid var(--hair);border-radius:3px}.einstellungen{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto;overflow-x:hidden;padding:0 .25rem 1rem 1.5rem;border-left:1px solid var(--hair)}.einstellungen h2{margin-top:0}.einstellungen h2+.verlauf,.einstellungen .aufgabenliste+h2{margin-top:0}.einstellungen h3{font-size:.9375rem;font-weight:600;color:var(--navy);margin:1.6rem 0 .5rem}.einstellungen label{margin-bottom:.9rem}.feld{margin:0 0 1.15rem}.feld label.check{margin-bottom:.35rem}.feldzeile,.regel{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.6rem}.feldzeile input:not([type=checkbox]):not([type=radio]):not([type=number]){margin-top:0;flex:1;min-width:8rem;min-height:36px}.bedingungen{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;margin-bottom:1rem}.bedingungen select{max-width:100%}.regel{margin:0}.zweigblock{border-top:1px solid var(--hair);padding-top:.8rem;margin-bottom:.8rem}.platzhalter{margin-top:.3rem!important;min-height:30px!important;width:auto!important;max-width:100%;padding:.15rem .4rem!important;font-size:.8125rem!important;color:var(--muted)!important}.fehlerliste{list-style:none;margin:0 0 1rem;padding:.1rem 0 .1rem .9rem;border-left:2px solid var(--red);color:var(--red);font-size:.875rem}.auswahlliste{max-height:18rem;overflow-y:auto;margin-bottom:.5rem;padding:.6rem .8rem;border:1px solid var(--hair);border-radius:3px}.auswahlliste label.check{margin:.3rem 0}.ablauf{display:flex;flex-direction:column;align-items:center;min-width:max-content}.liste,.paar,.knoten,.einfuegen{display:flex;flex-direction:column;align-items:center}.einfuegen{position:relative}.stiel{display:block;width:0;height:.9rem;border-left:1px solid var(--field)}.plus{width:22px;height:22px;padding:0;border:1px solid var(--field);border-radius:50%;background:#fff;color:var(--muted);font:inherit;font-size:15px;line-height:1;cursor:pointer}.plus:hover,.plus.offen{border-color:var(--navy);color:var(--navy)}.schrittmenue{position:absolute;top:calc(50% + 14px);left:50%;transform:translate(-50%);z-index:20;width:19rem;padding:.3rem;background:#fff;border:1px solid var(--hair);border-radius:3px;box-shadow:0 6px 24px #0b0b3d29}.schrittmenue button{display:flex;gap:.65rem;width:100%;padding:.45rem .55rem;background:none;border:0;border-radius:3px;font:inherit;text-align:left;cursor:pointer;color:var(--ink)}.schrittmenue button:hover,.schrittmenue button:focus-visible{background:var(--wash)}.schrittmenue .symbol{width:1.2rem;flex:none;color:var(--navy);text-align:center}.schrittmenue strong{display:block;font-size:.875rem;color:var(--navy)}.schrittmenue small{display:block;font-size:.78rem;color:var(--muted);line-height:1.35}.karte{display:block;width:15.5rem;padding:.5rem .75rem .55rem;background:#fff;border:1px solid var(--field);border-left:3px solid var(--navy);border-radius:3px;font:inherit;color:var(--ink);text-align:left;line-height:1.35}button.karte{cursor:pointer}button.karte:hover{border-color:var(--navy)}.karte .art{display:block;font-size:.75rem;color:var(--muted)}.karte strong{display:block;font-size:.9rem;color:var(--navy);overflow-wrap:anywhere}.karte small{display:block;font-size:.8rem;color:var(--muted)}.karte.typ-trigger{border-left-color:var(--orange)}.karte.typ-mail{border-left-color:var(--blue)}.karte.typ-if{border-left-color:var(--amber)}.karte.typ-parallel{border-left-color:#7c3aed}.karte.typ-wait{border-left-color:var(--faint)}.karte.typ-end{border-left-color:var(--ink)}.karte.gewaehlt{box-shadow:0 0 0 2px var(--blue)}.karte.fehlt{border-color:var(--red);border-left-color:var(--red);background:#fff6f5}.karte.fehlt .art:after{content:" · unvollständig";color:var(--red)}.karte.erledigt .art:after{content:" · erledigt";color:var(--green)}.karte.aktuell{box-shadow:0 0 0 2px var(--orange)}.karte.aktuell .art:after{content:" · jetzt";color:var(--orange);font-weight:600}.zweige{display:flex;align-items:stretch}.zweig{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 .75rem}.z-oben,.z-unten{position:absolute;left:0;right:0;border-top:1px solid var(--field)}.z-oben{top:0}.z-unten{bottom:0}.zweig:first-child>.z-oben,.zweig:first-child>.z-unten{left:50%}.zweig:last-child>.z-oben,.zweig:last-child>.z-unten,.zweig:has(+.neben)>.z-unten{right:50%}.z-rest{flex:1;width:0;min-height:.5rem;border-left:1px solid var(--field)}.z-label{max-width:14rem;padding:.05rem .5rem;border:1px solid var(--hair);border-radius:.7rem;background:#fff;color:var(--muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zweig.neben>.z-oben{border-top-style:dashed}.zweig.neben .stiel{border-left-style:dashed}.zweig.neben>.z-label{border-style:dashed;color:var(--amber)}.ablauf.beim-ziehen .einfuegen.ziel .plus{border-color:var(--blue);color:var(--blue);background:#eef4fb}.ablauf .einfuegen.drueber .plus{transform:scale(1.35);background:var(--blue);color:#fff;border-color:var(--blue)}.knoten.gezogen>.karte{opacity:.45}.karte.uebersprungen{opacity:.4}.karte.uebersprungen .art:after{content:" · wird übersprungen"}.testlauf .info{margin-bottom:1rem}.aufgabenliste{list-style:none;margin:0 0 2rem;padding:0}.aufgabenliste li{padding:.5rem 0;border-bottom:1px solid var(--hair);font-size:.9375rem}.aufgabenliste .klein{display:block;margin-top:.15rem;color:var(--muted);font-size:.8125rem}.beschreibung{white-space:pre-wrap;border-left:2px solid var(--navy);padding:.1rem 0 .1rem .9rem;margin:0 0 1.5rem}.antworten{margin:0 0 1rem}.antworten div{display:grid;grid-template-columns:minmax(8rem,12rem) 1fr;gap:.75rem;padding:.45rem 0;border-bottom:1px solid var(--hair);font-size:.9375rem}.antworten dt{color:var(--muted)}.antworten dd{margin:0;white-space:pre-wrap}@media(max-width:960px){.editor{grid-template-columns:1fr}.einstellungen{position:static;max-height:none;padding:1.5rem 0 0;border-left:0;border-top:1px solid var(--hair)}}