@charset "utf-8";
/* CSS Document */

body {background-color:#ffffff;
	color:#000000;
	font-family:Verdana, Geneva, sans-serif;
	margin:0px;}
	
body a {color:#0066ff;}

header {background-color:#ffffff;
	color: #FF0000;
	font-size: large;
	font-style:italic;
	font-weight:bolder;
	padding: 10px;
	text-align:center;}
	
#hilfscontainer{width: 100%;}

nav {margin:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	text-align:center;
	position: relative;
	z-index: 1;}
	
nav::after {content: "";
  display: block;
  clear: both;}
  
aside {margin-top:0px;
	margin-left:70px;
	font-size:x-small;
	text-align:center;
	width:50%;
  	display: none;}
aside::before {content: "";
  	display: block;
  	height: 67px;}
aside a {display: block;
  	padding: 12px 18px;
  	text-decoration: none;
  	font-size: x-small;
  	color: #818181;
  	border-bottom: 1px solid #414141;}
  	
.toggle-wrap {padding: 10px;
  	position: relative;
  	cursor: pointer;
  	float: left;
  
  	/*disable selection*/
  	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;}
.toggle-bar,
.toggle-bar::before,
.toggle-bar::after,
.toggle-wrap.active .toggle-bar,
.toggle-wrap.active .toggle-bar::before,
.toggle-wrap.active .toggle-bar::after {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;}
.toggle-bar {width: 38px;
	margin: 10px 0;
	position: relative;
	border-top: 6px solid #FF0000;
	display: block;}
.toggle-bar::before,
.toggle-bar::after {content: "";
	display: block;
	background: #FF0000;
	height: 6px;
	width: 38px;
	position: absolute;
	top: -16px;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-ms-transform-origin: 13%;
	-webkit-transform-origin: 13%;
	transform-origin: 13%;}
.toggle-bar::after {top: 4px;}
.toggle-wrap.active .toggle-bar {border-top: 6px solid transparent;}
.toggle-wrap.active .toggle-bar::before {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);}
.toggle-wrap.active .toggle-bar::after {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);}

main {background-color:#ffffff;
	color: #000000;
	width:100%;}
	
main h1 {font-size: x-large;
 	margin-bottom: 10px;
	margin-top: 0px;
	text-align:center;}		

article {border: 1px solid grey;
	border-radius:10px;
	margin:20px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;}
	
textarea {width: 100%; 
min-width: 100%;
hight: 30%;
min-hight: 30%;
overflow="auto"}
	

footer {background-color:#FF0000;
	color:#ffffff;
	font-size:medium;
	font-style:italic;
	font-weight:bolder;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	width: 100%;}

img {max-width:100%; height:auto; }

ul {margin:0; 
    padding:0;
    width:100%;
    list-style-type:none;
	font-size:small;
}

ul li a {
    text-decoration:none;
    color:#000000; 
    padding:10.5px 11px;
	margin-bottom:10px;
    background-color:#BDBDBD;
    display:block;
	border-radius:10px;
}

ul li a.normal {text-decoration:none;
    color:#ffffff; 
    padding:10.5px 11px;
	margin-bottom:10px;
    background-color:#BDBDBD;
    display:block;
	border-radius:10px;}

ul li a.active {text-decoration:none;
    color:#000000; 
    padding:10.5px 11px;
	margin-bottom:10px;
    background-color:#FF0000;
    display:block;
	border-radius:10px}
 
ul li a:visited {color:#000000;}
 
ul li a:hover, ul li .current {color: #000000;
    background-color:#FF0000;}

figure{
  margin: 0;
}

figure.einzel {
  display: inline-block;
  padding: 10px;
  width: 33%;
  border: 1px solid gainsboro;
}