@charset "utf-8";

@media (max-width:2150px){
	.cimmotool.view #button-bezug { transform:translate(100%, -50%); }
}

@media (max-width:1830px){
	.cimmotool.view #button-bezug { width:200px; height:200px; transform:translate(100%, -20%); }
}

@media (max-width:1620px){
	/* Navigation */
		#nav-wrapper:after { left:500px; }
		nav { left:550px }

	/* Article */
		#ajaxdiv .popupbody h1, #ajaxdiv .popupbody h2,
		.dsarticle h1, .dsarticle h2 { font-size:50px; line-height:55px; }

		.dsarticle_2:after { left:500px; }
		.dsarticle_2 .dsarticle_content { max-width:none; padding-left:510px; }
		.dsarticle_2 .dstitledesign_container_2 { width:440px; }

		.dsarticle_3:after { left:500px; }
		.dsarticle_3 .dsarticle_content { max-width:none; padding-left:510px; }
		.dsarticle_3 .dstitledesign_container_3 { width:440px; }

		.dsarticle_4:after { left:500px; }
		.dsarticle_4 .dsarticle_content { max-width:none; padding-left:510px; }
		.dsarticle_4 .dstitledesign_container_4 { width:440px; }

		.dsarticle_5:after { left:500px; }
		.dsarticle_5 .dsarticle_content { max-width:none; padding-left:510px; }
		.dsarticle_5 .dstitledesign_container_5 { width:440px; }

	/* Immotool */
		.cimmotool.view .haftung, .cimmotool.view .list { margin-right:0; }

		.cimmotool.image { width:450px; }
		.cimmotool.image img { max-width:100%; }


		.cimmotool.view #button-bezug { position:relative; top:auto; right:auto; bottom:auto; left:auto; margin:20px auto; transform:none; }

		.cimmotool.view .row .col.spalte6,
		.cimmotool.view .row .col.spalte7 { display:block; }

	/* Cols */
		/* .cimmotool.view .row .col { width:10%; }
		.cimmotool.view .row .col.icons,
		.cimmotool.view .row .col.counter { width:8%; }
		.cimmotool.view .row .col.spalte1 { width:10%; }
		.cimmotool.view .row .col.spalte2 { width:8%; }
		.cimmotool.view .row .col.spalte3 { width:5%; }
		.cimmotool.view .row .col.spalte4 { width:10%; }
		.cimmotool.view .row .col.spalte7 { width:13%; }
		.cimmotool.view .row .col.spalte8 { width:13%; }
		.cimmotool.view .row .col.spalte9 { width:14%; } */

	/* Contact block */
		#contact-block { width:450px; }

	/* Box */
		.cbox.view .placeholder { left:-98px; }
}

@media (max-width:1580px){
	#ajaxdiv { margin:0 40px; width:auto; }
}

@media (max-width:1500px){

	/* Navigation */
		#nav-wrapper:after { left:400px; }
		nav { left:550px }

	/* Article */
		#ajaxdiv .popupbody h1, #ajaxdiv .popupbody h2,
		.dsarticle h1, .dsarticle h2 { font-size:40px; line-height:45px; }

		.dsarticle_2:after { left:400px; }
		.dsarticle_2 .dsarticle_content { max-width:none; padding-left:410px; }
		.dsarticle_2 .dstitledesign_container_2 { width:340px; }

		.dsarticle_3:after { left:400px; }
		.dsarticle_3 .dsarticle_content { max-width:none; padding-left:410px; }
		.dsarticle_3 .dstitledesign_container_3 { width:340px; }

		.dsarticle_4:after { left:400px; }
		.dsarticle_4 .dsarticle_content { max-width:none; padding-left:410px; }
		.dsarticle_4 .dstitledesign_container_4 { width:340px; }

		.dsarticle_5:after { left:400px; }
		.dsarticle_5 .dsarticle_content { max-width:none; padding-left:410px; }
		.dsarticle_5 .dstitledesign_container_5 { width:340px; }

	/* Immotool */
		.cimmotool.image { top:450px; width:350px; }

	/* Contact block */
		#contact-block { width:350px; }
}

