/* Variablendefinition */

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-extra-condensed-regular - latin */
@font-face {
  font-family: 'Fira Sans Extra Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/fira-sans-extra-condensed-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/fira-sans-extra-condensed-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/fira-sans-extra-condensed-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/fira-sans-extra-condensed-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/fira-sans-extra-condensed-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/fira-sans-extra-condensed-v10-latin-regular.svg#FiraSansExtraCondensed') format('svg'); /* Legacy iOS */
}

/* fira-sans-extra-condensed-700 - latin */
@font-face {
  font-family: 'Fira Sans Extra Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/fira-sans-extra-condensed-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/fira-sans-extra-condensed-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/fira-sans-extra-condensed-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/fira-sans-extra-condensed-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/fira-sans-extra-condensed-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/fira-sans-extra-condensed-v10-latin-700.svg#FiraSansExtraCondensed') format('svg'); /* Legacy iOS */
}


/* General Style */ 
 html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li, footer, article, nav, section, navbox, contmain {
   	margin: 0px;
   	padding: 0px;
	}

body {
	background:#ffffff;
	font-size:100%;
	font-family: 'Open Sans', 'Trebuchet MS', 'Roboto',  Arial, Trebuchet MS, Tahoma, Helvetica, sans-serif;
	color:#333333;
	margin:0em;
	padding:0em;
}

h1 {
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	font-size:2.0em;
	font-weight:400;
	color:#064C80;
	padding:0.3em 0.3em;
	text-align:center;
}
h2 {
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	font-size:1.563em;
	font-weight:400;
	line-height:1.0em;
	color:#064C80;
	margin:0em;margin-bottom:0.5em;
	padding:0em 0em;
	text-align:left;	
}
p {
	font-weight:400;
	font-size:1.000em;
	line-height:1.250em;
	color:#333333;
	margin:0em;
	padding:0em;
	text-align:left;
}
p.small {
	font-weight:400;
	font-size:0.800em;
	line-height:1.00em;
	color:#333333;
	margin:0em;
	padding:0em;
	text-align:justify;
}
ul {
	margin-left:1em;
	margin-top:0.4em;
}
li {
	text-align:left;
}


a, a:hover, a:visited, li a, li a:visited, li a:hover {
	color:#064C80;
	text-decoration:none;
}
a:hover,li  a:hover {
	color:#002440;
}
img {
	width:100%;
	height:auto;
	max-width:100%;
}
img.example-image {
width:105px;
height:105px;
margin:0.2em;
float:none;
border:1px solid #333333;
}

a.link , a.link:hover, a.link:visited {
	display:block;
	max-width:300px;
	margin:0.5em 0em 0.5em 0em;
	background:#064C80;
	background-image:url(layout/kleinpfeil-re.png);
	background-position:0.5em 50%;
	background-repeat: no-repeat;
	color:#ffffff;
	font-size:1.0em;
	padding:0.6em;padding-left:2.5em;
	text-align:left;
}
a.link:hover {
	background:#002440;
	background-image:url(layout/kleinpfeil-re.png);
	background-position:0.5em 50%;
	background-repeat: no-repeat;

}



/* TOP-Bereich mit Logo */
.top {
	display:block;
	width:100%;
	background: #064C80;
	padding:0em;
	position:relative; /* fr eventuelle Layer */
}
.top_content {
	display:block;
	max-width:1200px;
	margin:0em auto;
	padding:0em;
	position:relative; /* fr eventuelle Layer */
}
.layerbox {
	position:absolute;
	top:0em;right:0.5em;
	margin:0;padding:0;
	width:200px;

}
@media screen and (max-width: 900px) {
	.layerbox {
	display:none;}
}

.logobox {
	display:block;
	width:70%;
	text-align:center;
	margin:0em auto;
	padding:0em;
		
}
.logobox img {
	width:98%;
	max-width:400px;
	height:auto;
	margin:2em auto;
}


