:root {
  --main-red: #801609; /* var(--main-red) */
  --dark-red: #8f0222; /* var(--dark-red) */
  --gradient-red: linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #801609 100%); /* var(--gradient-red) */
}

@media screen and (max-width: 640px){
  /* Start media screen */
  .h1, h1{font-size: 24px;}
  .h2, h2{font-size: 19px;}
  .h3, h3{font-size: 18px;}

    .hero h1 { font-size: 4em; } 
    .logo {text-align:center;}
    .brandbar {display:none;}
    .contact h6 {font-size:11px;}
    .contact p {font-size:11px;}  

} /*Ende media screen */


@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/lobster-v22-latin-regular.eot'); 
  src: local('Lobster Regular'), local('Lobster-Regular'),
       url('/assets/fonts/lobster-v22-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/lobster-v22-latin-regular.woff2') format('woff2'),
       url('/assets/fonts/lobster-v22-latin-regular.woff') format('woff'),
       url('/assets/fonts/lobster-v22-latin-regular.ttf') format('truetype'),
       url('/assets/fonts/lobster-v22-latin-regular.svg#Lobster') format('svg');
}

@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/fira-sans-v10-latin-regular.eot'); 
  src: local('Fira Sans Regular'), local('FiraSans-Regular'),
       url('/assets/fonts/fira-sans-v10-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/fira-sans-v10-latin-regular.woff2') format('woff2'),
       url('/assets/fonts/fira-sans-v10-latin-regular.woff') format('woff'),
       url('/assets/fonts/fira-sans-v10-latin-regular.ttf') format('truetype'),
       url('/assets/fonts/fira-sans-v10-latin-regular.svg#FiraSans') format('svg');
}

@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/assets/fonts/fira-sans-v10-latin-italic.eot'); 
  src: local('Fira Sans Italic'), local('FiraSans-Italic'),
       url('/assets/fonts/fira-sans-v10-latin-italic.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/fira-sans-v10-latin-italic.woff2') format('woff2'),
       url('/assets/fonts/fira-sans-v10-latin-italic.woff') format('woff'),
       url('/assets/fonts/fira-sans-v10-latin-italic.ttf') format('truetype'),
       url('/assets/fonts/fira-sans-v10-latin-italic.svg#FiraSans') format('svg');
}


@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/fira-sans-v10-latin-700.eot'); 
  src: local('Fira Sans Bold'), local('FiraSans-Bold'),
       url('/assets/fonts/fira-sans-v10-latin-700.eot?#iefix') format('embedded-opentype'),
       url('/assets/fonts/fira-sans-v10-latin-700.woff2') format('woff2'),
       url('/assets/fonts/fira-sans-v10-latin-700.woff') format('woff'),
       url('/assets/fonts/fira-sans-v10-latin-700.ttf') format('truetype'),
       url('/assets/fonts/fira-sans-v10-latin-700.svg#FiraSans') format('svg');
}



