@charset "UTF-8";

/* Farbdefinitionen */
/*
	blau:			#053874
	dunkelbeige:	#7a7361
	hellbeige:		#F0ECE2
*/


/* Standard-Styles für ältere Browser (ausser IE)
*******************************************************************************/
command, datalist, source {
	display: none;
}
article, aside, figure, figcaption, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
figure, menu {
	margin-top: 1em;
	margin-bottom: 1em;
}
dl menu, menu dl, menu menu, menu ol, menu ul {
	margin-bottom: 0;
	margin-top: 0;
}


/* Generell
*******************************************************************************/

* {
	margin: 0;
	padding: 0;
	outline: none;
}

html, body {
	min-height: 100%;
	height: 100%;
 }

/*@media only screen and (max-width: 770px){
	html, body {
		overflow-x: hidden;
	}
}*/

html {
	-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
	-webkit-font-smoothing: antialiased; /* damit im Safari die Schrift nicht Blinkt bei den Animationen vom Flexslider */
	-moz-osx-font-smoothing: grayscale;
}

body {
	margin: 0;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #7a7361;
	background: #fff;
	line-height: 1.5em;
	position: relative;
}

h1 {
	font-size: 32px;
	font-weight: 400;
	padding: 0;
	color: #867a63;
	font-family: "Roboto Slab", Times, serif;
	line-height: 1.3em;
	margin-bottom: 0.5em;
	margin-top: -0.2em;
	width: 100%;
}


h2 {
	font-size: 24px;
	padding: 0;
	color: #053874;
	font-family: "Roboto Slab", Times, serif;
	font-weight: 400;
	line-height: 1.3em;
	margin-bottom: 0.5em;
}

h3 {
	font-size: 20px;
	padding: 0;
	color: #7a7361;
	font-family: 'Roboto Slab', Arial, sans-serif;
	font-weight: 300;
	line-height: 1.3em;
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

h4 {
	font-size: 17px;
	padding: 0;
	color: #26353d;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	line-height: 1.4em;
}

a:link, a:visited {
	text-decoration: none;
	color: #053874;
}

a:hover {
	text-decoration: none;
	color: #7a7361;
}

a.gruen {
	color: #7FB531;
}

img {
	border: none;
}

.clear {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	clear: both;
}

strong {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 700;
}

.thin {
	font-weight: 300 !important;
}

td {
	vertical-align: top;
	text-align: left;
}

.trenner {
	position: relative;
	clear: both;
	margin: 0 auto;
	height: 5px;
	margin-bottom: 60px;
	overflow: hidden;
	background-color: #26353d;
}

.showpad {
	display: none;
}

.desk {
	display: inherit;
}

.mobile {
	display: none;
}

.small {
	font-size: 80%;
}

.nowrap {
	white-space: nowrap;
}

.floatLeft {
	position: relative;
	float: left;
}

.floatRight {
	position: relative;
	float: right;
}

.mobile-br {
	display: none;


}

@media only screen and (max-width: 770px){
	body {
		font-size: 15px;
	}
	.desk {
		display: none !important;
	}
	.mobile {
		display: inherit !important;
	}
	h1, h3.title {
		font-size: 24px;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 18px;
	}
}
@media only screen and (max-width: 480px){
	body {
		/*line-height: 1.4em;*/
	}
}

@media only screen and (max-width: 375px){
	.mobile-br {
	display: block;
		height: 1px;
}
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* Konstrukt
*******************************************************************************/

#outwrap {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	margin: 0 auto -200px auto; /* the bottom margin is the negative value of the footer's height */
	clear: both;
	overflow: hidden;
}

#spaceBottom {
	position: relative;
	clear: both;
	width: 100%;
	height: 200px;
}

.topLink {
	text-align: center;
}

