/**
* @author Darius Parsi
* geschrieben am 02.01.2019
* aktualisiert am 18.12.2020
* aktualisiert am 10.01.2021 
* aktualisiert am 16.02.2022
* aktualisiert am 19.02.2022
*/



body{background-color:hsla(250,250%,250%,1);}

#id_1{
position:absolute;
top:0px;
background-color:rgb(250,250,250,1);
width:100%; 
height:auto;
left:0%;
}

#id_2{
position:absolute;
top:0px;
width:96%;
height:auto;
background-color:rgb(250,250,250,1);
margin-left:2%;
margin-right:2%;
}

#id_3{
top:0px;
position:absolute;
background-color:rgb(250,250,250,1);
width:100%;
height:auto;
left:0%;
color:white;
}

#id_3_1{
position:absolute;
width:100%;
height:auto;
background:white;
margin-left:0%;
}
.id_3_1a{
float:left;
width:100%;
height:20px;
background-color:rgb(200,200,220,0.5);
color:white;
font-size:200%;
text-align:center;
padding-top:20px;
border-bottom:1px solid white;
left:0%;
}
.id_3_1b{
float:left;
width:48%;
height:700px;
background:white;
color:black;
padding-left:1%;
padding-right:1%;
}
.id_3_1c{
float:left;
width:48%;
height:700px;
background:white;
color:black;
padding-left:1%;
padding-right:1%;
}
.id_3_1d{
float:left;
width:48%;
height:700px;
background:white;
color:black;
padding-left:1%;
padding-right:1%;
}
.id_3_1e{
float:left;
width:48%;
height:700px;
background:white;
color:black;
padding-left:1%;
padding-right:1%;
}
.id_3_1_dasch{
float:left;
width:79%;
padding-left:1%;
height:auto;
background-color:rgb(250,250,250,1);
padding-bottom:5%;
margin-left:10%;
margin-right:10%;
}
.id_3_2a{
float:left;
width:100%;
height:60px;
background-color:rgb(0,0,0,1);
color:white;
font-size:200%;
text-align:center;
padding-top:20px;
border-bottom:1px solid white;
left:0%;
}
.id_3_2b{
float:left;
width:24%;
height:auto;
padding-left:1%;
text-align:center;
}
.id_3_2c{
float:left;
width:24%;
height:auto;
padding-left:1%;
text-align:center;
}
.id_3_2d{
float:left;
width:24%;
height:auto;
padding-left:1%;
text-align:center;
}
.id_3_2e{
float:left;
width:24%;
height:auto;
padding-left:1%;
text-align:center;
}

.id_3_3a{
float:left;
width:100%;
height:20px;
background-color:rgb(200,200,220,1);
color:white;
font-size:200%;
text-align:center;
padding-top:20px;
border-bottom:1px solid white;
left:0%;
}
.id_3_3b{
float:left;
width:32%;
height:auto;
background:white;
color:black;
padding-left:1%;
text-align:center;
padding-bottom:5%;
}
.id_3_3c{
float:left;
width:33%;
height:auto;
background:white;
color:black;
padding-left:1%;
text-align:center;
padding-bottom:5%;
}
.id_3_3d{
float:left;
width:32%;
height:auto;
background:white;
color:black;
padding-left:1%;
text-align:center;
padding-bottom:5%;
}

#title_a{color:black;font-size:180%;text-align:center;text-shadow: 10px 11px 12px gray;}
.text_a{color:black;font-size:120%;}
.whpc{width:100%;}
.whsm{width:0%;}




#menu_pc{
position:absolute;
width:99%;
height:20px;
padding-top:1%;
padding-bottom:1.5em;
padding-right:1%;
text-align:right;
font-size:100%;
background-color:rgb(250,250,250,1);
}
ul{
list-style-type:none;
margin:0;
padding:0;
}

li{
float:right;
background-color:rgb(0,0,0,0.0);
padding-right:0.5em;
}

ul li{
float:right;
position:relative;
}
li a{
display:block;
width:100px;
color:black;
font-size:120%;
background-color:rgb(0,0,0,0.0);
text-align:center;
}
li a:hover {
width:100px;
color:blue;
font-size:120%;
}
ul li ul{
display:none;
position:absolute;
}
ul li:hover ul{
display:block;
}
ul li:hover ul a{
display:block;
width:200px;
background:white;
color:black;
padding-top:1em;
padding-bottom:1em;
text-align:center;
}

ul{}
a{color:green; font-size:120%;text-decoration:none;}
a:hover{color:black; font-size:120%;}



#menu_sm{
top:0px;
position:absolute;
width:0%;
height:0%;
background-color:rgb(250,250,250,0.0);
padding-top:0;
padding-bottom:1.5em;
text-align:right;
font-size:0%;
}



