@charset "utf-8";

@media (min-width:2000px){
	/* Flickity */
		.cvideo.view .video-wrapper > div { height:790px; padding-bottom:0; }
}


@media (max-width:1500px){

	#button { left:20px; transform:none; }
}

@media (max-width:1380px){

	/* Grundlayout */
		#siteheader { padding:20px 20px 10px; }
		#dscontent { width:auto; margin:-150px 20px 0; }
		#dssitefooter { width:auto; margin:0 20px; }


	/* Immotool */
		.cimmotool.view > .row > .col { float:none; max-width:740px; width:auto !important; margin:0 auto; }
		.cimmotool.view .list:not(.scroll) { padding-top:0; }
		.cimmotool .isometrie { margin-bottom:20px; text-align:center; }

}

@media (max-width:1200px){

	/* Bilder in Artikeln */
		div[class*='dsimage_'] img { display:none !important; }

	.fitness-stoerer { background-image:url(../svg/stoerer_fitness_mobile.svg); top:27vw; height:140px; }
	.flickity-slider { top:0 !important; height:100%; }
	.flickity-slider > div { background-position:center center; }

	html:not(.ie) #maps { height:100% !important; }
	html:not(.ie) #maps > div { top:0 !important; }
}

@media (max-width:1024px){


	/* Grundlayout */
		#dscontent { margin-top:-100px; }

		/* Header */
			#logo { top:70px; }
			#logo a { min-height:50px; }
			#nav-logo { height:100px; }
			.fitness-stoerer { top:290px; }

	/* DSArticle */
		.dsarticle { padding:20px 0;}
		.dsarticle_1 { padding:20px; }

	/* Flickity */

		/* Header */
			.cvideo.view .video-wrapper > div { height:460px; padding-bottom:0; }

		/* Content */
			.cgallery.slider .flickity-wrapper { height:490px; padding-bottom:0; }

	/* Maps */
		.maps-wrapper { height:490px; padding-bottom:0; }
}


@media (max-width:1023px){
	html { font-size:67% !important; line-height:67% !important; -webkit-text-size-adjust:100%; /* Prevent font scaling in landscape */ }


	div[class*='dsimage_'] img { display:none !important; }

	/* Article */
		.dsarticle_5 { margin-top:-40px; }



	/* Flickity */
		.cgallery.slider .flickity-wrapper { height:350px; }

	/* Maps */
		.maps-wrapper { height:350px; }

	/* Gallery */
		.cgallery.view .items { margin-left:-20px; }
		.cgallery.view .item { margin-bottom:20px; }
		.cgallery.view .item .box { margin-left:20px; }

		.cgallery.view .item.height2 .box { height:calc(600px + (1 * 20px)); }
		.cgallery.view .item.height3 .box { height:calc(900px + (2 * 20px)); }



	/* button */
		#button { display:block; position:relative; top:auto; left:auto; margin:0 auto; }

}

@media (max-width:767px){

	/* Grundlayout */
		#dscontent { margin:-100px 10px 0; }
		#dssitefooter { margin:0 10px; }

	/* header */
		.quicklinks { display:none; }
		#menutrigger { margin-top:10px; }
		.fitness-stoerer { top:320px; width:140px; height:80px; right:-65px;  }

		/* Video */
			/*#flickity-gallery video { display:none; }*/
			/*#flickity-gallery { background-image:url(../mm/header.png); background-repeat:no-repeat; background-size:cover; background-position:center center; }*/

		/* Header Logo */
			#logo-mobile { float:left; }
			#logo-mobile a { width:100px; height:50px; background-image:url(../svg/logo.svg); background-repeat:no-repeat; background-size:contain; background-position:center center; }
			.navigation #logo { opacity:0; filter:alpha(opacity=0); visibility:hidden; }
			.navigation #logo-mobile { opacity:1; filter:alpha(opacity=100); visibility:visible; }

			/* Slogan*/
				#logo span { font-size:25px; }

		/* Navigation */
			#siteheader { padding:10px 20px; }
			#nav-logo { top:100px; height:80px; }


	/* Articledesign */
		.dsarticle { padding:20px 10px; }


	/* Gallery */
		.cgallery.view .item { width:33.33% !important; }
		.cgallery.view .item .box { height:300px !important; }

	/* Formular */
		.f1_row input[type=text],
		.f1_row input[type=email],
		.f1_row input[type=password] { height:40px; line-height:40px; }


		.cis-select { height:40px; }
		.cis-select:after { height:40px; width:40px; line-height:40px; }
		.cis-select > div { height:28px; line-height:28px; }
		.cis-select ul { top:41px; }
		.cis-select ul > li { line-height:28px; }

		.cform .f1_row.spamfilter > label { padding:0; line-height:40px; }
		.f1_row > button { height:40px; line-height:40px; }

		.f1_row > label { padding-left:0; }


	/* Immotool */
		.cimmotool.view .list .row.header { border-bottom:1px #999 solid; }
		.cimmotool.view .list .row .col { width:33.33% !important; text-align:center !important; }

	/* Scrolltop */
		#scrolltop,
		#scrolldown { position:fixed; right:20px; bottom:20px; }
		#scrolltop { bottom:80px; }

}

@media (max-width:666px){

	/* Footer */
		#sitefooter .col { float:none; width:100%; padding:0 0 20px 0; }

	/* Linklist */
		ul[class^="dslinklist_"] > li { float:none; width:auto; }

	/* Immotol */
		.cimmotool.view .list.scroll { max-height:300px; overflow:auto; }
		.cimmotool.view .list .row.header { display:none; }
		.cimmotool.view .list .row .col { float:none; width:auto !important; }
		.cimmotool.view .list .row .col .hidden { display:block; font-weight:700; text-align:center; }
		.cimmotool.view .list .row .col.icons a { font-size:20px; }

	/* Contentbox */
		.contentbox .item .box { padding:10px; }
		.contentbox .item .box .titel { padding:10px 0; font-size:25px; }


	/* Formular */
		.f1_col1of2 { float:none; width:100%; padding-right:0; padding-bottom:10px;}
		.f1_col2of2 { float:none; width:100%; padding-left:0; }
}

@media (max-width:579px){

	#nav-logo { height:100px; }

	/* Gallery */

	/* Gallery */
		.cgallery.view .item { width:100% !important; }
		.cgallery.view .item .box { height:200px !important; }
}

@media (max-width:479px){
	.item { width:100%; }
	.contentbox .item .box .image { height:100px; padding-bottom:0; }
}

@media (max-width:375px){

	#nav-logo { top:150px; height:80px; }
	nav { top:250px; transform:none; }


	/* Items */
		.item { width:100%; }
}


@media (max-height:700px){
	#nav { overflow:auto; }
	#nav-logo { position:relative; top:auto; margin-top:50px; transform:none; }
	nav { position:relative; top:auto; margin-top:50px; transform:none; }

}


@media (max-width:360px){
	#ajaxdiv {width: auto; left: 0; right: 0; top: 0 !important; padding: 40px 24px 15px; }
}

@media (max-width:342px){

	.fitness-stoerer { top:260px; right:-20px;  }

}