/* --------- Pfannkuchen-Button -------------*/ 
.pancake { cursor:pointer; display:none; z-index:3000; position:relative; width:50px; height:50px; background:#005561; }
.pancake:hover { background:#005561; }
.fixed .pancake { right:5px; }
.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 { padding:0; margin-left:2%; }

.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:#717475; display:block; text-decoration:none; font-size:22px; line-height: 100%; }
.mainnav li.level_1:hover > a { color:#26c6b7; }
.mainnav li.level_1.active > a { color:#26c6b7; }

.mainnav li.level_1:hover ul.list2 {  opacity:1; z-index:400; height: auto; width: auto;}

/*------ 2. Ebene ----------------*/
.mainnav .list2 { background:#26c6b7; height:0; width:auto; min-width: 300px; 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 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.8em; font-weight:600; position:relative; display:block; color:#717475; line-height:100%; padding:7px 0;
  -moz-transition:1s;
  -o-transition:1s;
  -webkit-transition:1s;
  transition:1s;
}
.mainnav li.level_2 > a:hover { color:#FFF; }
.mainnav li.level_2.active > a { color:#FFF; }

.mainnav li.level_1:last-child .list2 { left: inherit; right:-20px; text-align: right; }

/*------ 3. Ebene ----------------*/
.mainnav li.level_3 { margin:10px 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_3:last-child { margin-bottom:25px; }
.mainnav li.level_3 > a { text-transform: inherit; white-space: nowrap; font-size:0.8em; font-weight:200; position:relative; display:block; color:#717475; line-height:100%; padding:4px 0;
  -moz-transition:1s;
  -o-transition:1s;
  -webkit-transition:1s;
  transition:1s;
}
.mainnav li.level_3 > a:hover { color:#FFF; }
.mainnav li.level_3.active > a { color:#FFF; }