/* Schriften liegen auf dem eigenen Server (dieselben Dateien wie im Help Center, SIL Open Font License, fonts/OFL-*.txt) */
@font-face{font-family:"Montserrat";font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/display-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Montserrat";font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/display-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/text-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/text-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:100 800;src:url(fonts/mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
[hidden]{display:none!important}
/* Funnelforms Website – gemeinsames Design aller Seiten.
   Hell und dunkel über Tokens: Standard ist hell; data-ff-theme auf <html> ist light, system (folgt dem Betriebssystem) oder dark (eigenes Attribut, damit ein umgebender Rahmen mit data-theme die Wahl nicht überschreibt).
   „band“ ist die Bühne (Hero, Film, Abschluss): hell ein lichtes Violett, dunkel fast schwarz. */
:root{
  --violet:#6A30F5; --violet-hi:#9C42FD; --violet-deep:#4D1FC8;
  --bg:#FFFFFF; --mist:#F6F4FC; --surface:#FFFFFF; --fg:#17191D; --muted:#585A69; --line:#E5E2F0;
  --violet-soft:#EFE9FE; --violet-ink:#5523D6;
  --band:#F3EFFE; --band-2:#FFFFFF; --band-fg:#17191D; --band-muted:#585A69; --band-line:#DCD5F2; --band-eyebrow:#5523D6;
  --nav-bg:rgba(255,255,255,.86); --nav-fg:#17191D; --logo:#6A30F5; --nav-muted:#585A69; --nav-line:#E5E2F0;
  --hero-mark:#E7E0FB; --glow:rgba(106,48,245,.20); --h1-a:#7B3DFF; --h1-b:#4D1FC8;
  --entry-bg:#F6F4FC; --entry-av:#E4DAFF; --entry-av-fg:#4D1FC8; --sc-bg:#EFE9FE; --sc-fg:#5523D6; --ghost-hover:#E9E3FB;
  --phone:#17191D;
 --d-bg:#FFFFFF; --d-fg:#17191D; --d-mu:#6B6880; --d-mu2:#5B5D6B; --d-tx2:#3D3F4A; --d-line:#DCD8EA; --d-sel:#F6F2FF; --d-ic:#EFE8FF; --d-track:#ECEAF3; --d-okbg:#E7F7EE; --d-ok:#1E9E5A;
  --ok:#17794A; --ok-soft:#E6F6EC; --warn:#9A6400;
  --tp:#00B67A; --tp-off:#DCDCE6;
  --f-display:"Montserrat", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --f-body:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --f-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --r-s:8px; --r-m:14px; --r-l:22px;
  --shadow:0 1px 2px rgba(23,25,29,.06),0 14px 44px -14px rgba(54,20,140,.22);
  --shadow-lg:0 30px 80px -24px rgba(54,20,140,.35),0 0 0 1px rgba(23,25,29,.04);
}
@media (prefers-color-scheme: dark){:root[data-ff-theme="system"]{
  --bg:#0F1014; --mist:#15161C; --surface:#1A1B22; --fg:#F2F1F7; --muted:#A6A4B6; --line:#2A2B35;
  --violet-soft:#241A45; --violet-ink:#B79BFF;
  --band:#131418; --band-2:#1C1D24; --band-fg:#F5F4FA; --band-muted:#A8A6B8; --band-line:#2C2D38; --band-eyebrow:#BFA6FF;
  --nav-bg:rgba(19,20,24,.86); --nav-fg:#F5F4FA; --logo:#F5F4FA; --nav-muted:#A8A6B8; --nav-line:#2C2D38;
  --hero-mark:#1D1E26; --glow:rgba(106,48,245,.42); --h1-a:#B28CFF; --h1-b:#8A4BFF;
  --entry-bg:#24252E; --entry-av:#3A2C6B; --entry-av-fg:#D9CBFF; --sc-bg:#2E2450; --sc-fg:#BFA6FF; --ghost-hover:#1C1D24;
  --phone:#000000; --ok:#3CC47E; --ok-soft:#14301F; --warn:#E3A83B; --tp-off:#3A3B46;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 16px 48px -16px rgba(0,0,0,.7);
  --shadow-lg:0 30px 80px -20px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.05);
  color-scheme:dark;
}}
:root[data-ff-theme="dark"]{
  --bg:#0F1014; --mist:#15161C; --surface:#1A1B22; --fg:#F2F1F7; --muted:#A6A4B6; --line:#2A2B35;
  --violet-soft:#241A45; --violet-ink:#B79BFF;
  --band:#131418; --band-2:#1C1D24; --band-fg:#F5F4FA; --band-muted:#A8A6B8; --band-line:#2C2D38; --band-eyebrow:#BFA6FF;
  --nav-bg:rgba(19,20,24,.86); --nav-fg:#F5F4FA; --logo:#F5F4FA; --nav-muted:#A8A6B8; --nav-line:#2C2D38;
  --hero-mark:#1D1E26; --glow:rgba(106,48,245,.42); --h1-a:#B28CFF; --h1-b:#8A4BFF;
  --entry-bg:#24252E; --entry-av:#3A2C6B; --entry-av-fg:#D9CBFF; --sc-bg:#2E2450; --sc-fg:#BFA6FF; --ghost-hover:#1C1D24;
  --phone:#000000; --ok:#3CC47E; --ok-soft:#14301F; --warn:#E3A83B; --tp-off:#3A3B46;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 16px 48px -16px rgba(0,0,0,.7);
  --shadow-lg:0 30px 80px -20px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.05);
  color-scheme:dark;
}
:root[data-ff-theme="light"]{color-scheme:light}

*{box-sizing:border-box}
img,video{max-width:100%;height:auto}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:400 1rem/1.6 var(--f-body);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--f-display);line-height:1.08;letter-spacing:-.025em;text-wrap:balance;margin:0}
p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--violet-hi);outline-offset:3px;border-radius:6px}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.eyebrow{font:500 .75rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--violet-ink)}
.band .eyebrow{color:var(--band-eyebrow)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:600 1rem/1 var(--f-body);padding:.95rem 1.35rem;border-radius:999px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn svg{width:18px;height:18px}
.btn-primary{background:var(--violet);color:#fff;box-shadow:0 10px 30px -10px rgba(106,48,245,.7)}
.btn-primary:hover{background:var(--violet-deep)}
.btn-ghost{border-color:var(--band-line);color:var(--band-fg);background:transparent}
.btn-ghost:hover{background:var(--ghost-hover)}
.btn-line{border-color:var(--line);color:var(--fg);background:var(--surface)}
.btn-line:hover{border-color:var(--violet)}
.btn-white{background:#fff;color:#2A0F7A}
.btn-white:hover{background:#F1ECFF}
.btn-sm{padding:.65rem 1rem;font-size:.9rem}
.muted{color:var(--muted)}
.mono{font-family:var(--f-mono)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Hinweisleiste Prototyp */

/* Navigation */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--nav-bg);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--nav-line);color:var(--nav-fg)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:50;background:var(--band)}
.nav .wrap{display:flex;align-items:center;gap:1.2rem;padding-block:.8rem}
.logo{display:inline-flex;color:var(--logo);flex:none}
.logo svg{height:22px;width:auto}
.nav-links{display:flex;gap:.2rem;list-style:none;margin:0 0 0 auto;padding:0;font-size:.92rem}
.nav-links>li{position:relative}
.nav-links a,.nav-links button{display:inline-flex;align-items:center;gap:.3rem;text-decoration:none;color:var(--nav-muted);background:none;border:0;font:inherit;cursor:pointer;padding:.5rem .7rem;border-radius:99px}
.nav-links a:hover,.nav-links button:hover,.nav-links a[aria-current="page"]{color:var(--nav-fg);background:var(--ghost-hover)}
.nav-links button svg{width:14px;height:14px;transition:transform .15s}
.nav-links button[aria-expanded="true"] svg{transform:rotate(180deg)}
.mega{position:absolute;top:calc(100% + .6rem);left:-1rem;width:min(560px,90vw);background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-lg);padding:.8rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem}
.mega a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem .8rem;align-items:start;padding:.75rem .8rem;border-radius:12px;color:var(--fg)!important;background:none!important}
.mega a:hover{background:var(--mist)!important}
.mega .ic{grid-row:span 2;width:36px;height:36px;border-radius:10px;background:var(--violet-soft);color:var(--violet-ink);display:grid;place-items:center}
.mega .ic svg{width:19px;height:19px}
.mega b{font:600 .95rem var(--f-body)}
.mega span{font-size:.82rem;color:var(--muted);line-height:1.4}
.mega .all{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:.3rem;padding-top:.9rem;font-size:.88rem;color:var(--violet-ink)!important}
.nav-tools{display:flex;align-items:center;gap:.5rem;flex:none}
.theme{display:inline-flex;border:1px solid var(--nav-line);border-radius:99px;padding:3px;gap:2px}
.theme button{width:30px;height:30px;border-radius:50%;border:0;background:none;color:var(--nav-muted);display:grid;place-items:center;cursor:pointer}
.theme button svg{width:16px;height:16px}
.theme button[aria-pressed="true"]{background:var(--violet);color:#fff}
.nav .login{font-size:.9rem;color:var(--nav-muted);text-decoration:none;padding:.5rem .6rem}
.nav .login:hover{color:var(--nav-fg)}
.burger{display:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--nav-line);background:none;color:var(--nav-fg);place-items:center;cursor:pointer}
.burger svg{width:20px;height:20px}
.drawer{display:none}
@media (max-width:1180px){
  .nav-links,.nav .login{display:none}
  .nav-tools{margin-left:auto}
  .burger{display:grid}
  .drawer[data-open="true"]{display:block;position:fixed;inset:0;top:calc(env(safe-area-inset-top,0px) + 63px);z-index:39;background:var(--bg);overflow:auto;padding-block:1rem 6rem}
  .drawer ul{list-style:none;margin:0;padding:0;display:grid}
  .drawer a{display:block;padding:1rem 0;border-bottom:1px solid var(--line);text-decoration:none;font:600 1.15rem var(--f-display)}
  .drawer a small{display:block;font:400 .85rem var(--f-body);color:var(--muted)}
  .drawer .btn{margin-top:1.4rem;width:100%}
}
@media (max-width:520px){.nav .cta-top{display:none}}

/* Bühne */
.band{background:var(--band);color:var(--band-fg)}
.hero{position:relative;overflow:hidden;overflow:clip}
.hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:70vw;height:70vw;max-width:900px;max-height:900px;background:radial-gradient(closest-side,var(--glow),rgba(106,48,245,0));pointer-events:none}
.hero-mark{position:absolute;right:-6vw;bottom:-14vw;width:min(62vw,760px);color:var(--hero-mark);pointer-events:none}
.hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:3.5rem;align-items:center;padding-block:4.5rem 5.5rem}
@media (max-width:980px){.hero .wrap{grid-template-columns:minmax(0,1fr);gap:2.5rem;padding-block:2.6rem 4rem}}
.hero h1{font-size:clamp(2.4rem,5.4vw,4.5rem);font-weight:800;margin-top:1.1rem}
.hero h1 em,.grad{font-style:normal;background:linear-gradient(180deg,var(--h1-a) 0%,var(--h1-b) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{font-size:clamp(1.05rem,1.6vw,1.22rem);color:var(--band-muted);max-width:34em;margin-top:1.4rem}
.cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.fine{font:500 .8rem/1.5 var(--f-mono);color:var(--band-muted);margin-top:1rem}
.proof{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem 2.4rem;margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid var(--band-line)}
.proof div{display:grid;gap:.15rem}
.proof b{font:800 1.6rem/1 var(--f-display);font-variant-numeric:tabular-nums}
.proof span{font-size:.82rem;color:var(--band-muted)}
.page-hero .wrap{padding-block:4.5rem 4rem;display:grid;gap:1.2rem;max-width:1200px}
.page-hero h1{font-size:clamp(2.1rem,4.4vw,3.6rem);font-weight:800;max-width:16em}
.page-hero p.lead{font-size:1.15rem;color:var(--band-muted);max-width:40em}
.crumbs{font:500 .78rem var(--f-mono);color:var(--band-muted);display:flex;flex-wrap:wrap;gap:.4rem}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--band-fg)}

