/* Klaratelier · site skin 2026-10-28 — subpages share the homepage frame (header pill, aura, buttons, forms, footer).
   Scoped to body.ks so page CSS stays intact underneath. Source of truth for the inline copies in each subpage. */
:root{--ks-paper:#fbf3ea;--ks-paper2:#f4e6da;--ks-card:#fffbf6;--ks-card2:#fff4ea;--ks-ink:#241b31;--ks-ink2:#4b3f5d;--ks-muted:#5d5370;--ks-line:rgba(36,27,49,.13);
  --ks-violet:#5a3d8f;--ks-violet2:#7a58b8;--ks-lilac:#c9b0f0;--ks-peach:#f4b48a;--ks-copper:#b4563b;--ks-gradmid:#a8507c;--ks-on:#fffaf3;--ks-shadow:rgba(60,32,90,.38);
  --ks-display:"Fraunces","Fraunces fb","Iowan Old Style","Palatino Linotype",Georgia,serif;--ks-body:"Instrument Sans","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif}
:root[data-theme="dark"]{--ks-paper:#15101f;--ks-paper2:#1d1630;--ks-card:#221a33;--ks-card2:#2a2040;--ks-ink:#f6eee6;--ks-ink2:#d8cbe6;--ks-muted:#a79bbd;--ks-line:rgba(246,238,230,.15);
  --ks-violet:#a98af0;--ks-violet2:#c4adf8;--ks-lilac:#6c4fb0;--ks-peach:#e0875e;--ks-copper:#e9967a;--ks-gradmid:#e7a7c3;--ks-on:#1c1230;--ks-shadow:rgba(0,0,0,.6)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ks-paper:#15101f;--ks-paper2:#1d1630;--ks-card:#221a33;--ks-card2:#2a2040;--ks-ink:#f6eee6;--ks-ink2:#d8cbe6;--ks-muted:#a79bbd;--ks-line:rgba(246,238,230,.15);
  --ks-violet:#a98af0;--ks-violet2:#c4adf8;--ks-lilac:#6c4fb0;--ks-peach:#e0875e;--ks-copper:#e9967a;--ks-gradmid:#e7a7c3;--ks-on:#1c1230;--ks-shadow:rgba(0,0,0,.6)}}

body.ks{background:var(--ks-paper);color:var(--ks-ink);overflow-x:hidden}

/* ---------- Aura (same light as the homepage hero, fades into the page) ---------- */
.ks-aura{position:absolute;left:0;right:0;top:0;height:clamp(620px,92vh,980px);z-index:-1;overflow:hidden;pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 46%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 46%,transparent 100%)}
.ks-aura i{position:absolute;inset:-60px;display:block}
.ks-aura{background:radial-gradient(60% 45% at 15% 10%,#cbdcf7 0%,transparent 70%),radial-gradient(50% 40% at 92% 22%,#f9dcc4 0%,transparent 70%),radial-gradient(70% 40% at 35% 92%,#d9e3f8 0%,transparent 72%)}
.ks-aura i{display:none}
:root[data-theme="dark"] .ks-aura{background:#02070a}
:root[data-theme="dark"] .ks-aura i{display:block}
.ks-aura i:nth-child(1){background:radial-gradient(ellipse 62% 35% at 30% 58%,rgba(14,116,144,.62) 0%,rgba(8,47,73,.16) 48%,transparent 75%);mix-blend-mode:screen;filter:blur(44px)}
.ks-aura i:nth-child(2){background:radial-gradient(ellipse 48% 50% at 70% 36%,rgba(20,184,166,.5) 0%,rgba(15,118,110,.12) 48%,transparent 74%);mix-blend-mode:screen;filter:blur(50px)}
.ks-aura i:nth-child(3){background:linear-gradient(150deg,transparent 32%,rgba(103,232,249,.1) 48%,rgba(45,212,191,.14) 55%,transparent 72%);mix-blend-mode:screen;filter:blur(36px)}
.ks-aura::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--ks-violet) 8%,var(--ks-paper)))}
:root:not([data-theme="dark"]) .ks-aura::after{background:linear-gradient(to bottom,transparent,var(--ks-paper))}
@media (max-width:760px){.ks-aura{height:720px}.ks-aura i:nth-child(1){background:radial-gradient(ellipse 90% 40% at 30% 46%,rgba(14,116,144,.55) 0%,rgba(8,47,73,.14) 50%,transparent 76%)}}

