@font-face {
	font-family: 'MyriadProRegular';
	src: url('../fonts/myriadpro-regular-webfont.eot');
	src: url('../fonts/myriadpro-regular-webfont?#iefix') format('embedded-opentype'),
		 url('../fonts/myriadpro-regular-webfont.woff') format('woff'),
		 url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'),
		 url('../fonts/myriadpro-regular-webfont.svg#MyriadProRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadProSemiBold';
	src: url('../fonts/myriadpro-semibold-webfont.eot');
	src: url('../fonts/myriadpro-semibold-webfont?#iefix') format('embedded-opentype'),
		 url('../fonts/myriadpro-semibold-webfont.woff') format('woff'),
		 url('../fonts/myriadpro-semibold-webfont.ttf') format('truetype'),
		 url('../fonts/myriadpro-semibold-webfont.svg#MyriadProSemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AsapBold';
	src: url('../fonts/Asap-Bold.eot');
	src: url('../fonts/Asap-Bold?#iefix') format('embedded-opentype'),
		 url('../fonts/Asap-Bold.woff') format('woff'),
		 url('../fonts/Asap-Bold.ttf') format('truetype'),
		 url('../fonts/Asap-Bold.svg#AsapBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/OpenSans-Regular-webfont.eot');
	src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
		 url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
		 url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Font Awesome 5';
	font-style: normal;
	font-weight: 900;
	src: url("../fonts/fa-solid-900.eot");
	src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
}

html { height: 100%; width: 100%; margin-bottom: 1px; }

@media screen and (min-width: 1024px) {
	body {
		font-size: 14px;
		background-image: url("images/background.jpg");
	}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
	body {
		font-size: 12px;
	}
}
@media screen and (max-width: 600px) {
	body {
		font-size: 10px;
	}
}

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;  /* Zentrierung im Internet Explorer */
	background: #fff;
	background-image: url("../images/background.jpg");
	background-size: 100% 100%;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	min-height: 101%;
	 /* min-width: 40em; Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	hyphenate-limit-chars: auto 6;
}

img {
	border: 0;
	max-width: 100%;
	height: auto;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
.Div35Prozent {
	float:left;
	width:35%;
}
.Div65Prozent {
	float:left;
	width:62%;
	padding-left:3%;
}
.center {
	text-align:center;
}
.justify {
	text-align:justify;
}


.navigation {
	margin:0 auto;
	left:50%;
	text-align: center;
	width: 100%;
	padding: 0;
	background:#fff;
}
.nav{
	list-style:none;
	margin:0 auto;
	padding:0;
	text-align:center;
}
.nav li{
	position:relative;
	display:inline-block;
	margin:0.22em 0 0 0;
	color:#fff;
	text-decoration:none;
	font-weight:100;
	font-size:1.2em;
	line-height:2.0em;
	padding:0.42em 1.2em;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	letter-spacing:0.08em;
	background:#ccc;
	color:#444;
}
.nav a{
	color:#444;
	text-decoration:none;
}
.nav ul{
	position:absolute;
	left:-900em;
	margin:0.40em 0 0 0;
	padding:0;
	text-align:left;
}
.nav ul li{
	z-index:10;
	display:block;
	margin:0 auto;
	padding:0;
	font-size:0.65em;
	border-top:0.28em solid #fff;
}
.nav li:hover ul{
	left:0;
}
.nav li:hover a{
	text-decoration:none;
	color:#fff;
}
.nav li:hover ul a{
	text-decoration:none;
	background:#ddd;
	color:#000;
}
.nav li:hover ul a:hover{
	z-index:10;
	padding:0.55em 1.8em;
	text-decoration:none;
	background:#2f669e;
	color:#fff;
}
.nav ul a{
	white-space:nowrap;
	display:block;
	min-width:13.75em;
	margin:0 auto;
	padding:0.55em 1.8em;
	line-height:150%;
	font-size:1.1em;
}
.nav .current-menu-item{
	margin:0 auto;
	padding:1.0em 0.5em 0.5em 0.5em;
	width:100%;
	background:#2f669e;/*#7A70AD;*/
	color:#fff;
	text-decoration:none;
	font-weight:100;
	font-size:1.8em;
	line-height:2.0em;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	letter-spacing:0.03em;
	cursor:pointer;
}
.nav .current-menu-item a{
	color:#fff;
}
.nav .current-menu-item a:hover{
	color:#BF7129;
}
.nav .current-menu-item ul{
	position:absolute;
	left:-9999px;
	margin:0.4em 0 0 0;
	padding:0;
	text-align:left;
}
.nav .current-menu-item ul li{
	z-index:10;
	display:block;
	padding:0;
	font-size:1.0em;
	border-top:0.28em solid #fff;
}
.nav .current-menu-item ul a{
	white-space:nowrap;
	display:block;
	padding:0.42em 1.2em;
	min-width:13.75em;
	padding:0.55em 1.8em;
	line-height:150%;
	font-size:0.75em;
}
.nav .current-menu-item ul a:hover{
	white-space:nowrap;
	display:block;
	padding:0.42em 1.2em;
	min-width:13.75em;
	padding:0;
	line-height:150%;
	font-size:0.75em;
}
.nav-titel{
	background:#2f669e;
	padding:0.42em 1.2em;
	color:#fff;
	text-decoration:none;
	font-weight:100;
	font-size:1.1em;
	line-height:2.0em;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	letter-spacing:0.08em;
}

.sub-menu-item{
	margin:0 0 2em 0;
	padding:0.42em 1.2em;
	background:#2f669e;
	color:#fff;
	text-decoration:none;
	font-weight:100;
	font-size:0.8em;
	line-height:2.0em;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	letter-spacing:0.08em;
	text-align: center;
}
.sub-menu-item2{
	margin:0 0 2em 0;
	padding:0.42em 1.2em;
	background:#942514;
	color:#fff;
	text-decoration:none;
	font-weight:100;
	font-size:0.8em;
	line-height:2.0em;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	letter-spacing:0.08em;
	text-align: center;
}
.sub-menu-item-index{
	margin:0 0 2em 0;
	padding:0.42em 1.2em;
	background:#2f669e;
	color:#fff;
	text-decoration:none;
	font-weight:100;
	font-size:0.8em;
	line-height:1.8em;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	letter-spacing:0.08em;
	text-align: center;
}
.sub-menu-item-inhalt {
	margin: 0 auto;
	max-width: 900px;
	padding: 1.5em 1em 0 1em;
	border-left: 0px solid #eee;
	border-right: 0px solid #eee;
	vertical-align: top;
	background-color: #fff;
	font-size: 1.0em;
	color: #5C5B5B;
	text-align: justify;
	letter-spacing: 0.01em;
	word-spacing: 0.02em;
	line-height: 120%;
}

#InhaltIndex {
	margin: 0 auto;
	max-width: 900px;
	padding: 1.5em 1em 0em 1em;
	vertical-align: top;
	background-color: #fff;
	font-size: 1.4em;
	color: #5C5B5B;
	text-align: center;
	letter-spacing: 0.01em;
	word-spacing: 0.02em;
	line-height: 120%;
}
.InhaltIndex div {
	display: inline-block;
	margin: 0 auto;
	background-color: #fff;
}
.InhaltIndex a:link {
	color: #cc0000;
}
.InhaltIndex a:visited {
	color: #C0C0C0;
}
.InhaltIndex a:hover {
	font-size: 1em;
	color: #C0C0C0;
}