.topLink a {
	display: inline-block;
	width: 29px;
	height: 29px;
	background: url(/_images/top.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

@media only screen and (max-width: 760px){
	#outwrap {
		position: relative;
		min-height: auto;
		height: auto !important;
		height: auto;
		margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
		clear: both;
		overflow: visible;
	}
	#spaceBottom {
		display: none;
	}
}




/* Header
*******************************************************************************/

#header {
	position: relative;
	width: 100%;
	height: 135px;
	background: #fff;
	z-index: 8;
}

#headerWrap {
	position: relative;
	max-width: 985px;
	height: 135px;
	margin: 0 auto;
	padding: 0 15px;
}

#logo {
	position: relative;
	float: left;
	width: 270px;
	height: auto;
	padding: 15px 0 0 0;
	z-index: 9;
}

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

@media only screen and (max-width: 970px){
	#header, #headerWrap {
		height: 110px;
	}
	#logo {
		width: 180px;
		padding: 20px 0 0 0;
	}
}

@media only screen and (max-width: 800px){
	#header, #headerWrap {
		height: 80px;
	}
	#logo {
		padding: 10px 0 0 0;
		left: 50%;
		margin-left: -100px;
	}
}

@media only screen and (max-width: 400px){
	.mobileClear {
		display: block;
		clear: both;
	}
}


/* Headerbild, Slider */
.headerBild {
	position: relative;
	clear: both;
	height: 430px;
	width: 100%;
	z-index: 1;
}

.headerBild2 {
	position: relative;
	clear: both;
	height: 391px;
	width: 100%;
	z-index: 1;
}

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

	.headerBild2 {
	height: 300px;

	}

}


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

	.headerBild2 {
	height: 200px;

	}

}


#boxHomeWrap {

	position: relative;
	margin: auto;
	/*width: 100%;*/
	width: 66%;

}


.homeTitel {
	position: relative;
	width: 100%;
	background: #f0ece2;
	padding: 30px 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.homeTitel article {
	max-width: 985px;
	margin: 0 auto;
}

.homeTitel h1 {
	text-align: center;
	margin-bottom: 0;
	color: #053874;
	font-weight: 500;
}



.flexslider {
	border: 0;
	height: 430px;
	overflow: hidden;
}

.flexslider .slides li {
	height: 430px;
	position: relative;
}

.headlineWrap {
	position: relative;
	max-width: 985px;
	margin: 50px auto 0 auto;
	padding: 0 20px;
}

.headline01 {
	font-size: 28px;
	max-width: 400px;
	font-family: "Roboto Slab", Times, serif;
	color: #7a7361;
	font-weight: 300;
	line-height: 1.8em;
}

.headline01 span {
	background-color: rgba(255,255,255,0.9);
	box-shadow: -.5em 0 0 rgba(255,255,255,0.9), .5em 0 0 rgba(255,255,255,0.9);
}

/* Nur Firefox */
@-moz-document url-prefix() {
    .headline01 {
        background: rgba(255,255,255,0.8);
		padding: 0 15px;
    }
	.headline01 span {
		background: none;
		box-shadow: none;
	}
}


@media only screen and (max-width: 760px){
	.headerBild {
		height: 300px;
	}
	.flexslider {
		height: 300px;
	}
	.flexslider .slides li {
		height: 300px;
	}
	.headlineWrap {
		margin: 20px auto 0 auto;
	}
	.headline01 {
		font-size: 20px;
	}
	#boxHomeWrap {
		width: 100%;
	}
}

@media only screen and (max-width: 500px){
	.headerBild {
		height: 200px;
	}
	.flexslider {
		height: 200px;
	}
	.flexslider .slides li {
		height: 200px;
	}
}




/* Navigation
*******************************************************************************/

/* Headernavigation */

#headerNav {
	position: absolute;
	top: 10px;
	right: 15px;
}

#headerNav ul {
	list-style: none;
}

#headerNav li {
	float: left;
}

#headerNav a.icon {
	border: #053874 1px solid;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	padding: 5px;
	font-size: 16px;
	margin: 0 0 0 5px;
}

