@media only screen and (max-width: 1000px) {
    
header .page_header.scrolled_not_transparent.stick {
    position:fixed !important;
}

.content{
    padding-top: var(--header-height);
}
    
  /* Mobile Menu Icon */
  /* --- Custom Animated Hamburger Menu --- */
  .mobile_menu_button {
    height: unset !important;
    /* height: fit-content !important; */
  }

  /* 1. Das alte Icon (FontAwesome) komplett verschwinden lassen */
  .mobile_menu_button span i,
  .mobile_menu_button span i:before {
    display: none !important;
  }

  /* 2. Den Container vorbereiten (alle drei Linien) */
  /* height: 18px deckt alle drei Linien ab: oben (0-2px), mitte (8-10px), unten (16-18px)
     Der Span ist damit voll klickbar — keine versteckten Pseudo-Elemente außerhalb der Box. */
  .mobile_menu_button span {
    display: inline-block !important;
    width: 24px !important;
    height: 18px !important;
    background: linear-gradient(
      to bottom,
      transparent 8px,
      var(--kita-white) 8px,
      var(--kita-white) 10px,
      transparent 10px
    ) !important;
    position: relative !important;
    transition: all 0.3s ease-in-out !important;
    vertical-align: middle;
  }

  /* 3. Obere und untere Linie erzeugen */
  .mobile_menu_button span::before,
  .mobile_menu_button span::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    width: 24px !important;
    height: 2px !important;
    background-color: var(--kita-white) !important;
    transition: all 0.3s ease-in-out !important;
  }

  /* Positionierung der Linien innerhalb des 18px-Containers */
  .mobile_menu_button span::before {
    top: 0 !important;
  }

  .mobile_menu_button span::after {
    top: 16px !important;
  }

  /* 4. Die Transformation zum X (wenn das Menü offen ist) */
  /* Stockholm setzt die Klasse .opened auf den Button beim Klick */

  .qode-mobile-menu-opened .mobile_menu_button span {
    background: transparent !important; /* Mittlere Linie wird unsichtbar */
  }

  .qode-mobile-menu-opened .mobile_menu_button span::before {
    top: 8px !important; /* Mitte des 18px-Containers */
    transform: rotate(45deg) !important;
  }

  .qode-mobile-menu-opened .mobile_menu_button span::after {
    top: 8px !important; /* Mitte des 18px-Containers */
    transform: rotate(-45deg) !important;
  }

  .mobile_menu {
    display: none;
  }

  /* Mobile Menü  */
  nav.mobile_menu ul li a {
    font-size: var(--text-size-2xl) !important;
    padding: 0.425em 0 !important;
    color: var(--kita-white) !important;
    text-align: center;
  }

  /* Abstand unten only when menu is open */
  .qode-mobile-menu-opened nav.mobile_menu {
    padding-bottom: 2rem;
  }

  /* Header */
  .header_inner_left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: var(--header-height);
  }

  .q_logo img {
    height: 90% !important;
    margin-top: 5% !important;
  }
}