/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

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

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/***** ***** ***** ***** ***** ***** ***** *****/
/*
/*  © P-DESIGN.DE
/*
/*  © ROBERT PLAGENS
/*
/*  E-MAIL: INFO(AT)P-DESIGN.DE
/*
/*  DO NOT COPY! 
/*
/***** ***** ***** ***** ***** ***** ***** *****/


body {
	font-size: 30px;
}
.clearfix {
	clear: both;
	height: 0;
	width: 0;
}
@media only screen and (max-width: 1830px) {
	body {
		font-size: 26px;
	}
}
@media only screen and (max-width: 1600px) {
	body {
		font-size: 20px;
	}
}
@media only screen and (max-width: 1250px) {
	body {
		font-size: 16px;
	}
}
@media only screen and (max-width: 1015px) {
	body {
		font-size: 13px;
	}
}
@media only screen and (max-width: 780px) {
	body {
		font-size: 11px;
	}
}






/* 
Hauptmenü (.main-menu) 
*/

.main-container {
	width: 100%;
	max-width: 1920px;
	background-color: #fff;
	position: relative;
	margin: 0 auto;
}
					@media only screen and (min-width: 800px) {
						.main-container {
							width: 95%;
							max-width: 1920px;
							box-shadow: 0px 3px 5px #333;
							margin-bottom: 3em;
						}
					}
					@media only screen and (min-width: 1920px) {
						.main-container {
							width: 100%;
						}
					}

.main-menu {
	position: fixed;
	z-index: 998;
	top: 0;
	left: 0;
	width: 100%;
	height: 190px;
	background-image: url(../img/layout/gradient1.jpg);
	background-size: auto 100%;
	max-width: 1920px;
}
					@media only screen and (min-width: 800px) {
						.main-menu {
							width: 95%;
							max-width: 1920px;
							margin-left: 2.5%;
						}
					}
					@media only screen and (min-width: 1920px) {
						.main-menu {
							width: 1920px;
							left: 50%;
							margin-left: -960px;
						}
					}

.main-menu-inhalt {
	position: relative;
	width: 100%;
	height: 100%;
}

	.logo {
		font-family: Palatino, "Times New Roman", Times, Baskerville, Georgia, serif;
		font-weight: bold;
		color: #404040;
		left: 8.2%;
		bottom: 16%;
		max-width: 30%;
		display: inline-block;
		position: absolute;
		text-decoration: none;
	}
		.logo span {
			display: block;
		}
		.logo span.logo-heading {
			font-size: 150%;
		}
		.logo span.logo-sub {
			font-size: 125%;
		}

	.main-menu-buttons, .mobmenu-button {
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-weight: bold;
		right: 8.2%;
		bottom: 18%;
		display: inline-block;
		position: absolute;
		width: 50%;
		text-align: right;
	}

	.mobmenu-button {
		display: none;
	}

		.main-menu-buttons a {
			font-size: 120%;
			text-decoration: none;
			color: #404040;
			margin-left: 10%;
		}
		.main-menu-buttons a:hover {
			color: #5f5f5f;
		}


					@media only screen and (max-width: 1830px) {
						.main-menu {
							height: 170px;
						}
					}
					@media only screen and (max-width: 1600px) {
						.main-menu {
							height: 130px;
						}
					}
					@media only screen and (max-width: 1250px) {
						.main-menu {
							height: 115px;
						}
					}
					@media only screen and (max-width: 1015px) {
						.main-menu {
							height: 88px;
						}
					}
					@media only screen and (max-width: 780px) {
						.main-menu {
							height: 75px;
						}
					}
					@media only screen and (max-width: 680px) {
						.logo {
							max-width: 50%;
						}
						.main-menu {
							overflow: hidden;
							transition: height 0.1s linear;
						}
						.main-menu-inhalt {
							height: 75px;
						}
						.main-menu-buttons {
							top: 90px;
							text-align: center;
							width: 100%;
						}
						.main-menu-buttons a {
							display: block;
							width: 100%;
							padding: 15px 0;
							font-size: 180%;
						}
						.mobmenu-button {
							display: inline-block;
							background-image: url(../img/layout/mobmenu-button.svg);
							background-repeat: no-repeat;
							background-position: bottom right;
							background-size: auto 80%;
							width: 70px;
							height: 50px;
							cursor: pointer;
						}
						.mobmenu-button-closed {
							background-image: url(../img/layout/mobmenu-button.svg);
						}
						.mobmenu-button-open {
							background-image: url(../img/layout/mobmenu-button2.svg);
						}
						@media only screen and (min-width: 350px) {
							.mobmenu-button-closed:after,
							.mobmenu-button-open:after {
								font-weight: bold;
								position: absolute;
								bottom: 0px;
								right: 33px;
							}
							.mobmenu-button-closed:after {
								content: "Menü";
								font-size: 122%;
							}
							.mobmenu-button-open:after {
								content: "schließen";
								font-size: 115%;
							}
						}
						.mobmenu-open {
							height: 295px;
						}
					}





/* 
Bildwechsler (.top-slider) 
*/

.top-slider-continer {
	position: relative;
	width: 100%;
	height: 1050px;
	background-color: #555;
	overflow: hidden;
}

