/* HEADER */
header{background: transparent;box-shadow: none;top:0;}
/* logo */
header .logo a img.one{display: block;}
header .logo a img.two{display: none;}
/* nav */
header nav ul li a{color:white;}
header nav ul li:hover span,
header nav ul li.active span{background: white;}
/* header.active */
header.active{background: white;top:-35px;box-shadow: 0px 0px 15px rgba(30,40,50,.2);}
header.active nav ul li a{color:rgb(40,50,60);}
header.active nav ul li:hover a,
header.active nav ul li.active a{color:rgb(40,50,60);}
header.active .logo a img.one{display: none;}
header.active .logo a img.two{display: block;}
header.active nav ul li:hover span,
header.active nav ul li.active span{background: rgb(40,50,60);}

/* zweite ebene */
header nav ul li ul{box-shadow: none;}
header nav ul li ul li{border-top:0px solid transparent;}
header nav ul li ul li a{background: transparent;color:white;background: rgba(30,40,50,.7);}
header nav ul li ul li:hover a,
header nav ul li ul li.active a{background: rgba(30,40,50,.9);}

/* zweite ebene */
header nav ul li ul{box-shadow: 0px 5px 5px rgba(40,50,60,.2);}
header.active nav ul li ul li{border-top:1px solid #ccc;}
header.active nav ul li ul li a{background: transparent;color:rgb(40,50,60);background: #efefef;}
header.active nav ul li ul li:hover a,
header.active nav ul li ul li.active a{background: white;}

@media only screen and (max-width: 900px) {
  header{background: white;}
  header .logo a img.one{display: none;}
  header .logo a img.two{display: block;}

  header nav ul li a{color:rgb(40,50,60);}
  header nav ul li:hover span,
  header nav ul li.active span{background: rgb(40,50,60);}

  /* zweite ebene */
  header nav ul li ul{display: block;position: relative;float:left;top:0;left:0;width:100%;margin:0;box-shadow: none;}
  header nav ul li ul li{float:left;width:100%;height:auto;border-top:1px solid #ccc;}
  header nav ul li ul li a{float:left;width:100%;height:auto;padding:15px 10px 15px 35px;text-align: left;line-height: 1.3em;color:rgb(30,40,50);font-size:14px;background: #efefef;}
  header nav ul li ul li:hover a,
  header nav ul li ul li.active a{background: #fff;}
  header nav ul li ul li span{display: none;}

}