Erster Commit für das redesign2018

homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-layout.css

@@ -0,0 +1,75 @@
+body{
+	display: flex;
+	flex-direction: column;
+}
+
+body > * {
+	flex-basis: 100%;
+}
+
+.cwsvHeader{
+	order: 1;
+}
+#mainNav{
+	order: 4;
+}
+.subNav{
+	order: 2;
+}
+#content{
+	order: 3;
+}
+.sideNotes{
+	order: 5;
+}
+.footerBar{
+	order: 6;
+}
+
+@media(min-width: 640px) and (max-width: 1279px){
+	body{
+		display: block;
+	}
+	.subNav{
+		float: right;
+		width: 33%;
+	}
+	#content {
+		float: left;
+		width: 67%;
+/*		margin: 1%;
+		padding: 1%;
+*/
+	}
+	.sideNotes{
+		float: right;
+		width: 33%;
+	}
+	.footerBar{
+		clear: both;
+	}
+}
+
+
+@media(min-width: 1280px){
+	body{
+		flex-direction: row;
+		flex-wrap: wrap;
+	}
+	#mainNav{
+		order: 2;
+	}
+	.subNav{
+		order: 3;
+		flex-basis: 25%;
+		align-self: flex-start;
+	}
+	#content{
+		order: 4;
+		flex-basis: 50%;
+	}
+	.sideNotes{
+		align-self: flex-start;
+		flex-basis: 25%;
+	}
+}