@charset "utf-8";
/* CSS Document */
/*
#meinCarousel {
  position: relative;
  top: -9px;
  padding-bottom: 10px;
}
*/
/* Titel Vertikal zentieren*/
.carousel-caption {
    top: 50%;
    transform: translateY(-50%);
    bottom: initial;
    
}

.carousel-caption h1, .carousel-caption h2, .carousel-caption h3 {
    /*  background-color: rgba(0, 0, 0, 0.55);*/
    margin: 0 auto;
    padding: 5px;
    display: table;
    /* blur filter */
    /*backdrop-filter: blur(1rem);*/
    backdrop-filter: blur(0.25rem);
    background-color: rgba(255,255,255,0.03);
    font-size: 50px;
    font-weight: normal;
    color:#FFF;
    text-shadow: 0 0 10px #000;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.carousel-caption p {
/*  background-color: rgba(0, 0, 0, 0.55);*/
    text-shadow: 0 0 10px #000;
  /*margin: 0 auto;*/
  margin: 5px auto auto auto;
  padding: 5px;
  display: table;
	/*font-family: 'PT Serif Caption', serif;*/
	letter-spacing: 2px;
  font-size: 25px;
  font-weight: normal;
}
.carousel-caption h1::before, .carousel-caption h2::before, .carousel-caption h3::before {
  display: none;
}
/* Make the image fully responsive */
.carousel-inner img {
    width: 100%;
    height: auto;
/*  height: 100%;*/
}

.carousel-indicators [data-bs-target] {
/*
    background-color: rgba(14, 11, 102, 1.00);
    border: 1px solid #FFF;
*/
}

/* #################### max-width: 1200px ########################### */
/* #################### max-width: 1200px ########################### */
/* #################### max-width: 1200px ########################### */
/*
@media (max-width: 1200px) { 
.carousel-caption {	padding-bottom:50px; }
.carousel-caption h3 {
    padding: 5px;
    font-size: 50px;
}
	
}
*/
@media (min-width: 1200px) {
/*  #meinCarousel { top: 45px; }*/
}
@media (min-width: 993px) and (max-width: 1199.99px) {
  
}
@media (min-width: 768px) and (max-width: 1199.99px) {
    
  .carousel-caption {
    padding-bottom: 20px;
  }
  .carousel-caption h1, .carousel-caption h2, .carousel-caption h3 {
    padding: 5px;
    font-size: 35px;
  }
  .carousel-caption p {
    padding: 5px;
    font-size: 15px;
  }
  .carousel-indicators li {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
  }
}

/* #################### max-width: 769px ########################### */
/* #################### max-width: 769px ########################### */
/* #################### max-width: 769px ########################### */
@media (min-width: 576px) and (max-width: 767.99px) {
    
/*    #meinCarousel { top: 90px; }*/
    
    .carousel-caption {
    padding-bottom: 0px;
  }
  .carousel-caption h1, .carousel-caption h2, .carousel-caption h3 {
    padding: 5px;
    font-size: 28px;
  }
  .carousel-caption p {
    padding: 5px;
    font-size: 15px;
  }
  .carousel-indicators {
    bottom: -15px;
  }
  .carousel-indicators li {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
  }
}
/* #################### max-width: 575.99px ########################### */
/* #################### max-width: 575.99px ########################### */
/* #################### max-width: 575.99px ########################### */
@media (max-width: 575.99px) {
    
/*    #meinCarousel { top: 85px; }*/
    
.carousel { padding-top: 20px; }

    
  .carousel-caption {
    padding-bottom: 0px;
  }
  .carousel-caption h1, .carousel-caption h2, .carousel-caption h3 {
    padding: 5px;
    font-size: 1.2rem;
  }
  .carousel-caption p {
    padding: 5px;
    font-size: 12px;
  }
  .carousel-indicators {
    bottom: -15px;
  }
  .carousel-indicators li {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
  }
}