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

aside {
display: block;
width:auto;
height: auto;
border:none;
}

nav {
display: block;
width:100%;
height: auto;	

}

#nav-menue {
width:100%;
position:absolute;
top:-2.35em;
right:0;
z-index: 999;
}

#nav-menue a {
text-decoration: none;
}

.menue-button {
right:0;
top: 2.5em;
color:black;
}

.menue-button {
position:absolute;
margin:0 auto;
z-index:1000;
width: calc(1em + ((1vw - 0.1em) * 1));
height:auto;
font-size: 90%;
font-weight: bold;
}

.menue-button-zu {
visibility:hidden;
}


#nav-menue:target #menu  {
visibility:visible;
margin-top:0;
margin-left:0;
background: #8D8D74;
}

#nav-menue:target .menue-button-zu  {
visibility:visible;
display: inline-block;
margin-top: 0em;
margin-right: .6em;
color: white;
background: transparent;
}

#nav-menue:target .menue-button-open {
visibility:hidden;
margin-top:0;
background-color: black;
}

#menu {
z-index:999;
background: red;
visibility:hidden;
position:absolute;
top: 1.9em;
left:0;
overflow:hidden;
width:99.6%;
height:auto;
font-size: 125%;
font-weight: bold;
margin: 0;
padding:0;
}

ul li {
display:block;
list-style-type: none;
list-style-position: inside;
text-decoration: none;
line-height: 1.5;
padding:0;
margin:0;
text-align: left;
color:red;
-webkit-text-stroke: .0075em black;
}

ul li.plus {
padding-left:.25em;
}

ul li a {
color:blue;
text-decoration: underline;
}

ul li a:hover {
color: green;
text-decoration: none;
}


@media screen and (min-width: 60em) {

aside {
margin:.45em 0 0 0;
padding:0;
}

nav {
display: block;
position: relative;
margin: 0;
padding:0;
}

.menue-button {
display:none;
}

#nav-menue {
position:relative;
height:auto;
margin: 0;
padding: 0;
}

#menu {
visibility:visible;
background: transparent;
padding: 0;
text-align:left;
position:relative;
font-size: 100%;
height: auto;
margin: 0 0 0 0;
width: 100%;
height: auto;
}

@media screen and (min-width: 60em) {
ul {
margin-left: calc(-1.75em + ((1.75vw - 0.1em) * .1));
}
}

@media screen and (min-width: 75em) {
ul {
margin-left: calc(-1.2em + ((1.2vw - 0.1em) * .5));
}
}
@media screen and (min-width: 120em) {
ul {
margin-left: calc(-.5em + ((.5vw - 0.1em) * 1));
}
}

ul li {
display:block;
list-style-type: none;
list-style-position: inside;
text-decoration: none;
line-height: 2.22;
padding:0;
margin:-1em 0 0 0;
text-align: left;
color:red;
-webkit-text-stroke: .0075em black;
}

ul li.plus {
padding-left:0;
}

ul li a {
color:blue;
text-decoration: underline;
margin:0 0 0 -.25em;

}

}


a.svham {
    background-image: url('../sonst/hamburger.svg');
    background-position: .5em .3em; 
    background-repeat: no-repeat;
    padding-left: 2em;
	background-size: .9em;
    height: 2em;
}