@font-face {
	font-family: 		signika_rg;
	src: 				url(../fonts/Signika-Regular.ttf) 		   
						format('truetype');
}
@font-face {
	font-family: 		signika_lgt;
	src:				url(../fonts/Signika-Light.ttf) 
						format('truetype');
}
@font-face {
	font-family: 		signika_med;
	src:				url(../fonts/Signika-Medium.ttf) 
						format('truetype');				
}

html{
	scroll-behavior:	smooth;
	overflow-x: 		hidden;
}

body{
	overflow-x:			hidden;
	position:			relative;
	font-family:		signika_lgt;
}

* {
	font-family:		signika_lgt;
	margin:				0;
	padding:			0;
	color:				#000;
}

li{
	margin-left:		18px;
}

table{
	width:				74%;
}

a{
	text-decoration:	none;	
}
a:hover{
	color:				#9d9d9c;
}

.clear{
	clear:				both;
}

.cbw_m{
	display:			none;
}


#content{
	position:			relative;
	margin:				auto;
	width:				1200px;
}

#head_space{
	width:				100%;
	position:			fixed;
	height:				30px;
	top:				0px;	
	background:			#fff;
	z-index:			0;
}
.head{
	width:				100%;
	position:			fixed;
	height:				210px;
	top:				0px;
	background:			none;
	z-index:			1000;
	transition:			all 0.3s ease 0s;
}
.head_scroll{
	width:				100%;
	position:			fixed;
	height:				100px;
	background:			none;
	z-index:			1000;
	transition:			all 0.3s ease 0s;
}
.head_box{
	width:				100%;
	height:				120px;
	background:			#fff;
	transition:			all 0.3s ease 0s;
}
.head_box_scroll{
	width:				100%;
	height:				50px;
	background:			#fff;
	transition:			all 0.3s ease 0s;
}
#head_welle{
	width:				100%;
	z-index:			1000;
}
.logo{
	position:			absolute;
	top:				45px;
	width:				150px;
	left:				10%;
	z-index:			300000;
	cursor:				pointer;
	transition:			all 0.3s ease 0s;
}
.logo_scroll{
	position:			absolute;
	top:				30px;
	width:				100px;
	left:				10%;
	z-index:			100000;
	cursor:				pointer;
	transition: 		all 0.3s ease 0s;
}

.nav_1{
	position:			absolute;
	right:				10%;
	top:				20px;
	font-size:			.8em;
	z-index:			1000;
	transition: 		all 0.3s ease 0s;
}
.nav_1_scroll{
	position:			absolute;
	right:				10%;
	top:				-100px;
	font-size:			.8em;
	z-index:			1000;
	transition: 		all 0.3s ease 0s;
}

.nav_2{
	position:			absolute;
	right:				10%;
	top:				65px;
	font-size:			0.9em;
	text-align:			right;
	z-index:			1000;
	transition: 		all 0.3s ease 0s;
}
.nav_2_scroll{
	position:			absolute;
	right:				10%;
	top:				20px;
	font-size:			0.9em;
	text-align:			right;
	z-index:			1000;
	transition: 		all 0.3s ease 0s;
}
#spacer_kontakt{
	margin-right:		40px;
}
#spacer_werke{
	margin-right:		40px;
}
#spacer_menue{
	margin-left:		40px;
	cursor:				pointer;
}
a.nav_link{
	color:				#000;
	text-decoration:	none;
}
a.nav_link:hover{
	color:				#9d9d9c;
}
.nav_link{
	color:				#000;
	text-decoration:	none;
	cursor:				pointer;
}
.nav_link:hover{
	color:				#9d9d9c;
}
.nav_entree{
	color:				#000;
	cursor:				pointer;
}
.nav_entree:hover{
	color:				#9d9d9c;
}
#burger{
	width:				45px;
	margin-top:			8px;
}

#icon_nav{
	height:				16px;
	margin-right:		8px;
	margin-bottom:		-3px;
}
#icon_fon{
	height:				16px;
	margin-right:		8px;
	margin-left:		32px;
	margin-bottom:		-3px;
}
#icon_mail{
	height:				12px;
	margin-right:		8px;
	margin-left:		32px;
	margin-bottom:		-1px;
}




