/* Logogröße anpassen */
/* Mobilgeräte (Standard-Größe für Smartphones) */
.container-header .navbar-brand img {
  width: 140px;      /* Kleinere Breite für Handys */
  min-width: 140px;
  height: auto;
}

/* Tablets (Bildschirme ab 768px Breite) */
@media (min-width: 768px) {
  .container-header .navbar-brand img {
    width: 180px;    /* Mittlere Breite */
    min-width: 180px;
  }
}

/* Desktops (Bildschirme ab 992px Breite) */
@media (min-width: 992px) {
  .container-header .navbar-brand img {
    width: 240px;    /* Volle Wunschbreite */
    min-width: 240px;
  }
}
/* volle Breite für Header titelbild */
.full-width-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* 1. Globale Variablen für das gesamte Template auf Schwarz biegen */
:root {
  --cassiopeia-color-link: #000000 !important;
  --cassiopeia-color-hover: #444444 !important;
  --nav-link-color: #000000 !important;
  --nav-link-hover-color: #444444 !important;
}

/* 2. Header-Hintergrund weiß färben */
.header.container-header {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* 3. Aggressiver Rundumschlag für ALLE Links, Toggles und Kind-Elemente im Header */
.container-header a,
.container-header .nav-link,
.container-header .navbar-nav .nav-link,
.container-header .dropdown-toggle,
.container-header .dropdown-item,
.container-header [class*="nav-link"],
.container-header [class*="dropdown"] {
  color: #000000 !important;
}

/* 4. Verhindert das Weiß-Werden bei JEDEM erdenklichen Klick-/Öffnungs-Zustand (Aktiv & Show) */
.container-header .navbar-nav .show > .nav-link,
.container-header .navbar-nav .nav-link.show,
.container-header .navbar-nav .nav-link:focus,
.container-header .navbar-nav .dropdown-toggle.show,
.container-header .navbar-nav .dropdown-toggle:focus,
.container-header .dropdown-toggle[aria-expanded="true"],
.container-header .mod-menu .active > a,
.container-header .mod-menu .active .nav-link {
  color: #000000 !important;
}

/* 5. Hover-Zustand für alle Elemente (Dunkelgrau) */
.container-header a:hover,
.container-header .nav-link:hover,
.container-header .dropdown-toggle:hover,
.container-header .dropdown-item:hover {
  color: #444444 !important;
}

/* 6. Das geöffnete Untermenü (Dropdown-Box) visuell anpassen */
.container-header .dropdown-menu {
  background-color: #ffffff !important;
  border: 1px solid #cccccc !important;
}

/* 7. Mobil-Symbol (Hamburger) sichtbar machen */
.container-header .navbar-toggler-icon {
  filter: invert(1) !important;
}
.container-header .site-description {
  color: #000 !important;
}
/* unterüberschrift(tel-Nr. ) Schriftfarbe schwarz */
.site-description {
  color: #000000 !important;
}

/* unterüberschrift(tel-Nr. ) Schriftfarbe schwarz */
.site-tagline, .container-header .site-tagline {
  color: #000000;
}


  
/* Bottommenü auf horizontal */
.footer .mod-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
    list-style: none;
    padding: 0;
}

/* Schriftfarbe schwarz in modul topbar oben  
.container-topbar, .container-topbar * {
  color: #000 !important;
}*/