/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./components/static/MainNavigation/style.css ***!
  \************************************************************************************************************************************************************************************************/
/**
 * Custom Media Queries
 * Works like Custom Properties, except for media queries.
 *
 * @link: https://drafts.csswg.org/mediaqueries-5/#custom-mq
 * @link: https://github.com/postcss/postcss-custom-media
 **/

/* Min-Width */

/* Customize based on project */

/* Max-Width */

/* Customize based on project */

/* Min-Max-Width */

/* Formular-Mixins */

[name='MainNavigation'] {
  display: inline-block;
}

/* Mega panel base styles */

[name='MainNavigation'] .mega-panel {
    position: fixed;
    left: 0;
    right: 0;
    top: var(--header-height);
    background: var(--clr-white);
    box-shadow: 0 44px 20px 10px rgb(0 59 113 / 5%);
    transform: translateY(0);
    opacity: 0;
    pointer-events: none;
    transition:
      transform var(--transition-duration) var(--transition-timing-function),
      opacity var(--transition-duration) var(--transition-timing-function);
    will-change: transform, opacity;
    z-index: 100;
    height: calc(100dvh - var(--header-height));
    overflow-y: auto;
  }

@media screen and (width < 1024px) {

[name='MainNavigation'] .mega-panel {
      margin-inline: calc(var(--container-spacing) * -1)
  }
    }

@media screen and (width >= 1280px) {

[name='MainNavigation'] .mega-panel {
      height: min(calc(100dvh - var(--header-height)), 600px)
  }
    }

[name='MainNavigation'] .mega-panel.show {
      transform: translateY(0px);
      opacity: 1;
      pointer-events: auto;
    }

[name='MainNavigation'] .mega-panel.transitioning {
      /* keep GPU compositing */
    }

[name='MainNavigation'] .mega-panel .mega-inner {
      width: min(
        100% - var(--container-spacing) * 2,
        var(--container-max, 1280px)
      );
      margin-inline: auto;
      padding-block: clamp(24px, 10vw, 48px);
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 64px;
      overflow: hidden;
    }

[name='MainNavigation'] .mega-panel .mega-col {
      min-width: 0;
    }

[name='MainNavigation'] .mega-panel .mega-col > ul {
        padding-block-start: 12px;
      }

[name='MainNavigation'] .mega-panel .mega-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      font: var(--font-label, 600 14px/1.1 var(--ff-base));
      color: var(--clr-text);
      margin: 0;
      padding-inline: clamp(8px, 2vw, 16px);
      font-size: 17px;
      font-style: normal;
      line-height: 150%;
      letter-spacing: 0.85px;
      font-family: var(--ff-heading);
      padding-block-end: 8px;
      position: relative;
    }

[name='MainNavigation'] .mega-panel .mega-title::after {
        content: '';
        position: absolute;
        bottom: -1px;
        height: 1px;
        width: 100vw;
        background-color: var(--clr-border);
      }

/* transition: padding var(--transition-duration) var(--transition-timing-function); */

@media screen and (width >= 1024px) {

[name='MainNavigation'] .mega-panel .mega-title {
        padding-block-end: 12px;
        margin: 0 0 12px
    }
      }

[name='MainNavigation'] .mega-panel .mega-title:first-of-type {
        padding-inline-start: 0;
      }

[name='MainNavigation'] .mega-panel .mega-title:last-of-type {
        padding-inline-end: 0;
      }

[name='MainNavigation'] .mega-panel .mega-title a {
        color: inherit;
        text-decoration: none;
      }

[name='MainNavigation'] .mega-panel .mega-title a:hover,
        [name='MainNavigation'] .mega-panel .mega-title a:focus-visible {
          text-decoration: underline;
        }

[name='MainNavigation'] .mega-panel .mega-title .mega-accordion-toggle {
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        border: 0;
        background: transparent;
        inline-size: 28px;
        block-size: 28px;
        border-radius: 6px;
        position: relative;
        display: none;
      }

/* desktop hidden */

