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

@media only screen and (max-width: 1140px) {
	#contentHome, #contentServices, #contentAction { padding: 3% 0; }
}

@media only screen and (max-width: 1140px) {
	.wrap { width: 96%; padding: 0 2%; min-width: inherit; }
	
	#contentAction p { width: 60%; }
}

@media only screen and (max-width: 1024px) {
	#mobileNavItem.mobileonly { display: inline-block; position: relative; right: initial; left: initial; float: right; padding: 15px 0; font-size: 160%; color: #fff; cursor: pointer;  }
	
	a#logo img { height: 35px; width: auto; }
	
	a[href^="tel"]:link,
		a[href^="tel"]:visited,
		a[href^="tel"]:hover { text-decoration: none; color: #00235F; }
	
	#topNavigation { overflow: hidden; height: 0; position: absolute; width: 100%; top: 60px; z-index: 5000; }
	#topNavigation .wrap { width: 100%; padding: 0; }
	#horizontalNavi { width: 100%; }
	#horizontalNavi li { width: 100%; float: none; border-top: solid 1px #e6e6e6; text-align: center; }
	#horizontalNavi li:first-child { border-top: none; }
	#horizontalNavi > li > a { padding: 10px 15px; }
	#horizontalNavi li a:hover,
		#horizontalNavi li:hover a { background: transparent; }
	
	#horizontalNavi > li:hover ul, 
		#horizontalNavi > li > a:hover ul { height: 0; }
		
	#horizontalNavi ul.simpleDropDown.level-1 { width: 90%; margin: 0 5%; position: relative; }
	#horizontalNavi ul li + li { border-top: 1px dotted #fff; }
	
	#horizontalNavi ul li { background: transparent; }
	#horizontalNavi ul li a { padding: 1.5% 3%; }
	
	#horizontalNavi .fa-caret-down { display: none; }
	.horizontalNavi > span { display: block; width: 100%; }
	.horizontalNavi > span > i { display: none; }
	#horizontalNavi > li.active span.mobileSubItem { color: #fff; }
	#horizontalNavi span.mobileSubItem { left: inherit; position: absolute; right: 0; top: 0; width: 5%; padding: 10px; text-align: center; color: #fff; font-size: 120%; cursor: pointer; z-index: 2;}
	
	#horizontalNavi .simpleDropDown.level-2 { display: none; }
		
	
	#serviceData { float: none; text-align: center; width: 100%; border-top: solid 2px #e6e6e6; background: #333; }
	#serviceData a[href^="tel"]:link,
		#serviceData a[href^="tel"]:visited,
		#serviceData a[href^="tel"]:hover { text-decoration: none; color: #fff; }
		
	#contentServices h2 { padding-bottom: 20px; }
}

@media only screen and (max-width: 950px) {
	#contentNews .wrap { display: block; width: 100%; padding: 0; }
	#contentNewsText { display: block; width: 94%; padding: 1% 3%; }
	#contentNewsList { display: block; width: 94%; padding: 3%; }
	
	#contentServices .widgetlist-services li { width: 47%; }
	#contentServices .widgetlist-services li:nth-child(3),
		#contentServices .widgetlist-services li:nth-child(4) { padding-top: 20px; margin-top: 20px; border-top: solid 3px #333; }
	#contentServices .widgetlist-services li:nth-child(3) { clear: left; }
	#contentServices a.svg { width: 20%; margin: 0 40%; }
	#contentServices h2 { height: 40px; width: 80%; margin: 0 10%; }
	
	section#contentsection.colRight { width: 64%; }
	aside.colLeft { width: 34%; }
}

@media only screen and (max-width: 850px) {
	#search { width: 100%; }
	#mobileNavItem.mobileonly { padding-right: 20px; }
	
	#pageImage { height: 25%; height: 25vh; min-height: 250px; }
	
	#contentServices h2 { width: 100%; margin: 0; }
}

@media only screen and (max-width: 770px) and (orientation: portrait) {
	#sliderFrame { height: 30%; height: 30vh; min-height: 200px; }
}

@media only screen and (max-width: 750px) {
	ul#slider > li .sliderTitle .title { font-size: 250%; }
	
	#contentAction p { width: 80%; }
}

@media only screen and (max-width: 750px) and (orientation: landscape) {
	#sliderFrame { height: 40% height: 40vh; min-height: 300px; }
}

@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 { display: inline-block; padding: 5px 15px; position: absolute; left: 0; top: 10px; font-size: 120%; cursor: pointer; background: #00235f; color: #fff; }
	#mobileSubNavItem > span { position: absolute; left: -9999px; }
	section#contentsection.colRight h1 { padding: 10px 0 .5% 30px; }
	#prevNextNav { padding: 10px 0 10px 30px; }
	
	.wList-Zitate { width: 80%; margin: 0 10%; }
	
	footer { text-align: center; }
	#footerNavi { float: none; display: inline-block; list-style: none; padding: 10px 0 5px 0; }
	#copyright { float: none; padding: 5px 0 10px 0; }
	
}

@media only screen and (max-width: 670px) {
	#headerSearch { width: 40%; }
	#contentServices h2 { height: 60px; }
}

@media only screen and (max-width: 650px) {
	ul#slider > li .sliderTitle .title { font-size: 200%; }
	
	#contentNewsList ul#newsList li,
		#contentNewsList ul#newsList li:first-child,
		#contentNewsList ul#newsList li:last-child { width: 100%; float: none; padding: 0; }
	#contentNewsList ul#newsList li:first-child { margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 3px #333 }
}

@media only screen and (max-width: 600px) {
	a#logo, #headerSearch { padding: 5px 0; }
	#mobileNavItem.mobileonly { padding: 1px 20px 0 0; }
	a#logo img { height: 25px; }
	input#search_searchBox, button#search_submitSearch { padding: 3px 10px; }
	
	#topNavigation { top: 40px; }
	
	ul#slider > li .sliderTitle .title { font-size: 200%; }
	#pageImage { height: 20%; height: 20vh; min-height: 200px; }
	
	#contentHome .wrap #text { padding: 0; }
}

@media only screen and (max-width: 550px) {
	#mobileSearchItem.mobileonly { display: inline-block; position: relative; right: initial; left: initial; float: right; padding: 1px 20px 0; font-size: 160%; color: #fff; cursor: pointer;  }
	#mobileNavItem span, #mobileSearchItem span { position: absolute; left: -9999px; }
	
	#headerSearch { position: absolute; width: 96%; float: none; display: none; }
	
	ul#slider > li .sliderTitle .title { font-size: 150%; }
	
	section#contentsection.colRight h1 { padding: 10px 0 .5% 40px; }
	#prevNextNav { padding: 10px 0 10px 40px; }
	
	#contentServices .widgetlist-services li { width: 100%; margin: 0; }
	#contentServices .widgetlist-services li:nth-child(2) { padding-top: 20px; margin-top: 20px; border-top: solid 3px #333; }
	#contentServices a.svg { width: 10%; margin: 0 45%; }
	#contentServices h2 { height: auto; }
}

@media only screen and (max-width: 550px) and (orientation:landscape) {
	#sliderFrame { height: 30% height: 30vh; min-height: 200px; }
}
@media only screen and (max-width: 400px) {
	#pageImage { height: 15%; height: 15vh; min-height: 150px; }
	
	#prevNextNav > li { width: 100%; float: none; text-align: center; }
	#prevNextNav > li > a { display: block; margin-bottom: .5%; padding: 1% 0; color: #fff; font-weight: bold; background: #1e1e1e; }
	#prevNextNav > li > a:hover { color: #fff; }
}