[hidden]{display:none!important}
img{max-width:100%}
:root{
  color-scheme: dark;
  --ground:#0B0D12; --surface:#12161F; --surface-2:#10141C; --line:#232938;
  --ink:#EEF1F6; --ink-2:#C9D0DC; --muted:#9AA3B5;
  --green:#34D399; --green-ink:#04130D; --blue:#60A5FA; --teal:#3CC5B4; --sky:#4AADE0;
  --navy:#0E1D40; --navy-2:#132656; --navy-line:#24386B; --navy-muted:#B4C2E0; --paper:#F3F6FC; --paper-ink:#0E1D40;
  --display:'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;
  --body:'Figtree','Segoe UI',system-ui,sans-serif;
  --gut:clamp(16px,5.5vw,80px);
}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;overflow-x:hidden}
a{color:var(--green)} a:hover{color:#6EE7B7}
:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0}
p{margin:0}
.wrap{padding-inline:var(--gut);max-width:1440px;margin-inline:auto}
.hl{background:linear-gradient(90deg,var(--green),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:10px;background:var(--green);color:var(--green-ink);font-weight:600;font-size:17px;text-decoration:none;border:1px solid var(--green);font-family:inherit;cursor:pointer;transition:transform .3s ease,background .3s ease,border-color .3s ease}
.btn:hover{background:#5EE0AE;border-color:#5EE0AE;color:var(--green-ink);transform:translateY(-2px)}
.btn.ghost{background:transparent;color:var(--ink);border-color:#3A4152}
.btn.ghost:hover{border-color:var(--ink);background:rgba(255,255,255,.04);color:var(--ink)}
.link{font-weight:600;text-decoration:none}
.link:hover{text-decoration:underline}
.ph{background:repeating-linear-gradient(135deg,#151923 0 12px,#1B202B 12px 24px);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:14px;padding:16px}
.waves{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
section{position:relative}
.sec{padding-block:clamp(64px,9vw,120px)}
.h2{font-weight:800;font-size:clamp(36px,5vw,64px);line-height:1.02;letter-spacing:-.025em}
.lead{font-size:clamp(17px,1.5vw,19px);color:var(--ink-2);max-width:60ch}
.small{font-size:14px;color:var(--muted)}
.rv{transition:transform 1.1s cubic-bezier(.2,.7,.2,1),opacity 1.1s ease}
.js .rv.pre{transform:translateY(34px);opacity:.35}
.page[hidden]{display:none!important}

/* Header */
.top{position:absolute;top:0;left:0;right:0;z-index:10;padding-top:env(safe-area-inset-top,0px)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px}
.brand{font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:-.01em;color:var(--ink);text-decoration:none;white-space:nowrap}
.nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;align-items:center}
.nav ul a{color:var(--ink);text-decoration:none;font-weight:500;font-size:15px}
.nav ul a:hover,.nav ul a[aria-current="page"]{color:var(--green)}
.nav .btn{min-height:44px;padding:0 18px;font-size:15px;color:var(--green-ink)}
.nav .btn[aria-current="page"]{color:var(--green-ink)}
@media (max-width:1060px){.nav ul li.hide-s{display:none}}

/* Hero Start */
.hero{overflow:hidden}
.hero-grid{position:relative;display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:center;padding-top:150px;padding-bottom:80px}
.hero h1{font-weight:800;font-size:clamp(44px,6.2vw,88px);line-height:1;letter-spacing:-.032em}
.hero h1 span{display:block}
.hero-copy{display:flex;flex-direction:column;gap:26px}
.cta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.consi{font-size:14px;color:var(--muted)}
.portrait{position:relative;height:560px}
.portrait .glow{position:absolute;left:50%;top:50%;width:440px;height:440px;margin:-220px 0 0 -220px;border-radius:50%;background:radial-gradient(circle,rgba(52,211,153,.22),rgba(96,165,250,.12) 55%,rgba(11,13,18,0) 72%)}
.portrait .ph{position:absolute;inset:10px 30px 0;border-radius:240px 240px 18px 18px;border:1px solid #262C3A}
.fade{position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(0deg,var(--ground),rgba(11,13,18,0));pointer-events:none}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.portrait{height:380px}}

/* Subpage hero */
.phero{overflow:hidden;padding-top:150px;padding-bottom:70px}
.phero .inner{position:relative;display:flex;flex-direction:column;gap:22px;max-width:900px}
.phero h1{font-weight:800;font-size:clamp(40px,5.4vw,76px);line-height:1;letter-spacing:-.03em}
.phero h1 span{display:block}

/* Logos */
.logos{display:flex;align-items:center;gap:40px;padding-block:20px 36px}
.logos .row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;flex:1}
.logos .ph{height:46px;border-radius:8px;padding:4px}
@media (max-width:900px){.logos{flex-direction:column;align-items:flex-start}.logos .row{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}

/* 1-€-Banner */
.banner{position:relative;overflow:hidden;border-radius:26px;background:var(--navy);border:1px solid var(--navy-line);display:grid;grid-template-columns:auto 1fr auto;gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(32px,5vw,64px) clamp(24px,5vw,72px)}
.banner > *{position:relative}
.euro{font-family:var(--display);font-weight:800;font-size:clamp(110px,15vw,220px);line-height:.8;letter-spacing:-.06em}
.banner h2{font-size:clamp(28px,3.4vw,46px);font-weight:800;line-height:1.05;letter-spacing:-.02em;color:#F3F6FC}
.banner p{color:var(--navy-muted);margin-top:12px;max-width:52ch}
.pill{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:600;letter-spacing:.04em;color:#0E6B4C;background:#D5F6E8;padding:6px 12px;border-radius:999px;margin-bottom:16px}
.pill i{width:7px;height:7px;border-radius:50%;background:#0E9F6E;animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{50%{opacity:.3}}
@media (max-width:980px){.banner{grid-template-columns:1fr}}

/* Zwei Themen */
.duo{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch;margin-top:48px}
.theme{display:flex;flex-direction:column;gap:16px;padding:clamp(28px,4vw,48px);background:var(--surface);border:1px solid var(--line);border-radius:22px;text-decoration:none;color:var(--ink);transition:border-color .4s ease,transform .4s ease}
.theme:hover{transform:translateY(-4px);color:var(--ink)}
.theme.g:hover{border-color:var(--green)} .theme.b:hover{border-color:var(--blue)}
.theme h3{font-weight:800;font-size:clamp(28px,3vw,42px);line-height:1.02;letter-spacing:-.02em}
.theme p{color:var(--ink-2)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font-size:14px;padding:5px 12px;border-radius:999px;border:1px solid #333B4E;color:var(--ink-2)}
.theme .go{margin-top:auto;font-weight:600}
.joint{display:flex;align-items:center;justify-content:center;width:72px;position:relative}
.joint::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,var(--green),var(--blue))}
.joint b{position:relative;width:52px;height:52px;border-radius:50%;background:var(--ground);border:2px solid var(--teal);display:grid;place-content:center;font-family:var(--display);font-size:26px;color:var(--ink)}
.duo-foot{margin-top:28px;text-align:center;color:var(--ink-2);font-size:clamp(18px,1.8vw,22px)}
@media (max-width:900px){.duo{grid-template-columns:1fr}.joint{width:auto;height:64px}.joint::before{left:50%;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(180deg,var(--green),var(--blue))}}

/* Tiles */
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.tile{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;min-height:380px;padding:36px;border-radius:22px;border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.tile .ph{position:absolute;inset:0;border-radius:0}
.tile .shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,13,18,.95),rgba(11,13,18,.15) 70%)}
.tile > *:not(.ph):not(.shade){position:relative}
.tile h3{font-weight:800;font-size:clamp(28px,3vw,40px);letter-spacing:-.02em}
.tile:hover{color:var(--ink)}
.tile:hover .go{text-decoration:underline}
@media (max-width:800px){.tiles{grid-template-columns:1fr}}

/* Karten allgemein */
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.card{display:flex;flex-direction:column;gap:14px;padding:34px;background:var(--surface);border:1px solid var(--line);border-radius:18px}
.card h3{font-weight:800;font-size:clamp(22px,2.2vw,28px);line-height:1.1}
.card p{color:var(--ink-2);font-size:16px}
.card .link{margin-top:auto}
@media (max-width:980px){.grid3{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}}

/* Pakete */
.pkgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:44px;align-items:stretch}
.pkg{display:flex;flex-direction:column;gap:16px;padding:34px;border-radius:20px;background:rgba(19,38,86,.55);border:1px solid var(--navy-line)}
.pkg.hot{background:var(--paper);color:var(--paper-ink);border-color:var(--paper);transform:translateY(-10px)}
.pkg h3{font-size:26px;font-weight:800}
.pkg .price{font-family:var(--display);font-weight:800;font-size:44px;line-height:1;letter-spacing:-.03em}
.pkg.hot .price{color:#0B8A5E}
.pkg ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;font-size:16px}
.pkg li{display:flex;gap:10px;align-items:flex-start}
.pkg li::before{content:"";flex:none;width:14px;height:8px;margin-top:7px;border:2px solid var(--green);border-top:0;border-right:0;transform:rotate(-45deg)}
.pkg.hot li::before{border-color:#0B8A5E}
.pkg .note{font-size:13px;color:var(--navy-muted)}
.pkg.hot .note{color:#46557A}
.pkg .btn{margin-top:auto}
.pkg:not(.hot) .btn{background:transparent;color:#F3F6FC;border-color:#5A70A8}
.pkg:not(.hot) .btn:hover{border-color:#F3F6FC}
@media (max-width:980px){.pkgs{grid-template-columns:1fr}.pkg.hot{transform:none}}

.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:64px;border-top:1px solid var(--navy-line)}
.flow > div{padding:30px 30px 0 0;display:flex;flex-direction:column;gap:10px}
.flow .n{font-family:var(--display);font-weight:800;font-size:54px;line-height:1;color:transparent;-webkit-text-stroke:1.2px #5A70A8}
.flow h3{font-size:23px;font-weight:800;color:#F3F6FC}
.flow p{color:var(--navy-muted);font-size:16px}
@media (max-width:800px){.flow{grid-template-columns:1fr}}

/* Buchung */
.booking{display:grid;grid-template-columns:6fr 5fr;gap:clamp(24px,4vw,56px);padding:clamp(24px,4vw,48px);border-radius:24px;background:var(--surface);border:1px solid var(--line)}
.days{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.day,.slot{font-family:inherit;cursor:pointer;border:1px solid #333B4E;background:transparent;color:var(--ink);border-radius:12px;padding:12px 10px;text-align:center;transition:border-color .25s,background .25s}
.day b{display:block;font-family:var(--display);font-size:22px;line-height:1.1}
.day small{display:block;color:var(--muted);font-size:13px}
.day:hover,.slot:hover{border-color:var(--ink-2)}
.day[aria-pressed="true"],.slot[aria-pressed="true"]{border-color:var(--green);background:rgba(52,211,153,.1)}
.slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.slot{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
.chosen{padding:14px 16px;border-radius:12px;background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.35);font-size:15px}
@media (max-width:900px){.booking{grid-template-columns:1fr}.slots{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Formulare */
form{display:flex;flex-direction:column;gap:14px}
.f2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600;color:var(--ink-2)}
input[type=text],input[type=email],input[type=url],select,textarea{min-height:50px;border:1px solid #36405A;background:rgba(11,13,18,.7);color:var(--ink);border-radius:10px;padding:10px 14px;font-size:16px;font-family:inherit}
select{background:#0F1422}
textarea{min-height:120px;resize:vertical}
.ok{padding:14px 16px;border-radius:10px;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.5);color:var(--ink);font-size:15px}
@media (max-width:700px){.f2{grid-template-columns:1fr}}

.contact{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(120deg,#0E2620,#111C33);border:1px solid #263244;padding:clamp(28px,5vw,80px) clamp(20px,5vw,64px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}
.contact > *{position:relative}
@media (max-width:900px){.contact{grid-template-columns:1fr}}

/* Data Science */
.engine svg{width:100%;height:auto;max-width:100%}
.engine{display:grid;grid-template-columns:5fr 6fr;gap:56px;align-items:center}
@media (max-width:900px){.engine{grid-template-columns:1fr}}

/* Seminare / Vorträge Listen */
.rows{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-top:36px}
.rowi{display:grid;grid-template-columns:2.2fr 1fr 1fr auto;gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}
.rowi h3{font-weight:600;font-size:clamp(20px,2vw,26px)}
@media (max-width:800px){.rowi{grid-template-columns:1fr;gap:6px}}

/* Buch */
.book{display:grid;grid-template-columns:4fr 7fr;gap:clamp(28px,5vw,72px);align-items:center}
.cover{aspect-ratio:3/4;max-width:100%;border-radius:8px 16px 16px 8px;background:linear-gradient(150deg,#0E2620,#132656);border:1px solid #2A3A60;display:flex;flex-direction:column;justify-content:space-between;padding:32px;box-shadow:24px 30px 60px -30px rgba(0,0,0,.8)}
.cover b{font-family:var(--display);font-size:clamp(26px,3vw,38px);line-height:1.05}
@media (max-width:800px){.book{grid-template-columns:1fr}.cover{max-width:320px}}

footer{border-top:1px solid var(--line);margin-top:60px}
.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:40px;color:var(--muted);font-size:14px}
.foot nav{display:flex;gap:20px;flex-wrap:wrap}
.foot a{color:var(--ink-2);text-decoration:none}
.foot a:hover{color:var(--green)}

/* Über mich */
.about-hero{position:relative;display:grid;grid-template-columns:7fr 4fr;gap:48px;align-items:end}
@media (max-width:900px){.about-hero{grid-template-columns:1fr}}
.interview{max-width:860px;display:flex;flex-direction:column;gap:44px}
.qa{display:flex;flex-direction:column;gap:12px;padding-left:24px;border-left:2px solid var(--line)}
.qa .q{font-family:var(--display);font-weight:600;font-size:clamp(21px,2vw,26px);color:var(--green);line-height:1.2}
.qa .a{font-size:18px;color:var(--ink-2);line-height:1.65}
.pull{margin:8px 0;font-family:var(--display);font-weight:800;font-size:clamp(28px,3.6vw,46px);line-height:1.08;letter-spacing:-.02em;background:linear-gradient(90deg,var(--green),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.cv{list-style:none;margin:36px 0 0;padding:0;display:flex;flex-direction:column}
.cv li{display:grid;grid-template-columns:140px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}
.cv .yr{font-family:var(--display);font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.cv b{display:block;font-family:var(--display);font-size:22px}
.cv span{color:var(--ink-2)}
@media (max-width:600px){.cv li{grid-template-columns:1fr;gap:4px}}

/* Whitepaper */
.wp{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:18px;background:rgba(19,38,86,.55);border:1px solid var(--navy-line)}
.wp h3{font-size:24px;font-weight:800;color:#F3F6FC}
.wp p{color:var(--navy-muted);font-size:16px}
.wp .btn{margin-top:auto;align-self:flex-start}
.wp-doc{position:relative;height:190px;margin-bottom:8px;border-radius:6px 14px 14px 6px;background:linear-gradient(160deg,#F3F6FC,#DCE5F5);color:var(--paper-ink);padding:22px;display:flex;flex-direction:column;justify-content:space-between;width:150px;box-shadow:14px 18px 40px -20px rgba(0,0,0,.7);transform:rotate(-3deg);transition:transform .5s ease}
.wp:hover .wp-doc{transform:rotate(0) translateY(-4px)}
.wp-doc span{font-size:11px;font-weight:700;letter-spacing:.14em;color:#0B8A5E}
.wp-doc b{font-family:var(--display);font-size:16px;line-height:1.15}

.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.chipbtn{font:inherit;font-size:14px;font-weight:600;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid #333B4E;background:transparent;color:var(--ink-2);cursor:pointer}
.chipbtn:hover{border-color:var(--ink-2)}
.chipbtn[aria-pressed="true"]{border-color:var(--green);color:var(--green);background:rgba(52,211,153,.08)}

/* Qualifikationen */
.qfilter{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.tablewrap{overflow-x:auto;margin-top:22px;border:1px solid var(--line);border-radius:16px}
.qtable{width:100%;border-collapse:collapse;min-width:640px;font-size:16px}
.qtable th{text-align:left;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:14px 20px;border-bottom:1px solid var(--line);background:var(--surface)}
.qtable td{padding:16px 20px;border-bottom:1px solid var(--line);color:var(--ink-2);vertical-align:top}
.qtable tr:last-child td{border-bottom:0}
.qtable td:first-child{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}
.qtable b{color:var(--ink);font-weight:600}
.qtable tbody tr{transition:background .2s}
.qtable tbody tr:hover{background:rgba(255,255,255,.02)}
.tagc{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid #333B4E;white-space:nowrap}

@keyframes spin{to{transform:rotate(360deg)}}


.formats{margin-top:40px}
.fmt{display:flex;flex-direction:column;gap:14px;padding:32px;border-radius:20px;border:1px solid var(--line);background:var(--surface)}
.fmt-k{font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:.12em;text-transform:uppercase}
.fmt h3{font-size:26px;font-weight:800;line-height:1.1}
.fmt p{color:var(--ink-2);font-size:16px}
.fmt ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.fmt li{padding-bottom:10px;border-bottom:1px solid var(--line);color:var(--ink);font-size:16px;line-height:1.35}
.fmt li span{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.fmt .btn{margin-top:auto;align-self:flex-start}
.contact-box{width:min(620px,100%)}

/* Hero-Zusätze */
.for{font-size:14px;letter-spacing:.06em;color:var(--muted);font-weight:500}
/* Überschriften: immer genau zwei Zeilen (weiß oben, bunt unten), Größe passt sich der Breite an */
@media (min-width:901px){.hero-grid{grid-template-columns:8fr 4fr}}
.hero-copy,.phero .inner{container-type:inline-size}
.hero h1,.phero h1{font-size:clamp(28px,7.4vw,88px)}
@supports (font-size:1cqi){
  .hero h1{font-size:min(6.8cqi,88px)}
  .phero h1{font-size:min(6.2cqi,76px)}
}
.hero h1 span,.phero h1 span{white-space:nowrap}
.consi.under{position:relative;margin-top:14px;text-align:center;font-size:13px;line-height:1.5;padding-inline:20px}

/* 1-€-Banner mit Countdown */
.banner .b-copy h2 span{display:inline}
.b-side{display:flex;flex-direction:column;gap:12px;align-items:stretch;min-width:400px}
.cd-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--navy-muted)}
.cd{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.banner > canvas.waves{position:absolute}
.cd-u{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.cd-u > span{text-align:center;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}
/* Klappzahlen (Split-Flap) */
.flip{--fh:72px;position:relative;height:var(--fh);font-family:'Oswald','Bricolage Grotesque',sans-serif;font-weight:600;font-size:calc(var(--fh)*.72);line-height:var(--fh);color:#F3F6FC;text-align:center;perspective:400px;border-radius:10px;box-shadow:0 10px 24px -10px rgba(0,0,0,.8);font-variant-numeric:tabular-nums}
.flip .h{position:absolute;left:0;right:0;height:50%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.flip .h span{display:block;height:var(--fh)}
.flip .t{top:0;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#2A3148,#1E2438)}
.flip .b{bottom:0;border-radius:0 0 10px 10px;background:linear-gradient(180deg,#191E30,#141827)}
.flip .b span{margin-top:calc(var(--fh)/-2)}
.flip::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:#070A12;z-index:6}
.flip::before{content:"";position:absolute;inset:0;border-radius:10px;border:1px solid rgba(255,255,255,.06);z-index:7;pointer-events:none}
.flip .ft{z-index:4;transform-origin:50% 100%;animation:flapTop .28s cubic-bezier(.5,0,.9,.5) forwards}
.flip .fb{z-index:5;transform-origin:50% 0;transform:rotateX(90deg);animation:flapBot .28s .26s cubic-bezier(.1,.5,.5,1) forwards}
@keyframes flapTop{to{transform:rotateX(-90deg)}}
@keyframes flapBot{to{transform:rotateX(0)}}
@media (max-width:980px){.b-side{min-width:0}}
@media (max-width:600px){
  .banner{grid-template-columns:auto 1fr;gap:14px 18px;padding:24px 18px}
  .banner .euro{font-size:72px}
  .banner .b-copy .pill{margin-bottom:8px}
  .banner .b-copy h2{font-size:23px}
  .banner .b-copy p{display:none}
  .banner .b-side{grid-column:1/-1}
  .flip{--fh:54px}
  .cd{gap:6px}
}

/* Footer */
footer{border-top:1px solid var(--line);margin-top:60px;background:#090B10}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-block:64px 40px}
.fcol{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.fcol h2{font-family:var(--display);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:6px}
.fcol a,.fcol .linkbtn{color:var(--ink-2);text-decoration:none;font-size:15px}
.fcol a:hover,.fcol .linkbtn:hover{color:var(--green)}
.fbrand p{color:var(--muted);font-size:15px;max-width:30ch}
.fbrand .btn{color:var(--green-ink)}
.fbase{padding-block:22px 36px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
@media (max-width:900px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.fbrand{grid-column:1/-1}}
@media (max-width:520px){.fgrid{grid-template-columns:1fr}}
.goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.goal{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px;padding:clamp(26px,3vw,38px);min-height:320px;border-radius:22px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:border-color .4s ease,transform .4s ease}
.goal::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--c);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.goal:hover{border-color:var(--c);transform:translateY(-6px);color:var(--ink)}
.goal:hover::after{transform:scaleX(1)}
.goal-n{width:44px;height:44px;border-radius:50%;display:grid;place-content:center;border:1.5px solid var(--c);color:var(--c);font-family:var(--display);font-weight:800}
.goal h3{font-weight:800;font-size:clamp(24px,2.4vw,32px);line-height:1.08;letter-spacing:-.015em}
.goal p{color:var(--ink-2);font-size:16px}
.goal-to{margin-top:auto;display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:16px;border-top:1px solid var(--line);color:var(--c);font-weight:600;font-size:15px}
.goal-to b{font-size:22px;transition:transform .4s ease}
.goal:hover .goal-to b{transform:translateX(6px)}
@media (max-width:900px){.goals{grid-template-columns:1fr}.goal{min-height:0}}
.tabs{display:flex;gap:6px;margin:22px 0 16px;padding:4px;border-radius:12px;background:var(--ground);border:1px solid var(--line)}
.tabs button{flex:1;min-height:44px;border:0;border-radius:9px;background:transparent;color:var(--ink-2);font:inherit;font-weight:600;font-size:15px;cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}

/* Kontakt-Button */
.fab{position:fixed;z-index:40;left:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));display:inline-flex;gap:10px;align-items:center;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid #2E3A52;background:rgba(18,22,31,.92);backdrop-filter:blur(10px);color:var(--ink);font:inherit;font-weight:600;font-size:15px;cursor:pointer;box-shadow:0 14px 34px -14px rgba(0,0,0,.7);transition:border-color .3s,transform .3s}
.fab svg{color:var(--green)}
.fab:hover{border-color:var(--green);transform:translateY(-2px)}
@media (max-width:600px){.fab{left:16px;padding:0 16px}}

/* Overlays */
.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--ink-2);cursor:pointer;text-decoration:none}
.linkbtn:hover{color:var(--green);text-decoration:underline}
.modal{position:fixed;inset:0;z-index:60;background:rgba(5,7,12,.72);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px}
.modal-box{position:relative;width:min(520px,100%);max-height:calc(100% - 32px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:clamp(24px,4vw,40px);animation:rise .5s cubic-bezier(.2,.7,.2,1)}
.modal-box.pop{background:var(--navy);border-color:var(--navy-line);display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.pop h2{font-size:clamp(26px,3vw,34px);font-weight:800;line-height:1.08;color:#F3F6FC}
.pop p{color:var(--navy-muted)}
.x{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:var(--ink-2);font-size:28px;cursor:pointer}
.x:hover{background:rgba(255,255,255,.08)}
.consent{flex-direction:row;gap:10px;align-items:flex-start;font-weight:400;font-size:13px;color:var(--muted)}
.consent input{margin-top:3px;accent-color:var(--green)}
@keyframes rise{from{transform:translateY(24px);opacity:0}}
.cookie{position:fixed;z-index:50;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));width:min(420px,calc(100% - 32px));background:rgba(18,22,31,.96);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px -20px rgba(0,0,0,.7);font-size:14px;color:var(--ink-2);animation:rise .5s ease}
.ck-head{display:flex;gap:10px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);font-weight:600;color:var(--ink)}
.ck-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(90deg,var(--green),var(--blue))}
.ck-body{padding:14px 18px;display:flex;flex-direction:column;gap:12px}
.ck-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:8px}
.ck-row b{display:block;color:var(--ink)} .ck-row small{color:var(--muted);font-size:12px}
.ck-links{font-size:13px}
.ck-links a,.ck-links .linkbtn{color:var(--green);font-weight:600}
.sw{position:relative;flex:none;width:44px;height:24px;border-radius:999px;border:0;background:#3A4152;cursor:pointer;transition:background .2s}
.sw::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.sw[aria-checked="true"]{background:var(--green)}
.sw[aria-checked="true"]::after{transform:translateX(20px)}
.sw:disabled{opacity:.6;cursor:default}
.ck-foot{display:flex;gap:8px;padding:12px 18px;border-top:1px solid var(--line)}
.ck-btn{flex:1;min-height:44px;border-radius:10px;border:1px solid #3A4152;background:transparent;color:var(--ink);font:inherit;font-weight:600;cursor:pointer}
.ck-btn:hover{border-color:var(--ink-2)}
.ck-btn.main{background:var(--green);border-color:var(--green);color:var(--green-ink)}
@media (max-width:600px){.cookie{right:16px}}

@media (prefers-reduced-motion: reduce){
  .modal-box,.cookie{animation:none}
  .rv,.btn,.theme{transition:none}
  .js .rv.pre{transform:none;opacity:1}
  .pill i{animation:none}
}

/* ===== Farbrollen =====
   Grün  = Handeln (Conversion): Buttons zu Audit, Anfrage, Buchung, Rückruf; Erfolgsmeldungen; der 1-€-Preis
   Blau  = Entdecken (Navigation): Menü, Links zu Unterseiten, Filter, Auswahl
   Lila  = Marke (Hervorhebung): Verlauf in Überschriften, Labels, Wellen, Grafiken */
:root{--violet:#A78BFA;--violet-2:#C4B5FD;--blue-2:#93C5FD}
a{color:var(--blue)} a:hover{color:var(--blue-2)}
:focus-visible{outline-color:var(--blue)}
.hl,.pull{background:linear-gradient(90deg,var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow,.fmt-k{color:var(--violet-2)}
.qa .q{color:var(--violet-2)}
.nav ul a:hover,.nav ul a[aria-current="page"]{color:var(--blue-2)}
.nav ul a.btn,.nav ul a.btn:hover{color:var(--green-ink)}
.btn.ghost:hover{border-color:var(--blue);color:var(--ink)}
a.link[href="#kontakt"],a.link[href="#audit-termin"]{color:var(--green)}
a.link[href="#kontakt"]:hover,a.link[href="#audit-termin"]:hover{color:#6EE7B7}
.pkg li::before{border-color:var(--blue)}
.pkg.hot li::before{border-color:#0B8A5E}
.foot a:hover,.fcol a:hover,.fcol .linkbtn:hover,.linkbtn:hover{color:var(--blue-2)}
.fcol a.btn,.fcol a.btn:hover{color:var(--green-ink)}
.chipbtn[aria-pressed="true"]{border-color:var(--blue);color:var(--blue-2);background:rgba(96,165,250,.1)}
.cd-u > span{color:var(--navy-muted)}
.ck-dot{background:linear-gradient(90deg,var(--blue),var(--violet))}
.ck-links a,.ck-links .linkbtn{color:var(--blue-2)}
.sw[aria-checked="true"]{background:var(--blue)}
.ck-btn.main{background:var(--blue);border-color:var(--blue);color:#06142B}
.euro{color:var(--green)}
/* ===== Fotos inszeniert: gebrochener Rahmen + schwebende Elemente ===== */
.portrait .arch{position:absolute;inset:10px 30px 0;z-index:1;border-radius:240px 240px 18px 18px;overflow:hidden;background:#D5D9DF;box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.portrait .arch img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;display:block}
.frame-line{position:absolute;inset:50px -4px -22px 64px;border:1.5px solid rgba(167,139,250,.35);border-radius:240px 240px 18px 18px;z-index:0}
.float{position:absolute;z-index:3}
.float > *{animation:bob 7s ease-in-out infinite alternate}
.fl-a{left:-26px;bottom:70px} .fl-b{right:-18px;top:120px} .fl-b > *{animation-duration:8.5s}
.fl-c{left:6px;top:28px} .fl-c > *{animation-duration:9.5s}
@keyframes bob{from{transform:translateY(-6px)}to{transform:translateY(8px)}}
.glass{display:inline-flex;gap:10px;align-items:center;padding:11px 16px;border-radius:14px;background:rgba(18,22,31,.74);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.09);font-size:14px;color:var(--ink);white-space:nowrap;box-shadow:0 16px 34px -16px rgba(0,0,0,.85)}
.glass b{font-family:var(--display);font-weight:800;font-size:20px;background:linear-gradient(90deg,var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 4px rgba(167,139,250,.18)}
.gazering{position:relative;display:block;width:78px;height:78px;border-radius:50%;border:1.5px dashed rgba(196,181,253,.55);animation:spin 26s linear infinite !important}
.gazering::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--blue);box-shadow:0 0 18px 4px rgba(96,165,250,.55)}
.gazering.sm{width:56px;height:56px}
.dotgrid{display:block;width:96px;height:96px;background-image:radial-gradient(rgba(196,181,253,.55) 1.5px,transparent 1.7px);background-size:14px 14px;-webkit-mask:radial-gradient(circle,#000 40%,transparent 72%);mask:radial-gradient(circle,#000 40%,transparent 72%)}
.small-p{height:440px}
.stage{position:relative;margin:0;padding:28px 28px 34px 0}
.stage-back{position:absolute;inset:0 0 46px 54px;border-radius:26px;background:linear-gradient(135deg,rgba(96,165,250,.13),rgba(167,139,250,.11));border:1px solid rgba(167,139,250,.22)}
.stage-img{position:relative;z-index:1;border-radius:22px 22px 22px 130px;overflow:hidden;aspect-ratio:3/2;max-width:100%;box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.stage-img img{width:100%;height:100%;object-fit:cover;display:block}
.st-a{left:-18px;bottom:6px} .st-b{right:2px;top:-6px} .st-c{right:-18px;bottom:-16px;z-index:0} .st-d{right:-14px;top:42%}
.st-b > *{animation-duration:9s} .st-d > *{animation-duration:8s}
@media (max-width:700px){.fl-a{left:-4px}.fl-b{right:-4px}.st-a{left:0}.st-d{right:0}.glass{font-size:12px;padding:9px 12px}.glass b{font-size:16px}}

/* Neuromarketing-Seite: Warum es wirkt */
.why{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;align-items:center}
.why-copy{display:flex;flex-direction:column;gap:18px}
.eyemock{margin:0;display:flex;flex-direction:column;gap:12px}
.eyemock svg{width:100%;height:auto;max-width:100%;border-radius:16px;border:1px solid var(--line)}
.eyemock figcaption{font-size:13px;color:var(--muted)}
.eyemock.play .heat ellipse{animation:heatIn 1.4s ease both}
.eyemock.play .heat ellipse:nth-child(2){animation-delay:.5s}.eyemock.play .heat ellipse:nth-child(3){animation-delay:1s}.eyemock.play .heat ellipse:nth-child(4){animation-delay:1.5s}
.eyemock.play .fix circle,.eyemock.play .fix text{animation:popIn .5s cubic-bezier(.2,.8,.2,1.4) both;transform-box:fill-box;transform-origin:center}
.eyemock.play .fix circle:nth-of-type(2),.eyemock.play .fix text:nth-of-type(2){animation-delay:.5s}
.eyemock.play .fix circle:nth-of-type(3),.eyemock.play .fix text:nth-of-type(3){animation-delay:1s}
.eyemock.play .fix circle:nth-of-type(4),.eyemock.play .fix text:nth-of-type(4){animation-delay:1.5s}
.eyemock.play .gaze{animation:heatIn 2s ease both}
@keyframes heatIn{from{opacity:0}}
@keyframes popIn{from{opacity:0;transform:scale(.3)}}
@media (max-width:900px){.why{grid-template-columns:1fr}}

/* Journey */
.journey{list-style:none;margin:52px 0 0;padding:0;display:grid;grid-template-columns:.6fr 1fr 1fr 1fr .6fr;gap:16px;position:relative}
.journey::before{content:"";position:absolute;left:5%;right:5%;top:21px;height:2px;background:linear-gradient(90deg,var(--blue),var(--violet) 70%,var(--green))}
.journey li{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px}
.stn{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--ground);border:1.5px solid #3A4152;font-weight:600;font-size:15px;white-space:nowrap}
.lever .stn{border-color:var(--violet)}
.stn.go{border-color:var(--green);color:var(--green)}
.lv{padding:22px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.lv b{display:block;font-family:var(--display);font-size:20px;line-height:1.15;margin-bottom:8px}
.lv p{font-size:15px;color:var(--ink-2)}
@media (max-width:900px){
  .journey{grid-template-columns:1fr;gap:14px;padding-left:4px}
  .journey::before{left:24px;right:auto;top:10px;bottom:10px;width:2px;height:auto;background:linear-gradient(180deg,var(--blue),var(--violet) 70%,var(--green))}
  .journey li{align-items:flex-start}
}

/* Proof */
.proof{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:center}
.proof-copy{display:flex;flex-direction:column;gap:22px}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}
.stat{padding-top:16px;border-top:1px solid var(--line)}
.stat b,.stat > span{font-family:var(--display);font-weight:800;font-size:clamp(40px,4.4vw,58px);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:linear-gradient(90deg,var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.stat p{margin-top:8px;color:var(--ink-2);font-size:15px}
.creds{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.creds li{display:flex;gap:12px;align-items:baseline;color:var(--ink-2)}
.creds li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--violet);transform:translateY(-2px)}
@media (max-width:900px){.proof{grid-template-columns:1fr}}

/* Seminare */
.usp{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.usp li{padding:18px 0 0;border-top:2px solid;border-image:linear-gradient(90deg,var(--blue),var(--violet)) 1;color:var(--ink-2);font-size:16px}
.usp b{display:block;font-family:var(--display);font-size:20px;color:var(--ink);margin-bottom:4px}
@media (max-width:760px){.usp{grid-template-columns:1fr}}
.semtabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 28px}
.semtabs button{font:inherit;font-weight:600;font-size:15px;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid #333B4E;background:transparent;color:var(--ink-2);cursor:pointer;transition:all .25s}
.semtabs button:hover{border-color:var(--ink-2)}
.semtabs button[aria-selected="true"]{border-color:var(--blue);color:var(--ink);background:rgba(96,165,250,.12)}
.sempanel{display:grid;grid-template-columns:7fr 4fr;gap:48px;align-items:start;animation:rise .45s ease}
.sem-main{display:flex;flex-direction:column;gap:14px}
.sem-main > p{color:var(--ink-2);max-width:68ch}
.sem-title{font-weight:800;font-size:clamp(32px,3.6vw,48px);line-height:1.05;letter-spacing:-.02em}
.sem-claim{font-family:var(--display);font-size:clamp(19px,1.8vw,23px);color:var(--violet-2) !important}
.sem-main h3{font-size:20px;font-weight:800;margin-top:18px}
.sem-main h3 small{font-family:var(--body);font-size:13px;font-weight:500;color:var(--muted);margin-left:8px}
.topics{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px}
.topics li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.45;color:var(--ink-2)}
.topics li::before{content:"";flex:none;width:12px;height:7px;margin-top:6px;border:2px solid var(--violet);border-top:0;border-right:0;transform:rotate(-45deg)}
.factcard{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px;padding:30px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.factcard .price{font-family:var(--display);font-weight:800;font-size:42px;line-height:1;letter-spacing:-.02em}
.factcard .unit{font-size:13px;color:var(--muted);margin-top:-8px}
.factcard ul{list-style:none;margin:0;padding:14px 0;display:flex;flex-direction:column;gap:9px;border-block:1px solid var(--line)}
.factcard li{display:flex;justify-content:space-between;gap:12px;font-size:15px;color:var(--ink-2)}
.factcard li span:last-child{color:var(--ink);text-align:right}
.next{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--ink-2)}
.next i{width:8px;height:8px;border-radius:50%;background:var(--green)}
@media (max-width:980px){.sempanel{grid-template-columns:1fr}.factcard{position:static}.topics{grid-template-columns:1fr}}
.xfmt{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.xfmt li{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:16px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);font-size:16px}
.xfmt li::before{content:"";flex:none;width:10px;height:10px;margin-top:7px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--violet))}
@media (max-width:980px){.xfmt{grid-template-columns:1fr}}
.lead-grid{display:grid;grid-template-columns:5fr 6fr;gap:64px;align-items:center}
@media (max-width:900px){.lead-grid{grid-template-columns:1fr}}
.faq-wrap{display:grid;grid-template-columns:4fr 7fr;gap:56px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0;font-family:var(--display);font-weight:600;font-size:19px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:26px;color:var(--blue);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 20px;color:var(--ink-2);max-width:66ch}
@media (max-width:900px){.faq-wrap{grid-template-columns:1fr}}

@media (prefers-reduced-motion: reduce){.float > *,.gazering{animation:none !important}.eyemock.play *{animation:none !important}}

/* Burger-Menü (schmale Bildschirme) */
.show-s{display:none}
.burger{position:relative;z-index:30;width:46px;height:46px;border-radius:10px;border:1px solid #333B4E;background:rgba(18,22,31,.7);cursor:pointer;display:grid;place-content:center;gap:5px}
.burger span{display:block;width:20px;height:2px;border-radius:2px;background:var(--ink);transition:transform .35s ease,opacity .25s ease}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:20;background:rgba(11,13,18,.97);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:6px;padding:110px var(--gut) calc(32px + env(safe-area-inset-bottom,0px));overflow:auto;animation:rise .35s ease}
.mnav > a:not(.btn){font-family:var(--display);font-weight:800;font-size:clamp(28px,8vw,40px);letter-spacing:-.02em;color:var(--ink);text-decoration:none;padding:8px 0;border-bottom:1px solid var(--line)}
.mnav > a:not(.btn):hover{color:var(--blue-2)}
.mnav-sub{display:flex;gap:22px;flex-wrap:wrap;padding:16px 0 20px}
.mnav-sub a{color:var(--ink-2);text-decoration:none;font-size:17px}
.mnav .btn{margin-top:8px}
.top{z-index:30}
@media (max-width:1060px){.show-s{display:list-item}}
@media (max-width:420px){.nav ul li .btn[href="#audit-termin"]{padding:0 12px;font-size:14px}.brand{font-size:17px}}
.fine{display:block;font-size:12px;line-height:1.45;color:var(--navy-muted);opacity:.85}
.portrait .glow{background:radial-gradient(circle,rgba(96,165,250,.2),rgba(167,139,250,.14) 55%,rgba(11,13,18,0) 72%)}
.wp-doc span{color:#5B45C9}

/* ===== Welten: der Hintergrund wechselt beim Scrollen je Abschnitt ===== */
body{background:#0B0D12}
.world{position:fixed;inset:0;z-index:-1;background-color:#0B0D12;transition:background-color 1.4s ease;overflow:hidden;pointer-events:none}
.world i{position:absolute;width:70vmax;height:70vmax;right:-22vmax;top:-26vmax;border-radius:50%;filter:blur(110px);opacity:.32;background-color:#1E2A4A;transition:background-color 1.4s ease,transform 2s ease}
.world b{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease;background-image:linear-gradient(rgba(196,181,253,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(196,181,253,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask:radial-gradient(ellipse at 60% 45%,#000 20%,transparent 75%);mask:radial-gradient(ellipse at 60% 45%,#000 20%,transparent 75%)}
.world.grid b{opacity:1}
.world.left i{transform:translateX(-80vw)}

/* Labor: interaktive Beispielseite */
.lab-grid{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:center}
.lab-copy{display:flex;flex-direction:column;gap:18px}
.lab-hint{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--violet-2)}
.lab-mock{position:relative;overflow:hidden;border-radius:18px;background:#10131D;border:1px solid #262C3E;box-shadow:0 50px 100px -50px rgba(0,0,0,.9);user-select:none}
.lm-bar{display:flex;gap:8px;align-items:center;padding:12px 16px;background:#151926;border-bottom:1px solid #232938}
.lm-bar i{width:10px;height:10px;border-radius:50%;background:#2A3142}
.lm-url{margin-left:10px;font-size:12px;color:var(--muted);padding:4px 12px;border-radius:999px;background:#0E111A}
.lm-timer{margin-left:auto;font-family:'Oswald',var(--display);font-size:15px;letter-spacing:.04em;color:var(--violet-2);font-variant-numeric:tabular-nums}
.lm-body{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:24px}
.lm-right{display:flex;flex-direction:column;gap:16px}
.z{position:relative;border-radius:12px;transition:box-shadow .35s ease,transform .35s ease;outline:1.5px solid transparent;outline-offset:6px}
.z.on{outline-color:rgba(196,181,253,.7);box-shadow:0 0 0 12px rgba(167,139,250,.08)}
.lm-imgph{aspect-ratio:1;border-radius:12px;background:linear-gradient(145deg,#1F2537,#171B28);display:grid;place-items:center}
.lm-imgph span{width:46%;aspect-ratio:1;border-radius:30% 50% 40% 50%;background:linear-gradient(135deg,rgba(96,165,250,.55),rgba(167,139,250,.55))}
.z-title b{display:block;height:16px;width:85%;border-radius:4px;background:#E5E9F0;margin-bottom:10px}
.z-title i{display:block;height:9px;width:95%;border-radius:3px;background:#3A4152;margin-bottom:7px}
.z-title i.short{width:70%}
.z-price{display:flex;gap:12px;align-items:baseline;font-family:var(--display)}
.z-price s{color:var(--muted);font-size:15px}
.z-price b{font-size:28px;font-weight:800;color:#F3F6FC}
.z-cta{display:grid;place-items:center;min-height:46px;border-radius:10px;background:var(--green);color:var(--green-ink);font-weight:700;font-size:15px}
.z-trust{display:flex;flex-wrap:wrap;gap:6px}
.z-trust span{font-size:11px;padding:5px 8px;border-radius:6px;background:#1B2130;color:var(--ink-2)}
.lm-glow{position:absolute;left:0;top:0;width:340px;height:340px;margin:-170px 0 0 -170px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(167,139,250,.30),rgba(96,165,250,.12) 45%,transparent 70%);mix-blend-mode:screen;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.lab-mock.live .lm-glow{transition:transform .12s linear}
.lm-tip{position:absolute;left:0;top:0;z-index:4;max-width:250px;padding:12px 14px;border-radius:12px;background:rgba(11,13,18,.9);backdrop-filter:blur(8px);border:1px solid rgba(196,181,253,.3);box-shadow:0 20px 40px -20px rgba(0,0,0,.9);opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease,left .45s ease,top .45s ease;pointer-events:none}
.lm-tip.show{opacity:1;transform:none}
.lm-tip b{display:block;font-family:var(--display);font-size:16px;color:var(--violet-2);margin-bottom:4px}
.lm-tip p{font-size:13px;line-height:1.45;color:var(--ink-2)}
@media (max-width:980px){.lab-grid{grid-template-columns:1fr}}
@media (max-width:520px){.lm-body{grid-template-columns:1fr 1fr;gap:12px;padding:14px}.z-price b{font-size:20px}.z-cta{font-size:12px;min-height:38px}.lm-tip{max-width:200px}}

/* Journey interaktiv */
.jr{margin-top:48px}
.jr-wrap{position:relative;overflow-x:auto;padding:10px 4px 18px}
.jr-track{position:relative;list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;min-width:640px}
.jr-track::before{content:"";position:absolute;left:28px;right:28px;top:19px;height:2px;background:linear-gradient(90deg,var(--blue),var(--violet) 80%,var(--green))}
.jr-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:56px;background:none;border:0;color:var(--ink-2);font:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:0}
.jr-dot{width:40px;height:40px;border-radius:50%;background:var(--ground);border:2px solid #3A4152;transition:all .35s ease}
.jr-node:hover .jr-dot{border-color:var(--blue-2)}
.jr-node[aria-current="true"]{color:var(--ink)}
.jr-node[aria-current="true"] .jr-dot{border-color:var(--violet);box-shadow:0 0 0 8px rgba(167,139,250,.14)}
.goal-node .jr-dot{border-color:var(--green)}
.goal-node[aria-current="true"] .jr-dot{border-color:var(--green);box-shadow:0 0 0 8px rgba(52,211,153,.16)}
.jr-runner{position:absolute;top:24px;left:0;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#F3F6FC;box-shadow:0 0 18px 4px rgba(167,139,250,.6);transition:left 1s cubic-bezier(.6,0,.3,1);pointer-events:none;z-index:2}
.jr-panel{margin-top:28px;display:grid;grid-template-columns:auto 1fr;gap:6px 28px;align-items:baseline;padding:30px 34px;border-radius:20px;background:rgba(18,22,31,.75);border:1px solid var(--line)}
.jr-panel .jr-k{grid-row:span 2;font-family:var(--display);font-weight:800;font-size:clamp(46px,6vw,84px);line-height:.9;background:linear-gradient(90deg,var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.jr-panel h3{font-size:clamp(22px,2.4vw,30px);font-weight:800}
.jr-panel p{color:var(--ink-2);max-width:62ch}
.jr-panel.swap{animation:rise .5s ease}
.jr-panel.goal .jr-k{background:none;color:var(--green)}
@media (max-width:640px){.jr-panel{grid-template-columns:1fr;padding:24px}.jr-panel .jr-k{grid-row:auto}}

/* Audit-Bereiche */
.areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:34px}
.area{padding:20px;border-radius:14px;background:rgba(19,38,86,.5);border:1px solid var(--navy-line);transition:border-color .3s,transform .3s}
.area:hover{border-color:#5A70A8;transform:translateY(-3px)}
.area b{display:block;font-family:var(--display);font-size:17px;color:#F3F6FC;margin-bottom:6px}
.area p{font-size:14px;color:var(--navy-muted);line-height:1.45}
@media (max-width:1000px){.areas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.areas{grid-template-columns:1fr}}
.faq-sec{border-top:1px solid var(--line)}

/* Labor: anderer Aufbau als der Einstieg (große Sekunde statt Eyebrow + Headline) */
.lab-head{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,3vw,44px);align-items:center;max-width:1040px;margin:0 auto 36px}
.lab-big{font-family:'Oswald',var(--display);font-weight:600;font-size:clamp(150px,20vw,280px);line-height:.8;color:transparent;-webkit-text-stroke:2px rgba(196,181,253,.75);background:linear-gradient(180deg,rgba(96,165,250,.35),rgba(167,139,250,.05));-webkit-background-clip:text;background-clip:text;min-width:.62em;text-align:center}
.lab-big.tick{animation:tickIn .6s cubic-bezier(.2,.8,.2,1)}
@keyframes tickIn{from{opacity:0;transform:translateY(-18%) scale(.96);filter:blur(4px)}}
.lab-kicker{font-family:'Oswald',var(--display);font-size:clamp(18px,2vw,24px);letter-spacing:.3em;text-transform:uppercase;color:var(--violet-2)}
.lab-h{font-weight:800;font-size:clamp(28px,3.4vw,46px);line-height:1.06;letter-spacing:-.02em;margin-top:8px}
.lab-h .hl{display:block}
.lab-mock{max-width:1040px;margin:0 auto}
.lab-text{max-width:1040px;margin:0 auto 26px;display:flex;flex-direction:column;gap:12px}
.lab-text p:first-child{font-size:clamp(17px,1.5vw,19px);color:var(--ink-2);line-height:1.6}
.lm-usp i{display:block;height:8px !important;margin:0 !important;border-radius:3px;background:#3A4152}
.lab-notes{max-width:1040px;margin:28px auto 0;display:grid;grid-template-columns:1fr 1fr auto;gap:28px;align-items:start;color:var(--ink-2);font-size:16px}
@media (max-width:860px){.lab-notes{grid-template-columns:1fr}.lab-head{grid-template-columns:1fr;gap:0}.lab-big{text-align:left}}
.lm-imgph{position:relative;overflow:hidden}
.shoe{width:84%;height:auto;filter:drop-shadow(0 20px 24px rgba(0,0,0,.45));animation:shoeFloat 6s ease-in-out infinite alternate}
@keyframes shoeFloat{from{transform:translateY(-4px) rotate(-2deg)}to{transform:translateY(6px) rotate(1deg)}}
.lm-brand{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.lm-name{font-family:var(--display);font-weight:800;font-size:clamp(18px,2vw,24px);color:#F3F6FC;margin:2px 0 10px}
.lm-usp{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}
.lm-usp li{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--ink-2)}
.lm-usp li::before{content:"";width:10px;height:6px;border:2px solid var(--violet-2);border-top:0;border-right:0;transform:rotate(-45deg) translateY(-2px)}
.z-price span{font-family:var(--body);font-size:11px;color:var(--muted)}
@media (max-width:520px){.lm-usp li{font-size:11px}.lm-name{font-size:16px}}
@media (prefers-reduced-motion: reduce){.shoe,.lab-big.tick{animation:none}}

/* Audit-Bereiche mit Icon links */
.area{display:grid;grid-template-columns:46px 1fr;gap:16px;align-items:center}
.area .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(167,139,250,.1);border:1px solid rgba(196,181,253,.28);color:var(--violet-2)}
.area .ic svg{width:22px;height:22px}
.pkgs.single{grid-template-columns:minmax(0,560px);justify-content:center}
.pkgs.single .pkg.hot{transform:none}

/* Journey mit Gefühlen */
.jr-dot{width:50px;height:50px;display:grid;place-items:center}
.jr-track::before{top:24px}
.jr-runner{top:57px;width:10px;height:10px;margin-left:-5px}
.face{font-size:24px;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;display:inline-block}
.face.fflip,.jr-face.fflip{animation:faceFlip .6s cubic-bezier(.2,.8,.2,1.3)}
@keyframes faceFlip{0%{transform:scale(.4) rotate(-40deg);opacity:0}100%{transform:none;opacity:1}}
.jr-node.solved .jr-dot{border-color:rgba(52,211,153,.75);background:#0F1A1C;box-shadow:0 0 0 5px rgba(52,211,153,.12)}
.goal-node.solved .jr-dot{border-color:var(--green);background:#0F1A1C;box-shadow:0 0 0 6px rgba(52,211,153,.18)}
.jr-panel{grid-template-columns:auto 1fr auto;align-items:center}
.jr-panel .jr-k{grid-row:auto}
.jr-body{display:flex;flex-direction:column;gap:10px}
.jr-tag{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-bottom:4px}
.jr-prob{color:var(--ink-2)}
.jr-prob .jr-tag{color:var(--muted)}
.jr-prob q{font-style:italic;quotes:"„" "“"}
.jr-sol{max-height:0;opacity:0;overflow:hidden;transform:translateY(8px);transition:max-height .6s ease,opacity .5s ease,transform .5s ease}
.jr-sol .jr-tag{color:var(--violet-2)}
.jr-panel.goal .jr-sol .jr-tag{color:var(--green)}
.jr-panel.is-solved .jr-sol{max-height:200px;opacity:1;transform:none}
.jr-panel.is-solved .jr-prob{opacity:.5;transition:opacity .5s ease}
.jr-face{font-size:clamp(48px,5vw,72px);line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
@media (max-width:640px){.jr-panel{grid-template-columns:1fr auto}.jr-panel .jr-k{display:none}.jr-face{font-size:44px}}

/* Journey: Feinschliff */
.jr-dot{background:var(--ground)}
.face{display:block;line-height:1;transform-origin:50% 50%}
.jr-face{background:none;border:0;box-shadow:none}
.jr-tag{display:inline;margin:0 6px 0 0;font-size:12px}
.jr-prob q{font-style:italic}

/* CTA unter der Journey */
.jr-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:22px;padding:20px 26px;border-radius:16px;border:1px dashed rgba(196,181,253,.3)}
.jr-cta p{font-size:17px;color:var(--ink-2)}
.jr-cta b{color:var(--ink)}

/* Formate auf der CRO-Seite: Projekt-Karte breit und interaktiv */
.formats-nm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:40px}
.fmt-project{grid-column:1/-1;display:grid;grid-template-columns:7fr 5fr;gap:36px;align-items:stretch}
.fp-left{display:flex;flex-direction:column;gap:14px}
.pick{border:0;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pick legend{width:100%;padding:0;margin-bottom:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.opt{position:relative;display:inline-flex;flex-direction:row;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 12px;border-radius:999px;border:1px solid #333B4E;color:var(--ink-2);font-size:15px;font-weight:500;cursor:pointer;transition:border-color .25s,background .25s,color .25s}
.opt:hover{border-color:var(--ink-2)}
.opt input{appearance:none;-webkit-appearance:none;margin:0;width:18px;height:18px;border-radius:50%;border:1.5px solid #5A6478;display:grid;place-content:center;flex:none;cursor:pointer;transition:all .2s}
.opt input::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue);transform:scale(0);transition:transform .2s}
.opt.chk input{border-radius:5px}
.opt.chk input::after{width:9px;height:5px;border-radius:0;background:none;border:2px solid #06142B;border-top:0;border-right:0;transform:rotate(-45deg) scale(0);margin-top:-2px}
.opt input:checked{border-color:var(--blue)}
.opt input:checked::after{transform:scale(1)}
.opt.chk input:checked{background:var(--blue)}
.opt.chk input:checked::after{transform:rotate(-45deg) scale(1)}
.opt:has(input:checked){border-color:var(--blue);color:var(--ink);background:rgba(96,165,250,.1)}
.fp-right{display:flex;flex-direction:column;gap:14px;justify-content:center;padding:26px;border-radius:18px;background:rgba(11,13,18,.55);border:1px solid var(--line)}
.fp-tag{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--violet-2)}
.fp-me{font-size:15px;color:var(--ink-2);line-height:1.5}
.fp-me b{color:var(--ink)}
.fp-offer{font-family:var(--display);font-weight:800;font-size:clamp(26px,2.8vw,36px);line-height:1.05;letter-spacing:-.02em;color:var(--ink)}
.fp-offer .eur{color:var(--green)}
.fp-why{font-size:15px;color:var(--ink-2)}
.fp-right .btn{align-self:flex-start}
.fp-right.swap{animation:rise .45s ease}
@media (max-width:900px){.formats-nm{grid-template-columns:1fr}.fmt-project{grid-template-columns:1fr}}

.semlinks a{display:block;color:var(--ink);text-decoration:none}
.semlinks a:hover{color:var(--blue-2)}
.semlinks a::after{content:" →";color:var(--blue)}

.offer-for{font-size:14px;font-weight:600;color:#46557A;margin-top:-6px}
.faqcats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.faqall{display:flex;flex-direction:column;gap:44px}
.faqgroup h2{font-size:clamp(22px,2.4vw,30px);font-weight:800;margin-bottom:6px}
.faq-more{margin-top:48px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:24px 28px;border-radius:18px;border:1px dashed rgba(196,181,253,.3)}
.faq-more p{font-family:var(--display);font-size:22px;font-weight:600}

/* Seminare: Gesamtpreis */
.factcard .total{font-size:14px;color:var(--ink-2);padding:10px 12px;border-radius:10px;background:rgba(96,165,250,.08);border:1px solid rgba(96,165,250,.2)}
.factcard .total b{color:var(--ink)}

/* ===== Lead-Formular ===== */
.fmt-project{grid-template-columns:5fr 7fr;align-items:center}
.fp-q{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:18px;background:rgba(11,13,18,.55);border:1px solid var(--line)}
.leadgen{background:rgba(6,8,14,.45);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);animation:leadIn .35s ease}
@keyframes leadIn{from{background:rgba(6,8,14,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}}
.lead-card{position:relative;width:min(640px,100%);max-height:calc(100% - 32px);overflow:auto;padding:22px clamp(20px,4vw,40px) clamp(24px,4vw,40px);border-radius:24px;background:rgba(16,19,29,.92);border:1px solid rgba(196,181,253,.18);box-shadow:0 60px 120px -40px rgba(0,0,0,.9);animation:cardIn .5s cubic-bezier(.2,.8,.2,1)}
@keyframes cardIn{from{opacity:0;transform:translateY(24px) scale(.97)}}
.lg-top{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.lg-top .x{position:static}
.lg-back{width:44px;height:44px;border-radius:50%;border:1px solid #333B4E;background:transparent;color:var(--ink-2);font-size:18px;cursor:pointer;flex:none}
.lg-back:hover{border-color:var(--ink-2);color:var(--ink)}
.lg-back[disabled]{opacity:.25;cursor:default}
.lg-bar{flex:1;height:4px;border-radius:4px;background:#232938;overflow:hidden}
.lg-bar span{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,var(--blue),var(--violet));transition:width .5s cubic-bezier(.2,.8,.2,1)}
.lg-step-no{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--violet-2)}
.lg-q{font-family:var(--display);font-weight:800;font-size:clamp(24px,3vw,34px);line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin:6px 0 18px}
.lg-sub{color:var(--ink-2);margin:-10px 0 18px}
.lg-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.lg-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:110px;padding:16px;border-radius:16px;border:1px solid #2E3547;background:rgba(255,255,255,.02);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .25s,background .25s,transform .25s}
.lg-tile:hover{border-color:var(--blue);background:rgba(96,165,250,.08);transform:translateY(-3px)}
.lg-tile.picked{border-color:var(--blue);background:rgba(96,165,250,.16)}
.lg-tile .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(167,139,250,.12);color:var(--violet-2);transition:transform .3s}
.lg-tile:hover .ic{transform:scale(1.08) rotate(-4deg)}
.lg-tile .ic svg{width:22px;height:22px}
.lg-tile b{font-size:16px;font-weight:600;line-height:1.25}
.lg-tile small{display:block;margin-top:2px;font-size:13px;color:var(--muted);font-weight:400}
.lg-tile .bars{display:flex;gap:3px;align-items:flex-end;height:22px}
.lg-tile .bars i{width:5px;border-radius:2px;background:#3A4152}
.lg-tile .bars i.on{background:linear-gradient(180deg,var(--violet),var(--blue))}
.lg-form{display:flex;flex-direction:column;gap:12px}
.lg-form .btn{align-self:flex-start;margin-top:6px}
.lg-hint{font-size:13px;color:var(--muted)}
.lg-err{font-size:14px;color:#FCA5A5}
.lg-anim-in{animation:stepIn .45s cubic-bezier(.2,.8,.2,1)}
.lg-anim-back{animation:stepBack .45s cubic-bezier(.2,.8,.2,1)}
@keyframes stepIn{from{opacity:0;transform:translateX(40px)}}
@keyframes stepBack{from{opacity:0;transform:translateX(-40px)}}
.lg-out{opacity:0;transform:translateX(-40px);transition:opacity .22s ease,transform .22s ease}
.lg-result{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.lg-badge{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:30px;animation:popIn .6s cubic-bezier(.2,.8,.2,1.4)}
.lg-badge.ok{background:rgba(52,211,153,.14);color:var(--green);box-shadow:0 0 0 10px rgba(52,211,153,.06)}
.lg-badge.info{background:rgba(96,165,250,.14);color:var(--blue-2);box-shadow:0 0 0 10px rgba(96,165,250,.06)}
.lg-result h3{font-family:var(--display);font-weight:800;font-size:clamp(24px,3vw,32px);line-height:1.1}
.lg-result h3 .eur{color:var(--green)}
.lg-result p{color:var(--ink-2)}
@media (max-width:520px){.lg-tiles{grid-template-columns:1fr 1fr}.lg-tile{min-height:96px;padding:14px}}
@media (prefers-reduced-motion: reduce){.leadgen,.lead-card,.lg-anim-in,.lg-anim-back,.lg-badge{animation:none}}

.booking-days{grid-template-columns:5fr 6fr;align-items:center}
.bk-note{display:flex;gap:10px;align-items:center;margin-top:16px;font-size:15px;color:var(--ink-2)}
.lg-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lg-days .day.on{border-color:var(--blue);background:rgba(96,165,250,.14)}
.day.indiv{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.day.indiv .ic{width:28px;height:28px;color:var(--violet-2)}
.day.indiv .ic svg{width:24px;height:24px}
.lg-times{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.lg-tile.time{min-height:90px}
@media (max-width:520px){.lg-days{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Lead-Formular: Mehrfachauswahl */
.lg-multi{grid-template-columns:repeat(2,minmax(0,1fr))}
.lg-multi .lg-tile{flex-direction:row;align-items:center;min-height:64px;padding:12px 44px 12px 12px}
.lg-multi .lg-tile b{font-size:15px}
.lg-tile .tick{position:absolute;right:14px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:6px;border:1.5px solid #4A5468;transition:all .2s}
.lg-tile.picked .tick{background:var(--blue);border-color:var(--blue)}
.lg-tile.picked .tick::after{content:"";position:absolute;left:5px;top:5px;width:8px;height:4px;border:2px solid #06142B;border-top:0;border-right:0;transform:rotate(-45deg)}
.lg-actions{margin-top:16px}
.btn[disabled]{opacity:.35;cursor:not-allowed;transform:none}
.lg-focus{font-size:14px;color:var(--ink-2);padding:10px 14px;border-radius:12px;background:rgba(167,139,250,.08);border:1px solid rgba(196,181,253,.22)}
.lg-focus b{color:var(--ink)}
@media (max-width:520px){.lg-multi{grid-template-columns:1fr}}

/* Kontakt: weißer Ghost-Button */
.btn.ghost.white{color:#F3F6FC;border-color:rgba(243,246,252,.7)}
.btn.ghost.white:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}

/* Bot-Chat */
.chat{position:fixed;z-index:45;left:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));width:min(360px,calc(100% - 32px));border-radius:20px;overflow:hidden;background:rgba(16,19,29,.96);backdrop-filter:blur(12px);border:1px solid rgba(196,181,253,.2);box-shadow:0 40px 80px -30px rgba(0,0,0,.9);animation:chatIn .45s cubic-bezier(.2,.8,.2,1);transform-origin:bottom left}
@keyframes chatIn{from{opacity:0;transform:translateY(20px) scale(.92)}}
.chat-head{display:flex;align-items:center;gap:12px;padding:14px 12px 14px 16px;border-bottom:1px solid var(--line);background:#141827}
.chat-head .x{position:static;margin-left:auto}
.bot-av{position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0E1120;border:1px solid rgba(196,181,253,.3)}
.bot-av svg{width:30px;height:30px}
.bot-av.loading::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent;border-top-color:var(--violet);animation:spin .9s linear infinite}
.bot-av .eye{animation:blink 3.2s infinite}
@keyframes blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
.bot-av .eye{transform-box:fill-box;transform-origin:center}
.chat-who b{display:block;font-size:15px}
.chat-who small{font-size:12px;color:var(--muted)}
.chat-body{display:flex;flex-direction:column;gap:10px;padding:16px;min-height:220px;max-height:320px;overflow:auto}
.msg{max-width:86%;padding:10px 14px;border-radius:16px 16px 16px 4px;background:#1B2130;color:var(--ink);font-size:15px;line-height:1.45;animation:rise .35s ease}
.msg.twist{background:linear-gradient(135deg,rgba(96,165,250,.22),rgba(167,139,250,.22));border:1px solid rgba(196,181,253,.35)}
.msg.typing{display:flex;gap:5px;padding:14px}
.msg.typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:dot 1s infinite ease-in-out}
.msg.typing i:nth-child(2){animation-delay:.15s}.msg.typing i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@media (max-width:600px){.chat{left:16px}}
@media (prefers-reduced-motion: reduce){.chat,.msg,.bot-av .eye,.msg.typing i{animation:none}}

.lg-actions{display:flex;justify-content:flex-end;margin-top:18px}
.lg-next{min-width:150px}
.lg-next:not([disabled]){animation:nextPulse 2.4s ease-in-out infinite}
.lg-next:not([disabled]):hover{animation:none}
@keyframes nextPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(52,211,153,.28)}50%{transform:scale(1.025);box-shadow:0 0 0 6px rgba(52,211,153,0)}}
.lg-result .lg-actions{align-self:stretch}
@media (prefers-reduced-motion: reduce){.lg-next{animation:none !important}}

.lg-check{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;border-radius:14px;background:rgba(96,165,250,.06);border:1px solid rgba(96,165,250,.2)}
.lg-check dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}
.lg-check dt{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.lg-check dd{margin:2px 0 0;color:var(--ink);font-size:15px;word-break:break-word}
.lg-check .linkbtn{color:var(--blue-2);font-weight:600;white-space:nowrap}
.opt-l{font-weight:400;color:var(--muted)}
@media (max-width:520px){.lg-check{flex-direction:column}.lg-check dl{grid-template-columns:1fr}}

/* Hero: Verlauf liegt hinter dem Inhalt, Hauptbutton pulsiert dezent */
.hero .fade,.phero .fade{z-index:0}
.hero .hero-grid,.phero .wrap{position:relative;z-index:1}
.hero .cta-row .btn:not(.ghost),.phero .cta-row .btn:not(.ghost){animation:nextPulse 2.4s ease-in-out infinite}
.hero .cta-row .btn:not(.ghost):hover,.phero .cta-row .btn:not(.ghost):hover{animation:none}
@media (prefers-reduced-motion: reduce){.hero .cta-row .btn,.phero .cta-row .btn{animation:none !important}}

.ds-note{font-size:12px;line-height:1.5;color:var(--muted)}
.ds-note .dsl{color:var(--blue-2);text-decoration:underline}

/* Projekt starten: ruhige Auswahlzeilen */
.fmt-project{grid-template-columns:1fr 1fr;align-items:center;gap:40px}
.fp-left h3{font-size:clamp(28px,3vw,40px);letter-spacing:-.02em}
.fp-left .eur1{color:var(--green)}
.fp-small{font-size:14px !important;color:var(--muted) !important}
.fp-q{background:none;border:0;padding:0;gap:12px}
.fp-ask{font-family:var(--display);font-weight:600;font-size:18px;color:var(--ink)}
.fp-rows{display:flex;flex-direction:column;gap:10px}
.fp-rows .lg-tile{flex-direction:row;align-items:center;gap:14px;min-height:64px;padding:10px 18px 10px 12px;border-radius:14px}
.fp-rows .lg-tile .ic{width:40px;height:40px;flex:none}
.fp-rows .lg-tile b{font-size:16px}
.fp-rows .lg-tile::after{content:"→";margin-left:auto;color:var(--blue-2);font-size:18px;transition:transform .3s}
.fp-rows .lg-tile:hover{transform:none}
.fp-rows .lg-tile:hover::after{transform:translateX(5px)}
@media (max-width:900px){.fmt-project{grid-template-columns:1fr;gap:24px}}

.lg-consent{font-size:13px;line-height:1.5;color:var(--ink-2);margin-top:4px}

/* ===== Projekt starten: das eine Element mit Conversion-Grün ===== */
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
.fmt-project{position:relative;isolation:isolate;border:0;padding:clamp(28px,4vw,48px);border-radius:24px;overflow:hidden;
  background:radial-gradient(120% 140% at 100% 0%,rgba(52,211,153,.16),transparent 55%),radial-gradient(90% 120% at 0% 100%,rgba(96,165,250,.12),transparent 60%),#0E131B;
  box-shadow:0 40px 90px -40px rgba(52,211,153,.35)}
.fmt-project::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1.5px;
  background:conic-gradient(from var(--ang),#34D399,#60A5FA,#A78BFA,#34D399 60%,rgba(52,211,153,.15) 75%,#34D399);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:angSpin 8s linear infinite}
@keyframes angSpin{to{--ang:360deg}}
.fmt-project::after{content:"";position:absolute;z-index:-1;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(52,211,153,.22),transparent 65%);animation:glowDrift 9s ease-in-out infinite alternate}
@keyframes glowDrift{to{transform:translate(-60px,50px)}}
.fmt-project .fp-left{gap:16px}
.fmt-project h3{font-size:clamp(34px,4vw,54px);line-height:1;letter-spacing:-.03em}
.go-grad{background:linear-gradient(90deg,#34D399,#6EE7B7 50%,#34D399);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:goShine 4s ease-in-out infinite}
@keyframes goShine{50%{background-position:100% 0}}
.fp-ask{font-size:20px}
.fp-rows .lg-tile{min-height:72px;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08);padding:12px 12px 12px 12px}
.fp-rows .lg-tile .ic{background:rgba(52,211,153,.12);color:#6EE7B7}
.fp-rows .lg-tile small{color:var(--muted)}
.fp-rows .lg-tile::after{content:"→";flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;margin-left:auto;background:rgba(52,211,153,.12);color:var(--green);font-size:18px;transition:background .3s,color .3s,transform .3s}
.fp-rows .lg-tile:hover{border-color:rgba(52,211,153,.6);background:rgba(52,211,153,.08)}
.fp-rows .lg-tile:hover::after{background:var(--green);color:var(--green-ink);transform:translateX(3px)}
.fp-rows .lg-tile.picked{border-color:var(--green);background:rgba(52,211,153,.14)}
@media (prefers-reduced-motion: reduce){.fmt-project::before,.fmt-project::after,.go-grad{animation:none}}

.formats-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:40px}
@media (max-width:900px){.formats-2{grid-template-columns:1fr}}

/* Projekt-Karte: gleiche Kacheln wie im Formular */
.fp-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
.fp-tiles .lg-tile{min-height:132px}
@media (max-width:600px){.fp-tiles{grid-template-columns:1fr}.fp-tiles .lg-tile{min-height:0;flex-direction:row;align-items:center}}
/* Seminar-Links: Pfeil neben dem Titel */
.semlinks a{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px}
.semlinks a span{flex-basis:100%;order:2}
.semlinks a::after{order:1;margin-left:auto}

/* ===== Blog ===== */
.blog-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.blog-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.author-note{font-size:12px;color:var(--muted);padding:6px 10px;border-radius:8px;border:1px dashed #3A4152}
.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:10px}
.post-card{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:transform .35s ease,border-color .35s ease;text-align:left;font:inherit;color:inherit;padding:0}
.post-card:hover{transform:translateY(-4px);border-color:#3A4560}
.post-card .pc-img{aspect-ratio:16/9;max-width:100%;background:linear-gradient(135deg,rgba(96,165,250,.25),rgba(167,139,250,.25));display:grid;place-items:center;font-family:var(--display);font-weight:800;color:rgba(243,246,252,.8);font-size:18px;overflow:hidden}
.post-card .pc-img img{width:100%;height:100%;object-fit:cover;display:block}
.post-card .pc-body{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px}
.post-card .pc-meta{font-size:13px;color:var(--muted)}
.post-card h3{font-size:22px;font-weight:800;line-height:1.15}
.post-card p{font-size:15px;color:var(--ink-2)}
.post-card .pc-more{margin-top:6px;color:var(--blue-2);font-weight:600;font-size:15px}
.pc-draft{position:absolute;top:12px;left:12px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:#F3F6FC;color:#0E1D40}
.pc-edit{position:absolute;top:10px;right:10px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(11,13,18,.7);color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.pc-edit:hover{border-color:var(--ink)}
.blog-empty{grid-column:1/-1;padding:40px;border-radius:18px;border:1px dashed #3A4152;color:var(--muted);text-align:center}
@media (max-width:980px){.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.posts-grid{grid-template-columns:1fr}}

.ed-card{width:min(820px,100%)}
.ed-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.ed-top h2{font-size:26px;font-weight:800}
.ed-top .x{position:static}
.ed-img{position:relative;display:grid;place-items:center;aspect-ratio:16/6;max-width:100%;border-radius:14px;border:1px dashed #3A4152;overflow:hidden;cursor:pointer;color:var(--muted);font-weight:500}
.ed-img:hover{border-color:var(--blue)}
.ed-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ed-img input{position:absolute;width:1px;height:1px;opacity:0}
.ed-label{font-size:14px;font-weight:600;color:var(--ink-2)}
.ed-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border-radius:12px 12px 0 0;border:1px solid #36405A;border-bottom:0;background:#121724}
.ed-toolbar > button,.ed-link button{min-height:36px;padding:0 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-2);font:inherit;font-size:14px;cursor:pointer}
.ed-toolbar > button:hover,.ed-link button:hover{border-color:#3A4152;color:var(--ink)}
.ed-link{display:inline-flex;gap:6px;align-items:center}
.ed-link input{min-height:36px;padding:4px 10px;width:220px}
.ed-body{min-height:260px;max-height:46vh;overflow:auto;padding:16px 18px;border:1px solid #36405A;border-radius:0 0 12px 12px;background:rgba(11,13,18,.7);color:var(--ink);font-size:17px;line-height:1.65;outline:none}
.ed-body:focus{border-color:var(--blue)}
.ed-body:empty::before{content:"Hier schreiben …";color:var(--muted)}
.ed-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}
.ed-spacer{flex:1}
.ed-del{color:#FCA5A5 !important}
.art h2,.ed-body h2{font-family:var(--display);font-size:26px;font-weight:800;margin:26px 0 8px}
.art p,.ed-body p{margin:0 0 14px}
.art ul,.art ol,.ed-body ul,.ed-body ol{margin:0 0 14px;padding-left:22px}
.art blockquote,.ed-body blockquote{margin:18px 0;padding:6px 0 6px 18px;border-left:3px solid var(--violet);font-family:var(--display);font-size:21px;color:var(--ink)}
.art a,.ed-body a{color:var(--blue-2)}

.rd-card{position:relative;width:min(780px,100%);padding:0 0 30px}
.rd-x{position:absolute;top:12px;right:12px;z-index:2;background:rgba(11,13,18,.6)}
.rd-hero{aspect-ratio:16/7;max-width:100%;background:linear-gradient(135deg,rgba(96,165,250,.3),rgba(167,139,250,.3));overflow:hidden}
.rd-hero img{width:100%;height:100%;object-fit:cover;display:block}
.rd-in{padding:28px clamp(20px,5vw,48px) 0}
.rd-meta{font-size:13px;color:var(--muted);margin-bottom:10px}
.rd-in h1{font-family:var(--display);font-weight:800;font-size:clamp(30px,4vw,44px);line-height:1.05;letter-spacing:-.02em;margin-bottom:14px}
.rd-teaser{font-size:19px;color:var(--ink-2);margin-bottom:22px !important}
.art{font-size:17px;line-height:1.7;color:var(--ink-2)}
.rd-cta{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:30px clamp(20px,5vw,48px) 0;padding:20px 22px;border-radius:16px;border:1px dashed rgba(196,181,253,.3)}
.rd-cta p{font-family:var(--display);font-size:20px;font-weight:600}
.rd-cta b{color:var(--ink)}

/* Ein Whitepaper */
.wp-one{display:grid;grid-template-columns:4fr 7fr;gap:clamp(28px,5vw,64px);align-items:center;margin-top:36px;padding:clamp(24px,4vw,48px);border-radius:22px;background:rgba(19,38,86,.55);border:1px solid var(--navy-line)}
.wp-doc.big{width:min(260px,100%);height:auto;aspect-ratio:3/4;padding:28px;justify-self:center}
.wp-doc.big b{font-size:24px}
.wp-doc.big i{font-style:normal;font-size:13px;color:#46557A}
.wp-copy{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.wp-copy h3{font-size:clamp(26px,3vw,36px);font-weight:800;color:#F3F6FC}
.wp-copy p{color:var(--navy-muted)}
.wp-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;color:#DCE3F2}
.wp-points li{display:flex;gap:10px;align-items:baseline}
.wp-points li::before{content:"";width:12px;height:7px;flex:none;border:2px solid var(--violet-2);border-top:0;border-right:0;transform:rotate(-45deg) translateY(-2px)}
@media (max-width:800px){.wp-one{grid-template-columns:1fr}}

/* ===== Data Science ===== */
.ds-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:stretch;margin-top:42px}
.vs-card{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:20px;border:1px solid var(--line)}
.vs-llm{background:rgba(255,255,255,.02);filter:saturate(.4)}
.vs-ml{background:linear-gradient(160deg,rgba(96,165,250,.1),rgba(167,139,250,.1));border-color:rgba(196,181,253,.35)}
.vs-tag{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.vs-ml .vs-tag{color:var(--violet-2)}
.vs-q{align-self:flex-end;max-width:85%;padding:10px 14px;border-radius:14px 14px 4px 14px;background:#232A3B;font-size:15px}
.vs-a{max-width:92%;padding:12px 14px;border-radius:14px 14px 14px 4px;background:#171C28;color:var(--muted);font-size:15px;line-height:1.5;font-style:italic}
.vs-out{display:flex;flex-direction:column;gap:8px}
.vs-row{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(11,13,18,.55);font-size:15px}
.vs-row b{font-family:var(--display);color:var(--ink)}
.vs-row span{color:var(--ink-2)}
.vs-list{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px}
.vs-list li{display:flex;gap:10px;align-items:center}
.vs-list.neg li{color:var(--muted)} .vs-list.neg li::before{content:"×";color:#8A93A6}
.vs-list.pos li{color:var(--ink-2)} .vs-list.pos li::before{content:"";width:12px;height:7px;border:2px solid var(--violet-2);border-top:0;border-right:0;transform:rotate(-45deg) translateY(-2px)}
.vs-note{font-size:12px;color:var(--muted)}
.vs-mid{align-self:center;font-family:var(--display);font-weight:800;font-size:22px;color:var(--muted)}
@media (max-width:900px){.ds-vs{grid-template-columns:1fr}.vs-mid{justify-self:center}.vs-row{grid-template-columns:1fr}}

.pe{margin-top:40px}
.pe-tabs{display:inline-flex;gap:6px;padding:5px;border-radius:14px;background:rgba(11,13,18,.6);border:1px solid var(--line);flex-wrap:wrap}
.pe-tabs button{min-height:44px;padding:0 18px;border-radius:10px;border:0;background:transparent;color:var(--ink-2);font:inherit;font-weight:600;cursor:pointer}
.pe-tabs button[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(96,165,250,.5)}
.pe-grid{display:grid;grid-template-columns:7fr 4fr;gap:22px;margin-top:16px}
.pe-plot{position:relative;border-radius:20px;background:rgba(11,13,18,.6);border:1px solid var(--line);overflow:hidden;min-height:420px}
.pe-plot canvas{display:block;width:100%;height:420px}
.pe-ax{position:absolute;font-size:12px;color:var(--muted)}
.pe-ax-x{right:16px;bottom:10px}
.pe-ax-y{left:14px;top:12px}
.pe-tip{position:absolute;z-index:2;min-width:200px;padding:12px 14px;border-radius:12px;background:rgba(11,13,18,.94);border:1px solid rgba(196,181,253,.3);font-size:13px;line-height:1.55;pointer-events:none;box-shadow:0 18px 40px -18px rgba(0,0,0,.9)}
.pe-tip b{display:block;font-family:var(--display);font-size:15px;margin-bottom:4px}
.pe-tip .sc{margin-top:6px;padding-top:6px;border-top:1px solid var(--line);color:var(--ink)}
.pe-side{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.pe-k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--violet-2)}
.pe-side h3{font-size:24px;font-weight:800;line-height:1.1}
.pe-side p{color:var(--ink-2);font-size:15px}
.pe-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pe-stats div{padding:12px;border-radius:12px;background:rgba(11,13,18,.5)}
.pe-stats b{display:block;font-family:var(--display);font-weight:800;font-size:28px;background:linear-gradient(90deg,var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.pe-stats span{font-size:12px;color:var(--muted)}
.pe-act span,.pe-math span{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.pe-act p{color:var(--ink) !important}
.pe-math code{display:block;font-size:12.5px;line-height:1.5;color:var(--violet-2);background:rgba(11,13,18,.5);padding:10px 12px;border-radius:10px;white-space:normal;font-family:ui-monospace,Consolas,monospace}
.ds-demo-note{margin-top:12px;font-size:13px;color:var(--muted)}
@media (max-width:980px){.pe-grid{grid-template-columns:1fr}}

.uc{display:grid;grid-template-columns:4fr 7fr;gap:22px;margin-top:40px;align-items:start}
.uc-list{display:flex;flex-direction:column;gap:8px}
.uc-list button{display:flex;gap:12px;align-items:center;text-align:left;min-height:58px;padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--ink-2);font:inherit;font-weight:600;cursor:pointer;transition:all .25s}
.uc-list button .ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(167,139,250,.12);color:var(--violet-2);flex:none}
.uc-list button .ic svg{width:18px;height:18px}
.uc-list button:hover{border-color:#3A4560;color:var(--ink)}
.uc-list button[aria-selected="true"]{border-color:rgba(96,165,250,.6);background:rgba(96,165,250,.1);color:var(--ink)}
.uc-panel{padding:clamp(22px,3vw,34px);border-radius:20px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:14px;min-height:420px}
.uc-panel.swap{animation:rise .45s ease}
.uc-panel h3{font-size:clamp(24px,2.6vw,32px);font-weight:800;line-height:1.1}
.uc-panel p{color:var(--ink-2)}
.uc-q{font-family:var(--display);font-size:19px;color:var(--violet-2)}
.uc-chart{border-radius:14px;background:rgba(11,13,18,.55);padding:14px}
.uc-chart svg{width:100%;height:auto;display:block}
.uc-chart small{display:block;margin-top:6px;font-size:12px;color:var(--muted)}
.uc-pts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.uc-pts li{display:flex;gap:10px;align-items:baseline;color:var(--ink-2)}
.uc-pts li::before{content:"";width:12px;height:7px;flex:none;border:2px solid var(--violet-2);border-top:0;border-right:0;transform:rotate(-45deg) translateY(-2px)}
@media (max-width:900px){.uc{grid-template-columns:1fr}.uc-panel{min-height:0}}

.sim{display:grid;grid-template-columns:7fr 4fr;gap:22px;margin-top:36px}
.sim-ch{display:flex;flex-direction:column;gap:12px}
.ch{display:grid;grid-template-columns:150px 1fr 120px;gap:16px;align-items:center;padding:16px 18px;border-radius:16px;background:rgba(19,38,86,.55);border:1px solid var(--navy-line)}
.ch b{font-family:var(--display);color:#F3F6FC}
.ch small{display:block;font-size:12px;color:var(--navy-muted)}
.ch input[type=range]{accent-color:var(--blue)}
.ch .curve{width:120px;height:44px}
.ch-val{font-variant-numeric:tabular-nums;color:#F3F6FC;font-weight:600;font-size:15px}
.sim-out{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:20px;background:var(--paper);color:var(--paper-ink)}
.sim-kpi{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:10px;border-bottom:1px solid #D7DEEC}
.sim-kpi span{font-size:14px;color:#46557A}
.sim-kpi b{font-family:var(--display);font-weight:800;font-size:26px;font-variant-numeric:tabular-nums}
.sim-gain{font-weight:600;color:#0B8A5E;animation:rise .4s ease}
.sim-note{font-size:12px;color:#46557A;line-height:1.5}
@media (max-width:980px){.sim{grid-template-columns:1fr}}
@media (max-width:600px){.ch{grid-template-columns:1fr;gap:8px}.ch .curve{width:100%}}

.drv-wrap{display:grid;grid-template-columns:5fr 6fr;gap:48px;align-items:center}
.drv-copy{display:flex;flex-direction:column;gap:16px}
.drv-tabs{display:flex;gap:8px;flex-wrap:wrap}
.drv{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.drv-row{display:grid;grid-template-columns:180px 1fr 52px;gap:12px;align-items:center;font-size:14px}
.drv-row span{color:var(--ink-2)}
.drv-bar{position:relative;height:14px;border-radius:7px;background:#1B2130}
.drv-bar i{position:absolute;top:0;bottom:0;border-radius:7px;transition:width 1s cubic-bezier(.2,.8,.2,1),left 1s cubic-bezier(.2,.8,.2,1)}
.drv-bar::after{content:"";position:absolute;left:50%;top:-4px;bottom:-4px;width:1px;background:#3A4152}
.drv-row em{font-style:normal;font-variant-numeric:tabular-nums;text-align:right;color:var(--ink)}
.drv-legend{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding-top:8px;border-top:1px solid var(--line)}
@media (max-width:900px){.drv-wrap{grid-template-columns:1fr}.drv-row{grid-template-columns:120px 1fr 44px}}

.ds-steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:s}
.ds-steps li{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.ds-steps li:not(:last-child)::after{content:"→";position:absolute;right:-16px;top:50%;transform:translateY(-50%);color:var(--blue-2);z-index:1}
.ds-steps .n{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;background:linear-gradient(135deg,rgba(96,165,250,.25),rgba(167,139,250,.25));color:#F3F6FC}
.ds-steps b{font-family:var(--display);font-size:19px}
.ds-steps p{font-size:15px;color:var(--ink-2)}
@media (max-width:980px){.ds-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-steps li::after{display:none}}
@media (max-width:560px){.ds-steps{grid-template-columns:1fr}}

.ds-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
.ds-tiles .lg-tile{min-height:118px}
@media (max-width:600px){.ds-tiles{grid-template-columns:1fr 1fr}}

/* Freigestelltes Porträt auf Farbverlauf */
.portrait .arch{background:radial-gradient(120% 90% at 50% 100%,rgba(167,139,250,.45),transparent 60%),linear-gradient(170deg,#1C2743 0%,#232048 55%,#2A2358 100%)}
.portrait .arch img{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 20px 30px rgba(0,0,0,.35))}

/* Data Science: Beispiele mit Umschalter */
.cs-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:34px;padding:6px;border-radius:16px;background:rgba(11,13,18,.6);border:1px solid var(--line)}
.cs-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:64px;padding:10px 14px;border-radius:12px;border:0;background:transparent;color:var(--ink-2);font:inherit;font-weight:600;font-size:15px;text-align:left;cursor:pointer;transition:background .25s,color .25s}
.cs-tabs button span{font-family:var(--display);font-size:12px;letter-spacing:.12em;color:var(--muted)}
.cs-tabs button:hover{color:var(--ink);background:rgba(255,255,255,.03)}
.cs-tabs button[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(96,165,250,.55)}
.cs-tabs button[aria-selected="true"] span{color:var(--violet-2)}
.cs-panel{margin-top:22px;animation:rise .45s ease}
.cs-panel > .eyebrow{display:none}
.cs-h{font-family:var(--display);font-weight:800;font-size:clamp(26px,3vw,38px);line-height:1.08;letter-spacing:-.02em}
.cs-h br{display:none}
.cs-navy{position:relative;padding:clamp(22px,3vw,36px);border-radius:22px;background:var(--navy);border:1px solid var(--navy-line)}
.cs-navy .cs-h{color:#F3F6FC}
.cs-navy canvas.waves{display:none}
.cs-panel .uc{margin-top:22px}
.cs-panel .drv-wrap{margin-top:6px}
@media (max-width:800px){.cs-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== Data Science Redesign: eigene Kapiteltypen ===== */
/* Klickbar ist immer erkennbar: Pfeil + Unterstreichung bzw. Button */
.act-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:var(--blue-2);text-decoration:none;border-bottom:1px solid rgba(147,197,253,.4)}
.act-link b{transition:transform .25s}
.act-link:hover{color:#fff;border-bottom-color:#fff}
.act-link:hover b{transform:translateX(4px)}
.act-btn b{margin-left:4px}
.h2.plain{font-size:clamp(28px,3.2vw,40px)}

.ds-hero-grid{display:grid;grid-template-columns:6fr 5fr;gap:48px;align-items:center}
.levers{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-weight:600;color:var(--ink)}
.levers li{display:flex;align-items:center;gap:8px}
.levers li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--violet)}
.fc{margin:0;position:relative}
.fc svg{width:100%;height:auto;display:block}
.fc figcaption{font-size:13px;color:var(--muted);margin-top:8px}
.fc-past{stroke-dasharray:600;stroke-dashoffset:600;animation:fcDraw 1.6s .2s ease forwards}
.fc-fut{opacity:0;animation:fcIn .8s 1.7s ease forwards}
.fc-band{opacity:0;animation:fcBand 1.2s 1.9s ease forwards, fcPulse 4s 3.2s ease-in-out infinite}
.fc-now{animation:fcNow 2.4s 1.6s ease-in-out infinite}
@keyframes fcDraw{to{stroke-dashoffset:0}}
@keyframes fcIn{to{opacity:1}}
@keyframes fcBand{to{opacity:1}}
@keyframes fcPulse{50%{opacity:.6}}
@keyframes fcNow{50%{r:10;opacity:.7}}
@media (max-width:900px){.ds-hero-grid{grid-template-columns:1fr}}

/* Beweis: Vergleich */
.ask{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;max-width:860px;margin:0 auto}
.ask-lab{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ask-q{font-family:var(--display);font-weight:800;font-size:clamp(28px,4vw,52px);line-height:1.08;letter-spacing:-.02em;color:var(--ink)}
.duel{display:grid;grid-template-columns:4fr 7fr;gap:22px;align-items:end;margin-top:40px}
.win-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px;color:var(--muted)}
.win-bar i{width:8px;height:8px;border-radius:50%;background:#2A3142}
.win-bar span{margin-left:8px}
.duel-llm{border-radius:16px;background:#12151C;opacity:.78;filter:saturate(.3);transform:translateY(-10px)}
.duel-txt{padding:18px;font-size:15px;line-height:1.6;color:var(--muted);font-style:italic;min-height:130px}
.duel-verdict{padding:0 18px 16px;font-size:13px;color:#7D8699}
.duel-verdict.good{color:var(--violet-2)}
.duel-ml{border-radius:20px;background:linear-gradient(160deg,rgba(96,165,250,.14),rgba(167,139,250,.16));border:1px solid rgba(196,181,253,.4);box-shadow:0 40px 90px -40px rgba(167,139,250,.5)}
.duel-rows{display:flex;flex-direction:column;gap:2px;padding:14px}
.dr{display:grid;grid-template-columns:140px 1fr;gap:14px;align-items:baseline;padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.06);transition:opacity .4s,transform .4s}
.dr:last-child{border-bottom:0}
.dr b{font-family:var(--display);font-size:clamp(18px,1.8vw,24px);color:#F3F6FC}
.dr span{color:var(--ink-2)}
.duel.hide .dr{opacity:0;transform:translateY(8px)}
.name-it{max-width:760px;margin:56px auto 22px;text-align:center}
.name-it p{font-size:clamp(18px,1.8vw,22px);color:var(--ink-2)}
.name-it b{color:var(--ink)}
@media (max-width:900px){.duel{grid-template-columns:1fr}.duel-llm{transform:none}.dr{grid-template-columns:1fr;gap:4px}}

/* Beweis: Demo als App-Fenster */
.app{border-radius:22px;background:#0C0F18;border:1px solid #262C3E;box-shadow:0 60px 120px -50px rgba(0,0,0,.9);overflow:hidden}
.app-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#121624;border-bottom:1px solid #232938;font-size:13px;color:var(--muted)}
.app-bar i{width:10px;height:10px;border-radius:50%;background:#2A3142}
.app-bar span{margin-left:10px}
.app-body{display:grid;grid-template-columns:230px 1fr;min-height:560px}
.app-nav.cs-tabs{display:flex;flex-direction:column;gap:4px;margin:0;padding:12px;border:0;border-right:1px solid #232938;border-radius:0;background:#0E121C}
.app-nav.cs-tabs button{flex-direction:row;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border-radius:10px;font-size:14px}
.app-nav.cs-tabs button svg{width:18px;height:18px;flex:none;color:var(--muted)}
.app-nav.cs-tabs button[aria-selected="true"]{background:rgba(96,165,250,.14);box-shadow:none;color:#fff}
.app-nav.cs-tabs button[aria-selected="true"] svg{color:var(--blue-2)}
.app-main{padding:clamp(18px,2.4vw,30px);min-width:0}
.app-main .cs-panel{margin-top:0}
.app-main .cs-h{font-size:clamp(22px,2.2vw,28px)}
.app-main .cs-navy{background:transparent;border:0;padding:0}
.app-main .cs-navy .cs-h{color:var(--ink)}
.app-main .sim{margin-top:18px}
.app-main .pe-plot{border:0;background:#0A0D15}
.app-main .ds-demo-note{display:none}
.demo-cta{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid #232938;color:var(--muted);font-size:15px}
@media (max-width:900px){.app-body{grid-template-columns:1fr}.app-nav.cs-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none;border-right:0;border-bottom:1px solid #232938}.app-nav.cs-tabs button{flex:none}}

/* Vertrauen: typografisch, ohne Karten */
.trust-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,5vw,72px);align-items:start}
.big-statement{font-family:var(--display);font-weight:800;font-size:clamp(44px,6vw,84px);line-height:.95;letter-spacing:-.035em;color:var(--ink)}
.trust-head{display:flex;flex-direction:column;gap:18px;position:sticky;top:30px}
.who{display:flex;gap:14px;align-items:center;margin-top:10px}
.who img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 12%;background:linear-gradient(170deg,#1C2743,#2A2358);flex:none}
.who p{font-size:14px;color:var(--ink-2);line-height:1.5}
.who b{display:block;color:var(--ink);font-size:15px}
.trust-list{list-style:none;margin:0;padding:0;counter-reset:t}
.trust-list li{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:22px 0;border-top:1px solid var(--line)}
.trust-list li:last-child{border-bottom:1px solid var(--line)}
.trust-list span{font-family:var(--display);font-weight:600;font-size:18px;color:var(--violet-2)}
.trust-list p{color:var(--ink-2);font-size:16px}
.case-slot{grid-column:2;display:grid;gap:4px;padding:18px 20px;border:1px dashed #3A4152;border-radius:14px;color:var(--muted)}
.case-k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--violet-2);font-weight:600}
.case-slot p{color:var(--ink-2)}
@media (max-width:900px){.trust-grid{grid-template-columns:1fr}.trust-head{position:static}.trust-list li{grid-template-columns:1fr;gap:4px}.case-slot{grid-column:auto}}

/* Ablauf: Zeitleiste */
.tline{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;position:relative;counter-reset:tl}
.tline::before{content:"";position:absolute;left:6px;right:6px;top:7px;height:2px;background:linear-gradient(90deg,var(--blue),var(--violet))}
.tline li{position:relative;padding-top:34px;counter-increment:tl}
.tline li::before{content:"";position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;background:var(--ground);border:2px solid var(--violet)}
.tline b{display:block;font-family:var(--display);font-size:19px;margin-bottom:6px}
.tline b::before{content:counter(tl) " · ";color:var(--muted);font-weight:600}
.tline p{font-size:15px;color:var(--ink-2)}
@media (max-width:900px){.tline{grid-template-columns:1fr}.tline::before{left:7px;right:auto;top:6px;bottom:6px;width:2px;height:auto}.tline li{padding:0 0 0 34px}}

/* Einstieg: Passt, wenn */
.fit{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.fit li{display:flex;gap:10px;align-items:baseline;color:var(--ink-2);font-size:15px}
.fit li::before{content:"";width:12px;height:7px;flex:none;border:2px solid var(--green);border-top:0;border-right:0;transform:rotate(-45deg) translateY(-2px)}

/* Weitere Formate: schlanke Zeilen */
.alt-lab{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.alt-row{display:grid;grid-template-columns:110px 1fr auto;gap:18px;align-items:center;padding:18px 4px;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}
.alt-row:last-child{border-bottom:1px solid var(--line)}
.alt-row .k{font-size:13px;color:var(--muted)}
.alt-row b{font-family:var(--display);font-size:clamp(17px,1.8vw,21px)}
.alt-row .go{color:var(--blue-2);font-weight:600;font-size:15px;white-space:nowrap}
.alt-row .go i{font-style:normal;display:inline-block;transition:transform .25s}
.alt-row:hover{color:#fff}
.alt-row:hover .go i{transform:translateX(5px)}
@media (max-width:640px){.alt-row{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.fc-past,.fc-fut,.fc-band,.fc-now{animation:none;opacity:1;stroke-dashoffset:0}}
.app-nav.cs-tabs::-webkit-scrollbar{display:none}

/* Spamschutz und Server-Anbindung */
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.pm-qt{font-weight:600}
.ok.err{color:#FCA5A5}
.lg-notice{margin-top:10px;padding:10px 14px;border-radius:10px;border:1px solid rgba(248,113,113,.5);background:rgba(248,113,113,.08);color:#FCA5A5;font-size:14px}
button[disabled].lg-next{opacity:.6;cursor:progress}
/* Cookie-Banner: beide Entscheidungen gleich gewichtet */
.ck-btn,.ck-btn.main{background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.55);color:var(--ink)}
.ck-btn:hover,.ck-btn.main:hover{background:rgba(96,165,250,.22);border-color:var(--blue-2)}
body.blog-public #blogNew,body.blog-public .pc-edit{display:none}

/* Rechtliche Seiten */
.legal{max-width:760px}
.legal h2{font-family:var(--display);font-weight:800;font-size:22px;line-height:1.2;margin-top:34px;color:var(--ink)}
.legal h2:first-child{margin-top:0}
.legal p{margin-top:10px;color:var(--ink-2);line-height:1.7}
.legal a{color:var(--blue-2);font-weight:600}

/* Hintergrund: weiche Kreise */
.world canvas.orbs{position:absolute;inset:0;width:100%;height:100%}

/* Wachstum: Scroll-Diagramm */
.grow{position:relative;height:240vh}
.grow-stick{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}
.grow-in{display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2.4vh,26px);padding-top:64px;width:100%}
.grow-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.grow-head .h2{font-size:clamp(32px,4.2vw,58px)}
.grow-chart{position:relative;width:100%;max-width:1040px;height:min(48vh,480px);transform:scale(calc(.96 + var(--gp,0) * .04));transform-origin:50% 60%}
.grow-chart > svg{width:100%;height:100%;overflow:visible}
.gr-base{fill:none;stroke:#3F4763;stroke-width:2.5;stroke-dasharray:7 9}
.gr-cap{fill:#69718C;font:600 15px var(--body)}
.gr-area{fill:url(#grArea)}
.gr-line{fill:none;stroke:url(#grLine);stroke-width:6;stroke-linecap:round}
.gr-glow{fill:none;stroke:url(#grLine);stroke-width:14;stroke-linecap:round;opacity:.45}
.gr-big rect,.gr-big path{fill:url(#grArrow)}
.gr-big{filter:drop-shadow(0 0 16px rgba(167,139,250,.5))}
.gr-tip circle{fill:#F5F3FF}
.gr-tip .halo{fill:rgba(196,181,253,.25);animation:grhalo 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes grhalo{50%{transform:scale(1.5);opacity:.3}}
.gr-dot circle{fill:#C4B5FD}
.gr-dot .halo{fill:rgba(196,181,253,.16)}
.gr-dot{opacity:0;transition:opacity .4s}
.gr-dot.on{opacity:1}
/* Maßnahmen direkt an der Kurve */
.gr-labs{position:absolute;inset:0;pointer-events:none}
.gr-lab{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;border-radius:999px;white-space:nowrap;
  background:rgba(16,18,34,.82);border:1px solid rgba(196,181,253,.35);backdrop-filter:blur(6px);color:var(--ink);font-weight:600;font-size:14px;
  opacity:0;transform:translate(var(--tx,-50%),var(--ty,-150%)) scale(.6);transition:opacity .35s,transform .45s cubic-bezier(.3,1.6,.5,1),border-color .3s,background .3s}
.gr-lab i{font-style:normal;font-family:var(--display);font-size:11px;letter-spacing:.06em;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(196,181,253,.16);color:var(--violet-2)}
.gr-lab.on{opacity:.72;transform:translate(var(--tx,-50%),var(--ty,-150%)) scale(.92)}
.gr-lab.cur{opacity:1;transform:translate(var(--tx,-50%),var(--ty,-150%)) scale(1);border-color:rgba(196,181,253,.8);background:rgba(36,28,70,.92);box-shadow:0 10px 30px -10px rgba(167,139,250,.6)}
/* Darunter: Neuromarketing · Datenbasiert · Conversion-Optimierung */
.grow-pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px}
.grow-pills li{display:flex;align-items:center;gap:10px;opacity:.3;transform:translateY(8px);transition:opacity .5s,transform .5s}
.grow-pills li.on{opacity:1;transform:none}
.grow-pills b{display:block;font-size:16px;color:var(--ink)}
.grow-pills small{display:block;font-size:13px;color:var(--muted)}
.gp-ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--violet-2);background:rgba(167,139,250,.12);border:1px solid rgba(167,139,250,.3)}
.grow-cta{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}
.grow-cta.on{opacity:1;transform:none}
@media (max-width:900px){.grow-chart{height:auto;aspect-ratio:1000/560}.gr-lab{font-size:12px;padding:5px 9px 5px 6px}.gr-lab i{width:18px;height:18px;font-size:10px}.gr-lab.on:not(.cur){opacity:0!important}.grow-pills small{display:none}.grow-pills{gap:10px 16px}}
@media (max-width:520px){.gr-lab:not(.cur){opacity:0!important}}
@media (prefers-reduced-motion: reduce){.grow{height:auto}.grow-stick{position:relative;height:auto;padding-block:80px}}
.flow-head{margin-top:72px;display:flex;flex-direction:column;gap:10px}
.flow-head h3{font-family:var(--display);font-weight:800;font-size:clamp(28px,3.2vw,42px);line-height:1.08;letter-spacing:-.02em;color:#F3F6FC}
.flow-head + .flow{margin-top:28px}
.proj{display:block;max-width:760px;text-decoration:none;color:inherit;transition:border-color .3s,transform .3s}
.proj:hover{border-color:rgba(96,165,250,.5);transform:translateY(-2px)}
.proj p{margin-top:10px}
.proj .pc-more{display:inline-block;margin-top:14px;color:var(--blue-2);font-weight:600}
.qtable td:first-child{white-space:nowrap;color:var(--muted);width:1%}
.qtable td:nth-child(2){width:50%}
.qtable td:last-child{width:1%;white-space:nowrap}
@media (max-width:700px){.qtable{min-width:0}.qtable thead{display:none}
  .qtable tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 16px;border-bottom:1px solid var(--line)}
  .qtable tr:last-child{border-bottom:0}.qtable td{padding:0;border:0;width:auto!important}
  .qtable td:first-child{grid-column:1/-1;font-size:13px}.qtable td:nth-child(2){grid-column:1;grid-row:2}.qtable td:nth-child(3){grid-column:1;grid-row:3;color:var(--muted);font-size:14px}.qtable td:last-child{grid-row:2;grid-column:2;align-self:start}.qtable td:first-child:empty{display:none}}
/* Über mich: thematisch */
.vals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:36px}
.val{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:20px;background:rgba(18,21,36,.6);border:1px solid rgba(167,139,250,.22)}
.val-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:var(--violet-2);background:rgba(167,139,250,.12)}
.val b{font-family:var(--display);font-size:20px;line-height:1.15;color:var(--ink)}
.val p{color:var(--ink-2);font-size:15px}
.talks{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.talks li{display:flex;flex-direction:column;gap:4px;padding:18px 0;border-top:1px solid var(--line)}
.talks li b{font-weight:600;color:var(--ink);font-size:17px;line-height:1.35}
.talks li span{color:var(--violet-2);font-size:14px}
.pubs li span{color:var(--muted)}
.cv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px}
.cv-card{padding:26px 28px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.cv-card h3{font-family:var(--display);font-size:22px;font-weight:800}
.cv-card ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.cv-card li{color:var(--ink-2);font-size:15px;line-height:1.5;padding-left:16px;position:relative}
.cv-card li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--violet-2)}
.cv-card li b{display:block;color:var(--ink);font-weight:600}
@media (max-width:1000px){.vals{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.vals,.talks,.cv-grid{grid-template-columns:1fr}}
/* Vorträge: Jahr, Highlight, aktuell */
.talks li{display:grid;grid-template-columns:64px 1fr auto;gap:4px 14px;align-items:start}
.talks li > div{display:flex;flex-direction:column;gap:4px}
.talks .yr{font-family:var(--display);font-weight:800;font-size:15px;color:var(--muted);padding-top:2px;font-variant-numeric:tabular-nums}
.talk-hl{grid-column:1/-1}
.talk-hl b{font-size:19px!important}
.talk-hl .yr{color:var(--violet-2)}
.hl-tag{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;color:#1B1236;background:var(--violet-2)}
.talk-now{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
.tn-card{display:flex;flex-direction:column;gap:8px;padding:24px 26px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.tn-card h3{font-family:var(--display);font-size:22px;font-weight:800;line-height:1.15}
.tn-card p{color:var(--ink-2);font-size:15px}
.tn-card a{color:var(--blue-2);font-weight:600}
.tn-k{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--violet-2)}
.tn-soon{background:linear-gradient(135deg,rgba(167,139,250,.16),rgba(96,165,250,.08));border-color:rgba(167,139,250,.45)}
.tn-dot{width:8px;height:8px;border-radius:50%;background:var(--violet-2);box-shadow:0 0 0 0 rgba(196,181,253,.6);animation:tnpulse 2s ease-out infinite}
@keyframes tnpulse{70%{box-shadow:0 0 0 10px rgba(196,181,253,0)}100%{box-shadow:0 0 0 0 rgba(196,181,253,0)}}
@media (max-width:700px){.talk-now{grid-template-columns:1fr}.talks li{grid-template-columns:52px 1fr}.hl-tag{grid-column:2;justify-self:start}}
/* Über mich: Reiter, Projekte */
.ttabs{display:inline-flex;flex-wrap:wrap;gap:6px;margin-top:34px;padding:6px;border-radius:16px;background:rgba(11,13,18,.6);border:1px solid var(--line)}
.ttabs button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;border:0;background:transparent;color:var(--ink-2);font:inherit;font-weight:600;cursor:pointer;transition:background .25s,color .25s}
.ttabs button span{font-family:var(--display);font-size:12px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--muted)}
.ttabs button:hover{color:var(--ink)}
.ttabs button[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(96,165,250,.55)}
.ttabs button[aria-selected="true"] span{background:rgba(167,139,250,.18);color:var(--violet-2)}
.tt-panel{animation:rise .45s ease}
.tt-panel .talks{margin-top:18px}
.talks li{grid-template-columns:96px 1fr auto}
.talks .yr{font-size:14px;line-height:1.35}
.cv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.proj-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
.proj-grid .proj{max-width:none;display:flex;flex-direction:column;gap:8px}
.proj-grid .proj h3{margin-top:2px}
.proj-grid .proj .pc-more{margin-top:auto;padding-top:10px}
@media (max-width:1000px){.cv-grid{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.proj-grid,.cv-grid{grid-template-columns:1fr}.talks li{grid-template-columns:72px 1fr}}
/* Über mich: privat */
.hobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:32px}
.hob{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:18px;background:rgba(18,21,36,.55);border:1px solid var(--line);transition:transform .35s cubic-bezier(.3,1.5,.5,1),border-color .3s}
.hob:hover{transform:translateY(-4px) rotate(-1deg);border-color:rgba(167,139,250,.45)}
.hob-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;margin-bottom:6px;color:var(--violet-2);background:rgba(167,139,250,.12)}
.hob b{font-size:17px;color:var(--ink)}
.hob small{font-size:14px;line-height:1.4;color:var(--muted)}
/* Über mich: Interview als ruhiger Fließtext */
.interview{max-width:760px;gap:0}
.interview .qa{padding:0;border:0;gap:14px;margin-top:52px}
.interview .qa:first-child{margin-top:0}
.interview .qa .q{font-family:var(--display);font-weight:800;font-size:clamp(22px,2.2vw,28px);line-height:1.2;letter-spacing:-.01em;color:var(--ink)}
.interview .qa .a{font-size:clamp(17px,1.4vw,19px);line-height:1.75;color:var(--ink-2)}
.interview .pull{margin:56px 0 4px;padding-left:22px;border-left:3px solid var(--violet-2);font-size:clamp(26px,3vw,38px)}
/* ===== Ohne Fotos: Raster einspaltig ===== */
.proof.solo,.lead-grid.solo,.about-hero.solo{grid-template-columns:1fr}
.proof.solo .proof-copy,.lead-grid.solo > div{max-width:900px}

/* Blog und Whitepaper vorerst ausgeblendet, Schalter BLOG_AN im Skript */
html:not(.blog-an) [data-blog]{display:none!important}

/* Sicherheitsprüfung: Symbol-Raster und Regler (Bilder kommen vom Server) */
.pm-cap{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(11,13,18,.45)}
.pm-cap-h{display:flex;justify-content:space-between;gap:10px;font-weight:600;font-size:15px}
.pm-cap-h span{color:var(--muted);font-weight:400;font-size:13px}
.pm-cap-q{font-size:15px;color:var(--ink-2)}
.pm-cap-q.err{color:#FCA5A5}
.pm-cap-grid{position:relative;width:min(300px,100%);aspect-ratio:1;border-radius:10px;overflow:hidden}
.pm-cap-grid img,.pm-cap-slide img{display:block;width:100%;height:100%;pointer-events:none;user-select:none}
.pm-cap-cells{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}
.pm-cap-cells button{all:unset;cursor:pointer;border-radius:8px;transition:background .15s,box-shadow .15s}
.pm-cap-cells button:hover{background:rgba(255,255,255,.06)}
.pm-cap-cells button:focus-visible{box-shadow:inset 0 0 0 3px var(--blue)}
.pm-cap-slide{position:relative;width:100%;aspect-ratio:15/1;min-height:34px;border-radius:8px;touch-action:none;cursor:pointer}
.pm-cap-knob{position:absolute;top:50%;left:0;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:#F3F6FC;box-shadow:0 2px 10px rgba(0,0,0,.6);cursor:grab}
.pm-cap-knob:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.pm-cap-done{color:var(--green);font-weight:600;font-size:15px}
.hp fieldset{border:0;margin:0;padding:0}
.cap-pop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgba(5,7,12,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:rise .3s ease}
.cap-pop-box{position:relative;width:min(380px,100%);max-height:calc(100vh - 32px);overflow:auto;display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 40px 80px -30px rgba(0,0,0,.9)}
.cap-pop-box h2{font-family:var(--display);font-weight:800;font-size:24px;line-height:1.1;padding-right:36px}
.cap-pop-box .x{position:absolute;top:14px;right:14px}
.cap-pop .pm-cap{padding:0;border:0;background:none}
.cap-pop .pm-cap-grid{width:100%}