/* ---------- Header (homepage pill) ---------- */
.ks .site-header.ks-header{position:sticky;top:14px;left:auto;transform:none;z-index:50;box-sizing:border-box;width:min(1180px,100% - 24px);max-width:none;min-height:0;margin:14px auto 0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:1rem;
  padding:.5rem .6rem .5rem 1.3rem;border-radius:999px;background:color-mix(in srgb,var(--ks-paper) 86%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);
  border:1px solid var(--ks-line);box-shadow:0 10px 30px -18px var(--ks-shadow);font:400 18px/1.6 var(--ks-body);color:var(--ks-ink);transition:box-shadow .4s,background .4s}
.ks .ks-header.is-scrolled{box-shadow:0 18px 40px -22px var(--ks-shadow)}
.ks .ks-header .wordmark{display:inline-flex;align-items:center;gap:.55rem;flex-shrink:0;text-decoration:none;color:var(--ks-ink);font:520 1.25rem/1 var(--ks-display);letter-spacing:-.01em;white-space:nowrap;min-height:44px}
.ks .ks-header .wordmark .mk{flex:none;display:block}
.ks .ks-header .wordmark span{font-family:var(--ks-display);font-weight:520}
.ks .ks-header .wordmark em{color:var(--ks-violet);font-weight:420;font-style:italic}
.ks .ks-header .nav{display:flex;align-items:center;gap:.4rem;margin:0;padding:0;background:none;border:0;position:static}
.ks .ks-header .nav>a:not(.btn){display:block;text-decoration:none;font:550 .92rem/1.6 var(--ks-body);padding:.55rem .9rem;border-radius:999px;color:var(--ks-ink2);transition:background .3s,color .3s;white-space:nowrap}
.ks .ks-header .nav>a:not(.btn):hover{background:var(--ks-paper2);color:var(--ks-ink)}
.ks .ks-header .nav>a.ks-tel{font-variant-numeric:tabular-nums}
.ks .ks-header .theme{width:42px;height:42px;padding:0;margin:0;border-radius:50%;border:1px solid var(--ks-line);background:transparent;color:var(--ks-ink);cursor:pointer;display:grid;place-items:center;font-size:0;transition:background .3s,transform .4s}
.ks .ks-header .theme:hover{background:var(--ks-card);transform:rotate(25deg)}
.ks .ks-header .theme svg{width:19px;height:19px}
.ks .ks-header .ka-language{display:inline-flex!important;margin-inline-start:4px;color:var(--ks-ink)}
.ks .ks-header .btn.primary{min-height:42px;padding:.55rem .55rem .55rem 1.1rem;font-size:.9rem;width:auto;white-space:nowrap}
.ks .ks-header .ka-hb-s{display:none}
@media (max-width:1100px){.ks .ks-header .nav>a.ks-tel{display:none}}
@media (max-width:980px){.ks .ks-header .nav>a:not(.btn){padding:.55rem .6rem}}
@media (max-width:860px){.ks .ks-header .nav>a:not(.btn){display:none}.ks .site-header.ks-header{padding-left:1rem}}
@media (max-width:760px){.ks .site-header.ks-header{padding:.4rem .4rem .4rem .9rem;gap:.4rem;top:10px;margin-top:10px}.ks .ks-header .wordmark{font-size:1.05rem}.ks .ks-header .nav{gap:8px}
  .ks .ks-header .btn.primary .arr{display:none}.ks .ks-header .btn.primary{padding-inline:14px;font-size:14px}.ks .ks-header .ka-language{margin-inline-start:0}}