[name='MainNavigation'] .mega-panel .mega-title .mega-accordion-toggle::before {
          content: '';
          position: absolute;
          inset: 50% auto auto 50%;
          translate: -50% -50%;
          width: 12px;
          height: 8px;
          background: currentcolor;
          -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 14 8%27 fill=%27none%27%3E%3Cpath d=%27M1 1L7 6.45135L13 1%27 stroke=%27white%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")
            no-repeat center/contain;
                  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 14 8%27 fill=%27none%27%3E%3Cpath d=%27M1 1L7 6.45135L13 1%27 stroke=%27white%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")
            no-repeat center/contain;
        }

[name='MainNavigation'] .mega-panel .mega-list {
      display: grid;
      gap: 12px;
      align-content: start;
    }

@media screen and (width < 1024px) {

[name='MainNavigation'] .mega-panel .mega-list {
        border-bottom: 1px solid var(--clr-border);
        padding-block-end: 20px
    }
      }

[name='MainNavigation'] .mega-panel .mega-list a {
        color: var(--clr-text, #151515);
        text-decoration: none;
        padding-block: 8px;
        display: inline-block;

        -webkit-hyphenate-limit-after: 4;

        -webkit-hyphenate-limit-before: 4;

        -ms-hyphenate-limit-chars: 10 4 4;

        hyphenate-limit-chars: 10 4 4;

        hyphens: auto;

        overflow-wrap: break-word;

        text-wrap: balance;

        -ms-word-break: break-all;

        word-break: break-word;

        word-wrap: break-word;
      }

[name='MainNavigation'] .mega-panel .mega-list a:hover,
        [name='MainNavigation'] .mega-panel .mega-list a:focus-visible {
          text-decoration: underline;
        }

@media screen and (width < 1024px) {
    [name='MainNavigation'] .mega-panel.hide {
      display: none;
    }
  }

@media screen and (width >= 1024px) {

[name='MainNavigation'] {

    /* Wenn das Mega-Panel aktiv ist, keine klassischen Dropdowns anzeigen */
}
    [name='MainNavigation'] .mega-panel {
      display: block;
    }
    [name='MainNavigation'] .menubar .submenu {
      display: none !important;
    }
  }

/* Accordion behavior up to tablet */

@media screen and (width < 1024px) {
    [name='MainNavigation'] .mega-panel {
      position: static;
      inset: auto;
      transform: none;
      opacity: 1;
      pointer-events: auto;
      box-shadow: none;
    }

      [name='MainNavigation'] .mega-panel .mega-inner {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 8px 0 16px;
      }

      [name='MainNavigation'] .mega-panel .mega-title .mega-accordion-toggle {
        display: inline-block;
      }

      [name='MainNavigation'] .mega-panel .mega-list {
        display: none;
      }
        [name='MainNavigation'] .mega-panel .mega-col.open .mega-title {
          border-color: transparent;
          padding-block-end: 0;
        }

        [name='MainNavigation'] .mega-panel .mega-col.open .mega-list {
          display: grid;
        }
  }

@media (prefers-reduced-motion: reduce) {
    [name='MainNavigation'] .mega-panel {
      transition: none;
    }
  }

@media screen and (width < 1024px) {
    [name='MainNavigation'] .call-to-action {
      margin-block-start: 40px;
    }
      [name='MainNavigation'] .submenu .menu-item {
        padding-block: 0 !important;
      }

        [name='MainNavigation'] .submenu .menu-item span {
          display: inline-block;
          margin-inline-start: 16px;
          width: 100%;
        }
  }

@media screen and (width >= 1024px) {
    [name='MainNavigation'] .call-to-action {
      margin-inline-start: 40px;
    }
  }

[name='MainNavigation'] .menubar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

@media screen and (width < 1024px) {

[name='MainNavigation'] .menubar {
      background: var(--clr-white);
      display: flex;
      flex-flow: column nowrap;
      height: calc(100dvh - var(--header-height));
      inset: 100% 0 100% calc(var(--container-spacing) * -1);
      justify-content: flex-start;
      overflow: hidden auto;
      padding: 16px var(--flow-space) 0;
      position: absolute;
      transition: transform 0.3s cubic-bezier(0.8, 0.5, 0.2, 1);
      width: calc(100% + calc(var(--container-spacing) * 2))
  }

      [name='MainNavigation'] .menubar a {
        outline: unset;
      }

      [name='MainNavigation'] .menubar > li {
        width: 80%;
      }

        [name='MainNavigation'] .menubar > li:has(> a.cta) {
          background-color: var(--clr-primary);
          border-radius: var(--border-radius) var(--border-radius) 0 0;
          left: calc(50% - var(--flow-space) * 2);
          margin-block-start: auto;
          padding-block: 8px;
          width: calc(100% + var(--flow-space) * 2);
        }

          [name='MainNavigation'] .menubar > li:has(> a.cta) a {
            color: var(--clr-white);
            justify-content: center;
          }

      [name='MainNavigation'] .menubar.hide {
        transform: translateX(120%);
      }

      [name='MainNavigation'] .menubar .submenu.hide,
      [name='MainNavigation'] .menubar .submenu[inert] {
        margin-block-start: 0;
      }
    }

@media screen and (width >= 1024px) {
        [name='MainNavigation'] .menubar > li:has(> a.cta) {
          display: none;
        }
    }

[name='MainNavigation'] .menubar li[role='none'].has-children > a.menu-item {
          align-items: center;
          display: flex;
          gap: 16px;
          position: relative;
        }

[name='MainNavigation'] .menubar li[role='none'].has-children > a.menu-item::after {
            background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 14 8%27 fill=%27none%27%3E%3Cpath d=%27M1 1L7 6.45135L13 1%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-size: contain;
            content: '';
            display: inline-block;
            height: 6px;
            transition: background var(--transition-duration)
              var(--transition-timing-function);
            width: 10px;
          }

[name='MainNavigation'] .menubar li[role='none'].has-children > a.menu-item:hover,
          [name='MainNavigation'] .menubar li[role='none'].has-children > a.menu-item:focus-visible,
          [name='MainNavigation'] .menubar li[role='none'].has-children > a.menu-item.active,
          [name='MainNavigation'] .menubar li[role='none'].has-children > a.menu-item:focus-within {
            color: var(--clr-primary);
          }

[name='MainNavigation'] .menubar li[role='none'].has-children > a.menu-item:hover::after, [name='MainNavigation'] .menubar li[role='none'].has-children > a.menu-item:focus-visible::after, [name='MainNavigation'] .menubar li[role='none'].has-children > a.menu-item.active::after, [name='MainNavigation'] .menubar li[role='none'].has-children > a.menu-item:focus-within::after {
              background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 14 8%27 fill=%27none%27%3E%3Cpath d=%27M1 1L7 6.45135L13 1%27 stroke=%27%2300634e%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
            }

@media screen and (width < 1024px) {

[name='MainNavigation'] .menubar li[role='none'].has-children > a.menu-item {
            justify-content: space-between;
            width: 100%
        }

            [name='MainNavigation'] .menubar li[role='none'].has-children > a.menu-item::after {
              content: '';
              height: 8px;
              width: 14px;
            }
          }

[name='MainNavigation'] .menubar li[role='none'] > a.menu-item {
        font-weight: var(--fw-semibold);
        padding-block: 12px;
        padding-inline: 16px;
        width: -moz-fit-content;
        width: fit-content;
        position: relative;
      }

@media screen and (width < 1024px) {

[name='MainNavigation'] .menubar li[role='none'] > a.menu-item {
          display: flex
      }

          [name='MainNavigation'] .menubar li[role='none'] > a.menu-item[aria-expanded='true'] {
            color: var(--clr-primary);
          }

            [name='MainNavigation'] .menubar li[role='none'] > a.menu-item[aria-expanded='true']::after {
              background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 14 8%27 fill=%27none%27%3E%3Cpath d=%27M1 1L7 6.45135L13 1%27 stroke=%27%2300634e%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") !important;
              rotate: 180deg;
            }

          [name='MainNavigation'] .menubar li[role='none'] > a.menu-item:not(.button) {
            width: 100%;
          }
        }

@media screen and (width >= 1024px) {

[name='MainNavigation'] .menubar li[role='none'] > a.menu-item {
          /* Unterstrich-Balken für Desktop */
      }
          [name='MainNavigation'] .menubar li[role='none'] > a.menu-item::before {
            content: '';
            position: absolute;
            bottom: 8px;
            left: 16px;
            right: 16px;
            height: 2px;
            background-color: var(--clr-primary);
            transform: scaleX(0);
            transform-origin: center;
            transition: transform var(--transition-duration)
              var(--transition-timing-function);
          }

          [name='MainNavigation'] .menubar li[role='none'] > a.menu-item:hover::before,
          [name='MainNavigation'] .menubar li[role='none'] > a.menu-item:focus-visible::before,
          [name='MainNavigation'] .menubar li[role='none'] > a.menu-item.active::before,
          [name='MainNavigation'] .menubar li[role='none'] > a.menu-item:focus-within::before {
            transform: scaleX(1);
          }
        }

[name='MainNavigation'] .menubar li[role='none'] > a.menu-item:hover,
        [name='MainNavigation'] .menubar li[role='none'] > a.menu-item:focus-visible,
        [name='MainNavigation'] .menubar li[role='none'] > a.menu-item.active,
        [name='MainNavigation'] .menubar li[role='none'] > a.menu-item:focus-within {
          --clr-link: var(--clr-primary);
        }

[name='MainNavigation'] .menubar li[role='none'] > .submenu {
        background: var(--clr-white);
        display: flex;
        flex-direction: column;
      }

[name='MainNavigation'] .menubar li[role='none'] > .submenu > a.menu-item {
          padding-block: 0;
        }

@media screen and (width < 1024px) {

[name='MainNavigation'] .menubar li[role='none'] > .submenu {
          margin-block-start: 0
      }
        }

@media screen and (width >= 1024px) {

[name='MainNavigation'] .menubar li[role='none'] > .submenu {
          border-radius: 8px;
          box-shadow: 10px 10px 50px 3px rgb(0 59 113 / 10%)
      }
        }

[name='MainNavigation'] .menubar li[role='none'] > .submenu li:not(:last-child) span {
              border-bottom: 1px solid rgba(var(--clr-secondary-muted-rgb), 0.3);
            }

[name='MainNavigation'] .menubar li[role='none'] > .submenu button[aria-expanded],
        [name='MainNavigation'] .menubar li[role='none'] > .submenu a[role='menuitem']:not([class*='button']) {
          display: inline-block;
          width: 100%;
        }

[name='MainNavigation'] .menubar li[role='none'] > .submenu button[aria-expanded] span, [name='MainNavigation'] .menubar li[role='none'] > .submenu a[role='menuitem']:not([class*='button']) span {
            display: inline-block;
            font-weight: var(--fw-regular);
            padding-block: 12px;
            text-wrap: nowrap;
            width: 100%;
          }

[name='MainNavigation'] .menubar li[role='none'] > .submenu.hide,
        [name='MainNavigation'] .menubar li[role='none'] > .submenu[inert] {
          pointer-events: none;
        }

@media screen and (width < 1024px) {
        [name='MainNavigation'] .menubar li[role='none'] .submenu {
          background-color: var(--clr-white);
        }

          [name='MainNavigation'] .menubar li[role='none'] .submenu.hide,
          [name='MainNavigation'] .menubar li[role='none'] .submenu[inert] {
            height: 0;
            overflow: hidden;
          }

          [name='MainNavigation'] .menubar li[role='none'] .submenu.show:not([inert]) {
            height: auto;
          }

          [name='MainNavigation'] .menubar li[role='none'] .submenu span {
            padding-block: 0;
          }
      }

@media screen and (width >= 1024px) {
        [name='MainNavigation'] .menubar li[role='none'] .submenu {
          --size: 16px;

          min-inline-size: 280px;
          opacity: 0;
          position: absolute;
          top: calc(var(--header-height) + 12px);
          transition: opacity var(--transition-duration)
            var(--transition-timing-function);
        }
            [name='MainNavigation'] .menubar li[role='none'] .submenu > li a {
              padding-inline: 24px;
            }

            [name='MainNavigation'] .menubar li[role='none'] .submenu > li:first-child a {
              padding-block: 8px 0;
            }

            [name='MainNavigation'] .menubar li[role='none'] .submenu > li:not(:last-child, :first-child) a {
              padding-block: 0;
            }

            [name='MainNavigation'] .menubar li[role='none'] .submenu > li:last-child a {
              padding-block: 0 8px;
            }

          [name='MainNavigation'] .menubar li[role='none'] .submenu::before {
            --size: 8px;

            background-color: var(--clr-white);
            content: '';
            display: inline-block;
            height: var(--size);
            inset: calc(var(--size) * -0.5) auto auto 15%;
            position: absolute;
            rotate: 45deg;
            width: var(--size);
          }

          [name='MainNavigation'] .menubar li[role='none'] .submenu.show:not([inert]) {
            opacity: 1;
          }
      }

[name='MainNavigation'] .menu-item,
  [name='MainNavigation'] button[aria-expanded] {
    text-decoration: none;
  }

[name='MainNavigation'] .menu-item.current-menu-item,
    [name='MainNavigation'] .menu-item.current_page_parent,
    [name='MainNavigation'] button[aria-expanded].current-menu-item,
    [name='MainNavigation'] button[aria-expanded].current_page_parent {
      color: var(--clr-primary);
    }

@media screen and (width >= 1024px) {

[name='MainNavigation'] .menu-item.current-menu-item,
    [name='MainNavigation'] .menu-item.current_page_parent,
    [name='MainNavigation'] button[aria-expanded].current-menu-item,
    [name='MainNavigation'] button[aria-expanded].current_page_parent {
        /* Unterstrich für aktive Seite */
    }
        [name='MainNavigation'] .menu-item.current-menu-item::before, [name='MainNavigation'] .menu-item.current_page_parent::before, [name='MainNavigation'] button[aria-expanded].current-menu-item::before, [name='MainNavigation'] button[aria-expanded].current_page_parent::before {
          transform: scaleX(1) !important;
        }
      }

[name='MainNavigation'] .menu-item.current-menu-item.menu-item-has-children::after, [name='MainNavigation'] .menu-item.current_page_parent.menu-item-has-children::after, [name='MainNavigation'] button[aria-expanded].current-menu-item.menu-item-has-children::after, [name='MainNavigation'] button[aria-expanded].current_page_parent.menu-item-has-children::after {
          background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 14 8%27 fill=%27none%27%3E%3Cpath d=%27M1 1L7 6.45135L13 1%27 stroke=%27%2300634e%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") !important;
        }

[name='MainNavigation'] ul.socials {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-block-start: 24px;
  }

@media screen and (width >= 1024px) {

[name='MainNavigation'] ul.socials {
      justify-content: flex-start;
      margin-block-start: 0;
      height: 30px
  }
    }

[name='MainNavigation'] ul.socials .icon-wrapper:focus-visible {
        outline: 1px solid var(--clr-text);
        outline-offset: 2px;
      }

[name='MainNavigation'] ul.socials .icon {
      width: 16px;
      height: 16px;
    }

[name='MainNavigation'] .mega-col.cta {
    display: block;
    text-align: center;
  }

@media screen and (width >= 1024px) {

[name='MainNavigation'] .mega-col.cta {
      display: none
  }
    }

[name='MainNavigation'] .mega-col.socials .mega-title {
      height: 0;
      position: absolute;
    }

[name='MainNavigation'] .mega-col.socials ul {
      padding-block-start: 4px;
    }


/*# sourceMappingURL=style.min.css.map*/