@media (max-width:1400px){


	/* Navigation */
		#menutrigger { left:120px; }
		#nav-wrapper:after { left:60px; }
		nav { left:120px }

	/* Logo */
		#logo,
		#logo-wrapper { top:20px; right:0; height:240px; padding-bottom:0; }

	/* Article */
		#ajaxdiv .popupbody h1, #ajaxdiv .popupbody h2,
		.dsarticle h1, .dsarticle h2 { font-size:40px; line-height:45px; }
		#ajaxdiv .popupbody h2,
		.dsarticle h1 + h2,
		.dsarticle h2 + h2 { padding-bottom:40px; }

		.dsarticle_2:after { left:60px; }
		.dsarticle_2 .dsarticle_content { max-width:none; width:auto; padding-left:80px; }
		.dsarticle_2 .dstitledesign_container_2 { position:relative; top:auto; left:auto; width:auto; max-width:none; }

		.dsarticle_3:after { left:60px; }
		.dsarticle_3 .dsarticle_content { max-width:none; width:auto; padding-left:80px; }
		.dsarticle_3 .dstitledesign_container_3 { position:relative; top:auto; left:auto; width:auto; max-width:none; }

		.dsarticle_4:after { left:60px; }
		.dsarticle_4 .dsarticle_content { max-width:none; width:auto; padding-left:80px; }
		.dsarticle_4 .dstitledesign_container_4 { position:relative; top:auto; left:auto; width:auto; max-width:none; }

		.dsarticle_5:after { left:60px; }
		.dsarticle_5 .dsarticle_content { max-width:none; width:auto; padding-left:80px; }
		.dsarticle_5 .dstitledesign_container_5 { position:relative; top:auto; left:auto; width:auto; max-width:none; }

	/* Immotool */
		.cimmotool.image { position:relative; top:auto; left:auto; width:auto; }
		.cimmotool.view #button-bezug { position:absolute; top:300px; right:0; }

	/* Contact block */
		#contact-block { position:relative; top:auto; left:auto; width:auto; }

	/* Box */
		.cbox.view .item { margin-bottom:40px; }
		.cbox.view .placeholder { left:-108px; }

}

@media (max-width:1270px){
	nav,
	#menutrigger { left:90px; }

	/* Article */
		.dsarticle div.dsarticle_content { padding-left:50px; }
		.dsarticle_1 div.dsarticle_content { padding-left:0; }

	/* Modul in Article 3 */
		.dsarticle_3 .cmaps.view,
		.dsarticle_3 .cgallery.slide { right:-40px; left:-40px; }

	/* Button Bezug */
		#button-bezug { right:40px; left:auto; width:200px; height:200px; transform:none; }

	/* Box */
		.cbox.view .item { padding-left:60px; }
		.cbox.view .placeholder { left:-138px; }
}

@media (max-width:1035px){

	/* Navigation */
		#menutrigger,
		nav { left:70px; }
		#nav-wrapper:after { left:40px; }

	/* Article */
		.dsarticle:not(.dsarticle_1) div.dsarticle_content { padding-left:30px; }
		.dsarticle:after { left:40px; }

}

