.logo {
  display: none !important;
}

.on-top-container, #uc-cross-domain-consent-sharing-bridge {
  position: fixed;
  bottom: 18px;
  width: 100%;
  margin: 0 auto;
  pointer-events: none; /* Damit der Container nichts blockiert */
  display: flex;
  justify-content: flex-end;
  z-index: 1000;
  right: 18px;
}

/* on Top Button */
#scrollToTopBtn, #uc-privacy-button {
  margin-right: 0px;
  border: none;
  cursor: pointer;
  padding: 0px;
  opacity: 0;
  transition: opacity 0.3s ease;
  background-color: transparent;
}

#scrollToTopBtn img {
  width: 44px;
  height: 44px;
}

#scrollToTopBtn.show, #uc-privacy-button.show {
  opacity: 1;
  pointer-events: auto;
}

/* external Link Icon */
a[href^="http"]:not([href*="energiepark-emmen.ch"])::before {
  font-family: 'Material Symbols Outlined';
  content: "open_in_new";
  font-variation-settings:
      'FILL' 0,
      'wght' 400,
      'GRAD' 0,
      'opsz' 24;
  margin: 0 4px;
  position: relative;
  top:3px;
}

/* General Navigation Styles */
.logo, header a svg {
  float:left;
}

.material-symbols-rounded {
font-size: 44px;
}

.menu-close .material-symbols-rounded, .menu-toggle .material-symbols-rounded {
  padding-top:16px;
}

/* Footer Navigation */
footer nav {
  padding:0px;
  float:none;
  text-align: left;
}


  
footer nav ul li {
  display: block;
  margin-right: 12px;
}

nav ul {
  list-style-type: none !important;
  padding: 0px;
  margin: 0;
  display: flex;
  gap: 26px;
  position: sticky;
  top: 0;
  z-index: 1000; /* Ensure it stays on top */
}

footer nav ul {
  display: block;
}

.main-nav ul {
  background-color: white; /* Ensure background so content doesn't show through */
}

nav li a {
  font-weight: 400 !important; /* regular */
  text-decoration: none;
  color: #222222;
}

nav li a:hover {
  color: #000000;
  font-weight: 700 !important; /* bold */
}

nav li.current-menu-item a {
  font-weight: 700 !important; /* bold */
  border-bottom: 3px dotted #FDC300;
  padding-bottom: 24px;
}

nav li.current-menu-item a {
  font-weight: 700 !important; /* bold */
}

.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(34, 34, 34, 0.33); /* #222222 mit 33% */
  z-index: 998;
  display: none; /* Standard: unsichtbar */
}

/* Burger & Close Buttons – Grundstyle */
.menu-toggle,
.menu-close {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
}

.main-menu {
  display: flex;
  padding-top:0px;
}

.logo, header a svg {
  height: auto;
  display: block;
}

/* Usercentrics */
button #Kategorien-id .sc-dPZUQH .iDrVSe {
  color: #000000 !important;
  border-color: #000000 !important;
}

/* Breakpoints */
@media (max-width: 480px) {
  .logo, header a svg {
    width: 240px;
    padding: 8px 8px 8px 0;
  }

  nav {
    margin:0px auto;
    padding: 20px;
    float:none;
    text-align: center;
  }

  nav ul {
    display: inline;
  }

}

@media (min-width: 480px) {
  .logo, header a svg {
    width: 240px;
    padding: 8px 8px 8px 0;
  }

}

@media (max-width: 768px) {

  .main-menu {
    display: none;
    position: absolute;
    width: 100%;
    left:0;
    padding-top:79px;
  }

  .main-menu.active {
    display: inline;
  }

  nav {
    margin:0px;
    padding: 0px;
    float:none;
  }

  .main-nav {
    position: relative;
  }

  .menu-toggle {
    display: block;
    position: absolute;
    right: 24px;
    top: 24px;
    z-index: 1001;
  }

  .menu-close {
    display: none;
    position: absolute;
    right: 26px;
    top: 29px;
    z-index: 1001;
  }

  .menu-close.active {
    display: block;
  }

  .menu-overlay.active {
    display: block;
  }

}

@media (min-width: 769px) {
  .logo, header a svg {
    width: 360px;
    padding: 24 0 0 0px;
  }

  nav {
    float:right;
  }

  .menu-toggle {
    display: none;
  }

footer nav ul li {
  display: inline;
}

}

@media (min-width: 1024px) {

  .logo, header a svg {
    padding: 24px;
  }

  nav {
    padding:38px 26px 29px 0px;
  }
}

@media (min-width: 1280px) {

  .logo, header a svg {
    width: 480px;
  }

  nav {
    padding:60px 26px 29px 0px;
  }
}