/* SAM-PRO v222: neues Hero mit natürlicherer Farbanmutung, echtem HTML-Text und funktionalem CTA */
.sp-home-hero-v202.sp-home-hero-v222{
  position:relative;
  overflow:hidden;
  background:#f7fafc;
  border-bottom:1px solid #e3eaf2;
}
.sp-home-hero-v202.sp-home-hero-v222 > .container.sp-home-hero-v202__grid{
  position:relative !important;
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:0 !important;
  min-height:clamp(430px, 38vw, 700px) !important;
  display:flex !important;
  align-items:center !important;
}
.sp-home-hero-v202.sp-home-hero-v222::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg,
    rgba(247,250,252,.98) 0%,
    rgba(247,250,252,.98) 18%,
    rgba(247,250,252,.93) 28%,
    rgba(247,250,252,.78) 38%,
    rgba(247,250,252,.42) 50%,
    rgba(247,250,252,.12) 60%,
    rgba(247,250,252,0) 68%);
  z-index:1 !important;
  pointer-events:none !important;
}
.sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__visual{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  overflow:hidden !important;
  background:#f7fafc !important;
  min-height:0 !important;
  height:100% !important;
  margin:0 !important;
}
.sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__image{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background-image:url('../img/hero-v222.webp') !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
  filter:saturate(.88) contrast(.98) !important;
  transform:none !important;
}
.sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__copy{
  position:relative !important;
  z-index:2 !important;
  width:min(760px, calc(100% - 64px)) !important;
  height:auto !important;
  padding:clamp(42px, 5vw, 72px) 0 !important;
  margin:0 0 0 clamp(36px, 4.5vw, 76px) !important;
  overflow:visible !important;
  clip:auto !important;
  white-space:normal !important;
  border:0 !important;
}
.sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__copy h1{
  margin:0 !important;
  max-width:700px !important;
  color:#0d2f6e !important;
  font-size:clamp(36px, 4.1vw, 74px) !important;
  line-height:1.08 !important;
  letter-spacing:-0.02em !important;
  font-weight:800 !important;
}
.sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__line{display:block !important;}
.sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__nowrap{white-space:nowrap !important;}
.sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__lead{
  margin:28px 0 0 !important;
  max-width:720px !important;
  color:#314869 !important;
  font-size:clamp(19px, 1.55vw, 31px) !important;
  line-height:1.58 !important;
  font-weight:500 !important;
}
.sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__actions{
  display:flex !important;
  gap:14px !important;
  margin-top:34px !important;
}
.sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:56px !important;
  padding:15px 32px !important;
  font-size:20px !important;
  font-weight:700 !important;
  border-radius:8px !important;
  text-decoration:none !important;
}
@media (min-width:1600px){
  .sp-home-hero-v202.sp-home-hero-v222 > .container.sp-home-hero-v202__grid{min-height:620px !important;}
  .sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__copy{width:min(820px, calc(100% - 120px)) !important;}
}
@media (max-width:1399px){
  .sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__copy h1{font-size:clamp(34px, 4vw, 60px) !important; max-width:620px !important;}
  .sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__lead{font-size:clamp(18px, 1.45vw, 26px) !important; max-width:640px !important;}
}
@media (max-width:1200px){
  .sp-home-hero-v202.sp-home-hero-v222 > .container.sp-home-hero-v202__grid{min-height:500px !important;}
  .sp-home-hero-v202.sp-home-hero-v222::before{
    background:linear-gradient(90deg,
      rgba(247,250,252,.98) 0%,
      rgba(247,250,252,.98) 24%,
      rgba(247,250,252,.90) 38%,
      rgba(247,250,252,.60) 50%,
      rgba(247,250,252,.12) 64%,
      rgba(247,250,252,0) 74%) !important;
  }
  .sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__copy{width:min(640px, calc(100% - 60px)) !important; margin-left:clamp(28px, 4vw, 48px) !important;}
  .sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__copy h1{font-size:clamp(31px, 3.65vw, 48px) !important; max-width:560px !important;}
  .sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__lead{font-size:clamp(16px, 1.35vw, 20px) !important; max-width:560px !important; margin-top:24px !important;}
  .sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__cta{min-height:52px !important; padding:13px 28px !important; font-size:18px !important;}
}
@media (max-width:920px){
  .sp-home-hero-v202.sp-home-hero-v222 > .container.sp-home-hero-v202__grid{min-height:430px !important;}
  .sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__copy{width:min(540px, calc(100% - 44px)) !important; margin-left:22px !important; padding:34px 0 !important;}
  .sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__copy h1{font-size:clamp(26px, 4.2vw, 40px) !important; max-width:490px !important;}
  .sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__lead{font-size:15px !important; max-width:475px !important; line-height:1.54 !important;}
  .sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__actions{margin-top:24px !important;}
  .sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__cta{min-height:48px !important; padding:12px 24px !important; font-size:16px !important;}
}
@media (max-width:767px){
  .sp-home-hero-v202.sp-home-hero-v222 > .container.sp-home-hero-v202__grid{min-height:540px !important; align-items:flex-start !important;}
  .sp-home-hero-v202.sp-home-hero-v222::before{
    background:linear-gradient(180deg,
      rgba(247,250,252,.98) 0%,
      rgba(247,250,252,.95) 16%,
      rgba(247,250,252,.88) 30%,
      rgba(247,250,252,.70) 45%,
      rgba(247,250,252,.18) 62%,
      rgba(247,250,252,0) 76%) !important;
  }
  .sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__image{background-position:62% center !important;}
  .sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__copy{width:calc(100% - 32px) !important; margin:0 16px !important; padding:32px 0 0 !important;}
  .sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__copy h1{font-size:clamp(24px, 7.4vw, 36px) !important; max-width:100% !important;}
  .sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__nowrap{white-space:normal !important;}
  .sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__lead{margin-top:20px !important; max-width:100% !important; font-size:14px !important; line-height:1.5 !important;}
  .sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__actions{margin-top:20px !important;}
  .sp-home-hero-v202.sp-home-hero-v222 .sp-home-hero-v202__cta{width:auto !important; min-height:46px !important; padding:11px 20px !important; font-size:15px !important;}
}