@charset "utf-8";


/* --- Allgemeine Definitionen -- */
html, body {
	min-height:100%;
	height: 100%;
}

html {
	height: 100%;
	font-size: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	min-height:100%;
	line-height: 1.5;
	font-family: "Arial", "arial", sans-serif;
	font-size: 16px;
	font-size: min(max(14px, 1vw), 18px);
	background-color: #fff;
	color:#000;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

#content h1,
#content h2 {
	font-size: min(max(22px, 4vw), 48px);
}

#content h3 {
	font-size: 32px;
	font-size: min(max(18px, 3vw), 32px);
}

#content h4 {
	font-size: 24px;
	font-size: min(max(14px, 2vw), 24px)
}

#content input,
#content label,
#content textarea,
#content button {
	font-size: 16px;
	font-size: min(max(14px, 1vw), 18px);
	font-family: "Arial", "arial", sans-serif;
}

#content a {
	color: #955b5b;
}

.cd-nav-container {
	font-size: 14px;
}

.cd-nav-container .cd-nav em {
	font-size: 23px;
}

.cd-nav-container h3 {
	font-size: 17px;
	font-size: min(max(14px, 1vw), 18px) !important;
	margin: 2px 0px !important;
}

.cd-nav-container header {
	padding: 30px 0 0 0 !important;
}

ul.mainStyleList li:hover,
ul.AdminMenu li:hover {
	background-color: rgba(0,0,0,0.05);
}

ul.mainStyleList li:hover li,
ul.AdminMenu li:hover li {
	background-color: transparent;
}
/* e3e4e6 */

@media screen and (min-width: 1024px) {
	.width {
		width: 1100px;
		position: relative;
		margin: 0 auto;
	}
}

@media screen and (max-width: 1024px) {
	.width {
		width: auto;
	}
}

.backToTop {
	background-color: #fc8a8a !important;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}

#main {
	min-height: 100%;
	position: relative;
}

#header {
	position: fixed;
	z-index: 3;
	height: 125px;
	width: 100%;
	background-color: #fff;
	background-color: rgba(255,255,255,0.8);
	-webkit-transition-property: height;
	-moz-transition-property: height;
	-ms-transition-property: height;
	-o-transition-property: height;
	transition-property: height;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

#header.second {
	height: 50px;
}

#HeaderExtnsion {
	position: relative;
	min-height: 125px;
	text-shadow: 0 0 20px #000;
	text-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#HeaderExtnsion a {
	
	padding: 10px 60px;
	border-radius: 25px;
	background-color: #fff;
	color: #000;
}

#HeaderExtnsion a.slidesjs-navigation {
	padding: 0;
	border-radius: 0;
	background-color: transparent;
	color: rgba(255,255,255,0);
}

#logo img {
	max-width: 100%;
	height: auto;
}

#logo {
	position: absolute;
	top: 0;
	left: 0px;
	width: 160px;
	z-index: 4;
	-webkit-transition-property: width, top;
	-moz-transition-property: width, top;
	-ms-transition-property: width, top;
	-o-transition-property: width, top;
	transition-property: width, top;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.second #logo {
	top: 2px;
	width: 80px;
}

.logo {
	position: absolute;
	top: 5px;
	left: 0;
}

#menu {
	position: relative;
	top: 35px;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-ms-transition-property: top;
	-o-transition-property: top;
	transition-property: top;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.second #menu {
	top: 2px;
}

#footer ul.menu,
#menu ul.menu li,
#menu ul.menu {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
}

#menu ul.menu li {
	margin: 2px 0px;
	display: inline-block;
}

#menu ul.menu li a {
	display: block;
	color: #000;
	text-decoration: none;
	font-size: 18px;
	padding: 7px 7px 6px 14px;
	margin: 0;
	background-position: -35px 4px;
}

#menu ul.menu li a:hover,
#menu ul.menu li.expand a,
#menu ul.menu li.active a {
	background-image: url(Menu-aktiv.png);
	background-size: 35px;
	background-repeat: no-repeat;
	background-position: 0 4px;
}
#footer ul.menu li ul,
#menu ul.menu li ul {
	display: none;
}

#footer ul.menu li,
#footer ul.menu {
	float: right;
	display: block;
}

