/* NEXT — Website v5 · Floating Header + Bereichs-Architektur (01 grün · 02 schwarz · 03 blau) */ :root{ --ink:#1a1a1a; --ink-2:#3a3a3a; --ink-soft:#6e6e6e; --paper:#ffffff; --paper-2:#f4f4f2; --paper-3:#e6e6e6; --line:rgba(26,26,26,0.10); --line-2:rgba(26,26,26,0.20); --lime:#caee00; --lime-deep:#9bbd00; --green:#b5e91c; --g-deep:oklch(33% 0.075 135); --g-tint:oklch(96.5% 0.035 122); --blue:#1cb5e9; --b-tint:oklch(96.5% 0.02 230); --gray:#969696; --warn:#ff751f; --radius:16px; --radius-lg:26px; --shadow-sm:0 1px 2px rgba(20,22,24,.04), 0 4px 12px rgba(20,22,24,.05); --shadow:0 18px 50px -22px rgba(20,22,24,.22); --container:1180px; --display:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; --body:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; --mono:"Montserrat","Helvetica Neue",Arial,sans-serif; } #next-lp *{box-sizing:border-box} @media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}} #next-lp{margin:0;padding:0} #next-lp{font-family:var(--body);background:var(--paper);color:var(--ink);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip} #next-lp img{max-width:100%;display:block} #next-lp a{color:inherit;text-decoration:none} #next-lp a:hover{color:inherit} #next-lp button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0} #next-lp .container{max-width:var(--container);margin:0 auto;padding:0 28px} #next-lp .container-wide{max-width:1320px;margin:0 auto;padding:0 28px} #next-lp [id]{scroll-margin-top:110px} #next-lp h1, #next-lp h2, #next-lp h3, #next-lp h4{font-family:var(--display);font-weight:800;letter-spacing:-0.02em;color:var(--ink);margin:0;text-wrap:balance} #next-lp h1{font-size:clamp(44px,6.4vw,96px);line-height:.97;letter-spacing:-0.035em;font-weight:900} #next-lp h2{font-size:clamp(32px,4vw,56px);line-height:1.02;letter-spacing:-0.03em;font-weight:900} #next-lp h3{font-size:clamp(22px,2.2vw,30px);line-height:1.15} #next-lp h4{font-size:18px;line-height:1.3;font-weight:700} #next-lp p{margin:0;text-wrap:pretty} #next-lp .label{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);display:inline-flex;align-items:center;gap:10px;font-weight:600} #next-lp .label::before{content:"";width:6px;height:6px;border-radius:999px;background:var(--lime);box-shadow:0 0 0 3px rgba(202,238,0,.25)} #next-lp .label-white{color:rgba(255,255,255,.65)} /* v6.2: Akzent-Satzzeichen. --lime hat auf Weiss nur 1,33:1 und verschwindet; auf hellem Grund uebernimmt --g-deep, auf dunklem bleibt --lime. */ #next-lp .acc{color:var(--acc,var(--g-deep))} #next-lp .problems,#next-lp .steps-band,#next-lp .area-cta,#next-lp .mentoring, #next-lp .trainer-card,#next-lp .dcard,#next-lp .st-dark,#next-lp .chat-head, #next-lp .vhero-training,#next-lp .vhero-ueber{--acc:var(--lime)} #next-lp [data-view="personal"] .area-cta,#next-lp [data-view="digital"] .area-cta, #next-lp .vhero-personal,#next-lp .vhero-digital,#next-lp .st-green,#next-lp .st-blue, #next-lp .syn-band,#next-lp .process-headline{--acc:var(--ink)} /* LOGO */ /* ============ FLOATING NAV (schwebend, bleibt immer) ============ */ /* BUTTONS */ #next-lp .btn{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:999px;font-weight:600;font-size:15px;transition:transform .25s cubic-bezier(.2,.8,.2,1), background .2s, color .2s, box-shadow .25s;cursor:pointer;white-space:nowrap;border:0} #next-lp .btn-primary{background:var(--ink);color:var(--paper)} #next-lp .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(20,22,24,.5);color:var(--paper)} #next-lp .btn-lime{background:var(--lime);color:var(--ink)} #next-lp .btn-lime:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(155,189,0,.6);color:var(--ink)} #next-lp .btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line-2)} #next-lp .btn-ghost:hover{background:rgba(26,26,26,.05);border-color:var(--ink)} #next-lp .btn-light{background:#fff;color:var(--ink)} #next-lp .btn-light:hover{transform:translateY(-2px);background:var(--lime);color:var(--ink)} #next-lp .btn-ghost-w{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3)} #next-lp .btn-ghost-w:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff} #next-lp .btn .arrow{transition:transform .25s} #next-lp .btn:hover .arrow{transform:translateX(4px)} /* ============ VIEWS ============ */ #next-lp .view{display:none} #next-lp .view.active{display:block;animation:viewIn .5s cubic-bezier(.2,.8,.2,1)} @keyframes viewIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} /* ============ HOME ============ */ #next-lp .hero{position:relative;padding:190px 0 76px;overflow:hidden} #next-lp .hero-inner{position:relative;z-index:1} #next-lp .hero-badge{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:28px;font-weight:600} #next-lp .hero-badge::before{content:"";width:6px;height:6px;border-radius:999px;background:var(--lime);box-shadow:0 0 0 3px rgba(202,238,0,.25)} #next-lp .hero h1 .period{display:inline-block;width:.26em;height:.26em;border-radius:999px;background:var(--lime);vertical-align:baseline;margin-left:.06em;animation:pulseDot 3.4s ease-in-out infinite} @keyframes pulseDot{0%,100%{box-shadow:0 0 0 0 rgba(202,238,0,.55)}50%{box-shadow:0 0 0 22px rgba(202,238,0,0)}} #next-lp .hero-sub{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:34px;flex-wrap:wrap} #next-lp .hero-sub p{max-width:520px;font-size:19px;color:var(--ink-2)} #next-lp .hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center} #next-lp .hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:60px;padding-top:30px;border-top:1px solid var(--line);max-width:760px} #next-lp .hero-meta .num{font-family:var(--display);font-size:38px;font-weight:800;letter-spacing:-0.03em;line-height:1;white-space:nowrap} #next-lp .hero-meta .lbl{font-size:12.5px;color:var(--ink-soft);margin-top:8px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em} #next-lp .hero-bg{position:absolute;inset:0;pointer-events:none;z-index:0} #next-lp .hero-bg::before, #next-lp .hero-bg::after{content:"";position:absolute;border-radius:999px;filter:blur(64px);opacity:.55} #next-lp .hero-bg::before{width:520px;height:520px;background:radial-gradient(circle, rgba(202,238,0,.5), transparent 60%);top:-120px;right:-90px;animation:float1 18s ease-in-out infinite} #next-lp .hero-bg::after{width:400px;height:400px;background:radial-gradient(circle, rgba(28,181,233,.14), transparent 60%);bottom:-140px;left:6%;animation:float2 22s ease-in-out infinite} @keyframes float1{0%,100%{transform:translate(0,0)}50%{transform:translate(-40px,30px)}} @keyframes float2{0%,100%{transform:translate(0,0)}50%{transform:translate(50px,-30px)}} /* Hero-Zusätze */ #next-lp .hero-trust{margin-top:12px;font-size:12px;color:var(--ink-soft);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase} #next-lp .scroll-cue{display:inline-flex;align-items:center;gap:14px;margin-top:56px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-weight:600} #next-lp .scroll-cue .sc-arr{width:36px;height:36px;border-radius:999px;background:var(--ink);color:var(--lime);display:inline-flex;align-items:center;justify-content:center;font-size:15px;animation:cueBob 1.8s ease-in-out infinite} @keyframes cueBob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}} #next-lp .scroll-cue:hover{color:var(--ink)} /* PROBLEMS (Kennen Sie das auch?) */ #next-lp .problems{background:var(--ink);color:#fff;padding:110px 0} #next-lp .problems h2{color:#fff} #next-lp .problems .lead p{color:rgba(255,255,255,.7)} #next-lp .problems-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px} #next-lp .problem{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-lg);padding:34px 32px;display:flex;flex-direction:column;min-width:0;transition:transform .3s,background .3s,border-color .3s} #next-lp .problem:hover{transform:translateY(-3px);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18)} #next-lp .problem .pico{width:52px;height:52px;border-radius:15px;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:center;margin-bottom:20px} #next-lp .problem .pico svg{width:24px;height:24px} #next-lp .problem h4{color:#fff;font-size:20px;margin-bottom:10px;line-height:1.25} #next-lp .problem p{color:rgba(255,255,255,.72);font-size:14.5px;line-height:1.65} #next-lp .problem p em{color:var(--lime);font-style:normal;font-weight:700} #next-lp .problem .p-link{margin-top:18px;display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);border-top:1px dashed rgba(255,255,255,.14);padding-top:14px} #next-lp .problem .p-link::before{content:"";width:7px;height:7px;border-radius:999px;background:var(--pl,var(--green))} @media (max-width:880px){#next-lp .problems-grid{grid-template-columns:1fr}} /* STACK — Säulen-Scrollytelling */ #next-lp .stack{position:relative;background:var(--ink)} #next-lp .stack-item{position:sticky;top:0;min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden;color:#fff;--p:0;border-radius:36px 36px 0 0;box-shadow:0 -24px 60px -30px rgba(0,0,0,.5)} #next-lp .stack-item .st-inner{display:flex;align-items:center;justify-content:space-between;gap:48px;width:100%;position:relative;transform:translateY(calc(var(--p) * -5vh)) scale(calc(1 - var(--p) * .05));opacity:calc(1 - var(--p) * .9);padding-top:100px;padding-bottom:70px} #next-lp .stack-item::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:calc(var(--p) * .55);pointer-events:none} #next-lp .st-copy{max-width:660px;position:relative;z-index:1} #next-lp .st-kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:currentColor;opacity:.8;margin-bottom:22px} #next-lp .st-kicker .st-k-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:rgba(0,0,0,.15);font-family:var(--display);font-weight:900;font-size:14px;letter-spacing:0} #next-lp .stack-item h2{font-size:clamp(38px,4.8vw,74px);line-height:1;color:currentColor;letter-spacing:-0.03em} #next-lp .stack-item .st-sub{font-size:17.5px;line-height:1.65;margin-top:20px;max-width:530px;opacity:.85} #next-lp .st-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px} #next-lp .st-points span{padding:10px 17px;border-radius:999px;border:1.5px solid currentColor;font-size:13.5px;font-weight:600;opacity:.85;white-space:nowrap} #next-lp .st-open{margin-top:34px} #next-lp .st-green .st-open, #next-lp .st-blue .st-open{background:var(--ink);color:#fff} #next-lp .st-dark .st-open{background:var(--lime);color:var(--ink)} #next-lp .stack-item:hover .st-open{transform:translateY(-2px)} #next-lp .stack-item:hover .st-open .arrow{transform:translateX(4px)} #next-lp .st-num{font-family:var(--display);font-weight:900;font-size:clamp(160px,24vw,340px);line-height:.8;letter-spacing:-0.05em;opacity:.13;flex-shrink:0;user-select:none} #next-lp .st-green{background:linear-gradient(170deg,var(--lime),var(--green));color:var(--ink)} #next-lp .st-dark{background:linear-gradient(170deg,#262626,#101010);color:#fff} #next-lp a.st-dark:hover{color:#fff} #next-lp a.st-green:hover, #next-lp a.st-blue:hover{color:var(--ink)} #next-lp .st-dark .st-kicker .st-k-num{background:rgba(255,255,255,.1);color:var(--lime)} #next-lp .st-blue{background:linear-gradient(170deg,#4ecdf4,var(--blue));color:var(--ink)} @media (max-width:880px){ #next-lp .stack-item .st-inner{flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding-top:120px;padding-bottom:60px} #next-lp .st-num{position:absolute;right:-14px;top:78px;font-size:140px;opacity:.1} #next-lp .stack-item h2{font-size:clamp(34px,9vw,48px)} } /* SYNERGIE (Aus einer Hand) */ #next-lp .syn-band{background:var(--lime);padding:110px 0;position:relative;z-index:1} #next-lp .syn-band h2{color:var(--ink)} #next-lp .syn-band .label{color:rgba(0,0,0,.6)} #next-lp .syn-band .label::before{background:var(--ink);box-shadow:0 0 0 3px rgba(0,0,0,.12)} #next-lp .syn-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:start} #next-lp .syn-lead{font-size:17px;color:rgba(0,0,0,.72);margin-top:20px;line-height:1.7;max-width:460px} #next-lp .syn-points{display:flex;flex-direction:column;gap:14px} #next-lp .syn-points .sp{display:flex;align-items:flex-start;gap:14px;font-size:15.5px;color:var(--ink);font-weight:500} #next-lp .syn-points .sp::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--ink);margin-top:8px;flex-shrink:0} #next-lp .syn-quote{background:#fff;border-radius:var(--radius-lg);padding:32px 34px;margin-top:30px;box-shadow:var(--shadow-sm)} #next-lp .syn-quote p{font-size:17px;font-style:italic;color:var(--ink-2);line-height:1.65} #next-lp .syn-quote .src{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--g-deep);margin-top:14px;font-weight:700} @media (max-width:880px){#next-lp .syn-grid{grid-template-columns:1fr;gap:32px}#next-lp .syn-band{padding:80px 0}} /* ============ BEREICHS-HERO (01/02/03) ============ */ #next-lp .vhero{position:relative;padding:200px 0 84px;color:#fff;overflow:hidden} #next-lp .vhero .vh-num{position:absolute;right:-30px;top:40px;font-family:var(--display);font-weight:900;font-size:clamp(200px,26vw,360px);line-height:1;letter-spacing:-0.05em;color:#fff;opacity:.07;pointer-events:none;user-select:none} #next-lp .vhero .label{color:rgba(255,255,255,.7)} #next-lp .vhero h1{color:#fff;font-size:clamp(40px,5.6vw,84px);margin-top:18px} #next-lp .vhero .vh-sub{max-width:600px;font-size:18px;color:rgba(255,255,255,.78);margin-top:24px;line-height:1.65} #next-lp .vh-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:38px} #next-lp .vh-chips a{display:inline-flex;align-items:center;gap:9px;padding:12px 19px;border-radius:999px;border:1px solid rgba(255,255,255,.28);color:#fff;font-size:14px;font-weight:600;transition:background .2s,border-color .2s} #next-lp .vh-chips a:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.55);color:#fff} #next-lp .vh-chips a::before{content:"";width:6px;height:6px;border-radius:999px;background:var(--vh-accent,var(--lime))} #next-lp .vhero-personal{--vh-accent:#fff;background:linear-gradient(170deg,var(--lime) 0%,var(--green) 100%)} #next-lp .vhero-digital{--vh-accent:#fff;background:linear-gradient(170deg,#4ecdf4 0%,var(--blue) 100%)} #next-lp .vhero-personal .vh-num, #next-lp .vhero-digital .vh-num{color:var(--ink);opacity:.08} #next-lp .vhero-personal h1, #next-lp .vhero-digital h1{color:var(--ink)} #next-lp .vhero-personal .vh-sub, #next-lp .vhero-digital .vh-sub{color:rgba(0,0,0,.72)} #next-lp .vhero-personal .label-white, #next-lp .vhero-digital .label-white{color:rgba(0,0,0,.62)} #next-lp .vhero-personal .label-white::before, #next-lp .vhero-digital .label-white::before{background:var(--ink);box-shadow:0 0 0 3px rgba(0,0,0,.12)} #next-lp .vhero-personal .vh-chips a, #next-lp .vhero-digital .vh-chips a{border-color:rgba(0,0,0,.35);color:var(--ink)} #next-lp .vhero-personal .vh-chips a:hover, #next-lp .vhero-digital .vh-chips a:hover{background:rgba(0,0,0,.08);border-color:var(--ink);color:var(--ink)} #next-lp .vhero-personal .vh-chips a::before, #next-lp .vhero-digital .vh-chips a::before{background:var(--ink)} #next-lp .vhero .hl{color:var(--vh-accent,var(--lime))} #next-lp .vhero-training{--vh-accent:var(--lime);background:linear-gradient(170deg,#232323 0%,#111 100%)} /* SECTION shell */ #next-lp section.block{padding:104px 0;position:relative} #next-lp .section-head{display:grid;grid-template-columns:1fr 1.35fr;gap:60px;align-items:end;margin-bottom:56px} #next-lp .section-head .lead p{font-size:18px;color:var(--ink-2);max-width:560px} #next-lp .section-head.center{grid-template-columns:1fr;text-align:center;justify-items:center} @media (max-width:880px){#next-lp .section-head{grid-template-columns:1fr;gap:22px}} /* PAIN (im Bereich) */ #next-lp .pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} #next-lp .pain{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px 30px;transition:transform .3s,border-color .3s} #next-lp .pain:hover{transform:translateY(-3px);border-color:var(--line-2)} #next-lp .pain .pico{width:50px;height:50px;border-radius:14px;background:var(--pa,var(--lime));color:var(--ink);display:flex;align-items:center;justify-content:center;margin-bottom:20px} #next-lp .pain .pico svg{width:23px;height:23px} #next-lp .pain h4{font-size:19px;letter-spacing:-0.01em;margin-bottom:10px;line-height:1.25} #next-lp .pain p{color:var(--ink-soft);font-size:14.5px;line-height:1.65} #next-lp .pain p em{font-style:normal;font-weight:700;color:var(--ink)} @media (max-width:880px){#next-lp .pain-grid{grid-template-columns:1fr}} /* PROZESS */ #next-lp .process-band{display:flex;flex-wrap:wrap;gap:18px;align-items:stretch;margin-bottom:46px} #next-lp .process-headline{flex:1 1 320px;background:linear-gradient(165deg,var(--lime),var(--green));color:var(--ink);border-radius:var(--radius-lg);padding:40px 38px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden} #next-lp .process-headline::after{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.45),transparent 62%)} #next-lp .process-headline .big{font-family:var(--display);font-weight:900;font-size:clamp(42px,5vw,68px);line-height:.95;letter-spacing:-0.03em;color:var(--ink)} #next-lp .process-headline .big .hl{color:#fff} #next-lp .process-headline p{color:rgba(0,0,0,.72);font-size:15px;margin-top:16px;line-height:1.6;max-width:340px} #next-lp .process-principles{flex:1 1 320px;display:grid;grid-template-columns:1fr 1fr;gap:14px} #next-lp .process-principles .principle:nth-child(5){grid-column:span 2} #next-lp .principle{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;display:flex;flex-direction:column;gap:5px;transition:transform .25s,border-color .25s} #next-lp .principle:hover{transform:translateY(-3px);border-color:var(--ink)} #next-lp .principle .p-ico{width:34px;height:34px;border-radius:10px;background:var(--g-tint);display:flex;align-items:center;justify-content:center;color:var(--ink);margin-bottom:6px} #next-lp .principle .p-ico svg{width:18px;height:18px} #next-lp .principle .p-name{font-family:var(--display);font-weight:800;font-size:16px;letter-spacing:-0.01em} #next-lp .principle .p-sub{font-size:13px;color:var(--ink-soft);line-height:1.5} #next-lp .phaseflow{display:grid;grid-template-columns:repeat(5,1fr);gap:14px} #next-lp .phase{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px 24px;display:flex;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s} #next-lp .phase:hover{transform:translateY(-4px);border-color:var(--ink);box-shadow:var(--shadow-sm)} #next-lp .phase .ph-rail{position:absolute;top:40px;right:-7px;width:14px;height:2px;background:var(--line-2)} #next-lp .phase:last-child .ph-rail{display:none} #next-lp .phase .ph-num{width:40px;height:40px;border-radius:12px;background:var(--ink);color:var(--lime);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:900;font-size:17px;margin-bottom:18px} #next-lp .phase:nth-child(5) .ph-num{background:var(--lime);color:var(--ink)} #next-lp .phase .ph-name{font-family:var(--display);font-weight:800;font-size:16.5px;letter-spacing:-0.01em;line-height:1.18;margin-bottom:8px} #next-lp .phase .ph-desc{font-size:13px;color:var(--ink-soft);line-height:1.5} #next-lp .phase .ph-time{margin-top:auto;padding-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--g-deep);text-transform:uppercase} @media (max-width:980px){#next-lp .phaseflow{grid-template-columns:1fr 1fr}#next-lp .phase .ph-rail{display:none}} @media (max-width:560px){#next-lp .phaseflow{grid-template-columns:1fr}} #next-lp .koffer{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;margin-top:46px;align-items:center;background:var(--g-tint);border-radius:var(--radius-lg);padding:46px 44px} #next-lp .koffer .k-copy h3{font-size:clamp(24px,3vw,34px);letter-spacing:-0.02em;line-height:1.1;margin-bottom:14px} #next-lp .koffer .k-copy p{font-size:16px;color:var(--ink-2);line-height:1.65;max-width:440px} #next-lp .koffer-chips{display:flex;flex-wrap:wrap;gap:10px} #next-lp .koffer-chips .chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:11px 18px;font-size:14px;font-weight:600;color:var(--ink-2);display:inline-flex;align-items:center;gap:9px;transition:transform .2s,border-color .2s} #next-lp .koffer-chips .chip:hover{transform:translateY(-2px);border-color:var(--ink)} #next-lp .koffer-chips .chip::before{content:"";width:7px;height:7px;border-radius:999px;background:var(--lime)} @media (max-width:880px){#next-lp .koffer{grid-template-columns:1fr;padding:34px 28px}} /* PAKETE */ #next-lp .tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px} #next-lp .tier{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px 28px;display:flex;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s} #next-lp .tier:hover{transform:translateY(-3px);border-color:var(--ink);box-shadow:var(--shadow)} #next-lp .tier .badge{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--g-tint);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;align-self:flex-start;color:var(--ink-2)} #next-lp .tier h4{font-family:var(--display);font-size:30px;letter-spacing:-0.02em;margin-bottom:6px;font-weight:800} #next-lp .tier .for{font-size:13px;color:var(--ink-soft);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:18px} #next-lp .tier .scope{font-size:14px;color:var(--ink-2);line-height:1.55;padding-bottom:18px;border-bottom:1px solid var(--line)} #next-lp .tier ul{list-style:none;padding:0;margin:18px 0 24px;flex:1;display:flex;flex-direction:column} #next-lp .tier ul li{padding:10px 0;border-top:1px solid var(--line);font-size:13.5px;display:flex;gap:10px;align-items:flex-start} #next-lp .tier ul li:first-child{border-top:0} #next-lp .tier .check{flex-shrink:0;color:var(--g-deep);font-weight:700} #next-lp .tier .pick{width:100%;text-align:center;padding:14px;border-radius:999px;background:var(--g-tint);color:var(--ink);font-weight:600;font-size:13px;transition:transform .2s,background .2s,color .2s} #next-lp .tier .pick:hover{transform:translateY(-2px);background:var(--ink);color:#fff} #next-lp .tier.grow{background:var(--green);color:var(--ink);border-color:var(--green)} #next-lp .tier.grow h4{color:var(--ink)} #next-lp .tier.grow .for{color:rgba(0,0,0,.55)} #next-lp .tier.grow .scope{color:rgba(0,0,0,.75);border-color:rgba(0,0,0,.15)} #next-lp .tier.grow ul li{border-color:rgba(0,0,0,.13);color:rgba(0,0,0,.82)} #next-lp .tier.grow .check{color:var(--ink)} #next-lp .tier.grow .badge{background:var(--ink);color:var(--lime)} #next-lp .tier.grow .pick{background:var(--ink);color:#fff} #next-lp .tier.grow .pick:hover{background:#fff;color:var(--ink)} #next-lp .tier.lead{background:var(--lime);color:var(--ink);border-color:var(--lime)} #next-lp .tier.lead .scope{border-color:rgba(0,0,0,.14)} #next-lp .tier.lead .badge{background:var(--ink);color:var(--lime)} #next-lp .tier.lead .pick{background:var(--ink);color:#fff} #next-lp .tier.lead .pick:hover{background:#fff;color:var(--ink)} #next-lp .tier.lead ul li{border-color:rgba(0,0,0,.12)} #next-lp .tier.lead .check{color:var(--ink)} #next-lp .tier-note{margin-top:20px;padding:22px 28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--g-tint);font-size:14.5px;line-height:1.6;color:var(--ink-2)}#next-lp .tier-note strong{color:var(--ink)} @media (max-width:1100px){#next-lp .tiers{grid-template-columns:1fr 1fr}} @media (max-width:560px){#next-lp .tiers{grid-template-columns:1fr}} /* MENTORING */ #next-lp .mentoring{background:var(--ink);color:#fff;border-radius:var(--radius-lg);overflow:hidden;display:grid;grid-template-columns:.85fr 1.15fr} #next-lp .mentoring .m-visual{background:linear-gradient(160deg,#222,#141414);padding:48px 42px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden} #next-lp .mentoring .m-visual::after{content:"";position:absolute;right:-80px;bottom:-80px;width:240px;height:240px;border-radius:999px;background:radial-gradient(circle,rgba(202,238,0,.22),transparent 62%)} #next-lp .m-portrait{width:96px;height:96px;border-radius:22px;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:900;font-size:38px;margin-bottom:26px;overflow:hidden} #next-lp .m-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block} #next-lp .m-who{font-family:var(--display);font-weight:800;font-size:24px;color:#fff;letter-spacing:-0.02em} #next-lp .m-role{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime);margin-top:6px} #next-lp .m-creds{display:flex;flex-direction:column;gap:10px;margin:26px 0 0;padding:0;position:relative;z-index:1} #next-lp .m-creds li{list-style:none;display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:rgba(255,255,255,.85);line-height:1.45} #next-lp .m-creds li::before{content:"";width:7px;height:7px;border-radius:999px;background:var(--lime);margin-top:7px;flex-shrink:0} #next-lp .mentoring .m-body{padding:48px 46px;display:flex;flex-direction:column} #next-lp .mentoring .m-body .label{color:rgba(255,255,255,.6)} #next-lp .mentoring .m-body h3{color:#fff;font-size:clamp(26px,3vw,38px);letter-spacing:-0.02em;line-height:1.08;margin:14px 0} #next-lp .mentoring .m-body > p{color:rgba(255,255,255,.78);font-size:16px;line-height:1.65;max-width:520px} #next-lp .m-targets{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px} #next-lp .m-target{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:18px} #next-lp .m-target .mt-name{font-family:var(--display);font-weight:800;font-size:15px;color:#fff} #next-lp .m-target .mt-sub{font-size:12.5px;color:rgba(255,255,255,.65);margin-top:5px;line-height:1.45} #next-lp .mentoring .m-cta{margin-top:30px} @media (max-width:980px){#next-lp .mentoring{grid-template-columns:1fr}#next-lp .m-targets{grid-template-columns:1fr}} /* TRAINING */ #next-lp .schulungen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px} #next-lp .scard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:13px;transition:transform .25s,border-color .25s;min-width:0} #next-lp .scard:hover{transform:translateY(-3px);border-color:var(--ink)} #next-lp .scard .stag{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)} #next-lp .scard h4{font-family:var(--display);font-size:20px;letter-spacing:-0.01em} #next-lp .scard .law{font-size:13px;color:var(--ink-soft);line-height:1.55} #next-lp .scard .sprice{margin-top:auto;font-family:var(--mono);font-size:12.5px;color:var(--ink);padding-top:14px;border-top:1px dashed var(--line)} @media (max-width:1020px){#next-lp .schulungen-grid{grid-template-columns:1fr 1fr}} @media (max-width:560px){#next-lp .schulungen-grid{grid-template-columns:1fr}} #next-lp .cond-line{margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 26px;font-size:13.5px;color:var(--ink-2);line-height:1.7;display:flex;align-items:flex-start;gap:12px} #next-lp .cond-line::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--gray);flex-shrink:0;margin-top:7px} #next-lp .trainer-card{margin-top:20px;background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:32px 36px;display:flex;align-items:center;gap:26px;flex-wrap:wrap;position:relative;overflow:hidden} #next-lp .trainer-card::after{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(202,238,0,.18),transparent 62%);pointer-events:none} #next-lp .trainer-card .t-portrait{width:72px;height:72px;border-radius:18px;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:900;font-size:28px;flex-shrink:0} #next-lp .trainer-card .t-meta{flex:1;min-width:240px} #next-lp .trainer-card .t-name{font-family:var(--display);font-weight:800;font-size:23px} #next-lp .trainer-card .t-role{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime);margin-top:4px} #next-lp .trainer-card .t-note{font-size:13.5px;color:rgba(255,255,255,.6);margin-top:8px} #next-lp .trainer-card .t-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1} /* DIGITAL */ #next-lp .digital-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px} #next-lp .dcard{background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:30px;position:relative;overflow:hidden;min-height:190px;display:flex;flex-direction:column;transition:transform .35s} #next-lp .dcard:hover{transform:translateY(-4px)} #next-lp .dcard h4{color:#fff;font-size:20px;margin-bottom:10px} #next-lp .dcard p{color:rgba(255,255,255,.75);font-size:14px;line-height:1.55} #next-lp .dcard .lime-tag{display:inline-block;background:var(--blue);color:#fff;font-family:var(--mono);font-size:11px;padding:6px 12px;border-radius:999px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;align-self:flex-start;font-weight:700} #next-lp .dcard.transform{background:#101010} #next-lp .dcard.transform .lime-tag{background:var(--lime);color:var(--ink)} #next-lp .digital-note{margin-top:20px;background:var(--b-tint);border-radius:var(--radius);padding:20px 26px;font-size:13.5px;color:var(--ink-2);line-height:1.6;display:flex;align-items:center;gap:12px} #next-lp .digital-note::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--blue);flex-shrink:0} @media (max-width:880px){#next-lp .digital-grid{grid-template-columns:1fr}} /* BEREICHS-CTA */ #next-lp .area-cta{border-radius:var(--radius-lg);padding:56px;display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center;position:relative;overflow:hidden;background:var(--ink);color:#fff} #next-lp .area-cta h2{color:#fff;font-size:clamp(30px,3.6vw,50px)} #next-lp .area-cta p{color:rgba(255,255,255,.72);margin-top:14px;font-size:16.5px} #next-lp .area-cta::before{content:"";position:absolute;width:560px;height:560px;border-radius:999px;right:-200px;top:-200px;background:radial-gradient(circle,var(--ac-glow,rgba(202,238,0,.2)),transparent 60%);pointer-events:none} #next-lp .area-cta .cta-actions{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1} #next-lp .area-cta .cta-actions .btn{width:100%;justify-content:center} #next-lp [data-view="personal"] .area-cta{background:linear-gradient(165deg,var(--lime),var(--green));color:var(--ink);--ac-glow:rgba(255,255,255,.45)} #next-lp [data-view="digital"] .area-cta{background:linear-gradient(165deg,#4ecdf4,var(--blue));color:var(--ink);--ac-glow:rgba(255,255,255,.4)} #next-lp [data-view="personal"] .area-cta h2, #next-lp [data-view="digital"] .area-cta h2{color:var(--ink)} #next-lp [data-view="personal"] .area-cta p, #next-lp [data-view="digital"] .area-cta p{color:rgba(0,0,0,.7)} #next-lp [data-view="personal"] .area-cta .label-white, #next-lp [data-view="digital"] .area-cta .label-white{color:rgba(0,0,0,.62)} #next-lp [data-view="personal"] .area-cta .label-white::before, #next-lp [data-view="digital"] .area-cta .label-white::before{background:var(--ink);box-shadow:0 0 0 3px rgba(0,0,0,.12)} #next-lp [data-view="personal"] .area-cta .btn-lime, #next-lp [data-view="digital"] .area-cta .btn-lime{background:var(--ink);color:#fff} #next-lp [data-view="personal"] .area-cta .btn-lime:hover, #next-lp [data-view="digital"] .area-cta .btn-lime:hover{box-shadow:0 14px 30px -12px rgba(0,0,0,.5);color:#fff} #next-lp [data-view="personal"] .area-cta .btn-ghost-w, #next-lp [data-view="digital"] .area-cta .btn-ghost-w{color:var(--ink);border-color:rgba(0,0,0,.35)} #next-lp [data-view="personal"] .area-cta .btn-ghost-w:hover, #next-lp [data-view="digital"] .area-cta .btn-ghost-w:hover{background:rgba(0,0,0,.08);border-color:var(--ink);color:var(--ink)} @media (max-width:880px){#next-lp .area-cta{padding:38px;grid-template-columns:1fr;gap:24px}} /* TEST */ #next-lp .test-section{background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)} #next-lp .test-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:48px;box-shadow:var(--shadow);max-width:880px;margin:0 auto;position:relative;overflow:hidden} #next-lp .test-progress{height:6px;background:var(--paper-2);border-radius:999px;overflow:hidden;margin-bottom:32px} #next-lp .test-progress > div{height:100%;background:var(--lime);transition:width .5s cubic-bezier(.2,.8,.2,1);width:0%} #next-lp .q-num{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--ink-soft);text-transform:uppercase} #next-lp .q-text{font-family:var(--display);font-size:clamp(24px,3vw,36px);font-weight:800;letter-spacing:-0.02em;line-height:1.15;margin:14px 0 28px;text-wrap:balance} #next-lp .q-options{display:grid;gap:10px} #next-lp .q-opt{display:flex;align-items:center;gap:14px;padding:17px 22px;border:1.5px solid var(--line);border-radius:14px;background:#fff;text-align:left;font-size:15.5px;font-weight:500;transition:all .2s} #next-lp .q-opt:hover{border-color:var(--ink);transform:translateX(4px)} #next-lp .q-opt.selected{border-color:var(--ink);background:var(--ink);color:#fff} #next-lp .q-opt .ind{width:22px;height:22px;border-radius:999px;border:2px solid var(--line-2);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s} #next-lp .q-opt.selected .ind{border-color:var(--lime);background:var(--lime)} #next-lp .q-opt.selected .ind::after{content:"";width:8px;height:8px;border-radius:999px;background:var(--ink)} #next-lp .q-actions{display:flex;justify-content:space-between;align-items:center;margin-top:32px;gap:16px;flex-wrap:wrap} #next-lp .q-skip{font-size:14px;color:var(--ink-soft)} #next-lp .result h3{font-family:var(--display);font-size:clamp(28px,4vw,42px);letter-spacing:-0.02em;margin-bottom:8px;line-height:1.1} #next-lp .result .score-bar{height:14px;background:var(--paper-2);border-radius:999px;overflow:hidden;margin:24px 0 12px} #next-lp .result .score-bar > div{height:100%;background:linear-gradient(90deg,var(--warn),var(--lime));transition:width 1s cubic-bezier(.2,.8,.2,1);width:0%} #next-lp .result .score-meta{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em} #next-lp .result-reco{background:var(--paper-2);border-radius:14px;padding:24px;margin-top:28px} #next-lp .result-reco h4{font-family:var(--display);font-size:20px;margin-bottom:10px} #next-lp .result-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap} /* KONTAKT */ #next-lp .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:36px} #next-lp .step{padding:30px 22px;border-left:1px solid rgba(255,255,255,.12);min-height:210px;display:flex;flex-direction:column;transition:background .3s;min-width:0} @media (max-width:1100px){#next-lp .steps{grid-template-columns:repeat(2,1fr)}#next-lp .step{border-left:0;min-height:0}} #next-lp .step:hover{background:rgba(255,255,255,.03)} #next-lp .step:first-child{border-left:0} #next-lp .step .s-num{width:38px;height:38px;border-radius:999px;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:15px;margin-bottom:20px} #next-lp .step h4{color:#fff;font-size:20px;margin-bottom:12px;line-height:1.15;overflow-wrap:break-word;hyphens:auto} #next-lp .step p{color:rgba(255,255,255,.65);font-size:14px;flex:1;line-height:1.6} #next-lp .step .hl{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime);margin-top:16px;border-top:1px dashed rgba(255,255,255,.15);padding-top:12px;align-self:flex-start} #next-lp .steps-band{background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:56px 48px;margin-top:20px} #next-lp .steps-band h3{color:#fff} #next-lp .steps-band .label{color:rgba(255,255,255,.65)} @media (max-width:880px){#next-lp .steps{grid-template-columns:1fr}#next-lp .step{border-left:0;border-top:1px solid rgba(255,255,255,.12);min-height:0}#next-lp .step:first-child{border-top:0}#next-lp .steps-band{padding:36px 28px}} #next-lp .contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px} #next-lp .ccard{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px 30px;display:flex;flex-direction:column;gap:6px;transition:transform .25s,border-color .25s} #next-lp .ccard:hover{transform:translateY(-3px);border-color:var(--ink)} #next-lp .ccard .ck{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:10px;display:flex;align-items:center;gap:8px} #next-lp .ccard .ck::before{content:"";width:7px;height:7px;border-radius:999px;background:var(--ca,var(--lime))} #next-lp .ccard h4{font-size:19px} #next-lp .ccard p{font-size:14px;color:var(--ink-soft);line-height:1.6} #next-lp .ccard a.line{display:block;font-weight:600;font-size:15px;margin-top:8px;color:var(--ink)} #next-lp .ccard a.line:hover{color:var(--g-deep)} #next-lp .team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px} #next-lp .member{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:14px;transition:transform .25s,border-color .25s} #next-lp .member:hover{transform:translateY(-3px);border-color:var(--ink)} #next-lp .member .avatar{width:100%;aspect-ratio:1;border-radius:14px;background:repeating-linear-gradient(45deg,var(--paper-2),var(--paper-2) 8px,var(--paper-3) 8px,var(--paper-3) 16px);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:42px;font-weight:800;color:var(--ink-soft)} #next-lp .member .avatar{overflow:hidden} #next-lp .member .avatar img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block;border-radius:inherit} #next-lp .member h4{font-size:17px} #next-lp .member .role{font-size:11.5px;color:var(--ink-soft);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em} @media (max-width:880px){#next-lp .team-grid{grid-template-columns:1fr 1fr}#next-lp .contact-cards{grid-template-columns:1fr}} /* CHATBOT */ #next-lp .chat-fab{position:fixed;bottom:24px;right:24px;z-index:110;width:62px;height:62px;border-radius:999px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px -8px rgba(20,22,24,.5);transition:transform .3s cubic-bezier(.2,.8,.2,1)} #next-lp .chat-fab:hover{transform:translateY(-3px) scale(1.04)} #next-lp .chat-fab .badge{position:absolute;top:-4px;right:-4px;background:var(--lime);color:var(--ink);font-family:var(--mono);font-size:10px;padding:3px 7px;border-radius:999px;font-weight:700} #next-lp .chat-fab .pulse{position:absolute;inset:0;border-radius:999px;border:2px solid var(--lime);animation:chatpulse 2s ease-out infinite;opacity:0} @keyframes chatpulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.6);opacity:0}} #next-lp .chat-panel{position:fixed;bottom:98px;right:24px;z-index:115;width:min(420px,calc(100vw - 32px));height:min(640px,calc(100vh - 200px));background:#fff;border-radius:24px;border:1px solid var(--line);box-shadow:0 30px 80px -20px rgba(20,22,24,.4);display:flex;flex-direction:column;overflow:hidden;transform:translateY(20px) scale(.96);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s} #next-lp .chat-panel.open{transform:none;opacity:1;pointer-events:auto} #next-lp .chat-head{padding:18px 22px;background:var(--ink);color:#fff;display:flex;align-items:center;gap:12px} #next-lp .chat-head .avatar{width:38px;height:38px;border-radius:999px;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:900;font-size:18px;position:relative} #next-lp .chat-head .avatar::after{content:"";position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:999px;background:#5cd36a;border:2px solid var(--ink)} #next-lp .chat-head .meta{flex:1} #next-lp .chat-head .meta .name{font-family:var(--display);font-weight:800;font-size:15px} #next-lp .chat-head .meta .stat{font-size:11px;color:rgba(255,255,255,.6);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase} #next-lp .chat-head .close-btn{color:#fff;width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;transition:background .2s} #next-lp .chat-head .close-btn:hover{background:rgba(255,255,255,.12)} #next-lp .chat-body{flex:1;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:14px} #next-lp .msg{display:flex;gap:10px;max-width:85%;animation:msgIn .35s cubic-bezier(.2,.8,.2,1)} @keyframes msgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} #next-lp .msg.user{align-self:flex-end;flex-direction:row-reverse} #next-lp .msg .bubble{padding:12px 16px;border-radius:18px;font-size:14.5px;line-height:1.5;background:var(--paper-2);border:1px solid var(--line);white-space:pre-wrap;word-wrap:break-word} #next-lp .msg.user .bubble{background:var(--ink);color:#fff;border-color:var(--ink)} #next-lp .msg .av{width:30px;height:30px;border-radius:999px;background:var(--ink);color:var(--lime);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:900;font-size:13px;flex-shrink:0} #next-lp .msg.user .av{background:var(--lime);color:var(--ink)} #next-lp .typing{display:inline-flex;gap:4px;padding:14px 16px;background:var(--paper-2);border:1px solid var(--line);border-radius:18px} #next-lp .typing span{width:6px;height:6px;border-radius:999px;background:var(--ink-soft);animation:typing 1.2s infinite} #next-lp .typing span:nth-child(2){animation-delay:.15s} #next-lp .typing span:nth-child(3){animation-delay:.3s} @keyframes typing{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}} #next-lp .chat-suggest{padding:0 22px 12px;display:flex;gap:8px;flex-wrap:wrap} #next-lp .chat-suggest button{font-size:12.5px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);transition:all .2s} #next-lp .chat-suggest button:hover{border-color:var(--ink);background:var(--ink);color:#fff} #next-lp .chat-input{padding:14px 16px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center} #next-lp .chat-input input{flex:1;border:0;background:var(--paper-2);padding:12px 16px;border-radius:999px;font:inherit;font-size:14px;outline:none} #next-lp .chat-input input:focus{box-shadow:0 0 0 3px rgba(202,238,0,.4)} #next-lp .chat-input .send{width:42px;height:42px;border-radius:999px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .2s} #next-lp .chat-input .send:hover{transform:scale(1.05)} #next-lp .chat-input .send:disabled{opacity:.4;cursor:not-allowed;transform:none} /* Reveal */ #next-lp .reveal{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)} #next-lp .reveal.in{opacity:1;transform:none} #next-lp .reveal-stagger > *{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)} #next-lp .reveal-stagger.in > *{opacity:1;transform:none} #next-lp .reveal-stagger.in > *:nth-child(2){transition-delay:80ms} #next-lp .reveal-stagger.in > *:nth-child(3){transition-delay:160ms} #next-lp .reveal-stagger.in > *:nth-child(4){transition-delay:240ms} #next-lp .reveal-stagger.in > *:nth-child(5){transition-delay:320ms} #next-lp .reveal-stagger.in > *:nth-child(6){transition-delay:400ms} #next-lp .reveal-stagger.in > *:nth-child(7){transition-delay:480ms} #next-lp .reveal-stagger.in > *:nth-child(8){transition-delay:560ms} #next-lp .reveal-stagger.in > *:nth-child(9){transition-delay:640ms} /* Mobile */ @media (max-width:1080px){ #next-lp .hero{padding:150px 0 56px} #next-lp .hero-meta{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px} #next-lp .hero-meta .num{font-size:26px} #next-lp .hero-meta .lbl{font-size:10.5px;letter-spacing:.04em} #next-lp .hero-sub{flex-direction:column;align-items:flex-start} #next-lp .vhero{padding:150px 0 64px} #next-lp section.block{padding:72px 0} #next-lp .container, #next-lp .container-wide{padding:0 20px} #next-lp .test-card{padding:28px} #next-lp .area-cta .cta-actions{width:100%} } @media (prefers-reduced-motion: reduce){ #next-lp *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important} #next-lp .reveal, #next-lp .reveal-stagger > *{opacity:1 !important;transform:none !important} #next-lp .stack-item .st-inner{transform:none !important;opacity:1 !important} } #next-lp :focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:6px} /* Kompakte Nav bei längeren Säulen-Namen */ /* v6: Problems-Lead auf Schwarz lesbar */ #next-lp .problems .section-head .lead p{color:rgba(255,255,255,.78)} #next-lp .problems .lead em{color:var(--lime);font-style:normal;font-weight:600} #next-lp .scard h4{overflow-wrap:break-word} /* v6: ÜBER UNS */ #next-lp .vhero-ueber{--vh-accent:var(--lime);background:linear-gradient(170deg,#232323 0%,#111 100%)} #next-lp .story-flow{max-width:760px;display:grid;gap:26px} #next-lp .story-flow p{font-size:clamp(17px,1.4vw,20px);line-height:1.75;color:var(--ink-2)} #next-lp .story-flow em{font-style:normal;font-weight:800;color:var(--ink);background:linear-gradient(transparent 64%,var(--lime) 64%)} #next-lp .story-values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:64px} #next-lp .sval{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px 28px} #next-lp .sval h4{font-family:var(--display);font-size:19px;margin-bottom:10px} #next-lp .sval p{font-size:14.5px;color:var(--ink-soft);line-height:1.65} @media (max-width:880px){#next-lp .story-values{grid-template-columns:1fr}} /* GLANCE */ #next-lp .glance{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px} #next-lp .gl{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px 28px;display:flex;flex-direction:column;gap:10px;color:inherit;transition:transform .25s,border-color .25s} #next-lp .gl:hover{transform:translateY(-4px);border-color:var(--ink);color:inherit} #next-lp .gl .gn{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)} #next-lp .gl .gn i{width:8px;height:8px;border-radius:999px;background:var(--gd,var(--lime))} #next-lp .gl h4{font-size:20px} #next-lp .gl p{font-size:14.5px;color:var(--ink-soft);line-height:1.6;flex:1} #next-lp .gl .gm{font-weight:600;font-size:14px} @media (max-width:880px){#next-lp .glance{grid-template-columns:1fr}} #next-lp a{color:inherit}#next-lp a:hover{color:inherit} /* === Volle Breite / Full-Bleed - aus dem Blocksy-Container ausbrechen === */ #next-lp{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)} html,body{overflow-x:clip} /* ===== v6.2: Lead-Erfassung am Test-Ergebnis ===== */ #next-lp .result-lead{margin-top:28px;padding-top:26px;border-top:1px solid var(--line)} #next-lp .result-lead .rl-head{font-family:var(--display);font-weight:800;font-size:19px;margin-bottom:6px} #next-lp .result-lead .rl-sub{font-size:14.5px;color:var(--ink-soft);line-height:1.6;margin-bottom:18px} #next-lp .result-lead .wpcf7-form p{margin:0} #next-lp .result-lead .wpcf7-form p:empty{display:none} #next-lp .rl-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px} #next-lp .result-lead label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ink-soft);margin-bottom:7px} #next-lp .result-lead input[type=text],#next-lp .result-lead input[type=email]{width:100%;font:inherit;font-size:16px;background:var(--paper-2);border:1.5px solid transparent;border-radius:12px;padding:13px 15px;outline:none;transition:border-color .2s,background .2s,box-shadow .2s} #next-lp .result-lead input:focus{border-color:var(--ink);background:#fff;box-shadow:0 0 0 3px rgba(202,238,0,.35)} #next-lp .result-lead .rl-consent{display:flex;gap:11px;align-items:flex-start;font-size:12.5px;color:var(--ink-soft);line-height:1.5;margin:4px 0 16px} #next-lp .result-lead .rl-consent .wpcf7-list-item{margin:0;display:flex;gap:11px;align-items:flex-start} #next-lp .result-lead .rl-consent input[type=checkbox]{width:19px;height:19px;margin-top:1px;accent-color:#1a1a1a;flex-shrink:0} #next-lp .result-lead .rl-consent a{text-decoration:underline} /* v6.2a: Die Einwilligung steckt bei CF7 in einem