/* Menu */
nav.menu #eventname_wrapper { position: fixed; top: 0.3rem; left: 50vw; padding: 0.2rem; font-family: Jellee; transform: translateX(-50%); background: var(--background); }
nav.menu #eventname { font-family: Jellee; }
nav.menu #eventname_wrapper div { float: left; }
/*nav.menu #eventsettings_wrapper { height: 8em; }*/
nav.menu #eventname_wrapper div img { height: 1em; }
nav.menu #eventsettings_wrapper { padding: 0.2rem; }
nav.menu #eventSettingsToggler + form { display: none; }
nav.menu #eventSettingsToggler:checked + form { display: block; background: var(--background); height: 8em; border: 0.1rem solid var(--neutral); }
nav.menu .evtSet { clear: both; display: block; width: 23em; height: 3em;}
nav.menu .evtSet input { width: 4em; float: left; }
nav.menu .evtSet label { float: left; width: 18em; text-align: left; text-wrap: auto; }

nav.menu ul { list-style-type: none;  }
nav.menu ul li { display: block; }
nav.menu a { color: black; text-decoration: none; }
nav.menu form { margin: 0.5rem; }
nav.menu * { font-family: system-ui; font-size: normal; }
nav.menu .menuitems { font-family: system-ui; background: linear-gradient(135deg, #D7DFE9,#B2CCF7); padding: 1rem; border: 0.2rem solid grey; border-radius: 0.5rem; margin: 0 0.5rem; white-space: nowrap; line-height: 2rem; }
nav.menu .menuitem.menu_formal { font-size: small;}

nav.menu .moreright { right: -1.5rem; }

.burgermenu { position: relative; right: 1rem; }
.burgermenu img { height: 1rem; transform: scaleX(4); }

/* Navigation */
.focusHackLabel { height: auto; position: absolute; right: 0.5rem; text-align: right; }
.focusHackInput { height: 1px; width: 1px; opacity: 0; display: inherit; }
.focusHackInput + label img { opacity: 1; height: 1rem; }
/*.focusHackInput + label ul:active { z-index: 1; }*/
.focusHackInput + label .menuitems:active { z-index: 1; opacity: 1; }
.focusHackInput:focus + label img { opacity: 0; }
/*.focusHackInput + label ul { opacity: 0; z-index: -1; position: absolute; right: 0; }*/
.focusHackInput + label .menuitems { opacity: 0; z-index: -1; position: absolute; right: 0; }
/*.focusHackInput:focus + label ul { opacity: 1; height: auto; z-index: 1; }*/
.focusHackInput:focus + label .menuitems { opacity: 1; height: auto; z-index: 1; }