@charset "utf-8";
body {
    line-height: 30px;
    
    margin: 0;
    font-size:90%;
    }
.center{text-align:center}
*{
	max-width:100%;
	}

.relativ_box {
    min-height: 200px;
    float: left;
}
.galerie img {
    margin-top: 12px;
}
.galerie .c_25.aussen{width: 32.1%;padding: 1% 1px 0 0;margin: 0 1% 0 0;}
.hgfarbe_2{background-color:#f1f1f0;color:#666}
.termine .text{
  color:#333!important;
  width: 98%!important;
  }
hgfarbe_4{
	 background-color:black!important; 
	}
.termine{
	background-image: url(../daten/img/wood.jpg)!important;
	}

.termine .text {
    background-color: #d8d4d4;
    padding: 8px 1% 0 1%!important;
	}
.cc_container {
    border-radius: 1px!important;
    background: rgba(0,0,0,.3)!important;
    width: 100%!important;
    height: 0px!important;
    padding-top: 20px!important;
    padding-bottom: 50px!important;
right:0!important;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited{width:140px!important;
color: white!important;
    background-color: #999!important;
    font-size: 90%!important;
    line-height: 24px!important;
    position: relative!important;
  float:right;
    margin-top: 30px!important;
    margin-right: 20px!important;
}
    
    a.cc_logo {
    display: none!important;
}
.cc_container .cc_message {
   font-size: 90%!important;
    text-align: right!important;
color:white
    }

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	}
	
body, button {
	color:#666;
	font-size:100%;
	font-family: 'times',serif;
	}
	
h1,  h4, h5 p, .slogan {
	/* font-family: 'Playball', sans-serif!important; */
	}
<!--======= Hintergrundfarben =======-->

.hgfarbe_1,body,input[type="text"], input[type="number"], [type="email"], input[type="url"],[type="search"], .baustein_2 .rechts{
	background-color:white!important;
	}
	
.hgfarbe_1 {
    background-color: white;
	}

.hgfarbe_2,.timeline::after,  input[type="button"], [type="submit"], .content {
	background-color: #f4f4f4;
	}
	
.hgfarbe_3, .content, input[type="button"]:hover, [type="submit"]:hover{
	background-color:#efeae4;
	}
	
.hgfarbe_4{
	background-color:black!important;
	}
.termine .date{
    background-color:transparent!important
    }
input[type="button"], [type="submit"], a.simple-button-plugin{
	background-color:#ded1c3!important;
	
	}
input[type="button"]:hover, [type="submit"]:hover, a.simple-button-plugin:hover{
		background-color: #d3c7b6!important;
	
	}
<!--======= Textfarben =======-->

.textcolor_1,.titel,  h3, h4,h5,h6, h7, #inh ul li a, a:hover, body, button, textarea, input[type="text"], input[type="number"], [type="email"], input[type="url"], a.simple-button-plugin{
	color:#333!important;
	}

.textcolor_4, h1,  a, #inh ul li a:hover, .termine .monat, .termine .date{
	color:#ceb19a;
	}
	
.karten_runde_fotos .c_33 h2{
	border-bottom:1px #ceb19a solid;
	}
	
.textcolor_3{
	color:#efeae4!important;
	}
	
.textcolor_4, h5{
	color:white!important;
	}

.textcolor_2, .karten_runde_fotos .text, .termine .text{
	color: #444;
	}
	
.textcolor_5,.middle h3,.middle .text{
	color:white!important;
	}
	
.footer {
    width: 86%;
    float: left;
    min-height: 200px;
    background-color: rgba(30,30,30,.9);
    padding-left: 7%;
    padding-right: 7%;
    color: silver;
 }
	
<!--======= Ãœberschriften =======-->

h6{
	font-size: 90%;
	display: block;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 2px;
	}

h5{
	font-size: 90%;
	display: block;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	}
	
h4{
	font-size: 90%;
	margin-top: 13px;
	margin-bottom: -5px;
	font-weight: bolder;
	}
	
