/* Kopf der Firmenseite (NexuraWebHeader), nach style.css geladen.

   Der Kopf steht nur noch auf hellen Seiten (Impressum, Datenschutz, Kontakt). Das Template war für ein
   dunkles Titelbild gebaut: weiße Menüpunkte und eine gelbe 127-px-Kachel, in der die Wortmarke auf
   0 px schrumpfte. Hier steht er wie der Kopf der Startseite und der Projektseiten: Signet und Wortmarke,
   dunkle Menüpunkte. Die Selektoren sind mindestens so lang wie die des Templates, damit sie sicher
   überstimmen. */

header .navbar .kopf-marke {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0;
}

header .navbar .navbar-brand img.kopf-marke__signet {
  width: 44px;
  height: 44px;
  max-height: none;
}

header .navbar .navbar-brand img.kopf-marke__wortmarke {
  width: 120px;
  height: auto;
  max-height: none;
}

header ul.navbar-nav li.nav-item .nav-link {
  color: #121824;
}

header ul.navbar-nav li.nav-item .nav-link:hover,
header ul.navbar-nav li.nav-item .nav-link:focus-visible {
  color: #121824;
  text-decoration: underline;
  text-underline-offset: 6px;
}

header {
  border-bottom: 1px solid #e5e7eb;
}

/* Aufgeklapptes Menü auf schmalen Bildschirmen: die Anmelden-Schaltfläche reichte sonst bis an den Rand. */
@media (max-width: 991px) {
  header ul.navbar-nav li.nav-item:last-child {
    margin: 8px 15px 12px;
  }
}

/* Die Kachel des Templates gab dem Kopf seine Höhe; ohne sie stünde das Signet an der Oberkante.
   Das Template legt die Leiste absolut über ein Titelbild; ohne Titelbild lag sie auf dem Telefon über
   der Überschrift der Seite. Im Fluss nimmt sie ihren Platz selbst ein. */
header .navbar {
  position: relative;
  padding-top: 18px;
  padding-bottom: 18px;
}