body, html{
	background: #464545;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	font-family: verdana, arial, sans-serif;
}

main{
	padding: 70px;
	padding: 7rem;
	margin: 0;
	text-align: left;
	font-size:10px;
	font-size:1rem;
	color: #fff;
	transition: 200ms all;
	font-family: verdana, arial, sans-serif;
	z-index:5;
}

main h1{
	font-size:20px;
	font-size:2rem;
	text-align: center;
	color: #fcff05;
	transition: 200ms all;
	font-family: verdana, arial, sans-serif;
	padding: 20px;
	padding: 2rem;
}

main h2{
	color: #fcff05;
	text-align: center;
}


main div#liste{
	display: inline-block;
	color: #fff;
	margin: 0 auto;
	width: 70%;
	text-align: left;
}
@media screen and (max-width: 600px){
	main div#liste{
	display: block;
	width: 100%
	}
}

main div#liste table{
	margin: 0 auto;
}

main div#liste table tbody{
	margin: 0 auto;
}
main div#liste table tbody tr th{
	padding-bottom:5px;
	padding-bottom:0.5rem;
	padding-top:5px;
	padding-top:0.5rem;
	padding-left:5px;
	padding-left:0.5rem;
}

main div#liste table tbody tr td{
	padding-left:5px;
	padding-left:0.5rem;
}

main nav#seitenmenu{
	float: left;
	padding-right: 20px;
	color: #000;
	display: block;
	margin-bottom: 5rem;
}

@media screen and (max-width: 600px){
	main nav#seitenmenu{
	display: none;
	}
}

main nav#seitenmenu ul{
	margin: 0;
	padding: 0;
	transition: all 300ms;
	display: inline-block;
}

main nav#seitenmenu ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	transition: all 300ms;
}

main nav#seitenmenu ul li a{
	display: block;
	padding: 21.7px;
	padding: 2.17rem;
	float: right;
	min-width: 120px;
	min-width: 12rem;
	text-align: center;
	font-size:20px;
	font-size: 2rem;
	color: #fff;
	margin: 0 1px 0 0; 
	text-decoration: none;
	background: #c8354E;
	font-weight: 300;
	transition: all 300ms;
	font-family: verdana, arial, sans-serif;
}

main nav#seitenmenu ul li:hover > a{
	background: #A9A9A9;
}

main nav#seitenmobile{
	color: #C8354E;
	display: none;
}

h1#mobileText{
	display: none;
}

@media screen and (max-width: 600px){
	main nav#seitenmobile{
	display:block;
	}
	h1#mobileText{
		display: block;
	}
	h1#normalText{
		display: none;
	}
}

main nav #menu2 {
	padding: 21px 5% 21px 5%;
	padding: 2.17rem 5% 2.17rem 5%;
	background: #C8354E;
	width: 90%;
	float: left;
	text-align: center;
	font-size: 2rem;
	color: #fff;
	cursor: pointer;
	font-weight: 300;
	transition: all 500ms;
	font-family: verdana, arial, sans-serif;
}


main nav#seitenmobile ul{
	width: 100%;
	margin: 0;
	padding: 0;
	max-height: 0;
	transition: all 500ms;
	overflow: hidden;
	float: left;
	
}

main nav#seitenmobile:hover > ul{
	max-height: 100%;
}

main nav#seitenmobile ul li{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	position: relative;
	transition: all 500ms;
}

main nav#seitenmobile ul li a{
	display: block;
	padding: 1px 5% 11px 5%;
	padding: 1.17rem 5% 1.17rem 5%;
	float: left;
	width:90%;
	text-align: center;
	font-size:20px;
	font-size: 2rem;
	color: #fff;
	margin: 0 1px 0 0; 
	text-decoration: none;
	background: #c27a88;
	font-weight: 300;
	transition: all 500ms;
	font-family: verdana, arial, sans-serif;
}

main nav#seitenmobile ul li:hover > a{
	background: #A9A9A9;
}

footer{
	background: #2a2a35;
	position: fixed;
	width: 100%;
	bottom: 0;
	text-align: center;
	font-size:10px;
	font-size:1rem;
	height: 25px;
	height: 2.5rem;
	color: #fff;
	transition: 200ms all;
	font-family: verdana, arial, sans-serif;
	z-index:99;
	display: block;
}

footer a{
	text-decoration: none;
	font-size: 1rem;
	color: #fff;
	position: fixed;
	left: 2rem;
	display: none;

}
@media screen and (max-width: 600px){
	body, html{
		font-size: 48%;
	}
}

