#primarynav {
float: none;
display: none;
}
#primarynav.showme {display: block !important;} #nav-icon {
width: 28px;
height: 21px;
position: relative;
margin: 10px auto;
-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;
}
#nav-icon span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: rgb(30,30,30);
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;
}
#nav-icon span:nth-child(1) {
top: 0px;
}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
top: 8px;
}
#nav-icon span:nth-child(4) {
top: 16px;
}
#nav-icon.open span:nth-child(1) {
top: 8px;
width: 0%;
left: 50%;
}
#nav-icon.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#nav-icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#nav-icon.open span:nth-child(4) {
top: 8px;
width: 0%;
left: 50%;
}
#togglebutt {
clear: both;
float: right;
margin-top: -2em;
text-decoration: none;
border-bottom: 0 none;
margin-right: 14px;
}
#primarynav {
display: none;
background: transparent; 
position: absolute;
z-index: 10000;
padding-top: 10px;
padding-bottom: 2em;
padding-right: 6.75%;
padding-left: 1em;
float right;
right: 0;
background: rgba(255,255,255,.9);
width: 240px;
height: 100vh;
margin-bottom: 1em;
}
#primarynav li a {
color: rgb(0,0,0);
margin-top: 0.875em;
line-height: .875em;
border-bottom: 0;
}
#primarynav li.current_page_item a,
#primarynav li.current-menu-item a {
opacity: 0.6; filter:alpha(opacity=60); }
#primarynav ul#menu-hauptmenue li,
#primarynav ul#menu-hauptmenue-it li,
#primarynav ul#menu-hauptmenue-en li {padding: .25em .875em;}
@media ( min-width : 768px ) {
#togglebutt {margin-right: 0;}
}  @media ( min-width : 48em ) {
#primarynav {
background: 0 none;
position: relative;
top: -2em;
left: 0;
clear: both;
display: block;
float: right;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
margin-bottom: 0;
width: 100%;
height: 0;
}
#primarynav ul {
position: relative;
list-style: none;
margin: 0;
padding-left: 0;
margin-top: 0;
float: right;
}
#primarynav li {
float: left;
position: relative;
}
#primarynav li a {
display: block;
text-decoration: none;
padding: 0em .875em;
color: rgb(0,0,0);
margin-top: 0.875em;
line-height: .875em;
border-bottom: 0;
}
#primarynav ul ul {
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
box-shadow: 0 3px 3px rgba(0,0,0,0.2);
display: none;
float: left;
position: absolute;
top: 2.5em; left: 0;
z-index: 99999;
}
#primarynav ul ul ul {
left: 100%;
top: 0;
}
#primarynav ul ul a {
background: #ebebeb;
width: 12.5em;
}
#primarynav ul ul li {
}
#primarynav li:hover > a {
}
#primarynav ul ul :hover > a {
}
#primarynav ul ul a:hover {
}
#primarynav ul li:hover > ul {
display: block;
} #primarynav ul#menu-hauptmenue li,
#primarynav ul#menu-hauptmenue-it li,
#primarynav ul#menu-hauptmenue-en li {padding: 0;}
#primarynav .wpml-ls-legacy-list-horizontal ul {top: -3em;}
#primarynav .wpml-ls-legacy-list-horizontal a {
padding: 5px 8px;
margin-top: 0.225em;
border-right: 0;
line-height: .875em;
} #togglebutt {
display: none;
}
}