@sunrise-upc/sales-static-components 0.0.11 → 0.1.0

package/dist/cjs/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import "./ButtonGroup.css";
+declare const ButtonGroup: FC<any>;
+export default ButtonGroup;

package/dist/cjs/components/ButtonGroup/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ButtonGroup';

package/dist/cjs/components/ImageComponent/ImageComponent.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const ImageComponent: FC<any>;
+export default ImageComponent;

package/dist/cjs/components/ImageComponent/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ImageComponent';

package/dist/cjs/components/ImageWithText/ImageWithText.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+declare const ImageWithText: FC<any>;
+export default ImageWithText;

package/dist/cjs/components/ImageWithText/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ImageWithText';

package/dist/cjs/components/ImageWithTextWrapper/ImageWithTextWrapper.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+declare const ImageWithTextWrapper: FC<any>;
+export default ImageWithTextWrapper;

package/dist/cjs/components/ImageWithTextWrapper/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ImageWithTextWrapper';

package/dist/cjs/components/RibbonComponent/utils.d.ts

@@ -1,3 +1,4 @@
 export declare const getFalconButtonClass: (type: string) => string;
 export declare const dateWithTimeZone: (timeZone: string, year: number, month: number, day: number, hour: number, minute: number, second: number) => Date;
 export declare const calculateDateTime: (dateObj: Date) => Date;
+export declare const viewport: () => string;

package/dist/cjs/components/TextComponent/TextComponent.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+declare const TextComponent: FC<any>;
+export default TextComponent;

package/dist/cjs/components/TextComponent/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TextComponent';

package/dist/cjs/components/index.d.ts

@@ -1,2 +1,7 @@
 export { default as RibbonComponent } from "./RibbonComponent";
 export { default as StageTeaserComponent } from "./StageTeaserComponent";
