@charset "UTF-8";
.index-one-swiper .owl-stage {
  display: flex;
  min-height: auto;
}

@media (min-width: 1025px) {
  .index-one-swiper .owl-stage {
    max-height: 75vh;
    min-height: 75vh;
  }
}
@media screen and (min-width: 1025px) and (-ms-high-contrast: active), (min-width: 1025px) and (-ms-high-contrast: none) {
  .index-one-swiper .owl-stage {
    min-height: 0;
  }
}
.index-one-swiper .owl-stage .owl-item {
  flex: 1 0 auto;
  display: flex;
}

.cq-Editable-dom .index-one-swiper .owl-stage {
  min-height: 0;
  max-height: 75vh;
}

.index-one-swiper .thermometer {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px;
  margin: 0 auto;
  z-index: 100;
}
.index-one-swiper .thermometer__dot:focus{
	outline: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .index-one-swiper .thermometer {
    display: block;
    text-align: center;
  }
}
.index-one-swiper .thermometer__dot {
  position: relative;
  width: 10px;
  height: 10px;
  padding: 0;
  border: 2px solid rgba(255, 255, 255, 0.35);
  background: 0;
  border-radius: 50%;
  cursor: pointer;
}

.index-one-swiper .thermometer__dot:before, .index-one-swiper .thermometer__dot:after {
  content: "";
  position: absolute;
  transform-origin: 0 0;
  transform: translate3d(-50%, -50%, 0);
  width: 24px;
  height: 24px;
  border: 1px solid transparent;
  border-radius: 50%;
}

.index-one-swiper .thermometer__dot:after {
  width: 34px;
  height: 34px;
}

.index-one-swiper .thermometer__dot:hover:before, .index-one-swiper .thermometer__dot:hover:after {
  border-color: rgba(255, 255, 255, 0.3);
}

.index-one-swiper .thermometer__dot:hover:before {
  border-top-color: transparent;
  animation: rotating 3s linear infinite;
}

.index-one-swiper .thermometer__dot:hover:after {
  width: 34px;
  height: 34px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  animation: rotating 3s linear reverse infinite;
}

.index-one-swiper .thermometer__dot.active {
  border: 2px solid white;
}

.index-one-swiper .thermometer__dot.active:before {
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.index-one-swiper .thermometer__dot.animate + .timeline:after {
  animation: fillWidth linear forwards;
  animation-duration: inherit;
}

.index-one-swiper .thermometer__dot.animate--last + .timeline:after {
  animation: unfillWidth linear both;
  animation-duration: inherit;
}

.index-one-swiper .thermometer .timeline {
  position: relative;
  max-width: 110px;
  flex-grow: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.35);
  animation-duration: 10000ms;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .index-one-swiper .thermometer .timeline {
    width: 77px;
    display: inline-block;
    margin-bottom: 4px;
  }
}
.index-one-swiper .thermometer .timeline:after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 1px;
  background: #fff;
}

.index-one-swiper .thermometer .timeline.paused:after {
  animation-play-state: paused;
}

.primaryteaser__base {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .primaryteaser__base {
    display: block;
    height: 75vh;
  }
}
@media screen and (-ms-high-contrast: active) and (min-width: 320px) and (max-width: 1024px), (-ms-high-contrast: none) and (min-width: 320px) and (max-width: 1024px) {
  .primaryteaser__base {
    height: auto;
  }
}
.primaryteaser__base .dd__placeholder {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}

.hasThermometer .primaryteaser__imageWrapper:after, .hasThermometer .primaryteaser__videoWrapper:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20%;
  background: linear-gradient(to top, rgba(10, 20, 25, 0.7) 0, rgba(10, 20, 25, 0) 100%);
}

.primaryteaser__imageWrapper:before, .primaryteaser__videoWrapper:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 50%;
}

.primaryteaser__videoWrapper {
  position: absolute;
  height: 100%;
}

@media (min-width: 320px) and (max-width: 1024px) {
  .primaryteaser__videoWrapper {
    position: relative;
    height: auto;
  }
}
.primaryteaser__videoWrapper .responsiveMedia__video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.primaryteaser__imageWrapper {
  position: relative;
  height: auto;
}

.primaryteaser__imageWrapper .responsiveMedia__pictureWrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.primaryteaser__imageWrapper .responsiveMedia__pictureWrapper img {
  object-fit: cover;
  font-family: "object-fit: cover;";
  width: 100%;
  height: 100%;
}

@media (min-width: 1025px) {
  .primaryteaser__imageWrapper {
    position: static;
  }

  .primaryteaser__imageWrapper:before {
    display: none;
  }
}
@media (min-width: 320px) and (max-width: 1024px) {
  .primaryteaser__imageWrapper .responsiveMedia__wrapper {
    position: relative;
    padding-bottom: 50%;
  }

  .primaryteaser__imageWrapper .responsiveMedia__wrapper .primaryteaser__image {
    position: absolute;
    object-fit: cover;
    font-family: "object-fit: cover;";
    width: 100%;
    height: 100%;
  }
}
.primaryteaser__image {
  position: relative;
  display: block;
  width: 100%;
}