@media (max-width:1024px){

	.dsarticle_3 { padding-top:0 !important; }
	.dsarticle:not(.dsarticle_1) { padding-top:80px; padding-bottom:40px; }

	#scrolldown:before { font-size:60px; }

	/* Article */
		.dsarticle_1 .cgallery.view { margin-left:-40px; }
		.dsarticle_3 { padding-top:0; }
		.dsarticle_3 > .dsarticle_content > .dstitledesign_container_3 { padding-top:60px }

		#ajaxdiv .popupbody h2, .dsarticle h1 + h2, .dsarticle h2 + h2 { padding-bottom:20px; }
		#ajaxdiv .popupbody h1, #ajaxdiv .popupbody h2, .dsarticle h1, .dsarticle h2 { font-size:38px; font-size:3.8rem; line-height:1.1; }

	/* Ajaxdiv */
		#ajaxdiv .popupbody h1,
		#ajaxdiv .popupbody h2 { font-size:35px; letter-spacing:0; }

		#ajaxdiv ul[class^="dslinklist_"] > li { float:none; }
		#ajaxdiv ul[class^="dslinklist_"] > li + li { padding-left:0; }

	/* Maps */
		.dsarticle_3 .cmaps.view,
		.category-wrapper { position:relative; top:auto; right:auto; bottom:auto; left:auto; transform:none; }
		.cmaps .box-wrapper .box { margin:0 5px; }
		.maps-wrapper { margin-right:-40px; margin-left:-80px; }

	/* Gallery */
		.dsarticle_3 .cgallery.slide { position:relative; top:auto; right:auto; bottom:auto; left:auto; transform:none; margin-right:-40px; margin-left:-80px; }
		.cgallery.slide { min-height:0;  }

	/* Box */
		.cbox.view .placeholder { left:0; }
		.cbox.view .item { max-width:420px; }
		.cbox.view .item .box { padding-left:100px; }

	 /*Form*/
		.checkboxCheck > div { width:100%; }

	/* Immotool */
		.cimmotool.viewdet .cform,
		.cimmotool.viewdet .immobilie { padding:20px; }

}

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

	/* Navigation */
		#menutrigger,
		nav { left:40px; }
		#nav-wrapper:after { left:20px; }


	.maps-wrapper { margin:0; }


	.dsarticle_3 .cmaps.view, .dsarticle_3 .cgallery.slide { margin:0 -20px; }
	.flickity-prev-next-button.next { right:20px; }
	.flickity-prev-next-button.previous { left:20px; }
	.flickity-prev-next-button.next,
	.flickity-prev-next-button.previous { width:30px; height:40px;}

	.dsarticle { padding-right:20px; padding-left:20px; }
	.dsarticle:after { left:20px; }
	.dsarticle div.dsarticle_content { padding-left:20px; }

	.dsarticle_1 { padding-right:0; padding-left:0; }
	.dsarticle_1 div.dsarticle_content { padding-left:0; }

	/* Ajaxdiv */
		#ajaxdiv { position:absolute; top:0 !important; right:0; bottom:0; left:0; margin:0; transform:none; }
		#ajaxdiv > div { max-height:100vh; overflow:auto; }
		#ajaxdiv .ajaxclose { background-image:url(../mm/Schliessen_gruen.svg); }

	/* Immotool */
		.cimmotool.view .row { display:flex; flex-wrap:wrap; padding-left:40px; }
		.cimmotool.view .row .absolute { left:40px; }
		.cimmotool.view .row.header { padding-right:0; }

	/* 	.cimmotool.view .row .col.spalte1,
		.cimmotool.view .row .col.spalte2,
		.cimmotool.view .row .col.spalte4,
		.cimmotool.view .row .col.spalte5 { width:13.7%; }
		.cimmotool.view .row .col.spalte9,
		.cimmotool.view .row .col.spalte8 { width:18%; } */

		.cimmotool.view .row:not(.header):before { content:"\f067"; display:block; position:absolute; top:5px; left:5px; width:30px; height:30px; background-color:#3d3d2a; color:#fff; font-family:"Font Awesome 5 Pro"; font-size:20px; line-height:30px; text-align:center; }

		.cimmotool.view .row.in .col.icons { display:block; }
		.cimmotool.view .row .col.icons { display:none; order:11; width:100%; text-align:left !important; }
		.cimmotool.view .row .col.icons > .hidden { display:block; float:left; width:130px; font-weight:700; }
		.cimmotool.view .row.in .col.spalte6 { display:block; }
		.cimmotool.view .row .col.spalte6 { display:none; order:11; width:100%; text-align:left !important; }
		.cimmotool.view .row .col.spalte6 > .hidden { display:block; float:left; width:130px; font-weight:700; }
		.cimmotool.view .row.in .col.spalte7 { display:block; }
		.cimmotool.view .row .col.spalte7 { display:none; order:11; width:100%; text-align:left !important; }
		.cimmotool.view .row .col.spalte7 > .hidden { display:block; float:left; width:130px; font-weight:700; }

		/* Viewdet */
			.cimmotool.viewdet p { padding-bottom:20px; }
			.cimmotool.viewdet .popupbody { display:block; }
			.cimmotool.viewdet .cform, .cimmotool.viewdet .immobilie { float:none; width:auto; }
			.cimmotool.viewdet .cform { padding-left:20px; }
			.cimmotool.viewdet .immobilie { padding-right:20px; }

	/* Box */
		.cbox.view .item { padding-left:0; }

	/* Maps */
		.cmaps .box-wrapper .box { margin:0 5px; }
}

