/* CSS Document */
/*
 * SPECIFIC STYLES for STORYSLIDER
 */
.frame .storyslider,
.storyslider {
  margin-bottom: 2rem;
}
.frame .storyslider ul.slides li.slide,
.storyslider ul.slides li.slide {
  position: relative;
  overflow: hidden;
}
.frame .storyslider ul.slides li.slide .image-wrapper,
.storyslider ul.slides li.slide .image-wrapper {
  overflow: hidden;
}
.frame .storyslider ul.slides li.slide.link-fake-wrapper img,
.frame .storyslider ul.slides li.slide.link-fake-wrapper picture img,
.storyslider ul.slides li.slide.link-fake-wrapper img,
.storyslider ul.slides li.slide.link-fake-wrapper picture img {
  transform: scale(1);
  transition: transform 0.25s ease-in-out;
}
.frame .storyslider ul.slides li.slide.link-fake-wrapper:hover img,
.frame .storyslider ul.slides li.slide.link-fake-wrapper:hover picture img, .frame .storyslider ul.slides li.slide.link-fake-wrapper:focus-within img,
.frame .storyslider ul.slides li.slide.link-fake-wrapper:focus-within picture img,
.storyslider ul.slides li.slide.link-fake-wrapper:hover img,
.storyslider ul.slides li.slide.link-fake-wrapper:hover picture img,
.storyslider ul.slides li.slide.link-fake-wrapper:focus-within img,
.storyslider ul.slides li.slide.link-fake-wrapper:focus-within picture img {
  transform: scale(1.2);
  transition: transform 0.25s ease-in-out;
}
.frame .storyslider ul.slides li.slide .teasertext,
.storyslider ul.slides li.slide .teasertext {
  padding: 0.8rem;
  background-color: #fff;
  font-size: 0.8rem;
  background-color: #0072bc;
  color: #fff;
}
.frame .storyslider ul.slides li.slide .teasertext h3,
.storyslider ul.slides li.slide .teasertext h3 {
  color: #fff;
}
.frame .storyslider ul.slides li.slide .teasertext *:last-child,
.storyslider ul.slides li.slide .teasertext *:last-child {
  margin-bottom: 0;
}
.frame .storyslider ul.slides li.slide .teasertext .btn-primary.btn-inverse,
.storyslider ul.slides li.slide .teasertext .btn-primary.btn-inverse {
  background-color: transparent !important;
  border-color: #fff !important;
  color: #fff !important;
}
.frame .storyslider ul.slides li.slide .teasertext .btn-primary.btn-inverse:hover, .frame .storyslider ul.slides li.slide .teasertext .btn-primary.btn-inverse:focus,
.storyslider ul.slides li.slide .teasertext .btn-primary.btn-inverse:hover,
.storyslider ul.slides li.slide .teasertext .btn-primary.btn-inverse:focus {
  background-color: #fff !important;
  color: #0072bc !important;
}
.frame .storyslider ul.slides li.slide > a:after,
.storyslider ul.slides li.slide > a:after {
  display: none;
}
.frame .storyslider ul.slides li.slide a,
.storyslider ul.slides li.slide a {
  text-decoration: none;
}
.frame .storyslider ul.slides li.slide a img,
.storyslider ul.slides li.slide a img {
  transform: scale(1);
  transition: transform 0.25s ease-in-out;
}
.frame .storyslider ul.slides li.slide a:hover, .frame .storyslider ul.slides li.slide a:focus,
.storyslider ul.slides li.slide a:hover,
.storyslider ul.slides li.slide a:focus {
  text-decoration: none;
}
.frame .storyslider ul.slides li.slide a:hover img, .frame .storyslider ul.slides li.slide a:focus img,
.storyslider ul.slides li.slide a:hover img,
.storyslider ul.slides li.slide a:focus img {
  transform: scale(1.2);
  transition: transform 0.25s ease-in-out;
}
.frame .storyslider ul.slides li.slide .teasertext a p,
.storyslider ul.slides li.slide .teasertext a p {
  color: #fff;
}
.frame .storyslider ul.slides li.slide .teasertext a:hover p, .frame .storyslider ul.slides li.slide .teasertext a:focus p,
.storyslider ul.slides li.slide .teasertext a:hover p,
.storyslider ul.slides li.slide .teasertext a:focus p {
  color: #00c1ff;
}

