/* Variablendefinition */

/* bree-serif-regular - latin */
@font-face {
  font-family: 'Bree Serif';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/bree-serif-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/bree-serif-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/bree-serif-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/bree-serif-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/bree-serif-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/bree-serif-v17-latin-regular.svg#BreeSerif') format('svg'); /* Legacy iOS */
}
/* cabin-regular - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/cabin-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/cabin-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/cabin-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/cabin-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/cabin-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/cabin-v26-latin-regular.svg#Cabin') format('svg'); /* Legacy iOS */
}

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

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

/* cabin-700italic - latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/cabin-v26-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/cabin-v26-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/cabin-v26-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/cabin-v26-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/cabin-v26-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/cabin-v26-latin-700italic.svg#Cabin') 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: 'Cabin', sans-serif,'Open Sans', 'Trebuchet MS', 'Roboto',  Arial, Trebuchet MS, Tahoma, Helvetica, sans-serif;
	color:#333333;
	margin:0em;
	padding:0em;
}

h1 {
	font-family: 'Bree Serif', serif;;
	font-size:2.0em;
	font-weight:400;
	color:#C2071A;
	padding:0.3em 0.3em;
	text-align:center;
}
h2 {
	font-family: 'Bree Serif', serif;;
	font-size:1.563em;
	font-weight:400;
	line-height:1.0em;
	color:#C2071A;
	margin:0em;margin-bottom:0.5em;
	padding:0em 0em;
	text-align:center;	
}
p {
	font-weight:400;
	font-size:1.000em;
	line-height:1.250em;
	color:#333333;
	margin:0em;
	padding:0em;
	text-align:justify;
}
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:#C2071A;
	text-decoration:none;
}
a:hover,li  a:hover {
	color:#A30313;
}
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:#C2071A;
	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:#A30313;
	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: #ffffff;
	/* background-image:url(layout/bg-top3.png);background-position:top;background-size: auto 100%;background-repeat: repeat-x;*/

	padding:0em;
	position:relative; /* eventuelle Layer */
}
.top_content {
	display:block;
	max-width:1200px;
	margin:0em auto;
	padding:0em;
	position:relative; /* eventuelle Layer */
}

.logobox {
	display:block;
	width:60%;
	text-align:center;
	margin:0em auto;
	padding:0em;
		
}
.logobox img {
	width:100%;
	height:auto;
	margin:1em 0em 1.3em 0em;
	max-width:300px;
	min-width:200px;
}
.logoboxmobil {
	display:none;
	background:#ffffff;
	width:100%;
	max-width:800px;
	text-align:center;
	margin:0em auto;
	padding:0em;
	position:relative;left:0em; top:0em;	
}
.logoboxmobil img {
	width:90%;
	height:auto;
	margin:1em auto;
	max-width:300px;
	min-width:200px;
}
@media screen and (max-width: 800px) {
	.logobox {
	display:none;}

	.logoboxmobil {
	display:block;}

}


/* MenBereich */
.menuebereich {
	width:100%;
	background:#C2071A;
	
}
.menuebereich_content {
	padding:0em;
	margin:0em;
	text-align: center;
	position:relative;
	
}


/* Menueleiste */

		#nav
		{
			font-family: 'Cabin', 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: #EAEAEA;
							color:#000000;
						}


				/* second level */

				#nav li ul
				{
					background-color: #eaeaea;
					display: none;
					min-width:13em;
					position: absolute;
					top: 100%;
					margin:0em;padding:0em;
					z-index:9999;
				}
					#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: #333333;
					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:#333333;
					}
						#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;
				}
		}
/* contbox1: In der Regel den Slider */ 
.contbox1 {
	background:#C2071A; 
	margin:0px;
	padding:0px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	position:relative;
	}

.contbox1content {
	width:94%;
	
	max-width:1200px;
	max-width:900px;
	margin:0em auto;
	padding:1.5em 0.5em;
	text-align:center;
}
.contbox1content h1 {
	font-size:2em;
	line-height:1.2em;
	font-weight:400;
	color:#F5F0D1;
	padding:0em;
	margin:0em;margin-bottom:0.3em;
	text-align:center;
}
.contbox1content h2 {
	font-family: 'Cabin', sans-serif;;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:700;
	color:#ffffff;
	margin:0em;margin-bottom:1em;
	padding:0em;
	text-align:center;	
}
.contbox1content h2 a {
	color:#ffffff;
}
.contbox1content h2 a:hover {
	color:#FFED00;
}
.contbox1content p {
	font-weight:100;
	font-size:1.100em;
	line-height:1.350em;
	color:#ffffff;
	margin:0em;margin-bottom:0.6em;
	padding:0.0em;
	text-align:center;
}


.contbox3 {
	background:#F5F0D1; 
	margin:0px;
	padding:0px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	position:relative;
	}

.contbox3content {
	width:94%;
	max-width:1200px;
	max-width:700px;
	margin:0em auto;
	padding:1.5em 0.5em;
	text-align:center;
}
.contbox3content h1 {
	font-size:2em;
	line-height:1.2em;
	font-weight:400;
	color:#EA5C22;
	padding:0em;
	margin:0em;margin-bottom:0.3em;
	text-align:left;
}
.contbox3content h2 {
	font-family: 'Cabin', sans-serif;;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:700;
	color:#EA5C22;
	margin:0em;margin-bottom:1em;
	padding:0em;
	text-align:left;	
}
.contbox3content p {
	font-weight:400;
	font-size:1em;
	line-height:1.350em;
	color:#000000;
	margin:0em;margin-bottom:0.6em;
	padding:0.0em;
	text-align:left;
}

