/** Shopify CDN: Minification failed

Line 189:0 Expected "}" to go with "{"

**/

/* ==========================================
   ANKERLIEBE | RESPONSIVE DESKTOP HEADER
   Purely Shopify Theme
   ========================================== */

/* Grosse Desktop-Bildschirme */
@media screen and (min-width: 1500px) {

  .header-inner {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 18px !important;
    min-height: 76px !important;
  }

  /* Logo links */
  .header-inner .site-branding {
    flex: 0 0 auto !important;
  }

  /* Navigation mittig */
  .header-inner .header-nav {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .header-inner .site-navigation {
    width: 100% !important;
    min-width: 0 !important;
  }

  .header-inner .header-navigation.menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
  }

  .header-inner .header-navigation.menu > .menu-item {
    flex: 0 0 auto !important;
  }

  .header-inner .header-navigation.menu > .menu-item > .menu-link {
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  /* Icons rechts */
  .header-inner .header-icons {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: auto !important;
    gap: 14px !important;
  }

}

/* Kleinere Desktop-Fenster:
   Navigation ausblenden und Menuebutton zeigen */
@media screen and (min-width: 992px) and (max-width: 1499px) {

  .header-inner {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    min-height: 76px !important;
  }

  .header-inner .site-branding {
    flex: 0 0 auto !important;
  }

  .header-inner .header-nav {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    order: 0;
  }

  .header-inner .site-navigation {
    display: none !important;
  }

  .header-inner .header-nav .toggle-panel.hidden-desktop {
    display: flex !important;
    align-items: center !important;
    visibility: visible !important;
  }

  .header-inner .header-icons {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: auto !important;
    gap: 14px !important;
  }


/* ==========================================
   ANKERLIEBE | HEADER FEINSCHLIFF
   ========================================== */

/* Grosse Desktop-Bildschirme */
@media screen and (min-width: 1500px) {

  .header-inner {
    gap: 20px !important;
    min-height: 82px !important;
  }

  /* Navigation etwas besser lesbar */
  .header-inner .header-navigation.menu
  > .menu-item > .menu-link {
    font-size: 14px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    white-space: nowrap !important;
  }

  /* Etwas mehr Abstand zu den Icons */
  .header-inner .header-icons {
    margin-left: auto !important;
    gap: 18px !important;
  }

}

/* Kompakter Desktop mit Hamburger-Menue */
@media screen and (min-width: 992px)
and (max-width: 1499px) {

  .header-inner {
    min-height: 80px !important;
  }


/* ==========================================
   ANKERLIEBE | NAVIGATION MITTIG
   ========================================== */

@media screen and (min-width: 1500px) {

  .header-inner {
    position: relative !important;
  }

  .header-inner .header-nav {
    display: flex !important;
    justify-content: center !important;
    min-width: 0 !important;
  }

  .header-inner .site-navigation {
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .header-inner .header-navigation.menu {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
  }

  .header-inner .header-icons {
    margin-left: 0 !important;
  }

}