/* Start Icons */
@font-face {
  font-family: 'customicons';
  src:  url('/app/assets/fonts/customicons/customicons.eot?wugr5g');
  src:  url('/app/assets/fonts/customicons/customicons.eot?wugr5g#iefix') format('embedded-opentype'),
    url('/app/assets/fonts/customicons/customicons.ttf?wugr5g') format('truetype'),
    url('/app/assets/fonts/customicons/customicons.woff?wugr5g') format('woff'),
    url('/app/assets/fonts/customicons/customicons.svg?wugr5g#customicons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'customicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tueren:before {
  content: "\e91d";
}
.icon-getriebe:before {
  content: "\e91e";
}
.icon-antrieb:before {
  content: "\e91f";
}
.icon-hubraum:before {
  content: "\e920";
}
.icon-treibstoffart:before {
  content: "\e921";
}
.icon-co2:before {
  content: "\e922";
}
.icon-leistung:before {
  content: "\e923";
}
.icon-kraftstoffverbrauch:before {
  content: "\e924";
}
.icon-telegram:before {
  content: "\e918";
}
.icon-whatsapp:before {
  content: "\e919";
}
.icon-info-circle:before {
  content: "\e915";
}
.icon-help-circle:before {
  content: "\e916";
}
.icon-chat:before {
  content: "\e917";
}
.icon-tint:before {
  content: "\e925";
}
.icon-trash:before {
  content: "\e914";
}
.icon-plus-circle:before {
  content: "\e913";
}
.icon-search:before {
  content: "\e900";
}
.icon-truck:before {
  content: "\e901";
}
.icon-bike:before {
  content: "\e902";
}
.icon-car:before {
  content: "\e903";
}
.icon-calendar:before {
  content: "\e904";
}
.icon-check-box:before {
  content: "\e905";
}
.icon-check:before {
  content: "\e906";
}
.icon-mail:before {
  content: "\e907";
}
.icon-phone:before {
  content: "\e908";
}
.icon-download:before {
  content: "\e909";
}
.icon-pdf:before {
  content: "\e90a";
}
.icon-youtube:before {
  content: "\e90b";
}
.icon-instagram:before {
  content: "\e90c";
}
.icon-facebook:before {
  content: "\e90d";
}
.icon-down:before {
  content: "\e90e";
}
.icon-up:before {
  content: "\e90f";
}
.icon-left:before {
  content: "\e910";
}
.icon-right:before {
  content: "\e911";
}
.icon-info:before {
  content: "\e912";
}

.icon-bus:before { content: '\f207'; }
.icon-caravan:before { content: '\e823'; }
/* Ende Icons*/


/* ===============================
   Vorteile Box Start
   =============================== */
  .vorteile-box {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .vorteile-title-box {
    margin-bottom: 30px;
  }
  .vorteile-title {
    background: linear-gradient(to bottom, #333333 0%, #2E2E2E 100%);
    color: #E6E6E6;
    padding: 15px 20px 15px 15px;
    font-size: 2.3rem;
    font-weight: 700;
    white-space: nowrap;
  }
/* =============END=============== */


/* Swiper start */

/* swiper ende */

/* ===============================
   Base
   =============================== */
    body {
      max-width: 1400px;
      /*border-right: 1px solid lightgrey;
      border-left: 1px solid lightgrey;*/
      box-shadow: 0px 0px 12px 2px lightgrey;
      margin: auto;
    }

    a {
        color: #2E6CA3;
        text-decoration: none;
    }
/* =============END=============== */




.text-muted{
    color: #737373;
}

.label-danger {
    background-color: var(--main-red);
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    color: #737373;
}

.bodycontent {
  background: #ffffff;
  /*border-right: 1px solid lightgrey;
  border-left: 1px solid lightgrey;*/
}

.form-highlight { display:none; }

.sitewrapper {
    max-width: 1280px;
    margin: auto;
    }
    
.btn-blk {
    background: #313336;
    color: #ffffff;
}
 
.btn-blk:hover, .btn-blk:focus, .btn-blk:active, .btn-blk.active {
    color: #ffffff;
    background: #474747;
}


.btn-red {
    background-color: var(--main-red);

    /*background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, var(--main-red) 100%); 
    background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%, var(--main-red) 100%); 
    background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%, var(--main-red) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );*/

    color: #fff;
    border-color: var(--main-red);
    border-radius: 4px;      
    height: 42px;
    line-height: 30px;
}

.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active {
    color: #fff;
    background-color: #991609;
    border-color: var(--main-red);
}

.nopadding {
    padding: 0;
    }


.hrheadline {
    border-width: 3px;
    max-width: 170px;
    margin-top: 20px;
    margin-bottom: 30px;
    border: 0;
    border-top: 2px solid var(--main-red);
}

#navbarHeader h4{
    border-bottom: 2px solid var(--main-red);
    margin-bottom: 15px;
    padding-bottom: 10px;
}


.fa-phone {
  transform: rotate(100deg);
}

.bg-dark {
    background: linear-gradient(to bottom, #333333 0%, #141414 100%);
}


.partner {
    list-style-type: none;
}

.partner li {
    border-bottom: 0px solid #E8EAED;
    background: url(/app/assets/img/redplus.png) no-repeat 0 14px;
    padding: 20px 0 30px 40px;
    font-size: 16px;
    color: #404042;
    font-weight: bold;
}

.hrheadline {
    border-width: 3px;
    max-width: 170px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid var(--main-red);
}
    
.styled-select {
    background: url(/app/assets/img/selectarrow.png) no-repeat right center;
    height: 42px;
    background-color: white;
    border: 1px solid var(--main-red);
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-appearance: none;

}

select.custom {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23555555%22%20%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%22-261%20145.2%2024%2024%22%20style%3D%22enable-background%3Anew%20-261%20145.2%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M-245.3%2C156.1l-3.6-6.5l-3.7%2C6.5%20M-252.7%2C159l3.7%2C6.5l3.6-6.5%22%2F%3E%0A%3C%2Fsvg%3E");
      padding-right: 25px;
      background-repeat: no-repeat;
      background-position: right center;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
    }

select.custom::-ms-expand {
      display: none;
    }


.filterformdiv{
    margin-top: 15px;
    padding-bottom: 30px;    
    }

.redheadline {
    border-bottom: 3px solid var(--main-red);
    padding-bottom: 10px;
    }
    
/* Pagination*/
.pagination>li>a,
.pagination>li>span {
  border: 1px solid var(--main-red);
  color: var(--main-red);
}
.pagination>li.active>a {
  background: var(--main-red);
  color: #fff;
}
.pagination>li a:hover {
  background: var(--main-red);
  color: var(--main-red);
}


.content{
    margin-top:120px;
    }

.fahrzeug {
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--main-red);
    }  

.fahrzeug img {
    width: 100%;
    height: 100%;
    }

.schnellsuche{
    border: 4px solid var(--main-red);
    padding: 15px 10px 15px 10px;
    background-color: #ededed;
    z-index:99;
    height: 220px
    
    }
    
.opacity {   
    opacity: 0.5;       /* modern browser */  
    -moz-opacity: 0.5;  /* older Mozilla browser */   
}   


/* Modal */
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #333;
    border-color: var(--main-red);
}


/* Logo */
.logo{
    height:60px;
    padding-top: 10px;
    margin-bottom: 40px;
    }


/*  fahrzeugsuche-sidebar  */

.fahrzeugsuche-suchbox {
    border: 1px solid var(--main-red);
    padding: 5px 10px 5px 10px;
    background-color: #f3f3f7;
    z-index: 99;
}
/* Navbar */

.navbar{
    color: #ffffff;
    background: linear-gradient(to bottom, #333333 0%, #141414 100%);
    border-bottom: 8px solid var(--main-red);
    border-radius: 0px;
    margin-bottom: 0px;
    }

.navbar-default .navbar-nav li a:hover {
    color: #b6b4b5;
}



.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #ffffff;
    background: linear-gradient(to bottom, #262626 0%, #070707 100%);
}    

.navbar-default .navbar-nav>li>a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
}

.navbar-default .dropdown-menu>li>a {
    display: block;
    padding: 7px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}

                
.navbarstyle-fixed-top {
    top: 0;
    border-width: 0 0 8px;
    right: 0;
    left: 0;
    z-index: 1030;
}

.navbar-brand{
    display:none;
    }

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
    background-color: var(--main-red);
    border-color: var(--main-red);
}
.back-to-top a:hover{
    background-color: var(--main-red);
    border-color: var(--main-red);
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.carousel {
  margin-bottom: 60px;
}

.carousel-control {
  top: 76%;
}

.carousel-caption {
  z-index: 10;
}

.carousel .item {
  height: 500px;
  background-color:#bbb;
  overflow:hidden;
}
.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}

#startsearchForm {
	position:absolute;
  	top:10%;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 768px) {

  .carousel-inner>.item>img, .carousel-inner>.item>a>img {
  	max-width:inherit;
  }

  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }
}