h3{
	font-size: 100%;
	line-height: 24px;
	font-weight: normal;
	font-weight: bold;
	}
	
h2{
	font-size: 141%;
	margin-bottom: 10px;
	font-weight: normal;
	margin-top: 30px;
	line-height: 34px;
	float: left;
	width: 100%;
	}
.galerie h2{font-size: 140%;}
h1{
	font-size: 221%;
	margin: 0;
	float: left;
	margin: 85px 0 20px 0;
	display: block;
	width: 100%;
	line-height: 34px;
	font-weight: normal;
	}
	
.admin #inh {
    margin-top: 0!important;
    width: 80%!important;
    background-color: white!important;
	}
	
.titelbild {
    /* margin: 0; */
 }

/* ========== Formelemente ======== */
iframe {
    border: none;
    float: left;
}
input[type="button"], [type="submit"], a.simple-button-plugin{
	cursor: default;
	min-width: 95px;
	padding: 10px;float:none; 	text-align: center;
	display: block;
	font-size: 95%;
	display: block;
	margin-left:0;
	height: 33px;
	line-height: 33px;
	border: none;
	text-align: center;
	margin-bottom: 4px;
	margin-top: 4px;
	cursor: default;
	border:none!important;
	}
	
input[type="text"], input[type="number"], [type="email"], input[type="url"],[type="search"] {
	border: 1px solid #333;
	width: 210px;
	cursor: text;
	text-align:left;
	line-height: 20px;
	margin-top: 12px;
	display: block;
	font-size: 79%;
	}

input[type="text"]:hover, input[type="number"]:hover, [type="email"]:hover, input[type="url"]:hover, [type="search"]:hover , [type="button"]:hover{
	}

input:valid, textarea:valid {
	border: 1px solid #ccc;
	}
	
input:invalid, textarea:invalid { 
	border: 1px solid #555; 
	}
	
textarea {
	border: 1px solid #444;
	width: 209px;
	cursor: text;
	text-align: left;
	display: block;
	margin-bottom: 16px;
	margin-top: 18px;
	font-size: 79%;
	}

textarea:hover {
	}
	
fieldset { 
	border: 0; 
	margin: 0; 
	padding: 0; 
	}
	
label {
	cursor: default;
	width: 120px;
	margin-top: -3px;
	line-height: 39px;
	}
.footer .baustein_1_1 .top.plus:before {

    color: rgba(30,30,30,.2)!important;
}
.footer .baustein_1_1 .top.plus.top_active {
    border-bottom: 1px transparent solid!important;
}
.footer .baustein_1_1 .top {
    padding: 0px 0 0px 1%!important;
  
}
.titelbild{
    top: -77px;
    padding: 0;
    position: relative;
    margin-bottom: 0px;
  }
 .titelbild img{
    width:100%!important;
    max-height: 594px;
  }
 .slogan{
	font-size: 3.5em;
	margin-left: 14%;
	position: absolute;
	top: 294px;
	left: 5%;
	text-shadow: -2px 1px 3px #000;
	line-height: 75px;
	/* font-weight: 400; */
	padding: 1%;
	/* background-color: rgba(0,0,0,.1); */
	color:white;
	}
	
#loading {
	color: #000;
	position: relative;
	font-size: 18px;
	text-align: center;
	font-family:monospace;
	margin: 0.1em auto;
	padding. 0;
	text-transform: uppercase
	}

.clear{
	clear:both!important;
	}
	
.right{
	float:right!important;
	margin-right: 0!important;
	}
	
.nivo-caption{
	display:none!important
	}
	
sub,sup{
	font-size: 80%;
	}

img.up {
    float: right;
    margin-right: 12px;
	}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
	}
audio, canvas, video { 
	display: inline-block;  
	zoom: 1;
	}
audio:not([controls]) { display: none; }
[hidden] { display: none; }

li{
	text-decoration:none;
	margin-left: 14px;
	}

a {
	height: 26px;
	line-height: 20px;
	text-decoration: none;
	}


