/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* xxxxxxxxxx Ab hier geht's los xxxxxxxxxxxxx */

/* xxxxxxxxx CSS-Einstellungen xxxxxxxxx */
 
/* xxxx Ändern der Browser-Grundeinstellungen xxxx */

/* css reset - läßt das Layout in allen Browsern gut aussehen */

html, body, body#anfang, header, header#kopf, header.mainbereichdiv, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, aside.vermerk, aside.info, canvas, details, embed, figure, figure#logo, figcaption, footer, hgroup, main, menu, div.container, div.schachtel, div.box, div.kiste, nav, nav#nav, ul#navigation, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;/* Außenabstand */
	padding: 0;/* Innenabstnd */
	font-size: 16px;/*16px Schriftgröße */
	font-weight: bold;/* Schriftgewicht */
	line-height: 1.3em;/*24px Zeilenhöhe */
	font-family: Arial, Times, Helvetica, Sans-Serif;/*Schriftfamilien*/
	border: 0;/* Umrandung */
	color: #000000;/* Schriftfarbe Schwarz */
	background-color: #FFFFFF;/* Hintergrundfarbe Weiß */
	text-align: left;/* Textausrichtung Links */
	hyphens: auto;/* Silbentrennung automatisch */
	
}

*, *:before, *:after, *::before, *::after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	-ms-box-sizing: inherit;
	-o-box-sizing: inherit;
	box-sizing: inherit;
} 

h1 {font-size: 1.315em;/*21px*/}

h2 {font-size: 1.252em;/*20px*/}

h3 {font-size: 1.189em;/*19px*/}

h4 {font-size: 1.126em;/*18px*/}

h5 {font-size: 1.063em;/*17px*/}

h6 {font-size: 1em;/*16px*/}

h1, h2, h3, h4, h5, h6 {

	display: flex;
	flex-flow: row wrap;
	
	justify-content: center;

	margin: 0.125em;/*2px*/
	margin-bottom: 0.65em;/**/
	margin-right: 0.65em;/**/
	padding: 0.125em;/*2px*/
	
	flex: 1 100%;	
	
	-webkit-box-shadow: -0.313em -0.313em 0.313em lightgrey inset, 0.625em 0.625em grey;
	-moz-box-shadow: -0.313em -0.313em 0.313em lightgrey inset, 0.625em 0.625em grey;
	-ms-box-shadow: -0.313em -0.313em 0.313em lightgrey inset, 0.625em 0.625em grey;
	-o-box-shadow: -0.313em -0.313em 0.313em lightgrey inset, 0.625em 0.625em grey;
	box-shadow: -0.313em -0.313em 0.313em lightgrey inset, 0.625em 0.625em grey;/**/
	text-align: center;/*Überschrift Zentriert*/
	background-color: #FFFfff;/* red;*/
	border-radius: 0.313em;
	border: 0.063em solid black;/*#A4A4A4 orange;*/
}

.zweispaltig {

	/*display: flex;
	flex-flow: row wrap;
	
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;*/
	
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-ms-column-count: 2;
	-o-column-count: 2;
	column-count: 2;
}

.dreispaltig {

	/*display: flex;
	flex-flow: row wrap;
	
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;*/
	
	-webkit-column-count: 3;
	-moz-column-count: 3;
	-ms-column-count: 3;
	-o-column-count: 3;
	column-count: 3;
}

.vierspaltig {

	/*display: flex;
	flex-flow: row wrap;
	
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;*/
	
	-webkit-column-count: 4;
	-moz-column-count: 4;
	-ms-column-count: 4;
	-o-column-count: 4;
	column-count: 4;
}

.fuenfspaltig {

	/*display: flex;
	flex-flow: row wrap;
	
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;*/
	
	-webkit-column-count: 5;
	-moz-column-count: 5;
	-ms-column-count: 5;
	-o-column-count: 5;
	column-count: 5;	
}

.sechsspaltig {

	/*display: flex;
	flex-flow: row wrap;
	
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;*/
	
	-webkit-column-count: 6;
	-moz-column-count: 6;
	-ms-column-count: 6;
	-o-column-count: 6;
	column-count: 6;	
}

.initial {
	float: left;
	padding: 0.156em 0 0;
	font-size: 300%;
	font-weight: bold;
	line-height: 1;	
}

