/* OMSAG LP · Web · 01 Hero — Dark. JS setzt .wbh-anim -> .is-in; rechts die animierte Experience-Stage. */
.omsag-lp-wbh{
  --b:var(--omsag-lp-brand,#50aa3c);--bl:var(--omsag-lp-lime,#aad337);--sky:#6fb4dd;
  --grad:var(--omsag-lp-brand-grad,linear-gradient(135deg,#50aa3c,#aad337));
  --ink:var(--omsag-lp-ink,#232730);--tx:#f3f6f7;--ts:#9eabb5;--mut:#6f7d87;
  --ln:rgba(150,190,195,.14);--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);
  /* Aliase fuer die portierte Stage */
  --brand:var(--b);--lime:var(--bl);--gradient:var(--grad);
  --icon-gradient:linear-gradient(135deg,var(--sky),var(--b) 58%,var(--bl));
  --pill:var(--omsag-lp-pill,999px);--radius:18px;--radius-lg:28px;--ease:var(--ez);
  position:relative;isolation:isolate;overflow:hidden;font-family:var(--font);color:var(--tx);
  -webkit-font-smoothing:antialiased;padding:clamp(84px,9.5vw,124px) 0 clamp(52px,6vw,80px);
  background:radial-gradient(circle at 4% -4%,rgba(80,170,60,.24),transparent 44%),
             radial-gradient(circle at 96% 88%,rgba(111,180,221,.16),transparent 46%),var(--ink);
}
.omsag-lp-wbh,.omsag-lp-wbh *,.omsag-lp-wbh *::before,.omsag-lp-wbh *::after{box-sizing:border-box}
.omsag-lp-wbh a:focus,.omsag-lp-wbh a:focus-visible{outline:none;box-shadow:none}

.omsag-lp-wbh__ambient{position:absolute;z-index:0;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none}
.omsag-lp-wbh__ambient--a{width:380px;height:380px;top:-130px;left:52%;background:rgba(80,170,60,.5);animation:wbh-float 15s ease-in-out infinite}
.omsag-lp-wbh__ambient--b{width:300px;height:300px;bottom:-110px;left:2%;background:rgba(111,180,221,.38);animation:wbh-float 19s ease-in-out infinite reverse}

.omsag-lp-wbh__container{position:relative;z-index:1;width:100%;max-width:1430px;margin:0 auto;padding:0 clamp(20px,2.5vw,28px);
  display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(32px,3.6vw,56px);align-items:center}
.omsag-lp-wbh__copy{min-width:0}

.omsag-lp-wbh__overline{display:block;margin:0 0 20px;
  font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bl)}
.omsag-lp-wbh__headline{margin:0 0 22px;max-width:18ch;font-size:clamp(32px,3.4vw,46px);font-weight:700;letter-spacing:-.03em;line-height:1.06;color:var(--tx)}
.omsag-lp-wbh__headline em{font-style:normal;background:linear-gradient(100deg,var(--bl),var(--sky));-webkit-background-clip:text;background-clip:text;color:transparent}
.omsag-lp-wbh__subline{margin:0 0 30px;max-width:52ch;font-size:clamp(15px,1.1vw,17px);line-height:1.62;color:var(--ts)}

.omsag-lp-wbh__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.omsag-lp-wbh__btn{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border:0;border-radius:var(--pill);
  background:var(--grad);color:#fff;font-size:15px;font-weight:600;line-height:1.25;text-decoration:none;text-align:left;
  transition:transform .25s var(--ez),box-shadow .25s var(--ez)}
.omsag-lp-wbh__btn svg{width:18px;height:18px;flex:0 0 18px;transition:transform .25s var(--ez)}
.omsag-lp-wbh__btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 18px 44px -14px rgba(80,170,60,.55)}
.omsag-lp-wbh__btn:hover svg{transform:translateX(4px)}
.omsag-lp-wbh__link{display:inline-flex;align-items:center;gap:9px;color:#dfe8e6;font-size:15px;font-weight:600;text-decoration:none}
.omsag-lp-wbh__link span{border-bottom:1.5px solid rgba(170,211,55,.6);padding-bottom:2px;transition:border-color .25s var(--ez)}
.omsag-lp-wbh__link svg{width:17px;height:17px;color:var(--bl);transition:transform .25s var(--ez)}
.omsag-lp-wbh__link:hover{color:#fff}
.omsag-lp-wbh__link:hover span{border-color:var(--bl)}
.omsag-lp-wbh__link:hover svg{transform:translateX(4px)}

.omsag-lp-wbh__visual{position:relative;min-width:0}

.omsag-lp-wbh .wbh-experience-stage{position: relative; overflow: hidden; border: 1px solid rgba(141,183,187,.25); border-radius: 24px; background: linear-gradient(155deg, rgba(17,32,39,.98), rgba(10,21,27,.95)); box-shadow: 0 45px 100px -48px rgba(0,0,0,.92);}
.omsag-lp-wbh .wbh-experience-stage::before{position: absolute; inset: 0; background: radial-gradient(circle at 88% 10%, rgba(170,211,55,.14), transparent 19rem), radial-gradient(circle at 8% 92%, rgba(111,180,221,.11), transparent 22rem); content: ""; pointer-events: none;}
.omsag-lp-wbh .wbh-stage-toolbar{position: relative; display: grid; min-height: 58px; grid-template-columns: auto 1fr; gap: 18px; align-items: center; padding: 0 18px; border-bottom: 1px solid rgba(141,183,187,.14); color: #718188; font-size: 13px;}
.omsag-lp-wbh .wbh-stage-dots{display: flex; gap: 6px;}
.omsag-lp-wbh .wbh-stage-dots i{width: 8px; height: 8px; border-radius: 50%; background: #405158;}
.omsag-lp-wbh .wbh-stage-dots i:nth-child(2){background: var(--brand);}
.omsag-lp-wbh .wbh-stage-toolbar > strong{display: inline-flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 500;}
.omsag-lp-wbh .wbh-project-mark{display: grid; width: 24px; height: 24px; place-items: center; border: 1px solid rgba(111,180,221,.3); border-radius: 7px; background: rgba(111,180,221,.09); color: var(--sky); font-size: 13px; font-style: normal; font-weight: 700;}
.omsag-lp-wbh .wbh-system-summary{display: flex; align-items: center; justify-content: flex-end; gap: 12px;}
.omsag-lp-wbh .wbh-system-summary em{display: inline-flex; align-items: center; gap: 7px; color: #84949a; font-size: 13px; font-style: normal;}
.omsag-lp-wbh .wbh-system-summary em b{width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 10px rgba(170,211,55,.8);}
.omsag-lp-wbh .wbh-system-summary > span{padding: 4px 8px; border: 1px solid rgba(111,180,221,.2); border-radius: var(--pill); color: var(--sky); font-size: 13px; font-weight: 700; letter-spacing: .06em;}
.omsag-lp-wbh .wbh-build-canvas{position: relative; min-height: 510px; overflow: hidden; margin: 16px; border: 1px solid rgba(141,183,187,.13); border-radius: 17px; background: #101e24; isolation: isolate;}
.omsag-lp-wbh .wbh-build-canvas::before{position: absolute; z-index: -1; inset: 0; background-image: linear-gradient(rgba(132,169,172,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(132,169,172,.07) 1px, transparent 1px); background-size: 27px 27px; content: "";}
.omsag-lp-wbh .wbh-build-canvas::after{position: absolute; z-index: -1; right: -120px; bottom: -140px; width: 380px; height: 380px; border-radius: 50%; background: radial-gradient(circle, rgba(111,180,221,.12), transparent 66%); content: "";}
.omsag-lp-wbh .wbh-component-dock{position: absolute; z-index: 6; top: 14px; bottom: 14px; left: 14px; display: flex; width: 146px; gap: 7px; padding: 12px 9px; border: 1px solid rgba(140,180,182,.17); border-radius: 14px; background: rgba(13,28,34,.88); box-shadow: 18px 0 40px -32px #000; backdrop-filter: blur(12px); flex-direction: column;}
.omsag-lp-wbh .wbh-component-dock > small{margin: 0 3px 3px; color: #5d6f76; font-size: 13px; font-weight: 700; letter-spacing: .07em;}
.omsag-lp-wbh .wbh-component-dock button{display: grid; min-height: 50px; grid-template-columns: 27px 1fr; gap: 7px; align-items: center; padding: 7px; border: 1px solid rgba(141,183,187,.12); border-radius: 10px; background: rgba(255,255,255,.025); color: #b7c3c1; text-align: left; cursor: grab; transition: border-color .2s ease, background .2s ease, transform .2s var(--ease);}
.omsag-lp-wbh .wbh-component-dock button:hover,
.omsag-lp-wbh .wbh-component-dock button:focus-visible{border-color: rgba(170,211,55,.45); background: rgba(80,170,60,.1); outline: none; transform: translateX(3px);}
.omsag-lp-wbh .wbh-component-dock button:active{cursor: grabbing;}
.omsag-lp-wbh .wbh-component-dock button.is-used{border-color: rgba(80,170,60,.28); color: #e8efed;}
.omsag-lp-wbh .wbh-experience-stage[data-active="0"] .wbh-component-dock [data-builder-component="content"],
.omsag-lp-wbh .wbh-experience-stage[data-active="0"] .wbh-component-dock [data-builder-component="proof"],
.omsag-lp-wbh .wbh-experience-stage[data-active="1"] .wbh-component-dock [data-builder-component="form"],
.omsag-lp-wbh .wbh-experience-stage[data-active="3"] .wbh-component-dock [data-builder-component="integration"]{border-color: rgba(170,211,55,.42); background: rgba(80,170,60,.09); color: #e8efed;}
.omsag-lp-wbh .wbh-experience-stage[data-active="0"] .wbh-component-dock [data-builder-component="content"],
.omsag-lp-wbh .wbh-experience-stage[data-active="0"] .wbh-component-dock [data-builder-component="proof"]{animation: wbh-dock-source-pick 6s var(--ease) both;}
.omsag-lp-wbh .wbh-experience-stage[data-active="1"] .wbh-component-dock [data-builder-component="form"]{animation: wbh-dock-source-pick 6s var(--ease) both;}
.omsag-lp-wbh .wbh-component-dock button > i{position: relative; display: flex; width: 27px; height: 27px; flex: 0 0 27px; align-items: center; justify-content: center; overflow: hidden; padding: 0; border: 1px solid rgba(111,180,221,.27); border-radius: 7px; color: var(--sky); font-size: 13px; font-style: normal; font-weight: 700; line-height: 1; text-align: center;}
.omsag-lp-wbh .wbh-component-dock button > i::before,
.omsag-lp-wbh .wbh-component-dock button > i::after{box-sizing: border-box; content: "";}
.omsag-lp-wbh .wbh-component-dock [data-builder-component="navigation"] > i::before{width: 12px; height: 2px; border-radius: 2px; background: currentColor; box-shadow: 0 -4px 0 currentColor, 0 4px 0 currentColor;}
.omsag-lp-wbh .wbh-component-dock [data-builder-component="content"] > i::before{content: "Aa"; font-size: 13px; line-height: 1; transform: translateY(-.5px);}
.omsag-lp-wbh .wbh-component-dock [data-builder-component="proof"] > i::before{width: 13px; height: 13px; border: 1px solid currentColor; border-radius: 50%;}
.omsag-lp-wbh .wbh-component-dock [data-builder-component="proof"] > i::after{position: absolute; width: 4px; height: 4px; border-radius: 50%; background: currentColor;}
.omsag-lp-wbh .wbh-component-dock [data-builder-component="form"] > i::before{width: 13px; height: 15px; border: 1px solid currentColor; border-radius: 2px;}
.omsag-lp-wbh .wbh-component-dock [data-builder-component="form"] > i::after{position: absolute; width: 7px; height: 1px; background: currentColor; box-shadow: 0 4px 0 currentColor; transform: translateY(-2px);}
.omsag-lp-wbh .wbh-component-dock button > span{overflow: visible; font-size: 13px; font-weight: 600; line-height: 1.05; overflow-wrap: anywhere;}
.omsag-lp-wbh .wbh-component-dock button > b{display: none;}
.omsag-lp-wbh .wbh-build-canvas.is-dragging .wbh-component-dock button:not(.is-dragging){opacity: .42;}
.omsag-lp-wbh .wbh-component-dock button.is-dragging{border-color: var(--lime); background: rgba(170,211,55,.12); transform: scale(.96);}
.omsag-lp-wbh .wbh-browser-preview{position: absolute; z-index: 2; top: 14px; left: 174px; width: calc(100% - 188px); min-width: 0; height: 482px; overflow: hidden; border: 1px solid rgba(151,190,193,.25); border-radius: 13px; background: #f4f7f4; box-shadow: 0 30px 55px -30px rgba(0,0,0,.85); transition: box-shadow .45s ease, border-color .45s ease, transform .45s var(--ease);}
.omsag-lp-wbh .wbh-preview-chrome{display: grid; min-height: 34px; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; padding: 0 11px; border-bottom: 1px solid #dbe2dd; background: #fbfcfb; color: #839088;}
.omsag-lp-wbh .wbh-preview-chrome > span{display: flex; gap: 4px;}
.omsag-lp-wbh .wbh-preview-chrome > span i{width: 6px; height: 6px; border-radius: 50%; background: #cad2cc;}
.omsag-lp-wbh .wbh-preview-chrome > span i:first-child{background: rgba(80,170,60,.65);}
.omsag-lp-wbh .wbh-preview-chrome b{overflow: hidden; font-size: 13px; font-weight: 500; text-align: center; text-overflow: ellipsis; white-space: nowrap;}
.omsag-lp-wbh .wbh-preview-chrome em{padding: 3px 7px; border: 1px solid #d9e1da; border-radius: var(--pill); color: var(--brand); font-size: 13px; font-style: normal; font-weight: 700;}
.omsag-lp-wbh .wbh-experience-page{position: relative; display: grid; height: calc(100% - 34px); min-width: 0; grid-template-columns: minmax(0,1.35fr) minmax(105px,.65fr); align-content: start; gap: 6px; overflow: auto; padding: 8px; background: #f7f9f7; transition: background .25s ease, box-shadow .25s ease; scrollbar-width: none;}
.omsag-lp-wbh .wbh-experience-page::-webkit-scrollbar{display: none;}
.omsag-lp-wbh .wbh-experience-page.is-drag-over{background: #f0f7ed; box-shadow: inset 0 0 0 2px rgba(80,170,60,.44);}
.omsag-lp-wbh .wbh-page-section{position: relative; overflow: hidden; border: 1px solid #d6ded8; border-radius: 7px; background: #fff; transition: border-color .35s ease, box-shadow .35s ease, transform .35s var(--ease);}
.omsag-lp-wbh .wbh-page-section::after{position: absolute; inset: 0; opacity: 0; background: linear-gradient(90deg, transparent, rgba(170,211,55,.18), transparent); content: ""; transform: translateX(-100%);}
.omsag-lp-wbh .wbh-page-section--navigation{display: flex; min-height: 34px; grid-column: 1 / -1; align-items: center; gap: 7px; padding: 0 10px;}
.omsag-lp-wbh .wbh-page-section--navigation small{display: none;}
.omsag-lp-wbh .wbh-page-section--navigation b{margin-right: auto; color: #233038; font-size: 13px; letter-spacing: -.04em;}
.omsag-lp-wbh .wbh-site-logo{display: flex; align-items: center; height: 15px;}
.omsag-lp-wbh .wbh-site-logo img{display: block; width: auto; height: 100%; max-width: 74px; object-fit: contain; object-position: left center;}
.omsag-lp-wbh .wbh-page-section--navigation span{width: 25px; height: 3px; border-radius: 3px; background: #aeb9b2;}
.omsag-lp-wbh .wbh-page-section--navigation i{width: 32px; height: 15px; border-radius: var(--pill); background: var(--brand);}
.omsag-lp-wbh .wbh-page-section--hero{display: grid; min-height: 128px; grid-column: 1 / -1; grid-template-columns: minmax(0,1.18fr) minmax(92px,.82fr); gap: 14px; padding: 13px; background: radial-gradient(circle at 82% 16%, rgba(170,211,55,.2), transparent 8rem), linear-gradient(135deg, #edf3ee, #fbfcfb);}
.omsag-lp-wbh .wbh-page-section--hero small,
.omsag-lp-wbh .wbh-page-section--content small{color: var(--brand); font-size: 13px; font-weight: 700; letter-spacing: .04em;}
.omsag-lp-wbh .wbh-hero-wire-copy{display: flex; min-width: 0; flex-direction: column;}
.omsag-lp-wbh .wbh-hero-wire-copy > strong{width: 79%; height: 13px; margin: 9px 0 5px; border-radius: 3px; background: #26343a;}
.omsag-lp-wbh .wbh-hero-wire-copy > span{width: 72%; height: 4px; margin-top: 6px; border-radius: 4px; background: #9ca9a2;}
.omsag-lp-wbh .wbh-hero-wire-copy > span + span{width: 54%;}
.omsag-lp-wbh .wbh-hero-wire-copy button{display: inline-flex; width: max-content; min-height: 25px; align-items: center; gap: 7px; margin-top: auto; padding: 0 10px; border: 0; border-radius: var(--pill); background: var(--gradient); color: #19351e; font-size: 13px; font-weight: 700;}
.omsag-lp-wbh .wbh-hero-wire-copy button i{font-style: normal;}
.omsag-lp-wbh .wbh-hero-wire-image{position: relative; overflow: hidden; border: 1px solid #d3ddd5; border-radius: 8px; background: linear-gradient(145deg, rgba(111,180,221,.18), rgba(80,170,60,.12));}
.omsag-lp-wbh .wbh-hero-wire-image::before{position: absolute; top: 17px; right: 18px; width: 17px; height: 17px; border: 1px solid rgba(80,170,60,.55); border-radius: 50%; background: rgba(255,255,255,.58); content: "";}
.omsag-lp-wbh .wbh-hero-wire-image::after{position: absolute; right: 14px; bottom: 14px; left: 14px; height: 47%; background: linear-gradient(145deg, rgba(111,180,221,.42), rgba(80,170,60,.3)); clip-path: polygon(0 100%, 0 67%, 27% 30%, 44% 58%, 67% 8%, 100% 72%, 100% 100%); content: "";}
.omsag-lp-wbh .wbh-hero-wire-image > i{position: absolute; inset: 8px; border: 1px dashed rgba(79,107,95,.16); border-radius: 6px;}
.omsag-lp-wbh .wbh-hero-wire-image > span{position: absolute; top: 12px; left: 12px; width: 31px; height: 4px; border-radius: 3px; background: rgba(54,76,67,.32);}
.omsag-lp-wbh .wbh-hero-wire-image > b{position: absolute; z-index: 2; right: 11px; bottom: 10px; padding: 3px 6px; border-radius: var(--pill); background: rgba(255,255,255,.78); color: #66776f; font-size: 13px;}
.omsag-lp-wbh .wbh-hero-wire-image > b::before{content: "IMAGE";}
.omsag-lp-wbh .wbh-page-section--content{display: grid; min-height: 78px; grid-template-columns: 1fr .55fr; gap: 8px; padding: 10px;}
.omsag-lp-wbh .wbh-page-section--content > div{display: flex; flex-direction: column;}
.omsag-lp-wbh .wbh-page-section--content span{width: 80%; height: 4px; margin-top: 7px; border-radius: 4px; background: #9faea7;}
.omsag-lp-wbh .wbh-page-section--content span + span{width: 64%;}
.omsag-lp-wbh .wbh-page-section--content span + span + span{width: 73%;}
.omsag-lp-wbh .wbh-page-section--content > i{border-radius: 5px; background: linear-gradient(145deg, rgba(111,180,221,.2), rgba(80,170,60,.16));}
.omsag-lp-wbh .wbh-page-section--proof{display: grid; min-height: 78px; grid-template-columns: repeat(3,1fr); gap: 5px; border: 0; background: transparent;}
.omsag-lp-wbh .wbh-page-section--proof i{border: 1px solid #d5ddd7; border-radius: 6px; background: #fff;}
.omsag-lp-wbh .wbh-experience-page .wbh-builder-added{min-height: 42px; grid-column: 1 / -1;}
.omsag-lp-wbh .wbh-page-section--interaction{position: relative; display: grid; min-height: 0; max-height: 0; grid-column: 1 / -1; grid-template-columns: minmax(190px,.82fr) minmax(0,1.18fr); gap: 10px; align-items: stretch; overflow: hidden; padding: 0 10px; border-width: 0; border-style: solid; opacity: 0; transform: translateY(8px);}
.omsag-lp-wbh .wbh-contact-wire{display: grid; min-width: 0; grid-template-columns: 36px 1fr; gap: 8px; align-items: center; padding-right: 9px; border-right: 1px solid #dbe2dc;}
.omsag-lp-wbh .wbh-contact-wire > i{position: relative; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #d3ddd5; border-radius: 50%; background: linear-gradient(145deg, rgba(111,180,221,.15), rgba(80,170,60,.12));}
.omsag-lp-wbh .wbh-contact-wire > i::before{width: 8px; height: 8px; border: 1px solid #667a70; border-radius: 50%; content: ""; transform: translateY(-5px);}
.omsag-lp-wbh .wbh-contact-wire > i::after{position: absolute; bottom: 6px; left: 9px; width: 14px; height: 8px; border: 1px solid #667a70; border-radius: 9px 9px 4px 4px; content: "";}
.omsag-lp-wbh .wbh-contact-wire > div{display: flex; min-width: 0; flex-direction: column;}
.omsag-lp-wbh .wbh-contact-wire small,
.omsag-lp-wbh .wbh-mini-form small{color: var(--brand); font-size: 13px; font-weight: 700; letter-spacing: .035em;}
.omsag-lp-wbh .wbh-contact-wire small{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.omsag-lp-wbh .wbh-contact-wire strong{width: 78%; height: 5px; margin-top: 6px; border-radius: 4px; background: #687970;}
.omsag-lp-wbh .wbh-contact-wire span{width: 58%; height: 3px; margin-top: 5px; border-radius: 3px; background: #b0bbb4;}
.omsag-lp-wbh .wbh-mini-form{display: grid; min-width: 0; grid-template-columns: 1fr 1fr auto; gap: 5px; align-items: end;}
.omsag-lp-wbh .wbh-mini-form small{grid-column: 1 / -1;}
.omsag-lp-wbh .wbh-mini-form > span{display: flex; min-width: 0; min-height: 27px; align-items: center; overflow: hidden; padding: 0 7px; border: 1px solid #d5ddd7; border-radius: 5px; background: #fff; color: #98a49d; font-size: 13px; text-overflow: ellipsis; white-space: nowrap;}
.omsag-lp-wbh .wbh-mini-form button{min-height: 27px; padding: 0 8px; border: 0; border-radius: 5px; background: #25333a; color: #fff; font-size: 13px; font-weight: 700;}
.omsag-lp-wbh .wbh-mini-form button i{margin-left: 4px; color: var(--lime); font-style: normal;}
.omsag-lp-wbh .wbh-interaction-signal{position: absolute; top: 50%; left: 36%; width: 7px; height: 7px; border-radius: 50%; background: var(--lime); opacity: 0; box-shadow: 0 0 10px rgba(170,211,55,.8);}
.omsag-lp-wbh .wbh-experience-stage[data-active="1"] .wbh-page-section--interaction,
.omsag-lp-wbh .wbh-experience-stage[data-active="2"] .wbh-page-section--interaction,
.omsag-lp-wbh .wbh-experience-stage[data-active="3"] .wbh-page-section--interaction{min-height: 76px; max-height: 90px; padding: 10px 12px; border-width: 1px; opacity: 1; transform: none;}
.omsag-lp-wbh .wbh-experience-stage[data-active="1"] .wbh-page-section--interaction{animation: wbh-interaction-build 6s var(--ease) both;}
.omsag-lp-wbh .wbh-experience-stage[data-active="1"] .wbh-interaction-signal{animation: wbh-lead-signal 1.35s ease-in-out 4.25s 1 both;}
.omsag-lp-wbh .wbh-experience-stage[data-active="1"] .wbh-mini-form button{animation: wbh-form-submit-click 6s var(--ease) both;}
.omsag-lp-wbh .wbh-collab-action{position: absolute; z-index: 12; display: flex; width: 142px; opacity: 0; pointer-events: none; flex-direction: column; filter: drop-shadow(0 12px 18px rgba(34,55,43,.16));}
.omsag-lp-wbh .wbh-collab-module{display: flex; min-height: 60px; padding: 8px; border: 1px solid rgba(80,170,60,.52); border-radius: 7px; background: rgba(255,255,255,.96); flex-direction: column;}
.omsag-lp-wbh .wbh-collab-module small{color: var(--brand); font-size: 13px; font-weight: 700;}
.omsag-lp-wbh .wbh-collab-module > span{width: 72%; height: 6px; margin-top: 8px; border-radius: 3px; background: #334148;}
.omsag-lp-wbh .wbh-collab-module > span + span{width: 48%; height: 3px; margin-top: 6px; background: #aeb9b2;}
.omsag-lp-wbh .wbh-collab-module > i{width: 42%; height: 18px; margin-top: 7px; border-radius: 4px; background: linear-gradient(135deg, rgba(111,180,221,.22), rgba(80,170,60,.18));}
.omsag-lp-wbh .wbh-collab-pointer{position: absolute; right: 20px; bottom: 22px; width: 16px; height: 20px; background: #17262c; clip-path: polygon(0 0, 100% 70%, 58% 72%, 75% 100%, 61% 100%, 44% 74%, 13% 100%); filter: drop-shadow(0 1px 0 #fff) drop-shadow(0 0 3px rgba(255,255,255,.9)); transform: rotate(-12deg); transform-origin: 4px 3px;}
.omsag-lp-wbh .wbh-collab-tag{position: relative; display: inline-flex; align-self: flex-end; align-items: center; gap: 6px; margin-top: 5px; padding: 4px 8px 4px 4px; border: 1px solid rgba(68,91,87,.18); border-radius: var(--pill); background: #fff; color: #34443f; font-size: 13px; font-weight: 700; white-space: nowrap;}
.omsag-lp-wbh .wbh-collab-tag b{display: grid; width: 21px; height: 21px; place-items: center; border-radius: 50%; background: var(--icon-gradient); color: #17351d; font-size: 13px;}
.omsag-lp-wbh .wbh-collab-action--manu{--drag-x: 174px; --drag-y: -6px; top: 101px; left: 22px;}
.omsag-lp-wbh .wbh-collab-action--polina{--drag-x: 300px; --drag-y: 72px; top: 158px; left: 22px;}
.omsag-lp-wbh .wbh-collab-action--markus-form{--drag-x: 260px; --drag-y: 95px; top: 215px; left: 22px;}
.omsag-lp-wbh .wbh-experience-stage[data-active="0"] .wbh-collab-action--manu,
.omsag-lp-wbh .wbh-experience-stage[data-active="0"] .wbh-collab-action--polina{animation: wbh-collab-from-dock 6s var(--ease) both;}
.omsag-lp-wbh .wbh-experience-stage[data-active="1"] .wbh-collab-action--markus-form{animation: wbh-markus-form-from-dock 6s var(--ease) both;}
.omsag-lp-wbh .wbh-experience-stage[data-active="0"] .wbh-collab-module{animation: wbh-collab-module-grab 6s var(--ease) both;}
.omsag-lp-wbh .wbh-experience-stage[data-active="0"] .wbh-collab-pointer{animation: wbh-collab-pointer-drag 6s var(--ease) both;}
.omsag-lp-wbh .wbh-experience-stage[data-active="1"] .wbh-collab-action--markus-form .wbh-collab-module{animation: wbh-collab-module-grab 6s var(--ease) both;}
.omsag-lp-wbh .wbh-experience-stage[data-active="1"] .wbh-collab-action--markus-form .wbh-collab-pointer{animation: wbh-collab-pointer-drag 6s var(--ease) both;}
.omsag-lp-wbh .wbh-experience-stage[data-active="0"] .wbh-page-section--hero{animation: wbh-section-hero-build 6s var(--ease) both;}
.omsag-lp-wbh .wbh-experience-stage[data-active="0"] .wbh-page-section--content{animation: wbh-section-content-build 6s var(--ease) both;}
.omsag-lp-wbh .wbh-experience-stage[data-active="0"] .wbh-page-section--proof{animation: wbh-section-proof-build 6s var(--ease) both;}
.omsag-lp-wbh .wbh-system-overlay{position: absolute; z-index: 20; top: 51px; right: 14px; bottom: 14px; left: 14px; display: flex; padding: 16px; border: 1px solid rgba(140,179,182,.25); border-radius: 11px; background: radial-gradient(circle at 90% 5%, rgba(170,211,55,.15), transparent 13rem), linear-gradient(145deg, rgba(24,43,49,.985), rgba(13,27,33,.985)); color: #eaf0ee; opacity: 0; box-shadow: 0 28px 50px -26px rgba(0,0,0,.75); pointer-events: none; transform: translateY(10px) scale(.985); flex-direction: column;}
.omsag-lp-wbh .wbh-system-overlay::before{position: absolute; inset: 0; opacity: .2; border-radius: inherit; background-image: linear-gradient(rgba(143,181,184,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(143,181,184,.1) 1px, transparent 1px); background-size: 26px 26px; content: ""; mask-image: linear-gradient(135deg,#000,transparent 76%);}
.omsag-lp-wbh .wbh-system-overlay > *{position: relative; z-index: 1;}
.omsag-lp-wbh .wbh-system-overlay header{display: grid; grid-template-columns: 1fr auto; gap: 3px 12px; align-items: center; padding-bottom: 12px; border-bottom: 1px solid rgba(143,181,184,.14);}
.omsag-lp-wbh .wbh-system-overlay header small{grid-column: 1; color: var(--lime); font-size: 13px; font-weight: 700; letter-spacing: .07em;}
.omsag-lp-wbh .wbh-system-overlay header strong{grid-column: 1; color: #edf3f1; font-size: 16px; line-height: 1.2;}
.omsag-lp-wbh .wbh-system-overlay header span{grid-column: 2; grid-row: 1 / span 2; padding: 5px 8px; border: 1px solid rgba(111,180,221,.22); border-radius: var(--pill); color: var(--sky); font-size: 13px; font-weight: 700;}
.omsag-lp-wbh .wbh-system-overlay footer{display: flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 11px; border-top: 1px solid rgba(143,181,184,.14); color: #819299; font-size: 13px;}
.omsag-lp-wbh .wbh-system-overlay footer > i{width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 10px rgba(170,211,55,.7);}
.omsag-lp-wbh .wbh-system-overlay footer b{margin-left: auto; color: #dce6e2; font-size: 13px;}
.omsag-lp-wbh .wbh-experience-stage[data-active="2"] .wbh-system-overlay--platform{opacity: 1; pointer-events: auto; transform: none; animation: wbh-system-overlay-in .65s var(--ease) both;}
.omsag-lp-wbh .wbh-experience-stage[data-active="3"] .wbh-system-overlay--integration{opacity: 1; pointer-events: auto; transform: none; animation: wbh-system-overlay-in .65s var(--ease) both;}
.omsag-lp-wbh .wbh-platform-options{display: grid; flex: 1; grid-template-columns: repeat(3,1fr); gap: 8px; align-items: center; padding: 18px 0;}
.omsag-lp-wbh .wbh-platform-options article{position: relative; display: flex; min-width: 0; min-height: 112px; align-items: center; justify-content: center; gap: 8px; padding: 12px 7px; border: 1px solid rgba(143,181,184,.18); border-radius: 10px; background: rgba(255,255,255,.025); color: #d4ddda; text-align: center; flex-direction: column;}
.omsag-lp-wbh .wbh-platform-options article > i{display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(111,180,221,.28); border-radius: 9px; color: var(--sky); font-size: 14px; font-style: normal; font-weight: 700;}
.omsag-lp-wbh .wbh-platform-options article > div{display: flex; min-width: 0; flex-direction: column;}
.omsag-lp-wbh .wbh-platform-options article strong{font-size: 13px;}
.omsag-lp-wbh .wbh-platform-options article small{margin-top: 3px; color: #75878d; font-size: 13px; line-height: 1.2;}
.omsag-lp-wbh .wbh-platform-options article > b{position: absolute; top: 8px; right: 8px; display: grid; width: 21px; height: 21px; place-items: center; border-radius: 50%; background: var(--gradient); color: #17351d; font-size: 13px; opacity: 0; transform: scale(.6);}
.omsag-lp-wbh .wbh-experience-stage[data-active="2"] .wbh-platform-options .is-selected{animation: wbh-platform-select .55s var(--ease) 3.1s forwards;}
.omsag-lp-wbh .wbh-experience-stage[data-active="2"] .wbh-platform-options .is-selected > b{animation: wbh-selected-check .42s var(--ease) 3.35s forwards;}
.omsag-lp-wbh .wbh-experience-stage[data-active="2"] .wbh-system-overlay--platform footer > b{animation: wbh-platform-footer-ready 6s var(--ease) both;}
.omsag-lp-wbh .wbh-story-cursor{position: absolute; z-index: 35; display: flex; align-items: center; gap: 5px; opacity: 0; pointer-events: none; flex-direction: row-reverse; filter: drop-shadow(0 8px 14px rgba(0,0,0,.24));}
.omsag-lp-wbh .wbh-story-pointer{display: block; width: 17px; height: 21px; flex: 0 0 17px; background: #17262c; clip-path: polygon(0 0, 100% 70%, 58% 72%, 75% 100%, 61% 100%, 44% 74%, 13% 100%); filter: drop-shadow(0 1px 0 #fff) drop-shadow(0 0 3px rgba(255,255,255,.9)); transform: rotate(-12deg); transform-origin: 4px 3px;}
.omsag-lp-wbh .wbh-story-tag{display: inline-flex; min-height: 29px; align-items: center; gap: 6px; padding: 3px 8px 3px 3px; border: 1px solid rgba(68,91,87,.2); border-radius: var(--pill); background: rgba(255,255,255,.96); color: #34443f; font-size: 13px; font-weight: 700; white-space: nowrap;}
.omsag-lp-wbh .wbh-story-tag b{display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; background: var(--icon-gradient); color: #17351d; font-size: 13px;}
.omsag-lp-wbh .wbh-story-cursor--markus{--markus-start-x: -245px; --markus-start-y: 10px; top: 372px; right: 76px;}
.omsag-lp-wbh .wbh-experience-stage[data-active="1"] .wbh-story-cursor--markus{animation: wbh-markus-submit 6s var(--ease) both;}
.omsag-lp-wbh .wbh-story-cursor--florian{top: 53%; right: 50%;}
.omsag-lp-wbh .wbh-story-cursor--florian .wbh-story-pointer{background: #f7fbfa; filter: drop-shadow(0 0 1px rgba(255,255,255,.9)) drop-shadow(0 3px 8px rgba(0,0,0,.7));}
.omsag-lp-wbh .wbh-experience-stage[data-active="2"] .wbh-story-cursor--florian{animation: wbh-florian-select 6s var(--ease) both;}
.omsag-lp-wbh .wbh-connection-map{display: grid; flex: 1; grid-template-columns: minmax(108px,.95fr) 42px minmax(112px,1.05fr); gap: 4px; align-items: stretch; padding: 14px 0;}
.omsag-lp-wbh .wbh-connection-systems,
.omsag-lp-wbh .wbh-connection-lines{display: grid; grid-template-rows: repeat(4,1fr); gap: 6px;}
.omsag-lp-wbh .wbh-connection-systems > span{display: flex; min-width: 0; align-items: center; gap: 7px; padding: 6px 8px; border: 1px solid rgba(143,181,184,.18); border-radius: 8px; background: rgba(255,255,255,.025);}
.omsag-lp-wbh .wbh-connection-systems b{color: #dfe7e4; font-size: 13px;}
.omsag-lp-wbh .wbh-connection-systems small{margin-left: auto; color: #73868c; font-size: 13px;}
.omsag-lp-wbh .wbh-connection-systems i{width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: var(--lime); opacity: .35;}
.omsag-lp-wbh .wbh-connection-lines i{position: relative; align-self: center; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(111,180,221,.3), rgba(170,211,55,.62));}
.omsag-lp-wbh .wbh-connection-lines i::after{position: absolute; top: -3px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--lime); opacity: 0; box-shadow: 0 0 10px rgba(170,211,55,.8); content: "";}
.omsag-lp-wbh .wbh-experience-stage[data-active="3"] .wbh-connection-lines i::after{animation: wbh-connection-pulse 1.55s ease-in-out infinite;}
.omsag-lp-wbh .wbh-experience-stage[data-active="3"] .wbh-connection-lines i:nth-child(2)::after{animation-delay: .28s;}
.omsag-lp-wbh .wbh-experience-stage[data-active="3"] .wbh-connection-lines i:nth-child(3)::after{animation-delay: .56s;}
.omsag-lp-wbh .wbh-experience-stage[data-active="3"] .wbh-connection-lines i:nth-child(4)::after{animation-delay: .84s;}
.omsag-lp-wbh .wbh-connected-site{position: relative; display: flex; align-self: stretch; align-items: center; justify-content: center; padding: 12px; border: 1px solid rgba(170,211,55,.4); border-radius: 10px; background: rgba(80,170,60,.08); text-align: center; flex-direction: column;}
.omsag-lp-wbh .wbh-connected-site > span{color: var(--lime); font-size: 14px; font-weight: 800; letter-spacing: -.04em;}
.omsag-lp-wbh .wbh-connected-site strong{margin-top: 8px; color: #eef3f1; font-size: 14px;}
.omsag-lp-wbh .wbh-connected-site small{margin-top: 4px; color: #7d9095; font-size: 13px;}
.omsag-lp-wbh .wbh-connected-site > i{position: absolute; top: 9px; right: 9px; width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 10px rgba(170,211,55,.75);}
.omsag-lp-wbh .wbh-builder-added{position: relative; display: flex; min-height: 49px; grid-column: 1 / -1; align-items: center; gap: 9px; padding: 8px 10px; border: 1px solid rgba(80,170,60,.34); border-radius: 7px; background: linear-gradient(90deg, rgba(80,170,60,.12), rgba(111,180,221,.08)); animation: wbh-builder-in .45s var(--ease) both;}
.omsag-lp-wbh .wbh-builder-added > i{display: grid; width: 25px; height: 25px; place-items: center; border-radius: 6px; background: #fff; color: var(--brand); font-size: 13px; font-style: normal; font-weight: 700;}
.omsag-lp-wbh .wbh-builder-added > div{display: grid; flex: 1; gap: 4px;}
.omsag-lp-wbh .wbh-builder-added b{color: #435149; font-size: 13px;}
.omsag-lp-wbh .wbh-builder-added span{width: 64%; height: 3px; border-radius: 3px; background: #aebbb3;}
.omsag-lp-wbh .wbh-builder-added em{width: 27px; height: 12px; border-radius: var(--pill); background: var(--gradient);}
.omsag-lp-wbh .wbh-drop-toast{position: absolute; right: 9px; bottom: 9px; display: flex; max-width: calc(100% - 18px); align-items: center; gap: 7px; padding: 7px 9px; border: 1px solid rgba(80,170,60,.2); border-radius: var(--pill); background: rgba(255,255,255,.94); color: #68766f; font-size: 13px; opacity: 0; box-shadow: 0 10px 25px -18px rgba(24,50,30,.7); pointer-events: none; transform: translateY(8px); transition: opacity .25s ease, transform .25s var(--ease);}
.omsag-lp-wbh .wbh-drop-toast i{display: grid; width: 18px; height: 18px; flex: 0 0 18px; place-items: center; border-radius: 50%; background: var(--gradient); color: #17351d; font-size: 13px; font-style: normal; font-weight: 700;}
.omsag-lp-wbh .wbh-drop-toast.is-updated{opacity: 1; transform: none;}
.omsag-lp-wbh .wbh-layer-controls{position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin: 0 18px; overflow: hidden; border: 1px solid rgba(141,183,187,.13); border-radius: 15px; background: rgba(141,183,187,.13);}
.omsag-lp-wbh .wbh-layer-controls button{display: flex; min-width: 0; min-height: 78px; align-items: flex-start; gap: 9px; padding: 13px; border: 0; background: rgba(16,29,35,.9); color: #728188; text-align: left; cursor: pointer; flex-direction: column; transition: background .3s ease, color .3s ease;}
.omsag-lp-wbh .wbh-layer-controls button span{font-size: 13px;}
.omsag-lp-wbh .wbh-layer-controls button strong{font-size: 13px; line-height: 1.25;}
.omsag-lp-wbh .wbh-layer-controls button.is-active{background: linear-gradient(145deg, rgba(80,170,60,.18), rgba(16,29,35,.95)); color: #eef4f2;}
.omsag-lp-wbh .wbh-layer-controls button.is-active span{color: var(--lime);}
.omsag-lp-wbh .wbh-stage-status{position: relative; display: grid; grid-template-columns: 1fr auto; gap: 13px; align-items: center; padding: 15px 20px 18px; color: #819097; font-size: 13px;}
.omsag-lp-wbh .wbh-stage-status > i{height: 4px; overflow: hidden; border-radius: 4px; background: rgba(141,183,187,.12);}
.omsag-lp-wbh .wbh-stage-status > i b{display: block; width: 25%; height: 100%; border-radius: inherit; background: var(--icon-gradient); transition: width .55s var(--ease);}
.omsag-lp-wbh .wbh-stage-status strong{color: var(--lime); font-size: 13px;}
.omsag-lp-wbh .wbh-experience-stage[data-active="0"] .wbh-browser-preview{border-color: rgba(170,211,55,.48);}
.omsag-lp-wbh .wbh-experience-stage[data-active="0"] .wbh-page-section--navigation,
.omsag-lp-wbh .wbh-experience-stage[data-active="0"] .wbh-page-section--hero{border-color: rgba(170,211,55,.45);}
.omsag-lp-wbh .wbh-experience-stage[data-active="0"] .wbh-page-section--hero::after{opacity: 1; animation: wbh-wire-scan 1.7s ease;}
.omsag-lp-wbh .wbh-experience-stage[data-active="1"] .wbh-page-section--hero{border-color: rgba(111,180,221,.6); box-shadow: 0 0 0 2px rgba(111,180,221,.1);}
.omsag-lp-wbh .wbh-experience-stage[data-active="1"] .wbh-page-section--hero button{box-shadow: 0 0 0 4px rgba(170,211,55,.18), 0 0 18px rgba(170,211,55,.32);}
.omsag-lp-wbh .wbh-experience-stage[data-active="2"] .wbh-page-section--content,
.omsag-lp-wbh .wbh-experience-stage[data-active="2"] .wbh-page-section--proof{border-color: rgba(111,180,221,.44);}
.omsag-lp-wbh .wbh-experience-stage[data-active="2"] .wbh-page-section--proof i{animation: wbh-module-pulse 1.7s ease infinite alternate;}
.omsag-lp-wbh .wbh-experience-stage[data-active="2"] .wbh-component-dock{border-color: rgba(111,180,221,.3);}
.omsag-lp-wbh .wbh-experience-stage[data-active="3"] .wbh-browser-preview{border-color: rgba(111,180,221,.45); box-shadow: 0 30px 55px -30px rgba(0,0,0,.85), 0 0 35px rgba(111,180,221,.1);}
.omsag-lp-wbh .wbh-hero-proof{display: grid; grid-template-columns: 1fr 1fr minmax(145px,.82fr); gap: 0; overflow: hidden; margin-top: 34px; border: 1px solid rgba(147,181,184,.16); border-radius: 16px; background: rgba(16,29,35,.72);}
.omsag-lp-wbh .wbh-hero-proof > div{min-height: 92px; border: 0; border-radius: 0; background: transparent; box-shadow: none;}
.omsag-lp-wbh .wbh-hero-proof > div + div{border-left: 1px solid rgba(147,181,184,.14);}
.omsag-lp-wbh .wbh-hero-proof__metric{display: grid; grid-template-columns: auto 1fr; gap: 13px; align-items: center; padding: 16px;}
.omsag-lp-wbh .wbh-hero-proof__metric > span{color: #50aa3c; font-size: 27px; font-weight: 700; letter-spacing: -.04em; white-space: nowrap;}
.omsag-lp-wbh .wbh-hero-proof p{display: flex; margin: 0; flex-direction: column;}
.omsag-lp-wbh .wbh-hero-proof strong{color: #e9efed; font-size: 13px;}
.omsag-lp-wbh .wbh-hero-proof small{margin-top: 3px; color: #77878e; font-size: 13px;}
.omsag-lp-wbh .wbh-hero-proof__partner{display: grid; place-items: center; overflow: hidden; padding: 10px 13px; background: transparent !important;}
.omsag-lp-wbh .wbh-hero-proof__partner img{display: block; width: 100%; max-width: 175px; max-height: 66px; object-fit: contain;}
@media (max-width: 1180px) {
.omsag-lp-wbh .wbh-experience-stage{width: 100%;}

}
@media (max-width: 960px) {
.omsag-lp-wbh .wbh-experience-stage{max-width: 760px;}

}
@media (max-width: 700px) {
.omsag-lp-wbh .wbh-hero-proof{grid-template-columns: 1fr;}
.omsag-lp-wbh .wbh-hero-proof > div{min-height: 75px;}
.omsag-lp-wbh .wbh-hero-proof > div + div{border-top: 1px solid rgba(147,181,184,.14); border-left: 0;}
.omsag-lp-wbh .wbh-build-canvas{min-height: 610px; margin: 12px;}
.omsag-lp-wbh .wbh-component-dock{top: 12px; right: 12px; bottom: auto; left: 12px; width: auto; height: 76px; padding: 8px; overflow-x: auto; flex-direction: row; scrollbar-width: none;}
.omsag-lp-wbh .wbh-component-dock::-webkit-scrollbar{display: none;}
.omsag-lp-wbh .wbh-component-dock > small{display: none;}
.omsag-lp-wbh .wbh-component-dock button{min-width: 67px; min-height: 56px; grid-template-columns: 1fr; gap: 3px; justify-items: center; padding: 5px; text-align: center;}
.omsag-lp-wbh .wbh-component-dock button > i{width: 25px; height: 25px;}
.omsag-lp-wbh .wbh-component-dock button > span{max-width: 58px; font-size: 13px;}
.omsag-lp-wbh .wbh-browser-preview{top: 101px; left: 12px; width: calc(100% - 24px); min-width: 0; height: 490px;}
.omsag-lp-wbh .wbh-experience-page{grid-template-columns: minmax(0,1.25fr) minmax(90px,.75fr); padding: 7px;}
.omsag-lp-wbh .wbh-page-section--navigation{min-height: 30px;}
.omsag-lp-wbh .wbh-page-section--hero{min-height: 116px; grid-template-columns: minmax(0,1.15fr) minmax(82px,.85fr); gap: 8px; padding: 9px;}
.omsag-lp-wbh .wbh-hero-wire-copy > strong{width: 86%; height: 10px; margin-top: 6px;}
.omsag-lp-wbh .wbh-hero-wire-copy > span{margin-top: 5px;}
.omsag-lp-wbh .wbh-hero-wire-copy button{min-height: 23px; padding: 0 8px;}
.omsag-lp-wbh .wbh-hero-wire-image::after{right: 8px; bottom: 9px; left: 8px;}
.omsag-lp-wbh .wbh-hero-wire-image > b{right: 7px; bottom: 6px;}
.omsag-lp-wbh .wbh-page-section--content,
.omsag-lp-wbh .wbh-page-section--proof{min-height: 62px;}
/* Mobil untereinander: erst die Zeile "Ansprechpartner", darunter das Formular. */
.omsag-lp-wbh .wbh-experience-stage[data-active="1"] .wbh-page-section--interaction,
.omsag-lp-wbh .wbh-experience-stage[data-active="2"] .wbh-page-section--interaction,
.omsag-lp-wbh .wbh-experience-stage[data-active="3"] .wbh-page-section--interaction{min-height: 122px; max-height: 136px; grid-template-columns: minmax(0,1fr); grid-auto-rows: auto; align-items: start; gap: 8px; padding: 8px;}
.omsag-lp-wbh .wbh-contact-wire{grid-template-columns: 26px 1fr; gap: 8px; align-items: center; padding: 0 0 7px; border-right: 0; border-bottom: 1px solid #dbe2dc;}
.omsag-lp-wbh .wbh-contact-wire > i{width: 24px; height: 24px;}
.omsag-lp-wbh .wbh-contact-wire > i::before{transform: translateY(-4px);}
.omsag-lp-wbh .wbh-contact-wire > i::after{bottom: 4px; left: 6px; width: 10px; height: 6px;}
.omsag-lp-wbh .wbh-contact-wire > div{flex-direction: row; align-items: center;}
.omsag-lp-wbh .wbh-contact-wire small{overflow: hidden; font-size: 11px; letter-spacing: .02em; text-overflow: ellipsis; white-space: nowrap;}
.omsag-lp-wbh .wbh-contact-wire strong,
.omsag-lp-wbh .wbh-contact-wire span{display: none;}
.omsag-lp-wbh .wbh-mini-form{grid-template-columns: 1fr 1fr; gap: 5px;}
.omsag-lp-wbh .wbh-mini-form button{grid-column: 1 / -1; min-height: 26px;}
.omsag-lp-wbh .wbh-collab-action{width: 84px;}
.omsag-lp-wbh .wbh-collab-module{min-height: 54px; padding: 6px;}
.omsag-lp-wbh .wbh-collab-module > span{margin-top: 6px;}
.omsag-lp-wbh .wbh-collab-action--manu{--drag-x: 32px; --drag-y: 126px; top: 21px; left: 82px;}
.omsag-lp-wbh .wbh-collab-action--polina{--drag-x: 94px; --drag-y: 251px; top: 21px; left: 154px;}
.omsag-lp-wbh .wbh-collab-action--markus-form{--drag-x: -24px; --drag-y: 345px; top: 21px; left: 226px;}
.omsag-lp-wbh .wbh-collab-tag{margin-top: 3px;}
.omsag-lp-wbh .wbh-story-cursor--markus{--markus-start-x: 0; --markus-start-y: -30px; top: 494px; right: calc(50% - 14px);}
.omsag-lp-wbh .wbh-story-tag{padding-right: 6px;}
.omsag-lp-wbh .wbh-system-overlay{top: 45px; right: 9px; bottom: 9px; left: 9px; padding: 12px;}
.omsag-lp-wbh .wbh-system-overlay header span{display: none;}
.omsag-lp-wbh .wbh-platform-options{gap: 5px; padding: 12px 0;}
.omsag-lp-wbh .wbh-platform-options article{min-height: 104px; padding: 9px 4px;}
.omsag-lp-wbh .wbh-platform-options article small{max-width: 9ch;}
.omsag-lp-wbh .wbh-connection-map{grid-template-columns: minmax(96px,.95fr) 28px minmax(100px,1.05fr); padding: 10px 0;}
.omsag-lp-wbh .wbh-connection-systems > span{padding: 5px 6px;}
.omsag-lp-wbh .wbh-connection-systems small{display: none;}
.omsag-lp-wbh .wbh-layer-controls{grid-template-columns: 1fr 1fr; margin: 0 12px;}
.omsag-lp-wbh .wbh-layer-controls button{min-height: 70px;}
.omsag-lp-wbh .wbh-stage-toolbar{grid-template-columns: auto 1fr;}
.omsag-lp-wbh .wbh-stage-toolbar em{display: none;}

}
@keyframes wbh-builder-in { from { opacity: 0; transform: translateY(9px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes wbh-collab-from-dock { 0%,6% { opacity: 0; transform: translate(0,0) scale(.96); } 11% { opacity: 1; transform: translate(0,0) scale(1); } 37% { opacity: 1; transform: translate(var(--drag-x),var(--drag-y)) scale(1.012); } 43% { opacity: 1; transform: translate(var(--drag-x),var(--drag-y)) scale(.98); } 49%,100% { opacity: 0; transform: translate(var(--drag-x),var(--drag-y)) scale(.95); } }
@keyframes wbh-collab-module-grab { 0%,8% { box-shadow: none; transform: scale(.97); } 13%,36% { box-shadow: 0 14px 28px -18px rgba(15,33,27,.55); transform: scale(1); } 41% { border-color: rgba(170,211,55,.9); box-shadow: 0 0 0 4px rgba(170,211,55,.14); transform: scale(.975); } 48%,100% { box-shadow: none; transform: scale(.95); } }
@keyframes wbh-collab-pointer-drag { 0%,7% { opacity: 0; transform: translate(16px,12px) rotate(-12deg) scale(.8); } 13%,35% { opacity: 1; transform: translate(0,0) rotate(-12deg) scale(1); } 40% { opacity: 1; transform: translate(-3px,-3px) rotate(-12deg) scale(.78); } 44% { opacity: 1; transform: translate(-3px,-3px) rotate(-12deg) scale(1); } 49%,100% { opacity: 0; transform: translate(-3px,-3px) rotate(-12deg) scale(1); } }
@keyframes wbh-connection-pulse { 0% { left: 0; opacity: 0; } 18%,76% { opacity: 1; } 100% { left: calc(100% - 7px); opacity: 0; } }
@keyframes wbh-dock-source-pick { 0%,8% { opacity: 1; transform: none; } 13% { opacity: .35; transform: scale(.97); } 47% { opacity: .35; transform: scale(.97); } 56%,100% { opacity: 1; transform: none; } }
@keyframes wbh-florian-select { 0%,14% { opacity: 0; transform: translate(58px,42px) scale(.94); } 21% { opacity: 1; transform: translate(58px,42px) scale(1); } 48% { opacity: 1; transform: translate(0,0) scale(1); } 52% { opacity: 1; transform: translate(0,0) scale(.84); } 56% { opacity: 1; transform: translate(0,0) scale(1); } 69%,100% { opacity: 0; transform: translate(0,0) scale(1); } }
@keyframes wbh-form-submit-click { 0%,67% { box-shadow: none; transform: none; } 70% { background: #1c292f; box-shadow: 0 0 0 4px rgba(170,211,55,.25), 0 0 22px rgba(170,211,55,.32); transform: scale(.96); } 76% { background: #25333a; box-shadow: 0 0 0 1px rgba(170,211,55,.18); transform: none; } 86%,100% { box-shadow: none; transform: none; } }
@keyframes wbh-interaction-build { 0%,34% { opacity: 0; filter: blur(2px); transform: translateY(11px) scale(.975); } 43% { opacity: 1; filter: blur(0); transform: translateY(-2px) scale(1.01); } 51%,100% { opacity: 1; filter: none; transform: none; } }
@keyframes wbh-lead-signal { 0% { left: 36%; opacity: 0; transform: translate(-50%,-50%) scale(.6); } 18%,76% { opacity: 1; } 100% { left: 94%; opacity: 0; transform: translate(-50%,-50%) scale(1); } }
@keyframes wbh-markus-form-from-dock { 0%,5% { opacity: 0; transform: translate(0,0) scale(.96); } 9% { opacity: 1; transform: translate(0,0) scale(1); } 30% { opacity: 1; transform: translate(var(--drag-x),var(--drag-y)) scale(1.012); } 36% { opacity: 1; transform: translate(var(--drag-x),var(--drag-y)) scale(.98); } 41%,100% { opacity: 0; transform: translate(var(--drag-x),var(--drag-y)) scale(.95); } }
@keyframes wbh-markus-submit { 0%,37% { opacity: 0; transform: translate(var(--markus-start-x),var(--markus-start-y)) scale(.94); } 42% { opacity: 1; transform: translate(var(--markus-start-x),var(--markus-start-y)) scale(1); } 65% { opacity: 1; transform: translate(0,0) scale(1); } 70% { opacity: 1; transform: translate(0,0) scale(.82); } 74% { opacity: 1; transform: translate(0,0) scale(1); } 86%,100% { opacity: 0; transform: translate(0,0) scale(1); } }
@keyframes wbh-module-pulse { to { background: linear-gradient(135deg, rgba(111,180,221,.28), rgba(170,211,55,.26)); } }
@keyframes wbh-platform-footer-ready { 0%,54% { opacity: .28; } 62%,100% { opacity: 1; } }
@keyframes wbh-platform-select { to { border-color: rgba(170,211,55,.62); background: rgba(80,170,60,.12); box-shadow: 0 0 0 1px rgba(170,211,55,.11), 0 16px 30px -24px rgba(170,211,55,.65); transform: translateY(-3px); } }
@keyframes wbh-section-content-build { 0%,42% { opacity: .05; filter: blur(2px); transform: translateY(10px) scale(.97); } 51% { opacity: 1; filter: blur(0); transform: translateY(-2px) scale(1.012); } 61%,100% { opacity: 1; filter: none; transform: none; } }
@keyframes wbh-section-hero-build { 0%,42% { opacity: .05; filter: blur(2px); transform: translateY(10px) scale(.97); } 50% { opacity: 1; filter: blur(0); transform: translateY(-2px) scale(1.012); } 60%,100% { opacity: 1; filter: none; transform: none; } }
@keyframes wbh-section-proof-build { 0%,45% { opacity: .05; filter: blur(2px); transform: translateY(10px) scale(.97); } 54% { opacity: 1; filter: blur(0); transform: translateY(-2px) scale(1.012); } 64%,100% { opacity: 1; filter: none; transform: none; } }
@keyframes wbh-selected-check { to { opacity: 1; transform: scale(1); } }
@keyframes wbh-system-overlay-in { from { opacity: 0; transform: translateY(10px) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes wbh-wire-scan { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
/* ── Reveal / Ambient-Keyframes ────────────────────────────────────────── */
@keyframes wbh-float{0%,100%{transform:translate(0,0)}50%{transform:translate(18px,-20px)}}
@keyframes wbh-up{to{opacity:1;transform:none}}

.omsag-lp-wbh.wbh-anim .omsag-lp-wbh__overline,.omsag-lp-wbh.wbh-anim .omsag-lp-wbh__headline,
.omsag-lp-wbh.wbh-anim .omsag-lp-wbh__subline,.omsag-lp-wbh.wbh-anim .omsag-lp-wbh__cta,
.omsag-lp-wbh.wbh-anim .wbh-hero-proof,.omsag-lp-wbh.wbh-anim .omsag-lp-wbh__visual{opacity:0;transform:translateY(18px)}
.omsag-lp-wbh.wbh-anim.is-in .omsag-lp-wbh__overline{animation:wbh-up .6s var(--ez) .02s forwards}
.omsag-lp-wbh.wbh-anim.is-in .omsag-lp-wbh__headline{animation:wbh-up .74s var(--ez) .1s forwards}
.omsag-lp-wbh.wbh-anim.is-in .omsag-lp-wbh__subline{animation:wbh-up .74s var(--ez) .2s forwards}
.omsag-lp-wbh.wbh-anim.is-in .omsag-lp-wbh__cta{animation:wbh-up .7s var(--ez) .3s forwards}
.omsag-lp-wbh.wbh-anim.is-in .wbh-hero-proof{animation:wbh-up .7s var(--ez) .42s forwards}
.omsag-lp-wbh.wbh-anim.is-in .omsag-lp-wbh__visual{animation:wbh-up .8s var(--ez) .16s forwards}

/* ── Responsive ────────────────────────────────────────────────────────── */
@media(max-width:1240px){
  .omsag-lp-wbh__container{grid-template-columns:1fr;gap:clamp(36px,4.6vw,54px)}
  .omsag-lp-wbh__visual{order:2;max-width:820px;width:100%}
  .omsag-lp-wbh__headline{max-width:22ch;font-size:clamp(32px,4.6vw,50px)}
  .omsag-lp-wbh__subline{max-width:64ch}
}
@media(max-width:720px){
  .omsag-lp-wbh__btn{width:100%;justify-content:space-between}
  .omsag-lp-wbh__link{width:100%}
}

/* Kleinere Schriftgroessen im Visual auf Mobile */
@media(max-width:560px){
  .omsag-lp-wbh .wbh-stage-toolbar{gap:10px;padding:0 12px;font-size:12px}
  .omsag-lp-wbh .wbh-stage-toolbar>strong,.omsag-lp-wbh .wbh-system-summary em,
  .omsag-lp-wbh .wbh-system-summary>span,.omsag-lp-wbh .wbh-project-mark{font-size:11.5px}
  .omsag-lp-wbh .wbh-component-dock button>span{font-size:11px;line-height:1.15}
  .omsag-lp-wbh .wbh-component-dock button>i{font-size:11.5px}
  .omsag-lp-wbh .wbh-preview-chrome b,.omsag-lp-wbh .wbh-preview-chrome em{font-size:11px}
  .omsag-lp-wbh .wbh-page-section small,.omsag-lp-wbh .wbh-page-section b,
  .omsag-lp-wbh .wbh-page-section button,.omsag-lp-wbh .wbh-page-section span{font-size:11px}
  .omsag-lp-wbh .wbh-hero-wire-copy button{min-height:21px;padding:0 7px;font-size:10.5px}
  .omsag-lp-wbh .wbh-hero-wire-image>b{font-size:10px;padding:2px 5px}
  .omsag-lp-wbh .wbh-mini-form small,.omsag-lp-wbh .wbh-mini-form span,
  .omsag-lp-wbh .wbh-mini-form button,.omsag-lp-wbh .wbh-contact-wire small,
  .omsag-lp-wbh .wbh-contact-wire strong{font-size:10.5px}
  .omsag-lp-wbh .wbh-system-overlay header small,.omsag-lp-wbh .wbh-system-overlay header span{font-size:11px}
  .omsag-lp-wbh .wbh-system-overlay header strong{font-size:13px;line-height:1.25}
  .omsag-lp-wbh .wbh-platform-options article strong,.omsag-lp-wbh .wbh-platform-options article small,
  .omsag-lp-wbh .wbh-platform-options article i{font-size:11px}
  .omsag-lp-wbh .wbh-connection-systems span b,.omsag-lp-wbh .wbh-connection-systems span small,
  .omsag-lp-wbh .wbh-connected-site strong,.omsag-lp-wbh .wbh-connected-site small,
  .omsag-lp-wbh .wbh-connected-site span{font-size:11px}
  .omsag-lp-wbh .wbh-system-overlay footer{font-size:11px}
  .omsag-lp-wbh .wbh-system-overlay footer span,.omsag-lp-wbh .wbh-system-overlay footer b{font-size:11px}
  .omsag-lp-wbh .wbh-collab-tag,.omsag-lp-wbh .wbh-story-tag{font-size:10.5px}
  .omsag-lp-wbh .wbh-collab-module small{font-size:10.5px}
  .omsag-lp-wbh .wbh-drop-toast{font-size:11px}
  .omsag-lp-wbh .wbh-layer-controls button span{font-size:10.5px}
  .omsag-lp-wbh .wbh-layer-controls button strong{font-size:12px;line-height:1.2}
  .omsag-lp-wbh .wbh-stage-status{font-size:11px}
  .omsag-lp-wbh .wbh-builder-added b,.omsag-lp-wbh .wbh-builder-added i{font-size:11px}
}
@media(max-width:400px){
  .omsag-lp-wbh .wbh-layer-controls button strong{font-size:11px}
  .omsag-lp-wbh .wbh-component-dock button>span{font-size:10px}
}

@media(prefers-reduced-motion:reduce){
  .omsag-lp-wbh.wbh-anim [class*="omsag-lp-wbh__"]{opacity:1!important;animation:none!important}
  .omsag-lp-wbh.wbh-anim .wbh-hero-proof{opacity:1!important;animation:none!important;transform:none}
  .omsag-lp-wbh.wbh-anim .omsag-lp-wbh__overline,.omsag-lp-wbh.wbh-anim .omsag-lp-wbh__headline,
  .omsag-lp-wbh.wbh-anim .omsag-lp-wbh__subline,.omsag-lp-wbh.wbh-anim .omsag-lp-wbh__cta,
  .omsag-lp-wbh.wbh-anim .omsag-lp-wbh__visual{transform:none}
  .omsag-lp-wbh__ambient{animation:none}
  .omsag-lp-wbh .wbh-experience-stage *{animation:none!important;transition:none!important}
  .omsag-lp-wbh .wbh-collab-action,.omsag-lp-wbh .wbh-story-cursor,.omsag-lp-wbh .wbh-system-overlay{display:none!important}
}

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

/* ── Feinschliff Proof-Zeile (schmalere Copy-Spalte als im Prototyp) ───── */
.omsag-lp-wbh .wbh-hero-proof{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(126px,.74fr);margin-top:clamp(28px,3vw,38px)}
.omsag-lp-wbh .wbh-hero-proof__metric{gap:11px;padding:14px}
.omsag-lp-wbh .wbh-hero-proof__metric>span{font-size:25px}
.omsag-lp-wbh .wbh-hero-proof strong{font-size:12.5px;line-height:1.25}
.omsag-lp-wbh .wbh-hero-proof small{font-size:12px;line-height:1.3;hyphens: manual}
.omsag-lp-wbh .wbh-hero-proof__partner{padding:10px}
.omsag-lp-wbh .wbh-hero-proof__partner img{max-width:150px;max-height:58px}
@media(min-width:1241px) and (max-width:1400px){
  .omsag-lp-wbh .wbh-hero-proof{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .omsag-lp-wbh .wbh-hero-proof__partner{grid-column:1 / -1;border-top:1px solid rgba(147,181,184,.14);border-left:0!important;min-height:0}
}
@media(max-width:700px){
  /* Alle drei Belege bleiben in einer Zeile: die Zahl wandert ueber die
     Beschriftung, der Schriftgrad geht etwas herunter, das Pimcore-Siegel
     bleibt als dritte Spalte stehen statt in eine zweite Zeile zu rutschen. */
  .omsag-lp-wbh .wbh-hero-proof{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.88fr)}
  .omsag-lp-wbh .wbh-hero-proof > div{min-height:82px}
  .omsag-lp-wbh .wbh-hero-proof > div + div{border-top:0;border-left:1px solid rgba(147,181,184,.14)}
  .omsag-lp-wbh .wbh-hero-proof__metric{grid-template-columns:minmax(0,1fr);gap:1px;align-content:center;padding:12px 11px}
  .omsag-lp-wbh .wbh-hero-proof__metric>span{font-size:23px;line-height:1.1}
  .omsag-lp-wbh .wbh-hero-proof strong{font-size:11.5px;line-height:1.2}
  .omsag-lp-wbh .wbh-hero-proof small{margin-top:1px;font-size:10.5px;line-height:1.25}
  .omsag-lp-wbh .wbh-hero-proof__partner{grid-column:auto;border-top:0;padding:10px 8px;min-height:82px}
  .omsag-lp-wbh .wbh-hero-proof__partner img{width:100%;max-width:none;max-height:46px}
  /* Toolbar: Badge rechts statt Umbruch */
  .omsag-lp-wbh .wbh-stage-toolbar{grid-template-columns:auto 1fr}
  .omsag-lp-wbh .wbh-system-summary{justify-content:flex-end}
}
@media(max-width:430px){
  .omsag-lp-wbh .wbh-hero-proof__metric{padding:11px 8px}
  .omsag-lp-wbh .wbh-hero-proof__metric>span{font-size:21px}
  .omsag-lp-wbh .wbh-hero-proof strong{font-size:11px}
  .omsag-lp-wbh .wbh-hero-proof small{font-size:10px}
  .omsag-lp-wbh .wbh-hero-proof__partner img{max-height:40px}
}
@media(max-width:360px){
  /* Ab hier bleibt fuer die zweite Zeile kein sinnvoller Platz mehr. */
  .omsag-lp-wbh .wbh-hero-proof small{display:none}
}
/* Collab-Karten bleiben auch auf sehr schmalen Screens im Bild */
@media(max-width:430px){
  .omsag-lp-wbh .wbh-collab-action{width:76px}
  .omsag-lp-wbh .wbh-collab-action--manu{left:60px;--drag-x:24px}
  .omsag-lp-wbh .wbh-collab-action--polina{left:126px;--drag-x:70px}
  .omsag-lp-wbh .wbh-collab-action--markus-form{left:192px;--drag-x:-28px}
  .omsag-lp-wbh .wbh-collab-tag span{max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}