body{
	background-image: url(bilder/bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	font-size:100%;
	margin:0em;
	padding:0em;
	min-height:100%
}

p {
	font-size: 1.2em;
	line-height:1.25em;
    font-family:'Titillium Web', sans-serif;
    font-weight:lighter;
    color: #fff ;
    margin:0em;
    padding:1.25em;
    text-align:justify;
}

h1 {
	font-size:2.5em;
	line-height:1.8em;
    font-family:'Titillium Web', sans-serif;
    font-weight:100;
    color: #fff;
    margin:0em;
    padding:0.5em;
    text-align:center;
}

h3 {
	font-size:1.3em;
	line-height:1.8em;
    font-family:'Titillium Web', sans-serif;
    color: #fff;
    margin:0em;
    padding:1.25em;
}

h4 {
	line-height:1.25em;
    font-family:'Titillium Web', sans-serif;
    font-weight:bold;
    color: #fff ;
    margin:0em;
    padding:1.25em;
}

ul {
	list-style-type: none;
	line-height:1.25em;
    font-family:'Titillium Web', sans-serif;
    font-weight:lighter;
    color: #fff ;
}

header {
	display:block;
	background-blend-mode: overlay;
	text-align:center;
	background-color: rgba(20,20,20,0.5);
}

header img {
	max-width:200px;
}

table{
	background-color: rgba(20,20,20,0.1);
	border-radius: 6px;
}

tr{
	background-color: rgba(20,20,20,0.05);
	border-radius: 6px;
}

td{
	font-size: 1.3em;
	line-height:1.25em;
    font-family:'Slabo 13px', serif;
    color: #fff ;
}


a {
	text-decoration:none;
}

nav {
	display:block;
	height:2.5em;
	background-color: rgba(20,20,20,0.75);
	text-align:center;
}

nav ul {
	display:block;
}

nav ul li {
	display:inline;
	margin:0em 0.2em 0em 0.2em;
}

nav ul li a {
	color:#fff;
	font-family:'Slabo 13px', serif;
	font-size:1.125em;
	line-height:2.5em;
	padding:0.55em 0.95em 0.375em 0.95em;
	-webkit-transition:background 0.2s;
}

nav ul li a:hover {
	background:#C6C6C6;
	border-bottom: 0.2em solid #b5b5b5;
}

nav ul li a.active {
	border-bottom: 0.2em solid #778AFF;
}

section{
	display:block;
	width:96%;
	max-width:980px;
	margin:1.25em auto;
	padding: 0.3em;
	background-color: rgba(20,20,20,0.75);
	border-radius: 8px;
}

#formular {
	text-align: center;
	padding-top: 1.25em;
	background-color: rgba(20,20,20,0.75);
}

footer{
	display:block;
	background-color: rgba(20,20,20,0.75);
	text-align:center;
	vertical-align: bottom;
}

footer ul {
	display:block;
	width:100%;
	max-width:980px;
	text-align:center;
	margin:0px auto;
}

footer ul li {
	display:inline;
	font-size:0.8em;
	line-height:2.8em;
	color:#fff;
	padding:0em 0.625em 0em 0.625em;
}

footer ul li a {
	color:#fff;
}

/*verkleinert Überschrift h1 Größe*/
@media screen and (max-width:900px) {
	h1 {
		font-size:2.2em;
}

/*verkleinert "global" Schriftgröße um 10%*/
@media screen and (max-width:768px) {
	body {
		font-size: 90%;
	}
}

/*war anfangs im falle einer sidebar gedacht*/
@media screen and (max-width:670px) {
	section {
		width:100%;
		display:block;
		margin:0.625em 0em 0.625em 0em;
	}
}

/*damit navigationsleiste richtig funktioniert*/
@media screen and (min-width:600px) {
	nav.nav {
		display:block !important;
	}
}

/*weiteres verkleinern der Schriftgröße*/
@media screen and (max-width:600px) {
	body {
		font-size:85%;
	}
	nav {
		/*Sandwich-button ist meiner meinung nach nicht nötig, da die Navigationsleiste nur 4 Unterpunkte hat (könnten ohne "Home" sogar nur 3 sein)*/
		display:block;
		height:auto;
	}
	nav ul li {
		display:block;
		margin:0.3em 0em 0.3em 0em;
	}
}