/* Colors */
.gray {
  color: #999; }

.gray-light {
  color: #cccccc; }

.black {
  color: #000000; }

.red {
  color: #ff0000; }

.red-dark {
  color: #790000; }

.orange {
  color: #E85013; }

.purple {
  color: #a22a90; }

.white {
  color: #ffffff; }

.ebay-background {
  color: #f7f6f5; }

/* Font Styles */
.slim {
  font-weight: 100 !important; }

.italic {
  font-style: italic; }

.bold {
  font-weight: bold !important; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.center {
  text-align: center;
  align-items: center;
  align-content: center; }

/* HTML Tags */
body {
  margin: 0; }

a {
  color: #a22a90; }

a:hover {
  cursor: pointer; }
i {
  margin-right: 5px; 
}
h1 {
  font-size: 24px; 
  font-weight: 100;
}

#AutoTeileService24 {
  font-family: 'Lato', 'Arial', sans-serif;
  color: #2B2A29;
  width: 100%;
  font-size: 14px; 
}
#AutoTeileService24 * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}

.eBay_Desc {
  display: none; }

.pg-bg {
  background: #2B2A29; }

.float-left {
  float: left; }

.row:before, .row:after {
  content: ' ';
  display: table; }
.row:after, .row:after {
  clear: both; }

.slim {
  font-weight: 100 !important; }

.italic {
  font-style: italic; }

.bold {
  font-weight: bold !important; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.center {
  text-align: center;
  align-items: center;
  align-content: center; }

.full-width {
  width: 100%; }

.ebay-width {
  width: 1100px; }

.header {
  width: 100%;
  padding-top: 7px;
  background-color: #ffffff;}
  .header .top-header {
    border-bottom: 1px solid #E85013; }
    .header .top-header .content {
      width: 1100px;
      margin: 0 auto;
      overflow: hidden;
      font-size: 15px;
      margin-bottom: 7px; }
      .header .top-header .content .service-hotline {
        float: left;
        width: 30%; }
        .header .top-header .content .service-hotline i {
          font-weight: 300;
        }
        .header .top-header .content .service-hotline i.fas {
          font-weight: 900;
        }
      .header .top-header .content .shop-pros {
        float: left;
        width: 70%; }
        .header .top-header .content .shop-pros .shop-pros--entry {
          float: left;
          margin-left: 12%; }
	
	  #AutoTeileService24.es .header .top-header .content .shop-pros .shop-pros--entry {
          margin-left: 15%; }
		  
	#AutoTeileService24.it .header .top-header .content .shop-pros .shop-pros--entry {
          margin-left: 13%; }
	  
        .header .top-header .content .shop-pros i {
          margin-right: 5px; }
    .header .main-header .content {
      width: 1100px;
      margin: 0 auto;
      overflow: hidden;
      position: relative; }
      .header .main-header .content .header-left-image {
        float: left;
        width: 26%;
      }
  .logo {
    background-image: url(../img/logo_ATS.png);
    background-repeat: no-repeat;
    width: 230px;
    height: 128px;
    background-size: 100%;
    display: block;
    background-position: center;
  }
  #AutoTeileService24.fr .logo {
    background-image: url(../img/logo_ATS_fr.png);
  }
  #AutoTeileService24.es .logo {
    background-image: url(../img/logo_ATS_es.png);
  }
    #AutoTeileService24.it .logo {
    background-image: url(../img/logo_ATS_it.png);
  }
  .luigi {
    background-image: url(../img/spare_parts.png);
    background-repeat: no-repeat;
    width: 320px;
    height: 128px;
    background-size: 100%;
    float: right;
    background-position: bottom;
  }
      .header .main-header .content .header-right-image {
        width: 27%;
        float: left; }
        .header .main-header .content .header-right-image img {
          float: right;
          margin-top: 10px;
          height: 120px;
          width: 300px; }
      .header .main-header .content .header-center-text {
        width: 47%;
        float: left;
        margin-top: 38px; }
        .header .main-header .content .header-center-text .title-1 {
          font-size: 26px;
          font-weight: 900; }
        #AutoTeileService24.es  .header .main-header .content .header-center-text .title-1, #AutoTeileService24.fr  .header .main-header .content .header-center-text .title-1, #AutoTeileService24.it  .header .main-header .content .header-center-text .title-1 {
          font-size: 19px;  }
        .header .main-header .content .header-center-text .title-2 {
          margin-top: 5px;
          font-size: 24px;
          font-weight: 400;
          /*line-height: 50px;*/ }
          .header .main-header .content .header-center-text .title-2 b {
            font-weight: 900;
          }

.page {
  width: 1100px;
  margin: 0 auto; }
  .page .big-image {
    background: blue;
    float: left;
    width: 40%;
    height: 500px; }
  .page .article-info {
    background: green;
    float: left;
    width: 58%;
    height: 500px; }
  .page .product_images {
    overflow: hidden;
    position: relative;
    margin-top: 24px; }
    .page .product_images a {
      cursor: pointer;
      border: none; }
    .page .product_images img {
      min-width: 1px;
      min-height: 1px; }
    .page .product_images ul,
    .page .product_images li {
      list-style: none;
      margin: 0;
      padding: 0; }
    .page .product_images .image-gallery {
      position: relative;
      margin: 0 auto;
      border-radius: 20px;
      margin-bottom: 30px; 
    }
      .page .product_images .image-gallery .big-image {
        width: 540px;
        height: 540px;
        position: relative;
        background: #fff; 
        border: 1px solid #eee;
        z-index: 2;
        margin-right: 20px;
      }
        .page .product_images .image-gallery .big-image img {
          opacity: 0;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          transition: opacity 350ms;
          max-height: 100%;
          max-width: 100%; }
          .page .product_images .image-gallery .big-image img:target {
            opacity: 1; }
          .page .product_images .image-gallery .big-image img:target ~ img#default {
            opacity: 0; }
          .page .product_images .image-gallery .big-image img#default {
            opacity: 1; }
      .page .product_images .image-gallery .side-right {
        position: relative;
        height: 540px;
        float: left;
        width: 530px;
		color: #ffffff;
      }


      .page .product_images .image-gallery .side-right .product-information {
        overflow: auto;
        max-height: 230px;
        margin-left: 5px; 
      }
      .page .product_images .image-gallery .side-right .product-information ul {
        padding-left: 0px; 
      }
      .page .product_images .image-gallery .side-right .product-information ul li {
        list-style: none; 
		background-image: url(../img/chevron-right.svg);
		background-size: 12px; padding-left: 22px;
		background-repeat: no-repeat; font-size: 18px; background-position: left top; margin-bottom: 2px;
      }
      .page .product_images .image-gallery .side-right ::-webkit-scrollbar {
        width: 5px;
        margin-left: 1px;
        background-color: #cccccc; }
      .page .product_images .image-gallery .side-right ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #797979; }
      .page .product_images .image-gallery .side-right .thumbs {
        bottom: 0; 
        position: absolute;
        left: 0;
        width: 100%;
      }
        .page .product_images .image-gallery .side-right .thumbs ul {
          transform: translateX(0);
          width: 100%;
          padding-left: 0; }
            .page .product_images .image-gallery .side-right .thumbs li {
              width: 19%;
              margin-right: 1.5%;
              float: left;
              border: 1px solid #eee;
               position: relative;
              height: 100px;
              background-color: white;
              margin-top: 7px;
            }
            .page .product_images .image-gallery .side-right .thumbs ul li:nth-child(5),
            .page .product_images .image-gallery .side-right .thumbs ul li:nth-child(10) {
              margin-right: 0; 
              width: 18%;
            }
          .page .product_images .image-gallery .side-right .thumbs li a {
            opacity: 0.85;
            display: block; }
            .page .product_images .image-gallery .side-right .thumbs li a:focus {
              opacity: 1; }
            .page .product_images .image-gallery .side-right .thumbs li a:hover {
              opacity: 1; }
          .page .product_images .image-gallery .side-right .thumbs li img {
            max-width: 95%;
            max-height: 95%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
        .page .product_images .image-gallery .side-right .thumbs ul li:first-child,
        .page .product_images .image-gallery .side-right .thumbs ul li:nth-child(6) {
          margin-left: 0; }
  .page .product-details {
    overflow: hidden;
    width: 100%; 
  }
  .page .product-details .product-navigation {
    width: 280px;
    margin-right: 20px;
    float: left;
    border: 1px solid #cccccc; 
  }
  .page .product-details .product-navigation ul {
    padding-left: 20px;
  }
  .page .product-details .product-navigation h3 {
    color: #797979;
    margin-left: 20px;
    font-size: 18px;
    font-weight: 300;
    color: #36494d;
  }
  .page .product-details .product-navigation ul li {
    list-style: none;
    font-size: 14px; 
    line-height: 20px;
    height: 20px;
  }
  .page .product-details .product-navigation ul li a {
    color: #36494d;
    text-decoration: none;
  }
  .page .product-details .product-navigation ul li a:hover {
    background-color: #eee;
  }
    .page .product-details .content {
      width: 1090px;
      position: relative;
      float: left; }
      .page .product-details .content .tabs {
        position: relative;
        top: 1px;
        margin: 25px 0;
        margin-top: 0 !important;
        min-height: 50px;
        margin-top: 10px; }
        .page .product-details .content .tabs .tab {
          float: left;
          width: 100%; }

          .page .product-details .content .tabs .tab label {
            letter-spacing: 0px;
            padding: 0px 62px 0px 22px;
            position: relative;
            border: 0;
            position: absolute;
            top: 0px;
            left: 0px;
            font-size: 18px;
            color: #ffffff;
            background: #2B2A29;
			border: 2px solid #E85013;
			}
            .page .product-details .content .tabs .tab label span {
              display: block;
              height: 40px;
              line-height: 40px; }
            .page .product-details .content .tabs .tab label:hover {
              cursor: pointer; }
			.page .product-details .content .tabs .tab i {
              font-size: 14px; }
          .page .product-details .content .tabs .tab.tab-2 label {
            left: 275px;
            border: none; 
			border: 2px solid #E85013; }
			
		#AutoTeileService24.fr .page .product-details .content .tabs .tab.tab-2 label, #AutoTeileService24.es .page .product-details .content .tabs .tab.tab-2 label {left: 310px; }
			
          .page .product-details .content .tabs .tab [type=radio] {
            display: none; }
        .page .product-details .content .tabs .content {
          width: 100%;
          display: none;
          position: relative;
          margin-top: 44px;
          left: 0;
          right: 0;
          bottom: 0;
          padding: 20px;
          overflow: hidden;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          height: 300px;
          overflow: auto;
          white-space: normal;
          word-break: break-word;
          font-size: 13px;
          background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), transparent), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), transparent) 0 100%;
          background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), transparent), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), transparent) 0 100%;
          background-repeat: no-repeat;
          background-color: white;
          background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
          background-attachment: local, local, scroll, scroll; }
          .page .product-details .content .tabs .content > * {
            opacity: 0;
            -webkit-transform: translate3d(0, 0, 0);
            -webkit-transform: translateX(-100%);
            -moz-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            -o-transform: translateX(-100%); }
        .page .product-details .content .tabs input[type=radio]:checked ~ label {
          border: 2px solid #E85013;
          background: #E85013;
          z-index: 2;
          color: #ffffff; }
		  .page .product-details .content .tabs input[type=radio]:checked ~ label i:before {content: "\f107"!important; color: #2B2A29;}
          .page .product-details .content .tabs input[type=radio]:checked ~ label ~ .content {
            z-index: 1;
            display: block; }
            .page .product-details .content .tabs input[type=radio]:checked ~ label ~ .content > * {
              opacity: 1;
              -webkit-transform: translateX(0);
              -moz-transform: translateX(0);
              -ms-transform: translateX(0);
              -o-transform: translateX(0); }
      .page .product-details .content ul.add-info {
        padding-left: 0px;
        list-style: none; }
        .page .product-details .content ul.add-info li {
          list-style: none;
          margin-bottom: 5px; }
      .page .product-details .content .hint .label {
        position: relative;
        background: #E85013;
        color: #ffffff;
        height: 44px;
		margin-top: 28px;
        top: 0;
        text-align: center;
        float: left;
        font-size: 18px;
        padding: 0 140px 0 20px; }
	  .page .product-details .content .hint .label i {
        color: #2B2A29; font-size: 16px;}
        .page .product-details .content .hint .label span {
          position: relative;
          top: 25%; }
      .page .product-details .content .hint .content {
        background-color: #ffffff;
        width: 100%;
        padding: 15px; margin-bottom: -28px;}
        .page .product-details .content .hint .content .car-list {
          height: 283px;
          width: 750px;
          background-size: 100%;
          max-width: 100%;
          max-height: 100%;
          background-image: url(../img/fahrzeugliste.jpg);
          background-repeat: no-repeat;
          margin-top: 15px; 
        }
		
	#AutoTeileService24.it .page .product-details .content .hint .content .car-list {
          height: 283px;
          width: 750px;
          background-size: 100%;
          max-width: 100%;
          max-height: 100%;
          background-image: url(../img/fahrzeugliste-it.jpg);
          background-repeat: no-repeat;
          margin-top: 15px; 
        }
		
	#AutoTeileService24.fr .page .product-details .content .hint .content .car-list {
          height: 283px;
          width: 750px;
          background-size: 100%;
          max-width: 100%;
          max-height: 100%;
          background-image: url(../img/fahrzeugliste-fr.jpg);
          background-repeat: no-repeat;
          margin-top: 15px; 
        }
		
	#AutoTeileService24.es .page .product-details .content .hint .content .car-list {
          height: 283px;
          width: 750px;
          background-size: 100%;
          max-width: 100%;
          max-height: 100%;
          background-image: url(../img/fahrzeugliste-es.jpg);
          background-repeat: no-repeat;
          margin-top: 15px; 
        }
	
      .page .product-details .content .vehicle-information {
        margin-top: 40px; }
      .page .product-details .content .vehicle-information .label {
        position: relative;
        background: #E85013;
        color: #ffffff;
        height: 44px;
        top: 0;
        text-align: center;
        float: left;
        font-size: 18px;
        padding: 11px 20px; 
      }
	   .page .product-details .content .vehicle-information .label i{
        color: #2B2A29; font-size: 16px;
      }
      .page .product-details .content .vehicle-information .label .fa {
        margin-right: 8px;
      }
      .page .product-details .content .vehicle-information .content {
        background: #ffffff;
        width: 100%;
        padding: 15px; 
      }
      .page .product-details .content .vehicle-information .content .image {
        height: 196px;
        width: 375px;
        background-size: 100%;
        max-width: 100%;
        max-height: 100%;
        background-image: url(../img/fahrzeugschein_old.jpg);
        background-repeat: no-repeat;
      }
	  
	  #AutoTeileService24.it .page .product-details .content .vehicle-information .content .image {
	    height: 480px;
        width: 670px;
        background-size: 100%;
        max-width: 100%;
        max-height: 100%;
        background-image: url(../img/licenco_IT.png);
        background-repeat: no-repeat;
      }
	  
	  #AutoTeileService24.es .page .product-details .content .vehicle-information .content .image {
	    height: 375px;
        width: 513px;
        background-size: 100%;
        max-width: 100%;
        max-height: 100%;
        background-image: url(../img/Libretto_es.jpg);
        background-repeat: no-repeat;
      }
	  
	  #AutoTeileService24.fr .page .product-details .content .vehicle-information .content .image {
	    height: 475px;
        width: 355px;
        background-size: 100%;
        max-width: 100%;
        max-height: 100%;
        background-image: url(../img/fahrzeugschein_fr.jpg);
        background-repeat: no-repeat;
      }
	  
      .page .product-details .content .vehicle-information .content .carletter-new .image {
        width: 378px;
        background-image: url(../img/fahrzeugschein_new.jpg);
      }
	  
	#AutoTeileService24.it .page .product-details .content .vehicle-information .content .carletter-new .image {
        width: 378px;
        background-image: url(../img/fahrzeugschein_new.jpg);
      }
	  
	#AutoTeileService24.fr .page .product-details .content .vehicle-information .content .carletter-new .image {
        width: 378px;
        background-image: url(../img/fahrzeugschein_new.jpg);
      }
	  
	#AutoTeileService24.es .page .product-details .content .vehicle-information .content .carletter-new .image {
        width: 378px;
        background-image: url(../img/fahrzeugschein_new.jpg);
      }
	  
      .page .product-details .content .vehicle-information .content .carletter-old {
        width: 38%;
        float: left; }
		
		  #AutoTeileService24.it .page .product-details .content .vehicle-information .content .carletter-old {
        width: 65%;
        float: left; }
		
		  #AutoTeileService24.fr .page .product-details .content .vehicle-information .content .carletter-old {
        width: 48%;
        float: left; }
		
		  #AutoTeileService24.es .page .product-details .content .vehicle-information .content .carletter-old {
        width: 50%;
        float: left; }
	
		
        .page .product-details .content .vehicle-information .content ul {
          padding-left: 20px;
          list-style: upper-alpha; 	  
        }
		
		#AutoTeileService24.fr .page .product-details .content .vehicle-information .content ul, #AutoTeileService24.es .page .product-details .content .vehicle-information .content ul, #AutoTeileService24.it .page .product-details .content .vehicle-information .content ul { padding-left: 0px; list-style: none; }
		
		
		
		
      .page .product-details .content .vehicle-information .content .carletter-new {
        width: 38%;
        float: left; }
		
	#AutoTeileService24.it .page .product-details .content .vehicle-information .content .carletter-new {
        width: 15%;
        float: left; }
	
	#AutoTeileService24.fr .page .product-details .content .vehicle-information .content .carletter-new {
        width: 31%;
        float: left; margin-top: 172px;}
		
	#AutoTeileService24.es .page .product-details .content .vehicle-information .content .carletter-new {
        width: 30%;
        float: left; }
	
	
		.page .product-details .content .vehicle-information .content .carletter-mechanic {
        width: 24%;
        float: left;
		background-image: url(../img/mechanic-ats-3.jpg);		
		    height: 268px;
    width: 196px;
    background-size: 100%;
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat; margin-top: 227px; margin-bottom: -15px}
	  .content .FZVWL {
        width: 76%;
        float: left; }
	
	 .content .FZVWL-mechanic {
        width: 24%;
        float: left;
		background-image: url(../img/mechanic-ats-1.jpg);		
		    height: 258px;
    width: 214px;
    background-size: 100%;
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat; margin-top: 61px; margin-bottom: -15px}
	
    .page .product-details ::-webkit-scrollbar {
      width: 5px;
      margin-left: 1px;
      background-color: #cccccc; }
    .page .product-details ::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background-color: #797979; }
  .page .vendors .vendor {
    position: relative;
    float: left;
    width: 5.5px;
    height: 5.5px;
    background: #000000; }
	
	.content ul li {line-height: 24px;}

.footer {
  margin-top: 30px;
  width: 100%;
  background: #f1f1f1;
}

  .footer .main-footer {
    width: 1100px;
    margin: 0 auto;
    height: 200px; }
    .footer .main-footer .footer-content {
      width: 24.5%;
      float: left;
      vertical-align: middle;
      color: #36494d;
      font-weight: light !important;
      font-size: 20px;
      padding-bottom: 10px; 
      padding: 0 10px;
    }
    .footer .main-footer .footer-content.first {
      padding-left: 0;
      width: 26.5%;
    }
      .footer .main-footer .footer-content .header {
        border-bottom: 1px solid #ff7b00;
        font-size: 16px; 
        padding-top: 40px;
        padding-bottom: 6px;
        margin-bottom: 10px;
      }
      .footer .main-footer .footer-content .send-message {
        font-size: 15px; }
      .footer .main-footer .footer-content .opening {
        font-size: 12px; }
      .footer .main-footer .footer-content table {
        padding-top: 10px;
        width: 100%; }
  .footer .main-footer img#logo {
    background-color: #ffffff;
    margin-top: -20px !important;
    padding-top: 40px; 
  }
  .footer .bottom-footer {
    height: 40px;
    line-height: 40px;
    background: #797979;
    color: #ffffff;
    text-align: right;
    font-size: 12px;
    padding-right: 35px; }


.perfect-parts p {color: #E85013; font-size: 24px; text-align: center; margin: 10px 0px 5px 0px;}


/*Brand-Slider*/
.brandslider { position: relative; background: #ffffff; }
.brandslider .ats24-bg /*{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-image: url(../gfx/brandslider.png); background-repeat: no-repeat; background-size: auto 100%; z-index: 3; }*/
.brandslider .slider { width: 710px; float: right; position: relative; z-index: 5; background: #3b5c72; background: linear-gradient(0deg, rgba(59,92,114,1) 0%, rgba(49,84,107,1) 51%, rgba(33,73,97,1) 100%); position: relative; }
.brandslider .title { position: absolute; left: 59px; top: 15px; color: white; text-transform: uppercase; font-weight: 600; text-transform: uppercase; font-size: 13px; }

.bm-cross-selling-top {position:relative;overflow:hidden;padding-top:3%;padding-bottom: 3%;background:rgba(0,0,0,0.04);border-top:1px solid rgba(0,0,0,0.07)}
.bm-cross-selling {max-height: 100%;text-align:center;padding: 0;background-color: #FFFFFF;}
h4.bm-cross-selling-text {padding: 15px;margin-top:0;color:#333;font-size: 1.05em;overflow: hidden;height:50px}
h4.bm-cross-selling-text:empty {display:none}
h5.bm-cross-selling-price {margin: -10px 0 15px;color:#47AD4C;font-size: 16px;font-weight:normal;}
h5.bm-cross-selling-price:empty {display:none}
.bm-cross-selling-image {position: relative; padding-top:100%}
.bm-cross-selling img {display: block;position: absolute;left: 50%;max-height: 100%;max-width: 100%;width: auto !important;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transfrom: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
.bm-cross-selling img:before{content: "";display: block;padding-top: 100%;}
.bm-cross-selling-description {position: absolute;width:100%;bottom:5px;}

/* CROSS SLIDER */
.bm-cross-selling-slider .bm-cross-selling-slider-check:nth-last-of-type(3):checked + li label.next, .bm-cross-selling-slider .bm-cross-selling-slider-check:nth-last-of-type(4):checked + li label.next, 
.bm-cross-selling-slider .bm-cross-selling-slider-check:nth-last-of-type(4):checked + li label.next, .bm-cross-selling-slider .bm-cross-selling-slider-check:nth-last-of-type(5):checked + li label.next {display: block;}
.bm-cross-selling-slider { font-size:0px;line-height:0px;white-space: nowrap;overflow:hidden;position:relative;padding: 30px 45px 20px; width: 500px; margin: auto; }
.bm-cross-selling-slider:after, .bm-cross-selling-slider:before {content:'';position:absolute;top:0;right:0;height: 100%;width: 45px;z-index:1;}
.bm-cross-selling-slider:after {right:0;left:auto; background: #ffffff;}
.bm-cross-selling-slider:before {right:auto;left:0; background: #ffffff; }
.bm-cross-selling-slider li {display:inline-block;vertical-align:top;text-align:center;width: 20%;font-size:15px;white-space:normal;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-left: -20%;position:static;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-ms-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;transition: all .35s ease-in-out;}
.bm-cross-selling-slider label.next, .bm-cross-selling-slider label.prev {cursor: pointer;position: absolute;right: 15px;text-align: center; z-index: 5;display:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: opacity .35s ease-in-out;-moz-transition: opacity .35s ease-in-out;-ms-transition: opacity .35s ease-in-out;-o-transition: opacity .35s ease-in-out;transition: opacity .35s ease-in-out;}
.bm-cross-selling-slider label.next, .bm-cross-selling-slider label.prev
.bm-cross-selling-slider label.next:hover, .bm-cross-selling-slider label.prev:hover {opacity: 1;}
.bm-cross-selling-slider label.prev  {right: auto;left: 15px; top: 55px; }
.bm-cross-selling-slider label.next { top: 55px; right: 0px;}
.bm-cross-selling-slider .bm-cross-selling-slider-check:checked ~ li {margin-left: 0 !important;}
.bm-cross-selling-slider .bm-cross-selling-slider-check:checked + li label {display:block; margin-right: 17px; }
.bm-cross-selling-slider li .bm-container {display:block;color: #000 !important;font-weight: 400;white-space: normal;position:relative;margin: 0 0 9px;padding:0;text-decoration: none;background: #fff; margin: 0;}

.bm-cross-selling-slider-check {display: none;}
.bm-cross-selling .inner { height: 75px; line-height: initial; position: relative; color: #616264; position: relative; }
.bm-cross-selling .comment { font-size: 14px; font-style: italic; font-weight: 600; }
.bm-cross-selling .user { background-image: url(../gfx/rating.png); background-repeat: no-repeat; background-size: 114px 17px; background-position: center top; padding-top: 25px; font-size: 16px; position: absolute; bottom: 30px; left: 0; width: 100%; }

.prev .fa-angle-left:before {font-size: 30px!important; color: #B5B5B5;}
.next .fa-angle-right:before {font-size: 30px!important; color: #B5B5B5;}

/* Brandslider Brands */
.brandslider .brand { display: block; height: 100%; width: 90%; left: 0; top: 0; background-position: center; background-size: 100% auto; background-repeat: no-repeat; image-rendering: auto; }
.brandslider .brand.one { background-image: url("../img/brands/xmarken-21.jpeg");  }
.brandslider .brand.two { background-image: url("../img/brands/xmarken-22.jpeg");  }
.brandslider .brand.three { background-image: url("../img/brands/xmarken-23.jpeg");  }
.brandslider .brand.four { background-image: url("../img/brands/xmarken-24.jpeg");  }
.brandslider .brand.five { background-image: url("../img/brands/xmarken-25.jpeg");  }
.brandslider .brand.six { background-image: url("../img/brands/xmarken-26.jpeg");  }
.brandslider .brand.seven { background-image: url("../img/brands/xmarken-29.jpeg");  }
.brandslider .brand.eight { background-image: url("../img/brands/xmarken-49.jpeg");  }
.brandslider .brand.nine { background-image: url("../img/brands/xmarken-50.jpeg");  }
.brandslider .brand.ten { background-image: url("../img/brands/xmarken-52.jpeg");  }
.brandslider .brand.eleven { background-image: url("../img/brands/xmarken-53.jpeg");  }
.brandslider .brand.twelf { background-image: url("../img/brands/xmarken-54.jpeg");  }
.brandslider .brand.thirteen { background-image: url("../img/brands/xmarken-55.jpeg");  }
.brandslider .brand.fourteen { background-image: url("../img/brands/xmarken-56.jpeg");  }
.brandslider .brand.fiveteen { background-image: url("../img/brands/xmarken-57.jpeg");  }

.col {float: left;}
.col.fourth {width: 24%; float: left; margin-right: 1%;}
.third.last {width: 26%; margin: 0;}


	
#footer { background: #2B2A29; color: #fff; text-align: center; padding: 10px 15px; font-size: 15px;}
#footer a { color: white; padding-left: 5px; text-decoration: none; font-weight: bold}
#footer i { color: #E85013;}
#footer i.white { color: #ffffff;}


.footer .logo {
    background: url(../img/logo_ATS.png);
    background-color: #fff;
    background-repeat: no-repeat;
    width: 100%;
    height: 170px;
    background-size: 219px 100px;
    background-position: center center;
  }

  .Auswahl-Section {border-top: 1px solid #E85013;
    height: 311px;
        width: 1090px;
        background-size: 100%;
        max-width: 100%;
        max-height: 100%;
        background-image: url(../img/Auswahl-Section.jpg);
        background-repeat: no-repeat;
    margin: 15px 0px 63px 0px; 
    }

.Auswahl-Section p {color: #ffffff;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    padding-top: 190px;}

.es #footer .col.fourth {width: auto; margin-right: 55px }
.fr #footer .col.fourth {width: auto; margin-right: 68px }

/* Mobile Anpassungen
---------------------- */

@media screen and (max-width: 550px) {

 .header {
    width: 100%;
    border-bottom: none;
    padding: 15px 0; }
  .header .top-header {
      display: none; }

  .header .main-header .content {
      width: 100%;
      overflow: hidden;
  }
    .header .main-header .content .header-left-image {
    float: none;
    margin: 0 auto;
    width: 26%;
    width: auto; 
  }
   .header .logo {
    background-image: url(../img/logo_ATS-mobil.png);
    margin: 0 auto;
    width: 280px;
    height: 128px;
  }
  .main-header .content .header-left-image img {
    display: block;
    margin: 0 auto; 
  }
  .main-header .content .header-right-image {
    display: none; 
  }
  .main-header .content .header-center-text {
        display: none; 
  } 
  .page {
  width: 100%;
  margin: 0 auto;
  padding: 0 10px; }
  .page .big-image {
    background: blue;
    float: left;
    width: 40%;
    height: 500px;}
  .page .article-info {
    background: green;
    float: left;
    width: 58%;
    height: 500px; }
  .page .product_images {
    overflow: hidden;
    position: relative;
    margin-top: 15px; 
  }
  .page .product_images a {
      cursor: pointer;
      border: none; 
  }
  .page .product_images img {
    min-width: 1px;
    min-height: 1px; 
  }
  .page .product_images ul, .page .product_images li {
    list-style: none;
    margin: 0;
    padding: 0; 
  }
   .page .product_images .image-gallery .side-right .thumbs li {
    height: 90px;
   }
   .page .product-details .content .vehicle-information .content .carletter-new .image, .page .product-details .content .vehicle-information .content .image {
    max-width: 378px;
    width: 100%;
   }
  .page .product_images .image-gallery {
    position: relative;
    margin: 0 auto;
    border-radius: 20px;
    margin-bottom: 20px; }
  .page .product_images .image-gallery .big-image {
    width: 100%;
    height: 300px;
    float: none;
  }
  .page .product_images .image-gallery .big-image img {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: opacity 350ms;
    max-height: 100%;
    max-width: 100%; 
  }
  
  
  #AutoTeileService24.it .page .product-details .content .vehicle-information .content .image, #AutoTeileService24.es .page .product-details .content .vehicle-information .content .image {height: 210px; width: 100%!important;}
  
  #AutoTeileService24.fr .page .product-details .content .vehicle-information .content .carletter-new {margin-top: 0px;} 

  #AutoTeileService24.fr .page .product-details .content .vehicle-information .content .image {height: 375px; width: 100%!important;}
  
  .page .product_images .image-gallery .big-image img:target {
    opacity: 1; }
  .page .product_images .image-gallery .big-image img:target ~ img#default {
    opacity: 0; }
  .page .product_images .image-gallery .big-image img#default {
    opacity: 1; }

  .page .product_images .image-gallery .side-right { float: none; width: 100%; margin-top: 20px; height: auto; }
  .page .product_images .image-gallery .side-right .product-information {
    width: 100%; max-height: inherit; margin-left: 0;
  }
  .page .product_images .image-gallery .side-right .product-information ul {
    padding-left: 0px;   }

  .page .product_images .image-gallery .side-right ::-webkit-scrollbar {
    width: 5px;
    margin-left: 1px;
    background-color: #cccccc; 
  }
  .page .product_images .image-gallery .side-right ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #797979; 
  }
  .page .product_images .image-gallery .side-right .thumbs {
    width: 100%; position: relative;
  }
  .page .product-details {
    overflow: hidden;
    width: 100%; 
  }
  .page .product-details .product-navigation {
    display: none;
  }
  .page .product-details .product-navigation h3 {
    color: #797979;
    margin-left: 20px; 
  }
  .page .product-details .product-navigation ul li a {
    color: #000000;
    text-decoration: none; 
  }
  .page .product-details .content {
    width: 100%;
    position: relative;
    float: left; 
  }
  .page .product-details .content .tabs {
    position: relative;
    top: 1px;
    margin: 25px 0;
    margin-top: 0 !important;
    min-height: 50px;
    margin-top: 10px; 
  }
  .page .product-details .content .tabs .tab {
    float: left;
    width: 100%; 
  }
  .page .product-details .content .tabs .tab label {
    padding: 0 20px
  }
  .page .product-details .content .tabs .tab label span {
    display: block;
    height: 40px;
    line-height: 40px; 
  }
  .page .product-details .content .tabs .tab label:hover {
    cursor: pointer; 
  }
  .page .product-details .content .tabs .tab.tab-2 label {
    left: 225px;
  }
  .page .product-details .content .tabs .tab [type=radio] {
    display: none; 
  }
  .page .product-details .content .tabs .content {
    width: 100%;
    height: auto;
  }
  .page .product-details .content .tabs .content > * {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%); 
  }
  .page .product-details .content .tabs input[type=radio]:checked ~ label {
    /*border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    background: #ffffff;
    z-index: 2;
    color: #797979; */
  }
  .page .product-details .content .tabs input[type=radio]:checked ~ label ~ .content {
    border: 1px solid #cccccc;
    z-index: 1;
    display: block; 
  }
  .page .product-details .content .tabs input[type=radio]:checked ~ label ~ .content > * {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0); 
  }
  .page .product-details .content ul.add-info {
    padding-left: 0px;
    list-style: none; 
  }
  .page .product-details .content ul.add-info li {
    list-style: none;
    margin-bottom: 5px; 
  }
  .page .product-details .content .hint {
    display:none;
  }
  .page .product-details .content .hint .content {
    border: 3px solid #790000;
    width: 100%;
    padding: 15px; 
  }
  .page .product-details .content .hint .content img {
    margin-top: 20px;
    max-width: 100%;
    max-height: 100%; 
  }
  .page .product-details .content .vehicle-information {
    margin-top: 40px; 
  }
  .page .product-details .content .vehicle-information .label {
    position: relative;
    color: #ffffff;
    height: 40px;
    top: 0;
    text-align: center;
    float: left;
    font-size: 17px;

  }
  .page .product-details .content .vehicle-information .content img {
    margin-top: 20px;
    max-width: 100%;
    max-height: 100%; 
  }
  .page .product-details .content .vehicle-information .content .carletter-old {
    width: 100%!important;
    margin-right: 0!important;
    float: none!important; 
  }
  .page .product-details .content .vehicle-information .content .carletter-old ul {
    list-style: upper-alpha; 
    padding-left: 20px;
  }
  .page .product-details .content .vehicle-information .content .carletter-new {
    width: 100%!important;
    margin-left: 0!important;
    float: none!important; 
  }
  

  .page .product-details .content .vehicle-information .content .carletter-new ul {
    list-style: upper-alpha; 
    padding-left: 20px;
  }
  .page .product-details ::-webkit-scrollbar {
    width: 5px;
    margin-left: 1px;
    background-color: #cccccc; 
  }
  .page .product-details ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #797979; 
  }
  .page .vendors .vendor {
    position: relative;
    float: left;
    width: 5.5px;
    height: 5.5px;
    background: #000000; 
  }

  .footer {
    margin-top: 30px;
    width: 100%;
    background: #f1f1f1;
    padding-top: 20px; 
  }
  .footer .main-footer {
      width: 100%;
      margin: 0 auto;
      height: auto; 
    }
  .footer .main-footer .footer-content {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  .footer .main-footer .footer-content.first {
    display: none;
  }
  .footer .main-footer .footer-content .header {
   margin: 20px 0 10px;
   padding-top: 0;
  }
  .footer .main-footer .footer-content .send-message {
    font-size: 15px; 
  }
  .footer .main-footer .footer-content .opening {
    font-size: 12px; 
  }
  .footer .main-footer .footer-content table {
    padding-top: 10px;
    width: 100%; 
  }
  .footer .main-footer img#logo {
    background-color: #ffffff;
    margin-top: -20px !important;
    padding-top: 40px; }
  .footer .bottom-footer {
    height: 40px;
    line-height: 40px;
    background: #797979;F
    color: #ffffff;
    text-align: right;
    font-size: 12px;
    padding-right: 35px; 
  }
  .brands { display: none; }
  .Auswahl-Section p {
    padding-top: 140px;
  }
  .page .product-details .content .vehicle-information .content .carletter-mechanic {
    margin-top: 30px;
  }
  .perfect-parts, .brandslider {
    display: none;
  }
  #footer .col {
    display: none;
  }
  #footer .col:first-child {
    display: block;
    width: 100%;
  }
  .Auswahl-Section {
    height: auto;
  }
  
      .page .product-details .content .vehicle-information .label {


    font-size: 17px;
  }
  .page .product-details .content .tabs input[type=radio]:checked ~ label {


    font-size: 17px;
  }
  
  .page .product-details .content .tabs .tab-2 {display: inherit;}
  
    .es #footer .col.fourth {margin-right: 13px;}
    .page .product-details .content .tabs .tab.tab-2 label { display: block;   position: relative; left: 0px; }
    .page .product-details .content .tabs .tab label { display: block;   position: relative; left: 0px; }
    .page .product-details .content .tabs .content {margin-top: 0px; }

    #AutoTeileService24.fr .page .product-details .content .tabs .tab.tab-2 label, #AutoTeileService24.es .page .product-details .content .tabs .tab.tab-2 label {left: 0px;}
    .Auswahl-Section { width: 100%!important; }
    .page .product-details .content .vehicle-information { width: 100%!important;}

}