.menue_box{
	display:			block;
	position:			fixed;
	top:				-1230px;
	height:				0px;
	width:				100%;
	background:			#fff;
	z-index:			250000;
	transition:			all 0.5s;
}
.menue_box_show{
	display:			block;
	position:			fixed;
	top:				-30px;
	height:				1200px;
	width:				100%;
	background:			#e3e3e3;
	z-index:			250000;
	transition:			all 0.5s;
}

#menue_content{
	position:			relative;
	width:				85%;
	margin:				auto;
	margin-top:			50px;
	
}
#menue_head{
	display:			relative;
	width:				90%;
	font-size:			1.7em;
	float:				left;
}
#menue_close{
	position:			relative;
	width:				10%;
	float:				left;
	text-align:			right;
	padding-top:		40px;
}
#menue_close2{
	position:			relative;
	width:				100%;
	text-align:			center;
	cursor:				pointer;
}
#menue_text{
	text-align:			center;
	line-height:		300%;
	font-size:			1.5em;
	padding-top:		150px;
	padding-bottom:		50px;	
}
#menue_text2, #menue_text2_m{
	position:			relative;
	text-align:			center;
	width:				90%;
	margin:				auto;
	margin-top:			50px;
	text-align:			center;
	padding-bottom:		100px;
	font-size:			1.2em;
}
#menue_text2_m{
	display:			none;
}
.menue_text3{
	text-align:			center;
	font-size:			0.9em;
	margin:				0 15px 0 15px;
	cursor:				pointer;
}
.menue_text3:hover{
	color:				#9d9d9c;
}
.menue_entree{
	cursor:				pointer;
}
.menue_entree:hover{
	cursor:				pointer;
	color:				#9d9d9c;
}




#seite_1{
	position:			relative;
	
}



.waldschwimmbad_pic{
	width:				100%;
}

.baustelle_div{
	position:			absolute;
	width:				383px;
	height:				200px;
	right:				0%;
	bottom:				230px;
	background-image:	url(../images/Button_Baustelle_05_25.png);
	background-repeat:	no-repeat;
	background-size:	contain;
	padding:			16px 5px 16px 120px;
	font-size:			20px;
	line-height:		145%;
	cursor:				pointer;
}




#seite_2{
	position:			relative;
	width:				100%;
	min-height:			550px;
}
#seite_2_m{
	position:			relative;
	display:			none;
	width:				100%;
	border:				solid 1px #fff;
	top:				90px;
}

#willkommen{
	position:			relative;
	width:				52%;
	margin-top:			77px;
	margin-left:		15%;
	font-family:		signika_lgt;
	font-size:			1.7em;
	float:				left;
}
#aktuelles{
	position:			relative;
	width:				calc(35% - 80px);
	margin-top:			55px;
	margin-right:		0%;
	padding:			15px 40px 28px 40px; 	
	text-align:			center;
	vertical-align:		middle;
	background:			#dadada;
	float:				left;
	cursor:				pointer;
	font-size:			1.5em;
	font-family:		signika_lgt;
}
#aktuelles:hover{
	background:			#9d9d9c;
}
#aktuelles_beschriftung{
	position:			relative;
	top:				10px;
}
#icon_news{
	width:				55px;
	margin-right:		20px;
	margin-bottom:		-18px;
}
#seite_2_content{
	position:			relative;
	width:				100%;
	top:				80px;
	left:				20px;
}
#seite_2_text{
	position:			relative;
	width:				550px;
	left:				50px;
	margin-right:		25px;
	float:				left;
	line-height:		135%;
	
	font-family:		signika_lgt;
}
#video{
	position:			relative;
	width:				450px;
	border-radius: 		5px;
	-webkit-box-shadow: 0px 5px 17px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 	0px 5px 17px 0px rgba(0,0,0,0.75);
	box-shadow: 		0px 5px 17px 0px rgba(0,0,0,0.75);
	float:				left;
	object-fit: 		cover;
}

#aktuelles_box{
	display:			none;
	position:			absolute;
	top:				30px;
	height:				810px;
	width:				94%;
	margin-left:		3%;
	background:			#e3e3e3;
	z-index:			500;
}

