/* SAM-PRO Business v33 */
/* Premium Hero nach freigegebenem Entwurf / harmonischer Übergang / aufgewertetes Menü */

.sampro-v7-topbar .container,
.sampro-v7-header .container,
.v7-hero > .container {
  max-width: 1280px !important;
  width: min(1280px, calc(100% - 44px)) !important;
}

.v7-metrics .container,
.v7-section .container,
.v7-quote-footer .container,
.site-footer .container,
footer .container {
  max-width: 1260px !important;
  width: min(1260px, calc(100% - 44px)) !important;
}

.sampro-v7-header {
  background: #fff !important;
  border-bottom: 1px solid #e8edf5 !important;
  box-shadow: 0 1px 0 rgba(12,35,79,.04) !important;
}

.sampro-v7-navrow {
  min-height: 66px !important;
  gap: 28px !important;
}

.sampro-v7-logo {
  width: 214px !important;
  min-width: 214px !important;
}

.sampro-v7-menu {
  gap: 10px !important;
  align-items: center !important;
}

.sampro-v7-menu > li > a {
  min-height: 66px !important;
  padding: 0 14px !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #0c234f !important;
  letter-spacing: 0 !important;
  border-radius: 9px 9px 0 0 !important;
  transition: color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}

.sampro-v7-menu > li > a:hover,
.sampro-v7-menu > li:hover > a {
  color: #1d5fc0 !important;
  background: rgba(29,95,192,.05) !important;
}

.sampro-v7-menu > li.current-menu-item > a,
.sampro-v7-menu > li.current_page_item > a,
.sampro-v7-menu > li.current-menu-ancestor > a {
  color: #1d5fc0 !important;
  background: rgba(29,95,192,.05) !important;
  box-shadow: inset 0 -3px 0 #1d5fc0 !important;
}

.v7-hero {
  background: #fff !important;
}

.v7-hero__grid {
  grid-template-columns: minmax(0, 41.5%) minmax(0, 58.5%) !important;
  min-height: 482px !important;
  gap: 0 !important;
  align-items: stretch !important;
}

.v7-hero__copy {
  padding: 38px 14px 30px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 2 !important;
}

.v7-hero__copy h1 {
  max-width: 470px !important;
  font-size: 30px !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}

.v7-gold-line {
  width: 62px !important;
  height: 4px !important;
  margin: 16px 0 18px !important;
}

.v7-hero__copy p {
  max-width: 500px !important;
  font-size: 13.5px !important;
  line-height: 1.62 !important;
  margin: 0 !important;
}

.v7-actions {
  margin-top: 22px !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.v7-actions .btn {
  min-height: 44px !important;
  padding: 12px 18px !important;
  font-size: 12.5px !important;
}

.v7-hero__image {
  min-height: 482px !important;
  position: relative !important;
  overflow: hidden !important;
  background: #fff !important;
}

/* Verblendung nach links, damit Text und Bild wie aus einem Guss wirken */
.v7-hero__image:before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 28% !important;
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.96) 24%, rgba(255,255,255,.72) 58%, rgba(255,255,255,.22) 84%, rgba(255,255,255,0) 100%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.v7-hero__image-inner {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  background: none !important;
}

.v7-hero__image-inner img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  max-width: none !important;
  transform: none !important;
}

@media (max-width: 1200px) {
  .sampro-v7-topbar .container,
  .sampro-v7-header .container,
  .v7-hero > .container,
  .v7-metrics .container,
  .v7-section .container,
  .v7-quote-footer .container,
  .site-footer .container,
  footer .container {
    width: min(100% - 28px, 1280px) !important;
  }

  .sampro-v7-menu > li > a {
    font-size: 13.6px !important;
    padding: 0 10px !important;
  }

  .v7-hero__grid {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }

  .v7-hero__copy {
    padding: 28px 0 18px !important;
  }

  .v7-hero__copy h1 {
    max-width: 100% !important;
    font-size: 30px !important;
  }

  .v7-hero__image {
    min-height: 300px !important;
  }

  .v7-hero__image:before {
    width: 20% !important;
  }
}

@media (max-width: 700px) {
  .sampro-v7-topbar .container,
  .sampro-v7-header .container,
  .v7-hero > .container,
  .v7-metrics .container,
  .v7-section .container,
  .v7-quote-footer .container,
  .site-footer .container,
  footer .container {
    width: min(100% - 22px, 1280px) !important;
  }

  .v7-hero__copy h1 {
    font-size: 28px !important;
  }

  .v7-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}