/* RESPONSIVE ANPASSUNG ================================================== */
/* ======================================================================= */
/* DESKTOP */
@media only screen and (min-width: 1020px) {
	#mobile_navigation_toggle, #mobile_navigation { display: none !important; }

	#services-overview .first + li { margin-top: 20px; margin-left: 0; }
	#wrap.erv-aktuelles #services-overview .first + li { margin-top: 0; margin-left: 20px; }
	
	#slideshow-index ul li img { width: 940px; height: 350px; }

} 


/* ======================================================================= */
/* TABLET LANDSCAPE */
@media only screen and (max-width: 1019px) /* and (min-width: 768px) */ {

	#wrap, .row, .col-220, .col-700 { width: 100%; } 
	
	#wrap, #header { padding: 0; }
	#content, #footer { padding-left: 20px; padding-right: 20px; }
	p.last { margin-bottom: 20px; }
	
	.get-in-touch, #kurz-nav { display: none; }
	#services-overview .first + li { margin-top: 0; margin-left: 20px; }
	.footer-nav-2 { margin-left: 0; }
	
	#mobile_navigation_toggle { background-color: #346699; float: right; width: 40px; margin: 25px; cursor: pointer; }
	#mobile_navigation_toggle div { background-color: #dddddd; height: 5px; margin-top: 5px; }

	#mobile_navigation { display: none; position: absolute; top: 0; right: 70px; background-color: #346699; width: 240px; }
	#mobile_navigation li { list-style-type: none; }
	#mobile_navigation li a { display: block; padding: 15px; color: #ffffff; text-transform: uppercase; }
	#mobile_navigation li a:hover, #mobile_navigation li.current a { text-decoration: none; background-color: #444444; }

	#dropdown-menu { display: none; }
	
	#footer .row .col-220 { width: 220px; }

	#slideshow-index ul { width: 100% !important; height: auto; }
	#slideshow-index ul li { width: 100% !important; height: auto; }
	#slideshow-index ul li img { width: 100% !important; position: static; }
	#slideshow-index ul li .slidetext { margin-top: -135px; bottom: auto; }
	
	#header .col-220 { background-color: #dddddd; }
	#header #logo { border-right: solid 5px #ffffff; }
	#header a#logo { margin-left: -30px; width: 420px; overflow: hidden; }


/*	
  	.nav { width: 5px; overflow: hidden; }
	.nav * { display: none; }	
	#mobile_copy { background-color: #6067FE; color: #fff; clear: both; padding-left: 40px; }
	#mobile_navigation_toggle { background-color: #6067FE; float: left; width: 40px; margin: 31px 0 0 20px; cursor: pointer; }
	#mobile_navigation_toggle div { background-color: #ffffff; height: 5px; margin-top: 5px; }
	#mobile_navigation {  display: none; background-color: #6067fe; clear: left; position: absolute; top: 105px; left: 45px; width: 150px; }
	#mobile_navigation ul { margin-bottom: 0; }
	#mobile_navigation ul li a { color: #ffffff; display: block; padding: 0px 5px; }
	#mobile_navigation ul li a:hover { color: #6067FE; background-color: #ffffff; }
	
	iframe { width: 100%; max-width: 100%; } 

*/
}


/* ======================================================================= */
/* MOBILE LANDSCAPE UND TABLET PORTRAIT */
@media only screen and (max-width: 767px) /* and (min-width: 480px) */ {

	#services-overview li { max-width: 37.75%; }
	#services-overview li img { max-width: 100%; }

	#mobile_navigation_toggle { margin: 25px 15px 25px 0 }
	
	p { text-align: left; }
	

/*
	#content { width: 100%; }
	.sidebar { width: 100%; padding: 20px 40px; }
	ul.aktuelles li { padding-right: 0; }
	img#paragraph { display: none; } 
	img#logo { margin-bottom: 40px; } 



	#header_top #logo { margin-right: 22%; }
	#mobile_navigation { display: block; position: absolute; width: 20%; top: 0px; bottom: 0px; right: 0px; background: url('../img/icon_plus_r.png') no-repeat center center #10a686; cursor: pointer; }
	#mobile_navigation.ausblenden { background: url('../img/icon_minus_r.png') no-repeat center center #10a686; }
	#mobile_navigation:hover { background-color: #009676; }

	#navigation { display: none; margin-top: -255px; }
	#navigation ul li a { }

*/
}

/* ======================================================================= */
/* MOBILE PORTRAIT */
@media only screen and (max-width: 479px) {

	#services-overview .first + li { margin-top: 20px; margin-left: 0; }
	#services-overview li { max-width: 100%; }

	#mobile_navigation_toggle { margin: 15px 140px; /* float: none; */ clear: both; }

	#mobile_navigation { top: 160px; right: 0; width: 100%; }

	#slideshow-index ul li .slidetext { margin-top: -5px; position: static; padding: 20px; width: auto !important; height: auto; background-color: #c9c9c9;} 
	/* #slideshow-index ul li .slidetext { margin-top: -5px; padding: 20px; width: auto !important; height: auto; background-color: #c9c9c9; bottom: 0; left: 0; } */


/*
	img#logo { width: 200px; margin-left: 15px; } 
	#mobile_navigation_toggle { width: 30px; }
	#mobile_navigation_toggle div { height: 8px; }

	#navigation { margin-top: -177px; }
	#navigation ul li a { margin-bottom: 2px; padding: 2px 15px 2px 60px; }

*/
}