Erster Commit für das redesign2018

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

@@ -0,0 +1,95 @@
+/*
+ * 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{
+	}
+}