/* --------- Pfannkuchen-Button -------------*/ 
.pancake { cursor:pointer; display:none; z-index:9001; position:absolute; top:15px; right:3%; width:40px; height:40px; border:2px solid #990b24; }
.fixed .pancake {  }
.pancake .line-top { position:absolute; width:20px; height:2px; top:10px; left:10px; background:#990b24; }
.pancake .line-middle { position:absolute; width:20px; height:2px; top:19px; left:10px; background:#990b24; }
.pancake .line-bottom { position:absolute; width:20px; height:2px; bottom:10px; left:10px; background:#990b24; }
.pancake:hover { border:2px solid #990b24; }
.pancake:hover .line-top { position:absolute; width:20px; height:2px; top:10px; left:10px; background:#990b24; }
.pancake:hover .line-middle { position:absolute; width:20px; height:2px; top:20px; left:10px; background:#990b24; }
.pancake:hover .line-bottom { position:absolute; width:20px; height:2px; bottom:10px; left:10px; background:#990b24; }

.pancake.active { border:2px solid #FFF; }
.pancake.active .line-top { transform:rotate(-45deg); top:19px; background:#FFF; }
.pancake.active .line-middle { display:none; background:#FFF; }
.pancake.active .line-bottom { transform:rotate(45deg); bottom:19px; background:#FFF; }



#mainnav.mainnavmobile {display:none; position: absolute; top:0; left:0; width:100%; min-height:100%; z-index: 9000; padding:3%; }
#mainnav { box-sizing:border-box; background:#990b24; margin:0px; width:100%; }
#mainnav ul { display: flex; flex-wrap: wrap; }
#mainnav li.level_1 { width:20%; box-sizing:border-box; border-left:1px solid rgba(255,255,255,0.7); display:block; font-size:1.0em; text-transform:uppercase;
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */
  }
  #mainnav li.level_1:last-child { border-right:1px solid rgba(255,255,255,0.7); }
  #mainnav li.level_1:hover { background: rgba(0,0,0,0);
    /* Old Browsers */background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    /* FF3.6+ */background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.3)));
    /* Chrome, Safari4+ */background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    /* IE 10+ */background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
    /* IE6-9 */ 
  }
  #mainnav li.active { background: rgba(0,0,0,0);
    /* Old Browsers */background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    /* FF3.6+ */background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.3)));
    /* Chrome, Safari4+ */background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    /* IE 10+ */background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
    /* IE6-9 */ 
  }
  #mainnav li.level_1 > a { box-sizing:border-box; width:100%; line-height:35px; padding:30px 20px 0; color:#FFF; float:left; display:block; text-decoration:none;}
  #mainnav ul ul { padding:25px 0 15px; }
  #mainnav ul li:first-child ul { width:980px; max-width: 100%;  }
  #mainnav li.level_2 { margin:0px; padding:0; text-transform:none; background:#FFF; }
  #mainnav li.level_2 a { text-transform:uppercase; font-size:0.8em; padding:5px 20px; margin:0; text-decoration:none; color:#000; }
  #mainnav li.level_2 a:hover { color:#FFF; background:#990b24;  }
  #mainnav li.active li.active > a { color:#FFF; background:#990b24;  }

  #mainnav h2 { position:relative; line-height:110%; font-size:1.1rem; color:#000; padding-left:20px; padding-bottom:5px; }
  #mainnav li.level_1:nth-child(4) h2 { display:none; }
  #mainnav h2 .punkt { background:#990b24; width:14px; height:14px; position:absolute; top:2px; left:0px; }

  #mainnav .box { padding:20px; padding-left:0; box-sizing: border-box; width: 33.333333%; }
  #mainnav .box:first-child { padding-left:20px; }
  #mainnav .box_inner { border-right:1px dotted #000; padding-right:20px; }
  #mainnav .box:nth-child(3) .box_inner { border-right:none; }

  /* Premium-Produkte*/
  #mainnav li.level_1:first-child .box:last-child { display:none; }


  #mainnav ul ul > div { box-shadow:0px 0px 20px #000; background:#FFF; display:flex; flex-wrap: wrap; }