/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                tablets                                                                                */            
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 960px) {
	/* wrapper */
	#wrapper {width: 98%; max-width: 960px;}
	
	/* logo */
	#logo {width: 100%; left: 0; top: -35px;}
	
	/* header */
	header {padding-top: 50px;}
	
	/* socials */
	#socials {top: -40px;}
	
	/* mainmenu */
	#mainmenu {position: static; text-align: center;}
	
	/* full width */
	body.full_width #main .inside {padding: 0; width: 100%;}
	
	/* sidebar_right */
	body.sidebar_right #main .inside {padding-right: 5%; border-right: 1px solid #ddd;}
	body.sidebar_right #right .inside {padding-left: 5%;}
	
	/* sidebar_left */
	body.sidebar_left #main .inside {padding-left: 5%; border-left: 1px solid #ddd;}
	body.sidebar_left #left .inside {padding-right: 5%;}
	
	/* sidebar_both */
	body.sidebar_both #main .inside {padding: 0 10%; border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
	body.sidebar_both #left .inside {padding: 0 10%;}
	body.sidebar_both #right .inside {padding: 0 10%;}

	/* mobile-select */
	#mobile-select {display: none;}
	
	/* ce_gallery */
	.ce_gallery .row2, .ce_gallery .row3, .ce_gallery .row4, .ce_gallery .row5, .ce_gallery .row6, .ce_gallery .row7, .ce_gallery .row8, .ce_gallery .row9, .ce_gallery .row10, .ce_gallery .row11, .ce_gallery .row12 {width: 49.5%; margin-right: 0;}
	.ce_gallery li:nth-child(2n+1) {margin-right: 1%!important;}

}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                phone                                                                                  */            
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 650px) {


body.homepage #logo {
	margin: 10px auto;
}
body.homepage #menu {
	left: 0;
	margin: 0 auto;
	padding-bottom: 310px;
}



	/* wrapper */
	#wrapper {width: 100%;}
	
	/* header */
	#menu {
		float: none;
		position: static;
		margin: 0 auto;
		background: url(../img/bg-menu.png) left bottom no-repeat;
		padding: 0 10px 80px;
	}
	
	
	body.without_content #menu {background-position: bottom center;}
	
	/* container */
	#container {
		margin: -70px 5px 10px;
		background: #fff;
		border-left: none;
		border-right: none;
		
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	
	/* logo */
	#logo {margin: 0;}
	
	/* mainmenu + mobilemenu */
	#mainmenu {text-align: center; position: static;}
	
	
	#dropdown {display: none;}
	
	#mobile-select {
  color: #000000;
  display: inline-block;
  font-family: 'Open Sans',sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 10px 0;
  padding: 5px 10px;
  width: 80%;
}	
	/* contao sidebar */
	#right, #left {width: 100%; float: none; margin-bottom: 10px;}
	body.sidebar_right #right .inside {padding: 0;}
	
	/* main */
	#main {width: 100%; margin: 0;}
	#main .inside {padding: 0!important; border: 0!important;}
	
	/* css framework + extension subcolumns */
	.one_half, .half_width, .one_third, .two_third, .one_fourth, .one_fifth, .four_fifth, .one_sixth, .two_fifth, .three_fifth, .four_sixth, .three_fourth {float: none; width: 100%; padding: 0; margin: 0;}
 	.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r,
 	.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c66l, .c62l, .c75l, .c80l, .c15l, .c16l, .c30l, .c45l, .c55l, .c70l, .c85l {float: none; width: 100%; padding: 0; margin: 0;}
 	.subcr, .subcl, .subc {padding: 0!important;}
 	
 	/* image_container */
 	.image_container {margin-bottom: 10px;}
 	
 	/* footer */
 	#footer .map {display: none;}
 	#footer .about {display: none;}
 	#footer .contact {width: 100%; display: block;}
 	#footer .half_width {text-align: center;}
 	#footer .socials ul {text-align: center; margin-top: 10px;}
 	
 	/* socials */
 	#socials {display: none;}

 	/* disable webkit text size adjust (for iPhone) */
 	html {-webkit-text-size-adjust: none;} 
 	
 	/* tables */
 	table {font-size: 9px;}
 	
 	/* ce_gallery */
	 .ce_gallery .row2, .ce_gallery .row3, .ce_gallery .row4, .ce_gallery .row5, .ce_gallery .row6, .ce_gallery .row7, .ce_gallery .row8, .ce_gallery .row9, .ce_gallery .row10, .ce_gallery .row11, .ce_gallery .row12 { width: 100%; margin-right: 0;}
	 
	 #eplogo { display: none;}
	 
	 
	 #logo {height: 70px;}
	 
	 #logo a {
  display: block;
  font-size: 0;
  height: 120px;
  margin: 0;
  text-align: left;
	width: 150px;
	}
	
#logo a:before {
	  font-family: 'geisler',serif;
  font-size: 80px;
  left: 32px;
  line-height: 80px;
  position: relative;
  top: -20px;
}

body.android #logo a:before {
	display: none;
}

body.android #logo a {
  font-size: 22px;
 font-family: 'Rokkitt', serif; font-weight: 300;
 height:40px;
 line-height:40px;
}

body.android #logo {
	height: 30px;
}


.gprojekte {
  width: 100%;
  margin-right: 0;
}


#footer {
  border-top: 1px solid #ccc;
}

#footer .ce_text ul {
  text-align: center;
}


}