/* Schriften lokal gehostet (SIL Open Font License) – keine Verbindung zu Google Fonts */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/montserrat-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-weight:100 900;font-display:swap;src:url(assets/fonts/montserrat-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}
/* IBM Plex Mono 400/500, latin (lokal) */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/ibm-plex-mono-400.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:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/ibm-plex-mono-500.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}


/* Layout: schwarze "Bühnen" (transparent, 3D-Objekt sichtbar) wechseln mit deckenden Inhalts-Sektionen; ein Objekt wandert durch die ganze Seite. */
:root{
  --primary:#002244;    /* Bagaluten Navy, trägt die Seite */
  --secondary:#E8EBF1;  /* helle Sektionen */
  --accent:#F50069;     /* Pink: nur CTAs, aktive Zustände, Objekt-Glut */
  --ink:var(--primary);
  --ink-2:#001B36;      /* Flächen auf Navy */
  --paper:#FFFFFF;
  --fog:rgba(255,255,255,.62);
  --soft:rgba(255,255,255,.84);
  --line:rgba(255,255,255,.14);
  --glass:rgba(0,26,52,.5);
  --sec-ink:var(--primary);
  --sec-muted:rgba(0,34,68,.66);
  --sec-line:rgba(0,34,68,.12);
  --f-display:"Montserrat","Segoe UI",Arial,sans-serif;
  --f-body:"Montserrat","Segoe UI",Arial,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --gutter:clamp(16px,4vw,56px);
  --ease:cubic-bezier(.22,.8,.24,1);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{overflow-x:clip}  /* kein scroll-behavior:smooth – verträgt sich nicht mit gepinnten ScrollTrigger-Sektionen; Ankerlinks scrollen weich per site.js */
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--f-body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit}
::selection{background:var(--accent);color:#fff}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{padding-inline:var(--gutter)}
.mono{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.display{font-family:var(--f-display);font-weight:900;text-transform:uppercase;line-height:.92;letter-spacing:-.025em;text-wrap:balance;margin:0}

/* ---------- Logo ---------- */
.logo{display:inline-flex;align-items:center;text-decoration:none}
.logo img{height:clamp(24px,3vw,32px);width:auto;display:block}

/* ---------- Buttons ---------- */
.btn{--bg:var(--accent);--fg:#fff;display:inline-flex;align-items:center;gap:.7em;padding:.95em 1.4em;border-radius:999px;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-weight:700;font-size:16px;text-decoration:none;border:0;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;will-change:transform}
.btn .arr{display:inline-block;transition:transform .25s}
.btn:hover .arr{transform:translateX(4px) rotate(-12deg)}
.btn:hover{box-shadow:0 0 0 6px rgba(245,0,105,.18)}
.btn.ghost{--bg:transparent;--fg:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--paper)}
.btn.dark{--bg:#fff;--fg:var(--primary)}
.btn.dark:hover{box-shadow:0 0 0 6px rgba(255,255,255,.25)}

/* ---------- Nav ---------- */
.nav{position:fixed;inset:0 0 auto 0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(14px + env(safe-area-inset-top,0px)) var(--gutter) 14px;transition:background .3s,backdrop-filter .3s}
.nav.solid{background:rgba(0,34,68,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.nav ul a{text-decoration:none;font-size:15px;color:var(--fog);transition:color .2s}
.nav ul a:hover{color:var(--paper)}
.nav .btn{padding:.7em 1.1em;font-size:14px}
@media (max-width:820px){.nav ul{display:none}}

/* ---------- Ebenen ---------- */
.behind{position:relative;z-index:1}
.front{position:relative;z-index:3}
.solid-sec{position:relative;z-index:4;background:var(--ink)}

/* ---------- Hero ---------- */
.hero{min-height:94svh;padding-top:120px;padding-bottom:40px;display:grid;grid-template-rows:auto 1fr auto;gap:28px;position:relative;overflow:hidden}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,20,40,.72) 0%,rgba(0,20,40,.35) 38%,rgba(0,20,40,.45) 62%,rgba(0,34,68,.96) 100%),linear-gradient(90deg,rgba(0,20,40,.55) 0%,rgba(0,20,40,0) 70%)}
.hero>*:not(.hero-video):not(.hero-scrim):not(.vtoggle){position:relative;z-index:2}
.hero .vtoggle{position:absolute;z-index:3;right:var(--gutter);top:calc(96px + env(safe-area-inset-top,0px));display:inline-flex;align-items:center;gap:8px;background:rgba(0,20,40,.5);color:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 13px;font:inherit;font-size:13px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hero .eyebrow{display:flex;gap:14px;align-items:center;color:var(--fog)}
.hero .eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:pulse 1.8s infinite}
@keyframes pulse{50%{opacity:.35}}
.hero h1{font-size:clamp(46px,10.6vw,196px);align-self:center}
.hero h1 .line{display:block;overflow:hidden;padding-bottom:.02em}
.hero h1 .ch{display:inline-block}
.hero h1 .v{color:var(--accent)}
.hero-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end}
.hero-foot p{max-width:46ch;margin:0 0 22px;font-size:clamp(17px,1.35vw,20px);color:var(--soft)}
.hero-foot p b{color:var(--paper)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.scrollhint{text-align:right;color:var(--fog)}
.scrollhint span{display:block;margin-top:6px;color:var(--accent)}
@media (max-width:720px){.hero-foot{grid-template-columns:1fr}.scrollhint{text-align:left}}

.trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.trust-badge{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:999px;padding:7px 16px 7px 12px}
.trust-badge .tt{display:grid;line-height:1.25}
.trust-badge b{font-size:13px}
.trust-badge small{font-size:12px;color:var(--fog)}
.trust-badge .stars{color:#FFC53D;letter-spacing:1px;font-size:11px}
.trust-badge svg{flex:none}

/* ---------- Kunden-Laufband ---------- */
.ticker{border-block:1px solid var(--line);overflow:hidden;padding-block:22px}
.ticker .track{display:flex;gap:56px;width:max-content;animation:tick 30s linear infinite}
.ticker .item{display:flex;align-items:center;gap:56px;font-family:var(--f-display);font-weight:800;font-size:clamp(18px,2vw,26px);color:rgba(255,255,255,.72);white-space:nowrap}
.ticker .item i{width:.32em;height:.32em;border-radius:50%;background:var(--accent);display:inline-block}
@keyframes tick{to{transform:translateX(-50%)}}

/* ---------- Pinned Statement-Bühne ---------- */
.statement{height:100svh;position:relative;overflow:hidden}
.statement .inner{position:absolute;inset:0;padding:110px var(--gutter) 48px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:32px}
.st-bg{position:absolute;inset:0;z-index:0}
.st-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .8s var(--ease),transform 1.6s var(--ease)}
.st-bg img.on{opacity:1;transform:scale(1)}
.st-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,34,68,.94) 0%,rgba(0,34,68,.7) 45%,rgba(0,34,68,.45) 100%),linear-gradient(0deg,rgba(0,34,68,.9) 0%,rgba(0,34,68,0) 50%)}
.statement .inner,.statement .progress{z-index:2}
.say{position:relative;min-height:3.2em}
.say .w{position:absolute;left:0;bottom:0;white-space:nowrap;font-size:clamp(54px,8.6vw,150px);opacity:0}
.say .w:first-child{opacity:1}
.say .w em{font-style:normal;color:var(--accent)}
.say-sub{position:relative;min-height:5.2em;max-width:40ch;color:var(--soft);margin-top:18px}
.say-sub p{position:absolute;inset:0 0 auto 0;margin:0;opacity:0}
.say-sub p:first-child{opacity:1}
.cards{display:grid;gap:12px;justify-self:end;align-self:center;width:min(340px,100%)}
.glass{background:var(--glass);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3)}
.stat{padding:18px 20px;display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:baseline}
.stat b{font-family:var(--f-display);font-weight:900;font-size:38px;letter-spacing:-.03em;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums;grid-row:span 2}
.stat span{font-weight:600}
.stat small{color:var(--fog);font-size:13px;line-height:1.35}
.progress{position:absolute;left:var(--gutter);top:96px;display:flex;gap:8px}
.progress i{width:34px;height:3px;background:var(--line);border-radius:2px;overflow:hidden;position:relative}
.progress i::after{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(var(--p,0));transform-origin:left}
@media (max-width:820px){
  .statement .inner{grid-template-columns:1fr;align-content:end}
  .cards{justify-self:stretch;width:100%;grid-template-columns:1fr 1fr}
  .cards .stat:nth-child(3){display:none}
  .stat{grid-template-columns:1fr}.stat b{font-size:34px;grid-row:auto}
}

/* ---------- Leistungen ---------- */
.services{padding-block:clamp(80px,12vw,160px)}
.sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:end;margin-bottom:56px}
.sec-head h2{font-size:clamp(40px,6vw,96px)}
.sec-head p{max-width:44ch;margin:0;color:var(--soft)}
@media (max-width:820px){.sec-head{grid-template-columns:1fr}}
.srv{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.srv li{position:relative;border-bottom:1px solid var(--line);overflow:hidden}
.srv a{position:relative;z-index:1;display:grid;grid-template-columns:clamp(150px,17vw,240px) minmax(0,1fr) minmax(0,1.1fr) auto;gap:clamp(18px,2.4vw,36px);align-items:center;padding:22px 8px;text-decoration:none;transition:color .35s}
.srv li::before{content:"";position:absolute;inset:0 -10% 0 -10%;background:var(--accent);transform:translateX(-115%) skewX(-18deg);transition:transform .55s cubic-bezier(.7,0,.2,1)}
.srv li:hover::before,.srv li:focus-within::before{transform:translateX(0) skewX(-18deg)}
.srv li:hover a,.srv li:focus-within a{color:#fff}
.srv h3{margin:0;font-family:var(--f-display);font-weight:900;letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(28px,3.8vw,54px);line-height:.95}
.srv p{margin:0;max-width:46ch;color:inherit;opacity:.82}
.srv .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.srv .tags span{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:3px 9px;opacity:.7}
.srv .go{font-size:34px;transition:transform .35s}
.srv li:hover .go{transform:rotate(-45deg)}
.badge{display:inline-block;margin-left:.4em;vertical-align:middle;font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;background:var(--accent);color:#fff;padding:4px 8px;border-radius:4px;transform:rotate(-4deg);}
.srv li:hover .badge{background:#fff;color:var(--accent)}
@media (max-width:820px){.srv a{grid-template-columns:minmax(0,1fr) auto;gap:14px 16px}.srv-pic{grid-column:1/-1;aspect-ratio:16/9}.srv a>div:nth-of-type(2){grid-column:1/-1}.srv .go{grid-row:2;grid-column:2}}

/* ---------- Cases (hell) ---------- */
.cases{background:var(--secondary);color:var(--sec-ink);padding-block:clamp(80px,12vw,160px)}
.cases .sec-head p{color:var(--sec-muted)}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,24px)}
@media (max-width:760px){.case-grid{grid-template-columns:1fr}}
.case{background:#fff;box-shadow:0 1px 2px rgba(0,34,68,.06);border-radius:22px;padding:clamp(22px,3vw,40px);display:grid;gap:18px;align-content:start;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.case:hover{transform:translateY(-4px) rotate(-.4deg)}
.case .client{display:flex;justify-content:space-between;gap:12px;color:var(--sec-muted)}
.case .nums{display:flex;flex-wrap:wrap;gap:12px 40px}
.case .num b{display:block;font-family:var(--f-display);font-weight:900;font-size:clamp(52px,6vw,92px);line-height:.9;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.case .num:first-child b{background:linear-gradient(transparent 60%,rgba(245,0,105,.2) 60%,rgba(245,0,105,.2) 92%,transparent 92%)}
.case .num span{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--sec-muted)}
.case h3{margin:0;font-size:clamp(22px,2vw,28px);line-height:1.15;font-weight:800;text-wrap:balance}
.case p{margin:0;color:var(--sec-muted);max-width:52ch}

/* ---------- CTA-Band ---------- */
.band{background:var(--accent);color:#fff;padding-block:clamp(48px,7vw,88px);display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between;position:relative;overflow:hidden}
.band h2{font-size:clamp(34px,4.8vw,78px);max-width:16ch;color:#fff}
.band .slashes{position:absolute;right:-20px;top:-10%;height:125%;opacity:.14;pointer-events:none}

/* ---------- Ablauf ---------- */
.process{padding-block:clamp(80px,12vw,160px)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:s}
@media (max-width:980px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}
.steps li{counter-increment:s;background:var(--ink-2);border-radius:18px;padding:26px 24px 28px;display:grid;gap:12px;align-content:start;border:1px solid transparent;transition:border-color .3s}
.steps li:hover{border-color:var(--accent)}
.steps li::before{content:counter(s,decimal-leading-zero);font-family:var(--f-mono);font-size:13px;color:var(--accent)}
.steps h3{margin:0;font-size:22px;line-height:1.15}
.steps p{margin:0;color:var(--fog);font-size:15.5px}
.steps .t{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--paper);opacity:.6}

/* ---------- Team-Bühne mit Laufschrift hinter dem Objekt ---------- */
.team{min-height:100svh;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);align-content:space-between;padding-block:110px 56px}
.mq{display:grid;gap:0;align-self:center}
.mq .row{white-space:nowrap;font-family:var(--f-display);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(68px,12vw,220px);line-height:.95;will-change:transform}
.mq .row span{padding-right:.3em}
.mq .row.o{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.45)}
.mq .row .y{color:var(--accent)}
.team-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end}
.team-foot p{max-width:42ch;margin:8px 0 0;color:var(--soft)}
.team-links{list-style:none;margin:0;padding:0;display:grid;gap:4px;text-align:right}
.team-links a{font-size:clamp(24px,2.4vw,34px);font-weight:600;text-decoration:none;display:inline-flex;gap:.4em;align-items:center}
.team-links a:hover{color:var(--accent)}
@media (max-width:720px){.team-foot{grid-template-columns:1fr}.team-links{text-align:left}}

/* ---------- Kontakt-Bühne ---------- */
.contact{min-height:100svh;position:relative;overflow:hidden;padding-block:110px 40px;display:grid;grid-template-columns:minmax(0,1fr);align-content:center}
.bock{position:absolute;left:var(--gutter);right:var(--gutter);top:50%;transform:translateY(-54%);font-size:clamp(96px,23vw,400px);color:var(--accent);text-align:right;pointer-events:none;line-height:.8}
.form-card{width:min(520px,100%);padding:clamp(22px,3vw,34px);display:grid;gap:16px}
.form-card h2{font-size:clamp(32px,3.8vw,52px)}
.form-card .lead{margin:0;color:var(--soft)}
.field{display:grid;gap:6px}
.field label,.legend{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fog)}
.field input,.field textarea{width:100%;background:rgba(0,16,34,.45);border:1px solid var(--line);border-radius:12px;color:var(--paper);padding:13px 14px;font:inherit;font-size:16px}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:480px){.two{grid-template-columns:1fr}}
.chips{display:flex;flex-wrap:wrap;gap:8px;border:0;margin:0;padding:0}
.chips legend{margin-bottom:8px;padding:0}
.chips label{cursor:pointer}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips span{display:inline-block;padding:8px 13px;border-radius:999px;border:1px solid var(--line);font-size:14px;transition:all .2s}
.chips input:checked+span{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}
.chips input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.form-card .fine{font-size:13px;color:var(--fog);margin:0}
.done{border-radius:12px;background:rgba(245,0,105,.14);border:1px solid rgba(245,0,105,.45);padding:14px 16px;font-size:15px}
.direct{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:4px;font-size:15px;color:var(--fog)}
.direct b{color:var(--paper);font-weight:600;user-select:all}

/* ---------- Leistungsbilder ---------- */
.srv-pic{margin:0;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:var(--ink-2)}
.srv-pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.srv li:hover .srv-pic img,.srv li:focus-within .srv-pic img{transform:scale(1.06)}

/* ---------- Arbeiten-Galerie ---------- */
.works{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(28px,3vw,40px) clamp(12px,1.6vw,20px);margin-bottom:clamp(64px,9vw,120px)}
.work{grid-column:span 6;display:grid;gap:14px;align-content:start;min-width:0}
.work.c7{grid-column:span 7}.work.c5{grid-column:span 5}.work.c8{grid-column:span 8}.work.c4{grid-column:span 4}.work.c12{grid-column:1/-1}
.work figure{margin:0;position:relative;overflow:hidden;border-radius:20px;background:#cfd5df}
.work .r-wide{aspect-ratio:16/10}.work .r-tall{aspect-ratio:4/5}.work .r-cine{aspect-ratio:21/9}
.work .pz{position:absolute;inset:-8% 0;will-change:transform}
.work img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.work:hover img{transform:scale(1.05)}
.work .chip{position:absolute;left:14px;top:14px;z-index:2;font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:rgba(0,34,68,.72);color:#fff;border-radius:999px;padding:5px 10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.work .browser{background:var(--primary);display:grid;grid-template-rows:auto 1fr}
.work .browser .bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#0b2d52}
.work .browser .bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.3)}
.work .browser .bar span{margin-left:10px;font-family:var(--f-mono);font-size:11px;color:rgba(255,255,255,.6)}
.work .browser .shot{position:relative;overflow:hidden}
.work .cap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;align-items:baseline}
.work h3{margin:0;font-size:clamp(19px,1.6vw,23px);font-weight:800;letter-spacing:-.01em}
.work .cap span{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--sec-muted)}
.work p{margin:0;color:var(--sec-muted);max-width:56ch;font-size:15.5px}
.subhead{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--sec-muted);margin:0 0 18px}
@media (max-width:760px){.work,.work.c7,.work.c5,.work.c8,.work.c4{grid-column:1/-1}.work .r-cine{aspect-ratio:16/10}}

