@mirweb/mir-web-components 1.10.0 → 1.11.0

package/dist/mir-web-components.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as g, computed as q, openBlock as s, createElementBlock as i, normalizeClass as h, toDisplayString as c, createElementVNode as t, renderSlot as d, pushScopeId as H, popScopeId as R, createTextVNode as J, ref as C, resolveDirective as _e, withDirectives as K, Fragment as V, renderList as P, vShow as Z, normalizeProps as O, guardReactiveProps as z, toRefs as Se, mergeProps as F, createVNode as S, Transition as Ie, withCtx as y, withModifiers as he, createBlock as T, createCommentVNode as _, watchEffect as pe, withKeys as Ce, useSlots as Te, normalizeStyle as ee, isRef as x, unref as I, onMounted as me, watch as Q, onUnmounted as qe } from "vue";
-const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
+import { defineComponent as b, computed as q, openBlock as s, createElementBlock as i, normalizeClass as h, toDisplayString as c, createElementVNode as t, renderSlot as d, pushScopeId as N, popScopeId as E, createTextVNode as Y, ref as C, resolveDirective as he, withDirectives as K, Fragment as V, renderList as P, vShow as W, normalizeProps as H, guardReactiveProps as R, toRefs as Se, mergeProps as F, createVNode as I, Transition as Ie, withCtx as k, withModifiers as ue, createBlock as T, createCommentVNode as _, watchEffect as pe, withKeys as Ce, useSlots as Te, normalizeStyle as x, isRef as X, unref as y, onMounted as me, watch as Z, onUnmounted as qe } from "vue";
+const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
   __name: "button",
   props: {
     variant: { default: "primary" },
@@ -20,12 +20,12 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       "aria-label": o.ariaLabel
     }, c(l.value === "close" ? "" : o.buttonText), 11, Ae));
   }
-}), v = (e, a) => {
+}), g = (e, a) => {
   const r = e.__vccOpts || e;
   for (const [l, o] of a)
     r[l] = o;
   return r;
-}, se = /* @__PURE__ */ v(Le, [["__scopeId", "data-v-f61b579c"]]), De = (e) => (H("data-v-d8d77aaf"), e = e(), R(), e), Ve = ["id", "name", "value", "disabled", "required", "checked"], Pe = ["for"], Fe = /* @__PURE__ */ De(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Me = /* @__PURE__ */ g({
+}, ie = /* @__PURE__ */ g(Le, [["__scopeId", "data-v-f61b579c"]]), De = (e) => (N("data-v-d8d77aaf"), e = e(), E(), e), Ve = ["id", "name", "value", "disabled", "required", "checked"], Pe = ["for"], Fe = /* @__PURE__ */ De(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Me = /* @__PURE__ */ b({
   __name: "checkbox",
   props: {
     name: { default: "checkbox" },
@@ -64,11 +64,11 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       ], 10, Pe)
     ], 2));
   }
-}), fe = /* @__PURE__ */ v(Me, [["__scopeId", "data-v-d8d77aaf"]]), Oe = (e) => (H("data-v-2e1e44c1"), e = e(), R(), e), ze = ["aria-label"], He = /* @__PURE__ */ Oe(() => /* @__PURE__ */ t("img", {
+}), fe = /* @__PURE__ */ g(Me, [["__scopeId", "data-v-d8d77aaf"]]), Oe = (e) => (N("data-v-2e1e44c1"), e = e(), E(), e), ze = ["aria-label"], He = /* @__PURE__ */ Oe(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
   alt: "close",
   class: "close-icon"
-}, null, -1)), Re = /* @__PURE__ */ g({
+}, null, -1)), Re = /* @__PURE__ */ b({
   __name: "chip",
   props: {
     text: { default: "" }
@@ -84,12 +84,12 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
         class: "chip",
         "aria-label": r.value
       }, [
-        J(c(l.text) + " ", 1),
+        Y(c(l.text) + " ", 1),
         He
       ], 8, ze)
     ]));
   }
-}), Ne = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-2e1e44c1"]]), Ee = ["value"], je = ["id"], Ge = { class: "listbox__dropdown" }, Ke = ["id", "aria-labelledby", "aria-disabled"], Ue = ["aria-labelledby", "aria-activedescendant"], Je = ["aria-selected", "data-value"], We = /* @__PURE__ */ g({
+}), Ne = /* @__PURE__ */ g(Re, [["__scopeId", "data-v-2e1e44c1"]]), Ee = ["value"], je = ["id"], Ge = { class: "listbox__dropdown" }, Ke = ["id", "aria-labelledby", "aria-disabled"], Ue = ["aria-labelledby", "aria-activedescendant"], Je = ["aria-selected", "data-value"], We = /* @__PURE__ */ b({
   __name: "dropdown",
   props: {
     modelValue: {},
@@ -107,9 +107,9 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
     const r = {
       primary: "dropdown-dark-bg-primary",
       dark: "dropdown-dark dropdown-dark-bg-dark"
-    }, l = e, o = q(() => r[l.variant]), u = C(null), p = C(null), n = C([]), b = C(0), f = C(""), k = C(!0), w = C(0), ae = a, re = q(() => {
+    }, l = e, o = q(() => r[l.variant]), u = C(null), p = C(null), n = C([]), v = C(0), f = C(""), $ = C(!0), B = C(0), ae = a, oe = q(() => {
       const m = l.options.find(
-        (B) => B.value === l.modelValue
+        (S) => S.value === l.modelValue
       );
       return m && m.label;
     });
@@ -118,26 +118,26 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
     }
     function de(m) {
       var A;
-      const B = m.target;
-      B.getAttribute("role") === "option" && (W(B), le(), (A = u.value) == null || A.focus());
+      const S = m.target;
+      S.getAttribute("role") === "option" && (J(S), se(), (A = u.value) == null || A.focus());
     }
     function U(m) {
       var A;
-      const B = m.key;
-      switch (B) {
+      const S = m.key;
+      switch (S) {
         case "ArrowUp":
         case "ArrowDown": {
           m.preventDefault();
           const D = l.options.findIndex(
-            (Y) => Y.value === l.modelValue
+            (Q) => Q.value === l.modelValue
           );
-          let N = D ? n.value[D] : n.value[0];
-          B === "ArrowUp" ? D - 1 >= 0 && (N = n.value[D - 1]) : D + 1 <= l.options.length && (N = n.value[D + 1]), N && W(N);
+          let G = D ? n.value[D] : n.value[0];
+          S === "ArrowUp" ? D - 1 >= 0 && (G = n.value[D - 1]) : D + 1 <= l.options.length && (G = n.value[D + 1]), G && J(G);
           break;
         }
         case "Home":
         case "PageUp":
-          m.preventDefault(), E();
+          m.preventDefault(), z();
           break;
         case "End":
         case "PageDown":
@@ -145,87 +145,87 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
           break;
         case "Enter":
         case "Escape":
-          m.preventDefault(), le(), (A = u.value) == null || A.focus();
+          m.preventDefault(), se(), (A = u.value) == null || A.focus();
           break;
         default: {
-          const D = j(B);
-          D && W(D);
+          const D = j(S);
+          D && J(D);
           break;
         }
       }
     }
-    function oe(m) {
+    function le(m) {
       if (!l.disabled)
         switch (m.key) {
           case "ArrowUp":
           case "ArrowDown":
-            m.preventDefault(), ue(), U(m);
+            m.preventDefault(), _e(), U(m);
             break;
         }
     }
     function ce(m) {
       m && m.removeAttribute("aria-selected");
     }
-    function $() {
-      b.value && (clearTimeout(b.value), b.value = 0), b.value = setTimeout(() => {
-        f.value = "", b.value = 0;
+    function w() {
+      v.value && (clearTimeout(v.value), v.value = 0), v.value = setTimeout(() => {
+        f.value = "", v.value = 0;
       }, 500);
     }
     function j(m) {
-      let B = "";
-      (f.value === "" || B !== m) && (w.value = l.options.findIndex(
+      let S = "";
+      (f.value === "" || S !== m) && (B.value = l.options.findIndex(
         (D) => D.value === l.modelValue
-      )), f.value = B === m ? m : f.value + m, B = m, $();
-      let A = G(
-        w.value + 1,
+      )), f.value = S === m ? m : f.value + m, S = m, w();
+      let A = O(
+        B.value + 1,
         l.options.length
       );
-      return !A && f.value.length === 1 && (A = G(0, w.value)), w.value = (w.value + 1) % l.options.length, A;
+      return !A && f.value.length === 1 && (A = O(0, B.value)), B.value = (B.value + 1) % l.options.length, A;
     }
-    function G(m, B) {
-      for (let A = m; A < B; A++)
+    function O(m, S) {
+      for (let A = m; A < S; A++)
         if (l.options[A].label && l.options[A].label.toUpperCase().indexOf(f.value.toUpperCase()) === 0)
           return n.value[A];
       return null;
     }
-    function E() {
-      W(n.value[0]);
+    function z() {
+      J(n.value[0]);
     }
-    function W(m) {
+    function J(m) {
       var A, D;
-      const B = m.getAttribute("data-value");
+      const S = m.getAttribute("data-value");
       if (l.modelValue) {
-        const N = l.options.findIndex(
+        const G = l.options.findIndex(
           (Be) => Be.value === l.modelValue
-        ), Y = n.value[N];
-        ce(Y);
+        ), Q = n.value[G];
+        ce(Q);
       }
       if (m.setAttribute("aria-selected", "true"), (A = p.value) == null || A.setAttribute(
         "aria-activedescendant",
-        B || ""
-      ), ne(B || ""), p.value && p.value.scrollHeight > p.value.clientHeight) {
-        const N = p.value.clientHeight + p.value.scrollTop, Y = m.offsetTop + m.offsetHeight;
-        Y > N ? p.value.scrollTop = Y - ((D = p.value) == null ? void 0 : D.clientHeight) : m.offsetTop < p.value.scrollTop && (p.value.scrollTop = m.offsetTop);
+        S || ""
+      ), ne(S || ""), p.value && p.value.scrollHeight > p.value.clientHeight) {
+        const G = p.value.clientHeight + p.value.scrollTop, Q = m.offsetTop + m.offsetHeight;
+        Q > G ? p.value.scrollTop = Q - ((D = p.value) == null ? void 0 : D.clientHeight) : m.offsetTop < p.value.scrollTop && (p.value.scrollTop = m.offsetTop);
       }
     }
     function $e() {
-      var B;
-      const m = (B = n.value) == null ? void 0 : B[l.options.length - 1];
-      W(m);
+      var S;
+      const m = (S = n.value) == null ? void 0 : S[l.options.length - 1];
+      J(m);
     }
-    function le() {
+    function se() {
       var m;
-      k.value = !0, (m = u.value) == null || m.removeAttribute("aria-expanded");
+      $.value = !0, (m = u.value) == null || m.removeAttribute("aria-expanded");
     }
-    function ue() {
-      var m, B;
-      k.value = !1, (m = u.value) == null || m.setAttribute("aria-expanded", "true"), (B = p.value) == null || B.focus();
+    function _e() {
+      var m, S;
+      $.value = !1, (m = u.value) == null || m.setAttribute("aria-expanded", "true"), (S = p.value) == null || S.focus();
     }
     function we() {
-      l.disabled || (k.value ? ue() : le());
+      l.disabled || ($.value ? _e() : se());
     }
-    return (m, B) => {
-      const A = _e("click-outside");
+    return (m, S) => {
+      const A = he("click-outside");
       return s(), i("div", {
         ref: "listbox",
         class: "listbox__wrapper",
@@ -250,8 +250,8 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
             "aria-disabled": m.disabled,
             class: h(["listbox__button", o.value]),
             onClick: we,
-            onKeydown: oe
-          }, c(m.modelValue ? re.value : m.placeholder), 43, Ke),
+            onKeydown: le
+          }, c(m.modelValue ? oe.value : m.placeholder), 43, Ke),
           K(t("ul", {
             ref_key: "listboxNode",
             ref: p,
@@ -263,8 +263,8 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
             onKeydown: U,
             onClick: de
           }, [
-            (s(!0), i(V, null, P(m.options, (D, N) => (s(), i("li", {
-              key: `${m.name}-option-${N}`,
+            (s(!0), i(V, null, P(m.options, (D, G) => (s(), i("li", {
+              key: `${m.name}-option-${G}`,
               ref_for: !0,
               ref_key: "listboxOptions",
               ref: n,
@@ -274,15 +274,15 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
               role: "option"
             }, c(D.label), 9, Je))), 128))
           ], 40, Ue), [
-            [Z, !k.value]
+            [W, !$.value]
           ])
         ])), [
-          [A, le]
+          [A, se]
         ])
       ], 8, Ee);
     };
   }
-}), Ye = /* @__PURE__ */ v(We, [["__scopeId", "data-v-a17afd8c"]]), Qe = { class: "image__wrapper" }, Ze = /* @__PURE__ */ g({
+}), Ye = /* @__PURE__ */ g(We, [["__scopeId", "data-v-a17afd8c"]]), Qe = { class: "image__wrapper" }, Ze = /* @__PURE__ */ b({
   __name: "image",
   props: {
     src: { default: void 0 },
@@ -295,10 +295,10 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
   },
   setup(e) {
     return (a, r) => (s(), i("div", Qe, [
-      d(a.$slots, "default", O(z(a.$attrs)))
+      d(a.$slots, "default", H(R(a.$attrs)))
     ]));
   }
-}), M = /* @__PURE__ */ v(Ze, [["__scopeId", "data-v-4f7fe350"]]), Xe = { class: "label__wrapper" }, xe = ["aria-label", "label-dark"], et = /* @__PURE__ */ g({
+}), M = /* @__PURE__ */ g(Ze, [["__scopeId", "data-v-4f7fe350"]]), Xe = { class: "label__wrapper" }, xe = ["aria-label", "label-dark"], et = /* @__PURE__ */ b({
   __name: "label",
   props: {
     text: {},
@@ -314,7 +314,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       }, c(l.text), 11, xe)
     ]));
   }
-}), X = /* @__PURE__ */ v(et, [["__scopeId", "data-v-7d9d3a8a"]]), tt = { class: "link__wrapper" }, L = /* @__PURE__ */ g({
+}), ee = /* @__PURE__ */ g(et, [["__scopeId", "data-v-7d9d3a8a"]]), tt = { class: "link__wrapper" }, L = /* @__PURE__ */ b({
   __name: "link",
   props: {
     linkType: { default: "regular" },
@@ -340,7 +340,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       const { ...n } = Se(l);
       return n;
     });
-    return (n, b) => (s(), i("div", tt, [
+    return (n, v) => (s(), i("div", tt, [
       t("div", F(p.value, {
         class: ["mir-link", [
           o.value,
@@ -353,7 +353,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       ], 16)
     ]));
   }
-}), at = (e) => (H("data-v-60c6ff7e"), e = e(), R(), e), ot = ["id", "name", "value", "checked", "disabled", "required"], lt = ["for"], st = /* @__PURE__ */ at(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), it = /* @__PURE__ */ g({
+}), at = (e) => (N("data-v-60c6ff7e"), e = e(), E(), e), ot = ["id", "name", "value", "checked", "disabled", "required"], lt = ["for"], st = /* @__PURE__ */ at(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), it = /* @__PURE__ */ b({
   __name: "radio-button",
   props: {
     name: { default: "radio" },
@@ -392,7 +392,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       ], 10, lt)
     ], 2));
   }
-}), rt = /* @__PURE__ */ v(it, [["__scopeId", "data-v-60c6ff7e"]]), nt = { class: "select__wrapper" }, dt = ["for"], ct = ["id", "disabled", "name", "value"], ut = ["value"], _t = /* @__PURE__ */ g({
+}), rt = /* @__PURE__ */ g(it, [["__scopeId", "data-v-60c6ff7e"]]), nt = { class: "select__wrapper" }, dt = ["for"], ct = ["id", "disabled", "name", "value"], ut = ["value"], _t = /* @__PURE__ */ b({
   __name: "select",
   props: {
     id: {},
@@ -427,7 +427,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       ], 42, ct)
     ]));
   }
