/* GLOBAL STYLES
-------------------------------------------------- */



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



/* Carousel base class */
.carousel {
  /*height: 420px;*/
  margin-bottom: 0px;
  z-index: 1;
}



/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  	z-index: 12;
	left:15%;
	right:15%;
	bottom:20px;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 320px;
  background-color: #ccc;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  /*height: 420px; */
  z-index:11;
}


.carousel-control {
    bottom: 0;
    color: #fff;
    font-size: 20px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    top: 0;
    width: 15%;
	z-index:99;
}




.testimonials .carousel-arrow {
    position: relative;
    bottom: 20px;
}

@media (max-width: 1920px) 
{
	

	
	
	.carousel .item {
	  height: 380px;
	  background-color: #ccc;
	}
	

}

@media (min-width: 1900px) 
{
	

	
	.carousel .item {
	  height: 600px;
	  background-color: #ccc;
	}
	

}



@media (max-width: 1280px) 
{
	

.carousel .item {
	  height: 320px;
	  background-color: #ccc;
	}
	


}

@media (max-width: 992px) 
{
	
	.carousel { display:none; }
	
	/*.carousel .item {
	  height: 250px;
	  background-color: #ccc;
	}
	*/
	
}

@media (max-width: 800px) 
{
	
	.carousel { display:none; }
	
	/* .carousel .item {
	  height: 200px;
	  background-color: #ccc;
	}
	*/
	
}

@media (max-width: 768px) 
{
		/* Am kleinen Display (Mobile) wird der Slider nicht angezeigt */
		.carousel { display:none; }	
		
}	
	
@media (max-width: 480px) 
{
	.carousel { display:none; }	
	
}