/*  Blau oben 336699
	grau CCCCCC
	schrift 1E3760 333366 143B66
	lila B06BAA A76CAE 863d8d 873e8d
	blau 35679A
	SV 903B8E 8B449A 863d8d
	mit den 203D89 174896

	FFF5DC = Beige
	520303 = Rot
	f4c061 = TextGelb
		
*/
body {
	background: linear-gradient(to bottom, #336699, #CCCCCC);
	min-height: 100vh;
	max-width: 900px;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto 1fr auto;
	margin-left: auto;
	margin-right: auto;
	font-family: Calibri;
	color: #35679A;
	font-size: 1.3em;
}

header, nav, main, footer {
	border-radius: 0px 0.5em 0.5em;
	border: 1px solid;
	border-color: #000000;
	padding: 8px;
	margin: 5px;
}

header {
	background: #174896;
	background: linear-gradient(to right, #174896, white 20%, #174896);
}

nav {
	background: #CCCCCC;
	color: #FFFFFF;
	display: flex;
	flex-wrap: wrap;
}      

main {
	background: #FFFFFF;
	display: block;
	/* fallback für IE 9-11 */
	padding: 0px 35px 35px 35px;
	text-align:justify;
}

footer {
	background: #A76CAE;
	color: #FFFFFF;
}

h1 {color: #873E8D;}

svg { 
  width: 96%;
  height: auto;
  }
  
.Zent {
	display: flex;
	align-items: center;
	justify-content: center;
}

navlink {
	font-size:1.3em;
	color: #000000;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	flex: 1;
	
}
a.navlinks:link { color:#174896;}
a.navlinks:visited { color:#174896;}
a.navlinks:hover { color:#FFFFFF;}
a.navlinks:focus { color:#FFFFFF;}
a.navlinks:active { color:#FFFFFF;}

 
a:link { font-weight:bold; /*color:#520303;*/ text-decoration:none; /*cursor:url(cursor.gif), default;*/}
a:visited { font-weight:bold; /*color:#520303;*/ text-decoration:none; /*cursor:url(cursor.gif), default;*/}
a:focus { font-weight:bold; color:#B06BAA; text-decoration:none; /*cursor:url(cursor.gif), default;*/}
a:hover { font-weight:bold; color:#B06BAA; text-decoration:none; /*cursor:url(cursor.gif), default;*/}
a:active { font-weight:bold; color:#B06BAA; text-decoration:none; /*cursor:url(cursor.gif), default;*/}