@charset "utf-8";

@media only screen and (max-width:1460px){
	#responsive {
		position:absolute; top:0; right:0; left:0; width:200px; margin:0 auto; line-height:30px;
		background-color:rgba(255,255,255,.6); color:#000; text-align:center; z-index:5;
	}
	#responsive:before { content:'SVG ausblenden - Border fullwidth'; }

	/*Header*/
	#dssiteheader { border-bottom:1px #929397 solid; }
	#dssiteheader .line { display:none; }
	body.scrolled #siteheader { width:auto;}


	/*SVG*/
	#dsmenucontainer { display:none; }

}

@media only screen and (max-width:1270px){
	#responsive:before { content:'Header hat kein Platz'; }

	/*Logo*/
	#logo img:not(.hidden) { width:340px; }

	/*Navigation*/
	#nav-wrapper { padding-top:37px; }
	#dsmenus > li:not(:last-child) { margin-right:1px; }
	#dsmenus > li > a { font-size:16px; font-size:1.6rem; }

	/*Formular*/
	#dscolumn2_2 .f1_row button { float:none; width:100%; }
}

@media only screen and (max-width:1150px){
	/*Footer*/
	#address ul li.city:after { display:none; }
	#address ul li.phone { clear:both; }

	/*Formular*/
	#dscolumn1_2 .f1_col1of2, #dscolumn1_2 .f1_col2of2 { float:none; width:auto; padding:0; }
	#dscolumn1_2 .f1_spamfilter { padding-left:140px; }
	#dscolumn1_2 .f1_spamfilter > label { text-align:center; padding:0 10px; }
	#dscolumn1_2 .f1_spamfilter > label:before { content:"\f062"; float:left; }
	#dscolumn1_2 .f1_spamfilter > label:after { content:"\f062"; font-family:FontAwesome; float:right; }
}

@media only screen and (max-width:1024px){
	#responsive:before { content:'iPad Landscape'; }

	/*Globale Breiten*/
	#siteheader, #top-content, #dsmain, #sitefooter, #dropmenu > div { padding-right:10px; padding-left:10px; }

	/*Header*/
	#logo { padding-top:0; }
	#nav-wrapper { padding-top:37px; }
	#dropmenu .close-dropmenu { right:10px; }

	/*Inhalt*/
	#dsmain { padding-top:10px; }
	#dscolumn1_2 { padding-right:25px; }
	#dscolumn2_2 { padding-left:25px; }

	/*Searchpanel*/
	.searchpanel { margin-bottom:10px; }
	.searchpanel > form { margin-left:-10px; }
	.searchpanel > form > div { width:33.333%; padding-bottom:10px; padding-left:10px; }

	/*Item*/
	.items { margin-left:-10px; }
	.item { width:33.333%; padding-left:10px; }

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

	/*Galerie*/
	.gallery-wrapper .cis-gallery .navigation { bottom:10px; left:10px; }

	/*Mitglieder*/
	.cmitglieder.viewlogos { margin-left:-5px; }
	.cmitglieder.viewlogos .logo .box { margin:0 5px; }

}

@media only screen and (min-width:1024px){
	/*Navigation*/
	#nav { display:block !important; }
}

