@blateral/b.kit 2.3.0-beta.1.2 → 2.3.0-beta.1.3

package/esm/sections.js

@@ -1,37 +1,44 @@
-import { a as __makeTemplateObject, e as __spreadArray, h as Minus, i as Plus, j as Info$2, _ as __assign, A as ArrowLeftRight, k as External, f as __awaiter, g as __generator, l as ArrowDown, L as LocationPin, m as ArrowRightGhost, n as ArrowLeftGhost, P as Phone, M as Mail, o as Play, p as Instagram, C as ClockFilled, q as CurrentLocation, r as MyLocation, s as Cross, t as LanguageIcon } from './ClockFilled-cff5900e.js';
-import { g as gridSettings, S as Section, m as mapToBgMode, W as Wrapper, G as Grid, a as getGridWidth, w as wrapperWhitespace } from './Wrapper-38c912a6.js';
-import { C as Copy, H as Heading, c as copyStyle } from './Copy-d2be4fb7.js';
+import { a as __makeTemplateObject, e as __spreadArray, h as Minus, i as Plus, j as Info$2, _ as __assign, A as ArrowLeftRight, k as External, f as __awaiter, g as __generator, l as ArrowDown, L as LocationPin, m as ArrowRightGhost, n as ArrowLeftGhost, P as Phone, M as Mail, o as Instagram, p as Play, C as ClockFilled, q as CurrentLocation, r as MyLocation, s as Cross } from './ClockFilled-8784ddac.js';
+import { g as gridSettings, S as Section, m as mapToBgMode, W as Wrapper, G as Grid, a as getGridWidth, w as wrapperWhitespace } from './Wrapper-f4a70e30.js';
+import { C as Copy, H as Heading, c as copyStyle } from './Copy-3444d005.js';
 import * as React from 'react';
 import React__default, { useContext, useState, useRef, useEffect, forwardRef, useCallback, useMemo, createRef } from 'react';
 import styled, { ThemeContext, css } from 'styled-components';
-import { s as spacings, g as getColors, m as mq, c as getGlobals, w as withRange, a as getFonts, e as getSVGDataImg } from './styles-eca3acc8.js';
-import { w as withLibTheme, u as useLibTheme } from './LibThemeProvider-17012395.js';
+import { s as spacings, g as getColors, m as mq, c as getGlobals, w as withRange, a as getFonts, e as getSVGDataImg } from './styles-5f78e59d.js';
+import { w as withLibTheme, u as useLibTheme } from './LibThemeProvider-90a5375f.js';
 import { JsonLd } from 'react-schemaorg';
-import { L as Link } from './Link-42f0b80f.js';
-import { S as StatusFormatter, A as Actions } from './Actions-59bdbbf7.js';
-import { u as useEqualSheetHeight, a as useIE, c as useScrollTo, g as getUrlParams, s as setUrlParam, e as deleteUrlParam } from './urlParams-c16d7370.js';
-import { T as Title$6, I as IntroBlock, a as Tag$1, E as EventBlock, b as InfoList, H as HeaderPoster, c as HeaderKenBurns, d as HeaderVideo, e as TableBlock, V as VideoBlock, P as POIFacts, f as POICard, B as Bdot } from './Bdot-a103eeef.js';
-import { I as Image, L as LanguageSwitcher, S as SocialList } from './SocialList-385cde53.js';
+import { L as Link } from './Link-ee8a48ed.js';
+import { S as StatusFormatter } from './statusFormatter-9be0fbff.js';
+import { u as useEqualSheetHeight, b as useScrollTo, g as getUrlParams, s as setUrlParam, d as deleteUrlParam } from './urlParams-882563ce.js';
+import { T as Title$6, a as Tag$1, b as TableBlock } from './TableBlock-0bbde956.js';
+import { A as Actions } from './Actions-73e13c48.js';
+import { I as IntroBlock, E as EventBlock, a as InfoList, H as HeaderPoster, b as HeaderKenBurns, c as HeaderVideo, V as VideoBlock, P as POIFacts, d as POICard } from './POICard-d8832988.js';
+import { I as Image } from './Image-82417953.js';
+import { u as useIE } from './useIE-a9c56989.js';
 import ReactDOMServer from 'react-dom/server';
 import { useFormik } from 'formik';
-import { B as ButtonGhost, a as Button } from './ButtonGhost-422fd723.js';
-import { L as LocationField, D as DatepickerCmp, F as FieldWrapper, R as RadioButton, T as Textarea, a as Textfield, S as SelectDropdown, b as FileUploadCmp, c as FilterField } from './FilterField-b1a28df7.js';
-import { C as Checkbox } from './Checkbox-76c2576b.js';
+import { B as Button } from './Button-678be396.js';
+import { L as LocationField, D as DatepickerCmp, F as FieldWrapper, R as RadioButton, T as Textarea, a as Textfield, S as SelectDropdown, b as FileUploadCmp, c as FilterField } from './FilterField-f423b4d1.js';
+import { B as ButtonGhost } from './ButtonGhost-6673a07e.js';
+import { C as Checkbox } from './Checkbox-a365d733.js';
 import { c as concat } from './concat-ab3c66f2.js';
-import { P as Pointer, C as Control$1 } from './Control-52ff8784.js';
+import { F as Filter$2, V as VideoCard } from './VideoCard-2557407b.js';
+import { P as Pointer } from './Pointer-da4d0977.js';
 import { i as isValidArray } from './arrays-65b644ef.js';
 import { u as useMounted } from './useMounted-1e4cc87b.js';
 import { u as useObserverSupport } from './useObserverSupport-02bce7f5.js';
 import { u as useUpdateEffect } from './useUpdateEffect-824c0c84.js';
-import { g as generateNavbarIdent, a as getFullNavbarHeights, b as getNavbarState } from './Navigation-fae92776.js';
-import { a as useMediaQueries, u as useMediaQuery } from './useMediaQuery-07eee3f4.js';
-import { c as useLeafletMap, d as useGeolocation } from './useGeolocation-c99d76bd.js';
-import { s as selectors, g as getCookie } from './useCookieConsent-cd262961.js';
-import { C as Callout } from './Callout-03ad4c6e.js';
+import { g as generateNavbarIdent, a as getFullNavbarHeights, b as getNavbarState } from './Navigation-ece0ff0d.js';
+import { a as useMediaQueries } from './useMediaQuery-43629cbb.js';
+import { C as Control$1 } from './Control-e61c9395.js';
+import { c as useLeafletMap, d as useGeolocation } from './useGeolocation-c81e3efc.js';
+import { C as Callout } from './Callout-439308f6.js';
 import './clamp-12d37b65.js';
 import './hexRgbConverter-edb91624.js';
 import 'react-datepicker';
-import './navigation-e135836f.js';
+import './useCookieConsent-db86e5cb.js';
+import './navigation-49280321.js';
+import './LanguageSwitcher-a53094d3.js';
 
 var distinct = function (value, index, array) {
   return array.indexOf(value) === index;
@@ -148,15 +155,15 @@ var generateJob = function (_a) {
 var AccordionContainer = styled.div.withConfig({
   displayName: "Accordion__AccordionContainer",
   componentId: "sc-1el5cmc-0"
-})(templateObject_1$X || (templateObject_1$X = __makeTemplateObject(["\n    margin: 0;\n    padding: 0;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    margin: 0;\n    padding: 0;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge);
-var View$e = styled.details.withConfig({
+})(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n    margin: 0;\n    padding: 0;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    margin: 0;\n    padding: 0;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge);
+var View$a = styled.details.withConfig({
   displayName: "Accordion__View",
   componentId: "sc-1el5cmc-1"
-})(templateObject_2$M || (templateObject_2$M = __makeTemplateObject([""], [""])));
+})(templateObject_2$E || (templateObject_2$E = __makeTemplateObject([""], [""])));
 var AccordionHead = styled.summary.withConfig({
   displayName: "Accordion__AccordionHead",
   componentId: "sc-1el5cmc-2"
-})(templateObject_3$E || (templateObject_3$E = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    padding: ", "px;\n    margin: 0;\n    border: none;\n    outline: none;\n    background: none;\n    user-select: none;\n    list-style: none;\n\n    background: ", ";\n\n    cursor: pointer;\n    transition: background 0.2s ease-in-out;\n\n    @media ", " {\n        padding: ", "px;\n    }\n\n    &::-webkit-details-marker {\n        display: none;\n    }\n\n    &::marker {\n        display: none;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            background: ", ";\n        }\n    }\n\n    &:focus {\n        background: ", ";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"], ["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    padding: ", "px;\n    margin: 0;\n    border: none;\n    outline: none;\n    background: none;\n    user-select: none;\n    list-style: none;\n\n    background: ", ";\n\n    cursor: pointer;\n    transition: background 0.2s ease-in-out;\n\n    @media ", " {\n        padding: ", "px;\n    }\n\n    &::-webkit-details-marker {\n        display: none;\n    }\n\n    &::marker {\n        display: none;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            background: ", ";\n        }\n    }\n\n    &:focus {\n        background: ", ";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])), spacings.nudge * 2, function (_a) {
+})(templateObject_3$x || (templateObject_3$x = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    padding: ", "px;\n    margin: 0;\n    border: none;\n    outline: none;\n    background: none;\n    user-select: none;\n    list-style: none;\n\n    background: ", ";\n\n    cursor: pointer;\n    transition: background 0.2s ease-in-out;\n\n    @media ", " {\n        padding: ", "px;\n    }\n\n    &::-webkit-details-marker {\n        display: none;\n    }\n\n    &::marker {\n        display: none;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            background: ", ";\n        }\n    }\n\n    &:focus {\n        background: ", ";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"], ["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    padding: ", "px;\n    margin: 0;\n    border: none;\n    outline: none;\n    background: none;\n    user-select: none;\n    list-style: none;\n\n    background: ", ";\n\n    cursor: pointer;\n    transition: background 0.2s ease-in-out;\n\n    @media ", " {\n        padding: ", "px;\n    }\n\n    &::-webkit-details-marker {\n        display: none;\n    }\n\n    &::marker {\n        display: none;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            background: ", ";\n        }\n    }\n\n    &:focus {\n        background: ", ";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])), spacings.nudge * 2, function (_a) {
   var isInverted = _a.isInverted,
       hasBg = _a.hasBg,
       theme = _a.theme;
@@ -175,11 +182,11 @@ var AccordionHead = styled.summary.withConfig({
 var Column = styled(Copy).withConfig({
   displayName: "Accordion__Column",
   componentId: "sc-1el5cmc-3"
-})(templateObject_4$z || (templateObject_4$z = __makeTemplateObject(["\n    flex: 1 1 0;\n"], ["\n    flex: 1 1 0;\n"])));
+})(templateObject_4$s || (templateObject_4$s = __makeTemplateObject(["\n    flex: 1 1 0;\n"], ["\n    flex: 1 1 0;\n"])));
 var AccordionText = styled.div.withConfig({
   displayName: "Accordion__AccordionText",
   componentId: "sc-1el5cmc-4"
-})(templateObject_5$v || (templateObject_5$v = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    padding: ", "px;\n    margin-top: 2px;\n    background: ", ";\n\n    & > * {\n        max-width: 880px;\n    }\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        padding: ", "px;\n    }\n\n    @media ", " {\n        flex-direction: row;\n\n        & > * + * {\n            margin-top: 0px;\n            margin-left: ", "px;\n        }\n    }\n"], ["\n    display: flex;\n    flex-direction: column;\n    padding: ", "px;\n    margin-top: 2px;\n    background: ", ";\n\n    & > * {\n        max-width: 880px;\n    }\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        padding: ", "px;\n    }\n\n    @media ", " {\n        flex-direction: row;\n\n        & > * + * {\n            margin-top: 0px;\n            margin-left: ", "px;\n        }\n    }\n"])), spacings.nudge * 2, function (_a) {
+})(templateObject_5$p || (templateObject_5$p = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    padding: ", "px;\n    margin-top: 2px;\n    background: ", ";\n\n    & > * {\n        max-width: 880px;\n    }\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        padding: ", "px;\n    }\n\n    @media ", " {\n        flex-direction: row;\n\n        & > * + * {\n            margin-top: 0px;\n            margin-left: ", "px;\n        }\n    }\n"], ["\n    display: flex;\n    flex-direction: column;\n    padding: ", "px;\n    margin-top: 2px;\n    background: ", ";\n\n    & > * {\n        max-width: 880px;\n    }\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        padding: ", "px;\n    }\n\n    @media ", " {\n        flex-direction: row;\n\n        & > * + * {\n            margin-top: 0px;\n            margin-left: ", "px;\n        }\n    }\n"])), spacings.nudge * 2, function (_a) {
   var isInverted = _a.isInverted,
       hasBg = _a.hasBg,
       theme = _a.theme;
@@ -197,7 +204,7 @@ var AccordionBlock = function (_a) {
       itemIcon = _a.itemIcon,
       className = _a.className;
   var colors = useLibTheme().colors;
-  return React__default.createElement(View$e, {
+  return React__default.createElement(View$a, {
     open: isSelected,
     onToggle: onClick,
     className: className
@@ -284,12 +291,12 @@ var Accordion = function (_a) {
   }))))));
 };
 var Accordion$1 = withLibTheme(Accordion);
-var templateObject_1$X, templateObject_2$M, templateObject_3$E, templateObject_4$z, templateObject_5$v;
+var templateObject_1$J, templateObject_2$E, templateObject_3$x, templateObject_4$s, templateObject_5$p;
 
-var View$d = styled.div.withConfig({
+var View$9 = styled.div.withConfig({
   displayName: "Alert__View",
   componentId: "sc-1d5c0fb-0"
-})(templateObject_1$W || (templateObject_1$W = __makeTemplateObject(["\n    display: -ms-grid;\n    display: grid;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    text-decoration: none;\n\n    position: relative;\n    border: 2px solid\n        ", ";\n    border-radius: ", ";\n\n    color: ", ";\n\n    padding: ", "px;\n\n    text-align: left;\n    width: 100%;\n    cursor: pointer;\n\n    transition: color ease-in-out 0.2s, border 0.2s ease-in-out;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            border: 2px solid\n                ", ";\n            color: ", ";\n        }\n    }\n"], ["\n    display: -ms-grid;\n    display: grid;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    text-decoration: none;\n\n    position: relative;\n    border: 2px solid\n        ", ";\n    border-radius: ", ";\n\n    color: ", ";\n\n    padding: ", "px;\n\n    text-align: left;\n    width: 100%;\n    cursor: pointer;\n\n    transition: color ease-in-out 0.2s, border 0.2s ease-in-out;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            border: 2px solid\n                ", ";\n            color: ", ";\n        }\n    }\n"])), function (_a) {
+})(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n    display: -ms-grid;\n    display: grid;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    text-decoration: none;\n\n    position: relative;\n    border: 2px solid\n        ", ";\n    border-radius: ", ";\n\n    color: ", ";\n\n    padding: ", "px;\n\n    text-align: left;\n    width: 100%;\n    cursor: pointer;\n\n    transition: color ease-in-out 0.2s, border 0.2s ease-in-out;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            border: 2px solid\n                ", ";\n            color: ", ";\n        }\n    }\n"], ["\n    display: -ms-grid;\n    display: grid;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    text-decoration: none;\n\n    position: relative;\n    border: 2px solid\n        ", ";\n    border-radius: ", ";\n\n    color: ", ";\n\n    padding: ", "px;\n\n    text-align: left;\n    width: 100%;\n    cursor: pointer;\n\n    transition: color ease-in-out 0.2s, border 0.2s ease-in-out;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            border: 2px solid\n                ", ";\n            color: ", ";\n        }\n    }\n"])), function (_a) {
   var theme = _a.theme,
       isInverted = _a.isInverted;
   return isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default;
@@ -312,23 +319,23 @@ var View$d = styled.div.withConfig({
 var Icon$7 = styled.div.withConfig({
   displayName: "Alert__Icon",
   componentId: "sc-1d5c0fb-1"
-})(templateObject_2$L || (templateObject_2$L = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n\n    & > * {\n        height: 48px;\n        width: 48px;\n    }\n"], ["\n    display: flex;\n    align-items: center;\n\n    & > * {\n        height: 48px;\n        width: 48px;\n    }\n"])));
+})(templateObject_2$D || (templateObject_2$D = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n\n    & > * {\n        height: 48px;\n        width: 48px;\n    }\n"], ["\n    display: flex;\n    align-items: center;\n\n    & > * {\n        height: 48px;\n        width: 48px;\n    }\n"])));
 var MainLabel$3 = styled.div.withConfig({
   displayName: "Alert__MainLabel",
   componentId: "sc-1d5c0fb-2"
-})(templateObject_3$D || (templateObject_3$D = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n"], ["\n    display: flex;\n    align-items: center;\n"])));
-var Content$8 = styled.div.withConfig({
+})(templateObject_3$w || (templateObject_3$w = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n"], ["\n    display: flex;\n    align-items: center;\n"])));
+var Content$7 = styled.div.withConfig({
   displayName: "Alert__Content",
   componentId: "sc-1d5c0fb-3"
-})(templateObject_4$y || (templateObject_4$y = __makeTemplateObject(["\n    margin-top: ", "px;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    margin-top: ", "px;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge, spacings.nudge);
+})(templateObject_4$r || (templateObject_4$r = __makeTemplateObject(["\n    margin-top: ", "px;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    margin-top: ", "px;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge, spacings.nudge);
 var Title$5 = styled(Copy).withConfig({
   displayName: "Alert__Title",
   componentId: "sc-1d5c0fb-4"
-})(templateObject_5$u || (templateObject_5$u = __makeTemplateObject(["\n    display: inline-block;\n"], ["\n    display: inline-block;\n"])));
+})(templateObject_5$o || (templateObject_5$o = __makeTemplateObject(["\n    display: inline-block;\n"], ["\n    display: inline-block;\n"])));
 var ViewLink$1 = styled(Link).withConfig({
   displayName: "Alert__ViewLink",
   componentId: "sc-1d5c0fb-5"
-})(templateObject_6$p || (templateObject_6$p = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    && {\n        margin: 0;\n    }\n\n    &:focus-within {\n        outline: dotted 2px\n            ", ";\n        outline-offset: 4px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n"], ["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    && {\n        margin: 0;\n    }\n\n    &:focus-within {\n        outline: dotted 2px\n            ", ";\n        outline-offset: 4px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n"])), function (_a) {
+})(templateObject_6$k || (templateObject_6$k = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    && {\n        margin: 0;\n    }\n\n    &:focus-within {\n        outline: dotted 2px\n            ", ";\n        outline-offset: 4px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n"], ["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    && {\n        margin: 0;\n    }\n\n    &:focus-within {\n        outline: dotted 2px\n            ", ";\n        outline-offset: 4px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n"])), function (_a) {
   var isInverted = _a.isInverted,
       theme = _a.theme;
   return isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default;
@@ -349,7 +356,7 @@ var Alert = function (_a) {
     formattedDate = formatter.getFormattedDate();
   }
 
-  return React__default.createElement(View$d, {
+  return React__default.createElement(View$9, {
     isInverted: isInverted,
     "data-sheet": "alert",
     className: className
@@ -359,7 +366,7 @@ var Alert = function (_a) {
     textColor: "inherit",
     size: "medium",
     type: "copy-b"
-  }, title)), React__default.createElement("span", null), React__default.createElement(Content$8, null, description && React__default.createElement(Copy, {
+  }, title)), React__default.createElement("span", null), React__default.createElement(Content$7, null, description && React__default.createElement(Copy, {
     isInverted: isInverted,
     size: "small",
     innerHTML: description
@@ -370,16 +377,16 @@ var Alert = function (_a) {
     ariaLabel: (link === null || link === void 0 ? void 0 : link.href) ? title : undefined
   })));
 };
-var templateObject_1$W, templateObject_2$L, templateObject_3$D, templateObject_4$y, templateObject_5$u, templateObject_6$p;
+var templateObject_1$I, templateObject_2$D, templateObject_3$w, templateObject_4$r, templateObject_5$o, templateObject_6$k;
 
 var List$5 = styled.ul.withConfig({
   displayName: "AlertList__List",
   componentId: "sc-bfdeyu-0"
-})(templateObject_1$V || (templateObject_1$V = __makeTemplateObject(["\n    margin-top: -", "px;\n    margin-left: -", "px;\n    padding: 0;\n    list-style: none;\n\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    @media ", " {\n        margin-top: -", "px;\n        margin-left: -", "px;\n    }\n"], ["\n    margin-top: -", "px;\n    margin-left: -", "px;\n    padding: 0;\n    list-style: none;\n\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    @media ", " {\n        margin-top: -", "px;\n        margin-left: -", "px;\n    }\n"])), spacings.nudge * 2, spacings.nudge * 2, mq.medium, spacings.spacer, spacings.spacer);
+})(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n    margin-top: -", "px;\n    margin-left: -", "px;\n    padding: 0;\n    list-style: none;\n\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    @media ", " {\n        margin-top: -", "px;\n        margin-left: -", "px;\n    }\n"], ["\n    margin-top: -", "px;\n    margin-left: -", "px;\n    padding: 0;\n    list-style: none;\n\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    @media ", " {\n        margin-top: -", "px;\n        margin-left: -", "px;\n    }\n"])), spacings.nudge * 2, spacings.nudge * 2, mq.medium, spacings.spacer, spacings.spacer);
 var ListItem$3 = styled.li.withConfig({
   displayName: "AlertList__ListItem",
   componentId: "sc-bfdeyu-1"
-})(templateObject_2$K || (templateObject_2$K = __makeTemplateObject(["\n    padding-top: ", "px;\n    padding-left: ", "px;\n    flex: 1 1 100%;\n\n    @media ", " {\n        flex: 0 1 50%;\n        max-width: 50%;\n\n        padding-top: ", "px;\n        padding-left: ", "px;\n    }\n\n    @media ", " {\n        flex: 0 1 ", "%;\n        max-width: 600px;\n\n        padding-top: ", "px;\n        padding-left: ", "px;\n    }\n"], ["\n    padding-top: ", "px;\n    padding-left: ", "px;\n    flex: 1 1 100%;\n\n    @media ", " {\n        flex: 0 1 50%;\n        max-width: 50%;\n\n        padding-top: ", "px;\n        padding-left: ", "px;\n    }\n\n    @media ", " {\n        flex: 0 1 ", "%;\n        max-width: 600px;\n\n        padding-top: ", "px;\n        padding-left: ", "px;\n    }\n"])), spacings.nudge * 2, spacings.nudge * 2, mq.medium, spacings.spacer, spacings.spacer, mq.large, function (_a) {
+})(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n    padding-top: ", "px;\n    padding-left: ", "px;\n    flex: 1 1 100%;\n\n    @media ", " {\n        flex: 0 1 50%;\n        max-width: 50%;\n\n        padding-top: ", "px;\n        padding-left: ", "px;\n    }\n\n    @media ", " {\n        flex: 0 1 ", "%;\n        max-width: 600px;\n\n        padding-top: ", "px;\n        padding-left: ", "px;\n    }\n"], ["\n    padding-top: ", "px;\n    padding-left: ", "px;\n    flex: 1 1 100%;\n\n    @media ", " {\n        flex: 0 1 50%;\n        max-width: 50%;\n\n        padding-top: ", "px;\n        padding-left: ", "px;\n    }\n\n    @media ", " {\n        flex: 0 1 ", "%;\n        max-width: 600px;\n\n        padding-top: ", "px;\n        padding-left: ", "px;\n    }\n"])), spacings.nudge * 2, spacings.nudge * 2, mq.medium, spacings.spacer, spacings.spacer, mq.large, function (_a) {
   var itemsPerRow = _a.itemsPerRow;
   return 1 / itemsPerRow * 100;
 }, spacings.spacer, spacings.spacer);
@@ -424,20 +431,20 @@ var AlertList = function (_a) {
   }))));
 };
 var AlertList$1 = withLibTheme(AlertList);
-var templateObject_1$V, templateObject_2$K;
+var templateObject_1$H, templateObject_2$C;
 
-var StyledTitle$2 = styled(Title$6).withConfig({
+var StyledTitle$1 = styled(Title$6).withConfig({
   displayName: "Article__StyledTitle",
   componentId: "sc-1lrfo1r-0"
-})(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n\n    @media ", " {\n        max-width: 880px;\n    }\n"], ["\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n\n    @media ", " {\n        max-width: 880px;\n    }\n"])), spacings.spacer, mq.semilarge);
+})(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n\n    @media ", " {\n        max-width: 880px;\n    }\n"], ["\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n\n    @media ", " {\n        max-width: 880px;\n    }\n"])), spacings.spacer, mq.semilarge);
 var ContentText = styled(Copy).withConfig({
   displayName: "Article__ContentText",
   componentId: "sc-1lrfo1r-1"
-})(templateObject_2$J || (templateObject_2$J = __makeTemplateObject(["\n    text-align: left;\n"], ["\n    text-align: left;\n"])));
+})(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n    text-align: left;\n"], ["\n    text-align: left;\n"])));
 var StyledActions$7 = styled(Actions).withConfig({
   displayName: "Article__StyledActions",
   componentId: "sc-1lrfo1r-2"
-})(templateObject_3$C || (templateObject_3$C = __makeTemplateObject(["\n    margin-top: ", "px;\n"], ["\n    margin-top: ", "px;\n"])), spacings.spacer);
+})(templateObject_3$v || (templateObject_3$v = __makeTemplateObject(["\n    margin-top: ", "px;\n"], ["\n    margin-top: ", "px;\n"])), spacings.spacer);
 
 var Article = function (_a) {
   var anchorId = _a.anchorId,
@@ -466,7 +473,7 @@ var Article = function (_a) {
   }, React.createElement(Wrapper, {
     clampWidth: "normal",
     addWhitespace: true
-  }, (title || superTitle) && React.createElement(StyledTitle$2, {
+  }, (title || superTitle) && React.createElement(StyledTitle$1, {
     title: title,
     titleAs: titleAs,
     titleSize: titleSize,
@@ -501,16 +508,16 @@ var Article = function (_a) {
   })));
 };
 var Article$1 = withLibTheme(Article);
-var templateObject_1$U, templateObject_2$J, templateObject_3$C;
+var templateObject_1$G, templateObject_2$B, templateObject_3$v;
 
 var ContactView = styled.div.withConfig({
   displayName: "CallToAction__ContactView",
   componentId: "sc-1wdvzex-0"
-})(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin: 0 auto;\n    width: 100%;\n\n    text-align: left;\n    hyphens: auto;\n    overflow-wrap: break-word;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        flex-direction: row;\n\n        & > * + * {\n            margin-top: 0px;\n            margin-left: ", "px;\n        }\n    }\n"], ["\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin: 0 auto;\n    width: 100%;\n\n    text-align: left;\n    hyphens: auto;\n    overflow-wrap: break-word;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        flex-direction: row;\n\n        & > * + * {\n            margin-top: 0px;\n            margin-left: ", "px;\n        }\n    }\n"])), spacings.spacer, mq.semilarge, gridSettings.gutter);
-var Avatar$1 = styled.img.withConfig({
+})(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin: 0 auto;\n    width: 100%;\n\n    text-align: left;\n    hyphens: auto;\n    overflow-wrap: break-word;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        flex-direction: row;\n\n        & > * + * {\n            margin-top: 0px;\n            margin-left: ", "px;\n        }\n    }\n"], ["\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin: 0 auto;\n    width: 100%;\n\n    text-align: left;\n    hyphens: auto;\n    overflow-wrap: break-word;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        flex-direction: row;\n\n        & > * + * {\n            margin-top: 0px;\n            margin-left: ", "px;\n        }\n    }\n"])), spacings.spacer, mq.semilarge, gridSettings.gutter);
+var Avatar = styled.img.withConfig({
   displayName: "CallToAction__Avatar",
   componentId: "sc-1wdvzex-1"
-})(templateObject_2$I || (templateObject_2$I = __makeTemplateObject(["\n    align-self: center;\n    display: block;\n    border: solid 1px transparent;\n    border-radius: 50%;\n    width: 180px;\n    height: 180px;\n\n    background: ", ";\n\n    @media ", " {\n        display: block;\n        width: 190px;\n        height: 190px;\n    }\n"], ["\n    align-self: center;\n    display: block;\n    border: solid 1px transparent;\n    border-radius: 50%;\n    width: 180px;\n    height: 180px;\n\n    background: ", ";\n\n    @media ", " {\n        display: block;\n        width: 190px;\n        height: 190px;\n    }\n"])), function (_a) {
+})(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n    align-self: center;\n    display: block;\n    border: solid 1px transparent;\n    border-radius: 50%;\n    width: 180px;\n    height: 180px;\n\n    background: ", ";\n\n    @media ", " {\n        display: block;\n        width: 190px;\n        height: 190px;\n    }\n"], ["\n    align-self: center;\n    display: block;\n    border: solid 1px transparent;\n    border-radius: 50%;\n    width: 180px;\n    height: 180px;\n\n    background: ", ";\n\n    @media ", " {\n        display: block;\n        width: 190px;\n        height: 190px;\n    }\n"])), function (_a) {
   var theme = _a.theme,
       isInverted = _a.isInverted;
   return isInverted ? getGlobals(theme).sections.imagePlaceholderBg.inverted : getGlobals(theme).sections.imagePlaceholderBg.default;
@@ -518,7 +525,7 @@ var Avatar$1 = styled.img.withConfig({
 var Description$3 = styled(Copy).withConfig({
   displayName: "CallToAction__Description",
   componentId: "sc-1wdvzex-2"
-})(templateObject_3$B || (templateObject_3$B = __makeTemplateObject(["\n    text-align: center;\n\n    .icon-label {\n        flex-direction: column;\n    }\n\n    .icon-label > * + * {\n        margin-left: 0;\n        margin-top: ", "px;\n    }\n\n    & > * {\n        justify-content: center;\n    }\n\n    @media ", " {\n        text-align: left;\n\n        & > * {\n            justify-content: left;\n        }\n\n        .icon-label {\n            flex-direction: row;\n        }\n\n        .icon-label > * + * {\n            margin-left: ", "px;\n            margin-top: 0;\n        }\n    }\n"], ["\n    text-align: center;\n\n    .icon-label {\n        flex-direction: column;\n    }\n\n    .icon-label > * + * {\n        margin-left: 0;\n        margin-top: ", "px;\n    }\n\n    & > * {\n        justify-content: center;\n    }\n\n    @media ", " {\n        text-align: left;\n\n        & > * {\n            justify-content: left;\n        }\n\n        .icon-label {\n            flex-direction: row;\n        }\n\n        .icon-label > * + * {\n            margin-left: ", "px;\n            margin-top: 0;\n        }\n    }\n"])), spacings.nudge * 2, mq.semilarge, spacings.nudge * 2);
+})(templateObject_3$u || (templateObject_3$u = __makeTemplateObject(["\n    text-align: center;\n\n    .icon-label {\n        flex-direction: column;\n    }\n\n    .icon-label > * + * {\n        margin-left: 0;\n        margin-top: ", "px;\n    }\n\n    & > * {\n        justify-content: center;\n    }\n\n    @media ", " {\n        text-align: left;\n\n        & > * {\n            justify-content: left;\n        }\n\n        .icon-label {\n            flex-direction: row;\n        }\n\n        .icon-label > * + * {\n            margin-left: ", "px;\n            margin-top: 0;\n        }\n    }\n"], ["\n    text-align: center;\n\n    .icon-label {\n        flex-direction: column;\n    }\n\n    .icon-label > * + * {\n        margin-left: 0;\n        margin-top: ", "px;\n    }\n\n    & > * {\n        justify-content: center;\n    }\n\n    @media ", " {\n        text-align: left;\n\n        & > * {\n            justify-content: left;\n        }\n\n        .icon-label {\n            flex-direction: row;\n        }\n\n        .icon-label > * + * {\n            margin-left: ", "px;\n            margin-top: 0;\n        }\n    }\n"])), spacings.nudge * 2, mq.semilarge, spacings.nudge * 2);
 
 var ContactBox = function (_a) {
   var isInverted = _a.isInverted,
@@ -527,7 +534,7 @@ var ContactBox = function (_a) {
       className = _a.className;
   return React__default.createElement(ContactView, {
     className: className
-  }, React__default.createElement(Avatar$1, {
+  }, React__default.createElement(Avatar, {
     src: avatar === null || avatar === void 0 ? void 0 : avatar.src,
     alt: avatar === null || avatar === void 0 ? void 0 : avatar.alt,
     isInverted: isInverted
@@ -541,14 +548,14 @@ var ContactBox = function (_a) {
 var StyledIntro = styled(IntroBlock).withConfig({
   displayName: "CallToAction__StyledIntro",
   componentId: "sc-1wdvzex-3"
-})(templateObject_4$x || (templateObject_4$x = __makeTemplateObject(["\n    max-width: 880px;\n    margin-right: auto;\n    margin-left: auto;\n\n    @media ", " {\n        & > *:first-child {\n            min-height: ", ";\n        }\n    }\n"], ["\n    max-width: 880px;\n    margin-right: auto;\n    margin-left: auto;\n\n    @media ", " {\n        & > *:first-child {\n            min-height: ", ";\n        }\n    }\n"])), mq.xlarge, function (_a) {
+})(templateObject_4$q || (templateObject_4$q = __makeTemplateObject(["\n    max-width: 880px;\n    margin-right: auto;\n    margin-left: auto;\n\n    @media ", " {\n        & > *:first-child {\n            min-height: ", ";\n        }\n    }\n"], ["\n    max-width: 880px;\n    margin-right: auto;\n    margin-left: auto;\n\n    @media ", " {\n        & > *:first-child {\n            min-height: ", ";\n        }\n    }\n"])), mq.xlarge, function (_a) {
   var hasDecorator = _a.hasDecorator;
   return hasDecorator && '110px';
 });
 var StyledContactBox = styled(ContactBox).withConfig({
   displayName: "CallToAction__StyledContactBox",
   componentId: "sc-1wdvzex-4"
-})(templateObject_5$t || (templateObject_5$t = __makeTemplateObject(["\n    margin-top: ", "px;\n\n    @media ", " {\n        max-width: ", ";\n        margin-right: auto;\n        margin-left: auto;\n    }\n\n    @media ", " {\n        max-width: ", ";\n    }\n"], ["\n    margin-top: ", "px;\n\n    @media ", " {\n        max-width: ", ";\n        margin-right: auto;\n        margin-left: auto;\n    }\n\n    @media ", " {\n        max-width: ", ";\n    }\n"])), spacings.spacer, mq.semilarge, getGridWidth({
+})(templateObject_5$n || (templateObject_5$n = __makeTemplateObject(["\n    margin-top: ", "px;\n\n    @media ", " {\n        max-width: ", ";\n        margin-right: auto;\n        margin-left: auto;\n    }\n\n    @media ", " {\n        max-width: ", ";\n    }\n"], ["\n    margin-top: ", "px;\n\n    @media ", " {\n        max-width: ", ";\n        margin-right: auto;\n        margin-left: auto;\n    }\n\n    @media ", " {\n        max-width: ", ";\n    }\n"])), spacings.spacer, mq.semilarge, getGridWidth({
   cols: 8
 }), mq.large, getGridWidth({
   cols: 6
@@ -556,15 +563,15 @@ var StyledContactBox = styled(ContactBox).withConfig({
 var StyledActions$6 = styled(Actions).withConfig({
   displayName: "CallToAction__StyledActions",
   componentId: "sc-1wdvzex-5"
-})(templateObject_6$o || (templateObject_6$o = __makeTemplateObject(["\n    margin-top: ", "px;\n\n    @media ", " {\n        display: block;\n        text-align: center;\n    }\n"], ["\n    margin-top: ", "px;\n\n    @media ", " {\n        display: block;\n        text-align: center;\n    }\n"])), spacings.spacer, mq.medium);
+})(templateObject_6$j || (templateObject_6$j = __makeTemplateObject(["\n    margin-top: ", "px;\n\n    @media ", " {\n        display: block;\n        text-align: center;\n    }\n"], ["\n    margin-top: ", "px;\n\n    @media ", " {\n        display: block;\n        text-align: center;\n    }\n"])), spacings.spacer, mq.medium);
 var NewsletterWrapper = styled.div.withConfig({
   displayName: "CallToAction__NewsletterWrapper",
   componentId: "sc-1wdvzex-6"
-})(templateObject_7$j || (templateObject_7$j = __makeTemplateObject(["\n    width: 100%;\n    margin: 0 auto;\n    margin-top: ", "px;\n\n    @media ", " {\n        max-width: 400px;\n    }\n"], ["\n    width: 100%;\n    margin: 0 auto;\n    margin-top: ", "px;\n\n    @media ", " {\n        max-width: 400px;\n    }\n"])), spacings.spacer, mq.semilarge);
+})(templateObject_7$f || (templateObject_7$f = __makeTemplateObject(["\n    width: 100%;\n    margin: 0 auto;\n    margin-top: ", "px;\n\n    @media ", " {\n        max-width: 400px;\n    }\n"], ["\n    width: 100%;\n    margin: 0 auto;\n    margin-top: ", "px;\n\n    @media ", " {\n        max-width: 400px;\n    }\n"])), spacings.spacer, mq.semilarge);
 var Badge = styled.div.withConfig({
   displayName: "CallToAction__Badge",
   componentId: "sc-1wdvzex-7"
-})(templateObject_8$7 || (templateObject_8$7 = __makeTemplateObject(["\n    display: none;\n    position: relative;\n    height: 241px;\n    width: 241px;\n    margin-left: auto;\n    margin-bottom: -135px;\n    z-index: 3;\n\n    @media ", " {\n        display: block;\n        margin-right: ", ";\n    }\n"], ["\n    display: none;\n    position: relative;\n    height: 241px;\n    width: 241px;\n    margin-left: auto;\n    margin-bottom: -135px;\n    z-index: 3;\n\n    @media ", " {\n        display: block;\n        margin-right: ", ";\n    }\n"])), mq.xlarge, 1440 * (1 / 28) + 'px');
+})(templateObject_8$5 || (templateObject_8$5 = __makeTemplateObject(["\n    display: none;\n    position: relative;\n    height: 241px;\n    width: 241px;\n    margin-left: auto;\n    margin-bottom: -135px;\n    z-index: 3;\n\n    @media ", " {\n        display: block;\n        margin-right: ", ";\n    }\n"], ["\n    display: none;\n    position: relative;\n    height: 241px;\n    width: 241px;\n    margin-left: auto;\n    margin-bottom: -135px;\n    z-index: 3;\n\n    @media ", " {\n        display: block;\n        margin-right: ", ";\n    }\n"])), mq.xlarge, 1440 * (1 / 28) + 'px');
 var CallToAction = function (_a) {
   var anchorId = _a.anchorId,
       title = _a.title,
@@ -609,48 +616,48 @@ var CallToAction = function (_a) {
   })));
 };
 var CallToAction$1 = withLibTheme(CallToAction);
-var templateObject_1$T, templateObject_2$I, templateObject_3$B, templateObject_4$x, templateObject_5$t, templateObject_6$o, templateObject_7$j, templateObject_8$7;
+var templateObject_1$F, templateObject_2$A, templateObject_3$u, templateObject_4$q, templateObject_5$n, templateObject_6$j, templateObject_7$f, templateObject_8$5;
 
-var View$c = styled.div.withConfig({
+var View$8 = styled.div.withConfig({
   displayName: "CardList__View",
   componentId: "sc-179ugoh-0"
-})(templateObject_1$S || (templateObject_1$S = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    position: relative;\n    color: ", ";\n    border-radius: ", ";\n    min-height: 110px;\n\n    overflow: hidden;\n\n    @media ", " {\n        display: block;\n        padding-top: 85%;\n    }\n"], ["\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    position: relative;\n    color: ", ";\n    border-radius: ", ";\n    min-height: 110px;\n\n    overflow: hidden;\n\n    @media ", " {\n        display: block;\n        padding-top: 85%;\n    }\n"])), function (_a) {
+})(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    position: relative;\n    color: ", ";\n    border-radius: ", ";\n    min-height: 110px;\n\n    overflow: hidden;\n\n    @media ", " {\n        display: block;\n        padding-top: 85%;\n    }\n"], ["\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    position: relative;\n    color: ", ";\n    border-radius: ", ";\n    min-height: 110px;\n\n    overflow: hidden;\n\n    @media ", " {\n        display: block;\n        padding-top: 85%;\n    }\n"])), function (_a) {
   var theme = _a.theme;
   return getColors(theme).text.inverted;
 }, function (_a) {
   var theme = _a.theme;
   return getGlobals(theme).sections.edgeRadius;
 }, mq.medium);
-var SolidView = styled(View$c).withConfig({
+var SolidView = styled(View$8).withConfig({
   displayName: "CardList__SolidView",
   componentId: "sc-179ugoh-1"
-})(templateObject_3$A || (templateObject_3$A = __makeTemplateObject(["\n    background-color: ", ";\n\n    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n\n    ", "\n"], ["\n    background-color: ", ";\n\n    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n\n    ", "\n"])), function (_a) {
+})(templateObject_3$t || (templateObject_3$t = __makeTemplateObject(["\n    background-color: ", ";\n\n    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n\n    ", "\n"], ["\n    background-color: ", ";\n\n    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n\n    ", "\n"])), function (_a) {
   var theme = _a.theme,
       isInverted = _a.isInverted,
       cardColor = _a.cardColor;
   return cardColor ? cardColor : isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default;
 }, function (_a) {
   var hasLink = _a.hasLink;
-  return hasLink && css(templateObject_2$H || (templateObject_2$H = __makeTemplateObject(["\n            cursor: pointer;\n\n            @media (hover: hover) and (pointer: fine) {\n                &:hover {\n                    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.35);\n                }\n            }\n        "], ["\n            cursor: pointer;\n\n            @media (hover: hover) and (pointer: fine) {\n                &:hover {\n                    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.35);\n                }\n            }\n        "])));
+  return hasLink && css(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n            cursor: pointer;\n\n            @media (hover: hover) and (pointer: fine) {\n                &:hover {\n                    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.35);\n                }\n            }\n        "], ["\n            cursor: pointer;\n\n            @media (hover: hover) and (pointer: fine) {\n                &:hover {\n                    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.35);\n                }\n            }\n        "])));
 });
-var ImageView = styled(View$c).withConfig({
+var ImageView = styled(View$8).withConfig({
   displayName: "CardList__ImageView",
   componentId: "sc-179ugoh-2"
-})(templateObject_5$s || (templateObject_5$s = __makeTemplateObject(["\n    transition: box-shadow 0.2s ease-in-out;\n\n    ", "\n\n    &:after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background: ", ";\n        pointer-events: none;\n    }\n\n    @media ", " {\n        padding-top: 0;\n    }\n"], ["\n    transition: box-shadow 0.2s ease-in-out;\n\n    ", "\n\n    &:after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background: ", ";\n        pointer-events: none;\n    }\n\n    @media ", " {\n        padding-top: 0;\n    }\n"])), function (_a) {
+})(templateObject_5$m || (templateObject_5$m = __makeTemplateObject(["\n    transition: box-shadow 0.2s ease-in-out;\n\n    ", "\n\n    &:after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background: ", ";\n        pointer-events: none;\n    }\n\n    @media ", " {\n        padding-top: 0;\n    }\n"], ["\n    transition: box-shadow 0.2s ease-in-out;\n\n    ", "\n\n    &:after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background: ", ";\n        pointer-events: none;\n    }\n\n    @media ", " {\n        padding-top: 0;\n    }\n"])), function (_a) {
   var hasLink = _a.hasLink;
-  return hasLink && css(templateObject_4$w || (templateObject_4$w = __makeTemplateObject(["\n            @media (hover: hover) and (pointer: fine) {\n                cursor: pointer;\n\n                img {\n                    -webkit-backface-visibility: hidden;\n                    -ms-transform: translateZ(0); /* IE 9 */\n                    -webkit-transform: translateZ(\n                        0\n                    ); /* Chrome, Safari, Opera */\n                    transform: translateZ(0);\n                    transform-origin: center;\n                    transition: transform 0.2s ease-in-out;\n                }\n\n                &:hover {\n                    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.35);\n\n                    img {\n                        transform: scale(1.03);\n                    }\n                }\n            }\n        "], ["\n            @media (hover: hover) and (pointer: fine) {\n                cursor: pointer;\n\n                img {\n                    -webkit-backface-visibility: hidden;\n                    -ms-transform: translateZ(0); /* IE 9 */\n                    -webkit-transform: translateZ(\n                        0\n                    ); /* Chrome, Safari, Opera */\n                    transform: translateZ(0);\n                    transform-origin: center;\n                    transition: transform 0.2s ease-in-out;\n                }\n\n                &:hover {\n                    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.35);\n\n                    img {\n                        transform: scale(1.03);\n                    }\n                }\n            }\n        "])));
+  return hasLink && css(templateObject_4$p || (templateObject_4$p = __makeTemplateObject(["\n            @media (hover: hover) and (pointer: fine) {\n                cursor: pointer;\n\n                img {\n                    -webkit-backface-visibility: hidden;\n                    -ms-transform: translateZ(0); /* IE 9 */\n                    -webkit-transform: translateZ(\n                        0\n                    ); /* Chrome, Safari, Opera */\n                    transform: translateZ(0);\n                    transform-origin: center;\n                    transition: transform 0.2s ease-in-out;\n                }\n\n                &:hover {\n                    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.35);\n\n                    img {\n                        transform: scale(1.03);\n                    }\n                }\n            }\n        "], ["\n            @media (hover: hover) and (pointer: fine) {\n                cursor: pointer;\n\n                img {\n                    -webkit-backface-visibility: hidden;\n                    -ms-transform: translateZ(0); /* IE 9 */\n                    -webkit-transform: translateZ(\n                        0\n                    ); /* Chrome, Safari, Opera */\n                    transform: translateZ(0);\n                    transform-origin: center;\n                    transition: transform 0.2s ease-in-out;\n                }\n\n                &:hover {\n                    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.35);\n\n                    img {\n                        transform: scale(1.03);\n                    }\n                }\n            }\n        "])));
 }, function (_a) {
   var theme = _a.theme;
   return getGlobals(theme).sections.imageTextGradient;
 }, mq.medium);
-var StyledImage$c = styled(Image).withConfig({
+var StyledImage$a = styled(Image).withConfig({
   displayName: "CardList__StyledImage",
   componentId: "sc-179ugoh-3"
-})(templateObject_6$n || (templateObject_6$n = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n\n    display: block;\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    @media ", " {\n        position: relative;\n    }\n"], ["\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n\n    display: block;\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    @media ", " {\n        position: relative;\n    }\n"])), mq.medium);
-var Content$7 = styled.div.withConfig({
+})(templateObject_6$i || (templateObject_6$i = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n\n    display: block;\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    @media ", " {\n        position: relative;\n    }\n"], ["\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n\n    display: block;\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    @media ", " {\n        position: relative;\n    }\n"])), mq.medium);
+var Content$6 = styled.div.withConfig({
   displayName: "CardList__Content",
   componentId: "sc-179ugoh-4"
-})(templateObject_7$i || (templateObject_7$i = __makeTemplateObject(["\n    z-index: 1;\n\n    padding: ", "px;\n\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n\n    @media ", " {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        overflow: hidden;\n\n        display: flex;\n        flex-direction: ", ";\n        justify-content: space-between;\n        align-items: ", ";\n\n        & > * + * {\n            margin-left: 0;\n        }\n    }\n"], ["\n    z-index: 1;\n\n    padding: ", "px;\n\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n\n    @media ", " {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        overflow: hidden;\n\n        display: flex;\n        flex-direction: ", ";\n        justify-content: space-between;\n        align-items: ", ";\n\n        & > * + * {\n            margin-left: 0;\n        }\n    }\n"])), spacings.nudge * 3, spacings.spacer, mq.medium, function (_a) {
+})(templateObject_7$e || (templateObject_7$e = __makeTemplateObject(["\n    z-index: 1;\n\n    padding: ", "px;\n\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n\n    @media ", " {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        overflow: hidden;\n\n        display: flex;\n        flex-direction: ", ";\n        justify-content: space-between;\n        align-items: ", ";\n\n        & > * + * {\n            margin-left: 0;\n        }\n    }\n"], ["\n    z-index: 1;\n\n    padding: ", "px;\n\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n\n    @media ", " {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        overflow: hidden;\n\n        display: flex;\n        flex-direction: ", ";\n        justify-content: space-between;\n        align-items: ", ";\n\n        & > * + * {\n            margin-left: 0;\n        }\n    }\n"])), spacings.nudge * 3, spacings.spacer, mq.medium, function (_a) {
   var hasIcon = _a.hasIcon;
   return hasIcon ? 'column' : 'row';
 }, function (_a) {
@@ -660,19 +667,19 @@ var Content$7 = styled.div.withConfig({
 var TextContainer$1 = styled.div.withConfig({
   displayName: "CardList__TextContainer",
   componentId: "sc-179ugoh-5"
-})(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject(["\n    width: 100%;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    width: 100%;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge / 2);
+})(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n    width: 100%;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    width: 100%;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge / 2);
 var Title$4 = styled(Copy).withConfig({
   displayName: "CardList__Title",
   componentId: "sc-179ugoh-6"
-})(templateObject_9$5 || (templateObject_9$5 = __makeTemplateObject(["\n    display: inline-block;\n    max-width: 100%;\n\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n"], ["\n    display: inline-block;\n    max-width: 100%;\n\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n"])));
-var Footer$2 = styled.div.withConfig({
+})(templateObject_9$4 || (templateObject_9$4 = __makeTemplateObject(["\n    display: inline-block;\n    max-width: 100%;\n\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n"], ["\n    display: inline-block;\n    max-width: 100%;\n\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n"])));
+var Footer = styled.div.withConfig({
   displayName: "CardList__Footer",
   componentId: "sc-179ugoh-7"
-})(templateObject_10$5 || (templateObject_10$5 = __makeTemplateObject(["\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"])), spacings.nudge * 2);
+})(templateObject_10$4 || (templateObject_10$4 = __makeTemplateObject(["\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"])), spacings.nudge * 2);
 var SubLabel = styled(Copy).withConfig({
   displayName: "CardList__SubLabel",
   componentId: "sc-179ugoh-8"
-})(templateObject_11$4 || (templateObject_11$4 = __makeTemplateObject(["\n    display: inline-block;\n\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n"], ["\n    display: inline-block;\n\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n"])));
+})(templateObject_11$3 || (templateObject_11$3 = __makeTemplateObject(["\n    display: inline-block;\n\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n"], ["\n    display: inline-block;\n\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n"])));
 var Icon$6 = styled.div.withConfig({
   displayName: "CardList__Icon",
   componentId: "sc-179ugoh-9"
@@ -708,7 +715,7 @@ var Card$2 = function (_a) {
     isInverted: isInverted,
     cardColor: cardColor || defaultCardColor,
     hasLink: !!(link === null || link === void 0 ? void 0 : link.href)
-  }, (image === null || image === void 0 ? void 0 : image.small) && React__default.createElement(StyledImage$c, __assign({}, image, {
+  }, (image === null || image === void 0 ? void 0 : image.small) && React__default.createElement(StyledImage$a, __assign({}, image, {
     coverSpace: true,
     isInverted: isInverted,
     ratios: {
@@ -721,13 +728,13 @@ var Card$2 = function (_a) {
         h: 244
       }
     }
-  })), React__default.createElement(Content$7, {
+  })), React__default.createElement(Content$6, {
     hasIcon: !!customIcon
   }, customIcon ? React__default.createElement(Icon$6, null, customIcon({})) : '', React__default.createElement(TextContainer$1, null, title && React__default.createElement(Title$4, {
     size: "big",
     type: "copy",
     isInverted: true
-  }, title), subLabel && React__default.createElement(Footer$2, null, React__default.createElement(SubLabel, {
+  }, title), subLabel && React__default.createElement(Footer, null, React__default.createElement(SubLabel, {
     type: "copy-b",
     size: "big",
     isInverted: true
@@ -780,7 +787,7 @@ var CardList = function (_a) {
   }))));
 };
 var CardList$1 = withLibTheme(CardList);
-var templateObject_1$S, templateObject_2$H, templateObject_3$A, templateObject_4$w, templateObject_5$s, templateObject_6$n, templateObject_7$i, templateObject_8$6, templateObject_9$5, templateObject_10$5, templateObject_11$4, templateObject_12$3, templateObject_13$1, templateObject_14$1, templateObject_15;
+var templateObject_1$E, templateObject_2$z, templateObject_3$t, templateObject_4$p, templateObject_5$m, templateObject_6$i, templateObject_7$e, templateObject_8$4, templateObject_9$4, templateObject_10$4, templateObject_11$3, templateObject_12$3, templateObject_13$1, templateObject_14$1, templateObject_15;
 
 var clamp = function (num, min, max) {
   return Math.min(Math.max(num, min), max);
@@ -789,58 +796,58 @@ var clamp = function (num, min, max) {
 var Images = styled.div.withConfig({
   displayName: "ComparisonSlider__Images",
   componentId: "sc-4f3ic1-0"
-})(templateObject_1$R || (templateObject_1$R = __makeTemplateObject(["\n    position: relative;\n    cursor: col-resize;\n    & > * {\n        pointer-events: none;\n        user-select: none;\n    }\n"], ["\n    position: relative;\n    cursor: col-resize;\n    & > * {\n        pointer-events: none;\n        user-select: none;\n    }\n"])));
+})(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n    position: relative;\n    cursor: col-resize;\n    & > * {\n        pointer-events: none;\n        user-select: none;\n    }\n"], ["\n    position: relative;\n    cursor: col-resize;\n    & > * {\n        pointer-events: none;\n        user-select: none;\n    }\n"])));
 var BackgroundImg = styled(Image).withConfig({
   displayName: "ComparisonSlider__BackgroundImg",
   componentId: "sc-4f3ic1-1"
-})(templateObject_2$G || (templateObject_2$G = __makeTemplateObject(["\n    position: relative;\n    display: block;\n    width: 100%;\n"], ["\n    position: relative;\n    display: block;\n    width: 100%;\n"])));
+})(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n    position: relative;\n    display: block;\n    width: 100%;\n"], ["\n    position: relative;\n    display: block;\n    width: 100%;\n"])));
 var ForegroundContainer = styled.div.withConfig({
   displayName: "ComparisonSlider__ForegroundContainer",
   componentId: "sc-4f3ic1-2"
-})(templateObject_4$v || (templateObject_4$v = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 50%;\n    overflow: hidden;\n    transition: width ", "s\n        ease-in-out;\n    ", "\n"], ["\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 50%;\n    overflow: hidden;\n    transition: width ", "s\n        ease-in-out;\n    ", "\n"])), function (_a) {
+})(templateObject_4$o || (templateObject_4$o = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 50%;\n    overflow: hidden;\n    transition: width ", "s\n        ease-in-out;\n    ", "\n"], ["\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 50%;\n    overflow: hidden;\n    transition: width ", "s\n        ease-in-out;\n    ", "\n"])), function (_a) {
   var hasTransition = _a.hasTransition;
   return hasTransition ? 0.1 : 0;
 }, function (_a) {
   var hasAnim = _a.hasAnim,
       initalValue = _a.initalValue;
-  return hasAnim && css(templateObject_3$z || (templateObject_3$z = __makeTemplateObject(["\n            animation-name: ForegroundAnim;\n            animation-duration: 5s;\n            animation-iteration-count: 1;\n            animation-play-state: ", ";\n            animation-timing-function: ease-in-out;\n            @keyframes ForegroundAnim {\n                0% {\n                    width: ", ";\n                }\n                33% {\n                    width: ", ";\n                }\n                66% {\n                    width: ", ";\n                }\n                100% {\n                    width: ", ";\n                }\n            }\n        "], ["\n            animation-name: ForegroundAnim;\n            animation-duration: 5s;\n            animation-iteration-count: 1;\n            animation-play-state: ", ";\n            animation-timing-function: ease-in-out;\n            @keyframes ForegroundAnim {\n                0% {\n                    width: ", ";\n                }\n                33% {\n                    width: ", ";\n                }\n                66% {\n                    width: ", ";\n                }\n                100% {\n                    width: ", ";\n                }\n            }\n        "])), hasAnim && 'running', initalValue ? clamp(initalValue * 100, 0, 100) + '%' : '50%', initalValue ? clamp(initalValue * 100 + 10, 0, 100) + '%' : '60%', initalValue ? clamp(initalValue * 100 - 10, 0, 100) + '%' : '40%', initalValue ? initalValue * 100 + '%' : '50%');
+  return hasAnim && css(templateObject_3$s || (templateObject_3$s = __makeTemplateObject(["\n            animation-name: ForegroundAnim;\n            animation-duration: 5s;\n            animation-iteration-count: 1;\n            animation-play-state: ", ";\n            animation-timing-function: ease-in-out;\n            @keyframes ForegroundAnim {\n                0% {\n                    width: ", ";\n                }\n                33% {\n                    width: ", ";\n                }\n                66% {\n                    width: ", ";\n                }\n                100% {\n                    width: ", ";\n                }\n            }\n        "], ["\n            animation-name: ForegroundAnim;\n            animation-duration: 5s;\n            animation-iteration-count: 1;\n            animation-play-state: ", ";\n            animation-timing-function: ease-in-out;\n            @keyframes ForegroundAnim {\n                0% {\n                    width: ", ";\n                }\n                33% {\n                    width: ", ";\n                }\n                66% {\n                    width: ", ";\n                }\n                100% {\n                    width: ", ";\n                }\n            }\n        "])), hasAnim && 'running', initalValue ? clamp(initalValue * 100, 0, 100) + '%' : '50%', initalValue ? clamp(initalValue * 100 + 10, 0, 100) + '%' : '60%', initalValue ? clamp(initalValue * 100 - 10, 0, 100) + '%' : '40%', initalValue ? initalValue * 100 + '%' : '50%');
 });
 var ForegroundImg = styled(Image).withConfig({
   displayName: "ComparisonSlider__ForegroundImg",
   componentId: "sc-4f3ic1-3"
-})(templateObject_5$r || (templateObject_5$r = __makeTemplateObject(["\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n\n    img {\n        height: auto;\n        width: auto;\n    }\n"], ["\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n\n    img {\n        height: auto;\n        width: auto;\n    }\n"])));
+})(templateObject_5$l || (templateObject_5$l = __makeTemplateObject(["\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n\n    img {\n        height: auto;\n        width: auto;\n    }\n"], ["\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    height: 100%;\n    max-width: none;\n    object-fit: cover;\n\n    img {\n        height: auto;\n        width: auto;\n    }\n"])));
 var ForegroundOverlay = styled.div.withConfig({
   displayName: "ComparisonSlider__ForegroundOverlay",
   componentId: "sc-4f3ic1-4"
-})(templateObject_6$m || (templateObject_6$m = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: ", ";\n"], ["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: ", ";\n"])), function (_a) {
+})(templateObject_6$h || (templateObject_6$h = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: ", ";\n"], ["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: ", ";\n"])), function (_a) {
   var color = _a.color;
   return color;
 });
 var ImageLabel = styled(Copy).withConfig({
   displayName: "ComparisonSlider__ImageLabel",
   componentId: "sc-4f3ic1-5"
-})(templateObject_7$h || (templateObject_7$h = __makeTemplateObject(["\n    height: ", "px;\n    padding: ", "px ", "px ", "px\n        ", "px;\n    background: ", ";\n"], ["\n    height: ", "px;\n    padding: ", "px ", "px ", "px\n        ", "px;\n    background: ", ";\n"])), spacings.spacer, spacings.nudge, spacings.spacer, spacings.spacer, spacings.spacer, function (_a) {
+})(templateObject_7$d || (templateObject_7$d = __makeTemplateObject(["\n    height: ", "px;\n    padding: ", "px ", "px ", "px\n        ", "px;\n    background: ", ";\n"], ["\n    height: ", "px;\n    padding: ", "px ", "px ", "px\n        ", "px;\n    background: ", ";\n"])), spacings.spacer, spacings.nudge, spacings.spacer, spacings.spacer, spacings.spacer, function (_a) {
   var bgColor = _a.bgColor;
   return bgColor && bgColor;
 });
 var ForegroundLabel = styled(ImageLabel).withConfig({
   displayName: "ComparisonSlider__ForegroundLabel",
   componentId: "sc-4f3ic1-6"
-})(templateObject_8$5 || (templateObject_8$5 = __makeTemplateObject(["\n    position: absolute;\n    bottom: ", "px;\n    left: ", "px;\n    pointer-events: none;\n    white-space: nowrap;\n"], ["\n    position: absolute;\n    bottom: ", "px;\n    left: ", "px;\n    pointer-events: none;\n    white-space: nowrap;\n"])), spacings.spacer, spacings.spacer);
+})(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n    position: absolute;\n    bottom: ", "px;\n    left: ", "px;\n    pointer-events: none;\n    white-space: nowrap;\n"], ["\n    position: absolute;\n    bottom: ", "px;\n    left: ", "px;\n    pointer-events: none;\n    white-space: nowrap;\n"])), spacings.spacer, spacings.spacer);
 var BackgroundLabel = styled(ImageLabel).withConfig({
   displayName: "ComparisonSlider__BackgroundLabel",
   componentId: "sc-4f3ic1-7"
-})(templateObject_9$4 || (templateObject_9$4 = __makeTemplateObject(["\n    position: absolute;\n    bottom: ", "px;\n    right: ", "px;\n    pointer-events: none;\n    white-space: nowrap;\n"], ["\n    position: absolute;\n    bottom: ", "px;\n    right: ", "px;\n    pointer-events: none;\n    white-space: nowrap;\n"])), spacings.spacer, spacings.spacer);
+})(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n    position: absolute;\n    bottom: ", "px;\n    right: ", "px;\n    pointer-events: none;\n    white-space: nowrap;\n"], ["\n    position: absolute;\n    bottom: ", "px;\n    right: ", "px;\n    pointer-events: none;\n    white-space: nowrap;\n"])), spacings.spacer, spacings.spacer);
 var ControlContainer = styled.div.withConfig({
   displayName: "ComparisonSlider__ControlContainer",
   componentId: "sc-4f3ic1-8"
-})(templateObject_11$3 || (templateObject_11$3 = __makeTemplateObject(["\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    transition: left ", "s\n        ease-in-out;\n    ", "\n"], ["\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    transition: left ", "s\n        ease-in-out;\n    ", "\n"])), function (_a) {
+})(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject(["\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    transition: left ", "s\n        ease-in-out;\n    ", "\n"], ["\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    transition: left ", "s\n        ease-in-out;\n    ", "\n"])), function (_a) {
   var hasTransition = _a.hasTransition;
   return hasTransition ? 0.1 : 0;
 }, function (_a) {
   var hasAnim = _a.hasAnim,
       initalValue = _a.initalValue;
-  return hasAnim && css(templateObject_10$4 || (templateObject_10$4 = __makeTemplateObject(["\n            animation-name: ControlAnim;\n            animation-duration: 5s;\n            animation-iteration-count: 1;\n            animation-play-state: ", ";\n            animation-timing-function: ease-in-out;\n            @keyframes ControlAnim {\n                0% {\n                    left: ", ";\n                }\n                33% {\n                    left: ", ";\n                }\n                66% {\n                    left: ", ";\n                }\n                100% {\n                    left: ", ";\n                }\n            }\n        "], ["\n            animation-name: ControlAnim;\n            animation-duration: 5s;\n            animation-iteration-count: 1;\n            animation-play-state: ", ";\n            animation-timing-function: ease-in-out;\n            @keyframes ControlAnim {\n                0% {\n                    left: ", ";\n                }\n                33% {\n                    left: ", ";\n                }\n                66% {\n                    left: ", ";\n                }\n                100% {\n                    left: ", ";\n                }\n            }\n        "])), hasAnim && 'running', initalValue ? clamp(initalValue * 100, 0, 100) + '%' : '50%', initalValue ? clamp(initalValue * 100 + 10, 0, 100) + '%' : '60%', initalValue ? clamp(initalValue * 100 - 10, 0, 100) + '%' : '40%', initalValue ? initalValue * 100 + '%' : '50%');
+  return hasAnim && css(templateObject_10$3 || (templateObject_10$3 = __makeTemplateObject(["\n            animation-name: ControlAnim;\n            animation-duration: 5s;\n            animation-iteration-count: 1;\n            animation-play-state: ", ";\n            animation-timing-function: ease-in-out;\n            @keyframes ControlAnim {\n                0% {\n                    left: ", ";\n                }\n                33% {\n                    left: ", ";\n                }\n                66% {\n                    left: ", ";\n                }\n                100% {\n                    left: ", ";\n                }\n            }\n        "], ["\n            animation-name: ControlAnim;\n            animation-duration: 5s;\n            animation-iteration-count: 1;\n            animation-play-state: ", ";\n            animation-timing-function: ease-in-out;\n            @keyframes ControlAnim {\n                0% {\n                    left: ", ";\n                }\n                33% {\n                    left: ", ";\n                }\n                66% {\n                    left: ", ";\n                }\n                100% {\n                    left: ", ";\n                }\n            }\n        "])), hasAnim && 'running', initalValue ? clamp(initalValue * 100, 0, 100) + '%' : '50%', initalValue ? clamp(initalValue * 100 + 10, 0, 100) + '%' : '60%', initalValue ? clamp(initalValue * 100 - 10, 0, 100) + '%' : '40%', initalValue ? initalValue * 100 + '%' : '50%');
 });
 var Control = styled.div.withConfig({
   displayName: "ComparisonSlider__Control",
@@ -1023,12 +1030,12 @@ var ComparisonSlider = function (_a) {
   }))))));
 };
 var ComparisonSlider$1 = withLibTheme(ComparisonSlider);
-var templateObject_1$R, templateObject_2$G, templateObject_3$z, templateObject_4$v, templateObject_5$r, templateObject_6$m, templateObject_7$h, templateObject_8$5, templateObject_9$4, templateObject_10$4, templateObject_11$3, templateObject_12$2;
+var templateObject_1$D, templateObject_2$y, templateObject_3$s, templateObject_4$o, templateObject_5$l, templateObject_6$h, templateObject_7$d, templateObject_8$3, templateObject_9$3, templateObject_10$3, templateObject_11$2, templateObject_12$2;
 
-var View$b = styled(Link).withConfig({
+var View$7 = styled(Link).withConfig({
   displayName: "PromotionCard__View",
   componentId: "sc-1p1egy3-0"
-})(templateObject_2$F || (templateObject_2$F = __makeTemplateObject(["\n    display: block;\n    position: relative;\n    width: 100%;\n    border-radius: ", ";\n    overflow: hidden;\n    outline: none;\n\n    &:after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background: ", ";\n        pointer-events: none;\n    }\n\n    ", "\n"], ["\n    display: block;\n    position: relative;\n    width: 100%;\n    border-radius: ", ";\n    overflow: hidden;\n    outline: none;\n\n    &:after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background: ", ";\n        pointer-events: none;\n    }\n\n    ", "\n"])), function (_a) {
+})(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n    display: block;\n    position: relative;\n    width: 100%;\n    border-radius: ", ";\n    overflow: hidden;\n    outline: none;\n\n    &:after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background: ", ";\n        pointer-events: none;\n    }\n\n    ", "\n"], ["\n    display: block;\n    position: relative;\n    width: 100%;\n    border-radius: ", ";\n    overflow: hidden;\n    outline: none;\n\n    &:after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background: ", ";\n        pointer-events: none;\n    }\n\n    ", "\n"])), function (_a) {
   var theme = _a.theme;
   return getGlobals(theme).sections.edgeRadius;
 }, function (_a) {
@@ -1038,31 +1045,31 @@ var View$b = styled(Link).withConfig({
   var clickable = _a.clickable,
       theme = _a.theme,
       isInverted = _a.isInverted;
-  return clickable && css(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n            transition: box-shadow 0.2s ease-in-out;\n            cursor: pointer;\n\n            &:hover {\n                box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.35);\n            }\n\n            &:focus {\n                box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.35);\n                outline: solid 2px\n                    ", ";\n                outline-offset: 4px;\n\n                color: ", ";\n            }\n\n            &:focus:not(:focus-visible) {\n                outline: none;\n                box-shadow: none;\n            }\n        "], ["\n            transition: box-shadow 0.2s ease-in-out;\n            cursor: pointer;\n\n            &:hover {\n                box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.35);\n            }\n\n            &:focus {\n                box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.35);\n                outline: solid 2px\n                    ", ";\n                outline-offset: 4px;\n\n                color: ", ";\n            }\n\n            &:focus:not(:focus-visible) {\n                outline: none;\n                box-shadow: none;\n            }\n        "])), isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default, isInverted ? getColors(theme).primary.invertedHover : getColors(theme).primary.hover);
+  return clickable && css(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n            transition: box-shadow 0.2s ease-in-out;\n            cursor: pointer;\n\n            &:hover {\n                box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.35);\n            }\n\n            &:focus {\n                box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.35);\n                outline: solid 2px\n                    ", ";\n                outline-offset: 4px;\n\n                color: ", ";\n            }\n\n            &:focus:not(:focus-visible) {\n                outline: none;\n                box-shadow: none;\n            }\n        "], ["\n            transition: box-shadow 0.2s ease-in-out;\n            cursor: pointer;\n\n            &:hover {\n                box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.35);\n            }\n\n            &:focus {\n                box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.35);\n                outline: solid 2px\n                    ", ";\n                outline-offset: 4px;\n\n                color: ", ";\n            }\n\n            &:focus:not(:focus-visible) {\n                outline: none;\n                box-shadow: none;\n            }\n        "])), isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default, isInverted ? getColors(theme).primary.invertedHover : getColors(theme).primary.hover);
 });
-var StyledImage$b = styled(Image).withConfig({
+var StyledImage$9 = styled(Image).withConfig({
   displayName: "PromotionCard__StyledImage",
   componentId: "sc-1p1egy3-1"
-})(templateObject_3$y || (templateObject_3$y = __makeTemplateObject(["\n    width: 100%;\n    height: 100%;\n    min-height: 300px;\n\n    img {\n        height: 100%;\n    }\n"], ["\n    width: 100%;\n    height: 100%;\n    min-height: 300px;\n\n    img {\n        height: 100%;\n    }\n"])));
+})(templateObject_3$r || (templateObject_3$r = __makeTemplateObject(["\n    width: 100%;\n    height: 100%;\n    min-height: 300px;\n\n    img {\n        height: 100%;\n    }\n"], ["\n    width: 100%;\n    height: 100%;\n    min-height: 300px;\n\n    img {\n        height: 100%;\n    }\n"])));
 var IntroContainer = styled.div.withConfig({
   displayName: "PromotionCard__IntroContainer",
   componentId: "sc-1p1egy3-2"
-})(templateObject_4$u || (templateObject_4$u = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    overflow: auto;\n    z-index: 1;\n\n    padding: ", "px ", "px;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n\n    /* required to align items at flex-end in ie11 */\n    &:before {\n        content: '';\n        display: block;\n        flex: 1 0 0px;\n    }\n\n    @media ", " {\n        padding: ", "px ", "px;\n    }\n"], ["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    overflow: auto;\n    z-index: 1;\n\n    padding: ", "px ", "px;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n\n    /* required to align items at flex-end in ie11 */\n    &:before {\n        content: '';\n        display: block;\n        flex: 1 0 0px;\n    }\n\n    @media ", " {\n        padding: ", "px ", "px;\n    }\n"])), spacings.spacer, spacings.nudge * 3, mq.medium, spacings.nudge * 5, spacings.spacer);
-var StyledTitle$1 = styled(Title$6).withConfig({
+})(templateObject_4$n || (templateObject_4$n = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    overflow: auto;\n    z-index: 1;\n\n    padding: ", "px ", "px;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n\n    /* required to align items at flex-end in ie11 */\n    &:before {\n        content: '';\n        display: block;\n        flex: 1 0 0px;\n    }\n\n    @media ", " {\n        padding: ", "px ", "px;\n    }\n"], ["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    overflow: auto;\n    z-index: 1;\n\n    padding: ", "px ", "px;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n\n    /* required to align items at flex-end in ie11 */\n    &:before {\n        content: '';\n        display: block;\n        flex: 1 0 0px;\n    }\n\n    @media ", " {\n        padding: ", "px ", "px;\n    }\n"])), spacings.spacer, spacings.nudge * 3, mq.medium, spacings.nudge * 5, spacings.spacer);
+var StyledTitle = styled(Title$6).withConfig({
   displayName: "PromotionCard__StyledTitle",
   componentId: "sc-1p1egy3-3"
-})(templateObject_5$q || (templateObject_5$q = __makeTemplateObject(["\n    max-width: ", ";\n"], ["\n    max-width: ", ";\n"])), function (_a) {
+})(templateObject_5$k || (templateObject_5$k = __makeTemplateObject(["\n    max-width: ", ";\n"], ["\n    max-width: ", ";\n"])), function (_a) {
   var clampTitle = _a.clampTitle;
   return clampTitle && 13 / 28 * spacings.wrapper + 'px';
 });
 var ExternalIconHolder = styled.span.withConfig({
   displayName: "PromotionCard__ExternalIconHolder",
   componentId: "sc-1p1egy3-4"
-})(templateObject_6$l || (templateObject_6$l = __makeTemplateObject(["\n    margin-left: ", "px;\n\n    & > * {\n        display: inline-block;\n    }\n"], ["\n    margin-left: ", "px;\n\n    & > * {\n        display: inline-block;\n    }\n"])), spacings.nudge * 2);
+})(templateObject_6$g || (templateObject_6$g = __makeTemplateObject(["\n    margin-left: ", "px;\n\n    & > * {\n        display: inline-block;\n    }\n"], ["\n    margin-left: ", "px;\n\n    & > * {\n        display: inline-block;\n    }\n"])), spacings.nudge * 2);
 var Icon$5 = styled.div.withConfig({
   displayName: "PromotionCard__Icon",
   componentId: "sc-1p1egy3-5"
-})(templateObject_7$g || (templateObject_7$g = __makeTemplateObject(["\n    ", ";\n    ", ";\n\n    position: absolute;\n    top: ", "px;\n    left: ", "px;\n\n    & > * {\n        ", ";\n        ", ";\n    }\n\n    color: ", ";\n"], ["\n    ", ";\n    ", ";\n\n    position: absolute;\n    top: ", "px;\n    left: ", "px;\n\n    & > * {\n        ", ";\n        ", ";\n    }\n\n    color: ", ";\n"])), withRange([60, 100], 'height'), withRange([60, 100], 'width'), spacings.nudge * 3, spacings.nudge * 3, withRange([60, 100], 'height'), withRange([60, 100], 'width'), function (_a) {
+})(templateObject_7$c || (templateObject_7$c = __makeTemplateObject(["\n    ", ";\n    ", ";\n\n    position: absolute;\n    top: ", "px;\n    left: ", "px;\n\n    & > * {\n        ", ";\n        ", ";\n    }\n\n    color: ", ";\n"], ["\n    ", ";\n    ", ";\n\n    position: absolute;\n    top: ", "px;\n    left: ", "px;\n\n    & > * {\n        ", ";\n        ", ";\n    }\n\n    color: ", ";\n"])), withRange([60, 100], 'height'), withRange([60, 100], 'width'), spacings.nudge * 3, spacings.nudge * 3, withRange([60, 100], 'height'), withRange([60, 100], 'width'), function (_a) {
   var theme = _a.theme;
   return getColors(theme).text.inverted;
 });
@@ -1089,17 +1096,17 @@ var PromotionCard = forwardRef(function (_a, ref) {
   }
 
   var externalIconString = ReactDOMServer.renderToString(React__default.createElement(ExternalIconHolder, null, externalLinkIcon || React__default.createElement(External, null)));
-  return React__default.createElement(View$b, __assign({
+  return React__default.createElement(View$7, __assign({
     ref: ref,
     clickable: !!href || !!link
   }, linkObj, {
     className: className
-  }), React__default.createElement(StyledImage$b, __assign({}, image, {
+  }), React__default.createElement(StyledImage$9, __assign({}, image, {
     isInverted: isInverted,
     coverSpace: true
   })), icon && React__default.createElement(Icon$5, null, icon({
     isInverted: isInverted
-  })), title && React__default.createElement(IntroContainer, null, React__default.createElement(StyledTitle$1, {
+  })), title && React__default.createElement(IntroContainer, null, React__default.createElement(StyledTitle, {
     colorMode: "onImage",
     superTitle: superTitle,
     superTitleAs: superTitleAs,
@@ -1109,12 +1116,12 @@ var PromotionCard = forwardRef(function (_a, ref) {
   })));
 });
 PromotionCard.displayName = 'PromotionCard';
-var templateObject_1$Q, templateObject_2$F, templateObject_3$y, templateObject_4$u, templateObject_5$q, templateObject_6$l, templateObject_7$g;
+var templateObject_1$C, templateObject_2$x, templateObject_3$r, templateObject_4$n, templateObject_5$k, templateObject_6$g, templateObject_7$c;
 
 var Card$1 = styled(PromotionCard).withConfig({
   displayName: "CrossPromotion__Card",
   componentId: "sc-1jmsp4-0"
-})(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n\n    height: ", ";\n\n    flex: 1 0 auto;\n\n    & + & {\n        margin-top: ", "px;\n    }\n"], ["\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n\n    height: ", ";\n\n    flex: 1 0 auto;\n\n    & + & {\n        margin-top: ", "px;\n    }\n"])), function (_a) {
+})(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n\n    height: ", ";\n\n    flex: 1 0 auto;\n\n    & + & {\n        margin-top: ", "px;\n    }\n"], ["\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n\n    height: ", ";\n\n    flex: 1 0 auto;\n\n    & + & {\n        margin-top: ", "px;\n    }\n"])), function (_a) {
   var isMain = _a.isMain;
   return isMain && '100%';
 }, gridSettings.gutter);
@@ -1197,7 +1204,7 @@ var CrossPromotion = function (_a) {
   }))));
 };
 var CrossPromotion$1 = withLibTheme(CrossPromotion);
-var templateObject_1$P;
+var templateObject_1$B;
 
 var renderLocationField = function (_a) {
   var _b, _c;
@@ -1321,11 +1328,11 @@ var renderDatepickerField = function (_a) {
 var FieldSet = styled.fieldset.withConfig({
   displayName: "fieldGroupRenderer__FieldSet",
   componentId: "sc-1c0l16c-0"
-})(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n    display: block;\n    border: none;\n    background: none;\n    outline: none;\n    padding: 0;\n    margin-left: 0;\n    margin-right: 0;\n    text-align: left;\n"], ["\n    display: block;\n    border: none;\n    background: none;\n    outline: none;\n    padding: 0;\n    margin-left: 0;\n    margin-right: 0;\n    text-align: left;\n"])));
+})(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n    display: block;\n    border: none;\n    background: none;\n    outline: none;\n    padding: 0;\n    margin-left: 0;\n    margin-right: 0;\n    text-align: left;\n"], ["\n    display: block;\n    border: none;\n    background: none;\n    outline: none;\n    padding: 0;\n    margin-left: 0;\n    margin-right: 0;\n    text-align: left;\n"])));
 var Fields = styled.div.withConfig({
   displayName: "fieldGroupRenderer__Fields",
   componentId: "sc-1c0l16c-1"
-})(templateObject_2$E || (templateObject_2$E = __makeTemplateObject(["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge);
+})(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge);
 var renderRadioGroupField = function (_a) {
   var _b;
 
@@ -1425,7 +1432,7 @@ var renderCheckboxGroupField = function (_a) {
     infoMessage: info
   }));
 };
-var templateObject_1$O, templateObject_2$E;
+var templateObject_1$A, templateObject_2$w;
 
 var renderAreaField = function (_a) {
   var field = _a.field,
@@ -1730,27 +1737,27 @@ var uploadValidator = function (key, files, config) {
 var StyledSection$1 = styled(Section).withConfig({
   displayName: "DynamicForm__StyledSection",
   componentId: "sc-1v8xcyg-0"
-})(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n    overflow: visible;\n"], ["\n    overflow: visible;\n"])));
+})(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n    overflow: visible;\n"], ["\n    overflow: visible;\n"])));
 var Form$1 = styled.form.withConfig({
   displayName: "DynamicForm__Form",
   componentId: "sc-1v8xcyg-1"
-})(templateObject_2$D || (templateObject_2$D = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    @media ", " {\n        flex-direction: row;\n    }\n"], ["\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    @media ", " {\n        flex-direction: row;\n    }\n"])), mq.semilarge);
+})(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    @media ", " {\n        flex-direction: row;\n    }\n"], ["\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    @media ", " {\n        flex-direction: row;\n    }\n"])), mq.semilarge);
 var FieldContainer$1 = styled.div.withConfig({
   displayName: "DynamicForm__FieldContainer",
   componentId: "sc-1v8xcyg-2"
-})(templateObject_3$x || (templateObject_3$x = __makeTemplateObject(["\n    flex: 1 1 0;\n    text-align: center;\n\n    & + & {\n        margin-top: ", "px;\n    }\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        max-width: 610px;\n    }\n"], ["\n    flex: 1 1 0;\n    text-align: center;\n\n    & + & {\n        margin-top: ", "px;\n    }\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        max-width: 610px;\n    }\n"])), spacings.nudge * 3, spacings.nudge * 3, mq.semilarge);
+})(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n    flex: 1 1 0;\n    text-align: center;\n\n    & + & {\n        margin-top: ", "px;\n    }\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        max-width: 610px;\n    }\n"], ["\n    flex: 1 1 0;\n    text-align: center;\n\n    & + & {\n        margin-top: ", "px;\n    }\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        max-width: 610px;\n    }\n"])), spacings.nudge * 3, spacings.nudge * 3, mq.semilarge);
 var FormFooter = styled.div.withConfig({
   displayName: "DynamicForm__FormFooter",
   componentId: "sc-1v8xcyg-3"
-})(templateObject_4$t || (templateObject_4$t = __makeTemplateObject(["\n    margin-top: ", "px;\n"], ["\n    margin-top: ", "px;\n"])), spacings.spacer);
+})(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n    margin-top: ", "px;\n"], ["\n    margin-top: ", "px;\n"])), spacings.spacer);
 var Status = styled(Copy).withConfig({
   displayName: "DynamicForm__Status",
   componentId: "sc-1v8xcyg-4"
-})(templateObject_5$p || (templateObject_5$p = __makeTemplateObject(["\n    text-align: left;\n    margin: 0 auto;\n\n    @media ", " {\n        max-width: 610px;\n    }\n"], ["\n    text-align: left;\n    margin: 0 auto;\n\n    @media ", " {\n        max-width: 610px;\n    }\n"])), mq.semilarge);
+})(templateObject_5$j || (templateObject_5$j = __makeTemplateObject(["\n    text-align: left;\n    margin: 0 auto;\n\n    @media ", " {\n        max-width: 610px;\n    }\n"], ["\n    text-align: left;\n    margin: 0 auto;\n\n    @media ", " {\n        max-width: 610px;\n    }\n"])), mq.semilarge);
 var ActionContainer$1 = styled.div.withConfig({
   displayName: "DynamicForm__ActionContainer",
   componentId: "sc-1v8xcyg-5"
-})(templateObject_6$k || (templateObject_6$k = __makeTemplateObject(["\n    width: 100%;\n    margin: 0 auto;\n    margin-top: ", "px;\n    text-align: right;\n\n    @media ", " {\n        max-width: 610px;\n    }\n"], ["\n    width: 100%;\n    margin: 0 auto;\n    margin-top: ", "px;\n    text-align: right;\n\n    @media ", " {\n        max-width: 610px;\n    }\n"])), spacings.spacer * 1.5, mq.semilarge);
+})(templateObject_6$f || (templateObject_6$f = __makeTemplateObject(["\n    width: 100%;\n    margin: 0 auto;\n    margin-top: ", "px;\n    text-align: right;\n\n    @media ", " {\n        max-width: 610px;\n    }\n"], ["\n    width: 100%;\n    margin: 0 auto;\n    margin-top: ", "px;\n    text-align: right;\n\n    @media ", " {\n        max-width: 610px;\n    }\n"])), spacings.spacer * 1.5, mq.semilarge);
 
 var DynamicForm = function (_a) {
   var anchorId = _a.anchorId,
@@ -2312,20 +2319,20 @@ var DynamicForm = function (_a) {
   })))));
 };
 var DynamicForm$1 = withLibTheme(DynamicForm);
-var templateObject_1$N, templateObject_2$D, templateObject_3$x, templateObject_4$t, templateObject_5$p, templateObject_6$k;
+var templateObject_1$z, templateObject_2$v, templateObject_3$q, templateObject_4$m, templateObject_5$j, templateObject_6$f;
 
 var Form = styled.form.withConfig({
   displayName: "NewsletterForm__Form",
   componentId: "sc-1pmvhu2-0"
-})(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    @media ", " {\n        flex-direction: row;\n    }\n"], ["\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    @media ", " {\n        flex-direction: row;\n    }\n"])), mq.semilarge);
+})(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    @media ", " {\n        flex-direction: row;\n    }\n"], ["\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    @media ", " {\n        flex-direction: row;\n    }\n"])), mq.semilarge);
 var FieldContainer = styled.div.withConfig({
   displayName: "NewsletterForm__FieldContainer",
   componentId: "sc-1pmvhu2-1"
-})(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n    flex: 1 1 0;\n    text-align: center;\n\n    & + & {\n        margin-top: ", "px;\n    }\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        max-width: 590px;\n\n        & + & {\n            margin-top: 0;\n        }\n\n        &:first-child {\n            padding-right: ", "px;\n        }\n\n        &:last-child {\n            padding-left: ", "px;\n        }\n    }\n"], ["\n    flex: 1 1 0;\n    text-align: center;\n\n    & + & {\n        margin-top: ", "px;\n    }\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        max-width: 590px;\n\n        & + & {\n            margin-top: 0;\n        }\n\n        &:first-child {\n            padding-right: ", "px;\n        }\n\n        &:last-child {\n            padding-left: ", "px;\n        }\n    }\n"])), spacings.nudge * 3, spacings.nudge * 3, mq.semilarge, spacings.nudge * 3, spacings.nudge * 3);
+})(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n    flex: 1 1 0;\n    text-align: center;\n\n    & + & {\n        margin-top: ", "px;\n    }\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        max-width: 590px;\n\n        & + & {\n            margin-top: 0;\n        }\n\n        &:first-child {\n            padding-right: ", "px;\n        }\n\n        &:last-child {\n            padding-left: ", "px;\n        }\n    }\n"], ["\n    flex: 1 1 0;\n    text-align: center;\n\n    & + & {\n        margin-top: ", "px;\n    }\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        max-width: 590px;\n\n        & + & {\n            margin-top: 0;\n        }\n\n        &:first-child {\n            padding-right: ", "px;\n        }\n\n        &:last-child {\n            padding-left: ", "px;\n        }\n    }\n"])), spacings.nudge * 3, spacings.nudge * 3, mq.semilarge, spacings.nudge * 3, spacings.nudge * 3);
 var ActionContainer = styled.div.withConfig({
   displayName: "NewsletterForm__ActionContainer",
   componentId: "sc-1pmvhu2-2"
-})(templateObject_3$w || (templateObject_3$w = __makeTemplateObject(["\n    width: 100%;\n    max-width: 590px;\n\n    margin: 0 auto;\n    margin-top: ", "px;\n\n    text-align: center;\n"], ["\n    width: 100%;\n    max-width: 590px;\n\n    margin: 0 auto;\n    margin-top: ", "px;\n\n    text-align: center;\n"])), spacings.spacer * 2);
+})(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n    width: 100%;\n    max-width: 590px;\n\n    margin: 0 auto;\n    margin-top: ", "px;\n\n    text-align: center;\n"], ["\n    width: 100%;\n    max-width: 590px;\n\n    margin: 0 auto;\n    margin-top: ", "px;\n\n    text-align: center;\n"])), spacings.spacer * 2);
 
 var NewsletterForm = function (_a) {
   var anchorId = _a.anchorId,
@@ -2575,46 +2582,20 @@ var generateTextField = function (_a) {
   });
 };
 var NewsletterForm$1 = withLibTheme(NewsletterForm);
-var templateObject_1$M, templateObject_2$C, templateObject_3$w;
-
-var SVG = styled.svg.withConfig({
-  displayName: "Filter__SVG",
-  componentId: "sc-noawe1-0"
-})(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n    display: block;\n"], ["\n    display: block;\n"])));
-
-var Filter$2 = function (_a) {
-  var _b = _a.iconColor,
-      iconColor = _b === void 0 ? 'currentColor' : _b,
-      className = _a.className,
-      _c = _a.ariaHidden,
-      ariaHidden = _c === void 0 ? true : _c;
-  return React.createElement(SVG, {
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    className: className,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": ariaHidden
-  }, React.createElement("path", {
-    d: "M10 18h4v-2h-4v2ZM3 6v2h18V6H3Zm3 7h12v-2H6v2Z",
-    fill: iconColor
-  }));
-};
-var templateObject_1$L;
+var templateObject_1$y, templateObject_2$u, templateObject_3$p;
 
-var TagContainer$2 = styled.div.withConfig({
+var TagContainer$1 = styled.div.withConfig({
   displayName: "EventOverview__TagContainer",
   componentId: "sc-u2afqs-0"
-})(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    &:not(:only-child) {\n        margin-bottom: ", "px;\n    }\n"], ["\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    &:not(:only-child) {\n        margin-bottom: ", "px;\n    }\n"])), spacings.nudge, spacings.nudge, spacings.nudge * 6);
-var TagWrapper$3 = styled.div.withConfig({
+})(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    &:not(:only-child) {\n        margin-bottom: ", "px;\n    }\n"], ["\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    &:not(:only-child) {\n        margin-bottom: ", "px;\n    }\n"])), spacings.nudge, spacings.nudge, spacings.nudge * 6);
+var TagWrapper$1 = styled.div.withConfig({
   displayName: "EventOverview__TagWrapper",
   componentId: "sc-u2afqs-1"
-})(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n    padding-top: ", "px;\n    padding-left: ", "px;\n"], ["\n    padding-top: ", "px;\n    padding-left: ", "px;\n"])), spacings.nudge, spacings.nudge);
+})(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n    padding-top: ", "px;\n    padding-left: ", "px;\n"], ["\n    padding-top: ", "px;\n    padding-left: ", "px;\n"])), spacings.nudge, spacings.nudge);
 var Events = styled.ul.withConfig({
   displayName: "EventOverview__Events",
   componentId: "sc-u2afqs-2"
-})(templateObject_3$v || (templateObject_3$v = __makeTemplateObject(["\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n\n    & > * + * {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > *:first-of-type {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > *:last-of-type {\n        border-bottom: 1px solid\n            ", ";\n    }\n"], ["\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n\n    & > * + * {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > *:first-of-type {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > *:last-of-type {\n        border-bottom: 1px solid\n            ", ";\n    }\n"])), function (_a) {
+})(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n\n    & > * + * {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > *:first-of-type {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > *:last-of-type {\n        border-bottom: 1px solid\n            ", ";\n    }\n"], ["\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n\n    & > * + * {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > *:first-of-type {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > *:last-of-type {\n        border-bottom: 1px solid\n            ", ";\n    }\n"])), function (_a) {
   var theme = _a.theme,
       hasBg = _a.hasBg;
   return hasBg ? getColors(theme).elementBg.light : getColors(theme).elementBg.medium;
@@ -2627,22 +2608,22 @@ var Events = styled.ul.withConfig({
       hasBg = _a.hasBg;
   return hasBg ? getColors(theme).elementBg.light : getColors(theme).elementBg.medium;
 });
-var FilterIcon$1 = styled(Copy).withConfig({
+var FilterIcon = styled(Copy).withConfig({
   displayName: "EventOverview__FilterIcon",
   componentId: "sc-u2afqs-3"
-})(templateObject_4$s || (templateObject_4$s = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    padding: ", "px ", "px 0 0;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    padding: ", "px ", "px 0 0;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"])), spacings.nudge / 2, spacings.nudge, spacings.nudge);
+})(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    padding: ", "px ", "px 0 0;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    padding: ", "px ", "px 0 0;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"])), spacings.nudge / 2, spacings.nudge, spacings.nudge);
 var EventItem = styled.li.withConfig({
   displayName: "EventOverview__EventItem",
   componentId: "sc-u2afqs-4"
-})(templateObject_5$o || (templateObject_5$o = __makeTemplateObject(["\n    padding: ", "px 0;\n"], ["\n    padding: ", "px 0;\n"])), spacings.nudge * 3);
-var ListFooter$1 = styled.div.withConfig({
+})(templateObject_5$i || (templateObject_5$i = __makeTemplateObject(["\n    padding: ", "px 0;\n"], ["\n    padding: ", "px 0;\n"])), spacings.nudge * 3);
+var ListFooter = styled.div.withConfig({
   displayName: "EventOverview__ListFooter",
   componentId: "sc-u2afqs-5"
-})(templateObject_6$j || (templateObject_6$j = __makeTemplateObject(["\n    margin-top: ", "px;\n    text-align: center;\n\n    @media ", " {\n        text-align: left;\n    }\n"], ["\n    margin-top: ", "px;\n    text-align: center;\n\n    @media ", " {\n        text-align: left;\n    }\n"])), spacings.nudge * 6, mq.medium);
-var ShowMore$2 = styled.span.withConfig({
+})(templateObject_6$e || (templateObject_6$e = __makeTemplateObject(["\n    margin-top: ", "px;\n    text-align: center;\n\n    @media ", " {\n        text-align: left;\n    }\n"], ["\n    margin-top: ", "px;\n    text-align: center;\n\n    @media ", " {\n        text-align: left;\n    }\n"])), spacings.nudge * 6, mq.medium);
+var ShowMore$1 = styled.span.withConfig({
   displayName: "EventOverview__ShowMore",
   componentId: "sc-u2afqs-6"
-})(templateObject_7$f || (templateObject_7$f = __makeTemplateObject(["\n    display: ", ";\n"], ["\n    display: ", ";\n"])), function (_a) {
+})(templateObject_7$b || (templateObject_7$b = __makeTemplateObject(["\n    display: ", ";\n"], ["\n    display: ", ";\n"])), function (_a) {
   var itemCount = _a.itemCount;
   return itemCount && itemCount > 2 ? 'block' : 'none';
 });
@@ -2842,12 +2823,12 @@ var EventOverview = function (_a) {
     bgMode: mapToBgMode(bgMode, true)
   }, React__default.createElement(Wrapper, {
     addWhitespace: true
-  }, isValidArray(filteredTags, false) && React__default.createElement(TagContainer$2, null, React__default.createElement(FilterIcon$1, {
+  }, isValidArray(filteredTags, false) && React__default.createElement(TagContainer$1, null, React__default.createElement(FilterIcon, {
     size: "small",
     type: "copy",
     isInverted: isInverted
   }, React__default.createElement(Filter$2, null), React__default.createElement("span", null, "Filter")), filteredTags.map(function (tag, i) {
-    return React__default.createElement(TagWrapper$3, {
+    return React__default.createElement(TagWrapper$1, {
       key: i
     }, customTag ? customTag({
       key: i,
@@ -2922,11 +2903,11 @@ var EventOverview = function (_a) {
     })));
   })), React__default.createElement("div", {
     ref: targetRef
-  }), !observerSupported && React__default.createElement(ListFooter$1, null, events && events.length > 0 && React__default.createElement(Copy, {
+  }), !observerSupported && React__default.createElement(ListFooter, null, events && events.length > 0 && React__default.createElement(Copy, {
     type: "copy",
     size: "medium",
     isInverted: isInverted
-  }, React__default.createElement(ShowMore$2, {
+  }, React__default.createElement(ShowMore$1, {
     itemCount: events.length,
     onClick: function (ev) {
       ev.preventDefault();
@@ -2943,12 +2924,12 @@ var EventOverview = function (_a) {
   }, React__default.createElement(Pointer.Label, null, showMoreText || 'mehr anzeigen')))))));
 };
 var EventOverview$1 = withLibTheme(EventOverview);
-var templateObject_1$K, templateObject_2$B, templateObject_3$v, templateObject_4$s, templateObject_5$o, templateObject_6$j, templateObject_7$f;
+var templateObject_1$x, templateObject_2$t, templateObject_3$o, templateObject_4$l, templateObject_5$i, templateObject_6$e, templateObject_7$b;
 
 var List$3 = styled.ul.withConfig({
   displayName: "EventList__List",
   componentId: "sc-1ssgszz-0"
-})(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    & > * + * {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > *:first-of-type {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > *:last-of-type {\n        border-bottom: 1px solid\n            ", ";\n    }\n"], ["\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    & > * + * {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > *:first-of-type {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > *:last-of-type {\n        border-bottom: 1px solid\n            ", ";\n    }\n"])), function (_a) {
+})(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    & > * + * {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > *:first-of-type {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > *:last-of-type {\n        border-bottom: 1px solid\n            ", ";\n    }\n"], ["\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    & > * + * {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > *:first-of-type {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > *:last-of-type {\n        border-bottom: 1px solid\n            ", ";\n    }\n"])), function (_a) {
   var theme = _a.theme,
       hasBg = _a.hasBg;
   return hasBg ? getColors(theme).elementBg.light : getColors(theme).elementBg.medium;
@@ -2964,7 +2945,7 @@ var List$3 = styled.ul.withConfig({
 var ListItem$2 = styled.li.withConfig({
   displayName: "EventList__ListItem",
   componentId: "sc-1ssgszz-1"
-})(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n    padding: ", "px 0;\n"], ["\n    padding: ", "px 0;\n"])), spacings.nudge * 3);
+})(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n    padding: ", "px 0;\n"], ["\n    padding: ", "px 0;\n"])), spacings.nudge * 3);
 
 var EventList = function (_a) {
   var anchorId = _a.anchorId,
@@ -3025,36 +3006,36 @@ var EventList = function (_a) {
   }))));
 };
 var EventList$1 = withLibTheme(EventList);
-var templateObject_1$J, templateObject_2$A;
+var templateObject_1$w, templateObject_2$s;
 
-var StyledImage$a = styled(Image).withConfig({
+var StyledImage$8 = styled(Image).withConfig({
   displayName: "EventDetail__StyledImage",
   componentId: "sc-1ko6neq-0"
-})(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n"], ["\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n"])), spacings.spacer);
-var TagContainer$1 = styled.div.withConfig({
+})(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n"], ["\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n"])), spacings.spacer);
+var TagContainer = styled.div.withConfig({
   displayName: "EventDetail__TagContainer",
   componentId: "sc-1ko6neq-1"
-})(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n    max-width: 880px;\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"], ["\n    max-width: 880px;\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"])), spacings.nudge, spacings.nudge);
-var TagWrapper$2 = styled.div.withConfig({
+})(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n    max-width: 880px;\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"], ["\n    max-width: 880px;\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"])), spacings.nudge, spacings.nudge);
+var TagWrapper = styled.div.withConfig({
   displayName: "EventDetail__TagWrapper",
   componentId: "sc-1ko6neq-2"
-})(templateObject_3$u || (templateObject_3$u = __makeTemplateObject(["\n    padding-top: ", "px;\n    padding-left: ", "px;\n"], ["\n    padding-top: ", "px;\n    padding-left: ", "px;\n"])), spacings.nudge, spacings.nudge);
+})(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n    padding-top: ", "px;\n    padding-left: ", "px;\n"], ["\n    padding-top: ", "px;\n    padding-left: ", "px;\n"])), spacings.nudge, spacings.nudge);
 var EventTitle = styled(Heading).withConfig({
   displayName: "EventDetail__EventTitle",
   componentId: "sc-1ko6neq-3"
-})(templateObject_4$r || (templateObject_4$r = __makeTemplateObject(["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 2; /* number of lines to show */\n        line-clamp: 2;\n        -webkit-box-orient: vertical;\n    }\n"], ["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 2; /* number of lines to show */\n        line-clamp: 2;\n        -webkit-box-orient: vertical;\n    }\n"])), spacings.nudge * 3, mq.semilarge);
+})(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 2; /* number of lines to show */\n        line-clamp: 2;\n        -webkit-box-orient: vertical;\n    }\n"], ["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 2; /* number of lines to show */\n        line-clamp: 2;\n        -webkit-box-orient: vertical;\n    }\n"])), spacings.nudge * 3, mq.semilarge);
 var EventDateTime = styled(Copy).withConfig({
   displayName: "EventDetail__EventDateTime",
   componentId: "sc-1ko6neq-4"
-})(templateObject_5$n || (templateObject_5$n = __makeTemplateObject(["\n    max-width: 880px;\n    /* overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; */\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"], ["\n    max-width: 880px;\n    /* overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; */\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 3);
+})(templateObject_5$h || (templateObject_5$h = __makeTemplateObject(["\n    max-width: 880px;\n    /* overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; */\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"], ["\n    max-width: 880px;\n    /* overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; */\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 3);
 var EventAddress = styled(Copy).withConfig({
   displayName: "EventDetail__EventAddress",
   componentId: "sc-1ko6neq-5"
-})(templateObject_6$i || (templateObject_6$i = __makeTemplateObject(["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n\n    ", " + & {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n"], ["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n\n    ", " + & {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n"])), spacings.nudge * 3, EventDateTime, spacings.nudge, mq.semilarge);
+})(templateObject_6$d || (templateObject_6$d = __makeTemplateObject(["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n\n    ", " + & {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n"], ["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n\n    ", " + & {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n"])), spacings.nudge * 3, EventDateTime, spacings.nudge, mq.semilarge);
 var EventText = styled(Copy).withConfig({
   displayName: "EventDetail__EventText",
   componentId: "sc-1ko6neq-6"
-})(templateObject_7$e || (templateObject_7$e = __makeTemplateObject(["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"], ["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 3);
+})(templateObject_7$a || (templateObject_7$a = __makeTemplateObject(["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"], ["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 3);
 
 var EventDetail = function (_a) {
   var _b;
@@ -3092,7 +3073,7 @@ var EventDetail = function (_a) {
     bgMode: mapToBgMode(bgMode, true)
   }, React__default.createElement(Wrapper, {
     addWhitespace: true
-  }, ((_b = event.image) === null || _b === void 0 ? void 0 : _b.small) && React__default.createElement(StyledImage$a, __assign({}, event.image, {
+  }, ((_b = event.image) === null || _b === void 0 ? void 0 : _b.small) && React__default.createElement(StyledImage$8, __assign({}, event.image, {
     coverSpace: true,
     allowEdgeRadius: true,
     isInverted: isInverted
@@ -3105,8 +3086,8 @@ var EventDetail = function (_a) {
     semilarge: {
       span: hasInfos ? 5.7 / 8 : 1
     }
-  }, event.tags && React__default.createElement(TagContainer$1, null, event.tags.map(function (tag, i) {
-    return React__default.createElement(TagWrapper$2, {
+  }, event.tags && React__default.createElement(TagContainer, null, event.tags.map(function (tag, i) {
+    return React__default.createElement(TagWrapper, {
       key: 'tag_' + i
     }, customTag ? customTag({
       key: "headtag-".concat(i),
@@ -3146,45 +3127,45 @@ var EventDetail = function (_a) {
   })))));
 };
 var EventDetail$1 = withLibTheme(EventDetail);
-var templateObject_1$I, templateObject_2$z, templateObject_3$u, templateObject_4$r, templateObject_5$n, templateObject_6$i, templateObject_7$e;
+var templateObject_1$v, templateObject_2$r, templateObject_3$n, templateObject_4$k, templateObject_5$h, templateObject_6$d, templateObject_7$a;
 
-var View$a = styled.div.withConfig({
+var View$6 = styled.div.withConfig({
   displayName: "Fact__View",
   componentId: "sc-elpxk2-0"
-})(templateObject_1$H || (templateObject_1$H = __makeTemplateObject([""], [""])));
+})(templateObject_1$u || (templateObject_1$u = __makeTemplateObject([""], [""])));
 var ImageContainer$1 = styled.div.withConfig({
   displayName: "Fact__ImageContainer",
   componentId: "sc-elpxk2-1"
-})(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n    display: flex;\n    justify-content: ", ";\n    margin-bottom: ", "px;\n    max-width: 100%;\n"], ["\n    display: flex;\n    justify-content: ", ";\n    margin-bottom: ", "px;\n    max-width: 100%;\n"])), function (_a) {
+})(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n    display: flex;\n    justify-content: ", ";\n    margin-bottom: ", "px;\n    max-width: 100%;\n"], ["\n    display: flex;\n    justify-content: ", ";\n    margin-bottom: ", "px;\n    max-width: 100%;\n"])), function (_a) {
   var isCentered = _a.isCentered;
   return isCentered ? 'center' : 'flex-start';
 }, spacings.nudge * 3);
-var StyledImage$9 = styled(Image).withConfig({
+var StyledImage$7 = styled(Image).withConfig({
   displayName: "Fact__StyledImage",
   componentId: "sc-elpxk2-2"
-})(templateObject_3$t || (templateObject_3$t = __makeTemplateObject(["\n    overflow: hidden;\n    border-radius: ", ";\n"], ["\n    overflow: hidden;\n    border-radius: ", ";\n"])), function (_a) {
+})(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n    overflow: hidden;\n    border-radius: ", ";\n"], ["\n    overflow: hidden;\n    border-radius: ", ";\n"])), function (_a) {
   var theme = _a.theme;
   return getGlobals(theme).sections.edgeRadius;
 });
-var Content$6 = styled.div.withConfig({
+var Content$5 = styled.div.withConfig({
   displayName: "Fact__Content",
   componentId: "sc-elpxk2-3"
-})(templateObject_4$q || (templateObject_4$q = __makeTemplateObject(["\n    text-align: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    text-align: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), function (_a) {
+})(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n    text-align: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    text-align: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), function (_a) {
   var isCentered = _a.isCentered;
   return isCentered && 'center';
 }, spacings.nudge * 3);
 var Title$3 = styled(Copy).withConfig({
   displayName: "Fact__Title",
   componentId: "sc-elpxk2-4"
-})(templateObject_5$m || (templateObject_5$m = __makeTemplateObject([""], [""])));
+})(templateObject_5$g || (templateObject_5$g = __makeTemplateObject([""], [""])));
 var SubTitle = styled(Copy).withConfig({
   displayName: "Fact__SubTitle",
   componentId: "sc-elpxk2-5"
-})(templateObject_6$h || (templateObject_6$h = __makeTemplateObject([""], [""])));
-var Text$5 = styled(Copy).withConfig({
+})(templateObject_6$c || (templateObject_6$c = __makeTemplateObject([""], [""])));
+var Text$4 = styled(Copy).withConfig({
   displayName: "Fact__Text",
   componentId: "sc-elpxk2-6"
-})(templateObject_7$d || (templateObject_7$d = __makeTemplateObject(["\n    ", " + & {\n        margin-top: ", "px;\n    }\n"], ["\n    ", " + & {\n        margin-top: ", "px;\n    }\n"])), SubTitle, spacings.nudge);
+})(templateObject_7$9 || (templateObject_7$9 = __makeTemplateObject(["\n    ", " + & {\n        margin-top: ", "px;\n    }\n"], ["\n    ", " + & {\n        margin-top: ", "px;\n    }\n"])), SubTitle, spacings.nudge);
 var Fact = forwardRef(function (_a, ref) {
   var _b = _a.isInverted,
       isInverted = _b === void 0 ? false : _b,
@@ -3195,12 +3176,12 @@ var Fact = forwardRef(function (_a, ref) {
       text = _a.text,
       image = _a.image,
       className = _a.className;
-  return React__default.createElement(View$a, {
+  return React__default.createElement(View$6, {
     ref: ref,
     className: className
   }, (image === null || image === void 0 ? void 0 : image.small) && React__default.createElement(ImageContainer$1, {
     isCentered: isCentered
-  }, React__default.createElement(StyledImage$9, {
+  }, React__default.createElement(StyledImage$7, {
     isInverted: isInverted,
     small: image.small,
     medium: image.medium,
@@ -3211,7 +3192,7 @@ var Fact = forwardRef(function (_a, ref) {
     coverSpace: image.coverSpace,
     ratios: image.ratios,
     showPlaceholder: image.showPlaceholder
-  })), React__default.createElement(Content$6, {
+  })), React__default.createElement(Content$5, {
     isCentered: isCentered
   }, title && React__default.createElement(Title$3, {
     type: "copy-b",
@@ -3222,7 +3203,7 @@ var Fact = forwardRef(function (_a, ref) {
     type: "copy-b",
     isInverted: isInverted,
     "data-sheet": "subtitle"
-  }, subTitle), text && React__default.createElement(Text$5, {
+  }, subTitle), text && React__default.createElement(Text$4, {
     type: "copy",
     isInverted: isInverted,
     "data-sheet": "text",
@@ -3230,12 +3211,12 @@ var Fact = forwardRef(function (_a, ref) {
   })));
 });
 Fact.displayName = 'Fact';
-var templateObject_1$H, templateObject_2$y, templateObject_3$t, templateObject_4$q, templateObject_5$m, templateObject_6$h, templateObject_7$d;
+var templateObject_1$u, templateObject_2$q, templateObject_3$m, templateObject_4$j, templateObject_5$g, templateObject_6$c, templateObject_7$9;
 
 var FactFill = styled.div.withConfig({
   displayName: "FactGrid__FactFill",
   componentId: "sc-114y2fo-0"
-})(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n    display: none;\n\n    @media ", " {\n        display: block;\n    }\n"], ["\n    display: none;\n\n    @media ", " {\n        display: block;\n    }\n"])), mq.large);
+})(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n    display: none;\n\n    @media ", " {\n        display: block;\n    }\n"], ["\n    display: none;\n\n    @media ", " {\n        display: block;\n    }\n"])), mq.large);
 
 var FactGrid = function (_a) {
   var anchorId = _a.anchorId,
@@ -3310,16 +3291,16 @@ var FactGrid = function (_a) {
   }))));
 };
 var FactGrid$1 = withLibTheme(FactGrid);
-var templateObject_1$G;
+var templateObject_1$t;
 
 var FactsContainer = styled.ul.withConfig({
   displayName: "FactList__FactsContainer",
   componentId: "sc-elh0vj-0"
-})(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n    padding: 0;\n    margin: 0;\n\n    list-style-type: none;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    padding: 0;\n    margin: 0;\n\n    list-style-type: none;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge);
+})(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n    padding: 0;\n    margin: 0;\n\n    list-style-type: none;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    padding: 0;\n    margin: 0;\n\n    list-style-type: none;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge);
 var FactItem = styled.li.withConfig({
   displayName: "FactList__FactItem",
   componentId: "sc-elh0vj-1"
-})(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n    padding: ", "px;\n\n    background: ", ";\n\n    display: flex;\n    flex-direction: row;\n    align-items: ", ";\n\n    @media ", " {\n        padding: ", "px;\n    }\n"], ["\n    padding: ", "px;\n\n    background: ", ";\n\n    display: flex;\n    flex-direction: row;\n    align-items: ", ";\n\n    @media ", " {\n        padding: ", "px;\n    }\n"])), spacings.nudge * 2, function (_a) {
+})(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n    padding: ", "px;\n\n    background: ", ";\n\n    display: flex;\n    flex-direction: row;\n    align-items: ", ";\n\n    @media ", " {\n        padding: ", "px;\n    }\n"], ["\n    padding: ", "px;\n\n    background: ", ";\n\n    display: flex;\n    flex-direction: row;\n    align-items: ", ";\n\n    @media ", " {\n        padding: ", "px;\n    }\n"])), spacings.nudge * 2, function (_a) {
   var theme = _a.theme,
       hasBack = _a.hasBack;
   return hasBack ? getColors(theme).elementBg.light : getColors(theme).elementBg.medium;
@@ -3330,15 +3311,15 @@ var FactItem = styled.li.withConfig({
 var Icon$4 = styled.img.withConfig({
   displayName: "FactList__Icon",
   componentId: "sc-elh0vj-2"
-})(templateObject_3$s || (templateObject_3$s = __makeTemplateObject(["\n    margin-right: ", "px;\n    display: block;\n    max-width: ", "px;\n\n    @media ", " {\n        margin-right: ", "px;\n    }\n"], ["\n    margin-right: ", "px;\n    display: block;\n    max-width: ", "px;\n\n    @media ", " {\n        margin-right: ", "px;\n    }\n"])), spacings.nudge * 3, spacings.nudge * 5, mq.medium, spacings.spacer);
-var ContentBlock$2 = styled.div.withConfig({
+})(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n    margin-right: ", "px;\n    display: block;\n    max-width: ", "px;\n\n    @media ", " {\n        margin-right: ", "px;\n    }\n"], ["\n    margin-right: ", "px;\n    display: block;\n    max-width: ", "px;\n\n    @media ", " {\n        margin-right: ", "px;\n    }\n"])), spacings.nudge * 3, spacings.nudge * 5, mq.medium, spacings.spacer);
+var ContentBlock = styled.div.withConfig({
   displayName: "FactList__ContentBlock",
   componentId: "sc-elh0vj-3"
-})(templateObject_4$p || (templateObject_4$p = __makeTemplateObject(["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 2);
+})(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 2);
 var Description$2 = styled(Copy).withConfig({
   displayName: "FactList__Description",
   componentId: "sc-elh0vj-4"
-})(templateObject_5$l || (templateObject_5$l = __makeTemplateObject(["\n    max-width: 880px;\n"], ["\n    max-width: 880px;\n"])));
+})(templateObject_5$f || (templateObject_5$f = __makeTemplateObject(["\n    max-width: 880px;\n"], ["\n    max-width: 880px;\n"])));
 
 var FactList = function (_a) {
   var anchorId = _a.anchorId,
@@ -3366,7 +3347,7 @@ var FactList = function (_a) {
     }, icon && React__default.createElement(Icon$4, {
       src: icon.src,
       alt: icon.alt || ''
-    }), React__default.createElement(ContentBlock$2, null, label && React__default.createElement(Copy, {
+    }), React__default.createElement(ContentBlock, null, label && React__default.createElement(Copy, {
       type: "copy-b"
     }, label), text && React__default.createElement(Description$2, {
       type: "copy",
@@ -3375,19 +3356,19 @@ var FactList = function (_a) {
   }))));
 };
 var FactList$1 = withLibTheme(FactList);
-var templateObject_1$F, templateObject_2$x, templateObject_3$s, templateObject_4$p, templateObject_5$l;
+var templateObject_1$s, templateObject_2$p, templateObject_3$l, templateObject_4$i, templateObject_5$f;
 
-var View$9 = styled.div.withConfig({
+var View$5 = styled.div.withConfig({
   displayName: "Feature__View",
   componentId: "sc-d7vugh-0"
-})(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n    min-width: 270px;\n    padding-bottom: ", "px;\n    text-align: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    min-width: 270px;\n    padding-bottom: ", "px;\n    text-align: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge, function (_a) {
+})(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n    min-width: 270px;\n    padding-bottom: ", "px;\n    text-align: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    min-width: 270px;\n    padding-bottom: ", "px;\n    text-align: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge, function (_a) {
   var isCentered = _a.isCentered;
   return isCentered && 'center';
 }, spacings.spacer);
-var TitleLink$1 = styled(Link).withConfig({
+var TitleLink = styled(Link).withConfig({
   displayName: "Feature__TitleLink",
   componentId: "sc-d7vugh-1"
-})(templateObject_3$r || (templateObject_3$r = __makeTemplateObject(["\n    display: inline-block;\n    ", "\n\n    color: ", ";\n    text-decoration: none;\n\n    ", "\n"], ["\n    display: inline-block;\n    ", "\n\n    color: ", ";\n    text-decoration: none;\n\n    ", "\n"])), copyStyle('copy-b', 'big'), function (_a) {
+})(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n    display: inline-block;\n    ", "\n\n    color: ", ";\n    text-decoration: none;\n\n    ", "\n"], ["\n    display: inline-block;\n    ", "\n\n    color: ", ";\n    text-decoration: none;\n\n    ", "\n"])), copyStyle('copy-b', 'big'), function (_a) {
   var theme = _a.theme,
       isInverted = _a.isInverted;
   return isInverted ? getFonts(theme)['copy-b'].big.colorInverted : getFonts(theme)['copy-b'].big.color;
@@ -3395,26 +3376,26 @@ var TitleLink$1 = styled(Link).withConfig({
   var href = _a.href,
       isInverted = _a.isInverted,
       theme = _a.theme;
-  return !href && css(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n            &:hover {\n                color: ", ";\n            }\n        "], ["\n            &:hover {\n                color: ", ";\n            }\n        "])), isInverted ? getFonts(theme)['copy-b'].big.colorInverted : getFonts(theme)['copy-b'].big.color);
+  return !href && css(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n            &:hover {\n                color: ", ";\n            }\n        "], ["\n            &:hover {\n                color: ", ";\n            }\n        "])), isInverted ? getFonts(theme)['copy-b'].big.colorInverted : getFonts(theme)['copy-b'].big.color);
 });
 var ImageContainer = styled(Link).withConfig({
   displayName: "Feature__ImageContainer",
   componentId: "sc-d7vugh-2"
-})(templateObject_4$o || (templateObject_4$o = __makeTemplateObject(["\n    display: flex;\n    justify-content: ", ";\n    width: 100%;\n"], ["\n    display: flex;\n    justify-content: ", ";\n    width: 100%;\n"])), function (_a) {
+})(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n    display: flex;\n    justify-content: ", ";\n    width: 100%;\n"], ["\n    display: flex;\n    justify-content: ", ";\n    width: 100%;\n"])), function (_a) {
   var isCentered = _a.isCentered;
   return isCentered ? 'center' : 'flex-start';
 });
-var StyledImage$8 = styled(Image).withConfig({
+var StyledImage$6 = styled(Image).withConfig({
   displayName: "Feature__StyledImage",
   componentId: "sc-d7vugh-3"
-})(templateObject_5$k || (templateObject_5$k = __makeTemplateObject(["\n    overflow: hidden;\n    border-radius: ", ";\n"], ["\n    overflow: hidden;\n    border-radius: ", ";\n"])), function (_a) {
+})(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n    overflow: hidden;\n    border-radius: ", ";\n"], ["\n    overflow: hidden;\n    border-radius: ", ";\n"])), function (_a) {
   var theme = _a.theme;
   return getGlobals(theme).sections.edgeRadius;
 });
 var ArticleContent = styled.div.withConfig({
   displayName: "Feature__ArticleContent",
   componentId: "sc-d7vugh-4"
-})(templateObject_6$g || (templateObject_6$g = __makeTemplateObject(["\n    text-align: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        & > * {\n            max-width: 95%;\n            margin-right: ", ";\n            margin-left: ", ";\n        }\n    }\n"], ["\n    text-align: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        & > * {\n            max-width: 95%;\n            margin-right: ", ";\n            margin-left: ", ";\n        }\n    }\n"])), function (_a) {
+})(templateObject_6$b || (templateObject_6$b = __makeTemplateObject(["\n    text-align: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        & > * {\n            max-width: 95%;\n            margin-right: ", ";\n            margin-left: ", ";\n        }\n    }\n"], ["\n    text-align: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        & > * {\n            max-width: 95%;\n            margin-right: ", ";\n            margin-left: ", ";\n        }\n    }\n"])), function (_a) {
   var isCentered = _a.isCentered;
   return isCentered && 'center';
 }, spacings.nudge * 2, mq.medium, function (_a) {
@@ -3424,10 +3405,10 @@ var ArticleContent = styled.div.withConfig({
   var isCentered = _a.isCentered;
   return isCentered && 'auto';
 });
-var Action$1 = styled.div.withConfig({
+var Action = styled.div.withConfig({
   displayName: "Feature__Action",
   componentId: "sc-d7vugh-5"
-})(templateObject_7$c || (templateObject_7$c = __makeTemplateObject(["\n    max-width: 100%;\n"], ["\n    max-width: 100%;\n"])));
+})(templateObject_7$8 || (templateObject_7$8 = __makeTemplateObject(["\n    max-width: 100%;\n"], ["\n    max-width: 100%;\n"])));
 var Feature = forwardRef(function (_a, ref) {
   var title = _a.title,
       description = _a.description,
@@ -3441,13 +3422,13 @@ var Feature = forwardRef(function (_a, ref) {
       isCentered = _c === void 0 ? false : _c,
       action = _a.action,
       className = _a.className;
-  return React__default.createElement(View$9, {
+  return React__default.createElement(View$5, {
     ref: ref,
     isCentered: isCentered,
     className: className
   }, (image === null || image === void 0 ? void 0 : image.small) && React__default.createElement(ImageContainer, __assign({}, link, {
     isCentered: isCentered
-  }), React__default.createElement(StyledImage$8, {
+  }), React__default.createElement(StyledImage$6, {
     small: image.small,
     medium: image.medium,
     semilarge: image.semilarge,
@@ -3457,7 +3438,7 @@ var Feature = forwardRef(function (_a, ref) {
     ratios: image.ratios,
     coverSpace: image.coverSpace === undefined ? true : image.coverSpace,
     isInverted: isInverted
-  })), React__default.createElement(TitleLink$1, __assign({}, link, {
+  })), React__default.createElement(TitleLink, __assign({}, link, {
     isInverted: isInverted,
     ariaLabel: title,
     "data-sheet": "title"
@@ -3479,10 +3460,10 @@ var Feature = forwardRef(function (_a, ref) {
     isInverted: isInverted,
     innerHTML: text,
     "data-sheet": "text"
-  })), action && React__default.createElement(Action$1, null, action(isInverted)));
+  })), action && React__default.createElement(Action, null, action(isInverted)));
 });
 Feature.displayName = 'Feature';
-var templateObject_1$E, templateObject_2$w, templateObject_3$r, templateObject_4$o, templateObject_5$k, templateObject_6$g, templateObject_7$c;
+var templateObject_1$r, templateObject_2$o, templateObject_3$k, templateObject_4$h, templateObject_5$e, templateObject_6$b, templateObject_7$8;
 
 var FeatureList = function (_a) {
   var anchorId = _a.anchorId,
@@ -3542,10 +3523,10 @@ var FeatureList = function (_a) {
 };
 var FeatureList$1 = withLibTheme(FeatureList);
 
-var StyledImage$7 = styled(Image).withConfig({
+var StyledImage$5 = styled(Image).withConfig({
   displayName: "Gallery__StyledImage",
   componentId: "sc-1c4lgpr-0"
-})(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n    width: 100%;\n    border-radius: ", ";\n    overflow: hidden;\n\n    picture > img {\n        width: 100%;\n        height: 100%;\n    }\n"], ["\n    width: 100%;\n    border-radius: ", ";\n    overflow: hidden;\n\n    picture > img {\n        width: 100%;\n        height: 100%;\n    }\n"])), function (_a) {
+})(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n    width: 100%;\n    border-radius: ", ";\n    overflow: hidden;\n\n    picture > img {\n        width: 100%;\n        height: 100%;\n    }\n"], ["\n    width: 100%;\n    border-radius: ", ";\n    overflow: hidden;\n\n    picture > img {\n        width: 100%;\n        height: 100%;\n    }\n"])), function (_a) {
   var theme = _a.theme;
   return getGlobals(theme).sections.edgeRadius;
 });
@@ -3569,14 +3550,14 @@ var Gallery = function (_a) {
       semilarge: {
         span: img.isFull ? 12 / 12 : 6 / 12
       }
-    }, React__default.createElement(StyledImage$7, __assign({}, img, {
+    }, React__default.createElement(StyledImage$5, __assign({}, img, {
       coverSpace: true,
       isInverted: isInverted
     })));
   }))));
 };
 var Gallery$1 = withLibTheme(Gallery);
-var templateObject_1$D;
+var templateObject_1$q;
 
 var Poster$2 = function (_a) {
   var isInverted = _a.isInverted,
@@ -3633,7 +3614,7 @@ var Poster$2 = function (_a) {
 };
 
 var genHeightStyles$1 = function (isFull) {
-  return css(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n    // Doing some crazy shit to calculate curent navbar height in CSS\n    ", "\n"], ["\n    // Doing some crazy shit to calculate curent navbar height in CSS\n    ", "\n"])), function (_a) {
+  return css(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n    // Doing some crazy shit to calculate curent navbar height in CSS\n    ", "\n"], ["\n    // Doing some crazy shit to calculate curent navbar height in CSS\n    ", "\n"])), function (_a) {
     var theme = _a.theme; // navbar main only
 
     var mainIdent = generateNavbarIdent({
@@ -3671,39 +3652,39 @@ var genHeightStyles$1 = function (isFull) {
     };
 
     var refHeight = isFull ? '100vh' : '80vh';
-    return css(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n            & > ", " {\n                min-height: 500px;\n                height: ", ";\n            }\n\n            // with main navbar element\n            header", " + & {\n                & > ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with main and top navbar elements\n            header", " + & {\n                & > ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with main and bottom navbar elements\n            header", " + & {\n                & > ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with all navbar elements\n            header", " + & {\n                & > ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            @media ", " {\n                // with main navbar element\n                header", " + & {\n                    & > ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n\n                // with main and top navbar elements\n                header", " + & {\n                    & > ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n\n                // with main and bottom navbar elements\n                header", " + & {\n                    & > ", " {\n                        height: calc(\n                            ", " - ", "px\n                        );\n                    }\n                }\n\n                // with all navbar elements\n                header", " + & {\n                    & > ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n            }\n        "], ["\n            & > ", " {\n                min-height: 500px;\n                height: ", ";\n            }\n\n            // with main navbar element\n            header", " + & {\n                & > ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with main and top navbar elements\n            header", " + & {\n                & > ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with main and bottom navbar elements\n            header", " + & {\n                & > ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with all navbar elements\n            header", " + & {\n                & > ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            @media ", " {\n                // with main navbar element\n                header", " + & {\n                    & > ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n\n                // with main and top navbar elements\n                header", " + & {\n                    & > ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n\n                // with main and bottom navbar elements\n                header", " + & {\n                    & > ", " {\n                        height: calc(\n                            ", " - ", "px\n                        );\n                    }\n                }\n\n                // with all navbar elements\n                header", " + & {\n                    & > ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n            }\n        "])), StyledPoster, refHeight, mapToSelector(mainIdent.split('-')), StyledPoster, refHeight, navMainHeight[0], mapToSelector(mainTopIdent.split('-')), StyledPoster, refHeight, navMainTopHeight[0], mapToSelector(mainBottomIdent.split('-')), StyledPoster, refHeight, navMainBottomHeight[0], mapToSelector(fullIdent.split('-')), StyledPoster, refHeight, navFullHeight[0], mq.semilarge, mapToSelector(mainIdent.split('-')), StyledPoster, refHeight, navMainHeight[1], mapToSelector(mainTopIdent.split('-')), StyledPoster, refHeight, navMainTopHeight[1], mapToSelector(mainBottomIdent.split('-')), StyledPoster, refHeight, navMainBottomHeight[1], mapToSelector(fullIdent.split('-')), StyledPoster, refHeight, navFullHeight[1]);
+    return css(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n            & > ", " {\n                min-height: 500px;\n                height: ", ";\n            }\n\n            // with main navbar element\n            header", " + & {\n                & > ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with main and top navbar elements\n            header", " + & {\n                & > ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with main and bottom navbar elements\n            header", " + & {\n                & > ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with all navbar elements\n            header", " + & {\n                & > ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            @media ", " {\n                // with main navbar element\n                header", " + & {\n                    & > ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n\n                // with main and top navbar elements\n                header", " + & {\n                    & > ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n\n                // with main and bottom navbar elements\n                header", " + & {\n                    & > ", " {\n                        height: calc(\n                            ", " - ", "px\n                        );\n                    }\n                }\n\n                // with all navbar elements\n                header", " + & {\n                    & > ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n            }\n        "], ["\n            & > ", " {\n                min-height: 500px;\n                height: ", ";\n            }\n\n            // with main navbar element\n            header", " + & {\n                & > ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with main and top navbar elements\n            header", " + & {\n                & > ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with main and bottom navbar elements\n            header", " + & {\n                & > ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with all navbar elements\n            header", " + & {\n                & > ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            @media ", " {\n                // with main navbar element\n                header", " + & {\n                    & > ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n\n                // with main and top navbar elements\n                header", " + & {\n                    & > ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n\n                // with main and bottom navbar elements\n                header", " + & {\n                    & > ", " {\n                        height: calc(\n                            ", " - ", "px\n                        );\n                    }\n                }\n\n                // with all navbar elements\n                header", " + & {\n                    & > ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n            }\n        "])), StyledPoster, refHeight, mapToSelector(mainIdent.split('-')), StyledPoster, refHeight, navMainHeight[0], mapToSelector(mainTopIdent.split('-')), StyledPoster, refHeight, navMainTopHeight[0], mapToSelector(mainBottomIdent.split('-')), StyledPoster, refHeight, navMainBottomHeight[0], mapToSelector(fullIdent.split('-')), StyledPoster, refHeight, navFullHeight[0], mq.semilarge, mapToSelector(mainIdent.split('-')), StyledPoster, refHeight, navMainHeight[1], mapToSelector(mainTopIdent.split('-')), StyledPoster, refHeight, navMainTopHeight[1], mapToSelector(mainBottomIdent.split('-')), StyledPoster, refHeight, navMainBottomHeight[1], mapToSelector(fullIdent.split('-')), StyledPoster, refHeight, navFullHeight[1]);
   });
 };
 
 var HeaderSection = styled(Section).withConfig({
   displayName: "Header__HeaderSection",
   componentId: "sc-12uexfr-0"
-})(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n    position: relative;\n    ", "\n\n    header + & {\n        ", "\n        ", "\n    }\n"], ["\n    position: relative;\n    ", "\n\n    header + & {\n        ", "\n        ", "\n    }\n"])), genHeightStyles$1(true), withRange([0], 'padding-top'), withRange([0], 'margin-top'));
+})(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n    position: relative;\n    ", "\n\n    header + & {\n        ", "\n        ", "\n    }\n"], ["\n    position: relative;\n    ", "\n\n    header + & {\n        ", "\n        ", "\n    }\n"])), genHeightStyles$1(true), withRange([0], 'padding-top'), withRange([0], 'margin-top'));
 var HeaderSectionSmall = styled(Section).withConfig({
   displayName: "Header__HeaderSectionSmall",
   componentId: "sc-12uexfr-1"
-})(templateObject_4$n || (templateObject_4$n = __makeTemplateObject(["\n    position: relative;\n    ", "\n\n    header + & {\n        ", "\n        ", "\n    }\n"], ["\n    position: relative;\n    ", "\n\n    header + & {\n        ", "\n        ", "\n    }\n"])), genHeightStyles$1(false), withRange([0], 'padding-top'), withRange([0], 'margin-top'));
+})(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n    position: relative;\n    ", "\n\n    header + & {\n        ", "\n        ", "\n    }\n"], ["\n    position: relative;\n    ", "\n\n    header + & {\n        ", "\n        ", "\n    }\n"])), genHeightStyles$1(false), withRange([0], 'padding-top'), withRange([0], 'margin-top'));
 var StyledPoster = styled(Poster$2).withConfig({
   displayName: "Header__StyledPoster",
   componentId: "sc-12uexfr-2"
-})(templateObject_5$j || (templateObject_5$j = __makeTemplateObject(["\n    position: relative;\n    height: 100vh;\n    max-height: 1300px;\n    max-width: ", "px;\n    margin: 0 auto;\n"], ["\n    position: relative;\n    height: 100vh;\n    max-height: 1300px;\n    max-width: ", "px;\n    margin: 0 auto;\n"])), spacings.wrapperLarge);
+})(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n    position: relative;\n    height: 100vh;\n    max-height: 1300px;\n    max-width: ", "px;\n    margin: 0 auto;\n"], ["\n    position: relative;\n    height: 100vh;\n    max-height: 1300px;\n    max-width: ", "px;\n    margin: 0 auto;\n"])), spacings.wrapperLarge);
 var Overlay$1 = styled.div.withConfig({
   displayName: "Header__Overlay",
   componentId: "sc-12uexfr-3"
-})(templateObject_6$f || (templateObject_6$f = __makeTemplateObject(["\n    display: ", ";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: ", ";\n    z-index: 2;\n\n    @media ", " {\n        display: block;\n    }\n"], ["\n    display: ", ";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: ", ";\n    z-index: 2;\n\n    @media ", " {\n        display: block;\n    }\n"])), function (_a) {
+})(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n    display: ", ";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: ", ";\n    z-index: 2;\n\n    @media ", " {\n        display: block;\n    }\n"], ["\n    display: ", ";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: ", ";\n    z-index: 2;\n\n    @media ", " {\n        display: block;\n    }\n"])), function (_a) {
   var textOnImage = _a.textOnImage;
   return textOnImage ? 'block' : 'none';
 }, function (_a) {
   var bgValue = _a.bgValue;
   return bgValue && bgValue;
 }, mq.medium);
-var Content$5 = styled.div.withConfig({
+var Content$4 = styled.div.withConfig({
   displayName: "Header__Content",
   componentId: "sc-12uexfr-4"
-})(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n    display: none;\n    max-width: ", "px;\n    margin: 0 auto;\n\n    ", "\n\n    @media ", " {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        align-items: ", ";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ", "px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ", "px;\n            max-width: 880px;\n        }\n    }\n"], ["\n    display: none;\n    max-width: ", "px;\n    margin: 0 auto;\n\n    ", "\n\n    @media ", " {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        align-items: ", ";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ", "px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ", "px;\n            max-width: 880px;\n        }\n    }\n"])), spacings.wrapper, function (_a) {
+})(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n    display: none;\n    max-width: ", "px;\n    margin: 0 auto;\n\n    ", "\n\n    @media ", " {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        align-items: ", ";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ", "px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ", "px;\n            max-width: 880px;\n        }\n    }\n"], ["\n    display: none;\n    max-width: ", "px;\n    margin: 0 auto;\n\n    ", "\n\n    @media ", " {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        align-items: ", ";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ", "px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ", "px;\n            max-width: 880px;\n        }\n    }\n"])), spacings.wrapper, function (_a) {
   var textOnImage = _a.textOnImage,
       isCentered = _a.isCentered;
-  return textOnImage && css(templateObject_7$b || (templateObject_7$b = __makeTemplateObject(["\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            align-items: ", ";\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            left: 0;\n            padding: ", "px;\n            z-index: 2;\n\n            & > * {\n                margin-top: ", "px;\n                max-width: 880px;\n            }\n        "], ["\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            align-items: ", ";\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            left: 0;\n            padding: ", "px;\n            z-index: 2;\n\n            & > * {\n                margin-top: ", "px;\n                max-width: 880px;\n            }\n        "])), isCentered && 'center', spacings.spacer, spacings.spacer);
+  return textOnImage && css(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            align-items: ", ";\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            left: 0;\n            padding: ", "px;\n            z-index: 2;\n\n            & > * {\n                margin-top: ", "px;\n                max-width: 880px;\n            }\n        "], ["\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            align-items: ", ";\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            left: 0;\n            padding: ", "px;\n            z-index: 2;\n\n            & > * {\n                margin-top: ", "px;\n                max-width: 880px;\n            }\n        "])), isCentered && 'center', spacings.spacer, spacings.spacer);
 }, mq.medium, function (_a) {
   var isCentered = _a.isCentered;
   return isCentered && 'center';
@@ -3711,18 +3692,18 @@ var Content$5 = styled.div.withConfig({
 var ContentMobile = styled.div.withConfig({
   displayName: "Header__ContentMobile",
   componentId: "sc-12uexfr-5"
-})(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n    padding: ", "px ", "px;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        display: none;\n    }\n"], ["\n    padding: ", "px ", "px;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        display: none;\n    }\n"])), spacings.spacer, spacings.nudge * 2, spacings.spacer, mq.medium);
+})(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n    padding: ", "px ", "px;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        display: none;\n    }\n"], ["\n    padding: ", "px ", "px;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        display: none;\n    }\n"])), spacings.spacer, spacings.nudge * 2, spacings.spacer, mq.medium);
 var Title$2 = styled(Heading).withConfig({
   displayName: "Header__Title",
   componentId: "sc-12uexfr-6"
-})(templateObject_10$3 || (templateObject_10$3 = __makeTemplateObject(["\n    text-align: ", ";\n\n    @media ", " {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 3; /* number of lines to show */\n        line-clamp: 3;\n        -webkit-box-orient: vertical;\n    }\n"], ["\n    text-align: ", ";\n\n    @media ", " {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 3; /* number of lines to show */\n        line-clamp: 3;\n        -webkit-box-orient: vertical;\n    }\n"])), function (_a) {
+})(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n    text-align: ", ";\n\n    @media ", " {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 3; /* number of lines to show */\n        line-clamp: 3;\n        -webkit-box-orient: vertical;\n    }\n"], ["\n    text-align: ", ";\n\n    @media ", " {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 3; /* number of lines to show */\n        line-clamp: 3;\n        -webkit-box-orient: vertical;\n    }\n"])), function (_a) {
   var isCentered = _a.isCentered;
   return isCentered && 'center';
 }, mq.medium);
-var Text$4 = styled(Copy).withConfig({
+var Text$3 = styled(Copy).withConfig({
   displayName: "Header__Text",
   componentId: "sc-12uexfr-7"
-})(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject(["\n    text-align: ", ";\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n"], ["\n    text-align: ", ";\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n"])), function (_a) {
+})(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n    text-align: ", ";\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n"], ["\n    text-align: ", ";\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n"])), function (_a) {
   var isCentered = _a.isCentered;
   return isCentered && 'center';
 });
@@ -3784,7 +3765,7 @@ var Header = function (_a) {
   }, hasContent && React__default.createElement(React__default.Fragment, null, React__default.createElement(Overlay$1, {
     bgValue: overlay,
     textOnImage: textOnImage
-  }), React__default.createElement(Content$5, {
+  }), React__default.createElement(Content$4, {
     isCentered: isCentered,
     textOnImage: textOnImage
   }, title && React__default.createElement(Title$2, {
@@ -3793,7 +3774,7 @@ var Header = function (_a) {
     isCentered: isCentered,
     renderAs: titleAs,
     innerHTML: title
-  }), text && React__default.createElement(Text$4, {
+  }), text && React__default.createElement(Text$3, {
     isInverted: true,
     isCentered: isCentered,
     type: "copy-b",
@@ -3809,7 +3790,7 @@ var Header = function (_a) {
     renderAs: titleAs,
     innerHTML: title,
     isInverted: isInverted
-  }), text && React__default.createElement(Text$4, {
+  }), text && React__default.createElement(Text$3, {
     type: "copy-b",
     size: "big",
     isCentered: isCentered,
@@ -3822,12 +3803,12 @@ var Header = function (_a) {
   })));
 };
 var Header$1 = withLibTheme(Header);
-var templateObject_1$C, templateObject_2$v, templateObject_3$q, templateObject_4$n, templateObject_5$j, templateObject_6$f, templateObject_7$b, templateObject_8$4, templateObject_9$3, templateObject_10$3, templateObject_11$2, templateObject_12$1;
+var templateObject_1$p, templateObject_2$n, templateObject_3$j, templateObject_4$g, templateObject_5$d, templateObject_6$a, templateObject_7$7, templateObject_8$2, templateObject_9$2, templateObject_10$2, templateObject_11$1, templateObject_12$1;
 
 var StyledSection = styled(Section).withConfig({
   displayName: "IconList__StyledSection",
   componentId: "sc-10wpi8n-0"
-})(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n    margin: 0 auto;\n\n    @media ", " {\n        margin: ", ";\n\n        text-align: ", ";\n    }\n"], ["\n    margin: 0 auto;\n\n    @media ", " {\n        margin: ", ";\n\n        text-align: ", ";\n    }\n"])), mq.semilarge, function (_a) {
+})(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n    margin: 0 auto;\n\n    @media ", " {\n        margin: ", ";\n\n        text-align: ", ";\n    }\n"], ["\n    margin: 0 auto;\n\n    @media ", " {\n        margin: ", ";\n\n        text-align: ", ";\n    }\n"])), mq.semilarge, function (_a) {
   var isCentered = _a.isCentered;
   return isCentered ? '0 auto' : '0';
 }, function (_a) {
@@ -3837,14 +3818,14 @@ var StyledSection = styled(Section).withConfig({
 var ItemContainer = styled.div.withConfig({
   displayName: "IconList__ItemContainer",
   componentId: "sc-10wpi8n-1"
-})(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    text-align: center;\n\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n\n    @media ", " {\n        justify-content: ", ";\n    }\n"], ["\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    text-align: center;\n\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n\n    @media ", " {\n        justify-content: ", ";\n    }\n"])), spacings.spacer, mq.semilarge, function (_a) {
+})(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    text-align: center;\n\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n\n    @media ", " {\n        justify-content: ", ";\n    }\n"], ["\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    text-align: center;\n\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n\n    @media ", " {\n        justify-content: ", ";\n    }\n"])), spacings.spacer, mq.semilarge, function (_a) {
   var isCentered = _a.isCentered;
   return isCentered ? 'center' : 'flex-start';
 });
 var Items$1 = styled.ul.withConfig({
   displayName: "IconList__Items",
   componentId: "sc-10wpi8n-2"
-})(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n    display: ", ";\n    align-items: center;\n    justify-content: ", ";\n\n    flex-wrap: wrap;\n    padding: 0;\n    margin: 0;\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    list-style: none;\n\n    @media ", " {\n        margin-top: -", "px;\n        margin-left: -", "px;\n\n        & > * {\n            flex: 0 1 auto;\n        }\n    }\n"], ["\n    display: ", ";\n    align-items: center;\n    justify-content: ", ";\n\n    flex-wrap: wrap;\n    padding: 0;\n    margin: 0;\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    list-style: none;\n\n    @media ", " {\n        margin-top: -", "px;\n        margin-left: -", "px;\n\n        & > * {\n            flex: 0 1 auto;\n        }\n    }\n"])), function (_a) {
+})(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n    display: ", ";\n    align-items: center;\n    justify-content: ", ";\n\n    flex-wrap: wrap;\n    padding: 0;\n    margin: 0;\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    list-style: none;\n\n    @media ", " {\n        margin-top: -", "px;\n        margin-left: -", "px;\n\n        & > * {\n            flex: 0 1 auto;\n        }\n    }\n"], ["\n    display: ", ";\n    align-items: center;\n    justify-content: ", ";\n\n    flex-wrap: wrap;\n    padding: 0;\n    margin: 0;\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    list-style: none;\n\n    @media ", " {\n        margin-top: -", "px;\n        margin-left: -", "px;\n\n        & > * {\n            flex: 0 1 auto;\n        }\n    }\n"])), function (_a) {
   var isVisible = _a.isVisible;
   return isVisible ? 'flex' : 'block';
 }, function (_a) {
@@ -3854,7 +3835,7 @@ var Items$1 = styled.ul.withConfig({
 var Item$2 = styled.li.withConfig({
   displayName: "IconList__Item",
   componentId: "sc-10wpi8n-3"
-})(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n    padding-top: ", "px;\n    padding-left: ", "px;\n\n    display: ", ";\n\n    & > img {\n        width: 100%;\n    }\n\n    @media ", " {\n        padding-top: ", "px;\n        padding-left: ", "px;\n\n        & > img {\n            width: auto;\n        }\n    }\n\n    @media ", " {\n        display: ", ";\n    }\n\n    @media ", " {\n        display: ", ";\n    }\n"], ["\n    padding-top: ", "px;\n    padding-left: ", "px;\n\n    display: ", ";\n\n    & > img {\n        width: 100%;\n    }\n\n    @media ", " {\n        padding-top: ", "px;\n        padding-left: ", "px;\n\n        & > img {\n            width: auto;\n        }\n    }\n\n    @media ", " {\n        display: ", ";\n    }\n\n    @media ", " {\n        display: ", ";\n    }\n"])), spacings.nudge * 2, spacings.nudge * 2, function (_a) {
+})(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n    padding-top: ", "px;\n    padding-left: ", "px;\n\n    display: ", ";\n\n    & > img {\n        width: 100%;\n    }\n\n    @media ", " {\n        padding-top: ", "px;\n        padding-left: ", "px;\n\n        & > img {\n            width: auto;\n        }\n    }\n\n    @media ", " {\n        display: ", ";\n    }\n\n    @media ", " {\n        display: ", ";\n    }\n"], ["\n    padding-top: ", "px;\n    padding-left: ", "px;\n\n    display: ", ";\n\n    & > img {\n        width: 100%;\n    }\n\n    @media ", " {\n        padding-top: ", "px;\n        padding-left: ", "px;\n\n        & > img {\n            width: auto;\n        }\n    }\n\n    @media ", " {\n        display: ", ";\n    }\n\n    @media ", " {\n        display: ", ";\n    }\n"])), spacings.nudge * 2, spacings.nudge * 2, function (_a) {
   var index = _a.index,
       isVisible = _a.isVisible;
   return isVisible || index < 6 ? 'block' : 'none';
@@ -3870,15 +3851,15 @@ var Item$2 = styled.li.withConfig({
 var ItemLink = styled(Link).withConfig({
   displayName: "IconList__ItemLink",
   componentId: "sc-10wpi8n-4"
-})(templateObject_5$i || (templateObject_5$i = __makeTemplateObject(["\n    display: block;\n    outline-color: ", ";\n"], ["\n    display: block;\n    outline-color: ", ";\n"])), function (_a) {
+})(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n    display: block;\n    outline-color: ", ";\n"], ["\n    display: block;\n    outline-color: ", ";\n"])), function (_a) {
   var theme = _a.theme,
       isInverted = _a.isInverted;
   return isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default;
 });
-var ShowMore$1 = styled.div.withConfig({
+var ShowMore = styled.div.withConfig({
   displayName: "IconList__ShowMore",
   componentId: "sc-10wpi8n-5"
-})(templateObject_6$e || (templateObject_6$e = __makeTemplateObject(["\n    display: ", ";\n\n    background: none;\n    border: none;\n    text-align: ", ";\n\n    @media ", " {\n        display: ", ";\n    }\n\n    @media ", " {\n        display: ", ";\n    }\n"], ["\n    display: ", ";\n\n    background: none;\n    border: none;\n    text-align: ", ";\n\n    @media ", " {\n        display: ", ";\n    }\n\n    @media ", " {\n        display: ", ";\n    }\n"])), function (_a) {
+})(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n    display: ", ";\n\n    background: none;\n    border: none;\n    text-align: ", ";\n\n    @media ", " {\n        display: ", ";\n    }\n\n    @media ", " {\n        display: ", ";\n    }\n"], ["\n    display: ", ";\n\n    background: none;\n    border: none;\n    text-align: ", ";\n\n    @media ", " {\n        display: ", ";\n    }\n\n    @media ", " {\n        display: ", ";\n    }\n"])), function (_a) {
   var itemCount = _a.itemCount;
   return itemCount && itemCount > 6 ? 'block' : 'none';
 }, function (_a) {
@@ -3894,7 +3875,7 @@ var ShowMore$1 = styled.div.withConfig({
 var StyledActions$4 = styled(Actions).withConfig({
   displayName: "IconList__StyledActions",
   componentId: "sc-10wpi8n-6"
-})(templateObject_7$a || (templateObject_7$a = __makeTemplateObject(["\n    margin-top: ", "px;\n\n    @media ", " {\n        display: block;\n        text-align: ", ";\n    }\n"], ["\n    margin-top: ", "px;\n\n    @media ", " {\n        display: block;\n        text-align: ", ";\n    }\n"])), spacings.spacer, mq.medium, function (_a) {
+})(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n    margin-top: ", "px;\n\n    @media ", " {\n        display: block;\n        text-align: ", ";\n    }\n"], ["\n    margin-top: ", "px;\n\n    @media ", " {\n        display: block;\n        text-align: ", ";\n    }\n"])), spacings.spacer, mq.medium, function (_a) {
   var isCentered = _a.isCentered;
   return isCentered && 'center';
 });
@@ -3963,7 +3944,7 @@ var IconList = function (_a) {
       } : undefined,
       showPlaceholder: showPlaceholder
     })));
-  }))), enableToggle && React__default.createElement(ShowMore$1, {
+  }))), enableToggle && React__default.createElement(ShowMore, {
     isCentered: isCentered,
     itemCount: (items === null || items === void 0 ? void 0 : items.length) || 0
   }, toggle ? toggle({
@@ -3989,12 +3970,12 @@ var IconList = function (_a) {
   })));
 };
 var IconList$1 = withLibTheme(IconList);
-var templateObject_1$B, templateObject_2$u, templateObject_3$p, templateObject_4$m, templateObject_5$i, templateObject_6$e, templateObject_7$a;
+var templateObject_1$o, templateObject_2$m, templateObject_3$i, templateObject_4$f, templateObject_5$c, templateObject_6$9, templateObject_7$6;
 
 var List$2 = styled.ul.withConfig({
   displayName: "IndexList__List",
   componentId: "sc-9my0y5-0"
-})(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    max-width: 880px;\n\n    & > li + li {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > li:first-child {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > li:last-child {\n        border-bottom: 1px solid\n            ", ";\n    }\n"], ["\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    max-width: 880px;\n\n    & > li + li {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > li:first-child {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > li:last-child {\n        border-bottom: 1px solid\n            ", ";\n    }\n"])), function (_a) {
+})(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    max-width: 880px;\n\n    & > li + li {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > li:first-child {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > li:last-child {\n        border-bottom: 1px solid\n            ", ";\n    }\n"], ["\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    max-width: 880px;\n\n    & > li + li {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > li:first-child {\n        border-top: 1px solid\n            ", ";\n    }\n\n    & > li:last-child {\n        border-bottom: 1px solid\n            ", ";\n    }\n"])), function (_a) {
   var theme = _a.theme,
       hasBg = _a.hasBg,
       isInverted = _a.isInverted;
@@ -4013,19 +3994,19 @@ var List$2 = styled.ul.withConfig({
 var ListItem$1 = styled.li.withConfig({
   displayName: "IndexList__ListItem",
   componentId: "sc-9my0y5-1"
-})(templateObject_2$t || (templateObject_2$t = __makeTemplateObject([""], [""])));
+})(templateObject_2$l || (templateObject_2$l = __makeTemplateObject([""], [""])));
 var IndexLink = styled(Link).withConfig({
   displayName: "IndexList__IndexLink",
   componentId: "sc-9my0y5-2"
-})(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    padding: ", "px 0;\n\n    ", "\n"], ["\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    padding: ", "px 0;\n\n    ", "\n"])), spacings.nudge, copyStyle('copy', 'big'));
+})(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    padding: ", "px 0;\n\n    ", "\n"], ["\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    padding: ", "px 0;\n\n    ", "\n"])), spacings.nudge, copyStyle('copy', 'big'));
 var LinkLabel = styled.span.withConfig({
   displayName: "IndexList__LinkLabel",
   componentId: "sc-9my0y5-3"
-})(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n    display: inline-block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n"], ["\n    display: inline-block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n"])));
+})(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n    display: inline-block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n"], ["\n    display: inline-block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n"])));
 var IconWrapper = styled.span.withConfig({
   displayName: "IndexList__IconWrapper",
   componentId: "sc-9my0y5-4"
-})(templateObject_5$h || (templateObject_5$h = __makeTemplateObject(["\n    display: inline-block;\n\n    margin-left: ", "px;\n"], ["\n    display: inline-block;\n\n    margin-left: ", "px;\n"])), spacings.nudge * 2);
+})(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n    display: inline-block;\n\n    margin-left: ", "px;\n"], ["\n    display: inline-block;\n\n    margin-left: ", "px;\n"])), spacings.nudge * 2);
 
 var IndexList = function (_a) {
   var anchorId = _a.anchorId,
@@ -4102,7 +4083,7 @@ var IndexList = function (_a) {
   }))));
 };
 var IndexList$1 = withLibTheme(IndexList);
-var templateObject_1$A, templateObject_2$t, templateObject_3$o, templateObject_4$l, templateObject_5$h;
+var templateObject_1$n, templateObject_2$l, templateObject_3$h, templateObject_4$e, templateObject_5$b;
 
 var Intro$1 = function (_a) {
   var anchorId = _a.anchorId,
@@ -4166,11 +4147,11 @@ var Intro$2 = withLibTheme(Intro$1);
 var MapSection = styled(Section).withConfig({
   displayName: "Map__MapSection",
   componentId: "sc-6qc5jb-0"
-})(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n    position: relative;\n    min-height: 500px;\n    z-index: 0;\n"], ["\n    position: relative;\n    min-height: 500px;\n    z-index: 0;\n"])));
+})(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n    position: relative;\n    min-height: 500px;\n    z-index: 0;\n"], ["\n    position: relative;\n    min-height: 500px;\n    z-index: 0;\n"])));
 var MapContainer$1 = styled.div.withConfig({
   displayName: "Map__MapContainer",
   componentId: "sc-6qc5jb-1"
-})(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n    position: relative;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    z-index: 0;\n\n    height: 100%;\n    min-height: 230px;\n\n    @media ", " {\n        position: absolute;\n        /** \n            calculate width of 6 grid cols (grid width = viewport width without wrapper paddings)\n            and add left or right wrapper padding afterwards\n         */\n        width: calc(\n            ", " + ", "px\n        );\n        left: ", ";\n        right: ", ";\n    }\n\n    @media ", " {\n        width: calc(50% - ", "px ", "px);\n    }\n\n    @media ", " {\n        width: calc(\n            ", "px - ", "px +\n                ", "px\n        );\n\n        left: ", ";\n        right: ", ";\n\n        ", ";\n    }\n"], ["\n    position: relative;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    z-index: 0;\n\n    height: 100%;\n    min-height: 230px;\n\n    @media ", " {\n        position: absolute;\n        /** \n            calculate width of 6 grid cols (grid width = viewport width without wrapper paddings)\n            and add left or right wrapper padding afterwards\n         */\n        width: calc(\n            ", " + ", "px\n        );\n        left: ", ";\n        right: ", ";\n    }\n\n    @media ", " {\n        width: calc(50% - ", "px ", "px);\n    }\n\n    @media ", " {\n        width: calc(\n            ", "px - ", "px +\n                ", "px\n        );\n\n        left: ", ";\n        right: ", ";\n\n        ", ";\n    }\n"])), mq.semilarge, getGridWidth({
+})(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n    position: relative;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    z-index: 0;\n\n    height: 100%;\n    min-height: 230px;\n\n    @media ", " {\n        position: absolute;\n        /** \n            calculate width of 6 grid cols (grid width = viewport width without wrapper paddings)\n            and add left or right wrapper padding afterwards\n         */\n        width: calc(\n            ", " + ", "px\n        );\n        left: ", ";\n        right: ", ";\n    }\n\n    @media ", " {\n        width: calc(50% - ", "px ", "px);\n    }\n\n    @media ", " {\n        width: calc(\n            ", "px - ", "px +\n                ", "px\n        );\n\n        left: ", ";\n        right: ", ";\n\n        ", ";\n    }\n"], ["\n    position: relative;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    z-index: 0;\n\n    height: 100%;\n    min-height: 230px;\n\n    @media ", " {\n        position: absolute;\n        /** \n            calculate width of 6 grid cols (grid width = viewport width without wrapper paddings)\n            and add left or right wrapper padding afterwards\n         */\n        width: calc(\n            ", " + ", "px\n        );\n        left: ", ";\n        right: ", ";\n    }\n\n    @media ", " {\n        width: calc(50% - ", "px ", "px);\n    }\n\n    @media ", " {\n        width: calc(\n            ", "px - ", "px +\n                ", "px\n        );\n\n        left: ", ";\n        right: ", ";\n\n        ", ";\n    }\n"])), mq.semilarge, getGridWidth({
   cols: 6,
   gridWidth: "100% - ".concat(wrapperWhitespace * 2, "px ")
 }), wrapperWhitespace, function (_a) {
@@ -4187,16 +4168,16 @@ var MapContainer$1 = styled.div.withConfig({
   return isMirrored ? '50%' : 'auto';
 }, function (_a) {
   var isMirrored = _a.isMirrored;
-  return css(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n                transform: translateX(\n                    calc(\n                        ", "\n                            (", "px)\n                    )\n                );\n            "], ["\n                transform: translateX(\n                    calc(\n                        ", "\n                            (", "px)\n                    )\n                );\n            "])), isMirrored ? "(100% + ".concat(gridSettings.gutter, "px) - ") : "(-100% - ".concat(gridSettings.gutter, "px) + "), wrapperWhitespace);
+  return css(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n                transform: translateX(\n                    calc(\n                        ", "\n                            (", "px)\n                    )\n                );\n            "], ["\n                transform: translateX(\n                    calc(\n                        ", "\n                            (", "px)\n                    )\n                );\n            "])), isMirrored ? "(100% + ".concat(gridSettings.gutter, "px) - ") : "(-100% - ".concat(gridSettings.gutter, "px) + "), wrapperWhitespace);
 });
 var CardWrapper = styled(Wrapper).withConfig({
   displayName: "Map__CardWrapper",
   componentId: "sc-6qc5jb-2"
-})(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n    pointer-events: none;\n"], ["\n    pointer-events: none;\n"])));
+})(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n    pointer-events: none;\n"], ["\n    pointer-events: none;\n"])));
 var CardContainer = styled.div.withConfig({
   displayName: "Map__CardContainer",
   componentId: "sc-6qc5jb-3"
-})(templateObject_5$g || (templateObject_5$g = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    position: relative;\n    width: 100%;\n    pointer-events: all;\n\n    ", "\n\n    @media ", " {\n        ", "\n    }\n"], ["\n    display: flex;\n    flex-direction: row;\n    position: relative;\n    width: 100%;\n    pointer-events: all;\n\n    ", "\n\n    @media ", " {\n        ", "\n    }\n"])), function (_a) {
+})(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    position: relative;\n    width: 100%;\n    pointer-events: all;\n\n    ", "\n\n    @media ", " {\n        ", "\n    }\n"], ["\n    display: flex;\n    flex-direction: row;\n    position: relative;\n    width: 100%;\n    pointer-events: all;\n\n    ", "\n\n    @media ", " {\n        ", "\n    }\n"])), function (_a) {
   var theme = _a.theme;
   return withRange(getGlobals(theme).sections.seperation.padding.default, 'padding-bottom');
 }, mq.semilarge, function (_a) {
@@ -4206,15 +4187,15 @@ var CardContainer = styled.div.withConfig({
 var InfoCardView = styled.div.withConfig({
   displayName: "Map__InfoCardView",
   componentId: "sc-6qc5jb-4"
-})(templateObject_6$d || (templateObject_6$d = __makeTemplateObject(["\n    min-height: 100px;\n    pointer-events: all;\n\n    flex: 1 0 80%;\n    max-width: 80%;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    min-height: 100px;\n    pointer-events: all;\n\n    flex: 1 0 80%;\n    max-width: 80%;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.spacer);
+})(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n    min-height: 100px;\n    pointer-events: all;\n\n    flex: 1 0 80%;\n    max-width: 80%;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    min-height: 100px;\n    pointer-events: all;\n\n    flex: 1 0 80%;\n    max-width: 80%;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.spacer);
 var CardHeader = styled.div.withConfig({
   displayName: "Map__CardHeader",
   componentId: "sc-6qc5jb-5"
-})(templateObject_7$9 || (templateObject_7$9 = __makeTemplateObject(["\n    display: flex;\n"], ["\n    display: flex;\n"])));
+})(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n    display: flex;\n"], ["\n    display: flex;\n"])));
 var ContactList = styled.ul.withConfig({
   displayName: "Map__ContactList",
   componentId: "sc-6qc5jb-6"
-})(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n    padding: 0;\n    list-style-type: none;\n    color: ", ";\n\n    li {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        padding: 0;\n        margin: 0;\n    }\n\n    li + li {\n        margin-top: ", "px;\n    }\n\n    span:first-child {\n        flex: 0 0 30px;\n        max-width: 30px;\n\n        & > * {\n            max-width: 100%;\n        }\n    }\n"], ["\n    padding: 0;\n    list-style-type: none;\n    color: ", ";\n\n    li {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        padding: 0;\n        margin: 0;\n    }\n\n    li + li {\n        margin-top: ", "px;\n    }\n\n    span:first-child {\n        flex: 0 0 30px;\n        max-width: 30px;\n\n        & > * {\n            max-width: 100%;\n        }\n    }\n"])), function (_a) {
+})(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n    padding: 0;\n    list-style-type: none;\n    color: ", ";\n\n    li {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        padding: 0;\n        margin: 0;\n    }\n\n    li + li {\n        margin-top: ", "px;\n    }\n\n    span:first-child {\n        flex: 0 0 30px;\n        max-width: 30px;\n\n        & > * {\n            max-width: 100%;\n        }\n    }\n"], ["\n    padding: 0;\n    list-style-type: none;\n    color: ", ";\n\n    li {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        padding: 0;\n        margin: 0;\n    }\n\n    li + li {\n        margin-top: ", "px;\n    }\n\n    span:first-child {\n        flex: 0 0 30px;\n        max-width: 30px;\n\n        & > * {\n            max-width: 100%;\n        }\n    }\n"])), function (_a) {
   var theme = _a.theme,
       isInverted = _a.isInverted;
   return isInverted ? getColors(theme).text.inverted : getColors(theme).text.default;
@@ -4222,7 +4203,7 @@ var ContactList = styled.ul.withConfig({
 var ContactListLink = styled(Link).withConfig({
   displayName: "Map__ContactListLink",
   componentId: "sc-6qc5jb-7"
-})(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n    display: block;\n\n    ", "\n    color: ", ";\n\n    * + & {\n        margin-left: ", "px;\n    }\n"], ["\n    display: block;\n\n    ", "\n    color: ", ";\n\n    * + & {\n        margin-left: ", "px;\n    }\n"])), copyStyle('copy-b', 'big'), function (_a) {
+})(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n    display: block;\n\n    ", "\n    color: ", ";\n\n    * + & {\n        margin-left: ", "px;\n    }\n"], ["\n    display: block;\n\n    ", "\n    color: ", ";\n\n    * + & {\n        margin-left: ", "px;\n    }\n"])), copyStyle('copy-b', 'big'), function (_a) {
   var theme = _a.theme,
       isInverted = _a.isInverted;
   return isInverted ? getFonts(theme)['copy-b'].big.colorInverted : getFonts(theme)['copy-b'].big.color;
@@ -4230,9 +4211,9 @@ var ContactListLink = styled(Link).withConfig({
 var AddressContainer = styled.div.withConfig({
   displayName: "Map__AddressContainer",
   componentId: "sc-6qc5jb-8"
-})(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n    display: -ms-grid;\n    display: grid;\n\n    ", "\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    display: -ms-grid;\n    display: grid;\n\n    ", "\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"])), function (_a) {
+})(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    display: -ms-grid;\n    display: grid;\n\n    ", "\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    display: -ms-grid;\n    display: grid;\n\n    ", "\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"])), function (_a) {
   var hasIcon = _a.hasIcon;
-  return css(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n        -ms-grid-columns: ", " 1fr;\n        grid-template-columns: ", " 1fr;\n        -ms-grid-rows: ", " 1fr;\n        grid-auto-rows: ", " 1fr;\n    "], ["\n        -ms-grid-columns: ", " 1fr;\n        grid-template-columns: ", " 1fr;\n        -ms-grid-rows: ", " 1fr;\n        grid-auto-rows: ", " 1fr;\n    "])), hasIcon ? 'min-content' : '', hasIcon ? 'min-content' : '', hasIcon ? 'min-content' : '', hasIcon ? 'min-content' : '');
+  return css(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n        -ms-grid-columns: ", " 1fr;\n        grid-template-columns: ", " 1fr;\n        -ms-grid-rows: ", " 1fr;\n        grid-auto-rows: ", " 1fr;\n    "], ["\n        -ms-grid-columns: ", " 1fr;\n        grid-template-columns: ", " 1fr;\n        -ms-grid-rows: ", " 1fr;\n        grid-auto-rows: ", " 1fr;\n    "])), hasIcon ? 'min-content' : '', hasIcon ? 'min-content' : '', hasIcon ? 'min-content' : '', hasIcon ? 'min-content' : '');
 }, spacings.nudge * 2);
 
 var CompanyInfo = function (_a) {
@@ -4478,12 +4459,12 @@ var Map$1 = function (_a) {
   }, React__default.createElement(ArrowLeftGhost, null)))))))));
 };
 var Map$2 = withLibTheme(Map$1);
-var templateObject_1$z, templateObject_2$s, templateObject_3$n, templateObject_4$k, templateObject_5$g, templateObject_6$d, templateObject_7$9, templateObject_8$3, templateObject_9$2, templateObject_10$2, templateObject_11$1, templateObject_12, templateObject_13, templateObject_14;
+var templateObject_1$m, templateObject_2$k, templateObject_3$g, templateObject_4$d, templateObject_5$a, templateObject_6$8, templateObject_7$5, templateObject_8$1, templateObject_9$1, templateObject_10$1, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
 
-var View$8 = styled(Link).withConfig({
+var View$4 = styled(Link).withConfig({
   displayName: "NavBlock__View",
   componentId: "sc-7v33be-0"
-})(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n    display: -ms-grid;\n    display: grid;\n\n    -ms-grid-columns: ", ";\n    grid-template-columns: ", ";\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    cursor: pointer;\n    text-decoration: none;\n    color: ", ";\n\n    outline-color: ", ";\n\n    transition: all ease-in-out 0.2s;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ", ";\n        }\n    }\n"], ["\n    display: -ms-grid;\n    display: grid;\n\n    -ms-grid-columns: ", ";\n    grid-template-columns: ", ";\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    cursor: pointer;\n    text-decoration: none;\n    color: ", ";\n\n    outline-color: ", ";\n\n    transition: all ease-in-out 0.2s;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ", ";\n        }\n    }\n"])), function (_a) {
+})(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n    display: -ms-grid;\n    display: grid;\n\n    -ms-grid-columns: ", ";\n    grid-template-columns: ", ";\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    cursor: pointer;\n    text-decoration: none;\n    color: ", ";\n\n    outline-color: ", ";\n\n    transition: all ease-in-out 0.2s;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ", ";\n        }\n    }\n"], ["\n    display: -ms-grid;\n    display: grid;\n\n    -ms-grid-columns: ", ";\n    grid-template-columns: ", ";\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    cursor: pointer;\n    text-decoration: none;\n    color: ", ";\n\n    outline-color: ", ";\n\n    transition: all ease-in-out 0.2s;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ", ";\n        }\n    }\n"])), function (_a) {
   var hasIcon = _a.hasIcon;
   return hasIcon ? 'min-content 1fr' : '1fr';
 }, function (_a) {
@@ -4505,14 +4486,14 @@ var View$8 = styled(Link).withConfig({
 var MainLabel$2 = styled.div.withConfig({
   displayName: "NavBlock__MainLabel",
   componentId: "sc-7v33be-1"
-})(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    margin-left: ", ";\n"], ["\n    display: flex;\n    align-items: center;\n    margin-left: ", ";\n"])), function (_a) {
+})(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    margin-left: ", ";\n"], ["\n    display: flex;\n    align-items: center;\n    margin-left: ", ";\n"])), function (_a) {
   var hasIcon = _a.hasIcon;
   return hasIcon && "".concat(spacings.nudge * 3, "px");
 });
-var Text$3 = styled(Copy).withConfig({
+var Text$2 = styled(Copy).withConfig({
   displayName: "NavBlock__Text",
   componentId: "sc-7v33be-2"
-})(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n    margin-top: ", "px;\n    margin-left: ", ";\n"], ["\n    margin-top: ", "px;\n    margin-left: ", ";\n"])), function (_a) {
+})(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n    margin-top: ", "px;\n    margin-left: ", ";\n"], ["\n    margin-top: ", "px;\n    margin-left: ", ";\n"])), function (_a) {
   var hasIcon = _a.hasIcon;
   return hasIcon ? spacings.nudge : spacings.nudge * 2;
 }, function (_a) {
@@ -4522,15 +4503,15 @@ var Text$3 = styled(Copy).withConfig({
 var Icon$3 = styled.div.withConfig({
   displayName: "NavBlock__Icon",
   componentId: "sc-7v33be-3"
-})(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n\n    & > * {\n        height: 48px;\n        width: 48px;\n    }\n"], ["\n    display: flex;\n    align-items: center;\n\n    & > * {\n        height: 48px;\n        width: 48px;\n    }\n"])));
+})(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n\n    & > * {\n        height: 48px;\n        width: 48px;\n    }\n"], ["\n    display: flex;\n    align-items: center;\n\n    & > * {\n        height: 48px;\n        width: 48px;\n    }\n"])));
 var Title$1 = styled(Copy).withConfig({
   displayName: "NavBlock__Title",
   componentId: "sc-7v33be-4"
-})(templateObject_5$f || (templateObject_5$f = __makeTemplateObject(["\n    display: inline-block;\n"], ["\n    display: inline-block;\n"])));
+})(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n    display: inline-block;\n"], ["\n    display: inline-block;\n"])));
 var TitleIcon = styled.span.withConfig({
   displayName: "NavBlock__TitleIcon",
   componentId: "sc-7v33be-5"
-})(templateObject_6$c || (templateObject_6$c = __makeTemplateObject(["\n    display: inline-block;\n    margin-left: ", "px;\n\n    @media ", " {\n        margin-left: ", "px;\n    }\n"], ["\n    display: inline-block;\n    margin-left: ", "px;\n\n    @media ", " {\n        margin-left: ", "px;\n    }\n"])), spacings.nudge * 2, mq.medium, spacings.nudge * 3);
+})(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n    display: inline-block;\n    margin-left: ", "px;\n\n    @media ", " {\n        margin-left: ", "px;\n    }\n"], ["\n    display: inline-block;\n    margin-left: ", "px;\n\n    @media ", " {\n        margin-left: ", "px;\n    }\n"])), spacings.nudge * 2, mq.medium, spacings.nudge * 3);
 
 var NavBlock = function (_a) {
   var _b = _a.isInverted,
@@ -4541,7 +4522,7 @@ var NavBlock = function (_a) {
       customIcon = _a.customIcon,
       customTitleIcon = _a.customTitleIcon,
       className = _a.className;
-  return React__default.createElement(View$8, __assign({}, link, {
+  return React__default.createElement(View$4, __assign({}, link, {
     isInverted: isInverted,
     hasIcon: !!customIcon,
     className: className
@@ -4553,23 +4534,23 @@ var NavBlock = function (_a) {
     type: "copy-b"
   }, title, title && customTitleIcon && React__default.createElement(TitleIcon, null, customTitleIcon({
     isInverted: isInverted
-  })))), text && React__default.createElement(React__default.Fragment, null, React__default.createElement("span", null), React__default.createElement(Text$3, {
+  })))), text && React__default.createElement(React__default.Fragment, null, React__default.createElement("span", null), React__default.createElement(Text$2, {
     size: "small",
     isInverted: isInverted,
     innerHTML: text,
     hasIcon: !!customIcon
   })));
 };
-var templateObject_1$y, templateObject_2$r, templateObject_3$m, templateObject_4$j, templateObject_5$f, templateObject_6$c;
+var templateObject_1$l, templateObject_2$j, templateObject_3$f, templateObject_4$c, templateObject_5$9, templateObject_6$7;
 
 var List$1 = styled.ul.withConfig({
   displayName: "NavList__List",
   componentId: "sc-1lrkz0q-0"
-})(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n    margin: 0;\n    margin-top: -", "px;\n    margin-left: -", "px;\n    padding: 0;\n    list-style: none;\n\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    flex-wrap: wrap;\n\n    @media ", " {\n        margin-top: -", "px;\n    }\n"], ["\n    margin: 0;\n    margin-top: -", "px;\n    margin-left: -", "px;\n    padding: 0;\n    list-style: none;\n\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    flex-wrap: wrap;\n\n    @media ", " {\n        margin-top: -", "px;\n    }\n"])), spacings.spacer, spacings.spacer, mq.medium, spacings.spacer * 2);
+})(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n    margin: 0;\n    margin-top: -", "px;\n    margin-left: -", "px;\n    padding: 0;\n    list-style: none;\n\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    flex-wrap: wrap;\n\n    @media ", " {\n        margin-top: -", "px;\n    }\n"], ["\n    margin: 0;\n    margin-top: -", "px;\n    margin-left: -", "px;\n    padding: 0;\n    list-style: none;\n\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    flex-wrap: wrap;\n\n    @media ", " {\n        margin-top: -", "px;\n    }\n"])), spacings.spacer, spacings.spacer, mq.medium, spacings.spacer * 2);
 var ListItem = styled.li.withConfig({
   displayName: "NavList__ListItem",
   componentId: "sc-1lrkz0q-1"
-})(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n    padding-top: ", "px;\n    padding-left: ", "px;\n    flex: 1 0 100%;\n\n    @media ", " {\n        flex: 0 0 50%;\n        max-width: 50%;\n        padding-top: ", "px;\n    }\n\n    @media ", " {\n        flex: 0 0 33.33%;\n        max-width: 33.33%;\n    }\n\n    // print version\n    @media print {\n        flex: 0 0 50%;\n        max-width: 50%;\n        padding-top: ", "px;\n    }\n"], ["\n    padding-top: ", "px;\n    padding-left: ", "px;\n    flex: 1 0 100%;\n\n    @media ", " {\n        flex: 0 0 50%;\n        max-width: 50%;\n        padding-top: ", "px;\n    }\n\n    @media ", " {\n        flex: 0 0 33.33%;\n        max-width: 33.33%;\n    }\n\n    // print version\n    @media print {\n        flex: 0 0 50%;\n        max-width: 50%;\n        padding-top: ", "px;\n    }\n"])), spacings.spacer, spacings.spacer, mq.medium, spacings.spacer * 2, mq.large, spacings.spacer * 2);
+})(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n    padding-top: ", "px;\n    padding-left: ", "px;\n    flex: 1 0 100%;\n\n    @media ", " {\n        flex: 0 0 50%;\n        max-width: 50%;\n        padding-top: ", "px;\n    }\n\n    @media ", " {\n        flex: 0 0 33.33%;\n        max-width: 33.33%;\n    }\n\n    // print version\n    @media print {\n        flex: 0 0 50%;\n        max-width: 50%;\n        padding-top: ", "px;\n    }\n"], ["\n    padding-top: ", "px;\n    padding-left: ", "px;\n    flex: 1 0 100%;\n\n    @media ", " {\n        flex: 0 0 50%;\n        max-width: 50%;\n        padding-top: ", "px;\n    }\n\n    @media ", " {\n        flex: 0 0 33.33%;\n        max-width: 33.33%;\n    }\n\n    // print version\n    @media print {\n        flex: 0 0 50%;\n        max-width: 50%;\n        padding-top: ", "px;\n    }\n"])), spacings.spacer, spacings.spacer, mq.medium, spacings.spacer * 2, mq.large, spacings.spacer * 2);
 
 var NavList = function (_a) {
   var anchorId = _a.anchorId,
@@ -4596,1289 +4577,150 @@ var NavList = function (_a) {
   }))));
 };
 var NavList$1 = withLibTheme(NavList);
-var templateObject_1$x, templateObject_2$q;
+var templateObject_1$k, templateObject_2$i;
 
-var Seperator = styled.div.withConfig({
-  displayName: "NewsAuthorCard__Seperator",
-  componentId: "sc-17dx8qw-0"
-})(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n    border-bottom: solid 1px\n        ", ";\n\n    margin-top: ", "px;\n    margin-bottom: ", "px;\n"], ["\n    border-bottom: solid 1px\n        ", ";\n\n    margin-top: ", "px;\n    margin-bottom: ", "px;\n"])), function (_a) {
+var View$3 = styled.div.withConfig({
+  displayName: "NumberList__View",
+  componentId: "sc-ehx754-0"
+})(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n    text-align: center;\n\n    & > * {\n        margin: 0 auto;\n    }\n\n    @media ", " {\n        text-align: left;\n\n        & > * {\n            margin: 0;\n        }\n    }\n"], ["\n    text-align: center;\n\n    & > * {\n        margin: 0 auto;\n    }\n\n    @media ", " {\n        text-align: left;\n\n        & > * {\n            margin: 0;\n        }\n    }\n"])), mq.semilarge);
+var Icon$2 = styled.img.withConfig({
+  displayName: "NumberList__Icon",
+  componentId: "sc-ehx754-1"
+})(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n    display: block;\n    max-width: 140px;\n    max-height: 140px;\n\n    margin-bottom: ", "px;\n"], ["\n    display: block;\n    max-width: 140px;\n    max-height: 140px;\n\n    margin-bottom: ", "px;\n"])), spacings.nudge * 2);
+var NumberContainer = styled.div.withConfig({
+  displayName: "NumberList__NumberContainer",
+  componentId: "sc-ehx754-2"
+})(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n    max-width: max-content;\n    min-height: 90px;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n\n    @media ", " {\n        min-height: 100px;\n    }\n\n    /* margin-bottom: ", "px; */\n\n    @media ", " {\n        min-height: 120px;\n    }\n"], ["\n    max-width: max-content;\n    min-height: 90px;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n\n    @media ", " {\n        min-height: 100px;\n    }\n\n    /* margin-bottom: ", "px; */\n\n    @media ", " {\n        min-height: 120px;\n    }\n"])), mq.semilarge, spacings.nudge * 2, mq.large);
+var Number = styled(Callout).withConfig({
+  displayName: "NumberList__Number",
+  componentId: "sc-ehx754-3"
+})(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n    max-height: 140px;\n    ", "\n\n    color: ", ";\n"], ["\n    max-height: 140px;\n    ", "\n\n    color: ", ";\n"])), function (_a) {
+  var stringLength = _a.stringLength;
+  return stringLength <= 6 ? withRange([72, 120], 'font-size') : stringLength >= 10 ? withRange([33, 42], 'font-size') : withRange([52, 72], 'font-size');
+}, function (_a) {
   var isInverted = _a.isInverted,
       theme = _a.theme;
-  return isInverted ? getColors(theme).elementBg.light : getColors(theme).elementBg.dark;
-}, function (_a) {
-  var isTop = _a.isTop;
-  return !isTop && spacings.spacer;
-}, function (_a) {
-  var isTop = _a.isTop;
-  return isTop && spacings.spacer;
+  return isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default;
 });
-var AuthorContainer = styled.div.withConfig({
-  displayName: "NewsAuthorCard__AuthorContainer",
-  componentId: "sc-17dx8qw-1"
-})(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        flex-direction: row;\n        justify-content: flex-start;\n        text-align: left;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ", "px;\n        }\n    }\n"], ["\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        flex-direction: row;\n        justify-content: flex-start;\n        text-align: left;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ", "px;\n        }\n    }\n"])), spacings.spacer, mq.medium, spacings.spacer);
-var Avatar = styled.img.withConfig({
-  displayName: "NewsAuthorCard__Avatar",
-  componentId: "sc-17dx8qw-2"
-})(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n    border-radius: 50%; ;\n"], ["\n    border-radius: 50%; ;\n"])));
-var Author = styled.div.withConfig({
-  displayName: "NewsAuthorCard__Author",
-  componentId: "sc-17dx8qw-3"
-})(templateObject_4$i || (templateObject_4$i = __makeTemplateObject([""], [""])));
-var StyledCopy = styled(Copy).withConfig({
-  displayName: "NewsAuthorCard__StyledCopy",
-  componentId: "sc-17dx8qw-4"
-})(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n    text-transform: uppercase;\n    margin-bottom: ", "px;\n"], ["\n    text-transform: uppercase;\n    margin-bottom: ", "px;\n"])), spacings.nudge * 3);
-
-var NewsAuthorCard = function (_a) {
-  var label = _a.label,
-      author = _a.author,
-      avatar = _a.avatar,
+var Label = styled(Heading).withConfig({
+  displayName: "NumberList__Label",
+  componentId: "sc-ehx754-4"
+})(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n    max-width: 80%;\n"], ["\n    max-width: 80%;\n"])));
+
+var IconBlock = function (_a) {
+  var icon = _a.icon,
+      label = _a.label,
+      number = _a.number,
+      isInverted = _a.isInverted;
+  var theme = useContext(ThemeContext);
+  var stringLength = number ? number.length : 0;
+  return React__default.createElement(View$3, null, icon && React__default.createElement(Icon$2, {
+    src: icon.src,
+    alt: icon.alt
+  }), React__default.createElement(NumberContainer, {
+    height: 0
+  }, React__default.createElement(Number, {
+    renderAs: "div",
+    stringLength: stringLength,
+    isInverted: isInverted
+  }, number)), React__default.createElement(Label, {
+    size: "super",
+    textColor: isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default
+  }, label));
+};
+
+var ContentContainer = styled.div.withConfig({
+  displayName: "NumberList__ContentContainer",
+  componentId: "sc-ehx754-5"
+})(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: space-between;\n    flex-wrap: wrap;\n\n    margin: -", "px;\n    margin-top: -", "px;\n\n    @media ", " {\n        margin-top: -", "px;\n    }\n\n    & > * {\n        padding: ", "px;\n        padding-top: ", "px;\n\n        @media ", " {\n            padding-top: ", "px;\n        }\n\n        flex-basis: 100%;\n\n        @media ", " {\n            flex: 0 0 50%;\n        }\n\n        @media ", " {\n            flex: 0 1 33.33%;\n        }\n    }\n"], ["\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: space-between;\n    flex-wrap: wrap;\n\n    margin: -", "px;\n    margin-top: -", "px;\n\n    @media ", " {\n        margin-top: -", "px;\n    }\n\n    & > * {\n        padding: ", "px;\n        padding-top: ", "px;\n\n        @media ", " {\n            padding-top: ", "px;\n        }\n\n        flex-basis: 100%;\n\n        @media ", " {\n            flex: 0 0 50%;\n        }\n\n        @media ", " {\n            flex: 0 1 33.33%;\n        }\n    }\n"])), spacings.spacer, spacings.spacer * 2, mq.semilarge, spacings.spacer, spacings.spacer, spacings.spacer * 2, mq.semilarge, spacings.spacer, mq.semilarge, mq.large);
+
+var NumberList = function (_a) {
+  var anchorId = _a.anchorId,
+      items = _a.items,
       bgMode = _a.bgMode;
-  var colors = useLibTheme().colors;
+  var theme = useContext(ThemeContext);
   var isInverted = bgMode === 'inverted';
   var hasBg = bgMode === 'full';
   return React__default.createElement(Section, {
     addSeperation: true,
-    bgColor: isInverted ? colors.sectionBg.dark : hasBg ? colors.sectionBg.medium : colors.sectionBg.light,
+    anchorId: anchorId,
+    bgColor: isInverted ? getColors(theme).sectionBg.dark : hasBg ? getColors(theme).sectionBg.medium : getColors(theme).sectionBg.light,
     bgMode: mapToBgMode(bgMode, true)
   }, React__default.createElement(Wrapper, {
-    clampWidth: "small",
     addWhitespace: true
-  }, author && React__default.createElement(React__default.Fragment, null, React__default.createElement(Seperator, {
-    isTop: true,
-    isInverted: isInverted
-  }), React__default.createElement(AuthorContainer, null, avatar && React__default.createElement(Avatar, {
-    src: avatar.src,
-    alt: avatar.alt
-  }), React__default.createElement(Author, null, author && React__default.createElement(StyledCopy, {
-    isInverted: isInverted,
-    type: "copy-b"
-  }, label || 'Written By'), React__default.createElement(Heading, {
-    isInverted: isInverted,
-    size: "heading-2"
-  }, author)))), React__default.createElement(Seperator, {
-    isInverted: isInverted
-  })));
+  }, React__default.createElement(ContentContainer, null, items === null || items === void 0 ? void 0 : items.map(function (item, i) {
+    return React__default.createElement(IconBlock, __assign({}, item, {
+      key: i,
+      isInverted: isInverted
+    }));
+  }))));
 };
-var NewsAuthorCard$1 = withLibTheme(NewsAuthorCard);
-var templateObject_1$w, templateObject_2$p, templateObject_3$l, templateObject_4$i, templateObject_5$e;
-
-var View$7 = styled.div.withConfig({
-  displayName: "NewsCard__View",
-  componentId: "sc-ahox9b-0"
-})(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n    position: relative;\n    text-decoration: none;\n    margin: 0;\n    padding: 0;\n"], ["\n    position: relative;\n    text-decoration: none;\n    margin: 0;\n    padding: 0;\n"])));
-var ImageLink = styled(Link).withConfig({
-  displayName: "NewsCard__ImageLink",
-  componentId: "sc-ahox9b-1"
-})(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n    display: block;\n    width: 100%;\n"], ["\n    display: block;\n    width: 100%;\n"])));
-var StyledImage$6 = styled(Image).withConfig({
-  displayName: "NewsCard__StyledImage",
-  componentId: "sc-ahox9b-2"
-})(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n    overflow: hidden;\n    border-radius: ", ";\n"], ["\n    overflow: hidden;\n    border-radius: ", ";\n"])), function (_a) {
-  var theme = _a.theme;
-  return getGlobals(theme).sections.edgeRadius;
-});
-var BorderPlaceholder = styled.div.withConfig({
-  displayName: "NewsCard__BorderPlaceholder",
-  componentId: "sc-ahox9b-3"
-})(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n    border-top: 1px solid\n        ", ";\n"], ["\n    border-top: 1px solid\n        ", ";\n"])), function (_a) {
-  var theme = _a.theme,
-      hasBg = _a.hasBg;
-  return hasBg ? getColors(theme).elementBg.light : getColors(theme).elementBg.medium;
+var NumberList$1 = withLibTheme(NumberList);
+var templateObject_1$j, templateObject_2$h, templateObject_3$e, templateObject_4$b, templateObject_5$8, templateObject_6$6;
+
+var View$2 = styled.section.withConfig({
+  displayName: "ParallaxBackground__View",
+  componentId: "sc-g8idp4-0"
+})(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n    position: relative;\n    width: 100vw;\n    z-index: -1;\n"], ["\n    position: relative;\n    width: 100vw;\n    z-index: -1;\n"])));
+var Parallax = styled.div.withConfig({
+  displayName: "ParallaxBackground__Parallax",
+  componentId: "sc-g8idp4-1"
+})(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    margin-left: 0;\n    width: 100%;\n"], ["\n    position: absolute;\n    top: 0;\n    left: 0;\n    margin-left: 0;\n    width: 100%;\n"])));
+var Content$3 = styled.div.withConfig({
+  displayName: "ParallaxBackground__Content",
+  componentId: "sc-g8idp4-2"
+})(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n    margin-left: ", ";\n    margin-right: ", ";\n\n    width: ", ";\n\n    max-width: ", "px;\n    overflow: hidden;\n\n    & > * {\n        width: ", ";\n    }\n"], ["\n    margin-left: ", ";\n    margin-right: ", ";\n\n    width: ", ";\n\n    max-width: ", "px;\n    overflow: hidden;\n\n    & > * {\n        width: ", ";\n    }\n"])), function (_a) {
+  var hAlign = _a.hAlign;
+  return (hAlign === 'right' || hAlign === 'center') && 'auto';
+}, function (_a) {
+  var hAlign = _a.hAlign;
+  return (hAlign === 'left' || hAlign === 'center') && 'auto';
+}, function (_a) {
+  var contentWidth = _a.contentWidth;
+  return contentWidth ? contentWidth === -1 ? 'auto' : contentWidth * 100 + '%' : undefined;
+}, spacings.wrapperLarge, function (_a) {
+  var contentWidth = _a.contentWidth;
+  return contentWidth !== -1 && '100%';
 });
-var TitleLink = styled(Link).withConfig({
-  displayName: "NewsCard__TitleLink",
-  componentId: "sc-ahox9b-4"
-})(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n    display: inline-block;\n    ", "\n\n    color: ", ";\n    text-decoration: none;\n"], ["\n    display: inline-block;\n    ", "\n\n    color: ", ";\n    text-decoration: none;\n"])), copyStyle('copy-b', 'big'), function (_a) {
-  var theme = _a.theme,
-      isInverted = _a.isInverted;
-  return isInverted ? getFonts(theme)['copy-b'].big.colorInverted : getFonts(theme)['copy-b'].big.color;
+var StyledImage$4 = styled(Image).withConfig({
+  displayName: "ParallaxBackground__StyledImage",
+  componentId: "sc-g8idp4-3"
+})(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n    max-width: ", ";\n    float: ", ";\n    ", "\n"], ["\n    max-width: ", ";\n    float: ", ";\n    ", "\n"])), function (_a) {
+  var coverSpace = _a.coverSpace;
+  return !coverSpace && 'none';
+}, function (_a) {
+  var hAlign = _a.hAlign;
+  return hAlign === 'left' || hAlign === 'right' ? hAlign : undefined;
+}, function (_a) {
+  var coverSpace = _a.coverSpace,
+      hAlign = _a.hAlign;
+  return !coverSpace && hAlign === 'center' && css(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n            transform: translateX(-50%);\n            margin-left: 50%;\n        "], ["\n            transform: translateX(-50%);\n            margin-left: 50%;\n        "])));
 });
-var Head = styled.div.withConfig({
-  displayName: "NewsCard__Head",
-  componentId: "sc-ahox9b-5"
-})(templateObject_6$b || (templateObject_6$b = __makeTemplateObject(["\n    display: flex;\n\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    display: flex;\n\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"])), spacings.nudge * 3, spacings.nudge * 3, spacings.nudge * 3);
-var Tags$1 = styled.div.withConfig({
-  displayName: "NewsCard__Tags",
-  componentId: "sc-ahox9b-6"
-})(templateObject_7$8 || (templateObject_7$8 = __makeTemplateObject(["\n    display: flex;\n    overflow: scroll;\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n        display: none;\n    }\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    display: flex;\n    overflow: scroll;\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n        display: none;\n    }\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"])), spacings.nudge);
-var PublishDate = styled(Copy).withConfig({
-  displayName: "NewsCard__PublishDate",
-  componentId: "sc-ahox9b-7"
-})(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n    &:only-child {\n        margin-left: auto;\n    }\n"], ["\n    &:only-child {\n        margin-left: auto;\n    }\n"])));
-var Main = styled.div.withConfig({
-  displayName: "NewsCard__Main",
-  componentId: "sc-ahox9b-8"
-})(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n    max-width: 95%;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    max-width: 95%;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 3);
-var Text$2 = styled(Copy).withConfig({
-  displayName: "NewsCard__Text",
-  componentId: "sc-ahox9b-9"
-})(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 6; /* number of lines to show */\n    line-clamp: 6;\n    -webkit-box-orient: vertical;\n\n    & > * {\n        margin: 0 !important;\n    }\n\n    & > p:not(:first-of-type) {\n        display: none;\n    }\n\n    & > ul,\n    & > ol,\n    & > table {\n        display: none;\n    }\n"], ["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 6; /* number of lines to show */\n    line-clamp: 6;\n    -webkit-box-orient: vertical;\n\n    & > * {\n        margin: 0 !important;\n    }\n\n    & > p:not(:first-of-type) {\n        display: none;\n    }\n\n    & > ul,\n    & > ol,\n    & > table {\n        display: none;\n    }\n"])));
-var Action = styled.div.withConfig({
-  displayName: "NewsCard__Action",
-  componentId: "sc-ahox9b-10"
-})(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    margin-top: ", "px;\n"], ["\n    margin-top: ", "px;\n"])), spacings.nudge * 3);
-var NewsCard = forwardRef(function (_a, ref) {
-  var tags = _a.tags,
-      onTagClick = _a.onTagClick,
-      publishDate = _a.publishDate,
-      title = _a.title,
-      text = _a.text,
-      image = _a.image,
-      link = _a.link,
-      isInverted = _a.isInverted,
-      action = _a.action,
-      customTag = _a.customTag,
-      className = _a.className,
-      hasBg = _a.hasBg;
-  var globals = useLibTheme().globals;
-  var publishedAt = '';
-
-  if (publishDate) {
-    var formatter = new StatusFormatter(publishDate.getTime(), '', globals.sections.newsDateFormat(publishDate), globals.sections.newsTimeFormat(publishDate), globals.sections.newsLocaleKey);
-    publishedAt = formatter.getFormattedDate();
-  }
 
-  var handleTagClick = function (tag) {
-    return onTagClick ? function (ev) {
-      ev === null || ev === void 0 ? void 0 : ev.preventDefault();
-      onTagClick(tag);
-    } : undefined;
-  };
+var ParallaxBackground = function (_a) {
+  var image = _a.image,
+      _b = _a.hAlign,
+      hAlign = _b === void 0 ? 'left' : _b,
+      _c = _a.contentWidth,
+      contentWidth = _c === void 0 ? 1 : _c,
+      _d = _a.moveRatio,
+      moveRatio = _d === void 0 ? 0.2 : _d,
+      _e = _a.direction,
+      direction = _e === void 0 ? 'up' : _e,
+      className = _a.className;
 
-  var filteredTags = useMemo(function () {
-    return tags === null || tags === void 0 ? void 0 : tags.filter(function (tag) {
-      return tag.name;
-    });
-  }, [tags]);
-  return React__default.createElement(View$7, {
-    ref: ref,
-    className: className
-  }, image ? React__default.createElement(ImageLink, __assign({}, link, {
-    ariaLabel: title
-  }), React__default.createElement(StyledImage$6, __assign({}, image, {
-    coverSpace: true,
-    isInverted: isInverted
-  }))) : React__default.createElement(BorderPlaceholder, {
-    hasBg: hasBg
-  }), React__default.createElement(Head, {
-    "data-sheet": "head"
-  }, isValidArray(filteredTags, false) && React__default.createElement(Tags$1, null, filteredTags.map(function (tag, i) {
-    if (customTag) {
-      return customTag({
-        key: i,
-        name: tag.name || '',
-        isInverted: isInverted,
-        isActive: false,
-        link: tag.link,
-        clickHandler: handleTagClick(tag)
-      });
-    } else {
-      return React__default.createElement(Tag$1, {
-        key: i,
-        isInverted: isInverted,
-        name: tag.name,
-        link: tag.link,
-        onClick: handleTagClick(tag)
-      });
-    }
-  })), publishedAt && React__default.createElement(PublishDate, {
-    size: "small",
-    renderAs: "div",
-    isInverted: isInverted
-  }, publishedAt)), React__default.createElement(Main, null, title && React__default.createElement(TitleLink, __assign({}, link, {
-    ariaLabel: title,
-    isInverted: isInverted,
-    dataSheet: "title"
-  }), title), text && React__default.createElement(Text$2, {
-    isInverted: isInverted,
-    type: "copy",
-    innerHTML: text,
-    "data-sheet": "text",
-    size: "medium"
-  })), action && React__default.createElement(Action, null, action(isInverted)));
-});
-NewsCard.displayName = 'NewsCard';
-var templateObject_1$v, templateObject_2$o, templateObject_3$k, templateObject_4$h, templateObject_5$d, templateObject_6$b, templateObject_7$8, templateObject_8$2, templateObject_9$1, templateObject_10$1, templateObject_11;
+  var _f = useState(false),
+      isLoaded = _f[0],
+      setIsLoaded = _f[1];
 
-var TagContainer = styled.div.withConfig({
-  displayName: "NewsOverview__TagContainer",
-  componentId: "sc-5r2c7-0"
-})(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    &:not(:only-child) {\n        margin-bottom: ", "px;\n    }\n"], ["\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    &:not(:only-child) {\n        margin-bottom: ", "px;\n    }\n"])), spacings.nudge, spacings.nudge, spacings.nudge * 6);
-var TagWrapper$1 = styled.div.withConfig({
-  displayName: "NewsOverview__TagWrapper",
-  componentId: "sc-5r2c7-1"
-})(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n    padding-top: ", "px;\n    padding-left: ", "px;\n"], ["\n    padding-top: ", "px;\n    padding-left: ", "px;\n"])), spacings.nudge, spacings.nudge);
-var News$1 = styled.ul.withConfig({
-  displayName: "NewsOverview__News",
-  componentId: "sc-5r2c7-2"
-})(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n    list-style: none;\n    margin: 0;\n    margin-top: -", "px;\n    margin-left: -", "px;\n    padding: 0;\n\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n\n    flex-wrap: wrap;\n"], ["\n    list-style: none;\n    margin: 0;\n    margin-top: -", "px;\n    margin-left: -", "px;\n    padding: 0;\n\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n\n    flex-wrap: wrap;\n"])), spacings.nudge * 6, spacings.spacer);
-var NewsItem$1 = styled.li.withConfig({
-  displayName: "NewsOverview__NewsItem",
-  componentId: "sc-5r2c7-3"
-})(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n    padding-top: ", "px;\n    padding-left: ", "px;\n    flex: 1 0 100%;\n\n    @media ", " {\n        flex: 1 0 50%;\n        max-width: 50%;\n    }\n\n    @media ", " {\n        flex: 1 0 33.33%;\n        max-width: 33.33%;\n    }\n"], ["\n    padding-top: ", "px;\n    padding-left: ", "px;\n    flex: 1 0 100%;\n\n    @media ", " {\n        flex: 1 0 50%;\n        max-width: 50%;\n    }\n\n    @media ", " {\n        flex: 1 0 33.33%;\n        max-width: 33.33%;\n    }\n"])), spacings.nudge * 6, spacings.spacer, mq.medium, mq.large);
-var ListFooter = styled.div.withConfig({
-  displayName: "NewsOverview__ListFooter",
-  componentId: "sc-5r2c7-4"
-})(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n    margin-top: ", "px;\n    text-align: center;\n\n    @media ", " {\n        text-align: left;\n    }\n"], ["\n    margin-top: ", "px;\n    text-align: center;\n\n    @media ", " {\n        text-align: left;\n    }\n"])), spacings.nudge * 6, mq.medium);
-var ShowMore = styled.span.withConfig({
-  displayName: "NewsOverview__ShowMore",
-  componentId: "sc-5r2c7-5"
-})(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n    display: ", ";\n"], ["\n    display: ", ";\n"])), function (_a) {
-  var itemCount = _a.itemCount;
-  return itemCount && itemCount > 2 ? 'block' : 'none';
-});
-var FilterIcon = styled(Copy).withConfig({
-  displayName: "NewsOverview__FilterIcon",
-  componentId: "sc-5r2c7-6"
-})(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    padding: ", "px ", "px 0 0;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    padding: ", "px ", "px 0 0;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"])), spacings.nudge / 2, spacings.nudge, spacings.nudge);
-var getNewsFilterParams = function (url, theme, tags) {
-  if (tags === void 0) {
-    tags = [];
-  }
+  var _g = useState(0),
+      yTransform = _g[0],
+      setYTransform = _g[1]; // const cRef = useRef<HTMLDivElement>(null);
 
-  if (!url) return '';
-  if (!isValidArray(tags, false)) return url;
-  var filterName = theme.globals.sections.newsFilterName;
-  if (!filterName) return url;
 
-  try {
-    var validUrl = new URL(url);
-    var newParams = new URLSearchParams(validUrl.search);
-    newParams.set(filterName, encodeURIComponent(tags.join(',')));
-    return "".concat(url, "?").concat(newParams.toString());
-  } catch (err) {
-    return "".concat(url, "?").concat(filterName, "=").concat(encodeURIComponent(tags.join(',')));
-  }
-};
-
-var NewsOverview = function (_a) {
-  var anchorId = _a.anchorId,
-      news = _a.news,
-      tags = _a.tags,
-      initial = _a.initial,
-      showMoreText = _a.showMoreText,
-      bgMode = _a.bgMode,
-      onTagClick = _a.onTagClick,
-      customTag = _a.customTag;
-
-  var _b = useLibTheme(),
-      colors = _b.colors,
-      globals = _b.globals;
-
-  var filterName = globals.sections.newsFilterName;
-  var isInverted = bgMode === 'inverted';
-  var hasBg = bgMode === 'full';
-
-  var _c = useState((initial === null || initial === void 0 ? void 0 : initial.activeTags) || []),
-      selectedTags = _c[0],
-      setSelectedTags = _c[1];
-
-  var mqs = ['small', 'semilarge', 'large'];
-  var currentMq = useMediaQuery(mqs);
-
-  var _d = useState(3),
-      itemsPerRow = _d[0],
-      setItemsPerRow = _d[1];
-
-  var _e = useState((initial === null || initial === void 0 ? void 0 : initial.visibleRows) || 3),
-      visibleRows = _e[0],
-      setVisibleRows = _e[1];
-
-  var isMounted = useMounted();
-  var targetRef = useRef(null);
-  var observerSupported = useObserverSupport();
-  var newsCount = (news === null || news === void 0 ? void 0 : news.length) || 0;
-  var setNewPos = useScrollTo(800);
-
-  var _f = useEqualSheetHeight({
-    listLength: Math.min(visibleRows * itemsPerRow, newsCount),
-    identifiers: ['[data-sheet="head"]', '[data-sheet="title"]', '[data-sheet="text"]'],
-    responsive: {
-      small: 1,
-      medium: 1,
-      semilarge: 2,
-      large: 3,
-      xlarge: 3
-    }
-  }),
-      cardRefs = _f.sheetRefs,
-      triggerCalculation = _f.triggerCalculation;
-
-  var getFilters = useCallback(function () {
-    var tags = [];
-    var filters = getUrlParams()[filterName];
-
-    if (filters) {
-      var tagsFilter = filters === null || filters === void 0 ? void 0 : filters.split(',');
-
-      if (isValidArray(tagsFilter, false)) {
-        tags.push.apply(tags, tagsFilter);
-      }
-    }
-
-    return tags;
-  }, [filterName]);
-  useEffect(function () {
-    // if initial data is defined exit hook
-    if (initial) return; // if no initial data provied try to find needed params in URL
-
-    var paramTags = getFilters();
-    var paramRows = parseInt(getUrlParams()['rows']);
-    setVisibleRows(paramRows || 3);
-
-    if (isValidArray(paramTags, false)) {
-      setSelectedTags(paramTags);
-    } // trigger equal sheet height recalculation
-
-
-    triggerCalculation(); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [getFilters, initial]);
-  useEffect(function () {
-    var _a;
-
-    if (!initial || isMounted) return; // set inital data into URL
-
-    setUrlParam('rows', (initial === null || initial === void 0 ? void 0 : initial.visibleRows) || 3);
-
-    if (isValidArray(initial === null || initial === void 0 ? void 0 : initial.activeTags, false)) {
-      setUrlParam(filterName, (_a = initial === null || initial === void 0 ? void 0 : initial.activeTags) === null || _a === void 0 ? void 0 : _a.join(','));
-    } else {
-      deleteUrlParam(filterName);
-    }
-  }, [filterName, initial, isMounted]);
-  useUpdateEffect(function () {
-    setUrlParam('rows', visibleRows);
-  }, [visibleRows]);
-  useUpdateEffect(function () {
-    if (onTagClick || !isValidArray(selectedTags)) return; // set filters to URL params
-
-    if (selectedTags.length > 0) {
-      setUrlParam(filterName, selectedTags.join(','));
-    } else {
-      deleteUrlParam(filterName);
-    }
-  }, [selectedTags]);
-  useEffect(function () {
-    switch (currentMq) {
-      case 'large':
-        setItemsPerRow(3);
-        break;
-
-      case 'semilarge':
-        setItemsPerRow(2);
-        break;
-
-      case 'small':
-        setItemsPerRow(1);
-        if (visibleRows < 3) setVisibleRows(3);
-        break;
-
-      default:
-        setItemsPerRow(1);
-    }
-  }, [currentMq, visibleRows]);
-
-  var handleTagClick = function (tag, enableToggling) {
-    if (enableToggling === void 0) {
-      enableToggling = true;
-    }
-
-    setSelectedTags(function (prev) {
-      var prevCopy = __spreadArray([], prev, true);
-
-      var itemIndex = tag.name ? prev.indexOf(tag.name) : -1;
-
-      if (itemIndex === -1 && tag.name) {
-        return __spreadArray(__spreadArray([], prevCopy, true), [tag.name], false);
-      }
-
-      if (enableToggling) {
-        prevCopy.splice(itemIndex, 1);
-        return prevCopy;
-      }
-
-      return prev;
-    }); // trigger equal sheet height recalculation
-
-    triggerCalculation();
-    setVisibleRows(3);
-  };
-
-  var filteredNews = useMemo(function () {
-    var tagFilterFn = function (item) {
-      if (!isValidArray(selectedTags, false)) return true;
-      if (!item.tags) return false;
-      var hasTags = false;
-
-      for (var i = 0; i < item.tags.length; i++) {
-        if (selectedTags.indexOf(item.tags[i].name || '') !== -1) {
-          hasTags = true;
-          break;
-        }
-      }
-
-      return hasTags;
-    };
-
-    var filtered = isValidArray(news) ? __spreadArray([], news, true) : []; // adding filter
-
-    filtered = filtered === null || filtered === void 0 ? void 0 : filtered.filter(tagFilterFn);
-    return filtered;
-  }, [news, selectedTags]);
-  var visibleNews = useMemo(function () {
-    return (filteredNews === null || filteredNews === void 0 ? void 0 : filteredNews.filter(function (_, i) {
-      return i < visibleRows * itemsPerRow;
-    })) || [];
-  }, [filteredNews, itemsPerRow, visibleRows]);
-  useEffect(function () {
-    // cancel if intersection observers are not supported
-    if (!observerSupported) return;
-    var element = targetRef.current;
-    var observer;
-
-    if (element) {
-      var options = {
-        rootMargin: '0px 0px 100px 0px',
-        threshold: 0
-      };
-      observer = new IntersectionObserver(function (entries) {
-        var entry = entries[0];
-
-        if (entry === null || entry === void 0 ? void 0 : entry.isIntersecting) {
-          // on bottom of the wrapper load more news
-          if (visibleRows < Math.ceil(filteredNews.length / itemsPerRow)) {
-            setVisibleRows(function (prev) {
-              return prev + 1;
-            });
-          }
-        }
-      }, options);
-      observer.observe(element);
-    }
-
-    return function () {
-      if (observer) observer.disconnect();
-    };
-  }, [itemsPerRow, newsCount, visibleRows, observerSupported, filteredNews.length]);
-  var filteredTags = useMemo(function () {
-    return tags === null || tags === void 0 ? void 0 : tags.filter(function (tag) {
-      return tag;
-    });
-  }, [tags]);
-  return React__default.createElement(Section, {
-    addSeperation: true,
-    anchorId: anchorId,
-    bgColor: isInverted ? colors.sectionBg.dark : hasBg ? colors.sectionBg.medium : colors.sectionBg.light,
-    bgMode: mapToBgMode(bgMode, true)
-  }, React__default.createElement(Wrapper, {
-    addWhitespace: true
-  }, isValidArray(filteredTags, false) && React__default.createElement(TagContainer, null, React__default.createElement(FilterIcon, {
-    size: "small",
-    type: "copy",
-    isInverted: isInverted
-  }, React__default.createElement(Filter$2, null), React__default.createElement("span", null, "Filter")), filteredTags.map(function (tag, i) {
-    return React__default.createElement(TagWrapper$1, {
-      key: i
-    }, customTag ? customTag({
-      key: i,
-      name: tag,
-      isInverted: isInverted,
-      isActive: selectedTags.indexOf(tag) !== -1,
-      clickHandler: function (ev) {
-        ev === null || ev === void 0 ? void 0 : ev.preventDefault();
-
-        if (!onTagClick) {
-          handleTagClick({
-            name: tag
-          });
-        } else onTagClick({
-          name: tag
-        });
-      }
-    }) : React__default.createElement(Tag$1, {
-      isInverted: isInverted,
-      onClick: function (ev) {
-        ev === null || ev === void 0 ? void 0 : ev.preventDefault();
-
-        if (!onTagClick) {
-          handleTagClick({
-            name: tag
-          });
-        } else onTagClick({
-          name: tag
-        }, false);
-      },
-      isActive: selectedTags.indexOf(tag) !== -1
-    }, tag));
-  })), React__default.createElement(News$1, null, visibleNews.map(function (item, i) {
-    var _a;
-
-    return React__default.createElement(NewsItem$1, {
-      key: "".concat(i, "_news_").concat(item.title)
-    }, React__default.createElement(NewsCard, __assign({
-      hasBg: hasBg || isInverted,
-      ref: cardRefs[i]
-    }, item, {
-      tags: (_a = item.tags) === null || _a === void 0 ? void 0 : _a.map(function (tag) {
-        return {
-          name: tag.name
-        };
-      }),
-      isInverted: isInverted,
-      onTagClick: function (tag) {
-        // scroll back to top
-        setNewPos(0);
-
-        if (!onTagClick) {
-          // if no callback is defined handle filtering on client side inside the component
-          handleTagClick({
-            name: tag.name
-          }, false);
-        } else {
-          onTagClick({
-            name: tag.name
-          }, true);
-        }
-      },
-      customTag: customTag
-    })));
-  })), React__default.createElement("div", {
-    ref: targetRef
-  }), !observerSupported && React__default.createElement(ListFooter, null, news && news.length > 0 && React__default.createElement(Copy, {
-    type: "copy",
-    size: "medium",
-    isInverted: isInverted
-  }, React__default.createElement(ShowMore, {
-    itemCount: news.length,
-    onClick: function (ev) {
-      ev.preventDefault();
-
-      if (visibleRows < Math.ceil(filteredNews.length / itemsPerRow)) {
-        setVisibleRows(function (prev) {
-          return prev + 1;
-        });
-      }
-    }
-  }, visibleRows < filteredNews.length / itemsPerRow && React__default.createElement(Pointer.View, {
-    as: "button",
-    isInverted: isInverted
-  }, React__default.createElement(Pointer.Label, null, showMoreText || 'mehr anzeigen')))))));
-};
-var NewsOverview$1 = withLibTheme(NewsOverview);
-var templateObject_1$u, templateObject_2$n, templateObject_3$j, templateObject_4$g, templateObject_5$c, templateObject_6$a, templateObject_7$7;
-
-var NewsFooter = function (_a) {
-  var anchorId = _a.anchorId,
-      news = _a.news,
-      bgMode = _a.bgMode,
-      customTag = _a.customTag;
-
-  var _b = useLibTheme(),
-      colors = _b.colors,
-      theme = _b.theme;
-
-  var newsCount = (news === null || news === void 0 ? void 0 : news.length) || 0;
-  var isInverted = bgMode === 'inverted';
-  var hasBg = bgMode === 'full';
-  var mqs = ['small', 'semilarge'];
-  var currentMq = useMediaQuery(mqs);
-
-  var _c = useState(2),
-      itemsPerRow = _c[0],
-      setItemsPerRow = _c[1];
-
-  var _d = useState(1),
-      visibleRows = _d[0],
-      setVisibleRows = _d[1];
-
-  var cardRefs = useEqualSheetHeight({
-    listLength: Math.min(visibleRows * itemsPerRow, newsCount),
-    identifiers: ['[data-sheet="head"]', '[data-sheet="title"]', '[data-sheet="text"]'],
-    responsive: {
-      small: 1,
-      medium: 1,
-      semilarge: 2,
-      large: 2,
-      xlarge: 2
-    }
-  }).sheetRefs;
-  useEffect(function () {
-    switch (currentMq) {
-      case 'semilarge':
-        setItemsPerRow(2);
-        break;
-
-      case 'small':
-        setItemsPerRow(1);
-        if (visibleRows < 3) setVisibleRows(3);
-        break;
-
-      default:
-        setItemsPerRow(1);
-    }
-  }, [currentMq, visibleRows]);
-  return React__default.createElement(Section, {
-    addSeperation: true,
-    anchorId: anchorId,
-    bgColor: isInverted ? colors.sectionBg.dark : hasBg ? colors.sectionBg.medium : colors.sectionBg.light,
-    bgMode: mapToBgMode(bgMode, true)
-  }, React__default.createElement(Wrapper, {
-    addWhitespace: true,
-    clampWidth: "small"
-  }, React__default.createElement(Grid.Row, null, news === null || news === void 0 ? void 0 : news.filter(function (_, i) {
-    return i < visibleRows * itemsPerRow;
-  }).map(function (item, i) {
-    var _a;
-
-    return React__default.createElement(Grid.Col, {
-      medium: {
-        span: 6 / 12
-      },
-      key: "".concat(i, "_news_").concat(item.title)
-    }, React__default.createElement(NewsCard, __assign({
-      key: i,
-      ref: cardRefs[i]
-    }, item, {
-      tags: (_a = item.tags) === null || _a === void 0 ? void 0 : _a.map(function (tag) {
-        var _a, _b;
-
-        var tagHref = undefined;
-
-        if (tag.name && ((_a = tag.link) === null || _a === void 0 ? void 0 : _a.href)) {
-          tagHref = getNewsFilterParams(tag.link.href, theme, [tag.name]);
-        }
-
-        return {
-          name: tag.name,
-          link: ((_b = tag.link) === null || _b === void 0 ? void 0 : _b.href) ? __assign(__assign({}, tag.link), {
-            href: tagHref
-          }) : undefined
-        };
-      }),
-      isInverted: isInverted,
-      customTag: customTag
-    })));
-  }))));
-};
-var NewsFooter$1 = withLibTheme(NewsFooter);
-
-var StyledImage$5 = styled(Image).withConfig({
-  displayName: "NewsImages__StyledImage",
-  componentId: "sc-1l72vc0-0"
-})(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n    width: 100%;\n    border-radius: ", ";\n    overflow: hidden;\n\n    picture > img {\n        width: 100%;\n        height: 100%;\n    }\n"], ["\n    width: 100%;\n    border-radius: ", ";\n    overflow: hidden;\n\n    picture > img {\n        width: 100%;\n        height: 100%;\n    }\n"])), function (_a) {
-  var theme = _a.theme;
-  return getGlobals(theme).sections.edgeRadius;
-});
-
-var NewsImages = function (_a) {
-  var _b;
-
-  var anchorId = _a.anchorId,
-      images = _a.images,
-      bgMode = _a.bgMode;
-  var colors = useLibTheme().colors;
-  var isInverted = bgMode === 'inverted';
-  var hasBg = bgMode === 'full';
-  return React__default.createElement(Section, {
-    addSeperation: true,
-    anchorId: anchorId,
-    bgColor: isInverted ? colors.sectionBg.dark : hasBg ? colors.sectionBg.medium : colors.sectionBg.light,
-    bgMode: mapToBgMode(bgMode, true)
-  }, React__default.createElement(Wrapper, {
-    clampWidth: "small",
-    addWhitespace: true
-  }, React__default.createElement(Grid.Row, null, (_b = images === null || images === void 0 ? void 0 : images.filter(function (img) {
-    return img.small;
-  })) === null || _b === void 0 ? void 0 : _b.map(function (img, i) {
-    return React__default.createElement(Grid.Col, {
-      key: i,
-      semilarge: {
-        span: img.isFull ? 12 / 12 : 6 / 12
-      }
-    }, React__default.createElement(StyledImage$5, __assign({}, img, {
-      coverSpace: true,
-      isInverted: isInverted
-    })));
-  }))));
-};
-var NewsImages$1 = withLibTheme(NewsImages);
-var templateObject_1$t;
-
-var Content$4 = styled.div.withConfig({
-  displayName: "NewsIntro__Content",
-  componentId: "sc-zz6rn6-0"
-})(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 3);
-var IntroHead = styled(Copy).withConfig({
-  displayName: "NewsIntro__IntroHead",
-  componentId: "sc-zz6rn6-1"
-})(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n    display: flex;\n\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: space-between;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        flex-direction: row;\n        align-items: center;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ", "px;\n        }\n    }\n"], ["\n    display: flex;\n\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: space-between;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        flex-direction: row;\n        align-items: center;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ", "px;\n        }\n    }\n"])), spacings.nudge * 2, mq.medium, spacings.nudge * 2);
-var Tags = styled.div.withConfig({
-  displayName: "NewsIntro__Tags",
-  componentId: "sc-zz6rn6-2"
-})(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n    flex: 1 1 80%;\n\n    display: flex;\n    flex-wrap: wrap;\n    margin-top: -", "px;\n    margin-left: -", "px;\n"], ["\n    flex: 1 1 80%;\n\n    display: flex;\n    flex-wrap: wrap;\n    margin-top: -", "px;\n    margin-left: -", "px;\n"])), spacings.nudge, spacings.nudge);
-var TagWrapper = styled.span.withConfig({
-  displayName: "NewsIntro__TagWrapper",
-  componentId: "sc-zz6rn6-3"
-})(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n    display: inline-block;\n    padding-top: ", "px;\n    padding-left: ", "px;\n"], ["\n    display: inline-block;\n    padding-top: ", "px;\n    padding-left: ", "px;\n"])), spacings.nudge, spacings.nudge);
-var MetaBlock = styled.div.withConfig({
-  displayName: "NewsIntro__MetaBlock",
-  componentId: "sc-zz6rn6-4"
-})(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n    flex: 1 0 auto;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    align-items: center;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    flex: 1 0 auto;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    align-items: center;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"])), spacings.nudge * 3);
-var StyledTitle = styled(Title$6).withConfig({
-  displayName: "NewsIntro__StyledTitle",
-  componentId: "sc-zz6rn6-5"
-})(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n    max-width: ", ";\n"], ["\n    max-width: ", ";\n"])), function (_a) {
-  var clampTitle = _a.clampTitle;
-  return clampTitle && 13 / 28 * spacings.wrapperSmall + 'px';
-});
-var ContentBlock$1 = styled(Copy).withConfig({
-  displayName: "NewsIntro__ContentBlock",
-  componentId: "sc-zz6rn6-6"
-})(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n    display: block;\n    margin: ", ";\n    max-width: ", ";\n\n    :not(:first-child) {\n        padding-top: ", "px;\n    }\n"], ["\n    display: block;\n    margin: ", ";\n    max-width: ", ";\n\n    :not(:first-child) {\n        padding-top: ", "px;\n    }\n"])), function (_a) {
-  var isCentered = _a.isCentered;
-  return isCentered && '0 auto';
-}, function (_a) {
-  var clampText = _a.clampText;
-  return clampText && 19 / 28 * spacings.wrapper + 'px';
-}, spacings.spacer);
-
-var NewsIntro = function (_a) {
-  var anchorId = _a.anchorId,
-      tags = _a.tags,
-      meta = _a.meta,
-      title = _a.title,
-      text = _a.text,
-      image = _a.image,
-      bgMode = _a.bgMode,
-      customTag = _a.customTag;
-
-  var _b = useLibTheme(),
-      globals = _b.globals,
-      colors = _b.colors,
-      theme = _b.theme;
-
-  var isInverted = bgMode === 'inverted';
-  var hasBg = bgMode === 'full';
-  var publishedAt = '';
-
-  if (meta === null || meta === void 0 ? void 0 : meta.date) {
-    var formatter = new StatusFormatter(meta.date.getTime(), '', globals.sections.newsDateFormat(meta.date), globals.sections.newsTimeFormat(meta.date), globals.sections.newsLocaleKey);
-    publishedAt = formatter.getFormattedDate();
-  }
-
-  return React__default.createElement(Section, {
-    addSeperation: true,
-    anchorId: anchorId,
-    bgColor: isInverted ? colors.sectionBg.dark : hasBg ? colors.sectionBg.medium : colors.sectionBg.light,
-    bgMode: mapToBgMode(bgMode, true)
-  }, React__default.createElement(Wrapper, {
-    clampWidth: "small",
-    addWhitespace: true
-  }, React__default.createElement(Content$4, null, React__default.createElement(IntroHead, {
-    isInverted: isInverted
-  }, React__default.createElement(Tags, null, tags === null || tags === void 0 ? void 0 : tags.map(function (tag, i) {
-    var _a;
-
-    var tagLink = undefined;
-
-    if (tag.name && ((_a = tag.link) === null || _a === void 0 ? void 0 : _a.href)) {
-      tagLink = __assign(__assign({}, tag.link), {
-        href: getNewsFilterParams(tag.link.href, theme, [tag.name])
-      });
-    }
-
-    return React__default.createElement(TagWrapper, {
-      key: "headtag-".concat(i)
-    }, customTag ? customTag({
-      key: "headtag-".concat(i),
-      name: tag.name || '',
-      isInverted: isInverted,
-      isActive: false,
-      link: tagLink
-    }) : React__default.createElement(Tag$1, {
-      link: tagLink,
-      isInverted: isInverted
-    }, tag.name));
-  })), (publishedAt || (meta === null || meta === void 0 ? void 0 : meta.author)) && React__default.createElement(MetaBlock, null, (meta === null || meta === void 0 ? void 0 : meta.author) && React__default.createElement("div", null, meta === null || meta === void 0 ? void 0 : meta.author), publishedAt && React__default.createElement("div", null, publishedAt))), React__default.createElement("div", null, React__default.createElement(StyledTitle, {
-    colorMode: isInverted ? 'inverted' : 'default',
-    title: title
-  }), text && React__default.createElement(ContentBlock$1, {
-    isInverted: isInverted,
-    type: "copy-b",
-    innerHTML: text
-  })), (image === null || image === void 0 ? void 0 : image.small) && React__default.createElement(Image, __assign({}, image, {
-    coverSpace: true,
-    allowEdgeRadius: true,
-    isInverted: isInverted
-  })))));
-};
-var NewsIntro$1 = withLibTheme(NewsIntro);
-var templateObject_1$s, templateObject_2$m, templateObject_3$i, templateObject_4$f, templateObject_5$b, templateObject_6$9, templateObject_7$6;
-
-var News = styled.ul.withConfig({
-  displayName: "NewsList__News",
-  componentId: "sc-sew5jz-0"
-})(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n    list-style: none;\n    margin: 0;\n    margin-top: -", "px;\n    margin-left: -", "px;\n    padding: 0;\n\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n\n    flex-wrap: wrap;\n"], ["\n    list-style: none;\n    margin: 0;\n    margin-top: -", "px;\n    margin-left: -", "px;\n    padding: 0;\n\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n\n    flex-wrap: wrap;\n"])), spacings.nudge * 6, spacings.spacer);
-var NewsItem = styled.li.withConfig({
-  displayName: "NewsList__NewsItem",
-  componentId: "sc-sew5jz-1"
-})(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n    padding-top: ", "px;\n    padding-left: ", "px;\n    flex: 1 0 100%;\n    max-width: 100%;\n\n    @media ", " {\n        flex: 1 0 50%;\n        max-width: 50%;\n    }\n\n    @media ", " {\n        flex: 1 0 33.33%;\n        max-width: 33.33%;\n    }\n"], ["\n    padding-top: ", "px;\n    padding-left: ", "px;\n    flex: 1 0 100%;\n    max-width: 100%;\n\n    @media ", " {\n        flex: 1 0 50%;\n        max-width: 50%;\n    }\n\n    @media ", " {\n        flex: 1 0 33.33%;\n        max-width: 33.33%;\n    }\n"])), spacings.nudge * 6, spacings.spacer, mq.medium, mq.large);
-
-var NewsList = function (_a) {
-  var anchorId = _a.anchorId,
-      _b = _a.mode,
-      mode = _b === void 0 ? 'short' : _b,
-      news = _a.news,
-      bgMode = _a.bgMode,
-      customTag = _a.customTag;
-
-  var _c = useLibTheme(),
-      colors = _c.colors,
-      theme = _c.theme;
-
-  var items = useMemo(function () {
-    if (!news) return [];
-    if (mode === 'expanded') return news.slice(0, 6);else return news.slice(0, 3);
-  }, [news, mode]);
-  var isInverted = bgMode === 'inverted';
-  var hasBg = bgMode === 'full';
-  var cardRefs = useEqualSheetHeight({
-    listLength: items.length,
-    identifiers: ['[data-sheet="head"]', '[data-sheet="title"]', '[data-sheet="text"]'],
-    responsive: {
-      small: 1,
-      medium: 2,
-      semilarge: 2,
-      large: 3,
-      xlarge: 3
-    }
-  }).sheetRefs;
-  return React__default.createElement(Section, {
-    addSeperation: true,
-    anchorId: anchorId,
-    bgColor: isInverted ? colors.sectionBg.dark : hasBg ? colors.sectionBg.medium : colors.sectionBg.light,
-    bgMode: mapToBgMode(bgMode, true)
-  }, React__default.createElement(Wrapper, {
-    addWhitespace: true
-  }, React__default.createElement(News, null, items === null || items === void 0 ? void 0 : items.map(function (item, i) {
-    var _a;
-
-    return React__default.createElement(NewsItem, {
-      key: i
-    }, React__default.createElement(NewsCard, __assign({
-      key: i,
-      ref: cardRefs[i]
-    }, item, {
-      isInverted: isInverted,
-      tags: (_a = item.tags) === null || _a === void 0 ? void 0 : _a.map(function (tag) {
-        var _a, _b;
-
-        var tagHref = undefined;
-
-        if (tag.name && ((_a = tag.link) === null || _a === void 0 ? void 0 : _a.href)) {
-          tagHref = getNewsFilterParams(tag.link.href, theme, [tag.name]);
-        }
-
-        return {
-          name: tag.name,
-          link: ((_b = tag.link) === null || _b === void 0 ? void 0 : _b.href) ? __assign(__assign({}, tag.link), {
-            href: tagHref
-          }) : undefined
-        };
-      }),
-      customTag: customTag
-    })));
-  }))));
-};
-var NewsList$1 = withLibTheme(NewsList);
-var templateObject_1$r, templateObject_2$l;
-
-var TableWrapper$1 = styled(Wrapper).withConfig({
-  displayName: "NewsTable__TableWrapper",
-  componentId: "sc-ph099f-0"
-})(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.spacer);
-
-var NewsTable = function (_a) {
-  var anchorId = _a.anchorId,
-      bgMode = _a.bgMode,
-      tableItems = _a.tableItems;
-  var colors = useLibTheme().colors;
-  var isInverted = bgMode === 'inverted';
-  var hasBg = bgMode === 'full' || isInverted;
-  return React__default.createElement(Section, {
-    addSeperation: true,
-    anchorId: anchorId,
-    bgColor: isInverted ? colors.sectionBg.dark : hasBg ? colors.sectionBg.medium : colors.sectionBg.light,
-    bgMode: mapToBgMode(bgMode, true)
-  }, React__default.createElement(TableWrapper$1, {
-    clampWidth: "small"
-  }, tableItems.map(function (item, i) {
-    return React__default.createElement(TableBlock, __assign({}, item, {
-      key: i,
-      hasBack: hasBg,
-      isInverted: isInverted
-    }));
-  })));
-};
-var NewsTable$1 = withLibTheme(NewsTable);
-var templateObject_1$q;
-
-var ContentBlock = styled(Copy).withConfig({
-  displayName: "NewsText__ContentBlock",
-  componentId: "sc-2vavtq-0"
-})(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n    display: block;\n    margin: ", ";\n    max-width: ", ";\n\n    :not(:first-child) {\n        padding-top: ", "px;\n    }\n"], ["\n    display: block;\n    margin: ", ";\n    max-width: ", ";\n\n    :not(:first-child) {\n        padding-top: ", "px;\n    }\n"])), function (_a) {
-  var isCentered = _a.isCentered;
-  return isCentered && '0 auto';
-}, function (_a) {
-  var clampText = _a.clampText;
-  return clampText && 19 / 28 * spacings.wrapperSmall + 'px';
-}, spacings.nudge * 5);
-
-var NewsText = function (_a) {
-  var anchorId = _a.anchorId,
-      text = _a.text,
-      bgMode = _a.bgMode;
-  var colors = useLibTheme().colors;
-  var isInverted = bgMode === 'inverted';
-  var hasBg = bgMode === 'full';
-  return React__default.createElement(Section, {
-    addSeperation: true,
-    anchorId: anchorId,
-    bgColor: isInverted ? colors.sectionBg.dark : hasBg ? colors.sectionBg.medium : colors.sectionBg.light,
-    bgMode: mapToBgMode(bgMode, true)
-  }, React__default.createElement(Wrapper, {
-    clampWidth: "small",
-    addWhitespace: true
-  }, text && React__default.createElement(ContentBlock, {
-    isInverted: isInverted,
-    type: "copy",
-    innerHTML: text
-  })));
-};
-var NewsText$1 = withLibTheme(NewsText);
-var templateObject_1$p;
-
-var View$6 = styled.div.withConfig({
-  displayName: "VideoCard__View",
-  componentId: "sc-7e1mvm-0"
-})(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n    text-align: center;\n\n    cursor: ", ";\n    position: relative;\n\n    padding-bottom: 56.25%;\n\n    background-image: url('", "');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ", ";\n    overflow: hidden;\n\n    @media ", " {\n        text-align: left;\n\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    &:before {\n        content: ", ";\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background-color: ", ";\n        opacity: ", ";\n\n        pointer-events: none;\n    }\n\n    &:after {\n        content: ", ";\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n"], ["\n    text-align: center;\n\n    cursor: ", ";\n    position: relative;\n\n    padding-bottom: 56.25%;\n\n    background-image: url('", "');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ", ";\n    overflow: hidden;\n\n    @media ", " {\n        text-align: left;\n\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    &:before {\n        content: ", ";\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background-color: ", ";\n        opacity: ", ";\n\n        pointer-events: none;\n    }\n\n    &:after {\n        content: ", ";\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n"])), function (_a) {
-  var onClick = _a.onClick;
-  return onClick && 'pointer';
-}, function (_a) {
-  var bgImage = _a.bgImage;
-  return bgImage ? bgImage.small : '';
-}, function (_a) {
-  var theme = _a.theme;
-  return getGlobals(theme).sections.edgeRadius;
-}, mq.medium, function (_a) {
-  var bgImage = _a.bgImage;
-  return (bgImage === null || bgImage === void 0 ? void 0 : bgImage.medium) && "url(\"".concat(bgImage.medium, "\")");
-}, mq.semilarge, function (_a) {
-  var bgImage = _a.bgImage;
-  return (bgImage === null || bgImage === void 0 ? void 0 : bgImage.semilarge) && "url(\"".concat(bgImage.semilarge, "\")");
-}, mq.large, function (_a) {
-  var bgImage = _a.bgImage;
-  return (bgImage === null || bgImage === void 0 ? void 0 : bgImage.large) && "url(\"".concat(bgImage.large, "\")");
-}, mq.xlarge, function (_a) {
-  var bgImage = _a.bgImage;
-  return (bgImage === null || bgImage === void 0 ? void 0 : bgImage.xlarge) && "url(\"".concat(bgImage.xlarge, "\")");
-}, function (_a) {
-  var isActive = _a.isActive,
-      bgImage = _a.bgImage;
-  return !isActive && bgImage && '""';
-}, function (_a) {
-  var theme = _a.theme;
-  return getColors(theme).elementBg.medium;
-}, function (_a) {
-  var bgImage = _a.bgImage;
-  return bgImage ? '0.3' : '0';
-}, function (_a) {
-  var isActive = _a.isActive,
-      bgImage = _a.bgImage;
-  return !isActive && bgImage && '""';
-});
-var VideoControls$1 = styled.button.withConfig({
-  displayName: "VideoCard__VideoControls",
-  componentId: "sc-7e1mvm-1"
-})(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ", ";\n    z-index: 1;\n    padding: 0;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ", ";\n    }\n\n    ", ":hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ", ":active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n\n    &:focus {\n        outline: 2px solid ", ";\n        border-radius: 50%;\n        opacity: 1;\n\n        & > * {\n            color: ", ";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n"], ["\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ", ";\n    z-index: 1;\n    padding: 0;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ", ";\n    }\n\n    ", ":hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ", ":active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n\n    &:focus {\n        outline: 2px solid ", ";\n        border-radius: 50%;\n        opacity: 1;\n\n        & > * {\n            color: ", ";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n"])), function (_a) {
-  var theme = _a.theme;
-  return getColors(theme).elementBg.light;
-}, function (_a) {
-  var theme = _a.theme;
-  return getColors(theme).elementBg.dark;
-}, View$6, View$6, function (_a) {
-  var theme = _a.theme;
-  return getColors(theme).primary.default;
-}, function (_a) {
-  var theme = _a.theme;
-  return getColors(theme).primary.default;
-});
-var ConsentOverlay = styled.div.withConfig({
-  displayName: "VideoCard__ConsentOverlay",
-  componentId: "sc-7e1mvm-2"
-})(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n    display: ", ";\n    justify-content: center;\n    align-items: center;\n\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n    background-color: rgba(0, 0, 0, 0.6);\n    pointer-events: ", ";\n"], ["\n    display: ", ";\n    justify-content: center;\n    align-items: center;\n\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n    background-color: rgba(0, 0, 0, 0.6);\n    pointer-events: ", ";\n"])), function (_a) {
-  var isVisible = _a.isVisible;
-  return isVisible ? 'flex' : 'none';
-}, function (_a) {
-  var isVisible = _a.isVisible;
-  return isVisible ? 'all' : 'none';
-});
-var ConsentContent = styled.div.withConfig({
-  displayName: "VideoCard__ConsentContent",
-  componentId: "sc-7e1mvm-3"
-})(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n    max-width: 330px;\n    text-align: center;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    max-width: 330px;\n    text-align: center;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 3);
-var ConsentText = styled(Copy).withConfig({
-  displayName: "VideoCard__ConsentText",
-  componentId: "sc-7e1mvm-4"
-})(templateObject_5$a || (templateObject_5$a = __makeTemplateObject([""], [""])));
-var Iframe = styled.iframe.withConfig({
-  displayName: "VideoCard__Iframe",
-  componentId: "sc-7e1mvm-5"
-})(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n\n    border: none;\n"], ["\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n\n    border: none;\n"])));
-
-var VideoCard = function (_a) {
-  var _b;
-
-  var bgImage = _a.bgImage,
-      embedId = _a.embedId,
-      playIcon = _a.playIcon,
-      _c = _a.consentText,
-      consentText = _c === void 0 ? 'Für die Wiedergabe von Videos muss der Nutzung von Cookies & Daten zugestimmt werden.' : _c,
-      consentAction = _a.consentAction,
-      className = _a.className;
-  var globals = useLibTheme().globals;
-
-  var _d = useState(false),
-      isActive = _d[0],
-      setIsActive = _d[1];
-
-  var _e = useState(false),
-      showConsent = _e[0],
-      setShowConsent = _e[1];
-
-  var handlePlayClick = function () {
-    var cookie = getCookie(globals.cookie.name);
-    var isAccepted = globals.cookie.videoCookieTypeRestrictions.reduce(function (acc, current) {
-      var _a, _b;
-
-      if (!acc) return acc;
-      if (!cookie || !(cookie === null || cookie === void 0 ? void 0 : cookie.data.types)) return false; // set acc to false if type is not defined or set to false
-
-      acc = !!((_b = (_a = cookie === null || cookie === void 0 ? void 0 : cookie.data) === null || _a === void 0 ? void 0 : _a.types) === null || _b === void 0 ? void 0 : _b[current]);
-      return acc;
-    }, true);
-
-    if (isAccepted) {
-      setIsActive(true);
-      setShowConsent(false);
-    } else {
-      setShowConsent(true);
-    }
-  };
-
-  var handleConsentActionClick = function () {
-    setShowConsent(false);
-  };
-
-  return React__default.createElement(View$6, {
-    onClick: !showConsent ? handlePlayClick : undefined,
-    bgImage: isActive ? undefined : bgImage,
-    isActive: isActive,
-    className: className
-  }, !isActive && !showConsent && React__default.createElement(VideoControls$1, null, playIcon || React__default.createElement(Play, {
-    iconColor: "#000"
-  })), isActive && React__default.createElement(Iframe, {
-    id: "ytplayer",
-    src: "https://www.youtube.com/embed/".concat(embedId, "?autoplay=1"),
-    allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
-  }), React__default.createElement(ConsentOverlay, {
-    isVisible: showConsent
-  }, React__default.createElement(ConsentContent, null, consentText && React__default.createElement(ConsentText, {
-    isInverted: true
-  }, consentText), consentAction ? consentAction({
-    handleClick: handleConsentActionClick,
-    consentProps: (_b = {}, _b[selectors.buttons.attribute] = '', _b)
-  }) : React__default.createElement(ButtonGhost.View, {
-    as: "button",
-    isInverted: true,
-    onClick: handleConsentActionClick,
-    className: selectors.buttons.class
-  }, React__default.createElement(ButtonGhost.Label, null, "Zustimmung \u00E4ndern")))));
-};
-var templateObject_1$o, templateObject_2$k, templateObject_3$h, templateObject_4$e, templateObject_5$a, templateObject_6$8;
-
-var NewsVideo = function (_a) {
-  var anchorId = _a.anchorId,
-      bgImage = _a.bgImage,
-      embedId = _a.embedId,
-      playIcon = _a.playIcon,
-      consentText = _a.consentText,
-      consentAction = _a.consentAction,
-      bgMode = _a.bgMode;
-  var colors = useLibTheme().colors;
-  var isInverted = bgMode === 'inverted';
-  var hasBg = bgMode === 'full';
-  return React__default.createElement(Section, {
-    addSeperation: true,
-    anchorId: anchorId,
-    bgColor: isInverted ? colors.sectionBg.dark : hasBg ? colors.sectionBg.medium : colors.sectionBg.light,
-    bgMode: mapToBgMode(bgMode, true)
-  }, React__default.createElement(Wrapper, {
-    addWhitespace: true,
-    clampWidth: "small"
-  }, embedId && bgImage && React__default.createElement(VideoCard, {
-    bgImage: bgImage,
-    embedId: embedId,
-    playIcon: playIcon,
-    consentText: consentText,
-    consentAction: consentAction
-  })));
-};
-var NewsVideo$1 = withLibTheme(NewsVideo);
-
-var View$5 = styled.div.withConfig({
-  displayName: "NumberList__View",
-  componentId: "sc-ehx754-0"
-})(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n    text-align: center;\n\n    & > * {\n        margin: 0 auto;\n    }\n\n    @media ", " {\n        text-align: left;\n\n        & > * {\n            margin: 0;\n        }\n    }\n"], ["\n    text-align: center;\n\n    & > * {\n        margin: 0 auto;\n    }\n\n    @media ", " {\n        text-align: left;\n\n        & > * {\n            margin: 0;\n        }\n    }\n"])), mq.semilarge);
-var Icon$2 = styled.img.withConfig({
-  displayName: "NumberList__Icon",
-  componentId: "sc-ehx754-1"
-})(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n    display: block;\n    max-width: 140px;\n    max-height: 140px;\n\n    margin-bottom: ", "px;\n"], ["\n    display: block;\n    max-width: 140px;\n    max-height: 140px;\n\n    margin-bottom: ", "px;\n"])), spacings.nudge * 2);
-var NumberContainer = styled.div.withConfig({
-  displayName: "NumberList__NumberContainer",
-  componentId: "sc-ehx754-2"
-})(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n    max-width: max-content;\n    min-height: 90px;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n\n    @media ", " {\n        min-height: 100px;\n    }\n\n    /* margin-bottom: ", "px; */\n\n    @media ", " {\n        min-height: 120px;\n    }\n"], ["\n    max-width: max-content;\n    min-height: 90px;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n\n    @media ", " {\n        min-height: 100px;\n    }\n\n    /* margin-bottom: ", "px; */\n\n    @media ", " {\n        min-height: 120px;\n    }\n"])), mq.semilarge, spacings.nudge * 2, mq.large);
-var Number = styled(Callout).withConfig({
-  displayName: "NumberList__Number",
-  componentId: "sc-ehx754-3"
-})(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n    max-height: 140px;\n    ", "\n\n    color: ", ";\n"], ["\n    max-height: 140px;\n    ", "\n\n    color: ", ";\n"])), function (_a) {
-  var stringLength = _a.stringLength;
-  return stringLength <= 6 ? withRange([72, 120], 'font-size') : stringLength >= 10 ? withRange([33, 42], 'font-size') : withRange([52, 72], 'font-size');
-}, function (_a) {
-  var isInverted = _a.isInverted,
-      theme = _a.theme;
-  return isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default;
-});
-var Label = styled(Heading).withConfig({
-  displayName: "NumberList__Label",
-  componentId: "sc-ehx754-4"
-})(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n    max-width: 80%;\n"], ["\n    max-width: 80%;\n"])));
-
-var IconBlock = function (_a) {
-  var icon = _a.icon,
-      label = _a.label,
-      number = _a.number,
-      isInverted = _a.isInverted;
-  var theme = useContext(ThemeContext);
-  var stringLength = number ? number.length : 0;
-  return React__default.createElement(View$5, null, icon && React__default.createElement(Icon$2, {
-    src: icon.src,
-    alt: icon.alt
-  }), React__default.createElement(NumberContainer, {
-    height: 0
-  }, React__default.createElement(Number, {
-    renderAs: "div",
-    stringLength: stringLength,
-    isInverted: isInverted
-  }, number)), React__default.createElement(Label, {
-    size: "super",
-    textColor: isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default
-  }, label));
-};
-
-var ContentContainer = styled.div.withConfig({
-  displayName: "NumberList__ContentContainer",
-  componentId: "sc-ehx754-5"
-})(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: space-between;\n    flex-wrap: wrap;\n\n    margin: -", "px;\n    margin-top: -", "px;\n\n    @media ", " {\n        margin-top: -", "px;\n    }\n\n    & > * {\n        padding: ", "px;\n        padding-top: ", "px;\n\n        @media ", " {\n            padding-top: ", "px;\n        }\n\n        flex-basis: 100%;\n\n        @media ", " {\n            flex: 0 0 50%;\n        }\n\n        @media ", " {\n            flex: 0 1 33.33%;\n        }\n    }\n"], ["\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: space-between;\n    flex-wrap: wrap;\n\n    margin: -", "px;\n    margin-top: -", "px;\n\n    @media ", " {\n        margin-top: -", "px;\n    }\n\n    & > * {\n        padding: ", "px;\n        padding-top: ", "px;\n\n        @media ", " {\n            padding-top: ", "px;\n        }\n\n        flex-basis: 100%;\n\n        @media ", " {\n            flex: 0 0 50%;\n        }\n\n        @media ", " {\n            flex: 0 1 33.33%;\n        }\n    }\n"])), spacings.spacer, spacings.spacer * 2, mq.semilarge, spacings.spacer, spacings.spacer, spacings.spacer * 2, mq.semilarge, spacings.spacer, mq.semilarge, mq.large);
-
-var NumberList = function (_a) {
-  var anchorId = _a.anchorId,
-      items = _a.items,
-      bgMode = _a.bgMode;
-  var theme = useContext(ThemeContext);
-  var isInverted = bgMode === 'inverted';
-  var hasBg = bgMode === 'full';
-  return React__default.createElement(Section, {
-    addSeperation: true,
-    anchorId: anchorId,
-    bgColor: isInverted ? getColors(theme).sectionBg.dark : hasBg ? getColors(theme).sectionBg.medium : getColors(theme).sectionBg.light,
-    bgMode: mapToBgMode(bgMode, true)
-  }, React__default.createElement(Wrapper, {
-    addWhitespace: true
-  }, React__default.createElement(ContentContainer, null, items === null || items === void 0 ? void 0 : items.map(function (item, i) {
-    return React__default.createElement(IconBlock, __assign({}, item, {
-      key: i,
-      isInverted: isInverted
-    }));
-  }))));
-};
-var NumberList$1 = withLibTheme(NumberList);
-var templateObject_1$n, templateObject_2$j, templateObject_3$g, templateObject_4$d, templateObject_5$9, templateObject_6$7;
-
-var View$4 = styled.section.withConfig({
-  displayName: "ParallaxBackground__View",
-  componentId: "sc-g8idp4-0"
-})(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n    position: relative;\n    width: 100vw;\n    z-index: -1;\n"], ["\n    position: relative;\n    width: 100vw;\n    z-index: -1;\n"])));
-var Parallax = styled.div.withConfig({
-  displayName: "ParallaxBackground__Parallax",
-  componentId: "sc-g8idp4-1"
-})(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    margin-left: 0;\n    width: 100%;\n"], ["\n    position: absolute;\n    top: 0;\n    left: 0;\n    margin-left: 0;\n    width: 100%;\n"])));
-var Content$3 = styled.div.withConfig({
-  displayName: "ParallaxBackground__Content",
-  componentId: "sc-g8idp4-2"
-})(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n    margin-left: ", ";\n    margin-right: ", ";\n\n    width: ", ";\n\n    max-width: ", "px;\n    overflow: hidden;\n\n    & > * {\n        width: ", ";\n    }\n"], ["\n    margin-left: ", ";\n    margin-right: ", ";\n\n    width: ", ";\n\n    max-width: ", "px;\n    overflow: hidden;\n\n    & > * {\n        width: ", ";\n    }\n"])), function (_a) {
-  var hAlign = _a.hAlign;
-  return (hAlign === 'right' || hAlign === 'center') && 'auto';
-}, function (_a) {
-  var hAlign = _a.hAlign;
-  return (hAlign === 'left' || hAlign === 'center') && 'auto';
-}, function (_a) {
-  var contentWidth = _a.contentWidth;
-  return contentWidth ? contentWidth === -1 ? 'auto' : contentWidth * 100 + '%' : undefined;
-}, spacings.wrapperLarge, function (_a) {
-  var contentWidth = _a.contentWidth;
-  return contentWidth !== -1 && '100%';
-});
-var StyledImage$4 = styled(Image).withConfig({
-  displayName: "ParallaxBackground__StyledImage",
-  componentId: "sc-g8idp4-3"
-})(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n    max-width: ", ";\n    float: ", ";\n    ", "\n"], ["\n    max-width: ", ";\n    float: ", ";\n    ", "\n"])), function (_a) {
-  var coverSpace = _a.coverSpace;
-  return !coverSpace && 'none';
-}, function (_a) {
-  var hAlign = _a.hAlign;
-  return hAlign === 'left' || hAlign === 'right' ? hAlign : undefined;
-}, function (_a) {
-  var coverSpace = _a.coverSpace,
-      hAlign = _a.hAlign;
-  return !coverSpace && hAlign === 'center' && css(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n            transform: translateX(-50%);\n            margin-left: 50%;\n        "], ["\n            transform: translateX(-50%);\n            margin-left: 50%;\n        "])));
-});
-
-var ParallaxBackground = function (_a) {
-  var image = _a.image,
-      _b = _a.hAlign,
-      hAlign = _b === void 0 ? 'left' : _b,
-      _c = _a.contentWidth,
-      contentWidth = _c === void 0 ? 1 : _c,
-      _d = _a.moveRatio,
-      moveRatio = _d === void 0 ? 0.2 : _d,
-      _e = _a.direction,
-      direction = _e === void 0 ? 'up' : _e,
-      className = _a.className;
-
-  var _f = useState(false),
-      isLoaded = _f[0],
-      setIsLoaded = _f[1];
-
-  var _g = useState(0),
-      yTransform = _g[0],
-      setYTransform = _g[1]; // const cRef = useRef<HTMLDivElement>(null);
-
-
-  var _h = useState(null),
-      cRef = _h[0],
-      setContainerRef = _h[1];
+  var _h = useState(null),
+      cRef = _h[0],
+      setContainerRef = _h[1];
 
   var parallaxRef = useRef(null);
   var width = 1;
@@ -5956,7 +4798,7 @@ var ParallaxBackground = function (_a) {
       window.removeEventListener('scroll', handleScroll);
     };
   }, [cRef, direction, moveRatio]);
-  return React__default.createElement(React__default.Fragment, null, isLoaded && React__default.createElement(View$4, {
+  return React__default.createElement(React__default.Fragment, null, isLoaded && React__default.createElement(View$2, {
     ref: setContainerRef,
     "data-bg-ident": "transparent"
   }, React__default.createElement(Parallax, {
@@ -5973,12 +4815,12 @@ var ParallaxBackground = function (_a) {
     coverSpace: width !== -1
   }, image))))));
 };
-var templateObject_1$m, templateObject_2$i, templateObject_3$f, templateObject_4$c, templateObject_5$8;
+var templateObject_1$i, templateObject_2$g, templateObject_3$d, templateObject_4$a, templateObject_5$7;
 
 var Container = styled.figure.withConfig({
   displayName: "Poster__Container",
   componentId: "sc-k1cv7v-0"
-})(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    max-height: 550px;\n    padding: 0;\n    margin: 0;\n\n    &:after {\n        content: ", ";\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background: ", ";\n        pointer-events: none;\n        z-index: 0;\n    }\n"], ["\n    position: relative;\n    width: 100%;\n    max-height: 550px;\n    padding: 0;\n    margin: 0;\n\n    &:after {\n        content: ", ";\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background: ", ";\n        pointer-events: none;\n        z-index: 0;\n    }\n"])), function (_a) {
+})(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    max-height: 550px;\n    padding: 0;\n    margin: 0;\n\n    &:after {\n        content: ", ";\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background: ", ";\n        pointer-events: none;\n        z-index: 0;\n    }\n"], ["\n    position: relative;\n    width: 100%;\n    max-height: 550px;\n    padding: 0;\n    margin: 0;\n\n    &:after {\n        content: ", ";\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background: ", ";\n        pointer-events: none;\n        z-index: 0;\n    }\n"])), function (_a) {
   var hasContent = _a.hasContent;
   return hasContent && '""';
 }, function (_a) {
@@ -5989,11 +4831,11 @@ var Container = styled.figure.withConfig({
 var StyledImage$3 = styled(Image).withConfig({
   displayName: "Poster__StyledImage",
   componentId: "sc-k1cv7v-1"
-})(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n    img {\n        height: 550px;\n    }\n"], ["\n    img {\n        height: 550px;\n    }\n"])));
+})(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n    img {\n        height: 550px;\n    }\n"], ["\n    img {\n        height: 550px;\n    }\n"])));
 var Intro = styled(IntroBlock).withConfig({
   displayName: "Poster__Intro",
   componentId: "sc-k1cv7v-2"
-})(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n    position: absolute;\n    bottom: ", ";\n    top: ", ";\n    left: 50%;\n    right: 0;\n    max-height: 100%;\n    max-width: ", "px;\n\n    padding: ", "px;\n    z-index: 1;\n\n    transform: ", ";\n"], ["\n    position: absolute;\n    bottom: ", ";\n    top: ", ";\n    left: 50%;\n    right: 0;\n    max-height: 100%;\n    max-width: ", "px;\n\n    padding: ", "px;\n    z-index: 1;\n\n    transform: ", ";\n"])), function (_a) {
+})(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n    position: absolute;\n    bottom: ", ";\n    top: ", ";\n    left: 50%;\n    right: 0;\n    max-height: 100%;\n    max-width: ", "px;\n\n    padding: ", "px;\n    z-index: 1;\n\n    transform: ", ";\n"], ["\n    position: absolute;\n    bottom: ", ";\n    top: ", ";\n    left: 50%;\n    right: 0;\n    max-height: 100%;\n    max-width: ", "px;\n\n    padding: ", "px;\n    z-index: 1;\n\n    transform: ", ";\n"])), function (_a) {
   var verticallyCentered = _a.verticallyCentered;
   return !verticallyCentered && '0';
 }, function (_a) {
@@ -6051,16 +4893,16 @@ var Poster = function (_a) {
   }))));
 };
 var Poster$1 = withLibTheme(Poster);
-var templateObject_1$l, templateObject_2$h, templateObject_3$e;
+var templateObject_1$h, templateObject_2$f, templateObject_3$c;
 
 var ItemList = styled.ul.withConfig({
   displayName: "PriceList__ItemList",
   componentId: "sc-to452u-0"
-})(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge);
+})(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge);
 var ItemBlock = styled.li.withConfig({
   displayName: "PriceList__ItemBlock",
   componentId: "sc-to452u-1"
-})(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n    max-width: 100%;\n    padding: ", "px;\n\n    background: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        padding: ", "px;\n    }\n"], ["\n    max-width: 100%;\n    padding: ", "px;\n\n    background: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        padding: ", "px;\n    }\n"])), spacings.nudge * 2, function (_a) {
+})(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n    max-width: 100%;\n    padding: ", "px;\n\n    background: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        padding: ", "px;\n    }\n"], ["\n    max-width: 100%;\n    padding: ", "px;\n\n    background: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        padding: ", "px;\n    }\n"])), spacings.nudge * 2, function (_a) {
   var theme = _a.theme,
       hasBg = _a.hasBg;
   return hasBg ? getColors(theme).elementBg.light : getColors(theme).elementBg.medium;
@@ -6068,19 +4910,19 @@ var ItemBlock = styled.li.withConfig({
 var ListHead = styled.div.withConfig({
   displayName: "PriceList__ListHead",
   componentId: "sc-to452u-2"
-})(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n    display: flex;\n    justify-content: space-between;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    display: flex;\n    justify-content: space-between;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"])), spacings.nudge * 2);
+})(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n    display: flex;\n    justify-content: space-between;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    display: flex;\n    justify-content: space-between;\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"])), spacings.nudge * 2);
 var Title = styled(Copy).withConfig({
   displayName: "PriceList__Title",
   componentId: "sc-to452u-3"
-})(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n    max-width: 880px;\n"], ["\n    max-width: 880px;\n"])));
+})(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n    max-width: 880px;\n"], ["\n    max-width: 880px;\n"])));
 var Price = styled(Copy).withConfig({
   displayName: "PriceList__Price",
   componentId: "sc-to452u-4"
-})(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n    white-space: nowrap;\n"], ["\n    white-space: nowrap;\n"])));
+})(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n    white-space: nowrap;\n"], ["\n    white-space: nowrap;\n"])));
 var Description$1 = styled(Copy).withConfig({
   displayName: "PriceList__Description",
   componentId: "sc-to452u-5"
-})(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n    max-width: 880px;\n"], ["\n    max-width: 880px;\n"])));
+})(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n    max-width: 880px;\n"], ["\n    max-width: 880px;\n"])));
 var PriceBlock = function (_a) {
   var text = _a.text,
       price = _a.price,
@@ -6122,12 +4964,12 @@ var PriceList = function (_a) {
   }))));
 };
 var PriceList$1 = withLibTheme(PriceList);
-var templateObject_1$k, templateObject_2$g, templateObject_3$d, templateObject_4$b, templateObject_5$7, templateObject_6$6;
+var templateObject_1$g, templateObject_2$e, templateObject_3$b, templateObject_4$9, templateObject_5$6, templateObject_6$5;
 
-var View$3 = styled.div.withConfig({
+var View$1 = styled.div.withConfig({
   displayName: "PriceTag__View",
   componentId: "sc-wnisbz-0"
-})(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n    padding: ", "px;\n\n    border: 1px solid transparent;\n    border-radius: ", ";\n\n    background: ", ";\n\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    text-align: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    padding: ", "px;\n\n    border: 1px solid transparent;\n    border-radius: ", ";\n\n    background: ", ";\n\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    text-align: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.spacer, function (_a) {
+})(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n    padding: ", "px;\n\n    border: 1px solid transparent;\n    border-radius: ", ";\n\n    background: ", ";\n\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    text-align: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    padding: ", "px;\n\n    border: 1px solid transparent;\n    border-radius: ", ";\n\n    background: ", ";\n\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    text-align: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.spacer, function (_a) {
   var theme = _a.theme;
   return getGlobals(theme).sections.edgeRadius;
 }, function (_a) {
@@ -6143,7 +4985,7 @@ var View$3 = styled.div.withConfig({
 var StyledActions$3 = styled(Actions).withConfig({
   displayName: "PriceTag__StyledActions",
   componentId: "sc-wnisbz-1"
-})(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n    display: block;\n    margin-top: auto;\n    padding-top: ", "px;\n    text-align: center;\n"], ["\n    display: block;\n    margin-top: auto;\n    padding-top: ", "px;\n    text-align: center;\n"])), spacings.spacer);
+})(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n    display: block;\n    margin-top: auto;\n    padding-top: ", "px;\n    text-align: center;\n"], ["\n    display: block;\n    margin-top: auto;\n    padding-top: ", "px;\n    text-align: center;\n"])), spacings.spacer);
 var PriceTag = forwardRef(function (_a, ref) {
   var superTitle = _a.superTitle,
       title = _a.title,
@@ -6155,7 +4997,7 @@ var PriceTag = forwardRef(function (_a, ref) {
       hasBackground = _a.hasBackground,
       className = _a.className;
   var inverted = isHighlighted ? !isInverted : false;
-  return React__default.createElement(View$3, {
+  return React__default.createElement(View$1, {
     ref: ref,
     isInverted: isInverted,
     isCentered: isCentered,
@@ -6188,16 +5030,16 @@ var PriceTag = forwardRef(function (_a, ref) {
   }));
 });
 PriceTag.displayName = 'PriceTag';
-var templateObject_1$j, templateObject_2$f;
+var templateObject_1$f, templateObject_2$d;
 
 var Tag = styled(PriceTag).withConfig({
   displayName: "PriceTable__Tag",
   componentId: "sc-1n6x4b3-0"
-})(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n    min-height: 500px;\n"], ["\n    min-height: 500px;\n"])));
+})(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n    min-height: 500px;\n"], ["\n    min-height: 500px;\n"])));
 var Items = styled.div.withConfig({
   displayName: "PriceTable__Items",
   componentId: "sc-1n6x4b3-1"
-})(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    & > * {\n        flex: 1 1 25%;\n        min-width: 286px;\n        max-width: 320px;\n        margin-top: ", "px;\n        margin-left: ", "px;\n    }\n\n    @media ", " {\n        & > * {\n            max-width: 286px;\n        }\n    }\n"], ["\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    & > * {\n        flex: 1 1 25%;\n        min-width: 286px;\n        max-width: 320px;\n        margin-top: ", "px;\n        margin-left: ", "px;\n    }\n\n    @media ", " {\n        & > * {\n            max-width: 286px;\n        }\n    }\n"])), gridSettings.gutter, gridSettings.gutter, gridSettings.gutter, gridSettings.gutter, mq.large);
+})(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    & > * {\n        flex: 1 1 25%;\n        min-width: 286px;\n        max-width: 320px;\n        margin-top: ", "px;\n        margin-left: ", "px;\n    }\n\n    @media ", " {\n        & > * {\n            max-width: 286px;\n        }\n    }\n"], ["\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    & > * {\n        flex: 1 1 25%;\n        min-width: 286px;\n        max-width: 320px;\n        margin-top: ", "px;\n        margin-left: ", "px;\n    }\n\n    @media ", " {\n        & > * {\n            max-width: 286px;\n        }\n    }\n"])), gridSettings.gutter, gridSettings.gutter, gridSettings.gutter, gridSettings.gutter, mq.large);
 
 var PriceTable = function (_a) {
   var anchorId = _a.anchorId,
@@ -6238,20 +5080,20 @@ var PriceTable = function (_a) {
   }))));
 };
 var PriceTable$1 = withLibTheme(PriceTable);
-var templateObject_1$i, templateObject_2$e;
+var templateObject_1$e, templateObject_2$c;
 
 var Content$2 = styled.figure.withConfig({
   displayName: "Quote__Content",
   componentId: "sc-135tfv0-0"
-})(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n    margin: 0;\n    padding: 0;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        max-width: 960px;\n        margin: 0 auto;\n    }\n"], ["\n    margin: 0;\n    padding: 0;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        max-width: 960px;\n        margin: 0 auto;\n    }\n"])), spacings.spacer, mq.medium);
+})(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n    margin: 0;\n    padding: 0;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        max-width: 960px;\n        margin: 0 auto;\n    }\n"], ["\n    margin: 0;\n    padding: 0;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        max-width: 960px;\n        margin: 0 auto;\n    }\n"])), spacings.spacer, mq.medium);
 var Text$1 = styled(Callout).withConfig({
   displayName: "Quote__Text",
   componentId: "sc-135tfv0-1"
-})(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n    text-align: center;\n    margin-left: 0;\n    margin-right: 0;\n    padding: 0;\n"], ["\n    text-align: center;\n    margin-left: 0;\n    margin-right: 0;\n    padding: 0;\n"])));
+})(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n    text-align: center;\n    margin-left: 0;\n    margin-right: 0;\n    padding: 0;\n"], ["\n    text-align: center;\n    margin-left: 0;\n    margin-right: 0;\n    padding: 0;\n"])));
 var Source = styled(Copy).withConfig({
   displayName: "Quote__Source",
   componentId: "sc-135tfv0-2"
-})(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n    text-align: center;\n    margin-left: 0;\n    margin-right: 0;\n    padding: 0;\n"], ["\n    text-align: center;\n    margin-left: 0;\n    margin-right: 0;\n    padding: 0;\n"])));
+})(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n    text-align: center;\n    margin-left: 0;\n    margin-right: 0;\n    padding: 0;\n"], ["\n    text-align: center;\n    margin-left: 0;\n    margin-right: 0;\n    padding: 0;\n"])));
 
 var Quote = function (_a) {
   var anchorId = _a.anchorId,
@@ -6283,12 +5125,12 @@ var Quote = function (_a) {
   }))));
 };
 var Quote$1 = withLibTheme(Quote);
-var templateObject_1$h, templateObject_2$d, templateObject_3$c;
+var templateObject_1$d, templateObject_2$b, templateObject_3$a;
 
 var ImageWrapper = styled(Wrapper).withConfig({
   displayName: "SimpleImage__ImageWrapper",
   componentId: "sc-1f8mjuo-0"
-})(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n    display: flex;\n    justify-content: ", ";\n"], ["\n    display: flex;\n    justify-content: ", ";\n"])), function (_a) {
+})(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n    display: flex;\n    justify-content: ", ";\n"], ["\n    display: flex;\n    justify-content: ", ";\n"])), function (_a) {
   var hAlign = _a.hAlign;
 
   switch (hAlign) {
@@ -6324,20 +5166,20 @@ var SimpleImage = function (_a) {
   }, image && React__default.createElement(Image, __assign({}, image))));
 };
 var SimpleImage$1 = withLibTheme(SimpleImage);
-var templateObject_1$g;
+var templateObject_1$c;
 
 var Cards = styled.ul.withConfig({
   displayName: "SocialWall__Cards",
   componentId: "sc-ggztu7-0"
-})(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n    display: flex;\n    flex-wrap: wrap;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    & > * {\n        flex: 1 1 100%;\n        margin-top: ", "px;\n        margin-left: ", "px;\n    }\n\n    @media ", " {\n        & > * {\n            flex: 1 1 calc(50% - ", "px);\n            max-width: calc(50% - ", "px);\n        }\n    }\n\n    @media ", " {\n        & > * {\n            flex: 1 1 calc(", "% - ", "px);\n            max-width: calc(", "% - ", "px);\n        }\n    }\n"], ["\n    display: flex;\n    flex-wrap: wrap;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    & > * {\n        flex: 1 1 100%;\n        margin-top: ", "px;\n        margin-left: ", "px;\n    }\n\n    @media ", " {\n        & > * {\n            flex: 1 1 calc(50% - ", "px);\n            max-width: calc(50% - ", "px);\n        }\n    }\n\n    @media ", " {\n        & > * {\n            flex: 1 1 calc(", "% - ", "px);\n            max-width: calc(", "% - ", "px);\n        }\n    }\n"])), spacings.spacer, spacings.spacer, spacings.spacer, spacings.spacer, mq.medium, gridSettings.gutter, gridSettings.gutter, mq.large, 1 / 3 * 100, gridSettings.gutter, 1 / 3 * 100, gridSettings.gutter);
+})(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n    display: flex;\n    flex-wrap: wrap;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    & > * {\n        flex: 1 1 100%;\n        margin-top: ", "px;\n        margin-left: ", "px;\n    }\n\n    @media ", " {\n        & > * {\n            flex: 1 1 calc(50% - ", "px);\n            max-width: calc(50% - ", "px);\n        }\n    }\n\n    @media ", " {\n        & > * {\n            flex: 1 1 calc(", "% - ", "px);\n            max-width: calc(", "% - ", "px);\n        }\n    }\n"], ["\n    display: flex;\n    flex-wrap: wrap;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    & > * {\n        flex: 1 1 100%;\n        margin-top: ", "px;\n        margin-left: ", "px;\n    }\n\n    @media ", " {\n        & > * {\n            flex: 1 1 calc(50% - ", "px);\n            max-width: calc(50% - ", "px);\n        }\n    }\n\n    @media ", " {\n        & > * {\n            flex: 1 1 calc(", "% - ", "px);\n            max-width: calc(", "% - ", "px);\n        }\n    }\n"])), spacings.spacer, spacings.spacer, spacings.spacer, spacings.spacer, mq.medium, gridSettings.gutter, gridSettings.gutter, mq.large, 1 / 3 * 100, gridSettings.gutter, 1 / 3 * 100, gridSettings.gutter);
 var Item$1 = styled.li.withConfig({
   displayName: "SocialWall__Item",
   componentId: "sc-ggztu7-1"
-})(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n    display: block;\n    position: relative;\n    padding: 0;\n"], ["\n    display: block;\n    position: relative;\n    padding: 0;\n"])));
+})(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n    display: block;\n    position: relative;\n    padding: 0;\n"], ["\n    display: block;\n    position: relative;\n    padding: 0;\n"])));
 var Card = styled(Link).withConfig({
   displayName: "SocialWall__Card",
   componentId: "sc-ggztu7-2"
-})(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n    position: relative;\n    display: block;\n    text-decoration: none;\n    color: '#fff';\n    outline-color: ", ";\n\n    border-radius: ", ";\n    overflow: hidden;\n\n    &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        background: ", ";\n\n        opacity: 0;\n        pointer-events: none;\n        z-index: 1;\n        transition: opacity 0.2s ease-in-out;\n    }\n\n    &:hover {\n        &:before {\n            opacity: 1;\n            pointer-events: all;\n        }\n    }\n\n    &:focus {\n        &:before {\n            opacity: 1;\n            pointer-events: all;\n        }\n    }\n"], ["\n    position: relative;\n    display: block;\n    text-decoration: none;\n    color: '#fff';\n    outline-color: ", ";\n\n    border-radius: ", ";\n    overflow: hidden;\n\n    &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        background: ", ";\n\n        opacity: 0;\n        pointer-events: none;\n        z-index: 1;\n        transition: opacity 0.2s ease-in-out;\n    }\n\n    &:hover {\n        &:before {\n            opacity: 1;\n            pointer-events: all;\n        }\n    }\n\n    &:focus {\n        &:before {\n            opacity: 1;\n            pointer-events: all;\n        }\n    }\n"])), function (_a) {
+})(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n    position: relative;\n    display: block;\n    text-decoration: none;\n    color: '#fff';\n    outline-color: ", ";\n\n    border-radius: ", ";\n    overflow: hidden;\n\n    &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        background: ", ";\n\n        opacity: 0;\n        pointer-events: none;\n        z-index: 1;\n        transition: opacity 0.2s ease-in-out;\n    }\n\n    &:hover {\n        &:before {\n            opacity: 1;\n            pointer-events: all;\n        }\n    }\n\n    &:focus {\n        &:before {\n            opacity: 1;\n            pointer-events: all;\n        }\n    }\n"], ["\n    position: relative;\n    display: block;\n    text-decoration: none;\n    color: '#fff';\n    outline-color: ", ";\n\n    border-radius: ", ";\n    overflow: hidden;\n\n    &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        background: ", ";\n\n        opacity: 0;\n        pointer-events: none;\n        z-index: 1;\n        transition: opacity 0.2s ease-in-out;\n    }\n\n    &:hover {\n        &:before {\n            opacity: 1;\n            pointer-events: all;\n        }\n    }\n\n    &:focus {\n        &:before {\n            opacity: 1;\n            pointer-events: all;\n        }\n    }\n"])), function (_a) {
   var theme = _a.theme,
       isInverted = _a.isInverted;
   return isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default;
@@ -6352,19 +5194,19 @@ var Card = styled(Link).withConfig({
 var StyledImage$2 = styled(Image).withConfig({
   displayName: "SocialWall__StyledImage",
   componentId: "sc-ggztu7-3"
-})(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n    display: block;\n    height: 100%;\n    z-index: 0;\n"], ["\n    display: block;\n    height: 100%;\n    z-index: 0;\n"])));
+})(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n    display: block;\n    height: 100%;\n    z-index: 0;\n"], ["\n    display: block;\n    height: 100%;\n    z-index: 0;\n"])));
 var TextContainer = styled.div.withConfig({
   displayName: "SocialWall__TextContainer",
   componentId: "sc-ggztu7-4"
-})(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100%;\n    transform: translate(-50%, -50%);\n    text-align: center;\n\n    padding: ", "px;\n\n    opacity: 0;\n    pointer-events: none;\n    z-index: 2;\n    transition: opacity 0.2s ease-in-out;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    ", ":hover & {\n        opacity: 1;\n        pointer-events: all;\n    }\n\n    ", ":focus & {\n        opacity: 1;\n        pointer-events: all;\n    }\n"], ["\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100%;\n    transform: translate(-50%, -50%);\n    text-align: center;\n\n    padding: ", "px;\n\n    opacity: 0;\n    pointer-events: none;\n    z-index: 2;\n    transition: opacity 0.2s ease-in-out;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    ", ":hover & {\n        opacity: 1;\n        pointer-events: all;\n    }\n\n    ", ":focus & {\n        opacity: 1;\n        pointer-events: all;\n    }\n"])), spacings.nudge * 2, spacings.nudge * 2, Card, Card);
+})(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100%;\n    transform: translate(-50%, -50%);\n    text-align: center;\n\n    padding: ", "px;\n\n    opacity: 0;\n    pointer-events: none;\n    z-index: 2;\n    transition: opacity 0.2s ease-in-out;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    ", ":hover & {\n        opacity: 1;\n        pointer-events: all;\n    }\n\n    ", ":focus & {\n        opacity: 1;\n        pointer-events: all;\n    }\n"], ["\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100%;\n    transform: translate(-50%, -50%);\n    text-align: center;\n\n    padding: ", "px;\n\n    opacity: 0;\n    pointer-events: none;\n    z-index: 2;\n    transition: opacity 0.2s ease-in-out;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    ", ":hover & {\n        opacity: 1;\n        pointer-events: all;\n    }\n\n    ", ":focus & {\n        opacity: 1;\n        pointer-events: all;\n    }\n"])), spacings.nudge * 2, spacings.nudge * 2, Card, Card);
 var FollowUs = styled(Heading).withConfig({
   displayName: "SocialWall__FollowUs",
   componentId: "sc-ggztu7-5"
-})(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n    text-transform: uppercase;\n"], ["\n    text-transform: uppercase;\n"])));
+})(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n    text-transform: uppercase;\n"], ["\n    text-transform: uppercase;\n"])));
 var InstagramIcon = styled.div.withConfig({
   displayName: "SocialWall__InstagramIcon",
   componentId: "sc-ggztu7-6"
-})(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n    position: absolute;\n    left: 20px;\n    bottom: 20px;\n    color: ", ";\n    z-index: 2;\n\n    & > * {\n        fill: #fff;\n\n        ", ":hover & {\n            color: ", ";\n        }\n    }\n"], ["\n    position: absolute;\n    left: 20px;\n    bottom: 20px;\n    color: ", ";\n    z-index: 2;\n\n    & > * {\n        fill: #fff;\n\n        ", ":hover & {\n            color: ", ";\n        }\n    }\n"])), function (_a) {
+})(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n    position: absolute;\n    left: 20px;\n    bottom: 20px;\n    color: ", ";\n    z-index: 2;\n\n    & > * {\n        fill: #fff;\n\n        ", ":hover & {\n            color: ", ";\n        }\n    }\n"], ["\n    position: absolute;\n    left: 20px;\n    bottom: 20px;\n    color: ", ";\n    z-index: 2;\n\n    & > * {\n        fill: #fff;\n\n        ", ":hover & {\n            color: ", ";\n        }\n    }\n"])), function (_a) {
   var theme = _a.theme;
   return getColors(theme).text.inverted;
 }, Card, function (_a) {
@@ -6418,12 +5260,12 @@ var SocialWall = function (_a) {
   }))));
 };
 var SocialWall$1 = withLibTheme(SocialWall);
-var templateObject_1$f, templateObject_2$c, templateObject_3$b, templateObject_4$a, templateObject_5$6, templateObject_6$5, templateObject_7$5;
+var templateObject_1$b, templateObject_2$a, templateObject_3$9, templateObject_4$8, templateObject_5$5, templateObject_6$4, templateObject_7$4;
 
 var TableWrapper = styled(Wrapper).withConfig({
   displayName: "Table__TableWrapper",
   componentId: "sc-16ge7gg-0"
-})(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.spacer);
+})(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.spacer);
 
 var Table = function (_a) {
   var anchorId = _a.anchorId,
@@ -6447,30 +5289,30 @@ var Table = function (_a) {
   })));
 };
 var Table$1 = withLibTheme(Table);
-var templateObject_1$e;
+var templateObject_1$a;
 
 var Figure = styled.figure.withConfig({
   displayName: "Teaser__Figure",
   componentId: "sc-euyj1p-0"
-})(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    height: 100%;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        & > * + * {\n            margin-top: ", "px;\n        }\n    }\n"], ["\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    height: 100%;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        & > * + * {\n            margin-top: ", "px;\n        }\n    }\n"])), spacings.nudge, mq.semilarge, spacings.nudge * 2);
+})(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    height: 100%;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        & > * + * {\n            margin-top: ", "px;\n        }\n    }\n"], ["\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    height: 100%;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        & > * + * {\n            margin-top: ", "px;\n        }\n    }\n"])), spacings.nudge, mq.semilarge, spacings.nudge * 2);
 var StyledImage$1 = styled(Image).withConfig({
   displayName: "Teaser__StyledImage",
   componentId: "sc-euyj1p-1"
-})(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n\n    @media ", " {\n        border-radius: ", ";\n        overflow: hidden;\n    }\n"], ["\n    position: relative;\n    width: 100%;\n    height: 100%;\n\n    @media ", " {\n        border-radius: ", ";\n        overflow: hidden;\n    }\n"])), mq.semilarge, function (_a) {
+})(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n\n    @media ", " {\n        border-radius: ", ";\n        overflow: hidden;\n    }\n"], ["\n    position: relative;\n    width: 100%;\n    height: 100%;\n\n    @media ", " {\n        border-radius: ", ";\n        overflow: hidden;\n    }\n"])), mq.semilarge, function (_a) {
   var theme = _a.theme;
   return getGlobals(theme).sections.edgeRadius;
 });
 var Video$3 = styled(VideoBlock).withConfig({
   displayName: "Teaser__Video",
   componentId: "sc-euyj1p-2"
-})(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n    display: ", ";\n    width: 100%;\n    height: 100%;\n"], ["\n    display: ", ";\n    width: 100%;\n    height: 100%;\n"])), function (_a) {
+})(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n    display: ", ";\n    width: 100%;\n    height: 100%;\n"], ["\n    display: ", ";\n    width: 100%;\n    height: 100%;\n"])), function (_a) {
   var isVisible = _a.isVisible;
   return isVisible ? 'block' : 'none';
 });
 var Description = styled(Copy).withConfig({
   displayName: "Teaser__Description",
   componentId: "sc-euyj1p-3"
-})(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n    display: block;\n\n    @media ", " {\n        padding-left: ", "px;\n        padding-right: ", "px;\n        margin-left: ", ";\n        margin-right: ", ";\n        max-width: ", ";\n\n        color: ", ";\n    }\n\n    @media ", " {\n        max-width: ", ";\n    }\n"], ["\n    display: block;\n\n    @media ", " {\n        padding-left: ", "px;\n        padding-right: ", "px;\n        margin-left: ", ";\n        margin-right: ", ";\n        max-width: ", ";\n\n        color: ", ";\n    }\n\n    @media ", " {\n        max-width: ", ";\n    }\n"])), mq.semilarge, spacings.nudge * 2, spacings.nudge * 2, function (_a) {
+})(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n    display: block;\n\n    @media ", " {\n        padding-left: ", "px;\n        padding-right: ", "px;\n        margin-left: ", ";\n        margin-right: ", ";\n        max-width: ", ";\n\n        color: ", ";\n    }\n\n    @media ", " {\n        max-width: ", ";\n    }\n"], ["\n    display: block;\n\n    @media ", " {\n        padding-left: ", "px;\n        padding-right: ", "px;\n        margin-left: ", ";\n        margin-right: ", ";\n        max-width: ", ";\n\n        color: ", ";\n    }\n\n    @media ", " {\n        max-width: ", ";\n    }\n"])), mq.semilarge, spacings.nudge * 2, spacings.nudge * 2, function (_a) {
   var isMirrored = _a.isMirrored;
   return isMirrored && 'auto';
 }, function (_a) {
@@ -6491,7 +5333,7 @@ var Description = styled(Copy).withConfig({
 var StyledActions$2 = styled(Actions).withConfig({
   displayName: "Teaser__StyledActions",
   componentId: "sc-euyj1p-4"
-})(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"], ["\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"])), spacings.spacer);
+})(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"], ["\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"])), spacings.spacer);
 
 var Teaser = function (_a) {
   var anchorId = _a.anchorId,
@@ -6643,7 +5485,7 @@ var mapToTeaserBgMode = function (mode, preventSplit, isMirrored) {
   }
 };
 var Teaser$1 = withLibTheme(Teaser);
-var templateObject_1$d, templateObject_2$b, templateObject_3$a, templateObject_4$9, templateObject_5$5;
+var templateObject_1$9, templateObject_2$9, templateObject_3$8, templateObject_4$7, templateObject_5$4;
 
 /**
  * calculate single grid col from relative content wrapper
@@ -6651,7 +5493,7 @@ var templateObject_1$d, templateObject_2$b, templateObject_3$a, templateObject_4
  * */
 
 var getGridColOfContent = function () {
-  return css(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n        ", "\n    "], ["\n        ", "\n    "])), getGridWidth({
+  return css(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n        ", "\n    "], ["\n        ", "\n    "])), getGridWidth({
     cols: 1,
     gridWidth: "".concat(spacings.wrapper - wrapperWhitespace * 2, "px ")
   }));
@@ -6660,7 +5502,7 @@ var getGridColOfContent = function () {
 var WideVideo = styled(VideoBlock).withConfig({
   displayName: "TeaserWide__WideVideo",
   componentId: "sc-cnpuar-0"
-})(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n    display: ", ";\n    position: relative;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n\n    min-height: 400px;\n    object-fit: cover;\n    border-radius: ", ";\n\n    @media ", " {\n        position: absolute;\n        /** \n            calculate width of 6 grid cols (grid width = viewport width without wrapper paddings)\n            and add left or right wrapper padding afterwards\n         */\n        width: calc(\n            ", " + ", "px\n        );\n        left: ", ";\n        right: ", ";\n    }\n\n    @media ", " {\n        /** \n            calculate width of 1 grid cols\n            and add left or right wrapper padding afterwards. Then add this to 50% of current\n            viewport width.\n         */\n        width: calc(50% + ", " + ", "px);\n    }\n\n    @media ", " {\n        /** \n            calculate width of 1 grid cols\n            and add left or right wrapper padding afterwards. Then add this to 50% of large wrapper width.\n         */\n        width: calc(\n            ", "px + ", " +\n                ", "px\n        );\n\n        left: ", ";\n        right: ", ";\n\n        ", ";\n    }\n"], ["\n    display: ", ";\n    position: relative;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n\n    min-height: 400px;\n    object-fit: cover;\n    border-radius: ", ";\n\n    @media ", " {\n        position: absolute;\n        /** \n            calculate width of 6 grid cols (grid width = viewport width without wrapper paddings)\n            and add left or right wrapper padding afterwards\n         */\n        width: calc(\n            ", " + ", "px\n        );\n        left: ", ";\n        right: ", ";\n    }\n\n    @media ", " {\n        /** \n            calculate width of 1 grid cols\n            and add left or right wrapper padding afterwards. Then add this to 50% of current\n            viewport width.\n         */\n        width: calc(50% + ", " + ", "px);\n    }\n\n    @media ", " {\n        /** \n            calculate width of 1 grid cols\n            and add left or right wrapper padding afterwards. Then add this to 50% of large wrapper width.\n         */\n        width: calc(\n            ", "px + ", " +\n                ", "px\n        );\n\n        left: ", ";\n        right: ", ";\n\n        ", ";\n    }\n"])), function (_a) {
+})(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n    display: ", ";\n    position: relative;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n\n    min-height: 400px;\n    object-fit: cover;\n    border-radius: ", ";\n\n    @media ", " {\n        position: absolute;\n        /** \n            calculate width of 6 grid cols (grid width = viewport width without wrapper paddings)\n            and add left or right wrapper padding afterwards\n         */\n        width: calc(\n            ", " + ", "px\n        );\n        left: ", ";\n        right: ", ";\n    }\n\n    @media ", " {\n        /** \n            calculate width of 1 grid cols\n            and add left or right wrapper padding afterwards. Then add this to 50% of current\n            viewport width.\n         */\n        width: calc(50% + ", " + ", "px);\n    }\n\n    @media ", " {\n        /** \n            calculate width of 1 grid cols\n            and add left or right wrapper padding afterwards. Then add this to 50% of large wrapper width.\n         */\n        width: calc(\n            ", "px + ", " +\n                ", "px\n        );\n\n        left: ", ";\n        right: ", ";\n\n        ", ";\n    }\n"], ["\n    display: ", ";\n    position: relative;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n\n    min-height: 400px;\n    object-fit: cover;\n    border-radius: ", ";\n\n    @media ", " {\n        position: absolute;\n        /** \n            calculate width of 6 grid cols (grid width = viewport width without wrapper paddings)\n            and add left or right wrapper padding afterwards\n         */\n        width: calc(\n            ", " + ", "px\n        );\n        left: ", ";\n        right: ", ";\n    }\n\n    @media ", " {\n        /** \n            calculate width of 1 grid cols\n            and add left or right wrapper padding afterwards. Then add this to 50% of current\n            viewport width.\n         */\n        width: calc(50% + ", " + ", "px);\n    }\n\n    @media ", " {\n        /** \n            calculate width of 1 grid cols\n            and add left or right wrapper padding afterwards. Then add this to 50% of large wrapper width.\n         */\n        width: calc(\n            ", "px + ", " +\n                ", "px\n        );\n\n        left: ", ";\n        right: ", ";\n\n        ", ";\n    }\n"])), function (_a) {
   var isVisible = _a.isVisible;
   return isVisible ? 'block' : 'none';
 }, function (_a) {
@@ -6683,12 +5525,12 @@ var WideVideo = styled(VideoBlock).withConfig({
   return isMirrored ? '50%' : 'auto';
 }, function (_a) {
   var isMirrored = _a.isMirrored;
-  return css(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n                transform: translateX(\n                    calc(\n                        ", "\n                            (", " + ", "px)\n                    )\n                );\n            "], ["\n                transform: translateX(\n                    calc(\n                        ", "\n                            (", " + ", "px)\n                    )\n                );\n            "])), isMirrored ? '100% - ' : '-100% + ', getGridColOfContent(), wrapperWhitespace);
+  return css(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n                transform: translateX(\n                    calc(\n                        ", "\n                            (", " + ", "px)\n                    )\n                );\n            "], ["\n                transform: translateX(\n                    calc(\n                        ", "\n                            (", " + ", "px)\n                    )\n                );\n            "])), isMirrored ? '100% - ' : '-100% + ', getGridColOfContent(), wrapperWhitespace);
 });
 var WideImage = styled(Image).withConfig({
   displayName: "TeaserWide__WideImage",
   componentId: "sc-cnpuar-1"
-})(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n    position: relative;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n\n    height: 100%;\n    min-height: 400px;\n\n    img {\n        height: 100%;\n    }\n\n    @media ", " {\n        position: absolute;\n        /** \n            calculate width of 6 grid cols (grid width = viewport width without wrapper paddings)\n            and add left or right wrapper padding afterwards\n         */\n        width: calc(\n            ", " + ", "px\n        );\n        left: ", ";\n        right: ", ";\n    }\n\n    @media ", " {\n        /** \n            calculate width of 1 grid cols\n            and add left or right wrapper padding afterwards. Then add this to 50% of current\n            viewport width.\n         */\n        width: calc(50% + ", " + ", "px);\n    }\n\n    @media ", " {\n        /** \n            calculate width of 1 grid cols\n            and add left or right wrapper padding afterwards. Then add this to 50% of large wrapper width.\n         */\n        width: calc(\n            ", "px + ", " +\n                ", "px\n        );\n\n        left: ", ";\n        right: ", ";\n\n        ", ";\n    }\n"], ["\n    position: relative;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n\n    height: 100%;\n    min-height: 400px;\n\n    img {\n        height: 100%;\n    }\n\n    @media ", " {\n        position: absolute;\n        /** \n            calculate width of 6 grid cols (grid width = viewport width without wrapper paddings)\n            and add left or right wrapper padding afterwards\n         */\n        width: calc(\n            ", " + ", "px\n        );\n        left: ", ";\n        right: ", ";\n    }\n\n    @media ", " {\n        /** \n            calculate width of 1 grid cols\n            and add left or right wrapper padding afterwards. Then add this to 50% of current\n            viewport width.\n         */\n        width: calc(50% + ", " + ", "px);\n    }\n\n    @media ", " {\n        /** \n            calculate width of 1 grid cols\n            and add left or right wrapper padding afterwards. Then add this to 50% of large wrapper width.\n         */\n        width: calc(\n            ", "px + ", " +\n                ", "px\n        );\n\n        left: ", ";\n        right: ", ";\n\n        ", ";\n    }\n"])), mq.semilarge, getGridWidth({
+})(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n    position: relative;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n\n    height: 100%;\n    min-height: 400px;\n\n    img {\n        height: 100%;\n    }\n\n    @media ", " {\n        position: absolute;\n        /** \n            calculate width of 6 grid cols (grid width = viewport width without wrapper paddings)\n            and add left or right wrapper padding afterwards\n         */\n        width: calc(\n            ", " + ", "px\n        );\n        left: ", ";\n        right: ", ";\n    }\n\n    @media ", " {\n        /** \n            calculate width of 1 grid cols\n            and add left or right wrapper padding afterwards. Then add this to 50% of current\n            viewport width.\n         */\n        width: calc(50% + ", " + ", "px);\n    }\n\n    @media ", " {\n        /** \n            calculate width of 1 grid cols\n            and add left or right wrapper padding afterwards. Then add this to 50% of large wrapper width.\n         */\n        width: calc(\n            ", "px + ", " +\n                ", "px\n        );\n\n        left: ", ";\n        right: ", ";\n\n        ", ";\n    }\n"], ["\n    position: relative;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n\n    height: 100%;\n    min-height: 400px;\n\n    img {\n        height: 100%;\n    }\n\n    @media ", " {\n        position: absolute;\n        /** \n            calculate width of 6 grid cols (grid width = viewport width without wrapper paddings)\n            and add left or right wrapper padding afterwards\n         */\n        width: calc(\n            ", " + ", "px\n        );\n        left: ", ";\n        right: ", ";\n    }\n\n    @media ", " {\n        /** \n            calculate width of 1 grid cols\n            and add left or right wrapper padding afterwards. Then add this to 50% of current\n            viewport width.\n         */\n        width: calc(50% + ", " + ", "px);\n    }\n\n    @media ", " {\n        /** \n            calculate width of 1 grid cols\n            and add left or right wrapper padding afterwards. Then add this to 50% of large wrapper width.\n         */\n        width: calc(\n            ", "px + ", " +\n                ", "px\n        );\n\n        left: ", ";\n        right: ", ";\n\n        ", ";\n    }\n"])), mq.semilarge, getGridWidth({
   cols: 6,
   gridWidth: "100% - ".concat(wrapperWhitespace * 2, "px ")
 }), wrapperWhitespace, function (_a) {
@@ -6705,12 +5547,12 @@ var WideImage = styled(Image).withConfig({
   return isMirrored ? '50%' : 'auto';
 }, function (_a) {
   var isMirrored = _a.isMirrored;
-  return css(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n                transform: translateX(\n                    calc(\n                        ", "\n                            (", " + ", "px)\n                    )\n                );\n            "], ["\n                transform: translateX(\n                    calc(\n                        ", "\n                            (", " + ", "px)\n                    )\n                );\n            "])), isMirrored ? '100% - ' : '-100% + ', getGridColOfContent(), wrapperWhitespace);
+  return css(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n                transform: translateX(\n                    calc(\n                        ", "\n                            (", " + ", "px)\n                    )\n                );\n            "], ["\n                transform: translateX(\n                    calc(\n                        ", "\n                            (", " + ", "px)\n                    )\n                );\n            "])), isMirrored ? '100% - ' : '-100% + ', getGridColOfContent(), wrapperWhitespace);
 });
 var Content$1 = styled.div.withConfig({
   displayName: "TeaserWide__Content",
   componentId: "sc-cnpuar-2"
-})(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n    ", "\n\n    @media ", " {\n        ", "\n    }\n"], ["\n    ", "\n\n    @media ", " {\n        ", "\n    }\n"])), function (_a) {
+})(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n    ", "\n\n    @media ", " {\n        ", "\n    }\n"], ["\n    ", "\n\n    @media ", " {\n        ", "\n    }\n"])), function (_a) {
   var theme = _a.theme;
   return withRange(getGlobals(theme).sections.seperation.padding.default, 'padding-bottom');
 }, mq.semilarge, function (_a) {
@@ -6720,7 +5562,7 @@ var Content$1 = styled.div.withConfig({
 var StyledActions$1 = styled(Actions).withConfig({
   displayName: "TeaserWide__StyledActions",
   componentId: "sc-cnpuar-3"
-})(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"], ["\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"])), spacings.spacer);
+})(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"], ["\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"])), spacings.spacer);
 
 var TeaserWide = function (_a) {
   var anchorId = _a.anchorId,
@@ -6834,12 +5676,12 @@ var TeaserWide = function (_a) {
   }))))));
 };
 var TeaserWide$1 = withLibTheme(TeaserWide);
-var templateObject_1$c, templateObject_2$a, templateObject_3$9, templateObject_4$8, templateObject_5$4, templateObject_6$4, templateObject_7$4;
+var templateObject_1$8, templateObject_2$8, templateObject_3$7, templateObject_4$6, templateObject_5$3, templateObject_6$3, templateObject_7$3;
 
 var TimelineBlock = styled.div.withConfig({
   displayName: "Timeline__TimelineBlock",
   componentId: "sc-em4o0o-0"
-})(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n    position: relative;\n\n    @media ", " {\n        text-align: ", ";\n    }\n\n    &:after {\n        content: '';\n        width: 10px;\n        height: 10px;\n\n        box-sizing: content-box;\n        border: 2px solid\n            ", ";\n        border-radius: 50%;\n\n        background: ", ";\n\n        position: absolute;\n        top: 16px;\n        left: 0px;\n\n        transition: all 0.2s ease-in-out;\n\n        @media ", " {\n            left: ", ";\n            right: ", ";\n            transform: translateX(\n                ", "\n            );\n        }\n    }\n\n    &:before {\n        content: '';\n        display: block;\n        position: absolute;\n        width: 2px;\n        min-height: 160px;\n        height: 100%;\n        background: ", ";\n        left: 5px;\n\n        @media ", " {\n            left: 50%;\n            transform: translateX(-50%);\n        }\n    }\n\n    &:first-child {\n        padding-top: 0;\n\n        &:before {\n            top: 16px;\n        }\n    }\n"], ["\n    position: relative;\n\n    @media ", " {\n        text-align: ", ";\n    }\n\n    &:after {\n        content: '';\n        width: 10px;\n        height: 10px;\n\n        box-sizing: content-box;\n        border: 2px solid\n            ", ";\n        border-radius: 50%;\n\n        background: ", ";\n\n        position: absolute;\n        top: 16px;\n        left: 0px;\n\n        transition: all 0.2s ease-in-out;\n\n        @media ", " {\n            left: ", ";\n            right: ", ";\n            transform: translateX(\n                ", "\n            );\n        }\n    }\n\n    &:before {\n        content: '';\n        display: block;\n        position: absolute;\n        width: 2px;\n        min-height: 160px;\n        height: 100%;\n        background: ", ";\n        left: 5px;\n\n        @media ", " {\n            left: 50%;\n            transform: translateX(-50%);\n        }\n    }\n\n    &:first-child {\n        padding-top: 0;\n\n        &:before {\n            top: 16px;\n        }\n    }\n"])), mq.large, function (_a) {
+})(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n    position: relative;\n\n    @media ", " {\n        text-align: ", ";\n    }\n\n    &:after {\n        content: '';\n        width: 10px;\n        height: 10px;\n\n        box-sizing: content-box;\n        border: 2px solid\n            ", ";\n        border-radius: 50%;\n\n        background: ", ";\n\n        position: absolute;\n        top: 16px;\n        left: 0px;\n\n        transition: all 0.2s ease-in-out;\n\n        @media ", " {\n            left: ", ";\n            right: ", ";\n            transform: translateX(\n                ", "\n            );\n        }\n    }\n\n    &:before {\n        content: '';\n        display: block;\n        position: absolute;\n        width: 2px;\n        min-height: 160px;\n        height: 100%;\n        background: ", ";\n        left: 5px;\n\n        @media ", " {\n            left: 50%;\n            transform: translateX(-50%);\n        }\n    }\n\n    &:first-child {\n        padding-top: 0;\n\n        &:before {\n            top: 16px;\n        }\n    }\n"], ["\n    position: relative;\n\n    @media ", " {\n        text-align: ", ";\n    }\n\n    &:after {\n        content: '';\n        width: 10px;\n        height: 10px;\n\n        box-sizing: content-box;\n        border: 2px solid\n            ", ";\n        border-radius: 50%;\n\n        background: ", ";\n\n        position: absolute;\n        top: 16px;\n        left: 0px;\n\n        transition: all 0.2s ease-in-out;\n\n        @media ", " {\n            left: ", ";\n            right: ", ";\n            transform: translateX(\n                ", "\n            );\n        }\n    }\n\n    &:before {\n        content: '';\n        display: block;\n        position: absolute;\n        width: 2px;\n        min-height: 160px;\n        height: 100%;\n        background: ", ";\n        left: 5px;\n\n        @media ", " {\n            left: 50%;\n            transform: translateX(-50%);\n        }\n    }\n\n    &:first-child {\n        padding-top: 0;\n\n        &:before {\n            top: 16px;\n        }\n    }\n"])), mq.large, function (_a) {
   var isSwitched = _a.isSwitched;
   return isSwitched ? 'left' : 'right';
 }, function (_a) {
@@ -6868,7 +5710,7 @@ var TimelineBlock = styled.div.withConfig({
 var TimelineText = styled.div.withConfig({
   displayName: "Timeline__TimelineText",
   componentId: "sc-em4o0o-1"
-})(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n    position: relative;\n    padding-left: ", "px;\n    padding-bottom: ", "px;\n\n    @media ", " {\n        max-width: 50%;\n\n        margin-left: ", ";\n        margin-right: ", ";\n\n        padding: ", ";\n    }\n\n    &:first-child {\n        padding-top: 0;\n    }\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    position: relative;\n    padding-left: ", "px;\n    padding-bottom: ", "px;\n\n    @media ", " {\n        max-width: 50%;\n\n        margin-left: ", ";\n        margin-right: ", ";\n\n        padding: ", ";\n    }\n\n    &:first-child {\n        padding-top: 0;\n    }\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 3 + 2, spacings.spacer, mq.large, function (_a) {
+})(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n    position: relative;\n    padding-left: ", "px;\n    padding-bottom: ", "px;\n\n    @media ", " {\n        max-width: 50%;\n\n        margin-left: ", ";\n        margin-right: ", ";\n\n        padding: ", ";\n    }\n\n    &:first-child {\n        padding-top: 0;\n    }\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    position: relative;\n    padding-left: ", "px;\n    padding-bottom: ", "px;\n\n    @media ", " {\n        max-width: 50%;\n\n        margin-left: ", ";\n        margin-right: ", ";\n\n        padding: ", ";\n    }\n\n    &:first-child {\n        padding-top: 0;\n    }\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 3 + 2, spacings.spacer, mq.large, function (_a) {
   var isSwitched = _a.isSwitched;
   return isSwitched && '50%';
 }, function (_a) {
@@ -6881,11 +5723,11 @@ var TimelineText = styled.div.withConfig({
 var ItemTitle = styled(Heading).withConfig({
   displayName: "Timeline__ItemTitle",
   componentId: "sc-em4o0o-2"
-})(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject([""], [""])));
+})(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject([""], [""])));
 var ItemTextBlock = styled(Copy).withConfig({
   displayName: "Timeline__ItemTextBlock",
   componentId: "sc-em4o0o-3"
-})(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject([""], [""])));
+})(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject([""], [""])));
 
 var Timeline = function (_a) {
   var anchorId = _a.anchorId,
@@ -6971,7 +5813,7 @@ var Timeline = function (_a) {
   })));
 };
 var Timeline$1 = withLibTheme(Timeline);
-var templateObject_1$b, templateObject_2$9, templateObject_3$8, templateObject_4$7;
+var templateObject_1$7, templateObject_2$7, templateObject_3$6, templateObject_4$5;
 
 var Video$1 = function (_a) {
   var anchorId = _a.anchorId,
@@ -7003,11 +5845,11 @@ var Video$2 = withLibTheme(Video$1);
 var VideoContainer = styled.div.withConfig({
   displayName: "RawVideo__VideoContainer",
   componentId: "sc-ylrujv-0"
-})(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n    position: relative;\n    cursor: pointer;\n"], ["\n    position: relative;\n    cursor: pointer;\n"])));
+})(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n    position: relative;\n    cursor: pointer;\n"], ["\n    position: relative;\n    cursor: pointer;\n"])));
 var Overlay = styled.div.withConfig({
   displayName: "RawVideo__Overlay",
   componentId: "sc-ylrujv-1"
-})(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n    position: relative;\n    padding-top: ", ";\n    background: ", ";\n\n    background-image: ", ";\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ", ";\n    overflow: hidden;\n\n    @media ", " {\n        text-align: left;\n\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    &:after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n"], ["\n    position: relative;\n    padding-top: ", ";\n    background: ", ";\n\n    background-image: ", ";\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ", ";\n    overflow: hidden;\n\n    @media ", " {\n        text-align: left;\n\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    &:after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n"])), "calc(100% / (16 / 9))", function (_a) {
+})(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n    position: relative;\n    padding-top: ", ";\n    background: ", ";\n\n    background-image: ", ";\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ", ";\n    overflow: hidden;\n\n    @media ", " {\n        text-align: left;\n\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    &:after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n"], ["\n    position: relative;\n    padding-top: ", ";\n    background: ", ";\n\n    background-image: ", ";\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ", ";\n    overflow: hidden;\n\n    @media ", " {\n        text-align: left;\n\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    @media ", " {\n        background-image: ", ";\n    }\n\n    &:after {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n"])), "calc(100% / (16 / 9))", function (_a) {
   var theme = _a.theme,
       isInverted = _a.isInverted;
   return isInverted ? getGlobals(theme).sections.imagePlaceholderBg.inverted : getGlobals(theme).sections.imagePlaceholderBg.default;
@@ -7033,7 +5875,7 @@ var Overlay = styled.div.withConfig({
 var VideoControls = styled.button.withConfig({
   displayName: "RawVideo__VideoControls",
   componentId: "sc-ylrujv-2"
-})(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ", ";\n    z-index: 1;\n    padding: 0;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ", ";\n    }\n\n    ", ":hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ", ":active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n\n    &:focus {\n        outline: 2px solid ", ";\n        border-radius: 50%;\n        opacity: 1;\n\n        & > * {\n            color: ", ";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n"], ["\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ", ";\n    z-index: 1;\n    padding: 0;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ", ";\n    }\n\n    ", ":hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ", ":active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n\n    &:focus {\n        outline: 2px solid ", ";\n        border-radius: 50%;\n        opacity: 1;\n\n        & > * {\n            color: ", ";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n"])), function (_a) {
+})(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ", ";\n    z-index: 1;\n    padding: 0;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ", ";\n    }\n\n    ", ":hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ", ":active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n\n    &:focus {\n        outline: 2px solid ", ";\n        border-radius: 50%;\n        opacity: 1;\n\n        & > * {\n            color: ", ";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n"], ["\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ", ";\n    z-index: 1;\n    padding: 0;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ", ";\n    }\n\n    ", ":hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ", ":active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n\n    &:focus {\n        outline: 2px solid ", ";\n        border-radius: 50%;\n        opacity: 1;\n\n        & > * {\n            color: ", ";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n"])), function (_a) {
   var theme = _a.theme;
   return getColors(theme).elementBg.light;
 }, function (_a) {
@@ -7049,7 +5891,7 @@ var VideoControls = styled.button.withConfig({
 var Video = styled(VideoBlock).withConfig({
   displayName: "RawVideo__Video",
   componentId: "sc-ylrujv-3"
-})(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n    opacity: ", ";\n    pointer-events: ", ";\n"], ["\n    opacity: ", ";\n    pointer-events: ", ";\n"])), function (_a) {
+})(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n    opacity: ", ";\n    pointer-events: ", ";\n"], ["\n    opacity: ", ";\n    pointer-events: ", ";\n"])), function (_a) {
   var isVisible = _a.isVisible;
   return isVisible ? 1 : 0;
 }, function (_a) {
@@ -7104,12 +5946,12 @@ var RawVideo = function (_a) {
   }))))));
 };
 var RawVideo$1 = withLibTheme(RawVideo);
-var templateObject_1$a, templateObject_2$8, templateObject_3$7, templateObject_4$6;
+var templateObject_1$6, templateObject_2$6, templateObject_3$5, templateObject_4$4;
 
-var View$2 = styled.div.withConfig({
+var View = styled.div.withConfig({
   displayName: "JobCard__View",
   componentId: "sc-rrpaxu-0"
-})(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n    position: relative;\n    color: ", ";\n    background: ", ";\n\n    padding: ", "px;\n\n    border-radius: ", ";\n\n    ", "\n\n    @media ", " {\n        min-height: 440px;\n\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        align-items: flex-start;\n    }\n"], ["\n    position: relative;\n    color: ", ";\n    background: ", ";\n\n    padding: ", "px;\n\n    border-radius: ", ";\n\n    ", "\n\n    @media ", " {\n        min-height: 440px;\n\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        align-items: flex-start;\n    }\n"])), function (_a) {
+})(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n    position: relative;\n    color: ", ";\n    background: ", ";\n\n    padding: ", "px;\n\n    border-radius: ", ";\n\n    ", "\n\n    @media ", " {\n        min-height: 440px;\n\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        align-items: flex-start;\n    }\n"], ["\n    position: relative;\n    color: ", ";\n    background: ", ";\n\n    padding: ", "px;\n\n    border-radius: ", ";\n\n    ", "\n\n    @media ", " {\n        min-height: 440px;\n\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        align-items: flex-start;\n    }\n"])), function (_a) {
   var theme = _a.theme;
   return getColors(theme).primary.default;
 }, function (_a) {
@@ -7123,7 +5965,7 @@ var View$2 = styled.div.withConfig({
 }, function (_a) {
   var clickable = _a.clickable,
       isInverted = _a.isInverted;
-  return clickable && css(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n            transition: all 0.2s ease-in-out;\n            cursor: pointer;\n\n            &:hover {\n                box-shadow: 0px 2px 6px\n                    ", ";\n\n                color: ", ";\n            }\n\n            &:focus {\n                box-shadow: 0px 2px 6px\n                    ", ";\n            }\n\n            &:focus:not(:focus-visible) {\n                outline: none;\n                box-shadow: none;\n            }\n\n            &:active {\n                box-shadow: 0px 2px 6px\n                    ", ";\n            }\n        "], ["\n            transition: all 0.2s ease-in-out;\n            cursor: pointer;\n\n            &:hover {\n                box-shadow: 0px 2px 6px\n                    ", ";\n\n                color: ", ";\n            }\n\n            &:focus {\n                box-shadow: 0px 2px 6px\n                    ", ";\n            }\n\n            &:focus:not(:focus-visible) {\n                outline: none;\n                box-shadow: none;\n            }\n\n            &:active {\n                box-shadow: 0px 2px 6px\n                    ", ";\n            }\n        "])), isInverted ? 'rgba(255, 255, 255, 0.7)' : 'rgba(0, 0, 0, 0.35)', function (_a) {
+  return clickable && css(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n            transition: all 0.2s ease-in-out;\n            cursor: pointer;\n\n            &:hover {\n                box-shadow: 0px 2px 6px\n                    ", ";\n\n                color: ", ";\n            }\n\n            &:focus {\n                box-shadow: 0px 2px 6px\n                    ", ";\n            }\n\n            &:focus:not(:focus-visible) {\n                outline: none;\n                box-shadow: none;\n            }\n\n            &:active {\n                box-shadow: 0px 2px 6px\n                    ", ";\n            }\n        "], ["\n            transition: all 0.2s ease-in-out;\n            cursor: pointer;\n\n            &:hover {\n                box-shadow: 0px 2px 6px\n                    ", ";\n\n                color: ", ";\n            }\n\n            &:focus {\n                box-shadow: 0px 2px 6px\n                    ", ";\n            }\n\n            &:focus:not(:focus-visible) {\n                outline: none;\n                box-shadow: none;\n            }\n\n            &:active {\n                box-shadow: 0px 2px 6px\n                    ", ";\n            }\n        "])), isInverted ? 'rgba(255, 255, 255, 0.7)' : 'rgba(0, 0, 0, 0.35)', function (_a) {
     var theme = _a.theme;
     return getColors(theme).primary.hover;
   }, isInverted ? 'rgba(255, 255, 255, 0.7)' : 'rgba(0, 0, 0, 0.3)', isInverted ? 'rgba(255, 255, 255, 0.7)' : 'rgba(0, 0, 0, 0.3)');
@@ -7131,29 +5973,29 @@ var View$2 = styled.div.withConfig({
 var JobInfos$1 = styled(Copy).withConfig({
   displayName: "JobCard__JobInfos",
   componentId: "sc-rrpaxu-1"
-})(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n\n    color: ", ";\n\n    ", ":hover & {\n        color: ", ";\n    }\n"], ["\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n\n    color: ", ";\n\n    ", ":hover & {\n        color: ", ";\n    }\n"])), spacings.nudge * 4, function (_a) {
+})(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n\n    color: ", ";\n\n    ", ":hover & {\n        color: ", ";\n    }\n"], ["\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n\n    color: ", ";\n\n    ", ":hover & {\n        color: ", ";\n    }\n"])), spacings.nudge * 4, function (_a) {
   var theme = _a.theme;
   return getColors(theme).primary.default;
-}, View$2, function (_a) {
+}, View, function (_a) {
   var theme = _a.theme;
   return getColors(theme).primary.hover;
 });
 var Info$1 = styled.div.withConfig({
   displayName: "JobCard__Info",
   componentId: "sc-rrpaxu-2"
-})(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n    display: -ms-grid;\n    display: grid;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ", "px;\n    }\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    display: -ms-grid;\n    display: grid;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ", "px;\n    }\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"])), spacings.nudge * 3, spacings.nudge * 2);
+})(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n    display: -ms-grid;\n    display: grid;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ", "px;\n    }\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    display: -ms-grid;\n    display: grid;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ", "px;\n    }\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"])), spacings.nudge * 3, spacings.nudge * 2);
 var Icon$1 = styled.div.withConfig({
   displayName: "JobCard__Icon",
   componentId: "sc-rrpaxu-3"
-})(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n\n    & > * {\n        height: 32px;\n        width: 32px;\n    }\n"], ["\n    display: flex;\n    align-items: center;\n\n    & > * {\n        height: 32px;\n        width: 32px;\n    }\n"])));
+})(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n\n    & > * {\n        height: 32px;\n        width: 32px;\n    }\n"], ["\n    display: flex;\n    align-items: center;\n\n    & > * {\n        height: 32px;\n        width: 32px;\n    }\n"])));
 var MainLabel$1 = styled.div.withConfig({
   displayName: "JobCard__MainLabel",
   componentId: "sc-rrpaxu-4"
-})(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n"], ["\n    display: flex;\n    align-items: center;\n"])));
+})(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n"], ["\n    display: flex;\n    align-items: center;\n"])));
 var ViewLink = styled(Link).withConfig({
   displayName: "JobCard__ViewLink",
   componentId: "sc-rrpaxu-5"
-})(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    && {\n        margin: 0;\n    }\n"], ["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    && {\n        margin: 0;\n    }\n"])));
+})(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    && {\n        margin: 0;\n    }\n"], ["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    && {\n        margin: 0;\n    }\n"])));
 var JobCard = React__default.forwardRef(function (_a, ref) {
   var _b, _c;
 
@@ -7185,7 +6027,7 @@ var JobCard = React__default.forwardRef(function (_a, ref) {
     }
   }
 
-  return React__default.createElement(View$2, {
+  return React__default.createElement(View, {
     ref: ref,
     isInverted: isInverted,
     hasBg: hasBackground,
@@ -7209,7 +6051,7 @@ var JobCard = React__default.forwardRef(function (_a, ref) {
   })));
 });
 JobCard.displayName = 'JobCard';
-var templateObject_1$9, templateObject_2$7, templateObject_3$6, templateObject_4$5, templateObject_5$3, templateObject_6$3, templateObject_7$3;
+var templateObject_1$5, templateObject_2$5, templateObject_3$4, templateObject_4$3, templateObject_5$2, templateObject_6$2, templateObject_7$2;
 
 var escapeRegExp = function (value) {
   return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
@@ -7218,15 +6060,15 @@ var escapeRegExp = function (value) {
 var List = styled.ul.withConfig({
   displayName: "JobList__List",
   componentId: "sc-1b9tzu5-0"
-})(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n    display: flex;\n    flex-wrap: wrap;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    @media ", " {\n        margin-top: -", "px;\n        margin-left: -", "px;\n    }\n"], ["\n    display: flex;\n    flex-wrap: wrap;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    @media ", " {\n        margin-top: -", "px;\n        margin-left: -", "px;\n    }\n"])), spacings.nudge * 2, spacings.nudge * 2, mq.medium, spacings.spacer, spacings.spacer);
+})(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n    display: flex;\n    flex-wrap: wrap;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    @media ", " {\n        margin-top: -", "px;\n        margin-left: -", "px;\n    }\n"], ["\n    display: flex;\n    flex-wrap: wrap;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    @media ", " {\n        margin-top: -", "px;\n        margin-left: -", "px;\n    }\n"])), spacings.nudge * 2, spacings.nudge * 2, mq.medium, spacings.spacer, spacings.spacer);
 var Item = styled.li.withConfig({
   displayName: "JobList__Item",
   componentId: "sc-1b9tzu5-1"
-})(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n    flex: 0 1 100%;\n    max-width: 100%;\n    margin: 0;\n\n    padding-top: ", "px;\n    padding-left: ", "px;\n\n    @media ", " {\n        flex: 0 1 50%;\n        max-width: 50%;\n\n        padding-top: ", "px;\n        padding-left: ", "px;\n    }\n\n    @media ", " {\n        flex: 0 1 33.33%;\n        max-width: 33.33%;\n    }\n"], ["\n    flex: 0 1 100%;\n    max-width: 100%;\n    margin: 0;\n\n    padding-top: ", "px;\n    padding-left: ", "px;\n\n    @media ", " {\n        flex: 0 1 50%;\n        max-width: 50%;\n\n        padding-top: ", "px;\n        padding-left: ", "px;\n    }\n\n    @media ", " {\n        flex: 0 1 33.33%;\n        max-width: 33.33%;\n    }\n"])), spacings.nudge * 2, spacings.nudge * 2, mq.medium, spacings.spacer, spacings.spacer, mq.large);
+})(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n    flex: 0 1 100%;\n    max-width: 100%;\n    margin: 0;\n\n    padding-top: ", "px;\n    padding-left: ", "px;\n\n    @media ", " {\n        flex: 0 1 50%;\n        max-width: 50%;\n\n        padding-top: ", "px;\n        padding-left: ", "px;\n    }\n\n    @media ", " {\n        flex: 0 1 33.33%;\n        max-width: 33.33%;\n    }\n"], ["\n    flex: 0 1 100%;\n    max-width: 100%;\n    margin: 0;\n\n    padding-top: ", "px;\n    padding-left: ", "px;\n\n    @media ", " {\n        flex: 0 1 50%;\n        max-width: 50%;\n\n        padding-top: ", "px;\n        padding-left: ", "px;\n    }\n\n    @media ", " {\n        flex: 0 1 33.33%;\n        max-width: 33.33%;\n    }\n"])), spacings.nudge * 2, spacings.nudge * 2, mq.medium, spacings.spacer, spacings.spacer, mq.large);
 var Filter$1 = styled(FilterField).withConfig({
   displayName: "JobList__Filter",
   componentId: "sc-1b9tzu5-2"
-})(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n    margin-top: ", "px;\n    margin-bottom: ", "px;\n\n    min-width: 50%;\n"], ["\n    margin-top: ", "px;\n    margin-bottom: ", "px;\n\n    min-width: 50%;\n"])), spacings.nudge, spacings.nudge * 5);
+})(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n    margin-top: ", "px;\n    margin-bottom: ", "px;\n\n    min-width: 50%;\n"], ["\n    margin-top: ", "px;\n    margin-bottom: ", "px;\n\n    min-width: 50%;\n"])), spacings.nudge, spacings.nudge * 5);
 
 var jobExactTitleFilter = function (filterQuery) {
   return function (value) {
@@ -7477,36 +6319,36 @@ var JobList = function (_a) {
   }))));
 };
 var JobList$1 = withLibTheme(JobList);
-var templateObject_1$8, templateObject_2$6, templateObject_3$5;
+var templateObject_1$4, templateObject_2$4, templateObject_3$3;
 
 var ArticleHead = styled.div.withConfig({
   displayName: "JobArticle__ArticleHead",
   componentId: "sc-1bwhr8-0"
-})(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n    & + * {\n        margin-top: ", "px;\n    }\n"], ["\n    & + * {\n        margin-top: ", "px;\n    }\n"])), spacings.spacer);
+})(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n    & + * {\n        margin-top: ", "px;\n    }\n"], ["\n    & + * {\n        margin-top: ", "px;\n    }\n"])), spacings.spacer);
 var JobInfos = styled(Copy).withConfig({
   displayName: "JobArticle__JobInfos",
   componentId: "sc-1bwhr8-1"
-})(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"], ["\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"])), spacings.spacer);
+})(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"], ["\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"])), spacings.spacer);
 var Info = styled.div.withConfig({
   displayName: "JobArticle__Info",
   componentId: "sc-1bwhr8-2"
-})(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n    display: -ms-grid;\n    display: grid;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ", "px;\n    }\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    display: -ms-grid;\n    display: grid;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ", "px;\n    }\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"])), spacings.nudge * 3, spacings.nudge * 2);
+})(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n    display: -ms-grid;\n    display: grid;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ", "px;\n    }\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    display: -ms-grid;\n    display: grid;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ", "px;\n    }\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"])), spacings.nudge * 3, spacings.nudge * 2);
 var Icon = styled.span.withConfig({
   displayName: "JobArticle__Icon",
   componentId: "sc-1bwhr8-3"
-})(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n\n    & > * {\n        height: 32px;\n        width: 32px;\n    }\n"], ["\n    display: flex;\n    align-items: center;\n\n    & > * {\n        height: 32px;\n        width: 32px;\n    }\n"])));
+})(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n\n    & > * {\n        height: 32px;\n        width: 32px;\n    }\n"], ["\n    display: flex;\n    align-items: center;\n\n    & > * {\n        height: 32px;\n        width: 32px;\n    }\n"])));
 var MainLabel = styled.span.withConfig({
   displayName: "JobArticle__MainLabel",
   componentId: "sc-1bwhr8-4"
-})(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n"], ["\n    display: flex;\n    align-items: center;\n"])));
+})(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n"], ["\n    display: flex;\n    align-items: center;\n"])));
 var Text = styled(Copy).withConfig({
   displayName: "JobArticle__Text",
   componentId: "sc-1bwhr8-5"
-})(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n    & + & {\n        margin-top: ", "px;\n    }\n"], ["\n    & + & {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 3);
+})(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n    & + & {\n        margin-top: ", "px;\n    }\n"], ["\n    & + & {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 3);
 var StyledActions = styled(Actions).withConfig({
   displayName: "JobArticle__StyledActions",
   componentId: "sc-1bwhr8-6"
-})(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n    margin-top: ", "px;\n"], ["\n    margin-top: ", "px;\n"])), spacings.spacer);
+})(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n    margin-top: ", "px;\n"], ["\n    margin-top: ", "px;\n"])), spacings.spacer);
 
 var JobArticle = function (_a) {
   var _b, _c;
@@ -7590,24 +6432,24 @@ var JobArticle = function (_a) {
   })));
 };
 var JobArticle$1 = withLibTheme(JobArticle);
-var templateObject_1$7, templateObject_2$5, templateObject_3$4, templateObject_4$4, templateObject_5$2, templateObject_6$2, templateObject_7$2;
+var templateObject_1$3, templateObject_2$3, templateObject_3$2, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7$1;
 
 var StyledImage = styled(Image).withConfig({
   displayName: "PointOfInterestDetail__StyledImage",
   componentId: "sc-hksryh-0"
-})(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n"], ["\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n"])), spacings.spacer);
+})(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n"], ["\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n"])), spacings.spacer);
 var Facts = styled(POIFacts).withConfig({
   displayName: "PointOfInterestDetail__Facts",
   componentId: "sc-hksryh-1"
-})(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n    max-width: 880px;\n"], ["\n    max-width: 880px;\n"])));
+})(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n    max-width: 880px;\n"], ["\n    max-width: 880px;\n"])));
 var PoiTitle = styled(Heading).withConfig({
   displayName: "PointOfInterestDetail__PoiTitle",
   componentId: "sc-hksryh-2"
-})(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n    max-width: 880px;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"], ["\n    max-width: 880px;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 3);
+})(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n    max-width: 880px;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"], ["\n    max-width: 880px;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 3);
 var PoiText = styled(Copy).withConfig({
   displayName: "PointOfInterestDetail__PoiText",
   componentId: "sc-hksryh-3"
-})(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"], ["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 3);
+})(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"], ["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 3);
 
 var PointOfInterestDetail = function (_a) {
   var anchorId = _a.anchorId,
@@ -7673,16 +6515,16 @@ var PointOfInterestDetail = function (_a) {
   })))));
 };
 var PointOfInterestDetail$1 = withLibTheme(PointOfInterestDetail);
-var templateObject_1$6, templateObject_2$4, templateObject_3$3, templateObject_4$3;
+var templateObject_1$2, templateObject_2$2, templateObject_3$1, templateObject_4$1;
 
 var Content = styled.div.withConfig({
   displayName: "PointOfInterestOverview__Content",
   componentId: "sc-epctuk-0"
-})(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        & > * + * {\n            margin-top: ", "px;\n        }\n    }\n"], ["\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        & > * + * {\n            margin-top: ", "px;\n        }\n    }\n"])), spacings.nudge * 5, mq.large, spacings.nudge * 3);
+})(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        & > * + * {\n            margin-top: ", "px;\n        }\n    }\n"], ["\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        & > * + * {\n            margin-top: ", "px;\n        }\n    }\n"])), spacings.nudge * 5, mq.large, spacings.nudge * 3);
 var Filter = styled(FilterField).withConfig({
   displayName: "PointOfInterestOverview__Filter",
   componentId: "sc-epctuk-1"
-})(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n    // margin to show prevent section overflow outline\n    margin-top: 2px;\n\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n"], ["\n    // margin to show prevent section overflow outline\n    margin-top: 2px;\n\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n"])), spacings.nudge * 5);
+})(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n    // margin to show prevent section overflow outline\n    margin-top: 2px;\n\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n"], ["\n    // margin to show prevent section overflow outline\n    margin-top: 2px;\n\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n"])), spacings.nudge * 5);
 
 var poiExactNameFilter = function (filterQuery) {
   return function (value) {
@@ -7935,10 +6777,10 @@ var PointOfInterestOverview = function (_a) {
   }))));
 };
 var PointOfInterestOverview$1 = withLibTheme(PointOfInterestOverview);
-var templateObject_1$5, templateObject_2$3;
+var templateObject_1$1, templateObject_2$1;
 
 var genHeightStyles = function () {
-  return css(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n    // Doing some crazy shit to calculate curent navbar height in CSS\n    ", "\n"], ["\n    // Doing some crazy shit to calculate curent navbar height in CSS\n    ", "\n"])), function (_a) {
+  return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    // Doing some crazy shit to calculate curent navbar height in CSS\n    ", "\n"], ["\n    // Doing some crazy shit to calculate curent navbar height in CSS\n    ", "\n"])), function (_a) {
     var theme = _a.theme; // navbar main only
 
     var mainIdent = generateNavbarIdent({
@@ -7976,40 +6818,40 @@ var genHeightStyles = function () {
     };
 
     var refHeight = '100vh';
-    return css(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n            ", " {\n                height: ", ";\n            }\n\n            // with main navbar element\n            header", " ~ & {\n                ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with main and top navbar elements\n            header", " ~ & {\n                ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with main and bottom navbar elements\n            header", " ~ & {\n                ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with all navbar elements\n            header", " ~ & {\n                ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            @media ", " {\n                // with main navbar element\n                header", " ~ & {\n                    ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n\n                // with main and top navbar elements\n                header", " ~ & {\n                    ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n\n                // with main and bottom navbar elements\n                header", " ~ & {\n                    ", " {\n                        height: calc(\n                            ", " - ", "px\n                        );\n                    }\n                }\n\n                // with all navbar elements\n                header", " ~ & {\n                    ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n            }\n        "], ["\n            ", " {\n                height: ", ";\n            }\n\n            // with main navbar element\n            header", " ~ & {\n                ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with main and top navbar elements\n            header", " ~ & {\n                ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with main and bottom navbar elements\n            header", " ~ & {\n                ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with all navbar elements\n            header", " ~ & {\n                ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            @media ", " {\n                // with main navbar element\n                header", " ~ & {\n                    ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n\n                // with main and top navbar elements\n                header", " ~ & {\n                    ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n\n                // with main and bottom navbar elements\n                header", " ~ & {\n                    ", " {\n                        height: calc(\n                            ", " - ", "px\n                        );\n                    }\n                }\n\n                // with all navbar elements\n                header", " ~ & {\n                    ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n            }\n        "])), Map, refHeight, mapToSelector(mainIdent.split('-')), Map, refHeight, navMainHeight[0], mapToSelector(mainTopIdent.split('-')), Map, refHeight, navMainTopHeight[0], mapToSelector(mainBottomIdent.split('-')), Map, refHeight, navMainBottomHeight[0], mapToSelector(fullIdent.split('-')), Map, refHeight, navFullHeight[0], mq.semilarge, mapToSelector(mainIdent.split('-')), Map, refHeight, navMainHeight[1], mapToSelector(mainTopIdent.split('-')), Map, refHeight, navMainTopHeight[1], mapToSelector(mainBottomIdent.split('-')), Map, refHeight, navMainBottomHeight[1], mapToSelector(fullIdent.split('-')), Map, refHeight, navFullHeight[1]);
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            ", " {\n                height: ", ";\n            }\n\n            // with main navbar element\n            header", " ~ & {\n                ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with main and top navbar elements\n            header", " ~ & {\n                ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with main and bottom navbar elements\n            header", " ~ & {\n                ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with all navbar elements\n            header", " ~ & {\n                ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            @media ", " {\n                // with main navbar element\n                header", " ~ & {\n                    ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n\n                // with main and top navbar elements\n                header", " ~ & {\n                    ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n\n                // with main and bottom navbar elements\n                header", " ~ & {\n                    ", " {\n                        height: calc(\n                            ", " - ", "px\n                        );\n                    }\n                }\n\n                // with all navbar elements\n                header", " ~ & {\n                    ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n            }\n        "], ["\n            ", " {\n                height: ", ";\n            }\n\n            // with main navbar element\n            header", " ~ & {\n                ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with main and top navbar elements\n            header", " ~ & {\n                ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with main and bottom navbar elements\n            header", " ~ & {\n                ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            // with all navbar elements\n            header", " ~ & {\n                ", " {\n                    height: calc(", " - ", "px);\n                }\n            }\n\n            @media ", " {\n                // with main navbar element\n                header", " ~ & {\n                    ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n\n                // with main and top navbar elements\n                header", " ~ & {\n                    ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n\n                // with main and bottom navbar elements\n                header", " ~ & {\n                    ", " {\n                        height: calc(\n                            ", " - ", "px\n                        );\n                    }\n                }\n\n                // with all navbar elements\n                header", " ~ & {\n                    ", " {\n                        height: calc(", " - ", "px);\n                    }\n                }\n            }\n        "])), Map, refHeight, mapToSelector(mainIdent.split('-')), Map, refHeight, navMainHeight[0], mapToSelector(mainTopIdent.split('-')), Map, refHeight, navMainTopHeight[0], mapToSelector(mainBottomIdent.split('-')), Map, refHeight, navMainBottomHeight[0], mapToSelector(fullIdent.split('-')), Map, refHeight, navFullHeight[0], mq.semilarge, mapToSelector(mainIdent.split('-')), Map, refHeight, navMainHeight[1], mapToSelector(mainTopIdent.split('-')), Map, refHeight, navMainTopHeight[1], mapToSelector(mainBottomIdent.split('-')), Map, refHeight, navMainBottomHeight[1], mapToSelector(fullIdent.split('-')), Map, refHeight, navFullHeight[1]);
   });
 };
 
 var PoiMapSection = styled(Section).withConfig({
   displayName: "PointOfInterestMap__PoiMapSection",
   componentId: "sc-1ke8oz0-0"
-})(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n    position: relative;\n    ", "\n\n    header + & {\n        ", "\n        ", "\n    }\n"], ["\n    position: relative;\n    ", "\n\n    header + & {\n        ", "\n        ", "\n    }\n"])), function (_a) {
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    position: relative;\n    ", "\n\n    header + & {\n        ", "\n        ", "\n    }\n"], ["\n    position: relative;\n    ", "\n\n    header + & {\n        ", "\n        ", "\n    }\n"])), function (_a) {
   var isLarge = _a.isLarge;
   return isLarge && genHeightStyles();
 }, withRange([0], 'padding-top'), withRange([0], 'margin-top'));
 var MapContainer = styled.div.withConfig({
   displayName: "PointOfInterestMap__MapContainer",
   componentId: "sc-1ke8oz0-1"
-})(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n    position: relative;\n"], ["\n    position: relative;\n"])));
+})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    position: relative;\n"], ["\n    position: relative;\n"])));
 var Map = styled.div.withConfig({
   displayName: "PointOfInterestMap__Map",
   componentId: "sc-1ke8oz0-2"
-})(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n    min-height: 360px;\n    height: 360px;\n    max-height: 1300px;\n    z-index: 0;\n\n    @media ", " {\n        height: 600px;\n        min-height: 600px;\n    }\n"], ["\n    min-height: 360px;\n    height: 360px;\n    max-height: 1300px;\n    z-index: 0;\n\n    @media ", " {\n        height: 600px;\n        min-height: 600px;\n    }\n"])), mq.medium);
+})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    min-height: 360px;\n    height: 360px;\n    max-height: 1300px;\n    z-index: 0;\n\n    @media ", " {\n        height: 600px;\n        min-height: 600px;\n    }\n"], ["\n    min-height: 360px;\n    height: 360px;\n    max-height: 1300px;\n    z-index: 0;\n\n    @media ", " {\n        height: 600px;\n        min-height: 600px;\n    }\n"])), mq.medium);
 var RequestGeolocationBtn = styled.button.withConfig({
   displayName: "PointOfInterestMap__RequestGeolocationBtn",
   componentId: "sc-1ke8oz0-3"
-})(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n    position: absolute;\n    top: ", "px;\n    left: ", "px;\n\n    background-color: transparent;\n    border: none;\n    padding: ", "px;\n    cursor: pointer;\n\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ", ";\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        width: 30px;\n        height: 30px;\n    }\n"], ["\n    position: absolute;\n    top: ", "px;\n    left: ", "px;\n\n    background-color: transparent;\n    border: none;\n    padding: ", "px;\n    cursor: pointer;\n\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ", ";\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        width: 30px;\n        height: 30px;\n    }\n"])), spacings.nudge * 2, spacings.nudge * 2, spacings.nudge, function (_a) {
+})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    position: absolute;\n    top: ", "px;\n    left: ", "px;\n\n    background-color: transparent;\n    border: none;\n    padding: ", "px;\n    cursor: pointer;\n\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ", ";\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        width: 30px;\n        height: 30px;\n    }\n"], ["\n    position: absolute;\n    top: ", "px;\n    left: ", "px;\n\n    background-color: transparent;\n    border: none;\n    padding: ", "px;\n    cursor: pointer;\n\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ", ";\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        width: 30px;\n        height: 30px;\n    }\n"])), spacings.nudge * 2, spacings.nudge * 2, spacings.nudge, function (_a) {
   var theme = _a.theme;
   return getColors(theme).primary.default;
 });
 var CardStage = styled.div.withConfig({
   displayName: "PointOfInterestMap__CardStage",
   componentId: "sc-1ke8oz0-4"
-})(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 10;\n\n    display: flex;\n    align-items: flex-end;\n    justify-content: flex-end;\n\n    pointer-events: all;\n    background-color: rgba(255, 255, 255, 0.8);\n\n    @media ", " {\n        position: absolute;\n        background-color: transparent;\n        padding: ", "px;\n        padding-bottom: ", "px;\n\n        pointer-events: none;\n    }\n"], ["\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 10;\n\n    display: flex;\n    align-items: flex-end;\n    justify-content: flex-end;\n\n    pointer-events: all;\n    background-color: rgba(255, 255, 255, 0.8);\n\n    @media ", " {\n        position: absolute;\n        background-color: transparent;\n        padding: ", "px;\n        padding-bottom: ", "px;\n\n        pointer-events: none;\n    }\n"])), mq.medium, spacings.nudge * 2, spacings.nudge * 3);
+})(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 10;\n\n    display: flex;\n    align-items: flex-end;\n    justify-content: flex-end;\n\n    pointer-events: all;\n    background-color: rgba(255, 255, 255, 0.8);\n\n    @media ", " {\n        position: absolute;\n        background-color: transparent;\n        padding: ", "px;\n        padding-bottom: ", "px;\n\n        pointer-events: none;\n    }\n"], ["\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 10;\n\n    display: flex;\n    align-items: flex-end;\n    justify-content: flex-end;\n\n    pointer-events: all;\n    background-color: rgba(255, 255, 255, 0.8);\n\n    @media ", " {\n        position: absolute;\n        background-color: transparent;\n        padding: ", "px;\n        padding-bottom: ", "px;\n\n        pointer-events: none;\n    }\n"])), mq.medium, spacings.nudge * 2, spacings.nudge * 3);
 var MapCardView = styled.div.withConfig({
   displayName: "PointOfInterestMap__MapCardView",
   componentId: "sc-1ke8oz0-5"
-})(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n    max-height: 100%;\n    width: 100%;\n    padding: ", "px;\n    overflow: auto;\n\n    background: ", ";\n    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\n    pointer-events: all;\n    border-radius: 8px;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        max-width: 400px;\n    }\n"], ["\n    max-height: 100%;\n    width: 100%;\n    padding: ", "px;\n    overflow: auto;\n\n    background: ", ";\n    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\n    pointer-events: all;\n    border-radius: 8px;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        max-width: 400px;\n    }\n"])), spacings.nudge * 2, function (_a) {
+})(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    max-height: 100%;\n    width: 100%;\n    padding: ", "px;\n    overflow: auto;\n\n    background: ", ";\n    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\n    pointer-events: all;\n    border-radius: 8px;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        max-width: 400px;\n    }\n"], ["\n    max-height: 100%;\n    width: 100%;\n    padding: ", "px;\n    overflow: auto;\n\n    background: ", ";\n    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\n    pointer-events: all;\n    border-radius: 8px;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        max-width: 400px;\n    }\n"])), spacings.nudge * 2, function (_a) {
   var theme = _a.theme;
   return getColors(theme).elementBg.light;
 }, spacings.nudge * 3, mq.medium);
@@ -8278,289 +7120,7 @@ var PointOfInterestMap = function (_a) {
   }))))));
 };
 var PointOfInterestMap$1 = withLibTheme(PointOfInterestMap);
-var templateObject_1$4, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7$1, templateObject_8$1, templateObject_9, templateObject_10;
-
-var View$1 = styled.div.withConfig({
-  displayName: "FooterBottomGrid__View",
-  componentId: "sc-k4buhx-0"
-})(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n    border-top: 1px solid ", ";\n    padding: ", "px 0;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: space-between;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ", "px;\n        }\n    }\n"], ["\n    border-top: 1px solid ", ";\n    padding: ", "px 0;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: space-between;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ", "px;\n        }\n    }\n"])), function (_a) {
-  var theme = _a.theme;
-  return getColors(theme).elementBg.medium;
-}, spacings.nudge * 2, spacings.nudge * 2, mq.semilarge, spacings.nudge * 2);
-var LinkListView = styled.ul.withConfig({
-  displayName: "FooterBottomGrid__LinkListView",
-  componentId: "sc-k4buhx-1"
-})(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    align-items: center;\n\n    margin-left: -", "px;\n"], ["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    align-items: center;\n\n    margin-left: -", "px;\n"])), spacings.nudge);
-var BottomLinkItem = styled.li.withConfig({
-  displayName: "FooterBottomGrid__BottomLinkItem",
-  componentId: "sc-k4buhx-2"
-})(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n\n    padding-left: ", "px;\n"], ["\n    display: flex;\n    align-items: center;\n\n    padding-left: ", "px;\n"])), spacings.nudge);
-var StyledLink$1 = styled(Link).withConfig({
-  displayName: "FooterBottomGrid__StyledLink",
-  componentId: "sc-k4buhx-3"
-})(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n    display: block;\n    text-decoration: none;\n\n    ", "\n    color: ", ";\n"], ["\n    display: block;\n    text-decoration: none;\n\n    ", "\n    color: ", ";\n"])), copyStyle('copy', 'small'), function (_a) {
-  var theme = _a.theme,
-      isInverted = _a.isInverted;
-  return isInverted ? getColors(theme).text.inverted : getColors(theme).text.default;
-});
-
-var LinkList$1 = function (_a) {
-  var isInverted = _a.isInverted,
-      links = _a.links,
-      brandIcon = _a.brandIcon,
-      className = _a.className;
-  var brand = useMemo(function () {
-    return brandIcon === null || brandIcon === void 0 ? void 0 : brandIcon(isInverted);
-  }, [brandIcon, isInverted]);
-  return React__default.createElement(LinkListView, {
-    className: className
-  }, links === null || links === void 0 ? void 0 : links.map(function (item, i) {
-    return React__default.createElement(BottomLinkItem, {
-      key: i
-    }, React__default.createElement(StyledLink$1, __assign({}, item.link, {
-      isInverted: isInverted
-    }), item.label));
-  }), brand !== null && React__default.createElement(BottomLinkItem, null, brand || React__default.createElement(Bdot, null)));
-};
-
-var FooterBottomGrid = function (_a) {
-  var className = _a.className,
-      children = _a.children;
-  return React__default.createElement(View$1, {
-    className: className
-  }, children);
-};
-
-var FooterBottomGrid$1 = {
-  View: FooterBottomGrid,
-  LinkList: LinkList$1
-};
-var templateObject_1$3, templateObject_2$1, templateObject_3$1, templateObject_4$1;
-
-var LeftWrapper = styled.div.withConfig({
-  displayName: "FooterBottomBar__LeftWrapper",
-  componentId: "sc-bymlk0-0"
-})(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n    display: flex;\n    flex-wrap: wrap;\n    margin-left: -", "px;\n\n    & > * {\n        padding-left: ", "px;\n    }\n"], ["\n    display: flex;\n    flex-wrap: wrap;\n    margin-left: -", "px;\n\n    & > * {\n        padding-left: ", "px;\n    }\n"])), spacings.spacer, spacings.spacer);
-
-var FooterBottomBar = function (_a) {
-  var isInverted = _a.isInverted,
-      languages = _a.languages,
-      linksLeft = _a.linksLeft,
-      linksRight = _a.linksRight,
-      brandIcon = _a.brandIcon,
-      languageIcon = _a.languageIcon,
-      className = _a.className;
-  return React__default.createElement(FooterBottomGrid$1.View, {
-    className: className
-  }, React__default.createElement(LeftWrapper, null, languages && React__default.createElement(LanguageSwitcher, {
-    isInverted: isInverted,
-    langs: languages,
-    languageIcon: languageIcon ? languageIcon : function () {
-      return React__default.createElement(LanguageIcon, null);
-    },
-    textSize: "small"
-  }), isValidArray(linksLeft, false) && React__default.createElement(FooterBottomGrid$1.LinkList, {
-    links: linksLeft,
-    isInverted: isInverted,
-    brandIcon: function () {
-      return null;
-    }
-  })), isValidArray(linksRight) && React__default.createElement(FooterBottomGrid$1.LinkList, {
-    links: linksRight,
-    isInverted: isInverted,
-    brandIcon: brandIcon
-  }));
-};
-var templateObject_1$2;
-
-var FooterSection = styled(Section).withConfig({
-  displayName: "Footer__FooterSection",
-  componentId: "sc-9q145o-0"
-})(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n"])), withRange([0], 'padding-bottom'), withRange([0], 'margin-bottom'));
-var MainView = styled.div.withConfig({
-  displayName: "Footer__MainView",
-  componentId: "sc-9q145o-1"
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    & > * {\n        margin-bottom: ", "px;\n    }\n"], ["\n    & > * {\n        margin-bottom: ", "px;\n    }\n"])), spacings.nudge * 2);
-var ColTitle = styled(Copy).withConfig({
-  displayName: "Footer__ColTitle",
-  componentId: "sc-9q145o-2"
-})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    margin-bottom: ", "px;\n"], ["\n    margin-bottom: ", "px;\n"])), spacings.nudge * 2);
-var StyledLink = styled(Link).withConfig({
-  displayName: "Footer__StyledLink",
-  componentId: "sc-9q145o-3"
-})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: inline-block;\n    text-decoration: none;\n\n    ", "\n    color: ", ";\n"], ["\n    display: inline-block;\n    text-decoration: none;\n\n    ", "\n    color: ", ";\n"])), copyStyle('copy', 'medium'), function (_a) {
-  var theme = _a.theme,
-      isInverted = _a.isInverted;
-  return isInverted ? getColors(theme).text.inverted : getColors(theme).text.default;
-});
-var LinkList = styled.ul.withConfig({
-  displayName: "Footer__LinkList",
-  componentId: "sc-9q145o-4"
-})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n"], ["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n"])));
-var LinkItem = styled.li.withConfig({
-  displayName: "Footer__LinkItem",
-  componentId: "sc-9q145o-5"
-})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    & + & {\n        margin-top: ", "px;\n    }\n"], ["\n    & + & {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge);
-var CustomCol = styled.div.withConfig({
-  displayName: "Footer__CustomCol",
-  componentId: "sc-9q145o-6"
-})(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        & > * + * {\n            margin-top: ", "px;\n        }\n    }\n"], ["\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        & > * + * {\n            margin-top: ", "px;\n        }\n    }\n"])), spacings.nudge * 5, mq.semilarge, spacings.spacer);
-var FootNote = styled(Copy).withConfig({
-  displayName: "Footer__FootNote",
-  componentId: "sc-9q145o-7"
-})(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    margin-top: ", "px;\n\n    @media ", " {\n        margin-top: ", "px;\n    }\n"], ["\n    margin-top: ", "px;\n\n    @media ", " {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 5, mq.semilarge, spacings.spacer);
-
-var Footer = function (_a) {
-  var bgMode = _a.bgMode,
-      siteLinks = _a.siteLinks,
-      customColumn = _a.customColumn,
-      footNote = _a.footNote,
-      bottomBar = _a.bottomBar,
-      bottomLinksLeft = _a.bottomLinksLeft,
-      bottomLinksRight = _a.bottomLinksRight,
-      languages = _a.languages;
-  var colors = useLibTheme().colors;
-  var isInverted = bgMode === 'inverted';
-  var customCol = useMemo(function () {
-    return customColumn ? customColumn({
-      isInverted: isInverted,
-      siteLinks: siteLinks,
-      languages: languages,
-      bottomLinksLeft: bottomLinksLeft,
-      bottomLinksRight: bottomLinksRight
-    }) : undefined;
-  }, [bottomLinksLeft, bottomLinksRight, customColumn, isInverted, languages, siteLinks]);
-  var bottom = useMemo(function () {
-    return bottomBar ? bottomBar({
-      isInverted: isInverted,
-      siteLinks: siteLinks,
-      languages: languages,
-      bottomLinksLeft: bottomLinksLeft,
-      bottomLinksRight: bottomLinksRight
-    }) : undefined;
-  }, [bottomBar, bottomLinksLeft, bottomLinksRight, isInverted, languages, siteLinks]);
-  var hasBottomBar = useMemo(function () {
-    if (bottomBar === null) return false;
-    if (bottom) return true;
-    if (bottom === null) return false;
-    return isValidArray(languages, false) || isValidArray(bottomLinksLeft, false) || isValidArray(bottomLinksRight, false);
-  }, [bottom, bottomBar, bottomLinksLeft, bottomLinksRight, languages]);
-  return React__default.createElement(FooterSection, {
-    addSeperation: true,
-    renderAs: "footer",
-    clampSolidBg: false,
-    bgMode: mapToBgMode(bgMode, true),
-    bgColor: isInverted ? colors.sectionBg.dark : bgMode ? colors.sectionBg.medium : colors.sectionBg.light
-  }, React__default.createElement(Wrapper, {
-    addWhitespace: true
-  }, React__default.createElement(MainView, null, React__default.createElement(Grid.Row, {
-    gutter: spacings.nudge * 5,
-    medium: {
-      gutter: spacings.spacer
-    }
-  }, siteLinks === null || siteLinks === void 0 ? void 0 : siteLinks.map(function (_a, i) {
-    var title = _a.title,
-        links = _a.links;
-    return React__default.createElement(Grid.Col, {
-      key: i,
-      medium: {
-        span: 6 / 12
-      },
-      semilarge: {
-        span: 4 / 12
-      },
-      large: {
-        span: 3 / 12
-      },
-      valign: "top"
-    }, React__default.createElement(ColTitle, {
-      type: "copy-b",
-      isInverted: isInverted
-    }, title), React__default.createElement(LinkList, null, links === null || links === void 0 ? void 0 : links.map(function (_a, ii) {
-      var link = _a.link,
-          label = _a.label;
-      return React__default.createElement(LinkItem, {
-        key: ii
-      }, React__default.createElement(StyledLink, __assign({}, link, {
-        isInverted: isInverted
-      }), label));
-    })));
-  }), customCol && React__default.createElement(Grid.Col, {
-    large: {
-      span: 3 / 12
-    },
-    toRight: true,
-    valign: "top"
-  }, React__default.createElement(CustomCol, null, customCol))), footNote && React__default.createElement(FootNote, {
-    size: "small",
-    isInverted: isInverted,
-    innerHTML: footNote
-  })), bottom ? bottom : hasBottomBar ? React__default.createElement(FooterBottomBar, {
-    isInverted: isInverted,
-    linksLeft: bottomLinksLeft,
-    linksRight: bottomLinksRight,
-    languages: languages
-  }) : null));
-};
-var Footer$1 = withLibTheme(Footer);
-var templateObject_1$1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
-
-var View = styled.div.withConfig({
-  displayName: "FooterArticle__View",
-  componentId: "sc-apxyjh-0"
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 2);
-
-var FooterArticle = function (_a) {
-  var isInverted = _a.isInverted,
-      title = _a.title,
-      text = _a.text,
-      action = _a.action,
-      className = _a.className;
-  return React__default.createElement(View, {
-    className: className
-  }, title && React__default.createElement(Copy, {
-    type: "copy-b",
-    isInverted: isInverted
-  }, title), text && React__default.createElement(Copy, {
-    size: "small",
-    isInverted: isInverted,
-    innerHTML: text
-  }), action && action({
-    isInverted: isInverted
-  }));
-};
-var templateObject_1;
-
-var FooterColumn = function (_a) {
-  var isInverted = _a.isInverted,
-      title = _a.title,
-      text = _a.text,
-      action = _a.action,
-      socialTitle = _a.socialTitle,
-      socials = _a.socials;
-  return React__default.createElement(React__default.Fragment, null, (title || text || action) && React__default.createElement(FooterArticle, {
-    isInverted: isInverted,
-    title: title,
-    text: text,
-    action: action
-  }), socials && socials.length > 0 && React__default.createElement(SocialList, {
-    isInverted: isInverted,
-    title: socialTitle,
-    items: socials
-  }));
-};
-
-var index$1 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    FooterColumn: FooterColumn,
-    FooterBottomBar: FooterBottomBar
-});
-
-var index = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    FooterArticle: FooterArticle,
-    FooterBottomGrid: FooterBottomGrid$1
-});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
 
-export { Accordion$1 as Accordion, AlertList$1 as AlertList, Article$1 as Article, CallToAction$1 as CallToAction, CardList$1 as CardList, ComparisonSlider$1 as ComparisonSlider, CrossPromotion$1 as CrossPromotion, DynamicForm$1 as DynamicForm, EventDetail$1 as EventDetail, EventList$1 as EventList, EventOverview$1 as EventOverview, FactGrid$1 as FactGrid, FactList$1 as FactList, FeatureList$1 as FeatureList, Footer$1 as Footer, index$1 as FooterPartials, index as FooterSkeletons, Gallery$1 as Gallery, Header$1 as Header, IconList$1 as IconList, IndexList$1 as IndexList, Intro$2 as Intro, JobArticle$1 as JobArticle, JobList$1 as JobList, Map$2 as Map, NavList$1 as NavList, NewsAuthorCard$1 as NewsAuthorCard, NewsFooter$1 as NewsFooter, NewsImages$1 as NewsImages, NewsIntro$1 as NewsIntro, NewsList$1 as NewsList, NewsOverview$1 as NewsOverview, NewsTable$1 as NewsTable, NewsText$1 as NewsText, NewsVideo$1 as NewsVideo, NewsletterForm$1 as NewsletterForm, NumberList$1 as NumberList, ParallaxBackground, PointOfInterestDetail$1 as PointOfInterestDetail, PointOfInterestMap$1 as PointOfInterestMap, PointOfInterestOverview$1 as PointOfInterestOverview, Poster$1 as Poster, PriceList$1 as PriceList, PriceTable$1 as PriceTable, Quote$1 as Quote, RawVideo$1 as RawVideo, SimpleImage$1 as SimpleImage, SocialWall$1 as SocialWall, Table$1 as Table, Teaser$1 as Teaser, TeaserWide$1 as TeaserWide, Timeline$1 as Timeline, Video$2 as Video };
+export { Accordion$1 as Accordion, AlertList$1 as AlertList, Article$1 as Article, CallToAction$1 as CallToAction, CardList$1 as CardList, ComparisonSlider$1 as ComparisonSlider, CrossPromotion$1 as CrossPromotion, DynamicForm$1 as DynamicForm, EventDetail$1 as EventDetail, EventList$1 as EventList, EventOverview$1 as EventOverview, FactGrid$1 as FactGrid, FactList$1 as FactList, FeatureList$1 as FeatureList, Gallery$1 as Gallery, Header$1 as Header, IconList$1 as IconList, IndexList$1 as IndexList, Intro$2 as Intro, JobArticle$1 as JobArticle, JobList$1 as JobList, Map$2 as Map, NavList$1 as NavList, NewsletterForm$1 as NewsletterForm, NumberList$1 as NumberList, ParallaxBackground, PointOfInterestDetail$1 as PointOfInterestDetail, PointOfInterestMap$1 as PointOfInterestMap, PointOfInterestOverview$1 as PointOfInterestOverview, Poster$1 as Poster, PriceList$1 as PriceList, PriceTable$1 as PriceTable, Quote$1 as Quote, RawVideo$1 as RawVideo, SimpleImage$1 as SimpleImage, SocialWall$1 as SocialWall, Table$1 as Table, Teaser$1 as Teaser, TeaserWide$1 as TeaserWide, Timeline$1 as Timeline, Video$2 as Video };
 //# sourceMappingURL=sections.js.map