/*
 * Die Headerleiste
 */

header {
	font-family: Orbitron-Medium;
	text-align: center;
	clear: both;
/*	float: left;*/
	width: 98%;
	margin: 0 1% 0 1%;
	background-color: #FF8100;
}

header img{
	display: block; /*inline elemente wie img fügen standardmäßig eine bottom margin hinzu (für schriftzeichen, die unter die Grundlinie gehen)*/
}
img.styleBannerPromo{
	width:20%;
	height:auto;
	float:left;
}
img.styleBannerCwsv{
	width:17.5%;
	height:auto;
	float:right;
}


.cwsvHeader{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: stretch;
	text-align: center;
	background-color: #FF8100;
}

.cwsvHeaderZitat{
	font-family: "Orbitron-Medium", Impact, Charcoal, sans-serif;
	padding-top: .2em;/* wg. Orbitron */
}

.cwsvHeaderTitle{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	font-family: "Orbitron-Medium", Impact, Charcoal, sans-serif;
	padding-top: .2em;
}
.cwsvHeaderTitle h1{
	font-size: 1.5em;
}
.cwsvHeaderPromoPic{
	display: none;
	height: 5em;
}

.cwsvHeaderPromoPic img{
	height: 100%;
	width: auto;
}
.cwsvHeaderLogoPic{
	height: 5em;
}
.cwsvHeaderLogoPic img{
	height: 100%;
	width: auto;
}

/* \0000a0 ist unicode für  
 * \00202F ist unicode für  */
.cwsvHeaderTitle h1::before{
	content: 'CWSV\0000a0e.\00202FV. - ';
}
@media (min-width: 640px){
	.cwsvHeaderTitle h1::before{
		content: 'Chemnitzer WSV\0000a0e.\00202FV. - ';
	}
}
@media (min-width: 1280px){
	.cwsvHeaderTitle h1::before{
		content: 'Chemnitzer Freizeit- und Wohngebietssportverein\0000a0e.\00202FV. - ';
	}
}


@media (min-width: 1280px){
	.cwsvHeaderPromoPic{
		display: initial;
	}
	.cwsvHeaderLogoPic{
	}
}