.metr-accordion .panel {
    border: none;
    box-shadow: none;
    border-radius: 0;
    /*  margin-bottom: 0px; /*-4*/
}
.metr-accordion .panel-heading {
    padding: 0;
    border-radius: 0;
    border: none;
}
/*  .metr-accordion .panel-title aa, */
.metr-accordion .panel-title span,
.metr-accordion .panel-link a {
    font-weight: 600;
    display: block;
    padding: 5px 10px; /*padding: 14px 30px;*/
    background: transparent; /*var(--main_color);*/

    /*font-weight: bold;*/
    color: var(--text_darkColor);
    position: relative;
    border-bottom: none;
    transition: all 0.5s ease 0s;
    /* top:8px;  */
}

.metr-accordion .panel-title span {
    /*TODO check fontsize here*/
    font-size: 15px;
    background-color: var(--subnav_bg_color);
}

.metr-accordion .panel-link a {
    font-size: 12px;
}

/*Schriftgröße etc. in verkleinerter Darstellung
    since 29.12.2023*/
@media only screen and (max-width: 767.98px) {
    .metr-accordion .panel-link a {
        font-size: 10px;
    }
}

/*hover effect accordion*/
.metr-accordion .panel-link a:focus,
.metr-accordion .panel-link a:hover,
.metr-accordion .panel-title span:hover {
    color: var(--text_color);
    background-color: var(--main_hover_color);
    /*border: 1px solid var(--text_color);*/
}
/*end hover effect accordion*/

/*
.metr-accordion .panel-title span:not(.collapsed) {
    background-color: var(--subnav_bg_color);
    //border: 1px solid var(--text_color);
}*/

/*
.metr-accordion .panel-title span:before {
    content: "\f106";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 5px; top: 11px;
    right: 20px;
    font-size: 16px; font-size: 20px;
    color: var(--text_darkColor);
}*/

/* .metr-accordion .panel-title aa.collapsed:before, */
/*
.metr-accordion .panel-title span.collapsed:before {
    content: "\f107";
}*/


.metr-accordion .panel-body {
    /*padding: 10px 5px;*/
    background-color: var(--subsubnav_bg_color);
    /*font-size: 8px;*/
    /*color: #b01717;*/
    /*line-height: 20px;*/
    position: relative;
    border: none;
    border-left: 5px solid var(--subnav_bg_color);
    /* border-bottom: 3px solid var(--subnav_bg_color); */
    /*Zum Einrücken!*/
    margin-left: 20px;
    transition: all 0.5s ease 0s;
}

/*TODO: Wird es gebraucht?*/
@media only screen and (max-width: 480px) {
    .metr-accordion .panel-body {
        margin-left: 20px;
        background: var(--subsubnav_bg_color);
    }
}