#aktuelles_box_m{
	display:			none;
	position:			absolute;
	top:				20px;
	height:				850px;
	width:				90%;
	margin-left:		5%;
	background:			#e3e3e3;
	z-index:			500;
}
#aktuelles_content{
	position:			relative;
	width:				80%;
	margin:				auto;
	margin-top:			50px;
	
}
#aktuelles_head{
	display:			relative;
	width:				90%;
	font-size:			1.7em;
	float:				left;
	margin-top:			20px;
}
#aktuelles_close{
	position:			relative;
	width:				10%;
	float:				left;
	text-align:			right;
}
#aktuelles_close2{
	position:			relative;
	width:				100%;
	text-align:			center;
	cursor:				pointer;
}
#aktuelles_close2:hover{
	color:				#9d9d9c;
}
#aktuelles_text{
	margin:				80px 0 0 170px;
	line-height:		135%;
}
#icon_close{
	width:				20px;
	margin-top:			8px;
}
#icon_close2{
	width:				20px;
	margin-top:			8px;
}




#seite_3{
	position:			relative;
	width:				100%;
	top:				100px;
}

.navi_table{
	position:			relative;
	width:				80%;
	margin:				auto;
}
.navi_row{
	margin-bottom:		25px;
	cursor:				pointer;
	width:				75%;
	margin:				auto;
	height:				80px;
}
.navi_blue{
	background:			#7cc8ec;
	width:				4px;
	margin-right:		7px;
	height:				53px;
	float:				left;
}
.navi_text{
	background:			#ececec;
	color:				#000;
	padding:			15px 0 0 15px;
	width:				80%;
	height:				53px;
	float:				left;
	font-family:		signika_lgt;
	font-size:			1.2em;
}
.navi_arrow{
	background:			#ececec;
	padding:			17px 30px 0 0;
	height:				53px;
	float:				left;
}
.icon_rechts{
	height:				20px;
	width:				20px;
}


.nav_content{
	position:			relative;
	height:				0px;
	overflow:			hidden;
	transition: 		height .5s;
}
.nav_content_ease_1{
	position:			relative;
	height:				300px;
	overflow:			hidden;
	transition: 		height .5s;
}
.nav_content_ease_2{
	position:			relative;
	height:				1150px;
	overflow:			hidden;
	transition: 		height .5s;
}
.nav_content_ease_3{
	position:			relative;
	height:				250px;
	overflow:			hidden;
	transition: 		height .5s;
}
.nav_content_ease_4{
	position:			relative;
	height:				900px;
	overflow:			hidden;
	transition: 		height .5s;
}


.content_head{
	position:			relative;
	font-family:		signika_lgt;
	font-size:			1.7em;
	margin:				20px 0 20px 30px;
}
.content_text{
	position:			relative;	
	margin-left:		170px;
	line-height:		180%;
}
.content_text_2{
	position:			relative;
	margin:				50px 0 20px 30px;
}



#seite_4{
	display:			none;
	position:			relative;
	width:				100%;
	background:			#f1f1f1;
	margin-top:			200px;
	padding-top:		50px;
	padding-bottom:		50px;
}

#seite_4_info{
	width:				50%;
	margin:				auto;
}

.kursLink{
	cursor:				pointer;
	text-decoration:	none;
}
.kursLink:hover{
	color:				#9d9d9c;
}



#seite_impressum{
	display:			none;
	position:			relative;
	width:				80%;
	margin:				auto;
	background:			#fff;
}
#impressum_content{
	/*display:			none;*/
	position:			relative;
	width:				100%;
	background:			#fff;
	margin-top:			50px;
}

.impressum_head{
	position:			relative;
	font-family:		signika_lgt;
	font-size:			1.7em;
	margin:				20px 0 30px 0;
}
.impressum_text{
	position:			relative;	
	margin:				0 0 50px 170px;
	line-height:		180%;
}
#seite_ds{
	display:			none;
	position:			relative;
	width:				80%;
	margin:				auto;
	background:			#fff;
}
#ds_content{
	/*display:			none;*/
	position:			relative;
	width:				100%;
	background:			#fff;
	margin-top:			50px;
}

.ds_head{
	position:			relative;
	font-family:		signika_lgt;
	font-size:			1.7em;
	margin:				20px 0 30px 0;
}
.ds_text{
	position:			relative;	
	margin:				0 0 50px 170px;
	line-height:		180%;
}

#seite_gallery{
	position:			relative;
	width:				100%;
	min-height:			none;
	top:				100px;
	margin-top:			100px;
	text-align:			center;
}

