@-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}
.storyintroduction__base:before,.storyintroduction__base:after{content:".";display:block;height:0;overflow:hidden}
.storyintroduction__base:after{clear:both}
@media(min-width:768px){.storyintroduction__base{margin-top:62px}
}
@media(min-width:1025px){.storyintroduction__base{margin-top:123px}
}
@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:1024px),(max-height:450px){.storyintroduction__base .mainVideo{position:relative}
.storyintroduction__base .mainVideo ~ .responsiveMedia__wrapper{display:none}
}
@media(min-width:1025px) and (min-height:450px){.storyintroduction__base{padding-top:90px}
}
.storyintroduction__img{object-fit:cover;font-family:"object-fit: cover;";width:100%;height:100%;display:block}
.storyintroduction__smartpanel{display:block;width:100%;position:relative;zoom:1;background:#f3f3f0;overflow:hidden;padding-bottom:40px;padding-top:30px;z-index:1000}
.storyintroduction__smartpanel:before,.storyintroduction__smartpanel:after{content:".";display:block;height:0;overflow:hidden}
.storyintroduction__smartpanel:after{clear:both}
.storyintroduction__smartpanel:before,.storyintroduction__smartpanel:after{content:" ";display:table}
.storyintroduction__smartpanel:after{clear:both}
@media(min-width:600px){.storyintroduction__smartpanel{padding-top:40px}
}
@media(min-width:1025px) and (min-height:450px){.storyintroduction__smartpanel{background:0;padding-top:30px;position:relative;display:flex;align-items:center}
}
.storyintroduction__smartpanel__actions{display:flex;align-items:center}
.storyintroduction__smartpanel__link{margin-top:30px;color:inherit;font-weight:700;line-height:16px}
.storyintroduction__smartpanel--download:hover span{border-bottom:1px solid}
.storyintroduction__smartpanel--download:active span{border-bottom:0}
.storyintroduction__smartpanel--download span{font-size:1rem;font-family:inherit;line-height:1.5;margin-top:-0.0725em;margin-bottom:-0.1025em;border-bottom:0;padding-bottom:0;display:inline-block}
.storyintroduction__smartpanel--download:before{font-size:20px;position:relative;top:-2px}
.storyintroduction__smartpanel__base{width:100%;float:left;margin-left:0;margin-right:0}
@media(min-width:1025px) and (min-height:450px){.storyintroduction__smartpanel__base{width:66.1016949153%;float:left;margin-right:1.6949152542%;background:rgba(243,243,240,0.95);padding:40px 50px;max-width:619px}
}
.storyintroduction__smartpanel__base--top{display:flex;min-height:44px}
.storyintroduction__smartpanel__base--top+.storyintroduction__smartpanel--text{margin-top:20px}
.storyintroduction__smartpanel__base+.conversionbutton{padding-top:40px;clear:left}
@media(min-width:600px){.storyintroduction__smartpanel__base+.conversionbutton{padding-top:0;clear:none}
}
.storyintroduction__smartpanel__content{padding-left:3.75%;padding-right:3.75%;max-width:1170px;width:100%;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;color:#000028}
@media(min-width:1170px){.storyintroduction__smartpanel__content{padding-left:calc(3.75% - ((100% - 1170px) / 2));padding-right:calc(3.75% - ((100% - 1170px) / 2))}
}
@media(min-width:1264px){.storyintroduction__smartpanel__content{padding-left:0;padding-right:0}
}
.storyintroduction__smartpanel__headerContainer{width:100%}
.storyintroduction__smartpanel--header{font-size:2.375rem;font-family:inherit;line-height:1.1578947368;font-family:"Siemens Sans Bold",Arial,sans-serif;position:relative;padding-left:30px}
@media(min-width:1025px){.storyintroduction__smartpanel--header{font-size:3rem;font-family:inherit;line-height:1.125;margin-bottom:-0.0154166667em}
}
.storyintroduction__smartpanel--header:before{background:linear-gradient(90deg,#00ffb9 0,#00e6dc 100%);content:"";position:absolute;bottom:0;top:0;left:0;width:5px}
@media(min-width:768px){.storyintroduction__smartpanel--header{max-width:614px}
}
@media(min-width:1025px) and (min-height:450px){.storyintroduction__smartpanel--header{max-width:100%}
}
.storyintroduction__smartpanel--text{font-size:1rem;font-family:inherit;line-height:1.5;margin-top:-0.0725em;margin-bottom:.0225em;display:block}
@media(min-width:768px){.storyintroduction__smartpanel--text{max-width:614px}
}
@media(min-width:1025px) and (min-height:450px){.storyintroduction__smartpanel--text{max-width:75%}
}
.storyintroduction__smartpanel--text.cq-Editable-dom{min-height:25px}
.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton{margin-bottom:0;margin-top:0}
@media(min-width:1025px) and (min-height:450px){.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton{position:absolute;bottom:0;right:3.75%}
.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton .conversionbutton__text{background:rgba(243,243,240,0.95);padding:10px 20px}
}
@media(min-width:1200px) and (min-height:450px){.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton{right:0}
}
.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton .conversionbutton__base{margin-bottom:0;margin-right:0;padding-left:0;padding-right:0}
.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 .conversionbutton__text{font-size:1rem;font-family:inherit;line-height:1.5;margin-top:-0.0725em;margin-bottom:.0225em;min-width:212px;width:100%;font-weight:700;margin-bottom:10px}
@media(min-width:600px){.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton .conversionbutton__text{text-align:right}
}
.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton__wrapper{margin-top:0;margin-bottom:0;display:flex;flex-direction:column;align-items:flex-end}
.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton .conversionbutton__btn{display:inline-flex;min-width:212px;width:100%}
.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton .conversionbutton__btn__text{font-weight:700;line-height:1}
@media(min-width:1025px){.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton.cq-Editable-dom{position:absolute}
}
.storyintroduction__scrolldown{display:none}
@media(min-width:1025px) 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:1001}
}
.storyintroduction__scrolldown:before{font-size:20px;color:#dfdfd9}
.storyintroduction__scrolldown:hover{-webkit-animation:bounce-down 2.5s infinite;animation:bounce-down 2.5s infinite}
@media(min-width:1025px) and (min-height:450px){.storyintroduction--fullscreen{min-height:calc(100vh - 123px);display:flex;align-items:flex-end;padding-bottom:40px}
}
.storyintroduction--overlayTop{pointer-events:none}
@media(min-width:1025px) and (min-height:450px){.storyintroduction--overlayTop{background:linear-gradient(rgba(0,0,40,0.5),rgba(0,0,40,0));height:25%;width:100%;position:absolute;z-index:1;top:0}
}
.storyintroduction--overlayBottom{pointer-events:none}
@media(min-width:1025px) and (min-height:450px){.storyintroduction--overlayBottom{background:linear-gradient(180deg,rgba(0,0,38,0) 21.31%,rgba(0,0,38,0.5) 100%);height:90px;width:100%;position:absolute;bottom:0;z-index:1}
}
@media(min-width:1025px) and (min-height:450px){.storyintroduction--panorama{min-height:50vh;display:flex;align-items:flex-end}
.storyintroduction--panorama .storyintroduction__smartpanel{padding-top:90px;padding-bottom:40px;min-height:100%}
.storyintroduction--panorama .storyintroduction__smartpanel__base{width:75%;max-width:701px;padding-bottom:30px}
.storyintroduction--panorama .storyintroduction__smartpanel__link{margin-top:10px}
.storyintroduction--panorama .responsiveMedia__img{min-height:50vh}
}
.storyintroduction .responsiveMedia__wrapper{position:relative;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:1025px) and (min-height:450px){.storyintroduction .responsiveMedia__wrapper{position:absolute;width:100%;top:0;left:0;right:0;bottom:0}
.storyintroduction .responsiveMedia__wrapper .responsiveMedia__wrapper{top:auto;bottom:auto}
}
.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%;display:block}
.storyintroduction .video__base .vjs-big-play-button{height:64px;width:64px}
.storyintroduction .video__base .vjs-big-play-button .vjs-icon-placeholder:before{font-size:42px}
.storyintroduction__play-button{display:none;background:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;align-items:center;margin-right:50px}
@media(min-width:1025px){.storyintroduction__play-button{display:flex}
}
.storyintroduction__play-button .ui__btn{background:linear-gradient(90deg,#00ffb9 0,#00e6dc 100%);background-color:#62eec7;cursor:pointer;color:#000028;z-index:1;width:32px;height:32px;padding:0;border:0;border-radius:50%;position:relative;display:block;margin-right:20px}
.storyintroduction__play-button .ui__btn:hover{background-image:none}
.storyintroduction__play-button .ui__btn:before{padding:0;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-45%,-50%)}
.storyintroduction__play-button .storyintroduction__play-text{font-size:1rem;font-family:inherit;line-height:1.5;margin-top:-0.0725em;margin-bottom:-0.1025em;cursor:pointer}
.storyintroduction__play-button .storyintroduction__play-text:hover{color:#005159;border-bottom:1px solid #005159}
[dir=rtl] .storyintroduction__smartpanel__base{width:100%;float:right;margin-right:0;margin-left:0}
@media(min-width:768px) and (min-height:450px){[dir=rtl] .storyintroduction__smartpanel__base{width:66.1016949153%;float:right;margin-left:1.6949152542%;padding:30px}
}
@media(min-width:1025px){[dir=rtl] .storyintroduction__smartpanel__base{width:40.6779661017%;float:right;margin-left:1.6949152542%}
}
@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:768px) and (min-height:450px){[dir=rtl] .storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton{right:auto;left:0}
}