@media only screen and (max-width:1023px){
	#responsive:before { content:'iPad Portrait'; }
	html { font-size: 65% !important; -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */ }

	/*Siteheader*/
	#siteheader { padding:0; }
	#logo { margin:10px 10px 0; }
	#top-wrapper { position:relative; top:auto; right:auto; left:auto; }

	/*Dropmenu*/
	#dropmenu > div { padding:20px 10px; }

	/*Menutrigger*/
	.menutrigger {
		position:relative; cursor:pointer; z-index:3; overflow:hidden;
		-webkit-transition:background .4s; -moz-transition:background .4s; -ms-transition:background .4s; -o-transition:background .4s; transition:background .4s;
	}
	.menutrigger span {
		position:absolute; left:0; height:6px;
		-webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; transition:all .4s;
	}
	.menutrigger.open span.line2 {
		-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);
	}
	.menutrigger.open span.line3 {
		-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);
	}
	.menutrigger.open span.line1, .menutrigger.open span.line4  { opacity:0; filter:alpha(opacity=0); }

	/*Menutrigger in Siteheader*/
	#siteheader .menutrigger { float:right; margin:23px 10px 0 0; width:50px; height:50px; line-height:50px; display:block; }
	#siteheader .menutrigger span { position:absolute; left:0; width:50px; background-color:#a53121; }
	#siteheader .menutrigger span.line1 { top:8px; }
	#siteheader .menutrigger span.line2, #siteheader .menutrigger span.line3 { top:22px; }
	#siteheader .menutrigger span.line4 { top:36px; }

	/*Menutrigger in Top-Content*/
	#top-content .menutrigger { float:left; margin-left:4px; width:40px; height:40px; line-height:40px; }
	#top-content .menutrigger span { width:40px; background-color:#fff; }
	#top-content .menutrigger span.line1 { top:4px; }
	#top-content .menutrigger span.line2, #top-content .menutrigger span.line3 { top:17px; }
	#top-content .menutrigger span.line4 { top:30px; }

	/*Navigation*/
	#nav-wrapper { float:none; padding-top:0; clear:both; padding-top:10px; }
	#nav { border-top:1px #929397 solid; display:none; }
	#dsmenus > li { float:none; margin-right:0; }
	#dsmenus > li:not(:last-of-type) { border-bottom:1px #929397 solid; }
	#dsmenus > li.dsmenu_inactive.fixwidth:after {
		content:"\f103"; font-family:FontAwesome; font-size:18px; color:#a53121;
		position:absolute; top:0; right:0; width:40px; height:40px; line-height:40px; text-align:center;
	}
	#dsmenus > li:hover > a { background-color:transparent; color:#a53121; }
	#dsmenus > li.dsmenu_active > a { color:#fff; background-color:#a53121; }

	/*Subnavigation*/
	#dsmenus > li > ul { position:relative; top:auto; left:auto; min-width:0; background-color:#d1d1d3; border-top:1px #929397 solid; }
	#dsmenus > li.dsmenu_active > ul { display:block !important; }
	#dsmenus > li > ul > li > a { color:#333; }
	#dsmenus > li > ul > li.dssubmenu_active > a { color:#a53121; }
	#dsmenus > li > ul > li:hover { background-color:transparent; }
	#dsmenus > li > ul > li:hover > a { color:#333; }

	/*Fixed Header*/
	body.scrolled #dssubbody { padding-top:0; }
	body.scrolled #dssiteheader {
		position:relative; top:auto; right:auto; left:auto; background-color:transparent;
		-webkit-animation:none; -moz-animation:none; -ms-animation:none; -o-animation:none; animation:none;
	}
	body.scrolled #dssiteheader .line3 { border-color:transparent; }
	body.scrolled #nav-wrapper { padding-top:10px; }
	body.scrolled #siteheader {
		position:relative; top:auto; right:auto; left:auto; max-width:auto; margin:0; padding-top:0;
		-webkit-animation:none; -moz-animation:none; -ms-animation:none; -o-animation:none; animation:none;
	}
	body.scrolled #logo img { display:block; }
	body.scrolled #logo img.hidden { display:none; }

	/*Footer*/
	#address { float:none; width:auto; padding:0 0 20px 0; }
	#address ul { padding-top:0;  }
	#address ul li.city:after { display:inline-block; }
	#address ul li.phone { clear:none; }

	/*Formular*/
	.f1_col1of2, .f1_col2of2 { float:none; width:auto; padding:0; }

	/*Mitglieder*/
	.cmitglieder.view .row .col { width:50%; }
	.cmitglieder.view .row .col.address { width:100%; }
	#members { float:none; width:auto; padding:0 0 20px 0; }
	.cmitglieder.viewlogos .logo { width:16.667%; }
	.cmitglieder.viewlogos .logo:last-of-type { display:block; }

	/*Download*/
	.cdownload ul.dslinklist_0 { margin-left:0; }
	.cdownload ul.dslinklist_0 li { float:none; width:auto; padding-left:0; }
	.cdownload ul.dslinklist_0 a:not(.dsbutton) { overflow:auto; white-space:normal; line-height:25px; line-height:2.5rem; padding-top:7px; padding-bottom:7px; }
	.cdownload ul.dslinklist_0 a:not(.dsbutton):before { top:7px; }

	.cdownload.viewtop { margin-left:0; }
	.cdownload.viewtop .cols { float:none; width:auto; min-height:0; padding-left:0; padding-bottom:25px; }
	.cdownload.viewtop a.btn { position:relative; bottom:auto; right:auto; left:auto; display:block; }

}

