#header .navigation{ display:none !important; }
#header .hauptnavigation{ display:block !important; }
#header .mod_changelanguage.mobile{ display:none !important; }

#container{ margin-top:320px; }

#rechte-spalte .ce_headline,
#rechte-spalte .ce_divider,
#rechte-spalte .ce_text{
	padding-right:117px;
}

.home .layout_latest .ce_text h1{
	margin-top:82px;
	margin-bottom:6px;
	font-size:100px;
	line-height:100px;
}

.mitglieder #team p.muecke{ padding-top:60px; }

@media (min-width:984px) and (max-width:1303px)
{
	
	#container{ margin-top:280px; }

	.sf-menu a,
	.sf-menu span.active,
	.sf-menu span.trail {
	display:block;
	  padding: .5em 6px !important;
	}
	.sf-menu li.first a,
	.sf-menu li.first span.active,
	.sf-menu li.first span.trail {
	  padding: .5em 6px .5em 0 !important;
	}
	.sf-menu ul.level_2 li.first a,
	.sf-menu ul.level_2 li.first span.active,
	.sf-menu ul.level_2 li.first span.trail {
	  padding: .5em 6px .5em 6px !important;
	}
	.sf-menu ul.level_2{ margin-left:6px; }
	
	#rechte-spalte .ce_headline,
	#rechte-spalte .ce_divider,
	#rechte-spalte .ce_text{
		padding-right:60px;
	}
	
	.home .layout_latest .ce_text h1{
		margin-top:52px;
		font-size:80px;
		line-height:80px;
	}
	
}
/**
 * Reduce the overall width and the width of the grid columns if the screen
 * width is less than 980px (e.g. on a portrait tablet)
 */
@media (min-width:768px) and (max-width:979px)
{
	
	#container{ margin-top:180px; }
	
	#header .navigation{ display:block !important; }
	#header .hauptnavigation{ display:none !important; }
	#header .logo{ margin-top:10px !important; }
	
	
	#header .navigation{ top:90px !important; right:32px !important; }
	#header.sticky .logo{ margin-top:20px !important; }
	
	#header.sticky{ top:-70px !important; }
	
	#rechte-spalte .ce_headline,
	#rechte-spalte .ce_divider,
	#rechte-spalte .ce_text{
		padding-right:10px;
	}
	#rechte-spalte .mod_customnav{ display:none; }
	
	.home .layout_latest .ce_text h1{
		margin-top:32px;
		font-size:60px;
		line-height:60px;
	}
	.mitglieder #team p.muecke{ clear:both; padding-top:0px; }
	
table.events-bvte td.datum .date{
	white-space: normal !important;
}
	.ce_gallery.bvte li{
		width:33.33% !important;
	}
	
}

/**
 * Remove all floats and fixed widths if the screen width is less than 768
 * pixel (e.g. on a mobile phone)
 */
@media (max-width:767px)
{
	
	h1, h2{
		margin-top: .5em !important;
		margin-bottom:12px !important;
	}
	h1,
	.thema h1{
		font-size:26px !important;
		line-height:normal !important;
	}
	
	#header{
		position:relative !important;
		background-image:none !important;
	}
	#container{
		margin-top:0px !important;
	}
	
	#header .navigation{ display:block !important; }
	#header .hauptnavigation{ display:none !important; }
	#header .subnavigation{ text-align:center !important; }
	#header .mod_customnav.subnavigation ul{ margin-right:0px !important; }
	
	#header .mod_changelanguage.mobile{ display:block !important; }
	#header .mod_changelanguage.mobile a, #header .mod_changelanguage.mobile strong{ opacity:1 !important; display:block !important; }

	#wrapper{ background:#fff !important; }
	
	#header .mod_customnav.subnavigation{
		display:none !important;
		margin-top:0px !important;
		padding-top:10px;
	}
	#header .mod_customnav.subnavigation li{
		padding-left:4px;
		padding-right:4px;
	}
	#header .logo{ text-align:center; margin-top:40px !important; margin-bottom:10px !important; margin-left:0px !important; }
	#header .logo img{
		width:60%;
		height:auto;
	}
	
	

	
	.home .layout_latest .image_container{ width:100% !important; float:none !important; }
	.home .layout_latest .image_container img{ border-right:0px solid #000 !important; }
	
	.home .layout_latest .ce_text{ width:100% !important; float:none !important; }
	.home .layout_latest .ce_text h1{
		margin-top:20px;
		font-size:60px;
		line-height:60px;
	}
	.home .layout_latest{ padding-bottom:20px; }
	.home .ce_caroufredsel{ margin-bottom:20px; }
	
	.home .ce_text.teaser,
	.home .ce_caroufredsel{ margin-left:0px !important; margin-right:0px !important; }
	
	.mitglieder #team p.muecke{ clear:both; padding-top:0px; }
	
	
	 .thema .ce_image.thema-thumb{ display:none !important; }
	

	
	.mod_newslist *[class*="offset"]{ margin-left:0px !important; }
	.mod_newslist *[class*="layout_"] > *,
	.mod_newslist *[class*="event_"] > * { margin-left:0px !important; margin-right:0px !important; }
	
	.mod_newsarchive *[class*="layout_"] > *,
	.mod_newsarchive *[class*="event_"] > *,
	.mod_newsarchive h1{ margin-left:0px !important; margin-right:0px !important; }
	
	.mod_newsreader *[class*="layout_"] > *,
	.mod_newsreader *[class*="event_"] > * { margin-left:0px !important; margin-right:0px !important; }
	.mod_newsreader p.back{ margin-left:0px !important; margin-right:0px !important; }
	
	.mod_eventlist .layout_upcoming{ margin-bottom:20px !important; }
	.mod_eventlist .layout_upcoming span.title{ display:block !important; }
	
	.mod_eventlist .layout_upcoming span.deko{ display:none !important; }
	.mod_eventlist .layout_upcoming span.title{ margin-left:0px !important; margin-right:0px !important; }
	
	
	#footer{ text-align:center; background:#9d9d9c !important; }
	#footer .ce_text{ margin-left:0px !important; }
	#footer .ce_text ul{ margin-right:0px !important; }
	#footer .ce_text ul li{ display:block !important; }
	#footer .mod_customnav{ text-align:center !important; }
	#footer .mod_customnav ul{ margin-right:0px !important; }
	#footer .mod_customnav ul li{ display:block !important; margin-bottom:16px !important; }
	#footer .mod_customnav ul li a{ display:inline-block !important; margin-top:0px !important; }
	#footer #btnUp{ margin-bottom:20px; }
	
	#rechte-spalte{ margin-top:40px !important; }
	#rechte-spalte .ce_headline,
	#rechte-spalte .ce_divider,
	#rechte-spalte .ce_text{
		padding-right:0px;
	}
	#rechte-spalte .mod_customnav{ display:none; }
	#rechte-spalte .ce_image{ margin-left:0px !important; margin-right:0px !important; }
	
table.events-bvte{
	font-size:12px !important;
}
table.events-bvte td.datum .date{
	white-space: normal !important;
}
	.ce_gallery.bvte li{
		width:50% !important;
	}
	

}