/* Start (#1) */
.slideshow .background {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 1s;
  transition: 1s;
}

.slideshow .background.shown {
  opacity: 1;
  visibility: visible;
}

/* Start (#7) */
.art-gallery-heading-bg {
  min-height: 0 !important;
  background-size: contain !important;
  background-repeat: no-repeat;
}

.art-gallery-heading {
  mix-blend-mode: difference;
  color: #FBFBFB;
}

/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-01-f17915cc"] */
.slide[data-cid=slide-01-f17915cc] .img-137 {
  position: absolute;
  top: 42%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 70vh;
}

/* Aktuelles (#8) */
.typeIn span {
  display: inline-block;
}
.typeIn span span {
  opacity: 0;
  display: inline-block;
  transform: scale(1.2) translateY(-10px) !important;
  transition-duration: 0s;
}

.slide:not(.active) .typeIn span span {
  transition-delay: 0s !important;
}

.page-loaded:not(.resizing) .slide.active .typeIn span span {
  transition-duration: 0.15s;
  opacity: 1;
  transform: scale(1) !important;
}

/* Start - Backup (#9) */
.art-gallery-heading-bg {
  min-height: 0 !important;
  background-size: contain !important;
  background-repeat: no-repeat;
}

.art-gallery-heading {
  mix-blend-mode: difference;
  color: #FBFBFB;
}

/* Slide 09 (#14) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-09-b698fa75"] */
@media (max-width: 1334px) {
  .slide[data-cid=slide-09-b698fa75] form.slides-form .input-9,
.slide[data-cid=slide-09-b698fa75] form.slides-form .button-9 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    width: 300px;
  }
}

/* Slide 76 (#15) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-76-a1bb3009"] */
.slide[data-cid=slide-76-a1bb3009] .button.button-76 {
  width: 54px;
  height: 54px;
  padding: 16px 17px;
  font-size: 0;
}
.slide[data-cid=slide-76-a1bb3009] .button.button-76 svg {
  width: 22px;
  height: 22px;
}
@media (min-width: 1024px) {
  .slide[data-cid=slide-76-a1bb3009] .iphone-76 {
    max-width: none;
    margin-top: 60px;
  }
}
.slide[data-cid=slide-76-a1bb3009] .text-76 {
  line-height: 1.75;
  opacity: 1;
  margin: 0;
  margin-left: 77px;
  padding-top: 3px;
}
@media (max-width: 569px) {
  .slide[data-cid=slide-76-a1bb3009] .button.button-76,
.slide[data-cid=slide-76-a1bb3009] .text-76 {
    float: left;
  }
  .slide[data-cid=slide-76-a1bb3009] .text-76 strong {
    display: block;
  }
  .slide[data-cid=slide-76-a1bb3009] .text-76 {
    font-size: 20px;
    top: -4px;
  }
}

/* Slide 86 (#16) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-86-894ae5a0"] */
.slide[data-cid=slide-86-894ae5a0] .button.button-86 {
  width: 54px;
  height: 54px;
  padding: 16px 17px;
  font-size: 0;
}
.slide[data-cid=slide-86-894ae5a0] .button.button-86 svg {
  width: 22px;
  height: 22px;
}
.slide[data-cid=slide-86-894ae5a0] .text-86 {
  line-height: 1.75;
  opacity: 1;
  margin: 0;
  margin-left: 77px;
  padding-top: 3px;
}
@media (max-width: 569px) {
  .slide[data-cid=slide-86-894ae5a0] .button.button-86,
.slide[data-cid=slide-86-894ae5a0] .text-86 {
    float: left;
  }
  .slide[data-cid=slide-86-894ae5a0] .text-86 strong {
    display: block;
  }
  .slide[data-cid=slide-86-894ae5a0] .text-86 {
    font-size: 20px;
    top: -4px;
  }
}