:root{--farbe:#e5323a;--farbe-haupt:#00a6ff;--blau:var(--farbe-haupt);--link:#07a;--text:#1d2327;--leise:#5b6770;--linie:#e1e5e8;--flaeche:#f5f7f8;--hinter:#fff;--gruen:#1e7d32;--gruen-flaeche:#e5f4e4;--rot:#b3261e;--rot-flaeche:#fbebeb;--offen:#8a6d00;--offen-flaeche:#fdf1d6;--breite:1220px}*{box-sizing:border-box}html,body{color:var(--text);background:var(--hinter);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px}body{flex-direction:column;min-height:100vh;display:flex}a{color:var(--link);font-weight:600}.kopf{width:100%;max-width:var(--breite);border-bottom:2px solid var(--farbe);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:0 auto;padding:14px 20px;display:grid}.kopf .logo{border:1px solid var(--farbe);outline-offset:-3px;min-width:180px;min-height:64px;color:var(--farbe);outline:1px solid #d0d0d0;justify-self:start;align-items:center;padding:8px 10px;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:400;text-decoration:none;display:inline-flex}.kopf .titel{color:var(--farbe);letter-spacing:.35em;text-transform:uppercase;text-align:center;font-size:20px;font-weight:700}.kopf .rechts{justify-self:end}.kopf .zurueck{border:2px solid var(--farbe);min-height:44px;color:var(--farbe);white-space:nowrap;background:#fff;border-radius:10px;align-items:center;padding:8px 18px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.kopf .zurueck:hover{background:var(--farbe);color:#fff}.leiste-kopf{border-bottom:1px solid var(--linie)}.leiste-kopf .innen{max-width:var(--breite);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:8px 20px 0;display:flex}.reiter-kopf{flex-wrap:wrap;gap:4px;display:flex}.reiter-kopf a{min-height:44px;color:var(--leise);border-bottom:3px solid #0000;align-items:center;padding:10px 14px;text-decoration:none;display:inline-flex}.reiter-kopf a:hover{color:var(--text)}.reiter-kopf a[aria-current=page]{color:var(--text);border-bottom-color:var(--farbe)}.wer{color:var(--leise);align-items:center;gap:12px;padding-bottom:6px;font-size:15px;display:flex}.wer button{min-height:40px;padding:6px 14px;font-size:15px}main{width:100%;max-width:var(--breite);flex:1;margin:0 auto;padding:20px 20px 64px}h1{margin:0 0 8px;font-size:24px}h2{margin:32px 0 8px;font-size:20px}.lead{color:var(--leise);margin:0 0 20px;font-size:16px}.hinweis{background:var(--offen-flaeche);border-left:4px solid var(--offen);border-radius:0 8px 8px 0;margin:12px 0;padding:10px 14px;font-size:15px}.muster{background:var(--flaeche);border:1px dashed var(--leise);margin-bottom:16px;padding:8px 14px;font-size:15px}.fuss{background:var(--farbe-haupt);height:12px}.tabelle-rahmen{border:1px solid var(--linie);border-radius:10px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:16px}th,td{border-bottom:1px solid var(--linie);text-align:left;vertical-align:middle;padding:10px 12px}th{color:var(--leise);white-space:nowrap;background:#fafbfc;font-size:14px;font-weight:700}tr:last-child td{border-bottom:0}td.zahl,th.zahl{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}tr.summe td{background:var(--flaeche);font-weight:700}.auffaellig{color:var(--rot);font-weight:700}.ampel{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:15px;font-weight:600;display:inline-flex}.ampel:before{content:"";background:currentColor;border-radius:50%;width:10px;height:10px}.ampel.gruen{color:var(--gruen);background:var(--gruen-flaeche)}.ampel.rot{color:var(--rot);background:var(--rot-flaeche)}.ampel.offen{color:var(--offen);background:var(--offen-flaeche)}.karten{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.karte{border:2px solid var(--farbe);border-radius:10px;flex-direction:column;gap:8px;padding:16px;display:flex}.karte h3{margin:0;font-size:20px}.zaehler{flex-wrap:wrap;gap:8px;display:flex}button,.knopf{border:1px solid var(--farbe-haupt);background:var(--farbe-haupt);color:#fff;cursor:pointer;border-radius:8px;align-items:center;min-height:44px;padding:10px 22px;font-family:inherit;font-size:16px;text-decoration:none;display:inline-flex}button:hover,.knopf:hover{filter:brightness(.94)}button.leise,.knopf.leise{color:var(--text);background:#fff;border-color:#c9cfd4}button.leise:hover,.knopf.leise:hover{filter:none;background:var(--flaeche)}input,select{background:#fff;border:1px solid #c9cfd4;border-radius:8px;min-height:44px;padding:8px 10px;font-family:inherit;font-size:16px}input:focus,select:focus,textarea:focus{outline:2px solid var(--farbe-haupt);outline-offset:0;border-color:var(--farbe-haupt)}.nachweis{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.nachweis input{text-align:right;width:120px}.nachweis select{width:58px}table.eng th,table.eng td{padding:8px 10px}.stand{justify-items:start;gap:4px;min-width:190px;display:grid}.stand form button{min-height:40px;padding:6px 12px;font-size:15px}.anmelden{flex-direction:column;gap:12px;max-width:420px;margin:48px auto;display:flex}.anmelden label{flex-direction:column;gap:4px;font-weight:600;display:flex}.fehler{color:var(--rot);font-weight:600}.pfad{color:var(--leise);margin-bottom:8px;font-size:15px}.klein{color:var(--leise);font-size:14px}@media (max-width:640px){main{padding:16px 16px 48px}.kopf{grid-template-columns:1fr;justify-items:center;padding:12px 16px}.kopf .logo,.kopf .rechts{justify-self:center}.kopf .titel{letter-spacing:.25em}.leiste-kopf .innen{padding:4px 16px 0}th,td{padding:8px}}.ampel.bearbeitet{color:var(--link);background:#e3f1f8}.ampel.entfaellt{color:var(--leise);background:var(--flaeche)}.reiter{border-bottom:2px solid var(--linie);gap:4px;margin:8px 0 20px;display:flex}.reiter a{min-height:44px;color:var(--leise);border-bottom:3px solid #0000;align-items:center;margin-bottom:-2px;padding:10px 18px;text-decoration:none;display:inline-flex}.reiter a[aria-current=page]{color:var(--text);border-bottom-color:var(--blau)}.balken{background:var(--flaeche);border:1px solid var(--linie);border-radius:999px;max-width:480px;height:10px;overflow:hidden}.balken div{background:var(--gruen);height:100%}details.phase{border:1px solid var(--linie);border-radius:10px;margin:12px 0}details.phase>summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;list-style:none;display:flex}details.phase>summary::-webkit-details-marker{display:none}details.phase>summary:before{content:"▸";color:var(--leise)}details.phase[open]>summary:before{content:"▾"}details.phase>summary h2{margin:0;font-size:20px}details.phase .tabelle-rahmen{border:0;border-top:1px solid var(--linie);border-radius:0 0 10px 10px}.knoepfe{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.knoepfe button{min-height:40px;padding:6px 12px;font-size:15px}details.mehr summary{cursor:pointer;color:var(--link);align-items:center;min-height:40px;font-size:15px;font-weight:600;display:inline-flex}details.mehr form{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}details.mehr input{min-width:220px}.wer-wann{white-space:nowrap;font-size:15px}.suche{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;display:flex}.suche input[type=search]{flex:260px}.marke-klein{white-space:nowrap;background:var(--flaeche);color:var(--leise);border-radius:999px;padding:2px 8px;font-size:14px;font-weight:600;display:inline-block}.marke-klein.pruefen{background:var(--offen-flaeche);color:var(--offen)}.marke-klein.archiviert{background:var(--rot-flaeche);color:var(--rot)}.formular{gap:16px;display:grid}.formular label{flex-direction:column;gap:4px;font-weight:600;display:flex}.formular label small{color:var(--leise);font-weight:400}.formular textarea{resize:vertical;border:1px solid #c9cfd4;border-radius:8px;min-height:96px;padding:8px 10px;font-family:inherit;font-size:16px}.formular textarea.formel{min-height:72px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px}.zeile{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.spalten{grid-template-columns:minmax(0,3fr) minmax(280px,2fr);align-items:start;gap:24px;display:grid}.vorschau{border:2px solid var(--farbe);background:#fff;border-radius:10px;gap:10px;padding:16px;display:grid;position:sticky;top:16px}.vorschau h2{margin:0;font-size:20px}.vorschau .betrag{font-size:28px;font-weight:700}.vorschau label{font-size:15px;font-weight:400}.vorschau input{width:100%}.ok{color:var(--gruen);font-weight:600}fieldset{border:1px solid var(--linie);border-radius:10px;gap:12px;padding:12px 16px 16px;display:grid}legend{padding:0 6px;font-weight:700}.leiste{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (max-width:860px){.spalten{grid-template-columns:1fr}.vorschau{position:static}}.suche label{align-items:center;gap:6px;display:inline-flex}input[type=checkbox]{width:20px;height:20px;min-height:0}.kacheln{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.kachel{border:2px solid var(--farbe);min-width:110px;color:var(--text);border-radius:10px;flex-direction:column;padding:8px 14px;font-weight:400;text-decoration:none;display:flex}.kachel strong{font-size:18px}.kachel:hover{background:var(--rot-flaeche)}.im-angebot{color:var(--leise);background:var(--flaeche);white-space:pre-wrap;border-radius:8px;padding:6px 10px;font-size:14px;font-weight:400;display:block}.einfuegen select{max-width:420px}.fehler.klein{color:var(--rot)}.formular.schmal{max-width:860px}details.mehr .formular{gap:10px;min-width:320px;margin-top:8px;display:grid}details.mehr .formular input{min-width:0}.dokument{color:#111;max-width:820px;margin:0 auto;font-family:Times New Roman,Times,serif;font-size:17px;line-height:1.45}.dokument section{border:1px solid var(--linie);background:#fff;border-radius:10px;margin:0 0 24px;padding:40px 48px}.dokument h1{margin:4px 0;font-size:34px}.dokument h2{color:var(--farbe);margin:0 0 16px;font-size:24px}.dokument h3{margin:24px 0 8px;font-size:20px}.dokument h4{margin:18px 0 6px;font-size:18px}.dokument p{margin:0 0 10px}.dokument section.dok-weiter{border-top:0;border-top-left-radius:0;border-top-right-radius:0;margin-top:-24px;padding-top:8px}.dok-titel{flex-direction:column;gap:8px;min-height:900px;display:flex}.dok-logo{color:var(--farbe);border:1px solid var(--farbe);outline-offset:-4px;outline:1px solid #d0d0d0;align-self:flex-start;margin-bottom:64px;padding:10px 18px;font-size:24px}.dok-unter{color:var(--leise);margin:0;font-size:20px}.dok-projekt{font-size:22px;margin-bottom:32px!important}.dok-text{margin-top:24px}.dok-erstellt{border-top:2px solid var(--farbe);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:auto;padding-top:12px;font-size:15px;display:grid}.dok-inhalt li{padding:4px 0;font-size:18px}.dok-investition table{width:100%;margin:8px 0 20px;font-size:16px}.dok-investition td{border-bottom:1px solid #ddd;padding:6px 4px}.dok-investition tr.summe td{background:0 0;border-top:1px solid #999;font-weight:700}.dok-leistung{border-top:1px solid #e3e3e3;padding-top:4px}.dokument h3,.dokument h4{break-after:avoid}.dok-klein{color:#444;font-size:15px}.dok-honorar{font-weight:700}.dok-schritte{border-left:4px solid var(--farbe);background:#fdecec;border-radius:0 8px 8px 0;margin:12px 0;padding:14px 18px}.dok-unterschriften{grid-template-columns:1fr 1fr;gap:48px;margin-top:72px;display:grid}.dok-linie{border-bottom:1px solid #111;height:48px;margin-bottom:6px}@page{size:A4;margin:18mm 18mm 20mm}@media print{.kopf,.leiste-kopf,.fuss,.nur-bildschirm{display:none!important}main{max-width:none;padding:0}.dokument{max-width:none;font-size:12pt}.dokument section{border:0;border-radius:0;margin:0;padding:0}.dok-seite{break-before:page}.dokument section.dok-weiter{margin-top:12px;padding-top:0}.dok-titel{min-height:250mm}}.cockpit{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:8px 0 24px;display:grid}.kachel-gross{border:2px solid var(--farbe);min-height:130px;color:var(--text);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;font-weight:600;text-decoration:none;display:flex}.kachel-gross span{color:var(--farbe);font-size:30px;line-height:1}.kachel-gross small{color:var(--leise);font-weight:400}.kachel-gross:hover{background:var(--rot-flaeche)}.kachel-gross.haupt{background:var(--farbe-haupt);border-color:var(--farbe-haupt);color:#fff}.kachel-gross.haupt span{color:#fff}.kachel-gross.haupt:hover{filter:brightness(.94)}.kachel[aria-current=true]{background:var(--rot-flaeche)}.marke-klein.ueberreicht{color:var(--link);background:#e3f1f8}.marke-klein.gewonnen{background:var(--gruen-flaeche);color:var(--gruen)}.marke-klein.verloren,.marke-klein.abgelehnt{background:var(--rot-flaeche);color:var(--rot)}.platzhalter{gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.platzhalter code{border:1px solid var(--linie);background:#fff;border-radius:6px;padding:1px 6px}label.haken{align-items:center;gap:8px;flex-direction:row!important;font-weight:400!important}.vorschau .platzhalter+h2{margin-top:12px}.kopf .logo.bild{border:0;outline:0;padding:0}.kopf .logo.bild img{max-width:240px;max-height:64px;display:block}.logo-vorschau{border:1px solid var(--linie);border-radius:8px;max-width:280px;max-height:80px;margin:8px 0;padding:6px;display:block}.dok-logo-bild{align-self:flex-start;max-width:300px;max-height:100px;margin-bottom:64px}tr.gruppe th{background:var(--flaeche);color:var(--text);text-align:left;white-space:normal;padding-top:12px;font-size:15px}.auswahl details{margin:0 0 6px}.auswahl details details{margin-left:18px}.auswahl summary{cursor:pointer;padding:6px 0;font-weight:600}.auswahl details details summary{font-weight:500}.auswahl label.wahl{align-items:flex-start;gap:10px;margin:0;padding:6px 0 6px 18px;font-weight:400;display:flex}.auswahl label.wahl input{width:auto;margin-top:4px}.auswahl .anzahl{color:var(--leise);font-size:14px;font-weight:400}.auswahl .leiste-unten{background:#fff;border-top:1px solid #e3e6e9;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 0;display:flex;position:sticky;bottom:0}