/* OMSAG LP · Web · 07 Prozess — hellgrau. Sechs Schritte, Gates, drei Spuren. */
.omsag-lp-wbz{
  --b:var(--omsag-lp-brand,#50aa3c);--bl:var(--omsag-lp-lime,#aad337);
  --grad:var(--omsag-lp-brand-grad,linear-gradient(135deg,#50aa3c,#aad337));
  --ink:var(--omsag-lp-ink,#232730);--ts:var(--omsag-lp-text-soft,#5a6270);--mut:var(--omsag-lp-muted,#8a93a3);
  --ln:var(--omsag-lp-line,#e6e8ec);--bga:var(--omsag-lp-bg-alt,#f9faf8);--sec:#f1f2f5;
  --pill:var(--omsag-lp-pill,999px);--r:var(--omsag-lp-radius,20px);--rl:var(--omsag-lp-radius-lg,28px);
  --ez:var(--omsag-lp-ease,cubic-bezier(.2,.7,.2,1));
  --font:var(--omsag-lp-font,'Outfit',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif);
  --n:var(--nsteps,6);--gap:clamp(8px,1vw,14px);--tipn:17;--tip:calc(var(--tipn) * 1px);--lhn:72;--lh:calc(var(--lhn) * 1px);--lstair:clamp(18px,2.6vw,38px);
  position:relative;isolation:isolate;overflow:hidden;font-family:var(--font);color:var(--ink);
  -webkit-font-smoothing:antialiased;padding:clamp(76px,8.5vw,116px) 0;
  background:radial-gradient(circle at 92% 2%,rgba(80,170,60,.08),transparent 44%),var(--sec);
}
.omsag-lp-wbz,.omsag-lp-wbz *,.omsag-lp-wbz *::before,.omsag-lp-wbz *::after{box-sizing:border-box}
.omsag-lp-wbz a:focus,.omsag-lp-wbz a:focus-visible{outline:none;box-shadow:none}
.omsag-lp-wbz__container{position:relative;z-index:1;width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(20px,2.5vw,28px)}

.omsag-lp-wbz__head{max-width:66ch;margin:0 0 clamp(34px,4.2vw,50px)}
.omsag-lp-wbz__overline{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--b)}
.omsag-lp-wbz__headline{margin:0 0 16px;max-width:22ch;font-size:clamp(30px,4vw,46px);font-weight:700;letter-spacing:-.026em;line-height:1.08}
.omsag-lp-wbz__subline{margin:0;max-width:74ch;font-size:clamp(15.5px,1.25vw,18px);line-height:1.6;color:var(--ts)}

/* Schritte */
.omsag-lp-wbz__steps{list-style:none;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));
  gap:var(--gap);margin:0;padding:0}
.omsag-lp-wbz__step{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;
  padding:24px 14px 20px;border-radius:18px;background:#fff;border:1px solid var(--ln);text-align:center;
  box-shadow:0 20px 44px -40px rgba(15,17,21,.5);
  transition:border-color .28s var(--ez),transform .28s var(--ez)}
.omsag-lp-wbz__step:hover{border-color:rgba(80,170,60,.34);transform:translateY(-2px)}
.omsag-lp-wbz__step::after{content:"";position:absolute;right:calc(var(--gap) * -1);top:51px;width:var(--gap);height:1.5px;
  background:repeating-linear-gradient(90deg,rgba(138,147,163,.6) 0 4px,transparent 4px 8px)}
.omsag-lp-wbz__step:last-child::after{display:none}
.omsag-lp-wbz__step-num{position:absolute;top:13px;left:15px;
  font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--mut);line-height:1;
  transition:color .28s var(--ez)}
.omsag-lp-wbz__step:hover .omsag-lp-wbz__step-num{color:var(--b)}
.omsag-lp-wbz__step-ico{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;color:var(--b);
  background:linear-gradient(140deg,rgba(80,170,60,.13),rgba(170,211,55,.1));border:1px solid rgba(80,170,60,.2)}
.omsag-lp-wbz__step-ico svg{width:28px;height:28px}
.omsag-lp-wbz__step-title{margin:0;min-height:2.6em;width:100%;min-width:0;
  font-size:13.5px;font-weight:700;letter-spacing:-.012em;line-height:1.3;color:var(--ink)}

/* Qualitaetsgates unter den passenden Schritten */
.omsag-lp-wbz__gates{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:var(--gap);margin-top:0}
.omsag-lp-wbz__gate{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:8px;min-width:0;
  margin-top:0}
.omsag-lp-wbz__gate::before{content:"";width:1.5px;height:16px;
  background:repeating-linear-gradient(180deg,rgba(80,170,60,.55) 0 4px,transparent 4px 8px)}
.omsag-lp-wbz__gate-mark{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;transform:rotate(45deg);
  color:var(--b);background:#fff;border:1px solid rgba(80,170,60,.4)}
.omsag-lp-wbz__gate-mark svg{width:15px;height:15px;transform:rotate(-45deg)}
.omsag-lp-wbz__gate-label{font-size:11px;font-weight:600;line-height:1.3;color:var(--mut);text-align:center}

/* Spuren */
.omsag-lp-wbz__lanes{margin-top:clamp(30px,3.6vw,44px);display:flex;flex-direction:column;gap:10px}
.omsag-lp-wbz__lanes-label{display:flex;align-items:center;gap:12px;margin:0 0 4px;
  font-size:11.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--mut)}
.omsag-lp-wbz__lanes-label span{width:26px;height:1.5px;border-radius:2px;background:var(--grad)}
.omsag-lp-wbz__lane{position:relative;display:grid;grid-template-columns:44px 200px minmax(0,1fr);gap:16px;align-items:center;
  margin-left:calc(var(--l) * var(--lstair));margin-right:var(--tip);
  min-height:var(--lh);padding:14px 18px 14px 16px;background:#fff;border-radius:16px 0 0 16px;
  filter:drop-shadow(0 12px 24px rgba(15,17,21,.07))}
/* Pfeilspitze: gedrehtes Quadrat, ungleich skaliert -> flache Spitze mit runder Kuppe */
.omsag-lp-wbz__lane::after{content:"";position:absolute;top:50%;right:0;width:40px;height:40px;
  border-radius:0 10px 0 0;background:#fff;
  transform:translate(50%,-50%) scale(calc(var(--tipn) / 28.28),calc(var(--lhn) / 56.57)) rotate(45deg)}
.omsag-lp-wbz__lane-ico{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:var(--b);
  background:var(--bga);border:1px solid var(--ln)}
.omsag-lp-wbz__lane-ico svg{width:23px;height:23px}
.omsag-lp-wbz__lane-title{font-size:15.5px;font-weight:700;letter-spacing:-.015em;color:var(--ink);line-height:1.3}
.omsag-lp-wbz__lane-body{min-width:0;font-size:14px;line-height:1.5;color:var(--ts)}

/* Fuss */
.omsag-lp-wbz__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:16px clamp(20px,3vw,36px);
  margin-top:clamp(28px,3.4vw,42px);padding-top:clamp(22px,2.6vw,30px);border-top:1px solid var(--ln)}
