ul.desktopnav {
    box-sizing:border-box;
    list-style:none; 
    display:inline-block;
    padding:0 0 10px 0;
    margin:0;
}
ul.desktopnav li {
    display:inline-block; 
    float:left;
}
ul.desktopnav ul li {
    float:none;
    clear:both;
}

/** Hover Box **/

ul.desktopnav li ul {
    width:230px;
    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;
    
    padding-top:10px;
 }
ul.desktopnav li ul li ul { /*hoverbox2*/
    padding-top:2px;
}
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,
ul.desktopnav li.root span.alias {
    padding:5px 10px;
    line-height:22px;
    display:inline-block;
    cursor:pointer;
}

/** 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;
}
ul.desktopnav li.root ul li div.textwrapper {
    border-width:0px; 
    border-style: none; 
    /*
    -webkit-box-shadow: 3px 3px 10px -3px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 3px 10px -3px rgba(0,0,0,0.4);
box-shadow: 3px 3px 10px -3px rgba(0,0,0,0.4);
*/
}

/** 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:0;
    position:absolute;
    
}
ul.desktopnav li li li a {width:230px;}
ul.desktopnav li li li {
    width:0;
    overflow:hidden;
}
ul.desktopnav li:hover li:hover li {
    width:230px;
}

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