html { 
  background: url("images/bg_low.jpg") no-repeat; 
}
@media only screen and (min-width: 512px) {
	html { 
		background: url("images/bg_normal.jpg") no-repeat; 
	}
}
@media only screen and (min-width: 1024px) {
	html { 
		background: url("images/bg_high.jpg") no-repeat; 
	}
}
@media (min-device-pixel-ratio: 1.3) {
	html {
		font-size: 1.3em;
	}
}
@media only screen and (orientation: portrait) {
	html {
		background: url("images/bg_portrait_low.jpg") no-repeat; 
	}
	@media only screen and (min-height: 512px) {
		html { 
			background: url("images/bg_portrait_normal.jpg") no-repeat; 
		}
	}
	@media only screen and (min-height: 1024px) {
		html { 
			background: url("images/bg_portrait_high.jpg") no-repeat; 
		}
	}
}
html { 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: black;
  padding-left: 2em;
  padding-right: 2em;
}
ul {
	list-style: none;
}
.daten, .links  {
	background:rgba(255,255,255,0.2);
	line-height: 1.8em;
}
.titel {
	/*background-color: white;*/
	width: 50%;
	max-width: 50em;
}
.container {
	min-width: 16em;
	max-width: 50em;
}
.titel {
	margin: 2em auto;
	font-size: 2em;
	text-align: right;
	padding: 0 1em 0 0;
	color: white;
}
.container {
	padding: 0;
	margin: 0em auto;
	padding: 0;
}
.daten, .links {
	padding: 1em;
	margin-top: 1em;
	font-size: 1em;
	color: white;
	width: 20em;
}
.daten {
	float: left;
}
.links {
	float: right;
	margin-bottom: 2em;
}
@media (max-width: 700px) {
	.links {
		float: left;
	}
}
@media (max-width: 400px) {
	.daten, .links {
		min-width: 12em;
		max-width: 12em;
	}
}
.foot {
	background:rgba(0,0,0,1);
	margin: 0 auto;
	position: fixed;
	bottom: 0;
	clear: both;
	width: 100%;
	text-align: center;
	font-size: 0.9em;
	color: grey;
}
.name {
	font-size: 1.5em;
}
a {
	color: white;
}