@import '../fonts/font-awesome/font-awesome.css';

/* OpenSans */
@font-face { font-family: 'Open Sans'; font-weight: 300; font-style: normal; src: url('../fonts/opensans/OpenSans-Light.ttf') format('truetype');  }
@font-face { font-family: 'Open Sans'; font-weight: 400; src: url('../fonts/opensans/OpenSans-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Open Sans'; font-weight: 400; font-style: italic; src: url('../fonts/opensans/OpenSans-Italic.ttf') format('truetype'); }
@font-face { font-family: 'Open Sans'; font-weight: 600; src: url('../fonts/opensans/OpenSans-Bold.ttf') format('truetype'); }
@font-face { font-family: 'Open Sans'; font-weight: 600; font-style: italic; src: url('../fonts/opensans/OpenSans-ExtraBoldItalic.ttf') format('truetype'); }
/* Default - CSS */

html { width: 100%; }
body { font-family: Arial, Verdana, sans-serif; color: #222; margin: 0; width: 100%; font-size: 14px; }
a:hover { cursor: pointer; }
strong, b, .b { font-weight: 700; }

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

hr{ border: 0; border-top: 1px solid #e0e0e0; }
p.smalltxt{ font-size: 11px; margin: 3px 0; }

.mobile { display: none; }
.right { float: right; }

.col { float: left; }

.half { width: 48.8%; float: left; margin-right: 2.4%; }
.half.last { width: 48.8%; margin: 0}

.third { width: 32%; float: left; margin-right: 1%; }
.third.last { width: 34%; margin: 0}
.two.third { width: 65%; float: left;  }
.two.third.last { width: 60%; float: left; }

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

.fifth { width: 18.5%; float: left; margin-right: 1%; }
.fifth.last { width: 22%; margin: 0}
.two.fifth { width: 38%; float: left;  }
.two.fifth.last { width: 43%; margin-right: 0; }
.three.fifth { width: 57%; float: left;  }
.three.fifth.last { width: 62%; margin-right: 0; }

.box_btn { display: inline-block; text-decoration: none; text-align: center; border-radius: 3px; color: #fff; background-color: #0e4688; font-size: 16px; margin-right: 10px; padding: 15px 20px; padding: 9px 20px; }
.box_btn span { margin-left: 10px; }

.page-background {  background: #fff; font-size: 14px;}
.page-background * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.page-container { margin: 0 auto; max-width: 1100px; width: 100%; padding: 0px; }

/*.icon { display: inline-block; height: 22px; width: 22px; background-repeat: no-repeat; vertical-align: top; }*/

/* allpart24 - Styles */

a { color: #0e4688; text-decoration: none; }
a:hover { color: #ef7d00; }

body { background: #f9f9f9; }
#allpart24 { font-family: 'Open Sans', sans-serif; color: #414141; max-width: 1500px; margin: 0 auto; font-weight: 400; }
#allpart24 p { font-size: 14px; line-height: 21px; }
#allpart24 .box_btn { background-color: #0e4688; font-weight: bold; font-size: 14px; transition: all .3s ease; -webkit-transition: all .3s ease; color: #fff; }
#allpart24 .box_btn:hover { background-color: #414141; }
#allpart24 h3 { font-size: 22px; color: #333333; }

/*Header*/
.header { background-color: #ECEEEF; background-repeat: repeat-x; background-size: auto 38px; background-position: bottom;}
a.allpart24-logo { display: block; float: left; background-image: url("../gfx/allpart24-logo.png"); height: 109px; width: 182px; background-size: 100%; position: relative; margin: 10px 0 10px 0;}

.usp-1 { background-image: url("../gfx/usp-allparts24-lieferung.jpg"); display: block; float: left; height: 102px; width: 204px; background-size: 100%; position: relative; margin: 10px 0 10px 0; }
.usp-2 { background-image: url("../gfx/usp-allparts24-marken.jpg"); display: block; float: left; height: 102px; width: 204px; background-size: 100%; position: relative; margin: 10px 0 10px 0;}
.usp-3 { background-image: url("../gfx/usp-allparts24-preise.jpg"); display: block; float: left; height: 102px; width: 204px; background-size: 100%; position: relative; margin: 10px 0 10px 0;}


.navigation { margin-top: 32px;  padding-left: 25px; }
.navigation a { color: #fff; font-weight: 600; font-size: 13px; display: inline-block; margin-right: 54px; }

#main { background-image: url("../gfx/bg.jpg"); background-repeat: no-repeat; background-color: #f9f9f9; background-size: 100%; }
#main .page-container:first-child { background-color: #fff; padding-top: 30px; }
#main > .page-container:first-child > .row:first-child { position: relative; }
#main .row.top { margin-bottom: 30px; }

/* Article Images */
.article_images { width: 400px; float: left; }
.article_images .big-image { position:relative; height: 416px; width: 100%; border: 1px solid #dddddd; overflow: hidden; }
.article_images .big-image img { display: block; }
.article_images ul.thumbs { list-style: none; margin: 0px; padding: 0; width: 100%; }
.article_images ul.thumbs li { margin-right: 2%; margin-top: 14px; position: relative; height: 132px; width: 32%; float: left; border: 1px solid #dddddd; overflow: hidden; }
.article_images ul.thumbs li:nth-child(3n) { margin-right: 0; }
.article_images ul.thumbs li img { position: absolute; max-height: 90%; max-width: 90%; position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); }
.article_images ul.thumbs li label { margin: 0;  cursor: pointer; display: block; height: 100%; width: 100%; }
.article_images ul.thumbs li label:hover {  opacity: 0.6; }
.article_images .open-check { display: none; }
.article_images ul.thumbs>img, .article_images .big-image>img, .article_images .holder-img img { position: absolute; top: -99999px; left: -99999px; opacity: 0; }
/*
.article_images img:nth-of-type(1)~.switcher ul.thumbs li:nth-of-type(1), .article_images img:nth-of-type(2)~.switcher ul.thumbs li:nth-of-type(2), .article_images img:nth-of-type(3)~.switcher ul.thumbs li:nth-of-type(3), .article_images img:nth-of-type(4)~.switcher ul.thumbs li:nth-of-type(4), .article_images img:nth-of-type(5)~.switcher ul.thumbs li:nth-of-type(5), .article_images img:nth-of-type(6)~.switcher ul.thumbs li:nth-of-type(6),.article_images img:nth-of-type(7)~.switcher ul.thumbs li:nth-of-type(7),.article_images img:nth-of-type(8)~.switcher ul.thumbs li:nth-of-type(8),.article_images img:nth-of-type(9)~.switcher ul.thumbs li:nth-of-type(9),.article_images img:nth-of-type(10)~.switcher ul.thumbs li:nth-of-type(10) {
    display: block;
}
*/
.article_images .hold-b img:first-child { opacity: 1; z-index: 2; max-height: 90%; max-width: 90%; position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); }
.article_images .switcher input:checked ~.holder-img img { opacity: 0; }

.article_images .switcher { max-width: 500px; }
.article_images .switcher input.open-check:nth-of-type(1):checked~.holder-img img:nth-child(1), .article_images .switcher input.open-check:nth-of-type(2):checked~.holder-img img:nth-child(2), .article_images .switcher input.open-check:nth-of-type(3):checked~.holder-img img:nth-of-type(3), .article_images .switcher input.open-check:nth-of-type(4):checked~.holder-img img:nth-of-type(4), .article_images .switcher input.open-check:nth-of-type(5):checked~.holder-img img:nth-of-type(5), .article_images .switcher input.open-check:nth-of-type(6):checked~.holder-img img:nth-of-type(6), .article_images .switcher input.open-check:nth-of-type(7):checked~.holder-img img:nth-of-type(7),
.article_images .switcher input.open-check:nth-of-type(8):checked~.holder-img img:nth-of-type(8), .article_images .switcher input.open-check:nth-of-type(9):checked~.holder-img img:nth-of-type(9),.article_images .switcher input.open-check:nth-of-type(10):checked~.holder-img img:nth-of-type(10) { opacity: 1!important; z-index: 2;  max-height: 90%; max-width:90%; position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); }


.item-description {width: 670px; position: absolute; right: 0; top: 0; height: 100%;}
/* Tabs */
.content_tabs_mobile { display: block; padding-top: 38px; background-color: #fff; height: 530px;}
.content_tabs { display: none; }
.tabs { height: 100%; padding: 0; margin: 0; border: 1px solid #ddd; width: 100%; display: block; position: relative; }
.tabs>.tab>[id^="mobiletab"]:checked + label { z-index: 15; background-color: #F3E548; color: #29285F; background-image: none;}
.tabs>.tab>[id^="mobiletab"]:checked ~ [id^="mobiletab-content"] { display: block; opacity: 1;  }
.tabs>.tab.one>[id^="mobiletab"]:checked + label .icon { background-position: 0px -23px; }
/*.tabs>.tab.two .icon { width: 32px; background-position: -24px 3px; width: 20px; }
.tabs>.tab.two>[id^="mobiletab"]:checked + label .icon { background-position: -24px -26px; }*/
.content_tabs { height: 595px; width: 68%; margin-right: 4%; float: left; margin-bottom: 50px; }
.tabs .tab { display: block; margin-top: -39px; height: 100%; float: left; }
.tabs .tab>input[type="radio"] {display: none; }
.tabs .tab>label {padding: 6px 25px 7px; display: table; position: absolute; background: #29285F; font-weight: bold; font-size: 16px; color: #fff; margin-left: -1px; }
.tabs .tab>label:hover { background-color: #414141; cursor: pointer; }
.tabs .tab>label span { margin-top: 3px; display: inline-block; font-weight: 600; }
.tab.two label { left: 143px; }
.tab.three label { left: 473px; }
.tabs .tab_content { position: absolute; padding: 30px 15px; display: none; width: 100%; left: 0; opacity: 0; transition: opacity 400ms ease-out; box-sizing: border-box; left: 0; height: 100%; overflow: auto; background-color: #fff; margin-top: 39px; }
.tabs .tab_content .inner { overflow-y: auto;  }
.tabs .tab_content h1:first-child, .tabs .tab_content h2:first-child, .tabs .tab_content h3:first-child, .tabs .tab_content p:first-child { margin-top: 0; padding-top: 0; }
.tab_content ul { padding-left: 24px; list-style-type: disc; }
.tab_content ul li { margin-bottom: 6px; }
.tab_content h1 { font-size: 24px; }
#video, #video video { width: 100%; }
#mobiletab-content2 { padding-bottom: 0; }

.item-description .details { padding: 0 25px 20px 25px; width: 100%; max-height: 490px; overflow-y: auto; }
dl { position: relative; font-weight: 600; }
dl dt, dl dd { display: inline-block;  vertical-align: top; width: 45%; padding: 7px 0; border-bottom: 1px solid #ddd; }
dl dd { color: #4889CA; margin-left: 0; }

.ronny-banner { background-image: url("../gfx/allpart24-ronny.jpg"); display: block; float: left; height: 465px; width: 1100px; background-size: 100%; position: relative; margin: 40px 0 10px 0; }

/*Brand-Slider*/
.brandslider { 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: 1100px; 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; }

.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: 100%; left: 0; top: 0; background-position: center; background-size: auto 85%; background-repeat: no-repeat; image-rendering: auto; }
.brandslider .brand.one { background-image: url("../gfx/allpart24-marken01.jpg");  }
.brandslider .brand.two { background-image: url("../gfx/allpart24-marken02.jpg");  }
.brandslider .brand.three { background-image: url("../gfx/allpart24-marken03.jpg");  }
.brandslider .brand.four { background-image: url("../gfx/allpart24-marken04.jpg");  }
.brandslider .brand.five { background-image: url("../gfx/allpart24-marken05.jpg");  }
.brandslider .brand.six { background-image: url("../gfx/allpart24-marken06.jpg");  }
.brandslider .brand.seven { background-image: url("../gfx/allpart24-marken07.jpg");  }
.brandslider .brand.eight { background-image: url("../gfx/allpart24-marken08.jpg");  }
.brandslider .brand.nine { background-image: url("../gfx/allpart24-marken09.jpg");  }
.brandslider .brand.ten { background-image: url("../gfx/allpart24-marken10.jpg");  }
.brandslider .brand.eleven { background-image: url("../gfx/allpart24-marken11.jpg");  }
.brandslider .brand.twelf { background-image: url("../gfx/allpart24-marken12.jpg");  }
.brandslider .brand.thirteen { background-image: url("../gfx/allpart24-marken13.jpg");  }
.brandslider .brand.fourteen { background-image: url("../gfx/allpart24-marken14.jpg");  }
.brandslider .brand.fifteen { background-image: url("../gfx/allpart24-marken15.jpg");  }
.brandslider .brand.sixteen { background-image: url("../gfx/allpart24-marken16.jpg");  }
.brandslider .brand.seventeen { background-image: url("../gfx/allpart24-marken17.jpg");  }
.brandslider .brand.eighteen { background-image: url("../gfx/allpart24-marken18.jpg");  }
.brandslider .brand.nineteen { background-image: url("../gfx/allpart24-marken19.jpg");  }
.brandslider .brand.twenty { background-image: url("../gfx/allpart24-marken20.jpg");  }
.brandslider .brand.twentyone { background-image: url("../gfx/allpart24-marken21.jpg");  }
.brandslider .brand.twentytwo { background-image: url("../gfx/allpart24-marken22.jpg");  }
.brandslider .brand.twentythree { background-image: url("../gfx/allpart24-marken23.jpg");  }


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


/*footer*/

#footer { background-color:#ECEEEF; color: #333; text-align: center; padding: 10px 15px; font-size: 16px; font-weight: 600;}
#footer a { color:#333; padding-left: 5px;  }



/* Mobile CSS*/
@media screen and (max-width: 600px) {
    .item-description {width: 100%; position: relative; right: 0; top: 0; height: auto;}
    .header .usp-row, .navigation { display: none; }
    #main .article_images { padding: 0 15px; }
    #main .row.top { margin-bottom: 0; }
    .article_images, .article_images .big-image { float: none; width: 100%; }
    .article_images .big-image { margin-bottom: 11px; }
    .article_images { margin-bottom: 20px; }
    .article_images ul.thumbs { width: 100%; height: auto; position: relative; right: 0; bottom: 0; }
    .article_images ul.thumbs li, .article_images ul.thumbs li:nth-child(3n) { float: left; width: 23.8%; margin-right: 1.6%; height: 110px; }
    .article_images ul.thumbs li:nth-child(4n) { margin-right: 0; }
    .content_tabs_mobile { display: block; margin-bottom: 25px; width: 100%; position: relative; }
    .content_tabs { display: none; }
    .tabs { height: auto; border: 0; }
    .tabs .tab { float: none; margin-bottom: 0; margin-top: 0; }
    .tabs .tab.four { display: none; }
    .tabs .tab_content { position: relative; height: auto; overflow: auto; top: 0; margin-top: 0px; padding: 20px 15px; border-top: 0; }
    .tabs .tab>label { margin-bottom: 2px; position: static; width: 100%; margin-bottom: 0; position: relative; font-size: 16px; padding: 12px 15px; left: 0!important; background-color: #29285F; color: #fff; border: 0; border-bottom: 1px solid #f1f1f1; border-left: 0!important; border-right: 0!important; border-bottom: 1px solid #ddd!important; margin-left: 0; }
    .tabs .tab>label::after { font-family: 'Font Awesome 5 Free'; content: '\f078'; float: right; font-weight: bold; position: absolute; right: 20px; top: 17px; }
    .tabs>.tab>[id^="mobiletab"]:checked + label::after { content: '\f077'; }
    .brandslider { display: none; }
    #main .bottom .allpart24-logo { float: none; margin: 20px auto; }
    .ronny-banner {width: 100%; background-repeat: no-repeat; height: auto; display: none;}
    .content_tabs_mobile {height: auto; background-color: #ffffff;}
    .usp-1, .usp-2, .usp-3 { display: none; }
    #footer .col.third { width: 100%; padding: 15px;}
    #footer { background-repeat: no-repeat; width: 100%; height: 170px; background-size: cover; background-position: center; }
    .header .col {width: 100%!important; float: none!important;}
    a.allpart24-logo {float: none; margin: 10px auto; padding: 10px;}
}

/* Necessary */
.eBay_Desc { display: none; }