/* OMSAG LP · Web · 03 Engpässe — hellgrau. JS setzt .wbe-anim -> .is-in. */
.omsag-lp-wbe{
  --b:var(--omsag-lp-brand,#50aa3c);--bl:var(--omsag-lp-lime,#aad337);--warn:#d2694f;
  --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);
  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 90% 4%,rgba(210,105,79,.07),transparent 44%),var(--sec);
}
.omsag-lp-wbe,.omsag-lp-wbe *,.omsag-lp-wbe *::before,.omsag-lp-wbe *::after{box-sizing:border-box}
.omsag-lp-wbe a:focus,.omsag-lp-wbe a:focus-visible{outline:none;box-shadow:none}
.omsag-lp-wbe__container{position:relative;z-index:1;width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(20px,2.5vw,28px)}

.omsag-lp-wbe__head{max-width:66ch;margin:0 auto clamp(32px,4vw,46px);text-align:center}
.omsag-lp-wbe__overline{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--b)}
.omsag-lp-wbe__headline{margin:0 auto 16px;max-width:23ch;font-size:clamp(30px,4vw,46px);font-weight:700;letter-spacing:-.026em;line-height:1.08}
.omsag-lp-wbe__subline{margin:0 auto;max-width:76ch;font-size:clamp(15.5px,1.25vw,18px);line-height:1.6;color:var(--ts)}

/* Drei Perspektiven — der Faden dazwischen reisst */
.omsag-lp-wbe__persp{--gapw:clamp(40px,4.4vw,64px);--sy:calc(clamp(20px,2.2vw,26px) + 62px);--off:0px;
  display:grid;grid-template-columns:minmax(0,1fr) var(--gapw) minmax(0,1fr) var(--gapw) minmax(0,1fr);
  align-items:stretch;gap:0}
.omsag-lp-wbe__card{position:relative;display:flex;flex-direction:column;min-width:0;
  padding:clamp(20px,2.2vw,26px);border-radius:var(--r);background:#fff;border:1px solid var(--ln);
  box-shadow:0 22px 48px -40px rgba(15,17,21,.5);
  transition:border-color .3s var(--ez),transform .3s var(--ez),box-shadow .3s var(--ez)}
.omsag-lp-wbe__card:hover{border-color:rgba(210,105,79,.28);transform:translateY(-2px);box-shadow:0 26px 52px -34px rgba(15,17,21,.45)}
.omsag-lp-wbe__card-head{display:flex;align-items:center;gap:14px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--ln)}
.omsag-lp-wbe__card-ico{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:var(--ink);
  background:var(--bga);border:1px solid var(--ln)}
.omsag-lp-wbe__card-ico svg{width:24px;height:24px}
.omsag-lp-wbe__card-title{margin:0;font-size:clamp(17px,1.5vw,20px);font-weight:700;letter-spacing:-.018em;line-height:1.25}
.omsag-lp-wbe__card-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.omsag-lp-wbe__card-list li{position:relative;padding-left:20px;font-size:14.5px;line-height:1.5;color:var(--ts)}
.omsag-lp-wbe__card-list li::before{content:"";position:absolute;left:2px;top:8px;width:7px;height:7px;border-radius:50%;
  background:var(--warn);opacity:.7}

/* Bruchstelle: zwei kurze Enden auf leicht versetzter Hoehe, dazwischen eine Luecke */
.omsag-lp-wbe__break{position:relative;align-self:stretch}
.omsag-lp-wbe__break-end{position:absolute;top:var(--sy);width:calc(50% - 9px);height:2px;border-radius:2px;
  background:rgba(210,105,79,.45)}
.omsag-lp-wbe__break-end::after{content:"";position:absolute;top:-2px;width:6px;height:6px;border-radius:50%;
  background:var(--warn);opacity:.75}
.omsag-lp-wbe__break-end--l{left:0;margin-top:calc(var(--off) * -.5)}
.omsag-lp-wbe__break-end--l::after{right:-1px}
.omsag-lp-wbe__break-end--r{right:0;margin-top:calc(var(--off) * .5)}
.omsag-lp-wbe__break-end--r::after{left:-1px}
.omsag-lp-wbe__break-mark{position:absolute;left:50%;top:calc(var(--sy) - 27px);transform:translateX(-50%);
  display:grid;place-items:center;color:var(--warn);opacity:.7}
.omsag-lp-wbe__break-mark svg{width:15px;height:15px;display:block}
.omsag-lp-wbe__break-gap{position:absolute;left:calc(50% - .75px);top:calc(var(--sy) - 9px);width:1.5px;height:20px;
  border-radius:2px;background:repeating-linear-gradient(180deg,rgba(210,105,79,.5) 0 3px,transparent 3px 6px)}