#headerNav a.icon:hover {
	border: #7a7361 1px solid;
	color: #7a7361;
	background: #F0ECE2;
}

/* Hauptnavigation */

#navigation {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 340px);
	padding: 65px 0 0 340px;
}

/* Menu-Definitionen im css-File superfish.css */



@media only screen and (max-width: 970px){
	#navigation {
		width: calc(100% - 220px);
		padding: 46px 0 0 220px;
	}
}

@media only screen and (max-width: 860px){
	#navigation {
		padding: 47px 0 0 220px;
	}
}


@media only screen and (max-width: 800px){
	#navigation {
		display: none;
	}
}

a.aktiv {
	color:#053874;
}




/* Content
*******************************************************************************/

.content {
	position: relative;
	max-width: 985px;
	margin: 0 auto;
	padding: 30px 10px;
	line-height: 1.5em;

}

.content2 {
	position: relative;
	max-width: 985px;
	margin: 0 auto;
	padding: 20px 10px 0 10px;
	line-height: 1.5em;

}



.parallax {
	position: relative;
	width: 100%;
	padding: 30px 0 20px 0;
}

.center {
	text-align: center;
}

.content p {
 }


.news {
	background: #003675;
	color: #fff;
	width: 100%;
	font-size: 20px;
}

.news a:link,
.news a:visited {
	color: #fff;
	font-weight: bold;
}

.news a:hover,
.news a:active {
	color: #F0ECE2;
}




/* Boxen Home */
.contentBoxen {
	position: relative;
	max-width: 1005px;
	margin: -15px auto 0 auto;
	padding: 0 15px 40px 15px;
	line-height: 1.5em;
}

