/* sd-core.css - zentrale Design-Bausteine (generiert von tools/build_core_css.py) */
/* ===== ftrnavfix ===== */
.sdf2-col{background:none!important;background-image:none!important;box-shadow:none!important;position:static!important;top:auto!important;border-bottom:0!important;border-top:0!important}
/* ===== navcta-unify ===== */
.sdnav-cta{background:linear-gradient(180deg,#3b8bff,#0a66ff)!important;color:#fff!important;border-radius:14px!important;box-shadow:0 14px 30px -16px rgba(10,102,255,.5)!important;transition:background .2s,transform .2s,box-shadow .2s!important}.sdnav-cta:hover{transform:translateY(-1px)!important;box-shadow:0 18px 36px -14px rgba(10,102,255,.6)!important}
/* ===== pfncss ===== */
.pfn{margin-top:8px;overflow-x:clip}
.pfn-period{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7a8392;margin-bottom:30px;text-align:center}
.pfn-track{position:relative;display:flex;align-items:flex-start}
.pfn-line{position:absolute;top:68px;left:9%;right:9%;height:3px;border-radius:3px;background:linear-gradient(90deg,#4ea7a0,#3f9cc2,#3585d2,#2ba389,#16a45f);z-index:0}
.pfn-stage{position:relative;z-index:1;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}
.pfn-n{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-weight:800;font-size:clamp(21px,2.5vw,33px);letter-spacing:-.01em;color:#0b1b2b;line-height:1;height:48px;white-space:nowrap;display:flex;align-items:flex-end}
.pfn-dot{width:16px;height:16px;border-radius:50%;background:#fff;border:3.5px solid var(--c);margin:14px 0;box-sizing:border-box}
.pfn-l{font-size:13.5px;line-height:1.3;color:#64748b;max-width:15ch}
.pfn-win .pfn-n{color:#15994e;font-size:clamp(16px,1.85vw,25px)}
.pfn-win .pfn-dot{width:22px;height:22px;border:0;background:#16a45f;margin:11px 0;box-shadow:0 6px 16px -2px rgba(22,164,95,.55)}
.pfn-win .pfn-l{color:#15994e;font-weight:700}
@media(max-width:560px){
.pfn-period{margin-bottom:16px;text-align:left}
.pfn-track{flex-direction:column;align-items:stretch}
.pfn-line{top:6px;bottom:6px;left:8px;right:auto;width:3px;height:auto}
.pfn-stage{flex-direction:row;align-items:center;text-align:left;gap:15px;padding:9px 0}
.pfn-n{order:2;height:auto;font-size:23px;min-width:92px;justify-content:flex-start}
.pfn-dot{order:1;margin:0;flex:0 0 auto}
.pfn-win .pfn-dot{margin:0}
.pfn-l{order:3;flex:1;max-width:none;font-size:14px}
}
/* ===== sd-logobahn-css ===== */
#beweis.sd-beweis{padding:clamp(50px,6vw,82px) 0;background:#fff}
#beweis .lb-head{text-align:center;margin:0 auto clamp(30px,4vw,46px);max-width:760px;padding:0 20px}
#beweis .lb-head h2{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:clamp(22px,2.6vw,34px);font-weight:800;letter-spacing:-.02em;color:#0e1726;margin:0 0 10px;line-height:1.15}
#beweis .lb-head p{font-size:15px;color:#5b6675;margin:0}
#beweis .logobahn.lb-row{margin-bottom:18px}
#beweis .logobahn.lb-row:last-of-type{margin-bottom:0}
#beweis .logobahn{max-width:1248px;margin-left:auto;margin-right:auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
#beweis .lb-track{display:flex;align-items:center;gap:clamp(48px,6vw,84px);width:max-content;padding:10px 0;will-change:transform}
#beweis .lb-track img{height:30px;width:auto;max-width:150px;object-fit:contain;filter:grayscale(1);opacity:.5;transition:opacity .25s,filter .25s}
#beweis .lb-track img:hover{filter:none;opacity:1}
@media(prefers-reduced-motion:reduce){#beweis .logobahn{-webkit-mask-image:none;mask-image:none}#beweis .lb-track{flex-wrap:wrap;justify-content:center;width:auto;gap:22px 30px;transform:none!important}#beweis .lb-track img:nth-child(n+11){display:none}}
/* ===== sdUnifiedCSS ===== */
.sdnav{position:sticky;top:0;z-index:100;background:#08090c;border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 10px 30px -16px rgba(0,0,0,.7);transition:box-shadow .3s ease}
.sdnav.scrolled{background:#08090c;box-shadow:0 16px 40px -18px rgba(0,0,0,.85);border-bottom-color:rgba(255,255,255,.12)}
.sdnav-in{max-width:1160px;margin:0 auto;padding:0 28px;height:66px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.sdnav-logo img{height:24px;display:block;filter:none}
.sdnav-links{display:flex;align-items:center;gap:30px;margin:0 auto}
.sdnav-links a{font-size:14px;color:rgba(255,255,255,.82);font-weight:500;text-decoration:none;position:relative;white-space:nowrap;transition:color .2s}
.sdnav-links a:hover{color:#fff}
.sdnav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:#0a66ff;border-radius:2px;transform:scaleX(0);transition:transform .25s ease;transform-origin:center}
.sdnav-links a:hover::after{transform:scaleX(1)}
.sdnav-r{display:flex;align-items:center;gap:20px}
.sdnav-login{font-size:14px;color:rgba(255,255,255,.7);font-weight:500;text-decoration:none;white-space:nowrap}
.sdnav-login:hover{color:#fff}
.sdnav-cta{display:inline-flex;align-items:center;gap:7px;background:#0a66ff;color:#fff;font-size:13.5px;font-weight:600;text-decoration:none;padding:10px 18px;border-radius:999px;white-space:nowrap;transition:background .2s,transform .2s}
.sdnav-cta:hover{background:#0856d6;transform:translateY(-1px)}
.sdnav-cta svg{width:13px;height:13px}
@media(max-width:920px){.sdnav-links,.sdnav-login{display:none}.sdnav-in{height:58px}}
.sdfoot{background:#0a0a0e;color:#b7b7b1;padding:clamp(56px,7vw,88px) 0 38px;border-top:1px solid rgba(255,255,255,.08);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
.sdfoot a{text-decoration:none}
.sdfoot-in{max-width:1160px;margin:0 auto;padding:0 28px}
.sdfoot-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:36px;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.1)}
.sdfoot-brand img{height:24px;filter:brightness(0) invert(1);margin-bottom:16px}
.sdfoot-brand p{font-size:14px;color:#8e8d85;max-width:300px;line-height:1.6}
.sdfoot-soc{display:flex;gap:9px;margin-top:18px}
.sdfoot-soc a{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;color:#cfcdc4;transition:.25s}
.sdfoot-soc a:hover{color:#fff;border-color:#0a66ff;background:#0a66ff;transform:translateY(-2px)}
.sdfoot-soc svg{width:15px;height:15px}
.sdfoot-col h5{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#76746c;margin-bottom:16px;font-weight:600}
.sdfoot-col a{display:block;font-size:14px;color:#b7b7b1;margin-bottom:11px;transition:color .2s}
.sdfoot-col a:hover{color:#5b9bff}
.sdfoot-bot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;padding-top:24px;font-size:12.5px;color:#76746c}
.sdfoot-status{display:flex;align-items:center;gap:8px}
.sdfoot-status i{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399;animation:sdpulse 2s infinite}
@keyframes sdpulse{0%,100%{opacity:1}50%{opacity:.4}}
@media(max-width:820px){.sdfoot-top{grid-template-columns:1fr 1fr;gap:28px}.sdfoot-brand{grid-column:1/-1}}
/* ===== auroraFx ===== */
.aurora{position:relative;overflow:hidden}.aurora::before{content:"";position:absolute;inset:-60% -10% auto;height:180%;background:radial-gradient(38% 50% at 20% 30%,rgba(10,102,255,.40),transparent 70%),radial-gradient(34% 46% at 82% 24%,rgba(66,178,255,.28),transparent 70%),radial-gradient(44% 54% at 60% 82%,rgba(10,60,200,.30),transparent 70%);filter:blur(34px);animation:auroraFloat 20s ease-in-out infinite alternate;pointer-events:none;z-index:0}@keyframes auroraFloat{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-5%,4%,0) scale(1.12)}}.aurora>*{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.aurora::before{animation:none}}
/* ===== sdHeroBackdrop ===== */
header.hero,header.arthero:not(.aurora){position:relative;isolation:isolate;background:linear-gradient(180deg,rgba(255,255,255,.46) 0%,rgba(255,255,255,.7) 46%,rgba(255,255,255,.93) 82%,#fff 100%),linear-gradient(100deg,rgba(255,255,255,.88) 26%,rgba(255,255,255,.48) 100%),url("/assets/wow/topbg.jpg") center 30%/cover no-repeat !important}
header.hero>*,header.arthero:not(.aurora)>*{position:relative;z-index:1}
/* ===== branchenpremium ===== */
header.hero{position:relative;isolation:isolate;background:radial-gradient(46% 52% at 6% -8%,rgba(10,102,255,.14),transparent 60%),radial-gradient(44% 48% at 97% 2%,rgba(123,92,255,.11),transparent 62%),radial-gradient(64% 56% at 62% 116%,rgba(10,102,255,.06),transparent 60%),linear-gradient(180deg,#f3f7ff,#ffffff 72%) !important}
header.hero>*{position:relative;z-index:1}
.hero h1{background:linear-gradient(126deg,#13151b 42%,#0a66ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.hero h1 .hl{-webkit-text-fill-color:#0a66ff;color:#0a66ff}
.split h2,.sec-head h2{background:linear-gradient(126deg,#15171c 50%,#0a66ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.step,.zc{transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .4s}
.step:hover,.zc:hover{transform:translateY(-5px);box-shadow:0 34px 68px -38px rgba(10,80,220,.3);border-color:rgba(10,102,255,.22)}
.casecard{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .45s}
.casecard:hover{transform:translateY(-4px);box-shadow:0 46px 92px -46px rgba(10,80,220,.34)}
.step .sn{box-shadow:0 14px 30px -12px rgba(10,102,255,.5)}
section.bg2{background:linear-gradient(180deg,#f6f8fc,#f2f5fb) !important}
/* ===== sdcrit ===== */
/* Kritisches Nav-/Footer-Layout im Head (render-blocking) - verhindert FOUC/Inline-Bruch */
.sdtop-in{max-width:1320px;margin:0 auto}
.sdnav-in{max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.sdf2-in{max-width:1320px;margin:0 auto;padding:0 36px}
.sdf2-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:clamp(28px,3.5vw,56px)}
.sdf2-col{display:flex!important;flex-direction:column;align-items:flex-start}
.sdf2-col a,.sdf2-addr{display:block!important;width:auto}
.sdf2-brand p{max-width:30ch}
@media(max-width:1080px){.sdf2-top{grid-template-columns:repeat(4,1fr)}.sdf2-brand{grid-column:1/-1}}
@media(max-width:640px){.sdf2-top{grid-template-columns:1fr 1fr}.sdf2-in{padding:0 22px}}
/* ===== fnnew ===== */
/* ===== SalesDrive Kampagnen-Funnel - horizontale runde Stufen (Desktop + Mobil) ===== */
/* Aeusserer Container: Homepage hat Segs direkt; Case/Referenzen haben .fn-period + .fn-row */
.fn.fn{display:flex!important;flex-wrap:wrap!important;flex-direction:row!important;align-items:flex-start!important;justify-content:center!important;gap:14px!important;max-width:760px!important;width:100%!important;margin:18px auto 4px!important;overflow:visible!important;background:none!important;height:auto!important}
.fn.fn .fn-period{flex:0 0 100%!important;width:100%!important;order:-1!important;text-align:center!important;font-size:12.5px!important;letter-spacing:.06em!important;text-transform:uppercase!important;font-weight:600!important;color:#8a93a3!important;margin:0 0 2px!important;background:none!important}
.fn.fn .fn-row{flex:0 0 100%!important;width:100%!important;display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:center!important;gap:14px!important;flex-wrap:nowrap!important;margin:0!important;overflow:visible!important;background:none!important;transform:none!important}
.fn.fn .fn-svg{display:none!important}
.fn.fn .fn-seg.fn-seg{position:relative!important;flex:1 1 0!important;min-width:0!important;max-width:134px!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:none!important;border:none!important;box-shadow:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:13px!important;container-type:inline-size!important;opacity:1!important;transform:none!important}
.fn.fn .fn-seg:nth-child(1){--c:#2a7af0!important}
.fn.fn .fn-seg:nth-child(2){--c:#2f93cf!important}
.fn.fn .fn-seg:nth-child(3){--c:#1f9fae!important}
.fn.fn .fn-seg:nth-child(4){--c:#1aa577!important}
.fn.fn .fn-seg:nth-child(5){--c:#12a05f!important}
.fn.fn .fn-txt.fn-txt{position:static!important;inset:auto!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:11px!important;width:100%!important;padding:0!important;background:none!important;line-height:1!important}
.fn.fn .fn-num.fn-num{box-sizing:border-box!important;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;width:100%!important;aspect-ratio:1!important;border-radius:50%!important;border:2.5px solid var(--c,#2a7af0)!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 13px 30px -16px rgba(16,32,64,.4)!important;font-size:24px!important;font-size:25cqw!important;font-weight:800!important;color:#0e1726!important;-webkit-text-fill-color:#0e1726!important;letter-spacing:-.02em!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important;line-height:1!important;text-shadow:none!important;padding:4px!important;margin:0!important}
.fn.fn .fn-win .fn-num.fn-num{font-size:15px!important;font-size:15.5cqw!important;background:linear-gradient(150deg,#16a45f,#0f9655)!important;border-color:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 18px 38px -14px rgba(18,160,95,.62)!important}
.fn.fn .fn-lab.fn-lab{font-size:clamp(8.5px,.9vw,12px)!important;font-weight:600!important;line-height:1.2!important;color:#5b6675!important;text-align:center!important;hyphens:auto!important;overflow-wrap:break-word!important;max-width:100%!important;margin:0!important;text-shadow:none!important;white-space:normal!important;display:block!important}
.fn.fn .fn-win .fn-lab.fn-lab{color:#0f9655!important;font-weight:700!important}
.fn.fn .fn-seg.fn-seg::after{content:''!important;position:absolute!important;display:block!important;width:8px!important;height:8px!important;border-right:2.5px solid #c7d2e0!important;border-bottom:2.5px solid #c7d2e0!important;border-radius:1px!important;right:-11px!important;top:50cqw!important;transform:translateY(-50%) rotate(-45deg)!important;background:none!important;animation:none!important;box-shadow:none!important;clip-path:none!important}
.fn.fn .fn-seg.fn-seg:last-child::after{display:none!important}
@media(max-width:560px){
.fn.fn{gap:clamp(3px,1vw,6px)!important;max-width:100%!important;padding:0!important}
.fn.fn .fn-row{gap:clamp(3px,1vw,6px)!important;max-width:100%!important}
.fn.fn .fn-seg.fn-seg{container-type:normal!important;gap:7px!important;max-width:none!important}
.fn.fn .fn-txt.fn-txt{gap:7px!important}
.fn.fn .fn-num.fn-num{width:clamp(44px,12.6vw,54px)!important;height:clamp(44px,12.6vw,54px)!important;aspect-ratio:auto!important;min-width:0!important;font-size:clamp(11px,3.3vw,14px)!important;padding:2px!important;border-width:2px!important}
.fn.fn .fn-win .fn-num.fn-num{font-size:clamp(7px,2.05vw,8.5px)!important}
.fn.fn .fn-lab.fn-lab{font-size:clamp(7.5px,2.1vw,9px)!important;line-height:1.1!important}
.fn.fn .fn-seg.fn-seg::after{top:24px!important;right:-4px!important;width:6px!important;height:6px!important;border-width:1.7px!important}
}
/* ===== rfunnel-css ===== */
.rfunnel{margin:6px auto 0;max-width:1000px}
.rfn-meta{font-size:13px;color:#5b6675;letter-spacing:.01em;margin:0 0 28px;text-align:center}
.rfn-meta b{color:#0e1726;font-weight:700}
.rfn-flow{display:flex;align-items:flex-start;justify-content:center;gap:8px}
.rfn-node{display:flex;flex-direction:column;align-items:center;gap:14px;flex:1 1 0;min-width:0}
.rfn-circle{width:clamp(80px,8.6vw,110px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#fff;border:2.5px solid var(--c,#2a7af0);box-shadow:0 13px 30px -16px rgba(16,32,64,.4);padding:6px}
.rfn-n{font-size:clamp(17px,1.95vw,26px);font-weight:800;color:#0e1726;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}
.rfn-l{font-size:12px;font-weight:600;color:#5b6675;text-align:center;line-height:1.25;hyphens:auto;overflow-wrap:break-word;max-width:100%}
.rfn-arrow{flex:0 0 auto;width:12px;height:12px;border-right:2.5px solid #c7d2e0;border-bottom:2.5px solid #c7d2e0;border-radius:2px;transform:rotate(-45deg);margin-top:clamp(36px,4.1vw,49px)}
.rfn-win .rfn-circle{background:linear-gradient(150deg,#16a45f,#0f9655);border-color:transparent;box-shadow:0 18px 38px -14px rgba(18,160,95,.62)}
.rfn-win .rfn-n{color:#fff;-webkit-text-fill-color:#fff;font-size:clamp(12.5px,1.45vw,17px)}
.rfn-win .rfn-l{color:#0f9655;font-weight:700}
.rfn-cta{display:flex;justify-content:center;margin-top:32px}
.rfn-cta a{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:#0a66ff;text-decoration:none;border:1.5px solid #cfe0ff;border-radius:999px;padding:11px 24px;transition:background .2s,border-color .2s}
.rfn-cta a:hover{background:#f0f6ff;border-color:#0a66ff}
@media(max-width:680px){
.rfunnel{max-width:100%}
.rfn-flow{gap:3px}
.rfn-node{gap:8px}
.rfn-circle{width:clamp(44px,12.4vw,52px);border-width:2px;padding:3px}
.rfn-n{font-size:clamp(11px,3.4vw,15px)}
.rfn-win .rfn-n{font-size:clamp(7px,2.05vw,9px)}
.rfn-l{font-size:8px;line-height:1.1}
.rfn-arrow{width:7px;height:7px;border-width:1.8px;margin-top:clamp(19px,6.1vw,27px)}
}
/* ===== wissenpremium ===== */
body .arthero,body .arthero:not(.aurora){position:relative;isolation:isolate;background:radial-gradient(48% 56% at 7% -8%,rgba(10,102,255,.13),transparent 60%),radial-gradient(42% 46% at 96% 4%,rgba(123,92,255,.10),transparent 62%),linear-gradient(180deg,#f3f7ff,#ffffff 74%) !important}
body .arthero>*{position:relative;z-index:1}
body .arthero h1{background:linear-gradient(126deg,#13151b 44%,#0a66ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.pullq{border-left:3px solid #0a66ff;padding-left:24px}
.pullq p{background:linear-gradient(120deg,#15171c 40%,#1f4fcf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.arthero img,.figure img{border-radius:20px;box-shadow:0 40px 90px -46px rgba(10,40,90,.4)}
.takeaways,.statline{border-radius:20px}
.dropcap::first-letter{background:linear-gradient(135deg,#0a66ff,#42b2ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
/* ===== wimgcss ===== */
.wimg{margin:38px 0;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px -48px rgba(10,30,80,.45)}
.wimg img{width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.wimg figcaption{font-size:13px;color:var(--ink3);padding:11px 16px;background:var(--bg2);line-height:1.5}
.wimg.wimg-tall img{aspect-ratio:4/3}
@media(max-width:920px){.wimg{margin:28px 0}.wimg img{aspect-ratio:16/10}}
@media(prefers-reduced-motion:reduce){.wimg{transition:none}}
/* ===== ftrfix ===== */
/* === Mobile-Fixes: Footer + Trust-Sektion === */
@media(max-width:640px){
/* Footer: robustes Flex-Wrap statt Grid (Safari-Grid-Span-Bug umgehen) */
.sdf2 .sdf2-top{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:26px 18px!important;grid-template-columns:none!important}
.sdf2 .sdf2-brand{flex:0 0 100%!important;width:100%!important;max-width:100%!important;order:0!important}
.sdf2 .sdf2-col{flex:0 0 calc(50% - 9px)!important;max-width:calc(50% - 9px)!important;min-width:0!important;width:auto!important}
.sdf2 .sdf2-col h4{margin-bottom:11px!important}
.sdf2 .sdf2-col a{padding:5px 0!important}
.sdf2 .sdf2-bot{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;text-align:left!important}
/* Trust-Sektion: body-Prefix (1,1,1) schlaegt alle alten #zertifiziert-Override-Versuche */
body #zertifiziert .vt-orbit{display:none!important}
body #zertifiziert .vt-grid{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:18px!important;flex-wrap:nowrap!important;text-align:center!important;overflow:visible!important;grid-template-columns:none!important}
body #zertifiziert .vt-stage{order:-1!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;margin:0 auto!important;padding:0!important;flex:0 0 auto!important;float:none!important;transform:none!important}
body #zertifiziert .vt-core{position:static!important;display:flex!important;justify-content:center!important;inset:auto!important;place-items:unset!important;background:none!important}
body #zertifiziert .vt-core img{width:106px!important;height:auto!important;background:#fff!important;border-radius:18px!important;padding:10px!important;box-shadow:0 14px 30px -16px rgba(8,9,12,.28)!important;filter:none!important}
body #zertifiziert .vt-stat,body #zertifiziert .vt-stat-l,body #zertifiziert .vt-stat-r{width:100%!important;max-width:340px!important;margin:0 auto!important;text-align:center!important;flex:0 0 auto!important;min-width:0!important}
body #zertifiziert .vt-stat-l{order:0!important}
body #zertifiziert .vt-stat-r{order:1!important}
body #zertifiziert .vt-stat-l>p{display:block!important}
body #zertifiziert .vt-stat p{max-width:300px!important;margin-left:auto!important;margin-right:auto!important}
body #zertifiziert .vt-brands,body #zertifiziert .vt-stat-l .vt-brands{align-items:center!important;font-size:26px!important}
body #zertifiziert .vt-ex{margin-bottom:8px!important}
body #zertifiziert .vt-chips{margin:14px auto 0!important;width:100%!important;max-width:340px!important}
}
/* ===== ctacolorfix ===== */
/* CTA-Headline: solide Farben statt Verlauf (background-clip:text bricht auf manchen Geraeten) */
body #outro .fo-h,body .sdcta .fo-h{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;animation:none!important}
body #outro .fo-h span,body .sdcta .fo-h span{color:#c8d1de!important;-webkit-text-fill-color:#c8d1de!important;background:none!important;background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;animation:none!important}
/* ===== branchen-premium ===== */
header.hero{position:relative;background:radial-gradient(58% 44% at 84% 0%,rgba(10,102,255,.11),transparent 60%),radial-gradient(42% 36% at 6% 14%,rgba(66,178,255,.08),transparent 55%),linear-gradient(180deg,#f5f8ff 0%,rgba(245,248,255,0) 85%)}
.eyebrow{display:inline-flex!important;align-items:center;gap:8px;background:#e8effe;color:#0a56d6;border:1px solid rgba(10,102,255,.18);border-radius:999px;padding:7px 14px;font-size:11px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase;width:fit-content}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#0a66ff;flex:0 0 auto}
header.hero h1{letter-spacing:-.035em!important}
.htrust{display:flex!important;align-items:center;gap:16px;background:#fff;border:1px solid #e6ebf3;border-radius:16px;padding:12px 18px;width:fit-content;box-shadow:0 16px 36px -28px rgba(13,40,80,.45)}
.exrow{display:inline-flex;flex-wrap:wrap;gap:8px;font-size:12.5px!important;color:#4a5568!important;background:#fff;border:1px dashed #d9e2ef;border-radius:999px;padding:8px 16px;margin-top:14px}
.split{gap:22px!important}
.split>div{background:#fff;border:1px solid #e6ebf3;border-radius:22px;padding:30px 30px;box-shadow:0 24px 52px -38px rgba(13,40,80,.42);transition:transform .35s cubic-bezier(.16,1,.3,1)}
.split>div:hover{transform:translateY(-3px)}
.split>div:first-child{background:linear-gradient(180deg,#fbf7f2,#fff);border-color:#eee2d2}
.split>div:first-child .eyebrow{background:#f7ead9;color:#9a6320;border-color:rgba(154,99,32,.2)}
.split>div:first-child .eyebrow::before{background:#c98a3d}
.split>div:last-child{background:linear-gradient(180deg,#f2f7ff,#fff);border-color:#dbe7fb}
.steps{position:relative}
.steps .step{position:relative;padding:0 0 28px 58px;background:none!important;border:0!important;box-shadow:none!important}
.steps .step::before{content:"";position:absolute;left:17px;top:42px;bottom:2px;width:2px;background:linear-gradient(180deg,#cfe0ff,#eef3fb)}
.steps .step:last-child::before{display:none}
.steps .sn{position:absolute;left:0;top:0;width:37px;height:37px;border-radius:12px;background:linear-gradient(150deg,#0a66ff,#3f9cff);color:#fff;font-weight:800;font-size:15px;display:grid;place-items:center;box-shadow:0 10px 22px -10px rgba(10,102,255,.65);border:0}
.steps h4{margin:6px 0 7px!important;font-size:18px!important;font-weight:750!important;color:#0e1726!important}
.steps .step p{font-size:15.5px!important;line-height:1.65!important;color:#4a5568!important;margin:0!important}
.zcert{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.zcert .zc{background:#fff;border:1px solid #e6ebf3;border-radius:18px;padding:20px 20px;display:flex;gap:15px;align-items:center;box-shadow:0 18px 40px -32px rgba(13,40,80,.45);transition:transform .3s}
.zcert .zc:hover{transform:translateY(-3px)}
.zcert .zc b{display:block;font-size:15px;color:#0e1726}
.zcert .zc span{display:block;font-size:12.5px;color:#677183;margin-top:3px}
.zcert .zc img{height:46px;width:auto}
.zc-stars{color:#f5a623;font-size:15px;white-space:nowrap}
.zc-stars em{font-style:normal;font-weight:800;color:#0e1726;margin-left:5px}
.zc-num{width:44px;height:44px;border-radius:13px;background:linear-gradient(150deg,#0a66ff,#3f9cff);color:#fff;font-weight:800;font-size:18px;display:grid;place-items:center;flex:0 0 auto;box-shadow:0 10px 22px -10px rgba(10,102,255,.6)}
@media(max-width:760px){.zcert{grid-template-columns:1fr}}
.rfunnel{background:#fff;border:1px solid #e6ebf3;border-radius:26px;padding:clamp(24px,3.4vw,40px);box-shadow:0 30px 64px -42px rgba(13,40,80,.5)}
/* ===== casepro ===== */
header.hero .wrap{text-align:center}
header.hero .crumb{justify-content:center;text-align:center}
header.hero h1{margin-left:auto!important;margin-right:auto!important;max-width:20ch}
header.hero .sub{margin-left:auto!important;margin-right:auto!important}
.hchips{justify-content:center}
.hperson{justify-content:center;display:flex!important}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.metrics .mt{background:#fff;border:1px solid #e6ebf3;border-radius:18px;padding:22px 14px;text-align:center;box-shadow:0 18px 40px -32px rgba(13,40,80,.45);transition:transform .3s}
.metrics .mt:hover{transform:translateY(-4px)}
.metrics .n{font-size:clamp(20px,2.2vw,28px);font-weight:800;letter-spacing:-.02em;color:#0e1726}
.metrics .l{font-size:12.5px;color:#677183;margin-top:6px;font-weight:600}
@media(max-width:640px){.metrics{grid-template-columns:1fr 1fr}}
.cstl{padding:clamp(50px,6vw,88px) 0;background:linear-gradient(180deg,#f5f8ff,#fff 70%)}
.cstl .sec-head{text-align:center;margin-bottom:clamp(34px,4.5vw,56px)}
.tl{position:relative;max-width:1000px;margin:0 auto}
.tl::before{content:"";position:absolute;left:50%;top:8px;bottom:8px;width:2.5px;transform:translateX(-50%);background:linear-gradient(180deg,#cfe0ff 0%,rgba(10,102,255,.35) 55%,rgba(22,164,95,.5) 100%);border-radius:3px}
.tl-i{position:relative;width:50%;padding:0 48px 34px 0}
.tl-i:nth-child(even){left:50%;padding:0 0 34px 48px}
.tl-i:last-child{padding-bottom:0}
.tl-n{position:absolute;top:0;right:-20px;width:40px;height:40px;border-radius:50%;background:linear-gradient(150deg,#0a66ff,#3f9cff);color:#fff;font-weight:800;font-size:15px;display:grid;place-items:center;border:3.5px solid #fff;box-shadow:0 10px 24px -10px rgba(10,102,255,.65);z-index:2}
.tl-i:nth-child(even) .tl-n{right:auto;left:-20px}
.tl-start .tl-n{background:linear-gradient(150deg,#5b6675,#38404d)}
.tl-win .tl-n{background:linear-gradient(150deg,#16a45f,#0f9655);box-shadow:0 10px 24px -10px rgba(22,164,95,.65)}
.tl-c{background:#fff;border:1px solid #e3e9f2;border-radius:18px;padding:22px 24px;box-shadow:0 24px 50px -38px rgba(13,40,80,.5);transition:transform .3s}
.tl-c:hover{transform:translateY(-3px)}
.tl-win .tl-c{border-color:rgba(19,160,95,.3);background:linear-gradient(180deg,#f2faf6,#fff)}
.tl-ph{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0a56d6;background:#e8effe;border-radius:999px;padding:4px 11px;margin-bottom:10px}
.tl-win .tl-ph{color:#0d7a48;background:rgba(19,160,95,.12)}
.tl-c h4{margin:0 0 7px;font-size:17px;font-weight:750;letter-spacing:-.01em;color:#0e1726;line-height:1.3}
.tl-c p{margin:0;font-size:14.5px;line-height:1.62;color:#4a5568}
@media(max-width:760px){
.tl::before{left:19px;transform:none}
.tl-i,.tl-i:nth-child(even){width:100%;left:0;padding:0 0 26px 58px}
.tl-n,.tl-i:nth-child(even) .tl-n{left:0;right:auto}
}
.quote{text-align:center;max-width:820px;margin:0 auto}
.quote q{font-size:clamp(19px,2.2vw,25px)!important;line-height:1.5!important;font-weight:600}
.quote .who{justify-content:center}
.rel .relc{transition:transform .3s,box-shadow .3s,border-color .3s}
.rel .relc:hover{transform:translateY(-4px);box-shadow:0 30px 60px -36px rgba(10,60,160,.4);border-color:rgba(10,102,255,.3)}
/* ===== rfnctafix ===== */
.rfn-cta{flex-wrap:wrap;gap:12px}.rfn-cta a{margin:0}
/* ===== wissen-upgrade ===== */
.prose .lead{font-size:clamp(20px,2vw,23px)!important;line-height:1.55!important;color:#1a2233!important;font-weight:500!important;margin:0 0 30px!important}
.prose h2{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:clamp(24px,2.5vw,33px)!important;font-weight:800!important;letter-spacing:-.02em!important;color:#0e1726!important;line-height:1.18!important;margin:56px 0 18px!important}
.prose h2::after{content:"";display:block;width:46px;height:3px;border-radius:3px;background:linear-gradient(90deg,#0a66ff,#42b2ff);margin-top:15px}
.prose h3{font-size:21px!important;font-weight:700!important;color:#0e1726!important;margin:38px 0 12px!important}
.prose p{font-size:18px!important;line-height:1.78!important;color:#3a3f4a!important}
.prose ul,.prose ol{margin:0 0 24px!important;padding-left:0!important;list-style:none!important}
.prose ul li{position:relative;padding-left:30px;margin:0 0 13px;font-size:18px;line-height:1.7;color:#3a3f4a}
.prose ul li::before{content:"";position:absolute;left:5px;top:11px;width:8px;height:8px;border-radius:50%;background:#0a66ff}
.prose ol{counter-reset:wk}
.prose ol li{position:relative;padding-left:40px;margin:0 0 14px;font-size:18px;line-height:1.7;color:#3a3f4a;counter-increment:wk;list-style:none}
.prose ol li::before{content:counter(wk);position:absolute;left:0;top:1px;width:26px;height:26px;border-radius:8px;background:#e8effe;color:#0a66ff;font-size:13.5px;font-weight:700;display:grid;place-items:center}
.prose a{color:#0a66ff;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.prose strong,.prose b{color:#0e1726;font-weight:700}
.prose blockquote{margin:30px 0;padding:6px 0 6px 24px;border-left:3px solid #0a66ff;font-size:20px;line-height:1.55;color:#1a2233;font-style:normal;font-weight:500}
/* ===== wissen-premium ===== */
#artprog{position:fixed;top:0;left:0;height:3px;width:0;z-index:140;background:linear-gradient(90deg,#0a66ff,#42b2ff);border-radius:0 3px 3px 0;box-shadow:0 0 12px rgba(10,102,255,.5);pointer-events:none}
.arthero{position:relative;background:radial-gradient(56% 42% at 82% 0%,rgba(10,102,255,.10),transparent 60%),radial-gradient(40% 34% at 8% 12%,rgba(66,178,255,.08),transparent 55%),linear-gradient(180deg,#f5f8ff 0%,rgba(245,248,255,0) 82%)}
.arthero .eyebrow{display:inline-flex!important;align-items:center;gap:8px;background:#e8effe;color:#0a56d6;border:1px solid rgba(10,102,255,.18);border-radius:999px;padding:7px 14px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;width:fit-content}
.arthero .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#0a66ff;flex:0 0 auto}
.arthero h1{letter-spacing:-.035em!important}
.amETA{display:flex!important;flex-wrap:wrap;gap:8px!important;align-items:center}
.amETA span:not(.dot){background:#fff;border:1px solid #e3e9f2;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:600;color:#4a5568;box-shadow:0 6px 16px -12px rgba(13,40,80,.35)}
.amETA .dot{display:none!important}
.heroimg img{border-radius:26px!important;box-shadow:0 40px 90px -46px rgba(9,20,45,.55)}
.toc-card{background:#fff;border:1px solid #e3e9f2;border-radius:20px;padding:24px 28px;margin:36px 0 8px;box-shadow:0 24px 50px -36px rgba(13,40,80,.35)}
.toc-card b{display:flex;gap:9px;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#7a8392;margin:0 0 12px}
.toc-card b::before{content:"";width:16px;height:2px;background:linear-gradient(90deg,#0a66ff,#42b2ff);border-radius:2px}
.prose .toc-card ol{margin:0!important;padding:0!important;display:grid;grid-template-columns:1fr 1fr;gap:2px 28px;counter-reset:toc}
.prose .toc-card ol li{list-style:none!important;padding:0!important;margin:0!important}
.prose .toc-card ol li::before{display:none!important}
.toc-card a{display:flex;gap:11px;align-items:baseline;padding:8px 0;color:#22304a;text-decoration:none!important;font-weight:600;font-size:14.5px;border-bottom:1px dashed #eceff5;transition:color .2s}
.toc-card li:last-child a,.toc-card li:nth-last-child(2) a{border-bottom:0}
.toc-card a::before{display:none!important}.prose .toc-card ol li::marker{content:''}.toc-card a i{font-style:normal;font-family:ui-monospace,Menlo,monospace;font-size:11.5px;font-weight:700;color:#0a66ff;flex:0 0 auto;line-height:1.7}
.toc-card a:hover{color:#0a66ff}
@media(max-width:620px){.prose .toc-card ol{grid-template-columns:1fr}}
.takeaways{position:relative;background:linear-gradient(180deg,#f4f8ff,#fff);border:1px solid rgba(10,102,255,.16);border-radius:22px;padding:30px 32px 22px;margin:40px 0;box-shadow:0 26px 54px -36px rgba(10,60,160,.35);overflow:hidden}
.takeaways::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0a66ff,#42b2ff)}
.takeaways h4{margin:0 0 16px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px!important;font-weight:600!important;letter-spacing:.16em;text-transform:uppercase;color:#0a56d6!important}
.prose .takeaways ul{margin:0!important;padding:0!important}
.prose .takeaways ul li{display:flex!important;gap:13px;align-items:flex-start;padding:9px 0!important;margin:0!important;font-size:16.5px!important;line-height:1.6!important;color:#22304a!important}
.prose .takeaways ul li::before{display:none!important}
.takeaways .ic{flex:0 0 auto;width:25px;height:25px;border-radius:9px;background:linear-gradient(150deg,#0a66ff,#42b2ff);color:#fff;display:grid;place-items:center;box-shadow:0 8px 16px -8px rgba(10,102,255,.7);margin-top:1px}
.takeaways .ic svg{width:13px;height:13px}
.statline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:36px 0}
.statline>div{background:#fff;border:1px solid #e6ebf3;border-radius:18px;padding:22px 16px;text-align:center;box-shadow:0 18px 40px -32px rgba(13,40,80,.45);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.statline>div:hover{transform:translateY(-4px);box-shadow:0 26px 52px -30px rgba(13,40,80,.5)}
.statline .n{font-size:clamp(21px,2.2vw,29px);font-weight:800;letter-spacing:-.02em;color:#0e1726;font-variant-numeric:tabular-nums}
.statline .l{font-size:12.5px;color:#677183;margin-top:7px;font-weight:600}
@media(max-width:640px){.statline{grid-template-columns:1fr 1fr}}
.steps{position:relative}
.steps .step{position:relative;padding:0 0 28px 58px}
.steps .step::before{content:"";position:absolute;left:17px;top:42px;bottom:2px;width:2px;background:linear-gradient(180deg,#cfe0ff,#eef3fb)}
.steps .step:last-child::before{display:none}
.steps .sn{position:absolute;left:0;top:0;width:37px;height:37px;border-radius:12px;background:linear-gradient(150deg,#0a66ff,#3f9cff);color:#fff;font-weight:800;font-size:15px;display:grid;place-items:center;box-shadow:0 10px 22px -10px rgba(10,102,255,.65);border:0}
.steps h4{margin:6px 0 7px!important;font-size:18px!important;font-weight:750!important;color:#0e1726!important}
.steps p{font-size:15.5px!important;line-height:1.65!important;color:#4a5568!important;margin:0!important}
details{background:#fff;border:1px solid #e6ebf3;border-radius:16px;margin:0 0 12px;box-shadow:0 14px 34px -30px rgba(13,40,80,.45);overflow:hidden}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;font-weight:700;font-size:16px;color:#12203a}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";flex:0 0 26px;height:26px;border-radius:9px;background:#eef4ff;color:#0a66ff;font-weight:700;font-size:17px;display:grid;place-items:center;transition:transform .25s}
details[open] summary::after{transform:rotate(45deg)}
details .fa{padding:0 22px 20px!important;color:#3a4356!important;font-size:15.5px!important;line-height:1.7!important}
.art-cta{position:relative;overflow:hidden;background:radial-gradient(120% 170% at 85% -20%,rgba(10,102,255,.5),transparent 55%),linear-gradient(160deg,#0d1526,#08090c);border-radius:24px;padding:36px;margin:46px 0;box-shadow:0 34px 70px -36px rgba(5,20,60,.75)}
.art-cta h3{color:#fff!important;font-size:clamp(21px,2.4vw,27px)!important;font-weight:800!important;letter-spacing:-.02em;margin:0 0 9px!important}
.art-cta p{color:rgba(255,255,255,.75)!important;font-size:15.5px!important;line-height:1.6!important;margin:0 0 22px!important;max-width:54ch}
.art-cta .btn2{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(180deg,#3b8bff,#0a66ff);color:#fff!important;font-weight:700;font-size:15px;padding:14px 24px;border-radius:14px;text-decoration:none!important;box-shadow:0 16px 34px -14px rgba(10,102,255,.8);transition:transform .2s,box-shadow .2s}
.art-cta .btn2:hover{transform:translateY(-2px);box-shadow:0 22px 42px -14px rgba(10,102,255,.9)}
.art-cta .btn2 svg{width:16px;height:16px}
.art-cta .meta{display:block;margin-top:14px;font-size:12.5px;color:rgba(255,255,255,.55)}
/* ===== dachtblcss ===== */
.dachtbl{border:1px solid rgba(21,23,28,.09);border-radius:16px;overflow:hidden;margin:26px 0 8px;background:#fff;box-shadow:0 16px 40px -30px rgba(8,9,12,.25)}
.dt-row{display:grid;grid-template-columns:1.1fr 1.6fr 2fr;gap:0;border-top:1px solid rgba(21,23,28,.07)}
.dt-row:first-child{border-top:0}
.dt-row>span{padding:14px 16px;font-size:14.5px;line-height:1.55;color:#3a3f4a}
.dt-row>span+span{border-left:1px solid rgba(21,23,28,.06)}
.dt-head{background:linear-gradient(135deg,#0a66ff,#3585d2);}
.dt-head>span{color:#fff;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.dt-row b{display:block;color:#15171c;font-size:15px}
.dt-row i{font-style:normal;font-size:12px;color:#8a94a6}
.dt-note{font-size:12.5px;color:#8a94a6;margin-top:10px}
@media(max-width:720px){.dt-row{grid-template-columns:1fr}.dt-row>span+span{border-left:0;border-top:1px dashed rgba(21,23,28,.08)}.dt-head{display:none}}
/* ===== sdtopcss ===== */
.sdtop{background:#1c2740;border-bottom:1px solid rgba(255,255,255,.14)}
.sdtop-in{max-width:1320px;margin:0 auto;padding:6px 36px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.sdtop-l{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.sdtop-l a,.sdtop-addr{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.68);font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap}
.sdtop-l a:hover{color:#fff}
.sdtop-l svg{width:14px;height:14px;color:#42b2ff;flex:0 0 auto}
.sdtop-r{display:flex;align-items:center;gap:6px}
.sdtop-r a{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:rgba(255,255,255,.7);border:0;transition:color .2s,background .2s}
.sdtop-r a:hover{color:#fff;background:rgba(255,255,255,.08)}
.sdtop-r svg{width:15px;height:15px}
@media(max-width:920px){
  .sdtop-addr,.sdtop-r{display:none}
  .sdtop-in{padding:5px 22px;justify-content:center}
  .sdtop-l{gap:18px;flex-wrap:nowrap}
  .sdtop-l a{font-size:12px}
}
/* ===== sdnavmob ===== */
.sdnav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:0;background:transparent;cursor:pointer;padding:0;margin-left:8px;flex:0 0 auto}.sdnav-burger span{display:block;width:24px;height:2px;border-radius:2px;background:#fff;margin:0 auto;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .2s}.sdnav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.sdnav-burger.open span:nth-child(2){opacity:0}.sdnav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sdnav-backdrop{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.sdnav-backdrop.open{opacity:1;visibility:visible}.sdnav-mobile{position:fixed;top:0;left:0;right:0;z-index:95;background:rgba(8,9,12,.985);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:80px 24px 30px;transform:translateY(-102%);opacity:0;visibility:hidden;transition:transform .36s cubic-bezier(.33,1,.68,1),opacity .3s,visibility .36s;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 24px 50px -20px rgba(0,0,0,.8)}.sdnav-mobile.open{transform:translateY(0);opacity:1;visibility:visible}.sdnav-mobile a{display:block;color:#fff;text-decoration:none;font-size:19px;font-weight:600;letter-spacing:-.01em;padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.08)}.sdnav-mobile a:active{color:#42b2ff}.sdnav-mobile .sdm-cta{margin-top:20px;background:#0a66ff;border-radius:13px;text-align:center;padding:16px;border-bottom:0;box-shadow:0 12px 28px -10px rgba(10,102,255,.7)}@media(max-width:920px){.sdnav-burger{display:flex}}@media(min-width:921px){.sdnav-burger,.sdnav-mobile,.sdnav-backdrop{display:none!important}}
/* Einheitliche Nav-Breite auf allen Seiten */
.sdnav{display:block!important}
.sdnav-in{width:100%!important;max-width:1320px!important;padding:0 36px!important;margin:0 auto!important;box-sizing:border-box!important}
@media(max-width:920px){.sdnav-in{padding:0 22px!important}}
/* ===== sdf2css ===== */
.sdf2{background:#08090c;color:rgba(255,255,255,.85);padding:clamp(56px,7vw,88px) 0 0;border-top:1px solid rgba(255,255,255,.08)}
.sdf2-in{max-width:1320px;margin:0 auto;padding:0 36px}
.sdf2-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:clamp(28px,3.5vw,56px)}
.sdf2-brand{text-align:left}.sdf2-brand img{height:26px;width:auto}
.sdf2-brand p{margin:18px 0 20px;font-size:14px;line-height:1.6;color:rgba(255,255,255,.55);max-width:30ch}
.sdf2-soc{display:flex;gap:10px}
.sdf2-soc a{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.75);transition:border-color .2s,color .2s,transform .2s}
.sdf2-soc a:hover{border-color:rgba(255,255,255,.4);color:#fff;transform:translateY(-2px)}
.sdf2-soc svg{width:17px;height:17px}
.sdf2-trust{display:flex;align-items:center;gap:14px;margin-top:24px;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04);max-width:340px}
.sdf2-tuv{flex:0 0 auto;display:block;background:#fff;border-radius:8px;padding:6px}
.sdf2-tuv img{height:44px;width:auto;display:block}
.sdf2-trust-t b{display:block;font-size:13px;color:#fff}
.sdf2-trust-t span{display:block;font-size:11.5px;color:rgba(255,255,255,.5);margin-top:2px}
.sdf2-trust-t a{display:block;font-size:11.5px;color:#9cc3ff;text-decoration:none;margin-top:4px}
.sdf2-trust-t a:hover{color:#cfe0ff}
.sdf2-tuv2{display:inline-block;margin-top:24px}
.sdf2-tuv2 img{height:52px;width:auto;display:block;border-radius:6px}
.sdf2-legal{padding:2px 0 30px;font-size:10.5px;line-height:1.65;color:rgba(255,255,255,.32)}
.sdf2-legal p{margin:0 0 8px}
.sdf2-col h4{margin:0 0 14px;font-family:'SF Mono',ui-monospace,Menlo,monospace;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.sdf2-col .sdf2-h2nd{margin-top:22px}
.sdf2-col a{display:block;font-size:13.5px;color:rgba(255,255,255,.72);text-decoration:none;padding:4.5px 0;transition:color .2s}
.sdf2-col a:hover{color:#fff}
.sdf2-addr{display:block;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.5);padding:4.5px 0}
.sdf2-bot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:clamp(40px,5vw,64px);padding:22px 0 26px;border-top:1px solid rgba(255,255,255,.08);font-size:12.5px;color:rgba(255,255,255,.45)}
.sdf2-status{display:inline-flex;align-items:center;gap:8px}
.sdf2-status i{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:sdf2pulse 2.4s ease-in-out infinite}
@keyframes sdf2pulse{0%,100%{opacity:1}50%{opacity:.4}}
@media(prefers-reduced-motion:reduce){.sdf2-status i{animation:none}}
@media(max-width:1080px){.sdf2-top{grid-template-columns:repeat(4,1fr)}.sdf2-brand{grid-column:1/-1}}
@media(max-width:640px){.sdf2-in{padding:0 22px}.sdf2-top{grid-template-columns:1fr 1fr}}
/* ===== sdhdrfix ===== */
@media(max-width:920px){
  .sdtop{background:linear-gradient(120deg,#13284e,#0c1830)!important;border-bottom:0!important}
  .sdtop-in{padding:7px 22px!important}
  .sdtop-l a{color:rgba(255,255,255,.85)!important}
  .sdnav{background:linear-gradient(180deg,#0b1426,#08090c 70%)!important;box-shadow:0 14px 32px -18px rgba(0,0,0,.7),0 1.5px 0 rgba(10,102,255,.45) inset!important;border-bottom:0!important}
}
/* ===== branchenwow ===== */
/* ===== Branchen Wow-Upgrade ===== */
header.hero{overflow:hidden;overflow:clip}
header.hero::after{content:"";position:absolute;width:540px;height:540px;right:-90px;top:-180px;z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(10,102,255,.18),transparent 64%);filter:blur(26px);animation:bwFloat 15s ease-in-out infinite;pointer-events:none}
@keyframes bwFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-34px,46px) scale(1.1)}}
.hero h1{position:relative}
/* Stats: Karte + Pop */
.stats .stat{padding:18px 10px;border-radius:18px;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s,background .5s}
.stats .stat:hover{transform:translateY(-4px);background:rgba(10,102,255,.04);box-shadow:0 24px 50px -34px rgba(10,102,255,.4)}
.stat .n{will-change:contents;font-variant-numeric:tabular-nums}
/* Logo-Laufschrift */
.bw-logos{padding:clamp(22px,3vw,44px) 0}
.bw-logos-cap{text-align:center;font-size:13.5px;letter-spacing:.01em;color:#5f6470;margin:0 0 22px}
.bw-bahn{overflow:hidden;max-width:1248px;margin:0 auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.bw-track{display:flex;align-items:center;gap:clamp(42px,5vw,76px);width:max-content;animation:bwScroll 38s linear infinite}
.bw-track img{height:26px;width:auto;max-width:140px;object-fit:contain;filter:grayscale(1);opacity:.48;transition:opacity .3s,filter .3s}
.bw-track img:hover{filter:none;opacity:1}
@keyframes bwScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Premium Hover */
.casecard{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}
.casecard:hover{transform:translateY(-6px);box-shadow:0 46px 92px -46px rgba(10,102,255,.42)}
.step{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s}
.step:hover{transform:translateY(-5px);box-shadow:0 28px 54px -36px rgba(8,9,12,.3)}
.zc{transition:transform .3s,box-shadow .3s}
.zc:hover{transform:translateY(-3px);box-shadow:0 22px 44px -32px rgba(8,9,12,.25)}
.feats li{transition:transform .25s ease}
.feats li:hover{transform:translateX(5px)}
/* Reveal-Stagger fuer Stats + Steps */
.stats.rv .stat,.steps .step{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.stats.rv.in .stat,.steps .step.bwin{opacity:1;transform:none}
.steps .step:nth-child(2){transition-delay:.1s}.steps .step:nth-child(3){transition-delay:.2s}
.stats.rv.in .stat:nth-child(2){transition-delay:.08s}.stats.rv.in .stat:nth-child(3){transition-delay:.16s}.stats.rv.in .stat:nth-child(4){transition-delay:.24s}
@media(prefers-reduced-motion:reduce){.bw-track{animation:none;flex-wrap:wrap;justify-content:center}header.hero::after{animation:none}.stats.rv .stat,.steps .step{opacity:1!important;transform:none!important}}

/* Story-Sektion */
.bw-story{padding:clamp(38px,5.5vw,76px) 0}
.bw-story-in{max-width:760px;margin:0 auto;position:relative;padding-left:clamp(20px,3vw,34px);border-left:3px solid rgba(10,102,255,.32)}
.bw-story-in .eyebrow{margin-bottom:16px}
.bw-story-lead{font-size:clamp(22px,2.6vw,33px);line-height:1.32;font-weight:650;letter-spacing:-.02em;color:#15171c;margin:0 0 20px}
.bw-story-in p:not(.bw-story-lead){font-size:clamp(16px,1.45vw,18px);line-height:1.72;color:#3a3f4a;margin:0 0 15px;max-width:64ch}
.bw-story-in p:last-child{margin:0}
/* ===== branchenfx ===== */
.bw-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:400;background:linear-gradient(90deg,#0a66ff,#42b2ff);box-shadow:0 0 14px rgba(10,102,255,.55);will-change:width}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
header.hero h1{background:linear-gradient(100deg,#15171c 0%,#15171c 38%,#2f6bff 50%,#15171c 62%,#15171c 100%);background-size:240% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:bwShimmer 7s linear infinite;padding-bottom:.08em;opacity:1!important;transform:none!important}
}
@keyframes bwShimmer{from{background-position:120% center}to{background-position:-120% center}}
.casecard,.step,.zc{position:relative}
.casecard::after,.step::after,.zc::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),rgba(10,102,255,.14),transparent 62%);opacity:0;transition:opacity .35s;pointer-events:none;z-index:1}
.casecard:hover::after,.step:hover::after,.zc:hover::after{opacity:1}
.casecard>*,.step>*,.zc>*{position:relative;z-index:2}
.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);transition:left .7s ease;pointer-events:none}
.btn:hover::after{left:150%}
.stat.bw-pulse .n{animation:bwPulse 1s ease}
@keyframes bwPulse{0%{filter:drop-shadow(0 0 0 rgba(10,102,255,0))}40%{filter:drop-shadow(0 0 14px rgba(10,102,255,.5))}100%{filter:drop-shadow(0 0 0 rgba(10,102,255,0))}}
@media(prefers-reduced-motion:reduce){header.hero h1{animation:none}.btn::after{display:none}.bw-progress{display:none}}
/* ===== ctafootfix ===== */
.sdcta>.wrap{max-width:1320px!important;margin-left:auto!important;margin-right:auto!important;padding-left:36px!important;padding-right:36px!important}
.sdf2-in{max-width:1320px!important;margin-left:auto!important;margin-right:auto!important;padding-left:36px!important;padding-right:36px!important}
@media(max-width:560px){.sdcta>.wrap,.sdf2-in{padding-left:22px!important;padding-right:22px!important}}
/* ===== fnchev ===== */
/* ===== Chevron-Pfeil-Funnel (glasig/outline, Apple) - case-detail ===== */
.case__funnel.fn{display:block;background:transparent;border:0;padding:0;margin-top:8px;overflow:visible}
.case__funnel.fn .fn-period{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7a8090;text-align:center;margin-bottom:13px}
.case__funnel.fn .fn-row{display:flex;align-items:stretch;gap:0;overflow:visible}
.case__funnel.fn .fn-seg{position:relative;flex:0 0 auto;width:22.5%;min-width:0;height:clamp(64px,7vw,82px);margin-left:-3.15%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateX(-16px) scale(.92);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.34,1.56,.64,1)}
.case__funnel.fn .fn-seg.fn-first{margin-left:0}
.case__funnel.fn.in .fn-seg{opacity:1;transform:none}
.case__funnel.fn.in .fn-seg:nth-child(1){transition-delay:.05s}
.case__funnel.fn.in .fn-seg:nth-child(2){transition-delay:.17s}
.case__funnel.fn.in .fn-seg:nth-child(3){transition-delay:.29s}
.case__funnel.fn.in .fn-seg:nth-child(4){transition-delay:.41s}
.case__funnel.fn.in .fn-seg:nth-child(5){transition-delay:.53s}
.case__funnel.fn .fn-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 8px 20px rgba(8,12,22,.28)) drop-shadow(0 1px 2px rgba(8,12,22,.18))}
.case__funnel.fn .fn-svg polygon{fill:url(#fnGlassFill);stroke:url(#fnGlassStroke);stroke-width:1.4;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.case__funnel.fn .fn-win .fn-svg{filter:drop-shadow(0 10px 26px rgba(16,164,95,.4)) drop-shadow(0 0 1px rgba(16,164,95,.4))}
.case__funnel.fn .fn-win .fn-svg polygon{fill:url(#fnGlassWinFill);stroke:url(#fnGlassWinStroke)}
.case__funnel.fn.in .fn-win .fn-svg{animation:fnWinGlowG 3s ease-in-out infinite 1s}
@keyframes fnWinGlowG{0%,100%{filter:drop-shadow(0 10px 26px rgba(16,164,95,.32)) drop-shadow(0 0 1px rgba(16,164,95,.4))}50%{filter:drop-shadow(0 12px 32px rgba(16,200,120,.6)) drop-shadow(0 0 2px rgba(16,200,120,.5))}}
.case__funnel.fn .fn-seg::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;clip-path:polygon(0 0,86% 0,100% 50%,86% 100%,0 100%,14% 50%);background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.14) 50%,transparent 58%);background-size:260% 100%;background-position:140% 0}
.case__funnel.fn .fn-first::after{clip-path:polygon(0 0,86% 0,100% 50%,86% 100%,0 100%)}
.case__funnel.fn.in .fn-seg::after{animation:fnSheenG 3.4s ease-in-out infinite}
.case__funnel.fn.in .fn-seg:nth-child(2)::after{animation-delay:.2s}
.case__funnel.fn.in .fn-seg:nth-child(3)::after{animation-delay:.4s}
.case__funnel.fn.in .fn-seg:nth-child(4)::after{animation-delay:.6s}
.case__funnel.fn.in .fn-seg:nth-child(5)::after{animation-delay:.8s}
@keyframes fnSheenG{0%{background-position:140% 0}55%,100%{background-position:-140% 0}}
.case__funnel.fn .fn-txt{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 7% 0 14%;line-height:1.05}
.case__funnel.fn .fn-num{display:block;font-size:clamp(13px,1.5vw,17px);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45);white-space:nowrap}
.case__funnel.fn .fn-win .fn-num{font-size:clamp(11.5px,1.3vw,15.5px);color:#ddffe9;text-shadow:0 1px 5px rgba(0,40,18,.6)}
.case__funnel.fn .fn-lab{display:block;font-size:clamp(7.5px,.74vw,9.5px);font-weight:600;margin-top:3px;color:rgba(255,255,255,.82);text-shadow:0 1px 3px rgba(0,0,0,.5);line-height:1.16;max-width:96%}
.case__funnel.fn .fn-win .fn-lab{color:rgba(214,255,228,.9)}
@media(max-width:820px){.case__funnel.fn .fn-seg{height:clamp(62px,12vw,80px)}}
@media(max-width:600px){.case__funnel.fn .fn-seg{height:58px;width:23.5%;margin-left:-3.9%}.case__funnel.fn .fn-num{font-size:12.5px}.case__funnel.fn .fn-win .fn-num{font-size:11px}.case__funnel.fn .fn-lab{font-size:7.4px}}
@media(prefers-reduced-motion:reduce){.case__funnel.fn .fn-seg{opacity:1!important;transform:none!important}.case__funnel.fn .fn-seg::after,.case__funnel.fn.in .fn-win .fn-svg{animation:none!important}}
/* ===== iosov ===== */
@media(max-width:768px){html,body{overflow-x:hidden!important;touch-action:pan-y pinch-zoom!important;overscroll-behavior-x:none!important}}