@charset "utf-8";

@media screen and (max-width:1500px){
	#gallery-text-wrapper,
	.box { width:auto; }

	/*Galerie-/Karten-Container*/
		.cimagepool .gallery-wrapper, #maps { padding-bottom:0; height: 450px; }

	/* Kontakt */
		.f1_col1of2,
		.f1_col2of2 { width:100%; padding:0; }
		#contactForm div.cb.first { display:none; }
}

@media screen and (max-width:1380px){
	#gallery-text .title { font-size:2.8rem; font-size:28px; line-height:4.0rem; line-height:40px; }

	#logo { margin-top:-140px; }
	#logo img { height:60px; }
	#logo a { border-width:10px; }
}

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


	/* Gallery */
		#gallery-text-wrapper { top:50px; }
		#gallery-text .title { font-size:2.5rem; font-size:25px; line-height:3.0rem; line-height:30px; }

}

@media only screen and (min-width:1024px){}

@media screen and (max-width:1024px) {	/* iPad Querformat oder grösser */ 

		/*Galerie-/Karten-Container*/
		.cimagepool .gallery-wrapper, #maps { padding-bottom:0; height:350px; }
}

@media only screen and (max-width: 1023px) {
	html { font-size:65% !important; -webkit-text-size-adjust:100%; -webkit-overflow-scrolling:touch; /* Prevent font scaling in landscape */ }
	/* iPad hochformat  768px */

	/* DSColumn */
		#dscolumn1_2,
		#dscolumn2_2 { float:none; width:auto; padding:0; }

	/* DSMain */
		#dsmain { padding-top:20px; }

	/* Logo */
		#logo { margin-top:-70px; }

	/* MENUTRIGGER */
		#menutrigger { display:block; float:right; background:transparent; padding:0; margin:10px 0px; }
		#menutrigger.open span.line2 { background:#ff9966; }
		#menutrigger.open span.line3 { background:#7e7e7e; }
		#menutrigger span { background:#ef7f2d;}

	/*** Nav ***/
		#nav { float:none; clear:both; min-height:0px; padding-top:0; transform:translateY(0px); }
		#nav a { border-radius:0px; }
		#dsmenus { display:none; width:100%; }
		#dsmenus li { float:none; }
		#dsmenus > li + li { margin-left:0; border-top:1px #fff solid; border-left-width:0px; }
		#dsmenus a { display:block; padding:5px 0; line-height:35px; }

		#dsmenus > li > a { padding: 5px 15px; }
		#dsmenus > li.fixwidth:after { content:"\f107"; position:absolute; top:0; right:0; left:auto; width:40px; height:40px; line-height:40px; text-align:center; font-family:"FontAwesome"; font-size:20px; color:#fff; transition:.4s all; }
		#dsmenus > li.dsmenu_active:after,
		#dsmenus > li.fixwidth.running:after { transform:rotate(-90deg); }
		#dsmenus > li.dsmenu_active > ul { display:block; }
		#dsmenus > li > ul { position:static; width:auto; padding:5px; float:none; background:#fff; }
		#dsmenus > li > ul > li { margin-top:0 !important; background-color:#fff; color:#ef7f2d; z-index:5; }
		/*#dsmenus > li > ul > li { border-top:1px #ef7f2d solid; }*/
		#dsmenus > li > ul > li:after { display:none; }
		#dsmenus > li > ul > li > a { padding:5px 10px; line-height:30px; color:#ef7f2d; background:#fff; }
		#dsmenus li.dssubmenu_active > a{ color:#fff; }
		#dsmenus > li > ul > li + li { margin-left:0; }

	/* Items */
		.items { margin-left:-20px; }
		.items .item { width:33.3%; padding-left:20px; margin-bottom:0px; box-sizing:border-box; }
		.items .item .box { margin-bottom:20px; }
		.items .item .box .placeholder > div { padding-bottom:100%; }
		.items .item .content .text h3 { padding:5px 10px; }

	/* Searchpanel */
		.searchpanel > form > div ,
		.cnews .paging > div { width:33.3%; }

	/* News */
		.cnews.viewue .wrapper .content .text { line-height:2.5rem !important; line-height:25px; }
		.cnews.viewue #alle_news a { padding-left:10px; } 
		.cis-contentslider .text h3 { margin:10px 0; }

		#ajaxdiv { position:fixed; top:0 !important; left:0; right:0; width:auto; height:100%; margin:0; background:transparent; overflow:visible; }
		#ajaxdiv:after { content:""; display:block; }
		#ajaxdiv .top-navigation { display:none; }
		#ajaxdiv > div { overflow:auto; -webkit-overflow-scrolling:touch; padding:0; margin-right:0px; }
		#ajaxdiv .popupheader .ajaxclose { position:fixed; top:30px; right:30px; z-index:100;}
		#ajaxdiv .gallery-wrapper { height:50%; position:relative; background:#efefef;}
		#ajaxdiv .popupcontent { position:relative; top:auto; right:auto; box-sizing:auto; width:auto; padding:15px; overflow:visible; }
		#ajaxdiv .popupheader { padding:0 15px; height:auto; }
		#ajaxdiv .popupheader a { height:30px; width:30px; line-height:30px; line-height:3.0rem; }
		#ajaxdiv .popupheader .logo { width:150px; }
		#ajaxdiv .popupbody { position:absolute; right:0; width:100%; padding:0; box-sizing:border-box; overflow:visible; padding:0 15px; }

	/* Footer */
		#copyright { width:60%; }
		#impressum { width:40%; }

		.sitefooter { padding-right:0; }
		.sitefooter:before { background:initial; }
		#mobilefooter:after { content:""; position:absolute; top:0; right:0; width:80px; height:80px; background:url('../mm/footer-logo.png') no-repeat center center; background-size:contain; }

		#footer { display:none; }
		#mobilefooter { display:block; }
		#mobilebuttons { margin-top:20px; }
		#mobilebuttons > div { display:inline; float:left; width:50%; height:30px; box-sizing:border-box; }
		#mobilebuttons > div + div { padding-left:10px; }
		#mobilebuttons > div > a { display:block; border:1px white solid; text-decoration:none; font-size:20px; line-height:40px; height:40px; text-align:center; }
		#mobilebuttons > div > a.phone:before { font-family:"FontAwesome"; content:"\f095"; }
		#mobilebuttons > div > a.mail:before { font-family:"FontAwesome"; content:"\f0e0"; }
		#mobilebuttons:after { content:""; display:block; clear:both; } 

		#link_footer > div{ margin-top:30px; border-top:1px #ef7f2d solid; padding-top:0px; }


	/* Gallery */
		/* 6 Images per row */
		.cgallery .items .item { width:16.66667%; }
}