.storyslider .flex-direction-nav a {
  opacity: 1;
}

.storyslider:not(.theme-wftlook) .flex-direction-nav .flex-prev {
  left: -50px;
}

.storyslider:not(.theme-wftlook) .flex-direction-nav .flex-next {
  right: -50px;
}

.storyslider:not(.theme-wftlook) .carousel .flex-direction-nav .flex-nav-prev,
.storyslider:not(.theme-wftlook) .carousel .flex-direction-nav .flex-nav-next {
  overflow: visible !important;
  min-width: 44px;
  min-height: 44px;
}
.storyslider:not(.theme-wftlook) .carousel .flex-direction-nav .flex-nav-prev {
  left: 0 !important;
}
.storyslider:not(.theme-wftlook) .carousel .flex-direction-nav .flex-nav-next {
  right: 0 !important;
}
.storyslider:not(.theme-wftlook) .carousel .flex-direction-nav a::before {
  display: none !important;
  content: none !important;
}
.storyslider:not(.theme-wftlook) .carousel .flex-direction-nav .flex-nav-prev a {
  background-image: var(--storyslider-carousel-stroke-left-b);
}
.storyslider:not(.theme-wftlook) .carousel .flex-direction-nav .flex-nav-next a {
  background-image: var(--storyslider-carousel-stroke-right-b);
}

.primary .storyslider:not(.theme-wftlook) .carousel .flex-direction-nav .flex-nav-prev a,
.uno-light .storyslider:not(.theme-wftlook) .carousel .flex-direction-nav .flex-nav-prev a {
  background-image: var(--storyslider-carousel-stroke-left-w);
}

.primary .storyslider:not(.theme-wftlook) .carousel .flex-direction-nav .flex-nav-next a,
.uno-light .storyslider:not(.theme-wftlook) .carousel .flex-direction-nav .flex-nav-next a {
  background-image: var(--storyslider-carousel-stroke-right-w);
}

