button{appearance:none;background-color:#0000}body{background:var(--farbe-hintergrund);color:var(--farbe-text);font-family:var(--schrift-familie);font-size:var(--schrift-normal);margin:0}.start{max-width:560px;padding:var(--abstand-xl) var(--abstand-m);margin:0 auto}.start h1{font-size:var(--schrift-titel);margin:0 0 var(--abstand-s)}.start p{color:var(--farbe-textLeise);margin:0 0 var(--abstand-l)}.klassen{gap:var(--abstand-s);flex-wrap:wrap;padding:0;list-style:none;display:flex}.klasse{align-items:center;gap:var(--abstand-s);min-height:48px;padding:0 var(--abstand-m);border-radius:var(--radius-m);background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);display:flex}.klasse:before{content:"";background:var(--klassenfarbe);border-radius:50%;width:14px;height:14px}h1{font-size:var(--schrift-titel);letter-spacing:-.02em}h2{font-size:var(--schrift-gross)}h3{font-size:var(--schrift-normal)}small{font-size:var(--schrift-klein)}.seite{max-width:560px;padding:var(--abstand-l) var(--abstand-m);margin:0 auto}.formular{gap:var(--abstand-m);margin:var(--abstand-m) 0;flex-direction:column;display:flex}.formular label{gap:var(--abstand-xs);flex-direction:column;display:flex}.formular input,.formular select{min-height:48px;padding:0 var(--abstand-m);font:inherit;color:var(--farbe-text);background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius-m)}.knopf{min-height:48px;padding:0 var(--abstand-m);font:inherit;color:var(--farbe-aufAkzent);background:var(--farbe-akzent);border-radius:var(--radius-m);cursor:pointer;border:0;font-weight:600}.knopf.zweit{color:var(--farbe-akzent);background:var(--farbe-flaeche);border:1px solid var(--farbe-rand)}.knopf:disabled{opacity:.5}.link{min-height:48px;font:inherit;color:var(--farbe-akzent);cursor:pointer;background:0 0;border:0;padding:0}.fehler{color:var(--farbe-text);margin:0;font-weight:600}.fehler:before{width:1.2em;height:1.2em;color:var(--farbe-aufAkzent);vertical-align:.05em;content:"!";background:var(--farbe-akzent);border-radius:50%;place-items:center;margin-right:.4em;font-size:.85em;font-weight:700;line-height:1;display:inline-grid}.leise{color:var(--farbe-textLeise)}.liste{gap:var(--abstand-s);flex-direction:column;padding:0;list-style:none;display:flex}.liste>li{padding:var(--abstand-m);background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius-m)}.marke{margin-right:var(--abstand-xs);padding:2px var(--abstand-s);font-size:var(--schrift-klein);border:1px solid var(--farbe-rand);border-radius:var(--radius-s);display:inline-block}.marke.rot{color:var(--farbe-klasseRot);border-color:var(--farbe-klasseRot)}.aktionen{gap:var(--abstand-s);margin-top:var(--abstand-s);flex-wrap:wrap;display:flex}.warnung{padding:var(--abstand-m);border:1px solid var(--farbe-klasseOrange);border-radius:var(--radius-m);gap:var(--abstand-s);flex-direction:column;display:flex}.kopfzeile{justify-content:space-between;align-items:center;gap:var(--abstand-m);display:flex}.projekt{overflow:hidden;border-radius:var(--radius-l)!important;padding:0!important}.projekt.eigen{border-color:#0000!important}.projekt.fremd{color:var(--farbe-textLeise);opacity:.7;background:0 0;padding:var(--abstand-m)!important}.verschiebenLeiste{z-index:5;gap:var(--abstand-s);padding:var(--abstand-s) var(--abstand-m);background:var(--farbe-flaeche);border-radius:var(--radius-m);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.projekt.wackelt{align-items:center;animation:.6s ease-in-out infinite alternate wackeln;display:flex}@keyframes wackeln{0%{transform:rotate(-.4deg)}to{transform:rotate(.4deg)}}@media (prefers-reduced-motion:reduce){.projekt.wackelt{animation:none}}.verschiebenKnoepfe{gap:var(--abstand-xs);padding-left:var(--abstand-s);flex-direction:column;display:flex}.projektKnopf{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;gap:var(--abstand-m);width:100%;min-height:48px;padding:var(--abstand-m);font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:56px 1fr;align-items:start;display:grid}.planSeite{z-index:10;background:var(--farbe-hintergrund);flex-direction:column;display:flex;position:fixed;inset:0}.planKopf{align-items:center;gap:var(--abstand-s);min-height:52px;padding:0 var(--abstand-m);padding-top:env(safe-area-inset-top);display:flex}.planTitel{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.planFilter{top:calc(56px + env(safe-area-inset-top));right:var(--abstand-m);left:var(--abstand-m);z-index:16;gap:var(--abstand-s);padding:var(--abstand-s) var(--abstand-m);background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius-m);flex-direction:column;display:flex;position:fixed}.planDruck{z-index:30;gap:var(--abstand-s);padding:var(--abstand-m);padding-top:calc(var(--abstand-m) + env(safe-area-inset-top));background:var(--farbe-hintergrund);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.planFlaeche{flex:1;min-height:0;position:relative}.planFlaeche,.planFlaeche *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.planFlaeche img,.planFlaeche canvas{-webkit-user-drag:none}.planBehaelter{touch-action:none;background:var(--farbe-rand);cursor:grab;outline-offset:-2px;position:absolute;inset:0;overflow:hidden}.planBehaelter:focus,.planBehaelter:focus-visible{outline:none}.planHuelle{transform-origin:0 0;will-change:transform;background:#fff;position:absolute;top:0;left:0}.planHuelle.nurRechnen{visibility:hidden;will-change:auto}.planAnsicht{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.planGrund,.planBild{width:100%;height:100%;display:block}.planDetail{opacity:0;pointer-events:none;position:absolute}.planWerkzeuge{top:var(--abstand-m);right:var(--abstand-m);z-index:6;align-items:flex-end;gap:var(--abstand-s);flex-direction:column;display:flex;position:absolute}.zoomPille{width:44px;height:44px;color:var(--farbe-text);background:color-mix(in srgb, var(--farbe-flaeche) 97%, transparent);cursor:pointer;transition:transform var(--bewegung-kurz) ease-out;border:0;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 2px 10px #0000002e}.zoomPille:active{transform:scale(var(--druck-skalierung))}.zoomPille.offen{color:var(--farbe-aufAkzent);background:var(--farbe-akzent)}.zoomPille .symbol{width:22px;height:22px}.zoomFenster{background:color-mix(in srgb, var(--farbe-flaeche) 97%, transparent);animation:einblenden var(--bewegung-kurz) ease-out both;border-radius:22px;align-items:center;gap:2px;padding:4px;display:flex;box-shadow:0 4px 16px #00000038}.zoomFenster button{min-width:44px;min-height:44px;padding:0 var(--abstand-s);font:inherit;font-size:var(--schrift-klein);color:var(--farbe-text);cursor:pointer;background:0 0;border:0;border-radius:18px;place-items:center;font-weight:600;display:grid}.zoomFenster button:active{background:color-mix(in srgb, var(--farbe-text) 10%, transparent)}.zoomFenster .symbol{width:22px;height:22px}.planZeile{align-items:center;gap:var(--abstand-s);flex-wrap:wrap;display:flex}.griff{min-width:48px;min-height:48px;color:var(--farbe-textLeise);cursor:grab;touch-action:none;background:0 0;border:0;font-size:22px}.planOeffnen{min-height:48px;font:inherit;color:var(--farbe-text);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:0;font-weight:600}.planName{gap:var(--abstand-s);flex-wrap:wrap;flex:1;display:flex}.planName input{min-width:160px;min-height:48px;padding:0 var(--abstand-m);font:inherit;color:var(--farbe-text);background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius-m);flex:1}.markerSchicht{pointer-events:none;position:absolute;inset:0}.markerPunkt{--marker-faktor:var(--marker-faktor-2);width:calc(var(--marker-grund) * var(--marker-faktor));height:calc(var(--marker-grund) * var(--marker-faktor));font:inherit;color:#fff;background:var(--klassenfarbe);cursor:pointer;pointer-events:auto;touch-action:none;will-change:translate;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;padding:0;font-weight:700;display:flex;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #0000008c,0 1px 4px #0000008c}.markerPunkt.rang-1{--marker-faktor:var(--marker-faktor-1)}.markerPunkt.rang-3{--marker-faktor:var(--marker-faktor-3);background:color-mix(in srgb, var(--klassenfarbe) 18%, #fff);border-color:var(--klassenfarbe)}.markerPunkt.rang-3 .klassenZeichen.artMarker .zeichenLinie{stroke:var(--klassenfarbe)}.markerPunkt.rang-3 .klassenZeichen.artMarker .zeichenPunkt{fill:var(--klassenfarbe)}.markerBeschriftung{top:50%;left:calc(100% + var(--abstand-xs));align-items:center;gap:var(--abstand-xs);pointer-events:none;display:flex;position:absolute;transform:translateY(-50%)}.markerNr{font-size:var(--schrift-klein);font-variant-numeric:tabular-nums;color:var(--farbe-text);background:var(--farbe-flaeche);border-radius:var(--radius-s);padding:0 5px;font-weight:700;box-shadow:0 0 0 1px #00000059}.markerPunkt.rang-1 .markerNr{color:#fff;background:var(--klassenfarbe);box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #00000073}.markerEtikett{max-width:9em;padding:1px var(--abstand-xs);font-size:var(--schrift-klein);color:var(--farbe-text);white-space:nowrap;text-overflow:ellipsis;background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius-s);font-weight:600;overflow:hidden}.markerSchicht[data-namen=nein] .markerEtikett{display:none}.markerPunkt.rot{--klassenfarbe:var(--farbe-klasseRot)}.markerPunkt.orange{--klassenfarbe:var(--farbe-klasseOrange)}.markerPunkt.blau{--klassenfarbe:var(--farbe-klasseBlau)}.markerPunkt.gruen{--klassenfarbe:var(--farbe-klasseGruen)}.markerPunkt.gewaehlt{outline:3px solid var(--farbe-akzent);outline-offset:2px}.markerPunkt.wirdGezogen{transform-origin:50%;filter:drop-shadow(0 6px 8px #00000080);opacity:.85}.markerFenster{z-index:20;max-height:65dvh;padding:var(--abstand-m);padding-bottom:calc(var(--abstand-m) + env(safe-area-inset-bottom));background:var(--farbe-flaeche);border-top:1px solid var(--farbe-rand);border-radius:var(--radius-l) var(--radius-l) 0 0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 18px #00000059}.markerFenster textarea{min-height:72px;padding:var(--abstand-s) var(--abstand-m);font:inherit;color:var(--farbe-text);background:var(--farbe-hintergrund);border:1px solid var(--farbe-rand);border-radius:var(--radius-m)}.markerFenster.halb,.markerFenster.voll{max-height:none;padding:0 var(--abstand-m);padding-bottom:calc(var(--abstand-m) + env(safe-area-inset-bottom));transition:height var(--bewegung-mittel) ease-out;animation:blattHoch var(--bewegung-mittel) ease-out}.markerFenster.halb{height:52dvh}.markerFenster.voll{height:calc(100dvh - env(safe-area-inset-top) - var(--abstand-l))}.fensterGriff{cursor:pointer;background:0 0;border:0;place-items:center;width:100%;min-height:28px;padding:0;display:grid}.fensterGriff span{background:var(--farbe-rand);border-radius:3px;width:36px;height:5px}.titelFoto{margin-bottom:var(--abstand-s);border-radius:var(--radius-m);flex:none;position:relative;overflow:hidden}.titelFoto img{object-fit:cover;background:var(--farbe-rand);width:100%;height:120px;display:block}.markerFenster.voll .titelFoto img{height:200px}.fotoAnzahl{right:var(--abstand-s);bottom:var(--abstand-s);font-size:var(--schrift-klein);color:#fff;background:#0000008c;border-radius:10px;padding:2px 8px;font-weight:600;position:absolute}.markerFenster .kopfzeile h2{font-size:var(--schrift-gross);margin:0}.rundKnopf.klein{width:36px;height:36px;box-shadow:none;background:color-mix(in srgb, var(--farbe-text) 8%, transparent);color:var(--farbe-textLeise)}.rundKnopf.klein .symbol{width:16px;height:16px}.markerFenster .klassenwahl{background:color-mix(in srgb, var(--farbe-text) 7%, transparent);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:2px;padding:3px}.markerFenster .klassenKnopf{border-radius:9px;gap:2px;min-height:56px;padding:6px 0 5px}.markerFenster .klassenKnopf.aktiv{background:var(--farbe-flaeche);box-shadow:0 1px 3px #0000001f}.markerFenster .klassenKnopf .klassenZeichen.artKnopf{width:30px;height:30px}.feldGruppe{background:var(--farbe-hintergrund);border-radius:12px;overflow:hidden}.feldGruppe .formular{padding:var(--abstand-s) var(--abstand-m);font-size:var(--schrift-klein);color:var(--farbe-textLeise);gap:2px;margin:0;font-weight:600}.feldGruppe .formular+.formular{border-top:.5px solid var(--farbe-rand)}.feldGruppe .formular input,.feldGruppe .formular textarea{min-height:32px;font-size:var(--schrift-normal);color:var(--farbe-text);background:0 0;border:0;border-radius:0;outline:none;padding:0;font-weight:400}.feldGruppe .formular textarea{resize:none;min-height:56px}.feldGruppe>.leise{padding:0 var(--abstand-m) var(--abstand-s);font-size:var(--schrift-klein);margin:0}.markerFenster .kommentare .liste{gap:var(--abstand-s);flex-direction:column;padding:0;display:flex}.markerFenster .kommentare .liste>li{max-width:88%;padding:var(--abstand-s) var(--abstand-m);background:var(--farbe-hintergrund);border:0;border-radius:4px 16px 16px;align-self:flex-start}.markerFenster .kommentare .liste>li .leise{font-size:var(--schrift-klein);display:block}.klassenwahl{gap:var(--abstand-s);margin:var(--abstand-s) 0;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));display:grid}.klassenKnopf{align-items:center;gap:var(--abstand-xs);min-height:48px;padding:var(--abstand-xs) 0;font:inherit;font-size:var(--schrift-klein);color:var(--farbe-textLeise);cursor:pointer;background:0 0;border:0;flex-direction:column;display:flex}.klassenKnopf.aktiv{color:var(--farbe-text);font-weight:700}.planMeldung{top:calc(56px + env(safe-area-inset-top));right:var(--abstand-m);left:var(--abstand-m);z-index:15;padding:var(--abstand-s) var(--abstand-m);background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius-m);margin:0;position:fixed}.rueckgaengig{justify-content:space-between;align-items:center;display:flex}.hinweisWarn{padding:var(--abstand-s) var(--abstand-m);border:1px solid var(--farbe-klasseOrange);border-radius:var(--radius-m)}.fotos.ziehtDatei{outline:3px dashed var(--farbe-akzent);outline-offset:4px}.fotoRaster{gap:var(--abstand-s);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:0;list-style:none;display:grid}.todoKarte{gap:var(--abstand-xs);padding:var(--abstand-s) var(--abstand-m) var(--abstand-s) var(--abstand-s);background:0 0;border:0;flex-direction:column;display:flex}.todoKarte.erledigt{opacity:.7;background:0 0}.todoKarte.erledigt .todoText{opacity:.6;text-decoration:line-through}.todoZeile{gap:var(--abstand-s);touch-action:pan-y;align-items:flex-start;transition:transform .22s cubic-bezier(.2,.9,.3,1.2);display:flex}.todoKarte{border-radius:var(--radius-m);transition:background-color .15s}.todoKarte[data-wisch=rechts]{background:color-mix(in srgb, var(--farbe-klasseGruen) 22%, transparent)}.todoKarte[data-wisch=links]{background:color-mix(in srgb, var(--farbe-akzent) 18%, transparent)}.todoHaken{width:44px;height:44px;font:inherit;color:var(--farbe-aufAkzent);background:var(--farbe-flaeche);border:2px solid var(--farbe-rand);border-radius:var(--radius-m);flex:none;font-size:1.4em;line-height:1}.todoHaken{cursor:pointer;place-items:center;padding:0;display:grid}.todoHaken .hakenZeichen{fill:none;width:26px;height:26px;stroke:var(--farbe-aufAkzent);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.todoHaken.frisch .hakenZeichen path{stroke-dasharray:1;stroke-dashoffset:1px;animation:hakenZeichnen var(--bewegung-mittel) ease-out var(--bewegung-kurz) forwards}@keyframes hakenFuellen{0%{background:var(--farbe-flaeche);transform:scale(.8)}to{transform:scale(1)}}@keyframes hakenZeichnen{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.todoHaken.frisch,.todoHaken.frisch .hakenZeichen path{stroke-dashoffset:0;animation:none}}.todoKopf{min-height:44px;font:inherit;color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;flex:1;gap:2px;padding:0;display:flex}.todoText{white-space:pre-wrap}.todoInfo{font-size:var(--schrift-klein)}.todoDetails{gap:var(--abstand-xs);flex-direction:column;display:flex}.todoNeuZeile{gap:var(--abstand-s);display:flex}.todoNeuZeile input{flex:1;min-width:0}.todoKarte select,.todoKarte textarea,.todoNeu input,.todoNeu select{font:inherit;min-height:40px}.fotoKarte{gap:var(--abstand-xs);padding:var(--abstand-s);background:var(--farbe-hintergrund);border:1px solid var(--farbe-rand);border-radius:var(--radius-m);flex-direction:column;display:flex}.fotoKarte.titelbild{border-color:var(--farbe-akzent);border-width:2px}.fotoKarte input{min-height:40px;padding:0 var(--abstand-s);font:inherit;color:var(--farbe-text);background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius-s)}.fotoBild{aspect-ratio:4/3;object-fit:cover;background:var(--farbe-rand);border-radius:var(--radius-s);width:100%}.optionen{margin:var(--abstand-m) 0;padding:var(--abstand-s) var(--abstand-m);border:1px solid var(--farbe-rand);border-radius:var(--radius-m)}.auswahlZeile{align-items:center;gap:var(--abstand-s);min-height:48px;display:flex}.auswahlZeile input{width:24px;height:24px}.markerAuswahl{padding-left:var(--abstand-m);list-style:none}.fotoKarte.wartend{border-style:dashed}.statusZeile{align-items:center;gap:var(--abstand-s);font-size:var(--schrift-klein);display:flex}.statusSymbol{width:24px;height:24px;color:var(--farbe-textLeise);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.statusZeile.fehlgeschlagen .statusSymbol{color:#fff;background:var(--farbe-klasseRot);border-radius:50%}.abgleichLampeHuelle{flex:none;position:relative}.abgleichLampe{cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:32px;padding:0;display:grid}.abgleichLampe i{background:var(--lampe);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, var(--lampe) 22%, transparent);transition:background var(--bewegung-mittel) ease-out, box-shadow var(--bewegung-mittel) ease-out;border-radius:50%}.abgleichLampe.gruen{--lampe:var(--farbe-klasseGruen)}.abgleichLampe.orange{--lampe:var(--farbe-klasseOrange)}.abgleichLampe.orange i{animation:1.6s ease-in-out infinite lampeAtmen}.abgleichLampe.rot{--lampe:var(--farbe-klasseRot)}@keyframes lampeAtmen{50%{opacity:.45}}.abgleichInfo{z-index:30;width:max-content;max-width:min(260px,70vw);padding:var(--abstand-s) var(--abstand-m);font-size:var(--schrift-klein);color:var(--farbe-text);background:var(--farbe-flaeche);border-radius:var(--radius-m);box-shadow:0 6px 24px #00000038, 0 0 0 .5px var(--farbe-rand);animation:einblenden var(--bewegung-kurz) ease-out both;flex-direction:column;gap:2px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.abgleichInfo small{color:var(--farbe-textLeise)}@media (prefers-reduced-motion:reduce){.abgleichLampe.orange i{animation:none}}.sperre{z-index:100;justify-content:center;align-items:center;gap:var(--abstand-m);padding:var(--abstand-l);text-align:center;background:var(--farbe-hintergrund);flex-direction:column;display:flex;position:fixed;inset:0}.abgleichDetails{margin:0 0 var(--abstand-s);padding:var(--abstand-s);font-family:monospace;font-size:var(--schrift-klein);white-space:pre-wrap;background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius-s)}.markerListe,.markerListeFilter{gap:var(--abstand-s);flex-direction:column;display:flex}.markerListeFilter .suchfeld input{border:0}.filterAuswahl{gap:var(--abstand-s);flex-wrap:wrap;display:flex}.auswahlKapsel{align-items:center;gap:var(--abstand-xs);min-height:40px;font-size:var(--schrift-klein);color:var(--farbe-textLeise);background:var(--farbe-flaeche);border:.5px solid var(--farbe-rand);border-radius:20px;flex:140px;padding:0 34px 0 14px;display:flex;position:relative}.auswahlKapsel:after{content:"";border-right:1.8px solid var(--farbe-textLeise);border-bottom:1.8px solid var(--farbe-textLeise);pointer-events:none;width:7px;height:7px;position:absolute;top:50%;right:14px;transform:translateY(-70%)rotate(45deg)}.auswahlKapsel select{min-width:0;min-height:40px;font:inherit;color:var(--farbe-text);appearance:none;text-overflow:ellipsis;background:0 0;border:0;outline:none;flex:1;padding:0;font-weight:600}.auswahlKapsel:focus-within{box-shadow:0 0 0 2px var(--farbe-akzent)}.markerListeZeilen>li.markerZeile{padding:0}.markerZeileKnopf{align-items:center;gap:var(--abstand-m);width:100%;min-height:64px;padding:var(--abstand-m);font:inherit;color:var(--farbe-text);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.markerZeichen{flex:none;display:flex}.markerZeile .markerNr{font-variant-numeric:tabular-nums;flex:none}.markerText{flex-direction:column;flex:1;min-width:0;display:flex}.markerTitel{overflow-wrap:anywhere;font-weight:600}.markerMeta{font-size:var(--schrift-klein);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.markerBild{object-fit:cover;border-radius:var(--radius-s);flex:none;width:56px;height:56px}.klassenZeichen{flex:none;overflow:visible}.klassenZeichen.artListe{width:32px;height:32px}.klassenZeichen.artKnopf{width:56px;height:56px}.klassenZeichen .zeichenFlaeche{fill:color-mix(in srgb, var(--klassenfarbe) var(--toenung), var(--farbe-flaeche))}.klassenZeichen .zeichenLinie{fill:none;stroke:var(--klassenfarbe);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.klassenZeichen .zeichenPunkt{fill:var(--klassenfarbe);stroke:none}.klassenZeichen.voll .zeichenFlaeche{fill:var(--klassenfarbe)}.klassenZeichen.voll .zeichenLinie{stroke:#fff}.klassenZeichen.voll .zeichenPunkt{fill:#fff}.klassenZeichen .zeichenRing{fill:none;stroke:var(--klassenfarbe);stroke-width:1px}.klassenZeichen.artMarker{width:62%;height:62%}.klassenZeichen.artMarker .zeichenLinie{stroke:#fff;stroke-width:2.6px}.klassenZeichen.artMarker .zeichenPunkt{fill:#fff}.baustellenHaus{--feder:cubic-bezier(.34, 1.56, .64, 1);--weich:cubic-bezier(.22, .9, .24, 1);--haus-linie:color-mix(in srgb, var(--farbe-text) 45%, var(--farbe-flaeche));--haus-glas:color-mix(in srgb, var(--farbe-text) 38%, var(--farbe-flaeche));flex:none;width:52px;height:52px;overflow:visible}.baustellenHaus .hausLicht,.baustellenHaus .hausSchatten,.baustellenHaus .hausOben{stroke:var(--haus-linie);stroke-width:.7px;stroke-linejoin:round}.baustellenHaus .hausLicht{fill:color-mix(in srgb, var(--farbe-text) 7%, var(--farbe-flaeche))}.baustellenHaus .hausSchatten{fill:color-mix(in srgb, var(--farbe-text) 16%, var(--farbe-flaeche))}.baustellenHaus .hausOben{fill:var(--farbe-flaeche)}.baustellenHaus .hausFenster{fill:var(--haus-glas)}.baustellenHaus .hausPlan{fill:none;stroke:var(--farbe-textLeise);stroke-width:.6px;stroke-dasharray:1.2 1.6;opacity:.55}.baustellenHaus .hausBoden{fill:#00000024}[data-farbschema=dunkel] .baustellenHaus .hausBoden{fill:#000000b3}.baustellenHaus .hausLeuchten{fill:var(--farbe-klasseGruen);opacity:.22}.baustellenHaus.voll .hausFenster,.baustellenHaus .hausHaken circle{fill:var(--farbe-klasseGruen)}.baustellenHaus .hausHaken path{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.baustellenHaus .landen{animation:hausLanden var(--haus-feder) var(--feder) both;animation-delay:var(--verzug,0s)}@keyframes hausLanden{0%{opacity:0;transform:translateY(-18px)}35%{opacity:1}to{transform:none}}.baustellenHaus .hausSetzen{transform-box:fill-box;transform-origin:50% 100%;animation:hausSetzen var(--bewegung-mittel) var(--weich) both;animation-delay:calc(var(--haus-feder) * .55)}@keyframes hausSetzen{40%{transform:scaleY(.965)}to{transform:none}}.baustellenHaus .hausPlanWeg{animation:hausVerblassen var(--bewegung-mittel) var(--weich) forwards;animation-delay:calc(var(--haus-feder) * .5 + var(--verzug,0s))}@keyframes hausVerblassen{to{opacity:0}}.baustellenHaus.ende .hausFenster{animation:hausFlackern var(--haus-flackern) linear both;animation-delay:calc(var(--haus-feder) + var(--stock) * var(--fenster-versatz))}@keyframes hausFlackern{0%,12%{fill:var(--haus-glas)}18%,30%{fill:var(--farbe-klasseGruen)}36%,48%{fill:var(--haus-glas)}54%,66%{fill:var(--farbe-klasseGruen)}72%{fill:color-mix(in srgb, var(--farbe-klasseGruen) 45%, var(--farbe-flaeche))}80%,to{fill:var(--farbe-klasseGruen)}}.baustellenHaus.ende .hausLeuchten{animation:hausLeuchten calc(var(--haus-feder) * 2) var(--weich) both;animation-delay:calc(var(--haus-feder) + .7s)}@keyframes hausLeuchten{0%{opacity:0}45%{opacity:.5}to{opacity:.22}}.baustellenHaus.ende .hausHaken{transform-box:fill-box;transform-origin:50%;animation:hausEinrasten var(--bewegung-mittel) var(--feder) both;animation-delay:calc(var(--haus-feder) + .9s)}.baustellenHaus.ende .hausHaken path{stroke-dashoffset:1px;animation:hausZeichnen var(--bewegung-mittel) var(--weich) forwards;animation-delay:calc(var(--haus-feder) + .9s + var(--bewegung-kurz))}@keyframes hausEinrasten{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes hausZeichnen{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.baustellenHaus *,.baustellenHaus .hausHaken path{animation:none!important}.baustellenHaus .hausPlanWeg{opacity:0}.baustellenHaus .hausHaken path{stroke-dashoffset:0}}.planMiniatur{background:var(--farbe-hintergrund);border:1px solid var(--farbe-rand);border-radius:var(--radius-s);width:56px;height:56px;display:block;overflow:hidden}.planMiniatur img{object-fit:cover;width:100%;height:100%;display:block}.projektInhalt{flex-direction:column;gap:2px;min-width:0;display:flex}.projektKnopf .leise{font-size:var(--schrift-klein)}.projektZusammenfassung{gap:2px var(--abstand-s);font-size:var(--schrift-klein);flex-wrap:wrap;display:flex}.projektZusammenfassung .problem{color:var(--farbe-klasseRot);font-weight:700}.projektZusammenfassung .offen{color:var(--farbe-klasseOrange)}.projektFortschritt{align-items:center;gap:var(--abstand-m);margin-top:var(--abstand-s);display:flex}.projektStand{min-width:0;font-size:var(--schrift-klein);font-variant-numeric:tabular-nums;flex-direction:column;flex:1;gap:6px;display:flex}.projektStand .fertig{color:var(--farbe-klasseGruen);font-weight:700}.fortschrittBalken{background:color-mix(in srgb, var(--farbe-text) 12%, transparent);border-radius:2px;height:4px;overflow:hidden}.fortschrittBalken>span{background:var(--farbe-klasseGruen);height:100%;transition:width var(--bewegung-mittel) ease-out;border-radius:2px;display:block}.knopf,.projektKnopf,.markerZeileKnopf,.klassenKnopf .klassenZeichen,.markerPunkt .klassenZeichen{transition:transform var(--bewegung-kurz) ease-out}.knopf:active:not(:disabled),.projektKnopf:active,.markerZeileKnopf:active,.klassenKnopf:active:not(:disabled) .klassenZeichen{transform:scale(var(--druck-skalierung))}@media (prefers-reduced-motion:reduce){.knopf:active:not(:disabled),.projektKnopf:active,.markerZeileKnopf:active,.klassenKnopf:active:not(:disabled) .klassenZeichen{transform:none}}.markerPunkt.neuGesetzt{animation:markerAufpoppen var(--haus-feder) cubic-bezier(.34, 1.56, .64, 1) both}.markerPunkt.neuGesetzt:before{content:"";border:2px solid var(--klassenfarbe);pointer-events:none;animation:markerRing calc(var(--haus-feder) * 1.5) ease-out var(--bewegung-kurz) both;border-radius:50%;position:absolute;inset:-3px}@keyframes markerAufpoppen{0%{scale:.3}to{scale:1}}@keyframes markerRing{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@media (prefers-reduced-motion:reduce){.markerPunkt.neuGesetzt,.markerPunkt.neuGesetzt:before{animation:none}.markerPunkt.neuGesetzt:before{opacity:0}}.markerPunkt.todoPunkt,.markerPunkt.todoPunkt.neuGesetzt:before{border-radius:var(--radius-s)}.stellenVorschlag{width:var(--marker-grund);height:var(--marker-grund);border:3px solid var(--farbe-akzent);box-shadow:0 0 0 2px var(--farbe-flaeche);pointer-events:none;animation:stelleAtmen calc(var(--haus-feder) * 3) ease-in-out infinite alternate;border-radius:50%;position:absolute;top:0;left:0}@keyframes stelleAtmen{0%{scale:.85}to{scale:1.05}}.todoPille{bottom:calc(var(--abstand-m) + env(safe-area-inset-bottom));left:var(--abstand-m);right:var(--abstand-m);z-index:12;align-items:center;gap:var(--abstand-m);min-height:calc(var(--abstand-s) * 7);padding:0 var(--abstand-m) 0 var(--abstand-s);font:inherit;font-variant-numeric:tabular-nums;color:var(--farbe-text);background:color-mix(in srgb, var(--farbe-flaeche) 97%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--farbe-rand) 70%, transparent), 0 8px 24px #00000038;cursor:pointer;transition:transform var(--bewegung-kurz) ease-out;border:0;border-radius:999px;font-weight:600;display:flex;position:fixed}.todoPille:active{transform:scale(var(--druck-skalierung))}.todoPille .leise{padding-left:var(--abstand-s);font-weight:400}.todoPilleZahl{align-items:center;gap:var(--abstand-xs);display:inline-flex}.todoPilleGriff{background:var(--farbe-rand);border-radius:3px;width:32px;height:5px;margin-left:auto}.todoBlatt{z-index:18;height:50dvh;padding:0 var(--abstand-m);background:var(--farbe-flaeche);border-top:1px solid var(--farbe-rand);border-radius:var(--radius-l) var(--radius-l) 0 0;transition:height var(--bewegung-mittel) ease-out;animation:blattHoch var(--bewegung-mittel) ease-out;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 18px #00000040}.todoBlatt.voll{height:calc(100dvh - env(safe-area-inset-top) - var(--abstand-l))}@keyframes blattHoch{0%{transform:translateY(100%)}}.todoBlatt h2{font-size:var(--schrift-gross);margin:0}.todoBlattGriff{cursor:pointer;background:0 0;border:0;align-self:center;place-items:center;width:100%;min-height:28px;padding:0;display:grid}.todoBlattGriff span{background:var(--farbe-rand);border-radius:3px;width:36px;height:5px}.todoBlattInhalt{min-height:0;padding-bottom:calc(var(--abstand-m) + env(safe-area-inset-bottom));overscroll-behavior:contain;flex:1;overflow-y:auto}@media (prefers-reduced-motion:reduce){.todoBlatt,.stellenVorschlag{animation:none}}.stellenWahl h2,.todoNeuFenster h2{font-size:var(--schrift-gross);margin:0}.stellenWahlKnoepfe{gap:var(--abstand-s);margin-top:var(--abstand-s);grid-template-columns:1fr 1fr;display:grid}.stellenWahlKnopf{align-items:flex-start;gap:var(--abstand-xs);min-height:96px;padding:var(--abstand-m);font:inherit;color:var(--farbe-text);text-align:left;background:var(--farbe-hintergrund);border:1px solid var(--farbe-rand);border-radius:var(--radius-m);cursor:pointer;transition:transform var(--bewegung-kurz) ease-out;flex-direction:column;display:flex}.stellenWahlKnopf:active{transform:scale(var(--druck-skalierung))}.stellenWahlKnopf .leise{font-size:var(--schrift-klein)}.wahlZeichen{width:28px;height:28px;margin-bottom:var(--abstand-xs);background:var(--farbe-klasseOrange);border:3px solid #fff;box-shadow:0 0 0 1px #00000073}.wahlZeichen.marker{border-radius:50%}.wahlZeichen.todo{border-radius:var(--radius-s)}.todoOrtKnopf{width:48px;min-height:48px;color:var(--farbe-text);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.todoOrtKnopf svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:22px;height:22px}.hinweisWahl{justify-content:space-between;align-items:center;gap:var(--abstand-s);padding:var(--abstand-s) var(--abstand-m);margin:var(--abstand-s) 0;border:1px solid var(--farbe-akzent);border-radius:var(--radius-m);display:flex}.symbol{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.symbol .symbolPunkt{fill:currentColor;stroke:none}.rundKnopf{width:44px;height:44px;color:var(--farbe-text);background:var(--farbe-flaeche);cursor:pointer;transition:transform var(--bewegung-kurz) ease-out;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000f}.rundKnopf.tinte{color:var(--farbe-aufAkzent);background:var(--farbe-akzent);box-shadow:none}.rundKnopf:active,.segment:active,.chip:active{transform:scale(var(--druck-skalierung))}.seite.baustelle{padding-top:0}.baustellenLeiste{z-index:5;align-items:center;gap:var(--abstand-s);margin:0 calc(var(--abstand-m) * -1);padding:var(--abstand-xs) var(--abstand-m);padding-top:calc(var(--abstand-xs) + env(safe-area-inset-top));background:var(--farbe-hintergrund);transition:box-shadow var(--bewegung-mittel) ease-out;display:flex;position:sticky;top:0}.baustellenLeiste.kompakt{box-shadow:0 .5px 0 var(--farbe-rand)}.zurueckKnopf{min-height:44px;padding:0 var(--abstand-xs) 0 0;font:inherit;color:var(--farbe-textLeise);cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:2px;display:flex}.leisteTitel{justify-content:center;align-items:center;gap:var(--abstand-xs);min-width:0;animation:einblenden var(--bewegung-mittel) ease-out;flex:1;font-weight:600;display:flex}.leisteTitel>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes einblenden{0%{opacity:0}}.kleinesHaus{font-size:var(--schrift-klein);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:2px;font-weight:700;display:inline-flex}.kopfKarte{align-items:center;gap:var(--abstand-m);margin:var(--abstand-s) 0 var(--abstand-m);padding:var(--abstand-m);background:var(--farbe-flaeche);border-radius:var(--radius-l);display:flex}.kopfText{gap:var(--abstand-xs);flex-direction:column;flex:1;min-width:0;display:flex}.kopfText h1{font-size:var(--schrift-gross);overflow-wrap:anywhere;margin:0;line-height:1.15}.kopfText .leise{font-size:var(--schrift-klein);color:var(--farbe-textLeise);margin:0}.kopfText .projektStand{margin-top:var(--abstand-xs)}.segmente{margin:0 0 var(--abstand-m);background:color-mix(in srgb, var(--farbe-text) 8%, transparent);border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;padding:2px;display:grid}.segment{min-height:40px;padding:0 var(--abstand-xs);font:inherit;font-size:var(--schrift-klein);color:var(--farbe-textLeise);cursor:pointer;transition:background var(--bewegung-kurz) ease-out, transform var(--bewegung-kurz) ease-out;background:0 0;border:0;border-radius:8px}.segment.aktiv{color:var(--farbe-text);background:var(--farbe-flaeche);font-weight:600;box-shadow:0 1px 3px #0000001f}.listenKopf{gap:var(--abstand-s);margin-bottom:var(--abstand-m);flex-direction:column;display:flex}.listenKopfZeile{margin-top:calc(var(--abstand-l) * -1 + var(--abstand-xs));padding-top:env(safe-area-inset-top);justify-content:space-between;display:flex}.listenKopf h1{font-size:var(--schrift-titel);letter-spacing:-.02em;margin:0}.suchfeld{align-items:center;gap:var(--abstand-s);min-height:44px;padding:0 var(--abstand-m) 0 12px;color:var(--farbe-textLeise);background:color-mix(in srgb, var(--farbe-text) 8%, transparent);border-radius:12px;display:flex}.suchfeld .symbol{width:18px;height:18px}.suchfeld input{min-width:0;min-height:44px;font:inherit;color:var(--farbe-text);background:0 0;border:0;outline:none;flex:1;padding:0}.suchfeld:focus-within{box-shadow:0 0 0 2px var(--farbe-akzent)}.filterChips{gap:var(--abstand-s);scrollbar-width:none;display:flex;overflow-x:auto}.chip{min-height:36px;font:inherit;font-size:var(--schrift-klein);font-variant-numeric:tabular-nums;color:var(--farbe-text);background:var(--farbe-flaeche);border:.5px solid var(--farbe-rand);cursor:pointer;transition:transform var(--bewegung-kurz) ease-out;border-radius:18px;flex:none;padding:0 14px}.chip.an{color:var(--farbe-text);background:color-mix(in srgb, var(--farbe-text) 5%, var(--farbe-flaeche));border-color:var(--farbe-text);box-shadow:inset 0 0 0 .5px var(--farbe-text);font-weight:600}@media (prefers-reduced-motion:reduce){.rundKnopf:active,.segment:active,.chip:active{transform:none}.leisteTitel{animation:none}}.mehrKnopf{width:44px;height:44px;color:var(--farbe-textLeise);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.mehrKnopf[aria-expanded=true]{color:var(--farbe-text);background:var(--farbe-hintergrund)}.planAktionen{animation:einblenden var(--bewegung-kurz) ease-out;flex-basis:100%}.plaeneKopfZeile{justify-content:space-between;align-items:center;gap:var(--abstand-m);display:flex}.ansichtWahl{background:color-mix(in srgb, var(--farbe-text) 8%, transparent);border-radius:12px;gap:2px;padding:3px;display:flex}.ansichtWahl button{width:44px;height:38px;color:var(--farbe-textLeise);cursor:pointer;transition:background var(--bewegung-kurz) ease-out, transform var(--bewegung-kurz) ease-out;background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:grid}.ansichtWahl.mitText button{width:auto;padding:0 var(--abstand-m);font:inherit;font-size:var(--schrift-klein);white-space:nowrap}.ansichtWahl button:active{transform:scale(var(--druck-skalierung))}.ansichtWahl button.an{color:var(--farbe-text);background:var(--farbe-flaeche);box-shadow:0 0 0 .5px var(--farbe-rand)}.ansichtWahl .symbol{width:22px;height:22px}.planKacheln{gap:var(--abstand-m);margin:var(--abstand-m) 0;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.planKachel{gap:var(--abstand-xs);padding:var(--abstand-s) var(--abstand-s) var(--abstand-s);background:var(--farbe-flaeche);border-radius:var(--radius-m);box-shadow:0 0 0 .5px var(--farbe-rand);flex-direction:column;display:flex;position:relative}.planKachelBild{background:color-mix(in srgb, var(--farbe-text) 5%, var(--farbe-flaeche));border-radius:calc(var(--radius-m) - 4px);cursor:pointer;aspect-ratio:1;border:0;width:100%;padding:0;display:block;overflow:hidden}.planKachelBild img{object-fit:contain;width:100%;height:100%;display:block}.planKachel .planOeffnen{min-height:40px;padding:0 var(--abstand-xs);font-size:var(--schrift-klein);text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:none;line-height:1.25;display:-webkit-box;overflow:hidden}.planKachel .griff,.planKachel .mehrKnopf{top:calc(var(--abstand-s) + 6px);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--farbe-text);background:color-mix(in srgb, var(--farbe-flaeche) 92%, transparent);border-radius:50%;font-size:18px;position:absolute;box-shadow:0 1px 4px #0000002e}.planKachel .griff{left:calc(var(--abstand-s) + 6px)}.planKachel .mehrKnopf{right:calc(var(--abstand-s) + 6px)}.planKachel .planAktionen,.planKachel .planName{flex-direction:column}.toDoKasten{--kasten-linie:color-mix(in srgb, var(--farbe-text) 45%, var(--farbe-flaeche));flex:none;overflow:visible}.toDoKasten .kastenHell,.toDoKasten .kastenMittel,.toDoKasten .kastenFlaeche{stroke:var(--kasten-linie);stroke-width:.7px;stroke-linejoin:round}.toDoKasten .kastenHell{fill:color-mix(in srgb, var(--farbe-text) 6%, var(--farbe-flaeche))}.toDoKasten .kastenMittel{fill:color-mix(in srgb, var(--farbe-text) 14%, var(--farbe-flaeche))}.toDoKasten .kastenFlaeche{fill:var(--farbe-flaeche)}.toDoKasten .kastenBoden{fill:#00000024}[data-farbschema=dunkel] .toDoKasten .kastenBoden{fill:#000000b3}.toDoKasten .kastenBuegel{fill:none;stroke:var(--kasten-linie);stroke-width:1.4px;stroke-linecap:round}.toDoKasten .kastenVerschluss{fill:color-mix(in srgb, var(--farbe-text) 26%, var(--farbe-flaeche));stroke:var(--kasten-linie);stroke-width:.5px;transition:fill var(--bewegung-mittel) ease-out}.toDoKasten.voll .kastenVerschluss{fill:var(--farbe-klasseGruen);stroke:var(--farbe-klasseGruen)}.toDoKasten .metall{fill:color-mix(in srgb, var(--farbe-text) 35%, var(--farbe-flaeche));stroke:var(--kasten-linie);stroke-width:.5px}.toDoKasten .stiel{fill:color-mix(in srgb, var(--farbe-text) 14%, var(--farbe-flaeche));stroke:var(--kasten-linie);stroke-width:.5px}.toDoKasten .kastenWerkzeug{transition:transform calc(var(--haus-feder) * 1.75) cubic-bezier(.34, 1.56, .64, 1), opacity var(--bewegung-mittel) ease-out}.toDoKasten .kastenDeckel{transition:transform calc(var(--haus-feder) * 1.6) cubic-bezier(.34, 1.56, .64, 1)}.toDoKasten .kastenProblem,.toDoKasten .kastenHaken{transform-box:fill-box;transform-origin:50%;transition:transform var(--haus-feder) cubic-bezier(.34, 1.56, .64, 1), opacity var(--bewegung-mittel) ease-out}.toDoKasten .kastenProblem circle{fill:var(--farbe-klasseRot);stroke:var(--farbe-hintergrund);stroke-width:1.4px}.toDoKasten .kastenProblem text{font:800 6.5px var(--schrift-familie);text-anchor:middle;fill:#fff}.toDoKasten .kastenProblem.aus{opacity:0;transform:scale(.2)}.toDoKasten .kastenHaken{opacity:0;transform:scale(.4)}.toDoKasten.voll .kastenHaken{opacity:1;transform:none}.toDoKasten.ende .kastenHaken{animation:hausEinrasten var(--bewegung-mittel) cubic-bezier(.34, 1.56, .64, 1) both;animation-delay:calc(var(--haus-feder) + .3s)}.toDoKasten .kastenHaken circle{fill:var(--farbe-klasseGruen);stroke:var(--farbe-hintergrund);stroke-width:1.4px}.toDoKasten .kastenHaken path{fill:none;stroke:#fff;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion:reduce){.toDoKasten *{transition:none!important;animation:none!important}}.todoKopf2{align-items:center;gap:var(--abstand-m);margin:var(--abstand-s) 0 var(--abstand-m);padding:var(--abstand-s) var(--abstand-m);background:var(--farbe-flaeche);border-radius:var(--radius-l);display:flex}.todoKopf2 .zahlen{font-size:var(--schrift-klein);color:var(--farbe-textLeise);font-variant-numeric:tabular-nums;flex-direction:column;display:flex}.todoKopf2 .zahlen strong{font-size:var(--schrift-gross);color:var(--farbe-text)}.todoKopf2 .zahlen .problem{color:var(--farbe-klasseRot);font-weight:700}.todoKopf2 .zahlen .fertig{color:var(--farbe-klasseGruen);font-weight:700}.stapelListe{gap:var(--abstand-l);margin-bottom:var(--abstand-l);flex-direction:column;display:flex}.stapel{--status:var(--farbe-text);gap:var(--abstand-s);flex-direction:column;display:flex}.stapel.s-rot{--status:var(--farbe-klasseRot)}.stapel.s-orange{--status:var(--farbe-klasseOrange)}.stapel.s-gruen{--status:var(--farbe-klasseGruen)}.stapelKopf{align-items:center;gap:var(--abstand-s);width:100%;min-height:44px;padding:0 var(--abstand-xs);font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.stapelKopf .klassenZeichen{width:24px;height:24px}.stapelKopf h2{font-size:var(--schrift-klein);color:var(--farbe-textLeise);flex:1;margin:0;font-weight:600}.stapelZahl{font-size:var(--schrift-klein);font-variant-numeric:tabular-nums;color:var(--status);font-weight:700}.stapelPfeil{fill:none;width:13px;height:13px;stroke:var(--farbe-textLeise);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--bewegung-mittel) ease-out}.stapel.auf .stapelPfeil{transform:rotate(90deg)}.stapel.leer .stapelKopf{opacity:.5;cursor:default}.stapel.leer .stapelZahl{color:var(--farbe-textLeise)}.stapelGruppe{gap:var(--abstand-s);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.stapelGruppe>li{background:var(--farbe-flaeche);border-radius:var(--radius-m);box-shadow:0 0 0 .5px var(--farbe-rand);overflow:hidden}.stapel.auf .stapelGruppe>li{animation:stapelAuf var(--bewegung-mittel) ease-out both}@keyframes stapelAuf{0%{opacity:0;transform:translateY(-6px)}}.stapelVorn{cursor:pointer;margin-bottom:14px;position:relative}.stapelKanten{position:absolute;top:100%;left:0;right:0}.stapelKanten i{background:var(--farbe-flaeche);border-radius:0 0 var(--radius-m) var(--radius-m);height:10px;box-shadow:0 0 0 .5px var(--farbe-rand);position:absolute;left:0;right:0}.stapelKanten i:first-child{margin:0 var(--abstand-s);top:0}.stapelKanten i:last-child{margin:0 var(--abstand-m);opacity:.6;top:5px}@media (prefers-reduced-motion:reduce){.stapel.auf .stapelGruppe>li{animation:none}}.todoKopf2 .druckKnopf{order:3;margin-left:auto}.planKopf2{align-items:center;gap:var(--abstand-m);margin:var(--abstand-s) 0 var(--abstand-m);padding:var(--abstand-s) var(--abstand-m);background:var(--farbe-flaeche);border-radius:var(--radius-l);display:flex}.planKopf2 .zahlen{font-size:var(--schrift-klein);color:var(--farbe-textLeise);flex-direction:column;display:flex}.planKopf2 .zahlen strong{font-size:var(--schrift-gross);color:var(--farbe-text)}.planFigur{flex:none;overflow:visible}.figurBlatt{fill:color-mix(in srgb, var(--farbe-flaeche) 86%, transparent);stroke:var(--farbe-textLeise);stroke-width:.6px;stroke-linejoin:round}.figurBau,.figurHeizung,.figurElektro{fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.figurBau{stroke:var(--farbe-textLeise)}.figurHeizung{stroke:var(--farbe-klasseOrange)}.figurElektro{stroke:var(--farbe-klasseBlau)}.figurPunkt{fill:var(--farbe-klasseBlau);stroke:#fff;stroke-width:1.4px;paint-order:stroke}.hinweisScrim{z-index:80;animation:einblenden var(--bewegung-mittel) ease-out both;background:#0000001f;position:fixed;inset:0}.hinweisRing{border:2px solid var(--farbe-text);pointer-events:none;border-radius:14px;animation:1.6s ease-out infinite hinweisRing;position:fixed}@keyframes hinweisRing{0%{opacity:.9;transform:scale(.94)}to{opacity:0;transform:scale(1.18)}}.hinweisBlase{font-size:var(--schrift-klein);color:var(--farbe-hintergrund);background:var(--farbe-text);border-radius:16px;flex-direction:column;gap:6px;padding:12px 14px 10px;line-height:1.35;animation:.4s cubic-bezier(.34,1.56,.64,1) both hinweisBlase;display:flex;position:fixed;box-shadow:0 8px 28px #00000047}.hinweisBlase b{font-size:var(--schrift-normal)}.hinweisBlase span{opacity:.8}.hinweisBlase:after{left:var(--spitze);content:"";background:var(--farbe-text);border-radius:2px;width:14px;height:14px;margin-left:-7px;position:absolute;transform:rotate(45deg)}.hinweisBlase.unterhalb:after{top:-6px}.hinweisBlase.oberhalb:after{bottom:-6px}@keyframes hinweisBlase{0%{opacity:0;transform:scale(.85)}}.hinweisZeile{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.hinweisZeile small{font-variant-numeric:tabular-nums;opacity:.6}.hinweisZeile button{min-width:44px;min-height:36px;font:inherit;color:var(--farbe-text);background:var(--farbe-hintergrund);cursor:pointer;border:0;border-radius:18px;padding:0 14px;font-weight:600}.hinweisZeile button:active{transform:scale(var(--druck-skalierung))}.startScrim{z-index:70;animation:einblenden var(--bewegung-mittel) ease-out both;background:#00000059;align-items:flex-end;display:flex;position:fixed;inset:0}.startKarte{gap:var(--abstand-s);width:100%;padding:var(--abstand-l) var(--abstand-l) calc(var(--abstand-l) + env(safe-area-inset-bottom));background:var(--farbe-flaeche);animation:startKarte var(--bewegung-mittel) cubic-bezier(.22, .9, .24, 1) both;border-radius:28px 28px 0 0;flex-direction:column;display:flex}@keyframes startKarte{0%{transform:translateY(40px)}}.startKarte h2{font-size:var(--schrift-titel);letter-spacing:-.02em;text-wrap:balance;animation:einblenden var(--bewegung-mittel) ease-out both;margin:0;line-height:1.15}.startKarte p{color:var(--farbe-textLeise);animation:einblenden var(--bewegung-mittel) ease-out both;margin:0}.startBuehne{min-height:150px;animation:einblenden var(--bewegung-mittel) ease-out both;place-items:center;display:grid}.startSchritt{font-size:var(--schrift-klein);font-variant-numeric:tabular-nums;color:var(--farbe-textLeise)}.startPunkte{padding:var(--abstand-xs) 0;justify-content:center;gap:6px;display:flex}.startPunkte i{background:var(--farbe-rand);width:6px;height:6px;transition:width var(--bewegung-mittel) ease-out, background var(--bewegung-mittel);border-radius:3px}.startPunkte i.an{background:var(--farbe-text);width:18px}.startGeste{width:min(100%,220px)}.startPlan{fill:color-mix(in srgb, var(--farbe-text) 6%, var(--farbe-flaeche));stroke:var(--farbe-rand);stroke-width:1px}.startLinie{fill:none;stroke:var(--farbe-textLeise);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.startMarkerAlt,.startMarkerNeu{fill:var(--farbe-klasseBlau);stroke:#fff;stroke-width:2px;paint-order:stroke}.startMarkerNeu{transform-box:fill-box;transform-origin:50%;animation:2.4s cubic-bezier(.34,1.56,.64,1) infinite startMarker}.startFinger{fill:color-mix(in srgb, var(--farbe-text) 18%, transparent);stroke:color-mix(in srgb, var(--farbe-text) 38%, transparent);stroke-width:1.4px;transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out infinite startFinger}@keyframes startFinger{0%,8%{opacity:0;transform:scale(1.25)}14%,46%{opacity:1;transform:scale(1)}54%,to{opacity:0;transform:scale(.9)}}@keyframes startMarker{0%,46%{opacity:0;transform:scale(.3)}56%{opacity:1;transform:scale(1.15)}66%,92%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.hinweiseListe>li{justify-content:space-between;align-items:center;display:flex}@media (prefers-reduced-motion:reduce){.hinweisRing,.startFinger,.hinweisBlase,.startKarte,.startMarkerNeu{animation:none}}.markerLinkKopf{align-items:center;gap:var(--abstand-m);display:flex}.markerLinkKopf h1,.markerLinkKopf p{margin:0}.markerLinkHinweis{padding:var(--abstand-s) var(--abstand-m);font-size:var(--schrift-klein);color:var(--farbe-textLeise);background:color-mix(in srgb, var(--farbe-text) 6%, transparent);border-radius:var(--radius-m)}.markerLinkNotiz{font-size:var(--schrift-normal);white-space:pre-wrap}.markerLinkFotos{gap:var(--abstand-s);grid-template-columns:repeat(auto-fill,minmax(112px,1fr));padding:0;list-style:none;display:grid}.markerLinkFotos li{gap:var(--abstand-xs);flex-direction:column;display:flex}.markerLinkFotos img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-s);width:100%;display:block}.seitenKopf{gap:var(--abstand-s);margin-bottom:var(--abstand-m);flex-direction:column;display:flex}.seitenKopfZeile{padding-top:env(safe-area-inset-top);justify-content:space-between;align-items:center;display:flex}.seitenKopf h1{font-size:var(--schrift-titel);letter-spacing:-.02em;text-wrap:balance;margin:0}.gruppeBlock{gap:var(--abstand-xs);margin-bottom:var(--abstand-m);flex-direction:column;display:flex}.gruppenTitel{margin:var(--abstand-s) var(--abstand-s) 0;font-size:var(--schrift-mini);letter-spacing:.06em;color:var(--farbe-textLeise);text-transform:uppercase;font-weight:600}.gruppenHinweis{margin:0 var(--abstand-s);font-size:var(--schrift-klein);color:var(--farbe-textLeise)}.gruppe{background:var(--farbe-flaeche);border-radius:var(--radius-l);box-shadow:0 0 0 .5px var(--farbe-rand);overflow:hidden}.zeile{box-sizing:border-box;align-items:center;gap:var(--abstand-m);width:100%;min-height:52px;padding:var(--abstand-s) var(--abstand-m);font:inherit;color:var(--farbe-text);text-align:left;background:0 0;border:0;display:flex;position:relative}button.zeile{cursor:pointer}button.zeile:active{background:color-mix(in srgb, var(--farbe-text) 6%, transparent)}.zeile+.zeile:before{top:0;right:0;left:var(--abstand-m);content:"";border-top:.5px solid var(--farbe-rand);position:absolute}.zeile:has(.zeilenSymbol)+.zeile:before{left:60px}.zeilenSymbol{color:#fff;background:var(--farbe-textLeise);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.zeilenSymbol .symbol{width:18px;height:18px}.zeilenText{flex-direction:column;flex:1;min-width:0;display:flex}.zeilenText small{font-size:var(--schrift-klein);color:var(--farbe-textLeise)}.zeilenTitel.gefahr{color:var(--farbe-klasseRot)}.zeilenPfeil{border-top:1.8px solid var(--farbe-textLeise);border-right:1.8px solid var(--farbe-textLeise);opacity:.6;flex:none;width:8px;height:8px;transform:rotate(45deg)}.schalter{background:var(--farbe-rand);width:48px;height:28px;transition:background var(--bewegung-kurz) ease-out;border-radius:14px;flex:none;position:relative}.schalter:after{content:"";width:24px;height:24px;transition:transform var(--bewegung-kurz) cubic-bezier(.22, .9, .24, 1);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.schalter.an{background:var(--farbe-akzent)}.schalter.an:after{background:var(--farbe-aufAkzent);transform:translate(20px)}.segmenteWahl{margin:var(--abstand-s) var(--abstand-m);background:color-mix(in srgb, var(--farbe-text) 8%, transparent);border-radius:12px;padding:3px;display:flex}.segmenteWahl button{min-height:38px;padding:0 var(--abstand-s);font:inherit;font-size:var(--schrift-klein);color:var(--farbe-textLeise);cursor:pointer;transition:background var(--bewegung-kurz) ease-out;background:0 0;border:0;border-radius:9px;flex:1}.segmenteWahl button.an{color:var(--farbe-text);background:var(--farbe-flaeche);font-weight:600;box-shadow:0 1px 3px #0000002e}.segmenteTitel{margin:var(--abstand-s) var(--abstand-m) 0;font-size:var(--schrift-klein);color:var(--farbe-textLeise)}.avatar{width:40px;height:40px;color:var(--farbe-aufAkzent);background:var(--farbe-akzent);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.schubladeScrim{z-index:60;animation:einblenden var(--bewegung-mittel) ease-out both;background:#00000061;position:fixed;inset:0}.schublade{gap:var(--abstand-m);width:min(86%,340px);padding:calc(var(--abstand-l) + env(safe-area-inset-top)) var(--abstand-m) calc(var(--abstand-m) + env(safe-area-inset-bottom));background:var(--farbe-hintergrund);animation:schubladeEin var(--bewegung-mittel) cubic-bezier(.22, .9, .24, 1) both;border-radius:0 28px 28px 0;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;box-shadow:8px 0 30px #00000040}@keyframes schubladeEin{0%{opacity:0;transform:translate(-24px)}}.schubladeZurueck{margin-bottom:calc(var(--abstand-s) * -1);color:var(--farbe-akzent,var(--farbe-text));align-self:flex-start}.schubladeProfil{align-items:center;gap:var(--abstand-m);display:flex}.schubladeProfil .avatar{width:52px;height:52px;font-size:20px}.schubladeProfil strong{font-size:var(--schrift-gross);display:block}.schubladeProfil span{font-size:var(--schrift-klein);color:var(--farbe-textLeise)}.schubladeAbstand{flex:1}.seitenKnopf{box-sizing:border-box;width:100%;min-height:52px;padding:0 var(--abstand-m);font:inherit;color:var(--farbe-aufAkzent);background:var(--farbe-akzent);border-radius:var(--radius-m);cursor:pointer;border:0;place-items:center;font-weight:600;display:grid}.seitenKnopf:disabled{opacity:.4;cursor:default}.seitenKnopf.zweit{color:var(--farbe-text);background:var(--farbe-flaeche);box-shadow:0 0 0 .5px var(--farbe-rand)}.seitenKnopf.gefahr{color:var(--farbe-klasseRot);background:var(--farbe-flaeche);box-shadow:0 0 0 .5px var(--farbe-rand)}.seitenKnopf:active{transform:scale(var(--druck-skalierung))}.seitenWarnung{gap:var(--abstand-s);padding:var(--abstand-m);background:var(--farbe-flaeche);border-radius:var(--radius-l);box-shadow:0 0 0 .5px var(--farbe-rand);flex-direction:column;display:flex}.seitenWarnung p{margin:0}.eingabeGruppe .eingabeZeile{width:100%;padding:var(--abstand-s) var(--abstand-m);font-size:var(--schrift-klein);color:var(--farbe-textLeise);flex-direction:column;gap:2px;display:flex}.eingabeGruppe .eingabeZeile+.eingabeZeile{border-top:.5px solid var(--farbe-rand)}.eingabeGruppe .eingabeZeile input{min-height:28px;font:inherit;font-size:var(--schrift-normal);color:var(--farbe-text);background:0 0;border:0;outline:none;padding:0}.visuell-versteckt{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.leerZustand{align-items:center;gap:var(--abstand-s);padding:var(--abstand-xl) var(--abstand-m);color:var(--farbe-textLeise);flex-direction:column;display:flex}.leerZustand .symbol{width:48px;height:48px}.kontoZeile{align-items:flex-start}.kontoAktionen{gap:var(--abstand-s);margin-top:var(--abstand-s);flex-wrap:wrap;display:flex}.seitenFormular{gap:var(--abstand-m);flex-direction:column;display:flex}.hakenZeile{cursor:pointer}.hakenZeile input{border:2px solid var(--farbe-rand);cursor:pointer;appearance:none;width:24px;height:24px;transition:background var(--bewegung-kurz) ease-out, border-color var(--bewegung-kurz) ease-out;background:0 0;border-radius:50%;flex:none;place-items:center;margin:0;display:grid}.hakenZeile input:checked{background:var(--farbe-akzent);border-color:var(--farbe-akzent)}.hakenZeile input:checked:after{content:"";border-right:2.5px solid var(--farbe-aufAkzent);border-bottom:2.5px solid var(--farbe-aufAkzent);width:6px;height:11px;margin-top:-2px;transform:rotate(45deg)}.hakenZeile input:disabled{opacity:.4}.hakenZeile input:focus-visible{outline:2px solid var(--farbe-akzent);outline-offset:2px}.planWahl+.planWahl{border-top:.5px solid var(--farbe-rand)}.planWahl .aufklappen{width:100%;min-height:40px;padding:0 var(--abstand-m) 0 52px;font:inherit;font-size:var(--schrift-klein);color:var(--farbe-textLeise);text-align:left;cursor:pointer;background:0 0;border:0}.planWahl .markerWahl{padding-left:var(--abstand-l);background:color-mix(in srgb, var(--farbe-text) 3%, transparent)}.blattScrim{z-index:40;animation:einblenden var(--bewegung-mittel) ease-out both;background:#0006;align-items:flex-end;display:flex;position:fixed;inset:0}.blattFenster{gap:var(--abstand-m);width:100%;max-height:min(92dvh,100%);padding:var(--abstand-s) var(--abstand-m) calc(var(--abstand-m) + env(safe-area-inset-bottom));background:var(--farbe-hintergrund);animation:blattEin var(--bewegung-mittel) cubic-bezier(.22, .9, .24, 1) both;border-radius:28px 28px 0 0;flex-direction:column;display:flex;overflow-y:auto;box-shadow:0 -6px 30px #00000040}@keyframes blattEin{0%{transform:translateY(40px)}}.blattGriff{background:var(--farbe-rand);border-radius:3px;align-self:center;width:36px;height:5px}.blattKopf{justify-content:space-between;align-items:center;gap:var(--abstand-m);display:flex}.blattKopf h2{font-size:var(--schrift-gross);margin:0}.blattFenster .ergebnis{gap:var(--abstand-s);flex-direction:column;display:flex}.blattFenster .aktionen{gap:var(--abstand-s);flex-wrap:wrap;display:flex}.blattFenster .aktionen>*{flex:1}.blattFenster .formular{margin:0}.blattFenster .formular label{font-size:var(--schrift-klein);color:var(--farbe-textLeise)}.blattFenster .formular input,.blattFenster .formular select{color:var(--farbe-text);background:var(--farbe-flaeche);border-radius:var(--radius-l);box-shadow:0 0 0 .5px var(--farbe-rand);border:0}.zeilenRechts{font-size:var(--schrift-klein);color:var(--farbe-textLeise);flex:none}.zeilenAktion{min-height:34px;padding:0 var(--abstand-m);font:inherit;font-size:var(--schrift-klein);color:var(--farbe-text);white-space:nowrap;background:color-mix(in srgb, var(--farbe-text) 9%, transparent);cursor:pointer;border:0;border-radius:17px;flex:none;font-weight:600}.zeilenAktion:active{transform:scale(var(--druck-skalierung))}.blattFenster>*{flex-shrink:0}.ladeSeite{z-index:5;justify-content:center;align-items:center;gap:var(--abstand-m);background:var(--farbe-hintergrund);flex-direction:column;display:flex;position:fixed;inset:0}.ladeSeite p{font-size:var(--schrift-klein);color:var(--farbe-textLeise);margin:0}.ladeHaus{width:132px;height:132px}.ladeStock{opacity:0;animation:2.6s cubic-bezier(.22,.9,.24,1) infinite ladeStock;animation-delay:calc(var(--nr) * .32s)}@keyframes ladeStock{0%{opacity:0;transform:translateY(-10px)}14%,78%{opacity:1;transform:translateY(0)}92%,to{opacity:0;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ladeStock{opacity:1;animation:none}}.computerSuche{align-items:center;gap:var(--abstand-s);min-width:280px;min-height:36px;padding:0 var(--abstand-s);font:inherit;font-size:var(--schrift-klein);color:var(--farbe-textLeise);background:color-mix(in srgb, var(--farbe-text) 8%, transparent);cursor:pointer;border:0;border-radius:10px;display:flex}.computerSuche .symbol{width:18px;height:18px}.computerSuche kbd{font:inherit;font-size:var(--schrift-mini);background:var(--farbe-flaeche);box-shadow:0 0 0 .5px var(--farbe-rand);border-radius:5px;margin-left:auto;padding:1px 6px}.projektHuelle>.warnung,.projektHuelle>.hinweisWarn{margin:var(--abstand-s) var(--abstand-l) 0}.computerFlaeche{contain:layout;min-height:0;padding:var(--abstand-l);flex:1;position:relative;overflow:auto}.computerFlaeche>[role=tabpanel]{max-width:1100px;margin:0 auto}.computerFlaeche:has(.planSeite){padding:0;overflow:hidden}.computerFlaeche:has(.planSeite)>[role=tabpanel]{max-width:none;height:100%}[data-ansicht=computer] .planSeite{z-index:1;position:absolute}[data-ansicht=computer] .markerFenster,[data-ansicht=computer] .markerFenster.halb,[data-ansicht=computer] .markerFenster.voll{width:380px;height:auto;max-height:none;padding:var(--abstand-m);border-top:0;border-left:.5px solid var(--farbe-rand);animation:einblenden var(--bewegung-mittel) ease-out;border-radius:0;inset:0 0 0 auto;box-shadow:-4px 0 18px #0000001f}[data-ansicht=computer] .markerFenster .fensterGriff{display:none}[data-ansicht=computer] .computerFlaeche:has(.markerFenster) .planSeite{right:380px}[data-ansicht=computer] .planFilter{right:var(--abstand-m);width:380px;left:auto}.befehlsHintergrund{z-index:50;animation:einblenden var(--bewegung-kurz) ease-out;background:#00000047;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.befehlsLeiste{background:var(--farbe-flaeche);border-radius:var(--radius-l);flex-direction:column;width:min(560px,92vw);max-height:68vh;display:flex;overflow:hidden;box-shadow:0 14px 40px #00000059}.befehlsLeiste input{padding:var(--abstand-m);font:inherit;color:var(--farbe-text);border:0;border-bottom:.5px solid var(--farbe-rand);background:0 0;outline:none;flex:none}.befehlsLeiste ul{margin:0;padding:0;list-style:none}.befehlsLeiste>ul{padding:var(--abstand-xs) var(--abstand-s) var(--abstand-s);overflow-y:auto}.befehlsGruppe{margin:var(--abstand-s) var(--abstand-s) var(--abstand-xs);font-size:var(--schrift-mini);letter-spacing:.05em;text-transform:uppercase;color:var(--farbe-textLeise)}.befehl{align-items:center;gap:var(--abstand-m);padding:var(--abstand-s);border-radius:var(--radius-s);cursor:pointer;display:flex}.befehl.aktiv{background:color-mix(in srgb, var(--farbe-text) 8%, transparent)}.befehl small{color:var(--farbe-textLeise);margin-left:auto}.befehlsLeer{padding:var(--abstand-m);margin:0}[data-ansicht=computer] .seite{max-width:1100px}[data-ansicht=computer] .seite section>ul.liste:has(.projekt){gap:var(--abstand-m);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.dateien{gap:var(--abstand-m);flex-direction:column;min-height:60dvh;display:flex}.dateien.zieht .dateienAblage{color:var(--farbe-text);background:color-mix(in srgb, var(--farbe-text) 8%, transparent);border-color:var(--farbe-text)}.dateienKopf{justify-content:space-between;align-items:center;gap:var(--abstand-m);display:flex}.dateienAblage{align-items:center;gap:var(--abstand-xs);padding:var(--abstand-l);text-align:center;color:var(--farbe-textLeise);border:2px dashed var(--farbe-rand);border-radius:var(--radius-l);transition:background var(--bewegung-kurz) ease-out, border-color var(--bewegung-kurz) ease-out;flex-direction:column;display:flex}.dateienAblage .symbol{width:28px;height:28px}.dateienLaeuft progress{width:100%}.dateienRueckgaengig{align-items:center;gap:var(--abstand-m);display:flex}.dateienRaster{gap:var(--abstand-s);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:0;padding:0;list-style:none;display:grid}.dateiKachel{gap:var(--abstand-xs);padding:var(--abstand-s);background:var(--farbe-flaeche);border:.5px solid var(--farbe-rand);border-radius:var(--radius-m);flex-direction:column;display:flex;position:relative}.dateiOeffnen{gap:var(--abstand-xs);min-width:0;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.dateiVorschau{height:72px;font-size:var(--schrift-klein);letter-spacing:.05em;color:var(--farbe-textLeise);background:color-mix(in srgb, var(--farbe-text) 8%, transparent);border-radius:var(--radius-s);place-items:center;font-weight:700;display:grid}.dateiTitel{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dateiKachel .mehrKnopf{top:var(--abstand-xs);right:var(--abstand-xs);background:color-mix(in srgb, var(--farbe-flaeche) 85%, transparent);border-radius:50%;position:absolute}.dateiName{gap:var(--abstand-xs);flex-direction:column;display:flex}[data-ansicht=computer] .todoBlatt,[data-ansicht=computer] .todoBlatt.voll{width:380px;height:auto;padding:0 var(--abstand-m);border-top:0;border-right:.5px solid var(--farbe-rand);animation:einblenden var(--bewegung-mittel) ease-out;border-radius:0;inset:52px auto 0 0;box-shadow:4px 0 18px #0000001f}[data-ansicht=computer] .todoBlattGriff{display:none}[data-ansicht=computer] .todoBlatt .kopfzeile{padding-top:var(--abstand-m)}[data-ansicht=computer]:has(.todoBlatt) .planUebersicht{left:calc(380px + 3 * var(--abstand-m))}.webRahmen{background:var(--farbe-hintergrund);flex-direction:column;height:100dvh;display:flex}.webLeiste{align-items:center;gap:var(--abstand-l);height:56px;padding:0 var(--abstand-l);background:var(--farbe-flaeche);border-bottom:.5px solid var(--farbe-rand);flex:none;display:flex}.webMarke{align-items:center;gap:var(--abstand-s);letter-spacing:-.01em;font-weight:700;display:inline-flex}.webMenue{gap:var(--abstand-xs);flex:1;display:flex}.webPunkt{font:inherit;color:var(--farbe-textLeise);border-radius:var(--radius-s);cursor:pointer;background:0 0;border:0;padding:7px 12px}.webPunkt:hover{color:var(--farbe-text)}.webPunkt.an{color:var(--farbe-text);background:color-mix(in srgb, var(--farbe-text) 8%, transparent);font-weight:600}.webAvatar{width:32px;height:32px;font:inherit;color:var(--farbe-aufAkzent);background:var(--farbe-akzent);cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.webInhalt{flex:1;min-height:0;position:relative;overflow:auto}.projektHuelle{flex-direction:column;height:100%;display:flex}.webBand{gap:var(--abstand-m);padding:var(--abstand-m) var(--abstand-l) 0;background:var(--farbe-flaeche);border-bottom:.5px solid var(--farbe-rand);flex-direction:column;flex:none;display:flex}.webPfad{align-items:center;gap:var(--abstand-s);font-size:var(--schrift-klein);color:var(--farbe-textLeise);display:flex}.webPfad [aria-current=page]{color:var(--farbe-text);font-weight:600}.webTitelzeile{align-items:center;gap:var(--abstand-m);display:flex}.webTitel{flex:1;min-width:0}.webTitel h1{font-size:var(--schrift-titel);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.webTitel p{margin:2px 0 0}.webTitelzeile .knopf{align-items:center;gap:var(--abstand-s);display:inline-flex}.webTitelzeile .knopf .symbol{width:18px;height:18px}.webKacheln{gap:var(--abstand-s);grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.6fr);display:grid}.webKachel{gap:var(--abstand-xs);padding:var(--abstand-s) var(--abstand-m);background:var(--farbe-hintergrund);border-radius:var(--radius-m);flex-direction:column;display:flex}.webKachel b{font-size:var(--schrift-titel);line-height:1.1}.webKachelKopf{align-items:center;gap:var(--abstand-s);font-size:var(--schrift-mini);color:var(--farbe-textLeise);display:flex}.webKachelKopf .klassenZeichen{width:20px;height:20px}.webKachel.breit{justify-content:center}.webReiter{gap:var(--abstand-l);display:flex}.webReiterPunkt{align-items:center;gap:var(--abstand-s);padding:var(--abstand-s) 2px calc(var(--abstand-s) + 2px);font:inherit;color:var(--farbe-textLeise);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;display:inline-flex}.webReiterPunkt .symbol{width:18px;height:18px}.webReiterPunkt.an{color:var(--farbe-text);border-bottom-color:var(--farbe-akzent);font-weight:600}:is(.projektHuelle:has(.planSeite) .webTitelzeile,.projektHuelle:has(.planSeite) .webKacheln){display:none}.projektHuelle:has(.planSeite) .webBand{gap:var(--abstand-xs);padding-top:var(--abstand-s)}.ziffern{font-variant-numeric:tabular-nums}.webTabelle{background:var(--farbe-flaeche);border-radius:var(--radius-m);box-shadow:0 0 0 .5px var(--farbe-rand);overflow-x:auto}.webTabelle table{border-collapse:collapse;width:100%}.webTabelle th{padding:9px var(--abstand-m);font-size:var(--schrift-mini);letter-spacing:.06em;text-align:left;text-transform:uppercase;color:var(--farbe-textLeise);background:var(--farbe-hintergrund);font-weight:600}.webTabelle td{padding:9px var(--abstand-m);vertical-align:middle;border-top:.5px solid var(--farbe-rand)}.webTabelle tbody tr:hover td{background:color-mix(in srgb, var(--farbe-text) 5%, transparent)}.webZeilenKnopf{align-items:center;gap:var(--abstand-m);font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.webZeilenKnopf>span:not(.avatar){flex-direction:column;display:flex}.webNotiz{text-overflow:ellipsis;white-space:nowrap;max-width:46ch;display:block;overflow:hidden}.klassenPille{font-size:var(--schrift-mini);white-space:nowrap;background:color-mix(in srgb, var(--k) 16%, transparent);border-radius:11px;align-items:center;gap:6px;padding:2px 10px;font-weight:600;display:inline-flex}.klassenPille:before{content:"";background:var(--k);border-radius:50%;width:7px;height:7px}.webFortschritt{min-width:200px}.webListe{max-width:1200px;padding:var(--abstand-l)}.webListenKopf{align-items:center;gap:var(--abstand-m);margin-bottom:var(--abstand-m);flex-wrap:wrap;display:flex}.webListenKopf h1{letter-spacing:-.02em;flex:1;margin:0}.webAnzahl{font-size:var(--schrift-normal);color:var(--farbe-textLeise);font-weight:400}[data-ansicht=computer] .webListe section>.liste{display:flex}.plankopf{right:var(--abstand-m);bottom:var(--abstand-m);z-index:8;width:440px;font-size:var(--schrift-mini);pointer-events:none;background:color-mix(in srgb, var(--farbe-flaeche) 94%, transparent);border:1.5px solid var(--farbe-text);grid-template-columns:1.6fr 1fr 1fr;display:grid;position:fixed}.plankopf>div{border-right:1px solid var(--farbe-rand);border-bottom:1px solid var(--farbe-rand);flex-direction:column;padding:6px 10px;display:flex}.plankopf>div:nth-child(3n){border-right:0}.plankopf>div:nth-last-child(-n+2){border-bottom:0}.plankopf small{letter-spacing:.06em;text-transform:uppercase;color:var(--farbe-textLeise);font-size:10px}.plankopfProjekt{grid-row:span 2;justify-content:center}.plankopfProjekt strong{font-size:var(--schrift-normal)}[data-ansicht=computer] .computerFlaeche:has(.markerFenster) .plankopf{right:calc(380px + var(--abstand-m))}.planVergleichHuelle{z-index:30;background:var(--farbe-hintergrund);position:fixed;inset:0;overflow:auto}.planVergleich{gap:var(--abstand-m);max-width:1200px;padding:var(--abstand-m);flex-direction:column;margin:0 auto;display:flex}.vergleichKopf{justify-content:space-between;align-items:center;gap:var(--abstand-m);display:flex}.vergleichKopf h2{font-size:var(--schrift-gross);margin:0}.vergleichKopf .knopf{align-items:center;gap:var(--abstand-s);display:inline-flex}.vergleichPlanWahl{gap:var(--abstand-xs);flex-direction:column;max-width:420px;display:flex}.vergleichPlanWahl select{min-height:44px;padding:0 var(--abstand-s);font:inherit;color:var(--farbe-text);background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius-s)}.vergleichSeiten{gap:var(--abstand-m);grid-template-columns:1fr 1fr;display:grid}.vergleichSeite{gap:var(--abstand-s);padding:var(--abstand-m);background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius-m);flex-direction:column;display:flex}.vergleichSeite.neu.zieht{border-style:dashed;border-color:var(--farbe-akzent)}.vergleichSeite select{min-height:44px;padding:0 var(--abstand-s);font:inherit;color:var(--farbe-text);background:var(--farbe-hintergrund);border:1px solid var(--farbe-rand);border-radius:var(--radius-s)}.vergleichSeiteKopf{align-items:center;gap:var(--abstand-s);display:flex}.vergleichBuchstabe{color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:inline-grid}.vergleichBuchstabe.a{background:#f08a00}.vergleichBuchstabe.b{background:#0a6cdc}@media (width<=700px){.vergleichSeiten{grid-template-columns:1fr}}.vergleichSteuerung{align-items:flex-end;gap:var(--abstand-m);flex-wrap:wrap;display:flex}.vergleichSteuerung label{gap:var(--abstand-xs);flex-direction:column;display:flex}.vergleichSteuerung select{min-height:44px;padding:0 var(--abstand-s);font:inherit;color:var(--farbe-text);background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius-s)}.vergleichBuehne{border:1px solid var(--farbe-rand);border-radius:var(--radius-s);background:#fff;width:100%;position:relative;overflow:hidden}.vergleichBild{width:100%;height:100%;position:absolute;inset:0}.vergleichBuehne.ueberlagerung{background:#fff}.vergleichGriff{background:var(--farbe-akzent);width:2px;box-shadow:0 0 0 1px var(--farbe-flaeche);pointer-events:none;position:absolute;top:0;bottom:0}.vergleichGriff:after{content:"";background:var(--farbe-flaeche);border-radius:50%;width:28px;height:28px;margin-top:-14px;position:absolute;top:50%;left:-13px;box-shadow:0 2px 8px #0000004d}.vergleichEtikett{top:var(--abstand-s);font-size:var(--schrift-mini);color:var(--farbe-text);background:var(--farbe-flaeche);border-radius:var(--radius-s);padding:3px 10px;font-weight:600;position:absolute;box-shadow:0 1px 4px #00000026}.vergleichEtikett.links{left:var(--abstand-s)}.vergleichEtikett.rechts{right:var(--abstand-s)}.vergleichLaedt{color:#636366;background:#ffffffb3;place-items:center;margin:0;display:grid;position:absolute;inset:0}.vergleichSchieber{width:100%;min-height:32px;accent-color:var(--farbe-akzent)}[data-ansicht=computer] .einstellungenSeite{gap:0 var(--abstand-l);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;max-width:1100px;display:grid}[data-ansicht=computer] .einstellungenSeite>.seitenKopf,[data-ansicht=computer] .einstellungenSeite>[role=status]{grid-column:1/-1}.gruppe>.formular{padding:var(--abstand-m);margin:0}.gruppe>p[role=status],.gruppe>p[role=alert]{padding:var(--abstand-s) var(--abstand-m);margin:0}[data-ansicht=computer] .kontenSeite{max-width:1100px}.kontoPerson{cursor:default}.kontoMarken,.kontoAktionen{gap:var(--abstand-s);flex-wrap:wrap;align-items:center;display:flex}.kontenSeite .webTabelle{margin-bottom:var(--abstand-l)}.planUebersicht{top:var(--abstand-m);left:var(--abstand-m);z-index:6;width:min(180px, calc(140px * var(--verhaeltnis,1.4)));cursor:crosshair;touch-action:none;border:1px solid var(--farbe-rand);border-radius:var(--radius-s);background:#fff;position:absolute;overflow:hidden;box-shadow:0 4px 14px #00000040}.planUebersicht[data-sichtbar=nein]{display:none}.planUebersicht canvas,.planUebersicht img{pointer-events:none;width:100%;height:100%;display:block}.planUebersichtRahmen{pointer-events:none;background:color-mix(in srgb, var(--farbe-klasseBlau) 14%, transparent);border:1.5px solid var(--farbe-klasseBlau);border-radius:2px;position:absolute}.werkzeugInsel{bottom:calc(var(--abstand-m) + 4px);z-index:9;background:color-mix(in srgb, var(--farbe-flaeche) 96%, transparent);border-radius:16px;align-items:center;gap:2px;padding:4px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000040}.computerFlaeche:has(.todoPille) .werkzeugInsel{bottom:calc(var(--abstand-m) + 72px)}.werkzeugInsel button{width:40px;height:40px;color:var(--farbe-text);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.werkzeugInsel button.an{color:var(--farbe-aufAkzent);background:var(--farbe-akzent)}.werkzeugInsel .symbol{width:20px;height:20px}.werkzeugHinweis{padding:0 var(--abstand-s);font-size:var(--schrift-mini);color:var(--farbe-textLeise);white-space:nowrap}.computerFlaeche:has(.werkzeugInsel:not([data-werkzeug=auswahl])) .planBehaelter{cursor:crosshair}.ablageFlaeche{z-index:60;justify-content:center;align-items:center;gap:var(--abstand-s);font-size:var(--schrift-gross);color:var(--farbe-text);pointer-events:none;background:color-mix(in srgb, var(--farbe-hintergrund) 82%, transparent);border:3px dashed var(--farbe-akzent);border-radius:var(--radius-l);outline:12px solid color-mix(in srgb, var(--farbe-hintergrund) 82%, transparent);outline-offset:-12px;flex-direction:column;display:flex;position:fixed;inset:0}.ablageFlaeche span{font-size:var(--schrift-normal);color:var(--farbe-textLeise)}.ablageMeldungen{bottom:var(--abstand-m);left:var(--abstand-m);z-index:55;max-width:420px;padding:var(--abstand-s) var(--abstand-m);background:var(--farbe-flaeche);border:.5px solid var(--farbe-rand);border-radius:var(--radius-m);position:fixed;box-shadow:0 6px 20px #00000040}.ablageMeldungen p{font-size:var(--schrift-klein);margin:2px 0}.nebenPlaene{flex-direction:column;height:100%;display:flex}.nebenKopf{align-items:flex-end;gap:var(--abstand-m);padding:var(--abstand-s) var(--abstand-m);background:var(--farbe-flaeche);border-bottom:.5px solid var(--farbe-rand);flex-wrap:wrap;flex:none;display:flex}.nebenKopf label{flex-direction:column;gap:2px;display:flex}.nebenKopf select{min-height:40px;padding:0 var(--abstand-s);font:inherit;color:var(--farbe-text);background:var(--farbe-hintergrund);border:1px solid var(--farbe-rand);border-radius:var(--radius-s)}.nebenKopf .nebenKoppeln{align-items:center;gap:var(--abstand-s);flex-direction:row;min-height:40px}.nebenKopf .knopf{align-items:center;gap:var(--abstand-s);margin-left:auto;display:inline-flex}.nebenSpalten{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.nebenPlan{contain:layout;min-width:0;position:relative;overflow:hidden}.nebenPlan+.nebenPlan{border-left:1px solid var(--farbe-rand)}:is([data-ansicht=computer] .computerFlaeche .nebenPlan .planSeite,[data-ansicht=computer] .computerFlaeche .nebenPlan:has(.markerFenster) .planSeite){left:0;right:0}[data-ansicht=computer] .nebenPlan .markerFenster,[data-ansicht=computer] .nebenPlan .markerFenster.halb,[data-ansicht=computer] .nebenPlan .markerFenster.voll{width:min(360px,85%);top:52px}.projektZeile,.markerTabellenZeile{cursor:pointer}.projektZeile td.ziffern{white-space:nowrap}.projektZeile:hover td,.markerTabellenZeile:hover td{background:var(--farbe-flaeche)}button,th,nav,header,.projektZeile,.markerTabellenZeile,.ansichtWahl,.filterChips,[role=toolbar],[role=tablist]{-webkit-user-select:none;user-select:none}.vergleichHilfe,.hilfeKasten{padding:var(--abstand-m);background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius-m)}.vergleichHilfe ol,.hilfeKasten ol{padding-left:var(--abstand-l);margin:var(--abstand-xs) 0}.vergleichHilfe p,.hilfeKasten p{margin:0}[data-ansicht=computer] .blattFenster{max-width:760px;margin:0 auto}[data-ansicht=computer] .planFilter .filterChips{flex-wrap:wrap;overflow:visible}.kabelliste,.kabellisteTeil{gap:var(--abstand-m);flex-direction:column;min-height:40dvh;display:flex}.kabellisteTeil{min-height:0}.kabelliste.zieht .kabellisteAblage{color:var(--farbe-text);background:color-mix(in srgb, var(--farbe-text) 8%, transparent);border-color:var(--farbe-text)}.kabellisteAblage .knopf{margin-top:var(--abstand-s)}.kabellisteKopf{justify-content:space-between;align-items:center;gap:var(--abstand-m);display:flex}.klTitel{flex-direction:column;gap:2px;min-width:0;display:flex}.klTitel strong{font-size:var(--schrift-titel);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kabelliste table td,.kabelliste table th{font-variant-numeric:tabular-nums}.kabelliste .summenZeile td{font-weight:700}.klChips{gap:var(--abstand-s);padding:var(--abstand-m);flex-wrap:wrap;display:flex}.chip.mitHaken{align-items:center;gap:6px;display:inline-flex}.chip.mitHaken .symbol{width:14px;height:14px}.klZeile{gap:var(--abstand-s)}.klZeile .zeilenText{flex:1}.klEingabe{box-sizing:border-box;min-height:40px;padding:0 var(--abstand-s);font:inherit;color:var(--farbe-text);background:var(--farbe-hintergrund);border:1px solid var(--farbe-rand);border-radius:var(--radius-m);flex:1}.klEingabe:focus-visible{outline:2px solid var(--farbe-akzent);outline-offset:1px}.klEntfernen{flex:none}.klVorlageBlock{align-items:flex-start;gap:var(--abstand-s);padding:0 var(--abstand-m) var(--abstand-m);flex-direction:column;display:flex}.klVorlage{cursor:pointer;align-items:center;display:inline-flex}.klVergleich{padding-left:var(--abstand-m);margin:0}.klKopfZeile{justify-content:space-between;align-items:baseline;gap:var(--abstand-m);display:flex}.klKnoepfe{gap:var(--abstand-m);display:flex}.klKnoepfe .link{min-height:32px}.klKabelListe{max-height:360px;overflow-y:auto}.klKabel{cursor:pointer}.klKabel input{width:20px;height:20px;accent-color:var(--farbe-akzent);flex:none}.klHaupt{align-items:flex-start;gap:var(--abstand-xs);flex-direction:column;display:flex}.klHaupt .knopf{min-width:280px}.klHaupt .leise{font-size:var(--schrift-klein);margin:0}.klErfolg{align-items:center;gap:var(--abstand-s);margin:0;font-weight:600;display:flex}.klErfolg .symbol{width:18px;height:18px;color:var(--farbe-klasseGruen)}.klKarte{align-items:flex-start;gap:var(--abstand-s);padding:var(--abstand-m);background:var(--farbe-flaeche);border-radius:var(--radius-l);box-shadow:0 0 0 .5px var(--farbe-rand);flex-direction:column;display:flex}.klKarte h2{font-size:var(--schrift-titel);letter-spacing:-.02em;margin:0}.klKarte>.gruppe{align-self:stretch}.klFortschritt{gap:var(--abstand-xs);flex-direction:column;display:flex}.klFortschritt progress{width:100%}.klFuss{justify-content:space-between;display:flex}.klWahl{gap:var(--abstand-m);grid-template-columns:1fr 1fr;align-self:stretch;display:grid}.klOption{align-items:flex-start;gap:var(--abstand-xs);padding:var(--abstand-m);font:inherit;color:var(--farbe-text);text-align:left;background:var(--farbe-hintergrund);border:1px solid var(--farbe-rand);border-radius:var(--radius-m);cursor:pointer;transition:transform var(--bewegung-kurz) ease-out;flex-direction:column;display:flex}.klOption:active{transform:scale(var(--druck-skalierung))}.klOption:focus-visible{outline:2px solid var(--farbe-akzent);outline-offset:2px}.klOption small{color:var(--farbe-textLeise)}.klZahl{align-items:center;gap:var(--abstand-m);display:flex}.klZahl input{width:72px;min-height:44px;font:inherit;font-size:var(--schrift-titel);font-variant-numeric:tabular-nums;text-align:center;color:var(--farbe-text);background:var(--farbe-hintergrund);border:1px solid var(--farbe-rand);border-radius:var(--radius-m)}.klFeld{gap:var(--abstand-xs);font-size:var(--schrift-klein);color:var(--farbe-textLeise);flex-direction:column;align-self:stretch;display:flex}.klChipsKlein,.klOhnePolster{padding:0}.klTyp{font-variant-numeric:tabular-nums;flex:none;min-width:28px;font-weight:700}.klZahlen{gap:var(--abstand-s);grid-template-columns:repeat(4,1fr);display:grid}.klZahlen .klZahl{padding:var(--abstand-s) var(--abstand-m);background:var(--farbe-flaeche);border-radius:var(--radius-m);box-shadow:0 0 0 .5px var(--farbe-rand);flex-direction:column;align-items:flex-start;gap:0}.klZahlen small{color:var(--farbe-textLeise)}.klZahlen strong{font-size:var(--schrift-titel);font-variant-numeric:tabular-nums}.klModulKopf{justify-content:space-between;align-items:baseline;gap:var(--abstand-m);display:flex}.klBelegt{font-size:var(--schrift-klein);color:var(--farbe-textLeise);font-variant-numeric:tabular-nums}.klBelegt strong{color:var(--farbe-text)}.klBalken{width:100%;accent-color:var(--farbe-akzent);height:6px;margin-bottom:var(--abstand-s)}.klKanal{min-height:48px;padding-top:var(--abstand-xs);padding-bottom:var(--abstand-xs);font-variant-numeric:tabular-nums}.klKanal.reserve{color:var(--farbe-textLeise)}.klKanal.gelb{background:color-mix(in srgb, var(--farbe-klasseOrange) 12%, transparent);box-shadow:inset 3px 0 0 var(--farbe-klasseOrange)}.klKlemme{white-space:nowrap;width:84px;font-size:var(--schrift-klein);color:var(--farbe-textLeise);flex:none}.klKanalNr{width:56px;font-size:var(--schrift-klein);color:var(--farbe-textLeise);flex:none}.klTypKnopf{min-width:44px;min-height:32px;padding:0 var(--abstand-s);flex:none;font-weight:700}.klTypKnopf.leer{text-align:center;color:var(--farbe-textLeise);display:inline-block}.klName{min-width:0}.klFuehler{width:72px;font-size:var(--schrift-klein);color:var(--farbe-textLeise);flex:none}.klTag{padding:2px var(--abstand-s);font-size:var(--schrift-klein);color:var(--farbe-text);background:color-mix(in srgb, var(--farbe-klasseOrange) 18%, transparent);border-radius:var(--radius-s);flex:none}.klAktionen{gap:var(--abstand-xs);flex:none;display:flex}.klAktionen .rundKnopf{width:32px;height:32px}.klAktionen .symbol{width:14px;height:14px}.klAktionen .klRunter .symbol{transform:rotate(-90deg)}.klAktionen .rundKnopf:first-child .symbol{transform:rotate(90deg)}.klChipZahl{margin-left:var(--abstand-xs);color:inherit;opacity:.7}.klLink{padding:0 var(--abstand-m) var(--abstand-s);align-self:flex-start}.klRegel+.klRegel{border-top:.5px solid var(--farbe-rand)}.klArt{font-size:var(--schrift-klein);color:var(--farbe-textLeise);font-weight:400}.klRegel .link{flex:none;min-height:36px}.klVerlauf{gap:var(--abstand-s);padding:var(--abstand-s) var(--abstand-m) var(--abstand-m);font-size:var(--schrift-klein);background:color-mix(in srgb, var(--farbe-text) 4%, transparent);flex-direction:column;margin:0;list-style:none;display:flex}.klVerlauf li{gap:var(--abstand-xs) var(--abstand-m);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;display:flex}.klVerlauf .link{min-height:28px}.servicebericht{gap:var(--abstand-m);flex-direction:column;display:flex}.sbFeld{align-items:stretch;gap:var(--abstand-xs);flex-direction:column;min-width:0;display:flex}.sbFeld.zeile{align-items:stretch}.sbLabel{font-size:var(--schrift-klein);color:var(--farbe-textLeise)}.sbFeld textarea.klEingabe{min-height:72px;padding:var(--abstand-s);resize:vertical}.sbZeit{align-items:flex-start}.sbZeit .sbFeld{flex:1}.sbMinuten{flex:none;width:96px}.sbKurz{flex:none;width:110px}.sbMesswert{flex-wrap:wrap}.sbMesswert>.klEingabe:first-child{flex:200px}.sbHinzu{cursor:pointer}.sbPunkt{background:var(--farbe-textLeise);border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.sbPunkt.gruen{background:var(--farbe-klasseGruen)}.sbPunkt.orange{background:var(--farbe-klasseOrange)}.sbPunkt.rot{background:var(--farbe-klasseRot)}.chip.an .sbPunkt{box-shadow:0 0 0 1.5px var(--farbe-flaeche)}@media (width<=600px){.servicebericht .klZeile{flex-wrap:wrap}.servicebericht .klZeile>.klEingabe:first-child{flex:100%}.servicebericht .sbMinuten,.servicebericht .sbKurz{flex:90px;width:auto}}.sbUnterschriften{gap:var(--abstand-m);padding:var(--abstand-m);grid-template-columns:1fr 1fr;display:grid}@media (width<=600px){.sbUnterschriften{grid-template-columns:1fr}}.sbUnterschrift{gap:var(--abstand-xs);flex-direction:column;display:flex}.sbUnterschriftKopf{justify-content:space-between;align-items:center;min-height:32px;display:flex}.sbUnterschriftFlaeche{border:1px solid var(--farbe-rand);border-radius:var(--radius-m);box-shadow:inset 0 -1px 0 var(--farbe-rand);background:#fff;position:relative}.sbUnterschriftFlaeche canvas{touch-action:none;cursor:crosshair;width:100%;height:120px;display:block}.sbUnterschriftHier{font-size:var(--schrift-klein);color:#888;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.abgleichLampe,.ansichtWahl button{position:relative}.abgleichLampe:after{content:"";position:absolute;inset:-6px}.ansichtWahl button:after{content:"";position:absolute;inset:-4px 0}.ladeAnzeige{gap:var(--abstand-s);padding:var(--abstand-l) 0;text-align:center;flex-direction:column;align-items:center;display:flex}.ladeAnzeige p{font-size:var(--schrift-klein);color:var(--farbe-textLeise);margin:0}.ladeAnzeige .ladeHaus{width:88px;height:88px}.ladeAnzeige.klein{padding:var(--abstand-s) 0}.ladeAnzeige.klein .ladeHaus{width:56px;height:56px}button[aria-busy=true]:before{vertical-align:-2px;content:"";border:2px solid;border-top-color:#0000;border-radius:50%;flex:none;width:14px;height:14px;margin-right:8px;animation:.8s linear infinite knopfDreht;display:inline-block}@keyframes knopfDreht{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){button[aria-busy=true]:before{animation-duration:2.4s}}@media (width<1100px){[data-ansicht=computer] .webLeiste{gap:var(--abstand-s);padding:0 var(--abstand-m)}[data-ansicht=computer] .webMenue{scrollbar-width:none;flex:1;min-width:0;overflow-x:auto}[data-ansicht=computer] .webPunkt{white-space:nowrap;flex:none;padding:7px 8px}[data-ansicht=computer] .computerSuche{min-width:0;padding:0 10px}[data-ansicht=computer] .computerSuche span,[data-ansicht=computer] .computerSuche kbd{display:none}[data-ansicht=computer] .webBand{padding-inline:var(--abstand-m)}}@media (pointer:coarse){[data-ansicht=computer] .webPunkt{min-height:44px}[data-ansicht=computer] .webAvatar{width:40px;height:40px}}@media (width>=700px){[data-ansicht=computer] .servicebericht{gap:0 var(--abstand-l);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}[data-ansicht=computer] .servicebericht>*{grid-column:1/-1}[data-ansicht=computer] .servicebericht>section:first-of-type{grid-area:span 5/1}[data-ansicht=computer] .servicebericht>section:nth-of-type(n+2):nth-of-type(-n+5){grid-column:2}}.fotoZeichnen{gap:var(--abstand-m);flex-direction:column;display:flex}.zeichenFarbe{color:#fff;cursor:pointer;border:1.5px solid var(--farbe-rand);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;padding:0;display:grid}.zeichenFarbe.an{border-color:var(--farbe-text);box-shadow:0 0 0 2px var(--farbe-flaeche)}.zeichenFarbe .symbol{filter:drop-shadow(0 0 1px #0009);width:18px;height:18px}.fotoZeichnenWerkzeuge{gap:var(--abstand-m);flex-wrap:wrap;align-items:center;display:flex}.fotoZeichnenZoom{gap:var(--abstand-s);font-variant-numeric:tabular-nums;align-items:center;margin-left:auto;display:inline-flex}.fotoZeichnenBuehne{border-radius:var(--radius-m);background:#111;max-height:70dvh;overflow:auto}.fotoZeichnenBild{min-width:100%;position:relative}.fotoZeichnenBild img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.fotoZeichnenBild canvas{width:100%;height:100%;position:absolute;inset:0}.fotoMitEbene{line-height:0;position:relative}.fotoEbene{border-radius:var(--radius-s);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fotoZeichnenPlatte{padding:var(--abstand-m);background:var(--farbe-flaeche);border-radius:var(--radius-l);box-shadow:0 0 0 .5px var(--farbe-rand)}.inbetriebnahme{gap:var(--abstand-m);flex-direction:column;display:flex}.ibnFelder{gap:var(--abstand-m);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<700px){.ibnFelder{grid-template-columns:1fr}}.ibnFeld{gap:var(--abstand-s);padding:var(--abstand-l) var(--abstand-m);text-align:center;background:var(--farbe-flaeche);border:1px dashed var(--farbe-rand);border-radius:var(--radius-m);flex-direction:column;align-items:center;display:flex}.ibnFeld.zieht{border-color:var(--farbe-akzent);background:color-mix(in srgb, var(--farbe-akzent) 6%, var(--farbe-flaeche))}.ibnDatei{gap:var(--abstand-xs);overflow-wrap:anywhere;align-items:center;margin:0;display:inline-flex}.ibnGruppe{align-self:flex-start}.ibnZahlen{margin:0;font-weight:600}.ibnAnlage{gap:var(--abstand-xs);flex-direction:column;display:flex}.ibnListe{background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius-m);margin:0;padding:0;list-style:none;overflow:hidden}.ibnZeile{gap:var(--abstand-m);padding:var(--abstand-s) var(--abstand-m);border-top:.5px solid var(--farbe-rand);grid-template-columns:150px minmax(0,1fr) minmax(0,1.2fr);align-items:start;display:grid}.ibnZeile:first-child{border-top:0}@media (width<700px){.ibnZeile{gap:var(--abstand-xs);grid-template-columns:1fr}}.ibnKanal{font-size:var(--schrift-klein);color:var(--farbe-textLeise)}.ibnText,.ibnKabel{gap:var(--abstand-xs);flex-direction:column;min-width:0;display:flex}.ibnKabelText{overflow-wrap:anywhere}.ibnKabel select{max-width:100%;min-height:36px;padding:0 var(--abstand-s);font:inherit;font-size:var(--schrift-klein);color:var(--farbe-text);background:var(--farbe-hintergrund);border:1px solid var(--farbe-rand);border-radius:var(--radius-s)}.ibnMarke{font-size:var(--schrift-mini);border-radius:999px;align-self:flex-start;padding:2px 8px;font-weight:600}.ibnMarke.m-sicher{color:var(--farbe-klasseGruen);background:color-mix(in srgb, var(--farbe-klasseGruen) 14%, transparent)}.ibnMarke.m-pruefen{color:var(--farbe-klasseOrange);background:color-mix(in srgb, var(--farbe-klasseOrange) 16%, transparent)}.ibnMarke.m-intern{color:var(--farbe-klasseBlau);background:color-mix(in srgb, var(--farbe-klasseBlau) 14%, transparent)}.ibnMarke.m-keine{color:var(--farbe-klasseRot);background:color-mix(in srgb, var(--farbe-klasseRot) 14%, transparent)}.werkbankEintrag{justify-content:space-between;align-items:center;gap:var(--abstand-m);width:100%;min-height:48px;padding:0 12px 0 var(--abstand-m);font:inherit;color:var(--farbe-text);text-align:left;cursor:pointer;background:var(--farbe-flaeche);border-radius:var(--radius-m);border:0;display:flex}.werkbankEintrag .symbol{width:18px;height:18px;color:var(--farbe-textLeise)}.serviceAnlagen{padding:0;list-style:none}.serviceAnlageKnopf{width:100%;min-height:56px;padding:var(--abstand-s) var(--abstand-m);font:inherit;color:var(--farbe-text);text-align:left;cursor:pointer;background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius-m);flex-direction:column;gap:2px;display:flex}.serviceAnlagen li+li{margin-top:var(--abstand-s)}.pruefListe{gap:var(--abstand-m);flex-direction:column;display:flex}.ibnKopf{gap:var(--abstand-m);justify-content:space-between;align-items:flex-start;display:flex}.ibnKopf>div{flex-direction:column;display:flex}.ibnFortschritt{gap:var(--abstand-xs);flex-direction:column;display:flex}.ibnFortschritt progress{width:100%;height:10px}.ibnStart{gap:var(--abstand-s);flex-wrap:wrap;align-items:center;display:flex}.ibnAktionen{gap:var(--abstand-s);flex-wrap:wrap;display:flex}.pruefZeile{gap:var(--abstand-m);padding:var(--abstand-s) var(--abstand-m);border-top:.5px solid var(--farbe-rand);grid-template-columns:150px minmax(0,1fr) auto;align-items:center;display:grid}.pruefZeile:first-child{border-top:0}.pruefHaken{gap:var(--abstand-xs);display:flex}.pruefKnopf{min-width:64px;min-height:44px;padding:0 var(--abstand-s);font:inherit;font-size:var(--schrift-klein);color:var(--farbe-text);cursor:pointer;background:var(--farbe-hintergrund);border:1px solid var(--farbe-rand);border-radius:var(--radius-s);justify-content:center;align-items:center;gap:4px;display:inline-flex}.pruefKnopf.an{color:var(--farbe-klasseGruen);background:color-mix(in srgb, var(--farbe-klasseGruen) 14%, transparent);border-color:var(--farbe-klasseGruen);font-weight:600}.pruefKnopf:disabled,.pruefKnopf[aria-disabled=true]{cursor:default;opacity:.75}.pruefKnopf{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.pruefInfo{padding:var(--abstand-xs) var(--abstand-s);font-size:var(--schrift-klein);background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius-s);grid-column:1/-1;margin:0;animation:.18s ease-out pruefInfoRein}@keyframes pruefInfoRein{0%{opacity:0;transform:translateY(-4px)}}.pruefZurueck{gap:var(--abstand-s);flex-wrap:wrap;grid-column:1/-1;align-items:flex-end;display:flex}.pruefZurueck label{flex-direction:column;flex:240px;gap:4px;display:flex}.ibnVerlauf summary{cursor:pointer}.ibnVerlaufListe{padding-left:var(--abstand-l);font-size:var(--schrift-klein)}@media (width<700px){.pruefZeile{gap:var(--abstand-xs);grid-template-columns:1fr}.pruefHaken{width:100%}.pruefKnopf{flex:1}}.filterZeile{gap:var(--abstand-s);flex-wrap:wrap;align-items:center;display:flex}.infoHuelle{vertical-align:middle;display:inline-flex;position:relative}.infoKnopf{border:1.5px solid var(--farbe-textLeise);width:22px;height:22px;color:var(--farbe-textLeise);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;font:italic 600 13px/1 Georgia,Times New Roman,serif;display:grid;position:relative}.infoKnopf:after{content:"";position:absolute;inset:-12px}.infoKnopf[aria-expanded=true]{background:var(--farbe-text);border-color:var(--farbe-text);color:var(--farbe-hintergrund)}.infoKnopf.pulsiert{animation:1.6s ease-out .8s 2 infoPuls}@keyframes infoPuls{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--farbe-text) 35%, transparent)}to{box-shadow:0 0 0 10px #0000}}.infoBlase{z-index:30;width:max-content;max-width:min(300px,80vw);padding:var(--abstand-s) var(--abstand-m);border-radius:var(--radius-m);background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);color:var(--farbe-text);font-size:var(--schrift-klein);letter-spacing:0;text-align:left;animation:einblenden var(--bewegung-kurz) ease-out both;font-style:normal;font-weight:400;line-height:1.4;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 12px 34px #00000059}.ersterAbgleich{justify-content:center;align-items:center;gap:var(--abstand-l);text-align:center;flex-direction:column;min-height:85dvh;display:flex}.ersterAbgleich .baustellenHaus{margin-bottom:var(--abstand-s)}.ersterAbgleich h1{font-size:var(--schrift-titel)}.ladeBalken{background:var(--farbe-rand);border-radius:3px;width:min(320px,100%);height:6px;position:relative;overflow:hidden}.ladeBalken progress{opacity:0;width:100%;position:absolute;inset:0}.ladeBalken i{background:var(--farbe-klasseGruen);transition:width var(--bewegung-mittel) ease-out;border-radius:3px;position:absolute;inset:0 auto 0 0}.ladeBalken[data-unbestimmt] i{width:30%;animation:1.4s ease-in-out infinite ladeLauf}@keyframes ladeLauf{0%{left:-30%}to{left:100%}}.ladeProzent{font-variant-numeric:tabular-nums;margin:calc(var(--abstand-m) * -1) 0 0}.zeilenWert{color:var(--farbe-textLeise);font-variant-numeric:tabular-nums}.pillenKnopf{background:color-mix(in srgb, var(--farbe-text) 8%, transparent);min-height:32px;color:var(--farbe-text);font:inherit;font-size:var(--schrift-klein);white-space:nowrap;cursor:pointer;transition:background var(--bewegung-kurz) ease-out, transform var(--bewegung-kurz) ease-out;border:0;border-radius:999px;flex:none;align-self:center;align-items:center;padding:6px 14px;font-weight:600;display:inline-flex}.pillenKnopf:active{transform:scale(.96)}.pillenKnopf.bestaetigen{background:var(--farbe-klasseGruen);color:#fff}.titelMitInfo{align-items:center;gap:var(--abstand-s);display:flex}.titelMitInfo>h1,.titelMitInfo>h2{margin-bottom:0}.titelMitInfo>.gruppenTitel{margin-right:0}.titelMitInfo:has(.gruppenTitel) .infoKnopf{text-transform:none;width:18px;height:18px;font-size:11px}.avatar{color:#fff;letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:grid}.avatar.gross{border:3px solid var(--farbe-hintergrund);width:52px;height:52px;font-size:18px}.avatar.plus{background:color-mix(in srgb, var(--farbe-text) 8%, transparent);color:var(--farbe-text);font-size:22px;font-weight:400}.avatar.mehr{background:var(--farbe-rand);color:var(--farbe-text)}.akzentText{color:var(--farbe-akzent);font-weight:600}.projektKopfPersonen{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.projektKopfPersonen strong{font-size:var(--schrift-gross);margin-top:var(--abstand-s)}.avatarStapel{display:flex}.avatarStapel .avatar+.avatar{margin-left:-14px}.avatarStapel .avatar{animation:avatarRein var(--bewegung-mittel) cubic-bezier(.34, 1.56, .64, 1) both}.avatarStapel .avatar:nth-child(2){animation-delay:60ms}.avatarStapel .avatar:nth-child(3){animation-delay:.12s}.avatarStapel .avatar:nth-child(4){animation-delay:.18s}@keyframes avatarRein{0%{opacity:0;transform:scale(.6)}}.mehrKnopf{background:var(--farbe-hintergrund);width:34px;height:34px;color:var(--farbe-text);font:inherit;letter-spacing:1px;cursor:pointer;border:0;border-radius:50%;flex:none;font-weight:700}.eingabeZeile{cursor:text}.eingabeZeile>span{flex:none;max-width:45%}.eingabeZeile input{min-width:0;color:var(--farbe-textLeise);font:inherit;text-align:right;background:0 0;border:0;flex:1;padding:0}.eingabeZeile input:focus{color:var(--farbe-text);outline:none}.blattPerson{align-items:center;gap:var(--abstand-m);display:flex}.blattListe{max-height:50vh;overflow:auto}.zeitleiste{margin:0;padding:0 0 0 26px;list-style:none;position:relative}.zeitleiste:before{content:"";border-left:2px solid var(--farbe-rand);position:absolute;top:8px;bottom:8px;left:7px}.zeitleiste li{padding-bottom:var(--abstand-m);flex-direction:column;gap:2px;display:flex;position:relative}.zeitleiste li:before{content:"";background:var(--farbe-textLeise);width:12px;height:12px;box-shadow:0 0 0 3px var(--farbe-hintergrund);border-radius:50%;position:absolute;top:5px;left:-25px}.zeitleiste li[data-art=angelegt]:before{background:var(--farbe-klasseGruen)}.zeitleiste li[data-art=entfernt]:before{background:var(--farbe-klasseRot)}.zeitleiste li[data-art=rolle]:before{background:var(--farbe-klasseBlau)}.zeitleiste li[data-art=vertretung]:before{background:var(--farbe-klasseOrange)}.zeitleiste small{color:var(--farbe-textLeise)}.rundAktionen{justify-content:space-around;gap:var(--abstand-s);padding:var(--abstand-s) 0;display:flex}.rundAktion{max-width:88px;color:var(--farbe-text);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1 1 0;align-items:center;gap:6px;padding:0;display:flex}.rundAktionKreis{background:var(--farbe-hintergrund);border:1px solid var(--farbe-rand);width:52px;height:52px;transition:transform var(--bewegung-kurz) ease-out, background var(--bewegung-kurz) ease-out;border-radius:50%;place-items:center;display:grid}.rundAktionKreis .symbol{width:22px;height:22px}.rundAktion.hervor .rundAktionKreis{background:var(--farbe-akzent);border-color:var(--farbe-akzent);color:var(--farbe-aufAkzent)}.rundAktion:active .rundAktionKreis{transform:scale(.92)}.rundAktion:disabled{opacity:.4;cursor:default}.rundAktionText{font-size:var(--schrift-mini);text-align:center;line-height:1.2}.todoWischFlaeche{border-radius:var(--radius-m);margin:calc(var(--abstand-s) * -1) calc(var(--abstand-m) * -1) 0 calc(var(--abstand-s) * -1);position:relative;overflow:hidden}.todoWischFlaeche>.todoZeile{z-index:1;background:var(--farbe-flaeche);padding:var(--abstand-s) var(--abstand-m) var(--abstand-s) var(--abstand-s);position:relative}.todoKarte[data-wisch]{background:0 0}.wischHinten{align-items:center;gap:var(--abstand-s);color:#fff;white-space:nowrap;font-weight:700;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.wischHinten.rechts{padding-left:var(--abstand-m);background:var(--farbe-klasseGruen);opacity:.75;transition:opacity var(--bewegung-kurz) ease-out;left:0}.wischHinten.rechts.bereit{opacity:1}.wischHinten.rechts .symbol{stroke-width:2.6px;width:24px;height:24px;transition:transform var(--bewegung-kurz) cubic-bezier(.34, 1.56, .64, 1)}.wischHinten.rechts.bereit .symbol{transform:scale(1.25)}.wischHinten.links{gap:0;right:0}.wischKnopf{color:#fff;width:78px;height:100%;font:inherit;font-size:var(--schrift-mini);cursor:pointer;border:0;font-weight:700}.wischKnopf.oeffnen{background:var(--farbe-klasseOrange,#f08a00);color:#000}.wischKnopf.loeschen{background:var(--farbe-klasseRot)}.todoHaken{border:2px solid var(--farbe-textLeise);background:0 0;border-radius:50%;width:30px;height:30px;margin:7px;position:relative}.todoHaken:after{content:"";position:absolute;inset:-8px}.todoHaken.erledigt{background:var(--farbe-klasseGruen);border-color:var(--farbe-klasseGruen)}.todoHaken .hakenZeichen{stroke:#fff;stroke-width:3.2px;width:18px;height:18px}.todoHaken.frisch{animation:.42s cubic-bezier(.34,1.56,.64,1) both hakenFedern}.todoHaken.frisch:before{content:"";border:2px solid var(--farbe-klasseGruen);border-radius:50%;animation:.52s ease-out both hakenRing;position:absolute;inset:-2px}@keyframes hakenFedern{0%{transform:scale(.7)}55%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes hakenRing{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2)}}@media (prefers-reduced-motion:reduce){.todoHaken.frisch,.todoHaken.frisch:before{animation:none}}.pruefKnopf{background:0 0;border:0;flex-direction:column;gap:2px;min-width:52px;min-height:52px;padding:2px 4px}.pruefKnopf.an{background:0 0;border:0}.pruefKreis{border:2px solid var(--farbe-textLeise);width:30px;height:30px;transition:background var(--bewegung-kurz) ease-out, border-color var(--bewegung-kurz) ease-out;border-radius:50%;place-items:center;display:grid}.pruefKnopf.an .pruefKreis{background:var(--farbe-klasseGruen);border-color:var(--farbe-klasseGruen);color:#fff}.pruefKreis .symbol{stroke-width:3.2px;width:18px;height:18px}.pruefWort{font-size:var(--schrift-mini);color:var(--farbe-textLeise)}.pruefKnopf.an .pruefWort{color:var(--farbe-klasseGruen)}.pruefKnopf.frisch .pruefKreis{animation:.42s cubic-bezier(.34,1.56,.64,1) both hakenFedern;position:relative}.pruefKnopf.frisch .pruefKreis:before{content:"";border:2px solid var(--farbe-klasseGruen);border-radius:50%;animation:.52s ease-out both hakenRing;position:absolute;inset:-2px}@media (prefers-reduced-motion:reduce){.pruefKnopf.frisch .pruefKreis,.pruefKnopf.frisch .pruefKreis:before{animation:none}}.unsichtbar{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.planVergleich.vollbild{box-sizing:border-box;z-index:40;overscroll-behavior:contain;background:var(--farbe-hintergrund);gap:var(--abstand-s);max-width:none;padding:max(var(--abstand-s), env(safe-area-inset-top)) var(--abstand-m) 0;flex-direction:column;margin:0;display:flex;position:fixed;inset:0;overflow:auto}.planVergleich.vollbild.zieht{outline:3px dashed var(--farbe-klasseBlau);outline-offset:-8px}.vollbild .vergleichKopf{gap:var(--abstand-s);grid-template-columns:44px minmax(0,1fr) 44px;place-items:center;display:grid}.vollbild .vergleichKopf .infoHuelle{justify-self:end;margin-right:11px}.vergleichStaende{background:var(--farbe-flaeche);border-radius:999px;align-items:center;gap:6px;min-width:0;max-width:100%;padding:4px;display:flex}.vollbild .vergleichSeite{background:0 0;border:0;flex-direction:row;min-width:0;padding:0;position:relative}.vollbild .vergleichSeite select{appearance:none;white-space:nowrap;width:100%;max-width:150px;min-height:34px;font-weight:600;font-size:var(--schrift-klein);text-overflow:ellipsis;cursor:pointer;border:0;border-radius:999px;padding:0 12px;overflow:hidden}.vollbild .vergleichSeite.a select{color:var(--farbe-klasseOrange);background:color-mix(in srgb, var(--farbe-klasseOrange) 18%, transparent)}.vollbild .vergleichSeite.b select,.vergleichLeer{color:var(--farbe-klasseBlau);background:color-mix(in srgb, var(--farbe-klasseBlau) 20%, transparent)}.vergleichLeer{border-radius:999px;place-items:center;min-width:60px;min-height:34px;font-weight:700;display:grid}.vergleichPfeil{color:var(--farbe-textLeise)}.vergleichUnterzeile{font-size:var(--schrift-klein);justify-content:center;display:flex}.vollbild .vergleichPlanWahl{appearance:none;color:var(--farbe-textLeise);font:inherit;text-align:center;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;max-width:90%}.vergleichChips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.hinweisChip{font-size:var(--schrift-mini);background:var(--farbe-flaeche);color:var(--farbe-textLeise);border-radius:999px;padding:4px 10px}.hinweisChip.warn{background:color-mix(in srgb, var(--farbe-klasseOrange) 18%, transparent);color:var(--farbe-klasseOrange)}.vergleichFlaeche{justify-content:center;display:flex}.vollbild .vergleichBuehne{width:min(100%, calc((100dvh - 260px) * var(--seiten-verhaeltnis)));width:min(100cqw, calc(100cqh * var(--seiten-verhaeltnis)));border-radius:var(--radius-m);flex:none}.vergleichMeldung{text-align:center;font-size:var(--schrift-klein)}.vergleichEinStand{justify-content:center;align-items:center;gap:var(--abstand-m);text-align:center;padding:var(--abstand-xl) var(--abstand-m);flex-direction:column;flex:1;display:flex}.vergleichLeiste{bottom:calc(var(--abstand-m) + env(safe-area-inset-bottom));z-index:41;align-items:center;gap:var(--abstand-s);width:100%;max-width:560px;padding-bottom:calc(var(--abstand-m) + env(safe-area-inset-bottom));margin:auto auto 0;display:flex;position:sticky}.vergleichLeiste .ansichtWahl.mitText button{padding:0 var(--abstand-s);flex:1}.vergleichLeiste .ansichtWahl{-webkit-backdrop-filter:blur(16px);background:color-mix(in srgb, var(--farbe-flaeche) 85%, transparent);border-radius:999px;flex:1;min-width:0;box-shadow:0 8px 24px #00000040}.vergleichNeuKnopf{background:var(--farbe-akzent);min-height:46px;color:var(--farbe-aufAkzent);font:inherit;cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 16px;font-weight:600;display:inline-flex;box-shadow:0 8px 24px #00000040}.vergleichNeuKnopf .symbol{width:18px;height:18px}.vergleichNeuKnopf:disabled{opacity:.6}.sbSchritt[data-aktiv=false],.sbWeiter[data-aktiv=false],.sbErzeugen[data-aktiv=false]{display:none}.sbSchritt{gap:var(--abstand-m);animation:einblenden var(--bewegung-mittel) ease-out both;flex-direction:column;display:flex}.sbSchritte{align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sbSchritte li{flex:1;align-items:center;gap:6px;display:flex}.sbSchritte li:last-child{flex:none}.sbSchritte li:not(:last-child):after{content:"";background:var(--farbe-rand);height:2px;transition:background var(--bewegung-mittel) ease-out;border-radius:1px;flex:1}.sbSchritte li.fertig:after{background:var(--farbe-klasseGruen)}.sbSchritte button{color:var(--farbe-textLeise);font:inherit;font-size:var(--schrift-klein);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;display:flex}.sbSchritte li.jetzt button{color:var(--farbe-text);font-weight:600}.sbSchritte li.fertig button{color:var(--farbe-klasseGruen);font-weight:600}.sbSchrittPunkt{width:24px;height:24px;font-size:var(--schrift-mini);border:1.5px solid var(--farbe-rand);transition:background var(--bewegung-mittel) ease-out, transform var(--bewegung-mittel) cubic-bezier(.34, 1.56, .64, 1);border-radius:50%;place-items:center;font-weight:700;display:grid}.sbSchritte li.jetzt .sbSchrittPunkt{background:var(--farbe-akzent);border-color:var(--farbe-akzent);color:var(--farbe-aufAkzent);transform:scale(1.08)}.sbSchritte li.fertig .sbSchrittPunkt{background:var(--farbe-klasseGruen);border-color:var(--farbe-klasseGruen);color:#fff}.sbSchrittPunkt .symbol{stroke-width:3px;width:14px;height:14px}.sbLeiste{z-index:5;align-items:center;gap:var(--abstand-s);padding:var(--abstand-m) 0 calc(var(--abstand-m) + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--farbe-hintergrund) 30%);display:flex;position:sticky;bottom:0}.sbLeiste .sbWeiter,.sbLeiste .sbErzeugen{flex:1}.todoDetails .rundAktionen,.markerFenster .rundAktionen{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;display:grid}.todoDetails .aktionen select{appearance:none;background-color:var(--farbe-hintergrund);min-height:36px;color:var(--farbe-text);font:inherit;font-size:var(--schrift-klein);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238e8e93' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:0;border-radius:999px;padding:0 30px 0 14px;font-weight:600}.vollbild .vergleichFlaeche{flex:1;align-items:center;min-height:0;container-type:size}.vollbild .vergleichKopf .infoBlase,.sbLeiste .infoBlase{left:auto;right:-8px;transform:none}.sbLeiste .infoBlase{top:auto;bottom:calc(100% + 10px)}.vollbild .vergleichSeite .vergleichChipText{min-height:34px;font-weight:600;font-size:var(--schrift-klein);white-space:nowrap;border-radius:999px;place-items:center;padding:0 14px;display:grid}.vollbild .vergleichSeite.a .vergleichChipText{color:var(--farbe-klasseOrange);background:color-mix(in srgb, var(--farbe-klasseOrange) 18%, transparent)}.vollbild .vergleichSeite.b .vergleichChipText{color:var(--farbe-klasseBlau);background:color-mix(in srgb, var(--farbe-klasseBlau) 20%, transparent)}.vollbild .vergleichSeite .vergleichChipText~select{opacity:0;max-width:none;position:absolute;inset:0}.infoKnopf.mitWort{background:color-mix(in srgb, var(--farbe-text) 7%, transparent);width:auto;height:auto;min-height:28px;color:var(--farbe-textLeise);border:0;border-radius:999px;align-items:center;gap:6px;padding:2px 10px 2px 3px;display:inline-flex}.infoKnopf.mitWort .infoZeichen{border:1.5px solid;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;display:grid}.infoKnopf.mitWort .infoWort{font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:var(--schrift-klein);font-style:normal;font-weight:500;line-height:1}.erklaerungZeile{display:flex}.erklaerungZeile .infoBlase{left:0;transform:none}.kabellisteKopf .infoBlase{left:-4px;transform:none}.klHaupt.sbLeiste{flex-direction:row;align-items:center}.klHaupt.sbLeiste .knopf{min-width:0}.klHaupt.sbLeiste>.knopf{width:auto}.werkbankSymbol{--kasten-linie:color-mix(in srgb, var(--farbe-text) 45%, var(--farbe-flaeche));--wb-licht:var(--farbe-klasseGruen);flex:none;width:72px;height:72px;display:block;overflow:visible}.werkbankSymbol .kastenHell,.werkbankSymbol .kastenMittel,.werkbankSymbol .kastenFlaeche{stroke:var(--kasten-linie);stroke-width:.7px;stroke-linejoin:round}.werkbankSymbol .kastenHell{fill:color-mix(in srgb, var(--farbe-text) 6%, var(--farbe-flaeche))}.werkbankSymbol .kastenMittel{fill:color-mix(in srgb, var(--farbe-text) 14%, var(--farbe-flaeche))}.werkbankSymbol .kastenFlaeche{fill:var(--farbe-flaeche)}.werkbankSymbol .kastenBoden{fill:#00000024}[data-farbschema=dunkel] .werkbankSymbol .kastenBoden{fill:#000000b3}.werkbankSymbol .astLinie,.werkbankSymbol .aderGrund{fill:none;stroke:var(--kasten-linie);stroke-linecap:round;stroke-linejoin:round}.werkbankSymbol .astLinie{stroke-width:1px}.werkbankSymbol .aderGrund{stroke-width:.7px}.werkbankSymbol .wbPad{fill:var(--farbe-flaeche);stroke:var(--kasten-linie);stroke-width:.6px}.werkbankSymbol .lichtHof,.werkbankSymbol .lichtKern{fill:none;stroke:var(--wb-licht);stroke-linecap:round;stroke-linejoin:round}.werkbankSymbol .lichtHof{stroke-width:2.8px;opacity:.45}.werkbankSymbol .lichtKern{stroke-width:1px}.werkbankSymbol .lichtFlaeche{fill:color-mix(in srgb, var(--wb-licht) 70%, var(--farbe-flaeche));stroke:var(--wb-licht);stroke-width:.5px}.werkbankSymbol .atmen{animation:3.6s ease-in-out infinite wbAtmen;animation-delay:calc(var(--n,0) * -.5s)}@keyframes wbAtmen{0%,to{opacity:.12}50%{opacity:1}}.werkbankSymbol.arbeitet .atmen{opacity:1;animation:none}.werkbankSymbol.arbeitet .lichtHof,.werkbankSymbol.arbeitet .lichtKern{stroke-dasharray:.3 .7;animation:1.4s linear infinite wbLauf;animation-delay:calc(var(--n,0) * -.2s)}@keyframes wbLauf{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.werkbankSymbol.arbeitet .atmen.flaecheLicht{animation:1.2s ease-in-out infinite wbAtmen}.werkbankSymbol.feiert{animation:wbFeder .4s var(--weich,ease-out)}.werkbankSymbol.feiert .atmen{animation:1.2s ease-out wbVoll,3.6s ease-in-out 1.2s infinite wbAtmen}@keyframes wbVoll{0%{opacity:.2}25%,70%{opacity:1}to{opacity:.12}}@keyframes wbFeder{0%{transform:scale(.92)}45%{transform:scale(1.08)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.werkbankSymbol .atmen,.werkbankSymbol.arbeitet .lichtHof,.werkbankSymbol.arbeitet .lichtKern,.werkbankSymbol.arbeitet .atmen.flaecheLicht,.werkbankSymbol.feiert,.werkbankSymbol.feiert .atmen{animation:none}.werkbankSymbol .atmen{opacity:.8}.werkbankSymbol.arbeitet .lichtHof,.werkbankSymbol.arbeitet .lichtKern{stroke-dasharray:none}}.seite.werkbank{gap:var(--abstand-m);padding-top:calc(var(--abstand-l) + env(safe-area-inset-top));box-sizing:border-box;flex-direction:column;min-height:100dvh;display:flex}.seite.werkbank.breit{max-width:1132px}.werkbank h1{font-size:var(--schrift-titel,32px);letter-spacing:-.02em;margin:0;line-height:1.15}.werkbank .wbTitelZeile{align-items:center;gap:var(--abstand-s);display:flex;position:relative}.werkbank .wbTitelZeile h1{min-width:0}.werkbank .wbTitelZeile .infoHuelle{position:static}.werkbank .wbTitelZeile .infoBlase{box-sizing:border-box;width:min(26rem,100vw - 32px);max-width:none;left:0;transform:none}.wbBereichKopf{position:relative}.anleitung{gap:var(--abstand-xs);flex-direction:column;display:flex}.anleitung ol{gap:var(--abstand-xs);flex-direction:column;margin:0;padding-left:20px;display:flex}.wbZurueck{min-height:44px;margin:calc(var(--abstand-s) * -1) 0 calc(var(--abstand-s) * -1) -6px;font:inherit;color:var(--farbe-textLeise);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:2px;padding:0;display:inline-flex}.wbZurueck .symbol{width:20px;height:20px}.wbBereichKopf{gap:var(--abstand-m);grid-template-columns:56px minmax(0,1fr);align-items:center;display:grid}.wbBereichKopf .wbTitelZeile{position:static}.wbBereichKopf .werkbankSymbol{width:56px;height:56px}.wbKarten{gap:var(--abstand-s);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}.wbSchritt{gap:var(--abstand-m);width:100%;height:100%;padding:var(--abstand-m);border-radius:var(--radius-l);background:var(--farbe-flaeche);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform var(--bewegung-kurz) ease-out;border:0;grid-template-columns:72px minmax(0,1fr);align-items:center;display:grid}.wbSchritt>span{flex-direction:column;gap:2px;min-width:0;display:flex}.wbSchritt strong{font-size:var(--schrift-gross);letter-spacing:-.01em}.wbSchritt .leise{font-size:var(--schrift-klein)}.wbRot{color:var(--farbe-klasseRot);font-size:var(--schrift-klein);font-weight:600}.wbSchritt:active,.wbGrosserKnopf:active:not(:disabled){transform:scale(var(--druck-skalierung))}.wbKnoepfe{gap:var(--abstand-s);grid-template-columns:1fr;margin-block:auto;display:grid}.wbGrosserKnopf{min-height:112px;padding:var(--abstand-m);justify-content:center;align-items:center;gap:var(--abstand-xs);border-radius:var(--radius-l);background:var(--farbe-akzent);color:var(--farbe-aufAkzent);font:inherit;text-align:center;cursor:pointer;transition:transform var(--bewegung-kurz) ease-out;border:0;flex-direction:column;display:flex}.wbGrosserKnopf strong{font-size:var(--schrift-gross);letter-spacing:-.01em}.wbGrosserKnopf span{font-size:var(--schrift-klein);opacity:.72}[data-farbschema=dunkel] .wbGrosserKnopf{background:color-mix(in srgb, var(--farbe-text) 16%, var(--farbe-hintergrund));color:var(--farbe-text)}.wbGrosserKnopf:disabled{background:color-mix(in srgb, var(--farbe-text) 7%, transparent);color:var(--farbe-textLeise);cursor:default}.wbLeise{color:var(--farbe-textLeise);align-self:flex-start}.wbBaustelle{align-self:flex-start;max-width:100%;display:inline-flex}.wbBaustelle select{max-width:100%;min-height:36px;padding:0 var(--abstand-m);border:1px dashed var(--farbe-textLeise);color:var(--farbe-textLeise);font:inherit;font-size:var(--schrift-klein);background:0 0;border-radius:999px}.wbBaustelle.gewaehlt select{border:1.5px solid var(--farbe-text);color:var(--farbe-text);font-weight:600}.wbNurLeser{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.wbKarte{gap:var(--abstand-s);padding:var(--abstand-l) var(--abstand-m);border-radius:var(--radius-l);background:var(--farbe-flaeche);flex-direction:column;display:flex}.wbKarte h1,.wbKarte h2{font-size:var(--schrift-titel);letter-spacing:-.02em;margin:0;line-height:1.15}.wbKarte p{margin:0}.wbKarte .werkbankSymbol{width:88px;height:88px}.wbWarten{z-index:40;text-align:center;background:var(--farbe-hintergrund);border-radius:0;justify-content:center;align-items:center;position:fixed;inset:0}.wbEnde{gap:var(--abstand-s);flex-direction:column;display:flex}.wbZuordnen{align-items:center;gap:var(--abstand-s);flex-wrap:wrap;display:flex}.wbZuordnen .knopf{flex:auto}.wbZuletzt{gap:var(--abstand-s);flex-direction:column;display:flex}.wbZuletzt h2{padding:0 var(--abstand-xs);font-size:var(--schrift-klein);color:var(--farbe-textLeise);margin:0;font-weight:600}.wbZuletzt ul,.serviceAnlagen{border-radius:var(--radius-m);background:var(--farbe-flaeche);margin:0;padding:0;list-style:none;overflow:hidden}.wbZuletzt li+li,.werkbank .serviceAnlagen li+li{border-top:1px solid var(--farbe-rand)}.wbZuletzt button,.werkbank .serviceAnlageKnopf{align-items:center;gap:var(--abstand-m);width:100%;min-height:56px;padding:var(--abstand-s) var(--abstand-m);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;display:grid}.wbZuletzt button>span,.werkbank .serviceAnlageKnopf>*{min-width:0}.wbZuletzt strong,.wbZuletzt .leise{overflow-wrap:anywhere;display:block}.wbZuletzt .leise{font-size:var(--schrift-klein)}.wbZuletzt .symbol,.werkbank .serviceAnlageKnopf>.symbol,.sbAngaben summary .symbol{width:16px;height:16px;color:var(--farbe-textLeise);transform:scaleX(-1)}.klUebersicht summary{cursor:pointer;min-height:44px;color:var(--farbe-textLeise);font-size:var(--schrift-klein);align-items:center;display:flex}.sbAngaben{border-radius:var(--radius-m);background:var(--farbe-flaeche)}.sbAngaben summary{cursor:pointer;align-items:center;gap:var(--abstand-m);min-height:56px;padding:var(--abstand-s) var(--abstand-m);grid-template-columns:minmax(0,1fr) auto;list-style:none;display:grid}.sbAngaben summary::-webkit-details-marker{display:none}.sbAngaben summary strong,.sbAngaben summary .leise{display:block}.sbAngaben summary .leise{font-size:var(--schrift-klein)}.sbAngaben[open] summary .symbol{transform:rotate(-90deg)}.ibnMehrKnopf{flex:none;min-height:44px}.ibnMehr{gap:var(--abstand-s);padding:var(--abstand-m);border-radius:var(--radius-m);background:var(--farbe-flaeche);flex-direction:column;display:flex}.ibnZahl{font-size:var(--schrift-titel);letter-spacing:-.02em;font-weight:700;line-height:1.1;display:block}.ibnZahl span{font-size:var(--schrift-normal);letter-spacing:0;color:var(--farbe-textLeise);font-weight:400}.pruefZeile .ibnText strong{transition:color var(--bewegung-mittel)}.pruefZeile.fertig .ibnText strong{color:var(--farbe-textLeise);font-weight:500}.pruefKnopf.frisch .pruefKreis .symbol path{stroke-dasharray:30;stroke-dashoffset:30px;animation:wbHaken var(--bewegung-mittel) var(--weich,ease-out) .1s forwards}@keyframes wbHaken{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.pruefKnopf.frisch .pruefKreis .symbol path{stroke-dashoffset:0;animation:none}}@media (width>=720px){.wbKarten{grid-template-columns:repeat(3,1fr)}.wbKnoepfe{gap:var(--abstand-m);grid-template-columns:1fr 1fr}.wbGrosserKnopf{min-height:148px}}.webInhalt .seite.werkbank:not(.breit){max-width:1132px}.webInhalt .seite.werkbank:not(.breit)>*{width:100%;max-width:688px}.webInhalt .seite.werkbank{min-height:100%}.werkbank .serviceAnlageKnopf strong,.werkbank .serviceAnlageKnopf .leise{overflow-wrap:anywhere;display:block}.werkbank .serviceAnlageKnopf .leise{font-size:var(--schrift-klein)}.wbBereichKopf p,.serviceAnlage>p,.werkbank>div>p.leise{margin:0}.serviceAnlage>h1+p{margin-top:calc(var(--abstand-s) * -1)}.werkbank .klTitel strong{font-size:var(--schrift-normal);letter-spacing:0;font-weight:600}.ibnFortschritt progress{accent-color:var(--farbe-klasseGruen)}.webKachel:not(.breit){flex-direction:row;justify-content:space-between;align-items:center}.webKachel.breit .webKachelKopf{display:none}.filterAuswahl>.auswahlKapsel{flex:1 1 0;min-width:0}.markerListe>.knopf.zweit{margin-top:var(--abstand-s);order:9}input[type=date],input[type=time]{box-sizing:border-box;min-width:0;max-width:100%}.klModulKlapp>summary{cursor:pointer;gap:var(--abstand-xs);flex-direction:column;list-style:none;display:flex}.klModulKlapp>summary::-webkit-details-marker{display:none}.klModulKlapp>summary .klModulKopf{margin:0}.klModulKlapp[open]>summary{margin-bottom:var(--abstand-s)}.klBalken{accent-color:var(--farbe-klasseGruen)}.klHaupt{bottom:var(--abstand-m);z-index:5;position:sticky}@media (width<=600px){.planKopfZurueck{display:none}}.seite>.knopf+.gruppeBlock,.seite>.knopf+section,.knopf+.gruppenTitel{margin-top:var(--abstand-l)}progress{accent-color:var(--farbe-klasseGruen)}.protokollFrueher,.gruppeBlock+.protokollFrueher{margin-top:var(--abstand-l)}.gruppe>.gruppenHinweis{padding-bottom:var(--abstand-s)}.klUebersicht summary:before{content:"›";width:14px;transition:transform var(--bewegung-kurz);font-size:18px;display:inline-block}.klUebersicht[open] summary:before{transform:rotate(90deg)}.klHaupt{padding-block:var(--abstand-s);background:var(--farbe-hintergrund);bottom:0}.klModulKlapp>summary .gruppenTitel:before{content:"› ";font-size:16px}.klModulKlapp[open]>summary .gruppenTitel:before{content:"⌄ "}.eingabeGruppe .eingabeZeile{gap:var(--abstand-xs)}.eingabeGruppe .eingabeZeile input,.eingabeZeile input{box-sizing:border-box;width:100%;min-height:44px;padding:0 var(--abstand-m);border:1px solid var(--farbe-rand);border-radius:var(--radius-m);background:var(--farbe-flaeche);color:var(--farbe-text);font-size:var(--schrift-normal);text-align:left}.eingabeGruppe .eingabeZeile input:focus,.eingabeZeile input:focus{border-color:var(--farbe-text);outline:none}.markerFilterZeile{gap:var(--abstand-s);align-items:center;display:flex}.markerFilterZeile .suchfeld{flex:1;min-width:0}.markerFilterKnopf{flex:none;min-height:44px}.markerFilterBlatt{gap:var(--abstand-m);flex-direction:column;display:flex}.markerFilterBlatt h2{margin:0}.filterChips .chipZahl{margin-left:var(--abstand-xs);color:var(--farbe-textLeise);font-variant-numeric:tabular-nums}.eingabeGruppe .eingabeZeile{box-sizing:border-box}.avatar:not([style]),.schubladeProfil .avatar:not([style]){color:var(--farbe-aufAkzent)}.ibnZuordnen{gap:var(--abstand-s);flex-direction:column;display:flex}[data-ansicht=computer] .seite .formular>.knopf,[data-ansicht=computer] .seite .gruppe>.knopf,[data-ansicht=computer] .seite>.knopf,[data-ansicht=computer] .seite>form>.knopf{align-self:flex-start;width:auto;min-width:220px}[data-ansicht=computer] .seite .seitenKnopf{width:auto;min-width:220px;padding-inline:var(--abstand-l)}.webKachel.problem{color:#fff;background:var(--farbe-klasseRot)}.webKachel.problem .webKachelKopf{color:inherit}.webKachel.problem .klassenZeichen{box-shadow:0 0 0 1.5px #fff}:where(button,[role=tab],a[href],summary){touch-action:manipulation;transition:transform var(--bewegung-kurz) ease-out}:where(button,[role=tab],a[href],summary):where(:active):where(:not(:disabled)){transform:scale(var(--druck-skalierung))}:root:not([data-ansicht=computer]) .knopf:not(.zweit){min-height:var(--tipp-haupt)}.knopf,.segment,.chip,.ansichtWahl button,.segmenteWahl button,.sbSchritte button{min-height:var(--tipp-min)}.chip{border-radius:calc(var(--tipp-min) / 2)}:where(.mehrKnopf){position:relative}.mehrKnopf:after{content:"";position:absolute;inset:-7px}.infoKnopf:after{inset:-15px}.formular select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%238e8e93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l4 4 4-4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.fensterGriff,.todoBlattGriff{touch-action:none;min-height:36px}#root{overflow-x:clip}@keyframes seiteRein{0%{opacity:.5;transform:translate(16px)}}@keyframes seiteZurueck{0%{opacity:.5;transform:translate(-16px)}}main.seite{animation:seiteRein var(--bewegung-mittel) ease-out}:root[data-richtung=zurueck] main.seite{animation-name:seiteZurueck}[data-ansicht=computer] main.seite{animation-name:einblenden}[role=tabpanel]{animation:einblenden var(--bewegung-kurz) ease-out}@media (prefers-reduced-motion:reduce){:where(button,[role=tab],a[href],summary):where(:active):where(:not(:disabled)){transform:none}main.seite,[role=tabpanel]{animation:none}}input[type=range]{accent-color:var(--farbe-akzent)}:root:not([data-ansicht=computer]) .markerSchicht[data-dichte=punkte] .markerPunkt:not(.gewaehlt){--punkt:11px;width:var(--punkt);height:var(--punkt);transition:width var(--bewegung-kurz) ease-out, height var(--bewegung-kurz) ease-out;border-width:2px;box-shadow:0 0 0 .5px #0000008c,0 1px 2px #0006}:root:not([data-ansicht=computer]) .markerSchicht[data-dichte=punkte] .markerPunkt:not(.gewaehlt).rang-2{--punkt:14px;z-index:1}:root:not([data-ansicht=computer]) .markerSchicht[data-dichte=punkte] .markerPunkt:not(.gewaehlt).rang-1{--punkt:22px;z-index:2}:root:not([data-ansicht=computer]) .markerSchicht[data-dichte=punkte] .markerPunkt:not(.gewaehlt):after{inset:-14px}:root:not([data-ansicht=computer]) .markerSchicht[data-dichte=punkte] .markerPunkt:not(.gewaehlt) .markerBeschriftung,:root:not([data-ansicht=computer]) .markerSchicht[data-dichte=punkte] .markerPunkt:not(.gewaehlt):not(.rang-1) .klassenZeichen{display:none}:root:not([data-ansicht=computer]) .markerSchicht[data-dichte=punkte] .markerPunkt:not(.gewaehlt).rang-1 .klassenZeichen{width:14px;height:14px}.markerPunkt:after{content:"";position:absolute;inset:-6px}:root:not([data-ansicht=computer]) body:has(.markerFenster.halb) .planSeite{bottom:48dvh}.markerFenster textarea:focus{min-height:96px}.feldGruppe>.erklaerungZeile{padding-inline:var(--abstand-m)}.markerFenster.halb .fotos{align-items:center;gap:var(--abstand-s);display:flex}.markerFenster.halb .fotos .rundAktionen{flex:1;min-width:0;padding:0;display:flex}.markerFenster.halb .fotos .rundAktion{flex:0 0 56px;max-width:none}.markerFenster.halb .fotos .rundAktion.hervor{flex:1}.markerFenster.halb .fotos .rundAktion .rundAktionText{display:none}.markerFenster.halb .fotos .rundAktionKreis{width:100%;height:var(--tipp-haupt);border-radius:var(--radius-m)}.markerFenster.halb .fotos .fotoRaster{flex:none;max-width:45%;display:flex;overflow-x:auto}.markerFenster.halb .fotos .fotoKarte{background:0 0;border:0;flex:none;width:72px;padding:0}.markerFenster.halb .fotos .fotoKarte>:not(:first-child){display:none}.markerFenster.halb .fotos .fotoKarte>:first-child{height:var(--tipp-haupt);border-radius:var(--radius-m);overflow:hidden}.markerFilterBlatt .planFilter{gap:var(--abstand-m);width:auto;box-shadow:none;background:0 0;flex-direction:column;padding:0;display:flex;position:static}.markerFilterBlatt .filterChips{flex-wrap:wrap;overflow:visible}.rundKnopf.filterAktiv{color:var(--farbe-aufAkzent);background:var(--farbe-akzent)}body:has(.blattScrim) .todoPille{display:none}.markerFilterBlatt .planFilter{border:0}.markerFilterBlatt .planFilter label{gap:var(--abstand-xs);display:grid}.markerFilterBlatt .planFilter select{appearance:none;min-height:var(--tipp-min);padding:0 var(--abstand-m);font:inherit;color:var(--farbe-text);background-color:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius-m)}.kopfKarte{margin-block:var(--abstand-xs) var(--abstand-s);padding:var(--abstand-s) var(--abstand-m)}.kopfText{gap:2px}.kopfText h1{font-size:var(--schrift-normal)}.kopfText>.leise{display:none}.kopfText .projektStand{font-size:var(--schrift-klein);margin-top:2px}.plaeneTitel{flex:1;min-width:0}.plaeneTitel h2{font-size:var(--schrift-gross);margin:0}.rundKnopf.hervor{color:var(--farbe-aufAkzent);background:var(--farbe-akzent)}.planZahlen{gap:var(--abstand-s);font-size:var(--schrift-klein);color:var(--farbe-textLeise);margin-top:2px;font-weight:400;display:flex}.planProbleme{color:var(--farbe-klasseRot);font-weight:700}:root:not([data-ansicht=computer]) .planKacheln{grid-template-columns:minmax(0,1fr)}:root:not([data-ansicht=computer]) .planKachel .griff{display:none}:root:not([data-ansicht=computer]) .planKachelBild{aspect-ratio:2;height:auto}:root:not([data-ansicht=computer]) .planKachel .planOeffnen{min-height:var(--tipp-min);text-align:left}.ibnSpalten{display:none}:root:not([data-ansicht=computer]) .pruefListe .wbTitelZeile h1{font-size:var(--schrift-gross)}:root:not([data-ansicht=computer]) .ibnKopf .leise{display:none}:root:not([data-ansicht=computer]) .ibnAnlageKopf{top:env(safe-area-inset-top);z-index:2;justify-content:space-between;align-items:center;gap:var(--abstand-s);padding-block:var(--abstand-xs);background:var(--farbe-hintergrund);display:flex;position:sticky}:root:not([data-ansicht=computer]) .ibnSpalten{grid-template-columns:repeat(3, var(--tipp-min));text-align:center;text-transform:none;letter-spacing:0;flex:none;display:grid}:root:not([data-ansicht=computer]) .pruefZeile{column-gap:var(--abstand-s);padding:var(--abstand-xs) var(--abstand-m);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}:root:not([data-ansicht=computer]) .pruefZeile>*{grid-column:1/-1}:root:not([data-ansicht=computer]) .pruefZeile>.ibnKanal,:root:not([data-ansicht=computer]) .pruefZeile>.ibnText{grid-column:1}:root:not([data-ansicht=computer]) .pruefZeile>.ibnKanal,:root:not([data-ansicht=computer]) .pruefZeile .ibnText strong{font-size:var(--schrift-klein)}:root:not([data-ansicht=computer]) .pruefZeile>.pruefHaken{grid-area:1/2/span 2;grid-template-columns:repeat(3, var(--tipp-min));gap:0;margin:0;display:grid}:root:not([data-ansicht=computer]) .pruefKnopf{width:var(--tipp-min);min-width:0;min-height:var(--tipp-min);place-items:center;padding:0;display:grid}:root:not([data-ansicht=computer]) .pruefWort{display:none}.anmeldeSeite{flex-direction:column;justify-content:center;min-height:100dvh;display:flex}.anmeldeMarke{align-items:center;gap:var(--abstand-xs);margin-bottom:var(--abstand-l);color:var(--farbe-text);flex-direction:column;display:flex}.anmeldeMarke strong{font-size:var(--schrift-titel);letter-spacing:-.02em}.anmeldeSeite .erklaerungZeile,.anmeldeSeite>.link{align-self:center}.webPlanPlatz{flex:1;min-width:0;display:flex}.webPlanPlatz:empty{display:none}.webLeiste:has(.webPlanPlatz:not(:empty)) .webMenue{display:none}.webPlanPlatz .planKopf{flex:1;min-width:0;min-height:0;padding:0}.webPlanPlatz .abgleichLampe{display:none}.webPlanPlatz .link{min-height:34px;padding:0 var(--abstand-s);font-size:var(--schrift-klein);background:var(--farbe-hintergrund);border-radius:var(--radius-s);font-weight:600}.projektHuelle:has(.planSeite,.planVergleich.vollbild) .webBand{display:none}[data-ansicht=computer] .computerFlaeche:has(.planSeite) .markerFenster{top:0}[data-ansicht=computer] .planMarkerSpalte~.planSeite{left:280px}[data-ansicht=computer] .planKacheln{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}[data-ansicht=computer] .computerFlaeche:has(.todoBlatt) .planSeite{left:380px}.planMarkerSpalte{z-index:2;gap:var(--abstand-s);box-sizing:border-box;width:280px;padding:var(--abstand-m) var(--abstand-s) var(--abstand-s);background:var(--farbe-flaeche);border-right:.5px solid var(--farbe-rand);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0}.planMarkerSpalte h2{padding-inline:var(--abstand-s);font-size:var(--schrift-normal);margin:0}.planMarkerListe{flex:1;min-height:0;overflow-y:auto}.planMarkerListe>.leise{padding-inline:var(--abstand-s)}.planMarkerListe ul{margin:0;padding:0;list-style:none}.planSpaltenKopf{width:100%;min-height:34px;padding:0 var(--abstand-s);font:inherit;font-size:var(--schrift-klein);color:var(--farbe-textLeise);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;font-weight:700;display:flex}.planSpaltenZeile{align-items:center;gap:var(--abstand-s);width:100%;min-height:36px;padding:0 var(--abstand-s);font:inherit;font-size:var(--schrift-klein);color:var(--farbe-text);text-align:left;border-radius:var(--radius-s);cursor:pointer;background:0 0;border:0;display:flex}.planSpaltenZeile:hover,.planSpaltenZeile.gewaehlt{background:var(--farbe-hintergrund)}.planSpaltenZeile.gewaehlt{box-shadow:inset 0 0 0 1.5px var(--farbe-akzent);font-weight:600}.planSpaltenZeile>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.planMarkerSpalte .plankopf{background:var(--farbe-flaeche);border-width:1px;flex:none;grid-template-columns:1fr 1fr;width:auto;position:static}.planMarkerSpalte .plankopf>div{border-right:0;grid-column:auto}.planMarkerSpalte .plankopf .plankopfProjekt,.planMarkerSpalte .plankopf>div:nth-child(4){grid-column:1/-1}[data-ansicht=computer] .markerFenster{box-sizing:border-box}:root[data-richtung=ohne] main.seite{animation:none}html{overscroll-behavior-x:none}:root:not([data-ansicht=computer]) input:not([type=checkbox],[type=radio],[type=range],[type=file]),:root:not([data-ansicht=computer]) textarea,:root:not([data-ansicht=computer]) select{font-size:max(16px,1em)}.pruefZurueck input{box-sizing:border-box;min-height:var(--tipp-min);padding:0 var(--abstand-m);font:inherit;color:var(--farbe-text);background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius-m)}.markerFenster.halb .fotos .rundAktion.hervor{position:relative}.markerFenster.halb .fotos .rundAktion.hervor .rundAktionText{color:var(--farbe-aufAkzent);font-weight:700;display:block;position:absolute;top:50%;left:calc(50% + 2px);transform:translateY(-50%)}.markerFenster.halb .fotos .rundAktion.hervor .rundAktionKreis>*{translate:-26px}.markerFenster.halb .feldGruppe{gap:var(--abstand-s);background:0 0;border-radius:0;flex-direction:column;display:flex;overflow:visible}.markerFenster.halb .feldGruppe .formular{padding:var(--abstand-s) var(--abstand-m);background:var(--farbe-hintergrund);border-radius:var(--radius-m);border:0;font-size:0}.markerFenster.halb .feldGruppe .erklaerungZeile{display:none}.rundKnopf{width:var(--tipp-min);height:var(--tipp-min);position:relative}.rundKnopf.klein:after{content:"";position:absolute;inset:-6px}.link,.zurueckKnopf{min-width:var(--tipp-min);min-height:var(--tipp-min)}.archivLink{display:none}.wbBaustelle select{min-height:var(--tipp-min);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%238e8e93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l4 4 4-4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.webTabelle.fremd{opacity:1}.webTabelle.fremd strong,.webTabelle.fremd .leise{color:var(--farbe-textLeise)}.einklappen>summary{min-height:var(--tipp-min);padding:0 var(--abstand-m);cursor:pointer;align-items:center;list-style:none;display:flex}.einklappen>summary::-webkit-details-marker{display:none}.einklappen>summary:after{content:"";border-top:1.8px solid var(--farbe-textLeise);border-right:1.8px solid var(--farbe-textLeise);opacity:.6;width:8px;height:8px;transition:transform var(--bewegung-kurz) ease-out;flex:none;margin-left:auto;transform:rotate(45deg)}.einklappen[open]>summary:after{transform:rotate(135deg)}[data-ansicht=computer] .webBand{padding-inline:max(var(--abstand-l), calc((100% - 1100px) / 2))}.planTitelWahl{min-width:0;display:block;position:relative}.planTitelWahl select{width:100%;min-height:var(--tipp-min);font:inherit;color:var(--farbe-text);text-overflow:ellipsis;white-space:nowrap;appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%238e8e93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l4 4 4-4'/%3E%3C/svg%3E") 100% no-repeat;border:0;padding:0 22px 0 0;font-weight:700;overflow:hidden}.markerPlanZelle{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.kontoMehr{display:inline-block;position:relative}.kontoMehr>summary{width:var(--tipp-min);height:var(--tipp-min);cursor:pointer;border-radius:50%;place-items:center;list-style:none;display:grid}.kontoMehr>summary::-webkit-details-marker{display:none}.kontoMehr>summary:hover{background:var(--farbe-hintergrund)}.kontoMehr[open]>.kontoAktionen{margin-top:var(--abstand-xs);flex-direction:column;align-items:stretch;display:flex}.vergleichNeuKnopf{color:var(--farbe-text);background:var(--farbe-flaeche)}:root:not([data-ansicht=computer]) .planKopf{gap:var(--abstand-xs);padding-inline:var(--abstand-s)}:root:not([data-ansicht=computer]) .planKopf .rundKnopf{width:40px;height:40px}:root:not([data-ansicht=computer]) .planKopf .rundKnopf:after{content:"";position:absolute;inset:-4px}:root:not([data-ansicht=computer]) .seitenKopfZeile{margin-top:calc(var(--abstand-l) * -1 + var(--abstand-xs))}.seitenKopfZeile .zurueckKnopf{min-width:var(--tipp-min);flex:0 auto}.zurueckText{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:root:not([data-ansicht=computer]) .seite.werkbank{padding-top:calc(var(--abstand-xs) + env(safe-area-inset-top))}.wbZurueck{min-height:var(--tipp-min);margin:0 0 calc(var(--abstand-s) * -1)}.formularKopf{margin-top:calc(var(--abstand-l) * -1 + var(--abstand-xs));margin-bottom:var(--abstand-s);padding-top:env(safe-area-inset-top);display:flex}:root[data-ansicht=computer] .formularKopf{margin-top:0}.formularKopf+h1{margin:0}.projektInhalt>strong,.markerTitel,.markerText>.leise:not(.markerMeta){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.zeile.eingabeZeile{align-items:stretch;gap:var(--abstand-xs);flex-direction:column}.zeile.eingabeZeile>span{max-width:none;font-size:var(--schrift-klein);color:var(--farbe-textLeise)}.zeile.eingabeZeile input{text-align:left;flex:none}.kontoZeile{flex-wrap:wrap;align-items:center}.kontoZeile .zeilenText{flex:1 1 0;min-width:0}.kontoZeile .kontoMehr{flex:none}.kontoZeile .kontoMehr[open]{flex-basis:100%}.kontoZeile .kontoMehr[open]>summary{margin-left:auto}:root:not([data-ansicht=computer]) .wbGrosserKnopf:disabled{min-height:var(--tipp-min);padding:var(--abstand-s) var(--abstand-m);border-radius:var(--radius-m);text-align:left;flex-direction:row;justify-content:space-between}:root:not([data-ansicht=computer]) .wbGrosserKnopf:disabled strong{font-size:var(--schrift-normal);font-weight:500}:root:not([data-ansicht=computer]) .ibnFeld{text-align:left;align-items:flex-start}.standText{flex-wrap:wrap;column-gap:.25em;max-height:1.3em;line-height:1.3;display:flex;overflow:hidden}.seite.startHinweis{padding-top:calc(var(--abstand-l) + env(safe-area-inset-top))}.zeile:has(>.zeilenWert)>.zeilenText{flex:none}.zeile .zeilenWert{min-width:0;margin-left:var(--abstand-m);text-align:right;white-space:normal;overflow-wrap:anywhere;flex:1 1 0}.markerFenster.halb .fotos .fotoKarte.wartend{position:relative}.markerFenster.halb .fotos .fotoKarte.wartend>.statusZeile{background:var(--farbe-flaeche);border-radius:50%;margin:0;padding:0;display:block;position:absolute;top:4px;right:4px}.markerFenster.halb .fotos .fotoKarte.wartend>.statusZeile>:not(.statusSymbol){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}