.slider-dots-container {
	position: absolute;
	bottom: 4%;
	left: 50%;
	height: 65px;
	width: 260px;
	margin-left: -130px;
}
.slider-dots {
	width: 25px;
	height: 25px;
	margin: 20px;
	border-radius: 50%;
	float: left;
	background-color: #C0Ab92;
	border: 2px solid #fff;
	border: 2px solid RGBA(255, 255, 255, 0.6);
	box-sizing: border-box;
}
.slider-dot-1 {
		-webkit-animation: sliderdoteins 24s linear infinite;
		animation: sliderdoteins 24s linear infinite;
}
	@-webkit-keyframes sliderdoteins {
		0%{background-color: #E8CFB2;}
		22%{background-color: #E8CFB2;}
		
		25%{background-color: #C0Ab92;}
		47%{background-color: #C0Ab92;}
		
		50%{background-color: #C0Ab92;}
		72%{background-color: #C0Ab92;}
		
		75%{background-color: #C0Ab92;}
		97%{background-color: #C0Ab92;}
		
		100%{background-color: #E8CFB2;}
	}
	@keyframes sliderdoteins {
		0%{background-color: #E8CFB2;}
		22%{background-color: #E8CFB2;}
		
		25%{background-color: #C0Ab92;}
		47%{background-color: #C0Ab92;}
		
		50%{background-color: #C0Ab92;}
		72%{background-color: #C0Ab92;}
		
		75%{background-color: #C0Ab92;}
		97%{background-color: #C0Ab92;}
		
		100%{background-color: #E8CFB2;}
	}
.slider-dot-2 {
		-webkit-animation: sliderdotzwei 24s linear infinite;
		animation: sliderdotzwei 24s linear infinite;
}
	@-webkit-keyframes sliderdotzwei {
		0%{background-color: #C0Ab92;}
		22%{background-color: #C0Ab92;}
		
		25%{background-color: #E8CFB2;}
		47%{background-color: #E8CFB2;}
		
		50%{background-color: #C0Ab92;}
		72%{background-color: #C0Ab92;}
		
		75%{background-color: #C0Ab92;}
		97%{background-color: #C0Ab92;}
		
		100%{background-color: #C0Ab92;}
	}
	@keyframes sliderdotzwei {
		0%{background-color: #C0Ab92;}
		22%{background-color: #C0Ab92;}
		
		25%{background-color: #E8CFB2;}
		47%{background-color: #E8CFB2;}
		
		50%{background-color: #C0Ab92;}
		72%{background-color: #C1AC93;}
		
		75%{background-color: #C0Ab92;}
		97%{background-color: #C0Ab92;}
		
		100%{background-color: #C0Ab92;}
	}
.slider-dot-3 {
		-webkit-animation: sliderdotdrei 24s linear infinite;
		animation: sliderdotdrei 24s linear infinite;
}
	@-webkit-keyframes sliderdotdrei {
		0%{background-color: #C0Ab92;}
		22%{background-color: #C0Ab92;}
		
		25%{background-color: #C0Ab92;}
		47%{background-color: #C0Ab92;}
		
		50%{background-color: #E8CFB2;}
		72%{background-color: #E8CFB2;}
		
		75%{background-color: #C0Ab92;}
		97%{background-color: #C0Ab92;}
		
		100%{background-color: #C0Ab92;}
	}
	@keyframes sliderdotdrei {
		0%{background-color: #C0Ab92;}
		22%{background-color: #C0Ab92;}
		
		25%{background-color: #C0Ab92;}
		47%{background-color: #C0Ab92;}
		
		50%{background-color: #E8CFB2;}
		72%{background-color: #E8CFB2;}
		
		75%{background-color: #C0Ab92;}
		97%{background-color: #C0Ab92;}
		
		100%{background-color: #C0Ab92;}
	}
.slider-dot-4 {
	margin-right: 5px;
		-webkit-animation: sliderdotvier 24s linear infinite;
		animation: sliderdotvier 24s linear infinite;
}
	@-webkit-keyframes sliderdotvier {
		0%{background-color: #C0Ab92;}
		22%{background-color: #C0Ab92;}
		
		25%{background-color: #C0Ab92;}
		47%{background-color: #C0Ab92;}
		
		50%{background-color: #C0Ab92;}
		72%{background-color: #C0Ab92;}
		
		75%{background-color: #E8CFB2;}
		97%{background-color: #E8CFB2;}
		
		100%{background-color: #C0Ab92;}
	}
	@keyframes sliderdotvier {
		0%{background-color: #C0Ab92;}
		22%{background-color: #C0Ab92;}
		
		25%{background-color: #C0Ab92;}
		47%{background-color: #C0Ab92;}
		
		50%{background-color: #C0Ab92;}
		72%{background-color: #C0Ab92;}
		
		75%{background-color: #E8CFB2;}
		97%{background-color: #E8CFB2;}
		
		100%{background-color: #C0Ab92;}
	}

/*
					@media only screen and (max-width: 1830px) {
					}
					@media only screen and (max-width: 1600px) {
					}
					@media only screen and (max-width: 1250px) {
					}
					@media only screen and (max-width: 1015px) {
					}
					@media only screen and (max-width: 780px) {
					}
					@media only screen and (max-width: 680px) {
					}
*/

					@media only screen and (max-width: 1830px) {
						.top-slider-continer {
							height: 940px;
						}
					}
					@media only screen and (max-width: 1600px) {
						.top-slider-continer {
							height: 820px;
						}
					}
					@media only screen and (max-width: 1400px) {
						.top-slider-continer {
							height: 710px;
						}
					}
					@media only screen and (max-width: 1250px) {
						.top-slider-continer {
							height: 610px;
						}
						.slider-dots-container {
							height: 35px;
							width: 144px;
							margin-left: -72px;
						}
						.slider-dots {
							width: 16px;
							height: 16px;
							margin: 10px;
							border-width: 1px;
						}
					}
					@media only screen and (max-width: 1050px) {
						.top-slider-continer {
							height: 565px;
						}
					}
					@media only screen and (max-width: 950px) {
						.top-slider-continer {
							height: 470px;
						}
					}
					@media only screen and (max-width: 800px) {
						.top-slider-continer {
							height: 420px;
						}
					}
					@media only screen and (max-width: 680px) {
						.top-slider-continer {
							height: 380px;
						}
					}
					@media only screen and (max-width: 620px) {
						.top-slider-continer {
							height: 300px;
						}
					}
					@media only screen and (max-width: 500px) {
						.top-slider-continer {
							margin-top: 40px;
							height: 230px;
						}
					}
					@media only screen and (max-width: 400px) {
						.top-slider-continer {
							height: 200px;
						}
					}
					@media only screen and (max-width: 350px) {
						.top-slider-continer {
							height: 180px;
						}
					}
					@media only screen and (max-width: 290px) {
						.top-slider-continer {
							height: 0px;
						}
					}

.top-slider-slider {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 400%;
	height: 100%;
	background-color: #777;
		-webkit-animation: topslider 24s linear infinite;
		animation: topslider 24s linear infinite;
}
/*
Animation für Bildwechsler
*/
	@-webkit-keyframes topslider {
		0%{left: 0px;}
		22%{left: 0px;}
		
		25%{left: -100%;}
		47%{left: -100%;}
		
		50%{left: -200%;}
		72%{left: -200%;}
		
		75%{left: -300%;}
		97%{left: -300%;}
		
		100%{left: 0;}
	}
	@keyframes topslider {
		0%{left: 0px;}
		22%{left: 0px;}
		
		25%{left: -100%;}
		47%{left: -100%;}
		
		50%{left: -200%;}
		72%{left: -200%;}
		
		75%{left: -300%;}
		97%{left: -300%;}
		
		100%{left: 0;}
	}
.top-slider-slide {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 25%;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.top-slider-slide-1 {
	background-image: url(../img/topslider/110.jpg);
	background-size: 145%;
	background-position: 33% 34%;
}
.top-slider-slide-2 {
	background-image: url(../img/topslider/290.jpg);
	background-size: 105%;
	background-position: 55% -20%;
}
.top-slider-slide-3 {
	background-image: url(../img/topslider/40.jpg);
	background-size: 100%;
	background-position: center bottom;
}
.top-slider-slide-4 {
	background-image: url(../img/umgebung/001.jpg);
	background-size: 100%;
	background-position: center bottom;
}







/*
					@media only screen and (max-width: 1830px) {
					}
					@media only screen and (max-width: 1600px) {
					}
					@media only screen and (max-width: 1250px) {
					}
					@media only screen and (max-width: 1015px) {
					}
					@media only screen and (max-width: 780px) {
					}
					@media only screen and (max-width: 680px) {
					}
*/


.brownstripes {
	height: 0.12em;
	width: 19.5%;
	background: #998875;
	position: absolute;
}
	.brownstripes-top-left {
		left: 8%;
		top: 4.5em;
	}
	.brownstripes-top-right {
		right: 8%;
		top: 4.5em;
	}
	.brownstripes-middle {
		position: relative;
		margin: 4em auto;
		width: 24%;
	}





.main-content-container {
	position: relative;
	background-image: url(../img/layout/gradient1.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	background-size: 100% 80em;
}

					@media only screen and (max-width: 600px) {
						.main-content-container {
							background-size: 100% 50em;
						}
					}
.main-content-container p {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 125%;
	line-height: 1.6em;
	color: #7F7F7F;
}
.main-content-container h1,
.main-content-container h2,
.main-content-container h3,
.main-content-container h4 {
	font-family: Palatino, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-weight: bold;
	color: #4A4A4A;
	font-size: 200%;
}
section {
	padding-left: 8.2%;
	padding-right: 8.2%;
	width: 100%;
	height: auto;
	box-sizing: border-box;
}
.einleitung {
	background: url(../img/layout/gradient2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% 80%;
	padding-top: 6em;
	text-align: center;
	position: relative;
}

					@media only screen and (max-width: 1600px) {
						.brownstripes {
							width: 19.5%;
						}
							.brownstripes-top-left {
								left: 8%;
								top: 4em;
							}
							.brownstripes-top-right {
								right: 8%;
								top: 4em;
							}
						.einleitung {
							padding: 5.5em 8.2% 0em 8.2%;
						}
					}




.quickselect-container {
	height: 580px;
	width: 100%;
	margin-top: 4em;
	position: relative;
}
	.quickselect {
		height: 100%;
		width: 45.3%;
		position: absolute;
		top: 0px;
		box-shadow: none;
		text-decoration: none;
		transition: all 0.1s linear;
	}
	.quickselect:hover {
		border-color: #444;
		box-shadow: 0px 3px 20px #888;
		-ms-transform: scale(1.02);
		-webkit-transform: scale(1.02);
		transform: scale(1.02);
	}
		.quickselect-fewo {
			left: 0px;
		}
		.quickselect-surroundings {
			right: 0px;
		}
	.quickselect-image {
		width: 100%;
		height: 68%;
		background: #fff;
		background-size: 100% auto;
		background-repeat: no-repeat;
	}
		.quickselect-image-fewo {
			background-image: url(../img/layout/quickselect-fewo.jpg);
			background-position: center;
		}
		.quickselect-image-surroundings {
			background-image: url(../img/layout/quickselect-surroundings.jpg);
			background-position: bottom center;
		}
	.quickselect-text {
		width: 100%;
		height: 32%;
		background: #E5CDAF;
	}
	.quickselect-text span {
			display: block;
			height: 50%;
			text-align: center;
	}
		.quickselect-text-heading {
			font-family: Palatino, "Times New Roman", Times, Baskerville, Georgia, serif;
			font-weight: bold;
			color: #4A4A4A;
			font-size: 150%;
			line-height: 2.6em;
			position: relative;
		}
			.quickselect-text-heading:after {
				content: " ";
				position: absolute;
				height: 0.07em;
				width: 15%;
				background: #998876;
				bottom: -0.15em;
				left: 0px;
				margin-left: 43.5%;
			}
		.quickselect-text-sub {
			font-size: 120%;
			line-height: 2.2em;
			color: #fff;
		}

					@media only screen and (max-width: 1830px) {
						.quickselect-container {
							height: 500px;
						}
					}
					@media only screen and (max-width: 1600px) {
						.quickselect-container {
							height: 400px;
						}
					}
					@media only screen and (max-width: 1250px) {
						.quickselect-container {
							height: 320px;
						}
					}
					@media only screen and (max-width: 1015px) {
						.quickselect-container {
							height: 270px;
						}
					}
					@media only screen and (max-width: 830px) {
						.quickselect-container {
							height: 230px;
						}
					}
					@media only screen and (max-width: 780px) {
						.quickselect-container {
							height: 200px;
						}
					}
					@media only screen and (max-width: 610px) {
						.quickselect-container {
							height: 180px;
						}
					}
					@media only screen and (max-width: 560px) {
						.quickselect-container {
							height: 160px;
						}
						.quickselect-image {
							height: 62%;
						}
						.quickselect-text {
							height: 38%;
						}
					}
					@media only screen and (max-width: 480px) {
						.quickselect-container {
							height: 150px;
						}
						.quickselect-image {
							height: 57%;
						}
						.quickselect-text {
							height: 43%;
						}
					}
					@media only screen and (max-width: 420px) {
						.quickselect-container {
							height: 220px;
						}
							.quickselect {
								width: 40%;
								position: relative;
								left: 0px;
								top: 0px;
							}
								.quickselect-surroundings {
									position: relative;
									top: 3em;
								}
							.quickselect-image {
								height: 68%;
							}
							.quickselect-text {
								height: 32%;
							}
								.quickselect-text-heading {
									font-size: 165%;
								}
					}
					@media only screen and (max-width: 310px) {
						.quickselect-container {
							display: none;
						}
					}







.welcome,
.fewo,
.umgebung {
	background: #fff;
	padding-top: 3.2em;
	padding-bottom: 1em;
}
.unterschrift {
	font-size: 150%;
	font-family: "Bradley Hand";
	text-align: right;
	display: block;
}
					@media only screen and (max-width: 420px) {
						.welcome {
							padding-top: 290px;
						}
					}



.text-ohne-abstand {
	margin-top: 0;
	padding-top: 0;
}



.header-with-stars {
	display: inline-block;
	padding-right: 2em;
	background-image: url(../img/layout/3stars.png);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 1.7em auto;
}




.ausstattung-liste {
	font-family: Palatino, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-size: 150%;
	font-weight: bold;
	list-style-type: none;
	margin: 0px;
	margin-top: 3em;
	padding: 0px;
}
.ausstattung-liste li {
	display: block;
	padding: 1em 0px 1em 3em;
	min-height: 3em;
	line-height: 1.5em;
	display: table;
	background-image: url(../img/layout/haken.png);
	background-position: left 43%;
	background-repeat: no-repeat;
	background-size: auto 50%;
	color: #444;
}
	@media only screen and (min-width: 300px){
		.ausstattung-liste li.ausstattung-liste-oneline {
			line-height: 3em;
		}
	}





.fewo-preise-container {
	width: 100%;
	height: 500px;
	margin-top: 6em;
	position: relative;
}
.fewo-preise-box {
	width: 33.3%;
	box-sizing: border-box;
	height: 100%;
	background-color: #E8CFB2;
	float: left;
	position: relative;
	margin: 0px;
	padding: 1em 0.8em 1em 0.8em;
	color: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.fewo-preise-kleinebox-links,
.fewo-preise-kleinebox-rechts {
	-ms-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
.fewo-preise-kleinebox-links {
	left: -2em;
}
.fewo-preise-kleinebox-rechts {
	right: -2em;
}


.fewo-preise-box p.fewo-preise-preistext {
	font-family: Palatino, "Times New Roman", Times, Baskerville, Georgia, serif;
	color: #444;
	font-weight: bold;
	font-size: 150%;
	position: relative;
	text-align: center;
}
.fewo-preise-box span {
	display: inline-block;
}
.fewo-preise-box span.fewo-preise-preis {
	font-size: 170%;
	padding-right: 0.2em;
}
.fewo-preise-preis-taleft {
	text-align: left;
}
.fewo-preise-box ul li {
	margin: 1em 0px 1em 2em;
}

.brownstripes-preise {
	width: 80%;
	margin: 0px auto;
	padding: 0px;
	position: relative;
	left: 0; right: 0;
	top: -0.3em; bottom: 0;
}



					@media only screen and (max-width: 1830px) {
						.fewo-preise-container {
							height: 450px;
						}
					}
					@media only screen and (max-width: 1600px) {
						.fewo-preise-container {
							height: 350px;
						}
					}
					@media only screen and (max-width: 1400px) {
						.fewo-preise-container {
							height: 340px;
						}
					}
					@media only screen and (max-width: 1250px) {
						.fewo-preise-container {
							height: 270px;
						}
					}
					@media only screen and (max-width: 1015px) {
						.fewo-preise-container {
							height: 220px;
						}
						.fewo-preise-box ul li {
							margin-left: 0.8em;
						}
					}
					@media only screen and (max-width: 780px) {
						.fewo-preise-container {
							height: 190px;
						}
					}
					@media only screen and (max-width: 680px) {
						.fewo-preise-container {
							height: 180px;
						}
						.fewo-preise-box ul li {
							margin-left: 0px;
						}
					}
					@media only screen and (max-width: 580px) {
						.fewo-preise-container {
							height: auto;
						}
						.fewo-preise-box {
							width: 100%;
							-ms-transform: scale(1);
							-webkit-transform: scale(1);
							transform: scale(1);
							left: 0; right: 0;
							margin-top: 2em;
							margin-bottom: 2em;
						}
						.fewo-preise-box ul li {
							margin-left: 2em;
							float: left;
							box-sizing: border-box;
						}
					}
					@media only screen and (max-width: 370px) {
						.fewo-preise-box ul li {
							float: none;
						}
					}








.disclaimer-lines {
	margin: 2em 0px 2em 0px;
	color: #aaa;
}
.disclaimer-lines span {
	display: block;
	line-height: 2.5em;
	font-size: 85%;
}


/*
Bildershow Fewo und Umgebung
*/

.slider-choice-container {
	width: 100%;
	height: 930px;
	overflow: hidden;
	position: relative;
}
.slider-choice-slider {
	position: absolute;
	height: 100%;
	box-sizing: border-box;
	left: 0px;
	margin-left: 0px;
	/*
	transition: left 0.2s linear;
	*/
}

.slider-choice-slide {
	height: 100%;
	box-sizing: border-box;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.slider-choice-slide-text {
	position: absolute;
	bottom: 0px;
	right: 0px;
	left: 0px;
	height: 155px;
	width: 100%;
	background-color: #E5CDAF;
	display: table;
	box-sizing: border-box;
	padding-top: 30px;
	padding-bottom: 25px;
}


.slider-choice-slide-text-heading,
.slider-choice-slide-text-subtext {
	bottom: 0px;
	box-sizing: border-box;
	width: auto;
	display: table-cell;
	vertical-align: middle;
}
.slider-choice-slide-text-heading {
	left: 0px;
	text-align: right;
	padding-left: 8.2%;
	padding-right: 0.8em;
	font-family: Palatino, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-size: 150%;
	font-weight: bold;
	border-right: 0.1em solid #998875;
}
.slider-choice-slide-text-subtext {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 120%;
	line-height: 1.2em;
	color: #fff;
	padding-left: 1em;
	padding-right: 8.2%;
	width: 75%;
}



/*
Buttons für nächste/letzte Bilder
*/
.button-last-slide,
.button-next-slide {
	position: absolute;
	top: 44%;
	height: 130px;
	margin-top: -65px;
	width: 65px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	cursor: pointer;
	transition: all 0.1s linear;
}
	.button-last-slide:hover,
	.button-next-slide:hover {
		-ms-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	.button-last-slide {
		margin-left: 4%;
		left: 0px;
		background-image: url(../img/layout/arrow-left.svg);
	}
	.button-next-slide {
		margin-right: 4%;
		right: 0px;
		background-image: url(../img/layout/arrow-right.svg);
	}




#slider-choice-fewo-slider {
	width: 1000%;
}
.slider-choice-fewo-slide {
	width: 10%;
}



.slider-choice-fewo-slide-1 {
	background-image: url(../img/fewo/70.jpg);
	background-position: center -150px;
}
.slider-choice-fewo-slide-2 {
	background-image: url(../img/fewo/40.jpg);
	background-position: center -75px;
}
.slider-choice-fewo-slide-3 {
	background-image: url(../img/fewo/120.jpg);
	background-position: center -170px;
}
.slider-choice-fewo-slide-4 {
	background-image: url(../img/fewo/110.jpg);
	background-position: center -75px;
}
.slider-choice-fewo-slide-5 {
	background-image: url(../img/fewo/290.jpg);
	background-position: center -75px;
}
.slider-choice-fewo-slide-6 {
	background-image: url(../img/fewo/tuer.jpg);
	background-position: center top;
	background-size: 82% auto;
}
.slider-choice-fewo-slide-7 {
	background-image: url(../img/fewo/291.jpg);
	background-position: center top;
}
.slider-choice-fewo-slide-8 {
	background-image: url(../img/fewo/fenster.jpg);
	background-position: center top;
	background-size: 82% auto;
}
.slider-choice-fewo-slide-9 {
	background-image: url(../img/fewo/130.jpg);
	background-position: center top;
	background-size: 82% auto;
}
.slider-choice-fewo-slide-10 {
	background-image: url(../img/fewo/100.jpg);
	background-position: center top;
}



#slider-choice-umgebung-slider {
	width: 1000%;
}
.slider-choice-umgebung-slide {
	width: 10%;
}



.slider-choice-umgebung-slide-1 {
	background-image: url(../img/umgebung/400.jpg);
	background-position: center -140px;
}
.slider-choice-umgebung-slide-2 {
	background-image: url(../img/umgebung/300.jpg);
	background-position: center top;
	background-size: 100% auto;
}
.slider-choice-umgebung-slide-3 {
	background-image: url(../img/umgebung/160.jpg);
	background-position: center -100px;
}
.slider-choice-umgebung-slide-4 {
	background-image: url(../img/umgebung/151.jpg);
	background-position: center top;
	background-size: 82% auto;
}
.slider-choice-umgebung-slide-5 {
	background-image: url(../img/umgebung/152.jpg);
	background-position: center top;
	background-size: 82% auto;
}
.slider-choice-umgebung-slide-6 {
	background-image: url(../img/umgebung/001.jpg);
	background-position: center top;
	background-size: 82% auto;
}
.slider-choice-umgebung-slide-7 {
	background-image: url(../img/umgebung/250257.jpg);
	background-position: center top;
	background-size: 82% auto;
}
.slider-choice-umgebung-slide-8 {
	background-image: url(../img/umgebung/287.jpg);
	background-position: center top;
	background-size: 82% auto;
}
.slider-choice-umgebung-slide-9 {
	background-image: url(../img/umgebung/153.jpg);
	background-position: center top;
	background-size: 82% auto;
}
.slider-choice-umgebung-slide-10 {
	background-image: url(../img/umgebung/280.jpg);
	background-position: center top;
	background-size: 82% auto;
}







					@media only screen and (max-width: 1830px) {
						.slider-choice-container {
							height: 850px;
						}
						.slider-choice-slide-text {
							height: 130px;
						}
						.button-last-slide,
						.button-next-slide {
							top: 42%;
							height: 100px;
							margin-top: -50px;
							width: 50px;
						}
						.slider-choice-fewo-slide-1 {
							background-position: center -130px;
						}
						.slider-choice-fewo-slide-2 {
							background-position: center -45px;
						}
						.slider-choice-fewo-slide-3 {
							background-position: center -145px;
						}
						.slider-choice-fewo-slide-4 {
							background-position: center -45px;
						}
						.slider-choice-fewo-slide-5 {
							background-position: center -55px;
						}
						.slider-choice-fewo-slide-6 {
							background-size: 84% auto;
						}
						.slider-choice-fewo-slide-8 {
							background-size: 84% auto;
						}

						.slider-choice-umgebung-slide-1 {
							background-position: center -130px;
						}
						.slider-choice-umgebung-slide-3 {
							background-position: center -100px;
						}
						.slider-choice-fewo-slide-9,
						.slider-choice-umgebung-slide-4,
						.slider-choice-umgebung-slide-5,
						.slider-choice-umgebung-slide-6,
						.slider-choice-umgebung-slide-7,
						.slider-choice-umgebung-slide-8,
						.slider-choice-umgebung-slide-9,
						.slider-choice-umgebung-slide-10 {
							background-size: 84% auto;
						}
					}
					@media only screen and (max-width: 1600px) {
						.slider-choice-container {
							height: 755px;
						}
						.slider-choice-slide-text {
							height: 100px;
							padding-top: 26px;
							padding-bottom: 22px;
						}
						.button-last-slide,
						.button-next-slide {
							top: 41%;
							height: 80px;
							margin-top: -40px;
							width: 40px;
						}
						.slider-choice-fewo-slide-1 {
							background-position: center -100px;
						}
						.slider-choice-fewo-slide-2 {
							background-position: center -35px;
						}
						.slider-choice-fewo-slide-3 {
							background-position: center -135px;
						}
						.slider-choice-fewo-slide-4 {
							background-position: center -35px;
						}
						.slider-choice-fewo-slide-5 {
							background-position: center -45px;
						}
						.slider-choice-fewo-slide-6 {
							background-size: 87% auto;
						}
						.slider-choice-fewo-slide-8 {
							background-size: 87% auto;
						}

						.slider-choice-umgebung-slide-1 {
							background-position: center -120px;
						}
						.slider-choice-umgebung-slide-3 {
							background-position: center -80px;
						}
						.slider-choice-fewo-slide-9,
						.slider-choice-umgebung-slide-4,
						.slider-choice-umgebung-slide-5,
						.slider-choice-umgebung-slide-6,
						.slider-choice-umgebung-slide-7,
						.slider-choice-umgebung-slide-8,
						.slider-choice-umgebung-slide-9,
						.slider-choice-umgebung-slide-10 {
							background-size: 87% auto;
						}
					}
					@media only screen and (max-width: 1400px) {
						.slider-choice-container {
							height: 630px;
						}
						.slider-choice-fewo-slide-6 {
							background-size: 88% auto;
						}
						.slider-choice-fewo-slide-8 {
							background-size: 88% auto;
						}
						.slider-choice-fewo-slide-9,
						.slider-choice-umgebung-slide-4,
						.slider-choice-umgebung-slide-5,
						.slider-choice-umgebung-slide-6,
						.slider-choice-umgebung-slide-7,
						.slider-choice-umgebung-slide-8,
						.slider-choice-umgebung-slide-9,
						.slider-choice-umgebung-slide-10 {
							background-size: 88% auto;
						}
					}
					@media only screen and (max-width: 1250px) {
						.slider-choice-container {
							height: 560px;
						}
						.slider-choice-slide-text {
							height: 90px;
							padding-top: 20px;
							padding-bottom: 18px;
						}
						.button-last-slide,
						.button-next-slide {
							top: 41.5%;
							height: 70px;
							margin-top: -35px;
							width: 35px;
						}
						.slider-choice-fewo-slide-1 {
							background-position: center -90px;
						}
						.slider-choice-fewo-slide-2 {
							background-position: center -20px;
						}
						.slider-choice-fewo-slide-3 {
							background-position: center -100px;
						}
						.slider-choice-fewo-slide-4 {
							background-position: center -20px;
						}
						.slider-choice-fewo-slide-5 {
							background-position: center -35px;
						}
						.slider-choice-fewo-slide-6 {
							background-size: 80% auto;
						}
						.slider-choice-fewo-slide-8 {
							background-size: 80% auto;
						}

						.slider-choice-umgebung-slide-1 {
							background-position: center -90px;
						}
						.slider-choice-umgebung-slide-3 {
							background-position: center -90px;
						}
						.slider-choice-fewo-slide-9,
						.slider-choice-umgebung-slide-4,
						.slider-choice-umgebung-slide-5,
						.slider-choice-umgebung-slide-6,
						.slider-choice-umgebung-slide-7,
						.slider-choice-umgebung-slide-8,
						.slider-choice-umgebung-slide-9,
						.slider-choice-umgebung-slide-10 {
							background-size: 80% auto;
						}
					}
					@media only screen and (max-width: 1050px) {
						.slider-choice-container {
							height: 480px;
						}
						.slider-choice-slide-text {
							height: 80px;
							padding-top: 20px;
							padding-bottom: 18px;
						}
						.slider-choice-slide-text-heading {
							font-size: 150%;
						}
						.slider-choice-slide-text-subtext {
							font-size: 120%;
							line-height: 1.2em;
							width: 75%;
						}
						/*
						Buttons für nächste/letzte Bilder
						*/
						.button-last-slide,
						.button-next-slide {
							top: 41.5%;
							height: 60px;
							margin-top: -30px;
							width: 30px;
						}
						.slider-choice-fewo-slide-1 {
							background-position: center -80px;
						}
						.slider-choice-fewo-slide-2 {
							background-position: center -40px;
						}
						.slider-choice-fewo-slide-3 {
							background-position: center -75px;
						}
						.slider-choice-fewo-slide-4 {
							background-position: center -40px;
						}
						.slider-choice-fewo-slide-5 {
							background-position: center -60px;
						}
						.slider-choice-fewo-slide-6 {
							background-size: 82% auto;
						}
						.slider-choice-fewo-slide-8 {
							background-size: 82% auto;
						}

						.slider-choice-umgebung-slide-1 {
							background-position: center -70px;
						}
						.slider-choice-umgebung-slide-3 {
							background-position: center -70px;
						}
						.slider-choice-fewo-slide-9,
						.slider-choice-umgebung-slide-4,
						.slider-choice-umgebung-slide-5,
						.slider-choice-umgebung-slide-6,
						.slider-choice-umgebung-slide-7,
						.slider-choice-umgebung-slide-8,
						.slider-choice-umgebung-slide-9,
						.slider-choice-umgebung-slide-10 {
							background-size: 82% auto;
						}
					}
					@media only screen and (max-width: 900px) {
						.slider-choice-container {
							height: 425px;
						}
						.slider-choice-slide-text {
							height: 70px;
							padding-top: 20px;
							padding-bottom: 18px;
						}
						.slider-choice-slide-text-heading {
							font-size: 150%;
						}
						.slider-choice-slide-text-subtext {
							font-size: 120%;
							line-height: 1.2em;
							width: 75%;
						}
						.button-last-slide,
						.button-next-slide {
							top: 41.5%;
							height: 60px;
							margin-top: -30px;
							width: 30px;
						}
						.slider-choice-fewo-slide-1 {
							background-position: center -70px;
						}
						.slider-choice-fewo-slide-2 {
							background-position: center -30px;
						}
						.slider-choice-fewo-slide-3 {
							background-position: center -85px;
						}
						.slider-choice-fewo-slide-4 {
							background-position: center -30px;
						}
						.slider-choice-fewo-slide-5 {
							background-position: center -40px;
						}
						.slider-choice-fewo-slide-6 {
							background-size: 94% auto;
						}
						.slider-choice-fewo-slide-8 {
							background-size: 94% auto;
						}

						.slider-choice-umgebung-slide-1 {
							background-position: center -60px;
						}
						.slider-choice-umgebung-slide-3 {
							background-position: center -50px;
						}
						.slider-choice-fewo-slide-9,
						.slider-choice-umgebung-slide-4,
						.slider-choice-umgebung-slide-5,
						.slider-choice-umgebung-slide-6,
						.slider-choice-umgebung-slide-7,
						.slider-choice-umgebung-slide-8,
						.slider-choice-umgebung-slide-9,
						.slider-choice-umgebung-slide-10 {
							background-size: 94% auto;
						}
					}
					@media only screen and (max-width: 780px) {
						.slider-choice-container {
							height: 360px;
						}
						.slider-choice-fewo-slide-6 {
							background-size: 79% auto;
						}
						.slider-choice-fewo-slide-8 {
							background-size: 79% auto;
						}
						.slider-choice-fewo-slide-9,
						.slider-choice-umgebung-slide-4,
						.slider-choice-umgebung-slide-5,
						.slider-choice-umgebung-slide-6,
						.slider-choice-umgebung-slide-7,
						.slider-choice-umgebung-slide-8,
						.slider-choice-umgebung-slide-9,
						.slider-choice-umgebung-slide-10 {
							background-size: 79% auto;
						}
					}
					@media only screen and (max-width: 680px) {
						.slider-choice-container {
							height: 310px;
						}
						.slider-choice-slide-text-subtext {
							width: 65%;
						}
						.slider-choice-fewo-slide-6 {
							background-size: 72% auto;
						}
						.slider-choice-fewo-slide-8 {
							background-size: 72% auto;
						}
						.slider-choice-fewo-slide-9,
						.slider-choice-umgebung-slide-4,
						.slider-choice-umgebung-slide-5,
						.slider-choice-umgebung-slide-6,
						.slider-choice-umgebung-slide-7,
						.slider-choice-umgebung-slide-8,
						.slider-choice-umgebung-slide-9,
						.slider-choice-umgebung-slide-10 {
							background-size: 72% auto;
						}
					}
					@media only screen and (max-width: 580px) {
						.slider-choice-container {
							height: 270px;
						}
						.slider-choice-fewo-slide-6 {
							background-size: 71% auto;
						}
						.slider-choice-fewo-slide-8 {
							background-size: 71% auto;
						}

						.slider-choice-umgebung-slide-1 {
							background-position: center -60px;
						}
						.slider-choice-umgebung-slide-3 {
							background-position: center -70px;
						}
						.slider-choice-fewo-slide-9,
						.slider-choice-umgebung-slide-4,
						.slider-choice-umgebung-slide-5,
						.slider-choice-umgebung-slide-6,
						.slider-choice-umgebung-slide-7,
						.slider-choice-umgebung-slide-8,
						.slider-choice-umgebung-slide-9,
						.slider-choice-umgebung-slide-10 {
							background-size: 71% auto;
						}
					}
					@media only screen and (max-width: 500px) {
						.slider-choice-container {
							height: 260px;
						}
						.slider-choice-slide-text {
							height: 70px;
							padding-top: 12px;
							padding-bottom: 10px;
						}
						.button-last-slide,
						.button-next-slide {
							top: 41%;
							height: 40px;
							margin-top: -20px;
							width: 20px;
						}
						.slider-choice-fewo-slide-1 {
							background-position: 0px -60px;
						}
						.slider-choice-fewo-slide-2 {
							background-position: center -20px;
						}
						.slider-choice-fewo-slide-3 {
							background-position: center -35px;
						}
						.slider-choice-fewo-slide-4 {
							background-position: center 0px;
						}
						.slider-choice-fewo-slide-5 {
							background-position: center -10px;
						}
						.slider-choice-fewo-slide-6 {
							background-size: 92% auto;
						}
						.slider-choice-fewo-slide-8 {
							background-size: 92% auto;
						}

						.slider-choice-umgebung-slide-1 {
							background-position: center -30px;
						}
						.slider-choice-umgebung-slide-3 {
							background-position: center -40px;
						}
						.slider-choice-fewo-slide-9,
						.slider-choice-umgebung-slide-4,
						.slider-choice-umgebung-slide-5,
						.slider-choice-umgebung-slide-6,
						.slider-choice-umgebung-slide-7,
						.slider-choice-umgebung-slide-8,
						.slider-choice-umgebung-slide-9,
						.slider-choice-umgebung-slide-10 {
							background-size: 92% auto;
						}
					}
					@media only screen and (max-width: 400px) {
						.slider-choice-slide-text-subtext {
							width: 55%;
						}
						.slider-choice-fewo-slide-6 {
							background-size: 102% auto;
						}
						.slider-choice-fewo-slide-8 {
							background-size: 102% auto;
						}
						.slider-choice-fewo-slide-9,
						.slider-choice-umgebung-slide-4,
						.slider-choice-umgebung-slide-5,
						.slider-choice-umgebung-slide-6,
						.slider-choice-umgebung-slide-7,
						.slider-choice-umgebung-slide-8,
						.slider-choice-umgebung-slide-9,
						.slider-choice-umgebung-slide-10 {
							background-size: 102% auto;
						}
					}
					@media only screen and (max-width: 320px) {
						.slider-choice-container {
							height: 160px;
						}
						.slider-choice-slide-text {
							display: none;
						}
						.button-last-slide,
						.button-next-slide {
							top: 50%;
							height: 30px;
							margin-top: -15px;
							width: 15px;
						}
						.slider-choice-fewo-slide-1 {
							background-position: center;
						}
						.slider-choice-fewo-slide-2 {
							background-position: center;
						}
						.slider-choice-fewo-slide-3 {
							background-position: center;
						}
						.slider-choice-fewo-slide-4 {
							background-position: center;
						}
						.slider-choice-fewo-slide-5 {
							background-position: center;
						}

						.slider-choice-umgebung-slide-1 {
							background-position: center;
						}
						.slider-choice-umgebung-slide-2 {
							background-position: center;
						}
						.slider-choice-umgebung-slide-3 {
							background-position: center;
						}
						.slider-choice-umgebung-slide-4 {
							background-position: center;
						}
						.slider-choice-umgebung-slide-5 {
							background-position: center;
						}
					}







/*
Spaltenlayout für Text
*/

.spalten {
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	top: 0;
	width: 47.6%;
	box-sizing: border-box;
	float: left;
}
.spalten h2,
.spalten h3,
.spalten h4 {
	margin-top: 0.55em;
	padding-top: 0px;
}
.spalte-1 {
	padding-left: 2%;
}
.spalte-2 {
	padding-left: 4%;
}
					@media only screen and (max-width: 580px) {
						.spalten {
							width: 100%;
							padding: 0px;
							margin: 0px;
						}
						.spalte-2 {
							margin-top: -1em;
						}
						.text-ohne-abstand {
							margin-top: -2.4em;
						}
						.unterschrift {
							padding-top: 5px;
						}
					}






.mehr-inhalt-button {
	position: relative;
	margin: 4em auto;
	height: 0.12em;
	padding: 0px 4em;
	background-color: #998875;
	display: block;
	width: 22em;
	text-align: center;
	cursor: pointer;
}
.mehr-inhalt-button-text {
	font-family: Palatino, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-size: 125%;
	font-weight: bold;
	padding: 0px 1em;
	margin: 0;
	color: #444;
	background-color: #fff;
	position: relative;
	top: -1em;
	line-height: 2em;
	text-decoration: none;
}
.mehr-inhalt-button-text:hover {
	color: #777;
}
					@media only screen and (max-width: 375px) {
						.mehr-inhalt-button {
							width: 100%;
							box-sizing: border-box;
							padding: 0px;
						}
						.mehr-inhalt-button-text {
							font-size: 110%;
						}
					}




#Kontakt {
	margin-top: 7em;
	margin-bottom: 3em;
}
section.kontakt {
	padding-top: 0px;
	position: relative;
}
section.kontakt h2 {
	text-align: center;
	padding-bottom: 1em;
}
	.kontakt-heading {
		line-height: 2em;
		margin-top: 2em;
		font-weight: bold;
		display: inline-block;
		color: #444;
	}
section.kontakt table {
	line-height: 2em;
	color: #7F7F7F;
	font-size: 100%;
	font-size-adjust: none;
}
section.kontakt tr {
	line-height: 2em;
}
section.kontakt td.td1 {
	padding-right: 2em;
}
section.kontakt a {
	text-decoration: none;
	color: #444;
}
section.kontakt a:hover {
	color: #777;
}






/***** Kontaktformular *****/
.kf-open {
	display: block;
	position: relative;
	width: 100%;
	min-height: 300px;
	color: #444;
	margin-top: 10px;
	margin: 0px auto;
	opacity: 0;
	top: -110%;
	transition: all 1s linear 0.1s;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	padding-top: 0.5em;
	
	display: none;
}
.kf-open-da {
	opacity: 1;
	top: 0px;
	transition: all 1s linear 0s;
	
	display: block;
}

.kf-open-heading,
.kf-open-subtext {
	display: block;
}

.kf-open-heading {
	font-family: Palatino, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-weight: bold;
	color: #4A4A4A;
	font-size: 150%;
	line-height: 2.6em;
	position: relative;
}
	.kf-open-heading:after {
		content: " ";
		position: absolute;
		height: 0.07em;
		width: 15%;
		background: #998876;
		bottom: 0px;
		left: 0px;
		margin-left: 43.5%;
	}
.kf-open-subtext {
	font-size: 120%;
	line-height: 2.2em;
	color: #fff;
}





/*
.contactform-background-screen {
	position: fixed;
	z-index: 998;
	height: 100%; width: 100%;
	box-sizing: border-box;
	top: 0px; left: 0px; right: 0px; bottom: 0px;
	background-color: #fff;
	opacity: 0.8;
		-ms-transform: scale(0);
		-webkit-transform: scale(0);
		transform: scale(0);
	transition:all 0.2s ease 0s;
}
.contactform-background-screen-da {
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	transition:all 0.2s ease 0.4s;
}
*/


.contactform-container {
	position: fixed;
	position: absolute;
	height: 8em;
	width: 22em;
	max-width: 80%;
	background-color: #E4CDB1;
	box-sizing: border-box;
	z-index: 2;
	overflow: hidden;
	right: 8.2%;
	top: 18em;
	transition: all 0.1s linear;
	padding: 0px;
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
}
	.contactform-container:hover {
		box-shadow: 0px 3px 20px #888;
		-ms-transform: scale(1.02);
		-webkit-transform: scale(1.02);
		transform: scale(1.02);
	}
.contactform-container-open {
	top: 2.5em;
	right: 4%;
	width: 24em;
	max-width: 80%;
	height: 30.5em;
	padding: 2em 0.5em;
	transition: all 0.2s linear;
		box-shadow: 0px 3px 20px #888;
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
}
	.contactform-container-open:hover {
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}

					@media only screen and (max-width: 700px) {
						.contactform-container {
							display: none;
						}
					}

.contactform {
	display: block;
	position: relative;
	width: 80%;
	min-height: 300px;
	color: #444;
	margin-top: 10px;
	margin: 0px auto;
	transition: all 1s linear;
	box-sizing: border-box;

	display: none;
}
.contactform-da {
	display: block;
}


.kf-element {
	font-size: 100%;
	padding: 0em 1em;
	min-height: 2em;
	border: none;
	outline: none;
	resize: none;
	border-radius: 0px;
	box-shadow: none;
	box-sizing: border-box;
}
.kf-input, .kf-nachricht {
	margin: 1em auto;
	width: 100%;
	border: 2px solid #444;
	overflow: hidden;
	display: block;
}
.contactform input {
	height: auto;
	overflow-x: auto;
}
.contactform textarea {
	height: 10em;
	overflow-y: auto;
	padding-bottom: 1em;
	padding-top: 0.5em;
}

/** Placeholder Color **/
.kf-element::-webkit-input-placeholder { /* WebKit browsers */
    color:    #b3b3b3;
}
.kf-element:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #b3b3b3;
   opacity:  1;
}
.kf-element::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #b3b3b3;
   opacity:  1;
}
.kf-element:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #b3b3b3;
}	

/** ******************** **/	
.kf-button,
.kf-abbrechen {
	background-color: #fff;
	color: #757575;
	border: 2px solid #444;
	width: 45%;
	transition: all 0.2s linear;
	box-sizing: border-box;
	padding: 0.5em 0px;
	text-align: center;
	cursor: pointer;
}
.kf-abbrechen {
	float: right;
}
.kf-button:hover,
.kf-abbrechen:hover {
	color: #444;
}


					@media only screen and (max-width: 1400px) {
						.kf-input, 
						.kf-nachricht,
						.kf-button,
						.kf-abbrechen {
							border: 1px solid #444;
						}
					}


										/** Falls Formular nicht valide **/
										.kf-not-valide, .kf-not-valide:hover {
											border-color: #FF7677;
										}
										
										/** Placeholder Color **/
										.kf-not-valide::-webkit-input-placeholder { /* WebKit browsers */
										    color:    #FF7677;
										}
										.kf-not-valide:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
										   color:    #FF7677;
										   opacity:  1;
										}
										.kf-not-valide::-moz-placeholder { /* Mozilla Firefox 19+ */
										   color:    #FF7677;
										   opacity:  1;
										}
										.kf-not-valide:-ms-input-placeholder { /* Internet Explorer 10+ */
										   color:    #FF7677;
										}	
										.kf-button.kf-not-valide  {
											border-color: #FF7677;
											color: #fff;
											background-color: #FF7677;
										}
										.kf-button.kf-not-valide:hover  {
											border-color: #444;
										}
										/** ******************** **/								





.gmap {
	width: 100%;
	height: 800px;
	background: #eee;
	margin-bottom: 7em;
}
					@media only screen and (max-width: 1830px) {
						.gmap {
							height: 740px;
						}
					}
					@media only screen and (max-width: 1600px) {
						.gmap {
							height: 700px;
						}
					}
					@media only screen and (max-width: 1400px) {
						.gmap {
							height: 570px;
						}
					}
					@media only screen and (max-width: 1250px) {
						.gmap {
							height: 510px;
						}
					}
					@media only screen and (max-width: 1050px) {
						.gmap {
							height: 465px;
						}
					}
					@media only screen and (max-width: 950px) {
						.gmap {
							height: 370px;
						}
					}
					@media only screen and (max-width: 800px) {
						.gmap {
							height: 320px;
						}
					}
					@media only screen and (max-width: 680px) {
						.gmap {
							height: 280px;
						}
					}
					@media only screen and (max-width: 620px) {
						.gmap {
							height: 200px;
						}
					}
					@media only screen and (max-width: 500px) {
						.gmap {
							height: 200px;
						}
					}
					@media only screen and (max-width: 400px) {
						.gmap {
							height: 180px;
						}
					}
					@media only screen and (max-width: 290px) {
						.gmap {
							height: 0px;
						}
					}



.brownstripes-bottom-left {
	left: 8%;
	bottom: -6em;
} 
.brownstripes-bottom-right{
	right: 8%;
	bottom: -6em;
}






#copyright {
	width: 21em;
	display: block;
	margin-left: 8%;
	color: #897865;
	float: left;
	padding-bottom: 1em;
}
.rechtliches {
	width: 22em;
	display: block;
	margin-right: 8%;
	float: right;
	text-align: right;
	color: #897865;
	margin-bottom: 1em;
}
	.rechtliches a {
		color: #897865;
		text-decoration: none;
	}








/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}