

/* Variablendefinition */


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

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

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

/* pt-sans-700italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/pt-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v17-latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* changa-one-regular - latin */
@font-face {
  font-family: 'Changa One';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/changa-one-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/changa-one-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/changa-one-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/changa-one-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/changa-one-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/changa-one-v18-latin-regular.svg#ChangaOne') format('svg'); /* Legacy iOS */
}

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



/* Speziell für diese Website */ 

.layer2 {
	
	display:none;
	
	position:absolute;right:0px;bottom:0px;
	z-index:35;
	
	width:28%;
	
	max-width:400px;

}


/* Mobile Style */ 

@media screen and (min-width: 700px) {
	
	.layer2 {
			
		display:block;
		
	}

}

img.logos {
	
	width:180px;
	
	height:auto;
	
	border:1px solid #e4e4e4;
	
	margin:0.3em;
	
	}

img.logos2 {
	
	width:220px;
	
	height:auto;
	
	border:1px solid #e4e4e4;
	
	margin:0.3em;
	
}


/* Mobile Style */ 

@media screen and (max-width: 700px) {

	img.logos {
	
		width:160px;
	
		height:auto;
	
	}

	img.logos2 {
	
		width:190px;
	
		height:auto;
	
	}

}


/* 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: 'PT Sans', 'Open Sans', 'Trebuchet MS', 'Roboto',  Arial, Trebuchet MS, Tahoma, Helvetica, sans-serif;
	
	color:#333333;
	
	margin:0em;
	
	padding:0em;

}


h1 {
	
	font-family: 'Changa One', sans-serif;
	
	font-size:2.0em;
	
	font-weight:400;
	
	color:#69B5D0;
	
	padding:0.3em 0.3em;
	
	text-align:center;

}

h2 {
	
	font-family: 'Changa One', sans-serif;
	
	font-size:1.563em;
	
	font-weight:400;
	
	line-height:1.0em;
	
	color:#69B5D0;
	
	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:#69B5D0;
	
	text-decoration:none;

}

a:hover,li  a:hover {
	
	color:#acc700;

}

img {
	width:100%;
	
	height:auto;
	
	max-width:100%;

}

img.example-image {
	
width:100px;
height:100px;
margin:0.2em;
float:none;
border:1px solid #333333;

}


a.link , a.link:hover, a.link:visited {
	
	display:block;
	
	max-width:400px;
	
	margin:0.5em 0em 0.5em 0em;
	
	background:#A7C71F;
	
	background-image:url(layout/kleinpfeil-re.png);
	
	background-position:0.5em 0.8em;
	
	background-repeat: no-repeat;
	
	color:#ffffff;
	
	font-size:1.0em;
	
	padding:1em;padding-left:2.5em;
	
	text-align:left;

}

a.link:hover {
	
	background:#90AA0F;
	
	background-image:url(layout/kleinpfeil-re.png);
	
	background-position:0.5em 0.8em;
	
	background-repeat: no-repeat;


}




/* TOP-Bereich mit Logo */

.top {
	display:block;
	
	width:100%;
	
	background: #ffffff;
	
	background-image: url("upload_fotos/originale/20250706213923-silhouette-norden.png"); /* The image used */
	background-position: center bottom; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size:90%;
	background-size:130%;
	padding:0em;
	
	position:relative; /* fr eventuelle Layer */
}

@media screen and (max-width: 2000px) {
.top {
	background: #ffffff;
	background-image: url("upload_fotos/originale/20250706213923-silhouette-norden.png"); /* The image used */
	background-position: center bottom; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
		background-size:170%;
	}
}
@media screen and (max-width: 1000px) {
.top {
	background: #ffffff;
	background-image: url("upload_fotos/originale/20250706213923-silhouette-norden.png"); /* The image used */
	background-position: center bottom; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size:220%;
	
	}
}
@media screen and (max-width: 750px) {
.top {
	background: #ffffff;
	background-image: url("upload_fotos/originale/20250706213923-silhouette-norden.png"); /* The image used */
	background-position: center bottom; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size:270%;
	
	}
}
@media screen and (max-width: 500px) {
.top {
	background: #ffffff;
	background-image: url("upload_fotos/originale/20250706213923-silhouette-norden.png"); /* The image used */
	background-position: center bottom; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size:320%;
	
	}
}