abbr[title] { border-bottom: 0px solid; }

b, strong {  }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; margin-top: 8px;  margin-bottom: 8px;}

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

p {
}
td p {
    padding: 3%;
}
sub, sup { 
	 line-height: 0; 
	 position: relative; 
	 vertical-align: baseline; 
	 }
sup { 
	top: -0.5em; 
	}
sub { 
	bottom: -0.25em; 
	}

ul, ol {
	-webkit-padding-start: 0;
	}

dd { 
	margin: 0 0 0 40px;
	 }

nav ul, nav ol { 
	list-style: none; 
	list-style-image: none; 
	margin: 0; 
	padding: 0;
	}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
	}

svg:not(:root) { overflow: hidden; }

table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
td {
	vertical-align: top;
	}

.seite {
	float: left;
	margin-top: 0px;
	padding: 0px;
	width: 100%;
	}

#oben {
	width: 100%;
	height: 25px;
	padding: 0px;
	}

.kopf {
    width: 60%;
    /* margin: 20px 10%; */
    padding: 1% 20% .1% 20%;
    display: block;
    background-color: rgba(0,0,0,.5);
    min-height: 45px;
    position: relative;
    height: 44px;
    float: left;
    /* margin-top: 0; */
    z-index: 44444;
 }
.bild_eins {
    width: 300px;
    margin: -240px auto  -140px auto;
}	
.kontakt {
    float: right;
    padding: 12px;
    margin-right: 9%;
    color: white;
    height: 0;
    display: none;
    visibility: hidden;
 }
	
.titel {
	font-size: 153%;
	padding -left: 12px;
	margin-top: 3px;
	width: 230px;
	font-color: white!important;
	}

.cke_editable .c_100:hover,.cke_editable .c_50:hover,.cke_editable .c_33:hover,.cke_editable .c_66:hover,.cke_editable .c_25:hover,.cke_editable .c_75:hover{
	background-color: rgba(130,130,130,0.5)!important;
	}
#text1{min-height:300px}
.mitte {
	width: 60%;
	display: block;
	clear: both;
	float: left;
	margin-left: 20%;
	position: relative;
	
	}
.k2_1 .mitte {
    width: 90%;
    margin-left: 5%;
}
.unten {
	clear: none;
	float: left;
	width: 96.9%;
	display: inline-block;
	overflow: hidden;
	height: 200px;
	bottom: 0px;
	position: inherit;
	text-align: center;
	border-top: 1px#111 solid;
	}
	
/* ========== Timeline Anpassung ======== */
.content {
  	padding-top: 0!important;
	}
	
.timeline::after {
 	width: 2px;
	}
	
	
/* ========== Navigation ======== */
.open, .close {
	visibility:hidden;
	display:none;
	height:0px;
	}


#inh {
	width: 78%;
	position: relative;
	float: right;
	/* right: 14%; */
	z-index: 99;
	top: -29px;
	-webkit-transition: all 1s ease;
	/* background-color: rgba(0,0,0,.4); */
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}


#inh ul{
    width: 80%;
    -webkit-padding-start: 0 !important;
    margin-bottom:0;
    height: auto;
    margin-top: 0;
    float: right;
   }

#inh  ul li{
	list-style-type: none;
	list-style-image: none;
	/* ========DIE BREITE DER TABELLENREITER IM MEN� =======*/
	/* padding-right: 3%; */
	float: right;
	overflow:hidden;
	height: 40px;
	clear: none;
	width: 119px;
	margin-left: 0;
	line-height: 33px;
	color: white;
	font-size: 100%;
	text-align: center;
	}

#inh ul li:hover {
	overflow:visible; 
	border-bottom:2px white solid;	
	}
	

	 
#inh ul li a{
	width: 100%;
	color:  white;
	display: block;
	margin-top: 5px;
	}


#inh ul li a.current{
	color: #c93;text-shadow: 2px 2px 6px rgba(0,0, 0, 0.21);
	}