/* Trustpilot (Prototyp-Nachbau; live lädt das offizielle Widget nach Einwilligung) */
.tpw{display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:.25rem .7rem;text-decoration:none;color:inherit}
.tpw .lbl{font:700 1rem var(--f-body)}
.tpw .stars5{display:inline-flex;gap:2px}
.tpw .stars5 i{width:22px;height:22px;display:grid;place-items:center;background:var(--tp-off);position:relative;overflow:hidden}
.tpw .stars5 i::before{content:"";position:absolute;inset:0;width:var(--f,100%);background:var(--tp)}
.tpw .stars5 svg{position:relative;width:15px;height:15px;color:#fff}
.tpw .meta{grid-column:1/-1;font-size:.8rem;color:var(--band-muted)}
.tpw .meta b{color:var(--band-fg);font-weight:600}
.tpw .logo-tp{display:inline-flex;align-items:center;gap:.25rem;font:700 .85rem var(--f-body)}
.tpw .logo-tp svg{width:15px;height:15px;color:var(--tp)}
.tpw.lg .stars5 i{width:34px;height:34px}.tpw.lg .stars5 svg{width:22px;height:22px}
.tpw.lg .lbl{font-size:1.4rem}

/* Demo-Funnel */
.stage{position:relative}
.demo{background:var(--d-bg);color:var(--d-fg);border-radius:var(--r-l);box-shadow:var(--shadow-lg);padding:1.6rem 1.6rem 1.3rem;min-height:440px;display:flex;flex-direction:column}
.demo-top{display:flex;justify-content:space-between;align-items:center;font:500 .72rem/1 var(--f-mono);color:var(--d-mu);letter-spacing:.06em;text-transform:uppercase}
.demo-top .live{display:inline-flex;align-items:center;gap:.4rem;color:var(--violet)}
.demo-top .live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 4px rgba(106,48,245,.18);animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(106,48,245,.05)}}
.demo h2,.demo h3{font:600 1.45rem/1.2 var(--f-display);text-align:center;margin:1.4rem 0 1.2rem}
.opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.opt{display:grid;justify-items:center;gap:.6rem;padding:1.05rem .6rem;border:1.5px solid var(--d-line);border-radius:var(--r-m);background:var(--d-bg);font:600 .95rem/1.2 var(--f-body);color:var(--d-fg);cursor:pointer;transition:border-color .15s,transform .15s,background .15s}
.opt:hover{border-color:var(--violet);transform:translateY(-2px)}
.opt[aria-pressed="true"]{border-color:var(--violet);background:var(--d-sel)}
.opt i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--d-ic);color:var(--violet)}
.opt svg{width:26px;height:26px}
.slider{display:grid;gap:1rem;padding:.5rem .3rem}
.slider output{font:800 2.6rem/1 var(--f-display);text-align:center;color:var(--violet);font-variant-numeric:tabular-nums}
.slider output small{font:500 1rem var(--f-body);color:var(--d-mu)}
.slider input{width:100%;accent-color:var(--violet)}
.slider .scale{display:flex;justify-content:space-between;font:500 .75rem var(--f-mono);color:var(--d-mu)}
.result{display:grid;gap:.9rem}
.result .calc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.result .calc div{background:var(--d-sel);border-radius:var(--r-m);padding:.9rem 1rem}
.result .calc b{display:block;font:800 1.7rem/1 var(--f-display);color:var(--violet);font-variant-numeric:tabular-nums}
.result .calc span{font-size:.8rem;color:var(--d-mu2)}
.field{display:grid;gap:.3rem;font-size:.82rem;color:var(--d-tx2)}
.field input{font:500 1rem var(--f-body);padding:.75rem .85rem;border:1.5px solid var(--d-line);border-radius:10px;color:var(--d-fg);background:var(--d-bg)}
.field input:focus{border-color:var(--violet);outline:none;box-shadow:0 0 0 4px rgba(106,48,245,.15)}
.demo .next{margin-top:1rem;width:100%}
.demo .next[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.demo-foot{margin-top:auto;padding-top:1.1rem;display:grid;gap:.45rem}
.demo-foot .row{display:flex;justify-content:space-between;font:600 .78rem var(--f-body);color:var(--d-tx2)}
.demo-foot .row button{background:none;border:0;padding:0;font:inherit;color:var(--d-mu);cursor:pointer}
.bar{height:6px;border-radius:99px;background:var(--d-track);overflow:hidden}
.bar i{display:block;height:100%;width:25%;background:linear-gradient(90deg,var(--violet),var(--violet-hi));border-radius:99px;transition:width .4s ease}
.done{display:grid;justify-items:center;text-align:center;gap:.8rem;padding-top:1.5rem}
.done .check{width:64px;height:64px;border-radius:50%;background:var(--d-okbg);color:var(--d-ok);display:grid;place-items:center}
.done p{color:var(--d-mu2);max-width:26em}
.step{animation:in .35s ease both}
@keyframes in{from{opacity:.001;transform:translateX(14px)}to{opacity:1;transform:none}}
.inbox{position:relative;margin:1rem 0 0 auto;width:min(100%,380px);background:var(--band-2);border:1px solid var(--band-line);border-radius:var(--r-m);padding:.9rem;box-shadow:var(--shadow-lg);z-index:2}
@media (min-width:981px){.inbox{margin:-1.2rem 0 0 -3.5rem;width:340px}}
.inbox-h{display:flex;align-items:center;justify-content:space-between;font:500 .72rem/1 var(--f-mono);color:var(--band-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.7rem}
.inbox-h b{color:var(--band-fg);font:700 .82rem var(--f-body);letter-spacing:0;text-transform:none}
.entries{display:grid;gap:.5rem}
.entry{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.65rem;align-items:center;background:var(--entry-bg);border-radius:10px;padding:.6rem .7rem}
.entry .av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 .7rem var(--f-body);background:var(--entry-av);color:var(--entry-av-fg)}
.entry .t{min-width:0}
.entry .t b{display:block;font:600 .85rem/1.2 var(--f-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.entry .t span{font-size:.72rem;color:var(--band-muted)}
.entry .sc{font:500 .7rem var(--f-mono);color:var(--sc-fg);background:var(--sc-bg);border-radius:99px;padding:.25rem .5rem;white-space:nowrap}
.entry.new{animation:pop .7s cubic-bezier(.2,.9,.3,1.3) both;box-shadow:0 0 0 1.5px var(--violet-hi)}
@keyframes pop{from{opacity:.001;transform:translateY(-18px) scale(.96)}to{opacity:1;transform:none}}

/* Abschnitte */
section{scroll-margin-top:84px}
.sec{padding-block:6rem}
.sec.tight{padding-block:4rem}
.sec-head{display:grid;gap:1rem;max-width:46rem;margin-bottom:3rem}
.sec-head.c{margin-inline:auto;text-align:center;justify-items:center}
.sec-head h2{font-size:clamp(1.85rem,3.7vw,2.9rem);font-weight:800}
.sec-head p{font-size:1.1rem;color:var(--muted)}
.band .sec-head p{color:var(--band-muted)}
.mist{background:var(--mist)}
.caption{font:500 .75rem/1.5 var(--f-mono);color:var(--muted);margin-top:1rem}

/* Laufband Integrationen */
.strip{border-block:1px solid var(--line);background:var(--bg);overflow:hidden}
.strip .wrap{display:flex;align-items:center;gap:1.6rem;padding-block:1.4rem}
.strip .lbl{flex:none;font:500 .75rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.marquee{overflow:hidden;min-width:0;flex:1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-in{display:flex;gap:2.4rem;width:max-content;animation:marq 38s linear infinite}
.marquee:hover .marquee-in{animation-play-state:paused}
.marquee span{font:600 1.05rem var(--f-display);color:var(--muted);white-space:nowrap}
@keyframes marq{to{transform:translateX(-50%)}}

/* Drei Schritte */
.how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;counter-reset:h}
@media (max-width:900px){.how{grid-template-columns:minmax(0,1fr)}}
.how article{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;display:flex;flex-direction:column;counter-increment:h}
.how .tx{padding:1.5rem 1.6rem 1.3rem;display:grid;gap:.45rem}
.how .tx::before{content:counter(h);width:34px;height:34px;border-radius:50%;background:var(--violet);color:#fff;display:grid;place-items:center;font:700 .95rem var(--f-display);margin-bottom:.4rem}
.how h3{font-size:1.35rem;font-weight:600}
.how p{color:var(--muted);font-size:.96rem}
.how .shot{margin-top:auto;aspect-ratio:16/10;overflow:hidden;border-top:1px solid var(--line);background:var(--mist)}
.how .shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}

/* Bento */
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.tile .tx{padding:1.5rem 1.6rem 1.2rem;display:grid;gap:.5rem}
.tile h3{font-size:1.45rem;font-weight:600}
.tile p{color:var(--muted);font-size:.97rem}
.tile .shot{margin-top:auto;padding:0 0 0 1.6rem}
.tile .shot img{display:block;width:100%;border-radius:12px 0 0 0;border:1px solid var(--line);border-right:0;border-bottom:0;object-fit:cover;object-position:left top}
.t-wide{grid-column:span 4}.t-half{grid-column:span 3}.t-third{grid-column:span 2}
.t-wide .shot img{aspect-ratio:16/9.2}
.t-third .shot img{aspect-ratio:4/3.6}
.t-half .shot img{aspect-ratio:16/10}
.tile.mini{padding:1.4rem 1.5rem;gap:.55rem;justify-content:flex-start}
.tile.mini h3{font-size:1.15rem}
.ic{width:38px;height:38px;border-radius:10px;background:var(--violet-soft);color:var(--violet-ink);display:grid;place-items:center;flex:none}
.ic svg{width:20px;height:20px}
.tag{display:inline-block;font:500 .7rem/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--violet-ink);background:var(--violet-soft);border-radius:99px;padding:.35rem .55rem;justify-self:start}
@media (max-width:980px){.t-wide,.t-half{grid-column:span 6}.t-third{grid-column:span 3}}
@media (max-width:620px){.t-third{grid-column:span 6}}

/* Funktion im Detail, abwechselnd links und rechts */
.feat{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:3.5rem;align-items:center}
.feat+.feat{margin-top:6rem}
.feat.rev{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.feat.rev .feat-tx{order:2}
@media (max-width:980px){.feat,.feat.rev{grid-template-columns:minmax(0,1fr);gap:2rem}.feat.rev .feat-tx{order:0}.feat+.feat{margin-top:4.5rem}}
.feat-tx{display:grid;gap:1rem;align-content:start}
.feat-tx h3,.feat-tx h2.feat-h{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800}
.feat-tx>p{color:var(--muted);font-size:1.06rem}
.checks{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:.6rem}
.checks li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;font-size:.97rem}
.checks li::before{content:"";width:20px;height:20px;margin-top:.15rem;border-radius:50%;background:var(--violet-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.3l3 3 6-6.3' fill='none' stroke='%236A30F5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.frame{border-radius:var(--r-l);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--surface)}
.frame img{display:block;width:100%}
.frame.browser{padding-top:30px;position:relative;background:var(--mist)}
.frame.browser::before{content:"";position:absolute;top:11px;left:14px;width:8px;height:8px;border-radius:50%;background:#FF5F57;box-shadow:14px 0 0 #FEBC2E,28px 0 0 #28C840}
.frame.browser img{border-top:1px solid var(--line)}
.layer{position:relative}
.layer .float{position:absolute;right:-1.2rem;bottom:-1.6rem;width:42%;border-radius:var(--r-m);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg);background:var(--surface)}
.layer .float img{display:block;width:100%}
@media (max-width:620px){.layer .float{right:-.4rem;bottom:-1rem;width:48%}}
.stat-row{display:flex;flex-wrap:wrap;gap:1.6rem 2.4rem;margin-top:.6rem}
.stat-row div{display:grid}
.stat-row b{font:800 1.9rem/1.1 var(--f-display);color:var(--violet-ink);font-variant-numeric:tabular-nums}
.stat-row span{font-size:.82rem;color:var(--muted)}

/* Handys */
.phones{display:flex;justify-content:center;align-items:flex-end;gap:clamp(.8rem,3vw,2.4rem);flex-wrap:wrap}
.phone{width:min(250px,42vw);border-radius:38px;background:var(--phone);padding:10px;box-shadow:var(--shadow-lg);position:relative}
.phone::before{content:"";position:absolute;top:16px;left:50%;transform:translateX(-50%);width:74px;height:20px;border-radius:99px;background:var(--phone);z-index:2}
.phone img{display:block;width:100%;border-radius:29px;aspect-ratio:390/844;object-fit:cover;object-position:top}
.phone.mid{width:min(280px,46vw);transform:translateY(-1.2rem)}
.phone figcaption{position:absolute;left:0;right:0;bottom:-2.2rem;text-align:center;font:500 .75rem var(--f-mono);color:var(--muted)}
@media (max-width:620px){.phone.side2{display:none}}

/* Film */
.film{display:grid;gap:1.4rem}
.player{position:relative;aspect-ratio:16/9;max-width:100%;border-radius:var(--r-l);overflow:hidden;border:1px solid var(--band-line);background:#0B0B0E;box-shadow:var(--shadow-lg)}
.player video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.player .loop{opacity:.6;filter:saturate(.8)}
.player:not(.on) .main{visibility:hidden}
.player.on .loop,.player.on .over{display:none}
.player .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.player.on .poster{display:none}
.player.pst .over{background:rgba(11,11,14,.08)}
.player.pst .over b,.player.pst .over span.t{display:none}
.player.pst .over .play{position:absolute;left:71%;top:26%}
.player .over{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:1rem;text-align:center;padding:1rem;border:0;margin:0;width:100%;font:inherit;color:#fff;cursor:pointer;background:radial-gradient(ellipse at center,rgba(11,11,14,.5),rgba(11,11,14,.85))}
.play{width:88px;height:88px;border-radius:50%;background:var(--violet);display:grid;place-items:center;box-shadow:0 0 0 14px rgba(106,48,245,.22),0 0 0 30px rgba(106,48,245,.1);transition:transform .2s}
.play svg{width:30px;height:30px;margin-left:4px;color:#fff}
.player .over:hover .play{transform:scale(1.06)}
.player .over:focus-visible{outline:3px solid #BFA6FF;outline-offset:-6px}
.player .over b{font:600 1.3rem var(--f-display)}
.player .over span.t{font:500 .78rem/1.5 var(--f-mono);color:#C9C6D8;max-width:40em}
@media (max-width:620px){.player .play{width:60px;height:60px;box-shadow:0 0 0 8px rgba(106,48,245,.22)}.player .over span.t{display:none}.player .over b{font-size:1.05rem}}
.chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.chapters button{border:0;border-top:2px solid var(--band-line);background:none;color:inherit;font:inherit;text-align:left;padding:.8rem 0 0;display:grid;gap:.25rem;cursor:pointer}
.chapters button[aria-current="true"]{border-color:var(--violet)}
.chapters b{font:500 .75rem var(--f-mono);color:var(--band-eyebrow)}
.chapters span{font-size:.92rem;color:var(--band-muted)}
.chapters button:hover span{color:var(--band-fg)}
@media (max-width:760px){.chapters{grid-template-columns:repeat(2,minmax(0,1fr))}}
.film-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding-top:.6rem}
.film-cta p{color:var(--band-muted)}
dialog.film-modal{border:0;padding:0;background:transparent;width:min(1100px,94vw);max-width:94vw}
dialog.film-modal::backdrop{background:rgba(8,8,12,.86);backdrop-filter:blur(4px)}
dialog.film-modal video{width:100%;display:block;border-radius:16px;background:#000;aspect-ratio:16/9}
dialog.film-modal .x{position:absolute;top:-3rem;right:0;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#17191D;cursor:pointer;font:600 1.3rem/1 var(--f-body)}
dialog.film-modal .after{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;color:#fff}

/* Branchen */
.tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.6rem}
.tabs button{font:600 .92rem var(--f-body);border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:99px;padding:.6rem 1rem;cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--violet);border-color:var(--violet);color:#fff}
.case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(1.4rem,3vw,2.6rem)}
@media (max-width:900px){.case{grid-template-columns:minmax(0,1fr)}}
.case h3{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:800}
.case p{color:var(--muted)}
.case .q{display:grid;gap:.5rem;margin-top:1.2rem}
.case .q div{display:flex;align-items:center;gap:.7rem;background:var(--mist);border:1px solid var(--line);border-radius:12px;padding:.7rem .9rem;font-size:.95rem}
.case .q div b{font:500 .72rem var(--f-mono);color:var(--violet-ink);flex:none}
.case .kpi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.case .kpi div{background:var(--violet-soft);border-radius:var(--r-m);padding:1.2rem}
.case .kpi b{display:block;font:800 1.6rem/1.1 var(--f-display);color:var(--violet-ink)}
.case .kpi span{font-size:.85rem;color:var(--muted)}

/* Vorlagen */
.tpl{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:2.5rem;align-items:center}
@media (max-width:980px){.tpl{grid-template-columns:minmax(0,1fr)}}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem}
.chips span,.chips button{font:500 .88rem var(--f-body);border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:99px;padding:.45rem .85rem}
.chips button{cursor:pointer}
.chips button[aria-pressed="true"]{border-color:var(--violet);background:var(--violet-soft);color:var(--violet-ink)}
.chips b{color:var(--violet-ink);font-weight:600;margin-left:.3rem;font-variant-numeric:tabular-nums}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}
.tcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.3rem;display:grid;gap:.6rem;align-content:start}
.tcard .ic{width:44px;height:44px;border-radius:12px}
.tcard h3{font-size:1.15rem;font-weight:600}
.tcard p{color:var(--muted);font-size:.9rem}
.tcard .meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}
.tcard .meta span{font:500 .7rem var(--f-mono);color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:.25rem .5rem}

/* Umstieg */
.move{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:3rem;align-items:center}
@media (max-width:980px){.move{grid-template-columns:minmax(0,1fr)}}
.steps{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:1.1rem;counter-reset:s}
.steps li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;counter-increment:s}
.steps li::before{content:counter(s);width:34px;height:34px;border-radius:50%;border:1.5px solid var(--violet);color:var(--violet-ink);display:grid;place-items:center;font:700 .9rem var(--f-display)}
.steps button{all:unset;display:block;cursor:pointer;border-radius:10px;padding:.35rem .6rem;margin:-.35rem -.6rem;transition:background .15s}
.steps button:hover,.steps button[aria-pressed="true"]{background:var(--violet-soft)}
.steps button[aria-pressed="true"] b{color:var(--violet-ink)}
.steps button:focus-visible,.link:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.steps b{display:block;font:600 1.05rem var(--f-body)}
.steps span{color:var(--muted);font-size:.95rem}
.also{margin:1.6rem 0 0;color:var(--muted);font-size:.95rem}
.link{all:unset;cursor:pointer;color:var(--violet-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
#move-shot{transition:opacity .2s}

/* Tabelle */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface)}
table{border-collapse:collapse;width:100%;min-width:620px;font-size:.95rem}
th,td{text-align:left;padding:.95rem 1.2rem;border-bottom:1px solid var(--line);vertical-align:top}
thead th{font:600 .8rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--mist)}
thead th:last-child{color:var(--violet-ink)}
tbody tr:last-child td{border-bottom:0}
tbody th{font-weight:600;width:28%}
td.p{color:var(--violet-ink);font-weight:500}
tr.grp th{background:var(--mist);font:600 .78rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.yes{color:var(--ok);font-weight:600}.no{color:var(--muted)}

/* Stimmen */
.reviews{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:2rem;align-items:start}
@media (max-width:980px){.reviews{grid-template-columns:minmax(0,1fr)}}
.tp-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.8rem;display:grid;gap:1rem;position:sticky;top:100px}
.tp-card .tpw .meta{color:var(--muted)}.tp-card .tpw .meta b{color:var(--fg)}
.tp-card .bars{display:grid;gap:.4rem;font:500 .78rem var(--f-mono);color:var(--muted)}
.tp-card .bars div{display:grid;grid-template-columns:4.5em minmax(0,1fr) 3em;gap:.6rem;align-items:center}
.tp-card .bars i{height:8px;border-radius:99px;background:var(--line);overflow:hidden;position:relative}
.tp-card .bars i::before{content:"";position:absolute;inset:0;width:var(--w);background:var(--tp)}
.tp-card .hint{font-size:.8rem;color:var(--muted);border-top:1px dashed var(--line);padding-top:.9rem}
.quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
@media (max-width:700px){.quotes{grid-template-columns:minmax(0,1fr)}}
.quote{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.6rem;display:flex;flex-direction:column;gap:1rem;margin:0}
.quote .s{display:inline-flex;gap:2px}
.quote .s i{width:18px;height:18px;background:var(--tp);display:grid;place-items:center}
.quote .s svg{width:12px;height:12px;color:#fff}
.quote blockquote{margin:0;font:500 1.08rem/1.5 var(--f-body)}
.quote footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:.6rem;font-size:.85rem;color:var(--muted)}
.quote footer b{color:var(--fg);font-weight:600}
.src{font:500 .7rem var(--f-mono);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line);border-radius:99px;padding:.3rem .55rem;white-space:nowrap}
.quote.wide{grid-column:1/-1;background:var(--violet-soft);border-color:transparent}
.quote.wide blockquote{font:600 clamp(1.25rem,2.2vw,1.6rem)/1.4 var(--f-display)}
.ratings{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.ratings span{font:500 .8rem var(--f-mono);color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:.4rem .7rem;background:var(--surface)}
.ratings b{color:var(--fg)}

/* Vertrauen */
.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
@media (max-width:980px){.trust{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.trust{grid-template-columns:minmax(0,1fr)}}
.trust article{border:1px solid var(--line);border-radius:var(--r-l);padding:1.4rem;display:grid;gap:.6rem;align-content:start;background:var(--surface)}
.trust h3{font-size:1.1rem;font-weight:600}
.trust p{color:var(--muted);font-size:.92rem}

/* Preise */
.bill-bar{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;margin-bottom:2.4rem}
.toggle{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:4px;gap:4px}
.toggle button{font:600 .9rem var(--f-body);border:0;background:none;color:var(--muted);padding:.6rem 1.1rem;border-radius:99px;cursor:pointer;white-space:nowrap}
.toggle button[aria-pressed="true"]{background:var(--violet);color:#fff}
.toggle small{font:500 .7rem var(--f-mono);margin-left:.45rem;padding:.15rem .4rem;border-radius:99px;background:var(--ok-soft);color:var(--ok)}
.toggle button[aria-pressed="true"] small{background:rgba(23,25,29,.3);color:#fff}
.pick{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.9rem;color:var(--muted)}
.pick span{margin-right:.3rem}
.pick button{font:600 .85rem var(--f-body);border:1px solid var(--line);background:var(--surface);color:var(--fg);padding:.45rem .8rem;border-radius:99px;cursor:pointer}
.pick button[aria-pressed="true"]{border-color:var(--violet);background:var(--violet-soft);color:var(--violet-ink)}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;align-items:stretch}
@media (max-width:960px){.plans{grid-template-columns:minmax(0,1fr);max-width:30rem;margin-inline:auto}}
.plan{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.8rem;display:flex;flex-direction:column;gap:.9rem;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.plan:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.plan.sel{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft),var(--shadow)}
.plan.hot{color:#fff;border:0;background:radial-gradient(120% 90% at 0% 0%,#9C42FD 0%,transparent 60%),linear-gradient(155deg,#6A30F5 0%,#4D1FC8 70%,#2E1180 100%);box-shadow:var(--shadow-lg)}
.plan.hot.sel{box-shadow:0 0 0 3px var(--violet-soft),var(--shadow-lg)}
.plan .badge{position:absolute;top:-.85rem;left:1.6rem;background:#fff;color:var(--violet-deep);font:600 .72rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:.38rem .7rem;border-radius:99px;box-shadow:var(--shadow)}
.plan .ph{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.plan h3{font-size:1.35rem;font-weight:600}
.plan .chip{font:600 .75rem var(--f-mono);padding:.3rem .6rem;border-radius:99px;background:var(--violet-soft);color:var(--violet-ink);white-space:nowrap}
.plan.hot .chip{background:rgba(255,255,255,.16);color:#fff}
.price{display:flex;align-items:baseline;gap:.35rem}
.price b{font:800 3.2rem/1 var(--f-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.price span{color:var(--muted);font-size:.95rem}
.plan.hot .price span,.plan.hot .note,.plan.hot .per,.plan.hot .after-trial{color:rgba(255,255,255,.78)}
.plan .per{font-size:.9rem;color:var(--muted);margin-top:-.5rem}
.plan .note{font:500 .76rem/1.4 var(--f-mono);color:var(--muted);min-height:2.2em}
.plan .btn{width:100%;justify-content:center}
.plan .after-trial{font-size:.8rem;color:var(--muted);text-align:center;margin-top:-.4rem}
.plan ul{list-style:none;margin:.4rem 0 0;padding:1rem 0 0;border-top:1px solid var(--line);display:grid;gap:.55rem;font-size:.92rem}
.plan.hot ul{border-color:rgba(255,255,255,.18)}
.plan li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem}
.plan li:first-child{font-weight:600}
.plan li::before{content:"";width:17px;height:17px;margin-top:.15rem;border-radius:50%;background:var(--violet-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-5' fill='none' stroke='%236A30F5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/17px no-repeat}
.plan.hot li::before{background-color:#fff}
.btn-white{background:#fff;color:var(--violet-deep)}
.btn-white:hover{background:#F3EFFE}
.enterprise{margin-top:1.2rem;display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;padding:1.4rem 1.8rem;border:1px dashed var(--band-line);border-radius:var(--r-l);background:var(--mist)}
.enterprise.sel{border:1px solid var(--violet);box-shadow:0 0 0 3px var(--violet-soft)}
.enterprise h3{font-size:1.15rem;font-weight:600;margin-bottom:.2rem}
.enterprise p{color:var(--muted);font-size:.95rem}
.free{margin-top:1rem;display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;padding:1.3rem 1.8rem;border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface)}
.free p{color:var(--muted)}
.free b{color:var(--fg)}
.assure{display:flex;flex-wrap:wrap;gap:.8rem 1.8rem;margin-top:1.6rem;font-size:.9rem;color:var(--muted);justify-content:center}
.assure span{display:inline-flex;align-items:center;gap:.45rem}
.assure svg{width:17px;height:17px;color:var(--ok)}

/* Topbar */
.topbar{display:flex;justify-content:center;align-items:center;gap:.7rem;white-space:nowrap;overflow:hidden;text-decoration:none;color:#fff;font:500 .85rem/1.3 var(--f-body);padding-block:.55rem;padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px));background:linear-gradient(90deg,#4D1FC8,#6A30F5 45%,#9C42FD)}
.topbar .tb-new{font:600 .68rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.2);padding:.2rem .5rem;border-radius:99px}
.topbar .tb-long,.topbar .tb-short{overflow:hidden;text-overflow:ellipsis}
.topbar .tb-short{display:none}
.topbar b{font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (max-width:820px){.topbar .tb-long{display:none}.topbar .tb-short{display:inline}}
@media (max-width:420px){.topbar .tb-short{display:none}}

/* Cookie-Banner */
.cookie{position:fixed;z-index:60;left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));max-width:44rem;margin-inline:auto;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-lg);padding:1.3rem 1.4rem;display:grid;gap:1rem}
.cookie h2{font:600 1.05rem var(--f-display);margin-bottom:.35rem}
.cookie p{font-size:.9rem;color:var(--muted)}
.cookie p a{color:var(--violet-ink)}
.ck-opts{display:grid;gap:.6rem;margin-top:.8rem}
.ck-opts label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem;font-size:.88rem;color:var(--muted);align-items:start}
.ck-opts b{display:block;color:var(--fg)}
.ck-opts input{margin-top:.25rem;accent-color:var(--violet);width:16px;height:16px}
.ck-btns{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}
.ck-btns .btn{flex:1 1 0;min-width:9rem;justify-content:center}
.linkbtn{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* FAQ */
.faq{display:grid;gap:.6rem;max-width:52rem}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:1.1rem 1.3rem}
.faq summary{cursor:pointer;font:600 1.05rem var(--f-body);list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 1.4rem/1 var(--f-display);color:var(--violet-ink)}
.faq details[open] summary::after{content:"–"}
.faq details p{margin-top:.7rem;color:var(--muted)}
.faq-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:3rem}
@media (max-width:900px){.faq-grid{grid-template-columns:minmax(0,1fr)}}

/* Abschluss */
.final{background:linear-gradient(135deg,#4D1FC8 0%,#6A30F5 55%,#9C42FD 100%);color:#fff;position:relative;overflow:hidden;overflow:clip}
.final .fm{position:absolute;right:max(16px,5vw);top:50%;transform:translateY(-50%);height:min(78%,420px);width:auto;max-width:42vw;color:rgba(255,255,255,.11);filter:drop-shadow(0 30px 60px rgba(30,8,90,.35));pointer-events:none}
@media (max-width:760px){.final .fm{right:-8vw;height:62%;max-width:70vw;color:rgba(255,255,255,.08)}}
.final .wrap{position:relative;display:grid;justify-items:start;gap:1.4rem;padding-block:6rem}
.final .eyebrow{color:#E2D6FF}
.final h2{font-size:clamp(2.2rem,4.8vw,3.9rem);font-weight:800;max-width:14em}
.final p{color:#E8E0FF;font-size:1.1rem;max-width:36em}
.final .btn-ghost{border-color:rgba(255,255,255,.4);color:#fff}
.final .btn-ghost:hover{background:rgba(255,255,255,.12)}

/* Fußzeile */
footer.site{background:var(--band);color:var(--band-muted);border-top:1px solid var(--band-line);font-size:.9rem}
footer.site .cols{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:2rem;padding-block:3.5rem 2rem}
footer.site .about{display:grid;gap:1rem;align-content:start}
footer.site .about .logo{color:var(--logo)}
footer.site h2.fh{font:500 .72rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--band-fg);margin:0 0 .8rem}
footer.site ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
footer.site a{text-decoration:none}
footer.site a:hover{color:var(--band-fg)}
footer.site .legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;border-top:1px solid var(--band-line);padding-block:1.4rem 2rem;font-size:.82rem}
footer.site .legal div{display:flex;flex-wrap:wrap;gap:1.2rem}
@media (max-width:900px){footer.site .cols{grid-template-columns:repeat(2,minmax(0,1fr))}footer.site .about{grid-column:1/-1}}

/* Mobile CTA */
.mcta{position:fixed;left:0;right:0;bottom:0;z-index:35;display:none;gap:.6rem;padding:.7rem max(16px,env(safe-area-inset-right,0px)) calc(.7rem + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--nav-line);transform:translateY(110%);transition:transform .25s}
.mcta .btn{flex:1;padding:.8rem 1rem}
.mcta[data-show="true"]{transform:none}
@media (max-width:760px){.mcta{display:flex}}

/* Sitemap */
.tree{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.tree section{border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface);padding:1.3rem}
.tree h3{font-size:1.1rem;font-weight:600;margin-bottom:.8rem;display:flex;justify-content:space-between;gap:.6rem}
.tree h3 code{font:500 .75rem var(--f-mono);color:var(--muted)}
.tree ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.tree li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:baseline;font-size:.92rem;padding:.35rem 0;border-bottom:1px dashed var(--line)}
.tree li:last-child{border-bottom:0}
.tree li code{display:block;font:500 .72rem var(--f-mono);color:var(--muted)}
.tree li a{text-decoration:none;color:var(--violet-ink);font-weight:600}
.st{font:500 .66rem var(--f-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:99px;padding:.2rem .45rem;white-space:nowrap}
.st.on{background:var(--ok-soft);color:var(--ok)}
.st.plan{background:var(--violet-soft);color:var(--violet-ink)}
.st.ext{background:var(--mist);color:var(--muted);border:1px solid var(--line)}
.st.go{background:transparent;color:var(--warn);border:1px solid currentColor}
.legend{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;margin-bottom:1.6rem;font-size:.88rem;color:var(--muted)}
.legend span{display:inline-flex;align-items:center;gap:.4rem}

.note-box{border:1px dashed var(--line);border-radius:var(--r-m);padding:1rem 1.2rem;color:var(--muted);font-size:.9rem;background:var(--surface)}
.note-box b{color:var(--fg)}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
@media (max-width:900px){.grid3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){.grid2{grid-template-columns:minmax(0,1fr)}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.5rem;display:grid;gap:.6rem;align-content:start}
.card h3{font-size:1.2rem;font-weight:600}
.card p{color:var(--muted);font-size:.95rem}

.reveal{opacity:1}
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none}}

/* Bild je Darstellung: hell oder dunkel, gesteuert über Tokens */
:root{--show-l:block;--show-d:none}
@media (prefers-color-scheme: dark){:root[data-ff-theme="system"]{--show-l:none;--show-d:block}}
:root[data-ff-theme="dark"]{--show-l:none;--show-d:block}
.th-l{display:var(--show-l)!important}.th-d{display:var(--show-d)!important}

/* Seiten-Unternavigation */
.subnav{position:sticky;top:calc(env(safe-area-inset-top,0px) + 63px);z-index:30;background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.subnav .wrap{display:flex;gap:.4rem;overflow-x:auto;padding-block:.6rem;scrollbar-width:none}
.subnav a{flex:none;font:600 .85rem var(--f-body);text-decoration:none;color:var(--muted);padding:.45rem .8rem;border-radius:99px;border:1px solid var(--line);background:var(--surface)}
.subnav a:hover{color:var(--fg);border-color:var(--violet)}
.more{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;color:var(--violet-ink);text-decoration:none;margin-top:.4rem}
.more:hover{text-decoration:underline;text-underline-offset:3px}

/* Zwischenaufruf */
.nudge{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.4rem 1.6rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;box-shadow:var(--shadow)}
.nudge p{font:600 1.15rem/1.35 var(--f-display);max-width:28em}
.nudge .tpw .meta{color:var(--muted)}.nudge .tpw .meta b{color:var(--fg)}
.nudge .cta{margin-top:0}

/* Integrationen */
.igrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
@media (max-width:900px){.igrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.igrid{grid-template-columns:minmax(0,1fr)}}
.igrid article{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.4rem;display:grid;gap:.7rem;align-content:start}
.igrid h3{font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.7rem}
.igrid .names{display:flex;flex-wrap:wrap;gap:.4rem}
.igrid .names span{font:500 .82rem var(--f-body);border:1px solid var(--line);border-radius:99px;padding:.3rem .65rem;background:var(--mist)}
.igrid .names span.new{border-color:var(--violet);color:var(--violet-ink);background:var(--violet-soft)}

/* Feldtypen */
.fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.6rem}
.fields span{display:flex;justify-content:space-between;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.7rem .9rem;font-size:.92rem}
.fields span i{font:500 .65rem var(--f-mono);font-style:normal;text-transform:uppercase;letter-spacing:.06em;color:var(--violet-ink);background:var(--violet-soft);border-radius:99px;padding:.2rem .45rem}

/* Kleine Statusmarke an Vorlagenkarten */
.tcard .meta span.pro{border-color:var(--violet);color:var(--violet-ink)}
.tcard .meta span.fr{border-color:var(--ok);color:var(--ok)}
.tcount{font:500 .8rem var(--f-mono);color:var(--muted);margin:-.4rem 0 1.4rem}

/* Tabelle Alt zu Neu */
td code,th code{font:500 .8rem var(--f-mono)}
.map td:nth-child(2){white-space:nowrap}
.final .tpw{color:#fff}
.final .tpw .meta,.final .tpw .meta b{color:#fff}
.final .tpw .stars5 i{background:rgba(255,255,255,.28)}
h1,h2,h3{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.tpw .meta b{font:inherit;font-weight:700}
@media (max-width:620px){.proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem .8rem}.proof .tpw{grid-column:1/-1}.proof b{font-size:1.25rem}.proof span{font-size:.75rem}}
dialog.film-modal .film-note{margin:.7rem 0 0;font:500 .75rem/1.5 var(--f-mono);color:#C9C6D8}
.page-hero.compact .wrap{padding-block:3.2rem 5.5rem}
.plans-sec{padding-top:0}
.plans-sec .wrap{margin-top:-3.4rem;position:relative}
.plans-sec .bill-bar{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:.8rem 1rem;box-shadow:var(--shadow)}

/* Geräte-Showcase */
.dev-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:3rem;align-items:center}
@media (max-width:980px){.dev-wrap{grid-template-columns:minmax(0,1fr)}}
.dev-copy{display:grid;gap:1.4rem;align-content:start}
.dev-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:99px;background:var(--surface);justify-self:start}
.dev-tabs button{display:inline-flex;align-items:center;gap:.45rem;font:600 .9rem var(--f-body);border:0;background:none;color:var(--muted);padding:.55rem 1rem;border-radius:99px;cursor:pointer}
.dev-tabs button svg{width:16px;height:16px}
.dev-tabs button[aria-pressed="true"]{background:var(--violet);color:#fff}
.dev-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.dev-list button{display:inline-flex;align-items:center;gap:.5rem;font:500 .85rem var(--f-body);border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:.4rem .8rem;border-radius:99px;cursor:pointer}
.dev-list button i{width:9px;height:9px;border-radius:50%}
.dev-list button[aria-current="true"]{color:var(--fg);border-color:var(--fg)}
.dev-copy .btn{justify-self:start}
.dev-stage{display:grid;place-items:center;min-height:30rem;position:relative}
.dev-stage::before{content:"";position:absolute;inset:8% 6%;background:radial-gradient(closest-side,var(--glow),transparent);filter:blur(30px);z-index:0}
.device{position:relative;z-index:1;transition:width .6s cubic-bezier(.2,.8,.2,1);max-width:100%}
.dev-screen{background:var(--surface);overflow:hidden;position:relative;transition:border-radius .6s,height .6s,border-width .6s;container-type:inline-size;border:solid #17191D}
.device.laptop{width:40rem}
.device.laptop .dev-screen{height:24rem;border-width:12px 12px 16px;border-radius:16px 16px 4px 4px}
.device.laptop .dev-base{height:14px;margin:0 -2.6rem;background:linear-gradient(#2A2B33,#17191D);border-radius:0 0 18px 18px;position:relative}
.device.laptop .dev-base::before{content:"";position:absolute;left:50%;top:0;width:7rem;height:6px;transform:translateX(-50%);background:#0B0C0F;border-radius:0 0 8px 8px}
.device.tablet{width:27rem}
.device.tablet .dev-screen{height:30rem;border-width:16px;border-radius:28px}
.device.phone{width:16.5rem}
.device.phone .dev-screen{height:31rem;border-width:10px;border-radius:40px}
.device.phone .dev-screen::before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:5.5rem;height:1.3rem;background:#17191D;border-radius:99px;z-index:2}
.device.tablet .dev-base,.device.phone .dev-base{display:none}
:root[data-ff-theme="dark"] .dev-screen{border-color:#000}
@media (prefers-color-scheme: dark){:root[data-ff-theme="system"] .dev-screen{border-color:#000}}
.dev-form{height:100%;padding:1.4rem 1.4rem;display:flex;flex-direction:column;gap:.9rem;font-size:.95rem}
.device.phone .dev-form{padding:2.4rem 1rem 1rem}
.dev-form.in .df-body{animation:dfIn .45s ease}
@keyframes dfIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.df-top{display:flex;justify-content:space-between;gap:.5rem;align-items:center;font-size:.75rem;color:var(--muted)}
.df-chip{font:600 .72rem var(--f-mono);color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);padding:.25rem .55rem;border-radius:99px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.df-count{white-space:nowrap}
.df-bar{height:5px;border-radius:99px;background:var(--line);overflow:hidden}
.df-bar i{display:block;height:100%;border-radius:99px;transition:width .6s ease}
.df-body{display:flex;flex-direction:column;gap:1rem;flex:1}
.df-body h4{font:600 1.2rem/1.3 var(--f-display);margin:0;text-wrap:balance}
.df-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5rem),1fr));gap:.6rem}
@container (max-width:320px){.df-opts{grid-template-columns:minmax(0,1fr)}.df-opt{flex-direction:row;padding:.7rem .8rem;text-align:left}}
.df-opt{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;padding:1rem .6rem;border:1.5px solid var(--line);border-radius:12px;font-size:.85rem;font-weight:500;transition:all .3s}
.df-opt .df-ic{width:2.4rem;height:2.4rem;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 10%,transparent);color:var(--c)}
.df-opt svg{width:20px;height:20px}
.df-opt.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 8%,transparent);transform:scale(1.03);box-shadow:0 8px 24px -10px var(--c)}
.df-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.5rem}
.df-slots span{padding:.7rem;border:1.5px solid var(--line);border-radius:10px;text-align:center;font:500 .85rem var(--f-mono);transition:all .3s}
.df-slots span.on{background:var(--c);border-color:var(--c);color:#fff}
.df-res{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.6rem}
.df-res div{border:1px solid var(--line);border-radius:12px;padding:.9rem;display:grid;gap:.2rem}
.df-res b{font:800 1.5rem/1.1 var(--f-display)}
.df-res span{font-size:.75rem;color:var(--muted)}
.df-fields{display:grid;gap:.5rem}
.df-fields span{border:1.5px solid var(--line);border-radius:10px;padding:.65rem .8rem;color:var(--muted);font-size:.85rem}
.df-fields .typing{border-color:var(--violet)}
.df-btn{justify-self:start;color:#fff;font-weight:600;font-size:.9rem;padding:.65rem 1.2rem;border-radius:99px}
.df-done{display:grid;justify-items:center;text-align:center;gap:.6rem;padding-top:1.5rem}
.df-ok{width:3rem;height:3rem;border-radius:50%;color:#fff;display:grid;place-items:center;font-size:1.4rem;animation:pop .4s ease}
@keyframes pop{from{transform:scale(.4)}to{transform:scale(1)}}
.df-done p{color:var(--muted);font-size:.85rem}
@media (max-width:700px){.device.laptop{width:100%}.device.laptop .dev-base{margin:0 -1rem}.device.laptop .dev-screen{height:20rem}.device.tablet{width:min(27rem,100%)}.dev-stage{min-height:0}}
.df-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:.6rem}
.df-back{width:2.2rem;height:2.2rem;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;color:var(--muted);font-size:.9rem}
.df-foot .df-btn{opacity:.45;transition:opacity .3s,transform .3s}
.df-foot .df-btn.go{opacity:1;transform:translateX(2px)}

/* Rechtstexte */
.legal-doc{max-width:46rem;display:grid;gap:.9rem;line-height:1.65}
.legal-doc h2{font:600 1.35rem/1.3 var(--f-display);margin-top:1.4rem}
.legal-doc h3{font:600 1.08rem/1.3 var(--f-display);margin-top:.8rem}
.legal-doc p,.legal-doc li{color:var(--fg)}
.legal-doc ul,.legal-doc ol{padding-left:1.2rem;display:grid;gap:.35rem}
.legal-doc a{color:var(--violet-ink)}
.legal-doc table{border-collapse:collapse;width:100%;font-size:.9rem}
.legal-doc th,.legal-doc td{border:1px solid var(--line);padding:.5rem .6rem;text-align:left;vertical-align:top}
.legal-doc{overflow-wrap:anywhere}
mark.todo{background:#FFF1C2;color:#5C4300;border-radius:4px;padding:0 .3rem}
:root[data-ff-theme="dark"] mark.todo{background:#3D3110;color:#FFE08A}
@media (prefers-color-scheme: dark){:root[data-ff-theme="system"] mark.todo{background:#3D3110;color:#FFE08A}}
.legal-note{margin-bottom:.6rem}
.nav-links a,.nav-links button,.nav .login,.cta-top{white-space:nowrap}
.nav .lang{display:inline-flex;align-items:center;gap:.3rem;font:600 .8rem var(--f-mono);color:var(--nav-muted);text-decoration:none;padding:.45rem .55rem;border-radius:99px;border:1px solid var(--nav-line)}
.nav .lang:hover{color:var(--nav-fg)}
.nav .lang svg{width:15px;height:15px}
@media (max-width:1240px){.nav-links{font-size:.88rem}.nav-links a,.nav-links button{padding:.5rem .55rem}}
@media (max-width:1180px){.nav-links,.nav .login{display:none}.nav-tools{margin-left:auto}.burger{display:grid}}
@media (max-width:560px){.nav-tools .theme,.nav-tools .lang{display:none}}
.drawer-theme{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--line);font:600 1.15rem var(--f-display)}

/* Kontakt: Formular (zweiter Kontaktweg laut Impressum) */
.contact{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:2rem;align-items:start}
.cform{display:grid;gap:1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(1.2rem,3vw,2rem);box-shadow:var(--shadow)}
.cform h2{font-size:1.5rem;margin:0}
.cform .row2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.cform .field{color:var(--muted);font-weight:500}
.cform .field i{font-style:normal;color:var(--muted);font-weight:400}
.cform .field input,.cform .field select,.cform .field textarea{font:500 1rem var(--f-body);padding:.75rem .85rem;border:1.5px solid var(--line);border-radius:10px;color:var(--fg);background:var(--bg);width:100%;min-width:0}
.cform .field textarea{resize:vertical;min-height:8rem}
.cform .field :is(input,select,textarea):focus{border-color:var(--violet);outline:none;box-shadow:0 0 0 4px rgba(106,48,245,.15)}
.cform .field [aria-invalid="true"]{border-color:#D6455D}
.cform .fine{font-size:.85rem;color:var(--muted);margin:0}
.cform-foot{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.cform-msg{font-size:.92rem;color:var(--muted)}
.cform-msg.ok{color:var(--fg)}
.cform-msg.err{color:#D6455D}
.cside h3{margin:0 0 1rem}
.cside ul{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:1rem}
.cside li{display:flex;gap:.8rem;align-items:flex-start}
.cside li .ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--violet-soft);color:var(--violet-ink)}
.cside li div{display:grid;gap:.15rem;min-width:0}
.cside li span:not(.ic){font-size:.9rem;color:var(--muted)}
.cside li a{overflow-wrap:anywhere}
@media (max-width:860px){.contact{grid-template-columns:1fr}}
@media (max-width:560px){.cform .row2{grid-template-columns:1fr}}
.legal-hero h1{overflow-wrap:anywhere;hyphens:auto}@media (max-width:560px){.legal-hero h1{font-size:clamp(1.9rem,8.4vw,2.6rem)}}

/* Kundengeschichten: Laufband, Vorher/Nachher-Regler, Fallseite, Editor */
.cs-car{position:relative}
.cs-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border-radius:var(--r-l)}
.cs-track::-webkit-scrollbar{display:none}
.cs-track:focus-visible{outline:2px solid var(--violet);outline-offset:4px}
.cs-slide{scroll-snap-align:start;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(1.2rem,3vw,2.6rem);align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(1.2rem,3vw,2.4rem);box-shadow:var(--shadow);margin:0 1px}
.cs-text{display:grid;gap:1rem;min-width:0}
.cs-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.cs-logo{display:inline-flex;align-items:center;background:#fff;border:1px solid #E5E2F0;border-radius:12px;padding:.55rem .8rem;height:52px}
.cs-logo img{height:34px;width:auto;max-width:180px}
.cs-logo.lg{height:68px}.cs-logo.lg img{height:46px;max-width:230px}
.cs-muster{font:600 .68rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#8A5A00;background:#FFF1CC;border:1px solid #F1D48A;border-radius:99px;padding:.35rem .6rem;vertical-align:middle;white-space:nowrap}
.cs-big{display:grid;gap:.15rem}
.cs-big b{font:800 clamp(2.6rem,6vw,4rem)/1 var(--f-display,inherit);letter-spacing:-.03em}
.cs-big span{color:var(--muted);font-weight:500}
.cs-quote{margin:0;font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.5;color:var(--fg)}
.cs-quote::before{content:"„"}.cs-quote::after{content:"“"}
.cs-who{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.cs-who img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.cs-who div{display:grid;line-height:1.3}.cs-who span{color:var(--muted);font-size:.9rem}
.cs-stars{display:inline-flex;gap:2px;margin-left:auto}
.cs-stars i{width:20px;height:20px;background:var(--tp,#00B67A);display:grid;place-items:center}
.cs-stars i.off{background:var(--line)}
.cs-stars svg{width:14px;height:14px;fill:#fff}
.cs-acts{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.cs-site{color:var(--violet-ink);font-weight:600;text-decoration:none;overflow-wrap:anywhere}
.cs-site:hover{text-decoration:underline}
.cs-media{min-width:0}
.cs-ctl{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.2rem}
.cs-nav{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--fg);display:grid;place-items:center;cursor:pointer}
.cs-nav svg{transform:rotate(90deg)}.cs-nav.next svg{transform:rotate(-90deg)}
.cs-nav:hover{border-color:var(--violet)}
.cs-dots{display:flex;gap:0}
.cs-dot{width:24px;height:24px;border:0;background:none;cursor:pointer;padding:0;display:grid;place-items:center;transition:width .25s}
.cs-dot::before{content:"";width:10px;height:10px;border-radius:99px;background:var(--line);transition:width .25s,background .25s}
.cs-dot[aria-current="true"]{width:40px}
.cs-dot[aria-current="true"]::before{width:28px;background:linear-gradient(90deg,var(--violet),var(--violet-hi))}
.cs-hint{font-size:.85rem;color:var(--muted);text-align:center;margin-top:1rem}
/* Vorher/Nachher */
.ba{position:relative;aspect-ratio:16/10;max-width:100%;overflow:hidden;border-radius:var(--r-m);border:1px solid var(--line);background:#fff;user-select:none;touch-action:pan-y}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;max-width:none}
.ba-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ba-line{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px rgba(23,25,29,.15);pointer-events:none}
.ba-knob{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:var(--violet);color:#fff;display:grid;place-items:center;box-shadow:0 6px 20px -6px rgba(106,48,245,.8)}
.ba-tag{position:absolute;top:.7rem;font:600 .7rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;padding:.4rem .55rem;border-radius:99px;pointer-events:none}
.ba-tag.l{left:.7rem;background:rgba(23,25,29,.72);color:#fff}
.ba-tag.r{right:.7rem;background:var(--violet);color:#fff}
.ba-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.ba-range:focus-visible~.ba-line .ba-knob,.ba:has(.ba-range:focus-visible) .ba-knob{outline:3px solid #fff;outline-offset:2px}
/* Fallseite */
.cs-jump{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.2rem 0 2.4rem}
.cs-jump a{display:inline-flex;background:#fff;border:1px solid #E5E2F0;border-radius:12px;padding:.5rem .8rem}
.cs-jump img{height:30px;width:auto}
.cs-case{display:grid;gap:1.4rem;padding-block:2.4rem;border-top:1px solid var(--line);scroll-margin-top:90px}
.cs-head{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
.cs-head h2{margin:0;font-size:clamp(1.5rem,3vw,2.1rem)}
.cs-head p{margin:.3rem 0 0}
.cs-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}
.cs-kpi{background:var(--mist);border:1px solid var(--line);border-radius:var(--r-m);padding:1rem 1.2rem;display:grid;gap:.2rem}
.cs-kpi b{font:800 2rem/1.1 var(--f-display,inherit);color:var(--violet-ink)}
.cs-kpi span{font-weight:500}.cs-kpi small{color:var(--muted);font-family:var(--f-mono);font-size:.78rem}
.cs-ba-cap{display:grid;grid-template-columns:1fr 1fr;gap:1rem;font-size:.92rem;color:var(--muted)}
.cs-ba-cap p{margin:0}.cs-ba-cap b{color:var(--fg)}
.cs-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.cs-story h3{margin:0 0 .4rem;font-size:1.05rem}.cs-story p{margin:0;color:var(--muted)}
.cs-fx{list-style:none;padding:0;margin:.7rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem}
.cs-fx li{font-size:.8rem;background:var(--violet-soft);color:var(--violet-ink);border-radius:99px;padding:.3rem .6rem}
.cs-say{display:flex;gap:1.2rem;align-items:flex-start;margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.4rem}
.cs-say img{width:72px;height:72px;border-radius:50%;flex:none}
.cs-say blockquote{margin:0 0 .7rem;font-size:1.15rem;line-height:1.5}
.cs-say blockquote::before{content:"„"}.cs-say blockquote::after{content:"“"}
.cs-say figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;color:var(--muted)}
.cs-say figcaption .cs-stars{margin-left:0}
.cs-video video{width:100%;border-radius:var(--r-m)}
.cs-links{display:flex;flex-wrap:wrap;gap:1rem}
/* Editor */
.cs-editor{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem;align-items:start}
.cs-editor fieldset{border:1px solid var(--line);border-radius:var(--r-m);padding:1rem;display:grid;gap:.8rem;margin:0}
.cs-editor legend{font-weight:700;padding:0 .4rem}
.cform .row3{display:grid;grid-template-columns:.8fr 1.4fr 1fr;gap:.8rem}
.cform .check{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;color:var(--muted)}
.cs-prev{position:sticky;top:90px;display:grid;gap:.8rem;min-width:0}
.cs-prev h3{margin:0}
.cs-prev .cs-slide{grid-template-columns:1fr}
.cs-json{background:var(--mist);border:1px solid var(--line);border-radius:var(--r-m);padding:1rem;font:500 .76rem/1.5 var(--f-mono);max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-word;margin:0}
@media (max-width:900px){.cs-slide{grid-template-columns:1fr}.cs-story{grid-template-columns:1fr}.cs-editor{grid-template-columns:1fr}.cs-prev{position:static}}
@media (max-width:560px){.cs-ba-cap{grid-template-columns:1fr}.cform .row3{grid-template-columns:1fr}.cs-say{flex-direction:column}.cs-stars{margin-left:0}}

/* Preise: Testphase, Rechnet-sich-Rechner, Argumente */
.trial{display:grid;gap:1.6rem}
.trial-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;counter-reset:ts}
.trial-steps li{position:relative;display:grid;gap:.45rem;align-content:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.3rem 1.2rem 1.2rem}
.trial-steps .ts-n{position:absolute;top:1rem;right:1rem;font:600 .75rem/1 var(--f-mono);color:var(--violet-ink);background:var(--violet-soft);border-radius:99px;width:26px;height:26px;display:grid;place-items:center}
.trial-steps .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--violet),var(--violet-hi));color:#fff}
.trial-steps .ic svg{width:20px;height:20px}
.trial-steps b{font-size:1.05rem}.trial-steps span:not(.ts-n):not(.ic){color:var(--muted);font-size:.93rem}
.trial-bill{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;background:var(--surface)}
.trial-bill div{display:grid;gap:.2rem;padding:1rem 1.2rem;border-left:1px solid var(--line)}
.trial-bill div:first-child{border-left:0;background:linear-gradient(135deg,var(--violet),var(--violet-hi));color:#fff}
.trial-bill span{font:500 .72rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.trial-bill b{font:700 1.15rem/1.25 var(--f-display)}
.roi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:center}
.roi-card{display:grid;gap:1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(1.2rem,3vw,2rem);box-shadow:var(--shadow)}
.roi-card .field{color:var(--muted);font-weight:500}
.roi-card output{font:800 2.2rem/1 var(--f-display);color:var(--fg)}
.roi-card input[type=range]{width:100%;accent-color:var(--violet)}
.roi-card select{font:500 1rem var(--f-body);padding:.7rem .8rem;border:1.5px solid var(--line);border-radius:10px;color:var(--fg);background:var(--bg)}
.roi-res{margin:0;font-size:1.1rem;padding:1rem 1.1rem;border-radius:var(--r-m);background:var(--violet-soft);color:var(--fg)}
.roi-res b{font:800 1.6rem/1 var(--f-display);color:var(--violet-ink)}
.roi-card .fine{font-size:.8rem;color:var(--muted);margin:0}
.args{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.arg{display:grid;gap:.5rem;align-content:start;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.4rem;transition:transform .2s,border-color .2s,box-shadow .2s}
.arg:hover{transform:translateY(-3px);border-color:var(--violet);box-shadow:var(--shadow)}
.arg .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--violet-soft);color:var(--violet-ink)}
.arg b{font-size:1.08rem}.arg span{color:var(--muted);font-size:.94rem}.arg i{font-style:normal;color:var(--violet-ink);font-weight:600;font-size:.9rem}
@media (max-width:1000px){.trial-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.args{grid-template-columns:repeat(2,minmax(0,1fr))}.roi{grid-template-columns:1fr}}
@media (max-width:560px){.trial-steps,.args{grid-template-columns:1fr}.trial-bill{grid-template-columns:1fr}.trial-bill div{border-left:0;border-top:1px solid var(--line)}.trial-bill div:first-child{border-top:0}}

/* Funktionen: Katalog aller Funktionen */
.kbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem 0;margin:1rem 0 1.4rem;background:var(--bg);border-bottom:1px solid var(--line)}
.kchips{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;min-width:0;flex:1 1 400px;padding-bottom:2px}
.kchips::-webkit-scrollbar{display:none}
.kchips a{flex:none;display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:500;text-decoration:none;color:var(--fg);border:1px solid var(--line);border-radius:99px;padding:.4rem .7rem;background:var(--surface)}
.kchips a:hover{border-color:var(--violet)}
.kchips i{font-style:normal;font:600 .7rem/1 var(--f-mono);color:var(--violet-ink);background:var(--violet-soft);border-radius:99px;padding:.2rem .35rem}
.kfilter{display:flex;gap:.3rem;border:1px solid var(--line);border-radius:99px;padding:.25rem;background:var(--surface)}
.kfilter button{border:0;background:none;font:500 .85rem var(--f-body);color:var(--muted);padding:.4rem .75rem;border-radius:99px;cursor:pointer}
.kfilter button[aria-pressed="true"]{background:var(--violet);color:#fff}
.kg{padding-block:1.6rem;scroll-margin-top:140px}
.kg header{display:grid;gap:.3rem;margin-bottom:1rem;max-width:62ch}
.kg h3{font-size:1.45rem}.kg header p{margin:0;color:var(--muted)}
.kcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
.kc{display:grid;gap:.45rem;align-content:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:1.1rem 1.15rem}
.kc[hidden]{display:none}
.kc-h{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem}
.kc h4{font-size:1rem;line-height:1.3}
.kc p{margin:0;color:var(--muted);font-size:.93rem}
.kc ul{margin:.2rem 0 0;padding-left:1.1rem;display:grid;gap:.25rem;font-size:.88rem}
.kc li::marker{color:var(--violet)}
.kb{flex:none;font:600 .66rem/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:99px;padding:.3rem .5rem;white-space:nowrap}
.kb.pro{background:linear-gradient(135deg,var(--violet),var(--violet-hi));color:#fff}
.kb.both{background:var(--violet-soft);color:var(--violet-ink)}
.kb.free{background:var(--mist);color:var(--fg);border:1px solid var(--line)}
.kempty{color:var(--muted)}
@media (max-width:1000px){.kcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.kcards{grid-template-columns:1fr}.kfilter{width:100%;justify-content:space-between}}
/* Kundengeschichten: Hinweise nach Recht (Echtheit, Ergebnisse dieses Kunden, Gegenleistung, Quelle der Bewertung) */
.cs-big small{color:var(--muted);font-size:.78rem;letter-spacing:.02em}
.cs-res{font-size:.8rem;color:var(--muted);margin:-.4rem 0 1rem}
.cs-rate{display:inline-flex;text-decoration:none}.cs-rate:hover .cs-stars,.cs-rate:focus-visible .cs-stars{opacity:.8}
.cs-gegen{font-size:.85rem;color:var(--muted);margin-top:.75rem}
.cs-echt{display:flex;gap:.6rem;align-items:flex-start;max-width:68ch;margin:1.25rem 0 1.5rem;color:var(--muted);font-size:.92rem}
.cs-echt svg{flex:none;margin-top:.15rem;color:var(--brand,currentColor)}
.cs-logo b{font-weight:700}
.cs-checks{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:.25rem 0 .75rem}
.cs-checks .check{min-width:0}
/* Vorlagen und Branchen in einem Bereich: Knopf zur Galerie und Hinweis auf den KI-Bau */
.tpl-foot{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.5rem}
.ki-card{flex:1 1 420px;min-width:0;display:flex;gap:.9rem;align-items:flex-start;padding:1rem 1.2rem;border:1px dashed var(--line);border-radius:var(--r-l);background:var(--surface)}
.ki-card p{margin:.25rem 0 0;color:var(--muted);font-size:.92rem}
.ki-card .hint{font-size:.8rem}
.anchor{display:block;position:relative;top:-90px;visibility:hidden}
/* Mit KI erstellen: Vorschau-Grafik */
.ki-mock{display:grid;gap:.9rem;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.25rem;box-shadow:0 18px 40px -28px rgba(40,20,90,.35)}
.ki-in{background:var(--mist);border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem}
.ki-in p{margin:.45rem 0 0;font-size:1rem;line-height:1.5}
.ki-l{font:500 .7rem/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--violet-ink)}
.ki-arrow{justify-self:center;width:34px;height:34px;border-radius:50%;background:var(--violet-soft);color:var(--violet-ink);display:grid;place-items:center}
.ki-out{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;counter-reset:ki}
.ki-out li{counter-increment:ki;display:flex;gap:.65rem;align-items:center;border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem;font-size:.92rem}
.ki-out li::before{content:counter(ki);flex:none;width:22px;height:22px;border-radius:6px;background:var(--violet-soft);color:var(--violet-ink);font:600 .75rem/22px var(--f-mono);text-align:center}
.ki-dsg{font-size:.85rem;line-height:1.55;color:var(--muted);border-left:2px solid var(--violet-soft);padding-left:.75rem;margin-top:1.25rem;max-width:60ch}
/* Logos der Verbindungen: Markenfarbe im hellen Modus, Textfarbe im dunklen */
.lg{flex:none;fill:var(--c,currentColor);vertical-align:-.2em}
.marquee span{display:inline-flex;align-items:center;gap:.5rem}
.igrid .names span{display:inline-flex;align-items:center;gap:.35rem}
.lwall{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:.75rem;margin:-1rem 0 1.5rem}
.lwall span{display:grid;justify-items:center;gap:.55rem;padding:1.1rem .5rem .9rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m)}
.lwall b{font:500 .8rem var(--f-body);color:var(--muted)}
@media (prefers-color-scheme:dark){:root[data-ff-theme="system"] .lg{fill:var(--fg)}}
:root[data-ff-theme="dark"] .lg{fill:var(--fg)}
/* Mega-Menü: Beschreibungen umbrechen statt aus der Karte zu laufen */
.mega{width:min(620px,92vw)}
.mega a,.mega b,.mega span{white-space:normal;min-width:0}
.legal-doc.wide{max-width:none}
/* Geräte-Showcase: hochwertiger Kontaktschritt */
.df-sub{margin:-.5rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.45}
.df-ct{display:grid;gap:.55rem}
.df-in{display:flex;align-items:center;gap:.7rem;border:1.5px solid var(--line);border-radius:12px;padding:.5rem .75rem;background:var(--surface);transition:border-color .3s,box-shadow .3s}
.df-in.act{border-color:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 14%,transparent)}
.df-fi{flex:none;width:2rem;height:2rem;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 10%,transparent);color:var(--c)}
.df-fi svg,.df-trust svg{width:16px;height:16px}
.df-iv{display:grid;min-width:0}
.df-iv small{font-size:.66rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.df-iv b{font-weight:500;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.df-in.act b::after{content:"";display:inline-block;width:1.5px;height:1em;margin-left:2px;vertical-align:-.15em;background:var(--c);animation:caret 1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.df-cons{display:flex;gap:.55rem;align-items:flex-start;font-size:.72rem;line-height:1.4;color:var(--muted)}
.df-cons i{flex:none;width:1.05rem;height:1.05rem;border-radius:5px;color:#fff;display:grid;place-items:center;font-size:.65rem;font-style:normal;margin-top:.05rem}
.df-btn.big{justify-self:stretch;text-align:center;padding:.8rem 1.2rem;border-radius:12px;font-size:.95rem;box-shadow:0 10px 24px -12px var(--c)}
.df-trust{display:flex;align-items:center;justify-content:center;gap:.35rem;margin:0;font-size:.72rem;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.df-in.act b::after{animation:none}}
/* Kundenstimmen als Slider */
.rv-head{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;margin:-1.5rem 0 1.5rem}.rv-head>p{flex:1 1 20rem;min-width:0}
.rv-head p{margin:0;color:var(--muted)}
@media (max-width:760px){.rv-head{grid-template-columns:minmax(0,1fr)}.rv-nav{display:none}}
.rv-nav{display:flex;gap:.5rem}
.rv-nav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--fg);font-size:1.1rem;cursor:pointer}
.rv-nav button:hover{border-color:var(--violet);color:var(--violet-ink)}
.rv-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(min(84vw,340px),1fr);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.3rem .1rem 1.2rem;scrollbar-width:thin}
@media (min-width:1100px){.rv-track{grid-auto-columns:calc((100% - 2rem)/3)}}
.rv{scroll-snap-align:start;margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.6rem;display:flex;flex-direction:column;gap:.9rem;box-shadow:var(--shadow)}
.rv-top{display:flex;justify-content:space-between;align-items:flex-start}
.rv-top .s{display:flex;gap:3px}
.rv-top .s i{width:22px;height:22px;background:var(--violet);border-radius:4px;display:grid;place-items:center}
.rv-top .s svg{width:14px;height:14px;fill:#fff;color:#fff}
.rv-q{font:700 4rem/0.7 Georgia,serif;color:var(--violet-soft)}.rv-q::before{content:"“"}
.rv h3{font:600 1.05rem/1.35 var(--f-display);margin:0}
.rv blockquote{margin:0;font-size:1.02rem;line-height:1.6;color:var(--fg);flex:1}
.rv footer{display:flex;align-items:center;gap:.7rem;border-top:1px solid var(--line);padding-top:.9rem}
.rv-av{width:38px;height:38px;border-radius:50%;background:var(--violet-soft);color:var(--violet-ink);display:grid;place-items:center;font-weight:700}
.rv-who{display:grid;flex:1;min-width:0}
.rv-who small{color:var(--muted);font-size:.8rem}
.rv .src{font-size:.8rem;color:var(--muted);white-space:nowrap}
.case .kpi div:not(:first-child) b{font-size:1.1rem;line-height:1.25}
/* Branchen */
.mega-br{width:min(680px,94vw);left:-12rem}
.bk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.bk{display:grid;gap:.6rem;align-content:start;padding:1.4rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);color:var(--fg);text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.bk:hover{border-color:var(--violet);transform:translateY(-2px);box-shadow:var(--shadow)}
.bk .ic{width:44px;height:44px;border-radius:12px}
.bk h3{font-size:1.2rem;font-weight:600}
.bk p{color:var(--muted);font-size:.92rem}
.bk-meta{display:flex;justify-content:space-between;font:500 .75rem var(--f-mono);color:var(--muted)}
.bk-go{color:var(--violet-ink)}
.bk-q{list-style:none;margin:.2rem 0 0;padding:.7rem 0 0;border-top:1px solid var(--line);display:grid;gap:.35rem;font-size:.85rem}
.bk-q li::before{content:"› ";color:var(--violet-ink);font-weight:700}
.bp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.bp{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.4rem;display:grid;gap:.7rem;align-content:start}
.bp-n{width:32px;height:32px;border-radius:50%;background:var(--violet-soft);color:var(--violet-ink);display:grid;place-items:center;font:700 .9rem var(--f-display)}
.br-funnel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem;align-items:start}
@media (max-width:900px){.br-funnel{grid-template-columns:minmax(0,1fr)}}
.fs-list{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;counter-reset:fs}
.fs{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.1rem 1.2rem}
.fs-n{width:34px;height:34px;border-radius:50%;background:var(--violet);color:#fff;display:grid;place-items:center;font:700 .9rem var(--f-display)}
.fs-b{display:grid;gap:.45rem;min-width:0}
.fs-t{font:500 .7rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--violet-ink)}
.fs h3{font-size:1.08rem;font-weight:600;line-height:1.35}
.fs-a{display:flex;flex-wrap:wrap;gap:.4rem}
.fs-a span{font-size:.82rem;border:1px solid var(--line);border-radius:99px;padding:.28rem .65rem;background:var(--mist)}
.fs .hint{margin:0}
.br-auch{margin-top:1.5rem;padding:1.2rem 1.4rem;border:1px dashed var(--line);border-radius:var(--r-l)}
.br-auch h3{font-size:1rem;margin-bottom:.5rem}
.br-auch ul{margin:0;padding-left:1.1rem;display:grid;gap:.3rem;color:var(--muted)}
.br-auch b{color:var(--fg)}
.br-fk{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.br-kz .kz{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.8rem}
.kz li{display:grid;gap:.3rem;padding:1rem 1.2rem;border-left:3px solid var(--violet);background:var(--mist);border-radius:0 12px 12px 0}
.kz span{font-size:.85rem;color:var(--muted)}
.br-more-h{font-size:1.3rem;margin-bottom:1rem}
.br-more{display:flex;flex-wrap:wrap;gap:.5rem}
.br-more a{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .9rem .45rem .5rem;border:1px solid var(--line);border-radius:99px;color:var(--fg);text-decoration:none;font-size:.9rem;background:var(--surface)}
.br-more a .ic{width:28px;height:28px;border-radius:50%}
.br-more a .ic svg{width:15px;height:15px}
.br-more a.all{padding-left:.9rem;color:var(--violet-ink)}
/* Logo-Wand nach Regeln Recht: Weg der Anbindung, manche Marken nur als Name */
.lwall{margin-bottom:.5rem}
.lwall small{font-size:.7rem;color:var(--muted);letter-spacing:.01em}
.lwall span.tx i{display:flex;align-items:center;min-height:30px;font:600 .92rem/1.15 var(--f-display);font-style:normal;color:var(--fg);text-align:center}
.lwall span{align-content:start;text-align:center}
@media (min-width:900px){.lwall{grid-template-columns:repeat(7,1fr)}}
.lwall-c{margin:0 0 1.5rem}
/* Bewertungen: Übersetzungshinweis nur auf der englischen Seite */
.rv-tr{display:none;font-size:.72rem;color:var(--muted);margin-top:-.25rem}
main[lang="en"] .rv-tr{display:block}
@media (max-width:599px){.lwall{grid-template-columns:repeat(3,1fr);gap:.5rem}.lwall span{padding:.85rem .3rem .7rem;gap:.4rem}.lwall small{font-size:.64rem}}

.rv-zahl{margin:0;font-size:.9rem;color:var(--muted)}.rv-zahl b{color:var(--fg)}
.rv-head .rv-nav{margin-left:auto}
/* Vorlagen: Branche wählen und Anzahl */
.tbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;margin:0 0 1.25rem}
.tbar .tcount{margin:0}
.tleer{display:grid;justify-items:start;gap:.8rem;padding:2rem;border:1px dashed var(--line);border-radius:var(--r-l);color:var(--muted);margin-top:1rem}.tleer p{margin:0;max-width:60ch}
.tsel{display:inline-flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--muted)}
.tsel select{font:500 .95rem var(--f-body);color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.55rem 2rem .55rem .8rem;max-width:min(100%,22rem)}
.tcard p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tsel{min-width:0;max-width:100%}.tsel select{min-width:0;flex:1 1 auto}@media (max-width:560px){.tbar{display:grid}.tsel{display:grid;grid-template-columns:auto minmax(0,1fr)}.tsel select{width:100%;max-width:none}}
.br-funnel>*,.sec-head>*{min-width:0}
/* Seite Bewertungen: alle 5-Sterne-Bewertungen als Spalten, Suche und Jahr */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.rvl-wrap{display:grid;gap:1.1rem}
.rvl-hint{margin:0;max-width:75ch}
.rvl-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem}
.rvl-bar .chips{margin-top:0}
.rvl-search input{font:500 .95rem var(--f-body);color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.6rem .85rem;width:min(22rem,100%);min-width:0}
.rvl-search input:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.rvl-count{margin:0;font:500 .82rem var(--f-mono);color:var(--muted)}
.rvl-grid{columns:3 300px;column-gap:1rem}
.rvl{break-inside:avoid;margin:0 0 1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.4rem;display:flex;flex-direction:column;gap:.75rem}
.rvl .s{display:flex;gap:3px}
.rvl .s i{width:20px;height:20px;background:var(--violet);border-radius:4px;display:grid;place-items:center}
.rvl .s svg{width:13px;height:13px;fill:#fff;color:#fff}
.rvl h3{font:600 1.02rem/1.35 var(--f-display);margin:0}
.rvl blockquote{margin:0;display:grid;gap:.6rem;font-size:.97rem;line-height:1.6;color:var(--fg);overflow-wrap:break-word}
.rvl blockquote p{margin:0}
.rvl footer{display:flex;align-items:center;gap:.7rem;border-top:1px solid var(--line);padding-top:.8rem}
.rvl .src{font-size:.8rem;color:var(--muted);white-space:nowrap}
.rvl-more{display:flex;justify-content:center}
@media (max-width:560px){.rvl-bar{display:grid}.rvl-search{display:grid;grid-template-columns:auto minmax(0,1fr)}.rvl-search input{width:100%}}

/* ---------- Vorlagen-Vorschau (vplayer.js): jede Vorlage in ihrem eigenen Design aus den Tokens der Vorlage ---------- */
.vp{font-family:var(--vff);color:var(--vtx);background:linear-gradient(var(--vang),var(--vbg),var(--vbg2));min-height:100%;padding:clamp(14px,3.5%,32px);display:flex;align-items:flex-start;justify-content:center;text-align:left;container-type:inline-size}
.vp *{box-sizing:border-box}
.vp-card{width:100%;max-width:760px;display:grid;gap:var(--vgap);animation:vpIn .28s ease-out}
@keyframes vpIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.vp-card{animation:none}}
.vp-pg{height:6px;border-radius:99px;background:var(--vprt);overflow:hidden}
.vp-pg i{display:block;height:100%;background:var(--vpr);border-radius:inherit;transition:width .35s ease}
.vp-h{font:var(--vfw) clamp(1.15rem,3.6cqi,1.6rem)/1.25 var(--vfh);color:var(--vhd);text-transform:var(--vcase);letter-spacing:0;margin:.4rem 0 0;text-align:center;outline:0;text-wrap:balance}
.vp-d{margin:-.2rem 0 .2rem;color:var(--vmu);font-size:.92rem;text-align:center}
.vp-fs{display:grid;gap:calc(var(--vgap) + 4px)}
.vp-f{display:grid;gap:.45rem;min-width:0}
.vp-l{font-weight:600;font-size:.9rem;margin:0;color:var(--vtx)}
.vp-opts{display:grid;grid-template-columns:repeat(var(--vcols),minmax(0,1fr));gap:var(--vgap)}
.vp-opt{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;min-height:104px;padding:1rem .7rem;background:var(--vop);color:var(--vtx);border:var(--vbw) solid var(--vbd);border-radius:var(--vrc);box-shadow:var(--vts);font:600 .92rem/1.3 var(--vff);text-align:center;cursor:pointer;transition:border-color .15s,transform .15s,background .15s}
.vp-opt:hover{border-color:var(--vp);transform:translateY(-2px)}
.vp-opt[aria-pressed="true"]{border-color:var(--vp);background:var(--vops)}
.vp-opt i{color:var(--vic);display:grid;place-items:center}
.vp-opts.list .vp-opt{flex-direction:row;justify-content:flex-start;min-height:0;padding:.8rem 1rem;text-align:left}
.vp-opt.multi b{position:absolute;top:.5rem;right:.5rem;width:18px;height:18px;border-radius:5px;border:2px solid var(--vbd)}
.vp-opts.list .vp-opt.multi b{position:static;margin-left:auto;flex:none}
.vp-opt.multi[aria-pressed="true"] b{background:var(--vp);border-color:var(--vp)}
.vp-in{width:100%;font:400 1rem var(--vff);color:var(--vtx);background:var(--vop);border:var(--vbw) solid var(--vbd);border-radius:var(--vri);padding:.75rem .9rem;min-width:0}
.vp-in:focus,.vp-opt:focus-visible,.vp-btn:focus-visible,.vp-rt:focus-visible{outline:2px solid var(--vp);outline-offset:2px}
.vp-sl{display:grid;gap:.5rem;text-align:center}
.vp-sl output{font:700 1.8rem/1.1 var(--vfh);color:var(--vp)}
.vp-sl input{width:100%;accent-color:var(--vp)}
.vp-sc{display:flex;justify-content:space-between;font-size:.78rem;color:var(--vmu)}
.vp-rts{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}
.vp-rt{min-width:42px;padding:.6rem .7rem;border:var(--vbw) solid var(--vbd);border-radius:var(--vri);background:var(--vop);color:var(--vtx);font:600 .9rem var(--vff);cursor:pointer}
.vp-rt[aria-pressed="true"]{background:var(--vp);color:var(--vonp);border-color:var(--vp)}
.vp-bk{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem}
.vp-bk>div{display:grid;gap:.35rem;align-content:start}
.vp-bk b{font-size:.82rem;text-align:center}
.vp-ct{font-size:.95rem;line-height:1.55;color:var(--vtx)}
.vp-ct h3{font:var(--vfw) 1.2rem/1.3 var(--vfh);color:var(--vhd);text-transform:var(--vcase);margin:0 0 .4rem}
.vp-ct p{margin:.3rem 0}.vp-ct ol,.vp-ct ul{margin:.4rem 0;padding-left:1.2rem}
.vp-ct a,.vp-ck a{color:var(--vp)}
.vp-res{display:grid;gap:.4rem;padding:1rem 1.1rem;border-radius:var(--vrc);background:var(--vops);border:var(--vbw) solid var(--vbd)}
.vp-res div{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:baseline}
.vp-res b{font:700 1.15rem var(--vfh);color:var(--vp)}
.vp-res small{color:var(--vmu);font-size:.75rem}
.vp-ck{display:flex;gap:.6rem;align-items:flex-start;font-size:.82rem;line-height:1.45;color:var(--vmu);cursor:pointer}
.vp-ck input{margin-top:.15rem;accent-color:var(--vp);flex:none;width:17px;height:17px}
.vp-nav{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-top:.4rem}
.vp-btn{font:600 .98rem/1 var(--vff);padding:.9rem 1.4rem;border-radius:var(--vrb);border:var(--vbw) solid var(--vbt);background:var(--vbt);color:var(--vonbt);box-shadow:var(--vbs);cursor:pointer}
.vp-nav .vp-btn:not(.ghost){flex:0 1 auto;margin-left:auto}
.vp-btn[disabled]{opacity:.45;cursor:not-allowed}
.vp-btn.ghost{background:transparent;color:var(--vtx);border-color:var(--vbd);box-shadow:none}
.vp-end{display:grid;gap:.7rem;justify-items:center;text-align:center;padding:1rem 0}
.vp-end .vp-ct{text-align:left;max-width:34em}
.vp-ok{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--vp);color:var(--vonp)}
.vp-note{font:500 .72rem var(--f-mono);color:var(--vmu);margin:0}
@container (max-width:520px){.vp-opt{min-height:86px;font-size:.85rem;padding:.8rem .5rem}.vp-nav{flex-wrap:wrap}.vp-nav .vp-btn:not(.ghost){width:100%;order:-1}.vp-nav .vp-btn.ghost{width:100%}}

/* Geräterahmen für die Vorschau */
.dev{margin-inline:auto;transition:max-width .3s ease;width:100%}
.dev[data-dev="desktop"]{max-width:1000px}
.dev[data-dev="tablet"]{max-width:780px}
.dev[data-dev="mobile"]{max-width:390px}
.dev-shell{border-radius:16px;overflow:hidden;background:#0F1014;box-shadow:var(--shadow-lg);border:1px solid var(--line)}
.dev-bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#1A1B22}
.dev-bar i{width:10px;height:10px;border-radius:50%;background:#3A3B46}
.dev-bar span{margin-left:10px;font:500 .7rem var(--f-mono);color:#A6A4B6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dev[data-dev="tablet"] .dev-shell{border:12px solid #17191D;border-radius:28px}
.dev[data-dev="mobile"] .dev-shell{border:10px solid #17191D;border-radius:40px}
.dev[data-dev="tablet"] .dev-bar,.dev[data-dev="mobile"] .dev-bar{display:none}
.dev-shell .dev-screen{min-height:clamp(380px,52vh,540px);max-height:72vh;overflow:auto;background:#fff;overscroll-behavior:contain}
.dev-screen>.vp{min-height:inherit}
.dev[data-dev="mobile"] .dev-screen{height:min(680px,66vh);max-height:none}
.dev-switch{display:inline-flex;gap:.25rem;padding:.25rem;border:1px solid var(--line);border-radius:99px;background:var(--surface)}
.dev-switch button{display:inline-flex;align-items:center;gap:.4rem;border:0;background:none;color:var(--muted);font:600 .82rem var(--f-body);padding:.5rem .8rem;border-radius:99px;cursor:pointer}
.dev-switch button[aria-pressed="true"]{background:var(--violet);color:#fff}
.vp-load{display:grid;place-items:center;height:100%;min-height:300px;font:500 .8rem var(--f-mono);color:#6B6880}

/* Kachel-Vorschau aus der ersten Frage (wie die Galerie im Plugin) */
.tthumb{position:relative;margin:-1.3rem -1.3rem .3rem;aspect-ratio:16/10;border-radius:var(--r-l) var(--r-l) 0 0;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(var(--vang,160deg),var(--vbg,#fff),var(--vbg2,var(--vbg,#fff)));color:var(--vtx,#17191D);font-family:var(--vff,system-ui);padding:8% 7% 0;display:grid;align-content:start;gap:7%}
.tthumb b{font:var(--vfw,700) .78rem/1.25 var(--vfh,inherit);text-align:center;color:var(--vhd,inherit);text-transform:var(--vcase,none);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tthumb ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.tthumb li{background:var(--vop,#fff);border:var(--vbw,1px) solid var(--vbd,#e5e2f0);border-radius:min(var(--vrc,10px),10px);box-shadow:var(--vts,none);display:flex;align-items:center;gap:6px;padding:7px 8px;font-size:.66rem;font-weight:600;line-height:1.2;min-width:0}
.tthumb li svg{color:var(--vic,currentColor);flex:none;width:16px;height:16px}
.tthumb li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tthumb .tslider{height:6px;border-radius:9px;background:var(--vbd,#ddd);position:relative;margin:6% 8%}
.tthumb .tslider::after{content:"";position:absolute;left:0;top:0;bottom:0;width:55%;border-radius:9px;background:var(--vp,#6a30f5)}
.tcard.has-thumb{padding-top:1.3rem;overflow:hidden}
.tcard .tact{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin-top:.4rem}
.tcard .tact .btn{padding:.6rem .95rem;font-size:.85rem}
.tcard .tact .lnk{border:0;background:none;padding:.3rem 0;font:600 .85rem var(--f-body);color:var(--violet-ink);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.tcard .tprev{position:absolute;inset:0;border:0;background:transparent;cursor:pointer;border-radius:inherit}
.tcard .tprev:focus-visible{outline:2px solid var(--violet);outline-offset:-4px}
.tthumb .tplay{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:.35rem;font:600 .72rem var(--f-body);background:rgba(23,25,29,.82);color:#fff;border-radius:99px;padding:.35rem .6rem;opacity:0;transform:translateY(4px);transition:.2s}
.tcard:hover .tplay,.tcard:focus-within .tplay{opacity:1;transform:none}
@media (hover:none){.tthumb .tplay{opacity:1;transform:none}}

/* Dialog Vorlagen-Vorschau */
dialog.vt-dlg{border:0;padding:0;width:min(1180px,96vw);max-width:96vw;max-height:96vh;border-radius:22px;background:var(--bg);color:var(--fg);box-shadow:var(--shadow-lg)}
dialog.vt-dlg::backdrop{background:rgba(8,8,12,.72);backdrop-filter:blur(3px)}
.vt-in{display:grid;grid-template-rows:auto 1fr auto;max-height:96vh}
.vt-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1.2rem;padding:1rem max(16px,1.4rem);border-bottom:1px solid var(--line)}
.vt-top h2{font-size:1.3rem;font-weight:700;margin:0}
.vt-top .vt-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.35rem}
.vt-top .vt-meta span{font:500 .7rem var(--f-mono);color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:.22rem .5rem}
.vt-top .vt-meta span.pro{border-color:var(--violet);color:var(--violet-ink)}.vt-top .vt-meta span.fr{border-color:var(--ok);color:var(--ok)}
.vt-x{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;font:600 1.2rem/1 var(--f-body)}
.vt-stage{overflow:auto;padding:1.2rem max(16px,1.4rem);background:var(--mist)}
.vt-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;padding:1rem max(16px,1.4rem);border-top:1px solid var(--line)}
.vt-foot p{margin:0;color:var(--muted);font-size:.85rem;max-width:44em}
.vt-foot .btns{display:flex;flex-wrap:wrap;gap:.6rem}
@media (max-width:640px){.vt-top .dev-switch{order:3;width:100%;justify-content:center}.dev-switch button span{display:none}}

/* Branchenseiten: Hero mit Vorlage auf zwei Geräten, Live-Demo mit Leads-Board */
.br-hero .wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;column-gap:3rem}
.br-hero .wrap>*:not(.br-art){grid-column:1}
.br-art{grid-column:2;grid-row:1 / span 6;position:relative;min-height:440px}
.br-art .art-tab{position:absolute;right:0;top:10px;width:88%;aspect-ratio:4/3;border-radius:22px;border:10px solid #17191D;overflow:hidden;box-shadow:var(--shadow-lg);background:#fff}
.br-art .art-ph{position:absolute;left:-2%;bottom:-14px;width:34%;aspect-ratio:9/18.5;border-radius:30px;border:8px solid #17191D;overflow:hidden;box-shadow:var(--shadow-lg);background:#fff}
.br-art .vp{pointer-events:none;height:100%;overflow:hidden;transform-origin:top left}
.br-art .art-tab .vp{width:166.67%;height:166.67%;transform:scale(.6);padding:36px 36px 36px 22%}
.br-art .art-ph .vp{width:200%;height:200%;transform:scale(.5);padding:26px 22px}
.br-art .art-lead{position:absolute;right:-6px;bottom:6%;width:min(270px,62%);background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:.85rem .95rem;display:grid;gap:.35rem;font-size:.8rem;animation:artPop .6s .5s both cubic-bezier(.34,1.56,.64,1)}
.br-art .art-lead .t{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font:600 .7rem var(--f-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.br-art .art-lead .t i{font-style:normal;color:var(--ok);display:inline-flex;align-items:center;gap:.3rem}
.br-art .art-lead .t i::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok)}
.br-art .art-lead b{font:600 .95rem var(--f-display)}
.br-art .art-lead ul{margin:0;padding:0;list-style:none;display:grid;gap:.15rem;color:var(--muted)}
.br-art .art-lead .sc{justify-self:start;font:600 .72rem var(--f-mono);background:var(--sc-bg);color:var(--sc-fg);border-radius:99px;padding:.2rem .55rem}
.br-art .art-tag{position:absolute;left:4%;top:0;font:600 .72rem var(--f-mono);background:var(--violet);color:#fff;border-radius:99px;padding:.35rem .7rem;box-shadow:var(--shadow);letter-spacing:.04em;z-index:2}
@keyframes artPop{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.br-art .art-lead{animation:none}}
@media (max-width:960px){.br-hero .wrap{grid-template-columns:1fr}.br-art{grid-column:1;grid-row:auto;min-height:0;aspect-ratio:5/4;max-width:560px;width:100%;margin-top:1rem}}
.bdemo{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:1.6rem;align-items:start}
.bdemo-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:1rem}
.bdemo-top .live{display:inline-flex;align-items:center;gap:.45rem;font:600 .72rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--violet-ink)}
.bdemo-top .live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 4px rgba(106,48,245,.18);animation:pulse 2s infinite}

.board{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow);padding:1.2rem;display:grid;gap:.8rem;position:sticky;top:100px}
.board-h{display:flex;justify-content:space-between;align-items:center;gap:.6rem}
.board-h h3{font-size:1rem;font-weight:700}
.board-h span{font:500 .7rem var(--f-mono);color:var(--muted)}
.blead{border:1px solid var(--line);border-radius:14px;padding:.9rem;display:grid;gap:.55rem;background:var(--entry-bg)}
.blead-top{display:flex;align-items:center;gap:.6rem}
.blead-top .av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--entry-av);color:var(--entry-av-fg);font:700 .9rem var(--f-display);flex:none}
.blead-top b{display:block;font-size:.92rem}
.blead-top small{color:var(--muted);font-size:.75rem}
.blead-top .st{margin-left:auto;font:600 .68rem var(--f-mono);border-radius:99px;padding:.22rem .55rem;background:var(--violet-soft);color:var(--violet-ink);white-space:nowrap}
.blead-top .st.ok{background:var(--ok-soft);color:var(--ok)}
.blead dl{margin:0;display:grid;gap:.4rem}
.blead dl div{display:grid;gap:.05rem;animation:vpIn .3s ease-out}
.blead dt{font-size:.72rem;color:var(--muted)}
.blead dd{margin:0;font-size:.86rem;font-weight:600;overflow-wrap:anywhere}
.blead .calc{display:flex;flex-wrap:wrap;gap:.4rem}
.blead .calc span{font:600 .74rem var(--f-mono);background:var(--sc-bg);color:var(--sc-fg);border-radius:99px;padding:.25rem .6rem}
.blead-empty{color:var(--muted);font-size:.85rem;margin:0}
.board .caption{margin:0}
@media (max-width:960px){.bdemo{grid-template-columns:1fr}.board{position:static}}

/* Funktionen: Suche oben */
.fsearch{position:relative;max-width:640px;width:100%;margin-top:.4rem}
.fsearch label{display:block;font:600 .95rem var(--f-body);margin-bottom:.55rem;color:var(--band-fg)}
.fsearch .box{display:flex;align-items:center;gap:.6rem;background:var(--surface);border:1px solid var(--band-line);border-radius:16px;padding:.35rem .4rem .35rem 1rem;box-shadow:var(--shadow)}
.fsearch .box:focus-within{border-color:var(--violet);box-shadow:0 0 0 4px var(--glow)}
.fsearch .box svg{color:var(--muted);flex:none}
.fsearch input{flex:1;min-width:0;border:0;background:transparent;color:var(--fg);font:500 1.05rem var(--f-body);padding:.7rem 0;outline:0}
.fsearch .box .btn{padding:.75rem 1.1rem}
.fsearch .hot{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem;align-items:center;font-size:.82rem;color:var(--band-muted)}
.fsearch .hot button{border:1px solid var(--band-line);background:var(--band-2);color:var(--band-fg);border-radius:99px;padding:.3rem .7rem;font:500 .8rem var(--f-body);cursor:pointer}
.fsearch .hot button:hover{border-color:var(--violet)}
.fsres{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:.4rem;max-height:min(420px,60vh);overflow:auto}
.fsres a{display:grid;gap:.15rem;padding:.65rem .8rem;border-radius:10px;text-decoration:none;color:var(--fg)}
.fsres a:hover,.fsres a[aria-selected="true"]{background:var(--violet-soft)}
.fsres a b{font-size:.93rem}
.fsres a small{color:var(--muted);font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fsres a em{font-style:normal;font:500 .68rem var(--f-mono);color:var(--violet-ink);text-transform:uppercase;letter-spacing:.05em}
.fsres mark{background:none;color:var(--violet-ink);font-weight:700}
.fsres .none{padding:.8rem;color:var(--muted);font-size:.9rem;margin:0}
.fsres .none a{display:inline;padding:0;color:var(--violet-ink);text-decoration:underline}
.kc.hit{outline:2px solid var(--violet);outline-offset:3px;animation:hitPulse 1.6s ease-out}
@keyframes hitPulse{0%{box-shadow:0 0 0 0 var(--glow)}100%{box-shadow:0 0 0 18px transparent}}
.ksearch{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:-.4rem 0 1.2rem;font-size:.9rem;color:var(--muted)}
.ksearch button{border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:99px;padding:.3rem .75rem;font:500 .8rem var(--f-body);cursor:pointer}
.tcard.has-thumb{position:relative}
.tcard.has-thumb .tact,.tcard.has-thumb .meta{position:relative;z-index:1}
.br-steps{margin-top:2rem;border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface);padding:0 1.2rem}
.br-steps summary{cursor:pointer;padding:1rem 0;font:600 1rem var(--f-display)}
.br-steps[open]{padding-bottom:1.2rem}
.br-steps .caption{margin:0 0 1rem}
.dev[data-dev="mobile"] .dev-screen>.vp,.dev[data-dev="tablet"] .dev-screen>.vp{min-height:100%}
@media (max-width:640px){.vt-foot{padding-block:.7rem}.vt-foot p{display:none}.vt-foot .btns{width:100%;flex-wrap:nowrap}.vt-foot .btns .btn{flex:1;padding:.75rem .6rem;font-size:.88rem}
  .vt-top{padding-block:.7rem}.vt-top h2{font-size:1.1rem}.vt-stage{padding:.8rem}.dev[data-dev="mobile"] .dev-screen{height:min(620px,58vh)}}
.page-hero:has(.fsearch){position:relative;z-index:35;overflow:visible}
.bdemo>*{min-width:0}.page-hero .wrap>*{min-width:0}.fsearch .hot{min-width:0}
.blead-top{flex-wrap:wrap}.blead-top>div{min-width:0;flex:1}.board,.blead{min-width:0}
.br-art .art-tab,.br-art .art-ph{box-shadow:var(--shadow-lg),0 0 0 1px var(--line)}
/* Abschnitte unterhalb des sichtbaren Bereichs erst beim Heranscrollen layouten (spart Rechenzeit auf dem Handy) */
/* Bei Sprungmarken (#…) schaltet site.js das ab (Klasse cv-off), damit der Sprung genau landet */
html:not(.cv-off) main > section.sec ~ section.sec,html:not(.cv-off) main > section.band ~ section.band{content-visibility:auto;contain-intrinsic-size:auto 900px}
html:not(.cv-off) .rvl{content-visibility:auto;contain-intrinsic-size:auto 260px}

/* Vergleiche und Ratgeber */
.art-meta{font:500 .8rem/1.5 var(--f-mono);color:var(--band-muted)}
table.vs th[scope="row"]{white-space:normal;min-width:9rem}
table.vs td.p{color:var(--fg)}
.srcs{margin-top:1rem;font-size:.88rem;color:var(--muted)}
.srcs summary{cursor:pointer;font:600 .9rem var(--f-body);color:var(--fg)}
.srcs ul{margin:.7rem 0;padding-left:1.1rem;display:grid;gap:.35rem}
.srcs a{color:var(--violet-ink);overflow-wrap:anywhere}
.srcs li span{font:500 .75rem var(--f-mono);color:var(--muted)}
.vs-rows{display:grid;gap:2.6rem;margin-top:2rem}
.vs-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:2.4rem;align-items:center}
.vs-row.flip .vs-tx{order:2}
.vs-row.solo{grid-template-columns:minmax(0,46rem)}
.vs-tx{display:grid;gap:.7rem;min-width:0}
.vs-tx h3{font:600 1.4rem/1.25 var(--f-display);text-wrap:balance}
.vs-tx p{color:var(--muted)}
@media (max-width:900px){.vs-row{grid-template-columns:minmax(0,1fr);gap:1.2rem}.vs-row.flip .vs-tx{order:0}}
.vs-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem;margin-top:1.6rem}
.vs-link{display:grid;gap:.3rem;padding:1rem 1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);color:var(--fg);text-decoration:none;transition:border-color .2s}
.vs-link:hover{border-color:var(--violet)}
.vs-link span{color:var(--muted);font-size:.9rem}
.vs-sub{font:600 1.1rem var(--f-display);margin-top:2.2rem}
.wrap.narrow{max-width:56rem}
.art{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,46rem);gap:3rem;justify-content:center;align-items:start}
.art-toc{position:sticky;top:calc(env(safe-area-inset-top,0px) + 84px);display:grid;gap:.8rem;font-size:.9rem}
.art-toc h2{font:600 .78rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.art-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:.45rem;border-left:2px solid var(--line)}
.art-toc ol a{display:block;padding-left:.8rem;color:var(--muted);text-decoration:none}
.art-toc ol a:hover{color:var(--violet-ink)}
.art-cta{display:grid;gap:.5rem;margin-top:.8rem;padding:1rem;border:1px solid var(--line);border-radius:var(--r-m);background:var(--mist)}
.art-cta span{color:var(--muted)}
.art-cta .btn{justify-self:start}
@media (max-width:900px){.art{grid-template-columns:minmax(0,1fr);gap:1.6rem}.art-toc{position:static}}
.prose{display:grid;gap:1rem;line-height:1.7;min-width:0;overflow-wrap:break-word}
.prose section{display:grid;gap:.9rem;scroll-margin-top:96px}
.prose h2{font:600 1.55rem/1.3 var(--f-display);margin-top:1.4rem;text-wrap:balance}
.prose section:first-child h2{margin-top:0}
.prose h3{font:600 1.12rem/1.35 var(--f-display);margin-top:.5rem}
.prose ul,.prose ol{padding-left:1.25rem;display:grid;gap:.4rem}
.prose a{color:var(--violet-ink)}
.prose .tip{border-left:3px solid var(--violet);background:var(--violet-soft);padding:.9rem 1.1rem;border-radius:0 var(--r-s) var(--r-s) 0}
.prose figure{margin:.4rem 0}
.prose figcaption{font:500 .75rem/1.5 var(--f-mono);color:var(--muted);margin-top:.5rem}
.prose .tbl-wrap table{font-size:.92rem}

/* Kontakt als Funnelforms-Funnel (Vorgabe Geschäftsführung 23.10.2026) */
.ffk-box{gap:.8rem}
.ffk.vp{--vff:var(--f-body)!important;--vfh:var(--f-body)!important;background:none;padding:0;min-height:0;display:block}
.ffk .vp-card{max-width:none;width:100%;box-shadow:none;border:0;padding:0;background:none}
.ffk-by{display:flex;align-items:center;gap:.4rem;margin:0;font-size:.85rem;color:var(--muted)}
.ffk-by svg{color:var(--violet)}
/* Vergleiche: Fazit, ehrliche Stärken, Preise (23.10.2026) */
.vs-fazit{margin-top:1.6rem;padding:1.2rem 1.4rem;border-left:4px solid var(--violet);background:var(--violet-soft);border-radius:0 14px 14px 0;display:grid;gap:.35rem}
.vs-fazit b{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--violet)}
.vs-fazit p{margin:0;font-size:1.08rem;line-height:1.55;color:var(--fg)}
.vs-fair{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.vs-fair li{position:relative;padding:.9rem 1rem .9rem 2.8rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);line-height:1.5}
.vs-fair li::before{content:"";position:absolute;left:1rem;top:1.05rem;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--violet-soft);box-shadow:inset 0 0 0 2px var(--violet)}
.vs-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.vs-plan{display:grid;gap:.3rem;padding:1.2rem 1.3rem;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.vs-plan b{font-size:1.1rem}
.vs-plan span{color:var(--muted);font-size:.9rem}
.vs-plan strong{font-size:1.7rem;font-weight:700;margin-top:.3rem}
.vs-plan strong small{font-size:.9rem;font-weight:400;color:var(--muted)}
.vs-plan em{font-style:normal;color:var(--muted);font-size:.85rem}
.vs-cta{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.3rem 0 0}
@media (max-width:760px){.vs-plans{grid-template-columns:1fr}}

/* Predictive AI: feste Grafik (Start, Funktionen) und Simulation (predictive-ai.html) */
.pm-tag{display:inline-flex;align-items:center;gap:.35rem;font:600 .68rem/1 var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--violet-ink);background:var(--violet-soft);border-radius:99px;padding:.38rem .6rem}
.pai-mock{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.3rem;box-shadow:var(--shadow);display:grid;gap:1rem}
.pm-h{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem}.pm-h b{font-family:var(--f-display);font-size:1.05rem}.pm-h>span:last-child{margin-left:auto;font:500 .75rem var(--f-mono);color:var(--muted)}
.pai-mock ol{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.pai-mock li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:.15rem .6rem;align-items:center}
.pm-n{grid-row:span 2;font:600 .7rem/22px var(--f-mono);text-align:center;border-radius:50%;background:var(--violet-soft);color:var(--violet-ink);width:22px;height:22px}
.pm-q{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-v{grid-row:span 2;text-align:right;font:600 .85rem var(--f-mono)}.pm-v em{display:block;font-style:normal;font-weight:500;font-size:.72rem;color:var(--muted)}
.pm-bar{height:7px;border-radius:9px;background:var(--mist);overflow:hidden}.pm-bar i{display:block;height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--violet-hi));transform-origin:left;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.js .reveal:not(.in) .pm-bar i{transform:scaleX(0)}
.pai-mock li.weak .pm-v em,.pai-mock li.weak .pm-q{color:var(--warn)}.pai-mock li.weak .pm-n{background:var(--warn);color:var(--surface)}
.pm-k{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:center;border-top:1px dashed var(--line);padding-top:.9rem}
.pm-k>div:not(.pm-tip){display:grid}.pm-k b{font:700 1.35rem/1.1 var(--f-display)}.pm-k span{font-size:.75rem;color:var(--muted)}
.pm-tip{margin-left:auto;display:flex;align-items:center;gap:.4rem;font-size:.8rem;background:var(--ok-soft);color:var(--ok);border-radius:99px;padding:.4rem .7rem}.pm-tip b{font-weight:700}
.pai-home .feat{margin-top:1rem}

.seg{display:flex;flex-wrap:wrap;gap:.3rem;border:1px solid var(--line);border-radius:14px;padding:.25rem;background:var(--surface)}
.seg button{flex:1 1 auto;border:0;background:none;font:500 .86rem var(--f-body);color:var(--muted);padding:.5rem .8rem;border-radius:10px;cursor:pointer;min-height:40px}
.seg button:hover{color:var(--fg);background:var(--mist)}
.seg button[aria-pressed="true"]{background:var(--violet);color:#fff}
.seg button:focus-visible,.pai-tips input:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.pai{display:grid;gap:1.25rem}
.pai-f{display:grid;gap:.4rem}.pai-f>span{font:600 .72rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pai-stage{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.2rem;box-shadow:var(--shadow-lg);display:grid;gap:1rem;min-width:0}
.pai-top{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem}.pai-top b{font:700 1.15rem var(--f-display)}.pai-top>span:last-child{margin-left:auto;font:500 .78rem var(--f-mono);color:var(--muted)}
.pai-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}
.pai-kpis>div{display:grid;gap:.15rem;border:1px solid var(--line);border-radius:var(--r-m);padding:.75rem .85rem;min-width:0}
.pai-kpis span{font-size:.74rem;color:var(--muted)}.pai-kpis b{font:800 clamp(1.25rem,2.4vw,1.7rem)/1.1 var(--f-display);font-variant-numeric:tabular-nums}.pai-kpis i{font-style:normal;font-size:.74rem;color:var(--muted)}
.pai-kpis>div:first-child{background:var(--violet-soft);border-color:transparent}.pai-kpis>div:first-child b{color:var(--violet-ink)}
.pai-kpis>div:last-child b{color:var(--warn)}
.pai-after .pai-kpis>div:first-child{background:var(--ok-soft)}.pai-after .pai-kpis>div:first-child b{color:var(--ok)}
.pai-steps{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.pai-steps li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:.8rem;align-items:start;padding:.7rem .75rem;border-radius:var(--r-m);border:1px solid transparent}
.pai-steps li:nth-child(odd){background:var(--mist)}
.pai-steps li.weak{border-color:color-mix(in srgb,var(--warn) 45%,transparent);background:color-mix(in srgb,var(--warn) 8%,var(--surface))}
.pai-n{font:600 .75rem/28px var(--f-mono);text-align:center;width:28px;height:28px;border-radius:50%;background:var(--violet-soft);color:var(--violet-ink)}
.pai-steps li.weak .pai-n{background:var(--warn);color:var(--surface)}
.pai-b{display:grid;gap:.4rem;min-width:0}.pai-b>b{font-size:.93rem;font-weight:600}
.pai-bar{height:8px;border-radius:9px;background:var(--line);overflow:hidden}.pai-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--violet-hi));transition:width .6s cubic-bezier(.2,.7,.2,1)}
.pai-ans{display:flex;flex-wrap:wrap;gap:.25rem .8rem;font-size:.76rem;color:var(--muted)}
.pai-ans span{display:inline-flex;align-items:center;gap:.3rem}.pai-ans i{width:9px;height:9px;border-radius:3px;background:var(--violet);opacity:var(--o)}.pai-ans b{color:var(--fg);font-weight:600}
.pai-v{text-align:right;display:grid;gap:.05rem;font-variant-numeric:tabular-nums}.pai-v b{font:700 1.05rem var(--f-mono)}.pai-v span{font-size:.7rem;color:var(--muted)}.pai-v em{font-style:normal;font-size:.76rem;color:var(--muted)}
.pai-steps li.weak .pai-v em{color:var(--warn);font-weight:600}
.pai-out{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.pai-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.2rem;display:grid;gap:.75rem;align-content:start;min-width:0}
.pai-box h3{display:flex;align-items:center;gap:.45rem;font-size:1.05rem}.pai-box h3 svg{color:var(--violet)}
.pai-box ol,.pai-box ul{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
#pai-weak li{display:grid;gap:.15rem;border-left:3px solid var(--warn);padding-left:.7rem}#pai-weak b{font:600 .8rem var(--f-mono);color:var(--warn)}#pai-weak span{font-weight:600;font-size:.9rem}#pai-weak p{font-size:.85rem;color:var(--muted)}
#pai-pers li{display:grid;gap:.3rem}#pai-pers li>div:first-child{display:flex;justify-content:space-between;gap:.5rem}#pai-pers b{font-size:.92rem}#pai-pers span{font:600 .8rem var(--f-mono);color:var(--violet-ink)}#pai-pers p{font-size:.84rem;color:var(--muted)}#pai-pers small{font-size:.75rem;color:var(--muted)}
.pai-pb{height:6px;border-radius:9px;background:var(--line);overflow:hidden}.pai-pb i{display:block;height:100%;background:var(--violet-hi);border-radius:inherit;transition:width .6s}
.pai-sub{font-size:.84rem;color:var(--muted)}
#pai-tips label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem;align-items:start;cursor:pointer;padding:.6rem;border:1px solid var(--line);border-radius:var(--r-m)}
#pai-tips label:has(input:checked){border-color:var(--ok);background:var(--ok-soft)}
#pai-tips input{width:18px;height:18px;margin:.15rem 0 0;accent-color:var(--ok)}
#pai-tips b{display:block;font-size:.88rem;font-weight:600}#pai-tips small{font:500 .74rem var(--f-mono);color:var(--ok)}
.pai-delta{font-size:.9rem;display:grid;gap:.15rem}.pai-delta:empty{display:none}.pai-delta b{color:var(--ok)}.pai-delta span{font-size:.8rem;color:var(--muted)}
.pai-fine{grid-column:1/-1;color:var(--muted);margin-top:0}
.pai-how{grid-template-columns:repeat(3,minmax(0,1fr))}
.pai-basis{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:3rem;align-items:start}
.pai-basis>div:first-child{display:grid;gap:1rem}.pai-basis>div:first-child>p:not(.ki-dsg):not(.hint):not(.pai-lead){color:var(--muted);max-width:62ch}
.pai-kont{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.4rem;display:grid;gap:1rem;box-shadow:var(--shadow)}
.pai-kont>p{font-size:.88rem;color:var(--muted)}.pai-kont .btn{justify-self:start}
.pai-qs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.pai-q{display:grid;gap:.1rem;border:1px solid var(--line);border-radius:var(--r-m);padding:.8rem}
.pai-q span{font:600 .72rem var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.pai-q b{font:800 1.8rem/1.1 var(--f-display);color:var(--violet-ink)}.pai-q i{font-style:normal;font-size:.75rem;color:var(--muted)}
.pai-q:last-child b{font-size:1.05rem;line-height:1.6}
@media (max-width:1020px){.pai-out{grid-template-columns:minmax(0,1fr)}.pai-basis{grid-template-columns:minmax(0,1fr);gap:2rem}}
@media (max-width:720px){.pai-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pai-how{grid-template-columns:minmax(0,1fr)}.pai-steps li{grid-template-columns:24px minmax(0,1fr);gap:.6rem}.pai-v{grid-column:2;text-align:left;display:flex;flex-wrap:wrap;gap:.2rem .6rem;align-items:baseline}.pm-tip{margin-left:0}}
#pai-pers span{white-space:nowrap}
.pai-incl{justify-self:start;display:inline-flex;align-items:center;gap:.35rem;font:600 .72rem/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ok);background:var(--ok-soft);border-radius:99px;padding:.4rem .65rem}
.pai-basis .pai-lead{color:var(--fg);font-size:1.12rem;line-height:1.6;max-width:62ch}
.pai-mock li>.pm-n{grid-column:1;grid-row:1/span 2}.pai-mock li>.pm-q{grid-column:2;grid-row:1}.pai-mock li>.pm-bar{grid-column:2;grid-row:2}.pai-mock li>.pm-v{grid-column:3;grid-row:1/span 2}
.pai-mock .pm-bar{background:var(--line)}
.pm-k .pm-tip b{font:700 .85rem var(--f-body)}

/* Beispiele bleiben auch im Dunkelmodus hell, wie auf den Branchenseiten (Vorgabe der Geschäftsführung vom 23.10.2026) */
.device .dev-screen{--surface:#FFFFFF;--fg:#17191D;--muted:#585A69;--line:#E5E2F0;--violet-ink:#5523D6;background:#FFFFFF;color:#17191D}

/* Suchbegriff im h1 der Startseite: die Zeile über der Überschrift gehört zum h1, sieht aber aus wie vorher */
.hero h1.h1-kw{margin-top:0}.hero h1.h1-kw .eyebrow{display:block;margin-bottom:1.1rem;font-size:.75rem;font-weight:500;line-height:1.5}

/* v61: Hinweis unter dem Hero (Partnerbedingungen), Lead Accelerator „Für wen“ */
.page-hero .hero-note{margin:.9rem 0 0;font-size:.92rem;color:var(--muted)}
.page-hero .hero-note a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* Lead Accelerator (Version 62): dunkle Bühne in beiden Modi, Strecke, Bento mit Live-Funnel, Ablauf, Aufgabenteilung, Vergleich */
.la-hero,.la-dark{--band:#0B0914;--band-2:#15121F;--band-fg:#F6F4FC;--band-muted:#B5B0C9;--band-line:#2E2944;--band-eyebrow:#C9B5FF;--ghost-hover:#1C1830;--h1-a:#C3A5FF;--h1-b:#8A4BFF;color-scheme:dark}
.la-hero{position:relative;overflow:hidden;overflow:clip;background:radial-gradient(1200px 520px at 78% 18%,rgba(106,48,245,.38),transparent 62%),radial-gradient(700px 380px at 8% 100%,rgba(156,66,253,.22),transparent 70%),var(--band)}
.la-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 70% at 60% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 60% 30%,#000 30%,transparent 75%);pointer-events:none}
.la-hero .wrap{position:relative;padding-block:5rem 5.5rem}
.la-hero h1{font-size:clamp(2.3rem,4.8vw,4rem)}
.la-badge{display:inline-flex;align-items:center;gap:.45rem;justify-self:start;padding:.45rem .8rem;border-radius:99px;border:1px solid rgba(201,181,255,.35);background:rgba(106,48,245,.16)}
.la-badge svg{color:#F5C451}
.la-facts{list-style:none;margin:1.2rem 0 0;padding:1.3rem 0 0;border-top:1px solid var(--band-line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.la-facts li{display:grid;gap:.2rem}
.la-facts b{font:800 1.35rem/1.1 var(--f-display);color:var(--band-fg);letter-spacing:-.02em}
.la-facts span{font-size:.82rem;color:var(--band-muted);line-height:1.35}
.la-art .art-tab,.la-art .art-ph{border-color:#000;box-shadow:0 40px 90px -30px rgba(106,48,245,.65),0 0 0 1px rgba(255,255,255,.08)}
.la-art .art-lead{--surface:#fff;--fg:#17191D;--muted:#585A69;--line:#E5E2F0;--sc-bg:#EFE9FE;--sc-fg:#5523D6;--ok:#17794A}
.la-ad{position:absolute;left:-10%;top:-34px;z-index:3;width:min(300px,64%);display:grid;gap:.25rem;background:#fff;color:#17191D;border-radius:14px;padding:.8rem .95rem;box-shadow:0 24px 60px -18px rgba(0,0,0,.6);font-size:.78rem;animation:artPop .6s .2s both cubic-bezier(.34,1.56,.64,1)}
.la-ad b{font:600 .95rem/1.25 var(--f-body);color:#1A0DAB}
.la-ad span{color:#4D5156}
.la-ad .la-ad-k{font:600 .68rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:#17191D}
@media (prefers-reduced-motion:reduce){.la-ad{animation:none}}
@media (max-width:960px){.la-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.la-ad{left:0;top:-10px}}

.la-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;position:relative}
.la-flow::before{content:"";position:absolute;left:8%;right:8%;top:30px;height:2px;background:linear-gradient(90deg,var(--violet-soft),var(--violet),var(--violet-hi),var(--violet-soft))}
.la-flow::after{content:"";position:absolute;top:25px;left:8%;width:12px;height:12px;border-radius:50%;background:var(--violet-hi);box-shadow:0 0 0 6px rgba(156,66,253,.18),0 0 24px rgba(156,66,253,.8);animation:laDot 5s linear infinite}
@keyframes laDot{from{left:8%}to{left:calc(92% - 12px)}}
.la-flow li{position:relative;display:grid;justify-items:center;text-align:center;gap:.35rem}
.la-flow .ic{width:60px;height:60px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);display:grid;place-items:center;color:var(--violet);position:relative;z-index:1}
.la-flow .ic svg{width:26px;height:26px}
.la-flow b{font:700 1rem var(--f-display);margin-top:.4rem}
.la-flow span{font-size:.86rem;color:var(--muted);line-height:1.4}
@media (max-width:900px){.la-flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2rem}.la-flow::before,.la-flow::after{display:none}}

.la-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.la-b{position:relative;display:grid;align-content:start;gap:.55rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.5rem;box-shadow:var(--shadow);overflow:hidden;min-width:0}
.la-b>.ic{width:42px;height:42px;border-radius:12px;background:var(--violet-soft);color:var(--violet-ink);display:grid;place-items:center}
.la-b>.ic svg{width:21px;height:21px}
.la-b h3{font-size:1.2rem;font-weight:700}
.la-b p{color:var(--muted);font-size:.95rem}
.la-tag{position:absolute;top:1.1rem;right:1.1rem;font:600 .65rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:.2rem .5rem}
.la-b-live{grid-column:2 / span 2;grid-row:1 / span 2;background:linear-gradient(160deg,var(--violet-soft),var(--surface) 45%)}
.la-live-h{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:start}
.la-live-h .ic{width:42px;height:42px;border-radius:12px;background:var(--violet);color:#fff;display:grid;place-items:center}
.la-live-h .ic svg{width:21px;height:21px}
.la-live-h h3{font-size:1.35rem;font-weight:800;margin-bottom:.3rem}
.la-live{margin-top:.6rem}
.la-live .dev-shell .dev-screen{min-height:340px}
.la-live .dev{max-width:none}
.la-kw{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.5rem;font:500 .78rem var(--f-mono)}
.la-kw li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:.6rem;align-items:center}
.la-kw i,.la-funnel i{display:block;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--violet),var(--violet-hi));width:var(--w)}
.la-admock{margin-top:.6rem;display:grid;gap:.2rem;border:1px solid var(--line);border-radius:12px;padding:.75rem .85rem;background:var(--bg);font-size:.8rem}
.la-admock .k{font:600 .66rem var(--f-mono);letter-spacing:.05em;text-transform:uppercase}
.la-admock b{color:var(--violet-ink);font-size:.92rem;line-height:1.25}
.la-admock span:last-child{color:var(--muted)}
.la-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.3rem}
.la-chips span{font:600 .72rem var(--f-mono);border-radius:99px;padding:.25rem .6rem;background:var(--mist);border:1px solid var(--line)}
.la-mail{margin-top:.6rem;display:grid;gap:.4rem;border:1px solid var(--line);border-radius:12px;padding:.8rem .9rem;background:var(--bg)}
.la-mail .k{font:600 .66rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ok)}
.la-mail b{font-size:.9rem}
.la-mail i{display:block;height:7px;border-radius:99px;background:var(--line)}
.la-mail i.s{width:60%}
.la-funnel{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.55rem;font-size:.8rem}
.la-funnel li{display:grid;gap:.25rem}
.la-funnel i{height:12px}
.la-bars{margin-top:.8rem;height:90px;display:flex;align-items:flex-end;gap:.5rem;border-bottom:1px solid var(--line)}
.la-bars i{flex:1;height:var(--h);border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--violet-hi),var(--violet))}
@media (max-width:1000px){.la-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.la-b-live{grid-column:1 / -1;grid-row:auto}}
@media (max-width:640px){.la-bento{grid-template-columns:minmax(0,1fr)}.la-live{min-height:0}}

.la-track{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;font:600 .78rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:1.6rem}
.la-track b{color:var(--violet-ink)}
.la-track div{height:10px;border-radius:99px;background:var(--violet-soft);overflow:hidden}
.la-track i{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--violet-hi));transform-origin:left;animation:laGrow 2.4s .3s both ease-out}
@keyframes laGrow{from{transform:scaleX(0)}to{transform:none}}
.la-phasen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}
.la-phasen li{display:grid;gap:.5rem;align-content:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.4rem;position:relative}
.la-phasen .n{font:800 2.6rem/1 var(--f-display);color:transparent;-webkit-text-stroke:1.5px var(--violet);position:absolute;right:1.1rem;top:1rem;opacity:.5}
.la-phasen .ic{color:var(--violet)}
.la-phasen b{font:700 1.1rem var(--f-display)}
.la-phasen span:last-child{color:var(--muted);font-size:.93rem}
@media (max-width:900px){.la-phasen{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.la-phasen{grid-template-columns:minmax(0,1fr)}.la-track{grid-template-columns:minmax(0,1fr)}.la-track span{display:none}}

.la-dark{background:radial-gradient(900px 420px at 85% 0%,rgba(106,48,245,.3),transparent 65%),var(--band);color:var(--band-fg)}
.la-dark .eyebrow{color:var(--band-eyebrow)}
.la-dark .sec-head p{color:var(--band-muted)}
.la-rollen{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:1.1rem}
.la-r{border:1px solid var(--band-line);border-radius:var(--r-l);padding:1.8rem;background:var(--band-2);display:grid;align-content:start;gap:.6rem}
.la-r-k{font:600 .75rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--band-muted)}
.la-r .checks li{color:var(--band-fg)}
.la-r .checks li::before{background-color:#2A2147}
.la-r-wir{background:linear-gradient(150deg,#4D1FC8,#6A30F5 60%,#9C42FD);border-color:transparent;box-shadow:0 30px 80px -30px rgba(106,48,245,.8)}
.la-r-wir .la-r-k{color:#E2D6FF}
.la-r-wir .checks li::before{background-color:#fff}
@media (max-width:800px){.la-rollen{grid-template-columns:minmax(0,1fr)}}

.la-vgl{box-shadow:var(--shadow)}
.la-vgl thead th small{display:block;font:500 .72rem var(--f-body);letter-spacing:0;text-transform:none;color:var(--muted);margin-top:.2rem}
.la-vgl thead th:last-child,.la-vgl tbody td:last-child,.la-vgl tfoot td:last-child{background:color-mix(in srgb,var(--violet-soft) 60%,var(--surface))}
.la-vgl tbody td:last-child{font-weight:600;color:var(--fg)}
.la-vgl tfoot td{border-bottom:0;padding-block:1.1rem}
.la-fuer4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}
.la-f{display:grid;gap:.5rem;align-content:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.5rem;border-top:3px solid var(--violet)}
.la-f .ic{color:var(--violet)}
.la-f h3{font-size:1.15rem;font-weight:700}
.la-f p{color:var(--muted);font-size:.95rem}
@media (max-width:900px){.la-fuer4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.la-fuer4{grid-template-columns:minmax(0,1fr)}}

/* Partnerprogramm (Version 62): Kontoansicht als Beispiel im Hero, Rechner */
.pp-art{min-height:460px;display:grid;place-items:center}
.pp-dash{width:min(420px,92%);background:#fff;color:#17191D;border-radius:22px;padding:1.3rem;box-shadow:var(--shadow-lg),0 0 0 1px rgba(23,25,29,.06);display:grid;gap:.9rem;transform:rotate(-1.5deg)}
.pp-dh{display:flex;justify-content:space-between;align-items:center;font:600 .78rem var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:#585A69}
.pp-dh span{display:inline-flex;align-items:center;gap:.4rem;color:#5523D6}
.pp-dh i{font-style:normal;border:1px solid #E5E2F0;border-radius:99px;padding:.15rem .5rem;font-size:.65rem}
.pp-link{display:grid;gap:.2rem;background:#F6F4FC;border:1px dashed #C9B8F7;border-radius:12px;padding:.7rem .85rem}
.pp-link span{font-size:.72rem;color:#585A69}
.pp-link b{font:600 .9rem var(--f-mono);color:#4D1FC8;overflow-wrap:anywhere}
.pp-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.pp-kpi div{display:grid;gap:.1rem;border:1px solid #E5E2F0;border-radius:12px;padding:.6rem .7rem}
.pp-kpi span{font-size:.7rem;color:#585A69}
.pp-kpi b{font:800 1.15rem var(--f-display)}
.pp-chart{height:84px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid #E5E2F0}
.pp-chart i{flex:1;height:var(--h);border-radius:4px 4px 0 0;background:linear-gradient(180deg,#9C42FD,#6A30F5)}
.pp-cap{font:500 .68rem var(--f-mono);color:#585A69;margin-top:-.4rem}
.pp-pay{position:absolute;right:0;bottom:12%;display:flex;align-items:center;gap:.65rem;background:#fff;color:#17191D;border-radius:16px;padding:.75rem 1rem;box-shadow:var(--shadow-lg);font-size:.82rem;animation:artPop .6s .6s both cubic-bezier(.34,1.56,.64,1)}
.pp-pay small{display:block;color:#585A69}
.pp-ok{width:30px;height:30px;border-radius:50%;background:#E6F6EC;color:#17794A;display:grid;place-items:center}
.pp-30{position:absolute;left:-5%;top:2%;display:grid;justify-items:center;background:linear-gradient(150deg,#4D1FC8,#6A30F5 60%,#9C42FD);color:#fff;border-radius:20px;padding:.9rem 1.1rem;box-shadow:0 24px 60px -18px rgba(106,48,245,.8);animation:artPop .6s .3s both cubic-bezier(.34,1.56,.64,1)}
.pp-30 b{font:800 2.4rem/1 var(--f-display);letter-spacing:-.03em}
.pp-30 span{font-size:.72rem;color:#E8E0FF}
@media (prefers-reduced-motion:reduce){.pp-pay,.pp-30{animation:none}}
@media (max-width:960px){.br-art.pp-art{aspect-ratio:auto;min-height:0;padding-block:2.5rem 1rem;margin-top:.5rem}.pp-30{top:0}.pp-pay{bottom:-6px}}

.pp-calc{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--line)}
.pp-in{background:var(--surface);padding:2rem;display:grid;gap:.9rem;align-content:start}
.pp-bill{justify-self:start}
.pp-q{font:700 1.1rem var(--f-display);margin-top:.4rem}
.pp-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;border-top:1px solid var(--line)}
.pp-row span{display:grid}
.pp-row b{font:700 1.05rem var(--f-display)}
.pp-row small{color:var(--muted);font-size:.82rem}
.pp-step{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:99px;background:var(--mist)}
.pp-step button{width:42px;height:42px;border:0;background:none;color:var(--violet-ink);font:600 1.3rem/1 var(--f-body);cursor:pointer;border-radius:50%}
.pp-step button:hover{background:var(--violet-soft)}
.pp-step output{min-width:2.4rem;text-align:center;font:700 1.1rem var(--f-display)}
.pp-out{background:linear-gradient(150deg,#4D1FC8,#6A30F5 60%,#9C42FD);color:#fff;padding:2rem;display:grid;gap:.6rem;align-content:center;justify-items:start}
.pp-k{font:600 .75rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#E2D6FF}
.pp-sum{font:800 clamp(2.6rem,5vw,3.8rem)/1 var(--f-display);letter-spacing:-.03em}
.pp-avg{color:#E8E0FF}
.pp-avg b{color:#fff}
.pp-out p{font-size:.85rem;color:#E2D6FF;max-width:30em}
.pp-out .btn{margin-top:.4rem}
@media (max-width:800px){.pp-calc{grid-template-columns:minmax(0,1fr)}}

/* Über uns (Version 62): Stationen im Hero, Zeitleiste als Tabs mit Szene je Station */
.ab-art{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:1rem}
.ab-route{position:relative;padding:1rem 0}
.ab-path{position:absolute;left:0;top:0;width:60px;height:100%;fill:none;stroke:var(--violet);stroke-width:2;stroke-dasharray:6 7;opacity:.55}
.ab-route ol{list-style:none;margin:0;padding:0 0 0 46px;display:grid;gap:1.4rem}
.ab-route li{display:grid;gap:.1rem;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:16px;padding:.8rem 1rem;box-shadow:var(--shadow);position:relative}
.ab-route li::before{content:"";position:absolute;left:-30px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:var(--surface);border:3px solid var(--violet)}
.ab-route li.hot{background:linear-gradient(150deg,#4D1FC8,#6A30F5 60%,#9C42FD);color:#fff;border-color:transparent;transform:translateX(18px)}
.ab-route li.hot::before{background:#F5C451;border-color:#fff}
.ab-route b{font:800 1.2rem var(--f-display)}
.ab-route span{font-size:.82rem;color:var(--muted)}
.ab-route li.hot span{color:#E8E0FF}
.ab-route .ab-st-j{font:600 .72rem var(--f-mono);letter-spacing:.08em;color:var(--violet-ink)}
.ab-route li.hot .ab-st-j{color:#F5C451}
.ab-skycard{background:linear-gradient(180deg,#1B1035,#0B0914);color:#C9B5FF;border-radius:22px;padding:1.2rem 1rem .6rem;box-shadow:var(--shadow-lg)}
.ab-sky{width:100%;height:auto;display:block}
@media (max-width:960px){.br-art.ab-art{aspect-ratio:auto;min-height:0}}
@media (max-width:520px){.ab-art{grid-template-columns:minmax(0,1fr)}.ab-skycard{display:none}}

.ab-tl{display:grid;gap:1.6rem}
.ab-rail-w{position:relative}
.ab-rail{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;padding:0 0 1.1rem;position:relative;z-index:1}
.ab-rail::-webkit-scrollbar{display:none}
.ab-rail button{flex:1 1 0;min-width:5.6rem;display:grid;gap:.2rem;justify-items:start;text-align:left;border:0;background:none;color:var(--band-muted);padding:.6rem .7rem 1.2rem;border-radius:12px;cursor:pointer;position:relative;font:inherit}
.ab-rail button::after{content:"";position:absolute;left:.7rem;bottom:.15rem;width:12px;height:12px;border-radius:50%;background:var(--band);border:2px solid var(--band-line);transition:background .2s,border-color .2s,transform .2s}
.ab-rail button b{font:800 1.15rem var(--f-display);color:var(--band-fg)}
.ab-rail button span{font-size:.7rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ab-rail button:hover{background:var(--band-2)}
.ab-rail button.done::after{background:var(--violet);border-color:var(--violet)}
.ab-rail button[aria-selected="true"]{background:var(--band-2);color:var(--band-fg)}
.ab-rail button[aria-selected="true"]::after{background:var(--violet-hi);border-color:#fff;transform:scale(1.3);box-shadow:0 0 0 6px rgba(156,66,253,.25)}
.ab-rail button.ab-dubai b::after{content:" ★";color:#F5C451;font-size:.8em}
.ab-line{position:absolute;left:1rem;right:1rem;bottom:1.32rem;height:2px;background:var(--band-line)}
.ab-line i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--violet),var(--violet-hi));transition:width .4s ease}
.ab-panels{display:grid;gap:1rem}
.ab-p{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:center;background:var(--band-2);border:1px solid var(--band-line);border-radius:var(--r-l);padding:2.4rem;overflow:hidden;min-height:340px}
.ab-tl.on .ab-p{animation:abIn .45s ease both}
@keyframes abIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ab-big{position:absolute;right:-.5rem;bottom:-2.2rem;font:800 clamp(6rem,14vw,11rem)/1 var(--f-display);color:transparent;-webkit-text-stroke:1.5px rgba(201,181,255,.14);pointer-events:none;letter-spacing:-.04em}
.ab-txt{display:grid;gap:.7rem;position:relative}
.ab-d{font:600 .78rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--band-eyebrow)}
.ab-txt h3{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;color:var(--band-fg)}
.ab-txt p{color:var(--band-muted);font-size:1.05rem;max-width:32em}
.ab-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.ab-chips span{font:600 .72rem var(--f-mono);border:1px solid var(--band-line);border-radius:99px;padding:.3rem .65rem;color:var(--band-fg)}
.ab-nav{display:flex;align-items:center;justify-content:center;gap:1rem}
.ab-nav [data-tl-prev] svg{transform:rotate(90deg)}
.ab-nav [data-tl-next] svg{transform:rotate(-90deg)}
.ab-count{font:600 .8rem var(--f-mono);color:var(--band-muted);min-width:4rem;text-align:center}
.ab-tl:not(.on) .ab-rail-w,.ab-tl:not(.on) .ab-nav{display:none}
/* Szenen: hell auf dunkler Bühne */
.ab-sc{position:relative;display:grid;place-items:center;gap:.8rem;min-height:240px}
.ab-sc-dubai{color:#C9B5FF}
.ab-sc-dubai .ab-sky{max-width:360px;filter:drop-shadow(0 0 18px rgba(156,66,253,.45))}
.ab-pin{display:inline-flex;align-items:center;gap:.4rem;font:600 .75rem var(--f-mono);background:#F5C451;color:#2A1A00;border-radius:99px;padding:.3rem .7rem}
.ab-form,.ab-cal,.ab-ki,.ab-doc,.ab-cloud{background:#fff;color:#17191D;border-radius:18px;padding:1.2rem;box-shadow:0 30px 70px -24px rgba(0,0,0,.7);width:min(320px,100%);display:grid;gap:.7rem}
.ab-form .pg{display:block;height:6px;border-radius:99px;background:linear-gradient(90deg,#6A30F5 30%,#ECEAF3 30%)}
.ab-form b,.ab-cal b,.ab-ki b{font:700 1rem var(--f-display)}
.ab-form div{display:grid;gap:.4rem}
.ab-form div span{border:1px solid #DCD8EA;border-radius:10px;padding:.55rem .7rem;font-size:.85rem}
.ab-form div span:first-child{border-color:#6A30F5;background:#F6F2FF}
.ab-form small{font:500 .7rem var(--f-mono);color:#6B6880}
.ab-res span{display:flex;justify-content:space-between}
.ab-res span::after{content:"";width:40%;height:8px;align-self:center;border-radius:99px;background:linear-gradient(90deg,#6A30F5,#9C42FD)}
.ab-sc-name{font:700 1.1rem var(--f-display);color:var(--band-fg)}
.ab-sc-name s{color:var(--band-muted);font-weight:500}
.ab-arr{color:var(--violet-hi);font-size:1.4rem}
.ab-logo{width:72px;height:auto;color:#9C42FD;filter:drop-shadow(0 10px 30px rgba(156,66,253,.6))}
.ab-sc-name b,.ab-sc-pro>b{font:800 2rem var(--f-display);color:#fff}
.ab-cal div{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.ab-cal i{aspect-ratio:1;border-radius:6px;background:#ECEAF3}
.ab-cal i.on{background:#6A30F5}
.ab-cal span{font:600 .8rem var(--f-mono);color:#5523D6}
.ab-phone{width:170px;border:8px solid #000;border-radius:28px;background:#fff;color:#17191D;padding:1rem .8rem 1.4rem;display:grid;gap:.6rem;box-shadow:0 30px 70px -24px rgba(0,0,0,.8)}
.ab-phone ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.ab-phone li{display:flex;gap:.45rem;align-items:center}
.ab-phone li i{width:22px;height:22px;border-radius:50%;background:#E4DAFF}
.ab-phone li span{flex:1;height:8px;border-radius:99px;background:#ECEAF3}
.ab-wp{display:inline-flex;align-items:center;gap:.4rem;font:600 .75rem var(--f-mono);color:var(--band-fg);border:1px solid var(--band-line);border-radius:99px;padding:.35rem .75rem}
.ab-ki span{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:#5523D6}
.ab-ki i{display:block;height:8px;border-radius:99px;background:#ECEAF3}
.ab-ki i.s{width:65%}
.ab-ki b{justify-self:start;background:#6A30F5;color:#fff;border-radius:99px;padding:.45rem .9rem;font-size:.85rem}
.ab-cloud{justify-items:center;text-align:center;color:#5523D6}
.ab-cloud b{font:800 1.3rem var(--f-display);color:#17191D}
.ab-cloud span{font-size:.85rem;color:#6B6880}
.ab-doc span{display:inline-flex;align-items:center;gap:.4rem;font:600 .72rem var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:#6B6880}
.ab-doc b{font:800 1.4rem var(--f-display)}
.ab-doc small{color:#6B6880}
.ab-sc-pro div{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;max-width:320px}
.ab-sc-pro div span{font:600 .72rem var(--f-mono);background:rgba(156,66,253,.18);color:#E2D6FF;border-radius:99px;padding:.3rem .65rem}
@media (max-width:800px){.ab-p{grid-template-columns:minmax(0,1fr);padding:1.6rem;gap:1.2rem}.ab-sc{min-height:0}}
@media (prefers-reduced-motion:reduce){.ab-tl.on .ab-p{animation:none}}
.ab-tl{grid-template-columns:minmax(0,1fr)}
@media (max-width:1000px){.ab-rail{flex-wrap:wrap;overflow:visible;padding-bottom:0;row-gap:.3rem}.ab-rail button{flex:0 0 calc(20% - .35rem);min-width:0;padding:.5rem .4rem 1rem}.ab-rail button b{font-size:.95rem;white-space:nowrap}.ab-rail button span{display:none}.ab-rail button::after{left:.45rem;width:10px;height:10px}.ab-line{display:none}}
@media (max-width:640px){.ab-route li.hot{transform:none}}

/* Predictive AI: Simulation wie im Plugin (PredictionStage), immer dunkel wie dort */
.pai-pick{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}.pai-pick>span{font:600 .72rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pai-sim{--s-bg:#110c26;--s-st:#0b0820;--s-pn:#1b1538;--s-ln:#2e2656;--s-tx:#f4f2ff;--s-mu:#b4acd9;--s-dim:#8f86b8;--s-vi:#a98bff;--s-ok:#3ddbb0;--s-dr:#ffb547;
  display:flex;flex-direction:column;gap:16px;padding:22px;border-radius:var(--r-l);background:radial-gradient(circle at 0% 0%,rgba(106,48,245,.35),rgba(106,48,245,0) 40%),var(--s-bg);color:var(--s-tx);box-shadow:var(--shadow-lg);min-width:0}
.pai-sim-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.pai-ph{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pai-ph li{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border:1px solid var(--s-ln);border-radius:999px;color:var(--s-dim);font-size:13px;font-weight:600}
.pai-pd{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--s-ln);color:var(--s-mu);font-size:11px}
.pai-ph li.on{border-color:var(--s-vi);background:#231b47;color:var(--s-tx);animation:pai-glow 1.6s ease-in-out infinite}.pai-ph li.on .pai-pd{background:var(--s-vi);color:var(--s-bg)}
.pai-ph li.done{color:var(--s-tx)}.pai-ph li.done .pai-pd{background:var(--s-ok);color:var(--s-bg)}
.pai-act{display:flex;align-items:center;gap:12px}.pai-pct{font-size:13px;color:var(--s-mu);font-variant-numeric:tabular-nums}
.pai-btn{display:inline-flex;align-items:center;gap:.45rem;font:600 .9rem var(--f-body,inherit);border-radius:999px;padding:.55rem 1rem;cursor:pointer;border:1px solid #3a3168;background:#231b47;color:var(--s-tx)}
.pai-btn:hover{border-color:var(--s-vi)}.pai-btn:focus-visible{outline:2px solid var(--s-vi);outline-offset:2px}
.pai-btn.big{border:0;padding:.95rem 1.6rem;font-size:1.02rem;background:linear-gradient(135deg,#6a30f5,#9c42fd);box-shadow:0 10px 40px rgba(106,48,245,.55);animation:pai-glow 1.6s ease-in-out infinite}
.pai-btn.big:hover{filter:brightness(1.1)}
.pai-pbar{display:block;height:4px;border-radius:4px;background:#241d4a;overflow:hidden}.pai-pbar span{display:block;height:4px;width:0;border-radius:4px;background:linear-gradient(90deg,#4d1fc8,#9c42fd,#3ddbb0)}
.pai-sim-b{display:flex;flex-wrap:wrap;gap:18px}
.pai-sim-m{flex:999 1 600px;min-width:0;display:flex;flex-direction:column;gap:12px}
.pai-sim-s{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:14px}
.pai-st{position:relative;height:410px;overflow:hidden;border:1px solid #241d4a;border-radius:12px;background:var(--s-st)}
.pai-st canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.pai-cols{position:absolute;inset:0;pointer-events:none}
.pai-ch{position:absolute;top:10px;width:112px;transform:translateX(-50%);text-align:center;transition:opacity .3s}
.pai-ch b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;color:var(--s-tx)}
.pai-ch span{display:block;min-height:16px;font-size:12px;color:var(--s-mu);font-variant-numeric:tabular-nums}
.pai-cd{position:absolute;transform:translateX(-50%);white-space:nowrap;font-size:12px;font-weight:700;color:#ffcf87;font-variant-numeric:tabular-nums}
.pai-crowd .pai-cd{font-size:10px}
.pai-basin{position:absolute;top:23.4%;bottom:23.4%;left:89%;width:9.5%;overflow:hidden;border:1px solid #2c8a70;border-radius:12px;background:rgba(61,219,176,.06)}
.pai-basin-f{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(180deg,rgba(61,219,176,.55),rgba(61,219,176,.2))}
.pai-basin-t{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.pai-basin-t span{font-size:12px;font-weight:600;color:#c8f7e8}.pai-basin-t strong{font:700 22px var(--f-display);color:#fff;font-variant-numeric:tabular-nums}
.pai-note{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-size:15px;font-weight:600;max-width:92%;pointer-events:none}
.pai-note.wide{width:640px}
.pai-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.pai-chips span{padding:4px 10px;border:1px solid #3a3168;border-radius:999px;background:#231b47;color:#e4dcff;font-size:12px;font-weight:600}
.pai-bubbles{display:flex;justify-content:center;align-items:flex-end;gap:22px}
.pai-bub{width:150px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;line-height:1.3;font-weight:500}
.pai-ball{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:800 16px var(--f-display);color:var(--s-bg)}
.pai-idle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center;background:radial-gradient(60% 60% at 50% 50%,rgba(11,8,32,.92),rgba(11,8,32,.55))}
.pai-idle p{max-width:44ch;color:var(--s-mu);font-size:.95rem;line-height:1.55;display:grid;gap:.4rem;margin:0}
.pai-idle p b{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font:600 .74rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--s-vi)}
.pai-rate{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(11,8,32,.8);animation:pai-in .4s ease both}
.pai-rate[hidden]{display:none}
.pai-rc{width:600px;max-width:92%;display:flex;align-items:center;gap:20px;padding:18px 20px;border:1px solid #3a3168;border-radius:14px;background:#17112f;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.pai-ring{position:relative;flex:none;width:112px;height:112px}.pai-ring svg{position:absolute;inset:0;width:100%;height:100%}
.pai-ring>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.pai-ring b{font:800 32px/1 var(--f-display);color:#fff;font-variant-numeric:tabular-nums}.pai-ring span{margin-top:3px;font-size:11px;color:var(--s-mu)}
.pai-rr{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.pai-row{display:flex;align-items:center;gap:10px;font-size:13px;color:#e4dcff;animation:pai-in .4s ease both}.pai-row[hidden]{display:none}
.pai-row>span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pai-row strong{color:var(--s-ok);font-variant-numeric:tabular-nums;white-space:nowrap}
.pai-shine{width:70px;height:6px;border-radius:6px;flex:none;background-color:#3a3168;background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.35) 50%,rgba(255,255,255,0));background-size:200px 100%;background-repeat:no-repeat;animation:pai-shine 1.2s linear infinite}
.pai-shine[hidden],.pai-row strong[hidden]{display:none}
.pai-eb{font:600 .7rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--s-vi)}
.pai-key{display:none;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--s-mu)}.pai-key b{color:var(--s-tx);margin-right:5px;font-variant-numeric:tabular-nums}
.pai-crowd .pai-key{display:flex}
.pai-leg{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;color:var(--s-mu)}.pai-leg span{display:inline-flex;align-items:center;gap:6px}.pai-leg i{width:9px;height:9px;border-radius:50%}
.pai-live{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.pai-live>div,.pai-pn{padding:12px 14px;border:1px solid var(--s-ln);border-radius:10px;background:var(--s-pn);min-width:0}
.pai-live span{display:block;font-size:12px;color:var(--s-mu)}.pai-live strong{display:block;font:700 24px var(--f-display);color:var(--s-tx);font-variant-numeric:tabular-nums}
.pai-live .ok{color:var(--s-ok)}.pai-live .dr{color:var(--s-dr)}
.pai-pn{padding:16px;border-radius:12px;display:grid;gap:10px;align-content:start}.pai-pn.grow{flex:1;animation:pai-glow 1.6s ease-in-out infinite}
[data-mode="idle"] .pai-pn.grow,[data-mode="done"] .pai-pn.grow{animation:none}
.pai-mu{font-size:13px;color:var(--s-mu);margin:0}
.pai-pl{display:flex;flex-direction:column;gap:10px}.pai-pl>div{display:flex;align-items:flex-start;gap:10px}
.pai-pl i{width:12px;height:12px;flex:none;margin-top:4px;border-radius:50%}.pai-pl>div>div{flex:1;min-width:0}
.pai-pl b{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:600}.pai-pl b span:last-child{color:var(--s-mu);font-variant-numeric:tabular-nums}
.pai-pl p{font-size:12px;line-height:1.45;color:var(--s-mu);margin:0}
.pai-tick{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pai-tick li{display:flex;gap:8px;font-size:13px;line-height:1.5;color:var(--s-mu)}.pai-tick li.new{color:var(--s-tx)}.pai-tick li.warn{color:#ffcf87}.pai-tick li.good{color:#9df0d6}
.pai-tick li span:first-child{flex:none;color:#6d6399;font-variant-numeric:tabular-nums}
.pai-in{animation:pai-in .4s ease both}.pai-pop{animation:pai-pop .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes pai-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes pai-pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.06)}100%{opacity:1;transform:none}}
@keyframes pai-glow{0%,100%{box-shadow:0 0 0 0 rgba(169,139,255,0)}50%{box-shadow:0 0 0 6px rgba(169,139,255,.2)}}
@keyframes pai-shine{from{background-position:-200px 0}to{background-position:200px 0}}
.pai-res{display:grid;gap:1.25rem;animation:pai-in .5s ease both;transition:opacity .3s}.pai-res.pai-wait{opacity:.35;pointer-events:none}
#pai-pers b i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:.45rem;vertical-align:.05em}
@media (max-width:640px){.pai-sim{padding:14px;gap:12px}.pai-st{height:320px}.pai-ph li{font-size:11.5px;padding:4px 10px 4px 4px;gap:6px}.pai-pd{width:18px;height:18px;font-size:10px}
  .pai-basin-t span{display:none}.pai-basin-t strong{font-size:13px}.pai-basin{border-radius:8px}.pai-bub{width:31%}.pai-bubbles{gap:8px}.pai-note{font-size:13.5px}
  .pai-rc{flex-direction:column;gap:12px;padding:14px}.pai-ring{width:84px;height:84px}.pai-ring b{font-size:24px}.pai-live{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pai-live strong{font-size:19px}
  .pai-btn.big{padding:.8rem 1.3rem;font-size:.95rem}.pai-idle p{font-size:.86rem}}
@media (prefers-reduced-motion:reduce){.pai-in,.pai-pop,.pai-ph li.on,.pai-pn.grow,.pai-shine,.pai-btn.big,.pai-rate,.pai-row,.pai-res{animation:none}}
@media (min-width:1001px){.pai-sim-b{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:stretch}.pai-sim-s{height:0;min-height:100%}
  .pai-pn.grow{min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent)}}
@media (max-width:1000px){.pai-tick li:nth-child(n+5){display:none}}

/* Live-Chat mit Sunny: Blase unten rechts, Fenster darüber, auf dem Handy ganzer Bildschirm */
.ffc{--ffc-on:#1FB869;--ffc-off:#B9B4CC;position:fixed;z-index:45;right:max(20px,env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;pointer-events:none}
.ffc>*{pointer-events:auto}
body:has(.mcta[data-show="true"]) .ffc{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
body:has(#cookie:not([hidden])) .ffc{display:none}
.ffc-av{display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,var(--violet-hi),var(--violet-deep));color:#fff;flex:none}
.ffc-av svg{width:58%;height:58%;fill:#FFD86B;stroke:#FFD86B}
.ffc-bub{position:relative;width:60px;height:60px;border:0;border-radius:50%;padding:0;cursor:pointer;background:none;box-shadow:0 12px 30px -8px rgba(77,31,200,.55),0 0 0 1px rgba(255,255,255,.08);animation:ffc-hop .7s cubic-bezier(.3,1.6,.5,1) both;transition:transform .2s}
.ffc-bub:hover{transform:translateY(-2px) scale(1.04)}
.ffc-bub:focus-visible{outline:3px solid var(--violet-hi);outline-offset:3px}
.ffc-bub .ffc-av{width:100%;height:100%}
/* Punkt: neutral, solange Sunny allein antwortet; grün mit Puls nur, wenn jemand aus dem Team bereit ist (menschen_online) */
.ffc-dot{position:absolute;right:2px;bottom:2px;width:15px;height:15px;border-radius:50%;background:var(--ffc-off);border:3px solid var(--bg)}
.ffc.team .ffc-dot{background:var(--ffc-on)}
.ffc.team .ffc-dot::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--ffc-on);animation:ffc-ping 2.4s ease-out infinite}
.ffc-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#E5484D;color:#fff;font:600 .75rem/22px var(--f-body);text-align:center}
.ffc.open .ffc-bub .ffc-av svg{display:none}
.ffc.open .ffc-bub .ffc-av::before{content:"";width:18px;height:18px;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.ffc.open .ffc-dot{display:none}
@keyframes ffc-hop{0%{transform:translateY(24px) scale(.6);opacity:0}100%{transform:none;opacity:1}}
@keyframes ffc-ping{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(2.1);opacity:0}}
.ffc-tease{position:relative;max-width:270px;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:18px 18px 4px 18px;box-shadow:var(--shadow-lg);padding:.85rem 2.2rem .85rem 1rem;animation:ffc-hop .5s ease both}
.ffc-tease-t{all:unset;cursor:pointer;font:400 .92rem/1.45 var(--f-body);display:block}
.ffc-tease-t b{font-weight:600}
.ffc-tease-x{position:absolute;top:.35rem;right:.45rem;width:26px;height:26px;border:0;border-radius:50%;background:none;color:var(--muted);font-size:1.2rem;line-height:1;cursor:pointer}
.ffc-tease-x:hover{background:var(--mist)}
.ffc-win{width:min(390px,calc(100vw - 32px));height:min(640px,calc(100dvh - 130px));display:flex;flex-direction:column;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-lg);overflow:hidden;animation:ffc-auf .22s ease both;transform-origin:bottom right}
.ffc-win[hidden]{display:none}
@keyframes ffc-auf{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.ffc-hd{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--violet-soft),transparent)}
.ffc-hd .ffc-av{width:40px;height:40px;position:relative}
.ffc-hd .ffc-av::after{content:"";position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:var(--ffc-off);border:2px solid var(--surface)}
.ffc.team .ffc-hd .ffc-av::after{background:var(--ffc-on)}
.ffc-who{display:grid;min-width:0;flex:1}
.ffc-who b{font:600 1rem var(--f-display)}
.ffc-st{font-size:.8rem;color:var(--muted)}
.ffc-tag{font:600 .68rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--violet-ink);background:var(--violet-soft);border-radius:999px;padding:.25rem .55rem}
.ffc-x{width:36px;height:36px;border:0;border-radius:50%;background:none;color:var(--muted);cursor:pointer;display:grid;place-items:center}
.ffc-x:hover{background:var(--mist);color:var(--fg)}
.ffc-x svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ffc-log{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:1rem;display:flex;flex-direction:column;gap:.7rem;scroll-behavior:smooth}
.ffc-note{margin:0 0 .2rem;font-size:.78rem;line-height:1.5;color:var(--muted);text-align:center;padding:0 .5rem}
.ffc-note a{color:inherit;text-decoration:underline}
.ffc-m{max-width:86%;display:grid;gap:.35rem}
.ffc-m p{margin:0;padding:.65rem .85rem;border-radius:16px;font-size:.93rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.ffc-m p a{color:inherit;text-decoration:underline}
.ffc-name{font:600 .72rem var(--f-body);color:var(--muted);padding-left:.3rem}
.ffc-sunny,.ffc-team{align-self:flex-start}
.ffc-sunny p{background:var(--mist);border:1px solid var(--line);border-bottom-left-radius:4px}
.ffc-team p{background:var(--ok-soft);border:1px solid color-mix(in srgb,var(--ok) 30%,transparent);border-bottom-left-radius:4px}
.ffc-ich{align-self:flex-end}
.ffc-ich p{background:linear-gradient(140deg,var(--violet),var(--violet-deep));color:#fff;border-bottom-right-radius:4px}
.ffc-sys{align-self:center;max-width:92%}
.ffc-sys p{background:none;padding:.2rem .4rem;text-align:center;font-size:.8rem;color:var(--muted)}
.ffc-err p{color:var(--warn)}
.ffc-src{display:flex;flex-wrap:wrap;gap:.35rem;padding-left:.2rem}
.ffc-src a{font:500 .76rem var(--f-body);color:var(--violet-ink);background:var(--violet-soft);border-radius:999px;padding:.3rem .65rem;text-decoration:none}
.ffc-src a:hover{text-decoration:underline}
.ffc-offer{justify-self:start;font:600 .82rem var(--f-body);color:var(--violet-ink);background:var(--surface);border:1px solid var(--violet-ink);border-radius:999px;padding:.4rem .8rem;cursor:pointer}
.ffc-offer:hover{background:var(--violet-soft)}
.ffc-chips{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end;margin-top:.2rem}
.ffc-chips button{font:500 .82rem var(--f-body);color:var(--violet-ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.45rem .8rem;cursor:pointer}
.ffc-chips button:hover{border-color:var(--violet-ink);background:var(--violet-soft)}
.ffc-typing{align-self:flex-start;display:flex;gap:4px;padding:.75rem .9rem;background:var(--mist);border:1px solid var(--line);border-radius:16px 16px 16px 4px}
.ffc-typing[hidden]{display:none}
.ffc-typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:ffc-tipp 1.2s infinite ease-in-out}
.ffc-typing i:nth-child(2){animation-delay:.15s}.ffc-typing i:nth-child(3){animation-delay:.3s}
@keyframes ffc-tipp{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-4px);opacity:1}}
.ffc-foot{border-top:1px solid var(--line);padding:.7rem .8rem calc(.6rem + env(safe-area-inset-bottom,0px));display:grid;gap:.45rem;background:var(--surface)}
.ffc-ft,.ffc-mail{display:flex;gap:.5rem;align-items:flex-end}
.ffc-ft[hidden],.ffc-mail[hidden],.ffc-human[hidden],.ffc-neu[hidden]{display:none}
.ffc-neu{justify-self:center}
.ffc-ft textarea,.ffc-mail input{flex:1;min-width:0;resize:none;font:400 .95rem/1.4 var(--f-body);color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:.65rem .8rem;max-height:120px}
.ffc-ft textarea:focus,.ffc-mail input:focus{outline:2px solid var(--violet-hi);outline-offset:0;border-color:transparent}
.ffc-mail .btn{padding:.65rem 1rem}
.ffc-send{flex:none;width:42px;height:42px;border:0;border-radius:50%;background:linear-gradient(140deg,var(--violet),var(--violet-deep));color:#fff;cursor:pointer;display:grid;place-items:center}
.ffc-send svg{width:19px;height:19px;fill:#fff;transform:translateX(-1px)}
.ffc-human{justify-self:center;font:500 .8rem var(--f-body);color:var(--muted);background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:.15rem}
.ffc-human:hover{color:var(--fg)}
@media (max-width:600px){
  .ffc.open{inset:0;right:0;bottom:0}
  .ffc.open .ffc-bub,.ffc.open .ffc-tease{display:none}
  .ffc-win{width:100vw;height:100dvh;border-radius:0;border:0;padding-top:env(safe-area-inset-top,0px)}
}
@media (prefers-reduced-motion:reduce){.ffc-bub,.ffc-tease,.ffc-win{animation:none}.ffc-dot::after,.ffc-typing i{animation:none}}
@media print{.ffc{display:none}}

/* Headline der Startseite: wechselndes Wort (site.js, data-rot). Alle Wörter im selben Rasterfeld; sichtbar ist nur .on (beim Wechsel
   auch .out). Die Buchstaben steigen versetzt aus einer Maske (overflow) auf und verlassen sie nach oben. Volle Farbe statt background-clip,
   weil Safari Text mit background-clip in Animationen nicht verlässlich ausblendet (30.10.2026). Innenabstand unten für Unterlängen. */
.rot-h template{display:none}
.rot{display:inline-grid;position:relative;vertical-align:bottom;overflow:hidden;padding:0 .06em .22em 0;margin-bottom:-.22em}
.rot-w{grid-area:1/1;justify-self:start;white-space:nowrap;visibility:hidden;color:var(--h1-b);color:color-mix(in srgb,var(--h1-a) 55%,var(--h1-b))}
.rot-w.on,.rot-w.out{visibility:visible}
.rot-l{display:inline-block}
.rot.lauf .rot-l{transform:translateY(112%);opacity:0;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .25s ease-out;transition-delay:calc(190ms + var(--i) * 22ms)}
.rot.lauf .rot-w.on .rot-l{transform:none;opacity:1}
.rot.lauf .rot-w.out .rot-l{transform:translateY(-112%);opacity:0;transition:transform .24s cubic-bezier(.55,0,.85,.2),opacity .2s ease-in;transition-delay:calc(var(--i) * 8ms)}
.rot-bar{position:absolute;left:0;bottom:.04em;height:.07em;border-radius:1em;background:linear-gradient(90deg,var(--h1-a),var(--h1-b));opacity:.9;transform:scaleX(0);transform-origin:left;transition:width .6s cubic-bezier(.16,1,.3,1)}
.rot-bar.run{animation:rot-bar var(--rot-t,1900ms) linear forwards}
@keyframes rot-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.rot-bar{display:none}}

/* Lead-Report 2027 (p_leadreport.py): Landingpage /guides/lead-report-2027/, Sektion und Leiste auf der Startseite. Dunkle Bühne wie beim
   Lead Accelerator, in hell und dunkel gleich, damit das Report-Cover (dunkel) wirkt. */
.lr-hero,.lr-home-box,.lr-card-dunkel{--band:#0B0914;--band-2:#15121F;--band-fg:#F6F4FC;--band-muted:#B5B0C9;--band-line:#2E2944;--band-eyebrow:#C9B5FF;--ghost-hover:#1C1830;--h1-a:#C3A5FF;--h1-b:#8A4BFF;color-scheme:dark}
.lr-hero{position:relative;overflow:hidden;overflow:clip;background:radial-gradient(1100px 560px at 82% 30%,rgba(106,48,245,.40),transparent 62%),radial-gradient(700px 380px at 0% 100%,rgba(156,66,253,.20),transparent 70%),var(--band)}
.lr-hero::before,.lr-home-box::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 70% at 70% 35%,#000 25%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 70% 35%,#000 25%,transparent 75%);pointer-events:none}
.lr-hero .wrap{position:relative;padding-block:3rem 5rem}
.lr-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:3rem;align-items:center}
.lr-hero-text{display:grid;gap:1.25rem;align-content:start}
.lr-hero h1{font-size:clamp(2rem,3.7vw,3.2rem);font-weight:800;max-width:15em}
@media (min-width:621px){.lr-hero h1,.lr-home-text h2{hyphens:manual;-webkit-hyphens:manual}}
.lr-hero .lead{font-size:1.08rem}
.lr-badge{display:inline-flex;align-items:center;gap:.45rem;justify-self:start;padding:.45rem .8rem;border-radius:99px;border:1px solid rgba(201,181,255,.35);background:rgba(106,48,245,.16);color:var(--band-eyebrow)}
.lr-badge svg{color:#F5C451}
.lr-punkte{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.lr-punkte li{display:flex;gap:.6rem;align-items:flex-start;color:var(--band-fg);font-size:1rem}
.lr-punkte .ic{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(60,196,126,.16);color:#5BD99A;margin-top:.1rem}
.lr-punkte .ic svg{width:14px;height:14px}
.lr-hero-art{display:grid;place-items:center;min-height:520px}

/* Report-Mockup: Titel als Objekt mit Rücken, Papierkante und Glanz; dahinter aufgefächerte Innenseiten */
.lr-mock{--w:340px;position:relative;width:var(--w);aspect-ratio:880/1245;perspective:1600px}
.lr-mock.lr-gross{--w:min(400px,78vw)}
.lr-mock.lr-mittel{--w:min(300px,64vw)}
.lr-mock.lr-klein{--w:min(250px,56vw)}
.lr-book{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(-17deg) rotateX(4deg) rotateZ(1deg);transition:transform .6s cubic-bezier(.2,.7,.2,1);animation:lr-schweben 7s ease-in-out infinite}
.lr-mock:hover .lr-book{transform:rotateY(-9deg) rotateX(2deg)}
.lr-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:3px 7px 7px 3px;box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 50px 90px -30px rgba(10,4,40,.85),0 22px 40px -18px rgba(76,31,200,.55)}
/* Papierkante rechts (Seiten des Reports) und Rücken links */
.lr-book::before{content:"";position:absolute;top:1.2%;bottom:1.2%;right:-12px;width:12px;border-radius:0 3px 3px 0;background:repeating-linear-gradient(90deg,#F3F1F8 0 1px,#D9D5E6 1px 2px);transform:rotateY(70deg);transform-origin:left;box-shadow:inset 0 0 6px rgba(0,0,0,.25)}
.lr-book::after{content:"";position:absolute;inset:0 auto 0 0;width:7%;border-radius:3px 0 0 3px;background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.04) 35%,rgba(0,0,0,.35) 60%,rgba(255,255,255,.06) 80%,transparent);pointer-events:none}
.lr-gloss{position:absolute;inset:0;border-radius:3px 7px 7px 3px;background:linear-gradient(115deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.05) 28%,transparent 45%,transparent 70%,rgba(255,255,255,.06) 100%);mix-blend-mode:screen;pointer-events:none}
.lr-fan{position:absolute;inset:0}
.lr-pg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:4px;box-shadow:0 30px 60px -28px rgba(10,4,40,.7),0 0 0 1px rgba(0,0,0,.05);transform-origin:50% 100%}
.lr-pg1{transform:translate(30%,4%) rotate(9deg) scale(.9);filter:brightness(.9)}
.lr-pg2{transform:translate(15%,1%) rotate(4.5deg) scale(.95)}
.lr-seal{position:absolute;left:-7%;bottom:12%;width:96px;height:96px;border-radius:50%;display:grid;place-content:center;text-align:center;gap:.1rem;background:#F5C451;color:#2A1A00;transform:rotate(-12deg);box-shadow:0 14px 30px -10px rgba(0,0,0,.55);font:800 1.15rem/1 var(--f-display);letter-spacing:-.01em}
.lr-seal span{font:600 .64rem/1.1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase}
.lr-mittel .lr-seal,.lr-klein .lr-seal{width:78px;height:78px;font-size:.95rem}
.lr-glow{position:absolute;width:520px;height:520px;right:4%;top:12%;border-radius:50%;background:radial-gradient(circle,rgba(156,66,253,.45),transparent 65%);filter:blur(20px);pointer-events:none}
@keyframes lr-schweben{0%,100%{translate:0 0}50%{translate:0 -10px}}

/* Formular */
.lr-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(201,181,255,.22);border-radius:var(--r-l);padding:1.3rem;box-shadow:0 30px 70px -30px rgba(0,0,0,.6);backdrop-filter:blur(6px);max-width:36rem}
.lr-card-h{font:700 1.05rem var(--f-display);color:var(--band-fg);margin-bottom:.8rem}
.lr-form{display:grid;gap:.85rem;color:var(--band-fg)}
.lr-felder{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:.7rem}
.lr-kompakt .lr-felder{grid-template-columns:1fr}
.lr-f{display:grid;gap:.35rem;font-size:.85rem;color:var(--band-muted)}
.lr-f i{font-style:normal;opacity:.8}
.lr-f input{font:500 1rem var(--f-body);color:#17191D;background:#fff;border:1px solid transparent;border-radius:12px;padding:.85rem 1rem;width:100%;min-width:0}
.lr-f input:focus{outline:3px solid var(--violet-hi);outline-offset:1px}
.lr-f input[aria-invalid="true"]{border-color:#FF8A8A;box-shadow:0 0 0 3px rgba(255,120,120,.25)}
.lr-ok{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:start;font-size:.8rem;line-height:1.5;color:var(--band-muted);cursor:pointer}
.lr-ok input{width:20px;height:20px;margin:.1rem 0 0;accent-color:#8A4BFF}
.lr-ok b{color:var(--band-fg);font-weight:600}
.lr-ok a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.lr-ok.lr-fehlt .lr-ok-t{color:#FFB4B4}
.lr-go{justify-self:stretch;font-size:1.02rem;padding-block:1.05rem}
.lr-go[disabled]{opacity:.7;cursor:progress;transform:none}
.lr-klein{font-size:.8rem;color:var(--band-muted)}
.lr-msg{font-size:.88rem;color:#FFB4B4;min-height:0}
.lr-msg:empty{display:none}
.lr-msg a{color:#fff}
.lr-done{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:start;padding:1rem;border-radius:var(--r-m);background:rgba(60,196,126,.12);border:1px solid rgba(91,217,154,.35);color:var(--band-fg);outline:none}
.lr-done .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(91,217,154,.18);color:#5BD99A}
.lr-done b{font:700 1.05rem var(--f-display)}
.lr-done p{font-size:.9rem;color:var(--band-muted);margin-top:.3rem}
.lr-form.lr-fertig>:not(.lr-done){display:none}
.lr-nojs{font-size:.92rem;color:var(--band-muted)}
.lr-nojs a{color:inherit}
.lr-form{display:none}
.js .lr-form{display:grid}
.js .lr-nojs{display:none}
.lr-nur-en{display:none;font-size:.8rem;color:var(--band-muted);margin-top:.8rem}
main[lang="en"] .lr-nur-en{display:block}

/* Zahlenleiste unter dem Hero */
.lr-fakten{background:var(--surface);border-bottom:1px solid var(--line)}
.lr-fakten ul{list-style:none;margin:0;padding:1.6rem 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.lr-fakten li{display:grid;gap:.15rem}
.lr-fakten b{font:800 2.2rem/1 var(--f-display);letter-spacing:-.03em;background:linear-gradient(180deg,#7B3DFF,#4D1FC8);-webkit-background-clip:text;background-clip:text;color:transparent}
.lr-fakten span{font-size:.9rem;color:var(--muted)}

/* Methoden */
.lr-m-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:3rem;align-items:start}
.lr-m-grid .sec-head{margin-bottom:1.6rem}
.lr-dazu{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}
.lr-dazu li{display:flex;gap:.7rem;align-items:flex-start;color:var(--muted);font-size:.95rem}
.lr-dazu .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--violet-soft);color:var(--violet-ink)}
.lr-dazu .ic svg{width:18px;height:18px}
.lr-methoden{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.lr-methoden li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);transition:border-color .2s ease,transform .2s ease}
.lr-methoden li:hover{border-color:var(--violet);transform:translateX(4px)}
.lr-nr{font:800 1.6rem/1 var(--f-display);color:var(--violet);letter-spacing:-.03em;min-width:2.2ch}
.lr-methoden h3{font-size:1.08rem;font-weight:700}
.lr-methoden p{font-size:.9rem;color:var(--muted);margin-top:.2rem}
.lr-s{font:500 .75rem var(--f-mono);color:var(--muted);white-space:nowrap}

/* Seiten aus dem Report */
.lr-blaetter{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:1.2rem;overflow-x:auto;padding:.5rem .2rem 1.5rem;scroll-snap-type:x mandatory}
.lr-blatt{margin:0;scroll-snap-align:start;display:grid;gap:.8rem}
.lr-blatt img{width:100%;height:auto;border-radius:6px;box-shadow:var(--shadow);border:1px solid var(--line);transition:transform .3s ease}
.lr-blatt:hover img{transform:translateY(-6px) rotate(-.6deg)}
.lr-blatt figcaption{display:grid;gap:.15rem}
.lr-blatt b{font:700 1rem var(--f-display)}
.lr-blatt span{font-size:.85rem;color:var(--muted)}

/* Für wen, Ablauf, Von wem */
.lr-wen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.lr-wen li,.lr-ablauf li{display:grid;gap:.5rem;align-content:start;padding:1.4rem;border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface)}
.lr-wen .ic,.lr-ablauf .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--violet-soft);color:var(--violet-ink)}
.lr-wen b,.lr-ablauf b{font:700 1.1rem var(--f-display)}
.lr-wen span,.lr-ablauf li>span:last-child{color:var(--muted);font-size:.95rem}
.lr-nicht{margin-top:1.2rem;color:var(--muted);font-size:.95rem}
.lr-ablauf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;counter-reset:s}
.lr-ablauf li{position:relative}
.lr-step{position:absolute;top:1.1rem;right:1.2rem;font:800 2.4rem/1 var(--f-display);color:var(--line)}
.lr-von{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2.5rem;align-items:center}
.lr-fm{width:120px;height:auto;color:var(--violet)}
.lr-von .sec-head{margin-bottom:1rem}
.lr-mehr{display:flex;gap:1.4rem;flex-wrap:wrap}
.lr-mehr a{color:var(--violet-ink);font-weight:600;text-decoration:none}
.lr-mehr a:hover{text-decoration:underline}
.lr-fragen .sec-head{margin-bottom:1.6rem}

/* Abschluss */
.lr-final .wrap{justify-items:stretch}
.lr-final-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem;align-items:center}
.lr-final-grid>div:last-child{display:grid;gap:1.1rem}
.lr-final-art{display:grid;place-items:center}
.lr-card-dunkel{background:rgba(11,9,20,.55);border-color:rgba(255,255,255,.18)}
.lr-final .lr-klein{font-size:.8rem;color:#D9CCFF}
.lr-final .lr-msg{font-size:.88rem;color:#FFD0D0}
.lr-final .lr-done p{font-size:.9rem;color:var(--band-muted)}

/* Startseite: große Sektion */
.lr-home{padding-block:4rem}
.lr-home-box{position:relative;overflow:hidden;overflow:clip;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:3rem;align-items:center;padding:3.5rem clamp(1.2rem,4vw,4rem);border-radius:28px;color:var(--band-fg);background:radial-gradient(900px 480px at 15% 40%,rgba(106,48,245,.42),transparent 62%),radial-gradient(600px 360px at 100% 100%,rgba(156,66,253,.22),transparent 70%),var(--band);box-shadow:var(--shadow-lg)}
.lr-home-box .lr-glow{left:2%;right:auto;top:6%}
.lr-home-art{position:relative;display:grid;place-items:center;min-height:420px}
.lr-home-art .lr-mock{margin-right:14%}
.lr-home-text{position:relative;display:grid;gap:1.1rem;align-content:start}
.lr-home-text h2{font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:800}
.lr-home-text>p{color:var(--band-muted);font-size:1.05rem;max-width:34em}
.lr-home .lr-form{max-width:34rem}
.lr-home .lr-kompakt{grid-template-columns:minmax(0,1fr) auto;align-items:end}
.lr-home .lr-kompakt>.lr-felder{grid-column:1}
.lr-home .lr-kompakt>.lr-go{grid-column:2;grid-row:1;padding-inline:1.3rem}
.lr-home .lr-kompakt>:not(.lr-felder):not(.lr-go){grid-column:1/-1}
.lr-link{color:var(--band-eyebrow);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.3rem;justify-self:start}
.lr-link svg{transform:rotate(-90deg)}
.lr-link:hover{text-decoration:underline}

/* Leiste: Startseite vor den Fragen, Ratgeber */
.lr-leiste-wrap{padding-block:1rem 2.5rem}
.lr-leiste{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.3rem;align-items:center;padding:1rem 1.4rem 1rem 1rem;border-radius:var(--r-l);border:1px solid var(--line);background:linear-gradient(90deg,var(--violet-soft),var(--surface) 55%);text-decoration:none;color:var(--fg);box-shadow:var(--shadow);transition:transform .2s ease,border-color .2s ease}
.lr-leiste:hover{transform:translateY(-2px);border-color:var(--violet)}
.lr-mini{width:64px;transform:rotate(-6deg);filter:drop-shadow(0 10px 14px rgba(40,10,120,.35))}
.lr-mini img{display:block;width:100%;height:auto;border-radius:3px}
.lr-leiste-t{display:grid;gap:.35rem}
.lr-im-ratgeber .lr-leiste-wrap{padding-block:2.5rem 0}
.lr-leiste-t b{font:700 1.05rem/1.35 var(--f-display)}

@media (max-width:980px){
  .lr-hero-grid,.lr-m-grid,.lr-final-grid,.lr-home-box{grid-template-columns:1fr}
  .lr-hero-art{order:-1;min-height:0;padding:1rem 0 2rem}
  .lr-hero .lr-mock.lr-gross{--w:min(260px,52vw)}
  .lr-hero-art{padding:.5rem 0 1.5rem}
  .lr-home-art{min-height:0;padding:1rem 0}
  .lr-final-art{display:none}
  .lr-ablauf{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lr-wen{grid-template-columns:1fr}
  .lr-fakten ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .lr-felder{grid-template-columns:1fr}
  .lr-home .lr-kompakt{grid-template-columns:1fr}
  .lr-home .lr-kompakt>.lr-go{grid-column:1;grid-row:auto}
  .lr-ablauf{grid-template-columns:1fr}
  .lr-leiste{grid-template-columns:auto minmax(0,1fr)}
  .lr-leiste .btn{grid-column:1/-1;justify-self:stretch}
  .lr-von{grid-template-columns:1fr}
  .lr-fm{width:72px}
  .lr-seal{width:72px;height:72px;font-size:.9rem;left:-4%}
  .lr-methoden li{grid-template-columns:auto minmax(0,1fr)}
  .lr-s{display:none}
  .lr-home-box{padding:2rem 1.1rem;border-radius:22px}
  .lr-hero .wrap h1{font-size:1.9rem}
  .lr-hero .wrap{padding-block:2rem 3.5rem}
  .lr-card{padding:1.05rem}
}
@media (prefers-reduced-motion:reduce){.lr-book{animation:none}}

/* Soziale Netzwerke in der Fußzeile (v73) */
footer.site ul.social{display:flex;flex-wrap:wrap;gap:.5rem}
footer.site .social a{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--band-line);border-radius:999px;color:var(--band-muted);transition:color .2s,border-color .2s}
footer.site .social a:hover,footer.site .social a:focus-visible{color:var(--band-eyebrow);border-color:var(--band-eyebrow)}
footer.site .social svg{width:16px;height:16px}

/* v75: Kennzahlen unter dem Hero bleiben auf Desktop eine Zeile (englische Beschriftungen sind länger); die Beschriftung bricht notfalls innerhalb ihrer Kennzahl um */
@media (min-width:621px){.proof{flex-wrap:nowrap;align-items:start;column-gap:clamp(1.2rem,2vw,1.8rem)}.proof>div{flex:0 1 auto}.proof b{white-space:nowrap}}

/* #395: Fehlermeldung des Kontaktformulars mit E-Mail-Ausweg */
.vp-err{margin:.8rem 0 0;padding:.7rem .9rem;border-radius:10px;background:color-mix(in srgb,#dc2626 9%,transparent);color:var(--fg);font-size:.9rem}.vp-err a{color:inherit;font-weight:600}
[data-act="next"][aria-busy="true"]{opacity:.7;cursor:progress}