/* SAM-PRO v215: Hero vollflächig bis an den Browserrand, kompakter Titel, größere Introcopy. */
.sp-home-hero-v202{
  position:relative;
  overflow:hidden;
  background:linear-gradient(90deg,#f7fafc 0%,#eef3f8 100%);
  border-bottom:1px solid #e3eaf2;
}

.sp-home-hero-v202 > .container.sp-home-hero-v202__grid{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.sp-home-hero-v202::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,
    rgba(249,251,253,.985) 0%,
    rgba(249,251,253,.972) 14%,
    rgba(249,251,253,.942) 27%,
    rgba(249,251,253,.84) 39%,
    rgba(249,251,253,.58) 50%,
    rgba(249,251,253,.22) 63%,
    rgba(249,251,253,.04) 75%,
    rgba(249,251,253,0) 86%);
}

.sp-home-hero-v202__grid{
  position:relative;
  min-height:430px;
  width:100%;
  max-width:none;
  margin:0;
  display:block;
}

.sp-home-hero-v202__visual{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
}

.sp-home-hero-v202__image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  background-image:url('../img/hero-v214.webp');
  background-repeat:no-repeat;
  background-position:right center;
  background-size:cover;
  transform:none;
}

.sp-home-hero-v202__copy{
  position:relative;
  z-index:2;
  width:min(560px, calc(100% - 88px));
  min-height:430px;
  padding:36px 0 34px;
  margin-left:clamp(26px, 4vw, 72px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.sp-home-hero-v202__copy h1{
  margin:0;
  max-width:548px;
  color:#0a2d63;
  font-weight:900;
  font-size:clamp(27px, 2.35vw, 36px);
  line-height:1.06;
  letter-spacing:-.028em;
  text-wrap:balance;
}

.sp-home-hero-v202__line{display:block;}
.sp-home-hero-v202__line--wide{letter-spacing:-.024em;}
.sp-home-hero-v202__nowrap{white-space:nowrap;}

.sp-home-hero-v202 .v7-gold-line{
  width:58px;
  margin:16px 0 18px;
}

.sp-home-hero-v202__copy p,
.sp-home-hero-v202__lead{
  margin:0;
  max-width:500px;
  color:#425970;
  font-size:15.8px;
  line-height:1.62;
}

.sp-home-hero-v202__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}

.sp-home-hero-v202__actions .btn{
  min-height:44px;
  padding:11px 17px;
  font-size:13.4px;
}

@media (min-width:1400px){
  .sp-home-hero-v202__grid,
  .sp-home-hero-v202__copy{min-height:446px;}
  .sp-home-hero-v202__copy{width:min(590px, calc(100% - 110px));}
  .sp-home-hero-v202__copy h1{font-size:clamp(29px, 2.25vw, 38px); max-width:575px;}
  .sp-home-hero-v202__lead{font-size:16.2px; max-width:520px;}
}

@media (min-width:1100px) and (max-width:1399px){
  .sp-home-hero-v202__grid,
  .sp-home-hero-v202__copy{min-height:420px;}
  .sp-home-hero-v202__copy{width:min(540px, calc(100% - 84px)); margin-left:clamp(24px, 3.4vw, 60px);}
  .sp-home-hero-v202__copy h1{font-size:clamp(26px, 2.22vw, 34px); max-width:530px;}
  .sp-home-hero-v202__lead{font-size:15.4px; max-width:480px;}
}

@media (min-width:821px) and (max-width:1099px){
  .sp-home-hero-v202::before{
    background:linear-gradient(90deg,
      rgba(249,251,253,.992) 0%,
      rgba(249,251,253,.982) 20%,
      rgba(249,251,253,.95) 34%,
      rgba(249,251,253,.84) 47%,
      rgba(249,251,253,.58) 60%,
      rgba(249,251,253,.20) 74%,
      rgba(249,251,253,0) 87%);
  }
  .sp-home-hero-v202__grid,
  .sp-home-hero-v202__copy{min-height:350px;}
  .sp-home-hero-v202__copy{
    width:min(470px, calc(100% - 34px));
    min-height:350px;
    padding:24px 0 26px;
    margin-left:14px;
  }
  .sp-home-hero-v202__copy h1{max-width:452px; font-size:clamp(20px, 2vw, 27px); line-height:1.07;}
  .sp-home-hero-v202__lead{max-width:380px; font-size:13.8px; line-height:1.5;}
  .sp-home-hero-v202 .v7-gold-line{width:50px; margin:12px 0 14px;}
  .sp-home-hero-v202__actions{gap:9px; margin-top:16px;}
  .sp-home-hero-v202__actions .btn{font-size:12.1px; min-height:40px; padding:9px 11px;}
  .sp-home-hero-v202__image{background-position:right center;}
}

@media (min-width:600px) and (max-width:820px){
  .sp-home-hero-v202::before{
    background:linear-gradient(180deg,
      rgba(249,251,253,.992) 0%,
      rgba(249,251,253,.968) 42%,
      rgba(249,251,253,.80) 68%,
      rgba(249,251,253,.08) 100%);
  }
  .sp-home-hero-v202__grid{min-height:545px;}
  .sp-home-hero-v202__copy{
    width:calc(100% - 28px);
    min-height:auto;
    padding:28px 0 0;
    margin-left:14px;
  }
  .sp-home-hero-v202__copy h1{max-width:100%; font-size:clamp(26px, 4vw, 33px); line-height:1.08;}
  .sp-home-hero-v202__nowrap{white-space:normal;}
  .sp-home-hero-v202__lead{max-width:100%; font-size:14.8px; line-height:1.52;}
  .sp-home-hero-v202__visual{position:relative; inset:auto; min-height:250px; height:250px; margin-top:14px;}
  .sp-home-hero-v202__image{position:absolute; inset:0; background-position:center center; background-size:cover;}
}

@media (max-width:599px){
  .sp-home-hero-v202::before{
    background:linear-gradient(180deg,
      rgba(249,251,253,.992) 0%,
      rgba(249,251,253,.958) 46%,
      rgba(249,251,253,.82) 74%,
      rgba(249,251,253,.06) 100%);
  }
  .sp-home-hero-v202__grid{min-height:500px;}
  .sp-home-hero-v202__copy{
    width:calc(100% - 22px);
    min-height:auto;
    padding:22px 0 0;
    margin-left:11px;
  }
  .sp-home-hero-v202__copy h1{max-width:100%; font-size:clamp(23px, 6.2vw, 31px); line-height:1.08;}
  .sp-home-hero-v202__nowrap{white-space:normal;}
  .sp-home-hero-v202__lead{max-width:100%; font-size:14px; line-height:1.48;}
  .sp-home-hero-v202__actions{display:flex; flex-direction:column; align-items:stretch; gap:10px; margin-top:15px;}
  .sp-home-hero-v202__actions .btn{width:100%; justify-content:center; font-size:12.8px;}
  .sp-home-hero-v202__visual{position:relative; inset:auto; min-height:214px; height:214px; margin-top:10px;}
  .sp-home-hero-v202__image{position:absolute; inset:0; background-position:center center; background-size:cover;}
}
