@charset "utf-8";
/* CSS Document */
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  /*height: 500px;*/
  height: 350px;
  margin-bottom: 20px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

.carousel-control {
    z-index: 90;
}

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

.bg-img-1 {
  background-image: url(../slider/eingangsbereich.jpg);
}

.bg-img-2 {
  background-image: url(../slider/massschuhe.jpg);
}

.bg-img-3 {
  background-image: url(../slider/schuheinlagen.jpg);
}

.bg-img-4 {
  background-image: url(../slider/schuhzurichtung.jpg);
}

.bg-img-5 {
  background-image: url(../slider/klassische-schuhreparaturen.jpg);
}

.bg-img {
  padding: 10px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.carousel-caption h1 {
	margin:0 auto;
	padding:10px;
	display:inline-block; 
	background-color:rgba(0,0,0,0.5);
   border-radius: 4px;
}
/*.carousel-caption p {
	margin:0 auto;
	padding:10px;
	background-color:rgba(1,1,1,0.75);
	
}*/

.carousel-indicators {
	bottom:0;
}
@media(max-width: 767px) {
.carousel {
  height: 180px;
}
.carousel .item {
  height: 180px;
}
  .carousel-caption h1 {
	  font-size: 26px;
  }
}