body {
	max-width:50em;
	margin:2em auto;
	padding:0;
	background-color:#957f68;
	background-image:url('img/deer.jpg');
	background-size:cover;
	background-attachment:fixed;
	font-family:helvetica,arial,sans;
	line-height:1.5em;
	hyphens:auto;
}
header {
	padding-bottom:.3em;
	line-height:1.6em;
}
header a {
	display:block;
	margin:0;
	font-size:x-large;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
#scale {
	border-collapse:collapse;
	width:100%;
	margin:.5em 0 .3em;
	padding:0;
	color:#fff;
	background-color:transparent;
	font-weight:bold;
	border:solid 1px rgba(255,255,255,0.4);
	overflow:hidden;
}
#scale td {
	box-sizing:border-box;
	margin:0;
	padding:.2em .4em;
	line-height:1.2em;
	overflow:hidden;
}
#scale #summe {
	width:calc((100% / 26000) * var(--anzahl, 500));
	background-color:#090;
	border-right:solid 1px #fff;
	text-align:right;
	cursor:help;
}
#scale #ziel {
	width:calc((100% / 26000) * var(--ziel, 500));
	background-color:#f00;
	border-left:solid 1px rgba(255,255,255,0.4);
	cursor:help;
}
nav a {
	display:inline-block;
	margin-right:.5em;
	padding:0 .4em 0 0;
	font-size:1rem;
	color:#000;
}
nav a:hover,
nav a:focus {
	text-decoration:underline;
}
nav a.aktiv {
	color:#fff;
}
main {
	margin-top:.3em;
	padding:0 3em 1.5em;
	background-color:rgba(255,255,255,0.5);
	border-radius:.5em;
	box-shadow:0 0 1em rgba(0,0,0,0.5);
	overflow:hidden;
}
main address {
	display:block;
	margin-left:2em;
}
q:before {
	content:"„";
}
q:after {
	content:"“";
}
blockquote {
	margin:0;
	padding:.1em 1.3em;
	color:#555;
	background-color:rgba(255,255,255,0.8);
	font-style:italic;
	border-left:solid 3px #555;
	border-right:solid 3px #555;
}
ol {
	list-style-type:upper-roman;
}
li {
	margin-bottom:1.5em;
}
ol.wichtig, ol.auswahl {
	margin-bottom:2em;
	counter-reset:item;
	list-style-type:none;
}
ol.wichtig li, ol.auswahl li {
	margin:0 0 1.5em 1em;
}
ol.auswahl li {
	font-weight: bold;
}
ol.wichtig li::before {
	float:left;
	content:counter(item) ".";
  counter-increment:item;
	font-weight:bold;
	font-size:2em;
	margin:.2em 0 0 -1.2em;
}
ol.auswahl li::before {
	float:left;
	font-weight:bold;
	font-size:2em;
	margin:.2em 0 0 -1.2em;
}
ol.auswahl li.a::before {
  content: "A.";
}
ol.auswahl li.b::before {
  content: "B.";
}
.button {
	margin:3em 0;
	text-align:center;
}
.button a {
	display:inline-block;
	padding:.5em 1em;
	color:#000;
	background-color:#0b0;
	font-size:x-large;
	font-weight:bold;
	text-decoration:none;
	line-height:1.2em;
	border-radius:.3em;
	box-shadow:0 0 1em #fff;
}
.button a:hover,
.button a:focus {
	color:#fff;
	background-color:#e50;
}
body > a:first-child {
	position:absolute;
	top:-20em;
	left:-20em;
}
h1, h2, h3, h4, h5, h6 {
	margin-top:2em;
	color:#000;
	line-height:1.2em;
}
h1 {
	margin-top:1em;
}
dl {
	counter-reset:liste;
}
dt::before {
	display:inline;
	font-weight:bold;
	counter-increment:liste;
	content:counter(liste) ") ";
}
.plain dt::before {
	display:none;
} 
dt {
	font-weight:bold;
}
dd + dt {
	margin-top:1.5em;
}
.highlight {
	padding:1em 1.5em;
	background-color:#fff;
	border-radius:.3em;
	box-shadow:0 0 .5em rgba(0,0,0,0.5);
}
#grafik {
	margin:2em 0;
	width:100%;
	border-collapse:collapse;
	box-sizing:border-box;
	border:solid 1px #000;
}
#grafik td {
	width:20%;
	margin:0;
	padding:.3em;
	color:#000;
	background-color:#aaa;
	text-align:right;
	overflow:hidden;
	white-space:nowrap;
}
#grafik td:nth-child(1) {
	width:2%;
	color:#fff;
	background-color:#090;
}
#grafik td:nth-child(2) {
	width:10%;
	background-color:#8f0;
}
#grafik td:nth-child(3) {
	width:23%;
	background-color:#f80;
}
#grafik td:nth-child(4) {
	width:53%;
	color:#fff;
	background-color:#f00;
}
#grafik td:nth-child(5) {
	width:12%;
}

.angepasste-breite {
	margin:2em -3em;
	overflow:hidden;
}
.angepasste-breite img {
  width:100%;
  height:auto;
}
.responsive-video-4-3 iframe,
.responsive-video-16-9 iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.responsive-video-4-3,
.responsive-video-16-9 {
	position:relative;
	padding-top:0;
	height:0;
	overflow:hidden;
}
.responsive-video-16-9 {
	padding-bottom: 56.25%;
}
.responsive-video-4-3 {
	padding-bottom: 75.00%;
}
main > .angepasste-breite:first-child {
	margin-top:0;
}


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:#090;
	font-weight:bold;
	border:none;
	border-radius:.3em;
	box-shadow:0 0 2em #fff;
}
input[type=submit]:hover {
	color:#000;
	background-color:#fc0;
	box-shadow:0 0 .5em rgba(0,0,0,0.2);
}
input[type=checkbox] {
	width:auto;
}
#quelle {
	position:absolute;
	top:-20em;
	left:-80em;
}
.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:.5em;
	font-size:small;
	color:rgba(255,255,255,0.5);
	text-align:center;
	line-height:1.2em;
}
footer aside {
	display:inline-block;
}
footer time,
footer > a,
footer > aside > a {
	display:inline-block;
	margin:-.2em;
	padding:.2em .5em;
	color:inherit;
	background-color:transparent;
	border-radius:.3em;
}
footer address {
	display:inline;
	margin:0;
}
#cookiebanner {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	background:#eee;
	padding:20px;
	font-size:14px;
}
#cookiebanner a.button {
	cursor:pointer;
	background:#ccc;
	padding:8px 20px;
	margin-left:10px;
	border-radius:5px;
	font-weight:bold;
	float:right;
	width:7em;
	margin:0;
}
#cookiebanner p.cookietext {
	display:block;
	padding:0;
	margin:0;
}

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

@media screen and (max-width:30em) {
	body {
		font-size:smaller;
		margin:1em;
	}
	main {
		padding:0 2em 1.5em;
	}
	.angepasste-breite {
		margin:0 -2em;
	}
}

@media print {
	a[href]:after {
		content:" (" attr(href) ") ";
		color:#000;
		text-decoration:none;
	}
}