#footer ul.menu {
	position: absolute;
	display: block;
	right: 0px;
	top: 5px;
	max-width: 500px;
}

#footer ul.menu li {
	margin: 2px;
}

#footer ul.menu li a {
	display: block;
	padding: 2px;
	text-decoration: none;
	color: #000;
	font-size: 16px;
}

#menuWrapper ul.menu {
	float: left;
	padding-left: 380px;
}

#menu {
	min-height: inherit;
}

#menu,
#menuWrapper {
	position: relative;
}

#menuWrapper {
	height:60px;
	z-index: 2;
	position: fixed;
	top: 0;
	width: 100%;
}

#menuWrapper a.LogotDunkel {
	display: block;
	padding-top:15px;
}

#content {
	padding-bottom: 100px;
	z-index: 1;
}

#content ul.menu {
	text-align: center;
	margin: 0;
	padding: 0;
}

#content ul.menu li {
	display: inline-block;
}

#content ul.menu li a {
	color: #000;
	font-size: 18px;
	text-transform: uppercase;
}

#content div.form input, div.form textarea,
#content div.ext_FormBuilder textarea,
#content div.ext_FormBuilder input {
	border: 1px solid #9b5f5f;
	background-color: rgb(229, 205, 201);
	color: #000;
}

#content div.ext_FormBuilder input[type="submit"]:hover {
	background-color: #955b5b !important;
}

#content table strong {
	padding: 5px 0;
	display: inline-block;
}

#content table tr td {
	padding: 20px 0px;
}

.CMScontentGrid .text {
	padding: 20px;
	backdrop-filter: blur(10px);
}

#footer .footerLogo {
	position: absolute;
	top: -30px;
	left: 0;
	display: block;
}

#footer .footerLogo img {
	height: auto;
	width: 90px;
}

#FooterWapper {
	position: absolute;
	width: 100%;
	bottom: 0;
	background-color: #e5cdc9;
	height: 100px;
	z-index: 5;
}

#FooterWapper p.left {
	float: left;
	width: 25%;
	padding: 25px 0px;
}

#FooterWapper p.left b {
	padding: 15px 0px;
	display: inline-block;
}

.width25:only-child {width:auto; height: auto; padding: auto; margin: auto; }
.Leistungen:only-child { padding:auto; margin-right:auto; margin-bottom:auto; min-height:auto; text-alignt:auto; }

@media only screen and  (max-width: 1024px) {
	.minHight90vh {
		min-height: 90vh;
	}

	#content .HintergundBildFixed {
		background-attachment: initial;
		background-position: top center;
	}

	#content .col_4 {
		margin: 0% 0 0% 0%;
	}
}

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

	ul.menu li.expand a,
	#menu ul.menu li.active a {
		background-image: url(Menu-aktiv.png);
		background-size: 35px;
		background-repeat: no-repeat;
		background-position: 16px 13px;
	}

	#logo {
		left: auto;
		right: 25px;
	}
}
@media only screen and (max-width: 700px) {
	.img { max-width: 100%; }
	.col_4 {  margin: 1% 0 1% 0%; }
	.col_1_4, .col_2_4, .col_3_4, .col_4_4 { width: 100%; }
	.backgroundImage { background-size:cover; background-position:center; background-attachment: inherit;}
	.width50 { width:95%; float:none; margin-right:1.8%;}
	.width25 { width:95%; margin-left:1.8%; float:none; text-align: center}
	.width33 { width:95%; margin-left:1.8%; float:none;}
	.width75 { width:95%; margin-left:1.8%; float:none;}
	
	#menuWrapper {z-index: 4;}

	#content .textWrapper {
		padding-right: 15px;
		padding-left: 15px;
	}

	#content .textWrapper  .ext_SlideJS {
		margin-right: -15px;
		margin-left: -15px;
	}
	
	#FooterWapper {
		right:0;
		left: 0;
		width: auto;
		padding: 5%;
	}
	
	#FooterWapper p.left {
		float: left;
		width: 50%;
		padding: 10px;
	}

	#footer #HeaderMenu ul.menu, #footer #HeaderMenu ul.menu li, #footer #HeaderMenu ul.menu li a {
		margin: 0;
		padding: 0;
	}

}