body {
	background-image:url("images/BildDesMonats.jpg");
	background-size: cover;
	background-attachment: fixed;
}
nav {
	position: fixed;
	width: 798px;			/*100% */
	height: 90px;
	top: 0;
	left: 0;
	background-color: slateBlue;
	box-shadow: 0px 5px 10px 1px #999; /* offset-x | offset-y | blur-radius | spread-radius | color */
	z-index: 1;
	font-size:20px;
}
nav a {
	font-weight: bold;
	font-size:20px;
	text-decoration: none;
	color: LightBlue;
}
nav a:hover, a:active{
	text-decoration: none;
	color: white;
}

#untermenu {
	background-color: slateBlue;
	font-size:20px;
}

.title {
  color: white;   /*wird überschrieben */
  font:  35px Brush Script MT, Helvetica, Arial, sans-serif;
  margin: 0.2em 0;
  padding: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: LightBlue;
  -webkit-text-stroke: 0px black;
}

main{
	background-color: white;
	z-index: 3;
	border-radius: 5px;
	border: none;
	padding-top: 10px;
	padding-left: 20px;	
	padding-right: 10px;
	padding-bottom: 5px;
	/*opacity: 0.95;*/
}

@media screen and (max-device-width: 1024px) {
	nav li{
		list-style: none;
		display: block;
		width: 50%;
		font-weight: bold;
		font-size: large;
		}
	.Nav { visibility: hidden; }

}
@media screen and (min-device-width: 1024px) {
	nav li { list-style: none; display: inline; width: 100% }
	#Hamburger{
		visibility: visible;
		text-decoration: none;
		font-weight: bold;
		font-size: large;
		color: white;
	}
	main {	width: 750px; }
	.Nav { position: fixed; top: 0; left:0;  }
}