/* Courusel */
#carouselExampleControls {
   /*
   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; */
margin-top:0px; /* kein Abstand zur Navileiste, mtb = 60 px, beides gleichziehen */

}

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

.slider-overlay {
/*
position: absolute;
width: 100%;
height: 100%;
background: url('../../media/xyz_overlay.png');
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position: right bottom;
background-size: contain;
background-repeat: no-repeat;
top: 0;
z-index: 1;
*/
}

@media screen and (max-width:768px) {
.slider-overlay {
display:none!important;
}
}

/*
.grau-overlay {
position: absolute;
width: 100%;
height: 100%;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 6%, rgba(0,0,0,0.25) 94%, rgba(0,0,0,0.25) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 6%,rgba(0,0,0,0.25) 94%,rgba(0,0,0,0.25) 100%);
background: linear-gradient(to bottom, 
rgba(0,0,0,0) 0%,rgba(0,0,0,0) 6%,rgba(0,0,0,0.25) 94%,
    rgba(0,0,0,0.25) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
top: 0;
z-index: 1;
}
*/


.carousel_img {
margin-top:0px!important;
width:100%;
min-height:650px!important;
margin-bottom:0px!important;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity:0.95!important;
}

.carousel_img:hover {
/* opacity:0.5!important; */
}


@media screen and (max-width:480px) {
.carousel_img {
min-height:375px!important;
}
}

.carousel_my_text_center {
position:absolute;
top:50%; /* 50% */
left:50%;
transform:translate(-50%,-50%);
z-index: 2;
}

.carousel_my_text_left {
position:absolute;
top:50%; /* 50% */
left:50%;
transform:translate(-50%,-50%);
z-index: 2;
}

.carousel_my_text_left h1,
.carousel_my_text_center h1 {
font-family: 'Frank Ruhl Libre', sans-serif;
font-size:38px!important;
font-weight: 500!important;
margin-top:0px!important;
letter-spacing:-1px!important;
margin-bottom:0px!important;
word-wrap:break-word!important;
vertical-align: baseline;
color:#FFFFFF!important;
text-shadow: 1px 1px #333333;
line-height:40px;
/* background-color:rgba(0,112,178, 0.4); */
background-color:rgba(0,0,0, 0.12);
display:inline-block;
padding:5px 17px 5px 17px;
}

@media screen and (max-width:480px) {
.carousel_my_text_left h1,
.carousel_my_text_center h1 {
font-family: 'Open Sans', sans-serif;
font-size:28px!important;
font-weight: 500!important;
line-height:28px!important;
}
}

.carousel_my_text_left p,
.carousel_my_text_center p {
font-family: 'Frank Ruhl Libre', sans-serif;
font-size:22px!important;
font-weight: 400!important;
margin-top:10px!important;
margin-bottom:0px!important;
word-wrap:break-word!important;
vertical-align: baseline;
color:#FFFFFF!important;
text-shadow: 1px 1px #333333;
display:inline-block;
background-color:rgba(0,0,0, 0.12);
padding:5px 17px 5px 17px;
}

@media screen and (max-width:480px) {
	
.carousel_my_text_left h1,
.carousel_my_text_center h1,
.carousel_my_text_left p,
.carousel_my_text_center p
{
width:230px!important;
padding:5px 8px 5px 8px!important;
}
}


.carousel_my_text .carousel_small_line {
border-bottom: 2px solid #FFFFFF;
margin-top: 20px!important;
margin-bottom: 20px!important;
max-width:200px;
margin-left: auto;
margin-right: auto;
}

a.carousel_interner_link,
a:link.carousel_interner_link {
font-family: 'Frank Ruhl Libre', sans-serif;
font-size:16px!important;
color:#000000!important;
background-color:#ffdf44!important;
display:inline-block!important;
text-align:center!important;
margin-top:20px;
padding:3px 15px 3px 15px!important;
max-width:200px;
margin-left: auto;
margin-right: auto;
}


a:hover.carousel_interner_link {
background-color:#0070b2!important;
color:#FFFFFF!important;
}

/* Pagniation unterhalb des Bildes */
#carouselExampleControls .carousel-indicators li {
	
    display: inline-block;
    width: 18px;
    height: 2px!important;
    margin: 10px;
    text-indent: 0;
    cursor: pointer;
    border: none;
    background-color: #000000;
	border-radius:0px!important;
	padding: 0px 0px 0px 0px !important;
	margin-top:100px;
}
#carouselExampleControls .carousel-indicators .active {
    width: 18px;
    height: 2px!important;
	margin: 10px;
    background-color: #FFFFFF;
	margin-top:100px;
}


@media screen and (max-width:992px) {
#carouselExampleControls .carousel-indicators li {
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-control {
z-index:3;
}

/* 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:#FFFFFF;
}

.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;
}
}