:root{--bg:#f5f6f8;--flaeche:#ffffff;--rand:#e2e5ea;--rand-stark:#cdd2da;--text:#1b1f24;--text-leise:#667085;--akzent:#1f6feb;--akzent-text:#ffffff;--rot:#d1242f;--gruen:#1a7f37;--schatten:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.04);--radius:10px}@media (prefers-color-scheme:dark){:root{--bg:#14171b;--flaeche:#1c2026;--rand:#2c323a;--rand-stark:#3a424c;--text:#e6e9ed;--text-leise:#9aa4b0;--akzent:#4a90e8;--rot:#f6685e;--gruen:#4ac26b;--schatten:0 1px 3px rgba(0,0,0,.4)}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--akzent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}.huelle{max-width:1080px;margin:0 auto;padding:0 20px 64px}.kopf{display:flex;align-items:center;gap:16px;padding:16px 0;margin-bottom:22px;border-bottom:1px solid var(--rand)}.marke{font-size:18px;font-weight:640;letter-spacing:-.2px}.marke span{color:var(--akzent)}.kopf .rechts{margin-left:auto;display:flex;align-items:center;gap:12px}.wer{color:var(--text-leise);font-size:14px}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten)}.feld{width:100%;padding:9px 12px;background:var(--bg);color:var(--text);border:1px solid var(--rand-stark);border-radius:8px;outline:none;transition:border-color .12s,box-shadow .12s}.feld:focus{border-color:var(--akzent);box-shadow:0 0 0 3px color-mix(in srgb,var(--akzent) 16%,transparent)}textarea.feld{resize:vertical;min-height:72px}label.etikett{display:block;font-size:13px;color:var(--text-leise);margin-bottom:5px}.knopf{padding:9px 15px;border:1px solid var(--rand-stark);border-radius:8px;background:var(--flaeche);cursor:pointer;font-weight:500;transition:border-color .12s,background .12s,opacity .12s}.knopf:hover:not(:disabled){border-color:var(--akzent)}.knopf:disabled{opacity:.5;cursor:not-allowed}.knopf.haupt{background:var(--akzent);color:var(--akzent-text);border-color:var(--akzent)}.knopf.haupt:hover:not(:disabled){filter:brightness(1.08)}.knopf.leise{border:none;background:none;color:var(--text-leise);padding:6px 8px}.knopf.leise:hover{color:var(--text)}.knopf.gefahr:hover{color:var(--rot);border-color:var(--rot)}.werkzeugleiste{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap;align-items:center}.suche{flex:1 1;min-width:220px}.formgitter{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px}.abschnitt{margin-top:22px}.abschnitt h2{font-size:14px;color:var(--text-leise);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--rand)}.liste{display:flex;flex-direction:column;gap:8px}.zeile{display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);cursor:pointer;transition:border-color .12s}.zeile:hover{border-color:var(--akzent)}.zeile .haupttext{font-weight:550}.zeile .firma,.zeile .unter{color:var(--text-leise)}.zeile .unter{display:flex;gap:10px;flex-wrap:wrap;margin-top:3px;font-size:13px}.plakette{padding:1px 9px;border-radius:999px;font-size:12px;border:1px solid var(--rand-stark);white-space:nowrap}.plakette.kunde{color:var(--gruen);border-color:color-mix(in srgb,var(--gruen) 45%,transparent)}.plakette.interessent{color:var(--akzent);border-color:color-mix(in srgb,var(--akzent) 45%,transparent)}.tabs{display:flex;gap:4px;margin:20px 0 16px;border-bottom:1px solid var(--rand)}.tabs button{padding:9px 16px;background:none;color:var(--text-leise);cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button:hover{color:var(--text)}.tabs button.an{color:var(--akzent);border-bottom-color:var(--akzent);font-weight:550}.eintrag{padding:12px 0;border-bottom:1px solid var(--rand)}.eintrag:last-child{border-bottom:none}.eintrag .zeitkopf{display:flex;gap:8px;align-items:baseline;font-size:13px;color:var(--text-leise);margin-bottom:4px}.eintrag .zeitkopf b{color:var(--text);font-weight:550}.zeitleiste{border-left:2px solid var(--rand);padding-left:16px;margin-left:4px}.anhang{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px}.leer{padding:40px 20px;text-align:center;color:var(--text-leise)}.fehler{padding:10px 13px;border-radius:8px;font-size:14px;margin-bottom:12px;background:color-mix(in srgb,var(--rot) 12%,transparent);border:1px solid color-mix(in srgb,var(--rot) 35%,transparent);color:var(--rot)}.zurueck{display:inline-block;margin-bottom:14px;font-size:14px}.anmeldung{max-width:380px;margin:12vh auto;padding:30px}.anmeldung .marke{text-align:center;margin-bottom:6px;font-size:24px}.anmeldung .hinweis{text-align:center;color:var(--text-leise);font-size:14px;margin-bottom:22px}