/* Footer */
.footerlinks{
    background: linear-gradient(to bottom, #333333 0%, #141414 100%);
    padding: 29px 20px 39px;
    }
    
.footerlinks h4{    
    border-bottom: 2px solid var(--main-red);
    color: #FFFFFF;
    padding-bottom: 11px;
    margin-bottom: 14px;
    }
.footerlinks ul li a {
    color: #A9B5BD;
    /*font-size: 12px;*/
    line-height: 2em;
    text-decoration: none;
}
.footerlinks ul {
    padding: 0;
    list-style:none;
}

.footerfirst 
    {
    background-color: #F8F8F8;
    }        
.footertext{
    background-color: #ededed;
    padding-bottom: 20px;
    } 
    
    
    
/* Filter */
.port-image
{
    width: 100%;
}

.col-md-3
{
    margin-bottom:20px;
}

.each-item
{
    position:relative;
    overflow:hidden;
}

.each-item:hover .cap2, .each-item:hover .cap1
{
    left:0px;
}

.cap1
{
    position:absolute;
    width:100%;
    height:70%;
    background:rgba(255, 255, 255, 0.5);
    top:0px;
    left:-100%;
    padding:10px;
    
    transition: all .5s;
}

.cap2
{
    position:absolute;
    width:100%;
    height:30%;
    background:rgba(0, 178, 255, 0.5);
    bottom:0px;
    left:100%;
    padding:10px;
    
    transition: all .5s;
}    
    
    

    
 .carousel-innerTEST > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 500px;
}       

            
.big_image {box-shadow: 0 10px 16px 1px rgba(0,0,0,0.2),0 6px 20px 1px rgba(0,0,0,0.19) !important;}                        
.thumb img {box-shadow: 0 10px 16px 1px rgba(0,0,0,0.2),0 6px 20px 1px rgba(0,0,0,0.19) !important;margin-top:10px;margin-bottom:10px;}                                    
                                                            