.boxHome {
	position: relative;
	float: left;
	/*width: calc(33.333333% - 20px);*/
	width: calc(50% - 20px);
	height: 205px;
	overflow: hidden;
	margin: 0 10px 20px 10px;
	cursor: pointer;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.boxImg {
	position: absolute;
	width: 100%;
	height: 100%;

	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.boxHome:hover .boxImg,
.boxHome:active .boxImg {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.boxOverlay {
	position: absolute;
	bottom: 15px;
	background: rgba(255,255,255,0.8);
	width: 100%;
	height: auto;
	text-align: center;
	color: #053874;
	text-transform: uppercase;
	line-height: 1.4em;
	padding: 5px 0;
	font-size: 17px;
}

.boxOverlay strong {
	font-size: 20px;
	letter-spacing: 0.1em;
}

@media only screen and (max-width: 970px){
	.parallax {
		padding: 0;
	}
}

@media only screen and (max-width: 700px){
	.boxHome {
		height: 120px;
	}
}

@media only screen and (max-width: 480px){
	.boxHome {
		width: calc(100% - 20px);
		height: 205px;
	}
}

/* im Parallax */
.headlineLeft {
	position: relative;
	float: left;
	width: calc(100% - 140px);
	padding-right: 60px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.buttonRight {
	position: relative;
	float: left;
	width: 140px;
}

a.button {
	display: block;
	width: 130px;
	padding: 5px;
	text-align: center;
	background: #053874;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 1.3em;
	font-weight: 400;
}

a.button:hover,
a.button:active {
	background: #7a7361;
	color: #F0ECE2;
}

@media only screen and (max-width: 970px){
	.headlineLeft {
		position: relative;
		float: none;
		width: 100%;
		padding: 0 0 20px 0;
	}
	.buttonRight {
		position: relative;
		float: none;
		width: 140px;
		padding: 0 0 20px 0;
		margin: 0 auto;
	}
}


/* Zitate */

.zitat {
	margin: 10px 0px 0px;
}

.zitat p  {
	color: #053874;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 300;
	padding-bottom: 0 !important;
 }

.zitatCaption {
	font-size: 80%;
	color: #053874;
}

/* Kontaktperson */
.lightBG {
	background: #F0ECE2;
	width: 100%;
}

.portraitBild {
	position: relative;
	float: left;
	width: 180px;
	padding: 20px 0 0 0;
	}

.portraitBild img {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.portraitText {
	position: relative;
	float: left;
	width: calc(100% - 180px);
	padding:30px 0 0 60px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.kontaktpersonInfo {
	margin: 20px 0 0 0;
}

.textGross {
	font-size: 120%;
}

@media only screen and (max-width: 970px){
	.portraitBild {
		position: relative;
		float: none;
		width: 180px;
		padding: 0 0 20px 0;
		margin: 0 auto;
	}
	.portraitText {
		position: relative;
		float: none;
		width: 100%;
		padding: 0 0 20px 0;
	}
}


/* Breadcrumb */
.breadcrumb {
	position: relative;
	width: 100%;
	background: #f0ece2;
	padding: 10px 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.breadcrumb article {
	position: relative;
	max-width: 985px;
	margin: 0 auto;
	font-size: 80%;
	text-transform: uppercase;
}

.breadcrumb a:link,
.breadcrumb a:visited {
	color: #7a7361;
}

.breadcrumb a:hover,
.breadcrumb a:active,
.breadcrumb a.aktiv {
	color: #053874;
}

.breadcrumb .icon {
	font-size: 120%;
	margin-right: 5px;
}

/* Objekte iFrame */

.content iframe {
	width: 100%;
	min-height: 460px;
	height: auto;
	border: none;
	overflow: auto;
}



/* angebot iframe
*******************************************************************************/


.iframe {
	margin: 0 -10px !important;
}

#iFrameAngebote {
    border: none;
    width: 100%;
    min-height: 800px;
		overflow-x: scroll !important;
}

/* @media only screen and (min-width: 480px) {
	#iFrameAngebote {
	    border: none;
	    width: 100%;
	    min-height: 2000px;
	}
}

@media only screen and (min-width: 768px) {
	#iFrameAngebote {
	    border: none;
	    width: 100%;
	    min-height: 1200px;
	}
} */

/* flexbox two-colums
*******************************************************************************/


section.two-colums {
	width: calc(100% + 20px);
	max-width: 1000px;
	min-height: 100%;
	margin: 0 -10px 55px -10px;
	padding: 0;
 	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-direction: row;
	display: -ms-flexbox;
	-ms-flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

}

article.box-mid {
	float: left;
	width: calc(50% - 21px);
 	margin: 10px;
 			background-color: #F0ECE2;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

article.box-mid img {
	width: 100%;
	height: auto;
}

.box-content {
 		 height: auto;


}

 .box-content h3 {
 		color: #053874;
 		font-weight: 700;
 }

 .box-text {
	 padding: 10px;
 }

article.box-mid img {
	width: 100%;
	height: auto;

}

@media only screen and (max-width: 600px){
		article.box-mid {
		width: 100%;
	}

}


/* flexbox tree-colums
*******************************************************************************/


section.tree-colums {
	width: calc(100% + 20px);
	max-width: 1000px;
	min-height: 100%;
	margin: 0 -10px 55px -10px;
	padding: 0;
 	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-direction: row;
	flex-wrap: wrap;

}

article.box-tree {
	float: left;
	width: calc(33.333% - 21px);
 	margin: 10px;
 			background-color: #F0ECE2;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

article.box-tree img {
	width: 100%;
	height: auto;
}

.box-content {

		 height: auto;


}



 article.box-tree .box-content h3 {
 		color: #053874;
 		font-weight: 700;
 		font-size: 14px;
 }

 .box-text {
	 padding: 10px;
 }

article.box-mid img {
	width: 100%;
	height: auto;

}

@media only screen and (max-width: 678px){
		article.box-tree {
		width: 100%;
	}

}


 /* two-col-quarter
********************************************************************************/

article.content-left {
	position: relative;
	float: left;
	width: 63%;
	margin: 0 0 55px 0;

}

aside.contact-info {
	position: relative;
	float: right;
	width: 30%;
	padding: 10px 0;
	margin: 0 0 55px 0;
	text-align: center;
	background-color: #F0ECE2;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


aside.contact-info p, aside.contact-info a {
	color: #000;
}


.contact-info img {
	width: 120px;
	height: auto;
	padding: 0 0 5px 0;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

aside.contact-info p.ansprechpartner {
	color: #053874;
	font-size: 18px;
	text-transform: uppercase;
	padding: 10px 0 3px 0;

}

@media only screen and (max-width: 730px){
	article.content-left, aside.contact-info {
		width: 100%;
		margin: 0 0 55px 0;

	}

}
 /* newsletter archiv
*****************************************************************************/


.newsletter-archiv {

	margin: 25px 0 0 0;
}

aside.newsletter-anmeldung {
	text-align: left;
	padding: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.formNewsletter {
	font-size: 14px;
	width: 100%;
	padding: 3px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}

#submit-newsletter {
	  width: 100px;
      color: #fff;
    background: #053874;
    height: 35px;
    text-align: left;
    border: transparent;
    cursor: pointer;
    margin: 0;
    padding: 0px 0 0 15px;
    font-size: 14px;
    font-weight: bold;


}

#Newsletter {
	margin: 15px 0 5px 0;

}

 /* listing
*****************************************************************************/

.listing {
	margin: 0 0 55px 0;
}

.listing-box {
	width: 100%;
	height: auto;
	padding: 15px;
	background-color: #F0ECE2;
	margin: 0 0 15px 0;
		-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;


}

.listing-img {
	position: relative;
	flex: l;
	float: left;
	margin: 0 0 0 15px;

}

.listing-img-referenzen {
	position: relative;
	float: left;
	width: 312px;
	height: auto;

}

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

		.listing-img-referenzen {
			width: 100%;

		}

}

.listing-img-referenzen img {
width: 100%;
height: auto;

}

.circle-img {
	width: 120px;
	height: auto;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;

}

.listing-text {
	position: relative;
	float: left;
	width: 77%;
	margin: 10px 0 0 35px;
	padding: 0 0 0 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;


}

.listing-text2 {
	position: relative;
	float: left;
	width: 100%;
	margin: 10px 0 0 15px;
	padding: 0 15px 0 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}

.listing-text2 .zitatCaption {
	color: #7a7361;
}

.listing-text-referenzen {
	position: relative;
	float: right;
	width: 65%;
  	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.listing-vereine img {
	 }

@media only screen and (max-width: 992px) {
	.listing-text-referenzen {
		width: 100%;
	}

}


@media only screen and (max-width: 958px) {
		.listing-text, .listing-text2 {
		 	width: 100%;
			margin: 10px 0 0 0;


		}

		.listing-text {
			padding: 0;
		}

		.listing-img {

			margin:0;

		}

}


.listing-text img, .listing-text2 img  {
	position: absolute;
	top: 0;
	left: 0;

}

.pdf {
    display: block;
    padding: 0 0 0 24px;
    background: url(/_images/pdf.gif) no-repeat;
    margin-top: 12px;
}

 /* suchanfrage
*****************************************************************************/

form#suchanfrage-form {
		margin: 25px 0 55px 0;
		padding: 0 10px 0 0;
		-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}

form#suchanfrage-form fieldset {

		padding: 0 5px 0 0;

}

/* fresh
*******************************************************************************/

#designby {
	position: absolute;
	right: 10px;
 	width: 18px;
	height: 93px;
	overflow: hidden;
	bottom: 76px;
}

#designby a {
	display: block;
	width: 18px;
	height: 93px;
	text-indent: -9999px;
	background: url(/_images/fresh.gif) no-repeat;
	border: none;
}



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

	#designby {
	display: none;
}


}


 /* kontakt
*****************************************************************************/


.kontakt-daten {
	position: relative;
	float: left;
	margin: 50px 0 35px 0;
}


@media only screen and (max-width: 958px) {
		.kontakt-daten {
			margin: 0 0 35px 0;

		}


}

.column-first-kontakt {

	position: relative;
	float: left;
	padding: 5px 5px 0 5px;
	width: 77.35035%;

}

.column-second-kontakt {
	position: relative;
	float: left;
	padding: 25px 40px 0 5px;
	width: 38.675175%;

}

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

	.column-first-kontakt {
 	width: 100%;
 	padding: 5px;

}


.column-second-kontakt {
 	width: 100%;
 	padding: 5px;

}

aside.column-aside {
 	width: 100%;

}

}

.interesse {
	margin: 0 0 25px 0;
}

#formular .check input[type=checkbox]{
		width: auto;
		float: left;
		clear:left;
		display: block;
		margin: 0 5px 10px 0px;
		border: none;
		background: #ffffff;
}

#logo-kontakt {
	margin:25px 0 25px 0;

}

