body {
	overflow:hidden;
	background:#242424;
}
.hintergrundbild {
	width:100%;
}
.text {
	width:100%;
	position:absolute;
	top:60%;
	font-family:Arial;
}
.flexbox {
	display:flex;
}
.innen {
	background:rgba(0,0,0,0.4);
	padding:20px;
	color:#fff;
	flex:3;
}
.aussen {
	flex:1;
}
a {
	color:#fff;
}
@media only screen and (min-width: 360px) {
	.text {
		font-size:90%;
	}
	.bilder {
		width:100%;
	}
}
@media only screen and (min-width: 640px) {
	.text {
		font-size:150%;
	}
}
@media only screen and (min-width: 800px) {
	.text {
		font-size:200%;
	}
}
@media only screen and (min-width: 1000px) {
	.text {
		font-size:300%;
	}
}
@media only screen and (min-width: 1200px) {
	.text {
		font-size:300%;
	}
	.bilder {
		width:1200px;
		margin:0 auto;
	}
}