/* static/css/nav.css – oder in style.css einfügen */

.navbar {
  background-color: #AE1B00 !important;  /* Dunkelblau, Branding-Farbe */
}

.navbar .nav-link,
.navbar .navbar-brand,
.navbar .dropdown-toggle {
  color: #ffffff !important;  /* weiße Schrift */
}

.navbar .nav-link:hover,
.navbar .dropdown-menu a:hover {
  color: #ffcc00 !important;  /* Hover-Farbe (Gelb-Beispiel) */
}

.navbar .dropdown-menu {
  background-color: #ffcc00;  /* Dropdown-Hintergrund anpassen */
}

.navbar .dropdown-item {
  color: #000000 !important;
}


/* In deiner nav.css oder style.css */
.btn-outline-primary {
  border-color: #000000 !important;
  color: #AE1B00 !important;
  background-color: transparent !important;
}

.btn-outline-primary:hover {
  background-color: #AE1B00 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

.btn-info {
  background-color: transparent !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

.btn-primary {
  background-color: #ffcc00 !important;  /* Gelb/Orange für aktiv */
  border-color: #ffcc00 !important;
  color: #000000 !important;
}

.btn-outline-primary{
  background-color: #ffcc00 !important;  /* Gelb/Orange für aktiv */
  border-color: #ffcc00 !important;
  color: #000000 !important;
}

.btn-success {
  background-color: #ffcc00 !important;  /* Gelb/Orange für aktiv */
  border-color: #ffcc00 !important;
  color: #000000 !important;
}

.btn-primary:hover {
  background-color: #ff9900 !important;
  border-color: #ff9900 !important;
}

.bg-primary{
    background-color: #AE1B00 !important;
}

#warenkorb-summe{
  font-size: 15px;
  color: black;
}

/* Einheitliche Größe & Positionierung der Navbar-Icons */
.icon-small {
  width: 22px;
  height: 22px;
  object-fit: contain;
  vertical-align: middle;
  margin-top: -1px; /* sorgt für optisches Zentrieren */
  opacity: 1;
}

/* Optional leichtes Hover-Feedback */
button:hover .icon-small,
a:hover .icon-small {
  opacity: 1;
}

.list-group-item.active{
  background-color: #AE1B00;
  border-color: #AE1B00;
  color: white;
}