*{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,footer{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(./bilder/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}.rot{color:red}.blau{color:blue}.orange{color:orange}.rahmen{border-width:12px;border-style:groove;border-color:blue;padding:10px}.raender{border-right-width:12px;border-left-width:12px;border-right-style:groove;border-left-style:groove;border-right-color:blue;border-left-color:blue;padding:10px}#s1{font-size:18px;font-weight:700;font-style:italic;color:#0000c0;text-align:justify}#s2{font-size:18px;font-weight:700;color:#000;text-align:justify}#s3{font-size:18px;color:#000;text-align:justify}#s4{font-size:18px;color:#0000c0;text-align:justify}#s5{font-size:16px;font-weight:700;color:#000;text-align:justify}#zitat{font-size:10px;font-weight:400;color:#000;text-align:justify}@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}}