/* Courusel */
#myCarousel {
   /*
   top:2%;
   bottom:2%;
   left:2%;
   right:2%;
   -webkit-border-radius:15%;
   -moz-border-radius:15%;
   border-radius:15%;
   */
/*
-webkit-box-shadow:0px -1px 25px rgba(0,0,0,0.5), 0px 1px 25px rgba(0,0,0,0.7);
-moz-box-shadow:0px -1px 25px rgba(0,0,0,0.5), 0px 1px 25px rgba(0,0,0,0.7);
box-shadow:0px -1px 25px rgba(0,0,0,0.5), 0px 1px 25px rgba(0,0,0,0.7);
*/
margin-bottom:20px;
}

@media screen and (max-width:768px) {
#myCarousel {
margin-bottom:0px;
}
}

/* Einstellung bei container_fluid wichtig, da Original 1200 px breit */
#myCarousel img {
margin-top:0px!important;
width:100%;
height:auto;
margin-bottom:0px!important;
/*
border-bottom:5px solid #e8e5cd;
border-top:5px solid #449eb6;
border:1px dashed #84847f;
*/

border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
}


/* volle Breite bei 480 px Sliderbild */

/*
@media screen and (max-width:480px) {
#myCarousel {
margin-right: -15px!important;
margin-left: -15px!important;
}
}
*/

.carousel-indicators {

}

@media screen and (max-width:767px) {
.carousel .carousel-indicators {
display:none!important;
height:0px!important;
}
}

.spacer-carousel { /* Abstand unter Slider zum Content */
clear:both;
margin-bottom:0px!important;
}

@media screen and (max-width:768px) {
.spacer-carousel { /* Abstand unter Slider zum Content */
margin-bottom:0px!important;
}
}

.carousel-caption h5,
.carousel-caption p {
display:none;
}

.carousel-control.left        { margin:0px!important; padding:0px!important; background-image: none; }
.carousel-control.right       { margin:0px!important; padding:0px!important; background-image: none; }

/* carousel fade, wenn nicht faden, dann diesen css part loeschen */

.carousel-fade .carousel-inner > .item {
    transition-property: opacity;
}
.carousel-fade .carousel-inner > .item,
.carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
}
.carousel-fade .carousel-inner > .item.active,
.carousel-fade .carousel-inner > .item.next.left {
    opacity: 1;
}
.carousel-fade .carousel-inner > .next,
.carousel-fade .carousel-inner > .prev,
.carousel-fade .carousel-inner > .active.left,
.carousel-fade .carousel-inner > .active.right {
    left: 0;
}
.carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right,
.carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {
    transform: translate3d(0, 0, 0);
}

.carousel-inner {
padding-top:0px!important;
margin:0!important;
background-color:#000000;
}

.carousel-inner > .item li {
padding:0!important;
margin:0!important;
}

/* /////////////////////////  Text auf Sliderbild ////////////////////////////////////// */

.carousel-caption {
position: absolute;
right: 11%;
bottom: 15%;
left: 11%;
z-index: 10;
padding-top: 20px;
padding-bottom: 15px;
color: #fff;
text-align: left;
/* text-shadow: 0 1px 2px rgba(0, 0, 0, .6); */
}

@media screen and (max-width:480px) {
.carousel-caption {
display:none;
}
}

@media (min-width: 481px) and (max-width: 767px) {
.carousel-caption {
bottom: 20px!important;
}
}