@media (max-width:560px){.ks .ks-header .ka-hb-l{display:none}.ks .ks-header .ka-hb-s{display:inline}}
@media (max-width:480px){.ks .ks-header .theme{display:none}}
@media (max-width:370px){.ks .ks-header .wordmark .mk{width:26px;height:26px}.ks .ks-header .wordmark{font-size:1rem;gap:.4rem}.ks .ks-header .btn.primary{padding-inline:12px}}

/* ---------- Buttons (homepage .btn.primary / .btn.ghost) ---------- */
.ks .btn.primary,.ks .ks-primary{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:.7rem;min-height:52px;border-radius:999px;border:1px solid transparent;cursor:pointer;
  font-family:var(--ks-body);font-weight:650;text-decoration:none;
  background:linear-gradient(120deg,var(--ks-violet) 0%,#7b4fc0 45%,#b4563b 130%)!important;color:var(--ks-on)!important;
  box-shadow:0 14px 34px -12px var(--ks-shadow),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.ks .btn.primary::before,.ks .ks-primary::before{content:"";position:absolute;inset:-40%;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.42) 50%,transparent 60%);transform:translateX(-120%);transition:transform 1s}
.ks .btn.primary:hover::before,.ks .ks-primary:hover::before{transform:translateX(120%)}
.ks .btn.primary:hover,.ks .ks-primary:hover{transform:translateY(-2px);box-shadow:0 22px 40px -14px var(--ks-shadow),inset 0 1px 0 rgba(255,255,255,.4)}
.ks .btn.primary:disabled,.ks .ks-primary:disabled{cursor:not-allowed;transform:none}
.ks .ks-sheen::before{animation:ksSheen 5.5s cubic-bezier(.42,0,.38,1) 1.2s infinite}
.ks .ks-sheen:hover::before{animation:none}
@keyframes ksSheen{0%{transform:translateX(-120%)}28%,100%{transform:translateX(120%)}}
.ks .btn.ghost,.ks .ks-ghost{display:inline-flex;align-items:center;gap:.7rem;min-height:52px;border-radius:999px;background:transparent!important;color:var(--ks-ink)!important;border:1px solid color-mix(in srgb,var(--ks-ink) 16%,transparent)!important;font-family:var(--ks-body);font-weight:650;text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s}
.ks .btn.ghost:hover,.ks .ks-ghost:hover{background:var(--ks-card)!important;transform:translateY(-2px)}
/* glass orb arrow */
.ks .ks-orb{position:relative;overflow:hidden;display:inline-grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;font-size:0;
  background:radial-gradient(120% 120% at 30% 20%,rgba(255,255,255,.42),rgba(255,255,255,.12) 55%,rgba(255,255,255,.06));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.38),inset 0 -6px 12px -8px rgba(40,10,60,.35),0 4px 12px -6px rgba(30,10,50,.45)}
.ks .ks-orb .ai{position:absolute;left:50%;top:50%;width:19px;height:19px;margin:-9.5px 0 0 -9.5px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:transform .55s cubic-bezier(.65,0,.35,1)}
.ks .ks-orb .ai2{transform:translate(-150%,150%)}
@media (hover:hover) and (pointer:fine){.ks :hover>.ks-orb .ai:not(.ai2){transform:translate(150%,-150%)}.ks :hover>.ks-orb .ai2{transform:none}}
.ks :focus-visible>.ks-orb .ai:not(.ai2){transform:translate(150%,-150%)}.ks :focus-visible>.ks-orb .ai2{transform:none}
@media (prefers-reduced-motion:reduce){.ks .ks-orb .ai{transition:none}.ks .ks-sheen::before,.ks .btn.primary::before,.ks .ks-primary::before{animation:none;transition:none}}