#inh ul li a:hover{
	text-shadow: none;
	color:white!important;
	}

#inh img {
    margin-bottom: 0;
    margin-left: 6px;
	}

#inh ul li ul{
	width: 100%;
	min-width: 267px;
	display: block;
	float:left;
	box-shadow: 10px 30px 53px -15px rgba(0,0,0,0.75);
	margin-left: -11px;
	border-radius: 1px;
	background-color: rgba(0,0,0,.5);
	padding-left: 10%!important;
	margin-top: 9px;
	}

#inh ul ul li {
	width: 94%;
	height: auto;
	/* padding: 2px 3%; */
	line-height: 36px;
	font-size: 100%;
	color: white;
	}

#inh ul ul li a{
	
font-size: 93%;
	
height:36px;
	
width: 100%!important;
	
text-align: left;
	
margin-left: 0;
	
border: none;
	
line-height: 40px;
	}
#inh ul ul li a:hover{color:#c93!important}
#inh ul ul li:hover{
	border:none
	
	}

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

.slogan{
	bottom: 331px;
	font-size: 3em;
	position: absolute!important;
	display: block;
	float: left;
	}
}
	
@media only screen and (max-width: 1700px) {
.titel {
	/* width: 309px; */
	/* margin: 145px auto; */
	}
	.mitte{
    width: 80%;
	margin-left:10%}
		

.slogan{
	font-size: 3em;
	margin-left:0;left:9%
	}
		.kopf {
    width: 80%;
    /* margin: 20px 10%; */
    padding: 1% 10% .1% 10%;
}
}
@media only screen and (max-width: 1400px) {
 .slogan{
	font-size: 277%;
	bottom: 318px;
	line-height: 55px;
	margin-left: 3.5%;
	}

.mitte{
	width: 80%;
	margin-left: 10%;
}
 .kopf {
	width: 80%;
	margin-left: 0%;
	padding: 1% 10% .1% 10%;
}
.bild_eins {
    width: 200px;
    margin: -134px auto -211px auto;
}
}
@media only screen and (max-width: 1100px) {
 .slogan{
	font-size: 247%;
	top: 248px;

	}
	}
@media only screen and (max-width: 1000px) {
body, button {
    color: black!important;
}
#inh {
  
    right: 4%;
}
.slogan{
	font-size: 229%;
	line-height: 44px;
	bottom: 315px;
	margin-left: 0;
	padding-left: 0;
	}
	
.mitte {
	width: 94%;
	margin-left: 3%;
	}
.kopf {
    padding: 1% 1% 1% 4%;
    width: 95%;
    /* height: 60px; */
 }
h1{font-size:190%;margin: 15px 0 25px 0;}
.slogan{
	}


.bild_eins {
    width: 140px;
    margin: -80px auto -249px auto;
}
}
	
@media only screen and (max-width: 900px) {
	.galerie .c_25.aussen{width: 48.1%;padding: 1% 1px 0 0;margin: 0 1% 0 0;}
	.galerie .c_25.aussen.clear{clear:none!important}
	.bild_eins{display:none}
	h1 {
    font-size: 190%;
    margin: 85px 0 25px 0;
}
.titelbild, .bild{
    /* top: 0px; */
    margin-bottom: -95px;
 }
 #text1{min-height:0}
table, tr, td{
	display:block;width:100%!important
}
.open,  .close {
	visibility: visible;
	position:absolute;
	display: block;
	float:right;
	right: 10px;
	top: 10px;
	width: 36px;
	}
.slogan{
	font-size: 210%;
	line-height: 44px;
	bottom: 12px;
	margin-left: 0;
	left: 3%;
	}
.kopf{height:60px;background-color: transparent!important;}

.open,  .close {
	visibility: visible;
	position:absolute;
	display: block;
	float:right;
	right: 20px;
	top: 11px;
	width: 40px;
	}
 .close{right:26px}
#inh{
	background-color: rgba(256,256, 256, 0.9);
	}

