.menue{
padding:0.1rem;
margin:0.3rem auto;
vertical-align:middle;
width:99%;
height: auto;
background-color:transparent;
background:transparent;
}
li.topmenue{list-style-type:none;}
li .topmenue a,.dirs a:hover {clear:both;border-collapse:collapse;background-color:#C0ffff;background:#C0ffff;}
.menue a:hover, .topmenue.on a, .return a:hover{
vertical-align:middle;
color:#ffffff;
background:#f90000;
background-color:#f90000;
}
nav li {margin: 0.3rem auto;padding: 0.1rem;flex: 1 1 0%;}
@media (min-width: 25rem) {
nav > ul {flex-direction: row;height: auto;}
nav li {flex: 1;font-size: 1rem;}
}
nav a{
display: inline-block;
padding: 0.1rem;
margin:0.3rem auto;
text-decoration: none;
font-weight: bold;
text-align: center;
border: thin solid var(--background-color);
border-radius: .5rem;
color: gold;
transition: all .25s ease-in;
position: relative;
background-color:#C0ffff;
background:#C0ffff;
}
nav li[aria-current] a {
background-color: var(--accent2-color);
color: var(--accent1-color);
}
li a:hover {color:#ffffff;background-color:#f90000;background:#f90000;}
nav a:focus,
nav a:hover,
nav li[aria-current] a:focus,
nav li[aria-current] a:hover {
color: var(--background-color);
background-color: var(--accent1-color);
}
nav li:focus-within {visibility: visible;height: auto;}
:root {
--background-color: midnightblue;
--accent1-color: gold;
--accent2-color: darkred;
--text-color: black;
}
pocket,.pocket,pocket{display:none;}
nav > ul {
list-style: none;
padding:0.1rem;
margin:0.3rem auto;
vertical-align:middle;
display: flex;
flex-direction: row;
position: relative;
}