/* ---------- Forms (homepage #anfrage look) ---------- */
.ks .ks-form{background:var(--ks-card);border:1px solid var(--ks-line);border-radius:28px;box-shadow:0 50px 90px -50px var(--ks-shadow)}
.ks .ks-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.ks .ks-form select,.ks .ks-form textarea{font-family:var(--ks-body);font-size:1rem;font-weight:450;color:var(--ks-ink);background:var(--ks-paper);border:1px solid var(--ks-line);border-radius:14px;padding:.8rem 1rem;min-height:50px;width:100%;box-sizing:border-box;transition:border-color .3s,box-shadow .3s}
.ks .ks-form select{-webkit-appearance:none;appearance:none;padding-right:2.6rem;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8fb0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:18px}
.ks .ks-form ::placeholder{color:var(--ks-muted);opacity:.75}
.ks .ks-form input:not([type=checkbox]):not([type=radio]):hover,.ks .ks-form select:hover,.ks .ks-form textarea:hover{border-color:color-mix(in srgb,var(--ks-violet2) 45%,var(--ks-line))}
.ks .ks-form input:focus,.ks .ks-form select:focus,.ks .ks-form textarea:focus{outline:none;border-color:var(--ks-violet2);box-shadow:0 0 0 4px color-mix(in srgb,var(--ks-violet2) 25%,transparent)}
.ks .ks-form input[aria-invalid=true],.ks .ks-form select[aria-invalid=true]{outline:none;border-color:#e9967a;box-shadow:0 0 0 4px rgba(233,150,122,.2)}
.ks .ks-form input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:0 0 20px;width:20px;height:20px;min-height:20px;margin:.15rem 0 0;border-radius:6px;border:1.5px solid color-mix(in srgb,var(--ks-ink) 34%,transparent);background:var(--ks-paper);display:inline-grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}
.ks .ks-form input[type=checkbox]::after{content:"";width:10px;height:6px;border:2px solid var(--ks-on);border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .2s}
.ks .ks-form input[type=checkbox]:checked{background:linear-gradient(135deg,var(--ks-violet),#7b4fc0);border-color:transparent}
.ks .ks-form input[type=checkbox]:checked::after{transform:translateY(-1px) rotate(-45deg) scale(1)}
.ks .ks-form input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--ks-violet2) 30%,transparent)}
.ks .ks-form input[type=checkbox]:disabled{opacity:.45}
.ks .ks-form a{color:var(--ks-ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--ks-violet2) 60%,transparent);text-underline-offset:3px}
.ks .ks-form button[type=submit]{width:100%;justify-content:space-between;min-height:58px;padding:.5rem .6rem .5rem 1.5rem;font-size:1rem}

/* ---------- Footer (homepage ka-site-footer) ---------- */
.ks footer.ks-footer{display:block;max-width:none;margin:0;padding:90px 0 0;border:0;background:var(--ks-paper);color:var(--ks-muted);font:400 .88rem/1.6 var(--ks-body);content-visibility:visible;overflow:hidden;position:relative}
.ks .ks-footer .fl{width:min(1280px,100% - 2*clamp(18px,4.4vw,64px));margin-inline:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;padding-bottom:2rem;color:var(--ks-muted);font-size:.88rem}
.ks .ks-footer .fl>span{max-width:46rem}
.ks .ks-footer .ks-own{display:block;margin-top:.3rem;opacity:.85}
.ks .ks-footer a{color:inherit;text-decoration:none;transition:color .25s}
.ks .ks-footer a:hover{color:var(--ks-ink)}
.ks .ks-footer .ka-nap a{text-decoration:underline;text-underline-offset:3px}
.ks .ks-footer .ka-footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 1.4rem;padding:0;margin:0}
.ks .ks-footer .ka-footer-links a{display:inline-flex;align-items:center;min-height:44px;padding:0;color:var(--ks-muted)}
.ks .ks-footer .ka-footer-links a:hover{color:var(--ks-ink)}
.ks .ks-footer .giant{font-family:var(--ks-display);font-style:italic;font-weight:400;font-size:clamp(3rem,15.5vw,15rem);line-height:1.02;letter-spacing:-.04em;white-space:nowrap;text-align:center;margin:0;padding:.04em 0 .16em;
  background:linear-gradient(180deg,color-mix(in srgb,var(--ks-violet) 55%,transparent),transparent 82%);-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none;overflow:visible}
