:root{--gruen: #2e4f3c;--gruen-hell: #3d6a50;--gold: #d0ab3b;--gold-blass: #f6efd9;--text: #1c2420;--text-schwach: #5f6d66;--linie: #dfe4e1;--flaeche: #ffffff;--grund: #f4f6f4;--rot: #a8322c;--rot-blass: #fbeceb;--blau: #2c5c88;--blau-blass: #eaf1f8;--radius: 10px;--schatten: 0 1px 2px rgba(28, 36, 32, .06), 0 4px 14px rgba(28, 36, 32, .05)}*{box-sizing:border-box}body{margin:0;background:var(--grund);color:var(--text);font:15px/1.5 Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}h1{font-size:24px;margin:0 0 8px}h2{font-size:16px;margin:0;letter-spacing:.01em}a{color:var(--gruen)}.huelle{min-height:100vh}.kopfleiste{display:flex;align-items:center;gap:28px;padding:0 24px;height:58px;background:var(--gruen);color:#fff}.marke{display:flex;align-items:center;gap:10px}.marke-zeichen{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:var(--gold);color:var(--gruen);font-weight:700;font-size:12px}.marke-text{font-weight:600;letter-spacing:.02em}.hauptnavigation{display:flex;align-items:center;gap:4px;flex:1}.hauptnavigation a{padding:6px 12px;border-radius:6px;color:#ffffffc7;text-decoration:none}.hauptnavigation a:hover{background:#ffffff1a;color:#fff}.hauptnavigation a.aktiv{background:#ffffff29;color:#fff}.nav-spaeter{padding:6px 12px;color:#ffffff57;cursor:default}.benutzer{display:flex;align-items:center;gap:12px}.kopfleiste .gedaempft{color:#ffffffb8}.inhalt{max-width:1180px;margin:0 auto;padding:24px}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);box-shadow:var(--schatten);padding:18px 20px;margin-bottom:18px}.karte-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.karte-hinweis{margin:-6px 0 12px;font-size:12.5px}.gedaempft{color:var(--text-schwach)}.leer{color:var(--text-schwach);font-style:italic;margin:6px 0}.laedt{padding:32px;color:var(--text-schwach)}.feld{display:flex;gap:12px;padding:6px 0;border-top:1px solid var(--linie)}.feld:first-of-type{border-top:0}.feld-beschriftung{flex:0 0 168px;color:var(--text-schwach);font-size:13.5px}.feld-wert{flex:1;min-width:0;overflow-wrap:anywhere}.raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;align-items:start}.raster .karte{margin-bottom:0}button{font:inherit;cursor:pointer;border-radius:7px;padding:8px 16px;border:1px solid var(--linie);background:var(--flaeche);color:var(--text)}button:hover:not(:disabled){border-color:#c4ccc7}button:disabled{opacity:.5;cursor:not-allowed}button.primaer{background:var(--gruen);border-color:var(--gruen);color:#fff;font-weight:600}button.primaer:hover:not(:disabled){background:var(--gruen-hell);border-color:var(--gruen-hell)}button.schlicht{background:transparent;border-color:transparent;color:inherit;padding:6px 10px;text-decoration:underline;text-underline-offset:3px}button.schlicht:hover:not(:disabled){color:var(--gold)}.aktionen{display:flex;align-items:center;gap:8px;margin-top:14px}input,select,textarea{font:inherit;padding:7px 9px;border:1px solid var(--linie);border-radius:7px;background:var(--flaeche);color:inherit;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-schwach)}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:#eef1ef;color:var(--text-schwach)}.badge.status-new{background:var(--gold-blass);color:#7a6115}.badge.status-contacted,.badge.status-proposal{background:var(--blau-blass);color:var(--blau)}.badge.status-qualified{background:#e8f2ea;color:var(--gruen)}.badge.status-won{background:var(--gruen);color:#fff}.badge.status-lost,.badge.prio-high{background:var(--rot-blass);color:var(--rot)}.badge.prio-low{background:#eef1ef}.badge.quali-qualified{background:#e8f2ea;color:var(--gruen)}.badge.quali-in_progress{background:var(--blau-blass);color:var(--blau)}.badge.quali-disqualified{background:var(--rot-blass);color:var(--rot)}.badge.termin-booked{background:#e8f2ea;color:var(--gruen)}.badge.termin-rescheduled{background:var(--gold-blass);color:#7a6115}.badge.termin-cancelled,.badge.termin-no_show{background:var(--rot-blass);color:var(--rot)}.badge.art-whatsapp{background:#e6f4ea;color:#1d6b38}.badge.art-call{background:var(--blau-blass);color:var(--blau)}.badge.art-voice_note{background:var(--gold-blass);color:#7a6115}.interessen{display:inline-flex;flex-wrap:wrap;gap:5px}.chip{padding:2px 8px;border:1px solid var(--linie);border-radius:999px;font-size:12px;color:var(--text-schwach)}.faelligkeit{display:inline-flex;align-items:baseline;gap:6px}.faelligkeit.gross{font-size:19px}.faelligkeit.ueberfaellig strong{color:var(--rot)}.faelligkeit.heute strong{color:#8a6d0f}.faelligkeit.ohne strong{color:var(--rot)}.regel-hinweis{margin:14px 0 0;padding:10px 12px;border-left:3px solid var(--gold);background:var(--gold-blass);border-radius:0 7px 7px 0;font-size:13.5px}.fehler-kasten{border:1px solid #edc9c6;border-left:3px solid var(--rot);background:var(--rot-blass);border-radius:7px;padding:12px 14px;margin:14px 0}.fehler-kasten p{margin:6px 0 0;font-size:13.5px}.fehler{color:var(--rot)}.fehler-detail{white-space:pre-wrap;font-size:12.5px;background:var(--grund);padding:10px;border-radius:6px;overflow-x:auto}.login-seite,.hinweis-seite{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--gruen)}.login-karte,.hinweis-seite .karte{width:min(420px,100%);margin:0}.login-karte{display:flex;flex-direction:column;gap:12px}.hinweis-seite .karte{width:min(560px,100%)}.seiten-kopf{margin-bottom:18px}.dashboard .wiedervorlagen{border-left:3px solid var(--gold)}.liste{list-style:none;margin:0;padding:0}.liste>li{padding:10px 0;border-top:1px solid var(--linie)}.liste>li:first-child{border-top:0}.zeile{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.zeile-haupt{display:flex;align-items:baseline;gap:10px;min-width:0}.zeile-neben{text-align:right;white-space:nowrap;font-size:13px}.kontakt-link{font-weight:600;text-decoration:none}.kontakt-link:hover{text-decoration:underline}.filter-bereich{display:flex;flex-wrap:wrap;gap:20px}.filter-gruppe{min-width:0}.filter-titel{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-schwach);margin-bottom:6px}.filter-knoepfe{display:flex;flex-wrap:wrap;gap:6px}button.filter{padding:4px 11px;border-radius:999px;font-size:13px}button.filter.aktiv{background:var(--gruen);border-color:var(--gruen);color:#fff}.tabelle{width:100%;border-collapse:collapse}.tabelle th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-schwach);font-weight:600;padding:0 10px 8px;border-bottom:1px solid var(--linie)}.tabelle td{padding:10px;border-bottom:1px solid var(--linie);vertical-align:top}.tabelle tbody tr:hover{background:#fafbfa}.tabelle tr.ueberfaellige-zeile td:first-child{box-shadow:inset 3px 0 0 var(--rot)}.zurueck{display:inline-block;margin-bottom:12px;text-decoration:none;font-size:13.5px}.zurueck:hover{text-decoration:underline}.lead-kopf{margin-bottom:18px}.lead-kopf p{margin:8px 0 0;font-size:13.5px}.kopf-merkmale{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.bearbeiten{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--linie)}.verlauf-form{display:flex;flex-direction:column;gap:10px;padding:14px;margin-bottom:16px;background:var(--grund);border-radius:var(--radius)}.verlauf-form-kopf{display:flex;flex-wrap:wrap;gap:12px}.verlauf-form button{align-self:flex-start}.verlauf{list-style:none;margin:0;padding:0}.verlauf>li{padding:12px 0 12px 16px;border-left:2px solid var(--linie);position:relative}.verlauf>li:before{content:"";position:absolute;left:-5px;top:18px;width:8px;height:8px;border-radius:50%;background:var(--gold)}.verlauf-kopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px}.verlauf-text{margin:6px 0 0;white-space:pre-wrap}@media(max-width:720px){.kopfleiste{height:auto;flex-wrap:wrap;gap:12px;padding:12px 16px}.inhalt{padding:16px}.feld{flex-direction:column;gap:2px}.feld-beschriftung{flex:none}}.konto-form{display:flex;flex-direction:column;gap:12px;max-width:360px}.konto-form button{align-self:flex-start}.erfolg{color:var(--gruen);font-weight:600;margin:0}.benutzer a{color:#ffffffc7;text-decoration:none;font-size:13.5px}.benutzer a:hover,.benutzer a.aktiv{color:#fff;text-decoration:underline}.arbeitsplatz-form fieldset{border:0;margin:0;padding:0;min-width:0}.arbeitsplatz-form .raster{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.arbeitsplatz-form label{margin-bottom:10px}.checkbox-zeile{flex-direction:row;align-items:center;gap:8px;margin-top:16px}.arbeitsplatz-speichern{margin:18px 0;padding:16px;border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche)}.arbeitsplatz-speichern .aktionen{flex-wrap:wrap}.ueberfaellig-hinweis{color:var(--rot);background:var(--rot-blass);padding:10px;border-radius:7px;font-weight:600}.abschluss-form textarea{width:100%}.lead-detail .faelligkeit{flex-wrap:wrap}.verlauf-form fieldset{border:0;margin:0;padding:0;min-width:0}.arbeitskorb-kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.arbeitskorb-liste{margin-top:16px}.arbeitskorb-auftrag{display:block;margin-top:4px;font-size:13px}.loom-vorschau{display:grid;gap:10px;margin:12px 0;overflow-wrap:anywhere}.loom-vorschau img{display:block;width:100%;max-width:480px;height:auto;border-radius:8px}.loom-vorschau strong,.loom-vorschau span{display:block}.dashboard .zeile,.dashboard .zeile-haupt,.dashboard .faelligkeit{flex-wrap:wrap;overflow-wrap:anywhere}.marke-logo{display:block;width:76px;height:48px;object-fit:contain;flex-shrink:0}
