/*--------------- dropdown_menue_all.css ----------------------------------------------------------*/
.menue_smartphone {
    display: none;
    font-style: normal;
}

/*----------------------------*/
@keyframes menue_smartphone_FadeIn {
    0% {
        left: -100%;
    }

    100% {
        left: 0%;
    }
}

/*----------------------------*/
@keyframes menue_smartphone_ulHeight {
    0% {
        margin-top: -3%;
    }

    100% {
        margin-top: 0%;
    }
}

.nav_smartphone_hide_screen {
    display: none;
    position: fixed;
    overflow: auto;
    left: 0px;
    top: 40px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.35);
    border: 0px #83ff83 solid;
    z-index: 1000;
}

.nav_smartphone {
    font-family: arial,sans-serif;
    z-index: 1001;
    display: none;
    position: fixed;
    left: 0px;
    top: 40px;
    bottom: 0%;
    width: 100%;
    max-width: 25em;
    font-size: 15pt;
    font-style: normal;
    padding: 0em;
    line-height: 1.5em;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0em;
    padding-bottom: 5em;
    border: 0px red solid;
    border-right: 1px black solid;
    /* border: 12px red solid; */
    box-sizing: border-box;
    background-color: #606060;
    animation: menue_smartphone_FadeIn 0.3s cubic-bezier(0.33, 1.18, 0.78, 0.94);
}

.nav_smartphone_inner {
    width: 100%;
    z-index: 1001;
    position: relative;
    overflow: auto;
}

.nav_smartphone li {
    overflow: hidden;
    /* padding: 0em; */
}

.nav_smartphone ul {
    margin: 0;
    padding-left: 0em;
    list-style-type: none;
    background-color: #222222;
}

.nav_smartphone ul li a {
    margin: 0.0em;
    display: block;
    padding: 0.3em;
    margin-top: 1px;
}

.nav_smartphone ul ul {
    font-weight: normal;
    padding-left: 1em;
    list-style-type: none;
    margin-left: 0em;
    background-color: #cdcdcd;
}

.nav_smartphone ul ul span a {
    animation: menue_smartphone_ulHeight 0.2s cubic-bezier(0.8, 1.18, 0.9, 0.96);
}

.nav_smartphone ul ul li {
}

.nav_smartphone ul ul li a:link, .nav_smartphone ul ul li a:visited {
    padding: 0.3em;
    padding-left: 0.4em;
    margin-left: 0em;
}

.nav_smartphone ul ul ul {
    font-weight: normal;
    list-style-type: none;
    margin-left: 0em;
    background-color: #d6d6d6;
}

.nav_smartphone ul ul ul li {
    border-bottom: 0px gray dotted;
    margin-left: 0em;
}

.nav_smartphone ul ul ul li a {
    margin-left: 0em;
    padding: 0.2em;
    padding-left: 0.4em;
    font-size: 0.9em;
}

.nav_smartphone li a:link {
    text-decoration: none;
}

.nav_smartphone li a:visited {
    text-decoration: none;
}

/*----------------------------------------*/
.nav_smartphone .this_page a:link, .nav_smartphone .this_page a:visited {
}

.nav_smartphone ul li .this_page a:link, .nav_smartphone ul li .this_page a:visited {
    background-color: #b3b3b3;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}

.nav_smartphone ul li ul li .this_page a:link, .nav_smartphone ul li ul li .this_page a:visited {
    color: #2470e1;
    background-color: rgb(244, 244, 244);
    text-decoration: none;
    font-weight: normal;
}

.nav_smartphone ul li ul li ul li .this_page a:link, .nav_smartphone ul li ul li ul li .this_page a:visited {
    color: #4483e2;
    background-color: rgb(255, 255, 255);
    font-weight: normal;
    text-decoration: none;
}

/*----------------------------------------*/
.nav_smartphone .not_this_page a:link, .nav_smartphone .not_this_page a:visited {
}

.nav_smartphone ul li .not_this_page a:link, .nav_smartphone ul li .not_this_page a:visited {
    color: #fff;
    background-color: #949494;
    text-decoration: none;
    font-weight: normal;
}

.nav_smartphone ul li ul li .not_this_page a:link, .nav_smartphone ul li ul li .not_this_page a:visited {
    color: #000;
    background-color: rgb(244, 244, 244);
    font-weight: normal;
    text-decoration: none;
}

.nav_smartphone ul li ul li ul li .not_this_page a:link, .nav_smartphone ul li ul li ul li .not_this_page a:visited {
    color: #000;
    background-color: #ffffff;
    font-weight: normal;
    text-decoration: none;
}

/*--------------------------------*/
.nav_smartphone ul li span a:hover span {
    text-decoration: underline;
}

.nav_smartphone ul li ul li span a:hover span {
    text-decoration: underline;
}

.nav_smartphone ul li ul li ul li span a:hover span {
    text-decoration: underline;
}

.nav_smartphone li a {
    display: block;
}

.nav_smartphone li span span a:active {
    text-decoration: none;
    background-color: #b9b9b9;
    color: white;
}


/*-----------------------------------------------------------*/
@media screen and (max-width: 1000px ) {
    .menue_smartphone {
        z-index: 1002;
        font-size: 11pt;
        top: 0px;
        height: 40px;
        background-color: #888888;
        /* box-shadow: 0px 9px 19px 0px #a7a7a7; */
        right: 0em;
        left: 0;
        position: fixed;
        display: block;
        border-bottom: 1px #616161 solid;
        box-sizing: border-box;
    }

    .menue_smartphone_on, .menue_smartphone_off {
        font-size: 27pt;
        position: absolute;
        width: auto;
        display: inline-block;
        min-width: 1em;
        left: 1%;
        top: 3px;
        padding: 0em 0.2em;
        line-height: 1em;
        /* background-color: #f9f9f9; */
        /* border: 1px #717171 solid; */
        font-family: arial,sans-serif;
        border-radius: 0.11em;
        text-align: center;
        /* line-height: 1.50em; */
        z-index: 1002;
        /* box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.29); */
        -moz-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.29);
        /* -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.29); */
    }

    .menue_smartphone_on {
        /* display: block; */
    }

    .menue_smartphone_off {
        display: none;
    }

    .menue_smartphone a:link, .menue_smartphone a:visited {
        color: #ffffff;
        /* font-weight: bold; */
    }

    .menue_smartphone a:hover {
        text-decoration: none;
    }

    .menue_smartphone img {
        width: 25px;
        vertical-align: middle;
    }
}