@charset "UTF-8";
/* ID:92291 */
body.touch #sidebar {
  border: none;
  box-sizing: border-box;
  font-size: 1rem;
  max-height: 100vh;
  max-width: var(--maxSidebarWidth);
  padding: calc(2.5rem + 1ex) 0 0 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 4em;
  z-index: 9098;
}
@media (max-height: 600px), (max-width: 600px) {
  body.touch #sidebar {
    width: 0;
  }
}
body.touch #sidebar nav {
  margin-bottom: 0;
}
body.touch #sidebar #sidebarShow {
  position: absolute;
  right: 0;
}
body.touch #sidebar li {
  list-style-type: none;
  margin: 0;
  padding: 0.5ex 1ex 0;
}
body.touch #sidebar li a {
  border: 1px solid darkgrey;
  display: block;
  min-height: 4ex;
}
body.touch #sidebar li a:hover {
  text-decoration: none;
}
body.touch #sidebar table {
  margin-left: auto;
  margin-right: auto;
}
body.touch #sidebar h3.plain, body.touch #sidebar div.img, body.touch #sidebar address div, body.touch #sidebar span.link a, body.touch #sidebar li.nolink {
  display: none;
}
body.touch #sidebar details summary {
  padding-bottom: 0;
  position: relative;
  min-height: 4ex;
}
body.touch #sidebar details summary i {
  font-size: 1.5em;
  left: 0.5em;
  min-width: 1em;
  position: absolute;
  text-align: center;
  top: 0;
}
body.touch #sidebar nav.links ul, body.touch #sidebar nav.files ul, body.touch #sidebar address ul, body.touch #sidebar span.link ul {
  display: none;
}
body.touch #sidebar nav.links label, body.touch #sidebar nav.files label, body.touch #sidebar address label, body.touch #sidebar span.link label {
  display: revert;
}
body.touch #sidebar button {
  min-width: unset;
}
body.touch #sidebar button span {
  display: none;
}
body.touch #sidebar button, body.touch #sidebar input[type=submit] {
  font-size: 1rem;
  height: 6ex !important;
  margin-bottom: 1ex !important;
  width: 100% !important;
}
body.touch #sidebar #innersidebar {
  box-sizing: border-box;
  height: calc(100% - 2.5rem - 1ex);
  left: 0;
  margin-right: 0;
  max-height: unset;
  max-width: 25rem;
  overflow-x: hidden;
  padding-bottom: 4em;
  /* bessere Anzeige auf Mobilgeräten*/
  padding: 0 1ex;
  position: absolute;
  right: 0;
  text-align: center;
  transition-delay: 50ms;
  transition-duration: var(--menuDelay);
  transition-property: width;
  transition-timing-function: linear;
  width: 100%;
  z-index: 1;
}
body.touch #sidebar #innersidebar #lastLogin {
  max-width: 12em;
  text-align: left;
}
body.touch #navShow, body.touch #sidebarShow {
  display: inline-block;
  text-align: center;
  width: 4em;
}
body.touch #sidebarShowCheck ~ #sidebar summary::-webkit-details-marker {
  display: none;
}
body.touch #sidebarShowCheck ~ #sidebar summary :first-child, body.touch #sidebarShowCheck ~ #sidebar summary :nth-child(2) {
  display: none;
}
body.touch #sidebarShowCheck ~ #sidebar summary i:first-child {
  display: inline;
  left: 0;
}
body.touch #sidebarShowCheck:checked ~ #sidebar {
  width: 100%;
}
body.touch #sidebarShowCheck:checked ~ #sidebar #innersidebar {
  opacity: 1;
}
body.touch #sidebarShowCheck:checked ~ #sidebar h3 span, body.touch #sidebarShowCheck:checked ~ #sidebar h3.plain, body.touch #sidebarShowCheck:checked ~ #sidebar div.img, body.touch #sidebarShowCheck:checked ~ #sidebar address div, body.touch #sidebarShowCheck:checked ~ #sidebar li.nolink {
  display: revert;
}
body.touch #sidebarShowCheck:checked ~ #sidebar span.link a {
  display: block;
}
body.touch #sidebarShowCheck:checked ~ #sidebar nav.links ul, body.touch #sidebarShowCheck:checked ~ #sidebar nav.files ul, body.touch #sidebarShowCheck:checked ~ #sidebar address ul, body.touch #sidebarShowCheck:checked ~ #sidebar span.link ul {
  display: revert;
}
body.touch #sidebarShowCheck:checked ~ #sidebar nav.links::before, body.touch #sidebarShowCheck:checked ~ #sidebar nav.files::before, body.touch #sidebarShowCheck:checked ~ #sidebar address::before, body.touch #sidebarShowCheck:checked ~ #sidebar span.link::before {
  display: none;
}
body.touch #sidebarShowCheck:checked ~ #sidebar nav.links label, body.touch #sidebarShowCheck:checked ~ #sidebar nav.files label, body.touch #sidebarShowCheck:checked ~ #sidebar address label, body.touch #sidebarShowCheck:checked ~ #sidebar span.link label {
  display: none;
}
body.touch #sidebarShowCheck:checked ~ #sidebar button span {
  display: unset;
}
body.touch #sidebarShowCheck:checked ~ #sidebar summary::-webkit-details-marker {
  display: inline;
}
body.touch #sidebarShowCheck:checked ~ #sidebar summary :first-child, body.touch #sidebarShowCheck:checked ~ #sidebar summary :nth-child(2) {
  display: inline;
}
body.touch #sidebarShowCheck:checked ~ #sidebar summary i {
  display: inline;
  left: 0.5em;
}
body.touch #navShowCheck:checked ~ #nav {
  display: block;
}
body.touch #navShowCheck:checked ~ #nav #mainMenu {
  max-width: var(--maxMenuWidth);
  opacity: 1;
  padding-bottom: 100px;
  visibility: visible;
  width: 100%;
}
body.touch #sidebarButton {
  align-items: center;
  color: white;
  display: flex;
  font-size: 1.3em;
  height: 2.5rem;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}
