/* SAM-PRO Business v34 */
/* Hero exakt näher am freigegebenen Entwurf / full width */

/* Header-Breite beibehalten */
.sampro-v7-topbar .container,
.sampro-v7-header .container {
  max-width: 1280px !important;
  width: min(1280px, calc(100% - 44px)) !important;
}

/* Hero full width */
.v7-hero > .container {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

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

.v7-hero__grid {
  max-width: 1680px !important;
  margin: 0 auto !important;
  width: 100% !important;
  grid-template-columns: minmax(0, 40%) minmax(0, 60%) !important;
  min-height: 528px !important;
  gap: 0 !important;
  align-items: stretch !important;
}

.v7-hero__copy {
  padding: 64px 22px 40px clamp(44px, 4.7vw, 82px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 5 !important;
}

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

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

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

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

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

.v7-hero__image {
  min-height: 528px !important;
  position: relative !important;
  overflow: hidden !important;
  background: #fff !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;
}

/* weicher Übergang in den Textbereich */
.v7-hero__image::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 21% !important;
  background: linear-gradient(90deg,
    rgba(255,255,255,1) 0%,
    rgba(255,255,255,.98) 20%,
    rgba(255,255,255,.85) 45%,
    rgba(255,255,255,.45) 72%,
    rgba(255,255,255,0) 100%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

/* Menü etwas feiner / näher am Entwurf */
.sampro-v7-navrow {
  min-height: 66px !important;
  gap: 28px !important;
}
.sampro-v7-menu {
  gap: 8px !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;
  border-radius: 8px 8px 0 0 !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;
}
.sampro-v7-menu > li > a:hover,
.sampro-v7-menu > li:hover > a {
  color: #1d5fc0 !important;
  background: rgba(29,95,192,.05) !important;
}

@media (max-width: 1200px) {
  .v7-hero__grid {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    max-width: 1280px !important;
  }
  .v7-hero__copy {
    padding: 34px 20px 20px !important;
  }
  .v7-hero__copy h1 {
    max-width: 100% !important;
    font-size: 30px !important;
  }
  .v7-hero__image {
    min-height: 340px !important;
  }
  .v7-hero__image::before {
    width: 14% !important;
  }
}

@media (max-width: 700px) {
  .sampro-v7-topbar .container,
  .sampro-v7-header .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;
  }
}