#slider_block{
	position:			relative;
	width:				90%;
	margin:				auto;
	background:			#fff;
}
#slider_block2{
	position:			relative;
	width:				92%;
	margin:				auto;
	background:			#fff;
}

.thumb{
	width:				100%;
}

#lightbox-region #lightbox-inner.cursor-left img {
    cursor: url("../images/slider_links.png") 9 9, pointer !important;
}

#lightbox-region #lightbox-inner.cursor-right img {
    cursor: url("../images/slider_rechts.png") 9 9, pointer !important;
}






#seite_letzte{
	position:			relative;
	width:				100%;
	min-height:			250px;
}

.seite_kontakt{
	position:			relative;
	width:				90%;
	margin:				auto;
	height:				950px;
	background:			#eaf6fe;
	z-index:			800;
	transition: 		height .5s;
	top:				250px;
}
.seite_kontakt_ease{
	position:			relative;
	width:				90%;
	margin:				auto;
	height:				300px;
	background:			#eaf6fe;
	z-index:			800;
	top:				250px;
	transition: 		height .5s;
}


#kontakt_head{
	position:			relative;
	width:				100%;
	padding-top:		30px;
	text-align:			center;
	font-family:		signika_med;
	font-size:			1.7em;
	color:				#59bee9;
	cursor:				pointer;
}

#kontakt_klick{
	position:			absolute;
	width:				300px;
	height:				150px;
	margin-left:		calc(50% - 150px);
	margin-top:			-200px;
	cursor:				pointer;
}

#kontakt_pfeil{
	width:				30px;
	margin-bottom:		30px;
	cursor:				pointer;
}

#kontakt_form{
	display:			block;
	position:			relative;
	width:				80%;
	margin:				auto;
	margin-top:			50px;
}
.kontakt_form_1{
	position:			relative;
	width:				100%;
	height:				40px;
	float:				left;
	margin-bottom:		40px;
}
.kontakt_form_2{
	position:			relative;
	width:				50%;
	height:				40px;
	float:				left;
	margin-bottom:		45px;
}
#kontakt_send{
	float:				left;
	width:				calc(30% - 20px);
	margin-top:			100px;
	text-align:			right;
}
#kontakt_send2{
	width:				calc(100% - 20px);
	margin-top:			110px;
	text-align:			right;
}

.text_1{
	width:				calc(100% - 20px);
	border:				none;
	height:				40px;
	margin-top:			3px;
}
.text_2{
	width:				calc(100% - 20px);
	border:				none;
	height:				40px;
	margin:				3px 0 15px 0;
}
.area{
	width:				calc(100% - 20px);
	border:				none;
	height:				120px;
	margin-top:			-13px;
}
.text_3{
	width:				calc(100% - 20px);
	border:				none;
	height:				40px;
	margin-top:			3px;
	background:			#eaf6fe;
}
.text_4{
	width:				calc(100% - 20px);
	border:				none;
	height:				40px;
	margin:				3px 0 15px 0;
	background:			#eaf6fe;
}
.area_2{
	width:				calc(100% - 20px);
	border:				none;
	height:				120px;
	margin-top:			-13px;
	background:			#eaf6fe;
}
.send{
	background:			#7ec8eb;
	color:				#fff;
	border:				none;
	padding:			10px 20px 10px 20px;
}
.send:hover{
	background:			#18a8e6;
}
.send2{
	background:			#7ec8eb;
	color:				#fff;
	border:				none;
	padding:			10px 20px 10px 20px;
	margin-top:			100px;
}
.send2:hover{
	background:			#18a8e6;
}




#fuss{
	position:			relative;
	width:				100%;
	z-index:			1000;
}
.fuss_link{
	cursor:				pointer;
}
.fuss_link:hover{
	color:				#9d9d9c;
}
#fuss_m{
	display:			none;
	position:			relative;
	z-index:			900;
}

#fuss_welle{
	position:			relative;
	width:				100%;
	z-index:			900;
	margin:				0;
}

#fuss_box{
	position:			relative;
	width:				100%;
	margin:				auto;
	z-index:			1100;
	background:			#c2e8f9;
	margin-top:			-5px;
}

