<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/* Variablendefinition */

/* cabin-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/cabin-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: 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-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/cabin-v26-latin-italic.eot'); /* IE9 Compat Modes */
  src: 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-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/cabin-v26-latin-700.eot'); /* IE9 Compat Modes */
  src: 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-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/cabin-v26-latin-700italic.eot'); /* IE9 Compat Modes */
  src: 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:#E7DAC6;
	background-image:url(upload_fotos/originale/20240123152323-bg-seite-02.jpg);
	background-position:top;
	background-size: 100% auto;
	background-repeat: no-repeat;
	font-size:100%;
	font-family: 'Cabin','Open Sans', 'Trebuchet MS', 'Roboto',  Arial, Trebuchet MS, Tahoma, Helvetica, sans-serif;
	color:#333333;
	margin:0em;
	padding:0em;
}

h1 {
	font-family: 'Cabin', sans-serif;;
	font-size:2.3em;
	font-weight:400;
	color:#5b5b5b;
	padding:0.3em 0.3em;
	text-align:center;
}
h2 {
	font-family: 'Cabin', sans-serif;;
	font-size:1.4em;
	font-weight:700;
	line-height:1.2em;
	color:#5b5b5b;
	margin:0em;margin-bottom:0.5em;
	padding:0em 0em;
	text-align:left;	
}
h3 {
	font-family: 'Cabin', sans-serif;;
	font-size:1.4em;
	line-height:1.2em;
	font-weight:700;
	color:#AE4A84;
	padding:0em;
	margin:0em;
	text-align:left;
}
p {
	font-weight:400;
	font-size:1.10em;
	line-height:1.250em;
	color:#5b5b5b;
	margin:0em;
	padding:0em;
	text-align:left;
}
p.small {
	font-weight:400;
	font-size:0.800em;
	line-height:1.00em;
	color:#5b5b5b;
	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:#AE4A84;
	text-decoration:none;
}
a:hover,li  a:hover {
	color:#782456;
}
img {
	width:100%;
	height:auto;
	max-width:100%;
}
@media screen and (max-width: 960px) {
	body {
		font-size:90%;
	}
}
.galeriecontainer {
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
	margin-top:0.5em;
}
.galeriecontainerbox {

	display:flex;
	margin:0em;
	max-width:200px;
	padding:5px;
}
img.example-image {
width:96%;
height:auto;
margin:0em;
float:none;
border:1px solid #333333;
}
img.example-image2 {
width:160px;
height:auto;
margin:0.2em;
float:none;
border:1px solid #333333;
}
img.example-image3 {
	display:none;
width:96%;
height:auto;
margin:0.5%;
float:none;
border:0px solid #333333;
}
@media screen and (max-width: 390px) {
img.example-image3 {
	display:block;
}
img.example-image2 {
	display:none;
}
}

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

}



/* TOP-Bereich mit Logo */
.top {
	display:block;
	background:#00A0E3;
	width:100%;
	padding:0em;
	position:relative; /* eventuelle Layer */
}
.top_content {
	display:block;
	width:100%;
	max-width:1200px;
	margin:0em auto;
	padding:0em;
	position:relative; /* eventuelle Layer */
}


.logobox {
	display:block;
	position:absolute;
	z-index:99;
	left:4.0em;
	top:3.5em;
	width:30%;
	max-width:300px;
	text-align:center;
	margin:0em;
	padding:0em;
		
}
.logobox img {
	width:98%;
	max-width:400px;
	height:auto;
	margin:0em;
}


.logoboxmobil {
	display:none;
	width:100%;
	text-align:center;
	margin:0em auto;
	padding:0em;
	
}
.logoboxmobil img {
	width:90%;
	height:auto;
	margin:0.5em auto;
	max-width:200px;
	padding:0%;

}

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

	.logoboxmobil {
	display:block;}
	
}


/* Menue-Bereich */
.menuebereich {
	display:block;
	width:100%;
	margin:0em auto;
	/*background: #fff;*/
	/*border:0px solid #29621D;*/
	padding:0em;
	 /* position:relative; für eventuelle Layer */
}
@media screen and (max-width: 600px) {
.menuebereich {
	width:100%;
	border:0px;
}
}
.menuebereich_content {
	margin:0em auto;
	padding:0em;
	text-align:center;
	position:relative;
}
.menue_mobil_text {
	position:absolute;
	left:50px;
	top:0em;
	padding:0em;
	display:none;
	text-align:left;
	color:#fff;
	font-size:1.1em;
}
.menue_mobil_text a, .menue_mobil_text a:hover, .menue_mobil_text a:visited {
	color:#fff;
	line-height:40px;
}

