:root{--unite-navy:#28235c;--unite-coral:#fb563e;--unite-magenta:#9c257f;--unite-blue:#00b2ff;--unite-navy-soft:#403f6e;--unite-grey-bg:#f0f0f2;--unite-grey-line:#e2e0e5;--unite-text-dark:#262627;--ampel-gruen:#2e9e5b;--ampel-gelb:#f2b705;--ampel-rot:#d64545;--radius:14px;--radius-klein:8px;--schatten:0 1px 2px #28235c0f, 0 6px 24px #28235c0f;--kopf:"Poppins", system-ui, sans-serif;--text:"Noto Sans", system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--unite-text-dark);font:15px/1.55 var(--text);background:#fff;margin:0}h1,h2,h3,h4{font-family:var(--kopf);color:var(--unite-navy);margin:0;font-weight:500}h1{letter-spacing:-.01em;font-size:clamp(26px,3.4vw,38px);font-weight:500;line-height:1.2}h2{font-size:18px}h4{text-transform:uppercase;letter-spacing:.06em;color:var(--unite-navy-soft);margin:18px 0 10px;font-size:13px}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,textarea{font:inherit;color:inherit}.icon{flex:none}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.grau{color:#8a8798}.eyebrow{font:500 12px/1.4 var(--kopf);text-transform:uppercase;letter-spacing:.09em;color:var(--unite-coral);margin:0 0 8px}.label{color:var(--unite-navy-soft);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.label em{color:#8a8798;font-style:normal;font-weight:400}.app{flex-direction:column;min-height:100vh;display:flex}main{flex:1;width:min(1240px,100% - 32px);margin:0 auto;padding:36px 0 56px}.kopf{border-bottom:1px solid var(--unite-grey-line);z-index:10;background:#fff;position:sticky;top:0}.verlauf{background:linear-gradient(90deg, var(--unite-coral), var(--unite-magenta));height:4px}.kopf-inhalt{justify-content:space-between;align-items:center;gap:16px;width:min(1240px,100% - 32px);height:64px;margin:0 auto;display:flex}.marke{color:var(--unite-navy);background:0 0;border:0;align-items:center;gap:14px;padding:0;display:flex}.marke img{height:30px;display:block}.logo-text{font:600 24px var(--kopf);background:linear-gradient(90deg, var(--unite-coral), var(--unite-magenta));color:#0000;-webkit-background-clip:text}.trenner{background:var(--unite-grey-line);width:1px;height:26px}.produkt{font:500 15px var(--kopf);white-space:nowrap}.kopf-rechts{align-items:center;gap:8px;display:flex}.demo-chip,.modus{white-space:nowrap;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:500}.demo-chip{background:var(--unite-grey-bg);color:var(--unite-navy-soft)}.modus.claude{color:#0a6b99;background:#e6f7ff}.modus.offline{color:#7a5b00;background:#fff4d6}.fuss{border-top:1px solid var(--unite-grey-line);background:var(--unite-grey-bg);text-align:center;color:var(--unite-navy-soft);flex-direction:column;gap:4px;padding:20px 16px;font-size:13px;display:flex}.fuss strong{color:var(--unite-navy);font-size:14px}.primaer,.sekundaer{white-space:nowrap;border:1.5px solid #0000;border-radius:99px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.primaer{background:var(--unite-coral);color:#fff}.primaer:hover:not(:disabled){background:#e8452e}.sekundaer{color:var(--unite-navy);border-color:var(--unite-grey-line);background:#fff}.sekundaer:hover{border-color:var(--unite-navy)}.klein{padding:6px 14px;font-size:13px}.link{color:var(--unite-coral);background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.link:hover{text-decoration:underline}.karte{border:1px solid var(--unite-grey-line);border-radius:var(--radius);box-shadow:var(--schatten);background:#fff}.segment{background:var(--unite-grey-bg);border-radius:99px;padding:3px;display:inline-flex}.segment button{color:var(--unite-navy-soft);white-space:nowrap;background:0 0;border:0;border-radius:99px;padding:7px 16px;font-size:14px;font-weight:500}.segment button.aktiv{color:var(--unite-navy);background:#fff;box-shadow:0 1px 3px #28235c26}.hero{max-width:760px;margin-bottom:28px}.lead{color:var(--unite-navy-soft);margin:14px 0 0;font-size:17px}.eingabe{padding:8px 24px 24px}.tabs{border-bottom:1px solid var(--unite-grey-line);gap:4px;margin-bottom:20px;display:flex;overflow:auto hidden}.tabs button{color:var(--unite-navy-soft);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:14px 14px 12px;font-weight:500;display:flex}.tabs button.aktiv{color:var(--unite-navy);border-bottom-color:var(--unite-coral)}.dropzone{border-radius:var(--radius);background:var(--unite-grey-bg);min-height:190px;color:var(--unite-navy);cursor:pointer;text-align:center;border:1.5px dashed #c9c5d3;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;transition:border-color .15s,background .15s;display:flex}.dropzone:hover,.dropzone.ziehen{border-color:var(--unite-coral);background:#fff5f3}.dropzone span{color:var(--unite-navy-soft);font-size:13px}.dropzone .icon{color:var(--unite-coral);margin-bottom:4px}.textfeld{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.textfeld textarea{border:1px solid var(--unite-grey-line);border-radius:var(--radius-klein);resize:vertical;background:var(--unite-grey-bg);width:100%;padding:12px 14px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px}.textfeld textarea:focus,.feld input:focus{outline:2px solid var(--unite-blue);outline-offset:-1px;background:#fff}.einstellungen{flex-wrap:wrap;align-items:flex-end;gap:20px;margin-top:20px;display:flex}.feld.wachsen{flex:1;min-width:240px}.feld input{border:1px solid var(--unite-grey-line);background:var(--unite-grey-bg);border-radius:99px;width:100%;padding:9px 16px}.fehler{color:var(--ampel-rot);align-items:center;gap:8px;margin:16px 0 0;font-weight:500;display:flex}.beispiele{margin-top:32px}.beispiele h2{margin-bottom:12px;font-size:15px}.beispiele h2 span{font:400 13px var(--text);color:#8a8798}.beispiel-raster{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.beispiel{text-align:left;border:1px solid var(--unite-grey-line);border-radius:var(--radius);color:var(--unite-navy);background:#fff;align-items:center;gap:14px;padding:16px 18px;transition:border-color .15s,transform .15s;display:flex}.beispiel:hover:not(:disabled){border-color:var(--unite-coral);transform:translateY(-1px)}.beispiel>.icon:first-child{color:var(--unite-magenta)}.beispiel span{flex-direction:column;flex:1;display:flex}.beispiel small{color:var(--unite-navy-soft);font-size:13px}.beispiel .rechts{color:#b5b1c2}.fortschritt .karte{max-width:620px;margin:40px auto;padding:32px}.fortschritt-kopf{justify-content:space-between;align-items:baseline;display:flex}.uhr{font:500 28px var(--kopf);color:var(--unite-coral);font-variant-numeric:tabular-nums}.quelle{color:var(--unite-navy-soft);margin:4px 0 20px;font-size:14px}.vorschau{border-radius:var(--radius-klein);border:1px solid var(--unite-grey-line);max-width:100%;max-height:220px;margin-bottom:16px}.schritte{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.schritte li{color:#a3a0b0;align-items:center;gap:12px;display:flex}.schritte li.laeuft,.schritte li.fertig{color:var(--unite-navy)}.schritte li.fertig{font-weight:500}.punkt{border:1.5px solid var(--unite-grey-line);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.fertig .punkt{background:var(--ampel-gruen);border-color:var(--ampel-gruen);color:#fff}.laeuft .punkt{border-color:var(--unite-coral)}.spinner{border:2px solid #fb563e40;border-top-color:var(--unite-coral);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite drehen;display:inline-block}.spinner.hell{border-color:#fff #ffffff59 #ffffff59}@keyframes drehen{to{transform:rotate(360deg)}}.ergebnis-kopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.ergebnis-aktionen{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hinweis-box{color:#6b5200;border-radius:var(--radius-klein);background:#fff8e1;border:1px solid #f3dc8a;align-items:flex-start;gap:10px;margin:0 0 20px;padding:10px 14px;font-size:14px;display:flex}.hinweis-box.klein{margin:12px 0 0}.kacheln{grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:24px;display:grid}.kachel{background:var(--unite-grey-bg);border-radius:var(--radius);flex-direction:column;gap:2px;min-width:0;padding:14px 16px;display:flex}.kachel:first-child{background:var(--unite-navy)}.kachel:first-child .k-titel,.kachel:first-child .k-unter{color:#c9c6e6}.kachel:first-child .k-wert{color:#fff}.k-titel{color:var(--unite-navy-soft);font-size:12px;font-weight:500}.k-wert{font:500 22px/1.3 var(--kopf);color:var(--unite-navy);white-space:nowrap}.k-unter{color:#8a8798;font-size:12px}.ampel-zahlen{align-items:center;gap:4px;display:flex}.ampel-zahlen i{border-radius:50%;width:10px;height:10px;margin-left:6px}.ampel-zahlen i:first-child{margin-left:0}i.gruen,.ampel.gruen{background:var(--ampel-gruen)}i.gelb,.ampel.gelb{background:var(--ampel-gelb)}i.rot,.ampel.rot{background:var(--ampel-rot)}.rueckfragen{border-radius:var(--radius);background:#fffaeb;border:1px solid #f6e3a3;margin-bottom:24px;padding:18px 20px}.rueckfragen.erledigt{background:#eef8f2;border-color:#bfe3cd}.rf-kopf{color:var(--unite-navy);align-items:center;gap:10px;display:flex}.rueckfragen.erledigt .rf-kopf .icon{color:var(--ampel-gruen)}.rf-kopf .icon{color:#b08500}.rf-kopf h2{font-size:16px}.rf-liste{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;margin-top:14px;display:grid}.rf-karte{border-radius:var(--radius-klein);background:#fff;border:1px solid #f1e2b3;padding:14px 16px;animation:.3s auftauchen}.rf-pos{color:var(--unite-navy-soft);font-size:12px}.rf-karte p{color:var(--unite-navy);margin:4px 0 12px;font-weight:500}.rf-optionen{flex-wrap:wrap;gap:8px;display:flex}.rf-optionen button{border:1.5px solid var(--unite-navy);color:var(--unite-navy);text-align:left;background:#fff;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:500}.rf-optionen button:first-child{background:var(--unite-navy);color:#fff}.rf-optionen button:hover{border-color:var(--unite-coral);background:var(--unite-coral);color:#fff}@keyframes auftauchen{0%{opacity:0;transform:translateY(4px)}}.tabelle-rahmen{border:1px solid var(--unite-grey-line);border-radius:var(--radius);background:#fff;position:relative;overflow-x:auto}.tabelle{border-collapse:collapse;width:100%;min-width:980px;font-size:14px}.tabelle th{text-align:left;font:500 12px var(--kopf);color:var(--unite-navy-soft);background:var(--unite-grey-bg);white-space:nowrap;padding:10px 12px}.tabelle td{border-top:1px solid var(--unite-grey-line);vertical-align:top;padding:12px}.zeile{cursor:pointer;transition:background .15s}.zeile:hover{background:#fafafb}.zeile.auf{background:#f7f6fa}.zeile.gelb{background:#fffcf2}.zeile.rot{background:#fdf6f6}.c-ampel{width:28px;padding-right:0!important}.ampel{border-radius:50%;width:12px;height:12px;margin-top:4px;display:inline-block;box-shadow:0 0 0 3px #0000000a}.c-nr{color:var(--unite-navy-soft);width:40px}.c-produkt{min-width:260px}.c-produkt strong{color:var(--unite-navy);font-weight:600;display:block}.original{color:#8a8798;margin-bottom:2px;font-size:12.5px;font-style:italic;display:block}.rot-text{color:var(--ampel-rot)!important}.vorlaeufig{color:#8a6700;background:#fff1c2;border-radius:4px;margin-top:4px;padding:1px 6px;font-size:12px;display:inline-block}.beantwortet{color:var(--ampel-gruen);align-items:center;gap:4px;margin-top:4px;font-size:12px;display:inline-flex}.c-menge{white-space:nowrap}.menge{align-items:center;gap:6px;display:inline-flex}.menge input{border:1px solid var(--unite-grey-line);text-align:right;border-radius:6px;width:58px;padding:4px 6px}.menge span{color:var(--unite-navy-soft);font-size:12px}.c-angebot span:first-child{display:block}.c-zahl{text-align:right;white-space:nowrap}.c-zahl small{color:#8a8798;font-size:12px;display:block}.c-pfeil{color:#b5b1c2;width:32px}.c-pfeil .gedreht{transform:rotate(180deg)}.badges{flex-wrap:wrap;gap:4px;margin-top:3px;display:inline-flex}.badge{white-space:nowrap;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:600}.badge.rv{color:var(--unite-navy);background:#ecebf5}.badge.kmu{color:#0a6b99;background:#e2f5ff}.esg{align-items:center;gap:2px;display:inline-flex}.esg i{background:var(--unite-grey-line);border-radius:50%;width:7px;height:7px}.esg i.an{background:var(--ampel-gruen)}.esg b{color:var(--unite-navy-soft);margin-left:4px;font-size:12px;font-weight:500}.detail-zeile td{background:#f7f6fa;border-top:0;padding:0 16px 18px 52px}.detail{animation:.2s auftauchen}.detail-meta{color:var(--unite-navy-soft);flex-wrap:wrap;gap:6px 20px;padding-top:4px;font-size:13px;display:flex}.detail-meta b{color:var(--unite-navy);font-weight:500}.detail-meta .hinweis{color:#8a6700}.alternativen{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.alternative{border:1px solid var(--unite-grey-line);border-radius:var(--radius-klein);background:#fff;padding:12px 14px}.alt-kopf{justify-content:space-between;gap:12px;display:flex}.alt-kopf strong{color:var(--unite-navy);font-weight:600}.preis{white-space:nowrap;font-weight:600}.alt-meta{color:var(--unite-navy-soft);flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0;font-size:12.5px;display:flex}.alternative p{margin:6px 0 8px;font-size:13.5px}.detail blockquote{border-left:3px solid var(--ampel-rot);border-radius:0 var(--radius-klein) var(--radius-klein) 0;background:#fff;margin:0;padding:12px 16px}.detail-aktionen{gap:8px;margin-top:12px;display:flex}.begruendung-text{border-radius:var(--radius-klein);border:1px solid var(--unite-grey-line);background:#fff;margin:0;padding:10px 14px}.begruendung{margin-top:24px;padding:22px 24px}.begruendung-kopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.begruendung-kopf p{color:var(--unite-navy-soft);max-width:700px;margin:4px 0 0;font-size:14px}.begruendung-inhalt{margin-top:18px;animation:.3s auftauchen}.gesamt-box{border-radius:var(--radius);border:1px solid var(--unite-grey-line);background:linear-gradient(135deg,#f6f5fb,#fbf4f8);padding:16px 20px}.gesamt-box p{margin:0;font-size:15px}.begruendung-liste{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:4px 24px;margin:14px 0 0;padding:0;list-style:none;display:grid}.begruendung-liste li{border-bottom:1px solid var(--unite-grey-line);gap:12px;padding:10px 0;display:flex}.begruendung-liste strong{color:var(--unite-navy);font-size:13px}.begruendung-liste p{margin:2px 0 0;font-size:14px}.b-nr{background:var(--unite-grey-bg);width:24px;height:24px;color:var(--unite-navy);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.begruendung-liste li.rot .b-nr{color:var(--ampel-rot);background:#fbe3e3}.export{background:var(--unite-grey-bg);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:22px 24px;display:flex}.export p{color:var(--unite-navy-soft);max-width:640px;margin:4px 0 0;font-size:14px}.export-knoepfe{flex-wrap:wrap;gap:10px;display:flex}.druck{background:var(--unite-grey-bg);min-height:100vh;padding:20px 16px 40px}.druck-leiste{flex-wrap:wrap;justify-content:space-between;gap:12px;max-width:900px;margin:0 auto 16px;display:flex}.blatt{max-width:900px;box-shadow:var(--schatten);background:#fff;border-radius:4px;margin:0 auto;padding:48px 56px;font-size:13.5px}.blatt-kopf{border-bottom:2px solid var(--unite-navy);justify-content:space-between;gap:24px;margin-bottom:16px;padding-bottom:18px;display:flex}.blatt-kopf h1{font-size:24px}.blatt-kopf dl{white-space:nowrap;grid-template-columns:auto auto;gap:2px 12px;margin:0;font-size:12.5px;display:grid}.blatt-kopf dt{color:var(--unite-navy-soft)}.blatt-kopf dd{text-align:right;margin:0;font-weight:600}.blatt-kennzahlen{color:var(--unite-navy-soft);flex-wrap:wrap;gap:6px 18px;margin-bottom:20px;font-size:12.5px;display:flex}.blatt h2{margin:20px 0 8px;font-size:15px}.blatt .gesamt{margin:0}.blatt table{border-collapse:collapse;width:100%}.blatt th{text-align:left;font:600 11.5px var(--kopf);color:var(--unite-navy-soft);border-bottom:1px solid var(--unite-navy);padding:6px 8px 6px 0}.blatt td{border-bottom:1px solid var(--unite-grey-line);vertical-align:top;padding:8px 8px 8px 0}.blatt td small{color:var(--unite-navy-soft)}.blatt .zahl{text-align:right;white-space:nowrap}.blatt-fuss{color:var(--unite-navy-soft);border-top:1px solid var(--unite-grey-line);margin-top:28px;padding-top:10px;font-size:11.5px}@media print{.nicht-drucken{display:none!important}.druck{background:#fff;padding:0}.blatt{box-shadow:none;max-width:none;padding:0}.blatt tr{break-inside:avoid}@page{margin:16mm 14mm}}@media (width<=1100px){.kacheln{grid-template-columns:repeat(4,1fr)}.kachel:first-child{grid-column:span 2}}@media (width<=640px){main{padding-top:24px}.produkt,.trenner,.modus{display:none}.kacheln{grid-template-columns:repeat(2,1fr)}.eingabe{padding:4px 16px 18px}.begruendung-liste,.rf-liste{grid-template-columns:1fr}.blatt{padding:24px 18px}.blatt-kopf{flex-direction:column}}