@import url("/wp-content/plugins/spark-site/assets/tinos.css");
.spk-page,.spk-page *,.spk-page *::before,.spk-page *::after{box-sizing:content-box}

@font-face{font-family:'Uncut Sans';src:url('/wp-content/plugins/spark-site/assets/a-09c67dc7c0.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Uncut Sans';src:url('/wp-content/plugins/spark-site/assets/a-b3d1f13cb2.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('/wp-content/plugins/spark-site/assets/a-e170994e12.woff2') format('woff2');font-weight:400}
@font-face{font-family:'Geist Mono';src:url('/wp-content/plugins/spark-site/assets/a-68b41b4c65.woff2') format('woff2');font-weight:500;font-display:swap}
html,body{margin:0;background:#FFFFFF;color-scheme:light}
html{scroll-padding-top:84px}
.spk-page{max-width:1440px;margin:0 auto;overflow-x:clip}
.spk-nav{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:28px;padding:7px 7px 7px 20px;border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:saturate(1.5) blur(16px);-webkit-backdrop-filter:saturate(1.5) blur(16px);box-shadow:0 0 0 1px rgba(20,20,20,.07),0 8px 28px -12px rgba(20,20,20,.18);font-family:'Uncut Sans','Helvetica Neue',Arial,sans-serif;white-space:nowrap;transition:box-shadow .3s ease}
.spk-nav.is-scrolled{box-shadow:0 0 0 1px rgba(20,20,20,.08),0 12px 32px -12px rgba(20,20,20,.24)}
.spk-logo img{display:block;height:26px;width:auto}
.spk-links{display:flex;gap:24px}
.spk-links a{font-size:15px;font-weight:500;color:#141414;text-decoration:none;opacity:.72;transition:opacity .2s ease}
.spk-links a:hover{opacity:1}
.spk-cta{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:999px;background:#FF3F53;color:#FFFFFF;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s ease}
.spk-cta:hover{background:#E8283D}
.spk-nav a:focus-visible{outline:2px solid #FF3F53;outline-offset:3px;border-radius:8px}
.spk-navspace{height:84px}
/* phone menu: the three-line button opens a white card under the nav pill (user, 2026-10-01) */
.spk-burger,.spk-menu,.spk-menu-bg{display:none}
@media (max-width:900px){
  .spk-nav{padding-right:6px}
  .spk-burger{display:grid;place-content:center;gap:4px;flex:none;width:40px;height:40px;margin-left:-8px;padding:0;border:0;border-radius:50%;background:#F2F2F2;cursor:pointer}
  .spk-burger span{display:block;width:16px;height:1.75px;border-radius:1px;background:#141414;transition:transform .25s ease,opacity .2s ease}
  .spk-burger[aria-expanded=true] span:nth-child(1){transform:translateY(5.75px) rotate(45deg)}
  .spk-burger[aria-expanded=true] span:nth-child(2){opacity:0}
  .spk-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-5.75px) rotate(-45deg)}
  .spk-burger:focus-visible{outline:2px solid #FF3F53;outline-offset:2px}
  .spk-menu-bg:not([hidden]){display:block;position:fixed;inset:0;z-index:58;background:rgba(20,20,20,.18)}
  .spk-menu:not([hidden]){display:flex;flex-direction:column;position:fixed;z-index:59;top:calc(78px + env(safe-area-inset-top,0px));left:16px;right:16px;padding:8px 8px 10px;border-radius:24px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(20,20,20,.07),0 24px 48px -20px rgba(20,20,20,.35);font-family:'Uncut Sans','Helvetica Neue',Arial,sans-serif;animation:spk-menu-in .22s ease}
  .spk-menu a{padding:15px 14px;border-bottom:1px solid #F2F2F2;font-size:19px;font-weight:500;letter-spacing:-.01em;color:#141414;text-decoration:none}
  .spk-menu a:focus-visible{outline:2px solid #FF3F53;outline-offset:-2px;border-radius:12px}
  .spk-menu .spk-menu-cta{display:flex;align-items:center;justify-content:center;height:50px;margin-top:10px;padding:0;border:0;border-radius:999px;background:#FF3F53;color:#FFFFFF;font-size:16px}
}
@media (max-width:380px){.spk-nav .spk-cta{display:none}}
@keyframes spk-menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (max-width:900px){.spk-links{display:none}.spk-nav{gap:16px;left:16px;right:16px;transform:none;justify-content:space-between}}
/* Integrationen and Brief sit on the page like the other sections: no frame lines, no hatched bands */
html #integrationen .page,html #brief .page{border-inline:0}
html #integrationen .si-hatch,html #brief .hatch{display:none}
/* the letter as one card across the 1200 grid (like the other cards: #F2F2F2, big radius), head centred, reading column in the middle */
html #brief .lb-sec{margin:24px 120px 112px;padding:104px 96px 112px;background:#F2F2F2;border-radius:28px}
html #brief .lb-head{display:flex;flex-direction:column;align-items:center}
html #brief .lb-h2{font-size:56px}
html #brief .lb-pill{width:82px;height:50px;vertical-align:-6px}
html #brief .lb-body,html #brief .lb-sign{max-width:640px}
html #brief .lb-quote{max-width:820px}
html #brief .lb-sig{width:342px;height:auto;overflow:visible}
.spk-sig{display:block;margin-left:-6px}.spk-role{margin-top:12px;font-size:15px;color:#6F6F6F}
.spk-name{margin-top:14px;font-size:16px;font-weight:500;letter-spacing:-.01em;color:#141414}
.spk-name span{display:block;margin-top:2px;font-size:15px;font-weight:400;color:#6F6F6F}
html #brief .spk-name+.lb-origin{margin-top:12px}
@media (max-width:1000px){html #brief .lb-sec{margin:8px 16px 64px;padding:64px 22px 72px;border-radius:24px}html #brief .lb-h2{font-size:40px}html #brief .lb-pill{width:62px;height:38px;vertical-align:-5px}}
/* one content width for every section: 1200 inside the 1440 frame, headlines 48 */
@media (min-width:1001px){html #integrationen .si-sec{padding-left:120px;padding-right:120px}}
html #integrationen .si-h2{font-size:48px;letter-spacing:-.04em}
@media (max-width:760px){html #integrationen .si-h2{font-size:32px}}
.spk-eye{display:block;line-height:0;margin-bottom:10px}
.spk-eye svg{display:block}
#integrationen .spk-eye{display:flex;justify-content:center;margin-bottom:0}
.spk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.spk-top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50}
/* phone fixes (user, 2026-10-01: Workflows cut off, Integrationen messy on mobile) */
@media (max-width:560px){
  html #leistungen .wf-lines,html #leistungen .wf-a,html #leistungen .wf-b,html #leistungen .wf-chip{display:none}
  html #leistungen .wf-tile{left:22px;top:96px;width:58px;height:58px}
  html #leistungen .steps{left:auto;right:18px;top:36px;width:214px}
}
@media (max-width:760px){
  html #integrationen .si-stage{height:auto!important;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:330px;margin:8px auto 0;padding-bottom:16px}
  html #integrationen .si-lines,html #integrationen .si-glow,html #integrationen .si-socket,html #integrationen .si-chip,html #integrationen .si-kachel,html #integrationen .si-feed,html #integrationen .si-mark{display:none!important}
  html #integrationen .si-tile{position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;opacity:1!important;width:66px!important;height:66px!important;margin:0!important}
}




.cs{background:#FFFFFF;color:#141414;font-family:'Uncut Sans','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.cs-sec{padding:80px 120px 88px}
.cs-head{display:flex;flex-direction:column;align-items:center;text-align:center}
.cs-eye{line-height:0;margin-bottom:6px}
.cs-eye svg{display:block}
.cs-h2{margin:0;font-size:48px;font-weight:500;line-height:1.1;letter-spacing:-.04em;color:#141414}
.cs-h2 span{display:block}
.cs-sub{margin:22px 0 0;max-width:620px;font-size:16px;line-height:1.5;color:#6F6F6F;text-wrap:balance}
.cs-grid{margin-top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.cs-card{position:relative;height:400px;border-radius:24px;overflow:hidden;color:#FFFFFF;isolation:isolate}
.cs-card .cs-logo{position:absolute;left:32px;top:30px;display:flex;align-items:center;gap:10px;font-size:24px;font-weight:500;letter-spacing:-.035em;color:#FFFFFF}
.cs-card .cs-logo img{display:block;height:28px;width:auto}
a.cs-card{display:block;text-decoration:none}
.cs-go{position:absolute;right:22px;top:22px;width:40px;height:40px;border-radius:50%;background:#FFFFFF;color:#141414;display:grid;place-items:center;opacity:0;transform:translate(-6px,6px) scale(.8);transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}
.cs-go svg{width:16px;height:16px}
.cs-tile:hover .cs-go,.cs-tile:focus-visible .cs-go,.cs-tile.is-cur .cs-go{opacity:1;transform:none}
.cs-tile:focus-visible{outline:2px solid #FF3F53;outline-offset:3px}
.cs-card .cs-num{position:absolute;left:32px;bottom:62px;font-size:56px;font-weight:500;line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.cs-card .cs-cap{position:absolute;left:32px;bottom:30px;font-size:16px;line-height:1.4;color:rgba(255,255,255,.92)}
/* Kresna's blue gradient cards, in Spark red: a light arc from the top right over a deep-to-coral field */
/* Kresna's gradient cards are rendered images; ours too (cardart.py): the glowing rim and the soft light beam, in Spark red */
.cs-glow,.cs-deep{background:#3A0712}
.cs-card>.cs-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.cs-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;z-index:-2;transition:transform .9s cubic-bezier(.22,1,.36,1)}
.cs-tile.cs-photo:hover>img{transform:scale(1.04)}
.cs-photo::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,20,20,.5) 0%,rgba(20,20,20,0) 30%,rgba(20,20,20,0) 46%,rgba(20,20,20,.74) 100%)}
.cs-quote{grid-column:span 2;background:#F2F2F2;color:#141414;display:grid;grid-template-columns:396px 1fr}
.cs-quote .cs-pic{position:relative;overflow:hidden}
.cs-quote .cs-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%;opacity:0;transform:scale(1.045);transition:opacity .7s ease,transform 1.2s cubic-bezier(.22,1,.36,1)}
.cs-quote .cs-pic img.on{opacity:1;transform:none}
.cs-quote .cs-body{position:relative;padding:32px 34px 30px 32px}
.cs-text{position:absolute;inset:32px 34px 30px 32px;display:flex;flex-direction:column;opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .6s cubic-bezier(.22,1,.36,1);pointer-events:none}
.cs-text.on{opacity:1;transform:none;transition-delay:.18s;pointer-events:auto}
.cs-text>div:last-child{margin-top:auto}
.cs-company{font-size:13px;font-weight:500;letter-spacing:.16em;color:#141414;padding-right:108px;white-space:nowrap}
.cs-logoimg{display:block;align-self:flex-start;height:32px;width:auto;margin:-9px 0 -7px}
.cs-q{margin:26px 0 0;font-size:21px;line-height:1.42;letter-spacing:-.015em;color:#141414;font-weight:400;text-wrap:pretty}
.cs-q b{font-weight:500}
.cs-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.cs-more{flex:none;display:grid;place-items:center;width:40px;height:40px;border:1px solid #D6D6D6;border-radius:50%;color:#141414;text-decoration:none;transition:background .25s ease,color .25s ease,border-color .25s ease}
.cs-more:hover{background:#141414;border-color:#141414;color:#FFFFFF}
.cs-more svg{width:16px;height:16px}
.cs-name{font-size:17px;font-weight:500;letter-spacing:-.02em}
.cs-role{margin-top:2px;font-size:14px;color:#909090}
.cs-dots{position:absolute;right:34px;top:37px;display:flex;gap:4px}
.cs-dot{appearance:none;border:0;padding:0;margin:0;width:14px;height:5px;border-radius:3px;background:#DCDCDC;overflow:hidden;cursor:pointer;transition:width .5s cubic-bezier(.22,1,.36,1)}
.cs-dot i{display:block;height:100%;width:0;background:#FF3F53;border-radius:3px}
.cs-dot.on{width:28px}
.cs-dot.on i{animation:cs-fill var(--cs-dur,4.6s) linear forwards}
.cs-paused .cs-dot.on i{animation-play-state:paused}
@keyframes cs-fill{from{width:0}to{width:100%}}
.cs-w{font-style:normal;color:#141414;opacity:.16;transition:opacity .5s ease}
/* entrance: header rises in once; each card fades up on its own when it reaches the viewport (row 2 later, like Kresna) */
.cs-anim .cs-eye,.cs-anim .cs-sub{opacity:0;transform:translateY(12px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}
.cs-anim.cs-in .cs-eye,.cs-anim.cs-in .cs-sub{opacity:1;transform:none}
.cs-anim.cs-in .cs-sub{transition-delay:.35s}
.cs-anim .cs-card{opacity:0;transform:translateY(26px) scale(.975);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1)}
.cs-anim .cs-card.is-in{opacity:1;transform:none}
@media (min-width:1001px) and (max-width:1279px){
  .cs-quote{grid-template-columns:40% 1fr}
  .cs-q{font-size:18px}
  .cs-logoimg{height:26px;margin:-6px 0 -4px}
  .cs-dot{width:10px}
  .cs-dot.on{width:22px}
}
@media (max-width:1000px){
  .cs-sec{padding:64px 20px 72px}
  .cs-h2{font-size:36px}
  .cs-grid{grid-template-columns:1fr 1fr;gap:14px}
  .cs-quote{grid-column:span 2;grid-template-columns:1fr 1.3fr}
  .cs-card{height:340px}
  .cs-q{font-size:18px}
}
@media (max-width:640px){
  .cs-grid{grid-template-columns:1fr}
  .cs-quote{grid-column:auto;grid-template-columns:1fr;grid-template-rows:260px auto}
  .cs-quote,.cs-card{height:auto;min-height:320px}
  .cs-card:not(.cs-quote){height:320px}
  .cs-quote .cs-body{padding:0;min-height:330px}
  .cs-text{inset:24px 22px 24px 22px}
  .cs-q{font-size:17px}
  .cs-dots{right:22px;top:28px}
}
@media (prefers-reduced-motion:reduce){.cs-anim .cs-eye,.cs-anim .cs-sub,.cs-anim .cs-card{opacity:1;transform:none;transition:none}.cs-w{opacity:1}}
.cp{background:#FFFFFF;color:#141414;font-family:'Uncut Sans','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.cp a{color:inherit;text-decoration:none}
.cp-nav{display:flex;align-items:center;justify-content:space-between;height:88px;padding:0 120px;border-bottom:1px solid #F0F0F0}
.cp-nav img{display:block;height:26px;width:auto}
.cp-links{display:flex;gap:36px;font-size:15px;font-weight:500;color:#141414}
.cp-links a.on{color:#FF3F53}
.cp-btn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 20px;border-radius:999px;background:#FF3F53;color:#FFFFFF!important;font-size:15px;font-weight:500;letter-spacing:-.01em;transition:background .25s ease,transform .25s ease}
.cp-btn:hover{background:#E8283D}
.cp-btn svg{width:16px;height:16px}
.cp-main{width:940px;margin:0 auto;padding:56px 0 0}
.cp-back{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#6F6F6F;transition:color .2s ease}
.cp-back:hover{color:#141414}
.cp-back svg{width:14px;height:14px}
.cp-tag{display:inline-block;margin-top:34px;padding:4px 10px;border:1px solid #FF8A97;border-radius:999px;font-size:13px;font-weight:500;color:#E0243B;line-height:1.3}
.cp-h1{margin:16px 0 0;font-size:56px;font-weight:500;line-height:1.1;letter-spacing:-.045em;text-wrap:balance}
.cp-by{display:flex;align-items:center;gap:18px;margin-top:26px}
.cp-by .cp-co{height:26px;width:auto;display:block}
.cp-by hr{flex:1;border:0;border-top:1px solid #E5E5E5;margin:0}
.cp-who{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}
.cp-who img{width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.cp-who span{color:#909090;font-weight:400}
.cp-hero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
.cp-card{position:relative;height:380px;border-radius:24px;overflow:hidden;color:#FFFFFF;isolation:isolate}
.cp-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;z-index:-2}
.cp-photo::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,20,20,0) 45%,rgba(20,20,20,.66) 100%)}
.cp-kpi{position:absolute;left:28px;right:24px;bottom:26px}
.cp-kpi .cp-num{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.12em;row-gap:4px;font-size:46px;font-weight:500;line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.cp-kpi .cp-cap{margin-top:12px;font-size:16px;line-height:1.4;color:rgba(255,255,255,.92)}
.cp-card .cp-pn{position:absolute;left:28px;bottom:50px;font-size:20px;font-weight:500;letter-spacing:-.02em}
.cp-card .cp-pr{position:absolute;left:28px;bottom:26px;font-size:14px;color:rgba(255,255,255,.8)}
/* like Kresna's cards these are rendered images (cardart.py), not CSS gradients: a glowing rim, a soft light beam */
.cp-glow,.cp-deep{background:#3A0712}
.cp-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.cp-body{display:grid;grid-template-columns:minmax(0,1fr) 262px;gap:64px;margin-top:64px;align-items:start}
.cp-lead{margin:0;font-size:21px;line-height:1.5;letter-spacing:-.012em;color:#141414}
.cp-h3{margin:56px 0 0;font-size:36px;font-weight:500;line-height:1.15;letter-spacing:-.035em}
.cp-p{margin:18px 0 0;font-size:18px;line-height:1.55;color:#6F6F6F}
.cp-change{margin-top:22px;padding:30px 32px 32px;border-radius:24px;background:#F2F2F2}
.cp-change p{margin:14px 0 0;font-size:20px;line-height:1.5;letter-spacing:-.01em;color:#141414}
.cp-voice{margin-top:22px;padding-left:22px;border-left:2px solid #FF3F53}
.cp-vby{display:flex;align-items:center;gap:10px;font-size:14px;color:#909090}
.cp-vby img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.cp-voice p{margin:14px 0 0;font-size:19px;line-height:1.55;color:#141414}
.cp-list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.cp-list li{display:flex;gap:12px;align-items:flex-start;font-size:18px;line-height:1.45;color:#141414}
.cp-list svg{flex:none;width:22px;height:22px;margin-top:1px}
.cp-quote{margin:48px 0 0;padding:34px 36px 32px;border-radius:24px;background:#F2F2F2}
.cp-quote p{margin:0;font-size:25px;line-height:1.38;letter-spacing:-.02em;color:#141414;text-wrap:pretty}
.cp-quote b{font-weight:500}
.cp-quote .cp-who{margin-top:26px;font-size:15px}
.cp-quote .cp-who img{width:44px;height:44px}
.cp-metrics{margin-top:24px;border-radius:20px;background:#F2F2F2;padding:6px 24px}
.cp-mr{display:grid;grid-template-columns:minmax(0,1fr) 110px 120px;gap:16px;align-items:center;padding:16px 0;border-top:1px solid #E2E2E2}
.cp-mr:first-child{border-top:0}
.cp-mh{font-size:13px;color:#909090;padding:12px 0 8px}
.cp-mr b{display:block;font-size:16px;font-weight:500;letter-spacing:-.01em}
.cp-mr small{display:block;margin-top:3px;font-size:13px;color:#909090}
.cp-before{font-size:17px;color:#909090}
.cp-after{font-size:20px;font-weight:500;letter-spacing:-.02em;color:#E0243B}
.cp-mnote{margin:14px 4px 0;font-size:14px;line-height:1.5;color:#909090}
.nu{font-size:.42em;font-weight:500;letter-spacing:-.01em;margin-left:.28em}
.cp-n{white-space:nowrap}
.cp-kpi .cp-num .nu{margin-left:0;white-space:nowrap}
.cp-about{margin:40px 0 0;padding:22px 24px;border-left:3px solid #FF3F53;background:#FAFAFA;border-radius:0 14px 14px 0}
.cp-about b{display:block;font-size:14px;font-weight:500;color:#909090;margin-bottom:6px}
.cp-about p{margin:0;font-size:17px;line-height:1.55;color:#141414}
.cp-costc{margin-top:24px;border-radius:20px;background:#F2F2F2;padding:26px 28px 24px}
.cp-costc .cp-cl{font-size:14px;color:#909090}
.cp-costc .cp-cn{margin-top:10px;font-size:48px;font-weight:500;line-height:1;letter-spacing:-.045em;white-space:nowrap}
.cp-costc .cp-cd{margin-top:8px;font-size:17px;color:#141414}
.cp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.cp-chips span{padding:7px 13px;border-radius:999px;background:#FFFFFF;font-size:14px;color:#141414}
.cp-tl{margin-top:24px;border-radius:20px;background:#F2F2F2;padding:22px 24px 6px}
.cp-tlh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;color:#909090}
.cp-tlh b{font-size:17px;font-weight:500;color:#141414;letter-spacing:-.01em}
.cp-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;margin:14px 0 8px}
.cp-seg i{height:6px;border-radius:3px;background:#FF3F53;transform-origin:left;transform:scaleX(0);transition:transform .7s cubic-bezier(.22,1,.36,1)}
.cp-tl.is-in .cp-seg i{transform:none}
.cp-tr{display:grid;grid-template-columns:92px 1fr;gap:16px;padding:14px 0;border-top:1px solid #E2E2E2}
.cp-tr:first-of-type{border-top:0}
.cp-tr b{font-size:14px;font-weight:500;color:#E0243B;padding-top:2px}
.cp-tr span{font-size:16px;line-height:1.5;color:#141414}
@media (prefers-reduced-motion:reduce){.cp-seg i{transform:none;transition:none}}
.cp-goal{margin:18px 0 0;font-size:22px;line-height:1.45;letter-spacing:-.02em;color:#141414}
.cp-flow{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;counter-reset:f}
.cp-flow li{padding:20px 20px 22px;border-radius:18px;background:#F2F2F2;counter-increment:f}
.cp-flow li::before{content:counter(f,decimal-leading-zero);display:block;font-size:13px;font-weight:500;color:#FF3F53;margin-bottom:10px}
.cp-flow b{display:block;font-size:17px;font-weight:500;letter-spacing:-.015em}
.cp-flow span{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:#6F6F6F}
.cp-calc{margin-top:18px;border-radius:20px;background:#141414;color:#FFFFFF;padding:10px 24px}
.cp-calc div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid rgba(255,255,255,.12);font-size:16px}
.cp-calc div:first-child{border-top:0}
.cp-calc div span:first-child{color:rgba(255,255,255,.7)}
.cp-calc div:last-child span{font-size:20px;font-weight:500;color:#FFFFFF}
.cp-calc div:last-child span:last-child{color:#FF6B7B}
.cp-roi{margin:16px 0 0;font-size:18px;line-height:1.5;font-weight:500;color:#141414}
.cp-aside{position:sticky;top:28px}
.cp-facts{padding:24px 24px 22px;border-radius:20px;background:#F2F2F2}
.cp-facts h4{margin:0;font-size:17px;font-weight:500;letter-spacing:-.02em}
.cp-facts dl{margin:16px 0 0}
.cp-facts div{padding:12px 0;border-top:1px solid #E2E2E2}
.cp-facts dt{font-size:13px;color:#909090}
.cp-facts dd{margin:3px 0 0;font-size:15px;font-weight:500;letter-spacing:-.01em}
.cp-facts .cp-btn{width:100%;justify-content:center;margin-top:10px;box-sizing:border-box;padding:0 14px;gap:8px;font-size:14px;white-space:nowrap}
.cp-note{margin:12px 4px 0;font-size:13px;line-height:1.45;color:#909090}
.cp-more{width:1200px;margin:130px auto 0}
.cp-more-h{display:flex;align-items:flex-end;justify-content:space-between}
.cp-h2{margin:0;font-size:48px;font-weight:500;line-height:1.1;letter-spacing:-.04em}
.cp-dark{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 20px;border-radius:12px;background:#141414;color:#FFFFFF!important;font-size:15px;font-weight:500}
.cp-dark svg{width:16px;height:16px}
.cp-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.cp-rc{display:block;padding:8px 8px 22px;border-radius:22px;background:#F2F2F2;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.cp-rc:hover{transform:translateY(-4px)}
.cp-rc .cp-ri{height:296px;border-radius:16px;overflow:hidden}
.cp-rc .cp-ri img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.cp-rc:hover .cp-ri img{transform:scale(1.04)}
.cp-rc .cp-tag{margin:16px 0 0 10px}
.cp-rc h3{margin:12px 10px 0;font-size:21px;font-weight:500;line-height:1.3;letter-spacing:-.025em}
.cp-rc p{margin:12px 10px 0;font-size:14px;color:#909090}
.cp-cta{position:relative;isolation:isolate;width:1200px;margin:120px auto 0;height:380px;border-radius:28px;overflow:hidden;color:#FFFFFF;box-sizing:border-box;padding:64px 64px 0}
.cp-cta h2{margin:0;max-width:640px;font-size:52px;font-weight:500;line-height:1.08;letter-spacing:-.045em}
.cp-cta p{margin:20px 0 0;max-width:520px;font-size:18px;line-height:1.5;color:rgba(255,255,255,.86)}
.cp-cta .cp-white{position:absolute;left:64px;bottom:60px;display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:999px;background:#FFFFFF;color:#141414!important;font-size:16px;font-weight:500}
.cp-cta .cp-white svg{width:16px;height:16px}
.cp-foot{width:1200px;margin:56px auto 0;padding:24px 0 40px;border-top:1px solid #EDEDED;display:flex;justify-content:space-between;font-size:13px;color:#909090}
/* entrance: the hero cards rise one by one, numbers count up, text blocks fade up as they come into view */
.cp-anim .cp-rise{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}
.cp-anim .cp-rise.is-in{opacity:1;transform:none}
@media (max-width:1279px){
  .cp-nav{padding:0 40px}
  .cp-more,.cp-cta,.cp-foot{width:auto;margin-left:40px;margin-right:40px}
}
@media (max-width:1000px){
  .cp-nav{padding:0 20px;height:68px}
  .cp-links{display:none}
  .cp-nav .cp-btn{height:40px;padding:0 16px;font-size:14px}
  .cp-main{width:auto;padding:36px 20px 0}
  .cp-h1{font-size:38px}
  .cp-by{flex-wrap:wrap}
  .cp-by hr{display:none}
  .cp-hero{grid-template-columns:1fr 1fr}
  .cp-hero .cp-photo{grid-column:span 2;height:320px}
  .cp-card{height:260px}
  .cp-kpi .cp-num{font-size:44px}
  .cp-body{grid-template-columns:1fr;gap:40px;margin-top:44px}
  .cp-aside{position:static}
  .cp-lead{font-size:19px}
  .cp-h3{font-size:28px;margin-top:44px}
  .cp-quote p{font-size:21px}
  .cp-metrics{padding:4px 16px}
  .cp-flow{grid-template-columns:1fr}
  .cp-goal{font-size:19px}
  .cp-mr{grid-template-columns:minmax(0,1fr) 72px 84px;gap:10px}
  .cp-after{font-size:17px}
  .cp-more,.cp-cta,.cp-foot{margin-left:20px;margin-right:20px}
  .cp-more{margin-top:90px}
  .cp-h2{font-size:34px}
  .cp-rel{grid-template-columns:1fr}
  .cp-cta{height:auto;padding:40px 28px 112px}
  .cp-cta .cp-bg{object-position:88% 50%;opacity:.55}
  .cp-cta h2{font-size:34px}
  .cp-cta .cp-white{left:28px;bottom:36px}
}
@media (max-width:640px){
  .cp-hero{grid-template-columns:1fr}
  .cp-hero .cp-photo{grid-column:auto}
  .cp-more-h{flex-direction:column;align-items:flex-start;gap:18px}
  .cp-foot{flex-direction:column;gap:6px}
}
@media (prefers-reduced-motion:reduce){.cp-anim .cp-rise{opacity:1;transform:none;transition:none}}


.cv-alogo{display:block;height:24px;width:auto;margin:2px 0 14px}
.cp-about{display:block}
.cv-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:20px;border-radius:24px;background:#F2F2F2;padding:8px}
.cv-sum div{padding:22px 22px 24px;border-left:1px solid #E2E2E2}
.cv-sum div:first-child{border-left:0}
.cv-sum b{display:block;font-size:13px;font-weight:500;color:#E0243B}
.cv-sum p{margin:8px 0 0;font-size:16px;line-height:1.5;color:#141414}
.cv-eff{margin-top:20px;border-radius:20px;border:1px solid #E5E5E5;padding:22px 24px}
.cv-effh{font-size:14px;color:#909090}
.cv-effr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.cv-effr div{border-radius:14px;background:#F7F7F7;padding:14px 16px}
.cv-effr b{display:block;font-size:22px;font-weight:500;letter-spacing:-.03em;white-space:nowrap}
.cv-effr span{display:block;margin-top:4px;font-size:14px;color:#6F6F6F}
.cv-efft{margin-top:14px;font-size:16px;color:#141414}
.cv-efft b{font-weight:500}
.cv-ok{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:8px 14px 8px 8px;border-radius:999px;background:#F0F9F3;font-size:14px;font-weight:500;color:#167A40}
.cv-ok svg{width:22px;height:22px;flex:none}
/* B */
.cv-band{margin-top:8px}
.cv-band>.cp-h3:first-child{margin-top:72px}
.cv-day{margin-top:24px;border-radius:24px;background:#F2F2F2;padding:8px 24px 10px}
.cv-dh,.cv-dr{display:grid;grid-template-columns:70px minmax(0,1fr) minmax(0,1fr);gap:24px}
.cv-dh{padding:14px 0 10px;font-size:13px;color:#909090}
.cv-dh b{font-weight:500}
.cv-dh .cv-now{color:#E0243B}
.cv-dr{padding:16px 0;border-top:1px solid #E2E2E2;align-items:start}
.cv-dr time{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;padding-top:1px}
.cv-dr p{margin:0;font-size:16px;line-height:1.5}
.cv-was{color:#909090;text-decoration:line-through;text-decoration-color:rgba(144,144,144,.5)}
.cv-ist{color:#141414}
.cv-wf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:center;margin-top:36px;padding:36px;border-radius:28px;background:#F7F7F7}
.cv-wf:nth-of-type(even){grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.cv-wf:nth-of-type(even) .cv-wft{order:2}
.cv-wfn{font-size:13px;font-weight:500;color:#E0243B}
.cv-wft h3{margin:8px 0 0;font-size:30px;font-weight:500;line-height:1.15;letter-spacing:-.035em}
.cv-wft p{margin:14px 0 0;font-size:17px;line-height:1.55;color:#6F6F6F}
.cv-wfk{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-top:22px;padding-top:18px;border-top:1px solid #E2E2E2}
.cv-wfk s{font-size:17px;color:#909090}
.cv-wfk span{color:#909090}
.cv-wfk b{font-size:24px;font-weight:500;letter-spacing:-.03em;color:#E0243B}
.cv-wfk small{flex-basis:100%;font-size:14px;color:#909090}
.cv-scr{border-radius:18px;background:#FFFFFF;box-shadow:0 1px 0 rgba(0,0,0,.04),0 24px 48px -24px rgba(20,20,20,.22);overflow:hidden;border:1px solid #ECECEC}
.cv-bar{display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-bottom:1px solid #F0F0F0;font-size:12.5px;color:#909090}
.cv-bar i{width:9px;height:9px;border-radius:50%;background:#E6E6E6}
.cv-bar span{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-mail,.cv-list,.cv-rep{padding:18px 20px 20px}
.cv-mfrom{display:flex;justify-content:space-between;font-size:14px}.cv-mfrom b{font-weight:500}.cv-mfrom span{color:#909090;font-size:13px}
.cv-msub{margin-top:4px;font-size:14px;color:#6F6F6F}
.cv-reply{margin-top:14px;padding:14px 16px;border-radius:14px;background:#FFF3F4}
.cv-rt{font-size:12.5px;font-weight:500;color:#E0243B}
.cv-reply p{margin:6px 0 0;font-size:14px;line-height:1.5;color:#141414}
.cv-slots{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.cv-slots span{padding:6px 10px;border-radius:999px;background:#FFFFFF;border:1px solid #F3C9CE;font-size:12.5px}
.cv-slots .on{background:#FF3F53;border-color:#FF3F53;color:#FFFFFF}
.cv-pill{display:inline-block;margin-top:12px;padding:6px 11px;border-radius:999px;background:#F0F9F3;color:#167A40;font-size:12.5px;font-weight:500}
.cv-pill2{display:block;width:max-content;max-width:100%;margin-top:6px;background:#F2F2F2;color:#6F6F6F;font-weight:400}
.cv-prog b{font-size:13px;font-weight:500}
.cv-prog span{display:block;height:6px;margin-top:8px;border-radius:3px;background:#EFEFEF;overflow:hidden}
.cv-prog i{display:block;height:100%;background:#1FA055;border-radius:3px}
.cv-li{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #F2F2F2;font-size:14px}
.cv-prog+.cv-li{margin-top:12px}
.cv-li em{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-style:normal;font-size:12px}
.cv-li.ok em{background:#E8F6EC;color:#1FA055}
.cv-li.miss em{border:1.5px dashed #F2A3AC}
.cv-li small{flex-basis:100%;padding-left:30px;margin-top:-4px;font-size:12.5px;color:#E0243B}
.cv-up{margin-top:8px;height:38px;display:grid;place-items:center;border-radius:10px;background:#141414;color:#FFFFFF;font-size:13.5px;font-weight:500}
.cv-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cv-tiles div{padding:12px;border-radius:12px;background:#F7F7F7}
.cv-tiles b{display:block;font-size:22px;font-weight:500;letter-spacing:-.03em}
.cv-tiles span{display:block;margin-top:4px;font-size:12px;line-height:1.35;color:#6F6F6F}
.cv-spark{margin-top:12px;height:60px;border-radius:12px;background:#FFF7F8;padding:6px 8px;box-sizing:border-box}
.cv-spark svg{width:100%;height:100%;display:block}
.cv-snote{margin:14px 4px 0;font-size:13px;color:#909090}
.cv-rest{width:680px}
/* C */
.cv-c .cv-cm{width:1200px;margin:0 auto;padding:56px 0 0}
.cv-h1{max-width:900px;font-size:64px}
.cv-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 440px;margin-top:40px;height:500px;border-radius:28px;overflow:hidden;background:#3A0712;color:#FFFFFF}
.cv-hq{align-self:end;padding:0 56px 52px}
.cv-hq p{margin:0;font-size:36px;font-weight:500;line-height:1.2;letter-spacing:-.035em;text-wrap:balance}
.cv-hw{display:flex;align-items:center;gap:16px;margin-top:30px;font-size:15px;color:rgba(255,255,255,.8)}
.cv-hw img{height:22px;width:auto}
.cv-hp{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.cv-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px;border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5}
.cv-nums>div{padding:30px 28px 28px;border-left:1px solid #E5E5E5}
.cv-nums>div:first-child{border-left:0;padding-left:0}
.cv-bn{display:flex;align-items:baseline;flex-wrap:wrap;font-size:52px;font-weight:500;line-height:1;letter-spacing:-.045em;color:#E0243B}
.cv-bn .nu{font-size:.42em;color:#141414}
.cv-nums p{margin:12px 0 0;font-size:15px;line-height:1.45;color:#6F6F6F}
.cv-grid{display:grid;grid-template-columns:240px minmax(0,680px);gap:120px;margin-top:72px;align-items:start}
.cv-toc{position:sticky;top:28px;display:flex;flex-direction:column}
.cv-toc a{display:flex;gap:12px;padding:11px 0;border-top:1px solid #EFEFEF;font-size:15px;color:#909090;transition:color .2s ease}
.cv-toc a span{font-size:12px;padding-top:2px;color:#C4C4C4;font-variant-numeric:tabular-nums}
.cv-toc a:hover,.cv-toc a.on{color:#141414}
.cv-toc a.on span{color:#FF3F53}
.cv-toc .cp-btn{margin-top:22px;border-top:0;justify-content:center;padding:0 14px;color:#FFFFFF}
.cv-art .cp-lead{font-size:23px}
.cv-ch{display:flex;align-items:baseline;gap:16px;margin:72px 0 0;font-size:36px;font-weight:500;line-height:1.15;letter-spacing:-.035em;scroll-margin-top:24px}
.cv-ch span{font-size:14px;font-weight:500;color:#FF3F53;letter-spacing:0;font-variant-numeric:tabular-nums}
.cv-aboutc{margin-top:22px;padding:26px 28px;border-radius:22px;background:#F2F2F2}
.cv-aboutc b{display:none}
.cv-aboutc .cv-alogo{height:28px;margin:0 0 16px}
.cv-aboutc p{margin:0;font-size:18px;line-height:1.55}
.cv-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:48px 0 0;padding-top:8px;border-top:1px solid #E5E5E5}
.cv-facts div{padding:14px 0;border-bottom:1px solid #F0F0F0}
.cv-facts dt{font-size:13px;color:#909090}
.cv-facts dd{margin:4px 0 0;font-size:15px;font-weight:500}
@media (max-width:1279px){.cv-c .cv-cm{width:auto;margin:0 40px}.cv-grid{gap:56px}}
@media (max-width:1000px){
  .cv-sum{grid-template-columns:1fr}.cv-sum div{border-left:0;border-top:1px solid #E2E2E2}.cv-sum div:first-child{border-top:0}
  .cv-effr{grid-template-columns:1fr 1fr 1fr;gap:8px}.cv-effr b{font-size:18px}
  .cv-day{padding:4px 18px 8px}
  .cv-dh{display:none}
  .cv-dr{grid-template-columns:1fr;gap:6px}
  .cv-was::before{content:'Früher: ';text-decoration:none;display:inline}
  .cv-ist::before{content:'Heute: ';color:#E0243B;font-weight:500}
  .cv-wf,.cv-wf:nth-of-type(even){grid-template-columns:1fr;gap:26px;padding:24px 18px}
  .cv-wf:nth-of-type(even) .cv-wft{order:0}
  .cv-wft h3{font-size:26px}
  .cv-rest{width:auto}
  .cv-c .cv-cm{margin:0 20px;padding-top:36px}
  .cv-h1{font-size:38px}
  .cv-hero{grid-template-columns:1fr;height:auto}
  .cv-hp{order:-1;height:300px}
  .cv-hq{padding:28px 24px 30px}.cv-hq p{font-size:24px}
  .cv-hw{flex-wrap:wrap;gap:10px}
  .cv-nums{grid-template-columns:1fr 1fr}
  .cv-nums>div{padding:22px 16px 20px}.cv-nums>div:nth-child(odd){border-left:0;padding-left:0}.cv-nums>div:nth-child(n+3){border-top:1px solid #E5E5E5}
  .cv-bn{font-size:38px}
  .cv-grid{grid-template-columns:minmax(0,1fr);gap:0;margin-top:40px}
  .cv-toc{display:none}
  .cv-art .cp-lead{font-size:19px}
  .cv-ch{font-size:28px;margin-top:52px}
  .cv-facts{grid-template-columns:1fr}
}
@media (max-width:640px){.cv-effr{grid-template-columns:1fr}.cv-tiles b{font-size:18px}}

/* D */
.cv-d .cv-bn{color:#141414}
.cv-d .cv-bn .nu{color:#6F6F6F}
.cv-d .cv-ist::before{color:#167A40}
.cv-d .cv-dh .cv-now{color:#167A40}
.cp-after,.cv-wfk b{color:#1A8F4C}
.dw{margin-top:28px;border-radius:28px;background:#F7F7F7;overflow:hidden}
.dw-h{padding:30px 32px 0}
.dw-n{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 9px;border-radius:999px;background:#E9F6EE;color:#167A40;font-size:13px;font-weight:500}
.dw-n::before{content:'';width:7px;height:7px;border-radius:50%;background:#1FA055;box-shadow:0 0 0 3px rgba(31,160,85,.18)}
.dw-h h3{margin:14px 0 0;font-size:30px;font-weight:500;line-height:1.15;letter-spacing:-.035em}
.dw-h p{margin:8px 0 0;font-size:17px;line-height:1.5;color:#6F6F6F}
.dw-stage{position:relative;margin:26px 16px 0;padding:36px 44px;border-radius:20px;background:radial-gradient(120% 90% at 85% 0%,#FFE3E7 0%,rgba(255,227,231,0) 55%),radial-gradient(90% 80% at 0% 100%,#E6F4EC 0%,rgba(230,244,236,0) 60%),#FFFFFF}
.dw-stage .cv-scr{max-width:460px;margin:0 auto}
.dw-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 16px 0;padding:0}
.dw-steps li{display:flex;gap:10px;align-items:flex-start;padding:14px 14px 15px;border-radius:16px;background:#FFFFFF;font-size:14.5px;line-height:1.4;color:#141414}
.dw-steps i{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#141414;color:#FFFFFF;font-style:normal;font-size:12px;font-weight:500}
.dw-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:20px 32px 26px}
.dw-foot small{display:block;font-size:13px;color:#909090}
.dw-k div{display:flex;align-items:baseline;gap:10px;margin-top:4px}
.dw-k s{font-size:17px;color:#909090}
.dw-k span{color:#B0B0B0}
.dw-k b{font-size:28px;font-weight:500;letter-spacing:-.035em;color:#1A8F4C}
.dw-tools{text-align:right}
.dw-tools div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:6px}
.dw-tools span{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#FFFFFF;font-size:13px}
.dw-tools img{width:14px;height:14px}
/* screens play when their workflow scrolls in */
.dw .cv-reply,.dw .cv-pill,.dw .cv-li,.dw .cv-tiles div{opacity:0;transform:translateY(8px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}
.dw.is-in .cv-reply,.dw.is-in .cv-pill,.dw.is-in .cv-li,.dw.is-in .cv-tiles div{opacity:1;transform:none}
.dw .cv-reply{transition-delay:.35s}.dw .cv-pill{transition-delay:1.1s}.dw .cv-pill2{transition-delay:1.4s}
.dw .cv-li:nth-child(2){transition-delay:.3s}.dw .cv-li:nth-child(3){transition-delay:.5s}.dw .cv-li:nth-child(4){transition-delay:.7s}.dw .cv-li:nth-child(5){transition-delay:.95s}
.dw .cv-prog i{width:0!important;transition:width 1.2s cubic-bezier(.22,1,.36,1) .4s}.dw.is-in .cv-prog i{width:75%!important}
.dw .cv-tiles div:nth-child(2){transition-delay:.15s}.dw .cv-tiles div:nth-child(3){transition-delay:.3s}
.dw .cv-spark path{stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset 1.6s cubic-bezier(.22,1,.36,1) .5s}.dw.is-in .cv-spark path{stroke-dashoffset:0}
.dw .cv-spark path{stroke:#1FA055}.dw .cv-spark{background:#F3FAF6}.dw .cv-li small{color:#B26A00}
.dw .cv-slots .on{transition:background .3s ease .8s,color .3s ease .8s}
/* Umsetzung: timeline and Marco's effort in one */
.db{margin-top:24px;padding:28px 28px 26px;border-radius:24px;background:#141414;color:#FFFFFF}
.db-top{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.db-top b{display:block;font-size:40px;font-weight:500;line-height:1;letter-spacing:-.045em}
.db-top span{display:block;margin-top:8px;font-size:15px;color:rgba(255,255,255,.6)}
.db-top div+div{padding-left:20px;border-left:1px solid rgba(255,255,255,.14)}
.db-track{position:relative;height:2px;margin:34px 0 0;background:rgba(255,255,255,.14)}
.db-track i{position:absolute;inset:0;background:linear-gradient(90deg,#FF3F53,#1FA055);transform-origin:left;transform:scaleX(0);transition:transform 1.6s cubic-bezier(.22,1,.36,1) .3s}
.db.is-in .db-track i{transform:none}
.db-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.db-c{position:relative;padding-top:22px}
.db-dot{position:absolute;top:-6px;left:0;width:10px;height:10px;border-radius:50%;background:#FF3F53;box-shadow:0 0 0 4px #141414}
.db-live .db-dot{background:#1FA055;box-shadow:0 0 0 4px #141414,0 0 0 8px rgba(31,160,85,.25)}
.db-c b{font-size:14px;font-weight:500;color:#FF8A97}
.db-live b{color:#5BD08C}
.db-c p{margin:8px 0 0;font-size:15px;line-height:1.45;color:#FFFFFF}
.db-m{display:flex;align-items:center;gap:8px;margin-top:14px;padding:7px 10px 7px 7px;border-radius:12px;background:rgba(255,255,255,.08);font-size:12.5px;line-height:1.3;color:rgba(255,255,255,.75)}
.db-m img{flex:none;width:20px;height:20px;border-radius:50%;object-fit:cover}
/* Zahlen: before/after bars */
.dn{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.dn-c{padding:22px 22px 18px;border-radius:22px;background:#F2F2F2}
.dn-l{font-size:15px;font-weight:500;letter-spacing:-.01em;min-height:2.8em}
.dn-d{margin-top:6px;font-size:30px;font-weight:500;letter-spacing:-.04em;color:#1A8F4C}
.dn-r{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:12px;font-size:13px;color:#909090}
.dn-r+.dn-r{margin-top:8px}
.dn-b{height:8px;border-radius:4px;background:#E4E4E4;overflow:hidden}
.dn-b i{display:block;height:100%;width:var(--w);border-radius:4px;background:#B9B9B9;transform-origin:left;transform:scaleX(0);transition:transform 1.1s cubic-bezier(.22,1,.36,1) .2s}
.dn-now .dn-b i{background:#1FA055;transition-delay:.5s}
.dn.is-in .dn-b i{transform:none}
.dn-r em{font-style:normal;font-size:14px;color:#6F6F6F;white-space:nowrap}
.dn-now span,.dn-now em{color:#141414;font-weight:500}
.dn-c small{display:block;margin-top:14px;font-size:12.5px;color:#A0A0A0}
@media (prefers-reduced-motion:reduce){.dw *,.db *,.dn *{transition:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}}
@media (max-width:1000px){
  .dw-h{padding:24px 20px 0}.dw-h h3{font-size:25px}
  .dw-stage{margin:20px 10px 0;padding:22px 14px}
  .dw-steps{grid-template-columns:1fr;margin:10px 10px 0}
  .dw-foot{flex-direction:column;align-items:flex-start;padding:18px 20px 22px}
  .dw-tools{text-align:left}.dw-tools div{justify-content:flex-start}
  .db{padding:24px 20px}
  .db-top b{font-size:30px}
  .db-track{display:none}
  .db-cols{grid-template-columns:1fr;gap:0;margin-top:22px}
  .db-c{padding:0 0 18px 22px;border-left:2px solid rgba(255,255,255,.14);margin-left:4px}
  .db-c:last-child{padding-bottom:0}
  .db-dot{top:3px;left:-6px}
  .dn{grid-template-columns:1fr}
  .dn-l{min-height:0}
}

/* E */
.es-main{padding:56px 0 0}
.es-col{width:720px;margin:0 auto}
.es .cp-by{margin-top:26px}
.es-stage{position:relative;width:1040px;margin:40px auto 0;box-sizing:border-box;padding:56px;border-radius:32px;background:radial-gradient(110% 80% at 92% 0%,#FFE1E6 0%,rgba(255,225,230,0) 55%),radial-gradient(80% 70% at 0% 100%,#E3F3EA 0%,rgba(227,243,234,0) 60%),#FBFBFB}
.es-col .es-stage{width:auto;margin-left:-160px;margin-right:-160px}
.es-stage .cv-scr{max-width:520px;margin:0 auto;border:0}
/* hero */
.es-hero{display:grid;grid-template-columns:360px minmax(0,1fr);gap:40px;align-items:end;padding:48px}
.es-hp{width:100%;height:420px;object-fit:cover;object-position:50% 20%;border-radius:22px;display:block;box-shadow:0 24px 48px -24px rgba(20,20,20,.35)}
.es-hq{padding:36px 36px 32px;border-radius:22px;background:#FFFFFF;box-shadow:0 1px 0 rgba(0,0,0,.04),0 24px 48px -24px rgba(20,20,20,.22);margin-bottom:28px}
.es-hq p{margin:0;font-size:30px;font-weight:500;line-height:1.22;letter-spacing:-.03em;text-wrap:balance}
.es-hq div{margin-top:24px;font-size:15px}.es-hq b{font-weight:500}.es-hq span{color:#909090;margin-left:8px}
.es-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:1040px;margin:36px auto 0}
.es-band div{padding:0 24px;border-left:1px solid #EAEAEA}.es-band div:first-child{border-left:0;padding-left:0}
.es-band b{display:block;font-size:40px;font-weight:500;line-height:1;letter-spacing:-.045em}
.es-band span{display:block;margin-top:10px;font-size:15px;line-height:1.4;color:#6F6F6F}
/* type */
.es-lead{margin:88px 0 0;font-size:24px;line-height:1.5;letter-spacing:-.015em}
.es-about{display:flex;gap:28px;align-items:flex-start;margin-top:40px;padding-top:28px;border-top:1px solid #EDEDED}
.es-about img{flex:none;height:26px;width:auto;margin-top:3px}
.es-about p{margin:0;font-size:16px;line-height:1.6;color:#6F6F6F}
.es-sh{margin-top:112px}
.es-eb{display:flex;gap:10px;font-size:14px;font-weight:500;color:#909090}
.es-eb span{color:#141414;font-variant-numeric:tabular-nums}
.es-sh h2{margin:14px 0 0;font-size:44px;font-weight:500;line-height:1.1;letter-spacing:-.04em;text-wrap:balance}
.es-sh p{margin:16px 0 0;font-size:18px;line-height:1.55;color:#6F6F6F}
.es-q{margin:32px 0 0;padding:32px 34px 34px;border-radius:24px;background:#F4F4F4}
.es-q figcaption{display:flex;align-items:center;gap:10px;font-size:14px;color:#909090}
.es-q figcaption img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.es-q p{margin:16px 0 0;font-size:20px;line-height:1.55;letter-spacing:-.01em}
/* calendar */
.es-two{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.es-two .cv-scr{max-width:none;margin:0}
.es-cal{padding:16px 18px 18px}
.es-calh{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #F2F2F2;font-size:13px;color:#909090}
.es-calh b{font-size:22px;font-weight:500;letter-spacing:-.03em;color:#141414}
.es-two .cv-scr+.cv-scr .es-calh b{color:#1A8F4C}
.es-grid{position:relative;display:grid;grid-template-columns:28px 1fr;gap:8px}
.es-hrs{position:relative}.es-hrs span{position:absolute;left:0;transform:translateY(-1px);font-size:11px;color:#B0B0B0;font-variant-numeric:tabular-nums}
.es-evs{position:relative;background:repeating-linear-gradient(180deg,#F3F3F3 0 1px,transparent 1px 60px)}
.es-ev{position:absolute;left:0;right:0;box-sizing:border-box;padding:5px 9px;border-radius:7px;overflow:hidden}
.es-ev b{font-size:12.5px;font-weight:500;line-height:1.25;display:block}
.es-ev.adm{background:#F1F1F1;border-left:3px solid #C9C9C9;color:#6F6F6F}
.es-ev.des{background:#E6F5EC;border-left:3px solid #1FA055;color:#167A40}
.es-auto{margin-top:8px;padding:6px 10px;border-radius:8px;background:#F0F9F3;color:#167A40;font-size:12.5px;font-weight:500}
.es-grid+.es-auto{margin-top:14px}
.es-leg{display:flex;justify-content:center;gap:22px;margin-top:22px;font-size:13px;color:#6F6F6F}
.es-leg span{display:inline-flex;align-items:center;gap:7px}.es-leg i{width:12px;height:12px;border-radius:3px}
.es-leg .adm{background:#E2E2E2}.es-leg .des{background:#1FA055}
/* workflows */
.es-wf{margin-top:64px}
.es-wf+.es-wf{margin-top:88px}
.es-wfh h3{margin:14px 0 0;font-size:30px;font-weight:500;letter-spacing:-.035em}
.es-wfh p{margin:8px 0 0;font-size:18px;color:#6F6F6F}
.es-wf .es-stage{margin-top:28px;padding:56px 56px 64px}
.es-res{position:absolute;right:40px;bottom:-22px;padding:14px 18px;border-radius:16px;background:#FFFFFF;box-shadow:0 1px 0 rgba(0,0,0,.04),0 18px 36px -18px rgba(20,20,20,.28)}
.es-res small{display:block;font-size:12.5px;color:#909090}
.es-res div{margin-top:3px;font-size:16px;color:#909090}
.es-res b{font-size:24px;font-weight:500;letter-spacing:-.03em;color:#1A8F4C}
.es-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:44px 0 0;padding:0}
.es-steps li{padding-top:14px;border-top:1px solid #E5E5E5;font-size:15.5px;line-height:1.45}
.es-steps li span{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#909090}
.es-tools{margin:18px 0 0;font-size:14px;color:#909090}
.ew .cv-reply,.ew .cv-pill,.ew .cv-li,.ew .cv-tiles div{opacity:0;transform:translateY(8px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}
.ew.is-in .cv-reply,.ew.is-in .cv-pill,.ew.is-in .cv-li,.ew.is-in .cv-tiles div{opacity:1;transform:none}
.ew .cv-reply{transition-delay:.35s}.ew .cv-pill{transition-delay:1.1s}.ew .cv-pill2{transition-delay:1.4s}
.ew .cv-li:nth-child(2){transition-delay:.3s}.ew .cv-li:nth-child(3){transition-delay:.5s}.ew .cv-li:nth-child(4){transition-delay:.7s}.ew .cv-li:nth-child(5){transition-delay:.95s}
.ew .cv-prog i{width:0!important;transition:width 1.2s cubic-bezier(.22,1,.36,1) .4s}.ew.is-in .cv-prog i{width:75%!important}
.ew .cv-tiles div:nth-child(2){transition-delay:.15s}.ew .cv-tiles div:nth-child(3){transition-delay:.3s}
.ew .cv-spark path{stroke:#1FA055;stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset 1.6s cubic-bezier(.22,1,.36,1) .5s}.ew.is-in .cv-spark path{stroke-dashoffset:0}
.ew .cv-spark{background:#F3FAF6}.ew .cv-li small{color:#B26A00}
/* plan */
.es-planw{max-width:760px!important}
.es-plan{padding:6px 22px 18px}
.es-pr{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:center;padding:14px 0;border-top:1px solid #F2F2F2}
.es-ph{border-top:0;padding:10px 0 8px}
.es-pr b{display:block;font-size:14.5px;font-weight:500}
.es-pr small{display:block;margin-top:3px;font-size:12.5px;color:#909090}
.es-pw{position:relative;display:grid;grid-template-columns:repeat(4,1fr);height:22px;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#F0F0F0 calc(25% - 1px) 25%)}
.es-ph .es-pw{background:none;height:auto}
.es-pw i{font-style:normal;font-size:12px;color:#909090}
.es-pw em{position:absolute;top:3px;bottom:3px;border-radius:6px;transform-origin:left;transform:scaleX(0);transition:transform .9s cubic-bezier(.22,1,.36,1)}
.es-pw em.b{background:#141414}.es-pw em.g{background:#1FA055}
.es-stage.is-in .es-pw em{transform:none}
.es-pr:nth-child(3) em{transition-delay:.25s}.es-pr:nth-child(4) em{transition-delay:.5s}.es-pr:nth-child(5) em{transition-delay:.75s}
.es-pf{display:flex;justify-content:space-between;align-items:baseline;padding-top:16px;border-top:1px solid #F2F2F2;font-size:14px;color:#6F6F6F}
.es-pf b{font-size:20px;font-weight:500;letter-spacing:-.02em;color:#141414}
/* numbers */
.es-numw{max-width:760px!important}
.es-nums{padding:4px 24px 10px}
.es-nr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 20px;padding:18px 0;border-top:1px solid #F2F2F2}
.es-nr:first-child{border-top:0}
.es-nl b{display:block;font-size:15px;font-weight:500}
.es-nl small{display:block;margin-top:3px;font-size:12.5px;color:#A0A0A0}
.es-nv{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.es-nv s{font-size:15px;color:#A0A0A0}.es-nv span{color:#C0C0C0}
.es-nv b{font-size:24px;font-weight:500;letter-spacing:-.03em;color:#1A8F4C}
.es-nb{grid-column:1 / -1;display:grid;gap:4px}
.es-nb i{display:block;height:5px;width:var(--w);border-radius:3px;transform-origin:left;transform:scaleX(0);transition:transform 1s cubic-bezier(.22,1,.36,1) .2s}
.es-nb .o{background:#E4E4E4}.es-nb .n{background:#1FA055;transition-delay:.5s}
.es-stage.is-in .es-nb i{transform:none}
.es .cv-ok{margin-top:28px}
.es-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin:56px 0 0}
.es-facts div{padding:16px 0;border-top:1px solid #EDEDED}
.es-facts dt{font-size:13px;color:#909090}.es-facts dd{margin:4px 0 0;font-size:15px;font-weight:500}
@media (prefers-reduced-motion:reduce){.es *{transition:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}}
@media (max-width:1100px){.es-stage,.es-band{width:auto;margin-left:24px;margin-right:24px}.es-col .es-stage{margin-left:-24px;margin-right:-24px}.es-col{width:auto;margin:0 48px}}
@media (max-width:1000px){
  .es-main{padding-top:36px}
  .es-col{margin:0 20px}
  .es-stage,.es-band{margin-left:12px;margin-right:12px}
  .es-col .es-stage{margin-left:-8px;margin-right:-8px}
  .es-stage{padding:20px 14px;border-radius:24px}
  .es-hero{grid-template-columns:1fr;gap:16px;padding:14px}
  .es-hp{height:320px}
  .es-hq{margin:0;padding:24px 22px}.es-hq p{font-size:22px}.es-hq span{display:block;margin:4px 0 0}
  .es-band{grid-template-columns:1fr 1fr;gap:24px 0}
  .es-band div:nth-child(odd){border-left:0;padding-left:0}.es-band div{padding:0 0 0 16px}
  .es-band b{font-size:30px}
  .es-lead{margin-top:56px;font-size:19px}
  .es-about{flex-direction:column;gap:14px}
  .es-sh{margin-top:76px}.es-sh h2{font-size:32px}.es-sh p{font-size:17px}
  .es-q{padding:24px 22px}.es-q p{font-size:18px}
  .es-two{grid-template-columns:1fr;gap:16px}
  .es-wf .es-stage{padding:20px 14px 52px}
  .es-res{right:14px;left:14px;bottom:-26px}
  .es-wfh h3{font-size:25px}
  .es-steps{grid-template-columns:1fr;gap:0;margin-top:46px}
  .es-steps li{padding:12px 0}
  .es-pr{grid-template-columns:1fr;gap:8px}
  .es-ph{display:none}
  .es-pw{background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#ECECEC calc(25% - 1px) 25%),#FAFAFA;border-radius:6px}
  .es-plan{padding:4px 14px 14px}
  .es-nums{padding:4px 14px 8px}
  .es-nr{grid-template-columns:1fr}
  .es-facts{grid-template-columns:1fr}
}

.b3 .cp-after{color:#1A8F4C}
.b3-main{width:940px}
.b3-col{max-width:720px}
.b3-panel{border-radius:28px;background:#F2F2F2}
.b3-win{border:0!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 40px -20px rgba(20,20,20,.22)}
/* hero */
.b3-hero{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;margin-top:30px}
.b3-ph{position:relative;height:440px;border-radius:24px;overflow:hidden}
.b3-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.b3-ph div{position:absolute;left:0;right:0;bottom:0;padding:60px 26px 24px;background:linear-gradient(180deg,rgba(20,20,20,0),rgba(20,20,20,.66));color:#FFFFFF}
.b3-ph b{display:block;font-size:20px;font-weight:500;letter-spacing:-.02em}.b3-ph span{font-size:14px;opacity:.85}
.b3-hp{display:flex;align-items:center;padding:28px}
.b3-hwin{width:100%}
.b3-hc{padding:18px 20px 16px}
.b3-big{padding-bottom:14px;border-bottom:1px solid #F2F2F2}
.b3-big small{display:block;font-size:13px;color:#909090}
.b3-big b{display:block;margin-top:4px;font-size:40px;font-weight:500;line-height:1;letter-spacing:-.045em;color:#1A8F4C}
.b3-big b span{font-size:16px;letter-spacing:-.01em;color:#6F6F6F}
.b3-r{padding:12px 0 0}
.b3-rl{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px}
.b3-rl em{font-style:normal;white-space:nowrap;color:#A8A8A8}.b3-rl b{font-weight:500;color:#1A8F4C}
.b3-bars{display:grid;gap:3px;margin-top:7px}
.b3-bars i{display:block;height:5px;border-radius:3px;transform-origin:left;transform:scaleX(0);transition:transform 1s cubic-bezier(.22,1,.36,1) .3s}
.b3-bars .o{width:100%;background:#E6E6E6}.b3-bars .n{width:var(--w);background:#1FA055;transition-delay:.6s}
.b3-hero.is-in .b3-bars i{transform:none}
.b3-src{margin-top:14px;font-size:11.5px;color:#A8A8A8}
.b3-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:22px 0 0}
.b3-facts div{padding-top:12px;border-top:1px solid #EDEDED}
.b3-facts dt{font-size:12.5px;color:#909090}.b3-facts dd{margin:3px 0 0;font-size:14.5px;font-weight:500}
/* text */
.b3 .cp-lead{margin-top:64px}
.b3-about{display:flex;gap:24px;align-items:flex-start;margin-top:32px;padding-top:24px;border-top:1px solid #EDEDED}
.b3-about img{flex:none;height:22px;width:auto;margin-top:2px}
.b3-about p{margin:0;font-size:15.5px;line-height:1.6;color:#6F6F6F}
.b3 .cp-h3{margin-top:96px}
/* Montag */
.b3-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;padding:28px}
.b3-two .cv-scr{max-width:none;margin:0;border:0;box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 40px -20px rgba(20,20,20,.22)}
.b3-two .cv-scr+.cv-scr .es-calh b{color:#1A8F4C}
/* workflows */
.b3-wf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:48px;align-items:center;margin-top:64px}
.b3-wf:nth-of-type(even){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.b3-wf:nth-of-type(even) .b3-t{order:2}
.b3-n{font-size:13px;font-weight:500;color:#909090}
.b3-t h3{margin:8px 0 0;font-size:28px;font-weight:500;line-height:1.15;letter-spacing:-.035em}
.b3-t>p{margin:8px 0 0;font-size:17px;line-height:1.5;color:#6F6F6F}
.b3-steps{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.b3-steps li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.45}
.b3-steps i{flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:1px;border-radius:50%;background:#F2F2F2;font-style:normal;font-size:12px;font-weight:500}
.b3-k{margin-top:22px;padding-top:18px;border-top:1px solid #EDEDED}
.b3-k small{display:block;font-size:13px;color:#909090}
.b3-k div{display:flex;align-items:baseline;gap:10px;margin-top:4px}
.b3-k s{font-size:16px;color:#A8A8A8}.b3-k span{color:#C0C0C0}
.b3-k b{font-size:28px;font-weight:500;letter-spacing:-.035em;color:#1A8F4C}
.b3-wp{padding:40px 36px}
.b3-wp .cv-scr{max-width:460px;margin:0 auto;border:0;box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 40px -20px rgba(20,20,20,.22)}
.b3 .cv-snote{margin-top:16px}
/* Umsetzung calendar */
.b3-pp{margin-top:28px;padding:32px}
.b3-pwin{max-width:640px;margin:0 auto}
.b3-pc{padding:14px 18px 16px}
.b3-wk{display:grid;grid-template-columns:70px repeat(5,minmax(0,1fr));gap:6px;margin-top:6px}
.b3-wh{margin-top:0}.b3-wh span{font-size:12px;color:#A8A8A8;text-align:center}
.b3-wl{align-self:center;font-size:12.5px;color:#909090}
.b3-d{height:52px;border-radius:9px;background:#F7F7F7}
.b3-d.on{display:flex;flex-direction:column;justify-content:center;padding:0 9px;background:#141414;color:#FFFFFF}
.b3-d.on b{font-size:12px;font-weight:500;line-height:1.2}.b3-d.on span{font-size:11px;opacity:.7}
.b3-live{display:flex;align-items:baseline;gap:10px;margin-top:10px;padding:12px 14px;border-radius:10px;background:#F0F9F3;font-size:13px;color:#167A40}
.b3-live b{font-weight:500}.b3-live em{font-style:normal;margin-left:auto;color:#5E9C77}
.b3-sum{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:12px;border-top:1px solid #F2F2F2;font-size:13.5px;color:#6F6F6F}
.b3-sum b{font-size:20px;font-weight:500;letter-spacing:-.02em;color:#141414}
.b3 .cp-change{margin-top:24px}
@media (max-width:1000px){
  .b3-main{width:auto}
  .b3-hero{grid-template-columns:minmax(0,1fr)}.b3-ph{height:340px}.b3-hp{padding:12px}
  .b3-facts{grid-template-columns:1fr 1fr}
  .b3-two{grid-template-columns:minmax(0,1fr);padding:12px;gap:12px}
  .b3-wf,.b3-wf:nth-of-type(even){grid-template-columns:minmax(0,1fr);gap:22px;margin-top:52px}
  .b3-wf:nth-of-type(even) .b3-t{order:0}
  .b3-wp{padding:16px 12px}
  .b3-pp{padding:12px}
  .b3-wk{grid-template-columns:52px repeat(5,minmax(0,1fr));gap:4px}
  .b3-d{height:46px}.b3-d.on{padding:0 5px}.b3-d.on b{font-size:10.5px}.b3-d.on span{font-size:10px}
  .b3-live{flex-wrap:wrap}.b3-live em{margin-left:0;flex-basis:100%}
  .b3 .cp-h3{margin-top:72px}
}

.b4 .cv-bn{color:#141414}.b4 .cv-bn .nu{color:#6F6F6F}
.b4 .cv-cm{padding-bottom:0}
.b5-wrap{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:56px;width:1200px;margin:0 auto}
.b5-side{order:2}
.x-eye{display:inline-block;line-height:0}.x-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.b5-swap{position:relative;min-height:150px;margin-top:22px}
.b5-h{position:absolute;inset:0 0 auto 0;opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .5s cubic-bezier(.22,1,.36,1);pointer-events:none}
.b5-h.on{opacity:1;transform:none}
.b5-h h3{margin:8px 0 0;font-size:26px;font-weight:500;line-height:1.12;letter-spacing:-.035em}
.b5-h h3 span{color:#9A9A9A}
.b4 .cv-cm>.x-eye{display:block;margin-bottom:-4px}
/* hero card: the homepage's light red glow card (Kundenstimmen tiles), white text */
.b4 .cv-hero{background:#E8283D}
.b4 .cv-hw{color:rgba(255,255,255,.88)}
.b5-wrap .b3-main{width:auto;margin:0;padding-left:0;padding-right:0}
.b5-side{position:relative}
.b5-side .b5-pin{padding-top:0;margin-top:96px}
.b5-pin{position:sticky;top:56px;padding-top:96px}
.b5-num{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;color:#A0A0A0}.b5-num b{font-weight:400;color:#141414}
.b5-prog{height:2px;margin-top:10px;background:#EDEDED;border-radius:1px;overflow:hidden}
.b5-prog i{display:block;height:100%;width:20%;background:#FF3F53;transition:width .5s cubic-bezier(.22,1,.36,1)}
.b5-toc{display:flex;flex-direction:column;margin-top:8px;border-top:1px solid #EDEDED}
.b5-toc a{display:flex;gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid #F4F4F4;font-size:15px;font-weight:500;color:#A8A8A8!important;transition:color .25s ease;cursor:pointer}
.b5-toc a span{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;color:#C4C4C4}
.b5-toc a.on{color:#141414!important}.b5-toc a.on span{color:#FF3F53}
.b5-btn{width:100%;justify-content:center;margin-top:22px;box-sizing:border-box;padding:0 12px;font-size:14px}
.b5-about{margin-top:40px;padding-top:26px;border-top:1px solid #EDEDED}
.b5-about span{display:block;font-size:13px;color:#909090}
.b5-about img{display:block;height:22px;width:auto;margin-top:12px}
.b5-about p{margin:12px 0 0;font-size:16px;line-height:1.6;color:#6F6F6F}
.b5-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;margin-top:44px;padding:28px 30px;border-radius:24px;background:#F2F2F2}
.b5-cl span{display:block;font-size:13px;color:#909090}
.b5-cl img{display:block;height:24px;width:auto;margin-top:12px}
.b5-cl p{margin:14px 0 0;font-size:15.5px;line-height:1.6;color:#3A3A3A}
.b5-cf{margin:0;padding-left:28px;border-left:1px solid #E2E2E2}
.b5-cf div{padding:8px 0}.b5-cf div:first-child{padding-top:0}
.b5-cf dt{font-size:12.5px;color:#909090}.b5-cf dd{margin:2px 0 0;font-size:14.5px;font-weight:500}
.b5-voice{margin-top:24px}
@media (max-width:1000px){.b5-card{grid-template-columns:minmax(0,1fr);gap:18px;padding:22px 20px}.b5-cf{padding:16px 0 0;border-left:0;border-top:1px solid #E2E2E2}}
.b5-by{display:flex;align-items:center;gap:10px;font-size:14px;color:#909090}
.b5-by img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.b5-voice p{position:relative;margin:18px 0 0;font-size:20px;line-height:1.6;letter-spacing:-.01em;color:#141414}
.b5-q{position:absolute;left:-.48em;color:#141414}
@media (max-width:1279px){.b5-wrap{width:auto;margin:0 40px;grid-template-columns:minmax(0,1fr) 220px;gap:40px}}
@media (max-width:1000px){.b5-wrap{grid-template-columns:minmax(0,1fr);margin:0 20px}.b5-side{display:none}.b5-voice p{font-size:18px}.b5-q{position:static}}
.b4-main{padding-top:0}
.b4 .cp-lead{margin-top:88px}
.b4-list{margin-top:12px}
.b4-list .cv-li{align-items:flex-start}
.b4-list .cv-li span b{display:block;font-size:14px;font-weight:500}
.b4-list .cv-li span small{display:block;margin-top:2px;padding:0;font-size:12.5px;color:#6F6F6F}
.b4-list .cv-li em{margin-top:2px}
@media (max-width:1000px){.b4 .cp-lead{margin-top:56px}}

/* KG: timelines, folder + notes, packages, follow-up */
.tl{border-radius:18px;background:#FFFFFF;box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 40px -20px rgba(20,20,20,.22);overflow:hidden}
.tl-r{position:relative;display:grid;grid-template-columns:78px 14px minmax(0,1fr);gap:10px;align-items:start;padding:10px 16px}
.tl-r time{font-size:12px;color:#909090;padding-top:1px}
.tl-r i{width:10px;height:10px;margin-top:3px;border-radius:50%;background:#D6D6D6}
.tl-r span{font-size:13px;line-height:1.4}
.tl-r::after{content:'';position:absolute;left:110px;top:24px;bottom:-8px;width:2px;background:#EFEFEF}
.tl-r:last-of-type::after{display:none}
.tl-r.bad i{background:#FF3F53}.tl-r.bad span{color:#E0243B;font-weight:500}
.tl-r.ok i{background:#1FA055}
.tl-end{padding:12px 16px;background:#FAFAFA;font-size:12.5px;color:#6F6F6F}
.tl-end b{font-weight:600}.tl-end b.r{color:#E0243B}.tl-end b.g{color:#1A8F4C}
.fd{border:1px solid #F0F0F0;border-radius:10px;overflow:hidden}
.fd-r{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 10px;border-top:1px solid #F4F4F4;font-size:12.5px}
.fd-r:first-child{border-top:0}.fd-r.new{background:#F0F9F3}
.fd-r i{display:inline-block;padding:2px 4px;border-radius:4px;font-style:normal;font-size:9px;font-weight:700;color:#FFFFFF;text-align:center}
.fd-r b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-r span{font-size:11px;color:#909090}.fd-r.new span{color:#167A40;font-weight:500}
.nt{margin-top:10px;padding:12px 14px;border-radius:10px;background:#FFFFFF;box-shadow:0 0 0 1px #EDEDED}
.nt-h{padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid #F2F2F2;font-size:12.5px;font-weight:600}
.nt-r{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;padding:4px 0;font-size:12px}
.nt-r b{font-weight:500;color:#6F6F6F}
.of-wide{max-width:470px}
.pk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
.pk-c{position:relative;padding:12px 10px;border-radius:10px;background:#F7F7F7}
.pk-c b{display:block;font-size:12.5px;font-weight:600}
.pk-c strong{display:block;margin:4px 0 8px;font-size:18px;font-weight:500;letter-spacing:-.02em}
.pk-c span{display:block;padding:3px 0;font-size:11.5px;color:#3A3A3A;border-top:1px solid #EDEDED}
.pk-c.rec{background:#FFFFFF;box-shadow:inset 0 0 0 1.5px #141414}
.pk-c em{position:absolute;top:-9px;left:10px;padding:2px 7px;border-radius:999px;background:#141414;color:#FFFFFF;font-style:normal;font-size:10px;font-weight:600}
.fo-r{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #F2F2F2}
.fo-r:first-child{border-top:0;padding-top:2px}
.fo-r b{display:block;font-size:13px;font-weight:500}.fo-r small{font-size:11.5px;color:#909090}
.fo-s{flex:none;padding:4px 9px;border-radius:999px;font-size:11.5px;font-weight:500;background:#F2F2F2;color:#3A3A3A}
.fo-r.won .fo-s{background:#E9F6EE;color:#167A40}.fo-r.wait .fo-s{background:#FFF6E8;color:#9A5B00}
.fo-mail{margin-top:10px;padding:11px 13px;border-radius:10px;background:#F7F7F7;font-size:12.5px;line-height:1.5;color:#3A3A3A}
.fo-mail small{display:block;margin-bottom:4px;font-size:11px;color:#909090}
@media (max-width:1000px){.v4 .cv-bn{font-size:30px}.v4 .cv-nums>div{min-width:0}.pk{grid-template-columns:minmax(0,1fr)}.nt-r{grid-template-columns:90px minmax(0,1fr)}}
/* inbox pair (Elevate DMs, KG Instagram) */
.dm-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;padding:28px}
.dm-wrap{margin:0}
.dm{border-radius:18px;background:#FFFFFF;box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 40px -20px rgba(20,20,20,.22);overflow:hidden}
.dm-h{padding:13px 16px;border-bottom:1px solid #F0F0F0;font-size:12.5px;font-weight:500;color:#6F6F6F}
.dm-r{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 16px;border-bottom:1px solid #F6F6F6}
.dm-r b{display:block;font-size:13px;font-weight:600}
.dm-r div span{display:block;margin-top:1px;font-size:12px;color:#6F6F6F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-r em{font-style:normal;font-size:11px;color:#A8A8A8;align-self:start;margin-top:2px}
.dm-r.un div span{color:#141414;font-weight:500}
.dm-r.un i{position:absolute;right:16px;bottom:12px;width:8px;height:8px;border-radius:50%;background:#FF3F53}
.dm-r.ok div span{color:#6F6F6F}
.dm-r.sb{background:#F0F9F3}.dm-r.sb .dm-av{background:#1FA055;color:#FFFFFF}.dm-r.sb b{color:#167A40}
.dm-av{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#EDEDED;font-size:12px;font-weight:600;color:#141414}
.dm-av.ig{background:linear-gradient(135deg,#F9CE34,#EE2A7B,#6228D7);color:#FFFFFF}
.dm-f{padding:12px 16px;font-size:12.5px;color:#6F6F6F;background:#FAFAFA}.dm-f b{color:#E0243B;font-weight:600}
.dm-calm .dm-f b{color:#1A8F4C}
.dm-wrap figcaption{margin-top:14px;font-size:14px;font-weight:500;text-align:center}
.dm-now figcaption{color:#1A8F4C}
/* Elevate screens */
.doc-pv{display:flex;gap:12px;align-items:center;margin-top:10px;padding:10px;border-radius:12px;background:#F7F7F7}
.doc-th{flex:none;width:42px;height:54px;padding:6px 5px;box-sizing:border-box;border-radius:5px;background:#FFFFFF;box-shadow:0 0 0 1px #E6E6E6;display:flex;flex-direction:column;gap:4px}
.doc-th i{display:block;height:3px;border-radius:2px;background:#E2E2E2}.doc-th i.hl{background:#FFD54F;height:5px}
.doc-pv b{display:block;font-size:13px;font-weight:500}.doc-pv span{font-size:11.5px;color:#909090}
.fs-src{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:10px;background:#F7F7F7;font-size:12px;color:#6F6F6F}
.fs-src img{width:16px;height:16px}.fs-src b{margin-left:auto;font-weight:500;color:#167A40}
.fs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.fs-f{padding:10px;border-radius:10px;border:1px solid #F0F0F0}
.fs-f i{display:inline-block;padding:2px 5px;border-radius:4px;font-style:normal;font-size:9.5px;font-weight:700;color:#FFFFFF}
.fs-pdf{background:#E8483D}.fs-doc{background:#3B78E7}.fs-mp3{background:#8B5CF6}.kc .pk-c strong{font-size:14px;line-height:1.3}
.fs-f b{display:block;margin-top:8px;font-size:12px;font-weight:500;line-height:1.3}.fs-f span{display:block;margin-top:2px;font-size:11px;color:#909090}
.ob-h{display:flex;gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid #F2F2F2}
.ob-h b{display:block;font-size:14px;font-weight:500}.ob-h small{font-size:12px;color:#909090}
.ob-ok{margin-top:10px;padding:11px 13px;border-radius:12px;background:#F0F9F3}
.ob-ok b{display:block;font-size:14px;font-weight:500;color:#167A40}.ob-ok span{font-size:12px;color:#3E7D58}
/* KG screens */
.ig-h{display:flex;gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid #F2F2F2}
.ig-h b{display:block;font-size:13.5px;font-weight:600}.ig-h small{font-size:11.5px;color:#909090}
.ig-q{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}
.ig-q span{padding:8px 10px;border-radius:10px;background:#F4F4F4;font-size:13px;font-weight:500}
.ig-q small{display:block;font-size:10.5px;font-weight:400;color:#909090}
.kb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.kb-c{padding:6px;border-radius:10px;background:#F6F6F6;min-height:150px}
.kb-t{display:flex;justify-content:space-between;padding:2px 3px 6px;font-size:11px;font-weight:600;color:#6F6F6F}
.kb-t span{color:#A8A8A8;font-weight:500}
.kb-k{margin-top:5px;padding:7px;border-radius:8px;background:#FFFFFF;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.kb-k i{display:inline-block;padding:1px 4px;border-radius:4px;background:#F2F2F2;font-style:normal;font-size:9px;font-weight:700}
.kb-k b{display:block;margin-top:4px;font-size:11.5px;font-weight:500;line-height:1.25}.kb-k small{display:block;font-size:10.5px;color:#909090}
.kb-c:last-child .kb-k{box-shadow:inset 0 0 0 1px #BFE5CC}
.of{max-width:400px;margin:0 auto;padding:26px 26px 20px;border-radius:6px;background:#FFFFFF;box-shadow:0 1px 2px rgba(0,0,0,.05),0 24px 48px -24px rgba(20,20,20,.3)}
.of-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:16px;border-bottom:2px solid #141414}
.of-h img{height:26px;width:auto}.of-h div{text-align:right}.of-h b{display:block;font-size:12.5px;font-weight:600}.of-h span{font-size:11px;color:#909090}
.of-t{margin:16px 0 8px;font-size:17px;font-weight:500;letter-spacing:-.02em}
.of-ft{margin-top:14px}.of-ft>span{display:block;font-size:11px;color:#A8A8A8;margin-bottom:6px}
@media (max-width:1000px){.dm-panel{grid-template-columns:minmax(0,1fr);gap:24px;padding:12px}.fs-grid{grid-template-columns:1fr 1fr}.kb{grid-template-columns:1fr 1fr}}
/* FUNCSHUN: technician's phone, lock screen with notifications */
.ph-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;padding:36px 28px 28px}
.ph-wrap{margin:0;display:flex;flex-direction:column;align-items:center}
.ph{position:relative;width:270px;height:500px;box-sizing:border-box;padding:18px 14px;border-radius:44px;border:9px solid #141414;background:linear-gradient(180deg,#3A3A40 0%,#1E1E22 100%);box-shadow:0 30px 60px -30px rgba(20,20,20,.5);overflow:hidden}
.ph-now .ph{background:linear-gradient(180deg,#43434A 0%,#202024 100%)}
.ph-isl{width:84px;height:24px;margin:0 auto;border-radius:14px;background:#000}
.ph-time{margin-top:18px;text-align:center;color:#FFFFFF}
.ph-time small{display:block;font-size:11px;opacity:.6}
.ph-time b{display:block;margin-top:2px;font-size:54px;font-weight:500;letter-spacing:-.03em;line-height:1}
.ph-ns{display:flex;flex-direction:column;gap:6px;margin-top:22px}
.ph-n{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;align-items:start;padding:9px 10px;border-radius:14px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);color:#FFFFFF}
.ph-n i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.18);font-style:normal;font-size:12px}
.ph-n b{display:block;font-size:12px;font-weight:600}
.ph-n span{display:block;margin-top:1px;font-size:11px;line-height:1.3;opacity:.8}
.ph-n em{font-style:normal;font-size:10.5px;opacity:.6}
.ph-n.alarm{background:rgba(255,63,83,.92)}.ph-n.alarm i{background:#FFFFFF;color:#E8283D;font-weight:700}
.ph-n.calm{background:rgba(31,160,85,.85)}
.ph-wrap figcaption{margin-top:16px;font-size:14px;font-weight:500}
.ph-now figcaption{color:#1A8F4C}
/* call */
.v4-rec{font-family:'Geist Mono',monospace;font-size:12px;color:#E8283D}
/* routing */
.rt{padding:22px 20px 24px;border-radius:18px;background:#FFFFFF;box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 40px -20px rgba(20,20,20,.22);max-width:460px;margin:0 auto}
.rt-n{padding:12px 14px;border-radius:12px;background:#F4F4F4}
.rt-n small{display:block;font-size:11.5px;color:#909090}.rt-n b{display:block;margin-top:2px;font-size:13.5px;font-weight:500;line-height:1.35}
.rt-n span{display:block;margin-top:6px;font-size:11.5px;font-weight:500}
.rt-ag{background:#141414;color:#FFFFFF}.rt-ag small{color:rgba(255,255,255,.6)}
.rt-l{display:block;width:2px;height:16px;margin:0 auto;background:#D6D6D6}
.rt-split{position:relative;height:22px}.rt-split i{position:absolute;left:25%;right:25%;top:10px;height:12px;border:2px solid #D6D6D6;border-bottom:0;border-radius:10px 10px 0 0}
.rt-split::before{content:'';position:absolute;left:50%;top:0;width:2px;height:10px;background:#D6D6D6}
.rt-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rt-red{background:#FFF0F2}.rt-red small,.rt-red span{color:#E0243B}
.rt-green{background:#F0F9F3}.rt-green small,.rt-green span{color:#167A40}
/* ticket */
.tk-h{display:flex;justify-content:space-between;align-items:center}.tk-h b{font-size:16px;font-weight:500}
.tk-prio{padding:3px 9px;border-radius:999px;background:#F2F2F2;font-size:11.5px;font-weight:500}
.tk-sub{margin:4px 0 10px;font-size:12.5px;color:#909090}
.tk-sum{margin-top:10px;padding:10px 12px;border-radius:10px;background:#F7F7F7;font-size:12.5px;line-height:1.5;color:#3A3A3A}
.tk-sum small{display:block;margin-bottom:3px;font-size:11px;color:#909090}
.tk-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;color:#6F6F6F}
.tk-foot b{padding:5px 10px;border-radius:999px;background:#F0F9F3;color:#167A40;font-weight:500}
@media (max-width:1000px){.ph-panel{grid-template-columns:minmax(0,1fr);gap:28px;padding:24px 12px}.ph{width:250px;height:470px}}
.v4 .es-calh b.g{color:#1A8F4C}
.v4 .b3-two .cv-scr+.cv-scr .es-calh b{color:inherit}
.v4 .b3-two .cv-scr+.cv-scr .es-calh b.g{color:#1A8F4C}
.v4-caller{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #F2F2F2}
.v4-av{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#F2F2F2;font-size:11px;font-weight:600}
.v4-caller b{display:block;font-size:14px;font-weight:500}.v4-caller small{font-size:12px;color:#909090}
.v4-wave{margin-left:auto;width:70px;height:18px;background:repeating-linear-gradient(90deg,#FF3F53 0 2px,transparent 2px 5px);-webkit-mask:linear-gradient(90deg,#000,#000);mask:radial-gradient(ellipse at center,#000 40%,transparent 75%);opacity:.8}
.v4-chat{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.v4-m{max-width:82%;padding:9px 12px;border-radius:14px;font-size:13.5px;line-height:1.45}
.v4-m small{display:block;margin-bottom:2px;font-size:11.5px;color:#909090}
.v4-m.ag{align-self:flex-start;background:#F4F4F4;border-bottom-left-radius:4px}
.v4-m.me{align-self:flex-end;background:#141414;color:#FFFFFF;border-bottom-right-radius:4px}
.v4-m.me small{color:rgba(255,255,255,.6)}
.v4-src{display:block;margin-top:6px;padding:4px 8px;border-radius:8px;background:#FFFFFF;font-size:11.5px;color:#6F6F6F}
.v4-rows div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #F2F2F2;font-size:13.5px}
.v4-rows div:first-child{border-top:0;padding-top:2px}
.v4-rows span{color:#6F6F6F}.v4-rows b{font-weight:500}
.v4-verdict{margin-top:10px;padding:12px 14px;border-radius:12px;background:#F0F9F3}
.v4-verdict b{display:block;font-size:15px;font-weight:500;color:#167A40}.v4-verdict span{font-size:12.5px;color:#3E7D58}
.v4-total{border-top:1px solid #E6E6E6!important;padding-top:12px!important}.v4-total b{font-size:16px}
.v4-btn{margin-top:12px;height:36px;display:grid;place-items:center;border-radius:10px;background:#141414;color:#FFFFFF;font-size:13px;font-weight:500}
.v4-remind{margin-top:8px;padding:7px 10px;border-radius:8px;background:#FFF6E8;color:#9A5B00;font-size:12px}
.v4-badge{flex:none;display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border-radius:7px;background:#F2F2F2;font-style:normal;font-size:11px;font-weight:600;color:#141414}
.v4-ch .cv-li{align-items:flex-start}

#v-case .b5-pin{top:96px}



.bl-sec{padding:110px 120px;background:#FFFFFF;color:#141414;font-family:'Uncut Sans','Helvetica Neue',Arial,sans-serif}
.bl-sec a{color:inherit;text-decoration:none}
.bl-sec :focus-visible{outline:2px solid #FF3F53;outline-offset:3px;border-radius:8px}
.bl-head{display:flex;flex-direction:column;align-items:center;text-align:center}
.bl-head .spk-eye{display:flex;justify-content:center}
.bl-h2{margin:0;font-size:48px;font-weight:500;line-height:1.1;letter-spacing:-.04em;text-wrap:balance}
.bl-chips{margin-top:32px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.bl-fchip{height:40px;padding:0 18px;border-radius:999px;border:0;background:#F2F2F2;color:#141414;font-family:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s ease}
.bl-fchip:hover{background:#E6E6E6}.bl-fchip.on{background:#141414;color:#FFFFFF}
.bl-grid{margin-top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}
.bl-card{display:flex;flex-direction:column;align-items:flex-start}
.bl-card[hidden]{display:none}
.bl-card h3{margin:14px 0 0;font-size:21px;font-weight:500;line-height:1.2;letter-spacing:-.025em;transition:color .2s ease}
.bl-card:hover h3{color:#FF3F53}
.bl-art{width:100%;height:180px;box-sizing:border-box;border-radius:20px;background:#F2F2F2;display:grid;place-items:center;overflow:hidden;line-height:0}
.bl-word{display:flex;flex-direction:column;align-items:center;gap:6px}
.bl-squig{display:block;width:62%}
.bl-chip{margin-top:20px;display:inline-block;padding:5px 12px;border-radius:999px;background:#F2F2F2;font-size:13px;font-weight:500}
.bl-meta{margin-top:12px;font-size:14px;color:#6F6F6F}
.bl-empty{margin:56px 0 0;text-align:center;font-size:17px;color:#6F6F6F}
.bl-more{margin-top:56px;display:flex;justify-content:center}
.bl-btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 24px;border-radius:999px;background:#141414;color:#FFFFFF!important;font-size:16px;font-weight:500;transition:background .2s ease}
.bl-btn:hover{background:#333}
@media (max-width:1000px){.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}}
@media (max-width:1000px){.bl-sec{padding:72px 20px}.bl-h2{font-size:36px}}
@media (max-width:600px){.bl-grid{grid-template-columns:1fr}}
.bl-art.ba-a1{position:relative;display:block;place-items:initial}
.bl-art.ba-a1 .ba-ui{line-height:1.3}
/* 1: small UI */
.bl-art.ba-a1 .ba-wd{position:absolute;left:16px;top:10px;line-height:0;z-index:2}
.ba-a1 .ba-ui{position:absolute;inset:0;display:grid;place-items:end center;padding:44px 22px 0}
.ba-w{width:250px;border-radius:12px 12px 0 0;background:#FFFFFF;box-shadow:0 1px 2px rgba(0,0,0,.05),0 14px 30px -14px rgba(20,20,20,.28);overflow:hidden;font-size:11px}
.ba-wb{display:flex;align-items:center;gap:4px;height:22px;padding:0 9px;border-bottom:1px solid #F2F2F2;color:#A0A0A0;font-size:9.5px}
.ba-wb i{width:6px;height:6px;border-radius:50%;background:#E6E6E6}.ba-wb span{margin-left:5px}
.ba-wc{padding:8px 10px 10px}
.ba-fl{display:flex;align-items:center;gap:0;margin-bottom:44px}
.ba-nd{padding:7px 9px;border-radius:9px;background:#FFFFFF;box-shadow:0 1px 2px rgba(0,0,0,.05),0 10px 22px -12px rgba(20,20,20,.25)}
.ba-nd small{display:block;font-size:8.5px;color:#A0A0A0}.ba-nd b{display:block;margin-top:1px;font-size:10.5px;font-weight:500;white-space:nowrap}
.ba-nd.ba-hot{background:#FF3F53;color:#FFFFFF}.ba-nd.ba-hot small{color:rgba(255,255,255,.75)}
.ba-ln{width:14px;height:2px;background:#D6D6D6}
.ba-tk{display:flex;justify-content:space-between;padding:4px 0;border-top:1px solid #F4F4F4}.ba-tk:first-child{border-top:0}
.ba-tk b{padding:1px 6px;border-radius:999px;font-size:9px;font-weight:600;background:#F2F2F2}
.ba-tk.ba-ai span{color:#A0A0A0;text-decoration:line-through}.ba-tk.ba-ai b{background:#E9F6EE;color:#167A40}
.ba-pr{display:flex;justify-content:space-between;padding:4px 0;border-top:1px solid #F4F4F4}.ba-pr:first-child{border-top:0}
.ba-pr span{color:#6F6F6F}.ba-pr b{font-weight:600}.ba-pr.ba-g b{color:#1A8F4C}
.ba-bg{display:flex;align-items:center;gap:8px}.ba-bg .ba-w{width:170px}
.ba-rc{width:74px;padding:8px 7px;border-radius:4px;background:#FFFFFF;box-shadow:0 10px 22px -12px rgba(20,20,20,.3);transform:rotate(-4deg)}
.ba-rc b{display:block;font-size:8.5px;font-weight:600;line-height:1.2}.ba-rc i{display:block;height:3px;margin-top:4px;border-radius:2px;background:#ECECEC}.ba-rc strong{display:block;margin-top:6px;font-size:11px;font-weight:600}
.ba-ar{font-style:normal;color:#B0B0B0}
.ba-bk{display:flex;justify-content:space-between;align-items:center;padding:3px 0}.ba-bk.ba-g{margin-top:3px;padding:3px 7px;border-radius:999px;background:#E9F6EE;color:#167A40;font-weight:600;width:max-content}
.ba-ok{font-style:normal;color:#1FA055;font-weight:700}
.ba-cl{display:flex;align-items:center;gap:7px}.ba-cl b{display:block;font-size:10.5px;font-weight:600}.ba-cl small{font-size:9px;color:#A0A0A0}
.ba-av{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#F2F2F2;font-size:8px;font-weight:700}
.ba-wv{margin-left:auto;width:40px;height:12px;background:repeating-linear-gradient(90deg,#FF3F53 0 2px,transparent 2px 4px);border-radius:3px;opacity:.7}
.ba-bu{margin-top:6px;padding:5px 8px;border-radius:10px;background:#F4F4F4;width:max-content;max-width:88%;line-height:1.35}
.ba-bu.ba-me{margin-left:auto;background:#141414;color:#FFFFFF}
.ba-src{display:block;margin-top:3px;font-size:8.5px;color:#909090}
.ba-okp{margin-top:6px;padding:3px 7px;border-radius:999px;background:#E9F6EE;color:#167A40;font-weight:600;width:max-content}

.ar{color:#141414}
.ar a{color:inherit;text-decoration:none}
.ar :focus-visible{outline:2px solid #FF3F53;outline-offset:3px;border-radius:8px}
.ar-main{width:1200px;margin:0 auto;padding:40px 0 0}
.ar-head{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:56px;align-items:center}
.ar-tags{margin-top:20px;display:flex;align-items:center;gap:14px}
.ar-read{font-size:15px;color:#6F6F6F}
.ar-crumb{display:flex;gap:10px;font-size:15px;color:#6F6F6F}.ar-crumb a:hover{color:#FF3F53}
.ar-chip{display:inline-block;margin-top:0;padding:5px 12px;border-radius:999px;background:#F2F2F2;font-size:13px;font-weight:500}
.ar-h1{margin:18px 0 0;font-size:46px;font-weight:500;line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.ar-lead{margin:18px 0 0;font-size:19px;line-height:1.5;color:#6F6F6F}
.ar-by{margin:28px 0 0;display:flex;align-items:center;gap:14px}.ar-by img{border-radius:50%;display:block}
.ar-by b{display:block;font-size:16px;font-weight:500}.ar-by span{display:block;margin-top:2px;font-size:14px;color:#6F6F6F}
.ar-tile{margin-top:0;height:340px;border-radius:24px;background:#F2F2F2;display:grid;place-items:center;overflow:hidden;line-height:0}
.ar-soon .ar-tile{margin-top:48px}
.ar-word{display:flex;flex-direction:column;align-items:center;gap:10px}.ar-squig{display:block;width:62%}
.ar-grid{margin-top:64px;display:grid;grid-template-columns:200px minmax(0,640px) 280px;gap:40px;justify-content:space-between}
.ar-toc{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:2px}
.ar-toc b{font-size:14px;font-weight:500;color:#6F6F6F;margin-bottom:10px}
.ar-toc a{padding:7px 0 7px 14px;border-left:2px solid rgba(20,20,20,.1);font-size:15px;line-height:1.35;color:#6F6F6F;transition:color .2s ease,border-color .2s ease}
.ar-toc a:hover,.ar-toc a.on{color:#141414;border-color:#FF3F53}
.ar-body{font-size:18px;line-height:1.7}
.ar-body h2{margin:56px 0 0;font-size:32px;font-weight:500;line-height:1.15;letter-spacing:-.03em;scroll-margin-top:24px}
.ar-body p{margin:18px 0 0}
.ar-body ul,.ar-body ol{margin:18px 0 0;padding-left:22px}.ar-body li{margin-top:10px}.ar-body li::marker{color:#FF3F53}
.ar-sum{padding:28px 32px;border-radius:20px;background:#F2F2F2}.ar-sum b{display:block;font-size:17px;font-weight:500}.ar-sum ul{margin-top:12px}
.ar-tab{margin-top:24px;width:100%;border-collapse:collapse;font-size:16px;line-height:1.4}
.ar-tab th,.ar-tab td{padding:14px 16px 14px 0;text-align:left;border-bottom:1px solid rgba(20,20,20,.1);vertical-align:top}
.ar-tab thead th{font-size:14px;font-weight:500;color:#6F6F6F}.ar-tab tbody th{font-weight:500}
.ar-quote{margin:40px 0 0;padding:0}
.ar-faq{border-bottom:1px solid rgba(20,20,20,.1);padding:20px 0}
.ar-faq:first-of-type{margin-top:20px;border-top:1px solid rgba(20,20,20,.1)}
.ar-faq summary{cursor:pointer;font-size:18px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:16px}
.ar-faq summary::-webkit-details-marker{display:none}
.ar-faq summary::after{content:'+';color:#FF3F53;font-size:24px;line-height:1}.ar-faq[open] summary::after{content:'−'}
.ar-faq p{margin:12px 0 0;font-size:17px;color:#6F6F6F}
.ar-author{margin-top:64px;padding:28px 32px;border-radius:20px;background:#F2F2F2;display:flex;gap:20px;align-items:flex-start}
.ar-author img{border-radius:50%;display:block;flex:none}.ar-author b{font-size:17px;font-weight:500}
.ar-author p{margin:6px 0 0;font-size:16px;line-height:1.55;color:#6F6F6F}
.ar-author a{display:inline-flex;gap:8px;align-items:center;margin-top:12px;font-size:15px;font-weight:500}.ar-author a:hover{color:#FF3F53}
.ar-cta{position:sticky;top:96px;align-self:start}
.ar-ctac{border-radius:24px;padding:28px;color:#FFFFFF;background:linear-gradient(160deg,#2A0712 0%,#4B0F1D 55%,#8C1A2A 100%)}
.ar-ctac b{display:block;font-size:24px;font-weight:500;line-height:1.15;letter-spacing:-.03em}
.ar-ctac p{margin:12px 0 0;font-size:16px;line-height:1.5;color:rgba(255,255,255,.82)}
.ar-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;margin-top:22px;white-space:nowrap;border-radius:999px;background:#FF3F53;color:#FFFFFF!important;font-size:16px;font-weight:500;transition:background .2s ease}
.ar-btn:hover{background:#E8283D}
.ar-soonrow{margin-top:48px;display:flex;justify-content:space-between;align-items:flex-start;gap:40px}
.ar-back{display:inline-flex;padding:12px 0;font-size:16px;font-weight:500;border-bottom:1px solid rgba(20,20,20,.25)}.ar-back:hover{color:#FF3F53;border-color:#FF3F53}
.ar-soonrow .ar-cta{position:static;width:320px;flex:none}
@media (max-width:1240px){.ar-main{width:auto;margin:0 40px}}
@media (max-width:1000px){.ar-head{grid-template-columns:1fr;gap:32px}.ar-h1{font-size:36px}.ar-lead{font-size:18px}.ar-tile{height:220px;order:-1}.ar-grid{grid-template-columns:1fr;gap:32px}.ar-toc{display:none}.ar-cta{position:static;order:3}.ar-soonrow{flex-direction:column}.ar-soonrow .ar-cta{width:auto}}
@media (max-width:600px){.ar-main{margin:0 20px;padding-top:32px}.ar-author{flex-direction:column}}
@property --n{syntax:'<integer>';inherits:false;initial-value:0}
#leistungen{
  --bg:#FFFFFF;--text:#141414;--text-2:#6F6F6F;--text-3:#909090;--line:#E5E5E5;--coral:#FF3F53;
  --panel:#FFFFFF;--panel-2:#F4F4F4;
  color-scheme:light;
}
#leistungen *,#leistungen *::before,#leistungen *::after{box-sizing:border-box}
#leistungen,#leistungen{background:var(--bg)}
#leistungen{color:var(--text);font-family:'Uncut Sans','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}
#leistungen .mono{font-family:'Geist Mono',Menlo,monospace}
#leistungen .page{padding-inline:clamp(16px,3vw,40px)}
#leistungen .wrap{max-width:1200px;margin:0 auto}
#leistungen .spacer{height:40vh;display:flex;align-items:flex-end;padding-bottom:6vh;color:var(--text-3);font-size:13px}
#leistungen .svc{padding-block:120px}
#leistungen .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:500;line-height:1;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:8px}
#leistungen .head{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;align-items:end;margin-bottom:56px}
#leistungen .head .left{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
#leistungen .head h2{margin:0;font-size:clamp(34px,3.4vw,48px);font-weight:500;line-height:1.1;letter-spacing:-.03em;text-wrap:balance}
#leistungen .head p{margin:0 0 4px;max-width:470px;font-size:17px;line-height:1.5;color:var(--text-2)}
#leistungen .bento{display:flex;flex-direction:column;gap:16px}
#leistungen .r1{display:grid;grid-template-columns:700fr 484fr;gap:16px}
#leistungen .r2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#leistungen .card{position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(180deg,#111215 0%,#0C0D0F 100%);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
#leistungen .r1 .card{height:480px}
#leistungen .r2 .card{height:480px}
#leistungen .card .txt{position:relative;z-index:2;padding:28px 30px 0;display:flex;flex-direction:column;gap:8px}
#leistungen .card h3{margin:0;font-size:21px;font-weight:500;line-height:1.25;letter-spacing:-.01em}
#leistungen .card .txt p{margin:0;max-width:440px;font-size:15px;line-height:1.5;color:var(--text-2)}
#leistungen .g{position:absolute;left:0;right:0;bottom:0}
#leistungen .r1 .g{top:136px}
#leistungen .r2 .g{top:128px}
#leistungen .panel{position:absolute;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 24px 48px -12px rgba(0,0,0,.65)}
#leistungen .pill{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 18px 36px -12px rgba(0,0,0,.6);font-size:13.5px;line-height:1.35;white-space:nowrap}
#leistungen .pill .sub{color:var(--text-2)}
#leistungen .star{display:block;flex-shrink:0}
#leistungen .tile{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--coral);border-radius:7px}
#leistungen .chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;background:#202125;border:1px solid rgba(255,255,255,.14);border-radius:10px;box-shadow:0 20px 40px -10px rgba(0,0,0,.7);white-space:nowrap;font-size:14px;font-weight:500}
#leistungen .chip .meta{font-family:'Geist Mono',Menlo,monospace;font-size:11px;letter-spacing:.05em;color:var(--text-2);font-weight:400}
#leistungen .wf-tile{position:absolute;left:62px;top:112px;width:76px;height:76px}
#leistungen .wf-tile img{width:100%;height:100%;display:block}
#leistungen .wf-tile::before{content:"";position:absolute;inset:-46px;background:radial-gradient(closest-side,rgba(255,63,83,.16),rgba(255,63,83,0));z-index:-1}
#leistungen .wf-lines{position:absolute;left:0;top:0;width:700px;height:324px;overflow:visible}
#leistungen .wf-lines .base{fill:none;stroke:rgba(255,255,255,.14);stroke-width:1.3;stroke-linecap:round}
#leistungen .wf-lines .end{fill:#2C2D32}
#leistungen .wf-lines .pulse{fill:none;stroke:#FF4F62;stroke-width:2;stroke-linecap:round;stroke-dasharray:.16 1;stroke-dashoffset:.16;opacity:0;filter:drop-shadow(0 0 4px rgba(255,63,83,.9))}
#leistungen .wf-a{left:236px;top:36px;height:56px}
#leistungen .wf-b{left:236px;top:208px;height:56px}
#leistungen .steps{left:452px;top:40px;width:224px;height:220px;padding:22px 22px;display:flex;flex-direction:column;gap:20px}
#leistungen .step{display:flex;gap:12px;align-items:stretch}
#leistungen .step .bar{position:relative;width:3px;border-radius:2px;background:rgba(255,255,255,.14);overflow:hidden}
#leistungen .step .bar::after{content:"";position:absolute;inset:0;background:#FF3F53;transform-origin:top;transform:scaleY(0)}
#leistungen .step .t{display:flex;flex-direction:column;gap:3px}
#leistungen .step .t b{font-weight:500;font-size:15px;display:flex;align-items:center;gap:8px}
#leistungen .step .t span{font-family:'Geist Mono',Menlo,monospace;font-size:12px;color:var(--text-3)}
#leistungen .step .ok{opacity:0}
#leistungen .wf-chip{left:444px;top:241px}
#leistungen .os-win{left:36px;top:36px;width:470px;height:330px;overflow:hidden}
#leistungen .os-bar{height:46px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.06)}
#leistungen .os-bar b{font-weight:500;font-size:14px}
#leistungen .os-bar i{display:block;height:8px;border-radius:4px;background:rgba(255,255,255,.08)}
#leistungen .os-side{position:absolute;left:0;top:46px;bottom:0;width:48px;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:16px}
#leistungen .os-side i{display:block;width:18px;height:18px;border-radius:5px;background:rgba(255,255,255,.07)}
#leistungen .os-side i:first-child{background:rgba(255,63,83,.35)}
#leistungen .os-chart{position:absolute;left:48px;right:0;top:46px;bottom:0}
#leistungen .os-kpi{left:22px;top:118px;width:244px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;z-index:3}
#leistungen .os-kpi .l{font-size:12.5px;color:var(--text-2)}
#leistungen .os-kpi .v{font-size:34px;font-weight:500;letter-spacing:-.02em;line-height:1}
#leistungen .os-kpi .p{align-self:flex-start;margin-top:4px;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:500;line-height:1.2;color:#1A7F45;background:#E8F6EC;border-radius:6px;padding:4px 8px 4px 6px}
#leistungen .count{counter-reset:n var(--n)}
#leistungen .count::before{content:counter(n)}
#leistungen .call{left:36px;top:22px;right:36px;height:320px;padding:16px 20px;display:flex;flex-direction:column;gap:10px}
#leistungen .call .chip{position:relative;align-self:flex-end;margin-top:2px}
#leistungen .call-h{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}
#leistungen .call-h .live{width:8px;height:8px;border-radius:50%;background:var(--coral)}
#leistungen .call-h .tm{margin-left:auto;display:flex;align-items:center;gap:8px;font-family:'Geist Mono',Menlo,monospace;font-size:12px;color:var(--text-3);font-weight:400}
#leistungen .wave{display:flex;align-items:center;gap:3px;height:26px;margin-block:2px 4px}
#leistungen .wave i{display:block;width:3px;height:100%;border-radius:2px;background:linear-gradient(180deg,#FF6B7A,#FF3F53);transform:scaleY(.18);transform-origin:center}
#leistungen .bub{max-width:78%;padding:8px 13px;border-radius:14px;font-size:14px;line-height:1.45}
#leistungen .bub.them{align-self:flex-start;background:#222327;border-top-left-radius:4px}
#leistungen .bub.us{align-self:flex-end;background:rgba(255,63,83,.12);border:1px solid rgba(255,63,83,.25);border-top-right-radius:4px;display:flex;gap:10px;align-items:flex-start}
#leistungen .pc{left:36px;top:22px;width:390px;padding:18px 20px 22px;display:flex;flex-direction:column;gap:14px}
#leistungen .pc .row{margin-right:96px}
#leistungen .pc-h{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500}
#leistungen .pc-h .mono{font-size:11px;letter-spacing:.08em;color:var(--text-3);font-weight:400}
#leistungen .row{display:flex;flex-direction:column;gap:7px}
#leistungen .row .lab{display:flex;justify-content:space-between;font-size:13.5px}
#leistungen .row .lab span:last-child{font-family:'Geist Mono',Menlo,monospace;font-size:12px;color:var(--text-2)}
#leistungen .track{height:6px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden}
#leistungen .w100{--w:1}
#leistungen .w80{--w:.8}
#leistungen .w70{--w:.7}
#leistungen .w50{--w:.5}
#leistungen .fill{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#B81F33,#FF3F53);transform-origin:left;transform:scaleX(0)}
#leistungen .pc .foot{font-family:'Geist Mono',Menlo,monospace;font-size:11px;color:var(--text-3);letter-spacing:.03em}
#leistungen .roi{left:326px;top:116px;width:240px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;z-index:3}
#leistungen .roi .l{font-size:12.5px;color:var(--text-2)}
#leistungen .roi .v{display:flex;align-items:baseline;font-size:34px;font-weight:500;letter-spacing:-.02em;line-height:1.1}
#leistungen .odo{display:inline-block;height:1.1em;overflow:hidden}
#leistungen .odo span{display:flex;flex-direction:column}
#leistungen .d6{--d:6}
#leistungen .d2{--d:2}
#leistungen .d1{--d:1}
#leistungen .d0{--d:0}
#leistungen .odo span b{display:block;height:1.1em;font-weight:500}
#leistungen .roi .m{font-size:12px;color:var(--text-3)}
#leistungen .card{opacity:0;transform:translateY(28px) scale(.985)}
#leistungen .card.in{opacity:1;transform:none;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}
#leistungen .r1 .card.in:nth-child(2),#leistungen .r2 .card.in:nth-child(2){transition-delay:.1s}
#leistungen .anim{animation-play-state:paused!important}
#leistungen .run .anim{animation-play-state:running!important}
#leistungen .anim::after{animation-play-state:paused!important}
#leistungen .run .anim::after{animation-play-state:running!important}
@keyframes lv-fillBar{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes lv-okPop{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}
@keyframes lv-land{0%{opacity:0;transform:translateY(-22px) scale(.92)}60%{opacity:1;transform:translateY(3px) scale(1.01)}100%{opacity:1;transform:none}}
@keyframes lv-pulse{0%{stroke-dashoffset:.16;opacity:0}8%{opacity:1}42%{opacity:1}50%,100%{stroke-dashoffset:-1;opacity:0}}
#leistungen .wf-lines .pulse{animation:lv-pulse 6s cubic-bezier(.45,0,.55,1) .5s infinite both}
#leistungen .step .bar.anim::after{animation:lv-fillBar .6s cubic-bezier(.22,1,.36,1) both}
#leistungen .step:nth-child(1) .bar::after{animation-delay:1.3s}
#leistungen .step:nth-child(2) .bar::after{animation-delay:1.8s}
#leistungen .step:nth-child(3) .bar::after{animation-delay:2.3s}
#leistungen .step .ok{animation:lv-okPop .45s cubic-bezier(.3,1.5,.5,1) both}
#leistungen .step:nth-child(1) .ok{animation-delay:1.45s}
#leistungen .step:nth-child(2) .ok{animation-delay:1.95s}
#leistungen .step:nth-child(3) .ok{animation-delay:2.45s}
#leistungen .wf-chip{animation:lv-land .8s cubic-bezier(.22,1,.36,1) 3s both}
@keyframes lv-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes lv-fadeIn{from{opacity:0}to{opacity:1}}
@keyframes lv-countUp{from{--n:0}to{--n:38}}
@keyframes lv-glow{0%,100%{box-shadow:0 0 0 0 rgba(255,63,83,0)}50%{box-shadow:0 0 0 7px rgba(255,63,83,.12)}}
@keyframes lv-dotGlow{0%,100%{opacity:1}50%{opacity:.55}}
#leistungen .os-line{stroke-dasharray:1;animation:lv-draw 1.8s cubic-bezier(.4,0,.2,1) 1.4s both}
#leistungen .os-area{animation:lv-fadeIn 1.2s ease 2.2s both}
#leistungen .os-kpi .count{animation:lv-countUp 1.8s cubic-bezier(.2,.7,.2,1) 1.4s both}
#leistungen .os-dot{animation:lv-fadeIn .5s ease 3s both,lv-dotGlow 3s ease-in-out 3.6s infinite}
@keyframes lv-wave{0%,100%{transform:scaleY(.2)}50%{transform:scaleY(var(--h,.7))}}
#leistungen .wave i{animation:lv-wave 1.8s ease-in-out infinite;opacity:.85}
#leistungen .wave i:nth-child(1){--h:0.35;animation-delay:-0.00s}
#leistungen .wave i:nth-child(2){--h:0.38;animation-delay:-0.11s}
#leistungen .wave i:nth-child(3){--h:0.39;animation-delay:-0.22s}
#leistungen .wave i:nth-child(4){--h:0.42;animation-delay:-0.33s}
#leistungen .wave i:nth-child(5){--h:0.43;animation-delay:-0.44s}
#leistungen .wave i:nth-child(6){--h:0.46;animation-delay:-0.55s}
#leistungen .wave i:nth-child(7){--h:0.47;animation-delay:-0.66s}
#leistungen .wave i:nth-child(8){--h:0.49;animation-delay:-0.77s}
#leistungen .wave i:nth-child(9){--h:0.52;animation-delay:-0.88s}
#leistungen .wave i:nth-child(10){--h:0.50;animation-delay:-0.99s}
#leistungen .wave i:nth-child(11){--h:0.57;animation-delay:-1.10s}
#leistungen .wave i:nth-child(12){--h:0.50;animation-delay:-1.21s}
#leistungen .wave i:nth-child(13){--h:0.62;animation-delay:-1.32s}
#leistungen .wave i:nth-child(14){--h:0.52;animation-delay:-1.43s}
#leistungen .wave i:nth-child(15){--h:0.65;animation-delay:-1.54s}
#leistungen .wave i:nth-child(16){--h:0.58;animation-delay:-1.65s}
#leistungen .wave i:nth-child(17){--h:0.67;animation-delay:-1.76s}
#leistungen .wave i:nth-child(18){--h:0.64;animation-delay:-0.07s}
#leistungen .wave i:nth-child(19){--h:0.67;animation-delay:-0.18s}
#leistungen .wave i:nth-child(20){--h:0.69;animation-delay:-0.29s}
#leistungen .wave i:nth-child(21){--h:0.66;animation-delay:-0.40s}
#leistungen .wave i:nth-child(22){--h:0.74;animation-delay:-0.51s}
#leistungen .wave i:nth-child(23){--h:0.64;animation-delay:-0.62s}
#leistungen .wave i:nth-child(24){--h:0.78;animation-delay:-0.73s}
#leistungen .wave i:nth-child(25){--h:0.60;animation-delay:-0.84s}
#leistungen .wave i:nth-child(26){--h:0.80;animation-delay:-0.95s}
#leistungen .wave i:nth-child(27){--h:0.64;animation-delay:-1.06s}
#leistungen .wave i:nth-child(28){--h:0.80;animation-delay:-1.17s}
#leistungen .wave i:nth-child(29){--h:0.70;animation-delay:-1.28s}
#leistungen .wave i:nth-child(30){--h:0.78;animation-delay:-1.39s}
#leistungen .wave i:nth-child(31){--h:0.75;animation-delay:-1.50s}
#leistungen .wave i:nth-child(32){--h:0.75;animation-delay:-1.61s}
#leistungen .wave i:nth-child(33){--h:0.79;animation-delay:-1.72s}
#leistungen .wave i:nth-child(34){--h:0.70;animation-delay:-0.03s}
#leistungen .wave i:nth-child(35){--h:0.81;animation-delay:-0.14s}
#leistungen .wave i:nth-child(36){--h:0.65;animation-delay:-0.25s}
#leistungen .wave i:nth-child(37){--h:0.81;animation-delay:-0.36s}
#leistungen .wave i:nth-child(38){--h:0.61;animation-delay:-0.47s}
#leistungen .wave i:nth-child(39){--h:0.79;animation-delay:-0.58s}
#leistungen .wave i:nth-child(40){--h:0.66;animation-delay:-0.69s}
#leistungen .wave i:nth-child(41){--h:0.76;animation-delay:-0.80s}
#leistungen .wave i:nth-child(42){--h:0.69;animation-delay:-0.91s}
#leistungen .wave i:nth-child(43){--h:0.71;animation-delay:-1.02s}
#leistungen .wave i:nth-child(44){--h:0.70;animation-delay:-1.13s}
#leistungen .wave i:nth-child(45){--h:0.66;animation-delay:-1.24s}
#leistungen .wave i:nth-child(46){--h:0.70;animation-delay:-1.35s}
#leistungen .wave i:nth-child(47){--h:0.60;animation-delay:-1.46s}
#leistungen .wave i:nth-child(48){--h:0.68;animation-delay:-1.57s}
#leistungen .wave i:nth-child(49){--h:0.54;animation-delay:-1.68s}
#leistungen .wave i:nth-child(50){--h:0.65;animation-delay:-1.79s}
#leistungen .wave i:nth-child(51){--h:0.53;animation-delay:-0.10s}
#leistungen .wave i:nth-child(52){--h:0.61;animation-delay:-0.21s}
#leistungen .wave i:nth-child(53){--h:0.53;animation-delay:-0.32s}
#leistungen .wave i:nth-child(54){--h:0.56;animation-delay:-0.43s}
#leistungen .wave i:nth-child(55){--h:0.52;animation-delay:-0.54s}
#leistungen .wave i:nth-child(56){--h:0.51;animation-delay:-0.65s}
#leistungen .wave i:nth-child(57){--h:0.50;animation-delay:-0.76s}
#leistungen .wave i:nth-child(58){--h:0.46;animation-delay:-0.87s}
#leistungen .wave i:nth-child(59){--h:0.47;animation-delay:-0.98s}
#leistungen .wave i:nth-child(60){--h:0.42;animation-delay:-1.09s}
#leistungen .wave i:nth-child(61){--h:0.42;animation-delay:-1.20s}
#leistungen .wave i:nth-child(62){--h:0.38;animation-delay:-1.31s}
#leistungen .wave i:nth-child(63){--h:0.38;animation-delay:-1.42s}
#leistungen .wave i:nth-child(64){--h:0.36;animation-delay:-1.53s}
@keyframes lv-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#leistungen .call .bub,#leistungen .call .chip{opacity:0;transform:translateY(12px) scale(.96);transition:opacity .35s ease,transform .55s cubic-bezier(.3,1.45,.5,1)}
#leistungen .call .bub.on,#leistungen .call .chip.on{opacity:1;transform:none}
#leistungen .call .bub.us{transform-origin:right bottom}
#leistungen .call .bub.them{transform-origin:left bottom}
#leistungen .call-h .live{animation:lv-dotGlow 2.4s ease-in-out infinite}
@keyframes lv-fillIn{from{transform:scaleX(0)}to{transform:scaleX(var(--w))}}
#leistungen .fill{animation:lv-fillIn 1.1s cubic-bezier(.22,1,.36,1) .6s both}
#leistungen .row:nth-child(3) .fill{animation-delay:.75s}
#leistungen .row:nth-child(4) .fill{animation-delay:.9s}
#leistungen .row:nth-child(5) .fill{animation-delay:1.05s}
@keyframes lv-roll{from{transform:translateY(0)}to{transform:translateY(calc(var(--d) * -1.1em))}}
#leistungen .odo span{animation:lv-roll 1.6s cubic-bezier(.2,.8,.2,1) 1.3s both}
#leistungen .odo:nth-child(2) span{animation-delay:1.38s}
#leistungen .odo:nth-child(4) span{animation-delay:1.46s}
#leistungen .odo:nth-child(5) span{animation-delay:1.54s}
#leistungen .odo:nth-child(6) span{animation-delay:1.62s}
#leistungen .eyebrow{background:#F2F2F2;border-color:#E5E5E5}
#leistungen .card{background:#F2F2F2;border:none;box-shadow:none;border-radius:24px}
#leistungen .panel{border-color:#EBEBEB;box-shadow:0 22px 44px -22px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.04)}
#leistungen .pill{border-color:#EBEBEB;box-shadow:0 14px 30px -18px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.04)}
#leistungen .pill svg{stroke:#909090}
#leistungen .chip{background:#FFFFFF;border-color:#E5E5E5;box-shadow:0 18px 36px -16px rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.05)}
#leistungen .wf-lines .base{stroke:#DCDCDC}
#leistungen .wf-lines .end{fill:#DCDCDC}
#leistungen .wf-lines .pulse{filter:drop-shadow(0 0 3px rgba(255,63,83,.45))}
#leistungen .wf-tile::before{background:radial-gradient(closest-side,rgba(255,63,83,.12),rgba(255,63,83,0))}
#leistungen .step .bar{background:#E5E5E5}
#leistungen .os-bar{border-bottom-color:#EFEFEF}
#leistungen .os-bar i{background:#F1F1F1}
#leistungen .os-side{border-right-color:#EFEFEF}
#leistungen .os-side i{background:#F1F1F1}
#leistungen .os-side i:first-child{background:rgba(255,63,83,.28)}
#leistungen .os-chart g{stroke:#F1F1F1}
#leistungen .os-dot{stroke:#FFFFFF}
#leistungen .bub.them{background:#F2F2F2}
#leistungen .bub.us{background:rgba(255,63,83,.08);border-color:rgba(255,63,83,.22)}
#leistungen .track{background:#EFEFEF}
#leistungen .av{display:block;flex-shrink:0;width:30px;height:30px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #E5E5E5}
#leistungen .nm{font-weight:500;color:var(--text)}
#leistungen .pp{padding-left:11px}
#leistungen .call-h .av{width:26px;height:26px}
#leistungen .call-h .cs{font-size:13.5px;font-weight:400;color:var(--text-2)}
#leistungen .chip .cs{font-weight:400;color:var(--text-2)}
#leistungen .avs{margin-left:auto;display:flex;align-items:center}
#leistungen .avs img,#leistungen .avs .avm{display:block;width:26px;height:26px;border-radius:50%;box-shadow:0 0 0 2px #FFFFFF;object-fit:cover}
#leistungen .avs>*+*{margin-left:-7px}
#leistungen .avs .avm{display:flex;align-items:center;justify-content:center;background:#F1F1F1;font-size:11px;font-weight:500;color:var(--text-2);letter-spacing:.01em}
#leistungen .os-kpi .up{display:inline-block;margin-left:10px;vertical-align:.3em}
#leistungen .by{display:flex;align-items:center;gap:8px;margin-block:-3px;font-size:13px;font-weight:400;color:var(--text-2)}
#leistungen .by .mono{margin-left:4px}
#leistungen .mw{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#F4F4F4;box-shadow:0 0 0 1px #DCDCDC;font-size:9px;font-weight:500;letter-spacing:.02em;color:var(--text);object-fit:cover}
@keyframes lv-upIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
#leistungen .os-kpi .up{animation:lv-upIn .5s cubic-bezier(.3,1.5,.5,1) 3.1s both}
@media (max-width:1000px){#leistungen .r1,#leistungen .r2,#leistungen .head{grid-template-columns:1fr}
#leistungen .head{row-gap:16px}
#leistungen .r1 .card,#leistungen .r2 .card{height:480px}}
@media (max-width:1279px){#leistungen .os-bar .avs{margin-left:14px}}
@media (min-width:1001px) and (max-width:1279px){#leistungen .g-pc{transform:scale(.9);transform-origin:0 100%}}
@media (min-width:1001px) and (max-width:1150px){#leistungen .g-pc{transform:scale(.8)}}
@media (max-width:560px){#leistungen .card .txt{padding:24px 22px 0}
#leistungen .wf-tile{left:18px}
#leistungen .steps{left:auto;right:-60px}
#leistungen .os-kpi{left:12px}
#leistungen .roi{left:auto;right:12px;top:auto;bottom:14px}
#leistungen .pc{left:16px;width:300px}
#leistungen .pc .row{margin-right:0}
#leistungen .pc .row:last-of-type,#leistungen .pc .foot{display:none}
#leistungen .call{left:16px;right:16px}
#leistungen .call-h .cs,#leistungen .chip .cs{display:none}
#leistungen .call-h .av{width:20px;height:20px}}
@media (prefers-reduced-motion:reduce){#leistungen *{animation-duration:0s!important;animation-delay:0s!important;transition:none!important}
#leistungen .card{opacity:1;transform:none}}
#integrationen,#integrationen{margin:0;background:#FFFFFF}
#integrationen .si-root{--si-bg:#08090A;--si-text:#F5F6F6;--si-text2:#9EA1A1;--si-muted:#636766;--si-eyebrow-bg:rgba(255,255,255,.06);--si-edge:rgba(255,255,255,.08);--si-hatch:rgba(255,255,255,.06);
  --si-tile:#F4F2ED;--si-tile-line:rgba(255,255,255,.18);--si-tile-shadow:0 14px 34px rgba(0,0,0,.38);
  --si-line:rgba(255,79,98,.32);--si-halo:rgba(255,63,83,.22);--si-pulse:#FF5A6C;--si-glow:rgba(255,63,83,.16);
  --si-chip-shadow:rgba(0,0,0,.8);--si-ev-halo:rgba(255,63,83,.3);--si-hub-shadow:0 22px 48px rgba(0,0,0,.5);color-scheme:dark}
#integrationen .si-root.light{--si-bg:#FFFFFF;--si-text:#141414;--si-text2:#6F6F6F;--si-muted:#909090;--si-eyebrow-bg:#F2F2F2;--si-edge:#E5E5E5;--si-hatch:rgba(0,0,0,.05);
  --si-tile:#FFFFFF;--si-tile-line:#E5E5E5;--si-tile-shadow:0 12px 30px rgba(20,20,20,.08);
  --si-line:rgba(255,63,83,.40);--si-halo:rgba(255,63,83,.12);--si-pulse:#FF3F53;--si-glow:rgba(255,63,83,.09);
  --si-chip-shadow:rgba(0,0,0,.34);--si-ev-halo:rgba(255,63,83,.2);--si-hub-shadow:0 20px 44px -8px rgba(20,20,20,.13),0 2px 6px rgba(20,20,20,.04);color-scheme:light}
#integrationen .si-root{background:var(--si-bg);color:var(--si-text);font-family:'Uncut Sans','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .4s ease}
#integrationen .si-hatch{height:64px;box-sizing:border-box;background:repeating-linear-gradient(121deg,var(--si-hatch) 0 1px,transparent 1px 4px);border-top:1px solid var(--si-edge);border-bottom:1px solid var(--si-edge)}
#integrationen .si-sec{padding:72px 40px 56px;overflow:hidden;--si-stage-h:860px;--si-head-h:300px;--si-hub-y:580px;--si-socket:164px;--si-chip:143px;--si-kachel:156px;--si-hub-k:1;--si-feed-k:1;--si-row-h:46px}
#integrationen .si-head{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center;padding-top:36px;pointer-events:none}
#integrationen .si-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'Geist Mono',Menlo,monospace;font-size:12px;font-weight:500;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--si-text);padding:8px 12px;background:var(--si-eyebrow-bg);border:1px solid var(--si-edge);border-radius:8px}
#integrationen .si-eyebrow i{width:10px;height:10px;background:#FF3F53}
#integrationen .si-h2{margin:0;max-width:760px;font-size:46px;font-weight:500;line-height:1.12;letter-spacing:-.02em;color:var(--si-text);text-wrap:balance}
#integrationen .si-g{color:var(--si-text2)}
#integrationen .si-lead{margin:0;max-width:540px;font-size:18px;line-height:1.55;color:var(--si-text2);text-wrap:pretty}
#integrationen .si-head>*{opacity:0;transform:translateY(12px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}
#integrationen .si-in .si-head>*{opacity:1;transform:none}
#integrationen .si-in .si-head>:nth-child(2){transition-delay:.08s}
#integrationen .si-in .si-head>:nth-child(3){transition-delay:.16s}
#integrationen .si-stage{position:relative;height:var(--si-stage-h);margin-top:calc(-1 * var(--si-head-h))}
#integrationen .si-glow{position:absolute;left:50%;top:var(--si-hub-y);width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;background:radial-gradient(closest-side,var(--si-glow),transparent);opacity:0;pointer-events:none}
#integrationen .si-lines{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}
#integrationen .si-lines path{fill:none;stroke-linecap:round;stroke-linejoin:round}
#integrationen .si-lines .base{stroke:var(--si-line);stroke-width:1.4}
#integrationen .si-lines .halo{stroke:var(--si-halo);stroke-width:6;stroke-dasharray:35 165}
#integrationen .si-lines .pulse{stroke:var(--si-pulse);stroke-width:1.9;stroke-dasharray:35 165}
#integrationen .si-lines .ev-halo{stroke:var(--si-ev-halo);stroke-width:8;opacity:0}
#integrationen .si-lines .ev-pulse{stroke:var(--si-pulse);stroke-width:2.4;opacity:0}
#integrationen .si-lines .pad{fill:var(--si-pulse)}
#integrationen .si-socket,#integrationen .si-chip{position:absolute;left:50%;top:var(--si-hub-y)}
#integrationen .si-socket{width:var(--si-socket);height:var(--si-socket);margin:calc(var(--si-socket) / -2) 0 0 calc(var(--si-socket) / -2)}
#integrationen .si-chip{width:var(--si-chip);height:var(--si-chip);margin:calc(var(--si-chip) / -2) 0 0 calc(var(--si-chip) / -2);will-change:transform;z-index:3;transform:translate(-26px,-89px) rotate(-15deg) scale(1.1)}
#integrationen .si-shadow{position:absolute;inset:6%;border-radius:30%;background:radial-gradient(closest-side,var(--si-chip-shadow),transparent);will-change:transform,opacity}
#integrationen .si-socket img,#integrationen .si-chip img{width:100%;height:100%;display:block;position:relative;user-select:none;-webkit-user-drag:none}
#integrationen .si-tile{position:absolute;left:0;top:0;border-radius:18%;background:var(--si-tile);border:1px solid var(--si-tile-line);box-shadow:var(--si-tile-shadow);display:flex;align-items:center;justify-content:center;will-change:transform,opacity;z-index:2;opacity:0}
#integrationen .si-tile img{max-height:62%;object-fit:contain;user-select:none;-webkit-user-drag:none}
#integrationen .si-kachel,#integrationen .si-feed,#integrationen .si-mark{position:absolute;left:50%;top:var(--si-hub-y);z-index:3;will-change:transform,opacity;opacity:.6}
#integrationen .si-kachel img,#integrationen .si-feed img,#integrationen .si-mark img{display:block;user-select:none;-webkit-user-drag:none}
#integrationen .si-kachel{width:var(--si-kachel);height:var(--si-kachel);margin:calc(var(--si-kachel) / -2) 0 0 calc(var(--si-kachel) / -2);box-sizing:border-box;border-radius:18%;background:var(--si-tile);border:1px solid var(--si-tile-line);box-shadow:var(--si-hub-shadow);display:flex;align-items:center;justify-content:center;transform:scale(.92)}
#integrationen .si-kachel img{width:64%;height:auto}
#integrationen .si-mark{width:200px;height:87px;margin:-43.5px 0 0 -100px;transform:scale(.92)}
#integrationen .si-mark img{width:100%;height:100%}
#integrationen .si-feed{width:320px;height:200px;margin:-100px 0 0 -160px;box-sizing:border-box;padding:15px 18px 0;border-radius:20px;background:var(--si-tile);border:1px solid var(--si-tile-line);box-shadow:var(--si-hub-shadow);text-align:left;transform:scale(.95);color:#141414}
#integrationen .si-feed-h{display:flex;align-items:center;justify-content:space-between;height:22px;padding-bottom:13px;border-bottom:1px solid rgba(20,20,20,.07)}
#integrationen .si-feed-h img{height:17px;width:auto}
#integrationen .si-live{display:inline-flex;align-items:center;gap:7px;font-family:'Geist Mono',Menlo,monospace;font-size:11px;font-weight:500;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:#6F6F6F}
#integrationen .si-live i{position:relative;width:7px;height:7px;border-radius:50%;background:#1FA85A}
#integrationen .si-live b{position:absolute;inset:0;border-radius:50%;background:#1FA85A;opacity:0;will-change:transform,opacity}
#integrationen .si-feed-rows{position:relative;height:calc(3 * var(--si-row-h));margin-top:3px;overflow:hidden}
#integrationen .si-row{position:absolute;left:0;right:0;top:0;height:var(--si-row-h);display:flex;align-items:center;gap:12px;will-change:transform,opacity}
#integrationen .si-row:nth-child(2){transform:translate3d(0,var(--si-row-h),0)}
#integrationen .si-row:nth-child(3){transform:translate3d(0,calc(2 * var(--si-row-h)),0)}
#integrationen .si-row:nth-child(n+4){opacity:0}
#integrationen .si-row-i{flex:none;width:18px;height:18px;display:flex;align-items:center;justify-content:center;overflow:hidden}
#integrationen .si-row-i img{max-width:18px;max-height:18px}
#integrationen .si-row-i.clip{justify-content:flex-start;border-radius:5px}
#integrationen .si-row-i.clip img{height:18px;max-width:none;max-height:none}
#integrationen .si-row-x{display:flex;flex-direction:column;gap:4px;min-width:0}
#integrationen .si-row-m{font-size:13.5px;line-height:16px;color:#141414;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#integrationen .si-row-t{font-family:'Geist Mono',Menlo,monospace;font-size:10.5px;line-height:12px;letter-spacing:.06em;text-transform:uppercase;color:#909090}
#integrationen [data-center][hidden]{display:none!important}
@media (max-width:760px){#integrationen .si-sec{padding:72px 16px 64px;--si-stage-h:540px;--si-head-h:-16px;--si-hub-y:270px;--si-socket:118px;--si-chip:103px;--si-hub-k:.7;--si-feed-k:.6}
#integrationen .si-head{padding-top:0}
#integrationen .si-h2{font-size:32px}
#integrationen .si-lead{font-size:16px}}
#integrationen .page{max-width:1440px;margin:0 auto;border-inline:1px solid var(--si-edge)}
#integrationen .spacer{height:80vh;display:flex;align-items:center;justify-content:center;font-family:'Geist Mono',Menlo,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--si-muted)}
#integrationen .seg{position:fixed;top:calc(16px + env(safe-area-inset-top, 0px));z-index:10;display:flex;align-items:center;padding:3px;border-radius:10px;background:var(--si-eyebrow-bg);border:1px solid var(--si-edge);backdrop-filter:blur(8px)}
#integrationen .theme{right:16px}
#integrationen .center{left:16px}
#integrationen .seg span{font:500 12px/1 'Geist Mono',Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--si-muted);padding:0 8px 0 9px}
#integrationen .seg button{font:500 12px/1 'Geist Mono',Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;padding:8px 12px;border:0;border-radius:7px;background:transparent;color:var(--si-text2);cursor:pointer}
#integrationen .seg button[aria-pressed="true"]{background:var(--si-bg);color:var(--si-text);box-shadow:0 1px 3px rgba(0,0,0,.12)}
#integrationen .seg button:focus-visible{outline:2px solid #FF3F53;outline-offset:1px}
@media (max-width:760px){#integrationen .center{top:auto;bottom:calc(12px + env(safe-area-inset-bottom, 0px));left:50%;transform:translateX(-50%)}
#integrationen .center span,#integrationen .theme{display:none}
#integrationen .seg button{padding:8px 9px;font-size:11px}}
#brief,#brief{margin:0;background:#FFFFFF;color-scheme:light}
#brief .lb{background:#FFFFFF;color:#141414;font-family:'Uncut Sans','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#brief .lb-sec{padding:136px 40px 152px;display:flex;flex-direction:column;align-items:center}
#brief .lb-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#brief .lb-eyebrow{display:block;margin:0 0 14px;line-height:0}
#brief .lb-eyebrow svg{display:block}
#brief .lb-h2{margin:0;text-align:center;font-size:64px;font-weight:500;line-height:1.06;letter-spacing:-.035em;color:#141414}
#brief .lb-line{display:block}
#brief .lb-pill{position:relative;display:inline-block;width:94px;height:58px;margin:0 .06em;vertical-align:-7px;border-radius:999px;overflow:hidden;
  background:linear-gradient(135deg,#EDEDED 0%,#DCDCDC 100%);box-shadow:inset 0 0 0 1px rgba(20,20,20,.04)}
#brief .lb-pill img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#brief .lb-initials{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:500;letter-spacing:.02em;line-height:1;color:#909090}
#brief .lb-body{width:100%;max-width:560px;margin-top:72px}
#brief .lb-body p{margin:0 0 24px;font-size:18px;line-height:1.62;color:#141414;text-wrap:pretty}
#brief .lb-body p:last-child{margin-bottom:0}
#brief .lb a{color:#141414;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:rgba(20,20,20,.45);transition:color .2s ease,text-decoration-color .2s ease}
#brief .lb a:hover{color:#FF3F53;text-decoration-color:#FF3F53}
#brief .lb-quote{width:100%;max-width:720px;margin:64px 0;text-align:center;font-size:35px;font-weight:500;line-height:1.28;letter-spacing:-.022em;color:#141414;text-wrap:balance}
#brief .lb-w{display:inline-block;opacity:.18}
#brief .lb-sign{width:100%;max-width:560px;margin-top:52px}
#brief .lb-sig{position:relative;display:block;width:292px;height:87px;margin-left:-6px;overflow:hidden}
#brief .lb-sig svg{display:block}
#brief .lb-cover{position:absolute;top:0;bottom:0;left:-50px;transform:translate3d(14px,0,0);width:calc(100% + 116px);background:linear-gradient(104deg,rgba(255,255,255,0) 0,#FFFFFF 26px);will-change:transform}
#brief .lb-sig.is-in .lb-cover{animation:lb-lb-write 1.45s .1s both}
@keyframes lb-lb-write{
  0%{transform:translate3d(14px,0,0);animation-timing-function:cubic-bezier(.3,.12,.5,.95)}
  45%{transform:translate3d(183px,0,0);animation-timing-function:linear}
  52%{transform:translate3d(183px,0,0);animation-timing-function:cubic-bezier(.35,.1,.3,1)}
  100%{transform:translate3d(348px,0,0)}
}
#brief .lb-origin{display:flex;align-items:flex-start;gap:10px;margin-top:18px;font-size:15px;line-height:1.4;color:#6F6F6F}
#brief .lb-flag{flex:none;width:18px;height:12px;margin-top:4.5px;border-radius:2px;background:linear-gradient(#C8102E 0 33.34%,#FFFFFF 33.34% 66.67%,#C8102E 66.67%);box-shadow:0 0 0 .5px rgba(20,20,20,.18)}
#brief .lb [data-rv]{opacity:0;transform:translate3d(0,18px,0);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}
#brief .lb [data-rv].is-in{opacity:1;transform:none}
#brief .lb .lb-pill[data-rv]{transform:scale(.82);transition-delay:.18s}
#brief .lb .lb-pill[data-rv].is-in{transform:none}
#brief .lb .lb-line+.lb-line[data-rv]{transition-delay:.08s}
#brief .lb-reduce [data-rv],#brief .lb-reduce .lb-pill[data-rv]{opacity:1;transform:none;transition:none}
#brief .lb-reduce .lb-cover{display:none}
#brief .lb-reduce .lb-w{opacity:1}
@media (max-width:640px){#brief .lb-sec{padding:88px 20px 104px}
#brief .lb-h2{font-size:42px}
#brief .lb-pill{width:62px;height:38px;vertical-align:-5px}
#brief .lb-initials{font-size:16px}
#brief .lb-body{margin-top:48px}
#brief .lb-body p{font-size:17px}
#brief .lb-quote{font-size:27px;margin:48px 0}}
#brief .page{max-width:1440px;margin:0 auto;border-inline:1px solid #E5E5E5}
#brief .spacer{height:70vh;display:flex;align-items:center;justify-content:center;padding:0 20px;text-align:center;font-family:'Geist Mono',Menlo,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#909090}
#brief .hatch{height:64px;box-sizing:border-box;background:repeating-linear-gradient(121deg,rgba(0,0,0,.05) 0 1px,transparent 1px 4px);border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5}
.h3{position:relative;padding:48px 120px 32px;text-align:center;font-family:'Uncut Sans','Helvetica Neue',Arial,sans-serif;color:#141414;overflow:hidden}
.h3-top{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center}
.h3-h1{margin:0;max-width:980px;font-size:84px;font-weight:500;line-height:1.04;letter-spacing:-.05em;text-wrap:balance}
.h3-h1 em{font-style:normal}
.h3-red{color:#FF3F53}
.h3-serif{font-family:'Times New Roman',Times,Tinos,serif;font-style:italic!important;font-weight:400;letter-spacing:-.035em;font-size:1.08em;line-height:.9;padding-right:.04em}
.h3-sub{margin:26px 0 0;max-width:600px;font-size:20px;line-height:1.5;color:#6F6F6F;text-wrap:balance}
.h3-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}
.h3-cta,.h3-ghost{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 24px;border-radius:999px;font-size:16px;font-weight:500;text-decoration:none;transition:background .2s ease,border-color .2s ease}
.h3-cta{background:#FF3F53;color:#FFFFFF}.h3-cta:hover{background:#E8283D}.h3-cta svg{width:16px;height:16px}
.h3-ghost{border:1px solid #DCDCDC;color:#141414;background:#FFFFFF}.h3-ghost:hover{border-color:#141414}
.h3-cta:focus-visible,.h3-ghost:focus-visible{outline:2px solid #FF3F53;outline-offset:3px}
.h3-logos{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 72px}
.h3-logos img{display:block;width:auto;opacity:.55}
/* the display: frameless, lying back, straightening a little on scroll; the aluminium front edge and stand stay upright */
.h3-stage{--t:0;position:relative;width:1200px;max-width:100%;margin:36px auto 0;perspective:1500px;perspective-origin:50% -30%}
.h3-disp{position:relative;z-index:2;padding:6px;border-radius:14px 14px 2px 2px;background:#1B1C1F;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
  transform-origin:50% 100%;transform:rotateX(calc(50deg - 36deg * var(--t)));will-change:transform}
.h3-edge{position:relative;z-index:3;height:30px;margin:0 -6px;border-radius:2px 2px 8px 8px;
  background:linear-gradient(180deg,#F4F5F6 0,#FFFFFF 12%,#D9DBDE 30%,#B8BBC0 62%,#9A9DA3 100%);
  box-shadow:inset 0 1px 0 #FFFFFF,0 1px 0 rgba(0,0,0,.08)}
.h3-edge::after{content:'';position:absolute;left:8%;right:8%;top:3px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(255,255,255,0),#FFFFFF 50%,rgba(255,255,255,0));opacity:.9}
.h3-neck{position:relative;z-index:1;width:300px;height:110px;margin:0 auto;background:linear-gradient(90deg,#A9ACB1 0,#D8DADD 18%,#EEF0F2 50%,#D3D5D8 80%,#A2A5AA 100%);
  box-shadow:inset 0 14px 18px -10px rgba(0,0,0,.35)}
.h3-cable{position:absolute;left:50%;top:34px;width:40px;height:64px;margin-left:-20px;border-radius:20px;background:#26272A;box-shadow:inset 0 5px 8px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.7)}
.h3-cable::after{content:'';position:absolute;left:50%;top:-34px;width:9px;height:92px;margin-left:-4.5px;border-radius:0 0 5px 5px;background:linear-gradient(90deg,#151617,#3A3C40 50%,#151617)}
.h3-floor{width:780px;height:60px;margin:-30px auto 0;border-radius:50%;background:radial-gradient(closest-side,rgba(20,20,20,.22),rgba(20,20,20,0))}
.h3-stage::before{content:'';position:absolute;left:50%;top:-80px;width:1300px;height:620px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(255,63,83,.09),rgba(255,63,83,0));pointer-events:none}
.h3-screen{display:flex;flex-direction:column;height:560px;padding:20px 36px 24px;border-radius:9px;background:#FAFAFA;text-align:left;overflow:hidden}
.h3-bar{display:flex;align-items:center;gap:22px;font-size:14px;color:#909090}
.h3-bar b{font-weight:500;color:#141414}
.h3-bar i{width:1px;height:14px;background:#E2E2E2}
.h3-bar em{margin-left:auto;font-style:normal;font-size:13px;color:#141414;padding:6px 14px;border-radius:999px;background:#FFFFFF;box-shadow:0 0 0 1px #E6E6E6}
.h3-menu{width:16px;height:10px;border-top:1.5px solid #B5B5B5;border-bottom:1.5px solid #B5B5B5;position:relative}
.h3-menu::after{content:'';position:absolute;left:0;right:0;top:3px;border-top:1.5px solid #B5B5B5}
.h3-grid{flex:1;display:grid;grid-template-columns:1fr 1fr 1.1fr;grid-template-rows:1fr 1fr;gap:16px;margin:26px 24px 0}
.h3-c{display:flex;flex-direction:column;min-width:0;padding:18px 22px;border-radius:22px;background:#F2F2F2}
.h3-c small{display:flex;align-items:center;gap:8px;font-size:14px;color:#909090}
.h3-c small svg{width:16px;height:16px}
.h3-c b{display:block;margin-top:10px;font-size:21px;font-weight:500;line-height:1.22;letter-spacing:-.02em;color:#141414}
.h3-who{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:14px;font-size:14px;color:#141414}
.h3-who em{display:block;font-style:normal;font-size:13px;color:#909090;margin-top:2px}
.h3-av{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#FFFFFF;font-size:13px;font-weight:600;color:#FF3F53}
.h3-av-g{color:#1A7F45}
.h3-doc{flex:none;width:34px;height:42px;border-radius:5px;background:#FFFFFF linear-gradient(#E4E4E4,#E4E4E4) 7px 10px/18px 2px no-repeat;box-shadow:0 0 0 1px #E6E6E6;position:relative}
.h3-doc::after{content:'';position:absolute;left:7px;top:16px;width:20px;height:14px;background:repeating-linear-gradient(#E4E4E4 0 2px,transparent 2px 6px)}
.h3-hot{background:#FF3F53;color:#FFFFFF}
.h3-hot small,.h3-hot .h3-who em{color:rgba(255,255,255,.78)}
.h3-hot b,.h3-hot .h3-who{color:#FFFFFF}
.h3-hot .h3-av{background:rgba(255,255,255,.95)}
.h3-sys{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px;font-size:15px}
.h3-sys li{display:flex;align-items:center;gap:10px}
.h3-sys i{width:9px;height:9px;border-radius:3px}
.h3-sys span{color:#909090}
.h3-meta{margin:auto 0 0;padding-top:10px;font-size:13px;color:#909090}
.h3-saved strong{display:block;margin-top:8px;font-size:40px;font-weight:500;letter-spacing:-.04em;color:#1A7F45;font-variant-numeric:tabular-nums}
.h3-saved p{margin:auto 0 0;font-size:14px;line-height:1.45;color:#6F6F6F}
.h3-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.h3-chips span{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:12px;background:#FFFFFF;font-size:13px;color:#141414;white-space:nowrap}
.h3-chips svg{flex:none;width:14px;height:14px;color:#909090}
.h3-ask{display:flex;align-items:center;justify-content:space-between;width:640px;margin:18px auto 0;padding:14px 14px 14px 22px;border-radius:18px;background:#FFFFFF;box-shadow:0 0 0 1px #E6E6E6,0 10px 24px -16px rgba(20,20,20,.25)}
.h3-q{font-size:15px;color:#909090}
.h3-q.on{color:#141414}
.h3-q.on::after{content:'';display:inline-block;width:1.5px;height:17px;margin-left:2px;vertical-align:-3px;background:#FF3F53;animation:h3-caret 1s steps(1) infinite}
@keyframes h3-caret{50%{opacity:0}}
.h3-tools{display:flex;align-items:center;gap:12px;color:#909090}
.h3-tools>svg{width:17px;height:17px}
.h3-tools i{width:1px;height:16px;background:#E2E2E2}
.h3-send{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#FF3F53;color:#FFFFFF}
.h3-send svg{width:15px;height:15px}
/* entrance */
.h3-anim .h3-top>*{opacity:0;transform:translateY(16px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}
.h3-anim.is-in .h3-top>*{opacity:1;transform:none}
.h3-anim.is-in .h3-sub{transition-delay:.12s}.h3-anim.is-in .h3-btns{transition-delay:.22s}.h3-anim.is-in .h3-logos{transition-delay:.36s}
.h3-anim .h3-stage{opacity:0;transform:translateY(48px);transition:opacity 1.2s .35s cubic-bezier(.22,1,.36,1),transform 1.3s .35s cubic-bezier(.22,1,.36,1)}
.h3-anim.is-in .h3-stage{opacity:1;transform:none}
@media (max-width:1000px){
  .h3{padding:40px 20px 32px}
  .h3-h1{font-size:46px}.h3-sub{font-size:17px}
  .h3-logos{margin-top:40px;gap:16px 32px}.h3-logos img{transform:scale(.85)}
  .h3-stage{margin-top:40px}
  .h3-screen{height:auto;padding:16px}
  .h3-bar span,.h3-bar i{display:none}
  .h3-grid{grid-template-columns:1fr;grid-template-rows:none;margin:20px 0 0;gap:12px}
  .h3-grid .h3-c:nth-child(n+4){display:none}
  .h3-c b{font-size:19px}
  .h3-ask{width:auto}
  .h3-edge{height:14px}.h3-neck{width:140px;height:70px}.h3-floor{width:320px}
}
@media (prefers-reduced-motion:reduce){.h3-anim .h3-top>*,.h3-anim .h3-stage{opacity:1;transform:none;transition:none}.h3-disp{transform:rotateX(14deg)}.h3-q.on::after{animation:none}}
/* sharper monitor: dark glass rim with a light edge, a faint sheen on the screen, a heavier aluminium front edge, contact shadow under it */
.h4 .h3-disp{padding:7px;background:linear-gradient(180deg,#34353A,#16171A 40%,#0E0F11);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.18)}
.h4 .h3-screen{position:relative}
.h4 .h3-screen::after{content:'';position:absolute;inset:0;border-radius:9px;pointer-events:none;background:linear-gradient(155deg,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 26%),linear-gradient(0deg,rgba(20,20,20,.04),rgba(20,20,20,0) 35%)}
.h4 .h3-edge{height:36px;margin:0 -8px;border-radius:3px 3px 14px 14px;background:linear-gradient(90deg,rgba(0,0,0,.16),rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,.16)),linear-gradient(180deg,#FDFDFD 0,#F1F2F3 16%,#D6D8DB 38%,#B3B6BB 70%,#8E9197 100%);box-shadow:inset 0 1px 0 #FFFFFF,0 2px 3px rgba(0,0,0,.12)}
.h4 .h3-edge::after{left:4%;right:4%;top:4px;height:3px;opacity:1}
.h4 .h3-neck{height:116px;box-shadow:inset 0 26px 24px -14px rgba(0,0,0,.42),inset 0 -1px 0 rgba(0,0,0,.1)}
.h4 .h3-floor{width:900px;height:70px;margin-top:-34px;background:radial-gradient(closest-side,rgba(20,20,20,.26),rgba(20,20,20,0))}
.h4 .h3-stage::after{content:'';position:absolute;z-index:0;left:-140px;right:-140px;bottom:-40px;height:560px;background:radial-gradient(55% 65% at 50% 100%,#EFEFF1,rgba(239,239,241,0));pointer-events:none}
.h4 .h3-disp,.h4 .h3-edge,.h4 .h3-neck,.h4 .h3-floor{position:relative;z-index:2}
.h4-ok{flex:none;width:18px;height:18px;border-radius:50%;background:#1FA055 url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7.2 6 9.2 10 5' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.h4-sw{display:flex;flex-direction:column;flex:1;min-height:0;transition:opacity .45s ease,transform .45s ease}
.h4-sw.out{opacity:0;transform:translateY(6px)}
/* A */
.h4-sug{position:relative}
.h4-approve{position:absolute;right:18px;top:16px;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);font-size:13px;font-weight:500;color:#FFFFFF;transition:background .3s ease,color .3s ease,transform .2s ease}
.h4-approve.press{transform:scale(.94)}
.h4-approve.ok{background:#FFFFFF;color:#1A7F45}
.h4-approve.ok::before{content:'';width:14px;height:14px;border-radius:50%;background:#1FA055 url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7.2 6 9.2 10 5' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.h4-sug b{padding-right:8px}
.h4-done .h3-who{color:#141414}
.h3-saved strong{transition:color .3s ease}
.h3-saved strong.bump{color:#1FA055}
/* B */
.h4-b,.h4-c{flex:1;display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin:24px 24px 0;min-height:0}
.h4-chat{display:flex;flex-direction:column;min-height:0}
.h4-conv{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;padding:22px 26px 20px;border-radius:22px;background:#F2F2F2;min-height:0;overflow:hidden;transition:opacity .4s ease}
.h4-conv.out{opacity:0}
.h4-hist{display:flex;flex-direction:column;gap:10px;margin-bottom:auto;opacity:.45}
.h4-hist .h4-me{font-size:14px;padding:9px 14px}
.h4-ans-s{align-self:flex-start;display:flex;align-items:center;gap:8px;max-width:80%;padding:10px 14px;border-radius:16px 16px 16px 4px;background:#FFFFFF;font-size:14px;color:#141414}
.h4-me{align-self:flex-end;max-width:80%;padding:11px 16px;border-radius:16px 16px 4px 16px;background:#141414;color:#FFFFFF;font-size:15px;line-height:1.4}
.h4-ans{padding:18px 20px;border-radius:18px;background:#FFFFFF;box-shadow:0 0 0 1px #E8E8E8}
.h4-from{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#141414}
.h4-from span:last-child{font-weight:400;color:#909090}
.h4-mark{width:12px;height:12px;background:#FF3F53;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 0A50 50 0 0 0 100 50A50 50 0 0 0 50 100A50 50 0 0 0 0 50A50 50 0 0 0 50 0Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 0A50 50 0 0 0 100 50A50 50 0 0 0 50 100A50 50 0 0 0 0 50A50 50 0 0 0 50 0Z'/%3E%3C/svg%3E") center/contain no-repeat}
.h4-thinking .h4-mark{animation:h4-spin 1.6s linear infinite}
@keyframes h4-spin{to{transform:rotate(360deg)}}
.h4-rows{list-style:none;margin:12px 0 0;padding:0}
.h4-rows li{display:grid;grid-template-columns:1fr auto 110px;align-items:baseline;gap:14px;padding:9px 0;border-top:1px solid #F0F0F0;font-size:15px;transition:opacity .4s ease,transform .4s ease}
.h4-rows li b{font-weight:500;font-variant-numeric:tabular-nums}
.h4-rows li em{font-style:normal;font-size:13px;color:#909090;text-align:right}
.h4-rows li.hide,.h4-res.hide{opacity:0;transform:translateY(6px)}
.h4-res{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;font-weight:500;color:#1A7F45;transition:opacity .4s ease,transform .4s ease}
.h4-b .h3-ask,.h4-c+.h3-ask{width:auto;margin:16px 0 0}
.h4-c+.h3-ask{width:640px;margin:22px auto 0}
.h4-side{display:grid;grid-template-rows:1fr 1fr;gap:16px;min-height:0}
.h4-side .h3-saved p{margin-top:auto}
/* C */
.h4-feed{padding-bottom:10px;overflow:hidden}
.h4-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#1A7F45}
.h4-live i{width:7px;height:7px;border-radius:50%;background:#1FA055;box-shadow:0 0 0 3px rgba(31,160,85,.18)}
.h4-list{list-style:none;margin:10px 0 0;padding:0;overflow:hidden}
.h4-list li{display:grid;grid-template-columns:44px 30px 1fr 18px;align-items:center;gap:12px;height:62px;border-top:1px solid #E6E6E6;overflow:hidden;transition:height .6s cubic-bezier(.22,1,.36,1),opacity .6s ease}
.h4-list li:first-child{border-top:0}
.h4-list li.new{height:0;opacity:0}
.h4-list time{font-size:13px;color:#909090;font-variant-numeric:tabular-nums}
.h4-head{display:flex;align-items:baseline;gap:12px;font-size:14px;color:#909090}
.h4-head b{font-size:17px;font-weight:500;letter-spacing:-.01em;color:#141414}
.h4-head em{margin-left:auto;display:flex;align-items:center;gap:6px;font-style:normal;font-size:13px}
.h4-head em img{width:16px;height:16px}
.h4-app{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#FFFFFF;box-shadow:0 0 0 1px #E8E8E8;color:#6F6F6F}
.h4-app img{width:19px;height:19px}
.h4-app svg{width:16px;height:16px}
.h4-list em span{color:#141414;font-weight:500}
.h4-list b{display:block;font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h4-list em{display:block;margin-top:2px;font-style:normal;font-size:13px;color:#6F6F6F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h4-week{display:flex;align-items:flex-end;gap:10px;height:70px;margin-top:auto}
.h4-week span{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end;font-size:11px;color:#909090}
.h4-week i{display:block;width:100%;height:var(--h);border-radius:5px;background:#DCEFE3;transition:height .8s cubic-bezier(.22,1,.36,1)}
.h4-week span:last-child i{background:#1FA055}
@media (max-width:1000px){
  .h4-b,.h4-c{grid-template-columns:1fr;margin:18px 0 0}
  .h4-side{display:none}
  .h4-c+.h3-ask{width:auto}
  .h4-sug .h3-who{padding-right:0}.h4-approve{position:static;align-self:flex-start;margin-top:12px}
}

/* phone, screen C: a short monitor (user, 2026-10-01: "trotzdem so einen Monitor, nicht ganz so lang"): thin dark rim, no tilt,
   inside the list with 3 rows and the time strip, then the aluminium edge and a short stand */
@media (max-width:760px){
  .h4[data-screen=C] .h3-stage{perspective:none;margin-top:36px}
  .h4[data-screen=C] .h3-stage::before,.h4[data-screen=C] .h3-stage::after{display:none}
  .h4[data-screen=C] .h3-disp{transform:none!important;padding:5px;border-radius:14px 14px 3px 3px}
  .h4[data-screen=C] .h3-screen{height:auto;padding:12px 12px 12px;border-radius:9px}
  .h4[data-screen=C] .h4-head{align-items:center;padding:2px 4px 10px}
  .h4[data-screen=C] .h4-head b{font-size:14px}
  .h4[data-screen=C] .h4-head span{font-size:12px}
  .h4[data-screen=C] .h4-head em{font-size:0;gap:5px}
  .h4[data-screen=C] .h4-head em img{width:14px;height:14px}
  .h4[data-screen=C] .h4-c{display:flex;flex-direction:column;gap:8px;margin:0}
  .h4[data-screen=C] .h4-feed{padding:12px 12px 4px;border-radius:16px}
  .h4[data-screen=C] .h4-feed small{font-size:12.5px}
  .h4[data-screen=C] .h4-list{margin-top:4px}
  .h4[data-screen=C] .h4-list li{grid-template-columns:30px minmax(0,1fr) 18px;height:54px;gap:10px}
  .h4[data-screen=C] .h4-list li:nth-child(n+4){display:none}
  .h4[data-screen=C] .h4-list time{display:none}
  .h4[data-screen=C] .h4-list li>div{min-width:0}
  .h4[data-screen=C] .h4-list b{font-size:14px}
  .h4[data-screen=C] .h4-list em{font-size:12px}
  .h4[data-screen=C] .h4-app{width:30px;height:30px}
  .h4[data-screen=C] .h4-app img{width:17px;height:17px}
  .h4[data-screen=C] .h4-side{display:block}
  .h4[data-screen=C] .h4-side .h3-hot,.h4[data-screen=C] .h4-week{display:none}
  .h4[data-screen=C] .h3-saved{flex-direction:row;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:14px;background:#E8F6EC}
  .h4[data-screen=C] .h3-saved small{color:#1A7F45;font-size:12.5px}
  .h4[data-screen=C] .h3-saved strong{margin:0;font-size:18px}
  .h4[data-screen=C] .h3-edge{height:13px;margin:0 -5px;border-radius:2px 2px 7px 7px}
  .h4[data-screen=C] .h3-edge::after{top:2px;height:2px}
  .h4[data-screen=C] .h3-neck{width:118px;height:46px;box-shadow:inset 0 12px 12px -8px rgba(0,0,0,.4)}
  .h4[data-screen=C] .h3-cable{display:none}
  .h4[data-screen=C] .h3-floor{width:300px;height:36px;margin-top:-18px}
}
@media (prefers-reduced-motion:reduce){.h4-list li,.h4-sw,.h4-conv,.h4-rows li{transition:none}}
.spk-foot{padding:64px 120px 24px;font-family:'Uncut Sans','Helvetica Neue',Arial,sans-serif;color:#141414}
.kr-wrap{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;min-height:340px}
.kr-color{position:relative;overflow:hidden;border-radius:24px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(165deg,#FF6A7C 0%,#FF3F53 45%,#A3142A 100%);isolation:isolate}
.kr-noise{position:absolute;inset:0;z-index:0;opacity:.22;mix-blend-mode:soft-light;pointer-events:none}
.kr-logo{position:relative;display:block;line-height:0;width:fit-content}
.kr-tag{position:relative}
.kr-tag p{margin:0;font-size:22px;line-height:1.2;font-weight:500;letter-spacing:-.02em;color:#FFFFFF}
.kr-tag p span{color:rgba(255,255,255,.78)}
.kr-hand{margin-top:22px;line-height:0}
.kr-grey{position:relative;border-radius:24px;background:#F2F2F2;padding:32px 40px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.kr-tile{position:absolute;top:-56px;right:40px;width:124px;height:124px;border-radius:32px;display:grid;place-items:center;transform:rotate(14deg);background:linear-gradient(145deg,#FF8E9C 0%,#FF3F53 52%,#C4203A 100%);box-shadow:0 34px 40px -12px rgba(255,63,83,.5),inset 0 2px 2px rgba(255,255,255,.7),inset 0 -8px 14px rgba(120,10,30,.35)}
.kr-cols{display:grid;grid-template-columns:repeat(3,170px);gap:24px}
.kr-h{line-height:0;margin-bottom:10px}
.kr-col{display:flex;flex-direction:column;align-items:flex-start}
.kr-col a{padding:4px 0;font-size:15px;line-height:1.3;color:#141414;text-decoration:none;transition:color .2s ease}
.kr-col a:hover{color:#FF3F53}
.kr-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.kr-copy{font-size:13px;line-height:1.5;color:#6F6F6F;max-width:260px}
.kr-cta{width:340px;flex:none}
.kr-cta b{display:block;font-size:22px;font-weight:500;letter-spacing:-.02em;color:#A6A6A6}
.kr-cta strong{display:block;font-size:22px;font-weight:500;letter-spacing:-.02em;color:#141414}
.kr-btn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 20px;margin-top:16px;border-radius:999px;background:#141414;color:#FFFFFF;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s ease}
.kr-btn:hover{background:#333}
.spk-foot a:focus-visible{outline:2px solid #FF3F53;outline-offset:3px;border-radius:8px}
@media (max-width:1100px){.kr-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.kr-tile{right:24px;width:100px;height:100px;border-radius:26px;top:-44px}.kr-tile svg{width:56px;height:auto}}
@media (max-width:1000px){.spk-foot{padding:56px 16px 16px}.kr-wrap{grid-template-columns:1fr}.kr-color{min-height:240px;padding:24px}.kr-grey{padding:28px 24px}.kr-cta{width:auto}.kr-bottom{flex-direction:column;align-items:flex-start}.kr-copy{max-width:none;order:2}}
@media (max-width:600px){.kr-cols{grid-template-columns:1fr 1fr;padding-top:34px}.kr-tile{width:84px;height:84px;top:-36px;right:16px;border-radius:22px}.kr-tile svg{width:46px}}

.pc-rq{display:block;font-size:16px;font-weight:500;line-height:1.35}
.pc-pills{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.pc-pill{position:relative;cursor:pointer}
.pc-pill input{position:absolute;opacity:0;pointer-events:none}
.pc-pill span{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #E6E6E6;font-size:15px;color:#3A3A3A;transition:box-shadow .15s ease,background .15s ease,color .15s ease}
.pc-pill:hover span{box-shadow:inset 0 0 0 1px #141414;color:#141414}
.pc-pill input:checked+span{background:#FFF5F6;box-shadow:inset 0 0 0 2px #FF3F53;color:#141414;font-weight:500}
.pc-pill input:focus-visible+span{outline:2px solid #FF3F53;outline-offset:2px}
.pc-own{display:inline-flex;align-items:center;gap:8px}
.pc-own[hidden]{display:none}
.pc-own input{width:84px;height:40px;padding:0 12px;border:0;border-radius:12px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #E6E6E6;font:500 16px 'Uncut Sans','Helvetica Neue',Arial,sans-serif;color:#141414;text-align:center;box-sizing:border-box}
.pc-own small{font-size:14px;color:#6F6F6F}
.pc-sub{margin:10px 0 0;font-size:15px;line-height:1.5;color:#6F6F6F}
.pc-text,.pc-other{display:block;width:100%;box-sizing:border-box;margin-top:16px;padding:14px 16px;border:0;border-radius:14px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #E6E6E6;font:16px/1.5 'Uncut Sans','Helvetica Neue',Arial,sans-serif;color:#141414;resize:vertical}
.pc-other{margin-top:10px}
.pc-text:focus,.pc-other:focus,.pc-own input:focus{outline:0;box-shadow:inset 0 0 0 2px #FF3F53}
.pc-sugs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}.pc-sugs span{width:100%;font-size:13px;color:#909090}
.pc-sug{padding:8px 12px;border:0;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #E6E6E6;font:14px 'Uncut Sans','Helvetica Neue',Arial,sans-serif;color:#3A3A3A;cursor:pointer}
.pc-sug:hover{box-shadow:inset 0 0 0 1px #141414;color:#141414}
.pc-calc{display:grid;gap:22px;margin-top:22px}
.pc-q .pc-fields{margin-top:18px}.pc-q .pc-fields input{box-sizing:border-box}
.pc-err{margin-top:12px}
.pc-done{text-align:center;padding:12px 0 4px}.pc-done-ic{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#E8F6EC;color:#1A7F45}.pc-done-ic svg{width:24px;height:24px}
.pc-done .pc-res-h{margin-top:16px}.pc-done-p{max-width:520px;margin:10px auto 0;font-size:16px;line-height:1.5;color:#6F6F6F}
/* ---- subpages (pages.py) */
.pg [hidden],.pt [hidden]{display:none!important}
.pg{color:#141414;font-family:'Uncut Sans','Helvetica Neue',Arial,sans-serif;padding:0 120px}
.pg-head{display:flex;flex-direction:column;align-items:center;text-align:center;padding:72px 0 64px;max-width:860px;margin:0 auto}
.pg-head .spk-eye{display:flex;justify-content:center}
.pg-h1{margin:0;font-size:64px;font-weight:500;line-height:1.05;letter-spacing:-.045em;text-wrap:balance}
.pg-lead{margin:22px 0 0;max-width:640px;font-size:19px;line-height:1.55;color:#6F6F6F;text-wrap:balance}
.pg-h2{margin:0;font-size:36px;font-weight:500;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.pg-p{margin:16px 0 0;font-size:17px;line-height:1.6;color:#6F6F6F}
.pg-tag{display:inline-block;margin-bottom:14px;padding:5px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px #FF9AA6;color:#E8283D;font-size:13px;font-weight:500}
.pg-btn{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 22px;border:0;border-radius:999px;background:#FF3F53;color:#FFFFFF;font:500 16px/1 'Uncut Sans','Helvetica Neue',Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background .2s ease}
.pg-btn:hover{background:#E8283D}.pg-btn svg{width:16px;height:16px}
.pg-btn:focus-visible,.pg a:focus-visible,.pt a:focus-visible{outline:2px solid #FF3F53;outline-offset:3px}
.pg-btn-w{background:#FFFFFF;color:#141414}.pg-btn-w:hover{background:#F2F2F2}
.pg-note{margin:28px auto 0;max-width:720px;text-align:center;font-size:13px;color:#909090}
.pg-err{margin:10px 0 0;font-size:14px;color:#E8283D}
.pg-ok,.pc-sent{margin:12px 0 0;padding:14px 16px;border-radius:14px;background:#E8F6EC;color:#1A7F45;font-size:15px;line-height:1.5}
/* leistungen */
.pg-svc{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:56px 0;border-top:1px solid #EEEEEE}
.pg-facts{display:flex;gap:40px;margin:28px 0 0}
.pg-facts dt{font-size:13px;color:#909090}.pg-facts dd{margin:4px 0 0;font-size:16px;font-weight:500;max-width:240px}
.pg-list{list-style:none;margin:0;padding:26px 28px;border-radius:24px;background:#F2F2F2;display:grid;gap:16px}
.pg-list li{display:flex;gap:12px;align-items:flex-start;font-size:17px;line-height:1.45}.pg-list svg{flex:none;width:22px;height:22px}
.pg-case{display:flex;align-items:center;gap:14px;margin-top:14px;padding:14px 18px;border-radius:18px;box-shadow:inset 0 0 0 1px #E6E6E6;color:#141414;text-decoration:none;transition:box-shadow .2s ease}
.pg-case:hover{box-shadow:inset 0 0 0 1px #141414}
.pg-case img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.pg-case span{flex:1;font-size:15px;font-weight:500;line-height:1.35}.pg-case small{display:block;font-weight:400;font-size:13px;color:#909090}
.pg-case svg{width:16px;height:16px;flex:none}
.pg-case-red{background:#FF3F53;color:#FFFFFF;box-shadow:none}.pg-case-red small{color:rgba(255,255,255,.8)}.pg-case-red:hover{box-shadow:none;background:#E8283D}
.pg-steps{padding:64px 0 24px;border-top:1px solid #EEEEEE}
.pg-steps ol{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pg-steps li{padding:24px;border-radius:22px;background:#F2F2F2}
.pg-sn{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#FFFFFF;color:#E8283D;font-weight:500}
.pg-steps b{display:block;margin-top:18px;font-size:18px;font-weight:500}.pg-steps p{margin:8px 0 0;font-size:15px;line-height:1.5;color:#6F6F6F}
/* kundenstimmen */
.pg-cases{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:24px}
.pg-cc{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:290px;border-radius:24px;background:#F2F2F2;overflow:hidden;color:#141414;text-decoration:none;transition:box-shadow .2s ease}
.pg-cc{position:relative}.pg-cc::after{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px #141414;opacity:0;transition:opacity .2s ease;pointer-events:none}.pg-cc:hover::after,.pg-cc:focus-visible::after{opacity:1}
.pg-cc-img{position:relative}.pg-cc-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block}
.pg-cc-b{display:flex;flex-direction:column;min-width:0;padding:26px 28px 24px}
.pg-cc-top{display:flex;justify-content:space-between;align-items:center;gap:12px;height:34px}
.pg-cc-lg{display:flex;align-items:center;width:150px;height:26px}
.pg-cc-logo{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:left center}
.pg-cc-top .pg-tag{margin:0;flex:none}
.pg-cc h2{margin:20px 0 0;font-size:21px;font-weight:500;line-height:1.28;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.pg-cc-kpi{margin-top:auto;padding-top:18px}.pg-cc-kpi b{display:block;font-size:28px;font-weight:500;letter-spacing:-.03em;color:#141414}.pg-cc-kpi span{display:block;margin-top:2px;font-size:14px;color:#6F6F6F}
.pg-cc-who{margin:auto 0 0;padding-top:18px;font-size:14px;color:#909090;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-more{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #E2E2E2;font-size:15px;font-weight:500}.pg-more svg{width:15px;height:15px}
/* blog page reuses the blog section */
.pg-blog{padding:0}
/* downloads */
.pg-dls{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pg-dl{display:flex;flex-direction:column;border-radius:24px;background:#F2F2F2;overflow:hidden}
.pg-dl-cover{position:relative;height:170px;display:flex;align-items:flex-end;padding:20px 22px}
.pg-dl-c0{background:linear-gradient(160deg,#FF7A8A 0%,#FF3F53 48%,#A3142A 100%)}
.pg-dl-c1{background:radial-gradient(100% 154% at 84.7% 98.8%,#FF3F53 14.98%,#8C1A2A 50.17%,#141414 84.56%)}
.pg-dl-c2{background:#141414}
.pg-dl-cover b{font-size:44px;font-weight:500;letter-spacing:-.04em;color:#FFFFFF}
.pg-dl-fmt{position:absolute;left:22px;top:18px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.18);color:#FFFFFF;font-size:12px;font-weight:500}
.pg-dl-b{display:flex;flex-direction:column;flex:1;padding:22px 24px 26px}
.pg-dl h2{margin:0;font-size:20px;font-weight:500;line-height:1.25;letter-spacing:-.02em}
.pg-dl p{margin:10px 0 18px;font-size:15px;line-height:1.5;color:#6F6F6F}
.pg-dl .pg-dl-open{margin-top:auto;align-self:flex-start}
.pg-dl-form{display:grid;gap:10px;margin-top:auto}
.pg-dl-form label,.pc-fields label{display:grid;gap:6px;font-size:13px;color:#6F6F6F}
.pg input[type=email],.pg input:not([type]),.pg input[name=name],.pg input[name=firma]{height:46px;padding:0 14px;border:1px solid #DCDCDC;border-radius:12px;background:#FFFFFF;font:16px 'Uncut Sans','Helvetica Neue',Arial,sans-serif;color:#141414}
.pg input:focus-visible{outline:2px solid #FF3F53;outline-offset:1px}
/* prozess-check */
.pc-chips{display:flex;justify-content:center;gap:8px;margin:-36px 0 32px}
.pc-chips span{padding:6px 12px;border-radius:999px;background:#E8F6EC;color:#1A7F45;font-size:13px;font-weight:500}
.pc-card{max-width:760px;margin:0 auto;padding:32px;border-radius:28px;background:#F2F2F2}
.pc-top{display:flex;align-items:center;gap:16px}
.pc-step{flex:none;font-size:14px;color:#6F6F6F}.pc-step b{color:#141414;font-weight:500}
.pc-bar{flex:1;height:6px;border-radius:3px;background:#E2E2E2;overflow:hidden}.pc-bar i{display:block;height:100%;width:16.6%;border-radius:3px;background:#FF3F53;transition:width .4s ease}
.pc-q{margin:28px 0 0;padding:0;border:0;min-width:0}
.pc-q legend{padding:0;font-size:26px;font-weight:500;line-height:1.25;letter-spacing:-.02em;text-wrap:balance}
.pc-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.pc-opt{position:relative;display:flex;align-items:center;min-height:54px;padding:12px 16px;border-radius:14px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #E6E6E6;font-size:16px;cursor:pointer;transition:box-shadow .15s ease,background .15s ease}
.pc-opt input{position:absolute;opacity:0;pointer-events:none}
.pc-opt:has(input:checked){box-shadow:inset 0 0 0 2px #FF3F53;background:#FFF5F6}
.pc-opt:has(input:focus-visible){outline:2px solid #FF3F53;outline-offset:2px}
.pc-hint{margin:10px 0 0;font-size:13px;color:#909090}
.pc-range{margin-top:22px;padding:22px 22px 14px;border-radius:16px;background:#FFFFFF}
.pc-range output{display:block;font-size:40px;font-weight:500;letter-spacing:-.03em;color:#E8283D}
.pc-range input{width:100%;margin-top:10px;accent-color:#FF3F53}
.pc-scale{display:flex;justify-content:space-between;font-size:13px;color:#909090}
.pc-nav{display:flex;justify-content:space-between;align-items:center;margin-top:28px}
.pc-nav .pc-next{margin-left:auto}
.pc-back,.pc-restart{height:44px;padding:0 4px;border:0;background:none;color:#6F6F6F;font:500 15px 'Uncut Sans','Helvetica Neue',Arial,sans-serif;cursor:pointer}
.pc-back:hover,.pc-restart:hover{color:#141414}
.pc-res-top{display:flex;align-items:center;gap:28px}
.pc-ring{position:relative;flex:none;width:132px;height:132px}
.pc-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.pc-ring circle{fill:none;stroke-width:10}.pc-ring-bg{stroke:#E2E2E2}.pc-ring-fg{stroke:#FF3F53;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset 1.2s cubic-bezier(.22,1,.36,1)}
.pc-ring>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.pc-ring b{font-size:36px;font-weight:500;letter-spacing:-.03em;line-height:1}.pc-ring span{font-size:12px;color:#909090}
.pc-res-h{margin:0;font-size:28px;font-weight:500;letter-spacing:-.03em}.pc-res-p{margin:8px 0 0;font-size:16px;line-height:1.5;color:#6F6F6F}
.pc-bars{display:grid;gap:12px;margin-top:28px;padding:20px 22px;border-radius:18px;background:#FFFFFF}
.pt-bar,.pc-bars .pt-bar{display:grid;grid-template-columns:150px 1fr 54px;align-items:center;gap:14px;font-size:14px;color:#6F6F6F}
.pt-bar i{height:8px;border-radius:4px;background:linear-gradient(90deg,#FF3F53 var(--w),#EDEDED var(--w))}
.pt-bar b{font-weight:500;color:#141414;text-align:right}
.pc-back-time{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:14px;padding:18px 22px;border-radius:18px;background:#E8F6EC}
.pc-back-time span{width:100%;font-size:14px;color:#1A7F45}.pc-back-time b{font-size:30px;font-weight:500;letter-spacing:-.03em;color:#1A7F45}.pc-back-time small{font-size:14px;color:#1A7F45}
.pc-h3{margin:32px 0 0;font-size:20px;font-weight:500;letter-spacing:-.02em}
.pc-ops{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px;counter-reset:op}
.pc-ops li{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:16px 18px;border-radius:16px;background:#FFFFFF;counter-increment:op}
.pc-ops li::before{content:counter(op);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#FFF0F2;color:#E8283D;font-weight:500}
.pc-ops b{display:block;font-weight:500}.pc-ops span{display:block;margin-top:4px;font-size:15px;line-height:1.5;color:#6F6F6F}
.pc-send{margin-top:8px}.pc-send>p{margin:8px 0 0;font-size:15px;line-height:1.5;color:#6F6F6F}
.pc-sendform{margin-top:16px}
.pc-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.pc-consent{display:flex;gap:10px;align-items:flex-start;margin:14px 0 16px;font-size:14px;line-height:1.45;color:#6F6F6F}
.pc-consent input{margin-top:3px;accent-color:#FF3F53}
.pc-restart{display:block;margin:24px auto 0}
/* bottom CTA of every page */
.pg-cta{display:flex;justify-content:space-between;align-items:center;gap:32px;margin:80px 0 96px;padding:48px 52px;border-radius:28px;background:#141414 radial-gradient(90% 140% at 100% 100%,rgba(255,63,83,.55),rgba(255,63,83,0) 60%);color:#FFFFFF}
.pg-cta h2{margin:0;font-size:34px;font-weight:500;letter-spacing:-.035em}.pg-cta p{margin:10px 0 0;max-width:520px;font-size:16px;line-height:1.5;color:rgba(255,255,255,.75)}
.pg-blog .pg-cta{margin:0 120px 96px}
/* homepage teaser */
.pt{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin:0 120px;padding:96px 0;font-family:'Uncut Sans','Helvetica Neue',Arial,sans-serif;color:#141414}
.pt-h2{margin:0;font-size:48px;font-weight:500;line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.pt-list{list-style:none;margin:28px 0 32px;padding:0;display:grid;gap:14px}
.pt-list li{display:flex;gap:12px;align-items:center;font-size:17px}.pt-list svg{flex:none;width:22px;height:22px}
.pt-small{margin:14px 0 0;font-size:14px;color:#909090}
.pt-card{padding:26px;border-radius:28px;background:#F2F2F2}
.pt-ch{display:flex;justify-content:space-between;font-size:13px;color:#909090}
.pt-score{display:flex;align-items:center;gap:26px;margin-top:18px;padding:22px;border-radius:20px;background:#FFFFFF}
.pc-ring-s{width:118px;height:118px}
.pt-bars{flex:1;display:grid;gap:14px}.pt .pt-bar{grid-template-columns:120px 1fr 36px}
@media (max-width:1000px){
  .pg{padding:0 20px}.pg-head{padding:40px 0 40px}.pg-h1{font-size:40px}.pg-lead{font-size:17px}.pg-h2{font-size:28px}
  .pg-svc{grid-template-columns:1fr;gap:28px;padding:40px 0}.pg-facts{flex-direction:column;gap:14px}
  .pg-steps ol{grid-template-columns:1fr 1fr}
  .pg-cases,.pg-dls{grid-template-columns:1fr}
  .pg-cases{grid-auto-rows:auto}.pg-cc{grid-template-columns:1fr}.pg-cc-img{height:240px}
  .pg-cta{flex-direction:column;align-items:flex-start;margin:56px 0 64px;padding:32px 26px}.pg-cta h2{font-size:26px}.pg-blog .pg-cta{margin:0 20px 64px}
  .pc-chips{margin:-20px 0 22px}.pc-card{padding:22px 18px}.pc-q legend{font-size:21px}.pc-opts{grid-template-columns:1fr}
  .pc-res-top{flex-direction:column;align-items:flex-start;gap:16px}.pc-fields{grid-template-columns:1fr}
  .pt-bar,.pc-bars .pt-bar,.pt .pt-bar{grid-template-columns:96px 1fr 40px;font-size:13px}
  .pt{grid-template-columns:1fr;gap:36px;margin:0 20px;padding:64px 0}.pt-h2{font-size:32px}
  .pt-score{flex-direction:column;align-items:stretch}
}
@media (max-width:560px){.pg-steps ol{grid-template-columns:1fr}}

/* one floating nav for every view; case and article pages hide their own header */
html #v-case .cp-nav{display:none}
html #v-case{padding-top:84px}
.spk-links a.on,.spk-menu a.on{opacity:1;color:#E8283D}

#integrationen .si-root.light{--si-line:rgba(20,20,20,.13);--si-halo:rgba(20,20,20,0);--si-glow:rgba(20,20,20,0);--si-ev-halo:rgba(20,20,20,0);--si-pulse:#FF3F53;}
/* Elementor guard */
.elementor .spk-page{max-width:1440px}.elementor .spk-nav{border-radius:999px;box-shadow:0 0 0 1px rgba(20,20,20,.07),0 8px 28px -12px rgba(20,20,20,.18)}.elementor .spk-nav.is-scrolled{box-shadow:0 0 0 1px rgba(20,20,20,.08),0 12px 32px -12px rgba(20,20,20,.24)}.elementor .spk-logo img{height:26px}.elementor .spk-links a{text-decoration:none}.elementor .spk-cta{height:40px;border-radius:999px;text-decoration:none}.elementor .spk-nav a:focus-visible{border-radius:8px}.elementor .spk-navspace{height:84px}@media (max-width:900px){.elementor .spk-burger{height:40px;border:0;border-radius:50%}.elementor .spk-burger span{height:1.75px;border-radius:1px}.elementor .spk-menu:not([hidden]){border-radius:24px;box-shadow:0 0 0 1px rgba(20,20,20,.07),0 24px 48px -20px rgba(20,20,20,.35)}.elementor .spk-menu a{border-bottom:1px solid #F2F2F2;text-decoration:none}.elementor .spk-menu a:focus-visible{border-radius:12px}.elementor .spk-menu .spk-menu-cta{height:50px;border:0;border-radius:999px}}html .elementor #integrationen .page,html .elementor #brief .page{border-inline:0}html .elementor #brief .lb-sec{border-radius:28px}html .elementor #brief .lb-pill{height:50px}html .elementor #brief .lb-body,html .elementor #brief .lb-sign{max-width:640px}html .elementor #brief .lb-quote{max-width:820px}html .elementor #brief .lb-sig{height:auto}@media (max-width:1000px){html .elementor #brief .lb-sec{border-radius:24px}html .elementor #brief .lb-pill{height:38px}}.elementor .spk-sr{height:1px}@media (max-width:560px){html .elementor #leistungen .wf-tile{height:58px}}@media (max-width:760px){html .elementor #integrationen .si-stage{height:auto!important;max-width:330px}html .elementor #integrationen .si-tile{height:66px!important}}.elementor .cs-sub{max-width:620px}.elementor .cs-card{height:400px;border-radius:24px}.elementor .cs-card .cs-logo img{height:28px}.elementor a.cs-card{text-decoration:none}.elementor .cs-go{height:40px;border-radius:50%}.elementor .cs-go svg{height:16px}.elementor .cs-card>.cs-bg{height:100%}.elementor .cs-photo>img{height:100%}.elementor .cs-quote .cs-pic img{height:100%}.elementor .cs-logoimg{height:32px}.elementor .cs-more{height:40px;border:1px solid #D6D6D6;border-radius:50%;text-decoration:none}.elementor .cs-more:hover{border-color:#141414}.elementor .cs-more svg{height:16px}.elementor .cs-dot{border:0;height:5px;border-radius:3px}.elementor .cs-dot i{height:100%;border-radius:3px}@media (min-width:1001px) and (max-width:1279px){.elementor .cs-logoimg{height:26px}}@media (max-width:1000px){.elementor .cs-card{height:340px}}@media (max-width:640px){.elementor .cs-quote,.elementor .cs-card{height:auto}.elementor .cs-card:not(.cs-quote){height:320px}}.elementor .cp a{text-decoration:none}.elementor .cp-nav{height:88px;border-bottom:1px solid #F0F0F0}.elementor .cp-nav img{height:26px}.elementor .cp-btn{height:44px;border-radius:999px}.elementor .cp-btn svg{height:16px}.elementor .cp-back svg{height:14px}.elementor .cp-tag{border:1px solid #FF8A97;border-radius:999px}.elementor .cp-by .cp-co{height:26px}.elementor .cp-by hr{border:0;border-top:1px solid #E5E5E5}.elementor .cp-who img{height:34px;border-radius:50%}.elementor .cp-card{height:380px;border-radius:24px}.elementor .cp-card img{height:100%}.elementor .cp-bg{height:100%}.elementor .cp-change{border-radius:24px}.elementor .cp-voice{border-left:2px solid #FF3F53}.elementor .cp-vby img{height:32px;border-radius:50%}.elementor .cp-list svg{height:22px}.elementor .cp-quote{border-radius:24px}.elementor .cp-quote .cp-who img{height:44px}.elementor .cp-metrics{border-radius:20px}.elementor .cp-mr{border-top:1px solid #E2E2E2}.elementor .cp-mr:first-child{border-top:0}.elementor .cp-about{border-left:3px solid #FF3F53;border-radius:0 14px 14px 0}.elementor .cp-costc{border-radius:20px}.elementor .cp-chips span{border-radius:999px}.elementor .cp-tl{border-radius:20px}.elementor .cp-seg i{height:6px;border-radius:3px}.elementor .cp-tr{border-top:1px solid #E2E2E2}.elementor .cp-tr:first-of-type{border-top:0}.elementor .cp-flow li{border-radius:18px}.elementor .cp-calc{border-radius:20px}.elementor .cp-calc div{border-top:1px solid rgba(255,255,255,.12)}.elementor .cp-calc div:first-child{border-top:0}.elementor .cp-facts{border-radius:20px}.elementor .cp-facts div{border-top:1px solid #E2E2E2}.elementor .cp-dark{height:44px;border-radius:12px}.elementor .cp-dark svg{height:16px}.elementor .cp-rc{border-radius:22px}.elementor .cp-rc .cp-ri{height:296px;border-radius:16px}.elementor .cp-rc .cp-ri img{height:100%}.elementor .cp-cta{height:380px;border-radius:28px}.elementor .cp-cta h2{max-width:640px}.elementor .cp-cta p{max-width:520px}.elementor .cp-cta .cp-white{height:48px;border-radius:999px}.elementor .cp-cta .cp-white svg{height:16px}.elementor .cp-foot{border-top:1px solid #EDEDED}@media (max-width:1000px){.elementor .cp-nav{height:68px}.elementor .cp-nav .cp-btn{height:40px}.elementor .cp-hero .cp-photo{height:320px}.elementor .cp-card{height:260px}.elementor .cp-cta{height:auto}}.elementor .cv-alogo{height:24px}.elementor .cv-sum{border-radius:24px}.elementor .cv-sum div{border-left:1px solid #E2E2E2}.elementor .cv-sum div:first-child{border-left:0}.elementor .cv-eff{border-radius:20px;border:1px solid #E5E5E5}.elementor .cv-effr div{border-radius:14px}.elementor .cv-ok{border-radius:999px}.elementor .cv-ok svg{height:22px}.elementor .cv-day{border-radius:24px}.elementor .cv-dr{border-top:1px solid #E2E2E2}.elementor .cv-was{text-decoration:line-through;text-decoration-color:rgba(144,144,144,.5)}.elementor .cv-wf{border-radius:28px}.elementor .cv-wfk{border-top:1px solid #E2E2E2}.elementor .cv-scr{border-radius:18px;box-shadow:0 1px 0 rgba(0,0,0,.04),0 24px 48px -24px rgba(20,20,20,.22);border:1px solid #ECECEC}.elementor .cv-bar{height:38px;border-bottom:1px solid #F0F0F0}.elementor .cv-bar i{height:9px;border-radius:50%}.elementor .cv-reply{border-radius:14px}.elementor .cv-slots span{border-radius:999px;border:1px solid #F3C9CE}.elementor .cv-slots .on{border-color:#FF3F53}.elementor .cv-pill{border-radius:999px}.elementor .cv-pill2{max-width:100%}.elementor .cv-prog span{height:6px;border-radius:3px}.elementor .cv-prog i{height:100%;border-radius:3px}.elementor .cv-li{border-top:1px solid #F2F2F2}.elementor .cv-li em{height:20px;border-radius:50%}.elementor .cv-li.miss em{border:1.5px dashed #F2A3AC}.elementor .cv-up{height:38px;border-radius:10px}.elementor .cv-tiles div{border-radius:12px}.elementor .cv-spark{height:60px;border-radius:12px}.elementor .cv-spark svg{height:100%}.elementor .cv-h1{max-width:900px}.elementor .cv-hero{height:500px;border-radius:28px}.elementor .cv-hw img{height:22px}.elementor .cv-hp{height:100%}.elementor .cv-nums{border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5}.elementor .cv-nums>div{border-left:1px solid #E5E5E5}.elementor .cv-nums>div:first-child{border-left:0}.elementor .cv-toc a{border-top:1px solid #EFEFEF}.elementor .cv-toc .cp-btn{border-top:0}.elementor .cv-aboutc{border-radius:22px}.elementor .cv-aboutc .cv-alogo{height:28px}.elementor .cv-facts{border-top:1px solid #E5E5E5}.elementor .cv-facts div{border-bottom:1px solid #F0F0F0}@media (max-width:1000px){.elementor .cv-sum div{border-left:0;border-top:1px solid #E2E2E2}.elementor .cv-sum div:first-child{border-top:0}.elementor .cv-was::before{text-decoration:none}.elementor .cv-hero{height:auto}.elementor .cv-hp{height:300px}.elementor .cv-nums>div:nth-child(odd){border-left:0}.elementor .cv-nums>div:nth-child(n+3){border-top:1px solid #E5E5E5}}.elementor .dw{border-radius:28px}.elementor .dw-n{border-radius:999px}.elementor .dw-n::before{height:7px;border-radius:50%;box-shadow:0 0 0 3px rgba(31,160,85,.18)}.elementor .dw-stage{border-radius:20px}.elementor .dw-stage .cv-scr{max-width:460px}.elementor .dw-steps li{border-radius:16px}.elementor .dw-steps i{height:22px;border-radius:50%}.elementor .dw-tools span{border-radius:999px}.elementor .dw-tools img{height:14px}.elementor .db{border-radius:24px}.elementor .db-top div+div{border-left:1px solid rgba(255,255,255,.14)}.elementor .db-track{height:2px}.elementor .db-dot{height:10px;border-radius:50%;box-shadow:0 0 0 4px #141414}.elementor .db-live .db-dot{box-shadow:0 0 0 4px #141414,0 0 0 8px rgba(31,160,85,.25)}.elementor .db-m{border-radius:12px}.elementor .db-m img{height:20px;border-radius:50%}.elementor .dn-c{border-radius:22px}.elementor .dn-b{height:8px;border-radius:4px}.elementor .dn-b i{height:100%;border-radius:4px}@media (max-width:1000px){.elementor .db-c{border-left:2px solid rgba(255,255,255,.14)}}.elementor .es-stage{border-radius:32px}.elementor .es-stage .cv-scr{max-width:520px;border:0}.elementor .es-hp{height:420px;border-radius:22px;box-shadow:0 24px 48px -24px rgba(20,20,20,.35)}.elementor .es-hq{border-radius:22px;box-shadow:0 1px 0 rgba(0,0,0,.04),0 24px 48px -24px rgba(20,20,20,.22)}.elementor .es-band div{border-left:1px solid #EAEAEA}.elementor .es-band div:first-child{border-left:0}.elementor .es-about{border-top:1px solid #EDEDED}.elementor .es-about img{height:26px}.elementor .es-q{border-radius:24px}.elementor .es-q figcaption img{height:32px;border-radius:50%}.elementor .es-two .cv-scr{max-width:none}.elementor .es-calh{border-bottom:1px solid #F2F2F2}.elementor .es-ev{border-radius:7px}.elementor .es-ev.adm{border-left:3px solid #C9C9C9}.elementor .es-ev.des{border-left:3px solid #1FA055}.elementor .es-auto{border-radius:8px}.elementor .es-leg i{height:12px;border-radius:3px}.elementor .es-res{border-radius:16px;box-shadow:0 1px 0 rgba(0,0,0,.04),0 18px 36px -18px rgba(20,20,20,.28)}.elementor .es-steps li{border-top:1px solid #E5E5E5}.elementor .es-planw{max-width:760px!important}.elementor .es-pr{border-top:1px solid #F2F2F2}.elementor .es-ph{border-top:0}.elementor .es-pw{height:22px}.elementor .es-ph .es-pw{height:auto}.elementor .es-pw em{border-radius:6px}.elementor .es-pf{border-top:1px solid #F2F2F2}.elementor .es-numw{max-width:760px!important}.elementor .es-nr{border-top:1px solid #F2F2F2}.elementor .es-nr:first-child{border-top:0}.elementor .es-nb i{height:5px;border-radius:3px}.elementor .es-facts div{border-top:1px solid #EDEDED}@media (max-width:1000px){.elementor .es-stage{border-radius:24px}.elementor .es-hp{height:320px}.elementor .es-band div:nth-child(odd){border-left:0}.elementor .es-pw{border-radius:6px}}.elementor .b3-col{max-width:720px}.elementor .b3-panel{border-radius:28px}.elementor .b3-win{border:0!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 40px -20px rgba(20,20,20,.22)}.elementor .b3-ph{height:440px;border-radius:24px}.elementor .b3-ph img{height:100%}.elementor .b3-big{border-bottom:1px solid #F2F2F2}.elementor .b3-bars i{height:5px;border-radius:3px}.elementor .b3-facts div{border-top:1px solid #EDEDED}.elementor .b3-about{border-top:1px solid #EDEDED}.elementor .b3-about img{height:22px}.elementor .b3-two .cv-scr{max-width:none;border:0;box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 40px -20px rgba(20,20,20,.22)}.elementor .b3-steps i{height:22px;border-radius:50%}.elementor .b3-k{border-top:1px solid #EDEDED}.elementor .b3-wp .cv-scr{max-width:460px;border:0;box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 40px -20px rgba(20,20,20,.22)}.elementor .b3-pwin{max-width:640px}.elementor .b3-d{height:52px;border-radius:9px}.elementor .b3-live{border-radius:10px}.elementor .b3-sum{border-top:1px solid #F2F2F2}@media (max-width:1000px){.elementor .b3-ph{height:340px}.elementor .b3-d{height:46px}}.elementor .x-sr{height:1px}.elementor .b5-prog{height:2px;border-radius:1px}.elementor .b5-prog i{height:100%}.elementor .b5-toc{border-top:1px solid #EDEDED}.elementor .b5-toc a{border-bottom:1px solid #F4F4F4}.elementor .b5-about{border-top:1px solid #EDEDED}.elementor .b5-about img{height:22px}.elementor .b5-card{border-radius:24px}.elementor .b5-cl img{height:24px}.elementor .b5-cf{border-left:1px solid #E2E2E2}@media (max-width:1000px){.elementor .b5-cf{border-left:0;border-top:1px solid #E2E2E2}}.elementor .b5-by img{height:32px;border-radius:50%}.elementor .tl{border-radius:18px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 40px -20px rgba(20,20,20,.22)}.elementor .tl-r i{height:10px;border-radius:50%}.elementor .fd{border:1px solid #F0F0F0;border-radius:10px}.elementor .fd-r{border-top:1px solid #F4F4F4}.elementor .fd-r:first-child{border-top:0}.elementor .fd-r i{border-radius:4px}.elementor .nt{border-radius:10px;box-shadow:0 0 0 1px #EDEDED}.elementor .nt-h{border-bottom:1px solid #F2F2F2}.elementor .of-wide{max-width:470px}.elementor .pk-c{border-radius:10px}.elementor .pk-c span{border-top:1px solid #EDEDED}.elementor .pk-c.rec{box-shadow:inset 0 0 0 1.5px #141414}.elementor .pk-c em{border-radius:999px}.elementor .fo-r{border-top:1px solid #F2F2F2}.elementor .fo-r:first-child{border-top:0}.elementor .fo-s{border-radius:999px}.elementor .fo-mail{border-radius:10px}.elementor .dm{border-radius:18px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 40px -20px rgba(20,20,20,.22)}.elementor .dm-h{border-bottom:1px solid #F0F0F0}.elementor .dm-r{border-bottom:1px solid #F6F6F6}.elementor .dm-r.un i{height:8px;border-radius:50%}.elementor .dm-av{height:32px;border-radius:50%}.elementor .doc-pv{border-radius:12px}.elementor .doc-th{height:54px;border-radius:5px;box-shadow:0 0 0 1px #E6E6E6}.elementor .doc-th i{height:3px;border-radius:2px}.elementor .doc-th i.hl{height:5px}.elementor .fs-src{border-radius:10px}.elementor .fs-src img{height:16px}.elementor .fs-f{border-radius:10px;border:1px solid #F0F0F0}.elementor .fs-f i{border-radius:4px}.elementor .ob-h{border-bottom:1px solid #F2F2F2}.elementor .ob-ok{border-radius:12px}.elementor .ig-h{border-bottom:1px solid #F2F2F2}.elementor .ig-q span{border-radius:10px}.elementor .kb-c{border-radius:10px}.elementor .kb-k{border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.elementor .kb-k i{border-radius:4px}.elementor .kb-c:last-child .kb-k{box-shadow:inset 0 0 0 1px #BFE5CC}.elementor .of{max-width:400px;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 24px 48px -24px rgba(20,20,20,.3)}.elementor .of-h{border-bottom:2px solid #141414}.elementor .of-h img{height:26px}.elementor .ph{height:500px;border-radius:44px;border:9px solid #141414;box-shadow:0 30px 60px -30px rgba(20,20,20,.5)}.elementor .ph-isl{height:24px;border-radius:14px}.elementor .ph-n{border-radius:14px}.elementor .ph-n i{height:26px;border-radius:8px}.elementor .rt{border-radius:18px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 40px -20px rgba(20,20,20,.22);max-width:460px}.elementor .rt-n{border-radius:12px}.elementor .rt-l{height:16px}.elementor .rt-split{height:22px}.elementor .rt-split i{height:12px;border:2px solid #D6D6D6;border-bottom:0;border-radius:10px 10px 0 0}.elementor .rt-split::before{height:10px}.elementor .tk-prio{border-radius:999px}.elementor .tk-sum{border-radius:10px}.elementor .tk-foot b{border-radius:999px}@media (max-width:1000px){.elementor .ph{height:470px}}.elementor .v4-caller{border-bottom:1px solid #F2F2F2}.elementor .v4-av{height:30px;border-radius:50%}.elementor .v4-wave{height:18px}.elementor .v4-m{max-width:82%;border-radius:14px}.elementor .v4-m.ag{border-bottom-left-radius:4px}.elementor .v4-m.me{border-bottom-right-radius:4px}.elementor .v4-src{border-radius:8px}.elementor .v4-rows div{border-top:1px solid #F2F2F2}.elementor .v4-rows div:first-child{border-top:0}.elementor .v4-verdict{border-radius:12px}.elementor .v4-total{border-top:1px solid #E6E6E6!important}.elementor .v4-btn{height:36px;border-radius:10px}.elementor .v4-remind{border-radius:8px}.elementor .v4-badge{height:24px;border-radius:7px}.elementor .bl-sec a{text-decoration:none}.elementor .bl-sec :focus-visible{border-radius:8px}.elementor .bl-fchip{height:40px;border-radius:999px;border:0}.elementor .bl-art{height:180px;border-radius:20px}.elementor .bl-chip{border-radius:999px}.elementor .bl-btn{height:48px;border-radius:999px}.elementor .ba-w{border-radius:12px 12px 0 0;box-shadow:0 1px 2px rgba(0,0,0,.05),0 14px 30px -14px rgba(20,20,20,.28)}.elementor .ba-wb{height:22px;border-bottom:1px solid #F2F2F2}.elementor .ba-wb i{height:6px;border-radius:50%}.elementor .ba-nd{border-radius:9px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 10px 22px -12px rgba(20,20,20,.25)}.elementor .ba-ln{height:2px}.elementor .ba-tk{border-top:1px solid #F4F4F4}.elementor .ba-tk:first-child{border-top:0}.elementor .ba-tk b{border-radius:999px}.elementor .ba-tk.ba-ai span{text-decoration:line-through}.elementor .ba-pr{border-top:1px solid #F4F4F4}.elementor .ba-pr:first-child{border-top:0}.elementor .ba-rc{border-radius:4px;box-shadow:0 10px 22px -12px rgba(20,20,20,.3)}.elementor .ba-rc i{height:3px;border-radius:2px}.elementor .ba-bk.ba-g{border-radius:999px}.elementor .ba-av{height:20px;border-radius:50%}.elementor .ba-wv{height:12px;border-radius:3px}.elementor .ba-bu{border-radius:10px;max-width:88%}.elementor .ba-okp{border-radius:999px}.elementor .ar a{text-decoration:none}.elementor .ar :focus-visible{border-radius:8px}.elementor .ar-chip{border-radius:999px}.elementor .ar-by img{border-radius:50%}.elementor .ar-tile{height:340px;border-radius:24px}.elementor .ar-toc a{border-left:2px solid rgba(20,20,20,.1)}.elementor .ar-toc a:hover,.elementor .ar-toc a.on{border-color:#FF3F53}.elementor .ar-sum{border-radius:20px}.elementor .ar-tab{border-collapse:collapse}.elementor .ar-tab th,.elementor .ar-tab td{border-bottom:1px solid rgba(20,20,20,.1)}.elementor .ar-faq{border-bottom:1px solid rgba(20,20,20,.1)}.elementor .ar-faq:first-of-type{border-top:1px solid rgba(20,20,20,.1)}.elementor .ar-author{border-radius:20px}.elementor .ar-author img{border-radius:50%}.elementor .ar-ctac{border-radius:24px}.elementor .ar-btn{height:46px;border-radius:999px}.elementor .ar-back{border-bottom:1px solid rgba(20,20,20,.25)}.elementor .ar-back:hover{border-color:#FF3F53}@media (max-width:1000px){.elementor .ar-tile{height:220px}}.elementor #leistungen .wrap{max-width:1200px}.elementor #leistungen .spacer{height:40vh}.elementor #leistungen .eyebrow{border:1px solid var(--line);border-radius:8px}.elementor #leistungen .head p{max-width:470px}.elementor #leistungen .card{border-radius:20px;border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.elementor #leistungen .r1 .card{height:480px}.elementor #leistungen .r2 .card{height:480px}.elementor #leistungen .card .txt p{max-width:440px}.elementor #leistungen .panel{border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 24px 48px -12px rgba(0,0,0,.65)}.elementor #leistungen .pill{border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 18px 36px -12px rgba(0,0,0,.6)}.elementor #leistungen .tile{border-radius:7px}.elementor #leistungen .chip{border:1px solid rgba(255,255,255,.14);border-radius:10px;box-shadow:0 20px 40px -10px rgba(0,0,0,.7)}.elementor #leistungen .wf-tile{height:76px}.elementor #leistungen .wf-tile img{height:100%}.elementor #leistungen .wf-lines{height:324px}.elementor #leistungen .wf-a{height:56px}.elementor #leistungen .wf-b{height:56px}.elementor #leistungen .steps{height:220px}.elementor #leistungen .step .bar{border-radius:2px}.elementor #leistungen .os-win{height:330px}.elementor #leistungen .os-bar{height:46px;border-bottom:1px solid rgba(255,255,255,.06)}.elementor #leistungen .os-bar i{height:8px;border-radius:4px}.elementor #leistungen .os-side{border-right:1px solid rgba(255,255,255,.06)}.elementor #leistungen .os-side i{height:18px;border-radius:5px}.elementor #leistungen .os-kpi .p{border-radius:6px}.elementor #leistungen .call{height:320px}.elementor #leistungen .call-h .live{height:8px;border-radius:50%}.elementor #leistungen .wave{height:26px}.elementor #leistungen .wave i{height:100%;border-radius:2px}.elementor #leistungen .bub{max-width:78%;border-radius:14px}.elementor #leistungen .bub.them{border-top-left-radius:4px}.elementor #leistungen .bub.us{border:1px solid rgba(255,63,83,.25);border-top-right-radius:4px}.elementor #leistungen .track{height:6px;border-radius:3px}.elementor #leistungen .fill{height:100%;border-radius:3px}.elementor #leistungen .odo{height:1.1em}.elementor #leistungen .odo span b{height:1.1em}.elementor #leistungen .eyebrow{border-color:#E5E5E5}.elementor #leistungen .card{border:none;box-shadow:none;border-radius:24px}.elementor #leistungen .panel{border-color:#EBEBEB;box-shadow:0 22px 44px -22px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.04)}.elementor #leistungen .pill{border-color:#EBEBEB;box-shadow:0 14px 30px -18px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.04)}.elementor #leistungen .chip{border-color:#E5E5E5;box-shadow:0 18px 36px -16px rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.05)}.elementor #leistungen .os-bar{border-bottom-color:#EFEFEF}.elementor #leistungen .os-side{border-right-color:#EFEFEF}.elementor #leistungen .bub.us{border-color:rgba(255,63,83,.22)}.elementor #leistungen .av{height:30px;border-radius:50%;box-shadow:0 0 0 1px #E5E5E5}.elementor #leistungen .call-h .av{height:26px}.elementor #leistungen .avs img,.elementor #leistungen .avs .avm{height:26px;border-radius:50%;box-shadow:0 0 0 2px #FFFFFF}.elementor #leistungen .mw{height:22px;border-radius:50%;box-shadow:0 0 0 1px #DCDCDC}@media (max-width:1000px){.elementor #leistungen .r1 .card,.elementor #leistungen .r2 .card{height:480px}}@media (max-width:560px){.elementor #leistungen .call-h .av{height:20px}}.elementor #integrationen .si-hatch{height:64px;border-top:1px solid var(--si-edge);border-bottom:1px solid var(--si-edge)}.elementor #integrationen .si-eyebrow{border:1px solid var(--si-edge);border-radius:8px}.elementor #integrationen .si-eyebrow i{height:10px}.elementor #integrationen .si-h2{max-width:760px}.elementor #integrationen .si-lead{max-width:540px}.elementor #integrationen .si-stage{height:var(--si-stage-h)}.elementor #integrationen .si-glow{height:520px;border-radius:50%}.elementor #integrationen .si-lines{height:100%}.elementor #integrationen .si-socket{height:var(--si-socket)}.elementor #integrationen .si-chip{height:var(--si-chip)}.elementor #integrationen .si-shadow{border-radius:30%}.elementor #integrationen .si-socket img,.elementor #integrationen .si-chip img{height:100%}.elementor #integrationen .si-tile{border-radius:18%;border:1px solid var(--si-tile-line);box-shadow:var(--si-tile-shadow)}.elementor #integrationen .si-kachel{height:var(--si-kachel);border-radius:18%;border:1px solid var(--si-tile-line);box-shadow:var(--si-hub-shadow)}.elementor #integrationen .si-kachel img{height:auto}.elementor #integrationen .si-mark{height:87px}.elementor #integrationen .si-mark img{height:100%}.elementor #integrationen .si-feed{height:200px;border-radius:20px;border:1px solid var(--si-tile-line);box-shadow:var(--si-hub-shadow)}.elementor #integrationen .si-feed-h{height:22px;border-bottom:1px solid rgba(20,20,20,.07)}.elementor #integrationen .si-feed-h img{height:17px}.elementor #integrationen .si-live i{height:7px;border-radius:50%}.elementor #integrationen .si-live b{border-radius:50%}.elementor #integrationen .si-feed-rows{height:calc(3 * var(--si-row-h))}.elementor #integrationen .si-row{height:var(--si-row-h)}.elementor #integrationen .si-row-i{height:18px}.elementor #integrationen .si-row-i img{max-width:18px}.elementor #integrationen .si-row-i.clip{border-radius:5px}.elementor #integrationen .si-row-i.clip img{height:18px;max-width:none}.elementor #integrationen .page{max-width:1440px;border-inline:1px solid var(--si-edge)}.elementor #integrationen .spacer{height:80vh}.elementor #integrationen .seg{border-radius:10px;border:1px solid var(--si-edge)}.elementor #integrationen .seg button{border:0;border-radius:7px}.elementor #integrationen .seg button[aria-pressed="true"]{box-shadow:0 1px 3px rgba(0,0,0,.12)}.elementor #brief .lb-sr{height:1px}.elementor #brief .lb-pill{height:58px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(20,20,20,.04)}.elementor #brief .lb-pill img{height:100%}.elementor #brief .lb-body{max-width:560px}.elementor #brief .lb a{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(20,20,20,.45)}.elementor #brief .lb a:hover{text-decoration-color:#FF3F53}.elementor #brief .lb-quote{max-width:720px}.elementor #brief .lb-sign{max-width:560px}.elementor #brief .lb-sig{height:87px}.elementor #brief .lb-flag{height:12px;border-radius:2px;box-shadow:0 0 0 .5px rgba(20,20,20,.18)}@media (max-width:640px){.elementor #brief .lb-pill{height:38px}}.elementor #brief .page{max-width:1440px;border-inline:1px solid #E5E5E5}.elementor #brief .spacer{height:70vh}.elementor #brief .hatch{height:64px;border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5}.elementor .h3-h1{max-width:980px}.elementor .h3-sub{max-width:600px}.elementor .h3-cta,.elementor .h3-ghost{height:52px;border-radius:999px;text-decoration:none}.elementor .h3-cta svg{height:16px}.elementor .h3-ghost{border:1px solid #DCDCDC}.elementor .h3-ghost:hover{border-color:#141414}.elementor .h3-stage{max-width:100%}.elementor .h3-disp{border-radius:14px 14px 2px 2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.elementor .h3-edge{height:30px;border-radius:2px 2px 8px 8px;box-shadow:inset 0 1px 0 #FFFFFF,0 1px 0 rgba(0,0,0,.08)}.elementor .h3-edge::after{height:2px;border-radius:2px}.elementor .h3-neck{height:110px;box-shadow:inset 0 14px 18px -10px rgba(0,0,0,.35)}.elementor .h3-cable{height:64px;border-radius:20px;box-shadow:inset 0 5px 8px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.7)}.elementor .h3-cable::after{height:92px;border-radius:0 0 5px 5px}.elementor .h3-floor{height:60px;border-radius:50%}.elementor .h3-stage::before{height:620px}.elementor .h3-screen{height:560px;border-radius:9px}.elementor .h3-bar i{height:14px}.elementor .h3-bar em{border-radius:999px;box-shadow:0 0 0 1px #E6E6E6}.elementor .h3-menu{height:10px;border-top:1.5px solid #B5B5B5;border-bottom:1.5px solid #B5B5B5}.elementor .h3-menu::after{border-top:1.5px solid #B5B5B5}.elementor .h3-c{border-radius:22px}.elementor .h3-c small svg{height:16px}.elementor .h3-av{height:40px;border-radius:10px}.elementor .h3-doc{height:42px;border-radius:5px;box-shadow:0 0 0 1px #E6E6E6}.elementor .h3-doc::after{height:14px}.elementor .h3-sys i{height:9px;border-radius:3px}.elementor .h3-chips span{border-radius:12px}.elementor .h3-chips svg{height:14px}.elementor .h3-ask{border-radius:18px;box-shadow:0 0 0 1px #E6E6E6,0 10px 24px -16px rgba(20,20,20,.25)}.elementor .h3-q.on::after{height:17px}.elementor .h3-tools>svg{height:17px}.elementor .h3-tools i{height:16px}.elementor .h3-send{height:32px;border-radius:50%}.elementor .h3-send svg{height:15px}@media (max-width:1000px){.elementor .h3-screen{height:auto}.elementor .h3-edge{height:14px}.elementor .h3-neck{height:70px}}.elementor .h4 .h3-disp{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.18)}.elementor .h4 .h3-screen::after{border-radius:9px}.elementor .h4 .h3-edge{height:36px;border-radius:3px 3px 14px 14px;box-shadow:inset 0 1px 0 #FFFFFF,0 2px 3px rgba(0,0,0,.12)}.elementor .h4 .h3-edge::after{height:3px}.elementor .h4 .h3-neck{height:116px;box-shadow:inset 0 26px 24px -14px rgba(0,0,0,.42),inset 0 -1px 0 rgba(0,0,0,.1)}.elementor .h4 .h3-floor{height:70px}.elementor .h4 .h3-stage::after{height:560px}.elementor .h4-ok{height:18px;border-radius:50%}.elementor .h4-approve{height:34px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}.elementor .h4-approve.ok::before{height:14px;border-radius:50%}.elementor .h4-conv{border-radius:22px}.elementor .h4-ans-s{max-width:80%;border-radius:16px 16px 16px 4px}.elementor .h4-me{max-width:80%;border-radius:16px 16px 4px 16px}.elementor .h4-ans{border-radius:18px;box-shadow:0 0 0 1px #E8E8E8}.elementor .h4-mark{height:12px}.elementor .h4-rows li{border-top:1px solid #F0F0F0}.elementor .h4-live i{height:7px;border-radius:50%;box-shadow:0 0 0 3px rgba(31,160,85,.18)}.elementor .h4-list li{height:62px;border-top:1px solid #E6E6E6}.elementor .h4-list li:first-child{border-top:0}.elementor .h4-list li.new{height:0}.elementor .h4-head em img{height:16px}.elementor .h4-app{height:32px;border-radius:9px;box-shadow:0 0 0 1px #E8E8E8}.elementor .h4-app img{height:19px}.elementor .h4-app svg{height:16px}.elementor .h4-week{height:70px}.elementor .h4-week span{height:100%}.elementor .h4-week i{height:var(--h);border-radius:5px}@media (max-width:760px){.elementor .h4[data-screen=C] .h3-disp{border-radius:14px 14px 3px 3px}.elementor .h4[data-screen=C] .h3-screen{height:auto;border-radius:9px}.elementor .h4[data-screen=C] .h4-head em img{height:14px}.elementor .h4[data-screen=C] .h4-feed{border-radius:16px}.elementor .h4[data-screen=C] .h4-list li{height:54px}.elementor .h4[data-screen=C] .h4-app{height:30px}.elementor .h4[data-screen=C] .h4-app img{height:17px}.elementor .h4[data-screen=C] .h3-saved{border-radius:14px}.elementor .h4[data-screen=C] .h3-edge{height:13px;border-radius:2px 2px 7px 7px}.elementor .h4[data-screen=C] .h3-edge::after{height:2px}.elementor .h4[data-screen=C] .h3-neck{height:46px;box-shadow:inset 0 12px 12px -8px rgba(0,0,0,.4)}.elementor .h4[data-screen=C] .h3-floor{height:36px}}.elementor .kr-color{border-radius:24px}.elementor .kr-grey{border-radius:24px}.elementor .kr-tile{height:124px;border-radius:32px;box-shadow:0 34px 40px -12px rgba(255,63,83,.5),inset 0 2px 2px rgba(255,255,255,.7),inset 0 -8px 14px rgba(120,10,30,.35)}.elementor .kr-col a{text-decoration:none}.elementor .kr-copy{max-width:260px}.elementor .kr-btn{height:44px;border-radius:999px;text-decoration:none}.elementor .spk-foot a:focus-visible{border-radius:8px}@media (max-width:1100px){.elementor .kr-tile{height:100px;border-radius:26px}.elementor .kr-tile svg{height:auto}}@media (max-width:1000px){.elementor .kr-copy{max-width:none}}@media (max-width:600px){.elementor .kr-tile{height:84px;border-radius:22px}}.elementor .pc-pill span{height:40px;border-radius:999px;box-shadow:inset 0 0 0 1px #E6E6E6}.elementor .pc-pill:hover span{box-shadow:inset 0 0 0 1px #141414}.elementor .pc-pill input:checked+span{box-shadow:inset 0 0 0 2px #FF3F53}.elementor .pc-own input{height:40px;border:0;border-radius:12px;box-shadow:inset 0 0 0 1px #E6E6E6}.elementor .pc-text,.elementor .pc-other{border:0;border-radius:14px;box-shadow:inset 0 0 0 1px #E6E6E6}.elementor .pc-text:focus,.elementor .pc-other:focus,.elementor .pc-own input:focus{box-shadow:inset 0 0 0 2px #FF3F53}.elementor .pc-sug{border:0;border-radius:999px;box-shadow:inset 0 0 0 1px #E6E6E6}.elementor .pc-sug:hover{box-shadow:inset 0 0 0 1px #141414}.elementor .pc-done-ic{height:56px;border-radius:50%}.elementor .pc-done-ic svg{height:24px}.elementor .pc-done-p{max-width:520px}.elementor .pg-head{max-width:860px}.elementor .pg-lead{max-width:640px}.elementor .pg-tag{border-radius:999px;box-shadow:inset 0 0 0 1px #FF9AA6}.elementor .pg-btn{height:50px;border:0;border-radius:999px;text-decoration:none}.elementor .pg-btn svg{height:16px}.elementor .pg-note{max-width:720px}.elementor .pg-ok,.elementor .pc-sent{border-radius:14px}.elementor .pg-svc{border-top:1px solid #EEEEEE}.elementor .pg-facts dd{max-width:240px}.elementor .pg-list{border-radius:24px}.elementor .pg-list svg{height:22px}.elementor .pg-case{border-radius:18px;box-shadow:inset 0 0 0 1px #E6E6E6;text-decoration:none}.elementor .pg-case:hover{box-shadow:inset 0 0 0 1px #141414}.elementor .pg-case img{height:44px;border-radius:50%}.elementor .pg-case svg{height:16px}.elementor .pg-case-red{box-shadow:none}.elementor .pg-case-red:hover{box-shadow:none}.elementor .pg-steps{border-top:1px solid #EEEEEE}.elementor .pg-steps li{border-radius:22px}.elementor .pg-sn{height:32px;border-radius:50%}.elementor .pg-cc{border-radius:24px;text-decoration:none}.elementor .pg-cc::after{border-radius:inherit;box-shadow:inset 0 0 0 1px #141414}.elementor .pg-cc-img img{height:100%}.elementor .pg-cc-top{height:34px}.elementor .pg-cc-lg{height:26px}.elementor .pg-cc-logo{max-width:100%;height:auto}.elementor .pg-more{border-top:1px solid #E2E2E2}.elementor .pg-more svg{height:15px}.elementor .pg-dl{border-radius:24px}.elementor .pg-dl-cover{height:170px}.elementor .pg-dl-fmt{border-radius:999px}.elementor .pg input[type=email],.elementor .pg input:not([type]),.elementor .pg input[name=name],.elementor .pg input[name=firma]{height:46px;border:1px solid #DCDCDC;border-radius:12px}.elementor .pc-chips span{border-radius:999px}.elementor .pc-card{max-width:760px;border-radius:28px}.elementor .pc-bar{height:6px;border-radius:3px}.elementor .pc-bar i{height:100%;border-radius:3px}.elementor .pc-q{border:0}.elementor .pc-opt{border-radius:14px;box-shadow:inset 0 0 0 1px #E6E6E6}.elementor .pc-opt:has(input:checked){box-shadow:inset 0 0 0 2px #FF3F53}.elementor .pc-range{border-radius:16px}.elementor .pc-back,.elementor .pc-restart{height:44px;border:0}.elementor .pc-ring{height:132px}.elementor .pc-ring svg{height:100%}.elementor .pc-bars{border-radius:18px}.elementor .pt-bar i{height:8px;border-radius:4px}.elementor .pc-back-time{border-radius:18px}.elementor .pc-ops li{border-radius:16px}.elementor .pc-ops li::before{height:32px;border-radius:50%}.elementor .pg-cta{border-radius:28px}.elementor .pg-cta p{max-width:520px}.elementor .pt-list svg{height:22px}.elementor .pt-card{border-radius:28px}.elementor .pt-score{border-radius:20px}.elementor .pc-ring-s{height:118px}@media (max-width:1000px){.elementor .pg-cc-img{height:240px}}