@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,500);

html {
	font-size:10pt;
	line-height:1.3em;
}
body {
	margin:0;
	padding:0;
	background-color:#ddb;
	font-family:"Roboto",helvetica,sans;
	font-weight:300;
	hyphens:auto;
}
main {
	margin:0 auto;
	width:800px;
}
aside {
	float:right;
	width:270px;
	margin:0 0 1em 2em;
	font-size:smaller;
	line-height:1.2em;
}
aside > img {
	padding-top:1.5em;
}
a {
	color:#498000;
	font-family:"Roboto",helvetica,sans;
	font-weight:500;
	text-decoration:none;
}
a:hover, a:focus {
	color:#000;
	text-decoration:underline;
}
blockquote {
	margin:0 2em;
	padding:.1em 1.2em;
	background-color:#f1f1d9;
	border-radius:.4em;
}
blockquote:before {
	float:left;
	margin:.32em 0 0 -.8em;
	content:"“";
	color:#f1f1d9;
	font-size:4em;
	font-weight:700;
}
blockquote:after {
	float:right;
	margin:-.2em -.8em 0 0;
	content:"”";
	color:#f1f1d9;
	font-size:4em;
	font-weight:700;
}
main > header {
	height:60px;
	margin:0;
	padding:20px 0 10px 0;
	overflow:hidden;
	text-align:right;
}
main > header > a {
	display:block;
}
main > header a:hover,
main > header a:focus {
	text-decoration:none;
}
#social a + a {
	margin-left:6px;
}
#social img {
	width:35px;
}
#kopf {
	display:block;
	float:left;
	margin:0;
	padding:0;
	color:#886;
	font-family:"Roboto Condensed",helvetica,sans;
	font-weight:700;
	text-transform:uppercase;
	text-align:left;
}
#kopf img {
	display:block;
	margin:0 20px 0 0;
	float:left;
}
#kopf strong {
	display:inline-block;
	margin:0;
	font-size:2.5rem;
	line-height:.83em;
	letter-spacing:-.1rem;
}
h1, h2, h3, h4, h5 {
	font-family:"Roboto Condensed",helvetica,sans;
	font-weight:700;
}
h1 {
	margin:0;
	font-size:1.6em;
}
h1 + h2 {
	margin-top:1em;
}
h2 {
	color:#8cc63f;
	margin:2em 0 0 0;
	font-size:1.3em;
}
time {
	display:block;
	float:right;
	color:#555;
	font-size:1.1rem;
	font-weight:300;
	text-align:right;
}
article {
	background-color:#fff;
	border-radius:7px;
	overflow:hidden;
	box-shadow:0 0 15px rgba(0,0,0,0.3);
}
#slider {
	margin-bottom:14px;
}
#slider > a {
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
}
#slider img {
	width:100%;
	transition:opacity 2s;
}
#slider table {
	width:100%;
	border-collapse:collapse;
	margin:-5px 0;
	background-color:#886;
	text-align:center;
}
#slider td {
	padding:.8rem;
	font-family:"Roboto Condensed",helvetica,sans;
	font-weight:400;
	font-size:2rem;
}
#slider #rueck,
#slider #vor {
	width:2rem;
	color:#ddb;
	font-weight:700;
    user-select: none;
	cursor:pointer;
}
#slider #rueck:hover,
#slider #vor:hover {
	color:#000;
	background-color:#8cc63f;
}
#slider #sliderinfo {
	padding-left:0;
	padding-right:0;
	color:#fff;
	font-size:1.4rem;
	line-height:1.2em;
}
#slider #slidertxt {
	font-weight:700;
}
.sichtbar {
	opacity:1;
}
.versteckt {
	opacity:0;
}
#text {
	padding:30px 40px;
	font-size:1.4rem;
	line-height:1.4em;
}
dl {
	margin-top:2em;
}
dt {
	font-weight:700;
}
dt small {
	color:#667;
	font-weight:300;
	font-style:italic;
}
h1 small:before,
dt small:before {
	content:"(";
}
h1 small:after,
dt small:after {
	content:")";
}
dd + dt {
	margin-top:1em;
	padding-top:.7em;
	border-top:dotted 1px #8cc63f;
}
dd:before {
	content:"\2022";
	margin-left:-1em;
	padding-right:.6em;
	color:#8cc63f;
	font-weight:700;
}
dd {
	margin-top:.5em;
}
li + li {
	margin-top:.5em;
}
sup,
sub {
	font-size:x-small;
}
.bildbalken {
	display:block;
	margin:3em -40px 0 -40px;
	width:calc(100% + 80px);
}
.randbild {
	float:right;
	margin:.3em 0 1em 1em;
	padding:0;
	width:270px;
	color:#777;
	font-size:smaller;
	line-height:1.2em;
}
.randbild img {
	width:100%;
}

.button {
	display:inline-block;
	margin:0;
	padding:.3rem 1rem;
	color:#fff;
	background-color:#8cc63f;
	font-family:"Roboto Condensed",helvetica,sans;
	font-weight:700;
	font-size:1.2em;
	text-align:center;
	text-decoration:none;
	line-height:1.2em;
	border-radius:5px;
}
.button:hover,
.button:focus {
	color:#000;
	text-decoration:none;
}
.angepasste-breite {
	overflow:hidden;
}
.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%;
}
footer {
	margin:5px 10px 10px;
	clear:both;
}

@media screen and (max-width:819px) {
	main > header {
		width:auto;
		padding-left:10px;
		padding-right:10px;
	}
	main {
		width:auto;
		max-width:800px;
	}
	article {
		border-radius:0;
	}
	#kopf strong {
		font-size:2.5rem;
	}
	#slider #sliderinfo {
		font-size:1.2rem;
		line-height:1.2em;
	}
	#gross {
		background-size:contain;
	}
}
@media screen and (max-width:699px) {
	#social img {
		width:28px;
	}
}
@media screen and (max-width:649px) {
	html {
		font-size:8pt;
		line-height:1.4em;
	}
	main > header {
		height:60px;
		padding:7px 10px 0;
	}
	#kopf strong {
		display:none;
	}
	article {
		margin:0;
	}
	#text {
		padding:20px 30px;
		line-height:1.4em;
	}
	aside,
	aside > img {
		width:160px;
	}
	blockquote {
		margin:0;
	}
	ol, ul {
		margin-left:1em;
		padding-left:0;
	}
	li {
		margin-left:0;
		padding-left:.5em;
	}
	.randbild {
		float:none;
		width:100%;
		margin:1.4em 0;
	}
}
@media screen and (max-width:399px) {
	aside {
		display:none;
	}
}