@media screen and (max-width:840px){
	#copyright,
	#impressum { float:none; width:100%; text-align:center; }
	#link_footer #impressum  { border-top:0px; margin-top:10px; }


}

@media only screen and (max-width:767px) {
	html { font-size:67% !important; -webkit-text-size-adjust:100%; -webkit-overflow-scrolling:touch; /* Prevent font scaling in landscape */ }

	/* iPhone 6 Querformat 667px */
		#gallery-text-wrapper { left:20px; right:20px; }

		#logo { left:20px; }
		#logo img { width:200px; height:auto; }
		.cimagepool .gallery-wrapper { height:230px; padding-bottom:0; }

	/* Gallery Text */
		#gallery-text { padding:15px; float:none; width:auto; }
		#gallery-text-wrapper {left: 20px; right: 20px; top:20px; width:auto; }
		#gallery-text .title { font-size:18px; font-size:1.8rem; }
		#gallery-text .text {font-size:18px; line-height:26px;}


	/* DSMain */
		#dsmain { padding:20px; }

	/*Content*/
		.dsarticle {line-height:25px; line-height:2.5rem;}

	/* Header */
		#siteheader { padding:0px; }
		#menutrigger { margin:10px 20px; }

	/* SiteFooter */
		#sitefooter { padding:30px 20px; }

	/* Paging */
		.paging { margin-left:-20px; }
		.paging > div { width:50%; padding-left:20px; }

	/* Searchbar */
		#dscolumn1_2 .searchpanel > form > div { width:100%; }
		.searchpanel > form > div ,
		.cnews .paging > div { width:100%; }

	/* Items */
		#dscolumn1_2 .cnews .item,
		.items .item { width:50%; }

	/* Scrolltop */
		a#scrolltop { right:20px; }

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

		#gallery-text { width:auto; }

	/* News */
		.cnews.viewue #alle_news { padding-top:10px; }
		.cnews.viewue #alle_news a { padding:0px 15px; }
		.cnews.viewue .wrapper .navigation { bottom:-50px; }

	/* Form */
		.cform .f1_row > div { width:100%; float:none; }
		.cform .f1_row > div.col.ort { padding-left:0px; } 
		.cform .f1_row > div.col.plz { padding-right:0px; }
		.cform .f1_row > div + div { padding-top:5px; }
		input[type=text], input[type=email], input[type=password], textarea, .cis-select, button { height:40px; }
		.cis-select > div { height:28px; line-height:28px; }

}