+export { default as ImageComponent } from './ImageComponent';
+export { default as TextComponent } from './TextComponent';
+export { default as ButtonGroup } from './ButtonGroup';
+export { default as ImageWithText } from './ImageWithText';
+export { default as ImageWithTextWrapper } from './ImageWithTextWrapper';

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";var n=require("react"),r=require("storyblok-rich-text-react-renderer-ts"),e=require("cookies-next");function t(n,r){void 0===r&&(r={});var e=r.insertAt;if(n&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===e&&t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.styleSheet?o.styleSheet.cssText=n:o.appendChild(document.createTextNode(n))}}t(".ribbonComponent_Wrapper{\r\n  width: 100%;\r\n}\r\n.ribbonComponent_Card {\r\n  display: flex;\r\n  align-items: center;\r\n  padding:16px 0;\r\n}\r\n.ribbonComponent_DarkText{\r\n  color: #ffffff !important;\r\n}\r\n.ribbonComponent_DarkDescription a {\r\ncolor: #ffffff;\r\n}\r\n.ribbonComponent_Image {\r\n  margin-top: 5px;\r\n  margin-right: 8px;\r\n}\r\n.ribbonComponent_Icon {\r\n  height: 24px;\r\n  width: 24px;\r\n}\r\n.ribbonComponent_TextContainer {\r\n  margin: 8px 0;\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n}\r\n.ribbonComponent_Title {\r\n  font-weight: 700;\r\n}\r\n.ribbonComponent_Description {\r\n  font-weight: 400;\r\n}\r\n.ribbonComponent_CloseIcon {\r\n  margin-right: 16px;\r\n}\r\n.ribbonComponent_HrBreaker {\r\n  width: 1px;\r\n  height: 32px;\r\n  margin-left: 8px;\r\n  margin-right: 8px;\r\n  border-radius: 1px;\r\n  opacity: 0.2;\r\n  flex-shrink: 0;\r\n  background: #3D3935;\r\n}\r\n.ribbonComponent_OnlyTimer{\r\n  width:30px;\r\n}\r\n.ribbonComponent_Button{\r\n  text-wrap:nowrap;\r\n}\r\n.falcon-button-defaults {\r\n  border-radius: 28px;\r\n  cursor: pointer;\r\n  display: inline-block;\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n  font-weight: 700;\r\n  padding: 10px 24px;\r\n  text-decoration: none;\r\n}\r\n.ribbonComponent_phoneIcon {\r\n  background-size: contain;\r\n  display: inline-flex;\r\n  height: 24px;\r\n  margin: 0 8px 0 10px;\r\n  width: 24px;\r\n}\r\n.ribbonComponent_ButtonSection {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n}\r\n.ribbonComponent_descriptionBlockSection {\r\n  display: flex;\r\n}\r\n/* Mobile only viewport */\r\n@media all and (max-width: 767px) {\r\n  .falcon-primary-button-v1-JC:visited {\r\n    background-color: #e97f77;\r\n  }\r\n  .ribbonComponent_Card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    margin-left: 16px;\r\n  }\r\n  .ribbonComponent_CloseIcon1{\r\n    margin-right: 0;\r\n    position: absolute;\r\n    right: 16px;\r\n    margin-top: 16px;\r\n  }\r\n  .ribbonComponent_ButtonSection {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n    padding-bottom: 16px;\r\n    padding-top: 8px;\r\n    margin-left: 32px;\r\n  }\r\n  .ribbonComponent_descriptionBlockSection {\r\n    padding-top:16px;\r\n    padding-right: 78px;\r\n    margin-left: 16px;\r\n  }\r\n  .ribbonComponent_Timer{\r\n    margin-left: 8px;\r\n    padding-bottom: 8px;\r\n  }\r\n  .ribbonComponent_Button{\r\n    margin-left: 8px;\r\n  }\r\n  .ribbonComponent_CloseIcon{\r\n    display: none;\r\n  }\r\n}\r\n/* Mobile and tablet viewport */\r\n@media all and (max-width: 1023px) {\r\n  .ribbonComponent_HrBreaker {\r\n    display: none;\r\n  }\r\n  .ribbonComponent_Button {\r\n    padding-bottom: 16px;\r\n  }\r\n}\r\n\r\n/* Tablet only viewport */\r\n@media all and (min-width: 768px) and (max-width: 1023px) {\r\n  .ribbonComponent_Card{\r\n    justify-content: space-between;\r\n  }\r\n  .ribbonComponent_ButtonSection {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding-right: 90px;\r\n    padding-left:70px;\r\n    margin: 6px 0 0 0;\r\n    align-items: flex-end;\r\n  }\r\n  .ribbonComponent_Button{\r\n    margin: 8px 0;\r\n  }\r\n  .ribbonComponent_CloseIcon{\r\n    display: none;\r\n  }\r\n  .ribbonComponent_CloseIcon1{\r\n    margin-right: 0;\r\n    position: absolute;\r\n    right: 40px;\r\n    padding-left: 16px;\r\n  }\r\n  .ribbonComponent_descriptionBlockSection{\r\n    margin-left:40px;\r\n  }\r\n}\r\n\r\n/* Desktop only viewport */\r\n@media (min-width: 1024px) {\r\n  .ribbonComponent_Card{\r\n    justify-content: space-between;\r\n    margin-left:0;\r\n  }\r\n  .ribbonComponent_Button{\r\n    margin: 0 16px;\r\n    text-wrap:nowrap;\r\n  }\r\n  .ribbonComponent_descriptionBlockSection{\r\n    margin:0 42px;\r\n  }\r\n  .ribbonComponent_ButtonSection{\r\n    padding-left: 60px;\r\n  }\r\n  .ribbonComponent_CloseIcon{\r\n    margin-right: 42px;\r\n  }\r\n  .ribbonComponent_CloseIcon1{\r\n    display: none;\r\n  }\r\n}\r\n@media (min-width: 1440px){\r\n  .ribbonComponent_Card{\r\n    max-width: 1440px;\r\n    margin: auto;\r\n  }\r\n  .ribbonComponent_descriptionBlockSection{\r\n    margin:0 72px;\r\n  }\r\n  .ribbonComponent_CloseIcon{\r\n    margin-right: 72px;\r\n  }\r\n  .ribbonComponent_ButtonSection{\r\n    padding-left: 80px;\r\n  }\r\n  .ribbonComponent_OnlyTimer{\r\n    width:60px;\r\n  }  \r\n}\r\n\r\n.falcon-primary-button-v1 > .falcon-button-defaults {\r\n  background-color: #da291c;\r\n  color: #ffffff;\r\n}\r\n.falcon-primary-button-v1:hover {\r\n  background-color: #961c13;\r\n}\r\n.falcon-primary-button-v1:visited {\r\n  background-color: #c7355f;\r\n}\r\n.falcon-primary-button-v1:disabled {\r\n  background-color: #e6e3df;\r\n  color: #b3aeaa;\r\n  cursor: default;\r\n}\r\n\r\n.falcon-primary-button-v1-JC > .falcon-button-defaults {\r\n  background-color: #ffffff;\r\n  color: #da291c;\r\n}\r\n.falcon-primary-button-v1-JC:hover {\r\n  background-color: #e97f77;\r\n  color: #ffffff;\r\n}\r\n.falcon-primary-button-v1-JC:visited {\r\n  background-color: #961c13;\r\n  color: #ffffff;\r\n}\r\n.falcon-primary-button-v1-JC:disabled {\r\n  background-color: #e6e3df;\r\n  color: #b3aeaa;\r\n  cursor: default;\r\n}\r\n.falcon-secondary-button-v1 > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  border: 2px solid #da291c;\r\n  color: #da291c;\r\n}\r\n.falcon-secondary-button-v1:hover {\r\n  border-color: #961c13;\r\n  color: #961c13;\r\n}\r\n.falcon-secondary-button-v1:visited {\r\n  border-color: #c7355f;\r\n  color: #c7355f;\r\n}\r\n.falcon-secondary-button-v1:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  border: 2px solid #da291c;\r\n  color: #ffffff;\r\n}\r\n.falcon-secondary-button-v1-JC:hover {\r\n  border-color: #f1571d;\r\n}\r\n.falcon-secondary-button-v1-JC:visited {\r\n  border-color: #c7355f;\r\n}\r\n.falcon-secondary-button-v1-JC:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n.falcon-secondary-button-v4 > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  padding-left: 0;\r\n  padding-right: 0;\r\n  color: #da291c;\r\n}\r\n.falcon-secondary-button-v4:hover {\r\n  border-color: #961c13;\r\n  color: #961c13;\r\n}\r\n.falcon-secondary-button-v4:visited {\r\n  border-color: #c7355f;\r\n  color: #c7355f;\r\n}\r\n.falcon-secondary-button-v4:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v4-JC > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  padding: 0;\r\n  color: #ffffff;\r\n}\r\n.falcon-secondary-button-v4-JC:hover {\r\n  border-color: #c7355f;\r\n  color: #c7355f;\r\n}\r\n.falcon-secondary-button-v4-JC:visited {\r\n  border-color: #961c13;\r\n  color: #961c13;\r\n}\r\n.falcon-secondary-button-v4-JC:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v5 > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  padding: 0;\r\n  color: #3d3935;\r\n  font-weight: 400;\r\n}\r\n.falcon-secondary-button-v5 > div {\r\n  text-decoration-line: underline;\r\n}\r\n\r\n.falcon-secondary-button-dark > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  color: #3d3935;\r\n  border: 2px solid #3d3935;\r\n}\r\n.falcon-primary-dark-button {\r\n  background: #5f5955;\r\n  padding: 10px 24px;\r\n  box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);\r\n  border-radius: 28px 0px 0px 28px;\r\n}\r\n.falcon-primary-dark-button:hover {\r\n  background: #86807c;\r\n  box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);\r\n}\r\n.falcon-primary-dark-button:visited {\r\n  background: #86807c;\r\n  box-sizing: border-box;\r\n  box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);\r\n  padding: 8px 22px;\r\n  border: 2px solid #5f5955;\r\n}\r\n");const o=e=>n.createElement("div",null,r.render(e.content,{markResolvers:{link:(r,t)=>{const{href:o,target:a,linktype:i}=t;return"email"===i?n.createElement("a",{href:`mailto:${o}`,target:null===a||"_self"===a?"_top":"_blank"},r):e.isIFrame?n.createElement("a",{href:o,target:null===a||"_self"===a?"_top":"_blank"},r):n.createElement("a",{href:o,target:null===a?"":a,onClick:()=>{return n=r,void("function"==typeof(null==e?void 0:e.callBack)&&(null==e||e.callBack(n)));var n}},r)}}}));t("/* Mobile only viewport */\r\n@media all and (max-width: 767px) {\r\n  .timer-wrap {\r\n    text-align: center !important;\r\n    margin-left: 0 !important;\r\n    margin-right: 0 !important;\r\n  }\r\n  .timer-container {\r\n    min-width: 260px;\r\n  }\r\n  .timer-message {\r\n    margin-bottom: 10px;\r\n  }\r\n  .timer-section {\r\n    justify-content: center;\r\n    margin-top: 4px;\r\n    margin-left: unset !important;\r\n    margin-right: unset !important;\r\n  }\r\n}\r\n/* Mobile and tablet viewport */\r\n@media all and (max-width: 1023px) {\r\n  .timer-message {\r\n    margin-top: unset;\r\n  }\r\n}\r\n\r\n/* Tablet only viewport */\r\n@media all and (min-width: 768px) and (max-width: 1023px) {\r\n  .timer-section {\r\n    margin-top: unset;\r\n  }\r\n}\r\n\r\n.timer-container {\r\n  color: black;\r\n  display: inline-block;\r\n  max-width: 100%;\r\n  min-width: 242px;\r\n  /* padding-top: 10px; */\r\n}\r\n.colon {\r\n  font-weight: 700;\r\n  font-size: 28px;\r\n  line-height: 36px;\r\n}\r\n\r\n.timer-section {\r\n  display: flex;\r\n   /* margin-top: 12px; */\r\n  padding: 8px 0;\r\n  padding-left: 10px;\r\n  padding-right: 10px;\r\n}\r\n.timer-element {\r\n  display: inline-block;\r\n  min-width: 42px;\r\n  padding: 0 6px;\r\n  text-align: center;\r\n}\r\n.timer-value {\r\n  font-weight: 700;\r\n  font-size: 32px;\r\n  line-height: 36px;\r\n}\r\n.timer-label {\r\n  font-weight: 400;\r\n  font-size: 12px;\r\n  line-height: 16px;\r\n}\r\n.transparent-element:first-child {\r\n    padding-left: 0;\r\n}\r\n");const a=n=>{switch(n){case"Primary-V1":return"falcon-primary-button-v1";case"Secondary-V1":return"falcon-secondary-button-v1";case"Secondary-V4":return"falcon-secondary-button-v4";case"Secondary-Dark":return"falcon-secondary-button-dark";case"Primary-Dark-V1":return"falcon-primary-dark-button";case"Secondary-V5":return"falcon-secondary-button-v5";default:return""}},i=n=>{let r=new Date(n);return r=((n,r,e,t,o,a,i)=>{const l=new Date(Date.UTC(r,e,t,o,a,i)),d=new Date(l.toLocaleString("en-US",{timeZone:"Europe/Vienna"})),s=new Date(l.toLocaleString("en-US",{timeZone:n})),c=d.getTime()-s.getTime();return l.setTime(l.getTime()+c),l})("Europe/Vienna",r.getFullYear(),r.getMonth(),r.getDate(),r.getHours(),r.getMinutes(),r.getSeconds()),r},l="center",d="left",s="transparent",c="00",m=({content:r})=>{var e;return n.createElement("div",{className:"container",style:{justifyContent:r.timerAlignment===l?"center":r.timerAlignment===d?"left":"right"}},n.createElement("div",{className:"timer-section",style:{color:r.timerColor,backgroundColor:r.backgroundColor,marginLeft:r.backgroundColor===s&&r.timerAlignment===d?"-9px":"unset",marginRight:r.backgroundColor===s&&"right"===r.timerAlignment?"-24px":"unset"}},n.createElement("div",{className:"timer-element"},n.createElement("div",{className:"timer-value"}," ",c," "),n.createElement("div",{className:"timer-label"},r.dayLabel)),n.createElement("div",{className:"colon"},":"),n.createElement("div",{className:"timer-element"},n.createElement("div",{className:"timer-value"}," ",c," "),n.createElement("div",{className:"timer-label"},r.hourLabel)),n.createElement("div",{className:"colon"},":"),n.createElement("div",{className:"timer-element"},n.createElement("div",{className:"timer-value"}," ",c," "),n.createElement("div",{className:"timer-label"},r.minuteLabel)),n.createElement("div",{className:"colon"},":"),n.createElement("div",{className:"timer-element"},n.createElement("div",{className:"timer-value"}," ",c),n.createElement("div",{className:"timer-label"},r.secondLabel))),n.createElement("div",{className:"timer-message",style:{color:null===(e=r.expiryLabelColor)||void 0===e?void 0:e.color}},r.expiryLabel))},p=({content:r})=>{var e,t,o,a,s,c,p,u;const b=i(new Date(null===(e=null==r?void 0:r.endTime)||void 0===e?void 0:e.replace(/-/g,"/"))),g=i(new Date(null===(t=null==r?void 0:r.startTime)||void 0===t?void 0:t.replace(/-/g,"/"))),v=(null==r?void 0:r.colorChangeTime)&&i(new Date(null===(o=null==r?void 0:r.colorChangeTime)||void 0===o?void 0:o.replace(/-/g,"/"))),[f,x]=n.useState(!1),[h,T]=n.useState(null!==(a=null==r?void 0:r.timerColor)&&void 0!==a?a:""),[y,w]=n.useState(!1),B=()=>{const n=new Date;v&&!y&&n.getTime()>v.getTime()&&(T("#da291c"),w(!0)),n.getTime()>=g.getTime()&&!f&&x(!0);const r=b.getTime()-n.getTime();if(r>0&&f){return{days:("0"+Math.floor(r/864e5)).slice(-2),hours:("0"+Math.floor(r/36e5%24)).slice(-2),mins:("0"+Math.floor(r/1e3/60%60)).slice(-2),sec:("0"+Math.floor(r/1e3%60)).slice(-2)}}return null},k={timerColor:h,backgroundColor:null==r?void 0:r.backgroundColor,expiryLabel:r.expiryLabel,timerAlignment:r.timerAlignment,dayLabel:r.dayLabel,hourLabel:r.hourLabel,minuteLabel:r.minuteLabel,secondLabel:r.secondLabel,expiryLabelColor:r.expiryLabelColor},[C,P]=n.useState(B());n.useEffect((()=>{P(B());const n=setInterval((()=>{P(B())}),1e3);return()=>{clearInterval(n)}}),[]);const S=[{label:null!==(s=null==r?void 0:r.hourLabel)&&void 0!==s?s:"",value:null==C?void 0:C.hours},{label:null!==(c=null==r?void 0:r.minuteLabel)&&void 0!==c?c:"",value:null==C?void 0:C.mins},{label:null!==(p=null==r?void 0:r.secondLabel)&&void 0!==p?p:"",value:null==C?void 0:C.sec}];return n.createElement("div",{className:"timer-wrap",style:{textAlign:r.timerAlignment===l?"center":r.timerAlignment===d?"left":"right"}},f&&n.createElement("div",{className:"timer-container"},C?n.createElement("div",{className:"timer-section",style:{color:(null==r?void 0:r.isDarkMode)?"#ffffff":h,backgroundColor:null!==(u=null==r?void 0:r.backgroundColor)&&void 0!==u?u:"transparent"}},n.createElement("div",{className:" timer-element transparent-element"},n.createElement("div",{className:"timer-value"}," ",null==C?void 0:C.days),n.createElement("div",{className:"timer-label"},r.dayLabel)),S.map(((r,e)=>n.createElement(n.Fragment,{key:e},n.createElement("div",{className:"colon"},":"),n.createElement("div",{className:"timer-element"},n.createElement("div",{className:"timer-value"}," ",r.value),n.createElement("div",{className:"timer-label"},r.label)))))):n.createElement(m,{content:k})))};t(".stageTeaserMain{\r\n  padding-left: 14px;\r\n  padding-right: 14px;\r\n  height: 100%;\r\n}\r\nvideo {\r\n  object-fit: cover;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  border-top-right-radius: 8px;\r\n  border-bottom-right-radius: 8px;\r\n}\r\n.video-wrapper {\r\n  overflow: hidden;\r\n  text-align: center;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n  .stageTeaserContainer {\r\n    margin-left: 8px;\r\n    margin-right: 8px;\r\n    border-radius: 8px;\r\n    flex-direction: row;\r\n    width: calc(100% - 10px);\r\n    height: 100%;\r\n  }\r\n  .stageTeaserRightWrapper {\r\n    position: relative;\r\n  }\r\n  .stageTeaserMainText {\r\n    font-size: 48px;\r\n    line-height: 60px;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n  }\r\n  .stageTeaserSecondaryPromoText {\r\n    overflow-wrap: anywhere;\r\n    font-size: 14px;\r\n    line-height: 16px;\r\n    font-weight: 500;\r\n  }\r\n  .stageTeaserSecondaryPromoPercent {\r\n    font-size: 34px;\r\n    line-height: 38px;\r\n    font-weight: 700;\r\n  }\r\n  .stageTeaserPromoText {\r\n    font-size: 18px;\r\n    line-height: 20px;\r\n    font-weight: 500;\r\n  }\r\n  .stageTeaserLeftWrapperBackground {\r\n    background: var(--primary-colour-pale-dawn-grey-200, #e6e3df);\r\n  }\r\n  .stageTeaserBannerWrapper .react-multi-carousel-list {\r\n    position: initial;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multiple-carousel__arrow {\r\n    background: #ffffff;\r\n    box-shadow: 0px 4px 12px rgba(87, 84, 82, 0.2);\r\n    border-radius: 24px;\r\n    font-size: 16px;\r\n    height: 44px;\r\n    width: 44px;\r\n    padding: 10px;\r\n    z-index: 1;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multiple-carousel__arrow::before {\r\n    color: #da291c;\r\n    font-size: 16px;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multiple-carousel__arrow:disabled::before {\r\n    color: #b3aeaa;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n    right: 3%;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n    left: 3%;\r\n  }\r\n  /* dots */\r\n  .stageTeaserBannerWrapper .react-multi-carousel-dot button {\r\n    background: #ffffff;\r\n    opacity: 0.3;\r\n    border: 0px;\r\n    transition: none;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multi-carousel-dot--active button {\r\n    background: #da291c;\r\n    opacity: 1;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multi-carousel-dot button:hover:active {\r\n    background: #da291c;\r\n  }\r\n  @media (max-width: 768px) {\r\n    .stageTeaserContainer {\r\n      flex-direction: column;\r\n    }\r\n    .stageTeaserMainText {\r\n      font-size: 32px;\r\n      line-height: 40px;\r\n      font-weight: 500;\r\n    }\r\n    \r\n    .stageTeaserPromoPercent {\r\n      font-size: 36px;\r\n      line-height: 32px;\r\n      font-weight: 700;\r\n    }\r\n    .stageTeaserPromoText {\r\n      font-size: 14px;\r\n      line-height: 16px;\r\n      font-weight: 500;\r\n    }\r\n  }\r\n  @media only screen and (min-width: 376px) and (max-width: 768px) {\r\n    .stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n      right: 4%;\r\n    }\r\n    .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n      left: 4%;\r\n    }\r\n  }\r\n  @media (min-width: 1025px) {\r\n    .stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n      right: 5%;\r\n    }\r\n    .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n      left: 5%;\r\n    }\r\n  }\r\n  \r\n  \r\n  .teaserTimer {\r\n    padding-top: 10px;\r\n    padding-bottom: 10px;\r\n  }\r\n  \r\n  /*Tablet md & All small devices*/\r\n  @media only screen and (max-width : 768px) {\r\n    video {\r\n      border-top-right-radius: 0px;\r\n      border-bottom-right-radius: 8px;\r\n      border-bottom-left-radius: 8px;\r\n    }\r\n    .stageTeaserRightWrapper {\r\n      height: 400px;\r\n    }\r\n    .stageTeaserLeftWrapper {\r\n      padding: 24px;\r\n      text-align: center;\r\n    }\r\n    .stageTeaserSecondaryPromoPercent {\r\n      font-size:28px;\r\n    }\r\n  }\r\n  \r\n  \r\n  /*Tablet - lg*/\r\n  @media only screen and (min-width : 769px) and (max-width : 1024px) {\r\n    .stageTeaserRightWrapper {\r\n      width: 100%;\r\n    }\r\n    .promoImage{\r\n      padding-right: 51px;\r\n      padding-top: 114px;\r\n    }\r\n    .stageTeaserLeftWrapper {\r\n      padding: 55px;\r\n    }\r\n  }\r\n  @media (width : 1024px) {\r\n    .stageTeaserRightWrapper {\r\n      width: 50%;\r\n    }\r\n  }\r\n  /*Desktop, Laptop & Large Desktops*/\r\n  @media only screen and (min-width : 1025px) {\r\n    .stageTeaserLeftWrapper {\r\n      padding: 120px;\r\n    }\r\n  }\r\n  \r\n  \r\n  /*Extra Large Screens*/\r\n  @media only screen and (min-width : 2000px) {\r\n    .stageTeaserLeftWrapper {\r\n      padding: 320px;\r\n    }\r\n  }\r\n  \r\n  \r\n  #inboxCount{\r\n    position: absolute; \r\n    top: 0;\r\n    right:0;\r\n  }");t(".stageTeaserPromoBubble {\r\n  display: flex;\r\n  text-align: center;\r\n  padding: 0px 16px;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 4px;\r\n  flex-shrink: 0;\r\n  border-radius: 50%;\r\n  position: absolute;\r\n}\r\n\r\n.stageTeaserPrimaryPromoBubble {\r\n  width: 160px;\r\n  height: 160px;\r\n  background: var(--primary-colour-ice-white, #ffffff);\r\n  z-index: 1;\r\n}\r\n\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n  background: var(--primary-colour-ice-white, #ffffff);\r\n  z-index: 1;\r\n}\r\n\r\n.stageTeaserSecondaryPromoBubble {\r\n  width: 120px;\r\n  height: 120px;\r\n  top: 171px;\r\n  color: #ffffff;\r\n  background: var(--primary-colour-grey-dusk-grey-600, #3d3935);\r\n}\r\n\r\n.stageTeaserPromoPercent,\r\n.stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoPercent {\r\n  font-size: 52px;\r\n  line-height: 52px;\r\n  font-weight: 700;\r\n}\r\n\r\n/*Tablet md & All small devices*/\r\n@media only screen and (max-width: 768px) {\r\n    /* primary bubble size*/\r\n    .stageTeaserPrimaryPromoBubble {\r\n    width: 120px;\r\n    height: 120px;\r\n  }\r\n  \r\n  .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoText {\r\n    font-size: 18px;\r\n    line-height: 20px;\r\n    font-weight: 500;\r\n  }\r\n  .stageTeaserPromoPercent,\r\n  .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoPercent {\r\n    font-size: 24px;\r\n    line-height: 32px;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoText {\r\n    font-size: 10px;\r\n    line-height: 14px;\r\n  }\r\n  /* primary with secondary size*/\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n    width: 96px;\r\n    height: 96px;\r\n  }\r\n\r\n  /* secondary bubble size*/\r\n  .stageTeaserSecondaryPromoBubble {\r\n    width: 84px;\r\n    height: 84px;\r\n  }\r\n\r\n  .stageTeaserSecondaryPromoPercent {\r\n    font-size: 21px;\r\n    line-height: 24px;\r\n  }\r\n\r\n  .stageTeaserSecondaryPromoText {\r\n    font-size: 12px;\r\n    line-height: 12px;\r\n  }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width: 768px) and (max-width: 1024px) {\r\n  /* primary with secondary size*/\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n    width: 120px;\r\n    height: 120px;\r\n  }\r\n  .stageTeaserPromoPercent,\r\n  .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoPercent {\r\n    font-size: 42px;\r\n  }\r\n  .stageTeaserSecondaryPromoBubble {\r\n    width: 96px;\r\n    height: 96px;\r\n  }\r\n  .stageTeaserSecondaryPromoPercent{\r\n    font-size: 26px;\r\n  }\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width: 2000px) {\r\n  /* primary with secondary size*/\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n    width: 360px;\r\n    height: 360px;\r\n  }\r\n  /* secondary bubble size*/\r\n  .stageTeaserSecondaryPromoBubble {\r\n    width: 160px;\r\n    height: 160px;\r\n    top: 171px;\r\n  }\r\n  \r\n}\r\n");t("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n  right: 40px;\r\n}\r\n.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n  bottom: 40px;\r\n}\r\n\r\n/* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n  right: 86px;\r\n  left: initial;\r\n}\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n  bottom: 131px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n  right: 40px;\r\n  left: initial;\r\n}\r\n.stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n  bottom: 40px;\r\n  top: initial;\r\n}\r\n\r\n/*Very small devices - phones*/\r\n@media screen and (max-width : 652px) {\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n    right: 46px;\r\n    left: initial;\r\n    bottom: 48px;\r\n    top: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n    right: 6px;\r\n    left: initial;\r\n    bottom: 102px;\r\n  }\r\n}\r\n\r\n/*All small devices - phones*/\r\n@media screen and (min-width : 652px) and (max-width : 768px) {\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n    right: 192px;\r\n    left: initial;\r\n    bottom: 48px;\r\n    top: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n    right: 128px;\r\n    left: initial;\r\n    bottom: 102px;\r\n  }\r\n}\r\n\r\n/*Tablet - md*/\r\n@media only screen and (min-width : 769px) and (max-width : 990px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n    right: 48px;\r\n    left: initial;\r\n    bottom: 128px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n    right: 22px;\r\n    left: initial;\r\n    bottom: 60px;\r\n    top: initial;\r\n  }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n    right: 48px;\r\n    left: initial;\r\n    bottom: 128px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n    right: 22px;\r\n    left: initial;\r\n    bottom: 60px;\r\n    top: initial;\r\n  }\r\n}\r\n\r\n/*Desktop, Laptop & Large Desktops*/\r\n@media only screen and (min-width : 1025px) {\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width : 2000px) {\r\n}");t("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n    left: 40px;\r\n  }\r\n  .stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n    bottom: 40px;\r\n  }\r\n  \r\n  /* primary with secondary */\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n    left: 86px;\r\n    right:  initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n    bottom: 131px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n    left: 40px;\r\n    right:  initial;\r\n  }\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n    bottom: 40px;\r\n    top: initial;\r\n  }\r\n  \r\n  \r\n  /*All small devices - phones*/\r\n  @media screen and (max-width : 768px) {\r\n    /* secondary bubble */\r\n    .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n      left: 58px;\r\n      right:  initial;\r\n      bottom: 48px;\r\n      top: initial;\r\n    }\r\n    .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n      left: 8px;\r\n      right:  initial;\r\n      bottom: 102px;\r\n    }\r\n  }\r\n  \r\n  /*Tablet - md*/\r\n  @media only screen and (min-width : 769px) and (max-width : 990px) {\r\n    .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n      left: 48px;\r\n      right:  initial;\r\n      bottom: 128px;\r\n    }\r\n    /* secondary bubble */\r\n    .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n      left: 22px;\r\n      right:  initial;\r\n      bottom: 60px;\r\n      top: initial;\r\n    }\r\n  }\r\n  \r\n  /*Tablet - lg*/\r\n  @media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n    .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n      left: 48px;\r\n      right:  initial;\r\n      bottom: 128px;\r\n    }\r\n    /* secondary bubble */\r\n    .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n      left: 22px;\r\n      right:  initial;\r\n      bottom: 60px;\r\n      top: initial;\r\n    }\r\n  }\r\n  \r\n  /*Desktop, Laptop & Large Desktops*/\r\n  @media only screen and (min-width : 1025px) {\r\n  }\r\n  \r\n  /*Extra Large Screens*/\r\n  @media only screen and (min-width : 2000px) {\r\n  }");t("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n  left: 40px;\r\n}\r\n.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n  top: 40px;\r\n}\r\n\r\n@media screen and (max-width : 568px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n    left: 38px;\r\n    right:  initial;\r\n    top: 68px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n    left: 2px;\r\n    right:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n@media screen and (min-width : 568px) and (max-width : 768px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n    left: 112px;\r\n    right:  initial;\r\n    top: 68px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n    left: 61px;\r\n    right:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n@media screen and (width : 768px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n    left: 132px;\r\n    right:  initial;\r\n    top: 84px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n    left: 61px;\r\n    right:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n\r\n/*All small devices - phones*/\r\n\r\n/*Tablet - md*/\r\n@media only screen and (min-width : 769px) and (max-width : 990px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n    left: 0px;\r\n    right:  initial;\r\n    top: 18px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n    left: -33px;\r\n    right:  initial;\r\n    top: 111px;\r\n    bottom: initial;\r\n  }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n    left: 22px;\r\n    right:  initial;\r\n    top: 22px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n    left: -22px;\r\n    right:  initial;\r\n    top: 108px;\r\n    bottom: initial;\r\n  }\r\n}\r\n\r\n/*Desktop, Laptop & Large Desktops*/\r\n@media only screen and (min-width : 1025px) and (max-width : 2000px) {\r\n  /* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n  left: 72px;\r\n  right:  initial;\r\n  top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n  left: 20px;\r\n  right:  initial;\r\n  top: 126px;\r\n  bottom: initial;\r\n}\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width : 2000px) {\r\n  \r\n/* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n  left: 0px;\r\n  right:  initial;\r\n  top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n  left: -62px;\r\n  right:  initial;\r\n  top: 41px;\r\n  bottom: initial;\r\n}\r\n\r\n\r\n}");t("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserTopRight {\r\n  right: 40px;\r\n}\r\n.stageTeaserPromoBubble.stageTeaserTopRight {\r\n  top: 40px;\r\n}\r\n\r\n@media screen and (max-width : 568px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n    right: 38px;\r\n    left:  initial;\r\n    top: 68px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n    right: 2px;\r\n    left:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n@media screen and (min-width : 568px) and (max-width : 768px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n    right: 112px;\r\n    left:  initial;\r\n    top: 68px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n    right: 61px;\r\n    left:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n@media screen and (width : 768px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n    right: 132px;\r\n    left:  initial;\r\n    top: 84px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n    right: 61px;\r\n    left:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n\r\n/*All small devices - phones*/\r\n\r\n/*Tablet - md*/\r\n@media only screen and (min-width : 769px) and (max-width : 990px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n    right: 72px;\r\n    left:  initial;\r\n    top: 18px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n    right: 24px;\r\n    left:  initial;\r\n    top: 111px;\r\n    bottom: initial;\r\n  }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n    right: 78px;\r\n    left:  initial;\r\n    top: 22px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n    right: 26px;\r\n    left:  initial;\r\n    top: 108px;\r\n    bottom: initial;\r\n  }\r\n}\r\n\r\n/*Desktop, Laptop & Large Desktops*/\r\n@media only screen and (min-width : 1025px) and (max-width : 2000px) {\r\n  /* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n  right: 72px;\r\n  left:  initial;\r\n  top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n  right: 20px;\r\n  left:  initial;\r\n  top: 126px;\r\n  bottom: initial;\r\n}\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width : 2000px) {\r\n  \r\n/* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n  right: 0px;\r\n  left:  initial;\r\n  top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n  right: 44px;\r\n  left:  initial;\r\n  top: 322px;\r\n  bottom: initial;\r\n}\r\n\r\n\r\n}");t(".falcon-grey-600 {\r\n  color: #3d3935;\r\n}\r\n\r\n.falcon-grey-500 {\r\n  color: #5f5955;\r\n}\r\n.falcon-grey-400 {\r\n  color: #86807c;\r\n}\r\n\r\n.falcon-grey-100 {\r\n  color: #f7f6f5;\r\n}\r\n\r\n.falcon-ice-white {\r\n  color: #ffffff;\r\n}\r\n.falcon-background-grey-100 {\r\n  background-color: #f7f6f5;\r\n}\r\n.falcon-background-ice-white {\r\n  background-color: #ffffff;\r\n}\r\n.falcon-background-transparent {\r\n  background-color: transparent;\r\n}\r\n\r\n.falcon-gradient-rubyglow-diagonal {\r\n  border-radius: 8px;\r\n  background: linear-gradient(93.71deg, #e2271e -0.37%, #ef7c3c 100%);\r\n}\r\n.falcon-gradient-rubyglow-vertical {\r\n  border-radius: 8px;\r\n  background: linear-gradient(180deg, #e2271e 0%, #ef7c3c 100%);\r\n}\r\n.falcon-gradient-pinksky-diagonal {\r\n  background: linear-gradient(98.52deg, #d093a6 -0.35%, #e7c9bc 100.35%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-pinksky-vertical {\r\n  background: linear-gradient(180deg, #d093a6 0%, #e7c9bc 100%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-bluehaze-diagonal {\r\n  background: linear-gradient(98.52deg, #7899bd -0.35%, #b8d0e3 100.35%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-bluehaze-vertical {\r\n  background: linear-gradient(180deg, #7899bd 0%, #b8d0e3 100%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-greencloud-diagonal {\r\n  background: linear-gradient(99.06deg, #8d989b -0.35%, #f8edd2 105.52%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-greencloud-vertical {\r\n  background: linear-gradient(180deg, #8d989b 0%, #f8edd2 100%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-peachfog-diagonal {\r\n  background: linear-gradient(98.52deg, #9c8a95 -0.35%, #f6d6b3 100.35%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-peachfog-vertical {\r\n  background: linear-gradient(180deg, #9c8a95 0%, #f6d6b3 100%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-orange-diagonal {\r\n  background: linear-gradient(105deg, #EF7C3C 0%, #E2271E 100%);\r\n  border-radius: 4px 0;\r\n}\r\n.falcon-gradient-dark-blue-haze{\r\n  background: linear-gradient(239deg, #4F87C1 52.95%, rgba(94, 148, 207, 0) 111%);\r\n  border-radius: 4px 0;\r\n}\r\n\r\n.falcon-def-transparancy {\r\n  background: rgba(0, 0, 0, 1);\r\n}\r\n");const u=({content:r})=>{var e,t,o,i,l,d,s,c,m,u,b,g,v,f,x,h,T,y,w,B,k,C,P,S,E,_,N,L,z,I,W,D,R,M,A,J,F,j,H,$;const O="none"!==(null==r?void 0:r.gradientBgColor)?(n=>{switch(n){case"rubyglow-diagonal":return"falcon-gradient-rubyglow-diagonal";case"rubyglow-vertical":return"falcon-gradient-rubyglow-vertical";case"pinksky-diagonal":return"falcon-gradient-pinksky-diagonal";case"pinksky-vertical":return"falcon-gradient-pinksky-vertical";case"bluehaze-diagonal":return"falcon-gradient-bluehaze-diagonal";case"bluehaze-vertical":return"falcon-gradient-bluehaze-vertical";case"greencloud-diagonal":return"falcon-gradient-greencloud-diagonal";case"greencloud-vertical":return"falcon-gradient-greencloud-vertical";case"peachfog-diagonal":return"falcon-gradient-peachfog-diagonal";case"peachfog-vertical":return"falcon-gradient-peachfog-vertical";case"darkblue-haze":return"falcon-gradient-dark-blue-haze";default:return""}})(null==r?void 0:r.gradientBgColor):(n=>{switch(n){case"grey-100":return"falcon-background-grey-100";case"ice-white":return"falcon-background-ice-white";case"transparent":return"falcon-background-transparent";case"none":return"none";default:return""}})(null==r?void 0:r.GenericBgColor),V="none"===(null==r?void 0:r.gradientBgColor)&&"none"===(null==r?void 0:r.GenericBgColor)?null===(e=null==r?void 0:r.solidBgColor)||void 0===e?void 0:e.color:"",q=(null==r?void 0:r.EnableTextBgColor)?null===(t=null==r?void 0:r.textbgcolor)||void 0===t?void 0:t.color:"",U=()=>{switch(null==r?void 0:r.PromoBubblePosition){case"top-left":return"stageTeaserTopLeft";case"top-right":return"stageTeaserTopRight";case"bottom-left":return"stageTeaserBottomLeft";case"bottom-right":return"stageTeaserBottomRight"}},G=null===(l=null===(i=null===(o=null==r?void 0:r.primaryPromoBubble)||void 0===o?void 0:o[0])||void 0===i?void 0:i.bgcolor)||void 0===l?void 0:l.color,Z=null===(c=null===(s=null===(d=null==r?void 0:r.primaryPromoBubble)||void 0===d?void 0:d[0])||void 0===s?void 0:s.textcolor)||void 0===c?void 0:c.color,Y=null===(b=null===(u=null===(m=null==r?void 0:r.SecondaryPromoBubble)||void 0===m?void 0:m[0])||void 0===u?void 0:u.bgcolor)||void 0===b?void 0:b.color,K=null===(f=null===(v=null===(g=null==r?void 0:r.SecondaryPromoBubble)||void 0===g?void 0:g[0])||void 0===v?void 0:v.textcolor)||void 0===f?void 0:f.color,Q=n=>{const r=n&&n.split(".").pop();return!(!r||!["webp","jpg","jpeg","png"].includes(r))},[X,nn]=n.useState(!1),[rn,en]=n.useState(""),[tn,on]=n.useState(""),an=()=>{var n,e,t,o,a,i,l,d,s;const c=window.innerWidth;c<=767?(nn(null==r?void 0:r.mobileImageFirst),Q(null===(n=null==r?void 0:r.MobilePromoImage)||void 0===n?void 0:n.filename)?en(null===(e=null==r?void 0:r.MobilePromoImage)||void 0===e?void 0:e.filename):on(null===(t=null==r?void 0:r.MobilePromoImage)||void 0===t?void 0:t.filename)):c>=768&&c<=1024?(nn(null==r?void 0:r.tabletImageFirst),Q(null===(o=null==r?void 0:r.TabletPromoImage)||void 0===o?void 0:o.filename)?en(null===(a=null==r?void 0:r.TabletPromoImage)||void 0===a?void 0:a.filename):on(null===(i=null==r?void 0:r.TabletPromoImage)||void 0===i?void 0:i.filename)):c>=1025&&(nn(null==r?void 0:r.desktopImageFirst),Q(null===(l=null==r?void 0:r.DesktopPromoImage)||void 0===l?void 0:l.filename)?en(null===(d=null==r?void 0:r.DesktopPromoImage)||void 0===d?void 0:d.filename):on(null===(s=null==r?void 0:r.DesktopPromoImage)||void 0===s?void 0:s.filename))};return n.useEffect((()=>{an(),window.addEventListener("resize",an)}),[]),n.createElement("div",{className:"stageTeaserMain"},n.createElement("div",{className:V?"stageTeaserContainer d-flex":O+" stageTeaserContainer d-flex",style:{backgroundColor:V}},n.createElement("div",{className:(X?"order-1":"order-0")+" stageTeaserLeftWrapper  col-md-6",style:{backgroundColor:q,borderRadius:"8px"}},n.createElement("div",{className:"stageTeaserTopText text-bold"},null===(w=null===(y=null===(T=null===(h=null===(x=null==r?void 0:r.primaryheading)||void 0===x?void 0:x.content)||void 0===h?void 0:h[0])||void 0===T?void 0:T.content)||void 0===y?void 0:y[0])||void 0===w?void 0:w.text),n.createElement("div",{className:"stageTeaserMainText"},null===(S=null===(P=null===(C=null===(k=null===(B=null==r?void 0:r.mainheading)||void 0===B?void 0:B.content)||void 0===k?void 0:k[0])||void 0===C?void 0:C.content)||void 0===P?void 0:P[0])||void 0===S?void 0:S.text),n.createElement("div",{className:"stageTeaserBottomText text-bold",style:{fontSize:"14px",lineHeight:"20px"}},null===(z=null===(L=null===(N=null===(_=null===(E=null==r?void 0:r.secondaryheading)||void 0===E?void 0:E.content)||void 0===_?void 0:_[0])||void 0===N?void 0:N.content)||void 0===L?void 0:L[0])||void 0===z?void 0:z.text),n.createElement("div",{className:"teaserTimer text-center"},n.createElement(p,{content:null==r?void 0:r.timer[0]})),n.createElement("div",{className:"StageTeaserButtonContainer"},null===(I=null==r?void 0:r.teaserButtonConfig)||void 0===I?void 0:I.map((e=>{var t,o,i,l,d,s;return n.createElement("div",{className:"StageTeaserButton"},n.createElement("a",{href:`${(null===(t=null==e?void 0:e.buttonLink)||void 0===t?void 0:t.url)||0}`,target:null!==(o=null==r?void 0:r.target)&&void 0!==o?o:"",rel:"_blank"===(null==e?void 0:e.linkTarget)?"opener":"noopener"},n.createElement("div",{className:a(null==e?void 0:e.buttonType)},(null===(i=null==e?void 0:e.buttonIcon)||void 0===i?void 0:i.filename)&&"left"===(null==e?void 0:e.buttonAlignment)&&n.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(l=null==e?void 0:e.buttonIcon)||void 0===l?void 0:l.filename}),null==e?void 0:e.buttonLabel,(null===(d=null==e?void 0:e.buttonIcon)||void 0===d?void 0:d.filename)&&"right"===(null==e?void 0:e.buttonAlignment)&&n.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(s=null==e?void 0:e.buttonIcon)||void 0===s?void 0:s.filename}))))})))),n.createElement("div",{className:(X?"order-0":"order-1")+" stageTeaserRightWrapper  col-md-6",style:{background:`url(${rn}) center / contain no-repeat`}},""!==tn&&n.createElement("div",{className:"video-wrapper"},n.createElement("video",{autoPlay:!0,muted:!0,loop:!0,src:tn})),(null===(W=null==r?void 0:r.primaryPromoBubble)||void 0===W?void 0:W.length)>0&&n.createElement("div",{className:`stageTeaserPromoBubble stageTeaserPrimaryPromoBubble stageTeaserPrimaryWithSecondaryBubble ${U()}`,style:{backgroundColor:G,color:Z}},n.createElement("div",{className:"stageTeaserPromoPercent"},null===(R=null===(D=null==r?void 0:r.primaryPromoBubble)||void 0===D?void 0:D[0])||void 0===R?void 0:R.primarytext),n.createElement("div",{className:"stageTeaserPromoText"},null===(A=null===(M=null==r?void 0:r.primaryPromoBubble)||void 0===M?void 0:M[0])||void 0===A?void 0:A.secondarytext)),(null===(J=null==r?void 0:r.SecondaryPromoBubble)||void 0===J?void 0:J.length)>0&&n.createElement("div",{className:`stageTeaserPromoBubble stageTeaserSecondaryPromoBubble ${U()}`,style:{backgroundColor:Y,color:K}},n.createElement("div",{className:"stageTeaserSecondaryPromoPercent"},null===(j=null===(F=null==r?void 0:r.SecondaryPromoBubble)||void 0===F?void 0:F[0])||void 0===j?void 0:j.primarytext),n.createElement("div",{className:"stageTeaserSecondaryPromoText"},null===($=null===(H=null==r?void 0:r.SecondaryPromoBubble)||void 0===H?void 0:H[0])||void 0===$?void 0:$.secondarytext)))))};t("\r\n.StageTeaserTextContainer {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.StageTeaserOverline {\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 24px;\r\n}\r\n\r\n.StageTeaserHeadline {\r\n  font-size: 48px;\r\n  font-style: normal;\r\n  font-weight: 500;\r\n  line-height: 60px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.StageTeaserText {\r\n  font-size: 14px;\r\n  font-style: normal;\r\n  font-weight: 500;\r\n  line-height: 20px;\r\n}\r\n\r\n.StageTeaserButtonContainer {\r\n  margin: 16px 0;\r\n  display: flex;\r\n}\r\n\r\n.StageTeaserButton {\r\n  padding: 6px;\r\n}\r\n\r\n/* mobile only viewport */\r\n@media (max-width: 375px) {\r\n  .StageTeaserCard {\r\n    width: 95%;\r\n    height: 1336px;\r\n  }\r\n\r\n  .StageTeaserContainer {\r\n    height: 640px;\r\n    padding: 32px 24px;\r\n  }\r\n\r\n  .StageTeaserOverline {\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n  }\r\n\r\n  .StageTeaserHeadline {\r\n    font-size: 24px;\r\n    line-height: 32px;\r\n  }\r\n\r\n  .StageTeaserButtonContainer {\r\n    flex-direction: column;\r\n  }\r\n}\r\n\r\n/* large mobiles viewport */\r\n@media (min-width: 376px) and (max-width: 767px) {\r\n  .StageTeaserCard {\r\n    width: 95%;\r\n    height: 1336px;\r\n  }\r\n\r\n  .StageTeaserContainer {\r\n    height: 640px;\r\n    padding: 32px 24px;\r\n  }\r\n\r\n  .StageTeaserOverline {\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n  }\r\n\r\n  .StageTeaserHeadline {\r\n    font-size: 24px;\r\n    line-height: 32px;\r\n  }\r\n\r\n  .StageTeaserButtonContainer {\r\n    flex-direction: column;\r\n  }\r\n}\r\n\r\n/* Tablet only viewport */\r\n@media (min-width: 768px) and (max-width: 1022px) {\r\n  .StageTeaserCard {\r\n    width: 100%;\r\n    height: 800px;\r\n  }\r\n\r\n  .StageTeaserContainer {\r\n    height: 800px;\r\n    padding: 60px 100px;\r\n  }\r\n\r\n  .StageTeaserTextContainer {\r\n    /* max-width: 80%; */\r\n  }\r\n\r\n  .StageTeaserOverline {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .StageTeaserHeadline {\r\n    font-size: 32px;\r\n    line-height: 40px;\r\n  }\r\n}\r\n\r\n/* Desktop only viewport */\r\n@media (min-width: 1023px) and (max-width: 1439px) {\r\n  .StageTeaserCard {\r\n    width: 98%;\r\n    height: 580px;\r\n  }\r\n\r\n  .StageTeaserContainer {\r\n    width: 100%;\r\n  }\r\n\r\n  .StageTeaserCenterContainer {\r\n    padding: 120px 90px;\r\n  }\r\n}\r\n\r\n/* large desktop viewport */\r\n@media (min-width: 1440px) {\r\n  .StageTeaserCard {\r\n    width: 2880px;\r\n    height: 1620px;\r\n  }\r\n\r\n  .StageTeaserContainer {\r\n    width: 100%;\r\n    padding: 170px 108px;\r\n  }\r\n}\r\n\r\n/* falcon button styles */\r\n.falcon-button-defaults {\r\n  border-radius: 28px;\r\n  cursor: pointer;\r\n  display: inline-block;\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n  font-weight: 700;\r\n  padding: 10px 24px;\r\n  text-decoration: none;\r\n}\r\n\r\n.falcon-primary-button-v1 > .falcon-button-defaults {\r\n  background-color: #da291c;\r\n  color: #ffffff;\r\n}\r\n\r\n.falcon-primary-button-v1:hover {\r\n  background-color: #961c13;\r\n}\r\n\r\n.falcon-primary-button-v1:visited {\r\n  background-color: #c7355f;\r\n}\r\n\r\n.falcon-primary-button-v1:disabled {\r\n  background-color: #e6e3df;\r\n  color: #b3aeaa;\r\n  cursor: default;\r\n}\r\n\r\n.falcon-primary-button-v1-JC > .falcon-button-defaults {\r\n  background-color: #ffffff;\r\n  color: #da291c;\r\n}\r\n\r\n.falcon-primary-button-v1-JC:hover {\r\n  background-color: #e97f77;\r\n  color: #ffffff;\r\n}\r\n\r\n.falcon-primary-button-v1-JC:visited {\r\n  background-color: #961c13;\r\n  color: #ffffff;\r\n}\r\n\r\n.falcon-primary-button-v1-JC:disabled {\r\n  background-color: #e6e3df;\r\n  color: #b3aeaa;\r\n  cursor: default;\r\n}\r\n\r\n.falcon-secondary-button-v1 > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  border: 2px solid #da291c;\r\n  color: #da291c;\r\n}\r\n\r\n.falcon-secondary-button-v1:hover {\r\n  border-color: #961c13;\r\n  color: #961c13;\r\n}\r\n\r\n.falcon-secondary-button-v1:visited {\r\n  border-color: #c7355f;\r\n  color: #c7355f;\r\n}\r\n\r\n.falcon-secondary-button-v1:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  border: 2px solid #da291c;\r\n  color: #ffffff;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC:hover {\r\n  border-color: #f1571d;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC:visited {\r\n  border-color: #c7355f;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n\r\n#wrapper {\r\n  width: 80%;\r\n  margin: 10px auto;\r\n  height: 100%;\r\n}\r\n\r\n.hero-unit {\r\n  position: relative;\r\n  height: 100%;\r\n}\r\n\r\n.topContent {\r\n  position: inherit;\r\n  bottom : 128px;\r\n}\r\n\r\n.bottomContent {\r\n  position: inherit;\r\n  top : 172px;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  #teaserTextSection{\r\n    margin-left: -180px;\r\n  }\r\n  #wrapper {\r\n    width: 100%;\r\n    margin: 10px auto;\r\n  }\r\n  .hero-unit {\r\n    -webkit-background-size: contain;\r\n    -moz-background-size: contain;\r\n    -o-background-size: contain;\r\n    background-size: contain;\r\n\r\n    padding: 200px;\r\n    margin-bottom: 30px;\r\n    -webkit-border-radius: 6px;\r\n    -moz-border-radius: 6px;\r\n    border-radius: 6px;\r\n    margin-right: 4px;\r\n    margin-left: 26px;\r\n    padding-right: 26px;\r\n    border-bottom-left-radius: 18px;\r\n    border-bottom-right-radius: 18px;\r\n  }\r\n}\r\n\r\n@media (min-width: 768px) and (max-width: 1022px) {\r\n  #wrapper {\r\n    width: 100%;\r\n    margin: 10px auto;\r\n  }\r\n  .hero-unit {\r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n\r\n    padding: 200px;\r\n    margin-bottom: 30px;\r\n    -webkit-border-radius: 6px;\r\n    -moz-border-radius: 6px;\r\n    border-radius: 6px;\r\n    border-bottom-left-radius: 18px;\r\n    border-bottom-right-radius: 18px;\r\n  }\r\n}\r\n\r\n@media (min-width: 1023px) and (max-width: 1439px) {\r\n  #wrapper {\r\n    width: 100%;\r\n    margin: 10px auto;\r\n  }\r\n  .hero-unit {\r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n\r\n    padding: 200px;\r\n    margin-bottom: 30px;\r\n    -webkit-border-radius: 6px;\r\n    -moz-border-radius: 6px;\r\n    border-radius: 6px;\r\n    border-bottom-left-radius: 18px;\r\n    border-bottom-right-radius: 18px;\r\n  }\r\n}\r\n\r\n@media (min-width: 1440px) {\r\n  #wrapper {\r\n    width: 99%;\r\n    margin: 10px auto;\r\n  }\r\n  .hero-unit {\r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n\r\n    padding: 200px;\r\n    margin-bottom: 30px;\r\n    -webkit-border-radius: 6px;\r\n    -moz-border-radius: 6px;\r\n    border-radius: 6px;\r\n    border-bottom-left-radius: 18px;\r\n    border-bottom-right-radius: 18px;\r\n  }\r\n}\r\n");const b=({content:r})=>{var e,t,o,i,l,d,s,c,m,u,b,g,v,f,x,h,T,y,w,B,k,C,P,S,E,_,N;const L=null===(d=null===(l=null===(i=null===(o=null===(t=null===(e=null==r?void 0:r.content)||void 0===e?void 0:e.primaryheading)||void 0===t?void 0:t.content)||void 0===o?void 0:o[0])||void 0===i?void 0:i.content)||void 0===l?void 0:l[0])||void 0===d?void 0:d.text,z=null===(g=null===(b=null===(u=null===(m=null===(c=null===(s=null==r?void 0:r.content)||void 0===s?void 0:s.mainheading)||void 0===c?void 0:c.content)||void 0===m?void 0:m[0])||void 0===u?void 0:u.content)||void 0===b?void 0:b[0])||void 0===g?void 0:g.text,I=null===(y=null===(T=null===(h=null===(x=null===(f=null===(v=null==r?void 0:r.content)||void 0===v?void 0:v.secondaryheading)||void 0===f?void 0:f.content)||void 0===x?void 0:x[0])||void 0===h?void 0:h.content)||void 0===T?void 0:T[0])||void 0===y?void 0:y.text,W="left"===(null===(w=null==r?void 0:r.content)||void 0===w?void 0:w.textposition)?"flex-start":"right"===(null===(B=null==r?void 0:r.content)||void 0===B?void 0:B.textposition)?"flex-end":"center",D="left"===(null===(k=null==r?void 0:r.content)||void 0===k?void 0:k.textposition)?"left":"right"===(null===(C=null==r?void 0:r.content)||void 0===C?void 0:C.textposition)?"right":"center";"left"===(null===(P=null==r?void 0:r.content)||void 0===P?void 0:P.textposition)||null===(S=null==r?void 0:r.content)||void 0===S||S.textposition;const[R,M]=n.useState(""),[A,J]=n.useState(""),F=()=>{var n,e,t,o,a,i,l;const d=window.innerWidth;d<=767?(M(`url(${null===(e=null===(n=null==r?void 0:r.content)||void 0===n?void 0:n.mobileImage)||void 0===e?void 0:e.filename}) center center / cover no-repeat`),J(null===(t=null==r?void 0:r.content)||void 0===t?void 0:t.verticaltextpostion)):d>=768&&d<=1439?(M(`url(${null===(a=null===(o=null==r?void 0:r.content)||void 0===o?void 0:o.tabImage)||void 0===a?void 0:a.filename}) center center / cover no-repeat`),J("")):d>=1440&&(M(`url(${null===(l=null===(i=null==r?void 0:r.content)||void 0===i?void 0:i.desktopimage)||void 0===l?void 0:l.filename}) center center / cover no-repeat`),J(""))};return n.useEffect((()=>{F(),window.addEventListener("resize",F)}),[]),n.createElement(n.Fragment,null,n.createElement("div",{id:"wrapper"},""!==R&&n.createElement("div",{className:"hero-unit",style:{background:R}},n.createElement("div",{id:"teaserTextSection",className:"top"===A?"topContent":"bottom"===A?"bottomContent":""},n.createElement("div",{className:"StageTeaserTextContainer",style:{color:"#ffffff",alignItems:""===A?W:"center"}},n.createElement("div",{className:"StageTeaserOverline"}," ",L," "),n.createElement("div",{className:"StageTeaserHeadline",style:{textAlign:""===A?D:"center"}},z),n.createElement("div",{className:"StageTeaserText"}," ",I," ")),n.createElement("div",{className:"StageTeaserTimer"},n.createElement("div",{className:"teaserTimer text-center"},n.createElement(p,{content:null===(E=null==r?void 0:r.content)||void 0===E?void 0:E.timer[0]}))),n.createElement("div",{className:"StageTeaserButtonContainer",style:{justifyContent:""===A?W:"",alignItems:""!==A?"center":""}},null===(N=null===(_=null==r?void 0:r.content)||void 0===_?void 0:_.teaserButtonConfig)||void 0===N?void 0:N.map((e=>{var t,o,i,l,d,s;return n.createElement("div",{className:"StageTeaserButton"},n.createElement("a",{href:`${(null===(t=null==e?void 0:e.buttonLink)||void 0===t?void 0:t.url)||0}`,target:null!==(o=null==r?void 0:r.target)&&void 0!==o?o:"",rel:"_blank"===(null==e?void 0:e.linkTarget)?"opener":"noopener"},n.createElement("div",{className:a(null==e?void 0:e.buttonType)},(null===(i=null==e?void 0:e.buttonIcon)||void 0===i?void 0:i.filename)&&"left"===(null==e?void 0:e.buttonAlignment)&&n.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(l=null==e?void 0:e.buttonIcon)||void 0===l?void 0:l.filename}),null==e?void 0:e.buttonLabel,(null===(d=null==e?void 0:e.buttonIcon)||void 0===d?void 0:d.filename)&&"right"===(null==e?void 0:e.buttonAlignment)&&n.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(s=null==e?void 0:e.buttonIcon)||void 0===s?void 0:s.filename}))))})))))))};exports.RibbonComponent=({content:r})=>{var t,l,d,s,c,m,u,b,g,v,f,x,h,T,y,w,B,k,C,P,S,E,_,N,L,z;const[I,W]=n.useState(!1),D=e.getCookie("sunriseAuth"),[R,M]=n.useState(!1),A=new Date,[J,F]=n.useState(null==r?void 0:r.teaserTimer[0]),j=i(new Date(null===(l=null===(t=null==r?void 0:r.teaserTimer[0])||void 0===t?void 0:t.endTime)||void 0===l?void 0:l.replace(/-/g,"/"))),H=i(new Date(null===(s=null===(d=null==r?void 0:r.teaserTimer[0])||void 0===d?void 0:d.startTime)||void 0===s?void 0:s.replace(/-/g,"/"))),$=((null==r?void 0:r.enableDarkMode)?"ribbonComponent_DarkText ":"")+"ribbonComponent_Card",O=((null==r?void 0:r.enableDarkMode)?"ribbonComponent_DarkDescription ":"")+"ribbonComponent_TextContainer",[V,q]=n.useState(!1),U=()=>{const n=j.getTime()-A.getTime();if(n>0&&V){return{days:("0"+Math.floor(n/864e5)).slice(-2),hours:("0"+Math.floor(n/36e5%24)).slice(-2),mins:("0"+Math.floor(n/1e3/60%60)).slice(-2),sec:("0"+Math.floor(n/1e3%60)).slice(-2)}}return null},[G,Z]=n.useState(U()),Y=()=>{!1===I&&W(!0)};return n.useEffect((()=>{var n;if(null===(n=null==r?void 0:r.teaserTimer[0])||void 0===n?void 0:n.startTime){const n=null==r?void 0:r.teaserTimer[0];n.isDarkMode=null==r?void 0:r.enableDarkMode,F(n)}!D&&"nauth"===(null==r?void 0:r.targetCustomer)||"both"===(null==r?void 0:r.targetCustomer)||D&&"auth"===(null==r?void 0:r.targetCustomer)?M(!0):M(!1)}),[]),n.useEffect((()=>{Z(U()),A.getTime()>=H.getTime()&&!V&&q(!0);const n=setInterval((()=>{Z(U())}),1e3);return()=>{clearInterval(n)}}),[V]),n.createElement(n.Fragment,null,!1===I&&(void 0===(null===(c=null==r?void 0:r.teaserTimer[0])||void 0===c?void 0:c.startTime)&&null===G||void 0!==(null===(m=null==r?void 0:r.teaserTimer[0])||void 0===m?void 0:m.startTime)&&null!==G)&&R&&n.createElement(n.Fragment,null,n.createElement("div",{className:"ribbonComponent_Wrapper",style:{background:null==r?void 0:r.backgroundColor}},n.createElement("div",{className:$},n.createElement("div",{className:"ribbonComponent_descriptionBlockSection"},(null===(u=null==r?void 0:r.icon)||void 0===u?void 0:u.filename)&&n.createElement("div",{className:"ribbonComponent_Image"},n.createElement("img",{className:"ribbonComponent_Icon",src:(null==r?void 0:r.enableDarkMode)?null===(b=null==r?void 0:r.darkModeIcon)||void 0===b?void 0:b.filename:null===(g=null==r?void 0:r.icon)||void 0===g?void 0:g.filename})),(null==r?void 0:r.description)&&n.createElement("div",{className:O},n.createElement(o,{content:null==r?void 0:r.description}),n.createElement("div",null))),n.createElement("div",{className:"ribbonComponent_ButtonSection"},(null===(v=null==r?void 0:r.teaserTimer[0])||void 0===v?void 0:v.startTime)&&n.createElement(n.Fragment,null,n.createElement("div",{className:"ribbonComponent_Timer"},n.createElement(p,{content:J})),(null==r?void 0:r.buttonText)||(null==r?void 0:r.hotlineNumber)?n.createElement("div",{className:"ribbonComponent_HrBreaker"}):n.createElement("div",{className:"ribbonComponent_OnlyTimer"})),((null==r?void 0:r.buttonText)&&(null===(f=null==r?void 0:r.link)||void 0===f?void 0:f.url)||(null==r?void 0:r.hotlineNumber)&&(null===(x=null==r?void 0:r.buttonIcon)||void 0===x?void 0:x.filename))&&n.createElement("div",{className:"ribbonComponent_Button"},n.createElement("a",{href:(null==r?void 0:r.hotlineNumber)?`tel:${(null==r?void 0:r.hotlineNumber)||0}`:null===(h=null==r?void 0:r.link)||void 0===h?void 0:h.url,target:null!==(T=null==r?void 0:r.target)&&void 0!==T?T:"",rel:"_blank"===(null==r?void 0:r.target)?"opener":"noopener"},n.createElement("div",{className:a(null==r?void 0:r.buttonType)},(null==r?void 0:r.hotlineNumber)&&"left"===(null==r?void 0:r.iconAlign)&&n.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(y=null==r?void 0:r.buttonIcon)||void 0===y?void 0:y.filename}),(null==r?void 0:r.hotlineNumber)?null==r?void 0:r.hotlineNumber:null==r?void 0:r.buttonText,(null==r?void 0:r.hotlineNumber)&&"right"===(null==r?void 0:r.iconAlign)&&n.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(w=null==r?void 0:r.buttonIcon)||void 0===w?void 0:w.filename})))),(null===(B=null==r?void 0:r.closeIcon)||void 0===B?void 0:B.filename)&&(null==r?void 0:r.isCloseIcon)&&n.createElement("div",{className:"ribbonComponent_CloseIcon",onClick:()=>Y()},n.createElement("img",{src:(null==r?void 0:r.enableDarkMode)?null!==(C=null===(k=null==r?void 0:r.darkModeCloseIcon)||void 0===k?void 0:k.filename)&&void 0!==C?C:null===(P=null==r?void 0:r.closeIcon)||void 0===P?void 0:P.filename:null===(S=null==r?void 0:r.closeIcon)||void 0===S?void 0:S.filename}))),(null===(E=null==r?void 0:r.closeIcon)||void 0===E?void 0:E.filename)&&(null==r?void 0:r.isCloseIcon)&&n.createElement("div",{className:"ribbonComponent_CloseIcon1",onClick:()=>Y()},n.createElement("img",{src:(null==r?void 0:r.enableDarkMode)?null!==(N=null===(_=null==r?void 0:r.darkModeCloseIcon)||void 0===_?void 0:_.filename)&&void 0!==N?N:null===(L=null==r?void 0:r.closeIcon)||void 0===L?void 0:L.filename:null===(z=null==r?void 0:r.closeIcon)||void 0===z?void 0:z.filename}))))))},exports.StageTeaserComponent=({content:r})=>n.createElement(n.Fragment,null,"single"===(null==r?void 0:r.layoutgrid)?n.createElement(b,{content:{content:r}}):n.createElement(u,{content:r}));
+"use strict";var e=require("react"),n=require("storyblok-rich-text-react-renderer-ts"),r=require("cookies-next"),t=require("react-multi-carousel");function o(e,n){void 0===n&&(n={});var r=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}o(".ribbonComponent_Wrapper{\r\n  width: 100%;\r\n}\r\n.ribbonComponent_Card {\r\n  display: flex;\r\n  align-items: center;\r\n  padding:16px 0;\r\n}\r\n.ribbonComponent_DarkText{\r\n  color: #ffffff !important;\r\n}\r\n.ribbonComponent_DarkDescription a {\r\ncolor: #ffffff;\r\n}\r\n.ribbonComponent_Image {\r\n  margin-top: 5px;\r\n  margin-right: 8px;\r\n}\r\n.ribbonComponent_Icon {\r\n  height: 24px;\r\n  width: 24px;\r\n}\r\n.ribbonComponent_TextContainer {\r\n  margin: 8px 0;\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n}\r\n.ribbonComponent_Title {\r\n  font-weight: 700;\r\n}\r\n.ribbonComponent_Description {\r\n  font-weight: 400;\r\n}\r\n.ribbonComponent_CloseIcon {\r\n  margin-right: 16px;\r\n}\r\n.ribbonComponent_HrBreaker {\r\n  width: 1px;\r\n  height: 32px;\r\n  margin-left: 8px;\r\n  margin-right: 8px;\r\n  border-radius: 1px;\r\n  opacity: 0.2;\r\n  flex-shrink: 0;\r\n  background: #3D3935;\r\n}\r\n.ribbonComponent_OnlyTimer{\r\n  width:30px;\r\n}\r\n.ribbonComponent_Button{\r\n  text-wrap:nowrap;\r\n}\r\n.falcon-button-defaults {\r\n  border-radius: 28px;\r\n  cursor: pointer;\r\n  display: inline-block;\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n  font-weight: 700;\r\n  padding: 10px 24px;\r\n  text-decoration: none;\r\n}\r\n.ribbonComponent_phoneIcon {\r\n  background-size: contain;\r\n  display: inline-flex;\r\n  height: 24px;\r\n  margin: 0 8px 0 10px;\r\n  width: 24px;\r\n}\r\n.ribbonComponent_ButtonSection {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n}\r\n.ribbonComponent_descriptionBlockSection {\r\n  display: flex;\r\n}\r\n/* Mobile only viewport */\r\n@media all and (max-width: 767px) {\r\n  .falcon-primary-button-v1-JC:visited {\r\n    background-color: #e97f77;\r\n  }\r\n  .ribbonComponent_Card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    margin-left: 16px;\r\n  }\r\n  .ribbonComponent_CloseIcon1{\r\n    margin-right: 0;\r\n    position: absolute;\r\n    right: 16px;\r\n    margin-top: 16px;\r\n  }\r\n  .ribbonComponent_ButtonSection {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n    padding-bottom: 16px;\r\n    padding-top: 8px;\r\n    margin-left: 32px;\r\n  }\r\n  .ribbonComponent_descriptionBlockSection {\r\n    padding-top:16px;\r\n    padding-right: 78px;\r\n    margin-left: 16px;\r\n  }\r\n  .ribbonComponent_Timer{\r\n    margin-left: 8px;\r\n    padding-bottom: 8px;\r\n  }\r\n  .ribbonComponent_Button{\r\n    margin-left: 8px;\r\n  }\r\n  .ribbonComponent_CloseIcon{\r\n    display: none;\r\n  }\r\n}\r\n/* Mobile and tablet viewport */\r\n@media all and (max-width: 1023px) {\r\n  .ribbonComponent_HrBreaker {\r\n    display: none;\r\n  }\r\n  .ribbonComponent_Button {\r\n    padding-bottom: 16px;\r\n  }\r\n}\r\n\r\n/* Tablet only viewport */\r\n@media all and (min-width: 768px) and (max-width: 1023px) {\r\n  .ribbonComponent_Card{\r\n    justify-content: space-between;\r\n  }\r\n  .ribbonComponent_ButtonSection {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding-right: 90px;\r\n    padding-left:70px;\r\n    margin: 6px 0 0 0;\r\n    align-items: flex-end;\r\n  }\r\n  .ribbonComponent_Button{\r\n    margin: 8px 0;\r\n  }\r\n  .ribbonComponent_CloseIcon{\r\n    display: none;\r\n  }\r\n  .ribbonComponent_CloseIcon1{\r\n    margin-right: 0;\r\n    position: absolute;\r\n    right: 40px;\r\n    padding-left: 16px;\r\n  }\r\n  .ribbonComponent_descriptionBlockSection{\r\n    margin-left:40px;\r\n  }\r\n}\r\n\r\n/* Desktop only viewport */\r\n@media (min-width: 1024px) {\r\n  .ribbonComponent_Card{\r\n    justify-content: space-between;\r\n    margin-left:0;\r\n  }\r\n  .ribbonComponent_Button{\r\n    margin: 0 16px;\r\n    text-wrap:nowrap;\r\n  }\r\n  .ribbonComponent_descriptionBlockSection{\r\n    margin:0 42px;\r\n  }\r\n  .ribbonComponent_ButtonSection{\r\n    padding-left: 60px;\r\n  }\r\n  .ribbonComponent_CloseIcon{\r\n    margin-right: 42px;\r\n  }\r\n  .ribbonComponent_CloseIcon1{\r\n    display: none;\r\n  }\r\n}\r\n@media (min-width: 1440px){\r\n  .ribbonComponent_Card{\r\n    max-width: 1440px;\r\n    margin: auto;\r\n  }\r\n  .ribbonComponent_descriptionBlockSection{\r\n    margin:0 72px;\r\n  }\r\n  .ribbonComponent_CloseIcon{\r\n    margin-right: 72px;\r\n  }\r\n  .ribbonComponent_ButtonSection{\r\n    padding-left: 80px;\r\n  }\r\n  .ribbonComponent_OnlyTimer{\r\n    width:60px;\r\n  }  \r\n}\r\n\r\n.falcon-primary-button-v1 > .falcon-button-defaults {\r\n  background-color: #da291c;\r\n  color: #ffffff;\r\n}\r\n.falcon-primary-button-v1:hover {\r\n  background-color: #961c13;\r\n}\r\n.falcon-primary-button-v1:visited {\r\n  background-color: #c7355f;\r\n}\r\n.falcon-primary-button-v1:disabled {\r\n  background-color: #e6e3df;\r\n  color: #b3aeaa;\r\n  cursor: default;\r\n}\r\n\r\n.falcon-primary-button-v1-JC > .falcon-button-defaults {\r\n  background-color: #ffffff;\r\n  color: #da291c;\r\n}\r\n.falcon-primary-button-v1-JC:hover {\r\n  background-color: #e97f77;\r\n  color: #ffffff;\r\n}\r\n.falcon-primary-button-v1-JC:visited {\r\n  background-color: #961c13;\r\n  color: #ffffff;\r\n}\r\n.falcon-primary-button-v1-JC:disabled {\r\n  background-color: #e6e3df;\r\n  color: #b3aeaa;\r\n  cursor: default;\r\n}\r\n.falcon-secondary-button-v1 > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  border: 2px solid #da291c;\r\n  color: #da291c;\r\n}\r\n.falcon-secondary-button-v1:hover {\r\n  border-color: #961c13;\r\n  color: #961c13;\r\n}\r\n.falcon-secondary-button-v1:visited {\r\n  border-color: #c7355f;\r\n  color: #c7355f;\r\n}\r\n.falcon-secondary-button-v1:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  border: 2px solid #da291c;\r\n  color: #ffffff;\r\n}\r\n.falcon-secondary-button-v1-JC:hover {\r\n  border-color: #f1571d;\r\n}\r\n.falcon-secondary-button-v1-JC:visited {\r\n  border-color: #c7355f;\r\n}\r\n.falcon-secondary-button-v1-JC:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n.falcon-secondary-button-v4 > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  padding-left: 0;\r\n  padding-right: 0;\r\n  color: #da291c;\r\n}\r\n.falcon-secondary-button-v4:hover {\r\n  border-color: #961c13;\r\n  color: #961c13;\r\n}\r\n.falcon-secondary-button-v4:visited {\r\n  border-color: #c7355f;\r\n  color: #c7355f;\r\n}\r\n.falcon-secondary-button-v4:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v4-JC > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  padding: 0;\r\n  color: #ffffff;\r\n}\r\n.falcon-secondary-button-v4-JC:hover {\r\n  border-color: #c7355f;\r\n  color: #c7355f;\r\n}\r\n.falcon-secondary-button-v4-JC:visited {\r\n  border-color: #961c13;\r\n  color: #961c13;\r\n}\r\n.falcon-secondary-button-v4-JC:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v5 > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  padding: 0;\r\n  color: #3d3935;\r\n  font-weight: 400;\r\n}\r\n.falcon-secondary-button-v5 > div {\r\n  text-decoration-line: underline;\r\n}\r\n\r\n.falcon-secondary-button-dark > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  color: #3d3935;\r\n  border: 2px solid #3d3935;\r\n}\r\n.falcon-primary-dark-button {\r\n  background: #5f5955;\r\n  padding: 10px 24px;\r\n  box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);\r\n  border-radius: 28px 0px 0px 28px;\r\n}\r\n.falcon-primary-dark-button:hover {\r\n  background: #86807c;\r\n  box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);\r\n}\r\n.falcon-primary-dark-button:visited {\r\n  background: #86807c;\r\n  box-sizing: border-box;\r\n  box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);\r\n  padding: 8px 22px;\r\n  border: 2px solid #5f5955;\r\n}\r\n");const a=r=>e.createElement("div",null,n.render(r.content,{markResolvers:{link:(n,t)=>{const{href:o,target:a,linktype:i}=t;return"email"===i?e.createElement("a",{href:`mailto:${o}`,target:null===a||"_self"===a?"_top":"_blank"},n):r.isIFrame?e.createElement("a",{href:o,target:null===a||"_self"===a?"_top":"_blank"},n):e.createElement("a",{href:o,target:null===a?"":a,onClick:()=>{return e=n,void("function"==typeof(null==r?void 0:r.callBack)&&(null==r||r.callBack(e)));var e}},n)}}}));o("/* Mobile only viewport */\r\n@media all and (max-width: 767px) {\r\n  .timer-wrap {\r\n    text-align: center !important;\r\n    margin-left: 0 !important;\r\n    margin-right: 0 !important;\r\n  }\r\n  .timer-container {\r\n    min-width: 260px;\r\n  }\r\n  .timer-message {\r\n    margin-bottom: 10px;\r\n  }\r\n  .timer-section {\r\n    justify-content: center;\r\n    margin-top: 4px;\r\n    margin-left: unset !important;\r\n    margin-right: unset !important;\r\n  }\r\n}\r\n/* Mobile and tablet viewport */\r\n@media all and (max-width: 1023px) {\r\n  .timer-message {\r\n    margin-top: unset;\r\n  }\r\n}\r\n\r\n/* Tablet only viewport */\r\n@media all and (min-width: 768px) and (max-width: 1023px) {\r\n  .timer-section {\r\n    margin-top: unset;\r\n  }\r\n}\r\n\r\n.timer-container {\r\n  color: black;\r\n  display: inline-block;\r\n  max-width: 100%;\r\n  min-width: 242px;\r\n  /* padding-top: 10px; */\r\n}\r\n.colon {\r\n  font-weight: 700;\r\n  font-size: 28px;\r\n  line-height: 36px;\r\n}\r\n\r\n.timer-section {\r\n  display: flex;\r\n   /* margin-top: 12px; */\r\n  padding: 8px 0;\r\n  padding-left: 10px;\r\n  padding-right: 10px;\r\n}\r\n.timer-element {\r\n  display: inline-block;\r\n  min-width: 42px;\r\n  padding: 0 6px;\r\n  text-align: center;\r\n}\r\n.timer-value {\r\n  font-weight: 700;\r\n  font-size: 32px;\r\n  line-height: 36px;\r\n}\r\n.timer-label {\r\n  font-weight: 400;\r\n  font-size: 12px;\r\n  line-height: 16px;\r\n}\r\n.transparent-element:first-child {\r\n    padding-left: 0;\r\n}\r\n");const i=e=>{switch(e){case"Primary-V1":return"falcon-primary-button-v1";case"Secondary-V1":return"falcon-secondary-button-v1";case"Secondary-V4":return"falcon-secondary-button-v4";case"Secondary-Dark":return"falcon-secondary-button-dark";case"Primary-Dark-V1":return"falcon-primary-dark-button";case"Secondary-V5":return"falcon-secondary-button-v5";default:return""}},l=e=>{let n=new Date(e);return n=((e,n,r,t,o,a,i)=>{const l=new Date(Date.UTC(n,r,t,o,a,i)),d=new Date(l.toLocaleString("en-US",{timeZone:"Europe/Vienna"})),s=new Date(l.toLocaleString("en-US",{timeZone:e})),m=d.getTime()-s.getTime();return l.setTime(l.getTime()+m),l})("Europe/Vienna",n.getFullYear(),n.getMonth(),n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds()),n},d=()=>{const[n,r]=e.useState(0);return e.useEffect((()=>{const e=()=>{r(window.innerWidth)};return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[]),n>=1440?"large-desktop":n<1440&&n>=1024?"desktop":n<1024&&n>=768?"tablet":n<768&&n>0?"mobile":""},s="center",m="left",c="transparent",p="00",u=({content:n})=>{var r;return e.createElement("div",{className:"container",style:{justifyContent:n.timerAlignment===s?"center":n.timerAlignment===m?"left":"right"}},e.createElement("div",{className:"timer-section",style:{color:n.timerColor,backgroundColor:n.backgroundColor,marginLeft:n.backgroundColor===c&&n.timerAlignment===m?"-9px":"unset",marginRight:n.backgroundColor===c&&"right"===n.timerAlignment?"-24px":"unset"}},e.createElement("div",{className:"timer-element"},e.createElement("div",{className:"timer-value"}," ",p," "),e.createElement("div",{className:"timer-label"},n.dayLabel)),e.createElement("div",{className:"colon"},":"),e.createElement("div",{className:"timer-element"},e.createElement("div",{className:"timer-value"}," ",p," "),e.createElement("div",{className:"timer-label"},n.hourLabel)),e.createElement("div",{className:"colon"},":"),e.createElement("div",{className:"timer-element"},e.createElement("div",{className:"timer-value"}," ",p," "),e.createElement("div",{className:"timer-label"},n.minuteLabel)),e.createElement("div",{className:"colon"},":"),e.createElement("div",{className:"timer-element"},e.createElement("div",{className:"timer-value"}," ",p),e.createElement("div",{className:"timer-label"},n.secondLabel))),e.createElement("div",{className:"timer-message",style:{color:null===(r=n.expiryLabelColor)||void 0===r?void 0:r.color}},n.expiryLabel))},g=({content:n})=>{var r,t,o,a,i,d,c,p;const g=l(new Date(null===(r=null==n?void 0:n.endTime)||void 0===r?void 0:r.replace(/-/g,"/"))),b=l(new Date(null===(t=null==n?void 0:n.startTime)||void 0===t?void 0:t.replace(/-/g,"/"))),x=(null==n?void 0:n.colorChangeTime)&&l(new Date(null===(o=null==n?void 0:n.colorChangeTime)||void 0===o?void 0:o.replace(/-/g,"/"))),[v,h]=e.useState(!1),[f,T]=e.useState(null!==(a=null==n?void 0:n.timerColor)&&void 0!==a?a:""),[_,y]=e.useState(!1),w=()=>{const e=new Date;x&&!_&&e.getTime()>x.getTime()&&(T("#da291c"),y(!0)),e.getTime()>=b.getTime()&&!v&&h(!0);const n=g.getTime()-e.getTime();if(n>0&&v){return{days:("0"+Math.floor(n/864e5)).slice(-2),hours:("0"+Math.floor(n/36e5%24)).slice(-2),mins:("0"+Math.floor(n/1e3/60%60)).slice(-2),sec:("0"+Math.floor(n/1e3%60)).slice(-2)}}return null},k={timerColor:f,backgroundColor:null==n?void 0:n.backgroundColor,expiryLabel:n.expiryLabel,timerAlignment:n.timerAlignment,dayLabel:n.dayLabel,hourLabel:n.hourLabel,minuteLabel:n.minuteLabel,secondLabel:n.secondLabel,expiryLabelColor:n.expiryLabelColor},[C,B]=e.useState(w());e.useEffect((()=>{B(w());const e=setInterval((()=>{B(w())}),1e3);return()=>{clearInterval(e)}}),[]);const W=[{label:null!==(i=null==n?void 0:n.hourLabel)&&void 0!==i?i:"",value:null==C?void 0:C.hours},{label:null!==(d=null==n?void 0:n.minuteLabel)&&void 0!==d?d:"",value:null==C?void 0:C.mins},{label:null!==(c=null==n?void 0:n.secondLabel)&&void 0!==c?c:"",value:null==C?void 0:C.sec}];return e.createElement("div",{className:"timer-wrap",style:{textAlign:n.timerAlignment===s?"center":n.timerAlignment===m?"left":"right"}},v&&e.createElement("div",{className:"timer-container"},C?e.createElement("div",{className:"timer-section",style:{color:(null==n?void 0:n.isDarkMode)?"#ffffff":f,backgroundColor:null!==(p=null==n?void 0:n.backgroundColor)&&void 0!==p?p:"transparent"}},e.createElement("div",{className:" timer-element transparent-element"},e.createElement("div",{className:"timer-value"}," ",null==C?void 0:C.days),e.createElement("div",{className:"timer-label"},n.dayLabel)),W.map(((n,r)=>e.createElement(e.Fragment,{key:r},e.createElement("div",{className:"colon"},":"),e.createElement("div",{className:"timer-element"},e.createElement("div",{className:"timer-value"}," ",n.value),e.createElement("div",{className:"timer-label"},n.label)))))):e.createElement(u,{content:k})))};o(".stageTeaserMain{\r\n  padding-left: 14px;\r\n  padding-right: 14px;\r\n  height: 100%;\r\n}\r\nvideo {\r\n  object-fit: cover;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  border-top-right-radius: 8px;\r\n  border-bottom-right-radius: 8px;\r\n}\r\n.video-wrapper {\r\n  overflow: hidden;\r\n  text-align: center;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n  .stageTeaserContainer {\r\n    margin-left: 8px;\r\n    margin-right: 8px;\r\n    border-radius: 8px;\r\n    flex-direction: row;\r\n    width: calc(100% - 10px);\r\n    height: 100%;\r\n  }\r\n  .stageTeaserRightWrapper {\r\n    position: relative;\r\n  }\r\n  .stageTeaserMainText {\r\n    font-size: 48px;\r\n    line-height: 60px;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n  }\r\n  .stageTeaserSecondaryPromoText {\r\n    overflow-wrap: anywhere;\r\n    font-size: 14px;\r\n    line-height: 16px;\r\n    font-weight: 500;\r\n  }\r\n  .stageTeaserSecondaryPromoPercent {\r\n    font-size: 34px;\r\n    line-height: 38px;\r\n    font-weight: 700;\r\n  }\r\n  .stageTeaserPromoText {\r\n    font-size: 18px;\r\n    line-height: 20px;\r\n    font-weight: 500;\r\n  }\r\n  .stageTeaserLeftWrapperBackground {\r\n    background: var(--primary-colour-pale-dawn-grey-200, #e6e3df);\r\n  }\r\n  .stageTeaserBannerWrapper .react-multi-carousel-list {\r\n    position: initial;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multiple-carousel__arrow {\r\n    background: #ffffff;\r\n    box-shadow: 0px 4px 12px rgba(87, 84, 82, 0.2);\r\n    border-radius: 24px;\r\n    font-size: 16px;\r\n    height: 44px;\r\n    width: 44px;\r\n    padding: 10px;\r\n    z-index: 1;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multiple-carousel__arrow::before {\r\n    color: #da291c;\r\n    font-size: 16px;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multiple-carousel__arrow:disabled::before {\r\n    color: #b3aeaa;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n    right: 3%;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n    left: 3%;\r\n  }\r\n  /* dots */\r\n  .stageTeaserBannerWrapper .react-multi-carousel-dot button {\r\n    background: #ffffff;\r\n    opacity: 0.3;\r\n    border: 0px;\r\n    transition: none;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multi-carousel-dot--active button {\r\n    background: #da291c;\r\n    opacity: 1;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multi-carousel-dot button:hover:active {\r\n    background: #da291c;\r\n  }\r\n  @media (max-width: 768px) {\r\n    .stageTeaserContainer {\r\n      flex-direction: column;\r\n    }\r\n    .stageTeaserMainText {\r\n      font-size: 32px;\r\n      line-height: 40px;\r\n      font-weight: 500;\r\n    }\r\n    \r\n    .stageTeaserPromoPercent {\r\n      font-size: 36px;\r\n      line-height: 32px;\r\n      font-weight: 700;\r\n    }\r\n    .stageTeaserPromoText {\r\n      font-size: 14px;\r\n      line-height: 16px;\r\n      font-weight: 500;\r\n    }\r\n  }\r\n  @media only screen and (min-width: 376px) and (max-width: 768px) {\r\n    .stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n      right: 4%;\r\n    }\r\n    .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n      left: 4%;\r\n    }\r\n  }\r\n  @media (min-width: 1025px) {\r\n    .stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n      right: 5%;\r\n    }\r\n    .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n      left: 5%;\r\n    }\r\n  }\r\n  \r\n  \r\n  .teaserTimer {\r\n    padding-top: 10px;\r\n    padding-bottom: 10px;\r\n  }\r\n  \r\n  /*Tablet md & All small devices*/\r\n  @media only screen and (max-width : 768px) {\r\n    video {\r\n      border-top-right-radius: 0px;\r\n      border-bottom-right-radius: 8px;\r\n      border-bottom-left-radius: 8px;\r\n    }\r\n    .stageTeaserRightWrapper {\r\n      height: 400px;\r\n    }\r\n    .stageTeaserLeftWrapper {\r\n      padding: 24px;\r\n      text-align: center;\r\n    }\r\n    .stageTeaserSecondaryPromoPercent {\r\n      font-size:28px;\r\n    }\r\n  }\r\n  \r\n  \r\n  /*Tablet - lg*/\r\n  @media only screen and (min-width : 769px) and (max-width : 1024px) {\r\n    .stageTeaserRightWrapper {\r\n      width: 100%;\r\n    }\r\n    .promoImage{\r\n      padding-right: 51px;\r\n      padding-top: 114px;\r\n    }\r\n    .stageTeaserLeftWrapper {\r\n      padding: 55px;\r\n    }\r\n  }\r\n  @media (width : 1024px) {\r\n    .stageTeaserRightWrapper {\r\n      width: 50%;\r\n    }\r\n  }\r\n  /*Desktop, Laptop & Large Desktops*/\r\n  @media only screen and (min-width : 1025px) {\r\n    .stageTeaserLeftWrapper {\r\n      padding: 120px;\r\n    }\r\n  }\r\n  \r\n  \r\n  /*Extra Large Screens*/\r\n  @media only screen and (min-width : 2000px) {\r\n    .stageTeaserLeftWrapper {\r\n      padding: 320px;\r\n    }\r\n  }\r\n  \r\n  \r\n  #inboxCount{\r\n    position: absolute; \r\n    top: 0;\r\n    right:0;\r\n  }");o(".stageTeaserPromoBubble {\r\n  display: flex;\r\n  text-align: center;\r\n  padding: 0px 16px;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 4px;\r\n  flex-shrink: 0;\r\n  border-radius: 50%;\r\n  position: absolute;\r\n}\r\n\r\n.stageTeaserPrimaryPromoBubble {\r\n  width: 160px;\r\n  height: 160px;\r\n  background: var(--primary-colour-ice-white, #ffffff);\r\n  z-index: 1;\r\n}\r\n\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n  background: var(--primary-colour-ice-white, #ffffff);\r\n  z-index: 1;\r\n}\r\n\r\n.stageTeaserSecondaryPromoBubble {\r\n  width: 120px;\r\n  height: 120px;\r\n  top: 171px;\r\n  color: #ffffff;\r\n  background: var(--primary-colour-grey-dusk-grey-600, #3d3935);\r\n}\r\n\r\n.stageTeaserPromoPercent,\r\n.stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoPercent {\r\n  font-size: 52px;\r\n  line-height: 52px;\r\n  font-weight: 700;\r\n}\r\n\r\n/*Tablet md & All small devices*/\r\n@media only screen and (max-width: 768px) {\r\n    /* primary bubble size*/\r\n    .stageTeaserPrimaryPromoBubble {\r\n    width: 120px;\r\n    height: 120px;\r\n  }\r\n  \r\n  .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoText {\r\n    font-size: 18px;\r\n    line-height: 20px;\r\n    font-weight: 500;\r\n  }\r\n  .stageTeaserPromoPercent,\r\n  .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoPercent {\r\n    font-size: 24px;\r\n    line-height: 32px;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoText {\r\n    font-size: 10px;\r\n    line-height: 14px;\r\n  }\r\n  /* primary with secondary size*/\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n    width: 96px;\r\n    height: 96px;\r\n  }\r\n\r\n  /* secondary bubble size*/\r\n  .stageTeaserSecondaryPromoBubble {\r\n    width: 84px;\r\n    height: 84px;\r\n  }\r\n\r\n  .stageTeaserSecondaryPromoPercent {\r\n    font-size: 21px;\r\n    line-height: 24px;\r\n  }\r\n\r\n  .stageTeaserSecondaryPromoText {\r\n    font-size: 12px;\r\n    line-height: 12px;\r\n  }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width: 768px) and (max-width: 1024px) {\r\n  /* primary with secondary size*/\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n    width: 120px;\r\n    height: 120px;\r\n  }\r\n  .stageTeaserPromoPercent,\r\n  .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoPercent {\r\n    font-size: 42px;\r\n  }\r\n  .stageTeaserSecondaryPromoBubble {\r\n    width: 96px;\r\n    height: 96px;\r\n  }\r\n  .stageTeaserSecondaryPromoPercent{\r\n    font-size: 26px;\r\n  }\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width: 2000px) {\r\n  /* primary with secondary size*/\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n    width: 360px;\r\n    height: 360px;\r\n  }\r\n  /* secondary bubble size*/\r\n  .stageTeaserSecondaryPromoBubble {\r\n    width: 160px;\r\n    height: 160px;\r\n    top: 171px;\r\n  }\r\n  \r\n}\r\n");o("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n  right: 40px;\r\n}\r\n.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n  bottom: 40px;\r\n}\r\n\r\n/* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n  right: 86px;\r\n  left: initial;\r\n}\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n  bottom: 131px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n  right: 40px;\r\n  left: initial;\r\n}\r\n.stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n  bottom: 40px;\r\n  top: initial;\r\n}\r\n\r\n/*Very small devices - phones*/\r\n@media screen and (max-width : 652px) {\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n    right: 46px;\r\n    left: initial;\r\n    bottom: 48px;\r\n    top: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n    right: 6px;\r\n    left: initial;\r\n    bottom: 102px;\r\n  }\r\n}\r\n\r\n/*All small devices - phones*/\r\n@media screen and (min-width : 652px) and (max-width : 768px) {\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n    right: 192px;\r\n    left: initial;\r\n    bottom: 48px;\r\n    top: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n    right: 128px;\r\n    left: initial;\r\n    bottom: 102px;\r\n  }\r\n}\r\n\r\n/*Tablet - md*/\r\n@media only screen and (min-width : 769px) and (max-width : 990px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n    right: 48px;\r\n    left: initial;\r\n    bottom: 128px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n    right: 22px;\r\n    left: initial;\r\n    bottom: 60px;\r\n    top: initial;\r\n  }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n    right: 48px;\r\n    left: initial;\r\n    bottom: 128px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n    right: 22px;\r\n    left: initial;\r\n    bottom: 60px;\r\n    top: initial;\r\n  }\r\n}\r\n\r\n/*Desktop, Laptop & Large Desktops*/\r\n@media only screen and (min-width : 1025px) {\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width : 2000px) {\r\n}");o("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n    left: 40px;\r\n  }\r\n  .stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n    bottom: 40px;\r\n  }\r\n  \r\n  /* primary with secondary */\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n    left: 86px;\r\n    right:  initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n    bottom: 131px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n    left: 40px;\r\n    right:  initial;\r\n  }\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n    bottom: 40px;\r\n    top: initial;\r\n  }\r\n  \r\n  \r\n  /*All small devices - phones*/\r\n  @media screen and (max-width : 768px) {\r\n    /* secondary bubble */\r\n    .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n      left: 58px;\r\n      right:  initial;\r\n      bottom: 48px;\r\n      top: initial;\r\n    }\r\n    .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n      left: 8px;\r\n      right:  initial;\r\n      bottom: 102px;\r\n    }\r\n  }\r\n  \r\n  /*Tablet - md*/\r\n  @media only screen and (min-width : 769px) and (max-width : 990px) {\r\n    .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n      left: 48px;\r\n      right:  initial;\r\n      bottom: 128px;\r\n    }\r\n    /* secondary bubble */\r\n    .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n      left: 22px;\r\n      right:  initial;\r\n      bottom: 60px;\r\n      top: initial;\r\n    }\r\n  }\r\n  \r\n  /*Tablet - lg*/\r\n  @media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n    .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n      left: 48px;\r\n      right:  initial;\r\n      bottom: 128px;\r\n    }\r\n    /* secondary bubble */\r\n    .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n      left: 22px;\r\n      right:  initial;\r\n      bottom: 60px;\r\n      top: initial;\r\n    }\r\n  }\r\n  \r\n  /*Desktop, Laptop & Large Desktops*/\r\n  @media only screen and (min-width : 1025px) {\r\n  }\r\n  \r\n  /*Extra Large Screens*/\r\n  @media only screen and (min-width : 2000px) {\r\n  }");o("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n  left: 40px;\r\n}\r\n.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n  top: 40px;\r\n}\r\n\r\n@media screen and (max-width : 568px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n    left: 38px;\r\n    right:  initial;\r\n    top: 68px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n    left: 2px;\r\n    right:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n@media screen and (min-width : 568px) and (max-width : 768px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n    left: 112px;\r\n    right:  initial;\r\n    top: 68px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n    left: 61px;\r\n    right:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n@media screen and (width : 768px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n    left: 132px;\r\n    right:  initial;\r\n    top: 84px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n    left: 61px;\r\n    right:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n\r\n/*All small devices - phones*/\r\n\r\n/*Tablet - md*/\r\n@media only screen and (min-width : 769px) and (max-width : 990px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n    left: 0px;\r\n    right:  initial;\r\n    top: 18px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n    left: -33px;\r\n    right:  initial;\r\n    top: 111px;\r\n    bottom: initial;\r\n  }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n    left: 22px;\r\n    right:  initial;\r\n    top: 22px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n    left: -22px;\r\n    right:  initial;\r\n    top: 108px;\r\n    bottom: initial;\r\n  }\r\n}\r\n\r\n/*Desktop, Laptop & Large Desktops*/\r\n@media only screen and (min-width : 1025px) and (max-width : 2000px) {\r\n  /* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n  left: 72px;\r\n  right:  initial;\r\n  top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n  left: 20px;\r\n  right:  initial;\r\n  top: 126px;\r\n  bottom: initial;\r\n}\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width : 2000px) {\r\n  \r\n/* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n  left: 0px;\r\n  right:  initial;\r\n  top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n  left: -62px;\r\n  right:  initial;\r\n  top: 41px;\r\n  bottom: initial;\r\n}\r\n\r\n\r\n}");o("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserTopRight {\r\n  right: 40px;\r\n}\r\n.stageTeaserPromoBubble.stageTeaserTopRight {\r\n  top: 40px;\r\n}\r\n\r\n@media screen and (max-width : 568px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n    right: 38px;\r\n    left:  initial;\r\n    top: 68px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n    right: 2px;\r\n    left:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n@media screen and (min-width : 568px) and (max-width : 768px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n    right: 112px;\r\n    left:  initial;\r\n    top: 68px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n    right: 61px;\r\n    left:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n@media screen and (width : 768px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n    right: 132px;\r\n    left:  initial;\r\n    top: 84px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n    right: 61px;\r\n    left:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n\r\n/*All small devices - phones*/\r\n\r\n/*Tablet - md*/\r\n@media only screen and (min-width : 769px) and (max-width : 990px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n    right: 72px;\r\n    left:  initial;\r\n    top: 18px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n    right: 24px;\r\n    left:  initial;\r\n    top: 111px;\r\n    bottom: initial;\r\n  }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n    right: 78px;\r\n    left:  initial;\r\n    top: 22px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n    right: 26px;\r\n    left:  initial;\r\n    top: 108px;\r\n    bottom: initial;\r\n  }\r\n}\r\n\r\n/*Desktop, Laptop & Large Desktops*/\r\n@media only screen and (min-width : 1025px) and (max-width : 2000px) {\r\n  /* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n  right: 72px;\r\n  left:  initial;\r\n  top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n  right: 20px;\r\n  left:  initial;\r\n  top: 126px;\r\n  bottom: initial;\r\n}\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width : 2000px) {\r\n  \r\n/* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n  right: 0px;\r\n  left:  initial;\r\n  top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n  right: 44px;\r\n  left:  initial;\r\n  top: 322px;\r\n  bottom: initial;\r\n}\r\n\r\n\r\n}");o(".falcon-grey-600 {\r\n  color: #3d3935;\r\n}\r\n\r\n.falcon-grey-500 {\r\n  color: #5f5955;\r\n}\r\n.falcon-grey-400 {\r\n  color: #86807c;\r\n}\r\n\r\n.falcon-grey-100 {\r\n  color: #f7f6f5;\r\n}\r\n\r\n.falcon-ice-white {\r\n  color: #ffffff;\r\n}\r\n.falcon-background-grey-100 {\r\n  background-color: #f7f6f5;\r\n}\r\n.falcon-background-ice-white {\r\n  background-color: #ffffff;\r\n}\r\n.falcon-background-transparent {\r\n  background-color: transparent;\r\n}\r\n\r\n.falcon-gradient-rubyglow-diagonal {\r\n  border-radius: 8px;\r\n  background: linear-gradient(93.71deg, #e2271e -0.37%, #ef7c3c 100%);\r\n}\r\n.falcon-gradient-rubyglow-vertical {\r\n  border-radius: 8px;\r\n  background: linear-gradient(180deg, #e2271e 0%, #ef7c3c 100%);\r\n}\r\n.falcon-gradient-pinksky-diagonal {\r\n  background: linear-gradient(98.52deg, #d093a6 -0.35%, #e7c9bc 100.35%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-pinksky-vertical {\r\n  background: linear-gradient(180deg, #d093a6 0%, #e7c9bc 100%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-bluehaze-diagonal {\r\n  background: linear-gradient(98.52deg, #7899bd -0.35%, #b8d0e3 100.35%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-bluehaze-vertical {\r\n  background: linear-gradient(180deg, #7899bd 0%, #b8d0e3 100%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-greencloud-diagonal {\r\n  background: linear-gradient(99.06deg, #8d989b -0.35%, #f8edd2 105.52%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-greencloud-vertical {\r\n  background: linear-gradient(180deg, #8d989b 0%, #f8edd2 100%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-peachfog-diagonal {\r\n  background: linear-gradient(98.52deg, #9c8a95 -0.35%, #f6d6b3 100.35%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-peachfog-vertical {\r\n  background: linear-gradient(180deg, #9c8a95 0%, #f6d6b3 100%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-orange-diagonal {\r\n  background: linear-gradient(105deg, #EF7C3C 0%, #E2271E 100%);\r\n  border-radius: 4px 0;\r\n}\r\n.falcon-gradient-dark-blue-haze{\r\n  background: linear-gradient(239deg, #4F87C1 52.95%, rgba(94, 148, 207, 0) 111%);\r\n  border-radius: 4px 0;\r\n}\r\n\r\n.falcon-def-transparancy {\r\n  background: rgba(0, 0, 0, 1);\r\n}\r\n");const b=({content:n})=>{var r,t,o,a,l,d,s,m,c,p,u,b,x,v,h,f,T,_,y,w,k,C,B,W,I,P,S,E,z,N,L,D,A,R,M,J,j,F,$,H;const K="none"!==(null==n?void 0:n.gradientBgColor)?(e=>{switch(e){case"rubyglow-diagonal":return"falcon-gradient-rubyglow-diagonal";case"rubyglow-vertical":return"falcon-gradient-rubyglow-vertical";case"pinksky-diagonal":return"falcon-gradient-pinksky-diagonal";case"pinksky-vertical":return"falcon-gradient-pinksky-vertical";case"bluehaze-diagonal":return"falcon-gradient-bluehaze-diagonal";case"bluehaze-vertical":return"falcon-gradient-bluehaze-vertical";case"greencloud-diagonal":return"falcon-gradient-greencloud-diagonal";case"greencloud-vertical":return"falcon-gradient-greencloud-vertical";case"peachfog-diagonal":return"falcon-gradient-peachfog-diagonal";case"peachfog-vertical":return"falcon-gradient-peachfog-vertical";case"darkblue-haze":return"falcon-gradient-dark-blue-haze";default:return""}})(null==n?void 0:n.gradientBgColor):(e=>{switch(e){case"grey-100":return"falcon-background-grey-100";case"ice-white":return"falcon-background-ice-white";case"transparent":return"falcon-background-transparent";case"none":return"none";default:return""}})(null==n?void 0:n.GenericBgColor),U="none"===(null==n?void 0:n.gradientBgColor)&&"none"===(null==n?void 0:n.GenericBgColor)?null===(r=null==n?void 0:n.solidBgColor)||void 0===r?void 0:r.color:"",V=(null==n?void 0:n.EnableTextBgColor)?null===(t=null==n?void 0:n.textbgcolor)||void 0===t?void 0:t.color:"",O=()=>{switch(null==n?void 0:n.PromoBubblePosition){case"top-left":return"stageTeaserTopLeft";case"top-right":return"stageTeaserTopRight";case"bottom-left":return"stageTeaserBottomLeft";case"bottom-right":return"stageTeaserBottomRight"}},G=null===(l=null===(a=null===(o=null==n?void 0:n.primaryPromoBubble)||void 0===o?void 0:o[0])||void 0===a?void 0:a.bgcolor)||void 0===l?void 0:l.color,Q=null===(m=null===(s=null===(d=null==n?void 0:n.primaryPromoBubble)||void 0===d?void 0:d[0])||void 0===s?void 0:s.textcolor)||void 0===m?void 0:m.color,X=null===(u=null===(p=null===(c=null==n?void 0:n.SecondaryPromoBubble)||void 0===c?void 0:c[0])||void 0===p?void 0:p.bgcolor)||void 0===u?void 0:u.color,Z=null===(v=null===(x=null===(b=null==n?void 0:n.SecondaryPromoBubble)||void 0===b?void 0:b[0])||void 0===x?void 0:x.textcolor)||void 0===v?void 0:v.color,q=e=>{const n=e&&e.split(".").pop();return!(!n||!["webp","jpg","jpeg","png"].includes(n))},[Y,ee]=e.useState(!1),[ne,re]=e.useState(""),[te,oe]=e.useState(""),ae=()=>{var e,r,t,o,a,i,l,d,s;const m=window.innerWidth;m<=767?(ee(null==n?void 0:n.mobileImageFirst),q(null===(e=null==n?void 0:n.MobilePromoImage)||void 0===e?void 0:e.filename)?re(null===(r=null==n?void 0:n.MobilePromoImage)||void 0===r?void 0:r.filename):oe(null===(t=null==n?void 0:n.MobilePromoImage)||void 0===t?void 0:t.filename)):m>=768&&m<=1024?(ee(null==n?void 0:n.tabletImageFirst),q(null===(o=null==n?void 0:n.TabletPromoImage)||void 0===o?void 0:o.filename)?re(null===(a=null==n?void 0:n.TabletPromoImage)||void 0===a?void 0:a.filename):oe(null===(i=null==n?void 0:n.TabletPromoImage)||void 0===i?void 0:i.filename)):m>=1025&&(ee(null==n?void 0:n.desktopImageFirst),q(null===(l=null==n?void 0:n.DesktopPromoImage)||void 0===l?void 0:l.filename)?re(null===(d=null==n?void 0:n.DesktopPromoImage)||void 0===d?void 0:d.filename):oe(null===(s=null==n?void 0:n.DesktopPromoImage)||void 0===s?void 0:s.filename))};return e.useEffect((()=>{ae(),window.addEventListener("resize",ae)}),[]),e.createElement("div",{className:"stageTeaserMain"},e.createElement("div",{className:U?"stageTeaserContainer d-flex":K+" stageTeaserContainer d-flex",style:{backgroundColor:U}},e.createElement("div",{className:(Y?"order-1":"order-0")+" stageTeaserLeftWrapper  col-md-6",style:{backgroundColor:V,borderRadius:"8px"}},e.createElement("div",{className:"stageTeaserTopText text-bold"},null===(y=null===(_=null===(T=null===(f=null===(h=null==n?void 0:n.primaryheading)||void 0===h?void 0:h.content)||void 0===f?void 0:f[0])||void 0===T?void 0:T.content)||void 0===_?void 0:_[0])||void 0===y?void 0:y.text),e.createElement("div",{className:"stageTeaserMainText"},null===(W=null===(B=null===(C=null===(k=null===(w=null==n?void 0:n.mainheading)||void 0===w?void 0:w.content)||void 0===k?void 0:k[0])||void 0===C?void 0:C.content)||void 0===B?void 0:B[0])||void 0===W?void 0:W.text),e.createElement("div",{className:"stageTeaserBottomText text-bold",style:{fontSize:"14px",lineHeight:"20px"}},null===(z=null===(E=null===(S=null===(P=null===(I=null==n?void 0:n.secondaryheading)||void 0===I?void 0:I.content)||void 0===P?void 0:P[0])||void 0===S?void 0:S.content)||void 0===E?void 0:E[0])||void 0===z?void 0:z.text),e.createElement("div",{className:"teaserTimer text-center"},e.createElement(g,{content:null==n?void 0:n.timer[0]})),e.createElement("div",{className:"StageTeaserButtonContainer"},null===(N=null==n?void 0:n.teaserButtonConfig)||void 0===N?void 0:N.map((r=>{var t,o,a,l,d,s;return e.createElement("div",{className:"StageTeaserButton"},e.createElement("a",{href:`${(null===(t=null==r?void 0:r.buttonLink)||void 0===t?void 0:t.url)||0}`,target:null!==(o=null==n?void 0:n.target)&&void 0!==o?o:"",rel:"_blank"===(null==r?void 0:r.linkTarget)?"opener":"noopener"},e.createElement("div",{className:i(null==r?void 0:r.buttonType)},(null===(a=null==r?void 0:r.buttonIcon)||void 0===a?void 0:a.filename)&&"left"===(null==r?void 0:r.buttonAlignment)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(l=null==r?void 0:r.buttonIcon)||void 0===l?void 0:l.filename}),null==r?void 0:r.buttonLabel,(null===(d=null==r?void 0:r.buttonIcon)||void 0===d?void 0:d.filename)&&"right"===(null==r?void 0:r.buttonAlignment)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(s=null==r?void 0:r.buttonIcon)||void 0===s?void 0:s.filename}))))})))),e.createElement("div",{className:(Y?"order-0":"order-1")+" stageTeaserRightWrapper  col-md-6",style:{background:`url(${ne}) center / contain no-repeat`}},""!==te&&e.createElement("div",{className:"video-wrapper"},e.createElement("video",{autoPlay:!0,muted:!0,loop:!0,src:te})),(null===(L=null==n?void 0:n.primaryPromoBubble)||void 0===L?void 0:L.length)>0&&e.createElement("div",{className:`stageTeaserPromoBubble stageTeaserPrimaryPromoBubble stageTeaserPrimaryWithSecondaryBubble ${O()}`,style:{backgroundColor:G,color:Q}},e.createElement("div",{className:"stageTeaserPromoPercent"},null===(A=null===(D=null==n?void 0:n.primaryPromoBubble)||void 0===D?void 0:D[0])||void 0===A?void 0:A.primarytext),e.createElement("div",{className:"stageTeaserPromoText"},null===(M=null===(R=null==n?void 0:n.primaryPromoBubble)||void 0===R?void 0:R[0])||void 0===M?void 0:M.secondarytext)),(null===(J=null==n?void 0:n.SecondaryPromoBubble)||void 0===J?void 0:J.length)>0&&e.createElement("div",{className:`stageTeaserPromoBubble stageTeaserSecondaryPromoBubble ${O()}`,style:{backgroundColor:X,color:Z}},e.createElement("div",{className:"stageTeaserSecondaryPromoPercent"},null===(F=null===(j=null==n?void 0:n.SecondaryPromoBubble)||void 0===j?void 0:j[0])||void 0===F?void 0:F.primarytext),e.createElement("div",{className:"stageTeaserSecondaryPromoText"},null===(H=null===($=null==n?void 0:n.SecondaryPromoBubble)||void 0===$?void 0:$[0])||void 0===H?void 0:H.secondarytext)))))};o("\r\n.StageTeaserTextContainer {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.StageTeaserOverline {\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 24px;\r\n}\r\n\r\n.StageTeaserHeadline {\r\n  font-size: 48px;\r\n  font-style: normal;\r\n  font-weight: 500;\r\n  line-height: 60px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.StageTeaserText {\r\n  font-size: 14px;\r\n  font-style: normal;\r\n  font-weight: 500;\r\n  line-height: 20px;\r\n}\r\n\r\n.StageTeaserButtonContainer {\r\n  margin: 16px 0;\r\n  display: flex;\r\n}\r\n\r\n.StageTeaserButton {\r\n  padding: 6px;\r\n}\r\n\r\n/* mobile only viewport */\r\n@media (max-width: 375px) {\r\n  .StageTeaserCard {\r\n    width: 95%;\r\n    height: 1336px;\r\n  }\r\n\r\n  .StageTeaserContainer {\r\n    height: 640px;\r\n    padding: 32px 24px;\r\n  }\r\n\r\n  .StageTeaserOverline {\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n  }\r\n\r\n  .StageTeaserHeadline {\r\n    font-size: 24px;\r\n    line-height: 32px;\r\n  }\r\n\r\n  .StageTeaserButtonContainer {\r\n    flex-direction: column;\r\n  }\r\n}\r\n\r\n/* large mobiles viewport */\r\n@media (min-width: 376px) and (max-width: 767px) {\r\n  .StageTeaserCard {\r\n    width: 95%;\r\n    height: 1336px;\r\n  }\r\n\r\n  .StageTeaserContainer {\r\n    height: 640px;\r\n    padding: 32px 24px;\r\n  }\r\n\r\n  .StageTeaserOverline {\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n  }\r\n\r\n  .StageTeaserHeadline {\r\n    font-size: 24px;\r\n    line-height: 32px;\r\n  }\r\n\r\n  .StageTeaserButtonContainer {\r\n    flex-direction: column;\r\n  }\r\n}\r\n\r\n/* Tablet only viewport */\r\n@media (min-width: 768px) and (max-width: 1022px) {\r\n  .StageTeaserCard {\r\n    width: 100%;\r\n    height: 800px;\r\n  }\r\n\r\n  .StageTeaserContainer {\r\n    height: 800px;\r\n    padding: 60px 100px;\r\n  }\r\n\r\n  .StageTeaserTextContainer {\r\n    /* max-width: 80%; */\r\n  }\r\n\r\n  .StageTeaserOverline {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .StageTeaserHeadline {\r\n    font-size: 32px;\r\n    line-height: 40px;\r\n  }\r\n}\r\n\r\n/* Desktop only viewport */\r\n@media (min-width: 1023px) and (max-width: 1439px) {\r\n  .StageTeaserCard {\r\n    width: 98%;\r\n    height: 580px;\r\n  }\r\n\r\n  .StageTeaserContainer {\r\n    width: 100%;\r\n  }\r\n\r\n  .StageTeaserCenterContainer {\r\n    padding: 120px 90px;\r\n  }\r\n}\r\n\r\n/* large desktop viewport */\r\n@media (min-width: 1440px) {\r\n  .StageTeaserCard {\r\n    width: 2880px;\r\n    height: 1620px;\r\n  }\r\n\r\n  .StageTeaserContainer {\r\n    width: 100%;\r\n    padding: 170px 108px;\r\n  }\r\n}\r\n\r\n/* falcon button styles */\r\n.falcon-button-defaults {\r\n  border-radius: 28px;\r\n  cursor: pointer;\r\n  display: inline-block;\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n  font-weight: 700;\r\n  padding: 10px 24px;\r\n  text-decoration: none;\r\n}\r\n\r\n.falcon-primary-button-v1 > .falcon-button-defaults {\r\n  background-color: #da291c;\r\n  color: #ffffff;\r\n}\r\n\r\n.falcon-primary-button-v1:hover {\r\n  background-color: #961c13;\r\n}\r\n\r\n.falcon-primary-button-v1:visited {\r\n  background-color: #c7355f;\r\n}\r\n\r\n.falcon-primary-button-v1:disabled {\r\n  background-color: #e6e3df;\r\n  color: #b3aeaa;\r\n  cursor: default;\r\n}\r\n\r\n.falcon-primary-button-v1-JC > .falcon-button-defaults {\r\n  background-color: #ffffff;\r\n  color: #da291c;\r\n}\r\n\r\n.falcon-primary-button-v1-JC:hover {\r\n  background-color: #e97f77;\r\n  color: #ffffff;\r\n}\r\n\r\n.falcon-primary-button-v1-JC:visited {\r\n  background-color: #961c13;\r\n  color: #ffffff;\r\n}\r\n\r\n.falcon-primary-button-v1-JC:disabled {\r\n  background-color: #e6e3df;\r\n  color: #b3aeaa;\r\n  cursor: default;\r\n}\r\n\r\n.falcon-secondary-button-v1 > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  border: 2px solid #da291c;\r\n  color: #da291c;\r\n}\r\n\r\n.falcon-secondary-button-v1:hover {\r\n  border-color: #961c13;\r\n  color: #961c13;\r\n}\r\n\r\n.falcon-secondary-button-v1:visited {\r\n  border-color: #c7355f;\r\n  color: #c7355f;\r\n}\r\n\r\n.falcon-secondary-button-v1:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  border: 2px solid #da291c;\r\n  color: #ffffff;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC:hover {\r\n  border-color: #f1571d;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC:visited {\r\n  border-color: #c7355f;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n\r\n#wrapper {\r\n  width: 80%;\r\n  margin: 10px auto;\r\n  height: 100%;\r\n}\r\n\r\n.hero-unit {\r\n  position: relative;\r\n  height: 100%;\r\n}\r\n\r\n.topContent {\r\n  position: inherit;\r\n  bottom : 128px;\r\n}\r\n\r\n.bottomContent {\r\n  position: inherit;\r\n  top : 172px;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  #teaserTextSection{\r\n    margin-left: -180px;\r\n  }\r\n  #wrapper {\r\n    width: 100%;\r\n    margin: 10px auto;\r\n  }\r\n  .hero-unit {\r\n    -webkit-background-size: contain;\r\n    -moz-background-size: contain;\r\n    -o-background-size: contain;\r\n    background-size: contain;\r\n\r\n    padding: 200px;\r\n    margin-bottom: 30px;\r\n    -webkit-border-radius: 6px;\r\n    -moz-border-radius: 6px;\r\n    border-radius: 6px;\r\n    margin-right: 4px;\r\n    margin-left: 26px;\r\n    padding-right: 26px;\r\n    border-bottom-left-radius: 18px;\r\n    border-bottom-right-radius: 18px;\r\n  }\r\n}\r\n\r\n@media (min-width: 768px) and (max-width: 1022px) {\r\n  #wrapper {\r\n    width: 100%;\r\n    margin: 10px auto;\r\n  }\r\n  .hero-unit {\r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n\r\n    padding: 200px;\r\n    margin-bottom: 30px;\r\n    -webkit-border-radius: 6px;\r\n    -moz-border-radius: 6px;\r\n    border-radius: 6px;\r\n    border-bottom-left-radius: 18px;\r\n    border-bottom-right-radius: 18px;\r\n  }\r\n}\r\n\r\n@media (min-width: 1023px) and (max-width: 1439px) {\r\n  #wrapper {\r\n    width: 100%;\r\n    margin: 10px auto;\r\n  }\r\n  .hero-unit {\r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n\r\n    padding: 200px;\r\n    margin-bottom: 30px;\r\n    -webkit-border-radius: 6px;\r\n    -moz-border-radius: 6px;\r\n    border-radius: 6px;\r\n    border-bottom-left-radius: 18px;\r\n    border-bottom-right-radius: 18px;\r\n  }\r\n}\r\n\r\n@media (min-width: 1440px) {\r\n  #wrapper {\r\n    width: 99%;\r\n    margin: 10px auto;\r\n  }\r\n  .hero-unit {\r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n\r\n    padding: 200px;\r\n    margin-bottom: 30px;\r\n    -webkit-border-radius: 6px;\r\n    -moz-border-radius: 6px;\r\n    border-radius: 6px;\r\n    border-bottom-left-radius: 18px;\r\n    border-bottom-right-radius: 18px;\r\n  }\r\n}\r\n");const x=({content:n})=>{var r,t,o,a,l,d,s,m,c,p,u,b,x,v,h,f,T,_,y,w,k,C,B,W,I,P,S;const E=null===(d=null===(l=null===(a=null===(o=null===(t=null===(r=null==n?void 0:n.content)||void 0===r?void 0:r.primaryheading)||void 0===t?void 0:t.content)||void 0===o?void 0:o[0])||void 0===a?void 0:a.content)||void 0===l?void 0:l[0])||void 0===d?void 0:d.text,z=null===(b=null===(u=null===(p=null===(c=null===(m=null===(s=null==n?void 0:n.content)||void 0===s?void 0:s.mainheading)||void 0===m?void 0:m.content)||void 0===c?void 0:c[0])||void 0===p?void 0:p.content)||void 0===u?void 0:u[0])||void 0===b?void 0:b.text,N=null===(_=null===(T=null===(f=null===(h=null===(v=null===(x=null==n?void 0:n.content)||void 0===x?void 0:x.secondaryheading)||void 0===v?void 0:v.content)||void 0===h?void 0:h[0])||void 0===f?void 0:f.content)||void 0===T?void 0:T[0])||void 0===_?void 0:_.text,L="left"===(null===(y=null==n?void 0:n.content)||void 0===y?void 0:y.textposition)?"flex-start":"right"===(null===(w=null==n?void 0:n.content)||void 0===w?void 0:w.textposition)?"flex-end":"center",D="left"===(null===(k=null==n?void 0:n.content)||void 0===k?void 0:k.textposition)?"left":"right"===(null===(C=null==n?void 0:n.content)||void 0===C?void 0:C.textposition)?"right":"center";"left"===(null===(B=null==n?void 0:n.content)||void 0===B?void 0:B.textposition)||null===(W=null==n?void 0:n.content)||void 0===W||W.textposition;const[A,R]=e.useState(""),[M,J]=e.useState(""),j=()=>{var e,r,t,o,a,i,l;const d=window.innerWidth;d<=767?(R(`url(${null===(r=null===(e=null==n?void 0:n.content)||void 0===e?void 0:e.mobileImage)||void 0===r?void 0:r.filename}) center center / cover no-repeat`),J(null===(t=null==n?void 0:n.content)||void 0===t?void 0:t.verticaltextpostion)):d>=768&&d<=1439?(R(`url(${null===(a=null===(o=null==n?void 0:n.content)||void 0===o?void 0:o.tabImage)||void 0===a?void 0:a.filename}) center center / cover no-repeat`),J("")):d>=1440&&(R(`url(${null===(l=null===(i=null==n?void 0:n.content)||void 0===i?void 0:i.desktopimage)||void 0===l?void 0:l.filename}) center center / cover no-repeat`),J(""))};return e.useEffect((()=>{j(),window.addEventListener("resize",j)}),[]),e.createElement(e.Fragment,null,e.createElement("div",{id:"wrapper"},""!==A&&e.createElement("div",{className:"hero-unit",style:{background:A}},e.createElement("div",{id:"teaserTextSection",className:"top"===M?"topContent":"bottom"===M?"bottomContent":""},e.createElement("div",{className:"StageTeaserTextContainer",style:{color:"#ffffff",alignItems:""===M?L:"center"}},e.createElement("div",{className:"StageTeaserOverline"}," ",E," "),e.createElement("div",{className:"StageTeaserHeadline",style:{textAlign:""===M?D:"center"}},z),e.createElement("div",{className:"StageTeaserText"}," ",N," ")),e.createElement("div",{className:"StageTeaserTimer"},e.createElement("div",{className:"teaserTimer text-center"},e.createElement(g,{content:null===(I=null==n?void 0:n.content)||void 0===I?void 0:I.timer[0]}))),e.createElement("div",{className:"StageTeaserButtonContainer",style:{justifyContent:""===M?L:"",alignItems:""!==M?"center":""}},null===(S=null===(P=null==n?void 0:n.content)||void 0===P?void 0:P.teaserButtonConfig)||void 0===S?void 0:S.map((r=>{var t,o,a,l,d,s;return e.createElement("div",{className:"StageTeaserButton"},e.createElement("a",{href:`${(null===(t=null==r?void 0:r.buttonLink)||void 0===t?void 0:t.url)||0}`,target:null!==(o=null==n?void 0:n.target)&&void 0!==o?o:"",rel:"_blank"===(null==r?void 0:r.linkTarget)?"opener":"noopener"},e.createElement("div",{className:i(null==r?void 0:r.buttonType)},(null===(a=null==r?void 0:r.buttonIcon)||void 0===a?void 0:a.filename)&&"left"===(null==r?void 0:r.buttonAlignment)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(l=null==r?void 0:r.buttonIcon)||void 0===l?void 0:l.filename}),null==r?void 0:r.buttonLabel,(null===(d=null==r?void 0:r.buttonIcon)||void 0===d?void 0:d.filename)&&"right"===(null==r?void 0:r.buttonAlignment)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(s=null==r?void 0:r.buttonIcon)||void 0===s?void 0:s.filename}))))})))))))};var v={"wrapper-img":"ImageComponent-module_wrapper-img__v4UKy","image-wrapper":"ImageComponent-module_image-wrapper__dvPl9","text-container-center":"ImageComponent-module_text-container-center__i6mB-","text-container":"ImageComponent-module_text-container__v5YHL","image-title":"ImageComponent-module_image-title__WLw4-","image-description":"ImageComponent-module_image-description__wTnjQ","text-right":"ImageComponent-module_text-right__SQQol","text-center":"ImageComponent-module_text-center__ks4IT","text-left":"ImageComponent-module_text-left__8cSZR"};o("/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets  */\n.ImageComponent-module_wrapper-img__v4UKy {\n  width: 99%;\n  height: 100%;\n}\n.ImageComponent-module_wrapper-img__v4UKy .ImageComponent-module_image-wrapper__dvPl9 {\n  -webkit-background-size: cover;\n  -moz-background-size: cover;\n  -o-background-size: cover;\n  background-size: cover;\n  -webkit-border-radius: 24px;\n  -moz-border-radius: 24px;\n  border-radius: 24px;\n  position: relative;\n  height: 100%;\n}\n.ImageComponent-module_wrapper-img__v4UKy .ImageComponent-module_text-container-center__i6mB- {\n  position: absolute;\n  bottom: 40px;\n  left: 40px;\n  color: white;\n}\n.ImageComponent-module_wrapper-img__v4UKy .ImageComponent-module_text-container__v5YHL {\n  position: relative;\n  bottom: 120px;\n  left: 40px;\n  color: white;\n}\n\n.ImageComponent-module_image-title__WLw4- {\n  color: white !important;\n  font-size: 18px;\n  line-height: 24px;\n}\n\n.ImageComponent-module_image-description__wTnjQ {\n  color: #ffffff !important;\n  font-size: 18px;\n  line-height: 24px;\n}\n@media (max-width: 1439px) {\n  .ImageComponent-module_image-description__wTnjQ {\n    font-size: 14px;\n    line-height: 20px;\n  }\n}\n\n@media (max-width: 1439px) {\n  .ImageComponent-module_wrapper-img__v4UKy {\n    width: 100%;\n    height: 100%;\n  }\n  .ImageComponent-module_wrapper-img__v4UKy .ImageComponent-module_image-wrapper__dvPl9 {\n    border-radius: 10px;\n    margin-right: 4px;\n    margin-left: 4px;\n    padding-right: 26px;\n    border-bottom-left-radius: 18px;\n    border-bottom-right-radius: 18px;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 32.31%, rgba(0, 0, 0, 0) 50%);\n    box-shadow: 0px 2px 4px 0px rgba(87, 84, 82, 0.2);\n  }\n  .ImageComponent-module_text-right__SQQol {\n    flex-direction: row-reverse;\n    text-align: right;\n  }\n  .ImageComponent-module_text-center__ks4IT {\n    position: relative;\n    align-items: center;\n  }\n  .ImageComponent-module_text-left__8cSZR {\n    position: absolute;\n    left: 40px;\n    color: white;\n    bottom: 40px;\n  }\n}\n@media (max-width: 1439px) and (min-width: 768px) and (max-width: 1023px) {\n  .ImageComponent-module_text-left__8cSZR {\n    bottom: 10px;\n    left: 80px;\n  }\n}\n@media (max-width: 1439px) and (min-width: 1024px) and (max-width: 1439px) {\n  .ImageComponent-module_text-left__8cSZR {\n    bottom: 120px;\n    left: 90px;\n  }\n}");const h=({content:n,alignment:r})=>{var t;const o=d(),i=`url(${null===(t=null==n?void 0:n.img)||void 0===t?void 0:t.filename}) center center / cover no-repeat`,l="center"===r?"text-container-center":"text-container";return e.createElement("div",{className:v["wrapper-img"]},""!==i&&e.createElement(e.Fragment,null,e.createElement("div",{className:v["image-wrapper"],style:{background:i}}),e.createElement("div",{className:`${"large-desktop"!=o?v[`text-${null==n?void 0:n.textAlignment}`]:v[l]}`},(null==n?void 0:n.title)&&e.createElement("h3",{className:v["image-title"]},null==n?void 0:n.title),(null==n?void 0:n.description)&&e.createElement("div",{className:v["image-description"]},e.createElement(a,{content:null==n?void 0:n.description})))))};var f={overline:"TextComponent-module_overline__BDtDE",h3content:"TextComponent-module_h3content__B0Ipy",desciption:"TextComponent-module_desciption__uP3Ih"};o(".TextComponent-module_overline__BDtDE {\n  color: #86807C;\n}\n\n.TextComponent-module_h3content__B0Ipy {\n  color: #3D3935;\n}\n\n.TextComponent-module_desciption__uP3Ih {\n  font-size: 20px;\n  line-height: 26px;\n  color: #3d3935;\n}");o(".overline{\r\n    color: gray;\r\n}\r\n.desciption{\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n    color: #3d3935;\r\n}\r\n.primary{\r\n    text-align: center;\r\n    background: #da291c;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 28px;\r\n    font-weight: 700;\r\n    overflow: visible;\r\n    padding: 14px 24px;\r\n    width: fit-content;\r\n    a{\r\n       color: white;\r\n       text-decoration: none; \r\n    }\r\n}\r\n\r\n.secondary{\r\n    text-align: center;\r\n    background: white;\r\n    color: #da291c;\r\n    border: 2px solid #da291c;\r\n    border-radius: 28px;\r\n    font-weight: 700;\r\n    overflow: visible;\r\n    padding: 14px 24px;\r\n    width: fit-content;\r\n    a{\r\n       color: #da291c;\r\n       text-decoration: none; \r\n    }\r\n}\r\n.horizontal-left{\r\n    display: flex;\r\njustify-content: flex-start;\r\n}\r\n.horizontal-right{\r\n    display: flex;\r\n    justify-content: flex-end;\r\n}\r\n.horizontal-center{\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-top: 20px;\r\n}\r\n  @media (max-width: 767px){\r\n    .horizontal-center{\r\n       flex-direction: column;\r\n       align-items: center;\r\n    }\r\n  }\r\n.vertical-left{\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n}\r\n.vertical-right{\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-end;\r\n}\r\n.vertical-center{\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n.text{\r\n    text-align: center;\r\n    color: #da291c;\r\n    font-weight: 700;\r\n    overflow: visible;\r\n    padding: 14px 24px;\r\n    width: fit-content;\r\n    a{\r\n       color: #da291c;\r\n       text-decoration: none; \r\n    }\r\n}");const T=({content:n})=>{var r;return e.createElement(e.Fragment,null,e.createElement("div",{className:(null==n?void 0:n.groupsAlignment)+"-"+(null==n?void 0:n.buttonAlignment)},(null===(r=null==n?void 0:n.buttons)||void 0===r?void 0:r.length)>0&&n.buttons.map((n=>{var r;return e.createElement("div",{className:null==n?void 0:n.type},e.createElement("a",{href:null===(r=null==n?void 0:n.link)||void 0===r?void 0:r.cached_url},null==n?void 0:n.text))}))))},_=({content:n})=>{var r;const t=d();return e.createElement(e.Fragment,null,e.createElement("div",{className:` ${"large-desktop"!=t?f[`textline-${null==n?void 0:n.alignment}`]:f["textline-container"]}`},(null==n?void 0:n.overline)&&e.createElement("div",{className:f.overline},null==n?void 0:n.overline),(null==n?void 0:n.headline)&&e.createElement("h3",{className:f.h3content},null==n?void 0:n.headline),(null==n?void 0:n.description)&&e.createElement("div",{className:f.description},e.createElement(a,{content:null==n?void 0:n.description})),(null===(r=null==n?void 0:n.btnGroup)||void 0===r?void 0:r.length)>0&&(null==n?void 0:n.btnGroup.map((n=>e.createElement(T,{content:n}))))))};var y={"main-container":"ImageWithText-module_main-container__fnrz1","img-text-container":"ImageWithText-module_img-text-container__M5Xx0","img-section":"ImageWithText-module_img-section__NsiT4","text-section":"ImageWithText-module_text-section__jTDBS","img-text-right":"ImageWithText-module_img-text-right__rKz7C","img-text-left":"ImageWithText-module_img-text-left__hmJKl","img-text-center":"ImageWithText-module_img-text-center__Js5hv"};o("/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets  */\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-container__M5Xx0 .ImageWithText-module_img-section__NsiT4 {\n  height: 260px;\n  width: 100%;\n}\n@media (min-width: 768px) and (max-width: 1439px) {\n  .ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-container__M5Xx0 .ImageWithText-module_img-section__NsiT4 {\n    height: 450px;\n  }\n}\n@media (max-width: 1439px) {\n  .ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-container__M5Xx0 .ImageWithText-module_text-section__jTDBS {\n    width: 90%;\n    position: relative;\n    top: auto;\n    background: rgba(255, 255, 255, 0.7490196078);\n    margin: 0 auto;\n    border-radius: 12px;\n    padding: 16px !important;\n    bottom: 30px;\n  }\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-right__rKz7C {\n  flex-direction: row-reverse;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-right__rKz7C .ImageWithText-module_text-section__jTDBS {\n  padding: 40px !important;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-left__hmJKl {\n  flex-direction: row;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-left__hmJKl .ImageWithText-module_text-section__jTDBS {\n  padding: 40px !important;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-center__Js5hv {\n  position: relative;\n  align-items: center;\n  height: 450px;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-center__Js5hv .ImageWithText-module_text-section__jTDBS {\n  background: rgba(255, 255, 255, 0.7490196078);\n  position: absolute;\n  left: 40%;\n  max-height: 450px;\n  padding: 40px !important;\n  width: 48%;\n  border-radius: 12px;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-center__Js5hv .ImageWithText-module_img-section__NsiT4 {\n  width: 50%;\n  height: 100%;\n  border-radius: 24px;\n}");const w=({content:n})=>{var r,t,o,a;const i=d();return e.createElement(e.Fragment,null,e.createElement("div",{className:y["main-container"]},e.createElement("div",{className:`row ${"large-desktop"===i?y[`img-text-${null==n?void 0:n.alignment}`]:y["img-text-container"]}`},(null===(r=null==n?void 0:n.image)||void 0===r?void 0:r.length)>0&&e.createElement("div",{className:`${y["img-section"]} col-md-6 col-lg-6 col-sm-10`},e.createElement(h,{content:null===(t=null==n?void 0:n.image)||void 0===t?void 0:t[0],alignment:null==n?void 0:n.alignment})),(null===(o=null==n?void 0:n.textBlok)||void 0===o?void 0:o.length)>0&&e.createElement("div",{className:`${y["text-section"]} col-md-6 col-lg-6 col-sm-10`},e.createElement(_,{content:null===(a=null==n?void 0:n.textBlok)||void 0===a?void 0:a[0]})))))};var k={carouselContainer:"ImageWithTextWrapper-module_carouselContainer__ornBf",arrowButton:"ImageWithTextWrapper-module_arrowButton__UINad",leftArrow:"ImageWithTextWrapper-module_leftArrow__p4Lpk",rightArrow:"ImageWithTextWrapper-module_rightArrow__5kd-p",carousel_dot:"ImageWithTextWrapper-module_carousel_dot__0oj6A",carouselItem:"ImageWithTextWrapper-module_carouselItem__xJoh5",stageTeaserTabActive:"ImageWithTextWrapper-module_stageTeaserTabActive__pNEXt"};o('/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets  */\n.ImageWithTextWrapper-module_carouselContainer__ornBf {\n  position: static;\n  border-radius: 24px;\n}\n@media (min-width: 1440px) {\n  .ImageWithTextWrapper-module_carouselContainer__ornBf {\n    margin-bottom: 110px;\n  }\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_arrowButton__UINad, .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk, .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p {\n  background: #ffffff;\n  box-shadow: 0px 4px 12px rgba(87, 84, 82, 0.2);\n  border-radius: 24px;\n  font-size: 16px;\n  height: 44px;\n  width: 44px;\n  padding: 10px;\n  position: absolute;\n  border: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_arrowButton__UINad::before, .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk::before, .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p::before {\n  color: #da291c;\n  font-size: 20px;\n  display: block;\n  font-family: revicons;\n  text-align: center;\n  z-index: 1;\n  position: relative;\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p {\n  right: 20%;\n  bottom: -90px;\n  box-shadow: 0px 2px 4px 0px rgba(87, 84, 82, 0.2);\n  margin-right: 150px;\n}\n@media (min-width: 1024px) and (max-width: 1439px) {\n  .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p {\n    right: 16px;\n  }\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n  .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p {\n    right: -32px;\n  }\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p::before {\n  content: "\\e825";\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p:disabled {\n  background: #e6e3df;\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk {\n  left: 20%;\n  bottom: -90px;\n  box-shadow: 0px 2px 4px 0px rgba(87, 84, 82, 0.2);\n  margin-left: 150px;\n}\n@media (min-width: 1024px) and (max-width: 1439px) {\n  .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk {\n    left: 16px;\n  }\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n  .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk {\n    left: -32px;\n  }\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk::before {\n  content: "\\e824";\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk:disabled {\n  background: white;\n}\n\n.ImageWithTextWrapper-module_carousel_dot__0oj6A {\n  top: auto;\n  margin: 0 auto;\n  bottom: -100px;\n}\n\n.ImageWithTextWrapper-module_carouselItem__xJoh5 {\n  position: relative;\n  width: 100%;\n}\n@media (max-width: 1023px) {\n  .ImageWithTextWrapper-module_carouselItem__xJoh5 :active {\n    padding-right: 30px;\n  }\n}\n\n.ImageWithTextWrapper-module_stageTeaserTabActive__pNEXt {\n  border-radius: 12px;\n  box-shadow: 0px 2px 4px 0px rgba(87, 84, 82, 0.2);\n  background-color: #FFFFFF;\n}');exports.ButtonGroup=T,exports.ImageComponent=h,exports.ImageWithText=w,exports.ImageWithTextWrapper=({content:n})=>{var r;const o=d();return e.createElement("div",{style:{position:"relative"}},e.createElement(t,{responsive:{desktop:{breakpoint:{max:7e3,min:1440},items:1},tabletLarge:{breakpoint:{max:1439,min:1024},items:1},tabletMedium:{breakpoint:{max:1023,min:768},items:1},mobile:{breakpoint:{max:767,min:0},items:1,partialVisibilityGutter:30}},autoPlay:!1,shouldResetAutoplay:!1,showDots:1!==(null===(r=null==n?void 0:n.productTeaserSlides)||void 0===r?void 0:r.length),customDot:"large-desktop"===o?e.createElement((r=>{var t,o,a;const{onClick:i,active:l,index:d}=r;return e.createElement("div",{className:l?k.stageTeaserTabActive:k.stageTeaserTab,onClick:()=>i()},e.createElement("img",{src:null===(a=null===(o=null===(t=null==n?void 0:n.bloks)||void 0===t?void 0:t[d])||void 0===o?void 0:o.thumbImage)||void 0===a?void 0:a.filename,alt:"arrow",width:64,height:64}))}),null):e.createElement(e.Fragment,null),dotListClass:k.carousel_dot,itemClass:k.carouselItem,ssr:!0,arrows:!1,containerClass:k.carouselContainer,sliderClass:k.sliderClass,customButtonGroup:e.createElement((r=>{var t,a,i;return e.createElement(e.Fragment,null,(null===(t=null==n?void 0:n.bloks)||void 0===t?void 0:t.length)>1&&"large-desktop"===o&&e.createElement("div",null,e.createElement("button",{disabled:0===(null===(a=null==r?void 0:r.carouselState)||void 0===a?void 0:a.currentSlide),className:k.leftArrow,onClick:r.previous}),e.createElement("button",{disabled:(null===(i=null==r?void 0:r.carouselState)||void 0===i?void 0:i.currentSlide)+1===(null==r?void 0:r.carouselState.totalItems),className:k.rightArrow,onClick:r.next})))}),null),customTransition:"transform 1s ease",transitionDuration:500,partialVisbile:"large-desktop"!==o},n.bloks.map((n=>e.createElement(w,{content:n})))))},exports.RibbonComponent=({content:n})=>{var t,o,d,s,m,c,p,u,b,x,v,h,f,T,_,y,w,k,C,B,W,I,P,S,E,z;const[N,L]=e.useState(!1),D=r.getCookie("sunriseAuth"),[A,R]=e.useState(!1),M=new Date,[J,j]=e.useState(null==n?void 0:n.teaserTimer[0]),F=l(new Date(null===(o=null===(t=null==n?void 0:n.teaserTimer[0])||void 0===t?void 0:t.endTime)||void 0===o?void 0:o.replace(/-/g,"/"))),$=l(new Date(null===(s=null===(d=null==n?void 0:n.teaserTimer[0])||void 0===d?void 0:d.startTime)||void 0===s?void 0:s.replace(/-/g,"/"))),H=((null==n?void 0:n.enableDarkMode)?"ribbonComponent_DarkText ":"")+"ribbonComponent_Card",K=((null==n?void 0:n.enableDarkMode)?"ribbonComponent_DarkDescription ":"")+"ribbonComponent_TextContainer",[U,V]=e.useState(!1),O=()=>{const e=F.getTime()-M.getTime();if(e>0&&U){return{days:("0"+Math.floor(e/864e5)).slice(-2),hours:("0"+Math.floor(e/36e5%24)).slice(-2),mins:("0"+Math.floor(e/1e3/60%60)).slice(-2),sec:("0"+Math.floor(e/1e3%60)).slice(-2)}}return null},[G,Q]=e.useState(O()),X=()=>{!1===N&&L(!0)};return e.useEffect((()=>{var e;if(null===(e=null==n?void 0:n.teaserTimer[0])||void 0===e?void 0:e.startTime){const e=null==n?void 0:n.teaserTimer[0];e.isDarkMode=null==n?void 0:n.enableDarkMode,j(e)}!D&&"nauth"===(null==n?void 0:n.targetCustomer)||"both"===(null==n?void 0:n.targetCustomer)||D&&"auth"===(null==n?void 0:n.targetCustomer)?R(!0):R(!1)}),[]),e.useEffect((()=>{Q(O()),M.getTime()>=$.getTime()&&!U&&V(!0);const e=setInterval((()=>{Q(O())}),1e3);return()=>{clearInterval(e)}}),[U]),e.createElement(e.Fragment,null,!1===N&&(void 0===(null===(m=null==n?void 0:n.teaserTimer[0])||void 0===m?void 0:m.startTime)&&null===G||void 0!==(null===(c=null==n?void 0:n.teaserTimer[0])||void 0===c?void 0:c.startTime)&&null!==G)&&A&&e.createElement(e.Fragment,null,e.createElement("div",{className:"ribbonComponent_Wrapper",style:{background:null==n?void 0:n.backgroundColor}},e.createElement("div",{className:H},e.createElement("div",{className:"ribbonComponent_descriptionBlockSection"},(null===(p=null==n?void 0:n.icon)||void 0===p?void 0:p.filename)&&e.createElement("div",{className:"ribbonComponent_Image"},e.createElement("img",{className:"ribbonComponent_Icon",src:(null==n?void 0:n.enableDarkMode)?null===(u=null==n?void 0:n.darkModeIcon)||void 0===u?void 0:u.filename:null===(b=null==n?void 0:n.icon)||void 0===b?void 0:b.filename})),(null==n?void 0:n.description)&&e.createElement("div",{className:K},e.createElement(a,{content:null==n?void 0:n.description}),e.createElement("div",null))),e.createElement("div",{className:"ribbonComponent_ButtonSection"},(null===(x=null==n?void 0:n.teaserTimer[0])||void 0===x?void 0:x.startTime)&&e.createElement(e.Fragment,null,e.createElement("div",{className:"ribbonComponent_Timer"},e.createElement(g,{content:J})),(null==n?void 0:n.buttonText)||(null==n?void 0:n.hotlineNumber)?e.createElement("div",{className:"ribbonComponent_HrBreaker"}):e.createElement("div",{className:"ribbonComponent_OnlyTimer"})),((null==n?void 0:n.buttonText)&&(null===(v=null==n?void 0:n.link)||void 0===v?void 0:v.url)||(null==n?void 0:n.hotlineNumber)&&(null===(h=null==n?void 0:n.buttonIcon)||void 0===h?void 0:h.filename))&&e.createElement("div",{className:"ribbonComponent_Button"},e.createElement("a",{href:(null==n?void 0:n.hotlineNumber)?`tel:${(null==n?void 0:n.hotlineNumber)||0}`:null===(f=null==n?void 0:n.link)||void 0===f?void 0:f.url,target:null!==(T=null==n?void 0:n.target)&&void 0!==T?T:"",rel:"_blank"===(null==n?void 0:n.target)?"opener":"noopener"},e.createElement("div",{className:i(null==n?void 0:n.buttonType)},(null==n?void 0:n.hotlineNumber)&&"left"===(null==n?void 0:n.iconAlign)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(_=null==n?void 0:n.buttonIcon)||void 0===_?void 0:_.filename}),(null==n?void 0:n.hotlineNumber)?null==n?void 0:n.hotlineNumber:null==n?void 0:n.buttonText,(null==n?void 0:n.hotlineNumber)&&"right"===(null==n?void 0:n.iconAlign)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(y=null==n?void 0:n.buttonIcon)||void 0===y?void 0:y.filename})))),(null===(w=null==n?void 0:n.closeIcon)||void 0===w?void 0:w.filename)&&(null==n?void 0:n.isCloseIcon)&&e.createElement("div",{className:"ribbonComponent_CloseIcon",onClick:()=>X()},e.createElement("img",{src:(null==n?void 0:n.enableDarkMode)?null!==(C=null===(k=null==n?void 0:n.darkModeCloseIcon)||void 0===k?void 0:k.filename)&&void 0!==C?C:null===(B=null==n?void 0:n.closeIcon)||void 0===B?void 0:B.filename:null===(W=null==n?void 0:n.closeIcon)||void 0===W?void 0:W.filename}))),(null===(I=null==n?void 0:n.closeIcon)||void 0===I?void 0:I.filename)&&(null==n?void 0:n.isCloseIcon)&&e.createElement("div",{className:"ribbonComponent_CloseIcon1",onClick:()=>X()},e.createElement("img",{src:(null==n?void 0:n.enableDarkMode)?null!==(S=null===(P=null==n?void 0:n.darkModeCloseIcon)||void 0===P?void 0:P.filename)&&void 0!==S?S:null===(E=null==n?void 0:n.closeIcon)||void 0===E?void 0:E.filename:null===(z=null==n?void 0:n.closeIcon)||void 0===z?void 0:z.filename}))))))},exports.StageTeaserComponent=({content:n})=>e.createElement(e.Fragment,null,"single"===(null==n?void 0:n.layoutgrid)?e.createElement(x,{content:{content:n}}):e.createElement(b,{content:n})),exports.TextComponent=_;
 //# sourceMappingURL=index.js.map

