#respContent article img {
		width: 100%;
		height:auto;
	}
	

/****************************************************************	
/* MOBILE */

.textBlock {
	column-count: 1;
	-webkit-column-count: 1;
	-moz-column-count: 1;
}

#headerTitle, .navigation, .next, .prev {
	display:none;
}
	

.mobileNav {
	width:100%;
	height:0px;
	opacity: 0.9;
    filter: alpha(opacity=90); 
	border-top:1px solid white;
	overflow:hidden;
}

.btnMobile h2{	
	font-size:18px;
	float:left;
}
	
.btnMobile{
	display:block;
	cursor:pointer;
	position:absolute;
	right:15px;
	top:19px;
}

.btnMobile img{
	width:80px;
	height:auto;
}
	
	#respContent{ width: 100% }
	
	#respContent {
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack:justify;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	#respContent article {
		width: 100%;background:green;
	}
	
	
	
	#respContent header {
		height:3.4em;
	}


	
	
/****************************************************************	
/* Tablets */
@media only screen and (min-width: 760px) {
	
	.textBlock {
		column-count: 2;
		-webkit-column-count: 2;
		-moz-column-count: 2;
	}

	.navigation {
		width:100%;
		height:27px;
		background:grey;
		opacity: 0.9;
		filter: alpha(opacity=90); 
		border-top:1px solid white;
	}
	
	#headerTitle, .navigation{
		display:block;
	}
	
	.btnMobile, .mobileNav{
		display:none;
	}
	
	#respContent{ width: 100% }
	
	
	#respContent {
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack:justify;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	
	
	#respContent article {
		width: 49%;background:blue;
	}
	
	#respContent header {
		height:2.8em;
	}
}


/****************************************************************	
/* Große Monitore ab 1200 Px */
@media only screen and (min-width: 1200px)  {
	
	.navigation {
		width:100%;
		height:27px;
		background:grey;
		opacity: 0.9;
		filter: alpha(opacity=90); 
		border-top:1px solid white;
	}
	
	.textBlock {
	column-count: 3;
	-webkit-column-count: 3;
	-moz-column-count: 3;
}
	
	#headerTitle, .navigation, .next, .prev {
		display:block;
	}
	.btnMobile, .mobileNav{
		display:none;
	}
	
	#respContent{ width: 100%;}
	
	#respContent {
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack:justify;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	#respContent article {
		width: 33%;
		background:yellow;
	}
	
	#respContent header {
		height:2.8em;
	}
}