@media (max-width:760px){.ks footer.ks-footer{padding:64px 0 calc(28px + env(safe-area-inset-bottom,0px))}.ks .ks-footer .fl{gap:12px 24px;padding-bottom:24px}}

/* ---------- Shared type accents ---------- */
.ks .grad{background:linear-gradient(100deg,var(--ks-violet) 0%,var(--ks-gradmid) 52%,var(--ks-copper) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ksGrad 9s ease-in-out infinite alternate}
@keyframes ksGrad{to{background-position:100% 0}}
@media (prefers-reduced-motion:reduce){.ks .grad{animation:none}}

/* ======================================================================
   Legal pages (Impressum · Datenschutz · Bildquellen) — layout + type only
   ====================================================================== */
body.ks-legal{padding:0!important;font:400 1.0625rem/1.75 var(--ks-body)!important}
.ks-legal main{max-width:780px;margin:0 auto;padding:clamp(56px,9vw,110px) 20px 40px;position:relative;z-index:1}
.ks-legal main .back{display:inline-flex;align-items:center;gap:.6rem;min-height:40px;padding:.35rem 1rem;margin:0 0 clamp(28px,4vw,40px);border-radius:999px;border:1px solid var(--ks-line);
  background:color-mix(in srgb,var(--ks-card) 60%,transparent);color:var(--ks-ink2);font:650 .74rem/1.2 var(--ks-body);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:background .3s,color .3s}
.ks-legal main .back:hover{background:var(--ks-card);color:var(--ks-ink)}
.ks-legal main h1{font-family:var(--ks-display);font-weight:365;font-size:clamp(2.6rem,7.4vw,5.2rem);line-height:1.02;letter-spacing:-.02em;margin:0 0 clamp(28px,4vw,44px);color:var(--ks-ink);text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
.ks-legal main h1::after{content:"";display:block;width:72px;height:2px;margin-top:clamp(22px,3vw,32px);border-radius:2px;background:linear-gradient(90deg,var(--ks-violet),var(--ks-gradmid) 55%,var(--ks-copper))}
.ks-legal main h2{font-family:var(--ks-display);font-weight:420;font-size:clamp(1.45rem,2.6vw,1.9rem);line-height:1.18;letter-spacing:-.01em;margin:clamp(2.6rem,5vw,3.4rem) 0 .8rem;color:var(--ks-ink);scroll-margin-top:100px}
.ks-legal main h3{font:650 1.02rem/1.4 var(--ks-body);color:var(--ks-ink);margin:1.8rem 0 .4rem;scroll-margin-top:100px}
.ks-legal main p,.ks-legal main ul,.ks-legal main ol{color:var(--ks-ink2);margin:.6rem 0}
.ks-legal main ul,.ks-legal main ol{padding-left:1.25rem}
.ks-legal main li{margin:.35rem 0;padding-left:.2rem;overflow-wrap:anywhere}
.ks-legal main li::marker{color:var(--ks-violet)}
.ks-legal main strong,.ks-legal main b{color:var(--ks-ink);font-weight:650}
.ks-legal main a:not(.back){color:var(--ks-violet2);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--ks-violet2) 55%,transparent);text-underline-offset:3px;overflow-wrap:anywhere;transition:text-decoration-color .25s,color .25s}
:root:not([data-theme="dark"]) .ks-legal main a:not(.back){color:var(--ks-violet)}
.ks-legal main a:not(.back):hover{text-decoration-color:currentColor}
.ks-legal main address{font-style:normal;color:var(--ks-ink2);margin:1rem 0 .4rem;padding:24px 28px;border-radius:22px;border:1px solid var(--ks-line);
  background:linear-gradient(160deg,var(--ks-card2),var(--ks-card));box-shadow:0 30px 60px -40px var(--ks-shadow);overflow-wrap:anywhere;line-height:1.8}
