.b-overlay{
    position: absolute;
    width: 100%;
    top:    0;
    bottom: 0;
    z-index: 50;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 30%,rgba(0,0,0,0.1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#1a000000',GradientType=0 );
}
a:focus {
    outline: none;
    }
    a:active {
        outline: none;
        }
.what-we-offer{
    color: black;
    font-size: 30px;
    font-weight: 200;
}
.m-t-30{
    margin-top: 30px;
}
.m-b-30{
    margin-bottom: 30px;
}
.m-t-90{
    margin-top: 90px;
}
.m-b-90{
    margin-bottom: 90px;
}
.p-t-90{
    padding-top: 90px;
}
.p-b-90{
    padding-bottom: 90px;
}
.no-padding{
    padding:0;
}
.no-padding-l{
    padding-left:0;
}
.no-padding-r{
    padding-right:0;
}
.text-c{
    text-align: center;
}
.first-p{
    font-size:17px;
}
.l-sidebar h3{
    color: #ed1c24;
    font-size: 20px;
    margin-top: 0;
}
.l-sidebar .intro{
    font-size: 16px;
    text-align: justify;
    line-height: 22px;
    margin-top: 26px;
}
.l-sidebar .main-text{
    text-align: justify;
}
.btn{
    /*text-transform: none;*/
}

@media (max-width: 500px) { 
    .d-sm-none{
        display:none;
    }
	.btn-home {
		width: 90%;
	}
 }
 /*-------------popup--------------*/
 .tooltip-inner {
    max-width: 350px;
    /* If max-width does not work, try using width instead */
    width: 350px; 
}
.red-tooltip{
    cursor: help;
}
.tooltip.in{opacity:1!important;}
 .red-tooltip + .tooltip > .tooltip-inner {
     background-color: #E0E0E0;
    color: #595959;
    font: 14px/1.7143 'Hind';
    text-align: justify;
    text-transform: none;
    font-size: 14px;
    border-radius: 4px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }
    .red-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#E0E0E0; }
/*==================================
            PANELI
==================================*/
.panel-group .panel{
    padding-bottom: 0;
    border-bottom: unset;
    padding-top: 75px;
    margin-top: -75px;
}
.panel .panel-heading {
    color: #fff;
    background: gray;
    padding: 15px;
    height: 150px;
    overflow: hidden;
}
.panel-title{
    color: white;
    position: relative;
    font-size: 20px;
}
.panel-heading.ph{
  background-size: 100% auto;
  background-position-y: center;
}
.panel-collapse{
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.panel-heading.ph.ph-1{
    background-image: url("../media/components/autopflege/aus.jpg"); /* W3C */
}
.ph{
    background-color: black; /* fallback color */
    width: 100%;
    height: 100%;
    background-position: center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all .5s;
}
.panel-heading:hover .ph{
    transform: scale(1.03);
}
.ph::before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(45deg, rgba(33,33,33,0.5) 0%, rgba(33,33,33,0.3) 30%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(33,33,33,0.5) 0%,rgba(33,33,33,0.3) 30%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(33,33,33,0.5) 0%,rgba(33,33,33,0.3) 30%,rgba(0,0,0,0) 100%);
    transition: all .5s;
  }
  
  .panel-heading:hover .ph:before,
  .panel-heading:focus .ph:before {
    background-color: rgba(21, 21, 21, 0.54);
  }
  .info-accordion .panel-heading .fa-caret-down {
      color: white;
    margin-right: 16px;
    transition: all 1s ease;
}
.btn-collapse.collapsed .fa-caret-down{
    transform: rotate(-90deg);
}
.ph.ph-1{
background-image: url("../media/components/autopflege/aus.jpg");
}
.ph.ph-2{
    background-image: url("../media/components/autopflege/ine-pfl.jpg");
    }
    .ph.ph-3{
        background-image: url("../media/components/autopflege/mot.jpg");
        }



        /*==================================
            Tables
==================================*/
.table-type-2 > tbody > tr > td.no-bb{
    border-bottom: unset;
    border-top: unset;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 600;
}
.motopflege-table td{
width: 25%;
}
.motopflege-table .img-cell{
    padding:0;
}
.motopflege-table .moto-img{
    width: 100%;
    margin: 0;
}
.ausenpflege-table .img-cell{
    padding:0;
}
.ausenpflege-table .moto-img{
    width: 100%;
    margin: 0;
}
.innenpflege-table .img-cell{
    padding:0;
}
.innenpflege-table .moto-img{
    width: 100%;
    margin: 0;
}
/*----home-----*/
/*---header---*/
.navbar{
    padding-top: 5px;
}
.header-topbarbox-1, .header-topbarbox-2 {
    padding: 10px 0 10px;
}
.header.header-topbar-dark .top-bar * {
    color: #898989;
    text-rendering: auto !important;
    text-rendering: optimizeSpeed;
    text-rendering: optimizeLegibility !important;
    text-rendering: geometricPrecision !important;
}
.header-topbar-dark .top-bar {
    background-color: rgba(0,0,0,0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.13)!important;
}
.header-navibox-2-right .header-navibox-2{
    float:left!important;
    padding: 0;
}
.navbar .main-menu > li{
    padding-bottom: 0;
    padding-top: 25px;
}
.yamm li.dropdown:hover > .dropdown-menu {
    margin-top: 0px;
    z-index: 50;
}
.header-boxed-width .header-navibox-1 {
    float:right!important;
    padding:0;
}
.header.header-background-white {
    background: rgba(0, 0, 0, 0.0);
}

.header-line {
    width: 100%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: 20px;
    z-index: -1;
}
.header.header-color-black .navbar .navbar-nav > li > a:hover{
    background-color: transparent;
    color: white;
    border-bottom: 1px solid #FF1720;
}
/*------------nav---------------*/
/*nav animation */
/*nav animation end*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/*---------bg-video-------------*/
.homepage-hero-module .text-box{
    color: white !important;
    position: absolute;
    top: 250px;
    left: 25px;
    z-index: 100;
}
@media (min-width: 992px) {
    .homepage-hero-module .text-box{
        left: 200px;
    } 
}
@media (max-width: 992px) {
	.homepage-hero-module .text-box {
		top: 150px;
	}
}
.homepage-hero-module {
    display: flex;
    height: 100vh;
    border-right: none;
    border-left: none;
    position: relative;
}
.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}
.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000;
}
.video-container .poster img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    top: 0;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
}
.video-container video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    z-index: 0;
    bottom: 0;
}
.homepage-hero-module .contact-btn{
    background-color: #fff200;
    border-color: #fff200;
    color: #333;
    margin-left: 25px;
}
.homepage-hero-module .contact-btn:hover{
    text-shadow: unset;
}
.video-container video.fillWidth {
   
}
/*---what we offer---*/
.home-services-ico{
    width: 100px;
}
.b-advantages-2{
    padding: 0;
}
@media (min-width: 768px) {
    .home-services-ico{
        width: 130px;
    } 
    .b-advantages-2{
        padding: 40px 30px 40px;
    }
}
.home-services{
    background-color: #E0E0E0;
}
.b-advantages-2{
    background: transparent;
    box-shadow: unset;
    margin-bottom: 0px;
    border-radius: 4px;
}
.b-advantages-2:hover{
    color: #222;
    background: white;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.cta-p{
font-weight: 100;
font-size: 18px;
}
.cta-btn{
    margin-top: 30px;
    border-radius: 25px;
}
@media (min-width: 992px) {
    .home-services{
        height: 95vh;
        display: flex;
        align-items: center;
        justify-content: center;
    } 
}
  
  .b-advantages-2:hover .ui-decor-2 {    
        width: 100%;    
        position: absolute;    
        bottom: 0;    
        left: 0;
        background: #e53935;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #e35d5b, #e53935);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #e35d5b, #e53935); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        
    }
    /*--------private customers----------*/
    @media (min-width: 768px) {
        .privatekunden-img{
            background-image: url('../media/components/home/car-dealers.jpg');
            display: flex;
            background-size: cover;
        }
    }
    .flex-row{
        /*display: flex;
        flex-direction: row;
        height: 50vh;*/
    }
    .autohauser-wrap{
        background-color: #595959;
    }
    .flex-container-r, .flex-container-l{
        height: auto;
    display: flex;
    align-items: center;
    z-index: 2;
    }
    a.phone-numb {
        font-size: 22px;
    }
    .text-container-right h4{
        color: white;
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 15px;
    }
    .text-container-right p{
        color: white;
    }
    .text-container-left h4{
        color: black;
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 15px;
    }
    .text-container-left{
        padding: 30px 25px 30px;
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        justify-content: center;
    }
    
    .text-container-right{
        padding: 30px 25px 30px;
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        justify-content: center;
    }
    .autohauser-img{
        
    }
    .private-customers-container{
        position: relative;
        background-image: url('../media/components/home/private-customers.jpg');
    }
    .fw-l::before{
        content: "";
        position: absolute;
        width: 100%;
        top: 0;
        height: 100%;;
        background: -moz-linear-gradient(45deg, rgba(33,33,33,0.8) 0%, rgba(33,33,33,0.6) 30%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(33,33,33,0.8) 0%,rgba(33,33,33,0.6) 30%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(33,33,33,0.8) 0%,rgba(33,33,33,0.6) 30%,rgba(0,0,0,0) 100%);
display: block;
    }
 
    .text-block-l .text-container h4{
        color: white;
        font-size: 30px;
        font-weight: 200;
        margin-bottom: 20px;
    }
    .text-block-l .text-container p{
        color: white;
        font-size: 15px;
    }
    .private-customers-container .text-block-l .text-container .btn{
        
    }
    .private-customers-container .phone-numb {
        color: yellow;
        font-size: 25px;
    }
    .private-customers-container .text-block-l .text-container .btn:hover{
        text-shadow: unset;
    }
    @media (max-width: 767.98px) {
        .text-block-l .text-container{
            padding: 100px 40px;;
        }
     }
     .home-privatekunde{
         position: relative;
     }
     /*.home-privatekunde::before{
         content: "";
         position: absolute;
         height: 100%;
         width: 100%;
         background: rgb(91,18,18);
         background: -moz-linear-gradient(45deg, rgba(91,18,18,1) 0%, rgba(125,185,232,1) 100%);
         background: -webkit-linear-gradient(45deg, rgba(91,18,18,1) 0%,rgba(125,185,232,1) 100%);
         background: linear-gradient(45deg, rgba(91,18,18,1) 0%,rgba(125,185,232,1) 100%);
         opacity: .5;
     }*/
     .home-privatekunde .text-container-left{
        background: rgba(255,255,255,0.9);
    }
     @media (min-width: 992px) {
     .home-privatekunde{
        height: 95vh;
        display: flex;
        align-items: center;
        justify-content: center;
     }
     .home-privatekunde .text-container-left{
        background: rgba(255,255,255,0.9);
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
     }
    }
    /*-------car dealers-------*/
    .car-dealers-container{
        position: relative;
        background-image: url('../media/components/home/car-dealers.jpg');
        background-size: cover;
    }
    .fw-r::before{
        content: "";
        position: absolute;
        width: 100%;
        top: 0;
        height: 100%;;
        background: -moz-linear-gradient(-45deg, rgba(249,249,249,0) 0%, rgba(249,249,249,0.6) 70%, rgba(249,249,249,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(249,249,249,0) 0%,rgba(249,249,249,0.6) 70%,rgba(249,249,249,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(249,249,249,0) 0%,rgba(249,249,249,0.6) 70%,rgba(249,249,249,0.8) 100%);
display: block;
        
    }
    .home-autohauser .btn{
        margin: 10px 5px 0px 0px;
    }
    .text-block-r .text-container{
        padding: 100px 30% 100px 10%;
    }
    .text-block-r .text-container h4{
        color: #212121;
        opacity: .8;
        border-bottom: 1px solid #212121;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }
    .text-block-r .text-container p{
        color: #212121;
        font-size: 15px;
    }
    @media (max-width: 767.98px) {
        .text-block-r .text-container{
            padding: 100px 40px;;
        }
     }
     @media (min-width: 992px) {
        .home-autohauser{
            height: 95vh;
        display: flex;
        align-items: center;
        justify-content: center;
            background-image: url('../media/components/home/private-customers.jpg');
            background-size: cover;
        }
        .home-autohauser .text-container-right{
            background: rgba(56,56,56,0.95);
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
        }
      }
     
         /*-------contact-------*/
    .contact-container{
        position: relative;
        
        background-size: cover;
    }
    .contact-container::before{
        content: "";
        position: absolute;
        width: 100%;
        top: 0;
        height: 100%;;
      
    }
    .text-block-c .text-container{
        padding: 100px 40px;
    }
    .text-block-c .text-container h4{
        text-align: center;
        color: black;
        font-size: 30px;
        font-weight: 200;
        margin-bottom: 20px;
    }
    .text-block-c .text-container p{
        color: #212121;
        font-size: 15px;
        text-align: center;
    }
    .text-block-c .text-container .btn{
        left: 50%;
transform: translate(-50%);
    }
    .text-block-c .text-container .phone-numb{
        font-size: 30px;
        font-weight: 600;
        color: #ed1c24;
        margin-top: 15px;
        line-height: 42px;
    }
    @media (max-width: 767.98px) {
        .text-block-c .text-container{
            padding: 100px 40px;;
        }
     }

         /*-------giftcards-------*/

    .giftcards-container{
        position: relative;
        overflow: hidden;
        background: #ff1720; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #ff1720 0%, #ed1c24 75%, #ed1c24 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #ff1720 0%,#ed1c24 75%,#ed1c24 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #ff1720 0%,#ed1c24 75%,#ed1c24 100%);
    }
.giftcards-container .text-container{
    padding: 30px 25px 30px;
}
    .text-block-r .text-container{
        padding: 100px 30% 100px 10%;
    }
    .text-block-r .text-container h4{
        color: #212121;
        opacity: .8;
        border-bottom: 1px solid #212121;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }
    .text-block-r .text-container p{
        color: #212121;
        font-size: 15px;
    }
    @media (max-width: 767.98px) {
        .text-block-r .text-container{
            padding: 100px 40px;;
        }
     }
 /*--------home map----------*/

 .home-map .map{
     display: none;
    
     
 }
 .home-map .phone-numb{
    color: gray;
    font-size: 15px;
 }
 .home-map .addres{
    color: gray;
    font-size: 15px;
    margin-top: 15px;
 }
 .home-map .addres:hover{
    color: rgb(231, 60, 60);
    font-size: 15px;
 }
 .home-map .phone-numb:hover{
    color: rgb(231, 60, 60);
    font-size: 15px;
 }
 .home-map .map-wien h5,  .home-map .map-graz h5{
    color: red;
    font-size: 1.3em;
    margin-bottom: 15px;
     }
 .home-map .map-wien{

 }
 .home-map .map-graz{
    
}
/* .home-map::before{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgb(91,18,18);
    background: -moz-linear-gradient(45deg, rgba(91,18,18,1) 0%, rgba(125,185,232,1) 100%); 
    background: -webkit-linear-gradient(45deg, rgba(91,18,18,1) 0%,rgba(125,185,232,1) 100%); 
    background: linear-gradient(45deg, rgba(91,18,18,1) 0%,rgba(125,185,232,1) 100%);
    opacity: .5;
    z-index: 1;
    pointer-events: none;
}*/
.home-map .text-container-left {
    background: #ffffff;
}
 @media (min-width: 992px){
 .home-map .text-container-left {
     background: rgba(255,255,255,0.9);
     box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
 }
 .home-map .flex-container-l{
     z-index: 2;
 }
 .home-map{
    height: 95vh;
    position: relative;
    display: flex;
 }
}
  /*--------home map end----------*/
             /*--------newsletter----------*/
             .newsletter-container{
                position: relative;
				height: 50vh;
            }

@media (max-width:1199px) {
	.newsletter-container {
		height: auto;
	}
}
/* end 1199px */

            .newsletter-container .text-block-l .text-container h4{
                color: #212121;
                opacity: .8;
                border-bottom: 1px solid rgba(0, 0, 0, 0.2);
                padding-bottom: 5px;
                margin-bottom: 10px;
            }
            .newsletter-container .text-block-l .text-container p{
                color: #212121;
                font-size: 15px;
            }
            .newsletter-container .b-subscribe__form{
                margin:30px auto;
            }
            .newsletter-container .svg-inline--fa.fa-paper-plane.fa-w-16{
                color: #ed1c24;
            }
    .home-dealers .banner{
    background-image: url('../media/components/b-services/dealers.jpg');
    background-size: cover;
    background-position: center;
}
    /*----------home contact--------------*/
    /*.home-contact .b-services{
        padding: 25px 0 300px 50px;
    }
    .home-contact .contact-title{
        padding-left: 50px;
        color: white;
        -webkit-transition: all .7s ease-in-out;
        -moz-transition: all .7s ease-in-out;
        -o-transition: all .7s ease-in-out;
        transition: all .7s ease-in-out;
    }
    .block-table__inner.vienna-tile{
    background-image: url('../media/components/b-services/vienna.jpg');
    }
    .home-contact .block-table__cell{
        overflow: initial;
    }
 .vienna-info{
        position: absolute;        
        background: white;    
        width: 80%;    
        top: 0;        
        right: 10%;        
        z-index: 50;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        opacity: 0;
        -webkit-transition: all .7s ease-in-out;
        -moz-transition: all .7s ease-in-out;
        -o-transition: all .7s ease-in-out;
        transition: all .7s ease-in-out;
    }
    .vienna-tile:hover .vienna-info{
        opacity: 1;
       top:20%;
    }
    .vienna-tile:hover .contact-title{
        padding-left: 10px;
    }
    .block-table__inner.graz-tile{
        background-image: url('../media/components/b-services/vienna.jpg');
        }
    .graz-info{
        position: absolute;        
        background: white;    
        width: 80%;    
        top: 0;        
        right: 10%;        
        z-index: 50;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        opacity: 0;
        -webkit-transition: all .7s ease-in-out;
        -moz-transition: all .7s ease-in-out;
        -o-transition: all .7s ease-in-out;
        transition: all .7s ease-in-out;
    }
    .graz-tile:hover .graz-info{
        opacity: 1;
        top:20%;
    }
    .home-contact .info {
        font-size: 2em;       
    }
    .home-contact .info .fa {
        padding-right: 25px;
        opacity: .6;
    }*/
    
        .contact-block .first-block::before {
            content: "";
            background: url('../media/components/h-contact/map-bg.png');
            opacity: 0.2;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            position: absolute;
            background-repeat: no-repeat;
            background-size: 100% auto;
            background-position: left;
          }
    .contact-block{
        background-color: #212121;
    }
    .contact-block .b-subscribe__title{
        color:white;
    }
    .contact-block .b-subscribe__info{
        color:#bdbdbd;
    }
    /*-------------newsletter home----------------*/
    .home-newsletter{
    
    }
    .b-subscribe{
color:rgb(83, 83, 83);
    }
    .b-subscribe__title{
        color:rgb(43, 43, 43);
    }
    #subscribeForm{
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }
    .newsletter-block .second-block::before {
        content: "";
        background: url('../media/components/h-newsletter/letter-bg.png');
        opacity: 0.3;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: right;
      }
    /*---------footer---------*/
    .footer__search {
    margin-top: 15px;
    }
    .form-control{
        box-shadow: 	unset;
    }

    .section-abaout-us p{
        margin-bottom: 40px;
    }

    .b-progress-list .team-info span{
        display: inline-block;
        width: 100%;
    }
    .b-progress-list .team-info .title{
        color:red;
    }
    .b-progress-list .team-info .contact-info{
        color:rgb(109, 109, 109);
    }
    /*----------jobs-------------*/
    .job-info{
width: 100%;
    } 
    .job-info th{
        font-weight: 500;
    }
    .job-info .table-row-title{
font-weight: 100;
    }
    .job-info th{
        width: 50%
    }
    .b-goods-1:first-child{
        padding-top: 0;
    }
    /*--------------contact------------------*/
    .section-title-page.so-title-img{
        background-image: url(../media/components/page-title/standorte.jpg);
    }
    .contact-services-title{
        border-bottom: 1px solid #ececec;
        margin-top: 15px;
        font-size: 12px;
        font-weight: 500;
    }
    .map-info .b-car-details__nav > li > a{
        text-align: center;
    }
    .label {
        background: #ececec;
        padding: 10px 10px 8px;
        border-radius: 15px;
        text-transform: none;
        color: #212121;
        margin: 10px 5px 0px 0px;
    font-weight: 400;
    }
    .map-info .table > tbody > tr > td{
        padding: 10px 29px 8px;
    }
    .map-info .table > tbody > tr > td:first-child{
        padding-left: 20px;
    }
    .map{
        height: 900px;
    }
    .map-info{
    
    }
    .map-info .tab-content{
        height: 100%;
    }
    .contact-city-pick li.active{
background-color: white;
    }
    .contact-city-pick li.active > a{
        color:red;  
    }
    .map-info .tab-content .tab-pane{
        background-color: white;
    }
    .map-info .b-car-details__nav.nav.nav-tabs.contact-city-pick {
        border-radius:unset;
            background:#595959;
            margin-top: 0;
            padding: 0 2%;
        
        }
        .contact-city-pick .city{
            width: 33.3%;
            float: left;
        }
        .map-info .b-car-details__tabs.tab-content{
            padding: 0 15px;
        }
        .map-info .table > thead > tr > th{
            padding-bottom: 10px;
            text-transform: none;
        }
        .map-info .b-car-info__desc-dd {
            text-transform: none;
        }
        .standorte-services .single-service{
            display: block;
background: #ff7f7f;
position: relative;
float: left;
width: 50px;
height: 50px;
border-radius: 4px;
margin: 0px 5px 5px 0px;
        }
.standorte-services .single-service:nth-child(2n+2) {
    background:#5cc3e1;
}
        .standorte-services{
            margin:15px 0px;
            float: left;
width: 100%;
        }
        .standorte-services .single-service i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -40%);
    font-size: 30px;
    color: black;
    opacity: .54;
}
.b-car-info .b-car-info__desc-dt{
    overflow: initial;
}
/*--------------kleinschaden------------------*/
.section-title-page.ks-title-img{
    background-image: url(../media/components/page-title/kleinshaden.jpg);
} 
.faq-link{
    color: #ed1c24;
    font-weight: 600;
}
.faq-link .fa-question-circle{
    color: #ed1c24!important;
}
.b-car-info__desc.dl-horizontal .info{
padding-top: 15px;
font-weight: 200;
color: #696969;
text-transform: none;
}   
.img-title {
    display: inline-block;
    width: 100%;
    background: #595959;
    padding: 5px 15px;
    color: #fff;
}  
.l-sidebar-2 .img-responsive{
    margin-bottom: 15px;
} 
.kleinshaden-container .ph.ph-1{
    background-image: url("../media/components/klainshaden/kle-1.jpg");
    }
    .kleinshaden-container .ph.ph-2{
        background-image: url("../media/components/klainshaden/kle-2.jpg");
        }
        .kleinshaden-container .ph.ph-3{
            background-image: url("../media/components/klainshaden/kle-3.jpg");
            }
            .kleinshaden-container .ph.ph-4{
                background-image: url("../media/components/klainshaden/kle-4.jpg");
                }
                .kleinshaden-container .ph.ph-5{
                    background-image: url("../media/components/klainshaden/kle-5.jpg");
                    }
                    .section-faq .panel .panel-heading{
                        height: auto;

                    }
                    .section-faq .panel-heading .fa-caret-down {
                        color: white;
                        margin-right: 16px;
                    }
                    .section-faq .accordion .btn-collapse:hover{
                        color: white;
                    }
                    .section-faq .panel .panel-heading{
                        background-color: #595959;
                    }
                    .section-faq .panel.panel-default .panel-heading{
                        background-color: #ed1c24;
                    }
/*--------------waschecenter------------------*/
.section-title-page.wc-title-img{
    background-image: url(../media/components/page-title/wash.jpg);
} 
.waschcenter-container .panel .panel-heading{
    height: 300px;
}
.waschcenter-container .ph.ph-1{
    background-image: url("../media/components/washcentre/was-2.jpg");
    }
    .waschcenter-container .ph.ph-2{
        background-image: url("../media/components/washcentre/was-1.jpg");
        }
.waschcenter-container{
    background-image: url('../media/content/bg/water-drop-texture.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto;
}
.l-main-content.waschcenter-container{
    padding-bottom: 400px;
}
.l-main-content.waschcenter-container .panel{
    background-color: unset;
}
.info-accordion .panel-body{
    padding: 15px;
    
}
.info-accordion .panel-body p{
    text-align: justify;
    margin-bottom: 30px;
}
.info-accordion .panel-body ul{
    margin-bottom: 30px;
}
.info-accordion .panel-body h3{
    color: #ed1c24;
}
.info-accordion .panel-body section{
    margin-bottom: 40px;
}
.info-accordion .panel-heading .fa-map-marker{
    color: #ed1c24;
    margin-right: 16px;
}
/*--------------waschecenter------------------*/
.section-newsletter{
    position: relative;
    min-height: 800px;
}
.section-newsletter::before {
    content: "";
    background-image: url("../media/components/h-newsletter/letter-bg.png");
    opacity: 0.3;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right;
  }
  /*--------------giftcard------------------*/
  .gc-title-img{
    background: rgb(158,11,15);
    background: -moz-linear-gradient(left, rgba(158,11,15,1) 0%, rgba(237,28,36,1) 100%);
    background: -webkit-linear-gradient(left, rgba(158,11,15,1) 0%,rgba(237,28,36,1) 100%);
    background: linear-gradient(to right, rgba(158,11,15,1) 0%,rgba(237,28,36,1) 100%);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  }
  .gc-title-img::after{
      opacity: 0;
  }

  .gift-img-side{
      width: 100%;
      margin-bottom: -30px;
  }
  .input-group{
    margin-bottom: 20px;
  }
  .single-gift-price{
    font-size: 19px;
text-align: center;
color: #353535;
padding-top: 15px;
  }
  .count-input {
  position: relative;
  width: 100%;
  max-width: 165px;
  margin: 10px 0;
}
.count-input input {
  width: 100%;
  height: 36.92307692px;
  border: 1px solid #d0d0d0;
  border-radius: 2px;
  background: none;
  text-align: center;
  background-color: white;
}
.count-input input:focus {
  outline: none;
}
.count-input .incr-btn {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  font-size: 26px;
  font-weight: 300;
  text-align: center;
  line-height: 30px;
  top: 50%;
  right: 0;
  margin-top: -15px;
  text-decoration:none;
  color: #919191;
}
.input-price{
    width: 100%;
height: 36.92307692px;
border: 1px solid #d0d0d0;
border-radius: 2px;
background: none;
    background-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
text-align: center;
background-color: white;
margin: 10px 0;
}
.count-input .incr-btn:first-child {
  right: auto;
  left: 0;
  top: 46%;
}
.count-input.count-input-sm {
  max-width: 125px;
}
.count-input.count-input-sm input {
  height: 36px;
}
.count-input.count-input-lg {
  max-width: 200px;
}
.count-input.count-input-lg input {
  height: 70px;
  border-radius: 3px;
}
.summe{
    text-align: right;
border-top: 1px solid #c4c4c4;
padding-top: 10px;
color: #fd5656;
margin-bottom: 15px;
}
.summe span{
    float: left;
color: #5e5e5e;
font-size: 15px;
font-weight: 300;
}
    /*--------------autopflage------------------*/
    .section-title-page.ap-title-img{
        background-image: url(../media/components/page-title/autopflege.jpg);
    }
    .preis-row{
        color: #ED1C24;
        font-weight: 600;
    }
    .price-warning{
        margin-top: 30px;
        padding: 15px;
    background-color: #E0E0E0;
    font-weight: 200;
    display: block;
    }
    .autopflege-offers .b-car-details__tabs .tab-pane{
        padding-bottom: 0;
    }
    .b-car-details__nav.nav.nav-tabs.auto-pflage-tabs, .b-car-details__nav.nav.nav-tabs.inne-pflage-tabs {
        background: #595959;
        margin-top: 0;
    }
    .auto-pflage-tabs .service{
        width:33%;
        text-align: center;
    }
    .inne-pflage-tabs .service{
        width:33%;
        text-align: center;
    }
    .table-container{
        background: white;
    }
.tab-content h6{
    border-bottom: 1px solid #e1e1e1;
padding-bottom: 5px;
margin-top: 5px;
}
.table-container h6{
    border-bottom: unset;
    padding-bottom: 0px;
    margin-top: 0px; 
}
.tab-content p{
    text-align: justify;
}
.tab-content .table-first-info{
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 19px;
}
#besondereFinish td {
    padding: 10px;
}
#besondereFinish .svg-inline--fa.fa-star.fa-w-18 {
    opacity: .75;
}
    .svg-inline--fa.fa-check-circle.fa-w-16 {
        color: #72b812;
    }
    .svg-inline--fa.fa-question-circle.fa-w-16{
        color:#ffd600;
    }
    .svg-inline--fa.fa-times-circle.fa-w-16 {
        color: #f05050;
    }
    .svg-inline--fa.fa-question-circle.fa-w-16 {
        opacity: .74;
    }
    .table-container{
        margin-top:30px;
        margin-bottom:30px;
    }
    .table{
        margin-bottom: 0px;
    }
    .b-car-details__nav > li > a{
        padding: 17px 5px 19px;
    }
    .b-car-details__nav > li.active > a{
        padding: 17px 5px 19px;
    }
    .table_secondary h6, .auto-pflage-tabs.b-car-details__nav > li.active > a{
        color:#FF1720;
        text-transform: none;
    }
    .pflage-accordion .panel{
        border-bottom: unset;
    }
    .exterior-care .panel-heading{
        padding: 20px 30px;
background-image: 
linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%,rgba(0, 151, 194, 0.5) 100%),
        url('../media/components/autopflege/aus.jpg');
        background-size: 100% auto;
        background-position: center;
        min-height: 150px;
        border-radius: 4px;
    }
    .exterior-care .panel-heading h4{
        color: white;
    }
    .exterior-care .panel-heading p{
        color: white;
        font-weight: 200;
        font-size: 16px;
    }
    .exterior-care .panel-body{
        padding-top: 15px;
    }
    .exterior-care .btn-collapse p{
        display:none;
    }
    .exterior-care .btn-collapse.collapsed p{
        display:block;
    }
    
    /**/
    .interior-care .panel-heading{
        padding: 20px 30px;
        background-image: 
        linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%,rgba(208, 24, 24, 0.5) 100%),
        url('../media/components/autopflege/ine.jpg');
        background-size: 100% auto;
        background-position: center;
        min-height: 150px;
        border-radius: 4px;
    }
    .interior-care .panel-heading h4{
        color: white;
    }
    .interior-care .panel-heading p{
        color: white;
        font-weight: 200;
        font-size: 16px;
    }
    .interior-care .panel-body{
        padding-top: 15px;
    }
    .interior-care .btn-collapse p{
        display:none;
    }
    .interior-care .btn-collapse.collapsed p{
        display:block;
    }
    .motor-care .panel-heading{
        padding: 20px 30px;
        background-image: 
        linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%,rgba(116, 114, 81, 0.62) 100%),
        url('../media/components/autopflege/mot.jpg');
        background-size: 100% auto;
        background-position: center;
        min-height: 150px;
        border-radius: 4px;
    }
    .motor-care .panel-heading h4{
        color: white;
    }
    .motor-care .panel-heading p{
        color: white;
        font-weight: 200;
        font-size: 16px;
    }
    .motor-care .panel-body{
        padding-top: 15px;
    }
    
    .inenpflege-color, .table-sub-head, .table_primary h6, .inne-pflage-tabs.b-car-details__nav > li.active > a{
        color:#FF1720;
        text-transform: none;
    }
    .table_secondary h6, .table_primary h6{
        text-align: center;
    }
    .table-1 tr td{
        width: 25%;

    }
    .table-1 .img-col{
        padding-bottom: 0;
    }
    .table-1 img{
        width: calc(100% + 58px);
        margin-left: -29px;
        margin-bottom: 0;
        margin-top: 10px;
        margin-right: 0;
    }
    .panel-body{
        padding:30px 15px;
    }
    .motor-care .acordion-wraper{
        padding: 40px 50px 20px;
background-color: #f4f4f4;
    }
    .motor-care .acordion-wraper td {
        width: 33%;
    }
    .motor-care thead th{
        border-bottom-color: #455A64!important;
    }
    
    /*--------------partners------------------*/
    .table-container.partners-table a{
        color: #444;
    }
    .table-container.partners-table a:hover{
        color: #ed1c24;
    }
    .table-container.partners-table tbody > tr > td:first-child{
        border-right: 1px solid lightgray;
    }
    .table-container.partners-table .table > tbody > tr > td{
border-top: none;
    }
    .mini-submenu{
        display:none;  
        background: #fe5656;
        border: 1px solid #ed1c24;
        border-radius: 4px;
        padding: 9px;  
        position: relative;
        width: 42px;
        height: 42px;
        
      
      }
    .mini-submenu .fa-search{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        font-size: 16px;
        color: white;
    }
      .partner-container .list-group{
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
      }
      .mini-submenu:hover{
        cursor: pointer;
      }
      
      .mini-submenu .icon-bar {
        border-radius: 1px;
        display: block;
        height: 2px;
        width: 22px;
        margin-top: 3px;
      }
      
      .mini-submenu .icon-bar {
        background-color: #fff;
      }
      
      #slide-submenu{
        background: rgba(0, 0, 0, 0.45);
        display: inline-block;
        padding: 0 8px;
        border-radius: 4px;
        cursor: pointer;
      }
      .partner-container{
        position: absolute;
        top: 0;
        width: 100%;
        pointer-events: none;
        margin:0;
      }
      .partner-container .sidebar{
          margin-top: 15px;
          pointer-events: all;
      }
      .partner-map-filter{
        margin: 0;
        padding: 0;
        border: unset;
        background: unset;
        left: 15px;
        width: calc(100% - 30px);
        top: calc(100% - 15px);
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
      }
      .list-group-item.sub-head{
        padding: 5px 15px;
        color: #fe5656;
      }
      .list-group-item.sub-head .gap{
          margin-right: 10px;
      }
      .list-group-item.indent-fix{
padding-left: 45px;
      }

      /*map info popup*/
      .map-info-popup{
          width: 300px;
      }
      .map-info-popup .b-car-info__desc.dl-horizontal{
padding:0;
margin:0;
      }
      .map-info-popup h4{
          margin-bottom: 15px;
      }
      .map-info-popup .b-car-info__desc-dt{
        font-size: 0.8em;
      }
      .map-info-popup .b-car-info__desc-dd{
        margin-bottom: 10px;
        margin-left: 0;
        padding-bottom: 10px;
        padding-left: 130px;
        font-weight: 100;
        text-align: right;
        color: #222;
        border-bottom: .5px solid #ddd;
        font-size: 0.8em;
      }
      
      .map-info-popup .partner-img{
          width:100%;
      }
      @media (min-width: 992px) { 
        .map-info-popup{
            width: 500px;
        } 
       }
       /*-----------------Autopflege B2B-----------------*/
       .b2b-container p{
        font-size: 13px;
        text-align: justify;
       }
       .quote{
        text-align: center;
        width: 100%;
        display: block;
        font-size: 20px;
        margin-top: 25px;
        margin-bottom: 25px;
        color: #f14b52;
        font-style: italic;
       }
       .b2b-container .text-container-right ul{
           color: white;
       }
       .b2b-section{
           display: block
       }
       
       .flex-2nd-box{
           display: none;
    }
       
       .b2b-container .text-container-right{
        background: rgba(56,56,56,0.95);
    }
       @media (min-width: 992px) {
        
        .b2b-container .text-container-right{
            background: rgba(56,56,56,0.95);
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
        }
      }
       .b2b-content{
           padding-top: 100px;
           padding-bottom: 100px;
           display: flex;
           height: 100vh;
           align-items: center;
       }
    .b2b-container > .row:nth-child(odd) {
        background-color: #E0E0E0; 
    }

   
       .b2b-content h4{
    font-size: 25px;
    font-weight: 200;
    margin-bottom: 20px;
    }
    .b2b-content p{
        text-align: justify;
        font-size: 15px;
    }
      
    @media (max-width: 991.98px) {
        .r-box .image, .l-box .image{
            display:none;
     }
     .r-box .text, .l-box .text{
        padding: 40px;
        font-size: 1em;
    }
  
    .r-box:before{
     display:none;
 }

 .l-box:before{
     display: none;
 }
 .r-box{
     background-color: rgb(225,225,225);
 }
 .l-box{
     background-color: rgb(33,33,33);
 }
    }
    /*-----------animation cresponsive----------*/
    @media (min-width: 992px) {
        .b2b-section{
            height: 95vh;
            display: flex;
            align-items: center;
            justify-content: center;
            
            background-size: cover;
           }  
           .b2b-container p{
            font-size: 15px;
            text-align: justify;
           }
           .text-container-left{
            padding: 90px 10% 50px 20%;
            display: block;
            height: auto;
            min-height: unset;
        }
        .text-container-right{
            padding: 20px 30% 50px 10%;
            display: block;
            height: auto;
            min-height: unset;
        }
        .flex-2nd-box{
            margin-top: 15px;
        }
        .flex-second-box-m{
           display:none;
        }
        .flex-2nd-box{
            display: block;
     }
     .text-container-left h4{
        color: black;
        font-size: 30px;
        font-weight: 200;
        margin-bottom: 20px;
    }
    .text-container-right h4{
        color: rgb(255, 255, 255);
        font-size: 30px;
        font-weight: 200;
        margin-bottom: 20px;
    }
        .b2b-container .b2b-img-1{
            background-image: url(../media/components/b2b/1.jpg);
           }
           .b2b-container .b2b-img-2{
            background-image: url(../media/components/b2b/2.jpg);
           }
           .b2b-container .b2b-img-3{
            background-image: url(../media/components/b2b/3.jpg);
           }
           .b2b-container .b2b-img-4{
            background-image: url(../media/components/b2b/4.jpg);
           }
           .b2b-container .b2b-img-5{
            background-image: url(../media/components/b2b/5.jpg);
           }
           .b2b-container .b2b-img-6{
            background-image: url(../media/components/b2b/6.jpg);
           }
           .b2b-container .b2b-img-7{
            background-image: url(../media/components/b2b/7.jpg);
           }
           .home-map .map{
               display:block;
               position: absolute!important;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
           }
    }