package/dist/esm/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import "./ButtonGroup.css";
+declare const ButtonGroup: FC<any>;
+export default ButtonGroup;

package/dist/esm/components/ButtonGroup/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ButtonGroup';

package/dist/esm/components/ImageComponent/ImageComponent.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const ImageComponent: FC<any>;
+export default ImageComponent;

package/dist/esm/components/ImageComponent/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ImageComponent';

package/dist/esm/components/ImageWithText/ImageWithText.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+declare const ImageWithText: FC<any>;
+export default ImageWithText;

package/dist/esm/components/ImageWithText/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ImageWithText';

package/dist/esm/components/ImageWithTextWrapper/ImageWithTextWrapper.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+declare const ImageWithTextWrapper: FC<any>;
+export default ImageWithTextWrapper;

package/dist/esm/components/ImageWithTextWrapper/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ImageWithTextWrapper';

package/dist/esm/components/RibbonComponent/utils.d.ts

@@ -1,3 +1,4 @@
 export declare const getFalconButtonClass: (type: string) => string;
 export declare const dateWithTimeZone: (timeZone: string, year: number, month: number, day: number, hour: number, minute: number, second: number) => Date;
 export declare const calculateDateTime: (dateObj: Date) => Date;
+export declare const viewport: () => string;

package/dist/esm/components/TextComponent/TextComponent.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+declare const TextComponent: FC<any>;
+export default TextComponent;