/* Zusammenlauf */
.omsag-lp-wbe__funnel{position:relative;height:76px;margin-top:clamp(14px,1.8vw,22px)}
.omsag-lp-wbe__funnel svg{display:block;width:100%;height:76px}
.omsag-lp-wbe__funnel-line{stroke:rgba(138,147,163,.42);stroke-width:1.4;opacity:1;stroke-linecap:round;
  vector-effect:non-scaling-stroke;fill:none}
.omsag-lp-wbe__funnel-tip{position:absolute;left:calc(50% - 5px);bottom:0;width:0;height:0;
  border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid rgba(138,147,163,.5)}

.omsag-lp-wbe__goal{position:relative;width:fit-content;max-width:100%;margin:0 auto;
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px clamp(18px,2.4vw,30px);
  padding:clamp(20px,2.2vw,26px) clamp(22px,2.6vw,32px);border-radius:var(--rl);
  background:linear-gradient(140deg,rgba(80,170,60,.1),rgba(255,255,255,.9) 62%),#fff;
  border:1px solid rgba(80,170,60,.24);box-shadow:0 26px 56px -44px rgba(45,100,60,.5)}
.omsag-lp-wbe__goal-ico{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:15px;color:var(--b);
  background:#fff;border:1px solid rgba(80,170,60,.24)}
.omsag-lp-wbe__goal-ico svg{width:27px;height:27px}
.omsag-lp-wbe__goal-body{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px clamp(16px,2.2vw,28px);min-width:0}
.omsag-lp-wbe__goal-title{font-size:clamp(17px,1.5vw,20px);font-weight:700;letter-spacing:-.018em;color:var(--ink)}
.omsag-lp-wbe__goal-list{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px 0;margin:0;padding:0}
.omsag-lp-wbe__goal-list li{position:relative;padding:0 clamp(12px,1.6vw,20px);font-size:14.5px;font-weight:600;color:var(--ts);line-height:1.3}
.omsag-lp-wbe__goal-list li+li::before{content:"";position:absolute;left:0;top:50%;width:1px;height:16px;margin-top:-8px;background:var(--ln)}
.omsag-lp-wbe__goal-list li:first-child{padding-left:0}

/* Fuss: Audit-Hinweis + Zitat */
.omsag-lp-wbe__foot{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(16px,2.2vw,26px);
  margin-top:clamp(28px,3.4vw,44px);padding-top:clamp(26px,3vw,36px);border-top:1px solid var(--ln)}
.omsag-lp-wbe__note{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start}
.omsag-lp-wbe__note-ico{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:var(--b);
  background:#fff;border:1px solid var(--ln)}
.omsag-lp-wbe__note-ico svg{width:23px;height:23px}
.omsag-lp-wbe__note-body{display:flex;flex-direction:column;gap:7px;min-width:0}
.omsag-lp-wbe__note-body strong{font-size:16px;font-weight:700;color:var(--ink);line-height:1.3}
.omsag-lp-wbe__note-body p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ts)}
.omsag-lp-wbe__note-link{display:inline-flex;align-items:center;gap:9px;margin-top:3px;color:var(--ink);font-size:14.5px;font-weight:600;text-decoration:none}
.omsag-lp-wbe__note-link span{border-bottom:1.5px solid rgba(80,170,60,.5);padding-bottom:2px;transition:border-color .25s var(--ez)}
.omsag-lp-wbe__note-link svg{width:17px;height:17px;color:var(--b);transition:transform .25s var(--ez)}
.omsag-lp-wbe__note-link:hover span{border-color:var(--b)}
.omsag-lp-wbe__note-link:hover svg{transform:translateX(4px)}

