/* Hauptnavigattion bei mindestens 1100px breite */

nav ul{
	position:relative;
	margin-left:0px ;
	list-style-type:none;
	font-family: 'Amatic SC';
	font-weight:bold;
	font-size:1.5em;
	line-height:1.8em;
	padding:0px;
}
nav ul ul{
	font-size:1em;
	padding-left:1em;
	padding-right:0px;
	padding-top:5px;
	margin-top:0px;
	background-color: var(--nav-bg-color-ulul);
}
nav li {
	padding:5px 0px 5px 5px;
}
nav ul li a {
	text-decoration:none;
	display:block;
	color:var(--main-bg-color);
	background-color:var(--main-text-color);
	padding:5px 5px 5px 10px;
}
nav ul li a.aktiv {
	background-color:var(--main-shadow-color);
	color: var(--main-text-color);
}
nav ul li a:hover {
	background-color:var(--link-bg-color);
	color: var(--main-text-color);
}
/***************************************/
/* Werte für Responsive Nav und andere */
/***************************************/
@media screen and (max-width: 800px) {
label.responsive-nav-label {
  position: fixed;
  display: block;
  padding: 10px;
  background: darkred;
  cursor: pointer;
  color: gold;
  width:calc(100% - 0px);
  top:0px;
  left:0px;
  font-size:1.8em;
  box-shadow: 0px 3px 5px 0px var(--main-radius);
  z-index:10;
}
label.responsive-nav-label  img {
	vertical-align: bottom;
}
label.responsive-nav-label span {
  margin-right: 10px;  
}
nav {
  position: fixed;
  left: -110%;
  padding: 10px;
  max-height:90%;
  overflow: auto;
  order: 0;
  width:auto;
  max-width: calc(100% - 30px);
  transition: all 0.9s;
  z-index: 9;
  font-size:1.5em;
  background-color: var(--main-bg-color);
  border-bottom-right-radius: var(--main-radius);
  box-shadow: 2px 3px 5px 0px var(--main-shadow-color);
}
input#responsive-nav[type=checkbox]:checked ~ nav {
  left: -2px;
}
input#responsive-nav[type=checkbox]:checked ~ label:after {
	content: "\2717";	
	position:absolute;
	right:20px;
	top:10px;
	font-size: 1.2em;
}
input#responsive-nav[type=checkbox] ~ label:after {
	content: "\2630 ";	
	position:absolute;
	right:20px;
	top:10px;
	font-size: 1.2em;
}
nav ul li a {
	/*width: 190px;*/
}

}