.logobox {
	
	display:block;
	
	width:100%;
	
	max-width:1400px;
	
	text-align:center;
	
	margin:0em auto;
	
	padding:0em 0.125em 0.626em 0.125em;
	
	position:relative;left:0em; top:0em;	

}

.logobox img {
	
	width:40%;
	
	height:auto;
	
	margin:0.7em auto;
	
	max-width:270px;
	
	min-width:150px;

}

.logoboxmobil {
	
	display:none;
	
	
	
	width:100%;
	
	max-width:800px;
	
	text-align:center;
	
	margin:0.4em auto;
	
	padding:0em;
	
	position:relative;left:0em; 
	top:0em;	

}

.logoboxmobil img {
	
	width:80%;
	
	height:auto;
	
	margin:0.1em auto;margin-bottom:0.6em;
	
	max-width:140px;

}

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

	
	.logoboxmobil {
	
	display:block;
	}


}



/* MenBereich */

.menuebereich {
	
	width:100%;
	
	/* background: #ffffff; */
	padding-top:0.4em;
	
	position:relative;

}

.menuebereich_content {
	
	padding:0em;
	
	margin:0em;
		
	margin:0em auto;
	
	max-width:1400px;
	
	text-align: left;
	
	position:relative;

}

.icontop {
	
	position:absolute;
	
	z-index:99999999;
	
	right:0em;bottom:0em;
	
	text-align:right;

}

.icontop img, .icontop img.sonder {
	
	width:33px;
	
	height:auto;
	
	max-width:100%;
	
	margin-right:0.2em;
	
	margin-bottom:0.4em;
	
	opacity: 1.0;
    
	filter: alpha(opacity=100); /* For IE8 and earlier */

}

.icontop img:hover, .icontop img.sonder:hover {
	
	opacity: 1.0;
    
	filter: alpha(opacity=100); /* For IE8 and earlier */

}

.icontop img.sonder {
	
	visibility: hidden;

}

/* Mobile Style */ 

@media screen and (max-width: 640px) {
	
.icontop img, .icontop img.sonder {
	
		width:36px;
	
		height:auto;
	
		max-width:100%;
	
		margin-right:0.2em;
	
		margin-bottom:0.1em;
	
		opacity: 1.0;
    
		filter: alpha(opacity=100); /* For IE8 and earlier */

	}

}

.icontoptelefon {
	
	position:absolute;
	
	z-index:99999999;
	
	right:156px;bottom:0em;
	
	text-align:right;

}

.icontoptelefon p.telefon {
	
	font-weight:400;
	
	font-size:0.900em;
	
	line-height:1.250em;
	
	color:#69B5D0;
	
	margin:0em;margin-bottom:19px;
	
	padding:0em;
	
	text-align:left;
	
	float:right;

}

/* Mobile Style */ 

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

	.icontop img.sonder {
	
		visibility: visible;

	}

	.icontop {
	
		right:5px;
	
}

}



/* Menueleiste */
		
#nav
 {
			
	font-family: 'PT Sans', sans-serif;
			
	font-weight: 400;
			
	text-align: left;
			
	display: inline-block;
			
	margin:0em;padding:0em;
		
}

			
#nav > a
 {
				
	display: none;
			
}

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

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

			
/* first level */

			
#nav > ul
 {
				
	
				
	margin:0em;
				
			
}
				
#nav > ul > li
	{
					
	height: 100%;
					
	float: left;
				
}
					
