@sunrise-upc/sales-static-components 0.1.8 → 0.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/cjs/components/Constants.d.ts +5 -0
  2. package/dist/cjs/index.js +1 -1
  3. package/dist/cjs/utils/data-source.d.ts +1 -0
  4. package/dist/esm/components/Constants.d.ts +5 -0
  5. package/dist/esm/index.js +1 -1
  6. package/dist/esm/utils/data-source.d.ts +1 -0
  7. package/package.json +1 -1
package/dist/cjs/components/Constants.d.ts CHANGED
@@ -9,3 +9,8 @@ export declare const AFTER = "after";
9
9
  export declare const BEFORE = "before";
10
10
  export declare const LANG = "lang";
11
11
  export declare const COLORWHITE = "#ffffff";
12
+ export declare const H1 = "h1";
13
+ export declare const H2 = "h2";
14
+ export declare const H3 = "h3";
15
+ export declare const H4 = "h4";
16
+ export declare const NONE = "none";
package/dist/cjs/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "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,N,z,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),Q="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:"",U=(null==n?void 0:n.EnableTextBgColor)?null===(t=null==n?void 0:n.textbgcolor)||void 0===t?void 0:t.color:"",V=()=>{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,O=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:Q?"stageTeaserContainer d-flex":K+" stageTeaserContainer d-flex",style:{backgroundColor:Q}},e.createElement("div",{className:(Y?"order-1":"order-0")+" stageTeaserLeftWrapper col-md-6",style:{backgroundColor:U,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===(N=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===N?void 0:N.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===(z=null==n?void 0:n.teaserButtonConfig)||void 0===z?void 0:z.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 ${V()}`,style:{backgroundColor:G,color:O}},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 ${V()}`,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,N=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,z=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"}},N),e.createElement("div",{className:"StageTeaserText"}," ",z," ")),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 position: relative;\n bottom: 120px;\n text-align: right;\n padding-right: 40px;\n }\n .ImageComponent-module_text-center__ks4IT {\n position: relative;\n bottom: 120px;\n text-align: center;\n }\n .ImageComponent-module_text-left__8cSZR {\n position: relative;\n left: 22px;\n color: white;\n bottom: 120px;\n }\n}\n@media (max-width: 1439px) and (min-width: 768px) and (max-width: 1023px) {\n .ImageComponent-module_text-left__8cSZR {\n left: 40px;\n }\n}\n@media (max-width: 1439px) and (min-width: 1024px) and (max-width: 1439px) {\n .ImageComponent-module_text-left__8cSZR {\n left: 50px;\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)+"/m/"}) 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","textline-left":"TextComponent-module_textline-left__-r6ZQ","textline-center":"TextComponent-module_textline-center__g9XQ8","textline-right":"TextComponent-module_textline-right__3QCWa"};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}\n\n.TextComponent-module_textline-left__-r6ZQ {\n text-align: left;\n}\n\n.TextComponent-module_textline-center__g9XQ8 {\n text-align: center;\n}\n\n.TextComponent-module_textline-right__3QCWa {\n text-align: right;\n}");o(".overline {\r\n color: gray;\r\n}\r\n\r\n.desciption {\r\n font-size: 20px;\r\n line-height: 26px;\r\n color: #3d3935;\r\n}\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\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\r\n a {\r\n color: #da291c;\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.horizontal-left {\r\n display: flex;\r\n justify-content: flex-start;\r\n}\r\n\r\n.horizontal-right {\r\n display: flex;\r\n justify-content: flex-end;\r\n}\r\n\r\n.horizontal-center {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 20px;\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\r\n.vertical-right {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n}\r\n\r\n.vertical-center {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n.btn-container{\r\n margin-top: 16px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\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="gaEvent",_="Text_Image_Component",y=(e,n,r)=>{window.dataLayer.push(Object.assign({event:e,event_name:n},r))},w=({content:n,analyticsTitle:r})=>{var t;const o=d(),a=()=>{y(T,"article_select_promotion",{banner_promotion_name:r,component:_})};return e.createElement(e.Fragment,null,e.createElement("div",{className:"large-desktop"===o?(null==n?void 0:n.groupsAlignment)+"-"+(null==n?void 0:n.buttonAlignment):"btn-container"},(null===(t=null==n?void 0:n.buttons)||void 0===t?void 0:t.length)>0&&n.buttons.map(((n,r)=>{var t;return e.createElement("div",{className:null==n?void 0:n.type,key:r},e.createElement("a",{href:null===(t=null==n?void 0:n.link)||void 0===t?void 0:t.cached_url,onClick:a},null==n?void 0:n.text))}))))},k=({content:n,analyticsTitle:r})=>{var t;const o=d();return e.createElement(e.Fragment,null,e.createElement("div",{className:` ${"large-desktop"!=o?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===(t=null==n?void 0:n.btnGroup)||void 0===t?void 0:t.length)>0&&(null==n?void 0:n.btnGroup.map((n=>e.createElement(w,{content:n,analyticsTitle:r}))))))};var C={"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 B=({content:n,index:r})=>{var t,o,a,i;const l=d();return e.useEffect((()=>{0!==r&&void 0!==r||y(T,"article_view_promotion",{banner_promotion_name:n.analyticsTitle,component:_})}),[]),e.createElement(e.Fragment,null,e.createElement("div",{className:C["main-container"]},e.createElement("div",{className:`row ${"large-desktop"===l?C[`img-text-${null==n?void 0:n.alignment}`]:C["img-text-container"]}`},(null===(t=null==n?void 0:n.image)||void 0===t?void 0:t.length)>0&&e.createElement("div",{className:`${C["img-section"]} col-md-6 col-lg-6 col-sm-10`},e.createElement(h,{content:null===(o=null==n?void 0:n.image)||void 0===o?void 0:o[0],alignment:null==n?void 0:n.alignment})),(null===(a=null==n?void 0:n.textBlok)||void 0===a?void 0:a.length)>0&&e.createElement("div",{className:`${C["text-section"]} col-md-6 col-lg-6 col-sm-10`},e.createElement(k,{content:null===(i=null==n?void 0:n.textBlok)||void 0===i?void 0:i[0],analyticsTitle:null==n?void 0:n.analyticsTitle})))))};var W={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: #e6e3df;\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=w,exports.ImageComponent=h,exports.ImageWithText=B,exports.ImageWithTextWrapper=({content:n})=>{var r;const o=d();return e.createElement("div",{style:{position:"relative"}},e.createElement(t,{infinite:null==n?void 0:n.enableCycle,responsive:{desktop:{breakpoint:{max:7e3,min:1440},items:1},tabletLarge:{breakpoint:{max:1439,min:1024},items:1,partialVisibilityGutter:60},tabletMedium:{breakpoint:{max:1023,min:768},items:1,partialVisibilityGutter:60},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?W.stageTeaserTabActive:W.stageTeaserTab,onClick:()=>(()=>{var e,r;const t=null===(r=null===(e=n.bloks)||void 0===e?void 0:e[d])||void 0===r?void 0:r.analyticsTitle;i(),y(T,"article_pagination_icon_click",{banner_promotion_name:t,component:_})})()},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:W.carousel_dot,itemClass:W.carouselItem,ssr:!0,arrows:!1,containerClass:W.carouselContainer,sliderClass:W.sliderClass,customButtonGroup:e.createElement((r=>{var t,a,i,l;const d=null===(t=null==r?void 0:r.carouselState)||void 0===t?void 0:t.currentSlide;return e.createElement(e.Fragment,null,(null===(a=null==n?void 0:n.bloks)||void 0===a?void 0:a.length)>1&&"large-desktop"===o&&e.createElement("div",null,e.createElement("button",{disabled:0===(null===(i=null==r?void 0:r.carouselState)||void 0===i?void 0:i.currentSlide),className:W.leftArrow,onClick:()=>(()=>{var e,t;const o=d<=0?0:d-1,a=null===(t=null===(e=n.bloks)||void 0===e?void 0:e[o])||void 0===t?void 0:t.analyticsTitle;r.previous(),y(T,"article_pagination_left_click",{banner_promotion_name:a,component:_})})()}),e.createElement("button",{disabled:(null===(l=null==r?void 0:r.carouselState)||void 0===l?void 0:l.currentSlide)+1===(null==r?void 0:r.carouselState.totalItems),className:W.rightArrow,onClick:()=>{(()=>{var e,t,o;const a=null===(e=null==r?void 0:r.carouselState)||void 0===e?void 0:e.totalItems,i=d>=a?a:d+1,l=null===(o=null===(t=n.bloks)||void 0===t?void 0:t[i])||void 0===o?void 0:o.analyticsTitle;r.next(),y(T,"article_pagination_right_click",{banner_promotion_name:l,component:_})})()}})))}),null),customTransition:"transform 1s ease",transitionDuration:500,partialVisbile:"large-desktop"!==o},n.bloks.map(((n,r)=>e.createElement(B,{content:n,key:r,index:r})))))},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,N;const[z,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",[Q,U]=e.useState(!1),V=()=>{const e=F.getTime()-M.getTime();if(e>0&&Q){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,O]=e.useState(V()),X=()=>{!1===z&&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((()=>{O(V()),M.getTime()>=$.getTime()&&!Q&&U(!0);const e=setInterval((()=>{O(V())}),1e3);return()=>{clearInterval(e)}}),[Q]),e.createElement(e.Fragment,null,!1===z&&(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===(N=null==n?void 0:n.closeIcon)||void 0===N?void 0:N.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=k;
1
+ "use strict";var e=require("react"),n=require("storyblok-rich-text-react-renderer-ts"),r=require("cookies-next");function t(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))}}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=r=>e.createElement("div",null,n.render(r.content,{markResolvers:{link:(n,t)=>{const{href:o,target:i,linktype:a}=t;return"email"===a?e.createElement("a",{href:`mailto:${o}`,target:null===i||"_self"===i?"_top":"_blank"},n):r.isIFrame?e.createElement("a",{href:o,target:null===i||"_self"===i?"_top":"_blank"},n):e.createElement("a",{href:o,target:null===i?"":i,onClick:()=>{return e=n,void("function"==typeof(null==r?void 0:r.callBack)&&(null==r||r.callBack(e)));var e}},n)}}}));t("/* Mobile only viewport */\r\n@media all and (max-width: 768px) {\r\n .timer-wrap {\r\n text-align: center !important;\r\n margin-left: -4px !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""}},a=e=>{let n=new Date(e);return n=((e,n,r,t,o,i,a)=>{const l=new Date(Date.UTC(n,r,t,o,i,a)),s=new Date(l.toLocaleString("en-US",{timeZone:"Europe/Vienna"})),d=new Date(l.toLocaleString("en-US",{timeZone:e})),c=s.getTime()-d.getTime();return l.setTime(l.getTime()+c),l})("Europe/Vienna",n.getFullYear(),n.getMonth(),n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds()),n},l=()=>{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",d="left",c="transparent",p="00",u=({content:n})=>{var r;return e.createElement("div",{className:"container",style:{justifyContent:n.timerAlignment===s?"center":n.timerAlignment===d?"left":"right"}},e.createElement("div",{className:"timer-section",style:{color:n.timerColor,backgroundColor:n.backgroundColor,marginLeft:n.backgroundColor===c&&n.timerAlignment===d?"-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))},m=({content:n})=>{var r,t,o,i,l,c,p,m;const g=a(new Date(null===(r=null==n?void 0:n.endTime)||void 0===r?void 0:r.replace(/-/g,"/"))),h=a(new Date(null===(t=null==n?void 0:n.startTime)||void 0===t?void 0:t.replace(/-/g,"/"))),b=(null==n?void 0:n.colorChangeTime)&&a(new Date(null===(o=null==n?void 0:n.colorChangeTime)||void 0===o?void 0:o.replace(/-/g,"/"))),[v,f]=e.useState(!1),[x,T]=e.useState(null!==(i=null==n?void 0:n.timerColor)&&void 0!==i?i:""),[y,_]=e.useState(!1),w=()=>{const e=new Date;b&&!y&&e.getTime()>b.getTime()&&(T("#da291c"),_(!0)),e.getTime()>=h.getTime()&&!v&&f(!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},C={timerColor:x,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},[S,k]=e.useState(w());e.useEffect((()=>{k(w());const e=setInterval((()=>{k(w())}),1e3);return()=>{clearInterval(e)}}),[]);const I=[{label:null!==(l=null==n?void 0:n.hourLabel)&&void 0!==l?l:"",value:null==S?void 0:S.hours},{label:null!==(c=null==n?void 0:n.minuteLabel)&&void 0!==c?c:"",value:null==S?void 0:S.mins},{label:null!==(p=null==n?void 0:n.secondLabel)&&void 0!==p?p:"",value:null==S?void 0:S.sec}];return e.createElement("div",{className:"timer-wrap",style:{textAlign:n.timerAlignment===s?"center":n.timerAlignment===d?"left":"right"}},v&&e.createElement("div",{className:"timer-container"},S?e.createElement("div",{className:"timer-section",style:{color:(null==n?void 0:n.isDarkMode)?"#ffffff":x,backgroundColor:null!==(m=null==n?void 0:n.backgroundColor)&&void 0!==m?m:"transparent"}},e.createElement("div",{className:" timer-element transparent-element"},e.createElement("div",{className:"timer-value"}," ",null==S?void 0:S.days),e.createElement("div",{className:"timer-label"},n.dayLabel)),I.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:C})))};t("\r\n.stageTeaserMain {\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.stageTeaserTopText {\r\n margin-bottom: 0px;\r\n font-size: 18px;\r\n font-weight: 700;\r\n line-height: 24px;\r\n}\r\n@media all and (max-width: 1023px) {\r\n .stageTeaserTopText {\r\n font-size: 14px;\r\n line-height: 20px;\r\n }\r\n}\r\n@media (min-width: 1024px) and (max-width: 1439px) {\r\n .stageTeaserTopText {\r\n font-size: 16px;\r\n line-height: 20px;\r\n }\r\n}\r\n.stageTeaserMainTexth1,\r\nh2,\r\nh3,\r\nh4 {\r\n padding-top: 4px;\r\n padding-bottom: 8px;\r\n font-weight: 700;\r\n margin-bottom: 0px !important;\r\n}\r\n\r\n@media (min-width:1440px) {\r\n .stageTeaserMainTexth1 {\r\n font-size: 32px;\r\n line-height: 40px;\r\n }\r\n\r\n .stageTeaserMainTexth2 {\r\n font-size: 28px;\r\n line-height: 36px;\r\n }\r\n\r\n .stageTeaserMainTexth3 {\r\n font-size: 24px;\r\n line-height: 32px;\r\n }\r\n\r\n .stageTeaserMainTexth4 {\r\n font-size: 20px;\r\n line-height: 28px;\r\n }\r\n}\r\n\r\n@media (min-width:320px)and (max-width:1439px) {\r\n .stageTeaserMainTexth1 {\r\n font-size: 28px;\r\n line-height: 36px;\r\n }\r\n\r\n .stageTeaserMainTexth2 {\r\n font-size: 24px;\r\n line-height: 32px;\r\n }\r\n\r\n .stageTeaserMainTexth3 {\r\n font-size: 20px;\r\n line-height: 28px;\r\n }\r\n\r\n .stageTeaserMainTexth4 {\r\n font-size: 18px;\r\n line-height: 24px;\r\n }\r\n}\r\n.stageTeaserMainTextdisplay {\r\n font-size: 48px;\r\n line-height: 60px;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n}\r\n.stageTeaserBottomText {\r\n font-size: 14px;\r\n line-height: 20px;\r\n font-weight: 500;\r\n}\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\r\n.stageTeaserSecondaryPromoPercent {\r\n font-size: 34px;\r\n line-height: 38px;\r\n font-weight: 700;\r\n}\r\n\r\n.stageTeaserPromoText {\r\n font-size: 18px;\r\n line-height: 20px;\r\n font-weight: 500;\r\n}\r\n\r\n.stageTeaserLeftWrapperBackground {\r\n background: var(--primary-colour-pale-dawn-grey-200, #e6e3df);\r\n}\r\n\r\n.stageTeaserBannerWrapper .react-multi-carousel-list {\r\n position: initial;\r\n}\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\r\n.stageTeaserBannerWrapper .react-multiple-carousel__arrow::before {\r\n color: #da291c;\r\n font-size: 16px;\r\n}\r\n\r\n.stageTeaserBannerWrapper .react-multiple-carousel__arrow:disabled::before {\r\n color: #b3aeaa;\r\n}\r\n\r\n.stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n right: 3%;\r\n}\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\r\n.stageTeaserBannerWrapper .react-multi-carousel-dot button:hover:active {\r\n background: #da291c;\r\n}\r\n@media all and (max-width: 1439px) {\r\n .stageTeaserMainTextdisplay {\r\n font-size: 20px;\r\n line-height: 24px;\r\n font-weight: 500;\r\n padding-top: 4px;\r\n padding-bottom: 8px;\r\n margin-bottom: 0px;\r\n }\r\n}\r\n@media (max-width: 768px) {\r\n .stageTeaserContainer {\r\n flex-direction: column;\r\n }\r\n .stageTeaserPromoPercent {\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\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\r\n .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n left: 4%;\r\n }\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\r\n .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n left: 5%;\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\r\n .stageTeaserRightWrapper {\r\n height: 400px;\r\n }\r\n\r\n .stageTeaserLeftWrapper {\r\n padding: 24px;\r\n text-align: center;\r\n }\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\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 g=({content:n})=>{var r,t,o,a,l,s,d,c,p,u,g,h,b,v,f,x,T,y,_,w,C,S,k,I,P,B,E,W,L,M,N,z,A,R,D,O,j,V,F,G,J,X,H,U,K,$,Q,Y,Z,q,ee,ne,re,te,oe,ie,ae,le,se,de;const ce="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),pe="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:"",ue=(null==n?void 0:n.EnableTextBgColor)?null===(t=null==n?void 0:n.textbgcolor)||void 0===t?void 0:t.color:"",me=()=>{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"}},ge=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,he=null===(c=null===(d=null===(s=null==n?void 0:n.primaryPromoBubble)||void 0===s?void 0:s[0])||void 0===d?void 0:d.textcolor)||void 0===c?void 0:c.color,be=null===(g=null===(u=null===(p=null==n?void 0:n.SecondaryPromoBubble)||void 0===p?void 0:p[0])||void 0===u?void 0:u.bgcolor)||void 0===g?void 0:g.color,ve=null===(v=null===(b=null===(h=null==n?void 0:n.SecondaryPromoBubble)||void 0===h?void 0:h[0])||void 0===b?void 0:b.textcolor)||void 0===v?void 0:v.color,fe=e=>{const n=e&&e.split(".").pop();return!(!n||!["webp","jpg","jpeg","png"].includes(n))},[xe,Te]=e.useState(!1),[ye,_e]=e.useState(""),[we,Ce]=e.useState(""),Se=()=>{var e,r,t,o,i,a,l,s,d;const c=window.innerWidth;c<=767?(Te(null==n?void 0:n.mobileImageFirst),fe(null===(e=null==n?void 0:n.MobilePromoImage)||void 0===e?void 0:e.filename)?_e(null===(r=null==n?void 0:n.MobilePromoImage)||void 0===r?void 0:r.filename):Ce(null===(t=null==n?void 0:n.MobilePromoImage)||void 0===t?void 0:t.filename)):c>=768&&c<=1024?(Te(null==n?void 0:n.tabletImageFirst),fe(null===(o=null==n?void 0:n.TabletPromoImage)||void 0===o?void 0:o.filename)?_e(null===(i=null==n?void 0:n.TabletPromoImage)||void 0===i?void 0:i.filename):Ce(null===(a=null==n?void 0:n.TabletPromoImage)||void 0===a?void 0:a.filename)):c>=1025&&(Te(null==n?void 0:n.desktopImageFirst),fe(null===(l=null==n?void 0:n.DesktopPromoImage)||void 0===l?void 0:l.filename)?_e(null===(s=null==n?void 0:n.DesktopPromoImage)||void 0===s?void 0:s.filename):Ce(null===(d=null==n?void 0:n.DesktopPromoImage)||void 0===d?void 0:d.filename))};return e.useEffect((()=>{Se(),window.addEventListener("resize",Se)}),[]),e.createElement("div",{className:"stageTeaserMain"},e.createElement("div",{className:pe?"stageTeaserContainer d-flex":ce+" stageTeaserContainer d-flex",style:{backgroundColor:pe}},e.createElement("div",{className:(xe?"order-1":"order-0")+" stageTeaserLeftWrapper col-md-6",style:{backgroundColor:ue,borderRadius:"8px"}},e.createElement("div",{className:"stageTeaserTopText"},null===(_=null===(y=null===(T=null===(x=null===(f=null==n?void 0:n.primaryheading)||void 0===f?void 0:f.content)||void 0===x?void 0:x[0])||void 0===T?void 0:T.content)||void 0===y?void 0:y[0])||void 0===_?void 0:_.text),e.createElement("div",null,"h1"===(null==n?void 0:n.mainText)?e.createElement("h1",{className:"stageTeaserMainTexth1"},null===(I=null===(k=null===(S=null===(C=null===(w=null==n?void 0:n.mainheading)||void 0===w?void 0:w.content)||void 0===C?void 0:C[0])||void 0===S?void 0:S.content)||void 0===k?void 0:k[0])||void 0===I?void 0:I.text):"h2"===(null==n?void 0:n.mainText)?e.createElement("h2",{className:"stageTeaserMainTexth2"},null===(L=null===(W=null===(E=null===(B=null===(P=null==n?void 0:n.mainheading)||void 0===P?void 0:P.content)||void 0===B?void 0:B[0])||void 0===E?void 0:E.content)||void 0===W?void 0:W[0])||void 0===L?void 0:L.text):"h3"===(null==n?void 0:n.mainText)?e.createElement("h3",{className:"stageTeaserMainTexth3"},null===(R=null===(A=null===(z=null===(N=null===(M=null==n?void 0:n.mainheading)||void 0===M?void 0:M.content)||void 0===N?void 0:N[0])||void 0===z?void 0:z.content)||void 0===A?void 0:A[0])||void 0===R?void 0:R.text):"h4"===(null==n?void 0:n.mainText)?e.createElement("h4",{className:"stageTeaserMainTexth4"},null===(F=null===(V=null===(j=null===(O=null===(D=null==n?void 0:n.mainheading)||void 0===D?void 0:D.content)||void 0===O?void 0:O[0])||void 0===j?void 0:j.content)||void 0===V?void 0:V[0])||void 0===F?void 0:F.text):e.createElement("div",{className:"stageTeaserMainTextdisplay"},null===(U=null===(H=null===(X=null===(J=null===(G=null==n?void 0:n.mainheading)||void 0===G?void 0:G.content)||void 0===J?void 0:J[0])||void 0===X?void 0:X.content)||void 0===H?void 0:H[0])||void 0===U?void 0:U.text)),e.createElement("div",{className:"stageTeaserBottomText"},null===(Z=null===(Y=null===(Q=null===($=null===(K=null==n?void 0:n.secondaryheading)||void 0===K?void 0:K.content)||void 0===$?void 0:$[0])||void 0===Q?void 0:Q.content)||void 0===Y?void 0:Y[0])||void 0===Z?void 0:Z.text),e.createElement("div",{className:"teaserTimer text-center"},e.createElement(m,{content:null==n?void 0:n.timer[0]})),e.createElement("div",{className:"StageTeaserButtonContainer"},null===(q=null==n?void 0:n.teaserButtonConfig)||void 0===q?void 0:q.map((r=>{var t,o,a,l,s,d;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===(s=null==r?void 0:r.buttonIcon)||void 0===s?void 0:s.filename)&&"right"===(null==r?void 0:r.buttonAlignment)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(d=null==r?void 0:r.buttonIcon)||void 0===d?void 0:d.filename}))))})))),e.createElement("div",{className:(xe?"order-0":"order-1")+" stageTeaserRightWrapper col-md-6",style:{background:`url(${ye}) center / contain no-repeat`}},""!==we&&e.createElement("div",{className:"video-wrapper"},e.createElement("video",{autoPlay:!0,muted:!0,loop:!0,src:we})),(null===(ee=null==n?void 0:n.primaryPromoBubble)||void 0===ee?void 0:ee.length)>0&&e.createElement("div",{className:`stageTeaserPromoBubble stageTeaserPrimaryPromoBubble stageTeaserPrimaryWithSecondaryBubble ${me()}`,style:{backgroundColor:ge,color:he}},e.createElement("div",{className:"stageTeaserPromoPercent"},null===(re=null===(ne=null==n?void 0:n.primaryPromoBubble)||void 0===ne?void 0:ne[0])||void 0===re?void 0:re.primarytext),e.createElement("div",{className:"stageTeaserPromoText"},null===(oe=null===(te=null==n?void 0:n.primaryPromoBubble)||void 0===te?void 0:te[0])||void 0===oe?void 0:oe.secondarytext)),(null===(ie=null==n?void 0:n.SecondaryPromoBubble)||void 0===ie?void 0:ie.length)>0&&e.createElement("div",{className:`stageTeaserPromoBubble stageTeaserSecondaryPromoBubble ${me()}`,style:{backgroundColor:be,color:ve}},e.createElement("div",{className:"stageTeaserSecondaryPromoPercent"},null===(le=null===(ae=null==n?void 0:n.SecondaryPromoBubble)||void 0===ae?void 0:ae[0])||void 0===le?void 0:le.primarytext),e.createElement("div",{className:"stageTeaserSecondaryPromoText"},null===(de=null===(se=null==n?void 0:n.SecondaryPromoBubble)||void 0===se?void 0:se[0])||void 0===de?void 0:de.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.StageTeaserButton {\r\n padding: 6px;\r\n}\r\n@media (max-width: 768px){\r\n .StageTeaserButtonContainer {\r\n flex-direction: column;\r\n }\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 h=({content:n})=>{var r,t,o,a,l,s,d,c,p,u,g,h,b,v,f,x,T,y,_,w,C,S,k,I,P,B,E;const W=null===(s=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===s?void 0:s.text,L=null===(h=null===(g=null===(u=null===(p=null===(c=null===(d=null==n?void 0:n.content)||void 0===d?void 0:d.mainheading)||void 0===c?void 0:c.content)||void 0===p?void 0:p[0])||void 0===u?void 0:u.content)||void 0===g?void 0:g[0])||void 0===h?void 0:h.text,M=null===(y=null===(T=null===(x=null===(f=null===(v=null===(b=null==n?void 0:n.content)||void 0===b?void 0:b.secondaryheading)||void 0===v?void 0:v.content)||void 0===f?void 0:f[0])||void 0===x?void 0:x.content)||void 0===T?void 0:T[0])||void 0===y?void 0:y.text,N="left"===(null===(_=null==n?void 0:n.content)||void 0===_?void 0:_.textposition)?"flex-start":"right"===(null===(w=null==n?void 0:n.content)||void 0===w?void 0:w.textposition)?"flex-end":"center",z="left"===(null===(C=null==n?void 0:n.content)||void 0===C?void 0:C.textposition)?"left":"right"===(null===(S=null==n?void 0:n.content)||void 0===S?void 0:S.textposition)?"right":"center";"left"===(null===(k=null==n?void 0:n.content)||void 0===k?void 0:k.textposition)||null===(I=null==n?void 0:n.content)||void 0===I||I.textposition;const[A,R]=e.useState(""),[D,O]=e.useState(""),j=()=>{var e,r,t,o,i,a,l;const s=window.innerWidth;s<=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`),O(null===(t=null==n?void 0:n.content)||void 0===t?void 0:t.verticaltextpostion)):s>=768&&s<=1439?(R(`url(${null===(i=null===(o=null==n?void 0:n.content)||void 0===o?void 0:o.tabImage)||void 0===i?void 0:i.filename}) center center / cover no-repeat`),O("")):s>=1440&&(R(`url(${null===(l=null===(a=null==n?void 0:n.content)||void 0===a?void 0:a.desktopimage)||void 0===l?void 0:l.filename}) center center / cover no-repeat`),O(""))};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"===D?"topContent":"bottom"===D?"bottomContent":""},e.createElement("div",{className:"StageTeaserTextContainer",style:{color:"#ffffff",alignItems:""===D?N:"center"}},e.createElement("div",{className:"StageTeaserOverline"}," ",W," "),e.createElement("div",{className:"StageTeaserHeadline",style:{textAlign:""===D?z:"center"}},L),e.createElement("div",{className:"StageTeaserText"}," ",M," ")),e.createElement("div",{className:"StageTeaserTimer"},e.createElement("div",{className:"teaserTimer text-center"},e.createElement(m,{content:null===(P=null==n?void 0:n.content)||void 0===P?void 0:P.timer[0]}))),e.createElement("div",{className:"StageTeaserButtonContainer",style:{justifyContent:""===D?N:"",alignItems:""!==D?"center":""}},null===(E=null===(B=null==n?void 0:n.content)||void 0===B?void 0:B.teaserButtonConfig)||void 0===E?void 0:E.map((r=>{var t,o,a,l,s,d;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===(s=null==r?void 0:r.buttonIcon)||void 0===s?void 0:s.filename)&&"right"===(null==r?void 0:r.buttonAlignment)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(d=null==r?void 0:r.buttonIcon)||void 0===d?void 0:d.filename}))))})))))))};var b={"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"};t("/* 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 position: relative;\n bottom: 120px;\n text-align: right;\n padding-right: 40px;\n }\n .ImageComponent-module_text-center__ks4IT {\n position: relative;\n bottom: 120px;\n text-align: center;\n }\n .ImageComponent-module_text-left__8cSZR {\n position: relative;\n left: 22px;\n color: white;\n bottom: 120px;\n }\n}\n@media (max-width: 1439px) and (min-width: 768px) and (max-width: 1023px) {\n .ImageComponent-module_text-left__8cSZR {\n left: 40px;\n }\n}\n@media (max-width: 1439px) and (min-width: 1024px) and (max-width: 1439px) {\n .ImageComponent-module_text-left__8cSZR {\n left: 50px;\n }\n}");const v=({content:n,alignment:r})=>{var t;const i=l(),a=`url(${(null===(t=null==n?void 0:n.img)||void 0===t?void 0:t.filename)+"/m/"}) center center / cover no-repeat`,s="center"===r?"text-container-center":"text-container";return e.createElement("div",{className:b["wrapper-img"]},""!==a&&e.createElement(e.Fragment,null,e.createElement("div",{className:b["image-wrapper"],style:{background:a}}),e.createElement("div",{className:`${"large-desktop"!=i?b[`text-${null==n?void 0:n.textAlignment}`]:b[s]}`},(null==n?void 0:n.title)&&e.createElement("h3",{className:b["image-title"]},null==n?void 0:n.title),(null==n?void 0:n.description)&&e.createElement("div",{className:b["image-description"]},e.createElement(o,{content:null==n?void 0:n.description})))))};var f={overline:"TextComponent-module_overline__BDtDE",h3content:"TextComponent-module_h3content__B0Ipy",desciption:"TextComponent-module_desciption__uP3Ih","textline-left":"TextComponent-module_textline-left__-r6ZQ","textline-center":"TextComponent-module_textline-center__g9XQ8","textline-right":"TextComponent-module_textline-right__3QCWa"};t(".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}\n\n.TextComponent-module_textline-left__-r6ZQ {\n text-align: left;\n}\n\n.TextComponent-module_textline-center__g9XQ8 {\n text-align: center;\n}\n\n.TextComponent-module_textline-right__3QCWa {\n text-align: right;\n}");t(".overline {\r\n color: gray;\r\n}\r\n\r\n.desciption {\r\n font-size: 20px;\r\n line-height: 26px;\r\n color: #3d3935;\r\n}\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\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\r\n a {\r\n color: #da291c;\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.horizontal-left {\r\n display: flex;\r\n justify-content: flex-start;\r\n}\r\n\r\n.horizontal-right {\r\n display: flex;\r\n justify-content: flex-end;\r\n}\r\n\r\n.horizontal-center {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 20px;\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\r\n.vertical-right {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n}\r\n\r\n.vertical-center {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n.btn-container{\r\n margin-top: 16px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\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 x="gaEvent",T="Text_Image_Component",y=(e,n,r)=>{window.dataLayer.push(Object.assign({event:e,event_name:n},r))},_=({content:n,analyticsTitle:r})=>{var t;const o=l(),i=()=>{y(x,"article_select_promotion",{banner_promotion_name:r,component:T})};return e.createElement(e.Fragment,null,e.createElement("div",{className:"large-desktop"===o?(null==n?void 0:n.groupsAlignment)+"-"+(null==n?void 0:n.buttonAlignment):"btn-container"},(null===(t=null==n?void 0:n.buttons)||void 0===t?void 0:t.length)>0&&n.buttons.map(((n,r)=>{var t;return e.createElement("div",{className:null==n?void 0:n.type,key:r},e.createElement("a",{href:null===(t=null==n?void 0:n.link)||void 0===t?void 0:t.cached_url,onClick:i},null==n?void 0:n.text))}))))},w=({content:n,analyticsTitle:r})=>{var t;const i=l();return e.createElement(e.Fragment,null,e.createElement("div",{className:` ${"large-desktop"!=i?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(o,{content:null==n?void 0:n.description})),(null===(t=null==n?void 0:n.btnGroup)||void 0===t?void 0:t.length)>0&&(null==n?void 0:n.btnGroup.map((n=>e.createElement(_,{content:n,analyticsTitle:r}))))))};var C={"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"};t("/* 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 S=({content:n,index:r})=>{var t,o,i,a;const s=l();return e.useEffect((()=>{0!==r&&void 0!==r||y(x,"article_view_promotion",{banner_promotion_name:n.analyticsTitle,component:T})}),[]),e.createElement(e.Fragment,null,e.createElement("div",{className:C["main-container"]},e.createElement("div",{className:`row ${"large-desktop"===s?C[`img-text-${null==n?void 0:n.alignment}`]:C["img-text-container"]}`},(null===(t=null==n?void 0:n.image)||void 0===t?void 0:t.length)>0&&e.createElement("div",{className:`${C["img-section"]} col-md-6 col-lg-6 col-sm-10`},e.createElement(v,{content:null===(o=null==n?void 0:n.image)||void 0===o?void 0:o[0],alignment:null==n?void 0:n.alignment})),(null===(i=null==n?void 0:n.textBlok)||void 0===i?void 0:i.length)>0&&e.createElement("div",{className:`${C["text-section"]} col-md-6 col-lg-6 col-sm-10`},e.createElement(w,{content:null===(a=null==n?void 0:n.textBlok)||void 0===a?void 0:a[0],analyticsTitle:null==n?void 0:n.analyticsTitle})))))};var k="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function I(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var P={},B={get exports(){return P},set exports(e){P=e}},E={},W={},L={},M={};!function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.getOriginalCounterPart=function(e,n,r){var t=n.slidesToShow,o=n.currentSlide;return r.length>2*t?e+2*t:o>=r.length?r.length+e:e},e.getOriginalIndexLookupTableByClones=function(e,n){if(n.length>2*e){for(var r={},t=n.length-2*e,o=n.length-t,i=t,a=0;a<o;a++)r[a]=i,i++;var l=n.length+o,s=l+n.slice(0,2*e).length,d=0;for(a=l;a<=s;a++)r[a]=d,d++;var c=l,p=0;for(a=o;a<c;a++)r[a]=p,p++;return r}r={};var u=3*n.length,m=0;for(a=0;a<u;a++)r[a]=m,++m===n.length&&(m=0);return r},e.getClones=function(e,n){return n.length<e?n:n.length>2*e?n.slice(n.length-2*e,n.length).concat(n,n.slice(0,2*e)):n.concat(n,n)},e.getInitialSlideInInfiniteMode=function(e,n){return n.length>2*e?2*e:n.length},e.checkClonesPosition=function(e,n,r){var t,o=e.currentSlide,i=e.slidesToShow,a=e.itemWidth,l=e.totalItems,s=0,d=0,c=0===o,p=n.length-(n.length-2*i);return n.length<i?(d=s=0,c=t=!1):n.length>2*i?((t=o>=p+n.length)&&(d=-a*(s=o-n.length)),c&&(d=-a*(s=p+(n.length-2*i)))):((t=o>=2*n.length)&&(d=-a*(s=o-n.length)),c&&(d=r.showDots?-a*(s=n.length):-a*(s=l/3))),{isReachingTheEnd:t,isReachingTheStart:c,nextSlide:s,nextPosition:d}}}(M);var N={};Object.defineProperty(N,"__esModule",{value:!0});var z=!1;N.getPartialVisibilityGutter=function(e,n,r,t){var o=0,i=t||r;return n&&i&&(!z&&"production"!==process.env.NODE_ENV&&e[i].paritialVisibilityGutter&&(z=!0,console.warn("You appear to be using paritialVisibilityGutter instead of partialVisibilityGutter which will be moved to partialVisibilityGutter in the future completely")),o=e[i].partialVisibilityGutter||e[i].paritialVisibilityGutter),o},N.getWidthFromDeviceType=function(e,n){var r;return n[e]&&(r=(100/n[e].items).toFixed(1)),r},N.getItemClientSideWidth=function(e,n,r){return Math.round(r/(n+(e.centerMode?1:0)))};var A={};Object.defineProperty(A,"__esModule",{value:!0});var R=N;function D(e){var n=e.slidesToShow;return e.totalItems<n}function O(e,n,r){var t=r||e.transform;return!n.infinite&&0===e.currentSlide||D(e)?t:t+e.itemWidth/2}function j(e){var n=e.currentSlide,r=e.totalItems;return!(n+e.slidesToShow<r)}function V(e,n,r,t){void 0===n&&(n=0);var o=e.currentSlide,i=e.slidesToShow,a=j(e),l=!r.infinite&&a,s=t||e.transform;if(D(e))return s;var d=s+o*n;return l?d+(e.containerWidth-(e.itemWidth-n)*i):d}function F(e,n){return e.rtl?-1*n:n}A.notEnoughChildren=D,A.getInitialState=function(e,n){var r,t=e.domLoaded,o=e.slidesToShow,i=e.containerWidth,a=e.itemWidth,l=n.deviceType,s=n.responsive,d=n.ssr,c=n.partialVisbile,p=n.partialVisible,u=Boolean(t&&o&&i&&a);d&&l&&!u&&(r=R.getWidthFromDeviceType(l,s));var m=Boolean(d&&l&&!u&&r);return{shouldRenderOnSSR:m,flexBisis:r,domFullyLoaded:u,partialVisibilityGutter:R.getPartialVisibilityGutter(s,c||p,l,e.deviceType),shouldRenderAtAll:m||u}},A.getIfSlideIsVisbile=function(e,n){var r=n.currentSlide,t=n.slidesToShow;return r<=e&&e<r+t},A.getTransformForCenterMode=O,A.isInLeftEnd=function(e){return!(0<e.currentSlide)},A.isInRightEnd=j,A.getTransformForPartialVsibile=V,A.parsePosition=F,A.getTransform=function(e,n,r){var t=n.partialVisbile,o=n.partialVisible,i=n.responsive,a=n.deviceType,l=n.centerMode,s=r||e.transform,d=R.getPartialVisibilityGutter(i,t||o,a,e.deviceType);return F(n,o||t?V(e,d,n,r):l?O(e,n,r):s)},A.getSlidesToSlide=function(e,n){var r=e.domLoaded,t=e.slidesToShow,o=e.containerWidth,i=e.itemWidth,a=n.deviceType,l=n.responsive,s=n.slidesToSlide||1,d=Boolean(r&&t&&o&&i);return n.ssr&&n.deviceType&&!d&&Object.keys(l).forEach((function(e){var n=l[e].slidesToSlide;a===e&&n&&(s=n)})),d&&Object.keys(l).forEach((function(e){var n=l[e],r=n.breakpoint,t=n.slidesToSlide,o=r.max,i=r.min;t&&window.innerWidth>=i&&window.innerWidth<=o&&(s=t)})),s};var G={};Object.defineProperty(G,"__esModule",{value:!0});G.default=function(e,n,r){var t;return function(){var o=arguments;t||(e.apply(this,o),t=!0,"function"==typeof r&&r(!0),setTimeout((function(){t=!1,"function"==typeof r&&r(!1)}),n))}};var J={};!function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(e,n){var r=n.partialVisbile,t=n.partialVisible,o=n.centerMode,i=n.ssr,a=n.responsive;if((r||t)&&o)throw new Error("center mode can not be used at the same time with partialVisible");if(!a)throw i?new Error("ssr mode need to be used in conjunction with responsive prop"):new Error("Responsive prop is needed for deciding the amount of items to show on the screen");if(a&&"object"!=typeof a)throw new Error("responsive prop must be an object")}}(J);var X={};Object.defineProperty(X,"__esModule",{value:!0});var H=A;X.populateNextSlides=function(e,n,r){void 0===r&&(r=0);var t,o,i=e.slidesToShow,a=e.currentSlide,l=e.itemWidth,s=e.totalItems,d=H.getSlidesToSlide(e,n),c=a+1+r+i+(0<r?0:d);return o=c<=s?-l*(t=a+r+(0<r?0:d)):s<c&&a!==s-i?-l*(t=s-i):t=void 0,{nextSlides:t,nextPosition:o}};var U={};Object.defineProperty(U,"__esModule",{value:!0});var K=e,$=A,Q=A;U.populatePreviousSlides=function(e,n,r){void 0===r&&(r=0);var t,o,i=e.currentSlide,a=e.itemWidth,l=e.slidesToShow,s=n.children,d=n.showDots,c=n.infinite,p=$.getSlidesToSlide(e,n),u=i-r-(0<r?0:p),m=(K.Children.toArray(s).length-l)%p;return o=0<=u?(t=u,d&&!c&&0<m&&Q.isInRightEnd(e)&&(t=i-m),-a*t):t=u<0&&0!==i?0:void 0,{nextSlides:t,nextPosition:o}};var Y={};!function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.populateSlidesOnMouseTouchMove=function(e,n,r,t,o,i){var a,l,s=e.itemWidth,d=e.slidesToShow,c=e.totalItems,p=e.currentSlide,u=n.infinite,m=!1,g=Math.round((r-t)/s),h=Math.round((t-r)/s),b=r<o;if(o<r&&g<=d){a="right";var v=Math.abs(-s*(c-d)),f=i-(t-o),x=p===c-d;(Math.abs(f)<=v||x&&u)&&(l=f,m=!0)}return b&&h<=d&&(a="left",((f=i+(o-t))<=0||0===p&&u)&&(m=!0,l=f)),{direction:a,nextPosition:l,canContinue:m}}}(Y),Object.defineProperty(L,"__esModule",{value:!0});var Z=M;L.getOriginalCounterPart=Z.getOriginalCounterPart,L.getClones=Z.getClones,L.checkClonesPosition=Z.checkClonesPosition,L.getInitialSlideInInfiniteMode=Z.getInitialSlideInInfiniteMode;var q=N;L.getWidthFromDeviceType=q.getWidthFromDeviceType,L.getPartialVisibilityGutter=q.getPartialVisibilityGutter,L.getItemClientSideWidth=q.getItemClientSideWidth;var ee=A;L.getInitialState=ee.getInitialState,L.getIfSlideIsVisbile=ee.getIfSlideIsVisbile,L.getTransformForCenterMode=ee.getTransformForCenterMode,L.getTransformForPartialVsibile=ee.getTransformForPartialVsibile,L.isInLeftEnd=ee.isInLeftEnd,L.isInRightEnd=ee.isInRightEnd,L.notEnoughChildren=ee.notEnoughChildren,L.getSlidesToSlide=ee.getSlidesToSlide;var ne=G;L.throttle=ne.default;var re=J;L.throwError=re.default;var te=X;L.populateNextSlides=te.populateNextSlides;var oe=U;L.populatePreviousSlides=oe.populatePreviousSlides;var ie=Y;L.populateSlidesOnMouseTouchMove=ie.populateSlidesOnMouseTouchMove;var ae,le={},se=k&&k.__extends||(ae=function(e,n){return(ae=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var r in n)n.hasOwnProperty(r)&&(e[r]=n[r])})(e,n)},function(e,n){function r(){this.constructor=e}ae(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)});Object.defineProperty(le,"__esModule",{value:!0});var de=e;le.isMouseMoveEvent=function(e){return"clientY"in e};var ce=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return se(n,e),n}(de.Component);le.default=ce;var pe={},ue={};Object.defineProperty(ue,"__esModule",{value:!0});var me=M,ge=A;ue.getLookupTableForNextSlides=function(e,n,r,t){var o={},i=ge.getSlidesToSlide(n,r);return Array(e).fill(0).forEach((function(e,r){var a=me.getOriginalCounterPart(r,n,t);if(0===r)o[0]=a;else{var l=o[r-1]+i;o[r]=l}})),o},Object.defineProperty(pe,"__esModule",{value:!0});var he=e,be=M,ve=ue,fe=A;pe.default=function(e){var n=e.props,r=e.state,t=e.goToSlide,o=e.getState,i=n.showDots,a=n.customDot,l=n.dotListClass,s=n.infinite,d=n.children;if(!i||fe.notEnoughChildren(r))return null;var c,p=r.currentSlide,u=r.slidesToShow,m=fe.getSlidesToSlide(r,n),g=he.Children.toArray(d);c=s?Math.ceil(g.length/m):Math.ceil((g.length-u)/m)+1;var h=ve.getLookupTableForNextSlides(c,r,n,g),b=be.getOriginalIndexLookupTableByClones(u,g),v=b[p];return he.createElement("ul",{className:"react-multi-carousel-dot-list "+l},Array(c).fill(0).map((function(e,n){var r,i;if(s){i=h[n];var l=b[i];r=v===l||l<=v&&v<l+m}else{var d=g.length-u,c=n*m;r=(i=d<c?d:c)===p||i<p&&p<i+m&&p<g.length-u}return a?he.cloneElement(a,{index:n,active:r,key:n,onClick:function(){return t(i)},carouselState:o()}):he.createElement("li",{"data-index":n,key:n,className:"react-multi-carousel-dot "+(r?"react-multi-carousel-dot--active":"")},he.createElement("button",{"aria-label":"Go to slide "+(n+1),onClick:function(){return t(i)}}))})))};var xe={};Object.defineProperty(xe,"__esModule",{value:!0});var Te=e;xe.LeftArrow=function(e){var n=e.customLeftArrow,r=e.getState,t=e.previous,o=e.disabled,i=e.rtl;if(n)return Te.cloneElement(n,{onClick:function(){return t()},carouselState:r(),disabled:o,rtl:i});var a=i?"rtl":"";return Te.createElement("button",{"aria-label":"Go to previous slide",className:"react-multiple-carousel__arrow react-multiple-carousel__arrow--left "+a,onClick:function(){return t()},type:"button",disabled:o})};xe.RightArrow=function(e){var n=e.customRightArrow,r=e.getState,t=e.next,o=e.disabled,i=e.rtl;if(n)return Te.cloneElement(n,{onClick:function(){return t()},carouselState:r(),disabled:o,rtl:i});var a=i?"rtl":"";return Te.createElement("button",{"aria-label":"Go to next slide",className:"react-multiple-carousel__arrow react-multiple-carousel__arrow--right "+a,onClick:function(){return t()},type:"button",disabled:o})};var ye={};Object.defineProperty(ye,"__esModule",{value:!0});var _e=e,we=L;ye.default=function(e){var n=e.props,r=e.state,t=e.goToSlide,o=e.clones,i=e.notEnoughChildren,a=r.itemWidth,l=n.children,s=n.infinite,d=n.itemClass,c=n.itemAriaLabel,p=n.partialVisbile,u=n.partialVisible,m=we.getInitialState(r,n),g=m.flexBisis,h=m.shouldRenderOnSSR,b=m.domFullyLoaded,v=m.partialVisibilityGutter;return m.shouldRenderAtAll?(p&&console.warn('WARNING: Please correct props name: "partialVisible" as old typo will be removed in future versions!'),_e.createElement(_e.Fragment,null,(s?o:_e.Children.toArray(l)).map((function(e,o){return _e.createElement("li",{key:o,"data-index":o,onClick:function(){n.focusOnSelect&&t(o)},"aria-hidden":we.getIfSlideIsVisbile(o,r)?"false":"true","aria-label":c||(e.props.ariaLabel?e.props.ariaLabel:null),style:{flex:h?"1 0 "+g+"%":"auto",position:"relative",width:b?((p||u)&&v&&!i?a-v:a)+"px":"auto"},className:"react-multi-carousel-item "+(we.getIfSlideIsVisbile(o,r)?"react-multi-carousel-item--active":"")+" "+d},e)})))):null};var Ce=k&&k.__extends||function(){var e=function(n,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var r in n)n.hasOwnProperty(r)&&(e[r]=n[r])})(n,r)};return function(n,r){function t(){this.constructor=n}e(n,r),n.prototype=null===r?Object.create(r):(t.prototype=r.prototype,new t)}}();Object.defineProperty(W,"__esModule",{value:!0});var Se=e,ke=L,Ie=le,Pe=pe,Be=xe,Ee=ye,We=A,Le=400,Me="transform 400ms ease-in-out",Ne=function(e){function n(n){var r=e.call(this,n)||this;return r.containerRef=Se.createRef(),r.listRef=Se.createRef(),r.state={itemWidth:0,slidesToShow:0,currentSlide:0,totalItems:Se.Children.count(n.children),deviceType:"",domLoaded:!1,transform:0,containerWidth:0},r.onResize=r.onResize.bind(r),r.handleDown=r.handleDown.bind(r),r.handleMove=r.handleMove.bind(r),r.handleOut=r.handleOut.bind(r),r.onKeyUp=r.onKeyUp.bind(r),r.handleEnter=r.handleEnter.bind(r),r.setIsInThrottle=r.setIsInThrottle.bind(r),r.next=ke.throttle(r.next.bind(r),n.transitionDuration||Le,r.setIsInThrottle),r.previous=ke.throttle(r.previous.bind(r),n.transitionDuration||Le,r.setIsInThrottle),r.goToSlide=ke.throttle(r.goToSlide.bind(r),n.transitionDuration||Le,r.setIsInThrottle),r.onMove=!1,r.initialX=0,r.lastX=0,r.isAnimationAllowed=!1,r.direction="",r.initialY=0,r.isInThrottle=!1,r.transformPlaceHolder=0,r}return Ce(n,e),n.prototype.resetTotalItems=function(){var e=this,n=Se.Children.count(this.props.children),r=ke.notEnoughChildren(this.state)?0:Math.max(0,Math.min(this.state.currentSlide,n));this.setState({totalItems:n,currentSlide:r},(function(){e.setContainerAndItemWidth(e.state.slidesToShow,!0)}))},n.prototype.setIsInThrottle=function(e){void 0===e&&(e=!1),this.isInThrottle=e},n.prototype.setTransformDirectly=function(e,n){var r=this.props.additionalTransfrom;this.transformPlaceHolder=e;var t=We.getTransform(this.state,this.props,this.transformPlaceHolder);this.listRef&&this.listRef.current&&(this.setAnimationDirectly(n),this.listRef.current.style.transform="translate3d("+(t+r)+"px,0,0)")},n.prototype.setAnimationDirectly=function(e){this.listRef&&this.listRef.current&&(this.listRef.current.style.transition=e?this.props.customTransition||Me:"none")},n.prototype.componentDidMount=function(){this.setState({domLoaded:!0}),this.setItemsToShow(),window.addEventListener("resize",this.onResize),this.onResize(!0),this.props.keyBoardControl&&window.addEventListener("keyup",this.onKeyUp),this.props.autoPlay&&(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed))},n.prototype.setClones=function(e,n,r,t){var o=this;void 0===t&&(t=!1),this.isAnimationAllowed=!1;var i=Se.Children.toArray(this.props.children),a=ke.getInitialSlideInInfiniteMode(e||this.state.slidesToShow,i),l=ke.getClones(this.state.slidesToShow,i),s=i.length<this.state.slidesToShow?0:this.state.currentSlide;this.setState({totalItems:l.length,currentSlide:r&&!t?s:a},(function(){o.correctItemsPosition(n||o.state.itemWidth)}))},n.prototype.setItemsToShow=function(e,n){var r=this,t=this.props.responsive;Object.keys(t).forEach((function(o){var i=t[o],a=i.breakpoint,l=i.items,s=a.max,d=a.min,c=[window.innerWidth];window.screen&&window.screen.width&&c.push(window.screen.width);var p=Math.min.apply(Math,c);d<=p&&p<=s&&(r.setState({slidesToShow:l,deviceType:o}),r.setContainerAndItemWidth(l,e,n))}))},n.prototype.setContainerAndItemWidth=function(e,n,r){var t=this;if(this.containerRef&&this.containerRef.current){var o=this.containerRef.current.offsetWidth,i=ke.getItemClientSideWidth(this.props,e,o);this.setState({containerWidth:o,itemWidth:i},(function(){t.props.infinite&&t.setClones(e,i,n,r)})),n&&this.correctItemsPosition(i)}},n.prototype.correctItemsPosition=function(e,n,r){n&&(this.isAnimationAllowed=!0),!n&&this.isAnimationAllowed&&(this.isAnimationAllowed=!1);var t=this.state.totalItems<this.state.slidesToShow?0:-e*this.state.currentSlide;r&&this.setTransformDirectly(t,!0),this.setState({transform:t})},n.prototype.onResize=function(e){var n;n=!(!this.props.infinite||"boolean"==typeof e&&e),this.setItemsToShow(n)},n.prototype.componentDidUpdate=function(e,r){var t=this,o=e.keyBoardControl,i=e.autoPlay,a=e.children,l=r.containerWidth,s=r.domLoaded,d=r.currentSlide;if(this.containerRef&&this.containerRef.current&&this.containerRef.current.offsetWidth!==l&&(this.itemsToShowTimeout&&clearTimeout(this.itemsToShowTimeout),this.itemsToShowTimeout=setTimeout((function(){t.setItemsToShow(!0)}),this.props.transitionDuration||Le)),o&&!this.props.keyBoardControl&&window.removeEventListener("keyup",this.onKeyUp),!o&&this.props.keyBoardControl&&window.addEventListener("keyup",this.onKeyUp),i&&!this.props.autoPlay&&this.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=void 0),i||!this.props.autoPlay||this.autoPlay||(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed)),a.length!==this.props.children.length?n.clonesTimeout=setTimeout((function(){t.props.infinite?t.setClones(t.state.slidesToShow,t.state.itemWidth,!0,!0):t.resetTotalItems()}),this.props.transitionDuration||Le):this.props.infinite&&this.state.currentSlide!==d&&this.correctClonesPosition({domLoaded:s}),this.transformPlaceHolder!==this.state.transform&&(this.transformPlaceHolder=this.state.transform),this.props.autoPlay&&this.props.rewind&&!this.props.infinite&&ke.isInRightEnd(this.state)){var c=this.props.transitionDuration||Le;n.isInThrottleTimeout=setTimeout((function(){t.setIsInThrottle(!1),t.resetAutoplayInterval(),t.goToSlide(0,void 0,!!t.props.rewindWithAnimation)}),c+this.props.autoPlaySpeed)}},n.prototype.correctClonesPosition=function(e){var r=this,t=e.domLoaded,o=Se.Children.toArray(this.props.children),i=ke.checkClonesPosition(this.state,o,this.props),a=i.isReachingTheEnd,l=i.isReachingTheStart,s=i.nextSlide,d=i.nextPosition;this.state.domLoaded&&t&&(a||l)&&(this.isAnimationAllowed=!1,n.transformTimeout=setTimeout((function(){r.setState({transform:d,currentSlide:s})}),this.props.transitionDuration||Le))},n.prototype.next=function(e){var r=this;void 0===e&&(e=0);var t=this.props,o=t.afterChange,i=t.beforeChange;if(!ke.notEnoughChildren(this.state)){var a=ke.populateNextSlides(this.state,this.props,e),l=a.nextSlides,s=a.nextPosition,d=this.state.currentSlide;void 0!==l&&void 0!==s&&("function"==typeof i&&i(l,this.getState()),this.isAnimationAllowed=!0,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({transform:s,currentSlide:l},(function(){"function"==typeof o&&(n.afterChangeTimeout=setTimeout((function(){o(d,r.getState())}),r.props.transitionDuration||Le))})))}},n.prototype.previous=function(e){var r=this;void 0===e&&(e=0);var t=this.props,o=t.afterChange,i=t.beforeChange;if(!ke.notEnoughChildren(this.state)){var a=ke.populatePreviousSlides(this.state,this.props,e),l=a.nextSlides,s=a.nextPosition;if(void 0!==l&&void 0!==s){var d=this.state.currentSlide;"function"==typeof i&&i(l,this.getState()),this.isAnimationAllowed=!0,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({transform:s,currentSlide:l},(function(){"function"==typeof o&&(n.afterChangeTimeout2=setTimeout((function(){o(d,r.getState())}),r.props.transitionDuration||Le))}))}}},n.prototype.resetAutoplayInterval=function(){this.props.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed))},n.prototype.componentWillUnmount=function(){window.removeEventListener("resize",this.onResize),this.props.keyBoardControl&&window.removeEventListener("keyup",this.onKeyUp),this.props.autoPlay&&this.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=void 0),this.itemsToShowTimeout&&clearTimeout(this.itemsToShowTimeout),n.clonesTimeout&&clearTimeout(n.clonesTimeout),n.isInThrottleTimeout&&clearTimeout(n.isInThrottleTimeout),n.transformTimeout&&clearTimeout(n.transformTimeout),n.afterChangeTimeout&&clearTimeout(n.afterChangeTimeout),n.afterChangeTimeout2&&clearTimeout(n.afterChangeTimeout2),n.afterChangeTimeout3&&clearTimeout(n.afterChangeTimeout3)},n.prototype.resetMoveStatus=function(){this.onMove=!1,this.initialX=0,this.lastX=0,this.direction="",this.initialY=0},n.prototype.getCords=function(e){var n=e.clientX,r=e.clientY;return{clientX:We.parsePosition(this.props,n),clientY:We.parsePosition(this.props,r)}},n.prototype.handleDown=function(e){if(!(!Ie.isMouseMoveEvent(e)&&!this.props.swipeable||Ie.isMouseMoveEvent(e)&&!this.props.draggable||this.isInThrottle)){var n=this.getCords(Ie.isMouseMoveEvent(e)?e:e.touches[0]),r=n.clientX,t=n.clientY;this.onMove=!0,this.initialX=r,this.initialY=t,this.lastX=r,this.isAnimationAllowed=!1}},n.prototype.handleMove=function(e){if(!(!Ie.isMouseMoveEvent(e)&&!this.props.swipeable||Ie.isMouseMoveEvent(e)&&!this.props.draggable||ke.notEnoughChildren(this.state))){var n=this.getCords(Ie.isMouseMoveEvent(e)?e:e.touches[0]),r=n.clientX,t=n.clientY,o=this.initialX-r,i=this.initialY-t;if(this.onMove){if(!(Math.abs(o)>Math.abs(i)))return;var a=ke.populateSlidesOnMouseTouchMove(this.state,this.props,this.initialX,this.lastX,r,this.transformPlaceHolder),l=a.direction,s=a.nextPosition,d=a.canContinue;l&&(this.direction=l,d&&void 0!==s&&this.setTransformDirectly(s)),this.lastX=r}}},n.prototype.handleOut=function(e){this.props.autoPlay&&!this.autoPlay&&(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed));var n="touchend"===e.type&&!this.props.swipeable,r=("mouseleave"===e.type||"mouseup"===e.type)&&!this.props.draggable;if(!n&&!r&&this.onMove){if(this.setAnimationDirectly(!0),"right"===this.direction)if(this.initialX-this.lastX>=this.props.minimumTouchDrag){var t=Math.round((this.initialX-this.lastX)/this.state.itemWidth);this.next(t)}else this.correctItemsPosition(this.state.itemWidth,!0,!0);"left"===this.direction&&(this.lastX-this.initialX>this.props.minimumTouchDrag?(t=Math.round((this.lastX-this.initialX)/this.state.itemWidth),this.previous(t)):this.correctItemsPosition(this.state.itemWidth,!0,!0)),this.resetMoveStatus()}},n.prototype.isInViewport=function(e){var n=e.getBoundingClientRect(),r=n.top,t=void 0===r?0:r,o=n.left,i=void 0===o?0:o,a=n.bottom,l=void 0===a?0:a,s=n.right,d=void 0===s?0:s;return 0<=t&&0<=i&&l<=(window.innerHeight||document.documentElement.clientHeight)&&d<=(window.innerWidth||document.documentElement.clientWidth)},n.prototype.isChildOfCarousel=function(e){return!!(e instanceof Element&&this.listRef&&this.listRef.current)&&this.listRef.current.contains(e)},n.prototype.onKeyUp=function(e){var n=e.target;switch(e.keyCode){case 37:if(this.isChildOfCarousel(n))return this.previous();break;case 39:if(this.isChildOfCarousel(n))return this.next();break;case 9:if(this.isChildOfCarousel(n)&&n instanceof HTMLInputElement&&this.isInViewport(n))return this.next()}},n.prototype.handleEnter=function(e){Ie.isMouseMoveEvent(e)&&this.autoPlay&&this.props.autoPlay&&this.props.pauseOnHover&&(clearInterval(this.autoPlay),this.autoPlay=void 0)},n.prototype.goToSlide=function(e,r,t){var o=this;if(void 0===t&&(t=!0),!this.isInThrottle){var i=this.state.itemWidth,a=this.props,l=a.afterChange,s=a.beforeChange,d=this.state.currentSlide;"function"!=typeof s||r&&("object"!=typeof r||r.skipBeforeChange)||s(e,this.getState()),this.isAnimationAllowed=t,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({currentSlide:e,transform:-i*e},(function(){o.props.infinite&&o.correctClonesPosition({domLoaded:!0}),"function"!=typeof l||r&&("object"!=typeof r||r.skipAfterChange)||(n.afterChangeTimeout3=setTimeout((function(){l(d,o.getState())}),o.props.transitionDuration||Le))}))}},n.prototype.getState=function(){return this.state},n.prototype.renderLeftArrow=function(e){var n=this,r=this.props,t=r.customLeftArrow,o=r.rtl;return Se.createElement(Be.LeftArrow,{customLeftArrow:t,getState:function(){return n.getState()},previous:this.previous,disabled:e,rtl:o})},n.prototype.renderRightArrow=function(e){var n=this,r=this.props,t=r.customRightArrow,o=r.rtl;return Se.createElement(Be.RightArrow,{customRightArrow:t,getState:function(){return n.getState()},next:this.next,disabled:e,rtl:o})},n.prototype.renderButtonGroups=function(){var e=this,n=this.props.customButtonGroup;return n?Se.cloneElement(n,{previous:function(){return e.previous()},next:function(){return e.next()},goToSlide:function(n,r){return e.goToSlide(n,r)},carouselState:this.getState()}):null},n.prototype.renderDotsList=function(){var e=this;return Se.createElement(Pe.default,{state:this.state,props:this.props,goToSlide:this.goToSlide,getState:function(){return e.getState()}})},n.prototype.renderCarouselItems=function(){var e=[];if(this.props.infinite){var n=Se.Children.toArray(this.props.children);e=ke.getClones(this.state.slidesToShow,n)}return Se.createElement(Ee.default,{clones:e,goToSlide:this.goToSlide,state:this.state,notEnoughChildren:ke.notEnoughChildren(this.state),props:this.props})},n.prototype.render=function(){var e=this.props,n=e.deviceType,r=e.arrows,t=e.renderArrowsWhenDisabled,o=e.removeArrowOnDeviceType,i=e.infinite,a=e.containerClass,l=e.sliderClass,s=e.customTransition,d=e.additionalTransfrom,c=e.renderDotsOutside,p=e.renderButtonGroupOutside,u=e.className,m=e.rtl;"production"!==process.env.NODE_ENV&&ke.throwError(this.state,this.props);var g=ke.getInitialState(this.state,this.props),h=g.shouldRenderOnSSR,b=g.shouldRenderAtAll,v=ke.isInLeftEnd(this.state),f=ke.isInRightEnd(this.state),x=r&&!(o&&(n&&-1<o.indexOf(n)||this.state.deviceType&&-1<o.indexOf(this.state.deviceType)))&&!ke.notEnoughChildren(this.state)&&b,T=!i&&v,y=!i&&f,_=We.getTransform(this.state,this.props);return Se.createElement(Se.Fragment,null,Se.createElement("div",{className:"react-multi-carousel-list "+a+" "+u,dir:m?"rtl":"ltr",ref:this.containerRef},Se.createElement("ul",{ref:this.listRef,className:"react-multi-carousel-track "+l,style:{transition:this.isAnimationAllowed?s||Me:"none",overflow:h?"hidden":"unset",transform:"translate3d("+(_+d)+"px,0,0)"},onMouseMove:this.handleMove,onMouseDown:this.handleDown,onMouseUp:this.handleOut,onMouseEnter:this.handleEnter,onMouseLeave:this.handleOut,onTouchStart:this.handleDown,onTouchMove:this.handleMove,onTouchEnd:this.handleOut},this.renderCarouselItems()),x&&(!T||t)&&this.renderLeftArrow(T),x&&(!y||t)&&this.renderRightArrow(y),b&&!p&&this.renderButtonGroups(),b&&!c&&this.renderDotsList()),b&&c&&this.renderDotsList(),b&&p&&this.renderButtonGroups())},n.defaultProps={slidesToSlide:1,infinite:!1,draggable:!0,swipeable:!0,arrows:!0,renderArrowsWhenDisabled:!1,containerClass:"",sliderClass:"",itemClass:"",keyBoardControl:!0,autoPlaySpeed:3e3,showDots:!1,renderDotsOutside:!1,renderButtonGroupOutside:!1,minimumTouchDrag:80,className:"",dotListClass:"",focusOnSelect:!1,centerMode:!1,additionalTransfrom:0,pauseOnHover:!0,shouldResetAutoplay:!0,rewind:!1,rtl:!1,rewindWithAnimation:!1},n}(Se.Component);W.default=Ne,Object.defineProperty(E,"__esModule",{value:!0});var ze=W;E.default=ze.default,B.exports=E;var Ae=I(P),Re={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"};t('/* 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: #e6e3df;\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=_,exports.ImageComponent=v,exports.ImageWithText=S,exports.ImageWithTextWrapper=({content:n})=>{var r;const t=l();return e.createElement("div",{style:{position:"relative"}},e.createElement(Ae,{infinite:null==n?void 0:n.enableCycle,responsive:{desktop:{breakpoint:{max:7e3,min:1440},items:1},tabletLarge:{breakpoint:{max:1439,min:1024},items:1,partialVisibilityGutter:60},tabletMedium:{breakpoint:{max:1023,min:768},items:1,partialVisibilityGutter:60},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,i;const{onClick:a,active:l,index:s}=r;return e.createElement("div",{className:l?Re.stageTeaserTabActive:Re.stageTeaserTab,onClick:()=>(()=>{var e,r;const t=null===(r=null===(e=n.bloks)||void 0===e?void 0:e[s])||void 0===r?void 0:r.analyticsTitle;a(),y(x,"article_pagination_icon_click",{banner_promotion_name:t,component:T})})()},e.createElement("img",{src:null===(i=null===(o=null===(t=null==n?void 0:n.bloks)||void 0===t?void 0:t[s])||void 0===o?void 0:o.thumbImage)||void 0===i?void 0:i.filename,alt:"arrow",width:64,height:64}))}),null):e.createElement(e.Fragment,null),dotListClass:Re.carousel_dot,itemClass:Re.carouselItem,ssr:!0,arrows:!1,containerClass:Re.carouselContainer,sliderClass:Re.sliderClass,customButtonGroup:e.createElement((r=>{var o,i,a,l;const s=null===(o=null==r?void 0:r.carouselState)||void 0===o?void 0:o.currentSlide;return e.createElement(e.Fragment,null,(null===(i=null==n?void 0:n.bloks)||void 0===i?void 0:i.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:Re.leftArrow,onClick:()=>(()=>{var e,t;const o=s<=0?0:s-1,i=null===(t=null===(e=n.bloks)||void 0===e?void 0:e[o])||void 0===t?void 0:t.analyticsTitle;r.previous(),y(x,"article_pagination_left_click",{banner_promotion_name:i,component:T})})()}),e.createElement("button",{disabled:(null===(l=null==r?void 0:r.carouselState)||void 0===l?void 0:l.currentSlide)+1===(null==r?void 0:r.carouselState.totalItems),className:Re.rightArrow,onClick:()=>{(()=>{var e,t,o;const i=null===(e=null==r?void 0:r.carouselState)||void 0===e?void 0:e.totalItems,a=s>=i?i:s+1,l=null===(o=null===(t=n.bloks)||void 0===t?void 0:t[a])||void 0===o?void 0:o.analyticsTitle;r.next(),y(x,"article_pagination_right_click",{banner_promotion_name:l,component:T})})()}})))}),null),customTransition:"transform 1s ease",transitionDuration:500,partialVisbile:"large-desktop"!==t},n.bloks.map(((n,r)=>e.createElement(S,{content:n,key:r,index:r})))))},exports.RibbonComponent=({content:n})=>{var t,l,s,d,c,p,u,g,h,b,v,f,x,T,y,_,w,C,S,k,I,P,B,E,W,L;const[M,N]=e.useState(!1),z=r.getCookie("sunriseAuth"),[A,R]=e.useState(!1),D=new Date,[O,j]=e.useState(null==n?void 0:n.teaserTimer[0]),V=a(new Date(null===(l=null===(t=null==n?void 0:n.teaserTimer[0])||void 0===t?void 0:t.endTime)||void 0===l?void 0:l.replace(/-/g,"/"))),F=a(new Date(null===(d=null===(s=null==n?void 0:n.teaserTimer[0])||void 0===s?void 0:s.startTime)||void 0===d?void 0:d.replace(/-/g,"/"))),G=((null==n?void 0:n.enableDarkMode)?"ribbonComponent_DarkText ":"")+"ribbonComponent_Card",J=((null==n?void 0:n.enableDarkMode)?"ribbonComponent_DarkDescription ":"")+"ribbonComponent_TextContainer",[X,H]=e.useState(!1),U=()=>{const e=V.getTime()-D.getTime();if(e>0&&X){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},[K,$]=e.useState(U()),Q=()=>{!1===M&&N(!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)}!z&&"nauth"===(null==n?void 0:n.targetCustomer)||"both"===(null==n?void 0:n.targetCustomer)||z&&"auth"===(null==n?void 0:n.targetCustomer)?R(!0):R(!1)}),[]),e.useEffect((()=>{$(U()),D.getTime()>=F.getTime()&&!X&&H(!0);const e=setInterval((()=>{$(U())}),1e3);return()=>{clearInterval(e)}}),[X]),e.createElement(e.Fragment,null,!1===M&&(void 0===(null===(c=null==n?void 0:n.teaserTimer[0])||void 0===c?void 0:c.startTime)&&null===K||void 0!==(null===(p=null==n?void 0:n.teaserTimer[0])||void 0===p?void 0:p.startTime)&&null!==K)&&A&&e.createElement(e.Fragment,null,e.createElement("div",{className:"ribbonComponent_Wrapper",style:{background:null==n?void 0:n.backgroundColor}},e.createElement("div",{className:G},e.createElement("div",{className:"ribbonComponent_descriptionBlockSection"},(null===(u=null==n?void 0:n.icon)||void 0===u?void 0:u.filename)&&e.createElement("div",{className:"ribbonComponent_Image"},e.createElement("img",{className:"ribbonComponent_Icon",src:(null==n?void 0:n.enableDarkMode)?null===(g=null==n?void 0:n.darkModeIcon)||void 0===g?void 0:g.filename:null===(h=null==n?void 0:n.icon)||void 0===h?void 0:h.filename})),(null==n?void 0:n.description)&&e.createElement("div",{className:J},e.createElement(o,{content:null==n?void 0:n.description}),e.createElement("div",null))),e.createElement("div",{className:"ribbonComponent_ButtonSection"},(null===(b=null==n?void 0:n.teaserTimer[0])||void 0===b?void 0:b.startTime)&&e.createElement(e.Fragment,null,e.createElement("div",{className:"ribbonComponent_Timer"},e.createElement(m,{content:O})),(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===(f=null==n?void 0:n.buttonIcon)||void 0===f?void 0:f.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===(x=null==n?void 0:n.link)||void 0===x?void 0:x.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===(y=null==n?void 0:n.buttonIcon)||void 0===y?void 0:y.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===(_=null==n?void 0:n.buttonIcon)||void 0===_?void 0:_.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:()=>Q()},e.createElement("img",{src:(null==n?void 0:n.enableDarkMode)?null!==(S=null===(C=null==n?void 0:n.darkModeCloseIcon)||void 0===C?void 0:C.filename)&&void 0!==S?S:null===(k=null==n?void 0:n.closeIcon)||void 0===k?void 0:k.filename:null===(I=null==n?void 0:n.closeIcon)||void 0===I?void 0:I.filename}))),(null===(P=null==n?void 0:n.closeIcon)||void 0===P?void 0:P.filename)&&(null==n?void 0:n.isCloseIcon)&&e.createElement("div",{className:"ribbonComponent_CloseIcon1",onClick:()=>Q()},e.createElement("img",{src:(null==n?void 0:n.enableDarkMode)?null!==(E=null===(B=null==n?void 0:n.darkModeCloseIcon)||void 0===B?void 0:B.filename)&&void 0!==E?E:null===(W=null==n?void 0:n.closeIcon)||void 0===W?void 0:W.filename:null===(L=null==n?void 0:n.closeIcon)||void 0===L?void 0:L.filename}))))))},exports.StageTeaserComponent=({content:n})=>e.createElement(e.Fragment,null,"single"===(null==n?void 0:n.layoutgrid)?e.createElement(h,{content:{content:n}}):e.createElement(g,{content:n})),exports.TextComponent=w;
2
2
  //# sourceMappingURL=index.js.map
package/dist/cjs/utils/data-source.d.ts ADDED
@@ -0,0 +1 @@
1
+ export type HeadingVariants = 'h1' | 'h2' | 'h3' | 'h4';
package/dist/esm/components/Constants.d.ts CHANGED
@@ -9,3 +9,8 @@ export declare const AFTER = "after";
9
9
  export declare const BEFORE = "before";
10
10
  export declare const LANG = "lang";
11
11
  export declare const COLORWHITE = "#ffffff";
12
+ export declare const H1 = "h1";
13
+ export declare const H2 = "h2";
14
+ export declare const H3 = "h3";
15
+ export declare const H4 = "h4";
16
+ export declare const NONE = "none";
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- 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,N,z,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,"/"))),Q=((null==t?void 0:t.enableDarkMode)?"ribbonComponent_DarkText ":"")+"ribbonComponent_Card",U=((null==t?void 0:t.enableDarkMode)?"ribbonComponent_DarkDescription ":"")+"ribbonComponent_TextContainer",[V,O]=n(!1),G=()=>{const e=H.getTime()-j.getTime();if(e>0&&V){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()&&!V&&O(!0);const e=setInterval((()=>{Z(G())}),1e3);return()=>{clearInterval(e)}}),[V]),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:Q},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:U},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!==(N=null===(E=null==t?void 0:t.darkModeCloseIcon)||void 0===E?void 0:E.filename)&&void 0!==N?N:null===(z=null==t?void 0:t.closeIcon)||void 0===z?void 0:z.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,N,z,L,D,A,R,M,J,j,F,$,H,K,Q;const U="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),V="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:"",O=(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:V?"stageTeaserContainer d-flex":U+" stageTeaserContainer d-flex",style:{backgroundColor:V}},e.createElement("div",{className:(ne?"order-1":"order-0")+" stageTeaserLeftWrapper col-md-6",style:{backgroundColor:O,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===(z=null===(N=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===N?void 0:N.content)||void 0===z?void 0:z[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===(Q=null===(K=null==t?void 0:t.SecondaryPromoBubble)||void 0===K?void 0:K[0])||void 0===Q?void 0:Q.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,N;const z=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"}," ",z," "),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===(N=null===(E=null==t?void 0:t.content)||void 0===E?void 0:E.teaserButtonConfig)||void 0===N?void 0:N.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 position: relative;\n bottom: 120px;\n text-align: right;\n padding-right: 40px;\n }\n .ImageComponent-module_text-center__ks4IT {\n position: relative;\n bottom: 120px;\n text-align: center;\n }\n .ImageComponent-module_text-left__8cSZR {\n position: relative;\n left: 22px;\n color: white;\n bottom: 120px;\n }\n}\n@media (max-width: 1439px) and (min-width: 768px) and (max-width: 1023px) {\n .ImageComponent-module_text-left__8cSZR {\n left: 40px;\n }\n}\n@media (max-width: 1439px) and (min-width: 1024px) and (max-width: 1439px) {\n .ImageComponent-module_text-left__8cSZR {\n left: 50px;\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)+"/m/"}) 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","textline-left":"TextComponent-module_textline-left__-r6ZQ","textline-center":"TextComponent-module_textline-center__g9XQ8","textline-right":"TextComponent-module_textline-right__3QCWa"};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}\n\n.TextComponent-module_textline-left__-r6ZQ {\n text-align: left;\n}\n\n.TextComponent-module_textline-center__g9XQ8 {\n text-align: center;\n}\n\n.TextComponent-module_textline-right__3QCWa {\n text-align: right;\n}");i(".overline {\r\n color: gray;\r\n}\r\n\r\n.desciption {\r\n font-size: 20px;\r\n line-height: 26px;\r\n color: #3d3935;\r\n}\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\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\r\n a {\r\n color: #da291c;\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.horizontal-left {\r\n display: flex;\r\n justify-content: flex-start;\r\n}\r\n\r\n.horizontal-right {\r\n display: flex;\r\n justify-content: flex-end;\r\n}\r\n\r\n.horizontal-center {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 20px;\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\r\n.vertical-right {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n}\r\n\r\n.vertical-center {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n.btn-container{\r\n margin-top: 16px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\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="gaEvent",C="Text_Image_Component",B=(e,n,r)=>{window.dataLayer.push(Object.assign({event:e,event_name:n},r))},W=({content:n,analyticsTitle:r})=>{var t;const o=m(),a=()=>{B(k,"article_select_promotion",{banner_promotion_name:r,component:C})};return e.createElement(e.Fragment,null,e.createElement("div",{className:"large-desktop"===o?(null==n?void 0:n.groupsAlignment)+"-"+(null==n?void 0:n.buttonAlignment):"btn-container"},(null===(t=null==n?void 0:n.buttons)||void 0===t?void 0:t.length)>0&&n.buttons.map(((n,r)=>{var t;return e.createElement("div",{className:null==n?void 0:n.type,key:r},e.createElement("a",{href:null===(t=null==n?void 0:n.link)||void 0===t?void 0:t.cached_url,onClick:a},null==n?void 0:n.text))}))))},I=({content:n,analyticsTitle:r})=>{var t;const o=m();return e.createElement(e.Fragment,null,e.createElement("div",{className:` ${"large-desktop"!=o?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===(t=null==n?void 0:n.btnGroup)||void 0===t?void 0:t.length)>0&&(null==n?void 0:n.btnGroup.map((n=>e.createElement(W,{content:n,analyticsTitle:r}))))))};var P={"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 S=({content:n,index:t})=>{var o,a,i,l;const d=m();return r((()=>{0!==t&&void 0!==t||B(k,"article_view_promotion",{banner_promotion_name:n.analyticsTitle,component:C})}),[]),e.createElement(e.Fragment,null,e.createElement("div",{className:P["main-container"]},e.createElement("div",{className:`row ${"large-desktop"===d?P[`img-text-${null==n?void 0:n.alignment}`]:P["img-text-container"]}`},(null===(o=null==n?void 0:n.image)||void 0===o?void 0:o.length)>0&&e.createElement("div",{className:`${P["img-section"]} col-md-6 col-lg-6 col-sm-10`},e.createElement(y,{content:null===(a=null==n?void 0:n.image)||void 0===a?void 0:a[0],alignment:null==n?void 0:n.alignment})),(null===(i=null==n?void 0:n.textBlok)||void 0===i?void 0:i.length)>0&&e.createElement("div",{className:`${P["text-section"]} col-md-6 col-lg-6 col-sm-10`},e.createElement(I,{content:null===(l=null==n?void 0:n.textBlok)||void 0===l?void 0:l[0],analyticsTitle:null==n?void 0:n.analyticsTitle})))))};var E={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: #e6e3df;\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 N=({content:n})=>{var r;const t=m();return e.createElement("div",{style:{position:"relative"}},e.createElement(a,{infinite:null==n?void 0:n.enableCycle,responsive:{desktop:{breakpoint:{max:7e3,min:1440},items:1},tabletLarge:{breakpoint:{max:1439,min:1024},items:1,partialVisibilityGutter:60},tabletMedium:{breakpoint:{max:1023,min:768},items:1,partialVisibilityGutter:60},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?E.stageTeaserTabActive:E.stageTeaserTab,onClick:()=>(()=>{var e,r;const t=null===(r=null===(e=n.bloks)||void 0===e?void 0:e[d])||void 0===r?void 0:r.analyticsTitle;i(),B(k,"article_pagination_icon_click",{banner_promotion_name:t,component:C})})()},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:E.carousel_dot,itemClass:E.carouselItem,ssr:!0,arrows:!1,containerClass:E.carouselContainer,sliderClass:E.sliderClass,customButtonGroup:e.createElement((r=>{var o,a,i,l;const d=null===(o=null==r?void 0:r.carouselState)||void 0===o?void 0:o.currentSlide;return e.createElement(e.Fragment,null,(null===(a=null==n?void 0:n.bloks)||void 0===a?void 0:a.length)>1&&"large-desktop"===t&&e.createElement("div",null,e.createElement("button",{disabled:0===(null===(i=null==r?void 0:r.carouselState)||void 0===i?void 0:i.currentSlide),className:E.leftArrow,onClick:()=>(()=>{var e,t;const o=d<=0?0:d-1,a=null===(t=null===(e=n.bloks)||void 0===e?void 0:e[o])||void 0===t?void 0:t.analyticsTitle;r.previous(),B(k,"article_pagination_left_click",{banner_promotion_name:a,component:C})})()}),e.createElement("button",{disabled:(null===(l=null==r?void 0:r.carouselState)||void 0===l?void 0:l.currentSlide)+1===(null==r?void 0:r.carouselState.totalItems),className:E.rightArrow,onClick:()=>{(()=>{var e,t,o;const a=null===(e=null==r?void 0:r.carouselState)||void 0===e?void 0:e.totalItems,i=d>=a?a:d+1,l=null===(o=null===(t=n.bloks)||void 0===t?void 0:t[i])||void 0===o?void 0:o.analyticsTitle;r.next(),B(k,"article_pagination_right_click",{banner_promotion_name:l,component:C})})()}})))}),null),customTransition:"transform 1s ease",transitionDuration:500,partialVisbile:"large-desktop"!==t},n.bloks.map(((n,r)=>e.createElement(S,{content:n,key:r,index:r})))))};export{W as ButtonGroup,y as ImageComponent,S as ImageWithText,N as ImageWithTextWrapper,v as RibbonComponent,T as StageTeaserComponent,I as TextComponent};
1
+ 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";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 a=n=>e.createElement("div",null,t(n.content,{markResolvers:{link:(r,t)=>{const{href:o,target:i,linktype:a}=t;return"email"===a?e.createElement("a",{href:`mailto:${o}`,target:null===i||"_self"===i?"_top":"_blank"},r):n.isIFrame?e.createElement("a",{href:o,target:null===i||"_self"===i?"_top":"_blank"},r):e.createElement("a",{href:o,target:null===i?"":i,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: 768px) {\r\n .timer-wrap {\r\n text-align: center !important;\r\n margin-left: -4px !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=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,i,a)=>{const l=new Date(Date.UTC(n,r,t,o,i,a)),s=new Date(l.toLocaleString("en-US",{timeZone:"Europe/Vienna"})),d=new Date(l.toLocaleString("en-US",{timeZone:e})),c=s.getTime()-d.getTime();return l.setTime(l.getTime()+c),l})("Europe/Vienna",n.getFullYear(),n.getMonth(),n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds()),n},d=()=>{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",m="transparent",u="00",g=({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===m&&n.timerAlignment===p?"-9px":"unset",marginRight:n.backgroundColor===m&&"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))},h=({content:t})=>{var o,i,a,l,d,m,u,h;const b=s(new Date(null===(o=null==t?void 0:t.endTime)||void 0===o?void 0:o.replace(/-/g,"/"))),v=s(new Date(null===(i=null==t?void 0:t.startTime)||void 0===i?void 0:i.replace(/-/g,"/"))),f=(null==t?void 0:t.colorChangeTime)&&s(new Date(null===(a=null==t?void 0:t.colorChangeTime)||void 0===a?void 0:a.replace(/-/g,"/"))),[x,T]=n(!1),[y,_]=n(null!==(l=null==t?void 0:t.timerColor)&&void 0!==l?l:""),[w,C]=n(!1),S=()=>{const e=new Date;f&&!w&&e.getTime()>f.getTime()&&(_("#da291c"),C(!0)),e.getTime()>=v.getTime()&&!x&&T(!0);const n=b.getTime()-e.getTime();if(n>0&&x){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: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},[I,P]=n(S());r((()=>{P(S());const e=setInterval((()=>{P(S())}),1e3);return()=>{clearInterval(e)}}),[]);const B=[{label:null!==(d=null==t?void 0:t.hourLabel)&&void 0!==d?d:"",value:null==I?void 0:I.hours},{label:null!==(m=null==t?void 0:t.minuteLabel)&&void 0!==m?m:"",value:null==I?void 0:I.mins},{label:null!==(u=null==t?void 0:t.secondLabel)&&void 0!==u?u:"",value:null==I?void 0:I.sec}];return e.createElement("div",{className:"timer-wrap",style:{textAlign:t.timerAlignment===c?"center":t.timerAlignment===p?"left":"right"}},x&&e.createElement("div",{className:"timer-container"},I?e.createElement("div",{className:"timer-section",style:{color:(null==t?void 0:t.isDarkMode)?"#ffffff":y,backgroundColor:null!==(h=null==t?void 0:t.backgroundColor)&&void 0!==h?h:"transparent"}},e.createElement("div",{className:" timer-element transparent-element"},e.createElement("div",{className:"timer-value"}," ",null==I?void 0:I.days),e.createElement("div",{className:"timer-label"},t.dayLabel)),B.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(g,{content:k})))},b=({content:t})=>{var i,d,c,p,m,u,g,b,v,f,x,T,y,_,w,C,S,k,I,P,B,E,W,L,M,N;const[z,A]=n(!1),D=o("sunriseAuth"),[R,O]=n(!1),j=new Date,[V,F]=n(null==t?void 0:t.teaserTimer[0]),G=s(new Date(null===(d=null===(i=null==t?void 0:t.teaserTimer[0])||void 0===i?void 0:i.endTime)||void 0===d?void 0:d.replace(/-/g,"/"))),J=s(new Date(null===(p=null===(c=null==t?void 0:t.teaserTimer[0])||void 0===c?void 0:c.startTime)||void 0===p?void 0:p.replace(/-/g,"/"))),X=((null==t?void 0:t.enableDarkMode)?"ribbonComponent_DarkText ":"")+"ribbonComponent_Card",H=((null==t?void 0:t.enableDarkMode)?"ribbonComponent_DarkDescription ":"")+"ribbonComponent_TextContainer",[U,K]=n(!1),$=()=>{const e=G.getTime()-j.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},[Q,Y]=n($()),Z=()=>{!1===z&&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,F(e)}!D&&"nauth"===(null==t?void 0:t.targetCustomer)||"both"===(null==t?void 0:t.targetCustomer)||D&&"auth"===(null==t?void 0:t.targetCustomer)?O(!0):O(!1)}),[]),r((()=>{Y($()),j.getTime()>=J.getTime()&&!U&&K(!0);const e=setInterval((()=>{Y($())}),1e3);return()=>{clearInterval(e)}}),[U]),e.createElement(e.Fragment,null,!1===z&&(void 0===(null===(m=null==t?void 0:t.teaserTimer[0])||void 0===m?void 0:m.startTime)&&null===Q||void 0!==(null===(u=null==t?void 0:t.teaserTimer[0])||void 0===u?void 0:u.startTime)&&null!==Q)&&R&&e.createElement(e.Fragment,null,e.createElement("div",{className:"ribbonComponent_Wrapper",style:{background:null==t?void 0:t.backgroundColor}},e.createElement("div",{className:X},e.createElement("div",{className:"ribbonComponent_descriptionBlockSection"},(null===(g=null==t?void 0:t.icon)||void 0===g?void 0:g.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:H},e.createElement(a,{content:null==t?void 0:t.description}),e.createElement("div",null))),e.createElement("div",{className:"ribbonComponent_ButtonSection"},(null===(f=null==t?void 0:t.teaserTimer[0])||void 0===f?void 0:f.startTime)&&e.createElement(e.Fragment,null,e.createElement("div",{className:"ribbonComponent_Timer"},e.createElement(h,{content:V})),(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===(x=null==t?void 0:t.link)||void 0===x?void 0:x.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===(y=null==t?void 0:t.link)||void 0===y?void 0:y.url,target:null!==(_=null==t?void 0:t.target)&&void 0!==_?_:"",rel:"_blank"===(null==t?void 0:t.target)?"opener":"noopener"},e.createElement("div",{className:l(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===(C=null==t?void 0:t.buttonIcon)||void 0===C?void 0:C.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_CloseIcon",onClick:()=>Z()},e.createElement("img",{src:(null==t?void 0:t.enableDarkMode)?null!==(I=null===(k=null==t?void 0:t.darkModeCloseIcon)||void 0===k?void 0:k.filename)&&void 0!==I?I:null===(P=null==t?void 0:t.closeIcon)||void 0===P?void 0:P.filename:null===(B=null==t?void 0:t.closeIcon)||void 0===B?void 0:B.filename}))),(null===(E=null==t?void 0:t.closeIcon)||void 0===E?void 0:E.filename)&&(null==t?void 0:t.isCloseIcon)&&e.createElement("div",{className:"ribbonComponent_CloseIcon1",onClick:()=>Z()},e.createElement("img",{src:(null==t?void 0:t.enableDarkMode)?null!==(L=null===(W=null==t?void 0:t.darkModeCloseIcon)||void 0===W?void 0:W.filename)&&void 0!==L?L:null===(M=null==t?void 0:t.closeIcon)||void 0===M?void 0:M.filename:null===(N=null==t?void 0:t.closeIcon)||void 0===N?void 0:N.filename}))))))};i("\r\n.stageTeaserMain {\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.stageTeaserTopText {\r\n margin-bottom: 0px;\r\n font-size: 18px;\r\n font-weight: 700;\r\n line-height: 24px;\r\n}\r\n@media all and (max-width: 1023px) {\r\n .stageTeaserTopText {\r\n font-size: 14px;\r\n line-height: 20px;\r\n }\r\n}\r\n@media (min-width: 1024px) and (max-width: 1439px) {\r\n .stageTeaserTopText {\r\n font-size: 16px;\r\n line-height: 20px;\r\n }\r\n}\r\n.stageTeaserMainTexth1,\r\nh2,\r\nh3,\r\nh4 {\r\n padding-top: 4px;\r\n padding-bottom: 8px;\r\n font-weight: 700;\r\n margin-bottom: 0px !important;\r\n}\r\n\r\n@media (min-width:1440px) {\r\n .stageTeaserMainTexth1 {\r\n font-size: 32px;\r\n line-height: 40px;\r\n }\r\n\r\n .stageTeaserMainTexth2 {\r\n font-size: 28px;\r\n line-height: 36px;\r\n }\r\n\r\n .stageTeaserMainTexth3 {\r\n font-size: 24px;\r\n line-height: 32px;\r\n }\r\n\r\n .stageTeaserMainTexth4 {\r\n font-size: 20px;\r\n line-height: 28px;\r\n }\r\n}\r\n\r\n@media (min-width:320px)and (max-width:1439px) {\r\n .stageTeaserMainTexth1 {\r\n font-size: 28px;\r\n line-height: 36px;\r\n }\r\n\r\n .stageTeaserMainTexth2 {\r\n font-size: 24px;\r\n line-height: 32px;\r\n }\r\n\r\n .stageTeaserMainTexth3 {\r\n font-size: 20px;\r\n line-height: 28px;\r\n }\r\n\r\n .stageTeaserMainTexth4 {\r\n font-size: 18px;\r\n line-height: 24px;\r\n }\r\n}\r\n.stageTeaserMainTextdisplay {\r\n font-size: 48px;\r\n line-height: 60px;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n}\r\n.stageTeaserBottomText {\r\n font-size: 14px;\r\n line-height: 20px;\r\n font-weight: 500;\r\n}\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\r\n.stageTeaserSecondaryPromoPercent {\r\n font-size: 34px;\r\n line-height: 38px;\r\n font-weight: 700;\r\n}\r\n\r\n.stageTeaserPromoText {\r\n font-size: 18px;\r\n line-height: 20px;\r\n font-weight: 500;\r\n}\r\n\r\n.stageTeaserLeftWrapperBackground {\r\n background: var(--primary-colour-pale-dawn-grey-200, #e6e3df);\r\n}\r\n\r\n.stageTeaserBannerWrapper .react-multi-carousel-list {\r\n position: initial;\r\n}\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\r\n.stageTeaserBannerWrapper .react-multiple-carousel__arrow::before {\r\n color: #da291c;\r\n font-size: 16px;\r\n}\r\n\r\n.stageTeaserBannerWrapper .react-multiple-carousel__arrow:disabled::before {\r\n color: #b3aeaa;\r\n}\r\n\r\n.stageTeaserBannerWrapper .react-multiple-carousel__arrow--right {\r\n right: 3%;\r\n}\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\r\n.stageTeaserBannerWrapper .react-multi-carousel-dot button:hover:active {\r\n background: #da291c;\r\n}\r\n@media all and (max-width: 1439px) {\r\n .stageTeaserMainTextdisplay {\r\n font-size: 20px;\r\n line-height: 24px;\r\n font-weight: 500;\r\n padding-top: 4px;\r\n padding-bottom: 8px;\r\n margin-bottom: 0px;\r\n }\r\n}\r\n@media (max-width: 768px) {\r\n .stageTeaserContainer {\r\n flex-direction: column;\r\n }\r\n .stageTeaserPromoPercent {\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\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\r\n .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n left: 4%;\r\n }\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\r\n .stageTeaserBannerWrapper .react-multiple-carousel__arrow--left {\r\n left: 5%;\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\r\n .stageTeaserRightWrapper {\r\n height: 400px;\r\n }\r\n\r\n .stageTeaserLeftWrapper {\r\n padding: 24px;\r\n text-align: center;\r\n }\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\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 v=({content:t})=>{var o,i,a,s,d,c,p,m,u,g,b,v,f,x,T,y,_,w,C,S,k,I,P,B,E,W,L,M,N,z,A,D,R,O,j,V,F,G,J,X,H,U,K,$,Q,Y,Z,q,ee,ne,re,te,oe,ie,ae,le,se,de,ce,pe;const me="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),ue="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:"",ge=(null==t?void 0:t.EnableTextBgColor)?null===(i=null==t?void 0:t.textbgcolor)||void 0===i?void 0:i.color:"",he=()=>{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"}},be=null===(d=null===(s=null===(a=null==t?void 0:t.primaryPromoBubble)||void 0===a?void 0:a[0])||void 0===s?void 0:s.bgcolor)||void 0===d?void 0:d.color,ve=null===(m=null===(p=null===(c=null==t?void 0:t.primaryPromoBubble)||void 0===c?void 0:c[0])||void 0===p?void 0:p.textcolor)||void 0===m?void 0:m.color,fe=null===(b=null===(g=null===(u=null==t?void 0:t.SecondaryPromoBubble)||void 0===u?void 0:u[0])||void 0===g?void 0:g.bgcolor)||void 0===b?void 0:b.color,xe=null===(x=null===(f=null===(v=null==t?void 0:t.SecondaryPromoBubble)||void 0===v?void 0:v[0])||void 0===f?void 0:f.textcolor)||void 0===x?void 0:x.color,Te=e=>{const n=e&&e.split(".").pop();return!(!n||!["webp","jpg","jpeg","png"].includes(n))},[ye,_e]=n(!1),[we,Ce]=n(""),[Se,ke]=n(""),Ie=()=>{var e,n,r,o,i,a,l,s,d;const c=window.innerWidth;c<=767?(_e(null==t?void 0:t.mobileImageFirst),Te(null===(e=null==t?void 0:t.MobilePromoImage)||void 0===e?void 0:e.filename)?Ce(null===(n=null==t?void 0:t.MobilePromoImage)||void 0===n?void 0:n.filename):ke(null===(r=null==t?void 0:t.MobilePromoImage)||void 0===r?void 0:r.filename)):c>=768&&c<=1024?(_e(null==t?void 0:t.tabletImageFirst),Te(null===(o=null==t?void 0:t.TabletPromoImage)||void 0===o?void 0:o.filename)?Ce(null===(i=null==t?void 0:t.TabletPromoImage)||void 0===i?void 0:i.filename):ke(null===(a=null==t?void 0:t.TabletPromoImage)||void 0===a?void 0:a.filename)):c>=1025&&(_e(null==t?void 0:t.desktopImageFirst),Te(null===(l=null==t?void 0:t.DesktopPromoImage)||void 0===l?void 0:l.filename)?Ce(null===(s=null==t?void 0:t.DesktopPromoImage)||void 0===s?void 0:s.filename):ke(null===(d=null==t?void 0:t.DesktopPromoImage)||void 0===d?void 0:d.filename))};return r((()=>{Ie(),window.addEventListener("resize",Ie)}),[]),e.createElement("div",{className:"stageTeaserMain"},e.createElement("div",{className:ue?"stageTeaserContainer d-flex":me+" stageTeaserContainer d-flex",style:{backgroundColor:ue}},e.createElement("div",{className:(ye?"order-1":"order-0")+" stageTeaserLeftWrapper col-md-6",style:{backgroundColor:ge,borderRadius:"8px"}},e.createElement("div",{className:"stageTeaserTopText"},null===(C=null===(w=null===(_=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===_?void 0:_.content)||void 0===w?void 0:w[0])||void 0===C?void 0:C.text),e.createElement("div",null,"h1"===(null==t?void 0:t.mainText)?e.createElement("h1",{className:"stageTeaserMainTexth1"},null===(B=null===(P=null===(I=null===(k=null===(S=null==t?void 0:t.mainheading)||void 0===S?void 0:S.content)||void 0===k?void 0:k[0])||void 0===I?void 0:I.content)||void 0===P?void 0:P[0])||void 0===B?void 0:B.text):"h2"===(null==t?void 0:t.mainText)?e.createElement("h2",{className:"stageTeaserMainTexth2"},null===(N=null===(M=null===(L=null===(W=null===(E=null==t?void 0:t.mainheading)||void 0===E?void 0:E.content)||void 0===W?void 0:W[0])||void 0===L?void 0:L.content)||void 0===M?void 0:M[0])||void 0===N?void 0:N.text):"h3"===(null==t?void 0:t.mainText)?e.createElement("h3",{className:"stageTeaserMainTexth3"},null===(O=null===(R=null===(D=null===(A=null===(z=null==t?void 0:t.mainheading)||void 0===z?void 0:z.content)||void 0===A?void 0:A[0])||void 0===D?void 0:D.content)||void 0===R?void 0:R[0])||void 0===O?void 0:O.text):"h4"===(null==t?void 0:t.mainText)?e.createElement("h4",{className:"stageTeaserMainTexth4"},null===(J=null===(G=null===(F=null===(V=null===(j=null==t?void 0:t.mainheading)||void 0===j?void 0:j.content)||void 0===V?void 0:V[0])||void 0===F?void 0:F.content)||void 0===G?void 0:G[0])||void 0===J?void 0:J.text):e.createElement("div",{className:"stageTeaserMainTextdisplay"},null===($=null===(K=null===(U=null===(H=null===(X=null==t?void 0:t.mainheading)||void 0===X?void 0:X.content)||void 0===H?void 0:H[0])||void 0===U?void 0:U.content)||void 0===K?void 0:K[0])||void 0===$?void 0:$.text)),e.createElement("div",{className:"stageTeaserBottomText"},null===(ee=null===(q=null===(Z=null===(Y=null===(Q=null==t?void 0:t.secondaryheading)||void 0===Q?void 0:Q.content)||void 0===Y?void 0:Y[0])||void 0===Z?void 0:Z.content)||void 0===q?void 0:q[0])||void 0===ee?void 0:ee.text),e.createElement("div",{className:"teaserTimer text-center"},e.createElement(h,{content:null==t?void 0:t.timer[0]})),e.createElement("div",{className:"StageTeaserButtonContainer"},null===(ne=null==t?void 0:t.teaserButtonConfig)||void 0===ne?void 0:ne.map((n=>{var r,o,i,a,s,d;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:l(null==n?void 0:n.buttonType)},(null===(i=null==n?void 0:n.buttonIcon)||void 0===i?void 0:i.filename)&&"left"===(null==n?void 0:n.buttonAlignment)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(a=null==n?void 0:n.buttonIcon)||void 0===a?void 0:a.filename}),null==n?void 0:n.buttonLabel,(null===(s=null==n?void 0:n.buttonIcon)||void 0===s?void 0:s.filename)&&"right"===(null==n?void 0:n.buttonAlignment)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(d=null==n?void 0:n.buttonIcon)||void 0===d?void 0:d.filename}))))})))),e.createElement("div",{className:(ye?"order-0":"order-1")+" stageTeaserRightWrapper col-md-6",style:{background:`url(${we}) center / contain no-repeat`}},""!==Se&&e.createElement("div",{className:"video-wrapper"},e.createElement("video",{autoPlay:!0,muted:!0,loop:!0,src:Se})),(null===(re=null==t?void 0:t.primaryPromoBubble)||void 0===re?void 0:re.length)>0&&e.createElement("div",{className:`stageTeaserPromoBubble stageTeaserPrimaryPromoBubble stageTeaserPrimaryWithSecondaryBubble ${he()}`,style:{backgroundColor:be,color:ve}},e.createElement("div",{className:"stageTeaserPromoPercent"},null===(oe=null===(te=null==t?void 0:t.primaryPromoBubble)||void 0===te?void 0:te[0])||void 0===oe?void 0:oe.primarytext),e.createElement("div",{className:"stageTeaserPromoText"},null===(ae=null===(ie=null==t?void 0:t.primaryPromoBubble)||void 0===ie?void 0:ie[0])||void 0===ae?void 0:ae.secondarytext)),(null===(le=null==t?void 0:t.SecondaryPromoBubble)||void 0===le?void 0:le.length)>0&&e.createElement("div",{className:`stageTeaserPromoBubble stageTeaserSecondaryPromoBubble ${he()}`,style:{backgroundColor:fe,color:xe}},e.createElement("div",{className:"stageTeaserSecondaryPromoPercent"},null===(de=null===(se=null==t?void 0:t.SecondaryPromoBubble)||void 0===se?void 0:se[0])||void 0===de?void 0:de.primarytext),e.createElement("div",{className:"stageTeaserSecondaryPromoText"},null===(pe=null===(ce=null==t?void 0:t.SecondaryPromoBubble)||void 0===ce?void 0:ce[0])||void 0===pe?void 0:pe.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.StageTeaserButton {\r\n padding: 6px;\r\n}\r\n@media (max-width: 768px){\r\n .StageTeaserButtonContainer {\r\n flex-direction: column;\r\n }\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,i,a,s,d,c,p,m,u,g,b,v,f,x,T,y,_,w,C,S,k,I,P,B,E,W,L;const M=null===(c=null===(d=null===(s=null===(a=null===(i=null===(o=null==t?void 0:t.content)||void 0===o?void 0:o.primaryheading)||void 0===i?void 0:i.content)||void 0===a?void 0:a[0])||void 0===s?void 0:s.content)||void 0===d?void 0:d[0])||void 0===c?void 0:c.text,N=null===(v=null===(b=null===(g=null===(u=null===(m=null===(p=null==t?void 0:t.content)||void 0===p?void 0:p.mainheading)||void 0===m?void 0:m.content)||void 0===u?void 0:u[0])||void 0===g?void 0:g.content)||void 0===b?void 0:b[0])||void 0===v?void 0:v.text,z=null===(w=null===(_=null===(y=null===(T=null===(x=null===(f=null==t?void 0:t.content)||void 0===f?void 0:f.secondaryheading)||void 0===x?void 0:x.content)||void 0===T?void 0:T[0])||void 0===y?void 0:y.content)||void 0===_?void 0:_[0])||void 0===w?void 0:w.text,A="left"===(null===(C=null==t?void 0:t.content)||void 0===C?void 0:C.textposition)?"flex-start":"right"===(null===(S=null==t?void 0:t.content)||void 0===S?void 0:S.textposition)?"flex-end":"center",D="left"===(null===(k=null==t?void 0:t.content)||void 0===k?void 0:k.textposition)?"left":"right"===(null===(I=null==t?void 0:t.content)||void 0===I?void 0:I.textposition)?"right":"center";"left"===(null===(P=null==t?void 0:t.content)||void 0===P?void 0:P.textposition)||null===(B=null==t?void 0:t.content)||void 0===B||B.textposition;const[R,O]=n(""),[j,V]=n(""),F=()=>{var e,n,r,o,i,a,l;const s=window.innerWidth;s<=767?(O(`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`),V(null===(r=null==t?void 0:t.content)||void 0===r?void 0:r.verticaltextpostion)):s>=768&&s<=1439?(O(`url(${null===(i=null===(o=null==t?void 0:t.content)||void 0===o?void 0:o.tabImage)||void 0===i?void 0:i.filename}) center center / cover no-repeat`),V("")):s>=1440&&(O(`url(${null===(l=null===(a=null==t?void 0:t.content)||void 0===a?void 0:a.desktopimage)||void 0===l?void 0:l.filename}) center center / cover no-repeat`),V(""))};return r((()=>{F(),window.addEventListener("resize",F)}),[]),e.createElement(e.Fragment,null,e.createElement("div",{id:"wrapper"},""!==R&&e.createElement("div",{className:"hero-unit",style:{background:R}},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"}," ",M," "),e.createElement("div",{className:"StageTeaserHeadline",style:{textAlign:""===j?D:"center"}},N),e.createElement("div",{className:"StageTeaserText"}," ",z," ")),e.createElement("div",{className:"StageTeaserTimer"},e.createElement("div",{className:"teaserTimer text-center"},e.createElement(h,{content:null===(E=null==t?void 0:t.content)||void 0===E?void 0:E.timer[0]}))),e.createElement("div",{className:"StageTeaserButtonContainer",style:{justifyContent:""===j?A:"",alignItems:""!==j?"center":""}},null===(L=null===(W=null==t?void 0:t.content)||void 0===W?void 0:W.teaserButtonConfig)||void 0===L?void 0:L.map((n=>{var r,o,i,a,s,d;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:l(null==n?void 0:n.buttonType)},(null===(i=null==n?void 0:n.buttonIcon)||void 0===i?void 0:i.filename)&&"left"===(null==n?void 0:n.buttonAlignment)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(a=null==n?void 0:n.buttonIcon)||void 0===a?void 0:a.filename}),null==n?void 0:n.buttonLabel,(null===(s=null==n?void 0:n.buttonIcon)||void 0===s?void 0:s.filename)&&"right"===(null==n?void 0:n.buttonAlignment)&&e.createElement("img",{className:"ribbonComponent_phoneIcon",src:null===(d=null==n?void 0:n.buttonIcon)||void 0===d?void 0:d.filename}))))})))))))},x=({content:n})=>e.createElement(e.Fragment,null,"single"===(null==n?void 0:n.layoutgrid)?e.createElement(f,{content:{content:n}}):e.createElement(v,{content:n}));var T={"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 position: relative;\n bottom: 120px;\n text-align: right;\n padding-right: 40px;\n }\n .ImageComponent-module_text-center__ks4IT {\n position: relative;\n bottom: 120px;\n text-align: center;\n }\n .ImageComponent-module_text-left__8cSZR {\n position: relative;\n left: 22px;\n color: white;\n bottom: 120px;\n }\n}\n@media (max-width: 1439px) and (min-width: 768px) and (max-width: 1023px) {\n .ImageComponent-module_text-left__8cSZR {\n left: 40px;\n }\n}\n@media (max-width: 1439px) and (min-width: 1024px) and (max-width: 1439px) {\n .ImageComponent-module_text-left__8cSZR {\n left: 50px;\n }\n}");const y=({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)+"/m/"}) center center / cover no-repeat`,l="center"===r?"text-container-center":"text-container";return e.createElement("div",{className:T["wrapper-img"]},""!==i&&e.createElement(e.Fragment,null,e.createElement("div",{className:T["image-wrapper"],style:{background:i}}),e.createElement("div",{className:`${"large-desktop"!=o?T[`text-${null==n?void 0:n.textAlignment}`]:T[l]}`},(null==n?void 0:n.title)&&e.createElement("h3",{className:T["image-title"]},null==n?void 0:n.title),(null==n?void 0:n.description)&&e.createElement("div",{className:T["image-description"]},e.createElement(a,{content:null==n?void 0:n.description})))))};var _={overline:"TextComponent-module_overline__BDtDE",h3content:"TextComponent-module_h3content__B0Ipy",desciption:"TextComponent-module_desciption__uP3Ih","textline-left":"TextComponent-module_textline-left__-r6ZQ","textline-center":"TextComponent-module_textline-center__g9XQ8","textline-right":"TextComponent-module_textline-right__3QCWa"};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}\n\n.TextComponent-module_textline-left__-r6ZQ {\n text-align: left;\n}\n\n.TextComponent-module_textline-center__g9XQ8 {\n text-align: center;\n}\n\n.TextComponent-module_textline-right__3QCWa {\n text-align: right;\n}");i(".overline {\r\n color: gray;\r\n}\r\n\r\n.desciption {\r\n font-size: 20px;\r\n line-height: 26px;\r\n color: #3d3935;\r\n}\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\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\r\n a {\r\n color: #da291c;\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.horizontal-left {\r\n display: flex;\r\n justify-content: flex-start;\r\n}\r\n\r\n.horizontal-right {\r\n display: flex;\r\n justify-content: flex-end;\r\n}\r\n\r\n.horizontal-center {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 20px;\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\r\n.vertical-right {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n}\r\n\r\n.vertical-center {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n.btn-container{\r\n margin-top: 16px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\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 w="gaEvent",C="Text_Image_Component",S=(e,n,r)=>{window.dataLayer.push(Object.assign({event:e,event_name:n},r))},k=({content:n,analyticsTitle:r})=>{var t;const o=d(),i=()=>{S(w,"article_select_promotion",{banner_promotion_name:r,component:C})};return e.createElement(e.Fragment,null,e.createElement("div",{className:"large-desktop"===o?(null==n?void 0:n.groupsAlignment)+"-"+(null==n?void 0:n.buttonAlignment):"btn-container"},(null===(t=null==n?void 0:n.buttons)||void 0===t?void 0:t.length)>0&&n.buttons.map(((n,r)=>{var t;return e.createElement("div",{className:null==n?void 0:n.type,key:r},e.createElement("a",{href:null===(t=null==n?void 0:n.link)||void 0===t?void 0:t.cached_url,onClick:i},null==n?void 0:n.text))}))))},I=({content:n,analyticsTitle:r})=>{var t;const o=d();return e.createElement(e.Fragment,null,e.createElement("div",{className:` ${"large-desktop"!=o?_[`textline-${null==n?void 0:n.alignment}`]:_["textline-container"]}`},(null==n?void 0:n.overline)&&e.createElement("div",{className:_.overline},null==n?void 0:n.overline),(null==n?void 0:n.headline)&&e.createElement("h3",{className:_.h3content},null==n?void 0:n.headline),(null==n?void 0:n.description)&&e.createElement("div",{className:_.description},e.createElement(a,{content:null==n?void 0:n.description})),(null===(t=null==n?void 0:n.btnGroup)||void 0===t?void 0:t.length)>0&&(null==n?void 0:n.btnGroup.map((n=>e.createElement(k,{content:n,analyticsTitle:r}))))))};var P={"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 B=({content:n,index:t})=>{var o,i,a,l;const s=d();return r((()=>{0!==t&&void 0!==t||S(w,"article_view_promotion",{banner_promotion_name:n.analyticsTitle,component:C})}),[]),e.createElement(e.Fragment,null,e.createElement("div",{className:P["main-container"]},e.createElement("div",{className:`row ${"large-desktop"===s?P[`img-text-${null==n?void 0:n.alignment}`]:P["img-text-container"]}`},(null===(o=null==n?void 0:n.image)||void 0===o?void 0:o.length)>0&&e.createElement("div",{className:`${P["img-section"]} col-md-6 col-lg-6 col-sm-10`},e.createElement(y,{content:null===(i=null==n?void 0:n.image)||void 0===i?void 0:i[0],alignment:null==n?void 0:n.alignment})),(null===(a=null==n?void 0:n.textBlok)||void 0===a?void 0:a.length)>0&&e.createElement("div",{className:`${P["text-section"]} col-md-6 col-lg-6 col-sm-10`},e.createElement(I,{content:null===(l=null==n?void 0:n.textBlok)||void 0===l?void 0:l[0],analyticsTitle:null==n?void 0:n.analyticsTitle})))))};var E="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function W(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var L,M={},N={get exports(){return M},set exports(e){M=e}},z={},A={},D={},R={};L=R,Object.defineProperty(L,"__esModule",{value:!0}),L.getOriginalCounterPart=function(e,n,r){var t=n.slidesToShow,o=n.currentSlide;return r.length>2*t?e+2*t:o>=r.length?r.length+e:e},L.getOriginalIndexLookupTableByClones=function(e,n){if(n.length>2*e){for(var r={},t=n.length-2*e,o=n.length-t,i=t,a=0;a<o;a++)r[a]=i,i++;var l=n.length+o,s=l+n.slice(0,2*e).length,d=0;for(a=l;a<=s;a++)r[a]=d,d++;var c=l,p=0;for(a=o;a<c;a++)r[a]=p,p++;return r}r={};var m=3*n.length,u=0;for(a=0;a<m;a++)r[a]=u,++u===n.length&&(u=0);return r},L.getClones=function(e,n){return n.length<e?n:n.length>2*e?n.slice(n.length-2*e,n.length).concat(n,n.slice(0,2*e)):n.concat(n,n)},L.getInitialSlideInInfiniteMode=function(e,n){return n.length>2*e?2*e:n.length},L.checkClonesPosition=function(e,n,r){var t,o=e.currentSlide,i=e.slidesToShow,a=e.itemWidth,l=e.totalItems,s=0,d=0,c=0===o,p=n.length-(n.length-2*i);return n.length<i?(d=s=0,c=t=!1):n.length>2*i?((t=o>=p+n.length)&&(d=-a*(s=o-n.length)),c&&(d=-a*(s=p+(n.length-2*i)))):((t=o>=2*n.length)&&(d=-a*(s=o-n.length)),c&&(d=r.showDots?-a*(s=n.length):-a*(s=l/3))),{isReachingTheEnd:t,isReachingTheStart:c,nextSlide:s,nextPosition:d}};var O={};Object.defineProperty(O,"__esModule",{value:!0});var j=!1;O.getPartialVisibilityGutter=function(e,n,r,t){var o=0,i=t||r;return n&&i&&(!j&&"production"!==process.env.NODE_ENV&&e[i].paritialVisibilityGutter&&(j=!0,console.warn("You appear to be using paritialVisibilityGutter instead of partialVisibilityGutter which will be moved to partialVisibilityGutter in the future completely")),o=e[i].partialVisibilityGutter||e[i].paritialVisibilityGutter),o},O.getWidthFromDeviceType=function(e,n){var r;return n[e]&&(r=(100/n[e].items).toFixed(1)),r},O.getItemClientSideWidth=function(e,n,r){return Math.round(r/(n+(e.centerMode?1:0)))};var V={};Object.defineProperty(V,"__esModule",{value:!0});var F=O;function G(e){var n=e.slidesToShow;return e.totalItems<n}function J(e,n,r){var t=r||e.transform;return!n.infinite&&0===e.currentSlide||G(e)?t:t+e.itemWidth/2}function X(e){var n=e.currentSlide,r=e.totalItems;return!(n+e.slidesToShow<r)}function H(e,n,r,t){void 0===n&&(n=0);var o=e.currentSlide,i=e.slidesToShow,a=X(e),l=!r.infinite&&a,s=t||e.transform;if(G(e))return s;var d=s+o*n;return l?d+(e.containerWidth-(e.itemWidth-n)*i):d}function U(e,n){return e.rtl?-1*n:n}V.notEnoughChildren=G,V.getInitialState=function(e,n){var r,t=e.domLoaded,o=e.slidesToShow,i=e.containerWidth,a=e.itemWidth,l=n.deviceType,s=n.responsive,d=n.ssr,c=n.partialVisbile,p=n.partialVisible,m=Boolean(t&&o&&i&&a);d&&l&&!m&&(r=F.getWidthFromDeviceType(l,s));var u=Boolean(d&&l&&!m&&r);return{shouldRenderOnSSR:u,flexBisis:r,domFullyLoaded:m,partialVisibilityGutter:F.getPartialVisibilityGutter(s,c||p,l,e.deviceType),shouldRenderAtAll:u||m}},V.getIfSlideIsVisbile=function(e,n){var r=n.currentSlide,t=n.slidesToShow;return r<=e&&e<r+t},V.getTransformForCenterMode=J,V.isInLeftEnd=function(e){return!(0<e.currentSlide)},V.isInRightEnd=X,V.getTransformForPartialVsibile=H,V.parsePosition=U,V.getTransform=function(e,n,r){var t=n.partialVisbile,o=n.partialVisible,i=n.responsive,a=n.deviceType,l=n.centerMode,s=r||e.transform,d=F.getPartialVisibilityGutter(i,t||o,a,e.deviceType);return U(n,o||t?H(e,d,n,r):l?J(e,n,r):s)},V.getSlidesToSlide=function(e,n){var r=e.domLoaded,t=e.slidesToShow,o=e.containerWidth,i=e.itemWidth,a=n.deviceType,l=n.responsive,s=n.slidesToSlide||1,d=Boolean(r&&t&&o&&i);return n.ssr&&n.deviceType&&!d&&Object.keys(l).forEach((function(e){var n=l[e].slidesToSlide;a===e&&n&&(s=n)})),d&&Object.keys(l).forEach((function(e){var n=l[e],r=n.breakpoint,t=n.slidesToSlide,o=r.max,i=r.min;t&&window.innerWidth>=i&&window.innerWidth<=o&&(s=t)})),s};var K={};Object.defineProperty(K,"__esModule",{value:!0});K.default=function(e,n,r){var t;return function(){var o=arguments;t||(e.apply(this,o),t=!0,"function"==typeof r&&r(!0),setTimeout((function(){t=!1,"function"==typeof r&&r(!1)}),n))}};var $={};!function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(e,n){var r=n.partialVisbile,t=n.partialVisible,o=n.centerMode,i=n.ssr,a=n.responsive;if((r||t)&&o)throw new Error("center mode can not be used at the same time with partialVisible");if(!a)throw i?new Error("ssr mode need to be used in conjunction with responsive prop"):new Error("Responsive prop is needed for deciding the amount of items to show on the screen");if(a&&"object"!=typeof a)throw new Error("responsive prop must be an object")}}($);var Q={};Object.defineProperty(Q,"__esModule",{value:!0});var Y=V;Q.populateNextSlides=function(e,n,r){void 0===r&&(r=0);var t,o,i=e.slidesToShow,a=e.currentSlide,l=e.itemWidth,s=e.totalItems,d=Y.getSlidesToSlide(e,n),c=a+1+r+i+(0<r?0:d);return o=c<=s?-l*(t=a+r+(0<r?0:d)):s<c&&a!==s-i?-l*(t=s-i):t=void 0,{nextSlides:t,nextPosition:o}};var Z={};Object.defineProperty(Z,"__esModule",{value:!0});var q=e,ee=V,ne=V;Z.populatePreviousSlides=function(e,n,r){void 0===r&&(r=0);var t,o,i=e.currentSlide,a=e.itemWidth,l=e.slidesToShow,s=n.children,d=n.showDots,c=n.infinite,p=ee.getSlidesToSlide(e,n),m=i-r-(0<r?0:p),u=(q.Children.toArray(s).length-l)%p;return o=0<=m?(t=m,d&&!c&&0<u&&ne.isInRightEnd(e)&&(t=i-u),-a*t):t=m<0&&0!==i?0:void 0,{nextSlides:t,nextPosition:o}};var re={};!function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.populateSlidesOnMouseTouchMove=function(e,n,r,t,o,i){var a,l,s=e.itemWidth,d=e.slidesToShow,c=e.totalItems,p=e.currentSlide,m=n.infinite,u=!1,g=Math.round((r-t)/s),h=Math.round((t-r)/s),b=r<o;if(o<r&&g<=d){a="right";var v=Math.abs(-s*(c-d)),f=i-(t-o),x=p===c-d;(Math.abs(f)<=v||x&&m)&&(l=f,u=!0)}return b&&h<=d&&(a="left",((f=i+(o-t))<=0||0===p&&m)&&(u=!0,l=f)),{direction:a,nextPosition:l,canContinue:u}}}(re),Object.defineProperty(D,"__esModule",{value:!0});var te=R;D.getOriginalCounterPart=te.getOriginalCounterPart,D.getClones=te.getClones,D.checkClonesPosition=te.checkClonesPosition,D.getInitialSlideInInfiniteMode=te.getInitialSlideInInfiniteMode;var oe=O;D.getWidthFromDeviceType=oe.getWidthFromDeviceType,D.getPartialVisibilityGutter=oe.getPartialVisibilityGutter,D.getItemClientSideWidth=oe.getItemClientSideWidth;var ie=V;D.getInitialState=ie.getInitialState,D.getIfSlideIsVisbile=ie.getIfSlideIsVisbile,D.getTransformForCenterMode=ie.getTransformForCenterMode,D.getTransformForPartialVsibile=ie.getTransformForPartialVsibile,D.isInLeftEnd=ie.isInLeftEnd,D.isInRightEnd=ie.isInRightEnd,D.notEnoughChildren=ie.notEnoughChildren,D.getSlidesToSlide=ie.getSlidesToSlide;var ae=K;D.throttle=ae.default;var le=$;D.throwError=le.default;var se=Q;D.populateNextSlides=se.populateNextSlides;var de=Z;D.populatePreviousSlides=de.populatePreviousSlides;var ce=re;D.populateSlidesOnMouseTouchMove=ce.populateSlidesOnMouseTouchMove;var pe,me={},ue=E&&E.__extends||(pe=function(e,n){return(pe=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var r in n)n.hasOwnProperty(r)&&(e[r]=n[r])})(e,n)},function(e,n){function r(){this.constructor=e}pe(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)});Object.defineProperty(me,"__esModule",{value:!0});var ge=e;me.isMouseMoveEvent=function(e){return"clientY"in e};var he=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return ue(n,e),n}(ge.Component);me.default=he;var be={},ve={};Object.defineProperty(ve,"__esModule",{value:!0});var fe=R,xe=V;ve.getLookupTableForNextSlides=function(e,n,r,t){var o={},i=xe.getSlidesToSlide(n,r);return Array(e).fill(0).forEach((function(e,r){var a=fe.getOriginalCounterPart(r,n,t);if(0===r)o[0]=a;else{var l=o[r-1]+i;o[r]=l}})),o},Object.defineProperty(be,"__esModule",{value:!0});var Te=e,ye=R,_e=ve,we=V;be.default=function(e){var n=e.props,r=e.state,t=e.goToSlide,o=e.getState,i=n.showDots,a=n.customDot,l=n.dotListClass,s=n.infinite,d=n.children;if(!i||we.notEnoughChildren(r))return null;var c,p=r.currentSlide,m=r.slidesToShow,u=we.getSlidesToSlide(r,n),g=Te.Children.toArray(d);c=s?Math.ceil(g.length/u):Math.ceil((g.length-m)/u)+1;var h=_e.getLookupTableForNextSlides(c,r,n,g),b=ye.getOriginalIndexLookupTableByClones(m,g),v=b[p];return Te.createElement("ul",{className:"react-multi-carousel-dot-list "+l},Array(c).fill(0).map((function(e,n){var r,i;if(s){i=h[n];var l=b[i];r=v===l||l<=v&&v<l+u}else{var d=g.length-m,c=n*u;r=(i=d<c?d:c)===p||i<p&&p<i+u&&p<g.length-m}return a?Te.cloneElement(a,{index:n,active:r,key:n,onClick:function(){return t(i)},carouselState:o()}):Te.createElement("li",{"data-index":n,key:n,className:"react-multi-carousel-dot "+(r?"react-multi-carousel-dot--active":"")},Te.createElement("button",{"aria-label":"Go to slide "+(n+1),onClick:function(){return t(i)}}))})))};var Ce={};Object.defineProperty(Ce,"__esModule",{value:!0});var Se=e;Ce.LeftArrow=function(e){var n=e.customLeftArrow,r=e.getState,t=e.previous,o=e.disabled,i=e.rtl;if(n)return Se.cloneElement(n,{onClick:function(){return t()},carouselState:r(),disabled:o,rtl:i});var a=i?"rtl":"";return Se.createElement("button",{"aria-label":"Go to previous slide",className:"react-multiple-carousel__arrow react-multiple-carousel__arrow--left "+a,onClick:function(){return t()},type:"button",disabled:o})};Ce.RightArrow=function(e){var n=e.customRightArrow,r=e.getState,t=e.next,o=e.disabled,i=e.rtl;if(n)return Se.cloneElement(n,{onClick:function(){return t()},carouselState:r(),disabled:o,rtl:i});var a=i?"rtl":"";return Se.createElement("button",{"aria-label":"Go to next slide",className:"react-multiple-carousel__arrow react-multiple-carousel__arrow--right "+a,onClick:function(){return t()},type:"button",disabled:o})};var ke={};Object.defineProperty(ke,"__esModule",{value:!0});var Ie=e,Pe=D;ke.default=function(e){var n=e.props,r=e.state,t=e.goToSlide,o=e.clones,i=e.notEnoughChildren,a=r.itemWidth,l=n.children,s=n.infinite,d=n.itemClass,c=n.itemAriaLabel,p=n.partialVisbile,m=n.partialVisible,u=Pe.getInitialState(r,n),g=u.flexBisis,h=u.shouldRenderOnSSR,b=u.domFullyLoaded,v=u.partialVisibilityGutter;return u.shouldRenderAtAll?(p&&console.warn('WARNING: Please correct props name: "partialVisible" as old typo will be removed in future versions!'),Ie.createElement(Ie.Fragment,null,(s?o:Ie.Children.toArray(l)).map((function(e,o){return Ie.createElement("li",{key:o,"data-index":o,onClick:function(){n.focusOnSelect&&t(o)},"aria-hidden":Pe.getIfSlideIsVisbile(o,r)?"false":"true","aria-label":c||(e.props.ariaLabel?e.props.ariaLabel:null),style:{flex:h?"1 0 "+g+"%":"auto",position:"relative",width:b?((p||m)&&v&&!i?a-v:a)+"px":"auto"},className:"react-multi-carousel-item "+(Pe.getIfSlideIsVisbile(o,r)?"react-multi-carousel-item--active":"")+" "+d},e)})))):null};var Be=E&&E.__extends||function(){var e=function(n,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var r in n)n.hasOwnProperty(r)&&(e[r]=n[r])})(n,r)};return function(n,r){function t(){this.constructor=n}e(n,r),n.prototype=null===r?Object.create(r):(t.prototype=r.prototype,new t)}}();Object.defineProperty(A,"__esModule",{value:!0});var Ee=e,We=D,Le=me,Me=be,Ne=Ce,ze=ke,Ae=V,De=400,Re="transform 400ms ease-in-out",Oe=function(e){function n(n){var r=e.call(this,n)||this;return r.containerRef=Ee.createRef(),r.listRef=Ee.createRef(),r.state={itemWidth:0,slidesToShow:0,currentSlide:0,totalItems:Ee.Children.count(n.children),deviceType:"",domLoaded:!1,transform:0,containerWidth:0},r.onResize=r.onResize.bind(r),r.handleDown=r.handleDown.bind(r),r.handleMove=r.handleMove.bind(r),r.handleOut=r.handleOut.bind(r),r.onKeyUp=r.onKeyUp.bind(r),r.handleEnter=r.handleEnter.bind(r),r.setIsInThrottle=r.setIsInThrottle.bind(r),r.next=We.throttle(r.next.bind(r),n.transitionDuration||De,r.setIsInThrottle),r.previous=We.throttle(r.previous.bind(r),n.transitionDuration||De,r.setIsInThrottle),r.goToSlide=We.throttle(r.goToSlide.bind(r),n.transitionDuration||De,r.setIsInThrottle),r.onMove=!1,r.initialX=0,r.lastX=0,r.isAnimationAllowed=!1,r.direction="",r.initialY=0,r.isInThrottle=!1,r.transformPlaceHolder=0,r}return Be(n,e),n.prototype.resetTotalItems=function(){var e=this,n=Ee.Children.count(this.props.children),r=We.notEnoughChildren(this.state)?0:Math.max(0,Math.min(this.state.currentSlide,n));this.setState({totalItems:n,currentSlide:r},(function(){e.setContainerAndItemWidth(e.state.slidesToShow,!0)}))},n.prototype.setIsInThrottle=function(e){void 0===e&&(e=!1),this.isInThrottle=e},n.prototype.setTransformDirectly=function(e,n){var r=this.props.additionalTransfrom;this.transformPlaceHolder=e;var t=Ae.getTransform(this.state,this.props,this.transformPlaceHolder);this.listRef&&this.listRef.current&&(this.setAnimationDirectly(n),this.listRef.current.style.transform="translate3d("+(t+r)+"px,0,0)")},n.prototype.setAnimationDirectly=function(e){this.listRef&&this.listRef.current&&(this.listRef.current.style.transition=e?this.props.customTransition||Re:"none")},n.prototype.componentDidMount=function(){this.setState({domLoaded:!0}),this.setItemsToShow(),window.addEventListener("resize",this.onResize),this.onResize(!0),this.props.keyBoardControl&&window.addEventListener("keyup",this.onKeyUp),this.props.autoPlay&&(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed))},n.prototype.setClones=function(e,n,r,t){var o=this;void 0===t&&(t=!1),this.isAnimationAllowed=!1;var i=Ee.Children.toArray(this.props.children),a=We.getInitialSlideInInfiniteMode(e||this.state.slidesToShow,i),l=We.getClones(this.state.slidesToShow,i),s=i.length<this.state.slidesToShow?0:this.state.currentSlide;this.setState({totalItems:l.length,currentSlide:r&&!t?s:a},(function(){o.correctItemsPosition(n||o.state.itemWidth)}))},n.prototype.setItemsToShow=function(e,n){var r=this,t=this.props.responsive;Object.keys(t).forEach((function(o){var i=t[o],a=i.breakpoint,l=i.items,s=a.max,d=a.min,c=[window.innerWidth];window.screen&&window.screen.width&&c.push(window.screen.width);var p=Math.min.apply(Math,c);d<=p&&p<=s&&(r.setState({slidesToShow:l,deviceType:o}),r.setContainerAndItemWidth(l,e,n))}))},n.prototype.setContainerAndItemWidth=function(e,n,r){var t=this;if(this.containerRef&&this.containerRef.current){var o=this.containerRef.current.offsetWidth,i=We.getItemClientSideWidth(this.props,e,o);this.setState({containerWidth:o,itemWidth:i},(function(){t.props.infinite&&t.setClones(e,i,n,r)})),n&&this.correctItemsPosition(i)}},n.prototype.correctItemsPosition=function(e,n,r){n&&(this.isAnimationAllowed=!0),!n&&this.isAnimationAllowed&&(this.isAnimationAllowed=!1);var t=this.state.totalItems<this.state.slidesToShow?0:-e*this.state.currentSlide;r&&this.setTransformDirectly(t,!0),this.setState({transform:t})},n.prototype.onResize=function(e){var n;n=!(!this.props.infinite||"boolean"==typeof e&&e),this.setItemsToShow(n)},n.prototype.componentDidUpdate=function(e,r){var t=this,o=e.keyBoardControl,i=e.autoPlay,a=e.children,l=r.containerWidth,s=r.domLoaded,d=r.currentSlide;if(this.containerRef&&this.containerRef.current&&this.containerRef.current.offsetWidth!==l&&(this.itemsToShowTimeout&&clearTimeout(this.itemsToShowTimeout),this.itemsToShowTimeout=setTimeout((function(){t.setItemsToShow(!0)}),this.props.transitionDuration||De)),o&&!this.props.keyBoardControl&&window.removeEventListener("keyup",this.onKeyUp),!o&&this.props.keyBoardControl&&window.addEventListener("keyup",this.onKeyUp),i&&!this.props.autoPlay&&this.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=void 0),i||!this.props.autoPlay||this.autoPlay||(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed)),a.length!==this.props.children.length?n.clonesTimeout=setTimeout((function(){t.props.infinite?t.setClones(t.state.slidesToShow,t.state.itemWidth,!0,!0):t.resetTotalItems()}),this.props.transitionDuration||De):this.props.infinite&&this.state.currentSlide!==d&&this.correctClonesPosition({domLoaded:s}),this.transformPlaceHolder!==this.state.transform&&(this.transformPlaceHolder=this.state.transform),this.props.autoPlay&&this.props.rewind&&!this.props.infinite&&We.isInRightEnd(this.state)){var c=this.props.transitionDuration||De;n.isInThrottleTimeout=setTimeout((function(){t.setIsInThrottle(!1),t.resetAutoplayInterval(),t.goToSlide(0,void 0,!!t.props.rewindWithAnimation)}),c+this.props.autoPlaySpeed)}},n.prototype.correctClonesPosition=function(e){var r=this,t=e.domLoaded,o=Ee.Children.toArray(this.props.children),i=We.checkClonesPosition(this.state,o,this.props),a=i.isReachingTheEnd,l=i.isReachingTheStart,s=i.nextSlide,d=i.nextPosition;this.state.domLoaded&&t&&(a||l)&&(this.isAnimationAllowed=!1,n.transformTimeout=setTimeout((function(){r.setState({transform:d,currentSlide:s})}),this.props.transitionDuration||De))},n.prototype.next=function(e){var r=this;void 0===e&&(e=0);var t=this.props,o=t.afterChange,i=t.beforeChange;if(!We.notEnoughChildren(this.state)){var a=We.populateNextSlides(this.state,this.props,e),l=a.nextSlides,s=a.nextPosition,d=this.state.currentSlide;void 0!==l&&void 0!==s&&("function"==typeof i&&i(l,this.getState()),this.isAnimationAllowed=!0,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({transform:s,currentSlide:l},(function(){"function"==typeof o&&(n.afterChangeTimeout=setTimeout((function(){o(d,r.getState())}),r.props.transitionDuration||De))})))}},n.prototype.previous=function(e){var r=this;void 0===e&&(e=0);var t=this.props,o=t.afterChange,i=t.beforeChange;if(!We.notEnoughChildren(this.state)){var a=We.populatePreviousSlides(this.state,this.props,e),l=a.nextSlides,s=a.nextPosition;if(void 0!==l&&void 0!==s){var d=this.state.currentSlide;"function"==typeof i&&i(l,this.getState()),this.isAnimationAllowed=!0,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({transform:s,currentSlide:l},(function(){"function"==typeof o&&(n.afterChangeTimeout2=setTimeout((function(){o(d,r.getState())}),r.props.transitionDuration||De))}))}}},n.prototype.resetAutoplayInterval=function(){this.props.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed))},n.prototype.componentWillUnmount=function(){window.removeEventListener("resize",this.onResize),this.props.keyBoardControl&&window.removeEventListener("keyup",this.onKeyUp),this.props.autoPlay&&this.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=void 0),this.itemsToShowTimeout&&clearTimeout(this.itemsToShowTimeout),n.clonesTimeout&&clearTimeout(n.clonesTimeout),n.isInThrottleTimeout&&clearTimeout(n.isInThrottleTimeout),n.transformTimeout&&clearTimeout(n.transformTimeout),n.afterChangeTimeout&&clearTimeout(n.afterChangeTimeout),n.afterChangeTimeout2&&clearTimeout(n.afterChangeTimeout2),n.afterChangeTimeout3&&clearTimeout(n.afterChangeTimeout3)},n.prototype.resetMoveStatus=function(){this.onMove=!1,this.initialX=0,this.lastX=0,this.direction="",this.initialY=0},n.prototype.getCords=function(e){var n=e.clientX,r=e.clientY;return{clientX:Ae.parsePosition(this.props,n),clientY:Ae.parsePosition(this.props,r)}},n.prototype.handleDown=function(e){if(!(!Le.isMouseMoveEvent(e)&&!this.props.swipeable||Le.isMouseMoveEvent(e)&&!this.props.draggable||this.isInThrottle)){var n=this.getCords(Le.isMouseMoveEvent(e)?e:e.touches[0]),r=n.clientX,t=n.clientY;this.onMove=!0,this.initialX=r,this.initialY=t,this.lastX=r,this.isAnimationAllowed=!1}},n.prototype.handleMove=function(e){if(!(!Le.isMouseMoveEvent(e)&&!this.props.swipeable||Le.isMouseMoveEvent(e)&&!this.props.draggable||We.notEnoughChildren(this.state))){var n=this.getCords(Le.isMouseMoveEvent(e)?e:e.touches[0]),r=n.clientX,t=n.clientY,o=this.initialX-r,i=this.initialY-t;if(this.onMove){if(!(Math.abs(o)>Math.abs(i)))return;var a=We.populateSlidesOnMouseTouchMove(this.state,this.props,this.initialX,this.lastX,r,this.transformPlaceHolder),l=a.direction,s=a.nextPosition,d=a.canContinue;l&&(this.direction=l,d&&void 0!==s&&this.setTransformDirectly(s)),this.lastX=r}}},n.prototype.handleOut=function(e){this.props.autoPlay&&!this.autoPlay&&(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed));var n="touchend"===e.type&&!this.props.swipeable,r=("mouseleave"===e.type||"mouseup"===e.type)&&!this.props.draggable;if(!n&&!r&&this.onMove){if(this.setAnimationDirectly(!0),"right"===this.direction)if(this.initialX-this.lastX>=this.props.minimumTouchDrag){var t=Math.round((this.initialX-this.lastX)/this.state.itemWidth);this.next(t)}else this.correctItemsPosition(this.state.itemWidth,!0,!0);"left"===this.direction&&(this.lastX-this.initialX>this.props.minimumTouchDrag?(t=Math.round((this.lastX-this.initialX)/this.state.itemWidth),this.previous(t)):this.correctItemsPosition(this.state.itemWidth,!0,!0)),this.resetMoveStatus()}},n.prototype.isInViewport=function(e){var n=e.getBoundingClientRect(),r=n.top,t=void 0===r?0:r,o=n.left,i=void 0===o?0:o,a=n.bottom,l=void 0===a?0:a,s=n.right,d=void 0===s?0:s;return 0<=t&&0<=i&&l<=(window.innerHeight||document.documentElement.clientHeight)&&d<=(window.innerWidth||document.documentElement.clientWidth)},n.prototype.isChildOfCarousel=function(e){return!!(e instanceof Element&&this.listRef&&this.listRef.current)&&this.listRef.current.contains(e)},n.prototype.onKeyUp=function(e){var n=e.target;switch(e.keyCode){case 37:if(this.isChildOfCarousel(n))return this.previous();break;case 39:if(this.isChildOfCarousel(n))return this.next();break;case 9:if(this.isChildOfCarousel(n)&&n instanceof HTMLInputElement&&this.isInViewport(n))return this.next()}},n.prototype.handleEnter=function(e){Le.isMouseMoveEvent(e)&&this.autoPlay&&this.props.autoPlay&&this.props.pauseOnHover&&(clearInterval(this.autoPlay),this.autoPlay=void 0)},n.prototype.goToSlide=function(e,r,t){var o=this;if(void 0===t&&(t=!0),!this.isInThrottle){var i=this.state.itemWidth,a=this.props,l=a.afterChange,s=a.beforeChange,d=this.state.currentSlide;"function"!=typeof s||r&&("object"!=typeof r||r.skipBeforeChange)||s(e,this.getState()),this.isAnimationAllowed=t,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({currentSlide:e,transform:-i*e},(function(){o.props.infinite&&o.correctClonesPosition({domLoaded:!0}),"function"!=typeof l||r&&("object"!=typeof r||r.skipAfterChange)||(n.afterChangeTimeout3=setTimeout((function(){l(d,o.getState())}),o.props.transitionDuration||De))}))}},n.prototype.getState=function(){return this.state},n.prototype.renderLeftArrow=function(e){var n=this,r=this.props,t=r.customLeftArrow,o=r.rtl;return Ee.createElement(Ne.LeftArrow,{customLeftArrow:t,getState:function(){return n.getState()},previous:this.previous,disabled:e,rtl:o})},n.prototype.renderRightArrow=function(e){var n=this,r=this.props,t=r.customRightArrow,o=r.rtl;return Ee.createElement(Ne.RightArrow,{customRightArrow:t,getState:function(){return n.getState()},next:this.next,disabled:e,rtl:o})},n.prototype.renderButtonGroups=function(){var e=this,n=this.props.customButtonGroup;return n?Ee.cloneElement(n,{previous:function(){return e.previous()},next:function(){return e.next()},goToSlide:function(n,r){return e.goToSlide(n,r)},carouselState:this.getState()}):null},n.prototype.renderDotsList=function(){var e=this;return Ee.createElement(Me.default,{state:this.state,props:this.props,goToSlide:this.goToSlide,getState:function(){return e.getState()}})},n.prototype.renderCarouselItems=function(){var e=[];if(this.props.infinite){var n=Ee.Children.toArray(this.props.children);e=We.getClones(this.state.slidesToShow,n)}return Ee.createElement(ze.default,{clones:e,goToSlide:this.goToSlide,state:this.state,notEnoughChildren:We.notEnoughChildren(this.state),props:this.props})},n.prototype.render=function(){var e=this.props,n=e.deviceType,r=e.arrows,t=e.renderArrowsWhenDisabled,o=e.removeArrowOnDeviceType,i=e.infinite,a=e.containerClass,l=e.sliderClass,s=e.customTransition,d=e.additionalTransfrom,c=e.renderDotsOutside,p=e.renderButtonGroupOutside,m=e.className,u=e.rtl;"production"!==process.env.NODE_ENV&&We.throwError(this.state,this.props);var g=We.getInitialState(this.state,this.props),h=g.shouldRenderOnSSR,b=g.shouldRenderAtAll,v=We.isInLeftEnd(this.state),f=We.isInRightEnd(this.state),x=r&&!(o&&(n&&-1<o.indexOf(n)||this.state.deviceType&&-1<o.indexOf(this.state.deviceType)))&&!We.notEnoughChildren(this.state)&&b,T=!i&&v,y=!i&&f,_=Ae.getTransform(this.state,this.props);return Ee.createElement(Ee.Fragment,null,Ee.createElement("div",{className:"react-multi-carousel-list "+a+" "+m,dir:u?"rtl":"ltr",ref:this.containerRef},Ee.createElement("ul",{ref:this.listRef,className:"react-multi-carousel-track "+l,style:{transition:this.isAnimationAllowed?s||Re:"none",overflow:h?"hidden":"unset",transform:"translate3d("+(_+d)+"px,0,0)"},onMouseMove:this.handleMove,onMouseDown:this.handleDown,onMouseUp:this.handleOut,onMouseEnter:this.handleEnter,onMouseLeave:this.handleOut,onTouchStart:this.handleDown,onTouchMove:this.handleMove,onTouchEnd:this.handleOut},this.renderCarouselItems()),x&&(!T||t)&&this.renderLeftArrow(T),x&&(!y||t)&&this.renderRightArrow(y),b&&!p&&this.renderButtonGroups(),b&&!c&&this.renderDotsList()),b&&c&&this.renderDotsList(),b&&p&&this.renderButtonGroups())},n.defaultProps={slidesToSlide:1,infinite:!1,draggable:!0,swipeable:!0,arrows:!0,renderArrowsWhenDisabled:!1,containerClass:"",sliderClass:"",itemClass:"",keyBoardControl:!0,autoPlaySpeed:3e3,showDots:!1,renderDotsOutside:!1,renderButtonGroupOutside:!1,minimumTouchDrag:80,className:"",dotListClass:"",focusOnSelect:!1,centerMode:!1,additionalTransfrom:0,pauseOnHover:!0,shouldResetAutoplay:!0,rewind:!1,rtl:!1,rewindWithAnimation:!1},n}(Ee.Component);A.default=Oe,Object.defineProperty(z,"__esModule",{value:!0});var je=A;z.default=je.default,N.exports=z;var Ve=W(M),Fe={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: #e6e3df;\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 Ge=({content:n})=>{var r;const t=d();return e.createElement("div",{style:{position:"relative"}},e.createElement(Ve,{infinite:null==n?void 0:n.enableCycle,responsive:{desktop:{breakpoint:{max:7e3,min:1440},items:1},tabletLarge:{breakpoint:{max:1439,min:1024},items:1,partialVisibilityGutter:60},tabletMedium:{breakpoint:{max:1023,min:768},items:1,partialVisibilityGutter:60},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,i;const{onClick:a,active:l,index:s}=r;return e.createElement("div",{className:l?Fe.stageTeaserTabActive:Fe.stageTeaserTab,onClick:()=>(()=>{var e,r;const t=null===(r=null===(e=n.bloks)||void 0===e?void 0:e[s])||void 0===r?void 0:r.analyticsTitle;a(),S(w,"article_pagination_icon_click",{banner_promotion_name:t,component:C})})()},e.createElement("img",{src:null===(i=null===(o=null===(t=null==n?void 0:n.bloks)||void 0===t?void 0:t[s])||void 0===o?void 0:o.thumbImage)||void 0===i?void 0:i.filename,alt:"arrow",width:64,height:64}))}),null):e.createElement(e.Fragment,null),dotListClass:Fe.carousel_dot,itemClass:Fe.carouselItem,ssr:!0,arrows:!1,containerClass:Fe.carouselContainer,sliderClass:Fe.sliderClass,customButtonGroup:e.createElement((r=>{var o,i,a,l;const s=null===(o=null==r?void 0:r.carouselState)||void 0===o?void 0:o.currentSlide;return e.createElement(e.Fragment,null,(null===(i=null==n?void 0:n.bloks)||void 0===i?void 0:i.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:Fe.leftArrow,onClick:()=>(()=>{var e,t;const o=s<=0?0:s-1,i=null===(t=null===(e=n.bloks)||void 0===e?void 0:e[o])||void 0===t?void 0:t.analyticsTitle;r.previous(),S(w,"article_pagination_left_click",{banner_promotion_name:i,component:C})})()}),e.createElement("button",{disabled:(null===(l=null==r?void 0:r.carouselState)||void 0===l?void 0:l.currentSlide)+1===(null==r?void 0:r.carouselState.totalItems),className:Fe.rightArrow,onClick:()=>{(()=>{var e,t,o;const i=null===(e=null==r?void 0:r.carouselState)||void 0===e?void 0:e.totalItems,a=s>=i?i:s+1,l=null===(o=null===(t=n.bloks)||void 0===t?void 0:t[a])||void 0===o?void 0:o.analyticsTitle;r.next(),S(w,"article_pagination_right_click",{banner_promotion_name:l,component:C})})()}})))}),null),customTransition:"transform 1s ease",transitionDuration:500,partialVisbile:"large-desktop"!==t},n.bloks.map(((n,r)=>e.createElement(B,{content:n,key:r,index:r})))))};export{k as ButtonGroup,y as ImageComponent,B as ImageWithText,Ge as ImageWithTextWrapper,b as RibbonComponent,x as StageTeaserComponent,I as TextComponent};
2
2
  //# sourceMappingURL=index.js.map
package/dist/esm/utils/data-source.d.ts ADDED
@@ -0,0 +1 @@
1
+ export type HeadingVariants = 'h1' | 'h2' | 'h3' | 'h4';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sunrise-upc/sales-static-components",
3
- "version": "0.1.8",
3
+ "version": "0.1.10",
4
4
  "description": "Static Reusable Components Library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",