/* --------- Pfannkuchen-Button -------------*/ 
  .pancake { cursor:pointer; display:none; z-index:3000; position:relative; width:50px; height:50px; background:#e1bd45; }
  .pancake:hover { background:#e1bd45; }
  .fixed .pancake { right:5px; }
  .pancake .line-top { position:absolute; width:30px; height:2px; top:12px; left:10px; background:#FFF; }
  .pancake .line-middle { position:absolute; width:30px; height:2px; top:24px; left:10px; background:#FFF; }
  .pancake .line-bottom { position:absolute; width:30px; height:2px; bottom:12px; left:10px; background:#FFF; }

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


/* --------- Hauptnavigation -------------*/ 
.navigation { padding:0; font-weight: 500;}

  .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; text-transform:uppercase;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    transition:0.5s;
  }

  /*------ 1. Ebene ----------------*/
  .mainnav ul.list1 { position:relative; display:flex; }
  .mainnav li.level_1 { box-sizing:border-box; display:block; margin:0 30px;
    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 { margin-right:0; }
  .mainnav li.level_1:first-child { margin-left:0; }
  .mainnav li.level_1 > a { white-space: nowrap; position:relative; box-sizing:border-box; width:100%; line-height:20px; padding:24px 0; color:#e1bd45; display:block; text-decoration:none; font-size:22px; line-height: 100%; font-weight:300; }
  .mainnav li.level_1:hover > a { color:#00a9d5; }
  .mainnav li.level_1.active > a { color:#00a9d5; }
  
  .mainnav li.level_1:hover ul.list2 {  opacity:1; z-index:400; height: auto; width: auto;}

  /*------ 2. Ebene ----------------*/
  .mainnav .list2 { background:#e1bd45; height:0; width:auto; overflow:hidden; position:absolute; left:-20px; top:70px; opacity:0; z-index:300; box-sizing:border-box;
    transition: all 1s ease-in 0s; /* explorer 10 */
    -webkit-transition: all 1s ease-in 0s; /* chrome & safari */
    -moz-transition: all 1s ease-in 0s; /* firefox */
    -o-transition: all 1s ease-in 0s; /* opera */
  }

  .mainnav .list2-inner { box-sizing:border-box; }

  .mainnav li.level_2 { margin:13px 20px; display:block; box-sizing:border-box; padding:0; 
    -moz-transition-delay:1s;
    -o-transition-delay:1s;
    -webkit-transition-delay:1s;
    transition-delay:1s;
  }
  .mainnav li.level_2 > a { white-space: nowrap; font-size:0.9em; font-weight:300; position:relative; display:block; color:#FFF; line-height:100%; padding:7px 0;
    -moz-transition:1s;
    -o-transition:1s;
    -webkit-transition:1s;
    transition:1s;
  }
  .mainnav li.level_2 > a:hover { color:#00a9d5; }
  .mainnav li.level_2.active > a { color:#00a9d5; }