@import url ('https://fonts.googleapis.com/css?family=Oswald')*

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



div#wrapper {
	background-color: white;
	color: white;
	width: auto;
}
body{
	background-image:url('./img/BessererHintergrund.jpg');
}


}
  
h1{front-size: 102%;}
h2{front-size: 120%;}
h3{front-size: 125%;}

* { padding: 0; margin: 0; }

h1, h2, h3, p, ul, ol { margin-bottom: 1em; }

ul ul { margin-bottom: 0; }

li { margin-left: 1em; }



h1, h2 { font-family: 'Charm', cursive; }
h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 {
	font-family: 'Charm', cursive;
	font-size: 120%
}


body{
  background-color: #a53099;
  color: white; 
   background-image: url('./img/pattern1.jpg');
}

div#wrapper {
  background-color: white;
  color: black;
   width: 720px; 
  margin-top: 50px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto; 
  padding: 20px; 
}

div#textbereich a {
  border-bottom: 1px dotted #cc0000;
  text-decoration: none;
}
div#textbereich a:hover,
div#textbereich a:focus {
  border-bottom: 1px solid #cc66ff;
  color: #9999ff;
}

#nav li {
	display: inline;
	list-style-type: none;
}
#nav {
	background-color: #5DCBF0; 
	padding: 4px 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 10px;
}

#nav a {
	color: black;
	text-decoration: none;
	padding: 4px 8px,
}
#nav a:hover {
	background-color:#5DCBF0;
    color: #ffe574;
}



 div#footer {
   padding-top: 10px;
   padding-right: 20px;
   padding-bottom: 20px;
   padding-left: 20px;
  border-top: 1px solid #cea952;
  margin-top: 0;
 }
 
 div#header {
   background: #ffe574;
   color: black;
   padding-top: 5px;
   padding-right: 20px;
   padding-bottom: 10px;
   padding-left: 20px;
 }