/* Hintergrundfarbe der Navigationsleiste */
.navbar {
    background-color: #006fa2 !important; 
}
/* Farbe der Menülinks */
.navbar-nav .nav-link {
    color: #fff !important;
}
/* Farbe beim Drüberfahren (Hover) */
.navbar-nav .nav-link:hover {
    color: #000 !important;
}



/* Zeigt das Dropdown-Menü beim Hovern über den Elterneintrag an */
@media (min-width: 992px) { /* Nur auf Desktop-Geräten */
    .nav-item.dropdown:hover .dropdown-menu {
        display: block !important;
        margin-top: 0; /* Verhindert eine Lücke, die den Hover unterbrechen könnte */
    }
}

/* Nur auf großen Bildschirmen (Desktop) anwenden */
@media (min-width: 992px) {
    /* Menü-Container zentrieren */
    .navbar-collapse {
        display: flex !important;
        justify-content: center !important;
    }

    /* Menü-Links zentrieren und horizontal ausrichten */
    .navbar-nav {
        margin-left: auto !important;
        margin-right: auto !important;
        display: flex !important;
        flex-direction: row !important;
    }
}

/* Optionale Zentrierung für die mobile Ansicht (untereinander) */
@media (max-width: 991px) {
    .navbar-nav {
        text-align: center;
    }
}


/* 1. Hintergrundfarbe des gesamten Untermenü-Kastens */
.dropdown-menu {
    background-color: #333 !important; /* Dein gewünschter Hintergrund */
    border: none !important; /* Entfernt den Standard-Rahmen falls nötig */
}

/* 2. Textfarbe der Links im Untermenü */
.dropdown-menu .dropdown-item {
    color: #ffffff !important; /* Deine Wunsch-Textfarbe */
}

/* 3. Hintergrund & Textfarbe, wenn man über einen Unterpunkt fährt (Hover) */
.dropdown-menu .dropdown-item:hover {
    background-color: #666 !important; /* Hintergrundfarbe beim Hovern */
    color: #ffffff !important; /* Textfarbe beim Hovern */
}


/* Entfernt den grauen Hintergrund der Sidebar */
.bg-body-secondary, #sidebar {
    background-color: transparent !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0rem !important;
	text-align: right;
}

/* Farbe Links */
a {
  color: #b2b2b2 !important;
  text-decoration: none;
  font-weight: bold;
}

/* Farbe Links Mouseover */
a:hover {
  color: #006fa2 !important;
}


/* Body Textfarbe / Schriftart */
body {
  color: #4d4d4d !important;
  font-family: arial, helvetica, sans-serif;


}

/* Abstand Main-Inhalt zur Sidebar */
@media (min-width: 1200px) {
.col-md-9 {
	
	padding-left: 4% !important;
  } 
}  
  
  /* Abstand Main-Inhalt zur Sidebar */
@media (min-width: 1200px) {
.col-md-3 {
	
	padding-top: 2% !important;
  }
}

/* Standard-Pfeil entfernen */
.dropdown-toggle::after {
    content: "\f119"; /* Ihr gewünschter Icon-Unicode */
    font-family: "bootstrap-icons";
    border: none; /* Entfernt das Standard-Dreieck von Bootstrap */
    margin-left: 5px; /* Abstand nach dem Wort */
    vertical-align: middle;
}

/* Trennlinien nur für Desktop (ab 992px) */
@media screen and (min-width: 992px) {
  .nav-item {
    border-right: 1px solid #dee2e6; /* Vertikale Trennlinie */
    padding-right: 10px;
    margin-right: 10px;
  }

  /* Entfernt die Linie nach dem letzten Menüpunkt */
  .nav-item:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
  }
}

/* Ziel: Querformat (Landscape) bei spezifischer Breite */
@media screen and (orientation: landscape) and (max-width: 1200px) {
    .col-md-3 { /* Eventuell .sidebar-container oder ähnliches anpassen */
        width: 300px; /* Hier die gewünschte neue Breite eintragen */
        min-width: 300px;
        flex: 0 0 300px; /* Falls Flexbox genutzt wird */
    }

    /* Der Hauptinhalt muss sich entsprechend verkleinern */
    .main-content { 
        margin-left: 300px; /* Falls die Sidebar fest positioniert ist */
    }
}