/* OMSAG LP · Data & CRM · 08 Wirkung — Light. JS setzt .daw-anim -> .is-in und wandert durch die Projektschritte. */
.omsag-lp-daw{
  --b:var(--omsag-lp-brand,#50aa3c);--bl:var(--omsag-lp-lime,#aad337);--sky:#6fb4dd;
  --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);--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(72px,8vw,112px) 0;
  background:radial-gradient(circle at 90% 6%,rgba(80,170,60,.1),transparent 44%),var(--omsag-lp-bg-alt,#f9faf8);
}
.omsag-lp-daw,.omsag-lp-daw *,.omsag-lp-daw *::before,.omsag-lp-daw *::after{box-sizing:border-box}
.omsag-lp-daw a:focus,.omsag-lp-daw a:focus-visible{outline:none;box-shadow:none}
.omsag-lp-daw__container{position:relative;z-index:1;width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(20px,2.5vw,28px)}

.omsag-lp-daw__head{margin:0 0 clamp(28px,3.4vw,44px)}
.omsag-lp-daw__overline{margin:0 0 16px;color:var(--b);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.omsag-lp-daw__headline{margin:0 0 16px;max-width:24ch;font-size:clamp(30px,4vw,46px);font-weight:700;letter-spacing:-.026em;line-height:1.08;color:var(--ink)}
.omsag-lp-daw__body{margin:0;max-width:70ch;font-size:clamp(16px,1.25vw,18px);line-height:1.62;color:var(--ts)}

.omsag-lp-daw__layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(18px,2.2vw,28px);align-items:start}
.omsag-lp-daw__groups{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px)}

.omsag-lp-daw__group{padding:clamp(20px,2.2vw,28px);border-radius:20px;border:1px solid var(--ln);background:#fff;
  transition:border-color .3s var(--ez),box-shadow .3s var(--ez)}
.omsag-lp-daw__group:hover{border-color:rgba(80,170,60,.24);box-shadow:0 24px 50px -40px rgba(35,39,48,.4)}
.omsag-lp-daw__group-head{display:flex;align-items:center;gap:13px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--ln)}
.omsag-lp-daw__group-ico{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:var(--b);
  background:#f3f8f1;border:1px solid rgba(80,170,60,.18)}
.omsag-lp-daw__group-ico svg{width:23px;height:23px}
.omsag-lp-daw__group-head strong{font-size:clamp(16px,1.4vw,19px);font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.omsag-lp-daw__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px}
.omsag-lp-daw__list li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:flex-start}
.omsag-lp-daw__list li>span{width:24px;height:24px;margin-top:1px;display:grid;place-items:center;border-radius:50%;color:var(--b);
  background:rgba(80,170,60,.1);border:1px solid rgba(80,170,60,.2)}
.omsag-lp-daw__list li>span svg{width:14px;height:14px}
.omsag-lp-daw__list strong{display:block;margin-bottom:3px;font-size:15px;font-weight:700;letter-spacing:-.014em;color:var(--ink);line-height:1.25}
.omsag-lp-daw__list small{display:block;font-size:13.5px;line-height:1.5;color:var(--ts)}

/* Case */
.omsag-lp-daw__case{padding:clamp(22px,2.6vw,32px);border-radius:24px;border:1px solid var(--ln);background:#fff;
  box-shadow:0 34px 72px -50px rgba(35,39,48,.42)}
.omsag-lp-daw__case-head{margin-bottom:clamp(18px,2.2vw,24px)}
.omsag-lp-daw__case-label{display:inline-block;margin-bottom:10px;padding:6px 12px;border-radius:999px;font-size:10.5px;font-weight:700;
  letter-spacing:.13em;text-transform:uppercase;color:var(--b);background:rgba(80,170,60,.1);border:1px solid rgba(80,170,60,.22)}
