/*
Farben:

Rot:		rgba(230,48,39,1)	#e63027
Grau:		rgba(87,87,87,1)	#575757
Hellgrau:	rgba(198,198,198)	#cac9c9

Verkehrsrot:    rgba(230,48,39,1)   #e63027;

*/

/**::selection {
    background-color: #575757;
    color: #fff;
}*/
a:hover {text-decoration:none
}
/* Link - Linie ausblenden */
.carousel-caption a::before,
a.carousel-control-prev::before {
    display: none;
}


/* Bilderwechsler */
.bilderwechsler {
    position: relative; background:#fff url(/imgwb/imgw/icons/Slide_bg.jpg) no-repeat center top; background-size:cover;
    float:left; width:100%; text-align:right; padding:20px 0 50px
}
.background-slider {
    width: 100%;
}
.background-img {
    width: 100%;
    height: 100%; 
    max-width:1250px; height:auto;
    margin:auto; padding:0 0 30px;
    /*float:right; margin-right:100px;*/
    background-position: center center;
    background-repeat: no-repeat; 
    background-size: cover; z-index:99999; position:relative;
}
    .background-img img {width:auto; height:610px; z-index:99;
                         float:right; margin:0
                         /*max-width:800px; min-width:600px; float:right; z-index:99*/
    }
ol.carousel-indicators {text-align:right; max-width:1280px; float:right; 
}
.carousel-indicators {
    bottom: 0px;
    padding-left: 0;
    margin-right:0;
    margin-left: 0; display:inline-block; margin:auto; 
}

.carousel-indicators li {
    border-radius: 5rem;
    width: 20px;
    height: 10px;
    border-top: 0;
    border-bottom: 0;
    opacity: 1;
    background-color:#fff; border:solid 1px #ed1b24;
    /*background-color:#cbcbcb;*/ display:inline-block; margin:auto 5px;
}
.carousel-indicators li.active {
    background-color:#3a3a3a!important;
}

/*.fullscreen-bilderwechsler,
.fullscreen-bilderwechsler .fullscreen-img-item,*/
.background-slider .carousel-item {
    height: auto; z-index:99999; padding:30px 0;
}


/* Carousel Caption */
.fullscreen-bilderwechsler .carousel-caption,
.background-slider .carousel-caption {
    top:40%;
    bottom: auto;
    hyphens: none;
    padding:0;
    z-index: 999;
    width:100%;
    opacity: 0;
    text-align: center;
    margin:auto;
    left:auto;
    right: auto;
    -webkit-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    -o-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%); z-index:99999
}
.fullscreen-bilderwechsler .carousel-item.active .carousel-caption,
.background-slider .carousel-item.active .carousel-caption {
    -webkit-animation: 400ms caption-intro forwards;
    animation: 400ms caption-intro forwards;
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}


@keyframes caption-intro {
    0% {
        opacity: 0;
        -webkit-transform: translate(-150%, -50%);
        -moz-transform: translate(-150%, -50%);
        -ms-transform: translate(-150%, -50%);
        -o-transform: translate(-150%, -50%);
        transform: translate(-150%, -50%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

.fullscreen-bilderwechsler .carousel-item::before,
.background-slider .carousel-item::before,
.background-image::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    content: '';
    z-index: 300;
    width: 100%;
    opacity: 0;
    -webkit-transition: 400ms ease-in-out;
    -moz-transition: 400ms ease-in-out;
    -ms-transition: 400ms ease-in-out;
    -o-transition: 400ms ease-in-out;
    transition: 400ms ease-in-out;
}

.fullscreen-bilderwechsler .carousel-item.active::before,
.background-slider .carousel-item.active::before {
    opacity: 1;
}


.loaded .slick-current.slick-active .carousel-caption-intro a {
    opacity: 0;
    -webkit-animation: push-in-1 900ms forwards;
    animation: push-in-1 900ms forwards;
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
}
.carousel-caption .title {
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    text-align:center; color:#fff; padding:0; font-weight:normal; line-height:2em;
    font-family:'BeVietnamPro-Bold'; font-size:1.2em; margin:0 0 15px; display:block; text-transform:none;
    max-width:500px; margin:auto 0; z-index:99999
}
.carousel-caption .sum {
    text-align:left; color:#4e4e4e; padding:0; font-weight:normal; line-height:1.4em;
    font-size:1.2em; margin:0; display:block;max-width:550px; 
}
.sum_text {max-width:1285px; margin:auto;
}
.carousel-caption .sum h3 {color:#252525; font-family:'BeVietnamPro-Black'; font-size:2.5em; margin:0 0 15px; display:inline-block;
                               line-height:1.2em; font-family:'BeVietnamPro-Bold'; 
}
a.btsxemtiep {width:auto; height:50px; line-height:50px; border-radius:0; padding:0 40px 0 40px; color:#fff;
                                text-align:left; float:left; text-transform:none; font-family:'BeVietnamPro-SemiBold';
                                transition:all 0.5s; font-size:1em; margin:30px 0 0 0; z-index:999;
                                /*border-top-left-radius:15px; border-bottom-right-radius:15px;*/ 
                                background:#ed1b24; border:solid 1px #ed1b24; display:block; clear:both;
    }
a.btsxemtiep:hover {background:#fff; color:#ed1b24!important; 
                                         border-top-left-radius:0; border-bottom-right-radius:0;
                                         border-top-right-radius:15px; border-bottom-left-radius:15px
    }
/*@-webkit-keyframes quickies-loaded {
    0% {
        right: -10rem;
    }
    100% {
        right: 0;
    }
}
@-moz-keyframes quickies-loaded {
    0% {
        right: -10rem;
    }
    100% {
        right: 0;
    }
}
@keyframes quickies-loaded {
    0% {
        right: -10rem;
    }
    100% {
        right: 0;
    }
}*/
@media (max-width:1280px) {
    .carousel-caption .sumtext {margin:0 10px
    }
}
@media (max-width:768px) {
    .bilderwechsler {padding:0 0 50px
    }
    .fullscreen-bilderwechsler .carousel-caption,
    .background-slider .carousel-caption {
        top: CalC( 10% + 80px )
    }
    .carousel-caption .sum h3 {
        font-size: 1.5em;
    }
    .carousel-indicators {
        bottom: -40px;
    }
    ol.carousel-indicators {text-align:center; padding-right:0
    }
    .carousel-caption .sum {max-width:none; margin:auto; padding:10px 5px 0; font-size:1em
    }
    a.btsxemtiep {margin:1px 0 0 5px; height:20px; line-height:20px; background:none; color:#ed1b24;
                  border:0; float:right
    }
    /*.background-img {margin:auto; margin-top:300px; width:100%; height:100%; clear:both; float:none; position:relative;
                     padding:10px
    }*/
    .background-img {padding:0; margin:0
    }
        .background-img img {width:100%; height:100%; margin:260px auto 0; max-height:none; max-width:none; min-height:0
        }
}