#fuss_tab{
	position:			relative;
	width:				960px;
	margin:				auto;
	z-index:			1100;	
}
.fuss_cell{
	position:			relative;
	width:				25%;
	float:				left;
}
.fuss_cell_addresse{
	width:				30%;
}
.fuss_cell_herriges{
	width:				25%;
}
.fuss_cell_impressum{
	width:				20%;
	text-align:			right;
}

#herriges{
	position:			relative;
	width:				180px;
}

#copy{
	position:			relative;
	font-size:			.8em;
	white-space:		nowrap;
	top:				-15px;
}






@media only screen and (max-width: 1450px) {
	
	.logo{
		width:			130px;
	}


}


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

	body{
		font-size:		1em;
	}
	table{
		width:			100%;
	}

	
	#nav_1, 
	#nav_1_scroll, 
	#spacer_kontakt,
	#spacer_werke,
	#seite_2,
	#fuss,
	#menue_text2,
	.cbw{
		display:		none;
	}
	
	#seite_2_m,
	#fuss_m,
	#menue_text2_m,
	.cbw_m{
		display:		block;
	}
	
	#content,
	#head_space,
	#head{
		width:			100%;
	}
 
	
	
	.baustelle_div{
		position:			absolute;
		width:				20px;
		right:				0%;
		bottom:				-50px;
		background-image:	url(../images/Button_Baustelle_05_25.png);
		background-repeat:	no-repeat;
		background-size:	contain;
		padding:			9px 5px 16px 60px;
		font-size:			12px;
		line-height:		125%;
		cursor:				pointer;
	}
	
	
	.nav_2{
		top:				0px;
		margin-top:			-15px;
	}
	.nav_2_scroll{
		top:				10px;
		margin-top:			0px;
	}
	
	.menue{
		color:				#000;
		transition:			all 0.3s ease 0s;
	}
	.menue_scroll{
		color:				#fff;
		transition:			all 0.3s ease 0s;
	}
	
	#menue_text2{
		width:				65%;
	}

	
	.spacer_menue{
		position:			relative;
		font-size:			.8em;
		top:				30px;
		transition:			all 0.3s ease 0s;
	}
	
	.spacer_menue_scroll{
		position:			relative;
		font-size:			.8em;
		top:				-20px;
		transition:			all 0.3s ease 0s;
	}

	#content{
		width:				100%; 
	}
	#head_space{
		height:				50px;
	}
	.head {
		width:				100%;
	}
	.head_scroll {
		width:				100%;
	}
	#head_welle{
		width:				170%;
	}
	.logo{
		width:				95px;
		left:				10%;
		top:				30px;
	}
	.logo_scroll{
		width:				60px;
		left:				10%;
		top:				10px;
	}
	.waldschwimmbad_pic{
		margin-top:			30px;
	}
	
	#slider_box{
		position:			relative;
		top:				90px;
	}
	
	.slick-prev,
	.slick-next{
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 50%;
		display: block;
		width: 20px;
		padding: 0;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		cursor: pointer;
		color: transparent;
		border: none;
		outline: none;
		background: transparent;
		z-index: 1;
	}
	.slick-prev{
		left: 25px;
	}
	.slick-next{
		right: 25px;
	}
	.slick-dots{
		position: absolute;
		bottom: 20px;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;		
		left: 40%;
	}
	.slick-dots li{
		position: relative;
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0 5px;
		padding: 0;
		cursor: pointer;
	}
	.slick-dots li button:before{
		font-family: 'slick';
		font-size: 10px;
		line-height: 20px;
		position: absolute;
		top: 0;
		left: 0;
		width: 10px;
		height: 10px;
		content: '•';
		text-align: center;
		opacity: 1.0;
		color: white;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	.menue_box{
		height:				100%;
		top:				-1530px;
	}
	#menue_close{
		width:				10%;
		padding-top:		8px;
	}

	#menue_text{
		padding-top:		70px;
	}
	.menue_text3{
		float:				none;
		line-height:		180%;
	}
	#schliessen{
		display:			none;
	}
	
	#willkommen{
		position:			relative;
		float:				none;
		width:				80%;
		margin-left:		10%;
		margin-top:			100px;
		font-family:		signika_rg;
		font-size:			1em;
	}
	
	#aktuelles{
		position:			absolute;
		float:				none; 
		width:				45%;
		margin-top:			20px;
 		right:				0px;
		margin-right:		none;
		padding:			6px 20px 9px 0px; 	
		text-align:			center;
		background:			#dadada;
		font-size:			.8em;
	}
	
	#icon_news{
		width:				25px;
		margin:				0 20px -8px 10px;
	}
	
	#seite_2_text{
		position:			relative;
		width:				80%;
		top:				15px;
		left:				10%;
		margin-right:		0;
		margin-bottom:		50px;
		float:				none;
	}

	#video{
		position:			relative;
		width:				80%;
		border-radius: 		5px;
		-webkit-box-shadow: 0px 5px 17px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 	0px 5px 17px 0px rgba(0,0,0,0.75);
		box-shadow: 		0px 5px 17px 0px rgba(0,0,0,0.75);
		float:				none;
		margin-left:		10%;
		margin-bottom:		50px;
	}
	
	#aktuelles_box_m{
		top:				0px;
		height:				850px;
		width:				100%;
		margin-left:		0%;
		
	}
	#aktuelles_content{
		position:			relative;
		width:				80%;
		margin:				auto;
		margin-top:			50px;
		
	}
	#aktuelles_head{
		display:			relative;
		width:				90%;
		font-size:			1.7em;
		float:				left;
	}
	#aktuelles_close{
		position:			relative;
		width:				10%;
		float:				left;
		text-align:			right;
	}
	#aktuelles_close2{
		position:			relative;
		width:				100%;
		text-align:			center;
		cursor:				pointer;
	}
	#aktuelles_text{
		margin:				30px 0 0 0;
	}
	#icon_close{
		width:				20px;
		margin-top:			-20px;
	}	
	#icon_close2{
		width:				20px;
		margin-top:			7px;
	}	
	
	
	


	
	#seite_3{
		position:			relative;
		width:				100%;
		min-height:			none;
		top:				100px;
	}
	

	.navi_table{
		position:			relative;
		width:				80%;
		margin:				auto;
	}
	.navi_row{
		margin-bottom:		0px;
		width:				100%;
		height:				50px;
	}
	.navi_blue{
		background:			#7cc8ec;
		width:				3px;
		margin-right:		7px;
		height:				30px;
		float:				left;
	}
	.navi_text{
		background:			#ececec;
		color:				#000;
		padding:			5px 0 0 15px;
		width:				calc(100% - 55px);
		height:				30px;
		float:				left;
		font-family:		signika_lgt;
		font-size:			1.1em;
	}
	.navi_arrow{
		background:			#ececec;
		padding:			5px 20px 0 0;
		height:				30px;
		float:				left;
	}
	.icon_rechts{
		
	}
	
	.nav_content_ease_1{
		height:				400px;
	}
	.nav_content_ease_2{
		height:				1300px;
	}
	.nav_content_ease_3{
		height:				250px;
	}
	.nav_content_ease_4{
		height:				1200px;
	}
	
	.content_head{
		font-size:			1.5em;
		margin:				20px 0 20px 0;
		width:				100%;
	}
	.content_text{
		position:			relative;	
		margin-left:		0px;
		line-height:		180%;
		width:				100%;
		font-size:			0.9em;
	}
	.content_text_2{
		position:			relative;
		margin:				50px 0 20px 0;
		width:				100%;
	}
	
	#seite_4_info{
		width:				80%;
		margin:				auto;
	}
	
	
	#seite_gallery{
		top:				50px;
		margin-top:			100px;
	}


	#seite_impressum{
		width:				100%;
	}
	#impressum_content{
		width:				90%;
		margin:				auto;
	}

	.impressum_head{
		font-size:			1.7em;
		margin:				20px 0 30px 0;
	}
	.impressum_text{
		position:			relative;	
		margin:				0 0 50px 0px;
		line-height:		180%;
	}
	#seite_ds{
		width:				100%;
	}
	#ds_content{
		position:			relative;
		width:				90%;
		margin:				auto;
		margin-top:			50px;
	}

	.ds_head{
		font-size:			1.7em;
		margin:				20px 0 30px 0;
	}
	.ds_text{
		position:			relative;	
		margin:				0 0 50px 0px;
		line-height:		180%;
	}
	
	
	.seite_kontakt{
		width:				100%;
		height:				1000px;
		top:				90px;
		transition: 		height .5s;
	}
	.seite_kontakt_ease{
		top:				90px;
		width:				100%;
		height:				180px;
		z-index:			800;
		transition: 		height .5s;
	}
	#kontakt_head{
		width:				100%;
		padding-top:		20px;
		font-size:			1em;
	}
	#kontakt_pfeil{
		width:				20px;
		margin-bottom:		10px;
	}
	#kontakt_send{
		width:				100%;
		margin-top:			0px;
		text-align:			left;
		float:				none;
	}
	
	.send{
		margin-top:			30px;
		width:				100%;
	}

	#kontakt_form{
		margin-top:			20px;
	}

	.kontakt_form_1,
	.kontakt_form_2{
		width:				100%;
		font-size:			0.9em;
	}
	
	#fuss_welle,
	#fuss_box{
		width:				100%;
		
	}	
	#fuss_tab{
		width:				80%;
		margin:				auto;
		padding-top:		25px;
	}
	#herriges{
		width:				40%;
	}
	.fuss_cell{
		width:				100%;
		font-size:			0.8em;
	}
	

}






