/** {
  margin: 0;
  padding: 0;
  }*/

/*header {
  width: 100%;
  height: 60px;
  background-color: grey;
  position: fixed;
  text-align: center;
  }*/

  /* ===== Burger-Menu Start =====*/
  xxbutton.navbarToggle {
    background-color: red;
    border: none;
    width: 50px;
    height: 50px;
    cursor: pointer;
    margin: 0 auto;
    float: none;
    margin: 0 15px 0 0;
    /*display: none;*/
  }
  .navbarToggle {
    xbackground-color: transparent;
    border: none;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin: 0 auto;
    float: right;
    margin: 3px 15px 0 0;
    z-index: 10000;
  }
  @media screen and (max-width:479px) {
    .navbarToggle {
      margin: 1px 15px 0 0;
    }
  }
  .icon-bar {
    background-color: white;
    /* Streifen-Breite */
    width: 25px;
    /* Streifen-Stärke */
    height: 3px;
    /* Streifen-Abstand */
    margin: 5px 2px;
    /*padding: 0px 20px 0px 5px;*/ 
    display: table;
    border-radius: 2px;
  }

  .icon-bar {
    /* Streifen-Breite */
    width: 25px;
    /* Streifen-Stärke */
    height: 2px;
    /* Streifen-Abstand */
    margin: 5px 2px;
  }



  /* @media screen < */
  /* ===== Burger-Menu End =======*/

  .navigation {
    xfont-family: Arial, Helvetica, sans-serif;
    xtext-decoration: none;
  }






/* Menu zunächst nicht sichtbar, 
wird über navbarToggle geöffnet */
x.navbar {
  xposition: absolute;
  display: none;
  top: 40px;
  width: 100%;
  padding: 50px 0 50px 30%;
  /*height: 400px;*/
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  z-index: 100;
}

nav {
	xposition: relative;
	xfloat: left;
	xwidth: 100%;
	xtext-align: left;
	xfont-family: Arial, Helvetica, sans-serif;
	xfont-family: "RobotoCondensed_Regular_google", serif;
	xfont-family: 'FiraSansCondensed-Light', serif;
  xletter-spacing: 0.5vw;
  xtext-decoration: none;
  xtext-transform: uppercase;
}

nav ul {
xlist-style-type: none;
  /* width: 100%; */
  xtext-align: center;
  xmargin: 0px auto 0px auto;
      xposition: relative;
}

nav li {
  font-family: 'FiraSansCondensed-Light', serif;
  letter-spacing: 0.5vw;
  xposition: relative;
  list-style: none;
  width: 250px;
  text-align: left;
  float: mone;
  color: #fff;
  font-size: 18px;
  line-height: 3.8;
  cursor: pointer;
  xfont-weight: lighter;
  /*margin-left: 50px;*/
      margin: 0px auto 0px auto;
}
nav a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 17px;
}
.navbarSlideWrapper {
  /* position: relative; */
  xwidth: 100%;
  max-width: 1000px;
  /* height: 100%; */
  margin: 0px auto 0px auto;
  z-index: 2000;    
}

/* Menu zunächst nicht sichtbar, 
wird über navbarToggle geöffnet */
.navbarSlide  {
  position: fixed;
  xposition: absolute;
  display: none;
  top: 40px;
  width: 1000px;
  width: 100%;
  max-width: 1000px;
  margin: 0px auto 0px auto;
  padding: 12% 0 18% 30%;
  padding: 12% 0 18% 0;
  xheight: 600px;
  /* Menu über ganze Seite: */
  xheight: 100%;
  background-color: rgba(0,0,0,0.7);
  z-index: 2000;
  text-align: center;
}
@media only screen and (min-width:768px) {
  .navbarSlide {
    xheight: 100%;    
    xpadding: 12% 0 18% 20%;
  }
  xnav li {
    line-height: 3.8;
  }   
  xnav a {
    font-size: 16px;
  } 
}
@media only screen and (min-width:480px) and (max-width:767px) {
  .navbarSlide {
    xheight: 100%;    
    xpadding: 12% 0 18% 30%;
  }
  nav li {
    width: 150px;
    line-height: 3.8;
  }   
  xnav a {
    font-size: 16px;
  }  
}
@media only screen and (min-width:320px) and (max-width:479px) {
  .navbarSlide {
    height: 100%;    
    xpadding: 30% 0 0px 30%;
  }
  nav li {
    width: 120px;
    line-height: 3.6;
  }   
  xnav a {
    font-size: 17px;
  }  
}
@media only screen and (max-width:319px) {
  .navbarSlide {
    height: 100%;    
    xpadding: 30% 0 0px 30%;
  }
  nav li {
    width: 120px;
    line-height: 3.0;
  } 
  xnav a {
    font-size: 17px;
  } 
}



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

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