.custom-leistungen-slider {
    min-height:620px;
    background: #f2f2f2;
    position: relative;
}

#leistungen-slider-preload {
    background: #f2f2f2;
}

#leistungen-slider-preload .custom-loader {
    border: 1.1em solid rgba(0, 0, 0, 0.2);
    border-left-color: #000;
}


.custom-leistungen-slider .carousel-inner {
    background: #f2f2f2;
}

.custom-leistungen-slider .carousel-inner > .item {
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

.custom-leistungen-slider .carousel-inner > .item:first-of-type {
    position: relative;
}
.custom-leistungen-slider .carousel-inner > .active {
    opacity: 1;
    z-index: 3;
}
.custom-leistungen-slider .carousel-inner > .next.left,
.custom-leistungen-slider .carousel-inner > .prev.right {
    -webkit-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    opacity: 1;
    left: 0;
    z-index: 2;
}

.custom-leistungen-slider .next.left,
.custom-leistungen-slider .prev.right {
    opacity: 1;
    z-index: 1;
}
.custom-leistungen-slider .active.left,
.custom-leistungen-slider .active.right {
    opacity: 0;
    z-index: 2;
}

.custom-leistungen-slider .carousel-indicators {
    display:none;
}

.custom-leistungen-slider .carousel-control {
    z-index:100;
    background-image: none !important; /* remove background gradients on controls */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important;
    display: inline-block;
    position: absolute;
    top: 30px;
    width:10%;
    text-shadow: none;
    opacity:0.75;
    background: transparent;
}

.custom-leistungen-slider .carousel-control:hover,
.custom-leistungen-slider .carousel-control:focus {
    color: #fff;
    opacity:1;
}

.custom-leistungen-item {
    background-size: 100% auto !important;
}

.custom-leistungen-item-1 {
    background:#f2f2f2;
}

.custom-leistungen-item-2 {
    background:#f2f2f2;
}

.custom-leistungen-item-3 {
    background:#f2f2f2;
}

.leistungen-slide-image {
    display:none !important;
}


.custom-leistungen-slider .item h1 {
    text-align: center;
    padding:12px 10px 10px;
}

.custom-leistungen-slider .item p,
.custom-leistungen-slider .item ul {
    line-height: 1.4em;
}

.custom-leistungen-slider .panel-heading {
    background: #000;
    color: #fff;
}

.custom-leistungen-slider .item ul {
    padding:10px 0 20px 20px;
    margin: 0;
}

.custom-leistungen-slider .item ul li {
    padding:0 0 10px;
}

.col-centered {
    float: none !important;
    margin: 0 auto !important;
    text-align: center;
}

.custom-leistungen-slider .custom-product-info {
    margin-top:10px;
    margin-bottom:20px;
    background:#0b263c url(../img/leistungen/buttton-l.jpg) no-repeat center center;
    min-height:200px;
    width: 100%;
    color:#fff;
    padding:20px;
}

@media (min-width: 360px) {
}


@media (min-width: 500px) {
}

@media (min-width: 600px) {
}

@media (min-width: 992px) {

    .custom-leistungen-slider{
        min-height:460px;
    }

    .custom-leistungen-slider .item {
        min-height:460px;
    }

    .custom-leistungen-slider .carousel-control {
        display: none;
    }

    .custom-leistungen-slider .carousel-indicators {
        display:block;
        width: 100%;
        left:0;
        margin-left:0;
    }

    .custom-leistungen-slider .carousel-indicators li,
    .custom-leistungen-slider .carousel-indicators .active{
        cursor: pointer;
        display: inline-block;
        margin: 0 10px;
        text-indent:0;
        border-radius: 4px;
        padding:12px;
        height:46px;
        width: 300px;
        opacity:0.4;
        background:#297984;
        border: #297984;
        color:#fff;
        font-size: 18px;
    }

    .custom-leistungen-slider .carousel-indicators li:first-child {
        margin-left:0 !important;
        background:#295483;
        border:#295483;
    }

    .custom-leistungen-slider .carousel-indicators li:last-child {
        margin-right:0 !important;
        background:#9a000b;
        border:#9a000b;
    }

    .custom-leistungen-slider .carousel-indicators li:hover,
    .custom-leistungen-slider .carousel-indicators .active {
        opacity:1;
    }

    .custom-leistungen-slider  .carousel-indicators {
        bottom:20px;
    }

    .custom-leistungen-slider .item h1 {
        padding: 30px 0 0;
        text-align: left;
    }
    .custom-leistungen-slider .custom-product-info {
    max-height:260px;
        margin-left:20px;
        margin-top:0;
        width:360px;
        padding:5px 20px 10px;
        background:#0b263c url(../img/leistungen/buttton-xl.jpg) no-repeat center center;
    }

    .custom-leistungen-slider .item p,
    .custom-leistungen-slider .item ul {
        line-height: 1.3em !important;
    }

    .custom-leistungen-slider .panel-heading {
        font-size:14px;
    }

    .leistungen-slide-image {
        position: absolute;
        display:block !important;
        height: auto !important;
        width:100%;
        background-size: 100% auto !important;
    }

    .custom-leistungen-item-1 .leistungen-slide-image {
        background:#f2f2f2 url(../img/leistungen/leistungen-s-1.jpg) no-repeat 0 0;
    }

    .custom-leistungen-item-2 .leistungen-slide-image {
        background:#f2f2f2 url(../img/leistungen/leistungen-s-2.jpg) no-repeat 0 0;
    }

    .custom-leistungen-item-3 .leistungen-slide-image {
        background:#f2f2f2 url(../img/leistungen/leistungen-s-3.jpg) no-repeat 0 0;
    }

}

@media (min-width: 1200px) {

    .custom-leistungen-slider{
        min-height:555px;
    }

    .custom-leistungen-slider .item {
        min-height:555px;
    }
    .custom-leistungen-slider .item h1 {
        text-align: left;

    }

    .custom-leistungen-slider .custom-product-info {
        min-height:320px;
        margin-left:30px;
        width:400px;
        padding:5px 20px 10px
    }

    .custom-leistungen-slider .item p,
    .custom-leistungen-slider .item ul {
        font-size:17px !important;
        line-height: 1.4em !important;
    }
    .custom-leistungen-slider .panel-heading {
        font-size:17px !important;
    }

    .custom-leistungen-slider .carousel-indicators li,
    .custom-leistungen-slider .carousel-indicators .active{
        padding:14px;
        height:52px;
        width: 360px;
        font-size: 21px;
        margin: 0 14px;
    }

}

@media (min-width: 1300px) {

    .custom-leistungen-slider{
        min-height:580px;
    }

    .custom-leistungen-slider .item {
        min-height:580px;
    }

    .custom-leistungen-item-1 .leistungen-slide-image {
        background:#f2f2f2 url(../img/leistungen/leistungen-m-1.jpg) no-repeat 0 0;
    }

    .custom-leistungen-item-2 .leistungen-slide-image {
        background:#f2f2f2 url(../img/leistungen/leistungen-m-2.jpg) no-repeat 0 0;
    }

    .custom-leistungen-item-3 .leistungen-slide-image {
        background:#f2f2f2 url(../img/leistungen/leistungen-m-3.jpg) no-repeat 0 0;
    }

}

@media (min-width: 1400px) {

    .custom-leistungen-slider{
        min-height:640px;
    }

    .custom-leistungen-slider .item {
        min-height:640px;
    }

    .custom-leistungen-slider .item h1 {
        padding-top: 70px;
    }

    .custom-leistungen-slider .item p,
    .custom-leistungen-slider .item ul {
        font-size:18px !important;
    }
    .custom-leistungen-slider .panel-heading {
        font-size:18px;
    }

    .custom-leistungen-slider .carousel-indicators {
        bottom:35px;
    }

    .custom-leistungen-slider .custom-product-info {
        min-height:350px;
        margin-left:30px;
        width:420px;
        padding:5px 20px 10px
    }
}

@media (min-width: 1550px) {

    .custom-leistungen-slider{
        min-height:700px;
    }

    .custom-leistungen-slider .item {
        min-height:700px;
    }

    .custom-leistungen-slider .item p,
    .custom-leistungen-slider .item ul,
    .custom-leistungen-slider .panel-heading {
        font-size:19px !important;
    }

    .custom-leistungen-slider .custom-product-info {
        min-height:360px;
        width:460px;
        padding:10px 25px 15px
    }
}

@media (min-width: 1800px) {

    .custom-leistungen-slider{
        min-height:830px;
    }

    .custom-leistungen-slider .item {
        min-height:830px;
    }

    .custom-leistungen-slider .custom-product-info {
        min-height:420px;
        width:520px;
        padding:15px 35px 30px
    }

    .custom-leistungen-item-1 .leistungen-slide-image {
        background:#f2f2f2 url(../img/leistungen/leistungen-l-1.jpg) no-repeat 0 0;
    }

    .custom-leistungen-item-2 .leistungen-slide-image {
        background:#f2f2f2 url(../img/leistungen/leistungen-l-2.jpg) no-repeat 0 0;
    }

    .custom-leistungen-item-3 .leistungen-slide-image {
        background:#f2f2f2 url(../img/leistungen/leistungen-l-3.jpg) no-repeat 0 0;
    }
    .custom-leistungen-slider .item p,
    .custom-leistungen-slider .item ul,
    .custom-leistungen-slider .panel-heading {
        font-size:21px !important;
    }

    .custom-leistungen-slider .item ul {
        padding:15px 0 20px 25px;
    }

    .custom-leistungen-slider .item ul li {
        padding:0 0 15px;
    }

    .custom-leistungen-slider .carousel-indicators li,
     .custom-leistungen-slider .carousel-indicators .active{
         font-size: 22px;
     }

    .custom-leistungen-slider .carousel-indicators {
        bottom:70px;
    }

}

@media (min-width: 2200px) {

    .leistungen-slide-image {
        height:100% !important;
        width:100% !important;
        background-size: auto 110% !important;
    }

    .custom-leistungen-slider{
        min-height:1160px;
    }

    .custom-leistungen-slider .item {
        min-height:1160px;
    }

    .custom-leistungen-slider .item h1 {
        font-size: 66px;
        padding-top:130px;
        padding-bottom:48px;
    }

    .custom-leistungen-slider .custom-product-info {
        min-height:580px;
        width:760px;
        padding:25px 40px 40px
    }

    .custom-leistungen-item-1 .leistungen-slide-image {
        background:#f2f2f2 url(../img/leistungen/leistungen-xl-1.jpg) no-repeat center 0;
    }

    .custom-leistungen-item-2 .leistungen-slide-image {
        background:#f2f2f2 url(../img/leistungen/leistungen-xl-2.jpg) no-repeat center 0;
    }

    .custom-leistungen-item-3 .leistungen-slide-image {
        background:#f2f2f2 url(../img/leistungen/leistungen-xl-3.jpg) no-repeat center 0;
    }
    .custom-leistungen-slider .item p,
    .custom-leistungen-slider .item ul {
        font-size:30px !important;
    }
    .custom-leistungen-slider .panel-heading {
        font-size:30px !important;
        padding: 15px 20px;
    }

    .custom-leistungen-slider .item ul li {
        padding:0 0 20px;
    }

    .custom-leistungen-slider .carousel-indicators li,
    .custom-leistungen-slider .carousel-indicators .active{
        padding:24px;
        height:80px;
        width: 550px;
        font-size: 32px;
        margin: 0 24px;
    }

    .custom-leistungen-slider .carousel-indicators {
        bottom:90px;
    }

}

@media (min-width: 2500px) {

    .leistungen-slide-image {
        height:auto !important;
        width:100% !important;
        background-size: 100% auto !important;
    }
}

@media (min-width: 3000px) {

    .leistungen-slide-image {
        height:100% !important;
        width:100% !important;
        background-size: auto 100% !important;
    }

    .custom-leistungen-slider{
        min-height:1740px;
    }

    .custom-leistungen-slider .item {
        min-height:1740px;
    }

    .custom-leistungen-slider .item p,
    .custom-leistungen-slider .item ul {
        font-size:40px !important;
    }
    .custom-leistungen-slider .panel-heading {
        font-size:40px !important;
        padding: 20px 25px;
    }
    .custom-leistungen-slider .item ul {
        padding:20px 0 40px 40px;
    }

    .custom-leistungen-slider .item ul li {
        padding:0 0 25px;
    }

    .custom-leistungen-slider .custom-product-info {
        min-height:800px;
        width:1000px;
        margin-left:80px;
        padding:50px 80px 60px
    }

    .custom-leistungen-slider .custom-product-info h2 {
        font-size:66px;
        margin-bottom:30px;
    }

    .custom-leistungen-item-1 .leistungen-slide-image {
        background:#f2f2f2 url(../img/leistungen/leistungen-xxl-1.jpg) no-repeat center 0;
    }

    .custom-leistungen-item-2 .leistungen-slide-image {
        background:#f2f2f2 url(../img/leistungen/leistungen-xxl-2.jpg) no-repeat center 0;
    }

    .custom-leistungen-item-3 .leistungen-slide-image {
        background:#f2f2f2 url(../img/leistungen/leistungen-xxl-3.jpg) no-repeat center 0;
    }

    .custom-leistungen-slider .carousel-indicators li,
    .custom-leistungen-slider .carousel-indicators .active{
        padding:36px;
        height:120px;
        width: 700px;
        font-size: 48px;
        margin: 0 40px;
        border-radius: 8px;
    }

    .custom-leistungen-slider .carousel-indicators {
        bottom:130px;
    }

}

@media (min-width: 3800px) {

    .leistungen-slide-image {
        height:auto !important;
        width:100% !important;
        background-size: 100% auto !important;
    }

}