.sidenav {
	background-color: rgb(0,0,0,1);
	height:70%;
        width:0%;
	position: absolute;
	z-index: 1;
	top:0px;
	left:0px;
	overflow-x: hidden;
	paddling-top: 0px;
	transition: 0.5s;
	margin-left:0%;
	padding-top:0px;
	border-bottom:1px solid white;
	border-radius:5px 5px 5px 5px;
         
}




.sidenav a {
	padding: 9px 9px 9px 14px;
	text-decoration: none;
	font-size: 0%;
	color: black;
	display:block;
	transition: 0.8s;
	text-align:left;
	border-bottom:1px solid white;
}


.sidenav a:hover, .offcanvas a:focus {
	color: gold;
	text-align:left;
	background-color: red;
}

.sidenav .closebtn {

transition: margin-left .5a;
         position:absolute;
         padding-top: 0px;
         left: 0px;
         color: #ff0000;
	 width:100%;
	 height:auto;
	 top:0px;
	 border-top:gray;
	 background-color:black;
	 text-align:left;
	 font-size:0pt;
	}


.toggi {
color:red; 
background-color:black;
text-decoration: none; 
padding-left:5px;
display:inline;
border-bottom:0px solid red;
}

.toggi a: {
background-color:black;
font-size:0%;
color:white;
}
.toggi a:hover{
background-color:white;
font-size:0%;
color:white;
}




.id_97{
background-color:#ffffff; 
position:absolute ;
top: 20px;
right:15px;
font-size: 0pt;
font-family: Times New Roman, verdana, arial, sans-serif ;
text-shadow: 10px 11px 12px black;
border-radius: 0px 0px 0px 0px;
height:0px;
width:0px;
}



.id_76{
background-color: #ffffff; 
position:absolute ;
top: 30px;
right: 15px;
font-size: 0pt;
font-family: Times New Roman, verdana, arial, sans-serif ;
text-shadow: 10px 11px 12px black;
border-radius: 0px 0px 0px 0px;
height:0px;
width:0px;
}


.iphon{
position:absolute;
top: 20px;
right: 70px;
font-size: 0%;
font-family: Times New Roman, verdana, arial, sans-serif ;
text-shadow: 10px 11px 12px black;
border-radius: 0px 0px 0px 0px;
height:0px;
width:0px;
color:#ffffff;
}


.id_75{
background-color: #ffffff; 
position:absolute;
top: 40px;
right: 15px;
font-size: 0pt;
font-family: Times New Roman, verdana, arial, sans-serif ;
text-shadow: 10px 11px 12px black;
border-radius: 0px 0px 0px 0px;
height:0px;
width:0px;
}















































































	
	



















	
	




























































































#verweis{
position:absolute;
top:55%;
width:100%;
height:auto;
font-size:300%;
color:white;
}

.file_a{
display:block;
width:80px;
height:80px;
font-size:120%;
border:0px solid white;
border-radius:80px 80px 80px 80px;
background-color:rgb(250,230,230,0.5);
font-size:140%; color:white; text-decoration:none;
left:250%;
#padding-top:75%;
}
.file_a:hover {
display:block;
width:80px;
height:80px;
font-size:120%;
background-color:rgb(250,230,100,0.5);
border:0px solid white;
border-radius:80px 80px 80px 80px;
font-size:120%; color:white; text-decoration:none;
left:250%;
font-size:140%; color:gold;
#padding-top:75%;
}


















#coo1{
bottom:50px;
position:fixed;
width:400px;
height:35%;
font-size:120%;
text-align:left;
padding-top:2px;
padding-left:2%;
padding-right:2%;
font-style:italic;
text-shadow: 10px 11px 12px black;
background-color:rgb(50,130,250,0.9);
border:0px;
border-radius:5px 5px 5px 5px;
border-bottom:1px solid white;
border-top:1px solid white;
color:white;
left:0%;
padding-top:5%;
margin-left:2%;
margin-right:2%;
 }
.coo1{
background-color:blue; 
color:white;
padding-left:2%;
padding-right:2%;
border-right:5px solid gray;
border-bottom:5px solid gray;
}
.coo1:hover{
background-color:gold; 
color:black;
padding-left:2%;
padding-right:2%;
border-right:5px solid gray;
border-bottom:5px solid gray;
}
.id_foot{
bottom:0px;
position:fixed;
width:96%;
height:30px;
font-size:100%;
text-align:center;
padding-top:2px;
font-style:italic;
text-shadow: 10px 11px 12px gray;
background-color:rgb(250,250,250,1);
color:black;
left:0%;
margin-left:2%;
margin-right:2%;
border-top:5px solid black;
 }








@media only screen and (max-width:968px) {

body { background-color:hsla(50,50%,50%,0.0);}



#id_1{
position:absolute;
top:0px;
background-color:rgb(250,250,250,1);
width:100%; 
height:3000px;
left:0%;
}

