html { -webkit-text-size-adjust: 100%; }

/* Mobile Navigation*/
#mobileNavItem { top: 20px; padding: 1%;text-align: left; cursor: pointer; color: #fff; clear: both; font-size: 180%; }
#mobileSubNavItem { cursor: pointer; font-size: 140%; color: #fff; background: #7E0021; width: 96%; padding: .5% 2%; margin-top: 1%; }


@media only screen and (max-width: 1140px) {
	header .wrap { width: 96%; margin: 0 2%; }
	body > .wrap { margin: 0 auto; }
	
	#horizontalNavi > li > a { padding: 0 10px; }
	#logo { padding: 17px 0; height: 60px; width: auto; }
}

@media only screen and (max-width: 1024px) {
	#mobileNavItem.mobileonly { display: inline-block; left: inherit; right: 0; }
	
	#horizontalNavi { width: 100%; height: 0; overflow: hidden; background: #fff; } 
	#horizontalNavi > li { width: 100%; display: block; line-height: initial; border-top: solid 1px #7E0021; border-bottom: none; position: relative; }
	#horizontalNavi > li > a,
		#horizontalNavi > li.active > a { color: #7E0021; line-height: initial; padding: 10px; border-bottom: none; }
	#horizontalNavi > li.active { color: #7E0021; line-height: initial; border-bottom: none; }
		
	#horizontalNavi > li:hover { border-top: solid 1px #7E0021; border-bottom: none; background: transparent; }
	#horizontalNavi > li:hover > a { color: #7E0021; text-decoration: none; font-weight: bold;}
		
	#horizontalNavi > li:hover ul, 
		#horizontalNavi > li > a:hover ul { height: 0; }
		
	#horizontalNavi ul { position: relative; }
	#horizontalNavi ul.simpleDropDown.level-1 { width: 90%; margin: 0 5%; }
	#horizontalNavi ul li + li { border-top: 1px dotted #fff; }
	#horizontalNavi ul li a { padding: 10px; }
	
	#horizontalNavi ul li:hover { background: #ccc; }
	#horizontalNavi ul li:hover a { color: #7E0021; }
	
	#horizontalNavi .fa-caret-down { display: none; }
	.horizontalNavi > span { display: block; width: 100%; }
	.horizontalNavi > span > i { display: none; }
	#horizontalNavi > li.active span.mobileSubItem { color: #7E0021; }
	#horizontalNavi span.mobileSubItem { left: inherit; position: absolute; right: 0; top: 0; width: 5%; padding: 10px; text-align: center; color: #7E0021; font-size: 120%; cursor: pointer; z-index: 2;}
	
	#teamForCategory .innerWrap .label { width: 15%; float: left; }
	#teamForCategory .text { display: inline-block; width: 85%; }
}


@media only screen and (max-width: 1024px) and (max-height: 450px) {
	#logo { padding: 10px 0; height: 40px; }
	#mobileNavItem { top: 5px; }
}

@media only screen and (max-width: 800px) {
	.moduleList .moduleListItemImage.bgImage { min-height: 140px; }
}
	
@media only screen and (max-width: 800px) {
	.widgetlist-home ul#newsList li:nth-child(1),
		.widgetlist-home ul#newsList li:nth-child(2) { width: 100%; margin: 0; float: none; }
	.widgetlist-home ul#newsList li:nth-child(1) { margin-bottom: 1%; }
}

@media only screen and (max-width: 750px) {
	.widgetlist-home .wList-News { width: 55.666%; }
	.widgetlist-home .wList-Kontaktdaten { width: 42.333%; }
	
	footer { text-align: center; }
	ul#footerNavi { float: none; display: inline-block; padding-top: 1%; }
	div.copyright { float: none; padding-bottom: 1%; }
}

@media only screen and (max-width: 700px) {
	aside#subNavi { margin-left: -300px; margin-right: 0; padding: 30px 0 0 0; }
	section#contentsection.colRight { width: 100%; margin-left: 0; }
	
	#mobileSubNavItem { position: relative; left: inherit; }
}

@media only screen and (max-width: 550px) {
	#logo { padding: 10px 0; height: 40px; }
	#mobileNavItem { top: 5px; }
	
	.widgetlist-home .wList-News,
		.widgetlist-home .wList-Kontaktdaten { width: 100%; margin: 0; float: none; }
		
	.articleImage.col-w40 { width: 49%; }
}

@media only screen and (max-width: 500px) {
	.moduleList .moduleListItemImage.bgImage { min-height: 100px; }
	
	.kontakt #text, 
		.kontakt #moduleContent.kontakt { width: 100%; margin: 0 0 2% 0; float: none; }
}

@media only screen and (max-width: 400px) {
	.articleImage.col-w40 { width: 100%; margin: 0; float: none; }
}