/* ================================
   HEADER / LOGO-BEREICH
================================ */
header.header,
.container-header {
  background-color: #0d1c42;
  background-image: none;
}

/* Header-Text & Links */
.container-header,
.container-header a {
  color: #ffffff;
}


/* ================================
   NAVIGATION (HAUPTMENÜ)
================================ */
.container-nav,
.container-nav .navbar,
.container-nav nav {
  background-color: #0d1c42;
  background-image: none;
}

/* Hauptmenü-Links */
.container-nav ul.mod-menu > li > a {
  color: #ffffff;
  padding: 12px 16px;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover Hauptmenü */
.container-nav ul.mod-menu > li > a:hover,
.container-nav ul.mod-menu > li > a:focus {
  background-color: #ffffff;
  color: #0d1c42;
}

/* Aktiver Menüpunkt */
.container-nav ul.mod-menu > li.active > a {
  background-color: #ffffff;
  color: #0d1c42;
}


/* ================================
   DROPDOWN / SUBMENÜ (Joomla nav-child)
================================ */
.container-nav ul.nav-child {
  background-color: #0d1c42;
  border: none;
  padding: 0;
  margin: 0;
}

/* Dropdown-Links */
.container-nav ul.nav-child li a {
  color: #ffffff;
  padding: 10px 16px;
  display: block;
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover im Dropdown */
.container-nav ul.nav-child li a:hover,
.container-nav ul.nav-child li a:focus {
  background-color: #ffffff;
  color: #0d1c42;
}

/* Aktiver Punkt im Dropdown */
.container-nav ul.nav-child li.active > a {
  background-color: #ffffff;
  color: #0d1c42;
}


/* ================================
   MOBILE MENÜ (Burger / Offcanvas)
================================ */
.container-nav .navbar-toggler,
.container-nav .navbar-toggler-icon {
  color: #ffffff;
  border-color: #ffffff;
}

/* Mobile Menü Links */
.container-nav .mod-menu__link {
  color: #ffffff;
}


/* ================================
   ALLGEMEINE KLEINIGKEITEN
================================ */

/* Entfernt Standard-Schatten */
.container-nav ul.nav-child {
  box-shadow: none;
}

/* Fokus sichtbar, aber clean */
.container-nav a:focus {
  outline: 2px solid #ffffff;
  outline-offset: -2px;
}