html {
	font-size:12pt;
	line-height:1.4em;
}
body {
	margin:0;
	padding:0;
	background-color:#d5dbe3;
	font-family:arial,helvetica,sans;
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
	hyphens:auto;
}
a {
	color:#475569;
}
a:hover, a:focus {
	color:#000;
}
header {
	height:65px;
	margin:0;
	padding:10px 0 5px;
	background-color:#99a7bb;
}
.zentriert {
	max-width:700px;
	margin:auto;
}
#logo {
	float:left;
	padding-right:2rem;
}
nav a {
	padding-right:1.5rem;
	font-size:2rem;
	font-family:"Yanone Kaffeesatz",helvetica,sans;
	font-weight:700;
	text-decoration:none;
	text-transform:lowercase;
}
.aktiv {
	color:#fff !important;
}
nav a:hover,
nav a:focus {
	color:#000 !important;
}
nav {
	padding-top:10px;
}
#mobilmen {
	display:none;
}
article {
	padding:1rem 0 2rem;
}
#illu {
	float:right;
	margin-top:-70px;
}
h1, h2, h3, h4, h5 {
	font-family:"Yanone Kaffeesatz",helvetica,sans;
	font-weight:700;
	text-transform:lowercase;
}
h1 {
	color:#475569;
	font-size:2rem;
}
p {
	margin-left:2rem;
	text-align:justify;
}
h1 + p {
	font-weight:bold;
}
.sponsor {
	clear:left;
}
.sponsor img {
	float:left;
	margin:.4em 1em 1em 0;
}
ol {
	margin-left:1rem;
}
li {
	margin:1rem;
	text-align:justify;
}
.eng li {
	margin:.1rem 1rem;
}
q:before {
	content:"„";
}
q:after {
	content:"“";
}
h2 {
	margin-top:3rem;
}
.paragraph {
	counter-reset:pcounter !important;
	margin-left:-1.6rem;
}
.paragraph li:before {
	content:"§ " counter(pcounter) !important;
	counter-increment:pcounter !important;
	display:inline-block;
	margin:0 0.7rem 0 0;
	text-align:right;
	width:2rem;
}
footer {
	padding:.5rem 0 1rem;
	background-color:#8596ad;
	font-size:smaller;
	text-align:right;
}
footer span:first-child {
	float:left;
}
footer a {
	margin-left:1rem;
	white-space:nowrap;
}

@media screen and (max-width:1019px) {
	body > header,
	article,
	footer {
		width:auto;
		padding-left:2rem;
		padding-right:2rem;
	}
}
@media screen and (max-width:699px) {
	#mobilmen {
		display:block;
		position:absolute;
		top:8px;
		right:130px;
		cursor:pointer;
	}
	#men {
		float:none;
		position:absolute;
		top:80px;
		left:0;
		width:auto;
		margin-left:-300px;
		padding:10px 0;
		font-size:1.5rem !important;
		background-color:#fff;
		z-index:1;
		border-bottom-right-radius:1rem;
		box-shadow:0 0 10px rgba(0,0,0,0.5);
		transition:margin-left 1s;
		overflow:hidden;
	}
	#men a {
		display:block;
		padding:.5rem 1.5rem .5rem 2rem;
	}
	#men a:hover,
	#men a:focus {
		background-color:#d5dbe3;
	}
	#men .aktiv {
		color:#000;
		background-color:#99a7bb;
	}
}