#id_2{
position:absolute;
top:0px;
width:96%;
height:auto;
background-color:rgb(0,0,0,0.9);
margin-left:2%;
margin-right:2%;
}


#id_3{
top:0px;
position:absolute;
background-color:rgb(0,0,0,0.2);
width:100%;
height:auto;
left:0%;
color:white;
}


#id_3_1{
position:absolute;
width:100%;
height:auto;
background:white;
margin-left:0%;
}

.id_3_1a{
float:left;
width:100%;
height:20px;
background-color:rgb(200,200,220,0.5);
color:white;
font-size:200%;
text-align:center;
padding-top:20px;
border-bottom:1px solid white;
left:0%;
}
.id_3_1b{
float:left;
width:99%;
height:auto;
background:white;
color:black;
padding-left:1%;
padding-bottom:5%;
border-bottom:1px solid black;
}
.id_3_1c{
float:left;
width:99%;
height:auto;
background:white;
color:black;
padding-left:1%;
padding-bottom:5%;
border-bottom:1px solid black;
}
.id_3_1d{
float:left;
#position:absolute;
width:99%;
height:auto;
background:white;
padding-left:1%;
padding-bottom:5%;
border-bottom:1px solid black;
}
.id_3_1e{
float:left;
#position:absolute;
width:99%;
height:auto;
background:white;
padding-left:1%;
padding-bottom:1%;
border-bottom:1px solid black;
}
.id_3_1_dasch{
float:left;
width:97%;
padding-left:1%;
height:auto;
background-color:rgb(250,250,250,1);
padding-bottom:5%;
margin-left:1%;
margin-right:1%;
}
.id_3_2a{
float:left;
width:100%;
height:60px;
background-color:rgb(0,0,0,1);
color:white;
font-size:200%;
text-align:center;
padding-top:20px;
border-bottom:1px solid white;
left:0%;
}
.id_3_2b{
float:left;
width:99%;
height:auto;
background:white;
color:black;
padding-left:1%;
padding-bottom:5%;
border-bottom:1px solid black;
}
.id_3_2c{
float:left;
width:99%;
height:auto;
background:white;
color:black;
padding-left:1%;
padding-bottom:5%;
border-bottom:1px solid black;
}
.id_3_2d{
float:left;
#position:absolute;
width:99%;
height:auto;
background:white;
padding-left:1%;
padding-bottom:5%;
border-bottom:1px solid black;
}
.id_3_2e{
float:left;
#position:absolute;
width:99%;
height:auto;
background:white;
padding-left:1%;
padding-bottom:1%;
border-bottom:1px solid black;
}
.id_3_3a{
float:left;
width:100%;
height:20px;
background-color:rgb(200,200,220,0.5);
color:white;
font-size:200%;
text-align:center;
padding-top:20px;
border-bottom:1px solid white;
left:0%;
}
.id_3_3b{
float:left;
width:99%;
height:auto;
background:white;
color:black;
padding-left:1%;
padding-bottom:15%;
border-bottom:1px solid black;
}
.id_3_3c{
float:left;
width:99%;
height:auto;
background:white;
color:black;
padding-left:1%;
padding-bottom:15%;
border-bottom:1px solid black;
}
.id_3_3d{
float:left;
width:99%;
height:auto;
background:white;
color:black;
padding-left:1%;
padding-bottom:15%;
border-bottom:1px solid black;
}

#title_a{color:black;font-size:180%;text-align:center;text-shadow: 10px 11px 12px gray;}
.text_a{color:black;font-size:120%;}
.whpc{width:0%;}
.whsm{width:100%;}




#menu_pc{
position:absolute;
width:99%;
padding-top:0.1em;
padding-bottom:1.5em;
padding-right:1%;
text-align:right;
font-size:0%;
background-color:rgb(50,50,250,0,1);
}
ul{
list-style-type:none;
margin:0;
padding:0;
}

li{
float:right;
background-color:rgb(0,0,0,0.0);
padding-right:0.5em;
}

ul li{
float:right;
position:relative;
}
li a{
display:block;
width:180px;
color:white;
font-size:140%;
background-color:rgb(250,250,250,0.0);
text-align:center;

}
li a:hover {
width:180px;
color:gold;
font-size:140%;
}
ul li ul{
display:none;
position:absolute;
}
ul li:hover ul{
display:block;
}
ul li:hover ul a{
display:block;
width:200px;
background:white;
color:black;
padding-top:1em;
padding-bottom:1em;
text-align:center;
}

ul{}
a{color:black; font-size:120%;}
a:hover{color:gold; font-size:120%;}




#menu_sm{
top:0px;
position:fixed;
padding-top:0;
width:0%;
height:700px;
padding-bottom:1.5em;
text-align:right;
font-size:120%;
color:black;
}



