/* CSS Document */
/*Farben definieren*/
:root{
	--hintergrundwebsite: ;
	--hintergrundcontainer:#52004A;
	--kopfzeile: #8A589E;
	--navigation:;
		
	--textfarbe1:#52004A
	--textfarbe2 #6E6FE1;
	--textfarbe3:#8A59AF;
	--footerfarbe:#8A589E
}
		
 /*  das ist ein Kommentar zu den internen Styles: Hier sind nun alle Styles  */
        html, body, h1, ul, li{margin: 0; padding: 0; border: 0;}
        body{font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"; background-color: #CB99E0; color:#52004A;font-size: 30px;}
        header{}
        footer{min-height: 50px; background-color:#8A589E; padding: 25px;}
        header h1{background-color: #8A589E; font-size: 100px; text-align: center;}
        article h1{color: #8A59AF;}
        nav{background-color: #52004A; height:60px; }
		#container{width: 70%; margin:0 auto; border: solid 5px white; box-shadow: 10px 30px 20px 15px black;
			padding: 25px; min-height: 800px;
			border: 2px solid white;}
        main{padding: 20px;}
        li{display:inline;}
        a:link, a:visited {background-color:#52004A; color:#8A589E; text-decoration: none; font-size: 36px; margin-right: 25px;}
        a:hover{background-color: #D1BEE3;}
        a:active{background-color: black; color: white;}
        article{padding: 25px}
		img{float: right; margin:0 0 25px 30px; border-radius: 400px;}
.eckig{border-radius:0}
.rund{}