@media (max-width:820px){

	/* .cimmotool.view .row .col.spalte1 { width:20%; }
	.cimmotool.view .row .col.spalte2,
	.cimmotool.view .row .col.spalte4,
	.cimmotool.view .row .col.spalte5 { width:16.6%; }
	.cimmotool.view .row .col.spalte3 { width:10%; }
	.cimmotool.view .row .col.spalte9 { width:20%; } */

	.cimmotool.view .row.in .col.spalte8 { display:block; }
	.cimmotool.view .row .col.spalte8 { display:none; order:11; width:100%; text-align:left !important; }
	.cimmotool.view .row .col.spalte8--praxis {  width:100%; }
	.cimmotool.view .row .col.spalte8 > .hidden { display:block; float:left; width:130px; font-weight:700; }
}

@media (max-width:767px){

	/* Navigation */
		#nav-wrapper:after { display:none; }
		nav { position:relative; top:auto; right:auto; bottom:auto; left:auto; padding:80px; box-sizing:border-box; height:100vh; }


	/* DSLinklist */
		ul[class^="dslinklist_"] > li { float:none; }
		ul[class^="dslinklist_"] > li + li { padding-left:0; }

	/* Searchpanel */
		.searchpanel > form > div { width:100%; }

	/* Box */
		.cmaps .box-wrapper .box { padding:20px; }
		.cmaps .box-wrapper .box h3 { font-size:25px; }
		.cmaps .box-wrapper .box > div:not(.image) { line-height:1.2; }

}

@media (max-width:666px){

	/* Menutrigger */
		#menutrigger { top:30px; left:auto; right:20px; width:45px; }
		#menutrigger span { height:3px; width:45px; }
		#menutrigger span.line2,
		#menutrigger span.line3 { top:18px; }
		#menutrigger span.line4 { top:28px; }

		/* Navigation */
			#dsmenus > li { padding:15px 0; }
			#dsmenus > li > a { font-size:23px; font-size:2.3rem; }
			#dsmenus > li > ul > li > a { font-size:18px; font-size:1.8rem; }

	/* Logo */
		#logo { top:40px; right:auto; left:20px; width:120px; height:170px; }
		#logo-wrapper { top:150px; right:20px; z-index:3; width:80px; height:170px; }

		#button-bezug { width:120px; height:120px; }

	/* ajaxdiv*/
		#ajaxdiv .popupbody { padding-top:60px; }
		#ajaxdiv .ajaxclose { right:20px; }

	/* Article */
		.dsarticle_1 { min-height:0; padding-bottom:5px; }
		.dsarticle:after { display:none; }
		.dsarticle:not(.dsarticle_1) div.dsarticle_content { padding-left:0; }

	/* Immotool */
		/*.cimmotool.view .row .col.spalte1,
		.cimmotool.view .row .col.spalte2,
		.cimmotool.view .row .col.spalte4,
		.cimmotool.view .row .col.spalte9 { width:22.5%; }
		.cimmotool.view .row .col.spalte3 { width:10%; } */

		.cimmotool.view .row.in .col.spalte5:not('.spalte5--praxis') { display:block; }
		.cimmotool.view .row .col.spalte5:not('.spalte5--praxis') { display:none; order:11; width:100%; text-align:left !important; }
		.cimmotool.view .row .col.spalte5:not('.spalte5--praxis')> .hidden { display:block; float:left; width:130px; font-weight:700; }

		.cimmotool.view #button-bezug { margin:0; width:150px; height:150px; }

		.cimmotool.viewdet img { max-height:200px; }

	/* Maps */
		.cmaps .category-wrapper { margin-top:-80px }
		.cmaps .category-wrapper > .hidden { display:block; padding:0 20px; }
		.cmaps .box-wrapper { flex-wrap:wrap; }
		.cmaps .box-wrapper .box { width:calc(33.33% - 10px); padding:40px 20px; }
		.cmaps .box-wrapper .box h3,
		.cmaps .box-wrapper .box > div:not(.image) { display:none; }
		.cmaps .box-wrapper .box > .image { width:100%; height:50px; margin:0 auto; background-size:contain; }

	/* Box */
		.cbox.view h3 { font-size:25px; }
		.cbox.view .placeholder { position:relative; top:auto; left:auto; width:50px; height:70px; margin:0 auto 20px; }
		.cbox.view .item { max-width:none; text-align:center; }
		.cbox.view .item .box { padding-left:0; }
		.cbox.view .item .box > a:not(.dsbutton) { margin:20px auto; }

		.cgallery.slide { height:0; padding-bottom:28%; }
		.cgallery.view { height:60vh; }
		.cgallery .flickity-wrapper .flickity-gallery .flickity-viewport .flickity-slider > div > .zoom { background-size:50px auto; }
		.cgallery.slide .flickity-wrapper .flickity-gallery .flickity-viewport .flickity-slider > div { margin:0 2px; }

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

		.f1_row.empty { min-height:0; padding:0; }

		.checkboxCheck > div label { padding:5px 0 5px 30px; }
		.checkboxCheck > div label:before { top:7px; }

		#contact-block img { max-height:70px; margin:10px 0; }


		#dssitefooter > .close { top:auto; bottom:20px; right:20px;  }

		.cimmotool.view .row.in .col.spalte9--praxis { display:block; }
		.cimmotool.view .row .col.spalte9--praxis { order:11; display:none; width:100%; text-align:left !important; }
		.cimmotool.view .row .col.spalte9--praxis > .hidden { float:left; display:block; width:130px; font-weight:700; }

}