@media screen and (min-width: 600px){
	body, html{
		font-size: 53%;
	}
}

@media screen and (min-width: 800px){
	body, html{
		font-size: 57%;
	}
}

@media screen and (min-width: 1200px){
	body, html{
		font-size: 70%;
	}
}
header{
	background: #2a2a35;
	position: fixed;
	top: 0;
	width: 100%;
	text-align: right;
	transition: 200ms all;
	height: 70px;
	height: 7rem;
	font-family: verdana, arial, sans-serif;
	z-index:100;
}

header div#logolink{
	padding-left: 10px;
	padding-right: 10px;
	padding-left: 1rem;
	padding-right: 1rem;
	position: fixed;
	float: right;
	width: auto;
	height: 70px;
    height: 7rem;
}

header div#logolink a img{
	display: block;
	padding:5px;
	padding:0.5rem;
	max-width:100%;
	max-height: 100%;
	width: auto;
	height: 60px;
	height: 6rem;
}


header nav#normal{
	padding: 0;
	color: #C8354E;
	display: inline-block;
}

@media screen and (max-width: 600px){
	header nav#normal{
	display: none;
	}
	header div#logolink {
	display: none;
	}
}



header nav#normal ul{
	margin: 0;
	padding: 0;
	transition: all 300ms;
	display: inline-block;
}

header nav#normal ul li{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	position: relative;
	transition: all 300ms;
}

header nav#normal ul li a{
	display: block;
	padding: 21.7px;
	padding: 2.17rem;
	float: left;
	min-width: 120px;
	min-width: 12rem;
	text-align: center;
	font-size:20px;
	font-size: 2rem;
	color: #fff;
	margin: 0 1px 0 0; 
	text-decoration: none;
	background: #c8354E;
	font-weight: 300;
	transition: all 300ms;
	font-family: verdana, arial, sans-serif;
}

header nav#normal ul li:hover > a{
	background: #A9A9A9;
}

header nav#normal ul li ul{
	overflow: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	transition: 300ms all;
	max-height: 0;
}

header nav#normal ul li ul li{
	border-bottom: 1px solid #ff8080;
}
	
header nav#normal ul li:hover > ul{
	max-height: 700px;
}

header nav#mobile{
	color: #A9A9A9;
	display: none;
}

@media screen and (max-width: 600px){
	header nav#mobile{
	display:block;
	}
}

header nav #menu {
	padding: 21px 5% 21px 5%;
	padding: 2.17rem 5% 2.17rem 5%;
	width: 90%;
	float: left;
	text-align: center;
	font-size: 2rem;
	color: #fff;
	cursor: pointer;
	font-weight: 300;
	transition: all 500ms;
	font-family: verdana, arial, sans-serif;
}

header nav #ergebnisse {
	padding: 21px 5% 21px 5%;
	padding: 2.17rem 5% 2.17rem 5%;
	background: #C8354E;
	width: 90%;
	float: left;
	text-align: center;
	font-size: 2rem;
	color: #fff;
	cursor: pointer;
	font-weight: 300;
	transition: all 500ms;
	font-family: verdana, arial, sans-serif;
}

header nav#mobile ul{
	width: 100%;
	margin: 0;
	padding: 0;
	max-height: 0;
	transition: all 500ms;
	overflow: hidden;
	float: left;
	
}

header nav#mobile:hover > ul{
	max-height: 800px;
}

header nav#mobile ul li{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	position: relative;
	transition: all 500ms;
}

header nav#mobile ul li a{
	display: block;
	padding: 21px 5% 21px 5%;
	padding: 2.17rem 5% 2.17rem 5%;
	float: left;
	width:90%;
	text-align: center;
	font-size:20px;
	font-size: 2rem;
	color: #fff;
	margin: 0 1px 0 0; 
	text-decoration: none;
	background: #6e6e8b;
	font-weight: 300;
	transition: all 500ms;
	font-family: verdana, arial, sans-serif;
}

header nav#mobile ul li:hover > a{
	background: #A9A9A9;
}

header nav#mobile ul li ul{
	width: 100%;
	float: left;
	overflow: hidden;
	transition: 500ms all;
	max-height: 0;
}

header nav#mobile ul li ul li{
	display: block;
	float: left;
	background: #A9A9A9;
	transition: 500ms;
}
header nav#mobile ul li ul li a{
	background: #A9A9A9;
}
	
header nav#mobile ul li:hover > ul{
	max-height: 500px;
}

tbody tr:nth-child(even) {
	background-color: #000;
}
div#liste h2{
	padding-top: 8rem;
}
div#liste h1{
	padding-top: 8rem;
}