/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                tablets                                                                                */            
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1002px) {
	/* width */
	#wrapper,
	/*#header .inside,*/
	#mainmenu,
	#mainmenu_k ul,
	#footer .inside {width: 98%; max-width: 1002px;}
	
	/* 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 */
	/*
		- change dbopp: removed .ce_gallery, so the classes are also usable for other items as well
	*/
	.row2, .row3, .row4, .row5, .row6, .row7, .row8, .row9, .row10, .row11, .row12 {width: 49.5%; margin-right: 0;}
	/* to change or not to change? */
	.ce_gallery li:nth-child(2n+1) {margin-right: 1%!important;}

	/* changes dbopp */
	.row2{width:100%;margin-right: 0;}
	.row2 .row2{width: 48%;margin-right:0; display: inline-block;}
	
}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                phone                                                                                  */            
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 650px) {
	/* body */
	body {padding: 0;}
	
	/* wrapper */
	#wrapper {width: 100%;}
	
	/* container */
	#container {padding: 15px;}
	
	/* header */
	header {width: 100%;}
	
	/* logo */
	
#logo {position: relative;margin:0 auto;}
	#logo {text-align: center; position: static; padding-top:20px; padding-bottom:20px; width:100%; background-color:#fff;}	
	#logo img{display:block;	width:90%; margin: 0 auto; }
	
	
	/*
	#logo .img{
		display:none;
	}	
	*/
	
	#logo{
		padding-left: 20px; /* same as padding-top */
	}
	#logo .img.img{
		width: 140px;
		height: 140px;
		margin-top:0;
	}

	
	/* mainmenu + mobilemenu */
	#mainmenu {text-align: center; position: static; background: none;}
	#dropdown, #dropdown_1 {display: none;}
	#mobile-select {display: inline-block; width: 100%; margin: 0; position: fixed; left: 0; bottom: 0; z-index: 10000; color: #fff;}
	
	/* headerbild & slider ausblenden */
	.mod_pageImage,
	.camera_wrap {display: none!important;}
	
	#header, #header .inside{min-height: 49px;}
	
	/* welcome-line */
	.welcome-line {text-align: center; margin: 15px;}
	.welcome-line .button {margin-bottom: 10px;}
	
	/* contao sidebar */
	#right, #left {width: 100%; float: none; margin-bottom: 10px;}
	#right .inside, #left .inside {padding: 0!important;}
	
	/* main */
	#main {width: 98%; 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 .inside {margin-bottom: 25px; text-align: center;}

 	
 	/* socials */
 	#socials {display: none;}

 	/* disable webkit text size adjust (for iPhone) */
 	html {-webkit-text-size-adjust: none;} 
 	
 	/* tables */
 	table {font-size: 9px;}
 	
 	/* ce_gallery */
	/* changes dbopp: removed .ce_gallery */
	 .row2, .row3, .row4, .row5, .row6, .row7, .row8, .row9, .row10, .row11, .row12{ width: 100%; margin-right: 0;}
	 .row2 .row2{width: 100%;margin-right:0;}
}

body.sidebar_right #container{
	padding-right:0;
}
body.sidebar_right #right,
body.sidebar_right #main{
	width: 100%;
	margin-right:0;
}

@media only screen and (max-width: 1002px) {
	body.sidebar_right #main .inside{
		border-width:0;
		padding:0;
	}
}

@media only screen and (min-width: 1003px) {
	body.sidebar_right #container{
		padding-right: 35%;
	}

	body.sidebar_right #main,
	body.sidebar_right #right{
		float:left;
	}
	
	body.sidebar_right #main{
		margin-right:0;
	}

	body.sidebar_right #right{
	/*
		// should be 35% of container, but it's like 50% of self...
		width: 35%;
		margin-right:-35%;
	*/
	
		width:50%;
		margin-right:-50%;
	
	}

}
	body.sidebar_right #footer{
		clear:both;
	}

	
/*
@media only screen and (min-width: 651px) {
	#logo img{
		display: none!important;
	}
}
*/