#checkbox-wrap {
		display: block;

}

#checkbox-wrap-xs {
		display: none;

}

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

	#checkbox-wrap {
		display: none;

}

#checkbox-wrap-xs {
		display: block;
		margin: 0 0 25px 0;

}


}

#map {
	position: relative;
	float: right;
	width: 50%;
	height: 330px;
	margin: 0 0 55px 0;
}

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

	#map {
	width: 100%;
	}

}


.rechnung {
	position: relative;
	padding: 10px 0 0 130px;
}

.rechnung input {
	margin-top: 7px;
}

@media only screen and (max-width: 735px) {
	.rechnung {
		padding: 10px 0 0 0;
	}
}



 /* Footer
*******************************************************************************/

/* fixed Footer helper */
#push {
	height: 200px; /* push must be the same height as footer 390 */
	clear: both;
}

#footerWrap {
	position: relative;
	height: 200px;
	width: 100%;
	margin: -200px auto 0 auto;
	background: #003675;
	clear: both;
}

#footer {
	position: relative;
	max-width: 1005px;
	margin: 0 auto;
	line-height: 1.5em;
	color: #fff;
	font-size: 14px;
}

.col-1 {
	width: 32%;

}

.col-2 {
	width: 16%;

}

.col-3 {
	width: 20%;

}

