/* SAM-PRO Business v32 */
/* Titelgröße 30 / Hero-Bild breiter ohne Verzerrung / Menü verfeinert */

.sampro-v7-topbar .container,
.sampro-v7-header .container,
.v7-hero > .container {
  max-width: 1240px !important;
  width: min(1240px, 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;
}

/* schöneres Menü */
.sampro-v7-header {
  background: #fff !important;
  border-bottom: 1px solid #e7edf5 !important;
  box-shadow: 0 1px 0 rgba(12,34,79,.04) !important;
}

.sampro-v7-navrow {
  min-height: 64px !important;
  gap: 24px !important;
}

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

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

.sampro-v7-menu > li > a {
  min-height: 64px !important;
  padding: 0 15px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #0c234f !important;
  letter-spacing: 0 !important;
  border-radius: 10px 10px 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;
}

/* HERO: breiteres Bild bei gleicher Höhe, keine Verzerrung */
.v7-hero__grid {
  grid-template-columns: 40% 60% !important;
  min-height: 474px !important;
  gap: 0 !important;
}

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

/* Titelgröße 30 */
.v7-hero__copy h1 {
  max-width: 455px !important;
  font-size: 30px !important;
  line-height: 1.14 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}

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

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

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

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

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

.v7-hero__image-inner {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  background: none !important;
}

/* proportional: keine Verzerrung; breiteres vorberechnetes Bild füllt den Bereich */
.v7-hero__image-inner img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: right center !important;
  display: block !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, 1260px) !important;
  }

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

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

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

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

  .v7-hero__image {
    min-height: 285px !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, 1260px) !important;
  }

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

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