/*-------------contact form------------*/
.section-title-page.cf-title-img{
    background-image: url(../media/components/page-title/contact-form.jpg);
} 
    /*-----------mobile----------*/
    @media (max-width: 991.98px) {
        
.navbar-brand.scroll {
    position: absolute;
    height: 100%;
    top: 6px;
    bottom: 0;
    right: 20px;
}
    }
    @media (max-width: 767px){
        .b-car-details__tabs .tab-pane {
        padding-left: 0px;
           padding-right: 0px;
        }
        .b-car-details__nav.nav-tabs .service {
            width: 100%;
            text-align: center;
        }
		.header.header-background-white {
			background: linear-gradient(to right, rgba(158,11,15,1) 0%,rgba(237,28,36,1) 100%);
		}
        .section-title-page {
            margin-top: 87px;
            height: auto;
        }
    }
    .table-type-2 > tbody > tr > td {
        min-width: 159px;
    }
    /*----------media brakepoints-------------*/
    /*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    
    .footer__search {
        margin-top: 0px;
        }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .giftcards-container{
        position: relative;
		height: 50vh;
    }
    .newsletter-container::before{
        content: "";
        position: absolute;
        width: 100%;
        top: 0;
        height: 100%;
        background-image: url('../media/components/home/letter-bg.png');
background-size: 50%;
background-repeat: no-repeat;
background-position: right;
opacity: .5;
display: block;
    }
    .giftcards-container::before{
        content: "";
        position: absolute;
        width: 100%;
        top: 0;
        height: 100%;
        background-image: url('../media/components/home/Gift-Card.png');
        background-repeat: no-repeat;
        background-size: 400px;
left: 60%;
top: 20%;
display: block;
    }
    .giftcards-container .text-container {
        padding: 50px 0% 50px 30%;
    }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .giftcards-container::before{
        content: "";
        position: absolute;
        width: 100%;
        top: 0;
        height: 100%;
        background-image: url('../media/components/home/Gift-Card.png');
        background-repeat: no-repeat;
        background-size: 500px;
left: 60%;
top: 20%;
display: block;
    }
}
        /*==================================
            About us
==================================*/
/*--------------Team--------------*/
.automagic-team .b-advantages-2{
    min-height: 350px;
}
.team-img{
    width: 120px;
    border-radius: 60px;
}
.automagic-team .team-name{
    line-height: 1em;
    margin: 15px 0px 0px;
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-size: 1.2em;
}
.automagic-team .team-title{
color: #818181;
}
.automagic-team .contact-info{
    display:inline-block;
    width: 100%;
}
.automagic-team .contact-info a{
    color: #212121
}
.automagic-team .contact-info a:hover{
    color: #ed1c24;
}