/* ===== Burger-Menu > ===== */
.navbarToggleWrapper {
  /*background-color: orange;*/
  position: fixed;  
  width: 100%;
  max-width: 1600px;
  height: 2px;
  margin: 0 auto;
  left: 0;
  z-index: 5;  
}
.navbarToggle {
  /*background-color: transparent; */
  /*background-color: orange;  */
  /*position: fixed;*/
  position: absolute;  
  border: none;
  width: 30px;
  height: 30px;
  cursor: pointer;
  margin: 0 auto;
  display: table;  
  /*top: 10px;*/
  margin-top: 10px;
  right: 5%;
  z-index: 5;
  /*display: none;*/
}
.icon-bar {
  /*position: absolute;*/
  background-color: white;
  background-color: rgba(0, 0, 0, 0.5);
/* Streifen-Breite */
  width: 25px;
/* Streifen-Stärke */
  height: 3px;
/* Streifen-Abstand */
  margin: 4px 2px;
/*padding: 0px 20px 0px 5px;*/ 
  display: table;
  border-radius: 2px;
  z-index: 5000;
}

/* Menu zunächst nicht sichtbar, 
wird über navbarToggle geöffnet */
.navbar {
  background-color: rgba(0,0,0,0.7);
  background-color: rgba(255, 255, 255, 0.9);
  /*position: absolute;*/
  position: fixed;
  /*position: relative;*/
  /*top: 50px;*/
  top: 0px;
  width: 100%;
  /*width: 200px;*/
  max-width: 1300px;
  /*height: 400px;*/
  /*height: 100%;*/
  /*display: table;*/
  /*padding: 200px 0 150px 30%;*/
  margin: 0 auto;
  left: 0%;
  right: 0%;
  padding-top: 120px;
  padding-bottom: 38px;
  z-index: 2;
  display: none;
}

.navbarSlide ul {
  /*background-color: orange;*/
  /*position: relative;*/
  /*width: 33%;*/
  max-width: 320px;
  /*height: 100px;*/
  /*text-align: center;*/
  margin: 0 auto;
}
.navbarSlide ul li {
  /*position: relative;*/
  list-style: none;
  width: 320px;
  text-align: left;
  /*float: none;*/
  color: #fff;
  color: rgba(0, 0, 0, 0.5);
  line-height: 2.8;
  font-size: 20px;
  font-size: 24px;
  /*font-size: 30px;*/
  cursor: pointer;
  font-weight: lighter;
  margin-left: 50px;
}
/*.navbarSlide ul li ul {
  margin-left: 0px;
}*/
.navbarSlide ul li ul li {
  margin-left: 30px;
}
.navbarSlide ul li a {
  color: #fff;
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
  /*text-transform: uppercase;*/
}


/* color aktiver Link: */
.navbarSlide ul li.active > a {
  color: rgba(255,255,0,1);
  color: rgba(56,109,175,1);
}

.navbarSlide ul li a:active {
  color: rgba(255,255,0,1);
  color: rgba(56,109,175,1);
}

/* hover Link: */
.navbarSlide ul li:hover > a {
  color: red;
  color: rgba(56,109,175,1);
}


/* Submenu zunächst nicht sichtbar, 
wird über jQuery click eingeschaltet */
/*nav ul li ul {
  background-color: rgba(204,204,153,1);
  background-color: white;
  margin-left: 50px;
  display: none;
}*/

nav a.active { 
  color: #b7c72a 
}
.navbarSlide li:hover {
  color: #b7c72a 
}

@media screen and (min-width:768px) {
  .navbarToggle {
    right: 2%;
    /*display: none;*/
  }
}
@media screen and (max-width:767px) {
  .navbarToggle {
    top: 40px;
    right: 2%;
    /*display: none;*/
  }  
.navbarSlide ul {
    max-width: 196px;
    max-width: 30vw;
  }  
  .navbarSlide ul li {
    font-size: 18px;
    font-size: 3.4vw;
    margin-left: 0px;
  }  
}
@media only screen and (max-width:1280px) and (min-width:768px) {
  .navbarSlide ul {
    /*max-width: 196px;*/
    max-width: 18vw;
  }  
  .navbarSlide ul li {
    font-size: 18px;
    /*font-size: 1.8vw;*/
    margin-left: 0px;
  }  
}

@media screen and (max-width:479px) {
  .navbarToggle {
    /*margin: 1px 0px 0 0;*/
    /*background-color: red;*/
  }
  .icon-bar {
  /* Streifen-Breite */
    /*width: 25px;*/
  /* Streifen-Stärke */
    /*height: 2px;*/
  /* Streifen-Abstand */
    /*margin: 5px 2px;*/
  }
}
/* @media screen < */
/* ===== Burger-Menu < ======= */