@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
}


#mbMedia {
  padding: 10px;
}

#mbBottom {
  padding: 25px !important;
}

#mbPrevLink big, #mbNextLink big, #mbCloseLink big {
color: #FC4C02 !important;
}


#mbPrevLink big:hover, #mbNextLink big:hover, #mbCloseLink big:hover, #mbBottom a:hover {
color: #FC4C02 !important;
}

#mbCenter {
  padding: 0 !important;
}


@media (min-width: 767px) {
#cmswrapper {
        width: 100%;
        height: auto;
        display: inline-flex;
}

div#cmswrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#cmsspaltelinks {
        width: 49%;
        float:left;
        vertical-align: top;
       
        /*display: inline-flex;*/
}

#cmsspalterechts {
        margin-left: 2%;
        width: 49%;
        vertical-align: top;
       
}
}

@media (max-width: 767px) {
#cmswrapper {
        width: 98%;
        margin: auto;
}

#cmsspaltelinks {
        width: 100%;
        float:left;
        vertical-align: top;
        padding-right: 0px;
}

#cmsspalterechts {
        margin-left: 0%;
        width: 100%;
        vertical-align: top;
        padding-left: 0px;
}
}

/* ANFANG TEAM - TEMPLATE */


@media screen and (min-width: 0px) {
	.team-wrapper {		
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.team-description{
    font-size: 0.8em;
}

}

@media screen and (min-width: 1025px) {
	.team-wrapper {		
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.team-description{
    font-size: 1em;
}

}

@media screen and (min-width: 1025px) {
	.team-wrapper {		
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

}

.team-wrapper:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.team-wrapper2{		/*Wenn möglich nicht ändern */
	width: 95%;
	margin: 0 auto;
}

.team-wrap_color1 {				/*Zeile mit 1. Hintergrundfarbe*/
	float: left;
	display: table;
    width: 100%;
    border: 1px dotted;
	background-color: rgba(17,17,17,0.05);
    margin-bottom: 20px;
}

.team-wrap_color2 {		/*Zeile mit 2. Hintergrundfarbe*/
	float: left;
	display: table;
    width: 100%;
    border: 1px dotted;
	background-color: rgba(17,17,17,0.05);
    margin-bottom: 20px;
}

.team-pic {				/*Position des Bildes*/
	width: 25%;
	float: left;
	text-align: center;
	padding-top: 2%;
	display: table-cell;
}
.team-description {		/*Position des Textes */
	width: 75%;
	float: left;
	padding: 2% 0;
	display: table-cell;
	text-align: left;

}

.error {					/*Fehlermeldung*/
    color: #ff0000;
    font-weight: bold;
    text-align: center;
    margin: 8% auto;
}

/*ENDE TEAM - TEMPLATE*/

/*ANFANG LINLISTE-BLOCK TEMPLATE*/
@media only screen and (min-width: 0px) {
.link_block {	
 	float: left;
    width: 95%;
	height: auto;
	display: inline-block;
	background-color: rgba(255,255,255,1);				/*Hier kann die Hintergrundfarbe der Blöcke geändert werden*/
    margin: 2%;
    border-width:1px;
    border-style:solid;
    border-color:#fff;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -moz-border-radius: 6px;
    border-radius: 6px;
        -webkit-box-shadow: 0px 4px 8px rgba(100,100,100,0.6);
        -khtml-box-shadow: 0px 4px 8px rgba(100,100,100,0.6);
        -moz-box-shadow: 0px 4px 8px rgba(100,100,100,0.6);
    box-shadow: 0px 4px 8px rgba(100,100,100,0.6);
 }
 
.link_block:after, .link-wrapper_in:after, .link-wrapper_out:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
 }

.link_block > .link-img {			/*Logo mittig positioniert -> BITTE NICHT ÄNDERN*/
	display: block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: center;
	z-index: 77777777;
}

.link-img img{
	background-color: #fff;		/*Weißer Hintergrund + Rand der Logos*/
	padding: 30px;
}

.link-wrapper_out {
	width: 84%;
	height: auto;
	margin: 0 auto;
}

.link-wrapper_in {
 	float: left;
	display: block;
 	width: 100%;
 	height: auto;			/*Hier Kann die Hintergrundfarbe des Wrappers geändert werden*/
}
}

@media only screen and (min-width: 568px) {
	.link_block {	
 	float: left;
    width: 45%;
	height: 170px;
	display: table;				/*Hier kann die Hintergrundfarbe der Blöcke geändert werden*/
    margin: 2%;
    border-width:1px;
    border-style:solid;
    border-color:#fff;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -moz-border-radius: 6px;
    border-radius: 6px;
        -webkit-box-shadow: 0px 4px 8px rgba(100,100,100,0.6);
        -khtml-box-shadow: 0px 4px 8px rgba(100,100,100,0.6);
        -moz-box-shadow: 0px 4px 8px rgba(100,100,100,0.6);
    box-shadow: 0px 4px 8px rgba(100,100,100,0.6);
 }
 .link_block > .link-img {			/*Logo mittig positioniert -> BITTE NICHT ÄNDERN*/
	display: table-cell;
	vertical-align: middle;
	margin: 0 auto;
	text-align: center;
	z-index: 77777777;
}
}

@media only screen and (min-width: 1020px) {
	.link_block {	
 	float: left;
    width: 20%;
	height: 170px;
	display: table;					/*Hier kann die Hintergrundfarbe der Blöcke geändert werden*/
    margin: 2%;
    border-width:1px;
    border-style:solid;
    border-color:#fff;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -moz-border-radius: 6px;
    border-radius: 6px;
        -webkit-box-shadow: 0px 4px 8px rgba(100,100,100,0.6);
        -khtml-box-shadow: 0px 4px 8px rgba(100,100,100,0.6);
        -moz-box-shadow: 0px 4px 8px rgba(100,100,100,0.6);
    box-shadow: 0px 4px 8px rgba(100,100,100,0.6);
 }
}
/*ENDE LINLISTE-BLOCK TEMPLATE*/

/*ANFANG CMS-TOP OHNE STARTSEITE*/

/*Muss in die Index eingebunden werden damit der Umsprung aufs Handy funktioniert:

$IsMobile = 0;


include("Mobile_Detect.php");
$detect = new Mobile_Detect();

 $useragent=$_SERVER['HTTP_USER_AGENT'];
 if($detect->isMobile() || preg_match('/android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i',substr($useragent,0,4)))
 {
  $IsMobile = 1;
 }


*/

@media only screen and (min-width: 0px) {
	
	
.cms_bildrahmen
 {      margin-bottom: 10%;
 		/*padding: 5px 8px;
        border-width:2px;
        border-style:solid;
        border-color:#fff;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0px 4px 8px rgba(48,115,199,0.6);
        -khtml-box-shadow: 0px 4px 8px rgba(48,115,199,0.6);
        -moz-box-shadow: 0px 4px 8px rgba(48,115,199,0.6);
        box-shadow: 0px 4px 8px rgba(48,115,199,0.6);*/
 }

.cms_video {
	text-align: center;
	margin: 2% 0;
}

.cms_video iframe {
	max-width: 90%;
}

.cms_left-wrap {
        float: left;
        width: 100%;
        display: table;
        margin: 0;
        padding: 0;
}
.cms_left-pic {

     min-width: 25%;
        max-width: 40%;
        text-align: left;
        display: table-cell;

}

.left-pic, .right-pic {
	float: none;
	margin-top: 20px;
	width: 100%;
	text-align: center;
}

.cms_left-pic img, .cms_right-pic img{

       width: 100%;
       text-align: center;
       float: none;
       clear: both;
}
.cms_center-pic img {
        width: auto !important;
        max-height: 600px;

}

.cms_right-pic {
        float: right;
        min-width: 25%;
        max-width: 40%;
        text-align: center;
        display: table-cell;
        margin: 0;
        padding: 0;
}

.cms_center-pic{
	    text-align: center;
		width: 99%;
		margin-top: 25px;
}

.cms_wrap {
        width: 100%;
        float: left;
		overflow: hidden;
}

.cms_text_doc{
        margin: 0 auto;
        width: 300px;
        margin: auto;
        padding-left: 5%;
}

.cms_text_doc img {
    transform: translateX(-50%);
    left: 50%;
    position: relative;	
}

.cms_text_left, .cms_text_right {
	width: 100%;
}

/*.cms_text_left {
        float: left;
        display: table-cell;
        min-width: 50%;
        margin-top: 1%;
        margin-top: 2%;
        max-width: 60%;
}

.cms_text_right {
        float: left;
        display: table-cell;
        min-width: 50%;
        margin-top: 1%;
        margin-bottom: 2%;
        max-width: 60%;
}
*/
.cms_text_center {
        margin: 0 auto;
        width: auto;
        max-width: 100%;
        text-align: left;
        margin-bottom: 2%;

}

.cms_text_center ul {
        padding-left: 45px;
}
.cms_wrapper_inside{
        clear: both;
overflow: hidden;
        margin: 0;
	background-color: #99939d;
	min-height: 45vh;
}

.cms_wrapper_inside_in{
        margin: auto;
        text-align: left;
		padding: 0px 30px 0 50px;
}

.cms_wrapper_inside_in:after, .cms_wrapper_inside:after{
        content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

}
@media only screen and (min-width: 568px) {


.cms_left-wrap {
        float: left;
        width: 100%;
        display: table;
        margin: 0;
        padding: 0;
}
.cms_left-pic {
          float: left;
        max-width: 45%;
        text-align: left;
        display: table-cell;
        margin: 0;
        padding: 0;
        padding-left: 15px;
}

.left-pic {
	padding-left: 0;
	padding-top: 0px;
	 min-width: 25%;
        max-width: 60%;
}

.right-pic {
	padding-top: 20px;
	min-width: 25%;
	max-width: 60%;
}
.cms_left-pic img, .cms_right-pic img{

        max-width: 85%;
}
.cms_center-pic img {
	max-width: 90%;
}

.cms_right-pic {
        float: right;
        min-width: 50%;
        max-width: 60%;
        text-align: center;
        display: table-cell;
        margin: 0;
        padding: 0;
}
.cms_wrapper_inside_in{
        clear: both;
        margin: auto;
	
}

.cms_pic{
        float: left;
        text-align: center;
        width: 15%;
}

.cms_text{
        float: left;
        width: 97%;
        text-align: justify;
        margin: auto;
        padding-left: 5%;
}

.cms_text_center {
  color: #000;
  font-size: 18px;
  line-height: 26px;
  font-weight: 300;
  text-align: justify;
}
}
@media only screen and (min-width: 1025px) {

	.left-pic {
		float: left;
		width: auto;
		margin-top: 0;
	}

.right-pic {
	float: right;
	width: auto;
	margin-top: 0;
}

.cms_text_left, .cms_text_right {
	padding-top: 20px;
	width: auto;
  color: #000;
  font-size: 18px;
  line-height: 26px;
  font-weight: 300;
  text-align: justify;
}

.cms_wrapper_inside_in{
        margin: 0 auto;
        height: auto;
		/*overflow: hidden;*/
	padding: 0px 30px 50px 50px;
}

.cms_pic{
        float: left;
        text-align: center;
        width: 20%;
}

.cms_text{
        float: left;
        width: 90%;
        text-align: justify;
        margin: auto;
        padding-left: 5%;
}

.cms_bildrahmen
 {
        margin: 20px;
      /*  border-width:2px;
                  border-style:solid;
                  border-color:#fff;
        -webkit-border-radius: 6px;
        -khtml-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0px 4px 8px rgba(48,115,199,0.6);
        -khtml-box-shadow: 0px 4px 8px rgba(48,115,199,0.6);
        -moz-box-shadow: 0px 4px 8px rgba(48,115,199,0.6);
        box-shadow: 0px 4px 8px rgba(48,115,199,0.6);*/
 }
}

/*ENDE CMS-TOP OHNE STARTSEITE*/

/*ANFANG ANFAHRT*/

.anfahrt-wrap {
	width: 95%;
	margin: 0 auto;

}

.anfahrt-head {				/*Positionierung der Adresse*/
	padding: 5% 0 3% 0;
	text-align: center;
}

.anfahrt-map {	
	/*Positionierung der Karte*/
	text-align: center;
	padding-bottom: 5%;
	z-index: 7777;
}

/*ENDE ANFAHRT */

/*ANFANG KONTAKT-FORMULAR */

@media only screen and (min-width: 0px) {
.kontakt-wrap {
	width: 85%;				/*Breite des Formluarblocks (inkl. Rahmen)*/
	margin: 0 auto;
	padding-bottom: 5%;
}

.kontakt-wrap:after {
	    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.kontakt-head1 {
	text-align:center;
	width: 100%;
	padding-top: 2%;
}

.kontakt-head2 {
	text-align: center;
	padding-bottom: 2%;
}

.kontakt-input-field {
	width: 100%;
	padding: 1% 0;
}

.kontakt-label {
	width: 100%;
}

.kontakt-input {
	width: 100%;
}

.kontakt-textarea {
	width: 100%;
	padding-top: 1%;
}

.kontakt-absenden {
	text-align:center;
}
}

@media only screen and (min-width: 568px) {
	
.kontakt-wrap {
	width: 80%;				/*Breite des Formluarblocks (inkl. Rahmen)*/
	margin: 0 auto;
	padding-bottom: 5%;
}


.kontakt-body {				/*Breite des Formularblocks innerhalb des Rahmens*/
	width: 85%;
	margin: 0 auto;
}

.kontakt-input-field {
	float: left;
	width: 100%;
	padding: 1% 0;
}

.kontakt-label {
	float: left;
	width: 20%;
}

.kontakt-input {
	float: left;
	width: 80%;
}

.kontakt-textarea {
	float: left;
	width: 80%;
	padding-top: 0.3%;
}
}

@media only screen and (min-width: 1020px) {

.kontakt-wrap {
	width: 70%;				/*Breite des Formluarblocks (inkl. Rahmen)*/
	margin: 0 auto;
	padding-bottom: 5%;
}

}

/*ENDE KONTAKT-FORMULAR*/

/*ANFANG GALERIE(ÜBERSICHT)*/

@media only screen and (min-width: 0px) {
.galerie-wrap {
	width: 84%;				/*Breite des gesamten übersichts-blocks*/
	margin: 0 auto;
	padding-bottom: 5%;
	
}


.galerie-inner-wrap {
  float: left;
  padding: 0 2%;
  width: 100%;
}

.galerie-wrap:after {
	 content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.galerie-block {
	float: left;
	width: 100%;
	
}

.galerie-iamshadow {

	width: 95%;							/*Breite eines einzelnen Album-Blocks*/
	margin: 0 auto 10px auto;
    padding:10px;
   background: rgba(68,68,68,0.5);
border: 1px solid #999;
box-shadow:2px 2px 5px #888;
-moz-box-shadow:2px 2px 5px #888;
-webkit-box-shadow:2px 2px 5px #888;


}

.galerie-content {
	height: 200px;
	text-align: center;
    padding: 30px;
}

.iamnavi1 {
    color: hsla(0, 0%, 100%, .7);
  font-size: 21px;
  line-height: 38px;
  font-weight: 300;
  text-decoration: none;
}

/*
.galerie-content-bild {}		evtl. Anpassung des Bildes
.galerie-content-text {}		evtl. Anpassung der Album-Überschrift
*/

.galerie-error {
	width: 100%;
	margin: auto;
	line-height: 50px;
}
}

@media only screen and (min-width: 568px) {
	.galerie-iamshadow {
	float: left;
	width: 42%;										/*Breite eines einzelnen Album-Blocks*/
	padding-bottom: 30px;
		margin:2% 2% 10px 2%;;padding:10px;
       background: rgba(68,68,68,0.5);
border: 1px solid #999;
box-shadow:2px 2px 5px #888;
-moz-box-shadow:2px 2px 5px #888;
-webkit-box-shadow:2px 2px 5px #888;


}

.galerie-inner-wrap {
	width: auto;
}
}

@media only screen and (width: 1024px){

	.galerie-iamshadow {
	float: left;
	width: 29%;
		padding-bottom: 30px; /*Breite eines einzelnen Album-Blocks*/
	margin:2% 2% 10px 2%;;padding:10px;
        background: rgba(68,68,68,0.5);
border: 1px solid #999;
box-shadow:2px 2px 5px #888;
-moz-box-shadow:2px 2px 5px #888;
-webkit-box-shadow:2px 2px 5px #888;


}

}
	
@media only screen and (min-width: 1025px) {
	.galerie-iamshadow {
	float: left;
	width: 29%;
		padding-bottom: 30px;  /*Breite eines einzelnen Album-Blocks*/
	margin:2% 2% 10px 2%;
       background: rgba(68,68,68,0.5);
border: 1px solid #DBDBDB;
box-shadow:2px 2px 5px #888;
-moz-box-shadow:2px 2px 5px #888;
-webkit-box-shadow:2px 2px 5px #888;
        -webkit-box-shadow: 0px 4px 8px rgba(100,100,100,0.6);
        -khtml-box-shadow: 0px 4px 8px rgba(100,100,100,0.6);
        -moz-box-shadow: 0px 4px 8px rgba(100,100,100,0.6);


	}
}

/*ENDE GALERIE(ÜBERSICHT)*/

/*ANFANG GALERIE-DETAILS*/
@media only screen and (min-width: 0px) {

.galerie-details-wrap {
	width: 85%;
	margin: 0 auto;
	padding: 3% 0;
	overflow: hidden;
}

.galerie-details-wrap:after, .iamshadow:after {
	 content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.galerie-details-iamshadow {
	float: left;
	width: 92%;
	padding:10px;
	padding-left: 3%;
	overflow: hidden;
/*border: 1px solid #999;
box-shadow:2px 2px 5px #888;
-moz-box-shadow:2px 2px 5px #888;
-webkit-box-shadow:2px 2px 5px #888;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;*/
}
.galerie-details-bild {
	width: 95%;				/*Größe bzw. Abstand der Einzelbilder*/
	text-align: center;
	height: auto;
}
}

@media only screen and (min-width: 568px) {

.galerie-details-bild {
	width: 50%;			/*Größe bzw. Abstand der Einzelbilder*/
	float: left;
	height: 140px;
	padding: 1% 0;
	overflow: hidden;
}

}
	
@media only screen and (min-width: 1020px) {
	
.galerie-details-bild {
	width: 25%;			/*Größe bzw. Abstand der Einzelbilder*/
	float: left;
	height: 150px;
}
}

/*ENDE GALERIE-DETAILS*/

/*ANFANG CMS-TOP MIT STARTSEITE (ÜBERSICHT)*/
@media only screen and (min-width: 0px) {
.startpage-wrap {
	width: 98%;
	margin: 0 auto;
}
.startpage-line {
	width: 100%;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding: 2% 0;
}

.startpage-line:after {
	 content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.startpage-bild {
	float: left;
	width: 100%;
	margin: 1%;
	color: #b80000;
	font-size: 18pt;
}

.startpage-bild img {
	-webkit-box-shadow: 6px 6px 19px 0px rgba(0, 0, 0, 0.5); /* WebKit */
-moz-box-shadow: 6px 6px 19px 0px rgba(0, 0, 0, 0.5); /* Firefox */
box-shadow: 6px 6px 19px 0px rgba(0, 0, 0, 0.5); /* Standard */

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

margin-right: 10%;

}

.startpage-head {
	position: relative;
	margin-top: 5%;
	height: auto;
}
}
@media only screen and (min-width: 568px) {
.startpage-wrap {
	width: 95%;
	margin: 0 auto;
}

.startpage-bild {
	float: left;
	width: 75%;
	margin: 1%;
}


.startpage-head {
	float: left;
	position: relative;
	margin-top: 5%;
	height: auto;
}
}
/*ENDE CMS-TOP MIT STARTSEITE (ÜBERSICHT)*/

.startpagedetail_wrap {
	width: 100%;
	margin-top: 5%;
	margin-bottom: 5%;
}

.startpagedetail-back {
	text-align: center;
}



/*ANFANG TERMINE ÜBERSICHT*/
@media only screen and (min-width: 0px) {
.termin-wrap {
	width: 100%;
}
.termin-wrap-in {
	width: 95%;
	margin: 0 auto;
	padding: 5% 0;
	overflow: hidden;
	
}
.termine-year {
	width: 100%;
	background-color: #bebebe;
	margin-bottom: 1%;
}

.termine-year p {
	padding: 1px 2%;	/*Positionierung des Jahres*/
	font-size: 1.6em;
}

.termine-month p {
	padding: 2px 2%;		/*Positionierung des Monats*/
}
	

.termine-month {
	width: 100%;
	background-color: #eeeeee;
	border-top-style: solid;
	border-top-width: 1px;
}
.termine-line-wrap {
	width: 100%;
	padding-left: 4%;
	padding-top: 1%;
	background-color: #d1d1d1;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	overflow: hidden;
}

.termine-date {
	width: 100%;
	padding-bottom: 3%;
}

.termine-head {
	width: 100%;
	padding-bottom: 3%;
}

.termine-location {
	width: 100%;
	padding-bottom: 3%;
}

.termine-button {
	margin: 0 auto;
	padding-bottom: 3%;
}

.termin-error  {
	width: 100%; 
	text-align: center; 
	padding-top: 5%;
	/*font-family: 			Ändern der Schriftart, wenn keine Termine gefunden wurden*/		
}
@media only screen and (min-width: 481px) {
.termine-line-wrap {
	width: 100%;
	float: left;
	padding-left: 4%;
	padding-top: 1%;
	background-color: #d1d1d1;		/*Hintergrundfarbe der Terminzeilen*/
	border-bottom-style: solid;
	border-bottom-width: 1px;
	overflow: hidden;
}

.termine-date {
	width: 25%;
	float: left;
}

.termine-head {
	width: 25%;
	float: left;
}

.termine-location {
	width: 25%;
	float: left;
}

.termine-button {
	float: left;
}
}

/*Ende TERMINE ÜBERSICHT*/