body {
	margin:3em auto;
	max-width:50em;
	background-color:#dda;
	font-family:helvetica,arial,sans;
	line-height:1.4em;
	hyphens:auto;
}
q:before {
	content:"„";
}
q:after {
	content:"”";
}
p > a,
li > a,
small > a {
	display:inline-block;
	margin:-.2em -.5em;
	padding:.2em .5em;
	background-color:transparent;
	border-radius:.3em;
}
p > a:hover,
li > a:hover,
small > a:hover {
	background-color:rgba(255,255,255,0.3);
	box-shadow:0 0 10px rgba(0,0,0,0.05);
}
p a[href^="http://"]:before,
p a[href^="https://"]:before,
li a[href^="http://"]:before,
li a[href^="https://"]:before {
	content:"⇒ ";
}
li + li {
	margin-top:.5em;
}
sup {
	position:relative;
	display:inline-block;
	margin-top:-.5em;
}
body > a:first-child {
	position:absolute;
	top:-20em;
	left:-20em;
}
header {
	color:#fff;
}
header > a,
header > a:hover,
header > a:focus {
	/*padding-left:1em;
	background-image:url("img/icon.svg");
	background-repeat:no-repeat;
	background-position:left .13em;
	background-size:.8em;*/
	color:inherit;
	font-size:1.8em;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:.04em;
}
nav {
	margin:1em 0 0;
	padding:.3em;
	background-color:rgba(255,255,255,0.3);
	text-align:center;
	border-radius:.3em;
	box-shadow:0 0 1em rgba(0,0,0,0.05);
}
nav a,
footer a {
	display:inline-block;
	padding:.2em .5em;
}
nav .rueck {
	display:block;
	float:left;
}
nav .rueck:after {
	content:" " attr(data-n);
}
nav .vor {
	display:block;
	float:right;
}
nav .vor:before {
	content:attr(data-n) " ";
}
nav a {
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
	margin-top:2em;
	color:#000;
}
h2 > time {
	float:right;
	margin-top:0;
	font-weight:normal;
}
hr {
	margin:1.4em 0;
	padding:0;
	border:none;
	border-top:dotted 1px #000;
}
.anmerkung {
	font-size:smaller;
	line-height:1.4em;
}
form {
	max-width:100%;
	text-align:center;
}
input,
textarea {
	margin:.4em 0;
	box-sizing:border-box;
	width:100%;
	padding:.3em .5em;
	font:inherit;
	text-align:left;
	border:solid 1px #fff;
}
input {
	padding:.3em .5em;
}
textarea {
	height:6em;
}
input[type=submit] {
	cursor:pointer;
	width:auto;
	padding:.5em 1em;
	color:#fff;
	background-color:#0e0;
	font-weight:bold;
	border:none;
	border-radius:.3em;
	box-shadow:0 0 5em #fff;
}
input[type=submit]:hover {
	color:#000;
	background-color:#fc0;
	box-shadow:0 0 .5em rgba(0,0,0,0.2);
}
#intro {
	font-weight:bold;
}
#quelle {
	position:absolute;
	top:-20em;
	left:-80em;
}
.bild-rechts {
	display:block;
	float:right;
	width:20em;
	margin:0 0 1em 1em;
}
.bild-rechts img {
	width:100%;
}
.meldung {
	padding:.5em 1.5em;
	background-color:#fff;
	border-radius:.5em;
}
.meldung h2 {
	margin-top:1rem;
}
.ok {
	border:solid 2px #390;
	background-color:#cf9;
}
.err {
	border:solid 2px #f22;
	background-color:#fdd;
}
footer {
	margin-top:4em;
	padding-bottom:3em;
}
footer nav {
	margin-bottom:.3em;
}
footer aside {
	float:right;
}
footer time,
footer > a,
footer > aside > a {
	display:inline-block;
	margin:-.2em;
	padding:.2em .5em;
	color:inherit;
	background-color:transparent;
	font-size:smaller;
	border-radius:.3em;
}
footer > a:hover,
footer > aside > a:hover  {
	background-color:rgba(255,255,255,0.3);
	box-shadow:0 0 10px rgba(0,0,0,0.05);
}
.tags a {
	display:inline-block;
	margin:.2em .1em;
	padding:.2em .5em;
	background-color:rgba(255,255,255,0.3);
	text-decoration:none;
	border-radius:.3em;
	box-shadow:0 0 10px rgba(0,0,0,0.05);
}
.tags a:hover,
.tags a:focus {
	background-color:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}

@media screen and (max-width:54em) {
	body {
		margin:3em 2em;
	}
}

@media screen and (max-width:30em) {
	nav a:before,
	nav a:after {
		content:"" !important;
	}
}

@media print {
	nav {
		padding:0;
		background-color:transparent;
		box-shadow:none;
	}
	a[href]:after {
		content:" (" attr(href) ") ";
		color:#000;
		text-decoration:none;
	}
	.tags a {
		display:block;
		box-shadow:none;
	}
}