/************************************
 * GENERAL
 ************************************/
#mainNavi {
  padding-top: 10px;
}
#mainNavi ul {
  list-style: none;
}
#mainNavi a:hover {
  text-decoration: none;
}



/************************************
 * LEVEL 1
 ************************************/

#mainNavi ul.level1  {
  display: table-row;
  margin: 0px;
  padding: 0px;
}
#mainNavi ul.level1 > li {
  display: table-cell;
  padding:13px 10px 10px 10px;
  vertical-align: bottom;
  text-align: left;
  border-right: 1px solid #578091;
  position: relative;
  line-height: 1em;
}
#mainNavi ul.level1 > li:hover ul.level2 {
  display: block;
}
#mainNavi ul.level1 > li > a {
  text-decoration: none;
  color: #507383;
  margin-right: 20px;
}
#mainNavi ul.level1 > li.akt > a {
  color: #000;
}

/************************************
 * LEVEL 2
 ************************************/
#mainNavi ul.level2 {
  display: none;
}
#mainNavi ul.level1 > li ul.level2 {
  position: absolute;
  min-width: 100%;
  margin: 0px 0px 0px -10px;
  padding: 20px 0px 10px;
}
#mainNavi ul.level1 > li ul.level2 > li {
  background-color: #628697;
}
#mainNavi ul.level1 > li ul.level2 > li.first {
  padding-top: 15px;
}
#mainNavi ul.level1 > li ul.level2 > li.last {
  padding-bottom: 20px;
}
#mainNavi ul.level1 > li ul.level2 a {
  color: #fff;
  padding: 6px 10px;
  display: block;
  text-decoration: none;
}
#mainNavi ul.level1 > li ul.level2 li.akt a,
#mainNavi ul.level1 > li ul.level2 a:hover {
  color: #FFCD1C;
}


/************************************
 * MEDIA QUERIES
 ************************************/
@media only screen and (min-width: 48.000em) {
  #mainNavi {
    padding-top: 6px;
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 64.000em) {
  #mainNavi ul.level1 > li.last {
    border-right: 0px;
  }
}

/************************************
 * MOBILE NAV - SLICKNAV
 ************************************/


/************************************
 * VISIBLIITY
 ************************************/
#mainNavi > ul.level1 {
  display: none;
}

@media only screen and (min-width: 48.000em) {
  #mainNavi > ul.level1 {
    display: table;
    width: 100%;
  }
  .slicknav_menu {
    display: none;
  }
}