.topbar{position:fixed;top:0;left:0;right:0;height:64px;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--border)}.topbar__inner{height:100%;max-width:1180px;margin:0 auto;padding:0 var(--space-5);display:flex;align-items:center;gap:var(--space-4)}.topbar__brand{display:flex;align-items:center;gap:var(--space-3)}.topbar__brand img{height:26px;width:auto}.topbar__tag{font-size:13px;font-weight:700;color:var(--text-secondary);letter-spacing:.01em;padding-left:var(--space-3);border-left:1px solid var(--border-strong)}.topbar__spacer{flex:1}.topbar__meta{font-size:13px;color:var(--text-muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase}@media(max-width:560px){.topbar__meta{display:none}}.hero{padding-top:var(--space-8);max-width:720px}.hero-lead{margin-top:var(--space-3);color:var(--text-secondary);font-size:18px}.section-gap{margin-top:var(--space-5)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.card-head h3{margin:0}.input-affix{display:flex;align-items:center;gap:var(--space-2)}.input-affix input{flex:1;min-width:0}.input-affix .affix{flex-shrink:0;color:var(--text-secondary);font-weight:700;white-space:nowrap}.range-scale,.zeitraum-info{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.zeitraum-info{display:block;margin:var(--space-3) 0 0;padding-top:var(--space-3);border-top:1px solid var(--border);font-size:14px;color:var(--text-secondary)}.split-labels{display:flex;justify-content:space-between;gap:var(--space-4);margin:var(--space-4) 0 var(--space-2)}.split-side{display:flex;flex-direction:column;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);flex:1}.split-neu{background:var(--blue-10)}.split-bestand{background:var(--orange-10);text-align:right;align-items:flex-end}.split-tag{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.split-side strong{font-size:26px;color:var(--icos-blue);line-height:1.2}.split-euro{font-size:15px;color:var(--text-secondary)}.kanal-neu{border-top:3px solid var(--icos-blue)}.kanal-bestand{border-top:3px solid var(--icos-orange)}.ergebnis-grid{margin-top:var(--space-4)}.ergebnis-kopf{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.ergebnis-kopf h3{margin:0}.kanal-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.dot-neu{background:var(--icos-blue)}.dot-bestand{background:var(--icos-orange)}.ergebnis-table-wrap{overflow-x:auto}.ergebnis-table{width:100%;border-collapse:collapse;font-size:15px}.ergebnis-table th,.ergebnis-table td{padding:10px 12px;text-align:right;white-space:nowrap}.ergebnis-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:2px solid var(--border-strong)}.ergebnis-table thead th:first-child,.ergebnis-table tbody th{text-align:left}.ergebnis-table tbody th{font-weight:700;color:var(--icos-ink)}.ergebnis-table tbody tr{border-bottom:1px solid var(--border)}.ergebnis-table .col-gesamt{font-weight:700;color:var(--icos-blue)}.ergebnis-table .row-highlight{background:var(--bg-subtle)}.ergebnis-table .row-highlight th,.ergebnis-table .row-highlight .col-gesamt{font-size:16px}.lead-card{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%)}.lead-form{margin-top:var(--space-4)}.dsgvo{display:flex;align-items:flex-start;gap:var(--space-3);font-weight:400;font-size:14px;color:var(--text-secondary);margin:var(--space-3) 0 var(--space-4);cursor:pointer}.dsgvo input{width:20px;height:20px;flex-shrink:0;margin-top:2px;accent-color:var(--icos-blue)}.lead-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.lead-erfolg{border-left:4px solid var(--icos-success)}.lead-hinweis{color:var(--error-strong);font-size:14px}.app-footer{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:13px}.footer-logo{height:36px;opacity:.8;margin-bottom:var(--space-3)}.footer-nav{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-top:var(--space-3)}.footer-nav a{font-size:13px;color:var(--text-muted);text-decoration:none}.footer-nav a:hover{color:var(--icos-blue);text-decoration:underline}.legal-content{max-width:760px}.legal-content h3{margin-top:var(--space-5);font-size:18px}.legal-content h3:first-child{margin-top:0}.legal-intro{color:var(--text-secondary)}.legal-list{padding-left:var(--space-5);color:var(--text-secondary);line-height:1.8;margin:0 0 var(--space-3)}.legal-stand{margin-top:var(--space-5);color:var(--text-muted);font-size:13px}.admin .hero{padding-top:var(--space-7)}.admin-login{max-width:420px}.admin-doc code{background:var(--code-bg, #f2f5f8);color:var(--icos-blue);padding:2px 6px;border-radius:6px;font-size:13px;word-break:break-word}.admin-list{margin:0 0 var(--space-4);padding-left:var(--space-5);color:var(--text-secondary);line-height:1.8}.admin-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.admin-meldung{margin:0;color:var(--icos-success);font-weight:700}.admin-fehler{margin:0;color:var(--error-strong);font-weight:700}.hero-prozess{display:inline-block;margin:var(--space-2) 0 0;padding:6px 14px;background:var(--blue-10);color:var(--icos-blue);font-weight:700;font-size:15px;border-radius:var(--radius-pill)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}@media(max-width:720px){.grid-3{grid-template-columns:1fr}}.affix-text{font-size:13px}.btn-sm{font-size:14px;padding:8px 16px}.toggle-sm button{font-size:12px;padding:6px 10px}.editor-vorher{border-top:3px solid var(--icos-error)}.editor-nachher{border-top:3px solid var(--icos-success)}.editor-rows{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.editor-row{display:flex;align-items:center;gap:var(--space-2)}.editor-row .editor-bez{flex:1;min-width:0}.editor-num{width:168px;flex-shrink:0}.editor-num .field{margin-bottom:0}.editor-modus{flex-shrink:0}.editor-del{flex-shrink:0;width:32px;height:32px;border:1px solid color-mix(in srgb,var(--icos-error) 40%,var(--border-strong));background:var(--surface);color:var(--icos-error);border-radius:var(--radius-sm);font-size:20px;line-height:1;cursor:pointer}.editor-del:hover{border-color:var(--icos-error);background:var(--error-soft)}.editor-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border)}.editor-sum{font-size:14px;color:var(--text-secondary)}.editor-sum strong{color:var(--icos-blue)}@media(max-width:560px){.editor-row-monat{flex-wrap:wrap}.editor-row-monat .editor-bez{flex-basis:100%}}.dashboard{margin-top:var(--space-4)}.kpi-highlight{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}@media(max-width:720px){.kpi-highlight{grid-template-columns:1fr}}.kpi-big{display:flex;flex-direction:column;gap:2px;padding:var(--space-5);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.kpi-big.kpi-gut{background:var(--success-soft);border-color:color-mix(in srgb,var(--icos-success) 30%,var(--border))}.kpi-big.kpi-schlecht{background:var(--error-soft);border-color:color-mix(in srgb,var(--icos-error) 30%,var(--border))}.kpi-big-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.kpi-big-wert{font-size:30px;font-weight:800;color:var(--icos-blue);line-height:1.1}.kpi-big-sub{font-size:13px;color:var(--text-muted)}.kpi-card.kpi-vorher{background:var(--error-soft);border-color:color-mix(in srgb,var(--icos-error) 30%,var(--border))}.kpi-card.kpi-nachher,.kpi-card.kpi-ersparnis{background:var(--success-soft);border-color:color-mix(in srgb,var(--icos-success) 30%,var(--border))}.kpi-vergleich{align-items:start}.kpi-zeile{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:10px 0;border-bottom:1px solid var(--border)}.kpi-zeile:last-child{border-bottom:none}.kpi-label{color:var(--text-secondary);font-size:15px}.kpi-wert{font-weight:700;color:var(--icos-ink);font-size:17px;white-space:nowrap}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-6)}@media(max-width:560px){.kpi-grid{grid-template-columns:1fr}}.dot-vorher{background:var(--icos-error)}.dot-nachher{background:var(--icos-success)}.diagramme{margin-top:var(--space-4)}.chart-card h3{margin-bottom:var(--space-1)}.chart-bars{display:flex;align-items:flex-end;gap:var(--space-4);height:200px;margin-top:var(--space-4)}.chart-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.chart-bar-wert{font-size:14px;font-weight:700;color:var(--icos-blue);margin-bottom:var(--space-1)}.chart-bar-track{width:100%;max-width:72px;flex:1;display:flex;align-items:flex-end}.chart-bar-fill{width:100%;min-height:3px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .3s ease}.chart-bar-label{margin-top:var(--space-2);font-size:13px;color:var(--text-secondary);text-align:center}.chart-svg-wrap{margin-top:var(--space-4)}.chart-svg{width:100%;height:auto}.chart-axis{font-size:9px;fill:var(--text-muted)}.chart-legende{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-2);font-size:12px;color:var(--text-secondary)}.chart-legende span{display:inline-flex;align-items:center;gap:6px}.legend-line{display:inline-block;width:16px;height:3px;border-radius:2px}.legend-line.legend-dash{height:0;border-top:2px dashed var(--text-muted)}.chart-fazit{margin:var(--space-3) 0 0;font-weight:700;color:var(--icos-blue);font-size:14px}.prozess-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.prozess-tab{font-family:var(--font-sans);font-weight:700;font-size:14px;padding:8px 16px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);cursor:pointer}.prozess-tab.is-aktiv{background:var(--icos-blue);border-color:var(--icos-blue);color:#fff}.prozess-tab-add{border-style:dashed;color:var(--icos-blue)}.topbar__pdf{margin-left:var(--space-3);flex-shrink:0;border-radius:var(--radius);padding:8px 16px}a.topbar__pdf,a.topbar__pdf:hover{color:#fff;text-decoration:none}#lead{scroll-margin-top:84px}.card-kompakt{padding:var(--space-3)}.section-gap-sm{margin-top:var(--space-3)}.eingaben-aktionen{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.prozess-wahl{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap}.prozess-wahl-oder{color:var(--text-muted);font-size:13px;padding-bottom:9px}.mitte{display:flex;flex-direction:column}.mitte--eigener .eingaben-kompakt{order:-1}.branche-select{margin-top:var(--space-2);font-size:14px;color:var(--text-secondary)}details.erweitert>summary{cursor:pointer;font-weight:700;color:var(--icos-blue);list-style:revert}details.erweitert[open]>summary{margin-bottom:var(--space-3)}details.erweitert .grid-2{margin-top:var(--space-3)}.eingaben-kompakt .card{padding:var(--space-3)}.eingaben-kompakt .editor-del{width:30px;height:30px;font-size:18px}.eingaben-kompakt .editor .card-head h3,.eingaben-kompakt .card h3{font-size:16px;margin-bottom:0}.eingaben-kompakt .editor>p.hint{display:none}.eingaben-kompakt .editor-rows{gap:6px;margin-top:var(--space-2)}.eingaben-kompakt .editor-foot{margin-top:var(--space-2);padding-top:var(--space-2)}.eingaben-kompakt .field{margin-bottom:var(--space-2)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media(max-width:980px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid-4{grid-template-columns:1fr}}.chart-hint{margin-top:0;margin-bottom:0}.diagramme .chart-card{padding:var(--space-4)}.diagramme .chart-bars{height:160px;gap:var(--space-3)}.diagramme .chart-bar-wert{font-size:13px}.chart-breakeven .chart-svg{min-height:120px}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/open-sans-400.woff2) format("woff2")}@font-face{font-family:Open Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/open-sans-600.woff2) format("woff2")}@font-face{font-family:Open Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/open-sans-700.woff2) format("woff2")}@font-face{font-family:Open Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/open-sans-800.woff2) format("woff2")}:root{--icos-blue: #1e4975;--icos-orange: #ff940a;--icos-ink: #191919;--blue-90: #355b83;--blue-80: #4b6d91;--blue-70: #62809e;--blue-60: #7892ac;--blue-50: #8fa4ba;--blue-30: #bcc8d6;--blue-20: #d2dbe3;--blue-10: #e9edf1;--orange-80: #ffa93b;--orange-20: #ffeace;--orange-10: #fff4e7;--icos-success: #1e8e57;--success-soft: #e7f4ec;--icos-error: #d23b2e;--error-strong: #a82318;--error-soft: #fbeae8;--bg: #ffffff;--bg-subtle: #f5f7f9;--bg-sunken: #eaeff3;--surface: #ffffff;--surface-2: #f7f9fb;--border: #e6ebef;--border-strong: #d2dbe3;--text: #191919;--text-secondary: #5e5e5e;--text-muted: #8c8c8c;--link: #1e4975;--font-sans: "Open Sans", Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(25, 35, 53, .05), 0 1px 1px rgba(25, 35, 53, .04);--shadow: 0 4px 16px rgba(25, 45, 77, .07), 0 1px 3px rgba(25, 45, 77, .05);--shadow-lg: 0 18px 48px rgba(25, 45, 77, .12), 0 4px 12px rgba(25, 45, 77, .06);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:17px;line-height:1.6;color:var(--text);background:var(--bg-subtle);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{color:var(--icos-blue);line-height:1.15;margin:0 0 var(--space-3);font-weight:700}h1{font-size:clamp(28px,5vw,40px);line-height:1.1;letter-spacing:-.02em}h2{font-size:clamp(22px,3.5vw,30px)}h3{font-size:21px}p{margin:0 0 var(--space-3)}a{color:var(--link);text-decoration:underline;text-underline-offset:2px}.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--icos-orange);margin-bottom:var(--space-2)}.app{max-width:1180px;margin:0 auto;padding:0 var(--space-5) var(--space-8)}.section{margin-top:var(--space-5)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-5)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}@media(max-width:860px){.grid-2{grid-template-columns:1fr}}label{display:block;font-weight:700;font-size:13px;color:var(--icos-ink);margin-bottom:var(--space-1)}.hint{font-weight:400;font-size:13px;color:var(--text-muted)}input[type=text],input[type=number],input[type=email],input[type=date],select{width:100%;font-family:var(--font-sans);font-size:14px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:7px 10px}input:focus,select:focus{outline:none;border-color:var(--icos-blue);box-shadow:0 0 0 3px var(--blue-10)}.field{margin-bottom:var(--space-3)}.field:last-child{margin-bottom:0}input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:var(--radius-pill);background:var(--blue-10);outline:none;margin:var(--space-2) 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--icos-orange);border:3px solid #fff;box-shadow:var(--shadow-sm);cursor:pointer}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--icos-orange);border:3px solid #fff;box-shadow:var(--shadow-sm);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:700;font-size:14px;border:none;border-radius:var(--radius);padding:9px 18px;cursor:pointer;transition:transform .05s ease,filter .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--icos-orange);color:var(--icos-ink)}.btn-primary:hover{filter:brightness(.96)}.btn-secondary{background:var(--icos-blue);color:#fff}.btn-secondary:hover{filter:brightness(1.08)}.btn-ghost{background:transparent;color:var(--icos-blue);border:1px solid var(--border-strong)}.btn[disabled]{opacity:.5;cursor:not-allowed}.toggle{display:inline-flex;background:var(--bg-sunken);border-radius:var(--radius-pill);padding:4px;gap:4px}.toggle button{border:none;background:transparent;font-family:var(--font-sans);font-weight:700;font-size:14px;color:var(--text-secondary);padding:8px 16px;border-radius:var(--radius-pill);cursor:pointer}.toggle button[aria-pressed=true]{background:var(--surface);color:var(--icos-blue);box-shadow:var(--shadow-sm)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}