.work .lead{font-weight:700;color:var(--sec-ink);font-size:17px}
.kpis{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:4px;padding-top:14px;border-top:1px solid var(--sec-line)}
.kpi{display:grid;gap:2px;min-width:0}
.kpi b{font-family:var(--f-display);font-weight:900;font-size:clamp(28px,2.6vw,40px);letter-spacing:-.03em;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}
.kpi span{font-family:var(--f-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--sec-muted);max-width:18ch}
.more-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.more-head .mono{font-size:11px;color:var(--sec-muted)}
.more{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-width:thin}
.mini{margin:0;flex:0 0 clamp(200px,22vw,260px);scroll-snap-align:start;display:grid;gap:10px}
.mini img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;display:block;transition:transform .5s var(--ease)}
.mini:hover img{transform:scale(1.03) rotate(-1deg)}
.mini figcaption{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.mini figcaption span{font-family:var(--f-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--sec-muted)}

/* ---------- Agentur-Fotowand ---------- */
.agency{padding-block:clamp(80px,11vw,150px);overflow:hidden}
.pw-wall{display:grid;gap:14px}
.pw-row{display:flex;gap:14px;width:max-content;will-change:transform}
.pw-row[data-dir="1"]{margin-left:-30vw}
.pw{margin:0;position:relative;height:clamp(190px,24vw,330px);border-radius:16px;overflow:hidden;flex:none;background:var(--ink-2)}
.pw img{height:100%;width:auto;display:block;transition:transform .6s var(--ease)}
.pw:hover img{transform:scale(1.05)}
.pw figcaption{position:absolute;left:12px;bottom:12px;background:#fff;color:var(--primary);font-weight:700;font-size:13px;padding:5px 11px;border-radius:999px;transform:rotate(-3deg)}
.pw:nth-child(3n) figcaption{background:var(--accent);color:#fff;transform:rotate(2deg)}

/* ---------- Ablauf-Fotos ---------- */
.steps li::before{order:1}
.steps li>*{order:2}
.steps li>.step-img{order:0;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block;margin-bottom:6px}

/* ---------- Teamfoto ---------- */
.team-photo{margin:0;width:clamp(240px,30vw,420px);max-width:100%;aspect-ratio:3/2;border-radius:12px;overflow:hidden;border:6px solid #fff;transform:rotate(-3deg);box-shadow:0 20px 50px rgba(0,0,0,.35);flex:none}
.team-photo img{width:100%;height:100%;object-fit:cover;display:block}
.team-foot .who{display:flex;gap:28px;align-items:center;flex-wrap:wrap}

/* ---------- Footer ---------- */
footer{position:relative;z-index:4;background:var(--ink);border-top:1px solid var(--line);padding-block:36px calc(36px + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;align-items:center;color:var(--fog);font-size:14px}
footer nav{display:flex;gap:20px}
footer a{text-decoration:none}footer a:hover{color:var(--accent)}

/* ---------- Schwebende CTA-Pill ---------- */
.pill{position:fixed;right:max(16px,var(--gutter));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:19;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 10px;border-radius:999px;text-decoration:none;transform:translateY(140%);opacity:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s}
.pill.show{transform:none;opacity:1}
.pill .face{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}
.pill .txt{display:grid;line-height:1.2}
.pill .txt small{color:var(--fog);font-size:12px}
.pill .txt b{font-size:14px}
.pill .go{background:var(--accent);color:#fff;border-radius:999px;padding:9px 14px;font-weight:700;font-size:14px;white-space:nowrap}
@media (max-width:480px){.pill{left:16px;right:16px;justify-content:space-between}}

/* ---------- Cursor ---------- */
.cursor{position:fixed;left:0;top:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--accent);z-index:50;pointer-events:none;mix-blend-mode:difference;transition:width .25s,height .25s,margin .25s;display:none}
.cursor.big{width:64px;height:64px;margin:-32px 0 0 -32px}
@media (hover:hover) and (pointer:fine){.cursor{display:block}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .ticker .track{animation:none}
  .hero .eyebrow .dot{animation:none}
  *{transition-duration:.01s!important}
}


/* ---------- Ziele-Kacheln (Startseite) ---------- */
.goals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,16px)}
.goal{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:3/4;border-radius:20px;overflow:hidden;text-decoration:none;color:#fff;isolation:isolate;min-width:0}
.goal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s cubic-bezier(.22,.8,.24,1)}
.goal::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,20,40,.35) 0%,rgba(0,20,40,0) 35%,rgba(0,20,40,.55) 62%,rgba(0,22,44,.95) 100%)}
.goal:hover img,.goal:focus-visible img{transform:scale(1.06)}
.goal-label{align-self:flex-start;margin:16px;background:var(--accent);color:#fff;font-weight:800;font-size:14px;padding:7px 13px;border-radius:999px}
.goal-body{display:grid;gap:4px;padding:18px}
.goal-body b{font-family:var(--f-display);font-weight:900;font-size:clamp(34px,3.4vw,54px);letter-spacing:-.03em;line-height:1}
.goal-kpi{font-weight:600;font-size:15px;line-height:1.35}
.goal-client{margin-top:10px;font-family:var(--f-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.goal:hover .goal-client{color:#fff}
@media (max-width:980px){.goals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.goals{grid-template-columns:minmax(0,1fr)}.goal{aspect-ratio:4/3}}

/* =====================================================================
   Mehrseiten-Struktur: Navigation, Seitenköpfe, Vorlagen
   ===================================================================== */
.light{background:var(--secondary);color:var(--sec-ink)}
.light .sec-head p{color:var(--sec-muted)}
.sec{padding-block:clamp(72px,10vw,140px)}
.sec.tight{padding-block:clamp(48px,7vw,96px)}
.kicker{display:block;font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.lead-text{font-size:clamp(17px,1.4vw,20px);color:var(--soft);max-width:56ch;margin:0}
.light .lead-text{color:var(--sec-muted)}
.link-arrow{display:inline-flex;gap:.45em;align-items:center;font-weight:700;text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:2px}
.link-arrow:hover{color:var(--accent)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.light .btn.ghost{--fg:var(--sec-ink);box-shadow:inset 0 0 0 1.5px var(--sec-line)}
.light .btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--sec-ink)}

/* ---------- Navigation mit Dropdowns ---------- */
.nav .menu{display:flex;gap:4px;list-style:none;margin:0;padding:0;align-items:center}
.nav .menu>li{position:static}
.nav .menu>li>a,.nav .dd-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:10px;background:none;border:0;color:var(--soft);font:inherit;font-size:15px;text-decoration:none;cursor:pointer}
.nav .menu>li>a:hover,.nav .dd-btn:hover,.nav .dd.open .dd-btn,.nav .menu [aria-current="page"]{color:#fff}
.nav .dd-btn::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.nav .dd.open .dd-btn::after{transform:rotate(-135deg)}
.dd-panel{position:absolute;left:50%;top:calc(100% - 4px);max-width:calc(100vw - 32px);transform:translate(-50%,6px);min-width:560px;background:#fff;color:var(--sec-ink);border-radius:18px;box-shadow:0 30px 70px rgba(0,20,40,.35);padding:22px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;opacity:0;visibility:hidden;transition:opacity .2s,transform .25s var(--ease),visibility .2s}
.dd-panel.one{grid-template-columns:minmax(0,1fr);min-width:300px}
.dd.open .dd-panel{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dd-panel .intro b{display:block;font-weight:800;font-size:17px;margin-bottom:6px}
.dd-panel .intro p{margin:0 0 14px;font-size:14px;color:var(--sec-muted);line-height:1.45}
.dd-panel .intro a{font-size:14px}
.dd-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.dd-panel.cols ul{grid-template-columns:1fr 1fr;column-gap:14px}
.dd-panel li a{display:grid;gap:1px;padding:9px 12px;border-radius:10px;text-decoration:none;font-weight:700;font-size:15px}
.dd-panel li a small{font-weight:400;font-size:13px;color:var(--sec-muted)}
.dd-panel li a:hover{background:var(--secondary)}
.dd-panel h6{margin:6px 12px 4px;font-family:var(--f-mono);font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sec-muted)}
.nav .right{display:flex;align-items:center;gap:10px}
.nav .contact-link{color:var(--soft);text-decoration:none;font-size:15px;padding:10px}
.nav .contact-link:hover{color:#fff}
.burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:rgba(0,20,40,.4);color:#fff;cursor:pointer;align-items:center;justify-content:center}
.burger span,.burger span::before,.burger span::after{display:block;width:18px;height:2px;background:currentColor;position:relative;transition:transform .25s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0}
.burger span::before{top:-6px}.burger span::after{top:6px}
body.menu-open .burger span{background:transparent}
body.menu-open .burger span::before{transform:translateY(6px) rotate(45deg)}
body.menu-open .burger span::after{transform:translateY(-6px) rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:19;background:var(--primary);padding:calc(90px + env(safe-area-inset-top,0px)) var(--gutter) 40px;overflow-y:auto;display:none}
body.menu-open .mnav{display:block}
body.menu-open{overflow:hidden}
.mnav details{border-bottom:1px solid var(--line)}
.mnav summary,.mnav>a{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:22px;font-weight:800;list-style:none;cursor:pointer;text-decoration:none;border-bottom:1px solid var(--line)}
.mnav details summary{border-bottom:0}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary::after{content:"+";font-weight:400;color:var(--accent)}
.mnav details[open] summary::after{content:"–"}
.mnav details ul{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:2px}
.mnav details a{display:block;padding:8px 0;color:var(--soft);text-decoration:none;font-size:17px}
.mnav .btn{margin-top:28px;width:100%;justify-content:center}
@media (max-width:1060px){.nav .menu,.nav .contact-link{display:none}.burger{display:inline-flex}}
@media (max-width:480px){.nav .right .btn{display:none}}

/* ---------- Seitenkopf der Unterseiten ---------- */
.phead{position:relative;overflow:hidden;padding-top:calc(130px + env(safe-area-inset-top,0px));padding-bottom:clamp(56px,8vw,110px)}
.phead .grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:end}
.phead h1{font-size:clamp(44px,7.4vw,124px)}
.phead .claim{font-size:clamp(22px,2.3vw,32px);font-weight:800;margin:26px 0 14px;max-width:26ch;line-height:1.2;text-wrap:balance}
.phead .pic{margin:0;border-radius:22px;overflow:hidden;aspect-ratio:4/3.2;max-width:100%}
.phead .pic img,.phead .pic video{width:100%;height:100%;object-fit:cover;display:block}
.phead .pic-video{background:#002244;aspect-ratio:5/4}
.phead.simple .grid{grid-template-columns:minmax(0,1fr)}
@media (max-width:880px){.phead .grid{grid-template-columns:minmax(0,1fr)}}
.crumbs{display:flex;flex-wrap:wrap;gap:6px 10px;list-style:none;margin:0 0 28px;padding:0;font-family:var(--f-mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--fog)}
.crumbs a{text-decoration:none}.crumbs a:hover{color:#fff}
.crumbs li+li::before{content:"/";margin-right:10px;opacity:.5}

/* ---------- Intro mit Bildern ---------- */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);align-items:center}
.split h2{font-size:clamp(34px,4.4vw,64px);margin-bottom:22px}
.split p{margin:0 0 16px;max-width:58ch}
.light .split p{color:var(--sec-muted)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.duo img{width:100%;border-radius:18px;display:block;object-fit:cover;aspect-ratio:4/5}
.duo img:last-child{margin-top:48px}
@media (max-width:880px){.split{grid-template-columns:minmax(0,1fr)}}

/* ---------- Lösungszeilen (Startseite) ---------- */
.srv .ex{display:block;margin-top:10px;font-family:var(--f-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;opacity:.75}

/* ---------- Prozess-Schritte (Lösungen) ---------- */
.proc{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;list-style:none;margin:0;padding:0;counter-reset:p}
.proc>li{counter-increment:p;background:#fff;border-radius:18px;padding:24px;display:grid;gap:10px;align-content:start;box-shadow:0 1px 2px rgba(0,34,68,.06)}
.proc>li::before{content:"Schritt " counter(p);font-family:var(--f-mono);font-size:12px;color:var(--accent);letter-spacing:.05em;text-transform:uppercase}
.proc h3{margin:0;font-size:21px;line-height:1.2}
.proc p{margin:0;color:var(--sec-muted);font-size:15.5px}
.proc ul{margin:4px 0 0;padding-left:18px;color:var(--sec-muted);font-size:14.5px;display:grid;gap:4px}
.phases{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.phase{border:1px solid var(--line);border-radius:18px;padding:24px}
.phase h3{margin:0 0 8px;font-size:22px}
.phase p{margin:0 0 14px;color:var(--soft);font-size:15.5px}
.chips-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.chips-list li{font-family:var(--f-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:4px 10px;color:var(--soft)}
.light .chips-list li{border-color:var(--sec-line);color:var(--sec-muted)}

/* ---------- Leistungskarten ---------- */
.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.svc{background:var(--ink-2);border:1px solid var(--line);border-radius:18px;padding:24px;display:grid;gap:10px;align-content:start;text-decoration:none;transition:border-color .25s,transform .3s var(--ease);scroll-margin-top:110px}
a.svc:hover{border-color:var(--accent);transform:translateY(-3px)}
.svc h3{margin:0;font-size:21px}
.svc p{margin:0;color:var(--soft);font-size:15.5px}
.svc .more{font-weight:700;font-size:14px;color:var(--accent)}
.light .svc{background:#fff;border-color:transparent;box-shadow:0 1px 2px rgba(0,34,68,.06)}
.light .svc p{color:var(--sec-muted)}
.svc-group{margin-bottom:clamp(40px,6vw,72px)}
.svc-group>h2{font-size:clamp(28px,3vw,40px);margin:0 0 20px}
.svc .in{font-size:13px;color:var(--fog)}
.svc .in a{color:var(--soft)}

/* ---------- Case-Karten mit Link ---------- */
a.work{text-decoration:none;color:inherit}
a.work:hover h3{color:var(--accent)}
.work .go-case{font-weight:700;font-size:14px;color:var(--sec-ink);border-bottom:2px solid var(--accent);justify-self:start;padding-bottom:2px}
a.mini{text-decoration:none;color:inherit}
.filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.filter button{font:inherit;font-size:14px;font-weight:700;padding:9px 16px;border-radius:999px;border:1.5px solid var(--sec-line);background:transparent;color:var(--sec-ink);cursor:pointer}
.filter button[aria-pressed="true"]{background:var(--sec-ink);color:#fff;border-color:var(--sec-ink)}
.case-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(20px,2.4vw,32px) clamp(12px,1.6vw,20px)}
.ccard{display:grid;gap:12px;text-decoration:none;color:inherit;align-content:start}
.ccard[hidden]{display:none}
.ccard figure{margin:0;border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:#cfd5df}
.ccard img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease)}
.ccard:hover img{transform:scale(1.05)}
.ccard h3{margin:0;font-size:20px;font-weight:800}
.ccard p{margin:0;color:var(--sec-muted);font-size:15px}
.ccard .cat{font-family:var(--f-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--sec-muted)}

/* ---------- Case-Detail ---------- */
.case-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(24px,5vw,80px);align-items:start}
.case-body h2{font-size:clamp(26px,2.6vw,36px);margin:0;position:sticky;top:110px}
.case-body .txt p{margin:0 0 16px;max-width:64ch}
.case-body+.case-body{margin-top:clamp(40px,6vw,72px);padding-top:clamp(40px,6vw,72px);border-top:1px solid var(--sec-line)}
@media (max-width:820px){.case-body{grid-template-columns:minmax(0,1fr)}.case-body h2{position:static}}
.facts{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:22px;font-size:14px;color:var(--fog)}
.facts b{display:block;color:#fff;font-size:15px}
.big-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.big-kpis .k{background:var(--ink-2);border:1px solid var(--line);border-radius:18px;padding:26px}
.big-kpis b{display:block;font-family:var(--f-display);font-weight:900;font-size:clamp(44px,5vw,72px);letter-spacing:-.03em;line-height:1;color:var(--accent);margin-bottom:10px}
.big-kpis span{color:var(--soft)}

/* ---------- Testimonials ---------- */
.quotes{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.quote{margin:0;background:#fff;border-radius:18px;padding:26px;display:grid;gap:18px;align-content:space-between;box-shadow:0 1px 2px rgba(0,34,68,.06)}
.quote blockquote{margin:0;font-size:17px;line-height:1.5;font-weight:600}
.quote blockquote::before{content:"„";display:block;font-family:var(--f-display);font-weight:900;font-size:56px;line-height:.6;color:var(--accent);margin-bottom:10px}
.quote figcaption{font-size:14px;color:var(--sec-muted)}
.quote figcaption b{display:block;color:var(--sec-ink);font-size:15px}

/* ---------- Mehrstufiges Kontaktformular ---------- */
.contact-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:start;position:relative;z-index:3}
@media (max-width:900px){.contact-grid{grid-template-columns:minmax(0,1fr)}}
.cform{padding:clamp(22px,3vw,34px);display:grid;gap:18px}
.cform .bar{height:4px;border-radius:2px;background:var(--line);overflow:hidden}
.cform .bar i{display:block;height:100%;width:25%;background:var(--accent);transition:width .4s var(--ease)}
.cform .stepno{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--fog)}
.cform fieldset{border:0;margin:0;padding:0;display:grid;gap:16px;min-width:0}
.cform fieldset[hidden]{display:none}
.cform legend{font-weight:800;font-size:clamp(22px,2.2vw,28px);line-height:1.2;padding:0;margin-bottom:6px}
.cform .hint{margin:0;color:var(--fog);font-size:15px}
.cform select{width:100%;background:rgba(0,16,34,.45);border:1px solid var(--line);border-radius:12px;color:var(--paper);padding:13px 14px;font:inherit;font-size:16px}
.cform .nav-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.cform .back{background:none;border:0;color:var(--soft);font:inherit;font-size:15px;cursor:pointer;padding:10px 0}
.cform .back[hidden]{display:none}
.cform .err{color:#ff8fb8;font-size:14px;margin:0}
.aside-card{padding:clamp(22px,3vw,30px);display:grid;gap:20px}
.aside-card h3,.aside-card h2.h3{margin:0;font-size:20px;line-height:1.2;font-weight:800;text-transform:none;letter-spacing:0;font-family:var(--f-body)}
.aside-card .q{margin:0;font-size:17px;line-height:1.5;font-weight:600}
.aside-card .who{font-size:14px;color:var(--fog)}
.aside-card .who b{color:#fff;display:block}
.aside-card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:15px}
.aside-card dt{color:var(--fog)}
.aside-card dd{margin:0;user-select:all}

/* ---------- Timeline ---------- */
.timeline{list-style:none;margin:0;padding:0;display:grid;gap:0;border-left:2px solid var(--line);margin-left:8px}
.timeline li{position:relative;padding:0 0 38px 34px}
.timeline li::before{content:"";position:absolute;left:-9px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--primary)}
.timeline .y{font-family:var(--f-display);font-weight:900;font-size:clamp(30px,3vw,44px);letter-spacing:-.02em;line-height:1}
.timeline h3{margin:8px 0 6px;font-size:20px}
.timeline p{margin:0;color:var(--soft);max-width:62ch}

/* ---------- Stats-Band ---------- */
.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:36px}
.stats-row div{border-top:2px solid var(--accent);padding-top:14px}
.stats-row b{display:block;font-family:var(--f-display);font-weight:900;font-size:clamp(38px,4vw,60px);letter-spacing:-.03em;line-height:1}
.stats-row span{color:var(--soft);font-size:15px}
.light .stats-row span{color:var(--sec-muted)}

/* ---------- Jobs ---------- */
.jobs{list-style:none;margin:0;padding:0;border-top:1px solid var(--sec-line)}
.jobs li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.6fr) auto;gap:18px 32px;align-items:center;padding:26px 0;border-bottom:1px solid var(--sec-line)}
.jobs h3{margin:0 0 6px;font-size:22px}
.jobs .meta{display:flex;flex-wrap:wrap;gap:6px}
.jobs .meta span{font-family:var(--f-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--sec-line);border-radius:999px;padding:3px 9px;color:var(--sec-muted)}
.jobs p{margin:0;color:var(--sec-muted)}
@media (max-width:820px){.jobs li{grid-template-columns:minmax(0,1fr)}}

/* ---------- Kacheln (Outro, Blog) ---------- */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.tile{display:grid;gap:8px;padding:24px;border-radius:18px;background:var(--ink-2);border:1px solid var(--line);text-decoration:none;transition:border-color .25s,transform .3s var(--ease)}
.tile:hover{border-color:var(--accent);transform:translateY(-3px)}
.tile h3{margin:0;font-size:20px}
.tile p{margin:0;color:var(--soft);font-size:15px}
.tile .cat{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.light .tile{background:#fff;border-color:transparent;box-shadow:0 1px 2px rgba(0,34,68,.06)}
.light .tile p{color:var(--sec-muted)}

/* ---------- CTA-Abschluss jeder Unterseite ---------- */
.cta-end{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:32px;align-items:center}
.cta-end h2{font-size:clamp(34px,4.6vw,72px)}
.cta-end .q{margin:0;font-size:16px;color:var(--soft)}
.cta-end .q b{display:block;color:#fff;margin-top:8px;font-size:14px}
@media (max-width:820px){.cta-end{grid-template-columns:minmax(0,1fr)}}

/* ---------- Footer, mehrspaltig ---------- */
.site-foot{position:relative;z-index:4;background:#001a35;border-top:1px solid var(--line);padding-block:clamp(56px,7vw,90px) calc(28px + env(safe-area-inset-bottom,0px))}
.site-foot .cols{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px}
.site-foot h4,.site-foot h2.fh{margin:0 0 14px;font-family:var(--f-mono);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--fog)}
.site-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.site-foot a{text-decoration:none;color:var(--soft)}
.site-foot a:hover{color:#fff}
.site-foot address{font-style:normal;color:var(--soft);line-height:1.7;margin-top:16px}
.site-foot address span{user-select:all}
.site-foot .bottom{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);color:var(--fog);font-size:14px}
.site-foot .bottom nav{display:flex;gap:20px}
@media (max-width:820px){.site-foot .cols{grid-template-columns:1fr 1fr}.site-foot .cols>div:first-child{grid-column:1/-1}}

.note{font-size:13px;color:var(--fog);margin:14px 0 0}
.light .note{color:var(--sec-muted)}

/* Alte Nav-Regeln (.nav ul, .nav ul a) für die Dropdowns neutralisieren */
.nav .dd-panel ul{display:grid;gap:2px}
.nav .dd-panel a{color:var(--sec-ink);font-size:15px}
.nav .dd-panel a:hover{color:var(--sec-ink)}
.nav .dd-panel .link-arrow{font-size:14px}

/* ---------- Scroll-Film (Case Bamboo Gravel) ---------- */
.scrub{position:relative;z-index:4;height:560vh;background:var(--ink)}
.scrub-stick{position:sticky;top:0;height:100svh;display:grid;place-items:center;align-content:center;gap:18px;padding-inline:var(--gutter)}
.scrub-frame{position:relative;width:min(1180px,100%);aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#000;box-shadow:0 40px 90px rgba(0,0,0,.45);transition:filter .6s}
.scrub-frame canvas,.scrub-frame .scrub-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.scrub.ready .scrub-poster{display:none}
.scrub-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;margin:0;padding:0}
.scrub-steps li{font-family:var(--f-mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;padding:6px 12px;border-radius:999px;border:1px solid var(--line);color:var(--fog);transition:all .3s}
.scrub-steps li.on{background:var(--accent);border-color:var(--accent);color:#fff}
.scrub-hint{color:var(--fog);font-size:12px;margin:0;transition:opacity .4s}
.rider{position:fixed;left:0;top:0;z-index:15;pointer-events:none;opacity:0;will-change:transform;filter:drop-shadow(0 18px 18px rgba(0,0,0,.35))}
@media (prefers-reduced-motion:reduce){.scrub{height:auto}.scrub-stick{position:relative;height:auto;padding-block:40px}.rider{display:none}}

/* ============ Reporting-Scroll-Spot (Digital Sales): Szenen fahren mit dem Scrollen ============ */
.rp{position:relative;z-index:4;background:var(--ink-2);height:640vh}
.rp-stick{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:84px var(--gutter) 18px}
.rp-top .kicker{margin:0;text-align:center}
.rp-view{position:relative;width:min(1180px,100%,calc((100svh - 210px)*16/9));aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:var(--primary);border:1.5px solid var(--line);box-shadow:0 40px 90px rgba(0,0,0,.45)}
.rp-view.m{aspect-ratio:3/4;width:min(100%,calc((100svh - 210px)*3/4))}
.rp-canvas{position:absolute;left:0;top:0;width:1280px;height:720px;transform-origin:0 0;font-family:var(--f-display);color:#fff;overflow:hidden;background:var(--primary)}
.rp-canvas.m{width:600px;height:800px}
.rp-bg,.rp-bg i{position:absolute;inset:0}
.rp-glow{background:radial-gradient(ellipse 55% 50% at var(--gx,30%) var(--gy,70%),rgba(255,255,255,.16),rgba(0,34,68,0) 70%),linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.5))}
.rp-glow2{background:radial-gradient(ellipse 55% 50% at 50% 62%,rgba(245,0,105,.34),rgba(0,34,68,0) 70%);opacity:var(--pk,0)}
.rp-grid{display:none}
.rp-sc{position:absolute;inset:0;visibility:hidden}
.rp-k{font-family:var(--f-mono);font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--fog);line-height:1.3}
.rp-rise{overflow:hidden;padding-bottom:.06em;line-height:.92}
.rp-rise span{display:block;font-weight:900;text-transform:uppercase;letter-spacing:-.025em;line-height:.92;font-size:var(--fs)}
.rp-card{background:rgba(255,255,255,.06);border:1.5px solid var(--line);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.rp-tag,.rp-pill{font-family:var(--f-mono);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px;border:1.5px solid var(--line);white-space:nowrap;text-decoration:none;display:inline-block}
.rp-pill.solid{background:var(--accent);border-color:var(--accent)}
/* 1 Hook */
.rp-s1{padding:0 80px;display:flex;flex-direction:column;justify-content:center;--fs:113px}
.rp-s1 .rp-k{margin-bottom:26px}
/* 2 Chaos */
.rp-s2k{position:absolute;top:60px;left:0;right:0;text-align:center}
.rp-file{position:absolute;left:50%;top:50%;width:253px;height:160px;margin:-80px 0 0 -126px;padding:18px;box-sizing:border-box}
.rp-file .rp-k{font-size:11px}
.rp-file b{display:block;font-family:var(--f-mono);font-size:15px;font-weight:500;margin-top:7px}
.rp-cells{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:15px}
.rp-cells i{height:15px;border-radius:3px;background:rgba(255,255,255,.08)}
.rp-cells i:nth-child(-n+5){background:rgba(255,255,255,.22)}
/* 3 Dashboard */
.rp-bar3{position:absolute;top:36px;left:80px;right:80px;display:flex;justify-content:space-between;align-items:center}
.rp-live{display:flex;align-items:center;gap:10px}
.rp-live i{width:9px;height:9px;border-radius:99px;background:var(--accent);animation:rppulse 1.4s infinite}
@keyframes rppulse{50%{opacity:.35}}
.rp-h1{position:absolute;top:75px;left:80px;right:80px;--fs:56px}
.rp-h1a,.rp-h1b{position:absolute;left:0;right:0;top:0}
.rp-h1b span{font-weight:900;font-size:var(--fs);text-transform:uppercase;letter-spacing:-.025em;line-height:.92;display:block}
.rp-h1b em{font-style:normal;color:var(--fog)}
.rp-kpis{position:absolute;top:167px;left:80px;right:80px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rp-kpi{padding:18px 22px}
.rp-kpi .rp-k{font-size:12px}
.rp-val{font-weight:900;font-size:43px;margin-top:8px;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.1}
.rp-val.hot{color:var(--accent)}
.rp-table{position:absolute;top:307px;left:80px;right:80px;overflow:hidden}
.rp-th,.rp-row{display:grid;grid-template-columns:2.2fr 1.3fr 1fr 1.3fr 2.4fr 1.5fr;align-items:center;padding:0 24px;position:relative}
.rp-th{height:48px}
.rp-th .rp-k{font-size:11px}
.rp-row{height:64px;border-top:1.5px solid var(--line)}
.rp-row b{font-weight:700;font-size:20px}
.rp-row span{font-family:var(--f-mono);font-size:18px;font-variant-numeric:tabular-nums}
.rp-row strong{font-weight:900;font-size:23px;font-variant-numeric:tabular-nums}
.rp-row.best::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent);opacity:var(--j,0)}
.rp-row .bar{display:block;height:10px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;margin-right:27px}
.rp-row .bar i{display:block;height:100%;width:0;border-radius:99px;background:rgba(255,255,255,.7)}
.rp-row.best .bar i{background:var(--accent)}
.rp-row .rp-pill{font-size:11px;padding:5px 11px}
/* 4 Phone */
.rp-s4t{position:absolute;left:80px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;--fs:72px}
.rp-s4t .rp-k{margin-bottom:24px}
.rp-phone{position:absolute;right:87px;top:60px;width:293px;height:600px;box-sizing:border-box;border-radius:50px;border:3px solid rgba(255,255,255,.35);background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.8));overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5);font-size:16px}
.rp-isle{position:absolute;top:12px;left:50%;margin-left:-41px;width:82px;height:23px;border-radius:99px;background:#000}
.rp-time{text-align:center;margin-top:64px;font-weight:700;font-size:75px;letter-spacing:-.03em}
.rp-notifs{padding:40px 15px 0}
.rp-notif{background:rgba(255,255,255,.94);color:var(--primary);border-radius:19px;padding:14px 17px;margin-bottom:12px;box-shadow:0 12px 26px rgba(0,0,0,.35);opacity:0}
.rp-notif .rp-k{color:rgba(0,34,68,.6);font-size:.62em;display:flex;justify-content:space-between}
.rp-notif .h4{margin:5px 0 0;font-weight:900;font-size:1.2em;line-height:1.2}
.rp-notif p{margin:3px 0 0;font-size:.9em;line-height:1.25}
/* 5 Finale */
.rp-s5{padding:0 80px;display:flex;flex-direction:column;justify-content:center;--fs:140px}
.rp-logo{position:absolute;top:46px;left:80px;width:173px;height:auto}
.rp-xl{position:relative;align-self:flex-start}
.rp-strike{position:absolute;left:-6px;top:52%;height:9px;width:0;background:#fff;border-radius:99px}
.rp-ctaRow{display:flex;align-items:center;gap:24px;margin-top:38px;flex-wrap:wrap}
.rp-cta{display:inline-block;background:var(--accent);color:#fff;font-weight:700;font-size:24px;padding:17px 34px;border-radius:999px;text-decoration:none;box-shadow:0 14px 40px rgba(245,0,105,.45)}
.rp-steps{margin:0}
.rp-hint{margin:0}
.rp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* mobil: Hochformat 600×800 */
.rp-canvas.m .rp-s1{padding:0 32px;--fs:52px}
.rp-canvas.m .rp-s2k{top:60px}
.rp-canvas.m .rp-file{width:240px;height:150px;margin:-75px 0 0 -120px}
.rp-canvas.m .rp-bar3{top:26px;left:28px;right:28px}
.rp-canvas.m .rp-h1{top:66px;left:28px;right:28px;--fs:36px}
.rp-canvas.m .rp-kpis{top:176px;left:28px;right:28px;grid-template-columns:1fr 1fr;gap:12px}
.rp-canvas.m .rp-kpi{padding:14px 18px}
.rp-canvas.m .rp-val{font-size:32px}
.rp-canvas.m .rp-table{top:404px;left:28px;right:28px}
.rp-canvas.m .rp-th,.rp-canvas.m .rp-row{grid-template-columns:1.7fr 1.1fr 1.3fr 1.5fr;padding:0 16px}
.rp-canvas.m .c-spend,.rp-canvas.m .c-leads{display:none}
.rp-canvas.m .rp-row b{font-size:16px}
.rp-canvas.m .rp-row strong{font-size:18px}
.rp-canvas.m .rp-row .bar{margin-right:14px}
.rp-canvas.m .rp-row .rp-pill{font-size:10px;padding:4px 8px}
.rp-canvas.m .rp-s4t{left:32px;right:32px;top:44px;bottom:auto;display:block;--fs:44px}
.rp-canvas.m .rp-phone{right:auto;left:50%;margin-left:-125px;top:318px;width:250px;height:520px;border-radius:40px;font-size:13px}
.rp-canvas.m .rp-time{font-size:56px;margin-top:50px}
.rp-canvas.m .rp-notifs{padding-top:26px}
.rp-canvas.m .rp-s5{padding:0 32px;--fs:100px}
.rp-canvas.m .rp-logo{left:32px;top:40px;width:150px}
.rp-canvas.m .rp-cta{font-size:20px;padding:15px 28px}
@media (prefers-reduced-motion:reduce){.rp{height:auto}.rp-stick{position:relative;height:auto;padding-block:84px 40px}.rp-hint{display:none}}

@media (max-width:700px){.rp-steps{flex-wrap:nowrap;gap:6px}.rp-steps li span{display:none}.rp-steps li{min-width:34px;text-align:center}.rp-steps li.on span{display:inline}}

/* ===== Startseite neu (Sitemap 06.10.2026) ===== */
/* 2 Your Creative … */
.creative{background:#fff;color:var(--sec-ink);min-height:100svh;display:flex;align-items:center}
.creative-in{width:100%;padding-block:clamp(72px,10vw,140px)}
.creative .display{font-size:clamp(20px,4.3vw,120px);line-height:.95;white-space:nowrap}
.creative .fix{color:var(--sec-muted)}
.creative .cw{display:inline-grid;vertical-align:top}
/* Hintergrund-Szenen – komplett scroll-gesteuert (site.js initCreative). Mitte (Headline) bleibt per Maske frei, --mk öffnet sie bei Powerhouse */
.creative{position:relative;overflow:hidden}
.creative-in{position:relative;z-index:1}
.cr-stage{position:absolute;inset:0;pointer-events:none;--ct:44%;--cb:62%;--mk:0;
  -webkit-mask-image:linear-gradient(180deg,#000 calc(var(--ct) - 7%),rgba(0,0,0,var(--mk)) var(--ct),rgba(0,0,0,var(--mk)) var(--cb),#000 calc(var(--cb) + 7%));
          mask-image:linear-gradient(180deg,#000 calc(var(--ct) - 7%),rgba(0,0,0,var(--mk)) var(--ct),rgba(0,0,0,var(--mk)) var(--cb),#000 calc(var(--cb) + 7%))}
.cr-scene{position:absolute;inset:0;opacity:0}
.cr-scene i{font-style:normal}
/* 0 Collage „Director“ */
.cr-work i{position:absolute;display:block;border-radius:12px;overflow:hidden;background:var(--primary);box-shadow:0 12px 30px rgba(0,34,68,.18);opacity:0}
.cr-work img,.cr-work video{width:100%;height:100%;object-fit:cover;display:block}
/* 1 Kalender „Ad-Buyer“ */
.cr-cal{display:grid;grid-template-rows:auto auto 1fr;padding:clamp(70px,8vh,110px) clamp(16px,4vw,64px) 32px;gap:8px}
.cal-head{font-family:var(--f-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--sec-muted)}
.cal-head b{color:var(--primary)}
.cal-days,.cal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.cal-days span{font-family:var(--f-mono);font-size:12px;color:var(--sec-muted);padding:0 4px 6px;border-bottom:1.5px solid var(--sec-line)}
.cal-grid{grid-template-rows:repeat(9,1fr);background:repeating-linear-gradient(180deg,transparent 0 calc(100%/9 - 1px),#E8EBF1 calc(100%/9 - 1px) calc(100%/9))}
.cal-grid i{margin:3px 0;border-radius:8px;background:#E8EBF1;border-left:4px solid var(--primary);padding:6px 10px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;opacity:0;color:var(--primary);line-height:1.15}
.cal-grid i b{font-size:clamp(11px,.9vw,14px);font-weight:800;white-space:nowrap}
.cal-grid i small{font-family:var(--f-mono);font-size:11px;opacity:.7;white-space:nowrap}
.cal-grid i:nth-child(4n+1){background:var(--primary);color:#fff}
/* 2 Bewerbungen „Partner“ – durcheinander */
.cr-msg i{position:absolute;display:flex;gap:10px;align-items:center;padding:10px 14px 10px 10px;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(0,34,68,.14),0 0 0 1px rgba(0,34,68,.06);opacity:0;width:min(270px,21vw)}
.cr-msg .ic{flex:none;width:34px;height:34px;border-radius:10px;background:var(--primary);color:#fff;display:grid;place-items:center}
.cr-msg .ic svg{width:18px;height:18px}
.cr-msg b{display:block;font-size:14px;font-weight:800;color:var(--primary)}
.cr-msg small{display:block;font-size:12px;color:var(--sec-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-msg span:last-child{min-width:0}
/* 3 Code „Content-Maschine“ – eine Spalte; 4 „Powerhouse“ saugt jeden Buchstaben einzeln ein */
.cr-code{display:flex;justify-content:center;padding:clamp(76px,9vh,110px) clamp(16px,4vw,64px) 0}
.cr-code pre{margin:0;font-family:var(--f-mono);font-size:clamp(11px,1.05vw,16px);line-height:1.7;color:#8A97AB;display:flex;flex-direction:column}
.cr-code i{display:block;width:fit-content;white-space:pre;clip-path:inset(0 100% 0 0)}
.cr-code i:nth-child(5n+2){color:var(--primary)}
.cr-code i span{display:inline-block;white-space:pre}
.creative .cw .w.pink{color:var(--accent)}
@media (max-width:720px){.cr-work i:nth-child(3n){display:none}.cr-msg i{width:44vw}.cr-msg i.c1{display:none}.cr-msg i.c2{left:52%!important}.cr-cal{padding-top:80px}.cal-grid i small{display:none}}

.creative .cw .w{grid-area:1/1;opacity:0;transform:translateY(.35em);transition:opacity .35s,transform .5s var(--ease)}
.creative .cw .w.on{opacity:1;transform:none}
.creative .cw .w.gone{transform:translateY(-.35em)}
.creative .cw .w:first-child:not(.gone){opacity:1;transform:none}
.creative .cw.js .w:first-child:not(.on){opacity:0}

/* 3 Leistungen als Karten (kompakt: alle sechs auf einen Bildschirm) */
.compact.sec{padding-block:clamp(56px,7vw,96px)}
.compact .sec-head{margin-bottom:28px}
.compact .sec-head h2{font-size:clamp(32px,4vw,64px)}
.scards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}  /* volle Breite: 3 oben, 2 unten exakt mittig */
.scard{grid-column:span 2}
.scard:nth-child(4){grid-column:2 / span 2}
.scard{display:flex;flex-direction:column;background:#fff;color:var(--sec-ink);border-radius:18px;overflow:hidden;text-decoration:none;transition:transform .35s var(--ease),box-shadow .35s}
.scard:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(0,0,0,.28)}
.scard figure{margin:0;height:clamp(96px,13svh,150px);overflow:hidden}
@media (max-width:980px){.scard figure{height:auto;aspect-ratio:2/1}}
.scard img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.scard:hover img{transform:scale(1.04)}
.scard-body{display:flex;flex-direction:column;gap:5px;padding:12px 16px 14px;flex:1}
.scard .mono{color:var(--sec-muted);font-size:10px}
.scard h3{margin:0;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(16px,1.2vw,19px);line-height:1}
.scard p{margin:0;color:var(--sec-muted);font-size:12.5px;line-height:1.45}
.scard p.claim{color:var(--sec-ink);font-weight:700;font-size:13px}
.scard .chips-list{margin-top:2px;gap:4px}
.scard .chips-list li{border-color:var(--sec-line);color:var(--sec-muted);font-size:9.5px;padding:2px 7px}
.scard .more{margin-top:auto;padding-top:4px;font-weight:700;font-size:13px;color:var(--accent)}
@media (max-width:980px){.scards{grid-template-columns:repeat(2,minmax(0,1fr))}.scard,.scard:nth-child(4){grid-column:auto}}
@media (max-width:560px){.scards{grid-template-columns:minmax(0,1fr)}}

/* 4 How we work – Querformat, alles in einer Bildschirmhöhe */
.fit-screen{min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.how-head{margin-bottom:clamp(24px,3vw,40px);max-width:820px}
.how-head h2{font-size:clamp(32px,4vw,64px);margin:0}
.how-head p{margin:10px 0 0;color:var(--sec-muted);font-size:clamp(16px,1.25vw,19px);max-width:52ch}
.how{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(20px,3vw,48px);row-gap:32px}
.how-col{display:flex;flex-direction:column;gap:18px}
.how-txt h3{margin:0 0 6px;font-weight:900;letter-spacing:-.01em;font-size:clamp(18px,1.5vw,24px);line-height:1.15}  /* Claims normal geschrieben, nicht in Caps */
.how-txt .how-sub{display:block;margin-top:4px;text-transform:none;letter-spacing:0;font-weight:700;font-size:.82em;color:var(--sec-ink)}
.how-txt p{margin:0 0 10px;color:var(--sec-muted);max-width:46ch;font-size:15px}
.how-link{font-weight:800;font-size:15px;color:var(--primary);text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:2px}
.how-link span{display:inline-block;transition:transform .25s var(--ease)}
.how-link:hover span{transform:translateX(4px)}
.how-vid{position:relative;margin:0;aspect-ratio:16/9;max-height:48svh;width:100%;border-radius:24px;overflow:hidden;background:var(--primary)}
.how-vid img,.how-vid video{width:100%;height:100%;object-fit:cover;display:block}
/* Schriftzug direkt auf dem Video, verblasst beim Hovern (und sobald die CTA-Pille im Showreel erscheint) */
.how-vid::after{content:"";position:absolute;inset:0;background:rgba(0,34,68,.72);pointer-events:none;transition:opacity .45s ease}
.how-over{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:0 6%;text-align:center;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:.9;font-size:clamp(32px,5.2vw,88px);text-shadow:0 2px 24px rgba(0,34,68,.35);pointer-events:none;transition:opacity .45s ease}
.how-vid:hover .how-over,.how-vid:hover::after,.how-vid:focus-within .how-over,.how-vid:focus-within::after,.how-vid.is-cta .how-over,.how-vid.is-cta::after{opacity:0}
/* pinker Mittelfinger schräg über dem „AI“ */
.how-lab{display:flex;flex-direction:column;align-items:center}   /* immer zwei Zeilen, „AI“ unten – beide Karten gleich hoch */
.how-lab>span{display:block;white-space:nowrap}
.how-lab .l2{position:relative}
.how-lab .mf{position:absolute;left:calc(100% + .04em);top:-.92em;height:1.5em;width:auto;transform:rotate(14deg);transform-origin:50% 100%;filter:drop-shadow(0 6px 14px rgba(0,0,0,.28))}
/* Showreel-Einbettung */
.bg-showreel video{position:absolute;inset:0}
.bg-showreel__cta{position:absolute;z-index:3;left:36.98%;top:63.89%;width:26.04%;height:10.56%;border-radius:999px;display:block;color:transparent;font-size:0;text-decoration:none;opacity:0;pointer-events:none;transition:opacity .2s,box-shadow .2s,transform .2s}
.bg-showreel.is-cta .bg-showreel__cta{opacity:1;pointer-events:auto}
.bg-showreel__cta:hover{box-shadow:0 0 0 4px rgba(245,0,105,.35);transform:scale(1.02)}
.bg-showreel__cta:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.bg-showreel__replay{position:absolute;z-index:3;right:12px;top:12px;border:0;border-radius:50%;width:36px;height:36px;padding:0;background:rgba(0,34,68,.6);color:#fff;font:700 18px/36px var(--f-body);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s}
.bg-showreel.is-ended .bg-showreel__replay{opacity:1;pointer-events:auto}
@media (prefers-reduced-motion:reduce){.how-over,.how-vid::after,.bg-showreel__cta{transition:none}}
.ph{position:absolute;z-index:3;left:16px;bottom:16px;background:rgba(0,34,68,.82);color:#fff;padding:6px 10px;border-radius:6px}
@media (max-width:720px){.how{grid-template-columns:minmax(0,1fr);row-gap:44px}.fit-screen{min-height:0}}

/* 5 Cases im Streaming-Look */
.nflix{background:#00152b;padding-bottom:clamp(72px,10vw,120px)}
.billboard{position:relative;min-height:max(100svh,560px);display:flex;align-items:center;overflow:hidden;padding-top:72px}  /* füllt nach dem Intro genau den Bildschirm, Inhalt mittig unter der Navigation */
.billboard>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.billboard::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,21,43,.92) 0%,rgba(0,21,43,.4) 55%,rgba(0,21,43,0) 100%),linear-gradient(0deg,#00152b 0%,rgba(0,21,43,0) 40%)}
.bb-in{position:relative;z-index:1;padding-block:clamp(24px,4svh,56px);max-width:none}
.bb-badge{display:inline-block;color:var(--soft);margin-bottom:14px}
.billboard h2{font-size:min(8vw,128px,15svh);line-height:.9;margin:0}
.billboard p{color:var(--soft);max-width:48ch;margin:18px 0 24px}
/* Subslogan im Thumbnail-Stil: fett, groß, Pointe auf schräg geklebtem pinkem Balken */
.billboard .bb-punch{color:#fff;max-width:none;margin:clamp(18px,3svh,32px) 0 clamp(30px,5svh,48px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1.05;font-size:min(38px,4.5vw,5.2svh);text-shadow:0 4px 24px rgba(0,0,0,.45)}
.billboard .bb-punch span{display:block;white-space:nowrap}
.billboard .bb-punch mark{display:inline-block;white-space:nowrap;margin-top:.4em;padding:.08em .32em .12em;background:var(--accent);color:#fff;transform:rotate(-2.5deg);box-shadow:0 10px 30px rgba(245,0,105,.45),6px 6px 0 #00152b;text-shadow:none}
.nrows{display:grid;gap:clamp(32px,4vw,48px);margin-top:8px}
.nrow-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.nrow-head h3{margin:0;font-size:clamp(18px,1.6vw,22px);font-weight:800}
.nrow-nav{display:flex;gap:8px}
.nrow-nav button{width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;font-size:18px;cursor:pointer}
.nrow-nav button:hover{background:rgba(255,255,255,.22)}
.ntrack{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(150px,16vw,230px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 0 4px;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}
.ntrack::-webkit-scrollbar{display:none}
.np{scroll-snap-align:start;text-decoration:none;color:#fff;display:block}
.np figure{position:relative;margin:0;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:#0a2440;transition:transform .35s var(--ease),box-shadow .35s}
.np:hover figure,.np:focus-visible figure{transform:scale(1.04);box-shadow:0 16px 36px rgba(0,0,0,.5)}
.np img{width:100%;height:100%;object-fit:cover;display:block}
.np figcaption{position:absolute;inset:auto 0 0 0;padding:40px 12px 12px;background:linear-gradient(0deg,rgba(0,10,22,.92),rgba(0,10,22,0));font-weight:900;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(15px,1.3vw,19px);line-height:1}
.np-blog figcaption{font-size:clamp(16px,1.45vw,21px);line-height:1.02;padding-top:70px;text-wrap:balance}
.np-blog img{filter:saturate(.8) brightness(.85)}
.np-tag{position:absolute;top:10px;left:10px;padding:5px 9px;border-radius:999px;background:rgba(0,21,43,.78);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);color:#fff;font-size:11px;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(6px)}
.np-meta{display:block;margin-top:10px;font-size:13px;color:var(--fog);line-height:1.35}
.np-meta b{color:var(--accent);font-weight:900}
.ntrack:has(.ranked){grid-auto-columns:clamp(200px,22vw,310px)}
.np.ranked{display:grid;grid-template-columns:42% 58%;align-items:end}
.np.ranked .np-meta{grid-column:2}
.rank{font-weight:900;font-size:clamp(110px,11vw,190px);line-height:.78;letter-spacing:-.06em;color:#00152b;-webkit-text-stroke:2px rgba(255,255,255,.55);text-align:right;margin-right:-10px;z-index:1;position:relative;align-self:end;margin-bottom:34px}

/* 6 Ohne / mit Bagaluten */
.cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,32px)}
.cmp-side{margin:0}
.cmp-frame{position:relative;aspect-ratio:4/3;border-radius:28px;overflow:hidden}
.cmp-side.off .cmp-frame{background:var(--secondary)}
.cmp-stage{padding-top:clamp(72px,9svh,96px)}
.cmp-cap{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-weight:800;font-size:clamp(16px,1.25vw,19px);color:var(--sec-ink)}
.cmp-ic{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:13px;font-weight:900;background:var(--secondary);color:var(--sec-muted)}
.cmp-side.on .cmp-ic{background:var(--accent);color:#fff}
.cmp-side.off .cmp-cap{color:var(--sec-muted)}
.cmp-cta{margin-top:clamp(20px,3svh,32px)}
.cmp-side.on .cmp-frame{background:var(--primary)}
.cmp{max-width:calc((100svh - 400px) * 8 / 3 + clamp(16px,2.4vw,32px))}
.cmp-svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible;
  --tx:var(--primary);--mut:rgba(0,34,68,.55);--ln:rgba(0,34,68,.3);--box:#fff;--bst:rgba(0,34,68,.14);--dot:rgba(0,34,68,.6)}
.on .cmp-svg{--tx:#fff;--mut:rgba(255,255,255,.62);--ln:rgba(255,255,255,.22);--box:#0C2C4E;--bst:rgba(255,255,255,.18);--dot:var(--accent)}
.cmp-svg text{font-family:var(--f-body);fill:var(--tx)}
.cmp-svg .c-lbl{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;fill:var(--mut)}
.cmp-svg .c-big{font-weight:900;font-size:26px;letter-spacing:-.02em;text-transform:uppercase}
.cmp-svg .c-up{fill:var(--accent)}
.cmp-svg .c-src{fill:var(--tx)}
.cmp-svg .c-path{fill:none;stroke:var(--ln);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:1 1}
.cmp-svg .c-path.leak{stroke-dasharray:.015 .02}
.cmp-svg .c-box rect{fill:var(--box);stroke:var(--bst);stroke-width:1}
.cmp-svg .c-box text{font-size:10.5px;font-weight:700}
.on .cmp-svg .c-box.hit rect{stroke:var(--accent)}
.cmp-svg .c-ok circle{fill:var(--accent)}
.cmp-svg .c-ok path{fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cmp-svg .c-chip rect{fill:#fff;stroke:rgba(0,34,68,.18)}
.cmp-svg .c-chip text{font-family:var(--f-mono);font-size:9px;fill:var(--mut)}
.cmp-svg .c-rule{stroke:var(--bst);stroke-width:1}
.cmp-svg .c-bar{fill:var(--accent)}
.cmp-svg .c-wig{fill:none;stroke:var(--mut);stroke-width:1.5;stroke-linejoin:round;stroke-dasharray:1 1}
.cmp-svg .c-dots circle{fill:var(--dot)}
@media (max-width:720px){.cmp{grid-template-columns:minmax(0,1fr);max-width:none}}

/* Netflix-artiges Intro beim ersten Erreichen der Case-Sektion */
.nf-intro{position:fixed;inset:0;z-index:60;background:#000b16;display:grid;place-items:center;overflow:hidden;cursor:pointer}
.nf-intro[hidden]{display:none}
.nflix.nf-pending > *:not(.nf-intro){visibility:hidden}
.nf-sail{position:relative;z-index:2;width:clamp(120px,16vw,220px);height:auto;fill:var(--accent);filter:drop-shadow(0 0 24px rgba(245,0,105,.55));transform-origin:52% 45%;will-change:transform,opacity}
.nf-bands{position:absolute;inset:0;z-index:1;opacity:0;perspective:520px;perspective-origin:50% 50%;transform-style:preserve-3d;pointer-events:none}
.nf-bands i{position:absolute;left:50%;top:50%;height:170vh;margin-top:-85vh;will-change:transform,opacity;opacity:0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent);mask-image:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent)}  /* Lichtbalken – Position/Tiefe setzt site.js pro Frame */
.nf-intro::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 35%,rgba(0,11,22,.85) 100%)}

/* ===== Startseite: einheitliche Sektionsköpfe (Überschrift + Einleitung direkt darunter, linksbündig) ===== */
body:has(#creative) .sec-head, body:has(#agenten) .sec-head, body:has(.bgh-story) .sec-head{display:block;margin-bottom:clamp(28px,3.5vw,48px)}
body:has(#creative) .sec-head h2, body:has(#agenten) .sec-head h2, body:has(.bgh-story) .sec-head h2{font-size:clamp(34px,4.4vw,72px);line-height:.95;margin:0}
body:has(#creative) .sec-head p, body:has(#agenten) .sec-head p, body:has(.bgh-story) .sec-head p{margin:14px 0 0;max-width:56ch;font-size:clamp(16px,1.2vw,19px)}
#leistungen-karten{padding-top:clamp(100px,11svh,140px)}
/* Kundenstimmen: 3 × 2 statt 5 + 1 */
body:has(#creative) .quotes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:980px){body:has(#creative) .quotes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){body:has(#creative) .quotes{grid-template-columns:minmax(0,1fr)}}
/* CTA-Band: Überschrift auf zwei Zeilen, Button direkt darunter */
body:has(#creative) .band{flex-direction:column;align-items:flex-start;justify-content:center}
body:has(#creative) .band h2{max-width:24ch;font-size:clamp(32px,4.6vw,76px);line-height:.95}
/* dunkler Button auf hellem Grund */
.btn.navy{--bg:var(--primary);--fg:#fff}
.btn.navy:hover{box-shadow:0 0 0 6px rgba(0,34,68,.15)}
/* flache Bildschirme: Kartenbeschreibung weglassen, Claim bleibt – alle fünf Karten passen auf einen Screen */
@media (min-width:981px) and (max-height:820px){.scard p:not(.claim){display:none}}

/* Your Creative nach dem Intro: nur noch schmales Band */
.creative.cr-done{min-height:0}
.creative.cr-done .creative-in{padding-block:clamp(36px,5vw,64px)}
.creative.cr-done .cr-stage{display:none}

/* ---------- Innatura: Instagram-Profil im 3D-Handy (case-innatura.html), Bewegung in initInnatura() ---------- */
.ina{--ina-g:#00A97A;position:relative;z-index:4;height:720vh;background:var(--ink)}
.ina-stick{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}
.ina-glow{position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 55%,rgba(0,169,122,.16),transparent 70%),radial-gradient(40% 35% at 50% 50%,rgba(255,255,255,.05),transparent 70%);pointer-events:none}
.ina-steps{position:absolute;top:calc(84px + env(safe-area-inset-top,0px));left:0;right:0;z-index:3;padding-inline:var(--gutter)}
.ina-stage{position:absolute;inset:0;perspective:1500px;display:grid;place-items:center;pointer-events:none}
.ina-world{--z:1;transform:scale(calc(var(--s,1) * var(--z)));transform-style:preserve-3d}
.ina-cam,.ina-pivot{position:relative;width:300px;height:626px;transform-style:preserve-3d}
.ina-phone{position:absolute;inset:0;transform-style:preserve-3d}
.ina-body{position:absolute;inset:0;border-radius:50px;background:linear-gradient(145deg,#2b3644,#0b1018 45%,#1c2531);box-shadow:inset 0 0 0 2px rgba(255,255,255,.12),0 0 0 1px #000,0 50px 120px rgba(0,0,0,.55),0 0 90px rgba(0,169,122,.18)}
.ina-body::before,.ina-body::after{content:"";position:absolute;inset:0;border-radius:inherit;background:#0a0f16;transform:translateZ(-7px)}
.ina-body::after{transform:translateZ(-14px);background:#05080d;box-shadow:inset 0 0 0 2px rgba(255,255,255,.08)}
.ina-screen{position:absolute;inset:10px;border-radius:40px;background:#fff center/cover no-repeat}
.ina-layers{position:absolute;inset:10px;transform-style:preserve-3d}
.ina-ly{position:absolute;background-repeat:no-repeat;background-color:#fff;transform-style:preserve-3d;will-change:transform}
.ina-top{border-radius:40px 40px 0 0}.ina-nav{border-radius:0 0 40px 40px}
.ina-g1,.ina-g2,.ina-g3,.ina-f1,.ina-f2,.ina-f3{border-radius:6px;box-shadow:0 24px 50px rgba(0,0,0,.35)}
.ina-av{border-radius:50%;background-color:#fff;box-shadow:0 0 0 3px #fff,0 0 30px rgba(0,169,122,.0)}
.ina-story{position:absolute;left:50%;top:50%;width:150px;margin:-162px 0 0 -75px;border-radius:14px;box-shadow:0 30px 70px rgba(0,0,0,.5);opacity:0;will-change:transform,opacity}
.ina-mark{position:absolute;transform-style:preserve-3d;pointer-events:none}
.ina-rings{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}
.ina-rings i{position:absolute;left:0;top:0;border-radius:50%;border:2px solid rgba(80,255,200,.85);box-shadow:0 0 18px rgba(0,169,122,.9),inset 0 0 18px rgba(0,169,122,.6);opacity:0}
.ina-rings i:nth-child(1){width:96px;height:96px;margin:-48px}
.ina-rings i:nth-child(2){width:150px;height:150px;margin:-75px;border-width:1.5px}
.ina-rings i:nth-child(3){width:220px;height:220px;margin:-110px;border-width:1px}
.ina-icon{position:absolute;left:50%;top:50%;width:330px;height:330px;margin:-330px 0 0 -165px;transform-origin:50% 100%;transform-style:preserve-3d;opacity:0}
.ina-cube{position:absolute;inset:0;transform-style:preserve-3d}
.ina-cube b{position:absolute;inset:0;border-radius:78px;display:grid;place-items:center}
.ina-cube .f-mid{background:#00936a;box-shadow:inset 0 0 0 3px rgba(255,255,255,.18)}
.ina-cube .f-front,.ina-cube .f-back{background:#fff;backface-visibility:hidden;box-shadow:inset 0 0 0 3px rgba(0,0,0,.06),0 0 120px rgba(0,169,122,.35)}
.ina-cube .f-front{transform:translateZ(42px)}
.ina-cube .f-front img{width:74%;height:auto}
.ina-cube .f-back{transform:rotateY(180deg) translateZ(42px)}
.ina-cube .f-back img{width:88%;height:auto}
.ina-caps{position:absolute;left:var(--gutter);bottom:calc(36px + env(safe-area-inset-bottom,0px));z-index:3;width:min(420px,70vw)}
.ina-caps p{position:absolute;left:0;right:0;bottom:0;margin:0;font-weight:800;font-size:clamp(18px,2vw,26px);line-height:1.15;text-wrap:balance;opacity:0;transform:translateY(14px);transition:opacity .35s,transform .45s var(--ease)}
.ina-caps p.on{opacity:1;transform:none}
.ina-flat{position:absolute;z-index:2;display:grid;place-items:center;background:#fff;opacity:0;pointer-events:none;box-shadow:0 0 40px rgba(0,169,122,.35)}   /* scharfes 2D-Logo, ersetzt am Ende den gezoomten 3D-Würfel */
.ina-flat img{width:88%;height:auto}
.ina-end{position:absolute;left:0;right:0;bottom:calc(9svh + env(safe-area-inset-bottom,0px));z-index:3;display:grid;justify-items:center;gap:6px;text-align:center;padding-inline:var(--gutter);opacity:0;pointer-events:none}
.ina-end .mono{color:var(--fog)}
.ina-num{font-family:var(--f-display);font-weight:900;font-size:clamp(64px,11vw,170px);line-height:.9;letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums}
.ina-end p{margin:0;font-weight:800;font-size:clamp(18px,2.2vw,30px)}
.ina .scrub-hint{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:0;right:0;text-align:center}
@media (max-width:820px){.ina-steps{display:none}.ina-caps{bottom:auto;top:calc(96px + env(safe-area-inset-top,0px));width:auto;right:var(--gutter)}.ina-caps p{bottom:auto;top:0}.ina-end{bottom:calc(120px + env(safe-area-inset-bottom,0px))}}
@media (prefers-reduced-motion:reduce){.ina{height:auto}.ina-stick{position:relative}}

/* How we work: ganzes Video ist durchgehend klickbar (statt nur der Pille am Ende) */
.how-hit{position:absolute;inset:0;z-index:3;border-radius:inherit;cursor:pointer}
.how-hit:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.how-vid:has(.how-hit){transition:transform .35s var(--ease),box-shadow .35s}
.how-vid:has(.how-hit):hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,34,68,.22)}
.bg-showreel__replay{z-index:4}

/* ===== KI-Workflows: Agenten-Netz ===== */
.ag-stage{padding-top:clamp(72px,9svh,96px)}
.ag-sec .sec-head{display:block;margin-bottom:clamp(12px,2svh,24px)}
.ag-sec .sec-head h2{font-size:clamp(28px,3.4vw,54px);line-height:1;margin:0}
.ag-sec .sec-head p{margin:10px 0 0;max-width:60ch}
.ag-svg{display:block;width:100%;height:auto;max-height:calc(100svh - 250px);overflow:visible;margin-inline:auto}
.ag-m{display:none}
.ag-track{fill:none;stroke:rgba(255,255,255,.14);stroke-width:2;stroke-dasharray:3 7}
.ag-edge{fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round}
.ag-hline{fill:none;stroke:rgba(255,255,255,.22);stroke-width:1.5;stroke-dasharray:3 5}
.ag-box{fill:#0C2C4E;stroke:rgba(255,255,255,.16);stroke-width:1}
.ag-brief .ag-box{fill:#fff}
.ag-brief .ag-name{fill:var(--primary)} .ag-brief .ag-role{fill:var(--sec-muted)}
.ag-glow{fill:none;stroke:var(--accent);stroke-width:2;opacity:0}
.ag-dot{fill:rgba(255,255,255,.22)}
.ag-name{fill:#fff;font:800 13px var(--f-body)}
.ag-role{fill:rgba(255,255,255,.62);font:500 10.5px var(--f-body)}
.ag-chip{opacity:0}
.ag-chip rect{fill:#fff}
.ag-chip text{fill:var(--primary);font:700 11px var(--f-mono);text-anchor:middle}
.ag-team-c{fill:#fff}
.ag-team-i{fill:none;stroke:var(--primary);stroke-width:2.4;stroke-linecap:round}
.ag-team-t{fill:#fff;font:700 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;text-anchor:middle}
.ag-packet{fill:#fff;opacity:0;filter:drop-shadow(0 0 6px #F50069)}
.ag-status{margin:18px 0 0;color:#fff;font-size:clamp(13px,1.05vw,15px);min-height:2.8em}
.ag-step{color:var(--accent);margin-right:8px}
.ki-caps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ki-caps li{background:#fff;border-radius:18px;padding:26px 24px;box-shadow:0 1px 2px rgba(0,34,68,.06)}
.ki-caps h3{margin:0 0 8px;font-weight:900;font-size:clamp(18px,1.4vw,22px);color:var(--sec-ink)}
.ki-caps p{margin:0;color:var(--sec-muted);font-size:15px}
.steps li h3{margin:0;font-weight:900;font-size:19px}
.steps li p{margin:0;color:var(--fog);font-size:15px}
@media (max-width:980px){.ki-caps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.ag-d{display:none}.ag-m{display:block;max-height:none}.ki-caps{grid-template-columns:minmax(0,1fr)}.ag-stage{padding-top:0}}
body:has(#agenten) .ag-sec .sec-head h2{font-size:clamp(28px,3.2vw,50px)}
body:has(#agenten) .ag-sec .sec-head{margin-bottom:clamp(10px,2svh,22px)}

/* ---------- Recruiting-Funnel P+P Schleifer (loesung-social-recruiting.html), Bewegung in initRecruit() ---------- */
.rf{--pp:#D4004F;position:relative;z-index:4;height:1050vh;background:var(--ink)}
.rf-stick{position:sticky;top:0;height:100svh;overflow:hidden}
.rf-glow{position:absolute;inset:0;background:radial-gradient(55% 45% at 50% 55%,rgba(212,0,79,.16),transparent 70%),radial-gradient(35% 30% at 50% 50%,rgba(255,255,255,.05),transparent 70%);pointer-events:none}
.rf-steps{position:absolute;top:calc(84px + env(safe-area-inset-top,0px));left:0;right:0;z-index:5;padding-inline:var(--gutter)}
.rf-canvas{position:absolute;left:50%;top:54%;width:1200px;height:720px;transform:translate(calc(-50% + var(--dx,0px)),calc(-50% + var(--dy,0px))) scale(var(--s,1));perspective:1400px;transform-style:preserve-3d}
.rf-canvas>*{position:absolute}
/* 1 · Wand aus Einheits-Anzeigen */
.rf-wallwrap{inset:-200px -300px;transform-style:preserve-3d;pointer-events:none}
.rf-wall{position:absolute;left:50%;top:50%;width:1060px;margin-left:-530px;margin-top:-540px;display:grid;grid-template-columns:repeat(6,160px);gap:20px;transform-style:preserve-3d}
.ga{position:relative;height:200px;transform-style:preserve-3d}
.ga-f,.ga-b{position:absolute;inset:0;border-radius:12px;backface-visibility:hidden}
.ga-f{background:#DDE1E8;color:#4A5563;padding:8px 10px 10px;display:flex;flex-direction:column;gap:2px;font-size:10px;line-height:1.25;box-shadow:0 14px 30px rgba(0,0,0,.35)}
.ga-img{height:92px;border-radius:7px;background:#C9CFD8;display:grid;place-items:end center;overflow:hidden;margin-bottom:5px}
.ga-img svg{width:62px;height:62px;fill:#AAB2BE}
.ga-f b{font-size:13px;color:#2C3542;font-weight:800}
.ga-f small{font-size:9px;color:#3d4756}
.ga-f i{margin-top:auto;font-style:normal;font-weight:700;font-size:10px;background:#5d6878;color:#fff;border-radius:5px;padding:4px 0;text-align:center}
.ga-b{background:#000 center/cover;transform:rotateY(180deg);box-shadow:0 0 0 2px var(--pp),0 0 60px rgba(212,0,79,.6)}
.rf-say{left:0;right:0;top:250px;display:grid;justify-items:center;text-align:center;font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:76px;line-height:.95;letter-spacing:-.03em;text-shadow:0 6px 30px rgba(0,17,34,1),0 0 80px rgba(0,17,34,.9);opacity:0}
.rf-say span:nth-of-type(2){color:var(--accent)}
.rf-say0{top:150px}
.rf-sub{max-width:640px;margin:30px 0 0;font-family:var(--f-body,Montserrat,sans-serif);font-weight:500;font-size:20px;line-height:1.45;letter-spacing:0;text-transform:none;text-wrap:pretty;color:rgba(255,255,255,.8)}
/* 2 · Idee */
.rf-cover{left:450px;top:94px;width:300px;height:533px;margin:0;border-radius:18px;overflow:hidden;box-shadow:0 0 0 2px var(--pp),0 40px 90px rgba(0,0,0,.55),0 0 80px rgba(212,0,79,.35);opacity:0}
.rf-cover img,.rf-an img{width:100%;height:100%;object-fit:cover;display:block}
.rf-an{width:250px;height:188px;margin:0;border-radius:14px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5);opacity:0}
.rf-an0{left:120px;top:60px}.rf-an1{left:840px;top:70px}.rf-an2{left:100px;top:460px}.rf-an3{left:860px;top:450px}
/* 3 · Quiz */
.rf-quiz{left:395px;top:120px;width:410px;padding:22px 22px 26px;border-radius:22px;background:#fff;color:#1d2330;box-shadow:0 40px 90px rgba(0,0,0,.5),0 0 0 2px var(--pp);opacity:0;min-height:450px}
.rf-qhead{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.rf-pp{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--pp);color:#fff;font-weight:900;font-size:10px;letter-spacing:-.02em}
.rf-qhead .mono{color:#6b7280}
.rf-bar{height:5px;border-radius:9px;background:#F1E3E9;overflow:hidden;margin-bottom:18px}
.rf-bar i{display:block;height:100%;width:100%;background:var(--pp);transform-origin:0 50%;transform:scaleX(0)}
.rf-q{position:absolute;left:22px;right:22px;top:92px;opacity:0}
.rf-q[data-i="0"]{opacity:1}
.rf-qn{color:var(--pp);margin:0 0 6px}
.rf-q h4{font-size:22px;line-height:1.2;margin:0 0 16px;font-weight:800;text-wrap:balance}
.rf-q ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rf-q li{isolation:isolate;display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;border:1.5px solid #E3E6EC;font-weight:600;font-size:15px;line-height:1.25;position:relative;overflow:hidden}
.rf-q li span{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#F2F4F7;font-size:12px;font-weight:800}
.rf-q li::after{content:"";position:absolute;inset:0;background:var(--pp);transform:scaleX(var(--f,0));transform-origin:0 50%;z-index:-1}
.rf-q li[data-pick]{z-index:0}
/* 4 · Match */
.rf-match{left:0;right:0;top:20px;text-align:center;font-family:var(--f-display);font-weight:900;font-style:italic;text-transform:uppercase;font-size:96px;line-height:.9;letter-spacing:-.03em;text-shadow:0 0 40px rgba(212,0,79,.7);opacity:0}
.rf-match small{display:block;font-size:34px}
.rf-res{left:440px;top:150px;width:320px;height:520px;border-radius:20px;overflow:hidden;background:#111;box-shadow:0 0 0 2px var(--pp),0 40px 90px rgba(0,0,0,.55);opacity:0;transform-style:preserve-3d}
.rf-res-in{position:absolute;inset:0}
.rf-res-in[data-k="1"]{opacity:0}
.rf-res-in img{width:100%;height:76%;object-fit:cover;object-position:50% 80%;display:block}
.rf-res-in::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85) 45%)}
.rf-res-t{position:absolute;left:20px;right:16px;bottom:18px;z-index:1;display:grid;gap:2px}
.rf-res-t span{font-family:Georgia,serif;font-size:17px}
.rf-res-t b{font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:38px;line-height:1;margin-bottom:6px}
.rf-res-t ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.rf-res-t li{border:2px solid #fff;border-radius:999px;padding:3px 11px;font-weight:800;font-size:12px;text-transform:uppercase}
/* 5 · Stelle sortiert sich */
.rf-list{left:560px;top:140px;width:540px;padding:24px 24px 18px;border-radius:22px;background:#fff;color:#1d2330;box-shadow:0 40px 90px rgba(0,0,0,.5);opacity:0}
.rf-job{color:#6b7280;margin:0 0 8px}
.rf-lk{display:grid;margin:0 0 16px}
.rf-lk>div{grid-area:1/1;opacity:0}.rf-lk .rf-lk0{opacity:1}
.rf-lk h4{margin:0 0 6px;font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:28px;line-height:1;letter-spacing:-.02em}
.rf-lk p{margin:0;font-size:14px;line-height:1.45;color:#4A5563;text-wrap:pretty}
.rf-list ol{list-style:none;margin:0;padding:0;position:relative;height:330px}
.rf-list li{position:absolute;left:0;right:0;top:0;height:48px;display:flex;align-items:center;gap:12px;padding:0 16px;border-radius:12px;background:#F4F5F8;font-weight:700;font-size:16px;will-change:transform}
.rf-h{color:var(--pp);font-size:15px;opacity:var(--h,0)}
/* 6 · Funnel */
.rf-links{left:0;top:0;width:1200px;height:720px;overflow:visible;pointer-events:none}
.rf-links path{fill:none;stroke:rgba(255,255,255,.55);stroke-width:2.5;stroke-dasharray:6 8;opacity:0}
.rf-dot{fill:var(--accent);filter:drop-shadow(0 0 8px var(--accent));opacity:0}
.rf-tag{width:140px;text-align:center;color:var(--fog);line-height:1.4;opacity:0}
.rf-tag1{left:275px;top:300px}.rf-tag2{left:730px;top:300px}
.rf-node{opacity:0}
.rf-nl{position:absolute;left:0;right:0;bottom:-34px;text-align:center;color:var(--fog)}
.rf-n1{left:40px;top:165px;width:220px;height:391px}
.rf-n1 img{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 30px 70px rgba(0,0,0,.5);display:block}
.rf-n2{left:430px;top:150px;width:300px}
.rf-form,.rf-mail{background:#fff;color:#1d2330;border-radius:18px;padding:18px;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.rf-fh{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-weight:800;font-size:14px}
.rf-fh small{display:block;font-weight:500;color:#8a90a0;font-size:11px;margin-left:auto}
.rf-form h5,.rf-mail h5{margin:0 0 12px;font-size:19px;font-weight:800}
.rf-form label{display:grid;gap:4px;font-size:11px;color:#6b7280;margin-bottom:10px}
.rf-form label span{display:block;height:36px;border:1.5px solid #E3E6EC;border-radius:10px;padding:0 10px;line-height:33px;color:#1d2330;font-size:14px;font-weight:600;overflow:hidden;white-space:nowrap}
.rf-form label i{font-style:normal;display:inline-block;clip-path:inset(0 calc(100% - var(--t,0%)) 0 0)}
.rf-send,.rf-apply{display:block;text-align:center;background:#1877F2;color:#fff;border-radius:10px;padding:10px;font-size:14px;margin-top:4px}
.rf-n3{left:870px;top:140px;width:320px}
.rf-mh{margin:0 0 10px;font-size:12px;color:#6b7280;display:grid}
.rf-mh b{color:#1d2330;font-size:14px}
.rf-mail img{width:100%;height:140px;object-fit:cover;object-position:50% 88%;border-radius:10px;display:block;margin-bottom:10px}
.rf-mt{margin:0 0 12px;font-size:13px;line-height:1.45;display:grid;gap:4px}
.rf-mt span{opacity:0}
.rf-apply{background:var(--pp)}
/* 7 · Ergebnis */
.rf-end{left:100px;right:100px;top:150px;display:grid;justify-items:center;text-align:center;gap:34px;opacity:0}
.rf-punch{font-size:64px;margin:0}
.rf-punch em{font-style:normal;color:var(--accent)}
.rf-kpis{display:flex;gap:56px;justify-content:center}
.rf-kpis div{display:grid;gap:6px;justify-items:center}
.rf-kpis b{font-family:var(--f-display);font-weight:900;font-size:64px;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}
.rf-kpis span{font-weight:700;font-size:15px;line-height:1.3;color:var(--soft)}
.rf-src{color:var(--fog);margin:0}
/* Erklärspalte: ab Schritt 2 links neben dem Film */
.rf-caps{position:absolute;left:var(--gutter);top:54%;transform:translateY(-50%);z-index:5;width:min(400px,30vw);display:grid;pointer-events:none}
.rf-cap{grid-area:1/1;opacity:0;transform:translateY(14px);transition:opacity .35s,transform .45s var(--ease)}
.rf-cap.on{opacity:1;transform:none}
.rf-cap .mono{color:var(--fog);margin:0 0 14px}
.rf-cap .rf-h{font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:clamp(26px,2.5vw,38px);line-height:1;letter-spacing:-.025em;margin:0 0 16px;text-wrap:balance}
.rf-cap p:last-child{margin:0;font-size:17px;line-height:1.55;color:rgba(255,255,255,.78);text-wrap:pretty}
.rf .scrub-hint{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:0;right:0;text-align:center}
/* Kundenstimme unter dem Film */
.rf-testi{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,640px);justify-content:center;gap:clamp(32px,6vw,96px);align-items:center}
.rf-tv video{width:100%;aspect-ratio:9/16;border-radius:22px;background:#000;display:block;box-shadow:0 30px 70px rgba(0,0,0,.45)}
.rf-tt blockquote{font-size:clamp(32px,4.4vw,64px);margin:14px 0 18px}
.rf-tt p{color:var(--soft);max-width:560px}
.rf-who b{display:block;color:#fff}
/* Handy: eigenes Hochformat-Raster */
@media (max-width:820px){
  .rf-steps{display:none}
  .rf-canvas{width:400px;height:780px;top:53%}
  .rf-links,.rf-tag{display:none}
  .rf-say{top:280px;left:12px;right:12px;font-size:34px}
  .rf-say0{top:200px}.rf-sub{font-size:15px;margin-top:18px}
  .rf-cover{left:90px;top:170px;width:220px;height:391px}
  .rf-an{width:160px;height:120px}.rf-an0{left:-20px;top:30px}.rf-an1{left:260px;top:60px}.rf-an2{left:-30px;top:600px}.rf-an3{left:270px;top:590px}
  .rf-quiz{left:15px;top:150px;width:370px}
  .rf-q h4{font-size:20px}
  .rf-match{top:40px;font-size:64px}.rf-match small{font-size:24px}
  .rf-res{left:70px;top:170px;width:260px;height:430px}
  .rf-res-t b{font-size:30px}
  .rf-list{left:10px;top:260px;width:380px;padding:18px}
  .rf-lk h4{font-size:22px}.rf-lk p{font-size:13px}
  .rf-list li{font-size:14px;height:44px}
  .rf-n1{left:105px;top:150px;width:190px;height:338px}
  .rf-n2,.rf-n3{left:30px;top:150px;width:340px}
  .rf-end{left:10px;right:10px;top:120px;gap:26px}
  .rf-punch{font-size:38px}
  .rf-kpis{flex-direction:column;gap:20px}
  .rf-kpis b{font-size:52px}
  .rf-caps{top:calc(76px + env(safe-area-inset-top,0px));transform:none;width:auto;right:var(--gutter)}
  .rf-cap .mono{margin-bottom:8px}.rf-cap .rf-h{font-size:22px;margin-bottom:8px}.rf-cap p:last-child{font-size:14px;line-height:1.45}
  .rf-testi{grid-template-columns:1fr}.rf-tv{max-width:320px}
}
@media (prefers-reduced-motion:reduce){.rf{height:auto}.rf-stick{position:relative;height:100svh}}
.rf-say::before{content:"";position:absolute;inset:-90px 4%;background:radial-gradient(closest-side,rgba(0,22,44,.92),rgba(0,22,44,.6) 60%,transparent);z-index:-1}

/* Lösungsseiten: Raster mit fester Spaltenzahl (--cols aus build.py) */
@media (min-width:981px){.fit-grid{grid-template-columns:repeat(var(--cols),minmax(0,1fr))}}
@media (min-width:561px) and (max-width:980px){.fit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.fit-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- Websites-Prozess (loesung-websites.html): nutzt Bühne/Raster von .rf, Bewegung in initWebProcess() ---------- */
.wf{position:relative;z-index:4;height:1050vh;background:var(--ink)}
.wf-stick{position:sticky;top:0;height:100svh;overflow:hidden}
.wf-glow{position:absolute;inset:0;background:radial-gradient(55% 45% at 50% 55%,rgba(245,0,105,.12),transparent 70%),radial-gradient(35% 30% at 50% 50%,rgba(255,255,255,.05),transparent 70%);pointer-events:none}
.wf-steps{position:absolute;top:calc(84px + env(safe-area-inset-top,0px));left:0;right:0;z-index:5;padding-inline:var(--gutter)}
.wf-canvas{position:absolute;left:50%;top:54%;width:1200px;height:720px;transform:translate(-50%,-50%) scale(var(--s,1));perspective:1400px;transform-style:preserve-3d}
.wf-canvas>*{position:absolute}
.wf-canvas{transform:translate(calc(-50% + var(--dx,0px)),calc(-50% + var(--dy,0px))) scale(var(--s,1))}
/* Erklärspalte links neben dem Film */
.wf-caps{position:absolute;left:var(--gutter);top:54%;transform:translateY(-50%);z-index:5;width:min(400px,30vw);display:grid;pointer-events:none}
.wf-capin{display:grid;transform-origin:50% 50%}
.wf-no{display:flex;align-items:baseline;gap:6px;margin:0 0 14px}
.wf-no b{font-family:var(--f-display);font-weight:900;font-size:clamp(44px,4vw,64px);line-height:.85;color:var(--accent);letter-spacing:-.03em}
.wf-no span{font-family:var(--f-display);font-weight:800;font-size:18px;color:var(--fog)}
.wf-no em{font-style:normal;color:var(--fog);margin-left:10px}
.wf-hello{position:absolute;left:0;right:0;top:15%;z-index:5;text-align:center;padding-inline:var(--gutter);pointer-events:none}
.wf-hello .mono{color:var(--accent);margin:0 0 12px}
.wf-hello h2{font-size:clamp(34px,4.6vw,80px);margin:0 0 12px}
.wf-hello p:last-child{margin:0;color:var(--soft);font-size:clamp(16px,1.4vw,20px)}
.wf-cap{grid-area:1/1;opacity:0;transform:translateY(14px);transition:opacity .35s,transform .45s var(--ease)}
.wf-cap.on{opacity:1;transform:none}
.wf-cap h3{font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:clamp(26px,2.5vw,38px);line-height:1;letter-spacing:-.025em;margin:0 0 16px;text-wrap:balance}
.wf-cap p:last-child{margin:0;font-size:17px;line-height:1.55;color:rgba(255,255,255,.78);text-wrap:pretty}
.wf .scrub-hint{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:0;right:0;text-align:center}
.wf-count{left:0;right:0;top:10px;display:grid;justify-items:center;text-align:center;gap:6px;opacity:0}
.wf-count b{font-family:var(--f-display);font-weight:900;font-size:130px;line-height:.9;letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums}
.wf-count span{font-weight:800;font-size:22px}
.wf-col{top:40px;margin:0;opacity:0;font-size:13px}.wf-col-g{left:100px}.wf-col-b{left:850px;color:var(--accent)}
.wf-revs{left:0;top:0;width:0;height:0;transform-style:preserve-3d}
.wf-rv{position:absolute;left:0;top:0;width:250px;padding:10px 12px;border-radius:12px;background:#fff;color:#1d2330;font-size:13px;line-height:1.35;box-shadow:0 18px 40px rgba(0,0,0,.4);opacity:0;will-change:transform}
.wf-rv p{margin:0}
.wf-rh{display:flex;align-items:center;gap:6px;font-weight:700;font-size:12px;margin-bottom:4px!important}
.wf-g{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:conic-gradient(#EA4335 0 25%,#FBBC05 0 50%,#34A853 0 75%,#4285F4 0);color:#fff;font-size:10px;font-weight:900}
.wf-st{color:#F5B301;letter-spacing:1px;margin-left:auto}.wf-st i{font-style:normal;color:#D5D9E0}
.wf-rv-b{box-shadow:0 18px 40px rgba(0,0,0,.4),inset 3px 0 0 var(--accent)}
.wf-needs{left:420px;top:100px;width:360px;opacity:0}
.wf-needs>p{margin:0 0 12px;color:var(--fog);text-align:center}
.wf-needs ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wf-need{display:grid;gap:2px;padding:12px 18px;border-radius:16px;background:#fff;color:var(--ink);font-weight:800;font-size:19px;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.wf-need small{color:rgba(0,34,68,.55);font-size:10px}
.wf-need-b{background:var(--ink-2);color:#fff;box-shadow:inset 0 0 0 2px var(--accent),0 20px 50px rgba(0,0,0,.45)}.wf-need-b small{color:var(--accent)}
.wf-story{left:480px;top:70px;width:660px;opacity:0}
.wf-story .mono{color:var(--accent);margin:0 0 10px}
.wf-claim{font-size:50px;margin:0}
.wf-claim span{display:inline-block;clip-path:inset(0 calc(100% - var(--t,0%)) 0 0)}
.wf-page{left:140px;top:50px;width:240px;height:620px;border-radius:16px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18);padding:16px;display:grid;grid-template-rows:2fr 1fr 1.4fr 1fr 1.2fr .7fr;gap:12px;opacity:0}
.wf-page>i{border-radius:8px;background:rgba(255,255,255,.08)}
.wf-page svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.wf-tp{fill:none;stroke-width:3.5;stroke-linecap:round}
.wf-tp0,.wf-td0{stroke:#fff;fill:#fff}.wf-tp1,.wf-td1{stroke:var(--accent);fill:var(--accent)}.wf-tp2,.wf-td2{stroke:#7FB2FF;fill:#7FB2FF}
.wf-tp{fill:none!important}
.wf-td{opacity:0;filter:drop-shadow(0 0 6px currentColor)}
.wf-threads{left:480px;top:300px;width:680px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wf-th{opacity:0}
.wf-th b{display:block;margin-bottom:10px;font-size:12px}
.wf-th0 b{color:#fff}.wf-th1 b{color:var(--accent)}.wf-th2 b{color:#7FB2FF}
.wf-th ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wf-th li{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.07);font-weight:700;font-size:15px;line-height:1.25;opacity:0}
.wf-map{left:0;top:0;width:1200px;height:720px;overflow:visible;pointer-events:none}
.wf-map-m{display:none}
.wf-edge{fill:none;stroke:rgba(255,255,255,.28);stroke-width:2}
.wf-flow{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--accent));opacity:0}
.wf-node{left:var(--x);top:var(--y);width:170px;margin:0;opacity:0}
.wf-node img{width:170px;height:106px;object-fit:cover;object-position:top;border-radius:10px;display:block;box-shadow:0 0 0 1.5px rgba(255,255,255,.25),0 20px 40px rgba(0,0,0,.45)}
.wf-node figcaption{margin-top:8px;font-weight:800;font-size:14px;text-align:center}
.wf-lead img{box-shadow:0 0 0 2.5px var(--accent),0 0 50px rgba(245,0,105,.55)}
.wf-lead figcaption{color:var(--accent)}
.wf-browser{left:170px;top:70px;width:860px;border-radius:14px;overflow:hidden;background:#0b1a2c;box-shadow:0 0 0 1.5px rgba(255,255,255,.18),0 40px 90px rgba(0,0,0,.55);opacity:0;transform-origin:50% 50%}
.wf-bar{display:flex;align-items:center;gap:6px;height:30px;margin:0;padding:0 12px;background:#14263d}
.wf-bar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.25)}
.wf-bar span{margin-left:12px;font-family:var(--f-mono);font-size:11px;color:var(--fog);background:rgba(255,255,255,.07);border-radius:6px;padding:3px 12px}
.wf-body{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0d2036}
.wf-wire{position:absolute;inset:0}
.wb{position:absolute;display:block;border-radius:6px;background:rgba(255,255,255,.16);opacity:0}
.wb em{position:absolute;left:0;top:-16px;font-style:normal;font-size:9px;color:var(--accent);white-space:nowrap}
.wb-img{background:repeating-linear-gradient(0deg,transparent 0 0);border-radius:0;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18);background-image:linear-gradient(to top right,transparent calc(50% - 1px),rgba(255,255,255,.14) 50%,transparent calc(50% + 1px)),linear-gradient(to bottom right,transparent calc(50% - 1px),rgba(255,255,255,.14) 50%,transparent calc(50% + 1px))}
.wb-img em{left:auto;right:12px;top:auto;bottom:10px}
.wb-h{background:rgba(255,255,255,.3);border-radius:8px}
.wb-pill{border-radius:999px;background:rgba(245,0,105,.55)}
.wb-ghost{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.wf-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(0 100% 0 0)}
.wf-hot{position:absolute;width:0;height:0;opacity:0}
.wf-hot i{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 6px rgba(245,0,105,.35),0 0 20px var(--accent)}
.wf-hot em{position:absolute;left:18px;top:-30px;font-style:normal;font-size:10px;white-space:nowrap;background:var(--accent);color:#fff;border-radius:6px;padding:4px 8px}
.wf-hot:nth-of-type(3) em{left:auto;right:18px;top:16px}
.wf-hot:nth-of-type(4) em{left:auto;right:18px}
.wf-scroll{position:absolute;right:6px;top:8%;bottom:8%;width:4px;border-radius:4px;background:rgba(255,255,255,.15);opacity:0}
.wf-scroll i{position:absolute;left:0;right:0;top:0;height:100%;border-radius:inherit;background:var(--accent);transform-origin:50% 0;transform:scaleY(0)}
.wf-code{left:30px;top:120px;width:560px;border-radius:14px;overflow:hidden;background:#071424;box-shadow:0 0 0 1.5px rgba(255,255,255,.14),0 40px 90px rgba(0,0,0,.55);opacity:0}
.wf-code ol{margin:0;padding:16px 18px 18px 46px;font-family:var(--f-mono);font-size:13px;line-height:1.75;color:#cfd8e3}
.wf-code li{white-space:pre;clip-path:inset(0 calc(100% - var(--t,0%)) 0 0)}
.wf-code li::marker{color:rgba(255,255,255,.3)}
.wf-code .t{color:#7FB2FF}.wf-code .a{color:#ffd479}.wf-code .s{color:#a5e3a0}.wf-code .k{color:var(--accent);font-weight:600}.wf-code .c{color:rgba(255,255,255,.4)}.wf-code .n{color:#ff9e64}
.wf-events{left:900px;top:190px;width:270px;padding:18px;border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 30px 70px rgba(0,0,0,.5);opacity:0}
.wf-events>p{margin:0 0 10px;color:rgba(0,34,68,.55)}
.wf-events ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wf-events li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid rgba(0,34,68,.1);padding-bottom:6px}
.wf-events li span{font-size:10px;text-transform:none;letter-spacing:0}
.wf-events b{font-family:var(--f-display);font-weight:900;font-size:22px;color:var(--accent);font-variant-numeric:tabular-nums}
.wf-punch{left:0;right:0;top:600px;text-align:center;font-size:44px;opacity:0}
.wf-punch em{font-style:normal;color:var(--accent)}
@media (max-width:820px){
  .wf-steps{display:none}.wf-canvas{width:400px;height:780px;top:55%}
  .wf-caps{top:calc(76px + env(safe-area-inset-top,0px));transform:none;width:auto;right:var(--gutter)}
  .wf-no{margin-bottom:8px}.wf-no b{font-size:36px}.wf-hello{top:16%}.wf-hello h2{font-size:38px}.wf-cap h3{font-size:22px;margin-bottom:8px}.wf-cap p:last-child{font-size:14px;line-height:1.45}
  .wf-count{top:0}.wf-count b{font-size:76px}.wf-count span{font-size:16px;padding:0 30px}
  .wf-col{top:60px;font-size:11px}.wf-col-g{left:10px}.wf-col-b{left:210px}
  .wf-rv{width:180px;font-size:11px;padding:8px 10px}
  .wf-needs{left:30px;top:170px;width:340px}
  .wf-need{font-size:17px;padding:10px 16px}
  .wf-story{left:10px;top:40px;width:380px}.wf-claim{font-size:30px}
  .wf-page{left:10px;top:220px;width:150px;height:420px;padding:10px;gap:8px}
  .wf-threads{left:175px;top:220px;width:215px;grid-template-columns:1fr;gap:14px}
  .wf-th b{margin-bottom:6px;font-size:10px}.wf-th ol{gap:5px}.wf-th li{font-size:12px;padding:6px 8px}
  .wf-map-d{display:none}.wf-map-m{display:block;width:400px;height:780px}
  .wf-node{left:var(--mx);top:var(--my);width:120px}.wf-node img{width:120px;height:75px}.wf-node figcaption{font-size:12px}
  .wf-browser{left:10px;top:110px;width:380px}
  .wf-code{left:10px;top:420px;width:380px}.wf-code ol{font-size:9px;padding:12px 12px 12px 30px;line-height:1.6}
  .wf-events{left:40px;top:395px;width:320px;padding:14px}.wf-events ul{gap:4px}.wf-events b{font-size:18px}
  .wf-hot em{font-size:8px;padding:3px 6px}
  .wf-punch{top:665px;font-size:28px;padding:0 20px}
}
@media (prefers-reduced-motion:reduce){.wf{height:auto}.wf-stick{position:relative}}

/* ---------- Über uns: Seitenkopf – Headline über volle Breite, darunter Text links, Teamfoto breit rechts ---------- */
.ahead h1{font-size:clamp(40px,5.4vw,108px);margin-top:4px}
.ahead h1 span{display:block}
.ahead h1 em{font-style:normal;color:var(--accent)}
.ah-row{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,5vw,80px);align-items:end;margin-top:clamp(28px,4vw,60px)}
.ah-txt .claim{margin-top:0}
.ah-pic{position:relative;aspect-ratio:2/1;box-shadow:0 40px 90px rgba(0,0,0,.4)}
.ah-pic img{object-position:50% 78%}
.ah-chips{position:absolute;left:16px;bottom:16px;display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.ah-chips li{display:flex;align-items:baseline;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(0,26,52,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);font-size:13px;color:var(--soft)}
.ah-chips b{font-family:var(--f-display);font-weight:900;color:#fff;font-size:15px}
@media (max-width:820px){.ah-row{grid-template-columns:1fr}.ah-pic{aspect-ratio:4/3}.ah-chips li{font-size:12px;padding:7px 11px}}

/* KI-Showcase BGH */
.bgh-intro{padding-top:clamp(100px,10vw,150px)}
.ki-bb>img{object-position:75% 50%}
.ki-bb .bb-in{padding-top:clamp(40px,8svh,90px)}
.ki-bb h1{font-size:min(8vw,124px,14svh);line-height:.9;margin:10px 0 0}
.ki-bb .crumbs{margin-bottom:22px}
.bgh-auftrag{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center;margin-bottom:clamp(30px,4vw,56px)}
.bgh-auftrag h2{font-size:clamp(36px,4.6vw,72px);margin:8px 0 22px}
.bgh-reel{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:5/4;background:#002244;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.bgh-reel video{width:100%;height:100%;object-fit:cover;display:block}
.bgh-lage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.bgh-lage>div{background:var(--ink-2);border-radius:20px;padding:28px 28px 32px;display:grid;gap:12px;align-content:start;border-top:4px solid var(--accent)}
.bgh-lage .mono{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.bgh-lage h3{margin:0;font-size:24px;line-height:1.15}.bgh-lage p{margin:0;color:var(--fog);font-size:16px}
.bgh-lead{max-width:64ch;font-size:clamp(17px,1.4vw,21px);color:var(--fog);margin:0 0 34px}
.bgh-problem{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bgh-problem div{background:var(--ink-2);border-radius:18px;padding:22px 24px;display:grid;gap:4px}
.bgh-problem b{font-weight:900;font-size:clamp(44px,5.4vw,80px);line-height:1;color:var(--accent)}
.bgh-problem span{font-size:15px;color:var(--fog)}
.bgh-navbar{position:sticky;top:78px;z-index:30;height:56px;margin-bottom:-56px;display:flex;justify-content:center;padding:0 16px;pointer-events:none}
.bgh-nav{pointer-events:auto;max-width:100%;box-shadow:0 10px 30px rgba(0,0,0,.25);display:flex;gap:6px;overflow-x:auto;padding:6px;border-radius:999px;background:rgba(0,20,40,.82);backdrop-filter:blur(10px);scrollbar-width:none}
.bgh-nav::-webkit-scrollbar{display:none}
.bgh-nav a{flex:none;display:flex;gap:8px;align-items:center;padding:9px 16px;border-radius:999px;color:var(--fog);font-weight:700;font-size:14px;text-decoration:none;transition:background .25s,color .25s}
.bgh-nav a .mono{font-size:11px;color:var(--accent)}
.bgh-nav a.on{background:var(--accent);color:#fff}.bgh-nav a.on .mono{color:#fff}
.bgh-idee h2{font-size:clamp(36px,4.6vw,72px)}
.bgh-still{margin:0;border-radius:24px;overflow:hidden}.bgh-still img{width:100%;display:block}
.bgh-script{margin-top:clamp(40px,6vw,80px)}
.bgh-script h3{font-size:22px;margin:0 0 16px}
.bgh-script ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.bgh-script li{display:grid;gap:4px}
.bgh-script img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px;display:block}
.bgh-script b{font-weight:900;font-size:20px;margin-top:6px}
.bgh-script span{font-size:14px;color:var(--sec-muted)}


.bgh-sb{list-style:none;margin:0 calc(50% - 50vw) 0 0;padding:16px 40px 26px 6px;display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.bgh-sb li{flex:none;width:min(420px,78vw);scroll-snap-align:start;display:grid;gap:8px;align-content:start}
.bgh-sb li:nth-child(odd){transform:rotate(-1deg)}.bgh-sb li:nth-child(even){transform:rotate(1deg)}
.bgh-sb figure{margin:0;background:#fff;padding:10px;box-shadow:0 14px 30px rgba(0,0,0,.14);position:relative}
.bgh-sb figure::after{content:"";position:absolute;left:50%;top:-12px;width:90px;height:24px;margin-left:-45px;background:rgba(245,0,105,.7);transform:rotate(-3deg)}
.bgh-sb img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.bgh-sb figure{cursor:pointer;outline:none}
.bgh-sb .fin{position:absolute;left:10px;top:10px;width:calc(100% - 20px);height:calc(100% - 20px);opacity:0;transition:opacity .35s ease}
.bgh-sb figure:hover .fin,.bgh-sb figure:focus .fin{opacity:1}
.bgh-sb .flip{position:absolute;right:18px;bottom:18px;background:rgba(0,34,68,.85);color:#fff;font-size:11px;letter-spacing:.08em;padding:5px 9px;border-radius:7px;z-index:2}
.bgh-sb .mono{font-size:12px;color:var(--accent);letter-spacing:.08em;margin-top:6px}
.bgh-sb h3{margin:0;font-size:21px}.bgh-sb p{margin:0;font-size:15px}
.bgh-sheets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.bgh-sheets figure{margin:0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgba(0,34,68,.12)}
.bgh-sheets img{width:100%;display:block}
.bgh-sheets figcaption{padding:12px 16px;font-size:12px;letter-spacing:.08em;color:var(--sec-muted)}
.bgh-hint{margin:clamp(40px,6vw,70px) 0 16px;font-size:12px;letter-spacing:.1em;color:var(--accent)}
.bgh-faces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bgh-wipe{margin:0;position:relative;border-radius:18px;overflow:hidden;background:#fff}
.bgh-wipe.portrait{aspect-ratio:3/4}.bgh-wipe.wide{aspect-ratio:16/9}
.bgh-wipe img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.bgh-wipe .ph{clip-path:inset(0 0 0 50%)}
.bgh-wipe .bar{position:absolute;top:0;bottom:0;left:50%;width:4px;margin-left:-2px;background:var(--accent);box-shadow:0 0 18px rgba(245,0,105,.7)}
.bgh-wipe figcaption{position:absolute;left:14px;bottom:14px;background:rgba(0,34,68,.82);color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:8px}
.bgh-lines{width:100%;height:auto;display:block}
.bgh-lines .ax line{stroke:rgba(255,255,255,.18);stroke-width:1.5}
.bgh-lines .ax text,.bgh-lines .ev{fill:rgba(255,255,255,.7);font-family:var(--f-mono);font-size:13px}
.bgh-lines .lb{fill:#fff;font-weight:800;font-size:16px}.bgh-lines .lb.pk{fill:var(--accent)}
.bgh-lines path{fill:none;stroke-width:6;stroke-linecap:round}
.bgh-lines .s0{stroke:#fff}.bgh-lines .s0b{stroke:rgba(255,255,255,.3);stroke-dasharray:.015 .02}.bgh-lines .s1{stroke:#7fa2c8}.bgh-lines .s2{stroke:var(--accent);stroke-width:9}
.bgh-lines .dot{fill:#fff}
.bgh-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.bgh-vars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bgh-var{margin:0;position:relative;border-radius:16px;overflow:hidden;background:var(--ink-2)}
.bgh-var img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;filter:grayscale(.7) brightness(.7)}
.bgh-var .stamp{position:absolute;left:12px;top:12px;font-size:20px;background:rgba(0,20,40,.85);color:#fff;padding:6px 12px;transform:rotate(-3deg)}
.bgh-var figcaption{padding:12px 14px 16px;font-size:15px;color:var(--fog)}
.bgh-var.pick{outline:4px solid var(--accent);outline-offset:-4px}
.bgh-var.pick img{filter:none}.bgh-var.pick .stamp{background:var(--accent)}
.bgh-daw{position:relative;background:#00213f;border-radius:20px;padding:18px;display:grid;gap:10px;overflow:hidden}
.bgh-daw .lane{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:center}
.bgh-daw .lane .mono{font-size:12px;color:var(--fog);letter-spacing:.08em}
.bgh-daw .lane i{height:58px;border-radius:10px;background-color:rgba(255,255,255,.04);background-size:220% 100%;background-repeat:no-repeat;background-position:0 50%;display:block}
.bgh-daw .phd{position:absolute;top:0;bottom:0;left:120px;width:3px;background:var(--accent);box-shadow:0 0 16px var(--accent)}
.bgh-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bgh-role{background:var(--ink-2);border-radius:20px;padding:30px 30px 34px}
.bgh-role.us{background:#E8005F;color:#fff}
.bgh-role h3{margin:0 0 16px;font-size:26px}
.bgh-role ul{margin:0;padding-left:20px;display:grid;gap:8px;font-size:17px}
.bgh-film{margin:0 auto;border-radius:24px;overflow:hidden;background:#000;aspect-ratio:16/9;width:min(100%,1000px,calc((100svh - 320px)*16/9))}
#bgh-film{padding-top:150px;padding-bottom:70px}
#bgh-film .sec-head{margin-bottom:22px;text-align:center}
#bgh-film .sec-head h2{font-size:clamp(28px,3.4vw,46px)}
.bgh-film video{width:100%;height:100%;display:block}
@media (max-width:900px){.bgh-problem{grid-template-columns:repeat(2,minmax(0,1fr))}.bgh-script ol{grid-template-columns:repeat(3,minmax(0,1fr))}.bgh-sheets,.bgh-faces,.bgh-pairs,.bgh-roles,.bgh-auftrag,.bgh-lage{grid-template-columns:minmax(0,1fr)}.bgh-vars{grid-template-columns:repeat(2,minmax(0,1fr))}.bgh-navbar{top:64px}}

/* KI-Seite unten */
.bgh-navbar{z-index:15}
.ki-reel-sec{background:var(--primary);text-align:center}
.ki-reel-head{max-width:760px;margin:0 auto clamp(28px,4vw,48px)}
.ki-reel-head h2{font-size:clamp(34px,4.6vw,68px);margin:8px 0 14px}
.ki-reel-head p{color:var(--fog);margin:0}
.ki-reel{max-width:min(1100px,calc((100svh - 220px)*16/9));margin:0 auto;border-radius:24px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.45)}
.ki-reel-more{margin:26px 0 0}
.ki-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(230px,auto);gap:14px}
.kb{position:relative;display:flex;align-items:flex-end;border-radius:22px;overflow:hidden;background:#fff;color:var(--sec-ink);text-decoration:none;box-shadow:0 14px 34px rgba(0,34,68,.08);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.kb:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(0,34,68,.16)}
.kb.big{grid-row:span 2;color:#fff;background:#002244}
.kb.wide{grid-column:span 3;color:#fff;background:#002244;min-height:220px}
.kb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.kb:hover img{transform:scale(1.04)}
.kb.big::after,.kb.wide::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,20,40,.92) 0%,rgba(0,20,40,.35) 55%,rgba(0,20,40,.1) 100%)}
.kb.wide::after{background:linear-gradient(90deg,rgba(0,20,40,.95) 0%,rgba(0,20,40,.6) 50%,rgba(0,20,40,.2) 100%)}
.kb-in{position:relative;z-index:1;display:grid;gap:8px;padding:26px 26px 28px;max-width:560px}
.kb .mono{font-size:12px;letter-spacing:.1em;color:var(--accent)}
.kb h3{margin:0;font-size:clamp(22px,2vw,30px);line-height:1.1}
.kb.big h3{font-size:clamp(30px,3vw,46px)}
.kb p{margin:0;font-size:15.5px;color:var(--sec-muted)}
.kb.big p,.kb.wide p{color:rgba(255,255,255,.78)}
.kb-go{font-weight:800;font-size:14px;color:var(--accent);margin-top:4px}
.ki-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative}
.ki-flow::before{content:"";position:absolute;left:4%;right:4%;top:46px;height:2px;background:linear-gradient(90deg,var(--accent),rgba(245,0,105,.15))}
.ki-flow li{position:relative;background:var(--ink-2);border-radius:20px;padding:24px 24px 28px;display:grid;gap:10px;align-content:start}
.ki-flow .ki-no{font-size:44px;line-height:1;color:#fff;background:var(--accent);width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;position:relative;z-index:1}
.ki-flow h3{margin:6px 0 0;font-size:22px}.ki-flow p{margin:0;color:var(--fog);font-size:15.5px}
.ki-human{justify-self:start;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:#fff;color:#002244;padding:6px 10px;border-radius:999px}
.ki-not{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center}
.ki-not-pic{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/5}
.ki-not-pic img{width:100%;height:100%;object-fit:cover;display:block}
.ki-not h2{font-size:clamp(34px,4.4vw,64px);margin:8px 0 26px}
.ki-not ul{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:4px}
.ki-not li{display:grid;gap:4px;padding:18px 0;border-top:1px solid rgba(255,255,255,.12)}
.ki-not li b{font-size:22px}.ki-not li span{color:var(--fog)}
@media (max-width:900px){.ki-bento{grid-template-columns:minmax(0,1fr)}.kb.big{grid-row:auto;min-height:420px}.kb.wide{grid-column:auto}.ki-flow{grid-template-columns:minmax(0,1fr)}.ki-flow::before{display:none}.ki-not{grid-template-columns:minmax(0,1fr)}.ki-not-pic{aspect-ratio:16/10}}

/* Grabbelkiste */
.gk-head h1{font-size:clamp(44px,7vw,112px)}
.gk-head h1{margin-bottom:.45em}
.gk-head .grid{align-items:center}
.gk-pile{position:relative;aspect-ratio:1/1;max-width:560px;justify-self:end;width:100%}
.gk-pile img{position:absolute;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.45);border:6px solid #fff;object-fit:cover}
.gk-pile img:nth-child(1){left:0;top:12%;width:78%;aspect-ratio:16/10;transform:rotate(-6deg)}
.gk-pile img:nth-child(2){right:2%;top:0;width:34%;aspect-ratio:2/3;transform:rotate(7deg)}
.gk-pile img:nth-child(3){left:22%;bottom:2%;width:52%;aspect-ratio:1/1;transform:rotate(3deg)}
.gk-pile .gk-sticker{right:6%;bottom:14%;top:auto;font-size:26px}
.gk-head h1 mark{display:inline-block;font-size:.72em;white-space:nowrap;background:var(--accent);color:#fff;padding:0 .18em .04em;transform:rotate(-2deg);margin-top:.1em}
.gk-how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gk-how li{background:var(--ink-2);border-radius:20px;padding:26px 26px 30px;display:grid;gap:10px;align-content:start}
.gk-how b{font-weight:900;font-size:44px;line-height:1;color:var(--accent)}
.gk-how h3{margin:0;font-size:24px}.gk-how p{margin:0;color:var(--fog)}
.gk-note{margin:22px 0 0;font-size:14px;color:var(--fog)}
.gk-list{display:grid;gap:clamp(60px,8vw,120px)}
.gk-item{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(30px,5vw,70px);align-items:start;scroll-margin-top:100px}
.gk-item.flip .gk-gal{order:2}
.gk-main{position:relative;margin:0;border-radius:22px;overflow:hidden;background:#002244;aspect-ratio:4/3;box-shadow:0 30px 70px rgba(0,34,68,.18)}
.gk-main img{width:100%;height:100%;object-fit:contain;display:block;background:#0b1a2b}
.gk-sticker{position:absolute;right:18px;top:18px;background:var(--accent);color:#fff;font-size:20px;padding:10px 16px 12px;transform:rotate(6deg);box-shadow:6px 6px 0 #001427;max-width:9ch;line-height:.95;text-align:center}
.gk-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}
.gk-th{padding:0;border:3px solid transparent;border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;aspect-ratio:4/3;transition:border-color .2s}
.gk-th img{width:100%;height:100%;object-fit:cover;display:block}
.gk-th.on{border-color:var(--accent)}
.gk-txt{color:var(--sec-ink)}
.gk-type{font-size:12px;letter-spacing:.1em;color:var(--accent)}
.gk-txt h2{font-size:clamp(40px,5vw,80px);margin:8px 0 10px}
.gk-claim{font-weight:900;font-style:italic;font-size:clamp(20px,1.8vw,26px);color:var(--accent);margin:0 0 16px}
.gk-txt p{color:var(--sec-muted)}
.gk-txt h3{font-size:18px;margin:26px 0 10px}
.gk-inside{margin:0;padding-left:20px;display:grid;gap:6px;color:var(--sec-muted)}
.gk-fits{display:flex;flex-wrap:wrap;gap:8px}
.gk-fits span{background:#fff;border:1px solid rgba(0,34,68,.14);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:700}
.gk-txt .btn-row{margin-top:30px}
@media (max-width:900px){.gk-item{grid-template-columns:minmax(0,1fr)}.gk-pile{max-width:420px;justify-self:center}.gk-item.flip .gk-gal{order:0}.gk-how ol{grid-template-columns:minmax(0,1fr)}.gk-thumbs{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}}

/* Digital Sales Story */
.ds-sec{position:relative}
.ds-first{padding-top:clamp(100px,10vw,150px)}
.ds-dark{background:var(--primary)}

.ds-sec>*{position:relative}
.ds-head{max-width:900px}
.ds-head h2,.ds-split h2,.ds-story .sec-head h2{font-size:clamp(34px,4.6vw,70px);margin:8px 0 20px}
.ds-head p,.ds-split p{color:var(--fog);font-size:clamp(16px,1.2vw,19px);max-width:62ch}
.ds-split mark{background:var(--accent);color:#fff;padding:0 .14em;display:inline-block;transform:rotate(-2deg)}
.ds-flow{width:100%;height:auto;display:block;margin:clamp(30px,5vw,60px) 0}
.dsf-track{stroke:rgba(255,255,255,.12);stroke-width:4;fill:none}
.dsf-line{stroke:var(--accent);stroke-width:6;fill:none;stroke-linecap:round}
.dsf-n circle{fill:#002244;stroke:var(--accent);stroke-width:5}
.dsf-n text{fill:#fff;font-family:var(--f-mono);font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.ds-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(30px,5vw,80px);align-items:center}
.ds-ticks{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px}
.ds-ticks li{padding-left:30px;position:relative;font-weight:700}
.ds-ticks li::before{content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-weight:900}
.ds-term{background:#001B36;border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.45)}
.ds-term-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;color:var(--fog)}
.ds-term-bar i{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.15)}
.ds-term-bar span{margin-left:10px;letter-spacing:.06em}
.ds-term ol{list-style:none;margin:0;padding:20px 22px 26px;display:grid;gap:12px;font-family:var(--f-mono);font-size:clamp(13px,1vw,15px);color:#d6e2f0}
.ds-term li{display:flex;gap:12px}
.ds-term .p{color:#36d399;flex:none;width:14px}
.ds-term .cmd{color:#fff}.ds-term .cmd .p{color:var(--accent)}
.ds-term .hit{color:#fff;background:rgba(245,0,105,.16);border-radius:8px;padding:6px 8px;margin:0 -8px}.ds-term .hit .p{color:var(--accent)}
.ds-term .out .p{color:var(--accent)}
.ds-chs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ds-ch{background:var(--ink-2);border-radius:20px;padding:24px;display:grid;gap:16px;align-content:start}
.ds-ch img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:14px;padding:9px}
.ds-ch b{font-size:22px;display:block}
.ds-ch .mono{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.ds-ch p{margin:8px 0 0;color:var(--fog);font-size:15px}
.ds-budget{margin-top:26px}
.ds-budget .mono{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fog)}
.ds-bar{display:flex;gap:4px;height:54px;margin-top:10px}
.ds-bar i{flex:var(--w) 1 0;border-radius:12px;display:flex;align-items:center;padding:0 16px;font-style:normal;font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden}
.ds-bar i:nth-child(1){background:var(--accent)}.ds-bar i:nth-child(2){background:#3d6fd1}.ds-bar i:nth-child(3){background:#1d2b3d;border:1px solid rgba(255,255,255,.2)}.ds-bar i:nth-child(4){background:#0a66c2}
.ds-az-top{align-items:end;margin-bottom:clamp(30px,4vw,50px)}
.ds-azgrid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:8px}
.az{position:relative;margin:0;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:#002244}
.az img{width:100%;height:100%;object-fit:cover;display:block}
.az b{position:absolute;left:6px;top:4px;font-weight:900;font-size:18px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.7)}
.az .x{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;color:#fff;opacity:0}
.az .w{position:absolute;left:6px;right:6px;bottom:6px;background:var(--accent);color:#fff;font-size:10px;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:4px;border-radius:6px;opacity:0}
.az.win{outline:3px solid var(--accent);outline-offset:-3px;z-index:1}
.ds-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ds-res{background:var(--ink-2);border-radius:22px;padding:26px;display:grid;gap:8px;align-content:start}
.ds-res h3{margin:0;font-size:clamp(26px,2.4vw,36px)}
.ds-res .mono{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.ds-phone{margin-top:16px;background:#e8ebf1;border-radius:22px;padding:14px;display:grid;gap:10px}
.ds-phone p{margin:0;background:#fff;border-radius:14px;padding:12px 14px;display:grid;gap:2px;box-shadow:0 8px 20px rgba(0,34,68,.1)}
.ds-phone b{color:#002244;font-size:15px}.ds-phone small{color:rgba(0,34,68,.65);font-size:13px}
.ds-dash-head{padding-top:clamp(60px,7vw,100px)}
.ds-out-more{text-align:center;margin:20px 0 0}
@media (max-width:900px){.ds-split,.ds-chs,.ds-results{grid-template-columns:minmax(0,1fr)}.ds-azgrid{grid-template-columns:repeat(6,minmax(0,1fr))}.dsf-n text{font-size:22px}}

/* Grabbelkiste: Kiste mit verschiebbaren Karten + Detail-Dialog */
.gk-crate-sec{padding-top:0}
.gk-crate{position:relative;border-radius:30px;padding:16px;background:#002244;box-shadow:0 40px 90px rgba(0,0,0,.45),inset 0 2px 0 rgba(255,255,255,.12)}
.gk-rim{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px 14px;flex-wrap:wrap}
.gk-label{background:var(--accent);color:#fff;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:7px 12px;border-radius:8px;transform:rotate(-1.5deg);box-shadow:4px 4px 0 #001427}
.gk-hint{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--fog)}
.gk-floor{position:relative;height:clamp(520px,62vw,760px);border-radius:20px;overflow:hidden;background:#002244;box-shadow:inset 0 30px 60px rgba(0,0,0,.55),inset 0 -20px 40px rgba(0,0,0,.4)}

.gk-card{position:absolute;left:var(--x);top:var(--y);width:clamp(180px,22%,300px);padding:10px 10px 14px;border:0;border-radius:14px;background:#fff;color:#002244;text-align:left;cursor:grab;transform:rotate(var(--r));box-shadow:0 18px 40px rgba(0,0,0,.45);touch-action:none;user-select:none;transition:box-shadow .25s,transform .25s;display:grid;gap:10px;font:inherit}
.gk-card:hover{box-shadow:0 26px 60px rgba(0,0,0,.55);transform:rotate(var(--r)) translateY(-4px)}
.gk-card.drag{cursor:grabbing;transition:none;box-shadow:0 34px 70px rgba(0,0,0,.6);transform:rotate(calc(var(--r) * .4)) scale(1.04)}
.gk-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;display:block;pointer-events:none;background:#0b1a2b}
.gk-c-txt{display:grid;gap:2px;padding:0 4px}
.gk-c-txt .mono{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.gk-c-txt b{font-weight:900;font-size:18px;text-transform:uppercase;letter-spacing:-.01em}
.gk-dlg{width:min(1180px,calc(100vw - 32px));max-height:calc(100svh - 40px);border:0;border-radius:28px;padding:clamp(20px,3vw,40px);background:var(--secondary,#e8ebf1);color:var(--sec-ink);box-shadow:0 40px 120px rgba(0,0,0,.6);overflow:auto}
.gk-dlg::backdrop{background:rgba(0,10,22,.78);backdrop-filter:blur(6px)}
.gk-dlg[open]{animation:gkIn .35s cubic-bezier(.2,.8,.2,1)}
@keyframes gkIn{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
.gk-x{position:sticky;top:0;float:right;width:44px;height:44px;border-radius:50%;border:0;background:#002244;color:#fff;font-size:18px;cursor:pointer;z-index:2}
.gk-dlg .gk-item{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;clear:both}
.gk-dlg .gk-txt h2{font-size:clamp(36px,4.4vw,68px)}
.gk-actions{position:sticky;bottom:calc(-1*clamp(20px,3vw,40px));display:flex;flex-wrap:wrap;gap:10px;margin:28px calc(-1*clamp(20px,3vw,40px)) calc(-1*clamp(20px,3vw,40px));padding:18px clamp(20px,3vw,40px);background:rgba(232,235,241,.94);backdrop-filter:blur(8px);border-top:1px solid rgba(0,34,68,.12);z-index:3}
.gk-dlg .btn.ghost{color:#002244;border:2px solid rgba(0,34,68,.3);background:#fff}
@media (max-width:900px){.gk-card{width:44%}.gk-dlg .gk-item{grid-template-columns:minmax(0,1fr)}.gk-floor{height:640px}}

/* ===== Blau/Hell-Wechsel: Bausteine passen sich der Sektion an ===== */
.light{--ink-2:#fff;--fog:var(--sec-muted);--line:var(--sec-line)}
.light :is(.bgh-problem>div,.bgh-lage>div,.gk-how li,.ds-ch,.ds-res,.ki-flow li,.bgh-role:not(.us),.bgh-var,.steps li,.phases>*){box-shadow:0 1px 2px rgba(0,34,68,.06),0 14px 34px rgba(0,34,68,.07)}
.light .ds-ticks li,.light .ki-not li b{color:var(--sec-ink)}
.light .ki-not li{border-top-color:var(--sec-line)}

.light .ds-head p,.light .ds-split p{color:var(--sec-muted)}
.light .dsf-track{stroke:rgba(0,34,68,.12)}
.light .dsf-n text{fill:var(--sec-ink)}
.light .dsf-n circle{fill:#fff}
.light .ds-phone{background:var(--secondary)}
.light .ds-ch img{box-shadow:0 0 0 1px var(--sec-line)}
.light .ds-bar i:nth-child(3){background:#002244;color:#fff;border:0}
.light .ds-bar i{color:#fff}
.light .ds-budget .mono{color:var(--sec-muted)}
/* Agenten-Grafik auf hellem Grund */
.light .ag-track{stroke:rgba(0,34,68,.18)}
.light .ag-hline{stroke:rgba(0,34,68,.25)}
.light .ag-team-c{fill:#002244}.light .ag-team-i{stroke:#fff}
.light .ag-team-t{fill:var(--sec-ink)}
.light .ag-box{fill:#002244;stroke:none}
.light .ag-status{color:var(--sec-ink)}
.light .ag-packet{fill:#002244}
/* Startseite: How we work auf Blau */
.how-dark{background:var(--primary)}
.how-dark .how-head p,.how-dark .how-txt p{color:var(--fog)}
.how-dark .how-txt .how-sub,.how-dark .how-link{color:#fff}
/* Skizzen-Kapitel auf Blau (Papierkarten bleiben hell) */
.bgh-desk{background:var(--primary);color:#fff}
.bgh-desk .sec-head p,.bgh-sb p{color:var(--fog)}
.bgh-desk .bgh-sb p{color:var(--fog)}
/* Lösungsliste der Startseite hell */
.light .srv h3,.light .srv a{color:var(--sec-ink)}
.light .srv li:hover a,.light .srv li:focus-within a{color:#fff}
.quote{color:var(--sec-ink)}

/* Startseite: Lösungs-Karten als Bildkarten */
.solcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.solc{position:relative;display:flex;align-items:flex-end;aspect-ratio:4/4.4;border-radius:22px;overflow:hidden;background:#002244;color:#fff;text-decoration:none;isolation:isolate;box-shadow:0 18px 40px rgba(0,34,68,.14)}
.solc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s var(--ease),filter .5s}
.solc::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,20,40,.96) 0%,rgba(0,20,40,.72) 38%,rgba(0,20,40,.1) 70%,rgba(0,20,40,.25) 100%);transition:background .5s}
.solc:hover img{transform:scale(1.06)}
.solc:hover::after{background:linear-gradient(0deg,rgba(0,20,40,.97) 0%,rgba(0,20,40,.85) 55%,rgba(0,20,40,.45) 100%)}
.solc-no{position:absolute;left:22px;top:20px;font-size:13px;letter-spacing:.1em;background:rgba(0,20,40,.6);backdrop-filter:blur(6px);padding:6px 10px;border-radius:8px}
.solc-in{display:grid;gap:8px;padding:clamp(20px,2vw,30px)}
.solc-in .mono{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.solc h3{margin:0;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.95;font-size:clamp(26px,2.4vw,40px)}
.solc-claim{margin:0;font-weight:700;font-size:16px}
.solc-txt{margin:0;font-size:15px;color:rgba(255,255,255,.75);max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .4s}
.solc:hover .solc-txt,.solc:focus-visible .solc-txt{max-height:6em;opacity:1}
.solc-go{justify-self:start;margin-top:6px;display:inline-flex;gap:8px;align-items:center;background:var(--accent);color:#fff;font-weight:800;font-size:14px;padding:9px 16px;border-radius:999px;transition:gap .3s}
.solc:hover .solc-go{gap:14px}
@media (max-width:900px){.solcs{grid-template-columns:minmax(0,1fr)}.solc{aspect-ratio:4/3.4}.solc-txt{max-height:6em;opacity:1}}
@media (min-width:901px) and (max-width:1200px){.solcs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Startseite: Vergleich als laufende Videos */
.cmpv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.cmpv-side{margin:0;display:grid;gap:14px}
.cmpv-side figcaption{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px}
.cmpv-side.off figcaption{color:var(--sec-muted)}
.cmpv-frame{border-radius:22px;overflow:hidden;aspect-ratio:3/2;background:#E8EBF1;box-shadow:0 24px 60px rgba(0,34,68,.14)}
.cmpv-side.on .cmpv-frame{background:#002244;box-shadow:0 24px 60px rgba(0,34,68,.28),0 0 0 3px var(--accent)}
.cmpv-frame video{width:100%;height:100%;object-fit:cover;display:block}
.cmpv-side p{margin:0;color:var(--sec-muted);font-size:15px}
.cmpv-side.on p{color:var(--sec-ink);font-weight:700}
.cmpv-cta{margin-top:clamp(28px,3vw,44px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 30px;background:#002244;color:#fff;border-radius:22px;padding:22px 26px;box-shadow:0 20px 50px rgba(0,34,68,.2)}
.cmpv-cta b{display:block;font-size:clamp(18px,1.6vw,23px);font-weight:900}
.cmpv-cta span{display:block;color:rgba(255,255,255,.7);font-size:15px;margin-top:4px}
.cmpv-cta .btn-row{margin:0;align-items:center;gap:18px}
.cmpv-cta .link-arrow{color:#fff}
@media (max-width:900px){.cmpv{grid-template-columns:minmax(0,1fr)}}
.cmpv-side.on .cmp-ic{background:var(--accent);color:#fff}

/* ===== Storys: Cold Outreach, Recruiting, Websites, Video ===== */
.st-sec .rc-h h2{font-size:clamp(32px,4.2vw,64px)}
.co-block{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,80px);align-items:center;margin-top:clamp(50px,7vw,100px)}
.co-block.flip>div:first-child{order:2}
.co-block h3,.co-under h3{font-size:clamp(24px,2.4vw,36px);margin:10px 0 12px;line-height:1.1}
.co-block p,.co-under p{color:var(--fog)}
.co-no{font-size:12px;letter-spacing:.1em;color:var(--accent)}
.co-search,.co-mail{background:#fff;color:#002244;border-radius:20px;box-shadow:0 30px 70px rgba(0,34,68,.16);overflow:hidden}
.co-bar{display:flex;flex-wrap:wrap;gap:8px;padding:16px;border-bottom:1px solid rgba(0,34,68,.08);font-size:11px}
.co-bar span{background:#E8EBF1;border-radius:999px;padding:6px 10px}.co-bar .on{background:#F50069;color:#fff}
.co-rows{list-style:none;margin:0;padding:6px 16px 10px}
.co-rows li{display:grid;grid-template-columns:1.3fr 1.2fr 1fr 90px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,34,68,.07);font-size:14px}
.co-rows li.h{font-size:10px;color:rgba(0,34,68,.55);padding:8px 0}
.co-rows .sig{background:rgba(245,0,105,.1);color:#c4005a;border-radius:8px;padding:4px 8px;font-weight:700;font-size:13px;justify-self:start}
.co-rows .m{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px}
.co-rows .m i{height:6px;border-radius:3px;background:#F50069;display:block;max-width:50px}
.co-note{font-size:10px;letter-spacing:.08em;color:rgba(0,34,68,.45);padding:0 16px 12px;margin:0}
.co-mail{padding:22px 26px 26px;font-size:16px;line-height:1.55}
.co-mrow{font-size:12px;color:rgba(0,34,68,.6);padding:8px 0;border-bottom:1px solid rgba(0,34,68,.08);text-transform:none;letter-spacing:.02em}
.co-mrow b{color:#002244;margin-right:10px;text-transform:uppercase}
.co-mail p{margin:14px 0 0;color:#002244}
.co-mail mark{background:linear-gradient(transparent 60%,rgba(245,0,105,.28) 60%);color:inherit;position:relative;padding:0 2px}
.co-mail mark[data-src]::after{content:attr(data-src);display:inline-block;margin-left:5px;vertical-align:2px;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;background:#F50069;color:#fff;padding:2px 6px;border-radius:6px;white-space:nowrap}
.co-send{display:inline-block;margin-top:16px;background:#F50069;color:#fff;font-weight:800;font-size:14px;padding:10px 20px;border-radius:999px}
.co-seq{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative}
.co-seq::before{content:"";position:absolute;left:6%;right:6%;top:22px;height:2px;background:linear-gradient(90deg,#F50069,rgba(245,0,105,.2))}
.co-seq li{position:relative;background:var(--ink-2);border-radius:18px;padding:52px 18px 20px;display:grid;gap:6px;align-content:start}
.co-seq li::before{content:"";position:absolute;left:18px;top:14px;width:18px;height:18px;border-radius:50%;background:#F50069;box-shadow:0 0 0 5px rgba(245,0,105,.2)}
.co-seq .mono{font-size:11px;color:#F50069;letter-spacing:.1em}
.co-seq b{font-size:18px}.co-seq p{margin:0;font-size:14px;color:var(--fog)}
.co-block .co-seq{grid-column:1/-1}
.co-block:has(.co-seq){grid-template-columns:minmax(0,1fr)}
.co-under{margin-top:clamp(50px,7vw,100px);display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:clamp(20px,4vw,60px);align-items:center;background:#002244;color:#fff;border-radius:26px;padding:clamp(20px,3vw,36px)}
.co-under p{color:rgba(255,255,255,.7)}.co-under .link-arrow{color:#fff}
.co-agents .ag-stage{min-height:0!important;height:auto!important}
.co-agents .ag-status{color:#fff}
.co-agents .ag-track{stroke:rgba(255,255,255,.14)}.co-agents .ag-hline{stroke:rgba(255,255,255,.22)}
.co-agents .ag-team-c{fill:#fff}.co-agents .ag-team-i{stroke:#002244}.co-agents .ag-team-t{fill:#fff}.co-agents .ag-box{fill:#0C2C4E;stroke:rgba(255,255,255,.16)}.co-agents .ag-packet{fill:#fff}
/* Recruiting */
.rc-board{margin:0;border-radius:22px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.25)}.rc-board img{width:100%;display:block}
.rc-ads{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:clamp(36px,5vw,64px)}
.rc-ad{background:#fff;color:#002244;border-radius:14px;padding:12px;display:grid;gap:6px;font-size:12px;box-shadow:0 10px 26px rgba(0,34,68,.12)}
.rc-ad .rc-ph{height:70px;border-radius:8px;background:linear-gradient(135deg,#c9d2de,#e6ebf2)}
.rc-ad b{font-size:14px}.rc-ad i{font-style:normal;color:rgba(0,34,68,.6)}
.rc-ad .rc-btn{background:#002244;color:#fff;border-radius:999px;padding:5px 8px;text-align:center;font-weight:700;font-size:11px}
.rc-stamp{position:absolute;left:50%;top:50%;translate:-50% -50%;background:#F50069;color:#fff;font-size:clamp(40px,6vw,90px);padding:6px 28px 12px;box-shadow:10px 10px 0 #002244;text-transform:uppercase}
.rc-king{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.rc-portrait{position:relative;margin:0;border-radius:18px;overflow:visible}
.rc-portrait :is(img,video){aspect-ratio:3/2;object-fit:cover;width:100%;display:block;border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.4)}
.rc-bubble{position:absolute;right:-4%;top:-6%;max-width:52%;background:#fff;color:#002244;font-weight:800;font-size:clamp(15px,1.4vw,20px);padding:16px 20px;border-radius:22px 22px 4px 22px;box-shadow:0 20px 40px rgba(0,0,0,.3)}
.rc-vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:clamp(28px,4vw,50px)}
.rc-col{border-radius:22px;padding:28px;display:grid;gap:12px;align-content:start}
.rc-col.off{background:var(--ink-2)}.rc-col.on{background:#F50069;color:#fff}
.rc-col .mono{font-size:12px;letter-spacing:.1em;opacity:.8}
.rc-col h3{margin:0;font-size:clamp(22px,2vw,30px)}
.rc-col ul{margin:0;padding-left:20px;display:grid;gap:8px}
.rc-col.off ul{color:var(--fog)}
.rc-grow{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
.rc-seed{width:100%;max-width:300px;justify-self:center}
.rc-seed .soil{fill:#5a3b22}.rc-seed .s0{fill:#c89b5c}
.rc-seed path[data-grow]{fill:none;stroke:#3fae5a;stroke-width:7;stroke-linecap:round}
.rc-seed .s4{fill:#F50069}.rc-seed .s4c{fill:#ffd166}
.rc-stages{list-style:none;margin:clamp(30px,4vw,50px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.rc-stages li{background:var(--ink-2);border-radius:20px;padding:24px;display:grid;gap:8px;align-content:start;border-top:4px solid #F50069}
.rc-stages .mono{font-size:11px;letter-spacing:.1em;color:#F50069}
.rc-stages h3{margin:0;font-size:24px}.rc-stages b{font-size:15px}.rc-stages p{margin:0;color:var(--fog);font-size:15px}
.rc-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:clamp(28px,4vw,50px)}
.rc-v,.rc-post{margin:0;border-radius:16px;overflow:hidden;position:relative;aspect-ratio:4/5;background:#002244}
.rc-v video,.rc-post img{width:100%;height:100%;object-fit:cover;display:block}
.rc-v figcaption,.rc-post figcaption{position:absolute;left:10px;bottom:10px;right:10px;background:rgba(0,20,40,.8);color:#fff;font-size:10px;letter-spacing:.06em;padding:6px 8px;border-radius:8px}
.rc-phone{justify-self:center;width:min(360px,100%);background:#0b1a2b;border-radius:40px;padding:14px;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.rc-feed{background:#E8EBF1;border-radius:28px;padding:18px 14px;display:grid;gap:12px;min-height:420px;align-content:start}
.rc-msg{background:#fff;color:#002244;border-radius:18px;padding:14px 16px;display:grid;gap:4px;box-shadow:0 8px 20px rgba(0,34,68,.1)}
.rc-msg .mono{font-size:10px;letter-spacing:.08em;color:#F50069}.rc-msg b{font-size:15px}.rc-msg small{color:rgba(0,34,68,.6)}
.rc-msg.hi{outline:3px solid #F50069}
.rc-phone .co-note{color:rgba(255,255,255,.5);padding:10px 4px 0}
.rc-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);margin-top:28px;border-radius:24px;overflow:hidden;background:#002244;color:#fff;text-decoration:none;box-shadow:0 30px 70px rgba(0,34,68,.2)}
.rc-case img{width:100%;height:100%;object-fit:cover;display:block;min-height:260px}
.rc-case>div{padding:clamp(22px,3vw,40px);display:grid;gap:10px;align-content:center}
.rc-case .mono{font-size:12px;letter-spacing:.1em;color:#F50069}.rc-case h3{margin:0;font-size:clamp(24px,2.4vw,36px)}.rc-case p{margin:0;color:rgba(255,255,255,.75)}
/* Websites */
.wb-flow{width:100%;height:auto}
.wb-site{fill:#fff;stroke:rgba(0,34,68,.15);stroke-width:2}.wb-hero{fill:#002244}.wb-l{fill:#d5dbe5}.wb-cta{fill:#F50069}
.wb-t{font-family:var(--f-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;fill:var(--sec-muted)}.wb-t.pk{fill:#F50069}
.wb-dot{fill:#7fa2c8}
.ds-dark .wb-t{fill:rgba(255,255,255,.7)}
.wb-marquee{overflow:hidden;margin-top:clamp(30px,4vw,50px);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.wb-marquee>div{display:flex;gap:14px;width:max-content;animation:wbm 40s linear infinite}
.wb-marquee img{height:clamp(140px,16vw,220px);border-radius:14px;display:block}
@keyframes wbm{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.wb-marquee>div{animation:none}}
.wb-shot{position:relative;margin:0;border-radius:20px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.3)}.wb-shot img{width:100%;display:block}
.wb-pin{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#F50069;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px rgba(245,0,105,.25)}
.wb-q{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.wb-q li{display:flex;gap:14px;align-items:center;background:var(--ink-2);border-radius:14px;padding:14px 16px;font-weight:800;font-size:18px}
.wb-q b{width:34px;height:34px;border-radius:50%;background:#F50069;color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.wb-anat{list-style:none;margin:clamp(28px,4vw,50px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wb-anat li{background:var(--ink-2);border-radius:20px;padding:24px;display:grid;gap:8px}
.wb-anat .mono{color:#F50069;font-size:12px;letter-spacing:.1em}.wb-anat b{font-size:22px}.wb-anat p{margin:0;color:var(--fog)}
.wb-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.wb-score{position:relative;background:var(--ink-2);border-radius:20px;padding:20px;display:grid;justify-items:center;gap:6px}
.wb-score svg{width:120px;height:120px;transform:rotate(-90deg)}
.wb-score .t{fill:none;stroke:rgba(127,162,200,.25);stroke-width:10}
.wb-score .v{fill:none;stroke:#3fae5a;stroke-width:10;stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:calc(100 - var(--v))}
.wb-score b{position:absolute;top:58px;font-size:32px;font-weight:900}
.wb-score span{font-weight:700}
.wb-scores .co-note{grid-column:1/-1;padding:0}
/* Video */
.vp-collage{position:relative;aspect-ratio:4/3.4}
.vp-collage video{position:absolute;border-radius:18px;object-fit:cover;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.vp-collage video:first-child{left:0;top:0;width:78%;aspect-ratio:16/9}
.vp-collage video:last-child{right:0;bottom:0;width:36%;aspect-ratio:9/16;border:6px solid #fff}
.vp-fs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:clamp(28px,4vw,50px)}
.vp-f{position:relative;margin:0;border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:#002244;color:#fff}
.vp-f video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vp-f::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,20,40,.92),rgba(0,20,40,0) 60%)}
.vp-f figcaption{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;display:grid;gap:4px}
.vp-f b{font-size:22px;font-weight:900;text-transform:uppercase}.vp-f span{font-size:14px;color:rgba(255,255,255,.78)}
.vp-day{list-style:none;margin:clamp(28px,4vw,50px) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:d}
.vp-day li{background:var(--ink-2);border-radius:20px;padding:22px;display:grid;gap:8px;align-content:start}
.vp-n{font-size:46px;line-height:1;color:#F50069}.vp-day b{font-size:19px}.vp-day p{margin:0;font-size:14.5px;color:var(--fog)}
.vp-bts{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.vp-bts figure{margin:0;background:#fff;padding:8px 8px 30px;border-radius:6px;transform:rotate(var(--r));box-shadow:0 18px 40px rgba(0,0,0,.3);position:relative}
.vp-bts img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.vp-bts figcaption{position:absolute;left:10px;bottom:8px;font-size:10px;color:#002244;letter-spacing:.06em}
@media (max-width:900px){.co-block,.co-under,.rc-vs,.rc-case,.rc-king,.rc-grow{grid-template-columns:minmax(0,1fr)}.co-block.flip>div:first-child{order:0}.co-seq,.rc-stages,.wb-anat,.vp-fs,.vp-day{grid-template-columns:minmax(0,1fr)}.rc-ads{grid-template-columns:repeat(3,minmax(0,1fr))}.rc-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.co-rows li{grid-template-columns:1fr 1fr;}.co-rows li span:nth-child(3){display:none}.rc-bubble{right:4%}}

.co-agents .ag-brief .ag-box{fill:#fff}
.bgh-problem b{font-size:clamp(34px,4vw,64px);white-space:nowrap}
.vp-n{font-weight:900}

/* ===== Kapitel-Köpfe: Überschrift links, Einleitung rechts, große Kapitelnummer ===== */
body:has(.bgh-story) :is(.ds-head,.sec-head.chead){position:relative;isolation:isolate;max-width:none;display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);grid-template-areas:"k p" "h p";column-gap:clamp(30px,6vw,110px);align-items:end;margin-bottom:clamp(30px,4vw,56px)}
body:has(.bgh-story) :is(.ds-head,.sec-head.chead)>.kicker{grid-area:k;align-self:end}
body:has(.bgh-story) :is(.ds-head,.sec-head.chead)>h2{grid-area:h;margin:10px 0 0!important;font-size:clamp(36px,4.8vw,80px)!important;line-height:.93;max-width:16ch}
body:has(.bgh-story) :is(.ds-head,.sec-head.chead)>p{grid-area:p;align-self:end;margin:0 0 6px!important;padding-left:22px;border-left:4px solid var(--accent);font-size:clamp(16px,1.25vw,19px)!important;max-width:44ch}
body:has(.bgh-story) :is(.ds-head,.sec-head.chead):not(:has(>p)){grid-template-areas:"k" "h";grid-template-columns:minmax(0,1fr)}
.chead[data-no]::before{content:attr(data-no);position:absolute;right:-.02em;top:-.38em;z-index:-1;font-family:var(--f-display,Montserrat);font-weight:900;font-size:clamp(140px,17vw,300px);line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:2px rgba(0,34,68,.1);pointer-events:none}
section:not(.light) .chead[data-no]::before{-webkit-text-stroke-color:rgba(255,255,255,.12)}
@media (max-width:900px){body:has(.bgh-story) :is(.ds-head,.sec-head.chead){grid-template-columns:minmax(0,1fr);grid-template-areas:"k" "h" "p"}body:has(.bgh-story) :is(.ds-head,.sec-head.chead)>p{margin-top:18px!important}.chead[data-no]::before{font-size:110px;top:-.15em}}

.big{font-family:var(--f-display,Montserrat);font-weight:900;text-transform:uppercase;letter-spacing:-.02em}
/* Digital Sales: Schmerz-Einstieg */
.ds-pain{align-items:start;margin-bottom:0}
.ds-pain h2{font-size:clamp(34px,4.2vw,66px);margin:10px 0 18px}
.ds-pains{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.ds-pains li{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:14px;padding:14px 16px;font-weight:700;box-shadow:0 8px 22px rgba(0,34,68,.07)}
.ds-pains .bx{flex:none;width:24px;height:24px;border-radius:7px;border:2.5px solid var(--accent);position:relative;margin-top:1px}
.ds-pains .bx::after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:900;background:var(--accent);opacity:var(--on,0);transition:opacity .2s}
.ds-pain-sum{margin-top:20px!important;padding:16px 18px;border-radius:14px;background:#002244;color:#fff!important}
.ds-pain-sum b{color:var(--accent)}
.ds-bill{position:relative;background:#fff;color:#002244;border-radius:6px;padding:30px 30px 40px;box-shadow:0 30px 70px rgba(0,34,68,.18);transform:rotate(2deg);font-family:var(--f-mono);margin-top:40px}
.ds-bill::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:14px;background:radial-gradient(circle at 10px 0,transparent 9px,#fff 10px) 0 0/20px 14px repeat-x}
.ds-bill>.mono{font-size:12px;letter-spacing:.12em;color:rgba(0,34,68,.55)}
.ds-bill ol{list-style:none;margin:18px 0 0;padding:0}
.ds-bill li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px dashed rgba(0,34,68,.2);font-size:15px}
.ds-bill li.tot{border-bottom:0;border-top:2px solid #002244;margin-top:6px;font-size:17px}
.ds-bill li.tot b{color:var(--accent)}
.ds-bill small{display:block;margin-top:14px;font-size:10px;letter-spacing:.08em;color:rgba(0,34,68,.4)}
.ds-paid-stamp{position:absolute;right:-22px;top:auto;bottom:-34px;font-size:48px;color:var(--accent);border:5px solid var(--accent);padding:4px 18px 8px;transform:rotate(-14deg);opacity:.85;text-transform:uppercase;border-radius:8px}
.ds-explain{margin-top:10px}

/* Social Media */
.sm-feed{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sm-fp{position:relative;display:block;border-radius:10px;overflow:hidden;transform:rotate(var(--r));box-shadow:0 12px 30px rgba(0,0,0,.2);filter:grayscale(.5)}
.sm-fp img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.sm-fp i{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.6);color:#fff;font-style:normal;font-size:12px;padding:3px 7px;border-radius:6px}
.sm-stamp{font-size:clamp(36px,5vw,70px)!important}
.sm-plan{background:#fff;color:#002244;border-radius:22px;box-shadow:0 30px 70px rgba(0,34,68,.14);overflow:hidden}
.sm-plan-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid rgba(0,34,68,.08);font-size:12px}
.sm-legend{display:flex;gap:6px 12px;flex-wrap:wrap;align-items:center;text-transform:none;letter-spacing:.02em}
.sm-legend i{width:10px;height:10px;border-radius:3px;display:inline-block;margin-left:6px}
.sm-week{list-style:none;margin:0;padding:16px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.sm-week li{display:grid;gap:8px;align-content:start;min-height:200px;background:#f4f6f9;border-radius:14px;padding:10px}
.sm-week li>b{font-size:12px;color:rgba(0,34,68,.6)}
.sm-post{display:grid;gap:3px;border-radius:10px;padding:8px 9px;font-size:12.5px;font-weight:700;line-height:1.25;color:#fff}
.sm-post i{font-style:normal;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.p{} .sm-post.p,.sm-legend .p{background:#F50069}.sm-post.t,.sm-legend .t{background:#002244}.sm-post.k,.sm-legend .k{background:#3d6fd1}.sm-post.r,.sm-legend .r{background:#f2a33a}.sm-post.s,.sm-legend .s{background:#c9d2de;color:#002244}
.sm-check{background:#fff;color:#002244;border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.25);overflow:hidden}
.sm-ck-head{padding:20px 22px;border-bottom:1px solid rgba(0,34,68,.08);display:grid;gap:4px}
.sm-ck-head .mono{font-size:11px;color:rgba(0,34,68,.5)}.sm-ck-head b{font-size:20px}
.sm-ck-tag{justify-self:start;background:#E8EBF1;border-radius:999px;padding:4px 10px}
.sm-check ol{list-style:none;margin:0;padding:10px 22px}
.sm-check li{display:grid;grid-template-columns:1fr 110px 34px;gap:12px;align-items:center;padding:10px 0;font-size:14.5px;font-weight:600;border-bottom:1px solid rgba(0,34,68,.06)}
.sm-bar{height:8px;border-radius:4px;background:#E8EBF1;overflow:hidden}.sm-bar i{display:block;height:100%;width:var(--v);background:#F50069;border-radius:4px}
.sm-check li b{text-align:right}
.sm-ck-res{display:grid;gap:2px;padding:18px 22px;background:#002244;color:#fff}
.sm-ck-res .mono{font-size:11px;opacity:.6}.sm-ck-res b{font-size:24px;color:#F50069}.sm-ck-res small{opacity:.75}
.sm-phones{position:relative;display:flex;gap:14px;justify-content:center}
.sm-phones video{width:31%;aspect-ratio:9/16;object-fit:cover;border-radius:22px;border:6px solid #0b1a2b;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.sm-phones video:nth-child(2){transform:translateY(-26px)}
.sm-chat{gap:10px}
.sm-c{max-width:82%;padding:10px 13px;border-radius:16px;font-size:14px;line-height:1.35;color:#002244;background:#fff;box-shadow:0 6px 14px rgba(0,34,68,.08)}
.sm-c small{display:block;font-size:10px;font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;opacity:.55;margin-bottom:3px}
.sm-c.b{justify-self:end;background:#F50069;color:#fff;border-bottom-right-radius:4px}.sm-c.k{border-bottom-left-radius:4px}
.sm-next{margin-top:30px!important;font-size:12px;letter-spacing:.1em;color:var(--accent)}
@media (max-width:900px){.sm-week{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-feed{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Sektionsköpfe auf allen übrigen Unterseiten: gleiche Sprache wie die Kapitel-Köpfe */
body:not(:has(#creative)) .sec-head:not(.chead){grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);column-gap:clamp(30px,6vw,110px);align-items:end}
body:not(:has(#creative)) .sec-head:not(.chead)>h2{font-size:clamp(34px,4.4vw,72px);line-height:.93;margin:0}
body:not(:has(#creative)) .sec-head:not(.chead)>p{margin:0 0 6px;padding-left:22px;border-left:4px solid var(--accent);max-width:44ch;font-size:clamp(16px,1.2vw,19px)}
body:not(:has(#creative)) .sec-head:not(.chead)>p:empty{display:none}

/* Saubere Umbrüche überall */
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}

/* Lösungs-Kopf: Name passt in die Spalte */
.h1fit{display:block;font-size:min(var(--fit),112px);line-height:.92}
.phead .grid>div:first-child{position:relative;z-index:2;min-width:0}

/* Kapitel-Navi: mehr Luft */
.bgh-navbar{margin-top:34px}
.bgh-nav{gap:8px;padding:7px}
.bgh-nav a{padding:10px 18px;gap:10px}

/* Enthaltene Leistungen */
.svc2{position:relative;gap:12px;padding:26px 26px 24px;border-radius:22px;overflow:hidden}
.svc2::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.svc2:hover::after{transform:scaleX(1)}
.svc-top{display:flex;justify-content:space-between;align-items:center}
.svc-top .mono{font-size:13px;letter-spacing:.1em;color:var(--accent)}
.svc-ic{width:50px;height:50px;padding:12px;border-radius:15px;background:rgba(245,0,105,.1);stroke:var(--accent);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:background .3s,stroke .3s}
.svc2:hover .svc-ic{background:var(--accent);stroke:#fff}
.svc2 h3{font-size:22px}
.svc2 .more i{font-style:normal;display:inline-block;transition:transform .3s}
.svc2:hover .more i{transform:translateX(6px)}

/* Weitere Lösungen */
.solcs-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.solc-sm{aspect-ratio:3/4}
.solc-sm h3{font-size:clamp(20px,1.6vw,26px)}
.solc-sm .solc-claim{font-size:14px}
.solc-sm .solc-go{font-size:13px;padding:7px 13px}
@media (max-width:1200px){.solcs-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.solcs-5{grid-template-columns:repeat(2,minmax(0,1fr))}.solc-sm .solc-claim{display:none}}

/* Mailstrecke */
.co-shead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(24px,3vw,40px)}
.co-shead h3{font-size:clamp(30px,3.4vw,52px)!important;line-height:1;margin:10px 0 0!important}
.co-shead p{margin:0 0 4px;padding-left:20px;border-left:4px solid var(--accent);font-size:clamp(16px,1.2vw,18px)}
.co-strecke .co-seq li{padding:58px 22px 24px;gap:8px}
.co-day{font-size:clamp(26px,2.2vw,34px);line-height:1;color:var(--accent)}
.co-strecke .co-seq b{font-size:19px;line-height:1.2}
.co-strecke .co-seq p{font-size:15px;line-height:1.45}
@media (max-width:900px){.co-shead{grid-template-columns:minmax(0,1fr)}}

/* Drehtag-Timeline */
.vp-day{position:relative;gap:16px;padding-top:34px}
.vp-day::before{content:"";position:absolute;left:28px;right:28px;top:62px;height:3px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent) var(--fill,0%),rgba(245,0,105,.18) var(--fill,0%));border-radius:2px}
.vp-day li{position:relative;padding:76px 22px 24px;border-radius:22px;gap:6px;transition:transform .3s}
.vp-dot{position:absolute;left:22px;top:-8px;width:56px;height:56px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px var(--secondary),0 10px 24px rgba(0,34,68,.15);display:flex;align-items:center;justify-content:center}
.vp-dot svg{width:26px;height:26px;fill:none;stroke:var(--accent);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.vp-when{position:absolute;right:20px;top:26px;font-size:10.5px;letter-spacing:.1em;color:var(--sec-muted)}
.vp-day .vp-n{font-size:15px;letter-spacing:.1em;color:var(--accent)}
.vp-day b{font-size:21px;line-height:1.15}
.vp-day li.vp-hero{background:#002244;color:#fff;transform:translateY(-14px);box-shadow:0 26px 50px rgba(0,34,68,.3)}
.vp-day li.vp-hero p{color:rgba(255,255,255,.75)}.vp-day li.vp-hero .vp-when{color:#fff}
.vp-day li.vp-hero .vp-dot{background:var(--accent)}.vp-day li.vp-hero .vp-dot svg{stroke:#fff}
:not(.light)>.vp-day .vp-dot{box-shadow:0 0 0 6px var(--primary),0 10px 24px rgba(0,0,0,.3)}
@media (max-width:900px){.vp-day::before{display:none}.vp-day li.vp-hero{transform:none}}

/* KI-Akquise */
.ka-inbox{position:relative;display:grid;gap:10px}
.ka-spam{background:#fff;color:#002244;border-radius:14px;padding:14px 18px;display:grid;gap:4px;box-shadow:0 8px 20px rgba(0,34,68,.1);filter:grayscale(1);opacity:.75}
.ka-spam:nth-child(odd){transform:rotate(-1deg)}.ka-spam:nth-child(even){transform:rotate(1.2deg)}
.ka-spam .mono{font-size:10px;letter-spacing:.08em;color:rgba(0,34,68,.5)}.ka-spam b{font-size:15px}.ka-spam p{margin:0;font-size:14px;color:rgba(0,34,68,.65)}
#agenten.st-sec .ag-stage{padding-top:20px}
.ka-cal{background:#fff;color:#002244;border-radius:22px;box-shadow:0 30px 70px rgba(0,34,68,.16);overflow:hidden}
.ka-cal-top{padding:16px 20px;border-bottom:1px solid rgba(0,34,68,.08);font-size:12px;letter-spacing:.08em}
.ka-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto repeat(5,64px);gap:8px;padding:16px}
.ka-d{font-size:11px;color:rgba(0,34,68,.55);text-align:center}
.ka-ev{background:#002244;color:#fff;border-radius:10px;padding:8px;font-size:11.5px;font-weight:700;line-height:1.25;display:grid;gap:2px;align-content:center}
.ka-ev b{font-family:var(--f-mono);font-size:10px;color:var(--accent);font-weight:500}
.ka-ev:nth-of-type(3n){background:var(--accent)}.ka-ev:nth-of-type(3n) b{color:#fff}
#agenten.st-sec{padding-top:0}
#agenten.st-sec .ag-stage{padding-top:150px;min-height:100svh;box-sizing:border-box}
#agenten.st-sec .ds-head{margin-bottom:10px}
#agenten.st-sec .ds-head>h2{font-size:clamp(28px,3vw,46px)!important;max-width:none}
#agenten.st-sec .ds-head>p{font-size:15px!important}
#agenten.st-sec .chead[data-no]::before{display:none}

/* Digital Sales Einstieg: eine große Überschrift, Rest ruhiger */
.ds-pain h2{font-size:clamp(32px,3.6vw,56px)!important;max-width:15ch}
.ds-pain>div:first-child>p{font-size:17px;max-width:46ch}
.ds-pains li{padding:11px 14px;font-size:15px}
.ds-pain-sum{font-size:15.5px}
.ds-explain{margin-top:clamp(40px,6vw,80px);padding-top:clamp(36px,5vw,64px);border-top:1px solid rgba(0,34,68,.12);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px clamp(30px,5vw,80px);align-items:end}
.ds-explain .kicker{grid-column:1/-1}
.ds-explain h3{margin:0;font-size:clamp(24px,2.4vw,36px);line-height:1.1}
.ds-explain p{margin:0;color:var(--sec-muted);font-size:16px;max-width:52ch}
.ds-explain + .ds-flow{margin:clamp(24px,3vw,40px) 0}
.ds-facts b{font-size:clamp(30px,3.2vw,48px)!important}
@media (max-width:900px){.ds-explain{grid-template-columns:minmax(0,1fr)}}

/* Websites: Anatomie am echten Screenshot */
.wb-anat2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:clamp(24px,4vw,60px);align-items:center;margin-top:clamp(20px,3vw,40px)}
.wb-browser{position:relative;margin:0 0 40px;background:#fff;border-radius:18px;box-shadow:0 30px 70px rgba(0,34,68,.18)}
.wb-bbar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid rgba(0,34,68,.08)}
.wb-bbar i{width:10px;height:10px;border-radius:50%;background:#dfe4ec}
.wb-bbar .mono{margin-left:10px;font-size:11px;color:rgba(0,34,68,.5);background:#f1f3f7;border-radius:999px;padding:4px 14px;letter-spacing:.04em;text-transform:none}
.wb-screen{position:relative;overflow:hidden;border-radius:0 0 18px 18px}
.wb-screen img{width:100%;display:block}
.wb-apin{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:var(--accent);color:#fff;font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px rgba(245,0,105,.28),0 8px 20px rgba(0,0,0,.35);z-index:2}
.wb-tag{position:absolute;z-index:2;background:#fff;color:#002244;font-size:11px;letter-spacing:.06em;padding:6px 10px;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.3)}
.wb-speed{right:3%;top:24%}.wb-event{left:26%;top:76%}
.wb-phone{position:absolute;right:-4%;bottom:-36px;width:24%;border-radius:18px;border:5px solid #0b1a2b;box-shadow:0 24px 50px rgba(0,0,0,.35)}
.wb-browser figcaption{position:absolute;left:0;bottom:-30px;padding:0}
.wb-anat-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wb-anat-list li{display:flex;gap:14px;align-items:flex-start;background:var(--ink-2);border-radius:16px;padding:14px 16px;transition:transform .3s,box-shadow .3s}
.wb-anat-list li.on{transform:translateX(-6px);box-shadow:0 0 0 2px var(--accent)}
.wb-ai{position:relative;flex:none;width:42px;height:42px;border-radius:12px;background:rgba(245,0,105,.1);display:flex;align-items:center;justify-content:center}
.wb-ai svg{width:22px;height:22px;fill:none;stroke:var(--accent);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.wb-ai i{position:absolute;right:-6px;top:-6px;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-style:normal;font-weight:900;font-size:11px;display:flex;align-items:center;justify-content:center}
.wb-anat-list b{display:block;font-size:17px}
.wb-anat-list p{margin:3px 0 0;font-size:14.5px;color:var(--fog)}
@media (max-width:900px){.wb-anat2{grid-template-columns:minmax(0,1fr)}.wb-phone{width:30%;right:0}}
@media (max-width:700px){.vtoggle{top:auto;bottom:18px;right:var(--gutter)}}

/* Kapitel-Navi: kleine Punkte am linken Rand, Titel nur beim Darüberfahren */
.bgh-navbar{position:fixed!important;left:12px;top:50%;transform:translateY(-50%);height:auto;margin:0!important;padding:0;z-index:15;display:block;pointer-events:none;opacity:0;transition:opacity .35s}
.bgh-navbar.show{opacity:1}
.bgh-nav{pointer-events:auto;flex-direction:column;align-items:flex-start;gap:6px!important;padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;backdrop-filter:none}
.bgh-nav a{position:relative;width:26px;height:26px;padding:0!important;gap:0!important;border-radius:50%!important;background:rgba(0,34,68,.55)!important;display:flex!important;align-items:center;justify-content:center;box-shadow:0 0 0 1px rgba(255,255,255,.18);transition:background .25s,transform .25s}
.bgh-nav a .mono{font-size:9.5px!important;color:rgba(255,255,255,.75)!important;letter-spacing:0}
.bgh-nav a .t{position:absolute;left:34px;top:50%;transform:translateY(-50%);white-space:nowrap;background:#002244;color:#fff;font-size:12px;font-weight:700;padding:5px 10px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s;max-width:none}
.bgh-nav a:hover .t{opacity:1}
.bgh-nav a:hover{transform:scale(1.12)}
.bgh-nav a.on{background:var(--accent)!important;box-shadow:0 0 0 3px rgba(245,0,105,.25)}.bgh-nav a.on .mono{color:#fff!important}
@media (max-width:900px){.bgh-navbar{display:none}}

.ds-pains .tx{display:flex;flex-direction:column}
.ds-arsch{display:block;margin-top:7px;font-style:normal;font-weight:800;font-size:13.5px;color:var(--accent);opacity:0;visibility:hidden;transform:translateY(4px)}
.sm-neffe{margin:4px 0 18px!important;padding:14px 16px;border-left:3px solid var(--accent);background:rgba(245,0,105,.06);border-radius:0 12px 12px 0;font-size:16px;max-width:52ch}
.sm-neffe b{color:var(--accent)}
/* Kapitel-Köpfe ruhiger: kleinere, ausbalancierte Headline, Kicker mit Linie, keine Riesen-Ziffer */
body:has(.bgh-story) :is(.ds-head,.sec-head.chead){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;column-gap:clamp(28px,5vw,90px)!important;align-items:end}
body:has(.bgh-story) :is(.ds-head,.sec-head.chead)>.kicker{display:flex;align-items:center;gap:14px;width:100%}
body:has(.bgh-story) :is(.ds-head,.sec-head.chead)>.kicker::after{content:"";flex:1;height:1px;background:currentColor;opacity:.35;max-width:120px}
body:has(.bgh-story) :is(.ds-head,.sec-head.chead)>h2{font-size:clamp(30px,3.5vw,56px)!important;line-height:1!important;max-width:19ch!important;text-wrap:balance;margin-top:14px!important}
body:has(.bgh-story) :is(.ds-head,.sec-head.chead)>p{font-size:clamp(16px,1.15vw,18px)!important;max-width:46ch}
.chead[data-no]::before{display:none!important}
@media (max-width:900px){body:has(.bgh-story) :is(.ds-head,.sec-head.chead){grid-template-columns:minmax(0,1fr)!important}body:has(.bgh-story) :is(.ds-head,.sec-head.chead)>h2{font-size:clamp(28px,8vw,40px)!important}}
body:has(.bgh-story) :is(.ds-head,.sec-head.chead){grid-template-rows:auto auto;row-gap:0!important;align-content:start}
/* Instagram-DM-Nachbau */
.ig-dm{position:relative;width:min(380px,100%);justify-self:center;background:#fff;color:#000;border-radius:34px;border:10px solid #0b1626;box-shadow:0 40px 90px rgba(0,34,68,.25);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
.ig-dm .co-note{position:absolute;right:14px;top:70px;margin:0;font-size:10px;color:#8e8e8e}
.ig-i{width:24px;height:24px;flex:none;fill:none;stroke:#000;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ig-top{display:flex;align-items:center;gap:10px;padding:16px 14px 12px;border-bottom:1px solid #efefef}
.ig-top .ig-i:nth-last-child(2){margin-left:auto}
.ig-av{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(135deg,#f9a26c,#d6249f 60%,#285aeb);font-size:15px}
.ig-av.s{width:26px;height:26px;font-size:11px;align-self:flex-end}
.ig-who{display:grid;line-height:1.15}.ig-who b{font-size:15px}.ig-who small{font-size:12px;color:#8e8e8e}
.ig-body{display:flex;flex-direction:column;gap:6px;padding:14px 12px 8px;min-height:340px}
.ig-time{align-self:center;font-size:11.5px;color:#8e8e8e;font-weight:600;margin:4px 0 8px}
.ig-row{display:flex;gap:7px;align-items:flex-end;max-width:84%}
.ig-row p{margin:0;padding:9px 13px;border-radius:22px;font-size:14.5px;line-height:1.33;position:relative}
.ig-row.k p{background:#efefef;color:#000}
.ig-row.b{align-self:flex-end}.ig-row.b p{background:linear-gradient(160deg,#a033ff,#5b51f8 55%,#3797f0);color:#fff}
.ig-row.b+.ig-row.b{margin-top:-3px}
.ig-heart{position:absolute;left:-6px;bottom:-12px;font-style:normal;font-size:12px;background:#fff;border-radius:12px;padding:1px 4px;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.ig-seen{align-self:flex-end;font-size:11.5px;color:#8e8e8e;margin-top:10px}
.ig-bar{display:flex;align-items:center;gap:10px;margin:8px 10px 14px;padding:6px 12px 6px 6px;border-radius:24px;background:#efefef}
.ig-cam{width:32px;height:32px;border-radius:50%;background:#3797f0;display:grid;place-items:center;flex:none}
.ig-cam svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linejoin:round}
.ig-ph{flex:1;font-size:14px;color:#8e8e8e}
.ig-bar .ig-i{width:21px;height:21px}
/* Recruiting: Falle mit mehr Druck + Analyse-CTA */
.rc-q{margin:clamp(24px,3vw,40px) 0 -8px!important;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rc-col.off{position:relative;border:2px dashed rgba(0,34,68,.18)}
.rc-col.off h3 s{text-decoration-color:var(--accent);text-decoration-thickness:3px;opacity:.75}
.rc-col ul.rc-x,.rc-col ul.rc-ok{list-style:none;padding:0}
.rc-col ul.rc-x li,.rc-col ul.rc-ok li{position:relative;padding-left:28px}
.rc-col ul.rc-x li::before{content:"✕";position:absolute;left:0;top:0;color:var(--accent);font-weight:900}
.rc-col ul.rc-ok li::before{content:"✓";position:absolute;left:0;top:0;font-weight:900}
.rc-col.off ul.rc-x{color:var(--sec-ink,#002244)}
.rc-cost{margin-top:14px;padding:22px 26px;border-radius:18px;background:#002244;color:#fff;font-size:clamp(17px,1.4vw,21px);line-height:1.45}
.rc-cost b{color:var(--accent)}
.rc-cta{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:clamp(22px,3vw,36px);border-radius:22px;background:#fff;box-shadow:0 24px 60px rgba(0,34,68,.1);border:2px solid var(--accent)}
.rc-cta .mono{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.rc-cta h3{margin:8px 0 8px;font-size:clamp(22px,2.2vw,32px);color:#002244}
.rc-cta p{margin:0;max-width:60ch;color:rgba(0,34,68,.75)}
@media (max-width:900px){.rc-cta{grid-template-columns:minmax(0,1fr)}}
body:has(.bgh-story) .ds-split .ds-head>h2,body:has(.bgh-story) .ds-split .rc-h h2,.st-sec .rc-h h2,.ds-pain h2{font-size:clamp(30px,3.3vw,52px)!important;line-height:1!important;max-width:16ch!important;text-wrap:balance}
body:has(.bgh-story) .rc-h>.kicker{display:flex;align-items:center;gap:14px}
body:has(.bgh-story) .rc-h>.kicker::after{content:"";flex:1;height:1px;background:currentColor;opacity:.35;max-width:120px}
body:has(.bgh-story) .rc-h>h2{margin-top:14px!important}
.ds-pain h2{max-width:21ch!important}
.ds-arsch{max-height:0;margin-top:0;overflow:hidden}
h2 .pk{color:var(--accent)}
body:has(.bgh-story) :is(.ds-head,.sec-head.chead)>h2:has(br){max-width:none!important}
/* Lösungen-Menü: Navy-Intro + Bildkacheln */
.dd-panel.dd-sol{min-width:min(860px,calc(100vw - 32px));grid-template-columns:240px minmax(0,1fr);padding:10px;gap:10px}
.dd-sol .intro{background:#002244;color:#fff;border-radius:14px;padding:22px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.dd-sol .intro .mono{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.dd-sol .intro b{font-size:22px!important;line-height:1.1;margin:4px 0 6px!important}
.dd-sol .intro p{color:rgba(255,255,255,.72)!important;font-size:14px}
.dd-sol .intro .btn{margin-top:auto;font-size:14px;padding:10px 16px}
.dd-sol .intro .dd-all{margin-top:12px;color:#fff;font-size:13.5px;font-weight:700;text-decoration:none;opacity:.8}
.dd-sol .intro .dd-all:hover{opacity:1;color:var(--accent)}
.dd-sol ul{grid-template-columns:1fr 1fr;gap:6px!important;padding:6px}
.dd-sol li a{display:grid!important;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px!important;padding:8px!important;border-radius:12px;transition:background .2s}
.dd-sol li a img{width:58px;height:58px;border-radius:10px;object-fit:cover;display:block}
.dd-sol li a span{display:grid;gap:2px}
.dd-sol li a b{font-size:15px;font-weight:800}
.dd-sol li a small{font-size:12.5px;line-height:1.3}
.dd-sol li a i{font-style:normal;color:var(--accent);opacity:0;transform:translateX(-6px);transition:.2s;padding-right:6px}
.dd-sol li a:hover{background:#f1f4f8}
.dd-sol li a:hover i{opacity:1;transform:none}
/* Rechnung: Stempel sauber im Beleg, Urteil in der Freifläche */
.ds-bill{padding-bottom:96px!important}
.ds-paid-stamp{right:26px!important;bottom:26px!important;font-size:40px!important;transform:rotate(-9deg)!important;padding:2px 16px 6px!important;border-width:4px!important;background:rgba(255,255,255,.6)}
.ds-bill small{position:absolute;left:30px;bottom:34px;margin:0!important}
.ds-verdict{margin-top:clamp(56px,7vw,96px);padding-left:4px;opacity:0;transform:translateY(14px) rotate(-2deg);transition:opacity .35s,transform .35s}
.ds-verdict.on{opacity:1;transform:rotate(-2deg)}
.ds-verdict .mono{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(0,34,68,.55)}
.ds-verdict .mono b{color:var(--accent)}
.ds-verdict p{margin:8px 0 0;color:var(--accent);font-size:calc(clamp(30px,3vw,46px) + var(--n,0) * 4px);line-height:1;letter-spacing:-.01em;transition:font-size .3s}
.ds-verdict p.big{color:var(--accent)!important}
.ds-bill{padding-bottom:118px!important}.ds-paid-stamp{bottom:22px!important}
/* Kapitel 01 an die Gesamtoptik angleichen + CTA */
.ds-pain-cta{margin-top:18px;padding:24px 26px;border-radius:22px;background:#002244;color:#fff;display:grid;gap:16px;justify-items:start;box-shadow:0 24px 60px rgba(0,34,68,.18)}
.ds-pain-cta p{margin:0!important;font-size:17px;line-height:1.5;color:rgba(255,255,255,.85)!important;max-width:none}
.ds-pain-cta p b{color:var(--accent)}
.ds-pain-cta small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.ds-pains li{border-radius:16px!important}
.ds-bill{border-radius:16px 16px 4px 4px!important;transform:rotate(1.2deg)!important;box-shadow:0 30px 70px rgba(0,34,68,.14)!important}
.ds-verdict,.ds-verdict.on{transform:none}
.ds-verdict{transform:translateY(14px)}
.ds-verdict{padding:22px 26px;border-radius:22px;background:#fff;border-left:5px solid var(--accent);box-shadow:0 24px 60px rgba(0,34,68,.1);margin-top:clamp(40px,5vw,70px)}
/* ===== Fuck AI · Handarbeit ===== */
.ha-bb>img{object-position:60% 40%}
.ha-bb .bb-in{padding-top:clamp(40px,8svh,90px)}
.ha-bb .crumbs{margin-bottom:22px}
.ha-h1{position:relative;display:inline-block;font-size:min(10vw,150px,17svh);line-height:.9;margin:10px 0 0}
.ha-h1 .mf{position:absolute;left:calc(100% + .06em);top:-.18em;height:.95em;width:auto;transform:rotate(12deg);transform-origin:50% 100%;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}
.ha-app{display:inline-flex;align-items:center;gap:12px;margin:6px 0 4px}
.ha-app b{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:#002244;color:var(--accent);font-weight:900;font-size:19px;box-shadow:inset 0 0 0 2px var(--accent)}
.ha-app .mono{font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.ha-whys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ha-why{margin:0;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 24px 60px rgba(0,34,68,.1)}
.ha-why img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.ha-why figcaption{padding:20px 22px 24px;display:grid;gap:6px;color:#002244}
.ha-why b{font-size:21px;font-weight:800}.ha-why span{color:rgba(0,34,68,.72);line-height:1.5}
.ha-shots{display:grid;grid-template-columns:1.6fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,clamp(180px,20vw,300px)));gap:12px}
.ha-shot{position:relative;margin:0;border-radius:18px;overflow:hidden}
.ha-shot.big{grid-row:span 2}
.ha-shot img{width:100%;height:100%;object-fit:cover;display:block}
.ha-shot figcaption{position:absolute;left:12px;bottom:12px;background:rgba(0,34,68,.82);color:#fff;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:8px}
.ha-split{align-items:center}
.ha-split.flip>div:first-child{order:2}
.ha-split>div>p{font-size:17px;line-height:1.6;max-width:50ch}
.ha-win{background:#0e1b2c;border-radius:14px;overflow:hidden;box-shadow:0 40px 90px rgba(0,20,40,.35);color:#cfd8e3;border:1px solid rgba(255,255,255,.08)}
.ha-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#16263a;border-bottom:1px solid rgba(255,255,255,.06)}
.ha-bar i{width:10px;height:10px;border-radius:50%;background:#3a4b60}.ha-bar i:first-child{background:#ff5f57}.ha-bar i:nth-child(2){background:#febc2e}.ha-bar i:nth-child(3){background:#28c840}
.ha-bar .mono{margin-left:10px;font-size:11px;opacity:.7}
.ha-ill{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto}
.ha-tools{grid-row:span 2;display:grid;align-content:start;gap:10px;padding:12px 9px;background:#132235}
.ha-tools i{width:18px;height:18px;border-radius:4px;background:#2a3d55}.ha-tools i:nth-child(2){background:var(--accent)}
.ha-board{position:relative;margin:22px;background:#fff;aspect-ratio:148/180;max-height:420px;justify-self:center;width:min(100%,340px)}
.ha-pen{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ha-draw{fill:none;stroke:#2f7bff;stroke-width:.8}
.ha-anchors rect{fill:#fff;stroke:#2f7bff;stroke-width:.8;opacity:0}
.ha-handles{stroke:#2f7bff;stroke-width:.5;fill:#2f7bff;opacity:0}
.ha-sail,.ha-b{position:absolute;inset:0;opacity:0;background:var(--accent);-webkit-mask:url(assets/hand/mark-sail.png) center/contain no-repeat;mask:url(assets/hand/mark-sail.png) center/contain no-repeat}
.ha-b{background:#002244;-webkit-mask-image:url(assets/hand/mark-b.png);mask-image:url(assets/hand/mark-b.png)}
.ha-props{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0 22px 16px;font-size:11px;opacity:.85}
.ha-props b{color:#fff}.ha-props .sw{display:inline-block;width:10px;height:10px;background:var(--accent);margin:0 6px -1px 4px;border-radius:2px}
.ha-ae{display:grid}
.ha-prev{position:relative;height:200px;margin:14px;background:#000c18;border-radius:8px;overflow:hidden}
.ha-ball{position:absolute;left:6%;bottom:14%;width:46px;height:56px;background:#fff;-webkit-mask:url(assets/hand/mark-b.png) center/contain no-repeat;mask:url(assets/hand/mark-b.png) center/contain no-repeat}
.ha-graph{position:absolute;right:10px;top:10px;width:140px;height:56px;background:rgba(255,255,255,.04);border-radius:6px}
.ha-graph path{fill:none;stroke:var(--accent);stroke-width:2}
.ha-tl{position:relative;padding:0 14px 16px}
.ha-ruler{display:flex;justify-content:space-between;font-size:10px;opacity:.6;padding:0 0 6px 110px}
.ha-tl ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.ha-tl li{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:10px;font-size:11px}
.ha-kfrow{position:relative;height:22px;background:#16263a;border-radius:4px}
.ha-kfrow i{position:absolute;top:50%;width:9px;height:9px;background:#9fb3c8;transform:translate(-50%,-50%) rotate(45deg)}
.ha-kfrow i.on{background:var(--accent)}
.ha-head{position:absolute;top:0;bottom:10px;left:124px;width:2px;background:var(--accent);box-shadow:0 0 0 1px rgba(245,0,105,.3)}
.ha-head::before{content:"";position:absolute;top:-2px;left:-5px;border:6px solid transparent;border-top-color:var(--accent)}
.ha-wide{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr);gap:clamp(24px,4vw,56px);align-items:center}
.ha-pr{padding:14px;display:grid;gap:14px}
.ha-mon{position:relative;aspect-ratio:16/8;background:#000;border-radius:6px;overflow:hidden}
.ha-mon img{width:100%;height:100%;object-fit:cover;display:block}
.ha-tc{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.7);color:#fff;font-size:13px;padding:4px 8px;border-radius:5px}
.ha-seq{position:relative;display:grid;gap:6px}
.ha-track{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:6px;font-size:10px}
.ha-track.v>div{display:flex;gap:2px;height:46px}
.ha-clip{position:relative;overflow:hidden;border-radius:4px;background:#2b5bb8;border:1px solid rgba(255,255,255,.15)}
.ha-clip img{width:100%;height:100%;object-fit:cover;opacity:.55;display:block}
.ha-clip b{position:absolute;left:5px;top:3px;font-size:9px;color:#fff;font-weight:400}
.ha-wave{display:flex;align-items:center;gap:2px;height:40px;background:#1d3a2c;border-radius:4px;padding:0 4px}
.ha-wave i{flex:1;background:#4fd18b;border-radius:1px}
.ha-seq .ha-head{left:36px;bottom:0}
.ha-trim{position:absolute;top:-24px;left:50%;background:var(--accent);color:#fff;font-size:10px;padding:3px 7px;border-radius:5px;opacity:0}
.ha-aside{display:grid;gap:8px;align-content:center}
.ha-ps{display:grid;grid-template-columns:minmax(0,1fr) 150px}
.ha-wipe{position:relative;margin:14px;border-radius:4px;overflow:hidden;aspect-ratio:930/1040}
.ha-wipe img{width:100%;height:100%;object-fit:cover;display:block}
.ha-after{position:absolute;inset:0;clip-path:inset(0 100% 0 0)}
.ha-line{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--accent);box-shadow:0 0 12px rgba(245,0,105,.8)}
.ha-layers{background:#132235;padding:14px 10px;font-size:12px}
.ha-layers>.mono{font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.6}
.ha-layers ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:4px}
.ha-layers li{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;background:#1a2c42;opacity:.4;transition:opacity .25s,background .25s}
.ha-layers li i{width:16px;height:16px;border-radius:3px;background:#2a3d55}
.ha-layers li.on{opacity:1}.ha-layers li.on i{background:var(--accent)}
.ha-layers li:last-child{opacity:1}
.ha-group{margin:0 0 12px;border-radius:22px;overflow:hidden}
.ha-group img{width:100%;aspect-ratio:21/8;object-fit:cover;object-position:50% 45%;display:block}
.ha-team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ha-tm{position:relative;margin:0;border-radius:16px;overflow:hidden}
.ha-tm img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.ha-tm figcaption{position:absolute;left:10px;bottom:10px;background:rgba(0,34,68,.82);color:#fff;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:7px}
.ha-vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ha-vs-col{border-radius:22px;padding:30px;display:grid;gap:14px;align-content:start}
.ha-vs-col.hand{background:#002244;color:#fff}.ha-vs-col.ki{background:#fff;color:#002244;box-shadow:0 24px 60px rgba(0,34,68,.08)}
.ha-vs-col .mono{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.ha-vs-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:18px;font-weight:700}
.ha-vs-col li{padding-left:30px;position:relative}
.ha-vs-col.hand li::before{content:"✓";position:absolute;left:4px;color:var(--accent)}
.ha-vs-col.ki li::before{content:"✓";position:absolute;left:4px;color:var(--accent)}
@media (max-width:900px){.ha-whys,.ha-vs,.ha-wide{grid-template-columns:minmax(0,1fr)}.ha-shots{grid-template-columns:1fr 1fr;grid-template-rows:none}.ha-shot{aspect-ratio:4/3}.ha-shot.big{grid-column:span 2;grid-row:auto}.ha-team{grid-template-columns:repeat(2,minmax(0,1fr))}.ha-ps{grid-template-columns:minmax(0,1fr)}.ha-split.flip>div:first-child{order:0}.ha-h1 .mf{height:.8em}}
.ha-h1{display:block;width:fit-content}
.ha-bb .bb-badge{display:block}
.ha-bb>img{object-position:50% 35%}
/* Recruiting Kapitel 03: klare Schrift-Hierarchie */
#rc-falsch .rc-col h3{font-size:clamp(20px,1.7vw,26px)!important;line-height:1.15}
#rc-falsch .rc-col .mono{font-size:11px!important;letter-spacing:.12em;text-transform:uppercase}
#rc-falsch .rc-col ul{font-size:16px}
.rc-cost{display:grid;gap:6px;font-size:inherit!important;padding:24px 28px!important}
.rc-cost b{font-size:clamp(19px,1.6vw,24px);font-weight:800;line-height:1.2}
.rc-cost p{margin:0;font-size:16px;line-height:1.55;color:rgba(255,255,255,.78);max-width:70ch}
.rc-cta h3{font-size:clamp(20px,1.8vw,26px)!important;margin:6px 0 10px!important}
.rc-cta p{font-size:16px;margin:0 0 8px!important}
.rc-cta-l{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.rc-cta-l li{background:rgba(245,0,105,.08);color:#002244;font-weight:700;font-size:14.5px;padding:7px 12px;border-radius:999px}
.rc-cta small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(0,34,68,.5)}
/* Recruiting 03/04 entschlackt */
.rc-vs2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rc-c{border-radius:20px;padding:24px 26px;display:grid;gap:8px;align-content:start}
.rc-c.off{background:#fff;border:2px dashed rgba(0,34,68,.18);color:#002244}
.rc-c.on{background:var(--accent);color:#fff}
.rc-c .mono{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.rc-c b{font-size:clamp(20px,1.7vw,25px);line-height:1.15}
.rc-c.off s{text-decoration-color:var(--accent);text-decoration-thickness:3px}
.rc-c p{margin:0;font-size:16px;line-height:1.5;opacity:.85}
.rc-check{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px 18px 18px 26px;border-radius:20px;background:#002244;color:#fff}
.rc-check p{margin:0;font-size:17px;color:rgba(255,255,255,.85)}
.rc-check b{color:var(--accent)}
.rc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative}
.rc-steps::before{content:"";position:absolute;left:28px;right:28px;top:27px;height:2px;background:linear-gradient(90deg,var(--accent),rgba(245,0,105,.2))}
.rc-steps li{position:relative;display:grid;gap:10px;align-content:start}
.rc-n{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:24px;position:relative;box-shadow:0 0 0 6px #002244}
.rc-steps h3{margin:8px 0 0;font-size:clamp(20px,1.6vw,24px)}
.rc-steps p{margin:0;font-size:15.5px;line-height:1.5;color:rgba(255,255,255,.78)}
.rc-steps p .mono{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:2px}
.rc-think{background:rgba(255,255,255,.06);border-radius:14px;padding:12px 14px;color:#fff!important;font-weight:700}
@media (max-width:900px){.rc-vs2,.rc-steps{grid-template-columns:minmax(0,1fr)}.rc-steps::before{display:none}}
/* Recruiting 06: Wir finden. Du entscheidest. */
.rc-flow{align-items:center}
.rc-flow>div>p{font-size:17px;line-height:1.6;max-width:48ch;color:rgba(255,255,255,.8)}
.rc-3{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}
.rc-3 li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start}
.rc-3 .rc-n{width:44px;height:44px;font-size:19px;box-shadow:none}
.rc-3 b{font-size:19px}.rc-3 p{margin:2px 0 0;font-size:15.5px;line-height:1.5;color:rgba(255,255,255,.72)}
.rc-cockpit{background:#fff;color:#002244;border-radius:22px;padding:18px;box-shadow:0 40px 90px rgba(0,0,0,.35)}
.rc-ck-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;padding:4px 6px 14px}
.rc-ck-top b{font-size:18px}.rc-ck-top .mono{font-size:10.5px;letter-spacing:.08em;color:rgba(0,34,68,.5)}
.rc-ck-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.rc-ck-col{background:#f1f4f8;border-radius:14px;padding:10px;display:grid;gap:8px;align-content:start}
.rc-ck-col>.mono{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(0,34,68,.6);padding:2px 4px}
.rc-ck-card{display:flex;gap:9px;align-items:center;background:#fff;border-radius:10px;padding:9px;box-shadow:0 4px 12px rgba(0,34,68,.06)}
.rc-ck-card i{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#002244;color:#fff;font-style:normal;font-weight:800;font-size:13px}
.rc-ck-card span{display:grid;line-height:1.25;min-width:0}.rc-ck-card b{font-size:14px}.rc-ck-card small{font-size:11.5px;color:rgba(0,34,68,.6)}
.rc-ck-card.hot{box-shadow:0 0 0 2px var(--accent)}.rc-ck-card.hot i{background:var(--accent)}.rc-ck-card.hot small{color:var(--accent);font-weight:700}
@media (max-width:900px){.rc-ck-cols{grid-template-columns:minmax(0,1fr)}}
.wb-punch h2{font-size:clamp(38px,4.6vw,76px)!important;max-width:none!important;line-height:.95!important}
.wb-punch h2 mark{font-size:.62em;white-space:nowrap;margin-top:.35em;padding:.06em .28em .1em;box-shadow:6px 6px 0 #002244}
body:has(.bgh-story) .ds-split .rc-h.wb-punch>h2{font-size:clamp(40px,5vw,84px)!important;max-width:none!important;line-height:.95!important;margin-bottom:28px!important}
/* Enthaltene Leistungen: Kopf wie die Kapitelköpfe, Link nicht mehr hinter den Karten */
#leistungen .sec-head{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:clamp(28px,5vw,90px);align-items:end;margin-bottom:clamp(30px,4vw,50px)}
#leistungen .sec-head>h2{font-size:clamp(30px,3.5vw,56px)!important;line-height:1!important;margin:0!important;max-width:none}
#leistungen .sec-head>p{margin:0 0 6px!important;padding-left:22px;border-left:4px solid var(--accent);font-size:clamp(16px,1.15vw,18px);max-width:46ch}
#leistungen .note{position:relative;z-index:1;margin-top:28px!important}
@media (max-width:900px){#leistungen .sec-head{grid-template-columns:minmax(0,1fr);row-gap:16px}}
#leistungen .svc-grid{margin-bottom:0}#leistungen .note{margin-top:56px!important;display:block}
/* DS Kapitel 01 entschlackt */
.ds-pain-cta{display:flex!important;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 16px 16px 24px!important}
.ds-pain-cta p{font-size:16px!important}
.ds-verdict{background:none!important;box-shadow:none!important;border-left:0!important;padding:0 0 0 4px!important;margin-top:clamp(36px,4vw,56px)!important}
.ds-verdict p{font-size:calc(clamp(28px,2.6vw,40px) + var(--n,0) * 3px)!important}
.ds-bill li:nth-child(3){display:none}
.ds-pain-cta p{flex:1 1 260px;min-width:0}.ds-pain-cta .btn{flex:none}
/* DS Kapitel 02: klarer Ablauf */
.ds-research-split{align-items:center}
.ds-research-split .rc-h h2{margin-bottom:22px!important}
.ds-lead{font-size:17px!important;line-height:1.6;max-width:46ch;margin:0 0 6px!important;color:rgba(255,255,255,.8)}
.ds-steps3 .rc-n{box-shadow:none}
/* Rechnung gerade und bündig */
.ds-bill{transform:none!important;margin-top:0!important}
.ds-bill li{align-items:baseline}
.ds-bill li b{font-variant-numeric:tabular-nums;text-align:right;min-width:9ch}
.ds-pain-cta p b{display:inline}
.ds-pain-cta .nw{white-space:nowrap}.ds-pain-cta p{font-size:15.5px!important}
.ds-pain-cta p{flex:1 1 auto!important}
/* Reporting als Film statt Scroll */
.rp.rp-film{height:auto}
.rp.rp-film .rp-stick{position:relative;height:auto;min-height:0;padding:clamp(70px,8vw,110px) var(--gutter) clamp(50px,6vw,80px)}
.rp-mehr span{color:var(--accent)!important}
/* Cold Outreach: klarer Userflow + einheitliche Hierarchie */
.co-flow{list-style:none;margin:0 0 clamp(40px,5vw,70px);padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative}
.co-flow::before{content:"";position:absolute;left:24px;right:24px;top:22px;height:2px;background:linear-gradient(90deg,var(--accent),rgba(245,0,105,.25))}
.co-flow li{position:relative;display:flex;align-items:center;gap:12px}
.co-flow .rc-n,.co-step .rc-n{width:44px;height:44px;font-size:18px;flex:none;box-shadow:0 0 0 6px var(--secondary,#e9edf3)}
.co-flow b{font-size:17px;color:#002244;background:var(--secondary,#e9edf3);padding-right:8px;position:relative}
.co-step{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.co-step .rc-n{width:34px;height:34px;font-size:15px;box-shadow:none}
.co-block{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;align-items:center}
.co-block h3,.co-strecke h3,.co-under h3{font-size:clamp(24px,2.2vw,34px)!important;line-height:1.1!important;margin:0 0 12px!important}
.co-block>div:first-child>p,.co-shead p,.co-under-txt p{font-size:16px!important;line-height:1.6;max-width:48ch}
.co-block.flip>div:first-child{order:0!important}
.co-seq li{gap:6px}
.co-day{display:inline-block;width:fit-content;font-size:11px!important;letter-spacing:.1em;text-transform:uppercase;background:rgba(245,0,105,.1);color:var(--accent);padding:4px 10px;border-radius:999px}
.co-seq b{font-size:18px}
.co-under{margin-top:clamp(40px,5vw,70px)}
@media (max-width:900px){.co-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.co-flow::before{display:none}.co-block{grid-template-columns:minmax(0,1fr)!important}}
.co-block.co-strecke{display:block!important}
.co-shead{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,60px);align-items:end;margin-bottom:24px}
.co-flow li{gap:0}.co-flow b{padding:0 12px}
/* Social Media: Neuheit + Bedrohung */
.sm-big{font-size:clamp(18px,1.5vw,22px)!important;line-height:1.5;max-width:44ch;color:rgba(255,255,255,.85)}
.light .sm-big{color:#002244}
.sm-alarm{margin-top:22px;padding:18px 22px;border-left:5px solid var(--accent);background:rgba(245,0,105,.12);border-radius:0 14px 14px 0;display:grid;gap:4px;max-width:46ch}
.sm-alarm b{font-size:clamp(18px,1.5vw,22px);line-height:1.25;color:#fff}.light .sm-alarm b{color:#002244}
.sm-alarm span{color:var(--accent);font-weight:800}
.sm-feedsim{display:grid;place-items:center}
.sm-fs-phone{position:relative;width:min(300px,80%);aspect-ratio:9/18;border-radius:38px;border:10px solid #0b1626;background:#000;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.45)}
.sm-fs-track{position:absolute;left:0;right:0;top:0;display:grid}
.sm-fs-post{position:relative;margin:0;height:var(--ph,520px)}
.sm-fs-post img{width:100%;height:100%;object-fit:cover;display:block}
.sm-fs-post figcaption{position:absolute;left:12px;right:12px;bottom:16px;display:grid;gap:2px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.sm-fs-post figcaption b{font-size:13px}.sm-fs-post figcaption span{font-size:12px;opacity:.85}
.sm-fs-post.you img{filter:saturate(.6) brightness(.85)}
.sm-fs-you{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-4deg);white-space:nowrap;background:var(--accent);color:#fff;font-size:11px;letter-spacing:.06em;padding:6px 10px;border-radius:8px;box-shadow:0 8px 24px rgba(245,0,105,.5)}
.sm-fs-swipe{position:absolute;right:10px;bottom:10px;font-size:10px;color:rgba(255,255,255,.6)}
.sm-costs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sm-cost{background:#fff;border-radius:22px;padding:26px;display:grid;gap:10px;align-content:start;box-shadow:0 24px 60px rgba(0,34,68,.08);border-top:5px solid var(--accent)}
.sm-cost-n{font-size:44px;line-height:1;color:var(--accent)}
.sm-cost b{font-size:clamp(19px,1.5vw,23px);color:#002244;line-height:1.2}
.sm-cost p{margin:0;font-size:15.5px;line-height:1.55;color:rgba(0,34,68,.75)}
.sm-costline{margin:22px 0 0!important;padding:20px 24px;border-radius:18px;background:#002244;color:#fff;font-size:17px;line-height:1.5}
.sm-costline b{color:var(--accent)}
.sm-ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sm-way{border-radius:22px;padding:26px 28px;display:grid;gap:14px;align-content:start}
.sm-way.bad{background:rgba(255,255,255,.06);border:2px dashed rgba(255,255,255,.2)}
.sm-way.good{background:var(--accent);color:#fff}
.light .sm-way.bad{background:#fff;border-color:rgba(0,34,68,.18);color:#002244}
.sm-way>.mono{font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.sm-way ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sm-way li{display:grid;gap:2px;font-size:17px;font-weight:700;line-height:1.35}
.sm-way li .mono{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.7;font-weight:400}
.sm-way.bad li{opacity:.85}
.sm-check2{margin-top:14px}
@media (max-width:900px){.sm-costs,.sm-ways{grid-template-columns:minmax(0,1fr)}}
/* Feed-Simulation v2: echter IG-Feed, einheitliche 4:5-Posts */
.sm-fs-phone{width:min(320px,86%);aspect-ratio:auto;height:600px;background:#fff;display:flex;flex-direction:column}
.sm-fs-bar{flex:none;display:flex;justify-content:space-between;align-items:center;padding:12px 14px 8px;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:#000}
.sm-fs-bar b{font-size:18px;font-weight:800;font-style:italic;letter-spacing:-.02em}
.sm-fs-view{position:relative;flex:1;overflow:hidden}
.sm-fs-track{position:absolute;left:0;right:0;top:0;display:block}
.ig-post{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:#000;background:#fff;padding-bottom:10px}
.ig-post header{display:flex;align-items:center;gap:8px;padding:8px 10px}
.ig-post header i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,#f9a26c,#d6249f 60%,#285aeb)}
.ig-post header b{font-size:13px}.ig-post header span{font-size:11px;color:#8e8e8e;margin-left:auto}
.ig-img{position:relative;aspect-ratio:4/5;overflow:hidden;background:#eee}
.ig-img img{width:100%;height:100%;object-fit:cover;display:block}
.ig-post footer{display:grid;gap:3px;padding:8px 10px 0}
.ig-acts{font-size:16px;letter-spacing:6px}
.ig-post footer b{font-size:12.5px}
.ig-post.you .ig-img img{filter:saturate(.7) brightness(.9)}
.ig-post.you header i{background:#c7c7c7}
.sm-fs-note{position:absolute;left:0;right:0;bottom:-30px;text-align:center;margin:0;color:rgba(255,255,255,.5)!important;font-size:10px}
.sm-fs-phone{overflow:visible}
.sm-fs-view{border-radius:0 0 28px 28px}
.ig-post footer,.ig-post header{background:#fff!important;color:#000!important;position:static!important;border:0!important;margin:0!important;box-shadow:none!important;height:auto!important}
.ig-post footer{display:grid!important;gap:3px;padding:8px 10px 0!important;text-align:left}
.sm-fs-phone .sm-fs-note{font-size:10px!important;letter-spacing:.08em;bottom:-34px;color:rgba(255,255,255,.45)!important}
.sm-phones{position:relative}
.sm-ph-cap{position:absolute;left:0;right:0;bottom:-30px;text-align:center;font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.6}
/* Kapitelköpfe: Text immer unter der Headline */
body:has(.bgh-story) :is(.ds-head,.sec-head.chead){grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"k" "h" "p"!important}
body:has(.bgh-story) :is(.ds-head,.sec-head.chead)>p{margin:20px 0 0!important;max-width:62ch!important;text-wrap:pretty}
body:has(.bgh-story) :is(.ds-head,.sec-head.chead)>h2{max-width:22ch!important}
#leistungen .sec-head{grid-template-columns:minmax(0,1fr)!important}#leistungen .sec-head>p{margin-top:18px!important}
p{text-wrap:pretty}
body:has(.bgh-story) .ds-split .rc-h h2,.st-sec .rc-h h2{max-width:18ch!important;text-wrap:balance}
.ah-mosaic{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;background:none;overflow:visible}
.ah-mosaic img{width:100%;height:100%;object-fit:cover;border-radius:14px;display:block;object-position:50% 45%!important}
.ah-mosaic img:first-child{grid-row:span 2}
.ah-mosaic .ah-chips{z-index:2}
.ah-mosaic{grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:2/1}.ah-mosaic img{min-height:0;height:100%}
.hero .trust-top{margin:0 0 6px;position:relative;z-index:2}
.hero .trust-top .trust-badge{background:rgba(0,21,43,.55);backdrop-filter:blur(8px);border-color:rgba(255,255,255,.22);padding:9px 18px 9px 14px}
.hero .trust-top .trust-badge b{font-size:14.5px}
.hero .trust-top .trust-badge small{font-size:12.5px}
/* ===== Cases im Netflix-Stil ===== */
.cs-bb>img{object-position:50% 30%}
.cs-bb .bb-in{padding-top:clamp(40px,8svh,90px)}
.cs-bb .crumbs{margin-bottom:22px}
.cs-bb h1{font-size:min(9vw,140px,16svh);line-height:.9;margin:10px 0 0}
.cs-bb .bb-badge{display:inline-flex;align-items:center;gap:10px}
.cs-n{display:grid;place-items:center;width:24px;height:24px;border-radius:5px;background:var(--accent);color:#fff;font-family:var(--f-display,Montserrat);font-size:14px}
.cs-spots-sec{background:#00152b;color:#fff}
.cs-spots{display:grid;gap:clamp(40px,6vw,90px)}
.cs-spot{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,4vw,60px);align-items:center;text-decoration:none;color:inherit}
.cs-spot.flip figure{order:2}
.cs-spot figure{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:16/10;box-shadow:0 40px 90px rgba(0,0,0,.45)}
.cs-spot figure img{width:100%;height:100%;object-fit:cover;display:block}
.cs-spot-in{display:grid;gap:12px;align-content:center}
.cs-spot-in .mono{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.cs-spot-in h3{margin:0;font-size:clamp(34px,4vw,64px);line-height:.95;font-weight:900;text-transform:uppercase;letter-spacing:-.02em}
.cs-spot-in p{margin:0;font-size:18px;line-height:1.5;color:rgba(255,255,255,.78);max-width:36ch}
.cs-kpi{display:grid;gap:2px;padding:14px 0;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}
.cs-kpi b{font-size:clamp(36px,3.6vw,56px);color:var(--accent);line-height:1}
.cs-kpi span{font-size:14px;color:rgba(255,255,255,.7)}
.cs-spot:hover figure img{filter:brightness(1.08)}
.cs-band{flex-direction:row!important;align-items:center!important}
.cs-band h2{font-size:clamp(28px,3.2vw,48px);max-width:22ch;margin:0}
.cs-rows2{padding-block:clamp(60px,8vw,110px)}
@media (max-width:900px){.cs-spot{grid-template-columns:minmax(0,1fr)}.cs-spot.flip figure{order:0}.cs-band{flex-direction:column!important;align-items:flex-start!important}}
:is(.cs-spots-sec,#alle) .sec-head{display:block!important;margin-bottom:clamp(30px,4vw,50px)}
:is(.cs-spots-sec,#alle) .sec-head h2{font-size:clamp(30px,3.5vw,56px)!important;margin:14px 0 0!important;max-width:20ch}
:is(.cs-spots-sec,#alle) .sec-head p{margin:16px 0 0!important;padding-left:22px;border-left:4px solid var(--accent);max-width:52ch}
.hero h1{font-size:min(8.2vw,150px,15.5svh)!important}
.hero .trust-top{margin:clamp(14px,2svh,24px) 0 0}
.hero .trust-top{align-self:start;align-items:center;height:auto}.hero .trust-top .trust-badge{height:auto;align-self:center}
/* Blog, Artikel, Glossar, Rechtliches */
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bl-card{display:grid;gap:10px;align-content:start;background:#fff;border-radius:20px;overflow:hidden;padding-bottom:22px;text-decoration:none;color:#002244;box-shadow:0 20px 50px rgba(0,34,68,.08);transition:transform .25s}
.bl-card:hover{transform:translateY(-4px)}
.bl-card figure{margin:0;aspect-ratio:16/10;overflow:hidden}.bl-card img{width:100%;height:100%;object-fit:cover;display:block}
.bl-card .cat,.bl-card h3,.bl-card p,.bl-card .link-arrow{margin:0 22px}
.bl-card .cat{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.bl-card h3{font-size:21px;line-height:1.2}.bl-card p{color:rgba(0,34,68,.7);font-size:15px;line-height:1.5}
.bl-card .link-arrow{justify-self:start;font-size:14px}
.bl-head{padding-top:clamp(110px,14vw,150px)}
.bl-head h1{font-size:clamp(34px,4.4vw,68px)!important;line-height:1!important;max-width:22ch;margin:14px 0 0;text-wrap:balance}
.bl-hero{margin:clamp(28px,4vw,48px) auto 0;border-radius:24px;overflow:hidden;aspect-ratio:21/9;padding:0}
.bl-hero img{width:100%;height:100%;object-fit:cover;display:block}
.bl-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(30px,5vw,80px);padding-block:clamp(40px,6vw,80px);align-items:start}
.bl-text{max-width:70ch;font-size:18px;line-height:1.75}
.bl-text h2,.bl-text h3{font-size:clamp(22px,2vw,30px);line-height:1.2;margin:1.8em 0 .5em}
.bl-text h4{font-size:19px;margin:1.4em 0 .4em}
.bl-text p{margin:0 0 1.1em}.bl-text ul{margin:0 0 1.2em;padding-left:1.2em}.bl-text li{margin:.3em 0}
.bl-side{position:sticky;top:100px;display:grid;gap:16px}
.bl-cta{background:#002244;color:#fff;border-radius:20px;padding:24px;display:grid;gap:10px;align-content:start}
.bl-cta .mono{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.bl-cta b{font-size:22px;line-height:1.2}.bl-cta p{margin:0;color:rgba(255,255,255,.75);font-size:15px}
.bl-cta .btn{justify-self:start;margin-top:6px}
.bl-rel{display:grid;gap:10px;padding:20px;border-radius:20px;background:rgba(127,140,160,.1)}
.bl-rel .mono{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.bl-mini{display:grid;gap:2px;text-decoration:none;color:inherit;padding:8px 0;border-bottom:1px solid rgba(127,140,160,.25)}
.bl-mini .cat{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.bl-mini b{font-size:15px;line-height:1.3}
.gl-search{display:grid;gap:6px;width:min(420px,100%)}
.gl-search .mono{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.gl-search input{font:inherit;font-size:17px;padding:14px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:inherit}
.gl-az{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:clamp(30px,4vw,50px);position:sticky;top:74px;z-index:3;background:var(--secondary);padding:10px 0}
.gl-az a{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#fff;color:#002244;font-weight:800;text-decoration:none;box-shadow:0 4px 12px rgba(0,34,68,.06)}
.gl-az a:hover{background:var(--accent);color:#fff}
.gl-group{display:grid;grid-template-columns:80px minmax(0,1fr);gap:20px;margin-bottom:34px;scroll-margin-top:140px}
.gl-letter{margin:0;font-size:48px;line-height:1;color:var(--accent)}
.gl-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gl-item{display:grid;gap:4px;background:#fff;border-radius:14px;padding:16px 18px;text-decoration:none;color:#002244;transition:box-shadow .2s}
.gl-item:hover{box-shadow:0 0 0 2px var(--accent)}
.gl-item b{font-size:17px}.gl-item span{font-size:14px;line-height:1.45;color:rgba(0,34,68,.7)}
.gl-term{padding-top:clamp(110px,14vw,150px);padding-bottom:clamp(50px,7vw,90px)}
.gl-term h1{font-size:clamp(36px,4.6vw,72px)!important;margin:12px 0 clamp(28px,4vw,44px)!important;max-width:20ch;text-wrap:balance}
.gl-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(30px,5vw,80px);align-items:start}
.gl-body h2{font-size:clamp(22px,2vw,30px);margin:0 0 12px}
.gl-def{font-size:clamp(19px,1.6vw,23px);line-height:1.55;max-width:60ch}
.gl-body>div>p,.gl-body>div li{font-size:17px;line-height:1.7;max-width:68ch}
.gl-rel{margin:30px 0 20px;display:grid;gap:10px}.gl-rel .mono{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.gl-rel>div{display:flex;flex-wrap:wrap;gap:8px}
.gl-chip{padding:8px 14px;border-radius:999px;background:rgba(127,140,160,.14);text-decoration:none;color:inherit;font-weight:700;font-size:14px}
.gl-chip:hover{background:var(--accent);color:#fff}
.legal-text{max-width:80ch}.legal-text h2{margin-top:1.4em}
@media (max-width:900px){.bl-grid,.gl-items{grid-template-columns:minmax(0,1fr)}.bl-body,.gl-body{grid-template-columns:minmax(0,1fr)}.bl-side{position:static}.gl-group{grid-template-columns:minmax(0,1fr)}}
/* Stimmen neu */
#stimmen .qt-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:clamp(28px,4vw,48px)}
#stimmen .qt-head h2{margin:12px 0 0;font-size:clamp(32px,3.8vw,60px)}
.qt-g{display:grid;justify-items:end;line-height:1.1}.qt-g b{font-size:44px;font-weight:900}.qt-g span{color:#FFC53D;letter-spacing:2px}.qt-g small{opacity:.65;font-size:13px}
.qt-lead{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:center;text-decoration:none;color:inherit;background:rgba(127,140,160,.08);border-radius:28px;padding:clamp(16px,2vw,24px)}
.light .qt-lead{background:#fff;box-shadow:0 30px 70px rgba(0,34,68,.08)}
.qt-lead figure{margin:0;border-radius:20px;overflow:hidden;aspect-ratio:4/3}.qt-lead img{width:100%;height:100%;object-fit:cover;display:block}
.qt-mark{display:block;font-size:110px;line-height:.6;color:var(--accent);font-weight:900;height:44px}
.qt-lead blockquote{margin:0;font-size:clamp(22px,2.2vw,34px);line-height:1.3;font-weight:800;text-wrap:balance}
.qt-who{margin:16px 0 0!important;display:grid;font-size:14px;opacity:.75}.qt-who b{font-size:16px;opacity:1}
.qt-kpi{display:flex;align-items:baseline;gap:12px;margin:20px 0 14px;padding-top:16px;border-top:1px solid rgba(127,140,160,.25)}
.qt-kpi b{font-size:44px;color:var(--accent);line-height:1}.qt-kpi span{font-size:15px;opacity:.75}
.qt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.qt-card{display:grid;gap:10px;align-content:start;text-decoration:none;color:inherit;border-radius:22px;padding:14px 14px 20px;background:rgba(127,140,160,.08);transition:transform .25s}
.light .qt-card{background:#fff;box-shadow:0 20px 50px rgba(0,34,68,.06)}
.qt-card:hover,.qt-lead:hover{transform:translateY(-3px)}
.qt-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;display:block}
.qt-card blockquote{margin:6px 4px 0;font-size:17px;line-height:1.45;font-weight:700}
.qt-card .qt-who{margin:0 4px!important}
.qt-chip{justify-self:start;margin:0 4px;padding:6px 12px;border-radius:999px;background:rgba(245,0,105,.1);color:var(--accent);font-weight:800;font-size:13px}
@media (max-width:900px){.qt-lead,.qt-grid{grid-template-columns:minmax(0,1fr)}}
/* CTA mit Jan */
.cta-person{margin:0;position:relative;border-radius:26px;overflow:hidden;max-width:420px;justify-self:end;box-shadow:0 40px 90px rgba(0,0,0,.35)}
.cta-person img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;display:block;background:#efe9f0}
.cta-person figcaption{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(0,21,43,.82);backdrop-filter:blur(8px);color:#fff;border-radius:16px;padding:12px 16px;display:grid}
.cta-person b{font-size:18px}.cta-person span{font-size:13.5px;opacity:.8}
/* Pinkes Band: ruhiger */
.band{justify-content:center!important;text-align:center;flex-direction:column!important;align-items:center!important;gap:24px!important;padding-block:clamp(70px,9vw,130px)!important}
.band h2{max-width:20ch;margin:0;text-wrap:balance}
.cs-band{padding-block:clamp(70px,8vw,120px)!important}
.cs-band h2{font-size:clamp(30px,3.6vw,56px)!important}
.cs-spots-sec{padding-bottom:clamp(80px,10vw,140px)!important}
/* Billboard-Collage: roh, Blitzlicht, Underground */
.bb-collage{position:absolute;inset:0;overflow:hidden;background:#00152b}
.bb-collage i{position:absolute;display:block;aspect-ratio:4/5;transform:rotate(var(--r));box-shadow:0 30px 60px rgba(0,0,0,.6);border:6px solid #f4f1ea;background:#111}
.bb-collage i:nth-child(3n){aspect-ratio:1}
.bb-collage i::after{content:"";position:absolute;left:30%;top:-12px;width:40%;height:22px;background:rgba(245,240,225,.75);transform:rotate(-4deg)}
.bb-collage img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.18) saturate(1.15) brightness(1.03)}
.bb-collage::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 70% 40%,transparent 40%,rgba(0,0,0,.55))}
.billboard:has(.bb-collage)::after{background:linear-gradient(90deg,rgba(0,21,43,.95) 0%,rgba(0,21,43,.7) 38%,rgba(0,21,43,.1) 70%),linear-gradient(0deg,#00152b 0%,rgba(0,21,43,0) 35%)}
.billboard .bb-collage{left:28%}
@media (max-width:900px){.billboard .bb-collage{left:0;opacity:.45}}
/* Your Creative: nur Headline, Tipp-Effekt */
.creative[data-film] .cr-stage{display:none!important}
.creative[data-film]{min-height:0!important}
.creative[data-film] .creative-in{padding-block:clamp(90px,12vw,170px)}
.cw.typing .w:not(.cr-type){display:none!important}
.cw .cr-type{display:inline-block!important;opacity:1!important;transform:none!important;position:static!important}
.cr-caret{display:inline-block;margin-left:.04em;color:var(--accent);animation:crblink .8s steps(1) infinite;font-weight:400}
@keyframes crblink{50%{opacity:0}}
.creative[data-film] .display{white-space:nowrap}
.cr-caret{width:0;overflow:visible;display:inline-block}
.creative[data-film] .display{display:block;white-space:nowrap;line-height:1}
.creative[data-film] .cr-pre{opacity:.7}
.creative[data-film] .cr-type{color:inherit}
.creative[data-film] .cr-type.pink{color:var(--accent)}
.creative[data-film] .cr-caret{display:inline-block;width:0;color:var(--accent);font-weight:400;animation:crblink .8s steps(1) infinite}
/* Über uns Hero v2: weiß */
.ahead2{background:#fff!important;color:var(--primary);padding:calc(var(--nav-h,84px) + clamp(28px,5vw,64px)) 0 clamp(48px,6vw,90px)}
.ahead2 .crumbs,.ahead2 .crumbs a{color:var(--sec-muted)}
.ahead2 .kicker{color:var(--accent)}
.ah2-h{font-size:clamp(44px,8vw,128px);line-height:.95;letter-spacing:-.035em;margin:18px 0 0;color:var(--primary)}
.ah2-h span{display:block}.ah2-h em{font-style:normal;color:var(--accent)}
.ah2-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(20px,4vw,64px);align-items:end;margin-top:clamp(24px,3vw,40px);max-width:1100px}
.ah2-row .lead-text{margin:0;max-width:60ch;color:var(--sec-muted)}
.ah2-row .btn-row{margin:0;flex-wrap:nowrap}
.ah2-strip{display:grid;grid-template-columns:1.25fr 1fr 1fr .8fr;gap:clamp(10px,1.2vw,18px);margin-top:clamp(36px,5vw,72px);align-items:end}
.ah2-strip figure{margin:0;border-radius:18px;overflow:hidden;aspect-ratio:4/5}
.ah2-strip figure:nth-child(1){aspect-ratio:5/4}
.ah2-strip figure:nth-child(2){aspect-ratio:3/4;transform:translateY(-28px)}
.ah2-strip figure:nth-child(3){aspect-ratio:1/1}
.ah2-strip figure:nth-child(4){aspect-ratio:3/4;transform:translateY(-14px)}
.ah2-strip img{width:100%;height:100%;object-fit:cover;display:block}
.ah2-facts{list-style:none;padding-top:0;padding-bottom:0;margin:clamp(28px,3vw,44px) auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,28px);border-top:1px solid var(--sec-line)}
.ah2-facts li{padding-top:18px;display:flex;flex-direction:column;gap:4px}
.ah2-facts b{font-family:var(--f-display);font-weight:900;font-size:clamp(20px,2vw,28px);color:var(--primary);letter-spacing:-.02em}
.ah2-facts span{font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--sec-muted)}
@media (max-width:820px){.ah2-row{grid-template-columns:1fr}.ah2-row .btn-row{flex-wrap:wrap}.ah2-strip{grid-template-columns:1fr 1fr}.ah2-strip figure{transform:none!important;aspect-ratio:4/5!important}.ah2-facts{grid-template-columns:1fr 1fr}}
/* Spielregeln */
.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,24px)}
.rules article{background:var(--ink-2);border-radius:22px;padding:clamp(22px,2.4vw,34px);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:14px}
.rules .mono{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.rules h3{font-size:clamp(22px,2vw,30px);line-height:1.08;margin:0;letter-spacing:-.02em}
.rules p,.rules li{color:var(--soft);font-size:15.5px;line-height:1.55;margin:0}
.rules ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.r131{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.r131 div{border-radius:14px;background:rgba(255,255,255,.06);padding:14px 10px;text-align:center;display:flex;flex-direction:column;gap:2px}
.r131 b{font-family:var(--f-display);font-weight:900;font-size:40px;line-height:1;color:#fff}
.r131 div:nth-child(2) b{color:var(--accent)}
.r131 span{font-family:var(--f-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fog)}
@media (max-width:900px){.rules{grid-template-columns:1fr}}
.rules article{background:var(--primary)!important;color:#fff!important;box-shadow:0 30px 60px -30px rgba(0,34,68,.45)}
.rules h3{color:#fff!important}
.rules p,.rules li{color:rgba(255,255,255,.84)!important}
.ah2-facts{border-top:0;position:relative}
.ah2-facts::before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);height:1px;background:var(--sec-line)}
.r131 span{color:rgba(255,255,255,.7)!important}.r131 div{background:rgba(255,255,255,.08)!important}
/* Cases: Netflix-Cover Museum */
.cs-cover>img{object-position:70% 50%}
.cs-cover::after{background:linear-gradient(90deg,rgba(0,21,43,.95) 0%,rgba(0,21,43,.55) 40%,rgba(0,21,43,0) 70%),linear-gradient(0deg,#00152b 0%,rgba(0,21,43,0) 35%)!important}
.cs-meta{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:15px;color:var(--soft)}
.cs-meta li+li::before{content:"·";margin-right:14px;color:var(--fog)}
.cs-meta .cs-hd{border:1px solid rgba(255,255,255,.5);border-radius:4px;padding:1px 8px;font-size:12px;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.05em}
.cs-meta .cs-hd::before{display:none}
.nfbtn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:6px;font-weight:700;font-size:17px;text-decoration:none;transition:background .2s}
.nfbtn.play{background:#fff;color:#00152b}.nfbtn.play:hover{background:rgba(255,255,255,.78)}
.nfbtn.info{background:rgba(110,125,145,.55);color:#fff}.nfbtn.info:hover{background:rgba(110,125,145,.38)}
.cs-age{position:absolute;right:0;bottom:clamp(60px,9vw,120px);z-index:2;padding:9px 52px 9px 14px;background:rgba(0,21,43,.55);border-left:3px solid rgba(255,255,255,.75);color:#fff;font-size:15px;backdrop-filter:blur(6px)}
@media (max-width:700px){.cs-age{display:none}.nfbtn{padding:12px 20px;font-size:15px}}
/* Hero v3: klares Raster – Headline unten bündig, Fußzeile mit Text links, Badges + Video-Schalter rechts */
.hero{grid-template-rows:1fr auto!important;gap:clamp(28px,4.5svh,52px)!important;padding-bottom:clamp(32px,5svh,56px)!important}
.hero h1{align-self:end!important;margin:0;font-size:min(9vw,168px,17svh)!important;line-height:.9}
.hero-foot{grid-template-columns:minmax(0,620px) auto!important;justify-content:space-between;align-items:end;gap:clamp(24px,4vw,64px)!important;padding-top:clamp(22px,3svh,32px);border-top:1px solid rgba(255,255,255,.18)}
.hero-foot p{margin-bottom:24px!important}
.hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.hero .trust-foot{margin:0;justify-content:flex-end}
.hero .trust-foot .trust-badge{background:rgba(0,21,43,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:rgba(255,255,255,.22);padding:9px 18px 9px 14px}
.hero .trust-foot .trust-badge b{font-size:14.5px}.hero .trust-foot .trust-badge small{font-size:12.5px}
.hero .hero-side .vtoggle{position:static!important;opacity:.7;font-size:12px;padding:5px 11px}
.hero .hero-side .vtoggle:hover{opacity:1}
@media (max-width:720px){.hero-foot{grid-template-columns:1fr!important}.hero-side{align-items:flex-start}.hero .trust-foot{justify-content:flex-start}}
/* Karriere-Hero: Headline passt in die Spalte, ruhigere Abstände */
.ph-karriere .grid{align-items:center}
.ph-karriere h1{font-size:min(6vw,104px)}
.ph-karriere .claim{margin:clamp(28px,3vw,40px) 0 16px}
.ph-karriere .lead-text{margin:0 0 clamp(28px,3vw,40px);max-width:52ch}
.ph-karriere .btn-row{margin-top:0}
.cs-cover>img{object-position:100% 50%!important}
.cs-cover::after{background:linear-gradient(90deg,rgba(0,21,43,.97) 0%,rgba(0,21,43,.85) 30%,rgba(0,21,43,.2) 58%,rgba(0,21,43,0) 75%),linear-gradient(0deg,#00152b 0%,rgba(0,21,43,0) 35%)!important}
.cs-cover h1{font-size:min(6.6vw,112px,13svh)!important}
.cs-cover .bb-in{max-width:720px}
.cs-cover .bb-in{max-width:none}.cs-cover h1{white-space:nowrap}
.np figcaption.long{font-size:clamp(12px,1vw,15px);letter-spacing:-.02em}
.np figcaption.long{font-size:clamp(14px,1.2vw,17px)}
/* Angebotsseite (angebot-*.html): eigenes Mini-Gerüst ohne Navigation */
.of-top{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:20px;padding-top:22px;padding-bottom:22px}
.of-top .logo img{height:30px;width:auto;display:block}
.of-for{margin-left:auto;color:var(--fog);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.of-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(28px,5vw,80px);align-items:end;padding-top:calc(130px + env(safe-area-inset-top,0px));padding-bottom:clamp(56px,8vw,110px)}
.of-hero h1{font-size:clamp(40px,6.2vw,104px);line-height:.95;margin:16px 0 0}
.of-hero h1 .of-hi{display:block;color:var(--fog);font-size:.5em;letter-spacing:-.01em;margin-bottom:.25em;text-transform:none}
.of-hero h1 em{font-style:normal;color:var(--accent)}
.of-hero .lead-text{margin:26px 0 30px;max-width:58ch}
.of-trust{margin-top:28px}
.of-jan{margin:0;position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 40px 90px rgba(0,0,0,.4)}
.of-jan img{width:100%;height:100%;object-fit:cover;display:block}
.of-jan figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:12px 16px;border-radius:14px;background:rgba(0,21,43,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:2px}
.of-jan figcaption b{font-size:18px}.of-jan figcaption span{font-size:13px;color:var(--soft)}
.of-sec .ds-head{margin-bottom:clamp(28px,4vw,48px)}
.of-blabel{display:inline-block;margin-bottom:16px;color:var(--accent);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.of-pains{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,22px)}
.of-pain{background:#fff;border-radius:20px;padding:clamp(22px,2.4vw,32px);box-shadow:0 1px 2px rgba(0,34,68,.06);display:flex;flex-direction:column;gap:10px}
.of-pain .big{font-size:44px;line-height:1;color:var(--accent)}
.of-pain h3{margin:0;font-size:clamp(20px,1.8vw,26px);line-height:1.12;color:var(--primary)}
.of-pain p{margin:0;color:var(--sec-muted);line-height:1.55}
.of-paket{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,1.4vw,18px)}
.of-paket li{display:flex;gap:16px;padding:clamp(18px,2vw,26px);border-radius:18px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}
.of-paket i{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;font-style:normal;font-weight:800}
.of-paket b{display:block;font-size:18px;margin-bottom:4px}.of-paket p{margin:0;color:var(--soft);line-height:1.5;font-size:15.5px}
.of-plan{list-style:none;margin:0 0 clamp(28px,4vw,48px);padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.4vw,18px);counter-reset:pl}
.of-plan li{position:relative;padding:22px 20px 22px;border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(0,34,68,.06);border-top:4px solid var(--accent)}
.of-plan .mono{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.of-plan b{display:block;margin:8px 0 6px;font-size:19px;color:var(--primary)}.of-plan p{margin:0;color:var(--sec-muted);line-height:1.5;font-size:15px}
.of-case{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,3vw,44px);align-items:center;margin-bottom:clamp(28px,4vw,48px);padding:clamp(14px,1.6vw,20px);border-radius:24px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:inherit}
.of-case[hidden]{display:none}
.of-case img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;display:block}
.of-case .mono{color:var(--accent);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.of-case h3{font-size:clamp(24px,2.4vw,36px);line-height:1.08;margin:10px 0 12px}.of-case p{color:var(--soft);margin:0 0 18px;line-height:1.55}
.of-kpis{display:flex;flex-wrap:wrap;gap:22px;margin-bottom:18px}.of-kpis b{display:block;font-family:var(--f-display);font-weight:900;font-size:32px;color:#fff}.of-kpis span{font-size:13px;color:var(--fog);max-width:18ch;display:block}
.of-vids{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:clamp(28px,4vw,48px)}
.of-vids .rc-v{margin:0;border-radius:16px;overflow:hidden;aspect-ratio:9/16;position:relative}
.of-vids video{width:100%;height:100%;object-fit:cover;display:block}
.of-vids figcaption{position:absolute;left:10px;bottom:10px;font-size:11px;padding:4px 8px;border-radius:6px;background:rgba(0,21,43,.6)}
.of-quote{margin:clamp(32px,4vw,56px) 0 0;font-size:clamp(20px,2vw,28px);font-weight:700;line-height:1.35;max-width:46ch}
.of-quote cite{display:block;margin-top:16px;font-style:normal;font-size:15px;font-weight:400;color:var(--fog)}.of-quote cite b{color:#fff;margin-right:8px}
.of-price{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center}
.of-price-box{background:var(--primary);color:#fff;border-radius:22px;padding:28px 34px;display:flex;flex-direction:column;gap:6px;min-width:240px}
.of-price-box[hidden]{display:none}
.of-price-box .mono{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.of-price-box b{font-family:var(--f-display);font-weight:900;font-size:clamp(34px,3.4vw,52px);line-height:1}.of-price-box small{color:var(--soft);font-size:14px}
.of-price-txt p{margin:0 0 12px;color:var(--sec-muted);font-size:clamp(16px,1.3vw,19px);line-height:1.55;max-width:60ch}
.of-faqs{display:grid;gap:12px;max-width:900px}
.of-faq{border-radius:16px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);padding:0 24px}
.of-faq summary{cursor:pointer;list-style:none;padding:20px 0;font-weight:700;font-size:18px;display:flex;justify-content:space-between;gap:16px}
.of-faq summary::-webkit-details-marker{display:none}
.of-faq summary::after{content:"+";color:var(--accent);font-size:24px;line-height:1}
.of-faq[open] summary::after{content:"–"}
.of-faq p{margin:0 0 20px;color:var(--soft);line-height:1.6}
.of-end{align-items:start!important}
.of-person{max-width:320px;margin-top:28px}
.of-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:28px;padding-bottom:28px;font-size:13px;color:var(--fog);background:var(--primary)}
.of-foot nav{display:flex;gap:18px}.of-foot a{color:var(--fog)}
@media (max-width:900px){.of-hero{grid-template-columns:1fr}.of-jan{max-width:360px;aspect-ratio:1/1}.of-pains,.of-paket{grid-template-columns:1fr}.of-plan{grid-template-columns:1fr 1fr}.of-case{grid-template-columns:1fr}.of-vids{grid-template-columns:1fr 1fr}.of-price{grid-template-columns:1fr}.of-for{display:none}}
@media (max-width:520px){.of-plan{grid-template-columns:1fr}.of-top .btn{padding:9px 14px;font-size:13px}}
.of-fit{overflow:hidden}
.of-fit [data-p^="stelle"]{white-space:nowrap}
.of-sec.light .rc-steps h3{color:var(--primary)}
.of-sec.light .rc-steps p{color:var(--sec-muted)!important}
.of-sec.light .rc-steps .rc-think{color:var(--primary)!important}
.of-sec.light .cform{background:var(--primary)!important;color:#fff;box-shadow:0 30px 70px -30px rgba(0,34,68,.55)}
.of-sec.light .cform legend,.of-sec.light .cform label{color:#fff}
.of-sec.light .cform .hint{color:var(--soft)}
.of-jan-mini{display:flex;align-items:center;gap:14px;margin-top:28px;color:var(--sec-muted)}
.of-jan-mini img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.of-jan-mini b{color:var(--primary)}
/* Websites · Kapitel „Unser Framework“ (gepinnt, scrub) */
.wbf-sec{position:relative;background:var(--primary)}
.wbf-track{position:relative;height:320svh}
.wbf-stick{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,64px);align-items:center;padding-top:120px;padding-bottom:40px}
.wbf-left .rc-h h2{font-size:clamp(34px,3.6vw,58px)}
.wbf-steps{list-style:none;margin:clamp(18px,2.4vw,30px) 0 0;padding:0;display:grid;gap:10px}
.wbf-steps li{padding:14px 18px;border-radius:16px;border:1px solid var(--line);opacity:.42;transition:opacity .3s,background .3s,border-color .3s}
.wbf-steps li.on{opacity:1;background:rgba(255,255,255,.05);border-color:rgba(245,0,105,.55)}
.wbf-steps .mono{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.wbf-steps b{display:block;font-size:clamp(17px,1.4vw,21px);margin:4px 0 2px}
.wbf-steps p{margin:0;font-size:15px;line-height:1.5;color:var(--soft);display:none}
.wbf-steps li.on p{display:block}
.wbf-stage{position:relative;height:min(68svh,560px);border-radius:24px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.wbf-l{position:absolute;inset:0;padding:22px;opacity:0;transition:opacity .35s;pointer-events:none}
.wbf-l.on{opacity:1;pointer-events:auto}
.wbf-note{position:absolute;left:22px;bottom:16px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fog)}
.wbf-col{position:absolute;top:22px;left:2%;margin-left:22px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);opacity:calc(var(--t,0) * 2 - 1)}
.wbf-col.neg{left:51%;color:var(--fog)}
.wbf-rev{--t:0;position:absolute;width:44%;left:calc((var(--x0) + (var(--x1) - var(--x0)) * var(--tt,0)) * 1%);top:calc((var(--y0) + (var(--y1) - var(--y0)) * var(--tt,0)) * 1%);transform:rotate(calc(var(--r0) * (1 - var(--tt,0)) * 1deg));background:#fff;color:var(--primary);border-radius:14px;padding:12px 14px;box-shadow:0 14px 30px rgba(0,0,0,.3);font-size:14px;line-height:1.4}
.wbf-rev p{margin:4px 0 0}
.wbf-st{font-size:12px;letter-spacing:2px;color:#f5b400}
.wbf-rev mark{background:rgba(245,0,105,calc(var(--tt,0) * .18));color:inherit;border-radius:4px;padding:0 3px;font-weight:700}
.wbf-rev.neg mark{background:rgba(0,34,68,calc(var(--tt,0) * .14))}
.wbf-rev.neg{opacity:calc(1 - var(--tt,0) * .25)}
.wbf-br{position:relative;height:100%;border-radius:16px;overflow:hidden;background:#fff;color:var(--primary);display:flex;flex-direction:column}
.wbf-br .wb-bbar{flex:none}
.wbf-hero{padding:clamp(18px,3vw,36px);display:flex;flex-direction:column;gap:14px}
.wbf-hero .mono{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sec-muted)}
.wbf-hero .h4{margin:0;font-family:var(--f-display);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.98;font-size:clamp(24px,2.6vw,42px)}
.wbf-h{opacity:.08;transition:opacity .25s}
.wbf-l1[data-k="1"] .wbf-h.a,.wbf-l1[data-k="2"] .wbf-h.a,.wbf-l1[data-k="3"] .wbf-h.a,.wbf-l1[data-k="2"] .wbf-h.b,.wbf-l1[data-k="3"] .wbf-h.b,.wbf-l1[data-k="3"] .wbf-h.c{opacity:1}
.wbf-btn{align-self:start;background:var(--accent);color:#fff;font-weight:700;font-size:15px;padding:11px 20px;border-radius:999px}
.wbf-map{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;padding:0 clamp(18px,3vw,36px) clamp(16px,2vw,24px)}
.wbf-map span{font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:var(--secondary);color:var(--primary)}
.wbf-map s{color:var(--sec-muted)}
.wbf-bubble{position:absolute;right:28px;bottom:70px;max-width:260px;background:var(--accent);color:#fff;font-weight:800;font-size:clamp(16px,1.4vw,20px);line-height:1.25;padding:14px 18px;border-radius:18px 18px 4px 18px;box-shadow:0 18px 40px rgba(0,0,0,.35);opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s}
.wbf-l1[data-k="3"] .wbf-bubble{opacity:1;transform:none}
.wbf-hero.dim .h4{font-size:clamp(20px,2vw,32px)}
.wbf-heat{position:absolute;inset:40px 0 0 0;pointer-events:none}
.wbf-heat i{position:absolute;width:calc(130px * var(--s));height:calc(130px * var(--s));margin:calc(-65px * var(--s)) 0 0 calc(-65px * var(--s));border-radius:50%;background:radial-gradient(circle,rgba(245,0,105,.55),rgba(245,0,105,.18) 45%,rgba(245,0,105,0) 70%);opacity:var(--tt,0);transform:scale(calc(.6 + var(--tt,0) * .4))}
.wbf-scroll{position:absolute;right:10px;top:52px;bottom:12px;width:6px;border-radius:3px;background:var(--secondary)}
.wbf-scroll i{position:absolute;left:0;top:0;width:100%;height:calc(var(--tt,0) * 75%);border-radius:3px;background:var(--accent)}
.wbf-log{position:absolute;left:40px;bottom:58px;list-style:none;margin:0;padding:12px 14px;border-radius:14px;background:rgba(0,21,43,.88);color:#fff;font-size:11px;letter-spacing:.04em;display:grid;gap:6px;min-width:200px}
.wbf-log li{opacity:.15;transition:opacity .25s}
.wbf-log li.on{opacity:1}.wbf-log .pk{color:var(--accent)}
.wbf-l2 .wbf-br{height:calc(100% - 26px)}
.wbf-cta{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding-top:clamp(24px,3vw,40px);padding-bottom:clamp(56px,7vw,90px);border-top:1px solid var(--line)}
.wbf-cta b{display:block;font-size:clamp(20px,1.8vw,26px)}.wbf-cta span{color:var(--soft)}
@media (max-width:900px){
  .wbf-track{height:auto}
  .wbf-stick{position:relative;height:auto;grid-template-columns:1fr;padding-top:80px}
  .wbf-steps li{opacity:1}.wbf-steps p{display:block}
  .wbf-stage{height:auto;background:none;box-shadow:none;overflow:visible;display:grid;gap:16px}
  .wbf-l{position:relative;opacity:1;min-height:420px;border-radius:20px;background:var(--ink-2);--tt:1}
  .wbf-l .wbf-rev{--tt:1}.wbf-l .wbf-heat i{--tt:1}
  .wbf-l0{min-height:560px}.wbf-col{opacity:1}
}
.pill .face{object-position:75% 30%}
/* Cases-Cover: minimal weniger Abstand (18.10.) */
.cs-cover .bb-in{padding-top:clamp(28px,5svh,64px);padding-bottom:clamp(20px,3svh,40px)}
.cs-cover .crumbs{margin-bottom:14px}
.cs-cover .cs-meta{margin-top:10px}
.cs-cover .bb-punch{margin:clamp(12px,2svh,22px) 0 clamp(20px,3.4svh,34px)}
/* Cases-Reihen als Raster, alle Poster sichtbar */
.nrow-grid .ntrack{display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(clamp(150px,15vw,210px),1fr));overflow:visible;margin-inline:0;padding-inline:0;scroll-snap-type:none}
/* Umlaute in Band-Headlines nicht in die Zeile darüber */
.band h2,.cs-band h2{line-height:1.08!important}
.qt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.qt-noimg{padding:28px 28px 30px;align-content:center}
.qt-noimg blockquote{font-size:clamp(20px,1.7vw,26px)}
@media (max-width:700px){.qt-grid{grid-template-columns:1fr}}
/* Website-Film: Bewertungskarten einzeilig, damit sie in den Spalten nicht überlappen */
.wf-rv p:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cursor{display:none!important}  /* 18.10.: normaler Mauszeiger, kein Punkt */
.wbf-cta{justify-content:center;text-align:center;flex-direction:column}
.wbf-cta>div{display:flex;flex-direction:column;align-items:center}
/* Responsive: Netflix-Reihen nicht breiter als der Bildschirm */
.nrows,.nrow,.nrow-head{min-width:0;max-width:100%}
.nrow .ntrack{max-width:100vw}
@media (max-width:700px){.solc .solc-in>.mono{display:none}}
/* Kontaktformular: Datenschutzhinweis + Honeypot gegen Spam */
.cform .cf-privacy{font-size:.8rem;margin:.6rem 0 0}.cform .cf-privacy a{color:inherit;text-decoration:underline}
.cform .cf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
/* Barrierefreiheit: Buttons mit weißer Schrift brauchen ≥ 4,5:1 → Pink minimal dunkler nur als Buttonfläche */
.btn{--bg:#E8005F}
.wbf-btn{background:#E8005F!important}
.wb-bbar .mono{color:#5b6b7c}
form .hint,form .hint a{color:#9aa8b8!important}