ul.desktopnav {
    box-sizing:border-box;
    list-style:none; 
    display:inline-block;
    padding: 14px 0 0 0;
    margin:0 auto;
}
ul.desktopnav li {
    display:inline-block;
}
ul.desktopnav > li {
    float:left;
    margin-right:1px; 
}

/** Hover Box **/

ul.desktopnav li ul {
    width:200px;
    position:absolute;
    
    -webkit-transform: scaleY(0);
	-o-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);

	-webkit-transform-origin: top;
	-o-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;

	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	-o-transition: -o-transform 0.3s ease-in-out;
	-ms-transition: -ms-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
    
 }
    ul.desktopnav li.root:hover > div > ul {
        -webkit-transform: scaleY(1);
        -o-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
    }

    ul.desktopnav li.root li:hover > div > ul {
        -webkit-transform: scaleY(1);
        -o-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
    }

 
 
ul.desktopnav ul li{
    position:relative;
    
}

ul.desktopnav li a {
    text-decoration:none;
    
}

/** Level 1 **/
ul.desktopnav li.root a {
    padding:9px 10px;
    line-height:22px;
    display:inline-block;
}

/** Level 2 **/

ul.desktopnav ul li {
    display:block;
    padding:2px 2px 0 0;
}
ul.desktopnav ul li a {
    padding:3px 10px;
}
ul.desktopnav li.root ul li a {
    display:block;
    text-align:left;
}

/** Level 3 ***/
ul.desktopnav ul ul li { padding:0 0 0 0;margin-bottom:2px;}
ul.desktopnav li div.submenu_wrapper div.submenu_wrapper{
    overflow:visible;
    width:auto;
    position:static;
    z-index:inherit;
}
    
ul.desktopnav ul ul {
    left:100%;
    top:2px;
    position:absolute;
    
}
ul.desktopnav li li li a {width:200px;}
ul.desktopnav li li li {
    width:0;
    overflow:hidden;
}
ul.desktopnav li:hover li:hover li {
    width:200px;
}

/* Menu Level3 nach Links wenn über Viewport */
ul.submenu.overlap {
    width:200px;
    right:auto;
    left:-202px;
    text-align:right;
}
ul.submenu li ul.submenu.overlap li { 
    margin-left:auto;
    margin-right:0;
}