:root{--violett:#ac50f8;--violett-dunkel:#8b2fd6;--schwarz:#111;--grau:#6b7280;--grau-hell:#e5e7eb;--grau-bg:#f7f7f9;--gruen:#15803d;--rot:#b91c1c;--gelb:#a16207}body{color:var(--schwarz);background:var(--grau-bg);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}a{color:var(--violett-dunkel)}.app-rahmen{min-height:100dvh;display:flex}.app-inhalt{flex:1;min-width:0}.seitenleiste{box-sizing:border-box;border-right:1px solid var(--grau-hell);background:#fff;flex-direction:column;flex-shrink:0;width:264px;height:100dvh;padding:1.25rem .9rem .9rem;display:flex;position:-webkit-sticky;position:sticky;top:0}.seitenleiste__marke{padding:0 .35rem;text-decoration:none;display:block}.seitenleiste__marke img{width:178px;height:auto;display:block}.seitenleiste__marke span{letter-spacing:.16em;text-transform:uppercase;color:var(--violett-dunkel);margin-top:.5rem;font-size:.7rem;font-weight:700;display:block}.seitenleiste__neu{background:var(--violett);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;margin:1.15rem .35rem .55rem;padding:.68rem;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}.seitenleiste__neu:hover{background:var(--violett-dunkel)}.seitenleiste__nav{flex:1;margin-top:.7rem;overflow-y:auto}.seitenleiste__sektion{letter-spacing:.1em;text-transform:uppercase;color:var(--grau);padding:.5rem .6rem .4rem;font-size:.68rem;font-weight:700}.seitenleiste__eintrag{color:var(--schwarz);border-radius:8px;align-items:center;gap:.6rem;margin-bottom:2px;padding:.55rem .6rem;font-size:.9rem;text-decoration:none;display:flex}.seitenleiste__eintrag svg{color:var(--grau);flex-shrink:0}.seitenleiste__eintrag:hover{background:var(--grau-bg)}.seitenleiste__eintrag--aktiv{color:var(--violett-dunkel);background:#f3e8ff;font-weight:600}.seitenleiste__eintrag--aktiv svg{color:var(--violett)}.seitenleiste__fuss{border-top:1px solid var(--grau-hell);padding-top:.7rem;position:relative}.seitenleiste__nutzer{cursor:pointer;text-align:left;width:100%;color:var(--schwarz);background:0 0;border:none;border-radius:10px;align-items:center;gap:.65rem;padding:.45rem .5rem;display:flex}.seitenleiste__nutzer:hover{background:var(--grau-bg)}.seitenleiste__avatar{background:linear-gradient(135deg,var(--violett),var(--violett-dunkel));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:grid}.seitenleiste__nutzer-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.seitenleiste__nutzer-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;overflow:hidden}.seitenleiste__nutzer-text small{color:var(--grau);font-size:.72rem}.seitenleiste__menue{z-index:30;border:1px solid var(--grau-hell);background:#fff;border-radius:10px;padding:.35rem;position:absolute;bottom:calc(100% + .4rem);left:.4rem;right:.4rem;box-shadow:0 10px 30px rgba(0,0,0,.12)}.seitenleiste__menue-eintrag{width:100%;color:var(--schwarz);cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:8px;align-items:center;gap:.55rem;padding:.55rem .6rem;font-size:.88rem;text-decoration:none;display:flex}.seitenleiste__menue-eintrag:hover{background:var(--grau-bg)}.seitenleiste__menue-eintrag--rot{color:var(--rot)}main.inhalt{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}h1{margin:0 0 1.25rem;font-size:1.6rem}h2{margin:2rem 0 .75rem;font-size:1.15rem}.karte{border:1px solid var(--grau-hell);background:#fff;border-radius:10px;margin-bottom:1rem;padding:1.25rem}table.liste{border-collapse:collapse;border:1px solid var(--grau-hell);background:#fff;border-radius:10px;width:100%;overflow:hidden}table.liste th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--grau);border-bottom:1px solid var(--grau-hell);padding:.75rem 1.4rem;font-size:.75rem}table.liste td{border-bottom:1px solid var(--grau-hell);padding:.95rem 1.4rem;font-size:.9rem}table.liste--angebote th,table.liste--angebote td{white-space:nowrap}table.liste--angebote th.kunde,table.liste--angebote td.kunde{white-space:normal;width:100%}.liste-rahmen{overflow-x:auto}table.liste tr:last-child td{border-bottom:none}table.liste td.zahl,table.liste th.zahl{text-align:right;font-variant-numeric:tabular-nums}.plakette{border:1px solid transparent;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-block}.plakette--entwurf{color:var(--grau);background:#f3f4f6}.plakette--final{color:var(--violett-dunkel);background:#ede9fe}.plakette--cso_gezeichnet{color:#4338ca;background:#e0e7ff}.plakette--gesendet{color:#1d4ed8;background:#dbeafe}.plakette--angesehen{color:var(--gelb);background:#fef9c3}.plakette--unterschrieben{color:var(--gruen);background:#dcfce7}.plakette--abgelehnt{color:var(--rot);background:#fee2e2}.plakette--abgelaufen,.plakette--storniert{color:var(--grau);background:#f3f4f6}button,.knopf{background:var(--violett);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.55rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}button:hover,.knopf:hover{background:var(--violett-dunkel)}button:disabled{opacity:.5;cursor:not-allowed}.knopf--sekundaer{color:var(--schwarz);border:1px solid var(--grau-hell);background:#fff}.knopf--sekundaer:hover{background:var(--grau-bg)}label{color:var(--grau);margin-bottom:.25rem;font-size:.8rem;font-weight:600;display:block}input,select,textarea{border:1px solid var(--grau-hell);box-sizing:border-box;background:#fff;border-radius:8px;width:100%;padding:.55rem .7rem;font-family:inherit;font-size:.9rem}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .65rem center;background-repeat:no-repeat;padding-right:2.2rem}select:hover{border-color:var(--violett)}input:focus,select:focus,textarea:focus{outline:2px solid var(--violett);outline-offset:-1px}input[readonly]{background:var(--grau-bg);color:var(--grau)}.raster{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.feld{margin-bottom:.9rem}.hinweis{border-radius:8px;margin-bottom:.75rem;padding:.7rem .9rem;font-size:.85rem}.hinweis--fehler{color:var(--rot);background:#fee2e2}.hinweis--warnung{color:var(--gelb);background:#fef9c3}.hinweis--erfolg{color:var(--gruen);background:#dcfce7}.kennzahl{border:1px solid var(--grau-hell);background:#fff;border-radius:10px;padding:1rem 1.25rem}.kennzahl__wert{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.kennzahl__titel{color:var(--grau);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.anmeldung{max-width:380px;margin:12vh auto}.leer{text-align:center;color:var(--grau);padding:3rem 1rem}.leer-aktion{border:2px dashed var(--grau-hell);text-align:center;color:var(--schwarz);background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:.35rem;padding:3.2rem 1.5rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.leer-aktion:hover{border-color:var(--violett);box-shadow:0 4px 18px rgba(172,80,248,.12)}.leer-aktion__plus{width:52px;height:52px;color:var(--violett);background:#f3e8ff;border-radius:50%;place-items:center;margin-bottom:.5rem;font-size:1.9rem;font-weight:600;line-height:1;display:grid}.leer-aktion:hover .leer-aktion__plus{background:var(--violett);color:#fff}.leer-aktion strong{font-size:1.02rem}.leer-aktion>span:last-child{color:var(--grau);font-size:.85rem}.inhalt--breit{max-width:1500px}.untertitel{color:var(--grau);margin:-.75rem 0 1.5rem;font-size:.92rem}.dezent{color:var(--grau);font-size:.85rem}.seitenkopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.hinweis--banner{margin:1rem 1.5rem 0}.board{grid-template-columns:repeat(5,minmax(215px,1fr));align-items:start;gap:.9rem;padding-bottom:1rem;display:grid;overflow-x:auto}.board__spalte{background:var(--grau-bg);border:1px solid var(--grau-hell);border-radius:12px;min-height:220px;padding:.6rem}.board__kopf{letter-spacing:.05em;text-transform:uppercase;color:var(--grau);justify-content:space-between;align-items:center;gap:.4rem;padding:.3rem .4rem .65rem;font-size:.74rem;font-weight:700;display:flex}.board__zahl{border:1px solid var(--grau-hell);background:#fff;border-radius:999px;padding:0 .55rem;font-size:.75rem}.board__karte{border:1px solid var(--grau-hell);color:var(--schwarz);background:#fff;border-radius:10px;margin-bottom:.55rem;padding:.65rem .75rem;text-decoration:none;display:block}.board__karte:hover{border-color:var(--violett);box-shadow:0 2px 12px rgba(172,80,248,.14)}.board__karte strong{font-size:.88rem}.board__firma{color:var(--grau);margin:.15rem 0 .35rem;font-size:.82rem;display:block}.board__meta{color:var(--grau);font-variant-numeric:tabular-nums;justify-content:space-between;gap:.5rem;font-size:.78rem;display:flex}.board__leer{text-align:center;color:var(--grau);padding:1.2rem 0;font-size:.8rem}.produktraster{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.produktkarte{border:1px solid var(--grau-hell);background:#fff;border-radius:12px;padding:1.1rem 1.2rem}.produktkarte--inaktiv{opacity:.55}.produktkarte__kopf{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.produktkarte__kopf h2{margin:0;font-size:1.02rem}.produktkarte__chips{flex-wrap:wrap;gap:.3rem;display:flex}.produktkarte__preis{font-variant-numeric:tabular-nums;margin-top:.55rem;font-size:1.35rem;font-weight:700}.produktkarte__preis small{color:var(--grau);font-size:.8rem;font-weight:400}.produktkarte__setup{color:var(--grau);margin:.2rem 0 .75rem;font-size:.78rem}.produktkarte__block h3{margin:.6rem 0 .25rem;font-size:.82rem}.produktkarte__block ul{color:#374151;margin:0;padding-left:1.1rem;font-size:.82rem}.produktkarte__block li{margin-bottom:.15rem}.sync-knopf{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.sync-knopf__meldung{color:var(--grau);font-size:.8rem}.chips{flex-wrap:wrap;gap:.35rem;display:inline-flex}.chip{color:var(--violett-dunkel);background:#ede9fe;border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .3rem .15rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.chip button{color:var(--violett-dunkel);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0 .3rem;font-size:.9rem;line-height:1}.chip button:hover{background:rgba(139,47,214,.15)}.schluesseln-form{align-items:center;gap:.4rem;display:flex}.schluesseln-form select{width:auto;min-width:160px}.feld--fehler input,.feld--fehler select,.feld--fehler textarea{border-color:var(--rot);background:#fef2f2}.feld--fehler label{color:var(--rot)}.feld-meldung{color:var(--grau);margin:.35rem 0 0;font-size:.8rem}.autofill-zeile{gap:.5rem;display:flex}.autofill-zeile input{flex:1}.autofill-zeile .knopf{white-space:nowrap}.knopf--rot{background:var(--rot)}.knopf--rot:hover{background:#991b1b}.ki-zeile{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ki-knopf{color:var(--violett-dunkel);cursor:pointer;background:#f3e8ff;border:none;border-radius:999px;margin-bottom:.25rem;padding:.2rem .7rem;font-size:.75rem;font-weight:600}.ki-knopf:hover:not(:disabled){background:var(--violett);color:#fff}.ki-knopf:disabled{opacity:.5;cursor:wait}.modulkarte{border:1px solid var(--grau-hell);border-radius:10px;margin-bottom:.75rem;padding:1rem}.modul-hinzufuegen{margin-top:.5rem;position:relative}.modul-hinzufuegen__knopf{width:100%;color:var(--violett-dunkel);border:2px dashed var(--grau-hell);background:#fff;border-radius:10px;padding:.9rem;font-weight:600}.modul-hinzufuegen__knopf:hover{border-color:var(--violett);background:#faf5ff}.schalter{color:var(--schwarz);cursor:pointer;align-items:center;gap:.5rem;margin:.75rem 0;font-size:.9rem;font-weight:600;display:flex}.schalter input{width:auto;accent-color:var(--violett)}.texte-klappe{border:1px dashed var(--grau-hell);border-radius:8px;margin-top:.6rem;padding:.4rem .7rem}.texte-klappe[open]{padding-bottom:.7rem}.texte-klappe summary{cursor:pointer;color:var(--grau);font-size:.85rem;font-weight:600}.texte-klappe summary:hover{color:var(--violett-dunkel)}.texte-klappe__marker{color:var(--violett-dunkel);background:#f3e8ff;border-radius:999px;margin-left:.5rem;padding:.05rem .5rem;font-size:.72rem}.texte-klappe .feld{margin-top:.6rem}.sonder-titel{background:0 0;border:1px solid transparent;border-radius:8px;flex:1;padding:.3rem .45rem;font-size:1rem;font-weight:700}.sonder-titel:hover,.sonder-titel:focus{border-color:var(--grau-hell);background:#fff}.kunden-suche{position:relative}.statusfilter{flex-wrap:wrap;gap:.45rem;margin-bottom:1.1rem;display:flex}.statusfilter__chip{border:1px solid var(--grau-hell);color:var(--schwarz);white-space:nowrap;background:#fff;border-radius:999px;padding:.32rem .8rem;font-size:.82rem;text-decoration:none}.statusfilter__chip:hover{border-color:var(--violett)}.statusfilter__chip--aktiv{background:var(--violett);border-color:var(--violett);color:#fff;font-weight:600}.modul-auswahl{z-index:20;border:1px solid var(--grau-hell);background:#fff;border-radius:12px;max-height:340px;padding:.4rem;position:absolute;top:calc(100% + .4rem);left:0;right:0;overflow-y:auto;box-shadow:0 14px 40px rgba(0,0,0,.14)}.modul-auswahl__eintrag{cursor:pointer;width:100%;color:var(--schwarz);text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .7rem;display:flex}.modul-auswahl__eintrag:hover:not(:disabled){background:#faf5ff}.modul-auswahl__eintrag:disabled{opacity:.45;cursor:not-allowed}.modul-auswahl__titel{font-size:.9rem;font-weight:600}.modul-auswahl__preis{color:var(--grau);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.8rem}.modal-hintergrund{z-index:50;background:rgba(17,17,17,.45);place-items:center;padding:1.5rem;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:#fff;border-radius:14px;width:min(640px,100%);max-height:80vh;padding:1.5rem;overflow-y:auto;box-shadow:0 24px 60px rgba(0,0,0,.25)}.modal h3{margin:0 0 .75rem}.modal__text{white-space:pre-wrap;background:var(--grau-bg);border-radius:10px;padding:1rem;font-size:.92rem;line-height:1.55}.modal__aktionen{gap:.6rem;margin-top:1rem;display:flex}.aktionsleiste{z-index:15;border:1px solid var(--grau-hell);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.6rem;margin:1.5rem -.5rem 0;padding:.8rem 1rem;display:flex;position:-webkit-sticky;position:sticky;bottom:0;box-shadow:0 -6px 24px rgba(0,0,0,.08)}.aktionsleiste__rechts{flex-wrap:wrap;align-items:center;gap:.6rem;margin-left:auto;display:flex}.kommentar{border-bottom:1px solid var(--grau-hell);padding:.65rem 0}.kommentar:last-of-type{border-bottom:none}.kommentar p{white-space:pre-wrap;margin:.25rem 0 0;font-size:.9rem}.kommentar--system p{color:var(--grau);font-style:italic}.kommentar__kopf{color:var(--grau);justify-content:space-between;gap:.5rem;font-size:.8rem;display:flex}.kommentar__kopf strong{color:var(--schwarz)}.kommentar-formular{align-items:flex-start;gap:.6rem;margin-top:.9rem;display:flex}.kommentar-formular textarea{flex:1}.kommentar-formular button{white-space:nowrap}.modal__hinweis{background:#fef9c3;border:1px solid #fde68a;border-radius:10px;margin:0;padding:1rem;font-size:.92rem;line-height:1.55}