.logoboxmobil {
	display:none;
	width:98%;
	max-width:600px;
	text-align:center;
	margin:0em auto;
	padding:0em;
	position:relative;left:0em; top:0em;	
}
.logoboxmobil img {
	width:90%;
	height:auto;
	margin:1em;
	max-width:450px;
	min-width:200px;
}
@media screen and (max-width: 750px) {
	.logobox {
	display:none;}

	.logoboxmobil {
	display:block;}
	
}


/* Menue-Bereich */
.menuebereich {
	display:block;
	width:100%;
	background: #3372A2;
	padding:0em;
	position:relative; /* fr eventuelle Layer */
}
.menuebereich_content {
	display:block;
	max-width:1200px;
	margin:0em auto;
	padding:0em;
	position:relative; /* fr eventuelle Layer */
}
.iconliste {
	position:absolute;
	margin:auto;
	top:0; bottom:0; right:0.5em;
	height:32px;
	z-index:999999999999999;
}
.iconliste img{
	width:32px;
	height:32px;
	margin-left:5px;
	opacity:0.5;
}
.iconliste img:hover {
	opacity:1;
}

/* Menueleiste */

		#nav
		{
			font-family: 'Open Sans', sans-serif;
			font-weight: 400;
			text-align: center;
			display: inline-block;
			margin:0em;padding:0em;
			
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
				list-style: none;
			}
				#nav li a
				{
					color: #000;
					display: block;
				}
				#nav li a:active
				{
					background-color: #d4d4d4 !important;
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #d4d4d4;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				/*height: 2.0em; /* 60 */
				/*background-color: #ffffff;*/
			}
				#nav > ul > li
				{
					
					height: 100%;
					float: left;
				}
					#nav > ul > li > a,
					#nav > ul > li > p
					{
						height: 100%;
						font-size: 1.0em; /* 24 */
						line-height: 2.5em; /* 60 (24) */
						text-align: center;
						color:#ffffff;
						margin:0em;padding:0em 1.2em;
					}
						#nav > ul > li:not( :last-child ) > a,
						#nav > ul > li:not( :last-child ) > p
						{
							border-right: 1px solid #eaeaea;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a,
						#nav > ul > li:hover > p,
						#nav > ul:not( :hover ) > li.active > p

						{
							background-color: #ffffff;
							color:#000000;
						}


				/* second level */

				#nav li ul
				{
					background-color: #ffffff;
					display: none;
					min-width:13em;
					position: absolute;
					top: 100%;
					margin:0em;padding:0em;
					z-index:9999;
					box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
				}
					#nav li:hover ul,
					#nav li:active ul
					{
						display: block;
						left: 0;
						right: 0;
						-webkit-user-select: none; -webkit-touch-callout: none;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							font-size: 1.0em; /* 20 */
							border-top: 1px solid #D4D4D4;
							padding: 0.75em;padding-left:1.2em; /* 15 (20) */
						}
						#nav li ul a span:after
						{
							display:none;
						}

							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #D4D4D4;
							}
		@media only screen and ( max-width: 62.5em ) /* 1000 */
		{
			#nav
			{
				width: 100%;
				position: static;
				margin: 0;
			}
		}



		@media only screen and ( max-width: 62.5em ) /* 640 */
		{


			#nav
			{
				position: relative;
				font-weight:400;
				top: auto;
				left: auto;
			}
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #3372A2;
					position: relative;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 1px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;

			}
				#nav:target > ul
				{
					display: block;
					width: 100%;
					margin:0em;
				}
				#nav > ul > li
				{
					width: 100%;
					z-index:9999;
					float: none;
				}
					#nav > ul > li > a,
					#nav > ul > li > p
					{
						height: auto;
						font-weight:400;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
						background-color: #d4d4d4;
						color:#000000;
					}
						#nav > ul > li:not( :last-child ) > a,
						#nav > ul > li:not( :last-child ) > p
						{
							border-right: none;
							border-bottom: 1px solid #ffffff;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.0em; /* 20 */
					padding-top: 0;
					z-index:9999;
				}
		}
/* Ende Navigation */

/* contbox1: In der Regel fr den Slider */ 
.contbox1 {
	background:#F8F4D3; 
	margin:0px;
	padding:0px;
	border-top:0px solid #064C80;
	border-bottom:0px solid #064C80;
	position:relative;
	}