.omsag-lp-wbz__proof{display:flex;align-items:center;gap:14px}
.omsag-lp-wbz__proof-ico{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--b);
  background:#fff;border:1px solid var(--ln)}
.omsag-lp-wbz__proof-ico svg{width:21px;height:21px}
.omsag-lp-wbz__proof-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.omsag-lp-wbz__proof-body span{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.omsag-lp-wbz__proof-body strong{font-size:15px;font-weight:700;color:var(--ink);line-height:1.35}
.omsag-lp-wbz__btn{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border-radius:var(--pill);
  background:linear-gradient(135deg,#232730,#3a4150);color:#fff;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;
  transition:transform .25s var(--ez),box-shadow .25s var(--ez)}
.omsag-lp-wbz__btn svg{width:18px;height:18px;transition:transform .25s var(--ez)}
.omsag-lp-wbz__btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(35,39,48,.5)}
.omsag-lp-wbz__btn:hover svg{transform:translateX(4px)}

/* Reveal */
.omsag-lp-wbz.wbz-anim .omsag-lp-wbz__overline,.omsag-lp-wbz.wbz-anim .omsag-lp-wbz__headline,
.omsag-lp-wbz.wbz-anim .omsag-lp-wbz__subline,.omsag-lp-wbz.wbz-anim .omsag-lp-wbz__step,
.omsag-lp-wbz.wbz-anim .omsag-lp-wbz__gate,.omsag-lp-wbz.wbz-anim .omsag-lp-wbz__lanes-label,
.omsag-lp-wbz.wbz-anim .omsag-lp-wbz__lane,.omsag-lp-wbz.wbz-anim .omsag-lp-wbz__foot{opacity:0;transform:translateY(16px)}
.omsag-lp-wbz.wbz-anim.is-in .omsag-lp-wbz__overline{animation:wbz-up .6s var(--ez) .02s forwards}
.omsag-lp-wbz.wbz-anim.is-in .omsag-lp-wbz__headline{animation:wbz-up .7s var(--ez) .08s forwards}
.omsag-lp-wbz.wbz-anim.is-in .omsag-lp-wbz__subline{animation:wbz-up .7s var(--ez) .16s forwards}
.omsag-lp-wbz.wbz-anim.is-in .omsag-lp-wbz__step{animation:wbz-up .6s var(--ez) forwards;animation-delay:calc(.24s + var(--s) * .08s)}
.omsag-lp-wbz.wbz-anim.is-in .omsag-lp-wbz__gate{animation:wbz-up .56s var(--ez) forwards;animation-delay:calc(.62s + var(--g) * .08s)}
.omsag-lp-wbz.wbz-anim.is-in .omsag-lp-wbz__lanes-label{animation:wbz-up .6s var(--ez) .8s forwards}
.omsag-lp-wbz.wbz-anim.is-in .omsag-lp-wbz__lane{animation:wbz-up .62s var(--ez) forwards;animation-delay:calc(.86s + var(--l) * .09s)}
.omsag-lp-wbz.wbz-anim.is-in .omsag-lp-wbz__foot{animation:wbz-up .64s var(--ez) 1.16s forwards}
@keyframes wbz-up{to{opacity:1;transform:none}}

/* Responsive */
@media(max-width:1080px){
  .omsag-lp-wbz{--n:3}
  /* gestapeltes Layout: Spurhoehen variieren, darum ohne Spitze und rundum gerundet */
  .omsag-lp-wbz__lane{border-radius:16px;min-height:0;margin-right:0}
  .omsag-lp-wbz__lane::after{display:none}
  .omsag-lp-wbz__steps{row-gap:14px}
  .omsag-lp-wbz__step:nth-child(3n)::after{display:none}
  .omsag-lp-wbz__gates{display:none}
  .omsag-lp-wbz__lane{grid-template-columns:44px minmax(0,1fr);row-gap:6px}
  .omsag-lp-wbz__lane-body{grid-column:2}
}
@media(max-width:640px){
  .omsag-lp-wbz{--n:2;--tipn:13;--lstair:0px}
  .omsag-lp-wbz__step:nth-child(3n)::after{display:block}
  .omsag-lp-wbz__step:nth-child(2n)::after{display:none}
  .omsag-lp-wbz__step:last-child::after{display:none}
  .omsag-lp-wbz__btn{width:100%;justify-content:space-between}
}

@media(prefers-reduced-motion:reduce){
  .omsag-lp-wbz.wbz-anim [class*="omsag-lp-wbz__"]{opacity:1!important;animation:none!important}
  .omsag-lp-wbz.wbz-anim [class*="omsag-lp-wbz__"]:not(.omsag-lp-wbz__gate-mark){transform:none}
  .omsag-lp-wbz__step:hover{transform:none}
}

.omsag-lp-wbz :is(h1,h2,h3,p,li,span,strong,b,em){overflow-wrap:break-word}