/* ============================================================ cnf — Formular-Baukasten ClickNova Hell ist die Hauptvariante. Dunkel ueber html[data-theme="dark"]. Alle Klassen mit Praefix cnf-, keine globalen Selektoren. Breiten ueber Container-Queries: schmal (bis 420), mittel (bis 560), breit. ============================================================ */ .cnf{ /* Hell — Hauptvariante */ --c-bg:#FFFFFF; --c-sur:#F6F6F9; --c-sur2:#EDEBF7; --c-fg:#161826; --c-mut:rgba(22,24,38,.72); --c-fade:rgba(22,24,38,.56); --c-line:rgba(22,24,38,.14); --c-line2:rgba(22,24,38,.22); --c-pri:#6A5CC4; --c-pri-h:#5B4EA8; --c-atx:#3A2F6E; --c-pri-08:rgba(106,92,196,.08); --c-pri-14:rgba(106,92,196,.14); --c-pri-24:rgba(106,92,196,.24); --c-on-pri:#FFFFFF; --c-btn:#6A5CC4; --c-btn-h:#5B4EA8; --c-ok:#1F7A4D; --c-ok-08:rgba(31,122,77,.09); --c-err:#B23B3B; --c-err-08:rgba(178,59,59,.08); --c-sh:0 1px 2px rgba(22,24,38,.06); --c-sh-lift:0 6px 18px rgba(22,24,38,.1); --r-s:8px; --r-m:12px; --r-l:16px; /* ClickNova-Signet als Maske — faerbt sich mit currentColor, funktioniert in beiden Varianten */ --cnf-sym:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABwCAYAAADG4PRLAAAWfmNhQlgAABZ+anVtYgAAAB5qdW1kYzJwYQARABCAAACqADibcQNjMnBhAAAAFlhqdW1iAAAAR2p1bWRjMm1hABEAEIAAAKoAOJtxA3VybjpjMnBhOjljYmQwNGE2LWRlNjMtNDQ5Yi1hNDVjLTk3MDY5ZWQxYTE1NQAAAAOTanVtYgAAAClqdW1kYzJhcwARABCAAACqADibcQNjMnBhLmFzc2VydGlvbnMAAAAAuGp1bWIAAABEanVtZGNib3IAEQAQgAAAqgA4m3ETYzJwYS5pbmdyZWRpZW50LnYzAAAAABhjMnNoSRiLggXmk0aXLEifHXwCQQAAAGxjYm9yo2lkYzpmb3JtYXRpaW1hZ2UvcG5namluc3RhbmNlSUR4LHhtcDppaWQ6MTFmNjllMDgtZWI0NS00MWY3LWFhODktM2NkNGYyNGNmZDNmbHJlbGF0aW9uc2hpcGhwYXJlbnRPZgAAAeJqdW1iAAAAQWp1bWRjYm9yABEAEIAAAKoAOJtxE2MycGEuYWN0aW9ucy52MgAAAAAYYzJzaDbZpaG8dBNDPid7215SpMUAAAGZY2JvcqJnYWN0aW9uc4KiZmFjdGlvbmtjMnBhLm9wZW5lZGpwYXJhbWV0ZXJzoWtpbmdyZWRpZW50c4GiY3VybHgtc2VsZiNqdW1iZj1jMnBhLmFzc2VydGlvbnMvYzJwYS5pbmdyZWRpZW50LnYzZGhhc2hYIEqwPSYUiiP4y1v7z45kAcxJ9KIujUFgnu2R71U4TywupGZhY3Rpb254HWNvbS5hbnRocm9waWMuY2xhdWRlLnByb3ZpZGVkanBhcmFtZXRlcnOheB9jb20uYW50aHJvcGljLm9yaWdpbi1jb25maWRlbmNlZ3Vua25vd25rZGVzY3JpcHRpb254ZkNsYXVkZSBwcm92aWRlZCB0aGlzIGZpbGUgYXQgdGhlIHJlcXVlc3Qgb2YgYSB1c2VyIGFuZCBtYXkgaGF2ZSBjcmVhdGVkIG9yIG1vZGlmaWVkIHRoZSBmaWxlIGNvbnRlbnRzLm1zb2Z0d2FyZUFnZW50oWRuYW1lZkNsYXVkZXJhbGxBY3Rpb25zSW5jbHVkZWT1AAAAyGp1bWIAAABAanVtZGNib3IAEQAQgAAAqgA4m3ETYzJwYS5oYXNoLmRhdGEAAAAAGGMyc2iKwDo8ek0OgWGp/YKfSDeZAAAAgGNib3KlY2FsZ2ZzaGEyNTZjcGFkTQAAAAAAAAAAAAAAAABkaGFzaFgg768N+p0uT0izXvifCxBe//I9ztrF8AOEE35EIWZkDxVkbmFtZW5qdW1iZiBtYW5pZmVzdGpleGNsdXNpb25zgaJlc3RhcnQYIWZsZW5ndGgZFooAAAI+anVtYgAAACdqdW1kYzJjbAARABCAAACqADibcQNjMnBhLmNsYWltLnYyAAAAAg9jYm9ypWNhbGdmc2hhMjU2aXNpZ25hdHVyZXhNc2VsZiNqdW1iZj0vYzJwYS91cm46YzJwYTo5Y2JkMDRhNi1kZTYzLTQ0OWItYTQ1Yy05NzA2OWVkMWExNTUvYzJwYS5zaWduYXR1cmVqaW5zdGFuY2VJRHgseG1wOmlpZDpmMjQ1MTAwOC1hM2I1LTQ5NDItOThhMi0xNDQ2Mzk5ZGZkNTdyY3JlYXRlZF9hc3NlcnRpb25zg6JjdXJseC1zZWxmI2p1bWJmPWMycGEuYXNzZXJ0aW9ucy9jMnBhLmluZ3JlZGllbnQudjNkaGFzaFggSrA9JhSKI/jLW/vPjmQBzEn0oi6NQWCe7ZHvVThPLC6iY3VybHgqc2VsZiNqdW1iZj1jMnBhLmFzc2VydGlvbnMvYzJwYS5hY3Rpb25zLnYyZGhhc2hYIAHnGOAYVdXBykel76K8XKesz2mWKMZAy4M7zZ9nrjyromN1cmx4KXNlbGYjanVtYmY9YzJwYS5hc3NlcnRpb25zL2MycGEuaGFzaC5kYXRhZGhhc2hYIMP+052+hl6T2LbcfWeMvMPM0i2+JD/HLE4qwvMgF0S+dGNsYWltX2dlbmVyYXRvcl9pbmZvo2RuYW1lb0FudGhyb3BpYyBGaWxlc2d2ZXJzaW9uZTEuMC4wa3NwZWNWZXJzaW9uZTIuNC4wAAAQOGp1bWIAAAAoanVtZGMyY3MAEQAQgAAAqgA4m3EDYzJwYS5zaWduYXR1cmUAAAAQCGNib3LShFkCEqIBJhghWQIKMIICBjCCAY2gAwIBAgIUQOWgCu7COdC+uIP6BkIFPWdVEwAwCgYIKoZIzj0EAwMwSTEXMBUGA1UEChMOQW50aHJvcGljLCBQQkMxLjAsBgNVBAMTJUFudGhyb3BpYyBDb250ZW50IENyZWRlbnRpYWxzIFJvb3QgQ0EwHhcNMjYwODA3MTg0MzU2WhcNMjgwODA2MTk0MzU2WjBEMRcwFQYDVQQKEw5BbnRocm9waWMsIFBCQzEpMCcGA1UEAxMgQW50aHJvcGljIENsYXVkZSBDb250ZW50IFNpZ25pbmcwWTATBgcqhkjOPQIBBggqhkjOPQMBBwNCAASYegpry1AYBRTVNL1CpTlbROnY3dey+UrsF9C3phYrATN3ZHf93Mo8RQN0KOUuOn19P4oWNFWe5n2/She9N7eTo1gwVjAOBgNVHQ8BAf8EBAMCB4AwFQYDVR0lBA4wDAYKKwYBBAGD6F4CATAMBgNVHRMBAf8EAjAAMB8GA1UdIwQYMBaAFM5R4gSBTmRbI/jjxM+aPpzB11zCMAoGCCqGSM49BAMDA2cAMGQCMDFzHRSeAXrSy1WOzkbhPZ6Km2wGTmZ/2gK18k8BQGXyqz88Rdrz6CTX9flAnYNVxgIwcF9c3fVhqmJKpi+UhasNUMko69cyX6STPfta3Q8EjyzDjzoyrol46FP6VFHhvUcJoWNwYWRZDZ4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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); container-type:inline-size; container-name:cnf; box-sizing:border-box; width:100%; max-width:100%; color:var(--c-fg); background:var(--c-bg); font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; font-size:15px; font-weight:400; line-height:1.55; text-align:left; -webkit-font-smoothing:antialiased; } html[data-theme="dark"] .cnf{ --c-bg:#161826; --c-sur:#232532; --c-sur2:#2B2741; --c-fg:#E9E9ED; --c-mut:rgba(233,233,237,.72); --c-fade:rgba(233,233,237,.5); --c-line:rgba(233,233,237,.16); --c-line2:rgba(233,233,237,.28); --c-pri:#9184D9; --c-pri-h:#A79BE3; --c-atx:#D2CEFD; --c-pri-08:rgba(145,132,217,.1); --c-pri-14:rgba(145,132,217,.16); --c-pri-24:rgba(145,132,217,.26); --c-on-pri:#FFFFFF; --c-btn:#6F61C9; --c-btn-h:#7E72D3; --c-ok:#7FD4A8; --c-ok-08:rgba(127,212,168,.12); --c-err:#E68A8A; --c-err-08:rgba(230,138,138,.12); --c-sh:0 1px 2px rgba(0,0,0,.3); --c-sh-lift:0 8px 22px rgba(0,0,0,.4); } /* ------------------------------------------------------------ Gleichlauf mit den Seitenbloecken. Die Bloecke sind ohne Attribut dunkel und werden ueber html[data-theme="light"] hell. Die Formulare sind umgekehrt aufgebaut (hell als Grundlage, wie im Briefing gefordert). Damit auf einer Seite nicht beides gleichzeitig gilt: ohne gesetztes Attribut folgt das Formular den Bloecken. Sobald der Umschalter ein Attribut setzt, greift es normal. Wird das Formular auf einer rein hellen Seite eingesetzt, diesen Block loeschen — dann ist hell immer die Grundlage. ------------------------------------------------------------ */ html:not([data-theme]) .cnf{ --c-bg:#161826; --c-sur:#232532; --c-sur2:#2B2741; --c-fg:#E9E9ED; --c-mut:rgba(233,233,237,.72); --c-fade:rgba(233,233,237,.5); --c-line:rgba(233,233,237,.16); --c-line2:rgba(233,233,237,.28); --c-pri:#9184D9; --c-pri-h:#A79BE3; --c-atx:#D2CEFD; --c-pri-08:rgba(145,132,217,.1); --c-pri-14:rgba(145,132,217,.16); --c-pri-24:rgba(145,132,217,.26); --c-on-pri:#FFFFFF; --c-btn:#6F61C9; --c-btn-h:#7E72D3; --c-ok:#7FD4A8; --c-ok-08:rgba(127,212,168,.12); --c-err:#E68A8A; --c-err-08:rgba(230,138,138,.12); --c-sh:0 1px 2px rgba(0,0,0,.3); --c-sh-lift:0 8px 22px rgba(0,0,0,.4); } .cnf *,.cnf *::before,.cnf *::after{box-sizing:inherit} /* hidden muss gegen display:flex/grid gewinnen — sonst bleiben Knoepfe und Zusatzfragen sichtbar */ .cnf [hidden]{display:none!important} /* Farbe hier NICHT vererben: `.cnf button` (0,1,1) wuerde `.cnf-btn1` (0,1,0) schlagen. */ .cnf button,.cnf input,.cnf textarea,.cnf select{font:inherit;margin:0} .cnf input,.cnf textarea,.cnf select{color:inherit} .cnf :focus-visible{outline:2px solid var(--c-pri);outline-offset:2px;border-radius:4px} .cnf svg{flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} /* ---------- Geruest ---------- */ .cnf-shell{border:1px solid var(--c-line);border-radius:var(--r-l);background:var(--c-bg);box-shadow:var(--c-sh);overflow:hidden} .cnf-head{padding:22px 24px 0} .cnf-title{margin:0 0 6px;font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.25;text-wrap:balance} .cnf-sub{margin:0;font-size:14px;color:var(--c-mut);text-wrap:pretty} .cnf-body{padding:22px 24px 24px;display:grid;gap:22px} .cnf-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px 24px;border-top:1px solid var(--c-line);background:var(--c-sur)} .cnf-foot .cnf-spacer{flex:1;min-width:0} /* ---------- Fortschritt ---------- */ .cnf-steps{display:flex;align-items:center;gap:6px;padding:18px 24px 0;list-style:none;margin:0} .cnf-steps li{display:flex;align-items:center;gap:6px;min-width:0} .cnf-steps li + li::before{content:"";width:18px;height:1px;background:var(--c-line);flex:none} .cnf-stp{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid transparent;border-radius:999px;min-width:0} .cnf-stp i{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;border:1px solid var(--c-line);font-size:12px;font-weight:600;font-style:normal;color:var(--c-fade);background:var(--c-bg)} .cnf-stp b{font-size:13px;font-weight:500;color:var(--c-fade);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cnf-stp.on{border-color:var(--c-pri);background:var(--c-pri-08)} .cnf-stp.on i{border-color:var(--c-btn);background:var(--c-btn);color:#FFFFFF} .cnf-stp.on b{color:var(--c-fg);font-weight:600} .cnf-stp.done i{border-color:var(--c-ok);color:var(--c-ok);background:var(--c-ok-08)} .cnf-stp.done b{color:var(--c-mut)} .cnf-stp i svg{width:13px;height:13px;display:none} .cnf-stp.done i svg{display:block} .cnf-stp.done i em{display:none} .cnf-stp i em{font-style:normal} /* ---------- Panels ---------- */ .cnf-panel{display:none;gap:22px} .cnf-panel.on{display:grid} /* ---------- Feldgruppe ---------- */ .cnf-grp{display:grid;gap:10px} .cnf-lg{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap} .cnf-lg legend,.cnf-lg .cnf-lgt{padding:0;font-size:14.5px;font-weight:600;letter-spacing:-.005em} .cnf-hint{font-size:12.5px;color:var(--c-fade)} .cnf-fs{border:0;padding:0;margin:0;display:grid;gap:10px;min-width:0} .cnf-fs legend{padding:0;font-size:14.5px;font-weight:600;margin-bottom:2px} /* ---------- Themenkarten ---------- */ .cnf-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .cnf-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:14px;border:1px solid var(--c-line);border-radius:var(--r-m);background:var(--c-bg);cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s;min-width:0} .cnf-card:hover{border-color:var(--c-line2);box-shadow:var(--c-sh)} .cnf-card input{position:absolute;opacity:0;width:1px;height:1px;margin:0} .cnf-card input:focus-visible + .cnf-ci{outline:2px solid var(--c-pri);outline-offset:3px} .cnf-ci{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--c-sur);color:var(--c-pri);transition:background .16s,color .16s} .cnf-ci svg{width:18px;height:18px} .cnf-ci.cnf-logo{background:var(--c-pri-14)} .cnf-ci.cnf-logo i{display:block;width:20px;height:20px;background:currentColor;-webkit-mask:var(--cnf-sym) center/contain no-repeat;mask:var(--cnf-sym) center/contain no-repeat} .cnf-card.on .cnf-ci.cnf-logo{background:var(--c-btn);color:#FFFFFF} .cnf-ct{min-width:0;display:grid;gap:2px;padding-right:20px} .cnf-ct b{font-size:14px;font-weight:600;letter-spacing:-.005em} .cnf-ct span{font-size:12.5px;color:var(--c-mut);text-wrap:pretty} .cnf-ck{position:absolute;top:12px;right:12px;width:19px;height:19px;border:1px solid var(--c-line2);border-radius:6px;display:grid;place-items:center;color:transparent;background:var(--c-bg);transition:background .16s,border-color .16s,color .16s} .cnf-ck svg{width:12px;height:12px;stroke-width:2.4} .cnf-card.on{border-color:var(--c-pri);background:var(--c-pri-08);box-shadow:0 0 0 1px var(--c-pri) inset} .cnf-card.on .cnf-ci{background:var(--c-pri-24);color:var(--c-atx)} .cnf-card.on .cnf-ck{background:var(--c-btn);border-color:var(--c-btn);color:#FFFFFF} /* ---------- Optionen mit Erklaerzeile (Einfachauswahl) ---------- */ .cnf-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .cnf-opt{position:relative;display:grid;grid-template-columns:1fr;gap:3px;padding:13px 14px;border:1px solid var(--c-line);border-radius:var(--r-m);background:var(--c-bg);cursor:pointer;transition:border-color .16s,background .16s;min-width:0} .cnf-opt:hover{border-color:var(--c-line2)} .cnf-opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0} .cnf-opt input:focus-visible ~ b{outline:2px solid var(--c-pri);outline-offset:3px;border-radius:3px} .cnf-opt b{font-size:14px;font-weight:600;letter-spacing:-.005em} .cnf-opt span{font-size:12.5px;color:var(--c-mut);text-wrap:pretty} .cnf-opt.on{border-color:var(--c-pri);background:var(--c-pri-08);box-shadow:0 0 0 1px var(--c-pri) inset} /* ---------- Pillen (Einfachauswahl, kompakt) ---------- */ .cnf-pills{display:flex;flex-wrap:wrap;gap:8px} .cnf-pill{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid var(--c-line);border-radius:999px;background:var(--c-bg);font-size:13.5px;font-weight:500;color:var(--c-mut);cursor:pointer;transition:border-color .16s,background .16s,color .16s} .cnf-pill:hover{border-color:var(--c-line2);color:var(--c-fg)} .cnf-pill input{position:absolute;opacity:0;width:1px;height:1px;margin:0} .cnf-pill input:focus-visible ~ span{outline:2px solid var(--c-pri);outline-offset:4px;border-radius:3px} .cnf-pill .cnf-pi{width:15px;height:15px;color:var(--c-pri);transition:color .16s} .cnf-pill .cnf-pc{width:14px;height:14px;opacity:0;margin-left:-4px;transition:opacity .16s,margin .16s} .cnf-pill.on{border-color:var(--c-pri);background:var(--c-pri-14);color:var(--c-atx);font-weight:600} .cnf-pill.on .cnf-pc{opacity:1;margin-left:0} .cnf-pill.on .cnf-pi{color:var(--c-atx)} /* ---------- Eingabefelder ---------- */ .cnf-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .cnf-f{display:grid;gap:6px;min-width:0} .cnf-f label{font-size:13.5px;font-weight:500;color:var(--c-fg);display:flex;align-items:baseline;gap:6px} .cnf-f label em{font-style:normal;font-size:12px;font-weight:400;color:var(--c-fade)} .cnf-in{width:100%;min-height:46px;padding:11px 13px;border:1px solid var(--c-line);border-radius:var(--r-s);background:var(--c-bg);color:var(--c-fg);font-size:15px;transition:border-color .16s,box-shadow .16s,background .16s} .cnf-in::placeholder{color:var(--c-fade)} .cnf-in:hover{border-color:var(--c-line2)} .cnf-in:focus{outline:0;border-color:var(--c-pri);box-shadow:0 0 0 3px var(--c-pri-14)} textarea.cnf-in{min-height:110px;resize:vertical;line-height:1.55} select.cnf-in{appearance:none;-webkit-appearance:none;padding-right:38px;background-image:linear-gradient(45deg,transparent 49%,currentColor 50%,currentColor 52%,transparent 53%),linear-gradient(-45deg,transparent 49%,currentColor 50%,currentColor 52%,transparent 53%);background-position:calc(100% - 19px) 21px,calc(100% - 13px) 21px;background-size:6px 6px;background-repeat:no-repeat;cursor:pointer} .cnf-msg{display:flex;align-items:flex-start;gap:6px;font-size:12.5px;color:var(--c-fade)} .cnf-msg svg{width:13px;height:13px;margin-top:3px} .cnf-f.err .cnf-in{border-color:var(--c-err);background:var(--c-err-08)} .cnf-f.err .cnf-in:focus{box-shadow:0 0 0 3px var(--c-err-08)} .cnf-f.err .cnf-msg{color:var(--c-err)} .cnf-f.ok .cnf-in{border-color:var(--c-ok)} .cnf-f.ok .cnf-msg{color:var(--c-ok)} /* ---------- Ablagebereich ---------- */ .cnf-drop{position:relative;display:grid;place-items:center;gap:8px;padding:26px 18px;border:1.5px dashed var(--c-line2);border-radius:var(--r-m);background:var(--c-sur);text-align:center;cursor:pointer;transition:border-color .16s,background .16s} .cnf-drop:hover{border-color:var(--c-pri);background:var(--c-pri-08)} .cnf-drop input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer} .cnf-drop input[type="file"]:focus-visible{outline:2px solid var(--c-pri);outline-offset:2px;border-radius:var(--r-m)} .cnf-drop .cnf-di{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--c-bg);border:1px solid var(--c-line);color:var(--c-pri)} .cnf-drop .cnf-di svg{width:20px;height:20px} .cnf-drop b{font-size:14px;font-weight:600} .cnf-drop b u{text-decoration:underline;text-underline-offset:2px;color:var(--c-atx)} .cnf-drop span{font-size:12.5px;color:var(--c-fade)} .cnf-drop.over{border-color:var(--c-pri);border-style:solid;background:var(--c-pri-14)} .cnf-drop.over .cnf-di{background:var(--c-btn);color:#FFFFFF;border-color:var(--c-btn)} /* ---------- Dateiliste ---------- */ .cnf-files{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none} .cnf-file{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--c-line);border-radius:var(--r-m);background:var(--c-bg)} .cnf-thumb{width:40px;height:40px;flex:none;border-radius:8px;border:1px solid var(--c-line);background:var(--c-sur);display:grid;place-items:center;overflow:hidden;color:var(--c-pri);position:relative} .cnf-thumb img{width:100%;height:100%;object-fit:cover;display:block} .cnf-thumb svg{width:18px;height:18px} .cnf-thumb em{position:absolute;bottom:2px;font-style:normal;font-size:8px;font-weight:600;letter-spacing:.04em;color:var(--c-fade)} .cnf-fi{min-width:0;display:grid;gap:4px} .cnf-fn{display:flex;align-items:baseline;gap:8px;min-width:0} .cnf-fn b{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} .cnf-fn span{font-size:12px;color:var(--c-fade);white-space:nowrap;font-variant-numeric:tabular-nums} .cnf-bar{height:4px;border-radius:99px;background:var(--c-sur);overflow:hidden} .cnf-bar i{display:block;height:100%;width:0;border-radius:99px;background:var(--c-pri);transition:width .3s linear} .cnf-fmsg{display:none;align-items:center;gap:5px;font-size:12px;color:var(--c-err)} .cnf-fmsg svg{width:12px;height:12px} .cnf-x{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid var(--c-line);border-radius:8px;background:var(--c-bg);color:var(--c-mut);cursor:pointer;transition:border-color .16s,color .16s,background .16s} .cnf-x:hover{border-color:var(--c-err);color:var(--c-err);background:var(--c-err-08)} .cnf-x svg{width:14px;height:14px} .cnf-file.ok .cnf-bar{display:none} .cnf-file.ok .cnf-thumb{border-color:var(--c-ok)} .cnf-file.err{border-color:var(--c-err);background:var(--c-err-08)} .cnf-file.err .cnf-bar{display:none} .cnf-file.err .cnf-fmsg{display:flex} .cnf-file.err .cnf-thumb{border-color:var(--c-err);color:var(--c-err)} /* ---------- Zusammenfassung ---------- */ .cnf-sum{border:1px solid var(--c-line);border-radius:var(--r-m);background:var(--c-sur);overflow:hidden} .cnf-sum > b{display:block;padding:13px 16px;border-bottom:1px solid var(--c-line);font-size:13.5px;font-weight:600} .cnf-sum dl{margin:0;display:grid} .cnf-sum .cnf-sr{display:grid;grid-template-columns:minmax(0,120px) minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:11px 16px;border-bottom:1px solid var(--c-line)} .cnf-sum .cnf-sr:last-child{border-bottom:0} .cnf-sum dt{font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--c-fade)} .cnf-sum dd{margin:0;font-size:13.5px;color:var(--c-fg);min-width:0;text-wrap:pretty} .cnf-edit{border:0;background:none;padding:0;font-size:12.5px;font-weight:600;color:var(--c-atx);cursor:pointer;white-space:nowrap;text-decoration:underline;text-underline-offset:2px} .cnf-edit:hover{color:var(--c-pri)} /* ---------- Zustimmung ---------- */ .cnf-agree{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:start;padding:13px 14px;border:1px solid var(--c-line);border-radius:var(--r-m);background:var(--c-sur)} .cnf-agree input{position:absolute;opacity:0;width:1px;height:1px} .cnf-agree .cnf-box{width:20px;height:20px;margin-top:1px;border:1px solid var(--c-line2);border-radius:6px;background:var(--c-bg);display:grid;place-items:center;color:transparent;cursor:pointer;transition:background .16s,border-color .16s,color .16s} .cnf-agree .cnf-box svg{width:13px;height:13px;stroke-width:2.4} .cnf-agree input:checked + .cnf-box{background:var(--c-btn);border-color:var(--c-btn);color:#FFFFFF} .cnf-agree input:focus-visible + .cnf-box{outline:2px solid var(--c-pri);outline-offset:2px} .cnf-agree label{font-size:13px;color:var(--c-mut);cursor:pointer;text-wrap:pretty} .cnf-agree a{color:var(--c-atx);text-decoration:underline;text-underline-offset:2px} .cnf-agree.err{border-color:var(--c-err);background:var(--c-err-08)} .cnf-agree.err .cnf-box{border-color:var(--c-err)} /* ---------- Knoepfe ---------- */ .cnf button.cnf-btn{color:var(--c-fg)} .cnf-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:1px solid var(--c-line);border-radius:var(--r-s);background:var(--c-bg);color:var(--c-fg);font-size:14.5px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .16s,border-color .16s,transform .1s,opacity .16s} .cnf-btn:hover{border-color:var(--c-line2);background:var(--c-sur)} .cnf-btn:active{transform:translateY(1px)} .cnf-btn svg{width:16px;height:16px} /* Akzentknopf: Flaeche etwas dunkler als der Markenakzent, damit weisse Schrift AA erreicht */ .cnf-btn1,.cnf button.cnf-btn1{background:var(--c-btn);border-color:var(--c-btn);color:#FFFFFF} .cnf-btn1:hover{background:var(--c-btn-h);border-color:var(--c-btn-h)} .cnf-btn.off{opacity:.5;pointer-events:none} .cnf-btn.busy{pointer-events:none;color:transparent} .cnf-btn.busy::after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;color:#FFFFFF;animation:cnf-spin .7s linear infinite} .cnf-btn:not(.cnf-btn1).busy::after{color:var(--c-fg)} @keyframes cnf-spin{to{transform:rotate(360deg)}} /* ---------- Erfolgsbildschirm ---------- */ .cnf-done{display:none;padding:36px 24px 40px;text-align:center} .cnf.sent .cnf-steps,.cnf.sent .cnf-body,.cnf.sent .cnf-foot,.cnf.sent .cnf-head{display:none} .cnf.sent .cnf-done{display:block} .cnf-done .cnf-tick{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:var(--c-ok-08);border:1px solid var(--c-ok);color:var(--c-ok);animation:cnf-pop .4s cubic-bezier(.2,.7,.2,1) both} .cnf-done .cnf-tick svg{width:26px;height:26px;stroke-width:2.2} @keyframes cnf-pop{from{transform:scale(.8);opacity:0}to{transform:none;opacity:1}} .cnf-done h3{margin:0 0 8px;font-size:21px;font-weight:600;letter-spacing:-.01em} .cnf-done > p{margin:0 auto 20px;max-width:44ch;font-size:14.5px;color:var(--c-mut);text-wrap:pretty} .cnf-next{display:grid;gap:8px;max-width:400px;margin:0 auto 22px;text-align:left} .cnf-next li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 13px;border:1px solid var(--c-line);border-radius:var(--r-m);background:var(--c-sur);font-size:13.5px;color:var(--c-mut)} .cnf-next li svg{width:16px;height:16px;color:var(--c-pri)} .cnf-next li b{font-weight:600;color:var(--c-fg)} .cnf-next li em{font-style:normal;font-size:12px;color:var(--c-fade);white-space:nowrap} .cnf-acts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center} /* ---------- Kurzformular / Newsletter ---------- */ .cnf-inline{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end} .cnf-inline.cnf-nl{grid-template-columns:minmax(0,1fr) auto} .cnf-mini{border:1px solid var(--c-line);border-radius:var(--r-l);background:var(--c-sur);padding:20px} .cnf-mini .cnf-title{font-size:17px} .cnf-mini .cnf-sub{margin-bottom:16px} .cnf-note{margin:12px 0 0;font-size:12px;color:var(--c-fade);display:flex;align-items:flex-start;gap:6px;text-wrap:pretty} .cnf-note svg{width:13px;height:13px;margin-top:3px;color:var(--c-mut)} .cnf-ok{display:none;align-items:center;gap:11px;padding:15px 16px;border:1px solid var(--c-ok);border-radius:var(--r-m);background:var(--c-ok-08)} .cnf-ok svg{width:20px;height:20px;color:var(--c-ok)} .cnf-ok b{display:block;font-size:14px;font-weight:600} .cnf-ok span{font-size:12.5px;color:var(--c-mut)} .cnf.sent .cnf-inline,.cnf.sent .cnf-note{display:none} .cnf.sent .cnf-ok{display:flex} /* ============================================================ Container-Queries — schmale CTA-Spalte und Handy ============================================================ */ @container cnf (max-width:640px){ .cnf-cards{grid-template-columns:repeat(2,minmax(0,1fr))} .cnf-inline{grid-template-columns:1fr;gap:12px} .cnf-inline .cnf-btn{width:100%} } @container cnf (max-width:520px){ .cnf-head,.cnf-body,.cnf-foot{padding-left:18px;padding-right:18px} .cnf-steps{padding-left:18px;padding-right:18px;gap:4px} .cnf-steps li + li::before{width:10px} .cnf-stp{padding:5px 9px 5px 5px} .cnf-stp b{font-size:12.5px} .cnf-opts{grid-template-columns:1fr} .cnf-row{grid-template-columns:1fr} .cnf-sum .cnf-sr{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px} .cnf-sum dt{grid-column:1/-1} .cnf-foot .cnf-btn{flex:1 1 100%;justify-content:center} .cnf-foot .cnf-spacer{display:none} } @container cnf (max-width:430px){ /* Schmale Spalte: kompakt bauen, damit das Formular nicht zur Endlosliste wird. Karten zweispaltig und gestapelt (Icon oben), Erklaerzeile bleibt, aber kleiner. */ /* Karten als kompakte Zeilen: Icon, Titel, Haekchen. Die Erklaerzeile entfaellt hier — sie steht in der breiten Spalte und wuerde das Formular sonst doppelt so hoch machen. */ .cnf-cards{grid-template-columns:1fr;gap:7px} .cnf-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px 11px} .cnf-ci{width:30px;height:30px;border-radius:8px} .cnf-ci svg,.cnf-ci.cnf-logo i{width:16px;height:16px} .cnf-ct{padding-right:0} .cnf-ct b{font-size:13.5px;line-height:1.3} .cnf-ct span{display:none} .cnf-ck{position:static;width:18px;height:18px;border-radius:5px} /* Zeitrahmen: Titel und Erklaerung nebeneinander statt untereinander */ .cnf-opts{gap:8px} .cnf-opt{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:4px 8px;padding:11px 12px} .cnf-opt b{font-size:13.5px;white-space:nowrap} .cnf-opt span{font-size:11.5px} .cnf-body{gap:18px;padding-top:18px;padding-bottom:20px} .cnf-fs{gap:8px} .cnf-fs legend{font-size:13.5px} .cnf-title{font-size:18px} .cnf-sub{font-size:13px} .cnf-stp b{display:none} .cnf-stp{padding:4px} .cnf-stp.on{padding:4px 12px 4px 4px} .cnf-stp.on b{display:block} .cnf-drop{padding:18px 14px;gap:6px} .cnf-drop .cnf-di{width:34px;height:34px} .cnf-drop b{font-size:13px} .cnf-done{padding:30px 18px 34px} .cnf-acts .cnf-btn{width:100%} } @container cnf (max-width:330px){ .cnf-cards{grid-template-columns:1fr} .cnf-card{grid-template-columns:auto minmax(0,1fr);align-items:center} .cnf-ct span{display:none} } /* ---------- Bewegung ---------- */ @media (prefers-reduced-motion:reduce){ .cnf *,.cnf *::before,.cnf *::after{animation:none!important;transition:none!important} .cnf-btn.busy::after{animation:none;border-top-color:currentColor;opacity:.5} } /* ClickNova — Einbettung im Plugin: die Bloecke bringen ihren eigenen Abstand mit. */ .cn-cnf-wrap{width:100%;min-width:0;container-type:inline-size} .cn-cnf-wrap.cnf-kompakt .cnf{margin:0} .cnf-hp{position:absolute!important;left:-9999px!important} /* ClickNova v1.33.2 — etwas leichtere Schrift: 600 wirkte im Formular zu fett. */ .cnf .cnf-card b,.cnf .cnf-card strong,.cnf .cnf-opt b,.cnf .cnf-opt strong{font-weight:550} .cnf .cnf-hint{font-weight:400} .cnf .cnf-stp{font-weight:500} .cnf label,.cnf .cnf-lab{font-weight:500} .cnf .cnf-title{font-weight:500} /* ClickNova v1.33.4 — das Theme faerbt jedes tuerkis; die Knoepfe im Erfolgsbildschirm sahen dadurch aus wie Links. Hoehere Spezifitaet gewinnt. */ .cnf a.cnf-btn,.cnf a.cnf-btn:visited{color:var(--c-fg)} .cnf a.cnf-btn1,.cnf a.cnf-btn1:visited,.cnf a.cnf-btn.cnf-btn1{color:var(--c-on-pri,#FFFFFF)} .cnf a.cnf-btn:hover{color:var(--c-fg)} .cnf a.cnf-btn1:hover{color:var(--c-on-pri,#FFFFFF)} .cnf a{color:inherit}