/* ClickNova Bausteine — shortcodes (designer CSS re-scoped: K01 form, W05 newsletter, article CTA/FAQ/related) */
:where(.cn-sc,.cn-sc *,.cn-sc *::before,.cn-sc *::after){box-sizing:border-box;margin:0;padding:0}
.cn-sc{--p:#9184D9;--pl:#C3B8F7;--at:#D2CEFD;--bg:#161826;--bg2:#1A1C2B;--sf:#232532;--sf2:#2B2741;--deep:#43387B;--tag:#423A6A;--tx:#E9E9ED;--mu:rgba(233,233,237,.7);--fa:rgba(233,233,237,.45);--bd:rgba(233,233,237,.09);--bd2:rgba(233,233,237,.12);--act:rgba(210,206,253,.35);--warn:#E0A33A;position:relative;display:block;width:100%;container-type:inline-size;background:var(--bg);color:var(--tx);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.55;font-weight:400;letter-spacing:0;text-align:left;padding:80px 0}
.cn-sc.alt{background:var(--bg2);border-top:1px solid rgba(233,233,237,.06)}
.cn-sc a{color:inherit;text-decoration:none}.cn-sc button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:left}.cn-sc :focus-visible{outline:2px solid var(--p);outline-offset:2px}.cn-sc i,.cn-sc em{font-style:normal}
.cnk-w{max-width:1140px;margin:0 auto;padding:0 24px;position:relative;min-width:0}
.cnk-k{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--at)}
.cn-sc h2{font-size:34px;line-height:1.2;font-weight:500;letter-spacing:-.015em;text-wrap:pretty;color:var(--tx);font-family:inherit}.cn-sc h3{font-family:inherit;color:var(--tx);font-weight:500}
.cn-sc p{color:var(--mu);text-wrap:pretty}
.cnk-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.cnk-hd h2{margin-top:6px}.cnk-hd>span{font-size:13px;color:var(--fa)}
.cnk-b{height:44px;padding:0 18px;border-radius:10px;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:1;transition:background .2s;white-space:nowrap}.cnk-b1{background:var(--p);color:#F5F4FF}.cnk-b1:hover{background:#A79BE3}.cnk-b2{border:1px solid rgba(233,233,237,.16);color:var(--tx)}.cnk-b2:hover{background:var(--sf2)}
.cn-sc svg.i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cnk-card{border-radius:14px;background:var(--sf);border:1px solid var(--bd);overflow:hidden;display:flex;flex-direction:column;color:var(--tx)}
.cnk-lift{transition:transform .25s,border-color .25s}.cnk-lift:hover{transform:translateY(-2px);border-color:var(--act)}.cnk-art:hover .cnk-t{color:var(--at)}.cnk-t{transition:color .2s}
.cnk-meta{display:flex;gap:8px;font-size:12px;color:rgba(233,233,237,.55);flex-wrap:wrap}.cnk-meta b{color:var(--at);font-weight:500}
.cnk-in{animation:cnk-in .35s ease-out both}@keyframes cnk-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@container (max-width:899px){.cn-sc{padding:56px 0}.cn-sc h2{font-size:28px}}
@container (max-width:480px){.cn-sc{padding:48px 0}.cnk-w{padding:0 20px}.cn-sc h2{font-size:24px}.cnk-b{width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.cn-sc *{animation:none!important;transition:none!important}}
.cn-sc{padding:0;background:transparent;font-size:15px}
.cn-sc .cnk-b1 svg{transition:transform .2s}



.cn-sc-kontakt .g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:start}
.cn-sc-kontakt nav{font-size:12px;color:var(--fa)}.cn-sc-kontakt nav ol{list-style:none;display:flex;gap:6px;align-items:center}.cn-sc-kontakt nav svg{width:10px;height:10px}.cn-sc-kontakt nav [aria-current]{color:var(--at)}
.cn-sc-kontakt .l{display:flex;flex-direction:column;gap:18px;animation:cnk-in .45s ease-out}.cn-sc-kontakt h1{font-size:44px;line-height:1.1;font-weight:500;letter-spacing:-.02em;text-wrap:pretty;color:var(--tx);font-family:inherit}.cn-sc-kontakt .ld{font-size:17px;max-width:48ch}
.cn-sc-kontakt .pts{display:flex;flex-direction:column;gap:10px;font-size:15px;color:var(--tx)}.cn-sc-kontakt .pts span{display:flex;gap:10px;align-items:flex-start}.cn-sc-kontakt .pts svg{color:var(--p);margin-top:3px;flex:none}
.cn-sc-kontakt .ways{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.cn-sc-kontakt .ways a{display:flex;gap:12px;align-items:center;padding:14px;border-radius:12px;background:var(--sf);border:1px solid var(--bd);color:var(--tx);text-decoration:none;transition:border-color .2s,background .2s}.cn-sc-kontakt .ways a:hover{border-color:var(--act);background:var(--sf2)}.cn-sc-kontakt .ways i{width:36px;height:36px;border-radius:9px;background:var(--sf2);display:grid;place-items:center;color:var(--p);flex:none}.cn-sc-kontakt .ways i svg{width:17px;height:17px}.cn-sc-kontakt .ways span{display:flex;flex-direction:column;min-width:0}.cn-sc-kontakt .ways b{font-size:14px;font-weight:500;overflow-wrap:anywhere}.cn-sc-kontakt .ways small{font-size:12px;color:var(--fa)}
.cn-sc-kontakt .who{display:flex;gap:12px;align-items:center;padding:14px;border-radius:12px;border:1px dashed rgba(233,233,237,.16);font-size:13px;color:var(--mu)}.cn-sc-kontakt .who i{width:44px;height:44px;border-radius:50%;background:var(--sf2) var(--sym) center/22px no-repeat;border:1px solid var(--act);flex:none}.cn-sc-kontakt .who b{display:block;color:var(--tx);font-weight:500;font-size:14px}
.cn-sc-kontakt form{padding:24px;border-radius:16px;background:var(--sf);border:1px solid var(--bd2);display:flex;flex-direction:column;gap:16px;min-width:0}.cn-sc-kontakt .fh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.cn-sc-kontakt .fh b{font-size:18px;font-weight:500;color:var(--tx)}.cn-sc-kontakt .fh small{font-size:12px;color:var(--fa)}
.cn-sc-kontakt .step{display:flex;gap:4px}.cn-sc-kontakt .step i{flex:1;height:3px;border-radius:2px;background:var(--track,#292B31)}.cn-sc-kontakt .step i.on{background:linear-gradient(90deg,var(--p),var(--pl))}
.cn-sc-kontakt .pane{display:none;flex-direction:column;gap:14px}.cn-sc-kontakt .pane.on{display:flex;animation:cnk-in .3s ease-out}
.cn-sc-kontakt .lbl{font-size:13px;font-weight:500;color:var(--tx);display:flex;justify-content:space-between}.cn-sc-kontakt .lbl small{color:var(--fa);font-weight:400}
.cn-sc-kontakt .chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cn-sc-kontakt .chips label{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:10px;border:1px solid rgba(233,233,237,.16);background:var(--bg);cursor:pointer;font-size:14px;color:var(--tx);transition:border-color .2s,background .2s}.cn-sc-kontakt .chips label:has(:checked){border-color:var(--p);background:var(--sf2)}.cn-sc-kontakt .chips input{position:absolute;opacity:0;pointer-events:none}.cn-sc-kontakt .chips svg{color:var(--p);flex:none}.cn-sc-kontakt .chips label:has(:checked) .ck{opacity:1}.cn-sc-kontakt .ck{margin-left:auto;opacity:0;transition:opacity .2s}
.cn-sc-kontakt .seg{display:flex;gap:6px;flex-wrap:wrap}.cn-sc-kontakt .seg label{padding:8px 14px;border-radius:999px;border:1px solid rgba(233,233,237,.16);font-size:13px;font-weight:500;color:var(--mu);cursor:pointer}.cn-sc-kontakt .seg label:has(:checked){background:var(--p);border-color:var(--p);color:#F5F4FF}.cn-sc-kontakt .seg input{position:absolute;opacity:0;pointer-events:none}
.cn-sc-kontakt .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cn-sc-kontakt .f{display:flex;flex-direction:column;gap:6px;min-width:0}.cn-sc-kontakt input[type=text],.cn-sc-kontakt input[type=email],.cn-sc-kontakt input[type=tel],.cn-sc-kontakt textarea{width:100%;height:46px;padding:0 14px;border-radius:10px;background:var(--bg);border:1px solid rgba(233,233,237,.16);color:var(--tx);font:400 15px Inter,system-ui,sans-serif;outline:0;transition:border-color .2s}.cn-sc-kontakt textarea{height:auto;min-height:110px;padding:12px 14px;resize:vertical}.cn-sc-kontakt input:focus,.cn-sc-kontakt textarea:focus{border-color:var(--p)}.cn-sc-kontakt input::placeholder,.cn-sc-kontakt textarea::placeholder{color:var(--fa)}.cn-sc-kontakt .f.err input{border-color:#E06C6C}.cn-sc-kontakt .f .e{display:none;font-size:12px;color:#E06C6C}.cn-sc-kontakt .f.err .e{display:block}
.cn-sc-kontakt .cons{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--fa);line-height:1.5}.cn-sc-kontakt .cons input{margin-top:3px;accent-color:var(--p);width:16px;height:16px;flex:none}.cn-sc-kontakt .cons a{color:var(--at)}
.cn-sc-kontakt .hp{position:absolute;left:-9999px}
.cn-sc-kontakt .act{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.cn-sc-kontakt .act .cnk-b1{height:46px}.cn-sc-kontakt .act .cnk-b1 svg{transition:transform .2s}.cn-sc-kontakt .act .cnk-b1:hover svg{transform:translateX(3px)}.cn-sc-kontakt .act .ghost{color:var(--mu);font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px}.cn-sc-kontakt .act .ghost:hover{color:var(--tx)}.cn-sc-kontakt .act small{font-size:12px;color:var(--fa)}
.cn-sc-kontakt .ok{display:none;flex-direction:column;gap:12px;align-items:flex-start;text-align:left}.cn-sc-kontakt form.sent .pane,.cn-sc-kontakt form.sent .step,.cn-sc-kontakt form.sent .fh{display:none}.cn-sc-kontakt form.sent .ok{display:flex;animation:cnk-in .4s ease-out}.cn-sc-kontakt .ok i{width:48px;height:48px;border-radius:50%;background:rgba(95,191,138,.12);display:grid;place-items:center;color:#5FBF8A}.cn-sc-kontakt .ok i svg{width:22px;height:22px}.cn-sc-kontakt .ok b{font-size:20px;font-weight:500;color:var(--tx)}.cn-sc-kontakt .ok p{font-size:14px}.cn-sc-kontakt .ok .nx{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.cn-sc-kontakt .cnk-b1.busy{opacity:.7;pointer-events:none}.cn-sc-kontakt .cnk-b1.busy svg{animation:cnk-spin .8s linear infinite}@keyframes cnk-spin{to{transform:rotate(360deg)}}
@container (max-width:1199px){.cn-sc-kontakt .g{grid-template-columns:minmax(0,1fr);gap:32px}}@container (max-width:899px){.cn-sc-kontakt h1{font-size:36px}}@container (max-width:420px){.cn-sc-kontakt .ways,.cn-sc-kontakt .chips,.cn-sc-kontakt .row{grid-template-columns:minmax(0,1fr)}}@container (max-width:360px){.cn-sc-kontakt h1{font-size:30px}.cn-sc-kontakt form{padding:18px}.cn-sc-kontakt .cnk-b{width:100%;justify-content:center}}
.cn-sc-nl .bx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:32px;border-radius:16px;background:var(--sf);border:1px solid var(--bd)}.cn-sc-nl h2{font-size:24px;letter-spacing:-.01em}.cn-sc-nl .t{display:flex;flex-direction:column;gap:8px}
.cn-sc-nl form{display:flex;gap:8px;flex-wrap:wrap}.cn-sc-nl label{flex:1;min-width:200px;display:flex;align-items:center;height:46px;padding:0 14px;border-radius:10px;background:var(--bg);border:1px solid rgba(233,233,237,.16)}.cn-sc-nl label:focus-within{border-color:var(--p)}.cn-sc-nl input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--tx);font:400 15px Inter,system-ui,sans-serif}.cn-sc-nl input::placeholder{color:var(--fa)}.cn-sc-nl .cnk-b{height:46px}.cn-sc-nl .nt{flex-basis:100%;font-size:12px;color:rgba(233,233,237,.4)}
.cn-sc-nl .ok{display:none;align-items:center;gap:10px;color:var(--tx);font-size:14px}.cn-sc-nl .ok svg{width:22px;height:22px;color:#5FBF8A}.cn-sc-nl.sent form{display:none}.cn-sc-nl.sent .ok{display:flex}
@container (max-width:899px){.cn-sc-nl .bx{grid-template-columns:minmax(0,1fr);gap:20px}}@container (max-width:480px){.cn-sc-nl .bx{padding:20px}.cn-sc-nl .cnk-b{width:auto}}
.cn-sc-nl.compact .bx{display:flex;flex-direction:column;gap:10px;padding:16px;background:linear-gradient(160deg,var(--sf2) 0%,var(--sf) 60%);border-color:rgba(210,206,253,.25)}.cn-sc-nl.compact h2{font-size:15px;line-height:1.3}.cn-sc-nl.compact p{font-size:13px}.cn-sc-nl.compact form{flex-direction:column}.cn-sc-nl.compact label{height:40px}.cn-sc-nl.compact .cnk-b{height:40px;width:100%;justify-content:center}.cn-sc-nl .k{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--fa)}

.cn-sc-cta .cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px 24px;border-radius:14px;background:linear-gradient(150deg,#43387B 0%,#2E2757 55%,#232532 100%);border:1px solid rgba(210,206,253,.3);margin-top:0}
.cn-sc-cta .cta b{display:block;font-size:20px;color:var(--tx);font-weight:500;line-height:1.25}
.cn-sc-cta .cta p{margin:6px 0 0;font-size:14px;color:rgba(233,233,237,.75)}
.cn-sc-cta .cta .cnk-b{background:#F1F0F7;color:#161826;height:44px}
.cn-sc-cta .cta .cnk-b:hover{background:#fff}
.cn-sc-faq .faq{display:flex;flex-direction:column;gap:6px}
.cn-sc-faq .faq details div p+p{margin-top:.6em}
.cn-sc-faq details{border-radius:12px;background:var(--sf);border:1px solid var(--bd);margin:0}
.cn-sc-faq details[open] summary svg{transform:rotate(90deg)}
.cn-sc-faq details>div{padding:0 18px 16px;font-size:15px}
.cn-sc-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;font-size:16px;font-weight:500;color:var(--tx)}
.cn-sc-faq summary::-webkit-details-marker{display:none}
.cn-sc-faq summary svg{width:16px;height:16px;color:var(--p);transition:transform .25s;flex:none}
.cn-sc-rel .g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cn-sc-rel .c{display:flex;flex-direction:column;border-radius:14px;background:var(--sf);border:1px solid var(--bd);overflow:hidden;color:var(--tx)}
.cn-sc-rel .cnw-hd .cnw-b{width:auto}
.cn-sc-rel .v{height:140px;background:var(--bg);display:grid;place-items:center;position:relative;overflow:hidden}
.cn-sc-rel .v svg{width:40px;height:40px;color:var(--deep)}
.cn-sc-rel .v img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cn-sc-rel .b{padding:16px;display:flex;flex-direction:column;gap:8px}
.cn-sc-rel h3{font-size:17px;line-height:1.3;text-wrap:pretty}
.cn-sc-rel p{font-size:13px}
@container (max-width:899px){.cn-sc-rel .g{grid-template-columns:minmax(0,1fr)}}
.cn-sc-rel .cnk-meta{display:flex;gap:8px;font-size:12px;color:rgba(233,233,237,.55)}.cn-sc-rel .cnk-meta b{color:var(--at);font-weight:500}.cn-sc-rel a{color:inherit;text-decoration:none}

.cn-sc-brands{display:flex;flex-wrap:wrap;gap:8px}.cn-sc-brands .b{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:var(--sf);border:1px solid var(--bd);font-size:13px;color:var(--tx)}.cn-sc-brands .b img{width:16px;height:16px}.cn-sc-brands small{display:block;font-size:11px;color:var(--fa)}
.cn-sc-price{font-size:13px;color:var(--fa)}.cn-sc-price b{color:var(--tx);font-weight:500}
.cn-sc-bc{font-size:12px;color:var(--fa)}.cn-sc-bc ol{list-style:none;display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0;padding:0}.cn-sc-bc svg{width:10px;height:10px}.cn-sc-bc a:hover{color:var(--at)}.cn-sc-bc [aria-current]{color:var(--at)}
.cn-sc-ctaform form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:end}.cn-sc-ctaform .f{display:flex;flex-direction:column;gap:6px}.cn-sc-ctaform .f span{font-size:12px;color:var(--fa)}.cn-sc-ctaform input{height:44px;padding:0 12px;border-radius:10px;background:var(--bg);border:1px solid rgba(233,233,237,.16);color:var(--tx);font:400 14px Inter,system-ui,sans-serif;outline:0;width:100%}.cn-sc-ctaform input:focus{border-color:var(--p)}.cn-sc-ctaform .cons{grid-column:1/-1;display:flex;gap:8px;font-size:12px;color:var(--fa);align-items:flex-start}.cn-sc-ctaform .cons a{color:var(--at);text-decoration:underline}.cn-sc-ctaform .ok{display:none;color:var(--tx);font-size:14px}.cn-sc-ctaform form.sent{display:none}.cn-sc-ctaform.sent .ok{display:block}.cn-sc-ctaform .hp{position:absolute;left:-9999px}@container (max-width:600px){.cn-sc-ctaform form{grid-template-columns:minmax(0,1fr)}}
@container (max-width:899px){.cn-sc-cta .cta{grid-template-columns:minmax(0,1fr)}}
.cn-sc-price{display:inline}
.cn-sc-bc{margin-bottom:12px}

/* v1.31.11 — Hell-Variante: die Bausteine folgen dem Seiten-Theme (html[data-theme="light"]). */
:root[data-theme="light"] .cn-sc{--p:#6F5FD0;--pl:#9184D9;--at:#4B3FA0;--bg:#FFFFFF;--bg2:#F4F4F8;--sf:#FFFFFF;--sf2:#F0EEFA;--deep:#43387B;--tag:#E7E3F7;--tx:#161826;--mu:rgba(22,24,38,.72);--fa:rgba(22,24,38,.55);--bd:rgba(22,24,38,.12);--bd2:rgba(22,24,38,.16);--act:rgba(111,95,208,.45);--track:#E4E2EE}
:root[data-theme="light"] .cn-sc-kontakt form{box-shadow:0 2px 10px rgba(22,24,38,.06)}
:root[data-theme="light"] .cn-sc-kontakt .chips label,:root[data-theme="light"] .cn-sc-kontakt .seg label,:root[data-theme="light"] .cn-sc-kontakt input[type=text],:root[data-theme="light"] .cn-sc-kontakt input[type=email],:root[data-theme="light"] .cn-sc-kontakt input[type=tel],:root[data-theme="light"] .cn-sc-kontakt textarea{border-color:rgba(22,24,38,.18)}
:root[data-theme="light"] .cn-sc-kontakt .chips label{background:#FAFAFD}
:root[data-theme="light"] .cn-sc-kontakt .chips label:has(:checked){background:var(--sf2)}
:root[data-theme="light"] .cn-sc-kontakt input[type=text],:root[data-theme="light"] .cn-sc-kontakt input[type=email],:root[data-theme="light"] .cn-sc-kontakt input[type=tel],:root[data-theme="light"] .cn-sc-kontakt textarea{background:#FAFAFD}
:root[data-theme="light"] .cnk-b2{border-color:rgba(22,24,38,.2)}
:root[data-theme="light"] .cn-sc-kontakt .who{border-color:rgba(22,24,38,.2)}

/* v1.31.11 — kompaktere Abstaende, damit der Baustein auf langen Seiten nicht auftraegt. */
.cn-sc{padding:64px 0}
@container (max-width:899px){.cn-sc{padding:48px 0}}
.cn-sc.cn-sc-kompakt{padding:40px 0}
.cn-sc-kontakt form{gap:14px}
.cn-sc-kontakt textarea{min-height:92px}

/* v1.31.11 — Schrittwechsel: Ladezustand und gesperrter Weiter-Button. */
.cn-sc-kontakt .cnk-b1[disabled],.cn-sc-kontakt .cnk-b1.off{opacity:.45;cursor:not-allowed}
.cn-sc-kontakt .cnk-b1.busy{position:relative;color:transparent}
.cn-sc-kontakt .cnk-b1.busy svg{opacity:0}
.cn-sc-kontakt .cnk-b1.busy::after{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;border-radius:50%;border:2px solid rgba(245,244,255,.35);border-top-color:#F5F4FF;animation:cnk-spin .7s linear infinite}
@keyframes cnk-spin{to{transform:rotate(360deg)}}
.cn-sc-kontakt .hint{font-size:12px;color:var(--fa)}

/* v1.31.12 — das Formular steht oft in einer schmalen CTA-Spalte (~360 px).
   Dort brach jede Zeile um und der Block wurde unnoetig hoch. */
.cn-sc-kontakt .chips{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}
.cn-sc-kontakt .chips label{padding:9px 11px;font-size:13px;gap:8px;line-height:1.25}
.cn-sc-kontakt .chips label svg.i{width:15px;height:15px}
.cn-sc-kontakt form{gap:12px;padding:20px}
.cn-sc-kontakt input[type=text],.cn-sc-kontakt input[type=email],.cn-sc-kontakt input[type=tel]{height:42px}
.cn-sc-kontakt textarea{min-height:84px}
.cn-sc-kontakt .seg label{padding:7px 12px}
.cn-sc-kontakt .act .cnk-b1{height:42px}
@container (max-width:520px){.cn-sc-kontakt .row{grid-template-columns:minmax(0,1fr)}}
/* Innerhalb einer farbigen CTA-Sektion traegt die Karte nicht doppelt auf. */
.cn-sc-kompakt.cn-sc-kontakt form{background:rgba(255,255,255,.04);border-color:rgba(245,244,255,.22);backdrop-filter:blur(2px)}
:root[data-theme="light"] .cn-sc-kompakt.cn-sc-kontakt form{background:#FFFFFF;border-color:rgba(22,24,38,.14)}

/* v1.32.0 — interaktives Formular: Schrittnamen, Zusatzfragen, Datei-Upload, Zusammenfassung */
.cn-sc-kontakt .stpl{display:flex;gap:4px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--fa);margin-top:-8px}
.cn-sc-kontakt .stpl span{flex:1;transition:color .25s}
.cn-sc-kontakt .stpl span.on{color:var(--at)}
.cn-sc-kontakt .dyn:empty{display:none}
.cn-sc-kontakt .dyn{display:flex;flex-direction:column;gap:12px;animation:cnk-in .3s ease-out}
.cn-sc-kontakt .chips-s{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.cn-sc-kontakt .chips-s label{padding:7px 10px;font-size:12.5px}
.cn-sc-kontakt .drop{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:10px;border:1px dashed rgba(233,233,237,.28);background:var(--bg);cursor:pointer;transition:border-color .2s,background .2s}
:root[data-theme="light"] .cn-sc-kontakt .drop{border-color:rgba(22,24,38,.25);background:#FAFAFD}
.cn-sc-kontakt .drop:hover,.cn-sc-kontakt .drop.over{border-color:var(--p);background:var(--sf2)}
.cn-sc-kontakt .drop input[type=file]{position:absolute;opacity:0;width:0;height:0}
.cn-sc-kontakt .drop svg{color:var(--p)}
.cn-sc-kontakt .drop span{display:flex;flex-direction:column;font-size:13px;color:var(--tx);line-height:1.35}
.cn-sc-kontakt .drop small{color:var(--fa);font-size:11.5px}
.cn-sc-kontakt .fl{list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:8px}
.cn-sc-kontakt .fl:empty{display:none}
.cn-sc-kontakt .fl li{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:9px;background:var(--sf2);font-size:12.5px;color:var(--tx);animation:cnk-in .25s ease-out}
.cn-sc-kontakt .fl li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cn-sc-kontakt .fl li small{color:var(--fa);flex:none}
.cn-sc-kontakt .fl .rm{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:var(--mu);font-size:15px;line-height:1;flex:none}
.cn-sc-kontakt .fl .rm:hover{background:rgba(224,108,108,.16);color:#E06C6C}
.cn-sc-kontakt .hint.err-t{color:#E06C6C}
.cn-sc-kontakt .sum{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:10px;background:var(--sf2);border:1px solid var(--bd);animation:cnk-in .3s ease-out}
.cn-sc-kontakt .sum b{font-size:13px;font-weight:500;color:var(--tx)}
.cn-sc-kontakt .sum div{display:flex;gap:10px;font-size:12.5px;line-height:1.45}
.cn-sc-kontakt .sum span{color:var(--fa);flex:0 0 34%}
.cn-sc-kontakt .sum em{color:var(--tx);min-width:0}
.cn-sc-kontakt .sum .ghost{align-self:flex-start;font-size:12px;color:var(--at);margin-top:2px}
@media (prefers-reduced-motion:reduce){.cn-sc-kontakt *{animation:none!important}}