.col-4 {

}



#footer a:link, #footer a:visited {
	color: #fff;
}

#footer a:hover, #footer a:active, #footer a.aktiv {
	color: #F0ECE2;
}

.footerSpalte {
	position: relative;
	float: left;
	/* width: calc(25% - 20px); */
	margin: 0 10px;
	padding-top: 30px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#footer-titel {
	display: block;
	margin: 0 0 15px 0;
}

#footer ul {
	list-style: none;
}

.zweispalten {
	position: relative;
	float: left;
	/* width: 50%; */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.label {
	padding: 0 15px 0 0;
}

.zweispalten img {
	width: 100%;
	height: auto;
	max-width: 100px;
}


@media only screen and (max-width: 971px){
	#push {
		display: none;
	}
	#footerWrap {
		height: auto;
		width: 100%;
		margin: 0 auto;
		padding: 0 15px 10px 15px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.col-1 {
	  width: calc(45% - 20px);

	}

	.col-2 {
		 width: calc(25% - 20px);

	}

	.col-3 {
	 width: calc(30% - 20px);

	}

	.col-4 {
		width: 45%;
	}

	.footerSpalte:nth-child(4n) {
		clear: both;

	}
}

@media only screen and (max-width: 640px){
	.footerSpalte {
		width: 100%;
		margin: 0;
	}
}


/* Footernavigation */
#footerNav {
	position: relative;
	max-width: 1200px;
	padding: 0 15px;
	margin: 30px auto 0 auto;
	height: 307px;
	font-size: 14px;
	text-transform: uppercase;
}

