@font-face {
	font-family:'Tiza';
	src:url('img/tiza.ttf');
}
@font-face {
	font-family:'Poppins';
	src:url('img/Poppins-Regular.ttf');
}
@font-face {
	font-family:'Poppins';
	src:url('img/Poppins-Bold.ttf');
    font-weight:bold;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
body {
	margin:auto;
	padding:1em;
	background-color:#8cb4ef;
	background-image:url(img/pig-meadow.jpg);
	background-position:left top;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-attachment:fixed;
	line-height:1.5em;
	font-family:'Poppins',verdana,arial,sans;
	hyphens:auto;
}
article {
	margin:auto;
	padding:0;
	max-width:800px;
}
img {
	border:none !important;
}
a {
	padding:.1em .4em;
	color:inherit;
	border-radius:.3em;
	white-space:nowrap;
}
a:visited {
	color:inherit;
}
a:hover,
a:focus {
	color:#fff;
	background-color:#f55;
	text-decoration:none;
}
s {
	color:#777;
}
h1 {
	margin:0;
	padding:0;
	text-align:center;
}
h1 a,
h1 a:hover,
h1 a:focus {
	display:block;
	color:inherit;
	background-color:transparent;
	text-decoration:none;
}
h1 img {
	max-width:90%;
}
#menu {
	margin:1.5rem 0;
	text-align:center;
}
#menu a {
	display:inline-block;
	margin:.2rem;
	padding:.4em .6em;
	color:#888;
	background-color:#fff;
	font-size:1.2rem;
	text-decoration:none;
	text-transform:lowercase;
	border-radius:.5em;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}
#menu a:hover,
#menu a:focus {
	color:#fff;
	background-color:#000;
}
#menu .aktiv,
#sub .aktiv {
	color:#fff;
	background-color:#f55;
}
#sprung {
	display:block;
	position:absolute;
	left:-50px;
	top:-50px;
	background-color:transparent;
	font-size:xx-small;
	text-decoration:none;
}
aside {
	float:right;
	margin:0 -4em 1em 1em;
	padding:1em 1.2em;
	width:8.5em;
	color:#fff;
	background-color:#9b3;
	font-weight:bold;
	line-height:1.2em;
	hyphens:none;
	-webkit-transform:rotate(5deg);
	-moz-transform:rotate(5deg);
	-o-transform:rotate(5deg);
	transform:rotate(5deg);
}
section {
	max-width:800px;
	margin:0;
	padding:40px 40px 1px 40px;
	background-color:rgba(255,255,255,0.8);
	border-radius:.5rem;
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}
section li + li {
	margin-top:.5em;
}
h2 {
	color:#f55;
	font-size:1.6em;
	font-family:'Poppins',verdana,arial,sans;
	font-weight:bold;
	line-height:1.2em;
}
h2, h3 {
	margin:2em 0 0 0;
}
aside + h2 {
	margin-top:0;
}
h3 + table {
	margin-top:1em;
}
q {
	color:inherit;
	font-style:italic;
}
q:before {
	content:"„";
}
q:after {
	content:"”";
}
dl {
	margin-left:8em;
}
dl p {
	margin:.5em 0 0 0;
}
dt {
	float:left;
	width:7em;
	font-weight:bold;
	margin-left:-8em;
}
table {
	width:100%;
	border-collapse:collapse;
	background-color:#fff;
}
th, td {
	vertical-align:top;
	text-align:left;
	padding:.2em 1em .2em .5em;
	border-bottom:solid 1px #fcc;
}
th {
	color:#fff;
	background-color:#f55;
}
th:nth-child(1) {
	width:60%;
}
.prog th:nth-child(1) {
	width:6em;
}
td a + span:before {
	content:"(";
}
td a + span:after {
	content:")";
}
small {
	font-weight:normal;
}
blockquote {
	margin-left:.2em;
	padding-left:1em;
	border-left:solid 4px #f55;
}
cite {
	color:#555;
	font-size:smaller;
}
#impressum li strong:after {
	content:":";
	padding-right:.3em;
}
footer {
	margin-right:-20px;
	color:rgba(0,0,0,0.4);
	text-align:right;
	font-size:small;
}
#sub {
	padding:.5rem;
	text-align:center;
	font-weight:bold;
	line-height:2em;
}
#sub a {
	margin:.1em;
	padding:.2em .5em;
	background-color:rgba(255,255,255,0.4);
	text-transform:lowercase;
	text-decoration:none;
	border-radius:.2em;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}
#sub a:hover,
#sub a:focus {
	color:#f55;
	background-color:#fff;
}
hr {
	margin-top:2em;
	border:none;
	border-top:dotted .5em #9b3;
}
form {
	margin-top:2em;
}
form aside {
	margin:0;
	padding:0;
	width:auto;
	color:inherit;
	background-color:transparent;
	font-size:smaller;
	font-weight:100;
	line-height:1.2em;
	hyphens:none;
	transform:none;
}
form th {
	white-space:nowrap;
	width:auto;
	text-align:center;
}
form td {
	text-align:center;
}
form th:first-child,
form td:first-child {
	text-align:left;
}
textarea,
input[type=email],
input[type=text],
input[type=number] {
	box-sizing:border-box;
	width:100%;
	font-size:inherit;
}
input[type=submit] {
	width:auto;
	padding:.4em 1em;
	color:#fff;
	background-color:#f55;
	font-size:larger;
	font-weight:bold;
	border-radius:.2em .5em;
}
select {
	font-size:1em;
}
textarea {
	height:10em;
	padding:.3em .5em;
	font-size:inherit;
}
.sub {
	padding-top:1em;
	text-align:center;
}
#msg {
	padding:0 2em 1em;
	background-color:#fff;
	box-shadow:0 0 1em rgba(0,0,0,0.3);
	border:solid 2px #9b3;
	border-radius:.5em;
}
.ok h3 {
	color:#9b3;
}
.err {
	border:solid 3px #f55;
}
.err h3 {
	color:#f55;
}
@media screen and (max-width:379px) {
	body {
		font-size:.8em;
	}
	section {
		padding:20px 20px 1px 20px;
	}
	aside {
		margin:0 -3em 1em 1em;
	}
	footer {
		margin-right:-5px;
	}
}