/* Social */


@media screen and (min-width: 640px){   
    .sticky-social-mobile {display:none;}  
}
@media screen and (max-width: 640px){
    .sticky-social {display:none;} 
    .sticky-social-mobile {display:block;} 
}


#sticky-social a { 
   text-decoration: none;
}
#sticky-social ul {
   list-style: none;
   margin: 0;
   padding: 0;
   background: #333;
   padding-left: 5px;
   padding-top: 5px;
   padding-bottom: 1px;
   border-radius: 8px 0px 0px 8px;
   
}
#sticky-social li{
   margin-bottom: 5px;
}

#sticky-social {
   right: 0;
   position: fixed;
   top: 180px;
}
#sticky-social a {
   background: #333;
   color: #fff;
   display: block;
   height: 45px;
   font: 22px "Open Sans", sans-serif;
   line-height: 50px;
   position: relative;
   text-align: center;
   width: 45px;

}
#sticky-social a span {
   line-height: 45px;
   font-family: Titillium web;
   right: -160px;
   position: absolute;
   text-align:center;
   width:160px;
}
#sticky-social a:hover span {
   right: 100%;

}
#sticky-social a[class*="phone"],
#sticky-social a[class*="phone"]:hover,
#sticky-social a[class*="phone"] span { background: var(--main-red); }

#sticky-social a[class*="mail"],
#sticky-social a[class*="mail"]:hover,
#sticky-social a[class*="mail"] span { background: var(--main-red); }

#sticky-social a[class*="location"],
#sticky-social a[class*="location"]:hover,
#sticky-social a[class*="location"] span { background: var(--main-red); }

#sticky-social a[class*="clock"],
#sticky-social a[class*="clock"]:hover,
#sticky-social a[class*="clock"] span { background: var(--main-red); }

#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span { background: var(--main-red); }
 
 
/* MOBILE */
#sticky-social-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 0;
    height: 60px;
    width: 100%;
    border-top: none; 
    background: var(--main-red);
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
    }


#sticky-social-mobile a span {
   line-height: 45px;
   font-family: Titillium web;
   right: -160px;
   text-align:center;
   width:160px;
}
                                
/* End Social */                
                    
                        
.custom-bullet {
	list-style-type:none;
	margin-bottom:25px;
	padding:0;
}
.custom-bullet li {
    display: block;
    font-size: 15px;
    margin-bottom: 10px;
}

.custom-bullet li:before
{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 12px;
    float: left;
    margin-top: 1px;
    color: #801609;
    display: grid;
}                            
                                
                                    
.panel-default>.panel-heading {
    color: #fff;
    border-color: #ddd;
    background-color: var(--main-red);
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #801609 100%); 
    background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#801609 100%); 
    background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#801609 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
}

                                            
                                                                                        
.navbar-brand2 {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}





@media screen and (min-width: 980px){
    .hero { width: 980px; }   
    
      
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; } 
    .logo {text-align:center;}
    .brandbar {display:none;}
    .contact h6 {font-size:11px;}
    .contact p {font-size:11px;} 
    .navbar-brand{display:inherit;!important} 
    .vorteile-title {font-size: 1.9rem;}
}

@media (max-width: 450px){

  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
    letter-spacing: 1px;
    margin-bottom: 5px;
  }
  .navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
    letter-spacing: 1px;
    margin-bottom: 5px;
  }
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: unset;
  }

}


@media (max-width: 990px) {
    .brandbar {display:none;}

    .navbar-brand{
    display:inherit;!important
    } 

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

}   


@media (min-width: 1400px) {
  .container {
      width: 1350px;
  }
  
}

@media (min-width: 1600px) {
  .container {
      width: 1350;
  }
  body {
    margin-bottom: 50px;
  }

}