.ks-legal main address strong{display:inline-block;font-family:var(--ks-display);font-weight:500;font-size:1.15rem;letter-spacing:-.005em;margin-bottom:.2rem}
.ks-legal main .ka-legal-note{margin:0 0 clamp(28px,4vw,40px);padding:18px 22px;border-radius:18px;border:1px solid color-mix(in srgb,var(--ks-violet) 38%,transparent);background:color-mix(in srgb,var(--ks-violet) 9%,var(--ks-card));color:var(--ks-ink2);font-size:.95rem;line-height:1.65}
.ks-legal main .stand{margin-top:3.2rem;padding-top:1.4rem;border-top:1px solid var(--ks-line);font-size:.9rem;color:var(--ks-muted)}
.ks-legal main section{scroll-margin-top:100px}
.ks-legal main :target{scroll-margin-top:100px}
@media (max-width:760px){.ks-legal main{padding-top:48px}.ks-legal main address{padding:18px 20px;border-radius:18px}}

/* ======================================================================
   Website-Check (lead magnet) — keep structure + glows, align frame/buttons/forms
   ====================================================================== */
.ks-wc main{position:relative;z-index:1}
.ks-wc .vs-hero{border-bottom-color:var(--ks-line)}
.ks-wc .vs-hero h1 em,.ks-wc .intro-title em,.ks-wc .explanation h2 em{background:linear-gradient(100deg,var(--ks-violet) 0%,var(--ks-gradmid) 52%,var(--ks-copper) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.ks-wc .vs-card,.ks-wc .form-card{border-radius:28px;box-shadow:0 50px 90px -50px var(--ks-shadow)}
@media (min-width:761px){.ks-wc .vs-card{padding:34px}.ks-wc .form-card{padding:38px}.ks-wc .content .form-card{top:104px}}
.ks-wc .button.vs-submit,.ks-wc button.wc-send{width:100%}
.ks-wc .button.vs-submit{justify-content:center}
.ks-wc button.wc-send{justify-content:space-between;padding:.5rem .6rem .5rem 1.5rem}
.ks-wc .intro a.button{padding:.5rem .6rem .5rem 1.4rem;gap:1rem}
.ks-wc .wcx-btn.wcx-primary{padding:.5rem .6rem .5rem 1.4rem;gap:1rem}
.ks-wc .wcx-btn.wcx-ghost{padding:0 1.4rem}
.ks-wc .wcx-nbtn{background:linear-gradient(120deg,var(--ks-violet) 0%,#7b4fc0 45%,#b4563b 130%)!important;color:var(--ks-on)!important}
.ks-wc .ks-form button[type=submit]{min-height:56px}
.ks-wc .vs-card form>label:not(.check),.ks-wc .vs-row label:not(.vs-toggle),.ks-wc .vs-nosite>label,.ks-wc .form-card form>label:not(.check){font-size:.84rem;font-weight:650;color:var(--ks-ink2);letter-spacing:.005em}
.ks-wc .vs-toggle{font-size:.84rem}
.ks-wc .vs-toggle input[type=checkbox]{width:18px;height:18px;min-height:18px;flex-basis:18px;margin:0}
.ks-wc .form-card small{font-size:.8rem;color:var(--ks-muted)}
.ks-wc .check{font-size:.9rem;line-height:1.55;color:var(--ks-ink2)}
:root:not([data-theme="dark"]) .ks-wc .button.vs-submit{color:var(--ks-on)!important}

/* ======================================================================
   Industry landing pages (Handwerk · Elektro · Schreiner · SHK · Beauty)
   ====================================================================== */
.ks-landing{position:static}
.ks-landing main{position:relative;z-index:1}
.ks-landing .hero::before{display:none}
.ks-landing .hero{padding-top:clamp(40px,7vw,96px)}
.ks-landing section.block{padding:clamp(72px,9vw,128px) 0;border-top:0}
.ks-landing section.block+section.block{border-top:1px solid var(--ks-line)}
.ks-landing .head h2{font-size:clamp(2.2rem,5.6vw,4.4rem);font-weight:365}
.ks-landing .eyebrow{font-size:.8rem;letter-spacing:.18em}
.ks-landing .btn{border-radius:999px}
.ks-landing .btn.primary{justify-content:center}
.ks-landing .btn.primary.ks-has-orb{justify-content:space-between;padding:.5rem .5rem .5rem 1.4rem}
.ks-landing .hero .cta{max-width:none}.ks-landing .hero .cta .btn{white-space:nowrap;min-width:0}.ks-landing .hero .cta .btn.primary.ks-has-orb{justify-content:space-between}
.ks-landing .gw .ex .btn.primary.ks-has-orb,.ks-landing .ex .btn.primary.ks-has-orb{justify-content:space-between}
.ks-landing .ex,.ks-landing .tier,.ks-landing .who .card,.ks-landing .steps li{border-radius:24px;background:var(--ks-card);border-color:var(--ks-line);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s}
.ks-landing .ex:hover,.ks-landing .tier:hover{transform:translateY(-3px);box-shadow:0 30px 60px -40px var(--ks-shadow);border-color:color-mix(in srgb,var(--ks-violet) 30%,var(--ks-line))}
.ks-landing .tier.feat{background:linear-gradient(160deg,color-mix(in srgb,var(--ks-violet) 14%,var(--ks-card2)),var(--ks-card));border-color:color-mix(in srgb,var(--ks-violet) 55%,transparent);box-shadow:0 40px 80px -50px color-mix(in srgb,var(--ks-violet) 70%,transparent)}
.ks-landing .tier .price{font-weight:365}
.ks-landing .steps li::before{background:linear-gradient(135deg,var(--ks-violet),#7b4fc0 55%,#b4563b 140%);color:var(--ks-on);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 18px -8px var(--ks-shadow)}
.ks-landing .trades li{background:color-mix(in srgb,var(--ks-card) 70%,transparent);border-color:var(--ks-line)}
.ks-landing .note{border-radius:18px}
.ks-landing #entwurf{position:relative;isolation:isolate;background:radial-gradient(55% 45% at 92% 0%,color-mix(in srgb,var(--ks-copper) 16%,transparent),transparent 70%),radial-gradient(50% 40% at 0% 10%,color-mix(in srgb,var(--ks-violet) 16%,transparent),transparent 72%),var(--ks-paper2)}
.ks-landing form#demo-anfrage{gap:16px;padding:clamp(22px,3vw,38px);border-radius:28px}
.ks-landing label.f{font-size:.84rem;font-weight:650;color:var(--ks-ink2);gap:.4rem}
.ks-landing .ks-field{display:grid;gap:.4rem;min-width:0}
.ks-landing .check{font-size:.9rem;line-height:1.55}
.ks-landing .done{border-radius:28px;background:var(--ks-card);box-shadow:0 50px 90px -50px var(--ks-shadow)}
.ks-landing .done .mark{background:linear-gradient(135deg,var(--ks-violet),#7b4fc0 55%,#b4563b 140%);color:var(--ks-on)}
.ks-landing .faq{gap:0;border-top:1px solid var(--ks-line)}
.ks-landing .faq details{border:0;border-bottom:1px solid var(--ks-line);border-radius:0;background:transparent;padding:0}
.ks-landing .faq summary{padding:22px 40px 22px 0;font-size:1.06rem}
.ks-landing .faq summary::after{top:18px;color:var(--ks-ink)}
.ks-landing .faq details p{padding:0 40px 22px 0}
.ks-landing .sticky .btn.primary{width:100%;justify-content:space-between;padding:.45rem .45rem .45rem 1.3rem}
@media (max-width:759px){.ks-landing footer.ks-footer{padding-bottom:110px}}