/*Navi*/
nav {
      white-space: nowrap; 
	/*padding: 0 0 2px  2px;
	position: sticky;*/
	top:0;
	/*left:0;
	width: 100%;
  max-width: 1200px;
  z-index: 29;*/
    color: #fff;
 text-shadow: 0 0 5px black;
}
nav ul {
  list-style: none;
  /*margin: 50;
  padding: 0;*/
     font-size: 120%; /*gesamte Menü*/
    font-weight: bold;
  
   /* width: auto; Breite Menü*/
}
nav > ul > li {
  float: none;	
}

/*nav > ul > li > ul {
  display: none;
}*/
nav > ul a {
  display: block;
  white-space: nowrap; /*unterdrückt Zeilenumbrüche*/
  padding: 2px 2px 2px 2px; /*Abstände Menü*/
}
nav > ul {
  float: left;
  overflow: hidden;
  padding:0;
  border-radius: 10px;
}
nav > ul > li:hover > ul {
  display: block;
  position: absolute;
}
/*Pfeile für Unterseiten - ANFANG*/
nav li > a:after {
  content: " >>";
}
nav li > a:only-child:after {
  content: "";
}
/*Pfeile für Unterseiten - ENDE*/
nav li {
    border-radius: 10px;
    padding: 3px; /*Rahmen der Menüpunkte*/
    list-style: none;
}
nav a{
    text-decoration: none;
    border-radius: 10px;
}  
/*Navi-ENDE*/

/*Handy-Menü - Anfang*/   
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 {
  display: none;
margin:000 30px; /*Abstand Menüpunkte*/
}
nav > ul:hover li {
  display: block; 
}
nav > ul::before {
  display: block;
  content: "Menü";
  padding: 3px;
}




/*Tablette*/

@media only screen and (min-width: 600px){
	nav {
		margin-top: 3px;
      display: block; 
      align-items:center;
      top: 2px;/*Abstand Menü oben*/
      padding: 0;
      width: 100%;
	}
    nav > ul {
      padding: 0;
      margin: 0;
    } 
    nav > ul > li {
      float: left;
      display: block;
      padding: 0;
      margin: 0 3px 5px 3px;
 }
    nav > ul::before {
  display: block;
  content: "";
}
  nav > ul > li > a {
  display: block;
    margin: 0;
    padding: 5px 10px 5px 10px;
}
}