/* Slider */
.column-slider {
  display: block;
  position: relative;
  margin-bottom: 3.5rem;
  margin-left: -.5rem;
  margin-right: -.5rem;
}

.column-slider > div > div > div {
  padding-left: .5rem;
  padding-right: .5rem;
}

.column-slider > div > div > div + * {
  margin-top: 0;
}

@media screen and (min-width: 31.25em) {
  .column-slider {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .column-slider > div > div > div {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (min-width: 62.5em) {
  .column-slider {
    margin-bottom: 0;
  }
  .column-slider .flickity-page-dots {
    display: none;
  }
}


.slider video {
  width: 100%;
  display: block;
}

.slider:not(.slider-content) .slide {
  width: 100%;
  position: relative;
}

.slide {
  position: relative;
}

.slide .container {
  padding: 0 !important;
  position: relative;
}

.slide figcaption {
  background: #f2f2f2;
  color: inherit;
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  padding-right: .5rem;
  z-index: 1;
}

.slide.slide--overlay::after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  position: absolute;
}

/* Buttons */
.flickity-prev-next-button {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0;
  background: #0079c1;
  color: #fff;
  display: none;
}

.flickity-prev-next-button:hover {
  background: #0079c1;
  color: #fff;
}

.flickity-prev-next-button.previous {
  left: 0;
}

.flickity-prev-next-button.next {
  right: 0;
}

.flickity-prev-next-button .arrow {
  fill: #bf253b;
}

.baeder .flickity-prev-next-button .arrow,
.energie .flickity-prev-next-button .arrow {
  fill: #f59b00;
}

.verkehr .flickity-prev-next-button .arrow,
.telekommunikation .flickity-prev-next-button .arrow {
  fill: #006fb4;
}

/* Dots */
.flickity-page-dots {
  position: static;
  width: 100%;
  bottom: 0;
  padding: 0;
  margin: 1rem 0 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-page-dots:empty {
  display: none !important;
}

  .flickity-page-dots .dot {
    width: 8px;
    height: 18px;
    margin: 0 .5rem;
    background: #87888a;
    border-radius: 0;
    opacity: 1;
    transform: skew(-16deg);
  }

    .flickity-page-dots .dot.is-selected {
      background: #bf253b;
    }

      .baeder .flickity-page-dots .dot.is-selected {
        background: #f59b00;
      }

      .energie .flickity-page-dots .dot.is-selected {
        background: #f59b00;
      }

      .verkehr .flickity-page-dots .dot.is-selected {
        background: #006fb4;
      }

      .telekommunikation .flickity-page-dots .dot.is-selected {
        background: #006fb4;
      }

@media screen and (min-width: 31.25em) {
  .slide figcaption {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (min-width: 43.75em) {
  .slide .container {
    padding: 1rem !important;
    height: 100%;
  }
  .slide figcaption {
    background: transparent;
    color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  .slider:not(.slider-content) .slide figcaption p {
    opacity: 0;
    transition: opacity .15s linear;
  }

  .slider:not(.slider-content) .slide.is-selected figcaption p {
    opacity: 1;
    transition: opacity .3s linear 1s;
  }

  .slider:not(.slider-content) .slide.is-selected figcaption p:nth-child(2) {
    opacity: 1;
    transition: opacity .3s linear 1.5s;
  }

  .slide.slide--overlay::after {
    background-color: rgba(0, 0, 0, 0.25);
  }
  .slide__text.slide__text--top-left, .slide__text.slide__text--top-right, .slide__text.slide__text--bottom-left, .slide__text.slide__text--bottom-right, .slide__text.slide__text--center {
    position: absolute;
    display: inline-block;
  }
  .slide__text.slide__text--top-left, .slide__text.slide__text--top-right {
    top: 5rem;
    max-width: 25rem;
  }
  .slide__text.slide__text--bottom-left, .slide__text.slide__text--bottom-right {
    bottom: 5rem;
    max-width: 25rem;
  }
  .slide__text.slide__text--top-left, .slide__text.slide__text--bottom-left {
    left: 1rem;
  }
  .slide__text.slide__text--top-right, .slide__text.slide__text--bottom-right {
    right: 1rem;
  }
  .slide__text.slide__text--center {
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}


.news-list-view.news-index.newsStartseite {
  background: #fff;
  padding-bottom: 1rem;
  padding-top: 1rem;
  padding-left: .5rem;
  padding-right: .5rem;

  margin-left: auto;
  margin-right: auto;
  max-width: 71.111rem;
  width: 100%;
}

  .news-list-view.news-index.newsStartseite .flickity-prev-next-button {
    background: transparent;
    color: #bf253b;
  }

  .news-list-view.news-index.newsStartseite .flickity-prev-next-button .arrow {
    fill: #bf253b;
  }

  .news-list-view.news-index.newsStartseite .flickity-prev-next-button.previous  {
    left: -3rem;
  }

  .news-list-view.news-index.newsStartseite .flickity-prev-next-button.next {
    right: -3rem;
  }

  .news-list-view.news-index.newsStartseite .flickity-prev-next-button:disabled {
    display: none;
  }

@media screen and (min-width: 31.25em) {

  .news-list-view.news-index.newsStartseite {
    padding-bottom: 2rem;
    padding-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

}

@media screen and (min-width: 1400px) {

  .news-list-view.news-index.newsStartseite {
    padding-bottom: 4rem;
    padding-top: 4rem;
    padding-left: 4rem;
    padding-right: 4rem;
    max-width: 77.111rem;
  }

  .news-list-view.news-index.newsStartseite .flickity-prev-next-button {
    display: block;
  }

}

.news-list-view.news-index.newsStartseite .slider {
  margin-bottom: 0;
}

.news-list-view.news-index.newsStartseite .slide {
  background-color: #f2f2f2;
}



.news-list-view.news-termine.termineStartseite {
  background: #fff;
  padding-bottom: 1rem;
  padding-top: 1rem;
  padding-left: .5rem;
  padding-right: .5rem;

  margin-left: auto;
  margin-right: auto;
  max-width: 71.111rem;
  width: 100%;
}

  .news-list-view.news-termine.termineStartseite .flickity-prev-next-button {
    background: transparent;
    color: #bf253b;
  }

  .news-list-view.news-termine.termineStartseite .flickity-prev-next-button .arrow {
    fill: #bf253b;
  }

  .news-list-view.news-termine.termineStartseite .flickity-prev-next-button.previous  {
    left: -2rem;
  }

  .news-list-view.news-termine.termineStartseite .flickity-prev-next-button.next {
    right: -2rem;
  }

  .news-list-view.news-termine.termineStartseite .flickity-prev-next-button:disabled {
    display: none;
  }

@media screen and (min-width: 31.25em) {

  .news-list-view.news-termine.termineStartseite {
    padding-bottom: 2rem;
    padding-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

}

@media screen and (min-width: 1400px) {

  .news-list-view.news-termine.termineStartseite {
    padding-bottom: 4rem;
    padding-top: 4rem;
    padding-left: 4rem;
    padding-right: 4rem;
    max-width: 77.111rem;
  }

  .news-list-view.news-termine.termineStartseite .flickity-prev-next-button {
    display: block;
  }

}

.news-list-view.news-termine.termineStartseite .column-slider {
  margin-bottom: 0;
}

.news-list-view.news-termine.termineStartseite .slide {
  background-color: #f2f2f2;
}


/* Slider (4 Spalten) */
.slider-content-container {
  background: #fff;
  padding-bottom: 1rem;
  padding-top: 1rem;
  padding-left: .5rem;
  padding-right: .5rem;

  margin-left: auto;
  margin-right: auto;
  max-width: 71.111rem;
  width: 100%;
}

  .slider-content-container .slide {
    margin-top: 0;
  }

  .slider-content-container .flickity-prev-next-button {
    background: transparent;
    color: #bf253b;
  }

    .slider-content-container .flickity-prev-next-button {
      background: transparent;
      color: #f59b00;
    }

  .slider-content-container .flickity-prev-next-button.previous  {
    left: -2rem;
  }

  .slider-content-container .flickity-prev-next-button.next {
    right: -2rem;
  }

  .slider-content-container .flickity-prev-next-button:disabled {
    display: none;
  }

@media screen and (min-width: 31.25em) {

  .slider-content-container {
    padding-bottom: 2rem;
    padding-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

}

@media screen and (min-width: 1400px) {

  .slider-content-container {
    padding-bottom: 4rem;
    padding-top: 4rem;
    padding-left: 4rem;
    padding-right: 4rem;
    max-width: 77.111rem;
  }

  .slider-content-container .flickity-prev-next-button {
    display: block;
  }

}

.slider-content-container .slider {
  margin-bottom: 0;
}

.slider-content {
  display: block;
  position: relative;
  margin-bottom: 3.5rem;
  margin-left: -.5rem;
  margin-right: -.5rem;
}

.slider-content .slide {
  padding-left: .5rem;
  padding-right: .5rem;
}

@media screen and (min-width: 31.25em) {
  .slider-content {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .slider-content .slide {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}


@media screen and (max-width: 699px) {

  .slider:not(.slider-content) .slide figcaption p + p {
    margin-top: 0;
  }


}


/* JKA 06.02.2020 */
.slide__sign {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  z-index: 10;
}
.slide__sign img {
  width: auto;
  max-width: 50px;
}
@media screen and (min-width: 31.25em) {
  .slide__sign {
    bottom: 2rem;
    right: 2rem;
  }
  .slide__sign img {
    max-width: 120px;
  }
}
