{"version":3,"file":"DIKloAuT.js","sources":["../../../../components/Admin/Bar/index.vue","../../../../components/SiteHeader/ClientState/index.vue","../../../../node_modules/nuxt-language-negotiation/dist/runtime/composables/useLanguageLinks.mjs","../../../../components/LanguageSwitcher/index.vue","../../../../composables/useViewport.ts","../../../../components/Navigation/SecondLevel/index.vue","../../../../components/Navigation/FirstLevel/MyPensionFund.vue","../../../../components/Navigation/FirstLevel/index.vue","../../../../components/Navigation/FirstLevel/Search.vue","../../../../components/Navigation/index.vue","../../../../components/SiteHeader/index.vue","../../../../components/DrupalMessages/index.vue","../../../../components/PageFooter/index.vue","../../../../components/CookieBanner/index.vue","../../../../layouts/default.vue"],"sourcesContent":["<template>\n  <div class=\"hidden border-b border-b-gray-100 bg-white md:block\">\n    <VuepalAdminToolbar :key=\"language\" />\n    <div class=\"flex overflow-auto w-full\">\n      <div class=\"py-16 mx-auto flex px-16 w-full justify-between items-center\">\n        <VuepalLocalTasks />\n        <div class=\"flex gap-24 items-center whitespace-nowrap\">\n          <div v-if=\"environment !== 'production'\">\n            <a :href=\"prodUrl\" target=\"_blank\" class=\"link\"\n              >Auf PROD anzeigen</a\n            >\n          </div>\n          <button class=\"link\" @click=\"toggleTextsDebug\">\n            {{ isTextsDebug ? 'Texte anzeigen' : 'Keys anzeigen' }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nconst language = useCurrentLanguage()\nconst route = useRoute()\nconst environment = useRuntimeConfig().public.environment\n\nconst { toggleDebug: toggleTextsDebug, isDebug: isTextsDebug } = useEasyTexts()\n\nconst prodUrl = computed(() => {\n  return 'https://www.publica.ch' + route.path\n})\n</script>\n\n<style lang=\"postcss\">\n.adminbar-colors {\n  @apply flex gap-12;\n  button {\n    @apply h-24 w-24 rounded-full border border-gray-400;\n  }\n}\n[data-route-name='publica_backend.overview'] {\n  .vuepal-admin-toolbar-icon {\n    mask-image: url(/modules/custom/publica_backend/icons/publica-toolbar.svg) !important;\n  }\n}\n\n.vuepal-local-tasks {\n  a {\n    white-space: nowrap;\n  }\n}\n\n.vuepal-admin-toolbar > ul > li:not(:first-child) {\n  .vuepal-admin-toolbar-link {\n    padding-left: 10px;\n    padding-right: 10px;\n\n    @screen lg {\n      padding-left: 15px;\n      padding-right: 15px;\n    }\n  }\n}\n</style>\n","<template>\n  <div\n    v-if=\"employer && pensionFund\"\n    v-click-away=\"close\"\n    class=\"site-header-client-state relative\"\n  >\n    <div class=\"dropdown-trigger flex\">\n      <NuxtLink\n        :to=\"employerUrl\"\n        class=\"button rounded-r-none px-8 py-4 font-condensed font-regular lg:py-8\"\n      >\n        <div class=\"client-state-button-text\">\n          <div class=\"font-bold\">{{ employer.title }}</div>\n          <div>{{ pensionFund.title }}</div>\n        </div>\n      </NuxtLink>\n      <button\n        class=\"button !w-36 items-center justify-center rounded-l-none px-0 py-4\"\n        @click=\"selectorOpen = !selectorOpen\"\n      >\n        <div class=\"icon\" :class=\"{ 'is-active': selectorOpen }\">\n          <SpriteSymbol name=\"nav-arrow-down\" class=\"!m-0\" />\n        </div>\n      </button>\n    </div>\n    <transition name=\"dropdown\">\n      <div v-if=\"selectorOpen\" class=\"dropdown-menu\">\n        <div class=\"dropdown-content\">\n          <div class=\"dropdown-item font-bold\">\n            {{ $texts('myPensionFund', 'My pension fund') }}\n          </div>\n          <DrupalLink\n            v-for=\"(link, index) in employerLinks\"\n            :key=\"index\"\n            :to=\"link.to\"\n            class=\"dropdown-item\"\n            >{{ link.title }}</DrupalLink\n          >\n          <NuxtLink :to=\"employerUrl\" class=\"dropdown-item\">{{\n            $texts('myContactPerson', 'My contact persons')\n          }}</NuxtLink>\n\n          <hr class=\"dropdown-divider\" />\n          <NuxtLink :to=\"changeLink\" class=\"dropdown-item\">{{\n            $texts('changeEmployer', 'Change employer')\n          }}</NuxtLink>\n          <template v-if=\"accessToolbar\">\n            <hr class=\"dropdown-divider\" />\n            <div class=\"dropdown-item\">\n              <button class=\"button is-danger\" @click=\"setEmployerId()\">\n                Kein Arbeitgeber wählen\n              </button>\n              <p class=\"help\">Nur für Redaktion sichtbar</p>\n            </div>\n          </template>\n        </div>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nconst { accessToolbar } = await useDrupalUser()\nconst { employerUrl, setEmployerId, employer, pensionFund, employerLinks } =\n  useVisitorState()\nconst { $texts } = useNuxtApp()\n\nconst selectorOpen = ref(false)\nconst changeLink = computed(() => {\n  return {\n    name: 'choose-employer',\n  }\n})\n\nconst route = useRoute()\n\nwatch(route, () => (selectorOpen.value = false))\n\nfunction close() {\n  selectorOpen.value = false\n}\n</script>\n\n<style lang=\"postcss\">\n.site-header-client-state {\n  @apply ml-auto;\n  min-width: 0;\n\n  .dropdown-trigger {\n    width: 100%;\n    min-width: 0;\n    .control:first-child {\n      min-width: 0;\n      .button {\n        text-align: left;\n        justify-content: space-between;\n        font-weight: normal;\n        padding-left: 0.5rem;\n        width: 100%;\n        @screen md {\n          min-width: 13rem;\n          max-width: calc(100vw - 35rem);\n        }\n        @screen lg {\n          max-width: 24rem;\n        }\n      }\n    }\n    .button {\n      min-width: 0;\n      @apply border-blue-200 bg-blue-100 text-blue-600;\n      &:hover {\n        @apply border-blue-300 bg-blue-200 text-blue-900;\n      }\n      html.has-highlighted-hero.has-highlight-primary & {\n        @apply border-blue-700 bg-blue-800 text-white;\n        &:hover {\n          @apply border-blue-500 bg-blue-700;\n        }\n      }\n      html.has-highlighted-hero.has-highlight-secondary & {\n        @apply border-green-500 bg-green-700 text-white;\n        &:hover {\n          @apply border-green-400 bg-green-800;\n        }\n      }\n    }\n  }\n  .dropdown-menu {\n    @apply absolute left-0 top-full w-full bg-white shadow;\n    .dropdown-item {\n      @apply flex px-12 py-8;\n    }\n    a.dropdown-item {\n      @apply hover:bg-gray-50;\n    }\n    @media (max-width: theme('screens.md')) {\n      left: initial;\n      right: 0;\n      width: calc(100vw - var(--section-gap-h) * 2);\n      max-width: 30rem;\n    }\n  }\n  .button .icon.is-active {\n    transform: rotate(180deg);\n  }\n}\n.client-state-button-text {\n  @apply text-sm;\n  line-height: 1.1;\n  min-width: 0;\n  > div {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n</style>\n","import {\n  useRuntimeConfig,\n  useRoute,\n  useCurrentLanguage,\n  useState,\n  computed\n} from \"#imports\";\nfunction getTo(route, language) {\n  const singleLanguage = route.meta.language;\n  const languageMapping = route.meta.languageMapping;\n  if (singleLanguage) {\n    if (language !== singleLanguage) {\n      return;\n    }\n  }\n  if (languageMapping && languageMapping[language]) {\n    return {\n      path: languageMapping[language]\n    };\n  }\n  const name = (route.name || \"\").toString().split(\"___\")[0];\n  return {\n    name: name + \"___\" + language,\n    language,\n    params: {\n      ...route.params\n    }\n  };\n}\nexport function useLanguageLinks() {\n  const config = useRuntimeConfig().public.languageNegotiation;\n  const availableLanguages = config.availableLanguages;\n  const currentLanguage = useCurrentLanguage();\n  const route = useRoute();\n  const pageLanguageLinksPath = useState(\n    \"pageLanguageLinksPath\",\n    () => \"\"\n  );\n  const pageLanguageLinksLinks = useState(\n    \"pageLanguageLinksLinks\",\n    () => null\n  );\n  const links = computed(() => {\n    if (pageLanguageLinksPath.value && pageLanguageLinksPath.value === route.path && pageLanguageLinksLinks.value) {\n      return Object.keys(pageLanguageLinksLinks.value).map((code) => {\n        return {\n          code,\n          active: code === currentLanguage.value,\n          to: pageLanguageLinksLinks.value[code]\n        };\n      });\n    }\n    const match = route.matched[0];\n    if (!match) {\n      return [];\n    }\n    const matchLanguageMapping = match.meta.languageMapping;\n    if (match.meta.languageMapping && typeof matchLanguageMapping === \"object\" && matchLanguageMapping !== null) {\n      return Object.entries(match.meta.languageMapping).map(([code, to]) => {\n        return {\n          code,\n          active: code === currentLanguage.value,\n          to\n        };\n      });\n    }\n    return availableLanguages.map((code) => {\n      return {\n        code,\n        active: code === currentLanguage.value,\n        to: getTo(route, code)\n      };\n    });\n  });\n  return links;\n}\n","<template>\n  <ul class=\"language-switcher flex\">\n    <li v-for=\"item in linkItems\" :key=\"item.code\">\n      <a\n        v-if=\"item.href\"\n        :href=\"item.href\"\n        :title=\"item.languageLabel\"\n        :class=\"{ 'font-bold': item.active, 'text-white': isWhite }\"\n        >{{ item.code }}</a\n      >\n      <button v-else class=\"\" disabled :title=\"getDisabledTitle(item.code)\">\n        {{ item.code }}\n      </button>\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\" setup>\nconst MISSING_TEXT: Record<string, string> = {\n  fr: \"Cette page n'est pas disponible en français.\",\n  it: 'Questa pagina non è disponibile in italiano.',\n  de: 'Diese Seite ist nicht auf Deutsch verfügbar.',\n  en: 'This page is not available in English.',\n}\n\nconst LANGUAGE_LABEL: Record<string, string> = {\n  de: 'Deutsch',\n  fr: 'Français',\n  it: 'Italiano',\n  en: 'English',\n}\n\ndefineProps<{\n  isWhite?: boolean\n}>()\n\nconst language = useCurrentLanguage()\nconst links = useLanguageLinks()\n\nconst linkItems = computed(() => {\n  return Object.keys(LANGUAGE_LABEL).map((code) => {\n    const matchingLink = links.value.find((v: any) => v.code === code)\n    return {\n      href: matchingLink?.to,\n      code,\n      languageLabel: LANGUAGE_LABEL[code],\n      active: code === language.value,\n    }\n  })\n})\n\nfunction getDisabledTitle(code: string): string {\n  return MISSING_TEXT[code]\n}\n</script>\n\n<style lang=\"postcss\">\n.language-switcher {\n  li {\n    > a,\n    > button {\n      @apply block p-16 uppercase;\n    }\n  }\n}\n</style>\n","import { useWindowSize } from '@vueuse/core'\n\nexport default function () {\n  const { width } = useWindowSize()\n  const isMobile = computed(() => {\n    return import.meta.server || width.value < 1024\n  })\n\n  return { isMobile }\n}\n","<template>\n  <li\n    class=\"navigation-second-level\"\n    :class=\"{ 'has-third-level-links': hasThirdLevelLinks }\"\n  >\n    <DrupalLink :to=\"link.url?.path\">{{ link.label }}</DrupalLink>\n    <ul v-if=\"hasThirdLevelLinks\">\n      <li v-for=\"(item, i) in links\" :key=\"'first_' + i\">\n        <DrupalLink :to=\"item.link?.url?.path\">{{\n          item.link.label\n        }}</DrupalLink>\n      </li>\n    </ul>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { MainMenuLinkTreeSecondFragment } from '#graphql-operations'\n\nconst props = defineProps<{\n  link: MainMenuLinkTreeSecondFragment['link']\n  links: MainMenuLinkTreeSecondFragment['links']\n}>()\n\nconst hasThirdLevelLinks = computed(() => !!props.links.length)\n</script>\n\n<style lang=\"postcss\">\n.navigation-second-level {\n  > a {\n    display: block;\n    &:not(:last-child) {\n      margin-bottom: 1.25rem;\n    }\n    color: white;\n    @apply font-condensed font-bold;\n    @screen md {\n      @apply text-body;\n    }\n  }\n  > ul > li > a {\n    display: block;\n    color: white;\n    @screen md {\n      @apply text-blue-500;\n      display: flex;\n      justify-content: space-between;\n      font-size: 1rem;\n      &:hover {\n        text-decoration: underline;\n        @apply text-blue-800;\n      }\n    }\n    @screen lg {\n      @apply text-lg;\n    }\n  }\n  > ul {\n    display: grid;\n    grid-gap: 0.5rem;\n  }\n}\n.navigation-second-level + .navigation-second-level {\n  @media (max-width: theme('screens.md')) {\n    margin-top: 1rem;\n    padding-top: 1rem;\n    @apply border-t border-t-blue-700;\n  }\n}\n</style>\n","<template>\n  <li class=\"navigation-second-level has-third-level-links is-my-pension-fund\">\n    <template v-if=\"hasSelectedEmployer\">\n      <nuxt-link :to=\"pensionFund?.url?.path\">{{\n        $texts('myPensionFund', 'My pension fund')\n      }}</nuxt-link>\n      <ul>\n        <li v-for=\"link in employerLinks\" :key=\"link.title\">\n          <nuxt-link :to=\"link.to\">{{ link.title }}</nuxt-link>\n        </li>\n      </ul>\n      <NuxtLink\n        :to=\"employerUrl\"\n        class=\"button is-primary has-text-weight-bold mt-4\"\n        >{{ $texts('myContactPerson', 'My contact persons') }}</NuxtLink\n      >\n    </template>\n    <template v-else>\n      <div>\n        {{\n          $texts(\n            'chooseEmployerLead',\n            'Select your employer so that we can show you suitable information and contact persons.',\n          )\n        }}\n        <div>\n          <nuxt-link\n            :to=\"{ name: 'choose-employer' }\"\n            class=\"button is-primary is-fullwidth mt-4\"\n            >{{ $texts('chooseEmployer', 'Choose employer') }}</nuxt-link\n          >\n        </div>\n      </div>\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nconst { employerUrl, hasSelectedEmployer, pensionFund, employerLinks } =\n  useVisitorState()\n</script>\n\n<style lang=\"postcss\">\n.navigation-second-level.is-my-pension-fund {\n  @screen lg {\n    flex: 0 0 var(--navigation-content-addon-width);\n    @apply border border-blue-100 bg-blue-50;\n  }\n}\n</style>\n","<template>\n  <li class=\"navigation-first-level\" :class=\"classes\">\n    <a\n      ref=\"button\"\n      class=\"navigation-first-level-button\"\n      :class=\"{\n        'is-active': isOpen,\n        'has-second-level-menu': hasSecondLevelMenu,\n      }\"\n      :href=\"link.url ? link.url.path : ''\"\n      @click.prevent=\"onClick\"\n    >\n      <span :data-title=\"link.label\">{{ link.label }}</span>\n      <template v-if=\"hasSecondLevelMenu\">\n        <SpriteSymbol class=\"hidden md:block\" name=\"nav-arrow-down\" />\n        <div\n          class=\"flex size-28 items-center justify-center rounded-full text-white transition md:hidden\"\n          :class=\"{ 'rotate-45 bg-white !text-blue-900': isOpen }\"\n        >\n          <SpriteSymbol name=\"plus\" class=\"size-20\" />\n        </div>\n      </template>\n      <div\n        v-else\n        class=\"flex size-28 items-center justify-center rounded-full text-white transition md:hidden\"\n      >\n        <SpriteSymbol name=\"arrow-right\" class=\"size-20\" />\n      </div>\n    </a>\n    <template v-if=\"hasSecondLevelMenu\">\n      <VuepalTransitionHeight\n        :duration=\"transitionDuration\"\n        @after-enter=\"onMobileTransitionFinished\"\n      >\n        <div\n          v-show=\"isOpen\"\n          class=\"navigation-first-level-content\"\n          :class=\"{ 'is-active': isOpen }\"\n        >\n          <div class=\"navigation-first-level-content-inner\">\n            <div class=\"navigation-first-level-title text-2xl hidden md:block\">\n              <nuxt-link\n                :to=\"link.url ? link.url.path : '/'\"\n                class=\"cursor-default font-bold text-gray-900\"\n              >\n                {{ link.label }}\n              </nuxt-link>\n            </div>\n            <ul>\n              <NavigationSecondLevel\n                v-for=\"(item, i) in links\"\n                :key=\"'second_' + i\"\n                v-bind=\"item\"\n              />\n              <ClientOnly>\n                <MyPensionFund v-if=\"isMyPension\" />\n              </ClientOnly>\n            </ul>\n          </div>\n        </div>\n      </VuepalTransitionHeight>\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport MyPensionFund from './MyPensionFund.vue'\nimport type { MainMenuLinkTreeFirstFragment } from '#graphql-operations'\nimport { StaticMenuLink } from '#graphql-operations'\nimport { VuepalTransitionHeight } from '#components'\n\nconst button = ref<HTMLAnchorElement | null>(null)\n\nconst props = defineProps<{\n  link: MainMenuLinkTreeFirstFragment['link']\n  links: MainMenuLinkTreeFirstFragment['links']\n  hasTransition: boolean\n  isOpen: boolean\n}>()\n\nconst emit = defineEmits(['toggle', 'close'])\nconst { isMobile } = useViewport()\n\nconst hasSecondLevelMenu = computed(() => {\n  return props.link.expanded && props.links && props.links.length > 0\n})\nconst transitionDuration = computed(() => {\n  return isMobile.value || props.hasTransition ? 300 : 0\n})\nconst classes = computed<Array<Record<string, any> | string>>(() => {\n  const classes: Array<Record<string, any> | string> = [\n    { 'is-active': props.isOpen },\n  ]\n  if (props.link.staticMenuLink) {\n    classes.push('is-type-' + props.link.staticMenuLink.toLowerCase())\n  }\n  return classes\n})\n\nconst isMyPension = computed(() => {\n  return props.link.staticMenuLink === StaticMenuLink.MY_PENSION\n})\n\nwatch(\n  () => props.isOpen,\n  (isOpen) => {\n    if (isOpen) {\n      document.addEventListener('keyup', onKeyUp)\n    } else {\n      document.removeEventListener('keyup', onKeyUp)\n    }\n  },\n)\n/**\n * On mobile, when the first level's content appear transition finished,\n * it can happen that only the lower part of it are visible in the\n * viewport. This happens when previously another first level item was\n * open and was now closed.\n * We check if this first level link is outside the viewport by a defined\n * amount of pixels. If that is the case, we scroll it into view.\n */\nfunction onMobileTransitionFinished(): void {\n  if (!isMobile.value) {\n    return\n  }\n\n  // Wrap it in a try/catch because this is secondary functionality.\n  try {\n    if (!button.value) {\n      return\n    }\n    const { y } = button.value.getBoundingClientRect()\n    if (y < 40) {\n      button.value.scrollIntoView({ behavior: 'smooth', block: 'start' })\n    }\n  } catch (_e) {}\n}\n\nconst router = useRouter()\n\nfunction onClick(): void {\n  if (hasSecondLevelMenu.value) {\n    emit('toggle')\n    return\n  }\n  if (props.link.url?.path) {\n    emit('close')\n    router.push(props.link.url?.path)\n  }\n}\nfunction handleEscape(): void {\n  emit('close')\n  if (button.value) {\n    button.value.focus()\n  }\n}\n\nfunction onKeyUp(e: KeyboardEvent): void {\n  if (e.key === 'Escape') {\n    e.preventDefault()\n    handleEscape()\n  }\n}\n</script>\n\n<style lang=\"postcss\">\n.navigation-first-level {\n  @media (max-width: theme('screens.md')) {\n    @apply border-b border-b-white/20;\n    transition: 0.5s;\n    &.is-active {\n      @apply bg-blue-900;\n    }\n    &:first-child {\n      @apply border-t border-t-white/20;\n    }\n  }\n  .navigation-first-level-button {\n    @apply font-condensed;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 0.75rem;\n    position: relative;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n    white-space: nowrap;\n    @screen md {\n      height: var(--navigation-height);\n      justify-content: center;\n\n      @apply text-gray-900;\n      span {\n        z-index: 200000;\n      }\n      &.has-second-level-menu {\n        svg {\n          @apply relative h-[1em] w-[1em];\n          z-index: 1000000000;\n          margin-left: 0.25em;\n        }\n        &:after {\n          /* @TODO */\n          /*\n          content: $i-nav-arrow-down;\n          font-family: 'publica-icons' !important;\n          font-weight: normal;\n          font-size: 1.25rem;\n          position: relative;\n          */\n        }\n        &.is-active:after {\n          transform: rotate(180deg);\n        }\n      }\n      &:before {\n        content: '';\n        position: absolute;\n        bottom: -1px;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: white;\n        transform-origin: bottom;\n        z-index: 10000;\n        opacity: 0;\n        @apply border-x;\n      }\n      &:focus {\n        outline: none;\n      }\n      &:hover {\n        @apply text-blue-400;\n      }\n      &.is-active {\n        &:before {\n          opacity: 1;\n        }\n      }\n    }\n    @screen lg {\n      @apply text-lg;\n      padding: 0 1.5rem;\n    }\n\n    @media (max-width: theme('screens.md')) {\n      transition: 0.5s;\n      color: white;\n      @apply text-2xl;\n      padding: 1.25rem 1.5rem;\n      &:after {\n        /* @TODO */\n        /* content: $i-arrow-right; */\n        font-family: 'publica-icons' !important;\n        font-weight: normal;\n        font-size: 1.5rem;\n        position: absolute;\n        top: 50%;\n        right: 1.5rem;\n        transform: translateY(-50%);\n        width: 1.75rem;\n        height: 1.75rem;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 100%;\n        transition: 0.5s;\n        color: white;\n      }\n      &.has-second-level-menu:after {\n        /* content: $i-plus; */\n        /* font-size: 1.125rem; */\n      }\n      &.is-active {\n        &:after {\n          @apply bg-blue-900;\n          background: white;\n          transform: translateY(-50%) rotate(45deg);\n        }\n      }\n    }\n\n    @screen md {\n      span {\n        position: relative;\n        display: inline-block;\n      }\n      /**\n     * On hover the text should become bold. In order to prevent horizontal\n     * layout shift due to changing box width, the hovered state is displayed\n     * via this pseudo element.\n     */\n      span:before {\n        content: attr(data-title);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: inherit;\n        position: absolute;\n        border-radius: 10rem;\n        top: 0;\n        left: 0;\n        right: 0;\n        text-align: center;\n        height: 100%;\n        background: white;\n        padding: inherit;\n        pointer-events: none;\n        user-select: none;\n        opacity: 0;\n        transition: 0.1s;\n        letter-spacing: math.div(-0.5px, 16px) * 1em;\n        white-space: nowrap;\n        @apply font-bold text-blue-700;\n      }\n      &.is-active,\n      &:focus {\n        span:before {\n          opacity: 1;\n        }\n      }\n    }\n  }\n}\n\n.navigation-first-level-content {\n  --navigation-content-padding: 1rem;\n  &.expand-enter-active,\n  &.expand-leave-active {\n    transition-timing-function: cubic-bezier(0.37, 0.22, 0.53, 0.88);\n    overflow: hidden;\n  }\n\n  &.expand-enter,\n  &.expand-leave-to {\n    height: 0;\n  }\n  @media (max-width: theme('screens.md')) {\n    > ul {\n      padding: 0 1.5rem 1rem;\n    }\n  }\n  @screen md {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    width: 100%;\n    background: white;\n    @apply rounded border-t;\n    box-shadow:\n      0px 20px 25px -5px rgba(0, 0, 0, 0.1),\n      0px 10px 10px -5px rgba(0, 0, 0, 0.04);\n\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    --navigation-content-padding: 1.5rem;\n    --navigation-content-addon-width: 20rem;\n  }\n  @screen lg {\n    --navigation-content-padding: 2rem;\n    --navigation-content-addon-width: 25rem;\n  }\n  @screen xl {\n    --navigation-content-padding: 3rem;\n    --navigation-content-addon-width: 28rem;\n  }\n}\n\n.navigation-first-level-content-inner {\n  @media (max-width: theme('screens.md')) {\n    padding: 1rem 1.5rem;\n  }\n  @screen md {\n    > ul {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: space-between;\n      > li {\n        padding: var(--navigation-content-padding);\n      }\n    }\n  }\n}\n\n.first-level-enter-active,\n.first-level-leave-active {\n  transition: 0.2s;\n  transform-origin: top;\n  @screen md {\n    .navigation-first-level-content-inner {\n      transition: inherit;\n    }\n  }\n}\n.first-level-enter,\n.first-level-leave-to {\n  opacity: 0;\n  @screen md {\n    transform: scaleY(0.9);\n    .navigation-first-level-content-inner {\n      transform: translateY(-2rem);\n    }\n  }\n}\n\n@screen md {\n  .navigation-first-level.is-type-my_pension {\n    .navigation-first-level-content-inner {\n      > ul {\n        > li {\n          &:first-child {\n            flex: 1;\n            > ul {\n              display: grid;\n              grid-template-columns: 1fr 1fr;\n            }\n          }\n        }\n      }\n    }\n  }\n  .navigation-first-level.is-type-about {\n    .navigation-first-level-content-inner {\n      > ul {\n        > li {\n          flex: 1;\n          &:last-child {\n            @apply border-t bg-gray-50;\n            flex: 0 0 100%;\n            > ul {\n              grid-template-columns: repeat(5, 1fr);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .navigation-first-level.is-type-investment {\n    .navigation-first-level-content-inner {\n      > ul {\n        > li {\n          &:first-child {\n            grid-column: span 3;\n            > ul {\n              grid-template-columns: 1fr 1fr;\n            }\n          }\n          &:last-child {\n            @apply border border-green-100 bg-green-50;\n            flex: 0 0 var(--navigation-content-addon-width);\n          }\n        }\n      }\n    }\n  }\n\n  .navigation-first-level.is-type-employers {\n    margin-right: auto;\n  }\n  .navigation-first-level.is-type-contact {\n    margin-left: auto;\n  }\n}\n\n.navigation-first-level-title {\n  padding: var(--navigation-content-padding);\n  padding-bottom: 0;\n}\n</style>\n","<template>\n  <li class=\"navigation-first-level is-search\" :class=\"{ 'is-active': isOpen }\">\n    <form\n      class=\"navigation-first-level-search\"\n      :class=\"{ 'is-active': isOpen }\"\n      method=\"get\"\n      :action=\"searchPage\"\n      @submit.prevent=\"submit\"\n    >\n      <div class=\"icon\">\n        <SpriteSymbol name=\"search\" class=\"size-20\" />\n      </div>\n      <input\n        ref=\"input\"\n        v-model=\"searchTerm\"\n        type=\"text\"\n        class=\"navigation-first-level-button w-full\"\n        name=\"searchQuery\"\n        autocomplete=\"off\"\n        :placeholder=\"$texts('search', 'Search')\"\n        @click=\"$emit('open')\"\n      />\n      <input\n        v-if=\"searchTerm\"\n        type=\"submit\"\n        :value=\"$texts('submitSearch', 'Suchen')\"\n        class=\"sr-only\"\n      />\n      <button\n        v-if=\"searchTerm\"\n        type=\"button\"\n        tabindex=\"-1\"\n        :title=\"$texts('clearSearchTerm', 'Clear search term input')\"\n        class=\"delete\"\n        @click.prevent=\"clickDelete\"\n      />\n    </form>\n    <Transition name=\"first-level\">\n      <div\n        v-show=\"showSuggestions\"\n        class=\"navigation-first-level-content is-suggestions\"\n      >\n        <div\n          ref=\"suggestionsElement\"\n          class=\"navigation-search-suggestions\"\n          :class=\"{ 'is-inactive': searchTerm !== suggestionsTerm }\"\n        >\n          <nuxt-link\n            v-for=\"(suggestion, index) in suggestions\"\n            :key=\"index\"\n            :data-index=\"index\"\n            :to=\"getSearchLink(suggestion)\"\n            @keydown.tab.prevent=\"onKeydownTab(index, $event)\"\n          >\n            {{ suggestion }}\n          </nuxt-link>\n        </div>\n      </div>\n    </Transition>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { RouteLocationRaw } from 'vue-router'\nimport { modulo } from '~/helpers'\n\nconst language = useCurrentLanguage()\nconst { dataLayerPush } = useAnalytics()\n\nconst props = defineProps<{\n  isOpen: boolean\n}>()\n\ndefineEmits(['toggle', 'close', 'open'])\n\nconst input = ref<HTMLInputElement | null>(null)\nconst suggestionsElement = ref<HTMLDivElement | null>(null)\nconst searchTerm = ref('')\nconst suggestions = ref<string[]>([])\nconst suggestionsTerm = ref('')\nlet searchTimeout: number | null = null\n\nconst showSuggestions = computed(() => {\n  return props.isOpen && suggestions.value.length > 0 && searchTerm.value\n})\n\nconst searchPage = computed(() => {\n  return `/${language.value}/search`\n})\n\nwatch(searchTerm, function (term) {\n  if (searchTimeout !== null) {\n    clearTimeout(searchTimeout)\n  }\n  if (!term) {\n    return\n  }\n  searchTimeout = window.setTimeout(() => {\n    loadSuggestions(term)\n  }, 100)\n})\n\nconst router = useRouter()\n\nfunction focusInput() {\n  if (!input.value) {\n    return\n  }\n  input.value.focus()\n}\n\nfunction submit() {\n  if (searchTerm.value) {\n    const link = getSearchLink(searchTerm.value)\n    dataLayerPush({\n      event: 'site_search',\n      search_term: searchTerm.value,\n    })\n    router.push(link)\n  }\n}\nfunction clickDelete() {\n  focusInput()\n  searchTerm.value = ''\n}\n\nfunction loadSuggestions(term: string) {\n  useGraphqlQuery(\n    'searchSuggestions',\n    { text: term },\n    {\n      graphqlCaching: {\n        client: true,\n      },\n    },\n  ).then((data) => {\n    if (searchTerm.value === term) {\n      suggestions.value = data.data.suggestions || []\n      suggestionsTerm.value = term\n    }\n  })\n}\n\nfunction getSearchLink(text: string): RouteLocationRaw {\n  return {\n    name: 'search',\n    query: {\n      text,\n    },\n  }\n}\n\nfunction onKeydownTab(index: number, e: KeyboardEvent) {\n  if (!suggestionsElement.value) {\n    return\n  }\n  const elements = [...suggestionsElement.value.querySelectorAll('a')]\n  const total = elements.length\n  if (e.shiftKey) {\n    elements[modulo(index - 1, total)]?.focus()\n  } else {\n    elements[modulo(index + 1, total)]?.focus()\n  }\n}\n</script>\n\n<style lang=\"postcss\">\n.navigation-first-level.is-search {\n  position: relative;\n}\n.navigation-first-level-search {\n  position: relative;\n  z-index: 10;\n\n  @screen md {\n    height: 100%;\n    width: 7rem;\n    transition: 0.5s;\n    border-left: 1px solid transparent;\n    background: transparent;\n    border-radius: 0;\n    html[lang='fr'] & {\n      width: 9rem;\n    }\n    &:not(.is-active) {\n      input {\n        cursor: pointer;\n      }\n    }\n    &.is-active {\n      @apply border-l-gray-300 text-body;\n      width: 20rem !important;\n      input::placeholder {\n        @apply text-gray-400;\n      }\n      button {\n        opacity: 1;\n      }\n    }\n  }\n  @media (max-width: theme('screens.md')) {\n    &.is-active svg {\n      background: white;\n      @apply text-blue-800;\n    }\n  }\n  > .icon {\n    width: 1.75rem;\n    height: 1.75rem;\n    position: absolute;\n    top: 50%;\n    right: 1.5rem;\n    transform: translateY(-50%);\n    z-index: 10;\n    pointer-events: none;\n    padding: 0.25rem;\n    font-size: 1.25rem;\n    @media (max-width: theme('screens.md')) {\n      font-size: 1.5rem;\n      border-radius: 100%;\n      color: white;\n    }\n    @screen md {\n      width: 1.25rem;\n      height: 1.25rem;\n      padding: 0;\n      right: auto;\n      left: 0.75rem;\n    }\n  }\n\n  button {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: 0.75rem;\n    transition: 0.5s;\n    opacity: 0;\n  }\n\n  input.navigation-first-level-button {\n    appearance: none;\n    border: 0;\n    outline: 0;\n    box-shadow: none;\n    width: 100%;\n    padding-right: 1.5rem !important;\n    padding-left: 1.5rem !important;\n    color: inherit;\n    font-weight: inherit;\n    background: transparent;\n    @apply font-condensed;\n    @media (max-width: theme('screens.md')) {\n      color: white;\n      &:focus {\n        @apply bg-blue-800;\n        &::placeholder {\n          color: rgba(white, 0.5);\n        }\n      }\n    }\n    @screen md {\n      padding-left: 2.25rem !important;\n      &:focus {\n        font-weight: bold;\n      }\n    }\n\n    &::placeholder {\n      color: currentColor;\n      transition: 0.4s;\n    }\n  }\n}\n\n.navigation-first-level-content.is-suggestions {\n  @screen md {\n    transform: none;\n    left: auto;\n    right: -1px;\n    width: calc(20rem + 1px);\n  }\n  a {\n    display: block;\n    padding: 0.75rem 1.5rem;\n    @apply text-sm;\n    color: white;\n    @screen md {\n      padding: 0.75rem 1rem;\n      @apply text-blue-500;\n      &:not(:first-child) {\n        @apply border-t border-t-gray-100;\n      }\n    }\n  }\n}\n.navigation-search-suggestions {\n  &.is-inactive {\n    pointer-events: none;\n    a {\n      @apply text-gray-300;\n    }\n  }\n}\n</style>\n","<template>\n  <nav\n    id=\"main-navigation\"\n    tabindex=\"-1\"\n    class=\"navigation\"\n    :class=\"{ 'is-active': firstLevelIsOpen }\"\n    @keydown.left=\"goToLeft\"\n    @keydown.right=\"goToRight\"\n  >\n    <ul ref=\"list\" class=\"navigation-list\">\n      <component\n        :is=\"\n          isSearch(first) ? NavigationFirstLevelSearch : NavigationFirstLevel\n        \"\n        v-for=\"(first, i) in links\"\n        :key=\"'first_' + i\"\n        v-bind=\"first\"\n        ref=\"linkElements\"\n        :is-open=\"modelValue === first.link.label\"\n        :has-transition=\"hasTransition || isMobile\"\n        @toggle=\"onToggle(first.link.label)\"\n        @hover=\"onHover(first.link.label)\"\n        @open=\"setActiveFirstLevel(first.link.label)\"\n        @close=\"setActiveFirstLevel\"\n      />\n    </ul>\n  </nav>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  StaticMenuLink,\n  type MainMenuLinkTreeFirstFragment,\n} from '#graphql-operations'\nimport { NavigationFirstLevel, NavigationFirstLevelSearch } from '#components'\n\nconst linkElements = ref<HTMLDivElement[]>([])\n\nconst data = await useInitData()\n\nconst links = computed(() => data.value.mainMenuLinks)\n\nconst props = defineProps<{\n  modelValue: string\n}>()\n\nconst emit = defineEmits(['update:modelValue'])\n\nconst hasTransition = ref(true)\n\nconst { isMobile } = useViewport()\n\nconst firstLevelIsOpen = computed(() => !!props.modelValue)\n\nconst currentIndex = computed<number>(() => {\n  return links.value?.findIndex((v) => v.link.label === props.modelValue) || -1\n})\n\nwatch(\n  () => props.modelValue,\n  (newValue, oldValue) => {\n    hasTransition.value = (newValue && !oldValue) || !newValue\n  },\n)\n\nfunction openFirstLevel(index: number) {\n  if (!links.value) {\n    return\n  }\n  const targetIndex =\n    index < 0 ? links.value.length - 1 : index % links.value.length\n\n  // @ts-ignore\n  const target = linkElements.value[targetIndex]\n  if (!target) {\n    return\n  }\n\n  const link = target.querySelector('.navigation-first-level-button')\n  if (link && link instanceof HTMLElement) {\n    link.focus()\n  }\n}\n\nfunction goToLeft() {\n  openFirstLevel(currentIndex.value - 1)\n}\nfunction goToRight() {\n  openFirstLevel(currentIndex.value + 1)\n}\nfunction isSearch(item: MainMenuLinkTreeFirstFragment) {\n  return item.link.staticMenuLink === StaticMenuLink.SEARCH\n}\n\nfunction setActiveFirstLevel(label = '') {\n  emit('update:modelValue', label)\n}\n\nfunction onToggle(label: string) {\n  if (props.modelValue === label) {\n    setActiveFirstLevel()\n    return\n  }\n\n  setActiveFirstLevel(label)\n}\nfunction onHover(label: string) {\n  setActiveFirstLevel(label)\n}\n</script>\n\n<style lang=\"postcss\">\n.navigation {\n  @screen md {\n    background: white;\n    transition: 0.4s;\n\n    box-shadow: 0 6px 20px 0 rgb(0 0 0 / 8%);\n\n    height: calc(var(--navigation-height) + 2px);\n    @apply rounded-large;\n\n    &.is-active {\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n      @apply bg-gray-100;\n    }\n  }\n}\n\n.navigation-list {\n  padding-bottom: 5rem;\n  @screen md {\n    padding-bottom: 0;\n    display: flex;\n    position: relative;\n    z-index: 5000;\n    justify-content: space-between;\n  }\n  @screen lg {\n    justify-content: flex-start;\n  }\n}\n</style>\n","<template>\n  <header class=\"site-header\">\n    <div class=\"site-header-inner is-wide container\">\n      <div class=\"site-header-inner-main\">\n        <nuxt-link :to=\"{ name: 'home' }\" class=\"site-header-logo is-block\">\n          <SpriteSymbol name=\"logo\" width=\"165\" height=\"43\" />\n        </nuxt-link>\n        <client-only>\n          <SiteHeaderClientState />\n        </client-only>\n      </div>\n      <transition :name=\"isMobile ? 'mobile-menu' : ''\">\n        <div v-show=\"showAside\" class=\"site-header-inner-aside\">\n          <div class=\"site-header-languages\">\n            <language-switcher />\n          </div>\n          <div class=\"site-header-cta p-20 md:p-0\">\n            <nuxt-link\n              v-if=\"myPublicaLink\"\n              :to=\"myPublicaLink.url?.path\"\n              class=\"button is-primary w-full\"\n            >\n              <div class=\"icon\">\n                <SpriteSymbol name=\"lock\" />\n              </div>\n              <span>{{ myPublicaLink.title }}</span>\n            </nuxt-link>\n          </div>\n          <div class=\"site-header-navigation\">\n            <navigation v-model=\"activeFirstLevel\" />\n          </div>\n        </div>\n      </transition>\n    </div>\n    <div\n      class=\"site-header-burger\"\n      :class=\"{ 'is-active': mobileMenuOpen, 'is-offset': burgerIsOffset }\"\n    >\n      <button\n        class=\"button is-bubble flex !h-50 !w-50 items-center justify-center !p-15\"\n        @click=\"mobileMenuOpen = !mobileMenuOpen\"\n      >\n        <SpriteSymbol name=\"menu\" inline class=\"!m-0\" />\n      </button>\n    </div>\n    <div\n      class=\"site-header-mobile-background md:hidden\"\n      :class=\"{ 'is-active': mobileMenuOpen }\"\n    />\n    <transition name=\"site-header-overlay\">\n      <div\n        v-if=\"!isMobile && activeFirstLevel\"\n        class=\"site-header-overlay\"\n        @click=\"activeFirstLevel = ''\"\n      />\n    </transition>\n  </header>\n</template>\n\n<script lang=\"ts\" setup>\nconst data = await useInitData()\nconst { isMobile } = useViewport()\n\nconst activeFirstLevel = ref('')\nconst mobileMenuOpen = ref(false)\n\nconst showAside = computed(() => {\n  return isMobile.value ? mobileMenuOpen.value : true\n})\n\nconst myPublicaLink = computed(() => data.value.siteConfig.pageMypublica)\n\nconst route = useRoute()\n\nconst burgerIsOffset = ref(false)\n\nfunction isSamsungBrowser(): boolean {\n  return !!navigator.userAgent.match(\n    /SAMSUNG|Samsung|SGH-[I|N|T]|GT-[I|N]|SM-[A|N|P|T|Z]|SHV-E|SCH-[I|J|R|S]|SPH-L/i,\n  )?.length\n}\n\nwatch(\n  () => route.fullPath,\n  () => {\n    if (isMobile.value) {\n      mobileMenuOpen.value = false\n    } else {\n      activeFirstLevel.value = ''\n    }\n  },\n)\n\nonMounted(() => {\n  burgerIsOffset.value = isSamsungBrowser()\n})\n</script>\n\n<style lang=\"postcss\">\n.site-header {\n  z-index: 2000;\n\n  @screen md {\n    @apply px-25 pt-40;\n  }\n}\n.site-header-inner {\n  position: relative;\n  @screen md {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n  }\n}\n\n.site-header-inner-main {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: var(--site-header-height);\n  border-bottom: 1px solid rgba(black, 0.1);\n  .dropdown-menu {\n    z-index: 7000;\n  }\n  html.has-highlighted-hero & {\n    --outline-color: white;\n  }\n  @screen md {\n    justify-content: flex-start;\n    position: absolute;\n    top: 0;\n    height: auto;\n    padding: 0;\n    border-bottom: 0;\n    @apply left-[10px];\n  }\n  @apply lg:left-[14px];\n}\n.site-header-cta {\n  html.has-highlighted-hero & {\n    --outline-color: white;\n  }\n}\n\n.site-header-inner-aside {\n  @media (max-width: theme('screens.md')) {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 4000;\n    padding-top: 1.5rem;\n    overflow: auto;\n  }\n  @apply mobile-only:fixed mobile-only:left-0\n  mobile-only:top-0\n  mobile-only:z-[4000]\n  mobile-only:h-full\n  mobile-only:w-full\n  mobile-only:overflow-auto\n  mobile-only:pt-25;\n\n  @screen md {\n    /* The element can contain a display: none style attribute due to mobile */\n    /* visibility logic. Here we make sure this element is always visible for */\n    /* tablet viewports and upwards. */\n    display: flex !important;\n    flex-wrap: wrap;\n    align-items: center;\n    width: 100%;\n  }\n}\n\n.site-header-logo,\n.site-header-pension-fund,\n.site-header-languages,\n.site-header-navigation,\n.site-header-cta {\n  @screen md {\n    position: relative;\n    z-index: 4000;\n  }\n}\n\n.site-header-cta {\n  @media (max-width: theme('screens.md')) {\n    padding: 1.5rem;\n    .button {\n      width: 100%;\n      background: white;\n      @apply text-blue-700;\n    }\n  }\n  @screen md {\n    .button {\n      html.has-highlighted-hero.has-highlight-secondary & {\n        @apply bg-green-500;\n        color: white;\n        &:hover {\n          @apply bg-green-700;\n        }\n      }\n    }\n  }\n}\n\n.site-header-logo {\n  height: 2rem;\n  width: auto;\n  @apply mr-24;\n  svg {\n    width: auto;\n    height: 100%;\n    display: block;\n    @apply text-blue-400;\n    html.has-highlighted-hero & {\n      @apply text-white;\n    }\n  }\n  @screen md {\n    @apply rounded;\n    height: 3rem;\n    outline-offset: 3px;\n    &:hover {\n      svg path {\n        @apply fill-blue-500;\n      }\n    }\n    svg {\n      /* Manual values for visual alignment that looks good. */\n      height: 43px;\n      margin-top: 3px;\n    }\n  }\n}\n\n.site-header-languages {\n  margin-left: auto;\n  margin-right: 0.25rem;\n  li {\n    &:not(:first-child) {\n      @screen md {\n        margin-left: -0.5rem;\n      }\n    }\n  }\n\n  @media (max-width: theme('screens.md')) {\n    padding: 0 1.5rem;\n    margin-right: 0;\n    .language-switcher {\n      justify-content: space-between;\n      a,\n      div {\n        color: white;\n      }\n    }\n  }\n  html.has-highlighted-hero & {\n    --outline-color: white;\n    a {\n      color: white;\n    }\n  }\n}\n\n.site-header-navigation {\n  @screen md {\n    @apply mt-40;\n    flex: 0 0 100%;\n    z-index: 5000;\n  }\n}\n\n.site-header-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  @apply bg-gray-900/30;\n  z-index: 4990;\n}\n\n.site-header-overlay-enter-active,\n.site-header-overlay-leave-active {\n  transition: 0.5s;\n}\n\n.site-header-overlay-enter-from,\n.site-header-overlay-leave-to {\n  opacity: 0;\n}\n\n.mobile-menu-enter-active {\n  transition: 2.4s;\n  .site-header-languages,\n  .site-header-cta,\n  .navigation-first-level {\n    transition: 0.5s;\n  }\n  .site-header-languages {\n    transition-delay: 0.25s;\n  }\n  .site-header-cta {\n    transition-delay: 0.35s;\n  }\n  .navigation-first-level:nth-child(1) {\n    transition-delay: 0.4s;\n  }\n  .navigation-first-level:nth-child(2) {\n    transition-delay: 0.5s;\n  }\n  .navigation-first-level:nth-child(3) {\n    transition-delay: 0.6s;\n  }\n  .navigation-first-level:nth-child(4) {\n    transition-delay: 0.7s;\n  }\n  .navigation-first-level:nth-child(5) {\n    transition-delay: 0.8s;\n  }\n  .navigation-first-level:nth-child(6) {\n    transition-delay: 0.9s;\n  }\n}\n\n.mobile-menu-leave-active {\n  transition: 0.8s;\n}\n\n.mobile-menu-leave-to {\n  transform: translateY(6rem);\n  opacity: 0;\n}\n\n.mobile-menu-enter-from {\n  transform: translateY(1px);\n  .site-header-languages,\n  .site-header-cta,\n  .navigation-first-level {\n    transform: translateY(1rem);\n    opacity: 0;\n  }\n}\n\n.site-header-burger {\n  position: fixed;\n  bottom: 1.5rem;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 5000;\n  @apply text-blue-500;\n\n  &.is-active {\n    button {\n      @apply bg-blue-900;\n      color: white;\n      transition-delay: 0s;\n      @apply border-blue-700;\n    }\n    #burger-line-1,\n    #burger-line-4 {\n      opacity: 0;\n    }\n    #burger-line-2 {\n      transform: rotate(45deg);\n    }\n    #burger-line-3 {\n      transform: rotate(-45deg);\n    }\n  }\n  &.is-offset {\n    @apply transform-none left-auto right-24;\n  }\n  button {\n    border-color: white !important;\n    transition: 0.5s;\n    outline: none !important;\n    transition-delay: 0.3s;\n    @apply shadow;\n\n    &.is-bubble {\n      height: 65px;\n      width: 65px;\n    }\n  }\n\n  svg {\n    rect {\n      fill: currentColor;\n      transition: 0.4s;\n      transform-origin: center;\n    }\n  }\n  @apply md:hidden;\n}\n\n.site-header-mobile-background {\n  position: fixed;\n  bottom: 1.5rem;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 3000;\n  width: 3rem;\n  height: 3rem;\n  &.is-active {\n    &:before {\n      @apply bg-blue-700;\n      transform: translate(-50%, -50%);\n      transition-delay: 0s;\n    }\n  }\n  &:before {\n    content: '';\n    position: absolute;\n    @apply bg-blue-600;\n    width: calc(200vmax + 5rem);\n    height: calc(200vmax + 5rem);\n    border-radius: 100%;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%) scale(0);\n    transition: 0.5s cubic-bezier(0.68, 0.03, 0.39, 1.15);\n    transition-delay: 0.3s;\n    z-index: -1;\n  }\n}\n</style>\n","<template>\n  <div\n    v-if=\"messages.length\"\n    class=\"fixed left-0 top-0 z-[9999999] w-full p-24 grid gap-24\"\n  >\n    <button\n      v-for=\"(message, i) in messages\"\n      :key=\"i\"\n      class=\"font-bold flex items-center justify-between rounded p-24 w-full shadow-lg md:text-lg group border\"\n      :class=\"classes[message.type]\"\n      @click.prevent=\"removeMessage(i)\"\n    >\n      <div v-html=\"message.message\" />\n      <div\n        class=\"p-4 bg-white/15 rounded-full group-hover:bg-white/70 group-hover:text-gray-800\"\n      >\n        <SpriteSymbol name=\"close\" class=\"size-24 fill-current\" />\n      </div>\n    </button>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { DrupalMessageType } from '~/composables/useDrupalMessages'\n\nconst { messages, removeMessage } = useDrupalMessages()\n\nconst classes: Record<DrupalMessageType, string> = {\n  error: 'text-white bg-red-500 border-red-200',\n  warning: 'text-blue-100 bg-blue-800 border-blue-300',\n  status: 'text-white bg-lime-600 border-lime-300',\n}\n</script>\n","<template>\n  <footer class=\"footer mt-96\">\n    <div class=\"footer-top\">\n      <NuxtLink class=\"hidden md:block\" :to=\"{ name: 'home' }\">\n        <SpriteSymbol name=\"logo-small\" class=\"mx-auto size-50\" />\n      </NuxtLink>\n      <ul class=\"footer-menu\">\n        <li v-for=\"(link, i) in topLinks\" :key=\"'top_' + i\">\n          <nuxt-link :to=\"link.link.url?.path\">{{ link.link.label }}</nuxt-link>\n        </li>\n      </ul>\n\n      <NuxtLink\n        v-if=\"myPublicaLink\"\n        class=\"button is-primary justify-center\"\n        :to=\"myPublicaLink.url?.path\"\n        >{{ myPublicaLink.title }}</NuxtLink\n      >\n      <div class=\"footer-address\">\n        <div>\n          {{ $texts('companyName', 'Pensionskasse des Bundes Publica') }}\n        </div>\n        <div>\n          {{ $texts('footerAddress', 'Eigerstrasse 57, CH–3007 Bern') }}\n        </div>\n      </div>\n      <ul class=\"footer-contact\">\n        <li v-if=\"phoneLink\">\n          <a\n            :href=\"phoneLink.to\"\n            class=\"button is-primary is-bubble\"\n            :title=\"phoneLink.title\"\n          >\n            <SpriteSymbol name=\"phone\" />\n          </a>\n        </li>\n        <li v-if=\"mailLink\">\n          <a\n            :href=\"mailLink.to\"\n            class=\"button is-primary is-bubble\"\n            :title=\"mailLink.title\"\n          >\n            <SpriteSymbol name=\"mail\" />\n          </a>\n        </li>\n        <li v-if=\"linkedInLink\">\n          <a\n            :href=\"linkedInLink.to\"\n            class=\"button is-primary is-bubble\"\n            :title=\"linkedInLink.title\"\n            target=\"_blank\"\n          >\n            <SpriteSymbol name=\"linkedin\" />\n          </a>\n        </li>\n      </ul>\n    </div>\n    <ul class=\"footer-bottom\">\n      <li v-for=\"(link, i) in bottomLinks\" :key=\"i\">\n        <nuxt-link :to=\"link.to\">{{ link.title }}</nuxt-link>\n      </li>\n    </ul>\n  </footer>\n</template>\n\n<script lang=\"ts\" setup>\nimport { nonNullable } from '#vuepal/helpers/type'\nimport type { LinkItem } from '~/types/global'\n\nconst data = await useInitData()\nconst { $texts } = useNuxtApp()\n\nconst bottomLinks = computed(() => {\n  const items = [\n    data.value.siteConfig.pageImprint,\n    data.value.siteConfig.pageTerms,\n    data.value.siteConfig.pagePrivacyPolicy,\n  ].filter(nonNullable)\n  return items.map((v) => {\n    return {\n      to: v.url?.path || '',\n      title: v.title || '',\n    }\n  })\n})\n\nconst topLinks = computed(() => data.value.footerMenuLinks)\n\nconst phoneLink = computed<LinkItem>(() => {\n  const phone = data.value.siteConfig.contactPhone\n  return {\n    title: $texts('phone', 'Phone'),\n    to: 'tel:' + phone,\n  }\n})\n\nconst mailLink = computed<LinkItem>(() => {\n  const email = data.value.siteConfig.contactEmail\n  return {\n    title: $texts('email', 'Email'),\n    to: 'mailto:' + email,\n  }\n})\n\nconst linkedInLink = computed<LinkItem>(() => {\n  const linkedInUrl = data.value.siteConfig.contactLinkedIn?.uri?.path\n  return {\n    title: $texts('linkedin', 'LinkedIn'),\n    to: linkedInUrl,\n  }\n})\n\nconst myPublicaLink = computed(() => {\n  return data.value.siteConfig.pageMypublica\n})\n</script>\n\n<style lang=\"postcss\">\n.footer {\n  @apply text-center text-white;\n  --outline-color: white;\n}\n\n.footer-top {\n  @apply grid bg-blue-800 px-16 py-40;\n  grid-template-columns: 1fr;\n  grid-template-rows: auto auto auto;\n  grid-gap: 2rem 1rem;\n  > svg {\n    margin: 0 auto;\n  }\n  @apply md:py-50 lg:py-80;\n  @screen md {\n    grid-template-columns: auto;\n    justify-content: center;\n  }\n\n  @apply mobile-only:pt-0;\n\n  @media (max-width: theme('screens.md')) {\n    padding-top: 0;\n    > .button {\n      grid-row: 2;\n      border-radius: 10rem;\n      /* grid-column: 2; */\n    }\n    .footer-address {\n      grid-column: 1 / 3;\n    }\n    .footer-contact {\n      grid-row: 2;\n    }\n\n    .footer-menu {\n      grid-column: 1 / 3;\n      grid-row: 1;\n      text-align: left;\n      @apply -mx-16;\n      li {\n        @apply border-b border-b-blue-600;\n      }\n    }\n  }\n}\n\n.footer-bottom {\n  display: flex;\n  overflow: auto;\n  padding-bottom: 5rem;\n  @apply bg-blue-900;\n  @screen md {\n    justify-content: center;\n    padding-bottom: 0;\n    overflow: visible;\n  }\n  a {\n    color: white;\n    display: block;\n    padding: 1rem;\n    white-space: nowrap;\n  }\n}\n\n.footer-menu {\n  a {\n    color: white;\n    display: block;\n    padding: 0.5rem 1rem;\n    outline-offset: -2px;\n    @apply rounded;\n    @media (max-width: theme('screens.md')) {\n      padding: 1rem;\n      white-space: nowrap;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      &:after {\n        /* @TODO */\n        /* @include icon($i-arrow-right); */\n        line-height: 1;\n        font-size: 1.5em;\n      }\n    }\n  }\n  @screen lg {\n    @apply font-condensed text-3xl;\n  }\n}\n\n.footer-contact {\n  display: flex;\n  justify-content: center;\n  > li {\n    &:not(:first-child) {\n      margin-left: 1rem;\n    }\n  }\n}\n</style>\n","<template>\n  <div v-if=\"text && showCookieBanner\" class=\"cookie-banner\">\n    <div class=\"is-wide container flex items-center gap-16 py-24\">\n      <div class=\"ck-content flex-1\" v-html=\"text\" />\n      <div>\n        <button\n          class=\"button is-primary\"\n          @click.prevent=\"showCookieBanner = false\"\n        >\n          {{ $texts('close', 'Close') }}\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useLocalStorage } from '@vueuse/core'\n\nconst showCookieBanner = useLocalStorage<boolean>('show_cookie_banner', true)\n\nconst { data: text } = await useLazyAsyncData(() =>\n  useGraphqlQuery('cookieBanner', null, {\n    graphqlCaching: {\n      client: true,\n    },\n  }).then((v) => v.data.siteConfig?.paragraph?.body),\n)\n</script>\n\n<style lang=\"postcss\">\n.cookie-banner {\n  @apply sticky bottom-0 left-0 z-[99999] w-full bg-white shadow-elevated;\n  .section {\n    @apply py-15;\n  }\n}\n\n.cookie-banner-inner {\n  .button {\n    @apply mobile-only:mt-15 mobile-only:w-full;\n  }\n  @screen md {\n    @apply flex items-center justify-between;\n  }\n}\n</style>\n","<template>\n  <div>\n    <ClientOnly>\n      <AdminBar v-if=\"accessToolbar && !isEditing\" />\n    </ClientOnly>\n\n    <div class=\"relative\">\n      <div class=\"bg-hero\">\n        <NuxtPageDependency>\n          <SiteHeader />\n          <Breadcrumb v-if=\"showBreadcrumb\" :links=\"breadcrumb\" />\n        </NuxtPageDependency>\n      </div>\n\n      <div>\n        <ClientOnly>\n          <DrupalMessages v-if=\"!isEditing\" />\n        </ClientOnly>\n        <div>\n          <slot />\n        </div>\n      </div>\n    </div>\n    <PageFooter />\n    <ClientOnly>\n      <CookieBanner />\n    </ClientOnly>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nconst route = useRoute()\nconst { accessToolbar } = await useDrupalUser()\nconst breadcrumb = useBreadcrumbLinks()\n\nconst isEditing = computed(\n  () => !!(route.query.blokkliEditing || route.query.blokkliPreview),\n)\n\nconst showBreadcrumb = computed(() => route.meta.hideBreadcrumb !== true)\n</script>\n"],"names":["language","useCurrentLanguage","route","useRoute","environment","useRuntimeConfig","toggleTextsDebug","isTextsDebug","useEasyTexts","prodUrl","computed","accessToolbar","__temp","__restore","_withAsyncContext","useDrupalUser","employerUrl","setEmployerId","employer","pensionFund","employerLinks","useVisitorState","$texts","useNuxtApp","selectorOpen","ref","changeLink","watch","close","getTo","singleLanguage","languageMapping","useLanguageLinks","availableLanguages","currentLanguage","pageLanguageLinksPath","useState","pageLanguageLinksLinks","code","match","matchLanguageMapping","to","MISSING_TEXT","LANGUAGE_LABEL","links","linkItems","matchingLink","v","getDisabledTitle","useViewport","width","useWindowSize","props","__props","hasThirdLevelLinks","hasSelectedEmployer","button","emit","__emit","isMobile","hasSecondLevelMenu","transitionDuration","classes","isMyPension","StaticMenuLink","isOpen","onKeyUp","onMobileTransitionFinished","y","router","useRouter","onClick","_a","_b","handleEscape","e","dataLayerPush","useAnalytics","input","suggestionsElement","searchTerm","suggestions","suggestionsTerm","searchTimeout","showSuggestions","searchPage","term","loadSuggestions","focusInput","submit","link","getSearchLink","clickDelete","useGraphqlQuery","data","text","onKeydownTab","index","elements","total","modulo","linkElements","useInitData","hasTransition","firstLevelIsOpen","currentIndex","newValue","oldValue","openFirstLevel","targetIndex","target","goToLeft","goToRight","isSearch","item","setActiveFirstLevel","label","onToggle","onHover","activeFirstLevel","mobileMenuOpen","showAside","myPublicaLink","burgerIsOffset","isSamsungBrowser","onMounted","messages","removeMessage","useDrupalMessages","bottomLinks","nonNullable","topLinks","phoneLink","phone","mailLink","email","linkedInLink","linkedInUrl","showCookieBanner","useLocalStorage","useLazyAsyncData","breadcrumb","useBreadcrumbLinks","isEditing","showBreadcrumb"],"mappings":"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","x_google_ignoreList":[2]}