@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:200px}
.storyintroduction__base:before,.storyintroduction__base:after{content:'.';display:block;height:0;overflow:hidden}
.storyintroduction__base:after{clear:both}
@media(min-width:200px){.storyintroduction__base{margin-top:20px}
}
@media(min-width:1025px){.storyintroduction__base{margin-top:20px}
}
.storyintroduction__base .breadcrumb{display:block;width:100%;position:relative;zoom:1;position:absolute;top:0}
.storyintroduction__base .breadcrumb:before,.storyintroduction__base .breadcrumb:after{content:'.';display:block;height:0;overflow:hidden}
.storyintroduction__base .breadcrumb:after{clear:both}
@media(min-width:1025px){.storyintroduction__base .breadcrumb{position:relative}
}
.storyintroduction__base .breadcrumb__wrapper{display:none}
@media(min-width:200px) and (min-height:450px){.storyintroduction__base .breadcrumb__wrapper{display:block}
}
.storyintroduction__base .breadcrumb__flyoutWrapper{z-index:2}
.storyintroduction__base .breadcrumb.cq-Editable-dom{margin-top:30px;height:75px}
@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:767px),(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}
.storyintroduction__smartpanel{display:block;width:100%;position:relative;zoom:1;background:linear-gradient(to right,#50bebe 0,#099 50%,#0099b0 83%,#0099cb 100%);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 h1,.storyintroduction__smartpanel h2,.storyintroduction__smartpanel h3,.storyintroduction__smartpanel h4,.storyintroduction__smartpanel h5,.storyintroduction__smartpanel p,.storyintroduction__smartpanel div{color:#fff}
.storyintroduction__smartpanel .copy a:not(.iconlink){color:#fff;text-decoration:none}
.storyintroduction__smartpanel .copy a:not(.iconlink) span{padding-bottom:2px;border-bottom:1px solid #fff}
.storyintroduction__smartpanel .copy a:not(.iconlink):active{color:#fff}
.storyintroduction__smartpanel .copy a:not(.iconlink).is-inactive{color:#9bafbe}
.storyintroduction__smartpanel .copy a:not(.iconlink):visited{color:#becdd7}
.storyintroduction__smartpanel .copy a:not(.iconlink):visited span{border-bottom-color:#becdd7}
.storyintroduction__smartpanel .copy a:not(.iconlink):hover{color:#fff}
.storyintroduction__smartpanel .copy a:not(.iconlink):hover span{padding-bottom:2px;border-bottom:1px solid #fff}
.storyintroduction__smartpanel .copy a.iconlink{color:#fff;text-decoration:none}
.storyintroduction__smartpanel .copy a.iconlink span{padding-bottom:2px;border-bottom:1px solid #fff}
.storyintroduction__smartpanel .copy a.iconlink:active{color:#fff}
.storyintroduction__smartpanel .copy a.iconlink.is-inactive{color:#9bafbe}
.storyintroduction__smartpanel .copy a.iconlink:visited{color:#becdd7}
.storyintroduction__smartpanel .copy a.iconlink:visited span{border-bottom-color:#becdd7}
.storyintroduction__smartpanel .copy a.iconlink:hover{color:#fff}
.storyintroduction__smartpanel .copy a.iconlink:hover span{padding-bottom:2px;border-bottom:1px solid #fff}
.storyintroduction__smartpanel .copy a.iconlink span{border-bottom:1px solid transparent}
@media(min-width:200px) and (min-height:450px){.storyintroduction__smartpanel{background:0;padding-bottom:0;padding-top:0}
}
@media(min-width:200px) and (min-height:450px){.storyintroduction__smartpanel--empty{top:100px}
}
@media(min-width:200px) and (min-height:450px){.storyintroduction__smartpanel--full{bottom:60px;padding-right:3.75%;position:absolute}
}
.storyintroduction__smartpanel--link{margin-top:40px}
.storyintroduction__smartpanel--link:visited .storyintroduction__smartpanel--download{color:#becdd7}
.storyintroduction__smartpanel--download{margin-top:30px}
.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:"Siemens Sans Roman",Arial,sans-serif;line-height:1.5;margin-top:-0.3125em;border-bottom:0}
.storyintroduction__smartpanel__base{width:100%;float:left;margin-left:0;margin-right:0;padding-bottom:40px}
@media(min-width:200px) and (min-height:450px){.storyintroduction__smartpanel__base{background:linear-gradient(to right,rgba(80,190,190,0.7) 0,rgba(0,153,153,0.7) 50%,rgba(0,153,176,0.7) 83%,rgba(0,153,203,0.7) 100%);width:66.10169%;float:left;margin-right:1.69492%;padding:30px}
.storyintroduction__smartpanel__base h1,.storyintroduction__smartpanel__base h2,.storyintroduction__smartpanel__base h3,.storyintroduction__smartpanel__base h4,.storyintroduction__smartpanel__base h5,.storyintroduction__smartpanel__base p,.storyintroduction__smartpanel__base div{color:#fff}
.storyintroduction__smartpanel__base .copy a:not(.iconlink){color:#fff;text-decoration:none}
.storyintroduction__smartpanel__base .copy a:not(.iconlink) span{padding-bottom:2px;border-bottom:1px solid #fff}
.storyintroduction__smartpanel__base .copy a:not(.iconlink):active{color:#fff}
.storyintroduction__smartpanel__base .copy a:not(.iconlink).is-inactive{color:#9bafbe}
.storyintroduction__smartpanel__base .copy a:not(.iconlink):visited{color:#becdd7}
.storyintroduction__smartpanel__base .copy a:not(.iconlink):visited span{border-bottom-color:#becdd7}
.storyintroduction__smartpanel__base .copy a:not(.iconlink):hover{color:#fff}
.storyintroduction__smartpanel__base .copy a:not(.iconlink):hover span{padding-bottom:2px;border-bottom:1px solid #fff}
.storyintroduction__smartpanel__base .copy a.iconlink{color:#fff;text-decoration:none}
.storyintroduction__smartpanel__base .copy a.iconlink span{padding-bottom:2px;border-bottom:1px solid #fff}
.storyintroduction__smartpanel__base .copy a.iconlink:active{color:#fff}
.storyintroduction__smartpanel__base .copy a.iconlink.is-inactive{color:#9bafbe}
.storyintroduction__smartpanel__base .copy a.iconlink:visited{color:#becdd7}
.storyintroduction__smartpanel__base .copy a.iconlink:visited span{border-bottom-color:#becdd7}
.storyintroduction__smartpanel__base .copy a.iconlink:hover{color:#fff}
.storyintroduction__smartpanel__base .copy a.iconlink:hover span{padding-bottom:2px;border-bottom:1px solid #fff}
.storyintroduction__smartpanel__base .copy a.iconlink span{border-bottom:1px solid transparent}
}
@media(min-width:1025px){.storyintroduction__smartpanel__base{width:60.67797%;float:left;margin-right:1.69492%}
}
.storyintroduction__smartpanel__base--top{display:flex;min-height:44px}
.storyintroduction__smartpanel__content{padding-right:3.75%;max-width:1200px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}

@media(min-width:1200px){.storyintroduction__smartpanel__content{max-width:calc(1200px + 30px)}
}
.storyintroduction__smartpanel__headerContainer{margin-top:-7px}
.storyintroduction__smartpanel--header{font-size:1.6rem;font-family:"Siemens Sans Bold",Arial,sans-serif;line-height:1.15789;margin-top:-0.02em;margin-bottom:-0.04316em;display:inline}
.storyintroduction__smartpanel .ui__btn[data-name='playFullScreen']{flex:0 0 72px;height:72px;margin-right:20px;background-color:rgba(255,255,255,0.7)}
@media(min-width:320px) and (max-width:767px),(max-height:450px){.storyintroduction__smartpanel .ui__btn[data-name='playFullScreen']{display:none}
}
.storyintroduction__smartpanel .ui__btn[data-name='playFullScreen']:before{font-size:40px}
.storyintroduction__smartpanel .ui__btn[data-name='playFullScreen']:hover,.storyintroduction__smartpanel .ui__btn[data-name='playFullScreen']:focus{background-color:white;color:#005578}
.storyintroduction__smartpanel .ui__btn[data-name='share']{display:inline;vertical-align:super}
.storyintroduction__smartpanel .ui__btn[data-name='share']:before{font-size:24px}
.storyintroduction__smartpanel--text{font-size:1.25rem;font-family:"Siemens Sans Roman",Arial,sans-serif;line-height:1.4;margin-top:-0.25em;margin-bottom:-0.25em;display:block}
.storyintroduction__smartpanel--text.cq-Editable-dom{min-height:25px}
.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton{margin-bottom:0;margin-top:0}
@media(min-width:200px) and (min-height:450px){.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton{position:absolute;bottom:0;right:0}
}
@media(min-width:1025px){.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton{width:calc(25vw - 30px)}
}
@media(min-width:1200px){.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton{width:calc(292.5px - 30px)}
}
.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton .conversionbutton__base{margin-bottom:0;min-height:52px;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__text{color:#cdd9e1}
.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton__wrapper{margin-top:0;margin-bottom:0}
@media(min-width:200px){.storyintroduction__smartpanel .storyintroduction__smartpanel__content .conversionbutton.cq-Editable-dom{position:absolute;width:33%}
}
.storyintroduction__scrolldown{display:none}
@media(min-width:200px) 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:1}
}
.storyintroduction__scrolldown:before{font-size:20px;color:#fff}
.storyintroduction__scrolldown:hover{animation:bounce-down 2.5s infinite}
@media(min-width:200px) and (min-height:450px){.storyintroduction--fullscreen{height:calc(100vh - 80px)}
}
@media(min-width:1025px) and (min-height:450px){.storyintroduction--fullscreen{height:calc(100vh - 134px)}
}
.storyintroduction--overlayTop{pointer-events:none}
@media(min-width:200px) 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:200px) 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}
}
@media(min-width:200px) and (max-width:1024px) and (min-height:450px){.storyintroduction--panorama{height:50vh}
}
@media(min-width:1025px){.storyintroduction--panorama{min-height:50vh}
.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%}
}
.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%}

.dropdown.show .dropdown-toggle::after {
    transform:rotate(180deg);
}
#accordeon-first-login, #accordeon-first-login:hover, #accordeon-first-login:active, #accordeon-first-login:visited,#accordeon-terms-conditions, #accordeon-terms-conditions:hover, #accordeon-terms-conditions:active, #accordeon-terms-conditions:visited, #accordeon-condition-of-use, #accordeon-condition-of-use:hover, #accordeon-condition-of-use:active, #accordeon-condition-of-use:visited { color: white; }

#instructions{
  margin-bottom: 60px;
}

.btn-custom{
  color: #20b2aa;
  border-color: #20b2aa;
}
.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .open>.dropdown-toggle.btn-custo{
    color: white !important;
    background-color: #20b2aa;
    border-color: #20b2aa;
}
@media(max-width:993px){
  #title{
    display: none;
  }
}

.background-gradient{
  background:linear-gradient(to right,#50bebe 0,#099 50%,#0099b0 83%,#0099cb 100%);

}
.pr-20{
  padding-right: 20px;
}

.pl-35{
  padding: 0px;
  padding-left: 35px;
}

.pl-20{
  padding-left: 20px;
}

.btn-custom-nav{
  margin-left: 20px; 
  margin-right: 20px; 
  margin-top: 5px;
}

.download-box{
  padding: 20px;
  padding-bottom: 45px; 
  padding-right: 5px;"
}

#terms-conditions-welcome{
  padding: 20px; 
  text-align: justify;
}

.terms-conditions-wrapper{
  margin-top:20px; 
  padding-left: 0px; 
  padding-right: 15px;
  position: relative;
}

.copyright{
  position: absolute;
  bottom: 0;
  font-size: 14px;
}

.copyright a, .copyright a:hover, .copyright a:active, .copyright a:visited{
  color: white;
}

#first-login, #terms-conditions, #condition-of-use{
  color: #20b2aa;
  text-align: justify;
}
@media(max-width:992px){.row{margin: 5px;} .image-wrapper{padding:0px;}}
}