/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */
/* === Kategorienavigation zurück auf Standard (nicht fett) === */

/* Alle Kategorie-Texte normal */
aside .box .nav .nav-item > .nav-link,
aside .box .nav .nav-item > .dropdown-toggle,
aside .box .nav .nav .nav-item > .nav-link {
  font-weight: 400 !important;
  color: #000 !important;
}

/* Aktive Kategorie in Shop-Blau, aber nicht fett */
aside .box .nav .nav-item.active > .nav-link,
aside .box .nav .nav-item.active > .dropdown-toggle {
  color: #0066cc !important;
  font-weight: 400 !important;
}

/* Hover-Effekt leicht blau */
aside .box .nav .nav-item > .nav-link:hover,
aside .box .nav .nav-item > .dropdown-toggle:hover {
  color: #0055aa !important;
}

/* Entfernt eventuelle Pfeile vor aktiver Kategorie */
aside .box .nav .nav-item.active > .nav-link::before,
aside .box .nav .nav-item.active > .dropdown-toggle::before {
  content: none !important;
}

/* --- Header & Navigation in Shop-Blau (#0066cc) --- */

/* Hauptnavigation (Menüleisten) */
.nav-main,
.nav-main .nav-item > a,
.header-top-bar {
    background-color: #0066cc !important;
    color: #fff !important;
}

/* Menü-Links */
.nav-main .nav-item > a {
    color: #fff !important;
    font-weight: 600;
}

/* Hover über Menülinks */
.nav-main .nav-item > a:hover {
    color: #cce0ff !important; /* leicht helleres Blau beim Hover */
}

/* Aktiver Menüpunkt */
.nav-main .nav-item.active > a {
    color: #ffffff !important;
    border-bottom: 3px solid #ffffff;
}

/* Suchbutton & Icons */
.nav-main .nav-link,
.header-icons a {
    color: #fff !important;
}

/* Header-Logo-Abstand minimal vergrößern */
.header-logo {
    margin-top: 5px;
}
/* --- Buttons & Links --- */

/* Standard-Buttons */
.btn-primary,
button.btn-primary {
    background-color: #0066cc !important;
    border-color: #0066cc !important;
    color: #fff !important;
}

/* Hover-Effekt für Buttons */
.btn-primary:hover,
button.btn-primary:hover {
    background-color: #0055aa !important;
    border-color: #0055aa !important;
}