/* Font Definitions */
@font-face
	{font-family:Wingdings;
	panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
	{font-family:"\FF2D\FF33 \660E\671D";
	panose-1:0 0 0 0 0 0 0 0 0 0;}
@font-face
	{font-family:"\FF2D\FF33 \660E\671D";
	panose-1:0 0 0 0 0 0 0 0 0 0;}
@font-face
	{font-family:Cambria;
	panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
	{font-family:"Lucida Grande";
	panose-1:2 11 6 0 4 5 2 2 2 4;}
 /* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
	{margin:0cm;
	margin-bottom:.0001pt;
	font-size:12.0pt;
	font-family:Cambria;}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
	{margin:0cm;
	margin-bottom:.0001pt;
	font-size:9.0pt;
	font-family:"Lucida Grande";}
p.MsoRMPane, li.MsoRMPane, div.MsoRMPane
	{margin:0cm;
	margin-bottom:.0001pt;
	font-size:12.0pt;
	font-family:Cambria;}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
	{margin-top:0cm;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:36.0pt;
	margin-bottom:.0001pt;
	font-size:12.0pt;
	font-family:Cambria;}
span.BalloonTextChar
	{font-family:"Lucida Grande";}
.MsoChpDefault
	{font-family:Cambria;}
@page WordSection1
	{size:595.0pt 842.0pt;
	margin:72.0pt 90.0pt 72.0pt 90.0pt;}
div.WordSection1
	{page:WordSection1;}
 /* List Definitions */
ol
	{margin-bottom:0cm;}
ul
	{margin-bottom:0cm;}

* {
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 {
width: 100%;
background-color: paleturquoise;
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: 4.2em;
font-family: "Snell Roundhand", "Comic Sans MS", cursive;
color: darkcyan;
margin: 15px 15px 15px 240px;
}
header h2 {
font-size: 1.3em;
font-family: "Snell Roundhand", "Comic Sans MS", cursive;
color: darkcyan;
margin-left: 60%;
}
nav {
padding: 10px;
}
article {
padding: 10px;
font-family: "Snell Roundhand", "Comic Sans MS", cursive;
color: darkcyan;
}
aside {
padding: 10px;
border-radius: 25px;
background-color: paleturquoise;
}
#hauptbereich {
width: 100%;
background-image: linear-gradient(aquamarine);
margin-top: 20px;
margin-bottom: 20px;
padding: 15px;
border-radius: 25px;
}
nav li {
background-color: paleturquoise;
border-radius: 15px;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
font-size: 1.3em;
list-style: none;
}
nav a {
color: darkcyan;
text-decoration: none;
}
nav a:hover {
color: darkcyan;
}
h1 {
margin-top: 30px;
padding-bottom: 20px;
}
p {
margin-top: 10px;
margin-bottom: 10px;
}
figure {
margin: 10px
}
footer {
min-heigth: 80px;
text-align: center;
padding-top: 20px;
color: honeydew;
}

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