@property --pn-glow1{syntax:"<color>";inherits:true;initial-value:#59b9e8}@property --pn-glow2{syntax:"<color>";inherits:true;initial-value:#9fc4f5}.pen-neu{--pen-druck:.72;--pen-druck-wort:1;--pen-druck-zusatz:1;--mono:var(--font-geist-mono), Consolas, "Courier New", monospace;--bg:#fff;--bg-alt:#f1f4fb;--ink:#10182f;--muted:#545e78;--faint:#5a6280;--navy:#1b2a6b;--navy-deep:#101c4e;--red:#e11d1d;--c-blue:#2f6fe4;--c-green:#23b573;--c-purple:#9f7cf0;--c-amber:#f5b52e;--c-cyan:#59b9e8;--border:#e6e9f0;--pen-kopf:100px;isolation:isolate;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Manrope,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.65;position:relative;overflow-x:clip}@media (max-width:640px){.pen-neu{--pen-kopf:62px;--pen-druck-zusatz:0}}.pen-neu *{box-sizing:border-box;margin:0;padding:0}.pen-neu img{max-width:100%;display:block}.pen-neu a{color:var(--navy)}.pen-neu .container{max-width:1160px;margin:0 auto;padding:0 24px}.pen-neu .glow-bg{z-index:-1;pointer-events:none;background:linear-gradient(170deg,#f7faff 0%,#f1f5fd 55%,#f4f4fd 100%);position:fixed;inset:0;overflow:hidden}.pen-neu .glow{filter:blur(90px)saturate(.45);opacity:.5;will-change:transform;border-radius:50%;width:62vmax;height:62vmax;transition:--pn-glow1 .9s cubic-bezier(.25,.46,.45,.94),--pn-glow2 .9s cubic-bezier(.25,.46,.45,.94);position:absolute}.pen-neu .g1{background:color-mix(in srgb, var(--pn-glow1) 30%, #fff);top:-20vmax;left:-20vmax}.pen-neu .g2{background:color-mix(in srgb, var(--pn-glow2) 30%, #fff);bottom:-24vmax;right:-18vmax}.pen-neu .btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:13px 30px;font-size:.98rem;font-weight:700;text-decoration:none;transition:transform .15s,background .2s,opacity .2s;display:inline-block}.pen-neu .btn:active{transform:translateY(1px)scale(.99)}.pen-neu .btn-primary{background:var(--navy);color:#fff}.pen-neu .btn-primary:hover{background:var(--navy-deep)}.pen-neu .btn-ghost{color:var(--navy);border-color:var(--border);background:#fafbfe}.pen-neu .btn-ghost:hover{border-color:color-mix(in srgb, var(--border) 78%, var(--muted));background:#fff}.pen-neu .btn-mini{white-space:nowrap;border-radius:999px;padding:8px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .15s,background .2s,opacity .2s;display:inline-block}.pen-neu .subnav{z-index:60;pointer-events:none;opacity:0;justify-content:flex-end;transition:top .35s cubic-bezier(.16,1,.3,1),opacity .4s,transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:12px;right:12px;transform:translateY(6px)scale(.98)}.pen-neu .subnav.on{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}html[data-kopf=offen] .pen-neu .subnav{top:66px}.pen-neu .subnav-pill{background:linear-gradient(115deg,#f8fafe 0%,#eef2fb 40%,#e7f1fc 70%,#edeefc 100%);border:1px solid #e2e6f0;border-radius:999px;justify-content:space-between;align-items:center;gap:8px;width:auto;max-width:calc(100vw - 24px);padding:3px 3px 3px 11px;display:flex;box-shadow:0 10px 24px -16px #10182f73}.pen-neu .subnav-title{color:var(--navy);letter-spacing:-.01em;font-size:.76rem;font-weight:800;animation:1.7s cubic-bezier(.445,.05,.55,.95) infinite alternate pn-wort;display:inline-block}@keyframes pn-wort{to{transform:translateY(-2.5px)}}.pen-neu .subnav-pill .btn-mini{padding:4px 10px;font-size:.7rem}.pen-neu .subnav-pill .btn-mini.buy{background:var(--navy);color:#fff}.pen-neu .subnav-pill .btn-mini.buy:hover{background:var(--navy-deep)}.pen-neu .subnav-actions{align-items:center;gap:10px;display:inline-flex}@media (max-width:640px){.pen-neu .subnav{top:8px;right:8px}html[data-kopf=offen] .pen-neu .subnav{top:62px}.pen-neu .subnav-title{display:none}.pen-neu .subnav-pill{padding:3px}}.pen-neu .kicker{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-bottom:18px;font-size:.78rem;font-weight:600}.pen-neu .kicker:before{content:"+ ";color:var(--red)}.pen-neu .section-head{max-width:46rem;margin-bottom:56px}.pen-neu .section-head.centered{text-align:center;margin-left:auto;margin-right:auto}.pen-neu .section-head h2{letter-spacing:-.025em;color:var(--ink);font-size:clamp(1.9rem,4vw,3rem);font-weight:800;line-height:1.14}.pen-neu .section-head p{color:var(--muted);max-width:40rem;margin-top:18px;margin-left:auto;margin-right:auto;font-size:1.08rem;line-height:1.7}.pen-neu .section-head:not(.centered) p{margin-left:0}.pen-neu .hero{text-align:center;padding:26px 0 12px;overflow:hidden}.pen-neu .hero h1{letter-spacing:-.03em;color:var(--ink);font-size:clamp(2.7rem,6vw,4.6rem);font-weight:800;line-height:1.06}.pen-neu .hero h1 .line{white-space:nowrap;display:inline-block}.pen-neu .hero .byline{color:var(--muted);justify-content:center;align-items:baseline;gap:12px;margin-top:10px;font-size:1.3rem;font-weight:700;display:flex}.pen-neu .hero .byline .wortmarke{font-size:1.5rem;transform:translateY(.05rem)}.pen-neu .hero .byline:after{content:"";align-self:center;width:50px;height:40px;display:inline-block}.pen-neu .hero .byline[data-nvx-knopf]:after{display:none}.pen-neu .hero .cline{letter-spacing:-.01em;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:14px;margin-top:18px;font-size:1.18rem;font-weight:800;display:flex}.pen-neu .hero .cline span:not(.csep){color:var(--c)}.pen-neu .hero .cline .csep{color:var(--faint);font-weight:600}.pen-neu .hero-media{margin-top:22px}.pen-neu .hero-cta{text-align:center;margin-top:6px}.pen-neu .wortmarke{text-transform:uppercase;letter-spacing:-.01em;color:#0d1c5e;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-weight:800;line-height:1}.pen-neu .wortmarke .wm-x{color:#b91d26}@media (max-width:900px){.pen-neu .hero{padding:38px 0 10px}}@media (max-width:480px){.pen-neu .hero h1 .line{white-space:normal}}@media (prefers-reduced-motion:no-preference){.pen-neu .hero h1 .line,.pen-neu .hero .byline,.pen-neu .hero .cline{animation:.9s cubic-bezier(.165,.84,.44,1) both pn-auf}.pen-neu .hero .byline{animation-delay:.12s}.pen-neu .hero .cline{animation-delay:.24s}}@keyframes pn-auf{0%{opacity:0;transform:translateY(22px)}}.pen-neu .pn-held{aspect-ratio:1200/360;width:min(1100px,96vw);margin:0 auto;position:relative}.pen-neu .pn-ebene,.pen-neu .pn-ebene>div{position:absolute;inset:0}.pen-neu .pn-ebene img{max-width:none;position:absolute}@media (prefers-reduced-motion:no-preference){.pen-neu .pn-ebene-pen>div{animation:1s cubic-bezier(.215,.61,.355,1) .3s both pn-ein-pen}.pen-neu .pn-ebene-kappe>div{animation:1s cubic-bezier(.215,.61,.355,1) .4s both pn-ein-kappe}.pen-neu .pn-ebene-nadel>div{animation:.9s cubic-bezier(.215,.61,.355,1) .55s both pn-ein-nadel}.pen-neu .pn-ebene-pen{animation:4.6s cubic-bezier(.445,.05,.55,.95) 1.7s infinite alternate pn-schweben-pen}.pen-neu .pn-ebene-kappe{animation:5.4s cubic-bezier(.445,.05,.55,.95) 2.1s infinite alternate pn-schweben-kappe}.pen-neu .pn-ebene-nadel{animation:4s cubic-bezier(.445,.05,.55,.95) 1.9s infinite alternate pn-schweben-nadel}}@keyframes pn-ein-pen{0%{opacity:0;transform:translate(10%)}}@keyframes pn-ein-kappe{0%{opacity:0;transform:translate(-8.3333%)rotate(-2deg)}}@keyframes pn-ein-nadel{0%{opacity:0;transform:translate(5.8333%)}}@keyframes pn-schweben-pen{to{transform:translateY(13.8889%)}}@keyframes pn-schweben-kappe{to{transform:translateY(11.1111%)}}@keyframes pn-schweben-nadel{to{transform:translateY(12.5%)}}.pen-neu .pn-pin{position:relative}.pen-neu .pn-pin>section{z-index:1;position:sticky;top:0}.pen-neu .pn-weg{height:var(--pn-weg-handy);pointer-events:none}@media (min-width:641px){.pen-neu .pn-weg{height:var(--pn-weg-pc)}}@supports (height:round(up, 1.5px, 1px)){.pen-neu .pn-weg{height:round(up, var(--pn-weg-handy), 1px)}@media (min-width:641px){.pen-neu .pn-weg{height:round(up, var(--pn-weg-pc), 1px)}}}.pen-neu .exploded,.pen-neu .rtu-sec,.pen-neu .na-sec,.pen-neu .inj-sec,.pen-neu .nw-sec{overflow:hidden}.pen-neu .pn-buehne{width:100%;aspect-ratio:var(--pn-seite);-webkit-user-select:none;user-select:none;margin-inline:auto;position:relative}.pen-neu .pn-buehne img,.pen-neu .pn-buehne>canvas,.pen-neu .pn-buehne>svg{object-fit:contain;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.pen-neu .pn-buehne>svg{pointer-events:none;overflow:visible}.pen-neu .pn-buehne[data-pn-bereit] img{visibility:hidden}.pen-neu .exp-viewport{flex-direction:column;justify-content:flex-start;min-height:92svh;padding:clamp(84px,11vh,100px) 0 40px;display:flex}.pen-neu .exp-stage{width:min(1180px,96vw);margin:auto}.pen-neu .exp-stage .pn-buehne{max-height:max(220px,100svh - 300px)}.pen-neu .call-t{font-family:var(--mono);fill:var(--navy);font-size:17px;font-weight:600}.pen-neu .flow-stage{width:min(1100px,96vw);margin:12px auto 0}.pen-neu .na-viewport,.pen-neu .inj-viewport,.pen-neu .rtu-viewport{min-height:92svh;padding:44px 0;padding-top:calc(var(--pen-kopf,0px) + 24px);flex-direction:column;justify-content:center;display:flex}.pen-neu .na-viewport .tut-note{margin-top:18px}.pen-neu .rtu-sec .section-head>.kicker{margin-top:0}.pen-neu .rtu-sec .section-head{margin-bottom:clamp(12px,2.2svh,26px)}.pen-neu .rtu-viewport .tut-note{margin-top:clamp(8px,1.2svh,14px)}.pen-neu .rtu-sec .rtu-viewport{min-height:92svh;padding-top:calc(var(--pen-kopf,0px) + 12px);padding-bottom:92px}.pen-neu .tut-note{text-align:center;font-family:var(--mono);color:var(--navy);margin-top:40px;padding-inline:20px;font-size:.85rem;font-weight:600}.pen-neu .tut-note:before{content:"+ ";color:var(--red)}@media (min-width:641px){.pen-neu .na-viewport,.pen-neu .inj-viewport,.pen-neu .rtu-viewport{padding:24px 0;padding-top:calc(var(--pen-kopf,0px) + 24px)}.pen-neu .rtu-sec .rtu-viewport{padding-top:calc(var(--pen-kopf,0px) + 12px);padding-bottom:28px}.pen-neu .na-sec .pn-buehne,.pen-neu .nw-sec .pn-buehne,.pen-neu .inj-sec .pn-buehne{max-height:calc(100svh - 215px - var(--pen-kopf,0px))}.pen-neu .rtu-sec .pn-buehne{max-height:max(190px, calc(100svh - 340px - var(--pen-kopf,0px)))}}@media (max-width:640px){.pen-neu .exp-stage .pn-buehne,.pen-neu .na-sec .pn-buehne,.pen-neu .inj-sec .pn-buehne,.pen-neu .nw-sec .pn-buehne,.pen-neu .rtu-sec .pn-buehne{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}.pen-neu .rtu-sec .pn-buehne{max-height:max(180px, calc(100svh - 430px - var(--pen-kopf,0px)))}.pen-neu .na-caps text{font-size:31px;font-weight:600}.pen-neu .call-t{font-size:34px}}.pen-neu [data-pn-nur=handy]{display:none}@media (max-width:640px){.pen-neu [data-pn-nur=handy]{display:revert}.pen-neu [data-pn-nur=pc]{display:none}}.pen-neu section.block{padding:84px 0}.pen-neu .cx{padding:70px 0;position:relative;overflow:hidden}.pen-neu .cx .container{z-index:1;position:relative}.pen-neu .cx-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.pen-neu .cx-text h2{letter-spacing:-.02em;color:var(--c);font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:800;line-height:1.2}.pen-neu .cx-text p{color:var(--muted);max-width:32rem;margin-top:14px;font-size:1.06rem;line-height:1.7}.pen-neu .cx-text.centered{text-align:center;max-width:44rem;margin:0 auto clamp(12px,3vh,26px)}.pen-neu .cx-text.centered p{max-width:44rem;margin-top:10px;margin-left:auto;margin-right:auto}.pen-neu .cx-cta{margin-top:22px}.pen-neu .con-clock{height:auto;display:block}.pen-neu .con-clock .con-akzent{stroke:var(--c)}.pen-neu .con-clock .con-akzent-f{fill:#c81e28}.pen-neu .cx-final{text-align:center;letter-spacing:-.01em;color:var(--c,var(--navy));margin-top:clamp(12px,2.8vh,22px);font-size:1.25rem;font-weight:800;line-height:1.35}.pen-neu .chain-num{color:#fff;text-align:center;background:#c81e28;border-radius:999px;flex:none;width:22px;height:22px;font-size:.76rem;font-weight:800;line-height:22px}.pen-neu .routine-step:nth-child(odd) .chain-num{background:var(--navy)}.pen-neu .routine{grid-template-columns:minmax(0,1fr);justify-items:center;gap:clamp(18px,3.2vh,28px);max-width:1040px;margin:clamp(8px,1.6vh,14px) auto 0;display:grid}.pen-neu .routine .con-clock{width:clamp(120px,20vh,168px);margin:0 auto}.pen-neu .routine-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.3vh,12px) 22px;width:100%;margin:0;padding:0;list-style:none;display:grid}.pen-neu .routine-step{opacity:0;border:2px solid color-mix(in srgb, var(--c) 40%, #fff);min-height:clamp(42px,6.4vh,54px);box-shadow:4px 4px 0 color-mix(in srgb, var(--c) 12%, transparent);font-family:var(--mono);color:var(--navy);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:8px 12px;font-size:.8rem;font-weight:600;line-height:1.3;display:flex;position:relative}.pen-neu .routine-step .routine-text{min-width:0}.pen-neu .routine-step:not(:nth-child(4n)):after{content:"";background:color-mix(in srgb, var(--c) 45%, #fff);width:22px;height:2px;position:absolute;top:50%;right:-22px}@media (max-width:900px){.pen-neu .cx-grid{grid-template-columns:1fr;gap:32px}.pen-neu .cx,.pen-neu section.block{padding:52px 0}.pen-neu .routine-steps{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:640px;margin:0 auto}.pen-neu .routine-step:after{display:none}.pen-neu #consistency.block{padding:16px 0}.pen-neu #consistency .cx-text.centered{margin-bottom:16px}.pen-neu #consistency .cx-text.centered p{margin-top:8px;font-size:.95rem;line-height:1.5}.pen-neu .routine{gap:14px;margin-top:0}.pen-neu .routine .con-clock{width:clamp(92px,15svh,168px)}.pen-neu .routine-steps{gap:6px 16px}.pen-neu .routine-step{border-radius:11px;min-height:clamp(32px,5.2svh,44px);padding:5px 10px;font-size:.76rem}.pen-neu #consistency .cx-final{margin-top:12px;font-size:1.1rem}}@media (max-width:480px){.pen-neu .routine-steps{grid-template-columns:1fr}}.pen-neu .pn-pin-con>section{top:var(--pn-con-oben,0px)}.pen-neu .pn-weg-con{height:2392px}@media (max-width:900px){.pen-neu .pn-weg-con{height:2000px}}.pen-neu[data-pn-con=frei] .pn-pin-con>section{position:relative;top:0}.pen-neu[data-pn-con=frei] .pn-weg-con{display:none}.pen-neu .euro-box{border:2.5px solid color-mix(in srgb, var(--c) 45%, #fff);box-shadow:8px 8px 0 color-mix(in srgb, var(--c) 16%, transparent);background:#fff;border-radius:20px;padding:30px 32px}.pen-neu .euro-row{justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.pen-neu .euro-row+.euro-row{border-top:1px solid var(--border)}.pen-neu .euro-name{color:var(--ink);font-size:1.02rem;font-weight:800}.pen-neu .euro-row.other .euro-name{color:var(--muted);font-weight:700}.pen-neu .euro-marks{gap:6px;display:flex}.pen-neu .e{color:#dfe3ec;font-size:1.7rem;font-weight:800;line-height:1;display:inline-block}.pen-neu .euro-marks .e.on{color:var(--navy)}.pen-neu .euro-row.other .euro-marks .e.on{color:#c81e28}@media (prefers-reduced-motion:no-preference){.pen-neu:not([data-pn-euro]) #euro-them .e,.pen-neu:not([data-pn-euro]) #euro-us .e{opacity:0}.pen-neu[data-pn-euro] #euro-them .e{transform-origin:50% 100%;animation:.4s cubic-bezier(.895,.03,.685,.22) both pn-euro-schwer}.pen-neu[data-pn-euro] #euro-them .e:nth-child(2){animation-delay:.1s}.pen-neu[data-pn-euro] #euro-them .e:nth-child(3){animation-delay:.2s}.pen-neu[data-pn-euro] #euro-them .e:nth-child(4){animation-delay:.3s}.pen-neu[data-pn-euro] .euro-row.other{animation:.22s cubic-bezier(.215,.61,.355,1) .72s both pn-euro-wippen}.pen-neu[data-pn-euro] #euro-us .e{transform-origin:50% 100%;animation:.5s cubic-bezier(.34,1.9,.64,1) .95s both pn-euro-leicht}.pen-neu[data-pn-euro] #euro-us .e:nth-child(2){animation-delay:1.07s}.pen-neu[data-pn-euro] #euro-us .e:nth-child(3){animation-delay:1.19s}.pen-neu[data-pn-euro] #euro-us .e:nth-child(4){animation-delay:1.31s}.pen-neu[data-pn-euro] #euro-us .e.on{animation:.5s cubic-bezier(.34,1.9,.64,1) .95s both pn-euro-leicht,.6s cubic-bezier(.39,.575,.565,1) 1.05s both pn-euro-leuchten}}@keyframes pn-euro-schwer{0%{opacity:0;transform:translateY(-36px)scaleY(1.2)}}@keyframes pn-euro-wippen{50%{transform:translateY(3px)}}@keyframes pn-euro-leicht{0%{opacity:0;transform:translateY(12px)scale(.65)}}@keyframes pn-euro-leuchten{50%{text-shadow:0 0 16px #1b2a6be6}}.pen-neu .reveal{will-change:transform, opacity}@media (prefers-reduced-motion:no-preference){.pen-neu #consistency .reveal{opacity:0;transition:opacity .7s cubic-bezier(.165,.84,.44,1),transform .7s cubic-bezier(.165,.84,.44,1);transform:translateY(30px)}.pen-neu #consistency .reveal[data-pn-da]{opacity:1;transform:none}}.pen-neu .pen-ende.block{text-align:center;border-top:1px solid var(--border);padding:56px 0 68px}.pen-neu .pen-ende .kicker{margin-bottom:14px}.pen-neu .pen-ende h2{letter-spacing:-.025em;color:var(--ink);font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:800;line-height:1.14}.pen-neu .nobr{white-space:nowrap}.pen-neu .ende-line{max-width:34rem;color:var(--muted);margin:14px auto 0;font-size:1.06rem;line-height:1.7}.pen-neu .ende-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:30px;display:flex}.pen-neu .ende-pulse{display:inline-block}@media (max-width:900px){.pen-neu .pen-ende.block{padding:44px 0 52px}}@media (prefers-reduced-motion:no-preference){.pen-neu[data-pn-ende] .ende-pulse{animation:.71s both pn-ende-auf,2.1s cubic-bezier(.445,.05,.55,.95) 1.21s 2 both pn-ende-atmen}}@keyframes pn-ende-auf{0%{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:scale(1)}36.6%{animation-timing-function:cubic-bezier(.34,2.2,.64,1);transform:scale(1.07)}to{transform:scale(1)}}@keyframes pn-ende-atmen{50%{transform:scale(1.035)}}@media (prefers-reduced-motion:reduce){.pen-neu .pn-weg{display:none}.pen-neu .pn-pin>section{position:relative}.pen-neu .routine-step{opacity:1}}