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

@media all  {
	
	#color-row  {
		height: 5px;						/*Höhe des farbigen Balkens auf Desktop*/
		background-color: #9f241d;			/*Hintergrundfarbe der oberen Balkens*/
	}
	
	#header_image img  {
		width: 100%;						/*Header-Image auf ganzer Bildbreite*/
	}
	
	#title  {
		max-width: 1000px;
		margin: 0 auto;
		padding: 25px 10px;					
		text-align: center;
	}
	
	h1  {
		font-family: "Monserrat-Thin", Verdana, sans-serif;
		font-size: 2em;
		line-height: 1.25em;
		/*font-weight: bold;*/
		text-transform: uppercase;
		color: #272727;						/*Farbe des Haupttitels*/
	}

}


@media screen and (max-width: 800px)  {
/*Responsive Navigation wird eingeschaltet und Color-Row wird höher*/
	
	#color-row  {
		height: 60px;						/*Höhe des farbigen Balkens auf Mobile*/
		background-color: #cccccc;
	}
	
	h1  {
		font-size: 1.8em;
		
	}

}