#nav > ul > li > a,
 #nav > ul > li > p
	{
		
	height: 100%;
						
	font-size: 0.9em; /* 24 */
						
	line-height: 3em; /* 60 (24) */
						
	text-align: center;
						
	color:#333333;
						
	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;
						
}


				
/* second level */

				
#nav li ul
				{
					
background-color: #eaeaea;
					
display: none;
					
min-width:13em;
					
position: absolute;
					
top: 100%;
					
margin: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: 0.9em; /* 20 */
							
border-top: 1px solid #e0e0e0;
							
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: #e0e0e0;
							
}


		
@media only screen and ( max-width: 1160px ) /* 1000 */
		{
			
	#nav
 {
				
		width: 100%;
				
		position: static;
				
		margin: 0;
			
	}
		
}

		
@media only screen and ( max-width: 1200px ) /* 640 */
		{


			
	#nav
 {
				
		position: relative;
				
		font-weight:400;
				
		top: auto;
				
		left: auto;
			
	}
				
	#nav > a
 {
					
		width: 2.6em; /* 50 */
					
		height: 2.6em; /* 50 */
					
		margin-bottom:0.5em;
					
		text-align: left;
					
		text-indent: -9999px;
					
		background-color: #333333;background-color: #69b5d0;
					
		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;
				
	}
				
	#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;
		
		line-height: 2.5em;
		font-size:1em;
						
		padding: 0 0.833em; /* 20 (24) */
						
		background-color: #e0e0e0;
					
	}
						
	#nav > ul > li:not( :last-child ) > a,
	#nav > ul > li:not( :last-child ) > p
	{
							
		border-right: none;
							
		border-bottom: 0px solid #e0e0e0;
						
	}
				
	/* 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:#f7f6f0; 
	
	margin:0px;
	
	padding:0px;
	
	border-top:1px solid #EDEBE1;
	
	border-bottom:1px solid #EDEBE1;
	
	/* -webkit-box-shadow: 4px 3px 20px -3px #EDEBE1;-moz-box-shadow: 4px 3px 20px -3px #EDEBE1;box-shadow: 0px 0px 20px 2px #EDEBE1;*/

}

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

}

.contbox1content h1 {
	
	font-size:2.5em;
	
	line-height:1.2em;
	
	font-weight:400;
	
	color:#69b5d0;
	
	padding:0em;
	
	margin:0em;margin-bottom:0.3em;
	
	text-align:center;

}

.contbox1content h2 {
	
	font-size:1.563em;
	
	line-height:1.2em;
	
	font-weight:100;
	
	color:#69b5d0;
	
	margin:0em;
	
	padding:0em;
	
	text-align:center;	

}

.contbox1content p {
	
	font-weight:100;
	
	font-size:1.400em;
	
	line-height:1.350em;
	
	color:#69b5d0;
	
	margin:0em;margin-bottom:0.6em;
	
	padding:0.0em;
	
	text-align:center;

}



.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;

}
 
.adresskastentop {
 
	background-image:url(layout/bg-welle.png);
	
	background-position:left;
	
	background-repeat: no-repeat;
	
	background-size: auto 100%;
	
	position:absolute;
	
	right:-10px;bottom:50px;
	
	z-index:999;
	
	padding:0em;

}
 
.adresskastentop2 {
	
	position:absolute;
	
	right:-10px;bottom:36px;
	
	z-index:998;
	
	padding:0em;

}


.adresskastentop p.adress {
	
	font-family: 'Changa One', sans-serif;
	
	font-weight:400;
	
	font-size:1.900em;
	
	line-height:1.250em;
	
	background:#acc700;
	
	color:#ffffff;
	
	margin:0em;margin-left:20px;
	
	padding:0.5em; 
	
	text-align:right;

}

.adresskastentop2 img {
	
	width:10px;
	
	height:10px;
	
	margin:0px;
	
	padding:0px;

}


/* Mobile Style */ 

@media screen and (max-width: 900px) {
 
	.adresskastentop p.adress {
	
		font-size:1.400em;
	
		margin-left:15px;
	
}

}

@media screen and (max-width: 600px) {
 
	.adresskastentop, .adresskastentop2 {
	
		display:none;

	}

}


/*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 fr den Hauptinhalt */

.contbox2 {
	
	/*background:#eaeaea; */
	
	margin:0px;
	
	padding:0px;

}