package/dist/esm/components/TextComponent/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TextComponent';

package/dist/esm/components/index.d.ts

@@ -1,2 +1,7 @@
 export { default as RibbonComponent } from "./RibbonComponent";
 export { default as StageTeaserComponent } from "./StageTeaserComponent";
+export { default as ImageComponent } from './ImageComponent';
+export { default as TextComponent } from './TextComponent';
+export { default as ButtonGroup } from './ButtonGroup';
+export { default as ImageWithText } from './ImageWithText';
+export { default as ImageWithTextWrapper } from './ImageWithTextWrapper';

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-import n,{useState as r,useEffect as e}from"react";import{render as t}from"storyblok-rich-text-react-renderer-ts";import{getCookie as o}from"cookies-next";function a(n,r){void 0===r&&(r={});var e=r.insertAt;if(n&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===e&&t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.styleSheet?o.styleSheet.cssText=n:o.appendChild(document.createTextNode(n))}}a(".ribbonComponent_Wrapper{\r\n  width: 100%;\r\n}\r\n.ribbonComponent_Card {\r\n  display: flex;\r\n  align-items: center;\r\n  padding:16px 0;\r\n}\r\n.ribbonComponent_DarkText{\r\n  color: #ffffff !important;\r\n}\r\n.ribbonComponent_DarkDescription a {\r\ncolor: #ffffff;\r\n}\r\n.ribbonComponent_Image {\r\n  margin-top: 5px;\r\n  margin-right: 8px;\r\n}\r\n.ribbonComponent_Icon {\r\n  height: 24px;\r\n  width: 24px;\r\n}\r\n.ribbonComponent_TextContainer {\r\n  margin: 8px 0;\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n}\r\n.ribbonComponent_Title {\r\n  font-weight: 700;\r\n}\r\n.ribbonComponent_Description {\r\n  font-weight: 400;\r\n}\r\n.ribbonComponent_CloseIcon {\r\n  margin-right: 16px;\r\n}\r\n.ribbonComponent_HrBreaker {\r\n  width: 1px;\r\n  height: 32px;\r\n  margin-left: 8px;\r\n  margin-right: 8px;\r\n  border-radius: 1px;\r\n  opacity: 0.2;\r\n  flex-shrink: 0;\r\n  background: #3D3935;\r\n}\r\n.ribbonComponent_OnlyTimer{\r\n  width:30px;\r\n}\r\n.ribbonComponent_Button{\r\n  text-wrap:nowrap;\r\n}\r\n.falcon-button-defaults {\r\n  border-radius: 28px;\r\n  cursor: pointer;\r\n  display: inline-block;\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n  font-weight: 700;\r\n  padding: 10px 24px;\r\n  text-decoration: none;\r\n}\r\n.ribbonComponent_phoneIcon {\r\n  background-size: contain;\r\n  display: inline-flex;\r\n  height: 24px;\r\n  margin: 0 8px 0 10px;\r\n  width: 24px;\r\n}\r\n.ribbonComponent_ButtonSection {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n}\r\n.ribbonComponent_descriptionBlockSection {\r\n  display: flex;\r\n}\r\n/* Mobile only viewport */\r\n@media all and (max-width: 767px) {\r\n  .falcon-primary-button-v1-JC:visited {\r\n    background-color: #e97f77;\r\n  }\r\n  .ribbonComponent_Card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    margin-left: 16px;\r\n  }\r\n  .ribbonComponent_CloseIcon1{\r\n    margin-right: 0;\r\n    position: absolute;\r\n    right: 16px;\r\n    margin-top: 16px;\r\n  }\r\n  .ribbonComponent_ButtonSection {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n    padding-bottom: 16px;\r\n    padding-top: 8px;\r\n    margin-left: 32px;\r\n  }\r\n  .ribbonComponent_descriptionBlockSection {\r\n    padding-top:16px;\r\n    padding-right: 78px;\r\n    margin-left: 16px;\r\n  }\r\n  .ribbonComponent_Timer{\r\n    margin-left: 8px;\r\n    padding-bottom: 8px;\r\n  }\r\n  .ribbonComponent_Button{\r\n    margin-left: 8px;\r\n  }\r\n  .ribbonComponent_CloseIcon{\r\n    display: none;\r\n  }\r\n}\r\n/* Mobile and tablet viewport */\r\n@media all and (max-width: 1023px) {\r\n  .ribbonComponent_HrBreaker {\r\n    display: none;\r\n  }\r\n  .ribbonComponent_Button {\r\n    padding-bottom: 16px;\r\n  }\r\n}\r\n\r\n/* Tablet only viewport */\r\n@media all and (min-width: 768px) and (max-width: 1023px) {\r\n  .ribbonComponent_Card{\r\n    justify-content: space-between;\r\n  }\r\n  .ribbonComponent_ButtonSection {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding-right: 90px;\r\n    padding-left:70px;\r\n    margin: 6px 0 0 0;\r\n    align-items: flex-end;\r\n  }\r\n  .ribbonComponent_Button{\r\n    margin: 8px 0;\r\n  }\r\n  .ribbonComponent_CloseIcon{\r\n    display: none;\r\n  }\r\n  .ribbonComponent_CloseIcon1{\r\n    margin-right: 0;\r\n    position: absolute;\r\n    right: 40px;\r\n    padding-left: 16px;\r\n  }\r\n  .ribbonComponent_descriptionBlockSection{\r\n    margin-left:40px;\r\n  }\r\n}\r\n\r\n/* Desktop only viewport */\r\n@media (min-width: 1024px) {\r\n  .ribbonComponent_Card{\r\n    justify-content: space-between;\r\n    margin-left:0;\r\n  }\r\n  .ribbonComponent_Button{\r\n    margin: 0 16px;\r\n    text-wrap:nowrap;\r\n  }\r\n  .ribbonComponent_descriptionBlockSection{\r\n    margin:0 42px;\r\n  }\r\n  .ribbonComponent_ButtonSection{\r\n    padding-left: 60px;\r\n  }\r\n  .ribbonComponent_CloseIcon{\r\n    margin-right: 42px;\r\n  }\r\n  .ribbonComponent_CloseIcon1{\r\n    display: none;\r\n  }\r\n}\r\n@media (min-width: 1440px){\r\n  .ribbonComponent_Card{\r\n    max-width: 1440px;\r\n    margin: auto;\r\n  }\r\n  .ribbonComponent_descriptionBlockSection{\r\n    margin:0 72px;\r\n  }\r\n  .ribbonComponent_CloseIcon{\r\n    margin-right: 72px;\r\n  }\r\n  .ribbonComponent_ButtonSection{\r\n    padding-left: 80px;\r\n  }\r\n  .ribbonComponent_OnlyTimer{\r\n    width:60px;\r\n  }  \r\n}\r\n\r\n.falcon-primary-button-v1 > .falcon-button-defaults {\r\n  background-color: #da291c;\r\n  color: #ffffff;\r\n}\r\n.falcon-primary-button-v1:hover {\r\n  background-color: #961c13;\r\n}\r\n.falcon-primary-button-v1:visited {\r\n  background-color: #c7355f;\r\n}\r\n.falcon-primary-button-v1:disabled {\r\n  background-color: #e6e3df;\r\n  color: #b3aeaa;\r\n  cursor: default;\r\n}\r\n\r\n.falcon-primary-button-v1-JC > .falcon-button-defaults {\r\n  background-color: #ffffff;\r\n  color: #da291c;\r\n}\r\n.falcon-primary-button-v1-JC:hover {\r\n  background-color: #e97f77;\r\n  color: #ffffff;\r\n}\r\n.falcon-primary-button-v1-JC:visited {\r\n  background-color: #961c13;\r\n  color: #ffffff;\r\n}\r\n.falcon-primary-button-v1-JC:disabled {\r\n  background-color: #e6e3df;\r\n  color: #b3aeaa;\r\n  cursor: default;\r\n}\r\n.falcon-secondary-button-v1 > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  border: 2px solid #da291c;\r\n  color: #da291c;\r\n}\r\n.falcon-secondary-button-v1:hover {\r\n  border-color: #961c13;\r\n  color: #961c13;\r\n}\r\n.falcon-secondary-button-v1:visited {\r\n  border-color: #c7355f;\r\n  color: #c7355f;\r\n}\r\n.falcon-secondary-button-v1:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  border: 2px solid #da291c;\r\n  color: #ffffff;\r\n}\r\n.falcon-secondary-button-v1-JC:hover {\r\n  border-color: #f1571d;\r\n}\r\n.falcon-secondary-button-v1-JC:visited {\r\n  border-color: #c7355f;\r\n}\r\n.falcon-secondary-button-v1-JC:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n.falcon-secondary-button-v4 > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  padding-left: 0;\r\n  padding-right: 0;\r\n  color: #da291c;\r\n}\r\n.falcon-secondary-button-v4:hover {\r\n  border-color: #961c13;\r\n  color: #961c13;\r\n}\r\n.falcon-secondary-button-v4:visited {\r\n  border-color: #c7355f;\r\n  color: #c7355f;\r\n}\r\n.falcon-secondary-button-v4:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v4-JC > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  padding: 0;\r\n  color: #ffffff;\r\n}\r\n.falcon-secondary-button-v4-JC:hover {\r\n  border-color: #c7355f;\r\n  color: #c7355f;\r\n}\r\n.falcon-secondary-button-v4-JC:visited {\r\n  border-color: #961c13;\r\n  color: #961c13;\r\n}\r\n.falcon-secondary-button-v4-JC:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v5 > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  padding: 0;\r\n  color: #3d3935;\r\n  font-weight: 400;\r\n}\r\n.falcon-secondary-button-v5 > div {\r\n  text-decoration-line: underline;\r\n}\r\n\r\n.falcon-secondary-button-dark > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  color: #3d3935;\r\n  border: 2px solid #3d3935;\r\n}\r\n.falcon-primary-dark-button {\r\n  background: #5f5955;\r\n  padding: 10px 24px;\r\n  box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);\r\n  border-radius: 28px 0px 0px 28px;\r\n}\r\n.falcon-primary-dark-button:hover {\r\n  background: #86807c;\r\n  box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);\r\n}\r\n.falcon-primary-dark-button:visited {\r\n  background: #86807c;\r\n  box-sizing: border-box;\r\n  box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);\r\n  padding: 8px 22px;\r\n  border: 2px solid #5f5955;\r\n}\r\n");const i=r=>n.createElement("div",null,t(r.content,{markResolvers:{link:(e,t)=>{const{href:o,target:a,linktype:i}=t;return"email"===i?n.createElement("a",{href:`mailto:${o}`,target:null===a||"_self"===a?"_top":"_blank"},e):r.isIFrame?n.createElement("a",{href:o,target:null===a||"_self"===a?"_top":"_blank"},e):n.createElement("a",{href:o,target:null===a?"":a,onClick:()=>{return n=e,void("function"==typeof(null==r?void 0:r.callBack)&&(null==r||r.callBack(n)));var n}},e)}}}));a("/* Mobile only viewport */\r\n@media all and (max-width: 767px) {\r\n  .timer-wrap {\r\n    text-align: center !important;\r\n    margin-left: 0 !important;\r\n    margin-right: 0 !important;\r\n  }\r\n  .timer-container {\r\n    min-width: 260px;\r\n  }\r\n  .timer-message {\r\n    margin-bottom: 10px;\r\n  }\r\n  .timer-section {\r\n    justify-content: center;\r\n    margin-top: 4px;\r\n    margin-left: unset !important;\r\n    margin-right: unset !important;\r\n  }\r\n}\r\n/* Mobile and tablet viewport */\r\n@media all and (max-width: 1023px) {\r\n  .timer-message {\r\n    margin-top: unset;\r\n  }\r\n}\r\n\r\n/* Tablet only viewport */\r\n@media all and (min-width: 768px) and (max-width: 1023px) {\r\n  .timer-section {\r\n    margin-top: unset;\r\n  }\r\n}\r\n\r\n.timer-container {\r\n  color: black;\r\n  display: inline-block;\r\n  max-width: 100%;\r\n  min-width: 242px;\r\n  /* padding-top: 10px; */\r\n}\r\n.colon {\r\n  font-weight: 700;\r\n  font-size: 28px;\r\n  line-height: 36px;\r\n}\r\n\r\n.timer-section {\r\n  display: flex;\r\n   /* margin-top: 12px; */\r\n  padding: 8px 0;\r\n  padding-left: 10px;\r\n  padding-right: 10px;\r\n}\r\n.timer-element {\r\n  display: inline-block;\r\n  min-width: 42px;\r\n  padding: 0 6px;\r\n  text-align: center;\r\n}\r\n.timer-value {\r\n  font-weight: 700;\r\n  font-size: 32px;\r\n  line-height: 36px;\r\n}\r\n.timer-label {\r\n  font-weight: 400;\r\n  font-size: 12px;\r\n  line-height: 16px;\r\n}\r\n.transparent-element:first-child {\r\n    padding-left: 0;\r\n}\r\n");const l=n=>{switch(n){case"Primary-V1":return"falcon-primary-button-v1";case"Secondary-V1":return"falcon-secondary-button-v1";case"Secondary-V4":return"falcon-secondary-button-v4";case"Secondary-Dark":return"falcon-secondary-button-dark";case"Primary-Dark-V1":return"falcon-primary-dark-button";case"Secondary-V5":return"falcon-secondary-button-v5";default:return""}},d=n=>{let r=new Date(n);return r=((n,r,e,t,o,a,i)=>{const l=new Date(Date.UTC(r,e,t,o,a,i)),d=new Date(l.toLocaleString("en-US",{timeZone:"Europe/Vienna"})),s=new Date(l.toLocaleString("en-US",{timeZone:n})),c=d.getTime()-s.getTime();return l.setTime(l.getTime()+c),l})("Europe/Vienna",r.getFullYear(),r.getMonth(),r.getDate(),r.getHours(),r.getMinutes(),r.getSeconds()),r},s="center",c="left",m="transparent",p="00",b=({content:r})=>{var e;return n.createElement("div",{className:"container",style:{justifyContent:r.timerAlignment===s?"center":r.timerAlignment===c?"left":"right"}},n.createElement("div",{className:"timer-section",style:{color:r.timerColor,backgroundColor:r.backgroundColor,marginLeft:r.backgroundColor===m&&r.timerAlignment===c?"-9px":"unset",marginRight:r.backgroundColor===m&&"right"===r.timerAlignment?"-24px":"unset"}},n.createElement("div",{className:"timer-element"},n.createElement("div",{className:"timer-value"}," ",p," "),n.createElement("div",{className:"timer-label"},r.dayLabel)),n.createElement("div",{className:"colon"},":"),n.createElement("div",{className:"timer-element"},n.createElement("div",{className:"timer-value"}," ",p," "),n.createElement("div",{className:"timer-label"},r.hourLabel)),n.createElement("div",{className:"colon"},":"),n.createElement("div",{className:"timer-element"},n.createElement("div",{className:"timer-value"}," ",p," "),n.createElement("div",{className:"timer-label"},r.minuteLabel)),n.createElement("div",{className:"colon"},":"),n.createElement("div",{className:"timer-element"},n.createElement("div",{className:"timer-value"}," ",p),n.createElement("div",{className:"timer-label"},r.secondLabel))),n.createElement("div",{className:"timer-message",style:{color:null===(e=r.expiryLabelColor)||void 0===e?void 0:e.color}},r.expiryLabel))},g=({content:t})=>{var o,a,i,l,m,p,g,u;const v=d(new Date(null===(o=null==t?void 0:t.endTime)||void 0===o?void 0:o.replace(/-/g,"/"))),x=d(new Date(null===(a=null==t?void 0:t.startTime)||void 0===a?void 0:a.replace(/-/g,"/"))),f=(null==t?void 0:t.colorChangeTime)&&d(new Date(null===(i=null==t?void 0:t.colorChangeTime)||void 0===i?void 0:i.replace(/-/g,"/"))),[h,T]=r(!1),[y,w]=r(null!==(l=null==t?void 0:t.timerColor)&&void 0!==l?l:""),[B,k]=r(!1),C=()=>{const n=new Date;f&&!B&&n.getTime()>f.getTime()&&(w("#da291c"),k(!0)),n.getTime()>=x.getTime()&&!h&&T(!0);const r=v.getTime()-n.getTime();if(r>0&&h){return{days:("0"+Math.floor(r/864e5)).slice(-2),hours:("0"+Math.floor(r/36e5%24)).slice(-2),mins:("0"+Math.floor(r/1e3/60%60)).slice(-2),sec:("0"+Math.floor(r/1e3%60)).slice(-2)}}return null},P={timerColor:y,backgroundColor:null==t?void 0:t.backgroundColor,expiryLabel:t.expiryLabel,timerAlignment:t.timerAlignment,dayLabel:t.dayLabel,hourLabel:t.hourLabel,minuteLabel:t.minuteLabel,secondLabel:t.secondLabel,expiryLabelColor:t.expiryLabelColor},[S,E]=r(C());e((()=>{E(C());const n=setInterval((()=>{E(C())}),1e3);return()=>{clearInterval(n)}}),[]);const _=[{label:null!==(m=null==t?void 0:t.hourLabel)&&void 0!==m?m:"",value:null==S?void 0:S.hours},{label:null!==(p=null==t?void 0:t.minuteLabel)&&void 0!==p?p:"",value:null==S?void 0:S.mins},{label:null!==(g=null==t?void 0:t.secondLabel)&&void 0!==g?g:"",value:null==S?void 0:S.sec}];return n.createElement("div",{className:"timer-wrap",style:{textAlign:t.timerAlignment===s?"center":t.timerAlignment===c?"left":"right"}},h&&n.createElement("div",{className:"timer-container"},S?n.createElement("div",{className:"timer-section",style:{color:(null==t?void 0:t.isDarkMode)?"#ffffff":y,backgroundColor:null!==(u=null==t?void 0:t.backgroundColor)&&void 0!==u?u:"transparent"}},n.createElement("div",{className:" timer-element transparent-element"},n.createElement("div",{className:"timer-value"}," ",null==S?void 0:S.days),n.createElement("div",{className:"timer-label"},t.dayLabel)),_.map(((r,e)=>n.createElement(n.Fragment,{key:e},n.createElement("div",{className:"colon"},":"),n.createElement("div",{className:"timer-element"},n.createElement("div",{className:"timer-value"}," ",r.value),n.createElement("div",{className:"timer-label"},r.label)))))):n.createElement(b,{content:P})))},u=({content:t})=>{var a,s,c,m,p,b,u,v,x,f,h,T,y,w,B,k,C,P,S,E,_,N,L,z,I,W;const[D,R]=r(!1),M=o("sunriseAuth"),[A,J]=r(!1),F=new Date,[j,H]=r(null==t?void 0:t.teaserTimer[0]),$=d(new Date(null===(s=null===(a=null==t?void 0:t.teaserTimer[0])||void 0===a?void 0:a.endTime)||void 0===s?void 0:s.replace(/-/g,"/"))),O=d(new Date(null===(m=null===(c=null==t?void 0:t.teaserTimer[0])||void 0===c?void 0:c.startTime)||void 0===m?void 0:m.replace(/-/g,"/"))),V=((null==t?void 0:t.enableDarkMode)?"ribbonComponent_DarkText ":"")+"ribbonComponent_Card",U=((null==t?void 0:t.enableDarkMode)?"ribbonComponent_DarkDescription ":"")+"ribbonComponent_TextContainer",[G,Z]=r(!1),Y=()=>{const n=$.getTime()-F.getTime();if(n>0&&G){return{days:("0"+Math.floor(n/864e5)).slice(-2),hours:("0"+Math.floor(n/36e5%24)).slice(-2),mins:("0"+Math.floor(n/1e3/60%60)).slice(-2),sec:("0"+Math.floor(n/1e3%60)).slice(-2)}}return null},[q,K]=r(Y()),Q=()=>{!1===D&&R(!0)};return e((()=>{var n;if(null===(n=null==t?void 0:t.teaserTimer[0])||void 0===n?void 0:n.startTime){const n=null==t?void 0:t.teaserTimer[0];n.isDarkMode=null==t?void 0:t.enableDarkMode,H(n)}!M&&"nauth"===(null==t?void 0:t.targetCustomer)||"both"===(null==t?void 0:t.targetCustomer)||M&&"auth"===(null==t?void 0:t.targetCustomer)?J(!0):J(!1)}),[]),e((()=>{K(Y()),F.getTime()>=O.getTime()&&!G&&Z(!0);const n=setInterval((()=>{K(Y())}),1e3);return()=>{clearInterval(n)}}),[G]),n.createElement(n.Fragment,null,!1===D&&(void 0===(null===(p=null==t?void 0:t.teaserTimer[0])||void 0===p?void 0:p.startTime)&&null===q||void 0!==(null===(b=null==t?void 0:t.teaserTimer[0])||void 0===b?void 0:b.startTime)&&null!==q)&&A&&n.createElement(n.Fragment,null,n.createElement("div",{className:"ribbonComponent_Wrapper",style:{background:null==t?void 0:t.backgroundColor}},n.createElement("div",{className:V},n.createElement("div",{className:"ribbonComponent_descriptionBlockSection"},(null===(u=null==t?void 0:t.icon)||void 0===u?void 0:u.filename)&&n.createElement("div",{className:"ribbonComponent_Image"},n.createElement("img",{className:"ribbonComponent_Icon",src:(null==t?void 0:t.enableDarkMode)?null===(v=null==t?void 0:t.darkModeIcon)||void 0===v?void 0:v.filename:null===(x=null==t?void 0:t.icon)||void 0===x?void 0:x.filename})),(null==t?void 0:t.description)&&n.createElement("div",{className:U},n.createElement(i,{content:null==t?void 0:t.description}),n.createElement("div",null))),n.createElement("div",{className:"ribbonComponent_ButtonSection"},(null===(f=null==t?void 0:t.teaserTimer[0])||void 0===f?void 0:f.startTime)&&n.createElement(n.Fragment,null,n.createElement("div",{className:"ribbonComponent_Timer"},n.createElement(g,{content:j})),(null==t?void 0:t.buttonText)||(null==t?void 0:t.hotlineNumber)?n.createElement("div",{className:"ribbonComponent_HrBreaker"}):n.createElement("div",{className:"ribbonComponent_OnlyTimer"})),((null==t?void 0:t.buttonText)&&(null===(h=null==t?void 0:t.link)||void 0===h?void 0:h.url)||(null==t?void 0:t.hotlineNumber)&&(null===(T=null==t?void 0:t.buttonIcon)||void 0===T?void 0:T.filename))&&n.createElement("div",{className:"ribbonComponent_Button"},n.createElement("a",{href:(null==t?void 0:t.hotlineNumber)?`tel:${(null==t?void 0:t.hotlineNumber)||0}`:null===(y=null==t?void 0:t.link)||void 0===y?void 0:y.url,target:null!==(w=null==t?void 0:t.target)&&void 0!==w?w:"",rel:"_blank"===(null==t?void 0:t.target)?"opener":"noopener"},n.createElement("div",{className:l(null==t?void 0:t.buttonType)},(null==t?void 0:t.hotlineNumber)&&"left"===(null==t?void 0:t.iconAlign)&&n.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(B=null==t?void 0:t.buttonIcon)||void 0===B?void 0:B.filename}),(null==t?void 0:t.hotlineNumber)?null==t?void 0:t.hotlineNumber:null==t?void 0:t.buttonText,(null==t?void 0:t.hotlineNumber)&&"right"===(null==t?void 0:t.iconAlign)&&n.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(k=null==t?void 0:t.buttonIcon)||void 0===k?void 0:k.filename})))),(null===(C=null==t?void 0:t.closeIcon)||void 0===C?void 0:C.filename)&&(null==t?void 0:t.isCloseIcon)&&n.createElement("div",{className:"ribbonComponent_CloseIcon",onClick:()=>Q()},n.createElement("img",{src:(null==t?void 0:t.enableDarkMode)?null!==(S=null===(P=null==t?void 0:t.darkModeCloseIcon)||void 0===P?void 0:P.filename)&&void 0!==S?S:null===(E=null==t?void 0:t.closeIcon)||void 0===E?void 0:E.filename:null===(_=null==t?void 0:t.closeIcon)||void 0===_?void 0:_.filename}))),(null===(N=null==t?void 0:t.closeIcon)||void 0===N?void 0:N.filename)&&(null==t?void 0:t.isCloseIcon)&&n.createElement("div",{className:"ribbonComponent_CloseIcon1",onClick:()=>Q()},n.createElement("img",{src:(null==t?void 0:t.enableDarkMode)?null!==(z=null===(L=null==t?void 0:t.darkModeCloseIcon)||void 0===L?void 0:L.filename)&&void 0!==z?z:null===(I=null==t?void 0:t.closeIcon)||void 0===I?void 0:I.filename:null===(W=null==t?void 0:t.closeIcon)||void 0===W?void 0:W.filename}))))))};a(".stageTeaserMain{\r\n  padding-left: 14px;\r\n  padding-right: 14px;\r\n  height: 100%;\r\n}\r\nvideo {\r\n  object-fit: cover;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  border-top-right-radius: 8px;\r\n  border-bottom-right-radius: 8px;\r\n}\r\n.video-wrapper {\r\n  overflow: hidden;\r\n  text-align: center;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n  .stageTeaserContainer {\r\n    margin-left: 8px;\r\n    margin-right: 8px;\r\n    border-radius: 8px;\r\n    flex-direction: row;\r\n    width: calc(100% - 10px);\r\n    height: 100%;\r\n  }\r\n  .stageTeaserRightWrapper {\r\n    position: relative;\r\n  }\r\n  .stageTeaserMainText {\r\n    font-size: 48px;\r\n    line-height: 60px;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n  }\r\n  .stageTeaserSecondaryPromoText {\r\n    overflow-wrap: anywhere;\r\n    font-size: 14px;\r\n    line-height: 16px;\r\n    font-weight: 500;\r\n  }\r\n  .stageTeaserSecondaryPromoPercent {\r\n    font-size: 34px;\r\n    line-height: 38px;\r\n    font-weight: 700;\r\n  }\r\n  .stageTeaserPromoText {\r\n    font-size: 18px;\r\n    line-height: 20px;\r\n    font-weight: 500;\r\n  }\r\n  .stageTeaserLeftWrapperBackground {\r\n    background: var(--primary-colour-pale-dawn-grey-200, #e6e3df);\r\n  }\r\n  .stageTeaserBannerWrapper .react-multi-carousel-list {\r\n    position: initial;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multiple-carousel__arrow {\r\n    background: #ffffff;\r\n    box-shadow: 0px 4px 12px rgba(87, 84, 82, 0.2);\r\n    border-radius: 24px;\r\n    font-size: 16px;\r\n    height: 44px;\r\n    width: 44px;\r\n    padding: 10px;\r\n    z-index: 1;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multiple-carousel__arrow::before {\r\n    color: #da291c;\r\n    font-size: 16px;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multiple-carousel__arrow:disabled::before {\r\n    color: #b3aeaa;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n    right: 3%;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n    left: 3%;\r\n  }\r\n  /* dots */\r\n  .stageTeaserBannerWrapper .react-multi-carousel-dot button {\r\n    background: #ffffff;\r\n    opacity: 0.3;\r\n    border: 0px;\r\n    transition: none;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multi-carousel-dot--active button {\r\n    background: #da291c;\r\n    opacity: 1;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multi-carousel-dot button:hover:active {\r\n    background: #da291c;\r\n  }\r\n  @media (max-width: 768px) {\r\n    .stageTeaserContainer {\r\n      flex-direction: column;\r\n    }\r\n    .stageTeaserMainText {\r\n      font-size: 32px;\r\n      line-height: 40px;\r\n      font-weight: 500;\r\n    }\r\n    \r\n    .stageTeaserPromoPercent {\r\n      font-size: 36px;\r\n      line-height: 32px;\r\n      font-weight: 700;\r\n    }\r\n    .stageTeaserPromoText {\r\n      font-size: 14px;\r\n      line-height: 16px;\r\n      font-weight: 500;\r\n    }\r\n  }\r\n  @media only screen and (min-width: 376px) and (max-width: 768px) {\r\n    .stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n      right: 4%;\r\n    }\r\n    .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n      left: 4%;\r\n    }\r\n  }\r\n  @media (min-width: 1025px) {\r\n    .stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n      right: 5%;\r\n    }\r\n    .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n      left: 5%;\r\n    }\r\n  }\r\n  \r\n  \r\n  .teaserTimer {\r\n    padding-top: 10px;\r\n    padding-bottom: 10px;\r\n  }\r\n  \r\n  /*Tablet md & All small devices*/\r\n  @media only screen and (max-width : 768px) {\r\n    video {\r\n      border-top-right-radius: 0px;\r\n      border-bottom-right-radius: 8px;\r\n      border-bottom-left-radius: 8px;\r\n    }\r\n    .stageTeaserRightWrapper {\r\n      height: 400px;\r\n    }\r\n    .stageTeaserLeftWrapper {\r\n      padding: 24px;\r\n      text-align: center;\r\n    }\r\n    .stageTeaserSecondaryPromoPercent {\r\n      font-size:28px;\r\n    }\r\n  }\r\n  \r\n  \r\n  /*Tablet - lg*/\r\n  @media only screen and (min-width : 769px) and (max-width : 1024px) {\r\n    .stageTeaserRightWrapper {\r\n      width: 100%;\r\n    }\r\n    .promoImage{\r\n      padding-right: 51px;\r\n      padding-top: 114px;\r\n    }\r\n    .stageTeaserLeftWrapper {\r\n      padding: 55px;\r\n    }\r\n  }\r\n  @media (width : 1024px) {\r\n    .stageTeaserRightWrapper {\r\n      width: 50%;\r\n    }\r\n  }\r\n  /*Desktop, Laptop & Large Desktops*/\r\n  @media only screen and (min-width : 1025px) {\r\n    .stageTeaserLeftWrapper {\r\n      padding: 120px;\r\n    }\r\n  }\r\n  \r\n  \r\n  /*Extra Large Screens*/\r\n  @media only screen and (min-width : 2000px) {\r\n    .stageTeaserLeftWrapper {\r\n      padding: 320px;\r\n    }\r\n  }\r\n  \r\n  \r\n  #inboxCount{\r\n    position: absolute; \r\n    top: 0;\r\n    right:0;\r\n  }");a(".stageTeaserPromoBubble {\r\n  display: flex;\r\n  text-align: center;\r\n  padding: 0px 16px;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 4px;\r\n  flex-shrink: 0;\r\n  border-radius: 50%;\r\n  position: absolute;\r\n}\r\n\r\n.stageTeaserPrimaryPromoBubble {\r\n  width: 160px;\r\n  height: 160px;\r\n  background: var(--primary-colour-ice-white, #ffffff);\r\n  z-index: 1;\r\n}\r\n\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n  background: var(--primary-colour-ice-white, #ffffff);\r\n  z-index: 1;\r\n}\r\n\r\n.stageTeaserSecondaryPromoBubble {\r\n  width: 120px;\r\n  height: 120px;\r\n  top: 171px;\r\n  color: #ffffff;\r\n  background: var(--primary-colour-grey-dusk-grey-600, #3d3935);\r\n}\r\n\r\n.stageTeaserPromoPercent,\r\n.stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoPercent {\r\n  font-size: 52px;\r\n  line-height: 52px;\r\n  font-weight: 700;\r\n}\r\n\r\n/*Tablet md & All small devices*/\r\n@media only screen and (max-width: 768px) {\r\n    /* primary bubble size*/\r\n    .stageTeaserPrimaryPromoBubble {\r\n    width: 120px;\r\n    height: 120px;\r\n  }\r\n  \r\n  .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoText {\r\n    font-size: 18px;\r\n    line-height: 20px;\r\n    font-weight: 500;\r\n  }\r\n  .stageTeaserPromoPercent,\r\n  .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoPercent {\r\n    font-size: 24px;\r\n    line-height: 32px;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoText {\r\n    font-size: 10px;\r\n    line-height: 14px;\r\n  }\r\n  /* primary with secondary size*/\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n    width: 96px;\r\n    height: 96px;\r\n  }\r\n\r\n  /* secondary bubble size*/\r\n  .stageTeaserSecondaryPromoBubble {\r\n    width: 84px;\r\n    height: 84px;\r\n  }\r\n\r\n  .stageTeaserSecondaryPromoPercent {\r\n    font-size: 21px;\r\n    line-height: 24px;\r\n  }\r\n\r\n  .stageTeaserSecondaryPromoText {\r\n    font-size: 12px;\r\n    line-height: 12px;\r\n  }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width: 768px) and (max-width: 1024px) {\r\n  /* primary with secondary size*/\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n    width: 120px;\r\n    height: 120px;\r\n  }\r\n  .stageTeaserPromoPercent,\r\n  .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoPercent {\r\n    font-size: 42px;\r\n  }\r\n  .stageTeaserSecondaryPromoBubble {\r\n    width: 96px;\r\n    height: 96px;\r\n  }\r\n  .stageTeaserSecondaryPromoPercent{\r\n    font-size: 26px;\r\n  }\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width: 2000px) {\r\n  /* primary with secondary size*/\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n    width: 360px;\r\n    height: 360px;\r\n  }\r\n  /* secondary bubble size*/\r\n  .stageTeaserSecondaryPromoBubble {\r\n    width: 160px;\r\n    height: 160px;\r\n    top: 171px;\r\n  }\r\n  \r\n}\r\n");a("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n  right: 40px;\r\n}\r\n.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n  bottom: 40px;\r\n}\r\n\r\n/* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n  right: 86px;\r\n  left: initial;\r\n}\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n  bottom: 131px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n  right: 40px;\r\n  left: initial;\r\n}\r\n.stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n  bottom: 40px;\r\n  top: initial;\r\n}\r\n\r\n/*Very small devices - phones*/\r\n@media screen and (max-width : 652px) {\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n    right: 46px;\r\n    left: initial;\r\n    bottom: 48px;\r\n    top: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n    right: 6px;\r\n    left: initial;\r\n    bottom: 102px;\r\n  }\r\n}\r\n\r\n/*All small devices - phones*/\r\n@media screen and (min-width : 652px) and (max-width : 768px) {\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n    right: 192px;\r\n    left: initial;\r\n    bottom: 48px;\r\n    top: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n    right: 128px;\r\n    left: initial;\r\n    bottom: 102px;\r\n  }\r\n}\r\n\r\n/*Tablet - md*/\r\n@media only screen and (min-width : 769px) and (max-width : 990px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n    right: 48px;\r\n    left: initial;\r\n    bottom: 128px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n    right: 22px;\r\n    left: initial;\r\n    bottom: 60px;\r\n    top: initial;\r\n  }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n    right: 48px;\r\n    left: initial;\r\n    bottom: 128px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n    right: 22px;\r\n    left: initial;\r\n    bottom: 60px;\r\n    top: initial;\r\n  }\r\n}\r\n\r\n/*Desktop, Laptop & Large Desktops*/\r\n@media only screen and (min-width : 1025px) {\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width : 2000px) {\r\n}");a("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n    left: 40px;\r\n  }\r\n  .stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n    bottom: 40px;\r\n  }\r\n  \r\n  /* primary with secondary */\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n    left: 86px;\r\n    right:  initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n    bottom: 131px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n    left: 40px;\r\n    right:  initial;\r\n  }\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n    bottom: 40px;\r\n    top: initial;\r\n  }\r\n  \r\n  \r\n  /*All small devices - phones*/\r\n  @media screen and (max-width : 768px) {\r\n    /* secondary bubble */\r\n    .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n      left: 58px;\r\n      right:  initial;\r\n      bottom: 48px;\r\n      top: initial;\r\n    }\r\n    .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n      left: 8px;\r\n      right:  initial;\r\n      bottom: 102px;\r\n    }\r\n  }\r\n  \r\n  /*Tablet - md*/\r\n  @media only screen and (min-width : 769px) and (max-width : 990px) {\r\n    .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n      left: 48px;\r\n      right:  initial;\r\n      bottom: 128px;\r\n    }\r\n    /* secondary bubble */\r\n    .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n      left: 22px;\r\n      right:  initial;\r\n      bottom: 60px;\r\n      top: initial;\r\n    }\r\n  }\r\n  \r\n  /*Tablet - lg*/\r\n  @media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n    .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n      left: 48px;\r\n      right:  initial;\r\n      bottom: 128px;\r\n    }\r\n    /* secondary bubble */\r\n    .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n      left: 22px;\r\n      right:  initial;\r\n      bottom: 60px;\r\n      top: initial;\r\n    }\r\n  }\r\n  \r\n  /*Desktop, Laptop & Large Desktops*/\r\n  @media only screen and (min-width : 1025px) {\r\n  }\r\n  \r\n  /*Extra Large Screens*/\r\n  @media only screen and (min-width : 2000px) {\r\n  }");a("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n  left: 40px;\r\n}\r\n.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n  top: 40px;\r\n}\r\n\r\n@media screen and (max-width : 568px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n    left: 38px;\r\n    right:  initial;\r\n    top: 68px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n    left: 2px;\r\n    right:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n@media screen and (min-width : 568px) and (max-width : 768px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n    left: 112px;\r\n    right:  initial;\r\n    top: 68px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n    left: 61px;\r\n    right:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n@media screen and (width : 768px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n    left: 132px;\r\n    right:  initial;\r\n    top: 84px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n    left: 61px;\r\n    right:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n\r\n/*All small devices - phones*/\r\n\r\n/*Tablet - md*/\r\n@media only screen and (min-width : 769px) and (max-width : 990px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n    left: 0px;\r\n    right:  initial;\r\n    top: 18px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n    left: -33px;\r\n    right:  initial;\r\n    top: 111px;\r\n    bottom: initial;\r\n  }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n    left: 22px;\r\n    right:  initial;\r\n    top: 22px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n    left: -22px;\r\n    right:  initial;\r\n    top: 108px;\r\n    bottom: initial;\r\n  }\r\n}\r\n\r\n/*Desktop, Laptop & Large Desktops*/\r\n@media only screen and (min-width : 1025px) and (max-width : 2000px) {\r\n  /* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n  left: 72px;\r\n  right:  initial;\r\n  top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n  left: 20px;\r\n  right:  initial;\r\n  top: 126px;\r\n  bottom: initial;\r\n}\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width : 2000px) {\r\n  \r\n/* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n  left: 0px;\r\n  right:  initial;\r\n  top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n  left: -62px;\r\n  right:  initial;\r\n  top: 41px;\r\n  bottom: initial;\r\n}\r\n\r\n\r\n}");a("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserTopRight {\r\n  right: 40px;\r\n}\r\n.stageTeaserPromoBubble.stageTeaserTopRight {\r\n  top: 40px;\r\n}\r\n\r\n@media screen and (max-width : 568px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n    right: 38px;\r\n    left:  initial;\r\n    top: 68px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n    right: 2px;\r\n    left:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n@media screen and (min-width : 568px) and (max-width : 768px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n    right: 112px;\r\n    left:  initial;\r\n    top: 68px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n    right: 61px;\r\n    left:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n@media screen and (width : 768px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n    right: 132px;\r\n    left:  initial;\r\n    top: 84px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n    right: 61px;\r\n    left:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n\r\n/*All small devices - phones*/\r\n\r\n/*Tablet - md*/\r\n@media only screen and (min-width : 769px) and (max-width : 990px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n    right: 72px;\r\n    left:  initial;\r\n    top: 18px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n    right: 24px;\r\n    left:  initial;\r\n    top: 111px;\r\n    bottom: initial;\r\n  }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n    right: 78px;\r\n    left:  initial;\r\n    top: 22px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n    right: 26px;\r\n    left:  initial;\r\n    top: 108px;\r\n    bottom: initial;\r\n  }\r\n}\r\n\r\n/*Desktop, Laptop & Large Desktops*/\r\n@media only screen and (min-width : 1025px) and (max-width : 2000px) {\r\n  /* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n  right: 72px;\r\n  left:  initial;\r\n  top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n  right: 20px;\r\n  left:  initial;\r\n  top: 126px;\r\n  bottom: initial;\r\n}\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width : 2000px) {\r\n  \r\n/* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n  right: 0px;\r\n  left:  initial;\r\n  top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n  right: 44px;\r\n  left:  initial;\r\n  top: 322px;\r\n  bottom: initial;\r\n}\r\n\r\n\r\n}");a(".falcon-grey-600 {\r\n  color: #3d3935;\r\n}\r\n\r\n.falcon-grey-500 {\r\n  color: #5f5955;\r\n}\r\n.falcon-grey-400 {\r\n  color: #86807c;\r\n}\r\n\r\n.falcon-grey-100 {\r\n  color: #f7f6f5;\r\n}\r\n\r\n.falcon-ice-white {\r\n  color: #ffffff;\r\n}\r\n.falcon-background-grey-100 {\r\n  background-color: #f7f6f5;\r\n}\r\n.falcon-background-ice-white {\r\n  background-color: #ffffff;\r\n}\r\n.falcon-background-transparent {\r\n  background-color: transparent;\r\n}\r\n\r\n.falcon-gradient-rubyglow-diagonal {\r\n  border-radius: 8px;\r\n  background: linear-gradient(93.71deg, #e2271e -0.37%, #ef7c3c 100%);\r\n}\r\n.falcon-gradient-rubyglow-vertical {\r\n  border-radius: 8px;\r\n  background: linear-gradient(180deg, #e2271e 0%, #ef7c3c 100%);\r\n}\r\n.falcon-gradient-pinksky-diagonal {\r\n  background: linear-gradient(98.52deg, #d093a6 -0.35%, #e7c9bc 100.35%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-pinksky-vertical {\r\n  background: linear-gradient(180deg, #d093a6 0%, #e7c9bc 100%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-bluehaze-diagonal {\r\n  background: linear-gradient(98.52deg, #7899bd -0.35%, #b8d0e3 100.35%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-bluehaze-vertical {\r\n  background: linear-gradient(180deg, #7899bd 0%, #b8d0e3 100%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-greencloud-diagonal {\r\n  background: linear-gradient(99.06deg, #8d989b -0.35%, #f8edd2 105.52%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-greencloud-vertical {\r\n  background: linear-gradient(180deg, #8d989b 0%, #f8edd2 100%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-peachfog-diagonal {\r\n  background: linear-gradient(98.52deg, #9c8a95 -0.35%, #f6d6b3 100.35%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-peachfog-vertical {\r\n  background: linear-gradient(180deg, #9c8a95 0%, #f6d6b3 100%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-orange-diagonal {\r\n  background: linear-gradient(105deg, #EF7C3C 0%, #E2271E 100%);\r\n  border-radius: 4px 0;\r\n}\r\n.falcon-gradient-dark-blue-haze{\r\n  background: linear-gradient(239deg, #4F87C1 52.95%, rgba(94, 148, 207, 0) 111%);\r\n  border-radius: 4px 0;\r\n}\r\n\r\n.falcon-def-transparancy {\r\n  background: rgba(0, 0, 0, 1);\r\n}\r\n");const v=({content:t})=>{var o,a,i,d,s,c,m,p,b,u,v,x,f,h,T,y,w,B,k,C,P,S,E,_,N,L,z,I,W,D,R,M,A,J,F,j,H,$,O,V;const U="none"!==(null==t?void 0:t.gradientBgColor)?(n=>{switch(n){case"rubyglow-diagonal":return"falcon-gradient-rubyglow-diagonal";case"rubyglow-vertical":return"falcon-gradient-rubyglow-vertical";case"pinksky-diagonal":return"falcon-gradient-pinksky-diagonal";case"pinksky-vertical":return"falcon-gradient-pinksky-vertical";case"bluehaze-diagonal":return"falcon-gradient-bluehaze-diagonal";case"bluehaze-vertical":return"falcon-gradient-bluehaze-vertical";case"greencloud-diagonal":return"falcon-gradient-greencloud-diagonal";case"greencloud-vertical":return"falcon-gradient-greencloud-vertical";case"peachfog-diagonal":return"falcon-gradient-peachfog-diagonal";case"peachfog-vertical":return"falcon-gradient-peachfog-vertical";case"darkblue-haze":return"falcon-gradient-dark-blue-haze";default:return""}})(null==t?void 0:t.gradientBgColor):(n=>{switch(n){case"grey-100":return"falcon-background-grey-100";case"ice-white":return"falcon-background-ice-white";case"transparent":return"falcon-background-transparent";case"none":return"none";default:return""}})(null==t?void 0:t.GenericBgColor),G="none"===(null==t?void 0:t.gradientBgColor)&&"none"===(null==t?void 0:t.GenericBgColor)?null===(o=null==t?void 0:t.solidBgColor)||void 0===o?void 0:o.color:"",Z=(null==t?void 0:t.EnableTextBgColor)?null===(a=null==t?void 0:t.textbgcolor)||void 0===a?void 0:a.color:"",Y=()=>{switch(null==t?void 0:t.PromoBubblePosition){case"top-left":return"stageTeaserTopLeft";case"top-right":return"stageTeaserTopRight";case"bottom-left":return"stageTeaserBottomLeft";case"bottom-right":return"stageTeaserBottomRight"}},q=null===(s=null===(d=null===(i=null==t?void 0:t.primaryPromoBubble)||void 0===i?void 0:i[0])||void 0===d?void 0:d.bgcolor)||void 0===s?void 0:s.color,K=null===(p=null===(m=null===(c=null==t?void 0:t.primaryPromoBubble)||void 0===c?void 0:c[0])||void 0===m?void 0:m.textcolor)||void 0===p?void 0:p.color,Q=null===(v=null===(u=null===(b=null==t?void 0:t.SecondaryPromoBubble)||void 0===b?void 0:b[0])||void 0===u?void 0:u.bgcolor)||void 0===v?void 0:v.color,X=null===(h=null===(f=null===(x=null==t?void 0:t.SecondaryPromoBubble)||void 0===x?void 0:x[0])||void 0===f?void 0:f.textcolor)||void 0===h?void 0:h.color,nn=n=>{const r=n&&n.split(".").pop();return!(!r||!["webp","jpg","jpeg","png"].includes(r))},[rn,en]=r(!1),[tn,on]=r(""),[an,ln]=r(""),dn=()=>{var n,r,e,o,a,i,l,d,s;const c=window.innerWidth;c<=767?(en(null==t?void 0:t.mobileImageFirst),nn(null===(n=null==t?void 0:t.MobilePromoImage)||void 0===n?void 0:n.filename)?on(null===(r=null==t?void 0:t.MobilePromoImage)||void 0===r?void 0:r.filename):ln(null===(e=null==t?void 0:t.MobilePromoImage)||void 0===e?void 0:e.filename)):c>=768&&c<=1024?(en(null==t?void 0:t.tabletImageFirst),nn(null===(o=null==t?void 0:t.TabletPromoImage)||void 0===o?void 0:o.filename)?on(null===(a=null==t?void 0:t.TabletPromoImage)||void 0===a?void 0:a.filename):ln(null===(i=null==t?void 0:t.TabletPromoImage)||void 0===i?void 0:i.filename)):c>=1025&&(en(null==t?void 0:t.desktopImageFirst),nn(null===(l=null==t?void 0:t.DesktopPromoImage)||void 0===l?void 0:l.filename)?on(null===(d=null==t?void 0:t.DesktopPromoImage)||void 0===d?void 0:d.filename):ln(null===(s=null==t?void 0:t.DesktopPromoImage)||void 0===s?void 0:s.filename))};return e((()=>{dn(),window.addEventListener("resize",dn)}),[]),n.createElement("div",{className:"stageTeaserMain"},n.createElement("div",{className:G?"stageTeaserContainer d-flex":U+" stageTeaserContainer d-flex",style:{backgroundColor:G}},n.createElement("div",{className:(rn?"order-1":"order-0")+" stageTeaserLeftWrapper  col-md-6",style:{backgroundColor:Z,borderRadius:"8px"}},n.createElement("div",{className:"stageTeaserTopText text-bold"},null===(k=null===(B=null===(w=null===(y=null===(T=null==t?void 0:t.primaryheading)||void 0===T?void 0:T.content)||void 0===y?void 0:y[0])||void 0===w?void 0:w.content)||void 0===B?void 0:B[0])||void 0===k?void 0:k.text),n.createElement("div",{className:"stageTeaserMainText"},null===(_=null===(E=null===(S=null===(P=null===(C=null==t?void 0:t.mainheading)||void 0===C?void 0:C.content)||void 0===P?void 0:P[0])||void 0===S?void 0:S.content)||void 0===E?void 0:E[0])||void 0===_?void 0:_.text),n.createElement("div",{className:"stageTeaserBottomText text-bold",style:{fontSize:"14px",lineHeight:"20px"}},null===(W=null===(I=null===(z=null===(L=null===(N=null==t?void 0:t.secondaryheading)||void 0===N?void 0:N.content)||void 0===L?void 0:L[0])||void 0===z?void 0:z.content)||void 0===I?void 0:I[0])||void 0===W?void 0:W.text),n.createElement("div",{className:"teaserTimer text-center"},n.createElement(g,{content:null==t?void 0:t.timer[0]})),n.createElement("div",{className:"StageTeaserButtonContainer"},null===(D=null==t?void 0:t.teaserButtonConfig)||void 0===D?void 0:D.map((r=>{var e,o,a,i,d,s;return n.createElement("div",{className:"StageTeaserButton"},n.createElement("a",{href:`${(null===(e=null==r?void 0:r.buttonLink)||void 0===e?void 0:e.url)||0}`,target:null!==(o=null==t?void 0:t.target)&&void 0!==o?o:"",rel:"_blank"===(null==r?void 0:r.linkTarget)?"opener":"noopener"},n.createElement("div",{className:l(null==r?void 0:r.buttonType)},(null===(a=null==r?void 0:r.buttonIcon)||void 0===a?void 0:a.filename)&&"left"===(null==r?void 0:r.buttonAlignment)&&n.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(i=null==r?void 0:r.buttonIcon)||void 0===i?void 0:i.filename}),null==r?void 0:r.buttonLabel,(null===(d=null==r?void 0:r.buttonIcon)||void 0===d?void 0:d.filename)&&"right"===(null==r?void 0:r.buttonAlignment)&&n.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(s=null==r?void 0:r.buttonIcon)||void 0===s?void 0:s.filename}))))})))),n.createElement("div",{className:(rn?"order-0":"order-1")+" stageTeaserRightWrapper  col-md-6",style:{background:`url(${tn}) center / contain no-repeat`}},""!==an&&n.createElement("div",{className:"video-wrapper"},n.createElement("video",{autoPlay:!0,muted:!0,loop:!0,src:an})),(null===(R=null==t?void 0:t.primaryPromoBubble)||void 0===R?void 0:R.length)>0&&n.createElement("div",{className:`stageTeaserPromoBubble stageTeaserPrimaryPromoBubble stageTeaserPrimaryWithSecondaryBubble ${Y()}`,style:{backgroundColor:q,color:K}},n.createElement("div",{className:"stageTeaserPromoPercent"},null===(A=null===(M=null==t?void 0:t.primaryPromoBubble)||void 0===M?void 0:M[0])||void 0===A?void 0:A.primarytext),n.createElement("div",{className:"stageTeaserPromoText"},null===(F=null===(J=null==t?void 0:t.primaryPromoBubble)||void 0===J?void 0:J[0])||void 0===F?void 0:F.secondarytext)),(null===(j=null==t?void 0:t.SecondaryPromoBubble)||void 0===j?void 0:j.length)>0&&n.createElement("div",{className:`stageTeaserPromoBubble stageTeaserSecondaryPromoBubble ${Y()}`,style:{backgroundColor:Q,color:X}},n.createElement("div",{className:"stageTeaserSecondaryPromoPercent"},null===($=null===(H=null==t?void 0:t.SecondaryPromoBubble)||void 0===H?void 0:H[0])||void 0===$?void 0:$.primarytext),n.createElement("div",{className:"stageTeaserSecondaryPromoText"},null===(V=null===(O=null==t?void 0:t.SecondaryPromoBubble)||void 0===O?void 0:O[0])||void 0===V?void 0:V.secondarytext)))))};a("\r\n.StageTeaserTextContainer {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.StageTeaserOverline {\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 24px;\r\n}\r\n\r\n.StageTeaserHeadline {\r\n  font-size: 48px;\r\n  font-style: normal;\r\n  font-weight: 500;\r\n  line-height: 60px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.StageTeaserText {\r\n  font-size: 14px;\r\n  font-style: normal;\r\n  font-weight: 500;\r\n  line-height: 20px;\r\n}\r\n\r\n.StageTeaserButtonContainer {\r\n  margin: 16px 0;\r\n  display: flex;\r\n}\r\n\r\n.StageTeaserButton {\r\n  padding: 6px;\r\n}\r\n\r\n/* mobile only viewport */\r\n@media (max-width: 375px) {\r\n  .StageTeaserCard {\r\n    width: 95%;\r\n    height: 1336px;\r\n  }\r\n\r\n  .StageTeaserContainer {\r\n    height: 640px;\r\n    padding: 32px 24px;\r\n  }\r\n\r\n  .StageTeaserOverline {\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n  }\r\n\r\n  .StageTeaserHeadline {\r\n    font-size: 24px;\r\n    line-height: 32px;\r\n  }\r\n\r\n  .StageTeaserButtonContainer {\r\n    flex-direction: column;\r\n  }\r\n}\r\n\r\n/* large mobiles viewport */\r\n@media (min-width: 376px) and (max-width: 767px) {\r\n  .StageTeaserCard {\r\n    width: 95%;\r\n    height: 1336px;\r\n  }\r\n\r\n  .StageTeaserContainer {\r\n    height: 640px;\r\n    padding: 32px 24px;\r\n  }\r\n\r\n  .StageTeaserOverline {\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n  }\r\n\r\n  .StageTeaserHeadline {\r\n    font-size: 24px;\r\n    line-height: 32px;\r\n  }\r\n\r\n  .StageTeaserButtonContainer {\r\n    flex-direction: column;\r\n  }\r\n}\r\n\r\n/* Tablet only viewport */\r\n@media (min-width: 768px) and (max-width: 1022px) {\r\n  .StageTeaserCard {\r\n    width: 100%;\r\n    height: 800px;\r\n  }\r\n\r\n  .StageTeaserContainer {\r\n    height: 800px;\r\n    padding: 60px 100px;\r\n  }\r\n\r\n  .StageTeaserTextContainer {\r\n    /* max-width: 80%; */\r\n  }\r\n\r\n  .StageTeaserOverline {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .StageTeaserHeadline {\r\n    font-size: 32px;\r\n    line-height: 40px;\r\n  }\r\n}\r\n\r\n/* Desktop only viewport */\r\n@media (min-width: 1023px) and (max-width: 1439px) {\r\n  .StageTeaserCard {\r\n    width: 98%;\r\n    height: 580px;\r\n  }\r\n\r\n  .StageTeaserContainer {\r\n    width: 100%;\r\n  }\r\n\r\n  .StageTeaserCenterContainer {\r\n    padding: 120px 90px;\r\n  }\r\n}\r\n\r\n/* large desktop viewport */\r\n@media (min-width: 1440px) {\r\n  .StageTeaserCard {\r\n    width: 2880px;\r\n    height: 1620px;\r\n  }\r\n\r\n  .StageTeaserContainer {\r\n    width: 100%;\r\n    padding: 170px 108px;\r\n  }\r\n}\r\n\r\n/* falcon button styles */\r\n.falcon-button-defaults {\r\n  border-radius: 28px;\r\n  cursor: pointer;\r\n  display: inline-block;\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n  font-weight: 700;\r\n  padding: 10px 24px;\r\n  text-decoration: none;\r\n}\r\n\r\n.falcon-primary-button-v1 > .falcon-button-defaults {\r\n  background-color: #da291c;\r\n  color: #ffffff;\r\n}\r\n\r\n.falcon-primary-button-v1:hover {\r\n  background-color: #961c13;\r\n}\r\n\r\n.falcon-primary-button-v1:visited {\r\n  background-color: #c7355f;\r\n}\r\n\r\n.falcon-primary-button-v1:disabled {\r\n  background-color: #e6e3df;\r\n  color: #b3aeaa;\r\n  cursor: default;\r\n}\r\n\r\n.falcon-primary-button-v1-JC > .falcon-button-defaults {\r\n  background-color: #ffffff;\r\n  color: #da291c;\r\n}\r\n\r\n.falcon-primary-button-v1-JC:hover {\r\n  background-color: #e97f77;\r\n  color: #ffffff;\r\n}\r\n\r\n.falcon-primary-button-v1-JC:visited {\r\n  background-color: #961c13;\r\n  color: #ffffff;\r\n}\r\n\r\n.falcon-primary-button-v1-JC:disabled {\r\n  background-color: #e6e3df;\r\n  color: #b3aeaa;\r\n  cursor: default;\r\n}\r\n\r\n.falcon-secondary-button-v1 > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  border: 2px solid #da291c;\r\n  color: #da291c;\r\n}\r\n\r\n.falcon-secondary-button-v1:hover {\r\n  border-color: #961c13;\r\n  color: #961c13;\r\n}\r\n\r\n.falcon-secondary-button-v1:visited {\r\n  border-color: #c7355f;\r\n  color: #c7355f;\r\n}\r\n\r\n.falcon-secondary-button-v1:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  border: 2px solid #da291c;\r\n  color: #ffffff;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC:hover {\r\n  border-color: #f1571d;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC:visited {\r\n  border-color: #c7355f;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n\r\n#wrapper {\r\n  width: 80%;\r\n  margin: 10px auto;\r\n  height: 100%;\r\n}\r\n\r\n.hero-unit {\r\n  position: relative;\r\n  height: 100%;\r\n}\r\n\r\n.topContent {\r\n  position: inherit;\r\n  bottom : 128px;\r\n}\r\n\r\n.bottomContent {\r\n  position: inherit;\r\n  top : 172px;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  #teaserTextSection{\r\n    margin-left: -180px;\r\n  }\r\n  #wrapper {\r\n    width: 100%;\r\n    margin: 10px auto;\r\n  }\r\n  .hero-unit {\r\n    -webkit-background-size: contain;\r\n    -moz-background-size: contain;\r\n    -o-background-size: contain;\r\n    background-size: contain;\r\n\r\n    padding: 200px;\r\n    margin-bottom: 30px;\r\n    -webkit-border-radius: 6px;\r\n    -moz-border-radius: 6px;\r\n    border-radius: 6px;\r\n    margin-right: 4px;\r\n    margin-left: 26px;\r\n    padding-right: 26px;\r\n    border-bottom-left-radius: 18px;\r\n    border-bottom-right-radius: 18px;\r\n  }\r\n}\r\n\r\n@media (min-width: 768px) and (max-width: 1022px) {\r\n  #wrapper {\r\n    width: 100%;\r\n    margin: 10px auto;\r\n  }\r\n  .hero-unit {\r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n\r\n    padding: 200px;\r\n    margin-bottom: 30px;\r\n    -webkit-border-radius: 6px;\r\n    -moz-border-radius: 6px;\r\n    border-radius: 6px;\r\n    border-bottom-left-radius: 18px;\r\n    border-bottom-right-radius: 18px;\r\n  }\r\n}\r\n\r\n@media (min-width: 1023px) and (max-width: 1439px) {\r\n  #wrapper {\r\n    width: 100%;\r\n    margin: 10px auto;\r\n  }\r\n  .hero-unit {\r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n\r\n    padding: 200px;\r\n    margin-bottom: 30px;\r\n    -webkit-border-radius: 6px;\r\n    -moz-border-radius: 6px;\r\n    border-radius: 6px;\r\n    border-bottom-left-radius: 18px;\r\n    border-bottom-right-radius: 18px;\r\n  }\r\n}\r\n\r\n@media (min-width: 1440px) {\r\n  #wrapper {\r\n    width: 99%;\r\n    margin: 10px auto;\r\n  }\r\n  .hero-unit {\r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n\r\n    padding: 200px;\r\n    margin-bottom: 30px;\r\n    -webkit-border-radius: 6px;\r\n    -moz-border-radius: 6px;\r\n    border-radius: 6px;\r\n    border-bottom-left-radius: 18px;\r\n    border-bottom-right-radius: 18px;\r\n  }\r\n}\r\n");const x=({content:t})=>{var o,a,i,d,s,c,m,p,b,u,v,x,f,h,T,y,w,B,k,C,P,S,E,_,N,L,z;const I=null===(c=null===(s=null===(d=null===(i=null===(a=null===(o=null==t?void 0:t.content)||void 0===o?void 0:o.primaryheading)||void 0===a?void 0:a.content)||void 0===i?void 0:i[0])||void 0===d?void 0:d.content)||void 0===s?void 0:s[0])||void 0===c?void 0:c.text,W=null===(x=null===(v=null===(u=null===(b=null===(p=null===(m=null==t?void 0:t.content)||void 0===m?void 0:m.mainheading)||void 0===p?void 0:p.content)||void 0===b?void 0:b[0])||void 0===u?void 0:u.content)||void 0===v?void 0:v[0])||void 0===x?void 0:x.text,D=null===(B=null===(w=null===(y=null===(T=null===(h=null===(f=null==t?void 0:t.content)||void 0===f?void 0:f.secondaryheading)||void 0===h?void 0:h.content)||void 0===T?void 0:T[0])||void 0===y?void 0:y.content)||void 0===w?void 0:w[0])||void 0===B?void 0:B.text,R="left"===(null===(k=null==t?void 0:t.content)||void 0===k?void 0:k.textposition)?"flex-start":"right"===(null===(C=null==t?void 0:t.content)||void 0===C?void 0:C.textposition)?"flex-end":"center",M="left"===(null===(P=null==t?void 0:t.content)||void 0===P?void 0:P.textposition)?"left":"right"===(null===(S=null==t?void 0:t.content)||void 0===S?void 0:S.textposition)?"right":"center";"left"===(null===(E=null==t?void 0:t.content)||void 0===E?void 0:E.textposition)||null===(_=null==t?void 0:t.content)||void 0===_||_.textposition;const[A,J]=r(""),[F,j]=r(""),H=()=>{var n,r,e,o,a,i,l;const d=window.innerWidth;d<=767?(J(`url(${null===(r=null===(n=null==t?void 0:t.content)||void 0===n?void 0:n.mobileImage)||void 0===r?void 0:r.filename}) center center / cover no-repeat`),j(null===(e=null==t?void 0:t.content)||void 0===e?void 0:e.verticaltextpostion)):d>=768&&d<=1439?(J(`url(${null===(a=null===(o=null==t?void 0:t.content)||void 0===o?void 0:o.tabImage)||void 0===a?void 0:a.filename}) center center / cover no-repeat`),j("")):d>=1440&&(J(`url(${null===(l=null===(i=null==t?void 0:t.content)||void 0===i?void 0:i.desktopimage)||void 0===l?void 0:l.filename}) center center / cover no-repeat`),j(""))};return e((()=>{H(),window.addEventListener("resize",H)}),[]),n.createElement(n.Fragment,null,n.createElement("div",{id:"wrapper"},""!==A&&n.createElement("div",{className:"hero-unit",style:{background:A}},n.createElement("div",{id:"teaserTextSection",className:"top"===F?"topContent":"bottom"===F?"bottomContent":""},n.createElement("div",{className:"StageTeaserTextContainer",style:{color:"#ffffff",alignItems:""===F?R:"center"}},n.createElement("div",{className:"StageTeaserOverline"}," ",I," "),n.createElement("div",{className:"StageTeaserHeadline",style:{textAlign:""===F?M:"center"}},W),n.createElement("div",{className:"StageTeaserText"}," ",D," ")),n.createElement("div",{className:"StageTeaserTimer"},n.createElement("div",{className:"teaserTimer text-center"},n.createElement(g,{content:null===(N=null==t?void 0:t.content)||void 0===N?void 0:N.timer[0]}))),n.createElement("div",{className:"StageTeaserButtonContainer",style:{justifyContent:""===F?R:"",alignItems:""!==F?"center":""}},null===(z=null===(L=null==t?void 0:t.content)||void 0===L?void 0:L.teaserButtonConfig)||void 0===z?void 0:z.map((r=>{var e,o,a,i,d,s;return n.createElement("div",{className:"StageTeaserButton"},n.createElement("a",{href:`${(null===(e=null==r?void 0:r.buttonLink)||void 0===e?void 0:e.url)||0}`,target:null!==(o=null==t?void 0:t.target)&&void 0!==o?o:"",rel:"_blank"===(null==r?void 0:r.linkTarget)?"opener":"noopener"},n.createElement("div",{className:l(null==r?void 0:r.buttonType)},(null===(a=null==r?void 0:r.buttonIcon)||void 0===a?void 0:a.filename)&&"left"===(null==r?void 0:r.buttonAlignment)&&n.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(i=null==r?void 0:r.buttonIcon)||void 0===i?void 0:i.filename}),null==r?void 0:r.buttonLabel,(null===(d=null==r?void 0:r.buttonIcon)||void 0===d?void 0:d.filename)&&"right"===(null==r?void 0:r.buttonAlignment)&&n.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(s=null==r?void 0:r.buttonIcon)||void 0===s?void 0:s.filename}))))})))))))},f=({content:r})=>n.createElement(n.Fragment,null,"single"===(null==r?void 0:r.layoutgrid)?n.createElement(x,{content:{content:r}}):n.createElement(v,{content:r}));export{u as RibbonComponent,f as StageTeaserComponent};
+import e,{useState as n,useEffect as r}from"react";import{render as t}from"storyblok-rich-text-react-renderer-ts";import{getCookie as o}from"cookies-next";import a from"react-multi-carousel";function i(e,n){void 0===n&&(n={});var r=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}i(".ribbonComponent_Wrapper{\r\n  width: 100%;\r\n}\r\n.ribbonComponent_Card {\r\n  display: flex;\r\n  align-items: center;\r\n  padding:16px 0;\r\n}\r\n.ribbonComponent_DarkText{\r\n  color: #ffffff !important;\r\n}\r\n.ribbonComponent_DarkDescription a {\r\ncolor: #ffffff;\r\n}\r\n.ribbonComponent_Image {\r\n  margin-top: 5px;\r\n  margin-right: 8px;\r\n}\r\n.ribbonComponent_Icon {\r\n  height: 24px;\r\n  width: 24px;\r\n}\r\n.ribbonComponent_TextContainer {\r\n  margin: 8px 0;\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n}\r\n.ribbonComponent_Title {\r\n  font-weight: 700;\r\n}\r\n.ribbonComponent_Description {\r\n  font-weight: 400;\r\n}\r\n.ribbonComponent_CloseIcon {\r\n  margin-right: 16px;\r\n}\r\n.ribbonComponent_HrBreaker {\r\n  width: 1px;\r\n  height: 32px;\r\n  margin-left: 8px;\r\n  margin-right: 8px;\r\n  border-radius: 1px;\r\n  opacity: 0.2;\r\n  flex-shrink: 0;\r\n  background: #3D3935;\r\n}\r\n.ribbonComponent_OnlyTimer{\r\n  width:30px;\r\n}\r\n.ribbonComponent_Button{\r\n  text-wrap:nowrap;\r\n}\r\n.falcon-button-defaults {\r\n  border-radius: 28px;\r\n  cursor: pointer;\r\n  display: inline-block;\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n  font-weight: 700;\r\n  padding: 10px 24px;\r\n  text-decoration: none;\r\n}\r\n.ribbonComponent_phoneIcon {\r\n  background-size: contain;\r\n  display: inline-flex;\r\n  height: 24px;\r\n  margin: 0 8px 0 10px;\r\n  width: 24px;\r\n}\r\n.ribbonComponent_ButtonSection {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n}\r\n.ribbonComponent_descriptionBlockSection {\r\n  display: flex;\r\n}\r\n/* Mobile only viewport */\r\n@media all and (max-width: 767px) {\r\n  .falcon-primary-button-v1-JC:visited {\r\n    background-color: #e97f77;\r\n  }\r\n  .ribbonComponent_Card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    margin-left: 16px;\r\n  }\r\n  .ribbonComponent_CloseIcon1{\r\n    margin-right: 0;\r\n    position: absolute;\r\n    right: 16px;\r\n    margin-top: 16px;\r\n  }\r\n  .ribbonComponent_ButtonSection {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n    padding-bottom: 16px;\r\n    padding-top: 8px;\r\n    margin-left: 32px;\r\n  }\r\n  .ribbonComponent_descriptionBlockSection {\r\n    padding-top:16px;\r\n    padding-right: 78px;\r\n    margin-left: 16px;\r\n  }\r\n  .ribbonComponent_Timer{\r\n    margin-left: 8px;\r\n    padding-bottom: 8px;\r\n  }\r\n  .ribbonComponent_Button{\r\n    margin-left: 8px;\r\n  }\r\n  .ribbonComponent_CloseIcon{\r\n    display: none;\r\n  }\r\n}\r\n/* Mobile and tablet viewport */\r\n@media all and (max-width: 1023px) {\r\n  .ribbonComponent_HrBreaker {\r\n    display: none;\r\n  }\r\n  .ribbonComponent_Button {\r\n    padding-bottom: 16px;\r\n  }\r\n}\r\n\r\n/* Tablet only viewport */\r\n@media all and (min-width: 768px) and (max-width: 1023px) {\r\n  .ribbonComponent_Card{\r\n    justify-content: space-between;\r\n  }\r\n  .ribbonComponent_ButtonSection {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding-right: 90px;\r\n    padding-left:70px;\r\n    margin: 6px 0 0 0;\r\n    align-items: flex-end;\r\n  }\r\n  .ribbonComponent_Button{\r\n    margin: 8px 0;\r\n  }\r\n  .ribbonComponent_CloseIcon{\r\n    display: none;\r\n  }\r\n  .ribbonComponent_CloseIcon1{\r\n    margin-right: 0;\r\n    position: absolute;\r\n    right: 40px;\r\n    padding-left: 16px;\r\n  }\r\n  .ribbonComponent_descriptionBlockSection{\r\n    margin-left:40px;\r\n  }\r\n}\r\n\r\n/* Desktop only viewport */\r\n@media (min-width: 1024px) {\r\n  .ribbonComponent_Card{\r\n    justify-content: space-between;\r\n    margin-left:0;\r\n  }\r\n  .ribbonComponent_Button{\r\n    margin: 0 16px;\r\n    text-wrap:nowrap;\r\n  }\r\n  .ribbonComponent_descriptionBlockSection{\r\n    margin:0 42px;\r\n  }\r\n  .ribbonComponent_ButtonSection{\r\n    padding-left: 60px;\r\n  }\r\n  .ribbonComponent_CloseIcon{\r\n    margin-right: 42px;\r\n  }\r\n  .ribbonComponent_CloseIcon1{\r\n    display: none;\r\n  }\r\n}\r\n@media (min-width: 1440px){\r\n  .ribbonComponent_Card{\r\n    max-width: 1440px;\r\n    margin: auto;\r\n  }\r\n  .ribbonComponent_descriptionBlockSection{\r\n    margin:0 72px;\r\n  }\r\n  .ribbonComponent_CloseIcon{\r\n    margin-right: 72px;\r\n  }\r\n  .ribbonComponent_ButtonSection{\r\n    padding-left: 80px;\r\n  }\r\n  .ribbonComponent_OnlyTimer{\r\n    width:60px;\r\n  }  \r\n}\r\n\r\n.falcon-primary-button-v1 > .falcon-button-defaults {\r\n  background-color: #da291c;\r\n  color: #ffffff;\r\n}\r\n.falcon-primary-button-v1:hover {\r\n  background-color: #961c13;\r\n}\r\n.falcon-primary-button-v1:visited {\r\n  background-color: #c7355f;\r\n}\r\n.falcon-primary-button-v1:disabled {\r\n  background-color: #e6e3df;\r\n  color: #b3aeaa;\r\n  cursor: default;\r\n}\r\n\r\n.falcon-primary-button-v1-JC > .falcon-button-defaults {\r\n  background-color: #ffffff;\r\n  color: #da291c;\r\n}\r\n.falcon-primary-button-v1-JC:hover {\r\n  background-color: #e97f77;\r\n  color: #ffffff;\r\n}\r\n.falcon-primary-button-v1-JC:visited {\r\n  background-color: #961c13;\r\n  color: #ffffff;\r\n}\r\n.falcon-primary-button-v1-JC:disabled {\r\n  background-color: #e6e3df;\r\n  color: #b3aeaa;\r\n  cursor: default;\r\n}\r\n.falcon-secondary-button-v1 > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  border: 2px solid #da291c;\r\n  color: #da291c;\r\n}\r\n.falcon-secondary-button-v1:hover {\r\n  border-color: #961c13;\r\n  color: #961c13;\r\n}\r\n.falcon-secondary-button-v1:visited {\r\n  border-color: #c7355f;\r\n  color: #c7355f;\r\n}\r\n.falcon-secondary-button-v1:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  border: 2px solid #da291c;\r\n  color: #ffffff;\r\n}\r\n.falcon-secondary-button-v1-JC:hover {\r\n  border-color: #f1571d;\r\n}\r\n.falcon-secondary-button-v1-JC:visited {\r\n  border-color: #c7355f;\r\n}\r\n.falcon-secondary-button-v1-JC:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n.falcon-secondary-button-v4 > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  padding-left: 0;\r\n  padding-right: 0;\r\n  color: #da291c;\r\n}\r\n.falcon-secondary-button-v4:hover {\r\n  border-color: #961c13;\r\n  color: #961c13;\r\n}\r\n.falcon-secondary-button-v4:visited {\r\n  border-color: #c7355f;\r\n  color: #c7355f;\r\n}\r\n.falcon-secondary-button-v4:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v4-JC > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  padding: 0;\r\n  color: #ffffff;\r\n}\r\n.falcon-secondary-button-v4-JC:hover {\r\n  border-color: #c7355f;\r\n  color: #c7355f;\r\n}\r\n.falcon-secondary-button-v4-JC:visited {\r\n  border-color: #961c13;\r\n  color: #961c13;\r\n}\r\n.falcon-secondary-button-v4-JC:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v5 > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  padding: 0;\r\n  color: #3d3935;\r\n  font-weight: 400;\r\n}\r\n.falcon-secondary-button-v5 > div {\r\n  text-decoration-line: underline;\r\n}\r\n\r\n.falcon-secondary-button-dark > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  color: #3d3935;\r\n  border: 2px solid #3d3935;\r\n}\r\n.falcon-primary-dark-button {\r\n  background: #5f5955;\r\n  padding: 10px 24px;\r\n  box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);\r\n  border-radius: 28px 0px 0px 28px;\r\n}\r\n.falcon-primary-dark-button:hover {\r\n  background: #86807c;\r\n  box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);\r\n}\r\n.falcon-primary-dark-button:visited {\r\n  background: #86807c;\r\n  box-sizing: border-box;\r\n  box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);\r\n  padding: 8px 22px;\r\n  border: 2px solid #5f5955;\r\n}\r\n");const l=n=>e.createElement("div",null,t(n.content,{markResolvers:{link:(r,t)=>{const{href:o,target:a,linktype:i}=t;return"email"===i?e.createElement("a",{href:`mailto:${o}`,target:null===a||"_self"===a?"_top":"_blank"},r):n.isIFrame?e.createElement("a",{href:o,target:null===a||"_self"===a?"_top":"_blank"},r):e.createElement("a",{href:o,target:null===a?"":a,onClick:()=>{return e=r,void("function"==typeof(null==n?void 0:n.callBack)&&(null==n||n.callBack(e)));var e}},r)}}}));i("/* Mobile only viewport */\r\n@media all and (max-width: 767px) {\r\n  .timer-wrap {\r\n    text-align: center !important;\r\n    margin-left: 0 !important;\r\n    margin-right: 0 !important;\r\n  }\r\n  .timer-container {\r\n    min-width: 260px;\r\n  }\r\n  .timer-message {\r\n    margin-bottom: 10px;\r\n  }\r\n  .timer-section {\r\n    justify-content: center;\r\n    margin-top: 4px;\r\n    margin-left: unset !important;\r\n    margin-right: unset !important;\r\n  }\r\n}\r\n/* Mobile and tablet viewport */\r\n@media all and (max-width: 1023px) {\r\n  .timer-message {\r\n    margin-top: unset;\r\n  }\r\n}\r\n\r\n/* Tablet only viewport */\r\n@media all and (min-width: 768px) and (max-width: 1023px) {\r\n  .timer-section {\r\n    margin-top: unset;\r\n  }\r\n}\r\n\r\n.timer-container {\r\n  color: black;\r\n  display: inline-block;\r\n  max-width: 100%;\r\n  min-width: 242px;\r\n  /* padding-top: 10px; */\r\n}\r\n.colon {\r\n  font-weight: 700;\r\n  font-size: 28px;\r\n  line-height: 36px;\r\n}\r\n\r\n.timer-section {\r\n  display: flex;\r\n   /* margin-top: 12px; */\r\n  padding: 8px 0;\r\n  padding-left: 10px;\r\n  padding-right: 10px;\r\n}\r\n.timer-element {\r\n  display: inline-block;\r\n  min-width: 42px;\r\n  padding: 0 6px;\r\n  text-align: center;\r\n}\r\n.timer-value {\r\n  font-weight: 700;\r\n  font-size: 32px;\r\n  line-height: 36px;\r\n}\r\n.timer-label {\r\n  font-weight: 400;\r\n  font-size: 12px;\r\n  line-height: 16px;\r\n}\r\n.transparent-element:first-child {\r\n    padding-left: 0;\r\n}\r\n");const d=e=>{switch(e){case"Primary-V1":return"falcon-primary-button-v1";case"Secondary-V1":return"falcon-secondary-button-v1";case"Secondary-V4":return"falcon-secondary-button-v4";case"Secondary-Dark":return"falcon-secondary-button-dark";case"Primary-Dark-V1":return"falcon-primary-dark-button";case"Secondary-V5":return"falcon-secondary-button-v5";default:return""}},s=e=>{let n=new Date(e);return n=((e,n,r,t,o,a,i)=>{const l=new Date(Date.UTC(n,r,t,o,a,i)),d=new Date(l.toLocaleString("en-US",{timeZone:"Europe/Vienna"})),s=new Date(l.toLocaleString("en-US",{timeZone:e})),m=d.getTime()-s.getTime();return l.setTime(l.getTime()+m),l})("Europe/Vienna",n.getFullYear(),n.getMonth(),n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds()),n},m=()=>{const[e,t]=n(0);return r((()=>{const e=()=>{t(window.innerWidth)};return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[]),e>=1440?"large-desktop":e<1440&&e>=1024?"desktop":e<1024&&e>=768?"tablet":e<768&&e>0?"mobile":""},c="center",p="left",g="transparent",u="00",b=({content:n})=>{var r;return e.createElement("div",{className:"container",style:{justifyContent:n.timerAlignment===c?"center":n.timerAlignment===p?"left":"right"}},e.createElement("div",{className:"timer-section",style:{color:n.timerColor,backgroundColor:n.backgroundColor,marginLeft:n.backgroundColor===g&&n.timerAlignment===p?"-9px":"unset",marginRight:n.backgroundColor===g&&"right"===n.timerAlignment?"-24px":"unset"}},e.createElement("div",{className:"timer-element"},e.createElement("div",{className:"timer-value"}," ",u," "),e.createElement("div",{className:"timer-label"},n.dayLabel)),e.createElement("div",{className:"colon"},":"),e.createElement("div",{className:"timer-element"},e.createElement("div",{className:"timer-value"}," ",u," "),e.createElement("div",{className:"timer-label"},n.hourLabel)),e.createElement("div",{className:"colon"},":"),e.createElement("div",{className:"timer-element"},e.createElement("div",{className:"timer-value"}," ",u," "),e.createElement("div",{className:"timer-label"},n.minuteLabel)),e.createElement("div",{className:"colon"},":"),e.createElement("div",{className:"timer-element"},e.createElement("div",{className:"timer-value"}," ",u),e.createElement("div",{className:"timer-label"},n.secondLabel))),e.createElement("div",{className:"timer-message",style:{color:null===(r=n.expiryLabelColor)||void 0===r?void 0:r.color}},n.expiryLabel))},x=({content:t})=>{var o,a,i,l,d,m,g,u;const x=s(new Date(null===(o=null==t?void 0:t.endTime)||void 0===o?void 0:o.replace(/-/g,"/"))),v=s(new Date(null===(a=null==t?void 0:t.startTime)||void 0===a?void 0:a.replace(/-/g,"/"))),h=(null==t?void 0:t.colorChangeTime)&&s(new Date(null===(i=null==t?void 0:t.colorChangeTime)||void 0===i?void 0:i.replace(/-/g,"/"))),[f,T]=n(!1),[_,y]=n(null!==(l=null==t?void 0:t.timerColor)&&void 0!==l?l:""),[w,k]=n(!1),C=()=>{const e=new Date;h&&!w&&e.getTime()>h.getTime()&&(y("#da291c"),k(!0)),e.getTime()>=v.getTime()&&!f&&T(!0);const n=x.getTime()-e.getTime();if(n>0&&f){return{days:("0"+Math.floor(n/864e5)).slice(-2),hours:("0"+Math.floor(n/36e5%24)).slice(-2),mins:("0"+Math.floor(n/1e3/60%60)).slice(-2),sec:("0"+Math.floor(n/1e3%60)).slice(-2)}}return null},B={timerColor:_,backgroundColor:null==t?void 0:t.backgroundColor,expiryLabel:t.expiryLabel,timerAlignment:t.timerAlignment,dayLabel:t.dayLabel,hourLabel:t.hourLabel,minuteLabel:t.minuteLabel,secondLabel:t.secondLabel,expiryLabelColor:t.expiryLabelColor},[W,I]=n(C());r((()=>{I(C());const e=setInterval((()=>{I(C())}),1e3);return()=>{clearInterval(e)}}),[]);const P=[{label:null!==(d=null==t?void 0:t.hourLabel)&&void 0!==d?d:"",value:null==W?void 0:W.hours},{label:null!==(m=null==t?void 0:t.minuteLabel)&&void 0!==m?m:"",value:null==W?void 0:W.mins},{label:null!==(g=null==t?void 0:t.secondLabel)&&void 0!==g?g:"",value:null==W?void 0:W.sec}];return e.createElement("div",{className:"timer-wrap",style:{textAlign:t.timerAlignment===c?"center":t.timerAlignment===p?"left":"right"}},f&&e.createElement("div",{className:"timer-container"},W?e.createElement("div",{className:"timer-section",style:{color:(null==t?void 0:t.isDarkMode)?"#ffffff":_,backgroundColor:null!==(u=null==t?void 0:t.backgroundColor)&&void 0!==u?u:"transparent"}},e.createElement("div",{className:" timer-element transparent-element"},e.createElement("div",{className:"timer-value"}," ",null==W?void 0:W.days),e.createElement("div",{className:"timer-label"},t.dayLabel)),P.map(((n,r)=>e.createElement(e.Fragment,{key:r},e.createElement("div",{className:"colon"},":"),e.createElement("div",{className:"timer-element"},e.createElement("div",{className:"timer-value"}," ",n.value),e.createElement("div",{className:"timer-label"},n.label)))))):e.createElement(b,{content:B})))},v=({content:t})=>{var a,i,m,c,p,g,u,b,v,h,f,T,_,y,w,k,C,B,W,I,P,S,E,z,N,L;const[D,A]=n(!1),R=o("sunriseAuth"),[M,J]=n(!1),j=new Date,[F,$]=n(null==t?void 0:t.teaserTimer[0]),H=s(new Date(null===(i=null===(a=null==t?void 0:t.teaserTimer[0])||void 0===a?void 0:a.endTime)||void 0===i?void 0:i.replace(/-/g,"/"))),K=s(new Date(null===(c=null===(m=null==t?void 0:t.teaserTimer[0])||void 0===m?void 0:m.startTime)||void 0===c?void 0:c.replace(/-/g,"/"))),U=((null==t?void 0:t.enableDarkMode)?"ribbonComponent_DarkText ":"")+"ribbonComponent_Card",V=((null==t?void 0:t.enableDarkMode)?"ribbonComponent_DarkDescription ":"")+"ribbonComponent_TextContainer",[O,Q]=n(!1),G=()=>{const e=H.getTime()-j.getTime();if(e>0&&O){return{days:("0"+Math.floor(e/864e5)).slice(-2),hours:("0"+Math.floor(e/36e5%24)).slice(-2),mins:("0"+Math.floor(e/1e3/60%60)).slice(-2),sec:("0"+Math.floor(e/1e3%60)).slice(-2)}}return null},[X,Z]=n(G()),Y=()=>{!1===D&&A(!0)};return r((()=>{var e;if(null===(e=null==t?void 0:t.teaserTimer[0])||void 0===e?void 0:e.startTime){const e=null==t?void 0:t.teaserTimer[0];e.isDarkMode=null==t?void 0:t.enableDarkMode,$(e)}!R&&"nauth"===(null==t?void 0:t.targetCustomer)||"both"===(null==t?void 0:t.targetCustomer)||R&&"auth"===(null==t?void 0:t.targetCustomer)?J(!0):J(!1)}),[]),r((()=>{Z(G()),j.getTime()>=K.getTime()&&!O&&Q(!0);const e=setInterval((()=>{Z(G())}),1e3);return()=>{clearInterval(e)}}),[O]),e.createElement(e.Fragment,null,!1===D&&(void 0===(null===(p=null==t?void 0:t.teaserTimer[0])||void 0===p?void 0:p.startTime)&&null===X||void 0!==(null===(g=null==t?void 0:t.teaserTimer[0])||void 0===g?void 0:g.startTime)&&null!==X)&&M&&e.createElement(e.Fragment,null,e.createElement("div",{className:"ribbonComponent_Wrapper",style:{background:null==t?void 0:t.backgroundColor}},e.createElement("div",{className:U},e.createElement("div",{className:"ribbonComponent_descriptionBlockSection"},(null===(u=null==t?void 0:t.icon)||void 0===u?void 0:u.filename)&&e.createElement("div",{className:"ribbonComponent_Image"},e.createElement("img",{className:"ribbonComponent_Icon",src:(null==t?void 0:t.enableDarkMode)?null===(b=null==t?void 0:t.darkModeIcon)||void 0===b?void 0:b.filename:null===(v=null==t?void 0:t.icon)||void 0===v?void 0:v.filename})),(null==t?void 0:t.description)&&e.createElement("div",{className:V},e.createElement(l,{content:null==t?void 0:t.description}),e.createElement("div",null))),e.createElement("div",{className:"ribbonComponent_ButtonSection"},(null===(h=null==t?void 0:t.teaserTimer[0])||void 0===h?void 0:h.startTime)&&e.createElement(e.Fragment,null,e.createElement("div",{className:"ribbonComponent_Timer"},e.createElement(x,{content:F})),(null==t?void 0:t.buttonText)||(null==t?void 0:t.hotlineNumber)?e.createElement("div",{className:"ribbonComponent_HrBreaker"}):e.createElement("div",{className:"ribbonComponent_OnlyTimer"})),((null==t?void 0:t.buttonText)&&(null===(f=null==t?void 0:t.link)||void 0===f?void 0:f.url)||(null==t?void 0:t.hotlineNumber)&&(null===(T=null==t?void 0:t.buttonIcon)||void 0===T?void 0:T.filename))&&e.createElement("div",{className:"ribbonComponent_Button"},e.createElement("a",{href:(null==t?void 0:t.hotlineNumber)?`tel:${(null==t?void 0:t.hotlineNumber)||0}`:null===(_=null==t?void 0:t.link)||void 0===_?void 0:_.url,target:null!==(y=null==t?void 0:t.target)&&void 0!==y?y:"",rel:"_blank"===(null==t?void 0:t.target)?"opener":"noopener"},e.createElement("div",{className:d(null==t?void 0:t.buttonType)},(null==t?void 0:t.hotlineNumber)&&"left"===(null==t?void 0:t.iconAlign)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(w=null==t?void 0:t.buttonIcon)||void 0===w?void 0:w.filename}),(null==t?void 0:t.hotlineNumber)?null==t?void 0:t.hotlineNumber:null==t?void 0:t.buttonText,(null==t?void 0:t.hotlineNumber)&&"right"===(null==t?void 0:t.iconAlign)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(k=null==t?void 0:t.buttonIcon)||void 0===k?void 0:k.filename})))),(null===(C=null==t?void 0:t.closeIcon)||void 0===C?void 0:C.filename)&&(null==t?void 0:t.isCloseIcon)&&e.createElement("div",{className:"ribbonComponent_CloseIcon",onClick:()=>Y()},e.createElement("img",{src:(null==t?void 0:t.enableDarkMode)?null!==(W=null===(B=null==t?void 0:t.darkModeCloseIcon)||void 0===B?void 0:B.filename)&&void 0!==W?W:null===(I=null==t?void 0:t.closeIcon)||void 0===I?void 0:I.filename:null===(P=null==t?void 0:t.closeIcon)||void 0===P?void 0:P.filename}))),(null===(S=null==t?void 0:t.closeIcon)||void 0===S?void 0:S.filename)&&(null==t?void 0:t.isCloseIcon)&&e.createElement("div",{className:"ribbonComponent_CloseIcon1",onClick:()=>Y()},e.createElement("img",{src:(null==t?void 0:t.enableDarkMode)?null!==(z=null===(E=null==t?void 0:t.darkModeCloseIcon)||void 0===E?void 0:E.filename)&&void 0!==z?z:null===(N=null==t?void 0:t.closeIcon)||void 0===N?void 0:N.filename:null===(L=null==t?void 0:t.closeIcon)||void 0===L?void 0:L.filename}))))))};i(".stageTeaserMain{\r\n  padding-left: 14px;\r\n  padding-right: 14px;\r\n  height: 100%;\r\n}\r\nvideo {\r\n  object-fit: cover;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  border-top-right-radius: 8px;\r\n  border-bottom-right-radius: 8px;\r\n}\r\n.video-wrapper {\r\n  overflow: hidden;\r\n  text-align: center;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n  .stageTeaserContainer {\r\n    margin-left: 8px;\r\n    margin-right: 8px;\r\n    border-radius: 8px;\r\n    flex-direction: row;\r\n    width: calc(100% - 10px);\r\n    height: 100%;\r\n  }\r\n  .stageTeaserRightWrapper {\r\n    position: relative;\r\n  }\r\n  .stageTeaserMainText {\r\n    font-size: 48px;\r\n    line-height: 60px;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n  }\r\n  .stageTeaserSecondaryPromoText {\r\n    overflow-wrap: anywhere;\r\n    font-size: 14px;\r\n    line-height: 16px;\r\n    font-weight: 500;\r\n  }\r\n  .stageTeaserSecondaryPromoPercent {\r\n    font-size: 34px;\r\n    line-height: 38px;\r\n    font-weight: 700;\r\n  }\r\n  .stageTeaserPromoText {\r\n    font-size: 18px;\r\n    line-height: 20px;\r\n    font-weight: 500;\r\n  }\r\n  .stageTeaserLeftWrapperBackground {\r\n    background: var(--primary-colour-pale-dawn-grey-200, #e6e3df);\r\n  }\r\n  .stageTeaserBannerWrapper .react-multi-carousel-list {\r\n    position: initial;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multiple-carousel__arrow {\r\n    background: #ffffff;\r\n    box-shadow: 0px 4px 12px rgba(87, 84, 82, 0.2);\r\n    border-radius: 24px;\r\n    font-size: 16px;\r\n    height: 44px;\r\n    width: 44px;\r\n    padding: 10px;\r\n    z-index: 1;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multiple-carousel__arrow::before {\r\n    color: #da291c;\r\n    font-size: 16px;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multiple-carousel__arrow:disabled::before {\r\n    color: #b3aeaa;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n    right: 3%;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n    left: 3%;\r\n  }\r\n  /* dots */\r\n  .stageTeaserBannerWrapper .react-multi-carousel-dot button {\r\n    background: #ffffff;\r\n    opacity: 0.3;\r\n    border: 0px;\r\n    transition: none;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multi-carousel-dot--active button {\r\n    background: #da291c;\r\n    opacity: 1;\r\n  }\r\n  .stageTeaserBannerWrapper .react-multi-carousel-dot button:hover:active {\r\n    background: #da291c;\r\n  }\r\n  @media (max-width: 768px) {\r\n    .stageTeaserContainer {\r\n      flex-direction: column;\r\n    }\r\n    .stageTeaserMainText {\r\n      font-size: 32px;\r\n      line-height: 40px;\r\n      font-weight: 500;\r\n    }\r\n    \r\n    .stageTeaserPromoPercent {\r\n      font-size: 36px;\r\n      line-height: 32px;\r\n      font-weight: 700;\r\n    }\r\n    .stageTeaserPromoText {\r\n      font-size: 14px;\r\n      line-height: 16px;\r\n      font-weight: 500;\r\n    }\r\n  }\r\n  @media only screen and (min-width: 376px) and (max-width: 768px) {\r\n    .stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n      right: 4%;\r\n    }\r\n    .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n      left: 4%;\r\n    }\r\n  }\r\n  @media (min-width: 1025px) {\r\n    .stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n      right: 5%;\r\n    }\r\n    .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n      left: 5%;\r\n    }\r\n  }\r\n  \r\n  \r\n  .teaserTimer {\r\n    padding-top: 10px;\r\n    padding-bottom: 10px;\r\n  }\r\n  \r\n  /*Tablet md & All small devices*/\r\n  @media only screen and (max-width : 768px) {\r\n    video {\r\n      border-top-right-radius: 0px;\r\n      border-bottom-right-radius: 8px;\r\n      border-bottom-left-radius: 8px;\r\n    }\r\n    .stageTeaserRightWrapper {\r\n      height: 400px;\r\n    }\r\n    .stageTeaserLeftWrapper {\r\n      padding: 24px;\r\n      text-align: center;\r\n    }\r\n    .stageTeaserSecondaryPromoPercent {\r\n      font-size:28px;\r\n    }\r\n  }\r\n  \r\n  \r\n  /*Tablet - lg*/\r\n  @media only screen and (min-width : 769px) and (max-width : 1024px) {\r\n    .stageTeaserRightWrapper {\r\n      width: 100%;\r\n    }\r\n    .promoImage{\r\n      padding-right: 51px;\r\n      padding-top: 114px;\r\n    }\r\n    .stageTeaserLeftWrapper {\r\n      padding: 55px;\r\n    }\r\n  }\r\n  @media (width : 1024px) {\r\n    .stageTeaserRightWrapper {\r\n      width: 50%;\r\n    }\r\n  }\r\n  /*Desktop, Laptop & Large Desktops*/\r\n  @media only screen and (min-width : 1025px) {\r\n    .stageTeaserLeftWrapper {\r\n      padding: 120px;\r\n    }\r\n  }\r\n  \r\n  \r\n  /*Extra Large Screens*/\r\n  @media only screen and (min-width : 2000px) {\r\n    .stageTeaserLeftWrapper {\r\n      padding: 320px;\r\n    }\r\n  }\r\n  \r\n  \r\n  #inboxCount{\r\n    position: absolute; \r\n    top: 0;\r\n    right:0;\r\n  }");i(".stageTeaserPromoBubble {\r\n  display: flex;\r\n  text-align: center;\r\n  padding: 0px 16px;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 4px;\r\n  flex-shrink: 0;\r\n  border-radius: 50%;\r\n  position: absolute;\r\n}\r\n\r\n.stageTeaserPrimaryPromoBubble {\r\n  width: 160px;\r\n  height: 160px;\r\n  background: var(--primary-colour-ice-white, #ffffff);\r\n  z-index: 1;\r\n}\r\n\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n  background: var(--primary-colour-ice-white, #ffffff);\r\n  z-index: 1;\r\n}\r\n\r\n.stageTeaserSecondaryPromoBubble {\r\n  width: 120px;\r\n  height: 120px;\r\n  top: 171px;\r\n  color: #ffffff;\r\n  background: var(--primary-colour-grey-dusk-grey-600, #3d3935);\r\n}\r\n\r\n.stageTeaserPromoPercent,\r\n.stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoPercent {\r\n  font-size: 52px;\r\n  line-height: 52px;\r\n  font-weight: 700;\r\n}\r\n\r\n/*Tablet md & All small devices*/\r\n@media only screen and (max-width: 768px) {\r\n    /* primary bubble size*/\r\n    .stageTeaserPrimaryPromoBubble {\r\n    width: 120px;\r\n    height: 120px;\r\n  }\r\n  \r\n  .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoText {\r\n    font-size: 18px;\r\n    line-height: 20px;\r\n    font-weight: 500;\r\n  }\r\n  .stageTeaserPromoPercent,\r\n  .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoPercent {\r\n    font-size: 24px;\r\n    line-height: 32px;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoText {\r\n    font-size: 10px;\r\n    line-height: 14px;\r\n  }\r\n  /* primary with secondary size*/\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n    width: 96px;\r\n    height: 96px;\r\n  }\r\n\r\n  /* secondary bubble size*/\r\n  .stageTeaserSecondaryPromoBubble {\r\n    width: 84px;\r\n    height: 84px;\r\n  }\r\n\r\n  .stageTeaserSecondaryPromoPercent {\r\n    font-size: 21px;\r\n    line-height: 24px;\r\n  }\r\n\r\n  .stageTeaserSecondaryPromoText {\r\n    font-size: 12px;\r\n    line-height: 12px;\r\n  }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width: 768px) and (max-width: 1024px) {\r\n  /* primary with secondary size*/\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n    width: 120px;\r\n    height: 120px;\r\n  }\r\n  .stageTeaserPromoPercent,\r\n  .stageTeaserPrimaryWithSecondaryBubble .stageTeaserPromoPercent {\r\n    font-size: 42px;\r\n  }\r\n  .stageTeaserSecondaryPromoBubble {\r\n    width: 96px;\r\n    height: 96px;\r\n  }\r\n  .stageTeaserSecondaryPromoPercent{\r\n    font-size: 26px;\r\n  }\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width: 2000px) {\r\n  /* primary with secondary size*/\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPrimaryPromoBubble {\r\n    width: 360px;\r\n    height: 360px;\r\n  }\r\n  /* secondary bubble size*/\r\n  .stageTeaserSecondaryPromoBubble {\r\n    width: 160px;\r\n    height: 160px;\r\n    top: 171px;\r\n  }\r\n  \r\n}\r\n");i("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n  right: 40px;\r\n}\r\n.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n  bottom: 40px;\r\n}\r\n\r\n/* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n  right: 86px;\r\n  left: initial;\r\n}\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n  bottom: 131px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n  right: 40px;\r\n  left: initial;\r\n}\r\n.stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n  bottom: 40px;\r\n  top: initial;\r\n}\r\n\r\n/*Very small devices - phones*/\r\n@media screen and (max-width : 652px) {\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n    right: 46px;\r\n    left: initial;\r\n    bottom: 48px;\r\n    top: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n    right: 6px;\r\n    left: initial;\r\n    bottom: 102px;\r\n  }\r\n}\r\n\r\n/*All small devices - phones*/\r\n@media screen and (min-width : 652px) and (max-width : 768px) {\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n    right: 192px;\r\n    left: initial;\r\n    bottom: 48px;\r\n    top: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n    right: 128px;\r\n    left: initial;\r\n    bottom: 102px;\r\n  }\r\n}\r\n\r\n/*Tablet - md*/\r\n@media only screen and (min-width : 769px) and (max-width : 990px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n    right: 48px;\r\n    left: initial;\r\n    bottom: 128px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n    right: 22px;\r\n    left: initial;\r\n    bottom: 60px;\r\n    top: initial;\r\n  }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomRight {\r\n    right: 48px;\r\n    left: initial;\r\n    bottom: 128px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomRight {\r\n    right: 22px;\r\n    left: initial;\r\n    bottom: 60px;\r\n    top: initial;\r\n  }\r\n}\r\n\r\n/*Desktop, Laptop & Large Desktops*/\r\n@media only screen and (min-width : 1025px) {\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width : 2000px) {\r\n}");i("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n    left: 40px;\r\n  }\r\n  .stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n    bottom: 40px;\r\n  }\r\n  \r\n  /* primary with secondary */\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n    left: 86px;\r\n    right:  initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n    bottom: 131px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n    left: 40px;\r\n    right:  initial;\r\n  }\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n    bottom: 40px;\r\n    top: initial;\r\n  }\r\n  \r\n  \r\n  /*All small devices - phones*/\r\n  @media screen and (max-width : 768px) {\r\n    /* secondary bubble */\r\n    .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n      left: 58px;\r\n      right:  initial;\r\n      bottom: 48px;\r\n      top: initial;\r\n    }\r\n    .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n      left: 8px;\r\n      right:  initial;\r\n      bottom: 102px;\r\n    }\r\n  }\r\n  \r\n  /*Tablet - md*/\r\n  @media only screen and (min-width : 769px) and (max-width : 990px) {\r\n    .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n      left: 48px;\r\n      right:  initial;\r\n      bottom: 128px;\r\n    }\r\n    /* secondary bubble */\r\n    .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n      left: 22px;\r\n      right:  initial;\r\n      bottom: 60px;\r\n      top: initial;\r\n    }\r\n  }\r\n  \r\n  /*Tablet - lg*/\r\n  @media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n    .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserBottomLeft {\r\n      left: 48px;\r\n      right:  initial;\r\n      bottom: 128px;\r\n    }\r\n    /* secondary bubble */\r\n    .stageTeaserSecondaryPromoBubble.stageTeaserBottomLeft {\r\n      left: 22px;\r\n      right:  initial;\r\n      bottom: 60px;\r\n      top: initial;\r\n    }\r\n  }\r\n  \r\n  /*Desktop, Laptop & Large Desktops*/\r\n  @media only screen and (min-width : 1025px) {\r\n  }\r\n  \r\n  /*Extra Large Screens*/\r\n  @media only screen and (min-width : 2000px) {\r\n  }");i("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n  left: 40px;\r\n}\r\n.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n  top: 40px;\r\n}\r\n\r\n@media screen and (max-width : 568px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n    left: 38px;\r\n    right:  initial;\r\n    top: 68px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n    left: 2px;\r\n    right:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n@media screen and (min-width : 568px) and (max-width : 768px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n    left: 112px;\r\n    right:  initial;\r\n    top: 68px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n    left: 61px;\r\n    right:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n@media screen and (width : 768px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n    left: 132px;\r\n    right:  initial;\r\n    top: 84px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n    left: 61px;\r\n    right:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n\r\n/*All small devices - phones*/\r\n\r\n/*Tablet - md*/\r\n@media only screen and (min-width : 769px) and (max-width : 990px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n    left: 0px;\r\n    right:  initial;\r\n    top: 18px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n    left: -33px;\r\n    right:  initial;\r\n    top: 111px;\r\n    bottom: initial;\r\n  }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n    left: 22px;\r\n    right:  initial;\r\n    top: 22px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n    left: -22px;\r\n    right:  initial;\r\n    top: 108px;\r\n    bottom: initial;\r\n  }\r\n}\r\n\r\n/*Desktop, Laptop & Large Desktops*/\r\n@media only screen and (min-width : 1025px) and (max-width : 2000px) {\r\n  /* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n  left: 72px;\r\n  right:  initial;\r\n  top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n  left: 20px;\r\n  right:  initial;\r\n  top: 126px;\r\n  bottom: initial;\r\n}\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width : 2000px) {\r\n  \r\n/* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopLeft {\r\n  left: 0px;\r\n  right:  initial;\r\n  top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopLeft {\r\n  left: -62px;\r\n  right:  initial;\r\n  top: 41px;\r\n  bottom: initial;\r\n}\r\n\r\n\r\n}");i("/* primary bubble */\r\n.stageTeaserPromoBubble.stageTeaserTopRight {\r\n  right: 40px;\r\n}\r\n.stageTeaserPromoBubble.stageTeaserTopRight {\r\n  top: 40px;\r\n}\r\n\r\n@media screen and (max-width : 568px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n    right: 38px;\r\n    left:  initial;\r\n    top: 68px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n    right: 2px;\r\n    left:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n@media screen and (min-width : 568px) and (max-width : 768px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n    right: 112px;\r\n    left:  initial;\r\n    top: 68px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n    right: 61px;\r\n    left:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n@media screen and (width : 768px) {\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n    right: 132px;\r\n    left:  initial;\r\n    top: 84px;\r\n    bottom: initial;\r\n  }\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n    right: 61px;\r\n    left:  initial;\r\n    top: -12px;\r\n  }\r\n}\r\n\r\n\r\n/*All small devices - phones*/\r\n\r\n/*Tablet - md*/\r\n@media only screen and (min-width : 769px) and (max-width : 990px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n    right: 72px;\r\n    left:  initial;\r\n    top: 18px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n    right: 24px;\r\n    left:  initial;\r\n    top: 111px;\r\n    bottom: initial;\r\n  }\r\n}\r\n\r\n/*Tablet - lg*/\r\n@media only screen and (min-width : 990px) and (max-width : 1024px) {\r\n  .stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n    right: 78px;\r\n    left:  initial;\r\n    top: 22px;\r\n  }\r\n  /* secondary bubble */\r\n  .stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n    right: 26px;\r\n    left:  initial;\r\n    top: 108px;\r\n    bottom: initial;\r\n  }\r\n}\r\n\r\n/*Desktop, Laptop & Large Desktops*/\r\n@media only screen and (min-width : 1025px) and (max-width : 2000px) {\r\n  /* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n  right: 72px;\r\n  left:  initial;\r\n  top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n  right: 20px;\r\n  left:  initial;\r\n  top: 126px;\r\n  bottom: initial;\r\n}\r\n}\r\n\r\n/*Extra Large Screens*/\r\n@media only screen and (min-width : 2000px) {\r\n  \r\n/* primary with secondary */\r\n.stageTeaserPrimaryWithSecondaryBubble.stageTeaserPromoBubble.stageTeaserTopRight {\r\n  right: 0px;\r\n  left:  initial;\r\n  top: 12px;\r\n}\r\n/* secondary bubble */\r\n.stageTeaserSecondaryPromoBubble.stageTeaserTopRight {\r\n  right: 44px;\r\n  left:  initial;\r\n  top: 322px;\r\n  bottom: initial;\r\n}\r\n\r\n\r\n}");i(".falcon-grey-600 {\r\n  color: #3d3935;\r\n}\r\n\r\n.falcon-grey-500 {\r\n  color: #5f5955;\r\n}\r\n.falcon-grey-400 {\r\n  color: #86807c;\r\n}\r\n\r\n.falcon-grey-100 {\r\n  color: #f7f6f5;\r\n}\r\n\r\n.falcon-ice-white {\r\n  color: #ffffff;\r\n}\r\n.falcon-background-grey-100 {\r\n  background-color: #f7f6f5;\r\n}\r\n.falcon-background-ice-white {\r\n  background-color: #ffffff;\r\n}\r\n.falcon-background-transparent {\r\n  background-color: transparent;\r\n}\r\n\r\n.falcon-gradient-rubyglow-diagonal {\r\n  border-radius: 8px;\r\n  background: linear-gradient(93.71deg, #e2271e -0.37%, #ef7c3c 100%);\r\n}\r\n.falcon-gradient-rubyglow-vertical {\r\n  border-radius: 8px;\r\n  background: linear-gradient(180deg, #e2271e 0%, #ef7c3c 100%);\r\n}\r\n.falcon-gradient-pinksky-diagonal {\r\n  background: linear-gradient(98.52deg, #d093a6 -0.35%, #e7c9bc 100.35%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-pinksky-vertical {\r\n  background: linear-gradient(180deg, #d093a6 0%, #e7c9bc 100%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-bluehaze-diagonal {\r\n  background: linear-gradient(98.52deg, #7899bd -0.35%, #b8d0e3 100.35%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-bluehaze-vertical {\r\n  background: linear-gradient(180deg, #7899bd 0%, #b8d0e3 100%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-greencloud-diagonal {\r\n  background: linear-gradient(99.06deg, #8d989b -0.35%, #f8edd2 105.52%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-greencloud-vertical {\r\n  background: linear-gradient(180deg, #8d989b 0%, #f8edd2 100%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-peachfog-diagonal {\r\n  background: linear-gradient(98.52deg, #9c8a95 -0.35%, #f6d6b3 100.35%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-peachfog-vertical {\r\n  background: linear-gradient(180deg, #9c8a95 0%, #f6d6b3 100%);\r\n  border-radius: 8px;\r\n}\r\n.falcon-gradient-orange-diagonal {\r\n  background: linear-gradient(105deg, #EF7C3C 0%, #E2271E 100%);\r\n  border-radius: 4px 0;\r\n}\r\n.falcon-gradient-dark-blue-haze{\r\n  background: linear-gradient(239deg, #4F87C1 52.95%, rgba(94, 148, 207, 0) 111%);\r\n  border-radius: 4px 0;\r\n}\r\n\r\n.falcon-def-transparancy {\r\n  background: rgba(0, 0, 0, 1);\r\n}\r\n");const h=({content:t})=>{var o,a,i,l,s,m,c,p,g,u,b,v,h,f,T,_,y,w,k,C,B,W,I,P,S,E,z,N,L,D,A,R,M,J,j,F,$,H,K,U;const V="none"!==(null==t?void 0:t.gradientBgColor)?(e=>{switch(e){case"rubyglow-diagonal":return"falcon-gradient-rubyglow-diagonal";case"rubyglow-vertical":return"falcon-gradient-rubyglow-vertical";case"pinksky-diagonal":return"falcon-gradient-pinksky-diagonal";case"pinksky-vertical":return"falcon-gradient-pinksky-vertical";case"bluehaze-diagonal":return"falcon-gradient-bluehaze-diagonal";case"bluehaze-vertical":return"falcon-gradient-bluehaze-vertical";case"greencloud-diagonal":return"falcon-gradient-greencloud-diagonal";case"greencloud-vertical":return"falcon-gradient-greencloud-vertical";case"peachfog-diagonal":return"falcon-gradient-peachfog-diagonal";case"peachfog-vertical":return"falcon-gradient-peachfog-vertical";case"darkblue-haze":return"falcon-gradient-dark-blue-haze";default:return""}})(null==t?void 0:t.gradientBgColor):(e=>{switch(e){case"grey-100":return"falcon-background-grey-100";case"ice-white":return"falcon-background-ice-white";case"transparent":return"falcon-background-transparent";case"none":return"none";default:return""}})(null==t?void 0:t.GenericBgColor),O="none"===(null==t?void 0:t.gradientBgColor)&&"none"===(null==t?void 0:t.GenericBgColor)?null===(o=null==t?void 0:t.solidBgColor)||void 0===o?void 0:o.color:"",Q=(null==t?void 0:t.EnableTextBgColor)?null===(a=null==t?void 0:t.textbgcolor)||void 0===a?void 0:a.color:"",G=()=>{switch(null==t?void 0:t.PromoBubblePosition){case"top-left":return"stageTeaserTopLeft";case"top-right":return"stageTeaserTopRight";case"bottom-left":return"stageTeaserBottomLeft";case"bottom-right":return"stageTeaserBottomRight"}},X=null===(s=null===(l=null===(i=null==t?void 0:t.primaryPromoBubble)||void 0===i?void 0:i[0])||void 0===l?void 0:l.bgcolor)||void 0===s?void 0:s.color,Z=null===(p=null===(c=null===(m=null==t?void 0:t.primaryPromoBubble)||void 0===m?void 0:m[0])||void 0===c?void 0:c.textcolor)||void 0===p?void 0:p.color,Y=null===(b=null===(u=null===(g=null==t?void 0:t.SecondaryPromoBubble)||void 0===g?void 0:g[0])||void 0===u?void 0:u.bgcolor)||void 0===b?void 0:b.color,q=null===(f=null===(h=null===(v=null==t?void 0:t.SecondaryPromoBubble)||void 0===v?void 0:v[0])||void 0===h?void 0:h.textcolor)||void 0===f?void 0:f.color,ee=e=>{const n=e&&e.split(".").pop();return!(!n||!["webp","jpg","jpeg","png"].includes(n))},[ne,re]=n(!1),[te,oe]=n(""),[ae,ie]=n(""),le=()=>{var e,n,r,o,a,i,l,d,s;const m=window.innerWidth;m<=767?(re(null==t?void 0:t.mobileImageFirst),ee(null===(e=null==t?void 0:t.MobilePromoImage)||void 0===e?void 0:e.filename)?oe(null===(n=null==t?void 0:t.MobilePromoImage)||void 0===n?void 0:n.filename):ie(null===(r=null==t?void 0:t.MobilePromoImage)||void 0===r?void 0:r.filename)):m>=768&&m<=1024?(re(null==t?void 0:t.tabletImageFirst),ee(null===(o=null==t?void 0:t.TabletPromoImage)||void 0===o?void 0:o.filename)?oe(null===(a=null==t?void 0:t.TabletPromoImage)||void 0===a?void 0:a.filename):ie(null===(i=null==t?void 0:t.TabletPromoImage)||void 0===i?void 0:i.filename)):m>=1025&&(re(null==t?void 0:t.desktopImageFirst),ee(null===(l=null==t?void 0:t.DesktopPromoImage)||void 0===l?void 0:l.filename)?oe(null===(d=null==t?void 0:t.DesktopPromoImage)||void 0===d?void 0:d.filename):ie(null===(s=null==t?void 0:t.DesktopPromoImage)||void 0===s?void 0:s.filename))};return r((()=>{le(),window.addEventListener("resize",le)}),[]),e.createElement("div",{className:"stageTeaserMain"},e.createElement("div",{className:O?"stageTeaserContainer d-flex":V+" stageTeaserContainer d-flex",style:{backgroundColor:O}},e.createElement("div",{className:(ne?"order-1":"order-0")+" stageTeaserLeftWrapper  col-md-6",style:{backgroundColor:Q,borderRadius:"8px"}},e.createElement("div",{className:"stageTeaserTopText text-bold"},null===(k=null===(w=null===(y=null===(_=null===(T=null==t?void 0:t.primaryheading)||void 0===T?void 0:T.content)||void 0===_?void 0:_[0])||void 0===y?void 0:y.content)||void 0===w?void 0:w[0])||void 0===k?void 0:k.text),e.createElement("div",{className:"stageTeaserMainText"},null===(P=null===(I=null===(W=null===(B=null===(C=null==t?void 0:t.mainheading)||void 0===C?void 0:C.content)||void 0===B?void 0:B[0])||void 0===W?void 0:W.content)||void 0===I?void 0:I[0])||void 0===P?void 0:P.text),e.createElement("div",{className:"stageTeaserBottomText text-bold",style:{fontSize:"14px",lineHeight:"20px"}},null===(L=null===(N=null===(z=null===(E=null===(S=null==t?void 0:t.secondaryheading)||void 0===S?void 0:S.content)||void 0===E?void 0:E[0])||void 0===z?void 0:z.content)||void 0===N?void 0:N[0])||void 0===L?void 0:L.text),e.createElement("div",{className:"teaserTimer text-center"},e.createElement(x,{content:null==t?void 0:t.timer[0]})),e.createElement("div",{className:"StageTeaserButtonContainer"},null===(D=null==t?void 0:t.teaserButtonConfig)||void 0===D?void 0:D.map((n=>{var r,o,a,i,l,s;return e.createElement("div",{className:"StageTeaserButton"},e.createElement("a",{href:`${(null===(r=null==n?void 0:n.buttonLink)||void 0===r?void 0:r.url)||0}`,target:null!==(o=null==t?void 0:t.target)&&void 0!==o?o:"",rel:"_blank"===(null==n?void 0:n.linkTarget)?"opener":"noopener"},e.createElement("div",{className:d(null==n?void 0:n.buttonType)},(null===(a=null==n?void 0:n.buttonIcon)||void 0===a?void 0:a.filename)&&"left"===(null==n?void 0:n.buttonAlignment)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(i=null==n?void 0:n.buttonIcon)||void 0===i?void 0:i.filename}),null==n?void 0:n.buttonLabel,(null===(l=null==n?void 0:n.buttonIcon)||void 0===l?void 0:l.filename)&&"right"===(null==n?void 0:n.buttonAlignment)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(s=null==n?void 0:n.buttonIcon)||void 0===s?void 0:s.filename}))))})))),e.createElement("div",{className:(ne?"order-0":"order-1")+" stageTeaserRightWrapper  col-md-6",style:{background:`url(${te}) center / contain no-repeat`}},""!==ae&&e.createElement("div",{className:"video-wrapper"},e.createElement("video",{autoPlay:!0,muted:!0,loop:!0,src:ae})),(null===(A=null==t?void 0:t.primaryPromoBubble)||void 0===A?void 0:A.length)>0&&e.createElement("div",{className:`stageTeaserPromoBubble stageTeaserPrimaryPromoBubble stageTeaserPrimaryWithSecondaryBubble ${G()}`,style:{backgroundColor:X,color:Z}},e.createElement("div",{className:"stageTeaserPromoPercent"},null===(M=null===(R=null==t?void 0:t.primaryPromoBubble)||void 0===R?void 0:R[0])||void 0===M?void 0:M.primarytext),e.createElement("div",{className:"stageTeaserPromoText"},null===(j=null===(J=null==t?void 0:t.primaryPromoBubble)||void 0===J?void 0:J[0])||void 0===j?void 0:j.secondarytext)),(null===(F=null==t?void 0:t.SecondaryPromoBubble)||void 0===F?void 0:F.length)>0&&e.createElement("div",{className:`stageTeaserPromoBubble stageTeaserSecondaryPromoBubble ${G()}`,style:{backgroundColor:Y,color:q}},e.createElement("div",{className:"stageTeaserSecondaryPromoPercent"},null===(H=null===($=null==t?void 0:t.SecondaryPromoBubble)||void 0===$?void 0:$[0])||void 0===H?void 0:H.primarytext),e.createElement("div",{className:"stageTeaserSecondaryPromoText"},null===(U=null===(K=null==t?void 0:t.SecondaryPromoBubble)||void 0===K?void 0:K[0])||void 0===U?void 0:U.secondarytext)))))};i("\r\n.StageTeaserTextContainer {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.StageTeaserOverline {\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 24px;\r\n}\r\n\r\n.StageTeaserHeadline {\r\n  font-size: 48px;\r\n  font-style: normal;\r\n  font-weight: 500;\r\n  line-height: 60px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.StageTeaserText {\r\n  font-size: 14px;\r\n  font-style: normal;\r\n  font-weight: 500;\r\n  line-height: 20px;\r\n}\r\n\r\n.StageTeaserButtonContainer {\r\n  margin: 16px 0;\r\n  display: flex;\r\n}\r\n\r\n.StageTeaserButton {\r\n  padding: 6px;\r\n}\r\n\r\n/* mobile only viewport */\r\n@media (max-width: 375px) {\r\n  .StageTeaserCard {\r\n    width: 95%;\r\n    height: 1336px;\r\n  }\r\n\r\n  .StageTeaserContainer {\r\n    height: 640px;\r\n    padding: 32px 24px;\r\n  }\r\n\r\n  .StageTeaserOverline {\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n  }\r\n\r\n  .StageTeaserHeadline {\r\n    font-size: 24px;\r\n    line-height: 32px;\r\n  }\r\n\r\n  .StageTeaserButtonContainer {\r\n    flex-direction: column;\r\n  }\r\n}\r\n\r\n/* large mobiles viewport */\r\n@media (min-width: 376px) and (max-width: 767px) {\r\n  .StageTeaserCard {\r\n    width: 95%;\r\n    height: 1336px;\r\n  }\r\n\r\n  .StageTeaserContainer {\r\n    height: 640px;\r\n    padding: 32px 24px;\r\n  }\r\n\r\n  .StageTeaserOverline {\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n  }\r\n\r\n  .StageTeaserHeadline {\r\n    font-size: 24px;\r\n    line-height: 32px;\r\n  }\r\n\r\n  .StageTeaserButtonContainer {\r\n    flex-direction: column;\r\n  }\r\n}\r\n\r\n/* Tablet only viewport */\r\n@media (min-width: 768px) and (max-width: 1022px) {\r\n  .StageTeaserCard {\r\n    width: 100%;\r\n    height: 800px;\r\n  }\r\n\r\n  .StageTeaserContainer {\r\n    height: 800px;\r\n    padding: 60px 100px;\r\n  }\r\n\r\n  .StageTeaserTextContainer {\r\n    /* max-width: 80%; */\r\n  }\r\n\r\n  .StageTeaserOverline {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .StageTeaserHeadline {\r\n    font-size: 32px;\r\n    line-height: 40px;\r\n  }\r\n}\r\n\r\n/* Desktop only viewport */\r\n@media (min-width: 1023px) and (max-width: 1439px) {\r\n  .StageTeaserCard {\r\n    width: 98%;\r\n    height: 580px;\r\n  }\r\n\r\n  .StageTeaserContainer {\r\n    width: 100%;\r\n  }\r\n\r\n  .StageTeaserCenterContainer {\r\n    padding: 120px 90px;\r\n  }\r\n}\r\n\r\n/* large desktop viewport */\r\n@media (min-width: 1440px) {\r\n  .StageTeaserCard {\r\n    width: 2880px;\r\n    height: 1620px;\r\n  }\r\n\r\n  .StageTeaserContainer {\r\n    width: 100%;\r\n    padding: 170px 108px;\r\n  }\r\n}\r\n\r\n/* falcon button styles */\r\n.falcon-button-defaults {\r\n  border-radius: 28px;\r\n  cursor: pointer;\r\n  display: inline-block;\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n  font-weight: 700;\r\n  padding: 10px 24px;\r\n  text-decoration: none;\r\n}\r\n\r\n.falcon-primary-button-v1 > .falcon-button-defaults {\r\n  background-color: #da291c;\r\n  color: #ffffff;\r\n}\r\n\r\n.falcon-primary-button-v1:hover {\r\n  background-color: #961c13;\r\n}\r\n\r\n.falcon-primary-button-v1:visited {\r\n  background-color: #c7355f;\r\n}\r\n\r\n.falcon-primary-button-v1:disabled {\r\n  background-color: #e6e3df;\r\n  color: #b3aeaa;\r\n  cursor: default;\r\n}\r\n\r\n.falcon-primary-button-v1-JC > .falcon-button-defaults {\r\n  background-color: #ffffff;\r\n  color: #da291c;\r\n}\r\n\r\n.falcon-primary-button-v1-JC:hover {\r\n  background-color: #e97f77;\r\n  color: #ffffff;\r\n}\r\n\r\n.falcon-primary-button-v1-JC:visited {\r\n  background-color: #961c13;\r\n  color: #ffffff;\r\n}\r\n\r\n.falcon-primary-button-v1-JC:disabled {\r\n  background-color: #e6e3df;\r\n  color: #b3aeaa;\r\n  cursor: default;\r\n}\r\n\r\n.falcon-secondary-button-v1 > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  border: 2px solid #da291c;\r\n  color: #da291c;\r\n}\r\n\r\n.falcon-secondary-button-v1:hover {\r\n  border-color: #961c13;\r\n  color: #961c13;\r\n}\r\n\r\n.falcon-secondary-button-v1:visited {\r\n  border-color: #c7355f;\r\n  color: #c7355f;\r\n}\r\n\r\n.falcon-secondary-button-v1:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC > .falcon-button-defaults {\r\n  background-color: transparent;\r\n  border: 2px solid #da291c;\r\n  color: #ffffff;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC:hover {\r\n  border-color: #f1571d;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC:visited {\r\n  border-color: #c7355f;\r\n}\r\n\r\n.falcon-secondary-button-v1-JC:disabled {\r\n  border-color: #e6e3df;\r\n  color: #b3aeaa;\r\n}\r\n\r\n#wrapper {\r\n  width: 80%;\r\n  margin: 10px auto;\r\n  height: 100%;\r\n}\r\n\r\n.hero-unit {\r\n  position: relative;\r\n  height: 100%;\r\n}\r\n\r\n.topContent {\r\n  position: inherit;\r\n  bottom : 128px;\r\n}\r\n\r\n.bottomContent {\r\n  position: inherit;\r\n  top : 172px;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  #teaserTextSection{\r\n    margin-left: -180px;\r\n  }\r\n  #wrapper {\r\n    width: 100%;\r\n    margin: 10px auto;\r\n  }\r\n  .hero-unit {\r\n    -webkit-background-size: contain;\r\n    -moz-background-size: contain;\r\n    -o-background-size: contain;\r\n    background-size: contain;\r\n\r\n    padding: 200px;\r\n    margin-bottom: 30px;\r\n    -webkit-border-radius: 6px;\r\n    -moz-border-radius: 6px;\r\n    border-radius: 6px;\r\n    margin-right: 4px;\r\n    margin-left: 26px;\r\n    padding-right: 26px;\r\n    border-bottom-left-radius: 18px;\r\n    border-bottom-right-radius: 18px;\r\n  }\r\n}\r\n\r\n@media (min-width: 768px) and (max-width: 1022px) {\r\n  #wrapper {\r\n    width: 100%;\r\n    margin: 10px auto;\r\n  }\r\n  .hero-unit {\r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n\r\n    padding: 200px;\r\n    margin-bottom: 30px;\r\n    -webkit-border-radius: 6px;\r\n    -moz-border-radius: 6px;\r\n    border-radius: 6px;\r\n    border-bottom-left-radius: 18px;\r\n    border-bottom-right-radius: 18px;\r\n  }\r\n}\r\n\r\n@media (min-width: 1023px) and (max-width: 1439px) {\r\n  #wrapper {\r\n    width: 100%;\r\n    margin: 10px auto;\r\n  }\r\n  .hero-unit {\r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n\r\n    padding: 200px;\r\n    margin-bottom: 30px;\r\n    -webkit-border-radius: 6px;\r\n    -moz-border-radius: 6px;\r\n    border-radius: 6px;\r\n    border-bottom-left-radius: 18px;\r\n    border-bottom-right-radius: 18px;\r\n  }\r\n}\r\n\r\n@media (min-width: 1440px) {\r\n  #wrapper {\r\n    width: 99%;\r\n    margin: 10px auto;\r\n  }\r\n  .hero-unit {\r\n    -webkit-background-size: cover;\r\n    -moz-background-size: cover;\r\n    -o-background-size: cover;\r\n    background-size: cover;\r\n\r\n    padding: 200px;\r\n    margin-bottom: 30px;\r\n    -webkit-border-radius: 6px;\r\n    -moz-border-radius: 6px;\r\n    border-radius: 6px;\r\n    border-bottom-left-radius: 18px;\r\n    border-bottom-right-radius: 18px;\r\n  }\r\n}\r\n");const f=({content:t})=>{var o,a,i,l,s,m,c,p,g,u,b,v,h,f,T,_,y,w,k,C,B,W,I,P,S,E,z;const N=null===(m=null===(s=null===(l=null===(i=null===(a=null===(o=null==t?void 0:t.content)||void 0===o?void 0:o.primaryheading)||void 0===a?void 0:a.content)||void 0===i?void 0:i[0])||void 0===l?void 0:l.content)||void 0===s?void 0:s[0])||void 0===m?void 0:m.text,L=null===(v=null===(b=null===(u=null===(g=null===(p=null===(c=null==t?void 0:t.content)||void 0===c?void 0:c.mainheading)||void 0===p?void 0:p.content)||void 0===g?void 0:g[0])||void 0===u?void 0:u.content)||void 0===b?void 0:b[0])||void 0===v?void 0:v.text,D=null===(w=null===(y=null===(_=null===(T=null===(f=null===(h=null==t?void 0:t.content)||void 0===h?void 0:h.secondaryheading)||void 0===f?void 0:f.content)||void 0===T?void 0:T[0])||void 0===_?void 0:_.content)||void 0===y?void 0:y[0])||void 0===w?void 0:w.text,A="left"===(null===(k=null==t?void 0:t.content)||void 0===k?void 0:k.textposition)?"flex-start":"right"===(null===(C=null==t?void 0:t.content)||void 0===C?void 0:C.textposition)?"flex-end":"center",R="left"===(null===(B=null==t?void 0:t.content)||void 0===B?void 0:B.textposition)?"left":"right"===(null===(W=null==t?void 0:t.content)||void 0===W?void 0:W.textposition)?"right":"center";"left"===(null===(I=null==t?void 0:t.content)||void 0===I?void 0:I.textposition)||null===(P=null==t?void 0:t.content)||void 0===P||P.textposition;const[M,J]=n(""),[j,F]=n(""),$=()=>{var e,n,r,o,a,i,l;const d=window.innerWidth;d<=767?(J(`url(${null===(n=null===(e=null==t?void 0:t.content)||void 0===e?void 0:e.mobileImage)||void 0===n?void 0:n.filename}) center center / cover no-repeat`),F(null===(r=null==t?void 0:t.content)||void 0===r?void 0:r.verticaltextpostion)):d>=768&&d<=1439?(J(`url(${null===(a=null===(o=null==t?void 0:t.content)||void 0===o?void 0:o.tabImage)||void 0===a?void 0:a.filename}) center center / cover no-repeat`),F("")):d>=1440&&(J(`url(${null===(l=null===(i=null==t?void 0:t.content)||void 0===i?void 0:i.desktopimage)||void 0===l?void 0:l.filename}) center center / cover no-repeat`),F(""))};return r((()=>{$(),window.addEventListener("resize",$)}),[]),e.createElement(e.Fragment,null,e.createElement("div",{id:"wrapper"},""!==M&&e.createElement("div",{className:"hero-unit",style:{background:M}},e.createElement("div",{id:"teaserTextSection",className:"top"===j?"topContent":"bottom"===j?"bottomContent":""},e.createElement("div",{className:"StageTeaserTextContainer",style:{color:"#ffffff",alignItems:""===j?A:"center"}},e.createElement("div",{className:"StageTeaserOverline"}," ",N," "),e.createElement("div",{className:"StageTeaserHeadline",style:{textAlign:""===j?R:"center"}},L),e.createElement("div",{className:"StageTeaserText"}," ",D," ")),e.createElement("div",{className:"StageTeaserTimer"},e.createElement("div",{className:"teaserTimer text-center"},e.createElement(x,{content:null===(S=null==t?void 0:t.content)||void 0===S?void 0:S.timer[0]}))),e.createElement("div",{className:"StageTeaserButtonContainer",style:{justifyContent:""===j?A:"",alignItems:""!==j?"center":""}},null===(z=null===(E=null==t?void 0:t.content)||void 0===E?void 0:E.teaserButtonConfig)||void 0===z?void 0:z.map((n=>{var r,o,a,i,l,s;return e.createElement("div",{className:"StageTeaserButton"},e.createElement("a",{href:`${(null===(r=null==n?void 0:n.buttonLink)||void 0===r?void 0:r.url)||0}`,target:null!==(o=null==t?void 0:t.target)&&void 0!==o?o:"",rel:"_blank"===(null==n?void 0:n.linkTarget)?"opener":"noopener"},e.createElement("div",{className:d(null==n?void 0:n.buttonType)},(null===(a=null==n?void 0:n.buttonIcon)||void 0===a?void 0:a.filename)&&"left"===(null==n?void 0:n.buttonAlignment)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(i=null==n?void 0:n.buttonIcon)||void 0===i?void 0:i.filename}),null==n?void 0:n.buttonLabel,(null===(l=null==n?void 0:n.buttonIcon)||void 0===l?void 0:l.filename)&&"right"===(null==n?void 0:n.buttonAlignment)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(s=null==n?void 0:n.buttonIcon)||void 0===s?void 0:s.filename}))))})))))))},T=({content:n})=>e.createElement(e.Fragment,null,"single"===(null==n?void 0:n.layoutgrid)?e.createElement(f,{content:{content:n}}):e.createElement(h,{content:n}));var _={"wrapper-img":"ImageComponent-module_wrapper-img__v4UKy","image-wrapper":"ImageComponent-module_image-wrapper__dvPl9","text-container-center":"ImageComponent-module_text-container-center__i6mB-","text-container":"ImageComponent-module_text-container__v5YHL","image-title":"ImageComponent-module_image-title__WLw4-","image-description":"ImageComponent-module_image-description__wTnjQ","text-right":"ImageComponent-module_text-right__SQQol","text-center":"ImageComponent-module_text-center__ks4IT","text-left":"ImageComponent-module_text-left__8cSZR"};i("/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets  */\n.ImageComponent-module_wrapper-img__v4UKy {\n  width: 99%;\n  height: 100%;\n}\n.ImageComponent-module_wrapper-img__v4UKy .ImageComponent-module_image-wrapper__dvPl9 {\n  -webkit-background-size: cover;\n  -moz-background-size: cover;\n  -o-background-size: cover;\n  background-size: cover;\n  -webkit-border-radius: 24px;\n  -moz-border-radius: 24px;\n  border-radius: 24px;\n  position: relative;\n  height: 100%;\n}\n.ImageComponent-module_wrapper-img__v4UKy .ImageComponent-module_text-container-center__i6mB- {\n  position: absolute;\n  bottom: 40px;\n  left: 40px;\n  color: white;\n}\n.ImageComponent-module_wrapper-img__v4UKy .ImageComponent-module_text-container__v5YHL {\n  position: relative;\n  bottom: 120px;\n  left: 40px;\n  color: white;\n}\n\n.ImageComponent-module_image-title__WLw4- {\n  color: white !important;\n  font-size: 18px;\n  line-height: 24px;\n}\n\n.ImageComponent-module_image-description__wTnjQ {\n  color: #ffffff !important;\n  font-size: 18px;\n  line-height: 24px;\n}\n@media (max-width: 1439px) {\n  .ImageComponent-module_image-description__wTnjQ {\n    font-size: 14px;\n    line-height: 20px;\n  }\n}\n\n@media (max-width: 1439px) {\n  .ImageComponent-module_wrapper-img__v4UKy {\n    width: 100%;\n    height: 100%;\n  }\n  .ImageComponent-module_wrapper-img__v4UKy .ImageComponent-module_image-wrapper__dvPl9 {\n    border-radius: 10px;\n    margin-right: 4px;\n    margin-left: 4px;\n    padding-right: 26px;\n    border-bottom-left-radius: 18px;\n    border-bottom-right-radius: 18px;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 32.31%, rgba(0, 0, 0, 0) 50%);\n    box-shadow: 0px 2px 4px 0px rgba(87, 84, 82, 0.2);\n  }\n  .ImageComponent-module_text-right__SQQol {\n    flex-direction: row-reverse;\n    text-align: right;\n  }\n  .ImageComponent-module_text-center__ks4IT {\n    position: relative;\n    align-items: center;\n  }\n  .ImageComponent-module_text-left__8cSZR {\n    position: absolute;\n    left: 40px;\n    color: white;\n    bottom: 40px;\n  }\n}\n@media (max-width: 1439px) and (min-width: 768px) and (max-width: 1023px) {\n  .ImageComponent-module_text-left__8cSZR {\n    bottom: 10px;\n    left: 80px;\n  }\n}\n@media (max-width: 1439px) and (min-width: 1024px) and (max-width: 1439px) {\n  .ImageComponent-module_text-left__8cSZR {\n    bottom: 120px;\n    left: 90px;\n  }\n}");const y=({content:n,alignment:r})=>{var t;const o=m(),a=`url(${null===(t=null==n?void 0:n.img)||void 0===t?void 0:t.filename}) center center / cover no-repeat`,i="center"===r?"text-container-center":"text-container";return e.createElement("div",{className:_["wrapper-img"]},""!==a&&e.createElement(e.Fragment,null,e.createElement("div",{className:_["image-wrapper"],style:{background:a}}),e.createElement("div",{className:`${"large-desktop"!=o?_[`text-${null==n?void 0:n.textAlignment}`]:_[i]}`},(null==n?void 0:n.title)&&e.createElement("h3",{className:_["image-title"]},null==n?void 0:n.title),(null==n?void 0:n.description)&&e.createElement("div",{className:_["image-description"]},e.createElement(l,{content:null==n?void 0:n.description})))))};var w={overline:"TextComponent-module_overline__BDtDE",h3content:"TextComponent-module_h3content__B0Ipy",desciption:"TextComponent-module_desciption__uP3Ih"};i(".TextComponent-module_overline__BDtDE {\n  color: #86807C;\n}\n\n.TextComponent-module_h3content__B0Ipy {\n  color: #3D3935;\n}\n\n.TextComponent-module_desciption__uP3Ih {\n  font-size: 20px;\n  line-height: 26px;\n  color: #3d3935;\n}");i(".overline{\r\n    color: gray;\r\n}\r\n.desciption{\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n    color: #3d3935;\r\n}\r\n.primary{\r\n    text-align: center;\r\n    background: #da291c;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 28px;\r\n    font-weight: 700;\r\n    overflow: visible;\r\n    padding: 14px 24px;\r\n    width: fit-content;\r\n    a{\r\n       color: white;\r\n       text-decoration: none; \r\n    }\r\n}\r\n\r\n.secondary{\r\n    text-align: center;\r\n    background: white;\r\n    color: #da291c;\r\n    border: 2px solid #da291c;\r\n    border-radius: 28px;\r\n    font-weight: 700;\r\n    overflow: visible;\r\n    padding: 14px 24px;\r\n    width: fit-content;\r\n    a{\r\n       color: #da291c;\r\n       text-decoration: none; \r\n    }\r\n}\r\n.horizontal-left{\r\n    display: flex;\r\njustify-content: flex-start;\r\n}\r\n.horizontal-right{\r\n    display: flex;\r\n    justify-content: flex-end;\r\n}\r\n.horizontal-center{\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-top: 20px;\r\n}\r\n  @media (max-width: 767px){\r\n    .horizontal-center{\r\n       flex-direction: column;\r\n       align-items: center;\r\n    }\r\n  }\r\n.vertical-left{\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n}\r\n.vertical-right{\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-end;\r\n}\r\n.vertical-center{\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n.text{\r\n    text-align: center;\r\n    color: #da291c;\r\n    font-weight: 700;\r\n    overflow: visible;\r\n    padding: 14px 24px;\r\n    width: fit-content;\r\n    a{\r\n       color: #da291c;\r\n       text-decoration: none; \r\n    }\r\n}");const k=({content:n})=>{var r;return e.createElement(e.Fragment,null,e.createElement("div",{className:(null==n?void 0:n.groupsAlignment)+"-"+(null==n?void 0:n.buttonAlignment)},(null===(r=null==n?void 0:n.buttons)||void 0===r?void 0:r.length)>0&&n.buttons.map((n=>{var r;return e.createElement("div",{className:null==n?void 0:n.type},e.createElement("a",{href:null===(r=null==n?void 0:n.link)||void 0===r?void 0:r.cached_url},null==n?void 0:n.text))}))))},C=({content:n})=>{var r;const t=m();return e.createElement(e.Fragment,null,e.createElement("div",{className:` ${"large-desktop"!=t?w[`textline-${null==n?void 0:n.alignment}`]:w["textline-container"]}`},(null==n?void 0:n.overline)&&e.createElement("div",{className:w.overline},null==n?void 0:n.overline),(null==n?void 0:n.headline)&&e.createElement("h3",{className:w.h3content},null==n?void 0:n.headline),(null==n?void 0:n.description)&&e.createElement("div",{className:w.description},e.createElement(l,{content:null==n?void 0:n.description})),(null===(r=null==n?void 0:n.btnGroup)||void 0===r?void 0:r.length)>0&&(null==n?void 0:n.btnGroup.map((n=>e.createElement(k,{content:n}))))))};var B={"main-container":"ImageWithText-module_main-container__fnrz1","img-text-container":"ImageWithText-module_img-text-container__M5Xx0","img-section":"ImageWithText-module_img-section__NsiT4","text-section":"ImageWithText-module_text-section__jTDBS","img-text-right":"ImageWithText-module_img-text-right__rKz7C","img-text-left":"ImageWithText-module_img-text-left__hmJKl","img-text-center":"ImageWithText-module_img-text-center__Js5hv"};i("/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets  */\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-container__M5Xx0 .ImageWithText-module_img-section__NsiT4 {\n  height: 260px;\n  width: 100%;\n}\n@media (min-width: 768px) and (max-width: 1439px) {\n  .ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-container__M5Xx0 .ImageWithText-module_img-section__NsiT4 {\n    height: 450px;\n  }\n}\n@media (max-width: 1439px) {\n  .ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-container__M5Xx0 .ImageWithText-module_text-section__jTDBS {\n    width: 90%;\n    position: relative;\n    top: auto;\n    background: rgba(255, 255, 255, 0.7490196078);\n    margin: 0 auto;\n    border-radius: 12px;\n    padding: 16px !important;\n    bottom: 30px;\n  }\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-right__rKz7C {\n  flex-direction: row-reverse;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-right__rKz7C .ImageWithText-module_text-section__jTDBS {\n  padding: 40px !important;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-left__hmJKl {\n  flex-direction: row;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-left__hmJKl .ImageWithText-module_text-section__jTDBS {\n  padding: 40px !important;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-center__Js5hv {\n  position: relative;\n  align-items: center;\n  height: 450px;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-center__Js5hv .ImageWithText-module_text-section__jTDBS {\n  background: rgba(255, 255, 255, 0.7490196078);\n  position: absolute;\n  left: 40%;\n  max-height: 450px;\n  padding: 40px !important;\n  width: 48%;\n  border-radius: 12px;\n}\n.ImageWithText-module_main-container__fnrz1 .ImageWithText-module_img-text-center__Js5hv .ImageWithText-module_img-section__NsiT4 {\n  width: 50%;\n  height: 100%;\n  border-radius: 24px;\n}");const W=({content:n})=>{var r,t,o,a;const i=m();return e.createElement(e.Fragment,null,e.createElement("div",{className:B["main-container"]},e.createElement("div",{className:`row ${"large-desktop"===i?B[`img-text-${null==n?void 0:n.alignment}`]:B["img-text-container"]}`},(null===(r=null==n?void 0:n.image)||void 0===r?void 0:r.length)>0&&e.createElement("div",{className:`${B["img-section"]} col-md-6 col-lg-6 col-sm-10`},e.createElement(y,{content:null===(t=null==n?void 0:n.image)||void 0===t?void 0:t[0],alignment:null==n?void 0:n.alignment})),(null===(o=null==n?void 0:n.textBlok)||void 0===o?void 0:o.length)>0&&e.createElement("div",{className:`${B["text-section"]} col-md-6 col-lg-6 col-sm-10`},e.createElement(C,{content:null===(a=null==n?void 0:n.textBlok)||void 0===a?void 0:a[0]})))))};var I={carouselContainer:"ImageWithTextWrapper-module_carouselContainer__ornBf",arrowButton:"ImageWithTextWrapper-module_arrowButton__UINad",leftArrow:"ImageWithTextWrapper-module_leftArrow__p4Lpk",rightArrow:"ImageWithTextWrapper-module_rightArrow__5kd-p",carousel_dot:"ImageWithTextWrapper-module_carousel_dot__0oj6A",carouselItem:"ImageWithTextWrapper-module_carouselItem__xJoh5",stageTeaserTabActive:"ImageWithTextWrapper-module_stageTeaserTabActive__pNEXt"};i('/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets  */\n.ImageWithTextWrapper-module_carouselContainer__ornBf {\n  position: static;\n  border-radius: 24px;\n}\n@media (min-width: 1440px) {\n  .ImageWithTextWrapper-module_carouselContainer__ornBf {\n    margin-bottom: 110px;\n  }\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_arrowButton__UINad, .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk, .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p {\n  background: #ffffff;\n  box-shadow: 0px 4px 12px rgba(87, 84, 82, 0.2);\n  border-radius: 24px;\n  font-size: 16px;\n  height: 44px;\n  width: 44px;\n  padding: 10px;\n  position: absolute;\n  border: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_arrowButton__UINad::before, .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk::before, .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p::before {\n  color: #da291c;\n  font-size: 20px;\n  display: block;\n  font-family: revicons;\n  text-align: center;\n  z-index: 1;\n  position: relative;\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p {\n  right: 20%;\n  bottom: -90px;\n  box-shadow: 0px 2px 4px 0px rgba(87, 84, 82, 0.2);\n  margin-right: 150px;\n}\n@media (min-width: 1024px) and (max-width: 1439px) {\n  .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p {\n    right: 16px;\n  }\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n  .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p {\n    right: -32px;\n  }\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p::before {\n  content: "\\e825";\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_rightArrow__5kd-p:disabled {\n  background: #e6e3df;\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk {\n  left: 20%;\n  bottom: -90px;\n  box-shadow: 0px 2px 4px 0px rgba(87, 84, 82, 0.2);\n  margin-left: 150px;\n}\n@media (min-width: 1024px) and (max-width: 1439px) {\n  .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk {\n    left: 16px;\n  }\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n  .ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk {\n    left: -32px;\n  }\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk::before {\n  content: "\\e824";\n}\n.ImageWithTextWrapper-module_carouselContainer__ornBf .ImageWithTextWrapper-module_leftArrow__p4Lpk:disabled {\n  background: white;\n}\n\n.ImageWithTextWrapper-module_carousel_dot__0oj6A {\n  top: auto;\n  margin: 0 auto;\n  bottom: -100px;\n}\n\n.ImageWithTextWrapper-module_carouselItem__xJoh5 {\n  position: relative;\n  width: 100%;\n}\n@media (max-width: 1023px) {\n  .ImageWithTextWrapper-module_carouselItem__xJoh5 :active {\n    padding-right: 30px;\n  }\n}\n\n.ImageWithTextWrapper-module_stageTeaserTabActive__pNEXt {\n  border-radius: 12px;\n  box-shadow: 0px 2px 4px 0px rgba(87, 84, 82, 0.2);\n  background-color: #FFFFFF;\n}');const P=({content:n})=>{var r;const t=m();return e.createElement("div",{style:{position:"relative"}},e.createElement(a,{responsive:{desktop:{breakpoint:{max:7e3,min:1440},items:1},tabletLarge:{breakpoint:{max:1439,min:1024},items:1},tabletMedium:{breakpoint:{max:1023,min:768},items:1},mobile:{breakpoint:{max:767,min:0},items:1,partialVisibilityGutter:30}},autoPlay:!1,shouldResetAutoplay:!1,showDots:1!==(null===(r=null==n?void 0:n.productTeaserSlides)||void 0===r?void 0:r.length),customDot:"large-desktop"===t?e.createElement((r=>{var t,o,a;const{onClick:i,active:l,index:d}=r;return e.createElement("div",{className:l?I.stageTeaserTabActive:I.stageTeaserTab,onClick:()=>i()},e.createElement("img",{src:null===(a=null===(o=null===(t=null==n?void 0:n.bloks)||void 0===t?void 0:t[d])||void 0===o?void 0:o.thumbImage)||void 0===a?void 0:a.filename,alt:"arrow",width:64,height:64}))}),null):e.createElement(e.Fragment,null),dotListClass:I.carousel_dot,itemClass:I.carouselItem,ssr:!0,arrows:!1,containerClass:I.carouselContainer,sliderClass:I.sliderClass,customButtonGroup:e.createElement((r=>{var o,a,i;return e.createElement(e.Fragment,null,(null===(o=null==n?void 0:n.bloks)||void 0===o?void 0:o.length)>1&&"large-desktop"===t&&e.createElement("div",null,e.createElement("button",{disabled:0===(null===(a=null==r?void 0:r.carouselState)||void 0===a?void 0:a.currentSlide),className:I.leftArrow,onClick:r.previous}),e.createElement("button",{disabled:(null===(i=null==r?void 0:r.carouselState)||void 0===i?void 0:i.currentSlide)+1===(null==r?void 0:r.carouselState.totalItems),className:I.rightArrow,onClick:r.next})))}),null),customTransition:"transform 1s ease",transitionDuration:500,partialVisbile:"large-desktop"!==t},n.bloks.map((n=>e.createElement(W,{content:n})))))};export{k as ButtonGroup,y as ImageComponent,W as ImageWithText,P as ImageWithTextWrapper,v as RibbonComponent,T as StageTeaserComponent,C as TextComponent};
 //# sourceMappingURL=index.js.map