@media only screen and (max-width:767px) {
	#responsive:before { content:'iPhone 6 Landscape'; }
	html { font-size:80% !important; -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape*/ }
	body.dynasite { background-image:none; }

	#top-content { font-size:1.4rem; }

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

	/*Footer*/
	#address { display:none; }
	#mobilefooter { display:block; }
	#mobilefooter_buttons { margin-left:-5px; }
	#mobilefooter_buttons:after { content:""; display:block; clear:both; }
	#mobilefooter_buttons > div { float:left; width:33.333%; padding:0 5px; box-sizing:border-box; }
	#mobilefooter_buttons > div > a { display:block; background-color:#a53121; color:#fff; font-size:20px; line-height:40px; text-align:center; }
	#mobilefooter_buttons > div > a:before { font-family:FontAwesome; }
	#mobilefooter_buttons > div > a.phone:before { content:"\f095"; }
	#mobilefooter_buttons > div > a.email:before { content:"\f003"; }
	#mobilefooter_buttons > div > a.maps:before { content:"\f278"; }

	/*Dropmenu*/
	#dropmenu .col1of2, #dropmenu .col2of2 { float:none; width:auto; padding:0; }
	#dropmenu .col1of2 { padding-bottom:10px; }

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

	.item { width:50%; }

	.paging > div { width:50%; }

	/*Formular*/
	.custominput { padding-left:180px; }
	.custominput > label { width:180px; }
	#dscolumn1_2 .f1_spamfilter, .f1_spamfilter { padding-left:180px; }

	.cform.profildaten .custominput { padding-left:230px; }
	.cform.profildaten .custominput > label { width:230px; }

	/*Galerie*/
	#dscontentheader .gallery-wrapper { height:207px; padding-bottom:0; }

	/*Mitglieder*/
	.cmitglieder.view .row .col { width:100%; }
}

@media only screen and (max-width:666px) {
	#responsive:before { content:'iPhone 5 Landscape'; }

	/*Quicklinks*/
	#quicklinks { display:none; }
}


@media only screen and (max-width:567px) {
	#responsive:before { content:'iPhone 4 Landscape'; }

	/*Footer*/
	#copyright, #createdby { float:none; text-align:center; display:block; line-height:20px; padding:10px 0; }

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

	/*Item*/
	.item { width:100%; margin-bottom:10px; }

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

	/*Mitglieder*/
	#members { padding-bottom:10px; }
	.cmitglieder.view .row:not(.nopadding) { padding-left:0; }
	.cmitglieder.view .row .col.logo { position:relative; float:none; top:auto; left:auto; width:auto; }
	.cmitglieder.view .row .col .placeholder { height:100px; }
	.cmitglieder.view .row .col .placeholder > div { background-size:150px; }
	.cmitglieder.viewlogos .logo { width:33.333%; max-width:none; margin-bottom:10px; }

	/*spesenformular*/
	.spesen-row { grid-template-columns:minmax(0,1fr) 30px; }
	.spesen-col--titel { grid-column:1 /span 2 ;}
	.spesen-col--button { text-align:left;}
}

@media only screen and (max-width:479px) {
	#responsive:before { content:'iPhone 6 Portrait'; }

	/*Menutrigger*/
	#top-content { line-height:50px; }
	#top-content .menutrigger { display:block; margin-top:5px; }
	#siteheader .menutrigger { display:none; }

	/*Dropmenu*/
	#dropmenu .col1of2 button { float:none; width:100%; }

	/*Formular*/
	.custominput { padding-left:0; }
	.custominput > label { position:relative; top:auto; left:auto; width:auto; display:block; }
	.custominput > div { padding:4px 0 0 0; }
	#dscolumn1_2 .f1_spamfilter, .f1_spamfilter { padding-left:0; }
	.f1_row button { float:none; width:100%; }

	/*Formular > Profildaten*/
	.cform.profildaten .custominput { padding-left:0; }
	.cform.profildaten .custominput > label { width:auto; }
}

@media only screen and (max-width:374px) {
	#responsive:before { content:'iPhone 4/5 Portrait'; }

}