:root{--blau:#1d4e89;--blau-dunkel:#163c6b;--blau-hell:#eaf1f9;--tinte:#1c2530;--grau-1:#f4f6f9;--grau-2:#e6eaf0;--grau-3:#c6cdd8;--grau-4:#8a94a3;--grau-5:#5a6472;--weiss:#fff;--gruen:#1e8a5a;--rot:#c0392b;--gold:#b98a1c;--radius:10px;--radius-s:7px;--schatten:0 1px 3px #1c253014, 0 4px 16px #1c25300f;--schatten-gross:0 4px 12px #1c25301f, 0 12px 40px #1c253024;--font:"Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--tinte);background:var(--grau-1);-webkit-font-smoothing:antialiased;margin:0;font-size:14.5px;line-height:1.45}.kopf{background:var(--weiss);border-bottom:1px solid var(--grau-2);z-index:30;align-items:center;gap:14px;padding:10px 18px;display:flex;position:sticky;top:0}.logo{letter-spacing:-.3px;color:var(--tinte);white-space:nowrap;align-items:center;gap:9px;font-size:19px;font-weight:700;display:flex}.logo-mark{background:linear-gradient(135deg, var(--blau) 0%, #2e6fb7 100%);color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;font-size:15px;font-weight:800;display:grid}.logo .tld{color:var(--blau)}.kopf-mitte{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.kopf-rechts{align-items:center;gap:8px;display:flex}.pro-badge{color:#5c4404;letter-spacing:.4px;background:linear-gradient(135deg,#f6c945,#e9a820);border-radius:20px;padding:3px 9px;font-size:11.5px;font-weight:700}.btn{border:1px solid var(--grau-3);background:var(--weiss);color:var(--tinte);border-radius:var(--radius-s);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:7px 13px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .12s,border-color .12s,transform 50ms;display:inline-flex}.btn:hover{background:var(--grau-1);border-color:var(--grau-4)}.btn:active{transform:translateY(1px)}.btn-primaer{background:var(--blau);border-color:var(--blau);color:#fff}.btn-primaer:hover{background:var(--blau-dunkel);border-color:var(--blau-dunkel)}.btn-gold{color:#5c4404;background:linear-gradient(135deg,#f6c945,#e9a820);border-color:#d99e1d}.btn-gold:hover{background:linear-gradient(135deg,#f8d15f,#f0b230)}.btn-klein{padding:4px 9px;font-size:12.5px}.btn-geist{color:var(--grau-5);background:0 0;border-color:#0000}.btn-geist:hover{background:var(--grau-2);color:var(--tinte)}.btn-loeschen:hover{color:var(--rot);border-color:var(--rot);background:#fdf2f0}.btn:disabled{opacity:.5;cursor:not-allowed}.haupt{grid-template-columns:minmax(430px,560px) 1fr;gap:0;height:calc(100vh - 52px);display:grid}.editor-spalte{background:var(--grau-1);padding:18px 16px 80px;overflow-y:auto}.vorschau-spalte{background:#4a5361;flex-direction:column;display:flex;overflow:hidden}.vorschau-kopf{color:#d7dce4;background:#3d4553;justify-content:space-between;align-items:center;gap:10px;padding:9px 16px;display:flex}.vorschau-tabs{gap:4px;display:flex}.tab{color:#aeb6c2;border-radius:var(--radius-s);cursor:pointer;background:0 0;border:none;padding:6px 13px;font-family:inherit;font-size:13px;font-weight:600}.tab:hover{color:#fff;background:#ffffff14}.tab.aktiv{color:#fff;background:#ffffff29}.tab .schloss{margin-left:4px;font-size:11px}.vorschau-rahmen{background:#4a5361;border:none;flex:1;width:100%}.vorschau-laedt{color:#aeb6c2;flex:1;place-items:center;font-size:14px;display:grid}.karte{background:var(--weiss);border:1px solid var(--grau-2);border-radius:var(--radius);box-shadow:var(--schatten);margin-bottom:14px;overflow:hidden}.karte-kopf{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:12px 16px;display:flex}.karte-kopf:hover{background:var(--grau-1)}.karte-titel{flex:1;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.karte-anzahl{background:var(--blau-hell);color:var(--blau);border-radius:20px;padding:1px 8px;font-size:11.5px;font-weight:700}.karte-pfeil{color:var(--grau-4);font-size:12px;transition:transform .15s}.karte-pfeil.offen{transform:rotate(90deg)}.karte-inhalt{border-top:1px solid var(--grau-2);padding:4px 16px 16px}.zeile{grid-template-columns:1fr 1fr;gap:10px;display:grid}.zeile-3{grid-template-columns:2fr 1fr 1fr;gap:10px;display:grid}.feld{flex-direction:column;gap:4px;margin-top:10px;display:flex}.feld label{color:var(--grau-5);font-size:12px;font-weight:600}.feld input,.feld textarea,.feld select{color:var(--tinte);border:1px solid var(--grau-3);border-radius:var(--radius-s);background:var(--weiss);width:100%;padding:8px 10px;font-family:inherit;font-size:14px;transition:border-color .12s,box-shadow .12s}.feld input:focus,.feld textarea:focus,.feld select:focus{border-color:var(--blau);outline:none;box-shadow:0 0 0 3px #1d4e8924}.feld textarea{resize:vertical;min-height:64px}.eintrag{border:1px solid var(--grau-2);border-radius:var(--radius-s);background:#fbfcfe;margin-top:12px;padding:4px 14px 14px}.eintrag-kopf{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.eintrag-kopf .titel{color:var(--grau-5);font-size:13.5px;font-weight:700}.eintrag-aktionen{gap:2px;display:flex}.punkt-zeile{align-items:flex-start;gap:6px;margin-top:8px;display:flex}.punkt-zeile .punkt-marker{color:var(--grau-4);margin-top:9px}.punkt-zeile input{flex:1}.ki-vorschlag{border-radius:var(--radius-s);background:#f2f9f2;border:1px solid #d9e6d9;margin:8px 0 0 18px;padding:10px 12px;font-size:13px}.ki-vorschlag .text{font-weight:600}.ki-vorschlag .hinweis{color:var(--grau-5);margin-top:4px;font-size:12px}.ki-vorschlag .aktionen{gap:8px;margin-top:8px;display:flex}.skill-item{grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin-top:8px;display:grid}.punkte-wahl{gap:3px;display:flex}.punkte-wahl button{border:1.5px solid var(--grau-3);background:var(--weiss);cursor:pointer;border-radius:50%;width:17px;height:17px;padding:0}.punkte-wahl button.voll{background:var(--blau);border-color:var(--blau)}.punkte-wahl button:hover{border-color:var(--blau)}.foto-bereich{align-items:center;gap:14px;margin-top:12px;display:flex}.foto-rahmen{border-radius:var(--radius-s);border:1.5px dashed var(--grau-3);background:var(--grau-1);width:74px;height:92px;color:var(--grau-4);flex-shrink:0;place-items:center;font-size:22px;display:grid;overflow:hidden}.foto-rahmen img{object-fit:cover;width:100%;height:100%}.foto-hinweis{color:var(--grau-4);margin-top:6px;font-size:12px}.dialog-schleier{z-index:100;background:#141b268c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:var(--weiss);box-shadow:var(--schatten-gross);border-radius:14px;width:100%;max-width:520px;max-height:90vh;padding:26px 28px;overflow-y:auto}.dialog h2{margin:0 0 6px;font-size:20px}.dialog .unter{color:var(--grau-5);margin:0 0 18px;font-size:14px}.preis-box{border:2px solid var(--blau);border-radius:var(--radius);background:var(--blau-hell);margin-bottom:16px;padding:16px 18px}.preis-box .preis{color:var(--blau);font-size:30px;font-weight:800}.preis-box .preis small{color:var(--grau-5);font-size:14px;font-weight:600}.preis-box ul{margin:10px 0 0;padding-left:20px;font-size:13.5px}.preis-box li{margin:3px 0}.lizenz-eingabe{gap:8px;margin-top:8px;display:flex}.lizenz-eingabe input{border:1px solid var(--grau-3);border-radius:var(--radius-s);flex:1;padding:9px 10px;font-family:Consolas,Menlo,monospace;font-size:13px}.lizenz-eingabe input:focus{border-color:var(--blau);outline:none;box-shadow:0 0 0 3px #1d4e8924}.demo-key-box{border-radius:var(--radius-s);background:#f2f9f2;border:1px solid #d9e6d9;margin-top:12px;padding:12px 14px;font-size:13px}.demo-key-box code{-webkit-user-select:all;user-select:all;letter-spacing:.5px;margin-top:6px;font-size:14px;font-weight:700;display:block}.fehler-text{color:var(--rot);margin-top:8px;font-size:13px}.ok-text{color:var(--gruen);margin-top:8px;font-size:13px;font-weight:600}.dialog-fuss{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.toast{background:var(--tinte);color:#fff;box-shadow:var(--schatten-gross);z-index:200;border-radius:30px;padding:11px 20px;font-size:13.5px;font-weight:600;animation:.25s toast-rein;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}@keyframes toast-rein{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.template-wahl{align-items:center;gap:6px;display:flex}.template-wahl .btn.aktiv{border-color:var(--blau);background:var(--blau-hell);color:var(--blau)}.farb-wahl{align-items:center;gap:5px;display:flex}.farbe{cursor:pointer;border:2px solid #0000;border-radius:50%;width:21px;height:21px;padding:0}.farbe.aktiv{border-color:var(--tinte);box-shadow:inset 0 0 0 2px #fff}.schalter-zeile{align-items:center;gap:10px;margin-top:12px;font-size:13.5px;display:flex}.schalter-zeile input{width:16px;height:16px;accent-color:var(--blau)}.leer-hinweis{color:var(--grau-4);margin-top:12px;font-size:13px;font-style:italic}.trenner{background:var(--grau-2);border:none;height:1px;margin:14px 0}.hinzufuegen-btn{margin-top:12px}@media (width<=980px){.haupt{grid-template-columns:1fr;height:auto}.vorschau-spalte{height:85vh}.editor-spalte{height:auto;overflow:visible}}.pdf-vorschau-scroll{flex:1;padding:24px;overflow-y:auto}.pdf-seiten{flex-direction:column;align-items:center;gap:18px;display:flex}.pdf-seite{background:#fff;border-radius:3px;box-shadow:0 2px 8px #0000004d,0 10px 36px #00000059}.warteliste-box{border:1.5px dashed var(--gold);border-radius:var(--radius);background:#fdf8ec;padding:14px 16px;font-size:14px}