#header_wrapper {
    width: 360px;
    position: fixed;
    height: 100%;
}
#header_wrapper *{
    color: #fff;
}

#header_wrapper #header img {
    max-height: 27px;
}

/*header*/
    #header_wrapper #header{
        padding: 18px 0 17px;
        margin-bottom: 0px;
    }
    #header_wrapper #header div{
        text-align: center;
    }
    #header a{
        display: inline-block;
    }
    #header p{
        margin-bottom: 0px; 
    }

/*Navbar Container*/
    .navbar{
        display: block;
    }

/*Sidebar content*/
    .navbar-inner .moduletable{
        padding:0;
    }
    .navbar-inner .use_profile_image{
        margin-left: 20px;
        margin-bottom: 0px;
    }
    .navbar-inner .use_profile_image .profile_image{
        margin-right: 20px;
    }
    .navbar-inner .use_profile_image .profile_image > a {
        display: block;
        border: 1px solid #fff;
        padding: 5px;
        border-radius: 50%;
    }
    .navbar-inner .use_profile_image .profile_image img {
        box-sizing: content-box;
        transition: all 300ms ease-in-out;
    }
    .navbar-inner .use_profile_image .profile_image > a:hover img {
        transform: scale(1.06);
    }
    .navbar-inner .use_profile_image p{
        margin-bottom: 0;
    }
    .navbar-inner .use_profile_image .name_user{
        text-transform: uppercase;
        font-weight: bold;
        font-size: 17px;
    }
    .navbar-inner .use_profile_image .user_profiletype *{
        font-weight: 400;
        font-size: 17px;
    }
    .navbar-inner h3{
        margin-left: 40px;
    }

    .navbar-inner .user_name_container {
        width: calc( 100% - 100px );
    }

    #mainmenu_wrapper .navbar-inner .navbar ul.nav{
        overflow: auto;
        height: calc( 100vh - 285px);
        padding-bottom: 20px;
    }

/*Nav Parent Menu*/
    #mainmenu_wrapper .nav > li.parent:first-child{
        margin-bottom: 10px;
    }
    #mainmenu_wrapper .nav li.active > a,
    #mainmenu_wrapper .nav li.active > span{
        color: #F7A600;
    }

    #mainmenu_wrapper .nav > li > a,
    #mainmenu_wrapper .nav > li > span{
        margin-left: 20px;
        display: inline-block;
        padding-left: 0;
        padding: 13px 0px;
    }
    #mainmenu_wrapper .nav > li.parent > a {
        padding-bottom: 9px;
    }
    #mainmenu_wrapper .nav > li > a:hover,
    #mainmenu_wrapper .nav > li > a:focus{
        background: transparent;
        color: #F7A600; 
    }
    #mainmenu_wrapper .nav > li > a::before:hover,
    #mainmenu_wrapper .nav > li > a::before:focus{
        text-decoration: none;
    }

/*
added toggle Menu
*/
    #mainmenu_wrapper .nav > li.deeper.parent + li{
        /*margin-top: 30px;*/
    }
    #mainmenu_wrapper .nav  li.deeper.parent > span.nav-header{
        cursor: pointer;
        display: block;
        margin-right: 20px;
        padding-right: 20px;
        position: relative;
        transition: opacity 0.4s ease-in-out;
    }
    @media screen and (max-width: 1600px) {
        #mainmenu_wrapper .nav  li.deeper.parent > span.nav-header{
            margin-right: 15px;
        }
    }
    #mainmenu_wrapper .nav  li.deeper.parent > span.nav-header:hover{
        opacity: 0.8;
    }
    #mainmenu_wrapper .nav  li.deeper.parent > span.nav-header::after{
        font-family: "FontAwesome";
        content: "\f078";
        font-weight: normal;
        font-size: 15px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    #mainmenu_wrapper .nav  li.deeper.parent > span.nav-header.active::after{
        content: "\f077";
    }

    /*second level accordeon*/
    #mainmenu_wrapper .nav > li.deeper.parent > ul > li.deeper.parent{
        padding: 8px 0;
    }
    #mainmenu_wrapper .nav > li.deeper.parent > ul > li.deeper.parent >span.nav-header{
        margin-right: 0;
    }
    #mainmenu_wrapper .nav > li.deeper.parent > ul > li.deeper.parent > ul{
        margin-top: 10px;
    }
    #mainmenu_wrapper .nav > li.deeper.parent > ul > li.deeper.parent > ul > li{
        margin-right: 0;
        margin-left: 15px;
    }

/*submenu*/
    #mainmenu_wrapper nav li:not(.divider) .nav-child li{
        display: block;
        margin-left: 20px;
        padding: 0px;
        border-bottom: 1px solid rgba(255,255,255,0.35);
        margin-right: 20px;
    }
    #mainmenu_wrapper nav li:not(.divider) .nav-child li:last-of-type{
        border-bottom: 0;
    }
    #mainmenu_wrapper nav li:not(.divider) .nav-child li:first-child{
        border-top: 1px solid rgba(255,255,255,0.35);
    }
    #mainmenu_wrapper .nav-child li a{
        line-height: 20px;
    }
    #mainmenu_wrapper .nav-child li a:focus{
        text-decoration: none;
    }
    #mainmenu_wrapper nav li:not(.divider) .nav-child li a{
        position: relative;
        display: inline-block;
        padding: 9px 0px 9px 0;
        font-size: 14px;
    }
    #mainmenu_wrapper .nav > li > a, #mainmenu_wrapper .nav > li > span {
        padding: 0px;
        margin-bottom: 15px;
    }
    #mainmenu_wrapper .nav li > .nav-child {
        margin-bottom: 15px;
        display:none;
    }
    #mainmenu_wrapper .nav-child li a:hover{
        color: #F7A600;
    }
    

/*Verwaltung*/
    li.divider > span{
        margin-left: 35px;
    }
    #mainmenu_wrapper .divider .nav-child li{
        display: block;
        position: relative;
        margin-left: calc(20px + 40px);
    }

    #mainmenu_wrapper .divider .nav-child li a::before{
        font-family: 'FontAwesome';
        content: "\f013";
        font-size: 14px;
        position: absolute;
        left: -20px;
        bottom: 0px;
    }

/** Sidebar Image **/
img.profile_border {
    position: absolute;
    left: -8px;
    top: -11px;
}

.use_profile_image {
    position: relative;
}

.navbar-inner .use_profile_image .profile_image > a {
    border: 1px solid transparent;
}