/* ============================================================
   Theme B – "Anthrazit + Gold"
   Modernes Premium-Design – Gold bleibt, alles wird cleaner
   Überlagert css/style.css – Bootstrap 3 bleibt unberührt
   ============================================================ */

/* Fonts werden lokal über css/fonts-local.css geladen – kein Google-Aufruf */

/* --- Grundlayout --- */
body {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  line-height: 26px;
  background-color: #f9f9f9;
  color: #555555;
  padding-top: 50px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Manrope', sans-serif;
  color: #222222;
  letter-spacing: 0.2px;
}

/* --- Navbar --- */
.navbar-default {
  background-color: #1c1c1e;
  border-bottom: none;
  box-shadow: 0 2px 16px rgba(0,0,0,0.22);
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.navbar-default .navbar-nav > li > a {
  color: rgba(255,255,255,0.78);
  font-family: 'Inter', sans-serif;
  letter-spacing: 0.5px;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #fff;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #edac15;
  background-color: transparent;
  border-bottom-color: #edac15;
}
.navbar-brand > img {
  filter: none;
}
.navbar-toggle {
  border-color: rgba(255,255,255,0.3);
  margin-top: 16px;
  margin-bottom: 16px;
}
.navbar-toggle .icon-bar { background-color: #fff; }
.navbar-toggle:hover,
.navbar-toggle:focus { background-color: rgba(255,255,255,0.1); }

/* --- Buttons --- */
.btn {
  font-family: 'Inter', sans-serif;
  letter-spacing: 1.5px;
  border-radius: 6px;
}
/* Gold-Akzent bleibt – nur subtil aufgefrischt */
.btn-skin {
  background-color: #edac15;
  color: #1c1c1e;
  font-weight: 700;
}
.btn-skin:hover {
  background-color: #d4960f;
  color: #1c1c1e;
}

/* --- Gold-Akzente bleiben, nur Navbar/Hintergrund wechselt --- */
/* (Links, Buttons, Icons, Border-Widths = alles wie bisher #edac15) */

/* Footer */
.footer { background-color: #1c1c1e; }

/* Grauer Hintergrund etwas wärmer */
.gray-bg { background-color: #f2f2f2; }

/* Formular-Fokus – Gold-Glow */
.form-control:focus {
  border-color: #edac15;
  box-shadow: 0 0 0 3px rgba(237,172,21,0.15);
}

/* --- Hero-Slider --- */
.title2 { font-family: 'Manrope', sans-serif; letter-spacing: 2px; }

/* --- Slider Mobile (via JS .mobile-view auf body) --- */
body.mobile-view .ms-layer.sub-title2 {
  opacity: 0 !important;
  pointer-events: none !important;
}
body.mobile-view .ms-layer.title2 {
  font-size: 18px !important;
  line-height: 24px !important;
  top: 30% !important;
}
body.mobile-view .ms-layer.btn1 {
  position: absolute !important;
  left: 50% !important;
  top: 65% !important;
  transform: translate(-50%, -50%) !important;
  font-size: 16px !important;
  padding: 14px 32px !important;
  white-space: nowrap !important;
  background: rgba(237, 172, 21, 0.5) !important;
  border-color: transparent !important;
}

/* --- Mobile Optimierungen --- */
@media (max-width: 767px) {
  body { padding-top: 66px; }
  .space80  { height: 40px; }
  .space100 { height: 50px; }
  .title2   { font-size: 26px !important; line-height: 32px !important; }
  .sub-title2 { font-size: 12px !important; }

  /* handled via JS class .mobile-view on body */

  /* Formular-Felder Touch-freundlich */
  .form-control { height: 48px; font-size: 16px; }
  textarea.form-control { height: auto; }

  /* Button Full-Width auf Mobile */
  .b-contact .btn,
  .b-freight .btn { display: block; width: 100%; }

  /* Sidebar-Widget unter Form */
  .col-sm-3.col-sm-offset-1 { margin-top: 30px; }
}

@media (max-width: 480px) {
  .title2 { font-size: 20px !important; line-height: 26px !important; }
  .center-title h1 { font-size: 20px; letter-spacing: 2px; }
}