*{font-size: 16px; line-height: 22px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color:rgb(100, 100, 100);}
	body{background: url(../img/hintergrund.jpg) repeat-x 0px 131px;}
	.clear{ line-height:0; height:0px; opacity:0; border:none; clear:both;}
	#logo{text-align: left; height: 108px; position:relative; margin-bottom: 18px;}
	#logo img{width: 230px; height: auto; position: absolute; left: 20px; bottom: 0; z-index: 4;}
	#wrapper{width: 870px; margin: 5px auto 0 auto;background-color:#FFF;}
	#content{  }
	#line{  height: 10px; width: 100%; left: 0px; top: 131px; background: rgb(0, 136, 204); position: absolute; z-index: -1;}
	#line2{position: absolute; width: 218px; height: 10px; background: white; right: 110px; bottom: 0; z-index: 2; opacity: 0.7;
	-moz-transform: scale(5) skewX(-30deg); -webkit-transform: skewX(-30deg); -o-transform: skewX(-30deg); -ms-transform: skewX(-30deg); transform: skewX(-30deg);}
	#slider{width: 100%;}
	#slider img{width: 100%; height: auto;}
	#cont_dunkler{background-color: #c9e3f1; color:#FFFFFF;}
	#header_kontakt{position: absolute; top: 93px; right: 0px;}
	.cont, .cont2, .contmap{margin: 10px 0; background: rgb(230, 243, 250); padding: 30px; cursor: auto;}
	.cursorPointer{cursor: pointer;}
	.inner{display: none;}
	#teas{font-size: 40px; text-align: center; color: white; background: rgb(0, 136, 204); font-weight: 300; line-height: 40px; margin-top: -5px; margin-bottom: 50px; padding: 15px 0;}

	.plus{position: absolute; right: 0; top: -5px; opacity: 0.5; width:32px;
	-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	.plus.open{-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

	hr{border: 2px solid rgb(0, 136, 204); margin: 35px 0;}
	h1{font-size: 30px; color: rgb(0, 136, 204); line-height: 32px; margin: 35px 0; font-weight: 600; padding-left:30px;}
	h2{font-size: 20px; color: rgb(100,100,100); margin: 0; margin-bottom: 10px; margin-bottom: 0; padding-right: 40px;  position: relative;  font-weight: 600;}
	h3{font-weight: normal; color: rgb(0, 136, 204); margin: 15px 0; font-weight: 400;}
	h4{margin-top: 15px; margin-bottom: 5px; font-weight: 600;}
	p{color: rgb(100,100,100); margin: 0; margin-bottom: 12px; width: 100%;}
	ul{padding-left: 30px; list-style: none;}
	ul li:before{content: "– "; color: rgb(0, 136, 204); margin-left: -14px;}

	img{ max-width:100%;}

	.tleft, .tright{ float:left;}
	.tleft{ margin-right: 60px;}
	.table{margin-bottom:20px;}
	.tleft h4{ margin-top:0;}

	.kontakt_img{margin-bottom: 18px;}

	#footer .fowrap{ width: 870px; margin:0 auto; }
	#footer .tleft,#footer .tright{ width:150px; text-align:left;color:#FFF; font-size:14px;}
	.fowrap b{ color:#FFF;}
	#footer{background: rgb(0, 136, 204); padding: 30px; text-align: left;}
	#footer p{color: white; font-size: 12px; line-height: 12px; margin: 0; line-height: 18px;}
	#footer p a{color: white; text-decoration: none; font-size: 12px;  line-height: 12px;}

	#map-canvas,#map-canvas2{height: 350px; margin-bottom: 35px;}
	.swiper-slide img{line-height: 0;}

	.tright a {color: rgb(0, 136, 204); text-decoration: none; }
	a.button{ display:inline-block; padding:8px 12px; background-color:#91C3E1; color:#FFF; text-decoration:none; width:240px; margin-top:10px; margin-right:10px;}

	.erlebnisbox img{ width:19.5%;}

	@media only screen and (max-width: 870px), only screen and (max-device-width: 870px){
		#header_kontakt{position: absolute; top: 93px; right: 10px;}
		body{background: none;}
		#wrapper{width: 100%;}
		h1{padding: 0 20px;}
		.cont, .cont2, .contmap{padding: 20px;}
		#teas{font-size: 30px;}
		#logo img{right: 20px;}
		#line2{right: 40px;}
		h1{font-size: 22px;}
		h2{font-size: 16px;}
		#footer{padding: 20px; font-size: 14px;}
		#map-canvas,#map-canvas2{height: 220px;}
		#footer .fowrap{ width: 100%; margin:0 auto; }
		.tleft{ margin-right: 10px; margin-bottom:20px;}
		.erlebnisbox img{ width:24%;}
	}
	@media only screen and (max-width: 460px), only screen and (max-device-width: 460px){
	#footer .tleft,#footer .tright{ width:80%;}
	.erlebnisbox img{ width:32%;}
	}