-}), ht = /* @__PURE__ */ v(_t, [["__scopeId", "data-v-d5c46463"]]), pt = { class: "modal__wrapper" }, mt = /* @__PURE__ */ g({
+}), ht = /* @__PURE__ */ g(_t, [["__scopeId", "data-v-d5c46463"]]), pt = { class: "modal__wrapper" }, mt = /* @__PURE__ */ b({
   __name: "modal",
   props: {
     show: { type: Boolean, default: !1 },
@@ -439,11 +439,11 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       l("update:show", !r.show);
     };
     return (u, p) => (s(), i("div", pt, [
-      S(Ie, {
+      I(Ie, {
         duration: 300,
         name: "nested"
       }, {
-        default: y(() => [
+        default: k(() => [
           K(t("dialog", {
             class: h(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
             ariaLabel: "modal",
@@ -453,11 +453,11 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
             t("div", {
               id: "modal",
               class: h([u.searchBar ? "search" : ""]),
-              onClick: p[0] || (p[0] = he(() => {
+              onClick: p[0] || (p[0] = ue(() => {
               }, ["stop"]))
             }, [
               t("div", null, [
-                u.searchBar ? _("", !0) : (s(), T(se, {
+                u.searchBar ? _("", !0) : (s(), T(ie, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
@@ -467,14 +467,14 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
               d(u.$slots, "default", {}, void 0, !0)
             ], 2)
           ], 2), [
-            [Z, u.show]
+            [W, u.show]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), ve = /* @__PURE__ */ v(mt, [["__scopeId", "data-v-0c868c23"]]), ft = { class: "slider__wrapper" }, vt = { class: "slider__label" }, gt = ["for"], bt = ["aria-label"], yt = { class: "slider__content" }, kt = ["id", "name", "value", "min", "step", "max"], $t = { class: "modal-information" }, wt = /* @__PURE__ */ g({
+}), ve = /* @__PURE__ */ g(mt, [["__scopeId", "data-v-0c868c23"]]), ft = { class: "slider__wrapper" }, vt = { class: "slider__label" }, gt = ["for"], bt = ["aria-label"], kt = { class: "slider__content" }, yt = ["id", "name", "value", "min", "step", "max"], $t = { class: "modal-information" }, wt = /* @__PURE__ */ b({
   __name: "slider",
   props: {
     label: {},
@@ -490,18 +490,18 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const r = e, l = a, o = C(r.modelValue), u = C(), p = C(!1), n = (f, k, w) => (f - k) / (w - k) * 100, b = (f) => {
-      var k;
-      (k = u.value) == null || k.style.setProperty("--ProgressPercent", `${f}%`);
+    const r = e, l = a, o = C(r.modelValue), u = C(), p = C(!1), n = (f, $, B) => (f - $) / (B - $) * 100, v = (f) => {
+      var $;
+      ($ = u.value) == null || $.style.setProperty("--ProgressPercent", `${f}%`);
     };
     return pe(() => {
       if (u.value) {
         l("update:modelValue", o.value);
         const f = n(o.value, r.min, r.max);
-        let k = (50 - f) / 100;
-        b(f + k);
+        let $ = (50 - f) / 100;
+        v(f + $);
       }
-    }), (f, k) => (s(), i("div", null, [
+    }), (f, $) => (s(), i("div", null, [
       t("div", ft, [
         t("div", vt, [
           t("label", {
@@ -515,11 +515,11 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
             "aria-label": f.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog",
-            onClick: k[0] || (k[0] = (w) => p.value = !p.value),
-            onKeyup: k[1] || (k[1] = Ce((w) => p.value = !p.value, ["enter"]))
+            onClick: $[0] || ($[0] = (B) => p.value = !p.value),
+            onKeyup: $[1] || ($[1] = Ce((B) => p.value = !p.value, ["enter"]))
           }, null, 42, bt)) : _("", !0)
         ]),
-        t("div", yt, [
+        t("div", kt, [
           t("span", {
             class: h([f.variant, "slider__minmax"])
           }, c(f.min), 3),
@@ -534,8 +534,8 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
             step: f.step,
             max: f.max,
             class: h(f.variant),
-            onInput: k[2] || (k[2] = ({ target: w }) => o.value = parseFloat(w.value))
-          }, null, 42, kt),
+            onInput: $[2] || ($[2] = ({ target: B }) => o.value = parseFloat(B.value))
+          }, null, 42, yt),
           t("span", {
             class: h([f.variant, "slider__minmax"])
           }, c(f.max), 3)
@@ -547,16 +547,16 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       f.information ? (s(), T(ve, {
         key: 0,
         show: p.value,
-        "onUpdate:show": k[3] || (k[3] = (w) => p.value = w)
+        "onUpdate:show": $[3] || ($[3] = (B) => p.value = B)
       }, {
-        default: y(() => [
+        default: k(() => [
           t("p", $t, c(f.information), 1)
         ]),
         _: 1
       }, 8, ["show"])) : _("", !0)
     ]));
   }
-}), Bt = /* @__PURE__ */ v(wt, [["__scopeId", "data-v-24a83011"]]), St = { class: "textarea-wrapper" }, It = ["for"], Ct = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], Tt = { class: "textarea-info" }, qt = { key: 0 }, At = /* @__PURE__ */ g({
+}), Bt = /* @__PURE__ */ g(wt, [["__scopeId", "data-v-24a83011"]]), St = { class: "textarea-wrapper" }, It = ["for"], Ct = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], Tt = { class: "textarea-info" }, qt = { key: 0 }, At = /* @__PURE__ */ b({
   __name: "textarea",
   props: {
     id: { default: "" },
@@ -608,7 +608,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Lt = /* @__PURE__ */ v(At, [["__scopeId", "data-v-7ecd7bf5"]]), Dt = { class: "text-field__wrapper" }, Vt = ["for"], Pt = { key: 0 }, Ft = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Mt = ["aria-expanded"], Ot = ["id", "type", "value", "placeholder", "required", "disabled", "name"], zt = {
+}), Lt = /* @__PURE__ */ g(At, [["__scopeId", "data-v-7ecd7bf5"]]), Dt = { class: "text-field__wrapper" }, Vt = ["for"], Pt = { key: 0 }, Ft = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Mt = ["aria-expanded"], Ot = ["id", "type", "value", "placeholder", "required", "disabled", "name"], zt = {
   key: 2,
   class: "search"
 }, Ht = {
@@ -617,7 +617,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
 }, Rt = {
   key: 4,
   class: "helperText"
-}, Nt = /* @__PURE__ */ g({
+}, Nt = /* @__PURE__ */ b({
   __name: "text-field",
   props: {
     type: { default: "text" },
@@ -649,7 +649,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
     ), p = q(
       () => o.value ? "password" : "text"
     );
-    return (n, b) => (s(), i("div", Dt, [
+    return (n, v) => (s(), i("div", Dt, [
       t("label", {
         for: n.id,
         class: h([
@@ -668,14 +668,14 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
           required: n.required,
           disabled: n.disabled,
           name: n.fieldName,
-          onInput: b[0] || (b[0] = (f) => n.$emit("update:modelValue", f.target.value))
+          onInput: v[0] || (v[0] = (f) => n.$emit("update:modelValue", f.target.value))
         }, null, 40, Ft),
         t("i", {
           role: "button",
           class: h([u.value]),
           "aria-controls": "password",
           "aria-expanded": !o.value,
-          onClick: b[1] || (b[1] = (f) => o.value = !o.value)
+          onClick: v[1] || (v[1] = (f) => o.value = !o.value)
         }, null, 10, Mt)
       ])) : (s(), i("input", {
         key: 1,
@@ -692,14 +692,14 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
         ]),
         disabled: n.disabled,
         name: n.fieldName,
-        onInput: b[2] || (b[2] = (f) => n.$emit("update:modelValue", f.target.value))
+        onInput: v[2] || (v[2] = (f) => n.$emit("update:modelValue", f.target.value))
       }, null, 42, Ot)),
       n.search ? (s(), i("button", zt)) : _("", !0),
       n.errorMessage ? (s(), i("strong", Ht, c(n.errorMessage), 1)) : _("", !0),
       n.helperText ? (s(), i("span", Rt, c(n.helperText), 1)) : _("", !0)
     ]));
   }
-}), Et = /* @__PURE__ */ v(Nt, [["__scopeId", "data-v-1d92973b"]]), jt = { class: "video__wrapper" }, Gt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Kt = ["src", "aria-label", "title", "width", "height"], Ut = /* @__PURE__ */ g({
+}), Et = /* @__PURE__ */ g(Nt, [["__scopeId", "data-v-1d92973b"]]), jt = { class: "video__wrapper" }, Gt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Kt = ["src", "aria-label", "title", "width", "height"], Ut = /* @__PURE__ */ b({
   __name: "video",
   props: {
     play: { type: Boolean, default: !1 },
@@ -753,7 +753,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       }, null, 8, Kt))
     ]));
   }
-}), te = /* @__PURE__ */ v(Ut, [["__scopeId", "data-v-c6a0feb6"]]), Jt = { class: "address__wrapper" }, Wt = { class: "address__content" }, Yt = { class: "address__flag" }, Qt = { class: "address__address" }, Zt = { class: "address__name" }, Xt = { key: 0 }, xt = { class: "address__contact" }, ea = ["href"], ta = ["href"], aa = ["href"], oa = /* @__PURE__ */ g({
+}), te = /* @__PURE__ */ g(Ut, [["__scopeId", "data-v-c6a0feb6"]]), Jt = { class: "address__wrapper" }, Wt = { class: "address__content" }, Yt = { class: "address__flag" }, Qt = { class: "address__address" }, Zt = { class: "address__name" }, Xt = { key: 0 }, xt = { class: "address__contact" }, ea = ["href"], ta = ["href"], aa = ["href"], oa = /* @__PURE__ */ b({
   __name: "address",
   props: {
     name: {},
@@ -784,7 +784,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
             underline: "false",
             "link-type": "regular"
           }, {
-            default: y(() => [
+            default: k(() => [
               t("a", {
                 href: "https://" + a.website,
                 class: "address__website"
@@ -797,7 +797,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
             underline: "false",
             "link-type": "regular"
           }, {
-            default: y(() => [
+            default: k(() => [
               t("a", {
                 href: "tel:" + l,
                 class: "address__phone"
@@ -813,7 +813,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), la = /* @__PURE__ */ v(oa, [["__scopeId", "data-v-6f5f6a44"]]), sa = (e) => (H("data-v-a44fd57d"), e = e(), R(), e), ia = { class: "bullet-list__wrapper" }, ra = /* @__PURE__ */ sa(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), na = /* @__PURE__ */ g({
+}), la = /* @__PURE__ */ g(oa, [["__scopeId", "data-v-6f5f6a44"]]), sa = (e) => (N("data-v-a44fd57d"), e = e(), E(), e), ia = { class: "bullet-list__wrapper" }, ra = /* @__PURE__ */ sa(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), na = /* @__PURE__ */ b({
   __name: "bullet-list",
   props: {
     list: {
@@ -840,13 +840,13 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
         t("ul", null, [
           (s(!0), i(V, null, P(e.list, (l) => (s(), i("li", { key: l }, [
             ra,
-            J(" " + c(l), 1)
+            Y(" " + c(l), 1)
           ]))), 128))
         ])
       ], 2)
     ]));
   }
-}), da = /* @__PURE__ */ v(na, [["__scopeId", "data-v-a44fd57d"]]), ca = { class: "card__wrapper" }, ua = { key: 2 }, _a = { key: 5 }, ha = /* @__PURE__ */ g({
+}), da = /* @__PURE__ */ g(na, [["__scopeId", "data-v-a44fd57d"]]), ca = { class: "card__wrapper" }, ua = { key: 2 }, _a = { key: 5 }, ha = /* @__PURE__ */ b({
   __name: "card",
   props: {
     variant: { default: "product" },
@@ -892,7 +892,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
         height: "335"
       }
     }, o = e, u = q(() => l[o.size]), p = q(() => o.variant === "article" || o.variant === "product" ? `card--${o.size}-${o.variant}` : `card--${o.variant}`);
-    return (n, b) => (s(), i("div", ca, [
+    return (n, v) => (s(), i("div", ca, [
       t("div", {
         class: h(["card", [
           n.theme === "dark" ? "card--dark" : "card--light",
@@ -901,14 +901,14 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
           p.value,
           n.variant === "product" ? "card--product" : "card--article"
         ]]),
-        style: ee([n.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
-        onMouseover: b[0] || (b[0] = (f) => x(r) ? r.value = !0 : r = !0),
-        onMouseout: b[1] || (b[1] = (f) => x(r) ? r.value = !1 : r = !1),
-        onFocus: b[2] || (b[2] = (f) => x(r) ? r.value = !0 : r = !0),
-        onBlur: b[3] || (b[3] = (f) => x(r) ? r.value = !1 : r = !1)
+        style: x([n.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
+        onMouseover: v[0] || (v[0] = (f) => X(r) ? r.value = !0 : r = !0),
+        onMouseout: v[1] || (v[1] = (f) => X(r) ? r.value = !1 : r = !1),
+        onFocus: v[2] || (v[2] = (f) => X(r) ? r.value = !0 : r = !0),
+        onBlur: v[3] || (v[3] = (f) => X(r) ? r.value = !1 : r = !1)
       }, [
         n.mediaType === "image" ? (s(), T(M, { key: 0 }, {
-          default: y(() => [
+          default: k(() => [
             d(n.$slots, "card-image", F({
               src: n.imgSrc,
               width: "596",
@@ -921,10 +921,10 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
           _: 3
         })) : (s(), i("div", {
           key: 1,
-          class: h(["video-card__wrapper", I(r) === !0 ? "vimeoPlaying" : ""])
+          class: h(["video-card__wrapper", y(r) === !0 ? "vimeoPlaying" : ""])
         }, [
-          S(te, {
-            play: I(r),
+          I(te, {
+            play: y(r),
             "local-video": !0,
             src: n.videoSrc,
             "aria-label": n.arialabel,
@@ -937,7 +937,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
             muted: !0
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
-        I(a)["card-label"] ? (s(), i("div", ua, [
+        y(a)["card-label"] ? (s(), i("div", ua, [
           d(n.$slots, "card-label")
         ])) : _("", !0),
         n.variant === "product" ? (s(), i("div", {
@@ -958,7 +958,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       ], 38)
     ]));
   }
-}), pa = /* @__PURE__ */ v(ha, [["__scopeId", "data-v-364d219c"]]), ma = { class: "column-card__content" }, fa = { class: "column-card__headline" }, va = { class: "column-card__bodytext" }, ga = /* @__PURE__ */ g({
+}), pa = /* @__PURE__ */ g(ha, [["__scopeId", "data-v-364d219c"]]), ma = { class: "column-card__content" }, fa = { class: "column-card__headline" }, va = { class: "column-card__bodytext" }, ga = /* @__PURE__ */ b({
   __name: "column-card",
   props: {
     headline: {},
@@ -985,7 +985,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
           key: 0,
           class: h(["column-card__image", { cover: o.imageFit, contain: !o.imageFit }])
         }, [
-          d(o.$slots, "column-card-image", O(z({
+          d(o.$slots, "column-card-image", H(R({
             src: o.image.filename,
             alt: o.image.alt
           })), void 0, !0)
@@ -999,7 +999,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
           "link-type": o.bgColor === "dark" ? "regular_dark" : (o.bgColor === "light", "regular_light"),
           arrow: ""
         }, {
-          default: y(() => [
+          default: k(() => [
             d(o.$slots, "column-link", {}, void 0, !0)
           ]),
           _: 3
@@ -1007,10 +1007,10 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       ])
     ], 2));
   }
-}), ge = /* @__PURE__ */ v(ga, [["__scopeId", "data-v-a505d05e"]]), ba = (e) => (H("data-v-e4a362a9"), e = e(), R(), e), ya = { class: "event__wrapper" }, ka = { class: "event__headline" }, $a = { class: "event__date-location" }, wa = /* @__PURE__ */ ba(() => /* @__PURE__ */ t("br", null, null, -1)), Ba = {
+}), ge = /* @__PURE__ */ g(ga, [["__scopeId", "data-v-a505d05e"]]), ba = (e) => (N("data-v-e4a362a9"), e = e(), E(), e), ka = { class: "event__wrapper" }, ya = { class: "event__headline" }, $a = { class: "event__date-location" }, wa = /* @__PURE__ */ ba(() => /* @__PURE__ */ t("br", null, null, -1)), Ba = {
   key: 0,
   class: "event__info"
-}, Sa = { class: "event__exhibitor" }, Ia = /* @__PURE__ */ g({
+}, Sa = { class: "event__exhibitor" }, Ia = /* @__PURE__ */ b({
   __name: "event-card",
   props: {
     eventType: {
@@ -1040,31 +1040,31 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", ya, [
-      S(X, {
+    return (a, r) => (s(), i("div", ka, [
+      I(ee, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
-      t("div", ka, c(e.headline), 1),
+      t("div", ya, c(e.headline), 1),
       t("div", $a, [
-        J(c(e.dateTime) + " ", 1),
+        Y(c(e.dateTime) + " ", 1),
         wa,
         e.info ? (s(), i("div", Ba, c(e.info), 1)) : _("", !0),
-        J(" " + c(e.location), 1)
+        Y(" " + c(e.location), 1)
       ]),
       t("div", Sa, c(e.exhibitor), 1)
     ]));
   }
-}), Ca = /* @__PURE__ */ v(Ia, [["__scopeId", "data-v-e4a362a9"]]), ie = (e) => (H("data-v-93ee37aa"), e = e(), R(), e), Ta = { class: "flashcard-side flashcard-front" }, qa = {
+}), Ca = /* @__PURE__ */ g(Ia, [["__scopeId", "data-v-e4a362a9"]]), re = (e) => (N("data-v-93ee37aa"), e = e(), E(), e), Ta = { class: "flashcard-side flashcard-front" }, qa = {
   key: 0,
   class: "content"
 }, Aa = { key: 0 }, La = {
   key: 1,
   class: "flashcard-body"
-}, Da = /* @__PURE__ */ ie(() => /* @__PURE__ */ t("img", {
+}, Da = /* @__PURE__ */ re(() => /* @__PURE__ */ t("img", {
   class: "flip-icon",
   src: "https://a.storyblok.com/f/230581/22x21/23d87eccc4/icon_reverse_blue.svg"
-}, null, -1)), Va = /* @__PURE__ */ ie(() => /* @__PURE__ */ t("img", {
+}, null, -1)), Va = /* @__PURE__ */ re(() => /* @__PURE__ */ t("img", {
   class: "flip-icon",
   src: "https://a.storyblok.com/f/230581/22x21/23d87eccc4/icon_reverse_blue.svg"
 }, null, -1)), Pa = {
@@ -1073,13 +1073,13 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
 }, Fa = { key: 0 }, Ma = {
   key: 1,
   class: "flashcard-body"
-}, Oa = /* @__PURE__ */ ie(() => /* @__PURE__ */ t("img", {
+}, Oa = /* @__PURE__ */ re(() => /* @__PURE__ */ t("img", {
   class: "flip-icon",
   src: "https://a.storyblok.com/f/230581/22x22/50edea5341/icon_reverse_white.svg"
-}, null, -1)), za = /* @__PURE__ */ ie(() => /* @__PURE__ */ t("img", {
+}, null, -1)), za = /* @__PURE__ */ re(() => /* @__PURE__ */ t("img", {
   class: "flip-icon",
   src: "https://a.storyblok.com/f/230581/22x22/50edea5341/icon_reverse_white.svg"
-}, null, -1)), Ha = /* @__PURE__ */ g({
+}, null, -1)), Ha = /* @__PURE__ */ b({
   __name: "flashcard",
   props: {
     name: {},
@@ -1098,7 +1098,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       a.value = !a.value;
     }
     return (l, o) => {
-      var u, p, n, b, f, k;
+      var u, p, n, v, f, $;
       return s(), i("div", {
         class: "flashcard-container",
         onClick: r
@@ -1115,7 +1115,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
             l.name || ((u = l.bodytext) == null ? void 0 : u.length) > 0 ? (s(), i("div", qa, [
               l.name ? (s(), i("h3", Aa, c(l.name), 1)) : _("", !0),
               l.bodytext ? (s(), i("div", La, [
-                d(l.$slots, "flashcard-front-body", O(z({ bodytext: l.bodytext })), void 0, !0)
+                d(l.$slots, "flashcard-front-body", H(R({ bodytext: l.bodytext })), void 0, !0)
               ])) : _("", !0),
               Da
             ])) : (s(), i("div", {
@@ -1125,20 +1125,20 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
                 cover: !l.imageFit
               }])
             }, [
-              d(l.$slots, "flashcard-front-image", O(z({ src: (p = l.image) == null ? void 0 : p.filename, alt: (n = l.image) == null ? void 0 : n.alt })), void 0, !0),
+              d(l.$slots, "flashcard-front-image", H(R({ src: (p = l.image) == null ? void 0 : p.filename, alt: (n = l.image) == null ? void 0 : n.alt })), void 0, !0),
               Va
             ], 2))
           ]),
           t("div", {
             class: h([
               "flashcard-side flashcard-back",
-              (b = l.imagebackside) != null && b.filename ? "flashcard-back--image" : "flashcard-back--no-image"
+              (v = l.imagebackside) != null && v.filename ? "flashcard-back--image" : "flashcard-back--no-image"
             ])
           }, [
             l.namebackside || l.bodytextbackside.length > 0 ? (s(), i("div", Pa, [
               l.namebackside ? (s(), i("h3", Fa, c(l.namebackside), 1)) : _("", !0),
               l.bodytextbackside ? (s(), i("div", Ma, [
-                d(l.$slots, "flashcard-back-body", O(z({ bodytextbackside: l.bodytextbackside })), void 0, !0)
+                d(l.$slots, "flashcard-back-body", H(R({ bodytextbackside: l.bodytextbackside })), void 0, !0)
               ])) : _("", !0),
               Oa
             ])) : (s(), i("div", {
@@ -1148,7 +1148,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
                 cover: !l.imageFitBack
               }])
             }, [
-              d(l.$slots, "flashcard-back-image", O(z({ src: (f = l.imagebackside) == null ? void 0 : f.filename, alt: (k = l.imagebackside) == null ? void 0 : k.alt })), void 0, !0),
+              d(l.$slots, "flashcard-back-image", H(R({ src: (f = l.imagebackside) == null ? void 0 : f.filename, alt: ($ = l.imagebackside) == null ? void 0 : $.alt })), void 0, !0),
               za
             ], 2))
           ], 2)
@@ -1156,7 +1156,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       ]);
     };
   }
-}), be = /* @__PURE__ */ v(Ha, [["__scopeId", "data-v-93ee37aa"]]), Ra = { class: "text__wrapper" }, Na = { class: "text__headline" }, Ea = { class: "text__paragraph" }, ja = /* @__PURE__ */ g({
+}), be = /* @__PURE__ */ g(Ha, [["__scopeId", "data-v-93ee37aa"]]), Ra = { class: "text__wrapper" }, Na = { class: "text__headline" }, Ea = { class: "text__paragraph" }, ja = /* @__PURE__ */ b({
   __name: "text-card",
   props: {
     label: {
@@ -1174,7 +1174,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
   },
   setup(e) {
     return (a, r) => (s(), i("div", Ra, [
-      S(X, {
+      I(ee, {
         "label-dark": !1,
         text: e.label ? e.label : ""
       }, null, 8, ["text"]),
@@ -1184,13 +1184,13 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Ga = /* @__PURE__ */ v(ja, [["__scopeId", "data-v-ebdea819"]]), Ka = { class: "accordions" }, Ua = { class: "accordions__wrapper" }, Ja = { class: "accordion" }, Wa = ["onClick"], Ya = { class: "accordion__headline" }, Qa = { class: "accordion__icon" }, Za = {
+}), Ga = /* @__PURE__ */ g(ja, [["__scopeId", "data-v-ebdea819"]]), Ka = { class: "accordions" }, Ua = { class: "accordions__wrapper" }, Ja = { class: "accordion" }, Wa = ["onClick"], Ya = { class: "accordion__headline" }, Qa = { class: "accordion__icon" }, Za = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/21x21/42c9c3b5ba/icon_add.svg"
 }, Xa = {
   key: 1,
   src: "https://a.storyblok.com/f/230581/22x21/adfe5d1742/icon_substract.svg"
-}, xa = { class: "accordion__bodytext" }, eo = /* @__PURE__ */ g({
+}, xa = { class: "accordion__bodytext" }, eo = /* @__PURE__ */ b({
   __name: "accordion",
   props: {
     accordions: {}
@@ -1217,15 +1217,15 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
             ], 8, Wa),
             t("div", {
               class: h(["accordion__content", { "accordion__content--reverse": p.imageFirst }]),
-              style: ee({
+              style: x({
                 display: l(p._uid) ? "flex" : "none"
               })
             }, [
               t("div", xa, [
                 d(o.$slots, "accordion-body", F({ ref_for: !0 }, { body: p.bodytext }), void 0, !0)
               ]),
-              S(M, null, {
-                default: y(() => [
+              I(M, null, {
+                default: k(() => [
                   p.image ? d(o.$slots, "accordion-image", F({
                     key: 0,
                     ref_for: !0
@@ -1243,10 +1243,10 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), to = /* @__PURE__ */ v(eo, [["__scopeId", "data-v-0e6f6da8"]]), ao = { class: "card-display__wrapper" }, oo = {
+}), to = /* @__PURE__ */ g(eo, [["__scopeId", "data-v-0e6f6da8"]]), ao = {
   key: 0,
   class: "card__content"
-}, lo = { key: 0 }, so = { key: 1 }, io = { class: "card__cards" }, ro = /* @__PURE__ */ g({
+}, oo = { key: 0 }, lo = { key: 1 }, so = { class: "card__cards" }, io = /* @__PURE__ */ b({
   __name: "card-display",
   props: {
     headline: {
@@ -1260,6 +1260,10 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
     bgColor: {
       type: String,
       default: "white"
+    },
+    isBlock: {
+      type: Boolean,
+      default: !0
     }
   },
   setup(e) {
@@ -1269,24 +1273,29 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
         e.bgColor === "blue" ? "card-display--blue" : "card-display--white"
       ])
     }, [
-      t("div", ao, [
-        e.headline || e.paragraph ? (s(), i("div", oo, [
-          e.headline ? (s(), i("h2", lo, c(e.headline), 1)) : _("", !0),
-          e.paragraph ? (s(), i("p", so, c(e.paragraph), 1)) : _("", !0)
+      t("div", {
+        class: h([
+          "card-display__wrapper",
+          e.isBlock ? "card-display__wrapper--block" : "card-display__wrapper--inline"
+        ])
+      }, [
+        e.headline || e.paragraph ? (s(), i("div", ao, [
+          e.headline ? (s(), i("h2", oo, c(e.headline), 1)) : _("", !0),
+          e.paragraph ? (s(), i("p", lo, c(e.paragraph), 1)) : _("", !0)
         ])) : _("", !0),
-        t("div", io, [
+        t("div", so, [
           d(a.$slots, "card-display-cards", {}, void 0, !0)
         ])
-      ])
+      ], 2)
     ], 2));
   }
-}), no = /* @__PURE__ */ v(ro, [["__scopeId", "data-v-e5d1b11a"]]), co = { class: "column-grid__top-section" }, uo = {
+}), ro = /* @__PURE__ */ g(io, [["__scopeId", "data-v-659726bd"]]), no = { class: "column-grid__top-section" }, co = {
   key: 0,
   class: "column-grid__headline"
-}, _o = {
+}, uo = {
   key: 1,
   class: "column-grid__bodytext"
-}, ho = { class: "column-grid__teaser-list" }, po = /* @__PURE__ */ g({
+}, _o = { class: "column-grid__teaser-list" }, ho = /* @__PURE__ */ b({
   __name: "column-grid",
   props: {
     headline: { default: "" },
@@ -1303,23 +1312,23 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
         a.bgColor === "dark" ? "column-grid--dark" : a.bgColor === "light" ? "column-grid--light" : "column-grid--white"
       ])
     }, [
-      t("div", co, [
-        a.headline ? (s(), i("h2", uo, c(a.headline), 1)) : _("", !0),
-        a.bodytext ? (s(), i("div", _o, [
+      t("div", no, [
+        a.headline ? (s(), i("h2", co, c(a.headline), 1)) : _("", !0),
+        a.bodytext ? (s(), i("div", uo, [
           d(a.$slots, "column-grid-body", {}, void 0, !0),
           a.linkType === "link" ? (s(), T(L, {
             key: 0,
             "link-type": a.bgColor === "dark" ? "regular_dark" : (a.bgColor === "light", "regular_light"),
             arrow: ""
           }, {
-            default: y(() => [
+            default: k(() => [
               d(a.$slots, "column-grid-body-link", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["link-type"])) : _("", !0)
         ])) : _("", !0)
       ]),
-      t("div", ho, [
+      t("div", _o, [
         (s(!0), i(V, null, P(a.columns, (l) => (s(), T(ge, {
           key: l._uid,
           headline: l.headline,
@@ -1329,16 +1338,16 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
           image: l.image,
           "image-fit": l.imageFit
         }, {
-          "column-card-body": y(() => [
+          "column-card-body": k(() => [
             d(a.$slots, "column-card-body", F({ ref_for: !0 }, { body: l.bodytext }), void 0, !0)
           ]),
-          "column-link": y(() => [
+          "column-link": k(() => [
             d(a.$slots, "column-link", F({ ref_for: !0 }, {
               link: l.link,
               linkText: l.linkText
             }), void 0, !0)
           ]),
-          "column-card-image": y(() => [
+          "column-card-image": k(() => [
             l.image ? d(a.$slots, "column-card-image", F({
               key: 0,
               ref_for: !0
@@ -1353,10 +1362,10 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       ])
     ], 2));
   }
-}), mo = /* @__PURE__ */ v(po, [["__scopeId", "data-v-1a54852d"]]), fo = { class: "facts__wrapper" }, vo = { class: "facts__content" }, go = { class: "facts__headline" }, bo = { class: "facts" }, yo = { class: "fact__value" }, ko = { class: "fact__metric" }, $o = {
+}), po = /* @__PURE__ */ g(ho, [["__scopeId", "data-v-1a54852d"]]), mo = { class: "facts__wrapper" }, fo = { class: "facts__content" }, vo = { class: "facts__headline" }, go = { class: "facts" }, bo = { class: "fact__value" }, ko = { class: "fact__metric" }, yo = {
   key: 0,
   class: "facts__link"
-}, wo = /* @__PURE__ */ g({
+}, $o = /* @__PURE__ */ b({
   __name: "facts",
   props: {
     headline: { default: "" },
@@ -1380,15 +1389,15 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
     }) }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", fo, [
-      t("div", vo, [
-        t("h2", go, c(a.headline), 1),
-        t("div", bo, [
+    return (a, r) => (s(), i("div", mo, [
+      t("div", fo, [
+        t("h2", vo, c(a.headline), 1),
+        t("div", go, [
           (s(!0), i(V, null, P(a.facts, (l) => (s(), i("div", {
             key: l.value + l.metric,
             class: "fact"
           }, [
-            t("div", yo, [
+            t("div", bo, [
               t("span", null, c(l.value), 1)
             ]),
             t("div", ko, [
@@ -1396,12 +1405,12 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
             ])
           ]))), 128))
         ]),
-        a.link ? (s(), i("div", $o, [
-          S(L, {
+        a.link ? (s(), i("div", yo, [
+          I(L, {
             "link-type": "regular_light",
             arrow: ""
           }, {
-            default: y(() => [
+            default: k(() => [
               d(a.$slots, "facts-link", {}, void 0, !0)
             ]),
             _: 3
@@ -1410,13 +1419,13 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Bo = /* @__PURE__ */ v(wo, [["__scopeId", "data-v-d2b231d4"]]), So = { class: "features__wrapper" }, Io = { class: "features__content" }, Co = {
+}), wo = /* @__PURE__ */ g($o, [["__scopeId", "data-v-d2b231d4"]]), Bo = { class: "features__wrapper" }, So = { class: "features__content" }, Io = {
   key: 0,
   class: "features__headline"
-}, To = {
+}, Co = {
   key: 1,
   class: "features__body"
-}, qo = { class: "element__headline" }, Ao = { class: "element__body" }, Lo = /* @__PURE__ */ g({
+}, To = { class: "element__headline" }, qo = { class: "element__body" }, Ao = /* @__PURE__ */ b({
   __name: "features",
   props: {
     headline: { default: "" },
@@ -1424,12 +1433,12 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
     elements: { default: () => [] }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", So, [
-      t("div", Io, [
-        a.headline ? (s(), i("div", Co, [
+    return (a, r) => (s(), i("div", Bo, [
+      t("div", So, [
+        a.headline ? (s(), i("div", Io, [
           t("h2", null, c(a.headline), 1)
         ])) : _("", !0),
-        a.body ? (s(), i("div", To, [
+        a.body ? (s(), i("div", Co, [
           d(a.$slots, "features-body", {}, void 0, !0)
         ])) : _("", !0),
         t("div", {
@@ -1439,8 +1448,8 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
             key: l.headline,
             class: "features__element"
           }, [
-            S(M, { class: "element__icon" }, {
-              default: y(() => [
+            I(M, { class: "element__icon" }, {
+              default: k(() => [
                 d(a.$slots, "features-icon", F({ ref_for: !0 }, {
                   src: l.icon.src,
                   height: 30,
@@ -1450,20 +1459,20 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
               ]),
               _: 2
             }, 1024),
-            t("p", qo, c(l.headline), 1),
-            t("p", Ao, c(l.body), 1)
+            t("p", To, c(l.headline), 1),
+            t("p", qo, c(l.body), 1)
           ]))), 128))
         ], 2)
       ])
     ]));
   }
-}), Do = /* @__PURE__ */ v(Lo, [["__scopeId", "data-v-57a22df7"]]), Vo = { class: "flashcard-wrapper" }, Po = {
+}), Lo = /* @__PURE__ */ g(Ao, [["__scopeId", "data-v-57a22df7"]]), Do = { class: "flashcard-wrapper" }, Vo = {
   key: 0,
   class: "flashcard-wrapper__headline"
-}, Fo = {
+}, Po = {
   key: 1,
   class: "flashcard-wrapper__bodytext"
-}, Mo = /* @__PURE__ */ g({
+}, Fo = /* @__PURE__ */ b({
   __name: "flashcards",
   props: {
     headline: {},
@@ -1480,15 +1489,15 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
     return (o, u) => (s(), i("div", {
       class: h(["flashcards", o.bgColor === "light" ? "flashcards--light" : "flashcards--white"])
     }, [
-      t("div", Vo, [
+      t("div", Do, [
         t("div", {
           class: h([
             { "no-bodytext": !r.value },
             "flashcard-wrapper__top-section"
           ])
         }, [
-          o.headline ? (s(), i("h2", Po, c(o.headline), 1)) : _("", !0),
-          o.body ? (s(), i("div", Fo, [
+          o.headline ? (s(), i("h2", Vo, c(o.headline), 1)) : _("", !0),
+          o.body ? (s(), i("div", Po, [
             d(o.$slots, "flashcard-wrapper-body", {}, void 0, !0)
           ])) : _("", !0)
         ], 2),
@@ -1499,7 +1508,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
             lg: l.value === "lg"
           }])
         }, [
-          (s(!0), i(V, null, P(o.flashcards, (p) => (s(), T(I(be), {
+          (s(!0), i(V, null, P(o.flashcards, (p) => (s(), T(y(be), {
             key: p._uid,
             name: p.name,
             bodytext: p.bodytext,
@@ -1511,17 +1520,17 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
             "image-fit": p.imageFit,
             "image-fit-back": p.imageFitBack
           }, {
-            "flashcard-front-body": y(({ bodytext: n }) => [
+            "flashcard-front-body": k(({ bodytext: n }) => [
               d(o.$slots, "flashcard-front-body", F({ ref_for: !0 }, { bodytext: n }), void 0, !0)
             ]),
-            "flashcard-front-image": y(({ src: n, alt: b }) => [
-              d(o.$slots, "flashcard-front-image", F({ ref_for: !0 }, { src: n, alt: b }), void 0, !0)
+            "flashcard-front-image": k(({ src: n, alt: v }) => [
+              d(o.$slots, "flashcard-front-image", F({ ref_for: !0 }, { src: n, alt: v }), void 0, !0)
             ]),
-            "flashcard-back-body": y(({ bodytextbackside: n }) => [
+            "flashcard-back-body": k(({ bodytextbackside: n }) => [
               d(o.$slots, "flashcard-back-body", F({ ref_for: !0 }, { bodytextbackside: n }), void 0, !0)
             ]),
-            "flashcard-back-image": y(({ src: n, alt: b }) => [
-              d(o.$slots, "flashcard-back-image", F({ ref_for: !0 }, { src: n, alt: b }), void 0, !0)
+            "flashcard-back-image": k(({ src: n, alt: v }) => [
+              d(o.$slots, "flashcard-back-image", F({ ref_for: !0 }, { src: n, alt: v }), void 0, !0)
             ]),
             _: 2
           }, 1032, ["name", "bodytext", "image", "namebackside", "bodytextbackside", "imagebackside", "size", "image-fit", "image-fit-back"]))), 128))
@@ -1529,7 +1538,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       ])
     ], 2));
   }
-}), Oo = /* @__PURE__ */ v(Mo, [["__scopeId", "data-v-de3c8751"]]), zo = { class: "form__content" }, Ho = { class: "form__information" }, Ro = { class: "form__headline" }, No = { class: "form__body" }, Eo = { class: "form__script" }, jo = /* @__PURE__ */ g({
+}), Mo = /* @__PURE__ */ g(Fo, [["__scopeId", "data-v-de3c8751"]]), Oo = { class: "form__content" }, zo = { class: "form__information" }, Ho = { class: "form__headline" }, Ro = { class: "form__body" }, No = { class: "form__script" }, Eo = /* @__PURE__ */ b({
   __name: "form-script",
   props: {
     headline: { default: "" },
@@ -1546,10 +1555,10 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
     return (o, u) => (s(), i("div", {
       class: h(["form__wrapper", l.value])
     }, [
-      t("div", zo, [
-        t("div", Ho, [
-          t("h2", Ro, c(o.headline), 1),
-          t("div", No, [
+      t("div", Oo, [
+        t("div", zo, [
+          t("h2", Ho, c(o.headline), 1),
+          t("div", Ro, [
             d(o.$slots, "form-body", {}, void 0, !0)
           ]),
           o.linkType === "link" ? (s(), T(L, {
@@ -1557,19 +1566,19 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
             "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
             arrow: ""
           }, {
-            default: y(() => [
+            default: k(() => [
               d(o.$slots, "form-link", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["link-type"])) : _("", !0)
         ]),
-        t("div", Eo, [
+        t("div", No, [
           d(o.$slots, "form-script", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), Go = /* @__PURE__ */ v(jo, [["__scopeId", "data-v-b8b02bae"]]), Ko = { class: "headline__wrapper" }, Uo = { class: "headline__h1" }, Jo = /* @__PURE__ */ g({
+}), jo = /* @__PURE__ */ g(Eo, [["__scopeId", "data-v-b8b02bae"]]), Go = { class: "headline__wrapper" }, Ko = { class: "headline__h1" }, Uo = /* @__PURE__ */ b({
   __name: "headline",
   props: {
     headline: {
@@ -1586,7 +1595,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Ko, [
+    return (a, r) => (s(), i("div", Go, [
       t("div", {
         class: h({
           "headline__content--article-and-submenu": e.article && e.subMenu,
@@ -1595,11 +1604,11 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
           "headline__content--default": !e.article && !e.subMenu
         })
       }, [
-        t("h1", Uo, c(e.headline), 1)
+        t("h1", Ko, c(e.headline), 1)
       ], 2)
     ]));
   }
-}), Wo = /* @__PURE__ */ v(Jo, [["__scopeId", "data-v-3ef1567e"]]), Yo = (e) => (H("data-v-22f9be13"), e = e(), R(), e), Qo = { class: "hero__wrapper" }, Zo = { class: "hero__content" }, Xo = { class: "hero__top" }, xo = { class: "hero__elements" }, el = { class: "hero__headline" }, tl = { class: "hero__link" }, al = { class: "hero__video" }, ol = /* @__PURE__ */ Yo(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), ll = { class: "hero__video__video" }, sl = { class: "hero__image" }, il = /* @__PURE__ */ g({
+}), Jo = /* @__PURE__ */ g(Uo, [["__scopeId", "data-v-3ef1567e"]]), Wo = (e) => (N("data-v-22f9be13"), e = e(), E(), e), Yo = { class: "hero__wrapper" }, Qo = { class: "hero__content" }, Zo = { class: "hero__top" }, Xo = { class: "hero__elements" }, xo = { class: "hero__headline" }, el = { class: "hero__link" }, tl = { class: "hero__video" }, al = /* @__PURE__ */ Wo(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), ol = { class: "hero__video__video" }, ll = { class: "hero__image" }, sl = /* @__PURE__ */ b({
   __name: "hero",
   props: {
     headline: {
@@ -1608,19 +1617,19 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Qo, [
-      t("div", Zo, [
-        t("div", Xo, [
-          t("div", xo, [
-            t("div", el, [
+    return (a, r) => (s(), i("div", Yo, [
+      t("div", Qo, [
+        t("div", Zo, [
+          t("div", Xo, [
+            t("div", xo, [
               t("h1", null, c(e.headline), 1)
             ]),
-            t("div", tl, [
-              S(L, {
+            t("div", el, [
+              I(L, {
                 "link-type": "regular_light",
                 arrow: ""
               }, {
-                default: y(() => [
+                default: k(() => [
                   d(a.$slots, "hero-link", {}, void 0, !0)
                 ]),
                 _: 3
@@ -1628,19 +1637,19 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
             ])
           ])
         ]),
-        t("div", al, [
-          ol,
-          t("div", ll, [
+        t("div", tl, [
+          al,
+          t("div", ol, [
             d(a.$slots, "hero-video", {}, void 0, !0)
           ]),
-          t("div", sl, [
+          t("div", ll, [
             d(a.$slots, "hero-image", {}, void 0, !0)
           ])
         ])
       ])
     ]));
   }
-}), rl = /* @__PURE__ */ v(il, [["__scopeId", "data-v-22f9be13"]]), nl = { class: "image__wrapper" }, dl = { class: "image__content" }, cl = { class: "image__image" }, ul = { class: "image__caption" }, _l = /* @__PURE__ */ g({
+}), il = /* @__PURE__ */ g(sl, [["__scopeId", "data-v-22f9be13"]]), rl = { class: "image__wrapper" }, nl = { class: "image__content" }, dl = { class: "image__image" }, cl = { class: "image__caption" }, ul = /* @__PURE__ */ b({
   inheritAttrs: !1,
   __name: "image",
   props: {
@@ -1664,12 +1673,12 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", nl, [
-      t("div", dl, [
-        t("div", cl, [
-          S(M, null, {
-            default: y(() => [
-              d(a.$slots, "image", O(z({
+    return (a, r) => (s(), i("div", rl, [
+      t("div", nl, [
+        t("div", dl, [
+          I(M, null, {
+            default: k(() => [
+              d(a.$slots, "image", H(R({
                 width: 984,
                 height: e.fullHeight ? "100%" : 554,
                 src: e.src,
@@ -1680,17 +1689,17 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
             _: 3
           })
         ]),
-        t("p", ul, c(e.caption), 1)
+        t("p", cl, c(e.caption), 1)
       ])
     ]));
   }
-}), hl = /* @__PURE__ */ v(_l, [["__scopeId", "data-v-c583d657"]]), pl = { class: "gallery__large" }, ml = {
+}), _l = /* @__PURE__ */ g(ul, [["__scopeId", "data-v-c583d657"]]), hl = { class: "gallery__large" }, pl = {
   key: 0,
   class: "image image--large"
-}, fl = {
+}, ml = {
   key: 1,
   class: "video"
-}, vl = /* @__PURE__ */ g({
+}, fl = /* @__PURE__ */ b({
   __name: "image-gallery",
   props: {
     mediaLarge: {},
@@ -1718,11 +1727,11 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
           o.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
         ])
       }, [
-        t("div", pl, [
-          o.mediaLarge && o.mediaType === "image" ? (s(), i("div", ml, [
-            S(M, null, {
-              default: y(() => [
-                d(o.$slots, "image-large", O(z({
+        t("div", hl, [
+          o.mediaLarge && o.mediaType === "image" ? (s(), i("div", pl, [
+            I(M, null, {
+              default: k(() => [
+                d(o.$slots, "image-large", H(R({
                   width: 617,
                   height: 530,
                   src: o.mediaLarge.src,
@@ -1732,8 +1741,8 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
               _: 3
             })
           ])) : _("", !0),
-          o.mediaLarge && o.mediaType === "video" ? (s(), i("div", fl, [
-            S(te, {
+          o.mediaLarge && o.mediaType === "video" ? (s(), i("div", ml, [
+            I(te, {
               src: o.mediaLarge.src,
               "local-video": "",
               "aria-label": o.mediaLarge.alt,
@@ -1748,7 +1757,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
           ])) : _("", !0)
         ]),
         t("div", {
-          style: ee([o.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
+          style: x([o.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
           class: h([
             "gallery__small",
             o.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
@@ -1758,8 +1767,8 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
             key: p.src + p.alt,
             class: "image image--small"
           }, [
-            S(M, null, {
-              default: y(() => [
+            I(M, null, {
+              default: k(() => [
                 d(o.$slots, "image-small", F({ ref_for: !0 }, {
                   width: 328,
                   height: 246,
@@ -1780,7 +1789,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
               "link-type": o.bgColor === "dark" ? "regular_dark" : (o.bgColor === "light", "regular_light"),
               arrow: ""
             }, {
-              default: y(() => [
+              default: k(() => [
                 d(o.$slots, "gallery-link")
               ]),
               _: 3
@@ -1790,10 +1799,10 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       ], 2)
     ], 2));
   }
-}), gl = /* @__PURE__ */ v(vl, [["__scopeId", "data-v-ae1f41d4"]]), bl = { class: "logo-wall__wrapper" }, yl = { class: "logo-wall__content" }, kl = {
+}), vl = /* @__PURE__ */ g(fl, [["__scopeId", "data-v-ae1f41d4"]]), gl = { class: "logo-wall__wrapper" }, bl = { class: "logo-wall__content" }, kl = {
   key: 0,
   class: "logo-wall__text"
-}, $l = { key: 0 }, wl = { key: 1 }, Bl = { class: "logo-wall__logos" }, Sl = { class: "logo-wall__link" }, Il = /* @__PURE__ */ g({
+}, yl = { key: 0 }, $l = { key: 1 }, wl = { class: "logo-wall__logos" }, Bl = { class: "logo-wall__link" }, Sl = /* @__PURE__ */ b({
   __name: "logo-wall",
   props: {
     headline: {
@@ -1811,19 +1820,19 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", bl, [
-      t("div", yl, [
+    return (a, r) => (s(), i("div", gl, [
+      t("div", bl, [
         e.headline || e.body ? (s(), i("div", kl, [
-          e.headline ? (s(), i("h2", $l, c(e.headline), 1)) : _("", !0),
-          e.body ? (s(), i("p", wl, c(e.body), 1)) : _("", !0)
+          e.headline ? (s(), i("h2", yl, c(e.headline), 1)) : _("", !0),
+          e.body ? (s(), i("p", $l, c(e.body), 1)) : _("", !0)
         ])) : _("", !0),
-        t("div", Bl, [
+        t("div", wl, [
           (s(!0), i(V, null, P(e.logos, (l) => (s(), i("div", {
             key: l.src + l.alt,
             class: "logo-wall__logo"
           }, [
-            S(M, null, {
-              default: y(() => [
+            I(M, null, {
+              default: k(() => [
                 d(a.$slots, "logo-wall-logo", F({ ref_for: !0 }, {
                   width: 130,
                   height: 130,
@@ -1835,12 +1844,12 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
             }, 1024)
           ]))), 128))
         ]),
-        t("div", Sl, [
-          S(L, {
+        t("div", Bl, [
+          I(L, {
             "link-type": "regular_light",
             arrow: !0
           }, {
-            default: y(() => [
+            default: k(() => [
               d(a.$slots, "logo-wall-link", {}, void 0, !0)
             ]),
             _: 3
@@ -1849,13 +1858,13 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Cl = /* @__PURE__ */ v(Il, [["__scopeId", "data-v-fd489289"]]), Tl = { class: "micro-stories__top" }, ql = {
+}), Il = /* @__PURE__ */ g(Sl, [["__scopeId", "data-v-fd489289"]]), Cl = { class: "micro-stories__top" }, Tl = {
   key: 0,
   class: "micro-stories__headline"
-}, Al = {
+}, ql = {
   key: 1,
   class: "micro-stories__body"
-}, Ll = { class: "micro-stories__splide" }, Dl = /* @__PURE__ */ g({
+}, Al = { class: "micro-stories__splide" }, Ll = /* @__PURE__ */ b({
   __name: "micro-stories",
   props: {
     bgColor: { default: "blue" },
@@ -1871,35 +1880,35 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
     return (o, u) => (s(), i("div", {
       class: h(["micro-stories__wrapper", r.value])
     }, [
-      t("div", Tl, [
-        o.headline ? (s(), i("div", ql, [
+      t("div", Cl, [
+        o.headline ? (s(), i("div", Tl, [
           t("h2", null, c(o.headline), 1)
         ])) : _("", !0),
-        o.body ? (s(), i("div", Al, [
+        o.body ? (s(), i("div", ql, [
           d(o.$slots, "micro-stories-body")
         ])) : _("", !0)
       ]),
-      t("div", Ll, [
+      t("div", Al, [
         d(o.$slots, "micro-stories-slides")
       ]),
       d(o.$slots, "micro-stories-controls")
     ], 2));
   }
-}), Vl = {}, Pl = { class: "policy__wrapper" }, Fl = { class: "policy__content" };
-function Ml(e, a) {
-  return s(), i("div", Pl, [
-    t("div", Fl, [
+}), Dl = {}, Vl = { class: "policy__wrapper" }, Pl = { class: "policy__content" };
+function Fl(e, a) {
+  return s(), i("div", Vl, [
+    t("div", Pl, [
       d(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Ol = /* @__PURE__ */ v(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a"]]), zl = { class: "product-hero__wrapper" }, Hl = { class: "product-hero__content" }, Rl = { class: "product-hero__headline" }, Nl = { class: "product-hero__video" }, El = { class: "product-hero__insignia" }, jl = {
+const Ml = /* @__PURE__ */ g(Dl, [["render", Fl], ["__scopeId", "data-v-ea887d7a"]]), Ol = { class: "product-hero__wrapper" }, zl = { class: "product-hero__content" }, Hl = { class: "product-hero__headline" }, Rl = { class: "product-hero__video" }, Nl = { class: "product-hero__insignia" }, El = {
   key: 0,
   class: "product-hero__logo"
-}, Gl = {
+}, jl = {
   key: 1,
   class: "product-hero__certification"
-}, Kl = /* @__PURE__ */ g({
+}, Gl = /* @__PURE__ */ b({
   __name: "product-hero",
   props: {
     headline: {
@@ -1934,10 +1943,10 @@ const Ol = /* @__PURE__ */ v(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", zl, [
-      t("div", Hl, [
-        t("div", Rl, c(e.headline), 1),
-        t("div", Nl, [
+    return (a, r) => (s(), i("div", Ol, [
+      t("div", zl, [
+        t("div", Hl, c(e.headline), 1),
+        t("div", Rl, [
           e.videoSrc !== "" ? (s(), T(te, {
             key: 0,
             play: "",
@@ -1949,24 +1958,24 @@ const Ol = /* @__PURE__ */ v(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
             autoplay: "",
             loop: "",
             muted: ""
-          }, null, 8, ["src", "aria-label", "poster"])) : (s(), T(I(M), { key: 1 }, {
-            default: y(() => [
+          }, null, 8, ["src", "aria-label", "poster"])) : (s(), T(y(M), { key: 1 }, {
+            default: k(() => [
               d(a.$slots, "product-hero-image", {}, void 0, !0)
             ]),
             _: 3
           })),
-          t("div", El, [
-            e.logoSrc ? (s(), i("div", jl, [
-              S(I(M), null, {
-                default: y(() => [
+          t("div", Nl, [
+            e.logoSrc ? (s(), i("div", El, [
+              I(y(M), null, {
+                default: k(() => [
                   d(a.$slots, "product-hero-logo", {}, void 0, !0)
                 ]),
                 _: 3
               })
             ])) : _("", !0),
-            e.isCertified ? (s(), i("div", Gl, [
-              S(I(M), null, {
-                default: y(() => [
+            e.isCertified ? (s(), i("div", jl, [
+              I(y(M), null, {
+                default: k(() => [
                   d(a.$slots, "product-hero-certification", {}, void 0, !0)
                 ]),
                 _: 3
@@ -1977,7 +1986,7 @@ const Ol = /* @__PURE__ */ v(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
       ])
     ]));
   }
-}), Ul = /* @__PURE__ */ v(Kl, [["__scopeId", "data-v-deab9c3a"]]), Jl = { class: "promo__content" }, Wl = /* @__PURE__ */ g({
+}), Kl = /* @__PURE__ */ g(Gl, [["__scopeId", "data-v-deab9c3a"]]), Ul = { class: "promo__content" }, Jl = /* @__PURE__ */ b({
   __name: "promo",
   props: {
     label: { default: "" },
@@ -2006,7 +2015,7 @@ const Ol = /* @__PURE__ */ v(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
         o.multiply ? "promo__wrapper--multiply" : ""
       ])
     }, [
-      t("div", Jl, [
+      t("div", Ul, [
         o.mediaType === "image" ? (s(), i("div", {
           key: 0,
           class: h([
@@ -2014,9 +2023,9 @@ const Ol = /* @__PURE__ */ v(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
             o.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
-          S(M, null, {
-            default: y(() => [
-              d(o.$slots, "promo-image", O(z({ src: o.src, width: 1920, alt: o.alt, height: 1080 })))
+          I(M, null, {
+            default: k(() => [
+              d(o.$slots, "promo-image", H(R({ src: o.src, width: 1920, alt: o.alt, height: 1080 })))
             ]),
             _: 3
           })
@@ -2028,7 +2037,7 @@ const Ol = /* @__PURE__ */ v(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
             o.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          S(te, {
+          I(te, {
             src: o.src,
             "local-video": "",
             "aria-label": o.alt,
@@ -2046,7 +2055,7 @@ const Ol = /* @__PURE__ */ v(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
             o.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          o.label ? (s(), T(X, {
+          o.label ? (s(), T(ee, {
             key: 0,
             text: o.label,
             "label-dark": o.variant === "dark"
@@ -2064,7 +2073,7 @@ const Ol = /* @__PURE__ */ v(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
             "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
             arrow: ""
           }, {
-            default: y(() => [
+            default: k(() => [
               d(o.$slots, "promo-link")
             ]),
             _: 3
@@ -2073,7 +2082,7 @@ const Ol = /* @__PURE__ */ v(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
             key: 2,
             "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
           }, {
-            default: y(() => [
+            default: k(() => [
               d(o.$slots, "promo-link")
             ]),
             _: 3
@@ -2082,10 +2091,10 @@ const Ol = /* @__PURE__ */ v(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
       ])
     ], 2));
   }
-}), Yl = /* @__PURE__ */ v(Wl, [["__scopeId", "data-v-df54d965"]]), Ql = (e) => (H("data-v-e3cc8e27"), e = e(), R(), e), Zl = { class: "quote__wrapper" }, Xl = { class: "quote__content" }, xl = /* @__PURE__ */ Ql(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), es = { class: "quote__quote" }, ts = { class: "quote__quote-text" }, as = { class: "quote__author" }, os = {
+}), Wl = /* @__PURE__ */ g(Jl, [["__scopeId", "data-v-df54d965"]]), Yl = (e) => (N("data-v-e3cc8e27"), e = e(), E(), e), Ql = { class: "quote__wrapper" }, Zl = { class: "quote__content" }, Xl = /* @__PURE__ */ Yl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), xl = { class: "quote__quote" }, es = { class: "quote__quote-text" }, ts = { class: "quote__author" }, as = {
   key: 0,
   class: "quote__image"
-}, ls = { class: "quote__text" }, ss = { class: "quote__author-name" }, is = { class: "quote__author-title" }, rs = /* @__PURE__ */ g({
+}, os = { class: "quote__text" }, ls = { class: "quote__author-name" }, ss = { class: "quote__author-title" }, is = /* @__PURE__ */ b({
   __name: "quote",
   props: {
     quote: {
@@ -2107,16 +2116,16 @@ const Ol = /* @__PURE__ */ v(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Zl, [
-      t("div", Xl, [
-        xl,
-        t("div", es, [
-          t("p", ts, c(e.quote), 1),
-          t("div", as, [
-            e.authorImage ? (s(), i("div", os, [
-              S(M, null, {
-                default: y(() => [
-                  d(a.$slots, "author-image", O(z({
+    return (a, r) => (s(), i("div", Ql, [
+      t("div", Zl, [
+        Xl,
+        t("div", xl, [
+          t("p", es, c(e.quote), 1),
+          t("div", ts, [
+            e.authorImage ? (s(), i("div", as, [
+              I(M, null, {
+                default: k(() => [
+                  d(a.$slots, "author-image", H(R({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -2125,22 +2134,22 @@ const Ol = /* @__PURE__ */ v(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
                 _: 3
               })
             ])) : _("", !0),
-            t("div", ls, [
-              t("p", ss, c(e.author), 1),
-              t("p", is, c(e.authorTitle), 1)
+            t("div", os, [
+              t("p", ls, c(e.author), 1),
+              t("p", ss, c(e.authorTitle), 1)
             ])
           ])
         ])
       ])
     ]));
   }
-}), ns = /* @__PURE__ */ v(rs, [["__scopeId", "data-v-e3cc8e27"]]), ds = { class: "rich-text__wrapper" }, cs = {
+}), rs = /* @__PURE__ */ g(is, [["__scopeId", "data-v-e3cc8e27"]]), ns = { class: "rich-text__wrapper" }, ds = {
   key: 0,
   class: "rich-text__links"
-}, us = {
+}, cs = {
   key: 0,
   class: "rich-text__bullet-list"
-}, _s = /* @__PURE__ */ g({
+}, us = /* @__PURE__ */ b({
   __name: "rich-text",
   props: {
     headline: { default: "" },
@@ -2159,8 +2168,8 @@ const Ol = /* @__PURE__ */ v(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
         a.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
-      t("div", ds, [
-        a.label ? (s(), T(X, {
+      t("div", ns, [
+        a.label ? (s(), T(ee, {
           key: 0,
           text: a.label,
           "label-dark": !1
@@ -2185,11 +2194,11 @@ const Ol = /* @__PURE__ */ v(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
             ])
           }, [
             d(a.$slots, "rich-text-content"),
-            a.links ? (s(), i("div", cs, [
+            a.links ? (s(), i("div", ds, [
               d(a.$slots, "rich-text-links")
             ])) : _("", !0)
           ], 2),
-          a.bulletList ? (s(), i("div", us, [
+          a.bulletList ? (s(), i("div", cs, [
             d(a.$slots, "rich-text-bullet-list")
           ])) : _("", !0),
           a.image ? (s(), i("div", {
@@ -2199,9 +2208,9 @@ const Ol = /* @__PURE__ */ v(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
               a.imageClip ? "rich-text__image--clip" : ""
             ])
           }, [
-            S(M, null, {
-              default: y(() => [
-                d(a.$slots, "rich-text-image", O(z({ width: 865, height: 307 })))
+            I(M, null, {
+              default: k(() => [
+                d(a.$slots, "rich-text-image", H(R({ width: 865, height: 307 })))
               ]),
               _: 3
             })
@@ -2210,12 +2219,12 @@ const Ol = /* @__PURE__ */ v(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a
       ])
     ], 2));
   }
-}), hs = /* @__PURE__ */ v(_s, [["__scopeId", "data-v-5441d67a"]]), ps = {}, ms = { class: "rich-text" }, fs = { class: "rich-text__wrapper" }, vs = { class: "rich-text__content rich-text__content--left-aligned" }, gs = { class: "rich-text__body" };
-function bs(e, a) {
-  return s(), i("div", ms, [
-    t("div", fs, [
-      t("div", vs, [
-        t("div", gs, [
+}), _s = /* @__PURE__ */ g(us, [["__scopeId", "data-v-5441d67a"]]), hs = {}, ps = { class: "rich-text" }, ms = { class: "rich-text__wrapper" }, fs = { class: "rich-text__content rich-text__content--left-aligned" }, vs = { class: "rich-text__body" };
+function gs(e, a) {
+  return s(), i("div", ps, [
+    t("div", ms, [
+      t("div", fs, [
+        t("div", vs, [
           t("div", null, [
             d(e.$slots, "rich-text-content-left", {}, void 0, !0)
           ]),
@@ -2227,10 +2236,10 @@ function bs(e, a) {
     ])
   ]);
 }
-const ys = /* @__PURE__ */ v(ps, [["render", bs], ["__scopeId", "data-v-776750d2"]]), ks = (e) => (H("data-v-798e7a06"), e = e(), R(), e), $s = { class: "timeline__wrapper" }, ws = { class: "timeline__content" }, Bs = { class: "timeline__items" }, Ss = { class: "item__left" }, Is = /* @__PURE__ */ ks(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2"]]), ks = (e) => (N("data-v-798e7a06"), e = e(), E(), e), ys = { class: "timeline__wrapper" }, $s = { class: "timeline__content" }, ws = { class: "timeline__items" }, Bs = { class: "item__left" }, Ss = /* @__PURE__ */ ks(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
-], -1)), Cs = { class: "item__right" }, Ts = ["innerHTML"], qs = /* @__PURE__ */ g({
+], -1)), Is = { class: "item__right" }, Cs = ["innerHTML"], Ts = /* @__PURE__ */ b({
   __name: "timeline",
   props: {
     timelineItems: {
@@ -2253,18 +2262,18 @@ const ys = /* @__PURE__ */ v(ps, [["render", bs], ["__scopeId", "data-v-776750d2
       a.forEach((l) => {
         r.observe(l);
       });
-    }), (a, r) => (s(), i("div", $s, [
-      t("div", ws, [
-        t("div", Bs, [
+    }), (a, r) => (s(), i("div", ys, [
+      t("div", $s, [
+        t("div", ws, [
           (s(!0), i(V, null, P(e.timelineItems, (l) => (s(), i("div", {
             key: l.year,
             class: "timeline__item faded"
           }, [
-            t("div", Ss, c(l.year), 1),
-            Is,
-            t("div", Cs, [
-              S(M, null, {
-                default: y(() => [
+            t("div", Bs, c(l.year), 1),
+            Ss,
+            t("div", Is, [
+              I(M, null, {
+                default: k(() => [
                   l.media.src ? d(a.$slots, "timeline-image", F({
                     key: 0,
                     ref_for: !0
@@ -2273,23 +2282,23 @@ const ys = /* @__PURE__ */ v(ps, [["render", bs], ["__scopeId", "data-v-776750d2
                 _: 2
               }, 1024),
               t("div", {
-                style: ee([l.media.src ? "" : "margin-top: 0px"]),
+                style: x([l.media.src ? "" : "margin-top: 0px"]),
                 class: "rich-text",
                 innerHTML: l.text
-              }, null, 12, Ts)
+              }, null, 12, Cs)
             ])
           ]))), 128))
         ])
       ])
     ]));
   }
-}), As = /* @__PURE__ */ v(qs, [["__scopeId", "data-v-798e7a06"]]), Ls = { class: "vimeo" }, Ds = { class: "vimeo__wrapper" }, Vs = {
+}), qs = /* @__PURE__ */ g(Ts, [["__scopeId", "data-v-798e7a06"]]), As = { class: "vimeo" }, Ls = { class: "vimeo__wrapper" }, Ds = {
   key: 0,
   class: "vimeo__headline"
-}, Ps = {
+}, Vs = {
   key: 1,
   class: "vimeo__description"
-}, Fs = /* @__PURE__ */ g({
+}, Ps = /* @__PURE__ */ b({
   __name: "vimeo",
   props: {
     headline: {
@@ -2302,18 +2311,18 @@ const ys = /* @__PURE__ */ v(ps, [["render", bs], ["__scopeId", "data-v-776750d2
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Ls, [
-      t("div", Ds, [
-        e.headline ? (s(), i("h2", Vs, c(e.headline), 1)) : _("", !0),
+    return (a, r) => (s(), i("div", As, [
+      t("div", Ls, [
+        e.headline ? (s(), i("h2", Ds, c(e.headline), 1)) : _("", !0),
         d(a.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (s(), i("p", Ps, c(e.description), 1)) : _("", !0)
+        e.description ? (s(), i("p", Vs, c(e.description), 1)) : _("", !0)
       ])
     ]));
   }
-}), Ms = /* @__PURE__ */ v(Fs, [["__scopeId", "data-v-90a2b109"]]), Os = { class: "academy-overview" }, zs = { class: "academy-overview__content-wrapper" }, Hs = { class: "academy-overview__content" }, Rs = { class: "academy-overview__title" }, Ns = { class: "academy-overview__description" }, Es = { class: "academy-overview__button-wrapper" }, js = {
+}), Fs = /* @__PURE__ */ g(Ps, [["__scopeId", "data-v-90a2b109"]]), Ms = { class: "academy-overview" }, Os = { class: "academy-overview__content-wrapper" }, zs = { class: "academy-overview__content" }, Hs = { class: "academy-overview__title" }, Rs = { class: "academy-overview__description" }, Ns = { class: "academy-overview__button-wrapper" }, Es = {
   key: 0,
   class: "academy-overview__stats"
-}, Gs = { class: "academy-overview__stats-row" }, Ks = { class: "academy-overview__stat" }, Us = { class: "academy-overview__value" }, Js = { class: "academy-overview__label" }, Ws = { class: "academy-overview__stat" }, Ys = { class: "academy-overview__value" }, Qs = { class: "academy-overview__label" }, Zs = /* @__PURE__ */ g({
+}, js = { class: "academy-overview__stats-row" }, Gs = { class: "academy-overview__stat" }, Ks = { class: "academy-overview__value" }, Us = { class: "academy-overview__label" }, Js = { class: "academy-overview__stat" }, Ws = { class: "academy-overview__value" }, Ys = { class: "academy-overview__label" }, Qs = /* @__PURE__ */ b({
   __name: "frontpage-hero",
   props: {
     hero: { default: () => ({
@@ -2327,25 +2336,25 @@ const ys = /* @__PURE__ */ v(ps, [["render", bs], ["__scopeId", "data-v-776750d2
     }) }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Os, [
-      t("div", zs, [
-        t("div", Hs, [
+    return (a, r) => (s(), i("div", Ms, [
+      t("div", Os, [
+        t("div", zs, [
           t("div", null, [
-            t("h1", Rs, c(a.hero.headline), 1),
-            t("p", Ns, c(a.hero.description), 1),
-            t("div", Es, [
+            t("h1", Hs, c(a.hero.headline), 1),
+            t("p", Rs, c(a.hero.description), 1),
+            t("div", Ns, [
               d(a.$slots, "button", {}, void 0, !0)
             ])
           ]),
-          a.hero.showStats ? (s(), i("div", js, [
-            t("div", Gs, [
-              t("div", Ks, [
-                t("div", Us, c(a.hero.lessonValue), 1),
-                t("div", Js, c(a.hero.lessonLabel), 1)
+          a.hero.showStats ? (s(), i("div", Es, [
+            t("div", js, [
+              t("div", Gs, [
+                t("div", Ks, c(a.hero.lessonValue), 1),
+                t("div", Us, c(a.hero.lessonLabel), 1)
               ]),
-              t("div", Ws, [
-                t("div", Ys, c(a.hero.pointsValue), 1),
-                t("div", Qs, c(a.hero.pointsLabel), 1)
+              t("div", Js, [
+                t("div", Ws, c(a.hero.pointsValue), 1),
+                t("div", Ys, c(a.hero.pointsLabel), 1)
               ])
             ])
           ])) : _("", !0)
@@ -2353,7 +2362,7 @@ const ys = /* @__PURE__ */ v(ps, [["render", bs], ["__scopeId", "data-v-776750d2
       ])
     ]));
   }
-}), Xs = /* @__PURE__ */ v(Zs, [["__scopeId", "data-v-1594f3e8"]]), xs = { class: "not-found__wrapper" }, ei = { class: "not-found__content" }, ti = { class: "not-found__headline" }, ai = { class: "not-found__body" }, oi = /* @__PURE__ */ g({
+}), Zs = /* @__PURE__ */ g(Qs, [["__scopeId", "data-v-1594f3e8"]]), Xs = { class: "not-found__wrapper" }, xs = { class: "not-found__content" }, ei = { class: "not-found__headline" }, ti = { class: "not-found__body" }, ai = /* @__PURE__ */ b({
   __name: "404",
   props: {
     headline: {
@@ -2362,16 +2371,16 @@ const ys = /* @__PURE__ */ v(ps, [["render", bs], ["__scopeId", "data-v-776750d2
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", xs, [
-      t("div", ei, [
-        t("h1", ti, c(e.headline), 1),
-        t("div", ai, [
+    return (a, r) => (s(), i("div", Xs, [
+      t("div", xs, [
+        t("h1", ei, c(e.headline), 1),
+        t("div", ti, [
           d(a.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), li = /* @__PURE__ */ v(oi, [["__scopeId", "data-v-b829ca6c"]]), si = { class: "filter__wrapper" }, ii = { class: "filter__content" }, ri = { class: "filter__dropdowns" }, ni = { class: "filter__chips" }, di = /* @__PURE__ */ g({
+}), oi = /* @__PURE__ */ g(ai, [["__scopeId", "data-v-b829ca6c"]]), li = { class: "filter__wrapper" }, si = { class: "filter__content" }, ii = { class: "filter__dropdowns" }, ri = { class: "filter__chips" }, ni = /* @__PURE__ */ b({
   __name: "filter",
   props: {
     hasChips: {
@@ -2385,12 +2394,12 @@ const ys = /* @__PURE__ */ v(ps, [["render", bs], ["__scopeId", "data-v-776750d2
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (a, r) => (s(), i("div", si, [
-      t("div", ii, [
-        t("div", ri, [
+    return (a, r) => (s(), i("div", li, [
+      t("div", si, [
+        t("div", ii, [
           d(a.$slots, "filter-dropdowns")
         ]),
-        t("div", ni, [
+        t("div", ri, [
           d(a.$slots, "filter-chips"),
           e.hasChips ? (s(), i("button", {
             key: 0,
@@ -2401,37 +2410,37 @@ const ys = /* @__PURE__ */ v(ps, [["render", bs], ["__scopeId", "data-v-776750d2
       ])
     ]));
   }
-}), ci = /* @__PURE__ */ v(di, [["__scopeId", "data-v-b2ccb954"]]), ye = (e) => (H("data-v-a0ab0743"), e = e(), R(), e), ui = { class: "footer__wrapper" }, _i = { class: "footer__content" }, hi = {
+}), di = /* @__PURE__ */ g(ni, [["__scopeId", "data-v-03a6a216"]]), ke = (e) => (N("data-v-a0ab0743"), e = e(), E(), e), ci = { class: "footer__wrapper" }, ui = { class: "footer__content" }, _i = {
   key: 0,
   src: "https://mobile-industrial-robots.com/logo/mir-main-logo.svg",
   style: { margin: "0 auto" },
   width: "101",
   height: "45"
-}, pi = { class: "footer__sections" }, mi = { class: "section__title" }, fi = { class: "section__list" }, vi = { class: "section" }, gi = {
+}, hi = { class: "footer__sections" }, pi = { class: "section__title" }, mi = { class: "section__list" }, fi = { class: "section" }, vi = {
   key: 0,
   class: "section__title"
-}, bi = {
+}, gi = {
   key: 1,
   class: "section__title"
-}, yi = { key: 0 }, ki = { key: 1 }, $i = { key: 2 }, wi = { key: 3 }, Bi = { key: 4 }, Si = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("br", null, null, -1)), Ii = {
+}, bi = { key: 0 }, ki = { key: 1 }, yi = { key: 2 }, $i = { key: 3 }, wi = { key: 4 }, Bi = /* @__PURE__ */ ke(() => /* @__PURE__ */ t("br", null, null, -1)), Si = {
   key: 0,
   href: "mailto:china@mir-robots.com"
-}, Ci = {
+}, Ii = {
   key: 1,
   href: "mailto:mail@mir-robots.com"
-}, Ti = {
+}, Ci = {
   key: 0,
   href: "tel:+8613661856951"
-}, qi = {
+}, Ti = {
   key: 1,
   href: "tel:+4520377577"
-}, Ai = { class: "footer__bottom" }, Li = { class: "copyright" }, Di = { class: "footer__policy" }, Vi = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Pi = {
+}, qi = { class: "footer__bottom" }, Ai = { class: "copyright" }, Li = { class: "footer__policy" }, Di = /* @__PURE__ */ ke(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Vi = {
   key: 0,
   class: "footer__social"
-}, Fi = ["href", "aria-label"], Mi = {
+}, Pi = ["href", "aria-label"], Fi = {
   key: 1,
   class: "footer__social"
-}, Oi = ["href", "aria-label"], zi = /* @__PURE__ */ g({
+}, Mi = ["href", "aria-label"], Oi = /* @__PURE__ */ b({
   __name: "footer",
   props: {
     language: { default: "" },
@@ -2444,75 +2453,75 @@ const ys = /* @__PURE__ */ v(ps, [["render", bs], ["__scopeId", "data-v-776750d2
   },
   emits: ["changeRegionClicked"],
   setup(e) {
-    return (a, r) => (s(), i("div", ui, [
-      t("footer", _i, [
-        a.language === "zh" ? (s(), i("img", hi)) : _("", !0),
-        t("div", pi, [
+    return (a, r) => (s(), i("div", ci, [
+      t("footer", ui, [
+        a.language === "zh" ? (s(), i("img", _i)) : _("", !0),
+        t("div", hi, [
           (s(!0), i(V, null, P(a.footerSections, (l) => (s(), i("div", {
             key: l.title,
             class: "section"
           }, [
-            t("span", mi, c(l.title), 1),
+            t("span", pi, c(l.title), 1),
             t("nav", null, [
-              t("ul", fi, [
+              t("ul", mi, [
                 d(a.$slots, "section-links", {
                   links: l.links
                 })
               ])
             ])
           ]))), 128)),
-          t("div", vi, [
-            a.language === "zh" ? (s(), i("span", gi, "名傲移动机器人（上海）有限公司")) : (s(), i("span", bi, "Mobile Industrial Robots A/S")),
+          t("div", fi, [
+            a.language === "zh" ? (s(), i("span", vi, "名傲移动机器人（上海）有限公司")) : (s(), i("span", gi, "Mobile Industrial Robots A/S")),
             t("address", null, [
-              a.language === "zh" ? (s(), i("span", yi, "上海浦东新区金桥出口加工区")) : (s(), i("span", ki, "Energivej 51")),
-              a.language === "zh" ? (s(), i("span", $i, "桂桥路1201号10栋2楼")) : (s(), i("span", wi, "5260 Odense S")),
-              a.language !== "zh" ? (s(), i("span", Bi, "CVR: 35251235")) : _("", !0),
-              Si,
-              S(L, {
+              a.language === "zh" ? (s(), i("span", bi, "上海浦东新区金桥出口加工区")) : (s(), i("span", ki, "Energivej 51")),
+              a.language === "zh" ? (s(), i("span", yi, "桂桥路1201号10栋2楼")) : (s(), i("span", $i, "5260 Odense S")),
+              a.language !== "zh" ? (s(), i("span", wi, "CVR: 35251235")) : _("", !0),
+              Bi,
+              I(L, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
               }, {
-                default: y(() => [
-                  a.language === "zh" ? (s(), i("a", Ii, "china@mir-robots.com")) : (s(), i("a", Ci, "mail@mir-robots.com"))
+                default: k(() => [
+                  a.language === "zh" ? (s(), i("a", Si, "china@mir-robots.com")) : (s(), i("a", Ii, "mail@mir-robots.com"))
                 ]),
                 _: 1
               }),
-              S(L, {
+              I(L, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
               }, {
-                default: y(() => [
-                  a.language === "zh" ? (s(), i("a", Ti, "+86 13661856951（微信同号）")) : (s(), i("a", qi, "+45 20 377 577"))
+                default: k(() => [
+                  a.language === "zh" ? (s(), i("a", Ci, "+86 13661856951（微信同号）")) : (s(), i("a", Ti, "+45 20 377 577"))
                 ]),
                 _: 1
               })
             ])
           ])
         ]),
-        t("div", Ai, [
-          t("p", Li, " © Mobile Industrial Robots " + c((/* @__PURE__ */ new Date()).getFullYear()), 1),
-          t("div", Di, [
+        t("div", qi, [
+          t("p", Ai, " © Mobile Industrial Robots " + c((/* @__PURE__ */ new Date()).getFullYear()), 1),
+          t("div", Li, [
             t("button", {
               class: "footer__language-switcher",
               onClick: r[0] || (r[0] = (l) => a.$emit("changeRegionClicked"))
             }, [
               t("span", null, [
-                Vi,
-                J(c(a.changeRegion), 1)
+                Di,
+                Y(c(a.changeRegion), 1)
               ])
             ]),
             d(a.$slots, "footer-privacy-link"),
             d(a.$slots, "footer-cookie-link")
           ]),
-          a.language !== "zh" ? (s(), i("div", Pi, [
+          a.language !== "zh" ? (s(), i("div", Vi, [
             (s(!0), i(V, null, P(a.socialMedia, (l) => (s(), T(L, {
               key: l.title,
               underline: "false",
               "link-type": "regular"
             }, {
-              default: y(() => [
+              default: k(() => [
                 t("a", {
                   href: l.url,
                   target: "_blank",
@@ -2523,17 +2532,17 @@ const ys = /* @__PURE__ */ v(ps, [["render", bs], ["__scopeId", "data-v-776750d2
                     height: "14",
                     class: h(["footer__social--icon", [l.title ? "bg-" + l.title : ""]])
                   }, null, 2)
-                ], 8, Fi)
+                ], 8, Pi)
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : (s(), i("div", Mi, [
+          ])) : (s(), i("div", Fi, [
             (s(!0), i(V, null, P(a.socialMediaChina, (l) => (s(), T(L, {
               key: l.title,
               underline: "false",
               "link-type": "regular"
             }, {
-              default: y(() => [
+              default: k(() => [
                 t("a", {
                   href: l.url,
                   target: "_blank",
@@ -2544,7 +2553,7 @@ const ys = /* @__PURE__ */ v(ps, [["render", bs], ["__scopeId", "data-v-776750d2
                     height: "14",
                     class: h(["footer__social--icon", [l.title ? "bg-" + l.title : ""]])
                   }, null, 2)
-                ], 8, Oi)
+                ], 8, Mi)
               ]),
               _: 2
             }, 1024))), 128))
@@ -2553,51 +2562,54 @@ const ys = /* @__PURE__ */ v(ps, [["render", bs], ["__scopeId", "data-v-776750d2
       ])
     ]));
   }
-}), Hi = /* @__PURE__ */ v(zi, [["__scopeId", "data-v-a0ab0743"]]), ke = (e) => (H("data-v-0b00b9f2"), e = e(), R(), e), Ri = { class: "header__wrapper" }, Ni = { class: "nav-wrapper" }, Ei = { class: "mir-link-logo" }, ji = { class: "main-nav-items" }, Gi = {
+}), zi = /* @__PURE__ */ g(Oi, [["__scopeId", "data-v-a0ab0743"]]), ye = (e) => (N("data-v-0eacb63b"), e = e(), E(), e), Hi = { class: "header__wrapper" }, Ri = { class: "nav-wrapper" }, Ni = { class: "mir-link-logo" }, Ei = { class: "main-nav-items" }, ji = {
   key: 0,
   id: "menu-dropdown",
   ref: "dropdownDiv"
-}, Ki = {
+}, Gi = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdown arrow"
-}, Ui = {
+}, Ki = {
   key: 1,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdown arrow",
   style: { transform: "rotate(180deg)" }
-}, Ji = { class: "dropdown-content" }, Wi = {
+}, Ui = { class: "dropdown-content" }, Ji = {
   key: 1,
   class: "nav-search-wrapper"
-}, Yi = ["src"], Qi = {
+}, Wi = ["src"], Yi = {
   key: 2,
   id: "menu-portal-switcher",
   class: "portal-switcher-wrapper"
-}, Zi = /* @__PURE__ */ ke(() => /* @__PURE__ */ t("img", {
+}, Qi = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg?cv=1712916615032",
   alt: "portal switcher icon",
   width: "20",
   height: "20"
-}, null, -1)), Xi = [
-  Zi
-], xi = { class: "portal-switcher-content" }, er = { class: "portal-switcher-links" }, tr = ["href"], ar = ["src"], or = {
+}, null, -1)), Zi = [
+  Qi
+], Xi = { class: "portal-switcher-content" }, xi = { class: "portal-switcher-links" }, er = ["href"], tr = ["src"], ar = {
   key: 3,
   id: "menu-profile-dropdown",
   class: "profile-dropdown-wrapper"
-}, lr = {
+}, or = {
   key: 0,
   class: "profile-dropdown-sign-in"
-}, sr = /* @__PURE__ */ ke(() => /* @__PURE__ */ t("img", {
+}, lr = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/15x14/3b3253dd12/icon-user.svg?cv=1712916615014",
   alt: "profile dropdown icon",
   width: "20",
   height: "20"
-}, null, -1)), ir = [
-  sr
-], rr = { class: "profile-dropdown-content" }, nr = { class: "mobile-logo-search-burger-wrapper" }, dr = { class: "mobile-mir-link-logo" }, cr = {
+}, null, -1)), sr = [
+  lr
+], ir = { class: "profile-dropdown-content" }, rr = { class: "mobile-logo-search-burger-wrapper" }, nr = { class: "mobile-mir-link-logo" }, dr = {
   key: 0,
   class: "mobile-search-wrapper"
-}, ur = ["src"], _r = ["src"], hr = { class: "mobile-menu-content-wrapper" }, pr = { class: "mobile-dropdown-content" }, mr = /* @__PURE__ */ g({
+}, cr = ["src"], ur = {
+  id: "menu-portal-switcher",
+  class: "menu-portal-switcher-wrapper"
+}, _r = ["src"], hr = { class: "portal-switcher-content" }, pr = { class: "portal-switcher-links" }, mr = ["href"], fr = ["src"], vr = ["src"], gr = { class: "mobile-menu-content-wrapper" }, br = { class: "mobile-dropdown-content" }, kr = /* @__PURE__ */ b({
   __name: "header",
   props: {
     burgerState: {
@@ -2651,198 +2663,242 @@ const ys = /* @__PURE__ */ v(ps, [["render", bs], ["__scopeId", "data-v-776750d2
   setup(e, { expose: a, emit: r }) {
     let l = null;
     const o = e;
-    let u = C(o.burgerState), p = C(o.search), n = C(o.showDropDown), b = C(o.showPortalSwitcherDropDown), f = C(o.showProfileDropDown), k = C(o.isAuthenticated);
-    Q(
+    let u = C(o.burgerState), p = C(o.search), n = C(o.showDropDown), v = C(o.showPortalSwitcherDropDown), f = C(o.showProfileDropDown), $ = C(o.isAuthenticated);
+    Z(
       () => o.burgerState,
-      ($) => u.value = $
-    ), Q(
+      (w) => u.value = w
+    ), Z(
       () => o.search,
-      ($) => p.value = $
-    ), Q(
+      (w) => p.value = w
+    ), Z(
       () => o.showDropDown,
-      ($) => n.value = $
-    ), Q(
+      (w) => n.value = w
+    ), Z(
       () => o.showPortalSwitcherDropDown,
-      ($) => b.value = $
-    ), Q(
+      (w) => v.value = w
+    ), Z(
       () => o.showProfileDropDown,
-      ($) => f.value = $
-    ), Q(
+      (w) => f.value = w
+    ), Z(
       () => o.isAuthenticated,
-      ($) => k.value = $
+      (w) => $.value = w
     ), me(() => {
-      l = ($) => {
-        $.target.closest("#menu-dropdown") || (n.value = !1), $.target.closest("#menu-portal-switcher") || (b.value = !1), $.target.closest("#menu-profile-dropdown") || (f.value = !1);
+      l = (w) => {
+        w.target.closest("#menu-dropdown") || (n.value = !1), w.target.closest("#menu-portal-switcher") || (v.value = !1), w.target.closest("#menu-profile-dropdown") || (f.value = !1);
       }, window.addEventListener("click", l);
     }), qe(() => {
       l !== null && window.removeEventListener("click", l);
     });
-    const w = r;
+    const B = r;
     function ae() {
-      n.value = !n.value, w("update:showDropDown", n.value);
+      n.value = !n.value, B("update:showDropDown", n.value);
     }
-    function re() {
-      b.value = !b.value, w("update:showPortalSwitcherDropDown", b.value);
+    function oe() {
+      v.value = !v.value, B("update:showPortalSwitcherDropDown", v.value);
     }
     function ne() {
-      f.value = !f.value, w("update:showProfileDropDown", f.value);
+      f.value = !f.value, B("update:showProfileDropDown", f.value);
     }
     function de() {
-      u.value = !u.value, w("update:burgerState", u.value);
+      u.value = !u.value, B("update:burgerState", u.value);
     }
-    let U = C(null), oe = C(null);
+    let U = C(null), le = C(null);
     function ce() {
       U.value && U.value.blur();
     }
     return a({
       defocusSearchButton: ce
-    }), ($, j) => (s(), i("div", Ri, [
+    }), (w, j) => (s(), i("div", Hi, [
       t("nav", null, [
-        t("div", Ni, [
-          t("div", Ei, [
-            d($.$slots, "link-logo", {}, void 0, !0)
+        t("div", Ri, [
+          t("div", Ni, [
+            d(w.$slots, "link-logo", {}, void 0, !0)
           ]),
-          t("ul", ji, [
-            d($.$slots, "main-nav-items", {}, void 0, !0)
+          t("ul", Ei, [
+            d(w.$slots, "main-nav-items", {}, void 0, !0)
           ]),
-          e.useDropdown ? (s(), i("div", Gi, [
+          e.useDropdown ? (s(), i("div", ji, [
             t("button", {
               class: "nav-dropdown-btn",
               "aria-label": "Toggle Dropdown",
               onClick: ae
             }, [
-              d($.$slots, "dropdown-title", {}, void 0, !0),
-              I(n) === !1 ? (s(), i("img", Ki)) : (s(), i("img", Ui))
+              d(w.$slots, "dropdown-title", {}, void 0, !0),
+              y(n) === !1 ? (s(), i("img", Gi)) : (s(), i("img", Ki))
             ]),
-            K(t("div", Ji, [
-              d($.$slots, "dropdown-links", {}, void 0, !0)
+            K(t("div", Ui, [
+              d(w.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
-              [Z, I(n)]
+              [W, y(n)]
             ])
           ], 512)) : _("", !0),
-          I(p) ? (s(), i("div", Wi, [
+          y(p) ? (s(), i("div", Ji, [
             t("button", {
               ref_key: "navSearchButton",
               ref: U,
               class: "search-icon",
               "aria-label": "Toggle search",
-              onClick: j[0] || (j[0] = (G) => {
-                var E;
-                return $.$emit("clickSearch"), (E = I(U)) == null ? void 0 : E.blur();
+              onClick: j[0] || (j[0] = (O) => {
+                var z;
+                return w.$emit("clickSearch"), (z = y(U)) == null ? void 0 : z.blur();
               })
             }, [
               t("img", {
-                src: I(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
+                src: y(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
                 alt: "search icon",
                 width: "20",
                 height: "20"
-              }, null, 8, Yi)
+              }, null, 8, Wi)
             ], 512)
           ])) : _("", !0),
-          e.usePortalSwitcher ? (s(), i("div", Qi, [
+          e.usePortalSwitcher ? (s(), i("div", Yi, [
             t("button", {
               class: "nav-portal-switcher-btn",
               "aria-label": "Toggle Portal",
-              onClick: re
-            }, Xi),
-            K(t("div", xi, [
-              t("ul", er, [
-                (s(!0), i(V, null, P(e.portals, (G, E) => (s(), i("li", {
-                  key: E,
+              onClick: oe
+            }, Zi),
+            K(t("div", Xi, [
+              t("ul", xi, [
+                (s(!0), i(V, null, P(e.portals, (O, z) => (s(), i("li", {
+                  key: z,
                   class: "portal-switcher-link"
                 }, [
-                  S(I(L), { "link-type": "regular" }, {
-                    default: y(() => [
+                  I(y(L), { "link-type": "regular" }, {
+                    default: k(() => [
                       t("a", {
-                        href: G.link,
-                        onClick: j[1] || (j[1] = (W) => x(n) ? n.value = !1 : n = !1)
+                        href: O.link,
+                        onClick: j[1] || (j[1] = (J) => X(n) ? n.value = !1 : n = !1)
                       }, [
                         t("img", {
-                          src: G.icon
-                        }, null, 8, ar),
-                        t("div", null, c(G.name), 1)
-                      ], 8, tr)
+                          src: O.icon
+                        }, null, 8, tr),
+                        t("div", null, c(O.name), 1)
+                      ], 8, er)
                     ]),
                     _: 2
                   }, 1024)
                 ]))), 128))
               ])
             ], 512), [
-              [Z, I(b)]
+              [W, y(v)]
             ])
           ])) : _("", !0),
-          e.useProfileDropdown ? (s(), i("div", or, [
-            I(k) ? _("", !0) : (s(), i("div", lr, [
-              d($.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
+          e.useProfileDropdown ? (s(), i("div", ar, [
+            y($) ? _("", !0) : (s(), i("div", or, [
+              d(w.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
             ])),
-            I(k) ? (s(), i("button", {
+            y($) ? (s(), i("button", {
               key: 1,
               "aria-label": "Toggle Profile",
               class: "nav-profile-dropdown-btn",
               onClick: ne
-            }, ir)) : _("", !0),
-            K(t("div", rr, [
-              d($.$slots, "profile-dropdown-links", {}, void 0, !0)
+            }, sr)) : _("", !0),
+            K(t("div", ir, [
+              d(w.$slots, "profile-dropdown-links", {}, void 0, !0)
             ], 512), [
-              [Z, I(f)]
+              [W, y(f)]
             ])
           ])) : _("", !0)
         ]),
         t("div", {
-          class: h(["mobile-nav-wrapper", I(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
+          class: h(["mobile-nav-wrapper", y(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
         }, [
-          t("div", nr, [
-            t("div", dr, [
-              d($.$slots, "link-logo", {}, void 0, !0)
+          t("div", rr, [
+            t("div", nr, [
+              d(w.$slots, "link-logo", {}, void 0, !0)
             ]),
-            I(p) ? (s(), i("div", cr, [
+            y(p) ? (s(), i("div", dr, [
               t("button", {
                 ref_key: "mobileSearchButton",
-                ref: oe,
+                ref: le,
                 class: "search-icon",
                 "aria-label": "Toggle search",
-                onClick: j[2] || (j[2] = (G) => {
-                  var E;
-                  return $.$emit("clickSearch"), (E = I(oe)) == null ? void 0 : E.blur();
+                onClick: j[2] || (j[2] = (O) => {
+                  var z;
+                  return w.$emit("clickSearch"), (z = y(le)) == null ? void 0 : z.blur();
                 })
               }, [
                 t("img", {
-                  src: I(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
+                  src: y(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
                   alt: "search icon",
                   width: "20",
                   height: "20"
-                }, null, 8, ur)
+                }, null, 8, cr)
               ], 512)
             ])) : _("", !0),
+            t("div", ur, [
+              t("button", {
+                class: h({
+                  "menu-portal-switcher-btn": !0,
+                  "is-active": y(v)
+                }),
+                style: x({
+                  backgroundColor: y(v) && y(u) === !0 ? "#1a76bc" : y(v) ? "#cbeefa" : "transparent"
+                }),
+                onClick: ue(oe, ["prevent"])
+              }, [
+                t("img", {
+                  src: y(u) === !0 ? "https://a.storyblok.com/f/230581/14x12/84ff5537cb/portal-switcher-white.svg" : "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg",
+                  alt: "portalswitchericon",
+                  width: "20",
+                  height: "20"
+                }, null, 8, _r)
+              ], 6),
+              K(t("div", hr, [
+                t("ul", pr, [
+                  (s(!0), i(V, null, P(e.portals, (O, z) => (s(), i("li", {
+                    key: z,
+                    class: "portal-switcher-link"
+                  }, [
+                    I(y(L), { "link-type": "regular" }, {
+                      default: k(() => [
+                        t("a", {
+                          href: O.link,
+                          onClick: j[3] || (j[3] = (J) => X(n) ? n.value = !1 : n = !1)
+                        }, [
+                          t("img", {
+                            src: O.icon
+                          }, null, 8, fr),
+                          t("div", null, c(O.name), 1)
+                        ], 8, mr)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]))), 128))
+                ])
+              ], 512), [
+                [W, y(v)]
+              ])
+            ]),
             t("button", {
               class: "mobile-burger-wrapper",
               "aria-label": "Toggle menu",
-              onClick: he(de, ["prevent"])
+              onClick: ue(de, ["prevent"])
             }, [
               t("img", {
                 width: "20",
                 height: "20",
-                src: I(u) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg",
+                src: y(u) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg",
                 alt: "burger menu icon"
-              }, null, 8, _r)
+              }, null, 8, vr)
             ])
           ]),
-          K(t("div", hr, [
+          K(t("div", gr, [
             t("ul", null, [
-              d($.$slots, "mobile-main-nav-items", {}, void 0, !0)
+              d(w.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
-            t("ul", pr, [
-              d($.$slots, "mobile-dropdown-title", {}, void 0, !0),
-              d($.$slots, "mobile-dropdown-links", {}, void 0, !0)
+            t("ul", br, [
+              d(w.$slots, "mobile-dropdown-title", {}, void 0, !0),
+              d(w.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
-            [Z, I(u)]
+            [W, y(u)]
           ])
         ], 2)
       ])
     ]));
   }
-}), fr = /* @__PURE__ */ v(mr, [["__scopeId", "data-v-0b00b9f2"]]), vr = { class: "language__wrapper" }, gr = { class: "language__content" }, br = { class: "language__headline" }, yr = { class: "language__paragraph" }, kr = { class: "language__links" }, $r = /* @__PURE__ */ g({
+}), yr = /* @__PURE__ */ g(kr, [["__scopeId", "data-v-0eacb63b"]]), $r = { class: "language__wrapper" }, wr = { class: "language__content" }, Br = { class: "language__headline" }, Sr = { class: "language__paragraph" }, Ir = { class: "language__links" }, Cr = /* @__PURE__ */ b({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2855,17 +2911,17 @@ const ys = /* @__PURE__ */ v(ps, [["render", bs], ["__scopeId", "data-v-776750d2
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", vr, [
-      t("div", gr, [
-        t("h2", br, c(e.headline), 1),
-        t("p", yr, c(e.paragraph), 1),
-        t("div", kr, [
+    return (a, r) => (s(), i("div", $r, [
+      t("div", wr, [
+        t("h2", Br, c(e.headline), 1),
+        t("p", Sr, c(e.paragraph), 1),
+        t("div", Ir, [
           d(a.$slots, "language-links", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), wr = /* @__PURE__ */ v($r, [["__scopeId", "data-v-dc8cc97e"]]), Br = { class: "pagination__wrapper" }, Sr = { class: "pagination__content" }, Ir = /* @__PURE__ */ g({
+}), Tr = /* @__PURE__ */ g(Cr, [["__scopeId", "data-v-dc8cc97e"]]), qr = { class: "pagination__wrapper" }, Ar = { class: "pagination__content" }, Lr = /* @__PURE__ */ b({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2879,16 +2935,16 @@ const ys = /* @__PURE__ */ v(ps, [["render", bs], ["__scopeId", "data-v-776750d2
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (a, r) => (s(), i("div", Br, [
-      t("div", Sr, [
-        S(se, {
+    return (a, r) => (s(), i("div", qr, [
+      t("div", Ar, [
+        I(ie, {
           disabled: e.isPreviousDisabled,
           variant: "previous",
           "aria-label": "previous",
           onClick: r[0] || (r[0] = (l) => a.$emit("previous"))
         }, null, 8, ["disabled"]),
         d(a.$slots, "pagination-numbers"),
-        S(se, {
+        I(ie, {
           disabled: e.isNextDisabled,
           variant: "next",
           "aria-label": "next",
@@ -2897,13 +2953,13 @@ const ys = /* @__PURE__ */ v(ps, [["render", bs], ["__scopeId", "data-v-776750d2
       ])
     ]));
   }
-}), Cr = /* @__PURE__ */ v(Ir, [["__scopeId", "data-v-da6d07c9"]]), Tr = {}, qr = { class: "search__wrapper" };
-function Ar(e, a) {
-  return s(), i("div", qr, [
+}), Dr = /* @__PURE__ */ g(Lr, [["__scopeId", "data-v-da6d07c9"]]), Vr = {}, Pr = { class: "search__wrapper" };
+function Fr(e, a) {
+  return s(), i("div", Pr, [
     d(e.$slots, "default", { class: "search__content" })
   ]);
 }
-const Lr = /* @__PURE__ */ v(Tr, [["render", Ar], ["__scopeId", "data-v-c07a6cf3"]]), Dr = { class: "dropdown" }, Vr = ["aria-expanded"], Pr = /* @__PURE__ */ g({
+const Mr = /* @__PURE__ */ g(Vr, [["render", Fr], ["__scopeId", "data-v-c07a6cf3"]]), Or = { class: "dropdown" }, zr = ["aria-expanded"], Hr = /* @__PURE__ */ b({
   __name: "select-multiple",
   props: {
     label: { default: "" },
@@ -2913,51 +2969,51 @@ const Lr = /* @__PURE__ */ v(Tr, [["render", Ar], ["__scopeId", "data-v-c07a6cf3
   emits: ["filter", "remove-filter"],
   setup(e, { emit: a }) {
     const r = C(!1), l = e, o = a;
-    function u(b, f) {
-      !l.selectedOptions.includes(b) && !l.selectedOptions.includes(f) ? o("filter", b) : o("remove-filter", b);
+    function u(v, f) {
+      !l.selectedOptions.includes(v) && !l.selectedOptions.includes(f) ? o("filter", v) : o("remove-filter", v);
     }
     function p() {
       r.value = !1;
     }
     const n = q(() => l.options.length > 8);
-    return (b, f) => {
-      const k = _e("click-outside");
-      return K((s(), i("div", Dr, [
+    return (v, f) => {
+      const $ = he("click-outside");
+      return K((s(), i("div", Or, [
         t("button", {
           class: h(["dropdown-button", { clicked: r.value }]),
-          style: ee({ "z-index": r.value ? 2 : 0 }),
+          style: x({ "z-index": r.value ? 2 : 0 }),
           "aria-expanded": r.value ? "true" : "false",
-          onClick: f[0] || (f[0] = (w) => r.value = !r.value)
+          onClick: f[0] || (f[0] = (B) => r.value = !r.value)
         }, [
-          d(b.$slots, "button", {}, () => [
-            J(c(b.label), 1)
+          d(v.$slots, "button", {}, () => [
+            Y(c(v.label), 1)
           ], !0)
-        ], 14, Vr),
+        ], 14, zr),
         t("div", {
           class: h([{ hidden: !r.value, "adjust-height": n.value }, "dropdown-content"])
         }, [
-          (s(!0), i(V, null, P(b.options, (w) => (s(), T(I(fe), {
-            id: w.value,
-            key: w.value,
-            name: w.text,
+          (s(!0), i(V, null, P(v.options, (B) => (s(), T(y(fe), {
+            id: B.value,
+            key: B.value,
+            name: B.text,
             required: !1,
             disabled: !1,
-            value: w.value,
-            checked: b.selectedOptions.includes(w.value) || b.selectedOptions.includes(w.text),
-            onInput: (ae) => u(w.value, w.text)
+            value: B.value,
+            checked: v.selectedOptions.includes(B.value) || v.selectedOptions.includes(B.text),
+            onInput: (ae) => u(B.value, B.text)
           }, {
-            default: y(() => [
-              J(c(w.text), 1)
+            default: k(() => [
+              Y(c(B.text), 1)
             ]),
             _: 2
           }, 1032, ["id", "name", "value", "checked", "onInput"]))), 128))
         ], 2)
       ])), [
-        [k, p]
+        [$, p]
       ]);
     };
   }
-}), Fr = /* @__PURE__ */ v(Pr, [["__scopeId", "data-v-678cc92e"]]), Mr = { class: "promo__content" }, Or = { class: "pallet-jack__media-wrap" }, zr = { class: "pallet-jack-link" }, Hr = { class: "pallet-jack__media-wrap__inner-wrap" }, Rr = { class: "pallet-jack__media-wrap__content-wrap" }, Nr = { class: "regular-blue" }, Er = /* @__PURE__ */ g({
+}), Rr = /* @__PURE__ */ g(Hr, [["__scopeId", "data-v-678cc92e"]]), Nr = { class: "promo__content" }, Er = { class: "pallet-jack__media-wrap" }, jr = { class: "pallet-jack-link" }, Gr = { class: "pallet-jack__media-wrap__inner-wrap" }, Kr = { class: "pallet-jack__media-wrap__content-wrap" }, Ur = { class: "regular-blue" }, Jr = /* @__PURE__ */ b({
   __name: "pallet-jack",
   props: {
     label: { default: "" },
@@ -2983,22 +3039,22 @@ const Lr = /* @__PURE__ */ v(Tr, [["render", Ar], ["__scopeId", "data-v-c07a6cf3
         o.teaser ? "promo__wrapper--teaser" : ""
       ])
     }, [
-      t("div", Mr, [
+      t("div", Nr, [
         t("div", {
           class: h([
             "promo__video",
             o.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          t("div", Or, [
-            t("div", zr, [
+          t("div", Er, [
+            t("div", jr, [
               d(o.$slots, "pallet-jack-link")
             ]),
-            t("div", Hr, [
+            t("div", Gr, [
               d(o.$slots, "pallet-jack-video")
             ]),
-            t("div", Rr, [
-              t("h3", Nr, c(o.headline), 1),
+            t("div", Kr, [
+              t("h3", Ur, c(o.headline), 1),
               t("p", null, c(o.shortDescription), 1)
             ])
           ])
@@ -3009,7 +3065,7 @@ const Lr = /* @__PURE__ */ v(Tr, [["render", Ar], ["__scopeId", "data-v-c07a6cf3
             o.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          o.label ? (s(), T(X, {
+          o.label ? (s(), T(ee, {
             key: 0,
             text: o.label,
             "label-dark": o.variant === "dark"
@@ -3027,7 +3083,7 @@ const Lr = /* @__PURE__ */ v(Tr, [["render", Ar], ["__scopeId", "data-v-c07a6cf3
             "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
             arrow: ""
           }, {
-            default: y(() => [
+            default: k(() => [
               d(o.$slots, "promo-link")
             ]),
             _: 3
@@ -3036,7 +3092,7 @@ const Lr = /* @__PURE__ */ v(Tr, [["render", Ar], ["__scopeId", "data-v-c07a6cf3
             key: 2,
             "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
           }, {
-            default: y(() => [
+            default: k(() => [
               d(o.$slots, "promo-link")
             ]),
             _: 3
@@ -3045,49 +3101,49 @@ const Lr = /* @__PURE__ */ v(Tr, [["render", Ar], ["__scopeId", "data-v-c07a6cf3
       ])
     ], 2));
   }
-}), jr = /* @__PURE__ */ v(Er, [["__scopeId", "data-v-00c0bad3"]]), Kr = {
+}), Wr = /* @__PURE__ */ g(Jr, [["__scopeId", "data-v-00c0bad3"]]), Qr = {
   install: (e) => {
-    e.component("AtomButton", se), e.component("AtomCheckbox", fe), e.component("AtomChip", Ne), e.component("AtomDropdown", Ye), e.component("AtomImage", M), e.component("AtomLabel", X), e.component("AtomLink", L), e.component("AtomRadioButton", rt), e.component("AtomSelect", ht), e.component("AtomSelectMultiple", Fr), e.component("AtomSlider", Bt), e.component("AtomTextarea", Lt), e.component("AtomTextField", Et), e.component("AtomVideo", te), e.component("MoleculeAddress", la), e.component("MoleculeBulletList", da), e.component("MoleculeCard", pa), e.component("MoleculeColumnCard", ge), e.component("MoleculeEventCard", Ca), e.component("MoleculeFlashcard", be), e.component("MoleculeModal", ve), e.component("MoleculeTextCard", Ga), e.component("BlockAccordion", to), e.component("BlockFacts", Bo), e.component("BlockFeatures", Do), e.component("BlockFlashcards", Oo), e.component("BlockFormScript", Go), e.component("BlockHeadline", Wo), e.component("BlockHero", rl), e.component("BlockImage", hl), e.component("BlockImageGallery", gl), e.component("BlockLogoWall", Cl), e.component("BlockMicroStories", Dl), e.component("BlockPolicy", Ol), e.component("BlockProductHero", Ul), e.component("BlockPromo", Yl), e.component("BlockQuote", ns), e.component("BlockRichText", hs), e.component("BlockRichTextColumns", ys), e.component("BlockTimeline", As), e.component("BlockCardDisplay", no), e.component("BlockColumnGrid", mo), e.component("BlockVimeo", Ms), e.component("BlockPalletJack", jr), e.component("BlockFrontPageHero", Xs), e.component("Organism404", li), e.component("OrganismFilter", ci), e.component("OrganismFooter", Hi), e.component("OrganismHeader", fr), e.component("OrganismLanguageSwitcher", wr), e.component("OrganismPagination", Cr), e.component("OrganismSearch", Lr);
+    e.component("AtomButton", ie), e.component("AtomCheckbox", fe), e.component("AtomChip", Ne), e.component("AtomDropdown", Ye), e.component("AtomImage", M), e.component("AtomLabel", ee), e.component("AtomLink", L), e.component("AtomRadioButton", rt), e.component("AtomSelect", ht), e.component("AtomSelectMultiple", Rr), e.component("AtomSlider", Bt), e.component("AtomTextarea", Lt), e.component("AtomTextField", Et), e.component("AtomVideo", te), e.component("MoleculeAddress", la), e.component("MoleculeBulletList", da), e.component("MoleculeCard", pa), e.component("MoleculeColumnCard", ge), e.component("MoleculeEventCard", Ca), e.component("MoleculeFlashcard", be), e.component("MoleculeModal", ve), e.component("MoleculeTextCard", Ga), e.component("BlockAccordion", to), e.component("BlockFacts", wo), e.component("BlockFeatures", Lo), e.component("BlockFlashcards", Mo), e.component("BlockFormScript", jo), e.component("BlockHeadline", Jo), e.component("BlockHero", il), e.component("BlockImage", _l), e.component("BlockImageGallery", vl), e.component("BlockLogoWall", Il), e.component("BlockMicroStories", Ll), e.component("BlockPolicy", Ml), e.component("BlockProductHero", Kl), e.component("BlockPromo", Wl), e.component("BlockQuote", rs), e.component("BlockRichText", _s), e.component("BlockRichTextColumns", bs), e.component("BlockTimeline", qs), e.component("BlockCardDisplay", ro), e.component("BlockColumnGrid", po), e.component("BlockVimeo", Fs), e.component("BlockPalletJack", Wr), e.component("BlockFrontPageHero", Zs), e.component("Organism404", oi), e.component("OrganismFilter", di), e.component("OrganismFooter", zi), e.component("OrganismHeader", yr), e.component("OrganismLanguageSwitcher", Tr), e.component("OrganismPagination", Dr), e.component("OrganismSearch", Mr);
   }
 };
 export {
-  se as AtomButton,
+  ie as AtomButton,
   fe as AtomCheckbox,
   Ne as AtomChip,
   Ye as AtomDropdown,
   M as AtomImage,
-  X as AtomLabel,
+  ee as AtomLabel,
   L as AtomLink,
   rt as AtomRadioButton,
   ht as AtomSelect,
-  Fr as AtomSelectMultiple,
+  Rr as AtomSelectMultiple,
   Bt as AtomSlider,
   Et as AtomTextField,
   Lt as AtomTextarea,
   te as AtomVideo,
   to as BlockAccordion,
-  no as BlockCardDisplay,
-  mo as BlockColumnGrid,
-  Bo as BlockFacts,
-  Do as BlockFeatures,
-  Oo as BlockFlashcards,
-  Go as BlockFormScript,
-  Xs as BlockFrontPageHero,
-  Wo as BlockHeadline,
-  rl as BlockHero,
-  hl as BlockImage,
-  gl as BlockImageGallery,
-  Cl as BlockLogoWall,
-  Dl as BlockMicroStories,
-  jr as BlockPalletJack,
-  Ol as BlockPolicy,
-  Ul as BlockProductHero,
-  Yl as BlockPromo,
-  ns as BlockQuote,
-  hs as BlockRichText,
-  ys as BlockRichTextColumns,
-  As as BlockTimeline,
-  Ms as BlockVimeo,
+  ro as BlockCardDisplay,
+  po as BlockColumnGrid,
+  wo as BlockFacts,
+  Lo as BlockFeatures,
+  Mo as BlockFlashcards,
+  jo as BlockFormScript,
+  Zs as BlockFrontPageHero,
+  Jo as BlockHeadline,
+  il as BlockHero,
+  _l as BlockImage,
+  vl as BlockImageGallery,
+  Il as BlockLogoWall,
+  Ll as BlockMicroStories,
+  Wr as BlockPalletJack,
+  Ml as BlockPolicy,
+  Kl as BlockProductHero,
+  Wl as BlockPromo,
+  rs as BlockQuote,
+  _s as BlockRichText,
+  bs as BlockRichTextColumns,
+  qs as BlockTimeline,
+  Fs as BlockVimeo,
   la as MoleculeAddress,
   da as MoleculeBulletList,
   pa as MoleculeCard,
@@ -3096,12 +3152,12 @@ export {
   be as MoleculeFlashcard,
   ve as MoleculeModal,
   Ga as MoleculeTextCard,
-  li as Organism404,
-  ci as OrganismFilter,
-  Hi as OrganismFooter,
-  fr as OrganismHeader,
-  wr as OrganismLanguageSwitcher,
-  Cr as OrganismPagination,
-  Lr as OrganismSearch,
-  Kr as default
+  oi as Organism404,
+  di as OrganismFilter,
+  zi as OrganismFooter,
+  yr as OrganismHeader,
+  Tr as OrganismLanguageSwitcher,
+  Dr as OrganismPagination,
+  Mr as OrganismSearch,
+  Qr as default
 };