.e-dropdownbase .e-list-item {
    font-size: 0.75rem;
    line-height: 1.5625rem;
    min-height: 1.5625rem;
}

    .e-dropdownbase .e-list-item.e-active {
        background-color: #005858;
    }

.e-dropdown-btn, .e-dropdown-btn.e-btn {
    font-weight: 500;
    color: white;
    background: linear-gradient(135deg, #005858, #009999);
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    padding: 0.3125rem 0.625rem;
    user-select: none;
    font-size: 1rem;
    height: 30px;
    line-height: 1;
}

.e-dropdown-popup ul {
    font-size: 1rem;
    background: linear-gradient(135deg, #005858, #009999);
    color: white;
    border-radius: 10px;
    border: none;
    padding: 0;
}

/*   .e-dropdown-popup ul .e-item:hover {
              background: linear-gradient(135deg, #005858, #009999);
        color: white;
    }*/

.e-dropdown-popup .e-item:hover, .e-dropdown-popup .e-item:focus-within, .e-dropdown-popup .e-item.e-active, .e-dropdown-popup .e-item > a:hover, .e-dropdown-popup .e-item > a:focus-visible, .e-dropdown-popup .e-item .e-menu-url > a:hover, .e-dropdown-popup .e-item .e-menu-url > a:focus-visible {
    background: rgba(255, 255, 255, 0.15); /* sanfter Lift auf dem Popup-Gradient */
}

.e-dropdown-popup .e-item > a:focus-visible,
.e-dropdown-popup .e-item .e-menu-url > a:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.6);
    outline-offset: -2px;
    border-radius: 10px;
}

/* Syncfusion DropDownButton: Popup-Menüzeilen auf 30px bringen */
.e-dropdown-popup .e-ul,
.e-dropdown-popup .e-content {
    padding: 0; /* extra Innenabstand des UL entfernen */
}

/* Die eigentlichen Menüeinträge (LI) */
.e-dropdown-popup .e-item {
    height: 30px;
    min-height: 30px;
    line-height: 30px; /* fallback für simple Texte */
    padding: 0 10px; /* horizontaler Abstand */
    display: flex; /* für vertikale Zentrierung */
    align-items: center; /* vertikal mittig */
}

    /* Falls der Eintrag einen Link/Container hat: auf volle Höhe strecken */
    .e-dropdown-popup .e-item > a,
    .e-dropdown-popup .e-item > span,
    .e-dropdown-popup .e-item .e-menu-item {
        display: flex;
        align-items: center;
        height: 100%;
        line-height: 1;
    }

    /* Optional: Icon & Text sauber ausrichten/abstände */
    .e-dropdown-popup .e-item .e-menu-icon,
    .e-dropdown-popup .e-item .e-menu-url,
    .e-dropdown-popup .e-item .e-menu-text {
        display: inline-flex;
        align-items: center;
    }

    .e-dropdown-popup .e-item .e-menu-icon {
        margin-right: 8px;
    }

/* (Optional) Schriftgröße angleichen, wenn du willst */
.e-dropdown-popup .e-item {
    font-size: 1rem;
}

.e-dropdown-popup ul .e-item.e-separator {
    min-height: unset;
}

.e-dropdown-popup ul .e-item .e-menu-url{
    color:white;
}

    .e-dropdown-popup ul .e-item .e-menu-url:hover {
        background: #e9ecef;
        color: #212529;
    }

.e-dropdown-popup ul .e-item.e-url {
    padding-top: 6px;
}

.e-dropdown-popup ul .e-item:active,
.e-dropdown-popup ul .e-item.e-selected {
    background: unset;
}