@charset "utf-8";
/* CSS Document */

@media all  {
	
	#color-row  {
		height: 35px;						/*Höhe des farbigen Balkens auf Desktop*/
		background-color: #364346;			/*Hintergrundfarbe der oberen Balkens*/
	}
	
	#header_image_background  {
		line-height: 0;
		background-color: #dddddd;
	}
	
	#header_image_desktop  {
		max-width: 1400px;
		margin: 0 auto;
	}
	
	#header_image_desktop img  {
		width: 100%;						/*Breite des Header-Images (Bild soll 2000 x 600 Pixel sein)*/
	}
	
	#header_image_mobile  {
		display: none;						/*blendet das Header-Image für Mobile aus*/
	}
	
	#title  {
		max-width: 1000px;
		margin: 0 auto;
		padding: 25px 10px;					
		text-align: center;
	}
	
	h1  {
		font-size: 2.5em;
		line-height: 1.25em;
		font-weight: bold;
		text-transform: uppercase;
		color: #2B3752;						/*Farbe des Haupttitels*/
	}

}


@media screen and (max-width: 800px)  {
/*Responsive Navigation wird eingeschaltet und Color-Row wird höher*/
/*Header-Image wechselt auf Mobile-Verion*/
	
	#color-row  {
		height: 60px;						/*Höhe des farbigen Balkens auf Mobile*/
	}
	
	#header_image_desktop  {
		display: none;						
	}
	
	#header_image_mobile  {
		display: block;						
	}
	
	#header_image_mobile img  {				/*Breite des Header-Images (Bild soll 800 x 400 Pixel sein)*/
		width: 100%;						
	}
	
	h1  {
		font-size: 2em;
		
	}

}