@mirweb/mir-web-components 1.8.5 → 1.8.7

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

@@ -1,5 +1,5 @@
-import { defineComponent as g, computed as q, openBlock as l, createElementBlock as i, normalizeClass as h, toDisplayString as d, createElementVNode as t, renderSlot as c, pushScopeId as H, popScopeId as R, createTextVNode as J, ref as C, resolveDirective as _e, withDirectives as U, Fragment as D, renderList as V, vShow as Z, normalizeProps as O, guardReactiveProps as z, toRefs as Se, mergeProps as M, createVNode as S, Transition as Ie, withCtx as y, withModifiers as he, createBlock as L, createCommentVNode as _, watchEffect as pe, withKeys as Ce, useSlots as qe, normalizeStyle as ee, isRef as x, unref as I, onMounted as me, watch as Q, onUnmounted as Ae } from "vue";
-const Le = ["aria-label"], Te = /* @__PURE__ */ g({
+import { defineComponent as g, computed as q, openBlock as l, createElementBlock as i, normalizeClass as h, toDisplayString as d, createElementVNode as t, renderSlot as c, pushScopeId as H, popScopeId as R, createTextVNode as J, ref as C, resolveDirective as _e, withDirectives as U, Fragment as D, renderList as V, vShow as Z, normalizeProps as O, guardReactiveProps as z, toRefs as Se, mergeProps as M, createVNode as S, Transition as Ie, withCtx as y, withModifiers as he, createBlock as A, createCommentVNode as _, watchEffect as pe, withKeys as Ce, useSlots as qe, normalizeStyle as ee, isRef as x, unref as I, onMounted as me, watch as Q, onUnmounted as Te } from "vue";
+const Ae = ["aria-label"], Le = /* @__PURE__ */ g({
   __name: "button",
   props: {
     variant: { default: "primary" },
@@ -18,14 +18,14 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
     return (o, u) => (l(), i("button", {
       class: h(["button", "button--" + s.value]),
       "aria-label": o.ariaLabel
-    }, d(s.value === "close" ? "" : o.buttonText), 11, Le));
+    }, d(s.value === "close" ? "" : o.buttonText), 11, Ae));
   }
 }), v = (e, a) => {
   const r = e.__vccOpts || e;
   for (const [s, o] of a)
     r[s] = o;
   return r;
-}, le = /* @__PURE__ */ v(Te, [["__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({
+}, le = /* @__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({
   __name: "checkbox",
   props: {
     name: { default: "checkbox" },
@@ -117,22 +117,22 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
       ae("update:modelValue", m);
     }
     function de(m) {
-      var A;
+      var T;
       const B = m.target;
-      B.getAttribute("role") === "option" && (W(B), se(), (A = u.value) == null || A.focus());
+      B.getAttribute("role") === "option" && (W(B), se(), (T = u.value) == null || T.focus());
     }
     function G(m) {
-      var A;
+      var T;
       const B = m.key;
       switch (B) {
         case "ArrowUp":
         case "ArrowDown": {
           m.preventDefault();
-          const T = s.options.findIndex(
+          const L = s.options.findIndex(
             (Y) => Y.value === s.modelValue
           );
-          let N = T ? n.value[T] : n.value[0];
-          B === "ArrowUp" ? T - 1 >= 0 && (N = n.value[T - 1]) : T + 1 <= s.options.length && (N = n.value[T + 1]), N && W(N);
+          let N = L ? n.value[L] : n.value[0];
+          B === "ArrowUp" ? L - 1 >= 0 && (N = n.value[L - 1]) : L + 1 <= s.options.length && (N = n.value[L + 1]), N && W(N);
           break;
         }
         case "Home":
@@ -145,11 +145,11 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
           break;
         case "Enter":
         case "Escape":
-          m.preventDefault(), se(), (A = u.value) == null || A.focus();
+          m.preventDefault(), se(), (T = u.value) == null || T.focus();
           break;
         default: {
-          const T = j(B);
-          T && W(T);
+          const L = j(B);
+          L && W(L);
           break;
         }
       }
@@ -174,25 +174,25 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
     function j(m) {
       let B = "";
       (f.value === "" || B !== m) && (w.value = s.options.findIndex(
-        (T) => T.value === s.modelValue
+        (L) => L.value === s.modelValue
       )), f.value = B === m ? m : f.value + m, B = m, $();
-      let A = K(
+      let T = K(
         w.value + 1,
         s.options.length
       );
-      return !A && f.value.length === 1 && (A = K(0, w.value)), w.value = (w.value + 1) % s.options.length, A;
+      return !T && f.value.length === 1 && (T = K(0, w.value)), w.value = (w.value + 1) % s.options.length, T;
     }
     function K(m, B) {
-      for (let A = m; A < B; A++)
-        if (s.options[A].label && s.options[A].label.toUpperCase().indexOf(f.value.toUpperCase()) === 0)
-          return n.value[A];
+      for (let T = m; T < B; T++)
+        if (s.options[T].label && s.options[T].label.toUpperCase().indexOf(f.value.toUpperCase()) === 0)
+          return n.value[T];
       return null;
     }
     function E() {
       W(n.value[0]);
     }
     function W(m) {
-      var A, T;
+      var T, L;
       const B = m.getAttribute("data-value");
       if (s.modelValue) {
         const N = s.options.findIndex(
@@ -200,12 +200,12 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
         ), Y = n.value[N];
         ce(Y);
       }
-      if (m.setAttribute("aria-selected", "true"), (A = p.value) == null || A.setAttribute(
+      if (m.setAttribute("aria-selected", "true"), (T = p.value) == null || T.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 - ((T = p.value) == null ? void 0 : T.clientHeight) : m.offsetTop < p.value.scrollTop && (p.value.scrollTop = m.offsetTop);
+        Y > N ? p.value.scrollTop = Y - ((L = p.value) == null ? void 0 : L.clientHeight) : m.offsetTop < p.value.scrollTop && (p.value.scrollTop = m.offsetTop);
       }
     }
     function $e() {
@@ -225,7 +225,7 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
       s.disabled || (k.value ? ue() : se());
     }
     return (m, B) => {
-      const A = _e("click-outside");
+      const T = _e("click-outside");
       return l(), i("div", {
         ref: "listbox",
         class: "listbox__wrapper",
@@ -263,21 +263,21 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
             onKeydown: G,
             onClick: de
           }, [
-            (l(!0), i(D, null, V(m.options, (T, N) => (l(), i("li", {
+            (l(!0), i(D, null, V(m.options, (L, N) => (l(), i("li", {
               key: `${m.name}-option-${N}`,
               ref_for: !0,
               ref_key: "listboxOptions",
               ref: n,
-              "aria-selected": T.value === m.modelValue,
-              "data-value": T.value,
+              "aria-selected": L.value === m.modelValue,
+              "data-value": L.value,
               class: "listbox__option",
               role: "option"
-            }, d(T.label), 9, Je))), 128))
+            }, d(L.label), 9, Je))), 128))
           ], 40, Ge), [
             [Z, !k.value]
           ])
         ])), [
-          [A, se]
+          [T, se]
         ])
       ], 8, Ee);
     };
@@ -444,7 +444,7 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
         name: "nested"
       }, {
         default: y(() => [
-          U(t("div", {
+          U(t("dialog", {
             class: h(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
             ariaLabel: "modal",
             role: "dialog",
@@ -457,7 +457,7 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
               }, ["stop"]))
             }, [
               t("div", null, [
-                u.searchBar ? _("", !0) : (l(), L(le, {
+                u.searchBar ? _("", !0) : (l(), A(le, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
@@ -474,7 +474,7 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
       })
     ]));
   }
-}), ve = /* @__PURE__ */ v(mt, [["__scopeId", "data-v-80f0fb08"]]), 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__ */ 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({
   __name: "slider",
   props: {
     label: {},
@@ -544,7 +544,7 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
           class: h([f.variant, "slider__value"])
         }, d(f.modelValue), 3)
       ]),
-      f.information ? (l(), L(ve, {
+      f.information ? (l(), A(ve, {
         key: 0,
         show: p.value,
         "onUpdate:show": k[3] || (k[3] = (w) => p.value = w)
@@ -556,7 +556,7 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
       }, 8, ["show"])) : _("", !0)
     ]));
   }
-}), Bt = /* @__PURE__ */ v(wt, [["__scopeId", "data-v-24a83011"]]), St = { id: "textarea-wrapper" }, It = ["for"], Ct = ["id"], qt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], At = { class: "textarea-info" }, Lt = { key: 0 }, Tt = /* @__PURE__ */ g({
+}), Bt = /* @__PURE__ */ v(wt, [["__scopeId", "data-v-24a83011"]]), St = { class: "textarea-wrapper" }, It = ["for"], Ct = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], qt = { class: "textarea-info" }, Tt = { key: 0 }, At = /* @__PURE__ */ g({
   __name: "textarea",
   props: {
     id: { default: "" },
@@ -576,7 +576,9 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
         class: h({ required: a.required })
       }, d(a.labelText) + d(a.required ? " *" : ""), 11, It),
       t("div", {
-        id: a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "textarea-wrapper__inner" : ""
+        class: h(
+          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "textarea-wrapper__inner" : ""
+        )
       }, [
         t("textarea", {
           id: a.id,
@@ -592,11 +594,11 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
             a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit" : "border"
           ),
           onInput: r[0] || (r[0] = (s) => a.$emit("update:modelValue", s.target.value))
-        }, null, 42, qt)
-      ], 8, Ct),
-      t("div", At, [
+        }, null, 42, Ct)
+      ], 2),
+      t("div", qt, [
         t("div", null, [
-          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (l(), i("p", Lt, " Too many characters. Please make it shorter ")) : _("", !0)
+          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (l(), i("p", Tt, " Too many characters. Please make it shorter ")) : _("", !0)
         ]),
         t("p", {
           class: h(
@@ -606,16 +608,16 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Dt = /* @__PURE__ */ v(Tt, [["__scopeId", "data-v-220a973c"]]), Vt = { class: "text-field__wrapper" }, Pt = ["for"], Ft = { key: 0 }, Mt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ot = ["aria-expanded"], zt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ht = {
+}), 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 = {
   key: 2,
   class: "search"
-}, Rt = {
+}, Ht = {
   key: 3,
   class: "errorMessage"
-}, Nt = {
+}, Rt = {
   key: 4,
   class: "helperText"
-}, Et = /* @__PURE__ */ g({
+}, Nt = /* @__PURE__ */ g({
   __name: "text-field",
   props: {
     type: { default: "text" },
@@ -647,7 +649,7 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
     ), p = q(
       () => o.value ? "password" : "text"
     );
-    return (n, b) => (l(), i("div", Vt, [
+    return (n, b) => (l(), i("div", Dt, [
       t("label", {
         for: n.id,
         class: h([
@@ -655,8 +657,8 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
           n.disabled ? "disabled" : "",
           n.search ? "search" : ""
         ])
-      }, d(n.label), 11, Pt),
-      s.value === "password" ? (l(), i("div", Ft, [
+      }, d(n.label), 11, Vt),
+      s.value === "password" ? (l(), i("div", Pt, [
         t("input", {
           id: n.id,
           ref: "passwordField",
@@ -667,14 +669,14 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
           disabled: n.disabled,
           name: n.fieldName,
           onInput: b[0] || (b[0] = (f) => n.$emit("update:modelValue", f.target.value))
-        }, null, 40, Mt),
+        }, 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)
-        }, null, 10, Ot)
+        }, null, 10, Mt)
       ])) : (l(), i("input", {
         key: 1,
         id: n.id,
@@ -691,13 +693,13 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
         disabled: n.disabled,
         name: n.fieldName,
         onInput: b[2] || (b[2] = (f) => n.$emit("update:modelValue", f.target.value))
-      }, null, 42, zt)),
-      n.search ? (l(), i("i", Ht)) : _("", !0),
-      n.errorMessage ? (l(), i("strong", Rt, d(n.errorMessage), 1)) : _("", !0),
-      n.helperText ? (l(), i("span", Nt, d(n.helperText), 1)) : _("", !0)
+      }, null, 42, Ot)),
+      n.search ? (l(), i("button", zt)) : _("", !0),
+      n.errorMessage ? (l(), i("strong", Ht, d(n.errorMessage), 1)) : _("", !0),
+      n.helperText ? (l(), i("span", Rt, d(n.helperText), 1)) : _("", !0)
     ]));
   }
-}), jt = /* @__PURE__ */ v(Et, [["__scopeId", "data-v-414b9435"]]), Kt = { class: "video__wrapper" }, Ut = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Gt = ["src", "aria-label", "title", "width", "height"], Jt = /* @__PURE__ */ g({
+}), Et = /* @__PURE__ */ v(Nt, [["__scopeId", "data-v-1d92973b"]]), jt = { class: "video__wrapper" }, Kt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Ut = ["src", "aria-label", "title", "width", "height"], Gt = /* @__PURE__ */ g({
   __name: "video",
   props: {
     play: { type: Boolean, default: !1 },
@@ -722,7 +724,7 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
       resetVideo: () => {
         s.value && (s.value.currentTime = 0, s.value.play());
       }
-    }), (u, p) => (l(), i("div", Kt, [
+    }), (u, p) => (l(), i("div", jt, [
       u.localVideo ? (l(), i("video", {
         key: 0,
         ref_key: "videoRef",
@@ -738,7 +740,7 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
         type: "video/mp4",
         playsinline: "",
         src: u.src
-      }, null, 8, Ut)) : (l(), i("iframe", {
+      }, null, 8, Kt)) : (l(), i("iframe", {
         key: 1,
         src: u.src,
         "aria-label": u.ariaLabel,
@@ -748,10 +750,10 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
         frameborder: "0",
         allow: "autoplay; fullscreen",
         allowfullscreen: ""
-      }, null, 8, Gt))
+      }, null, 8, Ut))
     ]));
   }
