/******RESPONSIVE ELEMENTS*****/
.grid_1,.grid_2,.grid_31,.grid_32,.grid_4,.grid_5{margin: 0;padding:0; box-sizing:border-box;}

.grid_1 { width: 100%; } 

.grid_2 { width: 50%; float:left} 

.grid_31 { width:42%;float:left} 
.grid_32 { width:84%;} 

.grid_4 { width: 25%; float:left} 
.grid_5 { width: 75%; float:left} 

@media screen and (min-width : 1024px) and (max-width :1400px) {
#footer_holder{ left:0; margin-left:0}
}

/* iPads (portrait and landscape) ----------- */
@media screen and (min-width : 481px) and (max-width :1023px) {
.grid_1,.grid_2,.grid_31,.grid_32,.grid_4,.grid_5{width:100%;}

#holder,#header, #content, #footer,#header_holder{ max-width:1024px}

#header{padding-bottom:0px;}

#flags_language_selector{ position:relative; margin-top:20px;}

#content,#content.grid_1.meta{ padding-left:40px; padding-right:40px;}
#content h1{ text-align:left}
#content #left{ float:left; text-align:left;padding-left:0px; margin-bottom:40px; padding-right:50px;}
#content #left img{ width:auto; float:left}
#content #right{ float:left; text-align:left; padding-left:0px; padding-right:50px;}
#content #left h2{ text-align:left}
#content.grid_1.meta #left{ margin-bottom:20px;}
#content.grid_1.meta #right{ padding-left:0}


#bx-pager div{ width:95%; margin-left:40px}
#bx-pager img{ width:40px; height:40px; margin-right:10px;}

#content .aktuelles{ margin-left:0px; width:100%}
#content .aktuelles .news span{ margin-top:3px}

#content .down{ margin-left:17%; width:65%; float:left; margin-bottom:40px;}
#content .down img{ float:left; }
#content .down .grid_4{ width:25%}
#content .down .grid_5{ width:75%}



#slider.kollektion .bxslider li img{ max-width:300px;}

#footer_holder{ position:relative; margin-left:0; left:0; max-width:100%; height:auto; background:none}

#footer{ text-align:center; position:relative; background:none; height:auto}
#footer .grid_4{ width:10%; margin-left:45%}
#footer .grid_4 img{ margin-top:8px; margin-bottom:8px;}
}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-width : 0px) and (max-width :480px) {
.grid_1,.grid_2,.grid_31,.grid_32,.grid_4,.grid_5{width:100%;}

#holder,#header, #content, #footer,#header_holder{ max-width:480px}

#header{padding-bottom:0px;}
#flags_language_selector{ position:relative; margin-top:20px;}
#header img{ width:70%; margin:0 auto}


#content,#content.grid_1.meta{ padding-left:40px; padding-right:40px;}
#content h1{ text-align:left}
#content #left{ float:left; text-align:left;padding-left:0px; margin-bottom:40px; padding-right:50px;}
#content #left img{ width:auto; float:left}
#content #right{ float:left; text-align:left; padding-left:0px; padding-right:50px;}
#content #left h2{ text-align:left}
#content.grid_1.meta #left{ margin-bottom:20px;}
#content.grid_1.meta #right{ padding-left:0}


#bx-pager div{ width:90%; margin-left:5%}
#bx-pager img{ width:30px; height:30px; margin-right:10px;}

#content .aktuelles{ margin-left:0px; width:100%}
#content .aktuelles .news span{ margin-top:3px}


#content .down{ margin-left:0; width:100%; float:left; margin-bottom:40px;}
#content .down img{ float:left; }
#content .down .grid_5{ padding-left:0px; margin-top:20px;}

#footer_holder{ position:relative; margin-left:0; left:0; max-width:100%; height:auto; background:none}
#footer{ text-align:center;position:relative; background:none}
#footer .grid_4{ width:50%; margin-left:10%}
#footer .grid_4 img{ margin-top:8px; margin-bottom:8px;}

}