@media screen and (max-width: 1200px) {

.headline {float: right;
padding-top: 20px;
padding-right: 20px;
width: auto;
font-size: 1.1em;
margin-left: 20px;
}

}

@media screen and (max-width: 1200px) {

.rex-navi1 li a
{
    padding-bottom: 0.5em; 
    padding-top: 0em;
     color: rgb(74,74,74);
    
}


.textcontainer.tcol3 {column-count: 2;   -moz-column-count:2; }
.textcontainer.tcol2 {column-count: 2;   -moz-column-count:2; }

#logo .logobig {display: block;
position: absolute;
z-index: 900;
top: 20px;
left: 80px;
width: 200px;
height: auto;
}


.vvcard {
	font-size: 1em;
	line-height: 1.45em;
}

#content .text {
	
	font-size: 1em;
	padding-right:40px;

}

#start #content .text {padding:20px;}

#content_area {width: 100%;}


	



.textblock0 {
	display: block;
	padding: 15px;
	
	margin-top: 0px;
	margin-bottom: 40px;
	vertical-align: top;
	width: auto;	
	min-height: 250px;
	/* padding-right:0px; */
	}


#main {
	width: 100%;
	/* max-width: 980px; */
	margin-left: auto;
	margin-right: auto;
	
}
	#firstmenu {
	padding-top: 8px;
}

.table_container {
	
	margin-right: auto;
	 }


.cellxinfo2 {
	position: absolute;
	color: #000;
	z-index: 900;
	margin-top: 60px;
	font-size: 1em;
	line-height: 1.45em;
	margin-left: 310px;
	background-image: url(/lib/media/rosa.png);
	display: none;
	text-align: left;
	width: 264px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	
}
	
#sidebar {
display: table;
clear: both;
/* max-width: 960px; */
margin-left: auto;
margin-right: auto;
position: static;
font-size: 1em;}	
	
	
	
	
#marginalie {
	
	float: right;
	width: 180px;
	display: block;
	margin-right: 0px;
	
}

#content {
	/* float: left; */
	padding-bottom: 20px;
	/* max-width: 970px; */
	
}



#content .text {
		max-width: 70%;

	}


#skin_start #content .text {
	/* float: left; */
	/* width: 760px; */
	/* padding-right: 20px; */
	padding-bottom: 20px;
	margin-top: 20px;
}




.formgen {
		width: 100%;
}


.formgendiv  {
	display: block;
	float: left;
	width:100%;
	clear:both;
	
	
	
}
.formgendiv2  {
	display: block;
	float: left;
	width: 100%;
	padding-left: 0px;
	clear:both;
}



.formgen  .formtext {
	width: 100%;
	}

.formgen  textarea {
	
	width: 100%;
	
}

#sidebar ul, #sidebar ul li{/* display: block; */
list-style-type: none;
margin-left: 0px;
font-weight: 300;
} 

.hero {
  
    /* height: 220px; */
    min-height: 480px;
  
}



}


@media screen and (max-width: 1000px) {
.rex-navi1 a {
    padding-left: 5px;
    padding-right: 5px;
  
   
}

#menu {
padding-left: 280px;}

#content .left-navi {font-size: 1em; width: 30%}



}

@media screen and (max-width: 500px) {
.pic_symbol {
    width: 60px;
}



.pic_klein, .pic_komplett, .pic_mittel, .pic_gross {
    width: 100%;
    margin-bottom: 20px;
clear: both; 
}

}

@media screen and (max-width: 960px) { .company-block {width: 100%;
margin-left: 0px;
margin-right: 0px;
position: relative;
margin-bottom: 30px;
height: 100%;
float: left;
diplay: block;
border: 4px solid #2B84C6;
box-sizing: border-box;}	}



@media screen and (max-width: 760px) {

#sidebar #menu .rex-current .rex-navi-depth-2, #sidebar #menu .rex-active .rex-navi-depth-2 {display: block;}
.mobilehide {display: none;}
.formgen .textradio .radiofield { width: 50%;} 

.infobutton-right {
font-size: 1em;

}	
	
#footer {display: none; }


#content .left-navi {display: none!important; }	

div.container {position: absolute;
bottom: -90px;
width: auto;
background-color: #2B84C6;
min-height: 200px;;
clear: both;
z-index: 1900;
}

#menu {padding-left: 0px;}
	
.gpleft.small {
/* float: left; */
width: 50%;
position:relative;
display: inline-block;
box-sizing: border-box;


}
#content .text {
		max-width: 100%;
width: 100%;
	}



