/* --------- Pfannkuchen-Button -------------*/ 
  .pancake { cursor:pointer; display:none; z-index:3000; position:fixed; width:50px; height:50px; top:25px; right:5%; background:#65a5c3; }
  .pancake:hover { background:#00376f; }
  .pancake .line-top { position:absolute; width:30px; height:4px; top:11px; left:10px; background:#FFF; }
  .pancake .line-middle { position:absolute; width:30px; height:4px; top:23px; left:10px; background:#FFF; }
  .pancake .line-bottom { position:absolute; width:30px; height:4px; bottom:11px; left:10px; background:#FFF; }

  .pancake.active { }
  .pancake.active .line-top { transform:rotate(-45deg); top:23px; }
  .pancake.active .line-middle { display:none; }
  .pancake.active .line-bottom { transform:rotate(45deg); bottom:23px; }


/* --------- Hauptnavigation -------------*/ 
.navigation { width:100%; position:relative; z-index:1000; }

  .mainnav { width:100%; position:relative; box-sizing:border-box; }
  .mainnav ul { margin:0; padding:0; list-style:none; }
  .mainnav li { position:relative; }
  .mainnav li a { display:block; text-decoration:none;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    transition:0.5s;
  }

  /*------ 1. Ebene ----------------*/
  .mainnav ul.list1 { position:relative; display:flex; justify-content:center; }
    #header2.fixed .mainnav ul.list1 { justify-content:flex-end;  }

  .mainnav li.level_1 { box-sizing:border-box; display:block; 
  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 > a { position:relative; z-index:500; font-weight:300; box-sizing:border-box; width:100%; height:100%; line-height:20px; padding:30px 25px 30px; color:#555; display:block; text-decoration:none; font-size:1.0rem; text-transform:uppercase; text-align:center; }
  .mainnav li.level_1:hover > a { background:#BBB !important; color:#FFF;  }
  .mainnav li.level_1.active > a { background:#BBB; color:#FFF; }
  
  .mainnav li.level_1:hover ul.list2 { height:auto; width:auto; opacity:1; z-index:400;}
  .mainnav li.level_1 > a .pfeil { width:0px; height:0px; position:absolute; left:calc(50% - 12px); bottom:15px; border-left:12px solid transparent; border-right:12px solid transparent; border-top:6px solid #BBB; }
  .mainnav li.level_1:hover .pfeil { border-top:6px solid #FFF; }
  .mainnav li.level_1.active .pfeil { border-top:6px solid #FFF; }  

  /*------ 2. Ebene ----------------*/
  .mainnav .list2 { box-shadow: 0 10px 20px rgba(0,0,0,0.2); background:rgba(255,255,255,0.9); min-width:350px; height:0; left:0; overflow:hidden; position:absolute; top:85px; opacity:0; z-index:300; box-sizing:border-box;
    -moz-transition:1s;
    -o-transition:1s;
    -webkit-transition:1s;
    transition:1s;
  }

  .mainnav .list2-inner { border-top:15px solid #BBB; display:flex; box-sizing:border-box; flex-direction:column;  }

  .mainnav li.level_2 { margin:20px 0; display:block; box-sizing:border-box; padding:0 20px; 
    -moz-transition-delay:1s;
    -o-transition-delay:1s;
    -webkit-transition-delay:1s;
    transition-delay:1s;
  }
  .mainnav li.level_2 > a { font-size:1.4rem; position:relative; display:none; padding:5px; color:#00376f; font-weight:bold;
    -moz-transition:1s;
    -o-transition:1s;
    -webkit-transition:1s;
    transition:1s;
  }
  .mainnav li.level_2 > a:hover { background:rgba(204,204,204,0.8); color:#FFF; }
  .mainnav li.level_2.active > a { background:rgba(204,204,204,1); color:#FFF; }
  
  
  /*------ 3. Ebene ----------------*/
  .mainnav .list3 { padding:20px 0 0; display:block; }
  .mainnav li.level_3  { }
  .mainnav li.level_3 a { color:#555; font-size:1rem; line-height:140%; display:flex; position:relative; margin-bottom:10px; }
  .mainnav li.level_3 a:hover { background:rgba(204,204,204,0.8); color:#FFF; }
  .mainnav li.level_3.active > a { background:rgba(204,204,204,1); color:#FFF; }
  .mainnav li.level_3 a .subpfeil { padding:0 5px; display:block; }



/* Sonderfall beim letzten Hauptmenüpunkt: Rechtsbündig */
  .mainnav .list1 li:nth-child(6) .list2 { left:inherit; right:0; }

/* Sonderfall beim vorletzten Hauptmenüpunkt: Rechtsbündig */
  .mainnav .list1 li:last-child .list2 { left:inherit; right:0; }


/* Sonderfall bei Hauptmenüpunkt 1 und 2:100% Breite */
  .mainnav .list1 > li:first-child/*, .mainnav .list1 li:nth-child(2)*/ { position:static !important; }
  .mainnav .list1 > li:first-child ul.list2/*, .mainnav .list1 li:nth-child(2) ul.list2*/ { width:100% !important; }
  .mainnav .list1 > li:first-child ul.list2-inner/*, .mainnav .list1 li:nth-child(2) ul.list2-inner*/ { -webkit-flex-wrap:wrap; flex-wrap:wrap; flex-direction:row;}
  .mainnav .list1 > li:first-child ul.list2 .level_2/*, .mainnav .list1 li:nth-child(2) ul.list2 .level_2*/ { width:20%; }
  .mainnav .list1 > li:first-child li.level_2 > a { display:block; }