/* Floor & More – Header Variante B (Staging 2026-11-07)
   Halbtransparenter dunkler Balken mit Unschaerfe, Logo negativ (weiss, & in Sandgold).
   Header bleibt position:sticky wie bisher (kein Layout-Sprung auf Unterseiten).
   Rueckgaengig: siehe ~/backups-manual/2026-11-07/header-variante-b/README.txt */

/* Ein einheitlicher Balken auf ALLEN Seiten (Startseite wie Unterseiten), Kundenwunsch 07.11.2026.
   0.85 wirkt ueber dem Hauptbild und ueber weissem Inhalt praktisch gleich dunkel. */
.header,
.header.header--home {
  background-color: rgba(36, 39, 42, 0.85);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  backdrop-filter: blur(10px) saturate(120%);
}

/* Navigation + Hamburger weiss */
.header .header__nav .nav__item a { color: #FFFFFF; }
.header .header__nav .nav__item.active a { color: #BD9A5F; }
#nav__trigger .nav__trigger--wrapper .nav__burger,
#nav__trigger .nav__trigger--wrapper:before,
#nav__trigger .nav__trigger--wrapper:after { background-color: #FFFFFF; }

/* Startseite: Hauptbild beginnt ganz oben und laeuft unter dem Balken durch */
.home .hero__image, .home .hero__video { margin-top: 0; height: 55vh; }
.home .hero__image--img, .home .hero__video--img { top: 0; height: 55vh; }
@media only screen and (min-width: 769px) {
  .home .hero__image, .home .hero__video { height: 100vh; }
  .home .hero__image--img, .home .hero__video--img { top: 0; height: 100vh; }
}

/* Schmalerer Balken + etwas kleineres Logo (Kundenwunsch 07.11.2026, site-weit)
   Desktop: Header 130 -> 104px, Logo 92 -> 78px. Mobil: Header 88 -> 72px, Logo 56 -> 48px.
   Header ist sticky -> Unterseiten ruecken automatisch nach. */
.header { height: 72px; }
.header__image { height: 48px; }
.nav { margin-top: 72px; }
.main--home { margin-top: calc(55vh - 72px); }
@media only screen and (max-width: 768px) {
  .header__image { height: 48px; }
}
@media only screen and (min-width: 769px) {
  .header { height: 104px; }
  .header__image { height: 78px; }
  .nav { margin-top: 104px; }
  .main--home { margin-top: 0; }
}

/* Nav-Links SORTIMENT / KONTAKT exakt wie der Logo-Zusatz PARKETT / VINYL / KERAMIK (Kundenwunsch 07.11.2026).
   Ausgemessen am Logo: Strichstaerke/Versalhoehe 0.185 = Montserrat SemiBold (Datei 600: 0.191; 500: 0.148; 700: 0.24),
   Laufweite 0.206em, Versalhoehe bei 78px-Logo 8.63px -> 12px (am Staging-Screenshot nachgemessen: Versalhoehe 8.5px wie Logo).
   Achtung: In style.min.css zeigt "FM Montserrat" 600 wegen doppelter @font-face-Regel auf die 700er-Datei
   (zu fett). Darum eigene Familie mit der echten 600er-Datei, nur fuer die Header-Links. */
@font-face {
  font-family: "FM Montserrat Nav";
  src: url("../fonts/montserrat/montserrat-600-latin.woff2?v=2026110205") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
.header .header__nav {
  font-family: "FM Montserrat Nav", "FM Montserrat", Montserrat, Arial, sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .205em;
  text-transform: uppercase;
  line-height: 1;
}
.header .header__nav .nav__item a,
.header .header__nav .nav__item.active a { color: #FFFFFF; }
/* Kundenwunsch 07.11.2026: keine goldene Linie, alles einfach weiss (auch aktiv/Hover/Fokus) */
.header .header__nav .nav__item a:after,
.header .header__nav .nav__item a:hover:after,
.header .header__nav .nav__item a:focus:after,
.header .header__nav .nav__item.active a:after { display: none; content: none; }
.header .header__nav .nav__item a,
.header .header__nav .nav__item a:hover,
.header .header__nav .nav__item a:focus,
.header .header__nav .nav__item.active a { color: #FFFFFF; text-decoration: none; }

/* Offenes Menue (Kundenwunsch 07.11.2026): Balken bleibt exakt wie auf der Startseite.
   Kein eigener Hintergrund mehr im Menue-Zustand; SORTIMENT/KONTAKT bleiben sichtbar
   (main.bundle.js setzt sonst .header__nav--hidden = opacity 0); Logo bleibt negativ. */
.header .header__nav.header__nav--hidden { opacity: 1; pointer-events: auto; }
body.lock .header,
.header.header--home { background-color: rgba(36, 39, 42, 0.85); }