.clearfix::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

@media only screen and (min-width: 1280px) {

#header_top, #header_bottom, #header_left, #header_right {
    display: block;	
}

#header_right_rd, #header_right_rd_690 {
    display: none;	
}

#contentMain {
/*	background-color: lightgoldenrodyellow; */
}
	
#img_title_mobile {
    display: inline;
}

#header_foreground {
    display: none;
}

#navMobile {
    display: none;
}

#navMain ul a {
    height: 1.2em;
}

#navMain ul li a, #breadcrumb .not_linked, #subnavigation a {
    background-image: none !important;
    position: relative;
}

#contentMain {
/*	background-color: lightgreen; */
}

h3 {
	margin-bottom: 0.5em;
}

html {
	-webkit-text-size-adjust: auto;
}

#header {
    height: 240px;	
}

#content {
    padding-top: 240px;	
}


}

/* Kann maximal 1280px darstellen. */ 
@media only screen and (max-width: 1280px) { 
/* CSS hier */

#header_bottom, #header_left, #header_right {
    display: block;	
}
	
#header_right img {
    width: 100%;	
}

#header_right_rd, #header_right_rd_690 {
    display: none;	
}


#header {
    height: 240px;	
}

#content {
    padding-top: 240px;	
}

#contentMain {
/*    background-color: lightblue;*/ 
}

#navMobile {
    display: none;
}
	
#navMain ul li {
    width: 19.8%;
}	

} 

/* Kann maximal 1024px darstellen. */ 
@media only screen and (max-width : 1024px) { 
/* CSS hier */



#header_bottom {
    display: block;	
}

#header_left {
    display: inline;
	width: 25%;
	margin-top: 1em;
}
	
#header_left img {
	width: 80%;
}	

#header_right {
	display: none;
}
	
#header_right_rd {
	display: inline;
	width: 65%;
}
	
#header_right_rd img {
	width: 100%;
}
	
#contentMain {
/*  background-color: lightgray; */  
}	

#navMobile {
    display: none;
}

#navMain {
    display: block;
}
	
#navMain ul li {
	width: 19.7%;		
}

#contentMainWidth {
    width: 100%;
}

#menuSubMobile {
    display: block;
}
#menuLeftWidth {
    display: none;
}	

#navMain {
    padding-top: 0;	
}

.mainNav {
    padding-left: 0.5em;
    padding-right: 0.5em;		
}


#header {
    height: 220px;	
}

#content {
    padding-top: 220px;	
}

.mainNav {
    font-size: 1.5em;
}

}

/* Kann maximal 960px darstellen. */ 
@media only screen and (max-width : 960px) {
}

/* Kann maximal 768px darstellen. */ 
@media only screen and (max-width : 768px) { 
/* CSS hier */

#header {
   position: static;
   height: auto;
}
	
#header_bottom {
   height: auto;		
}
	
#header_right, #header_right_rd {
    display: none;
}
#header_right_rd_690 {
	width: 50%;
    display: inline;
	padding-right: 2em;
}	

.shadow {
    box-shadow: 0 0 0 0 !important;
}

#header_left {
    display: block;
	float: left;
	width: 35%;	
}
	
#contentMain {
/*    background-color: lightgreen; */
}

#navMobile, #navSubMobile {
    display: block;
}

#navMain {
    display: none;
}

.span_1_of_5 {
    width: 100%;
}

.span_1_of_5_empty {
    width: 0%;
}

.span_1_of_2 {
    width: 100%;
}

.first_table {
    display: none;	
}

.imageSlider {
    display: none;	
}

.mainNav {
    padding-left: 0.5em;
    padding-right: 0.5em;		
}

#content {
    padding-top: 0;	
}

.anchor {
  height: 10px; /*same height as header*/
  margin-top: -10px; /*same height as header*/	
}

}

/* Kann maximal 690px darstellen. */ 
@media only screen and (max-width : 690px) { 
/* CSS hier */
	
#contentMain {
/*    background-color: white; */
}	

#header {
   position: static;
   height: auto; 
}
	
#header_bottom {
   height: auto; 
}	
	
#header_right, #header_right_rd {
    display: none;
}	

#header_left, #header_right_rd_690 {
    display: block;
	float: left;
	width: 100%;
}
	
#header_left {
    margin-top: 2em;
	float: left;
	width: 100%;
}	
	
#header_right_rd_690 {
    display: block;
	float: left;
	width: 100%;
	padding-left: 2em;
	padding-right: 2em;	
}	

#navMobile, #navSubMobile {
    display: block;
}

#navMain {
    display: none;
}

#content {
    padding-top: 0;	
}

.imageSlider {
    display: none;	
}

.shadow {
	box-shadow: 0 0 0 0 inset;
}

#metaNavi {
    float: none;
	width: 100%;
	padding-left: 1.5em;
	padding-right: 1.5em;		
}

#header_center img {
    width: 100% !important;	
}

#header_left {
   margin-left: 2em;
   margin-right: 0;   	
}
	
#header_left img {
   width: 60%;  	
}	

#header_right {
   margin-left: 0;
   margin-right: 2em;
   float: right;   	
}

.anchor {
  height: 10px; /*same height as header*/
  margin-top: -10px; /*same height as header*/	
}
	
	#content {
		padding-bottom: 0;
	}	
}



/* Kann maximal 650px darstellen. */ 
@media only screen and (max-width : 650px) { 
/* CSS hier */

}

/* Kann maximal 320px darstellen. */ 
@media only screen and (max-width : 320px) { 
/* CSS hier */
#contentMain {
/*    background-color: blue; */
} 
}