/* Menu for Ervotech AG © admotion*/


#menu ul { margin: 0px; padding: 0px; }
#menu li { margin: 0px; padding: 0px; text-transform: uppercase; letter-spacing: 0.07em; font-weight: 500; font-size: 17px; }


#menu li a { color: #ffffff; padding: 10px 20px; border-top: 1px solid #ffffff; transition: .3s ease-out; }
#menu li:hover a { background: #ffffff; color: #000000; padding: 10px 20px; }
#menu li.active a { background: #ffffff; color: #000000; padding: 10px 20px; }



#col-left li a { padding: 10px 0px 10px 25px; color: #000000; border-bottom: 1px solid #999999; display: block; }

#col-left li:hover a { font-weight: 700; }
#col-left li.active a { font-weight: 700; }
#col-left li.current a { font-weight: 700; }

#col-left ul { border-top: 1px solid #999999; display: inherit; }
#col-left li { background: none !important; padding: 0px !important; }



/* Hamburger Menu */

#menu-small { position: absolute; width: 30px; height: 40px; top: 3px; right: 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
#menu-small span { display: block; position: absolute; height: 2px; width: 100%; background: #ffffff; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#menu-small span:nth-child(1) { top: 0px; }
#menu-small span:nth-child(2),#menu-small span:nth-child(3) { top: 10px; }
#menu-small span:nth-child(4) { top: 20px; }
#menu-small.open span:nth-child(1) { top: 10px; width: 0%; left: 50%; }
#menu-small.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#menu-small.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#menu-small.open span:nth-child(4) { top: 10px; width: 0%; left: 50%; }





@media(min-width:500px)
{
    #menu-small { right: 40px; }
    #menu li a { padding: 10px 40px; }
    #menu li:hover a { padding: 10px 40px; }
    #menu li.active a { padding: 10px 40px; }
}



@media(min-width:700px)
{
    #menu-small { right: 150px; }
    #menu li a { padding: 10px 0px; }
}







@media(min-width:1500px)
{
    #menu ul { margin: 0px; padding: 0px; }
    #menu li { margin: 0px 0px 0px 12px; float: left; }


    #menu li a { color: #888888; background: none; padding: 5px 10px; border: 0px; }
    #menu li:hover a { color: #ffffff; background: none; padding: 5px 10px; }
    #menu li.active a { color: #ffffff; background: none; padding: 5px 10px; }
}