.pushy { position: fixed;
height: 100%; width: 100%;
max-width: 450px;
top: 0;
padding: 0;
z-index: 9999;
background: #F5F5F5; overflow: auto;
-webkit-overflow-scrolling: touch;
box-shadow: 3px 0 8px rgba(0,0,0,0.2)
}
.pushy ul {
padding: 0;
position: relative;
text-align: left;
background: 0 0;
margin-left:0;
margin-bottom: 0
}
.pushy ul li {
display: table;
width: 100%;
padding: 0;
margin: 10px 0;
clear: both;
}
.pushy ul.pushy-content li.empty_meny_item {
}
.pushy ul.pushy-content li.empty_meny_item a {
display: none;
}
.pushy li a {
font-style: normal;
font-size: 16px;
line-height: 1;
color: #000;
display: inline-block;
padding: 6px 0;
text-decoration: none;
}
.pushy-menu-contact ul.pushy-content > li > a {
font-family: 'Baskervville', serif;
font-weight: normal;
font-size: 24px;
color: #354534;
line-height: 1;
display: inline-block;
}
.pushy-menu-contact ul.pushy-content > li > a > span.menu_subtitle {
font-family: 'Nunito',sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 16px;
color: #999999;
display: block;
padding-top: 4px;
}
.pushy ul.sub-menu li {
border-top:none;
}
.pushy ul.sub-menu > li:last-child {
margin-bottom:0
}
.pushy ul.sub-menu li a {
font-size: 16px;
padding: 0 10px 5px 10px;
}
.pushy  li:hover > a, .pushy li.current_page_item > a, .pushy li.pushy-submenu-open > a,
.pushy li.current_page_parent > a, .pushy li.current-menu-item > a {
color: #CD1719;
text-decoration: none;
}
.pushy .menu-title {
margin: 0 0 20px;
text-align: left;
background-color: #354534;
}
.pushy .menu-title a {
position: relative;
display: block;
}
@media (max-width:767px) {
.pushy .menu-title {
padding: 8px 50px 8px 15px;
}
.pushy .menu-title a {
max-width: 150px;
}
}
@media (min-width:768px) {
.pushy .menu-title {
padding: 8px 50px 10px 20px;
}
}
.pushy.pushy-left {
left: 0;
}
.pushy.pushy-right {
right: 0;
}
.pushy-content {
visibility: hidden;
} body.pushy-open-left {
overflow-y: hidden
} .pushy-left {
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.pushy-open-left #container,
.pushy-open-left .push {
-webkit-transform: translate3d(200px, 0, 0);
-ms-transform: translate3d(200px, 0, 0);
transform: translate3d(200px, 0, 0);
}
.pushy-right {
-webkit-transform: translate3d(200px, 0, 0);
-ms-transform: translate3d(200px, 0, 0);
transform: translate3d(200px, 0, 0);
}
.pushy-open-right #container,
.pushy-open-right .push {
-webkit-transform: translate3d(-200px, 0, 0);
-ms-transform: translate3d(-200px, 0, 0);
transform: translate3d(-200px, 0, 0);
}
.pushy-open-left .pushy,
.pushy-open-right .pushy {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {
visibility: visible;
} #container,
.pushy,
.push {
transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}
.pushy-content {
transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
} .site-overlay {
display: none;
}
.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9998;
background-color: rgba(0, 0, 0, 0.5);
-webkit-animation: fade 500ms;
animation: fade 500ms;
}
@keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} .pushy ul .pushy-submenu {
position: relative;  } .pushy-submenu > ul {
padding-left: 15px;
transition: max-height 0.4s ease-in-out, visibility 0.2s ease-in-out, opacity 0.4s;
}
.pushy-submenu ul .pushy-link {
transition: opacity 0.2s ease-in-out;
}
.pushy-submenu button {
width: 100%;
color: rgba(255,255,255,0.8);
padding: 15px 30px;
text-align: left;
background: transparent;
border: 0;
}
.pushy-submenu button:hover {
color: rgba(255,255,255,1);
}
.pushy li > a:first-child {
margin-right: 50px;
}
.pushy-submenu > a.external {
display: block;
height: 36px;
width: 36px;
position: absolute;
top: 14px;
right: 15px;
background: url(//www.maennersacheshop.de/wp-content/themes/maennersacheshop/lib/views/menu-pushy-mobile/img/chevron-thin-right.svg) no-repeat center;
-webkit-transform: translateY(-50%) rotate(90deg);
-ms-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
transition: transform 0.2s;
border:none;
padding:0!important
}
.pushy ul.sub-menu .pushy-submenu > a.external {
top: 10px;
} .pushy-submenu-closed > ul {
max-height: 0;
overflow: hidden;
visibility: hidden;
opacity: 0;
}
.pushy-submenu-closed .pushy-link {
opacity: 0;
}
.pushy-submenu-open { }
.pushy-submenu-open > ul {
max-height: 10000px;
visibility: visible;
opacity: 1;
}
.pushy-submenu-open .pushy-link {
opacity: 1;
}
.pushy-submenu-open > a.external {
-webkit-transform: translateY(-50%) rotate(-90deg);
-ms-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
} .pushy-menu-contact {
position: relative;
margin-left: 20px;
}
div.asl_w.asl_m#ajaxsearchlite2 {
}