/* DATEI: formate.css Jens Schroeder*/

*		{ box-sizing: border-box; padding: 0; margin: 0; word-wrap: break-word; }

img	{max-width: 100%; height: auto; }

body	{background-color: honeydew; font-family: Arial, Helvetica, sans-serif; }

header, footer { width: 100%; background-color: orchid; 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 15px 15px 120px; }

header h2 { font-size: 1.3em; margin-left: 50%; }

nav		{padding: 10px; }

article	{padding: 10px; font-family:"Snell Roundhand", "Comic Sans MS", cursive; color:black;  }

aside		{padding:10px; border-radius:25px; background-color:orchid; }

#hauptbereich	{width: 100%; background-image: linear-gradient (#006060, darkcyan); margin-top: 20px; margin-bottom: 20px; padding: 15px; border-radius:25px ; }

nav li	{background-color:orchid; 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: darkcyan; }

h1			{margin-top:30px; margin-bottom:20px; }

p			{margin-top:10px; margin-bottom:10px; }

figure	{margin: 10px; }

footer	{min-height:80px; text-align:center; padding-top:20px; color:honeydew; }

@media only screen and (min-width: 600px)
	{
 	   /* Tablets und mittlere Bildschirme */
		nav li	{ display:inline-block; border-radius:10px; margin-right:2%; padding: 5px; font-size:1.1em; list-style:none; }
		article	{ width:60%; float:left; }
		aside		{ width:40%; float:left; }
		#hauptbereich	{ overflow:auto; }
	}
	
@media only screen and (min-width: 768px)
	{ 
		#gesamt 	{ width:70%; margin:auto; }
		nav		{ width:25%; float: left; }
		nav li	{ display:block; padding: 10px; font-size:1.3em; list-style:none; }
		article	{ width:50%; margin-top: 20px; }
		aside		{ width:25%; margin-top: 20px; }
	 }
 /*	
@media only screen and ( min-width: 440px ) and ( max-width: 650px ) {
    Tablets und mittlere Bildschirme */