nav
{
	max-width: 1400px;	/*ab 1400px soll sich die Seite nicht mehr an Bildschirmbreite anpassen*/
	width:97%;
    position: relative; /*Nimmt Menü aus dem Elementenfluss, Menü wird unsichtbar, wenn entfernt*/
	padding-top: 1%;
	padding-left: 9%;	
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav > ul > li {
  float: left;
}

nav > ul > li > ul {
  display: none;
}

nav > ul a {
  display: block;
  white-space: nowrap;
  padding: 10px;
  color: rgb(255,255,255);
  background: rgb(0, 0, 0);
}

nav ul > li > ul > li a {
  background: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  -webkit-box-shadow: 0 10px 20px #888;
  -moz-box-shadow: 0 10px 20px #888;
  /* box-shadow: 0 10px 20px #888; */
  border-bottom: 1px solid #ddd;
}

nav > ul {
  float: left;
  overflow: hidden;
  padding: 0 10px 0 10px;
  /* box-shadow: 3px 3px 3px rgba(255, 255, 255, 0.50); */
  background: rgb(0, 0, 0);
}

nav > ul > li:hover > ul {
  display: block;
  position: absolute;
}

nav > ul > li > ul > li {
  position: relative;
}

nav > ul > li > ul > li > ul {
  display: none;
}

nav > ul > li > ul > li:hover > ul {
  display: block;
}

nav > ul > li > ul > li:hover > ul {
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
}

nav li > a:after {
  content: " +";
}

nav li > a:only-child:after {
  content: "";
}

/* nav > ul, #nav > ul > li {
  float: none;
}

nav > ul > li > ul, nav > ul > li:hover > ul {
  position: relative;
}

nav > ul > li > ul > li:hover > ul {
  position: relative;
  left: 0;
}

nav > ul > li > ul > li > ul > li > a {
  font-style: italic;
}

nav > ul > li {
  display: none;
}

nav > ul:hover li {
  display: block;
}

nav > ul::before {
  display: block;
  content: "Menü";
  padding: 10px


}  */