@media (min-width: 1025px) {
  .primaryteaser__image {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    font-family: "object-fit: cover;";
    width: 100%;
    height: 100%;
  }
}
.primaryteaser__contentWrapper {
  position: relative;
  display: flex;
  flex-grow: 1;
  width: 100%;
  max-width: 1260px;
  padding: 0;
  margin: 0 auto;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .primaryteaser__contentWrapper {
    height: 100%;
  }
}
@media (min-width: 1025px) {
  .primaryteaser__contentWrapper {
    padding: 0 15px;
    height: auto;
    flex-grow: 0;
  }
}
@media screen and (min-width: 1025px) and (-ms-high-contrast: active), (min-width: 1025px) and (-ms-high-contrast: none) {
  .primaryteaser__contentWrapper {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 1025px) {
  .primaryteaser__contentWrapper--right {
    flex-direction: row-reverse;
  }
}
.primaryteaser__contentWrapper .primaryteaser__smartpanel.primaryteaser__smartpanel__base .conversionbutton__base {
  padding: 0;
  width: 100%;
}

.primaryteaser__contentWrapper .primaryteaser__smartpanel.primaryteaser__smartpanel__base .conversionbutton__btn {
  background-color: #faa50a;
}

.primaryteaser__contentWrapper .primaryteaser__smartpanel.primaryteaser__smartpanel__base .conversionbutton__wrapper {
  margin: 0;
}

.primaryteaser__smartpanel__base {
  background: linear-gradient(to right, #50bebe 0, #099 50%, #0099b0 83%, #0099cb 100%);
  width: 100%;
  padding: 20px 3.75% 40px;
  overflow: auto;
}

.primaryteaser__smartpanel__base h1, .primaryteaser__smartpanel__base h2, .primaryteaser__smartpanel__base h3, .primaryteaser__smartpanel__base h4, .primaryteaser__smartpanel__base h5, .primaryteaser__smartpanel__base p, .primaryteaser__smartpanel__base div {
  color: #fff;
}

.primaryteaser__smartpanel__base .copy a:not(.iconlink) {
  color: #fff;
  text-decoration: none;
}

.primaryteaser__smartpanel__base .copy a:not(.iconlink) span {
  padding-bottom: 2px;
  border-bottom: 1px solid #fff;
}

.primaryteaser__smartpanel__base .copy a:not(.iconlink):active {
  color: #fff;
}

.primaryteaser__smartpanel__base .copy a:not(.iconlink).is-inactive {
  color: #9bafbe;
}

.primaryteaser__smartpanel__base .copy a:not(.iconlink):visited {
  color: #becdd7;
}

.primaryteaser__smartpanel__base .copy a:not(.iconlink):visited span {
  border-bottom-color: #becdd7;
}

.primaryteaser__smartpanel__base .copy a:not(.iconlink):hover {
  color: #fff;
}

.primaryteaser__smartpanel__base .copy a:not(.iconlink):hover span {
  padding-bottom: 2px;
  border-bottom: 1px solid #fff;
}

.primaryteaser__smartpanel__base .copy a.iconlink {
  color: #fff;
  text-decoration: none;
}

.primaryteaser__smartpanel__base .copy a.iconlink span {
  padding-bottom: 2px;
  border-bottom: 1px solid #fff;
}

.primaryteaser__smartpanel__base .copy a.iconlink:active {
  color: #fff;
}

.primaryteaser__smartpanel__base .copy a.iconlink.is-inactive {
  color: #9bafbe;
}

.primaryteaser__smartpanel__base .copy a.iconlink:visited {
  color: #becdd7;
}

.primaryteaser__smartpanel__base .copy a.iconlink:visited span {
  border-bottom-color: #becdd7;
}

.primaryteaser__smartpanel__base .copy a.iconlink:hover {
  color: #fff;
}

.primaryteaser__smartpanel__base .copy a.iconlink:hover span {
  padding-bottom: 2px;
  border-bottom: 1px solid #fff;
}

.primaryteaser__smartpanel__base .copy a.iconlink span {
  border-bottom: 1px solid transparent;
}

@media (min-width: 1025px) {
  .primaryteaser__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: 40.6779661017%;
    max-height: 100%;
    margin: 60px 0;
    padding: 20px 30px;
  }

  .primaryteaser__smartpanel__base h1, .primaryteaser__smartpanel__base h2, .primaryteaser__smartpanel__base h3, .primaryteaser__smartpanel__base h4, .primaryteaser__smartpanel__base h5, .primaryteaser__smartpanel__base p, .primaryteaser__smartpanel__base div {
    color: #fff;
  }

  .primaryteaser__smartpanel__base .copy a:not(.iconlink) {
    color: #fff;
    text-decoration: none;
  }

  .primaryteaser__smartpanel__base .copy a:not(.iconlink) span {
    padding-bottom: 2px;
    border-bottom: 1px solid #fff;
  }

  .primaryteaser__smartpanel__base .copy a:not(.iconlink):active {
    color: #fff;
  }

  .primaryteaser__smartpanel__base .copy a:not(.iconlink).is-inactive {
    color: #9bafbe;
  }

  .primaryteaser__smartpanel__base .copy a:not(.iconlink):visited {
    color: #becdd7;
  }

  .primaryteaser__smartpanel__base .copy a:not(.iconlink):visited span {
    border-bottom-color: #becdd7;
  }

  .primaryteaser__smartpanel__base .copy a:not(.iconlink):hover {
    color: #fff;
  }

  .primaryteaser__smartpanel__base .copy a:not(.iconlink):hover span {
    padding-bottom: 2px;
    border-bottom: 1px solid #fff;
  }

  .primaryteaser__smartpanel__base .copy a.iconlink {
    color: #fff;
    text-decoration: none;
  }

  .primaryteaser__smartpanel__base .copy a.iconlink span {
    padding-bottom: 2px;
    border-bottom: 1px solid #fff;
  }

  .primaryteaser__smartpanel__base .copy a.iconlink:active {
    color: #fff;
  }

  .primaryteaser__smartpanel__base .copy a.iconlink.is-inactive {
    color: #9bafbe;
  }

  .primaryteaser__smartpanel__base .copy a.iconlink:visited {
    color: #becdd7;
  }

  .primaryteaser__smartpanel__base .copy a.iconlink:visited span {
    border-bottom-color: #becdd7;
  }

  .primaryteaser__smartpanel__base .copy a.iconlink:hover {
    color: #fff;
  }

  .primaryteaser__smartpanel__base .copy a.iconlink:hover span {
    padding-bottom: 2px;
    border-bottom: 1px solid #fff;
  }

  .primaryteaser__smartpanel__base .copy a.iconlink span {
    border-bottom: 1px solid transparent;
  }
}
.primaryteaser__smartpanel__kicker {
  margin-bottom: 10px;
}

.primaryteaser__smartpanel__headline {
  font-size: 2.375rem;
  font-family: inherit;
  line-height: 1.1578947368;
  margin-top: -0.02em;
  margin-bottom: -0.0431578947em;
  margin-bottom: 20px;
}

@media (min-width: 1025px) {
  .primaryteaser__smartpanel__headline {
    font-size: 3rem;
    font-family: inherit;
    line-height: 1.125;
    margin-top: -0.045em;
    margin-bottom: -0.0675em;
  }
}
@media (min-width: 1025px) {
  .primaryteaser__smartpanel__headline {
    margin-bottom: 20px;
  }
}
a .primaryteaser__smartpanel__headline {
  margin-right: 20px;
}

a:hover .primaryteaser__smartpanel__headline span {
  border-width: 2px;
}

.primaryteaser__smartpanel__headline .link--icon {
  padding-left: 36px;
  position: absolute;
}

.primaryteaser__smartpanel__headline .link--icon:after {
  content: "";
  font-family: "siemens-webicons-webfont";
  display: inline-block;
  position: relative;
  font-size: 30px;
  vertical-align: middle;
  margin-left: -30px;
}

a .primaryteaser__smartpanel__headline .link--icon, a:hover .primaryteaser__smartpanel__headline .link--icon, a:focus .primaryteaser__smartpanel__headline .link--icon, .primaryteaser__smartpanel__headline .link--icon a:visited {
  border: transparent;
}

.primaryteaser__smartpanel__text {
  font-size: 1.25rem;
  font-family: inherit;
  line-height: 1.4;
  margin-top: -0.25em;
  margin-bottom: 0.7em;
}

.primaryteaser__smartpanel .conversionbutton__base, .primaryteaser__smartpanel .btn__ghost {
  float: left;
  margin: 20px 0 0;
}

@keyframes rotating {
  from {
    transform: rotate(0) translate3d(-50%, -50%, 0);
  }
  to {
    transform: rotate(360deg) translate3d(-50%, -50%, 0);
  }
}
@keyframes fillWidth {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes unfillWidth {
  from {
    left: 0;
    width: 100%;
  }
  to {
    left: 100%;
    width: 0;
  }
}
[dir=rtl] .index-one-swiper .thermometer .timeline {
  transform: rotate(180deg);
}

[dir=rtl] .index-one-swiper .thermometer__dot:before, [dir=rtl] .index-one-swiper .thermometer__dot:after {
  transform: translate3d(50%, -50%, 0);
  transform-origin: 100% 0;
}

[dir=rtl] .index-one-swiper .thermometer__dot:hover:before {
  animation: rotating-rtl 3s linear infinite;
}

[dir=rtl] .index-one-swiper .thermometer__dot:hover:after {
  animation: rotating-rtl 3s linear reverse infinite;
}

[dir=rtl] .primaryteaser__smartpanel__headline .link--icon {
  transform: rotate(180deg);
}

[dir=rtl] a .primaryteaser__smartpanel__headline {
  margin-right: 0;
  margin-left: 20px;
}

@keyframes rotating-rtl {
  from {
    transform: rotate(0) translate3d(50%, -50%, 0);
  }
  to {
    transform: rotate(360deg) translate3d(50%, -50%, 0);
  }
}