@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/app/assets/fonts/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(/app/assets/fonts/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
    url(/app/assets/fonts/iconfont/MaterialIcons-Regular.woff) format('woff'),
    url(/app/assets/fonts/iconfont/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}    




/* Logos. */
.logo_hover:hover {
  transform: scale(0.6);
}

.logo_abarth, .logo_alfa, .logo_chevrolet, .logo_chrysler, .logo_citroen, 
.logo_dodge, .logo_kia, .logo_fairrepair, .logo_fiat, .logo_fiatpro, 
.logo_ford, .logo_hyundai, .logo_jaguar, .logo_jeep, .logo_landrover, 
.logo_mazda, .logo_nissan, .logo_peugeot, .logo_seat, .logo_opel, 
.logo_volvo, .logo_ducati2, .logo_cupra
{ display: inline-block; background: url('/app/assets/img/brands/logo_sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left;transform:scale(0.5);margin-left: -20px;}
 
.logo_abarth { background-position: -5px -0px; width: 80px; height: 80px; }
.logo_alfa { background-position: -90px -0px; width: 80px; height: 80px; }
.logo_chevrolet { background-position: -175px -0px; width: 80px; height: 80px; }
.logo_chrysler { background-position: -260px -0px; width: 80px; height: 80px; }
.logo_citroen { background-position: -5px -85px; width: 80px; height: 80px; }
.logo_dodge { background-position: -90px -85px; width: 80px; height: 80px; }
.logo_kia { background-position: -175px -85px; width: 80px; height: 80px; }
.logo_fairrepair { background-position: -260px -85px; width: 80px; height: 80px; }
.logo_fiat { background-position: -5px -170px; width: 80px; height: 80px; }
.logo_fiatpro { background-position: -90px -170px; width: 80px; height: 80px; }
.logo_ford { background-position: -175px -170px; width: 80px; height: 80px; }
.logo_hyundai { background-position: -260px -170px; width: 80px; height: 80px; }
.logo_jaguar { background-position: -5px -255px; width: 80px; height: 80px; }
.logo_jeep { background-position: -90px -255px; width: 80px; height: 80px; }
.logo_landrover { background-position: -175px -255px; width: 80px; height: 80px; }
.logo_mazda { background-position: -260px -255px; width: 80px; height: 80px; }
.logo_nissan { background-position: -5px -340px; width: 80px; height: 80px; }
.logo_peugeot { background-position: -90px -340px; width: 80px; height: 80px; }
.logo_seat { background-position: -175px -340px; width: 80px; height: 80px; }
.logo_opel { background-position: -260px -340px; width: 80px; height: 80px; }
.logo_volvo { background-position: -5px -425px; width: 80px; height: 80px; }
.logo_ducati2 { background-position: -90px -425px; width: 80px; height: 80px; }
.logo_cupra { background-position: -175px -425px; width: 85px; height: 85px; }

.bewertungenfortuna, .bewertungenautoscout, .bewertungenmobile, .bewertungenproven
{ display: inline-block; background: url('/app/assets/img/bewertungen/bewertungen.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.bewertungenfortuna { background-position: -5px -0px; width: 140px; height: 140px; }
.bewertungenautoscout { background-position: -150px -0px; width: 140px; height: 140px; }
.bewertungenmobile { background-position: -5px -145px; width: 140px; height: 140px; }
.bewertungenproven { background-position: -150px -145px; width: 140px; height: 140px; }


.flaggen_be, .flaggen_de, .flaggen_es, .flaggen_fr, .flaggen_gb, 
.flaggen_gr, .flaggen_hr, .flaggen_hu, .flaggen_ir, .flaggen_it, 
.flaggen_nl, .flaggen_pl, .flaggen_pt, .flaggen_ro, .flaggen_ru, 
.flaggen_tr
{ display: inline-block; background: url('/app/assets/img/flaggen/flaggen.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.flaggen_be { background-position: -5px -0px; width: 16px; height: 11px; }
.flaggen_de { background-position: -26px -0px; width: 16px; height: 11px; }
.flaggen_es { background-position: -47px -0px; width: 16px; height: 11px; }
.flaggen_fr { background-position: -68px -0px; width: 16px; height: 11px; }
.flaggen_gb { background-position: -5px -16px; width: 16px; height: 11px; }
.flaggen_gr { background-position: -26px -16px; width: 16px; height: 11px; }
.flaggen_hr { background-position: -47px -16px; width: 16px; height: 11px; }
.flaggen_hu { background-position: -68px -16px; width: 16px; height: 11px; }
.flaggen_ir { background-position: -5px -32px; width: 16px; height: 11px; }
.flaggen_it { background-position: -26px -32px; width: 16px; height: 11px; }
.flaggen_nl { background-position: -47px -32px; width: 16px; height: 11px; }
.flaggen_pl { background-position: -68px -32px; width: 16px; height: 11px; }
.flaggen_pt { background-position: -5px -48px; width: 16px; height: 11px; }
.flaggen_ro { background-position: -26px -48px; width: 16px; height: 11px; }
.flaggen_ru { background-position: -47px -48px; width: 16px; height: 11px; }
.flaggen_tr { background-position: -68px -48px; width: 16px; height: 11px; }


.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}