.sidenav {
	background-color: hsla(0,0%,0%,1);
	height:65%;
        width:0px;
	position:fixed;
	z-index: 1;
	top:0px;
	left:0px;
	overflow-x: hidden;
	paddling-top: 0px;
	transition: 0.5s;
         
}




.sidenav a {
	padding: 9px 9px 9px 14px;
	text-decoration: none;
	font-size: 18px;
	color: #ffffff;
	display:block;
	transition: 0.8s;
	text-align:left;
	border-bottom:1px solid white;
}


.sidenav a:hover, .offcanvas a:focus {
	color: gold;
	text-align:left;
	background-color: red;
}

.sidenav .closebtn {

transition: margin-left .5a;
         position: absolute;
         padding-top: 1px;
         left: 0px;
         color: #ff0000;
	 width:100%;
	 height:auto;
	 top:0px;
	 border-top:gray;
	 background:black;
	 text-align:left;
	 font-size:30pt;
	}


.toggi {
color:red; 
background-color:black;
text-decoration: none; 
padding-left:5px;
display:inline;
border-bottom:1px solid red;
}

.toggi a: {
background-color:black;
font-size:100%;
color:white;
}
.toggi a:hover{
background-color:white;
font-size:100%;
color:white;
}




.id_97{
background-color:#ffffff ; 
position:fixed;
top: 20px;
right:15px;
font-size: 14pt;
font-family: Times New Roman, verdana, arial, sans-serif ;
text-shadow: 10px 11px 12px black;
border-radius: 0px 0px 0px 0px;
height:5px;
width:30px;
}



.id_76{
background-color: #ffffff; 
position:fixed ;
top: 30px;
right: 15px;
font-size: 14pt;
font-family: Times New Roman, verdana, arial, sans-serif ;
text-shadow: 10px 11px 12px black;
border-radius: 0px 0px 0px 0px;
height:5px;
width:30px;
}


.iphon{
position:fixed ;
top: 20px;
right: 65px;
font-size: 14px;
font-family: Times New Roman, verdana, arial, sans-serif ;
text-shadow: 10px 11px 12px black;
border-radius: 0px 0px 0px 0px;
height:5px;
width:30px;
color:#ffffff;
}


.id_75{
background-color: #ffffff; 
position:fixed ;
top: 40px;
right: 15px;
font-size: 14pt;
font-family: Times New Roman, verdana, arial, sans-serif ;
text-shadow: 10px 11px 12px black;
border-radius: 0px 0px 0px 0px;
height:5px;
width:30px;
}

#id_menue_sm{
position:fixed;
top:0px;
width:94%;
height:55px;
background:black;
padding-right:2%;
text-align:right;
}
/*off*/
#verweis{
position:absolute;
top:65%;
width:0%;
height:%;
font-size:0%;
color:white;
}

#filenav{}
.file_a{
color:red; 
background-color:rgb(50,100,200,0.5);
width:0px; 
height:0px;
border:0px solid white;
border-radius:0px 0px 0px 0px;
}
.file_a:hover{display:block;color:white; background-color:rgb(250,230,100,0.0);}
#coo1{
top:10%;
position:fixed;
width:90%;
height:35%;
font-size:120%;
text-align:left;
padding-top:2px;
padding-left:2%;
padding-right:2%;
font-style:italic;
text-shadow: 10px 11px 12px black;
background-color:rgb(50,130,250,0.9);
border:0px;
border-radius:5px 5px 5px 5px;
border-bottom:1px solid white;
border-top:1px solid white;
color:white;
left:0%;
padding-top:5%;
margin-left:2%;
margin-right:2%;
 }
.coo1{
background-color:blue; 
color:white;
padding-left:2%;
padding-right:2%;
border-right:5px solid gray;
border-bottom:5px solid gray;
}
.coo1:hover{
background-color:gold; 
color:black;
padding-left:2%;
padding-right:2%;
border-right:5px solid gray;
border-bottom:5px solid gray;
}
}

@media only screen and (max-width: 480px) {
body {background-color:rgb(50,50,100,0.0);}
#coo1{
top:10%;
position:fixed;
width:94%;
height:80%;
font-size:120%;
text-align:left;
padding-top:5%;
padding-left:2%;
padding-right:2%;
font-style:italic;
text-shadow: 10px 11px 12px black;
background-color:rgb(50,130,250,0.9);
border:0px;
border-radius:5px 5px 5px 5px;
border-bottom:1px solid white;
border-top:1px solid white;
color:white;
left:0%;;
margin-left:0%;
margin-right:0%;
 }
.coo1{
background-color:blue; 
color:white;
padding-left:2%;
padding-right:2%;
border-right:5px solid gray;
border-bottom:5px solid gray;
}
.coo1:hover{
background-color:gold; 
color:black;
padding-left:2%;
padding-right:2%;
border-right:5px solid gray;
border-bottom:5px solid gray;
}
}