body.touch #navButton, body.touch #sidebarButton, body.touch #homeButton {
  color: var(--themeFontColor);
}
body.touch #navButton {
  align-items: center;
  display: grid;
  font-size: 2ex;
  grid-row: 1;
  justify-content: center;
  right: 0;
}
body.touch #nav {
  border-radius: 0;
  box-sizing: border-box;
  display: none;
  font-size: 1rem;
  left: 0;
  max-height: 100vh;
  max-width: var(--maxMenuWidth);
  overflow: auto;
  padding-left: var(--sal);
  padding-top: calc(2.5em + 1ex);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9010;
  /*change display order*/
}
body.touch #nav a {
  text-decoration: none;
  display: block;
}
body.touch #nav a::after {
  color: darkgrey;
  content: var(--fa-var-external-link-alt);
  font-family: var(--fa-font);
  font-size: xx-small;
  font-weight: 900;
  margin-left: 0.5em;
  vertical-align: middle;
}
body.touch #nav ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  transition-delay: 0ms;
  transition-duration: 0.03s;
  transition-property: left, clip, opacity;
  transition-timing-function: linear;
  width: 100%;
}
body.touch #nav ul li {
  background-color: whitesmoke;
  border-bottom: 1px solid black;
  /*remove base color*/
  /*color:var(--themeFontColor) !important;*/
  padding: 1.2ex 3em 1.2ex 0.5em;
  position: relative;
}
body.touch #nav ul li a:hover {
  color: inherit;
}
body.touch #nav ul li.menu.back.first, body.touch #nav ul li.menu.back.last {
  background-color: var(--themeColor);
  color: var(--themeFontColor) !important;
}
body.touch #nav input[type=checkbox] {
  display: none;
}
body.touch #nav label.next, body.touch #nav label.back {
  position: absolute;
  right: 1em;
  top: 0;
}
body.touch #nav li.back span {
  display: inline-block;
  font-weight: bold;
}
body.touch #nav ul > li > ul {
  z-index: 9001;
}
body.touch #nav li.menu:has(a.menumeta) {
  border: none;
}
body.touch #nav #mainMenu {
  opacity: 0;
  transition-duration: var(--menuDelay);
  transition-property: opacity;
  visibility: hidden;
  width: 0;
  z-index: 0;
  /*no click possible else*/
}
body.touch #nav li.menu.back.last {
  display: none;
}
body.touch #nav input ~ ul {
  display: none;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}
body.touch #nav input:checked ~ ul {
  display: block;
  opacity: 1;
}
body.touch #nav input:checked ~ ul::before {
  background: #000000b5;
  bottom: 0;
  content: "";
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
body.touch #nav li:nth-child(1n+10) > ul {
  top: auto !important;
  bottom: 0;
}
body.touch #nav li:nth-child(1n+10) > ul > li.menu.back.first {
  display: none;
}
body.touch #nav li:nth-child(1n+10) > ul > li.menu.back.last {
  display: inherit;
}
body.touch.registered #sidebarShowCheck:checked ~ #sidebarButton #sidebarShow, body.touch.registered #navShowCheck:checked ~ #navButton #navShow {
  background-color: var(--themeColor) !important;
  color: color-mix(in srgb, black 20%, var(--themeFontColor)) !important;
}