/* Menueleiste */

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

			#nav &gt; a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
				list-style: none;
			}
				#nav li a
				{
					color: #5b5b5b;
					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 &gt; ul
			{
				/* height: 2.0em; */
				/* background-color: #ffffff; */
			}
				#nav &gt; ul &gt; li
				{
					
					/* height: 100%; */
					float: left;
				}
					#nav &gt; ul &gt; li &gt; a,
					#nav &gt; ul &gt; li &gt; p
					{
						height: 100%;
						font-size: 0.9em; /* 24 */
						line-height: 2.5em; /* 60 (24) */
						text-align: center;
						color:#fff;
						margin:0em;padding:0em 0.9em;
					}
						#nav &gt; ul &gt; li:not( :last-child ) &gt; a,
						#nav &gt; ul &gt; li:not( :last-child ) &gt; p
						{
							border-right: 0px solid #ffffff;
						}
						#nav &gt; ul &gt; li:hover &gt; a,
						#nav &gt; ul:not( :hover ) &gt; li.active &gt; a,
						#nav &gt; ul &gt; li:hover &gt; p,
						#nav &gt; ul:not( :hover ) &gt; li.active &gt; p

						{
							background-color: #eaeaea;
							color:#5b5b5b;
						}


				/* second level */

				#nav li ul
				{
					background-color: #eaeaea;
					display: none;
					min-width:13em;
					position: absolute;
					top: 100%;
					right:0px;
					margin:0em;padding:0em;
					z-index:9999999;
					/* box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */
				}
					#nav li:hover ul,
					#nav li:active ul
					{
						display: block;
						
						right: 0px;
						-webkit-user-select: none; -webkit-touch-callout: none;
					}
						#nav li:not( :first-child ):hover ul
						{
							right: 0px;
						}
						#nav li ul a
						{
							font-size: 0.9em; /* 20 */
							border-top: 1px solid #e0e0e0;
							padding: 0.9em; /* 15 (20) */
							text-align:right;
						}
						#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: 1150px ) /* 1000 */
		{
			#nav
			{
				width: 100%;
				position: static;
				margin: 0;
			}
		}



		@media only screen and ( max-width: 1150px ) /* 640 */
		{
			.menue_mobil_text {
				display:block;
			}


			#nav
			{
				position: relative;
				font-weight:400;
				top: auto;
				right: 0em;
			}
				#nav &gt; a
				{
					width: 2.5em; /* 50 */
					height: 2.5em; /* 50 */
					text-align: left;
					
					text-indent: -9999px;
					background-color: #103208;
					position: relative;right:0em;
				}
					#nav &gt; a:before,
					#nav &gt; a:after
					{
						position: absolute;
						border: 1px solid #F8DECA;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav &gt; a:after
					{
						top: 60%;
					}

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


			/* first level */

			#nav &gt; ul
			{
				height: auto;
				display: none;
				position: absolute;

				left: 0;

			}
				#nav:target &gt; ul
				{
					display: block;

				}
				#nav &gt; ul &gt; li
				{
					width: 100%;
					z-index:99999999;
					min-width:14em;
					float: none;
				}
					#nav &gt; ul &gt; li &gt; a,
					#nav &gt; ul &gt; li &gt; p
					{
						height: auto;
						font-weight:400;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
						background-color: #DDE7FD;
						color:#000000;
					}
						#nav &gt; ul &gt; li:not( :last-child ) &gt; a,
						#nav &gt; ul &gt; li:not( :last-child ) &gt; p
						{
							border-right: none;
							border-bottom: 1px solid #ffffff;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 0.2em; /* 20 */
					padding-top: 0;
					z-index:9999;
					text-align:left;
				}
				#nav li ul a
				{
					text-align:left;
				}
		}
/* Ende Navigation */
/* contbox1: In der Regel den Slider */ 
.contbox1 {
	/*background:#232122; */
	/*background-image:url(layout/bg-tafel.jpg);*/
	/*background-position:top;*/
	width:98%;
	max-width:1200px;
	margin:0em auto; margin-top:0.5em;
	padding:0px;
	border:0px solid #141112;
	box-shadow: 0px 0px 0px silver;
	position:relative;
	}
@media screen and (max-width: 600px) {
.contbox1 {
	width:100%;
	border:0px;
}
}
.schmetterling {
	display:block;
	position:absolute;
	z-index:99;
	right:-1.0em;
	bottom:-2.5em;
	width:200px;
	margin:0em;
	padding:0em;
}
@media screen and (max-width: 1200px) {
.schmetterling {
	right:1em;
	bottom:-2.5em;
	width:120px;
}
}

.whitebox  {
	background:#fff;
	margin:0em;
	padding:8px;
}
.whitebox .contentbox, .spaltencontainerbox2_re .contentbox, .spaltencontainerbox2_li .contentbox  {
	flex: 1 1 40%;
	margin:0em;
	padding:1.5em;
	text-align:center;
	border:3px dotted #C5E1F9;
}
.spaltencontainerbox2_li {
	flex: 1 1 40%;
	display:flex;
	align-items: stretch;
	position:relative;
	background:#fff;
	margin:0em; margin-right:0.25em;
	padding:8px;
	
}
.spaltencontainerbox2_re {
	flex: 1 1 40%;
	display:flex;
	align-items: stretch;
	position:relative;
	background:#fff;
	margin:0em; margin-left:0.25em;
	padding:8px;
	
}
/* Mobile Style */ 
@media screen and (max-width: 600px) {
.spaltencontainerbox2_re, .spaltencontainerbox2_li {
	flex: 1 1 70%;
	margin:0em;
}
.spaltencontainerbox2_re {
	margin-top:0.5em;
}
}

.pinkbox  {
	background:#AE4A84;
	/* background-image:radial-gradient(circle, #C37397 0%, #AE4A84 80%);*/

	margin:0em;
	padding:8px;
}
.pinkbox h1{
	color:#fff;
	font-weight:700;
}
.pinkbox h2,.pinkbox p{
	color:#fff;
}
.pinkbox .contentbox  {
	margin:0em;
	padding:1.5em;
	text-align:center;
	border:3px dotted #5A3546;
}

.contbox1content {
	width:94%;
	
	max-width:1200px;
	margin:0em auto;
	padding:2.5em 0.5em;
	text-align:center;
}
.contbox1content h1 {
	font-size:2.0em;
	line-height:1.1em;
	font-weight:700;
	color:#BD4449;
	padding:0em;
	margin:0em;margin-bottom:0.3em;
	text-align:center;
}
.contbox1content h2 {
	font-family: 'Cabin', sans-serif;;
	font-size:1.4em;
	line-height:1.2em;
	font-weight:700;
	color:#6B9131;
	margin:0em;margin-bottom:1em;
	padding:0em;
	text-align:center;	
}
.contbox1content h2 a, .contbox1content a {
	color:#FFEDED;
}
.contbox1content h2 a:hover, .contbox1content a:hover {
	color:#ffffff;
}
.contbox1content p {
	font-weight:100;
	font-size:1.100em;
	line-height:1.350em;
	color:#F8DECA;
	margin:0em;margin-bottom:0.6em;
	padding:0.0em;
	text-align:center;
}




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

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

.sliderbox {
	display:block;
	width:100%;
	max-width:1200px;
	margin:0em auto;margin-top:3em;
	padding:0em;
	text-align:center;
	border:0px solid #ffffff;
	position:relative;left:0em; top:0em;	
}
@media screen and (max-width: 900px) {
	.sliderbox {
	margin:0em auto;margin-top:0.5em;}
}
.sliderbox .imagebox  {
	margin:0em;
	padding:8px;
}

.rotebox {
	display:block;
	background: #E4181F;
	width:10px;
	height:100px;
	position:absolute;left:20px;bottom:-50px;
	z-index:999999;
}
@media screen and (max-width: 500px) {
.rotebox {
	display:block;
	background: #E4181F;
	width:10px;
	height:60px;
	position:absolute;left:20px;bottom:-30px;
	z-index:999999;
}
}

/*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 fden Hauptinhalt */
.contbox2 {
	/*background:#eaeaea; */
	margin:0px;
	padding:0px;
}
.contbox2content {
	width:96%;
	max-width:1200px;
	margin:0em auto;
	padding:1em 1%;
	text-align:center;
}



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

/* Spaltencontainerbox z.B. fButton */
.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: 'Cabin', sans-serif;;
	font-size:1.4em;
	line-height:1.2em;
	font-weight:700;
	color:#AE4A84;
	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:#AE4A84;
	position:absolute;bottom:1em;left:5%; right:5%;
}
.spaltencontainerbox a.link:hover {
	background:#782456;
}



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





/* fr den Inhalt aus der Datenbank */ 
.centerspalte,  .centerspalte2 {
	max-width:1200px; 
	margin:0em auto;
	padding:0.6em; padding-top:0em;
}
.centerspalte h1, .centerspalte2 h1 {
	font-family:  'Cabin', sans-serif;;
	display:block;
	border-bottom:1px solid #AE4A84;
	font-size:1.9em;
	line-height:1.2em;
	font-weight:400;
	color:#AE4A84;
	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:0em;
	text-align:left;
}
.centerspalte2 h2 {
	text-align:center;
}

.centerspalte p, .centerspalte2 p {
	font-weight:400;
	font-size:1.00em;
	line-height:1.350em;
	color:#5b5b5b;
	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:#AE4A84;
	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: 'Cabin', sans-serif;;
	font-size:1.6em;
	line-height:1.2em;
	font-weight:400;
	color:#fff;
	padding:0em;
	margin:0em;
	text-align:center;
}
.footspaltencontainerbox p {
	font-weight:400;
	font-size:1em;
	line-height:1.250em;
	color:#fff;
	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:#fff;
	margin:0em;
	padding:0.2em 0em 0.2em 0em;
	text-align:center;
}
.footspaltencontainerbox a:hover {
	color:#EA8AB5;
}


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

}







.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: #AE4A84;
    color: #fff;
    padding: .4em;padding-left:1em;
    text-align: left;
    cursor: pointer;
}
 
.toggleBox label:hover {
    background: #782456;
}
 
/* 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;
}

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

.responsiveContainer_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}</pre></body></html>