body {
	width:100%;
	background-color:#FFFFFF;
	font-family:"Verdana", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	font-size:0.8em;
	font-weight:lighter;
	color:black;
    }
    
a {
	text-decoration:none;
	color:black;
	
	font-weight:bold;
}
header
{
	width:80%;
	margin:0 auto 0 auto;
	text-align:center;
}
h1
{
	font-size:1.8em;
	float:left;
	display:inline-block;
	width:20%;
	text-transform:capitalize;
}

h2
{
		font-size:1.8em;
		margin-bottom:1%;
	display:inline-block;
	width:20%;
	font-weight:lighter;

}
h3 {
	font-size:400%;
	color:#F20000;
	float:right;
	margin:0%;
		display:inline-block;
	width:20%;

}
h5{
	font-weight:lighter;
	text-align:justify;
}
hr {
	width:80%;
	margin:0 auto 0 auto;
	font-size:1.1em;
}
main
{
	width:100%;
}
section
{
    height: 80vh;
    display:table;
    width:80%;
    margin:0 auto 0 auto;
}
section h2
{
	text-align:center;
	text-transform:uppercase;
}

article
{
	width:80%;
	margin:0 auto 0 auto;
	text-align:center;
	font-size: 200%;
	margin-top:13%;
}
h6 {
	font-weight:normal;
	font-size:0.6em;
}
.clear
{
	clear:both;
	margin-bottom:20px;
}
footer
{
	width:80%;
	margin: 0 auto 0 auto;
}
#footerli
{
	width:35%;
	float:left;
	margin-top:50px;
    animation: einblenden 1.5s;
    -moz-animation: einblenden 1.5s; /* Für Firefox */
    -webkit-animation: einblenden 1.5s; /* Für Safari und Chrome */
    -o-animation: einblenden 1.5s; /* Für Opera */
	font-size:0.9em;

}
#footerre
{
	width:35%;
	float:right;
	margin-top:50px;
    animation: einblenden 1.5s;
    -moz-animation: einblenden 1.5s; /* Für Firefox */
    -webkit-animation: einblenden 1.5s; /* Für Safari und Chrome */
    -o-animation: einblenden 1.5s; /* Für Opera */
	font-size:0.9em;

}
p {
	margin:0px;
	font-weight:lighter;
	font-size:0.8em;
	text-align:justify;}
#footerre > a
{
	font-size:0.9em;
}
#footerre > a:hover
{
	color:#F20000;
}
@media  (max-width: 1200px)
{
	#leiste nav
	{
	margin-right:5%;
	width: 70%;
	}
	#leiste #leistename
	{
	margin-left:5%;
}
}
@media (min-width: 875px)
{
	#menu
	{
		display:none;
	}
	#menu1
	{
		display:none;
	}
}
@media (max-width: 875px)
{
	#navi {
		
		display:none;
	}
	#leiste #navi1 {
		
		display:none;
	}
	#menu
	{
	position:absolute;
	top:30px;
	right:100px;
	width:200px;
	height:30px;
	list-style-type:none;
	display:table;
	}
	#menu img
	{
	height:50px;
	width:50px;
}
	#menu dd
	{
		display:none;
			background-color:#ffffff;
		opacity:5;
		padding:10px;
		text-transform:uppercase;
		font-weight:lighter;
	

}
	#menu dd:active ::after
	{
		display:block;		

}
	#menu li
	{
	font-size:0.9em;
	margin-bottom:10px;
	border-bottom:thin #B0EEF9 dotted;
	list-style-type:none;
}
	#menu li a
	{
	display:block;
}

	#menu1
	{
	position:absolute;
	top:10px;
	right:100px;
	width:200px;
	list-style-type:none;
	display:table;
	}
	#menu1 img
	{
	height:50px;
	width:50px;
}
	#menu1 dd
	{
		display:none;
			background-color:#ffffff;
		opacity:5;
		padding:10px;
		text-transform:uppercase;
		font-weight:lighter;
	

}
	#menu1 dd:active ::after
	{
		display:block;		

}
	#menu1 li
	{
	font-size:0.9em;
	margin-bottom:10px;
	border-bottom:thin #B0EEF9 dotted;
	list-style-type:none;
}
	#menu1 li a
	{
	display:block;
}
#home article.oben
{
	margin-top:200px;
	margin-bottom:40px;
}

#home article.links
{
	width:60%;
	margin: 0 auto 0 auto;
	float:none;
	margin-bottom:40px;
	padding-left:10px;
}
#home article.rechts
{
	width:60%;
	margin: 0 auto 0 auto;
	float:none;
		padding-left:10px;

}
article.links1
{
	width:45%;
	
}
article.rechts1
{
	width:45%;
	
}
}
@media (max-width: 875px)
{
hr{
	width:100%;
	
}
#leiste #leistename
{
	width:70%;
}
#menu1, #menu
{
	right:30px;
}
 #home	article.links
{
	width:100%;
	float:none;
	
}
#home article.rechts
{
	width:100%;
	float:none;
	
}
	article.links1
{
	width:100%;
	float:none;
	
}
article.rechts1
{
	width:100%;
	float:none;
	
}

}