.contbox2content {
	
	width:100%;
	
	max-width:1400px;
	
	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. fr Button */

.spaltencontainerbox, .spaltencontainerbox_sonder {
	
	flex: 1 1 20%;
	
	position:relative;
	
	background:#69B5D0;
	
	margin:1em 0.5em;
	
	border:1px solid #4A96B1;
	
	border-radius:0.5em;
	
	align: center;
	
	padding:0.3em;
	
	min-width:80px;

}

.spaltencontainerbox:hover, .spaltencontainerbox_sonder:hover {
	
	background:#4A96B1;

}



/* Mobile Style */ 

@media screen and (max-width: 550px) {

	.spaltencontainerbox {
	
		flex: 1 1 40%;
		
	}

}


.spaltencontainerbox img {
	
	width:60%;
	
	margin:0.125em;
	
	min-width:40px;
	
	max-width:150px;


}


.spaltencontainerbox h2 {
	
	font-family: font-family: 'Changa One', sans-serif;
	
	font-size:1.2em;
	
	line-height:1.2em;
	
	font-weight:400;
	
	color:#ffffff;
	
	padding:0em;
	
	margin:0em;margin-bottom:0.5em;
	
	text-align:center;

}

/* Mobile Style */ 

@media screen and (max-width: 650px) {
	
.spaltencontainerbox h2 {
	
		font-size:1.0em;
		
	}

}



.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;

}
/* Mobile Style */ 

@media screen and (max-width: 650px) {
	
.spaltencontainerbox2 {
	
		flex: 1 1 70%;
		
	}

}

.spaltencontainerbox2 h1 {
	
	font-family: 'Changa One', sans-serif;
	
	font-size:1.9em;
	
	line-height:1.2em;
	
	font-weight:400;
	
	color:#69B5D0;
	
	padding:0em;
	
	margin:0em;
	
	text-align:left;

}

.spaltencontainerbox2 h2 {
	
	font-family: 'Changa One', sans-serif;
	
	font-size:1.4em;
	
	line-height:1.2em;
	
	font-weight:400;
	
	color:#69B5D0;
	
	padding:0em;padding-bottom:0.2em;
	
	margin:0em;margin-bottom:0.4em;
	
	border-bottom:1px solid #69B5D0;
	
	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;

}





/* fr den Inhalt aus der Datenbank */ 

.centerspalte,  .centerspalte2 {
	
	max-width:800px; 
	
	margin:0em auto;
	
	padding:1.6em;

}

.centerspalte h1, .centerspalte2 h1 {
	
	font-family:  'Changa One', sans-serif;
	
	display:block;
	
	border-bottom:1px solid #69B5D0;
	
	font-size:1.9em;
	
	line-height:1.2em;
	
	font-weight:400;
	
	color:#69B5D0;
	
	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 fr den Slider */ 

.footbox {
	
	background:#69b5d0; 
	
	margin:0px;
	
	padding:0px;
	
	border-top:1px solid #EDEBE1;
	
	border-bottom:1px solid #EDEBE1;
	
	-webkit-box-shadow: 4px 3px 20px -3px #EDEBE1;
	
	-moz-box-shadow: 4px 3px 20px -3px #EDEBE1;
	
	box-shadow: 0px 0px 20px 2px #EDEBE1;

}

.footboxcontent {
	
	width:98%;
	
	max-width:1400px;
	
	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:1px solid #9FD5E8;
	
	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 h1 {
	
	font-family: 'Changa One', sans-serif;
	
	font-size:1.5em;
	
	line-height:1.2em;
	
	font-weight:400;
	
	color:#ffffff;
	
	padding:0em;
	
	margin:0em;
	
	text-align:center;

}

.footspaltencontainerbox p {
	
	font-weight:100;
	
	font-size:0.850em;
	
	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;
	
	border-bottom:1px solid #ffffff;
	
	max-width:18em;
	font-weight:100;
	
	font-size:0.850em;
	
	line-height:1.100em;
	
	color:#ffffff;
	
	margin:0.3em auto;
	
	padding:0.4em;
	
	text-align:center;

}

.footspaltencontainerbox a:hover {
	
	color:#ffffff;
	
	background:#4A96B1;

}



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

}
