/* Fix for Android */
body { 
  -webkit-animation: bugfix infinite 1s; 
}
@-webkit-keyframes bugfix { 
  from { padding: 0; } 
  to { padding: 0; } 
}

/* default checkbox */
input[type=checkbox] {

  top: -9999px;
  right: -9999px;
}

label { 
  cursor: pointer;
  user-select: none;
}


#navigation2 ul {padding:0; margin:0; list-style:none; text-align:left; height:100%;
overflow:scroll; overflow-x:hidden;
-webkit-overflow-scrolling: touch;
}

#menuControl + label {display:block; width:50px; height:50px; background:url(../pics/three-bar_gr.png) no-repeat left top; position:fixed; right:35px; top:35px; z-index:500000; cursor:pointer;}
#menuControl + label span {position:absolute; right:-9999px;}

#navigation2 {width:280px; top:35px; position:fixed; right:-281px; border-right:1px solid #ddd; z-index:500000; background:rgba(90,90,90,0.9);border-top:1px solid #ddd;
-webkit-height:calc(90% - 35px);
-moz-height:calc(90% - 35px);
height:calc(90% - 35px);
-webkit-transition:0.3s 0.3s;
transition:0.3s 0.3s;
}
#navigation2 > ul ul {max-height:0; overflow:hidden;
-webkit-transition:0.3s;
transition:0.3s;
}
#menuControl {position:absolute; right:-9999px; display:none;}
#menuControl:checked ~ #ie7 #navigation2 {right:0px;
-webkit-transition:0.3s;
transition:0.3s;
}
#menuControl:checked ~ #ie7 #navigation2 > ul ul {max-height:320px;
-webkit-transition:0.5s 0.1s;
transition:0.5s 0.1s;
}
#menuControl:checked + label:before {display:block; content:""; width:100%; height:100%; position:fixed; right:0; top:0; background:transparent;}

#navigation2 ul li a {display:block; height:40px; text-indent:30px; font:bold 17px/40px 'Open Sans', sans-serif, Arial; color:#FFCCB2; text-decoration:none;}
#navigation2 ul li:hover > a {background:#333; text-decoration:underline; color:#fff;}
#navigation2 ul ul li a {color:#eee; text-indent:70px;}
#navigation2 ul ul li a:visited {color:#ababab; text-indent:70px;}
#navigation2 ul li.shop {background:rgba(200,51,51,0.5)}
#navigation2 ul li.shop2 {background:rgba(80,51,51,0.5)}
#navigation2 ul li.serie {background:none;}
#navigation2 ul li.modelle {background:none;}
#navigation2 ul li.kult {background:none;}
#navigation2 ul li.sprache {background:none;}
#navigation2 ul li.impressum {background:none}



#menuControl:checked ~ #wrapper {height:100%; overflow:hidden;}


@media all and (min-width: 651px) {
#menuControl + label  {display:none;}
}






@media print {
#menuControl + label  {display:none;}
.menupc {display:none;}
.logo {display:none;}

.content {width: 80%; margin: 0 auto; padding:0;} 
.content p {padding-top:20; margin:0; font:normal 13px/18px 'Open Sans', sans-serif, Arial; color:#333;}
.content h1 {padding-top:20; margin:0; font:normal 18px/18px 'Open Sans', sans-serif, Arial; color:#333;}
.content h2 {padding-top:20; margin:0; font:normal 15px/18px 'Open Sans', sans-serif, Arial; color:#333;}
.content h3 {padding-top:20; margin:0; font:normal 15px/18px 'Open Sans', sans-serif, Arial; color:#333;}

.footer {display:none;}
.footer_modell {display:none;}
.mobilesub {display:none;}
html, body{
background-image:none!important;}
body {
font: 11pt/160% Verdana, Arial, sans-serif;
color:#293235;
background-color:white!important;}
.printlogo {display:block; background:none; position:relative; left: 0; top: 0; margin:0px 0px 40px 0px;}
printtxt {display:block; position:absolute; left: 130px; top: 70px; font:normal 16px/18px 'Open Sans', sans-serif, Arial; color:#333;}
}