@-webkit-keyframes bounce-down{0{transform:translateY(0)}
15%{transform:translateY(5px)}
30%,100%{transform:translateY(0)}
}
@keyframes bounce-down{0{transform:translateY(0)}
15%{transform:translateY(5px)}
30%,100%{transform:translateY(0)}
}
.storyintroduction__base{display:block;width:100%;position:relative;zoom:1;min-height:400px;background:#1b1534}
.storyintroduction__base:before,.storyintroduction__base:after{content:".";display:block;height:0;overflow:hidden}
.storyintroduction__base:after{clear:both}
@media(min-width:1024px){.storyintroduction__base{display:flex;flex-direction:column}
}
@media(min-width:1024px) and (min-height:450px){.storyintroduction__base{background:0}
}
@media(min-width:320px) and (max-width:1024px),(max-height:450px){.storyintroduction__base .video__base[data-background] .video-js{display:none}
}
.storyintroduction__base .mainVideo{position:absolute}
@media(min-width:320px) and (max-width:1023px),(max-height:450px){.storyintroduction__base .mainVideo{position:relative}
.storyintroduction__base .mainVideo ~ .responsiveMedia__wrapper{display:none}
}
.storyintroduction__img{object-fit:cover;font-family:"object-fit: cover;";width:100%;height:100%;display:block}
@media(min-width:320px){.storyintroduction .responsiveMedia__wrapper{margin-bottom:30px}
}
.storyintroduction__smartpanel{background:#1b1534;flex:1 auto;width:100%;margin-left:0;display:flex}
@media(min-width:1024px){.storyintroduction__smartpanel{display:block}
}
.storyintroduction__smartpanel--header,.storyintroduction__smartpanel--text{color:#fff}
@media(min-width:1024px){.storyintroduction__base--purpleColoredText .storyintroduction__smartpanel--header,.storyintroduction__base--purpleColoredText .storyintroduction__smartpanel--text{color:#1b1534}
}
@media(min-width:1024px) and (min-height:450px){.storyintroduction__smartpanel{background:0;padding-bottom:0;padding-top:0;position:absolute}
}
@media(min-width:768px) and (min-height:450px){.storyintroduction__smartpanel--empty{top:100px}
}
.storyintroduction__smartpanel--full{flex:1 auto;z-index:2}
@media(min-width:768px) and (min-height:450px){.storyintroduction__smartpanel--full{bottom:0;padding-right:3.75%;padding-left:3.75%}
}
@media(min-width:1024px){.storyintroduction__smartpanel--full{padding-left:3.75%;padding-right:3.75%;max-width:1170px;background:transparent;position:relative;margin:21.5vh auto 0;top:0}
}
@media(min-width:1024px) and (min-width:1170px){.storyintroduction__smartpanel--full{padding-left:calc(3.75% - ((100% - 1170px) / 2));padding-right:calc(3.75% - ((100% - 1170px) / 2))}
}
@media(min-width:1024px) and (min-width:1264px){.storyintroduction__smartpanel--full{padding-left:0;padding-right:0}
}
.storyintroduction__smartpanel--link{margin-top:40px}
.storyintroduction__smartpanel--link:visited .storyintroduction__smartpanel--download{color:#becdd7}
.storyintroduction__smartpanel--download{display:none;margin-top:30px}
.storyintroduction__smartpanel--download:hover span{border-bottom:1px solid}
.storyintroduction__smartpanel--download:active span{border-bottom:0}
.storyintroduction__smartpanel--download span{border-bottom:0}
@media(min-width:320px){.storyintroduction__smartpanel--download span{font-size:.875rem;font-family:"Siemens Sans",Arial,sans-serif;line-height:1.1428571429;margin-top:0}
}
.storyintroduction__smartpanel__base{flex-grow:1}
@media(min-width:768px) and (min-height:450px){.storyintroduction__smartpanel__base{width:100%;background:0}
}
@media(min-width:768px){.storyintroduction__smartpanel__base{width:80%;flex-grow:0}
}
@media(min-width:1024px){.storyintroduction__smartpanel__base{width:57.6271186441%;padding-right:3.75%}
}
@media(min-width:1399px){.storyintroduction__smartpanel__base{width:49.1525423729%}
}
@media(min-width:1919px){.storyintroduction__smartpanel__base{width:57.6271186441%}
}
.storyintroduction__smartpanel__content{margin:0 auto;position:relative;overflow:visible;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;max-width:1170px;z-index:2}
@media(min-width:320px) and (max-width:1024px){.storyintroduction__smartpanel__content{width:100%;display:block}
}
@media(min-width:320px) and (max-width:767px){.storyintroduction__smartpanel__content{padding:0 20px}
}
@media(min-width:768px){.storyintroduction__smartpanel__headerContainer{margin-top:-7px}
}
.storyintroduction__smartpanel--header{margin-bottom:40px;margin-top:30px;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}
@media(min-width:768px){.storyintroduction__smartpanel--header{font-size:2.75rem;font-family:"Siemens Sans",Arial,sans-serif;letter-spacing:-0.01875rem;font-weight:800;line-height:1.1818181818;margin-top:-0.2034545455em;margin-bottom:.8476363636em}
}
@media(min-width:1200px){.storyintroduction__smartpanel--header{font-size:3.75rem;font-family:"Siemens Sans",Arial,sans-serif;letter-spacing:-0.025rem;font-weight:800;line-height:1.1666666667;margin-top:-0.226em;margin-bottom:.552em}
}
@media(min-width:768px){.storyintroduction__smartpanel--header{margin-top:50px;word-break:normal;-webkit-hyphens:none;hyphens:none}
}
.storyintroduction__smartpanel .storyintroduction__play-button{background:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0}
@media(min-width:320px) and (max-width:1024px),(max-height:450px){.storyintroduction__smartpanel .storyintroduction__play-button{display:none}
}
@media(min-width:767px){.storyintroduction__smartpanel .storyintroduction__play-button{position:absolute;left:75%;top:25%}
}
.storyintroduction__smartpanel .ui__btn{flex:0 0 72px;width:60px;height:60px;margin-right:20px;background-color:rgba(255,255,255,0.5);border-radius:50%;color:#1b1534;border:0;align-items:center;display:flex;justify-content:center}
.storyintroduction__smartpanel .ui__btn:before{font-size:32px;padding-left:7px}
.storyintroduction__smartpanel .ui__btn:hover,.storyintroduction__smartpanel .ui__btn:focus{background-color:white}
@media(min-width:1025px){.storyintroduction__smartpanel .ui__btn{width:80px;height:80px}
.storyintroduction__smartpanel .ui__btn:before{font-size:43px;padding-left:7px}
}
.storyintroduction__smartpanel .storyintroduction__play-text{clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}
.storyintroduction__smartpanel--text{margin-bottom:55px}
@media(min-width:320px){.storyintroduction__smartpanel--text{font-size:1.125rem;font-family:"Siemens Sans",Arial,sans-serif;letter-spacing:.0125rem;line-height:1.5333333333;margin-top:-0.2192888889em;margin-bottom:3.7064em}
}
@media(min-width:1024px){.storyintroduction__smartpanel--text{font-size:1.5rem;font-family:"Siemens Sans",Arial,sans-serif;letter-spacing:.005625rem;line-height:1.3333333333;margin-top:-0.1863333333em;margin-bottom:1.929em}
}
.storyintroduction__smartpanel--text.cq-Editable-dom{min-height:25px}
.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton .conversionbutton__base{margin-bottom:35px;margin-right:0;padding-left:0;padding-right:0}
@media(min-width:1024px){.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton .conversionbutton__base{margin-bottom:0}
}
@media(min-width:1024px){.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton{bottom:0}
}
.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton .conversionbutton__wrapper{margin-left:0;float:initial}
.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton .link-transform-icon-arrow-right-small:before,.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton .link-transform-icon-ext:before{pointer-events:none}
.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton__wrapper{margin-top:0;margin-bottom:0}
.storyintroduction__scrolldown{display:none}
@media(min-width:768px) and (min-height:450px){.storyintroduction__scrolldown{display:block;position:absolute;bottom:0;left:0;right:0;text-align:center;cursor:pointer;width:100px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto;z-index:3}
}
.storyintroduction__scrolldown:before{font-size:20px;color:#fff}
.storyintroduction__scrolldown:hover{-webkit-animation:bounce-down 2.5s infinite;animation:bounce-down 2.5s infinite}
.storyintroduction--overlayTop{pointer-events:none}
@media(min-width:1024px) and (min-height:450px){.storyintroduction--overlayTop{background:linear-gradient(rgba(10,20,25,0.5),rgba(10,20,25,0));height:25%;width:100%;position:absolute;z-index:1}
}
.storyintroduction--overlayBottom{pointer-events:none}
@media(min-width:1024px) and (min-height:450px){.storyintroduction--overlayBottom{background:linear-gradient(rgba(10,20,25,0),rgba(10,20,25,0.7));height:51%;width:100%;position:absolute;bottom:0;z-index:1}
}
.storyintroduction--fullscreen{height:auto}
@media(min-width:1024px){.storyintroduction--fullscreen{min-height:calc(100vh - 100px)}
}
@media(min-width:768px){.storyintroduction--fullscreen .responsiveMedia__wrapper picture{display:flex}
}
@media(min-width:1024px){.storyintroduction--fullscreen .responsiveMedia__wrapper picture{display:inline}
}
@media(min-width:768px) and (max-width:1024px) and (min-height:450px){.storyintroduction--panorama{height:600px}
}
@media(min-width:768px){.storyintroduction--panorama .storyintroduction__smartpanel{top:0;bottom:0;display:flex;align-items:center;justify-content:center}
}
@media(min-width:1025px){.storyintroduction--panorama{min-height:600px}
.storyintroduction--panorama .responsiveMedia__img{min-height:600px}
}
.storyintroduction--panorama .responsiveMedia__wrapper{flex:1 auto}
.storyintroduction--panorama .storyintroduction__smartpanel__content{height:100%;justify-content:center}
.storyintroduction--panorama .ui__btn[data-name=playFullScreen]{top:50%;margin-top:-36px}
.storyintroduction .responsiveMedia__wrapper{position:relative;height:auto}
@media(min-width:767px){.storyintroduction .responsiveMedia__wrapper{height:100%}
}
@media(min-width:320px) and (max-width:767px),(max-height:450px){.storyintroduction .responsiveMedia__wrapper{position:relative;padding-bottom:56.25%}
.storyintroduction .responsiveMedia__wrapper .responsiveMedia__img,.storyintroduction .responsiveMedia__wrapper .responsiveMedia__video{position:absolute}
}
@media(min-width:1024px) and (min-height:450px){.storyintroduction .responsiveMedia__wrapper{position:absolute;width:100%}
}
.storyintroduction .responsiveMedia__wrapper .responsiveMedia__pictureWrapper{height:100%}
.storyintroduction .responsiveMedia__wrapper .responsiveMedia__video{height:100%;width:100%}
.storyintroduction .responsiveMedia__wrapper .responsiveMedia__img{object-fit:cover;font-family:"object-fit: cover;";width:100%;height:100%}
@media(min-width:768px) and (min-height:450px){[dir=rtl] .storyintroduction__smartpanel--full{padding-right:0;padding-left:3.75%}
}
@media(min-width:1025px){[dir=rtl] .storyintroduction__smartpanel__content{padding-left:3.75%;padding-right:calc(3.75% - 30px)}
}
[dir=rtl] .storyintroduction__smartpanel .ui__btn[data-name=playFullScreen]{margin-right:0;margin-left:20px}
@media(min-width:767px){[dir=rtl] .storyintroduction__smartpanel .ui__btn[data-name=playFullScreen]{position:absolute;right:75%;top:25%}
}
@media(min-width:768px) and (min-height:450px){[dir=rtl] .storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton{right:auto;left:0}
}
.AEM-EditorMode .dd__placeholder--image+.storyintroduction__smartpanel .storyintroduction__smartpanel--header,.AEM-EditorMode .dd__placeholder--image+.storyintroduction__smartpanel .storyintroduction__smartpanel--text{color:#0a1419}
@media(min-width:1024px){.AEM-EditorMode .storyintroduction__smartpanel--full{margin:10.5% auto 0 auto}
}