.contbox1content {
	width:94%;
	
	max-width:1200px;
	max-width:900px;
	margin:0em auto;
	padding:3em 0.5em;
	text-align:center;
}
.contbox1content h1 {
	font-size:2.5em;
	line-height:1.2em;
	font-weight:400;
	color:#064C80;
	padding:0em;
	margin:0em;margin-bottom:0.0em;
	text-align:center;
}
.contbox1content h2 {
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	font-size:1.8em;
	line-height:1.2em;
	font-weight:400;
	color:#064C80;
	margin:0em;margin-bottom:0.3em;
	padding:0em;
	text-align:center;	
}
.contbox1content p {
	font-weight:400;
	font-size:1.000em;
	line-height:1.350em;
	color:#000000;
	margin:0em;margin-bottom:0.6em;
	padding:0.0em;
	text-align:center;
}
.contbox1content a, .contbox1content a:hover, .contbox1content a:visited {
	font-size:1em;
	color:#29621D;
	text-decoration:none;
}
.contbox1content a:hover {
	color:#0D2A06;
}



/* Content Area: In der Regel für den Hauptinhalt */
.contbox2 {
	/*background:#eaeaea; */
	margin:0px;
	padding:0px;
}
.contbox2content {
	width:100%;
	max-width:1200px;
	margin:0em auto;
	padding:1em 0.2em;
	text-align:center;
}
.contbox2content_begrenzt {
	width:92%;
	max-width:1000px;
	margin:0em auto;
	padding:1em 1em;
	text-align:left;
}
.sonderinhalt {
	margin:1.5em 0em;
	padding:1em 1em;
	text-align:left;
	background: #F8F9FB;
}
.sonderinhalt_block_li {
	width:45%;
	text-align:center;
	float:left;
}
.sonderinhalt_block_re {
	width:45%;
	text-align:center;
	float:right;
}
@media screen and (max-width: 600px) {
	.sonderinhalt_block_li, .sonderinhalt_block_re {
	width:98%;
	margin:0.2em auto;
}
	.sonderinhalt_block_re {
	width:98%;
	margin:0.2em auto; margin-top:1em;
	float:left;
}
}


/* Spaltencontainer zum Aufteilen von Inhalten */
.spaltencontainer {
	display:flex;
	flex-flow: row wrap;
	justify-content : center;
}

/* Spaltencontainerbox z.B. fr Button */
.spaltencontainerbox, .spaltencontainerbox_sonder {
	flex: 1 1 40%;
	/*background:#DDF2CD;*/
	margin:1em 0.8em;
	/*border:0px solid #C9D3E2;*/
	/*border-radius:0.5em;*/
	align: left;
	padding:0em;
}

/* Mobile Style */ 
@media screen and (max-width: 1000px) {
.spaltencontainerbox {
	flex: 1 1 40%;

		}
}
/* Mobile Style */ 
@media screen and (max-width: 600px) {
.spaltencontainerbox {
	flex: 1 1 60%;
	min-width:200px;
	max-width:500px;
		}
}

.spaltencontainerbox img {
	margin-bottom:0.5em;
	border-radius:0.5em;

}

.spaltencontainerbox h2 {
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	font-size:2em;
	line-height:1.2em;
	font-weight:400;
	color:#064C80;
	border-bottom:1px dotted #064C80;
	padding:0em;
	margin:0em 0em 0.5em 1.5%;
	text-align:left;
}
.spaltencontainerbox p {
	margin:0em 0.5em 0.5em 1.5%;
	text-align:left;
}
.spaltencontainerbox a.link, .spaltencontainerbox a.link:hover, .spaltencontainerbox a.link:visited {
	margin:0.5em auto;

	text-align:center;
	padding:0.6em;
	background:#064C80;
	position:absolute;bottom:1em;left:5%; right:5%;
}
.spaltencontainerbox a.link:hover {
	background:#002440;
}
.spaltencontainerbox ul {
	margin:0em;
}
.spaltencontainerbox li {
	text-align:left;
}


/* Mobile Style */ 
@media screen and (max-width: 650px) {
.spaltencontainerbox h2 {
	font-size:1.5em;
		}
}

