﻿.dropdown {
    display: inline-block;
}

.btn-add {
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.dropdown-menu {
    position: absolute;
    top: calc(100% + 2px);
    right: 0;
    background: #fff;
    border: 1px solid #005858;
    border-radius: 8px;
    box-shadow: 0 10px 20px rgba(0,0,0,.08), 0 6px 6px rgba(0,0,0,.06);
    padding: 8px;
    /*min-width: 180px;*/
    z-index: 12000;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .dropdown-menu > button {
        display: block;
        width: 100%;
        text-align: center;
        background: #005858;
        font-size: 14px;
        border: 0;
        padding: 8px 10px;
        border-radius: 6px;
        cursor: pointer;
    }

        .dropdown-menu > button:hover {
            background: #00917C;
        }

/* Dropdown muss auch im zugeklappten Header "rauslaufen" dürfen */
.e-accordion .e-acrdn-header {
    overflow: visible !important;
}
    /* Stelle sicher, dass der Anker relativ positioniert ist */
    .e-accordion .e-acrdn-header .dropdown {
        position: relative;
    }