@media (max-width:530px){

	#logo-wrapper { display:none; }
	nav { padding:40px 20px; }
	#dsmenus > li > a { font-size:25px; font-size:2.5rem; letter-spacing:0; }

	/* SCrolldowmn */
		#scrolldown { right:20px; }

	/* Article */
		#ajaxdiv .popupbody h1, #ajaxdiv .popupbody h2,
		.dsarticle h1, .dsarticle h2 { font-size:30px; font-size:3rem; line-height:35px; line-height:3.5rem; }

		.dsarticle div[class^="dsbody_"] p > strong { font-size:20px; font-size:2rem; line-height:1; }

	/* Immotool */
		/* .cimmotool.view .row .col.spalte1,
		.cimmotool.view .row .col.spalte2,
		.cimmotool.view .row .col.spalte4 { width:27%; }
		.cimmotool.view .row .col.spalte3 { width:18%; } */

		/*.cimmotool.view .row.in .col.spalte3 { display:block; }*/
		/*.cimmotool.view .row .col.spalte3 { display:none; order:11; width:100%; text-align:left !important; }*/
		/*.cimmotool.view .row .col.spalte3 > .hidden { display:block; float:left; width:130px; font-weight:700; }*/
		.cimmotool.view .row.in .col.spalte9 { display:block; }
		.cimmotool.view .row .col.spalte9 { display:none; order:11; width:100%; text-align:left !important; }
		.cimmotool.view .row .col.spalte9 > .hidden { display:block; float:left; width:130px; font-weight:700; }

		.cimmotool.view .row.in .col.spalte3--praxis { display:block; }
		.cimmotool.view .row .col.spalte3--praxis { display:none; order:11; width:100%; text-align:left !important; }
		.cimmotool.view .row .col.spalte3--praxis { width:100%; }
		.cimmotool.view .row .col.spalte3--praxis > .hidden { display:block; float:left; width:130px; font-weight:700; }
}

@media (max-width:479px){

	.cimmotool.view #button-bezug { float:right; position:relative; top:auto; right:auto; bottom:auto; width:150px; height:150px; margin:0; transform:none; }
	.cimmotool.view .dslinklist_0:before { content:""; display:block; clear:both; }
	.cimmotool.image { display:none; }
	.cimmotool.view .list.scroll { max-height:none; }
}

@media (max-width:394px){
	.cimmotool.view .row .col { padding-left:0; padding-right:0;}
	.dsarticle { font-size:1.5rem; }

}