.primary .storyslider .slides .slide .teasertext,
.uno-light .storyslider .slides .slide .teasertext {
  color: #333;
  background-color: #fff;
}
.primary .storyslider .slides .slide .teasertext h3,
.uno-light .storyslider .slides .slide .teasertext h3 {
  color: #333;
}
.primary .storyslider .slides .slide .teasertext .btn.primary, .primary .storyslider .slides .slide .teasertext .btn.btn-primay,
.primary .storyslider .slides .slide .teasertext .button.primary,
.primary .storyslider .slides .slide .teasertext .button.btn-primay,
.uno-light .storyslider .slides .slide .teasertext .btn.primary,
.uno-light .storyslider .slides .slide .teasertext .btn.btn-primay,
.uno-light .storyslider .slides .slide .teasertext .button.primary,
.uno-light .storyslider .slides .slide .teasertext .button.btn-primay {
  background-color: #0072bc;
  border: 2px solid #0072bc;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.5;
  letter-spacing: 1px;
  text-decoration: none;
}
.primary .storyslider .slides .slide .teasertext .btn.primary:hover, .primary .storyslider .slides .slide .teasertext .btn.primary:focus, .primary .storyslider .slides .slide .teasertext .btn.btn-primay:hover, .primary .storyslider .slides .slide .teasertext .btn.btn-primay:focus,
.primary .storyslider .slides .slide .teasertext .button.primary:hover,
.primary .storyslider .slides .slide .teasertext .button.primary:focus,
.primary .storyslider .slides .slide .teasertext .button.btn-primay:hover,
.primary .storyslider .slides .slide .teasertext .button.btn-primay:focus,
.uno-light .storyslider .slides .slide .teasertext .btn.primary:hover,
.uno-light .storyslider .slides .slide .teasertext .btn.primary:focus,
.uno-light .storyslider .slides .slide .teasertext .btn.btn-primay:hover,
.uno-light .storyslider .slides .slide .teasertext .btn.btn-primay:focus,
.uno-light .storyslider .slides .slide .teasertext .button.primary:hover,
.uno-light .storyslider .slides .slide .teasertext .button.primary:focus,
.uno-light .storyslider .slides .slide .teasertext .button.btn-primay:hover,
.uno-light .storyslider .slides .slide .teasertext .button.btn-primay:focus {
  background-color: transparent;
  border: 2px solid #0072bc;
  color: #0072bc;
  text-decoration: none;
}
.primary .storyslider .slides .slide .teasertext .btn.btn-primary.btn-inverse, .primary .storyslider .slides .slide .teasertext .btn.border,
.primary .storyslider .slides .slide .teasertext .button.btn-primary.btn-inverse,
.primary .storyslider .slides .slide .teasertext .button.border,
.uno-light .storyslider .slides .slide .teasertext .btn.btn-primary.btn-inverse,
.uno-light .storyslider .slides .slide .teasertext .btn.border,
.uno-light .storyslider .slides .slide .teasertext .button.btn-primary.btn-inverse,
.uno-light .storyslider .slides .slide .teasertext .button.border {
  background-color: transparent;
  border: 2px solid #0072bc !important;
  color: #0072bc !important;
  transition: 0.3s all;
  text-decoration: none;
}
.primary .storyslider .slides .slide .teasertext .btn.btn-primary.btn-inverse:hover, .primary .storyslider .slides .slide .teasertext .btn.btn-primary.btn-inverse:focus, .primary .storyslider .slides .slide .teasertext .btn.border:hover, .primary .storyslider .slides .slide .teasertext .btn.border:focus,
.primary .storyslider .slides .slide .teasertext .button.btn-primary.btn-inverse:hover,
.primary .storyslider .slides .slide .teasertext .button.btn-primary.btn-inverse:focus,
.primary .storyslider .slides .slide .teasertext .button.border:hover,
.primary .storyslider .slides .slide .teasertext .button.border:focus,
.uno-light .storyslider .slides .slide .teasertext .btn.btn-primary.btn-inverse:hover,
.uno-light .storyslider .slides .slide .teasertext .btn.btn-primary.btn-inverse:focus,
.uno-light .storyslider .slides .slide .teasertext .btn.border:hover,
.uno-light .storyslider .slides .slide .teasertext .btn.border:focus,
.uno-light .storyslider .slides .slide .teasertext .button.btn-primary.btn-inverse:hover,
.uno-light .storyslider .slides .slide .teasertext .button.btn-primary.btn-inverse:focus,
.uno-light .storyslider .slides .slide .teasertext .button.border:hover,
.uno-light .storyslider .slides .slide .teasertext .button.border:focus {
  background-color: #0072bc !important;
  border: 2px solid #0072bc !important;
  color: #fff !important;
  text-decoration: none;
}