.textcontainer.tcol3 {column-count: inherit;   -moz-column-count:inherit; }
.textcontainer.tcol2 {column-count: inherit;   -moz-column-count:inherit; }

	#content h2, #content .dark h2 {
    font-weight: 400;
    font-size: 1.4em; }
	
	#content h1 {
    font-weight: 400;
    font-size: 2em; }
	

#logo .logobig { display: none;
 margin-left: auto;
 margin-right: auto;
 height: 130px;
 width: auto;
 
}


.table_container {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px;
    clear: both;
    /* background-color:#dedede; */
}



.cell {
    display: block;
    width: auto;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 0;
    padding-left: 0px;
    vertical-align: top;
    /* background-color:#eee; */
    padding-left: 10px;

}





.hero2 {
  
    /* height: 220px; */
   height: 280px;
   min-height: 280px;
  
}

.textblock3
{
	width: 90%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
	text-align: center;
	clear:both;
}




#menu, #contact, #sidebar {display:block;} 
	
	
	
#sidebar ul, #sidebar ul li{
	
	display: block; 
}


div.texthero {
font-size: 2.5em;
position: static;
padding: 0px;
color: #FFF;
}

.rex-navi1 li a
{
    padding-bottom: 0em;
    padding-top: 0.5em;
     color: #000;
    
}

.gpleft .gallery-show { 

    font-size: 1em;
 
 
 
}
#contact
{
	vertical-align: top;
	
}


 #sidebar.scrolled {
  
display: none;
}



.mb2 {
    clear: both;
    display: block;
    margin-top: 12px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}



.rex-navi1 a{

	color:#000;
}

div.logo 
{
	display: block;
position: relative;
/* width: 100px; */
/* height: 60px; */
/* background: #fff; */
/* z-index: 1200; */
/* top: 0px; */
/* float: left; */
clear: both;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;

}


.scrolled div.logo 
{
	display: none;

}




.hero {
  
     height: 250px; 
  min-height: 250px;
}


.sidebar_wrapper {display: block;
min-height: 0;
top: 0px; 
bottom: auto;
height: auto;}

#sidebar {
	background-color: #FFF;
}


#logo {/* width: 30%; */}
	
	
#example2{
	float: none;
	display: block;
	margin-top: 30px;
	clear: both;
  }

	
#start .mobilecellx {
	display: block;
}


 

.textblock1, .textblock2 {
	width: auto;
	display: block;
	clear: both;
	margin-top: 1em;
	margin-bottom: 1em;
	float: none;
	margin-right: 0px;
	margin-left: 0px;
}




#start .cellx {
	display: none;
	border: 1px solid #ffffff;
	width: 0px;
	padding-top: 0;
	clear: both;
	height: 0px;	
 
    }


#main {
	width: 100%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	left: 0px;
}
#kwrapper {
	top: 0px;
}

#content_area {
	width: 100%;
	
}

#content h1 {
	
	line-height: 1em;
	
}



#marginalie {
	width: 100%;
	clear: both;
	float: none;
	background-image: none;
	display: block;
	margin-top:0px;
	padding: 0px;
}



#menucontainer {
	
	width: 100%;
	
}





#firstmenu {
	padding-top: 10px;
	
	
}

.mb {
	display: block;
clear:both;
}	



#skin_start #content .text, #content .text, #content_area {
	width: 100%;
		
}	




.zurek, #menucontainer {
	display: none;
	height: 0px;
	width: 0px;
}


#sidebar {display: none;
margin: 0px;
padding: 10px;
position: absolute;
z-index: 10000;
top: 0px;
height: auto;
background-color: #2B84C6;
background-image: none; 
max-width: 100%;
width: 100%;

-webkit-box-shadow: 0px 0px 5px #666;
-moz-box-shadow: 0px 0px 5px #666;
box-shadow: 0px 0px 5px #666;}

#marginalie {
	padding: 10px;
	margin-top: 10px;	
	width:auto;
}

.mb img {margin-bottom: 20px;
padding: 10px;
height: 50px;
width: auto;
position: absolute;
left: 20px;
z-index: 900;
top: -5px;

}}

@media screen and (max-width: 540px) {
#meta a { display: none;}
}