@charset "utf-8";
/* CSS Document */
* {box-sizing: border-box;padding: 0;margin: 0;word-wrap: break-word;}
img {	max-width: 100%;	height: auto;}

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

header, footer {width: 100%; background-color: ghostwhite; border-radius: :25px; margin-top: 20px; margin-bottom: 20px; padding: 10px; overflow: auto;}

header img {margin-left: 30px; }
nav{padding: 10px;}
article {padding-top: 0; padding-left: 40px; font-family: Arial, Helvetica, sans-serif; color: white; }
aside {padding: 10px; border-radius: 25px; background-color: aqua;}
	
#hauptbereich {width: 100%; background-image: linear-gradient(#006060, darkcyan); margin-top: 20px; margin-bottom: 20px; 		padding: 15px; border-radius: 25px;}
nav li {background-color: ghostwhite; border-radius: 15px; margin-top: 10px; margin-bottom: 10px; padding: 10px; font-size: 1.3em; list-style: none; }
nav a {color: darkblue; text-decoration: none;}
nav a:hover {color: orange;}
h1{margin-top: 0; padding-bottom: 10px;}
p {margin-top: 10px; margin-bottom: 10px;}
figure {margin: 10px; }

footer {min-height: 30px; text-align: center; padding-top: 0; color: darkslateblue; }

@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: 70%; margin: auto;border-radius: 15px; }
	nav {float: left; width: 25%;}
	article { width: 75%; margin-top: 20px;}
	aside { width: 25%; margin-top: 20px;}
	nav li {display: block; padding: 10px; font-size: 1.3em; }}