.storyslider.theme-wftlook .storyslider-wrapper {
  margin: 0;
}
.storyslider.theme-wftlook .slide:hover .secondlayerInfo, .storyslider.theme-wftlook .slide:focus .secondlayerInfo {
  top: 0;
  transition: top 0.25s ease-in-out;
}
.storyslider.theme-wftlook .image-wrapper .secondlayerInfo {
  position: absolute;
  top: 100vh;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.75);
  z-index: 1;
  transition: top 0.25s ease-in-out;
  color: #333;
}
.storyslider.theme-wftlook .image-wrapper .secondlayerInfo .button {
  margin-top: 1rem;
}
.storyslider.theme-wftlook .teasertext {
  background-color: #fff !important;
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 65%;
  color: #333 !important;
  text-align: center;
}
.storyslider.theme-wftlook .teasertext * {
  color: #333 !important;
}
@media screen and (min-width: 768px) and (max-width: 1300px) {
  .storyslider.theme-wftlook .teasertext {
    transform: scale(0.8);
    transform-origin: bottom right;
    padding: 0.5rem;
  }
}
.storyslider.theme-wftlook .teasertext:before {
  content: "";
  top: 0;
  position: absolute;
  background-color: #fff;
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  width: 20px;
  left: -19px;
  height: 100%;
}
.storyslider.theme-wftlook .teasertext:after {
  content: "";
  position: absolute;
  background-color: #fff;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  width: calc(100% + 22px);
  top: -19px;
  left: -21px;
  height: 20px;
}
.storyslider.theme-wftlook .teasertext p.highlight {
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
.storyslider.theme-wftlook .teasertext p.small {
  font-size: 0.8rem;
  line-height: 1.5;
}
.storyslider.theme-wftlook .flex-direction-nav {
  position: relative;
  top: 0 !important;
  text-align: center;
  margin-top: 2rem;
}
.storyslider.theme-wftlook .flex-direction-nav li {
  padding-left: 0 !important;
}
.storyslider.theme-wftlook .flex-direction-nav .flex-nav-prev {
  position: relative;
  left: auto;
  display: inline-block;
}
.storyslider.theme-wftlook .flex-direction-nav .flex-nav-prev a {
  text-indent: -999999px;
  background-image: var(--storyslider-wft-arrow-left);
  background-size: 100% 100%;
  padding-left: 50px;
  width: 50px;
  height: 50px;
}
.storyslider.theme-wftlook .flex-direction-nav .flex-nav-prev a:hover, .storyslider.theme-wftlook .flex-direction-nav .flex-nav-prev a:focus {
  background-image: var(--storyslider-wft-arrow-left-hover);
}
.storyslider.theme-wftlook .flex-direction-nav .flex-nav-next {
  position: relative;
  left: auto;
  display: inline-block;
  right: auto;
}
.storyslider.theme-wftlook .flex-direction-nav .flex-nav-next a {
  text-indent: -999999px;
  background-image: var(--storyslider-wft-arrow-right);
  background-size: 100% 100%;
  padding-left: 50px;
  width: 50px;
  height: 50px;
}
.storyslider.theme-wftlook .flex-direction-nav .flex-nav-next a:hover, .storyslider.theme-wftlook .flex-direction-nav .flex-nav-next a:focus {
  background-image: var(--storyslider-wft-arrow-right-hover);
}

.primary .storyslider.theme-wftlook .flex-direction-nav a,
.uno-dark .storyslider.theme-wftlook .flex-direction-nav a,
.uno-dark .storyslider.theme-wftlook .flex-direction-nav a,
.uno-dark-left .storyslider.theme-wftlook .flex-direction-nav a,
.uno-dark-right .storyslider.theme-wftlook .flex-direction-nav a,
.uno-dark-left-right .storyslider.theme-wftlook .flex-direction-nav a,
.uno-dark-small .storyslider.theme-wftlook .flex-direction-nav a,
.uno-dark-einzug .storyslider.theme-wftlook .flex-direction-nav a {
  background-image: var(--storyslider-wft-arrow-left-w);
}
.primary .storyslider.theme-wftlook .flex-nav-next a,
.uno-dark .storyslider.theme-wftlook .flex-nav-next a,
.uno-dark .storyslider.theme-wftlook .flex-nav-next a,
.uno-dark-left .storyslider.theme-wftlook .flex-nav-next a,
.uno-dark-right .storyslider.theme-wftlook .flex-nav-next a,
.uno-dark-left-right .storyslider.theme-wftlook .flex-nav-next a,
.uno-dark-small .storyslider.theme-wftlook .flex-nav-next a,
.uno-dark-einzug .storyslider.theme-wftlook .flex-nav-next a {
  background-image: var(--storyslider-wft-arrow-right-w);
}
/*# sourceMappingURL=mask_storyslider.css.map */