#inh, :not(:target) #inh {
	width: 99.96%;
	top: -1280px;
	position:absolute;
	left:0;
	z-index:300;
	margin-top:0;
	text-align: center;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	}

#inh:target {    
	top:0;
	height: auto;	
	-webkit-transition: all 1s ease; 	
	-moz-transition: all 1s ease;	
	-o-transition: all 1s ease; 	
	transition: all 1s ease; 
	}
#inh ul{
    float: left;
    margin-left:5%
   }
#inh  li{
	width: 100%;
	float:left;
	color: #333!important;
	text-align: left;
	list-style-type: none;
	list-style-image: none;
	}

#inh ul li ul{
 	box-shadow: none;
 	background-color: transparent;
 	margin-left: 10px;
 }

#inh ul li {
	width: 100%;
	float:left;
	clear: both;
	font-size: 110%;
	height: auto;
	text-align: left;
	margin-left: 0;
	left: 0;
	line-height: 54px;
	border: none;
	}
#inh ul li a:hover, #inh ul li:hover{color: #c93!important;border: none;}
#inh ul li li{
	width: 43%;
	clear: none;
	color: white;
	}

#inh ul li a{
	height: 45px;
	line-height: 45px;
	text-align:left;
	padding-left:0;
	width:98%;
	color: #333;
	}
	
#inh ul li li a{
	height: 45px;
	line-height: 45px;
	text-align:left;
	}

#inh ul li a:hover{
	color:#c93;
	}

#inh ul li ul{
	background-image:none
	}
	.titel{color:white}
}
@media only screen and (max-width: 820px) {
	.slogan{
	font-size: 200%;
	top:190px
	}
}

@media only screen and (max-width: 770px) {
#inh ul li li{
	width:99%
	}

}

@media only screen and (max-width: 700px) {
.k2_2 .c_50,.k2_2 .c_100{
	width: 49%!important;
	}
.slogan{
	font-size: 180%;

	bottom: 12px;
	
	}
}

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

.titel {
    margin-left: 0;
 }
	
h1{
	line-height: 30px;
	font-size: 171%;
	}
	
h2{
	line-height: 30px;
	font-size: 120%;
    margin-top:30px;
	}
	
h3{
	text-align:left;
	margin:0;
	font-size: 100%;
	}
	
.seite {
	width: 100%;
	margin-left: 0%;
	}
.slogan{
	font-size: 180%;
	line-height: 44px;
	}
.footer {
   padding-top:12px
 }
}


@media only screen and (max-width: 580px) {
.titel {
    font-size: 158%;
    margin-top: 40px;
    margin-left: 1%;
    line-height: 12px;
 }
 .bild_eins{display:none;}
.slogan{
	font-size: 150%;
	line-height: 34px;
	margin-left: 0;
	/* bottom: 50px; */
	}
h1{
	line-height: 34px;
	font-size: 174%;
	margin-top: 65px;
	margin-bottom: 0px;
	}
h2{
	line-height: 28px;
	font-size: 120%;
	/* margin-top: 0px; */
	}
.handy{display:none}
}
@media only screen and (max-width: 499px) {
#inh ul li li{
	width:99%
	}
.slogan{
	bottom: 89px;
	margin-bottom: 5px;
	float: left;
	position: relative!important;
	width: 80%;
	/* text-shadow: none; */
	left: 2%;
	font-size: 160%;
	color: #999;
	}
.titelbild, .bild{

margin-bottom: -37px;

}
h1{margin: 0;}
}





@media only screen and (max-width: 410px) {
.titel {
    font-size: 148%;
    line-height: 44px;
 }
.k2_2 .c_50,.k2_2 .c_100, .k2_2 .c_50.rechts{
	width: 99%!important;
	}
}


@media only screen and (max-width: 299px) {
.open,  .close {
	right: 10px;
	}
}

@media only screen and (min-width: 2201px) {
.seite{
	}
.slogan{
	/* bottom: 233px; */
	}
.titelbild{
    /* max-height: 777px; */
  }
}