@media only screen and (max-width: 860px) and (orientation: portrait) {
#page_content,
.einspaltig_spalte_1,
.einspaltig_spalte_2,
.galleria,
#controller{
	position:static  !important;
	padding:0px !important;
	margin:0px !important;
	height:auto  !important;
	padding-bottom:10px !important;
	margin-bottom:10px !important;
	float:left !important;
}

.spalte_inhalt{
width:350px !important;

}
.spalte_1{
   top:20px; 
}

.spalte_2{
	width:280px !important;
	padding:0px !important;
	padding-left:20px !important;
	margin:0px !important;
	position:static  !important;
}


}



/* Breite < 480px */
@media only screen and (max-width: 800px){

#page_content,
.spalte_inhalt,
.einspaltig_spalte_1,
.einspaltig_spalte_2,
.galleria,
#controller{
	position:static  !important;
	width:100% !important;
	padding:0px !important;
	margin:0px !important;
	height:auto  !important;
	padding-bottom:10px !important;
	margin-bottom:10px !important;
}
#controller .navigation{
  margin-left:0px;
  width:94%;
   padding:3%;
}
#controller .buttons{
	float:left;
	padding:0px !important;
	padding-left:10px !important;
	margin:0px !important;
}
#controller .impressum{
	padding:0px !important;
	padding-left:5px !important;
	margin:0px !important;
	margin-top:-5px !important;
	margin-left:-20px !important;
}
#controller .toaster{
	display:none;
}

.spalte_inhalt,
.spalte_1,
.spalte_2{
	position:static  !important;
	width:94% !important;
	padding:3% !important;
	margin:0px !important;
}
.spalte_1{
	text-align:center !important;
}
.spalte_1 .galleria a{
width:90% !important;

}
.spalte_1 img{
width:100% !important;
height:auto !important;
}
}
@media only screen and (max-width: 800px) and (orientation: landscape){
.spalte_1 .galleria a{
width:auto !important;
height:90% !important
}
.spalte_1 img{
width:100% !important;
height:auto !important
}
}