/* =========================================================
   SkyXTalente – Landingpage (Lime/Schwarz)
   Farben aus der Referenz gemessen, Schriften: Outfit + Inter
   ========================================================= */
:root{
  --orange:#c2f300;
  --orange-2:#cdff05;
  --orange-3:#99bf00;
  --orange-dark:#7a9900;
  --ink:#050505;
  --text:#0b0b0b;
  --gray-bg:#f6f6f6;
  --line:#e8e8e8;
  --head:'Outfit',system-ui,-apple-system,sans-serif;
  --body:'Inter',system-ui,-apple-system,sans-serif;
  --logo:'Archivo','Inter',sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
  --container:1240px;
  --gutter:24px;
  --header-h:96px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--body);font-size:16px;line-height:1.55;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
section[id],main [id]{scroll-margin-top:80px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.container{width:100%;max-width:calc(var(--container) + var(--gutter)*2);margin:0 auto;padding:0 var(--gutter)}
.center{text-align:center}
body.menu-open{overflow:hidden}
main,.site-footer{overflow-x:clip}

/* ---------- Typografie ---------- */
.h-hero,.h-section,.h-card,.h-year,.testi-quote{font-family:var(--head);font-weight:800;text-transform:uppercase;letter-spacing:-.012em}
.h-hero{position:relative;font-size:clamp(34px,4.45vw,64px);line-height:1.02}
.h-section{font-size:clamp(28px,3.25vw,47px);line-height:1.08}
.h-card{font-size:clamp(21px,1.8vw,26px);line-height:1.1}
.text-dark,.text-gray,.text-beige,.text-orange{-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.text-dark{background-image:linear-gradient(180deg,#000 0%,#2b2b2b 100%)}
.text-gray{background-image:linear-gradient(180deg,#333 0%,#6a6a6a 100%)}
.text-beige{background-image:linear-gradient(100deg,#999999 0%,#bfbfbf 30%,#e9e9e9 52%,#c0c0c0 72%,#a8a8a8 100%);background-size:220% 100%;background-position:0 0}
.text-orange{background-image:linear-gradient(180deg,#cdff07 0%,#add800 100%)}
.shimmer,.h-hero.split-done,.faq-title{animation:shimmer 7s ease-in-out infinite}
@keyframes shimmer{0%,100%{background-position:0 0}50%{background-position:100% 0}}
.section-head{text-align:center;margin-bottom:70px}
.section-sub{font-size:16px;margin-top:20px;color:#111}

/* ---------- Buttons ---------- */
.btn-primary{position:relative;display:inline-flex;align-items:center;gap:16px;height:50px;padding:0 5px 0 24px;border-radius:999px;color:#fff;font:600 14.5px/1 var(--body);white-space:nowrap;overflow:hidden;isolation:isolate;
  background:linear-gradient(90deg,#cdff05 0%,#bded00 50%,#99bf00 100%);
  box-shadow:0 12px 32px -8px rgba(205,255,5,.7),inset 0 1px 0 rgba(255,255,255,.4),inset 0 0 0 1px rgba(224,255,101,.35);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.btn-primary::before{content:"";position:absolute;inset:0 auto 0 -60%;width:45%;z-index:-1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:sweep 4s 1.5s infinite}
@keyframes sweep{0%{left:-60%}30%,100%{left:130%}}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px -8px rgba(205,255,5,.85),inset 0 1px 0 rgba(255,255,255,.45),inset 0 0 0 1px rgba(224,255,101,.5)}
.btn-arrow{width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:0 0 auto;transition:transform .35s var(--ease)}
.btn-arrow svg{width:18px;height:18px;fill:none;stroke:var(--orange);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.btn-primary:hover .btn-arrow{transform:translateX(3px) rotate(-12deg)}
.btn-pulse{animation:btnPulse 2.6s ease-in-out infinite}
@keyframes btnPulse{0%,100%{box-shadow:0 12px 32px -8px rgba(205,255,5,.7),0 0 0 0 rgba(205,255,5,.45),inset 0 1px 0 rgba(255,255,255,.4)}50%{box-shadow:0 12px 32px -8px rgba(205,255,5,.7),0 0 0 14px rgba(205,255,5,0),inset 0 1px 0 rgba(255,255,255,.4)}}
.btn-outline{display:inline-flex;align-items:center;height:42px;padding:0 24px;border-radius:999px;border:1.5px solid #8db000;background:rgba(20,20,20,.35);color:#fff;font-size:14px;transition:background .3s,border-color .3s,box-shadow .3s}
.btn-outline:hover{background:rgba(194,243,0,.16);border-color:var(--orange);box-shadow:0 0 22px -4px rgba(194,243,0,.6)}

/* ---------- Scroll-Fortschritt ---------- */
.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:120;pointer-events:none}
.scroll-progress span{display:block;height:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#d6ff32,var(--orange),#97bc00)}

/* ---------- Header ---------- */
.site-header{position:fixed;inset:0 0 auto;z-index:100;height:var(--header-h);transition:height .4s var(--ease),background .4s,box-shadow .4s,backdrop-filter .4s}
.site-header.scrolled{height:72px;background:rgba(7,7,7,.72);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:0 1px 0 rgba(255,255,255,.06),0 10px 30px -10px rgba(0,0,0,.5)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{font-family:var(--head);font-weight:800;font-size:26px;letter-spacing:-.035em;color:#fff}
.brand-x{color:var(--orange)}
.main-nav{display:flex;align-items:center;gap:38px;font-size:15.5px;color:#ececec}
.main-nav > a:not(.btn-outline){position:relative;padding:6px 0}
.main-nav > a:not(.btn-outline)::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;border-radius:2px;background:var(--orange);transition:right .35s var(--ease)}
.main-nav > a:not(.btn-outline):hover::after{right:0}
.main-nav .btn-outline{margin-left:2px}
.badge-new{display:inline-block;font:700 9.5px/1 var(--body);background:var(--orange);color:#fff;padding:3px 5px;border-radius:3px;margin-left:5px;vertical-align:2px;animation:newGlow 2.2s ease-in-out infinite}
@keyframes newGlow{50%{box-shadow:0 0 14px 2px rgba(194,243,0,.75)}}
.burger{display:none;width:46px;height:46px;border-radius:14px;border:1px solid rgba(217,255,66,.35);background:rgba(15,15,15,.4);flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative;z-index:130}
.burger span{display:block;width:20px;height:2px;border-radius:2px;background:#fff;transition:transform .35s var(--ease),opacity .25s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-start;justify-content:center;padding:118px 24px 40px;overflow-y:auto;
  background:radial-gradient(120% 80% at 0% 0%,rgba(54,54,54,.97),rgba(10,10,10,.98) 55%,rgba(5,5,5,.99));opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.mobile-menu.open{opacity:1;visibility:visible}
.mobile-menu nav{display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:100%;max-width:420px}
.mobile-menu nav a:not(.btn-primary){font-family:var(--head);font-weight:800;font-size:22px;text-transform:uppercase;color:#ebebeb;letter-spacing:-.01em}
.mobile-menu nav > *{opacity:0;transform:translateY(20px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.mobile-menu.open nav > *{opacity:1;transform:none}
.mobile-menu.open nav > *:nth-child(2){transition-delay:.06s}.mobile-menu.open nav > *:nth-child(3){transition-delay:.12s}.mobile-menu.open nav > *:nth-child(4){transition-delay:.18s}.mobile-menu.open nav > *:nth-child(5){transition-delay:.24s}.mobile-menu.open nav > *:nth-child(6){transition-delay:.3s}.mobile-menu.open nav > *:nth-child(7){transition-delay:.36s}.mobile-menu nav .btn-primary{margin-top:14px}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;color:#fff;min-height:0;padding-top:calc(var(--header-h) + 116px);
  background:
    radial-gradient(80% 60% at 8% 0%,rgba(65,65,65,.95) 0%,rgba(54,54,54,.55) 35%,transparent 70%),
    radial-gradient(60% 50% at 85% 10%,rgba(64,64,64,.55) 0%,transparent 70%),
    linear-gradient(180deg,#2f2f2f 0%,#202020 30%,#0f0f0f 58%,#040404 78%,#050505 100%)}
.hero-rays{position:absolute;inset:0 0 40%;pointer-events:none;opacity:.55;
  background:repeating-linear-gradient(90deg,transparent 0 90px,rgba(228,255,119,.05) 90px 92px,transparent 92px 170px,rgba(228,255,119,.035) 170px 176px);
  -webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent);animation:rays 14s ease-in-out infinite alternate}
@keyframes rays{to{transform:translateX(-60px)}}
.hero-floor{position:absolute;left:-30%;right:-30%;bottom:-6%;height:300px;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:70px 70px;
  transform:perspective(520px) rotateX(64deg);transform-origin:50% 100%;animation:floor 7s linear infinite;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 45%,#000 80%,transparent);mask-image:linear-gradient(180deg,transparent,#000 45%,#000 80%,transparent)}
@keyframes floor{to{background-position:0 70px}}
.hero-inner{position:static}
.hero-copy{max-width:min(660px,52vw);position:relative;z-index:3;padding-bottom:120px}
.hero-tag,.hero-seals{display:none!important}
.hero-tag{display:inline-block;font-size:13.5px;color:#e7e7e7;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);padding:7px 10px;border-radius:6px;margin-bottom:22px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.h-hero .ln{display:block;white-space:nowrap}
.h-hero .w{display:inline-block;opacity:0;transform:translateY(32px);filter:blur(8px);animation:wordIn .9s var(--ease) forwards;animation-delay:var(--wd,0s);
  background-image:inherit;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent}
.h-hero.split-done .w{animation:none;opacity:1;transform:none;filter:none;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:inherit}
@keyframes wordIn{to{opacity:1;transform:none;filter:none}}
.hero-sub{font-size:clamp(16px,1.3vw,19px);line-height:1.5;color:#eeeeee;max-width:520px;margin:30px 0 30px}
.hero-proof{display:flex;align-items:center;gap:12px;margin-top:34px;font-size:15.5px;color:#ebebeb}
.hero-proof b{font-weight:500}
.avatar-stack{display:flex}
.avatar-stack img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #161616;margin-left:-10px;background:#4e4e4e}
.avatar-stack img:first-child{margin-left:0}
.proof-arrow{width:16px;height:16px;fill:none;stroke:#ebebeb;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hero-seals{display:flex;align-items:center;gap:26px;margin-top:36px}
.seal{width:64px;height:64px;position:relative;transition:transform .4s var(--ease)}
.seal svg{width:100%;height:100%}
.seal:hover{transform:rotate(-8deg) scale(1.06)}
.seal-orange span{position:absolute;inset:0;display:none}
.seal-orange .burst{transform-box:fill-box;transform-origin:50% 50%;animation:spinSlow 30s linear infinite}
@keyframes spinSlow{to{transform:rotate(360deg)}}
.seal-check{width:70px;height:70px}

.hero-visual{position:absolute;z-index:1;top:auto;bottom:calc(min(800px,55.5vw) * -.0925);right:max(0px,calc((100vw - 1440px)/2));width:min(800px,55.5vw);aspect-ratio:1/1}
@media (min-width:981px){.hero-visual .glass-card{display:none}}
.hero-founders{position:absolute;left:0;top:0;width:100%;height:auto;
  filter:drop-shadow(0 30px 60px rgba(0,0,0,.45));
  -webkit-mask-image:linear-gradient(180deg,#000 70%,transparent 97%);mask-image:linear-gradient(180deg,#000 70%,transparent 97%);
  animation:heroIn 1.4s .2s var(--ease) both}
@keyframes heroIn{from{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:none}}
.notif{position:absolute;z-index:4;left:25%;top:7%;display:flex;align-items:center;gap:11px;padding:6px 26px 6px 6px;border-radius:999px;
  background:linear-gradient(180deg,#fff,#ebebeb);color:#111;font:600 clamp(11px,1vw,14px)/1 var(--body);text-transform:uppercase;white-space:nowrap;
  box-shadow:0 16px 34px -12px rgba(0,0,0,.7);animation:notif 7s 1.4s infinite both}
.notif-stack,.notif-stack::before{position:absolute;left:8%;right:8%;top:-9px;height:9px;border-radius:9px 9px 0 0;background:rgba(255,255,255,.22)}
.notif-stack::before{content:"";left:12%;right:12%;top:-8px;height:8px;background:rgba(255,255,255,.12)}
.notif-bell{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#d9ff40,#b6e300);box-shadow:0 0 0 3px rgba(214,255,49,.25);transform-origin:50% 10%;animation:ring 7s 1.4s infinite}
.notif-bell svg{width:15px;height:15px;fill:#fff}
@keyframes notif{0%{opacity:0;transform:translateY(-22px) scale(.94)}7%,88%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-12px)}}
@keyframes ring{8%,22%{transform:rotate(0)}11%{transform:rotate(18deg)}14%{transform:rotate(-15deg)}17%{transform:rotate(9deg)}20%{transform:rotate(-5deg)}}
.glass-card{position:absolute;z-index:3;border-radius:12px;padding:clamp(12px,1.3vw,20px) clamp(14px,1.4vw,22px);color:#ededed;
  background:linear-gradient(150deg,rgba(27,27,27,.88) 0%,rgba(8,8,8,.92) 55%,rgba(6,6,6,.95) 100%);
  border:1px solid rgba(215,255,57,.16);box-shadow:0 26px 50px -16px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.glass-card p{font-size:clamp(10.5px,.95vw,13.5px);line-height:1.75;text-transform:uppercase;letter-spacing:.02em;margin-top:8px}
.gc-big{font-family:var(--head);font-weight:700;font-size:clamp(22px,2.3vw,33px);line-height:1;color:#d0ff14;background:linear-gradient(180deg,#d3ff25,#b8e600);-webkit-background-clip:text;background-clip:text;color:transparent}
.card-rate{left:68.4%;top:3.5%;width:25.5%}
.card-filled{left:4.4%;top:42.6%;width:22.2%}
.card-costs{left:72.7%;top:32.4%;width:27.5%;padding-bottom:0;overflow:hidden}
.card-costs p{margin-top:0}
.gc-user{position:absolute;right:18px;top:18px;width:clamp(18px,1.9vw,28px);height:auto;fill:#bdbdbd;opacity:.85}
.gc-dollar{display:grid;place-items:center;width:clamp(22px,2.1vw,30px);height:clamp(22px,2.1vw,30px);border-radius:50%;background:radial-gradient(circle at 35% 30%,#f2f2f2,#bdbdbd);color:#1d1d1d;font:800 clamp(12px,1.1vw,16px)/1 var(--body);margin:10px 0 0 26%;position:relative;z-index:2;box-shadow:0 4px 10px rgba(0,0,0,.4)}
.gc-chart{display:block;width:calc(100% + 2*clamp(14px,1.4vw,22px));margin:-12px calc(-1*clamp(14px,1.4vw,22px)) 0;height:clamp(46px,5vw,72px)}
.gc-chart .draw{stroke-dasharray:420;stroke-dashoffset:420}
.card-costs.is-in .draw{animation:draw 2.4s .5s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.glass-card.is-in{animation:bob 6s ease-in-out infinite;animation-delay:calc(var(--d,0s) + 1s)}
.card-filled.is-in{animation-duration:7s}.card-costs.is-in{animation-duration:6.6s}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -10px}}

/* ---------- Sektionen allgemein ---------- */
.section{position:relative;padding:105px 0}
.section-white{background:#fff}
.section-gray{background:var(--gray-bg)}
.section-black{background:var(--ink);color:#fff}
.section-photo{color:#fff;overflow:hidden;background:#050505}
.photo-bg{position:absolute;inset:-12% 0;background-size:cover;background-position:center;will-change:transform;filter:grayscale(1) contrast(1.08) brightness(.88)}
.photo-bg::after{content:"";position:absolute;inset:0}
.section-photo > .container{position:relative;z-index:1}

/* ---------- Logos + Karte ---------- */
.logos-section{padding:100px 0 95px}
.logos-section .section-head{margin-bottom:85px}
.logos-layout{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,.68fr);gap:60px;align-items:center}
.logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:12px}
.logo-grid li{height:72px;display:flex;align-items:center;justify-content:center}
.logo-grid li.clone{display:none}
.lg{display:inline-flex;align-items:center;gap:8px;font-family:var(--logo);line-height:1;white-space:nowrap;color:#333;transition:transform .35s var(--ease),filter .35s}
.logo-grid li:hover .lg{transform:scale(1.07)}
.lg small{font-family:var(--body)}
.lg-nordwerk{flex-direction:column;align-items:flex-start;gap:0;background:#1d2b55;padding:7px 11px 6px;border-radius:2px}
.lg-nordwerk b{display:flex;align-items:center;gap:4px;color:#fff;font:800 18px/1 var(--logo)}
.lg-nordwerk b svg{width:17px;height:12px}
.lg-nordwerk small{color:#f5c400;font-size:6.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-top:3px}
.lg-kraft{font-weight:800;font-size:25px;letter-spacing:.02em;color:#2f2f2f;font-stretch:96%}
.lg-kraft i{font-style:normal;display:grid;place-items:center;width:27px;height:27px;border:2.5px solid #2f4c6e;color:#2f4c6e;font-size:15px;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3.5px #2f4c6e}
.lg-gastro{gap:6px}
.lg-gastro i{position:relative;width:22px;height:22px;border-left:4px solid #d32f2f;border-top:4px solid #d32f2f;border-bottom:2px solid #9a9a9a;align-self:flex-start;margin-top:2px}
.lg-gastro i em{position:absolute;right:-6px;top:-10px;width:5px;height:5px;background:#d32f2f}
.lg-gastro > span{font:400 18px/1 var(--body);color:#555;display:flex;flex-direction:column}
.lg-gastro > span > span{white-space:nowrap}
.lg-gastro > span b{font-weight:400}
.lg-gastro small{font-size:8.5px;color:#888;margin-top:4px;text-align:center}
.lg-stahl{font-weight:700;font-size:11.5px;letter-spacing:.02em;color:#2d8a2d}
.lg-stahl i{width:32px;height:32px;border-radius:50%;flex:0 0 auto;background:radial-gradient(circle at 35% 30%,#a6e0ef,#2b8fb0 45%,#1b6e57 75%,#0f4733)}
.lg-agrar{gap:5px;font-size:18px;font-stretch:92%}
.lg-agrar i{width:12px;height:12px;background:#1a9a3a}
.lg-agrar b{font-weight:700;color:#1a9a3a}
.lg-agrar em{font-style:normal;font-weight:500;color:#d6402f;border-left:2px solid #d6402f;padding-left:5px;height:22px;display:flex;align-items:center}
.lg-vtm svg{width:54px;height:54px}
.lg-mittel{flex-direction:column;align-items:flex-end;gap:2px}
.lg-mittel i{align-self:stretch;display:flex;gap:5px;align-items:center;border-bottom:1.5px solid #666;padding-bottom:3px;margin-bottom:-6px;position:relative;top:-4px}
.lg-mittel i em{width:7px;height:7px;border-radius:50%;background:#c62828}
.lg-mittel b{font:400 28px/1 var(--body);letter-spacing:.01em;color:#2c3e66}
.lg-mittel small{font-size:7.5px;color:#555}
.lg-herz svg{width:140px;height:50px}
.lg-pfanner{gap:6px}
.lg-pfanner i{font:italic 900 22px/1 var(--logo);color:#fff;background:linear-gradient(135deg,#55a08f,#2f5f56);padding:7px 5px;transform:skewX(-10deg);letter-spacing:-2px}
.lg-pfanner b{display:flex;flex-direction:column;font:italic 900 25px/.95 var(--logo);font-stretch:110%;color:#1e1e1e}
.lg-pfanner b small{font:italic 800 13.5px/1.1 var(--logo);letter-spacing:.02em}
.lg-lumex{font:400 28px/1 var(--body);letter-spacing:.03em;color:#3d3d3d;gap:4px}
.lg-lumex svg{width:24px;height:30px}
.lg-lumex i{font-style:normal;color:#9bc7d6;letter-spacing:-3px;font-size:26px}
.lg-eks{font:italic 900 46px/1 var(--logo);color:#1e4fb5;letter-spacing:-.02em;border-bottom:6px solid #e53935;padding-bottom:1px}
.lg-hk{font:800 54px/1 var(--logo);color:#222;letter-spacing:-.03em}
.lg-tke{font:italic 900 48px/1 var(--logo);font-stretch:118%;color:#e01d1d;letter-spacing:-.04em}
.lg-alpen{gap:8px}
.lg-alpen b{font:900 36px/1 var(--logo);color:#111;letter-spacing:-.02em}
.lg-alpen b i{font-style:normal;color:#bdec00;margin:0 1px}
.lg-alpen small{font:800 12.5px/1.05 var(--logo);color:#111}
.lg-brenner{width:52px;height:56px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:1px;padding:5px;background:linear-gradient(180deg,#c5c5c5,#8e8e8e);color:#fff;position:relative}
.lg-brenner i{position:absolute;left:7px;top:6px;width:3px;height:22px;background:#fff}
.lg-brenner b{font:700 10.5px/1 var(--body);color:#fff}
.lg-brenner small{font-size:4.5px;letter-spacing:.08em}
.lg-pintec{flex-direction:column;align-items:flex-end;gap:2px}
.lg-pintec b{font:400 44px/1 var(--body);letter-spacing:-.02em;color:#111}
.lg-pintec small{font-size:9px;letter-spacing:.2em;color:#111}
.lg-holb{font:900 33px/1 var(--logo);font-stretch:72%;color:#111;letter-spacing:.01em;gap:6px}
.lg-holb i{font-style:normal;display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#111;color:#fff;font-size:16px;font-stretch:100%;box-shadow:inset 0 0 0 3px #111,inset 0 0 0 5px #fff}
.lg-wendler{gap:10px}
.lg-wendler svg{width:40px;height:30px}
.lg-wendler b{display:flex;flex-direction:column;font:500 26px/1 var(--logo);letter-spacing:.14em;color:#333}
.lg-wendler b small{font-size:9.5px;letter-spacing:.42em;margin-top:5px}
.lg-sm{transform-origin:left center;transform:scale(.82)}
.map-wrap{position:relative;max-width:400px;justify-self:center;width:100%}
.map-wrap img{width:100%;height:auto;mix-blend-mode:multiply}
.pins{position:absolute;inset:0}
.pin{position:absolute;width:16px;height:30px;margin:-30px 0 0 -3px;opacity:0;transform:translateY(-40px);pointer-events:none}
.pin::before{content:"";position:absolute;left:0;top:0;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#deff5b 0%,#ceff0a 35%,#b6e300 70%,#97bc00 100%);box-shadow:0 2px 4px rgba(0,0,0,.35)}
.pin::after{content:"";position:absolute;left:6px;top:13px;width:2px;height:17px;background:linear-gradient(#cfcfcf,#8a8a8a);transform:rotate(12deg);transform-origin:top}
.pin i{position:absolute;left:-6px;bottom:-6px;width:14px;height:6px;border-radius:50%;background:rgba(194,243,0,.55);opacity:0}
.map-wrap.is-in .pin{animation:pinDrop .8s var(--ease) forwards;animation-delay:var(--pd)}
.map-wrap.is-in .pin i{animation:pinRipple 2.6s ease-out infinite;animation-delay:calc(var(--pd) + .8s)}
@keyframes pinDrop{0%{opacity:0;transform:translateY(-40px)}60%{opacity:1;transform:translateY(3px)}80%{transform:translateY(-3px)}100%{opacity:1;transform:none}}
@keyframes pinRipple{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(2.6)}}

/* ---------- Problem ---------- */
.problem-section{padding:100px 0 190px}
.problem-section .photo-bg::after{background:linear-gradient(180deg,rgba(125,157,0,.62) 0%,rgba(53,53,53,.66) 40%,rgba(20,20,20,.86) 70%,#050505 88%)}
.problem-inner{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:60px;align-items:center}
.phone{position:relative;width:290px;height:600px;margin-left:clamp(0px,7vw,96px);border-radius:48px;padding:9px;background:#1a1a1a;box-shadow:0 0 0 2px #7a7a7a,0 0 0 4px #2a2a2a,0 40px 80px -20px rgba(0,0,0,.8)}
.phone-screen{position:absolute;inset:9px;border-radius:40px;overflow:hidden;background:radial-gradient(120% 70% at 50% 110%,#90b400 0%,#303030 40%,#1a1a1a 70%,#1d1d1d 100%)}
.phone-island{position:absolute;left:50%;top:12px;width:96px;height:28px;margin-left:-48px;border-radius:20px;background:#000}
.phone-island::after{content:"";position:absolute;right:12px;top:9px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2a3b5a,#0a0a12)}
.phone-time{position:absolute;left:28px;top:16px;font:600 13px/1 var(--body);color:#fff}
.phone-notifs{position:absolute;left:21px;right:21px;top:84px;display:flex;flex-direction:column;gap:9px}
.pn{background:rgba(236,236,236,.94);border-radius:13px;padding:7px 11px 9px;color:#111;box-shadow:0 6px 16px -8px rgba(0,0,0,.6);opacity:0;transform:translateY(-16px) scale(.96)}
.pn-head{display:flex;align-items:center;gap:5px;font-size:9.5px;color:#8a8a8a;letter-spacing:.02em;margin-bottom:6px}
.pn-head time{margin-left:auto;font-size:9.5px}
.app{width:12px;height:12px;border-radius:3px;flex:0 0 auto}
.app-mail{background:linear-gradient(180deg,#53b4ff,#1d7cf2)}
.app-wa{background:#2bd365;border-radius:50%}
.app-teams{background:#5059c9}
.app-cal{background:#fff;box-shadow:inset 0 3px 0 #ff3b30,0 0 0 1px #ddd}
.pn b{display:block;font-size:11px;line-height:1.25}
.pn p{font-size:10.4px;line-height:1.3;color:#222}
.pn-pop{transform-origin:left center;margin-right:-62px;margin-left:62px;padding:9px 13px 11px;box-shadow:0 18px 30px -10px rgba(0,0,0,.65);background:rgba(244,244,244,.98)}
.phone.is-in .pn{animation:pnIn .7s var(--ease) forwards}
.phone.is-in .pn:nth-child(1){animation-delay:.5s}.phone.is-in .pn:nth-child(2){animation-delay:.85s}.phone.is-in .pn:nth-child(3){animation-delay:1.15s}.phone.is-in .pn:nth-child(4){animation-delay:1.45s}.phone.is-in .pn:nth-child(5){animation-delay:1.75s}.phone.is-in .pn:nth-child(6){animation-delay:2.05s}
.phone.is-in .pn-pop{animation:pnIn .7s .5s var(--ease) forwards,pnFloat 5s 1.4s ease-in-out infinite}
@keyframes pnIn{to{opacity:1;transform:none}}
@keyframes pnFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
.problem-copy{max-width:610px}
.problem-copy h2{font-size:clamp(28px,2.85vw,41px);line-height:1.24;margin-bottom:34px}
.problem-copy p{font-size:16.5px;line-height:1.5;color:#f0f0f0;margin-bottom:28px}

/* ---------- Zeitstrahl ---------- */
.timeline-section{padding:100px 0 80px}
.timeline-section .section-head{margin-bottom:90px}
.timeline{position:relative}
.tl-line{position:absolute;left:50%;top:32px;bottom:0;width:2px;margin-left:-1px;background:#eeeeee;border-radius:2px}
.tl-fill{position:absolute;inset:0;transform-origin:50% 0;transform:scaleY(var(--p,0));background:linear-gradient(180deg,#c2f300,#d2ff20 50%,#c2f300);box-shadow:0 0 12px rgba(194,243,0,.7)}
.tl-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 196px minmax(0,1fr);align-items:center;min-height:420px;margin-bottom:60px}
.tl-row:last-child{margin-bottom:0}
.tl-row > .tl-media{grid-column:1;grid-row:1}
.tl-row > .tl-text{grid-column:3;grid-row:1}
.tl-row-rev > .tl-media{grid-column:3}
.tl-row-rev > .tl-text{grid-column:1}
.tl-dot{position:absolute;left:50%;top:0;width:62px;height:62px;margin-left:-31px;border-radius:50%;background:#fff;box-shadow:0 12px 26px -6px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.03);display:grid;place-items:center;z-index:2}
.tl-dot::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--orange);transition:transform .4s var(--ease)}
.tl-dot::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(194,243,0,.45)}
.tl-dot.active::before{transform:scale(1.25)}
.tl-dot.active::after{animation:dotPulse 2s ease-out infinite}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(194,243,0,.45)}100%{box-shadow:0 0 0 18px rgba(194,243,0,0)}}
.tl-media{position:relative;border-radius:20px;overflow:hidden;background:#f6f6f6;box-shadow:0 18px 40px -26px rgba(122,153,0,.45)}
.tl-media img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform 1.2s var(--ease)}
.tl-media:hover img{transform:scale(1.04)}
.tl-label{position:absolute;font:500 clamp(10px,.95vw,13.5px)/1.25 var(--body);text-transform:uppercase;color:#1b1b1b;text-align:center;letter-spacing:.01em}
.tl-label b{font:800 1.3em/1.1 var(--head);background:linear-gradient(180deg,#d1ff17,#a1ca00);-webkit-background-clip:text;background-clip:text;color:transparent}
.tl-label-a{left:1.5%;top:24%;width:24%}
.tl-label-b{right:0%;top:25%;width:24%}
.tl-label-c{left:3%;top:80%;width:36%}
.tl-label-d{left:55%;top:76%;width:43%}
.tl-label-e{left:50%;bottom:5%;transform:translateX(-50%);white-space:nowrap;color:#86a700;font-weight:700;background:rgba(255,255,255,.88);padding:6px 14px;border-radius:999px;box-shadow:0 6px 16px -8px rgba(122,153,0,.5)}
.tl-text{max-width:520px}
.tl-row:not(.tl-row-rev) .tl-text{padding-top:10px}
.h-year{font-size:clamp(26px,2.4vw,35px);line-height:1.1;color:#1c1c1c;margin-bottom:28px}
.h-year.text-orange{color:transparent}
.tl-now{display:inline-block;background:var(--orange);color:#fff;font-size:14px;line-height:1;padding:5px 10px;border-radius:2px;margin-bottom:12px;position:relative;overflow:hidden}
.tl-now::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55),transparent 70%);transform:translateX(-100%);animation:tagShine 3s 1s infinite}
@keyframes tagShine{40%,100%{transform:translateX(100%)}}
.tl-lead{font-weight:700;font-size:16px;margin-bottom:16px}
.tl-text p:not(.tl-lead){font-size:16px;line-height:1.5;color:#151515}
.tl-media.is-in{animation:floatY 7s 1s ease-in-out infinite}
@keyframes floatY{0%,100%{translate:0 0}50%{translate:0 -8px}}

/* ---------- Erfolgsgeschichten ---------- */
.cases-section{padding:110px 0 105px}
.cases-section .section-head{margin-bottom:84px}
.cases-viewport{position:relative}
.cases-track{display:flex;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;
  padding:10px max(var(--gutter),calc((100vw - var(--container))/2)) 30px;scroll-padding:0 max(var(--gutter),calc((100vw - var(--container))/2));cursor:grab;outline:none}
.cases-track::-webkit-scrollbar{display:none}
.cases-track.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.cases-track.dragging *{user-select:none;pointer-events:none}
.case-card{flex:0 0 min(528px,86vw);scroll-snap-align:start;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 0 rgba(0,0,0,.02),0 24px 50px -36px rgba(0,0,0,.35);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.case-card:hover{transform:translateY(-6px);box-shadow:0 34px 60px -30px rgba(122,153,0,.45)}
.case-top{position:relative;height:232px;overflow:hidden}
.case-photo{position:absolute;right:0;top:0;width:60%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.6) 28%,#000 55%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.6) 28%,#000 55%);transition:transform 1.2s var(--ease)}
.case-card:hover .case-photo{transform:scale(1.06)}
.case-top-copy{position:relative;z-index:1;padding:38px 0 0 40px}
.case-kpis{margin-top:24px;display:grid;gap:18px}
.case-kpis li{display:flex;align-items:center;gap:20px}
.case-kpis p{font:700 16.5px/1.2 var(--head);text-transform:uppercase;color:#111;max-width:240px}
.case-kpis em{font-style:normal;color:var(--orange)}
.tri{width:0;height:0;flex:0 0 auto;border-left:18px solid var(--orange);border-top:11px solid transparent;border-bottom:11px solid transparent;filter:drop-shadow(0 2px 3px rgba(194,243,0,.35))}
.case-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;height:58px;padding:0 20px;color:#fff;font:700 14.5px/1 var(--head);text-transform:uppercase;letter-spacing:.01em;
  background:linear-gradient(90deg,#c9fb00 0%,#afda00 45%,#7c9b00 100%);box-shadow:0 8px 18px -10px rgba(122,153,0,.8)}
.case-body{padding:42px 40px 44px}
.case-desc{font-size:15.5px;line-height:1.4;margin-bottom:34px}
.case-body h4{font-size:15.5px;font-weight:700;margin:30px 0 18px}
.case-body h4:first-of-type{margin-top:0}
.tri-list{display:grid;gap:18px}
.tri-list li{position:relative;padding-left:47px;font-size:15.5px;line-height:1.35}
.tri-list li::before{content:"";position:absolute;left:6px;top:50%;margin-top:-11px;border-left:18px solid var(--orange);border-top:11px solid transparent;border-bottom:11px solid transparent}
.cases-dots{display:flex;justify-content:center;gap:10px;margin:14px 0 40px}
.cases-dots button{width:10px;height:10px;border-radius:999px;background:#d8d8d8;transition:width .35s var(--ease),background .35s}
.cases-dots button.active{width:30px;background:var(--orange)}

/* ---------- Berufe ---------- */
.jobs-section{padding:100px 0 110px}
.jobs-section .photo-bg::after{background:linear-gradient(180deg,rgba(49,49,49,.72) 0%,rgba(51,51,51,.62) 38%,rgba(17,17,17,.86) 72%,#050505 92%)}
.jobs-section h2{margin-bottom:62px;filter:drop-shadow(0 4px 18px rgba(0,0,0,.25))}
.jobs-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:1200px;margin:0 auto}
.jobs-grid li{position:relative;aspect-ratio:232/97;border-radius:11px;overflow:hidden;isolation:isolate;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 24px -14px rgba(0,0,0,.8)}
.jobs-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .9s var(--ease)}
.jobs-grid li::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,30,60,.25),rgba(0,0,0,.45));transition:background .5s}
.jobs-grid li::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.18);border-bottom-color:transparent;pointer-events:none}
.jobs-grid span{position:absolute;inset:0;display:grid;place-items:center;padding:0 8px;text-align:center;font:700 clamp(11px,1vw,14.5px)/1.15 var(--head);text-transform:uppercase;color:#f3f3f3;letter-spacing:.01em;text-shadow:0 2px 10px rgba(0,0,0,.8);transition:transform .45s var(--ease)}
.jobs-grid li:hover img{transform:scale(1.12)}
.jobs-grid li:hover::before{background:linear-gradient(180deg,rgba(194,243,0,.55),rgba(53,53,53,.7))}
.jobs-grid li:hover span{transform:scale(1.06)}

/* ---------- Leistungen (Bento) ---------- */
.benefits-section{padding:110px 0 110px}
.benefits-section .section-head{margin-bottom:70px}
.bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;grid-template-areas:"digital brand" "prequal brand" "career photos"}
.bcard{position:relative;background:#fff;border-radius:24px;overflow:hidden;padding:40px 50px 46px;display:flex;flex-direction:column;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.bcard:hover{transform:translateY(-5px);box-shadow:0 30px 60px -36px rgba(122,153,0,.5)}
.bcard p{font-size:16px;line-height:1.1;margin-top:10px;color:#111;max-width:520px}
.b-digital{grid-area:digital;padding-bottom:22px}
.b-brand{grid-area:brand;justify-content:flex-end}
.b-prequal{grid-area:prequal;justify-content:flex-end;padding-top:20px}
.b-career{grid-area:career;justify-content:flex-end;padding-top:0}
.b-photos{grid-area:photos;justify-content:flex-end;padding-top:0}
.ads-marquee{margin:26px -50px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ads-track{display:flex;gap:16px;width:max-content;animation:marquee 34s linear infinite}
.ads-marquee:hover .ads-track{animation-play-state:paused}
.ads-track img{width:127px;height:127px;object-fit:cover;border-radius:2px;box-shadow:0 6px 14px -8px rgba(0,0,0,.4)}
@keyframes marquee{to{transform:translateX(calc(-50% - 8px))}}
@keyframes logoScroll{to{transform:translateX(-50%)}}
.brand-visual{position:relative;height:370px;margin:0 -50px 22px}
.ig-phone{position:absolute;left:50%;top:70px;width:318px;margin-left:-159px;height:330px;border-radius:44px 44px 0 0;border:7px solid #1e1e1e;border-bottom:0;background:#fff;padding:52px 20px 0;overflow:hidden;
  box-shadow:0 0 0 2px #9a9a9a,0 30px 50px -20px rgba(0,0,0,.4);-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
.ig-island{position:absolute;left:50%;top:10px;width:80px;height:24px;margin-left:-40px;border-radius:14px;background:#111}
.ig-head{display:flex;align-items:center;gap:14px}
.ig-logo svg{width:58px;height:58px}
.ig-head > div > b{font-size:11.5px;font-weight:500}
.ig-stats{display:flex;gap:18px;margin-top:6px}
.ig-stats span{display:flex;flex-direction:column;font-size:10px;line-height:1.2;color:#333}
.ig-stats span b{font-weight:600;font-size:11px}
.ig-bio{font-size:10px!important;line-height:1.35!important;color:#222!important;margin-top:14px!important}
.ig-bio span{color:#444}
.ig-link{color:#3b5ba0!important}
.ig-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.ig-btns span{font-size:10px;text-align:center;padding:7px 0;border-radius:6px;background:#efefef;color:#333}
.ig-btns .ig-follow{background:#3da5ff;color:#fff}
.ig-tabs{display:flex;justify-content:space-around;margin-top:14px;border-bottom:1px solid #eee}
.ig-tabs i{width:14px;height:14px;margin-bottom:8px;background:no-repeat center/14px}
.ig-tabs i:nth-child(1){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M9 3v18M15 3v18M3 9h18M3 15h18'/%3E%3C/svg%3E")}
.ig-tabs i:nth-child(2){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='4'/%3E%3Cpath d='M3 8h18M8 3l3 5M14 3l3 5M10 12v6l5-3z'/%3E%3C/svg%3E")}
.ig-tabs i:nth-child(3){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M6.5 20c1-3 3-4.5 5.5-4.5s4.5 1.5 5.5 4.5'/%3E%3C/svg%3E")}
.ig-tabs i.on{box-shadow:0 9px 0 -7.5px #222}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:2px}
.ig-grid img{aspect-ratio:1;object-fit:cover}
.soc{position:absolute;z-index:2;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;box-shadow:0 12px 24px -10px rgba(0,0,0,.45);animation:socFloat 5s ease-in-out infinite}
.soc svg{width:58%;height:58%}
.soc-ig{left:13%;top:24%;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%);animation-delay:-1s}
.soc-in{left:27%;top:2%;background:#0a66c2;animation-delay:-2.2s}
.soc-xing{left:43.5%;top:5%;background:#0a5d5e;animation-delay:-.6s}
.soc-k{left:59%;top:3%;background:#c7ef6a;animation-delay:-3.1s}
.soc-fb{left:72.5%;top:0%;background:#1877f2;animation-delay:-1.7s}
.soc-ss{left:77%;top:24%;background:#1c2f6e;animation-delay:-2.8s}
@keyframes socFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(4deg)}}
.prequal-img{width:calc(100% + 100px);margin:0 -50px 16px;height:200px;object-fit:cover;object-position:50% 6%;
  -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 98%);mask-image:linear-gradient(180deg,#000 55%,transparent 98%);mix-blend-mode:multiply}
.career-visual,.collage-visual{position:relative;height:440px;margin:0 -50px 22px;overflow:hidden}
.career-visual img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:60% 30%;transform:scale(1.04);transition:transform .2s linear;-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent);mask-image:linear-gradient(180deg,#000 75%,transparent)}
.collage-visual img{width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 98%);mask-image:linear-gradient(180deg,#000 62%,transparent 98%);animation:kenburns 22s ease-in-out infinite alternate}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.12) translate(-2%,-2%)}}

/* ---------- Vergleich ---------- */
.compare-section{padding:100px 0 85px}
.compare-section .section-head{margin-bottom:60px}
.compare-section h2{background-image:linear-gradient(90deg,#c2f300 0%,#b9e700 50%,#a1ca00 100%)}
.compare-scroll{border-radius:24px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:56px;scrollbar-width:thin}
.compare{width:100%;min-width:820px;border-collapse:separate;border-spacing:0;table-layout:fixed;background:#fff}
.compare th,.compare td{height:95px;text-align:center;vertical-align:middle;padding:0 10px}
.compare thead th{background:#f6f6f6;font:700 15px/1.25 var(--body)}
.compare thead th:first-child{width:20%}
.compare tbody th{text-align:left;padding-left:32px;font-weight:400;font-size:15.5px;line-height:1.3}
.compare tbody tr:nth-child(even) > *{background:#f6f6f6}
.compare tbody tr:nth-child(odd) > *{background:#fff}
.compare tbody tr.tall > *{height:120px}
.compare thead th.c-te{position:relative;background:linear-gradient(135deg,#cdff06 0%,#b1de00 45%,#7a9900 100%);box-shadow:inset 2px 0 0 #ceff0c,inset -2px 0 0 #ceff0c}
.te-logo{font:800 26px/1 var(--head);letter-spacing:-.035em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2)}
.compare td.c-te{box-shadow:inset 2px 0 0 #ceff0c,inset -2px 0 0 #ceff0c}
.compare tbody tr:last-child td.c-te{box-shadow:inset 2px 0 0 #ceff0c,inset -2px 0 0 #ceff0c,inset 0 -2px 0 #ceff0c}
.compare .cost{font-size:18px;letter-spacing:.02em}
.ic-yes,.ic-no{display:inline-block;width:32px;height:32px;border-radius:50%;vertical-align:middle;background-position:center;background-repeat:no-repeat;background-size:16px}
.ic-yes{background-color:#ceff0a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.ic-no{background-color:#000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}
.js .compare tbody tr{opacity:0;transform:translateX(-24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.js .compare tbody tr .ic-yes,.js .compare tbody tr .ic-no{transform:scale(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.js .compare-scroll.is-in tbody tr{opacity:1;transform:none}
.js .compare-scroll.is-in tbody tr .ic-yes,.js .compare-scroll.is-in tbody tr .ic-no{transform:scale(1)}
.compare-scroll.is-in thead th.c-te{animation:teGlow 3s 1.4s ease-in-out infinite}
@keyframes teGlow{50%{filter:brightness(1.12) saturate(1.1)}}

/* ---------- Testimonials ---------- */
.testi-section{padding:100px 0 80px}
.testi-section .section-head{margin-bottom:60px}
.testi-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center;background:#fff;border-radius:24px;padding:40px;margin-bottom:50px}
.testi-card:last-child{margin-bottom:0}
.testi-copy{max-width:560px}
.testi-quote{font-size:clamp(18px,1.6vw,22px);line-height:1.1;color:#111}
.testi-copy h4{font-size:15.5px;font-weight:700;margin:38px 0 22px}
.testi-copy .tri-list{gap:26px}
.video{position:relative;display:block;width:100%;aspect-ratio:550/310;border-radius:10px;overflow:hidden;background:#000}
.video img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.video:hover img{transform:scale(1.05)}
.v-play{position:absolute;left:50%;top:50%;width:108px;height:68px;margin:-34px 0 0 -54px;border-radius:7px;background:#c2f300;display:grid;place-items:center;box-shadow:0 0 0 0 rgba(194,243,0,.6);animation:playPulse 2.2s ease-out infinite;transition:transform .35s var(--ease)}
.v-play svg{width:36px;height:36px}
.video:hover .v-play{transform:scale(1.08)}
@keyframes playPulse{0%{box-shadow:0 0 0 0 rgba(194,243,0,.55)}100%{box-shadow:0 0 0 22px rgba(194,243,0,0)}}
.v-sound{position:absolute;right:16px;top:16px;width:50px;height:50px;border-radius:50%;background:rgba(15,15,15,.9);display:grid;place-items:center}
.v-sound svg{width:22px;height:22px}
.v-bar{position:absolute;left:0;right:0;bottom:0;height:30px;background:#b8e700;display:flex;align-items:center;gap:8px;padding:0 12px;color:#fff;font:600 10px/1 var(--body)}
.v-bar em{font-style:normal}
.v-bar i{flex:1;height:2px;background:rgba(255,255,255,.6);position:relative}
.v-bar i::before{content:"";position:absolute;left:0;top:-3px;width:8px;height:8px;border-radius:50%;background:#fff}
.v-bar b{letter-spacing:1px;font-size:14px}
.testi-media figcaption{font-size:16px;line-height:1.35;margin-top:22px}

/* ---------- Schritte ---------- */
.steps-section{padding:100px 0 90px}
.steps-section .section-head{margin-bottom:96px}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;text-align:center}
.step{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 8px}
.step:not(:last-child)::after{content:"";position:absolute;top:18px;left:calc(50% + 102px);right:calc(-50% + 82px);height:1px;background:linear-gradient(90deg,#c2f300,#d6ff32);transform-origin:0 50%;transform:scaleX(0);transition:transform 1s var(--ease);transition-delay:calc(var(--d,0s) + .4s)}
.step.is-in::after{transform:scaleX(1)}
.step-ic{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#d3ff23,#b0dc00 60%,#8db000);box-shadow:0 6px 16px -4px rgba(194,243,0,.7),0 0 0 4px rgba(194,243,0,.12)}
.step-ic svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.step.is-in .step-ic{animation:icPop .7s cubic-bezier(.34,1.56,.64,1) both;animation-delay:var(--d,0s)}
@keyframes icPop{from{transform:scale(0) rotate(-40deg)}to{transform:none}}
.step-no{font:700 15px/1 var(--head);text-transform:uppercase;color:var(--orange);margin:14px 0 18px}
.step h3{font-size:16.5px;font-weight:700;line-height:1.3;margin-bottom:12px}
.step p{font-size:16px;line-height:1.35;color:#151515;max-width:230px}

/* ---------- Wachstumspartner ---------- */
.partner-section{padding:0}
.partner-section .photo-bg::after{background:linear-gradient(180deg,rgba(111,138,0,.66) 0%,rgba(48,48,48,.72) 42%,rgba(18,18,18,.9) 76%,#050505 100%)}
.partner-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end;min-height:620px}
.partner-visual{align-self:end;position:relative;margin-left:-40px}
.partner-visual img{width:100%;max-width:680px;height:auto;margin-top:70px;
  -webkit-mask-image:linear-gradient(180deg,#000 74%,transparent 100%);mask-image:linear-gradient(180deg,#000 74%,transparent 100%)}
.partner-copy{align-self:center;padding:100px 0}
.partner-copy h2{font-size:clamp(28px,2.85vw,41px);line-height:1.12;margin-bottom:24px}
.partner-copy p{font-size:16px;line-height:1.5;color:#f0f0f0;margin-bottom:24px;max-width:575px}
.partner-copy .btn-primary{margin-top:14px}

/* ---------- Warum ---------- */
.why-section{padding:100px 0 80px}
.why-section .section-head{margin-bottom:70px}
.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.why-card{position:relative;border-radius:20px;border:1px solid #e6e6e6;padding:30px 30px 34px;min-height:237px;background:linear-gradient(180deg,#fff 0%,#fafafa 45%,#f3f3f3 100%);transition:transform .45s var(--ease),border-color .45s,box-shadow .45s}
.why-card:hover{transform:translateY(-8px);border-color:#ddff57;box-shadow:0 26px 50px -28px rgba(194,243,0,.55)}
.why-ic{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#d3ff23 0%,#b0dc00 55%,#81a100 100%);box-shadow:0 10px 20px -8px rgba(176,220,0,.8),inset 0 2px 0 rgba(255,255,255,.25);transition:transform .6s cubic-bezier(.34,1.56,.64,1)}
.why-ic svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.why-card:hover .why-ic{transform:rotate(-14deg) scale(1.1)}
.why-card h3{font-size:20px;font-weight:700;margin:24px 0 8px}
.why-card p{font-size:16px;line-height:1.45;color:#141414}

/* ---------- Zahlen ---------- */
.stats-section{padding:75px 0 100px}
.stats-section .photo-bg::after{background:linear-gradient(180deg,rgba(65,65,65,.55) 0%,rgba(39,39,39,.66) 45%,rgba(8,8,8,.9) 80%,#050505 100%)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:46px;text-align:center}
.stats dt{display:flex;justify-content:center;align-items:baseline;font:800 clamp(46px,4.3vw,64px)/1 var(--head);letter-spacing:-.03em}
.stats .num{background:linear-gradient(180deg,#d1ff17,#aed900);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats .sfx{color:#fff}
.stats dd{font-size:16px;margin-top:22px;color:#f4f4f4;line-height:1.3}

/* ---------- Handbuch ---------- */
.handbook-section{padding:100px 0 80px}
.handbook-section .section-head{margin-bottom:60px}
.hb-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center}
.hb-visual img{width:100%;height:auto;mix-blend-mode:multiply;filter:brightness(1.04);-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 78%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 78%,transparent 100%)}
.hb-visual.is-in img{animation:floatY 8s 1.2s ease-in-out infinite}
.hb-copy{max-width:570px}
.hb-copy > p{font-size:16px;line-height:1.5;margin-bottom:24px}
.check-list{display:grid;gap:14px;margin:34px 0 40px}
.check-list li{position:relative;padding-left:35px;font-size:16px;line-height:1.4}
.check-list li::before{content:"";position:absolute;left:0;top:50%;width:25px;height:25px;margin-top:-12.5px;border-radius:50%;background:#ceff0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 12.5l4 4L18.5 8'/%3E%3C/svg%3E") center/13px no-repeat;box-shadow:0 4px 10px -3px rgba(194,243,0,.6)}
.hb-free{font-weight:700;margin-bottom:40px!important}

/* ---------- Abschluss-CTA ---------- */
.cta-section{padding:95px 0 170px}
.cta-section .photo-bg::after{background:linear-gradient(180deg,rgba(58,58,58,.62) 0%,rgba(41,41,41,.7) 40%,rgba(11,11,11,.92) 76%,#050505 100%)}
.cta-section h2{margin-bottom:28px}
.cta-sub{font-size:16.5px;line-height:1.45;color:#f0f0f0;max-width:440px;margin:0 auto 32px}

/* ---------- FAQ ---------- */
.faq-section{padding:60px 0 70px}
.faq-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,600px);gap:60px;align-items:start}
.faq-title{font-size:clamp(30px,3.25vw,47px);line-height:1}
.faq{background:#0a0a0a;border:1px solid #1d1d1d;border-radius:6px;margin-bottom:24px;transition:border-color .35s,background .35s}
.faq:hover,.faq[open]{border-color:#202020}
.faq summary{list-style:none;cursor:pointer;position:relative;padding:28px 64px 28px 23px;font:700 16px/1.35 var(--body);color:#fff;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{position:absolute;right:24px;top:50%;width:18px;height:18px;margin-top:-9px;transition:transform .45s var(--ease)}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.6px;margin-top:-.8px;background:var(--orange);border-radius:2px}
.faq summary i::after{transform:rotate(90deg)}
.faq[open] summary i{transform:rotate(45deg)}
.faq-a{overflow:hidden}
.faq-a p{padding:0 23px 30px;font-size:16px;line-height:1.3;color:#ededed}
.faq[open] summary{padding-bottom:26px}

/* ---------- Footer ---------- */
.site-footer{background:var(--ink);color:#fff;padding:40px 0 30px}
.footer-word{overflow:hidden;line-height:.8;padding-top:10px}
.footer-word span{display:block;text-align:center;font:600 min(calc((100vw - 2*var(--gutter)) / 7.25),172px)/.86 var(--head);letter-spacing:-.012em;white-space:nowrap;
  background:linear-gradient(180deg,#a29a92 0%,#8d847b 45%,#3a3631 80%,#050505 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  transform:translateY(40%);opacity:0;transition:transform 1.4s var(--ease),opacity 1.4s var(--ease)}
.footer-word.is-in span,.no-js .footer-word span{transform:none;opacity:1}
.footer-contact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:58px;padding-bottom:40px;border-bottom:1px solid #1e1e1e}
.footer-contact li{display:flex;gap:20px;align-items:flex-start}
.footer-contact svg{width:28px;height:28px;flex:0 0 auto;fill:var(--orange);margin-top:2px}
.footer-contact b{display:block;font:700 14.5px/1 var(--head);text-transform:uppercase;margin-bottom:9px}
.footer-contact a,.footer-contact span{font-size:16px;color:#f0f0f0;transition:color .3s}
.footer-contact a:hover{color:var(--orange)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:36px;font-size:16px}
.footer-bottom nav{display:flex;gap:56px}
.footer-bottom a:hover{color:var(--orange)}

/* ---------- Video-Modal ---------- */
.video-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:rgba(3,3,3,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .35s}
.video-modal.open{opacity:1}
.video-modal[hidden]{display:none}
.vm-box{position:relative;width:min(960px,100%);transform:scale(.94);transition:transform .45s var(--ease)}
.video-modal.open .vm-box{transform:none}
.vm-stage{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 40px 80px -20px rgba(0,0,0,.8)}
.vm-stage img{width:100%;height:100%;object-fit:cover}
.vm-close{position:absolute;right:-8px;top:-52px;width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center}
.vm-close svg{width:20px;height:20px;stroke:#111;stroke-width:2.2;stroke-linecap:round}

/* ---------- Scroll-Animationen ---------- */
.js [data-reveal]{opacity:0;transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease);transition-delay:var(--d,0s)}
.js [data-reveal="up"]{transform:translateY(40px)}
.js [data-reveal="left"]{transform:translateX(-70px)}
.js [data-reveal="right"]{transform:translateX(70px)}
.js [data-reveal="zoom"]{transform:scale(.88)}
.js [data-reveal="logo"]{transform:translateY(22px) scale(.92);filter:blur(4px)}
.js [data-reveal="tile"]{transform:translateY(30px) scale(.92)}
.js [data-reveal="card"]{transform:translateY(26px) scale(.95)}
.js [data-reveal="step"]{transform:translateY(30px)}
.js [data-reveal="check"]{transform:translateX(-24px)}
.js [data-reveal].is-in{opacity:1;transform:none;filter:none}
.js .glass-card[data-reveal].is-in{transition-duration:1s}

/* ---------- Responsiv ---------- */
@media (max-width:1240px){
  .main-nav{gap:26px;font-size:15px}
  .lg{transform:scale(.88)}
  .logo-grid li:hover .lg{transform:scale(.95)}
}
@media (max-width:1200px) and (min-width:981px){
  .hero-copy{max-width:46vw}
  .hero-sub{max-width:44vw}
  .card-filled{left:12%}
}
@media (max-width:1200px){
  .main-nav > a:not(.btn-outline){display:none}
  .burger{display:flex}
  .header-inner .main-nav{margin-left:auto;margin-right:14px}
  .problem-inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .phone{margin-left:0}
}
@media (max-width:980px){
  :root{--header-h:76px}
  .main-nav{display:none}
  .burger{display:flex}
  .site-header.scrolled{height:68px}
  .hero{min-height:0;padding-top:calc(var(--header-h) + 34px)}
  .hero-copy{max-width:640px;padding-bottom:10px}
  .hero-visual{position:relative;top:auto;bottom:auto;right:auto;width:100%;max-width:640px;margin:30px auto 0;z-index:1;aspect-ratio:800/730}
  .hero-founders{top:auto;bottom:-2%}
  .card-rate,.card-costs{display:none}
  .section{padding:80px 0}
  .section-head{margin-bottom:50px}
  .logos-layout{grid-template-columns:1fr;gap:50px}
  .map-wrap{max-width:340px}
  .problem-section{padding:80px 0 120px}
  .problem-inner{grid-template-columns:1fr;gap:56px}
  .problem-copy{order:-1;max-width:none}
  .phone{margin:0 auto;left:-28px}
  .tl-row,.tl-row-rev{grid-template-columns:72px minmax(0,1fr);min-height:0;row-gap:26px;margin-bottom:70px}
  .tl-row > .tl-media,.tl-row-rev > .tl-media{grid-column:2;grid-row:2}
  .tl-row > .tl-text,.tl-row-rev > .tl-text{grid-column:2;grid-row:1;max-width:none;padding-top:0}
  .tl-line{left:31px}
  .tl-dot{left:31px;top:0}
  .bento{grid-template-columns:1fr;grid-template-areas:"digital" "brand" "prequal" "career" "photos"}
  .testi-card,.testi-rev{grid-template-columns:1fr;gap:34px}
  .testi-rev .testi-media{order:-1}
  .testi-card > .testi-media{order:-1}
  .testi-copy{max-width:none}
  .steps{grid-template-columns:1fr 1fr;row-gap:60px}
  .step:nth-child(2)::after{display:none}
  .partner-inner{grid-template-columns:1fr;min-height:0}
  .partner-copy{order:-1;padding:80px 0 0}
  .partner-visual{margin:0 auto;max-width:560px}
  .partner-visual img{margin-top:20px}
  .why-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}
  .hb-inner{grid-template-columns:1fr;gap:40px}
  .hb-copy{max-width:none}
  .faq-inner{grid-template-columns:1fr;gap:36px}
  .footer-contact{grid-template-columns:1fr;gap:26px}
  .cases-section,.benefits-section{padding:80px 0}
}
@media (max-width:720px){
  :root{--gutter:18px}
  .js [data-reveal="left"]{transform:translateX(-30px)}
  .js [data-reveal="right"]{transform:translateX(30px)}
  .h-section{font-size:clamp(25px,7vw,34px)}
  .section-head{margin-bottom:40px}
  .section-sub{font-size:15px}
  .logo-marquee{overflow:hidden;margin:0 calc(-1*var(--gutter));-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
  .logo-grid{display:flex;width:max-content;gap:0;animation:logoScroll 48s linear infinite}
  .logo-marquee:active .logo-grid{animation-play-state:paused}
  .logo-grid li,.logo-grid li.clone{display:flex;flex:0 0 140px;height:70px}
  .js .logo-grid [data-reveal]{opacity:1;transform:none;filter:none}
  .lg{transform:scale(.72)}
  .logo-grid li:hover .lg{transform:scale(.78)}
  .jobs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .jobs-grid li{aspect-ratio:232/104}
  .bcard{padding:30px 24px 32px}
  .ads-marquee{margin:22px -24px 0}
  .brand-visual{margin:0 -24px 20px;height:350px}
  .soc{width:48px;height:48px}
  .soc-ig{left:4%;top:28%}.soc-in{left:18%;top:3%}.soc-xing{left:40%;top:5%}.soc-k{left:62%;top:2%}.soc-fb{left:78%;top:8%}.soc-ss{left:84%;top:32%}
  .ig-phone{width:280px;margin-left:-140px;height:275px}
  .prequal-img{width:calc(100% + 48px);margin:0 -24px 14px;height:170px}
  .career-visual,.collage-visual{height:300px;margin:0 -24px 20px}
  .case-top{height:auto;min-height:220px}
  .case-top-copy{padding:28px 0 26px 24px}
  .case-photo{width:62%}
  .case-kpis p{font-size:14.5px;max-width:190px}
  .case-kpis li{gap:14px}
  .case-bar{padding:0 16px;font-size:12.5px;height:52px}
  .case-body{padding:30px 24px 34px}
  .tri-list li{padding-left:38px;font-size:15px}
  .tri-list li::before{left:2px}
  .testi-card{padding:22px 20px 28px;border-radius:20px}
  .v-play{width:84px;height:54px;margin:-27px 0 0 -42px}
  .v-sound{width:40px;height:40px;right:10px;top:10px}
  .steps{grid-template-columns:1fr;row-gap:50px}
  .step::after{display:none}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px;column-gap:10px}
  .stats dd{font-size:14.5px;margin-top:14px}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:16px;font-size:14.5px}
  .footer-bottom nav{gap:30px}
  .faq summary{padding:22px 54px 22px 18px;font-size:15px}
  .faq summary i{right:18px}
  .faq-a p{padding:0 18px 22px;font-size:15px}
  .cta-section{padding:80px 0 120px}
}
@media (max-width:480px){
  .hero-tag{font-size:12.5px}
  .h-hero{font-size:calc((100vw - 36px) / 9.6)}
  .hero-proof{font-size:14px;align-items:flex-start}
  .hero-proof .proof-arrow{display:none}
  .btn-primary{font-size:13.5px;gap:12px;padding-left:20px;height:48px}
  .btn-arrow{width:38px;height:38px}
  .glass-card p{font-size:9.5px;line-height:1.5;margin-top:5px}
  .glass-card{padding:9px 10px;border-radius:9px}
  .gc-user{right:9px;top:9px}
  .card-rate{left:62%;width:36%;top:9%}
  .card-filled{left:0;width:33%;top:47%}
  .card-costs{left:63%;width:37%;top:43%}
  .gc-chart{width:calc(100% + 20px);margin:-8px -10px 0}
  .notif{left:4%;top:0;padding-right:16px}
  .phone{transform:scale(.88);transform-origin:top center;margin-bottom:-70px;left:-24px}
  .tl-row,.tl-row-rev{grid-template-columns:44px minmax(0,1fr)}
  .tl-line,.tl-dot{left:18px}
  .tl-dot{width:38px;height:38px;margin-left:-19px}
  .tl-dot::before{width:10px;height:10px}
  .tl-label{font-size:8.5px}
  .compare th,.compare td{height:78px}
  .compare tbody th{padding-left:16px;font-size:14px}
}
@media (max-width:980px) and (min-width:481px){
  .compare tbody th{position:sticky;left:0;z-index:1}
}
@media (max-width:480px){
  .compare tbody th,.compare thead th:first-child{position:sticky;left:0;z-index:2}
  .compare{min-width:640px}
  .compare thead th:first-child{width:150px}
  .compare thead th{font-size:12.5px}
  .te-logo{font-size:15px}
}

/* Bewegung reduzieren */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .js [data-reveal]{opacity:1;transform:none;filter:none}
  .h-hero .w{opacity:1;transform:none;filter:none}
  .pn,.pin{opacity:1;transform:none}
  .notif{animation:none!important;opacity:1}
  .gc-chart .draw{stroke-dashoffset:0}
  .footer-word span{transform:none;opacity:1}
  .js .compare tbody tr{opacity:1;transform:none}
  .js .compare tbody tr .ic-yes,.js .compare tbody tr .ic-no{transform:none}
  .step::after{transform:none}
  .logo-grid{animation:none!important}
  .logo-marquee{overflow-x:auto}
}

/* =========================================================
   Lime-Variante: Kontrast-Regeln
   Dunkle Flächen: Lime als Text-/Linienfarbe.
   Helle Flächen: Lime nur als Fläche hinter Schwarz (Buttons, Marker, Icon-Kreise).
   ========================================================= */
:root{--orange:#c2f200;--orange-2:#d4ff3a;--orange-3:#9ccc00;--orange-dark:#5f7a00;--lime:#c2f200;--lime-deep:#9ccc00}
::selection{background:#c2f200;color:#0b0b0b}
.brand-x{color:#c2f200}
.text-beige{background-image:linear-gradient(100deg,#ffffff 0%,#f0ffc0 28%,#c2f200 52%,#e3ff86 72%,#ffffff 100%)}
.text-orange{background-image:linear-gradient(180deg,#d8ff3a 0%,#a8d600 100%)}
.mark{color:#0b0b0b;background:linear-gradient(180deg,transparent 54%,#c2f200 54%,#c2f200 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .08em}
.h-plain{color:#0b0b0b}

/* Buttons */
.btn-primary{color:#0b0b0b;background:linear-gradient(90deg,#d8ff40 0%,#c2f200 50%,#a8d600 100%);
  box-shadow:0 12px 30px -10px rgba(170,215,0,.75),inset 0 1px 0 rgba(255,255,255,.55),inset 0 0 0 1px rgba(0,0,0,.08)}
.btn-primary:hover{box-shadow:0 18px 40px -10px rgba(170,215,0,.95),inset 0 1px 0 rgba(255,255,255,.6),inset 0 0 0 1px rgba(0,0,0,.1)}
.btn-primary::before{background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent)}
.btn-arrow{background:#0b0b0b}
.btn-arrow svg{stroke:#c2f200}
@keyframes btnPulse{0%,100%{box-shadow:0 12px 30px -10px rgba(170,215,0,.75),0 0 0 0 rgba(194,242,0,.5),inset 0 1px 0 rgba(255,255,255,.55)}50%{box-shadow:0 12px 30px -10px rgba(170,215,0,.75),0 0 0 14px rgba(194,242,0,0),inset 0 1px 0 rgba(255,255,255,.55)}}
.btn-outline{border-color:#c2f200;background:rgba(194,242,0,.06);color:#fff}
.btn-outline:hover{background:rgba(194,242,0,.16);border-color:#d8ff40;box-shadow:0 0 22px -4px rgba(194,242,0,.55)}
.badge-new{background:#c2f200;color:#0b0b0b}

/* Header / Menü */
.site-header.scrolled{background:rgba(8,8,8,.78)}
.main-nav{color:#ececec}
.burger{border-color:rgba(194,242,0,.4);background:rgba(20,20,20,.5)}
.mobile-menu{background:#000}
.mobile-menu nav a:not(.btn-primary){color:#fff}

/* Hero */
.hero{background:
    radial-gradient(70% 55% at 6% 0%,rgba(194,242,0,.17) 0%,rgba(194,242,0,.05) 42%,transparent 70%),
    radial-gradient(55% 45% at 88% 6%,rgba(194,242,0,.09) 0%,transparent 70%),
    linear-gradient(180deg,#161616 0%,#0e0e0e 45%,#070707 75%,#050505 100%)}
.hero-rays{background:repeating-linear-gradient(90deg,transparent 0 90px,rgba(225,255,140,.045) 90px 92px,transparent 92px 170px,rgba(225,255,140,.03) 170px 176px)}
.hero-tag{color:#ececec}
.hero-sub,.hero-proof{color:#ececec}
.avatar-stack img{border-color:#111}
.notif-bell{background:radial-gradient(circle at 35% 30%,#ecff9a,#c2f200 60%,#a8d600);box-shadow:0 0 0 3px rgba(194,242,0,.25)}
.notif-bell svg{fill:#0b0b0b}
.glass-card{background:linear-gradient(150deg,rgba(34,38,22,.9) 0%,rgba(12,12,10,.93) 55%,rgba(6,6,6,.96) 100%);border-color:rgba(194,242,0,.2);color:#ececec}
.gc-big{background-image:linear-gradient(180deg,#e0ff5c,#b4e300)}

/* Fotosektionen: Graustufen + schwarzes Overlay mit leichtem Lime-Schimmer */
.problem-section .photo-bg::after,.jobs-section .photo-bg::after,.partner-section .photo-bg::after,.stats-section .photo-bg::after,.cta-section .photo-bg::after{
  background:radial-gradient(60% 55% at 15% 0%,rgba(194,242,0,.12),transparent 70%),linear-gradient(180deg,rgba(8,8,8,.5) 0%,rgba(8,8,8,.6) 40%,rgba(6,6,6,.86) 72%,#050505 92%)}
.problem-copy p,.partner-copy p,.cta-sub{color:#ececec}
.stats dd{color:#f0f0f0}

/* Handy */
.phone-screen{background:radial-gradient(120% 70% at 50% 110%,#4d6100 0%,#232b07 40%,#161616 70%,#111 100%)}

/* Karte */
.pin::before{background:radial-gradient(circle at 35% 30%,#f6ffc8 0%,#d8ff3a 38%,#c2f200 70%,#8fb300 100%);box-shadow:0 0 0 1.5px #0b0b0b,0 2px 4px rgba(0,0,0,.35)}
.pin i{background:rgba(194,242,0,.7)}
.lg-alpen b i{color:#111}

/* Zeitstrahl */
.tl-line{background:#ececec}
.tl-fill{background:#0b0b0b;box-shadow:0 0 12px rgba(194,242,0,.95)}
.tl-dot::before{background:#c2f200;box-shadow:0 0 0 3px #0b0b0b}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(194,242,0,.7)}100%{box-shadow:0 0 0 18px rgba(194,242,0,0)}}
.tl-media{box-shadow:0 18px 40px -26px rgba(0,0,0,.35)}
.tl-label{color:#111}
.tl-label b{background:linear-gradient(180deg,transparent 50%,#c2f200 50%,#c2f200 94%,transparent 94%);-webkit-background-clip:border-box;background-clip:border-box;color:#0b0b0b;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .1em}
.tl-label-e{color:#0b0b0b;box-shadow:0 6px 16px -8px rgba(0,0,0,.35)}
.tl-now{background:#c2f200;color:#0b0b0b;display:table}
.timeline .h-year.text-orange{display:inline-block;color:#0b0b0b;background:linear-gradient(180deg,transparent 52%,#c2f200 52%,#c2f200 92%,transparent 92%);-webkit-background-clip:border-box;background-clip:border-box;padding:0 .1em}

/* Aufzählungen: Lime-Kreis mit schwarzem Play-Dreieck */
.tri,.tri-list li::before{border:0;border-radius:50%;background:#c2f200 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.5v11l9-5.5z' fill='%230b0b0b'/%3E%3C/svg%3E") center/16px no-repeat;filter:none}
.tri{width:26px;height:26px}
.tri-list li::before{width:26px;height:26px;margin-top:-13px;left:2px}

/* Erfolgsgeschichten */
.case-card:hover{box-shadow:0 34px 60px -30px rgba(0,0,0,.3)}
.case-kpis em{color:#0b0b0b;background:linear-gradient(180deg,transparent 52%,#c2f200 52%,#c2f200 94%,transparent 94%);padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.case-bar{color:#0b0b0b;background:linear-gradient(90deg,#d8ff40 0%,#c2f200 50%,#a8d600 100%);box-shadow:0 8px 18px -10px rgba(120,150,0,.7)}
.cases-dots button.active{background:#0b0b0b}

/* Berufe */
.jobs-grid li:hover::before{background:linear-gradient(180deg,rgba(194,242,0,.22),rgba(0,0,0,.66))}
.jobs-grid li:hover::after{border-color:#c2f200;border-bottom-color:#c2f200}
.jobs-grid li:hover span{color:#c2f200}

/* Bento */
.bcard:hover{box-shadow:0 30px 60px -36px rgba(0,0,0,.35)}

/* Vergleich */
.compare-section h2{background-image:none;color:#0b0b0b}
.compare thead th.c-te{background:linear-gradient(135deg,#d8ff40 0%,#c2f200 50%,#a8d600 100%);box-shadow:inset 2px 0 0 #0b0b0b,inset -2px 0 0 #0b0b0b}
.te-logo{color:#0b0b0b;text-shadow:none}
.compare td.c-te{box-shadow:inset 2px 0 0 #0b0b0b,inset -2px 0 0 #0b0b0b}
.compare tbody tr:last-child td.c-te{box-shadow:inset 2px 0 0 #0b0b0b,inset -2px 0 0 #0b0b0b,inset 0 -2px 0 #0b0b0b}
.ic-yes{background-color:#c2f200;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b0b0b' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}

/* Testimonials */
.v-play{background:#c2f200}
.v-play svg path{fill:#0b0b0b}
@keyframes playPulse{0%{box-shadow:0 0 0 0 rgba(194,242,0,.6)}100%{box-shadow:0 0 0 22px rgba(194,242,0,0)}}
.v-bar{background:#c2f200;color:#0b0b0b}
.v-bar i{background:rgba(0,0,0,.35)}
.v-bar i::before{background:#0b0b0b}

/* Schritte */
.step-ic{background:radial-gradient(circle at 35% 30%,#ecff9a,#c2f200 60%,#a8d600);box-shadow:0 6px 16px -4px rgba(150,190,0,.7),0 0 0 4px rgba(194,242,0,.2)}
.step-ic svg{stroke:#0b0b0b}
.step-no{color:#0b0b0b;background:#c2f200;padding:5px 9px;border-radius:4px}
.step:not(:last-child)::after{background:#0b0b0b}

/* Warum */
.why-ic{background:radial-gradient(circle at 35% 30%,#ecff9a 0%,#c2f200 55%,#9ccc00 100%);box-shadow:0 10px 20px -8px rgba(150,190,0,.8),inset 0 2px 0 rgba(255,255,255,.35)}
.why-ic svg{stroke:#0b0b0b}
.why-card:hover{border-color:#0b0b0b;box-shadow:0 26px 50px -28px rgba(0,0,0,.35),0 0 0 3px rgba(194,242,0,.55)}

/* Zahlen */
.stats .num{background-image:linear-gradient(180deg,#e0ff5c,#b4e300)}

/* Handbuch */
.check-list li::before{background:#c2f200 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b0b0b' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 12.5l4 4L18.5 8'/%3E%3C/svg%3E") center/13px no-repeat;box-shadow:0 4px 10px -3px rgba(150,190,0,.6)}

/* FAQ / Footer */
.faq:hover,.faq[open]{border-color:#3e4f00}
.footer-word span{background:linear-gradient(180deg,#b9b9b9 0%,#8f8f8f 45%,#373737 80%,#050505 100%);-webkit-background-clip:text;background-clip:text}
.video-modal{background:rgba(0,0,0,.85)}

@media (max-width:1400px) and (min-width:1201px){.main-nav{gap:26px;font-size:15px}}

.footer-bottom nav{flex-wrap:wrap;row-gap:10px}
.footer-bottom nav a{white-space:nowrap}
@media (max-width:720px){.footer-bottom nav{gap:10px 22px}}

/* ---------- Newsletter-Popup ---------- */
.nl-pop{position:fixed;inset:0;z-index:210;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .3s}
.nl-pop[hidden]{display:none}
.nl-pop.open{opacity:1}
.nl-box{position:relative;width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:24px;color:#fff;
  background:radial-gradient(90% 70% at 0% 0%,rgba(194,242,0,.22),transparent 60%),#0b0b0b;box-shadow:0 0 0 1px rgba(194,242,0,.25),0 40px 80px -20px rgba(0,0,0,.8);
  transform:translateY(24px) scale(.97);transition:transform .45s var(--ease)}
.nl-pop.open .nl-box{transform:none}
.nl-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;transition:background .25s}
.nl-close:hover{background:rgba(194,242,0,.25)}
.nl-close svg{width:18px;height:18px;stroke:#fff;stroke-width:2.2;stroke-linecap:round}
.nl-body{padding:34px 34px 30px}
.nl-kicker{display:inline-block;font:700 12px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:#0b0b0b;background:#c2f200;padding:6px 10px;border-radius:999px;margin-bottom:16px}
.nl-body h2{font:800 clamp(24px,3vw,30px)/1.1 var(--head);text-transform:uppercase;margin-bottom:16px;color:#fff}
.nl-body h2 span{color:#c2f200}
.nl-body ul{display:grid;gap:8px;margin-bottom:22px}
.nl-body ul li{position:relative;padding-left:28px;font-size:15px;color:#e6e6e6}
.nl-body ul li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:#c2f200 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b0b0b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/11px no-repeat}
.nl-fields{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px;margin-bottom:14px}
.nl-fields input{height:50px;border-radius:12px;border:1.5px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;padding:0 14px;font:500 15px var(--body);outline:none;width:100%;transition:border-color .25s,box-shadow .25s}
.nl-fields input::placeholder{color:#9a9a9a}
.nl-fields input:focus{border-color:#c2f200;box-shadow:0 0 0 3px rgba(194,242,0,.25)}
.nl-consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.45;color:#bdbdbd;cursor:pointer;margin-bottom:6px}
.nl-consent input{flex:0 0 auto;width:18px;height:18px;margin-top:1px;accent-color:#c2f200}
.nl-consent a{color:#fff;text-decoration:underline}
.nl-err{min-height:18px;font-size:13.5px;font-weight:600;color:#ff8a80;margin-bottom:8px}
.nl-form .btn-primary{width:100%;justify-content:space-between}
.nl-done{padding:16px 18px;border-radius:14px;background:rgba(194,242,0,.1);border:1px solid rgba(194,242,0,.35)}
.nl-done b{display:block;font:800 18px var(--head);text-transform:uppercase;color:#c2f200;margin-bottom:6px}
.nl-done p{color:#e6e6e6;font-size:15px}
@media (max-width:560px){.nl-body{padding:28px 20px 22px}.nl-fields{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.nl-box{transform:none}}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

/* footer-contact 2 Spalten */
@media (max-width:1100px) and (min-width:671px){.footer-contact{grid-template-columns:repeat(2,minmax(0,1fr))}}