a:link {
	color: #004FFF; background-color: #fff;/* lightgray;*/
}
a:visited {
	color: #666; background-color: #eee;
}
a:focus {
	color: black; background-color: yellow;;
}
a:active {
	color: white; background-color: orange;
}

html {
	
	display: flex;
	flex-flow: row wrap;
	
	justify-content: center;
	align-content: center;
	align-items: flex-start;
	
	flex: 1 100%;

	padding: 0.3em;/*4px*/
	background-color: #F7F2E0;/* #F28E23;*//*weiß*/
	/*border: 0.063em solid blue;*/
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

mark.gelb {background-color: yellow;}

mark.pink {
	
	/*line-height: 1.8em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;*/
	background-color: /*lightblue;*/ hsla(350,100%,88%,0.5);
}
	
mark.blau {
	color: /*blue#EFF5FB*/#5858FA;
	background-color: rgba(255, 255, 255, 0.6);/*transparent*/
}

/* xxxxxxxxxxxxxxxx Grundeinstellungen zum Erscheinungsbild xxxxxxxxxxxxxxxx */

/* xxxxxxxxxxxxxxxxxxxxxxx Seitenbereich Anfang xxxxxxxxxxxxxxxxxxxxxxx */
	
body#anfang {

	display: flex;
	flex-flow: row wrap;

	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;	

	flex: 1 1 100%;

	padding: 0.3em;

	background-color: #F7F2E0;/*  aqua;*/
	border: 0.063em solid black;/*red;*/
}

/* xxxxxxxxxxxxxxxx Abstände xxxxxxxxxxxxxxxx */

body#anfang header#kopf,
body#anfang main,
body#anfang aside,
body#anfang footer {

	margin: 1em;/*16px*/
	padding: 0.5em;/*8px*/
	/*padding-bottom: 0.5em;*/
	border: 0.063em solid red;/*black; grey blue;*/
	border-radius: 0.938em;
	background-color: #fff;/*  #FAFAFA;*//* yellow;*/
}

/* xxxxxxxxxxxxxxxxxxxxxxx Kopfbereich Anfang xxxxxxxxxxxxxxxxxxxxxxx */

body#anfang header#kopf {
	
	order: 1;
	
	display: flex;	
	flex-flow: row wrap;
	
	justify-content: center;
	align-content: center;
	align-items: flex-start;	
	
	flex: 1 1 100%;
	
	padding-left: 4.063em;/*65px*/
	padding-right: 4.063em;/*65px*/
}

/* xxxxxxxxxxxxxxxxxxxxxxx Logo Anfang xxxxxxxxxxxxxxxxxxxxxxx */

body#anfang header#kopf div:nth-of-type(1).container {
	
	display: flex;	
	flex-flow: row wrap;
	
	justify-content: flex-start;
	align-content: flex-start;
	align-items: center;
	
	margin: auto;/*5.2em*//*83px*/
	
	flex: 1 1 100%;
	
	padding: 0.5em;/*8px*/
	background-color: #fff/*#FAFAFA lightgreen*/;/*weiß*/
	/*border: 0.063em solid #BDBDBD*//*red#A4A4A4;*/
}

body#anfang header#kopf div:nth-of-type(1).container div.box {
	
	display: flex;
	flex-flow: row wrap;
	
	justify-content: space-around;
	align-content: space-around;
	align-items: center;

	flex: 0 32%;

	padding: 0.8em;/*12px*/
	margin-right: 0.5em;/*6px*/
	margin-left: 0.5em;/*6px*/
	
	-webkit-box-shadow: -0.313em -0.313em 0.313em lightgrey inset, 0.625em 0.625em grey;
	-moz-box-shadow: -0.313em -0.313em 0.313em lightgrey inset, 0.625em 0.625em grey;
	-ms-box-shadow: -0.313em -0.313em 0.313em lightgrey inset, 0.625em 0.625em grey;
	-o-box-shadow: -0.313em -0.313em 0.313em lightgrey inset, 0.625em 0.625em grey;
	box-shadow: -0.313em -0.313em 0.313em lightgrey inset, 0.625em 0.625em grey;
	border: 0.063em solid black;/*grey red;*/
	border-radius: 0.313em;
	background-color: #FFF/*green*/;/*weiß*/
}

