/* Definition header bleibt fix am oberen Rand */
:root {
	--Schriftrot: #932524;
	--Schriftblau: #0F3461;
	--Buttonrot: #c32e04;
	--Linkgrau: #393939;
	--Blockgrau: #C4CCD7;
}

body {
	font-family: 'Open Sans', sans-serif;
	scroll-behavior: smooth;
	color: #0F3461;
	font-size: 0.9em;
}

img {
	border: 0em;
}

div#header {
	display: -ms-flexbox;
	display: flex;
	
	-ms-flex-direction: row;
	flex-direction: row;

	-ms-flex: auto 1;
	flex: auto 1;

	justify-content : center;
	align-items : flex-start;
	flex-grow: 1;
	position: fixed;
	_position: absolute;
	left: 0.5em;
	top: 0em;
	background: #FFFFFF;
	z-index: 1;
	height: 6em;
	width: 100em;
	border: 0px double #000000;
}

img.logo_header{
	background-color: #FFFFFF;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 25em;
}

span.text_header {
	display: block;
	margin-left: 3em;
	margin-top: auto;
	margin-bottom: auto;
	text-align: justify;
	width: 40em;
	border: 0px double #000000;
}

span.text_header_red {
	font-weight: bold;
	color: #932524;
	margin-left: 1em;
}

#header a:link {
	text-decoration: none;
	color: #0F3461;
	margin-left: 0.75em;
	margin-right: 0.75em;
}

#header a:active {
	color: #0F3461;
/*	font-weight: bold; */
}

#header a:visited {
	color: #0F3461;
/*	font-weight: bold; */
}

#header a:hover {
	color: #0F3461;
	font-weight: bold;
}

.section {
	position: relative;
	display: flex;
	flex-direction: column;
	background: #FFFFFF;
	margin-top: 6em;
	border: 0px double #000000;
	width: 100em;
}

div#footer {
	background: #0F3461;
	color: #FFFFFF;

 	display: flex;

	flex-direction: row;

	justify-content : center;

	align-items : flex-start;

	position: relative;
/*	margin-top: 6.75em;*/
	height: 11em;
	width: 100em;
	border: 0px double #000000;
/*	top: -22.5em;*/
}

#footer span {
	display: block;
	margin-left: 3em;
	margin-right: 3em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.footer_text a {
	color: #FFFFFF;
	text-decoration: none;
}

span.footer_logo {
	text-align: center;
}

span.footer_text {
	text-align: left;
}