/*--- CSS-RESET ---*/
body, html {background-attachment:fixed; background-position: center top; height: 100%}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote {margin:0; padding:0;} 
input:-webkit-autofill {background:#fff !important; -webkit-box-shadow: 0 0 0px 1000px #fff inset; box-shadow: 0 0 0px 1000px #fff inset;}
fieldset, img {border:0;}
a {outline:none; font-size: 14px; cursor: pointer;}
address, caption, cite, code, dfn, em, th, var {font-weight:normal; }
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; }
li {list-style:none; }
caption {text-align:left; }
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal; text-rendering: optimizeLegibility; font-weight: bold;}
q:before, q:after {content:''; }
abbr, acronym {border:0; font-variant:normal; }
sup {vertical-align:text-top; }
sub {vertical-align:text-bottom; }
input, textarea, select {font-family:inherit; font-size:inherit; font-weight:normal !important; border-radius: 0 }
input, textarea, select {*font-size:100%; }
strong, b {font-weight:bold;}
input:focus, select:focus { outline: none;}
input{outline: none; }
textarea{outline: none; }
table {border-spacing: 0}
iframe {border:none;}
.hidden {display: none;}
.visible {display:block !important;}
.pointer {cursor: pointer;}

.yellow{color: #ffe400}
.white{color: #ffffff}
/*-----------------*/

html { overflow-y: scroll; height: 100%}
body {margin:0px; height:100%; font-family:Arial, Helvetica, sans-serif; color:#232323; background: #7e7e7e; font-size:13px; line-height: 18px}
body.blankBody { background:#ffe400;}
body.mceContentBody {background:#fff; font-size:14px;}
body.whiteBody {margin:0px; height:100%; font-family:Arial, Helvetica, sans-serif; color:#232323; background: #ffffff; font-size:13px; line-height: 18px}
img {border:0px; outline:none;}
a {outline:none;  text-decoration:underline; color: #111; font-weight: bold; font-size: 13px}
a:hover {outline:none; text-decoration:none; cursor:pointer;}
hr{border: 0; border-top: 1px solid #ddd; color: #ddd; height: 1px;}
form {padding:0px; margin:0px;}
input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel] { height: 36px; display: inline-block; line-height: normal; font-size: 13px; width: 100%; padding-left: 5px; border: 1px solid #d4d4d4; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
select {height: 36px; display: inline-block; line-height: normal; font-size: 13px; width: 100%; padding-left: 5px; border: 1px solid #d4d4d4; background: #fff;}
input[type="checkbox"], input[type="radio"]{position: relative; top: 1px; margin-right: 8px; border: 1px solid #111; border-radius: 0px;}
textarea {border:1px solid #d4d4d4;}
h1 {font-size: 28px; margin-bottom: 20px; line-height: 28px}
h2{font-size: 22px; margin-top: 10px; line-height: 26px }
h3, h3 a{font-size: 16px;}
h4{font-size: 12px; margin: 4px 0px 6px; font-weight: bold; text-transform: uppercase;}
h1 span{font-size: 28px}
h2 span{font-size: 22px}
h3 span{font-size: 16px}
h4 span{font-size: 12px}
p {margin: 5px 0}
p.smalltxt, span.smalltxt, .smalltxt{font-size: 11px; line-height: 14px; margin: 2px 0; font-weight: normal;}
select:disabled {background: #dddddd;}
.pop{font-size: 13px}
div.editarea_norm {padding: 0}
ul {font-size:13px; padding-left:22px;}
li {list-style:square;}
b{color: #009640}

/*Input (Radio/Checkbox) */
input[type=radio], input[type='checkbox'] {display: none;}
input[type=radio] + label {display: block; position: relative;}
input[type=checkbox] + label {display: block; position: relative;}
input[type='checkbox'] + label:before, input[type='radio'] + label:before {display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; position: absolute;}
input[type='radio'] + label:before {background: #fff; border-radius: 20px}
input[type=radio] + label:before {content: "\f1db"; /* Radio Unchecked */; vertical-align: top;}
input[type=radio]:checked + label:before {content: "\f192"; /* Radio Checked */}
input[type="checkbox"] + label:before {content: "\f096"; /* Checkbox Unchecked */; top: -1px; width: 15px; color: #111; background: #fff; border-radius: 4px; height: 17px}
input[type="checkbox"]:checked + label:before {content: "\f046"; color: #111 /* Checkbox Checked */}
#salutation1 + label, #salutation2 + label, #salutation1_delivery + label, #salutation2_delivery + label {display: inline-block; border: 0!important; padding: 0 0 0 25px!important; margin-right: 10px}
#salutation1 + label:before, #salutation2 + label:before, #salutation1_delivery + label:before, #salutation2_delivery + label:before{left: 0!important; top: -1px!important; }
.radio label, .checkbox label {padding-left: 0;}
.oneline input[type=radio] + label, .oneline input[type=checkbox] + label {display: inline-block; margin-left: 21px; margin-right: 10px; padding: 0!important; border: 0!important}
.oneline input[type="radio"]:checked+label:before, .oneline input[type="checkbox"]:checked+label:before {left: -21px!important}
.oneline.select-area{margin-left: 0}

#Page {background:#fff; width:1080px; margin: 0px auto; position: relative;}

.box_btn{-webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; border-radius: 0; height:36px; color:#fff; line-height: 36px; font-weight: normal; display: inline-block; padding: 0px 15px; position: relative; right: 0px; text-decoration: none; white-space: nowrap; font-size: 13px; background: #5b5b5a; border:0px ; background: #444; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.box_btn a{text-decoration: none}
.box_btn:active, .box_btn:target, .box_btn:link, .box_btn:focus, .box_btn:visited{border-radius: 0; outline:0;}
.box_btn:hover, .box_btn a:hover{text-decoration: none; background: #1f1f1d; cursor: pointer;}
.c2a, .buy_btn {font-weight: 700; color: #fff; border: 1px solid #006600; background: #009900; background: -moz-linear-gradient(top,  #009900 0%, #004400 100%); background: -webkit-linear-gradient(top,  #009900 0%,#004400 100%); background: linear-gradient(to bottom,  #009900 0%,#004400 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009900', endColorstr='#004400',GradientType=0 );cursor: pointer;}
.add-cart, .check_btn, .check_error_btn{line-height: 40px; height: 40px}
.c2a:hover{background: #004400}
input.c2a{font-weight: bold!important;}
.check_btn{font-weight: 700; color: #232323; border: 1px solid #ebd202; background: -moz-linear-gradient(top,  #ffed00 0%, #ebd202 100%); background: -webkit-linear-gradient(top,  #ffed00 0%,#ebd202 100%); background: linear-gradient(to bottom,  #ffed00 0%,#ebd202 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffed00', endColorstr='#ebd202',GradientType=0 ); cursor: pointer;}
.check_btn:hover {background: #ffed00}
.check_error_btn{font-weight: 700; color: #fff; border: 1px solid #DB4F60; background: #DB4F60; cursor: pointer;}
.check_error_btn:hover {background: #DB4F60}
.check_btn, .check_error_btn{margin: 15px 0 0; width: 100%; font-size: 13px; text-align: center}

.box_btn.back {font-weight: bold;}
.box_btn.back:before{content: '\f177'; font-family: 'FontAwesome'; margin-right: 10px; font-}
.box_btn.next:after{content: '\f178'; font-family: 'FontAwesome'; margin-left: 10px; display: inline-block; }

.box_btn.inactive{background: #e9e9e9; /* Old browsers */ background: -moz-linear-gradient(top,  #e9e9e9 0%, #c1c1c1 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  #e9e9e9 0%,#c1c1c1 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  #e9e9e9 0%,#c1c1c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#c1c1c1',GradientType=0 ); opacity: .4; color: #000; border: 1px solid #bbb}

.box_btn.important{color: #232323; background: -moz-linear-gradient(top,  #ffed00 0%, #ebd202 100%); background: -webkit-linear-gradient(top,  #ffed00 0%,#ebd202 100%); background: linear-gradient(to bottom,  #ffed00 0%,#ebd202 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffed00', endColorstr='#ebd202',GradientType=0 ); border: 1px solid #ebd202;}
.box_btn .fa{margin-right: 10px}

.right{float: right;}
.left{float: left;}
.clear{clear:both;}
.thin{font-weight: 100}
.divider{width: 100%; border-bottom: 1px dotted #ccc; margin-bottom: 10px; padding-bottom: 10px; clear: both;}
.field{display: inline-block;}
.field label {font-size: 13px; margin-bottom: 5px; display: block;}
.dropdown{top: 14px; float: right; position: relative;}

/*BG-Images*/
.ico{background: url(../gfx/ico_vergoelst.png) no-repeat;}
.company{background-position: right -22px}
.cart{background-position: right -52px}
.date{background-position: right -87px}
.shop{background-position: right -124px}
.reload{background-position: -7px -575px;}
.fleet{background-position: right -448px}
.menu{background-position: 5px -1180px}
.seasonlabel{background: url(../gfx/icons_season.svg) no-repeat; height: 61px; width: 60px; background-size: 100%; right: 0px; top: 0; position: absolute;}
.seasonlabel.none{background:none;}
.close{}
.ico_pay{background: url(../gfx/ico_pay.png) no-repeat;}
.ico_pay.visa{background-position: 0px -40px}
.ico_pay.giro{background-position: 0px -80px}
.ico_pay.paypal{background-position: 0px -120px}
.ico_pay.master{background-position: 0px -160px}
.ico_pay.trans{background-position: 0px -200px}
.ico_pay.finan{background-position: 0px -240px}

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

.textinput label{font-size: 13px; font-weight: bold;}
.textinput .box_btn{margin-left: -5px}

.visible-xs, .visible-s, .visible-m, .visible-l{display: none!important;}
.force{display: block!important; opacity: 1!important}
.prev_next{line-height: 35px; margin: 10px 0 20px}
.prev_next a{font-weight: bold;}

ul.classic{padding-left: 16px}
ul.classic li{list-style: disc;}

.fixer{position: fixed;}

.mobile-spacing {height: 75px}
.mobile-spacing.striper {height: 95px}
.mobile-partner {text-align: center; height: 20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-style: italic; border-top: 1px solid #ddc500; font-size: 12px}


/*HEADER*/
#Header .logo {display: inline-block; vertical-align: top; height: 75px; width: 230px; background: #ffe400; position: relative;}
#Header .logo img{height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */-webkit-transform: translate(-50%, -50%);}
#Header .other-logo {max-height:40px; vertical-align:top; max-width: 80px; display: inline-block;}
#Header .other-logo img{height: 65px; padding: 5px;}
#Header #menubutton{display: none; height: 75px; padding-top: 20px; font-size: 32px; width: 75px; text-align: center; background: #ffe400; color: #111; border-right: 1px solid #ddc500; float: left;}
#Header #menubutton .fa{margin: 0}
#Header #shop_cart{margin: 35px 0px 10px; position: relative;}
#Header .usp {display:inline-block; white-space:nowrap; margin-top: 22px; margin-left: 7%}
#Header .usp.hidden {display: none;}
#Header .usp .usp_ico{display: inline-block; padding-left: 35px;background: url(../gfx/ico_usp.png) no-repeat; line-height: 15px; font-size: 12px; color: #444; margin-left: 8%}
#Header .usp .usp_ico:last-child{margin-right: 0px}
#Header .usp .satisfied{background-position: 0px 0px;}
#Header .usp .time{background-position: 0px -34px}
#Header .usp .questions {background-position: 0 -70px}
#Header .shoprating{position: absolute; right: 41%; top: 5px; display:none;}

ul {font-size:13px; padding-left:22px;}
li {list-style:square;}
#TopNavi{padding: 0px; float:left; color:#ffe400; background: none; width: 100%; position: relative;}
#TopNavi li{list-style-type: none;}
#TopNavi .navi {display: inline-block; vertical-align: top; width: 16.66666666666667%; height: 45px; line-height: 45px; float: left; border-bottom: 3px solid #fff}
#TopNavi .navi.contiOnly {width: 20%;}
#TopNavi .navi.clienteleShort {width: 25%;}
#TopNavi .navi.active{border-bottom: 3px solid #ffe400; height: 42px}
#TopNavi .navi.present{border-bottom: 3px solid #ffe400; height: 42px}
#TopNavi .navi.present > a{background: #111}
#TopNavi > li.active > a, #TopNavi > li.current > a{position: relative; z-index: 10; background: #111}
#TopNavi li a {font-size: 15px; color: #ffe400; display: block; font-weight: bold; text-decoration: none}
#TopNavi .navi > a {background: #444; height: 100%; border-right: 1px solid #5b5b5b;}
#TopNavi > li > a.ico{background: url(../gfx/ico_vergoelst.png) no-repeat;}
#TopNavi .box_btn{border-left: 3px solid #fff;}
#TopNavi .subnavi{display: none; position: absolute; white-space: nowrap; z-index: 20; line-height: 20px; z-index: 9; width: 1080px; background: #fff; left:0px; padding: 0px; top: 48px}
#TopNavi .active .subnavi {display: block;}
#TopNavi .subnavi > li{width: 20%; white-space: normal; float: left;}
#TopNavi .subnavi .linkbox {overflow: hidden; height: 235px; padding: 15px 0 0 0}
#TopNavi .subnavi .linkbox li{display: block;}
#TopNavi .subnavi .linkbox li a{font-size: 16px; color: #111; display: inline-block; font-weight: bold; padding: 7px 30px; background: none; line-height: 20px}
#TopNavi .subnavi .linkbox li a:after{content:'\f0da'; font-family: 'FontAwesome'; padding-left: 10px; position: relative; top: 1px; display: inline-block; text-decoration: none;}
#TopNavi .subnavi .linkbox li a:hover {background: #fff; text-decoration: underline;}
#TopNavi .subnavi .kmw {height: 260px; margin-right: 21px; text-decoration: underline;}
#TopNavi .subnavi li a:hover{text-decoration: none}
#TopNavi .subnavi .linkimg {padding: 10px 10px 0px 10px; height: 240px; overflow: hidden; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #dadada 100%);  background: -webkit-linear-gradient(top,  #ffffff 0%,#dadada 100%);  background: linear-gradient(to bottom,  #ffffff 0%,#dadada 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); text-align: center; position: relative; display: block;
}
#TopNavi .subnavi .linkimg:hover{background: #fff; }
#TopNavi .subnavi .linkimg li{display: block; width: 100%;}
#TopNavi .subnavi .linkimg h4{font-size: 16px; font-weight: bold; margin-bottom: 6px; text-transform: none; color: #111; display: inline-block; margin-top: 25px}
#TopNavi .subnavi .linkimg h4:after{content:'\f0da'; font-family: 'FontAwesome'; padding-left: 10px; position: relative; top: 1px;} 
#TopNavi .subnavi .linkimg p{font-size: 13px; font-weight: 400; text-transform: none; height: 50px}
#TopNavi .subnavi .linkimg img {position: absolute; bottom: 0; height: 160px; margin: 0 auto; display: block; left: 0; right: 0;}
#TopNavi .subnavi .iconframe{width: 80%; height: 260px}
#TopNavi .subnavi .iconframe ul {padding: 0}
#TopNavi .subnavi .iconframe a{display: inline-block; width: 12%; vertical-align: top; float: left;}
#TopNavi .subnavi .linkico p.smalltxt{font-size: 7px}
#TopNavi .subnavi .linkico li{width: 85px; margin: 7px; text-align: center; position: relative; font-size: 12px; font-style: italic; text-transform: none}
#TopNavi .subnavi .linkico p{font-size: 12px; color: #111; line-height: 12px}
#TopNavi .subnavi .linkico:hover p{text-decoration: underline;}
#TopNavi .subnavi .linkico img{height: 80px; width: 80px; margin: 0px auto; margin-bottom: 10px}
.linkico .asv {background-position: 0px -20px}

#TopNavi .navico {background: url(../gfx/icons_nav.svg) no-repeat; display: table; vertical-align: top; height: 45px; background-size: 26px auto; padding-left: 35px; margin: 0 auto; white-space: nowrap;}
#TopNavi .navico.tire{background-position: 0px 9px}
#TopNavi .navico.rim{background-position: 0px -34px}
#TopNavi .navico.service{background-position: 0px -75px}
#TopNavi .navico.date{background-position: 0px -119px}
#TopNavi .navico.shop{background-position: 0px -164px}
#TopNavi .navico.about{background-position: 0px -207px}

.close_btn{display:none; height: 60px; left:0; width: 60px; position: absolute; top: 0px; background: #ffe400; z-index: 100; border: 0px!important}
.close_btn .fa{font-size: 28px; line-height: 60px; height: 60px; color: #111; width: 60px; text-align: center;}
.close_btn:hover{cursor: pointer;}

#TopNavi .mobilemenu{display: none; font-size: 16px; line-height: 36px; border-color:#454545; color: #333}
#TopNavi .mobilemenu a{color: #ffe400; font-weight:bold;}
#TopNavi .mobilemenu.c2a a{color: #111}
#TopNavi .mobilemenu:hover{background: #333}
#TopNavi .mobilemenu a:hover{text-decoration: underline;}
#TopNavi .mobilemenu.button{width: 130px; background: #ededed; color: #111}
#TopNavi .mobilemenu .ico{padding: 0px 0px 0px 65px}
#TopNavi .mobilemenu .account{background-position: 9px -488px;}
#TopNavi .mobilemenu .kcc{background-position: 9px -1253px;}
#TopNavi .mobilemenu .company{background-position: 7px -21px;}
#TopNavi .mobilemenu .fleet{background-position: 10px -1129px}
#TopNavi .mobilemenu .employee{background-position: 10px -1129px}
#TopNavi .mobilemenu .logout {background-position: 20px -1079px; border-bottom: 10px solid #f3f3f3}
#TopNavi .mobilemenu.navtoplink {background: #232323}
#TopNavi .mobilemenu.navtoplink a:hover {text-decoration:none;}
#TopNavi .searchframe {display: none; background: #1f1f1d; position: absolute; z-index: 10; right: 0px; top: 34px; padding: 20px}
#TopNavi .searchframe h2{color: #ffe400; font-size: 22px; font-size: bold; font-style: italic;}
#TopNavi .searchframe .searchbox{display: inline-block;}
#TopNavi .searchframe .searchbox .zeile {width: 250px}
#TopNavi .searchframe .searchbox .findbutton{width: 50px}
#StartNavi {display: none}

/*Breadcrumb*/
.breadcrumb {margin: 5px 10px}
.breadcrumb span:after{content: '\f101'; font-family: 'FontAwesome'; margin: 0 3px 0 7px; display: inline-block; pointer-events: none; cursor: default; text-decoration: none; border-bottom:1px solid white;}
.breadcrumb .current a{text-decoration: none; font-weight: normal; pointer-events: none; cursor: default}
.breadcrumb .current:after {content: '';} 

/*Footer*/
#Footer .footertop, #Footer .footerbottom {width: 94%; padding: 3.01%}
#Footer .footertop{background: #444; padding-top:30px; padding-bottom:30px;}
#Footer .footerbottom{background: #e6e6e6}
#Footer h3{color:#fff; font-weight: bold; margin: 10px 0; white-space: nowrap;}
#Footer h4 {color: #fff; font-size: 12px; text-transform: none; line-height: 20px}
#Footer h3 span {font-size: 16px}
#Footer .FooterBlock{display: inline-block; vertical-align: top; color: #dadada; margin:0 1% 0% 0; padding-right: 1%; min-height: 300px; width: 16%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; float: left;}
#Footer .FooterBlock.bold a{font-weight:bold;}
#Footer .FooterBlock .footstep{display: inline-block; vertical-align: top; margin-right: 9%; width: 20%}
#Footer .FooterBlock .footstep:last-child{margin-right: 0px}
#Footer .FooterBlock ul{margin-bottom: 27px; padding: 0}
#Footer .FooterBlock ul li{margin-top: 7px; list-style: none;}
#Footer .FooterBlock ul li a {color: #dadada; text-decoration: none; font-size:12px; font-weight: normal;}
#Footer .FooterBlock .box_btn{font-size: 12px}
#Footer .FooterBlock li a:hover{text-decoration: underline;}
#Footer .FooterBlock ul li a span, #Footer .FooterBlock h3 span{text-transform: none}
#Footer .FooterBlock p{margin: 1% 0%; color: #fff}
#Footer .FooterBlock img{}
#Footer .FooterBlock.social {width: 15%}
#Footer .FooterBlock.social li {background: url(../gfx/ico_social.png) no-repeat; padding-left: 26px; padding-top:2px;}
#Footer .FooterBlock.social .fb{background-position: 0px 0px}
#Footer .FooterBlock.social .ggl{background-position: 0px -50px}
#Footer .FooterBlock.social .twtr{background-position: 0px -75px}
#Footer .FooterBlock.social .yt{background-position: 0px -102px}
#Footer .FooterBlock.social .pntr{background-position: 0px -24px}
#Footer .FooterBlock.social ul {margin-bottom: 40px;}
#Footer .FooterBlock.subscription{border: none; padding: 0px; margin: 0px;}
#Footer .FooterBlock.payment{width: 16%}
#Footer .FooterBlock.payment ul.ico_pay{padding-left: 70px; background-position: 0px 2px; margin-bottom: 43px;}
#Footer .FooterBlock.payment ul.ico_pay li{margin-top: 4px; list-style: none; margin-left: 0; color: #fff}
#Footer .FooterBlock.payment div.ico_pay{width: 56px; height: 30px; display: inline-block;}
#Footer .FooterBlock.payment ul li{font-size: 12px; list-style-type: square; text-transform: none; margin-left: 15px}
#Footer .FooterBlock.payment h4 {line-height: 25px;}
#Footer .FooterBlock.payment h4.delivery_text{margin-bottom: 13px;}
#Footer .FooterBlock.certificate{width: 17%;}
#Footer .FooterBlock.certificate h3{margin-bottom: 6px}
#Footer .FooterBlock .conti_cert{width: 100px; display: block; margin: 10px 0}
#Footer .FooterBlock.sub-rate{width: 33%; margin: 0; padding: 0}
#Footer .FooterBlock.sub-rate span {font-size: 11px}
#Footer .FooterBlock.sub-rate ul li {text-indent: -19px; padding-left: 19px}
#Footer .FooterBlock.sub-rate ul li:before{content: '\f00c'; font-family: 'FontAwesome'; font-size: 14px; margin-right: 5px}
#Footer .FooterBlock.subscription .mail{text-transform: uppercase; width: 100%; margin: 10px 0px; font-size:14px; padding: 5px 3px;}
#Footer .FooterBlock.subscription .box_btn{width: 92%; color: #111; margin: 10px 0 0 0; font-size: 14px; padding: 0 4%;}
#Footer .FooterBlock.sub-rate .halfpage.last{text-align: center;}
#Footer .FooterBlock.sub-rate .halfpage {margin-top:32px;}
#Footer .FooterBlock.sub-rate .total_rating {margin-top:18px;}
#Footer .star{background-position: right -1071px;}
#Footer .news{background-position: right -1290px;}
#Footer .tire_size{width: 16%;}
#Footer .seas_cat{width: 15%}
#Footer .FooterBlock.kfz_master{width: 16%;}
#Footer .FooterBlock.kfz_master ul{margin-bottom: 0px} 
#Footer .FooterBlock.fleet{width: 16%; border: none; padding: 0; margin: 0} 
#Footer .FooterBlock.btm{width: 49%}
#Footer .FooterBlock.subscription .btn_abo{font-size: 14px; font-weight: bold; color: #333; text-align: center; width: auto}
#Footer .stars{margin: 10px 0}
#Footer .comment p {line-height: 16px}
#Footer .comment p i {font-weight: normal;}
#Footer .footerbottom h3, #Footer .footerbottom .FooterBlock ul li a  {color: #232323}

/* Franchiser Footer */
.franchiser #Footer {position: relative;}
.franchise_footer {padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #444; color: #ccc}
.franchise_footer p.right{font-style: italic; position: absolute; bottom: 10px; right: 10px; top: 6px}
.franchise_footer a {color: #fff; padding-right: 10px; margin-right: 5px; border-right: 1px solid #ccc; text-decoration: none;}
.franchise_footer a:nth-child(2){border: 0;}

.franchiser #TopNavi .navi {width: 33.33%}
.franchiser #TopNavi .navico {background: none; padding: 0}
.franchiser #TopNavi .navico .fa{margin-right: 7px; font-size: 22px; position: relative; top: 2px}
.franchiser .logged_as {position: absolute; top: 10px; right: 10px}
.franchise-area{padding: 10px}

.franchiser table th{border: 0!important; background: #333!important; color: #fff; text-align: left; padding: 8px 5px}
.franchiser table tbody tr td{padding: 8px 5px}
.franchiser table tbody tr:nth-child(2n) td {background: #eee;}
#fra_tbl_auftragdetails .thirdpage td{height: 130px}
#fra_tbl_auftragdetails .thirdpage {margin-bottom: 10px}
#fra_tbl_auftragdetails .thirdpage table tbody tr th {display: block;}


#filter-clear-button {border: 1px solid #444}

/*Banner*/
#sidebanner{position: absolute; right: -160px; top: 0}

/*Navigation*/
#toplinks{ position: absolute; display: block; top: 0px; right: 0px; text-align: right; overflow: hidden;}
#toplinks form {display:inline;}
#toplinks .nav-frame{width: 96%; background: #1f1f1d; float:right; display: none; padding: 20px; z-index: 5}
#toplinks .box_btn:hover{background: #1f1f1d;}
#toplinks .link{color: #111; font-weight: bold; display: inline-block; text-decoration: underline; text-align: left; font-size: 12px; height: 75px; padding: 0 8px; line-height: 103px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#toplinks .link a {height: 75px; display: block;}
#toplinks a.logout{position: absolute; display: block; height: 13px; line-height: 12px; font-size: 11px; left: 0; right: 0; bottom: 4px; width: 100%; text-align: center; z-index: 5}
#toplinks .fleet {background: url(../gfx/fleet.svg) no-repeat; font-weight:bold; display: inline-block; background-size: auto 17px; background-position: center 20px}
#toplinks .employee {font-weight:bold; display: inline-block; background-size: auto 17px; background-position: center 20px}
#toplinks .myaccount {background: url(../gfx/user.svg) no-repeat; font-weight:bold; display: inline-block; background-size: auto 22px; background-position: center 17px}
#toplinks #kcchome {background: url(../gfx/kcc_searchico.svg) no-repeat; font-weight:bold; display: inline-block; background-size: auto 28px; background-position: center 12px}
#toplinks .link.cart {background: url(../gfx/cart.svg) no-repeat #e6e6e6; font-weight:bold; display: inline-block; background-size: auto 25px; background-position: center 15px; padding: 0 12px;}
#toplinks .link.cart.active{background: url(../gfx/cart.svg) no-repeat #e6e6e6; background-size: auto 22px; background-position: center 15px; position: relative;}
#toplinks #shopping_cart .items {display: none; text-indent: 0}
#toplinks #shopping_cart.active .items{position: absolute; right: 27px; top: 7px; background: #009900; color: #fff; border-radius: 10px; display: block; padding: 6px; height: 7px; line-height: 8px}
#toplinks #shopping_cart .item_cart{position: absolute; right: 24%; top: 6px; line-height: 14px; display: block; z-index: 10; background: #009900; color: #fff; padding: 4px 6px 2px 6px; border-radius: 20px}

#toplinks a:hover{text-decoration: none;}
#toplinks .logout {font-weight:normal; padding:0; width:auto;}

#toplinks .nav-frame .nav-block {display: inline-block; vertical-align: top; width: 49%; margin-bottom: 20px}
#toplinks .nav-frame .nav-block h3 {color: #ffe400; text-transform: uppercase; margin-bottom: 10px; font-size: 18px; font-style: italic;}
#toplinks .nav-frame .nav-block .nav-links {float: left; width: 35%; background: #fff; height: 215px}
#toplinks .nav-frame .nav-block .nav-links a{display: block; background-color: #fff; text-transform: uppercase; font-weight: 700; border-bottom: 1px solid #000; padding: 10px 10px; color: #1f1f1d}
#toplinks .nav-frame .nav-block .nav-links a:hover{background: #ccc}
#toplinks .nav-frame .nav-block .nav-pic{float: left; overflow: hidden;}
#toplinks .nav-frame .nav-block .nav-pic img{height: 215px; float: right;}

/***STARTSEITE***/

#startseite .shop-info{padding: 0 10px 0 50px}
.shop-info{background: #e6e6e6; margin-bottom: 10px;}
.shop-info .thirdpage {position: relative; margin: 0; background: url("../gfx/shop-info-arrow.png") no-repeat; background-position: right 35px; width: 33%!important; float: left!important}
.shop-info .thirdpage.last {background: none; width: 34%!important; margin: 0!important}
.shop-info img{display: inline-block; margin: 15px 10px 15px; vertical-align: top; float: left;}
.shop-info p {display: none}
.shop-info span {position: absolute; top: 50%; left: 175px; transform: translate(-85px, -50%); -ms-transform: translate(-85px, -50%); /* IE 9 */-webkit-transform: translate(-85px, -50%);} width: 58%}
.shop-info .thirdpage.last span{left: 175px; transform: translate(-85px, -50%); -ms-transform: translate(-85px, -50%); /* IE 9 */-webkit-transform: translate(-85px, -50%);}

.teaser .halfpage{width: 50%; margin: 0}
.teaser .halfpage img{width: 100.5%}

.bestseller {position: relative;}
.bestseller:before {content: ''; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #dadada 100%);  background: -webkit-linear-gradient(top,  #ffffff 0%,#dadada 100%);  background: linear-gradient(to bottom,  #ffffff 0%,#dadada 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); position: absolute; width: 100%; height: 250px; z-index: 0}
.bestseller h1 {font-size: 24px; color: #111; font-weight: bold; text-align: center; position: absolute; z-index: 1;  width: 90%; left: 5%; top: 35px}
.bestseller h3 {text-align: center; font-size: 16px; font-weight: bold;}
.bestseller h4 {font-size: 14px; color: #7e7e7e; text-align: center; font-weight: normal;}
.bestseller .swiper-wrapper{margin-top: 120px}
.bestseller .item {width: 33.3%; float: left; position: relative; z-index: 1}
.bestseller .item .image{max-width: 200px; height: 130px; position: relative; overflow: hidden; margin: 0 auto}
.bestseller .item .image img {position: absolute; left: 0; right: 0; margin: 0 auto; width: 100%}
.bestseller .detail {position: relative;}
.detail .seasonlabel{left: 0; right: 0; margin: 0 auto; top: -20px; height: 40px; width: 40px}
.detail .seasonlabel.winter{}
.detail .seasonlabel.summer{background-position: 0 -47px}
.detail .seasonlabel.both{background-position: 0 -98px}
.bestseller .detail .brand, .bestseller .detail .brandtext {margin: 0px auto; padding: 30px 0 10px; max-height: 30px; text-align: center;}
.bestseller .detail .brand {display: block;}
.bestseller .detail .brandtext .brandname {display: table; margin: 0 auto; background: #ddd; padding: 6px 15px; color: #666; font-size: 14px}
.bestseller .price {text-align: center; margin-top: 20px}
.bestseller .price p {font-size: 12px; color: #777777; margin-bottom: 0}
.bestseller .price .old-price{display: block; text-decoration: line-through; height: 13px; margin-top: 0px; font-size: 13px; color: #bbb}
.bestseller .price .total {font-size: 30px; color: #232323; font-weight: bold; margin: 10px 0 5px; display: block;}
.bestseller .price span{font-size: 12px; color: #232323}
.bestseller .box_btn.c2a{display: table; font-size: 13px; text-transform: none; padding: 0px 30px; margin: 10px auto 20px}

.fullservice .halfpage {padding: 0 2%}
.fullservice ul li {list-style: none; text-indent: -28px; }
.fullservice ul li:before {content: '\f00c'; color: #009900; font-family: 'FontAwesome'; font-size: 16px; margin:0 3px 0 5px}
.fullservice .worker {position: relative; margin: 10px 0}
.fullservice .worker img {border-radius: 60px; max-width: 19%; border: 1px solid #a0a0a0; margin-right: 1%}
.fullservice .worker span {display: inline-block; vertical-align: top; width: 77%; font-size: 13px; line-height: 20px; position: relative;}
.fullservice .worker span em:before{content: ''; margin-left: -8px}
.fullservice .worker span em:after{content: ''}
.fullservice .worker em{font-style: italic; font-size: 13px}
.fullservice .worker b{font-size: 13px;}
.fullservice .worker img {border-radius: 60px; max-width: 19%; border: 1px solid #a0a0a0; margin-right: 3%}

/*MainContent*/
.MainContent {position: relative;}
.halfpage:before, .halfpage:after, .thirdpage:before, .thirdpage:after, .leftrow:before, .leftrow:after, .mainrow:before, .mainrow:after{content:' '; display: table;}
.halfpage:after, .thirdpage:after, .leftrow:after, .mainrow:after {clear: both;}
.halfpage, .thirdpage {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.halfpage{width: 49.3%; display: inline-block; vertical-align: top; overflow: hidden; margin-right: 0.7%; margin-top: 10px; float: left;}
.halfpage.last{margin-right: 0%; width: 50%}
.leftrow{width: 22%; margin-right: 2%; float: left;}
.mainrow {float: left; width: 76%}
.thirdpage{width: 31%; display: inline-block; vertical-align: top; overflow: hidden; margin-right: 2%; margin-top: 10px; float: left;}
.thirdpage.last{margin-right: 0%; width: 34%}
.two.thirdpage{width: 64%;}

.infobox{background: #f3f3f3; font-size: 12px; padding: 10px; line-height: 14px; margin-bottom: 10px}
.databox{font-size: 12px; line-height: 18px; position: relative; margin-bottom: 10px}
.databox h3{height: 30px; line-height: 30px; padding-left: 15px; background: #777; color: #fff; font-size: 12px}
.databox .content {padding: 15px 15px 40px;  border:1px solid #d4d4d4; border-top: 0; font-size: 11px}
.databox a.edit {position: absolute; background: rgba(255,255,255,.6); padding: 10px 5%; right: 1px; bottom: 1px; font-size: 12px}
.databox a.edit i {margin-right: 5px}

#searchbox{width: 100%; height: 500px; position: relative; background-size: 100%; background-position: 0; background: url(../gfx/slider_summer.jpg) no-repeat;}
#searchbox.winter{background: url(../gfx/slider_winter.jpg) no-repeat; }
#searchbox.member{background: url(../gfx/slider_member.jpg) no-repeat; height:450px; }
#searchbox .title {position: relative; top: 5%; left:0; border: 0; padding-left: 2%; height:auto; overflow: hidden;}
#searchbox .title:before{display: block; background: #fff; width: 2%; height:100%; content: ''; float: left; position: absolute; left:0px; top: -2px; padding-bottom:3px;}
#searchbox .title:after{padding-right: 10px; content: ''}
#searchbox h1{color: #3e729d; background: #fff; display: inline; padding: 5px 15px 5px 0px; line-height: 38px; font-weight: normal;}
#searchbox span{padding-right: 10px}
#startseite .title h1 .editarea_norm {display: inline;}
#searchbox h2{font-size: 15px; color: #444; font-weight: bold;}
#searchbox .tire {background: url(../gfx/tire-summer.png) no-repeat; position: absolute; bottom: 0; left: 15%; height: 320px; width: 200px; z-index: 5; background-position: bottom; background-size: 100%}
#searchbox.winter .tire {background: url(../gfx/tire-winter.png) no-repeat; background-position: bottom; background-size: 100%}
#searchbox .seasonlabel {background-position: 0 -71px}
#searchbox .seasonlabel.winter{background-position: 0 0}
#searchbox .seasonlabel.both{background-position: 0 -148px}
#searchbox .searchtabs{width: 522px; margin-bottom: 38px; right: 20px; padding-left:0; position: absolute; bottom: 15px}
#searchbox .searchtabs li {list-style:none;}
#searchbox .search_row .disabled select {opacity: .4}
#searchbox.member .searchtabs{top:22px;}

.searchtabs {clear:both; position:relative;}
.searchtabs li > a {position:absolute; top: 5px; float: right; background: #a0a0a0; height: 38px; line-height: 34px; display:inline-block; color:#fff; cursor:pointer; text-align: center; width: 50%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: bold; font-size: 13px; z-index: 0;} 
.searchtabs li.active > a:hover{text-decoration: none;}
.searchtabs li.active > a {cursor:default; color:#444; border: 1px solid #ddd; top: 0; z-index: 2; border-bottom: 0; font-size: 15px}
.searchtabs li.active > a, .searchtabs > li .searchtabs_content, .searchtabs > li.active > a:hover{background:#fff; }
.searchtabs li:nth-child(2) > a {margin: 0 0 0 50%; width: 50%; border;}
.searchtabs li .searchtabs_content {overflow:hidden; position:relative; top: 38px; display:none; padding:0 3%; color: #444;  border: 1px solid #ddd; border-top: 1px solid #fff; z-index: 1}
.searchtabs li.active .searchtabs_content {display:block;}

#searchbox .smalltabs {padding-left:0; width: 100%; clear:both; position: relative;}
.smalltabs li > a {position:absolute; top: 0px; float: right; height: 38px; line-height: 38px; display:inline-block; color:#777; cursor:pointer; text-align: center; width: 50%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: bold; font-size: 13px; z-index: 0; background: #fff; border: 1px solid #444; white-space: nowrap;} 
.smalltabs li.active > a {cursor:default; color:#fff; border: none; z-index: 2; border-bottom: 0; font-size: 15px; text-decoration: none; background: #444}
.smalltabs li.active > a {background: #444; }
.smalltabs li > a:before{content: '';}
.smalltabs li.active > a:before{content: '\f00c'; font-family: 'FontAwesome'; color: #fff; margin-right: 7px}
.smalltabs li:nth-child(2) > a {margin: 0 0 0 50%; width: 50%; border;}
.smalltabs li .smalltabs_content {overflow:hidden; position:relative; top: 38px; display:none; color: #444; border-top: 1px solid #fff; z-index: 1; margin-bottom: 40px}
.smalltabs li.active .smalltabs_content {display:block;}
.smalltabs .smalltabs_content .halfpage {margin-bottom: 10px}
.smalltabs label {font-size: 12px; color: #777; display: block; padding-top: 4px; clear: both;}
.smalltabs img{display: block; float: right;}
#searchbox span.type{margin: 0px}

#searchbox .search_row{margin: 15px 0px; position: relative;}
#searchbox .search_row.nobottom{margin-bottom: 0}
#searchbox .search_row select, #searchbox .search_row input{padding: 0 0 0 2%; font-size: 16px; height: 30px; width: 100%; border: 1px solid #a0a0a0; height: 40px; line-height: 40px}
#searchbox .search_row input {height: 38px; line-height: 38px;}
#searchbox .search_btn{color: #111; text-decoration: none; text-align: center; width: 80%; margin: 15px auto 0; height: 50px; line-height: 50px;}
#searchbox hr {color: #a0a0a0; border-color: #a0a0a0; margin: 30px 0}
#searchbox .search_row a{color: #fff; text-decoration: underline;}
#searchbox .search_btn a{display: block; font-size: 18px; text-decoration: none;}
#searchbox .search_row .lastsel {margin-left: 5%}
#searchbox .search_row.size select {border-right: 0}
#searchbox .search_row .thirdpage{width: 33%; margin-right: 0; overflow: visible;}
#searchbox .search_row .halfpage {overflow: visible; margin-top: 0}
#searchbox .search_row .thirdpage.last select {border-right: 1px solid #a0a0a0 }
#searchbox .smalltabs .search_row .thirdpage.first{width: 24%}
#searchbox .smalltabs .search_row .thirdpage {padding-right: 2%; width: 36%}
#searchbox .smalltabs .search_row .thirdpage.last{padding-right: 0}
#searchbox .search_row .info a{color: #777; background: url(../gfx/help_link.png) no-repeat; font-size: 13px; margin-left: 5%; display: block; padding-left: 10%; position: relative; top: 40px; min-height: 15px; float: right;}
#searchbox .smalltabs .search_row .info a {top: 0px; float: right;}
#searchbox .search_row.season{margin: 10px 0px 0px 0px}
#searchbox .search_row.season select{width: 81%}
#searchbox .search_row:before{content:' '; display: table;}
#searchbox .search_row:after{clear: both; content:' '; display: table;}
#searchbox .search_row.vehicle .search{width: 20.5%;height: 40px; position: relative; display: inline-block; vertical-align: top; border: 1px solid #a0a0a0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 0; margin-bottom: 10px; color: #777; float: left;}
#searchbox .search_row.vehicle .search label {display: block; position: absolute; top: 43px; font-size: 12px; width: 100%; text-align: center; font-weight: bold;} 
#searchbox .search_row.vehicle .search:last-child{border-right: 1px solid #a0a0a0}
#searchbox .search_row.vehicle .search:hover{cursor: pointer}
#searchbox .search_row h3{font-size: 12px; font-weight: bold; color: #444; margin-bottom: 5px}
#searchbox .search_row.vehicle span{width: 16%; display: inline-block; padding: 0% 2% 0% 0%; font-size: 13px; font-weight: bold; color: #444; line-height: 40px; height: 40px; float: left}
#searchbox .search_row.vehicle .search.car .active path{fill: #ffe400!important;}
#searchbox .search_row.vehicle .search .colorize {display: block; position: absolute;
  top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */-webkit-transform: translate(-50%, -50%);}
#searchbox .search_row.vehicle .search.active {background: #434343; color: #434343}
#searchbox .search_row.vehicle .search.active:before{font-family: 'FontAwesome'; content: '\f00c'; position: absolute; left: 5px; bottom: 0px; font-size: 8px; color: #fff}
#searchbox .search_row.vehicle .search.active .colorize path{fill: #fff!important;}


/*Dark Layer*/
.darklayer {position: fixed; height: 100%; width: 100%; background:rgba(10, 10, 10, 0.8); display: none; z-index: 19; top: 0px; left: 0px}
.filterlayer {position: fixed; height: 100%; width: 100%; background:rgba(10, 10, 10, 0.8); display: none; z-index: 19; top: 0px; left: 0px}
.darklayer:hover, .filterlayer:hover {cursor: pointer;}

/*Filter (Mobil)*/
.filter_close_btn{display:none; height: 50px; width: 40px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; position: absolute; top: 200px; background: #ededed; z-index: 100; border: 0px!important}
.filter_close_btn:hover, .filter_close_btn:hover .ico{cursor: pointer; background-position: 0px -191px;}
.filter_close_btn .ico{background-position: 0px -191px; margin-top: 9px}


/* Colorbox Overlay CSS */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:12999999; overflow:hidden; font-size: 14px; outline:0;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; margin:26px 10px 10px; border:1px solid #000; -webkit-box-shadow:0px 0px 1px #000; -moz-box-shadow:0px 0px 1px #000; box-shadow:0px 0px 1px #000; font-size: 14px; background: #fff}
#cboxTitle{margin:0; font-size: 14px}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxClose {position: absolute; right: -1px; top: -23px; text-indent: -9999px; background: #fff; border: 0; box-shadow: none; border: 1px solid #111; border-bottom: 0; height: 24px; padding: 0; overflow: hidden;}
#cboxClose:before {text-indent: 0px; font-family: 'FontAwesome'; content: '\f00d'; color: #111; display: block; width: 24px; height: 24px; font-size: 20px; padding: 4px}
/*.cboxPhoto{float:left; margin:auto; border:0; display:block;}*/
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxOverlay{background:#000;}
#cboxLoadingOverlay{background:#fff; border-radius:3px; }
#cboxLoadingGraphic{background:url(../gfx/ajax-loader-layer.gif) no-repeat center center;}
#cboxContent img.captcha{width: 225px; height: 70px}
/*ColorBox*/
#cboxLoadedContent {margin: 10px; -webkit-overflow-scrolling: touch;}
#cboxLoadedContent .goodbox {background: #fff; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#cboxLoadedContent .goodbox .field {display: block;}
#cboxLoadedContent .goodbox .field .twitter-typeahead {display: block!important;}
#cboxLoadedContent .center.details {max-width: 225px}
#cboxLoadedContent .prev_next { margin-bottom: 5px; display: block;}
#cboxLoadedContent .prev_next .box_btn {height: 36px; line-height: 36px}
#cboxLoadedContent .prev_next .box_btn.half {width: 49%; text-align: center;}
#cboxLoadedContent hr{margin: 0; height: 1px}

#footer_pop{display: none;}
#footer_pop.prev_next{width: 100%; margin: 0 auto; text-align: center; display: none; margin: 10px 0; min-height: 38px}
#delaySelector {margin: 10px 0}

#appointmentLayer .fill-info{background: #f3f3f3; min-height: 360px}
#appointmentLayer.checkout {padding: 0;}
#appointmentLayer h2{background: #fff; padding-bottom: 5px}
#appointmentLayer h3{margin-top: 14px}
#appointmentLayer .content {padding: 10px}
#appointmentLayer .choice {white-space: nowrap;}
#appointmentLayer .datepicker {margin: -2px 0 0; white-space: nowrap;}
#appointmentLayer .datepicker .selectbox.date:before {top: 0;}
#appointmentLayer input[type=radio] + label {display: inline-block;}
#appointmentLayer .picker {font-size: 15px}
#appointmentLayer .infobox {font-size: 14px}
#appointmentLayer .new-service .option-select {float: none; display: block; margin-bottom: 10px}
#appointmentLayer .service-date .order-callback.textinput {margin-left: 30px}
#changeAppTxtPhone1 {width: auto;}
#btnChangeCallbackChoice {display: inline-block; width: auto;}
#appointmentLayer .order-callback.textinput{float: left;}
#appointmentLayer.service-date .datepicker .selectbox input[type=text]{width: auto;}


.basket h1 .fa{font-size: 24px; margin-right: 10px}
.servicecard .content{margin: 0px auto; display: table; position: relative; padding: 0 40px; font-size: 12px}
.servicecard .arrows, .servicecard .center{display: inline-block;}
.servicecard .arrows {color: #ffe400; font-size: 20px; position: absolute; white-space: nowrap; top: 5px}
.servicecard .arrows.left{left: -12px}
.servicecard .arrows.right{right: -12px}
.servicecard .box_btn {margin-left: 10px; height: 28px; line-height: 28px; font-weight: bold;}
.servicecard .mobile-line {display: inline-block;}

.forgotpass .send .box_btn{margin: 10px auto; display: table;}

/* CHECKOUT */

/* Progress - Checkout */
.checkout-header{margin-bottom: 10px}
.checkout-header #toplinks .link.cart {margin-top: 5px}
.checkout-header #toplinks .link.cart {background: url(../gfx/cart.svg) no-repeat #fff; font-weight:bold; display: inline-block; background-size: auto 25px; background-position: center 15px; padding: 0 12px;}
.checkout .breadcrumb {margin: -20px 0 20px}
#progress .step{float: left; width: 25%; text-align: center; background: #e6e6e6; font-size: 13px; color: #111; font-weight: bold; border-right: 3px solid #fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; position: relative;} 
#progress .step.last{border: 0}
#progress .ico{background: url(../gfx/icons_progress.svg) no-repeat; height: 20px; background-size: 30px auto; height: 45px; line-height: 45px; display: inline-block; text-indent: 35px; opacity: .5}
#progress .step.active {background: #d4d4d4; color: #111}
#progress .step.active .ico {opacity: 1}
#progress .step.closed{color: #009640;}
#progress .step.closed .ico{opacity: 1;} 
#progress .ico.ship{background-position: 0px 10px}
#progress .ico.login{background-position: 0px -22px}
#progress .ico.pay{background-position: 0px -54px}
#progress .ico.all{background-position: 0px -90px}
#progress .step.closed .ico.ship{background-position: 0px -129px}
#progress .step.closed .ico.login{background-position: 0px -162px}
#progress .step.closed .ico.pay{background-position: 0px -195px}
#progress .step.closed .ico.all{background-position: 0px -230px}
.tire_hotel #progress .ico {}
.tire_hotel #progress .ico.ship {}


/*** CHECKOUT - 1. Lieferung/Montage ***/
.checkout {padding: 30px}
.checkout h1 span {font-size: 20px; font-weight: bold;}
.checkout h1 .visible-xs{font-size: 16px; text-align: center;}
.checkout .label-option{display: block; background: #f3f3f3; width: 100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;  padding: 30px 45px; margin-top: 10px; opacity: .7; position: relative;}
.checkout .label-option:before {content: ''; background: #fff; border-radius: 20px; height: 13px; width: 13px; border: 2px solid #333; position: absolute; left: 20px; font-family: 'FontAwesome'}
.checkout .label-option.checked:before {content: '\f192'; border: 0; font-size: 20px}
.checkout .label-option.selected{border-right: 5px solid #d4d4d4; border-left: 5px solid #d4d4d4;}
.checkout .label-option .top span strong {font-size: 18px}
.checkout .label-option .top span {display: inline-block; margin-bottom: 11px; position: relative; top: 1px}
.checkout .label-option .info{float: right; border-left: 1px solid #d4d4d4; padding-left: 6%; font-size: 14px; margin-bottom: 10px; margin-right: 8%}
.checkout .shipping_home .label-option .info {width: 192px}
.checkout .shipping_home .label-option.checked .info {width: 187px}
.checkout .label-option .info ul li {list-style: none; margin-bottom: 10px}
.checkout .label-option .info ul li:before{content: ''; color: #fff; background: #111; border-radius: 14px; display: inline-block; padding: 3px 7px 1px; position: relative; top: -1px; margin-right: 10px}
.checkout .label-option .info ul { margin-top: 10px; background: url(../gfx/info-arrow.png) no-repeat; background-position: 8px 9px; margin-left: -22px}
.checkout .label-option .info ul li:nth-child(1):before{content: '1'}
.checkout .label-option .info ul li:nth-child(2):before{content: '2'}
.checkout .label-option .info p {font-size: 12px; width: 300px; white-space: normal;}
.checkout .label-option .info .fa-info-circle {margin-right: 10px; font-size: 18px}

.checkout .label-option .fullservice {margin-bottom: 10px}
.checkout-step {background: #d4d4d4; position: relative; margin-bottom: 10px; display: none;}
.checkout-step.active, .checkout-step.done, .checkout-step.not-available {display: block;}
input[type=radio]:checked+.label-option{border-right: 5px solid #d4d4d4; border-left: 5px solid #d4d4d4; opacity: 1}
.label-option.checked .checkout-step.location {display: block; }
.checkout-step h3{font-size: 16px; font-weight: bold; margin: 10px 0}
.checkout-step input[type=text], .checkout-step input[type=tel] {border: 0; height: 36px; display: inline-block; line-height: normal;}
.checkout-step select {border: 0; height: 36px; display: inline-block; line-height: normal; font-size: 13px; }
.checkout-step .datepicker select {color: #009640; font-weight: bold!important;}
.picker__button--close:before {display:none;}
.checkout-step .step-ico {font-family: 'FontAwesome'; height: 45px; width: 45px; background: #111; color: #fff; line-height: 45px; text-align: center; font-size: 24px; position: absolute; left: 0; top: 0}
.checkout-step .step-ico:before{content: '\f178';}
.checkout-step.done .step-ico {background: #009640; }
.checkout-step.done .step-ico:before {content: '\f00c'}
.checkout-step .fa-angle-down {display: none;}
.checkout-step .more-shops .fa-angle-down {display: inline-block;}
.checkout-step.done .fa-angle-down {height: 45px; width: 45px; position: absolute; right: 0; top: 0; font-size: 30px; text-align: center; line-height: 45px; display: block;}
.checkout-step .content {display: none; position: relative; padding: 20px 45px}
.checkout-step.active .content {display: block;}
.checkout-step .topbar{min-height: 45px; line-height: 45px; display: inline-block; width: 100%; background: #ffe400; padding-left: 55px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.checkout-step .topbar.disabled {background: #d4d4d4; color:#7e7e7e;}
.checkout-step .topbar.disabled .box_btn {background: #bbb; color:#7e7e7e; border: 1px solid #bbb;}
.checkout-step .step-ico.disabled {background: #bbb;}
.checkout-step .topbar .title {font-weight: bold; display: inline-block; width: 30%; margin-bottom: 0; vertical-align: top;}
.checkout-step .topbar .title_branch_mkfiliale {font-weight: bold; display: inline-block; width: 30%; margin-bottom: 0; vertical-align: top;}
.checkout-step .topbar .title_branch_rating {font-weight: bold; display: inline-block; width: 30%; margin-bottom: 0; vertical-align: top;}
#stepAppointment .not-available {margin-left: -1.6%}
#stepAppointment .fa-info-circle {font-size: 16px}
.checkout-step .topbar .box_btn {position: relative; top: 0px }
#stepAppointment .date-selector {position: absolute; top: -43px; left: 34.5%}
#stepBranch{display: block;}
.show_mobile{display: none;}

/*1. Filiale auswählen*/
.checkout-step .topbar .location-search{display: inline-block; white-space: nowrap; position: relative; width: 27%}
.checkout-step .topbar .location-search:before{content: '\f002'; font-family: 'FontAwesome'; position: absolute; left: 10px; color: #bbb; top: -1px}
.checkout-step .topbar .location-search input{width: 67%; padding: 1%; font-size: 14px; font-weight: bold!important; text-align: center;}
.checkout-step .topbar .location-search input::-webkit-input-placeholder {font-weight: normal!important}
.checkout-step .topbar .location-search input::-moz-placeholder {font-weight: normal!important}
.checkout-step .topbar .location-search input:-ms-input-placeholder {font-weight: normal!important}
.checkout-step .topbar .location-search input:-moz-placeholder {font-weight: normal!important}
.checkout-step .topbar .or{margin: 0 3.5%; font-weight: bold;}
.checkout-step .topbar .location-search .box_btn{border-left: 0; margin-left: -5px}
.checkout-step .topbar .marker{margin-bottom: 5px}
.checkout-step .topbar .info-filled{display: none; line-height: 20px; padding: 12px 10px 10px 0}
.checkout-step .fa-map-marker{font-size: 18px; margin-right: 5px}
.checkout-step.location {background: #fff}
.checkout-step.location.mkfiliale {background: #f3f3f3; font-size: 13px !important}
.checkout-step.location.rating {background: #f3f3f3; font-size: 13px !important}
.checkout-step.location .content{padding: 0}
.checkout-step .shop-list .shop input {display: none;}
.checkout-step .shop-list h5{font-size: 13px}
.checkout-step .shop-list .shop {display: block; margin: 0 15px 15px; border-bottom: 1px solid #d4d4d4; padding: 15px 0}
.checkout-step .shop-list .shop h4{text-transform: none; font-weight: bold; font-size: 14px; margin-bottom: 0}
.checkout-step .shop-list .shop h5 {font-weight: bold;}
.checkout-step .shop-list {width: 35%; max-height: 98%; overflow: auto; position: absolute; left: 0; top: 0; background: #fff}
.checkout-step .shop-list .distance {font-size: 13px; position: relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-left: 15px}
.checkout-step .shop-list .details {margin: 15px 0;}
.checkout-step .shop-list .distance, .checkout-step .shop-list .more-info {width: 50%; float: left; font-size: 13px}
.checkout-step .shop-list .distance .fa-map-marker {position: absolute; left: 0px; top: -1px}
.checkout-step .content .map {width: 65%; margin-left: 35%; overflow: hidden;}
.checkout-step .content .map .googlemapstest {height: 350px;}
.checkout-step .shop-list .more-info {font-weight: bold; text-align: right;}
.checkout-step .shop-list .more-info .fa-info-circle {margin-right: 5px; font-size: 18px}
.checkout-step .topbar .info-filled .chosen-shop{display: inline-block; width: 68%}
.checkout-step .topbar .info-filled .change-info .fa{margin-right: 5px;}
.checkout-step .topbar .info-filled .change-info {font-weight: bold; display: inline-block;}

.checkout-step .shop-list .locate{margin: 0 auto; display: table;}
.checkout-step .shop-list .more-shops, .checkout-step .shop-list .less-shops {text-align: center; font-size: 13px; cursor:pointer}
.checkout-step .shop-list .less-shops {display: none}
.checkout-step .shop-list .more-shops .fa, .checkout-step .shop-list .less-shops .fa{font-size: 50px; margin: -10px 0 0}

.checkout-step.done .topbar .fill-info{display: none;}
.checkout-step.done .topbar{background: #d4d4d4; padding-right: 45px;}
.checkout-step.done .topbar .info-filled{display: block;}

#basketContent .branding td{border-top: 1px solid #d4d4d4; padding-top: 30px;}
#basketContent .itemlist .brandtext span {background: #fff; padding: 0}
#basketContent .itemlist .article h3{margin-top: 3px; font-size: 20px}
#basketContent .subtotal, #basketContent .shipping {display: none;}
#basketContent tfoot .halfpage {margin-top: 0; width: 60%; max-width: 390px}
#basketContent .itemlist tfoot td {padding-right: 25px; padding-top: 30px; padding-bottom: 30px;}
#basketContent .itemlist .fullsize-pic img {display: none;}
#basketContent .bottomrow{display: none;}
#basketContent .cokis-distance td {border-left: 1px solid #d4d4d4; padding: 0}
#basketContent .itemlist tbody.product.cokis.found-rim.complete_pos .branding td{border-top: 1px solid #d4d4d4}
#basketContent .itemlist tbody.product.cokis.complete_pos .branding td{border-top: 0}
#basketContent td.car_select {border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; padding-top: 10px}
#basketContent .itemlist thead th:first-child {border-left: 1px solid #d4d4d4}
#basketContent .itemlist thead th:last-child {border-right: 1px solid #d4d4d4}
#basketContent .itemlist .brandtext {margin-bottom: -5px}
#basketContent .itemlist .seasonlabel {top: 3px;}
#basketContent .itemlist .item .article {height: auto;}
#basketContent .itemlist .item td{padding-bottom: 30px !important}


/*2. Service-Dienstleistungen*/
.service-select{margin: 10px 0; width: 100%; white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; font-size: 0}
.service-select .service-item{height: 160px; width: 175px;background: #fff; border-right: 1px solid #ccc; padding: 15px; display: inline-block; vertical-align: top; white-space: normal; font-size: 13px }
.service-select .service-item h4{height: 28px; overflow: hidden; line-height: 14px; text-transform: none;}
.service-select .service-item p{margin: 5px 0; height: 32px; overflow: hidden; line-height: 12px}
.service-select .service-item input[type=number]{height: 38px;width: 48px; border: 1px solid #d4d4d4;margin-right: 15px; text-align: center; padding-left: 0px}
.service-select .service-item .price {display: inline-block; font-size: 26px; font-weight: bold; float: right; margin-top: 5px; line-height: 28px; height: 28px}
.service-select .service-item .price.saled-price{line-height: 12px;font-size: 12px}
.service-select .service-item .price.saled-price .discount{float: right; margin-top: -5px; margin-bottom: 6px; color: #bbb; text-decoration: line-through;}
.service-select .service-item .price.saled-price .newprice{font-size: 24px}
.service-select .service-item .box_btn{margin-top: 10px; font-size: 11px; padding: 0; width: 100%; font-weight: bold; text-align: center;}
.service-select .service-item.hidden {display: none;}
.service-select .service-item .txt_tire_quantity {    display: inline-block; width: 30px; height: 39px; font-size: 20px; line-height: 40px; font-weight: bold; text-align: center; margin-right: 25px}

/*Warenkorb-Übersicht*/
.checkout.basket .itemlist .fullsize-pic img{max-width: 110px; max-height: 110px; float: left; position: absolute; left: 30px; top: 20px; display: inline;}
.checkout.basket .itemlist .fullsize-pic img.basket { top:-8px; }
.checkout.basket .itemlist .branding .fullsize-pic img {max-width: 110px; max-height: 120px}
.checkout.basket .itemlist .bottomrow .leftinfo{padding-bottom: 25px; padding-left: 185px; height: auto;}
.checkout.basket .itemlist .bottomrow img.pic{display: none;}
.checkout.basket .itemlist .item .article, .checkout.basket .itemlist .branding td {position: relative;}
.checkout.basket .itemlist .item .article, .checkout.basket .itemlist .branding td {padding-left: 185px}
.checkout.basket .basket_quantity .fa-refresh, .checkout.basket .basket_refresh .fa-refresh{line-height: 35px; height: 35px; margin-top: -7px}
.box_btn.leftspace{padding-left: 30px; line-height: 42px; height: 42px}
.checkout .continue-box {line-height: 40px}
.checkout.basket h1 span {line-height: 34px}
.checkout .box_btn.c2a.right{line-height: 40px; height: 42px}
#coupon {width: auto; min-width: 200px; width: 68%}
#btnAddCoupon {margin-left: -4px; position: relative; top: 1px; float: none;}

/*3. Montage-Termin wählen*/
.checkout-step.add-service .next-montage {display: table; margin: 0 auto; height: 55px; line-height: 55px; padding: 0 30px; font-size: 16px}
.checkout-step .no-date-available {display: none}
.checkout-step .content.new-service{display: none}
.service-date .datepicker {display: inline-block;}
.service-date .datepicker {margin-left: -20px}
.checkout-step.service-date .content {padding-left: 58px; padding-top: 10px}
.checkout-step.service-date .content.new-service {padding-left: 33.5%}
.new-service h3{margin: 0 0 10px}
.new-service input[type="checkbox"] + label {display: inline;}
.new-service input[type="checkbox"] + label:before, .option-select .choice input[type=checkbox] + label:before {color: #111; left: -20px; content: ' '; background: #fff; border: 1px solid #bbb; display: block; height: 16px; font-size: 16px}
.new-service input[type="checkbox"]:checked + label:before, .option-select .choice input[type=checkbox]:checked + label:before {content: '\f00c'}
.new-service .option-select{display: inline-block; float: left; margin: 3px 30px 0 0}
.checkout-step input[type=text]#callbackPhoneChoise {height: 35px}
.service-date .datepicker .selectbox{display: inline-block; margin-top: 3px}
.service-date .order-callback.textinput {margin-left: 20px}
.service-date .datepicker .selectbox select {text-align: center; text-align-last: center; margin-right: 20px}
.service-date .datepicker .selectbox input[type=text] {text-align: center; padding: 0; width: 210px; margin-right: 10px}
.service-date .datepicker .selectbox input[type=text], .service-date .datepicker .selectbox select {font-weight: bold!important; color: #009646;}
.service-date .datepicker .selectbox {position: relative; }
.service-date .datepicker .selectbox select{background: url('../gfx/ico_time.svg') no-repeat #fff; background-size: 36px; background-position: left; padding-left: 43px; width: 140px}
.service-date .datepicker .selectbox select:disabled{background: url('../gfx/ico_time.svg') no-repeat #ddd; background-size: 36px; background-position: left;}
.service-date .datepicker .selectbox.date:before{content: ''; background: url('../gfx/ico_calendar.svg') no-repeat #111; height: 36px; width: 36px; display: inline-block; background-size: 20px 20px; background-position: center; vertical-align: top; top: 0px; float: left;}



.option-select {margin: 8px 0}
.option-select .choice{display: block; margin-bottom: 10px; padding-left: 20px; line-height: 22px}
.option-select .choice.hidden{display: none;}
.option-select .choice a {margin-left: 10px; text-indent: 0}
.option-select .choice input[type=radio] + label:before {position: absolute; left: -20px}
.order-callback input[type=text], .order-callback input[type=tel]{width: 130px}
#btnBookAppointment{top: 1px; height: 36px}
.checkout-step.not-available .fill-info .datepicker, .checkout-step.not-available .fill-info .reservate{display: none}
.checkout-step.not-available .fill-info .no-date-available {display: inline; margin-left: -15px}
.checkout-step.not-available .content.new-service{display: block; padding: 5px 45px 20px 33.5%}
.checkout-step.not-available .content.new-service.no-callback{display: none!important;}

.helpbox {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width: 100%; padding: 20px; border: 1px solid #ddd;position: relative;}
.helpbox a{font-weight: bold;}
.helpbox p{margin: 10px 0 0}
.checkout .helpbox {padding-left: 120px}
.checkout .helpbox:before{content: '?'; font-size: 30px; width: 85px; position: absolute; left: 0; top: 0; text-align: center; display: block; border-right: 1px solid #ddd; height: 100%; line-height: 80px}


/*** CHECKOUT - 2. Anmeldung ***/

/*1. Benutzerdaten*/
.goodbox {background: #f3f3f3}
.goodbox .topbar{background: #ffe400; font-weight: bold; font-size: 16px; text-align: center; height: 40px; line-height: 40px}
.goodbox h3{margin: 20px 0 10px; font-size: 14px}
.goodbox .section{display: none;}
.goodbox .section .content .halfpage{width: 47%; margin-right: 3%}
.goodbox .section .content .halfpage.last{margin: 10px 0 0 3%}
.goodbox .section.active {display: block;}
.goodbox .content {padding: 20px 30px;}
.goodbox .content input[type=text], .goodbox .content select{width: 100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; height: 38px; line-height: 38px; border-color: #d4d4d4}
.goodbox .content .box_btn.c2a{min-width: 200px; text-align: center; margin: 0px auto; display: block; top: 1px}
.goodbox .content .field{width: 100%; margin-bottom: 10px}
.goodbox .content .field a {font-weight: bold;; font-size: 12px; margin-top: 5px; display: block;}
.required {float: right; font-size: 11px; color: #777}
.goodbox .content .step {margin-bottom: 20px; font-weight: bold; font-size: 16px}
.goodbox .content .step:before{background: #232323; border-radius: 14px; color: #fff; text-align: center; margin-right: 10px; display: inline-block; padding: 2px 6px 1px; font-weight: bold;}
.goodbox .userdata .step:before{content: '1';}
.goodbox .userdata #checkRegisterEmail {margin: 0; width: 50%; top: 0; min-width: inherit;}
.goodbox .userdata #registerEmailForm {margin: 0; width: 49.3%}
.goodbox .userdata .thirdpage.two.last {width: 67%}
.goodbox .payment .step:before{content: '2';}
.goodbox .payment .cardata .step:before{content: '3';}
.goodbox .more-info .step:before{content: '4';}
.goodbox .content .tag {font-size: 13px; margin-right: 10px}
.goodbox .userdata .content span {display: inline-block; margin-right: 10px; height: 40px; line-height: 40px}
.goodbox .box_btn.c2a .fa-long-arrow-right {margin-left: 10px}
.goodbox.commentbox{background: none}
.goodbox.commentbox textarea {width: 100%}
.goodbox .content #checkoutLogin .field{margin-bottom: 20px}

/*2. Rechnung */
.lineput {white-space: nowrap; position: relative; min-height: 38px}
.lineput input[type=text]{height: 36px; line-height: 36px; width: 100%; border-color: #d4d4d4; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

.formular .street .field, .formular .location .field{float: left;}
.formular .street .name{width: 65%; margin-right: 2%}
.formular .street .number{width: 33%}
.formular .location .zip{width: 33%; margin-right: 2%}
.formular .location .city{width: 65%}

.pre, .aft{float: left;}
.pre{width: 38%; margin-right: 2%;}
.aft{width: 60%; font-weight: bold;}
.line .fa{font-size: 18px; margin-left: 5px; position: relative;}
.line .tipps {float: right;; margin:10px 2% 0 0; width: 58%}
.splitform {padding: 10px 20px; position: relative;}
.splitform h4 {font-size: 14px; text-transform: none; line-height: 30px; margin-bottom: 22px}
.splitform .line{margin-bottom: 20px;}
.splitform .halfpage .line:last-child{margin-bottom: 0}
.splitform .halfpage {border-right: 1px solid #d4d4d4; padding-right: 3.5%}
.splitform .halfpage.last{padding: 0 0 0 3.5%; border: 0}
.splitform ::-webkit-input-placeholder {color: #ccc; font-size: 10px}
.splitform .box_btn {font-weight: bold;}
.splitform .box_btn .fa{margin-left: 0; position: relative;}
.splitform .fa-plus{top: 2px}
.splitform .fa-comment{top: -1px; font-size: 17px}
.splitform :-moz-placeholder { /* Firefox 18- */color: #ccc; font-size: 10px}
.splitform ::-moz-placeholder {  /* Firefox 19+ */color: #ccc; font-size: 10px}
.splitform :-ms-input-placeholder {color: #ccc; font-size: 10px}
#deliveryContent{margin-top: 20px; border-left: 1px solid #ccc;padding-left: 20px}


/*3. Fahrzeugdaten*/
.cardata .plate .license {height: 52px; border-radius: 3px; border: 1px solid #777; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-left: 40px; max-width: 320px}
.cardata .plate .license.german{background: url(../gfx/licenseplate-ger.png) no-repeat #fff;}
.cardata .plate .license.austria{background: url(../gfx/licenseplate-aus.png) no-repeat #fff;}
.cardata .plate .license.norway{background: url(../gfx/licenseplate-nor.png) no-repeat #fff;}
.cardata .plate .license.switzerland{background: #fff; padding-left: 12px}
.cardata .plate .license input {vertical-align: top; margin-top: 7px; font-size: 24px;}
.cardata .plate .license .plate-city{width: 27%; text-transform: uppercase;}
.cardata .plate .license .plate-city.bigno{width: 53%}
.cardata .plate .license img {width: 9%; vertical-align: bottom; max-width: 20px; margin-bottom: 2px}
.alternate {text-transform: uppercase}
.cardata .plate .license.austria img {position: relative; top: 11px}
.cardata .plate .license.switzerland img {position: relative; top: -3px; margin-right: 5px}
.cardata #storageNo {border-color: #888}
.other .field label{margin-bottom: 13px}


/*Delivery*/
#deliveryContent {display: none}
#delivery:checked+label #deliveryContent {display: block;}

/* 4. Weitere Angaben */

.more-info .create-account .row {display: none; margin-top: 15px}
.more-info .create-account input[type="radio"]:checked+label .row {display: block;}
.select-area label {display: block; margin-bottom: 10px;}
.select-area {margin-left: 21px}
.select-area input[type='radio'] + label:before , .select-area input[type='checkbox'] + label:before {left: -21px}


/*** CHECKOUT - 3. Zahlungsart ***/
.payment-option {padding: 20px 10px 10px 50px; background: #f3f3f3; margin-bottom: 10px}
.payment-option.inactive {opacity: .4}
.payment-option.inactive img{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } 
.payment input[type="radio"]:checked+label {border-left: 5px solid #d4d4d4; border-right: 5px solid #d4d4d4; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding: 20px 5px 20px 45px;}
.payment-option .title{display: inline-block; line-height: 22px; font-size: 18px; font-weight: bold; margin: 0 10px 10px 0}
.payment-option .pay-icon {vertical-align: top; display: inline-block; margin: -5px 10px 10px 0px}
.payment-option:before {left: 25px;}
.payment input[type="radio"]:checked+label:before{left: 20px}
.payment-icon{display: inline-block; vertical-align: top;}

#location-loader {position:relative;left:12px;top:6px;width:24px;height:24px;}

#errorText, #errorTextZip, #errorTextPopup {background: #DB4F60; border:1px solid #DB4F60; padding: 8px; color: #fff; display:block; margin:0 0 20px 0; display:none; font-size:1.15em;}
#errorText label { display:block; cursor:help; padding-bottom:5px; top:0; }
#errorText label:last-child { padding-bottom:0;}


/*** CHECKOUT - 4. Bestellübersicht ***/

.itemlist {margin-bottom: 20px; background: #fff;}
.itemlist th {height: 30px; line-height: 30px; background: #777; color: #fff; font-size: 12px; font-weight: bold; text-align: center;}
.itemlist th:nth-child(1){padding: 1px 25px; text-align: left;}
.itemlist th:nth-child(3){padding-right:30px !important;}
.itemlist .item {position: relative; z-index: 2}
.itemlist .item td:last-child{border-right: 1px solid #d4d4d4}
.itemlist .item > td {padding: 0 25px 5px}
.itemlist .item td.price, .itemlist .item td.amount, .itemlist .item td.total {line-height: 20px; vertical-align: top; font-weight: bold; font-size: 18px; position: relative; white-space: nowrap;}
.itemlist .item.saled-price td.price, .itemlist .item.saled-price td.amount, .itemlist .item.saled-price td.total {line-height: 30px}
.itemlist .brandtext span{display: table; background: #ddd; padding: 6px 15px; color: #666; font-size: 14px}
.itemlist .item td.price {text-align: center;}
.itemlist .item td.total span.smalltxt {font-size: 14px}
.itemlist .item td.total {text-align: center;}
.itemlist .item td.price .ausgangspreis{right: 15px}
.itemlist .item td.amount, .itemlist .item td.amount, .itemlist .item td.total {white-space: nowrap;}
.itemlist .item td.amount{font-weight: normal; text-align: center;}
.itemlist .item td.amount input {width: 55px; height: 36px; text-align: center; border: 1px solid #d4d4d4; padding: 0; margin-top: -8px; margin-right: 24px}
.itemlist .seasonlabel{position: relative; display: inline-block; height: 26px; width: 25px; vertical-align: bottom;}
.itemlist .seasonlabel.winter{}
.itemlist .seasonlabel.summer{background-position: 0 -29px}
.itemlist .seasonlabel.both{background-position: 0 -61px}
.itemlist h3 span {margin-right: 10px}
.itemlist h4 {text-transform: none; font-weight: normal;}
.itemlist h4 span{color: #777; font-weight: normal; margin-right: 10px; display: inline-block;}
.itemlist .item .article {border-left: 1px solid #d4d4d4; height: 65px; vertical-align: top;}
.itemlist .item .article .brand {height: 21px; margin-bottom: 5px}
.itemlist .item .article .brand {max-height: 21px}
.itemlist .item .article .more-detail {display: block; margin-top: 10px}
.itemlist .item .amount .fa{color: #777}
.itemlist .item .amount .fa:hover{cursor: pointer; color: #232323}
.itemlist .item .total {border-right: 1px solid #d4d4d4; text-align: left; padding-left: 35px}
.itemlist .bottomrow .leftinfo {margin-top: 20px; height: 170px; position: relative; padding-left: 160px; border: 1px solid #d4d4d4; border-top: 0; border-right: 0}
.itemlist .bottomrow td{padding: 0}
.itemlist .bottomrow .rightinfo {border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4}
.itemlist .bottomrow .leftinfo img.pic{max-height: 130px; max-width: 130px; float: left; position: absolute; left: 20px; top: 10px}
.itemlist .bottomrow .info{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border: 1px solid #d4d4d4; padding: 10px; background: #f3f3f3;  font-size: 12px; margin-bottom: 10px; display: inline-block; width: 100%;}
.itemlist .bottomrow .info.date{height: 76px;}
.itemlist .bottomrow .info.date:before{content:'\f073'; font-family: 'FontAwesome'; height: 36px; width: 36px; font-size: 20px; text-align: center; line-height: 36px; color: #009400; display: inline-block; position: relative; top: 3px; left: 5px}
.itemlist .bottomrow a.delete {display: block;}
.itemlist tfoot td{padding: 15px; background: #f3f3f3; border: 1px solid #d4d4d4; border-top: 0}
.itemlist tfoot td.servicecard {background: #fff; padding: 5px 15px}
.itemlist tfoot .halfpage {padding: 0 0 0 7%; float: right; margin: 10px 0 0 0}
.itemlist tfoot .halfpage.last{padding: 0 7% 0 0; border-right: 1px solid #d4d4d4;}
.itemlist tfoot .halfpage span {float: right;}
.itemlist tfoot .subtotal {margin-bottom: 2px}
.itemlist tfoot .shipping {font-weight: bold; color: #009640; margin-bottom: 10px}
.itemlist tfoot .total label, .itemlist tfoot .total span {font-size: 18px; font-weight: bold;}
.itemlist tfoot .lineput input[type=text]{font-size: 11px; line-height: 37px; height: 37px}
.itemlist .branding td{border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;}
.itemlist .branding img{max-height: 30px; margin-bottom: 7px}
.itemlist .brandtext {margin-bottom: 7px}
.itemlist .ausgangspreis {font-size: 12px; top: 10px; color: #bbb; font-weight: normal; text-decoration: line-through; line-height: 0px}
.itemlist td.total .ausgangspreis {right: 15px}
.itemlist tbody tr:first-child td:first-child{padding-top: 30px; padding-left: 25px}
.itemlist .service-info {margin: 10px 0}
.itemlist .service-item td {position: relative; top: -1px; border-top: 1px solid #fff}
.checkout.basket .itemlist .additional.product .fullsize-pic img.pic, .checkout.basket .itemlist .notire.product .fullsize-pic img.pic {top: -23px; max-height: 110px; left: 30px}
.checkout.overview .fullsize-pic {display: none;}
.checkout.overview .content.cardata{padding: 15px; background: #f3f3f3; border: 1px solid #d4d4d4; border-top: 0; margin-top: -20px; margin-bottom: 20px}
.checkout.overview .content.cardata .halfpage.last.other{padding: 0 0 0 7%}
.checkout.overview .itemlist th:nth-child(3){text-align: center !important;}
.itemlist tbody:first-of-type tr td.car_select {padding-top: 0!important;}
.itemlist tbody:first-of-type tr td:first-of-type{border-top: 0!important}
.itemlist tbody.cokis .found-rim{}


.basket_quantity, .basket_refresh{position: absolute; right:7px;}

.box_btn.buy_btn {height: auto; padding: 0px 40px; font-size: 20px}
#btnBuy {width: auto; font-size: 18px; padding: 0 80px; height: 46px; line-height: 46px}

/*Detail-Pop-Up Overview*/
.whiteBody .product.article {float: left; width: 37%}
.whiteBody #description {float: left; width: 63%}
.whiteBody .product.article .two.thirdpage{width: 98%}
.whiteBody .product .premium {display: block; margin-left: 0}
.whiteBody .details h3 {margin: 10px 0}
.sp-wrap {max-width: 100%}
.productdetail_popup .tire_data{float: none;}
.productdetail_popup .full-label-detail {width: auto; float: none; }
.productdetail_popup .labelling_detail {margin-bottom: 20px}


/* CHECKOUT - THANK YOU*/
.completed.title_banner{overflow: hidden; background: #fff; position: relative;}
.completed.title_banner h1{background: rgba(255, 255, 255, .7); color: #000; position: absolute; bottom: 15px; left: 0; padding: 10px 10px 10px 30px; left: auto; display: table; float: right; width: auto;}
.completed.title_banner .fa{margin-right: 10px;}
.completed.title_banner img {height: auto; width: 100%;}


/** REIFENSUCHE **/
.tire_search .title_banner h1{left: 2%; padding: 3% 15px 1% 10px; top: 0; bottom: auto}
.title_banner .warning {position: absolute; left: 35%; top: 15px; padding: 0 10px; color: #fff; border-left: 1px solid #fff; z-index: 1}
.title_banner .ico_warning {background-size: 20px; font-size: 16px; color: #ffe400; line-height: 23px; padding-left: 23px}
.title_banner .ico_warning:before{content: '\f071'; font-family: 'FontAwesome'; margin-right: 7px; margin-left: -23px}
.search_form .search_row {margin-top: 10px; border-bottom: 1px solid #ededed; padding-bottom: 10px; white-space: nowrap; }
.search_form {padding: 0 10px}
.search_form .search_row > div {display: inline-block;} 
.search_form .search_row span:first-child {margin: 0; min-width: 100px; }
.search_form .search_row span {display: block;}
.search_form .search_row.add_info span {margin-right: 10px; display: inline-block; } 
.search_form .search_row select {margin: 5px 20px 0 0; width: 190px; }
.search_form .rightpanel {float: right; top: 0px; right: 0px; width: 230px; }
.search_form .rightpanel .panelbox.tire_help {background: #eee; padding: 10px; border-left: 10px solid #fff; border-bottom: 10px solid #fff;}
.search_form {position: relative; margin: 10px 0px; padding-bottom: 5px; }
.search_form .rightpanel .panelbox.tire_help img {width: 35%; display: inline-block; vertical-align: top; float: left;}
.search_form .rightpanel .panelbox.tire_help p {width: 65%; display: inline-block; vertical-align: top; font-size: 15px; margin-top: 5px; color: #111; float: left;}
.search_form .rightpanel .panelbox.tire_help .box_btn {text-align: center; font-size: 15px; margin: 10px 0 0; padding: 0; width: 100%; }
.search_form .search_row .or{font-size: 12px; padding: 0px 10px 0px; background: #ededed; margin: 0px 15px 0px 0px; position: relative; font-style: italic; vertical-align: bottom; font-weight: 100; line-height: 36px; }
.attention{background: #ffe400!important; padding: 5px 10px; margin-bottom: 10px}
#searchButtonHsnTsn {float: right; margin-left: 10px}
#searchButtonHsnTsn .fa {margin: 0 0 0 10px; font-size: 15px}
#ergebnisliste th {text-align: left; font-weight: bold; padding: 0 5px}
#ergebnisliste td{padding: 5px}
#ergebnisliste .compatible tr.l1 td:last-child, #ergebnisliste .compatible tr.l0 td:last-child {position: relative;}
#ergebnisliste .compatible tr.l1 td:last-child:after, #ergebnisliste .compatible tr.l0 td:last-child:after {content: '\f061'; font-family: 'FontAwesome'; float: right; ; color: #009646}

/* Fahrzeugauswahl */
.car_choice {padding: 10px}
.car_choice .box_option {padding: 0}
.season .select-box{padding: 5px 10px; background: #e6e6e6}
.parts-searchbox .acc_form .row .aft {top: 0;}
.parts-searchbox .acc_form .row .pre {line-height: 36px; height: 36px}
.acc_form input[type="radio"]+label:before{left: 20px}
.acc_form input[type="radio"]+label{padding: 20px 5px 20px 45px; display:inline;}

/* Reifenberatung */
.tire_adivser {padding: 10px}
.advise_form {width: 100%; max-width: 800px; margin: 10px auto}
.advise_form td{padding: 5px 10px}
.advise_form tr:nth-child(2n+1) td{background: #eee}
.tire_adviser .box_btn.c2a{display: table; margin: 0 auto}

/** REIFENÜBERSICHT **/
.searchresult .mainrow{padding-right: 2%; width: 74%}
.searchresult .brandlabel .brandname span, .article .brandtext span{display: table; background: #ddd; padding: 0px 15px; color: #666; font-size: 14px; line-height: 36px; height: 36px}

/*Sidefilter*/
.leftrow h2{margin-bottom: 20px; margin-top: 22px}
.leftrow h4{text-transform: none; margin-bottom: 5px}
.leftrow .area {padding: 20px; padding-top: 10px; padding-bottom: 10px; background: #f3f3f3}
.leftrow .branch.area {background: #ffe400;}
.leftrow .main.area {background: #444; padding: 20px;}
.leftrow .main.area select {font-weight: bold!important;}
.leftrow .main.area .row {margin-bottom: 0}
.leftrow .main.area .thirdpage {margin-right: 0; width: 33%}
.leftrow .main.area .thirdpage.last{width: 34%}
.leftrow .main h4 {color: #ffe400;}
.leftrow .main .help {text-align: center; margin-top: 15px}
.leftrow .main .help a {color: #fff; font-size: 12px}
.leftrow .area .row {margin-bottom: 10px}
select#filterQuality, select#filterSpeed, select#filterLoad{font-weight: bold!important;}
#filterbutton:hover, #filterclose:hover{cursor: pointer;}
#filterbutton, #filterclose {display: none; background: #ffe400; padding: 5px 15px; text-align: center;}
#filterbutton .fa, #filterclose .fa {font-size: 30px}
#filterbutton {margin: 0 10px 0 -1%}

/*Price Range*/
.leftrow .pricerange {white-space: nowrap; margin-bottom: 0 !important}
.leftrow .pricerange span {width: 20%; display: inline-block; line-height: 36px; text-align: center; float: left;}
.leftrow .pricerange .min, .leftrow .pricerange .max {width: 40%; float: left; position: relative;}
.leftrow .pricerange div:after {content: '€'; position: absolute; right: 10px; color: #777; line-height: 38px}
.leftrow .pricerange div input{padding-left: 5px; text-align: right; padding-right: 22px}

/*Kategorien*/
.categories a{display: block; margin-bottom: 8px; font-weight: normal;}
.categories .linkbox {background: #fff; padding: 10px; border:1px solid #d4d4d4; max-height: 180px; overflow: auto; line-height: 30px}
.linkbox input[type='checkbox'] + label:before {content: none;}
.linkbox input[type='checkbox']:checked + label{text-decoration: underline; font-weight: bold;}
.leftrow .select-area label {line-height: 21px}
.leftrow  .reset {text-align: center; margin: 20px 0}
.leftrow .special {margin-bottom: 0 !important}
.leftrow .sort {margin-bottom: 0 !important}

/*Mainresult*/
.shop_locate {height: 210px; overflow: hidden; position: relative;}
.shop_locate .map{height: 100%; float: right;}
.shop_locate .content {position: absolute; left: 0; bottom: 0; width: 100%}
.shop_locate .title{font-size: 20px; color: #fff; font-weight: bold; padding: 10px;  background: #777777; display: inline-block; position: absolute; z-index: 2; top: 122px }
.shop_locate .shop_search {background: #ffe400; padding: 0 10px 5px}
.shop_locate .shop_search .shop-chosen {position: relative; padding-left: 20px}
.shop_locate .shop_search .shop-chosen:before{content: '\f00c'; font-family: 'FontAwesome'; position: absolute; left: 0}
.shop_locate .shop_search p {margin: 0;}
.shop_locate .shop_search .lineput:before {content:'\f002'; font-family: 'FontAwesome'; position: absolute; left: 7px; top: 9px; color: #bbb;}
.shop_locate .shop_search .lineput input[type=text] {text-align: center; font-weight: bold!important; float: left; width: 55%}
.shop_locate .shop_search .lineput input::-webkit-input-placeholder {font-weight: normal!important}
.shop_locate .shop_search .lineput input::-moz-placeholder {font-weight: normal!important}
.shop_locate .shop_search .lineput input:-ms-input-placeholder {font-weight: normal!important}
.shop_locate .shop_search .lineput input:-moz-placeholder {font-weight: normal!important}
.defaultbranch {width: 100%; background: #f3f3f3; padding-top: 5px; padding-bottom: 5px;}
.defaultbranch .content {padding-left: 30px}
.defaultbranch .contentdelivery {padding-left: 10px}
.defaultbranch input[type=checkbox] {display: inline-block;}


/*Filialsuche*/
.shop_search .area_search .box_btn.c2a{width: 180px; text-align: center;}

/*Sortierung*/
.sortline {margin: 10px 0 25px; position: relative;}
.sortline .sortbox {float: right; white-space: nowrap; margin-top: 10px}
.sortline .sortbox select {width: auto; margin-left: 10px}
.sortline .result span {font-size: 20px; font-weight: bold; vertical-align: top; line-height: 55px; margin-left: 0px}

/*Suchergebnis*/
.product{position: relative; margin-bottom: 20px;}
.searchlist .product .brandlabel {margin-bottom: 5px; max-width: 120px}
.searchlist .product .brandlabel img {max-width: 100%}
.itm_brand img, .itm_brand{max-width: 180px; max-height: 60px; background-size: auto 100%!important}
.product .details{margin-left: 150px; float: left; margin-right: 20px}
.product .details h3 span{display: inline-block; margin-right: 10px; font-size: 20px}
.product .details h3 a{font-size: 20px}
.product .details h4 a,.product .details h4{color: #777; font-size: 13px; font-weight: normal; margin-top: 8px}
.product .details .seasonlabel{position: relative; display: inline-block; left: 0; right: 0; margin: 0 auto; top: 7px; height: 27px; width: 24px}
.product .details h3 a, .product .details h4 a {text-decoration: none;}
.product .details .seasonlabel.winter{}
.product .details .seasonlabel.summer{background-position: 0 -28px}
.product .details .seasonlabel.both{background-position: 0 -59px}
.fa-star.full{color: #ffe400; text-shadow: 1px 1px #ebd202}
.fa-star{color: #e6e6e6; text-shadow: 1px 1px #d4d4d4}
.rating .show {font-weight: normal; position: relative; left: 5px}
.product .tirelabel {margin-top: 0px; display: inline-block; white-space: nowrap;}
.product .details.bottom .tirelabel {display: none}
.product .premium {margin-left: 5%; display: inline-block; vertical-align: top; margin-top: 2px; margin-right: 10px; font-weight: bold;}
.product .premium .fa{font-size: 18px; color: black; text-shadow:none;}
.tirelabel label {vertical-align: top; line-height: 25px; height: 25px; margin-right: 20px}
.tirelabel label:last-child{margin: 0;}
.product .picture {position: absolute; left: 0; top: 0; height: 100%}
.product .to-cart{text-align: right; position: relative; z-index: 2; min-width: 220px}
.product .to-cart .right{width: 100%}
.product .to-cart .info {text-align: left; position: relative; margin-top: -5px}
.product .to-cart .smalltxt, .product .to-cart span.smalltxt{color: #444; float: right; text-align: right; font-size: 12px}
.product .to-cart span.smalltxt {color: #888}
.product .to-cart .info .stock{color: #009640; text-align: left; font-size: 10px; font-weight: bold;}
.product .to-cart .mwst.smalltxt, .product .to-cart .montage.smalltxt{margin-top: -1px}
.product .to-cart .amount{width: 50px; text-align: center; padding: 0; float: left;}
.product .to-cart .price {text-align: right;}
.product .to-cart .price span{line-height: 38px; height: 38px ; display: inline-block; vertical-align: top; margin-left: 10px; float: left;}
.product .to-cart .price span.chosen{font-size: 18px; font-weight: bold;}
.product .to-cart .price .cost {font-size: 30px; font-weight: bold; float: none; line-height: 38px;
    height: 38px;}
.product .to-cart .price .cost br{line-height: 16px; height: 16px}
.product .to-cart .price .sale {height: 46px; line-height: 14px}
.product .to-cart .price .cost.discount, .product .to-cart .price .cost .discount, .product .to-cart .price .old-price {font-size: 14px; color: #888; text-decoration: line-through; line-height: 20px; height: 20px; display: inline-block; font-weight: normal;}
.product .to-cart .price .cost .discount {float: right;}
.product .to-cart .price .cost br {line-height: 0; height: 0; font-size: 0}
.product .to-cart .price .newprice {font-size: 26px; line-height: 20px; height: auto; }
.product .to-cart .add-cart, .product .to-cart .add-tire{margin: 15px 0 0; width: 100%; text-align: center; font-size: 13px}
img.cart-ico{height: 22px; position: relative; top: 5px; margin-right: 10px;}
.product .to-cart .to-product {display: block; text-align: center; position: relative; margin-top: 10px}
.product .shop{border: 1px solid #d4d4d4; padding: 5px 20px 5px 40px; margin-top: 5px}
.product .shop .fa-times-circle {margin-top: 5px; margin-right: 0}
.product .shop h4{text-transform: none; font-size: 14px;}
.product .shop h4:before{text-transform: none; font-family: 'FontAwesome'; content: '\f00c'; margin-left: -20px; margin-right: 5px}
.product .shop p{margin-bottom: 0}
.product .service-info{margin-left: 150px; max-width: 400px; margin-top: 0}

.searchlist hr{border-color: #d4d4d4; margin-bottom: 20px; border-bottom: 0}
.service-info{padding: 10px; background: #f3f3f3; border: 1px solid #d4d4d4; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin-top: 10px; position: relative; min-width: 191px}
.service-info.appointment {padding-left: 60px}
.service-info.appointment:before{content: ''; background: url('../gfx/ico_calendar-green.svg') no-repeat #f3f3f3; width: 50px; display: block; background-size: 26px; background-position: center; vertical-align: top; top: 0; left: 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding: 17px 10px 0;  height: 100%; border-right: 1px solid #d4d4d4; position: absolute;}
.bold_black b{color: #000000 !important}

.product .earlier{display: block; margin: 10px 0 0 150px; max-width: 400px;}
.searchlist .product .picture img{max-height: 170px; max-width: 130px}

.item-list .serice-info{margin-left: 0}

/*Paging*/
.paging{margin-bottom: 20px; margin-top: 10px}
.paging a{display: inline-block; vertical-align: top; border: 1px solid #d4d4d4; float: left; padding: 10px 20px; border-right: 0; text-decoration: none; text-align: center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.paging a:last-child{border-right: 1px solid #d4d4d4;}
.paging a.selected{background: #f3f3f3}
.paging a.previous:before{font-family: 'FontAwesome'; content: '\f100'; margin-right: 5px}
.paging a.next:after{font-family: 'FontAwesome'; content: '\f101'; margin-left: 5px}
.row.paging .active {background-color: #e6e6e6}

/* Shop Locator */
.shutdown {font-size: 20px; background: #fff; color: #232323; right: 0; top: 0px; position: absolute; padding: 5px 10px}
.shutdown:hover{cursor: pointer;}
#shop-locator h3 {text-align: center; padding: 30px 0; font-size: 18px}
#shop-locator .checkout-step{display: block;}
#shop-locator .checkout-step input[type=text] {height: 36px}
#popLocation.checkout-step .location-search{width: 53%}
#popLocation.checkout-step .topbar .title {width: 100%}
#popLocation.checkout-step .topbar .or {margin: 0 1%}

/*Produktdetailseite*/
.productdetail{padding: 0 30px}
.productdetail .breadcrumb {margin: 10px 0}
.productdetail h2{font-size: 16px; margin-bottom: 10px}
.productdetail #StartNavi{margin: 0 -10px 10px}
.product.article {margin: 10px 0px; position: relative;}
.product.article .brand img {margin: 0}
.product.article .details {margin-left: 0%; float: right; width: 50%; position: relative; min-height: 266px}
.product.article .awards.hidden-l {position: absolute; bottom: 0}
.product.article .thirdpage{margin-top: 0; width: 650px; overflow: visible;}
.product.article .showarea{float: left; width: 45%;}
.product.article .showarea img.no-pic{margin: 0 auto; display: block;}
.product.article .details h3 span {font-size: 20px}
.product.article .details h4 {color: #777; font-size: 13px; font-weight: normal;}
.product.article .picture {position: relative; height: 260px; overflow: hidden;  border-bottom: 1px solid #d4d4d4}
.product.article .picture > img {width: 100%}
.product.article .thirdpage.last {overflow: visible; max-width: 290px; float: right;}
.sp-zoom{background: #fff}
.no-rim{text-align: center; margin: 10px 0; font-weight: bold; color: #444}
.no-rim .fa{margin-right: 10px; font-size: 17px}
.awards {margin-top: 10px}
.awards img{max-height: 45px}
.productdetail .visible-l .awards {display: inline-block;}
.productdetail .searchlist {margin: 10px auto}
.product.article .to-cart {padding: 25px 35px; border: 1px solid #d4d4d4; max-width: inherit; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width: 100%; }
.product.article .to-cart .attention.warning {padding-left: 30px; text-indent: -10px}
.product.article .to-cart .attention.warning .fa{margin-right: 6px}
.product.article .to-cart strong {color: #009646}
.product.article .to-cart .add-info{margin-top: 10px; text-align: left;}
.product.article .locator {display: block; text-align: center; padding: 10px 0; background: #e6e6e6; border: 1px solid #d4d4d4; border-top: 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.product.article .locator .fa{margin-right: 10px; font-size: 18px}
.productdetail .searchlist {width: 100%; max-width: 900px}
.productdetail .searchlist .service-info {position: absolute; top: 18px; left: 30%}
.productdetail .box_btn.back{margin-bottom: 20px; line-height: 30px; height: 30px}
.topseller {font-size: 18px; float: right; color: #009900; padding: 10px 20px 5px; border: 1px solid #d4d4d4; border-bottom: 0; background: #fff; position: relative; top: 1px; z-index: 3;}
#verdict p {margin: 5px}
#verdict .verdict-test {margin-bottom: 20px!important}
#verdict .verdict-list {margin-top: 10px!important; margin-bottom: 10px!important}
#verdict .row .verdict-test:nth-child(2n+3), #verdict .row .verdict-list:nth-child(2n+3){clear: both;}
.verdict-image, .verdict-content {display: inline-block; vertical-align: top;}
.verdict-content .urteil{font-size: 18px; font-weight: bold;}
.verdict-list h3 {margin-bottom: 5px}
.verdict-list h4 {text-transform: none; font-size: 14px}
.verdict-list ul li{list-style: disc;}


/*Servicedetailseite*/
.servicedetail .product_img, .servicedetail .product_img img{border-radius: 10px; overflow: hidden; width: 100%}
.servicedetail .product.article .showarea .picture {border: 0; border-radius: 10px}

/*Tabs*/
.product_tabs {clear:both; padding: 35px 0; position:relative; margin-bottom: 15px}
.product_tabs li {list-style:none; padding:0; margin:0;}
.product_tabs li > a{position:absolute; top:22px; width:20%; background:#e6e6e6; height:40px; line-height:40px; padding:0 20px; display:inline-block; color:#232323; font-size: 14px; cursor:pointer; text-decoration: none; -moz-box-shadow: inset 5px -5px 10px #ccc; -webkit-box-shadow: inset 5px -5px 10px #ccc; box-shadow: inset 5px -5px 10px #ccc;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} 
.product_tabs li.active > a {background:#fff; height:47px; cursor:default; color:#000; font-size: 16px; border: 1px solid #d4d4d4; border-bottom: 1px solid #fff; z-index: 5; top: 16px; line-height: 45px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none}
.product_tabs li:first-child > a {-moz-box-shadow: inset 0px -5px 10px #ccc; -webkit-box-shadow: inset 0px -5px 10px #ccc; box-shadow: inset 0px -5px 10px #ccc;}
.product_tabs li.active:first-child > a {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none}
.product_tabs li:nth-child(2) > a {margin: 0 0 0 20%;}
.product_tabs li:nth-child(3) > a {margin: 0 0 0 40%;}
.product_tabs li:nth-child(4) > a {margin: 0 0 0 60%;}
.product_tabs li:nth-child(5) > a {margin: 0 0 0 80%;}
.product_tabs li .product_tabs_content {overflow:hidden; position:relative; top:26px; display:none; padding: 30px 20px 15px; background:#fff; border: 1px solid #d4d4d4; min-height: 350px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.product_tabs li .product_tabs_content .halfpage{width: 45%;margin-right: 5%}
.product_tabs li .product_tabs_content .halfpage.last{width: 50%;margin-right: 0;}
.product_tabs li .product_tabs_content p, .product_tabs li .product_tabs_content ul {margin-bottom: 20px}
.product_tabs li.active .product_tabs_content {display:block;}

/*Kundenbewertung*/
.ratingpage{padding: 10px 2%}
.ratingpage .title{background: #ffe400; padding: 25px 40px; position: relative; overflow: hidden;}
.ratingpage .title h1{font-size: 24px}
.ratingpage .title a{position: relative; z-index: 5}
.ratingpage .title .stars {position: absolute; font-size: 130px; opacity: .1; right: -50px; top: -10px; color: #666;  -ms-transform: rotate(-12deg); /* IE 9 */
    -webkit-transform: rotate(-12deg); /* Chrome, Safari, Opera */
    transform: rotate(-12deg); white-space: nowrap;}
.ratingpage .title .stars .fa{margin-right: 20px; color: #666;}
.ratingpage .content{padding: 20px; background: #f3f3f3; margin-bottom: 20px}
.ratingpage .content .shop{background: #d4d4d4; padding: 10px 20px; min-height: 60px}
.ratingpage .content h3 {padding-left: 20px; margin-top: 10px}
.ratingpage .content .shop p{margin-bottom: 0}
.ratingpage .content .inside {padding: 20px; background: #fff; min-height: 207px}
.ratingpage .content .comment h4{font-size: 16px; text-transform: none; margin: 10px 0}
.ratingpage .content .comment {height: 105px;font-size: 13px;}
.ratingpage .content .comment.auto_height, .ratingpage .rated .pre.auto_height {height: auto;}
.ratingpage .content .rating {font-size: 20px; margin: 10px 0}
.ratingpage .content .rating .by {font-size: 13px; text-align: right; float: right; font-weight: bold; font-style: italic;}
.ratingpage .content .rated .show{display: table; margin: 10px auto; position: relative;;}
.ratingpage .content .rated .show:before{font-family: 'FontAwesome'; content: '\f078'; display: block; text-decoration: none; float: right; margin-left: 5px}
.ratingpage .content .rated .hide{display: table; margin: 10px auto; position: relative;;}
.ratingpage .content .rated .hide:before{font-family: 'FontAwesome'; content: '\f077'; display: block; text-decoration: none; float: right; margin-left: 5px}
.ratingpage .content .line .rating {margin: 0}
.ratingpage .content .line .rating .fa {color: #fff; font-size: 26px}
.ratingpage .content .line .rating.error .fa {color: #ffaaaa;}
.ratingpage .content .line .rating .fa:hover{cursor: pointer;}
.ratingpage .content .item .aft {width: 30%}
.ratingpage .content .item .pre {width: 65%}
.ratingpage .content .item .comment {font-style: italic;}
.ratingpage .content .adminComment {margin-left: 10%;}
.one-star .one{color: #ffe400!important}
.two-stars .one, .two-stars .two{color: #ffe400!important}
.three-stars .one, .three-stars .two, .three-stars .three{color: #ffe400!important}
.four-stars .one, .four-stars .two, .four-stars .three, .four-stars .four{color: #ffe400!important}
.five-stars .one, .five-stars .two, .five-stars .three, .five-stars .four, .five-stars .five{color: #ffe400!important}
.ratingpage .aft.comment {border: 1px solid #d4d4d4; min-height: 100px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.ratingpage .aft.comment textarea{width: 100%; height: 100%; resize: none; border: 0; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding: 5px}
.ratingpage .aft.branch {height: auto;}
.ratingpage .aft.branch #branchData {line-height: normal;}
.ratingpage .rated .pre.line_normal {line-height: normal;}
.ratingpage .tire_data{margin-bottom: 20px; float: none; max-width: inherit;}

.rating_form input[type=radio] + label {display: block; position: relative;}
.rating_form .label-option {padding: 30px 45px; display: block; background: #f3f3f3; width: 100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;  padding: 30px 45px; margin-top: 10px; opacity: .7}
.rating_form .label-option:before {left: 20px; top: 43%}
.rating_form input{width: 67%; padding: 1%; font-size: 14px;margin-left: 3%;}
.rating_form input.error, .ratingpage input.error, .ratingpage textarea.error{background-color: #ffaaaa}
.rating_form .label-option.selected{border-right: 5px solid #d4d4d4; border-left: 5px solid #d4d4d4;}
#btnSendRating{position: absolute; bottom: 0}
.selection.rating_form input[type=number], .selection.rating_form input[type=text]{width: 100%; margin-left: 0}
.selection.rating_form .thirdpage {line-height: 36px; height: 36px}
.fullText {cursor: pointer}
#btnCheckRefNo {margin-top: 20px;}

/* In den Warenkorb legen */
#cartlayer {min-width: 500px}
#cartlayer .product .to-cart {min-width: 180px}
#cartlayer .product .details {margin-left: 120px; margin-right: 5px; min-height: 130px}
#cartlayer h2 {margin: 0 0 20px; padding:0 0 10px; border-bottom: 1px solid #ddd}
#cartlayer h2.check:before{font-family: 'FontAwesome'; content: '\f00c'; margin-right: 10px; margin-left: 10px}
#cartlayer .product{margin: 10px 0}
#cartlayer .service-info {display: none;}
#cartlayer .bestseller:before {background: none}
#cartlayer  .bestseller .swiper-wrapper {margin-top: 10px}
#cartlayer  .details .rating {display: none}
#cartlayer .product .details h4{margin-top: 0}
#cartlayer .product .tirelabel {margin-top: 0}
#cartlayer .product .picture img {max-width: 110px; max-height: 130px}
#cartlayer .bestseller .item .image {max-width: 100px; height: 75px}
#cartlayer .bestseller .price {display: none}
#cartlayer .bestseller .box_btn.c2a {margin: 10px auto}
#cartlayer .bestseller .item .image img {max-width: 100%; width: auto; height: 140px}
#cartlayer .bestseller h4 {display: block; height: 18px}
#cartlayer .shutdown {right: 5px; top: 5px}
#cartlayer .product .premium{padding-left: 0; display: block; margin: 2px 0 0}
#cartlayer .center.details h3{margin: 10px 0}
#cartlayer img.brand {max-width: 110px}

.titleblock{background: #d4d4d4; padding: 5px 10px; margin-bottom: 10px}

/* Password strength */
#passwordStrength { width: 160px; height:20px; background:url(../gfx/password_security.png) repeat-y; display: inline-block; zoom: 1; *display: inline; position:relative; top:5px; cursor:help; }
#passwordStrength.percent25 { background-position: 0 -25px; }
#passwordStrength.percent50 { background-position: 0 -50px; }
#passwordStrength.percent75 { background-position: 0 -75px; }
#passwordStrength.percent100 { background-position: 0 -100px; }

/* Video */
.embed-container { position: relative; padding-bottom: 41.25%; height: 0; overflow: hidden; max-width: 750px; margin: 0 auto}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Cokis */
.box_option{margin-bottom: 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding: 10px}
.box_option.hsn{border-color: #111;}
.box_option .info img{margin-bottom: 20px}
.box_option .formular{padding: 10px 0 0; vertical-align: top;}
.box_option .shop_info{margin-bottom: 0px}
.box_option #ergebnisliste h3 {background: none; color: #111; padding-bottom: 5px; border-bottom: 1px dotted #ccc; margin-bottom: 10px}
.box_option.error{background: #eee}

#fzgschein_neu{background: url("../gfx/schein_neu.png") no-repeat scroll 0 0; height: 172px; position: relative; width: 330px; margin: 0 auto}
#fzgschein_neu input[type=text] {padding: 3px; font-size: 16px; height: 22px; top: 17px;}
#fzgschein_neu #hsn {left: 153px; width: 53px;}
#fzgschein_neu #tsn {left: 222px; width: 87px;}
#manualSelect .aft {height: auto;}
#manualSelect select {margin-bottom: 10px; vertical-align: top; width: 100%; float: right;}
.hsntsn{border: 0 none !important; position: absolute; text-decoration: none; text-transform:uppercase;}
.shop_info{background: #eee; width: 98%; padding: 1%; margin-bottom: 10px; overflow: hidden; font-size: 14px}
.shop_info h3:first-child{margin-top: 0px}

/*KFZ-Auswahl*/
.car_choice .title_banner{overflow: hidden; background: #fff; position: relative;}
.car_choice .title_banner h1{background: rgba(255, 255, 255, .7)}
.car_choice .title_banner .title_info{font-weight:bold; position: absolute; color: #000; bottom: 0; background: rgba(255, 255, 255, .7); padding: 10px}
.box_option.category .formular #ergebnisliste {margin-top: 20px}
.box_option.chosen .autoservice_info  .box_btn { margin-right:0; }
.autoservice_info { padding-right:0 !important; padding-left:0 !important; }
.box_option .formular .box_btn {text-align: center; display: inline-block; vertical-align: bottom; margin-bottom: 10px}
.box_option.category .formular .box_btn{vertical-align: bottom; font-weight: 700}
.license .halfpage {position: relative; width: 54.3%}
.license .halfpage.last{width: 45%}
.license .helpme{position: absolute; left: 345px}
#hsntsnsuche{margin-top:10px;}
#palette {margin-top: 5px; border-top: 1px solid #ccc; padding-top: 5px}
#palette a{display: inline-block; width: 14px; height: 14px; border: 1px solid #ccc; vertical-align: bottom; margin: 0 0 1px 5px}
#kfzpiclayerWrap img{position: absolute;}
#kfzpiclayer3 {z-index: -1}
.filtertable {font-size: 16px; line-height:  30px;}
.filtertable select {width: 200px}
.nomatch td{padding: 5px!important; border: none!important}
.felgen_box {text-align:center;}
.felgen_box h3{font-weight: bold;}
.felgen_box .box_btn {margin-top: 10px}
#scrollframe {white-space:nowrap; overflow-x: scroll; width:100%;}
#scrollframe table tr td{border-left: 1px dotted #ccc;}
#scrollframe table tr td:first-child {border: 0}
#scrollframe table tr td:hover {background: #eee}
.sidetable:hover td{background: inherit!important}
.tire_list .prod_rating {position: relative; bottom: 0; left: 0; border: 0;}
.tire_list th {background: #aaa; color: #fff; text-align: left;}
.tire_list th.mid, .tire_list td.mid {text-align: center}
.tire_list span.art{text-transform: uppercase; font-weight: bold;}
.tire_found{margin: 15px 0}
.tire_found tr:hover td {background: inherit!important;}
.tire_list .serviceType .formular {width: 100%}
.tire_list tr{position: relative;}
#ergebnisliste .tire_list tr:hover td {background: #ffe400}
#ergebnisliste .tire_list th{padding: 5px}
.anchor{font-size: 0px;}
.license_overview{margin-top:30px; margin-bottom:20px;}

/* OWL Carousel */
#owl-carousel {padding:0 20px; box-sizing:border-box;}
.customNavigation{position:absolute; width:100%; left:0;}
.customNavigation a{display:block; font-size:28px; position:absolute; top:115px; z-index:999999; width:40px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-align: center; padding: 0}
.customNavigation .box_btn{line-height: 33px}
.customNavigation .btn.left {left:0; right:auto;}
.customNavigation .btn.right {right:0; left:auto;}

.buy_btn{height: 36px; width: 80px; float: right; clear: both; display: inline-block; text-decoration: none}
.buy_btn .icon {background: url(../gfx/ico_cart.svg) no-repeat; height: 100%; width: 100%; background-position: center 3px}

/*Twitter Typeahead*/
.tt-menu { 
    width: auto; margin-top:-11px; padding: 4px 2px 4px 2px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2);; box-shadow: 0 5px 10px rgba(0,0,0,.2); min-width: 100px}
.tt-menu:hover{cursor: pointer}
.tt-menu .tt-suggestion:hover.tt-selectable {text-decoration: underline;}

/* TipTip white */
#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 129999999; }
#tiptip_holder.tip_top { padding-bottom: 5px; }
#tiptip_holder.tip_bottom {padding-top: 5px; }
#tiptip_holder.tip_right {padding-left: 5px; }
#tiptip_holder.tip_left {padding-right: 5px; }
#tiptip_content {font-size: 11px; padding: 4px 8px; border: 1px solid rgba(25,25,25,0.25); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #ddd; -webkit-box-shadow: 0 0 3px #ddd; -moz-box-shadow: 0 0 3px #ddd; background: #fff;}
#tiptip_arrow, #tiptip_arrow_inner {position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; }
#tiptip_holder.tip_top #tiptip_arrow {border-top-color: #191919; border-top-color: rgba(25,25,25,0.35); }
#tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color: #191919; border-bottom-color: rgba(25,25,25,0.35); }
#tiptip_holder.tip_right #tiptip_arrow {border-right-color: #191919; border-right-color: rgba(25,25,25,0.35); }
#tiptip_holder.tip_left #tiptip_arrow {border-left-color: #191919; border-left-color: rgba(25,25,25,0.35); }
#tiptip_holder.tip_top #tiptip_arrow_inner {margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_bottom #tiptip_arrow_inner {margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_right #tiptip_arrow_inner {margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_left #tiptip_arrow_inner {margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); }

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #tiptip_content {padding: 4px 8px 5px 8px; background-color: #fff!important; }
    #tiptip_holder.tip_bottom #tiptip_arrow_inner {border-bottom-color: #fff; } 
    #tiptip_holder.tip_top #tiptip_arrow_inner {border-top-color: #fff; } 
}

/* Tire Labelling */
.labelling_detail {height:224px; width:153px; background:url(../gfx/tl_sheme.png) 0 0 no-repeat; float:right; position:relative;font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#fff;}
.labelling_detail .arrow_left {background:url(../gfx/tl_arrow.png) 0 0 no-repeat; width:30px; height:19px; line-height:19px; padding-left:13px; position:absolute; left:53px;}
.labelling_detail .arrow_right {background:url(../gfx/tl_arrow.png) 0 0 no-repeat; width:30px; height:19px; line-height:19px; padding-left:13px; position:absolute; left:113px;}
.labelling_detail .noise {width:72px; height:34px; line-height:34px; top:165px; left:66px; position:absolute; text-align:right; font-size:14px;}
.labelling_detail .noise.n1 {background:url(../gfx/tl_noise_1.png) 0 0 no-repeat;}
.labelling_detail .noise.n2 {background:url(../gfx/tl_noise_2.png) 0 0 no-repeat;}
.labelling_detail .noise.n3 {background:url(../gfx/tl_noise_3.png) 0 0 no-repeat;}
.labelling_detail .noise span {font-size:12px;}
.labelling_detail .txt {color:#000; font-size:8px; font-weight:normal; position:absolute; top:208px; left:32px;}


/* SP Lightbox */
.sp-lightbox img {background: #fff; border: 1px solid #999}
.labelling_detail .txt {color:#000; font-size:8px; font-weight:normal; position:absolute; top:208px; left:32px;}

/* Brands */
.brand {max-width: 120px; display:table;}
.brandtext{display:none;}


/*Terminvereinbarung*/
.checkout.appointment h2 {margin-bottom: 10px;}
.checkout.appointment h4 {font-size: 18px; margin-top: 24px}
#datumsbox{}
#datumsbox th{text-align: left; text-transform: uppercase; background: #aaa; color: #fff}
#datumsbox #ergebnisliste th, #datumsbox #ergebnisliste td {line-height: 30px; height: 30px!important}
#datumsbox #ergebnisliste table tr td {background: #eee; border-bottom: 1px solid #fff}
#datumsbox #ergebnisliste table tr.l1 td{background: #f6f6f6}
#datumsbox #ergebnisliste table tr:hover td {background: #ffe400}
#ergebnisliste table{border-collapse: collapse;}
#ergebnisliste .l1 td{background: #f9f9f9}
.checkout .captcha img {margin-bottom: 10px; display: block; float: none}
.old-price{text-decoration: line-through;}#error{margin: 0 -10px}

/* Title Banner */

.title_banner {overflow: hidden; position: relative; width: 100%}
.title_banner img{width: 100%; position: relative; z-index: 1}
.error_info{padding: 10px; background: #f0f0f0}
.title_banner h1{ background: rgba(255, 255, 255, .8); margin-left: 0;left: 0%; z-index: 2; font-size: 24px; position: absolute; bottom: 10%; padding: 10px}
.title_banner .info{position: absolute; bottom: 10%}
.box_btn.home{margin: 20px 0px}

/* KCC */
.kcc .error{background: #ff0000; color: #fff; padding: 10px;}
.kcc .title_banner{}
.kcc .title_banner h1{ background: rgba(255, 255, 255, .8); margin-left: 0;left: 0%; z-index: 2; font-size: 24px; position: absolute; bottom: auto; top:0; padding: 10px; right: 5%; left: auto;}

.kcc #toplinks{overflow: visible; right: 10px; text-align: left;}
.kcc #toplinks a.logout{color: #000; left: 0; position: relative; display: block; top: 0; right: 0; height: auto; font-size: 14px; margin-top: 14px}

.kcc #TopNavi{z-index: 100}
.kcc #TopNavi .navi{width: 25%}
.kcc #TopNavi .navico {background: url(../gfx/kcc_nav.svg) no-repeat; background-size: 26px auto;}
.kcc #TopNavi .navico.choice{background-position: 0 9px}
.kcc #TopNavi .navico.password{background-position: 0 -43px}
.kcc #TopNavi .navico.service{background-position: 0 -90px}
.kcc #TopNavi .navico.car{background-position: 0 -141px}

.kcc #ColumnMiddle {padding: 10px;}

#kccshoplinks a.shoplink {display: block; width: 32%; float: left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding: 10px 20px; border: 1px solid #ddd; background: #eee; margin: 5px 2% 5px 0; text-decoration: none;}
#kccshoplinks a.shoplink:nth-child(3n){margin-right: 0}
#kccshoplinks a.shoplink .fa{position: relative; font-size: 21px; top: 2px; margin-right: 10px}
#kccshoplinks a.shoplink.other {color: #666;}

.kccservices{margin-top: 17px; float: right; width: 90%}
.kccservices table.branches, .kccservices table.global {width: 100%; margin-top: 5px}
.kccservices table.branches th, .kccservices table.global th {background: #ddd; padding: 5px 10px; text-align: left; border-right: 1px solid #fff;}
.kccservices table.branches td, .kccservices table.global td {border-right: 1px solid #fff; padding: 5px 10px; text-align: left;}
.kccservices table.branches tr:nth-child(2n+1) td, .kccservices table.global tr:nth-child(2n+1) td {background: #eee}

#kccVehicleSearchLayer{width: 500px}

.kcc #footer_pop.prev_next{margin-bottom: 0}
.kcc #footer_pop.prev_next .box_btn {width: 100%; text-align: center;}

/* Mein Konto */
.my_account {padding: 10px}
.my_account h1{padding-bottom: 5px}
.my_account .databox.field {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width: 24%; float: left; margin-right: 1%; height: 180px; border: 1px solid #ccc; padding: 20px; position: relative;}
.my_account .field .box_btn {position: absolute; right: 10px; bottom: 10px}
.my_account .field.last{margin-right: 0; width: 25%}
.my_account h2{margin: 20px 0 10px}
.my_account .field h3{height: 30px; line-height: 30px; padding-left: 15px; background: #777; color: #fff; font-size: 12px; margin: -20px -20px 10px} 
.my_account .box_btn.order {width: 100%; margin-bottom: 10px; color: #ffe400; font-weight: bold;}
.my_account .box_btn.order .fa{float: right; margin-right: 10px; line-height: 36px; height: 36px; font-size: 20px}
.my_account .prod_img img{max-width: 120px; max-height: 120px; display: block; margin: 0 auto; border-radius: 15px}
.my_account .salary-box {padding: 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border: 1px solid #ddd; display: inline-block;}
.my_account .reifenergebnis td{border-bottom: 1px solid #ccc; padding: 10px 5px}
.my_account label.box_info:before{float: left;}
.my_account .search_form {padding: 0}
.my_account .log, .tire_hotel .log:before{content: '\f023'; font-family: 'FontAwesome'; margin-right: 10px; font-size: 20px;}
.my_account .hsntsnsearch .field{width: 50%; padding-bottom: 0; margin-bottom: 10px}
.my_account .databox .content {padding: 0; border: 0}
.my_account .account_tabs {padding-bottom: 0; clear:both; padding: 35px 0; position:relative; margin-bottom: 20px}
.my_account .account_tabs li {border-bottom:2px solid #fff; list-style:none; padding:0; margin:0;}
.my_account .account_tabs li > a {position:static; background:#434343; top:0; left:0; margin:0 !important; height:45px; padding:0 10px; line-height:45px; display:block; width:auto; border:none; font-size: 15px; color:#ffe400; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; text-decoration: none;}
.my_account .account_tabs li.active > a {background:#232323; height:48px; color: #ffe400; line-height: 40px; /*border-bottom: 3px solid #ffe400;*/ line-height: 45px; font-size: 15px}
.my_account .account_tabs li .account_tabs_content {top:0; padding: 20px 10px; border-top: 0; min-height: inherit; overflow:hidden; position:relative; display:none; padding: 30px 20px 15px; background:#fff; border: 1px solid #d4d4d4; min-height: 350px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.my_account .account_tabs li.active .account_tabs_content {display:block;}
.my_account .account_tabs .tab:before {content: '\f107'; font-family: 'FontAwesome'; float: right; font-size: 28px; margin-right: 10px}
.my_account .account_tabs .active .tab:before {content: '\f106'}

.car-change .twitter-typeahead {display: block!important;}

/*Login*/
.client.halfpage{float: right; padding: 0 0 20px; margin-right: 2%; width: 48%}
.client.halfpage.last{margin-right: 0; width: 50%}
.client.enter{background: #e6e6e6; padding: 20px;}
.client.enter input[type=text]{margin-bottom: 10px}
.client.enter .prev_next .box_btn.c2a {width: 200px; text-align: center;}
.fa-lg.fa-user-plus, .fa-lg.fa-database, .fa-lg.fa-building-o, .fa-lg.fa-lock{vertical-align: -5%}

/* Registrieren */
.register {padding: 10px}
.acc_form h3{margin: 10px 0 10px}
.acc_form .row{margin-bottom: 10px}
.acc_form .row .aft{position: relative; top: -6px}
.acc_form .row .aft .smalltxt {float: right; height: 34px; line-height: 34px}
.acc_form .halfpage {width: 49%; margin-right: 1%}
.acc_form .halfpage.last {margin: 10px 0 0 1%}
.acc_form .ar_cd .plz{float: left; width: 28%; margin-right: 2%}
.acc_form .ar_cd .twitter-typeahead{width: 70%}
.acc_form .st_nr .twitter-typeahead{float: left; width: 70%}
.acc_form .st_nr .number{width: 28%; margin-left: 2%;}
.acc_form .box_info {padding: 5px 10px; margin: 5px 0 11px}
.acc_form .delivery .title h3 {margin-right: 8px}
.acc_form .delivery h3, .acc_form .delivery .checkinfo{float: left;}
.acc_form .title {min-height: 35px}
.acc_form .title h3{margin-top: 10px}
label.box_info.check {padding-left: 40px}
label.box_info.check:before {margin-left: -30px!important}
label.box_info:before{position: relative!important; margin-right: 10px!important; top: 2px!important}

/* Autoservice */
.carservice{padding: 0 10px}
.car-icon{float: left; margin-top: 10px; height: 54px; width: 54px; background: #fff; border-radius: 10px; text-align: center; margin-right: 10px}
.car-icon .fa {line-height: 52px; font-size: 32px;}
/*Servicepaket*/
.cs_items .aufklappbildzu, .cs_items .aufklappbildauf  {background: #434343; top: 0; left: 0; margin: 0 !important; height: 45px; padding: 0 10px; line-height: 45px; display: block; width: auto; border: none; font-size: 15px; color: #ffe400; font-weight: bold;} 
.cs_items .aufklappbildzu{background: #232323; height: 48px; color: #ffe400; line-height: 40px; border-bottom: 3px solid #ffe400; line-height: 45px; font-size: 15px;}
.cs_items .fa-angle-up, .cs_items .fa-angle-down {float: right; line-height: 45px; height: 45px; font-size: 30px}
.autoservice.cs_cat td{ padding: 10px 15px; border-bottom: 1px solid #ccc}
.carservice .product .to-cart .price .newprice {font-size: 24px; line-height: 38px}
.carservice .product .striped.to-cart .price .newprice {line-height: 18px}
.carservice .product .striped.to-cart .amount {height: 42px}
.carservice .product .to-cart .add-cart {margin: 10px 0 0}
.carservice .box_btn.buy_btn {font-size: 18px}
.buy_btn.demand .fa{font-size: 16px}
.pieces{white-space: nowrap;}
.pieces input[type=text]{font-size:14px; height:36px; width:36px; text-align:center; margin:0 3px 3px 0; padding: 0}
/*Serviceübersicht*/
.service-overview{padding: 10px}
.title_banner.service .warning {left: auto; right: 0px; top: auto; bottom: 40px; background: rgba(0,0,0,.4); padding: 10px; border: 0; position: absolute;}
.service-overview .service_img {height: 180px; display: block; text-align: center; margin-bottom: 10px}
.service-overview .service_img img{max-height: 100%; display: block; margin: 0 auto; border-radius: 10px}
.boxen_sonder.thirdpage {height: 380px; position: relative; border-bottom: 1px solid #ccc; margin-bottom: 10px}
.boxen_sonder.thirdpage .box_btn {position: absolute; right: 0; left: 0; margin: 0 auto; bottom: 10px; text-align: center;}
.boxen_sonder.thirdpage .box_btn .fa{margin: 0}
.boxen_sonder.thirdpage .price{font-size: 24px; font-weight: bold; right: 0; bottom: 60px; position: absolute;}
.boxen_sonder.thirdpage:nth-child(3n){width: 33%; margin-right: 0}


/* Rim Offer */
.rim_demand {padding: 30px 10px 10px}
.rim_demand .twitter-typeahead {width: 100%}
.rim_demand .pieces input[type=text] {width: 50px}
.rim_demand .goodbox .content .field label {font-weight: bold;}
.rim_demand .rimdata{padding: 5px 10px; background: #fff}
.rim_demand .rimdata .thirdpage{width: 23%}
.rim_demand .rimdata .thirdpage.last{width: 75%}
.rim_demand .two.thirdpage.last {width: 67%}
.rim_demand .goodbox .content .field textarea{width: 100%; padding: 5px}
.rim_demand.thanks{padding: 10px}

/*Einlagerung*/
 .title_banner{overflow: hidden; position: relative; margin-bottom: 10px}
 .tire_hotel {padding: 10px}
.tire_hotel .title_banner h1{background: rgba(255, 255, 255, .7)}
.tire_hotel .title_banner .title_info{font-weight:bold; position: absolute; color: #000; bottom: 0; background: rgba(255, 255, 255, .7); padding: 10px}
.tire_hotel .storage_notes {padding: 5px; background: #f0f0f0; border: 1px solid #ccc; margin: 0px 0 10px 0; vertical-align: top; float: left; text-align: center;}
.tire_hotel .login_form { padding: 5px; border: 1px solid #ccc; overflow: hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; text-decoration: none; color: #333;}
.tire_hotel .login_form .smalltxt {position: relative; top: -10px;}
.tire_hotel .login_form .row{margin-bottom: 10px}
.tire_hotel .login_form .field{display: block;}
.tire_hotel .login_form .halfpage {width: 65%; max-width: 322px}
.tire_hotel .help_img img {display: block; margin-bottom: 10px; max-width: 100%}
.tire_hotel .help_img img:nth-child(2){margin-bottom: 0px;}
.fail {text-transform: none; font-size: 13px; background: #ffe400; padding: 10px;}
.fail p, .fail ul {margin-bottom: 8px}
.tire_hotel #ergebnisliste th, .tire_hotel #ergebnisliste td {height: 30px}
.tire_hotel #ergebnisliste th {text-align: left; background: #aaa; font-weight: normal; color: #fff; text-transform: uppercase;}
.tire_hotel .car_info .pre{background: #f0f0f0; width: 47%; padding-left: 1%}
.tire_hotel .reifenergebnis .prod_img {height: auto; width: 80px}
.tire_hotel .reifenergebnis .prod_img img{width: 70px}
.tire_hotel .package .aft select{width: 100%}
.tire_hotel #storageNo.upper {width:50px;}
.tire_hotel #branchNo.upper {width:40px;}
.tire_hotel #day, .tire_hotel #month {width:10%;}
.tire_hotel #year {width:15%;}
.tire_hotel input.error{background-color: #ffaaaa}
.box_info {padding: 5px 10px; border: dotted 1px #ccc; color: #111; background: #eee; margin-bottom: 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.tire_hotel .data-check{margin-top: 20px}
.tire_hotel .data-check .field label{font-weight: bold;}
.tire_hotel .data-check .lineput {margin-top: 20px}
.tire_hotel .data-check .car_info .last .field label {font-weight: 400}
.tire_hotel .acc_form.filled.data-check .last label {font-weight: 400}
.tire_hotel .goodbox {background: #fff}
.tire_hotel .goodbox .content {padding: 0}
.tire_hotel .goodbox .car_info {background: #f3f3f3; padding: 0 10px}
.tire_hotel .balance-box .box_select:before {margin-left: -25px; color: #fff}
.tire_hotel .balance-box input[type="checkbox"] + label:before {font-size: 18px; background: none}
.tire_hotel .balance-box input[type="checkbox"]:checked + label:before {content: ''; background: url('../gfx/checked-box.svg') no-repeat; background-size: 100%; background-position: left;}
.tire_hotel .balance-box .box_select{padding-left: 45px}
.box_select {background: #bbb; color: #fff; padding: 15px 25px 12px; display: table!important; margin: 0 auto}
.box_select.checked{background: #009900}
input[type="checkbox"] + label.box_select:before {float: left; position: relative; margin-right: 10px}
.tire_hotel .box_info.video{margin: 0}
.itemlist .fa-check{ margin: 0; font-size: 20px}
.itemlist .product .service-info{margin-left: 0; max-width: inherit; }
#ergebnisliste .itemlist .tire-change {text-align: center;}
#ergebnisliste .itemlist .tire-change.true{background: #ffe400;}
#ergebnisliste .itemlist .tire-change.true:hover{cursor: pointer;}
#ergebnisliste .itemlist .tire-change label {margin-left: 5px; vertical-align: top; margin-top: 8px; display: inline-block;}
.tire_hotel.checkout.basket .itemlist .bottomrow .leftinfo {height: 20px}


/* Filialsuche */

.shop-search {padding: 10px;}
#Map{display: block; margin: 0 auto}
.number-locate .field{width: 100%}
.number-locate input[type=text], .number-locate select{min-width: 300px; width: 60%}

/* Online-Termin-Vereinbarung */
.appointment-handler{padding: 10px}
.appointment-handler h3{margin-bottom: 10px}

/* Cokis */
.checkout .itemlist tbody tr td.car_select {padding: 30px 0 0; border: 0}
.checkout .itemlist tbody tr td.car_select .box_info{margin-bottom: 0}
.checkout .itemlist tbody.add-product tr td {padding: 10px; border: 1px solid #ffe400}
.checkout .add-product .box_btn.important {display: table; margin: 0 auto; height: 40px; line-height: 40px}
.itemlist tbody.product.found-rim{border-bottom: none !important;}
.checkout.basket .itemlist .found-rim .bottomrow .leftinfo {padding-bottom: 15px;}
.checkout.basket .itemlist .cokis tr:first-child td:first-child {padding-top: 5px}
.checkout.basket .itemlist .cokis.found-rim tr:first-child td:first-child {padding-top: 30px}
.checkout .itemlist tbody.product.coupon .fullsize-pic img {top: -10px}
.checkimg{position: relative; top: 4px}
.paragraf {font-weight: bold; font-size: 16px; cursor: pointer;}
.chngeamnt{margin-bottom: 10px}
.product.cokis .leftinfo, .product.cokis .rightinfo {border-bottom: 0!important}
.cokis-distance td{border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;}
tbody.add-product td{position: relative; z-index: 10}
.MainContent.basket .cokis-distance td {position: relative;top: -1px}

/* Info Pages */
.infopage {padding: 10px;}
#btnNo {border: 1px solid #111}
.businesslogin {display: none;}
.fa.fa-times-circle{margin-right: 5px; font-size: 16px}
.checkit {margin-right: 20px}
.checkit input[type=checkbox] + label{padding-left: 20px}
.checkit input[type="checkbox"] + label:before {left: 0px}

/* Adjust Google Maps links */
.gm-style .gm-style-cc { display:none; }
.gm-style .gmnoprint .gm-style-cc { right:0 !important; display:block; }

.basket_delete {margin-bottom: 10px}
.checkaddress1 label:before{left:-10px;}
.checkaddress1 label{padding-left:10px;}

/*Reifensuche*/
.tire_dif, .tire_boss, .tire_dim {margin-top: 10px; padding: 0 10px}
.tire_dif a {display: inline-block; vertical-align: top; width: 24%; padding: 1%; margin-right: 1%; background: #f0f0f0; text-align: center; height: 200px; border: 1px solid #ccc; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; text-decoration: none; font-size: 18px; text-transform: uppercase; color: #333; float: left;}
.tire_dif a:last-child {width: 25%; margin: 0}
.tire_dif a:hover, .tire_dim a:hover, .tire_boss a:hover{background: #ddd}
.tire_search .prev_next {padding: 0 10px}
.tire_dim a{display: inline-block; vertical-align: top; width: 11.5%; padding: 14px 0; margin:0 1% 10px 0 ; background: #f0f0f0; text-align: center; border: 1px solid #ccc; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; text-decoration: none; font-size: 18px; text-transform: uppercase; color: #333; white-space: nowrap; text-align: center; float: left;}
.tire_dim a:nth-child(8n){margin: 0 0 10px 0; width: 12.5%}
/*Biseason-Label*/
.bigseason {margin: 10px auto; width: 100px; height: 102px; display: block; background: url('../gfx/ico-bigseason.svg') no-repeat; background-size: 100% auto}
.bigseason.summer{background-position: 0px -126px}
.bigseason.winter{background-position: 0px 0px}
.bigseason.all{background-position: 0px -256px}
.bigseason.offroad{background-position: 0px -385px}

/* More Productdetail Styles */
.tire_data {float: left;}
.labelling_detail {float: left;}
.tire_data a.helpico {position: relative; top: 2px; margin: 0 2px 0 5px}
.productdetail .more-detail-info {float: right; width: 300px;}
.full-label-detail {width: 500px; float: right;}

/* Kundenbewerungen - Artikeldetailseite */
.productdetail #rating-tab h3{font-size: 18px; display: inline-block; margin-right: 30px}
.productdetail #rating-tab .comment-title{margin-top: 14px}
.productdetail #rating-tab .total-rating {display: inline-block; margin-left: 20px}
.productdetail #rating-tab .fa-star {font-size: 20px}
.productdetail #rating-tab .title {font-size: 15px; font-weight: bold; margin-left: 20px}
.productdetail #rating-tab .author {margin-top: 10px; text-align: right; font-weight: bold; font-style: italic;}
.productdetail #rating-tab.product_tabs_content .halfpage {width: 40%; margin-right: 10%}
.productdetail #rating-tab.product_tabs_content .halfpage.last {width: 50%; margin: 0}
.productdetail #rating-tab hr{margin: 20px 0}

#registerLayer #passwordStrength {display: block; margin-bottom: 8px}
#registerLayer input[type=password]{width: 100%; min-width: 280px}

.product-rating .rating{float: left; margin-right: 10px}
.product-rating a.show{font-weight: normal;}

/*Autoservice Tipps*/
#service-extra {margin-top: 30px}
.service-tipps {margin-top: 20px}
.service-tipps a{display: block; width: 25%; float: left; margin-bottom: 20px}
.service-tipps a img {text-align: center; margin: 0 auto; display: block;}
.service-list {margin-top: 20px; list-style: none; padding: 0}
.service-list li{float: left; margin-right: 10px; list-style: none; height: 140px; margin-bottom: 10px}
.inspection img{display: block; margin: 0 auto; max-width: 100%}

/*Brand-Shift*/
.brand-shift{padding-left: 150px}
#chosenBranch {display: inline-block; margin-right: 10px}
.desktop-back {margin: 10px;}

#carClubs{width: 30%; margin-left:30px;}
#carClubNo{width: 30%;}

/* Cookie Policy */
#cookiebar { display:none; position:fixed; left:0; bottom:0; width:100%; background:rgba(68,68,68,0.95); color:#fff; padding:15px; z-index:16777271; box-sizing: border-box;}
#cookiebar .inner { width:1050px; margin:0 auto; position:relative;}
#cookiebar .left { width:70%; float:none; }
#cookiebar .right { position:absolute; right: 0; bottom: 0; text-align:right; float:none;}
#cookiebar b { color:#fff; text-decoration:underline; font-weight:bold; display:inline-block; margin-bottom:8px; }
#cookiebar small, #cookiebar small a { font-size:12px; color:#fff; font-weight:normal; }
#cookiebar small .fa { margin-left:7px; }
#cookiebar a { white-space:nowrap; }

.acceptCookiePolicy {padding:0 50px;}

.cookiePolicyBlock { padding:20px 0; }
.cookieinfo { padding:8px; color:#fff; margin: 0 0 15px 0; font-size:1.15em; }
.cookieinfo.allowed { background:#009640; }
.cookieinfo.declined { background:#DB4F60; }

.configuratorTable {width: 100%;}
.configuratorTable td {text-align: center; padding: 5px 2px; background: #dedede;}
.configuratorTable tr:hover td {cursor: pointer; background: #feed01 !important;}
.configuratorTable tr:nth-child(2n) td {background: #efefef;}
.configuratorTable .gray {color: gray;}
.configuratorTable th {background: #aaa; vertical-align: middle; padding: 7px 3px;}

#popup_container { min-width: 300px; max-width: 600px; background: #fff; color: #000; }
#popup_title {padding:5px 10px; color:#ffffff; background:#000000; margin:0px; font-size:12px; cursor: default; font-weight:bold;}
#popup_content { background-repeat: no-repeat; margin-top: 15px; margin-right: 8px; }
#popup_message { padding:0px 10px;}
#popup_panel { text-align: center; margin: 25px 0 20px 0; }
#popup_prompt { margin: .5em m; }
#popup_container .bt_normal {cursor:pointer;}

.popupConfig {background:ffe400; min-height: 100%; height:auto !important; height:100%; }
.popupConfig h4 {padding:5px 10px; color:#fff; background:#000; margin:0px; font-size:12px; font-weight:bold;}
.popupConfig h4 img {float:right;}
.popupConfig h3 {padding:0 0 5px 0; margin:0 0 15px 0; font-size:14px; border-bottom:1px solid #aaa}
.popupConfig .inner {padding:20px 20px;}
.popupConfig .form_table td {padding:0px 0px 10px 0px;}
.popupConfig .form_table input[type=text] {width:210px;}
.popupConfig #cboxClose {display:none;}



#carColors {display: none; margin-top:5px; padding-bottom: 5px;}
#carColors a {border: 1px solid #aaa; display: inline-block; height: 20px; margin-right: 3px; vertical-align: middle; width: 20px;}

.fa.fa-info-circle{font-size: 16px}

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

.car-option {float: left; margin-right: 90px}
.car-option.right{margin-right: 0; float: right;}


#filterRimType{width: 100%;}

a.rimImage {text-decoration: none;}
#selectedRimArticles {padding-bottom: 30px; padding-top: 45px;}
#selectedRimArticles table {width: 100%;}

#vehicles h3{border-bottom: 1px solid #ccc; padding-bottom: 5px}
#carImageInfo{margin-bottom: 30px; float: left; max-width: 640px; margin-left: 20px}
.moveDropDowns {position: relative; background: #eee; padding: 0 10px 10px 0}

label.tpmsShow{top: 0}
.tpmsShow input[type=checkbox]{position: relative; top: 2px}
#carImageInfo label, .tpmsShow {margin-bottom: 5px}

/* #tpms {width: 953px} */
.modalTable th {background: #aaa; color: #fff; padding: 4px 2px; text-align: left;} 
#fancyCarDetails .fancybox-inner {max-width: 985px; width: 1016px; height: 678px; overflow: auto;}
#fancyCarDetails .fancyIframe {width: 100%; height: 668px; border-width: 0px;}

.rdks_info {margin-left:15px;}


#carImageInfo .border_box {top: -10px; border: 1px solid #aaa; width: 646px}
#carImageInfo .border_box input[type=radio] + label { border: 0!important; padding: 0 0 0 25px!important; margin-right: 10px;}
#carImageInfo .border_box input[type=radio] + label:before {left: 0px; }
#carImageInfo .border_box.tpms{width: 632px}

.conditions {font-size: 11px !important; border-spacing: 2px;}
.conditions th {background: #aaa; color: #fff; padding: 4px 2px; text-align: center;}
.conditions td {padding: 4px 2px; background: #dedede;}
.conditions tr:nth-child(2n) td {background: #efefef}
.conditions .leftColumn {background: #aaa !important; color: #fff; padding: 4px 2px; text-align: center;}

.fullpage {width: 99.3%;}
.textCentered {text-align: center;} 

#tires #ergebnisliste {padding-top: 30px;}


/* JF-NETWORK CONFIGURATOR */

.configurator { padding: 0 10px; }
.configurator * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.configurator .steps { margin-bottom: 10px; }
.configurator .steps a { float: left; width: 32.666666%; height: 40px; line-height: 40px; background: #f0f0f0; margin-right: 1%; text-decoration: none; overflow: hidden; }
.configurator .steps a.active { border: 1px solid #ddd; background: #fff; }
.configurator .steps a.inactive { color: #bbb; cursor: default; }
.configurator .steps a:last-child { margin: 0; }
.configurator .steps .ico { display: inline-block; width: 50px; text-align: center; background: url(../gfx/icons_configurator.svg) no-repeat #ddd; background-size: 20px; margin-right: 5%; font-size: 18px; float: left; height: 39px; padding-top: 10px; }
.configurator .steps a.inactive .ico { border-right: 1px solid #fff; opacity: .5; }
#searchVehicles .ico { background: #ddd; }
#searchRims .ico { background-position: center -23px;}
#searchTires .ico { background-position: center 10px; }

#hsnTsnSelection label { display: inline-block; line-height: 36px; height: 36px; background: #eee; padding: 0 10px; border: 1px solid #eee; margin-bottom: 10px; }
#hsnTsnSelection label:before { content: ''; }
#hsnTsnSelection label:hover { background: #ddd; cursor: pointer; }
input[value="new-reg"]:checked ~ .new-form, input[value="old-reg"]:checked ~ .old-form { cursor: default!important; background: #fff!important; border: 1px solid #ccc; }
#hsnTsnSelection .button_area { margin-top: 10px; }

.border_box{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border: 1px solid #aaa; padding: 10px; position: relative; top: -1px; border-top: 0}
.thirdpage .col {margin-bottom: 15px}

#vehicleSelectionResult { position: relative; }
#vehicleSelectionResult .button_area {position: absolute; top:0; right: 0px}

#new-reg {display: none; margin-top: 10px; position: relative;}
#new-reg input.short-no {position: absolute; top: 19px; width: 50px; left: 155px; height: 19px; border: 0; outline: 0; text-transform: uppercase;} 
#new-reg input.long-no {position: absolute; top: 19px; width: 84px; left: 225px; height: 19px; border: 0; outline: 0; text-transform: uppercase;}
#new-reg input.long-no.disabled {background: transparent; color: black;}

#old-reg {display: none; margin-top: 10px; position: relative;}
#old-reg input.short-no {position: absolute; top: 19px; width: 62px; left: 139px; height: 19px; border: 0; outline: 0; text-transform: uppercase;} 
#old-reg input.long-no {position: absolute; top: 19px; width: 62px; left: 230px; height: 19px; border: 0; outline: 0; text-transform: uppercase;}
#old-reg input.long-no .disabled {background: transparent; color: black;}

input.short-no:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
input.long-no:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}

input[value="new-reg"]:checked ~ #new-reg {display: block; }
input[value="old-reg"]:checked ~ #old-reg {display: block; }

.tile {width: 24%; padding: 150px 0 10px 0; height: auto; float: left; margin: 15px 1% 15px 0; text-align: center; border: 1px solid #ccc; background: #fff no-repeat 50% 5px; cursor: pointer; position: relative;}
.tile .info {width: 15px; height: 13px; padding-top: 0;}
.tile.fourth{margin-right: 0; width: 25%; } 

.configurator .moveDropDowns { background: none;  }
.configurator #switchBtn { text-decoration: none; font-size: 14px; }
.configurator #switchBtn .fa { margin-right: 6px; }

.configuratorTable #configfilter { display: none; color: #fff; font-weight: bold; font-size: 17px; padding: 0 10px; }
.configuratorTable #configfilter:hover { cursor: pointer; }
label.mobile { display: none; }

.carBox { margin-bottom: 10px; position: relative; }
.carBox ::selection {background: transparent;}
.carBox ::-moz-selection {background: transparent;}
#carImage { display: table; margin: 0 auto; }
#carText h3{ margin-top: 6px; color: #777; border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 10px; }
.carRow {width:100%; text-align: center; margin-top: 5px;}
.carRow a{ color: #333; }
.carRow .left{float:left;}
.carRow .right{float:right;}
.carRow .center{margin:0 auto;width:100px;}
#chevronLeft, #chevronRight { position: absolute; top: 55%; width: 40px; height: 40px; }
#chevronLeft { left: 0; }
#chevronRight { right: 0; }

.dropFrame {color: #333; }
.dropFrame.disabled {opacity:0.3; cursor:default;}

#filterRims { position: relative; }
#filterRimType .box_btn{ background: url(../gfx/icons-rims.svg) no-repeat #444; background-size: 26px; padding-left: 50px; background-position: 15px 4px; font-weight: bold!important; margin-bottom: 10px; }
#filterRimType .box_btn.steel { background-position: 15px -34px; }
#filterRimType .box_btn:hover{text-decoration: none; background-color: #1f1f1d; cursor: pointer;}

.filterTable label {margin: 0;}
.filterTable td {padding: 10px 2px; background: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.filterTable tr:nth-child(2n) td {background: #efefef;}
.filterTable label input[type=checkbox]{position: relative; top: 2px; margin: 0; float: right;}
.filterTable select {width: 100%;}
.filterTable .input.right {width: 120px;}
.filter-inline { float: left; width: 24%; margin-right: 1%; }
.add-config { margin-top: 20px; }
.configInch { height: 40px; }
.configInch span { margin-right: 10px; }
.configInch input[type=checkbox] + label { display: inline-block; padding: 5px 10px; margin-right: 10px; border: 1px inset #ccc; border-radius: 3px; background: #fff; position: relative; }
.configInch input[type=checkbox] + label:hover { cursor: pointer; border-width: 2px; border: 2px inset #ccc; margin: -1px 9px 0 -1px; }
.configInch input[type=checkbox] + label:before {content: ''; width: 0; height: 0;}
.configInch input[type=checkbox]:checked + label {  border: 2px inset #ffe400; background: #ffe400; cursor: default; font-weight: bold; margin: -1px 9px 0 -1px; }
table.rim-filter { width: 100%; }
td.mobile-rim-filter { display: none; }

.modalTable {font-size: 12px;}
.modalTable td {padding: 4px 2px; background: #dedede}
.modalTable tr:nth-child(2n) td {background: #efefef}

.modalTable.carDetailsSelectTarget{margin-top: 30px; width: 970px}
.modalTable.stat-info {width: 300px; float: left;}
.modalTable.stat-info td{padding: 6px 2px}
.modalTable .center {text-align: center;}

#carDetails { position: relative; }
#printDetails {position: absolute; right: 0; top: 0;}

.rimntire { margin-bottom: 10px; }
.rimntire h3 { border-bottom: 1px solid #ddd; margin-bottom: 10px; font-size: 18px; padding-bottom: 5px; }
.rimntire > tr > td{ border-bottom: 1px dotted #ccc; padding: 5px}
.rimntire .buy_btn {height: 50px; display: block; float: none;}
.rimntire .buy_btn .cart{background-position: center 10px}
.rimntire .final {border: 1px solid #ccc; background: #f0f0f0; padding: 0 5px;}
.rimntire .info_box img{margin-right: 10px}
.rimntire .config{ border: 1px dotted #ccc: ;}
.rimntire .article { position: relative; min-height: 100px; padding: 20px 0 0px; }
.rimntire .article > img { float: left; margin: 0 10px 0 0; max-width: 80px; }
.rimntire .article .price { position: absolute; right: 0px; bottom: 5px; font-size: 18px; }
.rimntire .remove { position: absolute; right: 0; top: 0; font-size: 16px; }
.rimntire .text { margin-bottom: 10px; font-size: 14px; font-weight: bold; }

.configurator .box_btn .ico { background: url(../gfx/icons_configurator.svg) no-repeat; float: left; width: 34px; height: 40px; background-size: 24px; background-position: 0 -76px; }
.configurator .box_btn .icon { background: url(../gfx/ico_cart.svg) no-repeat; padding-left: 37px; background-size: 25px; background-position: 0px 5px; }
.configurator .box_btn.add-rim-set { left: 4px; }

.add-tire-filter .filter { width: 19%; margin-right: 1%; float: left;}
.add-tire-filter .row .filter:nth-child(5n) {width: 20%; margin-right: 0; }

.mobile-filter-btn { display: none; color: #fff; font-weight: bold;; padding: 0 10px; position: absolute; right: 10px; top: 10px; }
.mobile-filter-btn:hover { cursor: pointer; background: #444; }

#ajaxloader_vehicleSearch, #ajaxloader_displaySwitch { position: relative; margin: 10px auto; display: block; height: 40px; text-align: center; }
.configurator .warning {background: #DB4F60; border:1px solid #DB4F60; padding: 8px; color: #fff; display:block; margin:0 0 20px 0; font-size:1.15em;}

#ajaxloader_sap_search {width: 24px; position: relative; margin-top: 7px; margin-left: 10px; float:left;}
#ajaxloader_sap_tire_search {width: 24px; position: relative; margin-top: 7px; margin-left: 10px; float:left;}

.selectbox.date{cursor: pointer;}
.selectbox.time{cursor: pointer;}
#appDate{cursor: pointer;}
#appTime{cursor: pointer;}


@media print {
/*  .border_box {display: none;} */
    #printDetails {display: none;}
    #modelDetailsPopUpClose {display: none;}
    #cboxWrapper {height: 100% !important;}
    #cboxContent {height: 100% !important;}
    #cboxLoadedContent {height: 100% !important;}
    #fancyCarDetails .fancybox-inner {max-width: 985px; width: 1016px; height: 678px; overflow: visible !important;}
    #rimConditionsPopUpClose {display: none;}
    #printConditions {display: none;}
}

.product .to-cart .info .nostock{color: red; text-align: left; font-size: 10px; font-weight: bold;}

.setTransparent {color: transparent;}

.aBenefit {float: right; margin-left: 8px;}

.tiretest-ul {font-size:13px !important; padding-left:22px !important; margin: 0px !important} 
.tiretest-li {list-style:square !important;}
.tiretest-td-pos {border-bottom: 1px solid #ccc; padding-bottom: 3px;}
.tiretest-td-neg {padding-top: 3px;}
/*** mein-konto order history ***/
.mkorder-appfilled {display: block; line-height: 20px; padding-top: 12px; padding-bottom: 10px;}
.mkorder-appchange {display: none; position: relative; padding-right: 10px;}
.mkorder-cancel {min-width: 70px; text-align: center; display: inline-block; padding-bottom: 5px;}
.mkorder-success {display: none; position: relative; text-align: center; color: #009900; font-weight:bold;}
.mkorder-success ul li {list-style: none; text-indent: -28px; border-bottom: none !important;}
.mkorder-success ul li:before {content: '\f00c'; color: #009900; font-family: 'FontAwesome'; font-size: 16px; margin:0 3px 0 5px}

/***my-account***/
.my-account-appointment {background: #d4d4d4; position: relative; margin-bottom: 10px; margin-top:10px; display: none;}
.my-account-appointment.active {display: block;}
.my-account-appointment .step-ico {background-color:#ffe400; font-family: 'FontAwesome'; height: 45px; width: 45px; line-height: 45px; text-align: center; font-size: 24px; position: absolute; left: 0; top: 0;}
.my-account-appointment .datepicker select {color: #009640; font-weight: bold!important;}
.my-account-appointment .topbar{min-height: 45px; line-height: 45px; display: inline-block; width: 100%; padding-left: 55px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.my-account-appointment .topbar .title {font-weight: bold; display: inline-block; width: 30%; margin-bottom: 0; vertical-align: top;}

/***editor***/
.box_btn.editor:active, .box_btn.editor:visited, .box_btn.editor:focus, .box_btn.editor:hover {color: #232323; background: #ebd202;}

/***checkout overview***/
#missingPlate {color: #DB4F60; border:1px solid #DB4F60; padding: 8px; margin:0 0 20px 0; font-size:1.15em;}

/***bike configurator***/
.or.configurator{padding: 5px 10px; background: #ededed; margin: 0px 5px 0px 0px; font-style: italic; vertical-align: bottom; font-weight: 100;}
#vehicleSelectionResult.bike{margin-top:30px;}
.configurator-bikePair{padding: 10px; background: #f3f3f3; border: 1px solid #d4d4d4; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin-top: 10px; position: relative; min-height: 60px;}
.configurator-pair{padding: 10px;}
.btnBuyTirePair{margin-bottom:10px; margin-left:10px; width:210px;}
.thirdpage.border{width: 31%; padding-right: 15px; margin-right: 2%; border-right:1px solid #d4d4d4; display: inline-block; vertical-align: top; overflow: hidden; margin-top: 10px; float: left; min-height:155px;}
.thirdpage.border.last{margin-right: 0%; width: 34%; border-right:none;}
.pair-content{margin-top:25px;}
.pair-content h3{margin-bottom:25px; border-bottom: 1px solid #111;}
.configurator-pair hr{border-color: #d4d4d4; margin-top: 70px; margin-bottom:50px; border-bottom: 2px solid;}