body#anfang header#kopf div:nth-of-type(1).container div.box figure#logo {
	
	display: flex;
	flex-flow: row wrap;

	flex: 1  1 100%;
	
	margin: auto;
	border-radius: 0.938em;
	background-color: #FFF/*yellow*/;/*weiß*/
}

body#anfang header#kopf div:nth-of-type(1).container div.box figure#logo a {
	
	display: flex;
	flex-flow: row wrap;

	flex: 1 1 100%;
	
	margin: auto;
	border-radius: 0.938em;
	background-color: #FFF;/*weiß*/
	/*border: 0.063em solid black;*/
}

body#anfang header#kopf div:nth-of-type(1).container div.box figure#logo a img.logo {
	
	display: flex;
	flex-flow: row wrap;

	flex: 1 1 100%;
	
	margin: auto;
	border-radius: 0.938em;
	background-color: #FFF;/*weiß*/
	/*border: 0.063em solid darkgreen;*/
}

body#anfang header#kopf div:nth-of-type(1).container div.box figure#logo a img.logo src {
	
	display: flex;
	flex-flow: row wrap;

	flex: 1 1 100%;
	
	margin: auto;
	border-radius: 0.938em;
	background-color: #FFF;/*weiß*/
	/*border: 0.063em solid aqua;*/
}

/* xxxxxxxxxxxxxxxxxxxxxxx Logo Ende xxxxxxxxxxxxxxxxxxxxxxx */

/* xxxxxxxxxxxxxxxxxxxxxxx Kopfbereich Ende xxxxxxxxxxxxxxxxxxxxxxx */

/* xxxxxxxxxxxxxxxxxxxxxxx Inhaltsbereich Anfang xxxxxxxxxxxxxxxxxxxxxxx */


.normal {
white-space: normal;	
}

.pre {
white-space: pre;	
width: 200px;
}

.nowrap {
white-space: nowrap;	
}

.pre-wrap {
white-space: pre-wrap;	
width: 100px;	
}

.pre-line {
white-space: pre-line;	
}

body#anfang main {
	
	display: flex;
	flex-flow: row wrap;
	
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
	
	order: 2;	
	
	flex: 1 1 100%;	
}

body#anfang main section#info {
	
	display: flex;
	flex-flow: row wrap;
	
	justify-content: center;
	align-content: center;
	align-items: center;
	
	flex: 1 1 60%;

	padding-left: 0.5em;
	padding-right: 0.5em;
	
	background-color: #FFFFFF;/* lightgreen;*/
	/*border: 1px solid blue;*/
}

body#anfang main section#info header {

	display: flex;
	flex-flow: row wrap;
	
	justify-content: center;
	align-content: center;
	align-items: center;
	
	flex: 1 1 100%;
	
	padding: 0.5em;

	/*border-radius: 5px;*/
	/*border: 1px solid blue; grey;*/
	background-color: #fff;/* fuchsia;*/	
}

body#anfang main section#info p {

	display: flex;
	flex-flow: row wrap;
	
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;/**/
	
	flex: 1 1 100%;
	
	margin-top: 0.1em;
	margin-left: 1em;
	margin-right: 1em;
	padding: 0.75em;
	
	/*border-radius: 5px;*/
	/*border: 1px solid black;*/
	background-color: #fff;/* aqua;*/
}

/* xxxxxxxxxxxxxxxxxxxxxxx Inhaltsbereich Ende xxxxxxxxxxxxxxxxxxxxxxx */

/* xxxxxxxxxxxxxxxxxxxxxxx Fussbereich Anfang xxxxxxxxxxxxxxxxxxxxxxx */

body#anfang footer {

	order: 3;
	
	display: flex;
	flex-flow: row wrap;
	
	justify-content: center;
	align-content: center;
	align-items: flex-start;

	flex: 1 1 100%;

	padding-left: 1em;
	padding-right: 1em;
	background-color: #fff;/* #E6E6E6gräulicher ton*/
	/*#border: 0.063em solid BDBDBD#A4A4A4;*/
}

/*  xxxxxxxxxxxx Section prueftools(Statistik)  xxxxxxxxxxxx */