.checkbox-wrapper-19 {
	box-sizing: border-box;
    --background-color: #f6f6f6;
    --checkbox-height: 25px;
  }

  @-moz-keyframes dothabottomcheck-19 {
    0% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) / 2);
    }
  }

  @-webkit-keyframes dothabottomcheck-19 {
    0% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) / 2);
    }
  }

  @keyframes dothabottomcheck-19 {
    0% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) / 2);
    }
  }

  @keyframes dothatopcheck-19 {
    0% {
      height: 0;
    }
    50% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) * 1.2);
    }
  }

  @-webkit-keyframes dothatopcheck-19 {
    0% {
      height: 0;
    }
    50% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) * 1.2);
    }
  }

  @-moz-keyframes dothatopcheck-19 {
    0% {
      height: 0;
    }
    50% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) * 1.2);
    }
  }

  .checkbox-wrapper-19 input[type=checkbox] {
    display: none;
  }

  .checkbox-wrapper-19 .check-box {
    height: var(--checkbox-height);
    width: var(--checkbox-height);
    background-color: transparent;
    border: calc(var(--checkbox-height) * .1) solid #c6c6c6;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: border-color ease 0.2s;
    -o-transition: border-color ease 0.2s;
    -webkit-transition: border-color ease 0.2s;
    transition: border-color ease 0.2s;
    cursor: pointer;
  }
  .checkbox-wrapper-19 .check-box::before,
  .checkbox-wrapper-19 .check-box::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    height: 0;
    width: calc(var(--checkbox-height) * .2);
    background-color: #19a8e6;
    display: inline-block;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-radius: 5px;
    content: " ";
    -webkit-transition: opacity ease 0.5;
    -moz-transition: opacity ease 0.5;
    transition: opacity ease 0.5;
  }
  .checkbox-wrapper-19 .check-box::before {
    top: calc(var(--checkbox-height) * .72);
    left: calc(var(--checkbox-height) * .41);
    box-shadow: 0 0 0 calc(var(--checkbox-height) * .05) var(--background-color);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  .checkbox-wrapper-19 .check-box::after {
    top: calc(var(--checkbox-height) * .37);
    left: calc(var(--checkbox-height) * .05);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box,
  .checkbox-wrapper-19 .check-box.checked {
    border-color: #c6c6c6;
  }
  .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box::after,
  .checkbox-wrapper-19 .check-box.checked::after {
    height: calc(var(--checkbox-height) / 2);
    -moz-animation: dothabottomcheck-19 0.2s ease 0s forwards;
    -o-animation: dothabottomcheck-19 0.2s ease 0s forwards;
    -webkit-animation: dothabottomcheck-19 0.2s ease 0s forwards;
    animation: dothabottomcheck-19 0.2s ease 0s forwards;
  }
  .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box::before,
  .checkbox-wrapper-19 .check-box.checked::before {
    height: calc(var(--checkbox-height) * 1.2);
    -moz-animation: dothatopcheck-19 0.4s ease 0s forwards;
    -o-animation: dothatopcheck-19 0.4s ease 0s forwards;
    -webkit-animation: dothatopcheck-19 0.4s ease 0s forwards;
    animation: dothatopcheck-19 0.4s ease 0s forwards;
  }


* {
	box-sizing: border-box;
}