/* JMenu 1.0 RC1 | MIT License | https://github.com/jamesjohnson280/JMenu *//* Menu bar and fonts */
.jmenu {
  background: transparent; /* Dark gray */
  /*box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .5);*/
  width: 100%;
  line-height: 1;
}/* Menu Button */
input.jm-menu-btn {
  display: none; /* Hide the checkbox */
}input[type='checkbox'].jm-menu-btn ~ .jm-collapse {
  display: none; /* Hide menu on load */
}input[type='checkbox']:checked.jm-menu-btn ~ .jm-collapse {
  display: block; /* Open when menu button is clicked */
}label.jm-menu-btn {
  color: black; /* Light gray */
  cursor: pointer;
  display: block;
  padding: 20px 20px;
}label.jm-menu-btn:hover {
  color: #36bae6;
}.jm-collapse {
  /* Add border between menu and menu button when it's open */
 border-top: 1px #959595 solid; /* Light Gray */
  background-color: transparent;
  width: 100vw;
}/* Menu Items */
.jmenu ul,
.jmenu li {
  list-style: none;
  margin: 0;
  padding: 0;
}/* Links */
.jmenu a {
  color: #49535c; /* Light gray */
  display: inline-block;
  padding: 16px 32px;
  text-decoration: solid;
}.jmenu a:hover {
  color: #36bae6; /* White */
  text-decoration: sold;
  transform: scale(1.2);
}/* Submenu Items */
.jmenu ul ul {
  display: none; /* Hidden by default */
}/* Dropdowns */.jm-dropdown:hover ul {
  display: block;
  background-color: antiquewhite;
}.jm-dropdown:hover a {
  /* Make top-level menu item stay highlighted when hovering over children */
  color: #fff; 
}.jm-dropdown ul {
  background: #fff; /* White */
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;}.jm-dropdown ul a,
.jm-dropdown:hover ul a {
  color: #0072bc; /* Blue */}.jm-dropdown ul a:hover,
.jm-dropdown:hover ul a:hover {
  color: #000; /* Black*/
}/* Tertiary+ Menu Items */
.jm-dropdown ul ul {
  border-bottom: 1px #ccc solid; /* Light gray */
  border-top: 1px #ccc solid;
  box-shadow: none;
  margin-bottom: 16px;
  max-width: 100%;
  position: relative;
}/* Icons */
.jm-icon-dropdown {
    border: solid #959595; /* Light gray */
    border-width: 0 2px 2px 0;
    display: inline-block;
    margin: 0 0 3px 8px;
    padding: 3px;
    transform: rotate(45deg);
} li:hover .jm-icon-dropdown {
    border-color: #fff; /* White */
} .jm-icon-menu::before {
  content: '\2630';
}/* Menü im geöffneten Zustand – echter Fullscreen, mit genug Platz oben */
input#menu-btn:checked ~ .jm-collapse {
  position: fixed !important;
  inset: 0;                      /* top/right/bottom/left: 0 */
  width: 100vw !important;
  height: 100dvh !important;     /* ← WICHTIG: dvh statt vh – berücksichtigt dynamische Adressleiste */
  margin: 0 !important;
  padding: 80px 20px 60px 20px;  /* Mehr Platz oben für X + Adressleiste */
  background: rgba(255, 255, 255, 0.98);
  z-index: 9999;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; /* Smooth Scroll auf iOS */
  box-sizing: border-box;
}/* Hamburger-Icon verstecken wenn offen */
input#menu-btn:checked + label.jm-menu-btn {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}/* Schließen-Icon (X) – sicher oben rechts, auch bei mobiler Adressleiste */
.jm-close-btn {
  display: none;
  position: fixed;              /* ← Sticky statt fixed – bleibt im Scroll-Bereich */
  top: calc(10px + env(safe-area-inset-top));  /* ← Sicherheitsabstand für Notch + Adressleiste */  float: right;                  /* Rechtsbündig im Flow */
  margin-right: 15px !important;
  margin-top: 10px;
  font-size: 38px;
  color: #121212;
  background: rgba(255, 255, 255, 0.9);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  z-index: 10001;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
  user-select: none;
}/* Zeigt das X nur wenn Menü offen */
input#menu-btn:checked ~ label.jm-close-btn {
  display: block;
}/* Extra-Sicherheit für sehr kleine Screens */
@media (max-width: 480px) {
  .jm-close-btn {
    top: 8px !important;
    font-size: 34px;
    width: 46px;
    height: 46px;
    line-height: 46px;
    margin-right: 12px;
  }
}