.omsag-lp-daw__case-head h3{margin:0 0 10px;font-size:clamp(18px,1.7vw,23px);font-weight:700;letter-spacing:-.022em;line-height:1.18;color:var(--ink)}
.omsag-lp-daw__case-note{display:flex;align-items:center;gap:8px;margin:0;font-size:12.5px;line-height:1.45;color:var(--mut)}
.omsag-lp-daw__case-note svg{width:15px;height:15px;flex:0 0 15px}

.omsag-lp-daw__steps{list-style:none;margin:0 0 clamp(20px,2.4vw,28px);padding:0;display:flex;flex-direction:column;gap:8px}
.omsag-lp-daw__step{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;align-items:flex-start;
  padding:12px 14px;border-radius:13px;border:1px solid transparent;transition:background .35s var(--ez),border-color .35s var(--ez)}
.omsag-lp-daw__step.is-hot{background:var(--omsag-lp-bg-alt,#f9faf8);border-color:rgba(80,170,60,.24)}
.omsag-lp-daw__step-num{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-size:12.5px;font-weight:700;
  color:var(--ts);background:#f1f3f1;border:1px solid var(--ln);transition:background .35s var(--ez),color .35s var(--ez),border-color .35s var(--ez)}
.omsag-lp-daw__step.is-hot .omsag-lp-daw__step-num{background:var(--omsag-lp-brand-grad,linear-gradient(135deg,#50aa3c,#aad337));color:#fff;border-color:transparent}
.omsag-lp-daw__step strong{display:block;margin-bottom:2px;font-size:14.5px;font-weight:700;letter-spacing:-.014em;color:var(--ink)}
.omsag-lp-daw__step small{display:block;font-size:13.5px;line-height:1.45;color:var(--ts)}

/* Vorher / Nachher */
.omsag-lp-daw__ba{display:grid;grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr);gap:clamp(10px,1.4vw,16px);align-items:center;
  padding:clamp(16px,2vw,22px);border-radius:20px;background:var(--omsag-lp-bg-alt,#f9faf8);border:1px solid var(--ln)}
.omsag-lp-daw__ba-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.omsag-lp-daw__ba-label{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.omsag-lp-daw__ba-col--after .omsag-lp-daw__ba-label{color:var(--b)}
.omsag-lp-daw__ba-chips{display:flex;flex-wrap:wrap;gap:6px}
.omsag-lp-daw__ba-chips span{padding:7px 12px;border-radius:9px;font-size:12.5px;font-weight:600;background:#fff;border:1px solid var(--ln);color:var(--ts)}
.omsag-lp-daw__ba-col--after .omsag-lp-daw__ba-chips span{color:var(--ink);border-color:rgba(80,170,60,.26);background:linear-gradient(140deg,#f3f9f0,#fff)}
.omsag-lp-daw__ba-col small{font-size:12px;line-height:1.4;color:var(--mut)}
.omsag-lp-daw__ba-hub{display:flex;flex-direction:column;align-items:center;gap:8px}
.omsag-lp-daw__ba-core{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;color:#fff;
  background:var(--omsag-lp-brand-grad,linear-gradient(135deg,#50aa3c,#aad337));box-shadow:0 16px 32px -18px rgba(80,170,60,.8)}
.omsag-lp-daw__ba-core svg{width:26px;height:26px}
.omsag-lp-daw__ba-hub b{max-width:100px;text-align:center;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--b);line-height:1.3}
.omsag-lp-daw__ba-flowin,.omsag-lp-daw__ba-flowout{display:flex;gap:5px}
.omsag-lp-daw__ba-flowin i,.omsag-lp-daw__ba-flowout i{width:6px;height:6px;border-radius:50%;background:var(--b);opacity:.25;
  animation:daw-blink 1.8s ease-in-out infinite}
.omsag-lp-daw__ba-flowin i:nth-child(2),.omsag-lp-daw__ba-flowout i:nth-child(2){animation-delay:.2s}
.omsag-lp-daw__ba-flowin i:nth-child(3),.omsag-lp-daw__ba-flowout i:nth-child(3){animation-delay:.4s}
.omsag-lp-daw__ba-flowout i{background:var(--bl)}

.omsag-lp-daw__cta{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(20px,2.4vw,28px);padding:16px 28px;border-radius:999px;
  background:linear-gradient(135deg,#232730,#3a4150);color:#fff;text-decoration:none;font-size:15px;font-weight:600;
  transition:transform .25s var(--ez),box-shadow .25s var(--ez)}
.omsag-lp-daw__cta svg{width:18px;height:18px;transition:transform .25s var(--ez)}
.omsag-lp-daw__cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(35,39,48,.5)}
.omsag-lp-daw__cta:hover svg{transform:translateX(4px)}

/* HubSpot-Partner-Badge unter „Wirkung in der Organisation“ */
.omsag-lp-daw__partner{display:flex;align-items:center;gap:16px;padding:16px 20px 16px 16px;border-radius:20px;
  border:1px solid var(--ln);background:#fff;transition:border-color .3s var(--ez),box-shadow .3s var(--ez)}
.omsag-lp-daw__partner:hover{border-color:rgba(80,170,60,.24);box-shadow:0 24px 50px -40px rgba(35,39,48,.4)}
.omsag-lp-daw__partner-badge{flex:0 0 72px;width:72px;height:72px;object-fit:contain;border-radius:12px;display:block;background:#eef0f1}
.omsag-lp-daw__partner-body{min-width:0;display:flex;flex-direction:column;gap:3px}
.omsag-lp-daw__partner-body strong{font-size:clamp(15px,1.25vw,17px);font-weight:700;letter-spacing:-.016em;line-height:1.25;color:var(--ink)}
.omsag-lp-daw__partner-body span{font-size:12.5px;font-weight:600;letter-spacing:.06em;color:var(--mut)}

@keyframes daw-blink{0%,100%{opacity:.2}50%{opacity:1}}

/* Reveal */
.omsag-lp-daw.daw-anim .omsag-lp-daw__overline,.omsag-lp-daw.daw-anim .omsag-lp-daw__headline,
.omsag-lp-daw.daw-anim .omsag-lp-daw__body,.omsag-lp-daw.daw-anim .omsag-lp-daw__group,
.omsag-lp-daw.daw-anim .omsag-lp-daw__case,.omsag-lp-daw.daw-anim .omsag-lp-daw__partner{opacity:0;transform:translateY(18px)}
.omsag-lp-daw.daw-anim.is-in .omsag-lp-daw__overline{animation:daw-up .6s var(--ez) .02s forwards}
.omsag-lp-daw.daw-anim.is-in .omsag-lp-daw__headline{animation:daw-up .7s var(--ez) .1s forwards}
.omsag-lp-daw.daw-anim.is-in .omsag-lp-daw__body{animation:daw-up .7s var(--ez) .18s forwards}
.omsag-lp-daw.daw-anim.is-in .omsag-lp-daw__group{animation:daw-up .7s var(--ez) forwards;animation-delay:calc(.26s + var(--i) * .12s)}
.omsag-lp-daw.daw-anim.is-in .omsag-lp-daw__case{animation:daw-up .8s var(--ez) .34s forwards}
.omsag-lp-daw.daw-anim.is-in .omsag-lp-daw__partner{animation:daw-up .7s var(--ez) .52s forwards}
@keyframes daw-up{to{opacity:1;transform:none}}

@media(max-width:1080px){
  .omsag-lp-daw__layout{grid-template-columns:1fr}
}
@media(max-width:680px){
  .omsag-lp-daw__ba{grid-template-columns:1fr;gap:16px}
  .omsag-lp-daw__ba-hub{flex-direction:row;justify-content:center}
  .omsag-lp-daw__ba-hub b{max-width:none}
}
@media(prefers-reduced-motion:reduce){
  .omsag-lp-daw.daw-anim [class*="omsag-lp-daw__"]{opacity:1!important;transform:none!important}
  .omsag-lp-daw *{animation:none!important}
}

/* Lange Komposita duerfen nie ueberlaufen */
.omsag-lp-daw :is(h1,h2,h3,h4,p,strong,small,em,b,span,dd,li){overflow-wrap:break-word}