#mainmenu {display:none}
#topmenu {display:none}

@media all and (min-width: 380px){ }

@media all and (min-width: 404px){  }
 
@media all and (min-width: 424px){ }
 
@media all and (min-width: 640px){  }


.menuknopf {position:absolute; 
bottom:-14px; left:50%; margin-left:-13px;

z-index:500;display:none; width:30px; height:15px;
background-image:url('../images/menudreieck.png');
background-repeat:no-repeat;
background-size:30px 15px;
background-position:center center;  
}






@media all and (min-width: 1024px){
	
  
	  	
#dl-menu, .mobile_menu {display:none;}


#topmenu {display:block;position:absolute; left:280px;top:0px;}
#topmenu ul {list-style-type:none}
#topmenu li {float:left;position:relative;margin-right:20px;  

     -webkit-transition: border-bottom 0.5s;  -moz-transition: border-bottom 0.5s;  
    transition: border-bottom 0.5s; 
     height:55px; 
    padding-bottom:23px;
}

#topmenu li:hover, #mainmenu li.active { background-color:#fff; }
#topmenu li:last-of-type {margin-right:0;}
#topmenu li:hover > a, #mainmenu li.active > a, #mainmenu li:focus > a { color:#3b3d40; } 
 
#topmenu li > a {
font-family: 'AvenirLTPro-Book',Arial, helvetica, sans-serif;
font-size:16px;display:block; color:#fff;
padding: 16px 10px 0px 10px; height:44px; text-transform:uppercase;
}
  
  
  
  
 	
#mainmenu {display:block;position:absolute; left:280px;top:0px;}
#mainmenu ul {list-style-type:none}
#mainmenu li {float:left;position:relative;margin-right:20px;  

     -webkit-transition: border-bottom 0.5s;  -moz-transition: border-bottom 0.5s;  
    transition: border-bottom 0.5s; 
     height:44px; 
  
}

#mainmenu li:hover, #mainmenu li.active { background-color:#afc539; }
#mainmenu li:last-of-type {margin-right:0;}
#mainmenu li:hover > a, #mainmenu li.active > a, #mainmenu li:focus > a { color:#dd9c3e; color:#fff;} 
 
#mainmenu li > a {
font-family: 'AvenirLTPro-Book',Arial, helvetica, sans-serif;
font-size:16px;display:block; color:#3b3d40;
padding: 12px 10px 0px 10px; height:44px; text-transform:uppercase;
}
  

#mainmenu li.sub > a {cursor:default;}

#mainmenu li:hover .menuknopf {display:block;}



#mainmenu ul li > ul.submenu {
list-style-type:none;
position:absolute; /*left:50%; margin-left:-115px;*/
left:0px;
width:230px;
top:44px; 
display:none;
padding:5px 5px 5px 5px;padding:0px 0px 16px 0px;
 background-color:rgba(255,255,255,0.85);

border-bottom-left-radius: 30px 30px;
border-bottom-right-radius: 30px 30px;

}


#mainmenu ul li > ul.submenu.bgwhite {background-color:rgba(255,255,255,1);}


#mainmenu ul li ul.submenu li.first {border-top:2px solid #afc539;padding-top:12px;}

#mainmenu ul li ul.submenu li {float:none; clear:both; 
padding:0px;height:auto;margin:0;border-bottom:0;position:relative;
background-color:transparent; 

} 
 

#mainmenu ul li ul.submenu > li:hover > a  {color:#afc539 !important;}
#mainmenu ul li ul.submenu li a {display:block;line-height:22px; padding:12px 5px 12px 16px ;height:auto;font-weight:400; font-size:14px;line-height:14px; }  

#mainmenu ul li ul.submenu li a:hover, #mainmenu ul li ul.submenu li a:focus,  #mainmenu ul li ul.submenu li.sub-aktiv > a   {}  

#mainmenu ul li ul.submenu li.active a,
  #mainmenu ul li ul.submenu li.active a:hover,
  #mainmenu ul li ul.submenu li.active a:visited {color:#afc539 !important;}
}  


@media all and (min-width: 1024px){
 
#mainmenu {display:block;}
}

 

@media all and (min-width: 1280px){
/*
#mainmenu li {float:left;position:relative;margin-right:22px;*/
 }