@media only screen and (max-width:666px) {
	/* iPhone 5 Querformat 568px */

}

@media only screen and (max-width:567px) {
	/* iPhone 4 Querformat 480px */

	/* Logo */
		#logo { margin-top:-50px; }
		#logo img { height:50px; }
		#logo a { border-width:5px; }

	/* Imageslider */
		#gallery-text { float:left; width:80%; }
		#gallery-text .title { font-size:20px; font-size:2.0rem; line-height:25px; line-height:2.5rem; }

	/* Footer Copyright */
		#copyright a { width:100%; float:none;  }
		#copyright a + a:before { content:""; }


	/* Gallery */
		.cgallery .items .item { width:33.3333%; padding-left:10px; }
		.cgallery .items .item .box { margin-bottom:10px; }

}

@media screen and (max-width:500px){
	/* Kontakt Form */
		.f1_row.spamfilter input[type="text"],
		.f1_row.spamfilter label { width:100%; float:none; }
		.f1_row > label.spamfilter:before { content:"\f062"; }
		.cform .textarea { padding-bottom:0px; }
}

@media only screen and (max-width:479px) {
	/* iPhone 6 Hochformat 375px */
	#mobilefooter:after { width:60px; height:60px; }

	h1.dstitle_1, h1.dstitle_2 { line-height:30px; line-height:3.0rem; font-size:25px; font-size:2.5rem; }

	/* Header */
		#logo { position:relative; max-width: 220px; margin:-54px auto 0; left:inherit; }
		#logo img{max-width:100%}
		#menutrigger { margin:10px auto 0; float:none; }
		.cimagepool .gallery-wrapper { height:280px; padding-bottom:0; }


	/* Paging */
		.paging { margin-left:-10px; }
		.paging > div { width:100%; margin-bottom:10px; padding-left:10px; }

	/* Searchbar */
		.searchpanel { margin:0px; }
		.searchpanel .ajaxform > div { width:100%; }

	/* Items */
		.items { margin-left:-10px; }
		.items .item { width:100%; padding-left:10px; }
		.items .item .box .content .text h3 { font-size:1.6rem; font-size:16px; line-height:2.0rem; line-height:20px; }

		/* Searchbar */
		.searchpanel > form > div ,
		.cnews .paging > div { width:100%; }

	/* News slider */
		.cnews.viewue .wrapper { height:380px; }
		.cnews.viewue .wrapper .content .placeholder.load,
		.cnews.viewue .wrapper .content .placeholder { position:relative; top:auto; right:auto; left:auto; width:100%; height:200px; }

		.cnews.viewue .wrapper .content .text,
		.cnews.viewue .wrapper .content .placeholder.load + .text { width:100%; float:none; }

}

@media only screen and (max-width:374px) {
	/* iPhone 4/5 Hochformat 320px */
	#mobilefooter:after { content:""; background-image:none; }

	div[class*='dsimage_'] { float:none !important; }
	div[class*='dsimage_'] img { padding-left:0; }

}

@media (max-width:320px){
}