#Inhalt {
	margin: 0 auto;
	min-height: 20.5em;
	max-width: 800px;
	padding: 1.5em 1em 4em 1em;
	vertical-align: top;
	background-color: rgba(255,255,255,0.8);
	font-size: 1.4em;
	color: #373736;
	text-align: justify;
	letter-spacing: 0.01em;
	word-spacing: 0.02em;
	line-height: 120%;
	border-left:5px solid #2f669e;
	border-right:5px solid #2f669e;
	border-bottom:5px solid #2f669e;
	border-radius: 0 0 30px 30px;
	-webkit-box-shadow: 0 7px 6px -6px #373736;
	-moz-box-shadow: 0 7px 6px -6px #373736;
	box-shadow: 0 7px 20px -6px #373736;
}
#Inhalt div {
	display: inline-block;
	margin: 0 auto;
	padding:1em
}
#Inhalt a:link {
	color: #BF7129;
}
#Inhalt a:visited {
	color: #BF7129;
}
#Inhalt a:hover {
	font-size: 1em;
	color: #C0C0C0;
}

#33ProzentDiv {
	float:left;
	width:33%;
}
#67ProzentDiv {
	float:left;
	width:62%;
	padding-left:5%;
}

#FussZeile {
	position:fixed;
	bottom:0em !important;
	left: 0 !important;
	width: 100%;
	padding-top: 0.2em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-bottom: 0.2em;
	background-color: #fff;
	font-size: 1.2em;
	color: #bbb;
	vertical-align: top;
	text-align: center;
	letter-spacing: 0.01em;
	word-spacing: 0.02em;
	border-bottom: 0.3em solid #2f669e;
	/* border: 1px solid #BDB76B;
	border-radius: 3px; */
}
#FussZeile a:link{
	font-size: 1em;
	color: #666666;
	letter-spacing: 0.01em;
}
#FussZeile a:visited {
	font-size: 1em;
	color: #666666;
	letter-spacing: 1px;
}
#FussZeile a:hover {
	font-size: 1em;
	color: #942514;
	letter-spacing: 0.01em;
	text-decoration: none;
}

.mittelrot{
color:#CC6600;
}
.weiss{
color:#FFFFFF;
}
.orange{
color:#FF8000;
}
.dunkelbraun{
color:#804000;
}
.ocker{
color:#808000;
}
.schwarz{
color:#000000;
}
.rot{
color:#FF0000;
}
.dunkelgruen{
color:#008000;
}
.dunkelrot{
color:#563224;
}
.dunkelblau{
color:#000080;
}
.flieder{
color:#800080;
}
.grau{
color:#808080;
}
.hellbraun{
color:#CC6600;
}
.gelb{
color:#FFFF00;
}
.hellblau{
color: #72AFCA
}
.hellgruen{
color: #00CC00
}
.magenta{
color: #FF0066
}
.standard{
color: #BBCED7
}