/* ========================================== */
/* ========= Powered by locomputing ========= */
/* ========================================== */

aside {
display: block;
width:auto;
height: auto;
border:none;
}
#nav-menue {
width :100%;
position:absolute;
top:0;
left:0;
z-index: 999;
}

#nav-menue a {
text-decoration: none;
}
.menue-button {
left:calc(.35em + ((.35vw - 0.1em) * 3));
top: calc(.3em + ((.3vw - 0.1em) * 1));
color:black;
}
@media screen and (max-width: 400px) {
.menue-button {
top: calc(.35em + ((.35vw - 0.1em) * 1));
}
}


.menue-button {
position:absolute;
margin:0 auto;
z-index:1000;
width: calc(1em + ((1vw - 0.1em) * 3));
height:auto;
}
.menue-button-zu {
visibility:hidden;
}

#nav-menue:target #menu  {
visibility:visible;
margin-top:0;
margin-left:0;
background: white;
}
#nav-menue:target .menue-button-zu  {
visibility:visible;
display: inline-block;
margin-top:2px;
background: transparent;
font-size: 111%;
}
#nav-menue:target .menue-button-open {
visibility:hidden;
margin-top:0;
background-color: black;
}

#login {
visibility: hidden;
}

#menu {
z-index:999;
background: #ffffff;
visibility:hidden;
position:absolute;
top:0em;
left:0em;
overflow:hidden;
width:100%;
height:auto;
font-size:calc(.85em + ((.85vw - 0.1em) * 1));
font-weight: bold;
margin-top:0em;
margin-left:-20em;
padding:.25em .5em 1em .1em;
-webkit-transition: all .85s linear;
transition: all .85s linear;
border-bottom:2px solid #333333;
}
@media screen and (max-width: 500px) {
#menu {
-webkit-transition: all .5s linear;
transition: all .5s linear;
border-bottom:2px solid #333333;
}
}

#menu ul {
padding:0;
margin: 0;
}

#menu ul li {
display:block;
list-style-type: none;
font-weight:bold;
height:calc(1.5em + ((1.5vw - 0.1em) * 1));
padding:calc(1.5em + ((1.5vw - 0.1em) * 1)) 0 calc(.5em + ((.5vw - 0.1em) * 1)) 0;
color:#ee0000;
-webkit-text-stroke: .0075em black;
}

#menu ul li.menuk {
color: red;
height:calc(.15em + ((.15vw - 0.1em) * 1));
}
#menu ul li.menuk a {
color: blue;
}

#menu ul li.menua:before{
content:"\25BA";
margin-left:calc(.25em + ((.25vw - .1em) * 1));
padding-right:calc(.5em + ((.5vw - .1em) * 1));
color: #ff3c3c;
font-size: 75%;
-webkit-text-stroke:1pt #a80000;
}

#menu ul li.menub:before{
content:"\25BA";
margin-left:calc(.25em + ((.25vw - .1em) * 1));
padding-right:calc(.5em + ((.5vw - .1em) * 1));
color: #ff3c3c;
font-size: 75%;
-webkit-text-stroke:1pt #a80000;
}

#menu ul li.menuc a{
display:inline;
text-align:center;
text-decoration:none;
background:transparent;
color: #00014f;
}
#menu ul li.menuc:before{
content:"\25BC";
margin-left:calc(.25em + ((.25vw - .1em) * 1));
padding-right:calc(.4em + ((.4vw - .1em) * 1));
color: #00014f;
font-size: 75%;
-webkit-text-stroke:1pt black;
}

#menu ul li.menud a{
display:inline;
text-align:center;
text-decoration:none;
background:transparent;
color: #0001b2;
-webkit-text-stroke: calc(.1em + ((.1vw - .1em) * 1)) black;
}
#menu ul li.menud:before{
content:"\25BA";
margin-left:calc(.25em + ((.25vw - .1em) * 1));
padding-right:calc(.5em + ((.5vw - .1em) * 1));
color: #0002ff;
font-size: 75%;
-webkit-text-stroke:1pt #0001b2;
}

#menu ul li.menue:before{
content:"\25BA";
margin-left:calc(.95em + ((.95vw - .1em) * 1));
padding-right:calc(.5em + ((.5vw - .1em) * 1));
color: #89a3ed;
font-size: 75%;
-webkit-text-stroke:1pt #00789d;
}

#menu ul li.menuf:before{
content:"\25BA";
margin-left:calc(.95em + ((.95vw - .1em) * 1));
padding-right:calc(.5em + ((.5vw - .1em) * 1));
color: #ff3c3c;
font-size: 75%;
-webkit-text-stroke:1pt #8a0000;
}
#menu ul li.menug:before{
content:"\25BA";
margin-left:calc(.25em + ((.25vw - .1em) * 1));
padding-right:calc(.75em + ((.75vw - .1em) * 1));
color: #00bfff;
font-size: 75%;
-webkit-text-stroke:1pt #00789d;
}

#menu ul li:hover:before {
color: #00ea02;
text-decoration: none;
-webkit-text-stroke:1pt green;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
transition-timing-function: linear, ease-in, ease;
-webkit-transition-timing-function: linear, ease-in, ease;
-webkit-transition-delay: 0s, 25ms, 0s;
}

