/* AI-ffective site styles. Source of truth for all pages. */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
:root{
  /* Quelle: brand/design-tokens.css (v4, 11.09.2026).
     Aenderungen immer in beiden Dateien. */

  /* Marke */
  --color-burn:linear-gradient(100deg,#28101C 0%,#46243A 10%,#5A2A18 21%,#A63C1E 33%,#DD7B2E 45%,#F7B23F 56%,#FBD877 62%,#F7B23F 69%,#DD7B2E 77%,#9C5A5E 86%,#834F85 94%,#B4789B 100%);
  --burn-scrim:linear-gradient(180deg,rgba(26,8,20,.08) 0%,rgba(26,8,20,.42) 100%);

  /* Oberflaeche */
  --ink:#1A1A1A; --ink2:#4A4640; --mute:#6A6459; --line:#E3DED3;
  --bg:#FAF8F3; --bg2:#F1EEE6; --card:#FFFFFF;
  --accent:#FF6B00; --accent-ink:#B84700; --accent-soft:rgba(255,107,0,.10);
  --panel:#1A1A1A; --panel-ink:#F4F0E8; --panel-ink2:#C4BDB1; --panel-mute:#A39D92; --panel-line:rgba(255,255,255,.10);
  --good:#1E7A3C; --bad:#C0392B;

  /* Schrift */
  --f-display:'Albert Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --f-body:'Albert Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --f-mono:'Red Hat Mono',ui-monospace,Menlo,monospace;
  --fs-1:12px; --fs-2:14px; --fs-3:16px; --fs-4:18px; --fs-5:26px; --fs-6:36px;
  --fs-7:clamp(34px,5vw,64px); --fs-8:clamp(40px,6.4vw,96px);
  --lh-display:1.04; --lh-body:1.65; --ls-display:-.022em; --ls-label:.12em;

  /* Raster */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px;
  --section-pad:128px; --section-pad-m:72px;
  --max-width:1320px; --margin-desktop:40px; --margin-mobile:24px; --nav-h:60px;

  /* Form und Tiefe */
  --r-s:0px; --r-m:0px; --r-pill:0px; --r-illustration:9px;
  --sh-1:none; --sh-2:none; --sh-ceiling:0 1px 3px rgba(0,0,0,.08);

  /* Texturen */
  --texture-dot-grid:radial-gradient(circle,#D0D0D0 1px,transparent 1px);
  --texture-dot-size:22px 22px;
}

body{font-family:var(--f-body);color:var(--ink);background:var(--bg);font-size:var(--fs-3);line-height:1.65;-webkit-font-smoothing:antialiased}
::selection{background:rgba(255,107,0,.18)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none}
strong{font-weight:700}

.skip{position:absolute;top:-60px;left:16px;background:var(--ink);color:#fff;padding:8px 16px;font-size:var(--fs-1);font-weight:700;z-index:9999;transition:top .2s}
.skip:focus{top:0}

/* Reveal */
html.js [data-r]{opacity:0;transform:translateY(14px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}
html.js [data-r].v{opacity:1;transform:none}
[data-r]:nth-child(2){transition-delay:.06s}
[data-r]:nth-child(3){transition-delay:.12s}
[data-r]:nth-child(4){transition-delay:.18s}
@media(prefers-reduced-motion:reduce){html.js [data-r]{opacity:1!important;transform:none!important;transition:none!important}}

/* Layout */
.w{max-width:var(--max-width);margin:0 auto;padding:0 32px}
.w-narrow{max-width:760px;margin:0 auto;padding:0 32px}
.sec{padding:var(--section-pad) 0}
.sec-alt{background:var(--bg2)}
.sec-dark{background:var(--panel);color:var(--panel-ink)}
.statement{background:var(--panel);color:var(--panel-ink);padding:64px 0;position:relative;overflow:hidden}
.statement::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 120% at 50% 50%,rgba(255,107,0,.16) 0%,rgba(255,51,0,.05) 45%,rgba(58,0,0,0) 75%);pointer-events:none}
.statement .w{position:relative;text-align:center}
.statement p{max-width:960px;margin:0 auto;font-family:var(--f-display);font-weight:800;font-size:var(--fs-7);line-height:1.12;letter-spacing:-.01em;color:#fff;text-wrap:balance}
.statement .t2{color:var(--panel-mute)}
@media(max-width:720px){.statement{padding:48px 0}}
@media(max-width:720px){.sec{padding:var(--section-pad-m) 0}}

/* Type */
.label{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);display:inline-flex;align-items:center;gap:8px;margin-bottom:16px}
.label::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}
.sec-dark .label,.cta .label{color:var(--panel-mute)}
.hero .label{font-family:var(--f-body);font-size:var(--fs-2);letter-spacing:.01em;text-transform:none;color:var(--panel-ink2)}
h1,h2,h3,h4{font-family:var(--f-display);line-height:1.04;letter-spacing:-.022em;text-wrap:balance}
h1{font-size:var(--fs-8);font-weight:700}
h2{font-size:var(--fs-7);font-weight:700}
h2 .t2{display:block;color:var(--mute);font-weight:700}
.sec-dark h2 .t2{color:var(--panel-mute)}
h3{font-size:var(--fs-4);font-weight:700}
.sub{font-size:var(--fs-4);color:var(--ink2);max-width:640px;margin-top:16px}
.sec-dark .sub{color:var(--panel-mute)}
.q{font-family:var(--f-mono);font-size:var(--fs-1);color:var(--mute);margin-bottom:8px}
.sec-dark .q{color:var(--panel-mute)}
.one{font-family:var(--f-display);font-weight:700;font-size:var(--fs-3);color:var(--ink);border-left:3px solid var(--accent);padding:4px 0 4px 16px;margin-top:24px;max-width:560px}
.sec-dark .one{color:var(--panel-ink)}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:700;font-size:var(--fs-2);letter-spacing:.02em;padding:12px 24px;border-radius:0;transition:background .15s,transform .15s,border-color .15s;cursor:pointer;border:1px solid transparent}
.btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}
.btn-p{background:var(--accent);color:#1A1A1A}
.btn-p:hover{background:#E85F00;transform:translateY(-1px)}
.btn-s{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-s:hover{border-color:var(--ink)}
.sec-dark .btn-s,.hero .btn-s{color:var(--panel-ink);border-color:rgba(255,255,255,.28)}
.sec-dark .btn-s:hover,.hero .btn-s:hover{border-color:#fff}
.btn:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Nav */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--panel);border-bottom:1px solid var(--panel-line);height:var(--nav-h)}
nav .w{display:flex;justify-content:space-between;align-items:center;height:100%}
.logo{display:flex;align-items:center;color:var(--panel-ink);text-decoration:none}


.n-links{display:flex;gap:24px;align-items:center}
.n-links a{font-size:var(--fs-2);font-weight:500;color:rgba(255,255,255,.75);transition:color .15s}
.n-links a:hover{color:#fff}
.lang-sw{display:flex;gap:4px;align-items:center;font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.06em;color:rgba(255,255,255,.35)}
.lang-sw a{color:var(--panel-mute)}.lang-sw a.curr{color:#fff}
.n-cta{font-family:var(--f-display)!important;font-weight:700!important;font-size:var(--fs-1)!important;letter-spacing:.02em!important;background:var(--accent)!important;color:#1A1A1A!important;padding:8px 16px!important;border-radius:0!important}
.n-cta:hover{background:#E85F00!important}
.n-tog{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:4px;min-width:44px;min-height:44px;align-items:center;justify-content:center}
.n-tog span{display:block;width:18px;height:1.5px;background:#fff;transition:all .3s}
.n-tog.on span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.n-tog.on span:nth-child(2){opacity:0}
.n-tog.on span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}
.n-mob{display:none;flex-direction:column;padding:8px 24px 16px;background:var(--panel);border-top:1px solid var(--panel-line);position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;overflow-y:auto;z-index:99}
.n-mob.open{display:flex}
body.menu-open{overflow:hidden}
.n-mob a{padding:12px 0;font-size:var(--fs-2);color:rgba(255,255,255,.75);border-bottom:1px solid var(--panel-line)}
.n-mob a:last-child{border:none;color:var(--accent);font-weight:700;padding-top:16px}
@media(max-width:1000px){.n-links{display:none}.n-tog{display:flex}}

/* Hero */
.hero{background:var(--panel);color:var(--panel-ink);min-height:100svh;display:flex;align-items:center;padding:calc(var(--nav-h) + 24px) 0 40px;position:relative;overflow:hidden}
.hero .w,nav .w{max-width:var(--max-width);padding:0 32px}
.hero h1{font-size:var(--fs-8)}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 88% 40%,rgba(255,107,0,.22) 0%,rgba(255,51,0,.10) 35%,rgba(58,0,0,.0) 70%);pointer-events:none}
.hero .w{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}
.hero h1{color:#fff}
.hero h1 em{font-style:normal;color:var(--panel-ink2)}
.hero .sub{color:var(--panel-mute);font-size:var(--fs-4)}
.hero-actions{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}
.hero-phases{margin-top:16px;font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.08em;color:var(--panel-mute)}
.hero-proof{margin-top:12px;padding-left:12px;border-left:2px solid var(--accent);font-size:var(--fs-3);color:#fff;max-width:560px}
.chips{grid-column:1/-1;display:flex;gap:16px;margin-top:12px;flex-wrap:wrap;font-size:var(--fs-2);color:var(--panel-ink2);white-space:nowrap}
.chips-top{grid-column:auto;margin:16px 0 0}
.chips span::before{content:"✓ ";color:var(--accent)}
@media(max-width:1180px){.hero .w{gap:48px}}
@media(max-width:1000px){.hero .w{grid-template-columns:1fr}.hero{padding-top:calc(var(--nav-h) + 56px)}}
@media(max-width:860px){.w,.w-narrow,.hero .w,nav .w{padding:0 24px}}

/* Intelligenzschicht-Grafik (Hero rechts) */
.os{position:relative;width:calc(100% + 40px);max-width:820px;margin-left:auto;margin-right:-40px}
.os-svg{width:100%;height:auto;display:block;overflow:visible}
.os-beam{opacity:.9}
.os-post line{stroke:rgba(255,255,255,.12);stroke-dasharray:1 9;stroke-linecap:round}
.pf{transition:opacity .35s}
.pe{fill:none;stroke:rgba(255,255,255,.24);stroke-width:1.1;stroke-linejoin:round;stroke-linecap:round;transition:stroke .35s,stroke-width .35s}
.pe-hot{stroke:url(#edgeHot);stroke-width:1.4}
.os-grid line{stroke:rgba(255,150,60,.22);stroke-width:.8;stroke-linecap:round}
.os-node circle{fill:#FFA24D}
.os-halo{transform-origin:center;transform-box:fill-box}
.os-core-b{fill:#FF7A15;opacity:.85}
.os-core{fill:#FFF3E6}
.os-chip rect{fill:rgba(16,16,16,.82);stroke:rgba(255,255,255,.26);stroke-width:1}
.os-chip text{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.04em;fill:#E6E0D6}
.os-chip-q rect{fill:rgba(16,16,16,.7);stroke:rgba(255,255,255,.18)}
.os-chip-q text{fill:var(--panel-ink2)}
.os-flow path{fill:none;stroke:rgba(255,138,43,.6);stroke-width:1.3;stroke-dasharray:1 10;stroke-linecap:round;stroke-linejoin:round}
.os-lab{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.14em;fill:#B0A99D;transition:fill .35s}
.os-lab-hot{fill:#E6E0D6}
.os-plane{cursor:pointer}
.os-plane.on .pe{stroke:var(--accent);stroke-width:1.6}
.os-plane.on .pf{opacity:1}
.os-plane.on .os-lab{fill:#fff}
.os-plane:not(.on) .pf{opacity:.75}
@media(prefers-reduced-motion:no-preference){
  .os-flow path{animation:osFlow 2.8s linear infinite}
  .os-halo{animation:osPulse 5s ease-in-out infinite}
  .os-core{animation:osPulse 5s ease-in-out infinite}
}
@keyframes osFlow{to{stroke-dashoffset:-44}}
@keyframes osPulse{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
.os-card{position:absolute;left:-3%;top:24%;width:36%;min-width:200px;background:var(--card);color:var(--ink);border:1px solid var(--line);padding:12px 16px;font-size:var(--fs-2);line-height:1.45}
.os-card b{display:block;font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:4px}
.os-card p{margin:0;color:var(--ink2)}
@media(hover:hover) and (pointer:fine){
  .os-card{opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:opacity .28s,transform .28s,visibility 0s .28s}
  .os-card.show{opacity:1;visibility:visible;transform:none;transition:opacity .28s,transform .28s,visibility 0s}
}
@media(prefers-reduced-motion:reduce){.os-card{transition:none!important}}
@media(max-width:1000px){.os{width:100%;max-width:540px;margin:0 auto}.os-card{position:static;width:100%;margin-top:16px}}
@media(max-width:760px){.hero .os{display:none}}

/* Drei Schritte (Orientierungsstreifen) */
.steps{margin-top:48px;border-top:1px solid var(--line)}
.step{display:grid;grid-template-columns:120px 1fr;gap:32px;padding:32px 0;border-bottom:1px solid var(--line);align-items:start}
.steps .step:has(.step-p){grid-template-columns:120px 1fr 190px}
.step-p{text-align:right}
.step-p b{display:block;font-family:var(--f-display);font-weight:800;font-size:var(--fs-4);color:var(--ink);white-space:nowrap}
.step-p span{display:block;font-family:var(--f-mono);font-size:var(--fs-1);color:var(--mute);margin-top:4px;line-height:1.5;text-wrap:balance}
.step-n{font-family:var(--f-display);font-weight:800;font-size:var(--fs-5);line-height:1;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.5px var(--line-strong,#D8D2C6)}
.step h3{font-size:var(--fs-4)}
.step-d{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);margin:4px 0 12px}
.step p{color:var(--ink2);max-width:640px}
.sec-dark .step p,.sec-dark .step-l,.cta .step p{color:var(--panel-mute)}
.sec-dark .step h3,.sec-dark .step-l{color:var(--panel-ink)}
.sec-dark .step-n{-webkit-text-stroke-color:rgba(255,255,255,.32)}
.sec-dark .steps,.sec-dark .step{border-color:var(--panel-line)}
.step-l{display:inline-flex;align-items:center;gap:4px;margin-top:12px;font-size:var(--fs-2);letter-spacing:.04em;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:0px}
.step-l::after{content:"→";color:var(--accent)}
.step-l:hover{color:var(--accent-ink)}
@media(max-width:860px){.steps .step:has(.step-p){grid-template-columns:120px 1fr}.step-p{grid-column:2;text-align:left;margin-top:12px}.step-p span{margin-top:0px}}
@media(max-width:760px){.step,.steps .step:has(.step-p){grid-template-columns:1fr;gap:8px;padding:24px 0}.step-n{font-size:var(--fs-5)}.step-p{grid-column:1}}

/* Pains */
.pains{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:32px;border-top:1px solid var(--line)}
.pains.six .pain{padding:24px 24px;border-bottom:1px solid var(--line)}
.pains.six .pain:nth-child(3n+1){padding-left:0;border-left:0}
@media(max-width:1000px){.pains.six{grid-template-columns:repeat(2,1fr)}
  .pains.six .pain:nth-child(n){padding-left:24px;border-left:1px solid var(--line)}
  .pains.six .pain:nth-child(2n+1){padding-left:0;border-left:0}}
@media(max-width:760px){.pains.six{grid-template-columns:1fr}
  .pains.six .pain:nth-child(n){padding:24px 0;padding-left:0;border-left:0}}

.pain{padding:24px 24px 24px 0;border-bottom:1px solid var(--line)}
.pain+.pain{padding-left:24px;border-left:1px solid var(--line)}
.pain h3{font-size:var(--fs-4);margin-bottom:8px}
.pain p{color:var(--ink2);font-size:var(--fs-2)}
@media(max-width:760px){.pains{grid-template-columns:1fr}.pain{padding:24px 0}.pain+.pain{padding-left:0;border-left:0}}

/* Demo */
.demo{margin-top:32px;border:1px solid var(--panel-line);border-radius:0;overflow:hidden;background:#131211}
.demo-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 24px;border-bottom:1px solid var(--panel-line)}
.demo-ask{font-family:var(--f-mono);font-size:var(--fs-1);color:var(--panel-mute)}
.demo-ask b{color:var(--panel-ink);font-weight:500}
.toggle{display:inline-flex;border:1px solid rgba(255,255,255,.2);border-radius:0;overflow:hidden;font-family:var(--f-mono);font-size:var(--fs-1)}
.toggle button{background:transparent;color:var(--panel-mute);border:0;padding:8px 16px;cursor:pointer;font:inherit;letter-spacing:.06em;min-height:40px}
.toggle button[aria-pressed="true"]{background:var(--panel-ink);color:#1A1A1A;font-weight:500}
.toggle button[aria-pressed="false"]::before{content:"→ ";color:var(--accent)}
.toggle button:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.demo-body{display:grid;grid-template-columns:1fr 300px;gap:0}
.demo-out{padding:24px 24px 24px;font-size:var(--fs-3);line-height:1.65;min-height:230px}
.demo-out .who{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.demo-out .who::before{content:"";width:8px;height:8px;border-radius:50%}
.demo-out.off .who{color:#F0907E}.demo-out.off .who::before{background:#F0907E}
.demo-out.on .who{color:var(--accent)}.demo-out.on .who::before{background:var(--accent)}
.demo-out ol{padding-left:16px;margin:8px 0}
.demo-out li{margin-bottom:4px}
.demo-out .dec{margin-top:12px;padding:8px 12px;border-left:3px solid var(--accent);background:rgba(255,107,0,.08);font-weight:500}
.demo-side{border-left:1px solid var(--panel-line);padding:24px 24px;font-size:var(--fs-2);color:var(--panel-mute);line-height:1.6}
.demo-side .label{margin-bottom:12px}
.demo-side dl{display:grid;grid-template-columns:1fr;gap:0px 0;font-family:var(--f-mono);font-size:var(--fs-1)}
.demo-side dd{margin-bottom:8px}
.demo-side dt{color:var(--accent)}
.demo-side dd{color:var(--panel-ink)}
.demo-side.off{color:#F0907E}
.demo-side.off p{color:#F0907E}
.demo-note{padding:12px 24px;border-top:1px solid var(--panel-line);font-family:var(--f-mono);font-size:var(--fs-1);color:var(--panel-mute)}
[hidden]{display:none!important}
@media(max-width:820px){.demo-body{grid-template-columns:1fr}.demo-side{border-left:0;border-top:1px solid var(--panel-line)}}

/* Deliverables bento */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
/* Bento */
.bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(0,auto);gap:16px;margin-top:48px}
.b-wide{grid-column:span 2}
.b-tall{grid-row:span 2}
.card-lab{position:absolute;top:16px;left:18px;display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.13em;text-transform:uppercase;color:var(--accent-ink)}
.card-lab::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.card .card-vis{position:relative;padding:48px 24px 24px}
.b-tall .card-vis{flex:1}
.b-tall .card-txt{flex:0 0 auto}
.card.split{flex-direction:row}
.card.split .card-txt{flex:1;justify-content:center;padding:32px 24px}
.card.split .card-vis{flex:1;border-bottom:0;border-left:1px solid var(--line);align-items:center}
/* Ablauf-Illustration */
.card .vis-flow{min-height:170px}
.ill-flow{width:100%;max-width:520px;height:auto}
.fl-base{stroke:var(--line);stroke-dasharray:3 6}
.fl-a{fill:none;stroke:#B7B0A5;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.fl-b{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.fl-tip{fill:var(--accent)}
.fl-dot{fill:var(--panel-ink2)}
/* Anbindung */
.card .vis-chat{align-items:flex-start}
.chat{width:100%;display:flex;flex-direction:column;gap:8px;font-size:var(--fs-1)}
.chat .ask{align-self:flex-start;max-width:92%;background:#fff;border:1px solid var(--line);border-radius:0;padding:8px 12px;color:var(--ink)}
.chat .ans{align-self:flex-end;max-width:92%;display:flex;align-items:center;gap:8px;background:var(--panel);color:var(--panel-ink);border-radius:0;padding:8px 12px;font-family:var(--f-mono);font-size:var(--fs-1)}
.chat .src{background:var(--accent);color:#1A1A1A;border-radius:0;padding:0px 4px;font-size:var(--fs-1);letter-spacing:.06em;text-transform:uppercase;font-weight:500}
/* Leitplanken */
.amps{width:100%;max-width:270px;display:flex;flex-direction:column;gap:12px}
.amp{display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start}
.amp i{width:11px;height:11px;border-radius:50%;margin-top:4px}
.amp .a1{background:var(--accent)}
.amp .a2{background:transparent;box-shadow:inset 0 0 0 2px var(--accent)}
.amp .a3{background:transparent;box-shadow:inset 0 0 0 2px #C4BDB1}
.amp b{display:block;font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-weight:500}
.amp span{display:block;font-size:var(--fs-1);color:var(--mute);margin-top:0px}
@media(max-width:1000px){
  .bento{grid-template-columns:repeat(2,1fr)}
  .b-tall{grid-row:span 1}
}
@media(max-width:760px){
  .bento{grid-template-columns:1fr}
  .b-wide{grid-column:span 1}
  .card.split{flex-direction:column}
  .card.split .card-vis{border-left:0;border-top:1px solid var(--line)}
}
.card{background:var(--card);border:1px solid var(--line);border-radius:0;padding:0;overflow:hidden;display:flex;flex-direction:column}
.card-vis{background:var(--bg2);border-bottom:1px solid var(--line);padding:24px;min-height:190px;display:flex;align-items:center;justify-content:center}
.card-txt{padding:24px 24px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.card-txt h3{font-size:var(--fs-4)}
.card-txt p{color:var(--ink2);font-size:var(--fs-2)}
.card-txt .fact{margin-top:auto;padding-top:12px;font-family:var(--f-mono);font-size:var(--fs-1);color:var(--accent-ink)}
@media(max-width:860px){.grid3{grid-template-columns:1fr}}
/* mini visuals */
.mv{width:100%;max-width:250px;background:#fff;border:1px solid var(--line);border-radius:0;font-family:var(--f-mono);font-size:var(--fs-1);color:var(--mute);overflow:hidden}
.mv-h{padding:8px 12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}
.mv-h b{color:var(--ink);font-weight:500}
.mv-l{padding:8px 12px;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center}
.mv-l:last-child{border-bottom:0}
.mv-l i{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;font-style:normal}
.mv-l span{color:var(--ink)}
.mv-bar{height:6px;background:var(--bg2);border-radius:0;flex:1;position:relative}
.mv-bar::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--p,50%);background:var(--accent);border-radius:0}
.tree{font-family:var(--f-mono);font-size:var(--fs-1);line-height:1.9;color:var(--ink2);white-space:pre}
.tree b{color:var(--ink);font-weight:500}
.tree em{font-style:normal;color:var(--accent-ink)}

/* Phases */
.entry{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:16px 24px;background:var(--card);border:1px solid var(--line);border-radius:0;margin-top:32px}
.entry .star{font-family:var(--f-display);font-weight:800;color:var(--accent);font-size:var(--fs-4)}
.entry h3{font-size:var(--fs-3)}
.entry p{color:var(--ink2);font-size:var(--fs-2);margin-top:0px}
.entry .price{font-family:var(--f-display);font-weight:800;font-size:var(--fs-4);white-space:nowrap}
.phase{display:grid;grid-template-columns:170px 1fr 150px;gap:24px;padding:32px 0;border-bottom:1px solid var(--line)}
.phase:last-of-type{border-bottom:0}
.phase .ph-k{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink)}
.phase h3{margin:4px 0 4px}
.phase .dur{font-size:var(--fs-2);color:var(--mute)}
.phase ul{display:grid;gap:4px;font-size:var(--fs-2);color:var(--ink2)}
.phase li{display:grid;grid-template-columns:12px 1fr;gap:8px}
.phase li::before{content:"–";color:var(--accent)}
.phase .erg{margin-top:16px;padding-top:12px;border-top:1px dashed var(--line);font-size:var(--fs-2)}
.phase .erg b{display:block;font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-bottom:4px;font-weight:500}
.phase .pr{text-align:right}
.phase .pr b{display:block;font-family:var(--f-display);font-weight:800;font-size:var(--fs-4);color:var(--ink)}
.phase .pr span{font-size:var(--fs-1);color:var(--mute)}
.phase .pr .eff{margin-top:12px;font-size:var(--fs-1);color:var(--ink2)}
.phase .pr .eff b{font-size:var(--fs-2);font-weight:700;color:var(--ink2)}
.reassure{margin-top:24px;padding:16px 16px;border-left:3px solid var(--accent);background:var(--accent-soft);font-size:var(--fs-2);max-width:720px}
@media(max-width:820px){.phase{grid-template-columns:1fr;gap:16px}.phase .pr{text-align:left;display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}.phase .pr .eff{margin-top:0}.entry{grid-template-columns:auto 1fr}.entry .price{grid-column:2}}

/* Why */
.why{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;margin-top:32px;align-items:start}
.why p{color:var(--ink2);margin-bottom:12px;font-size:var(--fs-3)}
.why .self{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.why .self h3{margin-bottom:8px}
.claims{display:grid;gap:0;border-top:1px solid var(--line)}
.claim{padding:16px 0;border-bottom:1px solid var(--line)}
.claim b{display:block;font-family:var(--f-display);font-weight:700;font-size:var(--fs-3);margin-bottom:0px}
.claim span{font-size:var(--fs-2);color:var(--ink2)}
@media(max-width:820px){.why{grid-template-columns:1fr;gap:32px}}

/* Fit */
.fit{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.fit-card{background:var(--card);border:1px solid var(--line);border-radius:0;padding:24px 24px}
.fit-card.yes{border-top:3px solid var(--accent)}
.fit-card.no{border-top:3px solid var(--line)}
.fit-card h3{font-size:var(--fs-3);margin-bottom:12px}
.fit-card.no h3{color:var(--mute)}
.fit-card li{display:grid;grid-template-columns:14px 1fr;gap:8px;padding:8px 0;border-top:1px solid var(--line);font-size:var(--fs-2);color:var(--ink2)}
.fit-card.yes li::before{content:"–";color:var(--accent)}
.fit-card.no li::before{content:"–";color:var(--mute)}
@media(max-width:760px){.fit{grid-template-columns:1fr}}

/* Industries */
.ind-tabs{display:flex;gap:4px;margin-top:32px;border-bottom:1px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch}
.ind-tab{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-0px;padding:12px 16px;font-family:var(--f-display);font-weight:700;font-size:var(--fs-2);color:var(--mute);cursor:pointer;white-space:nowrap;min-height:44px}
.ind-tab.on{color:var(--ink);border-bottom-color:var(--accent)}
.ind-content{display:none;padding-top:32px}
.ind-content.on{display:block}
.ind-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:32px}
.ind-layout h3{margin-bottom:12px}
.ind-pains li{display:grid;grid-template-columns:14px 1fr;gap:8px;padding:8px 0;border-top:1px solid var(--line);font-size:var(--fs-2);color:var(--ink2)}
.ind-pains li::before{content:"×";color:var(--mute)}
.ind-cases{display:grid;gap:12px}
.ind-case{background:var(--card);border:1px solid var(--line);border-radius:0;padding:16px 16px}
.ind-case h4{font-size:var(--fs-2);margin-bottom:4px}
.ind-case p{font-size:var(--fs-2);color:var(--ink2)}
@media(max-width:820px){.ind-layout{grid-template-columns:1fr;gap:24px}}

/* References */
.refs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:32px}
.alt-format{margin-top:12px;font-size:var(--fs-2);color:var(--ink2);max-width:720px}
.alt-format a{color:var(--accent-ink);text-decoration:underline}
.ref{background:var(--card);border:1px solid var(--line);border-radius:0;padding:24px 24px}
.ref .label{margin-bottom:8px;min-height:38px;align-items:flex-start}
.ref h3{font-size:var(--fs-4);margin-bottom:8px}
.ref p{font-size:var(--fs-2);color:var(--ink2)}
.ref .meta{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-family:var(--f-mono);font-size:var(--fs-1);color:var(--mute)}
@media(max-width:900px){.refs{grid-template-columns:1fr}}
.founder{display:grid;grid-template-columns:72px 1fr;gap:24px;align-items:start;margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:0;padding:24px 24px}
.founder-ini{width:72px;height:72px;border-radius:50%;background:var(--panel);color:var(--accent);font-family:var(--f-display);font-weight:800;font-size:var(--fs-4);display:flex;align-items:center;justify-content:center}
.founder h3{font-size:var(--fs-4);margin-bottom:4px}
.founder p{font-size:var(--fs-2);color:var(--ink2)}
.founder-mail{margin-top:8px;font-family:var(--f-mono);font-size:var(--fs-1)}
.founder-mail a{color:var(--accent-ink)}
@media(max-width:600px){.founder{grid-template-columns:1fr}}

/* FAQ */
.faq-a p+p{margin-top:12px}
.faq{margin-top:24px;border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{width:100%;background:none;border:none;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-family:var(--f-display);font-weight:700;font-size:var(--fs-3);color:var(--ink);cursor:pointer;min-height:44px}
.faq-q .ch{width:22px;height:22px;flex-shrink:0;transition:transform .2s}
.faq-q .ch svg{width:22px;height:22px;stroke:var(--mute);stroke-width:2;fill:none}
.faq-item.open .faq-q .ch{transform:rotate(180deg)}
.faq-a{display:none;padding:0 0 16px;font-size:var(--fs-3);color:var(--ink2);max-width:680px}
.faq-a ul{margin-top:8px;display:grid;gap:4px}
.faq-a li{padding-left:12px;position:relative}
.faq-a li::before{content:"–";position:absolute;left:0;color:var(--accent)}
.faq-item.open .faq-a{display:block}

/* CTA */
.cta{background:var(--panel);color:var(--panel-ink);padding:var(--section-pad) 0;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 50% 110%,rgba(255,107,0,.18),transparent 70%);pointer-events:none}
.cta .w-narrow{position:relative;text-align:center;max-width:960px}
.cta h2{color:#fff}
.cta .sub{margin:16px auto 0;color:rgba(244,240,232,.82)}
.cta h2 .t2{color:var(--panel-ink2)}
.contact-form{margin:32px auto 0;max-width:520px;display:grid;gap:8px;text-align:left}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.contact-form input,.contact-form textarea{width:100%;padding:12px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:0;color:#fff;font-family:var(--f-body);font-size:var(--fs-2)}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(255,255,255,.45)}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}
.contact-form textarea{resize:vertical;min-height:88px;line-height:1.5}
.contact-form .btn{justify-content:center;width:100%;margin-top:4px}
.form-success{display:none;margin:24px auto 0;max-width:520px;padding:16px;border:1px solid var(--accent);border-radius:0;color:#fff}
.form-success.show{display:block}
.form-privacy{font-size:var(--fs-1);color:var(--panel-mute);margin-top:4px}
.form-privacy a{color:var(--panel-ink);text-decoration:underline;display:inline-block;padding:12px 4px;margin:-12px -4px}
@media(max-width:600px){.form-row{grid-template-columns:1fr}}

/* Footer */
footer{background:#0F0E0D;color:var(--panel-mute);padding:48px 0 24px;font-size:var(--fs-2)}
.f-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.f-logo{display:block}

.f-os{margin-top:12px;max-width:380px;font-size:var(--fs-2);color:var(--panel-mute)}
.f-contact{margin-top:16px;display:grid;gap:4px}
.f-contact a{color:var(--panel-ink)}
.f-col strong{display:block;font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.12em;text-transform:uppercase;color:var(--panel-mute);margin-bottom:12px;font-weight:500}
.f-col a{display:block;padding:4px 0;color:var(--panel-ink);opacity:.8}
.f-col a:hover{opacity:1}
.f-bottom{margin-top:48px;padding-top:16px;border-top:1px solid var(--panel-line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--f-mono);font-size:var(--fs-1)}
@media(max-width:760px){.f-top{grid-template-columns:1fr;gap:24px}}

/* Sticky mobile CTA */
.sticky-mob{display:none;position:fixed;bottom:0;left:0;right:0;z-index:90;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--panel-line);transform:translateY(100%);transition:transform .25s}
.sticky-mob.show{transform:none}
.sticky-mob a{display:block;text-align:center;background:var(--accent);color:#1A1A1A;font-family:var(--f-display);font-weight:700;font-size:var(--fs-2);padding:12px;border-radius:0}
@media(max-width:860px){.sticky-mob{display:block}}

@media(min-width:1001px){.n-mob{display:none!important}body.menu-open{overflow:auto}}

/* Angebot im Detail */
.offer{background:var(--card);border:1px solid var(--line);border-radius:0;margin-top:16px;overflow:hidden}
.offer-lead{border-color:var(--accent);box-shadow:none}
.of-h{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 24px;border-bottom:1px solid var(--line);background:var(--bg2);flex-wrap:wrap}
.of-h>div:first-child{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.of-k{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.12em;color:var(--accent-ink)}
.of-h h3{font-size:var(--fs-4)}
.of-tag{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.12em;text-transform:uppercase;color:#1A1A1A;background:var(--accent);border-radius:0;padding:4px 8px}
.of-p{text-align:right;flex-shrink:0}
.of-p b{display:block;font-family:var(--f-display);font-weight:800;font-size:var(--fs-4);color:var(--ink);white-space:nowrap}
.of-p span{display:block;font-family:var(--f-mono);font-size:var(--fs-1);color:var(--mute);margin-top:4px;max-width:260px;line-height:1.5}
.of-b{padding:24px 24px 24px;display:flex;flex-direction:column;gap:12px}
.of-b p{color:var(--ink2);max-width:760px}
.of-b ul{list-style:none;display:flex;flex-direction:column;gap:8px;max-width:760px}
.of-b ul li{position:relative;padding-left:16px;color:var(--ink2);font-size:var(--fs-2)}
.of-b ul li::before{content:"";position:absolute;left:0;top:9px;width:9px;height:1.5px;background:var(--accent)}
.of-line{padding-left:12px;border-left:2px solid var(--accent);color:var(--ink)!important}
.of-note{font-family:var(--f-mono);font-size:var(--fs-1);line-height:1.65;color:var(--mute)!important}
.of-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:4px;padding-top:16px;border-top:1px solid var(--line)}
.of-cols b{display:block;font-size:var(--fs-2);color:var(--ink);margin-bottom:4px}
.of-cols span{font-size:var(--fs-2);color:var(--ink2)}
.of-b .btn{align-self:flex-start;margin-top:4px}
.of-b .step-l{align-self:flex-start}
@media(max-width:760px){.of-h{padding:16px}.of-b{padding:16px}.of-p{text-align:left}.of-cols{grid-template-columns:1fr;gap:12px}}
/* CTA Preiszeile */
.cta-price{margin-top:24px;display:flex;align-items:baseline;justify-content:center;gap:12px;flex-wrap:wrap}
.cta-price b{font-family:var(--f-display);font-weight:800;font-size:var(--fs-5);color:#fff}
.cta-price span{font-family:var(--f-mono);font-size:var(--fs-1);color:var(--panel-mute)}
.cta-act{margin-top:24px;display:flex;justify-content:center}

/* Unterseiten-Hero */
.hero-page{min-height:100svh;padding:calc(var(--nav-h) + 72px) 0 72px}
.hero>.w{width:100%}
.hero-slim .w-one{grid-template-columns:1fr!important}
.hero-slim .w-one>div{max-width:900px}
.hero-page .w{align-items:center}
.pricebox{background:var(--card);color:var(--ink);border-radius:0;padding:24px 24px;box-shadow:var(--sh-2);max-width:420px;margin-left:auto}
.pb-h{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.13em;text-transform:uppercase;color:var(--accent-ink)}
.pb-n{font-family:var(--f-display);font-weight:800;font-size:var(--fs-5);line-height:1.1;margin-top:4px}
.pb-s{font-size:var(--fs-2);color:var(--ink2);margin-top:0px}
.pb-l{list-style:none;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.pb-l li{position:relative;padding-left:16px;font-size:var(--fs-2);color:var(--ink2)}
.pb-l li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-size:var(--fs-1);top:1px}
.pb-alt{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.pb-alt b{display:block;font-family:var(--f-display);font-weight:700;font-size:var(--fs-4)}
.pb-alt span{display:block;font-size:var(--fs-2);color:var(--mute);margin-top:4px;line-height:1.55}
@media(max-width:1000px){.pricebox{margin:0 auto}}

/* Werkbank */
.tools{margin-top:32px;display:flex;flex-direction:column;gap:16px}
.tool{background:var(--card);border:1px solid var(--line);border-radius:0;overflow:hidden}
.tool-h{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 16px;background:var(--bg2);border-bottom:1px solid var(--line)}
.tool-k{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.tool-c{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.06em;padding:8px 12px;border-radius:0;border:1px solid var(--ink);background:none;color:var(--ink);cursor:pointer;min-height:36px;white-space:nowrap;transition:background .15s,color .15s}
.tool-c:hover{background:var(--ink);color:var(--card)}
.tool-c.ok{background:var(--accent);border-color:var(--accent);color:#1A1A1A}
.tool-i{padding:16px 16px 0;color:var(--ink2);font-size:var(--fs-2)}
.tool-i:empty{display:none}
.tool-b{margin:16px 16px;padding:16px;max-height:280px;overflow:auto;background:var(--bg2);border:1px solid var(--line);border-radius:0;font-family:var(--f-mono);font-size:var(--fs-1);line-height:1.65;white-space:pre-wrap;word-break:break-word;color:var(--ink2)}
.tool-n{padding:0 16px 16px;font-family:var(--f-mono);font-size:var(--fs-1);color:var(--mute);line-height:1.6}
.sec .tool-n{padding:0}

/* Hero: Analogie-Zeile */
.hero-mandat{margin-top:12px;font-size:var(--fs-3);color:var(--panel-mute);max-width:560px}
.hero-mandat b{color:#fff;font-weight:500}
.hero-honest{margin-top:8px;font-size:var(--fs-2);line-height:1.5;color:var(--panel-mute);max-width:600px}
.hero-honest a{color:var(--panel-ink2);text-decoration:underline;text-underline-offset:3px}
.hero-honest a:hover{color:#fff}
/* Stall-Gegenüberstellung */
.stall{margin-top:32px;border-top:1px solid var(--panel-line)}
.stall-h{display:grid;grid-template-columns:1fr 1.35fr;gap:32px;padding:12px 0;border-bottom:1px solid var(--panel-line);font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}
.stall-r{display:grid;grid-template-columns:1fr 1.35fr;gap:32px;padding:16px 0;border-bottom:1px solid var(--panel-line);align-items:baseline}
.stall-r>div:first-child{color:var(--panel-mute);font-size:var(--fs-2)}
.stall-r>div:last-child{color:var(--panel-ink);font-size:var(--fs-2)}
.stall-b{margin-top:32px;max-width:720px}
.stall-b p{color:var(--panel-mute)}
@media(max-width:760px){
  .stall-h{grid-template-columns:1fr;gap:0}
  .stall-h span:last-child{display:none}
  .stall-r{grid-template-columns:1fr;gap:4px;padding:12px 0}
  .stall-r>div:first-child{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.04em}
}
@media(max-width:860px){.hero .sub{font-size:var(--fs-3);line-height:1.5}.hero-mandat{font-size:var(--fs-2);margin-top:12px}.hero-honest{font-size:var(--fs-2)}.chips{gap:12px;font-size:var(--fs-1);white-space:normal}}
@media(max-width:860px){
  .chips-top{gap:12px;font-size:var(--fs-1);white-space:normal}
  .label{font-size:var(--fs-1);letter-spacing:.09em;align-items:flex-start}
  .label::before{margin-top:4px}
  .hero .w>div:first-child{display:flex;flex-direction:column}
  .hero .w>div:first-child>.label{order:1}
  .hero .w>div:first-child>h1{order:2}
  .hero .w>div:first-child>.sub{order:3}
  .hero .w>div:first-child>.hero-proof{order:4}
  .hero .w>div:first-child>.hero-mandat{order:5}
  .hero .w>div:first-child>.hero-actions{order:6;margin-top:16px}
  .hero .w>div:first-child>.chips-top{order:7;margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
  .hero .w>div:first-child>.hero-honest{order:8;margin-top:12px}
  .hero .w>div:first-child>.hero-honest{order:8}
}
@media(max-height:800px) and (min-width:1001px){.hero h1{font-size:var(--fs-8)}.hero .sub{font-size:var(--fs-3)}.hero{padding-top:calc(var(--nav-h) + 20px);padding-bottom:32px}.hero-proof{margin-top:8px}.hero-mandat{margin-top:12px}.chips-top{margin-top:12px}.hero-actions{margin-top:16px}}
.nb{white-space:nowrap;color:#fff;font-weight:700}
.ref-cta{margin-top:auto;padding-top:12px;font-size:var(--fs-2);color:var(--ink);border-top:1px solid var(--line)}
.refs{align-items:stretch}
.ref{display:flex;flex-direction:column}
.ref .meta{margin-top:auto}
@media(max-width:760px){.steps .step:has(.step-p) .step-p{order:-1;margin-top:0;margin-bottom:8px}}

/* Grosse Aussage */
.big-claim{margin-top:var(--s6);font-family:var(--f-display);font-weight:800;font-size:var(--fs-6);line-height:1.15;letter-spacing:-.01em;color:var(--ink);max-width:900px;text-wrap:balance}
.big-claim .t2{color:var(--mute)}
.big-claim.on-dark{color:#fff}
.big-claim.on-dark .t2{color:var(--panel-mute)}
/* Rechner */
.calc-fit{padding:12px 12px;background:rgba(255,107,0,.12);border-left:2px solid var(--accent);border-radius:0;font-size:var(--fs-2);line-height:1.5;color:#fff}
.cta .contact-form{margin-top:24px}
.card-vis:empty,.card-vis>.card-lab:only-child{display:none}
.form-fallback{margin-top:8px;font-size:var(--fs-2);color:#fff;text-align:center;padding:8px 12px;background:rgba(255,107,0,.14);border-left:2px solid var(--accent);border-radius:0}
.form-fallback a{color:#fff;text-decoration:underline}
@media(max-width:860px){.hero .w>div:first-child>.hero-phases{order:9}}
.n-mob a:last-child{margin-top:12px;background:var(--accent);color:#1A1A1A;border-radius:0;text-align:center;font-weight:700}

/* ROI-Rechner */
.roi{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:32px;background:var(--card);border:1px solid var(--line);border-radius:0;overflow:hidden}
.roi-in{padding:24px 24px;display:flex;flex-direction:column;gap:24px}
.roi-grp{display:flex;flex-direction:column;gap:16px}
.roi-grp-i{font-size:var(--fs-2);line-height:1.5;color:var(--mute);margin-top:-8px}
.roi-hint{display:block;margin-top:8px;font-size:var(--fs-2);line-height:1.45;color:var(--mute)}
.roi-grp-t{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.13em;text-transform:uppercase;color:var(--accent-ink)}
.roi-in label{display:block;font-size:var(--fs-2);color:var(--ink2)}
.roi-in label b{float:right;font-family:var(--f-display);font-weight:800;font-size:var(--fs-3);color:var(--ink)}
.roi-in input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;margin-top:12px;border-radius:0;background:var(--bg2);outline:none}
.roi-in input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid var(--card);box-shadow:none}
.roi-in input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid var(--card)}
.roi-in input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.roi-out{padding:24px 24px;background:var(--panel);color:var(--panel-ink);display:flex;flex-direction:column;gap:16px}
.roi-main{display:flex;flex-direction:column;gap:0px;padding-bottom:12px;border-bottom:1px solid var(--panel-line)}
.roi-main span{font-size:var(--fs-2);color:var(--panel-mute)}
.roi-main b{font-family:var(--f-display);font-weight:800;font-size:var(--fs-7);line-height:1.05}
.roi-main b.pos{color:var(--accent)}
.roi-main b.neg{color:var(--panel-ink2)}
.roi-formel{display:flex;flex-wrap:wrap;gap:4px 8px;font-family:var(--f-mono);font-size:var(--fs-1);color:var(--panel-mute)}
.roi-formel b{color:#fff;font-weight:500}
.roi-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding:12px 0;border-top:1px solid var(--panel-line);border-bottom:1px solid var(--panel-line)}
.roi-mini span{display:block;font-size:var(--fs-1);color:var(--panel-mute)}
.roi-mini b{font-family:var(--f-display);font-weight:700;font-size:var(--fs-2);color:#fff;white-space:nowrap}
.roi-bar{display:flex;gap:4px;height:10px}
.roi-bar-real{background:var(--accent);border-radius:0;min-width:2px;transition:width .25s}
.roi-bar-tco{background:rgba(255,255,255,.28);border-radius:0;min-width:2px;transition:width .25s}
.roi-fit{padding:12px 12px;background:rgba(255,107,0,.14);border-left:2px solid var(--accent);border-radius:0;font-size:var(--fs-2);line-height:1.5;color:#fff}
.roi-note{margin-top:auto;font-size:var(--fs-1);line-height:1.6;color:var(--panel-mute)}
@media(max-width:860px){.roi{grid-template-columns:1fr}.roi-in,.roi-out{padding:24px}}

/* Stall-Grafik */
.stall-wrap{display:grid;grid-template-columns:360px 1fr;gap:48px;align-items:center;margin-top:32px}
.stall-wrap .stall{margin-top:0}
.stall-svg{width:100%;height:auto;overflow:visible}
.sr-ring{fill:none;stroke:rgba(255,107,0,.35);stroke-width:1;stroke-dasharray:3 7}
.sr-core{fill:none;stroke:var(--accent);stroke-width:1.5}
.sr-core-t{font-family:var(--f-display);font-weight:800;font-size:var(--fs-3);fill:#fff}
.sr-n circle{fill:#232323;stroke:rgba(255,255,255,.30);stroke-width:1.25}
.sr-n .sr-ic{fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sr-lab{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.08em;fill:var(--panel-ink2)}
@media(prefers-reduced-motion:no-preference){
  .sr-n{animation:srPulse 6s ease-in-out infinite;animation-delay:calc(var(--i) * 1s);transform-box:fill-box;transform-origin:center}
  @keyframes srPulse{0%,72%,100%{opacity:.55}12%{opacity:1}}
}
@media(max-width:1000px){.stall-wrap{grid-template-columns:1fr;gap:32px}.stall-svg{max-width:340px;margin:0 auto;display:block}}
@media(max-width:600px){.sr-lab{font-size:var(--fs-2)}}

/* Toolbox als Katalog */
.tcs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.tc{background:var(--card);border:1px solid var(--line);border-radius:0;padding:24px 24px 16px;display:flex;flex-direction:column;gap:8px}
.tc-h{display:flex;justify-content:space-between;align-items:center}
.tc-k{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.13em;text-transform:uppercase;color:var(--accent-ink)}
.tc h3{font-size:var(--fs-4)}
.tc-line{color:var(--ink);font-size:var(--fs-2)}
.tc-intro{color:var(--ink2);font-size:var(--fs-2)}
.tc-d{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.tc-d summary{cursor:pointer;font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.04em;color:var(--accent-ink);list-style:none;min-height:32px;display:flex;align-items:center;gap:8px}
.tc-d summary::-webkit-details-marker{display:none}
.tc-d summary::before{content:"+";font-size:var(--fs-2)}
.tc-d[open] summary::before{content:"–"}
.tc-body{margin-top:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.tc-body .tool-b{margin:0;max-height:280px;width:100%}
@media(max-width:1000px){.tcs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.tcs{grid-template-columns:1fr}}

/* Hervorgehobene Schlussaussage */
.claim-box{margin:56px auto 0;max-width:960px;text-align:center;position:relative;padding-top:32px}
.claim-box::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:64px;height:2px;background:var(--accent)}
.claim-box p{font-family:var(--f-display);font-weight:700;font-size:var(--fs-7);line-height:1.08;letter-spacing:-.022em;color:#fff;text-wrap:balance;margin:0}
.claim-box em{font-style:normal;color:var(--accent)}
.stall-b{margin-top:32px;max-width:720px}
@media(max-width:760px){.claim-box{margin-top:48px;padding-top:24px;text-align:left}.claim-box::before{left:0;transform:none}}

/* Rechner auf eine Bildschirmhoehe */
#rechner{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:calc(var(--nav-h) + 8px);padding-bottom:28px}
#rechner .w{width:100%}
#rechner h2{font-size:var(--fs-6)}
#rechner .sub{margin-top:10px;max-width:900px}
.roi{margin-top:20px}
.roi-in{padding:20px 24px;gap:16px}
.roi-grp{gap:12px}
.roi-in label{font-size:var(--fs-2)}
.roi-in input[type=range]{margin-top:8px}
.roi-grp-i{margin-top:-6px}
.roi-hint{margin-top:6px}
.roi-out{padding:20px 24px;gap:12px}
.roi-mini{padding:12px 0}

@media(max-height:940px) and (min-width:1001px){
  #rechner h2{font-size:var(--fs-6)}
  #rechner .sub{font-size:var(--fs-2);margin-top:8px}
  #rechner .label{margin-bottom:8px}
  .roi{margin-top:14px}
  .roi-in{padding:18px 24px;gap:14px 32px}
  .roi-grp{gap:9px}
  .roi-in label{font-size:var(--fs-1);line-height:1.25}
  .roi-in input[type=range]{margin-top:5px}
  .roi-grp-i{display:none}
  .roi-hint{font-size:var(--fs-1);margin-top:3px}
  .roi-out{padding:14px 24px;gap:8px 24px}
  .roi-main b{font-size:var(--fs-6)}
  .roi-second{margin-top:4px}
  .roi-mini{gap:6px 16px}
  .roi-fit{padding:8px 12px;font-size:var(--fs-1)}
  .roi-note{font-size:var(--fs-1);padding-top:8px}
  
}
@media(max-width:860px){#rechner{min-height:0;padding-top:0}}

/* Rechner auf volle Breite: Regler in drei Spalten, Ergebnis als Leiste */
@media(min-width:1001px){
  .roi{grid-template-columns:1fr;border:1px solid var(--line)}
  .roi-in{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 36px;align-content:start;padding:24px 28px}
  .roi-grp{gap:12px}
  .roi-in label{font-size:var(--fs-2);line-height:1.3}
  .roi-in label b{font-size:var(--fs-2)}
  .roi-in input[type=range]{margin-top:7px}
  .roi-grp-i{font-size:var(--fs-1);line-height:1.45;margin-top:-4px}
  .roi-hint{font-size:var(--fs-1);line-height:1.4;margin-top:5px}
  .roi-out{display:grid;grid-template-columns:minmax(260px,1fr) 1.6fr;gap:10px 28px;align-items:center;padding:18px 28px;border-top:1px solid var(--panel-line)}
  .roi-main{padding-bottom:0;border-bottom:0}
  .roi-main b{font-size:var(--fs-7)}
  .roi-right{display:flex;flex-direction:column;gap:12px}
  .roi-mini{grid-template-columns:repeat(3,1fr);gap:8px 18px;padding:0;border:0}
  .roi-formel{order:3}
  .roi-fit{margin:0}
  .roi-note{margin-top:0;grid-column:1/-1;padding-top:10px;border-top:1px solid var(--panel-line);font-size:var(--fs-1);line-height:1.5}
  .roi-bar{grid-column:1/-1}
}
.roi-second{display:block;margin-top:8px;font-size:var(--fs-2);color:var(--panel-mute)}
.roi-second b{font-family:var(--f-display);font-weight:700;font-size:var(--fs-4);color:#fff;margin-left:6px}
@media(max-height:800px) and (min-width:1001px){
  #rechner{padding-top:calc(var(--nav-h) + 4px);padding-bottom:18px}
  #rechner h2{font-size:var(--fs-5)}
  #rechner .sub{font-size:var(--fs-1);margin-top:6px}
  .roi{margin-top:10px}
  .roi-in{padding:14px 20px;gap:10px 28px}
  .roi-grp{gap:7px}
  .roi-in label{font-size:var(--fs-1)}
  .roi-in label b{font-size:var(--fs-2)}
  .roi-hint{display:none}
  .roi-out{padding:12px 20px;gap:6px 20px}
  .roi-main b{font-size:var(--fs-5)}
  .roi-mini b{font-size:var(--fs-2)}
  .roi-fit{padding:7px 11px;font-size:var(--fs-1)}
  .roi-note{font-size:var(--fs-1);padding-top:6px}
  
}
.logo img{display:block;height:20px;width:auto}
.f-logo img{display:block;height:22px;width:auto;opacity:.92}
@media(max-width:600px){.logo img{height:18px}}

/* ---- Branchenseiten ---- */
.ind-cases.two{grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}
.ind-cases.two .ind-case{padding:24px}
.ind-cases.two .ind-case h4{font-size:var(--fs-4);margin-bottom:8px}
.ind-cases.two .ind-case p{font-size:var(--fs-3);color:var(--ink2)}
@media(max-width:820px){.ind-cases.two{grid-template-columns:1fr}}

.bsplit{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
@media(max-width:900px){.bsplit{grid-template-columns:1fr;gap:40px}}
.bdanach{margin-top:32px;border-top:1px solid var(--line)}
.bdanach li{padding:16px 0;border-bottom:1px solid var(--line);color:var(--ink2);display:grid;grid-template-columns:16px 1fr;gap:12px}
.bdanach li::before{content:"→";color:var(--accent)}
.bstart{margin-top:16px;color:var(--ink2);font-size:var(--fs-4);line-height:1.55;max-width:560px}
.bhint{margin-top:32px;border-left:2px solid var(--accent);padding:16px 0 16px 20px;max-width:560px}
.bhint strong{display:block;font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:8px}
.bhint p{color:var(--ink2);font-size:var(--fs-2)}

.bothers{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.bother{display:inline-flex;align-items:center;padding:10px 16px;border:1px solid var(--line);color:var(--ink2);font-size:var(--fs-2);text-decoration:none;transition:border-color .2s,color .2s}
.bother:hover{border-color:var(--accent);color:var(--ink)}

.bhub{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:48px;background:var(--line);border:1px solid var(--line)}
.bhub-card{display:flex;flex-direction:column;background:var(--bg);padding:32px 28px 28px;text-decoration:none;transition:background .2s}
.bhub-card:hover{background:var(--card)}
.bhub-n{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.13em;color:var(--accent-ink)}
.bhub-card h3{font-size:var(--fs-5);margin:12px 0 10px;color:var(--ink);line-height:1.15}
.bhub-card p{color:var(--ink2);font-size:var(--fs-2);margin-bottom:16px}
.bhub-card .step-l{display:inline-block;margin-top:auto;align-self:flex-start}
@media(max-width:1000px){.bhub{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.bhub{grid-template-columns:1fr}.bhub-card{padding:24px 20px}}

/* Hero auf eine Bildschirmhoehe: Zusammenziehen auf kurzen Bildschirmen */
@media(max-height:860px){
  .hero-page{padding-top:calc(var(--nav-h) + 40px);padding-bottom:40px}
  .pricebox{padding:20px 20px}
  .pb-l{margin-top:12px;padding-top:12px;gap:6px}
  .pb-alt{margin-top:12px;padding-top:12px}
}
@media(max-height:760px){
  .hero-page{padding-top:calc(var(--nav-h) + 24px);padding-bottom:24px}
  .hero-page h1{font-size:clamp(30px,4.4vw,52px)}
  .hero-page .sub{font-size:var(--fs-3)}
  .hero-page .hero-actions{margin-top:12px}
  .pb-alt span{display:none}
}
@media(max-width:760px){
  .hero-page{padding-top:calc(var(--nav-h) + 28px);padding-bottom:28px}
  .hero-page .w{gap:24px}
  .hero-page h1{font-size:clamp(28px,8vw,40px)}
  .hero-page .sub{font-size:var(--fs-2);line-height:1.5}
  .hero-page .hero-actions{margin-top:12px}
  .hero .pricebox{max-width:none;padding:16px 18px}
  .hero .pb-l{display:none}
}
/* Zweispaltiger Unterseiten-Hero: Titel darf die Spalte nicht sprengen */
.hero-page:not(.hero-slim) h1{font-size:clamp(32px,3.8vw,52px)}
@media(max-width:760px) and (max-height:720px){
  .hero-page{padding-top:calc(var(--nav-h) + 12px);padding-bottom:16px}
  .hero-page .w{gap:16px}
  .hero-page h1{font-size:clamp(26px,6.6vw,36px)}
  .hero-page .sub{font-size:var(--fs-2);line-height:1.4}
  .hero-page .label{margin-bottom:6px}
  .hero-page .hero-actions{margin-top:10px;gap:8px}
  .hero-page .btn{padding:9px 14px}
  .hero .pricebox{padding:12px 14px}
}

/* ---- Blog ---- */
.w-art{max-width:760px;margin:0 auto;padding:0 32px}
@media(max-width:860px){.w-art{padding:0 24px}}

.article-head,.blog-head{background:var(--panel);color:var(--panel-ink);padding:calc(var(--nav-h) + 72px) 0 48px;position:relative;overflow:hidden}
.article-head::before,.blog-head::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 70% at 90% 30%,rgba(255,107,0,.18),transparent 65%);pointer-events:none}
.article-head .w-art,.blog-head .w-art{position:relative}
.crumb{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.12em;text-transform:uppercase;color:var(--panel-mute);display:block;margin-bottom:18px}
.crumb a{color:var(--panel-mute)}.crumb a:hover{color:#fff}
.art-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(255,107,0,.45);padding:5px 12px;margin-bottom:20px}
.art-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.article-head h1{color:#fff;font-size:clamp(30px,4vw,46px);max-width:720px;line-height:1.1}
.article-meta{margin-top:20px;font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.06em;color:var(--panel-mute)}
.blog-head h1{color:#fff;font-size:clamp(30px,4vw,46px);line-height:1.1}
.blog-head p{color:var(--panel-mute);font-size:var(--fs-4);margin-top:16px;max-width:620px}
.eyebrow{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.12em;text-transform:uppercase;color:var(--panel-mute);display:inline-flex;align-items:center;gap:8px;margin-bottom:16px}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}

/* Titelbild oben im Beitrag */
.art-hero{background:var(--panel)}
.art-hero .w-art{padding-bottom:0}
.art-hero img{display:block;width:100%;height:auto;border:1px solid var(--panel-line)}

/* Blogliste */
.posts{padding:56px 0 0}
.posts>.w-art{max-width:900px}
.posts>.w-art{padding-bottom:96px}
.post-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:0;padding:0 0 24px;margin-bottom:24px;transition:border-color .15s}
.post-card:hover{border-color:var(--ink)}
.post-card-thumb{display:block;width:100%;height:auto;border-bottom:1px solid var(--line)}
.post-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 0}
.post-chip{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink)}
.post-date{font-family:var(--f-mono);font-size:var(--fs-1);color:var(--mute)}
.post-card h2{font-size:var(--fs-5);margin:10px 0 8px;padding:0 24px;line-height:1.2}
.post-card p{color:var(--ink2);font-size:var(--fs-3);padding:0 24px}
.post-more{display:inline-block;margin-top:14px;padding:0 24px;font-family:var(--f-display);font-weight:700;font-size:var(--fs-2);color:var(--accent-ink)}

/* Artikeltext */
article{padding:56px 0 8px}
article p{margin-bottom:22px;color:var(--ink2);font-size:var(--fs-4);line-height:1.7}
article .lead{font-size:21px;color:var(--ink);line-height:1.6}
article h2{font-size:var(--fs-5);margin:48px 0 14px}
article h3{font-size:var(--fs-4);margin:32px 0 10px}
article ul,article ol{margin:0 0 22px 22px;color:var(--ink2);font-size:var(--fs-4);line-height:1.7}
article li{margin-bottom:6px}
article strong{font-weight:600;color:var(--ink)}
article a{color:var(--accent-ink);text-decoration:underline}

/* Bausteine im Text */
.tldr{margin:0 0 28px;padding:20px 24px;background:var(--panel);color:var(--panel-ink)}
.tldr strong{display:block;font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-weight:500}
.tldr p{margin-bottom:0;color:var(--panel-mute);font-size:var(--fs-3)}
.exercise{padding:20px 24px;border-left:2px solid var(--accent);background:var(--accent-soft);margin-bottom:22px}
.exercise p{margin-bottom:0;font-size:var(--fs-3)}
.exercise strong{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:6px;color:var(--mute);font-weight:500}
.illus{margin:40px 0;padding:24px 20px 18px;background:var(--card);border:1px solid var(--line)}
.illus svg,.illus img{width:100%;height:auto;display:block}
.illus figcaption{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-top:14px;text-align:center}
@media(max-width:600px){.illus{margin:32px -12px;padding:16px 8px 14px}}

/* Weiterlesen am Ende des Beitrags */
.art-next{border-top:1px solid var(--line);margin-top:48px;padding:32px 0 72px}
.art-next .label{margin-bottom:20px}
.art-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.art-next-card{display:block;border:1px solid var(--line);background:var(--card);padding:20px 22px;transition:border-color .15s}
.art-next-card:hover{border-color:var(--ink)}
.art-next-card span{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink)}
.art-next-card h3{font-size:var(--fs-4);margin-top:8px;line-height:1.25}
@media(max-width:760px){.art-next-grid{grid-template-columns:1fr}}
@media(max-width:760px){.article-head,.blog-head{padding-top:calc(var(--nav-h) + 40px)}article{padding-top:40px}}

/* Leistungen: Beweiszeile im Hero, Einstiegswahl, Vergleich, was immer gilt (15.09.2026) */
.hero-sure{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:20px;font-size:var(--fs-3);color:var(--panel-ink)}
.hero-sure li{display:inline-flex;align-items:center;gap:10px}
.hero-sure li::before{content:"";width:14px;height:8px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg) translateY(-2px);flex-shrink:0}
@media(max-width:860px){.hero-sure{flex-direction:column;font-size:var(--fs-2)}}
@media(max-width:860px){.hero .w>div:first-child>.hero-sure{order:5}}
.pick{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.pick-c{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--accent);padding:24px;color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}
.pick-c:hover{border-color:var(--ink);border-top-color:var(--accent);transform:translateY(-2px)}
.pick-k{font-family:var(--f-mono);font-size:var(--fs-1);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.pick-c h3{font-size:var(--fs-4);line-height:1.2;margin:8px 0 12px}
.pick-c p{font-size:var(--fs-2);color:var(--ink2);flex:1}
.pick-to{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-family:var(--f-display);font-weight:700;font-size:var(--fs-3);display:flex;justify-content:space-between;align-items:center}
.pick-to::after{content:"→";color:var(--accent)}
.pick-note{margin-top:24px;font-size:var(--fs-3);color:var(--ink2);max-width:720px}
@media(max-width:1080px){.pick{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.pick{grid-template-columns:1fr}}
.cmp-wrap{margin-top:48px;overflow-x:auto;-webkit-overflow-scrolling:touch;border-top:1px solid var(--line)}
.cmp{width:100%;min-width:860px;border-collapse:collapse;font-size:var(--fs-2);color:var(--ink2)}
.cmp th,.cmp td{text-align:left;vertical-align:top;padding:16px 16px 16px 0;border-bottom:1px solid var(--line);line-height:1.5}
.cmp thead th{font-family:var(--f-display);font-weight:700;font-size:var(--fs-3);color:var(--ink);padding-top:20px}
.cmp thead th:last-child{color:var(--accent-ink)}
.cmp tbody th{font-family:var(--f-mono);font-weight:400;font-size:var(--fs-1);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);width:160px;padding-top:19px}
.cmp td{width:calc((100% - 160px)/4)}
.cmp td b{font-family:var(--f-display);font-weight:800;font-size:var(--fs-4);color:var(--ink)}
.cmp td span{font-family:var(--f-mono);font-size:var(--fs-1);color:var(--mute)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.always{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;border-top:1px solid var(--panel-line)}
.always-c{padding:24px 24px 0 0;border-right:1px solid var(--panel-line);margin-right:24px}
.always-c:last-child{border-right:0;margin-right:0}
.always-c b{display:block;font-family:var(--f-display);font-size:var(--fs-4);color:var(--panel-ink);line-height:1.2}
.always-c p{margin-top:12px;font-size:var(--fs-2);color:var(--panel-mute)}
@media(max-width:1080px){.always{grid-template-columns:1fr 1fr}.always-c:nth-child(2){border-right:0;margin-right:0}.always-c{padding-bottom:24px}}
@media(max-width:620px){.always{grid-template-columns:1fr}.always-c{border-right:0;margin-right:0;border-bottom:1px solid var(--panel-line)}}

/* Startseite: Ergebniszeile als eigener Block (15.09.2026) */
.statement-xl{padding:128px 0}
.statement-xl .w{text-align:left}
.statement-xl p.statement-claim{max-width:1100px;margin:0;font-size:var(--fs-8);line-height:1.02;letter-spacing:-.022em;font-weight:800}
.statement-xl p.statement-sub{max-width:680px;margin:32px 0 0;font-family:var(--f-body);font-weight:400;font-size:var(--fs-4);line-height:1.6;letter-spacing:0;color:var(--panel-ink2)}
@media(max-width:720px){.statement-xl{padding:72px 0}.statement-xl p.statement-sub{font-size:var(--fs-3)}}
.statement .label{color:var(--panel-mute)}
.cta-alt{margin-top:16px;text-align:center;font-size:var(--fs-2);color:var(--panel-mute)}.cta-alt a{color:var(--panel-ink);text-decoration:underline;text-underline-offset:3px}

/* Kontaktseite (15.09.2026) */
.k-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);gap:72px;align-items:start}
.kontakt h1{font-size:clamp(36px,4.8vw,68px)}
.kontakt .contact-form{margin:0;max-width:none}
.kontakt .contact-form textarea{min-height:180px}
.kontakt .form-success{margin:0;max-width:none}
.k-alt{margin-top:40px;padding-top:24px;border-top:1px solid var(--panel-line);max-width:520px}
.k-alt h2{font-size:var(--fs-4);color:var(--panel-ink)}
.k-alt p{color:var(--panel-mute);font-size:var(--fs-2);margin:8px 0 16px}
.k-alt .k-mail{margin:16px 0 0}
.k-mail a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.k-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.k-err{color:#fff;background:rgba(192,57,43,.22);border-left:2px solid var(--bad);padding:8px 12px;font-size:var(--fs-2)}
@media(max-width:1000px){.k-grid{grid-template-columns:minmax(0,1fr);gap:40px}}
.kontakt .w{grid-template-columns:minmax(0,1fr)!important}
.kontakt .k-grid{width:100%}
@media(min-width:861px){.hero.kontakt .w>div:first-child{display:grid}}
.os-card{min-width:250px}.os-card b{letter-spacing:.06em;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}

/* Albert Sans fuer Titel und Text, Red Hat Mono nur fuer Etiketten/Untertitel (15.09.2026) */
.step-p b{white-space:normal}
h1,h2{overflow-wrap:break-word}

/* Sprachumschalter als kleine Pille, klar getrennt von der Navigation (17.09.2026) */
.lang-sw{display:inline-flex;gap:0;align-items:center;padding:2px;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;line-height:1}
.lang-sw a{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;color:rgba(255,255,255,.55);text-decoration:none;transition:background .15s,color .15s}
.lang-sw a:hover{color:#fff}
.lang-sw a.curr{background:rgba(255,255,255,.14);color:#fff}
nav .back .lang-sw{vertical-align:middle}
@media(max-width:1000px){nav .n-links .lang-sw{display:none}}