*{box-sizing:border-box;padding:0;margin:0;word-wrap:break-word}img{max-width:100%;height:auto}body{background-color:grey;font-family:Arial,Helvetica,sans-serif;font:normal 1em}header{width:100%;color:#ff0;background-color:#da70d6;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:Arial,Helvetica,sans-serif;color:#000}#hauptbereich{width:100%;background-image:url(bg_blau.jpg);margin-top:20px;margin-bottom:20px;padding:15px;border-radius:25px}nav li{background-color:#da70d6;border-radius:15px;margin-top:10px;margin-bottom:10px;padding:10px;font-size:1.3em;list-style:none}nav a{color:#000;text-decoration:none}nav a:hover{color:#fff}h1{margin-top:30px;padding-bottom:20px}p{margin-top:10px;margin-bottom:10px}figure{margin:10px}@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}#hauptbereich{overflow:auto}}@media only screen and (min-width: 768px){#gesamt{width:70%;margin:auto}nav{float:left;width:25%}article{width:50%;margin-top:20px}nav li{display:block;padding:10px;font-size:1.3em}}