.omsag-lp-ausgangslage {
  --b:   var(--omsag-lp-brand, #50aa3c);
  --bl:  var(--omsag-lp-lime,  #a1d337);
  --ink: var(--omsag-lp-ink,   #232730);
  --r:   var(--omsag-lp-radius, 20px);
  --rl:  var(--omsag-lp-radius-lg, 28px);
  --ez:  var(--omsag-lp-ease, cubic-bezier(.2,.7,.2,1));
  --grad: var(--omsag-lp-brand-grad, linear-gradient(135deg,#50aa3c 0%,#a1d337 100%));
  --font: var(--omsag-lp-font, 'Outfit', system-ui, sans-serif);
  --good: #6cc24a;
  --bad:  #ff6f61;
  font-family: var(--font);
  color: #fff;
  padding: 120px 0;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 0% 0%, rgba(80,170,60,.22), transparent 50%),
    radial-gradient(circle at 100% 100%, rgba(161,211,55,.16), transparent 50%),
    var(--ink);
}
.omsag-lp-ausgangslage,
.omsag-lp-ausgangslage *,
.omsag-lp-ausgangslage *::before,
.omsag-lp-ausgangslage *::after { box-sizing: border-box; }
.omsag-lp-ausgangslage::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 64px 64px;
  -webkit-mask-image: radial-gradient(ellipse at 40% 40%, #000 40%, transparent 80%);
          mask-image: radial-gradient(ellipse at 40% 40%, #000 40%, transparent 80%);
}
.omsag-lp-ausgangslage__container { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 28px; }

.omsag-lp-ausgangslage__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(280px, 32%, 460px);
  gap: 56px;
  align-items: stretch;
}

/* ── Head ── */
.omsag-lp-ausgangslage__head { margin-bottom: 40px; }
.omsag-lp-ausgangslage__eyebrow { display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--bl); margin-bottom: 16px; }
.omsag-lp-ausgangslage__h2 { margin: 0; font-size: clamp(36px, 4.6vw, 60px); font-weight: 700; letter-spacing: 0; line-height: 1.05; color: #fff; }
.omsag-lp-ausgangslage__accent { background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ── Two columns ── */
.omsag-lp-ausgangslage__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-bottom: 30px; }
.omsag-lp-ausgangslage__col-head { display: flex; align-items: center; gap: 12px; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1.5px solid; }
.omsag-lp-ausgangslage__col--good .omsag-lp-ausgangslage__col-head { border-color: rgba(108,194,74,.45); }
.omsag-lp-ausgangslage__col--bad  .omsag-lp-ausgangslage__col-head { border-color: rgba(255,111,97,.45); }
.omsag-lp-ausgangslage__col-icon { width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0; display: grid; place-items: center; border: 1.5px solid; }
.omsag-lp-ausgangslage__col-icon svg { width: 18px; height: 18px; }
.omsag-lp-ausgangslage__col--good .omsag-lp-ausgangslage__col-icon { color: var(--good); border-color: rgba(108,194,74,.55); }
.omsag-lp-ausgangslage__col--bad  .omsag-lp-ausgangslage__col-icon { color: var(--bad);  border-color: rgba(255,111,97,.55); }
.omsag-lp-ausgangslage__col-label { font-size: 15px; font-weight: 700; letter-spacing: .01em; }
.omsag-lp-ausgangslage__col--good .omsag-lp-ausgangslage__col-label { color: var(--good); }
.omsag-lp-ausgangslage__col--bad  .omsag-lp-ausgangslage__col-label { color: var(--bad); }

/* Cards */
.omsag-lp-ausgangslage__card {
  display: flex; gap: 14px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: var(--r);
  background: rgba(255,255,255,.03);
  margin-bottom: 14px;
  transition: border-color .3s var(--ez), background .3s var(--ez), transform .3s var(--ez);
}
.omsag-lp-ausgangslage__card:last-child { margin-bottom: 0; }
.omsag-lp-ausgangslage__card:hover { transform: translateY(-2px); background: rgba(255,255,255,.05); }
.omsag-lp-ausgangslage__col--good .omsag-lp-ausgangslage__card:hover { border-color: rgba(108,194,74,.45); }
.omsag-lp-ausgangslage__col--bad  .omsag-lp-ausgangslage__card:hover { border-color: rgba(255,111,97,.45); }
.omsag-lp-ausgangslage__card-icon {
  width: 44px; height: 44px; flex-shrink: 0;
  border-radius: 12px;
  display: grid; place-items: center;
}
.omsag-lp-ausgangslage__card-icon svg { width: 24px; height: 24px; }
.omsag-lp-ausgangslage__col--good .omsag-lp-ausgangslage__card-icon { color: var(--good); background: rgba(108,194,74,.12); }
.omsag-lp-ausgangslage__col--bad  .omsag-lp-ausgangslage__card-icon { color: var(--bad);  background: rgba(255,111,97,.12); }
.omsag-lp-ausgangslage__card-title { margin: 0 0 5px; font-size: 16px; font-weight: 700; letter-spacing: -0.01em; color: #fff; }
.omsag-lp-ausgangslage__card-text { margin: 0; font-size: 13.5px; line-height: 1.5; color: rgba(255,255,255,.62); }

/* Banner */
.omsag-lp-ausgangslage__banner {
  display: flex; align-items: center; gap: 16px;
}
.omsag-lp-ausgangslage__banner-icon {
  flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
}
.omsag-lp-ausgangslage__banner-icon svg { width: 34px; height: 34px; }
.omsag-lp-ausgangslage__banner-text { flex: 1; font-size: 17px; font-weight: 600; color: #fff; }
.omsag-lp-ausgangslage__cta {
  display: inline-flex; align-items: center; gap: 10px;
  flex-shrink: 0;
  padding: 14px 22px;
  font-size: 15px; font-weight: 600;
  color: #fff;
  background: var(--grad);
  border-radius: 999px;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 12px 28px -10px rgba(80,170,60,.55);
  transition: transform .25s var(--ez), box-shadow .25s var(--ez);
}
.omsag-lp-ausgangslage__cta,
.omsag-lp-ausgangslage__cta:link,
.omsag-lp-ausgangslage__cta:visited,
.omsag-lp-ausgangslage__cta:hover,
.omsag-lp-ausgangslage__cta:focus,
.omsag-lp-ausgangslage__cta:active { color: #fff; }
.omsag-lp-ausgangslage__cta:hover { transform: translateY(-2px); box-shadow: 0 18px 36px -12px rgba(80,170,60,.6); }
.omsag-lp-ausgangslage__cta svg { width: 20px; height: 20px; transition: transform .35s var(--ez); }
.omsag-lp-ausgangslage__cta:hover svg { transform: translateX(4px) rotate(45deg); }

/* Visual — person, full-bleed to the right edge, duotone blend */
.omsag-lp-ausgangslage__visual {
  position: relative;
  align-self: stretch;
  min-height: 420px;
  margin: -120px 0;
  margin-right: calc((min(100vw, 1280px) - 100vw) / 2 - 28px);
}
.omsag-lp-ausgangslage__visual img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; object-position: 50% 18%;
  filter: grayscale(1) contrast(1.05) brightness(.92);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 26%);
          mask-image: linear-gradient(to right, transparent 0%, #000 26%);
}
/* ── Responsive ── */
@media (max-width: 980px) {
  .omsag-lp-ausgangslage__grid { grid-template-columns: 1fr; gap: 0; }
  .omsag-lp-ausgangslage__visual { display: none; }
}
@media (max-width: 760px) {
  .omsag-lp-ausgangslage { padding: 64px 0; }
  .omsag-lp-ausgangslage__container { padding: 0 20px; }
  .omsag-lp-ausgangslage__head { margin-bottom: 30px; }
  .omsag-lp-ausgangslage__h2 { font-size: 34px; }
  .omsag-lp-ausgangslage__cols { grid-template-columns: 1fr; gap: 28px; }
  .omsag-lp-ausgangslage__banner { gap: 14px; flex-wrap: wrap; }
  .omsag-lp-ausgangslage__banner-text { font-size: 16px; }
  .omsag-lp-ausgangslage__cta { flex: 1 1 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .omsag-lp-ausgangslage__card { transition: none; }
}