package/dist/index.d.ts

@@ -70,4 +70,14 @@ declare const RibbonComponent: FC<RibbonComponentInterface>;
 
 declare const StageTeaserComponent: FC<any>;
 
-export { RibbonComponent, StageTeaserComponent };
+declare const ImageComponent: FC<any>;
+
+declare const TextComponent: FC<any>;
+
+declare const ButtonGroup: FC<any>;
+
+declare const ImageWithText: FC<any>;
+
+declare const ImageWithTextWrapper: FC<any>;
+
+export { ButtonGroup, ImageComponent, ImageWithText, ImageWithTextWrapper, RibbonComponent, StageTeaserComponent, TextComponent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunrise-upc/sales-static-components",
-  "version": "0.0.11",
+  "version": "0.1.0",
   "description": "Static Reusable Components Library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -40,6 +40,9 @@
     "@types/node": "^16.18.11",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.10",
+    "postcss": "8.4.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "rimraf": "^3.0.2",
     "rollup": "^3.9.1",
     "rollup-plugin-dts": "^5.1.0",
@@ -49,15 +52,13 @@
     "sass": "^1.57.1",
     "semver": "^7.3.8",
     "tslib": "^2.4.1",
-    "typescript": "^4.9.4",
-    "postcss": "8.4.21",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "typescript": "^4.9.4"
   },
   "peerDependencies": {
+    "cookies-next": "^4.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "storyblok-rich-text-react-renderer-ts": "^3.1.3",
-    "cookies-next": "^4.0.0"
+    "react-multi-carousel": "^2.8.4"
   }
 }