/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 360px;
}

#tuevHeaderImage .carousel {
  height: unset;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 360px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}

.carousel-caption{
  width: 100%;
  background-color: rgba(255,255,255, .8);
  right:0;
  left: 0;
  bottom: 0;
  text-align: left;
  padding: 10.5px 18px;
}

.carousel-caption h6 {
  color: #C51415;
  font-family: 'Adobe Garamond W08', Georgia, "Times New Roman", Times, serif !important;
  font-weight: bold;
  font-size: 26px !important;
  text-shadow: none;
  margin-top: 5px;
  margin-bottom: 3px;
}

.carousel-caption p {
  color: #000;
  font-family: sans-serif !important;
  font-size: 14px !important;
  text-shadow: none;
}

.carousel-indicators li{
  background-color: #869791;
  border-color: #869791;
  opacity: 0.5;
}

.carousel-indicators .active{
  background-color: #869791;
  border-color: #869791;
  opacity: 1;
}
.indicators-mobile{
  visibility: hidden;
}

/*/Anpassung carousel /*/
.news-single .carousel,.news-single .carousel-item,.news-single .carousel-item img,.news-single .carousel-inner {
  height: unset;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 767px) {

  .carousel-caption{
    position: unset;
    padding-bottom: 30px;
  }

}