/* ============================== */
/* === Powered by locomputing === */
/* ============================== */


#nav-menue {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 999;
}
.menue-button {
position: absolute;
top: 0.2em;
left: 0.75em;
z-index: 1000;
text-decoration: none;
font-weight: bold;
font-size:125%;
}
.menue-button-zu {
visibility: hidden;
}
#nav-menue:target #menu {
visibility: visible;
margin-top: 0;
margin-left: 0;
}
#nav-menue:target .menue-button-zu {
visibility: visible;
display: inline-block;
margin-top: 0;
background: transparent;
}
#nav-menue:target .menue-button-open {
visibility: hidden;
margin-top: 0;
}
#menu {
z-index: 999;
background: white;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
font-size: 111%;
font-weight: bold;
margin-top: -25em;
margin-left: 0;
text-align: left;
padding: 2em 0 1em 0.5em;
}
#menu ul {
margin: 0 auto;
text-align: left;
}
#menu ul li {
display: block;
list-style-type: none;
padding: 0.2em 0;
color: red;
}
#menu ul li {
list-style-type: none;
text-align: left;
}
#menu ul li a {
text-decoration: none;
}
#menu ul li.raus {
list-style-type: none;
text-align: left;
padding: 0.2em 0 0 1em;
}
#menu ul.liner > li {
display: block;
}
#menu ul.liner ul {
padding: 0;
}
#menu ul li a:hover {
color: #009d01;
}
.hallo {
color: navy;
font-size: 75%;
padding-left: 3.5em;
}

@media screen and (min-width: 50em) {

.menue-button {
display: none;
}
#nav-menue {
position: relative;
padding: 0;
}
#menu {
visibility: visible;
background: transparent;
padding: 0;
text-align: left;
position: relative;
min-height: 1em;
font-size: 80%;
margin: 0;
}
#menu ul {
margin: 0;
text-align: left;
}
#menu ul li {
display: block;
list-style-type: none;
}
#menu ul li {
list-style-type: none;
text-align: left;
padding: 0.2em 0;
}
#menu ul li.raus {
list-style-type: none;
text-align: left;
padding: 0.2em 0 0.1em 1em;
}
#menu ul.liner {
display: block;
list-style-type: none;
padding: 0 0 0 5px;
text-align: left;
}
#menu ul.liner > li {
display: block;
}
.hallo {
color:navy;
font-size: 75%;
padding-left: 0.75em;
}

}

#user {
margin: 0.5em auto;
padding: 0.5em;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
}
.hallo span {
color: maroon;
font-size: 125%;
}