/* Lokale Fixes für Entwicklungsumgebung */

/* Sicherstellen, dass Font Awesome Icons angezeigt werden */
.fas, .fab, .far, .fal {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 6 Pro" !important;
  font-weight: 900;
}

/* Navigation aktive Links verstärken */
.nav-link.active {
  font-weight: 700 !important;
  color: var(--primary-color) !important;
  position: relative;
}

.nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 3px;
  background-color: var(--primary-color);
  border-radius: 2px;
}

/* Fallback für Icons falls Font Awesome nicht lädt */
.fas::before {
  content: attr(data-fallback);
}

/* Bootstrap Icons Fallback */
.bi::before {
  content: attr(data-fallback);
}

/* Sicherstellen, dass alle wichtigen Styles geladen werden */
.navbar {
  background-color: white !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.text-primary {
  color: var(--primary-color) !important;
}

/* Debug-Info für lokale Entwicklung */
@media (max-width: 768px) {
  .navbar-nav {
    background-color: white !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
  }
}