.omsag-lp-wbe__quote{position:relative;margin:0;padding:clamp(18px,2vw,24px);border-radius:var(--r);
  background:#fff;border:1px solid var(--ln);overflow:hidden}
.omsag-lp-wbe__quote-mark{position:absolute;top:12px;right:14px;color:rgba(35,39,48,.05)}
.omsag-lp-wbe__quote-mark svg{width:50px;height:50px;display:block}
.omsag-lp-wbe__quote blockquote{position:relative;z-index:1;margin:0}
.omsag-lp-wbe__quote blockquote p{margin:0;font-size:15px;line-height:1.6;font-weight:500;font-style:italic;color:var(--ink)}
.omsag-lp-wbe__quote figcaption{position:relative;z-index:1;margin-top:12px;font-size:12.5px;font-weight:600;color:var(--mut)}

/* Reveal */
.omsag-lp-wbe.wbe-anim .omsag-lp-wbe__overline,.omsag-lp-wbe.wbe-anim .omsag-lp-wbe__headline,
.omsag-lp-wbe.wbe-anim .omsag-lp-wbe__subline,.omsag-lp-wbe.wbe-anim .omsag-lp-wbe__card,
.omsag-lp-wbe.wbe-anim .omsag-lp-wbe__goal,.omsag-lp-wbe.wbe-anim .omsag-lp-wbe__note,
.omsag-lp-wbe.wbe-anim .omsag-lp-wbe__quote{opacity:0;transform:translateY(18px)}
.omsag-lp-wbe.wbe-anim .omsag-lp-wbe__break,.omsag-lp-wbe.wbe-anim .omsag-lp-wbe__funnel{opacity:0}
.omsag-lp-wbe.wbe-anim.is-in .omsag-lp-wbe__overline{animation:wbe-up .6s var(--ez) .02s forwards}
.omsag-lp-wbe.wbe-anim.is-in .omsag-lp-wbe__headline{animation:wbe-up .7s var(--ez) .08s forwards}
.omsag-lp-wbe.wbe-anim.is-in .omsag-lp-wbe__subline{animation:wbe-up .7s var(--ez) .16s forwards}
.omsag-lp-wbe.wbe-anim.is-in .omsag-lp-wbe__card{animation:wbe-up .66s var(--ez) forwards;animation-delay:calc(.24s + var(--p) * .1s)}
.omsag-lp-wbe.wbe-anim.is-in .omsag-lp-wbe__break{animation:wbe-in .5s var(--ez) forwards;animation-delay:calc(.6s + var(--p) * .1s)}
.omsag-lp-wbe.wbe-anim.is-in .omsag-lp-wbe__funnel{animation:wbe-in .6s var(--ez) .62s forwards}
.omsag-lp-wbe.wbe-anim.is-in .omsag-lp-wbe__goal{animation:wbe-up .7s var(--ez) .7s forwards}
.omsag-lp-wbe.wbe-anim.is-in .omsag-lp-wbe__note{animation:wbe-up .66s var(--ez) .82s forwards}
.omsag-lp-wbe.wbe-anim.is-in .omsag-lp-wbe__quote{animation:wbe-up .66s var(--ez) .9s forwards}
@keyframes wbe-up{to{opacity:1;transform:none}}
@keyframes wbe-in{to{opacity:1}}

/* Responsive */
@media(max-width:1080px){
  /* gestapelt: die Bruchstelle kippt in die Senkrechte */
  .omsag-lp-wbe__persp{grid-template-columns:1fr;gap:0}
  .omsag-lp-wbe__break{height:52px;align-self:auto}
  .omsag-lp-wbe__break-end{top:auto;bottom:auto;left:50%;width:2px;height:17px;margin:0;transform:translateX(-50%)}
  .omsag-lp-wbe__break-end--l{top:0}
  .omsag-lp-wbe__break-end--r{top:auto;bottom:0;right:auto}
  .omsag-lp-wbe__break-end::after{top:auto;left:50%;transform:translateX(-50%)}
  .omsag-lp-wbe__break-end--l::after{right:auto;bottom:-1px}
  .omsag-lp-wbe__break-end--r::after{left:50%;top:-1px}
  .omsag-lp-wbe__break-gap{left:calc(50% - 10px);top:calc(50% - .75px);width:20px;height:1.5px;
    background:repeating-linear-gradient(90deg,rgba(210,105,79,.5) 0 3px,transparent 3px 6px)}
  .omsag-lp-wbe__break-mark{left:calc(50% + 18px);top:calc(50% - 8px);transform:none}
  .omsag-lp-wbe__funnel{height:52px;margin-top:8px}
  .omsag-lp-wbe__funnel svg{height:52px}
  .omsag-lp-wbe__foot{grid-template-columns:1fr}
}
@media(max-width:640px){
  .omsag-lp-wbe__goal{gap:14px}
  .omsag-lp-wbe__goal-list li{padding:0 12px}
  .omsag-lp-wbe__goal-list li:first-child{padding-left:0}
}

@media(prefers-reduced-motion:reduce){
  .omsag-lp-wbe.wbe-anim [class*="omsag-lp-wbe__"]{opacity:1!important;transform:none!important;animation:none!important}
  .omsag-lp-wbe__card:hover{transform:none}
}

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