/* CSS Document */
body {
	background-color: lightblue;
}

article {
		display:flex;
	}

div {
	border: 1px solid black;
	margin: 1px;
	text-align:center;
	padding:10px;
}
.spalte2 {
	background-color:orange;
}

@media screen and (min-width:1200px) {
	.spalte1 {flex:1; order:1;}
	.spalte2 {flex:3; order:2;}
	.spalte3 {flex:1; order:3;}
	.spalte4 {flex:1; order:4;}
}
@media screen and (max-width:1199px) 
		and (min-width:720px) {
	.spalte1 {flex:1; order:1;}
	.spalte2 {flex:1; order:4;}
	.spalte3 {flex:1; order:3;}
	.spalte4 {flex:1; order:2;}
}

@media screen and (max-width:719px) {
	article {
		flex-direction : column;
	}
	.spalte1 {flex:1; order:4;}
	.spalte2 {flex:1; order:1;}
	.spalte3 {flex:1; order:2;}
	.spalte4 {flex:1; order:3;}
}