/*
 * SAM-PRO Business v9
 * Umsetzung nah am favorisierten Entwurf:
 * - Hero mit Laptop/Mug-Bild aus vorhandener hero.webp
 * - keine Kundenlogo-Sektion
 * - Footer/Zitatbereich mit farbigem Portrait
 * - homogenere, moderatere Schriftgrößen
 */

:root{
  --sampro-navy:#062653;
  --sampro-navy-dark:#001f48;
  --sampro-blue:#0d4d9b;
  --sampro-gold:#d2a544;
  --sampro-text:#14243b;
  --sampro-muted:#48576b;
  --sampro-line:#dbe4ef;
  --sampro-soft:#f5f8fc;
  --sampro-card:#ffffff;
}

/* Grundlayout */
body{
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  color:var(--sampro-text)!important;
  background:#fff!important;
}
.container{
  max-width:1180px!important;
  width:calc(100% - 64px)!important;
  margin:0 auto!important;
}
.section{padding:52px 0!important;}
.center{text-align:center!important;}

/* Header wie im favorisierten Entwurf */
.topbar,
.sp-topbar,
.sampro-v4-topbar{
  background:var(--sampro-navy-dark)!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.2!important;
}
.topbar__inner,
.sp-topbar__inner{
  min-height:30px!important;
  padding:5px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.topbar a,
.sp-topbar a{color:#fff!important;text-decoration:none!important;}
.topbar__links,
.sp-topbar__links{display:flex!important;gap:26px!important;}

.site-header,
.sp-header,
.sampro-v4-header{
  background:#fff!important;
  border-bottom:1px solid #e5ebf2!important;
  box-shadow:0 6px 18px rgba(6,38,83,.035)!important;
  position:sticky!important;
  top:0!important;
  z-index:60!important;
}
.site-header .nav,
.sp-header__inner,
.nav{
  min-height:74px!important;
  padding:10px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:34px!important;
}
.brand,
.sp-logo,
.brand--sampro-v4{
  display:flex!important;
  align-items:center!important;
  text-decoration:none!important;
  min-width:220px!important;
  max-width:260px!important;
}
.sp-logo img,
.brand img{
  max-width:245px!important;
  max-height:62px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}
.brand-mark{
  font-size:34px!important;
  letter-spacing:.08em!important;
  color:var(--sampro-navy)!important;
  font-weight:800!important;
}
.brand-claim{
  display:block!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
  color:#65758a!important;
  margin-top:2px!important;
}
.menu,
.sp-menu,
.sampro-v4-menu{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
.menu a,
.sp-menu a,
.sampro-v4-menu a{
  display:inline-flex!important;
  align-items:center!important;
  padding:11px 10px!important;
  color:#0b1e38!important;
  font-size:15px!important;
  font-weight:700!important;
  text-decoration:none!important;
  border-radius:4px!important;
  position:relative!important;
}
.menu a:hover,
.sp-menu a:hover,
.sampro-v4-menu a:hover{
  color:var(--sampro-blue)!important;
  background:#f5f8fd!important;
}
.menu .current-menu-item>a,
.menu .current_page_item>a,
.sp-menu .current-menu-item>a,
.sp-menu .current_page_item>a,
.sampro-v4-menu .current-menu-item>a,
.sampro-v4-menu .current_page_item>a{
  color:var(--sampro-blue)!important;
}
.menu .current-menu-item>a:after,
.menu .current_page_item>a:after,
.sp-menu .current-menu-item>a:after,
.sp-menu .current_page_item>a:after,
.sampro-v4-menu .current-menu-item>a:after,
.sampro-v4-menu .current_page_item>a:after{
  content:""!important;
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  bottom:2px!important;
  height:2px!important;
  background:var(--sampro-blue)!important;
}

/* Hero: zurück zum favorisierten Corporate-Mockup */
.biz-hero,
.biz-hero--v4,
.hero{
  position:relative!important;
  min-height:390px!important;
  background:#f3f6fa!important;
  overflow:hidden!important;
  border-bottom:1px solid #e0e7f0!important;
}
.biz-hero:before,
.biz-hero--v4:before,
.hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.96) 37%,rgba(255,255,255,.20) 56%,rgba(255,255,255,.02) 100%),
    url("../img/hero.webp") center right/cover no-repeat!important;
  z-index:0!important;
}
.biz-hero:after,
.biz-hero--v4:after{
  display:none!important;
}
.biz-hero__visual{display:none!important;}
.biz-hero__grid,
.hero__inner{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:minmax(0,520px) 1fr!important;
  align-items:center!important;
  min-height:390px!important;
}
.biz-hero__copy,
.hero__copy{
  padding:46px 0 48px!important;
  max-width:540px!important;
}
.biz-eyebrow,
.hero__eyebrow{
  color:var(--sampro-blue)!important;
  font-size:12px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.15em!important;
  margin-bottom:12px!important;
}
.biz-hero h1,
.hero h1{
  margin:0!important;
  color:var(--sampro-navy)!important;
  font-size:clamp(34px,3.45vw,52px)!important;
  line-height:1.12!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
}
.biz-subline,
.hero__subline{
  color:var(--sampro-blue)!important;
  font-size:clamp(20px,2vw,28px)!important;
  line-height:1.2!important;
  margin:10px 0 0!important;
  font-weight:500!important;
}
.biz-hero h1 + .biz-subline{margin-top:10px!important;}
.biz-separator,
.hero__separator,
.biz-hero__copy:has(h1)::after{
  content:""!important;
  display:block!important;
  width:78px!important;
  height:3px!important;
  background:var(--sampro-gold)!important;
  margin:22px 0!important;
}
.biz-lead,
.hero__lead{
  font-size:16px!important;
  line-height:1.65!important;
  color:#23354c!important;
  margin:20px 0!important;
  max-width:500px!important;
}
.biz-hero__checks{
  display:none!important;
}
.biz-hero__actions,
.hero__actions{
  display:flex!important;
  gap:14px!important;
  flex-wrap:wrap!important;
  margin-top:22px!important;
}
.btn,
button,
input[type="submit"],
.wp-block-button__link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  border-radius:4px!important;
  padding:14px 22px!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:800!important;
  text-decoration:none!important;
  border:2px solid var(--sampro-navy)!important;
}
.btn-primary,
button,
input[type="submit"]{
  background:var(--sampro-navy)!important;
  color:#fff!important;
}
.btn-primary:hover{background:var(--sampro-blue)!important;border-color:var(--sampro-blue)!important;}
.btn-ghost{
  background:#fff!important;
  color:var(--sampro-navy)!important;
}
.btn-ghost:hover{background:#f2f6fb!important;color:var(--sampro-blue)!important;}

/* Kennzahlenband */
.biz-metrics-wrap,
.metrics{
  background:var(--sampro-navy-dark)!important;
  padding:0!important;
}
.biz-metrics,
.metrics__grid{
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  gap:0!important;
  background:transparent!important;
  color:#fff!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.biz-metrics article,
.metrics__item{
  padding:26px 20px!important;
  text-align:center!important;
  border-right:1px solid rgba(255,255,255,.20)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}
.biz-metrics article:last-child,
.metrics__item:last-child{border-right:0!important;}
.biz-icon,
.metrics .icon,
.biz-metrics .biz-icon{
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#fff!important;
  margin:0 auto 4px!important;
}
.biz-icon svg,
.metrics svg{
  width:34px!important;
  height:34px!important;
  stroke:currentColor!important;
  fill:none!important;
}
.biz-metrics strong,
.metrics strong{
  color:var(--sampro-gold)!important;
  font-size:29px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}
.biz-metrics small,
.metrics small{
  color:#fff!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.3!important;
}

/* Leistungen */
.biz-services,
.services{
  padding:48px 0 36px!important;
  background:#fff!important;
}
.biz-section-kicker,
.section-kicker{
  display:block!important;
  text-align:center!important;
  color:var(--sampro-gold)!important;
  font-size:12px!important;
  line-height:1.1!important;
  text-transform:uppercase!important;
  letter-spacing:.18em!important;
  font-weight:800!important;
  margin:0 0 8px!important;
}
.biz-services h2,
.section-head h2,
.services h2{
  color:var(--sampro-navy)!important;
  font-size:clamp(26px,2.45vw,36px)!important;
  line-height:1.2!important;
  font-weight:800!important;
  text-align:center!important;
  margin:0 0 24px!important;
}
.biz-card-grid,
.services-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:22px!important;
}
.biz-card,
.service-card{
  background:#fff!important;
  border:1px solid #dce4ee!important;
  border-radius:7px!important;
  padding:30px 28px!important;
  box-shadow:0 8px 24px rgba(6,38,83,.045)!important;
  min-height:285px!important;
}
.biz-card h3,
.service-card h3{
  color:var(--sampro-navy)!important;
  font-size:22px!important;
  line-height:1.2!important;
  margin:14px 0 14px!important;
  font-weight:800!important;
}
.biz-card p,
.service-card p{
  color:#2f4056!important;
  font-size:15px!important;
  line-height:1.55!important;
  margin:0 0 18px!important;
}
.biz-card ul,
.service-card ul{
  list-style:none!important;
  margin:0 0 18px!important;
  padding:0!important;
}
.biz-card li,
.service-card li{
  font-size:14px!important;
  line-height:1.45!important;
  color:#1f324b!important;
  margin:7px 0!important;
  padding-left:22px!important;
  position:relative!important;
}
.biz-card li:before,
.service-card li:before{
  content:"✓"!important;
  position:absolute!important;
  left:0!important;
  color:var(--sampro-blue)!important;
  font-weight:800!important;
}
.biz-card .link,
.service-card .link{
  color:var(--sampro-blue)!important;
  font-size:14px!important;
  font-weight:800!important;
  text-decoration:none!important;
}

/* Vorteile */
.biz-why,
.why{
  background:#fff!important;
  padding:32px 0 44px!important;
}
.biz-benefits,
.why-grid{
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  border-top:1px solid var(--sampro-line)!important;
  border-bottom:1px solid var(--sampro-line)!important;
}
.biz-benefits article,
.why-card{
  text-align:center!important;
  padding:26px 18px!important;
  border-right:1px solid var(--sampro-line)!important;
}
.biz-benefits article:last-child,
.why-card:last-child{border-right:0!important;}
.biz-benefits .biz-icon{
  color:var(--sampro-blue)!important;
  border:0!important;
  margin:0 auto 12px!important;
}
.biz-benefits strong,
.why-card h3{
  color:var(--sampro-navy)!important;
  display:block!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:800!important;
  margin:0 0 8px!important;
}
.biz-benefits p,
.why-card p{
  color:#394b61!important;
  font-size:14px!important;
  line-height:1.45!important;
  margin:0!important;
}

/* Kundenbereich komplett ausblenden, falls Template noch Inhalt enthält */
.customers,
.client-logos,
.kunden,
.trust-logos,
section[aria-label*="Kunden"],
section[class*="customer"],
section[class*="kunden"]{
  display:none!important;
}

/* Footer-/Zitatbereich nach Entwurf mit farbigem Portrait */
.site-footer{
  background:var(--sampro-navy-dark)!important;
  color:#fff!important;
  margin-top:0!important;
}
.footer-quote,
.testimonial-band,
.biz-final-cta{
  background:var(--sampro-navy-dark)!important;
  color:#fff!important;
  padding:42px 0 34px!important;
  clip-path:none!important;
}
.footer-quote__inner,
.testimonial-band__inner,
.biz-final-cta__inner{
  display:grid!important;
  grid-template-columns:230px minmax(0,1fr) 330px!important;
  align-items:center!important;
  gap:40px!important;
}
.footer-quote img,
.testimonial-band img,
.site-footer img[src*="thomas"],
.biz-final-cta img{
  width:210px!important;
  max-width:210px!important;
  height:210px!important;
  object-fit:cover!important;
  object-position:center 12%!important;
  border-radius:0!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
}
.footer-quote blockquote,
.testimonial-band blockquote{
  margin:0!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.55!important;
  font-weight:500!important;
}
.footer-quote blockquote:before,
.testimonial-band blockquote:before{
  content:"“"!important;
  color:var(--sampro-gold)!important;
  font-size:58px!important;
  line-height:.6!important;
  display:block!important;
  font-weight:800!important;
}
.footer-quote strong,
.testimonial-band strong{
  color:var(--sampro-gold)!important;
  display:block!important;
  margin-top:14px!important;
  font-size:15px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.cta-card,
.footer-quote__cta,
.biz-final-cta .cta-card{
  border:1px solid rgba(255,255,255,.32)!important;
  border-radius:8px!important;
  padding:26px!important;
  background:rgba(0,18,44,.18)!important;
}
.cta-card h3,
.footer-quote__cta h3{
  color:#fff!important;
  margin:0 0 10px!important;
  font-size:24px!important;
  line-height:1.15!important;
  font-weight:800!important;
}
.cta-card p,
.footer-quote__cta p{
  color:#d8e5f3!important;
  font-size:15px!important;
  line-height:1.45!important;
}
.cta-card .btn,
.footer-quote__cta .btn{
  background:var(--sampro-gold)!important;
  border-color:var(--sampro-gold)!important;
  color:#071d3f!important;
  width:100%!important;
}

/* Footer Navigation */
.foot-grid{
  display:grid!important;
  grid-template-columns:1.3fr 1fr 1fr 1fr!important;
  gap:40px!important;
  padding:34px 0!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
}
.foot-brand .brand-text,
.site-footer .brand-text{
  color:#fff!important;
  font-size:33px!important;
  letter-spacing:.09em!important;
  font-weight:800!important;
}
.site-footer h4{
  color:#fff!important;
  font-size:15px!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  margin:0 0 14px!important;
}
.site-footer a{color:#e8f0fa!important;text-decoration:none!important;}
.site-footer a:hover{color:#fff!important;}
.site-footer .muted,
.site-footer li{
  color:#cfdae8!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.footnote{
  border-top:1px solid rgba(255,255,255,.14)!important;
  padding:18px 0 22px!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:20px!important;
  color:#d8e2ef!important;
}

/* Falls Footer-Portrait direkt im Footer an anderer Stelle gerendert wird */
.site-footer .avatar,
.site-footer .portrait,
.site-footer .footer-portrait{
  filter:none!important;
}

/* Responsive */
@media(max-width:1050px){
  .container{width:calc(100% - 40px)!important;}
  .site-header .nav,.sp-header__inner,.nav{flex-wrap:wrap!important;gap:12px!important;}
  .primary-navigation,.sp-nav{width:100%!important;}
  .menu,.sp-menu,.sampro-v4-menu{overflow-x:auto!important;justify-content:flex-start!important;}
  .biz-hero__grid,.hero__inner{grid-template-columns:1fr!important;}
  .biz-hero:before,.biz-hero--v4:before,.hero:before{
    background:
      linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.86)),
      url("../img/hero.webp") center right/cover no-repeat!important;
  }
  .biz-card-grid,.services-grid{grid-template-columns:1fr!important;}
  .biz-benefits,.why-grid{grid-template-columns:1fr 1fr!important;}
  .footer-quote__inner,.testimonial-band__inner,.biz-final-cta__inner{
    grid-template-columns:180px 1fr!important;
  }
  .cta-card,.footer-quote__cta{grid-column:1/-1!important;}
  .foot-grid{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:680px){
  .container{width:calc(100% - 28px)!important;}
  .topbar__inner,.sp-topbar__inner{display:block!important;text-align:center!important;}
  .topbar__links,.sp-topbar__links{justify-content:center!important;margin-top:4px!important;flex-wrap:wrap!important;}
  .brand,.sp-logo{max-width:210px!important;}
  .biz-hero,.biz-hero--v4,.hero{min-height:auto!important;}
  .biz-hero__grid,.hero__inner{min-height:auto!important;}
  .biz-hero__copy,.hero__copy{padding:38px 0!important;}
  .biz-hero h1,.hero h1{font-size:34px!important;}
  .biz-subline,.hero__subline{font-size:20px!important;}
  .biz-metrics,.metrics__grid{grid-template-columns:1fr!important;}
  .biz-metrics article,.metrics__item{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important;}
  .biz-benefits,.why-grid{grid-template-columns:1fr!important;}
  .footer-quote__inner,.testimonial-band__inner,.biz-final-cta__inner{grid-template-columns:1fr!important;text-align:left!important;}
  .footer-quote img,.testimonial-band img,.site-footer img[src*="thomas"],.biz-final-cta img{width:180px!important;height:180px!important;}
  .foot-grid{grid-template-columns:1fr!important;}
  .footnote{display:block!important;}
}