.spaltencontainerbox2_text {
	flex: 1 1 40%;
	position:relative;
	//background:#f7f6f0;
	margin:1em 0.5em;
	//border:1px solid #EDEBE1;
	border-radius:0.5em;
	align: left;
	padding:1em;

}
.spaltencontainerbox2 {
	flex: 1 1 20%;
	position:relative;
	//background:#f7f6f0;
	margin:1em 0.5em;
	//border:1px solid #EDEBE1;
	border-radius:0.5em;
	align: center;
	padding:1em;

}
/* Mobile Style */ 
@media screen and (max-width: 800px) {
.spaltencontainerbox2_text {
	flex: 1 1 80%;;
		}
}
/* Mobile Style */ 
@media screen and (max-width: 650px) {
.spaltencontainerbox2 {
	flex: 1 1 40%;;
		}
}
/* Mobile Style */ 
@media screen and (max-width: 500px) {
.spaltencontainerbox2 {
	flex: 1 1 60%;;
		}
}
.spaltencontainerbox2 h1 {
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	font-size:1.9em;
	line-height:1.2em;
	font-weight:400;
	color:#064C80;
	padding:0em;
	margin:0em;
	text-align:left;
}
.spaltencontainerbox2 h2 {
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	font-size:2em;
	line-height:1.2em;
	font-weight:700;
	color:#064C80;
	padding:0em;padding-bottom:0.2em;
	margin:0em;margin-bottom:0.4em;
	border-bottom:1px solid #064C80;
	text-align:left;
}

.spaltencontainerbox2 p {
	font-weight:400;
	font-size:1.00em;
	line-height:1.350em;
	color:#333333;
	margin:0em; margin-top:0.4em;
	padding:0em;
	text-align:left;
}
.spaltencontainerbox2 p.small {
	font-weight:400;
	font-size:0.80em;
	line-height:1.350em;
	color:#333333;
	margin:0em; margin-top:0.4em;
	padding:0em;
	text-align:left;
}



/* für den Inhalt aus der Datenbank */ 
.centerspalte,  .centerspalte2 {
	max-width:1000px; 
	margin:0em auto;
	padding:1.6em;
}
.centerspalte h1, .centerspalte2 h1 {
	font-family:  'Fira Sans Extra Condensed', sans-serif;
	display:block;
	border-bottom:1px solid #064C80;
	font-size:1.9em;
	line-height:1.2em;
	font-weight:400;
	color:#064C80;
	padding:0em;padding-bottom:0.4em;
	margin:0em;margin-bottom:0.7em;
	text-align:center;
}
.centerspalte h2, .centerspalte2 h2 {
	margin:0em;margin-bottom:0.7em;margin-top:1.3em;
	text-align:left;
}
.centerspalte2 h2 {
	text-align:center;
}

.centerspalte p, .centerspalte2 p {
	font-weight:400;
	font-size:1.00em;
	line-height:1.350em;
	color:#333333;
	margin:0em;margin-top:0.5em;
	padding:0em;
	text-align:justify;
}
.centerspalte2 p {
	text-align:center;
	margin-bottom:0.5em;
}



/* Footer */ 
.footbox {
	background:#064C80; 

	margin:0px;
	padding:0px;
}
.footboxcontent {
	width:98%;
	max-width:1200px;
	margin:0em auto;
	padding:1em 0.2em;
	text-align:center;
}

.footspaltencontainer {
	display:flex;
	flex-flow: row wrap;
}
.footspaltencontainerbox {
	flex: 1 1 12%;
	margin:1em 0.5em;
	border:0px solid #957F5B;
	border-radius:0.5em;
	align: left;
	padding:0.7em;
}
/* Mobile Style */ 
@media screen and (max-width: 600px) {
.footspaltencontainerbox {
	flex: 1 1 60%;
	margin-bottom:0em;
	padding-bottom:0em;
	}
}