-}), te = /* @__PURE__ */ v(Jt, [["__scopeId", "data-v-c6a0feb6"]]), Wt = { class: "address__wrapper" }, Yt = { class: "address__content" }, Qt = { class: "address__flag" }, Zt = { class: "address__address" }, Xt = { class: "address__name" }, xt = { key: 0 }, ea = { class: "address__contact" }, ta = ["href"], aa = ["href"], oa = ["href"], sa = /* @__PURE__ */ g({
+}), te = /* @__PURE__ */ v(Gt, [["__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({
   __name: "address",
   props: {
     name: {},
@@ -764,20 +766,20 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
     email: {}
   },
   setup(e) {
-    return (a, r) => (l(), i("div", Wt, [
-      t("div", Yt, [
-        t("div", Qt, [
+    return (a, r) => (l(), i("div", Jt, [
+      t("div", Wt, [
+        t("div", Yt, [
           c(a.$slots, "address-flag", {}, void 0, !0)
         ]),
-        t("div", Zt, [
-          t("p", Xt, d(a.name), 1),
+        t("div", Qt, [
+          t("p", Zt, d(a.name), 1),
           t("p", null, d(a.company), 1),
           t("p", null, d(a.addressLine1), 1),
           t("p", null, d(a.addressLine2), 1),
-          a.addressLine3 ? (l(), i("p", xt, d(a.addressLine3), 1)) : _("", !0)
+          a.addressLine3 ? (l(), i("p", Xt, d(a.addressLine3), 1)) : _("", !0)
         ]),
-        t("div", ea, [
-          a.website ? (l(), L(P, {
+        t("div", xt, [
+          a.website ? (l(), A(P, {
             key: 0,
             underline: "false",
             "link-type": "regular"
@@ -786,11 +788,11 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
               t("a", {
                 href: "https://" + a.website,
                 class: "address__website"
-              }, d(a.website), 9, ta)
+              }, d(a.website), 9, ea)
             ]),
             _: 1
           })) : _("", !0),
-          (l(!0), i(D, null, V(a.phoneNumbers, (s) => (l(), L(P, {
+          (l(!0), i(D, null, V(a.phoneNumbers, (s) => (l(), A(P, {
             key: s,
             underline: "false",
             "link-type": "regular"
@@ -799,19 +801,19 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
               t("a", {
                 href: "tel:" + s,
                 class: "address__phone"
-              }, d(s), 9, aa)
+              }, d(s), 9, ta)
             ]),
             _: 2
           }, 1024))), 128)),
           t("a", {
             href: "mailto:" + a.email,
             class: "address__email"
-          }, d(a.email), 9, oa)
+          }, d(a.email), 9, aa)
         ])
       ])
     ]));
   }
-}), la = /* @__PURE__ */ v(sa, [["__scopeId", "data-v-6f5f6a44"]]), ia = (e) => (H("data-v-a44fd57d"), e = e(), R(), e), ra = { class: "bullet-list__wrapper" }, na = /* @__PURE__ */ ia(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), da = /* @__PURE__ */ g({
+}), sa = /* @__PURE__ */ v(oa, [["__scopeId", "data-v-6f5f6a44"]]), la = (e) => (H("data-v-a44fd57d"), e = e(), R(), e), ia = { class: "bullet-list__wrapper" }, ra = /* @__PURE__ */ la(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), na = /* @__PURE__ */ g({
   __name: "bullet-list",
   props: {
     list: {
@@ -831,20 +833,20 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", ra, [
+    return (a, r) => (l(), i("div", ia, [
       t("div", {
         class: h(["bullet-list", e.variant])
       }, [
         t("ul", null, [
           (l(!0), i(D, null, V(e.list, (s) => (l(), i("li", { key: s }, [
-            na,
+            ra,
             J(" " + d(s), 1)
           ]))), 128))
         ])
       ], 2)
     ]));
   }
-}), ca = /* @__PURE__ */ v(da, [["__scopeId", "data-v-a44fd57d"]]), ua = { class: "card__wrapper" }, _a = { key: 2 }, ha = { key: 5 }, pa = /* @__PURE__ */ g({
+}), da = /* @__PURE__ */ v(na, [["__scopeId", "data-v-a44fd57d"]]), ca = { class: "card__wrapper" }, ua = { key: 2 }, _a = { key: 5 }, ha = /* @__PURE__ */ g({
   __name: "card",
   props: {
     variant: { default: "product" },
@@ -890,7 +892,7 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
         height: "335"
       }
     }, o = e, u = q(() => s[o.size]), p = q(() => o.variant === "article" || o.variant === "product" ? `card--${o.size}-${o.variant}` : `card--${o.variant}`);
-    return (n, b) => (l(), i("div", ua, [
+    return (n, b) => (l(), i("div", ca, [
       t("div", {
         class: h(["card", [
           n.theme === "dark" ? "card--dark" : "card--light",
@@ -905,7 +907,7 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
         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)
       }, [
-        n.mediaType === "image" ? (l(), L(F, { key: 0 }, {
+        n.mediaType === "image" ? (l(), A(F, { key: 0 }, {
           default: y(() => [
             c(n.$slots, "card-image", M({
               src: n.imgSrc,
@@ -935,7 +937,7 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
             muted: !0
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
-        I(a)["card-label"] ? (l(), i("div", _a, [
+        I(a)["card-label"] ? (l(), i("div", ua, [
           c(n.$slots, "card-label")
         ])) : _("", !0),
         n.variant === "product" ? (l(), i("div", {
@@ -952,11 +954,11 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
             n.theme === "dark" ? "regular-dark" : "regular-dark-blue"
           ])
         }, d(n.headline), 3)),
-        n.variant === "product" ? (l(), i("p", ha, d(n.paragraph), 1)) : _("", !0)
+        n.variant === "product" ? (l(), i("p", _a, d(n.paragraph), 1)) : _("", !0)
       ], 38)
     ]));
   }
-}), ma = /* @__PURE__ */ v(pa, [["__scopeId", "data-v-364d219c"]]), fa = { class: "column-card" }, va = { class: "column-card__content" }, ga = { class: "column-card__headline" }, ba = { class: "column-card__bodytext" }, ya = /* @__PURE__ */ g({
+}), pa = /* @__PURE__ */ v(ha, [["__scopeId", "data-v-364d219c"]]), ma = { class: "column-card" }, fa = { class: "column-card__content" }, va = { class: "column-card__headline" }, ga = { class: "column-card__bodytext" }, ba = /* @__PURE__ */ g({
   __name: "column-card",
   props: {
     headline: {},
@@ -965,8 +967,8 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
     imageFit: { type: Boolean }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", fa, [
-      t("div", va, [
+    return (a, r) => (l(), i("div", ma, [
+      t("div", fa, [
         a.image.filename ? (l(), i("div", {
           key: 0,
           class: h(["column-card__image", { cover: a.imageFit, contain: !a.imageFit }])
@@ -976,17 +978,17 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
             alt: a.image.alt
           })), void 0, !0)
         ], 2)) : _("", !0),
-        t("h3", ga, d(a.headline), 1),
-        t("div", ba, [
+        t("h3", va, d(a.headline), 1),
+        t("div", ga, [
           c(a.$slots, "column-card-body", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), ge = /* @__PURE__ */ v(ya, [["__scopeId", "data-v-9e2246f0"]]), ka = (e) => (H("data-v-e4a362a9"), e = e(), R(), e), $a = { class: "event__wrapper" }, wa = { class: "event__headline" }, Ba = { class: "event__date-location" }, Sa = /* @__PURE__ */ ka(() => /* @__PURE__ */ t("br", null, null, -1)), Ia = {
+}), ge = /* @__PURE__ */ v(ba, [["__scopeId", "data-v-9e2246f0"]]), ya = (e) => (H("data-v-e4a362a9"), e = e(), R(), e), ka = { class: "event__wrapper" }, $a = { class: "event__headline" }, wa = { class: "event__date-location" }, Ba = /* @__PURE__ */ ya(() => /* @__PURE__ */ t("br", null, null, -1)), Sa = {
   key: 0,
   class: "event__info"
-}, Ca = { class: "event__exhibitor" }, qa = /* @__PURE__ */ g({
+}, Ia = { class: "event__exhibitor" }, Ca = /* @__PURE__ */ g({
   __name: "event-card",
   props: {
     eventType: {
@@ -1016,46 +1018,46 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", $a, [
+    return (a, r) => (l(), i("div", ka, [
       S(X, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
-      t("div", wa, d(e.headline), 1),
-      t("div", Ba, [
+      t("div", $a, d(e.headline), 1),
+      t("div", wa, [
         J(d(e.dateTime) + " ", 1),
-        Sa,
-        e.info ? (l(), i("div", Ia, d(e.info), 1)) : _("", !0),
+        Ba,
+        e.info ? (l(), i("div", Sa, d(e.info), 1)) : _("", !0),
         J(" " + d(e.location), 1)
       ]),
-      t("div", Ca, d(e.exhibitor), 1)
+      t("div", Ia, d(e.exhibitor), 1)
     ]));
   }
-}), Aa = /* @__PURE__ */ v(qa, [["__scopeId", "data-v-e4a362a9"]]), ie = (e) => (H("data-v-93ee37aa"), e = e(), R(), e), La = { class: "flashcard-side flashcard-front" }, Ta = {
+}), qa = /* @__PURE__ */ v(Ca, [["__scopeId", "data-v-e4a362a9"]]), ie = (e) => (H("data-v-93ee37aa"), e = e(), R(), e), Ta = { class: "flashcard-side flashcard-front" }, Aa = {
   key: 0,
   class: "content"
-}, Da = { key: 0 }, Va = {
+}, La = { key: 0 }, Da = {
   key: 1,
   class: "flashcard-body"
-}, Pa = /* @__PURE__ */ ie(() => /* @__PURE__ */ t("img", {
+}, Va = /* @__PURE__ */ ie(() => /* @__PURE__ */ t("img", {
   class: "flip-icon",
   src: "https://a.storyblok.com/f/230581/22x21/23d87eccc4/icon_reverse_blue.svg"
-}, null, -1)), Fa = /* @__PURE__ */ ie(() => /* @__PURE__ */ t("img", {
+}, null, -1)), Pa = /* @__PURE__ */ ie(() => /* @__PURE__ */ t("img", {
   class: "flip-icon",
   src: "https://a.storyblok.com/f/230581/22x21/23d87eccc4/icon_reverse_blue.svg"
-}, null, -1)), Ma = {
+}, null, -1)), Fa = {
   key: 0,
   class: "content"
-}, Oa = { key: 0 }, za = {
+}, Ma = { key: 0 }, Oa = {
   key: 1,
   class: "flashcard-body"
-}, Ha = /* @__PURE__ */ ie(() => /* @__PURE__ */ t("img", {
+}, za = /* @__PURE__ */ ie(() => /* @__PURE__ */ t("img", {
   class: "flip-icon",
   src: "https://a.storyblok.com/f/230581/22x22/50edea5341/icon_reverse_white.svg"
-}, null, -1)), Ra = /* @__PURE__ */ ie(() => /* @__PURE__ */ t("img", {
+}, null, -1)), Ha = /* @__PURE__ */ ie(() => /* @__PURE__ */ t("img", {
   class: "flip-icon",
   src: "https://a.storyblok.com/f/230581/22x22/50edea5341/icon_reverse_white.svg"
-}, null, -1)), Na = /* @__PURE__ */ g({
+}, null, -1)), Ra = /* @__PURE__ */ g({
   __name: "flashcard",
   props: {
     name: {},
@@ -1087,13 +1089,13 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
             "flashcard--lg": s.size === "lg"
           }])
         }, [
-          t("div", La, [
-            s.name || ((u = s.bodytext) == null ? void 0 : u.length) > 0 ? (l(), i("div", Ta, [
-              s.name ? (l(), i("h3", Da, d(s.name), 1)) : _("", !0),
-              s.bodytext ? (l(), i("div", Va, [
+          t("div", Ta, [
+            s.name || ((u = s.bodytext) == null ? void 0 : u.length) > 0 ? (l(), i("div", Aa, [
+              s.name ? (l(), i("h3", La, d(s.name), 1)) : _("", !0),
+              s.bodytext ? (l(), i("div", Da, [
                 c(s.$slots, "flashcard-front-body", O(z({ bodytext: s.bodytext })), void 0, !0)
               ])) : _("", !0),
-              Pa
+              Va
             ])) : (l(), i("div", {
               key: 1,
               class: h(["flashcard-image", {
@@ -1102,7 +1104,7 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
               }])
             }, [
               c(s.$slots, "flashcard-front-image", O(z({ src: (p = s.image) == null ? void 0 : p.filename, alt: (n = s.image) == null ? void 0 : n.alt })), void 0, !0),
-              Fa
+              Pa
             ], 2))
           ]),
           t("div", {
@@ -1111,12 +1113,12 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
               (b = s.imagebackside) != null && b.filename ? "flashcard-back--image" : "flashcard-back--no-image"
             ])
           }, [
-            s.namebackside || s.bodytextbackside.length > 0 ? (l(), i("div", Ma, [
-              s.namebackside ? (l(), i("h3", Oa, d(s.namebackside), 1)) : _("", !0),
-              s.bodytextbackside ? (l(), i("div", za, [
+            s.namebackside || s.bodytextbackside.length > 0 ? (l(), i("div", Fa, [
+              s.namebackside ? (l(), i("h3", Ma, d(s.namebackside), 1)) : _("", !0),
+              s.bodytextbackside ? (l(), i("div", Oa, [
                 c(s.$slots, "flashcard-back-body", O(z({ bodytextbackside: s.bodytextbackside })), void 0, !0)
               ])) : _("", !0),
-              Ha
+              za
             ])) : (l(), i("div", {
               key: 1,
               class: h(["flashcard-image", {
@@ -1125,14 +1127,14 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
               }])
             }, [
               c(s.$slots, "flashcard-back-image", O(z({ src: (f = s.imagebackside) == null ? void 0 : f.filename, alt: (k = s.imagebackside) == null ? void 0 : k.alt })), void 0, !0),
-              Ra
+              Ha
             ], 2))
           ], 2)
         ], 2)
       ]);
     };
   }
-}), be = /* @__PURE__ */ v(Na, [["__scopeId", "data-v-93ee37aa"]]), Ea = { class: "text__wrapper" }, ja = { class: "text__headline" }, Ka = { class: "text__paragraph" }, Ua = /* @__PURE__ */ g({
+}), be = /* @__PURE__ */ v(Ra, [["__scopeId", "data-v-93ee37aa"]]), Na = { class: "text__wrapper" }, Ea = { class: "text__headline" }, ja = { class: "text__paragraph" }, Ka = /* @__PURE__ */ g({
   __name: "text-card",
   props: {
     label: {
@@ -1149,24 +1151,24 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", Ea, [
+    return (a, r) => (l(), i("div", Na, [
       S(X, {
         "label-dark": !1,
         text: e.label ? e.label : ""
       }, null, 8, ["text"]),
-      t("div", ja, d(e.headline), 1),
-      t("div", Ka, [
+      t("div", Ea, d(e.headline), 1),
+      t("div", ja, [
         t("p", null, d(e.paragraph), 1)
       ])
     ]));
   }
-}), Ga = /* @__PURE__ */ v(Ua, [["__scopeId", "data-v-ebdea819"]]), Ja = { class: "accordions" }, Wa = { class: "accordions__wrapper" }, Ya = { class: "accordion" }, Qa = ["onClick"], Za = { class: "accordion__headline" }, Xa = { class: "accordion__icon" }, xa = {
+}), Ua = /* @__PURE__ */ v(Ka, [["__scopeId", "data-v-ebdea819"]]), Ga = { class: "accordions" }, Ja = { class: "accordions__wrapper" }, Wa = { class: "accordion" }, Ya = ["onClick"], Qa = { class: "accordion__headline" }, Za = { class: "accordion__icon" }, Xa = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/21x21/42c9c3b5ba/icon_add.svg"
-}, eo = {
+}, xa = {
   key: 1,
   src: "https://a.storyblok.com/f/230581/22x21/adfe5d1742/icon_substract.svg"
-}, to = { class: "accordion__bodytext" }, ao = /* @__PURE__ */ g({
+}, eo = { class: "accordion__bodytext" }, to = /* @__PURE__ */ g({
   __name: "accordion",
   props: {
     accordions: {}
@@ -1176,28 +1178,28 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
       const u = a.value.indexOf(o);
       u > -1 ? a.value.splice(u, 1) : a.value.push(o);
     }, s = (o) => a.value.includes(o);
-    return (o, u) => (l(), i("section", Ja, [
-      t("div", Wa, [
+    return (o, u) => (l(), i("section", Ga, [
+      t("div", Ja, [
         (l(!0), i(D, null, V(o.accordions, (p) => (l(), i("div", {
           key: p._uid
         }, [
-          t("div", Ya, [
+          t("div", Wa, [
             t("div", {
               class: "accordion__header",
               onClick: (n) => r(p._uid)
             }, [
-              t("h3", Za, d(p.headline), 1),
-              t("span", Xa, [
-                s(p._uid) ? (l(), i("img", eo)) : (l(), i("img", xa))
+              t("h3", Qa, d(p.headline), 1),
+              t("span", Za, [
+                s(p._uid) ? (l(), i("img", xa)) : (l(), i("img", Xa))
               ])
-            ], 8, Qa),
+            ], 8, Ya),
             t("div", {
               class: h(["accordion__content", { "accordion__content--reverse": p.imageFirst }]),
               style: ee({
                 display: s(p._uid) ? "flex" : "none"
               })
             }, [
-              t("div", to, [
+              t("div", eo, [
                 c(o.$slots, "accordion-body", M({ ref_for: !0 }, { body: p.bodytext }), void 0, !0)
               ]),
               S(F, null, {
@@ -1219,10 +1221,10 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), oo = /* @__PURE__ */ v(ao, [["__scopeId", "data-v-0e6f6da8"]]), so = { class: "card-display__wrapper" }, lo = {
+}), ao = /* @__PURE__ */ v(to, [["__scopeId", "data-v-0e6f6da8"]]), oo = { class: "card-display__wrapper" }, so = {
   key: 0,
   class: "card__content"
-}, io = { key: 0 }, ro = { key: 1 }, no = { class: "card__cards" }, co = /* @__PURE__ */ g({
+}, lo = { key: 0 }, io = { key: 1 }, ro = { class: "card__cards" }, no = /* @__PURE__ */ g({
   __name: "card-display",
   props: {
     headline: {
@@ -1245,24 +1247,24 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
         e.bgColor === "blue" ? "card-display--blue" : "card-display--white"
       ])
     }, [
-      t("div", so, [
-        e.headline || e.paragraph ? (l(), i("div", lo, [
-          e.headline ? (l(), i("h2", io, d(e.headline), 1)) : _("", !0),
-          e.paragraph ? (l(), i("p", ro, d(e.paragraph), 1)) : _("", !0)
+      t("div", oo, [
+        e.headline || e.paragraph ? (l(), i("div", so, [
+          e.headline ? (l(), i("h2", lo, d(e.headline), 1)) : _("", !0),
+          e.paragraph ? (l(), i("p", io, d(e.paragraph), 1)) : _("", !0)
         ])) : _("", !0),
-        t("div", no, [
+        t("div", ro, [
           c(a.$slots, "card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), uo = /* @__PURE__ */ v(co, [["__scopeId", "data-v-e5d1b11a"]]), _o = { class: "column-grid__top-section" }, ho = {
+}), co = /* @__PURE__ */ v(no, [["__scopeId", "data-v-e5d1b11a"]]), uo = { class: "column-grid__top-section" }, _o = {
   key: 0,
   class: "column-grid__headline"
-}, po = {
+}, ho = {
   key: 1,
   class: "column-grid__bodytext"
-}, mo = { class: "column-grid__teaser-list" }, fo = /* @__PURE__ */ g({
+}, po = { class: "column-grid__teaser-list" }, mo = /* @__PURE__ */ g({
   __name: "column-grid",
   props: {
     headline: { default: "" },
@@ -1277,14 +1279,14 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
         a.bgColor === "dark" ? "column-grid--dark" : a.bgColor === "light" ? "column-grid--light" : "column-grid--white"
       ])
     }, [
-      t("div", _o, [
-        a.headline ? (l(), i("h2", ho, d(a.headline), 1)) : _("", !0),
-        a.bodytext ? (l(), i("div", po, [
+      t("div", uo, [
+        a.headline ? (l(), i("h2", _o, d(a.headline), 1)) : _("", !0),
+        a.bodytext ? (l(), i("div", ho, [
           c(a.$slots, "column-grid-body", {}, void 0, !0)
         ])) : _("", !0)
       ]),
-      t("div", mo, [
-        (l(!0), i(D, null, V(a.columns, (s) => (l(), L(ge, {
+      t("div", po, [
+        (l(!0), i(D, null, V(a.columns, (s) => (l(), A(ge, {
           key: s._uid,
           headline: s.headline,
           bodytext: s.bodytext,
@@ -1309,10 +1311,10 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
       ])
     ], 2));
   }
-}), vo = /* @__PURE__ */ v(fo, [["__scopeId", "data-v-ef81db4d"]]), go = { class: "facts__wrapper" }, bo = { class: "facts__content" }, yo = { class: "facts__headline" }, ko = { class: "facts" }, $o = { class: "fact__value" }, wo = { class: "fact__metric" }, Bo = {
+}), fo = /* @__PURE__ */ v(mo, [["__scopeId", "data-v-ef81db4d"]]), vo = { class: "facts__wrapper" }, go = { class: "facts__content" }, bo = { class: "facts__headline" }, yo = { class: "facts" }, ko = { class: "fact__value" }, $o = { class: "fact__metric" }, wo = {
   key: 0,
   class: "facts__link"
-}, So = /* @__PURE__ */ g({
+}, Bo = /* @__PURE__ */ g({
   __name: "facts",
   props: {
     headline: { default: "" },
@@ -1336,23 +1338,23 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
     }) }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", go, [
-      t("div", bo, [
-        t("h2", yo, d(a.headline), 1),
-        t("div", ko, [
+    return (a, r) => (l(), i("div", vo, [
+      t("div", go, [
+        t("h2", bo, d(a.headline), 1),
+        t("div", yo, [
           (l(!0), i(D, null, V(a.facts, (s) => (l(), i("div", {
             key: s.value + s.metric,
             class: "fact"
           }, [
-            t("div", $o, [
+            t("div", ko, [
               t("span", null, d(s.value), 1)
             ]),
-            t("div", wo, [
+            t("div", $o, [
               t("span", null, d(s.metric), 1)
             ])
           ]))), 128))
         ]),
-        a.link ? (l(), i("div", Bo, [
+        a.link ? (l(), i("div", wo, [
           S(P, {
             "link-type": "regular_light",
             arrow: ""
@@ -1366,13 +1368,13 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Io = /* @__PURE__ */ v(So, [["__scopeId", "data-v-d2b231d4"]]), Co = { class: "features__wrapper" }, qo = { class: "features__content" }, Ao = {
+}), So = /* @__PURE__ */ v(Bo, [["__scopeId", "data-v-d2b231d4"]]), Io = { class: "features__wrapper" }, Co = { class: "features__content" }, qo = {
   key: 0,
   class: "features__headline"
-}, Lo = {
+}, To = {
   key: 1,
   class: "features__body"
-}, To = { class: "element__headline" }, Do = { class: "element__body" }, Vo = /* @__PURE__ */ g({
+}, Ao = { class: "element__headline" }, Lo = { class: "element__body" }, Do = /* @__PURE__ */ g({
   __name: "features",
   props: {
     headline: { default: "" },
@@ -1380,12 +1382,12 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
     elements: { default: () => [] }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", Co, [
-      t("div", qo, [
-        a.headline ? (l(), i("div", Ao, [
+    return (a, r) => (l(), i("div", Io, [
+      t("div", Co, [
+        a.headline ? (l(), i("div", qo, [
           t("h2", null, d(a.headline), 1)
         ])) : _("", !0),
-        a.body ? (l(), i("div", Lo, [
+        a.body ? (l(), i("div", To, [
           c(a.$slots, "features-body", {}, void 0, !0)
         ])) : _("", !0),
         t("div", {
@@ -1406,20 +1408,20 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
               ]),
               _: 2
             }, 1024),
-            t("p", To, d(s.headline), 1),
-            t("p", Do, d(s.body), 1)
+            t("p", Ao, d(s.headline), 1),
+            t("p", Lo, d(s.body), 1)
           ]))), 128))
         ], 2)
       ])
     ]));
   }
-}), Po = /* @__PURE__ */ v(Vo, [["__scopeId", "data-v-57a22df7"]]), Fo = { class: "flashcard-wrapper" }, Mo = {
+}), Vo = /* @__PURE__ */ v(Do, [["__scopeId", "data-v-57a22df7"]]), Po = { class: "flashcard-wrapper" }, Fo = {
   key: 0,
   class: "flashcard-wrapper__headline"
-}, Oo = {
+}, Mo = {
   key: 1,
   class: "flashcard-wrapper__bodytext"
-}, zo = /* @__PURE__ */ g({
+}, Oo = /* @__PURE__ */ g({
   __name: "flashcards",
   props: {
     headline: {},
@@ -1436,15 +1438,15 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
     return (o, u) => (l(), i("div", {
       class: h(["flashcards", o.bgColor === "light" ? "flashcards--light" : "flashcards--white"])
     }, [
-      t("div", Fo, [
+      t("div", Po, [
         t("div", {
           class: h([
             { "no-bodytext": !r.value },
             "flashcard-wrapper__top-section"
           ])
         }, [
-          o.headline ? (l(), i("h2", Mo, d(o.headline), 1)) : _("", !0),
-          o.body ? (l(), i("div", Oo, [
+          o.headline ? (l(), i("h2", Fo, d(o.headline), 1)) : _("", !0),
+          o.body ? (l(), i("div", Mo, [
             c(o.$slots, "flashcard-wrapper-body", {}, void 0, !0)
           ])) : _("", !0)
         ], 2),
@@ -1455,7 +1457,7 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
             lg: s.value === "lg"
           }])
         }, [
-          (l(!0), i(D, null, V(o.flashcards, (p) => (l(), L(I(be), {
+          (l(!0), i(D, null, V(o.flashcards, (p) => (l(), A(I(be), {
             key: p._uid,
             name: p.name,
             bodytext: p.bodytext,
@@ -1485,7 +1487,7 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
       ])
     ], 2));
   }
-}), Ho = /* @__PURE__ */ v(zo, [["__scopeId", "data-v-de3c8751"]]), Ro = { class: "form__content" }, No = { class: "form__information" }, Eo = { class: "form__headline" }, jo = { class: "form__body" }, Ko = { class: "form__script" }, Uo = /* @__PURE__ */ g({
+}), zo = /* @__PURE__ */ v(Oo, [["__scopeId", "data-v-de3c8751"]]), Ho = { class: "form__content" }, Ro = { class: "form__information" }, No = { class: "form__headline" }, Eo = { class: "form__body" }, jo = { class: "form__script" }, Ko = /* @__PURE__ */ g({
   __name: "form-script",
   props: {
     headline: { default: "" },
@@ -1502,13 +1504,13 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
     return (o, u) => (l(), i("div", {
       class: h(["form__wrapper", s.value])
     }, [
-      t("div", Ro, [
-        t("div", No, [
-          t("h2", Eo, d(o.headline), 1),
-          t("div", jo, [
+      t("div", Ho, [
+        t("div", Ro, [
+          t("h2", No, d(o.headline), 1),
+          t("div", Eo, [
             c(o.$slots, "form-body", {}, void 0, !0)
           ]),
-          o.linkType === "link" ? (l(), L(P, {
+          o.linkType === "link" ? (l(), A(P, {
             key: 0,
             "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
             arrow: ""
@@ -1519,13 +1521,13 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
             _: 3
           }, 8, ["link-type"])) : _("", !0)
         ]),
-        t("div", Ko, [
+        t("div", jo, [
           c(o.$slots, "form-script", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), Go = /* @__PURE__ */ v(Uo, [["__scopeId", "data-v-b8b02bae"]]), Jo = { class: "headline__wrapper" }, Wo = { class: "headline__h1" }, Yo = /* @__PURE__ */ g({
+}), Uo = /* @__PURE__ */ v(Ko, [["__scopeId", "data-v-b8b02bae"]]), Go = { class: "headline__wrapper" }, Jo = { class: "headline__h1" }, Wo = /* @__PURE__ */ g({
   __name: "headline",
   props: {
     headline: {
@@ -1542,7 +1544,7 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", Jo, [
+    return (a, r) => (l(), i("div", Go, [
       t("div", {
         class: h({
           "headline__content--article-and-submenu": e.article && e.subMenu,
@@ -1551,11 +1553,11 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
           "headline__content--default": !e.article && !e.subMenu
         })
       }, [
-        t("h1", Wo, d(e.headline), 1)
+        t("h1", Jo, d(e.headline), 1)
       ], 2)
     ]));
   }
-}), Qo = /* @__PURE__ */ v(Yo, [["__scopeId", "data-v-3ef1567e"]]), Zo = (e) => (H("data-v-22f9be13"), e = e(), R(), e), Xo = { class: "hero__wrapper" }, xo = { class: "hero__content" }, es = { class: "hero__top" }, ts = { class: "hero__elements" }, as = { class: "hero__headline" }, os = { class: "hero__link" }, ss = { class: "hero__video" }, ls = /* @__PURE__ */ Zo(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), is = { class: "hero__video__video" }, rs = { class: "hero__image" }, ns = /* @__PURE__ */ g({
+}), Yo = /* @__PURE__ */ v(Wo, [["__scopeId", "data-v-3ef1567e"]]), Qo = (e) => (H("data-v-22f9be13"), e = e(), R(), e), Zo = { class: "hero__wrapper" }, Xo = { class: "hero__content" }, xo = { class: "hero__top" }, es = { class: "hero__elements" }, ts = { class: "hero__headline" }, as = { class: "hero__link" }, os = { class: "hero__video" }, ss = /* @__PURE__ */ Qo(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), ls = { class: "hero__video__video" }, is = { class: "hero__image" }, rs = /* @__PURE__ */ g({
   __name: "hero",
   props: {
     headline: {
@@ -1564,14 +1566,14 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", Xo, [
-      t("div", xo, [
-        t("div", es, [
-          t("div", ts, [
-            t("div", as, [
+    return (a, r) => (l(), i("div", Zo, [
+      t("div", Xo, [
+        t("div", xo, [
+          t("div", es, [
+            t("div", ts, [
               t("h1", null, d(e.headline), 1)
             ]),
-            t("div", os, [
+            t("div", as, [
               S(P, {
                 "link-type": "regular_light",
                 arrow: ""
@@ -1584,19 +1586,19 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
             ])
           ])
         ]),
-        t("div", ss, [
-          ls,
-          t("div", is, [
+        t("div", os, [
+          ss,
+          t("div", ls, [
             c(a.$slots, "hero-video", {}, void 0, !0)
           ]),
-          t("div", rs, [
+          t("div", is, [
             c(a.$slots, "hero-image", {}, void 0, !0)
           ])
         ])
       ])
     ]));
   }
-}), ds = /* @__PURE__ */ v(ns, [["__scopeId", "data-v-22f9be13"]]), cs = { class: "image__wrapper" }, us = { class: "image__content" }, _s = { class: "image__image" }, hs = { class: "image__caption" }, ps = /* @__PURE__ */ g({
+}), ns = /* @__PURE__ */ v(rs, [["__scopeId", "data-v-22f9be13"]]), ds = { class: "image__wrapper" }, cs = { class: "image__content" }, us = { class: "image__image" }, _s = { class: "image__caption" }, hs = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "image",
   props: {
@@ -1620,9 +1622,9 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", cs, [
-      t("div", us, [
-        t("div", _s, [
+    return (a, r) => (l(), i("div", ds, [
+      t("div", cs, [
+        t("div", us, [
           S(F, null, {
             default: y(() => [
               c(a.$slots, "image", O(z({
@@ -1636,17 +1638,17 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
             _: 3
           })
         ]),
-        t("p", hs, d(e.caption), 1)
+        t("p", _s, d(e.caption), 1)
       ])
     ]));
   }
-}), ms = /* @__PURE__ */ v(ps, [["__scopeId", "data-v-c583d657"]]), fs = { class: "gallery__large" }, vs = {
+}), ps = /* @__PURE__ */ v(hs, [["__scopeId", "data-v-c583d657"]]), ms = { class: "gallery__large" }, fs = {
   key: 0,
   class: "image image--large"
-}, gs = {
+}, vs = {
   key: 1,
   class: "video"
-}, bs = /* @__PURE__ */ g({
+}, gs = /* @__PURE__ */ g({
   __name: "image-gallery",
   props: {
     mediaLarge: {},
@@ -1672,8 +1674,8 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
           o.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
         ])
       }, [
-        t("div", fs, [
-          o.mediaLarge && o.mediaType === "image" ? (l(), i("div", vs, [
+        t("div", ms, [
+          o.mediaLarge && o.mediaType === "image" ? (l(), i("div", fs, [
             S(F, null, {
               default: y(() => [
                 c(o.$slots, "image-large", O(z({
@@ -1686,7 +1688,7 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
               _: 3
             })
           ])) : _("", !0),
-          o.mediaLarge && o.mediaType === "video" ? (l(), i("div", gs, [
+          o.mediaLarge && o.mediaType === "video" ? (l(), i("div", vs, [
             S(te, {
               src: o.mediaLarge.src,
               "local-video": "",
@@ -1734,10 +1736,10 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
       ], 2)
     ], 2));
   }
-}), ys = /* @__PURE__ */ v(bs, [["__scopeId", "data-v-4997f83a"]]), ks = { class: "logo-wall__wrapper" }, $s = { class: "logo-wall__content" }, ws = {
+}), bs = /* @__PURE__ */ v(gs, [["__scopeId", "data-v-4997f83a"]]), ys = { class: "logo-wall__wrapper" }, ks = { class: "logo-wall__content" }, $s = {
   key: 0,
   class: "logo-wall__text"
-}, Bs = { key: 0 }, Ss = { key: 1 }, Is = { class: "logo-wall__logos" }, Cs = { class: "logo-wall__link" }, qs = /* @__PURE__ */ g({
+}, ws = { key: 0 }, Bs = { key: 1 }, Ss = { class: "logo-wall__logos" }, Is = { class: "logo-wall__link" }, Cs = /* @__PURE__ */ g({
   __name: "logo-wall",
   props: {
     headline: {
@@ -1755,13 +1757,13 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", ks, [
-      t("div", $s, [
-        e.headline || e.body ? (l(), i("div", ws, [
-          e.headline ? (l(), i("h2", Bs, d(e.headline), 1)) : _("", !0),
-          e.body ? (l(), i("p", Ss, d(e.body), 1)) : _("", !0)
+    return (a, r) => (l(), i("div", ys, [
+      t("div", ks, [
+        e.headline || e.body ? (l(), i("div", $s, [
+          e.headline ? (l(), i("h2", ws, d(e.headline), 1)) : _("", !0),
+          e.body ? (l(), i("p", Bs, d(e.body), 1)) : _("", !0)
         ])) : _("", !0),
-        t("div", Is, [
+        t("div", Ss, [
           (l(!0), i(D, null, V(e.logos, (s) => (l(), i("div", {
             key: s.src + s.alt,
             class: "logo-wall__logo"
@@ -1779,7 +1781,7 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
             }, 1024)
           ]))), 128))
         ]),
-        t("div", Cs, [
+        t("div", Is, [
           S(P, {
             "link-type": "regular_light",
             arrow: !0
@@ -1793,13 +1795,13 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), As = /* @__PURE__ */ v(qs, [["__scopeId", "data-v-fd489289"]]), Ls = { class: "micro-stories__top" }, Ts = {
+}), qs = /* @__PURE__ */ v(Cs, [["__scopeId", "data-v-fd489289"]]), Ts = { class: "micro-stories__top" }, As = {
   key: 0,
   class: "micro-stories__headline"
-}, Ds = {
+}, Ls = {
   key: 1,
   class: "micro-stories__body"
-}, Vs = { class: "micro-stories__splide" }, Ps = /* @__PURE__ */ g({
+}, Ds = { class: "micro-stories__splide" }, Vs = /* @__PURE__ */ g({
   __name: "micro-stories",
   props: {
     bgColor: { default: "blue" },
@@ -1815,35 +1817,35 @@ const Le = ["aria-label"], Te = /* @__PURE__ */ g({
     return (o, u) => (l(), i("div", {
       class: h(["micro-stories__wrapper", r.value])
     }, [
-      t("div", Ls, [
-        o.headline ? (l(), i("div", Ts, [
+      t("div", Ts, [
+        o.headline ? (l(), i("div", As, [
           t("h2", null, d(o.headline), 1)
         ])) : _("", !0),
-        o.body ? (l(), i("div", Ds, [
+        o.body ? (l(), i("div", Ls, [
           c(o.$slots, "micro-stories-body")
         ])) : _("", !0)
       ]),
-      t("div", Vs, [
+      t("div", Ds, [
         c(o.$slots, "micro-stories-slides")
       ]),
       c(o.$slots, "micro-stories-controls")
     ], 2));
   }
-}), Fs = {}, Ms = { class: "policy__wrapper" }, Os = { class: "policy__content" };
-function zs(e, a) {
-  return l(), i("div", Ms, [
-    t("div", Os, [
+}), Ps = {}, Fs = { class: "policy__wrapper" }, Ms = { class: "policy__content" };
+function Os(e, a) {
+  return l(), i("div", Fs, [
+    t("div", Ms, [
       c(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a"]]), Rs = { class: "product-hero__wrapper" }, Ns = { class: "product-hero__content" }, Es = { class: "product-hero__headline" }, js = { class: "product-hero__video" }, Ks = { class: "product-hero__insignia" }, Us = {
+const zs = /* @__PURE__ */ v(Ps, [["render", Os], ["__scopeId", "data-v-ea887d7a"]]), Hs = { class: "product-hero__wrapper" }, Rs = { class: "product-hero__content" }, Ns = { class: "product-hero__headline" }, Es = { class: "product-hero__video" }, js = { class: "product-hero__insignia" }, Ks = {
   key: 0,
   class: "product-hero__logo"
-}, Gs = {
+}, Us = {
   key: 1,
   class: "product-hero__certification"
-}, Js = /* @__PURE__ */ g({
+}, Gs = /* @__PURE__ */ g({
   __name: "product-hero",
   props: {
     headline: {
@@ -1878,11 +1880,11 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", Rs, [
-      t("div", Ns, [
-        t("div", Es, d(e.headline), 1),
-        t("div", js, [
-          e.videoSrc !== "" ? (l(), L(te, {
+    return (a, r) => (l(), i("div", Hs, [
+      t("div", Rs, [
+        t("div", Ns, d(e.headline), 1),
+        t("div", Es, [
+          e.videoSrc !== "" ? (l(), A(te, {
             key: 0,
             play: "",
             "local-video": !0,
@@ -1893,14 +1895,14 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
             autoplay: "",
             loop: "",
             muted: ""
-          }, null, 8, ["src", "aria-label", "poster"])) : (l(), L(I(F), { key: 1 }, {
+          }, null, 8, ["src", "aria-label", "poster"])) : (l(), A(I(F), { key: 1 }, {
             default: y(() => [
               c(a.$slots, "product-hero-image", {}, void 0, !0)
             ]),
             _: 3
           })),
-          t("div", Ks, [
-            e.logoSrc ? (l(), i("div", Us, [
+          t("div", js, [
+            e.logoSrc ? (l(), i("div", Ks, [
               S(I(F), null, {
                 default: y(() => [
                   c(a.$slots, "product-hero-logo", {}, void 0, !0)
@@ -1908,7 +1910,7 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
                 _: 3
               })
             ])) : _("", !0),
-            e.isCertified ? (l(), i("div", Gs, [
+            e.isCertified ? (l(), i("div", Us, [
               S(I(F), null, {
                 default: y(() => [
                   c(a.$slots, "product-hero-certification", {}, void 0, !0)
@@ -1921,7 +1923,7 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
       ])
     ]));
   }
-}), Ws = /* @__PURE__ */ v(Js, [["__scopeId", "data-v-deab9c3a"]]), Ys = { class: "promo__content" }, Qs = /* @__PURE__ */ g({
+}), Js = /* @__PURE__ */ v(Gs, [["__scopeId", "data-v-deab9c3a"]]), Ws = { class: "promo__content" }, Ys = /* @__PURE__ */ g({
   __name: "promo",
   props: {
     label: { default: "" },
@@ -1950,7 +1952,7 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
         o.multiply ? "promo__wrapper--multiply" : ""
       ])
     }, [
-      t("div", Ys, [
+      t("div", Ws, [
         o.mediaType === "image" ? (l(), i("div", {
           key: 0,
           class: h([
@@ -1990,7 +1992,7 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
             o.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          o.label ? (l(), L(X, {
+          o.label ? (l(), A(X, {
             key: 0,
             text: o.label,
             "label-dark": o.variant === "dark"
@@ -2003,7 +2005,7 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
           }, [
             c(o.$slots, "promo-headline")
           ], 2),
-          o.linkType === "link" ? (l(), L(P, {
+          o.linkType === "link" ? (l(), A(P, {
             key: 1,
             "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
             arrow: ""
@@ -2013,7 +2015,7 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
             ]),
             _: 3
           }, 8, ["link-type"])) : _("", !0),
-          o.linkType === "button" ? (l(), L(P, {
+          o.linkType === "button" ? (l(), A(P, {
             key: 2,
             "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
           }, {
@@ -2026,10 +2028,10 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
       ])
     ], 2));
   }
-}), Zs = /* @__PURE__ */ v(Qs, [["__scopeId", "data-v-df54d965"]]), Xs = (e) => (H("data-v-e3cc8e27"), e = e(), R(), e), xs = { class: "quote__wrapper" }, el = { class: "quote__content" }, tl = /* @__PURE__ */ Xs(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), al = { class: "quote__quote" }, ol = { class: "quote__quote-text" }, sl = { class: "quote__author" }, ll = {
+}), Qs = /* @__PURE__ */ v(Ys, [["__scopeId", "data-v-df54d965"]]), Zs = (e) => (H("data-v-e3cc8e27"), e = e(), R(), e), Xs = { class: "quote__wrapper" }, xs = { class: "quote__content" }, el = /* @__PURE__ */ Zs(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), tl = { class: "quote__quote" }, al = { class: "quote__quote-text" }, ol = { class: "quote__author" }, sl = {
   key: 0,
   class: "quote__image"
-}, il = { class: "quote__text" }, rl = { class: "quote__author-name" }, nl = { class: "quote__author-title" }, dl = /* @__PURE__ */ g({
+}, ll = { class: "quote__text" }, il = { class: "quote__author-name" }, rl = { class: "quote__author-title" }, nl = /* @__PURE__ */ g({
   __name: "quote",
   props: {
     quote: {
@@ -2051,13 +2053,13 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", xs, [
-      t("div", el, [
-        tl,
-        t("div", al, [
-          t("p", ol, d(e.quote), 1),
-          t("div", sl, [
-            e.authorImage ? (l(), i("div", ll, [
+    return (a, r) => (l(), i("div", Xs, [
+      t("div", xs, [
+        el,
+        t("div", tl, [
+          t("p", al, d(e.quote), 1),
+          t("div", ol, [
+            e.authorImage ? (l(), i("div", sl, [
               S(F, null, {
                 default: y(() => [
                   c(a.$slots, "author-image", O(z({
@@ -2069,22 +2071,22 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
                 _: 3
               })
             ])) : _("", !0),
-            t("div", il, [
-              t("p", rl, d(e.author), 1),
-              t("p", nl, d(e.authorTitle), 1)
+            t("div", ll, [
+              t("p", il, d(e.author), 1),
+              t("p", rl, d(e.authorTitle), 1)
             ])
           ])
         ])
       ])
     ]));
   }
-}), cl = /* @__PURE__ */ v(dl, [["__scopeId", "data-v-e3cc8e27"]]), ul = { class: "rich-text__wrapper" }, _l = {
+}), dl = /* @__PURE__ */ v(nl, [["__scopeId", "data-v-e3cc8e27"]]), cl = { class: "rich-text__wrapper" }, ul = {
   key: 0,
   class: "rich-text__links"
-}, hl = {
+}, _l = {
   key: 0,
   class: "rich-text__bullet-list"
-}, pl = /* @__PURE__ */ g({
+}, hl = /* @__PURE__ */ g({
   __name: "rich-text",
   props: {
     headline: { default: "" },
@@ -2103,8 +2105,8 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
         a.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
-      t("div", ul, [
-        a.label ? (l(), L(X, {
+      t("div", cl, [
+        a.label ? (l(), A(X, {
           key: 0,
           text: a.label,
           "label-dark": !1
@@ -2129,11 +2131,11 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
             ])
           }, [
             c(a.$slots, "rich-text-content"),
-            a.links ? (l(), i("div", _l, [
+            a.links ? (l(), i("div", ul, [
               c(a.$slots, "rich-text-links")
             ])) : _("", !0)
           ], 2),
-          a.bulletList ? (l(), i("div", hl, [
+          a.bulletList ? (l(), i("div", _l, [
             c(a.$slots, "rich-text-bullet-list")
           ])) : _("", !0),
           a.image ? (l(), i("div", {
@@ -2154,12 +2156,12 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
       ])
     ], 2));
   }
-}), ml = /* @__PURE__ */ v(pl, [["__scopeId", "data-v-5441d67a"]]), fl = {}, vl = { class: "rich-text" }, gl = { class: "rich-text__wrapper" }, bl = { class: "rich-text__content rich-text__content--left-aligned" }, yl = { class: "rich-text__body" };
-function kl(e, a) {
-  return l(), i("div", vl, [
-    t("div", gl, [
-      t("div", bl, [
-        t("div", yl, [
+}), pl = /* @__PURE__ */ v(hl, [["__scopeId", "data-v-5441d67a"]]), ml = {}, fl = { class: "rich-text" }, vl = { class: "rich-text__wrapper" }, gl = { class: "rich-text__content rich-text__content--left-aligned" }, bl = { class: "rich-text__body" };
+function yl(e, a) {
+  return l(), i("div", fl, [
+    t("div", vl, [
+      t("div", gl, [
+        t("div", bl, [
           t("div", null, [
             c(e.$slots, "rich-text-content-left", {}, void 0, !0)
           ]),
@@ -2171,10 +2173,10 @@ function kl(e, a) {
     ])
   ]);
 }
-const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2"]]), wl = (e) => (H("data-v-798e7a06"), e = e(), R(), e), Bl = { class: "timeline__wrapper" }, Sl = { class: "timeline__content" }, Il = { class: "timeline__items" }, Cl = { class: "item__left" }, ql = /* @__PURE__ */ wl(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+const kl = /* @__PURE__ */ v(ml, [["render", yl], ["__scopeId", "data-v-776750d2"]]), $l = (e) => (H("data-v-798e7a06"), e = e(), R(), e), wl = { class: "timeline__wrapper" }, Bl = { class: "timeline__content" }, Sl = { class: "timeline__items" }, Il = { class: "item__left" }, Cl = /* @__PURE__ */ $l(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
-], -1)), Al = { class: "item__right" }, Ll = ["innerHTML"], Tl = /* @__PURE__ */ g({
+], -1)), ql = { class: "item__right" }, Tl = ["innerHTML"], Al = /* @__PURE__ */ g({
   __name: "timeline",
   props: {
     timelineItems: {
@@ -2197,16 +2199,16 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
       a.forEach((s) => {
         r.observe(s);
       });
-    }), (a, r) => (l(), i("div", Bl, [
-      t("div", Sl, [
-        t("div", Il, [
+    }), (a, r) => (l(), i("div", wl, [
+      t("div", Bl, [
+        t("div", Sl, [
           (l(!0), i(D, null, V(e.timelineItems, (s) => (l(), i("div", {
             key: s.year,
             class: "timeline__item faded"
           }, [
-            t("div", Cl, d(s.year), 1),
-            ql,
-            t("div", Al, [
+            t("div", Il, d(s.year), 1),
+            Cl,
+            t("div", ql, [
               S(F, null, {
                 default: y(() => [
                   s.media.src ? c(a.$slots, "timeline-image", M({
@@ -2220,20 +2222,20 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
                 style: ee([s.media.src ? "" : "margin-top: 0px"]),
                 class: "rich-text",
                 innerHTML: s.text
-              }, null, 12, Ll)
+              }, null, 12, Tl)
             ])
           ]))), 128))
         ])
       ])
     ]));
   }
-}), Dl = /* @__PURE__ */ v(Tl, [["__scopeId", "data-v-798e7a06"]]), Vl = { class: "vimeo" }, Pl = { class: "vimeo__wrapper" }, Fl = {
+}), Ll = /* @__PURE__ */ v(Al, [["__scopeId", "data-v-798e7a06"]]), Dl = { class: "vimeo" }, Vl = { class: "vimeo__wrapper" }, Pl = {
   key: 0,
   class: "vimeo__headline"
-}, Ml = {
+}, Fl = {
   key: 1,
   class: "vimeo__description"
-}, Ol = /* @__PURE__ */ g({
+}, Ml = /* @__PURE__ */ g({
   __name: "vimeo",
   props: {
     headline: {
@@ -2246,18 +2248,18 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", Vl, [
-      t("div", Pl, [
-        e.headline ? (l(), i("h2", Fl, d(e.headline), 1)) : _("", !0),
+    return (a, r) => (l(), i("div", Dl, [
+      t("div", Vl, [
+        e.headline ? (l(), i("h2", Pl, d(e.headline), 1)) : _("", !0),
         c(a.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (l(), i("p", Ml, d(e.description), 1)) : _("", !0)
+        e.description ? (l(), i("p", Fl, d(e.description), 1)) : _("", !0)
       ])
     ]));
   }
-}), zl = /* @__PURE__ */ v(Ol, [["__scopeId", "data-v-90a2b109"]]), Hl = { class: "academy-overview" }, Rl = { class: "academy-overview__content-wrapper" }, Nl = { class: "academy-overview__content" }, El = { class: "academy-overview__title" }, jl = { class: "academy-overview__description" }, Kl = { class: "academy-overview__button-wrapper" }, Ul = {
+}), Ol = /* @__PURE__ */ v(Ml, [["__scopeId", "data-v-90a2b109"]]), zl = { class: "academy-overview" }, Hl = { class: "academy-overview__content-wrapper" }, Rl = { class: "academy-overview__content" }, Nl = { class: "academy-overview__title" }, El = { class: "academy-overview__description" }, jl = { class: "academy-overview__button-wrapper" }, Kl = {
   key: 0,
   class: "academy-overview__stats"
-}, Gl = { class: "academy-overview__stats-row" }, Jl = { class: "academy-overview__stat" }, Wl = { class: "academy-overview__value" }, Yl = { class: "academy-overview__label" }, Ql = { class: "academy-overview__stat" }, Zl = { class: "academy-overview__value" }, Xl = { class: "academy-overview__label" }, xl = /* @__PURE__ */ g({
+}, Ul = { class: "academy-overview__stats-row" }, Gl = { class: "academy-overview__stat" }, Jl = { class: "academy-overview__value" }, Wl = { class: "academy-overview__label" }, Yl = { class: "academy-overview__stat" }, Ql = { class: "academy-overview__value" }, Zl = { class: "academy-overview__label" }, Xl = /* @__PURE__ */ g({
   __name: "frontpage-hero",
   props: {
     hero: { default: () => ({
@@ -2271,25 +2273,25 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
     }) }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", Hl, [
-      t("div", Rl, [
-        t("div", Nl, [
+    return (a, r) => (l(), i("div", zl, [
+      t("div", Hl, [
+        t("div", Rl, [
           t("div", null, [
-            t("h1", El, d(a.hero.headline), 1),
-            t("p", jl, d(a.hero.description), 1),
-            t("div", Kl, [
+            t("h1", Nl, d(a.hero.headline), 1),
+            t("p", El, d(a.hero.description), 1),
+            t("div", jl, [
               c(a.$slots, "button", {}, void 0, !0)
             ])
           ]),
-          a.hero.showStats ? (l(), i("div", Ul, [
-            t("div", Gl, [
-              t("div", Jl, [
-                t("div", Wl, d(a.hero.lessonValue), 1),
-                t("div", Yl, d(a.hero.lessonLabel), 1)
+          a.hero.showStats ? (l(), i("div", Kl, [
+            t("div", Ul, [
+              t("div", Gl, [
+                t("div", Jl, d(a.hero.lessonValue), 1),
+                t("div", Wl, d(a.hero.lessonLabel), 1)
               ]),
-              t("div", Ql, [
-                t("div", Zl, d(a.hero.pointsValue), 1),
-                t("div", Xl, d(a.hero.pointsLabel), 1)
+              t("div", Yl, [
+                t("div", Ql, d(a.hero.pointsValue), 1),
+                t("div", Zl, d(a.hero.pointsLabel), 1)
               ])
             ])
           ])) : _("", !0)
@@ -2297,7 +2299,7 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
       ])
     ]));
   }
-}), ei = /* @__PURE__ */ v(xl, [["__scopeId", "data-v-1594f3e8"]]), ti = { class: "not-found__wrapper" }, ai = { class: "not-found__content" }, oi = { class: "not-found__headline" }, si = { class: "not-found__body" }, li = /* @__PURE__ */ g({
+}), xl = /* @__PURE__ */ v(Xl, [["__scopeId", "data-v-1594f3e8"]]), ei = { class: "not-found__wrapper" }, ti = { class: "not-found__content" }, ai = { class: "not-found__headline" }, oi = { class: "not-found__body" }, si = /* @__PURE__ */ g({
   __name: "404",
   props: {
     headline: {
@@ -2306,16 +2308,16 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", ti, [
-      t("div", ai, [
-        t("h1", oi, d(e.headline), 1),
-        t("div", si, [
+    return (a, r) => (l(), i("div", ei, [
+      t("div", ti, [
+        t("h1", ai, d(e.headline), 1),
+        t("div", oi, [
           c(a.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), ii = /* @__PURE__ */ v(li, [["__scopeId", "data-v-b829ca6c"]]), ri = { class: "filter__wrapper" }, ni = { class: "filter__content" }, di = { class: "filter__dropdowns" }, ci = { class: "filter__chips" }, ui = /* @__PURE__ */ g({
+}), li = /* @__PURE__ */ v(si, [["__scopeId", "data-v-b829ca6c"]]), ii = { class: "filter__wrapper" }, ri = { class: "filter__content" }, ni = { class: "filter__dropdowns" }, di = { class: "filter__chips" }, ci = /* @__PURE__ */ g({
   __name: "filter",
   props: {
     hasChips: {
@@ -2329,12 +2331,12 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (a, r) => (l(), i("div", ri, [
-      t("div", ni, [
-        t("div", di, [
+    return (a, r) => (l(), i("div", ii, [
+      t("div", ri, [
+        t("div", ni, [
           c(a.$slots, "filter-dropdowns")
         ]),
-        t("div", ci, [
+        t("div", di, [
           c(a.$slots, "filter-chips"),
           e.hasChips ? (l(), i("button", {
             key: 0,
@@ -2345,35 +2347,35 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
       ])
     ]));
   }
-}), _i = /* @__PURE__ */ v(ui, [["__scopeId", "data-v-b2ccb954"]]), ye = (e) => (H("data-v-e1f05c51"), e = e(), R(), e), hi = { class: "footer__wrapper" }, pi = { class: "footer__content" }, mi = {
+}), ui = /* @__PURE__ */ v(ci, [["__scopeId", "data-v-b2ccb954"]]), ye = (e) => (H("data-v-e1f05c51"), e = e(), R(), e), _i = { class: "footer__wrapper" }, hi = { class: "footer__content" }, pi = {
   key: 0,
   src: "https://mobile-industrial-robots.com/logo/mir-main-logo.svg",
   style: { margin: "0 auto" }
-}, fi = { class: "footer__sections" }, vi = { class: "section__title" }, gi = { class: "section__list" }, bi = { class: "section" }, yi = {
+}, mi = { class: "footer__sections" }, fi = { class: "section__title" }, vi = { class: "section__list" }, gi = { class: "section" }, bi = {
   key: 0,
   class: "section__title"
-}, ki = {
+}, yi = {
   key: 1,
   class: "section__title"
-}, $i = { key: 0 }, wi = { key: 1 }, Bi = { key: 2 }, Si = { key: 3 }, Ii = { key: 4 }, Ci = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("br", null, null, -1)), qi = {
+}, ki = { key: 0 }, $i = { key: 1 }, wi = { key: 2 }, Bi = { key: 3 }, Si = { key: 4 }, Ii = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("br", null, null, -1)), Ci = {
   key: 0,
   href: "mailto:china@mir-robots.com"
-}, Ai = {
+}, qi = {
   key: 1,
   href: "mailto:mail@mir-robots.com"
-}, Li = {
+}, Ti = {
   key: 0,
   href: "tel:+8613661856951"
-}, Ti = {
+}, Ai = {
   key: 1,
   href: "tel:+4520377577"
-}, Di = { class: "footer__bottom" }, Vi = { class: "copyright" }, Pi = { class: "footer__policy" }, Fi = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Mi = {
+}, Li = { class: "footer__bottom" }, Di = { class: "copyright" }, Vi = { class: "footer__policy" }, Pi = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Fi = {
   key: 0,
   class: "footer__social"
-}, Oi = ["href", "aria-label"], zi = {
+}, Mi = ["href", "aria-label"], Oi = {
   key: 1,
   class: "footer__social"
-}, Hi = ["href", "aria-label"], Ri = /* @__PURE__ */ g({
+}, zi = ["href", "aria-label"], Hi = /* @__PURE__ */ g({
   __name: "footer",
   props: {
     language: { default: "" },
@@ -2386,37 +2388,37 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
   },
   emits: ["changeRegionClicked"],
   setup(e) {
-    return (a, r) => (l(), i("div", hi, [
-      t("footer", pi, [
-        a.language === "zh" ? (l(), i("img", mi)) : _("", !0),
-        t("div", fi, [
+    return (a, r) => (l(), i("div", _i, [
+      t("footer", hi, [
+        a.language === "zh" ? (l(), i("img", pi)) : _("", !0),
+        t("div", mi, [
           (l(!0), i(D, null, V(a.footerSections, (s) => (l(), i("div", {
             key: s.title,
             class: "section"
           }, [
-            t("span", vi, d(s.title), 1),
+            t("span", fi, d(s.title), 1),
             t("nav", null, [
-              t("ul", gi, [
+              t("ul", vi, [
                 c(a.$slots, "section-links", {
                   links: s.links
                 })
               ])
             ])
           ]))), 128)),
-          t("div", bi, [
-            a.language === "zh" ? (l(), i("span", yi, "名傲移动机器人（上海）有限公司")) : (l(), i("span", ki, "Mobile Industrial Robots A/S")),
+          t("div", gi, [
+            a.language === "zh" ? (l(), i("span", bi, "名傲移动机器人（上海）有限公司")) : (l(), i("span", yi, "Mobile Industrial Robots A/S")),
             t("address", null, [
-              a.language === "zh" ? (l(), i("span", $i, "上海浦东新区金桥出口加工区")) : (l(), i("span", wi, "Energivej 51")),
-              a.language === "zh" ? (l(), i("span", Bi, "桂桥路1201号10栋2楼")) : (l(), i("span", Si, "5260 Odense S")),
-              a.language !== "zh" ? (l(), i("span", Ii, "CVR: 35251235")) : _("", !0),
-              Ci,
+              a.language === "zh" ? (l(), i("span", ki, "上海浦东新区金桥出口加工区")) : (l(), i("span", $i, "Energivej 51")),
+              a.language === "zh" ? (l(), i("span", wi, "桂桥路1201号10栋2楼")) : (l(), i("span", Bi, "5260 Odense S")),
+              a.language !== "zh" ? (l(), i("span", Si, "CVR: 35251235")) : _("", !0),
+              Ii,
               S(P, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
               }, {
                 default: y(() => [
-                  a.language === "zh" ? (l(), i("a", qi, "china@mir-robots.com")) : (l(), i("a", Ai, "mail@mir-robots.com"))
+                  a.language === "zh" ? (l(), i("a", Ci, "china@mir-robots.com")) : (l(), i("a", qi, "mail@mir-robots.com"))
                 ]),
                 _: 1
               }),
@@ -2426,30 +2428,30 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
                 underline: "false"
               }, {
                 default: y(() => [
-                  a.language === "zh" ? (l(), i("a", Li, "+86 13661856951（微信同号）")) : (l(), i("a", Ti, "+45 20 377 577"))
+                  a.language === "zh" ? (l(), i("a", Ti, "+86 13661856951（微信同号）")) : (l(), i("a", Ai, "+45 20 377 577"))
                 ]),
                 _: 1
               })
             ])
           ])
         ]),
-        t("div", Di, [
-          t("p", Vi, " © Mobile Industrial Robots " + d((/* @__PURE__ */ new Date()).getFullYear()), 1),
-          t("div", Pi, [
+        t("div", Li, [
+          t("p", Di, " © Mobile Industrial Robots " + d((/* @__PURE__ */ new Date()).getFullYear()), 1),
+          t("div", Vi, [
             t("button", {
               class: "footer__language-switcher",
               onClick: r[0] || (r[0] = (s) => a.$emit("changeRegionClicked"))
             }, [
               t("span", null, [
-                Fi,
+                Pi,
                 J(d(a.changeRegion), 1)
               ])
             ]),
             c(a.$slots, "footer-privacy-link"),
             c(a.$slots, "footer-cookie-link")
           ]),
-          a.language !== "zh" ? (l(), i("div", Mi, [
-            (l(!0), i(D, null, V(a.socialMedia, (s) => (l(), L(P, {
+          a.language !== "zh" ? (l(), i("div", Fi, [
+            (l(!0), i(D, null, V(a.socialMedia, (s) => (l(), A(P, {
               key: s.title,
               underline: "false",
               "link-type": "regular"
@@ -2465,12 +2467,12 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
                     height: "14",
                     class: h(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
                   }, null, 2)
-                ], 8, Oi)
+                ], 8, Mi)
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : (l(), i("div", zi, [
-            (l(!0), i(D, null, V(a.socialMediaChina, (s) => (l(), L(P, {
+          ])) : (l(), i("div", Oi, [
+            (l(!0), i(D, null, V(a.socialMediaChina, (s) => (l(), A(P, {
               key: s.title,
               underline: "false",
               "link-type": "regular"
@@ -2486,7 +2488,7 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
                     height: "14",
                     class: h(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
                   }, null, 2)
-                ], 8, Hi)
+                ], 8, zi)
               ]),
               _: 2
             }, 1024))), 128))
@@ -2495,51 +2497,51 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
       ])
     ]));
   }
-}), Ni = /* @__PURE__ */ v(Ri, [["__scopeId", "data-v-e1f05c51"]]), ke = (e) => (H("data-v-ac9974bb"), e = e(), R(), e), Ei = { class: "header__wrapper" }, ji = { class: "nav-wrapper" }, Ki = { class: "mir-link-logo" }, Ui = { class: "main-nav-items" }, Gi = {
+}), Ri = /* @__PURE__ */ v(Hi, [["__scopeId", "data-v-e1f05c51"]]), ke = (e) => (H("data-v-0b00b9f2"), e = e(), R(), e), Ni = { class: "header__wrapper" }, Ei = { class: "nav-wrapper" }, ji = { class: "mir-link-logo" }, Ki = { class: "main-nav-items" }, Ui = {
   key: 0,
   id: "menu-dropdown",
   ref: "dropdownDiv"
-}, Ji = {
+}, Gi = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
-  alt: "dropdownarrow"
-}, Wi = {
+  alt: "dropdown arrow"
+}, Ji = {
   key: 1,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
-  alt: "dropdownarrow",
+  alt: "dropdown arrow",
   style: { transform: "rotate(180deg)" }
-}, Yi = { class: "dropdown-content" }, Qi = {
+}, Wi = { class: "dropdown-content" }, Yi = {
   key: 1,
   class: "nav-search-wrapper"
-}, Zi = ["src"], Xi = {
+}, Qi = ["src"], Zi = {
   key: 2,
   id: "menu-portal-switcher",
   class: "portal-switcher-wrapper"
-}, xi = /* @__PURE__ */ ke(() => /* @__PURE__ */ t("img", {
+}, Xi = /* @__PURE__ */ ke(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg?cv=1712916615032",
-  alt: "portalswitchericon",
+  alt: "portal switcher icon",
   width: "20",
   height: "20"
-}, null, -1)), er = [
-  xi
-], tr = { class: "portal-switcher-content" }, ar = { class: "portal-switcher-links" }, or = ["href"], sr = ["src"], lr = {
+}, null, -1)), xi = [
+  Xi
+], er = { class: "portal-switcher-content" }, tr = { class: "portal-switcher-links" }, ar = ["href"], or = ["src"], sr = {
   key: 3,
   id: "menu-profile-dropdown",
   class: "profile-dropdown-wrapper"
-}, ir = {
+}, lr = {
   key: 0,
   class: "profile-dropdown-sign-in"
-}, rr = /* @__PURE__ */ ke(() => /* @__PURE__ */ t("img", {
+}, ir = /* @__PURE__ */ ke(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/15x14/3b3253dd12/icon-user.svg?cv=1712916615014",
-  alt: "profiledropdownicon",
+  alt: "profile dropdown icon",
   width: "20",
   height: "20"
-}, null, -1)), nr = [
-  rr
-], dr = { class: "profile-dropdown-content" }, cr = { class: "mobile-logo-search-burger-wrapper" }, ur = { class: "mobile-mir-link-logo" }, _r = {
+}, null, -1)), rr = [
+  ir
+], nr = { class: "profile-dropdown-content" }, dr = { class: "mobile-logo-search-burger-wrapper" }, cr = { class: "mobile-mir-link-logo" }, ur = {
   key: 0,
   class: "mobile-search-wrapper"
-}, hr = ["src"], pr = ["src"], mr = { class: "mobile-menu-content-wrapper" }, fr = { class: "mobile-dropdown-content" }, vr = /* @__PURE__ */ g({
+}, _r = ["src"], hr = ["src"], pr = { class: "mobile-menu-content-wrapper" }, mr = { class: "mobile-dropdown-content" }, fr = /* @__PURE__ */ g({
   __name: "header",
   props: {
     burgerState: {
@@ -2616,7 +2618,7 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
       s = ($) => {
         $.target.closest("#menu-dropdown") || (n.value = !1), $.target.closest("#menu-portal-switcher") || (b.value = !1), $.target.closest("#menu-profile-dropdown") || (f.value = !1);
       }, window.addEventListener("click", s);
-    }), Ae(() => {
+    }), Te(() => {
       s !== null && window.removeEventListener("click", s);
     });
     const w = r;
@@ -2638,34 +2640,36 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
     }
     return a({
       defocusSearchButton: ce
-    }), ($, j) => (l(), i("div", Ei, [
+    }), ($, j) => (l(), i("div", Ni, [
       t("nav", null, [
-        t("div", ji, [
-          t("div", Ki, [
+        t("div", Ei, [
+          t("div", ji, [
             c($.$slots, "link-logo", {}, void 0, !0)
           ]),
-          t("ul", Ui, [
+          t("ul", Ki, [
             c($.$slots, "main-nav-items", {}, void 0, !0)
           ]),
-          e.useDropdown ? (l(), i("div", Gi, [
+          e.useDropdown ? (l(), i("div", Ui, [
             t("button", {
               class: "nav-dropdown-btn",
+              "aria-label": "Toggle Dropdown",
               onClick: ae
             }, [
               c($.$slots, "dropdown-title", {}, void 0, !0),
-              I(n) === !1 ? (l(), i("img", Ji)) : (l(), i("img", Wi))
+              I(n) === !1 ? (l(), i("img", Gi)) : (l(), i("img", Ji))
             ]),
-            U(t("div", Yi, [
+            U(t("div", Wi, [
               c($.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
               [Z, I(n)]
             ])
           ], 512)) : _("", !0),
-          I(p) ? (l(), i("div", Qi, [
+          I(p) ? (l(), i("div", Yi, [
             t("button", {
               ref_key: "navSearchButton",
               ref: G,
               class: "search-icon",
+              "aria-label": "Toggle search",
               onClick: j[0] || (j[0] = (K) => {
                 var E;
                 return $.$emit("clickSearch"), (E = I(G)) == null ? void 0 : E.blur();
@@ -2676,16 +2680,17 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
                 alt: "search icon",
                 width: "20",
                 height: "20"
-              }, null, 8, Zi)
+              }, null, 8, Qi)
             ], 512)
           ])) : _("", !0),
-          e.usePortalSwitcher ? (l(), i("div", Xi, [
+          e.usePortalSwitcher ? (l(), i("div", Zi, [
             t("button", {
               class: "nav-portal-switcher-btn",
+              "aria-label": "Toggle Portal",
               onClick: re
-            }, er),
-            U(t("div", tr, [
-              t("ul", ar, [
+            }, xi),
+            U(t("div", er, [
+              t("ul", tr, [
                 (l(!0), i(D, null, V(e.portals, (K, E) => (l(), i("li", {
                   key: E,
                   class: "portal-switcher-link"
@@ -2698,9 +2703,9 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
                       }, [
                         t("img", {
                           src: K.icon
-                        }, null, 8, sr),
+                        }, null, 8, or),
                         t("div", null, d(K.name), 1)
-                      ], 8, or)
+                      ], 8, ar)
                     ]),
                     _: 2
                   }, 1024)
@@ -2710,16 +2715,17 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
               [Z, I(b)]
             ])
           ])) : _("", !0),
-          e.useProfileDropdown ? (l(), i("div", lr, [
-            I(k) ? _("", !0) : (l(), i("div", ir, [
+          e.useProfileDropdown ? (l(), i("div", sr, [
+            I(k) ? _("", !0) : (l(), i("div", lr, [
               c($.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
             ])),
             I(k) ? (l(), i("button", {
               key: 1,
+              "aria-label": "Toggle Profile",
               class: "nav-profile-dropdown-btn",
               onClick: ne
-            }, nr)) : _("", !0),
-            U(t("div", dr, [
+            }, rr)) : _("", !0),
+            U(t("div", nr, [
               c($.$slots, "profile-dropdown-links", {}, void 0, !0)
             ], 512), [
               [Z, I(f)]
@@ -2729,11 +2735,11 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
         t("div", {
           class: h(["mobile-nav-wrapper", I(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
         }, [
-          t("div", cr, [
-            t("div", ur, [
+          t("div", dr, [
+            t("div", cr, [
               c($.$slots, "link-logo", {}, void 0, !0)
             ]),
-            I(p) ? (l(), i("div", _r, [
+            I(p) ? (l(), i("div", ur, [
               t("button", {
                 ref_key: "mobileSearchButton",
                 ref: oe,
@@ -2749,7 +2755,7 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
                   alt: "search icon",
                   width: "20",
                   height: "20"
-                }, null, 8, hr)
+                }, null, 8, _r)
               ], 512)
             ])) : _("", !0),
             t("button", {
@@ -2760,16 +2766,16 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
               t("img", {
                 width: "20",
                 height: "20",
-                alt: "burger menu line icon",
-                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"
-              }, null, 8, pr)
+                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",
+                alt: "burger menu icon"
+              }, null, 8, hr)
             ])
           ]),
-          U(t("div", mr, [
+          U(t("div", pr, [
             t("ul", null, [
               c($.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
-            t("ul", fr, [
+            t("ul", mr, [
               c($.$slots, "mobile-dropdown-title", {}, void 0, !0),
               c($.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
@@ -2780,7 +2786,7 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
       ])
     ]));
   }
-}), gr = /* @__PURE__ */ v(vr, [["__scopeId", "data-v-ac9974bb"]]), br = { class: "language__wrapper" }, yr = { class: "language__content" }, kr = { class: "language__headline" }, $r = { class: "language__paragraph" }, wr = { class: "language__links" }, Br = /* @__PURE__ */ g({
+}), vr = /* @__PURE__ */ v(fr, [["__scopeId", "data-v-0b00b9f2"]]), gr = { class: "language__wrapper" }, br = { class: "language__content" }, yr = { class: "language__headline" }, kr = { class: "language__paragraph" }, $r = { class: "language__links" }, wr = /* @__PURE__ */ g({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2793,17 +2799,17 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", br, [
-      t("div", yr, [
-        t("h2", kr, d(e.headline), 1),
-        t("p", $r, d(e.paragraph), 1),
-        t("div", wr, [
+    return (a, r) => (l(), i("div", gr, [
+      t("div", br, [
+        t("h2", yr, d(e.headline), 1),
+        t("p", kr, d(e.paragraph), 1),
+        t("div", $r, [
           c(a.$slots, "language-links", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), Sr = /* @__PURE__ */ v(Br, [["__scopeId", "data-v-dc8cc97e"]]), Ir = { class: "pagination__wrapper" }, Cr = { class: "pagination__content" }, qr = /* @__PURE__ */ g({
+}), Br = /* @__PURE__ */ v(wr, [["__scopeId", "data-v-dc8cc97e"]]), Sr = { class: "pagination__wrapper" }, Ir = { class: "pagination__content" }, Cr = /* @__PURE__ */ g({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2817,8 +2823,8 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (a, r) => (l(), i("div", Ir, [
-      t("div", Cr, [
+    return (a, r) => (l(), i("div", Sr, [
+      t("div", Ir, [
         S(le, {
           disabled: e.isPreviousDisabled,
           variant: "previous",
@@ -2835,13 +2841,13 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
       ])
     ]));
   }
-}), Ar = /* @__PURE__ */ v(qr, [["__scopeId", "data-v-da6d07c9"]]), Lr = {}, Tr = { class: "search__wrapper" };
-function Dr(e, a) {
-  return l(), i("div", Tr, [
+}), qr = /* @__PURE__ */ v(Cr, [["__scopeId", "data-v-da6d07c9"]]), Tr = {}, Ar = { class: "search__wrapper" };
+function Lr(e, a) {
+  return l(), i("div", Ar, [
     c(e.$slots, "default", { class: "search__content" })
   ]);
 }
-const Vr = /* @__PURE__ */ v(Lr, [["render", Dr], ["__scopeId", "data-v-c07a6cf3"]]), Pr = { class: "dropdown" }, Fr = ["aria-expanded"], Mr = /* @__PURE__ */ g({
+const Dr = /* @__PURE__ */ v(Tr, [["render", Lr], ["__scopeId", "data-v-c07a6cf3"]]), Vr = { class: "dropdown" }, Pr = ["aria-expanded"], Fr = /* @__PURE__ */ g({
   __name: "select-multiple",
   props: {
     label: { default: "" },
@@ -2860,7 +2866,7 @@ const Vr = /* @__PURE__ */ v(Lr, [["render", Dr], ["__scopeId", "data-v-c07a6cf3
     const n = q(() => s.options.length > 8);
     return (b, f) => {
       const k = _e("click-outside");
-      return U((l(), i("div", Pr, [
+      return U((l(), i("div", Vr, [
         t("button", {
           class: h(["dropdown-button", { clicked: r.value }]),
           style: ee({ "z-index": r.value ? 2 : 0 }),
@@ -2870,11 +2876,11 @@ const Vr = /* @__PURE__ */ v(Lr, [["render", Dr], ["__scopeId", "data-v-c07a6cf3
           c(b.$slots, "button", {}, () => [
             J(d(b.label), 1)
           ], !0)
-        ], 14, Fr),
+        ], 14, Pr),
         t("div", {
           class: h([{ hidden: !r.value, "adjust-height": n.value }, "dropdown-content"])
         }, [
-          (l(!0), i(D, null, V(b.options, (w) => (l(), L(I(fe), {
+          (l(!0), i(D, null, V(b.options, (w) => (l(), A(I(fe), {
             id: w.value,
             key: w.value,
             name: w.text,
@@ -2895,7 +2901,7 @@ const Vr = /* @__PURE__ */ v(Lr, [["render", Dr], ["__scopeId", "data-v-c07a6cf3
       ]);
     };
   }
-}), Or = /* @__PURE__ */ v(Mr, [["__scopeId", "data-v-678cc92e"]]), zr = { class: "promo__content" }, Hr = { class: "pallet-jack__media-wrap" }, Rr = { class: "pallet-jack-link" }, Nr = { class: "pallet-jack__media-wrap__inner-wrap" }, Er = { class: "pallet-jack__media-wrap__content-wrap" }, jr = { class: "regular-blue" }, Kr = /* @__PURE__ */ g({
+}), Mr = /* @__PURE__ */ v(Fr, [["__scopeId", "data-v-678cc92e"]]), Or = { class: "promo__content" }, zr = { class: "pallet-jack__media-wrap" }, Hr = { class: "pallet-jack-link" }, Rr = { class: "pallet-jack__media-wrap__inner-wrap" }, Nr = { class: "pallet-jack__media-wrap__content-wrap" }, Er = { class: "regular-blue" }, jr = /* @__PURE__ */ g({
   __name: "pallet-jack",
   props: {
     label: { default: "" },
@@ -2921,22 +2927,22 @@ const Vr = /* @__PURE__ */ v(Lr, [["render", Dr], ["__scopeId", "data-v-c07a6cf3
         o.teaser ? "promo__wrapper--teaser" : ""
       ])
     }, [
-      t("div", zr, [
+      t("div", Or, [
         t("div", {
           class: h([
             "promo__video",
             o.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          t("div", Hr, [
-            t("div", Rr, [
+          t("div", zr, [
+            t("div", Hr, [
               c(o.$slots, "pallet-jack-link")
             ]),
-            t("div", Nr, [
+            t("div", Rr, [
               c(o.$slots, "pallet-jack-video")
             ]),
-            t("div", Er, [
-              t("h3", jr, d(o.headline), 1),
+            t("div", Nr, [
+              t("h3", Er, d(o.headline), 1),
               t("p", null, d(o.shortDescription), 1)
             ])
           ])
@@ -2947,7 +2953,7 @@ const Vr = /* @__PURE__ */ v(Lr, [["render", Dr], ["__scopeId", "data-v-c07a6cf3
             o.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          o.label ? (l(), L(X, {
+          o.label ? (l(), A(X, {
             key: 0,
             text: o.label,
             "label-dark": o.variant === "dark"
@@ -2960,7 +2966,7 @@ const Vr = /* @__PURE__ */ v(Lr, [["render", Dr], ["__scopeId", "data-v-c07a6cf3
           }, [
             c(o.$slots, "promo-text")
           ], 2),
-          o.linkType === "link" ? (l(), L(P, {
+          o.linkType === "link" ? (l(), A(P, {
             key: 1,
             "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
             arrow: ""
@@ -2970,7 +2976,7 @@ const Vr = /* @__PURE__ */ v(Lr, [["render", Dr], ["__scopeId", "data-v-c07a6cf3
             ]),
             _: 3
           }, 8, ["link-type"])) : _("", !0),
-          o.linkType === "button" ? (l(), L(P, {
+          o.linkType === "button" ? (l(), A(P, {
             key: 2,
             "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
           }, {
@@ -2983,9 +2989,9 @@ const Vr = /* @__PURE__ */ v(Lr, [["render", Dr], ["__scopeId", "data-v-c07a6cf3
       ])
     ], 2));
   }
-}), Ur = /* @__PURE__ */ v(Kr, [["__scopeId", "data-v-00c0bad3"]]), Jr = {
+}), Kr = /* @__PURE__ */ v(jr, [["__scopeId", "data-v-00c0bad3"]]), Gr = {
   install: (e) => {
-    e.component("AtomButton", le), e.component("AtomCheckbox", fe), e.component("AtomChip", Ne), e.component("AtomDropdown", Ye), e.component("AtomImage", F), e.component("AtomLabel", X), e.component("AtomLink", P), e.component("AtomRadioButton", rt), e.component("AtomSelect", ht), e.component("AtomSelectMultiple", Or), e.component("AtomSlider", Bt), e.component("AtomTextarea", Dt), e.component("AtomTextField", jt), e.component("AtomVideo", te), e.component("MoleculeAddress", la), e.component("MoleculeBulletList", ca), e.component("MoleculeCard", ma), e.component("MoleculeColumnCard", ge), e.component("MoleculeEventCard", Aa), e.component("MoleculeFlashcard", be), e.component("MoleculeModal", ve), e.component("MoleculeTextCard", Ga), e.component("BlockAccordion", oo), e.component("BlockFacts", Io), e.component("BlockFeatures", Po), e.component("BlockFlashcards", Ho), e.component("BlockFormScript", Go), e.component("BlockHeadline", Qo), e.component("BlockHero", ds), e.component("BlockImage", ms), e.component("BlockImageGallery", ys), e.component("BlockLogoWall", As), e.component("BlockMicroStories", Ps), e.component("BlockPolicy", Hs), e.component("BlockProductHero", Ws), e.component("BlockPromo", Zs), e.component("BlockQuote", cl), e.component("BlockRichText", ml), e.component("BlockRichTextColumns", $l), e.component("BlockTimeline", Dl), e.component("BlockCardDisplay", uo), e.component("BlockColumnGrid", vo), e.component("BlockVimeo", zl), e.component("BlockPalletJack", Ur), e.component("BlockFrontPageHero", ei), e.component("Organism404", ii), e.component("OrganismFilter", _i), e.component("OrganismFooter", Ni), e.component("OrganismHeader", gr), e.component("OrganismLanguageSwitcher", Sr), e.component("OrganismPagination", Ar), e.component("OrganismSearch", Vr);
+    e.component("AtomButton", le), e.component("AtomCheckbox", fe), e.component("AtomChip", Ne), e.component("AtomDropdown", Ye), e.component("AtomImage", F), e.component("AtomLabel", X), e.component("AtomLink", P), e.component("AtomRadioButton", rt), e.component("AtomSelect", ht), e.component("AtomSelectMultiple", Mr), e.component("AtomSlider", Bt), e.component("AtomTextarea", Lt), e.component("AtomTextField", Et), e.component("AtomVideo", te), e.component("MoleculeAddress", sa), e.component("MoleculeBulletList", da), e.component("MoleculeCard", pa), e.component("MoleculeColumnCard", ge), e.component("MoleculeEventCard", qa), e.component("MoleculeFlashcard", be), e.component("MoleculeModal", ve), e.component("MoleculeTextCard", Ua), e.component("BlockAccordion", ao), e.component("BlockFacts", So), e.component("BlockFeatures", Vo), e.component("BlockFlashcards", zo), e.component("BlockFormScript", Uo), e.component("BlockHeadline", Yo), e.component("BlockHero", ns), e.component("BlockImage", ps), e.component("BlockImageGallery", bs), e.component("BlockLogoWall", qs), e.component("BlockMicroStories", Vs), e.component("BlockPolicy", zs), e.component("BlockProductHero", Js), e.component("BlockPromo", Qs), e.component("BlockQuote", dl), e.component("BlockRichText", pl), e.component("BlockRichTextColumns", kl), e.component("BlockTimeline", Ll), e.component("BlockCardDisplay", co), e.component("BlockColumnGrid", fo), e.component("BlockVimeo", Ol), e.component("BlockPalletJack", Kr), e.component("BlockFrontPageHero", xl), e.component("Organism404", li), e.component("OrganismFilter", ui), e.component("OrganismFooter", Ri), e.component("OrganismHeader", vr), e.component("OrganismLanguageSwitcher", Br), e.component("OrganismPagination", qr), e.component("OrganismSearch", Dr);
   }
 };
 export {
@@ -2998,48 +3004,48 @@ export {
   P as AtomLink,
   rt as AtomRadioButton,
   ht as AtomSelect,
-  Or as AtomSelectMultiple,
+  Mr as AtomSelectMultiple,
   Bt as AtomSlider,
-  jt as AtomTextField,
-  Dt as AtomTextarea,
+  Et as AtomTextField,
+  Lt as AtomTextarea,
   te as AtomVideo,
-  oo as BlockAccordion,
-  uo as BlockCardDisplay,
-  vo as BlockColumnGrid,
-  Io as BlockFacts,
-  Po as BlockFeatures,
-  Ho as BlockFlashcards,
-  Go as BlockFormScript,
-  ei as BlockFrontPageHero,
-  Qo as BlockHeadline,
-  ds as BlockHero,
-  ms as BlockImage,
-  ys as BlockImageGallery,
-  As as BlockLogoWall,
-  Ps as BlockMicroStories,
-  Ur as BlockPalletJack,
-  Hs as BlockPolicy,
-  Ws as BlockProductHero,
-  Zs as BlockPromo,
-  cl as BlockQuote,
-  ml as BlockRichText,
-  $l as BlockRichTextColumns,
-  Dl as BlockTimeline,
-  zl as BlockVimeo,
-  la as MoleculeAddress,
-  ca as MoleculeBulletList,
-  ma as MoleculeCard,
+  ao as BlockAccordion,
+  co as BlockCardDisplay,
+  fo as BlockColumnGrid,
+  So as BlockFacts,
+  Vo as BlockFeatures,
+  zo as BlockFlashcards,
+  Uo as BlockFormScript,
+  xl as BlockFrontPageHero,
+  Yo as BlockHeadline,
+  ns as BlockHero,
+  ps as BlockImage,
+  bs as BlockImageGallery,
+  qs as BlockLogoWall,
+  Vs as BlockMicroStories,
+  Kr as BlockPalletJack,
+  zs as BlockPolicy,
+  Js as BlockProductHero,
+  Qs as BlockPromo,
+  dl as BlockQuote,
+  pl as BlockRichText,
+  kl as BlockRichTextColumns,
+  Ll as BlockTimeline,
+  Ol as BlockVimeo,
+  sa as MoleculeAddress,
+  da as MoleculeBulletList,
+  pa as MoleculeCard,
   ge as MoleculeColumnCard,
-  Aa as MoleculeEventCard,
+  qa as MoleculeEventCard,
   be as MoleculeFlashcard,
   ve as MoleculeModal,
-  Ga as MoleculeTextCard,
-  ii as Organism404,
-  _i as OrganismFilter,
-  Ni as OrganismFooter,
-  gr as OrganismHeader,
-  Sr as OrganismLanguageSwitcher,
-  Ar as OrganismPagination,
-  Vr as OrganismSearch,
-  Jr as default
+  Ua as MoleculeTextCard,
+  li as Organism404,
+  ui as OrganismFilter,
+  Ri as OrganismFooter,
+  vr as OrganismHeader,
+  Br as OrganismLanguageSwitcher,
+  qr as OrganismPagination,
+  Dr as OrganismSearch,
+  Gr as default
 };