body#anfang footer section#prueftools {
	
	display: flex;
	flex-flow: row wrap;

	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
	
	flex: 0 30%;

	margin: 0.8em;
	padding: 0.5em;	

	-webkit-box-shadow: -0.313em -0.313em 0.313em lightgrey inset, 0.625em 0.625em grey;
	-moz-box-shadow: -0.313em -0.313em 0.313em lightgrey inset, 0.625em 0.625em grey;
	-ms-box-shadow: -0.313em -0.313em 0.313em lightgrey inset, 0.625em 0.625em grey;
	-o-box-shadow: -0.313em -0.313em 0.313em lightgrey inset, 0.625em 0.625em grey;
	box-shadow: -0.313em -0.313em 0.313em lightgrey inset, 0.625em 0.625em grey;
	border: 0.063em solid /*grey;*/ black;
	border-radius: 0.313em;
	background-color: #FFFFFF;/* yellow;*/
	/*border: 0.063em solid #A4A4A4;*/
}

body#anfang footer section#prueftools article {
	
	display: flex;
	flex-flow: row wrap;
		
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
	
	margin: auto;
	margin-top: 0.5em;
	/*padding: 0.3em;*/
	
	flex: 1 1 100%; 
	
	background-color: #FFFFFF;/* yellow;*/
	/*border: 0.063em solid #A4A4A4;*/
}

body#anfang footer section#prueftools article figure {
	
	display: flex;
	flex-flow: row wrap;
	
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;	
	
	flex: 1 100%;
	
	margin: 0.3em;
	
	background-color: #FFFFFF;/* lightblue;*/
	border: 0.063em solid #A4A4A4;/* red;*/
}

body#anfang footer section#prueftools article figure a {

	display: flex;
	flex-flow: row wrap;
	
	flex: 1 45%;
	
	margin: auto;
	background-color: #FFFFFF;/*weiss*/
}

body#anfang footer section#prueftools article figure a img {

	display: flex;
	flex-flow: row wrap;
	
	justify-content: center;
	
	flex: 1 45%;
	
	margin: auto;
	
	background-color: #FFFFFF;/*weiss*/
}

body#anfang footer section#prueftools article figure figcaption {
	
	display: flex;
	flex-flow: row wrap;
	
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;	
	
	flex: 1 45%;
	
	margin: 0.3em;
	
	background-color: #FFFFFF;/* lightblue;*/
	/*border: 0.063em solid #A4A4A4;*/
}

/* xxxxxxxxxx  Footer Ende  xxxxxxxxxxx */

/* xxxxxxxxxx  Aside Anfang  xxxxxxxxxxx */

body#anfang footer aside.info,
body#anfang footer aside.vermerk {
	
	display: flex;
	flex-flow: row wrap;
	
	justify-content: center;
	align-content: center;
	align-items: center;
	
	flex: 1 100%;
	
	margin: 0.3em;
	padding: 0.1em;

	background-color: #FAFAFA;
	/*border: 0.063em solid #A4A4A4; orange;*/
}

body#anfang footer aside.info p,
body#anfang footer aside.vermerk p {
	
	display: flex;
	flex-flow: row wrap;

	justify-content: center;
	
	flex: 1 100%;
	
	margin: auto;
	margin-bottom: 0.3em;
	padding: 0.5em;
	
	-webkit-box-shadow: -0.313em -0.313em 0.313em lightgrey inset, 0.625em 0.625em grey;
	-moz-box-shadow: -0.313em -0.313em 0.313em lightgrey inset, 0.625em 0.625em grey;
	-ms-box-shadow: -0.313em -0.313em 0.313em lightgrey inset, 0.625em 0.625em grey;
	-o-box-shadow: -0.313em -0.313em 0.313em lightgrey inset, 0.625em 0.625em grey;
	box-shadow: -0.313em -0.313em 0.313em lightgrey inset, 0.625em 0.625em grey;
	border: 0.063em solid  black;/*#A4A4A4; red;*/
	border-radius: 0.313em;
	background-color: #FFFFFF;/*Weiß*/
}

body#anfang footer aside.info p a,
body#anfang footer aside.vermerk p a {
	
	display: flex;
	flex-flow: row wrap;
	
	justify-content: center;
	
	flex: 1 100%;
	
	color: /*#0080FF;*/ #004FFF;
	
	
	background-color: #FFF;/*weiß*/	
	/*border: 0.063em solid #A4A4A4; aqua;*/	
}

/* xxxxxxxxxx  Aside Ende  xxxxxxxxxxx */