/* webseite (min:980px) */
@media screen and (min-width: 980px)
{

#responsivemenu .nav_button_close							{ display: none; }

#responsivemenu ul											{ margin: 0; padding: 0; list-style: none; overflow: hidden; display: block; }
#responsivemenu ul li										{ display: inline-block; margin: 0px; padding: 0px; }
#responsivemenu ul li ul									{ position: absolute; left: auto; z-index: 1001; text-align: left; overflow: visible; }
#responsivemenu ul li ul li									{ display: block; margin:0px; padding: 0px; }
#responsivemenu ul li ul li ul								{ position: absolute; z-index: 1002; left: 100%; margin-top: -40px; }
#responsivemenu ul li ul li ul li							{ display: block; margin: 0px; padding: 0px; }

#responsivemenu .level_2									{ opacity: 0; display: none; }
#responsivemenu ul li:hover > .level_2						{ opacity: 1; display: block;  }

#responsivemenu .level_3									{ opacity: 0; display: none; }
#responsivemenu ul li ul li:hover > .level_3				{ opacity: 1; display: block; }

#responsivemenu ul a										{ white-space:nowrap; display: block; margin: 0px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; text-decoration: none; }
#responsivemenu ul span.active								{ white-space:nowrap; display: block; margin: 0px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; text-decoration: none; }
#responsivemenu ul ul a										{ white-space:nowrap; display: block; margin: 0px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; text-decoration: none; }
#responsivemenu ul ul span.active							{ white-space:nowrap; display: block; margin: 0px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; text-decoration: none; }
#responsivemenu ul ul ul a									{ white-space:nowrap; margin-left: 0px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; text-decoration: none; }
#responsivemenu ul ul ul a.last								{ white-space:nowrap; margin-left: 0px; padding-top: 10px; padding-right: 20px; padding-bottom: 11px; padding-left: 20px; text-decoration: none; }
#responsivemenu ul ul ul span.active						{ white-space:nowrap; margin-left: 0px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; text-decoration: none; }
#responsivemenu ul ul ul .last span.active					{ white-space:nowrap; margin-left: 0px; padding-top: 10px; padding-right: 20px; padding-bottom: 11px; padding-left: 20px; text-decoration: none; }
}

/* mobile (max:480px) */
@media screen and (max-width: 980px)
{
#responsivemenu												{ position: fixed; top:0px; left: 0px; width: 100%; height: 100%; overflow-y: auto; z-index: 9999; }
#responsivemenu nav											{ margin-right: 10px; margin-left: 10px; }

#responsivemenu .nav_button_close							{ display: inline-block; width: 100%; text-align: center; margin-bottom: 20px; }
#responsivemenu .nav_button_close a 						{ display: inline-block; width:50px; height:50px; font-size: 30px; text-align: center; text-decoration: none; line-height: 0px; padding-top: 8px; padding-bottom:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#responsivemenu ul											{ margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#responsivemenu li											{ list-style-type:none; float: none !important; width: 100% !important; border-bottom: none !important; }
#responsivemenu ul li a										{ margin-bottom: 1px; padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; display:block; text-align:center; text-decoration:none; }
#responsivemenu ul li span.active							{ margin-bottom: 1px; padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; display:block; text-align:center; text-decoration:none; }
#responsivemenu ul li ul li a								{ margin-bottom: 1px; padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; display:block; text-align:center; text-decoration:none; }
#responsivemenu ul li ul li ul li a							{ margin-bottom: 1px; padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; display:block; text-align:center; text-decoration:none; }
}