:root{--sonnenblume:#ffc500;--mandarine:#ff7a00;--rot:#e02020;--anthrazit:#232b2f;--weiss:#fff;--hellgrau:#f1f2f3;--hellgrau-tief:#e8eaeb;--linie:#dfe3e4;--grau:#6b7376;--grau-hell:#a9aeb0;--schatten:0 1px 2px #232b2f14, 0 8px 18px #232b2f12;--schatten-hoch:0 2px 4px #232b2f1a, 0 14px 30px #232b2f21;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;border-radius:0}body{background:var(--weiss);color:var(--anthrazit);margin:0;font-family:Segoe UI,system-ui,-apple-system,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.55}h1,h2,h3{margin:0}h1{letter-spacing:.01em;font-size:1.4rem}h1 span{color:var(--sonnenblume)}h2{text-transform:uppercase;letter-spacing:.12em;color:var(--grau);font-size:.82rem;font-weight:700}a{color:var(--mandarine);text-decoration:none}a:hover{text-decoration:underline}.kopf{background:var(--anthrazit);color:var(--weiss);border-bottom:4px solid var(--sonnenblume);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 2rem;display:flex}.kopf-unterzeile{color:#a4abad;margin:.1rem 0 0;font-size:.85rem}.inhalt{max-width:1400px;margin:0 auto;padding:2rem}.inhalt-breit{max-width:none}.karte{background:var(--hellgrau);border-top:4px solid var(--sonnenblume);box-shadow:var(--schatten);margin-bottom:2.5rem;padding:1.4rem 1.6rem}.karte h2{margin-bottom:1.2rem}.felder{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.feld{flex-direction:column;gap:.35rem;min-width:0;display:flex}.feld-breit{grid-column:1/-1}label{text-transform:uppercase;letter-spacing:.09em;color:var(--grau);font-size:.72rem;font-weight:700}.pflicht{color:var(--mandarine);letter-spacing:.04em;font-weight:400}input,textarea,select{font:inherit;border:1px solid var(--linie);background:var(--weiss);color:var(--anthrazit);min-width:0;padding:.6rem .7rem}input::placeholder,textarea::placeholder{color:var(--grau-hell)}input:focus,textarea:focus,select:focus{outline:2px solid var(--sonnenblume);outline-offset:0;border-color:var(--sonnenblume)}.feldgruppe{border:none;border-top:1px solid var(--linie);margin:0 0 1.4rem;padding:1.1rem 0 0}.feldgruppe:first-of-type{border-top:none;padding-top:0}.feldgruppe legend{text-transform:uppercase;letter-spacing:.12em;color:var(--anthrazit);padding:0 .6rem 0 0;font-size:.7rem;font-weight:700}textarea{resize:vertical;min-height:92px}.formular-fuss{flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1.3rem;display:flex}.knopf{font:inherit;border:1px solid var(--sonnenblume);background:var(--sonnenblume);color:var(--anthrazit);cursor:pointer;padding:.7rem 1.7rem;font-weight:700}.knopf:hover:not(:disabled){background:var(--mandarine);border-color:var(--mandarine)}.knopf:disabled{opacity:.5;cursor:progress}.knopf-breit{width:100%;margin-top:.4rem}.knopf-hell{font:inherit;border:1px solid var(--linie);background:var(--weiss);color:var(--grau);cursor:pointer;padding:.7rem 1.4rem}.knopf-hell:hover:not(:disabled){border-color:var(--anthrazit);color:var(--anthrazit)}.knopf-flach{font:inherit;color:var(--weiss);cursor:pointer;background:0 0;border:1px solid #4a5155;padding:.5rem 1.1rem}.knopf-flach:hover{border-color:var(--sonnenblume);color:var(--sonnenblume)}.knopf-klein{font:inherit;border:1px solid var(--anthrazit);background:var(--anthrazit);color:var(--weiss);cursor:pointer;margin-left:.35rem;padding:.3rem .7rem;font-size:.78rem;font-weight:700}.knopf-klein:hover{background:var(--sonnenblume);border-color:var(--sonnenblume);color:var(--anthrazit)}.knopf-klein-still{border-color:var(--grau-hell);color:var(--grau);background:0 0;font-weight:400}.knopf-klein-still:hover{border-color:var(--rot);color:var(--rot);background:0 0}.knopf-text{font:inherit;color:var(--mandarine);cursor:pointer;background:0 0;border:none;margin-top:.4rem;padding:0;font-size:.82rem;text-decoration:underline}.listen-kopfzeile{border-bottom:2px solid var(--anthrazit);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem;margin-bottom:1.2rem;padding-bottom:.7rem;display:flex}.listen-bedienung{flex-wrap:wrap;align-items:center;gap:1.2rem;display:flex}.anzahl{background:var(--sonnenblume);color:var(--anthrazit);letter-spacing:0;margin-left:.2rem;padding:.05rem .55rem;font-size:.85rem;display:inline-block}.schalter{text-transform:none;letter-spacing:0;color:var(--grau);cursor:pointer;align-items:center;gap:.45rem;font-size:.85rem;font-weight:400;display:flex}.schalter input{width:1rem;height:1rem;accent-color:var(--sonnenblume)}.ansichtswahl{border:1px solid var(--anthrazit);display:flex}.ansichtswahl button{font:inherit;background:var(--weiss);color:var(--grau);cursor:pointer;border:none;padding:.35rem .9rem;font-size:.8rem}.ansichtswahl button+button{border-left:1px solid var(--anthrazit)}.ansichtswahl button:hover{color:var(--anthrazit);background:var(--hellgrau)}.ansichtswahl button.gewaehlt{background:var(--anthrazit);color:var(--weiss);font-weight:700}.karten{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.3rem;display:grid}.kartenfach{perspective:1400px;min-width:0}.kartendreh{height:100%;transform-style:preserve-3d;will-change:transform;transition:transform .55s;position:relative}.kartendreh.gedreht{transform:rotateY(180deg)}.karte-vorderseite,.karte-rueckseite{backface-visibility:hidden;height:100%}.karte-vorderseite{transform:translateZ(1px)}.karte-rueckseite{position:absolute;inset:0;overflow-y:auto;transform:rotateY(180deg)translateZ(1px)}@media (prefers-reduced-motion:reduce){.kartendreh{transition:none}}.kontaktkarte{background:var(--hellgrau);border-top:4px solid var(--sonnenblume);min-width:0;box-shadow:var(--schatten);overflow-wrap:anywhere;flex-direction:column;gap:.55rem;padding:1.25rem 1.4rem;transition:background .15s,box-shadow .15s;display:flex}.kontaktkarte:hover{background:var(--hellgrau-tief);box-shadow:var(--schatten-hoch)}.karte-kopf{justify-content:space-between;align-items:flex-start;gap:.7rem;display:flex}.karte-kopf h3{font-size:1.1rem;line-height:1.3}.kundennummer-marke{background:var(--sonnenblume);color:var(--anthrazit);letter-spacing:.03em;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;padding:.1rem .5rem;font-size:.72rem;font-weight:700}.karte-firma{color:var(--grau);margin:-.4rem 0 0;font-size:.88rem}.karte-wege{grid-template-columns:max-content minmax(0,1fr);gap:.28rem .7rem;margin:.25rem 0 0;font-size:.9rem;display:grid}.karte-wege dt{text-transform:uppercase;letter-spacing:.07em;color:var(--grau-hell);padding-top:.12rem;font-size:.7rem;font-weight:700}.karte-wege dd{min-width:0;margin:0}.adresszeile{display:block}.karte-marken{flex-wrap:wrap;gap:.35rem;margin:-.15rem 0 0;display:flex}.marke{border:1px solid var(--grau-hell);letter-spacing:.03em;color:var(--grau);padding:.08rem .45rem;font-size:.72rem}.marke-ansprache{border-color:var(--anthrazit);color:var(--anthrazit);font-weight:700}.rueck-marke{text-transform:uppercase;letter-spacing:.12em;color:var(--grau-hell);flex:none;padding-top:.3rem;font-size:.66rem}.rueck-anrede{background:var(--weiss);border-left:3px solid var(--sonnenblume);margin-top:.2rem;padding:.7rem .85rem}.rueck-titel{text-transform:uppercase;letter-spacing:.08em;color:var(--grau-hell);font-size:.66rem;font-weight:700;display:block}.rueck-anrede p{margin:.15rem 0 0;font-size:.95rem}.knopf-drehen{padding:.3rem .55rem;font-size:.95rem;line-height:1.1}.karte-notiz{background:var(--weiss);border-left:3px solid var(--sonnenblume);margin-top:.35rem;padding:.7rem .85rem}.karte-notiz p{white-space:pre-wrap;margin:0;font-size:.9rem}.karte-fuss{border-top:1px solid var(--linie);color:var(--grau);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.9rem;font-size:.78rem;display:flex}.karte-knoepfe{flex-wrap:wrap;gap:.35rem;display:flex}.karte-knoepfe .knopf-klein{margin-left:0}.archiv-marke{border:1px dashed var(--grau-hell);color:var(--grau);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;flex:none;padding:.1rem .5rem;font-size:.7rem;font-weight:700}.kontaktkarte-archiviert{border:1px dashed var(--grau-hell);border-top:4px dashed var(--grau-hell);box-shadow:none;color:var(--grau-hell);background:#fafbfb}.kontaktkarte-archiviert:hover{box-shadow:none;background:#fafbfb}.kontaktkarte-archiviert h3{font-weight:400;text-decoration:line-through}.kontaktkarte-archiviert .karte-notiz{background:var(--hellgrau);border-left-color:var(--grau-hell)}.kontaktkarte-bearbeitet,.kontaktkarte-bearbeitet:hover{box-shadow:inset 0 0 0 1px var(--sonnenblume), var(--schatten-hoch);border-top-width:8px}.tabelle-rahmen{border:1px solid var(--linie);border-top:4px solid var(--sonnenblume);box-shadow:var(--schatten);background:var(--weiss);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th{text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.09em;background:var(--anthrazit);color:var(--weiss);padding:.7rem .9rem;font-size:.7rem}td{border-top:1px solid var(--linie);vertical-align:top;padding:.7rem .9rem}tbody tr:hover{background:var(--hellgrau)}.zelle-aktionen,.zelle-nachname,.zelle-nummer,.zelle-datum,.zelle-kundennummer{white-space:nowrap}.zelle-nachname{font-weight:700}.zelle-nummer,.zelle-kundennummer{font-variant-numeric:tabular-nums}.zelle-notiz{white-space:pre-wrap;min-width:240px;max-width:380px}.leer,.zeile-archiviert{color:var(--grau-hell)}.zeile-archiviert .zelle-nachname{font-weight:400;text-decoration:line-through}.zeile-bearbeitet,.zeile-bearbeitet:hover{box-shadow:inset 3px 0 0 var(--sonnenblume);background:#fffbec}.hinweis{color:var(--grau);margin:.4rem 0 0}.hinweis-mitte{text-align:center;padding-top:4rem}.fehler{border-left:4px solid var(--rot);color:#8a1414;background:#fdeceb;margin:1.1rem 0 0;padding:.8rem 1rem}.anmeldung{place-items:center;min-height:100vh;padding:2rem;display:grid}.anmeldung-karte{background:var(--hellgrau);border-top:4px solid var(--sonnenblume);width:100%;max-width:380px;box-shadow:var(--schatten);flex-direction:column;gap:1rem;padding:2.2rem;display:flex}.anmeldung-karte .hinweis{margin:0}