#footerNav ul {
	list-style: none;
}

#footerNav li {
	float: left;
	width: 20%;
	font-weight: 700;
	padding-bottom: 5px;
}

#footerNav ul li ul li {
	float: none;
	font-weight: 400;
	width: 100%;
	padding-right: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#footerNav ul li ul li a {
	display: block;
}

.noMobile {
	display: none;
}



@media only screen and (max-width: 1000px){
	#footerNav {
		display: none;
	}
}


/* Fontawsome
*******************************************************************************/

@font-face {
  font-family: 'fontello';
  src: url('/_fonts/font/fontello.eot?10202484');
  src: url('/_fonts/font/fontello.eot?10202484#iefix') format('embedded-opentype'),
	   url('/_fonts/font/fontello.woff?10202484') format('woff'),
	   url('/_fonts/font/fontello.ttf?10202484') format('truetype'),
	   url('/_fonts/font/fontello.svg?10202484#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 1em;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;

	/* You can be more comfortable with increased icons size */
	/* font-size: 120%; */

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

p.social {
	margin-top: 10px;
}

a.icon {
	border: #fff 1px solid;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	padding: 5px;
	font-size: 18px;
}


/* Formulare
*******************************************************************************/

#formularMail {
	display: none;
}

form#Kontakt {
	width: 100%;
	margin: 25px 0 0 0;
}

 form p {
	margin: 0 0 5px 0 !important;
	padding: 0;

}

p.form2 {
	float: left;
	width: 50%;
	padding-right: 20px;

}

p.formPLZ {
	float: left;
	width: 15%;
	padding-right: 20px;

}

p.formOrt {
	float: left;
	width: 35%;
	padding-right: 20px;

}

p.form3 {
	float: left;
	width: 33.3%;
	padding-right: 20px;


}

p.formLeft {
	float: left;
	padding-right: 20px;
}

p.formRight {
	float: right;
	padding-right: 20px;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

fieldset#Anfrage {
	margin-top: 15px;
}

label {
	float: left;
	width: 130px;
}

label.check {
	float: none;
	width: auto;
	display: inline-block;
	margin-right: 40px;
}

.check input {
	margin-right: 10px;
}

.checkWidth {
	min-width: 250px;
}


input.formGross {
	font-size: 14px;
	width: 323px;
 	padding: 3px;
 	border: #A49E88 1px solid;
}



textarea.formGross {
	width: 323px;
	height: 120px;
 	padding: 3px;
 	font-size: 14px;
 	border: #A49E88 1px solid;

  }


	 .check input[type=checkbox]{
		width: auto;
		float: left;
		clear:left;
		display: block;
		margin: 5px 5px 0px 0px;
		border: none;
		background: #ffffff;
	}

	 .check {
		position: relative;
		float: left;
		margin: 0 0 0 20px ;
	}

	.inputs {
		position: relative;
		float: left;
		width: 47%;
		padding: 0 10px 0 0;
	}



 .check label {
		width: auto;
	}

	 #Kontakt span {
		margin: 0 0 15px 0px;
	}

	 	input:hover.sendKontakt,
	 	input:focus.sendKontakt {
		background: #cfc0a4;
	}


#submit-wrap {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	    margin: 0 0 35px 0;

}

p.check-titel {
	font-size: 16px;
 }

select.formGross {
	width: 323px;
	border: #A49E88 1px solid;
	color: #333;
	background: #fff;
	font-size: 14px;
	padding: 3px;
	font-family: 'Open Sans', Arial, sans-serif;
	-webkit-appearance: none;
	border-radius: 0;
}

#submit {
    width: 100px;
      color: #fff;
    background: #053874;
    height: 35px;
    text-align: left;
    border: transparent;
    cursor: pointer;
    margin: 10px 0 0 130px;
    padding: 0px 0 0 15px;
    font-size: 14px;
    font-weight: bold;

}

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

	#submit {


	margin:15px 0 0 0;
	}

}