#menu ul li.menua:hover:before {
color: #ff3c3c;
text-decoration: none;
-webkit-text-stroke:1pt #8a0000;
}
#menu ul li.menub:hover:before {
color: #ff3c3c;
text-decoration: none;
-webkit-text-stroke:1pt #8a0000;
}
#menu ul li.menuf:hover:before {
color: #ff3c3c;
text-decoration: none;
-webkit-text-stroke:1pt #8a0000;
}

#menu ul li a:hover {
color: #009d01;
background-color: transparent;
text-decoration: none;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
transition-timing-function: linear, ease-in, ease;
-webkit-transition-timing-function: linear, ease-in, ease;
-webkit-transition-delay: 0s, 25ms, 0s;
}


#login {
visibility: visible;
text-align:center;
font-size:calc(.75em + ((.75vw - 0.1em) * 1));
line-height: 1px;
margin: 1.25em 0 .1em 0;
padding: 1em 15px 8px 0;
}

#user {
margin: .5em auto 0 auto;
padding:.5em;
}



.hrline {
height: 2px;
background: black;
margin: 2em 0 0 0;
}


/* ==================================== 18,75 x 28,125rem ( 300 x 450px ) ================================== */
@media screen and (max-width:500px), screen and (max-height:450px){
#menu {min-height:170vh;}
}
@media screen and (min-width:500px), screen and (min-height:450px){
#menu {min-height:120vh;}
}
/* ==================================== ab 800 pixel ================================== */
@media screen and (min-width: 60em) {



.admenu {
display:block;
}
aside {
margin:.5em 0 0 0;
padding:0;
}
.menue-button {
display:none;
}
#nav-menue {
position:relative;
height:auto;
padding:4px 0 .15em 0;
}
#menu {
	visibility:visible;
	background: white;
	padding: calc(.2em + ((.2vw - 0.1em) * 1)) 0;
	text-align:left;
	position:relative;
	font-size:calc(.53em + ((.53vw - 0.1em) * 1));
	min-height:calc(.2em + ((.2vw - 0.1em) * 1));
	margin:.4em 0 .2em -.2em;
width: calc(3.2em + ((3.2vw - 0.1em) * 5));
height: auto;
transform: perspective(15vw) rotateY(1deg);
border-top:calc(.13em + ((.13vw - 0.12em) * 0.75)) solid black;
border-right:calc(.2em + ((.2vw - 0.1em) * 1)) solid black;
border-bottom:calc(.2em + ((.2vw - 0.1em) * 1)) solid black;
border-left:calc(.1em + ((.1vw - 0.12em) * 0.75)) solid black;
border-radius:0 calc(.4em + ((.4vw - 0.1em) * 1)) calc(.3em + ((.3vw - 0.1em) * 1)) 0;
}

#menu ul li.menua:before{
margin-left:calc(.5em + ((.5vw - .1em) * 1));
padding-right:calc(.4em + ((.4vw - .1em) * 1));
}
#menu ul li.menub:before{
margin-left:calc(.5em + ((.5vw - .1em) * 1));
padding-right:calc(.4em + ((.4vw - .1em) * 1));
}

#menu ul li.menuc:before{
margin-left:calc(.5em + ((.5vw - .1em) * 1));
padding-right:calc(.3em + ((.3vw - .1em) * 1));
}

#menu ul li.menud:before{
margin-left:calc(.5em + ((.5vw - .1em) * 1));
padding-right:calc(.4em + ((.4vw - .1em) * 1));
}

#menu ul li.menue:before{
margin-left:calc(.95em + ((.95vw - .1em) * 1));
padding-right:calc(.2em + ((.2vw - .1em) * 1));
}

#menu ul li.menuf:before{
margin-left:calc(.95em + ((.95vw - .1em) * 1));
padding-right:calc(.2em + ((.2vw - .1em) * 1));
}
#menu ul li.menug:before{
margin-left:calc(.5em + ((.5vw - .1em) * 1));
padding-right:calc(.75em + ((.75vw - .1em) * 1));
}

#menu ul li.menuk {
color: red;
height:calc(.75em + ((.75vw - 0.1em) * 1));
font-size: 111%;
}
#menu ul li.menuk a {
color: blue;
}


#menu ul {
	margin:0;
	padding:0;
	list-style: none;
	transform: perspective(99vw) rotatex(1deg);
}

#menu ul li {
display:block;
list-style-type: none;
font-weight:bold;
height:calc(1.1em + ((1.1vw - 0.1em) * 1));
padding:0;
-webkit-text-stroke: .0075em black;
}

#menu ul li.menud a {
-webkit-text-stroke: .0075em black;
}

#menu ul li a:hover {
color: green;
background-color: transparent;
text-decoration: none;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
transition-timing-function: linear, ease-in, ease;
-webkit-transition-timing-function: linear, ease-in, ease;
-webkit-transition-delay: 0s, 25ms, 0s;
}

#login {
visibility: visible;
text-align:center;
font-size:calc(.55em + ((.55vw - 0.1em) * 1));
line-height: 1;
margin: calc(.25em + ((.25vw - 0.1em) * 1)) 0 calc(.5em + ((.5vw - 0.1em) * 1)) 0;
padding: .5em 15px 8px 0;
}

#user {
margin: .5em auto 1em auto;
padding:.5em;
}

.hrline {
height: 2px;
background: black;
margin: .5em 0;
}



}

.hallo {
color:navy;
text-align: center;
}


.logtext {
text-align: center;
font-size: 125%;
margin-bottom: 8px;
color:navy;
}