*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #14161f;--bg2: #1b1e2b;--bg3: #232738;--rand: #2e3348;--text: #e8eaf2;--text2: #8b8fa3;--akzent: #7a8cff;--gut: #5af28e;--schlecht: #f25a5a}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.app{display:flex;min-height:100vh}.sidebar{width:210px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--rand);padding:18px 12px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}.logo{font-size:19px;font-weight:700;padding:0 8px 14px}.logo span{color:var(--akzent)}.nav-eintrag{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;color:var(--text2);font-size:14px;padding:9px 10px;border-radius:8px;cursor:pointer;text-align:left}.nav-eintrag:hover{background:var(--bg3);color:var(--text)}.nav-eintrag.aktiv{background:var(--bg3);color:var(--text);font-weight:600}.nav-icon{width:18px;text-align:center;color:var(--akzent)}nav{flex:0 0 auto;margin-bottom:14px}.sidebar-fuss{margin-top:auto;display:flex;flex-direction:column;gap:4px;padding:8px}.btn-link{background:none;border:none;color:var(--text2);cursor:pointer;font-size:12px;text-align:left;padding:2px 0}.btn-link:hover{color:var(--text)}.inhalt{flex:1;padding:22px 28px;min-width:0}.kopfzeile{margin-bottom:18px}.kopfzeile h1{font-size:21px}.btn{background:var(--bg3);color:var(--text);border:1px solid var(--rand);padding:7px 14px;border-radius:8px;cursor:pointer;font-size:13px}.btn:hover{border-color:var(--akzent)}.btn:disabled{opacity:.4;cursor:default}.btn-primaer{background:var(--akzent);border-color:var(--akzent);color:#fff;font-weight:600}.btn-gefahr{color:var(--schlecht);border-color:#f25a5a55}.btn-klein{background:none;border:1px solid var(--rand);color:var(--text2);padding:3px 10px;border-radius:6px;cursor:pointer;font-size:12px}.btn-klein:hover{color:var(--text);border-color:var(--akzent)}.btn-klein:disabled{opacity:.4;cursor:default}.btn-klein.btn-gut{color:var(--gut);border-color:#5af28e55}.btn-klein.btn-gut:hover{border-color:var(--gut)}.btn-voll{width:100%}.btn-icon{background:none;border:none;color:var(--text2);cursor:pointer;font-size:14px;padding:2px 6px}.btn-icon:hover{color:var(--text)}input,select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--rand);border-radius:7px;padding:7px 10px;font-size:13px;font-family:inherit;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--akzent)}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;flex:1}.field-label{font-size:12px;color:var(--text2);font-weight:600}.field-hinweis{font-size:11px;color:var(--text2)}.field-fehler{font-size:11px;color:var(--schlecht)}.feld-reihe{display:flex;gap:12px}.kpi-reihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px}.kpi{background:var(--bg2);border:1px solid var(--rand);border-radius:12px;padding:16px}.kpi-wert{font-size:26px;font-weight:700}.kpi-label{color:var(--text2);font-size:12px;margin-top:2px}.kpi-sub{color:var(--text2);font-size:11px;margin-top:6px}.dash-spalten{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media (max-width: 1100px){.dash-spalten{grid-template-columns:1fr}}.panel{background:var(--bg2);border:1px solid var(--rand);border-radius:12px;padding:16px}.panel-kopf{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-kopf h2{font-size:15px}.tabelle{width:100%;border-collapse:collapse}.tabelle th{text-align:left;color:var(--text2);font-size:11px;text-transform:uppercase;letter-spacing:.4px;padding:7px 8px;border-bottom:1px solid var(--rand)}.tabelle td{padding:8px;border-bottom:1px solid var(--rand);font-size:13px;vertical-align:middle}.tabelle tr:last-child td{border-bottom:none}.tabelle-klickbar tbody tr{cursor:pointer}.tabelle-klickbar tbody tr:hover{background:var(--bg3)}.tabelle-eingabe input,.tabelle-eingabe select{padding:4px 6px;font-size:12px;min-width:55px}.tabelle-eingabe td{padding:4px 5px}.berechnet{color:var(--text2);font-style:italic}.gut{color:var(--gut);font-weight:600}.schlecht{color:var(--schlecht);font-weight:600}.mono{font-family:Consolas,monospace;font-size:12.5px}.klein{font-size:12px;color:var(--text2)}.alt-marker{font-size:10px;color:var(--text2);border:1px solid var(--rand);border-radius:4px;padding:0 4px;margin-left:6px;vertical-align:middle}.badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;border:1px solid;white-space:nowrap}.werkzeugleiste{display:flex;gap:10px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.werkzeugleiste input,.werkzeugleiste select{width:auto;min-width:150px}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:start}@media (max-width: 1100px){.kanban{grid-template-columns:repeat(2,1fr)}}.kanban-spalte{background:var(--bg2);border:1px solid var(--rand);border-radius:12px;padding:10px;min-height:200px}.kanban-titel{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text2);padding:4px 6px 10px}.zaehler{background:var(--bg3);border-radius:10px;padding:1px 7px;margin-left:4px;font-size:11px}.karte{background:var(--bg3);border:1px solid var(--rand);border-radius:9px;padding:10px 12px;margin-bottom:8px;cursor:pointer}.karte:hover{border-color:var(--akzent)}.karte-titel{font-size:13px;font-weight:600;margin-bottom:6px}.karte-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}.karte-bereich{font-size:11px;color:var(--text2)}.karte-datum{font-size:11px;color:var(--text2);margin-left:auto}.karte-datum.schlecht{color:var(--schlecht)}.task-liste{list-style:none}.task-liste li{display:flex;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--rand)}.task-liste li:last-child{border-bottom:none}.task-titel{flex:1;font-size:13px}.task-datum{font-size:12px;color:var(--text2)}.task-datum.schlecht{color:var(--schlecht)}.auswertung-layout{display:flex;gap:16px;align-items:start}.runden-liste{width:190px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.runden-eintrag{background:var(--bg2);border:1px solid var(--rand);border-radius:9px;padding:10px 12px;cursor:pointer}.runden-eintrag:hover{border-color:var(--akzent)}.runden-eintrag.aktiv{border-color:var(--akzent);background:var(--bg3)}.runden-datum{font-weight:600;font-size:13px}.runden-detail{flex:1;background:var(--bg2);border:1px solid var(--rand);border-radius:12px;padding:18px;min-width:0;overflow-x:auto}.abschnitt-titel{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--text2);margin:18px 0 10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;padding:6vh 20px;z-index:50;overflow-y:auto}.modal{background:var(--bg2);border:1px solid var(--rand);border-radius:14px;width:100%;max-width:560px}.modal-breit{max-width:860px}.modal-kopf{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 0}.modal-kopf h3{font-size:16px}.modal-body{padding:16px 20px 20px}.modal-fuss{display:flex;gap:10px;margin-top:16px;align-items:center}.namens-vorschau{font-family:Consolas,monospace;font-size:17px;text-align:center;background:var(--bg);border:1px dashed var(--rand);border-radius:9px;padding:14px;margin-bottom:16px;color:var(--text2)}.namens-vorschau.ok{color:var(--gut);border-color:#5af28e66}.empty{color:var(--text2);font-size:13px;padding:14px 4px}.nr-badge{font-family:Consolas,monospace;font-size:11px;font-weight:700;color:var(--akzent);background:#7a8cff22;border:1px solid #7a8cff44;border-radius:4px;padding:1px 6px;margin-right:8px;vertical-align:middle}.nr-badge-klick{cursor:pointer}.nr-badge-klick:hover{background:#7a8cff44;border-color:var(--akzent)}.lade-schirm{min-height:100vh;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center}.kopfzeile{display:flex;justify-content:space-between;align-items:center;gap:16px}.kopf-suche{display:flex;align-items:center;gap:10px}.kopf-suche input{width:240px}.kopf-suche-hinweis{font-size:12px;color:var(--schlecht);white-space:nowrap}.verbindung{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--text2);margin-top:8px}.verbindung-punkt{width:8px;height:8px;border-radius:50%;background:var(--schlecht);flex-shrink:0}.verbindung.online .verbindung-punkt{background:var(--gut)}.verbindung.fehler{color:var(--schlecht)}.verbindung.fehler .verbindung-punkt{background:var(--schlecht);box-shadow:0 0 6px var(--schlecht)}.verbindung-hinweis{font-size:11px;color:var(--akzent);margin-top:4px}.avatar-kreis{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid;font-size:10px;font-weight:700;flex-shrink:0;vertical-align:middle}.avatar-klein{width:21px;height:21px;font-size:9px}.tag-klick{cursor:pointer}.tag-aktiv{outline:1px solid currentColor}.tag-auswahl{display:flex;gap:6px;flex-wrap:wrap;padding:3px 0}.bereich-tabs{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.bereich-tab{display:inline-flex;align-items:center;gap:7px;background:var(--bg2);border:1px solid var(--rand);color:var(--text2);padding:6px 13px;border-radius:20px;cursor:pointer;font-size:13px}.bereich-tab:hover{color:var(--text);border-color:var(--akzent)}.bereich-tab.aktiv{background:var(--bg3);color:var(--text);border-color:var(--akzent);font-weight:600}.bereich-punkt{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0}.ansicht-schalter{display:flex;gap:0}.ansicht-schalter .btn-klein{border-radius:0}.ansicht-schalter .btn-klein:first-child{border-radius:6px 0 0 6px}.ansicht-schalter .btn-klein:last-child{border-radius:0 6px 6px 0;border-left:none}.ansicht-schalter .btn-klein.aktiv{background:var(--bg3);color:var(--text);border-color:var(--akzent)}.task-listenansicht{display:flex;flex-direction:column;gap:14px}.status-gruppe{background:var(--bg2);border:1px solid var(--rand);border-radius:12px;padding:8px 12px 10px}.status-gruppe-kopf{display:flex;align-items:center;gap:8px;padding:6px 2px;cursor:pointer;-webkit-user-select:none;user-select:none}.gruppe-pfeil{color:var(--text2);font-size:11px;width:14px}.gruppe-neu{padding:6px 4px 2px;font-size:12px}.task-tabelle .spalte-name{width:42%}.task-name{font-weight:600;margin-right:8px}.status-mini{width:auto;min-width:0;padding:2px 5px;font-size:11px;margin-right:9px;background:var(--bg3)}.checkliste-fortschritt{font-size:11px;color:var(--text2);border:1px solid var(--rand);border-radius:8px;padding:0 6px}.checkliste-zeile{display:flex;align-items:center;gap:8px;margin-bottom:6px}.checkliste-zeile input[type=checkbox]{width:auto}.einstellung-zeile{display:flex;align-items:center;gap:8px;margin-bottom:7px}.einstellung-zeile input[type=color]{width:34px;height:30px;padding:2px;flex-shrink:0;cursor:pointer}.einstellung-zeile .klein{white-space:nowrap}.einstellung-feld{border:1px solid var(--rand);border-radius:9px;padding:10px 12px;margin-bottom:10px}.einstellung-feldname{font-weight:600}.einstellung-option{margin-left:18px}.skript-area{font-family:Consolas,monospace;font-size:12.5px;line-height:1.55}.chip-select-reihe{display:flex;align-items:center;gap:6px}.chip-select-reihe select{flex:1;min-width:0}.link-text{cursor:pointer}.link-text:hover{color:var(--akzent);text-decoration:underline}.task-liste li.klickbar{cursor:pointer}.task-liste li.klickbar:hover .task-titel{color:var(--akzent)}.login-schirm{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-box{background:var(--bg2);border:1px solid var(--rand);border-radius:14px;padding:30px 28px;width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px;text-align:center}.login-box .logo{padding:0 0 6px}.schutz-warnung{font-size:11px;color:var(--schlecht);border:1px solid #f25a5a55;background:#f25a5a15;border-radius:6px;padding:4px 8px;margin-top:6px}.token-anzeige{border:1px dashed var(--akzent);border-radius:8px;background:#7a8cff11;padding:10px 12px;margin:8px 0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.token-anzeige code{word-break:break-all;font-size:12px;color:var(--akzent)}.grip{color:var(--text2);cursor:grab;-webkit-user-select:none;user-select:none;font-size:13px;padding:0 2px;flex-shrink:0}.ziehbar.wird-gezogen{opacity:.4}.ziehbar{border-radius:7px}.ziehbar:not(.wird-gezogen):hover .grip{color:var(--akzent)}.bereich-punkt-slot{display:inline-flex;width:14px;justify-content:center;align-items:center;flex-shrink:0}.umfrage-liste{display:flex;flex-direction:column;gap:10px}.umfrage-zeile{background:var(--bg2);border:1px solid var(--rand);border-radius:10px;padding:12px 14px}.umfrage-zeile-haupt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.umfrage-zeile-titel{font-weight:600;font-size:15px}.umfrage-zeile-aktionen{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}.umfrage-linkzeile{margin-top:8px;padding-top:8px;border-top:1px solid var(--rand);color:var(--text2);word-break:break-all}.umfrage-frage-editor{background:var(--bg);border:1px solid var(--rand);border-radius:9px;padding:10px 12px;margin-bottom:10px}.umfrage-frage-kopf{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.umfrage-frage-kopf .umfrage-nr{color:var(--text2);font-weight:600}.umfrage-frage-input{flex:1;min-width:180px}.umfrage-pflicht-schalter{display:flex;align-items:center;gap:4px;white-space:nowrap}.umfrage-pflicht-schalter input,.umfrage-schalter input{width:auto}.umfrage-optionen-editor{margin:8px 0 4px 18px;display:flex;flex-direction:column;gap:6px}.umfrage-option-editor{display:flex;align-items:center;gap:8px}.umfrage-option-editor input{flex:1}.umfrage-option-punkt{color:var(--text2);flex-shrink:0}.umfrage-vorschau-hinweis{margin:6px 0 0 18px;font-style:italic}.umfrage-schalter{display:flex;align-items:center;gap:8px;margin-bottom:12px;cursor:pointer}.umfrage-auswert-kopf{display:flex;align-items:center;gap:10px;margin-bottom:14px}.umfrage-auswert-frage{border-bottom:1px solid var(--rand);padding:12px 0}.umfrage-auswert-titel{font-weight:600;margin-bottom:10px}.umfrage-balken-liste{display:flex;flex-direction:column;gap:6px}.umfrage-balken-zeile{display:flex;align-items:center;gap:10px}.umfrage-balken-label{width:40%;max-width:220px;color:var(--text2)}.umfrage-balken-spur{flex:1;height:18px;background:var(--bg);border-radius:5px;overflow:hidden}.umfrage-balken-fuell{display:block;height:100%;background:var(--akzent);border-radius:5px;min-width:2px}.umfrage-balken-wert{width:32px;text-align:right;font-variant-numeric:tabular-nums}.umfrage-zahl-auswert{display:flex;align-items:baseline;gap:12px}.umfrage-zahl-gross{font-size:30px;font-weight:700;color:var(--akzent)}.umfrage-nps-wert{font-weight:700;color:var(--gut)}.umfrage-text-liste{list-style:none;display:flex;flex-direction:column;gap:6px}.umfrage-text-liste li{background:var(--bg);border:1px solid var(--rand);border-radius:7px;padding:7px 10px;display:flex;flex-direction:column;gap:3px}.text-antwort-tn{align-self:flex-start;background:none;border:none;color:var(--akzent);font-size:12px;cursor:pointer;padding:0}.text-antwort-tn:hover{text-decoration:underline}.text-suche{margin-bottom:8px}.auswert-tabs{display:flex;align-items:center;gap:6px;margin-bottom:10px;flex-wrap:wrap}.auswert-tab{background:none;border:1px solid var(--rand);color:var(--text2);padding:5px 12px;border-radius:8px;cursor:pointer;font-size:13px}.auswert-tab:hover{color:var(--text)}.auswert-tab.aktiv{background:var(--bg3);color:var(--text);border-color:var(--akzent);font-weight:600}.btn-klein.an{color:var(--text);border-color:var(--akzent)}.auswert-meta{color:var(--text2);font-size:13px;margin-bottom:10px}.auswert-filter{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:14px;padding:8px 10px;background:var(--bg);border:1px solid var(--rand);border-radius:9px}.auswert-filter-chip{background:var(--akzent);color:#fff;border:none;border-radius:20px;padding:3px 10px;font-size:12px;cursor:pointer}.auswert-filter-chip:hover{opacity:.85}.auswert-sortleiste{display:flex;align-items:center;gap:10px;margin-bottom:10px}.btn-link.an{color:var(--akzent);font-weight:600}.antwortrate{color:var(--text2);font-weight:400;font-size:12px;margin-left:8px}button.umfrage-balken-zeile{width:100%;background:none;border:none;text-align:left;font:inherit;color:inherit;cursor:default;padding:2px 0}.balken-klick{cursor:pointer;border-radius:6px}.balken-klick:hover{background:var(--bg3)}.balken-klick.aktiv{background:#7a8cff22}.balken-klick.aktiv .umfrage-balken-fuell{background:var(--gut)}.balken-wert-sub{color:var(--text2);font-size:11px}.nps-gross{font-size:22px}.nps-segmente{display:flex;flex-direction:column;gap:5px;margin-top:8px}.nps-seg{display:flex;align-items:center;gap:8px;width:100%;background:none;border:1px solid transparent;text-align:left;font:inherit;color:inherit;padding:4px 8px;border-radius:6px}.nps-seg-punkt{width:10px;height:10px;border-radius:50%;flex-shrink:0}.nps-seg-label{flex:1}.nps-seg-wert{font-variant-numeric:tabular-nums;font-weight:600}.nps-seg.aktiv{background:#7a8cff22}.teilnehmer-liste{display:flex;flex-direction:column;gap:6px}.teilnehmer-zeile{display:flex;align-items:center;gap:12px;width:100%;background:var(--bg);border:1px solid var(--rand);border-radius:8px;padding:9px 12px;cursor:pointer;text-align:left;color:inherit;font:inherit}.teilnehmer-zeile:hover{border-color:var(--akzent)}.teilnehmer-name{font-weight:600;flex-shrink:0;min-width:130px}.teilnehmer-vorschau{flex:1;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teilnehmer-zeit{flex-shrink:0}.tn-detail-kopf{display:flex;align-items:center;gap:6px;margin-bottom:12px}.tn-detail-titel{font-size:18px;font-weight:700}.tn-detail-zeit{color:var(--text2);margin-bottom:14px}.detail-frage{padding:10px 0;border-top:1px solid var(--rand)}.detail-frage-text{font-weight:600;margin-bottom:4px}.detail-antwort{color:var(--text)}.detail-antwort.leer{color:var(--text2);font-style:italic}.kombi-hinweis{margin-bottom:10px}.fragen-auswahl{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.kombi-tabelle td,.kombi-tabelle th{vertical-align:top}.kombi-zeile{cursor:pointer}.kombi-zeile:hover td{background:var(--bg3)}.kombi-count-kopf{text-align:right}.kombi-count{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.kombi-leer{color:var(--text2);font-style:italic}.kombi-teilnehmer{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0}.insights{background:var(--bg);border:1px solid var(--rand);border-radius:10px;padding:12px 14px;margin-bottom:14px}.insights-titel{font-weight:600;margin-bottom:8px}.insights-liste{list-style:none;display:flex;flex-direction:column;gap:6px}.insight{padding-left:18px;position:relative;line-height:1.4}.insight:before{content:"•";position:absolute;left:4px;color:var(--akzent)}.insight.warnung:before{content:"▲";color:var(--schlecht);font-size:10px;top:2px}.verlauf{margin-bottom:16px}.verlauf-titel{margin-bottom:6px}.verlauf-balken{display:flex;align-items:flex-end;gap:6px;height:74px;padding-top:4px;overflow-x:auto}.verlauf-tag{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:34px}.verlauf-saeule{width:22px;background:var(--akzent);border-radius:4px 4px 0 0;display:flex;justify-content:center;align-items:flex-start}.verlauf-zahl{font-size:10px;color:#fff;margin-top:2px}.verlauf-datum{font-size:10px;color:var(--text2);white-space:nowrap}.tn-stern{background:none;border:none;color:var(--text2);cursor:pointer;font-size:16px;padding:0 2px;flex-shrink:0}.tn-stern.an{color:#f2c14e}.teilnehmer-zeile{cursor:pointer}.vergleich-kopf{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:14px}.vergleich-wahl{display:flex;align-items:center;gap:8px}.vergleich-wahl select{max-width:240px}.vergleich-punkt{width:11px;height:11px;border-radius:50%;flex-shrink:0}.vergleich-punkt.a{background:var(--akzent)}.vergleich-punkt.b{background:var(--gut)}.vergleich-warnung{color:var(--schlecht);margin-bottom:10px}.vergleich-tabelle td,.vergleich-tabelle th{text-align:left}.vergleich-tabelle th:not(:first-child),.vergleich-tabelle td:not(:first-child){text-align:right;width:60px;font-variant-numeric:tabular-nums}.vergleich-a{color:var(--akzent)}.vergleich-b{color:var(--gut)}.vergleich-delta.plus{color:var(--akzent);font-weight:600}.vergleich-delta.minus{color:var(--gut);font-weight:600}.kreuz-wahl{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.kreuz-scroll{overflow-x:auto}.kreuz-tabelle{min-width:max-content}.kreuz-tabelle th,.kreuz-tabelle td{text-align:center;padding:7px 10px;border:1px solid var(--rand)}.kreuz-zeilenkopf{text-align:left;font-weight:600;white-space:nowrap}.kreuz-zelle{font-variant-numeric:tabular-nums}.kreuz-summe{color:var(--text2);font-weight:600;background:var(--bg)}.kreuz-hinweis{margin-top:8px}.umfrage-public{min-height:100vh;background:var(--bg);display:flex;justify-content:center;padding:28px 16px}.umfrage-karte{width:100%;max-width:560px;background:var(--bg2);border:1px solid var(--rand);border-radius:16px;padding:28px 26px;display:flex;flex-direction:column;gap:4px;align-self:flex-start}.umfrage-logo{font-size:20px;font-weight:700;color:var(--akzent);margin-bottom:12px}.umfrage-titel{font-size:22px;margin-bottom:6px}.umfrage-einleitung{color:var(--text2);margin-bottom:12px;line-height:1.5}.umfrage-frage{padding:14px 0;border-top:1px solid var(--rand)}.umfrage-frage-text{font-weight:600;margin-bottom:10px;line-height:1.4}.umfrage-nr{color:var(--text2)}.umfrage-pflicht{color:var(--schlecht)}.umfrage-optionen{display:flex;flex-direction:column;gap:8px}.umfrage-option{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;border:1px solid var(--rand);border-radius:9px;background:var(--bg)}.umfrage-option:hover{border-color:var(--akzent)}.umfrage-option.gewaehlt{border-color:var(--akzent);background:#7a8cff18}.umfrage-option input{width:auto}.umfrage-sterne{display:flex;gap:6px}.umfrage-stern{background:none;border:none;font-size:32px;line-height:1;color:var(--rand);cursor:pointer;padding:0;transition:color .1s}.umfrage-stern.voll,.umfrage-stern:hover{color:#f2c94c}.umfrage-nps{display:flex;flex-wrap:wrap;gap:6px}.umfrage-nps-knopf{width:38px;height:38px;border:1px solid var(--rand);border-radius:8px;background:var(--bg);color:var(--text);cursor:pointer;font-size:14px}.umfrage-nps-knopf:hover{border-color:var(--akzent)}.umfrage-nps-knopf.gewaehlt{background:var(--akzent);border-color:var(--akzent);color:#fff;font-weight:600}.umfrage-nps-skala{width:100%;display:flex;justify-content:space-between;color:var(--text2);font-size:11px;margin-top:2px}.umfrage-textarea{width:100%}.umfrage-kontakt{padding:14px 0;border-top:1px solid var(--rand);display:flex;flex-direction:column;gap:8px}.umfrage-kontakt input{width:100%}.umfrage-fehler{color:var(--schlecht);background:#f25a5a15;border:1px solid #f25a5a55;border-radius:8px;padding:8px 12px;margin-top:14px}.umfrage-senden{margin-top:18px;width:100%;padding:13px;border:none;border-radius:10px;background:var(--akzent);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.umfrage-senden:hover{filter:brightness(1.08)}.umfrage-senden:disabled{opacity:.5;cursor:default}.umfrage-fuss{text-align:center;color:var(--text2);font-size:11px;margin-top:16px}.umfrage-status{text-align:center;padding:30px 0;display:flex;flex-direction:column;gap:10px;align-items:center}.umfrage-status h2{font-size:20px}.umfrage-status p{color:var(--text2);line-height:1.5}.umfrage-haken{width:56px;height:56px;border-radius:50%;background:#5af28e22;color:var(--gut);display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:4px}.umfrage-public input,.umfrage-public textarea,.umfrage-public select{background:var(--bg);color:var(--text)}.umfrage-public{--bg: #ffffff;--bg2: #ffffff;--bg3: #f2f3f5;--rand: #d7dae1;--text: #141414;--text2: #5c616e;color:var(--text)}.umfrage-public .umfrage-karte{box-shadow:0 6px 24px #14161f1a}.umfrage-public .umfrage-logo{color:#141414}