input:hover.formGross,
input:focus.formGross,
textarea:hover.formGross,
textarea:focus.formGross,
select:hover.formGross,
select:focus.formGross {
 }

input.invalid {
	background: #f6dce2;
}

input.sendKontakt {
	border: none;
	color: #fff;
	background: #4c97cf;
	padding: 12px 15px 8px 15px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	margin-top: 20px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-appearance: none;
	border-radius: 0;
}

input:hover.sendKontakt,
input:focus.sendKontakt {
	background: #184393;
	color: #fff;
}

.formGross::-webkit-input-placeholder {
	color: #888;
}
.formGross:-moz-placeholder { /* Firefox 18- */
	color: #888;
}
.formGross::-moz-placeholder {  /* Firefox 19+ */
	color: #888;
}
.formGross:-ms-input-placeholder {
	color: #888;
}

@media only screen and (max-width: 900px){
	form {
		width: 100%;
		margin-right: 0;
		position: relative;
	}
}

@media only screen and (max-width: 790px){
	p.form3 {
		width: 50%;
	}
}

@media only screen and (max-width: 650px){
	form p, p.formRight {
		padding-right: inherit;
	}
	p.form3, p.form2 {
		width: 100%;
		padding-right: 0;
	}
	p.formPLZ {
		width: 30%;
		padding-right: 10px;
	}
	p.formOrt {
		width: 70%;
		padding-right: 0;
	}
	.checkWidth {
		min-width: 0;
	}
	.formGross, .sendKontakt {
		font-size: 14px !important;
	}
}


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


			.inputs {
				width: 100%;
			}


		 .check {

			margin: 20px 0 0 0;
		}



}

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

 	textarea.formGross {
		width: 100%;
	 }

	input.formGross {
		width: calc(100% - 10px);
	 }

	select.formGross {
		width: 100%;
	 }
}



/* Formular Objektbewertung */
#objektbewertung label {
	width: 230px;
}

#objektbewertung legend {
	font-weight: bold;
	font-size: 16px;
	padding: 15px 0 10px 0;
	display: block;
}

#objektbewertung select.formGross {
	width: 331px;
	border: #A49E88 1px solid;
	color: #333;
	background: #fff;
	font-size: 14px;
	padding: 3px;
	font-family: 'Open Sans', Arial, sans-serif;
	-webkit-appearance: none;
	border-radius: 0;
}

#Wohnungen, #Haeuser {
	display: none;
}

#objektbewertung .rechnung {
	position: relative;
	padding: 10px 0 0 230px;
}

#objektbewertung label.check {
	width: 330px;
	padding-left: 230px;
	display: inline-block;
	margin: 0;
}

p.einrueck {
	padding: 20px 0 20px 230px;
}

#objektbewertung #submit {
    margin: 10px 0 40px 230px;
}

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

 	#objektbewertung textarea.formGross {
		width: 100%;
	 }

	#objektbewertung input.formGross {
		width: calc(100% - 40px);
	 }

	#objektbewertung select.formGross {
		width: calc(100% - 30px);
	 }

	#objektbewertung label.check {
		padding-left: 0;
	}

	#objektbewertung .rechnung {
		padding: 10px 0 0 0;
	}

	p.einrueck {
		padding: 20px 0 20px 0;
	}

	#objektbewertung #submit {
		margin: 10px 0 40px 0;
	}
}



/* Admin WebEdition
*******************************************************************************/

.admin {
	color: #C30;
}

div.admin {
	position: relative;
	background: #cce3f0;
	color: #000;
	width: auto;
	padding: 20px;
	margin: 10px 20px 10px 20px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.admin50 {
	width: calc(50% - 40px) !important;
}

p.admin {
	font-size: 14px;
}

.admin .mehr {
	color: #333;
}