/*rot*/
.close-menu {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 99;
}
.close-menu svg {
  width: 1rem;
  height: 1rem;
}
@media screen and (min-width: 768px) {
  .close-menu {
    display: none;
  }
}
@media screen and (min-width: 1191px) {
  #navDesktop {
    position: relative;
  }
  #navDesktop .level_1 {
    text-transform: uppercase;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
  }
  #navDesktop .level_1 li {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 0 10px;
    white-space: nowrap;
  }
  #navDesktop .level_1 > li:last-child {
    padding-right: 0;
  }
  #navDesktop .level_1 .level_2 {
    position: absolute;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    background-color: #FFFFFF;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    overflow: hidden;
    font-size: 0.7rem;
  }
  #navDesktop .level_1 .level_2 li {
    display: none;
    padding: 0;
  }
  #navDesktop .level_1 .level_2 strong, #navDesktop .level_1 .level_2 a {
    padding: 8px 5px 8px 10px;
  }
  #navDesktop .level_1 li:hover > .level_2 li, #navDesktop .level_1 li.trail > .level_2 li, #navDesktop .level_1 li.active > .level_2 li {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
  }
  #navDesktop .level_1 li:hover > .level_2 {
    z-index: 100;
  }
  #navDesktop a:hover {
    color: #0035AD;
  }
  #navDesktop strong {
    color: #0035AD;
    font-weight: 700;
  }
  #navDesktop .trail {
    color: #0035AD;
  }
}
/* ----------------------- NAVIGATION Oben ----------------------- */
#navOben {
  font-size: 0.7rem;
  text-transform: uppercase;
  display: flex;
}
#navOben .box ul {
  padding: 0;
  margin: 0;
}
#navOben .box ul li {
  list-style-type: none;
}
/* ----------------------- NAVIGATION DESKTOP ----------------------- */
/* ----------------------- MOBILE MENU BUTTON ----------------------- */
.mobile_menu_trigger {
  position: fixed;
  top: calc(var(--header-height) + 3rem);
  right: 0;
  background: #00B388;
  width: 2.5rem;
  height: 2.5rem;
  z-index: 9999;
  display: grid;
  place-content: center;
}
.mobile_menu_trigger svg {
  width: 1.5rem;
  height: 1.5rem;
}
.mobile_menu_overlay.active {
  background-color: transparent;
  opacity: 0.5;
}
.mobile_menu_trigger.active #mobile_trigger {
  background-color: #FFFFFF;
}
.mobile_menu_trigger.active .burger-wrapper {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  padding-top: 10px;
}
.mobile_menu_trigger.active .burger-wrapper span {
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: block;
  cursor: pointer;
}
.mobile_menu_trigger.active .burger-wrapper .bar {
  background: #676767;
  width: 30px;
  height: 3px;
  margin-top: 5px;
  display: block;
  margin-left: 0;
  margin-right: 0;
  left: 0;
  right: 0;
}
.mobile_menu_trigger.active .burger-wrapper .bar:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: 5px;
}
.mobile_menu_trigger.active .burger-wrapper .bar:nth-of-type(2) {
  display: none;
}
.mobile_menu_trigger.active .burger-wrapper .bar:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: -2px;
}
.mobile_menu_trigger.active .burger-wrapper:hover {
  cursor: pointer;
}
.mobile_menu_trigger.active .burger-wrapper:hover .bar:nth-child(1) {
  width: 30px;
  margin-left: 0;
}
/* ----------------------- MOBILE MENU NAVIGATION ----------------------- */
.mod_mobile_menu {
  cursor: pointer;
  display: contents;
}
.mobile_trigger {
  cursor: pointer;
}
.mobile_menu {
  height: 100% !important;
  scrollbar-width: none !important;
}
.mobile_menu .inner {
  height: 100%;
  scrollbar-width: none;
  background-color: #FFFFFF;
}
.mobile_menu #navMobile, .mobile_menu #navIndividuell {
  z-index: 10000;
  position: relative;
  padding: 0 50px 0 100px;
  width: 100%;
  text-transform: uppercase;
}
.mobile_menu #navMobile ul, .mobile_menu #navIndividuell ul {
  display: grid;
  gap: 1.5rem;
}
.mobile_menu #navMobile ul li, .mobile_menu #navIndividuell ul li {
  position: relative;
  display: block;
  width: auto;
  padding: 0;
  font-size: 30px;
  overflow: hidden;
}
.mobile_menu #navMobile ul li a, .mobile_menu #navMobile ul li strong, .mobile_menu #navIndividuell ul li a, .mobile_menu #navIndividuell ul li strong {
  position: relative;
  display: inline-block;
}
.mobile_menu #navMobile ul li span, .mobile_menu #navIndividuell ul li span {
  position: relative;
  display: inline-block;
}
.mobile_menu #navMobile ul li a, .mobile_menu #navMobile ul li strong, .mobile_menu #navIndividuell ul li a, .mobile_menu #navIndividuell ul li strong {
  text-decoration: none;
}
.mobile_menu #navMobile ul a:hover, .mobile_menu #navMobile ul strong, .mobile_menu #navIndividuell ul a:hover, .mobile_menu #navIndividuell ul strong {
  font-weight: 500;
}
.mobile_menu #navMobile ul .trail > span, .mobile_menu #navIndividuell ul .trail > span {
  color: #0035AD;
  font-weight: 500;
}
.mobile_menu #navMobile ul strong.trail, .mobile_menu #navMobile ul .submenu.trail > span, .mobile_menu #navIndividuell ul strong.trail, .mobile_menu #navIndividuell ul .submenu.trail > span {
  font-weight: 300;
}
.mobile_menu #navMobile ul.level_1 > li, .mobile_menu #navIndividuell ul.level_1 > li {
  color: #0035AD;
}
.mobile_menu #navMobile ul.level_1 > li > a, .mobile_menu #navMobile ul.level_1 > li strong, .mobile_menu #navIndividuell ul.level_1 > li > a, .mobile_menu #navIndividuell ul.level_1 > li strong {
  color: inherit;
}
.mobile_menu #navMobile ul.level_1 > li a:hover span, .mobile_menu #navIndividuell ul.level_1 > li a:hover span {
  font-weight: 500;
}
.mobile_menu #navMobile ul.level_2 > li a:hover span, .mobile_menu #navIndividuell ul.level_2 > li a:hover span {
  font-weight: 500;
}
.mobile_menu #navMobile ul.level_1 li > ul.level_2, .mobile_menu #navIndividuell ul.level_1 li > ul.level_2 {
  position: relative;
  display: block;
  padding-right: 1px;
}
.mobile_menu #navMobile ul.level_1 li > ul.level_2 li, .mobile_menu #navIndividuell ul.level_1 li > ul.level_2 li {
  font-size: 16px;
}
.mobile_menu #navMobile ul.level_1 li > ul.level_2 a, .mobile_menu #navMobile ul.level_1 li > ul.level_2 strong, .mobile_menu #navIndividuell ul.level_1 li > ul.level_2 a, .mobile_menu #navIndividuell ul.level_1 li > ul.level_2 strong {
  padding: 0 0 5px;
}
.mobile_menu #navIndividuell {
  margin: 0;
}
.mobile_menu #navIndividuell ul li {
  font-size: 16px;
}
.mobile_menu #navIndividuell ul li a, .mobile_menu #navIndividuell ul li a:link, .mobile_menu #navIndividuell ul li a:visited, .mobile_menu #navIndividuell ul li a:active {
  color: #676767;
  text-decoration: none;
}
.mobile_menu #navIndividuell ul li strong {
  color: #676767 !important;
}
.mobile_menu .mod_changelanguage {
  position: relative;
  text-align: left;
  text-transform: uppercase;
  font-size: 16px;
  padding-inline-start: 100px;
}
.mobile_menu .mod_changelanguage ul {
  margin: 0 auto;
}
.mobile_menu .mod_changelanguage ul li {
  list-style: none;
}
.mobile_menu .mod_changelanguage ul li a:hover {
  font-weight: 500;
}
@media only screen and (max-width: 1190px) {
  /* ----------------------- NAVIGATION DESKTOP ----------------------- */
  /* ----------------------- NAVIGATION Oben ----------------------- */
  #navDesktop {
    display: none;
  }
  #navOben {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  /* ----------------------- MOBILE MENU NAVIGATION ----------------------- */
  #navOben {
    display: none;
  }
  .mobile_menu #navMobile, .mobile_menu #navIndividuell {
    padding: 1rem;
  }
  .mobile_menu #navMobile ul li, .mobile_menu #navIndividuell ul li {
    font-size: 24px;
  }
  .mobile_menu #navMobile ul.level_1 li > ul.level_2 li, .mobile_menu #navIndividuell ul.level_1 li > ul.level_2 li {
    font-size: 16px;
  }
  .mobile_menu #navIndividuell ul li {
    font-size: 16px;
  }
  .mobile_menu #navIndividuell {
    margin: 0;
  }
  .mobile_menu .mod_changelanguage {
    padding-inline: 1rem;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%2Fwww%2Fvhosts%2Fkho.ch%2Fhttpdocs_2026%2Ffiles%2Fonkozentrum%2Fscss%2Fnavigation.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAiBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMI%3BAAAA%3BAAAA%3BAAAA%3BAAMJ%3BAACI%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAACI%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYI%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAKR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAA7FR%3BAAqGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOE%3BAAAA%3BAAAA%3BAAAA%3BAAIU%3BAAAA%3BAAAA%3BAAhHZ%3BAAAA%3BAA2HA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYI%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAA7LR%3BAAoMA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQC%3BAAAA%3BAAAA%3BAAAA%3BAAIO%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQI%3BAAAA%3BAAAA%3BAAAA%3BAAKT%3BAAAA%3BAAAA%3BAAAA%3BAAKS%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAMH%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAIL%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAKR%3BAAAA%3BAAAA%3BAAGQ%3BAAAA%3BAAAA%3BAAEL%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAMH%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQI%3BAAAA%3BAAAA%3BAAEC%3BAAAA%3BAAAA%3BAAEC%3BAAAA%3BAAAA%3BAAQV%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAIQ%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAKR%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%22%7D */