.menue{
margin:0.1rem auto;
-khtml-padding:1px;
padding:1px;
vertical-align:middle;
max-width:98%;
background-color:transparent;
}
li.topmenue{list-style-type:none;}
.topmenue a{clear:both;border-collapse:collapse;}
li.submenue{list-style-type:none;margin:5px 0px 5px 0px;}
.submenue a{font-size:12px;position:relative;clear:both;}
.menue a:hover, .topmenue.on a, .return a:hover{
vertical-align:middle;
color:#ffffff;
background-color:#f90000;
}
pocket,.pocket,pocket{display:none;}
nav > ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
position: relative;
}
nav li {margin: 0.5rem auto;padding: 0;flex: 1 1 0%;}
@media (min-width: 45rem) {
nav > ul {flex-direction: row;height: 3rem;}
nav li {flex: 1;font-size: 1rem;}
}
nav a {
display: inline-block;
padding: 0.1rem;
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;
}
nav li[aria-current] a {
background-color: var(--accent2-color);
color: var(--accent1-color);
}
nav .subtitle::after {
position: absolute;
color: currentColor;
display: inline-block;
width: 2rem;
right: 0;
}
nav .subtitle:hover::after,
nav .subtitle:focus::after {
}
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);
}
/*     submenu navigation links      */
nav .submenu {visibility: hidden;height: 0;z-index: 1000;}
nav .submenu li {display: inline-block;/* width: 15rem; */}
/**     Show the submenu on hover, focus     **/
nav li:hover .submenu,
nav li:active .submenu,
nav li:focus .submenu {
visibility: visible;
height: auto;
background:#80ff80;
}
nav li:focus-within .submenu {visibility: visible;height: auto;}
:root {
--background-color: midnightblue;
--accent1-color: gold;
--accent2-color: darkred;
--text-color: black;
}