cwsvJudo/homepage/redesign2018/markdownExperiment/src/css/cwsvJudo-2018-header.css

/*
 * Die Headerleiste
 */

.cwsvHeader{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	font-family: "Orbitron-Medium", Impact, Charcoal, sans-serif;
	font-size: 1.5em;
	align-items: center;
	text-align: center;
	background-color: #FF8100;
}

.cwsvHeader > span:first-of-type{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: start;
}

.cwsvHeader > amp-img:first-of-type,
.cwsvHeader > img:first-of-type{
	display: none;
}

.cwsvHeader amp-img,
.cwsvHeader img{
	width: auto;
	height: 3em;
	flex-shrink: 0;
}

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

.cwsvHeader > span:first-of-type > span:nth-child(2){
	font-size: .5em;
}

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

@media (min-width: 1280px){
	.cwsvHeader > amp-img:first-of-type,
	.cwsvHeader > img:first-of-type{
		display: initial;
	}
	.cwsvHeader > span:first-of-type{
		align-items: center;
	}
}