/* =========================================================
   STEINERLIZED BUSINESS — Look-Override (Vorschau)
   Spiegelt die B2C-Palette/Typo der Privatkunden-Seite:
   Navy #0F1B2D, Weiß, Grau #8B8B8B, Border #E8E8E8, Soft #F7F7F7
   B2B-Akzent: feine Linie in Gold #B8960C
   Playfair Display (Headlines) + Assistant (Body)
   WICHTIG: aendert nur den Look. Texte/Inhalte bleiben unberuehrt.
   ========================================================= */

/* 1) Palette + Schriften umstellen (die Seiten sind komplett
      ueber diese Variablen gesteuert -> ein Schalter kippt alles) */
:root{
  --black:   #0F1B2D !important;
  --white:   #FFFFFF !important;
  --cream:   #F7F7F7 !important;
  --light:   #E8E8E8 !important;
  --gray:    #8B8B8B !important;
  --gold:    #B8960C !important;
  --gold-lt: #D4AF37 !important;
  --serif:   'Playfair Display', Georgia, serif !important;
  --sans:    'Assistant', -apple-system, system-ui, sans-serif !important;
}

body{ background:#FFFFFF; color:#0F1B2D; }

/* 2) VORSCHAU-Flagge (ganz oben, statisch) */
.pv-flag{
  background:#0F1B2D; color:#fff;
  font:600 .68rem/1.4 'Assistant',sans-serif;
  letter-spacing:.04em; text-align:center;
  padding:7px 16px;
}
.pv-flag b{ color:#D4AF37; }

/* 3) Marken-Topbar (statisch, scrollt weg) */
.pv-topbar{
  background:#0F1B2D; color:#fff;
  border-bottom:1px solid rgba(212,175,55,.4);
}
.pv-topbar .pv-inner{
  position:relative;
  margin:0 auto; padding:8px 5vw;
  display:flex; align-items:center; justify-content:center;
  font:500 .74rem/1.3 'Assistant',sans-serif;
}
.pv-topbar .pv-promo{ letter-spacing:.03em; text-align:center; }
.pv-topbar .pv-promo b{ letter-spacing:.14em; }
.pv-topbar .pv-link{ position:absolute; right:5vw; top:50%; transform:translateY(-50%); color:#fff; opacity:.85; white-space:nowrap; }
.pv-topbar .pv-link:hover{ opacity:1; }
@media(max-width:900px){ .pv-topbar .pv-link{ display:none; } }

/* 4) HEADER/NAV: weisses, klebendes Headerband im B2C-Stil */
#nav{
  position:sticky !important;
  top:0 !important;
  background:rgba(255,255,255,.94) !important;
  border-bottom:1px solid #E8E8E8 !important;
  justify-content:flex-start !important;   /* Logo bleibt links */
}
/* Navigation mittig im Headerband, unabhaengig vom Logo */
.nav-links{
  position:absolute !important;
  left:50% !important;
  transform:translateX(-50%) !important;
}
/* Logo: navy SVG statt Gold-PNG + "Business"-Badge */
.nav-logo{ display:flex !important; align-items:center; gap:.6rem; flex:0 0 auto; }
.nav-logo img{
  content:url("logo.svg") !important;
  height:38px !important; width:auto !important; max-width:none !important;
}
.nav-logo::after{
  content:"Business";
  font:600 .58rem/1 'Assistant',sans-serif;
  letter-spacing:.18em; text-transform:uppercase;
  color:#0F1B2D;
  border:1px solid #B8960C;
  padding:.32em .55em; border-radius:2px;
  margin-left:.1rem;
}
.nav-links a{ color:#8B8B8B !important; }
.nav-links a:hover, .nav-links a.active{ color:#0F1B2D !important; }
.nav-cta{ background:#0F1B2D !important; color:#fff !important; border-radius:2px; }
.nav-cta:hover{ background:#1c2c44 !important; }
.nav-lang{ border-color:#0F1B2D !important; color:#0F1B2D !important; border-radius:2px; }
.nav-lang:hover{ background:#0F1B2D !important; color:#fff !important; }

/* 5) Akzent-Linien (eyebrows) in Gold halten, Headlines navy */
h1, h2, h3{ color:#0F1B2D; }
em{ color:inherit; }

/* 6) Primaere Buttons -> navy (statt gold), wie auf der B2C-Seite */
.btn,
.faq-form-submit,
.kat-cta, .blog-cta,
button[type="submit"]{
  background:#0F1B2D !important; color:#fff !important;
  border-radius:2px !important; border-color:#0F1B2D !important;
}
.btn:hover,
.faq-form-submit:hover,
button[type="submit"]:hover{ background:#1c2c44 !important; }

/* 7) FOOTER: navy mit feiner Gold-Oberkante */
footer{ border-top:1px solid #B8960C !important; }
footer .footer-logo img{
  content:url("logo.svg") !important;
  filter:brightness(0) invert(1) !important;
  height:32px !important; width:auto !important;
}

/* 8) Mobile-Menue Akzente */
.nav-mobile-menu a.mob-cta{ background:#0F1B2D !important; color:#fff !important; }
.nav-mobile-menu a.mob-cta:hover{ background:#1c2c44 !important; }