.sliderbox {
	display:block;
	width:98%;
	max-width:1200px;
	margin:0em auto;
	padding:0em;
	text-align:center;
	/*border:2em solid #ffffff; */
	position:relative;left:0em; top:0em;	
}
.sliderbox .imagebox  {
	margin:0em;
	padding:0em;
}

/*slider*/
/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
    border:0px solid #ffffff;

  }
  


.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  
  }


.rslides {
  margin: 0 auto;
  }

.rslides_container {
margin: 0;padding:0;
  margin-bottom: 0.125 em;
  width: 100%;
  
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  border-radius: 19px;
  background: #ffffff;

  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 19px;
  height: 19px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #A8A8A8;
  /*background: rgba(0,0,0, .8);*/
  }  

/* Ende Slider, Ende Slogan/Adresse */ 

/* Content Area: In der Regel für den Hauptinhalt */
.contbox2 {
	/*background:#eaeaea; */
	margin:0px;
	padding:0px;
}
.contbox2content {
	width:92%;
	max-width:1200px;
	margin:0em auto;
	padding:1em 0.2em;
	text-align:center;
}



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

/* Spaltencontainerbox z.B. für Button */
.spaltencontainerbox, .spaltencontainerbox_sonder {
	flex: 1 1 20%;
	position:relative;
	background:#EAEAEA;
	margin:1em 0.5em;
	border:1px solid #E0E0E0;
	border-radius:0.5em;
	align: center;
	padding:0.3em;
	min-width:200px;
	max-width:800px;
	padding-bottom:5em;
}

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

		}
}

.spaltencontainerbox img {
	width:98%;
	margin:1%;
	min-width:180px;

}

.spaltencontainerbox h2 {
	font-family: 'Bree Serif', serif;;
	font-size:1.4em;
	line-height:1.2em;
	font-weight:400;
	color:#C2071A;
	padding:0em;
	margin:0em 0.5em 0.5em 0.5em;
	text-align:center;
}
.spaltencontainerbox p {
	margin:0em 0.5em 0.5em 0.5em;
	text-align:center;
}
.spaltencontainerbox a.link, .spaltencontainerbox a.link:hover, .spaltencontainerbox a.link:visited {
	margin:0.5em auto;

	text-align:center;
	padding:0.6em;
	background:#C2071A;
	position:absolute;bottom:1em;left:5%; right:5%;
}
.spaltencontainerbox a.link:hover {
	background:#A30313;
}



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


.spaltencontainerbox2 {
	flex: 1 1 40%;
	position:relative;
	//background:#f7f6f0;
	margin:1em 0.5em;
	//border:1px solid #EDEBE1;
	border-radius:0.5em;
	align: center;
	padding:1em;
	min-width:200px;
}
.spaltencontainerbox2 h1 {
	font-family: 'Bree Serif', serif;;
	font-size:1.9em;
	line-height:1.2em;
	font-weight:400;
	color:#C2071A;
	padding:0em;
	margin:0em;
	text-align:left;
}
.spaltencontainerbox2 h2 {
	font-family: 'Bree Serif', serif;;
	font-size:2em;
	line-height:1.2em;
	font-weight:400;
	color:#C2071A;
	padding:0em;padding-bottom:0.2em;
	margin:0em;margin-bottom:0.4em;
	border-bottom:1px solid #C2071A;
	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:800px; 
	margin:0em auto;
	padding:1.6em;
}
.centerspalte h1, .centerspalte2 h1 {
	font-family:  'Bree Serif', serif;;
	display:block;
	border-bottom:1px solid #C2071A;
	font-size:1.9em;
	line-height:1.2em;
	font-weight:400;
	color:#C2071A;
	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 */ 
/* contbox1: In der Regel f den Slider */ 
.footbox {
	background:#C2071A; 
	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 #F4EDCC;
	border-radius:0.5em;
	align: center;
	padding:0.7em;
	min-width:200px;
}

.footspaltencontainerbox img{
	width:80%;
	min-width:120px;
	max-width:300px;
	margin:0.225em;
	border:0em;
}
.footspaltencontainerbox h2 {
	font-family: 'Bree Serif', serif;;
	font-size:1.6em;
	line-height:1.2em;
	font-weight:400;
	color:#F5F0D1;
	padding:0em;
	margin:0em;
	text-align:center;
}
.footspaltencontainerbox p {
	font-weight:400;
	font-size:1em;
	line-height:1.250em;
	color:#ffffff;
	margin:0em;
	padding:0.2em 1.250em 0em 1.250em;
	text-align:center;
}
.footspaltencontainerbox a, .footspaltencontainerbox a:visited, .footspaltencontainerbox a:hover {
	display:block;
	font-weight:400;
	font-size:1em;
	line-height:1.250em;
	color:#ffffff;
	margin:0em;
	padding:0.2em 1.250em 0em 1.250em;
	text-align:center;
}
.footspaltencontainerbox a:hover {
	color:#F5F0D1;
}


.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: 940px) {
	body {
		font-size:86%;
	}
}

.toggleBox {
    position: relative;
    border: 1px solid #ddd;
}
 
/* Ausblenden des input-Feldes */
.toggleBox input {
    position: absolute;
    left: -99999px;
}
 
/* Gestaltung der labels */
.toggleBox label {
    display: block;
    background: #C2071A;
    color: #fff;
    padding: .4em;padding-left:1em;
    text-align: left;
    cursor: pointer;
}
 
.toggleBox label:hover {
    background: #A30313;
}
 
/* Der Aufklappmechanismus */
.toggleBox input:not(:checked) ~ div {
    opacity: 0;
    height: 0;
}
 
.toggleBox input:checked ~ div {
    opacity: 1;
    padding: .8em;
    -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;
}