html,body
{
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #313131;
	color: #DDDDDD;
	font-family:sans-serif;
	letter-spacing: 0.4em;
}
div.container
{
	min-width: 284px;
	margin: 8em;
	padding-top: 4em;
	padding-bottom: 4em;
	border: 3px solid #303030;
	border-radius: 8px;
	background-color: #343434;
	overflow: hidden;
}
h1,h2
{
	text-align: center;
}
h1
{
	padding-bottom:2.5em;
}
h2
{
	padding-top:2.5em;
}
p
{
	text-align: center;
}
a, a:link, a:visited, a:active {
    color: #DDDDDD;
    text-decoration: none;
}
#impressum
{
	font-size: 0.8em;
}

@media screen and (max-width:725px)
{
	html,body
	{
		letter-spacing: 0.2em;
		font-size: 0.85em;
	}
	div.container
	{
		margin: 4em;
		padding-top: 2em;
		padding-bottom: 2em;
	}
	h1
	{
		padding-bottom:1.75em;
	}
	h2
	{
		padding-top: 1.75em;
	}
}