/* UCee. Studio · Website-Prototyp
   Layout: Startseite und Leistungsseiten als Ansichten einer Seite. Jede Leistungsseite hat ihren eigenen Grund (hell, dunkel, Navy, bildstark),
   gemeinsam bleiben Insel-Kopfzeile, Welle, Glas, Ablauf, Fragen-Chat und Erstgespräch. Bewusst ein festes Markenbild, kein Hell-Dunkel-Umschalten. */
:root{
  --graphit:#141816; --graphit2:#1C211F; --graphit3:#262B29; --line-d:rgba(255,255,255,.12);
  --orange:#DC5812; --orange-hell:#EE7A3C; --orange-ink:#B5450A; --navy:#0C1824; --navy2:#12233A;
  --sand:#F6F5F2; --sand2:#E9E1D5; --white:#FFFFFF; --text:#1D1D1F; --grau:#6E6E73; --grau2:#8E8E93; --grau-d:#A9AFAC; --green:#13873E;
  --f-d:'Inter Tight','Helvetica Neue',Arial,sans-serif; --f-b:'Instrument Sans','Helvetica Neue',Arial,sans-serif;
  --gut:24px; --maxw:1248px; --r-xl:36px; --r-l:30px; --r-m:22px;
  --glass:rgba(20,24,22,.66); --glass-l:rgba(255,255,255,.55);
  color-scheme:light;
}
@font-face{font-family:'Instrument Sans';src:url('/assets/font/instrument-sans.woff2') format('woff2');font-weight:400 700;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('/assets/font/inter-tight-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('/assets/font/inter-tight-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('/assets/font/inter-tight-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('/assets/font/inter-tight-700.woff2') format('woff2');font-weight:700;font-display:swap}
@media (max-width:759px){:root{--gut:16px;--r-xl:28px;--r-l:24px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{margin:0;background:var(--sand);color:var(--text);font-family:var(--f-b);font-size:18px;line-height:1.55;overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--orange-hell);outline-offset:3px;border-radius:8px}
.w{max-width:calc(var(--maxw) + 2*var(--gut));margin-inline:auto;padding-left:max(var(--gut),env(safe-area-inset-left,0px));padding-right:max(var(--gut),env(safe-area-inset-right,0px))}
@media (min-width:1600px){.w.wide{--maxw:1520px}}
.view{display:block}
.view[hidden]{display:none!important}

/* Typo */
.eb{margin:0;font:600 14px/1.3 var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-ink)}
.dk .eb,.eb.on-dark{color:var(--orange-hell)}
.h1{margin:0;font-family:var(--f-d);font-weight:700;font-size:clamp(42px,6.2vw,84px);line-height:.98;letter-spacing:-.05em;text-wrap:balance}
.h2{margin:0;font-family:var(--f-d);font-weight:700;font-size:clamp(34px,4.6vw,64px);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
.h3{margin:0;font-family:var(--f-d);font-weight:700;font-size:clamp(22px,2.1vw,28px);line-height:1.12;letter-spacing:-.03em}
.lead{margin:0;font-size:clamp(18px,1.6vw,21px);line-height:1.5}
.p{margin:0;font-size:clamp(16px,1.3vw,18px);line-height:1.55}
.micro{margin:0;font-size:15px;line-height:1.45}
.mut{color:var(--grau)} .dk .mut{color:var(--grau-d)}
.crumb{margin:0;font:500 14px var(--f-b);color:var(--grau)} .dk .crumb{color:var(--grau-d)}
.crumb a{text-decoration:none}.crumb a:hover{text-decoration:underline}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:14px 26px;border-radius:999px;background:var(--orange);color:var(--navy);font:600 17px var(--f-b);text-decoration:none;border:0;cursor:pointer;transition:filter .25s,transform .25s}
.btn:hover{filter:brightness(1.08);transform:translateY(-2px)}
.btn svg{flex:none}
.btn-row{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap}
.ph{display:inline-block;font:600 12.5px/1.2 var(--f-b);color:#1D1D1F;background:rgba(255,255,255,.9);padding:5px 10px;border-radius:999px;white-space:nowrap}
.ph.abs{position:absolute;right:14px;top:14px;z-index:4}
.need{background:#FFE7A8;color:#5A4300;padding:1px 6px;border-radius:6px;font-size:.92em}
.wv{position:relative;display:inline-block;white-space:nowrap}
.wv svg{position:absolute;left:0;bottom:-.16em;overflow:visible;pointer-events:none}
.sec{padding-block:clamp(84px,10vw,140px)}
.dk{background:var(--graphit);color:#F5F5F7}
.sand{background:var(--sand)}
.white{background:var(--white)}
.navy{background:var(--navy);color:#F2F5F8}
.stack-12{display:flex;flex-direction:column;gap:12px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1023px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:759px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}}
.split{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,72px);align-items:start}
@media (max-width:899px){.split{grid-template-columns:minmax(0,1fr)}}
.card{border-radius:var(--r-l);padding:clamp(26px,2.6vw,38px)}
.card.l{background:var(--white);box-shadow:0 1px 2px rgba(0,0,0,.05),0 14px 34px -20px rgba(0,0,0,.22)}
.card.d{background:var(--graphit2);border:1px solid rgba(255,255,255,.07);box-shadow:0 22px 46px -24px rgba(0,0,0,.7)}
.glass{background:var(--glass);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border:1px solid rgba(255,255,255,.14);color:#fff}
.glass-l{background:var(--glass-l);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.75)}
.sheet-top{border-radius:52px 52px 0 0;position:relative;z-index:2;margin-top:-52px}
@media (max-width:759px){.sheet-top{border-radius:30px 30px 0 0;margin-top:-30px}}

/* Bewegung: nur mit JS versteckt, ohne JS bleibt alles sichtbar */
.js .rise{opacity:0;translate:0 24px;transition:opacity .8s cubic-bezier(.2,.8,.2,1) var(--d,0ms),translate .8s cubic-bezier(.2,.8,.2,1) var(--d,0ms)}
.js .rise.is-in{opacity:1;translate:0 0}
.js .pop{opacity:0;translate:0 40px;scale:.95;transition:opacity .7s cubic-bezier(.2,.8,.2,1) var(--d,0ms),translate .7s cubic-bezier(.2,.8,.2,1) var(--d,0ms),scale .75s cubic-bezier(.34,1.45,.5,1) var(--d,0ms)}
.js .pop.is-in{opacity:1;translate:0 0;scale:1}
.pop.done{transition:translate .35s cubic-bezier(.2,.8,.2,1),scale .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
@media (hover:hover){.lift.done:hover{translate:0 -6px;scale:1.02;z-index:3}}
@media (prefers-reduced-motion:reduce){.js .rise,.js .pop{opacity:1!important;translate:none!important;scale:none!important;transition:none!important}.kb{animation:none!important}}

/* ---------- Kopfzeile: Insel ---------- */
.isl{position:fixed;z-index:60;top:calc(14px + env(safe-area-inset-top,0px));right:max(24px,calc(env(safe-area-inset-right,0px) + 12px));height:76px;border-radius:999px;background:rgba(20,24,22,.84);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px -12px rgba(0,0,0,.35);color:#fff;transition:opacity .45s cubic-bezier(.2,.8,.2,1),transform .45s cubic-bezier(.2,.8,.2,1);transform-origin:right center}
.isl svg.wave{position:absolute;left:0;top:0;pointer-events:none}
.isl-e{width:600px;display:block}
.isl-e .row{position:absolute;left:24px;top:16px;display:flex;align-items:center;gap:20px}
.isl-e .row a,.isl-e .row button{color:#fff;text-decoration:none;font:500 15px var(--f-b);background:none;border:0;padding:0;cursor:pointer}
.isl-e .sep{width:1px;height:26px;background:rgba(255,255,255,.18)}
.isl-e .cta{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:212px;min-height:44px;justify-content:center;font-size:14.5px;padding:8px 14px}
.isl-c{width:258px}
.isl-c .logo{position:absolute;left:32px;top:15px;height:33px}
.isl-e .logo{height:30px}
.isl-c .mbtn{position:absolute;right:12px;top:13px;width:50px;height:50px;border-radius:999px;background:var(--orange);border:0;display:flex;align-items:center;justify-content:center;cursor:pointer}
.isl-c{opacity:0;transform:scale(.85);pointer-events:none}
body.compact .isl-e{opacity:0;transform:translateX(60px) scale(.7);pointer-events:none}
body.compact .isl-c{opacity:1;transform:none;pointer-events:auto}
body.ekon .isl{opacity:0!important;pointer-events:none!important;transition:opacity .15s}
.topbar{position:fixed;z-index:59;top:env(safe-area-inset-top,0px);left:0;right:0;transition:opacity .4s}
.topbar .w{height:84px;display:flex;align-items:center;justify-content:flex-end;gap:30px}
.topbar a{color:#fff;text-decoration:none;font:500 16px var(--f-b)}
.topbar .btn{min-height:48px;padding:10px 22px;font-size:16px}
body:not(.attop) .topbar{opacity:0;pointer-events:none}
body.attop .isl{opacity:0!important;pointer-events:none}
@media (max-width:1023px){
  .isl-e,.topbar{display:none}
  .isl-c{opacity:1;transform:none;pointer-events:auto}
  body.attop .isl-c{opacity:1!important;pointer-events:auto}
}
@media (max-width:759px){.isl{height:64px;right:max(12px,env(safe-area-inset-right,0px))}.isl-c{width:220px}.isl-c .logo{left:26px;top:13px;height:28px}.isl-c .mbtn{width:44px;height:44px;top:9px;right:9px}}

/* Menü */
.menu{position:fixed;inset:0;z-index:80;background:rgba(14,17,16,.72);backdrop-filter:blur(30px) saturate(1.3);-webkit-backdrop-filter:blur(30px) saturate(1.3);color:#fff;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .3s}
.menu.open{opacity:1;pointer-events:auto}
.menu .w{padding-top:calc(110px + env(safe-area-inset-top,0px));padding-bottom:60px;display:grid;grid-template-columns:7fr 5fr;gap:40px}
@media (max-width:899px){.menu .w{grid-template-columns:minmax(0,1fr);padding-top:calc(96px + env(safe-area-inset-top,0px))}}
.menu .x{position:fixed;right:max(24px,calc(env(safe-area-inset-right,0px) + 12px));top:calc(26px + env(safe-area-inset-top,0px));width:52px;height:52px;border-radius:999px;background:var(--orange);border:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.menu .big{display:flex;flex-direction:column;gap:6px}
.menu .big a{font:700 clamp(28px,3.4vw,44px)/1.1 var(--f-d);letter-spacing:-.035em;text-decoration:none;color:#fff;padding:6px 0;transition:color .2s}
.menu .big a:hover{color:var(--orange-hell)}
.menu .big a.sub{font-size:clamp(18px,1.6vw,22px);font-weight:600;color:var(--grau-d);padding:0 0 6px 22px}
.menu .side{display:flex;flex-direction:column;gap:14px}
.menu .side a{color:#D5D9D7;text-decoration:none;font-size:18px}

/* ---------- Einstiege ---------- */
.hero-v{position:relative;min-height:100svh;overflow:hidden;color:#fff;background:var(--graphit)}
.hero-v .media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-v .w{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-block:130px 110px}
.hero-l{position:relative;padding-block:clamp(120px,13vw,170px) clamp(70px,8vw,110px)}
.hero-copy{display:flex;flex-direction:column;gap:22px;max-width:760px}
.hero-copy .h1{margin-top:2px}

/* Startseite */
.home-hero{position:relative;height:170svh;background:var(--graphit)}
.home-hero .stick{position:sticky;top:0;height:100svh;overflow:hidden}
.home-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-hero .tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,24,36,.45),rgba(12,24,36,.2) 35%,rgba(12,24,36,.62))}
.home-ov{position:absolute;inset:0;display:flex;flex-direction:column;color:#fff}
.home-ov .mid{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:60px 20px 0}
.home-ov .mid img{width:min(420px,70vw);height:auto}
.home-ov h1{margin:0;font-family:var(--f-b);font-weight:600;font-stretch:94%;font-size:clamp(34px,3.6vw,52px);line-height:1.08;letter-spacing:-.028em}
.home-ov .lead{max-width:580px;color:#EEF2F4}
.trust{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 30px;padding:0 20px 34px;font-size:15.5px;color:#EEF2F4}
.trust span{display:inline-flex;gap:8px;align-items:center}
.curtain{position:absolute;left:0;right:0;top:100%;height:100%}
.curtain .blur{position:absolute;inset:0;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);background:rgba(20,24,22,.32);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 200px);mask-image:linear-gradient(180deg,transparent 0,#000 200px)}
.curtain .dark{position:absolute;inset:0;background:var(--graphit);opacity:0;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 200px);mask-image:linear-gradient(180deg,transparent 0,#000 200px)}
.curtain .txt{position:relative;padding:38vh 20px 0;text-align:center;font-family:var(--f-d);font-weight:700;font-size:clamp(40px,6.4vw,92px);letter-spacing:-.05em;line-height:1.02;color:#fff}
.cw{color:rgba(255,255,255,.26);transition:color .25s}
.cw.on{color:#fff}

.home-sheet{display:none;position:relative;z-index:3;margin-top:-34px;background:var(--sand);border-radius:30px 30px 0 0;color:var(--text);padding-block:34px 44px}
.home-sheet h1{margin:0;font-family:var(--f-b);font-weight:600;font-stretch:94%;font-size:34px;line-height:1.1;letter-spacing:-.025em}
.home-sheet .bub{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.home-sheet .bub span{display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:8px 13px;font-size:14px;box-shadow:0 1px 2px rgba(0,0,0,.05)}

/* Leistungen (Startseite) */
.lst{position:relative;color:#F5F5F7;background:var(--lst-bg)}
.lst .w{position:relative;z-index:1;padding-block:40px 60px}
.lst h2{text-align:center;font-size:clamp(44px,5.6vw,80px)}
.lst-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-top:64px}
.lst-main{display:contents}
.lst-main > :nth-child(1),.lst-main > :nth-child(2){grid-column:span 3}
.lst-main > :nth-child(3),.lst-main > :nth-child(4),.lst-grid > .stk{grid-column:span 2}
.stg{position:relative;display:block;height:640px;border-radius:var(--r-l);overflow:hidden;color:#fff;text-decoration:none;box-shadow:0 26px 50px -28px rgba(0,0,0,.7)}
.stg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.stg .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,17,16,0) 34%,rgba(14,17,16,.6) 50%,rgba(14,17,16,.88) 64%,rgba(14,17,16,.97) 100%)}
.stg .b{position:absolute;left:0;right:0;bottom:0;padding:34px 38px 36px;display:flex;flex-direction:column;gap:12px}
.stg .b > *{max-width:640px}
.tl{display:flex;flex-direction:column;border-radius:var(--r-l);overflow:hidden;background:#fff;color:var(--text);text-decoration:none;border:1px solid rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05),0 16px 36px -20px rgba(0,0,0,.25);transition:border-color .3s,box-shadow .3s}
.tl .im{aspect-ratio:16/10;overflow:hidden}.tl .im img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.tl .b{padding:24px 26px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.ask{margin:0;font:600 15px/1.35 var(--f-b);color:var(--orange-ink)} .stg .ask{color:var(--orange-hell);font-size:16px}
.ti{margin:0;font-family:var(--f-d);font-weight:700;letter-spacing:-.035em;line-height:1.05;font-size:27px}
.stg .ti{font-size:clamp(32px,3vw,44px)}
.sent{margin:0;font-size:16.5px;line-height:1.45;color:#424245} .stg .sent{color:#E3E6E4;font-size:18px}
.chips{margin:2px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.chips li{font-size:13.5px;line-height:1.3;color:#424245;background:#F6F5F2;border-radius:999px;padding:6px 11px;transition:background .3s,color .3s}
.stg .chips li{background:rgba(255,255,255,.13);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#F1F3F2;font-size:14px;padding:7px 12px}
.go{margin-top:auto;padding-top:8px;font:600 16px var(--f-b);color:var(--orange-ink);display:inline-flex;align-items:center;gap:6px} .stg .go{color:var(--orange-hell)}
@media (hover:hover){
 .stg:hover img,.tl:hover .im img{transform:scale(1.04)}
 .tl:hover{border-color:rgba(220,88,18,.6);box-shadow:0 0 0 1px rgba(220,88,18,.3),0 30px 60px -30px rgba(220,88,18,.45)}
 .tl:hover .ti{color:var(--orange-ink)} .tl:hover .chips li{background:rgba(220,88,18,.12);color:#7A2E06}
 .stg:hover{box-shadow:0 0 0 2px rgba(238,122,60,.7),0 30px 60px -30px rgba(220,88,18,.5)} .stg:hover .chips li{background:rgba(238,122,60,.22)}
}
.stk{display:flex;flex-direction:column;gap:20px}
.flat{display:flex;flex-direction:column;gap:10px;border-radius:var(--r-l);padding:26px 28px;background:#fff;color:var(--text);text-decoration:none;flex:1;box-shadow:0 1px 2px rgba(0,0,0,.05),0 16px 36px -20px rgba(0,0,0,.25)}
.flat.open{background:transparent;border:1px dashed rgba(0,0,0,.22);box-shadow:none;justify-content:center}
.lst-dots{display:none}
@media (min-width:1600px){.lst .w{--maxw:1520px}.stg{height:660px}}
@media (max-width:1023px){.stg{height:560px}}
@media (max-width:759px){
 .lst-grid{display:block;margin-top:34px}
 .lst-main{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1*var(--gut));padding-inline:var(--gut);scrollbar-width:none}
 .lst-main::-webkit-scrollbar{display:none}
 .lst-main > *{flex:0 0 84%;scroll-snap-align:start;height:560px}
 .lst-main .tl .im{aspect-ratio:16/11}
 .stg .b{padding:22px 22px 24px}
 .lst-dots{display:flex;justify-content:center;gap:8px;margin:18px 0 22px}
 .lst-dots span{width:8px;height:8px;border-radius:999px;background:rgba(0,0,0,.18);transition:width .3s,background .3s}
 .lst-dots span.on{width:22px;background:var(--orange)}
 .lst .stk{margin-top:4px}
}

/* Über mich */
.about .grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,5vw,64px);align-items:start;margin-top:30px}
.about .por{border-radius:32px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 1px 2px rgba(0,0,0,.05),0 20px 44px -24px rgba(0,0,0,.3)}
.about .por img{width:100%;height:100%;object-fit:cover;object-position:62% 45%}
.about .txt{display:flex;flex-direction:column;gap:18px}
@media (max-width:899px){.about .grid{grid-template-columns:minmax(0,1fr)}.about .por{aspect-ratio:4/3}}

/* ---------- Ablauf als Glas ---------- */
.abl{position:relative;height:250svh}
.abl .stick{position:sticky;top:0;height:100svh}
.abl .panel{position:absolute;left:44px;right:44px;top:70px;bottom:70px;border-radius:40px;background:rgba(28,32,30,.94);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);border:1px solid rgba(255,255,255,.08);box-shadow:0 50px 120px -50px rgba(0,0,0,.45);color:#fff;overflow:hidden;display:flex;align-items:center}
.abl.on-dark .panel{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);box-shadow:0 50px 120px -50px rgba(0,0,0,.8)}
.abl.on-navy .panel{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.abl .inner{width:100%}
.abl .hd{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.abl .hd .h2{font-size:clamp(34px,3.8vw,56px)}
.abl .n{font:600 17px var(--f-b);color:var(--grau-d);font-variant-numeric:tabular-nums}
.abl .track{position:relative;height:80px;margin-top:36px}
.abl .track svg{position:absolute;left:0;top:0;overflow:visible}
.abl .mk{position:absolute;top:29px;width:22px;height:22px;margin-left:-11px;border-radius:999px;background:#3A403D;box-shadow:0 0 0 5px rgba(28,32,30,1);transition:background .4s}
.abl.on-dark .mk{box-shadow:0 0 0 5px #1E2321}.abl.on-navy .mk{box-shadow:0 0 0 5px #1A2A3F}
.abl .mk.on{background:var(--orange)}
.abl .cards{display:flex;gap:18px;margin-top:22px}
.abl .c{flex:1;min-width:0;border-radius:26px;padding:28px 28px 30px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.js .abl .c{opacity:0;translate:0 80px;transition:opacity .6s cubic-bezier(.2,.8,.2,1),translate .6s cubic-bezier(.2,.8,.2,1)}
.js .abl .c.nx{opacity:.22;translate:0 46px}
.js .abl .c.on{opacity:1;translate:0 0}
.abl .c .num{margin:0;font:700 46px/1 var(--f-d);letter-spacing:-.04em;color:var(--orange-hell)}
.abl .c .h3{margin-top:14px}
.abl .c .micro{margin-top:6px;color:var(--grau-d)}
.abl .c .p{margin-top:16px;color:#D5D9D7;font-size:16.5px}
.abl .note{margin-top:30px;color:var(--grau-d);opacity:0;transition:opacity .5s}
.abl .note.on{opacity:1}
@media (max-width:899px),(max-height:620px){
 .abl{height:auto;padding-block:30px}
 .abl .stick{position:static;height:auto}
 .abl .panel{position:relative;inset:auto;margin-inline:max(12px,env(safe-area-inset-left,0px));padding-block:40px;border-radius:30px}
 .abl .track{display:none}
 .abl .cards{flex-direction:column}
 .js .abl .c{opacity:1;translate:none}
 .abl .note{opacity:1}
 .abl .hd .n{display:none}
}

/* ---------- Fragen als Chat mit Rad ---------- */
.faq{position:relative;background:var(--sand)}
.faq .stick{position:sticky;top:0;height:100svh;overflow:hidden}
.faq .lights{position:absolute;inset:0;pointer-events:none}
.faq .lights i{position:absolute;border-radius:50%;display:block}
.faq .bgw{position:absolute;left:0;right:0;top:56%;height:80px;pointer-events:none}
.faq .grid{position:relative;height:100%;display:grid;grid-template-columns:5fr 7fr;gap:40px}
.faq .left{position:relative;display:flex;flex-direction:column;height:100%;padding-top:clamp(100px,15vh,150px);padding-bottom:40px;min-width:0}
.faq .meta{margin:10px 0 0;font:600 17px var(--f-b);color:var(--grau2)}
.faq .cnt{color:var(--orange-ink);font-variant-numeric:tabular-nums}
.faq .wheel{position:relative;flex:1;min-height:0;margin-top:20px}
.faq .mask{position:absolute;inset:0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
.faq .hl{position:absolute;left:-26px;right:30px;top:50%;margin-top:-34px;height:68px;border-radius:22px;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.85),0 14px 30px -18px rgba(120,60,20,.35)}
.faq .items{position:absolute;left:8px;right:0;top:50%}
.faq .li{position:absolute;left:0;top:0;width:100%;height:30px;display:flex;align-items:center;transform-origin:left center;background:none;border:0;padding:0;cursor:pointer;text-align:left;font-family:var(--f-d);font-weight:600;color:#1D1D1F;letter-spacing:-.02em;white-space:nowrap;transition:font-size .28s cubic-bezier(.2,.8,.2,1),opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1),height .45s}
.faq .li .n{font:600 13px var(--f-b);color:var(--grau2);margin-right:12px;font-variant-numeric:tabular-nums}
.faq .li.act{font-weight:700}.faq .li.act .n{color:var(--orange-ink)}
.faq .right{position:relative}
.faq .chat{position:absolute;left:0;right:0;bottom:150px;display:flex;flex-direction:column;gap:14px}
.faq .ask-q{display:flex;justify-content:flex-end}
.faq .ask-q > div{max-width:84%;background:var(--green);color:#fff;border-radius:26px 26px 8px 26px;padding:14px 19px;font:600 clamp(19px,1.9vw,28px)/1.3 var(--f-b)}
.faq .ans{display:flex;gap:10px;align-items:flex-end}
.faq .av{flex:none;width:38px;height:38px;border-radius:999px;background:var(--orange);color:var(--navy);display:flex;align-items:center;justify-content:center;font:700 14px var(--f-b)}
.faq .ans > div{max-width:84%;background:#fff;color:var(--text);border-radius:26px 26px 26px 8px;padding:14px 19px;font:400 clamp(17px,1.6vw,24px)/1.45 var(--f-b);box-shadow:0 1px 2px rgba(0,0,0,.05)}
.faq .sep{text-align:center;font:600 13.5px var(--f-b);color:var(--grau2)}
.faq .prev{opacity:.32;display:flex;flex-direction:column;gap:12px;transform:scale(.9);transform-origin:center bottom}
.faq .bub{animation:fpop .45s cubic-bezier(.34,1.4,.5,1) both}
@keyframes fpop{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.faq .dots{background:#fff;border-radius:22px;padding:16px 20px;display:inline-flex;gap:7px}
.faq .dots span{width:10px;height:10px;border-radius:999px;background:var(--grau2);animation:blink 1s infinite}
.faq .dots span:nth-child(2){animation-delay:.15s}.faq .dots span:nth-child(3){animation-delay:.3s}
@keyframes blink{0%,100%{opacity:.25}50%{opacity:1}}
.faq .inp{position:absolute;left:48px;right:0;bottom:58px;height:60px;border-radius:999px;background:#fff;border:1px solid #E2DED8;box-shadow:0 14px 30px -20px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 24px;font:500 18px var(--f-b);color:var(--grau2);gap:10px}
.faq .mail{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;background:var(--green);color:#fff;font:600 16px var(--f-b);border:0;cursor:pointer;white-space:nowrap}
@media (max-width:899px){
 .faq .grid{display:flex;flex-direction:column;gap:0}
 .faq .left{padding-top:calc(100px + env(safe-area-inset-top,0px))}
 .faq .wheel{position:relative;top:auto;height:auto;margin-top:18px;-webkit-mask-image:none;mask-image:none}
 .faq .hl{display:none}
 .faq .items{position:static;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1*var(--gut));padding:4px var(--gut)}
 .faq .items::-webkit-scrollbar{display:none}
 .faq .li{position:static;transform:none!important;opacity:1!important;height:auto!important;flex:none;padding:10px 15px;border-radius:999px;background:rgba(255,255,255,.65);font-size:15px!important;color:#424245}
 .faq .li .n{display:none}
 .faq .li.act{background:var(--orange);color:var(--navy)}
 .faq .li.act::before{display:none}
 .faq .right{flex:1}
 .faq .chat{bottom:96px}
 .faq .inp{left:0;bottom:24px;height:54px;font-size:15px;padding-left:16px}
 .faq .inp .t{display:none}
 .faq .inp::before{content:"Noch eine Frage?";color:var(--grau2)}
 .faq .mail{font-size:14.5px;padding:0 14px;height:42px}
}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);background:var(--graphit);color:#fff;padding:12px 18px;border-radius:999px;font:600 15px var(--f-b);opacity:0;transition:opacity .3s,transform .3s;z-index:95;pointer-events:none;max-width:calc(100vw - 32px);text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* ---------- Erstgespräch-Szene ---------- */
.ek{position:relative;z-index:45;min-height:100svh;color:#fff;background:transparent}
.ek .c{position:relative;min-height:100svh;display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:center;padding-block:120px 80px}
.ek .logo{position:absolute;left:max(var(--gut),env(safe-area-inset-left,0px));top:40px;height:40px}
.ek .h2{font-size:clamp(38px,5.6vw,92px);line-height:.98}
.ek .lead{margin-top:22px;color:#D5D9D7;max-width:600px}
.ek .btn{margin-top:34px;min-height:76px;padding:18px 32px;font-size:clamp(18px,1.6vw,23px)}
.ek .mi{margin-top:16px;color:rgba(255,255,255,.74)}
.ek .alt{margin-top:28px;color:rgba(255,255,255,.74);font-size:17px}
.ek .mailt{margin:2px 0 0;font:600 clamp(22px,2.2vw,30px) var(--f-b);user-select:all}
.ek .por{position:relative;justify-self:end;width:min(390px,100%);aspect-ratio:390/620;border-radius:32px;overflow:hidden;box-shadow:0 24px 60px -24px rgba(0,0,0,.6)}
.ek .por img{width:100%;height:100%;object-fit:cover;object-position:62% 45%}
.ek .por .sh{position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(180deg,rgba(12,16,14,0),rgba(12,16,14,.85))}
.ek .por .nm{position:absolute;left:22px;bottom:20px}
.ek .por .nm b{display:block;font-size:22px}.ek .por .nm span{font-size:16px;color:rgba(255,255,255,.8)}
.ek-static{background:radial-gradient(1200px 700px at 30% 40%,#232826,var(--graphit))}
#ekPanel{position:fixed;z-index:40;left:0;top:0;width:0;height:0;opacity:0;border-radius:38px;background:rgba(20,24,22,.94);backdrop-filter:blur(30px) saturate(1.3);-webkit-backdrop-filter:blur(30px) saturate(1.3);border:1px solid rgba(255,255,255,.14);overflow:hidden;box-shadow:0 30px 80px -30px rgba(0,0,0,.6);pointer-events:none}
#ekPanel.lighter{background:rgba(40,46,43,.96);border-color:rgba(255,255,255,.2)}
#ekPill{position:absolute;right:0;top:0;width:258px;height:76px}
#ekPill img{position:absolute;left:32px;top:15px;height:33px}
#ekPill span{position:absolute;right:12px;top:13px;width:50px;height:50px;border-radius:999px;background:var(--orange)}
.js .ek .c{opacity:0}
@media (max-width:899px){
 .ek .c{grid-template-columns:minmax(0,1fr);padding-block:96px 48px;gap:26px}
 .ek .logo{top:24px;height:30px}
 .ek .por{order:-1;justify-self:stretch;width:100%;aspect-ratio:16/12}
 .ek .btn{width:100%;justify-content:center;min-height:60px}
 .ek .alt,.ek .mailt,.ek .mi{text-align:center}
 .ek .mailt{font-size:19px}
}

/* ---------- Footer ---------- */
.foot{background:var(--graphit);color:var(--grau-d);font:400 15.5px var(--f-b);padding-block:70px 48px}
.foot .cols{display:grid;grid-template-columns:2fr 1.4fr 1fr 1fr 1fr;gap:40px}
.foot b{display:block;margin:0 0 14px;color:#fff;font-weight:600}
.foot a{display:block;margin:0 0 10px;text-decoration:none;color:var(--grau-d)}.foot a:hover{color:#fff}
.foot .cp{margin:56px 0 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);font-size:14px}
@media (max-width:899px){.foot .cols{grid-template-columns:repeat(2,minmax(0,1fr))}.foot .cols > :first-child{grid-column:1/-1}}

/* ---------- Bausteine der Unterseiten ---------- */
.ep-card{position:absolute;left:-70px;bottom:-40px;width:420px;padding:24px 26px 26px;border-radius:26px;z-index:3}
.ep-card .ttl{margin:10px 0 0;font:700 23px/1.2 var(--f-d);letter-spacing:-.02em}
.ep-card .pl{display:flex;align-items:center;gap:16px;margin-top:18px}
.ep-card .pl b{flex:none;width:52px;height:52px;border-radius:999px;background:var(--orange);display:flex;align-items:center;justify-content:center}
.ep-card .bar{position:relative;flex:1;height:40px}
.ep-card .tm{display:flex;justify-content:space-between;margin-top:6px;font-size:14px;color:rgba(255,255,255,.6)}
.ghost{position:absolute;left:-70px;bottom:-40px;width:420px;height:210px;border-radius:26px}
.ph-img{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 50px 100px -50px rgba(0,0,0,.5)}
.ph-img img,.ph-img video{width:100%;height:100%;object-fit:cover}
.hero2{display:grid;grid-template-columns:1.08fr 1fr;gap:56px;align-items:center}
@media (max-width:899px){.hero2{grid-template-columns:minmax(0,1fr);gap:40px}.ep-card{left:12px;right:12px;width:auto;bottom:-30px}.ghost{display:none}}

.stat-tilt{position:relative;height:470px}
.stat-tilt .a{position:absolute;right:0;top:0;width:330px;background:var(--orange);color:var(--navy);border-radius:30px;padding:34px 34px 36px;transform:rotate(2.5deg);box-shadow:0 30px 60px -30px rgba(220,88,18,.6);z-index:2}
.stat-tilt .b{position:absolute;left:0;bottom:0;width:300px;background:var(--white);border-radius:30px;padding:30px 32px 32px;transform:rotate(-2deg);box-shadow:0 1px 2px rgba(0,0,0,.05),0 14px 34px -20px rgba(0,0,0,.22)}
.big-n{margin:0;font:700 clamp(72px,8vw,108px)/1 var(--f-d);letter-spacing:-.055em}
@media (max-width:899px){.stat-tilt{height:auto;display:flex;flex-direction:column;gap:16px}.stat-tilt .a,.stat-tilt .b{position:relative;width:auto;inset:auto}}

.trk{border-bottom:1px solid #D2C9BC}
.trk .row{display:grid;grid-template-columns:72px 1fr 1.1fr 120px;gap:28px;align-items:center;padding:28px 18px;border-top:1px solid #D2C9BC;border-radius:18px;transition:background .3s}
@media (hover:hover){.trk .row:hover{background:rgba(255,255,255,.7)}}
.trk .row .i{font:600 18px var(--f-b);color:var(--grau2);font-variant-numeric:tabular-nums}
.trk .row .wvs{position:relative;height:30px}
@media (max-width:759px){.trk .row{grid-template-columns:44px 1fr;gap:8px 14px;padding:22px 6px}.trk .row .p{grid-column:2}.trk .row .wvs{display:none}}

.over-img{position:relative}
.over-img .bg{border-radius:36px;overflow:hidden;height:520px}
.over-img .bg img{width:100%;height:100%;object-fit:cover}
.over-img .cards{position:absolute;left:36px;right:36px;bottom:-110px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.over-img .cards > div{border-radius:28px;padding:30px 30px 32px;box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
@media (max-width:899px){.over-img .bg{height:320px}.over-img .cards{position:relative;left:auto;right:auto;bottom:auto;margin:-80px 12px 0;grid-template-columns:minmax(0,1fr)}}

.price-list{display:flex;flex-direction:column;gap:12px}
.price-list > div{display:flex;align-items:center;gap:18px;background:#fff;border-radius:22px;padding:22px 26px;font:600 clamp(17px,1.6vw,20px) var(--f-b)}
.price-list b{font:700 22px var(--f-d);color:var(--orange-ink);width:28px}

/* Expertenpositionierung */
.search{position:relative;border-radius:30px;padding:26px;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.search .q{display:flex;align-items:center;gap:14px;background:#F5F5F7;color:#1D1D1F;border-radius:999px;padding:16px 22px;font-size:18px;min-height:58px}
.search .q .caret{width:2px;height:22px;background:var(--orange);animation:blink 1s infinite}
.search .res{display:grid;grid-template-columns:minmax(0,230px) 1fr;gap:20px;margin-top:22px;align-items:center;transition:opacity .4s}
.search .th{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/9}
.search .th img{width:100%;height:100%;object-fit:cover}
.search .th b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:999px;background:rgba(220,88,18,.95);display:flex;align-items:center;justify-content:center}
.search .rt{margin:0;font:600 19px/1.3 var(--f-b)}
.search .skel{display:grid;grid-template-columns:minmax(0,230px) 1fr;gap:20px;margin-top:16px;opacity:.35}
.search .skel i{display:block;border-radius:16px;aspect-ratio:16/9;background:rgba(255,255,255,.12)}
.search .skel span{display:block;height:14px;border-radius:7px;background:rgba(255,255,255,.12);margin-bottom:10px}
.tilt{position:absolute;inset:0;border-radius:30px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18)}
@media (max-width:759px){.search .res,.search .skel{grid-template-columns:120px 1fr}.search .rt{font-size:16px}.search .q{font-size:15px}}
.words{font-family:var(--f-d);font-weight:700;font-size:clamp(30px,4vw,54px);line-height:1.1;letter-spacing:-.04em;margin:0}
.words span{color:rgba(255,255,255,.26);transition:color .3s}.words span.on{color:#fff}
.words.l span{color:rgba(29,29,31,.22)}.words.l span.on{color:var(--text)}
.weg{position:relative;padding-left:56px}
.weg .rail{position:absolute;left:12px;top:12px;bottom:12px;width:3px;border-radius:2px;background:rgba(255,255,255,.12)}
.weg .fill{position:absolute;left:12px;top:12px;width:3px;height:0;border-radius:2px;background:var(--orange);max-height:calc(100% - 24px)}
.weg .s{position:relative;padding-bottom:44px}
.weg .s .d{position:absolute;left:-56px;top:0;width:27px;height:27px;border-radius:999px;background:#2A302D;border:6px solid var(--graphit);margin-left:-1px;transition:background .4s}
.weg .s .nn{margin:0;font:700 clamp(54px,6vw,72px)/.9 var(--f-d);letter-spacing:-.04em;color:#3A403D;transition:color .4s}
.weg .s.r .d{background:var(--orange)}.weg .s.r .nn{color:var(--orange-hell)}
.weg .s .h3{margin-top:16px;font-size:clamp(24px,2.6vw,34px)}
.stage2{position:relative;border-radius:30px;overflow:hidden;min-height:560px;color:#fff;text-decoration:none;display:block}
.stage2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.stage2 .sh{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,17,16,.94) 0%,rgba(14,17,16,.75) 38%,rgba(14,17,16,0) 70%)}
.stage2 .b{position:absolute;left:48px;top:50%;transform:translateY(-50%);max-width:470px;display:flex;flex-direction:column;gap:14px}
@media (max-width:759px){.stage2{min-height:520px}.stage2 .sh{background:linear-gradient(180deg,rgba(14,17,16,.1) 20%,rgba(14,17,16,.95) 70%)}.stage2 .b{left:24px;right:24px;top:auto;bottom:28px;transform:none}}
.gstat{border-radius:30px;padding:34px 34px 36px;box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
.bleed-img{position:relative;overflow:hidden}
.bleed-img > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 26%,#000 74%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 26%,#000 74%,transparent 100%)}

/* Unternehmensauftritt */
.hero-img{position:relative;min-height:100svh;overflow:hidden;color:#fff;background:var(--graphit)}
.hero-img > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-img .glasscard{position:relative;max-width:780px;border-radius:36px;padding:clamp(28px,3vw,48px);box-shadow:0 40px 100px -40px rgba(0,0,0,.6)}
.hero-img .w{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding-block:130px 72px}
.ba{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:7/6;touch-action:pan-y;user-select:none;cursor:ew-resize}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba .old{position:absolute;inset:0;overflow:hidden;width:50%}
.ba .old img{max-width:none;width:auto;height:100%;filter:grayscale(1) contrast(.75) brightness(1.15) sepia(.25) blur(.6px)}
.ba .ln{position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;background:#fff}
.ba .hd{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:999px;background:var(--orange);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.ba .ph{position:absolute}
.anl{border-radius:44px;overflow:hidden;position:relative;color:#fff;padding-block:110px}
.anl > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.anl .tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,17,16,.55),rgba(14,17,16,.35) 50%,rgba(14,17,16,.75))}
.anl .g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:260px}
.anl .g > div{border-radius:28px;padding:28px 26px 30px}
.anl .g > div:nth-child(2){transform:translateY(-36px)}.anl .g > div:nth-child(3){transform:translateY(-12px)}.anl .g > div:nth-child(4){transform:translateY(-48px)}
@media (max-width:1023px){.anl .g{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:120px}.anl .g > div{transform:none!important}}
@media (max-width:759px){.anl{border-radius:28px;padding-block:70px}.anl .g{grid-template-columns:minmax(0,1fr)}}
.car{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:48px;padding-bottom:6px}
.car::-webkit-scrollbar{display:none}
.car > div{position:relative;flex:0 0 372px;height:520px;border-radius:30px;overflow:hidden;scroll-snap-align:start;color:#fff}
.car > div img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.car .lb{position:absolute;left:14px;right:14px;bottom:14px;border-radius:22px;padding:22px 22px 24px}
.navb{display:flex;gap:10px}
.navb button{width:48px;height:48px;border-radius:999px;background:#E8E1D6;border:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
@media (max-width:759px){.car > div{flex-basis:82%;height:460px}.navb{display:none}}

/* Events */
.evb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:300px;gap:20px;margin-top:56px}
.evc{position:relative;border-radius:30px;overflow:hidden;background:var(--graphit2);color:#fff;box-shadow:0 26px 50px -28px rgba(0,0,0,.8)}
.evc > img,.evc > video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.evc .sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,17,16,0) 45%,rgba(14,17,16,.9) 100%)}
.evc .lb{position:absolute;left:16px;right:16px;bottom:16px;border-radius:22px;padding:20px 22px 22px}
.evc .lb p{margin:8px 0 0;font-size:16px;line-height:1.5;color:#DADFDC}
.evb .big{grid-column:span 2;grid-row:span 2}.evb .tall{grid-row:span 2}.evb .sm{grid-row:span 1;min-height:420px}
.play{position:absolute;left:50%;top:44%;width:74px;height:74px;margin:-37px 0 0 -37px;border-radius:999px;background:rgba(220,88,18,.95);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 40px -10px rgba(220,88,18,.7);z-index:3}
.kb{animation:kb 16s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.12) translate(-2%,-1.5%)}}
.ev-more{margin-top:140px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-radius:30px;padding:30px 34px;border:1px dashed rgba(255,255,255,.22)}
@media (max-width:899px){.evb{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.evb > *{grid-column:auto!important;grid-row:auto!important;min-height:420px}.evb .tall{min-height:560px}.ev-more{margin-top:20px;flex-direction:column;align-items:flex-start}}
.bubble-msg{display:flex;gap:16px;align-items:flex-end}
.bubble-msg .who{flex:none;width:52px;height:52px;border-radius:999px;background:#3A403D;display:flex;align-items:center;justify-content:center}
.bubble-msg .tx{background:#fff;color:var(--text);border-radius:34px 34px 34px 10px;padding:26px 30px;font:600 clamp(24px,2.6vw,34px)/1.25 var(--f-d);letter-spacing:-.02em;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.work{display:grid;grid-template-columns:8fr 4fr;gap:20px;margin-top:48px}
.work .scr{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:16/9;background:var(--graphit2)}
.work .scr video,.work .scr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tabs{display:flex;flex-direction:column;gap:12px}
.tab{display:block;width:100%;text-align:left;border-radius:22px;padding:20px 22px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#C9CECB;cursor:pointer;transition:background .3s,border-color .3s}
.tab.on{background:rgba(255,255,255,.08);border-color:rgba(238,122,60,.6);color:#fff}
.tab .k{margin:0;font:600 13px var(--f-b);letter-spacing:.06em;text-transform:uppercase;color:var(--grau2)}.tab.on .k{color:var(--orange-hell)}
.tab .t{margin:8px 0 0;font:700 22px var(--f-d)}
@media (max-width:899px){.work{grid-template-columns:minmax(0,1fr)}}
.fade-to{height:520px}

/* YouTube für Kanzleien (Navy, sachlich) */
.kz-hero{position:relative;background:var(--navy);color:#F2F5F8;overflow:hidden}
.kz-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 600px at 85% 20%,rgba(220,88,18,.16),rgba(220,88,18,0));pointer-events:none}
.kz-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:clamp(120px,13vw,170px) clamp(80px,8vw,120px)}
@media (max-width:899px){.kz-grid{grid-template-columns:minmax(0,1fr);gap:44px}}
.yt{border-radius:28px;background:#fff;color:#0F0F0F;padding:22px;box-shadow:0 40px 90px -40px rgba(0,0,0,.7)}
.yt .q{display:flex;align-items:center;gap:12px;border:1.5px solid #D9D9D9;border-radius:999px;padding:13px 18px;font-size:17px;min-height:52px}
.yt .q .caret{width:2px;height:20px;background:var(--orange);animation:blink 1s infinite}
.yt .r{display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:16px;margin-top:18px;transition:opacity .35s,transform .35s}
.yt .r.off{opacity:0;transform:translateY(10px)}
.yt .th{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9}.yt .th img{width:100%;height:100%;object-fit:cover}
.yt .th .du{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.8);color:#fff;font:600 12px var(--f-b);padding:2px 5px;border-radius:4px}
.yt .rt{margin:0;font:600 18px/1.3 var(--f-b)}
.yt .ch{margin:8px 0 0;font-size:14px;color:#606060}
.yt .lbl{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.pair{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-radius:30px;overflow:hidden;background:#fff;color:var(--text);box-shadow:0 30px 70px -40px rgba(12,24,36,.6)}
.pair > div{padding:clamp(28px,3vw,40px)}
.pair > div + div{border-left:1px solid #E6E8EC}
.pair .ic{width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
@media (max-width:899px){.pair{grid-template-columns:minmax(0,1fr)}.pair > div + div{border-left:0;border-top:1px solid #E6E8EC}}
.bars{display:flex;flex-direction:column;gap:26px;margin-top:40px}
.bars .lab{display:flex;justify-content:space-between;font:600 16px var(--f-b);margin-bottom:10px}
.bars .tr{position:relative;height:16px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:8px}
.bars .tr i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;width:0;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.bars .tr.a i{background:rgba(255,255,255,.35)}.bars .tr.b i{background:var(--orange)}
.bars.is-in .tr i{width:var(--v)}
.law{border-radius:30px;border:1px solid rgba(255,255,255,.16);padding:clamp(28px,3vw,44px);display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:start}
.law .seal{width:64px;height:64px;border-radius:999px;border:2px solid var(--orange-hell);display:flex;align-items:center;justify-content:center}
@media (max-width:759px){.law{grid-template-columns:minmax(0,1fr)}}

/* Employer Branding (hell, Menschen zuerst) */
.eb-hero{position:relative;background:var(--white);overflow:hidden}
.eb-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-block:clamp(120px,13vw,170px) clamp(70px,8vw,110px)}
@media (max-width:899px){.eb-grid{grid-template-columns:minmax(0,1fr)}}
.fan{position:relative;height:620px}
.fan .s{position:absolute;top:50%;width:250px;aspect-ratio:9/16;border-radius:28px;overflow:hidden;box-shadow:0 40px 70px -35px rgba(0,0,0,.45);background:#ddd}
.fan .s img,.fan .s video{width:100%;height:100%;object-fit:cover}
.fan .s1{left:6%;transform:translateY(-50%) rotate(-8deg)}
.fan .s2{left:50%;margin-left:-125px;transform:translateY(-54%);z-index:2;width:270px;margin-left:-135px}
.fan .s3{right:6%;transform:translateY(-46%) rotate(7deg)}
.fan .tag{position:absolute;left:12px;right:12px;bottom:12px;border-radius:18px;padding:12px 14px;font:600 14px/1.3 var(--f-b)}
.fan .bar{position:absolute;left:12px;right:12px;top:12px;height:3px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.fan .bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:#fff;animation:prog 6s linear .8s 1 forwards}
@keyframes prog{from{width:0}to{width:100%}}
@media (max-width:899px){.fan{height:480px}.fan .s{width:180px}.fan .s2{width:200px;margin-left:-100px}}
@media (max-width:420px){.fan .s{width:150px}.fan .s2{width:172px;margin-left:-86px}.fan .s1{left:0}.fan .s3{right:0}}
.ads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:44px;align-items:stretch}
.ad{border-radius:24px;background:#fff;border:1px solid #E6E1D8;padding:22px;display:flex;flex-direction:column;gap:12px;color:#8C8C90}
.ad .l{height:12px;border-radius:6px;background:#EEE9E1}
.ad .k{display:flex;flex-wrap:wrap;gap:6px}.ad .k span{font-size:13px;background:#F6F5F2;border-radius:999px;padding:4px 9px}
.ad.real{position:relative;padding:0;overflow:hidden;color:#fff;border:0;box-shadow:0 30px 60px -30px rgba(220,88,18,.55);transform:rotate(1.5deg)}
.ad.real img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.ad.real .lb{position:absolute;left:12px;right:12px;bottom:12px;border-radius:18px;padding:14px 16px}
@media (max-width:899px){.ads{grid-template-columns:repeat(2,minmax(0,1fr))}.ad.real{min-height:320px}}
.stories{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:44px;padding:6px 2px 10px}
.stories::-webkit-scrollbar{display:none}
.story{position:relative;flex:0 0 270px;aspect-ratio:9/16;border-radius:26px;overflow:hidden;scroll-snap-align:start;color:#fff;box-shadow:0 26px 50px -30px rgba(0,0,0,.5)}
.story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.story .sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 45%,rgba(0,0,0,.85) 100%)}
.story .tt{position:absolute;left:18px;right:18px;bottom:18px}
.story .tt b{display:block;font:700 22px/1.15 var(--f-d);letter-spacing:-.02em}
.story .tt span{display:block;margin-top:8px;font-size:15px;color:#E3E6E4;line-height:1.45}
.fmt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:48px}
.fmt > div{border-radius:28px;background:#fff;padding:30px 32px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 14px 34px -20px rgba(0,0,0,.22)}
.fmt > div.main{grid-row:span 2;background:var(--graphit);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;min-height:420px;position:relative;overflow:hidden}
.fmt > div.main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.fmt > div.main > *{position:relative}
@media (max-width:759px){.fmt{grid-template-columns:minmax(0,1fr)}}

/* Interne Kommunikation (hell, Mitarbeitende im Mittelpunkt) */
.inbox{border-radius:28px;background:#fff;box-shadow:0 40px 80px -40px rgba(0,0,0,.35);overflow:hidden}
.inbox .top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #EEE9E1;font:600 15px var(--f-b)}
.inbox .top .cnt{background:var(--orange);color:var(--navy);border-radius:999px;padding:3px 10px;font-size:13px}
.inbox .m{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid #F2EEE7;color:#8C8C90;font-size:15px}
.inbox .m i{width:8px;height:8px;border-radius:999px;background:#2F6FDE}
.inbox .m b{display:block;color:#3A3A3C;font-weight:600}
.voice{position:relative;border-radius:28px;overflow:hidden;min-height:360px;color:#fff;box-shadow:0 40px 80px -40px rgba(0,0,0,.5)}
.voice img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.voice .lb{position:absolute;left:14px;right:14px;bottom:14px;border-radius:22px;padding:18px 20px}
.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin-top:48px}
.vs .or{font:700 15px var(--f-b);color:var(--grau2);text-transform:uppercase;letter-spacing:.08em}
@media (max-width:899px){.vs{grid-template-columns:minmax(0,1fr)}.vs .or{text-align:center}}
.stat3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.stat3 > div{border-radius:28px;padding:30px 30px 32px}
@media (max-width:899px){.stat3{grid-template-columns:minmax(0,1fr)}}
.ikf{display:grid;grid-template-columns:7fr 5fr;gap:20px;margin-top:48px}
.ikf .podc{position:relative;border-radius:30px;overflow:hidden;min-height:520px;color:#fff;text-decoration:none;display:block}
.ikf .podc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ikf .podc .lb{position:absolute;left:16px;right:16px;bottom:16px;border-radius:24px;padding:24px 26px}
.ikf .rest{display:flex;flex-direction:column;gap:16px}
.ikf .rest > div{border-radius:26px;background:#fff;padding:24px 26px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 14px 34px -22px rgba(0,0,0,.22);flex:1}
@media (max-width:899px){.ikf{grid-template-columns:minmax(0,1fr)}.ikf .podc{min-height:440px}}
.rel{display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:26px;padding:24px 28px;text-decoration:none;flex-wrap:wrap}
.rel.l{background:#fff;color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.05),0 14px 34px -22px rgba(0,0,0,.22)}
.rel.d{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.12)}

/* Erstgespräch-Seite, Rechtliches, 404 */
.book{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:899px){.book{grid-template-columns:minmax(0,1fr)}}
.cal{border-radius:28px;background:#fff;padding:26px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 20px 44px -24px rgba(0,0,0,.25)}
.cal .days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:14px;text-align:center;font-size:14px}
.cal .days span{padding:9px 0;border-radius:10px;color:#C2C2C6}
.cal .days span.ok{color:var(--text);background:#F6F5F2;cursor:pointer}
.cal .days span.sel{background:var(--orange);color:var(--navy);font-weight:700}
.cal .slots{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.cal .slots span{border:1px solid #E2DED8;border-radius:999px;padding:8px 14px;font-size:15px}
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.form label{display:flex;flex-direction:column;gap:6px;font:600 14px var(--f-b);color:#3A3A3C}
.form label.full{grid-column:1/-1}
.form input,.form select,.form textarea{font:400 16px var(--f-b);padding:13px 14px;border-radius:14px;border:1px solid #DDD6CB;background:#fff;color:var(--text);width:100%;min-width:0}
.form textarea{min-height:110px;resize:vertical}
@media (max-width:759px){.form{grid-template-columns:minmax(0,1fr)}}
.legal{max-width:760px}
.legal h2{margin:42px 0 10px;font:700 24px var(--f-d);letter-spacing:-.02em}
.legal p{margin:0 0 12px}
.e404 .h1{font-size:clamp(44px,7vw,96px)}
.linkgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px}
.linkgrid a{border-radius:20px;background:#fff;padding:18px 20px;text-decoration:none;font:600 17px var(--f-b);box-shadow:0 1px 2px rgba(0,0,0,.05),0 12px 28px -20px rgba(0,0,0,.25)}
@media (max-width:759px){.linkgrid{grid-template-columns:minmax(0,1fr)}}

/* =================== Ergänzungen Prototyp =================== */
.view{background:var(--sand)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tlink{background:none;border:0;padding:0;cursor:pointer;color:#fff;font:500 16px var(--f-b)}
.isl-c .wave.wM{display:none}
@media (max-width:759px){.isl-c .wave.wC{display:none}.isl-c .wave.wM{display:block}}
.isl a,.isl button{-webkit-tap-highlight-color:transparent}
.menu[hidden]{display:block!important;visibility:hidden}
.menu.open{visibility:visible}
.menu .big a small{display:block;font:400 16px/1.4 var(--f-b);letter-spacing:0;color:var(--grau-d);margin-top:4px}
.menu .big a:hover small{color:#C9CECB}
.menu .side .mail-t{margin:10px 0 0;font:600 20px var(--f-b);color:#fff;user-select:all}
.menu .legal-l{display:flex;gap:18px;margin-top:20px}.menu .legal-l a{font-size:15px;color:var(--grau-d)}
body.menu-on{overflow:hidden}
.mail-t{user-select:all}
.foot .cp{display:flex;justify-content:space-between;gap:12px 30px;flex-wrap:wrap}
.foot .mail-t{color:#fff}

/* Startseite */
@media (min-width:760px){.home-hero .vid{position:absolute;inset:0;overflow:hidden}}
.home-hero .vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-ov .mid .btn{min-height:56px}
.cw.on{color:#fff}
.lst-words{display:none}
.lst{background:var(--graphit)}
@media (max-width:759px){
 .trust{display:none}
 .home-ov .mid img{width:min(300px,64vw)}
 .lst .w{padding-top:34px}
 .lst-words{display:block;font-size:34px;margin:0 0 54px}
 .lst h2{text-align:left;font-size:44px}
}
.about .por{position:relative}
.about{background:transparent}

/* Ablauf: Varianten */
.abl.on-dark .panel{background:rgba(255,255,255,.05)}
.abl.on-light-navy .panel{background:rgba(12,24,36,.95);border-color:rgba(255,255,255,.1);box-shadow:0 50px 120px -50px rgba(12,24,36,.55)}
.abl.on-light-navy .mk{box-shadow:0 0 0 5px #0C1824}
.abl.on-light-navy .c{background:rgba(255,255,255,.06)}
.abl .track .mk{position:absolute}
.abl .cut{transition:width .7s cubic-bezier(.2,.8,.2,1)}
.abl .n{margin:0}
@media (max-width:899px),(max-height:620px){.abl .panel{margin-right:max(12px,env(safe-area-inset-right,0px))}}

/* Fragen */
.faq .lights .l1{left:-200px;top:40px;width:820px;height:820px;background:radial-gradient(closest-side,rgba(220,88,18,.22),rgba(220,88,18,0))}
.faq .lights .l2{right:-240px;bottom:-260px;width:980px;height:980px;background:radial-gradient(closest-side,rgba(201,162,74,.3),rgba(201,162,74,0))}
.faq .lights .l3{left:36%;top:16%;width:420px;height:420px;background:radial-gradient(closest-side,rgba(255,255,255,.8),rgba(255,255,255,0))}
.faq .grid{z-index:1}
.faq .h2{font-size:clamp(40px,4.6vw,64px)}
.faq .li.act::before{content:"";position:absolute;left:-20px;top:50%;width:11px;height:11px;margin-top:-5px;border-radius:999px;background:var(--orange)}
.faq .right{min-width:0}
.faq .chat{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 110px);mask-image:linear-gradient(180deg,transparent 0,#000 110px);padding-top:110px}
.faq .ans .dots{background:#fff}
.faq .inp .mail svg{flex:none}
@media (max-width:899px){
 .faq .left{height:auto;padding-bottom:0}
 .faq .h2{font-size:40px}
 .faq .meta .hint{display:none}
 .faq .wheel{flex:none}
 .faq .mask{position:static;-webkit-mask-image:none;mask-image:none}
 .faq .ask-q > div,.faq .ans > div{max-width:88%}
 .faq .ans > div{font-size:16.5px}.faq .ask-q > div{font-size:18px}
 .faq .av{width:32px;height:32px;font-size:12px}
 .faq .lights .l3{display:none}
}

/* Erstgespräch-Szene */
.ek .tx{min-width:0}
.ek .eb{margin:0 0 16px}
.ek.ek-static{background:radial-gradient(1200px 700px at 30% 40%,#232826,var(--graphit))}
#ekPill{transition:none}
@media (max-width:759px){#ekPill img{left:26px;top:13px;height:28px}#ekPill span{right:9px;top:10px;width:44px;height:44px}}
@media (max-width:899px){.ek .tx{display:flex;flex-direction:column}.ek .alt{margin-top:auto;padding-top:34px;font-size:15px}.ek .mailt{font-size:18px}}

/* Gemeinsame Bausteine der Unterseiten */
.hero2 .hero-copy{min-width:0}
.ik-media,.ip-media{position:relative}
.ip-media .ghost{left:-40px;bottom:-60px;width:380px;height:200px}
@media (max-width:899px){.ik-media,.ip-media{margin-bottom:70px}.ep-card .ttl{font-size:20px}}
.ep-card .bar{height:40px}
.src{margin-top:18px}
.to-sand{height:420px;background:linear-gradient(180deg,var(--white),var(--sand))}
.to-sand.from-dark{background:var(--to-sand-dark,linear-gradient(180deg,var(--graphit),var(--sand)))}
.to-sand.from-kz{background:linear-gradient(180deg,#F4F6F9,var(--sand))}
.to-sand.from-white{background:linear-gradient(180deg,var(--white),var(--sand))}
@media (max-width:759px){.to-sand{height:260px}}
.relw{padding-block:10px 80px}
.rel .go{display:inline-flex;align-items:center;gap:6px;font:600 16px var(--f-b);color:var(--orange-ink)}
.rel.d .go{color:var(--orange-hell)}
.tn{margin:0;font:700 15px var(--f-b);color:var(--orange-ink);letter-spacing:.04em}
.lift.done{will-change:auto}

/* Interne Kommunikation */
.v-ik .ik-hero{background:radial-gradient(900px 600px at 85% 20%,rgba(220,88,18,.08),rgba(220,88,18,0)),var(--white)}
.v-ik .ik-prob{background:linear-gradient(180deg,var(--white) 0,var(--sand) 420px)}
@media (min-width:900px){.ik-media .ep-card{left:-60px;bottom:-46px;width:400px}.v-ip .ip-media .ep-card{left:-30px}}
.inbox .m span:not(.micro){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbox .m b{white-space:nowrap}
.voice{min-height:420px}
.vs{margin-top:56px}
.stat3 .card .p{font-size:16.5px}
.topics .card{height:100%}

/* Interner Podcast */
.v-ip{background:var(--white)}
.v-ip .ip-hero{background:radial-gradient(900px 600px at 80% 30%,rgba(220,88,18,.07),rgba(220,88,18,0)),var(--white)}
.v-ip .ip-media .ph-img{max-width:520px;margin-left:auto}
.v-ip .stat-tilt .a .big-n{color:var(--navy)}
.trk .row .wvs{color:#D2C9BC;transition:color .3s}
@media (hover:hover){.trk .row:hover .wvs{color:var(--orange)}}
.v-ip .trk,.v-ip .trk .row{border-color:#E3E3E8}
@media (hover:hover){.v-ip .trk .row:hover{background:#F5F5F7}}
.ip-teil .over-img{margin-bottom:110px}
@media (max-width:899px){.ip-teil .over-img{margin-bottom:0}}
.price-list > div{box-shadow:0 1px 2px rgba(0,0,0,.05),0 12px 28px -22px rgba(0,0,0,.25)}
.v-ip .price-list > div{background:#F5F5F7;box-shadow:none}

/* Expertenpositionierung */
.v-ep .ep-hero{background:radial-gradient(900px 620px at 80% 30%,rgba(220,88,18,.16),rgba(220,88,18,0)),var(--graphit)}
.ep-weg .sticky-h{position:sticky;top:140px}
.weg .s.r .nn{color:var(--orange-hell)}
.ep-beleg{background:var(--graphit)}
.ep-beleg .big-n{font-size:clamp(60px,7vw,96px)}
.search{background:rgba(28,32,30,.78)}
.tilt{transform:rotate(-3deg) translate(-14px,10px)}

/* YouTube für Kanzleien */
.v-kz{background:#F4F6F9}
.kz-light{background:#F4F6F9}
.kz-hero .crumb,.kz-hero .crumb a{color:#9FB0C3}
.kz-hero .lead{color:#C8D2DE}
.yt .r{min-height:124px}
.ytdots{display:flex;gap:6px;margin-top:16px}
.ytdots span{width:7px;height:7px;border-radius:999px;background:#D9D9D9;transition:width .3s,background .3s}
.ytdots span.on{width:20px;background:var(--orange)}
.qv{display:flex;flex-direction:column;gap:12px;margin-top:30px}
.qv > div{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.2fr);gap:14px;align-items:center;background:#fff;border-radius:20px;padding:14px 18px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 26px -22px rgba(12,24,36,.4)}
.qv .qq{font:500 15.5px var(--f-b);color:#606060;background:#F2F2F2;border-radius:999px;padding:8px 14px}
.qv .arr{color:var(--orange-ink)}
.qv .vt{display:flex;align-items:center;gap:10px;font:600 16px/1.3 var(--f-b);color:var(--navy)}
.qv .vt b{flex:none;width:30px;height:30px;border-radius:999px;background:var(--orange);display:flex;align-items:center;justify-content:center}
.qv .vt b svg{width:13px;height:13px}
@media (max-width:759px){.qv > div{grid-template-columns:minmax(0,1fr)}.qv .arr{transform:rotate(90deg);justify-self:start}}
.kz-float{border-radius:44px;padding:clamp(34px,5vw,72px);box-shadow:0 50px 100px -50px rgba(12,24,36,.6);position:relative;overflow:hidden}
.kz-float::before{content:"";position:absolute;inset:0;background:radial-gradient(800px 400px at 90% 0,rgba(220,88,18,.16),rgba(220,88,18,0));pointer-events:none}
.kz-float > *{position:relative}
.bars-g{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}
.bars .lab{display:flex;justify-content:space-between;font:600 16px var(--f-b);color:#C8D2DE;margin:0}
@media (max-width:759px){.bars-g{grid-template-columns:minmax(0,1fr)}.kz-float{border-radius:28px}}
.pair .h3{font-size:24px}
.law{background:#fff;border-color:#E3E7EE}

/* Employer Branding */
.v-eb{background:var(--white)}
.v-eb .eb-prob{background:linear-gradient(180deg,var(--white) 0,var(--sand) 360px,var(--sand) calc(100% - 360px),var(--white) 100%)}
.fan .tag{color:#fff}
.fan .s{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover){.fan .s1:hover{transform:translateY(-52%) rotate(-6deg)}.fan .s3:hover{transform:translateY(-48%) rotate(5deg)}}
.story .segs{position:absolute;left:12px;right:12px;top:12px;display:flex;gap:4px}
.story .segs i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.4)}
.story .segs i.on{background:#fff}
.stories .story{flex:0 0 clamp(230px,24vw,290px)}
.fmt .wide{grid-column:2}
@media (max-width:759px){.fmt .wide{grid-column:auto}}
.ads .ad{min-height:300px}

/* Unternehmensauftritt */
.v-ua{background:var(--white)}
.hero-img .shade-b{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,17,16,.5) 0%,rgba(14,17,16,.15) 60%,rgba(14,17,16,0) 100%),linear-gradient(180deg,rgba(14,17,16,.25),rgba(14,17,16,0) 30%,rgba(14,17,16,.35))}
.hero-img .glasscard .crumb,.hero-img .glasscard .crumb a{color:#C9CECB}
.hero-img .glasscard .lead{color:#E3E6E4}
.ua-prob{position:relative}
.anl .num{margin:0;font:700 30px/1 var(--f-d);color:var(--orange-hell);letter-spacing:-.03em}
.anl .h2{max-width:none}
.car{padding:6px 2px 10px}

/* Events */
.v-ev{background:var(--graphit)}
.ev-hero .media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ev-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,17,16,.88) 0%,rgba(14,17,16,.55) 42%,rgba(14,17,16,.05) 75%),linear-gradient(180deg,rgba(14,17,16,.35) 0%,rgba(14,17,16,0) 30%,rgba(14,17,16,.25) 70%,#141816 100%)}
.ev-hero .crumb,.ev-hero .crumb a{color:#C9CECB}
.ev-prob{background:radial-gradient(900px 500px at 70% 30%,rgba(220,88,18,.16),rgba(220,88,18,0)),var(--graphit)}
.ev-prob .bubble-msg h2.tx{margin:0}
.ev-work{background:radial-gradient(1100px 520px at 30% 60%,rgba(220,88,18,.12),rgba(220,88,18,0)),var(--graphit)}
.evc .h3{font-size:24px}
@media (min-width:900px){.evb{grid-template-rows:300px 300px 420px}.evb .sm{min-height:0}}
.need-l{color:#8E938F}
.tabs .tab{font-family:var(--f-b)}

/* Erstgespräch-Seite */
.eg{padding-block:clamp(120px,13vw,170px) clamp(80px,9vw,130px)}
.ticks{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.ticks li{display:flex;gap:12px;align-items:flex-start;font-size:17px;line-height:1.5}
.ticks li svg{margin-top:4px}
.eg-por{position:relative;display:flex;align-items:center;gap:16px;margin-top:34px;padding:12px;border-radius:24px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05),0 14px 34px -22px rgba(0,0,0,.25);max-width:420px}
.eg-por img{width:96px;height:96px;border-radius:18px;object-fit:cover}
.eg-por b{display:block;font-size:18px}.eg-por span:not(.ph){display:block;color:var(--grau);font-size:15px}
.eg-por .ph{font-size:11px}
.cal .mon{margin-top:16px;font:600 16px var(--f-b)}
.cal .days.wd span{color:var(--grau2);font-weight:600;font-size:12.5px;padding:4px 0}
.cal .days.dd span:empty{visibility:hidden}
.form input.bad,.form select.bad{border-color:var(--orange);box-shadow:0 0 0 3px rgba(220,88,18,.15)}
.thanks{padding:10px 0}
.need{display:inline}

/* Rechtliches und Fehlerseite */
.legal-s{padding-top:clamp(120px,13vw,170px)}
.e404{padding-top:clamp(130px,14vw,190px);min-height:80svh}

.nw{white-space:nowrap}
@media (min-width:900px){.split.even{grid-template-columns:1fr 1fr}}

.words.l.sm{font-size:clamp(28px,3vw,42px)}
@media (min-width:900px){.split.rev{grid-template-columns:7fr 5fr}}

.abl.on-dark{background:radial-gradient(900px 520px at 50% 50%,rgba(220,88,18,.14),rgba(220,88,18,0)),var(--graphit)}
.btn{white-space:nowrap}
.ev-more .btn{flex:none}
@media (min-width:760px){.fmt > div.main{grid-row:span 3;min-height:560px}}
.kz-light.sheet-top{background:#F4F6F9}
@media (max-width:899px){
 .faq .li{width:auto}
 .faq .prev{display:none}
 .faq .chat{-webkit-mask-image:none;mask-image:none;padding-top:0}
}
body[data-view="erstgespraech"] .foot,body[data-view="impressum"] .foot,body[data-view="datenschutz"] .foot,body[data-view="404"] .foot{border-radius:52px 52px 0 0;margin-top:-52px;position:relative;z-index:3}
@media (max-width:759px){body[data-view="erstgespraech"] .foot,body[data-view="impressum"] .foot,body[data-view="datenschutz"] .foot,body[data-view="404"] .foot{border-radius:30px 30px 0 0;margin-top:-30px}}
@media (max-width:759px){.yt .r{grid-template-columns:132px minmax(0,1fr);gap:12px}.yt .rt{font-size:16px}.yt{padding:16px}}


/* =================== Version 1.1 (28.10.2026) =================== */
/* Leiste: mittig, immer sichtbar */
.nav{position:fixed;z-index:60;top:calc(14px + env(safe-area-inset-top,0px));left:0;right:0;display:flex;justify-content:center;pointer-events:none;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
.nav-isl{pointer-events:auto;position:relative;max-width:100%;border-radius:38px;background:rgba(20,24,22,.86);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 34px -14px rgba(0,0,0,.45);color:#fff;overflow:hidden;transition:width .45s cubic-bezier(.2,.8,.2,1),border-radius .35s,background-color .35s,border-color .35s,box-shadow .35s}
.nav-row{--h:72px;--fs:15.5px;--lh:30px;--bh:48px;--gap:22px;position:relative;height:var(--h);display:flex;align-items:center;justify-content:center;gap:var(--gap);padding:0 10px 0 26px;transition:height .4s cubic-bezier(.2,.8,.2,1) var(--dl,0s),gap .4s var(--dl,0s),padding .4s var(--dl,0s)}
.nav-wave{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;transition:opacity .3s}
.nav-logo{display:block;flex:none;max-width:140px;overflow:hidden;transition:max-width .4s,opacity .3s,margin .4s}
.nav-logo img{display:block;height:var(--lh);width:auto;transition:height .4s var(--dl,0s)}
.nav-sep{flex:none;width:1px;height:26px;background:rgba(255,255,255,.18);transition:opacity .3s,margin .4s}
.nav-l{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:6px 2px;background:none;border:0;color:#fff;text-decoration:none;font:500 var(--fs) var(--f-b);white-space:nowrap;cursor:pointer;transition:font-size .4s var(--dl,0s),color .2s}
.nav-l:hover,.nav-l[aria-expanded="true"]{color:var(--orange-hell)}
.nav-dd-btn svg{transition:transform .3s}
.nav-dd-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.nav-cta{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;flex:none;height:var(--bh);padding:0 26px;border-radius:999px;background:var(--orange);color:var(--navy);font:600 var(--fs) var(--f-b);text-decoration:none;white-space:nowrap;transition:height .4s var(--dl,0s),font-size .4s var(--dl,0s),padding .4s var(--dl,0s),filter .2s}
.nav-cta:hover{filter:brightness(1.08)}
.nav-menu{display:none}
body.compact .nav-isl:not(:hover):not(.open) .nav-row{--h:56px;--fs:14px;--lh:24px;--bh:38px;--gap:18px;--dl:.18s;padding-left:22px}
body.compact .nav-isl:not(:hover):not(.open) .nav-cta{padding:0 18px}
body.attop .nav-isl:not(.open){background-color:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body.attop .nav-isl:not(.open) .nav-logo{max-width:0;opacity:0;margin-right:calc(-1*var(--gap))}
body.attop .nav-isl:not(.open) .nav-sep{opacity:0;margin-right:calc(-1*var(--gap) - 1px)}
body.attop .nav-isl:not(.open) .nav-wave{opacity:0}
body.attop .nav-isl:not(.open) .nav-l{text-shadow:0 1px 12px rgba(0,0,0,.35)}
/* Leistungen als Glas nach unten */
.nav-isl.open{border-radius:30px;background-color:rgba(20,24,22,.9)}
.nav-dd{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.2,.8,.2,1)}
.dd-grid{width:var(--ddw,820px);margin-left:calc(50% - var(--ddw,820px)/2);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:2px 14px 16px;opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .3s}
.nav-isl.open .dd-grid{opacity:1;transform:none;transition:opacity .3s .12s,transform .35s .12s}
.dd-b{position:relative;grid-column:span 2;display:flex;flex-direction:column;border-radius:22px 22px 22px 6px;padding:16px 18px 18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);transition:border-color .25s,background-color .25s,transform .25s}
.dd-b.big{grid-column:span 3}
.dd-b:hover{border-color:rgba(238,122,60,.6);background-color:rgba(255,255,255,.1);transform:translateY(-2px)}
.dd-main{color:#fff;text-decoration:none;font:700 19px/1.2 var(--f-d);letter-spacing:-.02em}
.dd-main::after{content:"";position:absolute;inset:0;border-radius:inherit}
.dd-b:hover .dd-main{color:var(--orange-hell)}
.dd-s{display:block;margin-top:6px;font:400 14px/1.4 var(--f-b);color:#B9BEBB}
.dd-sub{position:relative;z-index:2;align-self:flex-start;display:inline-flex;align-items:center;gap:4px;margin-top:10px;font:600 13.5px var(--f-b);color:var(--orange-hell);text-decoration:none}
.dd-sub:hover{text-decoration:underline}
@media (max-width:759px){
 .nav{top:calc(10px + env(safe-area-inset-top,0px))}
 .nav-isl{width:100%}
 .nav-row{--h:60px;--fs:15px;--lh:26px;--bh:40px;--gap:10px;justify-content:flex-start;padding:0 8px 0 20px}
 body.compact .nav-isl:not(.open) .nav-row{--h:52px;--fs:14px;--lh:22px;--bh:34px;--gap:8px;--dl:0s}
 body.compact .nav-isl:not(.open) .nav-cta{padding:0 14px}
 .nav-sep,.nav-l,.nav-dd{display:none}
 .nav-cta{margin-left:auto;padding:0 18px}
 .nav-menu{display:flex;flex:none;align-items:center;justify-content:center;width:calc(var(--bh) + 4px);height:calc(var(--bh) + 4px);border-radius:999px;background:rgba(255,255,255,.12);border:0;color:#fff;cursor:pointer;transition:width .4s,height .4s}
 body.attop .nav-isl:not(.open) .nav-menu{background:rgba(20,24,22,.45)}
}

/* Glasvorhang mit neuem Satz */
.curtain .txt{font-size:inherit;letter-spacing:normal;line-height:normal}
.curtain .ch2{margin:0 auto;max-width:1100px;font:700 clamp(44px,5.6vw,84px)/1.02 var(--f-d);letter-spacing:-.05em}
.curtain .ct{margin:26px auto 0;max-width:720px;font:400 clamp(19px,1.6vw,23px)/1.5 var(--f-b);color:#D5D9D7;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s}
.curtain .ct.on{opacity:1;transform:none}
.lst-intro{margin:0 0 54px}
.lst-intro .lead{margin-top:16px;color:#C9CECB;max-width:640px}
@media (min-width:760px){.lst-intro{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}}
@media (max-width:759px){.lst-intro .h2{font-size:36px}}

/* Über mich */
.about .role{margin:10px 0 0;font:600 17px var(--f-b);color:var(--orange-ink)}
.about .txt .lead{font-size:clamp(17px,1.4vw,20px)}

/* Erstgespräch: fährt in einem Zug auf und bleibt stehen */
.ek{min-height:auto}
.ek .c{min-height:min(100svh,920px)}
.js .ek .c{opacity:0;transition:opacity .6s cubic-bezier(.2,.8,.2,1)}
html:not(.js) .ek,.ek.ek-filled{background:rgba(20,24,22,.96)}
.ek.ek-filled[data-round]{border-radius:0 0 48px 48px}
#ekPanel{position:fixed;z-index:40;left:0;top:0;width:0;height:0;opacity:0;pointer-events:none;background:rgba(20,24,22,.96);backdrop-filter:blur(30px) saturate(1.3);-webkit-backdrop-filter:blur(30px) saturate(1.3);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px -30px rgba(0,0,0,.6);overflow:hidden}
@media (max-width:899px){.ek .c{min-height:auto}.ek.ek-filled[data-round]{border-radius:0 0 30px 30px}}

/* Häufige Fragen als eigene Box */
.faq{height:auto!important;padding-block:clamp(70px,8vw,120px);overflow:hidden}
.faq .lights{position:absolute;inset:0;pointer-events:none}
.fbox{position:relative;height:clamp(560px,78svh,700px);border-radius:44px;background:rgba(255,255,255,.34);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 50px 110px -60px rgba(120,60,20,.5);overflow:hidden}
.fbox .bgw{position:absolute;left:0;right:0;top:50%;height:80px;margin-top:-40px;pointer-events:none}
.fbox .grid{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:5fr 7fr;gap:40px;padding:0 clamp(28px,4vw,56px)}
.fbox .left{padding-top:52px;padding-bottom:28px}
.fbox .h2{font-size:clamp(36px,3.8vw,56px)}
.fbox .chat{bottom:118px;padding-top:110px}
.fbox .inp{left:48px;bottom:36px}
.fnav{display:flex;gap:8px;margin-top:10px}
.fnav button{width:42px;height:42px;border-radius:999px;border:1px solid rgba(29,29,31,.12);background:rgba(255,255,255,.6);color:#1D1D1F;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,border-color .2s}
.fnav button:hover{background:#fff;border-color:rgba(220,88,18,.5)}
.faq .li{transition:font-size .28s cubic-bezier(.2,.8,.2,1),opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1),height .45s,color .2s}
.faq .li:hover{color:var(--orange-ink)}
@media (max-width:899px){
 .fbox{height:auto;border-radius:30px}
 .fbox .grid{display:flex;flex-direction:column;gap:0;padding:28px 16px 16px}
 .fbox .left{padding:0}
 .fbox .right{position:relative;min-height:400px}
 .fbox .chat{bottom:76px;padding-top:0}
 .fbox .inp{left:0;right:0;bottom:6px}
 .fnav{display:none}
 .fbox .h2{font-size:36px}
}
body[data-view="start"] .foot{border-radius:52px 52px 0 0;margin-top:-52px;position:relative;z-index:3}
@media (max-width:759px){body[data-view="start"] .foot{border-radius:30px 30px 0 0;margin-top:-30px}
 .fbox .inp{padding-left:14px}.fbox .inp::before{white-space:nowrap;font-size:14px}.fbox .mail{padding:0 12px;font-size:14px}}

.lst::before{content:"";position:absolute;left:0;right:0;bottom:0;top:var(--ny,100%);background-image:var(--noise,none);-webkit-mask-image:linear-gradient(180deg,transparent,#000 220px);mask-image:linear-gradient(180deg,transparent,#000 220px);pointer-events:none}


/* =================== Version 1.2 (28.10.2026, Feedback Curt) =================== */
/* Einstieg: Video steht, Inhalt und Glas scrollen normal darüber, kein Festhalten */
.hwrap{position:relative;background:var(--graphit)}
.hvid{position:sticky;top:0;height:100svh;overflow:hidden;z-index:0}
.hvid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hvid .tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,24,36,.48),rgba(12,24,36,.22) 35%,rgba(12,24,36,.64))}
.hcont{position:relative;z-index:1;height:100svh;margin-top:-100svh;color:#fff}
.hcont .home-ov{position:absolute;inset:0;display:flex;flex-direction:column;will-change:opacity}
.hbtn{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:6px}
.hbtn .micro{color:#DDE4E8}
.bridge{position:relative;z-index:2;min-height:78svh;display:flex;align-items:flex-end;color:#fff}
.bglass{position:absolute;inset:0;backdrop-filter:blur(30px) saturate(1.2);-webkit-backdrop-filter:blur(30px) saturate(1.2);background:linear-gradient(180deg,rgba(20,24,22,var(--ga,.3)) 0,rgba(20,24,22,var(--ga,.3)) 40%,#141816 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 240px);mask-image:linear-gradient(180deg,transparent 0,#000 240px)}
.btxt{position:relative;width:100%;padding-bottom:7vh;text-align:center;will-change:transform}
.ch2{margin:0 auto;max-width:1100px;font:700 clamp(40px,5.6vw,84px)/1.02 var(--f-d);letter-spacing:-.05em;color:#fff}
.btxt .ct{margin:24px auto 0;max-width:720px;font:400 clamp(17px,1.6vw,23px)/1.5 var(--f-b);color:#D5D9D7;opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}
.btxt .ct.on{opacity:1;transform:none}
.lst .w{padding-top:24px}
@media (max-width:759px){
 .hcont .mid{padding:70px 22px 0;gap:14px}
 .home-ov .mid img{width:min(230px,58vw)}
 .home-ov h1{font-size:30px;line-height:1.1}
 .home-ov .lead{font-size:16.5px;max-width:330px}
 .hbtn .micro{font-size:13px}
 .bridge{min-height:70svh}
 .btxt{text-align:left;padding-bottom:5vh}
 .ch2{font-size:40px;line-height:1.04;letter-spacing:-.045em}
 .btxt .ct{margin-left:0;font-size:17px}
}

/* Leistungen: untere Kacheln als dunkles Milchglas, Bild läuft weich ins Glas */
.tl,.flat:not(.open){background:rgba(24,28,26,.95);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);color:#F5F5F7;border:1px solid rgba(255,255,255,.08);box-shadow:0 26px 50px -28px rgba(0,0,0,.55)}
.tl .im{position:relative}
.tl .im::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:48%;background:linear-gradient(180deg,rgba(24,28,26,0),rgba(24,28,26,.95) 94%);pointer-events:none}
.tl .b{margin-top:-34px;position:relative;z-index:1}
.tl .ask,.flat:not(.open) .ask{color:var(--orange-hell)}
.tl .sent,.flat:not(.open) .sent{color:#C9CECB}
.tl .chips li{background:rgba(255,255,255,.1);color:#E3E6E4}
.tl .go,.flat:not(.open) .go{color:var(--orange-hell)}
@media (hover:hover){
 .tl:hover,.flat:not(.open):hover{border-color:rgba(238,122,60,.7);box-shadow:0 0 0 1px rgba(238,122,60,.3),0 30px 60px -30px rgba(220,88,18,.5)}
 .tl:hover .ti,.flat:not(.open):hover .ti{color:var(--orange-hell)}
 .tl:hover .chips li{background:rgba(238,122,60,.22);color:#fff}
}
.flat.open{border-color:rgba(29,29,31,.2)}
.m-only{display:none!important}
@media (max-width:759px){
 .m-only{display:flex!important}
 .d-only{display:none!important}
 .lst-main{scroll-padding-inline:var(--gut);overscroll-behavior-x:contain}
 .lst-main > *{scroll-snap-stop:always}
 .lst-main .tl .b{margin-top:-30px}
}

/* Hintergrund mit Bewegung (Lichtflecken, wandern beim Scrollen) */
.about{position:relative;overflow:hidden}
.about > .w{position:relative;z-index:1}
.dyn{position:absolute;inset:0;pointer-events:none;z-index:0}
.dyn i{position:absolute;display:block;border-radius:50%;will-change:transform}
.dyn .d1{left:-260px;top:-120px;width:760px;height:760px;background:radial-gradient(closest-side,rgba(220,88,18,.16),rgba(220,88,18,0))}
.dyn .d2{right:-300px;top:22%;width:900px;height:900px;background:radial-gradient(closest-side,rgba(201,162,74,.24),rgba(201,162,74,0))}
.dyn .d3{left:30%;bottom:-260px;width:620px;height:620px;background:radial-gradient(closest-side,rgba(220,88,18,.12),rgba(220,88,18,0))}
@media (max-width:759px){.dyn .d1{width:460px;height:460px;left:-200px}.dyn .d2{width:520px;height:520px;right:-260px}.dyn .d3{width:380px;height:380px}}

/* Erstgespräch: dunkles Milchglas, steigt weich von unten auf */
.ek{background:transparent!important;border-radius:0!important;padding-bottom:40px}
.ek .logo{display:none}
.ekl{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.ekl i{position:absolute;display:block;border-radius:50%}
.ekl i:first-child{left:-10%;top:30%;width:70vw;height:70vw;max-width:900px;max-height:900px;background:radial-gradient(closest-side,rgba(220,88,18,.42),rgba(220,88,18,0))}
.ekl i:last-child{right:-12%;top:46%;width:60vw;height:60vw;max-width:820px;max-height:820px;background:radial-gradient(closest-side,rgba(201,162,74,.38),rgba(201,162,74,0))}
.ekg{position:absolute;inset:0;z-index:0;pointer-events:none;backdrop-filter:blur(34px) saturate(1.25);-webkit-backdrop-filter:blur(34px) saturate(1.25);background:linear-gradient(180deg,rgba(20,24,22,var(--ea,.55)) 0,rgba(20,24,22,var(--ea,.55)) 55%,#141816 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 280px);mask-image:linear-gradient(180deg,transparent 0,#000 280px)}
.ek[data-next="light"] .ekg{background:rgba(20,24,22,var(--ea,.55));-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 280px,#000 calc(100% - 240px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 280px,#000 calc(100% - 240px),transparent 100%)}
.ek[data-next="light"]{padding-bottom:180px}
.ek .c{position:relative;z-index:1;padding-top:230px;min-height:auto}
.js .ek .c{opacity:1}
@media (max-width:899px){.ek .c{padding-top:190px}.ek[data-next="light"]{padding-bottom:140px}}

/* Übergang zum Footer ohne Kante */
.to-foot{height:300px;background:linear-gradient(180deg,var(--sand),#141816)}
body[data-view="start"] .foot{border-radius:0!important;margin-top:0!important}

/* Leiste: dunkles, durchscheinendes Glas, mehr Luft, klein nur dünner */
.nav-isl{background-color:rgba(20,24,22,.56);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-color:rgba(255,255,255,.17);box-shadow:0 10px 30px -14px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)}
body.attop .nav-isl:not(.open){background-color:rgba(20,24,22,.34);border-color:rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}
.nav-row{--gap:34px;padding:0 12px 0 32px}
.nav-cta{padding:0 28px}
body.compact .nav-isl:not(:hover):not(.open) .nav-row{--h:50px;--fs:15.5px;--lh:24px;--bh:36px;--gap:34px;--dl:.18s;padding-left:32px}
body.compact .nav-isl:not(:hover):not(.open) .nav-cta{padding:0 28px}
body.compact .nav-isl:not(:hover):not(.open) .nav-wave,.nav-isl.closing .nav-wave{opacity:0}
.nav-isl.closing .nav-row{--dl:0s!important}
.nav-isl.open{background-color:rgba(20,24,22,.8)}
@media (max-width:759px){
 .nav{justify-content:flex-end}
 .nav-isl{width:auto}
 .nav-row{--h:54px;--gap:10px;justify-content:flex-end;padding:0 6px 0 18px}
 body.compact .nav-isl:not(.open) .nav-row{--h:46px;--fs:14.5px;--lh:21px;--bh:34px;--gap:10px;padding-left:16px}
 body.compact .nav-isl:not(.open) .nav-cta{padding:0 16px}
 .nav-cta{margin-left:0;padding:0 18px}
 .nav-wave{display:none}
}

/* Fragen: alle Themen sichtbar, Markierung wandert mit */
.faq .mask{-webkit-mask-image:none;mask-image:none}
.faq .items{top:0}
.faq .hl{top:0;margin-top:0;height:58px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.faq .li{color:#3A3A3C}
.faq .li.act{color:#1D1D1F}
@media (max-width:899px){
 .faq .items{flex-wrap:wrap;overflow:visible;margin:0;padding:4px 0;gap:7px}
 .faq .li{padding:8px 13px;font-size:14px!important}
 .faq .prev{display:flex;opacity:.32;transform:scale(.94)}
 .fbox .right{min-height:460px}
 .fbox .chat{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 90px);mask-image:linear-gradient(180deg,transparent 0,#000 90px)}
}

/* =================== Version 1.3 (29.10.2026, Feedback Curt) =================== */
/* Glasvorhang: Unschärfe baut sich in Stufen auf, keine Kante. Schrift steigt eigenständig. */
.bridge{min-height:96svh}
.bglass{display:none}
.bpb{position:absolute;inset:0;pointer-events:none}
.bpb i{position:absolute;inset:0;display:block}
.bpb i:nth-child(1){backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 100%)}
.bpb i:nth-child(2){backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);-webkit-mask-image:linear-gradient(180deg,transparent 3%,#000 19%,#000 100%);mask-image:linear-gradient(180deg,transparent 3%,#000 19%,#000 100%)}
.bpb i:nth-child(3){backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);-webkit-mask-image:linear-gradient(180deg,transparent 8%,#000 27%,#000 100%);mask-image:linear-gradient(180deg,transparent 8%,#000 27%,#000 100%)}
.bpb i:nth-child(4){backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);-webkit-mask-image:linear-gradient(180deg,transparent 14%,#000 35%,#000 100%);mask-image:linear-gradient(180deg,transparent 14%,#000 35%,#000 100%)}
.bpb i:nth-child(5){backdrop-filter:blur(32px) saturate(1.2);-webkit-backdrop-filter:blur(32px) saturate(1.2);-webkit-mask-image:linear-gradient(180deg,transparent 21%,#000 44%,#000 100%);mask-image:linear-gradient(180deg,transparent 21%,#000 44%,#000 100%)}
.btint{position:absolute;inset:0;pointer-events:none;background:var(--g-bridge);opacity:var(--ga,.5)}
.btint.full{opacity:1;background:var(--g-bridge2)}
.bglow{position:absolute;left:50%;top:44%;width:min(1100px,120vw);height:640px;margin-left:min(-550px,-60vw);pointer-events:none;background:radial-gradient(closest-side,rgba(220,88,18,.26),rgba(220,88,18,0));opacity:var(--gl,0);transform:translateY(var(--gy,0px))}
.btxt{padding-bottom:16vh}
.btxt .ct{transition:opacity .7s,transform .7s}
.aud{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:40px auto 0}
.aud-i{display:inline-flex;align-items:center;gap:10px;padding:12px 22px 12px 16px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font:600 17px var(--f-b);color:#fff;opacity:0;transform:translateY(18px) scale(.96);transition:opacity .55s,transform .65s cubic-bezier(.2,.8,.2,1),border-color .3s}
.aud-i svg{color:var(--orange-hell);flex:none}
.aud.on .aud-i{opacity:1;transform:none}
.aud.on .aud-i:nth-child(2){transition-delay:.12s}
.aud.on .aud-i:nth-child(3){transition-delay:.24s}
.lst .w{padding-top:40px}
@media (max-width:759px){
 .bridge{min-height:88svh}
 .btxt{padding-bottom:12vh}
 .aud{justify-content:flex-start;gap:9px;margin-top:30px}
 .aud-i{padding:10px 17px 10px 13px;font-size:15.5px}
 .lst .w{padding-top:34px}
}

/* Kanten zwischen hellen Flächen: alles, was an einer Sektionsgrenze endet, läuft weich aus */
.lst::before{-webkit-mask-image:linear-gradient(180deg,transparent,#000 220px,#000 calc(100% - 340px),transparent);mask-image:linear-gradient(180deg,transparent,#000 220px,#000 calc(100% - 340px),transparent)}
.dyn{display:none}
.faq .lights{-webkit-mask-image:linear-gradient(180deg,transparent,#000 180px,#000 calc(100% - 220px),transparent);mask-image:linear-gradient(180deg,transparent,#000 180px,#000 calc(100% - 220px),transparent)}
.faq .lights .l2{background:radial-gradient(closest-side,rgba(238,122,60,.13),rgba(238,122,60,0))}
.faq > .w{position:relative;z-index:1}
.to-foot{background:var(--g-s2d)}

/* Helle Flächen: Varianten aus der Bildsprache der Website (Umschalter unten links) */
.deco{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;--dm:140px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 var(--dm),#000 calc(100% - var(--dm)),transparent);mask-image:linear-gradient(180deg,transparent,#000 var(--dm),#000 calc(100% - var(--dm)),transparent)}
.dv{position:absolute;inset:0;display:none}
.bg-1 .dv1,.bg-2 .dv2,.bg-3 .dv3,.bg-4 .dv4{display:block}
.dv i{position:absolute;display:block}
/* 1 Reichweite: Ringe wie Schall, der vom Porträt ausgeht */
.rings{position:absolute;left:var(--fx,30%);top:var(--fy,50%);width:2200px;height:2200px;margin:-1100px 0 0 -1100px;transform:scale(var(--rs,1));will-change:transform}
.rings circle{stroke:rgba(110,94,76,var(--a));stroke-width:1.3;vector-effect:non-scaling-stroke}
.rings circle.o{stroke:rgba(220,88,18,.42);stroke-width:1.6}
/* 2 Tonspur: Wellenform einer Aufnahme, der Abspielkopf läuft mit dem Scrollen */
.wf{position:absolute;left:0;top:calc(var(--wy,50%) - 90px);width:100%;height:180px;overflow:visible}
.wf .g rect{fill:rgba(29,29,31,.075)}
.wf .p rect{fill:rgba(220,88,18,.3)}
.wf .ph{display:none}
.dv2{--vth:62px;--wa:52px}
.vt{position:absolute;left:0;width:100%;top:calc(var(--wy,50%) - var(--wa) - 14px - var(--vth));height:var(--vth)}
.vt-g,.vt-c{position:absolute;inset:0}
.vt-c{clip-path:inset(0 calc(100% - var(--px,0px)) 0 0)}
.vt .clip{position:absolute;top:0;height:100%;border-radius:9px;background-size:auto 100%;background-repeat:repeat-x;background-position:var(--bp,0) 50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.vt-g .clip{filter:grayscale(1) contrast(.9);opacity:.2}
.vt-c .clip{opacity:.92}
.phl{left:var(--px,0px);top:calc(var(--wy,50%) - var(--wa) - 24px - var(--vth));height:calc(var(--vth) + 2 * var(--wa) + 34px);width:2px;margin-left:-1px;border-radius:2px;background:rgba(220,88,18,.75)}
.phl::before{content:"";position:absolute;left:50%;top:-8px;width:12px;height:12px;margin-left:-6px;border-radius:3px 3px 6px 6px;background:var(--orange)}
.faq .vt{display:none}
.faq .phl{top:calc(var(--wy,50%) - var(--wa) - 10px);height:calc(2 * var(--wa) + 20px)}
/* 3 Sucher: Rahmen wie im Kameramonitor, Drittel-Raster, Timecode läuft mit dem Scrollen */
.vf{left:var(--ax,5%);top:var(--ay,10%);width:var(--aw,90%);height:var(--ah,80%)}
.vg{inset:0;background:linear-gradient(90deg,transparent calc(33.33% - .5px),rgba(29,29,31,.06) 33.33%,transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),rgba(29,29,31,.06) 66.66%,transparent calc(66.66% + .5px)),linear-gradient(180deg,transparent calc(33.33% - .5px),rgba(29,29,31,.06) 33.33%,transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),rgba(29,29,31,.06) 66.66%,transparent calc(66.66% + .5px))}
.vc{width:34px;height:34px;border:0 solid rgba(29,29,31,.3)}
.vc.c1{left:0;top:0;border-width:1.5px 0 0 1.5px}
.vc.c2{right:0;top:0;border-width:1.5px 1.5px 0 0}
.vc.c3{left:0;bottom:0;border-width:0 0 1.5px 1.5px}
.vc.c4{right:0;bottom:0;border-width:0 1.5px 1.5px 0}
.vf .tc,.vf .fmt{position:absolute;top:-30px;font:600 12px/1 var(--f-b);letter-spacing:.06em;color:rgba(29,29,31,.42);font-variant-numeric:tabular-nums;white-space:nowrap}
.vf .tc{right:0}
.vf .tc b{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--orange);vertical-align:1px}
.vf .fmt{left:0}
.fb{left:var(--bx,0);top:var(--by,0);width:var(--bw,0);height:var(--bh2,0);opacity:0;transform:scale(1.07);transition:opacity .5s,transform .8s cubic-bezier(.2,.8,.2,1);
 background:linear-gradient(var(--orange),var(--orange)) 0 0/22px 2px,linear-gradient(var(--orange),var(--orange)) 0 0/2px 22px,linear-gradient(var(--orange),var(--orange)) 100% 0/22px 2px,linear-gradient(var(--orange),var(--orange)) 100% 0/2px 22px,linear-gradient(var(--orange),var(--orange)) 0 100%/22px 2px,linear-gradient(var(--orange),var(--orange)) 0 100%/2px 22px,linear-gradient(var(--orange),var(--orange)) 100% 100%/22px 2px,linear-gradient(var(--orange),var(--orange)) 100% 100%/2px 22px;background-repeat:no-repeat}
.fb.lock{opacity:.85;transform:none}
/* 4 Schriftzug: das Angebot in großer, blasser Schrift, füllt sich beim Scrollen wie der Satz im Einstieg */
.ty{position:absolute;left:0;top:var(--ty,60%);display:flex;gap:.32em;white-space:nowrap;font:800 clamp(96px,13vw,220px)/1 var(--f-d);letter-spacing:-.055em;transform:translate3d(var(--tx,0px),0,0);will-change:transform}
.ty span{color:rgba(29,29,31,.045);transition:color .9s}
.ty span.on{color:rgba(220,88,18,.16)}
@media (max-width:759px){
 .vc{width:22px;height:22px}
 .vf .fmt{display:none}
}

/* Erstgespräch: vier Varianten, Abstände zu oben und unten bleiben */
.ek{min-height:0;padding:110px 0 130px;color:#fff;background:transparent!important}
.ek[data-next="light"]{padding-bottom:130px}
.ekg{display:none}
.ek .c{min-height:0;padding:0}
.ekw{position:relative;z-index:1}
.ekcard{position:relative;overflow:hidden;isolation:isolate}
.ekcard .c{position:relative;z-index:1}
.ekbg,.ekfade{display:none}
.ekbg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ekbg i{position:absolute;display:block;border-radius:50%}
.ekl{z-index:0}
.ekl i:first-child{left:-18%;top:auto;bottom:-46%;width:900px;height:900px;max-width:none;max-height:none;background:radial-gradient(closest-side,rgba(220,88,18,.34),rgba(220,88,18,0))}
.ekl i:last-child{right:-16%;left:auto;top:-40%;width:820px;height:820px;max-width:none;max-height:none;background:radial-gradient(closest-side,rgba(64,104,142,.3),rgba(64,104,142,0))}
.ek .por{width:min(380px,100%);aspect-ratio:380/540}
.ekact{display:flex;flex-direction:column;align-items:flex-start}

/* 1 Dunkle Glaskachel wie bei den Leistungen */
.ek-1 .ek .ekcard{border-radius:40px;background:rgba(20,24,22,.95);border:1px solid rgba(255,255,255,.08);box-shadow:0 50px 100px -50px rgba(0,0,0,.55)}
.ek-1 .ek .ekcard .c{padding:76px clamp(40px,5vw,80px)}

/* 2 Vollfläche: dunkle Fläche über die ganze Breite, weiche Übergänge oben und unten */
.ek-2 .ek{padding:0;background:transparent!important}
.ek-2 .ek .ekfade{display:block;height:340px}
.ek-2 .ek .ekfade-t{background:var(--g-s2d-plain)}
.ek-2 .ek .ekfade-b{background:var(--g-d2s)}
.ek-2 .ek[data-next="foot"] .ekfade-b{display:none}
.ek-2 .ek-foot{display:none}
.ek-2 .ek .ekw{background:#141816;max-width:none;padding-inline:0}
.ek-2 .ek .ekw::before{content:"";position:absolute;inset:0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 260px,#000 calc(100% - 260px),transparent);mask-image:linear-gradient(180deg,transparent,#000 260px,#000 calc(100% - 260px),transparent);background:radial-gradient(800px 500px at 18% 75%,rgba(220,88,18,.26),rgba(220,88,18,0)),radial-gradient(760px 520px at 85% 25%,rgba(64,104,142,.24),rgba(64,104,142,0));pointer-events:none}
.ek-2 .ek .ekcard{max-width:var(--maxw,1240px);margin:0 auto;padding:60px max(var(--gut),env(safe-area-inset-left,0px)) 90px;overflow:visible}
.ek-2 .ek .ekl{display:none}

/* 3 Bild geteilt: Porträt füllt die linke Hälfte und läuft ins Glas */
.ek-3 .ek .ekcard{border-radius:40px;background:#141816;border:1px solid rgba(255,255,255,.07);box-shadow:0 50px 100px -50px rgba(0,0,0,.55)}
.ek-3 .ek .ekl i:last-child{display:none}
.ek-3 .ek .ekl i:first-child{left:auto;right:-30%;bottom:-60%}
.ek-3 .ek .ekcard .c{grid-template-columns:5fr 7fr;gap:0;align-items:stretch}
.ek-3 .ek .por{order:-1;justify-self:stretch;width:100%;height:100%;min-height:600px;aspect-ratio:auto;border-radius:0;box-shadow:none}
.ek-3 .ek .por .sh{inset:0;height:auto;background:linear-gradient(90deg,rgba(20,24,22,0) 45%,rgba(20,24,22,.7) 80%,#141816 100%),linear-gradient(180deg,rgba(20,24,22,0) 60%,rgba(20,24,22,.75))}
.ek-3 .ek .tx{align-self:center;padding:72px clamp(40px,5vw,80px) 72px clamp(16px,2vw,32px)}

/* 4 Insel: helles Glas wie die Leiste, mittig, warme Lichter dahinter */
.ek-4 .ek .ekbg{display:block}
.ek-4 .ek .ekbg i:first-child{left:8%;top:6%;width:820px;height:820px;background:radial-gradient(closest-side,rgba(220,88,18,.62),rgba(220,88,18,0))}
.ek-4 .ek .ekbg i:last-child{right:6%;bottom:2%;width:780px;height:780px;background:radial-gradient(closest-side,rgba(12,24,36,.6),rgba(12,24,36,0))}
.ek-4 .ek .ekbg{-webkit-mask-image:linear-gradient(180deg,transparent,#000 160px,#000 calc(100% - 160px),transparent);mask-image:linear-gradient(180deg,transparent,#000 160px,#000 calc(100% - 160px),transparent)}
.ek-4 .ek .ekcard{max-width:820px;margin:0 auto;border-radius:52px;background:linear-gradient(160deg,rgba(28,32,30,.86),rgba(16,20,18,.9));backdrop-filter:blur(30px) saturate(1.8);-webkit-backdrop-filter:blur(30px) saturate(1.8);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 40px 90px -40px rgba(12,24,36,.6)}
.ek-4 .ek .ekl{display:none}
.ek-4 .ek .ekcard .c{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px clamp(28px,5vw,72px) 64px;gap:26px}
.ek-4 .ek .tx{display:flex;flex-direction:column;align-items:center}
.ek-4 .ek .ekact{align-items:center}
.ek-4 .ek .lead{margin-inline:auto}
.ek-4 .ek .por{order:-1;justify-self:center;width:auto;aspect-ratio:auto;overflow:visible;border-radius:0;box-shadow:none;display:flex;align-items:center;gap:14px}
.ek-4 .ek .por img{width:76px;height:76px;border-radius:50%;box-shadow:0 0 0 3px rgba(238,122,60,.55),0 10px 24px -10px rgba(0,0,0,.6)}
.ek-4 .ek .por .sh,.ek-4 .ek .por .ph{display:none}
.ek-4 .ek .por .nm{position:static;text-align:left}
.ek-4 .ek .por .nm b{font-size:18px}.ek-4 .ek .por .nm span{font-size:15px}
.ek-4 .ek .h2{font-size:clamp(36px,4.6vw,68px)}

/* Übergang vom Erstgespräch zum Footer auf Unterseiten */
.ek-foot{height:300px}

@media (max-width:899px){
 .ek{padding:70px 0 90px}
 .ek[data-next="light"]{padding-bottom:90px}
 .ek .c{gap:24px}
 .ek-1 .ek .ekcard{border-radius:30px}
 .ek-1 .ek .ekcard .c{padding:16px 16px 30px}
 .ek-1 .ek .por{border-radius:20px}
 .ek-1 .ek .tx,.ek-3 .ek .tx{padding-inline:8px}
 .ek-2 .ek .ekfade{height:240px}
 .ek-2 .ek .ekw::before{-webkit-mask-image:linear-gradient(180deg,transparent,#000 160px,#000 calc(100% - 160px),transparent);mask-image:linear-gradient(180deg,transparent,#000 160px,#000 calc(100% - 160px),transparent)}
 .ek-2 .ek .ekcard{padding:30px var(--gut) 60px}
 .ek-3 .ek .ekcard{border-radius:30px}
 .ek-3 .ek .ekcard .c{grid-template-columns:minmax(0,1fr);gap:0}
 .ek-3 .ek .por{min-height:0;aspect-ratio:4/3.4}
 .ek-3 .ek .por .sh{background:linear-gradient(180deg,rgba(20,24,22,0) 45%,rgba(20,24,22,.75) 80%,#141816 100%)}
 .ek-3 .ek .tx{padding:6px 22px 32px}
 .ek-4 .ek .ekcard{border-radius:34px}
 .ek-4 .ek .ekcard .c{padding:36px 20px 34px;gap:22px}
 .ek-4 .ek .por{width:auto}
 .ek-4 .ek .ekbg i:first-child{width:460px;height:460px;left:-30%}
 .ek-4 .ek .ekbg i:last-child{width:420px;height:420px;right:-30%}
 .ekact{align-items:stretch}
 .ek-4 .ek .ekact{align-items:stretch;width:100%}
}

/* Leiste ohne Fortschrittslinie: breiter, ruhiger, klar zentriert */
.nav{top:calc(16px + env(safe-area-inset-top,0px))}
.nav-row{--h:66px;--bh:46px;--gap:44px;padding:0 10px 0 44px}
.nav-cta{padding:0 32px}
body.compact .nav-isl:not(:hover):not(.open) .nav-row{--h:52px;--fs:15.5px;--lh:24px;--bh:38px;--gap:44px;padding-left:54px;padding-right:10px}
body.compact .nav-isl:not(:hover):not(.open) .nav-cta{padding:0 32px}
.nav-sep{height:24px}
@media (max-width:759px){
 .nav{top:calc(12px + env(safe-area-inset-top,0px))}
 .nav-row{--h:54px;--bh:42px;--gap:10px;padding:0 6px 0 20px}
 body.compact .nav-isl:not(.open) .nav-row,body.compact .nav-isl:not(:hover):not(.open) .nav-row{--h:48px;--fs:14.5px;--lh:22px;--bh:36px;--gap:10px;padding-left:18px;padding-right:6px}
 .nav-cta{padding:0 20px}
 body.compact .nav-isl:not(.open) .nav-cta,body.compact .nav-isl:not(:hover):not(.open) .nav-cta{padding:0 18px}
}

/* Umschalter für die Varianten (nur im Prototyp) */
.vsw{position:fixed;left:max(14px,env(safe-area-inset-left,0px));bottom:max(14px,env(safe-area-inset-bottom,0px));z-index:70;font:500 14px var(--f-b);color:#fff}
.vsw-t{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(20,24,22,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff;font:600 14px var(--f-b);cursor:pointer;box-shadow:0 10px 26px -12px rgba(0,0,0,.5)}
.vsw-t::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange)}
.vsw-p{position:absolute;left:0;bottom:50px;width:280px;padding:16px;border-radius:24px;background:rgba(20,24,22,.86);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 50px -20px rgba(0,0,0,.6);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .25s,transform .3s}
.vsw.open .vsw-p{opacity:1;transform:none;pointer-events:auto}
.vsw-p p{margin:0 0 8px;font:600 12px var(--f-b);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.vsw-p p + .vsw-g{margin-bottom:14px}
.vsw-g{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.vsw-g button{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#E6E8E7;font:500 13px var(--f-b);text-align:left;cursor:pointer}
.vsw-g button b{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.12);font-size:11.5px}
.vsw-g button.on{border-color:rgba(238,122,60,.75);background:rgba(220,88,18,.18);color:#fff}
.vsw-g button.on b{background:var(--orange);color:var(--navy)}

/* Körnung gegen Streifen nur in der Mitte der Verläufe, an den Enden läuft sie aus (keine Stufe zu glatten Flächen) */
.to-foot,.to-sand.from-dark,.ekfade-b{position:relative}
.to-foot::before,.to-sand.from-dark::before,.ekfade-b::before{content:"";position:absolute;inset:0;background:var(--nz);pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}
.faq{overflow:visible;overflow-x:clip}
/* Unterseiten: nach den Fragen bleibt der Grund Sand bis zum Footer, keine Kante zur Seitenfarbe */
.faq ~ .relw,.faq ~ .ek{background:var(--sand)!important}
.faq ~ .relw{box-shadow:0 0 0 100vmax var(--sand);clip-path:inset(0 -100vmax)}
.ek-1 .ek .h2,.ek-3 .ek .h2{font-size:clamp(36px,4.4vw,70px)}

/* Kontakt: Variante 3 gesetzt (Curt, 29.10.2026). Breiter am Rechner, schwebt leicht über der Seite */
.ek-3 .ek .ekw{max-width:1600px;padding-inline:clamp(16px,2.4vw,40px)}
.ek-3 .ek .ekcard{border-color:rgba(255,255,255,.06);box-shadow:0 1px 2px rgba(20,24,22,.06),0 14px 28px -12px rgba(20,24,22,.22),0 46px 90px -34px rgba(20,24,22,.34),0 90px 160px -70px rgba(110,60,20,.28)}
.ek-3 .ek .ekcard .c{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.ek-3 .ek .por{min-height:640px}
.ek-3 .ek .tx{padding-right:clamp(48px,6vw,110px)}
@media (max-width:899px){.ek-3 .ek .ekcard{box-shadow:0 1px 2px rgba(20,24,22,.06),0 12px 24px -10px rgba(20,24,22,.22),0 34px 60px -30px rgba(20,24,22,.32)}.ek-3 .ek .ekcard .c{grid-template-columns:minmax(0,1fr)}.ek-3 .ek .por{min-height:0}.ek-3 .ek .tx{padding-right:22px}}
.ek-3 .ek .por img{position:absolute;inset:0}
.ek-3 .ek .por{min-height:600px}
@media (max-width:899px){.ek-3 .ek .por{min-height:0}.ek-3 .ek .por img{position:static}}
/* Tonspur braucht Platz unter dem Inhalt, sie führt ins Erstgespräch */
.bg-2 .about{padding-bottom:calc(clamp(84px,10vw,140px) + 230px)}
@media (max-width:759px){.deco{--dm:80px}.bg-2 .about{padding-bottom:calc(clamp(84px,10vw,140px) + 170px)}.dv2{--vth:42px;--wa:40px}.vt .clip{border-radius:7px}}
.bg-4 .about{padding-bottom:calc(clamp(84px,10vw,140px) + 210px)}
@media (max-width:759px){.bg-4 .about{padding-bottom:calc(clamp(84px,10vw,140px) + 130px)}}

/* Zielgruppen im Einstieg: Klick oder Drüberfahren zeigt die passenden Leistungsfelder (1.6) */
.aud{position:relative}
.aud-w{position:static;opacity:0;transform:translateY(18px) scale(.96);transition:opacity .55s,transform .65s cubic-bezier(.2,.8,.2,1)}
.aud.on .aud-w{opacity:1;transform:none}
.aud.on .aud-w:nth-child(2){transition-delay:.12s}
.aud.on .aud-w:nth-child(3){transition-delay:.24s}
.aud-i,.aud.on .aud-i{opacity:1;transform:none;transition:border-color .25s,background-color .25s;cursor:pointer;text-decoration:none;color:#fff;-webkit-appearance:none;appearance:none}
.aud-x{display:inline-flex;margin-left:2px;color:rgba(255,255,255,.7);transition:transform .3s}
.aud-x svg{width:14px;height:14px}
.aud-w.open > .aud-i{border-color:rgba(238,122,60,.75);background:rgba(255,255,255,.13)}
.aud-w.open button.aud-i .aud-x{transform:rotate(180deg)}
@media (hover:hover){.aud-i:hover{border-color:rgba(238,122,60,.75);background:rgba(255,255,255,.13)}}
.aud-dd{position:absolute;top:100%;left:0;z-index:6;padding-top:16px;text-align:left;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s .3s}
.aud-w.open .aud-dd{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s}
.aud-g{position:relative;display:flex;flex-direction:row;align-items:center;gap:8px;padding:10px;border-radius:30px;background:rgba(255,255,255,.1);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 50px -24px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.12)}
.aud-g::before{content:"";position:absolute;top:-8px;left:var(--tail,50%);width:15px;height:15px;margin-left:-7.5px;transform:rotate(45deg);border-radius:3px 0 0 0;background:rgba(255,255,255,.1);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18);clip-path:polygon(0 0,100% 0,0 100%)}
.aud-p{white-space:nowrap;background:rgba(20,24,22,.6);border-color:rgba(255,255,255,.14);box-shadow:none}
.aud-p svg{color:var(--orange-hell)}
.aud .aud-w:not(.open) .aud-p{opacity:0;transform:translateY(-6px)}
.aud.on .aud-p{transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1),border-color .25s,background-color .25s}
.aud-w.open .aud-p{opacity:1;transform:none}
.aud-w.open .aud-p:nth-child(2){transition-delay:.05s,.05s,0s,0s}
.aud-w.open .aud-p:nth-child(3){transition-delay:.1s,.1s,0s,0s}
.aud-w.open .aud-p:nth-child(4){transition-delay:.15s,.15s,0s,0s}
@media (hover:hover){.aud-p:hover{background:rgba(20,24,22,.78);border-color:rgba(238,122,60,.75)}.aud-p:hover .aud-x{transform:translateX(3px)}}
@media (max-width:759px){
 .aud-dd{left:0;right:0}
 .aud-g{flex-direction:column;align-items:flex-start;gap:8px;border-radius:26px}
}
/* Ablauf: Schatten der Glasfläche endet vor der Sektionsgrenze, keine abgeschnittene Kante */
.abl .panel{box-shadow:0 34px 70px -36px rgba(0,0,0,.45)}
@media (max-width:899px){.abl{padding-block:30px 64px}.abl .panel{box-shadow:0 24px 50px -26px rgba(0,0,0,.4)}}
/* Lichter in dunklen Sektionen bleiben innerhalb der Sektion, keine abgeschnittene Kante */
.ev-prob{background:radial-gradient(60% 42% at 70% 46%,rgba(220,88,18,.16),rgba(220,88,18,0)),var(--graphit)}
.ev-work{background:radial-gradient(70% 40% at 30% 54%,rgba(220,88,18,.12),rgba(220,88,18,0)),var(--graphit)}
.abl.on-dark{background:radial-gradient(60% 40% at 50% 50%,rgba(220,88,18,.14),rgba(220,88,18,0)),var(--graphit)}
.ev-shade{background:linear-gradient(180deg,rgba(14,17,16,.35) 0%,rgba(14,17,16,0) 30%,rgba(20,24,22,.25) 70%,#141816 100%),linear-gradient(90deg,rgba(14,17,16,.88) 0%,rgba(14,17,16,.55) 42%,rgba(14,17,16,.05) 75%)}

/* Logos im Glas unter den Zielgruppen (1.10): laufen beim Scrollen durch, stehen sonst still */
.lgs{margin:68px calc(50% - 50vw) 0;opacity:0;transform:translateY(14px);transition:opacity .8s,transform .9s cubic-bezier(.2,.8,.2,1)}
.lgs.on{opacity:1;transform:none}
.lgs-t{margin:0 0 24px;font:600 12px/1 var(--f-b);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5);text-align:center}
.lgs-m{overflow:hidden;padding-block:6px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.lgs-r{display:flex;width:max-content;will-change:transform}
.lgs-s{display:flex;align-items:center;gap:76px;margin:0;padding:0 38px;list-style:none}
.lgs-s li{flex:none;display:flex;align-items:center;height:64px}
.lgs-s img{display:block;width:auto;height:var(--h);opacity:.6;transition:opacity .3s}
@media (hover:hover){.lgs-s img:hover{opacity:1}}
@media (max-width:759px){
 .lgs{margin-top:46px}
 .lgs-t{margin-bottom:18px}
 .lgs-m{-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
 .lgs-s{gap:46px;padding:0 23px}
 .lgs-s li{height:46px}
 .lgs-s img{height:calc(var(--h) * .7)}
}

/* Einstieg am Handy: drei Ideen (Umschalter nur am Handy) */
.hfill{display:none}
.vsw{display:none}
@media (max-width:759px){
 .vsw{display:block}
 /* 2 Bild oben: Video quadratisch oben, Text darunter auf Graphit */
 .mh-2 .hvid{background:#141816}
 .mh-2 .hvid video{inset:0 0 auto 0;height:min(100vw,58svh)}
 .mh-2 .hvid .tint{background:linear-gradient(180deg,rgba(12,24,36,.42) 0,rgba(12,24,36,0) 22%,rgba(20,24,22,0) calc(min(100vw,58svh) - 170px),#141816 min(100vw,58svh),#141816 100%)}
 .mh-2 .hcont .mid{justify-content:flex-end;padding-bottom:40px}
 .mh-2 .home-ov .mid img{width:min(200px,52vw)}
 /* 3 Bild im Bild: das ganze Video als Bildschirm, dahinter unscharf dasselbe Bild */
 .mh-3 .hfill{display:block;position:absolute;inset:-60px;width:calc(100% + 120px);height:calc(100% + 120px);object-fit:cover;filter:blur(30px) saturate(1.25) brightness(.62);z-index:0}
 .mh-3 .hvid{background:#141816}
 .mh-3 .hvid .tint{z-index:1;background:linear-gradient(180deg,rgba(12,16,14,.5),rgba(12,16,14,.15) 45%,rgba(12,16,14,.55))}
 .mh-3 .hvid video{z-index:2;inset:auto;left:14px;right:14px;top:var(--vy,38%);width:calc(100% - 28px);height:auto;aspect-ratio:16/9;border-radius:16px;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 24px 50px -18px rgba(0,0,0,.7)}
 .mh-3 .hcont .mid{justify-content:flex-start;padding-top:max(92px,12svh)}
 .mh-3 .home-ov .mid img{width:min(190px,50vw)}
 .mh-3 .home-ov .lead{margin-top:calc((100vw - 28px) * 9 / 16 + 30px)}
}

/* Logos laufen von selbst (Ausnahme von der Regel ohne Endlosschleifen, Curt 29.10.2026). Sichtfenster schmaler als ein Durchlauf, damit kein Logo doppelt zu sehen ist */
.lgs{margin-inline:0}
.lgs-m{max-width:1180px;margin-inline:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}
.lgs-r{animation:lgs-run var(--ld,60s) linear infinite}
@keyframes lgs-run{to{transform:translate3d(-50%,0,0)}}
.lgs:not(.on) .lgs-r,.lgs.off .lgs-r{animation-play-state:paused}
@media (hover:hover){.lgs-m:hover .lgs-r{animation-play-state:paused}}
@media (prefers-reduced-motion:reduce){.lgs-r{animation:none}}
@media (max-width:759px){.lgs{margin-inline:calc(50% - 50vw)}.lgs-m{max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}}
/* Logo-Leiste genau mittig zwischen Zielgruppen und „Leistungen“ (Curt, 29.10.2026) */
.bridge{--lg-gap:clamp(130px,16.5vh,180px)}
.lgs{margin-top:var(--lg-gap)}
.btxt{padding-bottom:calc(var(--lg-gap) - 89px)}
@media (max-width:759px){.bridge{--lg-gap:92px}.btxt{padding-bottom:calc(var(--lg-gap) - 38px)}}

/* Seitenwechsel: öffnet sich aus der Insel oder der Kachel (1.11) */
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal;transform-origin:50% 50%}
::view-transition-old(root){z-index:1}
::view-transition-new(root){z-index:2}
.nav{view-transition-name:nav}
::view-transition-group(nav){animation:none;z-index:10}
::view-transition-old(nav){display:none}
::view-transition-new(nav){animation:none}
.vt-run .nav-isl{background-color:rgba(20,24,22,.9)!important;transition:none}
#ekPanel{display:none}

/* =================== Interne Kommunikation nach dem neuen Muster (29.10.2026) =================== */
.ik-quote{font-family:var(--f-d);font-weight:700;font-size:clamp(22px,2vw,28px);line-height:1.2;letter-spacing:-.02em;color:var(--text);margin-top:6px}

/* Lösung im Grundsatz mit Videopodcast-Kapiteln als Beispiel */
.ik-why{padding-top:clamp(40px,6vw,90px)}
.why-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,72px);align-items:center}
.vpl{border-radius:30px;overflow:hidden;background:#141816;color:#fff;box-shadow:0 1px 2px rgba(20,24,22,.06),0 30px 60px -30px rgba(20,24,22,.45)}
.vpl-m{position:relative;aspect-ratio:16/9;overflow:hidden}
.vpl-m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vpl-m::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,24,22,0) 50%,rgba(20,24,22,.85))}
.vpl-play{position:absolute;left:50%;top:50%;z-index:1;display:grid;place-items:center;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(255,255,255,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff}
.vpl-b{padding:22px 26px 26px}
.vpl-bar{display:flex;gap:4px;margin-top:18px}
.vpl-bar i{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.18)}
.vpl-bar i:first-child{background:linear-gradient(90deg,var(--orange) 60%,rgba(255,255,255,.18) 60%)}
.vpl-ch{margin:16px 0 0;padding:0;list-style:none;counter-reset:ch}
.vpl-ch li{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08);font:500 15px/1.35 var(--f-b);color:#D5D9D7;counter-increment:ch}
.vpl-ch li span::before{content:"0" counter(ch);margin-right:12px;font-weight:600;color:rgba(255,255,255,.45);font-variant-numeric:tabular-nums}
.vpl-ch li:first-child{color:#fff}.vpl-ch li:first-child span::before{color:var(--orange-hell)}
.vpl-ch em{font-style:normal;color:rgba(255,255,255,.45);font-variant-numeric:tabular-nums}
@media (max-width:899px){.why-g{grid-template-columns:minmax(0,1fr)}.vpl-b{padding:18px 20px 20px}}

/* Formate als aufklappende Kacheln: die gewählte wird groß und zeigt Bild und Details */
.xf{display:flex;gap:14px;height:560px;margin-top:40px}
.xf-c{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;border-radius:28px;overflow:hidden;color:#fff;background:#141816;cursor:pointer;isolation:isolate;transition:flex-grow .75s cubic-bezier(.2,.8,.2,1),box-shadow .3s;box-shadow:0 1px 2px rgba(20,24,22,.06),0 24px 50px -30px rgba(20,24,22,.45)}
.xf-c.open{flex-grow:3.3;cursor:default}
.xf-img{position:absolute;inset:0;z-index:-2}
.xf-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .6s}
.xf-c:not(.open) .xf-img img{filter:saturate(.6) brightness(.7)}
.xf-c.open .xf-img img{transform:scale(1.03)}
.xf-sh{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,24,22,.15) 0%,rgba(20,24,22,.25) 38%,rgba(20,24,22,.86) 74%,#141816 100%)}
.xf-img .ph{z-index:2}
.xf-h{position:relative;display:block;width:100%;padding:0 26px;margin:0 0 22px;border:0;background:none;color:inherit;text-align:left;cursor:inherit;font:inherit}
.xf-eb{margin-bottom:8px}
.xf-t{display:block;padding-right:44px;font:700 clamp(20px,1.6vw,23px)/1.15 var(--f-d);letter-spacing:-.025em;transition:font-size .5s}
.xf-c.open .xf-t{font-size:clamp(28px,2.5vw,36px)}
.xf-x{position:absolute;right:22px;bottom:2px;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.35);transition:transform .4s,opacity .3s,background-color .3s}
.xf-x::before,.xf-x::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.6px;margin:-.8px 0 0 -6px;background:#fff;border-radius:2px}
.xf-x::after{transform:rotate(90deg)}
.xf-c.open .xf-x{opacity:0;transform:rotate(45deg)}
@media (hover:hover){.xf-c:not(.open):hover .xf-img img{filter:saturate(.85) brightness(.85)}.xf-c:not(.open):hover .xf-x{background:var(--orange);border-color:var(--orange)}}
.xf-h:focus-visible{outline:2px solid var(--orange-hell);outline-offset:-4px;border-radius:14px}
.xf-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.2,.8,.2,1)}
.xf-c.open .xf-b{grid-template-rows:1fr}
.xf-in{min-height:0;overflow:hidden;width:min(560px,calc(100vw - 80px));padding:0 26px;opacity:0;transform:translateY(10px);transition:opacity .25s,transform .4s}
.xf-c.open .xf-in{opacity:1;transform:none;transition:opacity .5s .35s,transform .6s .35s}
.xf-s{margin:0;font:600 17px/1.45 var(--f-b);color:#fff}
.xf-d{margin:10px 0 0;font:400 16px/1.55 var(--f-b);color:#C9CECB}
.xf-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 26px;padding:0;list-style:none}
.xf-chips li{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);font:500 13.5px var(--f-b);color:#E3E6E4}
.xf-note{display:flex;align-items:center;justify-content:space-between;gap:20px 40px;margin-top:28px;padding:24px 28px;border-radius:24px;background:rgba(255,255,255,.6);border:1px solid rgba(29,29,31,.06)}
.xf-note .p{max-width:760px;color:var(--grau)}
.xf-cta{flex:none;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;background:var(--graphit);color:#fff;text-decoration:none;font:600 15.5px var(--f-b);transition:background-color .2s}
.xf-cta:hover{background:var(--orange);color:var(--navy)}
@media (max-width:899px){
 .xf{flex-direction:column;height:auto;gap:10px}
 .xf-c{flex:none;min-height:86px;transition:min-height .7s cubic-bezier(.2,.8,.2,1)}
 .xf-c.open{min-height:min(520px,118vw)}
 .xf-h{padding:0 20px;margin-bottom:20px}
 .xf-in{width:auto;padding:0 20px}
 .xf-x{right:16px}
 .xf-note{flex-direction:column;align-items:flex-start;padding:20px}
}

/* Was Sie mitbringen, daneben was ich übernehme */
.br-g{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(24px,3vw,40px);align-items:start}
.br-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:36px}
.br-r{position:sticky;top:110px;margin-top:8px;border-radius:28px;padding:30px 28px 32px;background:#141816;color:#D5D9D7;box-shadow:0 30px 60px -30px rgba(20,24,22,.5)}
.br-mine{margin:18px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.br-mine li{display:flex;gap:12px;align-items:flex-start;font:400 16px/1.45 var(--f-b)}
.br-mine li svg{flex:none;margin-top:3px;color:var(--orange-hell)}
@media (max-width:899px){.br-g{grid-template-columns:minmax(0,1fr)}.br-items{grid-template-columns:minmax(0,1fr)}.br-r{position:static}}

/* Verwandte Seite über den Fragen, dezent wie eine Anzeige (alle Unterseiten) */
.relw{padding-block:clamp(30px,4vw,56px) 0}
.rel2{display:flex;align-items:center;gap:24px;padding:14px 26px 14px 14px;border-radius:26px;background:#fff;color:var(--text);text-decoration:none;border:1px solid rgba(29,29,31,.06);box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 40px -26px rgba(20,24,22,.35);transition:border-color .25s,box-shadow .25s}
.rel-im{flex:none;width:150px;height:104px;border-radius:18px;overflow:hidden}
.rel-im img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.rel-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.rel-k{font:600 12.5px/1.3 var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-ink)}
.rel-t{font:700 clamp(21px,1.9vw,26px)/1.15 var(--f-d);letter-spacing:-.025em}
.rel-l{font:400 16px/1.45 var(--f-b);color:var(--grau)}
.rel-go{flex:none;display:inline-flex;align-items:center;gap:6px;font:600 15.5px var(--f-b);color:var(--orange-ink)}
@media (hover:hover){.rel2:hover{border-color:rgba(238,122,60,.6);box-shadow:0 0 0 1px rgba(238,122,60,.25),0 22px 44px -26px rgba(220,88,18,.4)}.rel2:hover .rel-im img{transform:scale(1.05)}}
@media (max-width:759px){.rel2{flex-wrap:wrap;gap:14px;padding:12px 12px 18px}.rel-im{width:92px;height:92px;border-radius:16px}.rel-tx{flex:1 1 160px}.rel-go{width:100%;padding-left:6px}}
/* Formate: Feinschliff (geschlossene Titel sauber umbrechen, Plus oben rechts, Platzhalter-Hinweis links) */
.xf-t{hyphens:manual;-webkit-hyphens:manual;padding-right:0}
.xf-c:not(.open) .xf-t{font-size:clamp(18px,1.4vw,21px)}
.xf-x{top:18px;right:18px;bottom:auto;position:absolute}
.xf-h{position:static}
.xf-img .ph{left:16px;right:auto;top:16px}
.xf-c.open .xf-x{opacity:0}
@media (max-width:899px){
 .xf-c::before{content:"";flex:0 0 0px;transition:flex-basis .7s cubic-bezier(.2,.8,.2,1)}
 .xf-c.open::before{flex-basis:min(200px,48vw)}
 .xf-c.open{min-height:0}
 .xf-sh{background:linear-gradient(180deg,rgba(20,24,22,.05) 0,rgba(20,24,22,.2) 22%,rgba(20,24,22,.9) 46%,#141816 60%)}
 .xf-c:not(.open) .xf-sh{background:linear-gradient(90deg,rgba(20,24,22,.92) 30%,rgba(20,24,22,.55))}
 .xf-c:not(.open) .xf-img .ph{display:none}
 .xf-x{top:auto;bottom:24px;right:16px}
 .xf-c:not(.open) .xf-t{padding-right:44px}
 .xf-c:not(.open) .xf-eb{display:none}
}
/* Verweis über den Fragen: Grund bleibt Sand über die volle Breite, keine Kante zur Seitenfarbe */
.view:not(.v-home) .relw{position:relative;z-index:0}
.view:not(.v-home) .relw::before{content:"";position:absolute;z-index:-1;top:-2px;bottom:-1px;left:calc(50% - 50vw);width:100vw;background:var(--sand);pointer-events:none}
@media (max-width:899px){.faq{padding-bottom:112px}.fbox{box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 34px 70px -44px rgba(120,60,20,.45)}}

/* ===== IK Abschnitt 2, Runde 16: Outlook-Posteingang, Videofeld, Faktenkette, Formate-CTA ===== */
.ik-prob .split > div:first-child{align-self:start}
.ik-prob .ik-quote{margin-top:22px;max-width:520px;color:var(--grau);font-size:clamp(20px,1.7vw,24px);font-weight:600}
.ik-lead{margin:0;font:700 clamp(23px,2.05vw,29px)/1.28 var(--f-d);letter-spacing:-.018em;color:var(--text);text-wrap:pretty}
/* Posteingang in Outlook-Optik (ohne Marke) */
.inbox.ol{border-radius:22px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05),0 40px 80px -40px rgba(0,0,0,.35);overflow:hidden;font-family:"Segoe UI",var(--f-b)}
.ol-bar{display:flex;align-items:center;gap:14px;height:44px;padding:0 16px;background:#0F6CBD;color:#fff}
.ol-dots{display:flex;gap:6px}.ol-dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.4)}
.ol-search{flex:1;max-width:260px;height:26px;display:flex;align-items:center;padding:0 12px;border-radius:5px;background:rgba(255,255,255,.92);color:#616161;font-size:13px}
.ol-head{display:flex;align-items:center;gap:10px;padding:14px 18px 0;color:#242424}
.ol-head b{font-size:17px;font-weight:600}
.ol-n{font-size:13px;font-weight:600;color:#0F6CBD}
.ol-tabs{display:flex;gap:16px;margin-left:auto;font-size:13.5px}
.ol-tabs u{text-decoration:none;color:#242424;font-weight:600;padding-bottom:9px;border-bottom:2px solid #0F6CBD}
.ol-tabs s{text-decoration:none;color:#707070;padding-bottom:9px}
.ol-head{border-bottom:1px solid #EDEBE9}
.ol-m{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;padding:11px 18px 11px 20px;border-bottom:1px solid #F3F2F1;color:#616161}
.ol-m.un::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 2px 2px 0;background:#0F6CBD}
.ol-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12.5px;font-weight:600;margin-top:2px}
.ol-tx{min-width:0;display:grid;gap:1px}
.ol-r{display:flex;justify-content:space-between;gap:10px}
.ol-r b{font-size:14.5px;color:#242424;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ol-r em{font-style:normal;font-size:12.5px;color:#707070;white-space:nowrap}
.ol-s,.ol-p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}
.ol-s{color:#424242}
.ol-p{color:#8A8886}
.ol-m.un .ol-r b{font-weight:600}.ol-m.un .ol-s{color:#0F6CBD;font-weight:600}.ol-m.un .ol-r em{color:#0F6CBD;font-weight:600}
/* Gegenüberstellung: Videofeld wie ein Player */
.vs .or{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fff;color:var(--grau);font-size:12.5px;box-shadow:0 10px 30px -12px rgba(0,0,0,.25)}
.vidf{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:16/10;min-height:340px;color:#fff;background:#141816;box-shadow:0 40px 80px -40px rgba(0,0,0,.55)}
.vidf img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vidf::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,16,14,.35) 0,rgba(12,16,14,0) 28%,rgba(12,16,14,0) 45%,rgba(12,16,14,.88) 100%)}
.vidf .ph{z-index:2;left:auto;right:14px;top:14px}
.vidf-chip{position:absolute;z-index:2;left:16px;top:16px;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;background:rgba(20,24,22,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:600 13px var(--f-b)}
.vidf-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange)}
.vidf-play{position:absolute;z-index:2;left:50%;top:44%;display:grid;place-items:center;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 12px 30px -10px rgba(0,0,0,.5);transition:transform .25s}
.vidf:hover .vidf-play{transform:scale(1.07)}
.vidf-bot{position:absolute;z-index:2;left:22px;right:22px;bottom:18px}
.vidf-ctl{display:flex;align-items:center;gap:12px;margin-top:14px;font:500 12.5px var(--f-b);color:rgba(255,255,255,.75);font-variant-numeric:tabular-nums}
.vidf-bar{flex:1;height:4px;border-radius:3px;background:rgba(255,255,255,.25);position:relative}
.vidf-bar i{position:absolute;left:0;top:0;bottom:0;width:24%;border-radius:3px;background:var(--orange)}
.vidf-bar i::after{content:"";position:absolute;right:-6px;top:-4px;width:12px;height:12px;border-radius:50%;background:#fff}
/* Fakten als Kette */
.ik-facts{margin-top:clamp(72px,8vw,110px)}
.ik-facts > .h3{max-width:720px;font-size:clamp(24px,2.2vw,32px)}
.stat3.chain{position:relative;margin-top:28px}
.stat3 .fk{display:flex;align-items:center;gap:10px;margin:0 0 18px;font:600 13px var(--f-b);letter-spacing:.06em;text-transform:uppercase;color:var(--grau)}
.stat3 .fk b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(29,29,31,.07);font-size:12px;letter-spacing:0;color:var(--text)}
.stat3 .card.d .fk b{background:rgba(238,122,60,.2);color:var(--orange-hell)}
@media (min-width:900px){.stat3.chain > div{position:relative}
 .stat3.chain > div:not(:last-child)::after{content:"";position:absolute;right:-17px;top:50%;z-index:2;width:14px;height:14px;margin-top:-7px;border-top:2px solid var(--grau2);border-right:2px solid var(--grau2);transform:rotate(45deg)}}
/* Formate: Erstgespräch-Hinweis sichtbar */
.fmt-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px 56px;align-items:center;margin-top:36px;padding:clamp(28px,3.2vw,44px);border-radius:30px;background:radial-gradient(120% 140% at 100% 0,rgba(220,88,18,.32),rgba(220,88,18,0) 55%),#141816;color:#fff;box-shadow:0 30px 60px -30px rgba(20,24,22,.5)}
.fmt-cta .fc-tx{max-width:720px}
.fmt-cta .fc-act{display:grid;justify-items:start;gap:12px}
@media (max-width:899px){.fmt-cta{grid-template-columns:minmax(0,1fr);padding:26px 22px}.vidf{aspect-ratio:4/3.4;min-height:0}.ol-tabs{display:none}.vs .or{margin:0 auto}}

/* ===== IK Runde 17: Schieberegler, Formate am Platz, Checkliste, Zeitstrahl, Abschluss ===== */
/* Schieberegler Rundmail und Video */
.cmp{position:relative;margin-top:56px;height:clamp(400px,38vw,520px);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05),0 40px 80px -40px rgba(0,0,0,.4);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize}
.cmp-mail{position:absolute;inset:0;background:#fff;font-family:"Segoe UI",var(--f-b);color:#242424}
.cmp-mb{display:flex;align-items:center;gap:14px;height:44px;padding:0 16px;background:#0F6CBD}
.cmp-mi{padding:28px 34px;max-width:560px}
.cmp-sub{margin:0;font:600 22px/1.25 "Segoe UI",var(--f-b);color:#242424}
.cmp-from{display:flex;align-items:center;gap:10px;margin:14px 0 16px}
.cmp-from > span:last-child{display:grid;font-size:13px;color:#707070}.cmp-from b{font-size:14.5px;color:#242424;font-weight:600}
.cmp-mi p{margin:10px 0 0;font-size:14.5px;line-height:1.6;color:#424242}
.cmp-att{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 12px;border:1px solid #E1DFDD;border-radius:6px;font-size:13px;color:#242424}
.cmp-att i{width:14px;height:18px;border-radius:2px;background:#C43E1C}
.cmp-vid{position:absolute;inset:0;clip-path:inset(0 0 0 var(--p,44%));background:#141816;color:#fff}
.cmp-vid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cmp-vid::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,16,14,.3) 0,rgba(12,16,14,0) 26%,rgba(12,16,14,0) 50%,rgba(12,16,14,.88))}
.cmp-vid .vidf-chip{left:calc(var(--p,44%) + 16px)}
.cmp-vid .vidf-bot{left:min(calc(var(--p,44%) + 26px),64%);right:26px;bottom:22px}
.cmp-h{position:absolute;top:0;bottom:0;left:var(--p,44%);z-index:5;width:2px;margin-left:-1px;background:#fff;pointer-events:none;box-shadow:0 0 14px rgba(0,0,0,.25)}
.cmp-h::after{content:"";position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l-5 5 5 5M15 7l5 5-5 5' fill='none' stroke='%231D1D1F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px no-repeat;box-shadow:0 8px 24px -8px rgba(0,0,0,.45)}
.cmp:has(.cmp-r:focus-visible) .cmp-h::after{outline:3px solid var(--orange-hell);outline-offset:3px}
.cmp-tag{position:absolute;z-index:4;bottom:20px;padding:6px 12px;border-radius:999px;font:600 12.5px var(--f-b);pointer-events:none}
.cmp-tag.l{left:20px;background:#EDEBE9;color:#242424}.cmp-tag.r{right:20px;background:var(--orange);color:var(--navy)}
.cmp-vid .vidf-bot{bottom:58px}
.cmp-r{position:absolute;left:0;bottom:0;width:100%;height:2px;margin:0;opacity:0;pointer-events:none}
.cmp-hint{margin-top:14px;text-align:center}
@media (max-width:899px){.cmp{height:440px;margin-top:40px}.cmp-mi{padding:18px 18px;max-width:340px}.cmp-mi p{font-size:13px}.cmp-sub{font-size:18px}.cmp-vid .vidf-bot{display:none}.cmp-mb .ol-search{display:none}}
/* Formate: Kacheln wachsen am Platz */
@property --mk{syntax:'<length>';inherits:false;initial-value:0px}
.xf-img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--mk,0px));mask-image:linear-gradient(90deg,transparent 0,#000 var(--mk,0px))}
@media (min-width:900px){
 .xf.lay{display:block;position:relative;height:600px}
 .xf.lay .xf-c{position:absolute;flex:none}
 .xf.lay.ready .xf-c{transition:left .75s cubic-bezier(.2,.8,.2,1),top .75s cubic-bezier(.2,.8,.2,1),width .75s cubic-bezier(.2,.8,.2,1),height .75s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
 .xf.lay.ready .xf-img{transition:left .75s cubic-bezier(.2,.8,.2,1),width .75s cubic-bezier(.2,.8,.2,1),--mk .75s cubic-bezier(.2,.8,.2,1)}
 .xf.lay .xf-img{right:auto}
}
/* Was Sie mitbringen: Checkliste */
.br-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 64px;align-items:end}
.br-head .lead{max-width:580px}
.ckl{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:start;margin-top:44px}
.ckl-l{padding:clamp(26px,3.2vw,46px);border-radius:32px;background:#fff;box-shadow:0 1px 2px rgba(20,24,22,.05),0 40px 80px -48px rgba(20,24,22,.35)}
.ckl-i{display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px;padding:18px 0;border-top:1px solid rgba(29,29,31,.08);cursor:pointer}
.ckl-i:first-of-type{margin-top:24px}
.ckl-i input{-webkit-appearance:none;appearance:none;width:26px;height:26px;margin:1px 0 0;border-radius:8px;border:1.5px solid rgba(29,29,31,.28);background:#fff;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s}
.ckl-i input:checked{background:var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.5 7.2l2.3 2.3 4.7-5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/17px no-repeat;border-color:var(--orange);transform:scale(1.06)}
.ckl-i input:focus-visible{outline:3px solid var(--orange-hell);outline-offset:3px}
.ckl-i:hover input:not(:checked){border-color:var(--orange)}
.ckl-t b{display:block;font:600 18px/1.35 var(--f-b);color:var(--text)}
.ckl-t > span{display:block;margin-top:4px;font-size:15.5px;line-height:1.55;color:var(--grau)}
.ckl-f{display:flex;align-items:center;gap:18px;padding-top:20px;border-top:1px solid rgba(29,29,31,.08)}
.ckl-n{margin:0;font:600 14.5px var(--f-b);color:var(--orange-ink);white-space:nowrap}
.ckl-bar{position:relative;flex:1;height:6px;border-radius:3px;background:rgba(29,29,31,.08);overflow:hidden}
.ckl-bar i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--n,0) * 25%);border-radius:3px;background:linear-gradient(90deg,var(--orange),var(--orange-hell));transition:width .5s cubic-bezier(.2,.8,.2,1)}
.ckl-go{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.8,.2,1)}
.ckl-go > div{min-height:0;overflow:hidden}.ckl-go .btn{margin-top:20px}
.ckl.done .ckl-go{grid-template-rows:1fr}
.ckl-r{position:relative;overflow:hidden;padding:clamp(26px,3vw,42px);border-radius:32px;background:var(--graphit);color:#fff;box-shadow:0 40px 80px -48px rgba(20,24,22,.6)}
.ckl-r::before{content:"";position:absolute;right:-90px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(closest-side,rgba(220,88,18,.45),transparent);pointer-events:none}
.ckl-r .h3{position:relative;margin-top:10px;color:#fff}
.ckl-r ul{position:relative;list-style:none;margin:22px 0 0;padding:0;display:grid;gap:16px}
.ckl-r li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;font-size:16px;line-height:1.5;color:#D5D9D7}
.ckl-r li::before{content:"";width:20px;height:20px;margin-top:2px;border-radius:50%;background:rgba(238,122,60,.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.5 7.2l2.3 2.3 4.7-5' fill='none' stroke='%23EE7A3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
@media (max-width:899px){.br-head,.ckl{grid-template-columns:minmax(0,1fr)}.ckl{margin-top:32px}.ckl-f{flex-wrap:wrap}.ckl-bar{flex-basis:100%}}
/* Zeitstrahl */
.zs-box{position:relative;border-radius:36px;overflow:hidden;background:#141816;color:#fff;isolation:isolate;box-shadow:0 50px 100px -50px rgba(0,0,0,.55)}
.zs-bg{position:absolute;inset:0;z-index:-2}
.zs-bg img{width:100%;height:100%;object-fit:cover;filter:blur(20px) saturate(.75) brightness(.42);transform:scale(1.15)}
.zs-box::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 90% at 0 0,rgba(220,88,18,.3),transparent 60%),radial-gradient(50% 70% at 100% 100%,rgba(238,122,60,.12),transparent 60%),linear-gradient(180deg,rgba(20,24,22,.25),rgba(20,24,22,.7))}
.zs-in{padding:clamp(28px,4vw,56px)}
.zs-hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px}
.zs-hd .h2{margin-top:10px;color:#fff}
.zs-track{margin-top:clamp(36px,4vw,52px)}
.zs-tc{font:600 12.5px var(--f-b);color:rgba(255,255,255,.55);font-variant-numeric:tabular-nums}
.zs-track{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px}
.zs-line{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;height:6px}
.zs-seg{position:relative;border-radius:3px;background:rgba(255,255,255,.16);overflow:hidden}
.zs-seg i{position:absolute;inset:0;border-radius:3px;background:linear-gradient(90deg,var(--orange),var(--orange-hell));transform-origin:left}
.zs-ph{position:absolute;top:50%;left:100%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.14),0 0 24px rgba(238,122,60,.7)}
.zs-steps{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:20px}
.zs-s{display:grid;align-content:start;gap:18px;padding:16px 16px 22px;border-radius:26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.zs-th{position:relative;display:block;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#262B29}
.zs-th img{width:100%;height:100%;object-fit:cover}
.zs-th b{position:absolute;left:10px;top:10px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--orange);color:var(--navy);font:700 15px var(--f-d)}
.zs-tx{display:block;padding-inline:6px}
.zs-k{display:block;font:600 12.5px var(--f-b);letter-spacing:.07em;text-transform:uppercase;color:var(--orange-hell)}
.zs-t{display:block;margin-top:6px;font:700 clamp(22px,2vw,26px)/1.15 var(--f-d);letter-spacing:-.025em}
.zs-p{display:block;margin-top:8px;font-size:16px;line-height:1.55;color:#C9CECC}
.zs.zs-armed .zs-seg i{transform:scaleX(0)}.zs.zs-armed .zs-ph{left:0}.zs.zs-armed .zs-s{opacity:.35;transform:translateY(12px)}
.zs.zs-go .zs-seg i{animation:zsFill 1.25s linear forwards;animation-delay:calc(var(--k,0) * 1.25s + .2s)}
.zs.zs-go .zs-ph{animation:zsPh 3.75s linear .2s forwards}
.zs.zs-go .zs-s{animation:zsIn .8s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i,0) * 1.25s + .2s)}
@keyframes zsFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes zsPh{from{left:0}to{left:100%}}
@keyframes zsIn{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (max-width:899px){.zs-steps{grid-auto-flow:row}.zs-tc:last-child{display:none}.zs-track{grid-template-columns:auto minmax(0,1fr)}.zs-box{border-radius:28px}}
/* Abschluss: Erstgespräch, Knopf, Employer Branding als Bogen */
.ie-g{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:auto auto;gap:20px}
.ie-k{grid-row:span 2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:600px;border-radius:36px;overflow:hidden;background:radial-gradient(90% 120% at 0 0,rgba(220,88,18,.3),transparent 60%),var(--graphit);color:#fff;box-shadow:0 50px 100px -50px rgba(0,0,0,.55)}
.ie-tx{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:clamp(28px,3.6vw,56px)}
.ie-tx .eb{color:rgba(255,255,255,.66)}
.ie-tx .h2{color:#fff}
.ie-tx .lead{color:#D5D9D7}
.ie-alt{margin:10px 0 0;font-size:15px;color:rgba(255,255,255,.6)}.ie-alt span{color:#fff;font-weight:600}
.ie-por{position:relative;min-height:300px}
.ie-por img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ie-por::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(20,24,22,.75))}
.ie-nm{position:absolute;left:22px;bottom:20px;z-index:1;display:grid;font-size:14px;color:rgba(255,255,255,.75)}.ie-nm b{font-size:16px;color:#fff}
.ie-btn{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;min-height:270px;padding:30px;border-radius:36px;background:var(--orange);color:var(--navy);text-decoration:none;overflow:hidden;box-shadow:0 40px 80px -46px rgba(220,88,18,.8);transition:background-color .3s,transform .3s}
.ie-btn::before{content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.3),transparent);pointer-events:none}
.ie-btn b{font:700 clamp(30px,2.7vw,40px)/1.02 var(--f-d);letter-spacing:-.04em;max-width:10ch}
.ie-bk{font:600 12.5px var(--f-b);letter-spacing:.07em;text-transform:uppercase;color:rgba(12,24,36,.75)}
.ie-mi{font-size:15px;color:rgba(12,24,36,.8)}
.ie-arw{position:absolute;right:26px;top:26px;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--navy);color:#fff;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.ie-arw svg{width:24px;height:24px}
.ie-btn:hover{background:var(--orange-hell)}.ie-btn:hover .ie-arw{transform:rotate(-45deg)}
.ie-btn:focus-visible{outline:3px solid var(--navy);outline-offset:4px}
.ie-eb{position:relative;display:block;min-height:310px;border-radius:999px 999px 36px 36px;overflow:hidden;color:#fff;text-decoration:none;isolation:isolate;background:#141816}
.ie-eb img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.ie-eb::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,24,22,0) 30%,rgba(20,24,22,.88))}
.ie-ebt{position:absolute;left:26px;right:84px;bottom:24px;display:grid;gap:3px}
.ie-ebk{font:600 11.5px var(--f-b);letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.ie-ebt b{font:700 23px/1.15 var(--f-d);letter-spacing:-.02em}
.ie-ebt > span:last-child{font-size:14.5px;color:#D5D9D7}
.ie-ebg{position:absolute;right:22px;bottom:24px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .3s}
.ie-eb:hover img{transform:scale(1.05)}.ie-eb:hover .ie-ebg{background:var(--orange)}
@media (max-width:899px){.ie-g{grid-template-columns:minmax(0,1fr)}.ie-k{grid-row:auto;grid-template-columns:minmax(0,1fr);min-height:0}.ie-por{order:-1;min-height:280px}.ie-btn{min-height:200px}.ie-eb{min-height:330px}}
.xf-c .xf-img .ph{left:auto!important;right:60px;top:18px}
@media (min-width:900px){.xf-c.wide .xf-img img{filter:saturate(.85) brightness(.9)!important}.xf-c.wide .xf-sh{background:linear-gradient(180deg,rgba(20,24,22,0) 45%,rgba(20,24,22,.55))}}
@media (max-width:899px){.cmp-vid .vidf-chip{display:none}}

/* ===== IK Runde 18: Zahlen, Standbild mit Untertitel, Wegweiser, Ihr Teil mein Teil, Zeitstrahl im Kreis, Abschluss mit Weiche ===== */
.v-ik{--grau:#55555B}
/* Zahlen: eine Hauptzahl, drei Belege */
.fz{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.2fr);gap:20px;margin-top:28px}
.fz-main{display:flex;flex-direction:column;justify-content:flex-end;gap:18px;padding:clamp(28px,3vw,44px);border-radius:32px;background:radial-gradient(90% 80% at 100% 0,rgba(220,88,18,.26),transparent 60%),var(--graphit);color:#fff;box-shadow:0 40px 80px -48px rgba(20,24,22,.6)}
.fz-n{margin:0;font:700 clamp(64px,7vw,104px)/.95 var(--f-d);letter-spacing:-.055em;color:var(--orange-hell)}
.fz-n small{font-size:.42em;letter-spacing:-.02em;margin-left:.04em}
.fz-n span{font-size:.36em;letter-spacing:0;color:rgba(255,255,255,.55);margin:0 .12em}
.fz-n.s{font-size:clamp(44px,4.4vw,60px);color:var(--text)}
.fz-n.s span{color:var(--grau2)}
.fz-n.o{color:var(--orange-ink)}
.fz-t{margin:0;font-size:17px;line-height:1.5;color:#D5D9D7;max-width:520px}
.fz-c .fz-t{color:var(--grau);font-size:16px}
.fz-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fz-c{display:flex;flex-direction:column;gap:14px;padding:clamp(22px,2.4vw,32px);border-radius:28px;background:#fff;box-shadow:0 1px 2px rgba(20,24,22,.05),0 30px 60px -44px rgba(20,24,22,.35)}
.fz-wide{grid-column:1/-1}
.fz-bars{display:grid;gap:8px}
.fz-bars span{display:grid;grid-template-columns:minmax(120px,auto) minmax(0,1fr) 52px;align-items:center;gap:12px;font-size:13.5px;color:rgba(255,255,255,.7)}
.fz-bars i{position:relative;height:8px;border-radius:4px;background:rgba(255,255,255,.12);overflow:hidden}
.fz-bars i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:4px;background:var(--orange-hell)}
.fz-bars span + span i::after{background:rgba(255,255,255,.45)}
.fz-bars em{font-style:normal;font-weight:600;color:#fff;text-align:right}
.fz-bars.l span{color:var(--grau);grid-template-columns:96px minmax(0,1fr) 52px}
.fz-bars.l i{background:rgba(29,29,31,.07)}
.fz-bars.l i::after{background:var(--graphit)}
.fz-bars.l span + span i::after{background:var(--grau-d)}
.fz-bars.l em{color:var(--text)}
@media (max-width:899px){.fz,.fz-side{grid-template-columns:minmax(0,1fr)}}
/* Standbild aus dem Videopodcast mit Untertitel */
.wvc{border-radius:30px;overflow:hidden;background:#141816;color:#fff;box-shadow:0 1px 2px rgba(20,24,22,.06),0 30px 60px -30px rgba(20,24,22,.45)}
.wvc-m{position:relative;aspect-ratio:16/10;overflow:hidden}
.wvc-m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wvc-m::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,18,16,.35) 0,rgba(14,18,16,0) 22%,rgba(14,18,16,0) 55%,rgba(14,18,16,.75))}
.wvc-k{position:absolute;z-index:2;left:18px;top:16px;margin:0;font:600 12.5px var(--f-b);color:rgba(255,255,255,.85)}
.wvc-m .ph{left:auto;right:14px}
.wvc-sub{position:absolute;z-index:2;left:60%;bottom:52px;transform:translateX(-50%);width:min(78%,420px);margin:0;padding:8px 14px;border-radius:8px;background:rgba(0,0,0,.66);font:600 16px/1.4 var(--f-b);text-align:center;color:#fff}
.wvc-ctl{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;display:flex;align-items:center;gap:12px;font:500 12px var(--f-b);color:rgba(255,255,255,.75);font-variant-numeric:tabular-nums}
.wvc-bar{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.25);position:relative}
.wvc-bar i{position:absolute;left:0;top:0;bottom:0;width:34%;border-radius:2px;background:var(--orange)}
.wvc-tags{display:flex;flex-wrap:wrap;gap:8px;padding:18px 20px 20px}
.wvc-tags span{padding:6px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.18);font:500 14px var(--f-b);color:#E3E6E4}
@media (max-width:899px){.wvc-sub{left:50%;font-size:14px;bottom:46px;width:86%}}
/* Wegweiser unter den Formaten */
.fmt-way{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}
.fw-r{display:grid}
.fw-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:16px;align-items:center;padding:14px 0;border-top:1px solid rgba(255,255,255,.1)}
.fw-row.fw-hd{border-top:0;padding-top:0;font:600 12px var(--f-b);letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.fw-a{font-size:16px;line-height:1.4;color:#E3E6E4}
.fw-f{display:flex;flex-wrap:wrap;gap:6px}
.fw-f i{font-style:normal;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.2);font:500 13.5px var(--f-b);color:#D5D9D7}
.fw-f i.m{background:#fff;border-color:#fff;color:var(--text);font-weight:600}
@media (max-width:899px){.fmt-way{grid-template-columns:minmax(0,1fr)}.fw-row{grid-template-columns:minmax(0,1fr);gap:8px}.fw-row.fw-hd{display:none}}
/* Ihr Teil, mein Teil */
.prs{margin-top:40px;border-radius:32px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(20,24,22,.05),0 50px 100px -60px rgba(20,24,22,.45)}
.pr-row{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)}
.pr-row > div{padding:26px clamp(22px,2.6vw,36px)}
.pr-s{border-top:1px solid rgba(29,29,31,.08)}
.pr-i{background:var(--graphit);color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.pr-hd > div{padding-top:22px;padding-bottom:18px;border-top:0;font:600 12.5px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--grau)}
.pr-hd .pr-i{color:var(--orange-hell)}
.pr-row b{display:block;font:700 clamp(19px,1.6vw,22px)/1.2 var(--f-d);letter-spacing:-.02em}
.pr-row span{display:block;margin-top:6px;font-size:16px;line-height:1.55;color:var(--grau)}
.pr-i span{color:#C9CECC}
.pr-ar{display:grid;place-items:center;padding:0!important;background:linear-gradient(90deg,#fff 50%,var(--graphit) 50%);border-top:1px solid rgba(29,29,31,.08)}
.pr-hd .pr-ar{border-top:0}
.pr-ar i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--orange);color:var(--navy);box-shadow:0 0 0 6px #fff}
.pr-ar i svg{width:20px;height:20px}
@media (max-width:899px){.pr-row{grid-template-columns:minmax(0,1fr)}.pr-ar{height:0;overflow:visible;background:none;border:0}.pr-ar i{width:36px;height:36px;margin-top:-18px;transform:rotate(90deg);position:relative;z-index:1}.pr-hd{display:none}.pr-row > div{padding:20px}}
/* Zeitstrahl im Kreis */
.zs-seg i{transform:scaleX(0);transition:none}
.zs-s{transition:transform .8s cubic-bezier(.2,.8,.2,1),background-color .6s,border-color .6s,box-shadow .6s;cursor:pointer}
.zs-s.on{transform:scale(1.035);background:rgba(255,255,255,.1);border-color:rgba(238,122,60,.55);box-shadow:0 30px 60px -36px rgba(0,0,0,.85)}
@media (max-width:899px){.zs-s.on{transform:scale(1.02)}}
/* Abschluss: eine Karte mit Weiche */
.ie-g{display:block;border-radius:36px;overflow:hidden;background:radial-gradient(90% 120% at 0 0,rgba(220,88,18,.3),transparent 60%),var(--graphit);color:#fff;box-shadow:0 50px 100px -50px rgba(0,0,0,.55)}
.ie-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);min-height:520px}
.ie-tx{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:clamp(28px,4vw,64px)}
.ie-act{display:grid;justify-items:start;gap:10px;margin-top:6px}
.ie-act .micro{color:rgba(255,255,255,.65)}
.ie-wei{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;padding:18px clamp(22px,4vw,64px);border-top:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;text-decoration:none;transition:background-color .3s}
.ie-wei:hover{background:rgba(255,255,255,.08)}
.ie-wi{display:block;width:104px;height:64px;border-radius:14px;overflow:hidden}
.ie-wi img{width:100%;height:100%;object-fit:cover}
.ie-wt b{display:block;font:700 19px var(--f-d);letter-spacing:-.015em}
.ie-wt > span{display:block;margin-top:2px;font-size:15.5px;color:#C9CECC}
.ie-wg{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.3);font:600 14.5px var(--f-b);white-space:nowrap;transition:background-color .3s,border-color .3s}
.ie-wei:hover .ie-wg{background:#fff;color:var(--text);border-color:#fff}
@media (max-width:899px){.ie-top{grid-template-columns:minmax(0,1fr);min-height:0}.ie-por{order:-1;min-height:280px}.ie-wei{grid-template-columns:auto minmax(0,1fr);gap:14px}.ie-wg{grid-column:1/-1;justify-self:start}}
.fz-main{justify-content:space-between}
.fz-k{margin:0 0 auto;font:600 12.5px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.wvc-sub{left:auto;right:16px;transform:none;width:min(72%,400px);text-align:left}
@media (max-width:899px){.wvc-sub{left:12px;right:12px;width:auto;text-align:center}}

/* ===== IK Runde 19: Grunddesign K1 (Bühne, Organigramm über 1 bis 2 Abschnitte, Aushänge an anderen Stellen) ===== */
.ik-why{position:relative}
.ik-why .w{position:relative}
.iorg{position:absolute;z-index:0;overflow:visible;pointer-events:none}
.iorg .io-e path{fill:none;stroke:rgba(29,29,31,.16);stroke-width:1.3}
.iorg .io-f path{fill:none;stroke:rgba(238,122,60,.8);stroke-width:2;stroke-linecap:round}
.iorg .io-f{transition:opacity .8s}.iorg .io-f.out{opacity:0}
.iorg .io-n rect,.iorg .io-n circle{fill:var(--sand);stroke:rgba(29,29,31,.22);stroke-width:1.2;transition:fill .5s,stroke .5s}
.iorg .io-n .on{fill:rgba(238,122,60,.22);stroke:rgba(220,88,18,.7)}
.iorg .io-pb{transition:opacity .6s}.iorg .io-pb.out{opacity:0}
.iorg .io-pb .bg{fill:#fff;filter:drop-shadow(0 6px 10px rgba(20,24,22,.25));transform-box:fill-box;transform-origin:center;animation:pbIn .5s cubic-bezier(.34,1.56,.64,1) both}
.iorg .io-pb path{fill:var(--orange);transform-box:fill-box;transform-origin:center;animation:pbIn .5s .08s cubic-bezier(.34,1.56,.64,1) both}
.iorg .io-pb .rip{fill:none;stroke:var(--orange-hell);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:pbRip 1.1s .35s ease-out both}
@keyframes pbIn{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes pbRip{from{transform:scale(1);opacity:.8}to{transform:scale(2.6);opacity:0}}
.ik-why .why-g{position:relative;z-index:1}
@media (min-width:900px){
 .ik-why .wvc{margin-right:calc(-1 * max(var(--gut), (100vw - var(--maxw)) / 2));border-radius:30px 0 0 30px}
 .ik-why .wvc-sub{right:max(16px, calc((100vw - var(--maxw)) / 2 - 40px))}
}
/* Ihr Teil, mein Teil: Bild läuft rechts in den Rand, die Karte liegt darüber */
.ik-bring{position:relative}
.br-img{display:none}
@media (min-width:900px){
 .br-img{display:block;position:absolute;right:0;top:330px;bottom:120px;width:min(44vw,640px);border-radius:32px 0 0 32px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(20,24,22,.45)}
 .br-img img{width:100%;height:100%;object-fit:cover}
 .ik-bring .prs{position:relative;z-index:1;max-width:960px}
}
/* Aushänge, die sich zu Videos drehen */
.ash{position:absolute;z-index:2;width:230px;height:160px;perspective:900px;pointer-events:none}
.ash-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.2,.8,.2,1);transform:rotate(var(--r))}
.ash.on .ash-in{transform:rotate(var(--r)) rotateY(180deg)}
.ash-f,.ash-b{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 18px 36px -20px rgba(20,24,22,.45)}
.ash-f{padding:18px;background:#FCFAF6;font:600 11px/1.4 var(--f-b);letter-spacing:.06em;text-transform:uppercase;color:rgba(29,29,31,.5)}
.ash-f b{display:block;margin-top:8px;font:700 19px/1.2 var(--f-d);letter-spacing:-.01em;text-transform:none;color:rgba(29,29,31,.72)}
.ash-f s{display:block;height:6px;margin-top:12px;border-radius:3px;background:rgba(29,29,31,.08);text-decoration:none}
.ash-f s + s{width:70%}
.ash-f::before{content:"";position:absolute;left:50%;top:-7px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--navy);opacity:.7}
.ash-b{transform:rotateY(180deg);border-radius:14px;overflow:hidden;background:#141816}
.ash-b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ash-b::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 40%,rgba(14,18,16,.82))}
.ash-b::after{content:"";position:absolute;z-index:2;left:50%;top:40%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:rgba(255,255,255,.94) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7 5l8 5-8 5z' fill='%23DC5812'/%3E%3C/svg%3E") center/18px no-repeat}
.ash-b span{position:absolute;z-index:2;left:12px;right:12px;bottom:10px;font:700 13px/1.25 var(--f-d);color:#fff}
.ik-fmt .w,.ie .w{position:relative}
.ash-fmt{right:clamp(0px,4vw,60px);top:-20px}
.ash-br{left:-40px;bottom:-150px}
.ik-bring .w{position:relative}
.ash-end{right:-30px;top:-210px}
@media (max-width:1099px){.ash-br{display:none}}
@media (max-width:899px){.ash{display:none}}

/* ===== IK Runde 20: Zahlen-Balken oben, Ihr Teil gestapelt, Kacheln mit Hover, Aushänge versetzt ===== */
.fz-top{display:grid;gap:16px;margin-bottom:auto}
.fz-main .fz-k{margin:0}
.fz-main .fz-bars{margin-top:4px}
.ik-bring .br-head{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start;max-width:760px}
.ik-bring .br-head .lead{max-width:680px}
.xf-c:not(.open){cursor:pointer}
.xf.lay.ready .xf-c{transition:left .75s cubic-bezier(.2,.8,.2,1),top .75s cubic-bezier(.2,.8,.2,1),width .75s cubic-bezier(.2,.8,.2,1),height .75s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.xf-x{transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s,background-color .3s,border-color .3s}
@media (hover:hover){
 .xf-c:not(.open):hover{box-shadow:0 0 0 2px var(--orange-hell),0 30px 60px -30px rgba(20,24,22,.55)}
 .xf-c:not(.open):hover .xf-img img{filter:saturate(1) brightness(1)!important}
 .xf-c:not(.open):hover .xf-x{background:var(--orange);border-color:var(--orange);transform:scale(1.18)}
}
.xf-c:not(.open):focus-within{box-shadow:0 0 0 2px var(--orange-hell)}
.xf.nudge .xf-c:not(.open) .xf-x{animation:xfNudge 1.6s cubic-bezier(.34,1.56,.64,1) 2}
@keyframes xfNudge{0%,100%{transform:scale(1);background-color:transparent}40%{transform:scale(1.25);background-color:var(--orange);border-color:var(--orange)}}
.ash-fmt{top:-150px;right:clamp(0px,3vw,40px)}
.ash-end2{left:-30px;bottom:-190px;top:auto;right:auto}
@media (max-width:1099px){.ash-end2{display:none}}

/* ===== IK Runde 21: Organigramm über Zahlen und Video (O2 mit Spitze aus O1), Play-Icon kleine Videokachel (P3) ===== */
.v-ik{position:relative}
.iorg{display:none}
.iknet{position:absolute;left:0;top:0;z-index:0;pointer-events:none;overflow:visible}
.iknet .e path{fill:none;stroke:rgba(29,29,31,.16);stroke-width:1.3}
.iknet .f path{fill:none;stroke:rgba(238,122,60,.8);stroke-width:2;stroke-linecap:round}
.iknet .f{transition:opacity .8s}.iknet .f.out{opacity:0}
.iknet .n rect,.iknet .n circle{fill:var(--sand);stroke:rgba(29,29,31,.22);stroke-width:1.2;transition:fill .5s,stroke .5s,opacity .3s}
.iknet .n .on{fill:rgba(238,122,60,.22);stroke:rgba(220,88,18,.7)}
.iknet .n circle.pt.on{fill:var(--orange-hell);stroke:var(--orange-hell)}
.iknet .n .src{opacity:0}
.v-ik .fz-main,.v-ik .fz-c{transition:box-shadow .5s}
.v-ik .fz-main.lit{box-shadow:0 0 0 2px rgba(238,122,60,.9),0 26px 50px -30px rgba(220,88,18,.55)}
.v-ik .fz-c.lit{box-shadow:0 0 0 2px rgba(238,122,60,.9),0 30px 60px -36px rgba(220,88,18,.5)}
@media (min-width:900px){.v-ik .ik-facts > .fz{margin-top:80px}.v-ik .ik-facts > .src{max-width:46%}}
.ikpi{position:absolute;z-index:4;width:0;height:0;pointer-events:none;transition:opacity .6s}
.ikpi.out{opacity:0}
.ikpi > i{position:absolute;left:0;top:0;display:grid;place-items:center;width:72px;height:42px;border-radius:10px;overflow:hidden;transform:translate(-50%,-50%);background:linear-gradient(180deg,rgba(14,18,16,.15),rgba(14,18,16,.6)),url('/assets/img/ik-vpod.webp') 60% 30%/cover;box-shadow:0 0 0 3px #fff,0 14px 26px -12px rgba(20,24,22,.55);animation:ikpiIn .5s cubic-bezier(.34,1.56,.64,1) both}
.ikpi.onimg > i{background:rgba(12,24,36,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 0 1px rgba(255,255,255,.5)}
.ikpi svg{width:16px;height:16px;margin-left:2px;fill:#fff}
.ikpi b{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--orange-hell);transform-origin:0 50%;animation:ikpiBar var(--dur,4s) linear .4s both}
@keyframes ikpiIn{from{opacity:0;transform:translate(-50%,-50%) scale(.4)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes ikpiBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (max-width:899px){.iknet,.ikpi{display:none}}

/* Aushänge: Play-Icon auf der Videoseite wie die kleine Videokachel (P3) */
.ash-b::after{width:58px;height:34px;margin:-17px 0 0 -29px;border-radius:9px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6.5 4.6l8.6 5.4-8.6 5.4z' fill='%23fff'/%3E%3C/svg%3E") 52% 45%/16px no-repeat,linear-gradient(90deg,var(--orange-hell) 38%,rgba(255,255,255,.28) 38%) 0 100%/100% 3px no-repeat,rgba(12,24,36,.58);box-shadow:0 0 0 1px rgba(255,255,255,.5)}

/* ===== IK Runde 6: Texte. Formate-Karte links auf Tabellenhöhe, Themenzeile unter der Überschrift, Lead breiter ===== */
@media (min-width:900px){.fmt-way{align-items:stretch}.fmt-way .fw-l{display:flex;flex-direction:column}.fmt-way .fw-l .h3{font-size:clamp(30px,2.7vw,40px);line-height:1.08;letter-spacing:-.035em}.fmt-way .fw-l .p{font-size:18px;line-height:1.6;margin-top:18px!important}.fmt-way .fw-l .fc-act{margin-top:auto!important;padding-top:30px}}
.ik-themes{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:30px;max-width:470px}
.ik-themes .k{flex-basis:100%;margin-bottom:2px;font:600 12px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-ink)}
.ik-themes span:not(.k){padding:7px 13px;border-radius:999px;background:#fff;border:1px solid rgba(29,29,31,.12);font:600 14px var(--f-b);color:var(--text)}
.ik-bring .br-head{max-width:none}.ik-bring .br-head .lead{max-width:780px}

/* ===== Expertenpositionierung Entwurf C: Einstieg dunkel, danach hell nach dem Muster der IK-Seite ===== */
.v-ep{--grau:#55555B;position:relative}
.ep-tosand{height:180px}
.v-ep .ik-prob{background:var(--sand);padding-top:0}
.ep-promise{margin:22px 0 0;max-width:780px;padding:16px 20px;border-left:3px solid var(--orange);border-radius:0 14px 14px 0;background:rgba(255,255,255,.65);font-size:16px;line-height:1.55;color:var(--text)}
/* Vergleich: Suchergebnisse ohne Markenbezug */
.cmp-mail.srp{font-family:Arial,var(--f-b);color:#202124}
.sr-top{display:flex;align-items:center;padding:22px 30px 18px;border-bottom:1px solid #ECECEC}
.sr-q{display:flex;align-items:center;gap:12px;width:min(520px,100%);height:46px;padding:0 20px;border-radius:999px;border:1px solid #DFE1E5;box-shadow:0 1px 6px rgba(32,33,36,.12);font-size:15.5px;color:#202124}
.sr-res{display:grid;gap:24px;padding:24px 30px;max-width:560px}
.sr-r{display:grid;gap:4px}
.sr-r .s{font-size:12.5px;color:#4D5156}
.sr-r .t{font-size:19px;line-height:1.3;color:#1F3B8A}
.sr-r .d{font-size:13.5px;line-height:1.55;color:#4D5156}
.ep-cmp .cmp-tag.l{background:#EDEFF2}
/* Aushang als Suchanfrage, dreht sich zum Video */
.ash-q .ash-f{border-radius:16px;background:#fff}
.ash-q .ash-f::before{display:none}
.ash-q .ash-f b{display:flex;align-items:center;gap:9px;margin-top:12px;padding:10px 14px;border-radius:999px;border:1px solid rgba(29,29,31,.14);font:500 14.5px/1.3 var(--f-b);letter-spacing:0;color:rgba(29,29,31,.82)}
.ash-q .ash-f b::before{content:"";flex:none;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='5.5' fill='none' stroke='%235F6368' stroke-width='2'/%3E%3Cpath d='M13 13l4 4' stroke='%235F6368' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
/* Berufsrecht unter den Paaren */
.ep-law{display:flex;gap:18px;align-items:flex-start;max-width:960px;margin-top:28px;padding:20px 24px;border-radius:22px;background:#fff;box-shadow:0 1px 2px rgba(20,24,22,.05),0 24px 50px -36px rgba(20,24,22,.35)}
.ep-law-i{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--orange);color:var(--navy);font:700 19px var(--f-d)}
.ep-law p{margin:0;font-size:16px;line-height:1.55;color:var(--grau)}
.ep-law b{display:block;margin-bottom:2px;font:700 17px var(--f-d);color:var(--text)}
.br-img .ph{z-index:2}
@media (max-width:899px){.ep-tosand{height:90px}.sr-res{padding:18px 20px}.sr-top{padding:16px 20px}.ep-law{padding:18px}}
.ik-why{overflow-x:clip}

/* =================== Farbschicht Version 2 (Curt, 31.10.2026) ===================
   Helle Abschnitte: Stein mit Licht in Glut und Pfirsich. Dunkle Abschnitte: Graphit mit Licht in Orange und Ultramarin.
   Ultramarin ist nie Fläche, nur Licht und feine Linien, insgesamt sparsam. Lichtflecken setzt licht.js als Hintergrund der Abschnitte. */
.faq .lights{display:none}
/* Glastönung */
.fbox{background:rgba(255,255,255,.48);border-color:rgba(255,255,255,.9)}
/* Dunkle Glaskacheln der Startseite (Curt, 31.10.2026): Grundfarbe so dunkel wie der untere Teil der großen Kacheln darüber, mit etwas Glas */
.tl,.flat:not(.open){background:rgba(14,17,16,.95);border-color:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 26px 50px -28px rgba(0,0,0,.55)}
.tl .im::after{background:linear-gradient(180deg,rgba(14,17,16,0),rgba(14,17,16,.95) 94%)}
/* Hintergrund-Elemente: Licht in der Erstgespräch-Karte, Ringe */
.ekl i:last-child,.ek-3 .ek .ekl i:last-child{display:block;background:radial-gradient(closest-side,rgba(63,107,255,.36),rgba(63,107,255,0))}
.rings circle{stroke:rgba(206,120,70,calc(var(--a) * 1.05))}
.rings circle.o{stroke:rgba(220,88,18,.5)}
.rings circle:nth-child(5){stroke:rgba(63,107,255,.55);stroke-width:1.6}
/* Farbschatten */
.lst .stg{box-shadow:0 26px 50px -28px rgba(0,0,0,.7),0 50px 90px -46px rgba(255,122,53,.6)}
.lst .stg + .stg{box-shadow:0 26px 50px -28px rgba(0,0,0,.7),0 50px 90px -46px rgba(63,107,255,.42)}
.lst .tl,.lst .flat:not(.open){box-shadow:0 1px 2px rgba(0,0,0,.05),0 40px 70px -40px rgba(255,138,70,.5)}
.about .por{box-shadow:0 1px 2px rgba(0,0,0,.05),0 20px 44px -24px rgba(0,0,0,.3),0 60px 120px -48px rgba(255,138,70,.7)}
.ek .ekcard,.ek-3 .ek .ekcard{box-shadow:0 1px 2px rgba(20,24,22,.06),0 34px 60px -30px rgba(20,24,22,.32),0 90px 150px -60px rgba(255,138,70,.6),0 40px 120px -40px rgba(255,190,150,.5)}
.fbox{box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 60px 120px -60px rgba(255,138,70,.55)}
/* Lesbarkeit auf hellem Glas */
.fbox .hint{color:#56565C}
.fbox .inp .t,.faq .inp::before{color:#6E6E73}
.about .role,.about .eb{color:#A03D08}

/* Handy: lange Einträge im Zielgruppen-Menü umbrechen, sonst lässt sich die Seite seitlich verschieben (31.10.2026) */
@media (max-width:560px){.aud-p{white-space:normal}}

/* =================== Expertenpositionierung Version 24 (31.10.2026) ===================
   Dunkel mit Glas und Papier (F3). Lichtflecken setzt licht.js. Text auf Papier, Zahlen, Bilder und Erstgespräch auf hellem Glas. */
.v-ep{background:#101312;color:#F4F4F2}
.v-ep .ep-hero{background:radial-gradient(900px 620px at 80% 30%,rgba(220,88,18,.16),rgba(220,88,18,0)),#101312}
.ep-sec{position:relative;padding-block:clamp(64px,8vw,112px)}
.ep-k{padding-top:clamp(84px,10vw,140px)}
.ep-h{background:linear-gradient(180deg,#fff 35%,#C4C9C6);-webkit-background-clip:text;background-clip:text;color:transparent}
.ep-glass{border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,.07));-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 1px 0 rgba(255,255,255,.34),0 30px 60px -36px rgba(0,0,0,.85);color:#fff}
.ep-paper{border-radius:22px;background:#F4F1EA;color:#1D1D1F;box-shadow:0 28px 50px -30px rgba(0,0,0,.8)}
/* Einstieg: laufende Suchkarten */
.ep-stg{position:relative;height:420px;max-width:560px;width:100%;justify-self:end}
.ep-sl{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
.ep-sc{position:absolute;left:4%;right:2%;top:50%;padding:16px 18px 18px;border-radius:20px;background:rgba(32,37,35,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 30px 60px -30px rgba(0,0,0,.7);color:#fff;opacity:.3;transform:translateY(calc(-50% + var(--o,0) * 140px)) scale(.92);transition:transform .9s var(--ease),opacity .9s var(--ease)}
.ep-sc.on{opacity:1;transform:translateY(-50%) scale(1);z-index:3}
.ep-sc .top{display:flex;justify-content:space-between;align-items:center;font:500 12px var(--f-b);color:rgba(255,255,255,.62)}
.ep-sc .top b{padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.1);font:600 11.5px var(--f-b);color:#fff}
.ep-sc .q{display:flex;align-items:center;gap:10px;margin-top:12px;height:44px;padding:0 16px;border-radius:999px;background:#fff;color:#202124;font:500 15px var(--f-b)}
.ep-sc .q svg{flex:none}
.ep-sc .r{display:grid;grid-template-columns:128px minmax(0,1fr);gap:14px;align-items:center;margin-top:14px}
.ep-sc .th{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000}
.ep-sc .th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ep-sc .rt{margin:0;font:700 16px/1.25 var(--f-d);letter-spacing:-.01em}
.ep-sc .rt span{display:block;margin-top:3px;font:500 13px/1.35 var(--f-b);color:rgba(255,255,255,.72)}
.ep-sc .ch{display:block;margin-top:6px;font:500 12px var(--f-b);color:rgba(255,255,255,.58)}
.ep-kibadge{position:absolute;right:0;bottom:-6px;z-index:4}
/* Kernaussage */
.ep-kg{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,3.4vw,52px);align-items:start}
.ep-kl{display:grid;gap:20px;align-content:start}
.ep-quote{margin:0;font:600 clamp(19px,1.8vw,24px)/1.25 var(--f-d);color:#BAC0BC}
.ep-vc{padding:14px}
.ep-vc .qp{display:flex;align-items:center;gap:9px;height:44px;padding:0 16px;border-radius:999px;background:#fff;color:#202124;font:500 14.5px var(--f-b)}
.ep-vid{position:relative;margin-top:12px;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000}
.ep-vid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ep-vid::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.78))}
.ep-vid .pi{position:absolute;left:50%;top:42%;z-index:2;display:grid;place-items:center;width:58px;height:36px;margin:-18px 0 0 -29px;border-radius:10px;background:rgba(12,24,36,.58);box-shadow:0 0 0 1px rgba(255,255,255,.45)}
.ep-vid .pi::after{content:"";border-left:12px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.ep-vid .t{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;color:#fff;font:700 17px/1.25 var(--f-d)}
.ep-vid .t small{display:block;margin-top:3px;font:500 12.5px var(--f-b);color:rgba(255,255,255,.78)}
.ep-vc .cap{margin:10px 4px 2px;font-size:13.5px;color:#D2D7D4}
.ep-kt{padding:clamp(22px,2.8vw,36px)}
.ep-kt p{margin:14px 0 0;font-size:17px;line-height:1.6;color:#45454A}
.ep-kt .ep-lead{margin:0;font:700 clamp(19px,1.7vw,22px)/1.3 var(--f-d);letter-spacing:-.015em;color:#1D1D1F}
.ep-kt .cl{color:#1D1D1F;font-weight:600}
.ep-more{margin-top:20px;border-top:1px solid rgba(29,29,31,.12);padding-top:14px}
.ep-more > button{display:inline-flex;align-items:center;gap:10px;border:0;background:none;padding:4px 0;cursor:pointer;color:#1D1D1F;font:600 15px var(--f-b)}
.ep-more > button i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--orange);color:var(--navy);font-style:normal;font-size:17px;transition:transform .3s}
.ep-more.open > button i{transform:rotate(45deg)}
.ep-more .in{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.ep-more.open .in{grid-template-rows:1fr}
.ep-more .in > div{overflow:hidden}
.ep-more ol{margin:16px 0 4px;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ep-more li{padding:14px 16px;border-radius:14px;background:rgba(29,29,31,.045);box-shadow:inset 0 0 0 1px rgba(29,29,31,.1);font-size:14.5px;line-height:1.5;color:#45454A}
.ep-more li b{display:block;margin-bottom:3px;font:700 15.5px var(--f-d);color:#1D1D1F}
.ep-more .src{margin:10px 0 0;font-size:12px;line-height:1.5;color:#6E6E73}
/* Google und YouTube (eigene Klassennamen, damit nichts mit der Website kollidiert) */
.ep-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;margin-top:clamp(36px,4vw,56px)}
.ep-gmw .gcap{display:flex;justify-content:space-between;margin-bottom:10px;font:600 11px var(--f-b);letter-spacing:.07em;text-transform:uppercase;color:#70757a}
.ep-gm,.ep-ym{border-radius:20px;background:#fff;color:#202124;padding:18px 20px 20px;box-shadow:0 30px 60px -34px rgba(0,0,0,.8)}
.ep-gm{font-family:Arial,Helvetica,sans-serif}
.ep-gm .gbar{display:flex;align-items:center;justify-content:space-between;gap:10px;height:44px;padding:0 16px 0 20px;border-radius:999px;box-shadow:0 1px 6px rgba(32,33,36,.28);font-size:15px}
.ep-gm .gtabs{display:flex;flex-direction:row;gap:18px;margin-top:12px;padding:0 4px;border-bottom:1px solid #ebebeb;font-size:13.5px;color:#5f6368;white-space:nowrap;overflow:hidden}
.ep-gm .gtabs span{display:inline-block;padding-bottom:9px}
.ep-gm .gtabs .gon{color:#1a73e8;box-shadow:inset 0 -3px 0 #1a73e8}
.ep-gm .gres{margin-top:14px}
.ep-gm .gsrc{display:flex;align-items:center;gap:9px}
.ep-gm .gsrc i{flex:none;width:26px;height:26px;border-radius:50%;background:#f1f3f4;box-shadow:inset 0 0 0 1px #dadce0}
.ep-gm .gsrc b{display:block;font-weight:400;font-size:13.5px;color:#202124}
.ep-gm .gsrc em{display:block;font-style:normal;font-size:12px;color:#4d5156}
.ep-gm .ga{display:block;margin-top:6px;font-size:18px;line-height:1.3;color:#1a0dab}
.ep-gm .gres p{margin:4px 0 0;font-size:13px;line-height:1.5;color:#4d5156}
.ep-gm .gvids{margin-top:18px}
.ep-gm .gvh{margin:0;font-size:18px;color:#202124}
.ep-gm .grow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.ep-gm .gvc{position:relative;border-radius:12px;padding:6px}
.ep-gm .gvc .ga{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:7px;font-size:13px}
.ep-gm .gvc .gmeta{display:block;margin-top:3px;font-size:11.5px;color:#4d5156}
.ep-gmw .gth{position:relative;display:block;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#d9dcdf}
.ep-gmw .gth img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ep-gmw .gdu{position:absolute;right:5px;bottom:5px;padding:1px 5px;border-radius:4px;background:rgba(0,0,0,.82);color:#fff;font:700 11px Arial,sans-serif}
.ep-gmw .gme{box-shadow:0 0 0 2px var(--orange-hell)}
.ep-gmw .gmet{position:absolute;left:10px;top:-9px;z-index:2;padding:2px 8px;border-radius:999px;background:var(--orange-hell);color:#0C1824;font:700 10.5px var(--f-b)}
.ep-ym{font-family:'Helvetica Neue',Arial,sans-serif;color:#0f0f0f}
.ep-ym .gbar{display:grid;grid-template-columns:minmax(0,1fr) 62px;height:44px;border-radius:999px;overflow:hidden;box-shadow:inset 0 0 0 1.5px #A8A8A8,0 1px 4px rgba(0,0,0,.12)}
.ep-ym .yq{display:flex;align-items:center;padding:0 18px;background:#fff;font-size:15px;white-space:nowrap;overflow:hidden}
.ep-ym .yb{display:grid;place-items:center;background:#EDEDED;border-left:1.5px solid #A8A8A8}
.ep-ym .ychips{display:flex;flex-direction:row;gap:8px;margin-top:12px;overflow:hidden}
.ep-ym .ychips span{flex:none;display:inline-block;padding:6px 12px;border-radius:8px;background:#f2f2f2;font:500 13px Arial,sans-serif;color:#0f0f0f}
.ep-ym .ychips .gon{background:#0f0f0f;color:#fff}
.ep-ym .yr{position:relative;display:grid;grid-template-columns:44% minmax(0,1fr);gap:12px;margin-top:14px;border-radius:12px;padding:6px}
.ep-ym .yr b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:500 15px/1.3 'Helvetica Neue',Arial,sans-serif}
.ep-ym .yr .gmeta,.ep-ym .yr .yc,.ep-ym .yr .yd{display:block;margin-top:4px;font-size:12px;line-height:1.45;color:#606060}
.ep-ym .yr .yc{display:flex;align-items:center;gap:7px;margin-top:8px}
.ep-ym .yr .yc i{flex:none;width:20px;height:20px;border-radius:50%;background:#cfcfcf center/cover}
.ep-ym .yr .yd{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px}
/* Zahlen als gemischtes Raster B2 (Curt, 31.10.2026) */
.ep-bx{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"T T T G G G" "Y Y R G G G" "E E E E Q Q";grid-auto-rows:minmax(170px,auto);gap:12px}
.ep-bx > div{position:relative;min-width:0;padding:22px 22px 20px}
.ep-bx .ta{grid-area:T;padding:4px 4px 14px;align-self:end}.ep-bx .ga{grid-area:G}.ep-bx .ya{grid-area:Y}.ep-bx .ra{grid-area:R}.ep-bx .ea{grid-area:E}.ep-bx .qa{grid-area:Q}
.ep-bx .ta .h2{margin-top:12px;font-size:clamp(32px,3.6vw,52px)}
.ep-bx .n{margin:0;font:700 clamp(42px,4vw,56px)/.92 var(--f-d);letter-spacing:-.05em;color:#F08A50;white-space:nowrap}
.ep-bx .n sup{font-size:.3em;vertical-align:1.6em;margin-left:3px;letter-spacing:0;color:#D2D7D4}
.ep-bx .xl .n{font-size:clamp(76px,8vw,120px)}
.ep-bx .sm .n{font-size:clamp(34px,3vw,40px)}
.ep-bx .bar{height:3px;margin-top:16px;border-radius:2px;background:rgba(255,255,255,.14);overflow:hidden}
.ep-bx .bar i{display:block;height:100%;width:calc(var(--v) * 1%);background:#F08A50;border-radius:2px}
.ep-bx .t{margin:12px 0 0;font-size:14.5px;line-height:1.5;color:#D2D7D4}
.ep-bx .xl .t{font-size:17px;max-width:460px;color:#fff}
.ep-bx .sm .t{font-size:13.5px}
.ep-bx .wd{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center}
.ep-bx .wd .t{margin:0;font-size:15px}
.ep-bx .wd .bar{width:150px}
.ep-bx .qq{display:flex;align-items:flex-end}
.ep-bx .qq p{margin:0;font:600 18px/1.4 var(--f-d);letter-spacing:-.01em;color:#1D1D1F}
.ep-bx .qq p span{display:block;margin-bottom:8px;font:600 12px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:#B5450A}
.ep-src{margin:20px 0 0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.12);list-style:none;display:grid;gap:4px;font-size:12.5px;line-height:1.5;color:#A9AFAC;counter-reset:fn}
.ep-src li{counter-increment:fn;padding-left:16px;position:relative}
.ep-src li::before{content:counter(fn);position:absolute;left:0;top:-1px;font-size:10px;font-weight:700}
.ep-law3{max-width:700px;margin:clamp(32px,4vw,48px) 0 0;padding:4px 0 4px 18px;border-left:2px solid var(--orange-hell);font-size:15px;line-height:1.6;color:#BAC0BC}
.ep-law3 b{color:#F4F4F2}
/* Leistungen (vorläufig, Runde 3 offen) */
.ep-n1{margin-top:clamp(28px,3vw,40px)}
.ep-n1 .row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ep-n1 .c{position:relative;display:block;aspect-ratio:4/5;border-radius:20px;cursor:pointer;color:#fff;background:transparent;border:0;padding:0;text-align:left;font:inherit}
/* Sichtbare Karte als eigene Ebene: Sie hebt sich beim Hover, die Klickfläche bleibt stehen. So springt nichts, wenn die Maus am unteren Rand steht (31.10.2026). */
.ep-n1 .cv{position:absolute;inset:0;display:block;border-radius:inherit;overflow:hidden;background:#000;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.ep-n1 .c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.ep-n1 .cv::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,9,.05) 30%,rgba(8,10,9,.88))}
.ep-n1 .c:not(.on):hover img{transform:scale(1.05)}
.ep-n1 .c.on .cv{box-shadow:0 0 0 2px var(--orange-hell),0 30px 60px -30px rgba(255,122,53,.6)}
.ep-n1 .c .tt{position:absolute;left:16px;right:16px;bottom:16px;z-index:2}
.ep-n1 .c .tt b{display:block;font:700 19px/1.15 var(--f-d)}
.ep-n1 .c .tt span{display:block;margin-top:6px;font:500 13px/1.4 var(--f-b);color:#F4A577}
.ep-n1 .c .plus{position:absolute;right:12px;top:12px;z-index:2;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);font:500 19px/1 var(--f-b);transition:opacity .3s}
.ep-n1 .c.on .plus{opacity:0}
.ep-n1 .c .ph{z-index:3}
.ep-n1 .c:focus-visible{outline:3px solid var(--orange-hell);outline-offset:3px}
.ep-n1 .det{margin-top:14px;padding:clamp(22px,2.6vw,32px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);align-items:start}
.ep-n1 .det .k{margin:0;font:600 12px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:#F4A577}
.ep-n1 .det .h3{margin-top:6px;color:#fff}
.ep-n1 .det .d{margin:8px 0 0;font-size:16px;line-height:1.55;color:#D5D9D7;max-width:640px}
.ep-n1 .det .x{margin:12px 0 0;font-size:15px;line-height:1.6;color:#BAC0BC;max-width:620px}
.ep-n1 .det .bring{margin:0;font:600 16px/1.5 var(--f-b);color:#fff}
.ep-n1 .det .bring em{display:block;margin-bottom:4px;font:600 12px var(--f-b);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#F4A577}
.ep-n1 .det .ep-bs{grid-template-columns:minmax(0,1fr);gap:8px}
.ep-bs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.ep-bs div{padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);font-size:13.5px;line-height:1.45;color:#D5D9D7}
.ep-bs b{display:block;font:700 15px var(--f-d);color:#fff}
.ep-bs-n{margin:10px 0 0;font:500 13px var(--f-b);color:rgba(255,255,255,.72)}
/* Ablauf */
.ep-vert{position:relative;display:grid;gap:26px;margin:clamp(28px,3vw,40px) 0 0;padding:0 0 0 46px;list-style:none;max-width:760px}
.ep-vert::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--orange-hell) 40%,rgba(255,255,255,.12) 40%)}
.ep-vert li{position:relative}
.ep-vert .n{position:absolute;left:-46px;top:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#101312;box-shadow:inset 0 0 0 1.5px var(--orange-hell);font:700 14px var(--f-d);color:var(--orange-hell)}
.ep-vert em{font:600 12px var(--f-b);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#F08A50}
.ep-vert b{display:block;margin-top:3px;font:700 21px/1.2 var(--f-d);letter-spacing:-.02em;color:#fff}
.ep-vert .s{display:block;margin-top:6px;font-size:16px;line-height:1.6;color:#BAC0BC}
.fn-note{margin:22px 0 0;max-width:720px;font-size:13px;line-height:1.5;color:var(--grau)}
.v-ep .fn-note{padding-top:12px;border-top:1px solid rgba(255,255,255,.12);color:#A9AFAC}
/* Erstgespräch */
.ep-ie{display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden}
.ep-ie .tx{padding:clamp(26px,3.4vw,48px)}
.ep-ie .h2{margin-top:10px;font-size:clamp(30px,3.4vw,48px);color:#fff}
.ep-ie .lead{margin-top:14px;color:#D5D9D7}
.ep-ie .act{margin-top:26px;display:grid;gap:10px;justify-items:start}
.ep-ie .act .micro{color:rgba(255,255,255,.72)}
.ep-ie .por{position:relative;min-height:340px}
.ep-ie .por img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);mask-image:linear-gradient(90deg,transparent,#000 35%)}
.ep-ie .por .ph{left:auto;right:16px;top:16px}
.ep-ie .wei{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;padding:16px clamp(26px,3.4vw,48px);border-top:1px solid rgba(255,255,255,.12);color:#D5D9D7;text-decoration:none;font-size:15px}
.ep-ie .wei b{color:#fff}
.ep-ie .wei .go{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--orange-hell)}
.ep-ie .wei:hover .go{text-decoration:underline}
/* Häufige Fragen dunkel */
.v-ep .faq{background:#101312}
.v-ep .faq .lights{display:none}
.v-ep .fbox{background:rgba(30,30,36,.5);border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 60px 120px -60px rgba(255,122,53,.45),40px 70px 140px -80px rgba(63,107,255,.4);color:#F5F5F7}
.v-ep .fbox .h2{color:#F5F5F7}
.v-ep .fbox .cnt{color:#EE7A3C}
.v-ep .fbox .hint{color:#A9AFAC}
.v-ep .fbox .hl{background:rgba(255,255,255,.09)}
.v-ep .fbox .li{color:#B9BFBB}
.v-ep .fbox .li.act{color:#fff}
.v-ep .fbox .n{color:#EE7A3C}
.v-ep .fbox .fprev,.v-ep .fbox .fnext{background:rgba(255,255,255,.09);color:#fff}
.v-ep .fbox .sep{color:#A9AFAC}
.v-ep .fbox .inp{background:rgba(255,255,255,.08);color:#C9CECB;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.v-ep .fbox .inp .t,.v-ep .faq .inp::before{color:#C9CECB}
.v-ep .rings circle{stroke:rgba(255,255,255,calc(var(--a) * .38))}
@media (max-width:899px){
 .v-ep .faq .li{background:rgba(255,255,255,.1);color:#D5D9D7}.v-ep .faq .li.act{background:var(--orange);color:var(--navy)}
 .ep-stg{height:380px;justify-self:stretch;max-width:none}
 .ep-kg,.ep-two,.ep-ie{grid-template-columns:minmax(0,1fr)}
 .ep-more ol{grid-template-columns:minmax(0,1fr)}
 .ep-bx{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"T T" "G G" "Y R" "E E" "Q Q";grid-auto-rows:auto;gap:8px}
 .ep-bx > div{padding:16px 14px}
 .ep-bx .n{font-size:32px}.ep-bx .xl .n{font-size:60px}.ep-bx .sm .n{font-size:28px}
 .ep-bx .t{font-size:12.5px}.ep-bx .xl .t{font-size:14.5px}
 .ep-bx .wd{grid-template-columns:minmax(0,1fr);gap:8px}.ep-bx .wd .bar{width:100%}
 .ep-bx .ta .h2{font-size:30px}
 .ep-n1 .row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .ep-n1 .c{aspect-ratio:1/1}
 .ep-n1 .c .tt{left:12px;right:12px;bottom:12px}
 .ep-n1 .c .tt b{font-size:15px}
 .ep-n1 .c .tt span{display:none}
 .ep-n1 .det{padding:18px;grid-template-columns:minmax(0,1fr)}
 .ep-bs{grid-template-columns:minmax(0,1fr)}
 .ep-ie .por{min-height:260px;order:-1}
 .ep-ie .por img{-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}
}
@media (max-width:520px){
 .ep-sc .r{grid-template-columns:96px minmax(0,1fr)}
 .ep-sc .rt{font-size:14.5px}
 .ep-gm .grow{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-gm .grow .gvc:nth-child(3){display:none}
 .ep-ym .yr{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.ep-sc,.ep-more .in,.ep-n1 .c img{transition:none}}

/* Kernaussage als ruhiges Raster (Curt, 31.10.2026): Überschrift oben, darunter zwei mal zwei Felder mit derselben Mittellinie */
.ep-khead{max-width:900px}
.ep-khead .ep-quote{margin-top:14px}
.ep-g4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;margin-top:clamp(28px,3.4vw,44px)}
.ep-g4 > *{min-width:0}
.ep-g4 .ep-vc{display:flex;flex-direction:column}
.ep-g4 .ep-vc .cap{margin-top:auto;padding-top:12px}
.ep-g4 .ep-kt p{font-size:15.5px;line-height:1.58}
.ep-g4 .ep-kt .ep-lead{font-size:clamp(18px,1.5vw,20px)}
.ep-g4 .ep-more{margin-top:16px}
.ep-g4 .ep-gmw{display:flex}
.ep-g4 .ep-gmw > *{flex:1}
.ep-g4 .ep-two-cap{display:none}
@media (max-width:899px){.ep-g4{grid-template-columns:minmax(0,1fr)}}
/* Einstieg: Karten ohne Unschärfe-Filter bewegen, damit die Animation flüssig läuft */
.ep-sc{background:rgba(30,35,33,.95);-webkit-backdrop-filter:none;backdrop-filter:none;will-change:transform,opacity;transform:translate3d(0,calc(-50% + var(--o,0) * 140px),0) scale(.92)}
.ep-sc.on{transform:translate3d(0,-50%,0) scale(1)}
.ep-sl{contain:paint}
.ep-g4 .ep-vid{flex:1;aspect-ratio:auto;min-height:240px}
@media (max-width:899px){.ep-g4 .ep-vid{flex:none;aspect-ratio:16/9;min-height:0}}
/* Ablauf: Linie füllt sich beim Scrollen und leert sich beim Hochscrollen (Curt, 31.10.2026) */
.ep-vert::before{background:rgba(255,255,255,.12)}
.ep-vert::after{content:"";position:absolute;left:15px;top:8px;width:2px;height:calc((100% - 16px) * var(--p,0));border-radius:2px;background:linear-gradient(180deg,var(--orange-hell),#F4A577);box-shadow:0 0 12px rgba(238,122,60,.55)}
.ep-vert .n{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.22);color:#8E948F;transition:box-shadow .35s,color .35s,background .35s}
.ep-vert li.on .n{box-shadow:inset 0 0 0 1.5px var(--orange-hell),0 0 14px rgba(238,122,60,.45);color:var(--orange-hell)}
.ep-vert li em,.ep-vert li b,.ep-vert li .s{transition:opacity .35s}
.ep-vert li:not(.on) b,.ep-vert li:not(.on) .s{opacity:.55}
@media (prefers-reduced-motion:reduce){.ep-vert{--p:1}.ep-vert li b,.ep-vert li .s{opacity:1!important}}

/* Leistungskarten Hover H3 (Curt, 31.10.2026): Die ganze Karte hebt sich mit weichem orangem Licht. Nur auf Geräten mit Maus. */
@media (hover:hover){
 .ep-n1 .c:not(.on):hover{z-index:2}
 .ep-n1 .c:not(.on):hover .cv{transform:translateY(-10px);box-shadow:0 0 0 1px rgba(255,160,110,.55),0 0 48px 4px rgba(255,122,53,.45),0 36px 60px -26px rgba(0,0,0,.95)}
}
@media (prefers-reduced-motion:reduce){.ep-n1 .cv{transition:none}.ep-n1 .c:not(.on):hover .cv{transform:none}}
/* Suchansichten im Papierton M4 (Curt, 31.10.2026): warmer Ton des Papierfelds statt reinem Weiß, blendet auf dem dunklen Grund weniger */
.ep-gm,.ep-ym{background:#F4F1EA}
.ep-gm .gbar{background:#FBF9F5}
.ep-gm .gtabs{border-bottom-color:#E2DDD3}
.ep-ym .yq{background:#FBF9F5}
.ep-ym .yb{background:#E6E2DA}
.ep-ym .ychips span{background:#E8E4DC}
.ep-ym .ychips .gon{background:#0f0f0f}
/* EP-Einstieg als ruhiger Feed (31.10.2026): Abstand = Kartenhöhe, keine Überlappung, weiche Beschleunigung und Abbremsung */
/* Kacheln wieder eng gestapelt wie vorher (Curt, 31.10.2026). Welche Karte oben liegt, wechselt genau zur Hälfte der Bewegung, wenn beide gleich hell sind. So gibt es keinen Sprung. */
.ep-sc{z-index:1;opacity:.3;transform:translate3d(0,calc(-50% + var(--o,0) * var(--step,140px)),0) scale(.92);transition:transform 1.2s cubic-bezier(.45,0,.2,1),opacity 1.2s cubic-bezier(.45,0,.2,1),z-index 0s linear .44s}
.ep-sc.on{z-index:3;opacity:1;transform:translate3d(0,-50%,0) scale(1)}
.ep-sc.off{opacity:0}
@media (prefers-reduced-motion:reduce){.ep-sc{transition:none}}
/* Ablauf: Zahlen liegen über der Linie, die Linie läuft hinter den Kreisen durch (31.10.2026) */
.ep-vert::before,.ep-vert::after{z-index:0}
.ep-vert .n{z-index:1;background:#101312}
/* Employer Branding Entwurf 3 · Runde 1 (31.10.2026). Grundcharakter wie Interne Kommunikation, eigene Bausteine. */
.e3-hero{background:radial-gradient(900px 600px at 85% 20%,rgba(220,88,18,.08),rgba(220,88,18,0)),#fff}
.e3-hero .ph-img img{object-position:50% 24%}

/* E2 Porträt-Fächer */
.e3-fan{position:relative;height:560px}
.e3-pc{position:absolute;margin:0;width:52%;aspect-ratio:4/5;border-radius:26px;overflow:hidden;background:#141816;box-shadow:0 1px 2px rgba(0,0,0,.06),0 40px 80px -40px rgba(20,24,22,.55);transition:transform .7s var(--ease)}
.e3-pc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.e3-pc.a{left:0;top:70px;transform:rotate(-7deg)}
.e3-pc.b{left:24%;top:0;z-index:2}
.e3-pc.c{right:0;top:96px;transform:rotate(6deg)}
.e3-fan:hover .e3-pc.a{transform:rotate(-9deg) translate(-16px,6px)}
.e3-fan:hover .e3-pc.c{transform:rotate(8deg) translate(16px,6px)}
.e3-tag{position:absolute;left:12px;right:12px;bottom:12px;padding:12px 14px 13px;border-radius:16px;background:rgba(18,22,20,.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:#fff}
.e3-tag b{display:block;font:600 11.5px var(--f-b);letter-spacing:.06em;text-transform:uppercase;color:#F4A577}
.e3-tag span{display:block;margin-top:4px;font:700 16px/1.25 var(--f-d);letter-spacing:-.01em}
.e3-fan-ph{position:absolute;right:0;bottom:-34px;top:auto;left:auto}

/* E3 Gesichter-Raster */
.e3-mgrid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.e3-mt{position:relative;aspect-ratio:1;border-radius:20px;overflow:hidden;background:#E8E4DC;box-shadow:0 20px 40px -26px rgba(20,24,22,.5);animation:e3in .9s var(--ease) both}
.e3-mt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.e3-mt.t0{grid-area:1/1}.e3-mt.t1{grid-area:2/1}.e3-mt.t2{grid-area:3/1}.e3-mt.t3{grid-area:3/2}.e3-mt.t4{grid-area:3/3}.e3-mt.t5{display:none}
.e3-mt.t1{animation-delay:.12s}.e3-mt.t2{animation-delay:.24s}.e3-mt.t3{animation-delay:.36s}.e3-mt.t4{animation-delay:.48s}
@keyframes e3in{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
.e3-mv{position:relative;grid-area:1/2/3/4;border-radius:24px;overflow:hidden;background:#141816;color:#fff;box-shadow:0 40px 80px -40px rgba(20,24,22,.6)}
.e3-mvi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.e3-mv::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,18,16,0) 40%,rgba(14,18,16,.86))}
.e3-mvt{position:absolute;left:20px;right:20px;bottom:18px;z-index:2}
.e3-mvt .micro{color:rgba(255,255,255,.72)}
.e3-mvt b{display:block;margin-top:6px;font:700 21px/1.22 var(--f-d);letter-spacing:-.015em}
.e3-mvp{display:flex;align-items:center;gap:10px;margin-top:12px;font:600 13px var(--f-b);color:rgba(255,255,255,.8)}
.e3-mvp i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--orange)}
.e3-mvp i svg{width:16px;height:16px}

/* Problem P1: Karriereseite im Schieberegler */
.e3-cp{position:absolute;inset:0;background:#fff;font-family:Arial,var(--f-b);color:#2A2A2E}
.e3-cp-bar{display:flex;align-items:center;gap:14px;height:42px;padding:0 16px;background:#F1F1F3;border-bottom:1px solid #E4E4E8}
.e3-url{padding:5px 14px;border-radius:999px;background:#fff;font:500 12.5px var(--f-b);color:#6E6E73}
.e3-cp-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:22px 30px 0;max-width:600px}
.e3-stock{position:relative;height:150px;border-radius:10px;background:repeating-linear-gradient(135deg,#DADDE2 0 12px,#D3D7DD 12px 24px);display:grid;place-items:center}
.e3-stock span{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.8);font:600 12px var(--f-b);color:#7A7E86}
.e3-cp-ht b{display:block;font:700 26px/1.15 Arial,var(--f-b);color:#1F3A6B}
.e3-cp-ht p{margin:8px 0 0;font-size:14.5px;line-height:1.55;color:#5A5D63;max-width:480px}
.e3-cp-k{display:flex;flex-wrap:wrap;gap:8px;padding:22px 30px 0}
.e3-cp-k span{padding:7px 12px;border-radius:6px;background:#EEF1F6;font:600 13px Arial,var(--f-b);color:#1F3A6B}
.e3-cp-l{padding:18px 30px 0;max-width:520px}
.e3-cp-l s,.e3-ad s{display:block;height:7px;margin-top:10px;border-radius:4px;background:#ECECEF;text-decoration:none}
.e3-cp-l s.h,.e3-ad s.h{width:62%}
.e3-cmp .cmp-vid img{object-position:50% 22%}

/* Problem P2: drei Stufen */
.e3-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:64px}
.e3-st{display:flex;flex-direction:column;padding:18px 18px 22px;border-radius:26px;background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 30px 60px -40px rgba(20,24,22,.4)}
.e3-st.s3{background:#fff;box-shadow:0 0 0 2px var(--orange-hell),0 40px 80px -36px rgba(255,122,53,.55)}
.e3-sk{display:flex;align-items:center;gap:10px;margin:2px 4px 14px;font:700 17px var(--f-d);letter-spacing:-.01em;color:var(--text)}
.e3-sk b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#EDEAE4;font:700 13px var(--f-d);color:#55555B}
.e3-st.s3 .e3-sk b{background:var(--orange);color:#fff}
.e3-sv{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#EDEAE4}
.e3-sp{margin:16px 4px 0;font-size:15px;line-height:1.55;color:#55555B}
.e3-st.s3 .e3-sp{color:var(--text)}
.e3-ad{position:relative;padding:16px 16px 18px;border-radius:14px;background:#FCFAF6;box-shadow:0 14px 30px -20px rgba(20,24,22,.45);font-family:var(--f-b);color:#3A3A40}
.e3-sv .e3-ad{position:absolute;left:12%;right:12%;top:12%;transform:rotate(-2deg)}
.e3-ad-top{display:flex;align-items:center;gap:8px;font:600 10.5px var(--f-b);letter-spacing:.07em;text-transform:uppercase;color:rgba(29,29,31,.45)}
.e3-ad-top i{width:22px;height:22px;border-radius:6px;background:#D9DCE2}
.e3-ad > b{display:block;margin-top:10px;font:700 16px/1.2 var(--f-d);color:rgba(29,29,31,.78)}
.e3-ad-k{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.e3-ad-k span{padding:4px 9px;border-radius:999px;background:#EDEAE4;font:600 11px var(--f-b);color:#6E6E73}
.e3-flat img,.e3-good img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.e3-flat img{filter:saturate(.55) brightness(.82)}
.e3-fn{position:absolute;left:12px;top:12px;padding:4px 9px;border-radius:6px;background:rgba(0,0,0,.6);font:500 11.5px ui-monospace,Menlo,monospace;color:#fff}
.e3-fbar{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:8px;font:600 11px var(--f-b);color:#fff}
.e3-fbar i{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.35)}
.e3-fbar em{display:block;width:5%;height:100%;border-radius:2px;background:#fff}
.e3-good::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,18,16,0) 30%,rgba(14,18,16,.88))}
.e3-gt{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;color:#fff}
.e3-gt .micro{color:rgba(255,255,255,.75)}
.e3-gt b{display:block;margin-top:4px;font:700 16px/1.22 var(--f-d)}
.e3-ch{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.e3-ch i{padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.16);font:600 10.5px var(--f-b);font-style:normal}

/* Problem P3: Floskel-Wand */
.e3-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:14px;margin-top:64px}
.e3-wall .e3-ad{opacity:.82}
.e3-wall .e3-ad:nth-child(odd){transform:rotate(-1deg)}
.e3-wall .e3-ad:nth-child(even){transform:rotate(1deg)}
.e3-real{position:relative;grid-area:1/2/3/4;min-height:380px;border-radius:24px;overflow:hidden;background:#141816;color:#fff;box-shadow:0 0 0 2px var(--orange-hell),0 50px 90px -40px rgba(255,122,53,.6)}
.e3-real img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.e3-real::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,18,16,0) 40%,rgba(14,18,16,.86))}
.e3-rt{position:absolute;left:22px;right:22px;bottom:20px;z-index:2}
.e3-rt .micro{color:#F4A577;font-weight:600}
.e3-rt b{display:block;margin-top:6px;font:700 24px/1.2 var(--f-d);letter-spacing:-.02em}

/* Motive im Hintergrund */
.e3-mw{position:relative;overflow:hidden}
.e3-mw > section{position:relative;z-index:1;background:transparent}
.e3-cl{display:grid;grid-template-columns:repeat(3,76px);gap:10px;margin-top:40px}
.e3-cl span,.e3-band span{position:relative;display:block;overflow:hidden;opacity:0;transform:translateY(16px) scale(.92);transition:opacity .8s var(--ease) var(--d),transform .8s var(--ease) var(--d);box-shadow:0 18px 36px -22px rgba(20,24,22,.5)}
.e3-cl span{aspect-ratio:1;border-radius:18px}
.e3-cl img,.e3-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.e3-band{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;align-items:start;padding-bottom:20px}
.e3-band span{aspect-ratio:4/5;border-radius:20px;margin-top:var(--y)}
.e3-cl.e3go span,.e3-band.e3go span{opacity:1;transform:none}
.e3-mw .e3-as1{left:12%;bottom:-80px;top:auto}
.e3-mw > section:first-of-type{z-index:2}
.e3-mw .e3-as2{right:6%;bottom:40px;top:auto}
.e3-net{position:absolute;left:0;top:0;z-index:0;overflow:visible;pointer-events:none}
.e3-np{fill:none;stroke:rgba(220,88,18,.5);stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 3s cubic-bezier(.45,0,.2,1)}
.e3go .e3-np{stroke-dashoffset:0}
.e3-nds{position:absolute;inset:0;z-index:0;pointer-events:none}
.e3-nd{position:absolute;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 4px #F6F5F2,0 0 0 5.5px rgba(220,88,18,.55),0 20px 40px -20px rgba(20,24,22,.5);opacity:0;transform:scale(.6);transition:opacity .7s var(--ease) var(--d),transform .7s cubic-bezier(.34,1.45,.5,1) var(--d)}
.e3-nd img{width:100%;height:100%;object-fit:cover}
.e3go .e3-nd{opacity:1;transform:none}

/* Formate F1: Story-Karten */
.e3-f1{position:relative;margin-top:44px}
.e3-scs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.e3-sc{position:relative;aspect-ratio:3/5;border:0;padding:0;border-radius:24px;overflow:hidden;background:#141816;color:#fff;text-align:left;font:inherit;cursor:pointer;transition:transform .45s var(--ease),box-shadow .45s var(--ease),opacity .45s}
.e3-sc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.e3-sc::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,18,16,.35) 0,rgba(14,18,16,0) 22%,rgba(14,18,16,0) 45%,rgba(14,18,16,.9))}
.e3-seg{position:absolute;left:14px;right:14px;top:14px;z-index:2;display:flex;gap:4px}
.e3-seg i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35)}
.e3-sc.on .e3-seg i:first-child{background:#fff}
.e3-sct{position:absolute;left:18px;right:18px;bottom:18px;z-index:2}
.e3-sct em{display:block;margin-bottom:6px;font:600 11.5px var(--f-b);font-style:normal;letter-spacing:.07em;text-transform:uppercase;color:#F4A577}
.e3-sct b{display:block;font:700 21px/1.15 var(--f-d);letter-spacing:-.015em}
.e3-sct > span{display:block;margin-top:8px;font:500 13.5px/1.45 var(--f-b);color:rgba(255,255,255,.8)}
.e3-sc.on{box-shadow:0 0 0 2px var(--orange-hell),0 30px 60px -30px rgba(255,122,53,.6)}
.e3-scs:hover .e3-sc:not(.on):not(:hover){opacity:.75}
.e3-sc:not(.on):hover{transform:translateY(-8px);box-shadow:0 0 0 1px rgba(255,160,110,.55),0 0 48px 4px rgba(255,122,53,.4),0 36px 60px -26px rgba(0,0,0,.6)}
.e3-sdw{margin-top:14px;padding:clamp(22px,2.6vw,32px);border-radius:24px;background:#141816;color:#fff}
.e3-sd{display:none;grid-template-columns:1fr 1fr;gap:10px 40px}
.e3-sd.on{display:grid}
.e3-sd .k{margin:0;grid-column:1;font:600 12px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:#F4A577}
.e3-sd .h3{grid-column:1;margin:0;color:#fff}
.e3-sd .d{grid-column:1;margin:4px 0 0;font-size:16px;line-height:1.55;color:#D5D9D7}
.e3-sd .x{grid-column:2;grid-row:1/4;margin:0;font-size:15.5px;line-height:1.6;color:#BAC0BC}
.e3-sd .xf-chips{grid-column:2;margin:6px 0 0}
.e3-fph{position:absolute;right:12px;top:12px;left:auto;bottom:auto;z-index:3}

/* Formate F2: Karriereseite im Aufbau */
.e3-f2{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:start;margin-top:44px}
.e3-fls{display:grid;gap:8px}
.e3-fl{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding:16px 18px;border:0;border-radius:20px;background:transparent;text-align:left;font:inherit;color:var(--text);cursor:pointer;transition:background .3s,box-shadow .3s}
.e3-fl .n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(29,29,31,.2);font:700 14px var(--f-d);color:#6E6E73;transition:all .3s}
.e3-fl b{display:block;font:700 19px/1.2 var(--f-d);letter-spacing:-.015em}
.e3-fl > span:last-child > span{display:block;margin-top:4px;font-size:14.5px;line-height:1.5;color:#55555B}
.e3-fl .x{display:none !important}
.e3-fl.on{background:#fff;box-shadow:0 30px 60px -40px rgba(20,24,22,.45)}
.e3-fl.on .n{background:var(--orange);box-shadow:none;color:#fff}
.e3-fl.on .x{display:block !important;margin-top:10px !important;color:var(--text) !important}
.e3-fl:not(.on):hover{background:rgba(255,255,255,.55)}
.e3-br{border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05),0 40px 80px -40px rgba(20,24,22,.45)}
.e3-bp{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:12px;padding:14px}
.e3-bm{position:relative;min-height:200px;border-radius:16px;overflow:hidden;background:#F4F1EA;transition:opacity .5s,filter .5s,box-shadow .5s;opacity:.38;filter:grayscale(.85)}
.e3-bm img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.e3-bm.m1{min-height:250px}
.e3-bm.m0{padding:18px}
.e3-bm.m0 ol{margin:30px 0 0;padding-left:20px;font:600 15px/1.5 var(--f-b);color:var(--text)}
.e3-bm.m0 li + li{margin-top:6px}
.e3-bm.m2{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;background:#EDEAE4}
.e3-ti{position:relative;border-radius:12px;overflow:hidden}
.e3-bm.m3{display:flex;gap:8px;justify-content:center;padding:12px;background:#141816}
.e3-ph9{position:relative;width:42%;aspect-ratio:9/16;border-radius:12px;overflow:hidden}
.e3-bl{position:absolute;left:10px;bottom:10px;z-index:2;padding:4px 10px;border-radius:999px;background:rgba(20,24,22,.72);font:600 11.5px var(--f-b);color:#fff}
.e3-bl.d{top:14px;left:18px;bottom:auto;background:var(--orange);color:#fff}
.e3-play{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(255,255,255,.9)}
.e3-f2[data-on="0"] .e3-bm[data-m="0"],.e3-f2[data-on="1"] .e3-bm[data-m="1"],.e3-f2[data-on="2"] .e3-bm[data-m="2"],.e3-f2[data-on="3"] .e3-bm[data-m="3"]{opacity:1;filter:none;box-shadow:0 0 0 2px var(--orange-hell),0 20px 50px -20px rgba(255,122,53,.6)}

/* Formate F3: Bento */
.e3-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);gap:14px;margin-top:44px}
.e3-bt{position:relative;border-radius:24px;overflow:hidden;background:#141816;color:#fff;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.e3-bt > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.e3-bt.big,.e3-bt.wide{min-height:300px}
.e3-bt.big::after,.e3-bt.wide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,18,16,0) 35%,rgba(14,18,16,.9))}
.e3-bt.big{grid-column:1/9;grid-row:span 2;min-height:520px}
.e3-bt.soc{grid-column:9/13;grid-row:span 2;display:flex;flex-direction:column;padding:18px}
.e3-bt.pap{grid-column:1/6;padding:26px;background:#F4F1EA;color:var(--text)}
.e3-bt.wide{grid-column:6/13}
.e3-btx{position:absolute;left:24px;right:24px;bottom:22px;z-index:2}
.e3-btx em{display:block;margin-bottom:6px;font:600 12px var(--f-b);font-style:normal;letter-spacing:.07em;text-transform:uppercase;color:#F4A577}
.e3-bt .h3{margin:0;color:inherit}
.e3-btx p{margin:8px 0 0;font-size:15.5px;line-height:1.5;color:rgba(255,255,255,.85);max-width:560px}
.e3-btx p.x{font-size:14.5px;color:rgba(255,255,255,.7)}
.e3-bt.soc .e3-btx{position:static;margin-top:16px}
.e3-phn{position:relative;flex:1;min-height:300px;border-radius:22px;overflow:hidden;box-shadow:0 0 0 6px #262B29}
.e3-phn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.e3-sub{position:absolute;left:12px;right:12px;bottom:16px;z-index:2;padding:6px 10px;border-radius:8px;background:rgba(0,0,0,.6);text-align:center;font:700 14px var(--f-b)}
.e3-bt.pap .e3-bl.d{position:static;display:inline-block}
.e3-bt.pap .h3{margin-top:14px}
.e3-bt.pap p{margin:8px 0 0;font-size:15px;line-height:1.55;color:#55555B}
.e3-bt.pap ol{margin:14px 0 0;padding-left:20px;font:600 15px/1.6 var(--f-b)}
.e3-bt:hover{transform:translateY(-8px);z-index:2;box-shadow:0 0 0 1px rgba(255,160,110,.55),0 0 48px 4px rgba(255,122,53,.4),0 36px 60px -26px rgba(0,0,0,.6)}

/* Handy */
@media (max-width:899px){
 .e3-fan{height:440px;margin-top:10px}
 .e3-pc{width:58%}
 .e3-pc.b{left:21%}
 .e3-tag span{font-size:14px}
 .e3-mgrid{gap:8px;margin-bottom:30px}
 .e3-mvt b{font-size:17px}
 .e3-cp-hero{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px 18px 0}
 .e3-stock{height:120px}
 .e3-cp-ht b{font-size:20px}
 .e3-cp-ht p{font-size:13px}
 .e3-cp-k{padding:14px 18px 0}
 .e3-cp-l{display:none}
 .e3-steps{grid-template-columns:minmax(0,1fr);margin-top:40px}
 .e3-wall{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px}
 .e3-wall .e3-ad:nth-of-type(n+5){display:none}
 .e3-real{grid-area:1/1/2/3;min-height:340px}
 .e3-cl{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:26px}
 .e3-cl span{border-radius:12px}
 .e3-band{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .e3-band span:nth-child(n+5){display:none}
 .e3-mw .ash,.e3-net,.e3-nds{display:none}
 .e3-bt.big .e3-btx p.x{display:none}
 .e3-bt.big .e3-play{left:auto;right:16px;top:16px;margin:0;width:46px;height:46px}
 .e3-scs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-inline:calc(var(--gut,16px) * -1);padding-inline:var(--gut,16px);scrollbar-width:none}
 .e3-sc{flex:none;width:62%;scroll-snap-align:start}
 .e3-sd{grid-template-columns:minmax(0,1fr)}
 .e3-sd .x,.e3-sd .xf-chips{grid-column:1;grid-row:auto}
 .e3-f2{grid-template-columns:minmax(0,1fr);gap:18px}
 .e3-bp{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:8px}
 .e3-bm{min-height:130px}.e3-bm.m1{min-height:150px}
 .e3-bm.m0{padding:12px}.e3-bm.m0 ol{margin-top:26px;font-size:12.5px}
 .e3-bento{grid-template-columns:minmax(0,1fr)}
 .e3-bt.big,.e3-bt.soc,.e3-bt.pap,.e3-bt.wide{grid-column:1;grid-row:auto}
 .e3-bt.big{min-height:420px}
 .e3-phn{min-height:380px}
}
@media (prefers-reduced-motion:reduce){.e3-mt{animation:none}.e3-mo,.e3-nd,.e3-np,.e3-sc,.e3-bt,.e3-pc{transition:none}}

/* ===== Employer Branding Version 32 (Curt, 31.10.2026): Einstieg E3, Motiv M1, Problem P3, Formate F2 ===== */
.v-eb{background:var(--sand)}
.v-eb .e3-hero{background:var(--white)}
.v-eb .e3-prob{background:linear-gradient(180deg,var(--white) 0,var(--sand) 420px)}
.e3-bandw{padding-block:0 20px}
.e3-facts .fz-side{grid-template-columns:1fr 1fr}
.e3-facts .fz-wide{grid-column:1/-1}
.e3-fzq{display:flex;align-items:flex-end;background:#F4F1EA !important;box-shadow:none !important}
.e3-fzq .fz-t{font:600 17px/1.45 var(--f-d);color:var(--text)}
.e3-fzq b{display:block;margin-bottom:6px;font:600 12px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-ink)}
.e3-fmt .fmt-way{margin-top:clamp(48px,6vw,80px)}
/* Nach innen */
.e3-inn-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:center}
.e3-ik{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:32px;padding:12px 20px 12px 12px;border-radius:22px;background:#fff;box-shadow:0 20px 50px -30px rgba(20,24,22,.4);color:var(--text);text-decoration:none;max-width:540px;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.e3-iki{position:relative;width:72px;height:72px;border-radius:15px;overflow:hidden}
.e3-iki img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.e3-ikt b{display:block;font:700 18px/1.2 var(--f-d);letter-spacing:-.01em}
.e3-ikt span{display:block;margin-top:3px;font-size:14.5px;line-height:1.45;color:var(--grau)}
.e3-ikg{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(63,107,255,.55);color:#3F6BFF}
@media (hover:hover){.e3-ik:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(110,145,255,.5),0 0 44px 2px rgba(63,107,255,.28),0 30px 60px -30px rgba(20,24,22,.45)}}
.e3-inn-f{padding:clamp(26px,3vw,40px);border-radius:30px;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 40px 80px -44px rgba(20,24,22,.35),0 70px 130px -60px rgba(63,107,255,.5)}
.e3-inn-f .k,.e3-inn-f .k2{margin:0;font:600 12px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-ink)}
.e3-inn-f .k2{margin-top:26px}
.e3-inn-f .n{margin:14px 0 0;font:700 clamp(64px,7vw,96px)/.9 var(--f-d);letter-spacing:-.05em;color:var(--text)}
.e3-inn-f .n small{font-size:.42em;margin-left:4px;letter-spacing:0}
.e3-inn-f .t{margin:12px 0 0;font-size:16.5px;line-height:1.5;color:var(--text);max-width:420px}
.e3-ib{display:grid;gap:10px;margin-top:12px}
.e3-ib span{display:grid;grid-template-columns:118px minmax(0,1fr) 46px;gap:12px;align-items:center;font-size:14px;color:var(--grau)}
.e3-ib i{position:relative;height:6px;border-radius:3px;background:rgba(29,29,31,.07);overflow:hidden}
.e3-ib i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:3px;background:#3F6BFF}
.e3-ib span + span i::after{background:var(--graphit)}
.e3-ib em{font-style:normal;font-weight:700;color:var(--text);text-align:right}
.e3-inn-f .src{margin:22px 0 0;font-size:12.5px;line-height:1.5;color:var(--grau)}
/* Ihr Teil, mein Teil: ohne Aushang */
.e3-bring .br-img img{object-position:50% 30%}
/* Für Ihre Geschäftsführung */
.e3-gf-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:center}
.e3-memo{position:relative;padding:36px 38px 30px;border-radius:6px;background:#FCFAF6;box-shadow:0 1px 2px rgba(0,0,0,.06),0 40px 80px -40px rgba(20,24,22,.45),0 80px 140px -70px rgba(255,138,70,.55);transform:rotate(-1.4deg)}
.e3-memo::before{content:"";position:absolute;left:50%;top:-8px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--navy);opacity:.75;box-shadow:0 3px 6px rgba(0,0,0,.25)}
.e3-memo-h span{display:block;font:600 11px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:rgba(29,29,31,.45)}
.e3-memo-h b{display:block;margin-top:6px;font:700 25px/1.2 var(--f-d);letter-spacing:-.02em;color:var(--text)}
.e3-memo ol{display:grid;gap:16px;margin:22px 0 0;padding-left:22px;font-size:16px;line-height:1.55;color:#3A3A40}
.e3-memo li::marker{font-weight:700;color:var(--orange-ink)}
.e3-memo li b{display:block;color:var(--text)}
.e3-memo sup{margin-left:2px;font-weight:700;color:var(--orange-ink)}
.e3-memo-s{margin:22px 0 0;padding-top:14px;border-top:1px dashed rgba(29,29,31,.2);font-size:12.5px;line-height:1.5;color:var(--grau)}
.e3-memo-s sup{margin:0 2px 0 0}
.e3-copy{display:inline-flex;align-items:center;gap:8px;height:40px;margin-top:18px;padding:0 18px;border-radius:999px;border:1px solid rgba(29,29,31,.2);background:#fff;cursor:pointer;font:600 14px var(--f-b);color:var(--text);transition:border-color .2s,background .2s}
.e3-copy:hover{border-color:var(--orange);background:#FFF6F0}
@media (max-width:899px){
 .e3-facts .fz-side{grid-template-columns:minmax(0,1fr)}
 .e3-inn-g,.e3-gf-g{grid-template-columns:minmax(0,1fr)}
 .e3-ib span{grid-template-columns:100px minmax(0,1fr) 42px}
 .e3-memo{transform:none;padding:28px 22px 24px}
 .e3-memo-h b{font-size:21px}
}
@media (prefers-reduced-motion:reduce){.e3-cl span,.e3-band span{opacity:1;transform:none;transition:none}}
/* Unternehmensauftritt schlank (V35, 31.10.2026) */
.v-ua{background:var(--sand)}
.v-ua .ua-anl{background:linear-gradient(180deg,var(--white) 0,var(--sand) 420px)}
.ua-pitch{font-weight:600;color:var(--text)}
.u3-hi .glasscard .h1{hyphens:manual}
/* Zeitachse */
.u3-tl{position:relative;margin-top:64px;padding:40px 44px 34px;border-radius:30px;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 40px 80px -46px rgba(20,24,22,.4)}
.u3-row{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:24px;min-height:110px}
.u3-rl{margin:0;font:700 18px var(--f-d);letter-spacing:-.01em;color:var(--text)}
.u3-line{position:relative;height:4px;border-radius:2px}
.u3-line.on{background:linear-gradient(90deg,#F4A577,var(--orange))}
.u3-line.off{background:repeating-linear-gradient(90deg,rgba(29,29,31,.28) 0 8px,transparent 8px 16px)}
.u3-ev{position:absolute;top:50%}
.u3-ev i{position:absolute;left:-8px;top:-8px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 4px var(--orange)}
.u3-ev b{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);white-space:nowrap;font:600 14px var(--f-b);color:var(--text)}
.u3-ev.a i{box-shadow:inset 0 0 0 4px #9A9AA0}
.u3-ev.a b{left:0;transform:none;color:var(--grau)}
.u3-gap{position:absolute;left:55%;top:50%;transform:translate(-50%,-50%);padding:6px 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(29,29,31,.14);font:600 13.5px var(--f-b);color:#B5450A;white-space:nowrap}
.u3-now{position:absolute;right:-8px;top:-8px;width:18px;height:18px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px rgba(220,88,18,.18)}
.u3-yrs{position:relative;height:20px;margin:18px 0 0 194px}
.u3-yrs span{position:absolute;transform:translateX(-50%);font:600 12.5px var(--f-b);color:var(--grau)}
.u3-yrs span:last-child{transform:translateX(-100%)}
.u3-yrs span:first-child{transform:none}
.u3-tlph{position:absolute;right:18px;top:14px;padding:3px 10px;border-radius:999px;background:#EDEAE4;font:600 11.5px var(--f-b);color:var(--grau)}
/* Mosaik mit aufklappbaren Kacheln */
.ua-mo{position:relative;margin-top:44px}
.ua-mo .u3-ph{position:absolute;right:0;top:-34px;bottom:auto;left:auto}
.u3-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(220px,auto);gap:14px}
.u3-bx{position:relative;display:block;min-height:220px;border:0;padding:0;border-radius:24px;background:transparent;font:inherit;color:#fff;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.u3-bx .cv{position:absolute;inset:0;display:block;border-radius:inherit;overflow:hidden;background:#141816;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.u3-bx .cv > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.u3-bx .cv::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,18,16,0) 36%,rgba(14,18,16,.9))}
.u3-bx.big{grid-column:1/8;grid-row:span 2}
.u3-bx.tall{grid-column:8/13;grid-row:span 2}
.u3-bx.sm:nth-child(3){grid-column:1/5}
.u3-bx.sm:nth-child(4){grid-column:5/9}
.u3-bx.wide{grid-column:9/13}
.u3-btx{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;display:block}
.u3-btx em{display:block;margin-bottom:6px;font:600 12px var(--f-b);font-style:normal;letter-spacing:.07em;text-transform:uppercase;color:#F4A577}
.u3-btx .h3{display:block;margin:0;color:#fff}
.u3-btx .p{display:block;margin:8px 0 0;max-width:520px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.84)}
.u3-bx .u3-pl{position:absolute;left:50%;top:44%;z-index:3;display:grid;place-items:center;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 8px 20px -8px rgba(0,0,0,.4)}
.u3-bx.sm .u3-pl{left:46px;top:46px;width:42px;height:42px;margin:-21px 0 0 -21px}
.u3-bx .u3-pl svg{width:18px;height:18px}
.ua-more{position:absolute;right:16px;top:16px;z-index:3;display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(14,18,16,.46);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);font:600 13px var(--f-b);color:#fff;transition:background .3s}
.ua-more span{display:inline-flex;align-items:center;gap:7px}
.ua-more .m1{display:none}
.u3-bx.on .cv{box-shadow:0 0 0 3px var(--orange),0 30px 60px -30px rgba(220,88,18,.55)}
.u3-bx.on .ua-more{background:var(--orange);box-shadow:none}
.u3-bx.on .ua-more .m0{display:none}
.u3-bx.on .ua-more .m1{display:inline-flex}
.u3-bx:focus-visible{outline:none}
.u3-bx:focus-visible .cv{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--orange)}
@media (hover:hover){
 .u3-bx:not(.on):hover{z-index:2}
 .u3-bx:not(.on):hover .cv{transform:translateY(-8px);box-shadow:0 0 0 1px rgba(255,160,110,.55),0 0 48px 4px rgba(255,122,53,.4),0 36px 60px -26px rgba(0,0,0,.6)}
 .u3-bx:hover .cv > img{transform:scale(1.04)}
 .u3-bx:not(.on):hover .ua-more{background:rgba(14,18,16,.66)}
}
/* Detailfläche */
.ua-dw{position:relative;margin-top:14px;border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04),0 40px 80px -46px rgba(20,24,22,.45)}
.ua-dw::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--orange),#F4A577 55%,rgba(244,165,119,0))}
.ua-d{display:none;grid-template-columns:minmax(0,1fr);gap:26px;padding:clamp(24px,3vw,40px)}
.ua-dh{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'k k' 't c' 's c';column-gap:40px;align-items:end}
.ua-dh .k{grid-area:k}.ua-dh .h3{grid-area:t}.ua-dh .ua-ds{grid-area:s;max-width:620px}.ua-dh .xf-chips{grid-area:c;justify-content:flex-end;max-width:420px}
.ua-d.on{display:grid;animation:uaIn .5s var(--ease)}
@keyframes uaIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ua-dh .k{margin:0;font:600 12px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-ink)}
.ua-dh .h3{margin:10px 0 0}
.ua-ds{margin:10px 0 0;font-size:17px;line-height:1.55;color:var(--grau)}
.ua-d .xf-chips{margin:0}
.ua-d .xf-chips li{background:#F3F0EA;border-color:#E6E1D8;color:var(--text)}
.ua-dg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.ua-dg > div{padding-top:16px;border-top:1px solid rgba(29,29,31,.1)}
.ua-dk{margin:0 0 8px;font:700 16px var(--f-d);letter-spacing:-.01em;color:var(--text)}
.ua-dg p:not(.ua-dk){margin:0;font-size:15.5px;line-height:1.6;color:var(--grau)}
/* Gut zu wissen */
.ua-gut{background:var(--sand)}
.ua-hints{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px}
.ua-h{padding:24px;border-radius:24px;background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 30px 60px -44px rgba(20,24,22,.4)}
.ua-hi{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#FFF1E8;color:var(--orange-ink)}
.ua-h b{display:block;margin-top:16px;font:700 19px/1.25 var(--f-d);letter-spacing:-.015em;color:var(--text)}
.ua-h p{margin:8px 0 0;font-size:15.5px;line-height:1.55;color:var(--grau)}
.ua-pt{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:32px;margin-top:14px;padding:clamp(24px,3vw,40px);border-radius:28px;overflow:hidden;color:#fff;
 background:radial-gradient(70% 140% at 0 0,rgba(220,88,18,.34),rgba(220,88,18,0) 60%),radial-gradient(46% 120% at 100% 100%,rgba(63,107,255,.26),rgba(63,107,255,0) 62%),var(--graphit);box-shadow:0 50px 100px -50px rgba(20,24,22,.55)}
.ua-pl{display:grid;place-items:center;width:210px;height:120px;border-radius:20px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.ua-pl img{display:block;width:156px;height:auto}
.ua-ptx .eb{margin:0}
.ua-ptx .h3{margin:8px 0 0;color:#fff}
.ua-ptx p:not(.eb){margin:10px 0 0;max-width:640px;font-size:16px;line-height:1.6;color:#D5D9D7}
.ua-pa{white-space:nowrap}
/* Events: Abschluss auf hellem Grund wie Interne Kommunikation */
.v-ev .zs,.v-ev .ie{background:var(--sand)}
@media (max-width:899px){
 .u3-tl{padding:28px 20px 24px}
 .u3-row{grid-template-columns:minmax(0,1fr);gap:40px;min-height:0;margin-bottom:34px}
 .u3-ev b{width:80px;font-size:11px;white-space:normal;text-align:center}
 .u3-ev:nth-child(even) b{bottom:auto;top:16px}
 .u3-yrs{margin-left:0}
 .u3-gap{font-size:12px}
 .u3-bento{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
 .u3-bx.big,.u3-bx.tall,.u3-bx.sm:nth-child(3),.u3-bx.sm:nth-child(4),.u3-bx.wide{grid-column:1;grid-row:auto;min-height:260px}
 .u3-bento .ua-dw{grid-column:1;margin-top:0}
 .ua-d{gap:20px}
 .ua-dh{grid-template-columns:minmax(0,1fr);grid-template-areas:'k' 't' 's' 'c'}
 .ua-dh .xf-chips{justify-content:flex-start;margin-top:16px}
 .ua-dg{grid-template-columns:minmax(0,1fr);gap:18px}
 .ua-hints{grid-template-columns:minmax(0,1fr)}
 .ua-pt{grid-template-columns:minmax(0,1fr);gap:20px}
 .ua-pl{width:100%;height:96px}
 .ua-pa{justify-self:start}
}
@media (prefers-reduced-motion:reduce){.u3-bx .cv,.u3-bx .cv > img{transition:none}.ua-d.on{animation:none}}
@media (max-width:899px){.u3-row:first-child{margin-bottom:58px}}
/* Events und Messen V36 (31.10.2026): Wert W1, Formate EF1 */
.v2-prob .h2,.v2-fmt .h2{color:#fff}
.v2-q{color:#BAC0BC!important}
.v2-l{color:#D5D9D7}
.v2-th{margin-top:34px}
.v2-th span:not(.k){background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.16)!important;color:#E8EBE9!important}
.v2-th .k{color:var(--orange-hell)!important}
.v2-ph{position:absolute;right:0;top:-34px;left:auto;bottom:auto}
.v2-fact{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:10px 36px;align-items:center;margin-top:clamp(56px,7vw,96px);padding:clamp(24px,3vw,38px);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 40px 80px -40px rgba(0,0,0,.8)}
.v2-fn{grid-row:1/3;margin:0;font:700 clamp(64px,7vw,104px)/.9 var(--f-d);letter-spacing:-.05em;color:var(--orange-hell)}
.v2-fn small{margin-left:4px;font-size:.4em;letter-spacing:0}
.v2-ft{margin:0;font:600 18px/1.45 var(--f-d);color:#fff}
.v2-fq{margin:0;font-size:16px;line-height:1.5;color:#D5D9D7}
.v2-fq b{display:block;margin-bottom:4px;font:600 12px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-hell)}
.v2-fs{grid-column:2/4;margin:0;font-size:12.5px;line-height:1.5;color:#8E938F}
/* Formate: Detailfläche dunkel */
.e2-dw{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.e2-dw .ua-dh .k{color:#F4A577}
.e2-dw .h3{color:#fff}
.e2-dw .ua-ds{color:#C9CECB}
.e2-dw .ua-d .xf-chips li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#E3E6E4}
.e2-dw .ua-dg > div{border-top-color:rgba(255,255,255,.14)}
.e2-dw .ua-dk{color:#fff}
.e2-dw .ua-dg p:not(.ua-dk){color:#C9CECB}
/* EF1 Mosaik mit Detailfläche */
.e2-f1{position:relative;margin-top:44px}
.e2-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(230px,auto);gap:14px}
.e-big{grid-column:1/8;grid-row:span 2}
.e-tall{grid-column:8/13;grid-row:span 2}
.e-wide{grid-column:1/8}
.e-sm{grid-column:8/13}
.e2-add{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:20px;width:100%;margin-top:14px;padding:10px 20px 10px 10px;border:0;border-radius:20px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font:inherit;color:#fff;text-align:left;cursor:pointer;transition:background .3s,box-shadow .3s}
.e2-add:hover{background:rgba(255,255,255,.08)}
.e2-add.on{box-shadow:inset 0 0 0 2px var(--orange)}
.e2-add:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #fff,0 0 0 3px var(--orange)}
.e2-at{position:relative;display:block;height:72px;border-radius:12px;overflow:hidden}
.e2-at img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.e2-ax em{display:block;font:600 11.5px var(--f-b);font-style:normal;letter-spacing:.07em;text-transform:uppercase;color:#A9AFAC}
.e2-ax b{display:block;margin-top:3px;font:700 18px var(--f-d)}
.e2-ax span{display:block;margin-top:2px;font-size:14px;color:#A9AFAC}
.e2-ap{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.1);font:600 13px var(--f-b)}
.e2-add.on .e2-ap{background:var(--orange)}
.e2-add .e2-ap .m1{display:none}
.e2-add.on .e2-ap .m0{display:none}
.e2-add.on .e2-ap .m1{display:inline-flex;align-items:center;gap:7px}
.e2-ap .m0{display:inline-flex;align-items:center;gap:7px}
@media (max-width:899px){
 .v2-fact{grid-template-columns:minmax(0,1fr)}
 .v2-fn{grid-row:auto}
 .v2-fs{grid-column:1}
 .e2-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
 .e-big,.e-tall,.e-wide,.e-sm{grid-column:1;grid-row:auto;min-height:260px}
 .e2-grid .ua-dw{grid-column:1;margin-top:0}
 .e2-add{grid-template-columns:84px minmax(0,1fr);gap:14px}
 .e2-add .e2-ap,.e2-add .e2-ax span{display:none}
 .e2-f1 > .ua-dw{margin-top:14px}
}
/* Mosaik-Idee I1 (V37): Clips in den Kacheln */
.i1-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.i1 .e-big .u3-pl{display:none}
.i1-reel .cv{background:#141816}
.i1-bg{position:absolute;inset:0;display:block}
.i1-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(18px) brightness(.55) saturate(.9);transform:scale(1.15)}
.i1-ph{position:absolute;right:28px;top:50%;z-index:2;display:block;width:42%;max-width:210px;aspect-ratio:9/16;border-radius:22px;overflow:hidden;transform:translateY(-58%) rotate(2deg);background:#000;box-shadow:0 0 0 5px #0B0D0C,0 0 0 6px rgba(255,255,255,.14),0 30px 60px -20px rgba(0,0,0,.8)}
.i1-ph video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.i1-ui{position:absolute;right:8px;bottom:44px;z-index:2;display:grid;gap:9px}
.i1-ui i{display:block;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.85)}
.i1-sub{position:absolute;left:10px;right:40px;bottom:14px;z-index:2;padding:4px 8px;border-radius:6px;background:rgba(0,0,0,.6);font:700 11.5px/1.3 var(--f-b);color:#fff;text-align:center}
.i1-reel .u3-btx{right:52%}
.i1-reel .ua-more{right:auto;left:16px}
@media (max-width:899px){
 .i1-ph{right:18px;width:42%}
 .u3-bx.i1-reel{min-height:400px}
 .i1-reel .u3-btx{right:22px}
 .i1-reel .u3-btx .p{display:none}
}
/* Referenzen R2 (V38): Video groß neben dem Text, Ton erst auf Klick */
.r-k{margin:0 0 14px;font:600 12px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:#F4A577}
.r-it{display:none;grid-template-columns:minmax(0,1fr);gap:14px}
.r-it.on{display:grid}
.r-pl{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 30px 60px -30px rgba(0,0,0,.85),0 40px 90px -50px rgba(255,138,70,.45)}
.r-pl > video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.r-vbox .r-blur{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(22px) brightness(.5) saturate(.9);transform:scale(1.15)}
.r-vbox > video{left:50%;right:auto;width:auto;height:100%;aspect-ratio:9/16;transform:translateX(-50%);object-fit:cover;background:transparent}
.r-meta{display:grid;gap:6px}
.r-meta b{font:700 20px/1.2 var(--f-d);letter-spacing:-.015em;color:#fff}
.r-meta > span:not(.need){font-size:15px;line-height:1.5;color:#C9CECB}
.r-meta .need{justify-self:start;margin-top:4px;font-size:12.5px}
.r-ths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.r-tb{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px;padding:6px 10px 6px 6px;border:0;border-radius:14px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font:inherit;color:#A9AFAC;text-align:left;cursor:pointer;transition:background .3s,box-shadow .3s,color .3s}
.r-tb b{font:700 13.5px/1.25 var(--f-d)}
.r-tb:hover{color:#fff;background:rgba(255,255,255,.08)}
.r-tb.on{color:#fff;box-shadow:inset 0 0 0 2px var(--orange)}
.r-tb:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #fff,0 0 0 3px var(--orange)}
.r-ti{position:relative;display:block;height:40px;border-radius:9px;overflow:hidden}
.r-ti img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.r2 .ua-d.on:not(.r-noref){grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto 1fr;gap:28px 40px}
.r2 .ua-d:not(.r-noref) .r-ref{grid-column:1;grid-row:1/3}
.r2 .ua-d:not(.r-noref) .ua-dh{grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr);grid-template-areas:'k' 't' 's' 'c'}
.r2 .ua-d:not(.r-noref) .ua-dh .xf-chips{justify-content:flex-start;margin-top:16px;max-width:none}
.r2 .ua-d:not(.r-noref) .ua-dg{grid-column:2;grid-row:2;grid-template-columns:minmax(0,1fr);gap:16px}
@media (max-width:899px){
 .r-ths{grid-template-columns:minmax(0,1fr)}
 .r2 .ua-d.on:not(.r-noref){grid-template-columns:minmax(0,1fr);grid-template-rows:none}
 .r2 .ua-d:not(.r-noref) .r-ref,.r2 .ua-d:not(.r-noref) .ua-dh,.r2 .ua-d:not(.r-noref) .ua-dg{grid-column:1;grid-row:auto}
 .r2 .ua-d:not(.r-noref) .r-ref{order:-1}
}
/* Referenzen R1 (V39): Beispiel unter dem Text. Der Rahmen passt sich dem Format an: Querformat 16:9, Hochformat 9:16 */
.r1 .r-ref{padding-top:22px;border-top:1px solid rgba(255,255,255,.14)}
.r1 .r-it.on{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px;align-items:end}
.r1 .r-it.r-itv.on{grid-template-columns:auto minmax(0,1fr)}
.r1 .r-meta b{font-size:22px}
.r-pl.r-v{width:300px;aspect-ratio:9/16;border-radius:24px}
.r-pl.r-v > video{object-fit:cover}
@media (max-width:899px){
 .r1 .r-it.on,.r1 .r-it.r-itv.on{grid-template-columns:minmax(0,1fr);gap:14px}
 .r-pl.r-v{width:min(100%,280px);margin-inline:auto}
}
/* Formate am Handy M1 (V40): kompaktes Raster, Details erst beim Antippen, für Unternehmensauftritt und Events */
.ua-x{display:none;position:absolute;right:14px;top:14px;z-index:3;align-items:center;gap:7px;padding:7px 12px;border:0;border-radius:999px;font:600 13px var(--f-b);cursor:pointer}
.ua-mo .ua-x{background:#EFECE6;color:var(--text)}
.e2-f1 .ua-x{background:rgba(255,255,255,.1);color:#fff}
.closed .ua-dw{display:none}
@media (max-width:899px){
 .ua-x{display:inline-flex}
 .ua-dw .ua-d{padding-top:58px}
 .u3-bento,.e2-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .u3-bento > .u3-bx,.e2-grid > .u3-bx{grid-column:auto!important;grid-row:auto!important;min-height:150px!important}
 .u3-bento > .u3-bx.big,.e2-grid > .u3-bx.e-big{grid-column:1/-1!important;min-height:210px!important}
 .e2-grid > .u3-bx.e-sm{grid-column:1/-1!important;min-height:118px!important}
 .u3-bento > .ua-dw,.e2-grid > .ua-dw{grid-column:1/-1}
 .u3-bento .u3-btx,.e2-grid .u3-btx{left:14px;right:14px;bottom:12px}
 .u3-bento .u3-btx .p,.e2-grid .u3-btx .p,.u3-bento .u3-bx:not(.big) .u3-btx em,.e2-grid .u3-bx:not(.e-big) .u3-btx em{display:none}
 .u3-bento .big .u3-btx .p,.e2-grid .e-big .u3-btx .p{display:block;font-size:13.5px}
 .u3-bento .u3-btx .h3,.e2-grid .u3-btx .h3{font-size:18px;line-height:1.15}
 .u3-bento .ua-more,.e2-grid .ua-more{top:10px;right:10px;left:auto;padding:6px;font-size:0}
 .u3-bento .ua-more span,.e2-grid .ua-more span{gap:0}
 .u3-bento .u3-bx.sm .u3-pl{left:34px;top:34px;width:36px;height:36px;margin:-18px 0 0 -18px}
 .e2-grid .i1-bg,.e2-grid .i1-ui,.e2-grid .i1-sub{display:none}
 .e2-grid .i1-ph{left:0;right:0;top:0;bottom:0;z-index:0;width:100%;max-width:none;height:100%;aspect-ratio:auto;transform:none;border-radius:0;box-shadow:none}
 .e2-grid .i1-reel .u3-btx{right:14px}
 .e2-add{margin-top:10px}
}
/* =================== Version 41 (Curt, 03.11.2026): Punkte aus den Kommentaren =================== */
/* Fließtext: grau wird dunkler, Fließtext unter Überschriften schwarz */
:root{--grau:#55555A}
.lead.mut,.p.mut{color:#2C2C30}
.dk .lead.mut,.dk .p.mut{color:var(--grau-d)}
/* Balken in Zahlenkacheln: überall gleich dick (14 px), Beschriftung größer */
.fz-bars{gap:12px}
.fz-bars span{font-size:15px}
.fz-bars i,.e3-ib i{height:14px;border-radius:7px}
.fz-bars i::after,.e3-ib i::after{border-radius:7px}
.fz-bars em,.e3-ib em{font-size:15px}
.e3-ib{gap:12px}
.e3-ib span{font-size:15px}
/* Große dunkle Zahlenkachel: Balken über die volle Breite, Beschriftung darüber */
.fz-main .fz-bars{gap:16px}
.fz-main .fz-bars span{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;font-size:15.5px}
.fz-main .fz-bars i{grid-column:1/-1;grid-row:2}
.fz-main .fz-bars em{grid-column:2;grid-row:1;font-size:16px}
.fz-bars.l span{grid-template-columns:130px minmax(0,1fr) 56px}
.ep-bx .bar{height:14px;border-radius:7px}
.ep-bx .bar i{border-radius:7px}
/* So läuft es ab: am Computer größer */
@media (min-width:1100px){
 .zs > .w{--maxw:1400px}
 .zs-in{padding:60px 64px 64px}
 .zs-steps{gap:24px;margin-top:30px}
 .zs-s{padding:18px 18px 26px}
 .zs-k{font-size:13px}
 .zs-t{font-size:28px}
 .zs-p{font-size:17px}
 .ep-vert{max-width:980px;gap:34px;padding-left:60px}
 .ep-vert::before,.ep-vert::after{left:19px}
 .ep-vert .n{left:-60px;width:40px;height:40px;font-size:16px}
 .ep-vert em{font-size:13px}
 .ep-vert b{font-size:27px}
 .ep-vert .s{font-size:18px;max-width:820px}
}
/* Expertenpositionierung: 35 % und 73 % gleich groß und hervorgehoben */
.ep-bx{grid-template-areas:"T T T G G G" "Y Y Y G G G" "R R R E E E" "Q Q Q Q Q Q";grid-template-rows:minmax(170px,auto) minmax(170px,auto) auto auto}
.ep-bx .hl{box-shadow:inset 0 0 0 1.5px rgba(240,138,80,.8),inset 0 1px 0 rgba(255,255,255,.34),0 0 44px -8px rgba(240,138,80,.45),0 30px 60px -36px rgba(0,0,0,.7)}
.ep-bx .hl .n{font-size:clamp(56px,5.4vw,76px)}
.ep-bx .hl .t{margin-top:14px;font-size:16px;color:#fff;max-width:520px}
.ep-bx .qq{align-items:center;padding:22px 26px}
.ep-bx .qq p{display:flex;gap:20px;align-items:baseline}
.ep-bx .qq p span{flex:none;margin-bottom:0}
/* Expertenpositionierung: Leistungsfelder mit blauem Licht und Linie */
.ep-bs div{position:relative;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(125,155,255,.55),0 0 28px -6px rgba(63,107,255,.5)}
.ep-bs div::before{content:"";position:absolute;left:14px;right:14px;top:0;height:2px;border-radius:1px;background:linear-gradient(90deg,rgba(110,145,255,0),rgba(150,178,255,.95),rgba(110,145,255,0))}
@media (max-width:899px){
 .ep-bx{grid-template-areas:"T T" "G G" "R R" "E E" "Y Y" "Q Q";grid-template-rows:none}
 .ep-bx .hl .n{font-size:44px}
 .ep-bx .hl .t{font-size:14px}
 .ep-bx .qq{padding:16px 14px}
 .ep-bx .qq p{display:block}
 .ep-bx .qq p span{margin-bottom:8px}
}
/* Employer Branding: Bausteine der Karriereseite anklickbar wie die Formate 1 bis 4 */
.e3-bm{cursor:pointer}
@media (hover:hover){.e3-f2 .e3-bm:hover{opacity:.75;filter:grayscale(.3)}}
/* Employer Branding: Zitat als Sprechblase aus hellem Glas (Curt, V42) */
.wvc-bub{position:absolute;z-index:3;right:18px;bottom:50px;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:8px;max-width:min(74%,400px);margin:0}
.wvc-bub span{display:block;padding:16px 20px;border-radius:26px 26px 26px 8px;background:rgba(255,255,255,.74);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 24px 44px -20px rgba(0,0,0,.6);color:var(--text);font:600 17px/1.35 var(--f-d);letter-spacing:-.01em}
.wvc-bub em{padding:3px 10px;border-radius:999px;background:rgba(14,18,16,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 12px var(--f-b);font-style:normal;color:#fff}
@media (max-width:899px){.wvc-bub{left:12px;right:12px;bottom:44px;max-width:none}.wvc-bub span{font-size:15px;padding:12px 16px}}
/* Unternehmensauftritt: Einstiegsbild läuft weich in den hellen Abschnitt aus, wie auf der Startseite */
.u3-hi::after{content:"";position:absolute;left:0;right:0;bottom:-1px;z-index:1;height:clamp(150px,24vh,260px);pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0.000) 0.0%,rgba(255,255,255,0.002) 6.2%,rgba(255,255,255,0.016) 12.5%,rgba(255,255,255,0.049) 18.8%,rgba(255,255,255,0.104) 25.0%,rgba(255,255,255,0.180) 31.2%,rgba(255,255,255,0.275) 37.5%,rgba(255,255,255,0.384) 43.8%,rgba(255,255,255,0.500) 50.0%,rgba(255,255,255,0.616) 56.2%,rgba(255,255,255,0.725) 62.5%,rgba(255,255,255,0.820) 68.8%,rgba(255,255,255,0.896) 75.0%,rgba(255,255,255,0.951) 81.2%,rgba(255,255,255,0.984) 87.5%,rgba(255,255,255,0.998) 93.8%,rgba(255,255,255,1.000) 100.0%)}
.u3-hi .w{z-index:2;padding-bottom:clamp(130px,18vh,200px)}
.u3-hi > .ph{z-index:3;top:auto!important;bottom:calc(clamp(150px,24vh,260px) + 6px)!important}
@media (max-width:899px){.u3-hi::after{height:120px}.u3-hi .w{padding-bottom:96px}.u3-hi > .ph{bottom:126px!important}}
/* Mosaik (Unternehmensauftritt, Events): Auswahl sichtbar machen. Kurzer Lichtimpuls, Spitze zur Detailfläche, Fläche gleitet auf */
@keyframes uaPulse{0%{box-shadow:0 0 0 3px var(--orange),0 0 0 0 rgba(238,122,60,.75)}100%{box-shadow:0 0 0 3px var(--orange),0 0 0 26px rgba(238,122,60,0)}}
.u3-bx.pulse .cv{animation:uaPulse .85s var(--ease)}
.adj .u3-bx.on::after,.adj .e2-add.on::after{content:"";position:absolute;left:50%;bottom:-12px;z-index:3;width:24px;height:12px;margin-left:-12px;background:var(--orange);clip-path:polygon(0 0,100% 0,50% 100%);animation:uaPtr .4s var(--ease)}
.e2-add{position:relative}
.closed .u3-bx::after,.closed .e2-add::after{display:none}
@keyframes uaPtr{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes uaDw{from{opacity:.3;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes uaLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ua-dw.enter{animation:uaDw .5s var(--ease)}
.ua-dw::before{transform-origin:left}
.ua-dw.enter::before{animation:uaLine .8s var(--ease)}
@media (prefers-reduced-motion:reduce){.u3-bx.pulse .cv,.ua-dw.enter,.ua-dw.enter::before,.adj .u3-bx.on::after,.adj .e2-add.on::after{animation:none}}
@media (max-width:899px){.fz-bars.l span,.e3-ib span{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.fz-bars.l i,.e3-ib i{grid-column:1/-1;grid-row:2}.fz-bars.l em,.e3-ib em{grid-column:2;grid-row:1}}
/* =================== Version 42 (Curt, 03.11.2026) =================== */
/* Unternehmensauftritt: Licht um die Kacheln in Ultramarin, Events bleibt Orange */
@keyframes uaPulseB{0%{box-shadow:0 0 0 3px var(--orange),0 0 0 0 rgba(63,107,255,.7)}100%{box-shadow:0 0 0 3px var(--orange),0 0 0 26px rgba(63,107,255,0)}}
.v-ua .u3-bx.on .cv{box-shadow:0 0 0 3px var(--orange),0 0 64px 2px rgba(63,107,255,.5),0 30px 60px -30px rgba(40,70,200,.55)}
.v-ua .u3-bx.pulse .cv{animation-name:uaPulseB}
@media (hover:hover){.v-ua .u3-bx:not(.on):hover .cv{box-shadow:0 0 0 1px rgba(140,165,255,.65),0 0 48px 4px rgba(63,107,255,.34),0 36px 60px -26px rgba(0,0,0,.6)}}
/* Interne Kommunikation: Text liegt immer über den Linien des Netzes */
.v-ik .ik-facts > .h3,.v-ik .ik-facts > .src,.v-ik .why-t,.v-ik .ik-fmt .h2,.v-ik .ik-fmt .lead{position:relative;z-index:1}
/* =================== Version 43 (Curt, 04.11.2026) =================== */
/* Interne Kommunikation: Aushang unter „Ihr Teil, mein Teil“ hängt unter der Fußnote statt darüber */
.ash-br{bottom:-200px}
/* =================== Preise (Entwurf, 04.11.2026): ruhig und klein, Erstgespräch bleibt das Wichtigste =================== */
.pzl{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin:0;padding-top:16px;border-top:1px solid #ECE8E1;font:400 15px/1.45 var(--f-b);color:var(--text)}
.pzl-k{font:600 11px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--grau)}
.pzl-v{font:600 16px/1.4 var(--f-d);letter-spacing:-.005em}
.pzl-s{flex-basis:100%;font-size:13.5px;color:var(--grau)}
.e2-dw .pzl,.ep-l .pzl,.xf-c .pzl{border-top-color:rgba(255,255,255,.14);color:#fff}
.e2-dw .pzl-k,.ep-l .pzl-k,.xf-c .pzl-k,.e2-dw .pzl-s,.ep-l .pzl-s,.xf-c .pzl-s{color:#A9AFAC}
.ep-l .pzl{margin-top:16px}
.xf-c .pzl{margin-top:14px;padding-top:12px}
.xf-c .pzl-v{font-size:15px}
.e3-fl .pzl{margin-top:12px;padding-top:10px;border-top:1px dashed rgba(29,29,31,.16)}
.e3-fl .pzl-v{font-size:15px}
.pzn{margin:18px 0 0;max-width:860px;font-size:13.5px;line-height:1.55;color:var(--grau)}
.v-ev .v2-fmt .pzn,.ep-l .pzn{color:#A9AFAC}
@media (max-width:899px){.pzl-v{font-size:15px}.pzn{font-size:13px}}
.xf-c .pzl{margin-bottom:24px}
.pzl + .r-ref{border-top:0;padding-top:4px}
.ep-bs .ep-bp{display:block;margin-top:8px;font:600 15.5px/1.3 var(--f-d);color:#fff}
/* Interne Kommunikation, Formate (Curt, 04.11.2026, X1): Kacheln bleiben, Text weiß, Verlauf früher und dichter */
.xf-d{color:#fff}
.xf-s,.xf-d,.xf-t{text-shadow:0 1px 14px rgba(0,0,0,.45)}
.xf-c.open .xf-sh{background:linear-gradient(180deg,rgba(14,17,16,.1) 0%,rgba(14,17,16,.35) 24%,rgba(14,17,16,.84) 44%,rgba(14,17,16,.95) 60%,#121513 100%)}
.xf-chips li{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22);color:#fff}
@media (max-width:899px){
 .xf-c.open .xf-sh{background:linear-gradient(180deg,rgba(14,17,16,.05) 0,rgba(14,17,16,.2) 110px,rgba(14,17,16,.88) 200px,#121513 260px,#121513 100%)}
}
/* =================== Preise, Auswahl Curt (05.11.2026): K1b, K2d, K3b, K4a, K5b, H2 =================== */
.pzh{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:14px 0 0;max-width:620px}
.pzh-k{font:600 11px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--grau)}
.pzh-v{font:600 16px/1.4 var(--f-d);letter-spacing:-.005em;color:var(--text)}
.pzh-s{flex-basis:100%;font:400 14px/1.45 var(--f-b);color:var(--text)}
.pzh-h{flex-basis:100%;margin-top:2px;font:400 12.5px/1.45 var(--f-b);color:var(--grau)}
.e2-dw .pzh-k,.e2-dw .pzh-h,.ep-l .pzh-k{color:#A9AFAC}
.e2-dw .pzh-v,.e2-dw .pzh-s,.ep-l .pzh-v{color:#fff}
.e3-fl .pzh{margin:2px 0 10px}
.e3-fl .pzh-v{font-size:15px}
.ep-pz{margin:14px 0 0}
.ep-pz .pzh{margin:0}
.ep-bs .ep-when{display:block;margin-bottom:5px;font:600 11px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-hell)}
.ep-bs-h{margin:6px 0 0;font:400 12.5px/1.45 var(--f-b);color:rgba(255,255,255,.6)}
.pz2c{display:grid;grid-template-columns:1fr 1fr;margin:14px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.14)}
.pz2c > *{display:flex;flex-direction:column;gap:2px;padding-right:16px;min-width:0}
.pz2c > * + *{padding-left:16px;border-left:1px solid rgba(255,255,255,.14)}
.pz2c .k{font:600 11px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:#A9AFAC}
.pz2c b{font:600 19px/1.25 var(--f-d);letter-spacing:-.01em;color:#fff}
.pz2c .u{font:400 13.5px var(--f-b);color:#C9CECB}
.pz2c-m{margin:10px 0 0;font:500 14px/1.45 var(--f-b);color:#fff}
.pz2c-n{margin:4px 0 24px;font:400 12.5px/1.45 var(--f-b);color:#A9AFAC}
/* Preisliste 1.4 (Curt, 05.11.2026): zwei Fotopreise nebeneinander, Arbeitgebermarke mit zwei Kacheln */
.pz2l{margin:14px 0 0;padding-top:0;border-top:0;max-width:620px}
.pz2l > * + *{border-left-color:#E6E1D8}
.pz2l .k{color:var(--grau)}
.pz2l b{font-size:17px;color:var(--text)}
.pz2l .u{font-size:13px;line-height:1.4;color:var(--grau)}
.pz2l-h{display:block;margin-top:8px;max-width:620px;font:400 12.5px/1.45 var(--f-b);color:var(--grau)}
.eb-bs{display:grid;gap:8px;margin:12px 0 0}
.eb-bs > span{display:block;padding:11px 13px;border-radius:12px;background:#F6F4F0;box-shadow:inset 0 0 0 1px #E8E3DA;font:400 13.5px/1.45 var(--f-b);color:var(--grau)}
.eb-bs b{display:block;font:700 14.5px/1.3 var(--f-d);color:var(--text)}
.eb-bp{display:block;margin-top:6px;font:600 14.5px/1.3 var(--f-d);color:var(--text)}
.eb-bs-n{display:block;margin:10px 0 0;font:500 13.5px/1.45 var(--f-b);color:var(--text)}
.e3-fl .eb-bs-n + .pzh{margin:10px 0 0}
.pz2w{display:block}
.ep-l .pzh-h,.ep-l .pzh-s{color:#A9AFAC}
/* Interne Kommunikation: kleine Formatkacheln mit Preis (05.11.2026). Kachelgröße bleibt, Text etwas breiter, Abstände um den Preis enger, damit der Titel sichtbar bleibt */
.xf-c .xf-chips + .pzl{margin-top:-10px;padding-top:10px;margin-bottom:20px}

/* IK Kachel Porträt: Bild rechts, Text links (Curt 06.11.2026: Bild sah man kaum) */
@media (min-width:900px){.xf-c.open[data-k="portrait"] .xf-sh{background:linear-gradient(90deg,#121513 0%,rgba(18,21,19,.95) 46%,rgba(18,21,19,.4) 66%,rgba(18,21,19,.08) 100%)}}

/* IK Kachel Porträt: Bild in jeder Ansicht skaliert statt angeschnitten (Curt 06.11.2026, Kommentar 24) */
@media (min-width:900px){.xf-c.wide[data-fx] .xf-img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--mk,0px),#000 calc(100% - 44px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--mk,0px),#000 calc(100% - 44px),transparent 100%)}}
@media (max-width:899px){
 .xf-c.open[data-k="portrait"] .xf-img{bottom:auto;height:min(250px,64vw)}
 .xf-c[data-k="portrait"]:not(.open) .xf-img{left:auto;width:min(50%,180px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%)}
}
/* IK wandernde Minikachel: helles Bild statt KI (Curt 06.11.2026, Kommentar 27) */
/* Vergleich Rundmail/Video: Anhang nicht mehr unter dem Schild (Curt 06.11.2026) */
.cmp{height:clamp(480px,38vw,520px)}
@media (max-width:899px){.cmp{height:492px}}
/* Ihr Teil, mein Teil: Bild endet über der Fußnote (Curt 06.11.2026) */
@media (min-width:900px){.ik-bring .br-img{bottom:190px}}
/* IK Runde 38: Fußnoten an den Zahlen, Quellen zeilenweise, Sternchen bei den Chips */
.fz-n sup{font-size:.19em;font-weight:600;letter-spacing:0;vertical-align:top;position:relative;top:.42em;margin-left:.18em;color:rgba(255,255,255,.55)}
.fz-n.s sup{color:var(--grau2)}
.ik-src span{display:block}
.ik-src span + span{margin-top:6px}
.ik-src sup{font-size:.85em;margin-right:2px}
.xf-fn{margin:8px 0 0;font-size:12px;line-height:1.4;color:rgba(255,255,255,.55)}
/* IK Runde 38: Formate einen Ticken höher, Textbreite nach Kartenbreite */
@media (min-width:900px){.xf.lay{height:640px}.xf.lay .xf-in{width:var(--iw,min(560px,calc(100vw - 80px)))}}
.xf-chips:has(+ .xf-fn){margin-bottom:0}
.xf-fn{margin:8px 0 12px}
/* Offene Karte mit Gesichtspunkt: linke Bildkante weich auslaufen lassen */
@media (min-width:900px){.xf-c.open[data-fx]:not(.wide) .xf-img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 130px);mask-image:linear-gradient(90deg,transparent 0,#000 130px)}}

@media (min-width:900px){.xf-c[data-fx]:not(.open) .xf-img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--mk,0px),#000 calc(100% - 44px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--mk,0px),#000 calc(100% - 44px),transparent 100%)}}

/* EP Durchgang 10.11.2026 */
.ep-more ul{margin:16px 0 4px;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:760px){.ep-more ul{grid-template-columns:minmax(0,1fr)}}
.ep-vert .s .s2{display:block;margin-top:8px}
.ep-one{position:relative;margin-top:16px;padding:18px 18px 0;border-radius:16px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(125,155,255,.55),0 0 28px -6px rgba(63,107,255,.5);overflow:hidden}
.ep-one::before{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;border-radius:1px;background:linear-gradient(90deg,rgba(110,145,255,0),rgba(150,178,255,.95),rgba(110,145,255,0))}
.ep-one > b{display:block;font:700 17px var(--f-d);color:#fff}
.ep-one .ln{margin:6px 0 0;font-size:14.5px;line-height:1.5;color:#D5D9D7}
.ep-one .chips{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.ep-one .chips li{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font:500 13.5px/1.3 var(--f-b);color:#fff}
.ep-one .pr{margin:18px -18px 0;padding:14px 18px 16px;border-top:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.18);display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px}
.ep-one .pk{font:600 11px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-hell)}
.ep-one .pv{font:600 18px/1.3 var(--f-d);color:#fff}
.ep-one .phh{flex-basis:100%;margin-top:3px;font:400 12.5px/1.45 var(--f-b);color:rgba(255,255,255,.6)}

/* Auswahl Optik 1 (Curt, 10.11.2026): B3 Band, C2 eine Reihe, D2 Liste mit Haken */
.ep-band{display:none;grid-column:1/-1;padding:clamp(18px,2.4vw,30px);border-radius:22px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 1px 0 rgba(255,255,255,.26);color:#D5D9D7}
.ep-band.open{display:block;animation:epband .45s var(--ease) both}
@keyframes epband{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ep-band.open{animation:none}}
.ep-band ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ep-band li{padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:14.5px;line-height:1.5}
.ep-band li b{display:block;margin-bottom:4px;font:700 16px var(--f-d);color:#fff}
.ep-band .src{margin:12px 0 0;font-size:12px;line-height:1.5;color:#A9AFAC}
@media (max-width:1100px){.ep-band ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ep-band ul{grid-template-columns:minmax(0,1fr)}}
@media (min-width:900px){.ep-bx{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"T T T T" "G Y E R" "Q Q Q Q";grid-template-rows:auto auto auto;grid-auto-rows:auto}
.ep-bx>div{padding:18px 18px 16px}.ep-bx .ta{padding:0 4px 10px}.ep-bx .ta .h2{font-size:clamp(28px,3vw,40px)}
.ep-bx .n,.ep-bx .xl .n,.ep-bx .hl .n{font-size:clamp(38px,3.4vw,48px)}
.ep-bx .t,.ep-bx .xl .t,.ep-bx .hl .t{margin-top:10px;font-size:13.5px;line-height:1.45;color:#D5D9D7;max-width:none}
.ep-bx .bar{height:8px;margin-top:12px}.ep-bx .qq{padding:16px 22px}}
@media (max-width:899px){.ep-bx>.ep-glass{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:12px;align-items:center;padding:12px 14px}
.ep-bx .n,.ep-bx .xl .n,.ep-bx .hl .n{font-size:30px}.ep-bx .bar{display:none}.ep-bx .t,.ep-bx .xl .t,.ep-bx .hl .t{margin:0;font-size:13px;color:#D5D9D7}}
.ep-one .chips{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px}
.ep-one .chips li{position:relative;padding:0 0 0 26px;border-radius:0;background:none;box-shadow:none;font-size:14.5px}
.ep-one .chips li::before{content:"✓";position:absolute;left:0;top:-1px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#F08A50;color:#14181C;font:700 11px var(--f-b)}
@media (max-width:760px){.ep-one .chips{grid-template-columns:minmax(0,1fr)}}
.ep-more>button{text-align:left}

/* Optikauswahl 2 (Curt, 10.11.2026): E1 Zickzack, Text frei, Video 16:9 */
.ep-zz{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:clamp(28px,3.4vw,44px)}
.ep-zz>*{min-width:0}
.ep-zz .ep-vid{aspect-ratio:16/9}
.ep-zz .mk{display:grid;gap:16px}
.ep-zz .mk .ep-gmw{display:flex}.ep-zz .mk .ep-gmw>*{flex:1}
.ep-kf p{margin:14px 0 0;font-size:16.5px;line-height:1.62;color:#C9CECB;max-width:60ch}
.ep-kf p.ld{margin-top:0;font:600 clamp(20px,1.75vw,26px)/1.32 var(--f-d);letter-spacing:-.015em;color:#fff}
.ep-kf p.ld+p{margin-top:12px}
.ep-kf .cl{color:#fff;font-weight:600;padding-left:14px;border-left:3px solid #F08A50}
.ep-kf .ep-more{margin-top:20px;border-top:1px solid rgba(255,255,255,.18);padding-top:14px}
.ep-kf .ep-more>button{color:#fff}
@media (max-width:899px){.ep-zz .ka{order:1}.ep-zz .mk{order:2}.ep-zz .ep-vc{order:3}.ep-zz .kb{order:4}.ep-zz .ep-band{order:5}}
@media (min-width:900px){.ep-zz{grid-template-columns:repeat(20,minmax(0,1fr));column-gap:0;row-gap:56px;align-items:center}
.ep-zz .ka{grid-column:1/8;grid-row:1;padding-right:8px}.ep-zz .ka .ld{max-width:24ch}
.ep-zz .mk{grid-column:9/21;grid-row:1;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.ep-zz .mk .ep-gmw{zoom:.7}
.ep-zz .ep-vc{grid-column:1/12;grid-row:2}
.ep-zz .kb{grid-column:13/21;grid-row:2}
.ep-zz .ep-band{grid-column:1/-1;grid-row:3}}
.js .ep-kf.pop{translate:0 12px;scale:1;transition:opacity .6s ease var(--d,0ms),translate .6s ease var(--d,0ms)}
.js .ep-kf.pop.is-in{translate:0 0;scale:1}
/* Band „Mehr dazu“ mit mehr Farbe (Curt, 10.11.2026) */
.ep-band{background:linear-gradient(120deg,rgba(63,107,255,.2),rgba(255,255,255,.06) 45%,rgba(240,138,80,.18));box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),inset 0 1px 0 rgba(255,255,255,.28),0 0 60px -18px rgba(63,107,255,.45)}
.ep-band li{position:relative;background:rgba(20,24,28,.5);box-shadow:inset 0 0 0 1px rgba(125,155,255,.5),0 0 26px -8px rgba(63,107,255,.45)}
.ep-band li::before{content:"";position:absolute;left:16px;right:16px;top:0;height:2px;border-radius:1px;background:linear-gradient(90deg,rgba(240,138,80,0),rgba(240,138,80,.95),rgba(240,138,80,0))}
.ep-band li b{color:#F4A577}

/* Optikauswahl 3 (Curt, 10.11.2026): G2 ein Suchfeld, zwei Wege, ein Gesicht; F3 nur der eigene Treffer ist echt */
.ep-fw{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;margin-top:clamp(28px,3.4vw,44px)}
.ep-fw>*{min-width:0}
.ep-fw .gl{display:grid;gap:26px;align-content:start}
.ep-fw .fl{display:flex;flex-direction:column;align-items:center}
.ep-fw .fl>*{flex:none}
.ep-fw .qpx{order:1;display:flex;align-items:center;gap:10px;width:min(460px,100%);height:54px;padding:0 20px;border-radius:999px;background:#fff;color:#202124;font:500 16.5px var(--f-b);box-shadow:0 0 0 1px rgba(255,255,255,.3),0 16px 40px -12px rgba(0,0,0,.7)}
.ep-fw .ln{order:2;width:2px;height:28px;background:linear-gradient(#F08A50,rgba(240,138,80,.4))}
.ep-fw .ln.l2{order:4;background:linear-gradient(rgba(240,138,80,.4),#F08A50)}
.ep-fw .br{order:3;position:relative;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:24px 0;align-items:start}
.ep-fw .br::before,.ep-fw .br::after{content:"";position:absolute;left:25%;right:25%;height:24px;border:2px solid rgba(240,138,80,.75)}
.ep-fw .br::before{top:0;border-bottom:0;border-radius:14px 14px 0 0}
.ep-fw .br::after{bottom:0;border-top:0;border-radius:0 0 14px 14px}
.ep-fw .br .ep-gmw{position:relative;z-index:1;display:flex;zoom:.66}
.ep-fw .br .ep-gmw>*{flex:1}
.ep-fw .ep-vc{order:5;width:100%}
.ep-fw .ep-vid{aspect-ratio:16/9;margin-top:0}
.ep-fw .ep-band{grid-column:1/-1}
.sk{display:block;height:11px;margin-top:8px;border-radius:5px;background:#DDD8CE}
.ep-gm .skr{margin-top:16px}.ep-gm .skr .sk:nth-child(2){height:16px}
.ep-gmw .gme{background:#fff;box-shadow:0 0 0 2.5px #F08A50,0 10px 30px -10px rgba(240,138,80,.7)}
.ep-gmw .gvc:not(.gme) .gth,.ep-gmw .yr:not(.gme) .gth{background:#E4E0D7}
@media (min-width:900px){.ep-fw{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:56px;row-gap:40px;align-items:center}}
@media (max-width:899px){.ep-fw .br{grid-template-columns:minmax(0,1fr);gap:12px}.ep-fw .br .ep-gmw{zoom:.82}.ep-fw .br::before,.ep-fw .br::after{left:50%;right:auto;border:0;border-left:2px solid rgba(240,138,80,.75);border-radius:0}}
.ep-fw .gl{grid-template-columns:minmax(0,1fr)}.ep-fw .gl>*{min-width:0}
@media (max-width:899px){.ep-fw .yr[aria-hidden] .gth{aspect-ratio:16/5}}
.hero-wz{margin:-6px 0 0;font-size:15px;color:var(--grau)}
.hero-wz a{color:var(--text);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:4px;display:inline-flex;gap:6px;align-items:center;margin-left:6px}
.hero-wz.on-dark{color:#B9BFBC}
.hero-wz.on-dark a{color:#F1F3F2}
.hero-wz.on-dark a:hover{color:#fff}
.v-ik .fz-n small{margin-left:.16em}
.v-ep .ep-l .ep-h{padding-bottom:.18em;margin-bottom:-.18em;position:relative;z-index:2}
/* EB 42 */
.e3-wall.w42{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:56px}
.e3-wall.w42 .e3-real{grid-area:1/2/2/3;min-height:0;border-radius:14px;box-shadow:0 0 0 2px var(--orange-hell),0 30px 60px -30px rgba(255,122,53,.6)}
.e3-wall.w42 .e3-rt{left:14px;right:14px;bottom:12px}
.e3-wall.w42 .e3-rt .micro{font-size:11px}
.e3-wall.w42 .e3-rt b{font-size:15.5px;line-height:1.25;margin-top:4px}
.e3-wall.w42 .e3-mvp{margin-top:8px;font-size:12px;gap:8px}
.e3-wall.w42 .e3-mvp i{width:28px;height:28px}
.e3-wall.w42 .e3-mvp i svg{width:12px;height:12px}
.e3-wall.w42 .e3-real .ph{top:8px;left:8px;font-size:10px}
.e3-wq{margin:26px 0 0;text-align:center;font:700 clamp(19px,2vw,24px)/1.3 var(--f-d);letter-spacing:-.015em;color:var(--text)}
@media (max-width:899px){.e3-wall.w42{grid-template-columns:repeat(2,minmax(0,1fr))}.e3-wall.w42 .e3-ad:nth-of-type(n+4){display:none}.e3-wall.w42 .e3-ad:nth-of-type(n+5){display:none}.e3-wall.w42 .e3-real{grid-area:1/2/2/3;min-height:190px}.e3-wall.w42 .e3-rt b{font-size:14px}}
.vpg{padding:16px 16px 20px;border-radius:26px;background:#fff;box-shadow:0 1px 2px rgba(20,24,22,.05),0 30px 60px -34px rgba(20,24,22,.4)}
.vpg-k{margin:2px 4px 12px;font:600 12px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--grau)}
.vpg-m{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#141816}
.vpg-m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vpg-m::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,18,16,0) 60%,rgba(14,18,16,.7))}
.vpg-m .ph{left:auto;right:12px;top:12px}
.vpg-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--orange);color:#fff;box-shadow:0 14px 30px -10px rgba(0,0,0,.6)}
.vpg-play svg{width:22px;height:22px}
.vpg-t{margin:16px 4px 0;font:700 clamp(18px,1.7vw,22px)/1.25 var(--f-d);letter-spacing:-.015em;color:var(--text)}
.vpg-s{margin:6px 4px 0;font:500 14px var(--f-b);color:var(--grau)}
.v-eb .e3-loes .h2{font-size:clamp(28px,3.1vw,40px);line-height:1.12}
.v-eb .e3-loes .why-g{align-items:center}
.e3-fl .pzh{margin:14px 0 0;padding-top:12px;border-top:1px dashed rgba(29,29,31,.16)}
.e3-fl .eb-bs-n + .pzh{margin:14px 0 0}
.e3-in2s{padding-block:28px 8px}
.e3-in2{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px 28px;align-items:center;padding:22px 28px;border-radius:22px;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 30px 60px -44px rgba(20,24,22,.35)}
.e3-in2 .eb{margin:0}
.e3-in2 .t{margin:0;font-size:16px;line-height:1.5;color:var(--text)}
.e3-in2 .go{display:inline-flex;gap:6px;align-items:center;font:600 15px var(--f-b);color:var(--text);text-decoration:underline;text-decoration-color:#3F6BFF;text-underline-offset:4px;white-space:nowrap}
.e3-in2 .src{grid-column:2/-1;margin:0;font-size:12.5px;line-height:1.5;color:var(--grau)}
@media (max-width:899px){.e3-in2{grid-template-columns:minmax(0,1fr);padding:20px}.e3-in2 .src{grid-column:1}}
.e3-wall.w42 .e3-real .ph{right:auto;bottom:auto;width:auto;max-width:none}
.e3-wall.w42 .e3-real::after{background:linear-gradient(180deg,rgba(14,18,16,0) 18%,rgba(14,18,16,.9) 78%)}
.e3-wall.w42 .e3-rt .micro{color:#FFC7A6}
.vpg-t{text-wrap:balance}

.jv{position:relative;overflow:hidden;background:#141816}.jv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--orange);color:#fff;z-index:2}
.jctl{position:absolute;left:14px;right:14px;bottom:10px;display:flex;gap:10px;align-items:center;font:500 11px var(--f-b);color:#fff;z-index:2}.jctl b{font-weight:500}.jctl i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.3);position:relative}.jctl u{position:absolute;left:0;top:0;bottom:0;width:30%;background:var(--orange);border-radius:2px}
.jv-br{background:#EFEBE3;display:grid;grid-template-rows:auto 1fr;padding:14px}
.jpills{display:flex;gap:6px;flex-wrap:wrap;z-index:2;position:relative}.jpills b{padding:5px 10px;border-radius:999px;background:#fff;font:600 11.5px var(--f-b);color:#1D1D1F;box-shadow:0 4px 10px -6px rgba(0,0,0,.4)}
.jfan{position:relative;display:block}.jfan>span{position:absolute;border-radius:10px;overflow:hidden;box-shadow:0 14px 26px -14px rgba(20,24,22,.6);background:#141816}
.jfan .a{left:2%;top:14%;width:58%;aspect-ratio:16/10;transform:rotate(-3deg)}.jfan .a em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff}
.jfan .b{left:50%;top:6%;width:27%;aspect-ratio:4/5;transform:rotate(3deg)}.jfan .c{right:1%;top:20%;width:21%;aspect-ratio:9/16;transform:rotate(7deg);border-radius:12px}
.jv-si{background:#fff;display:grid;grid-template-rows:auto 1fr auto;gap:6px;padding:0 8px 8px;box-shadow:inset 0 0 0 1px #E6E2DA}
.jurl{display:flex;align-items:center;gap:5px;margin:0 -8px;padding:7px 10px;background:#F1EEE8}.jurl i{width:7px;height:7px;border-radius:50%;background:#D0CBC1}.jurl b{margin-left:6px;padding:2px 8px;border-radius:6px;background:#fff;font:500 10px var(--f-b);color:#6E6E73}
.jhero{position:relative;border-radius:8px;overflow:hidden;min-height:0}.jhero em{position:absolute;left:12px;bottom:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--orange);color:#fff}
.jrow{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.jrow span{position:relative;aspect-ratio:4/3;border-radius:6px;overflow:hidden}
.jv-ph{background:#1B201D;display:flex;justify-content:center;gap:14px;padding:14px 0 0}
.jphone{position:relative;width:34%;aspect-ratio:9/16;border-radius:18px;overflow:hidden;box-shadow:0 0 0 4px #2C322F}.jphone.p2{margin-top:26px}
.jphone s{position:absolute;left:10%;right:10%;bottom:20%;height:9px;border-radius:4px;background:rgba(255,255,255,.92);z-index:2}.jphone s.h{bottom:12%;right:38%}
.jpr{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-top:auto;padding:14px 22px 18px;border-top:1px dashed rgba(29,29,31,.16)}
.jpr .k{font:600 11px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--grau)}.jpr .v{font:600 16px/1.35 var(--f-d);color:var(--text)}.jpr .s{flex-basis:100%;font:400 13.5px/1.4 var(--f-b);color:var(--grau)}
.jc{display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.05),0 30px 60px -40px rgba(20,24,22,.45)}
.jc .jv{aspect-ratio:16/11}.jc .jb{padding:20px 22px 18px}.jc h3{margin:0;font:700 21px/1.2 var(--f-d);letter-spacing:-.015em;color:var(--text)}.jc p{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:#55555B}
.j3{display:grid;gap:16px;margin-top:44px}.j3t{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);border-radius:28px;overflow:hidden;background:#141816;color:#fff;box-shadow:0 40px 80px -44px rgba(20,24,22,.7)}
.j3t .jb{padding:34px 36px;display:flex;flex-direction:column}.j3t .eb{margin:0 0 10px}.j3t h3{margin:0;font:700 32px/1.1 var(--f-d);letter-spacing:-.025em}.j3t p{margin:12px 0 0;font-size:16px;line-height:1.55;color:#C9CECB}.j3t p.n{color:#fff;font-weight:600}
.j3t .jpr{padding:16px 0 0;margin-top:22px;border-top-color:rgba(255,255,255,.2)}.j3t .jpr .k,.j3t .jpr .s{color:#A9AFAC}.j3t .jpr .v{color:#fff;font-size:19px}
.j3t .jv{min-height:300px}.j3t .jv-br{padding:26px}
.j3h{margin:14px 4px 0;font:600 12px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--grau)}
.j3b{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.j3b .jc{flex-direction:row}.j3b .jc .jv{aspect-ratio:auto;width:42%;flex:none}.j3b .jc .jw{display:flex;flex-direction:column;flex:1;min-width:0}.j3b .jc .jb{padding:18px 18px 14px}.j3b .jc h3{font-size:18px}.j3b .jpr{padding:12px 18px 14px}.j3b .jpr .v{font-size:14.5px}
/* EB 43: Formate J3, Testschalter, Zahlen, IK-Hinweis */
.tsw{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:22px;padding:10px 14px;border-radius:16px;border:1px dashed #3F6BFF;background:rgba(63,107,255,.06);font:500 13px var(--f-b);color:#1D1D1F;position:relative;z-index:2}
.tsw-k{font:700 11px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:#2B4FD6}
.tsw-g{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.tsw-g em{font-style:normal;color:#55555B;margin-right:2px}
.tsw button{padding:6px 12px;border-radius:999px;border:1px solid rgba(29,29,31,.18);background:#fff;font:600 13px var(--f-b);color:#1D1D1F;cursor:pointer}
.tsw button.on{background:#1D1D1F;border-color:#1D1D1F;color:#fff}
.j3{display:grid;gap:16px;margin-top:28px}
.j3 .jv .ph{position:absolute;left:auto;right:10px;top:10px;bottom:auto;z-index:4;font-size:10.5px;padding:4px 8px}
.j3t h3,.j3 .jc h3{text-wrap:balance}
.j3 .jd{display:none}
.j3n{margin:6px 4px 0;font-size:13px;line-height:1.5;color:var(--grau)}
.j3t .jv-br{display:grid}
.jfan>span{transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s,filter .4s,box-shadow .4s}
.jfan .a{--r:-3deg}.jfan .b{--r:3deg}.jfan .c{--r:7deg}
.jpills b{transition:background .4s,color .4s,opacity .4s,transform .5s}
.j3b .jc{transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
/* Aufbau 2: Projekt links */
@media (min-width:900px){
.j3[data-lay="2"]{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:auto 1fr auto;column-gap:16px}
.j3[data-lay="2"] .j3t{grid-row:1/3;grid-template-columns:1fr;grid-template-rows:minmax(260px,1fr) auto}
.j3[data-lay="2"] .j3t .jv{order:-1;min-height:260px}
.j3[data-lay="2"] .j3h{margin-top:4px}
.j3[data-lay="2"] .j3b{grid-template-columns:1fr;grid-column:2}
.j3[data-lay="2"] .j3b .jc .jv{width:34%}
.j3[data-lay="2"] .j3n{grid-column:1/-1}
/* Aufbau 3: helle Karten */
.j3[data-lay="3"] .j3b .jc{flex-direction:column}
.j3[data-lay="3"] .j3b .jc .jv{width:auto;aspect-ratio:16/10}
.j3[data-lay="3"] .jd{display:block}
}
.j3[data-lay="3"] .j3t{background:#fff;color:var(--text);box-shadow:0 0 0 2px var(--orange-hell),0 40px 80px -48px rgba(255,122,53,.5)}
.j3[data-lay="3"] .j3t p{color:#55555B}.j3[data-lay="3"] .j3t p.n{color:var(--text)}
.j3[data-lay="3"] .j3t .eb.on-dark{color:var(--orange-ink)}
.j3[data-lay="3"] .j3t .jpr{border-top-color:rgba(29,29,31,.16)}.j3[data-lay="3"] .j3t .jpr .k,.j3[data-lay="3"] .j3t .jpr .s{color:var(--grau)}.j3[data-lay="3"] .j3t .jpr .v{color:var(--text)}
/* Bewegung A: Auffächern */
@media (prefers-reduced-motion:no-preference){
.j3[data-ani="a"]:not(.go) .jfan>span{opacity:0}
.j3[data-ani="a"]:not(.go) .jfan .a{transform:translate(32%,8%) scale(.9)}
.j3[data-ani="a"]:not(.go) .jfan .b{transform:translate(-45%,14%) scale(.9)}
.j3[data-ani="a"]:not(.go) .jfan .c{transform:translate(-190%,2%) scale(.9)}
.j3[data-ani="a"]:not(.go) .jpills b{opacity:0;transform:translateY(8px)}
.j3[data-ani="a"]:not(.go) .j3b .jc{opacity:0;transform:translateY(22px)}
.j3[data-ani="a"].go .jpills b:nth-child(2){transition-delay:.12s}.j3[data-ani="a"].go .jpills b:nth-child(3){transition-delay:.24s}
.j3[data-ani="a"].go .jfan .a{transition-delay:.35s}.j3[data-ani="a"].go .jfan .b{transition-delay:.5s}.j3[data-ani="a"].go .jfan .c{transition-delay:.65s}
.j3[data-ani="a"].go .j3b .jc:nth-child(1){transition-delay:.85s}.j3[data-ani="a"].go .j3b .jc:nth-child(2){transition-delay:.97s}.j3[data-ani="a"].go .j3b .jc:nth-child(3){transition-delay:1.09s}
}
/* Bewegung B: Verbunden */
.j3[data-ani="b"] .jfan>span,.j3[data-ani="b"] .j3b .jc{cursor:pointer}
.j3[data-ani="b"][data-hl] .jfan>span{opacity:.4;filter:saturate(.4)}
.j3[data-ani="b"][data-hl] .j3b .jc{opacity:.6}
.j3[data-ani="b"][data-hl="0"] .jfan .a,.j3[data-ani="b"][data-hl="1"] .jfan .b,.j3[data-ani="b"][data-hl="2"] .jfan .c{opacity:1;filter:none;z-index:3;transform:rotate(var(--r)) scale(1.1);box-shadow:0 0 0 3px var(--orange-hell),0 24px 40px -16px rgba(255,122,53,.7)}
.j3[data-ani="b"][data-hl="0"] .j3b .jc:nth-child(1),.j3[data-ani="b"][data-hl="1"] .j3b .jc:nth-child(2),.j3[data-ani="b"][data-hl="2"] .j3b .jc:nth-child(3){opacity:1;transform:translateY(-6px);box-shadow:0 0 0 2px var(--orange-hell),0 30px 60px -30px rgba(255,122,53,.6)}
/* Bewegung C: Ablauf */
.j3[data-ani="c"][data-st="0"] .jpills b:nth-child(1),.j3[data-ani="c"][data-st="1"] .jpills b:nth-child(2),.j3[data-ani="c"][data-st="2"] .jpills b:nth-child(3){background:var(--orange);color:#fff}
.j3[data-ani="c"][data-st="0"] .jfan>span{opacity:.18;transform:rotate(var(--r)) scale(.94)}
.j3[data-ani="c"][data-st="1"] .jfan>span{opacity:.5;transform:rotate(var(--r)) scale(.97)}
.j3[data-ani="c"][data-st="2"] .jfan .b{transition-delay:.18s}.j3[data-ani="c"][data-st="2"] .jfan .c{transition-delay:.36s}
@media (max-width:899px){
.j3t{grid-template-columns:1fr}.j3t .jv{order:-1;min-height:230px}.j3t .jb{padding:24px 22px}.j3t h3{font-size:26px}
.j3b{grid-template-columns:1fr}.j3b .jc .jv{width:36%}
.tsw{font-size:12px}
}
.e3-zs{padding-block:clamp(40px,5vw,72px) 0}
.ik-fmt .hero-wz.k4{display:none;margin:18px 4px 0}
.ik-fmt[data-k="4"] .hero-wz.k4{display:block}
.fw-row.k3{display:none}.ik-fmt[data-k="3"] .fw-row.k3{display:grid}
.fw-lk{display:inline-flex;gap:6px;align-items:center;font:600 14px var(--f-b);color:#fff;text-decoration:underline;text-decoration-color:var(--orange-hell);text-underline-offset:4px}
.fw-lk svg{width:14px;height:14px}

.j3h{display:flex;justify-content:space-between;align-items:center;gap:12px}
.j3h .ph{text-transform:none;letter-spacing:0;font-size:11px;padding:4px 9px}
@media (min-width:900px){.j3[data-lay="2"] .j3t{grid-template-rows:minmax(330px,1fr) auto}.j3[data-lay="2"] .j3t .jv{min-height:330px}}

@media (max-width:899px){.j3[data-lay="3"] .j3b .jc{flex-direction:column}.j3[data-lay="3"] .j3b .jc .jv{width:auto;aspect-ratio:16/10}.j3[data-lay="3"] .jd{display:block}}
@media (max-width:899px){.j3t .jv .ph{top:auto;bottom:10px}}
@media (max-width:899px){
.e3-wall.w42{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:148px;gap:10px;margin-top:36px}
.e3-wall.w42 .e3-ad:nth-of-type(n+4),.e3-wall.w42 .e3-ad:nth-of-type(n+5){display:block}
.e3-wall.w42 .e3-ad:nth-of-type(n+6){display:none}
.e3-wall.w42 .e3-ad{padding:12px 12px 0;overflow:hidden;border-radius:12px}
.e3-wall.w42 .e3-ad-top{font-size:9px;gap:6px}.e3-wall.w42 .e3-ad-top i{width:16px;height:16px;border-radius:5px}
.e3-wall.w42 .e3-ad>b{margin-top:8px;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e3-wall.w42 .e3-ad-k{gap:4px;margin-top:8px}.e3-wall.w42 .e3-ad-k span{padding:3px 7px;font-size:10px}
.e3-wall.w42 .e3-ad s{display:none}
.e3-wall.w42 .e3-real{grid-area:2/2/3/3;min-height:0;border-radius:12px}
.e3-wall.w42 .e3-rt{left:10px;right:10px;bottom:9px}
.e3-wall.w42 .e3-rt .micro{font-size:9.5px}
.e3-wall.w42 .e3-rt b{font-size:12.5px;line-height:1.22;margin-top:2px}
.e3-wall.w42 .e3-mvp{margin-top:5px;font-size:10.5px;gap:6px}.e3-wall.w42 .e3-mvp i{width:20px;height:20px}.e3-wall.w42 .e3-mvp i svg{width:9px;height:9px}
.e3-wall.w42 .e3-real .ph{top:6px;left:6px;font-size:9px;padding:3px 7px}
.e3-wall.w42 .e3-real::after{background:linear-gradient(180deg,rgba(14,18,16,0) 5%,rgba(14,18,16,.92) 62%)}
.e3-wq{margin-top:20px}
}
@media (max-width:899px){.e3-wall.w42{grid-auto-rows:152px}.e3-wall.w42 .e3-ad>b{white-space:normal;font-size:13px;line-height:1.2;min-height:2.4em}.e3-wall.w42 .e3-ad-k span:nth-child(n+4){display:none}}

.tsw-m{display:none}
@media (max-width:899px){.tsw-m{display:flex}
.j3[data-mob="w"] .j3b{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding:4px 16px 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.j3[data-mob="w"] .j3b::-webkit-scrollbar{display:none}
.j3[data-mob="w"] .j3b .jc{flex:0 0 84%;scroll-snap-align:center}
.j3[data-mob="k"] .j3b .jc{flex-direction:row}.j3[data-mob="k"] .j3b .jc .jv{width:36%;aspect-ratio:auto}.j3[data-mob="k"] .jd{display:none}
}
@media (max-width:899px){
.e3-wall.w42 .e3-real::after{background:linear-gradient(180deg,rgba(14,18,16,0) 46%,rgba(14,18,16,.55) 64%,rgba(14,18,16,.92) 100%)}
.e3-wall.w42 .e3-rt{bottom:8px}
.e3-wall.w42 .e3-rt .micro{font-size:9px}
.e3-wall.w42 .e3-rt b{font-size:12px;margin-top:1px}
.e3-wall.w42 .e3-mvp{position:absolute;right:0;bottom:calc(100% + 62px);margin:0;font-size:0;gap:0}
.e3-wall.w42 .e3-mvp i{width:24px;height:24px}
}

@media (max-width:899px){
.zs-track{display:none}
.zs-steps{padding-left:26px;gap:16px;margin-top:28px}
.zs-s{position:relative}
.zs-s::before{content:"";position:absolute;left:-19px;top:0;bottom:-17px;width:4px;border-radius:2px;background:linear-gradient(180deg,var(--orange-hell) calc(var(--f,0) * 100%),rgba(255,255,255,.16) 0)}
.zs-s:last-child::before{bottom:0}
.zs-s.on::after{content:"";position:absolute;left:-24px;top:calc(var(--f,0) * 100%);width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.14),0 0 20px rgba(238,122,60,.7)}
.zs-s.on{transform:none}
.zs-in{padding-inline:18px}
}

.jpr .v>span{display:block}.jpr:has(.v>span) .k{flex-basis:100%}
/* EB 51 */
.v-eb .fz-n small{margin-left:.16em}
.jv-si{grid-template-rows:auto minmax(0,1fr) auto}
.jtop{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8px;min-height:0}
.jtxt{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:4px 4px 4px 2px}
.jtxt u{display:block;height:5px;border-radius:3px;background:#E3DFD6;text-decoration:none}
.jtxt u.h{height:9px;background:#3A3F3C}.jtxt u.h.s{width:62%}.jtxt u.s{width:70%}
.jtxt b{display:block;width:46%;height:14px;margin-top:5px;border-radius:999px;background:var(--orange)}
.j3 .jv-pl .ph{left:10px;right:auto;top:10px}
.jnum{position:absolute;left:8px;top:8px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;color:#1D1D1F;font:700 13px var(--f-d);box-shadow:0 6px 14px -6px rgba(0,0,0,.5);opacity:0;transform:scale(.6);transition:opacity .4s,transform .4s}
.jnote{position:absolute;left:9%;top:34%;width:54%;z-index:5;display:grid;gap:9px;padding:16px 16px 18px;border-radius:14px;background:#fff;box-shadow:0 24px 44px -20px rgba(20,24,22,.55);opacity:0;transform:translateY(10px) rotate(-2deg);transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.jnote i{display:block;height:8px;border-radius:4px;background:#E3DFD6;position:relative;margin-left:16px}
.jnote i::before{content:"";position:absolute;left:-16px;top:0;width:8px;height:8px;border-radius:50%;background:var(--orange)}
.jnote i.s{width:58%}
.jnote.q{font:700 clamp(15px,1.5vw,19px)/1.3 var(--f-d);letter-spacing:-.01em;color:#1D1D1F;gap:6px}
.jnote.q em{font:600 10.5px var(--f-b);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--grau)}
.jcap{position:absolute;left:26px;right:26px;bottom:20px;z-index:5;display:none;height:1.4em;font:700 clamp(15px,1.4vw,18px)/1.4 var(--f-d);color:#1D1D1F}
.jcap b{position:absolute;left:0;top:0;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s;white-space:nowrap}
.j3[data-pv="2"] .jcap{display:block}
.j3[data-pv="2"][data-st="0"] .jcap b:nth-child(1),.j3[data-pv="2"][data-st="1"] .jcap b:nth-child(2),.j3[data-pv="2"][data-st="2"] .jcap b:nth-child(3),.j3[data-pv="2"][data-st="3"] .jcap b:nth-child(3){opacity:1;transform:none}
.j3[data-pv="2"] .jfan{margin-bottom:26px}
.j3[data-pv="1"][data-st="0"] .jnote:not(.q),.j3[data-pv="3"][data-st="0"] .jnote.q{opacity:1;transform:rotate(-2deg)}
.j3[data-pv="1"][data-st="1"] .jnum,.j3[data-pv="3"][data-st="1"] .jnum{opacity:1;transform:none}
.j3[data-pv="1"][data-st="1"] .jfan>span,.j3[data-pv="3"][data-st="1"] .jfan>span{opacity:1;transform:rotate(var(--r)) scale(.97)}
.j3[data-pv="1"][data-st="1"] .jfan img,.j3[data-pv="3"][data-st="1"] .jfan img{filter:grayscale(1) brightness(1.15) contrast(.7);opacity:.35}
.j3[data-pv="1"][data-st="1"] .jfan em,.j3[data-pv="3"][data-st="1"] .jfan em{opacity:0}
.jfan img{transition:filter .6s,opacity .6s}.jfan em{transition:opacity .4s}
.j3[data-pv="1"][data-st="0"] .jfan>span,.j3[data-pv="3"][data-st="0"] .jfan>span{opacity:.1}
@media (max-width:899px){.jnote{left:7%;top:38%;width:62%;padding:12px}.jcap{left:16px;right:16px;bottom:12px;font-size:14px}.jcap b{white-space:normal}}
.jfan>span{transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s,filter .4s,box-shadow .4s,background-color .5s}
.j3[data-pv="1"][data-st="1"] .jfan>span,.j3[data-pv="3"][data-st="1"] .jfan>span{background:#DDD8CE}
.j3[data-pv="1"][data-st="1"] .jfan img,.j3[data-pv="3"][data-st="1"] .jfan img{filter:grayscale(1);opacity:.28}

.jnote:not(.q){left:26px;top:auto;bottom:22px;width:min(52%,300px);transform:translateY(10px)}
.j3[data-pv="1"][data-st="0"] .jnote:not(.q),.j3[data-pv="1"][data-st="1"] .jnote:not(.q),.j3[data-pv="1"][data-st="2"] .jnote:not(.q),.j3[data-pv="1"][data-st="3"] .jnote:not(.q){opacity:1;transform:none}
.j3[data-pv="1"] .jfan{margin-bottom:96px}
@media (max-width:899px){.jnote:not(.q){left:16px;bottom:14px;width:58%;padding:12px}.j3t .jv{min-height:320px}.j3[data-pv="1"] .jfan{margin-bottom:84px}}
.jnote:not(.q){bottom:40px;transform-origin:left bottom;transition:opacity .45s,transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.j3[data-pv="1"] .jfan{margin-bottom:128px}
.j3[data-pv="1"][data-st="1"] .jnote:not(.q),.j3[data-pv="1"][data-st="2"] .jnote:not(.q),.j3[data-pv="1"][data-st="3"] .jnote:not(.q){opacity:.8;transform:scale(.9)}
.j3[data-pv="1"][data-st="0"] .jnote:not(.q){opacity:1;transform:scale(1.1);box-shadow:0 0 0 2px var(--orange-hell),0 30px 54px -20px rgba(255,122,53,.6)}
.jnote i{transform-origin:left}
@keyframes jnW{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:no-preference){.j3[data-pv="1"][data-st="0"] .jnote i{animation:jnW .55s cubic-bezier(.2,.8,.2,1) both}.j3[data-pv="1"][data-st="0"] .jnote i:nth-child(2){animation-delay:.18s}.j3[data-pv="1"][data-st="0"] .jnote i:nth-child(3){animation-delay:.36s}}
@media (max-width:899px){.jnote:not(.q){bottom:26px}.j3[data-pv="1"] .jfan{margin-bottom:104px}.j3t .jv{min-height:340px}}

.fz4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
.fz4 .fz-c{gap:10px;padding:24px 22px 26px;justify-content:flex-start}
.fz4 .fz-k{margin:0;font:600 11.5px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--grau)}
.fz4 .fz-n.s{font-size:clamp(40px,3.8vw,54px)}
.fz4 .fz-c .fz-t{font-size:15px;line-height:1.5}
.fz4 .fz-c.dk{background:radial-gradient(90% 80% at 100% 0,rgba(220,88,18,.26),transparent 60%),var(--graphit);color:#fff}
.fz4 .fz-c.dk .fz-n{color:var(--orange-hell)}.fz4 .fz-c.dk .fz-t{color:#D5D9D7}.fz4 .fz-c.dk .fz-k{color:rgba(255,255,255,.6)}
.fz4 .fz-bars.l span{grid-template-columns:minmax(0,1fr) auto;font-size:12.5px}
.fz4 .e3-fzq{justify-content:center}
@media (max-width:1099px){.fz4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.fz4{grid-template-columns:minmax(0,1fr)}}
.btn2{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 18px;border-radius:999px;border:1.5px solid rgba(29,29,31,.28);background:transparent;color:var(--text);font:600 15px var(--f-b);text-decoration:none;white-space:nowrap;transition:border-color .25s,background .25s}
.btn2:hover{border-color:var(--text);background:rgba(255,255,255,.7)}
.btn2 svg{width:16px;height:16px}
.fz4 .fz-bars.l span{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;font-size:12.5px}
.fz4 .fz-bars.l i{grid-column:1/-1;grid-row:2}
.fz4 .fz-bars.l em{grid-column:2;grid-row:1}

.ik-fmt .k5,.ik-fmt .k6,.ik-fmt .k7{display:none}
.ik-fmt[data-k="5"] .k5{display:grid;margin-top:16px;position:relative;z-index:1}
.ik-fmt[data-k="6"] .k6{display:flex;justify-content:center;margin:18px 0 0;position:relative;z-index:1}
.k6 a{display:inline-flex;align-items:center;gap:12px;padding:6px 6px 6px 18px;border-radius:999px;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px rgba(29,29,31,.1),0 14px 30px -20px rgba(20,24,22,.4);font:500 15px var(--f-b);color:var(--text);text-decoration:none}
.k6 a b{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#1D1D1F;color:#fff;font-weight:600;font-size:14px}
.k6 a svg,.k7 svg{width:15px;height:15px}
.k7w{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;position:relative;z-index:1}
.ik-fmt[data-k="7"] .k7{display:inline-flex;align-items:center;gap:6px;font:600 14px var(--f-b);color:var(--text);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:4px}
@media (max-width:899px){.k6 a{flex-direction:column;align-items:flex-start;border-radius:20px;padding:14px}}

/* UA 57 */
.v-ua .ua-hints{grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.v-ua .ua-h{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px 20px;padding:20px 28px}.v-ua .ua-h b{margin:0;white-space:nowrap}.v-ua .ua-h p{margin:0}}
/* UA 58: Varianten */
.v-ua .hv{display:none}
.v-ua:not([data-h]) .hv0,.v-ua[data-h="0"] .hv0,.v-ua[data-h="1"] .hv1,.v-ua[data-h="2"] .hv2,.v-ua[data-h="3"] .hv3{display:inline}
.v-ua .ua-anl .tsw{margin:0 0 44px}
.v-ua .u3-hi .glasscard{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border:0;padding:0;max-width:760px}
.v-ua .u3-hi .glasscard::before,.v-ua .u3-hi .glasscard::after{display:none}
.v-ua .u3-hi .shade-b{background:linear-gradient(90deg,rgba(14,17,16,.88) 0%,rgba(14,17,16,.7) 38%,rgba(14,17,16,.15) 70%,rgba(14,17,16,0) 100%),linear-gradient(180deg,rgba(14,17,16,.3),rgba(14,17,16,0) 30%,rgba(14,17,16,.4))}
.v-ua .u3-hi > img{transform:scale(calc(1 + var(--z,0) * .28));transform-origin:62% 40%;will-change:transform}
.um{display:none;position:relative;margin-top:clamp(40px,5vw,64px);padding:clamp(22px,3vw,40px);border-radius:28px;background:rgba(255,255,255,.62);box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 30px 60px -44px rgba(20,24,22,.4)}
.v-ua[data-m="1"] .um1,.v-ua[data-m="2"] .um2,.v-ua[data-m="3"] .um3{display:block}
.v-ua[data-m="1"] .u3-tl,.v-ua[data-m="2"] .u3-tl,.v-ua[data-m="3"] .u3-tl{display:none}
.um-ex{position:absolute;right:16px;top:14px;padding:3px 9px;border-radius:999px;background:#EDEAE4;font:600 11px var(--f-b);color:#6E6E73}
.um-q{margin:26px 0 0;text-align:center;font:700 clamp(19px,2vw,24px)/1.3 var(--f-d);letter-spacing:-.015em;color:var(--text)}
.um s{display:block;height:6px;margin-top:7px;border-radius:3px;background:#E6E2DA;text-decoration:none}.um s.h{width:60%}
.um-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:10px}
.um-win{display:block;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 14px 30px -20px rgba(20,24,22,.45);opacity:.85}
.um-win.on{opacity:1;box-shadow:0 0 0 2px var(--orange-hell),0 30px 60px -30px rgba(255,122,53,.6)}
.um-url{display:flex;align-items:center;gap:5px;padding:8px 10px;background:#F1EEE8}.um-url i{width:7px;height:7px;border-radius:50%;background:#D0CBC1}.um-url b{flex:1;height:10px;margin-left:6px;border-radius:5px;background:#fff}
.um-im{position:relative;display:block;aspect-ratio:16/8;overflow:hidden}
.um-im.real img,.um-th.real img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.um-im.real em,.um-th.real em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--orange);color:#fff}
.um-im.real em svg,.um-th.real em svg{width:14px;height:14px}
.um-im.st,.um-th.st{background:linear-gradient(135deg,#C9D3DE,#E6EBF0)}.um-im.st.b,.um-th.st.b{background:linear-gradient(135deg,#D9D5CC,#EEEAE2)}
.um-im.st i,.um-th.st i{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1.6;transform:translate(-50%,-50%);border-radius:6px;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 2px rgba(255,255,255,.8)}
.um-im.st i::after,.um-th.st i::after{content:"";position:absolute;left:14%;right:14%;bottom:16%;height:42%;background:linear-gradient(135deg,transparent 48%,rgba(120,130,140,.5) 49%,rgba(120,130,140,.5) 100%)}
.um-tx{display:block;padding:12px 14px 16px}.um-tx b{display:block;font:700 15px/1.25 var(--f-d);color:rgba(29,29,31,.8)}
.um-desk{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:28px;max-width:760px;margin:10px auto 0}
.um-card{justify-self:end;width:min(100%,260px);aspect-ratio:1.7;padding:22px;border-radius:12px;background:#fff;box-shadow:0 18px 36px -20px rgba(20,24,22,.5);transform:rotate(-3deg)}
.um-card i{display:block;width:34px;height:34px;border-radius:9px;background:var(--orange)}.um-card b{display:block;margin-top:26px;font:600 12px var(--f-b);letter-spacing:.06em;text-transform:uppercase;color:var(--grau)}
.um-arr{display:inline-flex;align-items:center;gap:8px;font:600 14px var(--f-b);color:var(--grau);white-space:nowrap}
.um-phone{position:relative;justify-self:start;width:210px;aspect-ratio:9/16;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 0 0 6px #23282B,0 30px 50px -24px rgba(20,24,22,.6)}
.um-phone>span{position:absolute;inset:0;display:block;background:#fff}.um-phone .um-im{aspect-ratio:4/3.4}
.um-phone .pb{animation:umFlip 7s infinite}
@keyframes umFlip{0%,42%{opacity:0}50%,92%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.um-phone .pb{animation:none;opacity:0}}
.um-se{max-width:720px;margin:6px auto 0;display:grid;gap:12px}
.um-sb{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(29,29,31,.12);font:500 15px var(--f-b);color:var(--grau)}.um-sb i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 2px #A9AFAC}
.um-r{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center;padding:12px;border-radius:16px;background:#fff;box-shadow:0 14px 30px -24px rgba(20,24,22,.45);opacity:.85}
.um-r.on{opacity:1;box-shadow:0 0 0 2px var(--orange-hell),0 30px 60px -30px rgba(255,122,53,.6)}
.um-th{position:relative;display:block;aspect-ratio:16/10;border-radius:10px;overflow:hidden}
.um-rt b{display:block;font:700 16px var(--f-d);color:#2B4FD6}.um-rt em{display:block;margin-top:3px;font:400 14px/1.4 var(--f-b);font-style:normal;color:#55555B}
@media (max-width:899px){.um-row{grid-template-columns:1fr}.um-win:nth-child(2){display:none}.um-row{grid-template-columns:1fr 1fr}.um-win.on{grid-column:1/-1;order:-1}.um-desk{grid-template-columns:1fr;justify-items:center;gap:18px}.um-card,.um-phone{justify-self:center}.um-arr svg{transform:rotate(90deg)}.um-r{grid-template-columns:96px minmax(0,1fr)}.um-q{font-size:18px}}

/* UA 59 */
.v-ua .hv{display:inline}
.v-ua[data-m="4"] .ua-old{display:none}.ua-new{display:none}.v-ua[data-m="4"] .ua-new{display:block}
.uc{margin-top:clamp(40px,5vw,64px);padding:clamp(22px,3vw,36px);border-radius:28px;background:rgba(255,255,255,.62);box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 30px 60px -44px rgba(20,24,22,.4)}
.uc-k{margin:0 0 16px;font:700 clamp(19px,2vw,24px)/1.3 var(--f-d);letter-spacing:-.015em;color:var(--text)}
.uc-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.uc-b{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;border:1.5px solid rgba(29,29,31,.14);background:#fff;font:500 16px/1.4 var(--f-b);color:var(--text);text-align:left;cursor:pointer;transition:border-color .25s,background .25s,box-shadow .25s}
.uc-b i{flex:none;width:24px;height:24px;border-radius:7px;border:2px solid rgba(29,29,31,.3);position:relative;transition:background .2s,border-color .2s}
.uc-b[aria-pressed="true"]{border-color:var(--orange-hell);background:#FFF6F0;box-shadow:0 14px 30px -22px rgba(255,122,53,.7)}
.uc-b[aria-pressed="true"] i{background:var(--orange);border-color:var(--orange)}
.uc-b[aria-pressed="true"] i::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.uc-r{margin:18px 0 0;font:600 17px/1.45 var(--f-b);color:var(--grau);transition:color .3s}
.uc-r.hit{color:var(--text)}.uc-r.hit b{color:var(--orange-ink)}
.ua-loes{margin-top:clamp(64px,8vw,110px)}.ua-loes .h2{font-size:clamp(28px,3.1vw,40px);line-height:1.12}.ua-loes .why-g{align-items:center}
.ua-df{display:none;max-width:780px}.ua-df p{margin:0 0 14px;font-size:17px;line-height:1.6;color:#3A3A40}.ua-df p:last-child{margin:0;color:#55555B}
.v-ua[data-d="1"] .ua-dg{display:none}.v-ua[data-d="1"] .ua-df{display:block}
.ua-pz{padding-block:8px clamp(40px,5vw,64px)}
.ua-pz .e3-in2 .ua-plg{width:150px;height:auto;padding:12px 16px;border-radius:12px;background:#1D1D1F;box-sizing:content-box}
@media (max-width:899px){.uc-l{grid-template-columns:1fr}.ua-pz .e3-in2 .ua-plg{width:130px;justify-self:start}}

/* UA 60 */
.v-ua .ua-df{display:block}
.v-ua[data-m="5"] .ua-old{display:none}.v-ua[data-m="5"] .ua-new{display:block}
.fs{display:none}.v-ua[data-m="5"] .fs{display:block}.v-ua[data-m="5"] .uc{display:none}
.fs{position:relative;margin-top:clamp(40px,5vw,64px);padding:clamp(22px,3vw,36px);border-radius:28px;background:rgba(255,255,255,.62);box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 30px 60px -44px rgba(20,24,22,.4)}
.fs-row,.fs-yr{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center}
.fs-l{margin:0;font:700 17px var(--f-d);letter-spacing:-.01em;color:var(--text)}
.fs-c{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.fs-f{position:relative;display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#141816;box-shadow:0 14px 28px -18px rgba(20,24,22,.5)}
.fs-f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fs-f b{position:absolute;left:8px;bottom:8px;right:8px;z-index:2;font:600 12.5px/1.25 var(--f-b);color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.fs-f::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,18,16,0) 45%,rgba(14,18,16,.7))}
.fs-yr{margin:10px 0}.fs-yr div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;position:relative}
.fs-yr div::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,rgba(255,122,53,.35),var(--orange))}
.fs-yr i{position:relative;justify-self:center;padding:3px 10px;border-radius:999px;background:#fff;font:600 12px var(--f-b);font-style:normal;color:var(--text);box-shadow:inset 0 0 0 1px rgba(29,29,31,.12)}
.fs-yr i:last-child{background:var(--orange);color:#fff;box-shadow:none}
.fs-row.old .fs-f img{filter:grayscale(1) sepia(.35) contrast(.9)}
.fs-row.old .fs-f{opacity:calc(1 - var(--i) * .17);box-shadow:none}
.fs-row.old .fs-f:not(:first-child)::after{background:rgba(245,243,238,.25)}
.fs-same{position:absolute;left:60%;top:50%;transform:translate(-50%,-50%);z-index:3;padding:6px 14px;border-radius:999px;background:#fff;font:600 13.5px var(--f-b);font-style:normal;color:var(--orange-ink);box-shadow:0 10px 24px -12px rgba(20,24,22,.5);white-space:nowrap}
@media (prefers-reduced-motion:no-preference){.fs.go .fs-row:not(.old) .fs-f{animation:fsIn .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * .28s + .1s)}}
@keyframes fsIn{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}
@media (max-width:899px){.fs-row,.fs-yr{grid-template-columns:1fr;gap:8px}.fs-yr span{display:none}.fs-c,.fs-yr div{gap:5px}.fs-f{border-radius:8px;aspect-ratio:3/4}.fs-f b{font-size:9.5px;left:4px;right:4px;bottom:5px}.fs-yr i{font-size:10px;padding:2px 6px}.fs-same{left:58%;font-size:12px}.fs-row.old{margin-top:4px}}
.upz{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:36px;padding:26px clamp(24px,3vw,40px);border-radius:26px;overflow:hidden;color:#fff;background:radial-gradient(60% 140% at 0 0,rgba(220,88,18,.3),transparent 60%),radial-gradient(50% 140% at 100% 100%,rgba(63,107,255,.32),transparent 62%),#141816;box-shadow:0 40px 80px -46px rgba(20,24,22,.7)}
.upz-l{width:190px;height:auto}
.upz-t .eb{margin:0 0 6px}.upz-h{margin:0;font:700 clamp(19px,1.9vw,23px)/1.2 var(--f-d);letter-spacing:-.015em}.upz-p{margin:4px 0 0;font-size:15.5px;color:#C9CECB}
.btn2.on-dark{border-color:rgba(255,255,255,.45);color:#fff}.btn2.on-dark:hover{border-color:#fff;background:rgba(255,255,255,.1)}
@media (max-width:899px){.upz{grid-template-columns:1fr;gap:16px;justify-items:start}.upz-l{width:150px}}
.fs-f b{hyphens:manual;overflow-wrap:break-word}

/* UA 61: zwei Türen */
.ua-tu{display:none}
.v-ua:not([data-m]) .ua-tu,.v-ua[data-m="6"] .ua-tu{display:block}
.v-ua:not([data-m]) .ua-old,.v-ua[data-m="6"] .ua-old{display:none}
.v-ua .u3-hi > img{transform:none}
.tu-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:36px}
.tu{display:flex;flex-direction:column;padding:16px 16px 28px;border-radius:28px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05),0 30px 60px -40px rgba(20,24,22,.45)}
.tu-im{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tu-im span{position:relative;display:block;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#141816}
.tu-im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tu-im .o img{filter:grayscale(1) sepia(.35) contrast(.9);opacity:.75}
.tu-im b{position:absolute;left:10px;bottom:10px;padding:3px 10px;border-radius:999px;background:#fff;font:600 12px var(--f-b);color:var(--text)}
.tu-im .n b{background:var(--orange);color:#fff}
.tu h3{margin:22px 12px 0;font:700 clamp(22px,2.2vw,28px)/1.15 var(--f-d);letter-spacing:-.02em;color:var(--text);text-wrap:balance}
.tu p{margin:10px 12px 0;font-size:16.5px;line-height:1.55;color:#55555B}
.tu-th{margin-top:28px}
.tu-e{margin:22px 0 0;max-width:820px;font-size:18px;line-height:1.55;color:var(--text)}
@media (max-width:899px){.tu-g{grid-template-columns:1fr}}
.tu-th{max-width:none}

/* UA 62 */
.ua-vc{display:none}.v-ua[data-m="c"] .ua-vc{display:grid}.v-ua[data-m="c"] .ua-va{display:none}
.ua-st{display:none;grid-template-columns:auto minmax(0,1fr);gap:4px 22px;align-items:center;margin-top:10px;padding:20px 24px;border-radius:20px;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 24px 50px -40px rgba(20,24,22,.4)}
.v-ua[data-m="b"] .ua-st{display:grid}
.ua-st .n{margin:0;grid-row:1/3;font:700 clamp(44px,4.4vw,60px)/1 var(--f-d);letter-spacing:-.03em;color:var(--orange-ink)}.ua-st .n small{font-size:.5em;margin-left:.14em}
.ua-st .t{margin:0;font-size:16px;line-height:1.5;color:var(--text)}.ua-st .q{margin:0;font-size:12.5px;color:var(--grau)}
@media (max-width:599px){.ua-st{grid-template-columns:1fr}.ua-st .n{grid-row:auto}}

/* K 62: UA Formate wie Expertenpositionierung */
.ua-n1 .row{grid-template-columns:repeat(5,minmax(0,1fr))}
.ua-n1 .c .tt b{font-size:18px;line-height:1.18}
.ua-n1 .c.on .cv{box-shadow:0 0 0 2px var(--orange),0 30px 60px -30px rgba(240,90,20,.55)}
.ua-n1 .det{border-radius:22px;background:linear-gradient(135deg,#14181a 0%,#1a1f22 55%,#3a2416 130%);box-shadow:0 40px 70px -46px rgba(20,24,22,.7)}
.ua-n1 .ep-one{margin-top:14px}
.ua-n1 .ep-one .chips{margin-top:0}
.ua-n1 .ep-one .pr + .pr{margin-top:0}
@media (max-width:899px){.ua-n1 .row{grid-template-columns:repeat(2,minmax(0,1fr))}.ua-n1 .c:last-child{grid-column:1/-1;aspect-ratio:2/1}.ua-n1 .c .tt b{font-size:15px}}

/* N 63 */
.cmp-sub{font-size:27px!important;letter-spacing:-.01em}
@media (max-width:599px){.cmp-sub{font-size:21px!important}}
.ik-fmt .fmt-way{margin-top:clamp(72px,8vw,120px)}
/* Formatkarten: klarer anklickbar */
.xf-x em{display:none;font:600 13px/1 var(--f-b);font-style:normal;color:#fff;white-space:nowrap}
.xf-c:not(.open) .xf-x{background:var(--orange);border-color:var(--orange)}
@media (min-width:900px){
 .xf-c:not(.open) .xf-x{width:auto;height:34px;display:flex;align-items:center;padding:0 36px 0 14px;border-radius:999px;top:50%;right:20px;margin-top:-17px;box-shadow:0 10px 24px -10px rgba(240,90,20,.8)}
 .xf-c:not(.open) .xf-x em{display:block}
 .xf-c:not(.open) .xf-x::before,.xf-c:not(.open) .xf-x::after{left:auto;right:12px;margin-left:0}
 .xf-c:not(.open) .xf-img .ph{right:18px!important}
}
/* EP erste Sektion: Suche über die ganze Breite, Text neben dem Video */
.ep-fw.k2{grid-template-columns:minmax(0,1fr)!important;row-gap:clamp(28px,3.4vw,44px)}
.ep-fw.k2 .br{padding-bottom:0}
.ep-fw.k2 .br::after{display:none}
.ep-fw.k2 .k2b{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center}
@media (min-width:900px){.ep-fw.k2 .k2b{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:56px}.ep-fw.k2 .br{gap:20px}.ep-fw.k2 .br .ep-gmw{zoom:.86}.ep-fw.k2 .qpx{width:min(620px,100%);height:60px;font-size:18px}}
/* EP Fußnoten klein */
.ep-src{max-width:760px;font-size:11.5px!important;line-height:1.45!important;color:#8E9592!important;gap:3px!important;margin-top:14px!important;padding-top:10px!important;border-top:0!important}
/* Sprechblase: Detailkarte kommt aus der gewählten Kachel */
@media (min-width:900px){
 .ep-n1 .det{position:relative;margin-top:22px}
 .ep-n1 .c.on::after{content:"";position:absolute;left:50%;bottom:-31px;z-index:3;width:18px;height:18px;margin-left:-9px;transform:rotate(45deg);background:#3b3f40;border-left:1px solid rgba(255,255,255,.28);border-top:1px solid rgba(255,255,255,.28);border-radius:3px 0 0 0}
 .ua-n1 .c.on::after{background:#161a1c;border-color:transparent}
 .ep-n1 .c.on::before{content:"";position:absolute;left:50%;bottom:-22px;width:2px;height:22px;margin-left:-1px;background:var(--orange-hell)}
 .ua-n1 .c.on::before{background:var(--orange)}
}
/* EB Frage unter den Anzeigen */
.e3-wq{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:30px!important;font-size:clamp(26px,3vw,40px)!important;letter-spacing:-.03em!important}
.e3-wq i{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--orange);color:#fff;animation:wqUp 1.8s ease-in-out infinite}
@keyframes wqUp{0%,100%{transform:none}50%{transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.e3-wq i{animation:none}}
@media (max-width:599px){.e3-wq{gap:10px}.e3-wq i{width:36px;height:36px}}
.e3-fmt + .e3-bandw{padding-top:8px}
/* EV: Beispiele als eigene Galerie unter den Formaten */
.ev-gal{margin-top:clamp(40px,5vw,64px)}
.ev-gal .r-ref{border-top:0;padding-top:0}
.ev-gal .r-k{font-size:13px}
.ev-more{margin-top:clamp(40px,5vw,64px)!important}

.xf .xf-c:not(.open) .xf-x{background:var(--orange)!important;border-color:var(--orange)!important}
.e2-f1 .pzn{margin-top:14px}

/* N 65 */
/* Formatkarten: Plus mit orangem Schimmer, zur Mitte des Blocks gesetzt */
.xf .xf-c:not(.open) .xf-x{background:var(--orange)!important;border-color:var(--orange)!important;animation:xfGlow 2.8s ease-in-out infinite}
@keyframes xfGlow{0%,100%{box-shadow:0 0 0 0 rgba(240,100,30,.55)}50%{box-shadow:0 0 0 7px rgba(240,100,30,0),0 0 18px 2px rgba(240,100,30,.35)}}
@media (prefers-reduced-motion:reduce){.xf .xf-c:not(.open) .xf-x{animation:none;box-shadow:0 0 0 4px rgba(240,100,30,.28)}}
@media (min-width:900px){
 .xf-c:not(.open) .xf-x{width:30px;height:30px;display:block;padding:0;border-radius:50%;top:18px;margin-top:0;right:auto;left:18px}
 .xf-c:not(.open) .xf-x::before,.xf-c:not(.open) .xf-x::after{left:50%;right:auto;margin-left:-6px}
 .xf-c:first-child:not(.open) .xf-x{left:auto;right:18px}
 .xf-c:not(.open) .xf-img .ph{right:18px!important}
 .xf-c:first-child:not(.open) .xf-img .ph{right:60px!important}
}
/* EP erste Sektion */
.ep-fw.k2 .ep-kf p.ld{font:700 clamp(26px,2.6vw,36px)/1.18 var(--f-d);letter-spacing:-.025em}
@media (min-width:900px){.ep-fw.k2 .k2b{align-items:start}
 .ep-src{max-width:none!important;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-auto-flow:column;column-gap:48px}}
.ep-n1 .c.on::before{display:none!important}
/* EB Pfeil dezenter */
.e3-wq i{width:30px!important;height:30px!important;background:none!important;color:var(--orange-ink)!important;box-shadow:inset 0 0 0 1.5px currentColor;animation:none!important}
.e3-wq i svg{width:14px;height:14px}
/* UA Detailkarte */
.ua-n1 .det{align-items:stretch!important;background:radial-gradient(75% 130% at 100% 0%,rgba(63,107,255,.36),rgba(63,107,255,0) 62%),linear-gradient(135deg,#14181a,#191d20)!important}
.ua-n1 .dr{display:flex;flex-direction:column}
.ua-n1 .bring{margin-bottom:22px!important}
.ua-n1 .ep-one{margin-top:auto!important;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.ua-n1 .ep-one::before{display:none}
/* EV Formate wie Expertenpositionierung */
.ev-n1 .row{grid-template-columns:repeat(5,minmax(0,1fr))}
.ev-n1 .c .tt b{font-size:18px;line-height:1.18}
.ep-n1 .c video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:899px){.ev-n1 .row{grid-template-columns:repeat(2,minmax(0,1fr))}.ev-n1 .c:last-child{grid-column:1/-1;aspect-ratio:2/1}.ev-n1 .c .tt b{font-size:15px}}
.v-ev .v2-fmt{padding-bottom:36px;background-image:radial-gradient(55% 34% at 0% 22%,rgba(56,92,230,.3),rgba(56,92,230,0) 70%),radial-gradient(50% 30% at 100% 48%,rgba(240,110,40,.24),rgba(240,110,40,0) 70%),radial-gradient(60% 30% at 15% 86%,rgba(56,92,230,.22),rgba(56,92,230,0) 70%)}
.v-ev .to-sand{height:200px}
.v-ev .zs{padding-top:24px}

/* O5: Auswahl aus Optikauswahl 5 */
.ua-st{display:grid!important}
.v-ua .ua-st.z67{display:none!important}
.v-ua[data-z="67"] .ua-st.z67{display:grid!important}
.v-ua[data-z="67"] .ua-st.z94{display:none!important}
/* Startseite: Einstieg, Logo neben der Überschrift (L5), Varianten im Testschalter */
@media (min-width:900px){
 .v-home:not([data-h="0"]) .home-ov .mid{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:end;align-items:center;justify-items:start;column-gap:34px;row-gap:14px;text-align:left;padding:0 clamp(32px,5.4vw,76px) 30px}
 .v-home:not([data-h="0"]) .home-ov .mid img{grid-column:1;grid-row:1;width:clamp(200px,18vw,260px);padding-right:34px;border-right:1.5px solid rgba(255,255,255,.45);box-sizing:content-box}
 .v-home:not([data-h="0"]) .home-ov h1{grid-column:2;grid-row:1;font-size:clamp(40px,4vw,58px);line-height:1.06;max-width:820px}
 .v-home:not([data-h="0"]) .home-ov .lead{grid-column:2;max-width:600px;margin:0;font-size:clamp(18px,1.5vw,22px)}
 .v-home:not([data-h="0"]) .home-ov .hbtn{grid-column:2;margin-top:6px}
 .v-home:not([data-h="0"]) .trust{justify-content:flex-start;padding-left:clamp(32px,5.4vw,76px)}
 .v-home:not([data-h="0"]) .hvid .tint{background:linear-gradient(90deg,rgba(12,24,36,.82),rgba(12,24,36,.3) 48%,rgba(12,24,36,0) 72%),linear-gradient(180deg,rgba(12,24,36,.3),rgba(12,24,36,0) 30%,rgba(12,24,36,.55))}
}
/* Expertenpositionierung: Überschrift über die ganze Breite (X6) */
@media (min-width:1000px){
 .v-ep .hero-copy{display:contents}
 .v-ep .hero2{grid-template-columns:1.05fr 1fr;row-gap:0;align-items:start}
 .v-ep .hero-copy>.crumb,.v-ep .hero-copy>.eb,.v-ep .hero-copy>.h1{grid-column:1/-1}
 .v-ep .hero-copy>.h1{max-width:none;font-size:clamp(56px,6.4vw,92px);margin-bottom:34px}
 .v-ep .hero-copy>.lead,.v-ep .hero-copy>.hero-wz,.v-ep .hero-copy>div{grid-column:1}
 .v-ep .hero-copy>.lead,.v-ep .hero-copy>.hero-wz{margin-bottom:18px}
 .v-ep .ep-stg{grid-column:2;grid-row:4/8;height:300px}
}
/* Employer Branding: Text oben, Bildband unten (E4) */
@media (min-width:1000px){
 .v-eb .hero2{grid-template-columns:1fr;gap:38px}
 .v-eb .hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center}
 .v-eb .e3-hero .h1{max-width:1100px;font-size:clamp(46px,5.2vw,76px)}
 .v-eb .hero-copy .lead{max-width:780px;font-size:20px}
 .v-eb .hero-copy .btn-row{justify-content:center}
 .v-eb .e3-mgrid{grid-template-columns:1fr 1fr 2.1fr 1fr 1fr 1fr;grid-template-rows:auto;align-items:stretch}
 .v-eb .e3-mt{grid-area:auto;aspect-ratio:auto;height:230px}
 .v-eb .e3-mv{grid-area:auto;height:230px;order:0}
 .v-eb .e3-mt.t0,.v-eb .e3-mt.t1{order:-1}
 .v-eb .e3-mt.t2,.v-eb .e3-mt.t3,.v-eb .e3-mt.t4{order:1}
}
/* IK: zweites Organigramm verbindet die unteren Aushänge */
.iknet2{position:absolute;left:0;top:0;z-index:0;pointer-events:none;overflow:visible}
.iknet2 path{fill:none;stroke:rgba(29,29,31,.18);stroke-width:1.3}
.iknet2 rect{fill:var(--sand);stroke:rgba(29,29,31,.24);stroke-width:1.2}
.iknet2 circle{fill:rgba(238,122,60,.9)}
@media (max-width:899px){.iknet2{display:none}}
@media (min-width:1000px){.v-eb .hero2{gap:26px;padding-top:84px}.v-eb .e3-mt,.v-eb .e3-mv{height:210px}.v-eb .e3-hero .h1{font-size:clamp(44px,4.9vw,72px)}}
@media (min-width:1000px){.v-ep .hero-copy>.crumb{margin-bottom:22px}.v-ep .hero-copy>.eb{margin-bottom:16px}}
@media (min-width:1000px){.v-eb .hero-copy{max-width:none;width:100%;justify-self:center}}
@media (min-width:1000px){.v-eb .hero2{padding-top:108px}.v-eb .hero-copy .crumb{margin-bottom:14px}}



/* UA: Bildauswahl Kachel Produkt- und Erklärvideos (nur im Entwurf) */
.ua-n1 .c .pb0,.ua-n1 .c .pb1,.ua-n1 .c .pb3{display:none}
.v-ua[data-p="1"] .ua-n1 .c .pb1,.v-ua[data-p="3"] .ua-n1 .c .pb3,.v-ua[data-p="0"] .ua-n1 .c .pb0{display:block}
.v-ua[data-p="1"] .ua-n1 .c .pb2,.v-ua[data-p="3"] .ua-n1 .c .pb2,.v-ua[data-p="0"] .ua-n1 .c .pb2{display:none}
@media (min-width:900px){.v-home:not([data-h="0"]):not([data-h="4"]) .home-ov .hbtn{align-items:flex-start;text-align:left}}

/* Startseite: Umschalter neuer Einstieg / wie bisher (nur im Entwurf, nur am Computer) */
.st-tog{display:none}
@media (min-width:900px){.st-tog{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:72px;z-index:2147482000;display:flex;align-items:center;gap:9px;height:44px;padding:0 16px 0 13px;border:0;border-radius:999px;background:#14181C;color:#fff;font:600 14px var(--f-b);cursor:pointer;box-shadow:0 12px 30px -10px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.12)}
 .st-tog i{width:10px;height:10px;border-radius:50%;background:var(--orange)}
 .st-tog[aria-pressed="true"] i{background:#8E9592}}
/* EB Einstieg: Zitat als Sprechblase über dem Erfahrungsbericht (B5) */
@media (min-width:1000px){
 .v-eb[data-e="1"] .hero2{gap:78px}
 .v-eb[data-e="1"] .e3-mv{overflow:visible}
 .v-eb[data-e="1"] .e3-mvi{position:absolute;inset:0;border-radius:24px;overflow:hidden}
 .v-eb[data-e="1"] .e3-mv::after{border-radius:24px;background:linear-gradient(180deg,rgba(14,18,16,0) 60%,rgba(14,18,16,.72))}
 .v-eb[data-e="1"] .e3-mvt{position:static}
 .v-eb[data-e="1"] .e3-mvt .micro{position:absolute;left:18px;bottom:22px;z-index:2}
 .v-eb[data-e="1"] .e3-mvp{position:absolute;right:16px;bottom:14px;z-index:2;margin:0;gap:0;font-size:0}
 .v-eb[data-e="1"] .e3-mvt b{position:absolute;left:50%;bottom:calc(100% + 14px);z-index:3;width:max-content;max-width:min(360px,96%);margin:0;padding:12px 18px;border-radius:18px;transform:translateX(-50%);background:#fff;color:#1D1D1F;font-size:17px;line-height:1.25;text-align:center;box-shadow:0 22px 44px -22px rgba(20,24,22,.55)}
 .v-eb[data-e="1"] .e3-mvt b::after{content:"";position:absolute;left:50%;bottom:-7px;width:14px;height:14px;margin-left:-7px;background:#fff;transform:rotate(45deg);border-radius:0 0 3px 0}
}
@media (min-width:1000px){.v-eb[data-e="1"] .hero2{gap:88px}.v-eb[data-e="1"] .e3-mvt b{max-width:none;white-space:nowrap}}

/* EB Einstieg: Text links, vier hohe Bildbalken rechts (K5). Standard, Alternative Bildband im Testschalter */
@media (min-width:1000px){
 .v-eb:not([data-e="1"]) .hero2{position:relative;display:block;padding-top:104px;padding-bottom:26px}
 .v-eb:not([data-e="1"]) .e3-mgrid{position:absolute;left:54%;right:0;top:104px;bottom:26px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:12px}
 .v-eb:not([data-e="1"]) .e3-mt,.v-eb:not([data-e="1"]) .e3-mv{height:auto;grid-area:auto;aspect-ratio:auto}
 .v-eb:not([data-e="1"]) .e3-mt.t3,.v-eb:not([data-e="1"]) .e3-mt.t4,.v-eb:not([data-e="1"]) .e3-fan-ph{display:none}
 .v-eb:not([data-e="1"]) .e3-mt.t0,.v-eb:not([data-e="1"]) .e3-mv{margin:0 0 60px}
 .v-eb:not([data-e="1"]) .e3-mt.t1,.v-eb:not([data-e="1"]) .e3-mt.t2{margin:60px 0 0}
 .v-eb:not([data-e="1"]) .e3-mv .e3-mvt,.v-eb:not([data-e="1"]) .e3-mv::after{display:none}
 .v-eb:not([data-e="1"]) .hero-copy{position:relative;z-index:3;width:48%;max-width:48%;margin:60px auto 60px 0;align-items:flex-start;text-align:left}
 .v-eb:not([data-e="1"]) .hero-copy .btn-row{justify-content:flex-start}
 .v-eb:not([data-e="1"]) .e3-hero .h1{max-width:100%;font-size:clamp(36px,3.7vw,52px)}
 .v-eb:not([data-e="1"]) .hero-copy .lead{font-size:18px}
}

/* EB Einstieg K5: Breite der vier Bildbalken (Testschalter ebw). Standard: breiter */
@media (min-width:1000px){
 .v-eb:not([data-e="1"]) .e3-mgrid{left:47%}
 .v-eb:not([data-e="1"]) .hero-copy{width:43%;max-width:43%}
 .v-eb[data-w="1"]:not([data-e="1"]) .e3-mgrid{left:54%}
 .v-eb[data-w="1"]:not([data-e="1"]) .hero-copy{width:48%;max-width:48%}
 .v-eb[data-w="3"]:not([data-e="1"]) .e3-mgrid{left:41%}
 .v-eb[data-w="3"]:not([data-e="1"]) .hero-copy{width:38%;max-width:38%}
 .v-eb[data-w="3"]:not([data-e="1"]) .e3-hero .h1{font-size:clamp(32px,3.2vw,46px)}
}

/* EB Einstieg K5: Text insgesamt größer (Kommentar Curt 12.11.) */
@media (min-width:1000px){
 .v-eb:not([data-e="1"]):not([data-w="3"]) .e3-hero .h1{font-size:clamp(38px,4.15vw,60px)}
 .v-eb:not([data-e="1"]) .hero-copy{margin-top:30px;margin-bottom:40px}
 .v-eb:not([data-e="1"]) .hero-copy .crumb{font-size:15px}
 .v-eb:not([data-e="1"]) .hero-copy .eb{font-size:15.5px}
 .v-eb:not([data-e="1"]) .hero-copy .lead{font-size:clamp(18px,1.45vw,21px);line-height:1.5}
 .v-eb:not([data-e="1"]) .hero-copy .hero-wz{font-size:16.5px}
 .v-eb:not([data-e="1"]) .hero-copy .btn{font-size:18px;padding:17px 28px}
 .v-eb:not([data-e="1"]) .hero-copy .micro{font-size:15.5px}
 .v-eb[data-w="3"]:not([data-e="1"]) .e3-hero .h1{font-size:clamp(34px,3.5vw,50px)}
}

/* Abspielknopf im Beispiel-Player: weiß statt orange (Orange bleibt dem Erstgespräch vorbehalten) */
.vpg-play{background:rgba(255,255,255,.94);box-shadow:0 0 0 7px rgba(255,255,255,.2),0 14px 30px -10px rgba(0,0,0,.6);backdrop-filter:blur(6px)}
.vpg-play svg{margin-left:3px}

/* EB Einstieg K5: Balken nicht höher als vorher, auch wenn der Text größer ist (Kommentar Curt 12.11.) */
@media (min-width:1000px){
 .v-eb:not([data-e="1"]) .e3-mgrid{height:min(calc(100% - 130px),620px);margin-block:auto}
}

/* EB Einstieg K5: Text dominant, schrumpft in schmaleren Fenstern kaum (Curt 12.11.). Breite der Balken fest auf "Breiter" */
@media (min-width:1000px){
 .v-eb:not([data-e="1"]) .e3-hero .h1{font-size:clamp(48px,4.3vw,64px)!important;line-height:1.02}
 .v-eb:not([data-e="1"]) .hero-copy .lead{font-size:clamp(19.5px,1.5vw,22px)}
 .v-eb:not([data-e="1"]) .hero-copy .hero-wz{font-size:17px}
 .v-eb:not([data-e="1"]) .hero-copy .eb{font-size:16px}
}

/* EV Galerie: fünf Beispiele */
@media (min-width:1000px){.ev-gal .r-ths{grid-template-columns:repeat(5,minmax(0,1fr))}.ev-gal .r-tb{grid-template-columns:48px minmax(0,1fr);gap:8px}.ev-gal .r-tb b{font-size:13px}}

/* EB Beispielkarte: Standbild, kein Player */
.v-eb .vpg-m::after{display:none}

/* EB Beispielkarte: Titel als Sprechblase, Video nur angedeutet */
.v-eb .vpg-m{overflow:visible}
.v-eb .vpg-m img{border-radius:16px}
.vpg-vf{position:absolute;inset:14px;pointer-events:none}
.vpg-vf i{position:absolute;width:22px;height:22px;border:2px solid rgba(255,255,255,.85);filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.vpg-vf i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0;border-radius:5px 0 0 0}
.vpg-vf i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0;border-radius:0 5px 0 0}
.vpg-vf i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0;border-radius:0 0 0 5px}
.vpg-vf i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0;border-radius:0 0 5px 0}
.v-eb .vpg-m .ph{right:26px;top:26px}
.vpg-tag{position:absolute;left:26px;top:26px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;border-radius:999px;background:rgba(14,18,16,.62);color:#fff;font:600 12.5px var(--f-b);letter-spacing:.02em;backdrop-filter:blur(6px)}
.vpg-q{position:relative;z-index:3;margin:-30px 18px 0 18px!important;padding:16px 20px;border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(20,24,22,.06),0 18px 36px -18px rgba(20,24,22,.45);font-size:clamp(17px,1.5vw,20px)!important}
.vpg-q::before{content:"";position:absolute;left:52%;top:-9px;width:20px;height:20px;background:#fff;transform:rotate(45deg);border-radius:4px 0 0 0}
.v-eb .vpg-s{margin:12px 22px 0}

/* UA: mehr Farbe auf den hellen Flächen (Curt 13.11.) */
.v-ua .ua-anl{background:radial-gradient(900px 520px at 100% 30%,rgba(92,108,230,.16),transparent 62%),radial-gradient(700px 400px at -6% 46%,rgba(255,122,53,.20),transparent 62%),linear-gradient(180deg,var(--white) 0,var(--sand) 420px)}
.v-ua .ua-fmt{background:radial-gradient(880px 480px at 104% 38%,rgba(92,108,230,.17),transparent 62%),radial-gradient(820px 480px at -8% 46%,rgba(255,122,53,.24),transparent 62%),radial-gradient(700px 460px at 96% 92%,rgba(255,122,53,.16),transparent 64%)}

/* UA Einstieg: Headerclip als Video */
.hero-img > video.media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Leistungsbeschreibung unter dem Einstiegspreis */
.ep-n1 .pr .phh.inc{display:block;flex-basis:100%;margin-top:6px;font-size:14.5px;line-height:1.45;color:rgba(255,255,255,.86)}
.ep-n1 .pr .phh.inc b{font-weight:600;color:#fff}

/* Zeile „Enthalten“ unter dem Einstiegspreis, alle Seiten */
.pzl-i{flex-basis:100%;margin-top:4px;font-size:14.5px;line-height:1.45;color:inherit}
.pzl-i b{font-weight:600}
.pz2c-n .pzl-i{display:block;margin-bottom:4px;color:#fff}
.ep-bs-i{margin:12px 0 0;font:400 14.5px/1.45 var(--f-b);color:rgba(255,255,255,.88)}
.ep-bs-i b{font-weight:600;color:#fff}

/* Erstgespräch: kurzes Formular, Fragen nacheinander */
.qf{position:relative;padding:30px 30px 30px;min-height:430px}
.qf-bar{display:flex;gap:6px;margin:0 52px 28px 0}
.qf-bar i{flex:1;height:4px;border-radius:4px;background:#ECE8E1;transition:background .3s}
.qf-bar i.on{background:var(--orange)}
.qf-back{position:absolute;top:18px;right:20px;width:38px;height:38px;border-radius:50%;border:1px solid #DDD6CB;background:#fff;color:var(--text);cursor:pointer;display:grid;place-items:center}
.qf-back[hidden]{display:none}
.qf-s{display:none}
.qf-s.on{display:block;animation:qfIn .35s ease}
.qf .form.qf-s{display:none}
.qf .form.qf-s.on{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:0}
@keyframes qfIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.qf-s h2{font-size:clamp(24px,2.2vw,30px);margin-bottom:20px}
.qf-o{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.qf-o button{text-align:left;padding:17px 18px;border-radius:16px;border:1px solid #DDD6CB;background:#fff;font:600 16px/1.3 var(--f-b);color:var(--text);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.qf-o button:hover{border-color:var(--orange);transform:translateY(-1px)}
.qf-o button.sel{border-color:var(--orange);background:rgba(220,88,18,.07)}
.qf .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.qf-act{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}
@media (max-width:599px){.qf{padding:24px 20px;min-height:0}.qf-o{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.qf-s.on{animation:none}}
.qf .form[hidden]{display:none!important}
/* Formular V104: Eingaben einzeln */
.qf-f{display:block}
.qf-f[hidden]{display:none}
.qf-o button:last-child:nth-child(odd){grid-column:1/-1}
.qf-in{display:grid;gap:12px;margin-bottom:18px}
.qf-in input{font:400 17px var(--f-b);padding:15px 16px;border-radius:14px;border:1px solid #DDD6CB;background:#fff;color:var(--text);width:100%}
.qf-in input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(220,88,18,.15)}
.qf-in input.bad{border-color:var(--orange);box-shadow:0 0 0 3px rgba(220,88,18,.15)}
.qf-tel{position:relative;display:block}
.qf-pre{position:absolute;left:16px;top:50%;transform:translateY(-50%);font:600 17px var(--f-b);color:var(--grau)}
.qf-tel input{padding-left:58px}
.qf-ds{margin-top:16px;font-size:13px;color:var(--grau)}
.qf-ds a{color:inherit;text-decoration:underline}
/* Formular V105: Fenster von unten, Größe als Auswahlliste */
.qf-in select{font:400 17px var(--f-b);padding:15px 44px 15px 16px;border-radius:14px;border:1px solid #DDD6CB;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20'%3E%3Cpath d='M5 7.5l5 5 5-5' fill='none' stroke='%231D1D1F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center;color:var(--text);width:100%;appearance:none;-webkit-appearance:none;cursor:pointer}
.qf-in select:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(220,88,18,.15)}
.qf-in select.bad{border-color:var(--orange);box-shadow:0 0 0 3px rgba(220,88,18,.15)}
.qsh{position:fixed;inset:0;z-index:300}
.qsh[hidden]{display:none}
.qsh-bg{position:absolute;inset:0;background:rgba(12,24,36,.42);backdrop-filter:blur(3px);opacity:0;transition:opacity .3s}
.qsh.in .qsh-bg{opacity:1}
.qsh-p{position:absolute;left:50%;bottom:0;width:min(680px,100%);max-height:92vh;overflow:auto;transform:translate(-50%,104%);transition:transform .38s cubic-bezier(.2,.8,.2,1);background:#fff;border-radius:28px 28px 0 0;box-shadow:0 -20px 60px -20px rgba(0,0,0,.35);padding:14px 0 max(18px,env(safe-area-inset-bottom))}
.qsh.in .qsh-p{transform:translate(-50%,0)}
.qsh-p::before{content:"";display:block;width:44px;height:5px;border-radius:5px;background:#E3DED6;margin:0 auto 12px}
.qsh-hd{display:flex;align-items:center;gap:12px;padding:0 26px 4px}
.qsh-hd b{font:700 17px var(--f-b);flex:1}
.qsh-av img{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}
.qsh-x{width:38px;height:38px;border-radius:50%;border:1px solid #DDD6CB;background:#fff;color:var(--text);cursor:pointer;display:grid;place-items:center}
.qsh .qf{box-shadow:none;border-radius:0;min-height:0;padding:18px 26px 22px}
.qsh .qf-back{top:18px;right:26px}
html.qsh-on{overflow:hidden}
.v-eg .eg-r .qf{min-height:380px}
@media (max-width:599px){.qsh-hd,.qsh .qf{padding-left:20px;padding-right:20px}.qsh .qf-back{right:20px}}
@media (prefers-reduced-motion:reduce){.qsh-p,.qsh-bg{transition:none}}
/* Formular V106: Abschluss, Spamschutz, Fehler */
.qf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.qf-err{margin-top:12px;font-size:14px;color:var(--orange-ink)}
.qf-done{padding:6px 0 4px;animation:qfIn .45s ease}
.qd-ok{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--orange);color:#fff;box-shadow:0 10px 26px -10px rgba(220,88,18,.7)}
.qd-h{font-size:clamp(32px,3.4vw,44px)!important;margin-top:18px}
.qd-l{margin-top:8px;color:var(--grau)}
.qd-st{list-style:none;margin:22px 0 0;padding:0;counter-reset:qd;display:grid;gap:4px}
.qd-st li{position:relative;padding:12px 0 12px 46px;counter-increment:qd}
.qd-st li::before{content:counter(qd);position:absolute;left:0;top:10px;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--orange);color:var(--orange);display:grid;place-items:center;font:700 14px var(--f-b);background:#fff;z-index:1}
.qd-st li:not(:last-child)::after{content:"";position:absolute;left:15px;top:40px;bottom:-12px;width:1.5px;background:#ECE8E1}
.qd-st b{display:block;font:700 17px var(--f-b);color:var(--text)}
.qd-st span{display:block;margin-top:2px;color:var(--grau);font-size:15.5px}
.qd-me{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid #ECE8E1}
.qd-me img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.qd-me b{display:block;font:700 16px var(--f-b)}.qd-me span{display:block;color:var(--grau);font-size:14px}

/* ===== Handy-Korrekturen 15.11.2026 ===== */
@media (max-width:899px){
 .faq .right{display:flex;flex-direction:column;justify-content:flex-end;min-height:460px;padding-bottom:96px;position:relative}
 .faq .chat{position:relative;left:auto;right:auto;bottom:auto;padding-top:0;-webkit-mask-image:none;mask-image:none}
 .faq .prev{display:none!important}
 .faq .items{position:relative;z-index:2}
 .lst-main,.stories,.car,.e3-scs,.j3[data-mob="w"] .j3b{touch-action:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-behavior:auto}
}
@media (max-width:899px){
 .lst-main,.stories,.car,.e3-scs,.j3[data-mob="w"] .j3b{overflow-y:hidden;overscroll-behavior-y:auto;touch-action:pan-x pan-y}
 .lst-main>*,.stories>*,.car>*,.e3-scs>*,.j3[data-mob="w"] .j3b>*{scroll-snap-stop:always}
}
/* ===== Formate-Kacheln 15.11.2026: Abstand oben einheitlich, Bild nach Gesicht, Lesbarkeit ===== */
.xf-meas,.xf-meas *{transition:none!important}
@media (min-width:900px){
 .xf.lay .xf-c.open{justify-content:flex-start;padding-top:44px}
 .xf-c.open[data-fx] .xf-sh{background:linear-gradient(90deg,#121513 0%,rgba(18,21,19,.95) 42%,rgba(18,21,19,.55) 60%,rgba(18,21,19,.12) 80%,rgba(18,21,19,0) 100%)}
}
.xf-c .xf-eb{color:#FFB079;text-shadow:0 1px 10px rgba(0,0,0,.55)}
@media (max-width:899px){
 .xf-c.open[data-fx] .xf-img{bottom:auto;height:min(250px,64vw)}
 .xf-c.open[data-fx]::before{flex-basis:min(214px,55vw)}
 .xf-c.open[data-fx] .xf-sh{background:linear-gradient(180deg,rgba(14,17,16,0) 0,rgba(14,17,16,.08) 120px,rgba(14,17,16,.75) min(214px,55vw),#121513 min(250px,64vw),#121513 100%)}
 .xf-c[data-fx]:not(.open) .xf-img{left:auto;width:min(50%,180px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%)}
}
/* IK Folge 7 (15.11.2026): keine Player-Leiste, keine Chips, Sprechblase unten */
.wvc-bub{bottom:22px}
.wvc-m::after{background:linear-gradient(180deg,rgba(14,18,16,.35) 0,rgba(14,18,16,0) 22%,rgba(14,18,16,0) 50%,rgba(14,18,16,.55))}
@media (max-width:899px){.wvc-bub{bottom:14px}.wvc-m{aspect-ratio:4/5}}
@media (max-width:899px){
 .xf-c[data-fx]:not(.open) .xf-img{right:46px;width:min(52%,190px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#000 40%,#000 78%,transparent)}
}
/* EP Handy (15.11.2026): nur die Google-Karte, dann direkt der Text */
@media (max-width:899px){.ep-k .qpx,.ep-k .ln,.ep-k .ep-gmw:has(.ep-ym){display:none!important}}
/* Socials (15.11.2026) */
.soc{display:inline-flex;flex-wrap:wrap;gap:8px}
.soc a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;text-decoration:none;font:600 13.5px var(--f-b);transition:background-color .2s,color .2s}
.soc-f a{background:rgba(255,255,255,.08);color:#E3E6E4}.soc-f a:hover{background:var(--orange);color:var(--navy)}
.soc-a{display:flex;margin:10px 0 4px}.soc-a a{background:rgba(20,24,22,.06);color:#1D1D1F}.soc-a a:hover{background:var(--orange);color:var(--navy)}
@media (max-width:899px){
 .xf-c[data-fx]:not(.open) .xf-img img{filter:saturate(.9) brightness(.92)!important}
 .xf-c[data-fx]:not(.open) .xf-sh{background:linear-gradient(90deg,rgba(20,24,22,.94) 38%,rgba(20,24,22,.35) 72%,rgba(20,24,22,.15))}
}
/* Formularfenster (15.11.2026): farbiger Kopf, größeres Porträt, Mail-Zeile */
.qsh-p::before{position:absolute;left:50%;top:9px;transform:translateX(-50%);margin:0;background:rgba(255,255,255,.35);z-index:2}
.qsh-p{padding-top:0}
.qsh-hd{position:sticky;top:0;z-index:1;padding:26px 26px 18px;margin-bottom:6px;color:#fff;border-radius:28px 28px 0 0;
 background:radial-gradient(120% 180% at 0% 0%,rgba(232,104,32,.75) 0%,rgba(232,104,32,.22) 42%,rgba(232,104,32,0) 70%),radial-gradient(90% 140% at 100% 100%,rgba(232,104,32,.28),rgba(232,104,32,0) 60%),linear-gradient(125deg,#26302B,#141816)}
.qsh-hd b{font-size:18px;color:#fff}
.qsh-av img{width:46px;height:46px;box-shadow:0 0 0 2px rgba(255,255,255,.85)}
.qsh-x{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff}
.qsh-x:hover{background:rgba(255,255,255,.22)}
.qd-me img{width:92px;height:92px}
.qd-me{gap:16px}
.qd-me b{font-size:18px}
.qd-mail{margin:18px 0 0;color:var(--grau);font-size:15.5px}
.qd-mail a{color:var(--text);font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (max-width:599px){.qsh-hd{padding:24px 20px 16px}.qd-me img{width:80px;height:80px}}
/* Erstgespräch-Karte: Bild läuft weich in die Farbfläche aus */
.ek-3 .ek .ekcard .c{position:relative}
.ek-3 .ek .tx{position:relative;z-index:2}
.ek-3 .ek .por{z-index:1;width:calc(100% + 140px);margin-right:-140px;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 46%,rgba(0,0,0,.72) 64%,rgba(0,0,0,.3) 82%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 46%,rgba(0,0,0,.72) 64%,rgba(0,0,0,.3) 82%,transparent 100%)}
.ek-3 .ek .por .sh{background:linear-gradient(180deg,rgba(20,24,22,0) 55%,rgba(20,24,22,.7))}
@media (max-width:899.98px){
 .ek-3 .ek .por{width:100%;margin-right:0;margin-bottom:-56px;aspect-ratio:4/3.9;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 58%,rgba(0,0,0,.7) 74%,rgba(0,0,0,.28) 88%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 58%,rgba(0,0,0,.7) 74%,rgba(0,0,0,.28) 88%,transparent 100%)}
 .ek-3 .ek .por .sh{background:linear-gradient(180deg,rgba(20,24,22,0) 40%,rgba(20,24,22,.55))}
 .ek-3 .ek .por .nm{bottom:30%}
}

/* Themenzeile in der Hauptüberschrift, sieht aus wie vorher */
.h1x>.eb{display:block;margin:0 0 24px}
@media (min-width:1000px){.v-ep .h1x>.eb{margin-bottom:18px}}
.v-ep .h1x{margin-top:0}
@media (max-width:899px){.ep-k .br::before{display:none!important}}
/* Startseite: Logo in die Ecke, Überschrift größer und dominanter (Curt, 15.11.) */
.v-home .home-ov .mid img.logo-big{position:absolute;z-index:3;margin:0;padding:0;border:0;box-sizing:border-box}
@media (min-width:900px){
 .v-home .home-ov .mid img.logo-big{top:22px;left:clamp(24px,3vw,44px);width:132px}
 .v-home:not([data-h="0"]) .home-ov .mid{grid-template-columns:minmax(0,1fr);row-gap:18px;padding-bottom:34px}
 .v-home:not([data-h="0"]) .home-ov h1,.v-home:not([data-h="0"]) .home-ov .lead,.v-home:not([data-h="0"]) .home-ov .hbtn{grid-column:1;grid-row:auto}
 .v-home:not([data-h="0"]) .home-ov h1{font-size:clamp(52px,6.3vw,104px);line-height:1;letter-spacing:-.035em;max-width:1120px;text-shadow:0 2px 30px rgba(0,0,0,.35)}
 .v-home:not([data-h="0"]) .home-ov .lead{font-size:clamp(19px,1.6vw,24px);max-width:640px}
 .v-home:not([data-h="0"]) .hvid .tint{background:linear-gradient(90deg,rgba(12,20,26,.9),rgba(12,20,26,.55) 42%,rgba(12,20,26,.1) 72%),linear-gradient(180deg,rgba(12,20,26,.35),rgba(12,20,26,0) 28%,rgba(12,20,26,.72))}
}
@media (max-width:899.98px){
 .v-home .home-ov .mid img.logo-big{top:21px;left:16px;width:92px}
 .mh-3 .hcont .mid{padding-top:max(96px,13svh)}
 .v-home .home-ov h1{font-size:clamp(36px,10.4vw,44px);line-height:1.04;letter-spacing:-.03em}
}
/* Events: Übergang dunkel zu hell als ungleichmäßige Farbwelle statt Kante, mehr Farbe im hellen Teil rechts (Curt, 15.11.) */
.v-ev .v2-fmt{position:relative;z-index:2;background-image:radial-gradient(55% 34% at 0% 22%,rgba(56,92,230,.3),rgba(56,92,230,0) 70%),radial-gradient(50% 30% at 100% 48%,rgba(240,110,40,.24),rgba(240,110,40,0) 70%)}
.v-ev .v2-fmt>*{position:relative;z-index:1}
.v-ev .v2-fmt::after{content:"";position:absolute;left:0;right:0;bottom:-280px;height:780px;z-index:0;pointer-events:none;
 background:
  radial-gradient(36% 34% at 3% 60%,rgba(56,92,230,.42),rgba(56,92,230,0) 70%),
  radial-gradient(24% 24% at 19% 46%,rgba(92,96,232,.32),rgba(92,96,232,0) 70%),
  radial-gradient(20% 20% at 33% 40%,rgba(140,104,214,.2),rgba(140,104,214,0) 70%),
  radial-gradient(26% 26% at 46% 68%,rgba(240,110,40,.3),rgba(240,110,40,0) 70%),
  radial-gradient(22% 22% at 59% 78%,rgba(255,150,90,.26),rgba(255,150,90,0) 70%),
  radial-gradient(24% 24% at 71% 54%,rgba(255,128,64,.28),rgba(255,128,64,0) 70%),
  radial-gradient(20% 22% at 84% 66%,rgba(70,110,235,.2),rgba(70,110,235,0) 70%),
  radial-gradient(28% 28% at 98% 46%,rgba(240,110,40,.3),rgba(240,110,40,0) 70%);
 -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 30%,#000 80%,transparent 100%)}
.v-ev .to-sand.from-dark{height:300px}
.v-ev .zs,.v-ev .ie{position:relative}
.v-ev .zs>*,.v-ev .ie>*{position:relative;z-index:1}
.v-ev .zs::after,.v-ev .ie::before{content:"";position:absolute;right:0;width:min(760px,70%);height:420px;z-index:0;pointer-events:none}
.v-ev .zs::after{bottom:0;background:radial-gradient(70% 100% at 86% 100%,rgba(255,138,74,.42),rgba(255,138,74,0) 72%),radial-gradient(40% 70% at 56% 100%,rgba(104,120,236,.16),rgba(104,120,236,0) 72%)}
.v-ev .ie::before{top:0;background:radial-gradient(70% 100% at 86% 0%,rgba(255,138,74,.42),rgba(255,138,74,0) 72%),radial-gradient(40% 70% at 56% 0%,rgba(104,120,236,.16),rgba(104,120,236,0) 72%)}
@media (max-width:899px){.v-ev .v2-fmt::after{bottom:-180px;height:560px}.v-ev .to-sand.from-dark{height:200px}.v-ev .zs::after,.v-ev .ie::before{height:260px;width:90%}}
:root{--g-s2d:linear-gradient(180deg,#F6F5F2 0.0%,#F6F5F2 4.2%,#F5F4F1 8.3%,#F2F1EE 12.5%,#EDECE9 16.7%,#E5E5E2 20.8%,#DBDBD8 25.0%,#CFCFCC 29.2%,#C0C1BE 33.3%,#B0B1AE 37.5%,#9FA09D 41.7%,#8D8F8C 45.8%,#7B7D7A 50.0%,#696C69 54.2%,#595B59 58.3%,#494D4A 62.5%,#3C3F3D 66.7%,#303432 70.8%,#272B29 75.0%,#202321 79.2%,#1A1E1C 83.3%,#171B19 87.5%,#151917 91.7%,#141816 95.8%,#141816 100.0%);--g-d2s:linear-gradient(180deg,#141816 0.0%,#141816 4.2%,#151917 8.3%,#171B19 12.5%,#1A1E1C 16.7%,#202321 20.8%,#272B29 25.0%,#303432 29.2%,#3C3F3D 33.3%,#494D4A 37.5%,#595B59 41.7%,#696C69 45.8%,#7B7D7A 50.0%,#8D8F8C 54.2%,#9FA09D 58.3%,#B0B1AE 62.5%,#C0C1BE 66.7%,#CFCFCC 70.8%,#DBDBD8 75.0%,#E5E5E2 79.2%,#EDECE9 83.3%,#F2F1EE 87.5%,#F5F4F1 91.7%,#F6F5F2 95.8%,#F6F5F2 100.0%);--nz:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .045 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--g-s2d-plain:linear-gradient(180deg,#F6F5F2 0.0%,#F6F5F2 4.2%,#F5F4F1 8.3%,#F2F1EE 12.5%,#EDECE9 16.7%,#E5E5E2 20.8%,#DBDBD8 25.0%,#CFCFCC 29.2%,#C0C1BE 33.3%,#B0B1AE 37.5%,#9FA09D 41.7%,#8D8F8C 45.8%,#7B7D7A 50.0%,#696C69 54.2%,#595B59 58.3%,#494D4A 62.5%,#3C3F3D 66.7%,#303432 70.8%,#272B29 75.0%,#202321 79.2%,#1A1E1C 83.3%,#171B19 87.5%,#151917 91.7%,#141816 95.8%,#141816 100.0%);--g-bridge:linear-gradient(180deg,rgba(20,24,22,0.000) 0.0%,rgba(20,24,22,0.002) 2.6%,rgba(20,24,22,0.016) 5.2%,rgba(20,24,22,0.049) 7.9%,rgba(20,24,22,0.104) 10.5%,rgba(20,24,22,0.180) 13.1%,rgba(20,24,22,0.275) 15.8%,rgba(20,24,22,0.384) 18.4%,rgba(20,24,22,0.500) 21.0%,rgba(20,24,22,0.616) 23.6%,rgba(20,24,22,0.725) 26.2%,rgba(20,24,22,0.820) 28.9%,rgba(20,24,22,0.896) 31.5%,rgba(20,24,22,0.951) 34.1%,rgba(20,24,22,0.984) 36.8%,rgba(20,24,22,0.998) 39.4%,rgba(20,24,22,1.000) 42.0%,rgba(20,24,22,1) 100%);--g-bridge2:linear-gradient(180deg,rgba(20,24,22,0) 0%,rgba(20,24,22,0.000) 52.0%,rgba(20,24,22,0.002) 55.0%,rgba(20,24,22,0.016) 58.0%,rgba(20,24,22,0.049) 61.0%,rgba(20,24,22,0.104) 64.0%,rgba(20,24,22,0.180) 67.0%,rgba(20,24,22,0.275) 70.0%,rgba(20,24,22,0.384) 73.0%,rgba(20,24,22,0.500) 76.0%,rgba(20,24,22,0.616) 79.0%,rgba(20,24,22,0.725) 82.0%,rgba(20,24,22,0.820) 85.0%,rgba(20,24,22,0.896) 88.0%,rgba(20,24,22,0.951) 91.0%,rgba(20,24,22,0.984) 94.0%,rgba(20,24,22,0.998) 97.0%,rgba(20,24,22,1.000) 100.0%,rgba(20,24,22,1) 100%)}
@media (min-width:900px){img[data-bm="start:podcast-900.webp:1"]{object-position:50% 62% !important;}}
@media (max-width:899.98px){img[data-bm="start:podcast-900.webp:1"]{object-position:50% 50% !important;scale:1.58 !important;transform-origin:60% 100% !important;clip-path:inset(36.71% 14.68% 0% 22.03%) !important;}}
@media (min-width:900px){img[data-bm="start:employer-1280.webp:1"]{object-position:50% 93.21% !important;scale:1.29 !important;transform-origin:92.53% 50% !important;clip-path:inset(11.24% 1.68% 11.24% 20.8%) !important;}}
@media (max-width:899.98px){img[data-bm="start:employer-1280.webp:1"]{object-position:50% 93.21% !important;}}
@media (min-width:900px){img[data-bm="start:curt-sessel.webp:1"]{object-position:59.7% 40% !important;}}
@media (max-width:899.98px){img[data-bm="start:curt-sessel.webp:1"]{object-position:59.7% 40% !important;}}
@media (min-width:900px){img[data-bm="start:curt-sessel.webp:2"]{object-position:50% 43.26% !important;}}
@media (max-width:899.98px){img[data-bm="start:curt-sessel.webp:2"]{object-position:50% 43.26% !important;}}
@media (min-width:900px){img[data-bm="interne-kommunikation:eb-buero.webp:1"]{object-position:28.73% 40% !important;scale:1.53 !important;transform-origin:24.89% 49.23% !important;clip-path:inset(17.05% 26.02% 17.59% 8.62%) !important;}}
@media (max-width:899.98px){img[data-bm="interne-kommunikation:eb-buero.webp:1"]{object-position:28.73% 40% !important;}}
@media (min-width:900px){img[data-bm="interne-kommunikation:ik-gf.webp:1"]{object-position:50% 6.15% !important;scale:1.15 !important;transform-origin:1.24% 21.76% !important;clip-path:inset(2.84% 12.88% 10.21% 0.16%) !important;}}
@media (max-width:899.98px){img[data-bm="interne-kommunikation:ik-gf.webp:1"]{object-position:50% 6.15% !important;}}
@media (min-width:900px){img[data-bm="interne-kommunikation:ik-vpod.webp:1"]{object-position:50% 40% !important;}}
@media (max-width:899.98px){img[data-bm="interne-kommunikation:ik-vpod.webp:1"]{object-position:50% 40% !important;}}
@media (min-width:900px){img[data-bm="interne-kommunikation:re-hero-studio.webp:1"]{object-position:50% 40% !important;}}
@media (max-width:899.98px){img[data-bm="interne-kommunikation:re-hero-studio.webp:1"]{object-position:50% 40% !important;}}
@media (min-width:900px){img[data-bm="interne-kommunikation:curt-sessel.webp:1"]{object-position:50% 40% !important;}}
@media (max-width:899.98px){img[data-bm="interne-kommunikation:curt-sessel.webp:1"]{object-position:50% 40% !important;}}
@media (min-width:900px){img[data-bm="interne-kommunikation:eb-buero.webp:2"]{object-position:50% 40% !important;}}
@media (max-width:899.98px){img[data-bm="interne-kommunikation:eb-buero.webp:2"]{object-position:50% 40% !important;}}
@media (min-width:900px){img[data-bm="interne-kommunikation:curt-sessel.webp:2"]{object-position:74.53% 40% !important;}}
@media (max-width:899.98px){img[data-bm="interne-kommunikation:curt-sessel.webp:2"]{object-position:74.53% 40% !important;}}
@media (min-width:900px){img[data-bm="interne-kommunikation:eb-buero.webp:3"]{object-position:92.9% 40% !important;scale:1.26 !important;transform-origin:90.93% 73.41% !important;clip-path:inset(15.15% 1.87% 5.49% 18.76%) !important;}}
@media (max-width:899.98px){img[data-bm="interne-kommunikation:eb-buero.webp:3"]{object-position:92.9% 40% !important;}}
@media (min-width:900px){img[data-bm="expertenpositionierung:kz-anwalt.webp:1"]{object-position:50% 40% !important;scale:1.79 !important;transform-origin:47.44% 6.93% !important;clip-path:inset(3.06% 23.2% 41.08% 20.94%) !important;}}
@media (max-width:899.98px){img[data-bm="expertenpositionierung:kz-anwalt.webp:1"]{object-position:50% 40% !important;}}
@media (min-width:900px){img[data-bm="expertenpositionierung:re-chr-berater.webp:1"]{object-position:50% 40% !important;}}
@media (max-width:899.98px){img[data-bm="expertenpositionierung:re-chr-berater.webp:1"]{object-position:50% 40% !important;}}
@media (min-width:900px){img[data-bm="expertenpositionierung:kz-steuer.webp:1"]{object-position:50% 40% !important;}}
@media (max-width:899.98px){img[data-bm="expertenpositionierung:kz-steuer.webp:1"]{object-position:50% 40% !important;}}
@media (min-width:900px){img[data-bm="expertenpositionierung:ep-web.webp:1"]{object-position:50% 19.68% !important;scale:1.87 !important;transform-origin:59.45% 37.3% !important;clip-path:inset(17.35% 18.87% 29.17% 27.66%) !important;}}
@media (max-width:899.98px){img[data-bm="expertenpositionierung:ep-web.webp:1"]{object-position:50% 19.68% !important;}}
@media (min-width:900px){img[data-bm="expertenpositionierung:kz-anwalt.webp:2"]{object-position:50% 47.37% !important;scale:1.21 !important;transform-origin:0% 36.98% !important;clip-path:inset(6.42% 17.36% 10.94% 0%) !important;}}
@media (max-width:899.98px){img[data-bm="expertenpositionierung:kz-anwalt.webp:2"]{object-position:50% 47.37% !important;}}
@media (min-width:900px){img[data-bm="expertenpositionierung:kz-anwalt.webp:3"]{object-position:50% 40% !important;}}
@media (max-width:899.98px){img[data-bm="expertenpositionierung:kz-anwalt.webp:3"]{object-position:50% 40% !important;}}
@media (min-width:900px){img[data-bm="expertenpositionierung:kz-anwalt.webp:4"]{object-position:50% 40% !important;}}
@media (max-width:899.98px){img[data-bm="expertenpositionierung:kz-anwalt.webp:4"]{object-position:50% 40% !important;}}
@media (min-width:900px){img[data-bm="expertenpositionierung:kz-steuer.webp:2"]{object-position:50% 40% !important;}}
@media (max-width:899.98px){img[data-bm="expertenpositionierung:kz-steuer.webp:2"]{object-position:50% 40% !important;}}
@media (min-width:900px){img[data-bm="expertenpositionierung:podcast-900.webp:1"]{object-position:50% 98.01% !important;}}
@media (max-width:899.98px){img[data-bm="expertenpositionierung:podcast-900.webp:1"]{object-position:50% 98.01% !important;}}
@media (min-width:900px){img[data-bm="expertenpositionierung:re-pau-web.webp:1"]{object-position:42.13% 40% !important;}}
@media (max-width:899.98px){img[data-bm="expertenpositionierung:re-pau-web.webp:1"]{object-position:42.13% 40% !important;}}
@media (min-width:900px){img[data-bm="expertenpositionierung:curt-sessel.webp:1"]{object-position:80.72% 40% !important;}}
@media (max-width:899.98px){img[data-bm="expertenpositionierung:curt-sessel.webp:1"]{object-position:80.72% 40% !important;}}
@media (min-width:900px){img[data-bm="employer-branding:eb-azubi.webp:1"]{object-position:59.48% 40% !important;}}
@media (max-width:899.98px){img[data-bm="employer-branding:eb-azubi.webp:1"]{object-position:59.48% 40% !important;}}
@media (min-width:900px){img[data-bm="employer-branding:eb-vertrieb.webp:1"]{object-position:70.8% 40% !important;}}
@media (max-width:899.98px){img[data-bm="employer-branding:eb-vertrieb.webp:1"]{object-position:70.8% 40% !important;}}
@media (min-width:900px){img[data-bm="employer-branding:eb-ing.webp:1"]{object-position:56.86% 40% !important;}}
@media (max-width:899.98px){img[data-bm="employer-branding:eb-ing.webp:1"]{object-position:56.86% 40% !important;}}
@media (min-width:900px){img[data-bm="employer-branding:eb-service.webp:1"]{object-position:44.25% 40% !important;}}
@media (max-width:899.98px){img[data-bm="employer-branding:eb-service.webp:1"]{object-position:44.25% 40% !important;}}
@media (min-width:900px){img[data-bm="employer-branding:re-chr-eb.webp:1"]{object-position:39.42% 8% !important;}}
@media (max-width:899.98px){img[data-bm="employer-branding:re-chr-eb.webp:1"]{object-position:39.42% 8% !important;}}
@media (min-width:900px){img[data-bm="employer-branding:eb-mech.webp:1"]{object-position:48.37% 40% !important;}}
@media (max-width:899.98px){img[data-bm="employer-branding:eb-mech.webp:1"]{object-position:48.37% 40% !important;}}
@media (min-width:900px){img[data-bm="employer-branding:eb-mech.webp:2"]{object-position:50% 53.77% !important;scale:1.99 !important;transform-origin:44.01% 55.73% !important;clip-path:inset(27.72% 27.85% 22.02% 21.89%) !important;}}
@media (max-width:899.98px){img[data-bm="employer-branding:eb-mech.webp:2"]{object-position:50% 53.77% !important;}}
@media (min-width:900px){img[data-bm="employer-branding:eb-bts.webp:1"]{object-position:50% 40% !important;}}
@media (max-width:899.98px){img[data-bm="employer-branding:eb-bts.webp:1"]{object-position:50% 40% !important;}}
@media (min-width:900px){img[data-bm="employer-branding:eb-vertrieb.webp:3"]{object-position:50% 40% !important;}}
@media (max-width:899.98px){img[data-bm="employer-branding:eb-vertrieb.webp:3"]{object-position:50% 40% !important;}}
@media (min-width:900px){img[data-bm="employer-branding:eb-werkstatt.webp:1"]{object-position:48.92% 40% !important;scale:1.76 !important;transform-origin:50% 95.61% !important;clip-path:inset(41.29% 21.59% 1.9% 21.59%) !important;}}
@media (max-width:899.98px){img[data-bm="employer-branding:eb-werkstatt.webp:1"]{object-position:48.92% 40% !important;}}
@media (min-width:900px){img[data-bm="employer-branding:eb-pause.webp:2"]{object-position:91.06% 40% !important;scale:1.44 !important;transform-origin:50% 45.98% !important;clip-path:inset(14.05% 15.28% 16.51% 15.28%) !important;}}
@media (max-width:899.98px){img[data-bm="employer-branding:eb-pause.webp:2"]{object-position:91.06% 40% !important;}}
@media (min-width:900px){img[data-bm="employer-branding:eb-service.webp:3"]{object-position:50% 40.31% !important;}}
@media (max-width:899.98px){img[data-bm="employer-branding:eb-service.webp:3"]{object-position:50% 40.31% !important;}}
@media (min-width:900px){img[data-bm="employer-branding:eb-azubi.webp:2"]{object-position:42.37% 40% !important;}}
@media (max-width:899.98px){img[data-bm="employer-branding:eb-azubi.webp:2"]{object-position:42.37% 40% !important;}}
@media (min-width:900px){img[data-bm="employer-branding:eb-ing.webp:2"]{object-position:50.27% 40% !important;scale:1.17 !important;transform-origin:50% 20.53% !important;clip-path:inset(2.98% 7.26% 11.55% 7.26%) !important;}}
@media (max-width:899.98px){img[data-bm="employer-branding:eb-ing.webp:2"]{object-position:50.27% 40% !important;}}
@media (min-width:900px){img[data-bm="employer-branding:curt-sessel.webp:1"]{object-position:50% 40% !important;}}
@media (max-width:899.98px){img[data-bm="employer-branding:curt-sessel.webp:1"]{object-position:50% 40% !important;}}
@media (min-width:900px){img[data-bm="employer-branding:eb-vertrieb.webp:4"]{object-position:50% 40% !important;}}
@media (max-width:899.98px){img[data-bm="employer-branding:eb-vertrieb.webp:4"]{object-position:50% 40% !important;}}
@media (min-width:900px){img[data-bm="employer-branding:eb-kfm.webp:1"]{object-position:50% 62.73% !important;}}
@media (max-width:899.98px){img[data-bm="employer-branding:eb-kfm.webp:1"]{object-position:50% 62.73% !important;}}
@media (min-width:900px){img[data-bm="employer-branding:curt-sessel.webp:2"]{object-position:75.77% 40% !important;}}
@media (max-width:899.98px){img[data-bm="employer-branding:curt-sessel.webp:2"]{object-position:75.77% 40% !important;}}
@media (min-width:900px){img[data-bm="unternehmensauftritt:ua-empfang.webp:1"]{object-position:42.46% 40% !important;}}
@media (max-width:899.98px){img[data-bm="unternehmensauftritt:ua-empfang.webp:1"]{object-position:42.46% 40% !important;}}
@media (min-width:900px){img[data-bm="unternehmensauftritt:ua-gf.webp:1"]{object-position:50% 8.52% !important;scale:1.42 !important;transform-origin:63.42% 17.47% !important;clip-path:inset(5.17% 10.82% 24.41% 18.76%) !important;}}
@media (max-width:899.98px){img[data-bm="unternehmensauftritt:ua-gf.webp:1"]{object-position:50% 8.52% !important;}}
@media (min-width:900px){img[data-bm="unternehmensauftritt:curt-sessel.webp:1"]{object-position:50% 40% !important;}}
@media (max-width:899.98px){img[data-bm="unternehmensauftritt:curt-sessel.webp:1"]{object-position:50% 40% !important;}}
@media (min-width:900px){img[data-bm="unternehmensauftritt:ua-gf.webp:2"]{object-position:50% 40% !important;}}
@media (max-width:899.98px){img[data-bm="unternehmensauftritt:ua-gf.webp:2"]{object-position:50% 40% !important;}}
@media (min-width:900px){img[data-bm="unternehmensauftritt:re-pau-set.webp:1"]{object-position:50% 52.79% !important;}}
@media (max-width:899.98px){img[data-bm="unternehmensauftritt:re-pau-set.webp:1"]{object-position:50% 52.79% !important;}}
@media (min-width:900px){img[data-bm="unternehmensauftritt:curt-sessel.webp:2"]{object-position:70.12% 40% !important;}}
@media (max-width:899.98px){img[data-bm="unternehmensauftritt:curt-sessel.webp:2"]{object-position:70.12% 40% !important;}}
@media (min-width:900px){img[data-bm="events-und-messen:curt-sessel.webp:1"]{object-position:50% 40% !important;}}
@media (max-width:899.98px){img[data-bm="events-und-messen:curt-sessel.webp:1"]{object-position:50% 40% !important;}}
@media (min-width:900px){img[data-bm="events-und-messen:ev-interview.webp:1"]{object-position:50% 40% !important;}}
@media (max-width:899.98px){img[data-bm="events-und-messen:ev-interview.webp:1"]{object-position:50% 40% !important;}}
@media (min-width:900px){img[data-bm="events-und-messen:curt-sessel.webp:2"]{object-position:71.4% 40% !important;}}
@media (max-width:899.98px){img[data-bm="events-und-messen:curt-sessel.webp:2"]{object-position:71.4% 40% !important;}}