/* Höhe des Breadcrumb-Bereichs reduzieren */
.card-body{
    padding: 0rem !important;
    font-size: 14px;
    font-color: #000;
    background-color: #f0f0f0;
}
/* Abstand des Dropdown-Pfeils zum Menütext im Cassiopeia-Menü erhöhen */
.mod-menu .mm-toggler::after,
.navbar .dropdown-toggle::after {
    margin-left: 4px !important; /* Erhöht den Abstand nach links */
    display: inline-block;        /* Stellt sicher, dass der Abstand korrekt greift */
    vertical-align: middle;       /* Richtet den Pfeil mittig zur Texthöhe aus */
}
/* Hintergrundfarbe für die normalen Menüpunkte */
.container-top-a .mod-menu a,
.container-top-a .nav a {
    padding: 1px 1px !important;         /* Innenabstand, damit der Hintergrund gut aussieht */
}  
/* Hintergrundfarbe für den gesamten top-a Bereich ändern */
.container-top-a {
    background-color: #cacaca !important; /* Hier deine Wunschfarbe eintragen */
    background-image: none !important;    /* Entfernt eventuelle Standard-Verläufe */  
}
/* Unterstreichung für alle Zustände des Menüs in top-a entfernen */
.container-top-a .mod-menu a,
.container-top-a .mod-menu a:focus,
.container-top-a .mod-menu a:active,
.container-top-a .mod-menu .active > a,
.container-top-a .mod-menu .current > a {
    text-decoration: none !important;
    box-shadow: none !important; /* Entfernt eventuelle Standard-Unterlinien aus Cassiopeia */
}
/* Rahmen, Außenlinien und Schatten um den Dropdown-Button entfernen */
.container-top-a .mod-menu .mm-toggler,
.container-top-a .navbar .dropdown-toggle,
.container-top-a .mod-menu .mm-toggler:focus,
.container-top-a .navbar .dropdown-toggle:focus,
.container-top-a .mod-menu .mm-toggler:active,
.container-top-a .navbar .dropdown-toggle:active {
    border: none !important;
    outline: none !important;
    background-color: transparent; /* Verhindert eine Hintergrund-Box um den Pfeil */
}