html{--kes-blau: #2F5D8C;--kes-blau-hell: #E1EAF3;--kes-anthrazit: #1E2933;--kes-grau: #5B6673;--kescon-bg: #F4F6F9;--kescon-surface: #FFFFFF;--kescon-ink: #1E2933;--kescon-muted: #5B6673;--kescon-border: #DDE3EA;--kescon-head: #EEF2F6;--kescon-soft: #E1EAF3;--kescon-input: #FFFFFF;--kescon-schatten: 0 4px 18px rgba(30, 41, 51, .06);--kescon-sidebar: #1E2933;--kescon-sidebar-text: rgba(255, 255, 255, .88);--kescon-sidebar-muted: #AEB7C2;--lumo-font-family: "Segoe UI", system-ui, -apple-system, Arial, sans-serif;--lumo-primary-color: #2F5D8C;--lumo-primary-color-50pct: rgba(47, 93, 140, .5);--lumo-primary-color-10pct: rgba(47, 93, 140, .1);--lumo-primary-text-color: #2F5D8C;--lumo-body-text-color: #1E2933;--lumo-secondary-text-color: #5B6673;--lumo-success-color: #2F7D58;--lumo-error-color: #B42318;--lumo-border-radius-s: 4px;--lumo-border-radius-m: 8px;--lumo-border-radius-l: 12px;background:var(--kescon-bg);color-scheme:light}html[theme~=dark]{--kescon-bg: #14181C;--kescon-surface: #1B2026;--kescon-ink: #E6EBF0;--kescon-muted: #A7B3BF;--kescon-border: #2E353D;--kescon-head: #202830;--kescon-soft: #24313E;--kescon-input: #161B20;--kescon-schatten: none;--kescon-sidebar: #10151A;--lumo-base-color: #1B2026;--lumo-primary-color: #2F5D8C;--lumo-primary-color-50pct: rgba(120, 165, 210, .45);--lumo-primary-color-10pct: rgba(120, 165, 210, .12);--lumo-primary-text-color: #8FB6DD;--lumo-primary-contrast-color: #FFFFFF;--lumo-body-text-color: #E6EBF0;--lumo-header-text-color: #E6EBF0;--lumo-secondary-text-color: #A7B3BF;--lumo-success-color: #6CC08E;--lumo-success-text-color: #6CC08E;--lumo-error-color: #E0796C;--lumo-error-text-color: #F08A80;color-scheme:dark}html,body{background:var(--kescon-bg);color:var(--kescon-ink)}.logo-paar{display:flex;align-items:center}.logo-paar>.nur-dunkel{display:none}html[theme~=dark] .logo-paar>.nur-hell{display:none}html[theme~=dark] .logo-paar>.nur-dunkel{display:block}vaadin-app-layout::part(navbar){min-height:60px;background:var(--kescon-surface);border-bottom:1px solid var(--kescon-border);box-shadow:none}vaadin-app-layout::part(drawer){background:var(--kescon-sidebar);border-inline-end:0;color:#fff;display:flex;flex-direction:column}.app-header{width:100%;min-height:60px;padding:0 12px 0 6px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px}.app-brand,.app-user{display:flex;align-items:center;gap:10px;min-width:0}vaadin-drawer-toggle{color:var(--kescon-ink)}.app-brand-link{display:flex;align-items:center}.app-logo{height:32px;width:auto;max-width:180px;display:block;object-fit:contain}.app-logo-divider{width:1px;height:26px;background:var(--kescon-border)}.app-title{color:var(--kescon-ink);font-size:1.05rem;font-weight:650;white-space:nowrap}.thema-knopf{color:var(--kescon-muted)}.thema-knopf:hover{color:var(--kescon-ink)}.benutzermenue vaadin-menu-bar-button{color:var(--kescon-ink);font-weight:600}.benutzermenue vaadin-icon{width:18px;height:18px;color:var(--kescon-muted)}.app-user-name{margin:0 4px}.menue-eintrag{display:flex;align-items:center;gap:10px}.menue-eintrag vaadin-icon{width:16px;height:16px;color:var(--lumo-secondary-text-color)}.app-nav-scroll{flex:1}.navigation{padding:14px 10px 10px}.navigation vaadin-side-nav{margin-bottom:10px}.navigation vaadin-side-nav::part(label){padding:6px 10px;color:var(--kescon-sidebar-muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.navigation vaadin-side-nav-item{--vaadin-side-nav-item-color: var(--kescon-sidebar-text);--lumo-contrast-60pct: var(--kescon-sidebar-text);--lumo-body-text-color: var(--kescon-sidebar-text);--lumo-primary-text-color: #FFFFFF;--lumo-secondary-text-color: var(--kescon-sidebar-muted);color:var(--kescon-sidebar-text)}.navigation vaadin-side-nav-item::part(content){min-height:40px;margin:1px 0;border-radius:8px;color:var(--kescon-sidebar-text)}.navigation vaadin-side-nav-item::part(content):hover{background:#ffffff14;color:#fff}.navigation vaadin-side-nav-item[current]::part(content){background:var(--kes-blau);color:#fff;font-weight:650}.navigation vaadin-side-nav-item vaadin-icon{width:18px;height:18px;color:currentColor}.drawer-fuss{padding:12px 20px 16px;color:var(--kescon-sidebar-muted);font-size:.75rem}.view-shell{padding:24px;gap:18px;background:var(--kescon-bg);box-sizing:border-box}.view-header{width:100%;padding:2px 0}.view-title{margin:0;color:var(--kescon-ink);font-size:1.6rem;font-weight:700;line-height:1.2}.view-subtitle,.app-subtitle,.card-note,.metric-note{color:var(--kescon-muted);font-size:.88rem}.metrics-grid,.content-grid{width:100%;display:grid;gap:16px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.content-grid{grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr))}.metric-card,.panel,.form-panel,.table-panel,.import-panel{background:var(--kescon-surface);border:1px solid var(--kescon-border);border-radius:12px;box-shadow:var(--kescon-schatten);box-sizing:border-box;color:var(--kescon-ink)}.metric-card{padding:18px;gap:6px}.metric-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--kescon-soft);color:var(--lumo-primary-text-color)}.metric-icon vaadin-icon{width:18px;height:18px;color:currentColor}.metric-title{color:var(--kescon-muted);font-size:.86rem;font-weight:650}.metric-value{color:var(--kescon-ink);font-size:2rem;font-weight:750;line-height:1.1}.panel,.form-panel,.table-panel,.import-panel{padding:18px}.panel-title{margin:0;color:var(--kescon-ink);font-size:1.1rem;font-weight:680}.action-bar,.knopfleiste{width:100%;display:flex;flex-wrap:wrap;gap:10px}.table-toolbar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.customer-result-count{color:var(--kescon-muted);font-size:.85rem;white-space:nowrap}.daten-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px 20px;width:100%}.daten-raster>div{display:flex;flex-direction:column;gap:2px;min-width:0}.feld-name{color:var(--kescon-muted);font-size:.8rem}.feld-wert{color:var(--kescon-ink);font-weight:600;overflow-wrap:anywhere}.feld-wert:empty:after{content:"–";color:var(--kescon-muted);font-weight:400}a.feld-wert{color:var(--lumo-primary-text-color);text-decoration:none}a.feld-wert:hover{text-decoration:underline}.notiz-text{margin:0;white-space:pre-wrap;color:var(--kescon-ink)}.network-legend{width:100%;display:flex;flex-wrap:wrap;gap:12px 24px;padding:12px 16px;background:var(--kescon-surface);border:1px solid var(--kescon-border);border-radius:12px;box-sizing:border-box}.network-legend-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.network-legend-heading{color:var(--kescon-ink);font-size:.85rem;font-weight:700}.network-legend-item{display:inline-flex;align-items:center;gap:6px;color:var(--kescon-muted);font-size:.85rem;white-space:nowrap}.network-legend-dot{width:12px;height:12px;border:1px solid rgba(30,41,51,.3);border-radius:50%}.network-legend-line{width:24px;height:3px;border-radius:2px}.network-canvas{width:100%;height:700px;background:var(--kescon-surface);border:1px solid var(--kescon-border);border-radius:12px;box-sizing:border-box}.network-toolbar{width:100%;gap:12px 16px;margin-bottom:10px}.network-legend{justify-content:space-between;margin-bottom:10px}div.vis-tooltip{white-space:pre-line;font-family:var(--lumo-font-family);font-size:.85rem;color:var(--kescon-ink);background:var(--kescon-surface);border:1px solid var(--kescon-border);border-radius:8px;box-shadow:0 4px 14px #0000002e;padding:6px 10px}.network-canvas.network-empty{display:flex;align-items:center;justify-content:center;color:var(--kescon-muted)}vaadin-button{border-radius:8px;font-weight:600}vaadin-button[theme~=primary]{box-shadow:none}vaadin-button vaadin-icon{color:currentColor}vaadin-grid{--lumo-base-color: var(--kescon-surface);border:1px solid var(--kescon-border);border-radius:10px;overflow:hidden;background:var(--kescon-surface)}vaadin-grid::part(header-cell){background:var(--kescon-head);color:var(--kescon-ink);font-weight:650}vaadin-grid::part(body-cell){color:var(--kescon-ink);background:var(--kescon-surface)}vaadin-grid[theme~=row-stripes]::part(odd-row-cell){background:var(--kescon-bg)}vaadin-grid::part(selected-row-cell){background:var(--lumo-primary-color-10pct)}vaadin-grid::part(row):hover{background:var(--lumo-primary-color-10pct)}vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-text-area,vaadin-combo-box,vaadin-select,vaadin-date-picker{--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: var(--kescon-border);--vaadin-input-field-background: var(--kescon-input);--vaadin-input-field-value-color: var(--kescon-ink);--vaadin-input-field-border-radius: 8px}vaadin-upload{border-radius:10px;border-color:var(--kescon-border);background:var(--kescon-input)}.download-link{color:var(--lumo-primary-text-color);font-weight:650;text-decoration:none}.download-link:hover{text-decoration:underline}html[theme~=dark] input:-webkit-autofill,html[theme~=dark] input:-webkit-autofill:hover,html[theme~=dark] input:-webkit-autofill:focus{-webkit-text-fill-color:var(--kescon-ink)!important;-webkit-box-shadow:0 0 0 1000px var(--kescon-input) inset!important;caret-color:var(--kescon-ink);transition:background-color 9999s ease-out 0s}.login-seite{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box;background:linear-gradient(160deg,#f4f6f9,#e1eaf3)}html[theme~=dark] .login-seite{background:linear-gradient(160deg,#14181c,#1b2733)}.login-karte{width:100%;max-width:380px;padding:28px 24px 20px;background:var(--kescon-surface);color:var(--kescon-ink);border:1px solid var(--kescon-border);border-radius:14px;box-shadow:0 12px 32px #1e29331a;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch}.login-karte .logo-paar{justify-content:center}.login-logo{height:40px;width:auto;max-width:240px;object-fit:contain}.login-titel{margin-top:8px;text-align:center;color:var(--kescon-muted);font-size:1rem;font-weight:600}.login-karte vaadin-login-form{--vaadin-login-form-padding: 0}.login-karte vaadin-login-form-wrapper{--lumo-base-color: var(--kescon-surface);background:transparent}.login-karte vaadin-login-form-wrapper::part(form){padding:0}.login-angemeldet-bleiben{margin-top:-8px}.login-hinweis,.login-recht{margin:12px 0 0;color:var(--kescon-muted);font-size:.85rem;text-align:center}.login-recht a{margin:0 8px;color:var(--kescon-muted)}.zf-text{color:var(--kescon-muted);text-align:center;font-size:.92rem}.zf-code input{font-size:1.4rem;letter-spacing:.2em;text-align:center}.zf-karte vaadin-button{margin-top:6px}.zf-schritte{margin:0 0 8px;padding-left:20px}.zf-qr{display:flex;justify-content:center;margin:8px 0}.zf-qr svg{border-radius:8px}.zf-schluessel{display:block;margin:4px 0 10px;color:var(--lumo-secondary-text-color);font-size:.85rem;font-family:ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.logo-zeile{flex-wrap:wrap;gap:16px}.logo-vorschau{min-width:180px;min-height:80px;padding:12px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--kescon-border);border-radius:10px;background:var(--kescon-bg)}.logo-vorschau img{max-height:64px;max-width:220px}.logo-vorschau p{margin:0;color:var(--kescon-muted);font-size:.85rem}.support-karte{width:100%;max-width:640px;padding:18px 20px;background:var(--kescon-surface);border:1px solid var(--kescon-border);border-radius:12px;box-sizing:border-box}.support-karte h3{margin:0 0 6px;color:var(--kescon-ink)}.support-karte p{margin:4px 0;color:var(--kescon-muted)}.support-logo{height:32px;width:auto;margin-bottom:8px}.support-zeile{display:flex;align-items:center;gap:10px;margin:8px 0}.support-zeile vaadin-icon{width:18px;height:18px;color:var(--lumo-primary-text-color)}.support-karte a{color:var(--lumo-primary-text-color)}.support-karte .tipp{margin-top:12px;font-size:.85rem}@media(max-width:720px){.view-shell{padding:14px;gap:14px}.view-title{font-size:1.35rem}.app-user-name,.app-logo-divider{display:none}.app-logo{height:28px;max-width:130px}.content-grid{grid-template-columns:1fr}.network-canvas{height:520px}}@media(max-width:420px){.app-title{display:none}}html{--kes-gruen: #2F7D58;--kes-gruen-hell: #E3F2EA;--kes-ocker: #A86412;--kes-ocker-hell: #FBEFDD;--kes-rot: #B42318;--kes-rot-hell: #FDE8E6}html[theme~=dark]{--kes-gruen: #6CC08E;--kes-gruen-hell: #183324;--kes-ocker: #F0A25A;--kes-ocker-hell: #33271B;--kes-rot: #F08A80;--kes-rot-hell: #3A1F1D}.marken-zeile{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.marke{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:650;line-height:1.6;white-space:nowrap;background:var(--kescon-soft);color:var(--lumo-primary-text-color)}.marke vaadin-icon{width:14px;height:14px}.marke-art-kunde{background:var(--kes-blau);color:#fff}.marke-art-interessent{background:var(--kes-ocker-hell);color:var(--kes-ocker)}.marke-leer{background:transparent;color:var(--kescon-muted);border:1px dashed var(--kescon-border);font-weight:500}.marke-kleinkunde{background:var(--kescon-head);color:var(--kescon-muted)}.marke-kunde{background:var(--kescon-soft);color:var(--lumo-primary-text-color)}.marke-vollkunde{background:var(--kes-gruen-hell);color:var(--kes-gruen)}.marke-faellig{background:var(--kes-rot-hell);color:var(--kes-rot)}.score-hoch{background:var(--kes-gruen-hell);color:var(--kes-gruen)}.score-mittel{background:var(--kes-ocker-hell);color:var(--kes-ocker)}.score-niedrig{background:var(--kescon-head);color:var(--kescon-muted)}.zelle-zweizeilig{display:flex;flex-direction:column;line-height:1.25;padding:2px 0}.zelle-name{font-weight:600}.zelle-nebentext{color:var(--kescon-muted);font-size:.78rem}.kontakt-faellig{color:var(--kes-rot);font-weight:650}.kontakt-faellig:before{content:"⚠ "}.table-toolbar vaadin-tabs{min-width:0}.sparten-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px 14px;width:100%}.sparten-raster vaadin-select{width:100%}.sparten-raster .sparte-bei_mir{--vaadin-input-field-background: var(--kes-gruen-hell);--vaadin-input-field-value-color: var(--kes-gruen)}.sparten-raster .sparte-woanders{--vaadin-input-field-background: var(--kes-ocker-hell);--vaadin-input-field-value-color: var(--kes-ocker)}.sparten-raster .sparte-keine,.sparten-raster .sparte-unbekannt{--vaadin-input-field-value-color: var(--kescon-muted)}.sparten-raster vaadin-select::part(input-field){font-weight:600}.score-zahl{font-size:2.4rem;font-weight:750;line-height:1;margin-right:8px;color:var(--kescon-ink)}.score-balken{width:100%;height:8px;border-radius:999px;background:var(--kescon-head);overflow:hidden}.score-fuellung{height:100%;border-radius:999px}.score-fuellung.score-hoch{background:var(--kes-gruen)}.score-fuellung.score-mittel{background:var(--kes-ocker)}.score-fuellung.score-niedrig{background:var(--kescon-muted)}.score-gruende{margin:0;padding:0;list-style:none;width:100%}.score-gruende li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--kescon-border);font-size:.9rem}.score-gruende li:last-child{border-bottom:0}.score-punkte{font-weight:700;color:var(--kes-gruen);white-space:nowrap}.phase-neu{background:var(--kescon-soft);color:var(--kescon-muted)}.phase-termin{background:var(--kescon-soft);color:var(--lumo-primary-text-color)}.phase-beratung{background:var(--kes-ocker-hell);color:var(--kes-ocker)}.phase-angebot{background:var(--kes-gruen-hell);color:var(--kes-gruen)}.phase-kein_interesse{background:transparent;color:var(--kescon-muted);border:1px dashed var(--kescon-border);font-weight:500}.dialog-abschnitt{margin:18px 0 0;color:var(--kescon-ink);font-size:.95rem}.leer-hinweis{color:var(--kescon-muted);padding:6px 0 10px}.erinnerung-raster{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px 14px;width:100%}.erinnerung-kopf{font-size:.78rem;font-weight:700;color:var(--kescon-muted);text-align:center}.erinnerung-raster>vaadin-checkbox{justify-self:center}.erinnerung-titel{display:block;font-weight:600;color:var(--kescon-ink)}.erinnerung-info{display:block;font-size:.8rem;color:var(--kescon-muted);line-height:1.3}.namensmodus vaadin-radio-button{margin-right:18px}.modus-titel{display:block;font-weight:600}.modus-beispiel{display:block;font-size:.8rem;color:var(--kescon-muted)}.kontakt-erfassen .kontakt-karte{max-width:640px}.kontakt-erfassen .wie-knoepfe::part(group-field){display:flex;flex-wrap:wrap;gap:8px}.kontakt-erfassen .wie-knoepfe vaadin-radio-button{border:1px solid var(--kescon-border);border-radius:10px;padding:6px 12px 6px 6px;background:var(--kescon-surface)}.kontakt-erfassen .wie-knoepfe vaadin-radio-button[checked]{border-color:var(--lumo-primary-color);background:var(--kescon-soft)}@media(min-width:1100px){.karte-breit{grid-column:span 2}}