* {
     box-sizing: border-box;
	 padding: 0;
	 margin: 0;
	 word-wrap: break-word;
	 
  }
  
  
  img {
     max-width: 100%;
	 height: auto;
	  display: block;
     margin: 0px auto;
	 
	 
   }
   
   
   
   

a   {
     color: #cb6ce6;
     text-decoration: none;
   }


   
ul   {
      text-decoration: none;

}	  
   
 

   
ol   {
      text-decoration: none;

}	  
 

 
 body  {
     background-color: white;
	 font-family: Arial, Helvetica, sans-serif;
     padding-left: 25px;
     padding-right: 5px;	 
  }
  
  
  
  /*Niemand kann den Text markieren und kopieren*/
  body {
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}  
  
  
  
  
  header, footer   {
        width: 100%;
		background-color: white;
		border-radius: 25px;
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 10px;
		overflow: auto;
		
	}
	
  header img  {
        float: left;
		margin: 10px;
		border-radius: 50%;
		
	}
	
	
   header h1  {
         font-size: 2.2em;
		 margin: 15px  15 px  15px 120px;
	
	}
	
	header h2  {
	     font-size: 1.3em;
		 margin-left: 50%;
		 
	}
	
	
	nav   {
	   padding: 10px;
	   
	 }
	 
	 
		 
	 
	 
	article   {
	
	   width: 95%;
	   padding: 10px;
	  	font-family: Arial, Helvetica, sans-serif;
		color: black;
		
	}
	
	
	
	
	
	
	aside  {
		
	    padding: 10px;
		border-radius: 25px;
		background-color: white;
	     
	}
	
	
	
	
	aside a  {    
		text-decoration: none;
		
	}
	
	
	#hauptbereich  {
		   
	       width: 100%;
		   background-image: linear-gradient (#006060, darkcyan);
		   margin-top: 20px;
		   margin-bottom: 20px;
		   padding: 15px;
		   border-radius: 25px;
		  
    }
	
	
	nav li {
	      background-color: white;
		  border-radius: 15px;
		  margin-top: 10px;
		  margin-bottom: 10px;
		  padding: 10px;
		  font-size: 1.3em;
		  list-style: none;
		  
	}
	
	
	nav a   {
	      color: black;
		  text-decoration: none;
		  
	}
	
	nav a:hover   {
	     color: white;
	
	}
	
	
	h1   {
	    margin-top: 30px;
		padding-bottom: 20px;
		
	}
	
	
	p  {
	   margin-top: 10px;
	   margin-bottom: 10px;
	   
	 }
	 
	 
	 figure {
	      margin: 10px;
		  
		  
	}
	
	
	footer  {
	     min-height:  80px;
		 text-align: center;
		 padding-top: 20px;
		 color: black;
		 
	}
	
	
	@media only screen and (min-width: 600px)  {
	
	nav li  {
	       display: inline-block;
		   border-radius: 10px;
		   margin-right: 2%;
		   padding: 5px;
		   font-size: 1.1em;
		   
	}
	
	
	article  {
	     width: 60%;
		 float: left;
		 
	}
	
	aside  {
	    width: 40%;
		float: left;
	}
	
	
	#hauptbereich   {
	overflow: auto;
	
	}
	
	
	}
	
	
	@media only screen and (min-width: 768px)  {
	
     #gesamt  {
	     width: 100%;
		 margin: auto;
		 
		}
		
	nav  {
	     float: left;
		 width: 20%;
		 
	}
	
	
	article  {
	     width: 50%;
		 margin-top: 20px;
		 
	}
	
	
	
	
	
	
	
	aside   {
	   width: 25%;
	   margin-top: 20px;
	   
	 }
	 
	 
	 nav li {
	    display: block;
		padding: 10px;
		font-size: 1.3em;
		
	    }
	 
	}