.footspaltencontainerbox img.logoleiste{
	width:98%;
	min-width:200px;
	max-width:700px;
	margin:0.3em auto;
	border:0em;
	opacity:0.6;
}
.footspaltencontainerbox h2 {
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	font-size:1.6em;
	line-height:1.2em;
	font-weight:400;
	color:#ffffff;
	border-bottom:1px dotted #ffffff;
	padding:0em;padding-left:0.3em;
	margin:0em;
	text-align:left;
}
.footspaltencontainerbox p {
	font-weight:400;
	font-size:1em;
	line-height:1.250em;
	color:#ffffff;
	margin:0em;
	padding:0.2em 0em 0em 0.5em;
	text-align:left;
}
.footspaltencontainerbox a, .footspaltencontainerbox a:visited, .footspaltencontainerbox a:hover {
	display:block;
	
	max-width:18em;
	font-weight:400;
	font-size:1em;
	line-height:1.100em;
	color:#ffffff;
	margin:0.1em 0em 0.2em 0em;
	padding:0.1em 0.5em 0.1em 0.5em;
	text-align:left;
}
.footspaltencontainerbox a:hover {
	color:#ffffff;
	background:#01122D;
}

.footspaltencontainerboxmitte {
	flex: 1 1 12%;
	margin:1em 0.5em;
	border:0px solid #957F5B;
	border-radius:0.5em;
	align: left;
	padding:0.7em;
}
.footspaltencontainerboxmitte h2 {
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	font-size:1.6em;
	line-height:1.2em;
	font-weight:400;
	color:#ffffff;
	border-bottom:1px dotted #ffffff;
	padding:0em;padding-left:0.3em;
	margin:0em;
	text-align:left;
}
.footspaltencontainerboxmitte p {
	font-weight:400;
	font-size:1em;
	line-height:1.250em;
	color:#ffffff;
	margin:0em;
	padding:0.2em 0em 0em 0.5em;
	text-align:left;
}
.footspaltencontainerboxmitte a, .footspaltencontainerboxmitte a:visited, .footspaltencontainerboxmitte a:hover {
	display:block;
	
	max-width:18em;
	font-weight:400;
	font-size:1em;
	line-height:1.100em;
	color:#ffffff;
	margin:0.1em 0em 0.2em 0em;
	padding:0.1em 0.5em 0.1em 0.5em;
	text-align:left;
}
.footspaltencontainerboxmitte a:hover {
	color:#ffffff;
	background:#01122D;
}
/* Mobile Style */ 
@media screen and (max-width: 600px) {
.footspaltencontainerboxmitte {
	flex: 1 1 60%;
	margin:0em 0.5em;
	padding-top:0em;
	}
	.footspaltencontainerboxmitte h2 {
		display:none;
	}
}

.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.google_quer {
	display:block;
	border-radius:0.5em;
}
.google_hoch {
	display:none;
	border-radius:0.5em;
}
.responsiveContainer2 {
  position: relative;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer2 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Mobile Style */ 
@media screen and (max-width: 600px) {
.google_hoch {
	display:block;
	}
.google_quer {
	display:none;
	}

}


/* Mobile Style */ 
@media screen and (max-width: 600px) {
	body {
			font-size:90%;
		}
}


@media screen and (max-width: 900px) {
	body {
		font-size:86%;
	}
}
.toggleBox {
    position: relative;
    border-bottom: 0px dotted #008DD2;;
    overflow:hidden;
}
 
/* Ausblenden des input-Feldes */
.toggleBox input {
    position: absolute;
    left: -99999px;
}
 
/* Gestaltung der labels */
.toggleBox label {
    display: block;
	font-size:1.1em;
	font-weight:700;
    color: #008DD2;
    padding: .8em;padding-left:0em;
    text-align: left;
    cursor: pointer;
}
 
.toggleBox label:hover {
    color:#025E88;
}
 
/* Der Aufklappmechanismus */
.toggleBox input:not(:checked) ~ div {
    opacity: 0;
    height: 0;
}
 
.toggleBox input:checked ~ div {
    opacity: 1;
    padding: .6em 0em 1.2em 0em;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}
 
/* Steuerung der Sichtbarkeit der labels */
.toggleBox input:not(:checked) ~ .close,
.toggleBox input:checked ~ .open {
    display: none;
}