.klarna_promotion_logo img{ margin: 10px auto; display: block; } /* Reset rules */ /* General resets */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, picture { margin: 0; padding: 0; border: 0; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, picture { display: block; } body { line-height: 1; margin: 0; padding: 0;} ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } img, video, picture { max-width: 100%; } /* * Main stylesheet * * Included everywhere on the website. * Contains mostly layouting (depending on breakpoint) and generic classes * * @author Jarlssen GmbH */ /* * Main definitions SCSS file * * Definition of mixins and functions etc. * Should NOT generate any actual CSS! * To be included in ALL subsequent SCSS files. * * @author Jarlssen GmbH */ /* * Main variables SCSS file * * Definition of ONLY variables. * Should NOT generate any actual CSS! * * To be included ONLY in _RC_Definitions.scss. * * @author Jarlssen GmbH * @see _RC_Definitions.scss */ @-ms-viewport { width: device-width !important; } @font-face { font-family: AkkoProBoldItalic; src: url(https://www.racechip.de/skin/frontend/racechip/default/fonts/Linotype-AkkoProBoldItalic.eot); /* IE9 Compat Modes */ src: url(https://www.racechip.de/skin/frontend/racechip/default/fonts/Linotype-AkkoProBoldItalic.eot?#iefix) format("embedded-opentype"), url(https://www.racechip.de/skin/frontend/racechip/default/fonts/Linotype-AkkoProBoldItalic.woff2) format("woff2"), url(https://www.racechip.de/skin/frontend/racechip/default/fonts/Linotype-AkkoProBoldItalic.woff) format("woff"), url(https://www.racechip.de/skin/frontend/racechip/default/fonts/Linotype-AkkoProBoldItalic.ttf) format("truetype"), url(https://www.racechip.de/skin/frontend/racechip/default/fonts/Linotype-AkkoProBoldItalic.svg#svgFontName) format("svg"); /* Legacy iOS */ } @font-face { font-family: AkkoProLightItalic; src: url(https://www.racechip.de/skin/frontend/racechip/default/fonts/Linotype-AkkoProLightItalic.eot); /* IE9 Compat Modes */ src: url(https://www.racechip.de/skin/frontend/racechip/default/fonts/Linotype-AkkoProLightItalic.eot?#iefix) format("embedded-opentype"), url(https://www.racechip.de/skin/frontend/racechip/default/fonts/Linotype-AkkoProLightItalic.woff2) format("woff2"), url(https://www.racechip.de/skin/frontend/racechip/default/fonts/Linotype-AkkoProLightItalic.woff) format("woff"), url(https://www.racechip.de/skin/frontend/racechip/default/fonts/Linotype-AkkoProLightItalic.ttf) format("truetype"), url(https://www.racechip.de/skin/frontend/racechip/default/fonts/Linotype-AkkoProLightItalic.svg#svgFontName) format("svg"); /* Legacy iOS */ } @font-face { font-family: AkkoProItalic; src: url(https://www.racechip.de/skin/frontend/racechip/default/fonts/Linotype-AkkoProItalic.eot); /* IE9 Compat Modes */ src: url(https://www.racechip.de/skin/frontend/racechip/default/fonts/Linotype-AkkoProItalic.eot?#iefix) format("embedded-opentype"), url(https://www.racechip.de/skin/frontend/racechip/default/fonts/Linotype-AkkoProItalic.woff2) format("woff2"), url(https://www.racechip.de/skin/frontend/racechip/default/fonts/Linotype-AkkoProItalic.woff) format("woff"), url(https://www.racechip.de/skin/frontend/racechip/default/fonts/Linotype-AkkoProItalic.ttf) format("truetype"), url(https://www.racechip.de/skin/frontend/racechip/default/fonts/Linotype-AkkoProItalic.svg#svgFontName) format("svg"); /* Legacy iOS */ } .f-left { float: left; } .f-right { float: right; } .clear-fix:before, .clear-fix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clear-fix:after { clear: both; } .f-both { clear: both; } .row:before, .row:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .row:after { clear: both; } .col_2 { width: 50%; float: left; } .a-left { text-align: left; } .a-right { text-align: right; } .a-center { text-align: center; } .h-center { margin: 0 auto; } .v-middle { vertical-align: middle; } .no-display { display: none; } .no-display-important { display: none !important; } .nobr { display: block; } .no-scroll { overflow: hidden !important; } .flexbox { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .radial-shadow { width: 100%; height: 20px; position: relative; background: none; background-color: #e6e6e6; } .radial-shadow:after { content: ""; position: absolute; z-index: -1; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.8); box-shadow: 0 0 30px rgba(0, 0, 0, 0.9); left: 5%; right: 5%; width: 90%; height: 25%; -moz-border-radius: 100%; border-radius: 100%; } html.chrome .radial-shadow:after { box-shadow: 0 0 45px rgba(0, 0, 0, 0.9); } .radial-shadow.shadow-top:after { bottom: 25px; } .radial-shadow.shadow-bottom:after { top: 25px; } .no-wrap { white-space: nowrap; } span.-shortened { display: none; } @media screen and (max-width: 950px) { span.-shortened { display: inline; } } @media screen and (max-width: 950px) { span.-not-shortened { display: none; } } .-data-sensitive { visibility: hidden; } .-data-sensitive.product-racechip_app, .-data-sensitive.gallery, .-data-sensitive[data-detail], .-data-sensitive.modal-overlay { visibility: visible; } .emph-orange { color: #d0511e; } * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-tap-highlight-color: transparent; } html { font-size: 16px; } html, body { min-height: 100%; } body { color: #3c3c3c; background-color: #fff; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; line-height: 1.2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a, a:visited { color: #c85a1e; text-decoration: none; } a:hover, a:active, a:visited:hover, a:visited:active { color: #3c3c3c; } a.video-link, a:visited.video-link { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-video.png) no-repeat left center; padding-left: 25px; } a.video-link:hover, a:visited.video-link:hover { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-video-hover.png); } a.advantages-link, a:visited.advantages-link { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-advantages.png); } a.compare-link, a.compare-link-icon, a.picker-link, a.more-link, a.info-link, a.gauge-link, a.video2-link, a.video3-link, a.tech-link, a.pdf-link, a.cell-link, a.advantages-link, a:visited.compare-link, a:visited.compare-link-icon, a:visited.picker-link, a:visited.more-link, a:visited.info-link, a:visited.gauge-link, a:visited.video2-link, a:visited.video3-link, a:visited.tech-link, a:visited.pdf-link, a:visited.cell-link, a:visited.advantages-link { text-transform: uppercase; padding-left: 30px; background-color: transparent; background-repeat: no-repeat; background-position: left center; } a.compare-link, a.compare-link-icon, a:visited.compare-link, a:visited.compare-link-icon { display: inline-block; background: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-compare.png) no-repeat left center; line-height: 24px; background-size: 23px auto; } a.compare-link:hover, a.compare-link-icon:hover, a:visited.compare-link:hover, a:visited.compare-link-icon:hover { background: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-compare-hover.png) no-repeat left center; background-size: 23px auto; } a.picker-link, a:visited.picker-link { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-car.png); padding-left: 40px; background-size: 36px auto; } a.picker-link:hover, a:visited.picker-link:hover { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-car-hover.png); } a.more-link, a:visited.more-link { display: inline-block; background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-info.png); line-height: 24px; } a.info-link, a:visited.info-link { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-info-grey.png); } a.gauge-link, a:visited.gauge-link { display: inline-block; background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-gauge.png); line-height: 26px; } a.video2-link, a:visited.video2-link { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-video2.png); } a.video3-link, a:visited.video3-link { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-video3.png); } a.pdf-link, a:visited.pdf-link { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-pdf.png); } a.tech-link, a:visited.tech-link { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-tech.png); } a.edit-link, a:visited.edit-link { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-edit.png); } a.cell-link, a:visited.cell-link { display: inline-block; background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-cell.png); background-size: 10px; padding-left: 18px; line-height: 30px; } a.cell-link:hover, a:visited.cell-link:hover { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-cell_hover.png); background-size: 10px 17px; } a.tel, span.tel { display: inline-block; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-support-small.png) no-repeat left center; padding-left: 30px; line-height: 30px; } h1.product-name { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 200; font-style: italic; font-size: 2rem; } h1.product-name strong { font-weight: 500; } h1.product-name .car-selected { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 2rem; } .ie9 .gradient { filter: none !important; } figure { margin-bottom: -4px; } sup { vertical-align: super; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.5rem; } .no-mobile.desktop .only-mobile { display: none !important; } .mobile.no-desktop .only-desktop { display: none !important; } .product-warning-block-container { width: 100%; margin-bottom: 40px; text-align: center; clear: both; } .product-warning-block-container:before, .product-warning-block-container:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .product-warning-block-container:after { clear: both; } .product-warning-block-container .product-warning-block { margin: 0 auto; border: 2px solid #3c3c3c; padding: 40px 2.01613% 40px 14.1129%; background: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-warning.svg) no-repeat 4.03226% center; background-size: 60px 60px; text-align: left; text-transform: uppercase; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.07143rem; } .product-warning-block-container .product-warning-block span { display: block; } .product-warning-block-container .product-warning-block span.warning { margin-bottom: 10px; } .product-warning-block-container .product-warning-block .under-480 { display: none; } @media screen and (min-width: 992px) { .product-warning-block-container .product-warning-block { padding-left: 140px; } } @media screen and (max-width: 992px) { .product-warning-block-container { padding-left: 2.01613%; padding-right: 2.01613%; } } @media screen and (max-width: 768px) { .product-warning-block-container { padding-top: 40px; } .product-warning-block-container .product-warning-block { padding-left: 18.22917%; } } @media screen and (max-width: 680px) { .product-warning-block-container { padding-top: 0; } } @media screen and (max-width: 480px) { .product-warning-block-container .product-warning-block { padding-left: 25%; } .product-warning-block-container .product-warning-block .over-480 { display: none; } .product-warning-block-container .product-warning-block .under-480 { display: block; } } .expand { display: none; vertical-align: bottom; margin-left: 10px; margin-bottom: 3px; color: #c85a1e; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.14286rem; cursor: pointer; } .expand .shown { display: inline-block; } .accordion .accordion-item .accordion-trigger { padding: 11px 40px 11px 20px; overflow: hidden; cursor: pointer; background: #ededed url(https://www.racechip.de/skin/frontend/racechip/default/images/arr_down_orange_full.png) no-repeat right 20px center; text-transform: none; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 0.92857rem; } .accordion .accordion-item .accordion-trigger:hover { background: #f2f2f2 url(https://www.racechip.de/skin/frontend/racechip/default/images/arr_down_black_full.png) no-repeat right 20px center; } .accordion .accordion-item .accordion-content { display: none; padding: 2.08333%; } .accordion .accordion-item .accordion-content p { margin-bottom: 10px; } .accordion .accordion-item .accordion-content p:last-child, .accordion .accordion-item .accordion-content p.last { margin-bottom: 0; } .accordion .accordion-item.open .accordion-trigger { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/arr_up_orange_full.png); } .accordion .accordion-item.open .accordion-content { display: block; } .mounting-gallery .content-area { padding: 60px 0 50px 0; } .mounting-gallery .explanations-text { width: 82.29167%; margin: 0 auto 40px auto; } .mounting-gallery .explanations-text .title, .mounting-gallery .explanations-text .sub-title { text-align: center; margin-top: 0; } .mounting-gallery .explanations-text .title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2.14286rem; margin-bottom: 10px; } .mounting-gallery .explanations-text .sub-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.57143rem; margin-bottom: 10px; } .mounting-gallery .explanations-text p { margin-top: 30px; } .mounting-gallery .gallery-container { width: 100%; padding-bottom: 40px; position: relative; } .mounting-gallery .gallery-container .gallery-area { width: 100%; min-height: 580px; z-index: 1; position: relative; } .mounting-gallery .gallery-container .gallery-area .tabs { position: absolute; top: 20px; left: 0; width: 100%; text-align: center; z-index: 2; } .mounting-gallery .gallery-container .gallery-area .tabs .tab-handle { display: inline-block; padding: 0 3.125%; line-height: 40px; margin-right: 1px; width: 14.58333%; background-color: #000; } .mounting-gallery .gallery-container .gallery-area .tabs .tab-handle a { color: #fff; text-transform: uppercase; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.92857rem; } .mounting-gallery .gallery-container .gallery-area .tabs .tab-handle a:hover { color: #c85a1e; } .mounting-gallery .gallery-container .gallery-area .tabs .tab-handle.active { background-color: #a5a5a5; } .mounting-gallery .gallery-container .gallery-area .tabs .tab-handle.active a { color: #3c3c3c; } .mounting-gallery .gallery-container .gallery-area .tab { display: none; position: relative; top: 0; left: 0; } .mounting-gallery .gallery-container .gallery-area .tab:before, .mounting-gallery .gallery-container .gallery-area .tab:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .mounting-gallery .gallery-container .gallery-area .tab:after { clear: both; } .mounting-gallery .gallery-container .gallery-area .tab.active { display: block; } .mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow { height: 70%; max-height: 580px; top: 0; bottom: 0; display: none; } .mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow.prev { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-left-tall.png); background-position: 10% 50%; background-size: 28px auto; } .mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow.next { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-right-tall.png); background-position: 90% 50%; background-size: 28px auto; } .mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow:hover.prev { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-left-tall-hover.png); } .mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow:hover.next { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-right-tall-hover.png); } .mounting-gallery .gallery-container .gallery-area .tab:hover .unslider-arrow { display: block; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider { position: relative; overflow: auto; width: 100% !important; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li { float: left; line-height: normal; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li figure { margin: 0; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info { padding-top: 30px; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info:before, .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info:after { clear: both; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .explanations { display: inline-block; line-height: 24px; vertical-align: top; width: 67.70833%; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .explanations .emph-sub-title { margin: 0 0 15px 0; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links { display: inline-block; vertical-align: top; width: 31.25%; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links a, .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links span { display: block; margin-bottom: 10px; } .mounting-gallery .gallery-container .gallery-area .tab .unslider-nav { bottom: auto; text-align: center; top: 487px; width: 100%; } .mounting-gallery .links a { margin-left: 10px; } @media screen and (max-width: 960px) { .mounting-gallery .gallery-container .gallery-area .tab .unslider-nav { top: 66.66667%; } } @media screen and (max-width: 820px) { .mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow { max-height: 500px; } } @media screen and (max-width: 768px) { .mounting-gallery .gallery-container .gallery-area .tabs .tab-handle { width: 18.22917%; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .explanations { width: 58.59375%; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links { padding-right: 0; padding-left: 2.60417%; width: 39.0625%; } .mounting-gallery .gallery-container .gallery-area .tab .unslider-nav { top: 58.33333%; } } @media screen and (max-width: 640px) { .mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow { max-height: 400px; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .explanations { width: 52.08333%; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links { width: 44.27083%; } .mounting-gallery .gallery-container .gallery-area .tab .unslider-nav { top: 50%; } } @media screen and (max-width: 560px) { .mounting-gallery .content-area { padding: 40px 0; } .mounting-gallery .gallery-container { margin-top: 80px; padding-bottom: 20px; } .mounting-gallery .gallery-container .gallery-area { min-height: 340px; } .mounting-gallery .gallery-container .gallery-area .tabs { top: -40px; } .mounting-gallery .gallery-container .gallery-area .tabs .tab-handle { width: 33.1%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.8) 100%) repeat scroll 0% 0% transparent; } .mounting-gallery .gallery-container .gallery-area .tabs .tab-handle.last, .mounting-gallery .gallery-container .gallery-area .tabs .tab-handle:last-child { margin-right: 0; } .mounting-gallery .gallery-container .gallery-area .tabs .tab-handle.active { background: none; background-color: #dadada; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info { padding-top: 10px; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .explanations, .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links { width: 100%; float: none; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links { padding: 16px 0; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links:before, .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links:after { clear: both; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links .pdf-link, .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links .video2-link { margin: 0; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links .pdf-link { float: left; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links .pdf-link { float: right; } .mounting-gallery .gallery-container .gallery-area .tab .unslider-nav { top: 52.94118%; } .mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow { max-height: 340px; } } @media screen and (max-width: 480px) { .mounting-gallery .content-area { padding: 40px 0 20px 0; } .mounting-gallery .explanations-text { width: 100%; } .mounting-gallery .explanations-text .title, .mounting-gallery .explanations-text .sub-title { text-align: left; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info { padding-left: 0; padding-right: 0; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links { display: block; margin-top: 20px; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links .pdf-link, .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links .video2-link { float: none; display: block; width: 100%; } .mounting-gallery .gallery-container .gallery-area .tab .gallery-slider ul li .bottom-info .links .pdf-link { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #AFAFAF; } .mounting-gallery .gallery-container .gallery-area .tab .unslider-nav { display: none; } .mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow { max-height: 300px; } .mounting-gallery .links { display: none; } } @media screen and (max-width: 450px) { .mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow { max-height: 260px; } } @media screen and (max-width: 400px) { .mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow { max-height: 220px; } } @media screen and (max-width: 320px) { .mounting-gallery .gallery-container .gallery-area .tab .unslider-arrow { max-height: 190px; } } .tabbed-block .tabs { width: 100%; margin-bottom: 20px; } .tabbed-block .tabs .tab-handle { width: 33.2%; display: inline-block; text-align: center; padding: 0 3.125%; line-height: 40px; margin-right: 1px; background-color: #414141; cursor: pointer; } .tabbed-block .tabs .tab-handle a { color: #fff; text-transform: uppercase; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.92857rem; } .tabbed-block .tabs .tab-handle a:hover { color: #c85a1e; } .tabbed-block .tabs .tab-handle.active { background-color: #a5a5a5; } .tabbed-block .tabs .tab-handle.active a { color: #3c3c3c; } @media screen and (max-width: 820px) { .tabbed-block .tabs .tab-handle { width: 33.1%; } } @media screen and (max-width: 560px) { .tabbed-block .tabs .tab-handle { padding: 0 1.04167%; } .tabbed-block .tabs .tab-handle a { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.78571rem; } } @media screen and (max-width: 480px) { .tabbed-block .tabs .tab-handle { display: block; width: 100%; text-align: left; margin-bottom: 1px; padding-left: 4.16667%; } .tabbed-block .tabs .tab-handle a { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } } .tabbed-block .tab { display: none; position: relative; min-height: 300px; } .tabbed-block .tab:before, .tabbed-block .tab:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .tabbed-block .tab:after { clear: both; } .tabbed-block .tab.active { display: block; } .news-container { padding-bottom: 40px; } .news-container .head-line { margin: 4.03226% 0 2.01613% 0; position: relative; } .news-container .head-line h1 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.57143rem; } .news-container .head-line a { line-height: 2.2; vertical-align: middle; text-transform: uppercase; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; position: absolute; right: 0; bottom: 0; } .news-container .news { overflow: hidden; } .news-container .news .item { float: left; width: 23%; vertical-align: top; margin-right: 2.66667%; } .news-container .news .item:last-child, .news-container .news .item.last { margin-right: 0; } .news-container .news .item a { color: #3c3c3c; cursor: pointer; } .news-container .news .item a:hover { color: #c85a1e; } .news-container .news .item img { max-height: 125px; } .news-container .news .item h2 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: normal; font-size: 1rem; margin: 4.03226% 0; } .news-container .news .item p { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; line-height: 1.5; max-height: 124px; overflow: hidden; } .news-container .news .item:not(.aklamio-news):not(.aklamio-only-tablets) { position: relative; } .news-container .news .item:not(.aklamio-news):not(.aklamio-only-tablets):after { content: ' ...'; position: absolute; bottom: 7px; right: 0; display: inline-block; } .news-container.aklamio .news .item:not(.aklamio-news):not(.aklamio-only-tablets):after { bottom: 37px; } @media screen and (max-width: 960px) { .news-container { padding: 1.6129%; } } @media screen and (max-width: 768px) { .news-container { padding: 0 3.90625% 5.20833%; } .news-container .head-line { margin: 5.20833% 0 2.60417% 0; } .news-container .head-line h2 { margin-right: 90px; } .news-container .news .item { width: 32%; margin-right: 2%; } .news-container .news .item.third, .news-container .news .item:nth-child(3) { margin-right: 0; } .news-container .news .item:last-child, .news-container .news .item.last { display: none; } .news-container .news .item p { max-height: 97px; overflow: hidden; } } @media screen and (max-width: 610px) { .news-container { padding: 0 4.16667% 4.16667% 8.33333%; } .news-container .head-line { margin: 6.25% 0 4.16667% 0; } .news-container .news .item { display: block; width: 100%; margin: 0 0 4.16667%; } .news-container .news .item:before, .news-container .news .item:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .news-container .news .item:after { clear: both; } .news-container .news .item:last-child, .news-container .news .item.last { display: block; margin-bottom: 0; } .news-container .news .item .news-image-container { width: 40%; float: left; padding-right: 4.16667%; } .news-container .news .item .news-text-container { width: 60%; float: right; } .news-container .news .item .news-text-container h2 { margin-top: 0; margin-bottom: 2.08333%; } .news-container .news .item .news-text-container p { max-height: 50px; overflow: hidden; line-height: 1.7; } } @media screen and (max-width: 480px) { .news-container { padding: 0 8.33333%; } .news-container .news .item { margin: 0 0 4.16667%; } .news-container .news .item .news-image-container { width: 100%; padding-right: 0; } .news-container .news .item .news-image-container img { max-height: none; } .news-container .news .item .news-text-container { width: 100%; } } .video-wrapper { position: relative; padding-top: 25px; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .messages span { margin: 20px; border: 1px solid #c8c8c8; background: #fff; padding: 20px; text-align: center; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.71429rem; display: block; } .messages .success-msg { color: #388513; } .messages .error-msg { color: #d12929; } .messages .notice-msg { color: #ff9600; } .content-area { max-width: 960px; margin: 0 auto; position: relative; } #ab-trusted-shop-reviews-sticky-wrapper { float: right; position: fixed; right: 0; z-index: 5; width: 65px; top: auto; bottom: 100px; } .mobile.landscape div#ab-trusted-shop-reviews-sticky-wrapper { bottom: 0; } #ab-trusted-shop-reviews { display: none; position: absolute; width: 65px; height: 255px; right: 0; z-index: 5; border: 1px solid #ebebeb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border-top-right-radius: 0; border-bottom-right-radius: 0; background-color: #fafafa; } #ab-trusted-shop-reviews .item { width: 62px; padding: 10px 2px; border-bottom: 1px solid #ebebeb; text-align: center; text-transform: uppercase; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.71429rem; } #ab-trusted-shop-reviews .item:last-of-type { border-bottom: none; } #ab-trusted-shop-reviews .item img { width: 55px; height: 55px; } #ab-trusted-shop-reviews .item a { display: block; width: 100%; color: #3c3c3c; } #ab-trusted-shop-reviews .item a:hover { color: #c85a1e; } #ab-trusted-shop-reviews .item a.with-text img { margin-bottom: 3px; } #ab-trusted-shop-reviews .item.trusted-rating { padding-bottom: 7px; } #ab-trusted-shop-reviews .item.trusted-rating div { margin: 0 auto; } #ab-trusted-shop-reviews .item.trusted-rating-adjustment { position: relative; min-height: 87px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABxCAYAAABVw7T3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTVEREFERjkzNzI0MTFFOEFDN0VERDBFNERBQUUwNEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTVEREFERkEzNzI0MTFFOEFDN0VERDBFNERBQUUwNEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNUREQURGNzM3MjQxMUU4QUM3RUREMEU0REFBRTA0QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNUREQURGODM3MjQxMUU4QUM3RUREMEU0REFBRTA0QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhvDyGoAADD6SURBVHja7H0HfBRV1/7ZbLLpvZAChJBC70V6F6lSpIOIIDbEDvj6Ir52EREREZQiqB8qSC8iSBXpTVqAAIH0Rjopm7L/+5zdO5ndbELA4Mv/+7j5zW83szN3Zp577nPKPfeOhu6TMmXKVLfmLVo45uTk1Iq5caOJl7d3UGZGhp/O3r52UlKSJ44p0utrqc/JzMoswKevr1/qrdzco/geFBR0QdRx7ObNm+nie+7ChQuy74fn0/w3L75k6fIa6enp9QsLCzvn5eW1trGxaSDAjMjLz+Pf8/PzzY7XF+qpUF/I32/l3lL237pV9t3Z2dn4YDaaSDRASnLyzzqdLlLsurRhw7qE/zNAq8EtKCh4XKu1iSjILyAJrmVRg60GWg22GuiKiourS6STo9PWoqKibULST/zTkv6PAf3z6l9Ctbba9jdu3JgoKKE7wK2oWJPopMQkSklOMe03/u7o6ER+NfzMwIZEWwMejeLsYpR2RyfHHTYam40BAQH7ly1bcu5/BdAAuKi4aEJqatqo9JtpYRUBDHBTUlIUKfUP8DeTZJ29jry9vM2Ojb4aTaLRKKhWzQoBtlbkNWoE1GApd3NzW3mvAb+nQP+w6sf3ALBQVGGFhWUAS7AdHB1I0AiDhuLn50f16tUnb29P2rVrtwLw1StX6eVXXqTBgwab1X/ixAn6atFi2rZlO9WrH37H92cJuLj+e/eKUmzvRaW/rFs/Lic758Xr0dfbqAFWg4wCkL28vKhXrx4UHhZONQQN+Pj48m8HDx5igEPDQo2NYu/InzExsbRx02bq+0hvatWqFX0x/3NBIf+i37ZtZ8mujD7iY+P4UznORCXJickNxEcD0VP6v/zyq3M+//yzb6sbE21108Rjjw37JjkpeWZaWlqQJcgANjvHKDB2dnZ0+fJlateuLY0ZPYalWVgetGPnTlq+fAXFJ8RzI5SUlFB2dja1btOK6tevT3v27qFnJz9Lf/xxQADdkoKDg7mBNm/eQgYDkaenZzmQIbnZWVmi0cLI28eHrl+LphxRp5u7G/8urBLeMtIzfGNiYgY1bd6sQ9eu3U6fOnUypbqwsalOKc4vKNgeFxc7DMCg2Ns7KADHx8dTnTp16PnnnuXPm+k3WaJOnz5DaWmpfNwXCxbSB+99xBxcJ7gOWxjSyvDw8FSuFRpWl7l5z959/H9wcG3y8fVVlKS6pKUa6/507qe0evVPvC1YuIAi6tdTflNMQ5OEp6Wk9b506dJvQrqfvG+AhqMBLk6IT/heGK1h6t+yMjMZYEjm44+Po9dfe5W7e+NGjUg4FWSvs6doIV3JJmti/Lhx9Ov2LfTlgi9o5MjhbGVIHnV1cTEqwrz88oo0r6BCDi4sKKRXXnuZ+vR5hBsiMSGRv2/dupkeat9OoRN5HQm2oLjAA38cWN6pU5fP8Iz/VaBhE3fq3HlZ+s30mZY0gf/dPTxo+LBh9O47/6FuXbvy/qXLltKWrVuZKqDo0M2jrkTxb2HhYQzaho0b6NsVK61e8+bNDMHd18hDUERfARjKtehrDBjMPWvcXC8igj937PydmjRuRrPe/g+dP3+eTUZ7B3szDoeUS7BRMtLTX7l67eqawYOHBv5XOBp8LPhzbUZGxsOWIOfl3WK6AE2AR/Hw4EB8LlmyjC5dvMT0gQKLQ7jZ1L17N/5/0KAhNH/eF8y1LVq0oOvXr7O0jR07hry8vahUcHYtwctvz3qLORt1zpz5FiUJSa1dJ5iEQ6LcR5G+iK4IheosesPDD/eiJk2aCB2RQ/PmzqNtW7cJ/i8VDebB9UszUfA087e3rw+fD11yMy0tNCUpud/gIUP23S1va+8WZPCxuKEmABlcXFJSbOzq4sEBSKagDYP40+v1NOfTuRQRHk7+/v4UFhpK27b9SsLdJgcHBwY6vyBfAN2VnJycxYO7CzqaQjNmTBdANxOgfE7Cg6ThI4ZxL6glwOjSuRNfA+bdtOkz6I99f1JIaIgZyChQgM5OTvS7kGQHJ0fq0KE9Ax594zr9eeAgOzsQgFMnTlFt0XibNq2n5qJxd+/ezYA7ODoqijs/L89XOFsDZ86a9cdvv22/Y1dec7cgi4cIkyDjEyDXql2bj0lNTeH9iYkJ7N3BTBswcABzNAq67q9bfxUc+RADjXO/+24l1a5dFjNC1z50+BD98P0qljgACaCFvcu/XxdgXTh3XlBJZjkbWkro6HFjaOSI4dAjdOTQEVq2YqmwcEZz3YMfHcL0ExeXII5Np+Mnj1IjoTtQunXrwcfXrBnEx8iCY0tLi1PfePNf/V595aXj90yirYGMkpiQICShGT01aSKF1q1D+/b9IZRQAbm6uVJxcTFLzqmTp6h582YMlp+fL23YsJEl0Nvbm6XHRmsLPhT8vIk+nz+fVixfSUIZka84HpwZHxtP58+eo4uRkbyBKlxd3QSvh3I9ABddHRKKzzTB5ZOfniikvwsNHz6MfEQ97ds9xNe/IM7/cdVqYTbmMMg/rv4fPg42+pgx4+jc2QvCnvfiZwP1uLq5sFS7ieeJjYl1FhZJ3yFDh+68ExrR3oniKzUYdgNk9nRsbRXpbdykEUsKyv79B+i46NKQVNADJFC44OKBMilBgIOui4d1cXWhXTt3kZOzEwN5/Ngx+m37Dv7MzTEqNPAnQMS5KKCikuISo+kolFixqBeWDexntcUAoAHK5o2bKU2YkZ06dqROnTryda9EXaFXX31d8G46gzztjWn03LPP8nlbt22j+Z/NF1SVT63btqFly5eSu7iH0ydP87UBNoRG1OEudNPA2XPmrNq8aeOtagMa5k1YePjXQuI6mXGgUBoAfMIT41mSPp37Gf3882oSloh4sPaCp7PoytUr7KmBj88JiawTUocVYXx8Au3ZvUdxFiSROYljARRMMTgwABEAQjkGia6Mc2vWqsUcDU7Hw4OLk5NTGTxsdnZa3g9u3y48xrVr19KFixdpr7C7PxX6IvraDQZ5mOD9BV/MV54nIMCfbHV2dOH8RVr41QJq2bKlUKCNaNnS5dzA4GzcV1BQEIMdfe1ai8eGDdtw7NjRwmrhaNjJMOEs90OafX39aOoLz/P/MMtq1azFtrKMqH0+fwEd/PNPtqVhiYTUDeHv+/ftV2LHbH0InsZDwPGoJYCs36CB4Mz6XB8cEhmtMw+hioYoTaa41GSKPJNCF4U1c+L4CbosPuPi4kWP8CIXZ6NCy72Vz+CCd/G9c9eO9O3yZXwPuO+1v6ynefM+5RAAHCh84v5HjBhFu3/fLXpt43IOEczMps2aLjt67PBTfxtoeHwZ6Wnf5+fry/0GnoZUQ+FIRSIBZtDEzYL3Xp82jTlUgo3fJcgS4BZCerp26yx4tD1LrboRjHxg6qG2FYdXSa+hksIsOhN7jXZt/4t7zMkTpxWAQTdoLPSsMY+PEZK6hKmkb59+3DDwOPfu263EWyY9NZlWCWWM/TjPEmg4Q2i0UaNHTLxdfERzO1620+kOSF6WdAGA3dzcWBlCqlF69OhONQOD6OjxY/TN10uoS9cu7KhAOp54YqIZhwL0G8I+RoF3Bqemj8n5MAO21LxHGorLQC4tUf1WYu4taj2FF2nAtdJow6ZIWvLNMpZKFGlJwIKAVKNs3rDZ+Ay9etDKlcsZaNDgW2++xSAbHSWjnkAPUTs52A9LZOCjA3tUFmqtFOgff1q9JjU1dZijo44g0QDYw8NN3IiPoIPDxtCmUA4AH5IqTTl0/TfemM5SDk8QJpoM0COGLB9y4pNPmgMspba0POVJkM0AtgDZUKKSOEOOeDpXsvXxM9HaSfpcOEIw20ApNWsGsmTLAr5evPgr7knbt/9GQwYN5UYxmnXx5e5HNoCkkPoN6u86/dfJXnesDEEZ2VkZM4uFEoByka7tkxMmUNMmTclFeFsXhYKJiY0hnZ2OlQ8sjbHCdoXXBg2PG57zyVxWZFB4sHthKbw5cwZ99OGHFBYWppJelbNhKPl7IBt5hDdDTow4UU8NmtUXSvsRcnSxoW1b/uB7Be/CdIN5OXrsaA4TgOo6dehsjE9ojc80cPBAmiEE5+WXXxLWSCth4sWxd+vlZbSx4RRduxZd94WpU2MOHz50uspAgzKEe/rdrdw8NiYBNjw/UEX9+hGs7eGhwXNLE1r+zJm/qKS0RHQPDUtEREQY28NvCdcYlgIo49Txkxym/OKLz2lA/wHWAbYizWq6MKgboDKQIc1KNEd0c30WGbKucvi9Y7fe1KVXYzp0IFIBC0BtXL+RNFotLV60mANdkGaADCfn3XfeYfcdzwxLBOGAffv309kz5/h8WF5orKSkpJYVmXxWgR45atQbwnYdbB6/yBPUUcgB+azsTI4zAPCHhL3p6upKR44cEf87UYIw2zZt3iw8v+0MMhTg8SPHqItwsRcu/MJcii0BrkSSFZABsKG4aiCrwNYIO5gK0siQJyyfBhE0ZFQPOvtXEp0UAgD3WyfMui2btzDIkHQ4Kgu+mk9PjH+Cqzh06DD9RwB+7twF6tmzBw0Y0I/WrF4jdE2M0liCYtxtbbV04cL5nbcFGt5fcnLKx0X6Qi/plICbfXw8mYexiW5ChwWwcAoCAwMZPDglh0QjuHu4U1xsnLB1a5KriysdFvuGPDaUZn/8keB3D+sgW9AFA1xabA5w2Y9GcA1Fxq286VFeEZWYwLcR9nrJLdEWaeRWw4uGDO1CkRcz6MB+eKC+DBg2SDrAXrx4kRJxHDV8tJDgs2yW+gfWEH5CZ4qLj6ejR44yyFCQBoOGrkdHh7/3wQd7LOMh5cKkGEjFGJ8EGFZFYGAAjR41ms04SCiUHlp+9idzaNWPPxqjbo8+yhSB0COUIYoE+e233yoz16xJsoou1FRRrpjoAgrO1jvE9AmFZ1u2+XryZmNvZw4yn1927ZL4GHKyz6bVK55hDoZCU9vqTZs3VcYlpz7/ktltoCdLQ8AspUFYJNlZ2b6HDh4cWemYIaQ5ITFxlDGOoVP2Q2oBFKyIGdPr0MZNm3jw9GLkRY5ZAGQz+1JfyJwMuqgU5KpaFqyYRPd3dRNdv5BKko7TsZPHKTU5mqJi8ikh2VgvRqZq13CnevUiqGWj2qTzw3ijK5WkJ5n6r7MZ2PrYWNIJoVi+fDyNFCandEyMlsRVq/cIl12GGyIjI81samn2nTp5auSkSZPNRtbNgEbeBVICjNKsV4ajtm39VXBWFA0eNIhtTFyoWdOmQuFtpo4d2zOQkGyO4IkbP3XyJA8Vzf74QyPIFQF8O0kWEmyj8yCNcyCVZFygY/t+ol+2HKPDx6LoXLInZae7CHPZh8gzVDlFZ58BmKhXzVM0opczjX96AGkDfKkkMd0MZDXYLrW8BD2MpUcHpLDJB9MNZiA8Roy8r9+4jgcrxo4ZQ+2F3Y8CiwrODExFAAygsUGJCuqslZiY2EUcdq6cHY14Rt2w0A1JCYndMTIig/kyDIohKUfh6w/o3586d+5k5rkh7Dh9+htmnt7K71YYXfE7AFmRZFCE1pG0biGixdPpt18/pUWzl9HWk3ZU7NGeNAENyVAznHRBAcbz822pOK+A7LxtqchDQ3aZBtLHJ5ImLoqebJ1Ac2c3FIA0NIKtbsfiW6YgVD45h0bQ/iPJ9Ei35xg8WdatX6OAKwtAfnLCU+xxolEAsCwAXdrVHTt1HCrTFxRlOGz4iHbZ2Vnv2NrZsiknUwMSEuJ5fA/JKxjB3i0o48KFSLajEQo9euwYffDBh8ooyqVLUfT+h+/SI717mwAtqrIks+IzSbGNa226cnENvf/qGHr93Z103mEslbaZQHZNHqaHujSiqUO96JUeDvRsTy11aeJA/vYJdOR8KdkJhae3yyNNkDdR/UaCwuzo8PGbNGGQoB5bAxXn5pNB3JNBdV+l4nmLMm5SeJNgcnT1Yjs7qGYAh39XrviO9ELRIygGgfro49k0818zOcIH6YXVgXArNihU43NohFTH1q3hX2PnxYuR180k+t33PpiZk539nkxsAchC/NmKkENOGJnGCDUUoYxXSEcGigEOScPGjWj1zz9VzMkVgMzSLEDWOvkLsfCiw9tm0YvPzqbj6R3IMOhF0rkYx0fff8yFpnQuJSfHUtOJuYLAXUwj3Udo2h4/0oTXEAaJsW6NnQMZTufTknEp9NSTDkKqtYokmxkBQqodvVzJxtONenWfTX8ePsd8rfYeKypQprdMHC8lHN7kwEEDP12z5udpCtBwUKKjo/cjk1MCDa+vc+cuQtEN5MqQtPLdipVsWQBgmQeHkQ9JGRjYrJQybkMXEuTN3z5OI55dRwUhT5LmscfJLi2X6WHL607Uu6nQHfl6IZnm5pvWvzYZbu6lAeN30TaPiaTxcykDO0lHwf4ldHBmNvm7CulNKzADWFFo+dnk1bgBHd5+mjoPWU4+nhp21VHUgINaWrZqTn369qXWrVoytUDaW7dsy795e3swfQgTN1Y0VjtksbIyRE6yTJeF+QaJhQs98cknFC7G99iYGB7ZDgkJ5gHYGOGKIiwp8ye69eiuhEir4u2pQQZdAOSV80bRs29spoI275Omq5DmxGQqyran7bPcGOTSbIO1UIjYnyuksTY1CC6mbWdEb/VrXHY9t0K6kWRPx6470qPNEhUbQA0y86ujG926Gk/t+kRQ714tWEJlmBXSDZMPzgoMAXW0EgX/IyiFc9A4HI7NzYOdW09sRqBzc3P7yAxO6ZTAzQTIMNZhN8LS+OSTj80qR4QLkgwph/05bNhjtzXjKjLhYFlAki1B1giQv5/hLUAuNIFcZGH25bOvg/02puigJjfzrtMCINXO5EkvTm5CO34/pQSVYKoirKoukOLP5n3ORgJyUYYMHcRAY7wSShHn2dnZ9ROH7rGBtYEkcJkiCy4GcA0bNmT+/XrREg57yjgzXFHEcPGJeC+OBT8JLavkbtypCacVFgE4GXRR2OB10nRsRoasFNJkldKk/h40tk15kAEwNsVOZZq+RbGxN60nGTo5mNGFpTSbDe5ezaDenf2oazvjIAHKmdNn+Llhxr4w9UUO/0IBwsRbu2Y9H9OieQtlkEGWqMtRLYCxLaYzCH5uoB7paNu2rTIivWLlcq4QZfm3K+nD9z9iDsJICCQeG2gDQfty0lwZJ2Of/qbw5lpTceoeVnwFIZNJ070TGUSDahJLhPINoHcfxU3blZPkcsVRR6U3s+n8NSHhnh7m8d/CEtK4FFMtV5dKJRnUoUi1kzf161GL9h2OpzqCBiClgwcPUTxIJGbCxv51xzYliyo1Nc2sTvC1YIsIYRq72IKfs7IyI4xDQ/kMHGgE3QIjHWouGj1quHBIAunkydMKN0PKAXq3Lt2qrvgkyK51xZebNP2lZ9i6oEdNsek842jrc32IAryF7ZyqN5NkMyrSywCTM23dtIvicoTkNq9jTksFGmrd0I3C66QKz7LAaiwNIAPgshSlHHqka12as+iIWZCfHRJBCdNenc4ZsLIXQ9rfmjmLv0MQYXkwvxsMtby9vb1sMTFH0gbykZEADvqAA4LxPeQrQ7OGh4eyV4hWxDZi5CgO4qOANpDOVSXFZ6ILjdZJsTAWrY0nw8OzBE87G6VZUEb7lkHCjCtmC6NCvgfIwtvTBokOWZpMy77ZQVlOw80sDm40jSMNblNKLo7pdCtBW6FEm0Urs/IopIYzNaoXyFJdL8w8yRKSPXLEKBo9dqxxYGHdesWrVDswoBF4ibaY/ZSWlsZ5cCYLREn4w4lwRdf+8gvbyQiNwtxDFwHI4GfQBgZSrSnBihQfom+gjLz8Q/Te26uNlNEokEGW0gxgYCsXp1KF0swgewmT0OBIc15/jbacFO74sJ7mxwhZaN/Li57rKKQ5I82qNFuCzM5akS15BjlT80ZeDLTlWKG0sd9/5z1lvxyRURd4j4IlQmwxxUw9AUfyNEBE3AINIOePwCFBhhF+k5ErAI3R6iopPinNOuMUiTWL59OpZOFNje1txqfBAfY0rlW+qT5dOZClJGtchR5xrE371r5FsxZGUwmslZruxgbjdKYsshPPMHdMMbnYxNCtdC3Z6RwrVYR6fa7wcF34U1Oooybh7mZBI+mMYAPY4G451CVH3iV1SJ6+cf2Gp216RkYzeZHY2FgG973336V00RL/88Mq3g/bGht+k6PYkp9h1oGrqhqFY2l2CWZpXjhvPRVDmgNqsJUhS69W3oKbQRsG6yBDLoOMvWjzt/8us1aESUh52WUge9ViJ6dd8CVhSRQxyLcrEmTjtQqoTm17dlwkRwNERPDg0CFCCXAx3ti3Xx86feovWjB/gRlPGxtPX8fWMmkbUxkwYIqxs9demW7qEoFmQ+3BpkxQUAwku4YqLluZJLNi0hrjvbt++soozejq0iUGbdhrqVtj0b1LM4X3p1NAVgB2dxWuq/DWSs8LupjFkgyQqX8/BtmQksvKr05EOK2aWsog62MLFJAtpVlNG1Kay/JGSsnHuwaDBpBBA/0G9OHR/b379lHf3v3YSfn+e2OKMXwNeNVzPp6jODqm3uBmBrQ6QcVJ2J2Tn5nEMQ8Z+2AsTLEOmcCinCf4+XbpAJBmraMAyTaO9uw8YozE1Qk0k+Y6TrbUo25ueQkGwI6erPT2rfuQ5n26nTm55OGvSdMs3Gh3C5NQo3GiSQM82CwM8IxjkKta1NLMPF2QTd4uOn6+NEERAKuBSR/98sta/pROHPwKGAxohHXiNyhLOVJeWlriYiun/ZpNlITJJiwMnGStwGDH5Bxwljpp+3YgGz3AYrpy8QxthtUU3sFCK5VQYGgABTjlCoEuMTohjsYsJcOtc7R/7Qr6akUk7T+WSEkew5nbNe6OZLieIPjUSVgqXvT2QKLejdPJkJ/KIGttna0GkSri53Lga/Xk7myeBidNYQAJ8xfOy9Ahw+mFF6fQv998gwNrAFpSR0lpqUu5WVlwJ2VUDkngmP6AnGUUmSaVlZlVpiB09mUZRPrKE1skbUQe2kTRcXZEXUPLaMNUYG1Acm2EAwLpTTq+g1ZtjaJ1W07T4TP2VBLSnah1OyI/N7IrdidNXrGwkWsywB1CU9mEK80oJkOBPYNsGaG7nbVRUQFPZ2YQjxmiYDaY7NEH/vyTaaVVyxYKpVY6lIUTZf7xsePH6YXnX1A8QMtMI2THy/kfViXZQgGW/ZNPpy+lUYlHw3JKEKHQem5JFH/5Ev2+9SRt232NpTcZQ5hhY4WtHU4aB18O8Ac5u1DPJkTPt81lR0QCXJJpf1f59ZbSrC8QfO2sM9sH8w3m7oIvv+J8Q/aKhTRjghNbHfGxTCEyslkh0OAicDAUYUJCQrnWkRXIUKkl5VhTfpbpAKU5qXTu/E2z4SdF4pxK6bPFf9HxQ4foVqaLaIi+ZGgdztZDTR8HYYnYUMPAUhreyoZ6BOSSrXeGaLc8QTNaAbDWKsBVpY3blbQMgwDakx2Q6a9No9OnT1HduqGKo4JGwCCuTKy0tKlt7XS6WH2RPkRaEFB04025DNK6kEWCC/pQTLxcY0Kjs5NNhZShjEl6aCkxOY6uJQpzyac80PDm9t1oTpomD1FIbQ8F2Ahxz53DS6mt+02y8YByyzNKb+LdSa81a8NSmuWgQm6+jrJuGakDzwkLBEAimKT2FOV4oTqgpDy3jU2urVpqZSROPUHdLKplMeMJyhD7kDpLFFCFNC3EjWMoKkXwcFPfcvyM8tT4GmzehfoUUWO/m4ISjMDyuWbg3hnAlTkplZXc7Awz01Y6LurcO7XLrTbrFI/WRmsEWg2wtXyFCgNmMHuE7Y38ZF/fgNuCzC5pginC5W7RkMKGhmm3ZJQ4zz5e0rmi2G6TKmidvapAG2ppViQZaXDCXHX21dHVMxq2oQGgBFQNrLUiPUgZ6/D3d8228fL0/MualqxKQQPhJpAEXqHyk2lanN2ZTzl5DlTs6MOOCenNs5Bu2NnRlRtpDDDG9sC9ZSBXHVxtgJdxs3WuUgCpspKeWcT8rAaxInCtSbjRPtddt/Hw9KxwwktVl2VApj2SwKuSC5dlckB0ds5WOTqnxOuuFRZARtLM+f27aPPKH0jrlWV1XLAq0izL2agsMyAtQbS237IxhG6LsUm/eTNebbpZKj+AjaRxTFcwawRTL0CXQmwamfblkSufcOiuq2BBBScN00dsTu7fAtlQGk/PTFtHg6bG0adf5ZGdj8Nd1efggGc00Onz6UqswxLI63F5dOlKRvkeY9EYjk6OaTa1g4PPVmRkS4l+5rnn6JnnnzXjcXkOLopGwHQGzrSvLKuTbpGrk9El1kNqdNpynmFKtgPCx3cFMtnr6bXJ79LByFpkaPMKXfLqSBqb3CpLMyRZSrO3l47OXi+g85cSzPhZBpdQZr3ShDe1pWEpzTgXK93Yurq6xnp6ekZnZGSElLMdhaJ7+dWX6KlJxrkwyPZ/69/vmE2ghEKEu4k5Iy0aNq8AYOkR6ckj0IcauKbTiSxhefhSuZGQU5CQXncHMmLSX6y1E7b3WOrQK4DmjUjlkRIhn1WiDCXGwYMNOuEspTA/W3Z27Pt4Rkt64uWmyr53552lOjWdygX9XVycYrFimc3pU6fyYUtXlY+tFRjpGKjFnBFMZ7AsyLuQWZ0B3n5UN8BAhiRxrIWyMrjb0KE4B1aGGofC2wJsCfKbCzOppPUrFPJQE/pycDY5F1wWvdKhylZG2fPomDb2HSpPG3dS4Ja7uLhcxrJwWsyRG/rYsJrR1671UOb7mQqmS5w5c5aKS4roz4OHafnS5ZwTLWenlh2n5YTuLr2aU0i9RsbpDDZlXUhjMA1HGUo5Eyj2ylXaeUb8HiF6RqGqge00lHzdQC3D7Kl+mI4MuSUMpkzhUm9aez+yq1lb2OXXBF28SR+tzKHi1v8hXdP2tGpyMXUKO0d5yQYzyqgKyJDmuvWc6PeDt+iTxWfIz8epHD9rDIX0+5+xZJOnpd+3X6GvVpwrd5wxAJVD4RHhK1ev+WkHayZ7e/s/yk03UynD2R9+YmppT8XmthZe/fLzbdSlfTfSOAnLIS+dDFpXs/xkY8hTS2P6h9OsVUdJH9uDigOcy0ZEuFUc6aUfSqhL+DXyCAgmbaE/lWSV1aH1K2vA83s30r//tdIYLjWBvHxiPvUOP0F514UTZetl1ZSrDGRIM8r8FZetm4aCGmR8esaHh5WAU0U93d3D/Q92WkwjKBexIF+5JXJM/yOAxCtxWQFZHXDBNLL9h/aSjVtt41CTZRK42BD+9G/ZhmYMEWbXtZPl6cNfTzeStDT4tRzat34jGfL+EuBmK5shI5LNN1BF60cW0sZrXaikw0cKyGMbH2eQMeanlmQpzRWBLEtgbXvavCPXlGbgVKGdDCWH37GpvUF5HEZewM/i6yUl9w7l1Vdf/+LEiRNT1fEMq7a1yT23BjiCK1ixYO+eRRw8MuTElkv+ZqkUzkRmxgUaO343bcubTJq2LmZSjcREihXK8spBGl7rVwpyzaQAfx0lJunpWnQWHYnWmSJ6Xci2aQ9qI7o6xgXb1dlDeReLGOQ74WQpzf41nMnL34baDDpJp88agVZ7eVUtMnVXneSo2FeDhwzNi4qKmoBJ7szBprUvALzlYiPYALaap40ekB1FXojkKWaY/YSJOQrIANw058SQm09Ovt7Ura0rnTgbR9cveJHO05lKtKb6SotJ42lHtm5hdDa/AR25Gkg7I2vQ4cRQukxdKLfGo6Rp0Z/s6rWnJzqV0qKxedQg4I+/BbKDo44Cg+3ovQXX6eeNVxSQARgmr1YEqHoRAPk9KyuX03rrhtadKdN2FaDrRdTLcHZx6RgfGxfMIJrAxcoCaiUpFSEmrsu84JgbNxhkcDhyQnb/fpynmGH2EybmmNw+c4shO588QzxpcJdiyjE4cG6zBhaCjeBxHFpYTKUuetL4epBdjTpkU6MJaYMakbZuGypt4EmT2jnQ10PS6enO58klPZIyYjVUXGpzxyDzPgFQRCMnQRd5NGnaYeZczD8EyBjpxmR7TOAvb/mUlPsOwJFXHRIScqxZ82az5YR8BWjs6NatuwbLkanzqSwtEV53CGthPDOJZs58k0aOGsFL7xw4cJABx40B7NMnbtDAxzrz7CdDTpYCsI2NTkkCL8kuJkedMw1om0vd65YKpVokwNJSstaJdKX2pC21I22RhrP4HwpyoYebaunptik0t0sKjW+ZQIF2V4VlkUm5+do7NuHU0hwa6kIpgpZGv3KCbqYXCGMoiGdmgQaXLPma5+lgOpylZEspVkszPiF8LVu3/HDVqh8OWA38t+/QYX/UlahILLiHCJ4lT8sRlS1bN/CKA1gMKjr6BvXo3o36PPIwjRoxmnlaJpc8NX4urfnlTXISnIy5ItYiavnpOWSX60idI9LFJoQ514Vi8osoIaPM2wr0dKTajtdMMZIMTgPITyk10YTt7ePKtwEZZfwb59mdRkYSplCjLFy4gHbv2WeWG63mbMtPSTXIi4Y3aOZLWF4cSnHTho1T5WqHai8RFf60+kdeOqJf335Kwh8KJtRgvSSswiVXEmCFMHggTzGDUyHBrixO7OxcYCX1q0AZ/ldz8O2GoqoM8usnad2OBMXKgMWAVWmweiTmhHMqweNjhIc8iQdh4YjIeS6W8WfLTH8lJm15Aw+1azffPzAgwdKqgN04YdJETjR/bOgwZTjdOIE9iG8oIDCAPpk7hy+GsUb8DpNvxISvRfcuIV0tL7OUWWvBeHhycktP0/OWkW3DmyXI0myrDpAhyTKnGc9Uw8+fpySjd+L5MBi7e89eBll6fbCn1ZKOc93c3VKxqGy54L/ljpEjhl1t27btWqQ6qU06tBxGeTH4iK6Emxk67DHq9XAP5eawiMilSxf5OwYxZY4awB45YhElpuh59lNlIx6wfeVWmeRaSw0AwLezLlAaNnMVXKyn/k+fUkBGkT0UzwrJxXp8x44f4V68aPHXZnl2Bw7u5xkOMh1M0kejRo2+tLachNUFBhs0bPiBpVQjQBIlFAKSRAAkWhTji1jJANk6uDlkuyMpW3YnabxDsvHbwz0/4ClmABsTcyzBrCwgb6bgKgDZzJKw8PiknVw3wp6ti67jDphliQJkpHaBMqTEjh4xlrNq0YvDVENXmIgPHYXcFjVlgJvHjBv7tbX7twr05KcmJrdu3XomxsqkgwLwvl60iHM7YHGgYAoy0nWxdERZ0l86A4zlzbCqDKQfLrpMdcU8vrnzd3LMAxNz1FJ8twBbSrE1txpSDGcEdnKvMbs4lgyQIYkSZKR2nT9/Uemh2JBL16b1Q9SyRSt+JlBj74d7UbeuPZRVa2QZMHDA28DO2nNUGprq07ffb7E3YnqDb1FAB7ghrD2EpBGsvrVh40YlFiLXLTp77i9enfGhth2USY+yyO6JRnl/Zk965NGGAulcuhVXZDUPzhq4VZViAAyXGgVu9bsLL7PHBztZJiECrJlvv0WPjxvLSxLJ1WjUWaES+G+FJCMvUS4BpFb6sJsjL51vW9G9Vgo05ob/+19v7rG319UC2JBuSOikpyfx5BgsFIiEPpnLILU1GqBWUB0FUJnaKpfZUae6gnYwMQdzRjSYZ5KRw0ngUHwVgVwZwBgZQdDeqFsM9OeZPA4QyRxntccnAU1MMia+9OjWU7EwsNznE+MnKBmk8njY1pcuGtdSlcGlv73UDwqW9t2yafNydeROzjqSo8P4DQ2AdNYZ06dxt1Lb05DoN4Vzg0lHuEmprSEt6MIomJiDOSMd2jSkJuG+5ORVQprCIqPNDLOuwAq1lOaaBok1KsVt4JERBO0RT7YEWGaFooFbtW7FgoL7xCq/K1Z+z3F1rKv0ySdzlRRcqWfkuVKSpbSLuqZs27blq8pwrFJUG0v7JiUkvqJePlKCLVfd4mDS3t1Kt1JLMibUNG7UkNo/1NHMsFd3T9AORi7QrTGdAZn2SALn/GSkzrpoOeHQLOfilp7zLq4ma3i0GgOpGOPD8JOsSy42pQYJS1u88MIU4XD9xiNG2I/7x1LHiO2Ak6WTguNbtG7JudCWBc9WbcuxoWD6Fpb2vXIpqrcabKMTkcegAUyk9sKeVoOMVVyw1kfzpi0U5SFjCOghlhIuuV4O8Us+RYNapoIggwjXB4jq4yW4sgGlFfRIvz68QIsaTDXPQsoBNrJll32zjM/Bc6EgF1pSpJqXxTm9qvJegCqt8Y+KlixdPn72Rx8fE+5pLYwZylQwWSCx6HpS2gEquBzjjVhUVVolaulHjl/P7j3Ncokld/uopN04GJpJp1VgWg6AynE9y7AmpBVZoPBc4YC8I2zh6dNf46nVuBd5PACHCfr440+w9YFkz379+5qBLAWCI3rCManXoN7ge/LyhUmTJjcOC42I8a9R09C6VVveGjVsbHDQORnemvW2ITc319C1a3f+f9q0GQaUKS9M5f9xrPy8cSPGcPDgIcPx48eV/ahH1ivrwBZWN1y5Djb8r94vP3GuPEfeE+5hzqdz+fvwESOVY75YsJDvFd+xD3Wo68Y9o/z663azOmW9wABY0L0sn82b3xoXkqCpbxAPhQeIuhxlBrJyg+I4gIz9eHAALR8EGwBOTU3hDb/hGHmevI4ERn7Ka/frN0ABVW6ysSXA8jx8xzXk8bJu2diyPmsg+/n6pwAD+ieKBFst2fKBAQ4eQEql+uYB8rlz55QegP+lVMmGAgB4yPc/+IhBmjjpKbPGwm+ysdQ9BfWhqBsP56DhZR3qHohGwG/y2mqw5bPgN7Ne9E9IsjUaqRde/4K8GTXYclN3aVAFAFq/YT13XQDyP6tWKZKGzz179xqWLF2inI/fAby6MXAuCo5Vn4uGRSPiGqhb7sc+9XXUUo2eZ/mbta06QL7rlynAOG/QqGEvf3+/XVBWUIwynRWKBYpPxnV3793FIzDwFDG1F28OQvzgoinNDJYBlE3dkDIPEud36tiJfvxpjdkAcAehSBF/wLGwEqTXBq8VoyDw7k6dPkUbNq3n/QgGoR61opVK7c2ZM3kmFZQzfrOWwIh7w7I9WHfj77zm6W+9tQILfmDdoLDwuvPk4k1S80uLBFPn/jx4kL0sWAB4oLdnvs0Wh1xR3WjfBvJMsLCwcI6MrV33Cy1dtoyz62vypPd0XsoBS+7AkTh56gTHWNTAxcbF0uDBgzjz/q8zZ+jHn3/g0Z6cnGwGU22VyFF72P0V5cwB5Nq1ay7DM/7dV/T97fewwLw5cGD/qxH1600hjSZWDTgAgKmHVWsh9dKEgy2O1RPwDgBZsOgIXg0yeuQ4fjWIt7cXz9KVx6NgURLpBuN9LFJSZS7c78I8Q8AHkjxpwlN09ux5+mrhAp7QJF8FpQYTYMO5gi2vjsdwLp14lpatmk+BM1IdJly1vVkILmjXbl37ubi67sKN4uHV2fGWiYJYuE/OV0QZOLA/Sx4kF84CZoQ989xkU5c3NghWfsG6/m+8MYNC6oRwY4E+ZDB+L6elES/Dg4LegLcVIcIoG8ly6gPAlveG34yJ43678Cy3c6vvpNyTt78Jy+D56KvREzIys9pIh0J2WXWMQL1sMOgC3CpXTbwUdZHpATFhbggMif38k5l7jHP0+iIOBskYOSKHWMMaEi33IUiElRt+37nb6tQHCb67m0tkaHjYl9UJsJLLci+Ajoq6fGzkqFE/FxXpHfT6wpriQdzzhXsOhYj1TjFSjCWD8T9PCsW7UkS3x1sqsJQZciJ6CknFy2k2bdjEdS5fvpQyBA29/94HZaFQfSFNmfI8bdy4iUfg2dW1syM7QRU7d+zkN09g5BrvXLlw/gIvsSavLwHWFxVzRlHt4FrLg+sEP7t588bd9wKTe/7iSJhEly5dmpiUmDTMtJiT2ariUsplGFK93oUMqQIQDDYg4V0ueSYjhwgQHT16lK0OGUeRlGCZpqWOpfB9CIC9vLx2NGna5PP/r18caQn4tavXhgqp7JKbk9NTeViLYS9rwKsHDGRDWEbk1EEka6PT6v12drpj/gH+W+qG1l33v+ZVqJbF9HKvemlpaQNTk1P6lJSUNLAGTkVzRu6kqOvVarWRvjX8tvv4+GAI5R9/o/J/9XXVEvSszKzOLOm5uRFYg8gSpDsF1fhkmlgkgXt6eu43pc7+33pddWUxb6ymBeD1en2D7OzsMGEpuGFREax3gaUYsEqAmSa3scnFZEkh/dmYYqaz12UL5XdFvgf8vnoBu8FgoAfl3hebBxA8APoB0A/KA6AfAP0A6AflAdAPgH5QHgB9vxbbyE0VeuGdTS76/mq4TnXWdV/dW4NHjZ61wJHrEf9braeylLDPxIYITXXkMVRnXffrvVVaj+bCRqsn4Y1eMnUTWW15f+MGqrOu++7eINFCms3qEfvyqsrRw1Tfx/xNYKqzrvv13m5bDyQab7TpL7YkE1chXX6c2OREQ7y45DuxIQIPQvIXG/IArPWF6qyruuurrrruqh5wNKbDYvXSiuZfYOXAGar/8RaFpRUcW5110X16b3dVD6gDb3VBGg/G9TMqeWhM6MZamsikPF7BMdVZF92n93ZH9Qi+bi2245bK0EdsV8TmbnESJotEmLpFVUt11nW/3lul9QiAEytShsjzcLJSocNdODfVWdf9em9Vrsey0qkmkwflG7EtVtnbL9zhw1RnXffrvVW5HjV1oBXyTWT/vNg2m/ZDwy4UW/Ad2JrVWdf9em9m9Qia2GzyEM3qkTa1WqKbmA4IV10cZauJt/BbsyoCU5113a/3ptQjQTY5MFbreTAK/g+V/yfAAHC3llks48xSAAAAAElFTkSuQmCC) no-repeat; background-size: 55px; background-position: center; padding-top: 15px; padding-bottom: 15px; } #ab-trusted-shop-reviews .item.trusted-rating-adjustment > div { opacity: 0; } #ab-trusted-shop-reviews .item.vdat { padding-bottom: 7px; } #ab-trusted-shop-reviews .item.return-policy img { height: 51px; } #ab-trusted-shop-reviews .item.engine-warranty img { width: 53px; height: 71px; } #ab-trusted-shop-reviews .item.free-shipping img { height: 60px; } #ab-trusted-shop-reviews .item.sema img { height: 75px; } @media screen and (max-width: 480px) { #ab-trusted-shop-reviews { display: none; } } body.store-eu #ab-trusted-shop-reviews, body.store-com #ab-trusted-shop-reviews, body.store-uk #ab-trusted-shop-reviews, body.store-us #ab-trusted-shop-reviews, body.store-frc #ab-trusted-shop-reviews { height: 316px; } body.store-itl #ab-trusted-shop-reviews { height: 300px; } .border-box { border: 1px solid; padding: 20px; } .border-box ol { padding-left: 10px; } .compatible-mobiles-block.modal-window { max-width: 400px; min-width: 400px; } .compatible-mobiles-block.modal-window .modal-content { padding-left: 0; padding-right: 0; } .compatible-mobiles-block.modal-window .modal-content .selector.fixedWidth { margin: 0 auto; } .compatible-mobiles-block.modal-window .modal-content .mobiles { margin-top: 20px; } .compatible-mobiles-block.modal-window .modal-content .mobiles li div { background-color: #dcdcdc; text-align: left; padding-left: 15%; line-height: 26px; font-weight: 500; } .compatible-mobiles-block.modal-window .modal-content .mobiles li ul li { line-height: 26px; margin-bottom: 26px; padding-left: 15%; text-align: left; } .connect-container .uniform-checker:before, .connect-container .uniform-checker:after, .warranty-container .uniform-checker:before, .warranty-container .uniform-checker:after, .tga-container .uniform-checker:before, .tga-container .uniform-checker:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .connect-container .uniform-checker:after, .warranty-container .uniform-checker:after, .tga-container .uniform-checker:after { clear: both; } .connect-container .uniform-checker div.checker, .warranty-container .uniform-checker div.checker, .tga-container .uniform-checker div.checker { float: left; } .connect-container .uniform-checker label, .warranty-container .uniform-checker label, .tga-container .uniform-checker label { float: right; line-height: 36px; margin-left: 5px; } .warranty-container .uniform-checker label, .tga-container .uniform-checker label { width: 68%; line-height: normal; } .modal-window.info-modal { max-width: 600px; min-width: 300px; } .modal-window.info-modal p { text-align: justify; text-indent: 15px; } .modal-window.info-modal p:not(.last) { margin-bottom: 10px; } .store-locator-find-partner { display: none; } .wrapper { margin: 0 auto; padding: 0; height: 100%; width: 100%; position: relative; } .wrapper:before, .wrapper:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper:after { clear: both; } .wrapper .page { position: relative; background-color: #e6e6e6; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4YzhjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2Q2ZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2Q2ZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGM4YzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #c8c8c8 0%, #d6d6d6 10%, #e6e6e6 51%, #d6d6d6 90%, #c8c8c8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c8c8c8), color-stop(10%, #d6d6d6), color-stop(51%, #e6e6e6), color-stop(90%, #d6d6d6), color-stop(100%, #c8c8c8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #c8c8c8 0%, #d6d6d6 10%, #e6e6e6 51%, #d6d6d6 90%, #c8c8c8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #c8c8c8 0%, #d6d6d6 10%, #e6e6e6 51%, #d6d6d6 90%, #c8c8c8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #c8c8c8 0%, #d6d6d6 10%, #e6e6e6 51%, #d6d6d6 90%, #c8c8c8 100%); /* IE10+ */ background: linear-gradient(to right, #c8c8c8 0%, #d6d6d6 10%, #e6e6e6 51%, #d6d6d6 90%, #c8c8c8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#c8c8c8',GradientType=1 ); /* IE6-8 */ } .wrapper .page .content-container .main { top: -100px; } @media screen and (max-width: 768px) { .wrapper .page .content-container .main { top: 0; } } .wrapper .page .footer-container { margin-top: -100px; } @media screen and (max-width: 768px) { .wrapper .page .footer-container { margin-top: 0; } } .wrapper .page .content-area .shadow-left, .wrapper .page .content-area .shadow-right { top: 100px; } .wrapper .page .stage.small-stage { height: 223px; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/generic_stage_image.jpg) no-repeat center; background-size: cover; -moz-background-size: cover; /* Firefox 3.6 */ background-position: center; /* Internet Explorer 7/8 */ } .wrapper .page .stage.small-stage figure, .wrapper .page .stage.small-stage img { display: none; } .wrapper .page .stage.small-stage .teaser-text-block { display: none; } .wrapper .page .content-area .shadow-left, .wrapper .page .content-area .shadow-right { position: absolute; left: -10%; width: 10%; height: 171px; } .wrapper .page .content-area .shadow-left { background: radial-gradient(ellipse at 100% 0, rgba(65, 65, 65, 0.35) 2%, rgba(59, 59, 59, 0.15) 23%, rgba(79, 79, 79, 0) 70%, rgba(255, 255, 255, 0) 100%) no-repeat scroll 0 0 transparent; } .wrapper .page .content-area .shadow-right { background: radial-gradient(ellipse at 0 0, rgba(65, 65, 65, 0.35) 2%, rgba(59, 59, 59, 0.15) 23%, rgba(79, 79, 79, 0) 70%, rgba(255, 255, 255, 0) 100%) no-repeat scroll 0 0 transparent; left: auto; right: -10%; } .wrapper .page .content-container { position: relative; z-index: 2; } .wrapper .page .content-container .main { position: relative; } .wrapper .page .content-container .main.modalParent { position: relative !important; z-index: auto !important; } .wrapper .page .content-container .main .mobile-stage-teaser-container { background-color: #e6e6e6; } .wrapper .page .footer-container { width: 100%; min-height: 500px; padding: 60px 0 40px; } .wrapper .page .footer-container .footer { max-width: 992px; margin: 0 auto; } .wrapper .page .footer-container .separator { height: 1px; margin: 50px 4.03226% 30px; } .wrapper .page .footer-container .separator:last-child, .wrapper .page .footer-container .separator.last { margin-top: 30px; } .wrapper .page .messages { display: block; clear: both; width: 100%; margin: 0 auto; } .wrapper .page .messages span { color: #fafafa; background: none; display: block; width: 80%; margin: 0 10%; border: none; padding: 20px; text-align: center; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 200; font-style: normal; font-size: 1.07143rem; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .wrapper .page .messages span a { color: #fafafa; text-decoration: underline; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.07143rem; } .wrapper .page .messages > li { margin: 0 0 24px 0; background: #3c3c3c; width: 100%; display: block; } .wrapper .page .messages .success-msg { background: #18ac00; } .wrapper .page .messages .error-msg { background: #d12929; } .wrapper .page .messages .notice-msg { background: #ff9600; } .wrapper .modal-notification-system { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background-color: rgba(0, 0, 0, 0.65); overflow: hidden; overflow-y: auto; text-transform: none; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .wrapper .modal-notification-system .globals-content { position: absolute; top: 50%; margin-top: -114px; margin-left: auto; margin-right: auto; margin-bottom: 20px; width: 992px; left: 0; right: 0; background-color: #fff; border: 1px solid #e4e5e5; min-width: 300px; max-width: 600px; text-align: center; padding: 30px 40px 40px 40px; overflow: hidden; overflow-y: auto; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; box-shadow: 0px 0px 4px 0px rgba(112, 112, 112, 0.9); -webkit-box-shadow: 0px 0px 4px 0px rgba(112, 112, 112, 0.9); -moz-box-shadow: 0px 0px 4px 0px rgba(112, 112, 112, 0.9); } @media screen and (max-width: 992px) { .wrapper .modal-notification-system .globals-content { width: calc(100% - 40px); } } @media screen and (max-width: 480px) { .wrapper .modal-notification-system .globals-content { width: calc(100% - 20px); } } .wrapper .modal-notification-system .globals-content .close-messages.close-sign { position: absolute; right: 10px; top: 10px; cursor: pointer; width: 17px; height: 17px; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/modal-close-x.png) no-repeat center; z-index: 1; border: none; box-shadow: none; } @media screen and (max-width: 480px) { .wrapper .modal-notification-system .globals-content .close-messages.close-sign { right: 5px; top: 5px; } } .wrapper .modal-notification-system .messages { padding-bottom: 10px; } .wrapper .modal-notification-system .messages span { margin: 0 0 20px 0; border: 1px solid #c8c8c8; background: none; padding: 15px; text-align: center; display: block; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.28571rem; } img#aklamio-statspxl, .text-ad.textAd.text_ad.text_ads.text-ads.text-ad-links { position: absolute; left: 0; bottom: 0; z-index: -1; } .cookie-warning { border-top: 1px solid #000; min-height: 53px; background-color: #3c3c3c; color: #fafafa; padding: 0 2.01613%; position: relative; z-index: 9999; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 200; font-style: italic; font-size: 1rem; } .cookie-warning .content-area { min-height: 52px; max-width: 100%; position: relative; } .cookie-warning .cookie-message, .cookie-warning .cookie-button { width: 95%; text-align: center; display: block; } .cookie-warning .cookie-message { padding: 16px 20px 16px 0; } .cookie-warning .cookie-message a { text-transform: uppercase; color: #ea5b0c; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1rem; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .cookie-warning .cookie-message a:hover { color: #fff; } .cookie-warning .cookie-message .msg-cookies-disabled { display: none; } .cookie-warning .cookie-button { margin: 6px 0 12px; } .cookie-warning .cookie-button .call-to-action { height: 26px; line-height: 24px; min-width: 80px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } .cookie-warning .close { position: absolute; right: 0; top: 0; bottom: 0; width: 16px; height: 100%; cursor: pointer; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/close-white.png) no-repeat center; background-size: contain; } @media screen and (max-width: 900px) { .cookie-warning .cookie-message, .cookie-warning .cookie-button { float: none; display: block; text-align: center; } .cookie-warning .cookie-button { margin-bottom: 10px; } } .cart .promo-messages .close { right: 15px; } .promo-messages { color: #fafafa; background-color: #18ac00; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 200; font-style: normal; font-size: 1rem; display: none; } .promo-messages.orange { background-color: #c85a1e; } .promo-messages.warning-messages { display: block; background-color: #d0511e; } .promo-messages.warning-messages .cookie-message .warning-message-container { padding-left: 36px; margin: 0 auto; display: inline-block; min-height: 31px; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon_info_shop_message.svg) no-repeat center left; background-size: 25px 25px; } .promo-messages.warning-messages .cookie-message .warning-message-container > span { display: inline-block; padding-top: 6px; } .promo-messages strong { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1rem; } .mobile-product-anchors, .mobile-product-anchors.-not-shop-page { display: none; } @media screen and (max-width: 1215px) { .wrapper .page .content-area .shadow-right, .wrapper .page .content-area .shadow-left { width: 4.6875%; } .wrapper .page .content-area .shadow-right { right: -4.6875%; } .wrapper .page .content-area .shadow-left { left: -4.6875%; } } @media screen and (max-width: 1100px) { #trusted-shop-reviews-sticky-wrapper { display: none; } } @media screen and (max-width: 1080px) { .wrapper .page .content-area .shadow-right, .wrapper .page .content-area .shadow-left { width: 1.17188%; } .wrapper .page .content-area .shadow-right { right: -1.17188%; } .wrapper .page .content-area .shadow-left { left: -1.17188%; } } @media screen and (max-width: 992px) { .wrapper { max-width: 992px; } .wrapper .page .footer-container .separator { height: 1px; margin: 5.04032% 1.6129% 3.02419%; } .wrapper .page .messages span { width: 90%; margin: 0 5%; } } @media screen and (max-width: 991px) { .wrapper .page .content-area .shadow-right, .wrapper .page .shadow-left { display: none; } } @media screen and (max-width: 960px) { .wrapper .page .content-container .main { top: auto; } .wrapper .page .footer-container { margin-top: 0; } } @media screen and (max-width: 768px) { body { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.07143rem; } .compatible-mobiles-block.modal-window .modal-content .mobiles { max-height: 400px; } .wrapper .page .stage.small-stage { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/generic_stage_image_768.jpg) no-repeat center; } .wrapper .page .content-area { max-width: 768px; } .wrapper .page .content-area .shadow-left, .wrapper .page .content-area .shadow-right { display: none; } .wrapper .page .main { padding: 0; } .wrapper .page .footer-container .separator { margin: 3.90625% 0; } .wrapper .page .footer-container .separator:last-child, .wrapper .page .footer-container .separator.last { margin-top: 3.90625%; } } @media screen and (max-width: 480px) { #ab-trusted-shop-reviews-sticky-wrapper { display: none; } body { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.14286rem; overflow-x: hidden; } button.btn.show-gt-480 { display: none; } button.btn.show-lt-480 { display: inline; } button.btn.show-lt-480 { display: none; } .compatible-mobiles-block.modal-window { max-width: none; min-width: 0; } .compatible-mobiles-block.modal-window .modal-content .mobiles { max-height: 300px; } .wrapper .page .stage.small-stage { height: 220px; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/generic_stage_image_480.jpg) no-repeat center; } .wrapper .page .content-area { max-width: 480px; } .wrapper .page .footer-container .separator { margin: 6.25% 0; } .wrapper .page .footer-container .separator:last-child, .wrapper .page .footer-container .separator.last { margin-top: 6.25%; } .messages span { margin: 10px; padding: 10px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1.28571rem; } .mounting-gallery .gallery-container .gallery-area .tabs .tab-handle { padding: 0 1px; } .display-block-mobile { display: block; } } @media screen and (max-width: 320px) { .hide-lt320 { display: none; } body { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.92857rem; overflow-x: hidden; } .compatible-mobiles-block.modal-window .modal-content .mobiles { max-height: 300px; } .wrapper .page .content-area { max-width: 320px; } .wrapper .page .footer-container .separator { margin: 9.375% 0; } .wrapper .page .footer-container .separator:last-child, .wrapper .page .footer-container .separator.last { margin-top: 9.375%; } } body.store-de .wrapper .page .content-container .main .chips-comparison.table .row:not(.thead):not(.last) .column:not(.first), body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row:not(.thead):not(.last) .column:not(.first) { border-left: 1px solid #e0e3e6; } @media screen and (max-width: 768px) { body.store-de .wrapper .page .content-container .main .chips-comparison.table .row:not(.thead):not(.last) .column:not(.first), body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row:not(.thead):not(.last) .column:not(.first) { border-left: none; } } body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages { border-bottom: none; } body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage { width: 32.5%; border-right: 1px solid #e0e3e6; } body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.text .figure, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.text .figure { font-weight: 400; color: #ec5b00; font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 700; font-style: normal; font-size: 2rem; } body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.text .figure .plus, body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.text .figure .-percentage, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.text .figure .plus, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.text .figure .-percentage { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 600; font-style: normal; font-size: 1.14286rem; } body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.text .figure .plus, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.text .figure .plus { font-weight: 400; } body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.text .legend, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.text .legend { display: block; margin-left: 14px; font-family: "Roboto", Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1rem; } body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.text .legend sup, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.text .legend sup { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.78571rem; } body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.text.middle .figure, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.text.middle .figure { color: #737373; font-weight: 400; } body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.text.middle, body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.text.last, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.text.middle, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.text.last { padding-left: 3%; } body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.text.last, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.text.last { border-right: none; } @media screen and (max-width: 768px) { body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages { border-bottom: none; } body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage { width: 13.5%; margin: 40px 0 22px; text-align: left; } body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.middle, body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.last, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.middle, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.last { padding-left: 1%; } } @media screen and (max-width: 600px) { body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages { border-bottom: none; margin-top: 20px; } body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage { width: 25%; margin: 0; padding-left: 3%; } body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.middle, body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.last, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.middle, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.last { padding-left: 3%; text-align: left; } } @media screen and (max-width: 320px) { body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage { width: 31%; padding-left: 5%; } body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.middle, body.store-de .wrapper .page .content-container .main .chips-comparison.table .row.row-performance .advantages .advantage.last, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.middle, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage.last { padding-left: 2%; } } body.store-de .wrapper .page .content-container .main .chips-comparison.table.-not-shop-page .row:not(.thead):not(.product-chip_s) .column, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table.-not-shop-page .row:not(.thead):not(.product-chip_s) .column { border: none; } body.store-de .wrapper .page .content-container .main .chips-comparison.table.-not-shop-page .row:not(.thead):not(.product-chip_s) .column:not(.product-chip_s), body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table.-not-shop-page .row:not(.thead):not(.product-chip_s) .column:not(.product-chip_s) { border-left: 1px solid #e0e3e6; } @media screen and (max-width: 768px) { body.store-de .wrapper .page .content-container .main .chips-comparison.table.-not-shop-page .row:not(.thead):not(.product-chip_s) .column:not(.product-chip_s), body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table.-not-shop-page .row:not(.thead):not(.product-chip_s) .column:not(.product-chip_s) { border-left: none; } } body.store-de .wrapper .page .content-container .main .chips-comparison.table.-not-shop-page .row.row-performance .advantages .advantage .legend, body.store-de .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table.-not-shop-page .row.row-performance .advantages .advantage .legend { margin-left: 15px; } body.store-frc .wrapper .page .advantages .advantage.middle.text, body.store-itl .wrapper .page .advantages .advantage.middle.text, body.store-ch .wrapper .page .advantages .advantage.middle.text, body.store-at .wrapper .page .advantages .advantage.middle.text, body.store-com .wrapper .page .advantages .advantage.middle.text, body.store-eu .wrapper .page .advantages .advantage.middle.text, body.store-uk .wrapper .page .advantages .advantage.middle.text, body.store-us .wrapper .page .advantages .advantage.middle.text { display: none; } /*# sourceMappingURL=RC_Common.css.map */ /* * Header - navigation and logo stylesheet * * Included everywhere on the website. * Addresses the navigation and logo areas for the entire website. * Main layouting is in RC_Common. * @author RaceChip Chiptuning GmbH * @see RC_Common.scss */ /* * Main definitions SCSS file * * Definition of mixins and functions etc. * Should NOT generate any actual CSS! * To be included in ALL subsequent SCSS files. * * @author Jarlssen GmbH */ /* * Main variables SCSS file * * Definition of ONLY variables. * Should NOT generate any actual CSS! * * To be included ONLY in _RC_Definitions.scss. * * @author Jarlssen GmbH * @see _RC_Definitions.scss */ .grid-container { width: 100%; margin: 0; position: relative; } .span_xs_1 { width: 3.125%; } .span_xs_2 { width: 6.25%; } .span_xs_3 { width: 9.375%; } .span_xs_4 { width: 12.5%; } .span_xs_5 { width: 15.625%; } .span_xs_6 { width: 18.75%; } .span_xs_7 { width: 21.875%; } .span_xs_8 { width: 25%; } .span_xs_9 { width: 28.125%; } .span_xs_10 { width: 31.25%; } .span_xs_11 { width: 34.375%; } .span_xs_12 { width: 37.5%; } .span_xs_13 { width: 40.625%; } .span_xs_14 { width: 43.75%; } .span_xs_15 { width: 46.875%; } .span_xs_16 { width: 50%; } .span_xs_17 { width: 53.125%; } .span_xs_18 { width: 56.25%; } .span_xs_19 { width: 59.375%; } .span_xs_20 { width: 62.5%; } .span_xs_21 { width: 65.625%; } .span_xs_22 { width: 68.75%; } .span_xs_23 { width: 71.875%; } .span_xs_24 { width: 75%; } .span_xs_25 { width: 78.125%; } .span_xs_26 { width: 81.25%; } .span_xs_27 { width: 84.375%; } .span_xs_28 { width: 87.5%; } .span_xs_29 { width: 90.625%; } .span_xs_30 { width: 93.75%; } .span_xs_31 { width: 96.875%; } .span_xs_32 { width: 100%; } @media screen and (min-width: 481px) { .span_s_1 { width: 3.125%; } .span_s_2 { width: 6.25%; } .span_s_3 { width: 9.375%; } .span_s_4 { width: 12.5%; } .span_s_5 { width: 15.625%; } .span_s_6 { width: 18.75%; } .span_s_7 { width: 21.875%; } .span_s_8 { width: 25%; } .span_s_9 { width: 28.125%; } .span_s_10 { width: 31.25%; } .span_s_11 { width: 34.375%; } .span_s_12 { width: 37.5%; } .span_s_13 { width: 40.625%; } .span_s_14 { width: 43.75%; } .span_s_15 { width: 46.875%; } .span_s_16 { width: 50%; } .span_s_17 { width: 53.125%; } .span_s_18 { width: 56.25%; } .span_s_19 { width: 59.375%; } .span_s_20 { width: 62.5%; } .span_s_21 { width: 65.625%; } .span_s_22 { width: 68.75%; } .span_s_23 { width: 71.875%; } .span_s_24 { width: 75%; } .span_s_25 { width: 78.125%; } .span_s_26 { width: 81.25%; } .span_s_27 { width: 84.375%; } .span_s_28 { width: 87.5%; } .span_s_29 { width: 90.625%; } .span_s_30 { width: 93.75%; } .span_s_31 { width: 96.875%; } .span_s_32 { width: 100%; } } @media screen and (min-width: 769px) { .span_m_1 { width: 3.125%; } .span_m_2 { width: 6.25%; } .span_m_3 { width: 9.375%; } .span_m_4 { width: 12.5%; } .span_m_5 { width: 15.625%; } .span_m_6 { width: 18.75%; } .span_m_7 { width: 21.875%; } .span_m_8 { width: 25%; } .span_m_9 { width: 28.125%; } .span_m_10 { width: 31.25%; } .span_m_11 { width: 34.375%; } .span_m_12 { width: 37.5%; } .span_m_13 { width: 40.625%; } .span_m_14 { width: 43.75%; } .span_m_15 { width: 46.875%; } .span_m_16 { width: 50%; } .span_m_17 { width: 53.125%; } .span_m_18 { width: 56.25%; } .span_m_19 { width: 59.375%; } .span_m_20 { width: 62.5%; } .span_m_21 { width: 65.625%; } .span_m_22 { width: 68.75%; } .span_m_23 { width: 71.875%; } .span_m_24 { width: 75%; } .span_m_25 { width: 78.125%; } .span_m_26 { width: 81.25%; } .span_m_27 { width: 84.375%; } .span_m_28 { width: 87.5%; } .span_m_29 { width: 90.625%; } .span_m_30 { width: 93.75%; } .span_m_31 { width: 96.875%; } .span_m_32 { width: 100%; } } @media screen and (min-width: 960px) { html.desktop .grid-container { width: 90%; margin: 0 5%; } html.desktop .span_l_1 { width: 3.125%; } html.desktop .span_l_2 { width: 6.25%; } html.desktop .span_l_3 { width: 9.375%; } html.desktop .span_l_4 { width: 12.5%; } html.desktop .span_l_5 { width: 15.625%; } html.desktop .span_l_6 { width: 18.75%; } html.desktop .span_l_7 { width: 21.875%; } html.desktop .span_l_8 { width: 25%; } html.desktop .span_l_9 { width: 28.125%; } html.desktop .span_l_10 { width: 31.25%; } html.desktop .span_l_11 { width: 34.375%; } html.desktop .span_l_12 { width: 37.5%; } html.desktop .span_l_13 { width: 40.625%; } html.desktop .span_l_14 { width: 43.75%; } html.desktop .span_l_15 { width: 46.875%; } html.desktop .span_l_16 { width: 50%; } html.desktop .span_l_17 { width: 53.125%; } html.desktop .span_l_18 { width: 56.25%; } html.desktop .span_l_19 { width: 59.375%; } html.desktop .span_l_20 { width: 62.5%; } html.desktop .span_l_21 { width: 65.625%; } html.desktop .span_l_22 { width: 68.75%; } html.desktop .span_l_23 { width: 71.875%; } html.desktop .span_l_24 { width: 75%; } html.desktop .span_l_25 { width: 78.125%; } html.desktop .span_l_26 { width: 81.25%; } html.desktop .span_l_27 { width: 84.375%; } html.desktop .span_l_28 { width: 87.5%; } html.desktop .span_l_29 { width: 90.625%; } html.desktop .span_l_30 { width: 93.75%; } html.desktop .span_l_31 { width: 96.875%; } html.desktop .span_l_32 { width: 100%; } } @media screen and (min-width: 1280px) { html.desktop .grid-container { width: 80%; margin: 0 10%; } html.desktop .span_xl_1 { width: 3.125%; } html.desktop .span_xl_2 { width: 6.25%; } html.desktop .span_xl_3 { width: 9.375%; } html.desktop .span_xl_4 { width: 12.5%; } html.desktop .span_xl_5 { width: 15.625%; } html.desktop .span_xl_6 { width: 18.75%; } html.desktop .span_xl_7 { width: 21.875%; } html.desktop .span_xl_8 { width: 25%; } html.desktop .span_xl_9 { width: 28.125%; } html.desktop .span_xl_10 { width: 31.25%; } html.desktop .span_xl_11 { width: 34.375%; } html.desktop .span_xl_12 { width: 37.5%; } html.desktop .span_xl_13 { width: 40.625%; } html.desktop .span_xl_14 { width: 43.75%; } html.desktop .span_xl_15 { width: 46.875%; } html.desktop .span_xl_16 { width: 50%; } html.desktop .span_xl_17 { width: 53.125%; } html.desktop .span_xl_18 { width: 56.25%; } html.desktop .span_xl_19 { width: 59.375%; } html.desktop .span_xl_20 { width: 62.5%; } html.desktop .span_xl_21 { width: 65.625%; } html.desktop .span_xl_22 { width: 68.75%; } html.desktop .span_xl_23 { width: 71.875%; } html.desktop .span_xl_24 { width: 75%; } html.desktop .span_xl_25 { width: 78.125%; } html.desktop .span_xl_26 { width: 81.25%; } html.desktop .span_xl_27 { width: 84.375%; } html.desktop .span_xl_28 { width: 87.5%; } html.desktop .span_xl_29 { width: 90.625%; } html.desktop .span_xl_30 { width: 93.75%; } html.desktop .span_xl_31 { width: 96.875%; } html.desktop .span_xl_32 { width: 100%; } } @media screen and (min-width: 1680px) { html.desktop .grid-container { width: 80%; margin: 0 10%; } html.desktop .span_xxl_1 { width: 3.125%; } html.desktop .span_xxl_2 { width: 6.25%; } html.desktop .span_xxl_3 { width: 9.375%; } html.desktop .span_xxl_4 { width: 12.5%; } html.desktop .span_xxl_5 { width: 15.625%; } html.desktop .span_xxl_6 { width: 18.75%; } html.desktop .span_xxl_7 { width: 21.875%; } html.desktop .span_xxl_8 { width: 25%; } html.desktop .span_xxl_9 { width: 28.125%; } html.desktop .span_xxl_10 { width: 31.25%; } html.desktop .span_xxl_11 { width: 34.375%; } html.desktop .span_xxl_12 { width: 37.5%; } html.desktop .span_xxl_13 { width: 40.625%; } html.desktop .span_xxl_14 { width: 43.75%; } html.desktop .span_xxl_15 { width: 46.875%; } html.desktop .span_xxl_16 { width: 50%; } html.desktop .span_xxl_17 { width: 53.125%; } html.desktop .span_xxl_18 { width: 56.25%; } html.desktop .span_xxl_19 { width: 59.375%; } html.desktop .span_xxl_20 { width: 62.5%; } html.desktop .span_xxl_21 { width: 65.625%; } html.desktop .span_xxl_22 { width: 68.75%; } html.desktop .span_xxl_23 { width: 71.875%; } html.desktop .span_xxl_24 { width: 75%; } html.desktop .span_xxl_25 { width: 78.125%; } html.desktop .span_xxl_26 { width: 81.25%; } html.desktop .span_xxl_27 { width: 84.375%; } html.desktop .span_xxl_28 { width: 87.5%; } html.desktop .span_xxl_29 { width: 90.625%; } html.desktop .span_xxl_30 { width: 93.75%; } html.desktop .span_xxl_31 { width: 96.875%; } html.desktop .span_xxl_32 { width: 100%; } } @media screen and (min-width: 1920px) { html.desktop .grid-container { width: 1536px; margin: 0 auto; } } #trusted-shop-reviews-sticky-wrapper { top: 91px; } .header-container { position: fixed; width: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.15); border-bottom: 1px solid #c85a1e; z-index: 6; height: auto; transition: height .5s, background-color .5s; } .header-container.fix { background-color: #3c3c3c; border-bottom-width: 0; } .header-container .header-panel .nav-container .level0 { position: relative; list-style: none; text-align: center; border: 0 solid transparent; padding: 0; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-background-clip: padding-box !important; -webkit-background-clip: padding-box !important; background-clip: padding-box !important; } .header-container .header-panel .nav-container .level0 > a:not(.not-menu-link) { padding: 17px 0; float: left; width: 100%; position: relative; line-height: 16px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; text-transform: uppercase; color: #fff; text-decoration: none; } .header-container .header-panel .nav-container .level0 > a:not(.not-menu-link).over { font-weight: 500; } .header-container .header-panel .nav-container .level0 > a:not(.not-menu-link).over:not(.submenu-link):before { content: ""; position: absolute; left: calc(50% - 55px); top: 0; height: 1px; width: 110px; border-top: 3px #c85a1e solid; } body.store-frc .header-container .header-panel .nav-container .level0 > a:not(.not-menu-link) { font-size: 14px; } body.store-itl .header-container .header-panel .nav-container .level0 > a:not(.not-menu-link) { font-size: 14px; } .header-container .header-panel .nav-container .level0.active > a:not(.not-menu-link) { font-weight: 500; } .header-container .header-panel .nav-container .level0.active > a:not(.not-menu-link):not(.submenu-link):before { content: ""; position: absolute; left: calc(50% - 55px); top: 0; height: 1px; width: 110px; border-top: 3px #c85a1e solid; } .header-container .header-panel .nav-container .level0.car, .header-container .header-panel .nav-container .level0.driver, .header-container .header-panel .nav-container .level0.phone-support { filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in; -o-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in; } .header-container .header-panel .nav-container .level0.car > a:not(.not-menu-link):not([data-picker-idx]), .header-container .header-panel .nav-container .level0.driver > a:not(.not-menu-link):not([data-picker-idx]), .header-container .header-panel .nav-container .level0.phone-support > a:not(.not-menu-link):not([data-picker-idx]) { margin-top: 10px; } .header-container .header-panel .nav-container .level0.car a:not(.not-menu-link):not([data-picker-idx]), .header-container .header-panel .nav-container .level0.driver a:not(.not-menu-link):not([data-picker-idx]), .header-container .header-panel .nav-container .level0.phone-support a:not(.not-menu-link):not([data-picker-idx]) { padding: 3px 0 13px 0; } .header-container .header-panel .nav-container .level0.car a:not(.not-menu-link):not([data-picker-idx]) img, .header-container .header-panel .nav-container .level0.driver a:not(.not-menu-link):not([data-picker-idx]) img, .header-container .header-panel .nav-container .level0.phone-support a:not(.not-menu-link):not([data-picker-idx]) img { height: 20px; } .header-container .header-panel .nav-container .level0.car a:not(.not-menu-link):not([data-picker-idx]).over:not(.submenu-link):before, .header-container .header-panel .nav-container .level0.driver a:not(.not-menu-link):not([data-picker-idx]).over:not(.submenu-link):before, .header-container .header-panel .nav-container .level0.phone-support a:not(.not-menu-link):not([data-picker-idx]).over:not(.submenu-link):before { left: 0; width: 100%; } .header-container .header-panel .nav-container .level0.car a:not(.not-menu-link):not([data-picker-idx]).products-in-cart img, .header-container .header-panel .nav-container .level0.driver a:not(.not-menu-link):not([data-picker-idx]).products-in-cart img, .header-container .header-panel .nav-container .level0.phone-support a:not(.not-menu-link):not([data-picker-idx]).products-in-cart img { width: 16px; height: 20px; } .header-container .header-panel .nav-container .level0.car a:not(.not-menu-link):not([data-picker-idx]).products-in-cart .cart-qty, .header-container .header-panel .nav-container .level0.driver a:not(.not-menu-link):not([data-picker-idx]).products-in-cart .cart-qty, .header-container .header-panel .nav-container .level0.phone-support a:not(.not-menu-link):not([data-picker-idx]).products-in-cart .cart-qty { display: block; position: absolute; top: 17px; left: 0; width: 100%; text-align: center; font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.64286rem; } .header-container .header-panel .nav-container .level0.logo a { display: inline-block; position: static; width: auto; padding: 10px 0; } .header-container .header-panel .nav-container .level0.logo a img { height: 29px; position: absolute; filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .header-container .header-panel .nav-container .level0.logo a img.mobile-logo { filter: alpha(opactiy=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .header-container .header-panel .nav-container .level0.logo a.level0.logo.over { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; } .header-container .header-panel .nav-container .level0.logo a.level0.logo.over:not(.submenu-link):before { content: none; } .header-container .header-panel .nav-container .level0.car a.full-selection img.img-no-selection { display: none; } .header-container .header-panel .nav-container .level0.car a.full-selection img.img-complete-selection { display: inline-block; } .header-container .header-panel .nav-container .level0.car a.no-selection img.img-no-selection, .header-container .header-panel .nav-container .level0.car a.partial-selection img.img-no-selection { display: inline-block; } .header-container .header-panel .nav-container .level0.car a.no-selection img.img-complete-selection, .header-container .header-panel .nav-container .level0.car a.partial-selection img.img-complete-selection { display: none; } .header-container .header-panel .nav-container .level0.driver a { padding-top: 14px; padding-bottom: 10px; } .header-container .header-panel .nav-container .level0.driver a.trigger-phone { cursor: default; } .header-container .header-panel .nav-container .level0.driver a:not(.not-menu-link):not([data-picker-idx]).products-in-cart .cart-qty { top: 8px; } html.chrome .header-container .header-panel .nav-container .level0.driver a:not(.not-menu-link):not([data-picker-idx]).products-in-cart .cart-qty { top: 7px; } .header-container .header-panel .nav-container .level0.mobiles-user-menu { display: none; } .header-container .header-panel .nav-container .level0 .navigation-container { width: 100%; } .header-container .header-panel .nav-container .level0 .navigation-container.level0 { display: none; } .header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0 { position: absolute; top: 0; background-color: #fafafa; width: 250px; padding: 15px 10px 5px 10px; left: calc(50% - 125px); box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.5); } .header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0:before { content: ""; position: absolute; top: -7px; left: calc(50% - 7px); width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fafafa; } .header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0.car-selector, .header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0.user-menu { top: 1px; } .header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0.user-menu { left: -188px; } .header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0.user-menu:before { left: calc(85% - 7px); } .header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0.car-selector li.level1.cars img { width: 160px; } .header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0.car-selector li.level1.selector-info a.hover, .header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0.car-selector li.level1.selector-info a:hover { color: #c85a1e; } .header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0 li.level1 a:not(.not-menu-link) { float: left; width: 100%; position: relative; padding: 15px 0; color: #3c3c3c; font-size: 14px; line-height: 14px; font-weight: 400; text-transform: uppercase; border-bottom: 1px #e0e0e0 solid; text-decoration: none; } .header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0 li.level1 a:not(.not-menu-link):hover { color: #c85a1e; } .header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0 li.level1:last-child a { border-bottom: none; } .header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0 li.level1 .phone { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } .header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0 li.level1 .phone .trigger-phone { float: left; width: 100%; position: relative; padding: 15px 0 0 0; } .header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0 li.level1 .phone .phone-no { display: inline-block; margin-bottom: 10px; } .header-container .header-panel .nav-container .level0 .navigation-container.level0 ul.level0 li.level1 .phone img { width: 30px; } .header-container .header-panel .nav-container .level0.phone-support, .header-container .header-panel .nav-container .level0.mobile-menu-trigger { display: none; } .header-container .header-panel .nav-container .level0.user-menu-placeholder { display: none; } .header-container .header-panel .nav-container.-desktop .level0:hover .navigation-container.level0 { display: block; } .header-container .header-panel .mini-cart .cart-link { padding-top: 10px; } .header-container .header-panel .mini-cart .cart-link span#cartHeader { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-cart-grey.png) no-repeat left center; margin: 0 auto; background-size: 27px 34px; display: inline-block; position: relative; width: 27px; height: 34px; margin-bottom: 15px; } .header-container .header-panel .mini-cart .cart-link span#cartHeader .cart-qty { position: absolute; left: 9px; top: 15px; font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; } .header-container .header-panel .mini-cart .cart-link:hover span#cartHeader { color: #c85a1e; } .header-container .header-panel .mini-cart .cart-link:hover span#cartHeader .cart-qty { color: #c85a1e; } @media screen and (min-width: 960px) { .header-container .cookie-warning .content-area { width: 90%; margin: 0 5%; } } @media screen and (min-width: 1280px) { .header-container .cookie-warning .content-area { width: 80%; margin: 0 10%; } } @media screen and (min-width: 1920px) { .header-container .cookie-warning .content-area { width: 1536px; margin: 0 auto; } } @media screen and (max-width: 959px) { .header-container { height: 50px; } .header-container.-has-message { height: auto; } .header-container.opened { background-color: #3c3c3c; border-bottom-width: 0; } .header-container .header-panel .nav-container ul#nav { display: block; width: 100%; height: 100vh; top: -100vh; background-color: #3c3c3c; position: absolute; left: 0; z-index: 1; transition-delay: .3s; transition: opacity .3s ease-in-out, top .5s ease-in-out; overflow-x: hidden; overflow-y: auto; } .header-container .header-panel .nav-container ul#nav:before, .header-container .header-panel .nav-container ul#nav:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .header-container .header-panel .nav-container ul#nav:after { clear: both; } .header-container .header-panel .nav-container ul#nav li.level0 { display: list-item; float: none; width: 75%; margin: 0 auto; filter: alpha(opactiy=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; padding-top: 0; transition-delay: 3.5s; transition: opacity .75s ease-in, padding-top .2s ease-out; } .header-container .header-panel .nav-container ul#nav li.level0 > a:not(.not-menu-link) { padding: 0; line-height: 90px; border-bottom: 1px solid #3e4040; float: none; display: block; width: 100%; } .header-container .header-panel .nav-container ul#nav li.level0 > a:not(.not-menu-link), .header-container .header-panel .nav-container ul#nav li.level0 > a:not(.not-menu-link).over { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.07143rem; } .header-container .header-panel .nav-container ul#nav li.level0 > a:not(.not-menu-link):active { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1.07143rem; } .header-container .header-panel .nav-container ul#nav li.level0 > a:not(.not-menu-link):before { content: ''; width: 22px; height: 10px; margin: 0 auto; top: -40px; left: 0; right: 0; cursor: pointer; filter: alpha(opactiy=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/arrow-up-white.png) no-repeat center center; background-size: 22px 10px; border-top: none; } .header-container .header-panel .nav-container ul#nav li.level0.slide-up { filter: alpha(opactiy=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .header-container .header-panel .nav-container ul#nav li.level0.opened { border-bottom: 1px solid #3e4040; } .header-container .header-panel .nav-container ul#nav li.level0.opened.padding { padding-top: 80px; } .header-container .header-panel .nav-container ul#nav li.level0.opened > a:not(.not-menu-link) { border-top: 1px solid #3e4040; line-height: 60px; border-bottom: none; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1.07143rem; } .header-container .header-panel .nav-container ul#nav li.level0.opened > a:not(.not-menu-link).opened:before { filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .header-container .header-panel .nav-container ul#nav li.level0.opened .navigation-container { float: none; } .header-container .header-panel .nav-container ul#nav li.level0.opened .navigation-container ul.level0 { padding: 0; float: none; } .header-container .header-panel .nav-container ul#nav li.level0.opened .navigation-container ul.level0 li.level1 > a:not(.not-menu-link) { padding: 0; line-height: 55px; } .header-container .header-panel .nav-container ul#nav li.level0:last-child > a:not(.not-menu-link):last-child { border-bottom: none; } .header-container .header-panel .nav-container ul#nav li.level0 .navigation-container ul.level0 { position: static; width: 100%; background-color: #3c3c3c; box-shadow: none; } .header-container .header-panel .nav-container ul#nav li.level0 .navigation-container ul.level0:before { content: none; } .header-container .header-panel .nav-container ul#nav li.level0 .navigation-container ul.level0 li.level1 { float: none; width: 100%; } .header-container .header-panel .nav-container ul#nav li.level0 .navigation-container ul.level0 li.level1 a:not(.not-menu-link) { display: block; float: none; position: static; border: none; color: #fff; text-transform: none; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1rem; } .header-container .header-panel .nav-container ul#nav li.level0 .navigation-container ul.level0 li.level1.active > a:not(.not-menu-link) { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1.07143rem; } .header-container .header-panel .nav-container ul#nav.closing li.level0 { -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; filter: alpha(opactiy=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .header-container .header-panel .nav-container .level0 > a:not(.not-menu-link), .header-container .header-panel .nav-container .level0 > a:not(.not-menu-link).over, .header-container .header-panel .nav-container .level0.active > a:not(.not-menu-link), .header-container .header-panel .nav-container .level0.active > a:not(.not-menu-link).over { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; } .header-container .header-panel .nav-container .level0 > a:not(.not-menu-link):not(.submenu-link):before, .header-container .header-panel .nav-container .level0 > a:not(.not-menu-link).over:not(.submenu-link):before, .header-container .header-panel .nav-container .level0.active > a:not(.not-menu-link):not(.submenu-link):before, .header-container .header-panel .nav-container .level0.active > a:not(.not-menu-link).over:not(.submenu-link):before { content: none; } .header-container .header-panel .nav-container .level0.logo, .header-container .header-panel .nav-container .level0.car, .header-container .header-panel .nav-container .level0.driver, .header-container .header-panel .nav-container .level0.mobile-menu-trigger, .header-container .header-panel .nav-container .level0.phone-support { z-index: 2; } .header-container .header-panel .nav-container .level0.driver, .header-container .header-panel .nav-container .level0.mobile-menu-trigger, .header-container .header-panel .nav-container .level0.phone-support { float: left; } .header-container .header-panel .nav-container .level0.car a:not(.not-menu-link):not([data-picker-idx]), .header-container .header-panel .nav-container .level0.driver a:not(.not-menu-link):not([data-picker-idx]), .header-container .header-panel .nav-container .level0.phone-support a:not(.not-menu-link):not([data-picker-idx]) { padding-bottom: 4px; border-right: 1px solid rgba(255, 255, 255, 0.1); } .header-container .header-panel .nav-container .level0.logo { padding-left: 1.5%; } .header-container .header-panel .nav-container .level0.driver { display: none; } .header-container .header-panel .nav-container .level0.mobiles-user-menu { display: list-item; } .header-container .header-panel .nav-container .level0.mobile-menu-trigger { display: block; } .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 { padding: 0; display: inline-block; float: none; margin: 0 auto; /** * Toggle Switch Globals * * All switches should take on the class `c-hamburger` as well as their * variant that will give them unique properties. This class is an overview * class that acts as a reset for all versions of the icon. */ /** * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide * down to center and transform into an "x". */ /* active state, i.e. menu open */ } .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger { display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 59px; height: 49px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.15s; } .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger:focus { outline: none; } .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger span { display: block; position: absolute; top: 23.5px; left: 20px; right: 20px; height: 2px; background: white; } .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger span::before, .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #fff; content: ""; } .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger span::before { top: -5px; } .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger span::after { bottom: -5px; } .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx { background-color: transparent; } .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx span { transition: background 0s 0.15s; } .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx span::before, .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx span::after { transition-duration: 0.15s, 0.15s; transition-delay: 0.15s, 0s; } .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx span::before { transition-property: top, transform; } .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx span::after { transition-property: bottom, transform; } .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx.is-active { background-color: transparent; } .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx.is-active span { background: none; } .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx.is-active span::before { top: 0; transform: rotate(45deg); } .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx.is-active span::after { bottom: 0; transform: rotate(-45deg); } .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx.is-active span::before, .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx.is-active span::after { transition-delay: 0s, 0.15s; } .header-container .header-panel .nav-container.opened:before, .header-container .header-panel .nav-container.opened:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .header-container .header-panel .nav-container.opened:after { clear: both; } .header-container .header-panel .nav-container.opened .level0.car, .header-container .header-panel .nav-container.opened .level0.driver, .header-container .header-panel .nav-container.opened .level0.phone-support { filter: alpha(opactiy=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .header-container .header-panel .nav-container.opened ul#nav { top: 49px; padding-bottom: 50px; } .header-container .header-panel .nav-container.opened ul#nav li.level0 { filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .header-container .header-panel .nav-container.closed ul#nav { top: -100vh; } .header-container .header-panel .nav-container.products-in-cart .level0.driver { display: block; } } html.mobile .header-container { height: 50px; } html.mobile .header-container.-has-message { height: auto; } html.mobile .header-container.opened { background-color: #3c3c3c; border-bottom-width: 0; } html.mobile .header-container .header-panel .nav-container ul#nav { display: block; width: 100%; height: 100vh; top: -100vh; background-color: #3c3c3c; position: absolute; left: 0; z-index: 1; transition-delay: .3s; transition: opacity .3s ease-in-out, top .5s ease-in-out; overflow-x: hidden; overflow-y: auto; } html.mobile .header-container .header-panel .nav-container ul#nav:before, html.mobile .header-container .header-panel .nav-container ul#nav:after { content: "\0020"; display: block; height: 0; overflow: hidden; } html.mobile .header-container .header-panel .nav-container ul#nav:after { clear: both; } html.mobile .header-container .header-panel .nav-container ul#nav li.level0 { display: list-item; float: none; width: 75%; margin: 0 auto; filter: alpha(opactiy=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; padding-top: 0; transition-delay: 3.5s; transition: opacity .75s ease-in, padding-top .2s ease-out; } html.mobile .header-container .header-panel .nav-container ul#nav li.level0 > a:not(.not-menu-link) { padding: 0; line-height: 90px; border-bottom: 1px solid #3e4040; float: none; display: block; width: 100%; } html.mobile .header-container .header-panel .nav-container ul#nav li.level0 > a:not(.not-menu-link), html.mobile .header-container .header-panel .nav-container ul#nav li.level0 > a:not(.not-menu-link).over { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.07143rem; } html.mobile .header-container .header-panel .nav-container ul#nav li.level0 > a:not(.not-menu-link):active { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1.07143rem; } html.mobile .header-container .header-panel .nav-container ul#nav li.level0 > a:not(.not-menu-link):before { content: ''; width: 22px; height: 10px; margin: 0 auto; top: -40px; left: 0; right: 0; cursor: pointer; filter: alpha(opactiy=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/arrow-up-white.png) no-repeat center center; background-size: 22px 10px; border-top: none; } html.mobile .header-container .header-panel .nav-container ul#nav li.level0.slide-up { filter: alpha(opactiy=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } html.mobile .header-container .header-panel .nav-container ul#nav li.level0.opened { border-bottom: 1px solid #3e4040; } html.mobile .header-container .header-panel .nav-container ul#nav li.level0.opened.padding { padding-top: 80px; } html.mobile .header-container .header-panel .nav-container ul#nav li.level0.opened > a:not(.not-menu-link) { border-top: 1px solid #3e4040; line-height: 60px; border-bottom: none; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1.07143rem; } html.mobile .header-container .header-panel .nav-container ul#nav li.level0.opened > a:not(.not-menu-link).opened:before { filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } html.mobile .header-container .header-panel .nav-container ul#nav li.level0.opened .navigation-container { float: none; } html.mobile .header-container .header-panel .nav-container ul#nav li.level0.opened .navigation-container ul.level0 { padding: 0; float: none; } html.mobile .header-container .header-panel .nav-container ul#nav li.level0.opened .navigation-container ul.level0 li.level1 > a:not(.not-menu-link) { padding: 0; line-height: 55px; } html.mobile .header-container .header-panel .nav-container ul#nav li.level0:last-child > a:not(.not-menu-link):last-child { border-bottom: none; } html.mobile .header-container .header-panel .nav-container ul#nav li.level0 .navigation-container ul.level0 { position: static; width: 100%; background-color: #3c3c3c; box-shadow: none; } html.mobile .header-container .header-panel .nav-container ul#nav li.level0 .navigation-container ul.level0:before { content: none; } html.mobile .header-container .header-panel .nav-container ul#nav li.level0 .navigation-container ul.level0 li.level1 { float: none; width: 100%; } html.mobile .header-container .header-panel .nav-container ul#nav li.level0 .navigation-container ul.level0 li.level1 a:not(.not-menu-link) { display: block; float: none; position: static; border: none; color: #fff; text-transform: none; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1rem; } html.mobile .header-container .header-panel .nav-container ul#nav li.level0 .navigation-container ul.level0 li.level1.active > a:not(.not-menu-link) { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1.07143rem; } html.mobile .header-container .header-panel .nav-container ul#nav.closing li.level0 { -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; filter: alpha(opactiy=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } html.mobile .header-container .header-panel .nav-container .level0 > a:not(.not-menu-link), html.mobile .header-container .header-panel .nav-container .level0 > a:not(.not-menu-link).over, html.mobile .header-container .header-panel .nav-container .level0.active > a:not(.not-menu-link), html.mobile .header-container .header-panel .nav-container .level0.active > a:not(.not-menu-link).over { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; } html.mobile .header-container .header-panel .nav-container .level0 > a:not(.not-menu-link):not(.submenu-link):before, html.mobile .header-container .header-panel .nav-container .level0 > a:not(.not-menu-link).over:not(.submenu-link):before, html.mobile .header-container .header-panel .nav-container .level0.active > a:not(.not-menu-link):not(.submenu-link):before, html.mobile .header-container .header-panel .nav-container .level0.active > a:not(.not-menu-link).over:not(.submenu-link):before { content: none; } html.mobile .header-container .header-panel .nav-container .level0.logo, html.mobile .header-container .header-panel .nav-container .level0.car, html.mobile .header-container .header-panel .nav-container .level0.driver, html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger, html.mobile .header-container .header-panel .nav-container .level0.phone-support { z-index: 2; } html.mobile .header-container .header-panel .nav-container .level0.driver, html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger, html.mobile .header-container .header-panel .nav-container .level0.phone-support { float: left; } html.mobile .header-container .header-panel .nav-container .level0.car a:not(.not-menu-link):not([data-picker-idx]), html.mobile .header-container .header-panel .nav-container .level0.driver a:not(.not-menu-link):not([data-picker-idx]), html.mobile .header-container .header-panel .nav-container .level0.phone-support a:not(.not-menu-link):not([data-picker-idx]) { padding-bottom: 4px; border-right: 1px solid rgba(255, 255, 255, 0.1); } html.mobile .header-container .header-panel .nav-container .level0.logo { padding-left: 1.5%; } html.mobile .header-container .header-panel .nav-container .level0.driver { display: none; } html.mobile .header-container .header-panel .nav-container .level0.mobiles-user-menu { display: list-item; } html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger { display: block; } html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 { padding: 0; display: inline-block; float: none; margin: 0 auto; /** * Toggle Switch Globals * * All switches should take on the class `c-hamburger` as well as their * variant that will give them unique properties. This class is an overview * class that acts as a reset for all versions of the icon. */ /** * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide * down to center and transform into an "x". */ /* active state, i.e. menu open */ } html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger { display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 59px; height: 49px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.15s; } html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger:focus { outline: none; } html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger span { display: block; position: absolute; top: 23.5px; left: 20px; right: 20px; height: 2px; background: white; } html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger span::before, html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #fff; content: ""; } html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger span::before { top: -5px; } html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger span::after { bottom: -5px; } html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx { background-color: transparent; } html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx span { transition: background 0s 0.15s; } html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx span::before, html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx span::after { transition-duration: 0.15s, 0.15s; transition-delay: 0.15s, 0s; } html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx span::before { transition-property: top, transform; } html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx span::after { transition-property: bottom, transform; } html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx.is-active { background-color: transparent; } html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx.is-active span { background: none; } html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx.is-active span::before { top: 0; transform: rotate(45deg); } html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx.is-active span::after { bottom: 0; transform: rotate(-45deg); } html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx.is-active span::before, html.mobile .header-container .header-panel .nav-container .level0.mobile-menu-trigger > a.level0 .c-hamburger--htx.is-active span::after { transition-delay: 0s, 0.15s; } html.mobile .header-container .header-panel .nav-container.opened:before, html.mobile .header-container .header-panel .nav-container.opened:after { content: "\0020"; display: block; height: 0; overflow: hidden; } html.mobile .header-container .header-panel .nav-container.opened:after { clear: both; } html.mobile .header-container .header-panel .nav-container.opened .level0.car, html.mobile .header-container .header-panel .nav-container.opened .level0.driver, html.mobile .header-container .header-panel .nav-container.opened .level0.phone-support { filter: alpha(opactiy=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } html.mobile .header-container .header-panel .nav-container.opened ul#nav { top: 49px; padding-bottom: 50px; } html.mobile .header-container .header-panel .nav-container.opened ul#nav li.level0 { filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } html.mobile .header-container .header-panel .nav-container.closed ul#nav { top: -100vh; } html.mobile .header-container .header-panel .nav-container.products-in-cart .level0.driver { display: block; } @media screen and (max-width: 600px) { .header-container .header-panel .nav-container ul#nav li.level0, html.mobile .header-container .header-panel .nav-container ul#nav li.level0 { width: 90%; } .header-container .header-panel .nav-container ul#nav li.level0 > a:not(.not-menu-link), html.mobile .header-container .header-panel .nav-container ul#nav li.level0 > a:not(.not-menu-link) { line-height: 50px; } .header-container .header-panel .nav-container ul#nav li.level0.opened.padding, html.mobile .header-container .header-panel .nav-container ul#nav li.level0.opened.padding { padding-top: 50px; } .header-container .header-panel .nav-container ul#nav li.level0.opened .navigation-container ul.level0 li.level1:last-child > a:not(.not-menu-link):last-child, html.mobile .header-container .header-panel .nav-container ul#nav li.level0.opened .navigation-container ul.level0 li.level1:last-child > a:not(.not-menu-link):last-child { padding-bottom: 10px; } .header-container .header-panel .nav-container .level0.phone-support, html.mobile .header-container .header-panel .nav-container .level0.phone-support { display: block; } .header-container .header-panel .nav-container .level0.logo.has-products, html.mobile .header-container .header-panel .nav-container .level0.logo.has-products { width: 50%; } .header-container .header-panel .nav-container .level0.logo.no-products-in-cart, html.mobile .header-container .header-panel .nav-container .level0.logo.no-products-in-cart { width: 62.5%; } .header-container .header-panel .nav-container .level0.logo.fix a img.desktop-logo, html.mobile .header-container .header-panel .nav-container .level0.logo.fix a img.desktop-logo { filter: alpha(opactiy=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .header-container .header-panel .nav-container .level0.logo.fix a img.mobile-logo, html.mobile .header-container .header-panel .nav-container .level0.logo.fix a img.mobile-logo { filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .header-container .cookie-warning { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 200; font-style: italic; font-size: 0.85714rem; } .header-container .cookie-warning .cookie-message a { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 0.85714rem; } } @media screen and (max-width: 480px) { .header-container .header-panel .nav-container .level0.logo.has-products, html.mobile .header-container .header-panel .nav-container .level0.logo.has-products { width: 43.75%; } .header-container .header-panel .nav-container .level0.logo.no-products-in-cart, html.mobile .header-container .header-panel .nav-container .level0.logo.no-products-in-cart { width: 43.75%; } .header-container .header-panel .nav-container.products-in-cart .level0.car, html.mobile .header-container .header-panel .nav-container.products-in-cart .level0.car { display: none; } } /*# sourceMappingURL=RC_Header.css.map */ /* * Modal windows * * Included everywhere on the website. * Addresses ONLY the modal windows * * @author Jarlssen GmbH * @see RC_Common.scss */ /* * Main definitions SCSS file * * Definition of mixins and functions etc. * Should NOT generate any actual CSS! * To be included in ALL subsequent SCSS files. * * @author Jarlssen GmbH */ /* * Main variables SCSS file * * Definition of ONLY variables. * Should NOT generate any actual CSS! * * To be included ONLY in _RC_Definitions.scss. * * @author Jarlssen GmbH * @see _RC_Definitions.scss */ body.modalOpened { overflow: hidden; } [data-modal-trigger] { cursor: pointer; } .modal-overlay, .america-redirect-mod { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.65); overflow: hidden; overflow-y: auto; text-transform: none; } .modal-window { width: 992px; position: relative; left: 0; right: 0; margin: 0 auto; background-color: #fff; border: 1px solid #e4e5e5; box-shadow: 0px 0px 4px 0px rgba(112, 112, 112, 0.9); -webkit-box-shadow: 0px 0px 4px 0px rgba(112, 112, 112, 0.9); -moz-box-shadow: 0px 0px 4px 0px rgba(112, 112, 112, 0.9); } @media screen and (max-width: 992px) { .modal-window { width: calc(100% - 40px); margin: 8.06452% auto 0 auto; } } @media screen and (max-width: 480px) { .modal-window { width: calc(100% - 20px); } } .modal-window.modal-alert { min-width: 300px; max-width: 600px; } .modal-window .modal-content { text-align: center; padding: 30px 40px 40px 40px; overflow: hidden; overflow-y: auto; } @media screen and (max-width: 992px) { .modal-window .modal-content { padding: 30px 30px 40px 30px; } } @media screen and (max-width: 480px) { .modal-window .modal-content { padding: 20px 15px; } } .modal-window .modal-content.modal-content-shop-details { padding-left: 0; padding-right: 0; } .modal-window .modal-content .modal-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2.14286rem; margin-bottom: 40px; } .modal-window .modal-content h2.modal-title { margin-top: 0; } .modal-window .modal-content .modal-content-container { position: relative; } .modal-window .modal-content .modal-content-container .titles { display: none; } .modal-window .modal-content .modal-content-container .titles .title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2.14286rem; margin-bottom: 10px; } .modal-window .modal-content .modal-content-container .titles .sub-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.57143rem; margin-top: 20px; margin-bottom: 10px; } .modal-window .modal-content .modal-content-container .video-container img { width: 100%; height: auto; } .modal-window .modal-content .modal-content-container .video-container iframe { position: absolute; left: 0; top: 0; } .modal-window .modal-content .modal-ok-button { margin-top: 40px; } .modal-window .modal-content .modal-ok-button button { min-width: 120px; } .modal-window .modal-close { position: absolute; right: 10px; top: 10px; cursor: pointer; width: 17px; height: 17px; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/modal-close-x.png) no-repeat center; z-index: 1; } @media screen and (max-width: 480px) { .modal-window .modal-close { right: 5px; top: 5px; } } .modal-window .modal-edit { display: inline-block; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-edit.png) no-repeat center; width: 18px; height: 18px; } .modal-window.tech-data-container h2 { margin-top: 0; } .america-redirect-mod { z-index: -1; display: block; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; } .america-redirect-mod .america-redirect-mod-window { left: 0; width: 100%; position: absolute; min-height: 316px; top: 50%; margin-top: -158px; } .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content { max-width: 1000px; width: 80%; display: block; margin: 0 auto; background-color: #fff; padding: 0 14px; position: relative; box-shadow: 0px 0px 4px 0px rgba(112, 112, 112, 0.9); -webkit-box-shadow: 0px 0px 4px 0px rgba(112, 112, 112, 0.9); -moz-box-shadow: 0px 0px 4px 0px rgba(112, 112, 112, 0.9); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content.america-modal { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/america_flag.png); background-position: left top; background-size: auto 100%; background-repeat: no-repeat; } .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content h2 { padding-top: 54px; text-align: center; margin: 0; color: #353535; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.85714rem; } .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content h3 { padding-top: 4px; padding-bottom: 54px; text-align: center; font-style: italic; margin: 0; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.28571rem; } .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content a, .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .modal-btn-continue { display: block; width: 90%; max-width: 288px; padding: 15px 10px; margin: 0 auto; color: #fff; text-transform: uppercase; text-align: center; background: #ea5b0c; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content a:hover, .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .modal-btn-continue:hover { background: #ff9600; } .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .redirect-close-txt, .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .bf-coupon { display: block; clear: both; text-align: center; margin-top: 54px; margin-bottom: 20px; cursor: pointer; text-transform: uppercase; color: #adadad; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.78571rem; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .redirect-close-txt:hover, .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .bf-coupon:hover { color: #5c5e60; } .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .bf-coupon { color: #000; } .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .redirect-close { position: absolute; right: 5px; top: 5px; cursor: pointer; width: 17px; height: 17px; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/modal-close-x.png) no-repeat center; z-index: 1; } .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content:after { content: ''; display: table; clear: both; } .america-redirect-mod.is-visible { z-index: 99; display: block; opacity: 1; visibility: visible; } .america-redirect-mod.is-visible .america-redirect-mod-window .america-redirect-mod-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } @media screen and (max-width: 600px) { .america-redirect-mod .america-redirect-mod-window { min-height: 220px; margin-top: -110px; } .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content { background: #fff; border: 1px solid #e4e5e5; } .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content h2 { padding-top: 24px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.28571rem; } .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content h3 { padding-top: 4px; padding-bottom: 18px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 0.92857rem; } .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content a { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .redirect-close-txt, .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .bf-coupon { margin-top: 18px; margin-bottom: 16px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.71429rem; } .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .redirect-close { width: 14px; height: 14px; background-size: contain; } .america-redirect-mod .america-redirect-mod-window .america-redirect-mod-content .no-mobiles { display: none; } } /*# sourceMappingURL=RC_ModalWindow.css.map */ /* * Car selector / picker * * Included everywhere on the website. * Addresses ONLY the car selector / pickers * * @author Jarlssen GmbH * @see RC_Common.scss */ /* * Main definitions SCSS file * * Definition of mixins and functions etc. * Should NOT generate any actual CSS! * To be included in ALL subsequent SCSS files. * * @author Jarlssen GmbH */ /* * Main variables SCSS file * * Definition of ONLY variables. * Should NOT generate any actual CSS! * * To be included ONLY in _RC_Definitions.scss. * * @author Jarlssen GmbH * @see _RC_Definitions.scss */ .picker-container { cursor: pointer; vertical-align: top; position: relative; z-index: 1; display: inline-block; overflow-y: hidden; width: 29.16667%; } html.desktop .picker-container { min-width: 200px; max-width: 280px; } .picker-container .picker-selected { height: 65px; padding: 0 40px 0 20px; line-height: 62px; border: none; position: relative; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.35714rem; } .picker-container .picker-selected .gradient { width: 100%; height: 100%; position: absolute; right: 0; top: 0; } .picker-container .picker-selected.open .-label { display: none; } html.mobile .picker-container .picker-selected { display: none; } .picker-container .picker-selected[data-value-selected] { color: #3c3c3c; background-color: rgba(250, 250, 250, 0.75); -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; } .picker-container .picker-selected[data-value-selected] .-label { filter: alpha(opactiy=75); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .picker-container .picker-selected[data-value-selected]:hover { background-color: #fafafa; } .picker-container .picker-selected[data-value-selected]:hover .-label { filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .picker-container .picker-selected[data-value-selected] .gradient { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-check-green.svg) no-repeat 95% center; background-size: 21px; } .picker-container .picker-selected[data-value-selected=""] { color: #3c3c3c; background-color: #fafafa; } .picker-container .picker-selected[data-value-selected=""] .-label { filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .picker-container .picker-selected[data-value-selected=""] .gradient { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/arrow_down_orange.svg) no-repeat 95% center; background-size: 17px; } .picker-container .picker-filter { display: none; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; max-width: none; height: 65px; border: none; line-height: 1.2; padding: 0 20px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.35714rem; color: #3c3c3c; } .picker-container.disabled .picker-selected { background-image: none; cursor: default; color: #8b8b8b; } .picker-container.disabled .picker-selected span.-label { color: #8b8b8b; } .picker-container ul.picker { display: none; width: 100%; max-height: 220px; overflow-y: auto; } .picker-container ul.picker li.option { text-align: left; line-height: 1.8; border-left: 1px solid #fff; border-right: 1px solid #fff; background-color: #fff; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: normal; font-size: 0.92857rem; } .picker-container ul.picker li.option a { display: block; padding-left: 20px; padding-right: 5px; color: #3c3c3c; } .picker-container ul.picker li.option a:hover, .picker-container ul.picker li.option a.-hovered { background-color: #c85a1e; color: #fff; } .picker-container ul.picker li.option.first { background: url(https://www.racechip.de/skin/frontend/racechip/default/images/picker-list-background.png) no-repeat top center; padding-top: 10px; } .picker-container ul.picker li.option.first a { color: #8b8b8b; } .picker-container ul.picker li.option.first a:hover, .picker-container ul.picker li.option.first a.-hovered { background-color: transparent; color: #8b8b8b; cursor: default; } .picker-container ul.picker li.option.last { border-bottom: 1px solid #fff; } .picker-container ul.picker li.option.selected a, .picker-container ul.picker li.option.disabled a { color: #8b8b8b; cursor: default; } .picker-container ul.picker li.option.selected a:hover, .picker-container ul.picker li.option.selected a.-hovered, .picker-container ul.picker li.option.disabled a:hover, .picker-container ul.picker li.option.disabled a.-hovered { background-color: transparent; color: #8b8b8b; } .picker-container.open { box-shadow: 0 2px 5px 1px rgba(160, 160, 160, 0.73); -webkit-box-shadow: 0 2px 5px 1px rgba(160, 160, 160, 0.73); -moz-box-shadow: 0 2px 5px 1px rgba(160, 160, 160, 0.73); } .by-car .selectors .picker-container { position: absolute; -webkit-transition: z-index 0.5s step-end; -moz-transition: z-index 0.5s step-end; -o-transition: z-index 0.5s step-end; transition: z-index 0.5s step-end; -webkit-transition: width 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out; min-width: 0; max-width: 100%; width: 33.1%; z-index: 1; left: 0; right: 0; margin: 0 auto; } .by-car .selectors .picker-container.full-width { width: 100%; z-index: 5; -webkit-transition: z-index 0.5s step-start; -moz-transition: z-index 0.5s step-start; -o-transition: z-index 0.5s step-start; transition: z-index 0.5s step-start; -webkit-transition: width 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out; } .by-car .selectors .picker-container:first-child { left: 0; right: auto; } .by-car .selectors .picker-container:last-child { right: 0; left: auto; } .by-car .selectors .picker-container .picker-filter:focus { outline: none; box-shadow: unset; border: none; } .by-car .selectors .picker-container .picker-selected { text-align: left; } .by-car .selectors .picker-container .picker-selected .-label { white-space: nowrap; display: inline-block; width: 100%; overflow-x: hidden; float: left; } form.car-selector-form .form-container { position: relative; height: 240px; } form.car-selector-form.hsn { height: auto; } form.car-selector-form.hsn .form-container { height: auto; } form.car-selector-form .by-car { width: 85%; } .car-selector-modal form.car-selector-form .by-car { margin: 0 auto; } .car-selector-modal form.car-selector-form .by-car .picker-container .picker-selected[data-value-selected] { background-color: rgba(228, 228, 228, 0.75); } .car-selector-modal form.car-selector-form .by-car .picker-container .picker-selected[data-value-selected=""] { background-color: #e4e4e4; } html.mobile form.car-selector-form .by-car.embedded { position: relative; } html.mobile form.car-selector-form .by-car.embedded .modal-trigger { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; z-index: 2; } form.car-selector-form .selectors { width: 100%; position: relative; } html.mobile form.car-selector-form .selectors { text-align: left; position: static; } html.mobile form.car-selector-form .selectors .picker-container { width: 80%; margin: 0 auto; display: block; margin-bottom: 12px; text-align: center; line-height: normal; position: relative; } html.mobile form.car-selector-form .selectors select { width: 100%; } form.car-selector-form .form-buttons { width: 100%; position: absolute; bottom: 0; } form.car-selector-form .form-buttons button { width: 28.125%; } form.car-selector-form .form-buttons button.submit { margin-right: 10px; } @media screen and (max-width: 840px) { form.car-selector-form .form-buttons button { width: 44.27083%; } form.car-selector-form .form-buttons button.submit { margin-bottom: 10px; } } @media screen and (max-width: 480px) { form.car-selector-form .form-buttons button { width: 70.83333%; } form.car-selector-form .form-buttons button.submit { margin-right: 0; } } @media screen and (max-width: 320px) { form.car-selector-form .form-buttons button { width: 87.5%; } } form.car-selector-form .form-buttons .select-by, form.car-selector-form .form-buttons .cr-pd-toggle { display: inline-block; margin-top: 20px; text-transform: uppercase; width: auto; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } form.car-selector-form .form-buttons .cr-pd-toggle { margin-left: 10px; } form.car-selector-form .form-buttons.hsn { position: relative; margin-top: 40px; } form.car-selector-form .form-buttons.hsn .select-by, form.car-selector-form .form-buttons.hsn .cr-pd-toggle { width: auto; } html.mobile form.car-selector-form .form-buttons { position: static; } form.car-selector-form .by-hsn-tsn { display: none; width: 80%; margin: 0 auto; } form.car-selector-form .by-hsn-tsn .selectors { position: relative; } form.car-selector-form .by-hsn-tsn .selectors .picker-container input[type="text"] { border: 1px solid #c8c8c8; box-shadow: inset -1px 2px 2px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset -1px 2px 2px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset -1px 2px 2px 1px rgba(0, 0, 0, 0.15); height: 60px; padding: 0 20px; width: 100%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; color: #8b8b8b; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } form.car-selector-form .by-hsn-tsn .selectors .picker-container input[type="text"].validation-failed { border: 1px solid #d12929; box-shadow: inset -1px 2px 2px 1px rgba(224, 173, 173, 0.3); -webkit-box-shadow: inset -1px 2px 2px 1px rgba(224, 173, 173, 0.3); -moz-box-shadow: inset -1px 2px 2px 1px rgba(224, 173, 173, 0.3); } form.car-selector-form .by-hsn-tsn .selectors .picker-container.hsn { width: 40%; margin-right: 5%; } form.car-selector-form .by-hsn-tsn .selectors .picker-container.tsn { width: 50%; } form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button { display: none; } form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button .info-link { display: none; } html.mobile form.car-selector-form .by-hsn-tsn .selectors .picker-container { display: block; width: 100%; margin-right: 0; } html.mobile form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button { display: none; } @media screen and (max-width: 480px) { form.car-selector-form .by-hsn-tsn .selectors .picker-container input[type="text"] { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: italic; font-size: 1.14286rem; } } @media screen and (max-width: 320px) { form.car-selector-form .by-hsn-tsn .selectors .picker-container input[type="text"] { height: 40px; padding: 0 10px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1rem; } } @media screen and (max-width: 768px) { form.car-selector-form .by-hsn-tsn .selectors .picker-container.hsn, form.car-selector-form .by-hsn-tsn .selectors .picker-container.tsn { display: block; margin: 0 auto 20px auto; width: 100%; } } form.car-selector-form .by-hsn-tsn.explanations { margin: 40px auto 0 auto; width: 80%; } form.car-selector-form .by-hsn-tsn.explanations img { float: left; } form.car-selector-form .by-hsn-tsn.explanations p { float: right; max-width: 62%; text-align: left; margin-left: 3%; margin-bottom: 20px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.92857rem; line-height: 1.8; } @media screen and (max-width: 1115px) { form.car-selector-form .by-hsn-tsn.explanations p { max-width: 55%; } } @media screen and (max-width: 768px) { form.car-selector-form .by-hsn-tsn.explanations { width: 100%; } } @media screen and (max-width: 640px) { form.car-selector-form .by-hsn-tsn.explanations p, form.car-selector-form .by-hsn-tsn.explanations img { float: none; } form.car-selector-form .by-hsn-tsn.explanations p { text-align: center; max-width: 100%; margin-top: 20px; } } @media screen and (max-width: 480px) { form.car-selector-form .by-hsn-tsn.explanations p { text-align: left; } } form.car-selector-form .cr-pd-explanations { display: none; color: #3c3c3c; } form.car-selector-form .car-selector-error { margin: 0; padding-left: 10px; position: absolute; top: 80px; width: 100%; } form.car-selector-form .car-selector-error.hsn { position: static; margin-bottom: 0; } form.car-selector-form .car-selector-error span.content { margin: 0; padding: 0; border: none; background-color: transparent; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.28571rem; text-align: center; } .modal-window.car-selector-modal .modal-content .cr-pd-container { margin-top: 40px; } .modal-window.car-selector-modal .modal-content .cr-pd-container .explanations { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.92857rem; } .modal-window.car-selector-modal .modal-content .cr-pd-container .explanations p { line-height: 1.5; margin-bottom: 10px; } .cr-pd-container .modal-title, .modal-window .modal-content .cr-pd-container .modal-title { margin-bottom: 20px; text-align: left; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 2rem; } .cr-pd-container .modal-sub-title, .modal-window .modal-content .cr-pd-container .modal-sub-title { margin-bottom: 30px; text-align: left; } .cr-pd-container .explanations, .modal-window .modal-content .cr-pd-container .explanations { margin-bottom: 40px; } .cr-pd-container .explanations p, .modal-window .modal-content .cr-pd-container .explanations p { padding: 0; } .cr-pd-container .explanations h4, .cr-pd-container .explanations h5, .modal-window .modal-content .cr-pd-container .explanations h4, .modal-window .modal-content .cr-pd-container .explanations h5 { text-align: left; padding: 0; } .cr-pd-container .explanations h4, .modal-window .modal-content .cr-pd-container .explanations h4 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1.07143rem; margin-bottom: 10px; } .cr-pd-container .explanations h5, .modal-window .modal-content .cr-pd-container .explanations h5 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.92857rem; } .cr-pd-container .explanations .link, .modal-window .modal-content .cr-pd-container .explanations .link { text-transform: uppercase; } .cr-pd-container .explanations .explanation, .modal-window .modal-content .cr-pd-container .explanations .explanation { padding: 0; } .cr-pd-container .explanations .explanation.cr, .cr-pd-container .explanations .explanation.pd, .modal-window .modal-content .cr-pd-container .explanations .explanation.cr, .modal-window .modal-content .cr-pd-container .explanations .explanation.pd { float: left; width: 50%; } .cr-pd-container .explanations.cr-pd-titles:before, .cr-pd-container .explanations.cr-pd-titles:after, .cr-pd-container .explanations.cr-pd-images:before, .cr-pd-container .explanations.cr-pd-images:after, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-titles:before, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-titles:after, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-images:before, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-images:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .cr-pd-container .explanations.cr-pd-titles:after, .cr-pd-container .explanations.cr-pd-images:after, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-titles:after, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-images:after { clear: both; } .cr-pd-container .explanations.cr-pd-titles, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-titles { margin-bottom: 10px; } .cr-pd-container .explanations.cr-pd-titles h4, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-titles h4 { margin-bottom: 20px; } .cr-pd-container .explanations.cr-pd-titles .cr, .cr-pd-container .explanations.cr-pd-titles .pd, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-titles .cr, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-titles .pd { padding-left: 10px; } .cr-pd-container .explanations.cr-pd-images, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-images { border: 1px solid #c8c8c8; background-color: #f9f9f9; } .cr-pd-container .explanations.cr-pd-images .cell, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .cell { padding: 20px 8.06452% 0; } .cr-pd-container .explanations.cr-pd-images .cr, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .cr { border-right: 1px solid #c8c8c8; } .cr-pd-container .explanations.cr-pd-images .cr .legend, .cr-pd-container .explanations.cr-pd-images .pd .legend, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .cr .legend, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .pd .legend { text-align: left; margin-bottom: 20px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } .cr-pd-container .explanations.cr-pd-images .cr .image, .cr-pd-container .explanations.cr-pd-images .pd .image, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .cr .image, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .pd .image { margin-bottom: 20px; width: 100%; } .cr-pd-container .explanations.cr-pd-images .cr .image img, .cr-pd-container .explanations.cr-pd-images .pd .image img, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .cr .image img, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .pd .image img { width: 100%; } .cr-pd-container table.cr-pd-table, .modal-window .modal-content .cr-pd-container table.cr-pd-table { width: 100%; margin: 0 0 20px; } .cr-pd-container table.cr-pd-table td, .cr-pd-container table.cr-pd-table th, .modal-window .modal-content .cr-pd-container table.cr-pd-table td, .modal-window .modal-content .cr-pd-container table.cr-pd-table th { padding: 5px 10px; border: 1px solid #c8c8c8; } .cr-pd-container table.cr-pd-table thead th, .modal-window .modal-content .cr-pd-container table.cr-pd-table thead th { text-align: left; font-weight: 400; border: none; } .cr-pd-container table.cr-pd-table tbody td, .modal-window .modal-content .cr-pd-container table.cr-pd-table tbody td { text-align: left; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.92857rem; background-color: #f9f9f9; } .wrapper .page .block-item.embedded-car-selector .content-area, .wrapper .page .block-item.embedded-functional-car-selector .content-area { padding: 90px 0 0; } .wrapper .page .block-item.embedded-car-selector .title, .wrapper .page .block-item.embedded-car-selector .sub-title, .wrapper .page .block-item.embedded-functional-car-selector .title, .wrapper .page .block-item.embedded-functional-car-selector .sub-title { text-align: center; margin: 0 auto; } .wrapper .page .block-item.embedded-car-selector .sub-title, .wrapper .page .block-item.embedded-functional-car-selector .sub-title { margin-top: 0; } .wrapper .page .block-item.embedded-car-selector form.car-selector-form, .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form { width: 93.75%; margin: 50px auto 0 auto; text-align: center; height: auto; } .wrapper .page .block-item.embedded-car-selector form.car-selector-form .form-container, .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .form-container { height: auto; } .wrapper .page .block-item.embedded-car-selector form.car-selector-form .selectors, .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .selectors { position: static; } .wrapper .page .block-item.embedded-car-selector form.car-selector-form .form-buttons, .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .form-buttons { display: none; } .wrapper .page .block-item.embedded-car-selector form.car-selector-form .by-hsn-tsn.explanations, .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn.explanations { margin-bottom: 40px; } .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form { width: auto; } .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form:before, .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form:after { clear: both; } .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .car-selector-error { position: static; } .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .car-selector-error span.content { text-align: left; } .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-car { width: 90%; height: 65px; position: relative; } .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-car .selectors { position: absolute; } .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.hsn { display: inline-block; width: 27.08333%; margin-right: 2.08333%; } .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.hsn input[type="text"] { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.28571rem; color: #3c3c3c; } .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.tsn { display: inline-block; width: 34.375%; margin-right: 2.08333%; } .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.tsn input[type="text"] { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.28571rem; color: #3c3c3c; } .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button { display: inline-block; line-height: 60px; width: 20.83333%; } .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button:before, .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button:after { clear: both; } html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button { display: inline-block; } .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button .info-link { display: inline-block; float: left; line-height: 24px; margin-top: 16px; background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-info.png); } .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button .btn { line-height: 60px; width: 100%; } html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form { height: auto; } html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .car-selector-error { width: 80%; padding: 0; margin-left: auto; margin-right: auto; } html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .car-selector-error span.content { text-align: center; } html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-car, html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn { width: 75%; margin: 0 auto; height: auto; } html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-car .selectors, html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors { position: static; } html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-car .selectors .picker-container, html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container { width: 80%; margin-left: auto; margin-right: auto; } html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-car .selectors .picker-container.submit-button, html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button { display: block; } html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn.explanations { margin: 0 auto; } @media screen and (max-width: 768px) { .cr-pd-container h2, .cr-pd-container h3, .cr-pd-container h4, .cr-pd-container h5, .cr-pd-container h6, .cr-pd-container p, .cr-pd-container .explanation, .modal-window .modal-content .cr-pd-container h2, .modal-window .modal-content .cr-pd-container h3, .modal-window .modal-content .cr-pd-container h4, .modal-window .modal-content .cr-pd-container h5, .modal-window .modal-content .cr-pd-container h6, .modal-window .modal-content .cr-pd-container p, .modal-window .modal-content .cr-pd-container .explanation { padding: 0 2.5%; } .cr-pd-container table, .cr-pd-container .explanations, .modal-window .modal-content .cr-pd-container table, .modal-window .modal-content .cr-pd-container .explanations { margin: 0 2.5%; } .cr-pd-container .modal-sub-title, .modal-window .modal-content .cr-pd-container .modal-sub-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.35714rem; } .cr-pd-container .explanations, .modal-window .modal-content .cr-pd-container .explanations { margin-bottom: 40px; } .cr-pd-container .explanations.cr-pd-images .cell, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .cell { padding: 20px 5.20833% 0; } html.desktop .wrapper .page .block-item.embedded-car-selector .car-selector, html.desktop .wrapper .page .block-item.embedded-functional-car-selector .car-selector { min-height: 230px; } html.desktop .wrapper .page .block-item.embedded-car-selector .car-selector form.car-selector-form .by-car .picker-container, html.desktop .wrapper .page .block-item.embedded-functional-car-selector .car-selector form.car-selector-form .by-car .picker-container { position: absolute; left: 0; right: 0; } html.desktop .wrapper .page .block-item.embedded-car-selector .car-selector form.car-selector-form .by-car .picker-container.car_manufacturer_picker-container, html.desktop .wrapper .page .block-item.embedded-functional-car-selector .car-selector form.car-selector-form .by-car .picker-container.car_manufacturer_picker-container { top: 0; z-index: 4; } html.desktop .wrapper .page .block-item.embedded-car-selector .car-selector form.car-selector-form .by-car .picker-container.car_model_picker-container, html.desktop .wrapper .page .block-item.embedded-functional-car-selector .car-selector form.car-selector-form .by-car .picker-container.car_model_picker-container { top: 70px; z-index: 3; } html.desktop .wrapper .page .block-item.embedded-car-selector .car-selector form.car-selector-form .by-car .picker-container.car_engine_picker-container, html.desktop .wrapper .page .block-item.embedded-functional-car-selector .car-selector form.car-selector-form .by-car .picker-container.car_engine_picker-container { top: 140px; z-index: 2; } html.desktop .wrapper .page .block-item.embedded-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors, html.desktop .wrapper .page .block-item.embedded-functional-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors { width: 75%; margin: 0 auto; } html.desktop .wrapper .page .block-item.embedded-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container, html.desktop .wrapper .page .block-item.embedded-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.hsn, html.desktop .wrapper .page .block-item.embedded-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.tsn, html.desktop .wrapper .page .block-item.embedded-functional-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container, html.desktop .wrapper .page .block-item.embedded-functional-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.hsn, html.desktop .wrapper .page .block-item.embedded-functional-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.tsn { width: 100%; } html.desktop .wrapper .page .block-item.embedded-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button, html.desktop .wrapper .page .block-item.embedded-functional-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button { text-align: center; } .wrapper .page .block-item.embedded-car-selector .title, .wrapper .page .block-item.embedded-car-selector .sub-title, .wrapper .page .block-item.embedded-functional-car-selector .title, .wrapper .page .block-item.embedded-functional-car-selector .sub-title { padding: 0 11.71875%; text-align: left; } .wrapper .page .block-item.embedded-car-selector .title, .wrapper .page .block-item.embedded-functional-car-selector .title { margin-bottom: 10px; } .wrapper .page .block-item.embedded-car-selector .picker-container, .wrapper .page .block-item.embedded-functional-car-selector .picker-container { display: block; width: 57.29167%; margin: 0 auto 10px auto; } .wrapper .page .block-item.embedded-car-selector .picker-container .picker-selected, .wrapper .page .block-item.embedded-functional-car-selector .picker-container .picker-selected { text-align: left; } .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.hsn, .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.tsn, .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button { display: block; margin: 0 auto 10px auto; width: 52.08333%; } .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button .info-link { display: inline-block; line-height: 24px; } .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button .btn { float: none; } } @media screen and (max-width: 580px) { .wrapper .page .block-item.embedded-car-selector .content-area, .wrapper .page .block-item.embedded-functional-car-selector .content-area { padding-top: 60px; } .wrapper .page .block-item.embedded-car-selector .title, .wrapper .page .block-item.embedded-car-selector .sub-title, .wrapper .page .block-item.embedded-functional-car-selector .title, .wrapper .page .block-item.embedded-functional-car-selector .sub-title { padding: 0 18.75%; text-align: center; } .wrapper .page .block-item.embedded-car-selector .picker-container, .wrapper .page .block-item.embedded-functional-car-selector .picker-container { width: 91.66667%; } .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.hsn, .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.tsn, .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button { width: 83.33333%; } html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form { line-height: normal; } html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-car, html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn { width: 95%; } html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-car .selectors .picker-container, html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container { width: 98%; } } @media screen and (max-width: 480px) { .modal-window.car-selector-modal .modal-content .selectors { position: static; } .modal-window.car-selector-modal .modal-content .selectors .picker-container { display: block; width: 100%; margin: 0 auto 10px; max-width: 400px; } .modal-window.car-selector-modal .modal-content .form-buttons { position: static; line-height: 20px; } .modal-window.car-selector-modal .modal-content .form-buttons a.select-by, .modal-window.car-selector-modal .modal-content .form-buttons a.cr-pd-toggle { line-height: 20px; } .modal-window.car-selector-modal .modal-content .form-container { height: auto; } .cr-pd-container .explanations .explanation, .modal-window .modal-content .cr-pd-container .explanations .explanation { padding: 0; } .cr-pd-container .explanations .explanation.cr, .cr-pd-container .explanations .explanation.pd, .modal-window .modal-content .cr-pd-container .explanations .explanation.cr, .modal-window .modal-content .cr-pd-container .explanations .explanation.pd { float: none; width: 100%; border: none; } .cr-pd-container .explanations.cr-pd-images, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-images { border: none; background-color: transparent; } .cr-pd-container .explanations.cr-pd-images .cell, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .cell { border: 1px solid #c8c8c8; background-color: #f9f9f9; padding-left: 8.33333%; padding-right: 8.33333%; } .cr-pd-container .explanations.cr-pd-images .cr h5, .cr-pd-container .explanations.cr-pd-images .pd h5, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .cr h5, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .pd h5 { padding-left: 2.08333%; margin-bottom: 10px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.14286rem; } .cr-pd-container .explanations.cr-pd-images .pd, .modal-window .modal-content .cr-pd-container .explanations.cr-pd-images .pd { margin-top: 30px; } .cr-pd-container table.cr-pd-table td.no-480, .cr-pd-container table.cr-pd-table th.no-480, .modal-window .modal-content .cr-pd-container table.cr-pd-table td.no-480, .modal-window .modal-content .cr-pd-container table.cr-pd-table th.no-480 { display: none; } html.mobile .modal-window .modal-content .modal-title { margin-bottom: 20px; line-height: normal; } html.mobile form.car-selector-form .by-hsn-tsn.explanations { margin: 20px auto 0; } html.mobile form.car-selector-form .by-hsn-tsn .selectors .picker-container input[type="text"] { height: auto; } html.mobile form.car-selector-form .form-buttons.hsn { margin-top: 0; } } @media screen and (max-width: 400px) { .wrapper .page .block-item.embedded-car-selector .content-area, .wrapper .page .block-item.embedded-functional-car-selector .content-area { padding-top: 40px; } .wrapper .page .block-item.embedded-car-selector .title, .wrapper .page .block-item.embedded-car-selector .sub-title, .wrapper .page .block-item.embedded-functional-car-selector .title, .wrapper .page .block-item.embedded-functional-car-selector .sub-title { padding: 0 6.25%; } } @media screen and (max-width: 380px) { html.mobile .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-car .selectors .picker-container { width: 90%; } } /*# sourceMappingURL=RC_CarSelector.css.map */ @charset "UTF-8"; /* * Footer stylesheet * * Included everywhere on the website. * Addresses the footer area, for all breakpoints. * Main layouting is in RC_Common. * * @author Jarlssen GmbH * @see RC_Common.scss */ /* * Main definitions SCSS file * * Definition of mixins and functions etc. * Should NOT generate any actual CSS! * To be included in ALL subsequent SCSS files. * * @author Jarlssen GmbH */ /* * Main variables SCSS file * * Definition of ONLY variables. * Should NOT generate any actual CSS! * * To be included ONLY in _RC_Definitions.scss. * * @author Jarlssen GmbH * @see _RC_Definitions.scss */ .wrapper .page .footer-container { position: relative; z-index: 3; background-color: #3c3c3c; } .wrapper .page .footer-container .headline { color: #f2f2f2; } .wrapper .page .footer-container .main-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 2.14286rem; text-align: center; } .wrapper .page .footer-container .separator { border-top: 1px solid #313131; } .wrapper .page .footer-container .separator.aklamio-separator { margin-top: 0; } .wrapper .page .footer-container .separator.third.-after-payment { margin-top: 40px; } .wrapper .page .footer-container .separator.fourth { display: none; } .wrapper .page .footer-container .footer.footer-blocks { padding: 0 1.5625%; width: 100%; text-align: center; } .wrapper .page .footer-container .footer.footer-blocks:before, .wrapper .page .footer-container .footer.footer-blocks:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .footer-container .footer.footer-blocks:after { clear: both; } .wrapper .page .footer-container .footer.footer-blocks .footer-car-selector { float: left; width: 50.40323%; } .wrapper .page .footer-container .footer.footer-blocks .footer-car-selector .headline { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 2.14286rem; text-align: center; margin-bottom: 45px; } .wrapper .page .footer-container .footer.footer-blocks .footer-car-selector img { margin-bottom: 16px; } .wrapper .page .footer-container .footer.footer-blocks .footer-car-selector button.select-car { margin-bottom: 16px; font-weight: 400; } .wrapper .page .footer-container .footer.footer-reasons { width: 100%; text-align: center; margin-top: 40px; } .wrapper .page .footer-container .footer.footer-reasons .headline { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 2.14286rem; text-align: center; margin-bottom: 4.03226%; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container { width: 100%; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons { overflow: hidden; font-size: 0; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons:before, .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons:after { clear: both; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item { display: inline-block; margin-right: 0.50403%; width: 16.12903%; vertical-align: top; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item .icon { height: 72px; margin-bottom: 10px; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item .icon picture { display: inline; max-height: 100%; max-width: 100%; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item .icon img { margin: 0 auto; max-height: 100%; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item p { max-height: 53px; overflow: hidden; color: #f2f2f2; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.78571rem; line-height: 1.2; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item p.long { display: block; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item p.short { display: none; } .wrapper .page .footer-container .footer.footer-payment-methods .content-area { text-align: center; } .wrapper .page .footer-container .footer.footer-payment-methods .content-area .headline { margin-bottom: 10px; } .wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons { width: 67.5%; margin: 0 auto; } .wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons .payment-list:before, .wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons .payment-list:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons .payment-list:after { clear: both; } .wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons .payment-list .item { display: inline-block; height: 40px; line-height: 40px; font-size: 0; width: 16.15%; color: white; } .wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons .payment-list .item img { height: 40px; } .wrapper .page .footer-container .footer.footer-fineprint { width: 100%; text-align: left; margin-top: 40px; padding: 0 20px; display: none; } .wrapper .page .footer-container .footer.footer-fineprint div { color: #b0b0b0; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.71429rem; margin-bottom: 10px; } .wrapper .page .footer-container .footer.footer-fineprint div ul { padding-left: 10px; } .wrapper .page .footer-container .footer.footer-fineprint div ul li { position: relative; } .wrapper .page .footer-container .footer.footer-fineprint div ul li:before { content: "·"; font-size: 24px; position: absolute; left: -10px; top: -11px; } .wrapper .page .footer-container .footer.footer-fineprint div strong { color: #ececec; font-weight: 500; } .wrapper .page .footer-container .footer.footer-links-container { width: 100%; } .wrapper .page .footer-container .footer.footer-links-container .footer-links { padding-left: 17.1371%; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/footer-logo-R.png) no-repeat 1.6129% 45px; } .wrapper .page .footer-container .footer.footer-links-container .footer-links:before, .wrapper .page .footer-container .footer.footer-links-container .footer-links:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .footer-container .footer.footer-links-container .footer-links:after { clear: both; } .wrapper .page .footer-container .footer.footer-links-container .footer-links h2 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; margin-bottom: 1.5121%; color: #f2f2f2; } .wrapper .page .footer-container .footer.footer-links-container .footer-links h2 a { color: #f2f2f2; } .wrapper .page .footer-container .footer.footer-links-container .footer-links h2 a.no-link { cursor: default; } .wrapper .page .footer-container .footer.footer-links-container .footer-links .item { width: 30.12097%; float: left; margin-right: 4.03226%; } .wrapper .page .footer-container .footer.footer-links-container .footer-links .item:last-child { margin-right: 0; } .wrapper .page .footer-container .footer.footer-links-container .footer-links .item ul li { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; line-height: 1.6; } .wrapper .page .footer-container .footer.footer-links-container .footer-links .item ul li a { text-transform: uppercase; color: #c0c0c0; } .wrapper .page .footer-container .footer.footer-links-container .footer-links .item ul li a:hover { color: #c85a1e; } .wrapper .page .footer-container .footer.seo-links-container { padding: 16px 1.6129% 40px; } .wrapper .page .footer-container .footer.seo-links-container .headline { text-align: center; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.85714rem; margin-bottom: 24px; } .wrapper .page .footer-container .footer.seo-links-container .item { display: inline-block; vertical-align: top; width: 16.12903%; } .wrapper .page .footer-container .footer.seo-links-container .item a { text-transform: uppercase; color: #c0c0c0; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } .wrapper .page .footer-container .footer.seo-links-container .item a:hover, .wrapper .page .footer-container .footer.seo-links-container .item a:active { color: #c85a1e; } .wrapper .page .footer-container .copyright { text-align: center; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.78571rem; color: #f2f2f2; } .wrapper .page .footer-container .copyright address { display: inline-block; } .wrapper .page .footer-container .copyright .copyright-links { text-transform: uppercase; display: none; } .wrapper .page .footer-container .copyright .copyright-links ul li { display: inline-block; } .wrapper .page .footer-container .copyright .copyright-links ul li:before { content: "| "; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.78571rem; } .wrapper .page .footer-container .copyright .copyright-links ul li a { color: #f2f2f2; } .wrapper .page .footer-container .copyright .copyright-links ul li a:hover { text-decoration: underline; } .wrapper .page .footer-container .aklamio-footer-block-container { margin: 30px 0; display: block; width: 100%; min-height: 310px; background: url(../wysiwyg/aklamio/aklamio_teaser_bg_992.jpg) no-repeat center center; padding-top: 72px; } .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block { position: relative; max-width: 960px; width: 62.5%; margin: 0 auto; padding-bottom: 73px; } .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block:before, .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block:after { clear: both; } .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .headline { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.28571rem; text-transform: uppercase; margin: 0 0 2px 0; } .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .headline b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.28571rem; } .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .image { display: block; width: 100px; height: auto; position: absolute; bottom: 20px; right: 125px; } .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .explanation { max-width: 430px; width: 100%; } .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .explanation p { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1rem; color: #fff; } .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .explanation p b { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; } .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .c2a { margin-top: 19px; } .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .c2a .btn.call-to-action { font-weight: 400; } .wrapper .page .footer-container.no-shop .footer-contact-widgets { clear: both; } .wrapper .page .contact-data { display: block; line-height: 1.6; color: #fff; } .wrapper .page .contact-data.cost { color: #b0b0b0; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.71429rem; margin-top: 5px; } .wrapper .page .contact-data.phone-no { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1.14286rem; display: none; } .wrapper .page .contact-data.no-display { display: none; } .wrapper .page .footer-contact-widgets { float: right; width: 40.32258%; } .wrapper .page .footer-contact-widgets .headline { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 2.14286rem; text-align: center; margin-bottom: 16px; } .wrapper .page .footer-contact-widgets .bubbles { margin-top: 16px; } .wrapper .page .footer-contact-widgets .bubbles:before, .wrapper .page .footer-contact-widgets .bubbles:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .footer-contact-widgets .bubbles:after { clear: both; } .wrapper .page .footer-contact-widgets .bubbles .bubble { display: block; padding: 16px 0; text-align: center; color: #3c3c3c; text-decoration: none; text-transform: uppercase; margin-bottom: 16px; width: 45%; height: auto; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; position: relative; } .wrapper .page .footer-contact-widgets .bubbles .bubble .-transparency { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: #fff; filter: alpha(opactiy=75); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .wrapper .page .footer-contact-widgets .bubbles .bubble .-transparency .-tail { position: absolute; bottom: -10px; right: 10%; width: 0; height: 0; border: none; border-bottom-width: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; } .wrapper .page .footer-contact-widgets .bubbles .bubble .-transparency .-tail.flipped { right: auto; left: 10%; } .wrapper .page .footer-contact-widgets .bubbles .bubble .-content { z-index: 2; position: relative; } .wrapper .page .footer-contact-widgets .bubbles .bubble .-content:hover { color: #c85a1e; } .wrapper .page .footer-contact-widgets .bubbles .bubble .icon { position: relative; z-index: 1; display: block; margin: 0 auto 6px; background-color: transparent; background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; /* Firefox 3.6 */ background-position: center; /* Internet Explorer 7/8 */ } .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-email { float: right; } .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-email .icon { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-email.png); margin-bottom: 7px; width: 32px; height: 32px; } .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-email:hover .icon, .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-email:active .icon { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-email.png); } .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-chat, .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone { float: left; } .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-chat .icon, .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone .icon { margin-bottom: 7px; } .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-chat .icon { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-chat.png); width: 32px; height: 32px; } .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-chat:hover .icon, .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-chat:active .icon { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-chat.png); } .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone { display: none; } .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone .-with-phone-number { display: inline; } .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone .-with-text { display: none; } .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone .-with-text .-mobile { display: none; } .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone .icon { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-phone.png); width: 31px; height: 31px; margin-bottom: 7px; } .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone:hover .icon, .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone:active .icon { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-phone.png); } .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone.bubble-customer-service .icon { width: 28px; background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-support-orange.png); } .wrapper .page .footer-contact-widgets .bubbles.-no-chat .bubble.bubble-chat { display: none; } .wrapper .page .footer-contact-widgets .bubbles.-no-chat .bubble.bubble-phone { display: block; } .wrapper .page .footer-contact-widgets .bubbles.us-shop .bubble.no-display { display: none; } .wrapper .page .footer-contact-widgets.-is-mobile .bubbles .bubble-chat { display: none; } .wrapper .page .footer-contact-widgets.-is-mobile .bubbles .bubble-phone { display: block; } .wrapper .page .footer-contact-widgets.-is-mobile .contact-data { display: none; } .wrapper.no-car-selected .page .footer-container .footer-contact-widgets { clear: none; } @media screen and (max-width: 900px) { .wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons .payment-list .item { width: 15.15%; } } @media screen and (max-width: 850px) { .wrapper .page .footer-container .footer.footer-links-container .footer-links .item:first-child, .wrapper .page .footer-container .footer.footer-links-container .footer-links .item.first { padding-left: 1.6129%; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item p.long { display: none; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item p.short { display: block; } .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block { width: 75.52083%; } } @media screen and (min-width: 769px) { .wrapper.car-selected .page .footer-container .footer.footer-blocks .footer-car-selector { display: none; } .wrapper.car-selected .page .footer-contact-widgets { float: none; margin: 0 auto; position: relative; } .wrapper.car-selected .page .footer-contact-widgets img { margin-top: 4.03226%; } } @media screen and (max-width: 768px) { .wrapper.car-selected .page .footer-container .footer.footer-blocks .footer-car-selector { display: none; } .wrapper .page .footer-container { padding-top: 40px; } .wrapper .page .footer-container .headline, .wrapper .page .footer-container .footer.footer-blocks .footer-car-selector .headline, .wrapper .page .footer-container .footer.footer-reasons .headline { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.85714rem; } .wrapper .page .footer-container .footer.footer-blocks { margin-bottom: -1px; } .wrapper .page .footer-container .footer.footer-blocks .footer-car-selector, .wrapper .page .footer-container .footer.footer-blocks .footer-contact-widgets { float: none; width: 100%; } .wrapper .page .footer-container .footer.footer-blocks .footer-car-selector { margin-bottom: 6.51042%; } .wrapper .page .footer-container .footer.footer-blocks .footer-car-selector .headline { margin-bottom: 30px; } .wrapper .page .footer-container .footer.footer-blocks .footer-car-selector .image { display: none; } .wrapper .page .footer-container .footer.footer-blocks .footer-car-selector button.select-car { display: block; margin: 0 auto 2.60417%; } .wrapper .page .footer-container .footer.footer-blocks .footer-contact-widgets { width: 48.17708%; margin: 0 auto; } .wrapper .page .footer-container .footer.footer-reasons { padding-bottom: 20px; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container { padding: 0 4.6875%; height: 20.83333%; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons { overflow-x: scroll; -webkit-overflow-scrolling: touch; height: 20.83333%; white-space: nowrap; padding-bottom: 16px; margin-bottom: -16px; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item { float: none; display: inline-block; white-space: normal; width: 10.41667%; margin-right: 6.51042%; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item:last-child { margin-right: 0; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item .icon { height: 15.625%; } .wrapper .page .footer-container .footer.footer-links-container .footer-links { padding: 0 3.90625%; background-image: none; } .wrapper .page .footer-container .footer.footer-links-container .footer-links h2 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.28571rem; margin-bottom: 10px; margin-top: 10px; } .wrapper .page .footer-container .footer.footer-links-container .footer-links .item { width: 33.3333%; padding-right: 2.60417%; margin-right: 0; } .wrapper .page .footer-container .footer.footer-links-container .footer-links .item:first-child, .wrapper .page .footer-container .footer.footer-links-container .footer-links .item.first { float: left; padding-left: 0; background: none; width: 39%; } .wrapper .page .footer-container .footer.footer-links-container .footer-links .item.second { padding-right: 2.60417%; width: 31%; } .wrapper .page .footer-container .footer.footer-links-container .footer-links .item:last-child, .wrapper .page .footer-container .footer.footer-links-container .footer-links .item.last { margin-right: 0; padding-right: 0; width: 28%; } .wrapper .page .footer-container .footer.footer-links-container .footer-links .item ul li { line-height: 1.7; } .wrapper .page .footer-container .footer.seo-links-container { padding: 0 3.90625% 5.20833%; } .wrapper .page .footer-container .footer.seo-links-container .item { width: 33.3333%; } .wrapper .page .footer-container .footer.seo-links-container .item li { line-height: 1.6; } .wrapper .page .footer-container .footer.seo-links-container .-mobile-seo-links { width: 90%; margin: 0 auto; padding-left: 11.71875%; } .wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons { width: 100%; } .wrapper .page .footer-container .aklamio-footer-block-container { background-image: url(../wysiwyg/aklamio/aklamio_teaser_bg_768.jpg); background-size: cover; position: relative; min-height: 402px; padding-top: 98px; } .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block { position: static; width: 100%; padding: 0 20px 38px 20px; } .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .headline { margin: 0 0 9px 0; font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.5rem; } .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .headline b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.5rem; } .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .explanation p { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.14286rem; } .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .explanation p b { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.14286rem; } .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .c2a { margin-top: 47px; } .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .image { top: 20px; bottom: auto; right: 20px; } .wrapper .page .footer-container.no-shop .separator.first { margin-top: 0; margin-bottom: 5px; } .wrapper .page .footer-contact-widgets h1 { margin-bottom: 3.90625%; } .wrapper .page .footer-contact-widgets .bubbles .bubble { width: 43.5%; padding: 15px 0; } .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-email .icon { width: 30px; height: 23px; margin-bottom: 13px; } .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-chat .icon { width: 27px; height: 30px; } .wrapper .page .footer-contact-widgets .bubbles .bubble.bubble-phone .icon { width: 34px; height: 33px; } .wrapper .page .costs-placeholder { text-align: center; } } @media screen and (max-width: 540px) { .wrapper .page .footer-container .separator.aklamio-separator { margin-top: 20px; } .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block { width: 100%; padding: 0 4.16667%; } .wrapper .page .footer-container .aklamio-footer-block-container .aklamio-footer-block .headline { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.85714rem; } } @media screen and (max-width: 480px) { .wrapper .page .footer-container .over-480 { display: none; } .wrapper .page .footer-container .headline, .wrapper .page .footer-container .footer.footer-blocks .footer-car-selector .headline, .wrapper .page .footer-container .footer.footer-reasons .headline { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.57143rem; } .wrapper .page .footer-container .separator.aklamio-separator { display: none; } .wrapper .page .footer-container .separator.first, .wrapper .page .footer-container .separator.fourth, .wrapper .page .footer-container .costs-placeholder { display: none; } .wrapper .page .footer-container .footer.footer-blocks { width: 87.5%; } .wrapper .page .footer-container .footer.footer-blocks .footer-contact-widgets { width: 100%; } .wrapper .page .footer-container .footer.footer-reasons { display: none; } .wrapper .page .footer-container .footer.footer-links-container .footer-links { padding: 0 4.16667%; } .wrapper .page .footer-container .footer.footer-links-container .footer-links .item { margin: 0; clear: both; } .wrapper .page .footer-container .footer.footer-links-container .footer-links .item h2 { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/arr_down_big.png) no-repeat center left; background-size: 17px auto; padding-left: 24px; margin-bottom: 14px; } .wrapper .page .footer-container .footer.footer-links-container .footer-links .item ul { display: none; } .wrapper .page .footer-container .footer.footer-links-container .footer-links .item:first-child, .wrapper .page .footer-container .footer.footer-links-container .footer-links .item.first { width: 100%; float: none; background: none; padding-left: 0; margin-top: 40px; } .wrapper .page .footer-container .footer.footer-links-container .footer-links .item.second { width: 100%; float: none; padding-right: 0; } .wrapper .page .footer-container .footer.footer-links-container .footer-links .item:last-child, .wrapper .page .footer-container .footer.footer-links-container .footer-links .item.last { width: 100%; float: none; } .wrapper .page .footer-container .footer.seo-links-container { padding: 20px 4.16667% 12.5%; } .wrapper .page .footer-container .footer.seo-links-container h1 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; } .wrapper .page .footer-container .footer.seo-links-container .item { width: 50%; } .wrapper .page .footer-container .footer.footer-fineprint { padding: 0 10px; } .wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons .payment-list .item { width: 32.15%; } .wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons .payment-list .item:nth-child(-n+3) { margin-bottom: 30px; } .wrapper .page .footer-container .footer.footer-payment-methods .content-area .payment-icons .payment-list.only-4 .item { width: 34.5%; } .wrapper .page .footer-container .aklamio-footer-block-container { display: none; } } @media screen and (max-width: 320px) { .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container { height: 50%; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons { height: 50%; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item { width: 25%; margin-right: 14.0625%; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item .icon { height: 31.25%; } .wrapper .page .footer-container .footer.footer-reasons .reasons-icons-container .reasons-icons .item p { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } } /*# sourceMappingURL=RC_Footer.css.map */ /* * General forms stylesheet * * Included everywhere on the website. * Addresses all forms with all elements, for all breakpoints. * * @author Jarlssen GmbH */ /* * Main definitions SCSS file * * Definition of mixins and functions etc. * Should NOT generate any actual CSS! * To be included in ALL subsequent SCSS files. * * @author Jarlssen GmbH */ /* * Main variables SCSS file * * Definition of ONLY variables. * Should NOT generate any actual CSS! * * To be included ONLY in _RC_Definitions.scss. * * @author Jarlssen GmbH * @see _RC_Definitions.scss */ button.btn, a.btn, input[type="button"] { display: inline-block; text-align: center; cursor: pointer; text-transform: uppercase; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1rem; line-height: 48px; padding: 0 30px; border: none; color: #18ac00; background-color: transparent; outline: 1px solid #18ac00; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } button.btn:hover, button.btn:active, a.btn:hover, a.btn:active, input[type="button"]:hover, input[type="button"]:active { outline-width: 2px; background-color: rgba(24, 172, 0, 0.1); font-weight: 400; } button.btn.call-to-action, button.btn.select-car, button.btn.green, a.btn.call-to-action, a.btn.select-car, a.btn.green, input[type="button"].call-to-action, input[type="button"].select-car, input[type="button"].green { line-height: 50px; outline: none; color: #fafafa; background-color: #18ac00; } button.btn.call-to-action:hover, button.btn.call-to-action:active, button.btn.select-car:hover, button.btn.select-car:active, button.btn.green:hover, button.btn.green:active, a.btn.call-to-action:hover, a.btn.call-to-action:active, a.btn.select-car:hover, a.btn.select-car:active, a.btn.green:hover, a.btn.green:active, input[type="button"].call-to-action:hover, input[type="button"].call-to-action:active, input[type="button"].select-car:hover, input[type="button"].select-car:active, input[type="button"].green:hover, input[type="button"].green:active { font-weight: 300; color: #fafafa; background-color: #148e00; } button.btn.simple, button.btn.gray, a.btn.simple, a.btn.gray, input[type="button"].simple, input[type="button"].gray { color: #fafafa; background-color: #777; line-height: 50px; outline: none; filter: none; } button.btn.simple:hover, button.btn.simple:active, button.btn.gray:hover, button.btn.gray:active, a.btn.simple:hover, a.btn.simple:active, a.btn.gray:hover, a.btn.gray:active, input[type="button"].simple:hover, input[type="button"].simple:active, input[type="button"].gray:hover, input[type="button"].gray:active { font-weight: 300; background-color: #5c5e60; } button.btn.btn-link, a.btn.btn-link, input[type="button"].btn-link { background: none; color: #c85a1e; text-transform: none; width: auto; padding: 0; } button.btn.select-car, a.btn.select-car, input[type="button"].select-car { padding: 0 30px; } button.btn:disabled, button.btn.disabled, a.btn:disabled, a.btn.disabled, input[type="button"]:disabled, input[type="button"].disabled { filter: alpha(opactiy=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } button.btn:disabled:hover, button.btn.disabled:hover, a.btn:disabled:hover, a.btn.disabled:hover, input[type="button"]:disabled:hover, input[type="button"].disabled:hover { cursor: default; } input[type="text"], input[type="password"], select { width: 100%; max-width: 418px; height: 40px; line-height: 40px; border-radius: 2px; padding: 0 5px; font-size: 16px; } textarea { border-radius: 2px; } input[type="text"], input[type="password"], textarea { border: 1px solid #c8c8c8; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border: 1px solid #d0511e; box-shadow: 0px 0px 0px 3px #dcb893; -webkit-box-shadow: 0px 0px 0px 3px #dcb893; -moz-box-shadow: 0px 0px 0px 3px #dcb893; } input[type="text"]:disabled, input[type="password"]:disabled, textarea:disabled { background-color: #e2e2e2; color: #8b8b8b; } input[type="text"].validation-failed, input[type="password"].validation-failed, textarea.validation-failed { border: 1px solid #d12929; box-shadow: 0px 0px 0px 3px #e0adad; -webkit-box-shadow: 0px 0px 0px 3px #e0adad; -moz-box-shadow: 0px 0px 0px 3px #e0adad; } input[type="text"].validation-passed, input[type="password"].validation-passed, textarea.validation-passed { border: 1px solid #3a8814; box-shadow: 0px 0px 0px 3px #afc6a3; -webkit-box-shadow: 0px 0px 0px 3px #afc6a3; -moz-box-shadow: 0px 0px 0px 3px #afc6a3; } ::-webkit-input-placeholder { color: #8a8a8a; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.92857rem; } ::-moz-placeholder { color: #8a8a8a; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.92857rem; } ::placeholder { color: #8a8a8a; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.92857rem; } :-ms-input-placeholder { color: #8a8a8a !important; font-size: 0.92857rem !important; } ::-ms-input-placeholder { color: #8a8a8a !important; font-size: 0.92857rem !important; } input[type="text"]:focus::-moz-placeholder { color: #fff; } input[type="text"]:focus:-ms-input-placeholder { color: #fff; } input[type="text"]:focus::-ms-input-placeholder { color: #fff; } input[type="text"]:focus::-webkit-input-placeholder { color: #fff; } input[type="text"]:focus::placeholder { color: #fff; } .fields { padding: 0 3px; } .customer-dob .dob-day, .customer-dob .dob-month { width: 80px; display: inline-block; margin-right: 5px; } .customer-dob .dob-year { width: 100px; display: inline-block; } .customer-dob.validation-error div.selector.fixedWidth { height: 40px; } /* Select */ .validation-error div.selector.fixedWidth { height: 60px; } .validation-error div.selector.fixedWidth span { border: 1px solid #d12929; box-shadow: 0px 0px 0px 3px #e0adad; -webkit-box-shadow: 0px 0px 0px 3px #e0adad; -moz-box-shadow: 0px 0px 0px 3px #e0adad; } .validation-passed div.selector.fixedWidth span { border: 1px solid #3a8814; box-shadow: 0px 0px 0px 3px #afc6a3; -webkit-box-shadow: 0px 0px 0px 3px #afc6a3; -moz-box-shadow: 0px 0px 0px 3px #afc6a3; } div.selector { overflow: visible; position: relative; } div.selector select { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; position: absolute; top: 2px; left: 0; } div.selector.fixedWidth { padding: 0; max-width: 418px; width: 100%; height: 40px; background: none; text-align: left; } div.selector.fixedWidth.focus span { border: 1px solid #d0511e; box-shadow: 0px 0px 0px 3px #dcb893; -webkit-box-shadow: 0px 0px 0px 3px #dcb893; -moz-box-shadow: 0px 0px 0px 3px #dcb893; } div.selector.fixedWidth span { position: absolute; width: 100%; height: 40px; padding: 0 45px 0 5px; line-height: 40px; background: url("https://www.racechip.de/skin/frontend/racechip/default/images/uniform/select-arrow.png") no-repeat center right #fff; border: 1px solid #c8c8c8; border-radius: 2px; overflow: hidden; } div.selector.fixedWidth select { height: 40px; } div.selector.fixedWidth .validation-advice { margin-top: 40px; position: absolute; } div.uniform-selector, div.uniform-checker, div.uniform-button, div.uniform-radio, div.uniform-uploader { display: inline-block; vertical-align: middle; } div.uniform-selector { width: 100%; } div.uniform-selector .selector { display: block; } div.uniform-selector .selector span.default-option { font-style: italic; } div.radio { width: 35px; height: 35px; position: relative; display: inline-block; vertical-align: middle; } div.radio span { height: 100%; width: 100%; display: inline-block; background: url("https://www.racechip.de/skin/frontend/racechip/default/images/uniform/radio-unchecked.png") no-repeat center; } div.radio span.checked { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/uniform/radio-checked.png") no-repeat center; } div.radio span input { height: 100%; width: 100%; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; } div.radio.hover, div.radio.focus { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/uniform/radio-hover.png") no-repeat center; } div.radio.hover span.checked, div.radio.focus span.checked { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/uniform/radio-checked-hover.png") no-repeat center; } div.checker { width: 36px; height: 36px; background: none; display: inline-block; vertical-align: middle; } div.checker span { height: 100%; width: 100%; background: url("https://www.racechip.de/skin/frontend/racechip/default/images/uniform/checkbox-unchecked.png") no-repeat center; display: inline-block; } div.checker span.checked { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/uniform/checkbox-checked.png") no-repeat center; } div.checker span input { height: 100%; width: 100%; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; display: inline-block; } div.checker.hover, div.checker.focus { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/uniform/checkbox-hover.png") no-repeat center; } div.checker.hover span.checked, div.checker.focus span.checked { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/uniform/checkbox-checked-hover.png") no-repeat center; } .wrapper-call-to-action-checkbox { max-width: 138px; background-color: #51ba1b; background: -webkit-gradient(linear, left top, left bottom, from(#51ba1b), to(#388513)); background: -moz-linear-gradient(top, #51ba1b, #388513); background: -ms-linear-gradient(top, #51ba1b, #388513); background: linear-gradient(top, #51ba1b, #388513); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51ba1b', endColorstr='#388513'); } .wrapper-call-to-action-checkbox.wrapper-disabled.hover, .wrapper-call-to-action-checkbox.wrapper-disabled:hover { background-color: #51ba1b; background: -webkit-gradient(linear, left top, left bottom, from(#51ba1b), to(#388513)); background: -moz-linear-gradient(top, #51ba1b, #388513); background: -ms-linear-gradient(top, #51ba1b, #388513); background: linear-gradient(top, #51ba1b, #388513); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51ba1b', endColorstr='#388513'); } .wrapper-call-to-action-checkbox.wrapper-disabled.hover div.checker, .wrapper-call-to-action-checkbox.wrapper-disabled:hover div.checker { height: 30px; width: 30px; border-top: 1px solid #529033; border-bottom: 1px solid #46742f; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-position: 0 0, 100% 0; background-repeat: no-repeat; -webkit-background-size: 1px 100%; -moz-background-size: 1px 100%; background-size: 1px 100%; background-image: -webkit-linear-gradient(top, #529033 0%, #46742f 100%), -webkit-linear-gradient(top, #529033 0%, #46742f 100%); background-image: -moz-linear-gradient(top, #529033 0%, #46742f 100%), -moz-linear-gradient(top, #529033 0%, #46742f 100%); background-image: -o-linear-gradient(top, #529033 0%, #46742f 100%), -o-linear-gradient(top, #529033 0%, #46742f 100%); background-image: linear-gradient(to bottom, #529033 0%, #46742f 100%), linear-gradient(to bottom, #529033 0%, #46742f 100%); margin: 5px; position: relative; } .wrapper-call-to-action-checkbox.wrapper-disabled.hover div.checker.disabled, .wrapper-call-to-action-checkbox.wrapper-disabled:hover div.checker.disabled { border-top: 1px solid #529033; border-bottom: 1px solid #46742f; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-position: 0 0, 100% 0; background-repeat: no-repeat; -webkit-background-size: 1px 100%; -moz-background-size: 1px 100%; background-size: 1px 100%; background-image: -webkit-linear-gradient(top, #529033 0%, #46742f 100%), -webkit-linear-gradient(top, #529033 0%, #46742f 100%); background-image: -moz-linear-gradient(top, #529033 0%, #46742f 100%), -moz-linear-gradient(top, #529033 0%, #46742f 100%); background-image: -o-linear-gradient(top, #529033 0%, #46742f 100%), -o-linear-gradient(top, #529033 0%, #46742f 100%); background-image: linear-gradient(to bottom, #529033 0%, #46742f 100%), linear-gradient(to bottom, #529033 0%, #46742f 100%); } .wrapper-call-to-action-checkbox.wrapper-disabled.hover div.checker.disabled span, .wrapper-call-to-action-checkbox.wrapper-disabled:hover div.checker.disabled span { border-top: 1px solid #74c838; border-bottom: 1px solid #60a72e; border-left: none; box-sizing: border-box; height: 30px; width: 28px; margin-left: 1px; } .wrapper-call-to-action-checkbox.wrapper-disabled.hover div.checker.disabled span.checked, .wrapper-call-to-action-checkbox.wrapper-disabled:hover div.checker.disabled span.checked { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-check-white-disabled.png") no-repeat top left transparent; } .wrapper-call-to-action-checkbox label { padding: 0 43px 0 10px; margin-right: -40px; line-height: 40px; display: inline-block; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 0.875rem; text-transform: uppercase; color: #fff; vertical-align: middle; } .wrapper-call-to-action-checkbox div.checker { height: 30px; width: 30px; border-top: 1px solid #529033; border-bottom: 1px solid #46742f; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-position: 0 0, 100% 0; background-repeat: no-repeat; -webkit-background-size: 1px 100%; -moz-background-size: 1px 100%; background-size: 1px 100%; background-image: -webkit-linear-gradient(top, #529033 0%, #46742f 100%), -webkit-linear-gradient(top, #529033 0%, #46742f 100%); background-image: -moz-linear-gradient(top, #529033 0%, #46742f 100%), -moz-linear-gradient(top, #529033 0%, #46742f 100%); background-image: -o-linear-gradient(top, #529033 0%, #46742f 100%), -o-linear-gradient(top, #529033 0%, #46742f 100%); background-image: linear-gradient(to bottom, #529033 0%, #46742f 100%), linear-gradient(to bottom, #529033 0%, #46742f 100%); margin: 5px; position: relative; } .wrapper-call-to-action-checkbox div.checker.disabled { border-top: 1px solid #529033; border-bottom: 1px solid #46742f; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-position: 0 0, 100% 0; background-repeat: no-repeat; -webkit-background-size: 1px 100%; -moz-background-size: 1px 100%; background-size: 1px 100%; background-image: -webkit-linear-gradient(top, #529033 0%, #46742f 100%), -webkit-linear-gradient(top, #529033 0%, #46742f 100%); background-image: -moz-linear-gradient(top, #529033 0%, #46742f 100%), -moz-linear-gradient(top, #529033 0%, #46742f 100%); background-image: -o-linear-gradient(top, #529033 0%, #46742f 100%), -o-linear-gradient(top, #529033 0%, #46742f 100%); background-image: linear-gradient(to bottom, #529033 0%, #46742f 100%), linear-gradient(to bottom, #529033 0%, #46742f 100%); } .wrapper-call-to-action-checkbox div.checker.disabled span.checked { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-check-white-disabled.png") no-repeat top left transparent; } .wrapper-call-to-action-checkbox div.checker span { border-top: 1px solid #74c838; border-bottom: 1px solid #60a72e; box-sizing: border-box; background-position: 0 0, 100% 0; background-repeat: no-repeat; background-size: 1px 100%; background-image: linear-gradient(to bottom, #74c838 0%, #60a72e 100%); height: 30px; width: 28px; margin-left: 1px; } .wrapper-call-to-action-checkbox div.checker span.checked { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-check-white.png") no-repeat top left transparent; background-size: 100% 100%; } .wrapper-call-to-action-checkbox div.checker span input { width: 40px; height: 40px; top: -5px; left: -5px; position: absolute; } .wrapper-call-to-action-checkbox.hover, .wrapper-call-to-action-checkbox:hover { background: #398513; } .wrapper-call-to-action-checkbox.hover div.checker, .wrapper-call-to-action-checkbox:hover div.checker { border-top: 1px solid #45732e; border-bottom: 1px solid #45732e; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-position: 0 0, 100% 0; background-repeat: no-repeat; -webkit-background-size: 1px 100%; -moz-background-size: 1px 100%; background-size: 1px 100%; background-image: -webkit-linear-gradient(top, #45732e 0%, #45732e 100%), -webkit-linear-gradient(top, #45732e 0%, #45732e 100%); background-image: -moz-linear-gradient(top, #45732e 0%, #45732e 100%), -moz-linear-gradient(top, #45732e 0%, #45732e 100%); background-image: -o-linear-gradient(top, #45732e 0%, #45732e 100%), -o-linear-gradient(top, #45732e 0%, #45732e 100%); background-image: linear-gradient(to bottom, #45732e 0%, #45732e 100%), linear-gradient(to bottom, #45732e 0%, #45732e 100%); } .wrapper-call-to-action-checkbox.hover div.checker span, .wrapper-call-to-action-checkbox:hover div.checker span { border-top: 1px solid #5fa32c; border-left: 1px solid #5fa32c; margin-left: 1px; background: none; } .wrapper-call-to-action-checkbox.hover div.checker span.checked, .wrapper-call-to-action-checkbox:hover div.checker span.checked { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-check-white.png") no-repeat -1px top transparent; } .wrapper-call-to-action-radio { max-width: 138px; background-color: #51ba1b; background: -webkit-gradient(linear, left top, left bottom, from(#51ba1b), to(#388513)); background: -moz-linear-gradient(top, #51ba1b, #388513); background: -ms-linear-gradient(top, #51ba1b, #388513); background: linear-gradient(top, #51ba1b, #388513); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51ba1b', endColorstr='#388513'); } .wrapper-call-to-action-radio label { padding: 0 43px 0 10px; margin-right: -40px; line-height: 40px; display: inline-block; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 0.875rem; text-transform: uppercase; color: #fff; vertical-align: middle; } .wrapper-call-to-action-radio .radio { height: 30px; width: 30px; border-top: 1px solid #529033; border-bottom: 1px solid #46742f; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-position: 0 0, 100% 0; background-repeat: no-repeat; -webkit-background-size: 1px 100%; -moz-background-size: 1px 100%; background-size: 1px 100%; background-image: -webkit-linear-gradient(top, #529033 0%, #46742f 100%), -webkit-linear-gradient(top, #529033 0%, #46742f 100%); background-image: -moz-linear-gradient(top, #529033 0%, #46742f 100%), -moz-linear-gradient(top, #529033 0%, #46742f 100%); background-image: -o-linear-gradient(top, #529033 0%, #46742f 100%), -o-linear-gradient(top, #529033 0%, #46742f 100%); background-image: linear-gradient(to bottom, #529033 0%, #46742f 100%), linear-gradient(to bottom, #529033 0%, #46742f 100%); margin: 5px; } .wrapper-call-to-action-radio .radio.disabled { border-top: 1px solid #529033; border-bottom: 1px solid #46742f; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-position: 0 0, 100% 0; background-repeat: no-repeat; -webkit-background-size: 1px 100%; -moz-background-size: 1px 100%; background-size: 1px 100%; background-image: -webkit-linear-gradient(top, #529033 0%, #46742f 100%), -webkit-linear-gradient(top, #529033 0%, #46742f 100%); background-image: -moz-linear-gradient(top, #529033 0%, #46742f 100%), -moz-linear-gradient(top, #529033 0%, #46742f 100%); background-image: -o-linear-gradient(top, #529033 0%, #46742f 100%), -o-linear-gradient(top, #529033 0%, #46742f 100%); background-image: linear-gradient(to bottom, #529033 0%, #46742f 100%), linear-gradient(to bottom, #529033 0%, #46742f 100%); } .wrapper-call-to-action-radio .radio.disabled span.checked { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-check-white-disabled.png") no-repeat top left transparent; background-size: 100% 100%; } .wrapper-call-to-action-radio .radio span { border-top: 1px solid #74c838; border-bottom: 1px solid #60a72e; box-sizing: border-box; background-position: 0 0, 100% 0; background-repeat: no-repeat; background-size: 1px 100%; background-image: linear-gradient(to bottom, #74c838 0%, #60a72e 100%); height: 30px; width: 28px; margin-left: 1px; } .wrapper-call-to-action-radio .radio span.checked { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-check-white.png") no-repeat top left transparent; background-size: 100% 100%; } .wrapper-call-to-action-radio .radio span input { width: 40px; height: 40px; top: -5px; left: -5px; position: absolute; } .wrapper-call-to-action-radio.focus, .wrapper-call-to-action-radio.active { background-color: #51ba1b; background: -webkit-gradient(linear, left top, left bottom, from(#51ba1b), to(#388513)); background: -moz-linear-gradient(top, #51ba1b, #388513); background: -ms-linear-gradient(top, #51ba1b, #388513); background: linear-gradient(top, #51ba1b, #388513); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51ba1b', endColorstr='#388513'); } .wrapper-call-to-action-radio.focus .radio, .wrapper-call-to-action-radio.active .radio { border-top: 1px solid #529033; border-bottom: 1px solid #46742f; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-position: 0 0, 100% 0; background-repeat: no-repeat; -webkit-background-size: 1px 100%; -moz-background-size: 1px 100%; background-size: 1px 100%; background-image: -webkit-linear-gradient(top, #529033 0%, #46742f 100%), -webkit-linear-gradient(top, #529033 0%, #46742f 100%); background-image: -moz-linear-gradient(top, #529033 0%, #46742f 100%), -moz-linear-gradient(top, #529033 0%, #46742f 100%); background-image: -o-linear-gradient(top, #529033 0%, #46742f 100%), -o-linear-gradient(top, #529033 0%, #46742f 100%); background-image: linear-gradient(to bottom, #529033 0%, #46742f 100%), linear-gradient(to bottom, #529033 0%, #46742f 100%); } .wrapper-call-to-action-radio.hover, .wrapper-call-to-action-radio:hover, .wrapper-call-to-action-radio.focus { background: #398513; } .wrapper-call-to-action-radio.hover .radio, .wrapper-call-to-action-radio:hover .radio, .wrapper-call-to-action-radio.focus .radio { border-top: 1px solid #45732e; border-bottom: 1px solid #45732e; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-position: 0 0, 100% 0; background-repeat: no-repeat; -webkit-background-size: 1px 100%; -moz-background-size: 1px 100%; background-size: 1px 100%; background-image: -webkit-linear-gradient(top, #45732e 0%, #45732e 100%), -webkit-linear-gradient(top, #45732e 0%, #45732e 100%); background-image: -moz-linear-gradient(top, #45732e 0%, #45732e 100%), -moz-linear-gradient(top, #45732e 0%, #45732e 100%); background-image: -o-linear-gradient(top, #45732e 0%, #45732e 100%), -o-linear-gradient(top, #45732e 0%, #45732e 100%); background-image: linear-gradient(to bottom, #45732e 0%, #45732e 100%), linear-gradient(to bottom, #45732e 0%, #45732e 100%); } .wrapper-call-to-action-radio.hover .radio span, .wrapper-call-to-action-radio:hover .radio span, .wrapper-call-to-action-radio.focus .radio span { border-top: 1px solid #5fa32c; border-left: 1px solid #5fa32c; background: none; } .wrapper-call-to-action-radio.hover .radio span.checked, .wrapper-call-to-action-radio:hover .radio span.checked, .wrapper-call-to-action-radio.focus .radio span.checked { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-check-white.png") no-repeat -1px top transparent; background-size: 100% 100%; } .wrapper-call-to-action-checkbox, .wrapper-call-to-action-radio { overflow: hidden; position: relative; } .wrapper-call-to-action-checkbox .button-shimmer, .wrapper-call-to-action-radio .button-shimmer { width: 100px; height: 40px; position: absolute; background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); animation: shimmer 4s infinite; -webkit-animation: shimmer 4s infinite; } @keyframes shimmer { 0% { background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); left: -100%; top: 0px; } 15% { background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); left: 100%; top: 0px; } 100% { background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); left: 100%; top: 0px; } } @-webkit-keyframes shimmer { 0% { background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); left: -100%; top: 0px; } 15% { background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); left: 100%; top: 0px; } 100% { background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); /* W3C */ left: 100%; top: 0px; } } .wrapper-call-to-action-checkbox:hover .button-shimmer, .wrapper-call-to-action-checkbox.noShimmer .button-shimmer, .wrapper-call-to-action-checkbox.wrapper-noShimmer .button-shimmer, .wrapper-call-to-action-radio:hover .button-shimmer, .wrapper-call-to-action-radio.noShimmer .button-shimmer, .wrapper-call-to-action-radio.wrapper-noShimmer .button-shimmer { animation: none; background: transparent; } .phone-with-prefix { display: inline-block; padding-left: 12px; width: 75%; vertical-align: middle; } .phone-with-prefix div.uniform-selector { max-width: 80px; } .phone-with-prefix .input-box { max-width: 333px; } @media screen and (max-width: 768px) { .phone-with-prefix { display: block; padding-left: 0; width: auto; vertical-align: baseline; } .phone-with-prefix div.uniform-selector { max-width: none; } .phone-with-prefix .input-box { max-width: none; } } @media screen and (max-width: 480px) { input[type="text"], input[type="password"] { height: 36px; font-size: 14px; } div.selector.fixedWidth { height: 36px; } div.selector.fixedWidth span { height: 36px; line-height: 36px; font-size: 14px; } div.selector.fixedWidth select { height: 36px; } div.radio { width: 30px; height: 35px; } div.radio span { height: 100%; width: 100%; background: url("https://www.racechip.de/skin/frontend/racechip/default/images/uniform/radio-unchecked-small.png") no-repeat center; } div.radio span.checked { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/uniform/radio-checked-small.png") no-repeat center; } div.radio span input { height: 100%; width: 100%; } div.radio.hover, div.radio.focus, div.radio.active { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/uniform/radio-hover-small.png") no-repeat center; } div.radio.hover span.checked, div.radio.focus span.checked, div.radio.active span.checked { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/uniform/radio-checked-hover-small.png") no-repeat center; } div.checker { width: 30px; height: 30px; background: none; } div.checker span { height: 100%; width: 100%; background: url("https://www.racechip.de/skin/frontend/racechip/default/images/uniform/checkbox-unchecked-small.png") no-repeat center; } div.checker span.checked { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/uniform/checkbox-checked-small.png") no-repeat center; } div.checker span input { height: 100%; width: 100%; } div.checker.hover, div.checker.focus { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/uniform/checkbox-hover-small.png") no-repeat center; } div.checker.hover span.checked, div.checker.focus span.checked { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/uniform/checkbox-checked-hover-small.png") no-repeat center; } .wrapper-call-to-action-checkbox div.checker { height: 30px; width: 30px; border-top: 1px solid #529033; border-bottom: 1px solid #46742f; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-position: 0 0, 100% 0; background-repeat: no-repeat; -webkit-background-size: 1px 100%; -moz-background-size: 1px 100%; background-size: 1px 100%; background-image: -webkit-linear-gradient(top, #529033 0%, #46742f 100%), -webkit-linear-gradient(top, #529033 0%, #46742f 100%); background-image: -moz-linear-gradient(top, #529033 0%, #46742f 100%), -moz-linear-gradient(top, #529033 0%, #46742f 100%); background-image: -o-linear-gradient(top, #529033 0%, #46742f 100%), -o-linear-gradient(top, #529033 0%, #46742f 100%); background-image: linear-gradient(to bottom, #529033 0%, #46742f 100%), linear-gradient(to bottom, #529033 0%, #46742f 100%); margin: 5px; overflow: hidden; } .wrapper-call-to-action-checkbox div.checker.disabled { border-top: 1px solid #529033; border-bottom: 1px solid #46742f; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-position: 0 0, 100% 0; background-repeat: no-repeat; -webkit-background-size: 1px 100%; -moz-background-size: 1px 100%; background-size: 1px 100%; background-image: -webkit-linear-gradient(top, #529033 0%, #46742f 100%), -webkit-linear-gradient(top, #529033 0%, #46742f 100%); background-image: -moz-linear-gradient(top, #529033 0%, #46742f 100%), -moz-linear-gradient(top, #529033 0%, #46742f 100%); background-image: -o-linear-gradient(top, #529033 0%, #46742f 100%), -o-linear-gradient(top, #529033 0%, #46742f 100%); background-image: linear-gradient(to bottom, #529033 0%, #46742f 100%), linear-gradient(to bottom, #529033 0%, #46742f 100%); } .wrapper-call-to-action-checkbox div.checker.disabled span.checked { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-check-white-disabled.png") no-repeat top left transparent; } .wrapper-call-to-action-checkbox div.checker span { border-top: 1px solid #74c838; border-bottom: 1px solid #60a72e; box-sizing: border-box; background-position: 0 0, 100% 0; background-repeat: no-repeat; background-size: 1px 100%; background-image: linear-gradient(to bottom, #74c838 0%, #60a72e 100%); height: 30px; width: 28px; margin-left: 1px; } .wrapper-call-to-action-checkbox div.checker span.checked { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-check-white.png") no-repeat top left transparent; } .wrapper-call-to-action-checkbox.hover { background: #398513; } .wrapper-call-to-action-checkbox.hover div.checker { border-top: 1px solid #45732e; border-bottom: 1px solid #45732e; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-position: 0 0, 100% 0; background-repeat: no-repeat; -webkit-background-size: 1px 100%; -moz-background-size: 1px 100%; background-size: 1px 100%; background-image: -webkit-linear-gradient(top, #45732e 0%, #45732e 100%), -webkit-linear-gradient(top, #45732e 0%, #45732e 100%); background-image: -moz-linear-gradient(top, #45732e 0%, #45732e 100%), -moz-linear-gradient(top, #45732e 0%, #45732e 100%); background-image: -o-linear-gradient(top, #45732e 0%, #45732e 100%), -o-linear-gradient(top, #45732e 0%, #45732e 100%); background-image: linear-gradient(to bottom, #45732e 0%, #45732e 100%), linear-gradient(to bottom, #45732e 0%, #45732e 100%); } .wrapper-call-to-action-checkbox.hover div.checker span { border-top: 1px solid #5fa32c; border-left: 1px solid #5fa32c; margin-left: 1px; background: none; } .wrapper-call-to-action-checkbox.hover div.checker span.checked { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-check-white.png") no-repeat -1px top transparent; } } /*# sourceMappingURL=RC_Forms.css.map */ /* * Addresses the product comparison table * * Included on the pages that display either a modal window with all product * data side by side or on the Shop page(s). * * @author Jarlssen GmbH */ /* * Main definitions SCSS file * * Definition of mixins and functions etc. * Should NOT generate any actual CSS! * To be included in ALL subsequent SCSS files. * * @author Jarlssen GmbH */ /* * Main variables SCSS file * * Definition of ONLY variables. * Should NOT generate any actual CSS! * * To be included ONLY in _RC_Definitions.scss. * * @author Jarlssen GmbH * @see _RC_Definitions.scss */ .-message { color: #c85a1e; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.07143rem; line-height: 1.2; padding-right: 6px; } .legal-link { display: none; } .shop-page .shop-totals .totals-container .totals .calculation-container .include-vat-shipping sup:hover, .shop-page .modal-overlay.product-modal-gen2 .include-vat-shipping sup:hover, .chips-comparison.table .include-vat-shipping sup:hover, .accessory-selector .include-vat-shipping sup:hover, .cms-racechip-gts-html .include-vat-shipping sup:hover, .cms-racechip-rs-html .include-vat-shipping sup:hover, .cms-racechip-s-html .include-vat-shipping sup:hover, .overview-data-new .include-vat-shipping sup:hover { color: #e35700; cursor: pointer; } .shop-page .shop-totals .totals-container .totals .calculation-container .advantages:before, .shop-page .shop-totals .totals-container .totals .calculation-container .advantages:after, .shop-page .modal-overlay.product-modal-gen2 .advantages:before, .shop-page .modal-overlay.product-modal-gen2 .advantages:after, .chips-comparison.table .advantages:before, .chips-comparison.table .advantages:after, .accessory-selector .advantages:before, .accessory-selector .advantages:after, .cms-racechip-gts-html .advantages:before, .cms-racechip-gts-html .advantages:after, .cms-racechip-rs-html .advantages:before, .cms-racechip-rs-html .advantages:after, .cms-racechip-s-html .advantages:before, .cms-racechip-s-html .advantages:after, .overview-data-new .advantages:before, .overview-data-new .advantages:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .shop-page .shop-totals .totals-container .totals .calculation-container .advantages:after, .shop-page .modal-overlay.product-modal-gen2 .advantages:after, .chips-comparison.table .advantages:after, .accessory-selector .advantages:after, .cms-racechip-gts-html .advantages:after, .cms-racechip-rs-html .advantages:after, .cms-racechip-s-html .advantages:after, .overview-data-new .advantages:after { clear: both; } .shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage, .shop-page .modal-overlay.product-modal-gen2 .advantages .advantage, .chips-comparison.table .advantages .advantage, .accessory-selector .advantages .advantage, .cms-racechip-gts-html .advantages .advantage, .cms-racechip-rs-html .advantages .advantage, .cms-racechip-s-html .advantages .advantage, .overview-data-new .advantages .advantage { color: #3c3c3c; display: block; width: 100%; margin-bottom: 10px; } .shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage .image, .shop-page .modal-overlay.product-modal-gen2 .advantages .advantage .image, .chips-comparison.table .advantages .advantage .image, .accessory-selector .advantages .advantage .image, .cms-racechip-gts-html .advantages .advantage .image, .cms-racechip-rs-html .advantages .advantage .image, .cms-racechip-s-html .advantages .advantage .image, .overview-data-new .advantages .advantage .image { float: left; } .shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage .legend, .shop-page .modal-overlay.product-modal-gen2 .advantages .advantage .legend, .chips-comparison.table .advantages .advantage .legend, .accessory-selector .advantages .advantage .legend, .cms-racechip-gts-html .advantages .advantage .legend, .cms-racechip-rs-html .advantages .advantage .legend, .cms-racechip-s-html .advantages .advantage .legend, .overview-data-new .advantages .advantage .legend { line-height: 32px; width: auto; } .shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage .legend.has-multiple-lines, .shop-page .modal-overlay.product-modal-gen2 .advantages .advantage .legend.has-multiple-lines, .chips-comparison.table .advantages .advantage .legend.has-multiple-lines, .accessory-selector .advantages .advantage .legend.has-multiple-lines, .cms-racechip-gts-html .advantages .advantage .legend.has-multiple-lines, .cms-racechip-rs-html .advantages .advantage .legend.has-multiple-lines, .cms-racechip-s-html .advantages .advantage .legend.has-multiple-lines, .overview-data-new .advantages .advantage .legend.has-multiple-lines { line-height: 1.2; } .shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage .legend a, .shop-page .modal-overlay.product-modal-gen2 .advantages .advantage .legend a, .chips-comparison.table .advantages .advantage .legend a, .accessory-selector .advantages .advantage .legend a, .cms-racechip-gts-html .advantages .advantage .legend a, .cms-racechip-rs-html .advantages .advantage .legend a, .cms-racechip-s-html .advantages .advantage .legend a, .overview-data-new .advantages .advantage .legend a { font-weight: normal; } .shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage.optional-feature .legend, .shop-page .modal-overlay.product-modal-gen2 .advantages .advantage.optional-feature .legend, .chips-comparison.table .advantages .advantage.optional-feature .legend, .accessory-selector .advantages .advantage.optional-feature .legend, .cms-racechip-gts-html .advantages .advantage.optional-feature .legend, .cms-racechip-rs-html .advantages .advantage.optional-feature .legend, .cms-racechip-s-html .advantages .advantage.optional-feature .legend, .overview-data-new .advantages .advantage.optional-feature .legend { line-height: 1.2; } .shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage.picture, .shop-page .modal-overlay.product-modal-gen2 .advantages .advantage.picture, .chips-comparison.table .advantages .advantage.picture, .accessory-selector .advantages .advantage.picture, .cms-racechip-gts-html .advantages .advantage.picture, .cms-racechip-rs-html .advantages .advantage.picture, .cms-racechip-s-html .advantages .advantage.picture, .overview-data-new .advantages .advantage.picture { margin-bottom: 15px; font-size: 0; } .shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage.picture .image, .shop-page .modal-overlay.product-modal-gen2 .advantages .advantage.picture .image, .chips-comparison.table .advantages .advantage.picture .image, .accessory-selector .advantages .advantage.picture .image, .cms-racechip-gts-html .advantages .advantage.picture .image, .cms-racechip-rs-html .advantages .advantage.picture .image, .cms-racechip-s-html .advantages .advantage.picture .image, .overview-data-new .advantages .advantage.picture .image { width: 43px; height: 43px; float: none; display: inline-block; vertical-align: middle; position: relative; } .shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage.picture .image img, .shop-page .modal-overlay.product-modal-gen2 .advantages .advantage.picture .image img, .chips-comparison.table .advantages .advantage.picture .image img, .accessory-selector .advantages .advantage.picture .image img, .cms-racechip-gts-html .advantages .advantage.picture .image img, .cms-racechip-rs-html .advantages .advantage.picture .image img, .cms-racechip-s-html .advantages .advantage.picture .image img, .overview-data-new .advantages .advantage.picture .image img { display: block; width: 43px; height: 43px; } .shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage.picture .image:after, .shop-page .modal-overlay.product-modal-gen2 .advantages .advantage.picture .image:after, .chips-comparison.table .advantages .advantage.picture .image:after, .accessory-selector .advantages .advantage.picture .image:after, .cms-racechip-gts-html .advantages .advantage.picture .image:after, .cms-racechip-rs-html .advantages .advantage.picture .image:after, .cms-racechip-s-html .advantages .advantage.picture .image:after, .overview-data-new .advantages .advantage.picture .image:after { content: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-info.svg); width: 100%; height: 100%; display: none; position: absolute; top: 0; left: 0; z-index: 1; } .shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage.picture .legend, .shop-page .modal-overlay.product-modal-gen2 .advantages .advantage.picture .legend, .chips-comparison.table .advantages .advantage.picture .legend, .accessory-selector .advantages .advantage.picture .legend, .cms-racechip-gts-html .advantages .advantage.picture .legend, .cms-racechip-rs-html .advantages .advantage.picture .legend, .cms-racechip-s-html .advantages .advantage.picture .legend, .overview-data-new .advantages .advantage.picture .legend { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1rem; line-height: 1.2; padding-left: 13px; padding-top: 0; float: none; display: inline-block; vertical-align: middle; max-width: 222px; } .shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage.picture .legend strong, .shop-page .modal-overlay.product-modal-gen2 .advantages .advantage.picture .legend strong, .chips-comparison.table .advantages .advantage.picture .legend strong, .accessory-selector .advantages .advantage.picture .legend strong, .cms-racechip-gts-html .advantages .advantage.picture .legend strong, .cms-racechip-rs-html .advantages .advantage.picture .legend strong, .cms-racechip-s-html .advantages .advantage.picture .legend strong, .overview-data-new .advantages .advantage.picture .legend strong { font-weight: 600; } .shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage.picture[data-modal-trigger]:hover .image img, .shop-page .modal-overlay.product-modal-gen2 .advantages .advantage.picture[data-modal-trigger]:hover .image img, .chips-comparison.table .advantages .advantage.picture[data-modal-trigger]:hover .image img, .accessory-selector .advantages .advantage.picture[data-modal-trigger]:hover .image img, .cms-racechip-gts-html .advantages .advantage.picture[data-modal-trigger]:hover .image img, .cms-racechip-rs-html .advantages .advantage.picture[data-modal-trigger]:hover .image img, .cms-racechip-s-html .advantages .advantage.picture[data-modal-trigger]:hover .image img, .overview-data-new .advantages .advantage.picture[data-modal-trigger]:hover .image img { display: none; } .shop-page .shop-totals .totals-container .totals .calculation-container .advantages .advantage.picture[data-modal-trigger]:hover .image:after, .shop-page .modal-overlay.product-modal-gen2 .advantages .advantage.picture[data-modal-trigger]:hover .image:after, .chips-comparison.table .advantages .advantage.picture[data-modal-trigger]:hover .image:after, .accessory-selector .advantages .advantage.picture[data-modal-trigger]:hover .image:after, .cms-racechip-gts-html .advantages .advantage.picture[data-modal-trigger]:hover .image:after, .cms-racechip-rs-html .advantages .advantage.picture[data-modal-trigger]:hover .image:after, .cms-racechip-s-html .advantages .advantage.picture[data-modal-trigger]:hover .image:after, .overview-data-new .advantages .advantage.picture[data-modal-trigger]:hover .image:after { display: block; } [data-modal^="modal-shop-features"] div.explanations { text-align: left; } [data-modal^="modal-shop-features"] div.explanations ul { padding: 10px 0 15px 45px; list-style-type: circle; } [data-modal^="modal-shop-features"] div.explanations ul.numbers { list-style-type: decimal; } [data-modal^="modal-shop-features"] div.explanations p.footprint { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.78571rem; margin-top: 20px; } .chips-comparison.table { display: table; border-collapse: separate; border-spacing: 0; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; } .chips-comparison.table.-chip_black-not-available .column.product-chip_s { display: block; } .chips-comparison.table.-chip_black-not-available .column.product-chip_gts_black { display: none; } .chips-comparison.table.-chip_black-available .column.product-chip_gts { display: none; } .chips-comparison.table.-chip_black-available .column.product-chip_gts_black { display: block; } .chips-comparison.table.-not-shop-page .column.product-chip_s { display: block !important; } .chips-comparison.table.-not-shop-page .column.product-chip_rs { display: block !important; } .chips-comparison.table.-not-shop-page .column.product-chip_gts { display: block !important; } .chips-comparison.table.-not-shop-page .column.product-chip_gts_black { display: none !important; } .chips-comparison.table .row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; max-width: 960px; } .chips-comparison.table .row .column { width: 33.33%; } .chips-comparison.table .row .column.colspan_3 { width: 100%; } .chips-comparison.table .price-box { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 200; font-style: normal; font-size: 1.14286rem; } .chips-comparison.table .price-box .price-value { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.14286rem; } .chips-comparison.table .not-available-message { display: none; } .chips-comparison.table .thead .column { height: 285px; position: relative; margin-bottom: 0; } .chips-comparison.table .thead .column.-not-available { filter: alpha(opactiy=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } .chips-comparison.table .thead .column .-message { position: absolute; z-index: 100; top: 45px; margin: 0 auto; padding: 0; left: 0; right: 0; width: 75%; text-align: center; color: #ea0c0c; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1rem; } .chips-comparison.table .thead .column[class^="product-chip_"] { position: relative; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; -moz-background-size: cover; /* Firefox 3.6 */ background-position: center; /* Internet Explorer 7/8 */ } .chips-comparison.table .thead .column[class^="product-chip_"] .product-title { margin: 0 0 25px 0; width: 100%; height: 55px; text-align: center; font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.14286rem; color: #3c3c3c; } .chips-comparison.table .thead .column[class^="product-chip_"] .product-title strong { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.14286rem; } .chips-comparison.table .thead .column[class^="product-chip_"] .product-title .product-badge { background: transparent no-repeat top center; display: block; height: 55px; } .chips-comparison.table .thead .column[class^="product-chip_"] .product-image { width: 100%; margin: 0 auto; text-align: center; position: relative; display: block; } .chips-comparison.table .thead .column[class^="product-chip_"] .product-image img { margin: 0 auto; display: block; -webkit-transition: filter 0.5s ease-in; -moz-transition: filter 0.5s ease-in; -o-transition: filter 0.5s ease-in; transition: filter 0.5s ease-in; } .chips-comparison.table .thead .column[class^="product-chip_"] .product-image .badge-tuev { position: absolute; top: 118px; left: 15px; width: 24%; } .chips-comparison.table .thead .column[class^="product-chip_"] .product-image .badge-new { position: absolute; top: -30px; left: 15px; text-transform: uppercase; color: #fff; border: 1px solid #fff; padding: 2px 15px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.14286rem; } .chips-comparison.table .thead .column[class^="product-chip_"] .product-image .badge-new:after { content: ''; display: block; position: absolute; bottom: -6px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border: none; border-bottom-width: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; } @media screen and (max-width: 768px) { body.store-frc .chips-comparison.table .thead .column[class^="product-chip_"] .product-image .badge-new { left: 0; padding: 2px 8px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; } body.store-itl .chips-comparison.table .thead .column[class^="product-chip_"] .product-image .badge-new { left: 0; padding: 2px 8px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; } } .chips-comparison.table .thead .column[class^="product-chip_"] .product-image[data-modal-trigger]:hover img { -webkit-filter: blur(2px); filter: blur(2px); } .chips-comparison.table .thead .column[class^="product-chip_"] .product-image[data-modal-trigger]:hover:after { content: ''; display: block; position: absolute; top: 25%; left: 0; right: 0; margin: 0 auto; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/chip-mouseover.svg) no-repeat center center; background-size: 100%; height: 60px; width: 60px; } .chips-comparison.table .thead .column.product-chip_s .product-title .product-badge { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/product_badge_s-black.svg); background-size: 80px; } @media screen and (max-width: 768px) { .chips-comparison.table .thead .column.product-chip_s { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/bg-one_768.jpg); } } @media screen and (max-width: 600px) { .chips-comparison.table .thead .column.product-chip_s { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/bg-one_320.jpg); } .chips-comparison.table .thead .column.product-chip_s.product-not-selected { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/bg-one-disabled_320.jpg); } } .chips-comparison.table .thead .column.product-chip_rs .product-title .product-badge { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/product_badge_rs-black.svg); background-size: 95px; } @media screen and (max-width: 768px) { .chips-comparison.table .thead .column.product-chip_rs { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/bg-pro2_768.jpg); } } @media screen and (max-width: 600px) { .chips-comparison.table .thead .column.product-chip_rs { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/bg-pro2_320.jpg); } .chips-comparison.table .thead .column.product-chip_rs.product-not-selected { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/bg-pro2-disabled_320.jpg); } } .chips-comparison.table .thead .column.product-chip_gts .product-title .product-badge { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/product_badge_gts-black.svg); background-size: 110px; } @media screen and (max-width: 768px) { .chips-comparison.table .thead .column.product-chip_gts { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/bg-ultimate_768.jpg); } } @media screen and (max-width: 600px) { .chips-comparison.table .thead .column.product-chip_gts { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/bg-ultimate_320.jpg); } .chips-comparison.table .thead .column.product-chip_gts.product-not-selected { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/bg-ultimate-disabled_320.jpg); } } @media screen and (max-width: 768px) { .chips-comparison.table .thead .column.product-chip_s, .chips-comparison.table .thead .column.product-chip_rs, .chips-comparison.table .thead .column.product-chip_gts { height: 340px; padding-top: 125px; } } @media screen and (max-width: 600px) { .chips-comparison.table .thead .column.product-chip_s, .chips-comparison.table .thead .column.product-chip_rs, .chips-comparison.table .thead .column.product-chip_gts { height: 290px; } } @media screen and (max-width: 768px) { .chips-comparison.table .thead .column.product-chip_gts { padding-top: 135px; } } .chips-comparison.table .thead .column.product-chip_gts_black .product-title .product-badge { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/product_badge_gts_black-black.svg); background-size: 110px; } .chips-comparison.table .row .column { vertical-align: top; position: relative; z-index: 1; } .chips-comparison.table .row .column.-not-available { filter: alpha(opactiy=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } .chips-comparison.table .row .column.-not-available .product-image .badge-new { display: none; } .chips-comparison.table .row.last .column { border-bottom: none; } .chips-comparison.table .row.row-performance .column { margin-top: 0; margin-bottom: 0; border-top: none; border-bottom: none; } .chips-comparison.table .row.row-performance .column.-not-available .advantages .advantage .legend { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.14286rem; } .chips-comparison.table .row.row-performance .advantages { width: 90%; margin: 0 auto 15px; border-bottom: 1px solid #e0e3e6; } .chips-comparison.table .row.row-performance .advantages .advantage { margin: 15px 0 22px; width: 50%; float: left; } .chips-comparison.table .row.row-performance .advantages .advantage .figure { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.14286rem; color: #ec5b00; float: none; display: inline-block; vertical-align: bottom; } .chips-comparison.table .row.row-performance .advantages .advantage .figure .plus { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.28571rem; margin-right: 2px; display: inline-block; padding-bottom: 5px; } .chips-comparison.table .row.row-performance .advantages .advantage .figure.-is-ab-test .plus { display: none; } .chips-comparison.table .row.row-performance .advantages .advantage .legend { padding: 0; margin-left: 6px; float: none; display: inline-block; vertical-align: bottom; font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.64286rem; line-height: 1.2; } .chips-comparison.table .row.row-performance .advantages .advantage .legend sup { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; color: #a09f9f; margin-left: 1px; } .chips-comparison.table .row.row-performance .advantages .advantage .legend sup:hover { color: #ec5b00; cursor: pointer; } .chips-comparison.table .row.row-performance .advantages .-ab-test-message { display: none; } .chips-comparison.table .row.row-performance .advantages.-is-ab-test .-ab-test-message { display: block; margin-top: 15px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1rem; } .chips-comparison.table .row.row-performance .advantages.-is-ab-test .advantage { margin-top: 5px; } .chips-comparison.table .row.row-features .column { padding: 10px 1.45833%; margin-top: 0; margin-bottom: 0; border-top: none; border-bottom: none; } .chips-comparison.table .row.row-features .column .advantages .advantage.-feature-value_processor_speed .legend { width: 70%; } .chips-comparison.table .row.row-features .column .expand-btn-container { display: none; } .chips-comparison.table .row.row-description .column { border-bottom: none; margin-top: 0; margin-bottom: 0; border-top: none; border-bottom: none; } .chips-comparison.table .row.row-description .column .content { width: 90%; min-height: 190px; height: 100%; margin: 0 auto; padding: 20px 2.08333% 0 2.08333%; border-bottom: 1px solid #dfe2e5; } .chips-comparison.table .row.row-description .column .content h4 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1.14286rem; margin-bottom: 20px; } .chips-comparison.table .row.row-description .column .content p, .chips-comparison.table .row.row-description .column .content ul { margin-bottom: 20px; line-height: 1.4; } .chips-comparison.table .row.row-description.row-service .column .content { border-top: 1px solid #dfe2e5; } .chips-comparison.table .row.row-description.row-dimensions .column .content { min-height: 130px; border-bottom: none; } .chips-comparison.table .row.row-description.row-selecting-info { display: none; } .chips-comparison.table .row.row-more-details .column { padding: 10px 2.08333% 15px; margin-top: 0; margin-bottom: 0; border: none; } .chips-comparison.table .row.row-more-details .column a { text-transform: uppercase; text-decoration: underline; color: #3c3c3c; } .chips-comparison.table .row.row-more-details .column a:hover { color: #ec5b00; } .chips-comparison.table .row.row-selection-indicator { display: none; height: 30px; } .chips-comparison.table .row.row-selection-indicator .column { background-color: transparent; border: none; margin: 0; padding: 0; } .chips-comparison.table .row.row-options .column { padding: 20px 20px 0 20px; border-bottom: none; margin-bottom: 0; } .chips-comparison.table .row.row-options .column:before, .chips-comparison.table .row.row-options .column:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .chips-comparison.table .row.row-options .column:after { clear: both; } .chips-comparison.table .row.row-options .column .price-box { float: left; width: 100%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 200; font-style: normal; font-size: 1.35714rem; } .chips-comparison.table .row.row-options .column .price-box span { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.35714rem; } .chips-comparison.table .row.row-options .column .feature-box { font-size: 1px; margin-bottom: 15px; } .chips-comparison.table .row.row-options .column .feature-box .checkmark-grey { display: inline-block; width: 30px; height: 30px; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/checkmark-solid-grey.png) no-repeat center center; background-size: 30px; } .chips-comparison.table .row.row-options .column .feature-box .legend { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.78571rem; display: inline-block; vertical-align: top; line-height: 30px; margin-left: 15px; } .chips-comparison.table .row.row-options .column .feature-box .uniform-checker { display: block; } .chips-comparison.table .row.row-options .column .feature-box .uniform-checker div.checker { margin-left: -3px; } .chips-comparison.table .row.row-options .column .feature-box .uniform-checker label.option { display: inline-block; float: none; margin-top: 0; margin-left: 12px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.78571rem; } .chips-comparison.table .row.row-options .column .feature-box .uniform-checker label.option span { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.78571rem; } .chips-comparison.table .row.row-options .column .feature-box.warranty-container .uniform-checker label { line-height: 36px; } .chips-comparison.table .row.row-price .column { margin-top: 0; } .chips-comparison.table .row.row-price .column .product-info { width: 90%; margin: 0 auto; padding: 30px 0 20px; border-top: 1px solid #dfe2e5; font-size: 0; } .chips-comparison.table .row.row-price .column .product-info:before, .chips-comparison.table .row.row-price .column .product-info:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .chips-comparison.table .row.row-price .column .product-info:after { clear: both; } .chips-comparison.table .row.row-price .column .product-info.discount-container { width: 84.375%; } .chips-comparison.table .row.row-price .column .product-info .price-box { width: 49%; display: inline-block; line-height: 47px; height: 50px; vertical-align: middle; text-align: center; margin: 0 auto; border: 1px solid #9b9b9b; position: relative; } .chips-comparison.table .row.row-price .column .product-info .price-box .-not-available-message { display: none; color: #ea0c0c; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 0.71429rem; line-height: 1.4; vertical-align: middle; } .chips-comparison.table .row.row-price .column .product-info .price-box .discount-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: bold; font-size: 0.64286rem; line-height: 10px; background-color: #9b9b9b; color: #000; padding: 3px; display: block; position: absolute; right: -1px; left: -1px; top: -16px; height: 15px; } .chips-comparison.table .row.row-price .column .product-info .price-box .discount-price { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1rem; position: relative; margin-right: 13px; } .chips-comparison.table .row.row-price .column .product-info .price-box .discount-price:after { content: ''; display: block; position: absolute; left: 0; right: 0; height: 1px; background-color: #ff0000; top: 54%; } .chips-comparison.table .row.row-price .column .product-info .price-box .price-value { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.5rem; color: #3c3c3c; } .chips-comparison.table .row.row-price .column .product-info .price-box .currency { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1rem; color: #3c3c3c; } .chips-comparison.table .row.row-price .column .product-info .include-vat-shipping { padding-top: 3px; color: #828282; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.71429rem; } .chips-comparison.table .row.row-price .column .product-info .include-vat-shipping sup { margin-left: 2px; } .chips-comparison.table .row.row-price .column .product-info.new-product-info-horizontal .call-to-action { width: 49%; margin-right: 2%; vertical-align: middle; } .chips-comparison.table .row.row-price .column.-not-available .product-info .price-box .-not-available-message { display: inline-block; } .chips-comparison.table .row.row-price .column.-not-available .product-info .price-box .price-value, .chips-comparison.table .row.row-price .column.-not-available .product-info .price-box .currency { display: none; } .chips-comparison.table .row.-all-easy-installation .row.row-more-details .column.product-selected { border-bottom: 1px solid #51ba1b; } .chips-comparison.table .last.row.row-price.-not-shop .product-chip_gts_black { display: none; } .mclaren-section .chips-comparison.table.-chip_black-available .column.product-chip_s { display: none; } .mclaren-section .chips-comparison.table.-chip_black-available .column.product-chip_gts { display: block; } .mclaren-section .chips-comparison.table.-chip_black-available .column.product-chip_gts_black { display: block; } .comparison-modal .chips-comparison.table { width: 960px; } .comparison-modal .chips-comparison.table .row.thead .column[class^="product-chip_"] .product-title button { display: none; } .comparison-modal .chips-comparison.table .row .column { width: 33.11%; } .comparison-modal .chips-comparison.table .row.row-performance .advantages.test-badges { display: none; } .comparison-modal .chips-comparison.table .row.row-features .advantages.test-badges .legend { display: block; margin-bottom: 10px; margin-top: 15px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 0.78571rem; } .comparison-modal .chips-comparison.table .row.row-features .advantages.test-badges .advantage { display: inline-block; width: 45%; } .comparison-modal .chips-comparison.table .row.row-features .advantages.test-badges .advantage:first-of-type { margin-right: 6.25%; } /*# sourceMappingURL=RC_ProductData.css.map */ /* * Main stylesheet for CMS pages * * Included on all CMS pages. * Contains mostly layouting (depending on breakpoint) and generic classes * * Should include ONLY rules that apply to more than one CMS page! * * @author Jarlssen GmbH */ /* * Main definitions SCSS file * * Definition of mixins and functions etc. * Should NOT generate any actual CSS! * To be included in ALL subsequent SCSS files. * * @author Jarlssen GmbH */ /* * Main variables SCSS file * * Definition of ONLY variables. * Should NOT generate any actual CSS! * * To be included ONLY in _RC_Definitions.scss. * * @author Jarlssen GmbH * @see _RC_Definitions.scss */ .wrapper .advantage, .modal-window .advantage { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.78571rem; display: inline-block; width: 49%; margin-bottom: 30px; color: #5c5e60; } .wrapper .advantage:before, .wrapper .advantage:after, .modal-window .advantage:before, .modal-window .advantage:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .advantage:after, .modal-window .advantage:after { clear: both; } .wrapper .advantage .figure, .modal-window .advantage .figure { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: normal; font-size: 2.42857rem; float: left; } .wrapper .advantage .figure .plus, .modal-window .advantage .figure .plus { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 800; font-style: normal; font-size: 1.14286rem; vertical-align: middle; } .wrapper .advantage .figure.-is-ab-test .plus, .modal-window .advantage .figure.-is-ab-test .plus { display: none; } .wrapper .advantage .legend, .modal-window .advantage .legend { float: left; width: 50%; line-height: 1.4; font-weight: 600; padding: 6px 0 0 6px; } .wrapper .advantage.picture .image, .modal-window .advantage.picture .image { width: 46px; height: 49px; } .wrapper .page { background: none; background-color: #e6e6e6; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.92857rem; } .wrapper .page .content-container .main { top: -20px; } @media screen and (max-width: 768px) { .wrapper .page .content-container .main { top: 0; } } .wrapper .page .footer-container { margin-top: -20px; } @media screen and (max-width: 768px) { .wrapper .page .footer-container { margin-top: 0; } } .wrapper .page .content-area .shadow-left, .wrapper .page .content-area .shadow-right { top: 20px; } .wrapper .page .stage { height: 223px; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/generic_stage_image.jpg) no-repeat center; background-size: cover; -moz-background-size: cover; /* Firefox 3.6 */ background-position: center; /* Internet Explorer 7/8 */ } .wrapper .page .stage figure, .wrapper .page .stage img { display: none; } .wrapper .page .stage .teaser-text-block { display: none; } .wrapper .page .std.content-area { background-color: #e6e6e6; padding: 20px 2.08333%; } .wrapper .page h1 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2.14286rem; margin-bottom: 10px; } .wrapper .page h2 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.57143rem; margin-top: 20px; margin-bottom: 10px; } .wrapper .page h3 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: normal; font-size: 1.21429rem; margin-top: 10px; } .wrapper .page p, .wrapper .page li { line-height: 1.6; } .wrapper .page ol, .wrapper .page ol li { list-style-type: decimal; list-style-position: inside; } @media screen and (max-width: 768px) { .wrapper .page .content-container .main { top: auto; } } @media screen and (max-width: 480px) { .wrapper .page .content-container .main h1 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.71429rem; } .wrapper .page .content-container .main h2 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; } } @media screen and (max-width: 350px) { .wrapper .page .content-container .main h1 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.71429rem; } .wrapper .page .content-container .main h2 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; } } .wrapper .unslider-wrap { position: relative; } .wrapper .unslider-nav { position: absolute; left: 0; right: 0; bottom: 20px; } .wrapper .unslider-nav li { display: inline-block; margin-right: 16px; width: 17px; height: 17px; text-indent: -9999px; border: 1px solid #fff; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; cursor: pointer; } .wrapper .unslider-nav li:last-child { margin-right: 0; } .wrapper .unslider-nav li.unslider-active { background-color: #fff; } .wrapper .product-advantages .unslider-nav { bottom: 50px; } .wrapper .unslider-arrow { display: none; position: absolute; width: 20%; height: 50%; top: 0; z-index: 99; text-indent: -9999px; } .wrapper .unslider-arrow.prev { left: 0; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-left.png) no-repeat right center; background-size: 14px auto; } .wrapper .unslider-arrow.next { right: 0; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-right.png) no-repeat left center; background-size: 14px auto; } .contacts-index-index .wrapper .page { background-color: #d0d0d0; } .pd-cr-page .pd-cr-block-content .cr-pd-container h2.modal-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2.14286rem; text-align: center; } .pd-cr-page .pd-cr-block-content .cr-pd-container h2.modal-title br { display: none; } .noroute-page-wrapper, .customer-account-logoutsuccess-wrapper, .payone-success-wrapper { padding: 30px 3.125%; text-align: center; } .noroute-page-wrapper h3, .customer-account-logoutsuccess-wrapper h3, .payone-success-wrapper h3 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 2.125rem; margin-bottom: 20px; } .noroute-page-wrapper .page-content, .noroute-page-wrapper .page-link, .customer-account-logoutsuccess-wrapper .page-content, .customer-account-logoutsuccess-wrapper .page-link, .payone-success-wrapper .page-content, .payone-success-wrapper .page-link { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.875rem; margin-bottom: 20px; line-height: 24px; } .noroute-page-wrapper .image404, .customer-account-logoutsuccess-wrapper .image404, .payone-success-wrapper .image404 { margin-bottom: 50px; padding: 30px; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-radial-gradient(center top, ellipse cover, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center top, 0px, center top, 100%, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center top, ellipse cover, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center top, ellipse cover, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); /* Opera 12+ */ background: -ms-radial-gradient(center top, ellipse cover, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background: radial-gradient(ellipse at center top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } .customer-account-logoutsuccess-wrapper p, .payone-success-wrapper p { margin-bottom: 40px; } .customer-account-logoutsuccess-wrapper a, .payone-success-wrapper a { text-transform: uppercase; } body.cms-rechtliche-hinweise .wrapper .page, body.cms-rechtliche-hinweise-html .wrapper .page, body.cms-legal-information .wrapper .page, body.cms-legal-information-html .wrapper .page, body.cms-segnalazioni-giuridiche-html .wrapper .page, body.cms-precisions-juridiques .wrapper .page, body.cms-precisions-juridiques-html .wrapper .page { background-color: #e6e6e6; } body.cms-rechtliche-hinweise .wrapper .page .std.content-area, body.cms-rechtliche-hinweise-html .wrapper .page .std.content-area, body.cms-legal-information .wrapper .page .std.content-area, body.cms-legal-information-html .wrapper .page .std.content-area, body.cms-segnalazioni-giuridiche-html .wrapper .page .std.content-area, body.cms-precisions-juridiques .wrapper .page .std.content-area, body.cms-precisions-juridiques-html .wrapper .page .std.content-area { position: static; max-width: 100%; margin: auto; background-color: transparent; padding: 0; } .wrapper .page .legal-notice-page-wrapper .engine-explanations { text-align: left; padding: 0; } .wrapper .page .legal-notice-page-wrapper .engine-explanations:before, .wrapper .page .legal-notice-page-wrapper .engine-explanations:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .legal-notice-page-wrapper .engine-explanations:after { clear: both; } .wrapper .page .legal-notice-page-wrapper .engine-explanations p { width: 47%; } .wrapper .page .legal-notice-page-wrapper .engine-explanations p:first-child, .wrapper .page .legal-notice-page-wrapper .engine-explanations p.first { float: left; } .wrapper .page .legal-notice-page-wrapper .engine-explanations p:last-child, .wrapper .page .legal-notice-page-wrapper .engine-explanations p.last { float: right; } .wrapper .page .legal-notice-page-wrapper .advantages-list-image:before, .wrapper .page .legal-notice-page-wrapper .advantages-list-image:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .legal-notice-page-wrapper .advantages-list-image:after { clear: both; } .wrapper .page .legal-notice-page-wrapper .advantages-list-image .image { float: left; width: 45%; } .wrapper .page .legal-notice-page-wrapper .advantages-list-image .advantages { float: right; width: 55%; padding-top: 40px; } .wrapper .page .legal-notice-page-wrapper .advantages-list-image .advantages ul li { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-positive.png) no-repeat left top; padding-left: 30px; min-height: 40px; line-height: 1.2; } .wrapper .page .legal-notice-page-wrapper .sub-title { margin-top: 0; } .wrapper .page .legal-notice-page-wrapper .legal-start-block { background-color: #e6e6e6; } .wrapper .page .legal-notice-page-wrapper .legal-start-block .content-area { padding: 55px 4.16667% 50px 4.16667%; } .wrapper .page .legal-notice-page-wrapper .legal-start-block .title, .wrapper .page .legal-notice-page-wrapper .legal-start-block .sub-title { text-align: center; } .wrapper .page .legal-notice-page-wrapper .legal-start-block .sub-title { margin-top: 0; } .wrapper .page .legal-notice-page-wrapper .legal-start-block figure { width: 57.8125%; margin: 25px auto 0; } .wrapper .page .legal-notice-page-wrapper .legal-start-block .engine-explanations { margin-top: 40px; } .wrapper .page .legal-notice-page-wrapper .legal-package-block { background: radial-gradient(ellipse at top center, white -15%, rgba(255, 255, 255, 0) 50%); border-bottom: 1px solid #cfcfcf; } .wrapper .page .legal-notice-page-wrapper .legal-package-block .content-area { padding: 55px 4.16667% 50px 4.16667%; } .wrapper .page .legal-notice-page-wrapper .legal-package-block .title, .wrapper .page .legal-notice-page-wrapper .legal-package-block .sub-title { text-align: center; } .wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text { margin: 0 auto; } .wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text:before, .wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text:after { clear: both; } .wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text > * { width: 45%; padding-top: 40px; } .wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text > * ul li { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-positive.png) no-repeat left top; padding-left: 30px; min-height: 40px; line-height: 1.2; } .wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text > *:first-child, .wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text > *.first { margin-left: 40px; float: left; } .wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text > *:last-child, .wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text > *.last { float: right; } .wrapper .page .legal-notice-page-wrapper .legal-package-block .explanations { margin-top: 30px; } .wrapper .page .legal-notice-page-wrapper .legal-package-block .explanations p { margin-bottom: 15px; } .wrapper .page .legal-notice-page-wrapper .legal-package-block .explanations p.last, .wrapper .page .legal-notice-page-wrapper .legal-package-block .explanations p:last-child { margin-bottom: 0; } .wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block { border-bottom: 1px solid #cfcfcf; border-top: 1px solid #eee; } .wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block .content-area { padding: 50px 4.16667% 50px 4.16667%; } .wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block .engine-explanations { margin-top: 20px; margin-bottom: 25px; } .wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block .engine-explanations p { width: 49%; } .wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block .advantages-list-image .image { width: 48%; } .wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block .advantages-list-image .advantages { width: 48%; } .wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block .link { text-align: center; } body.store-us .wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block { display: none; } .wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block { border-top: 1px solid #eee; } .wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .content-area { padding: 50px 4.16667% 50px 4.16667%; } .wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .engine-explanations { margin-top: 20px; margin-bottom: 25px; } .wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .engine-explanations p { width: 49%; } .wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .advantages-list-image .image { float: right; width: 48%; } .wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .advantages-list-image .advantages { float: left; width: 48%; } .wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .link { text-align: center; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block { position: relative; margin-top: -50px; text-align: center; min-height: 719px; overflow: hidden; color: #fff; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/product-advantages-bg.png) no-repeat right center; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .content-area { padding: 60px 0 50px 0; max-height: 719px; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .sub-title { margin-top: 0; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .emph-sub-title { text-align: center; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: italic; font-size: 1.14286rem; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container { width: 100%; margin-top: 40px; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow { height: 100%; bottom: 0; display: none; width: 30%; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow.prev { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-left-big.png); background-position: 100% 45%; background-size: 24px auto; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow.next { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-right-big.png); background-position: 0% 45%; background-size: 24px auto; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow:hover.prev { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-left-big-hover.png); } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow:hover.next { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-right-big-hover.png); } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container:hover .unslider-arrow { display: block; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider { position: relative; overflow: auto; margin: 0 auto; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li { float: left; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .p-image:before, .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .p-image:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .p-image:after { clear: both; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .p-image figure { width: 20.83333%; margin: 0 auto; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .engine-explanations { padding: 20px 2.08333%; } .wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .content-area { padding: 30px 4.16667% 50px 4.16667%; } .wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .title, .wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .sub-title { text-align: left; } .wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .sub-title { margin-bottom: 30px; } .wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .engine-explanations { margin-bottom: 35px; } .wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .engine-explanations p { width: 48%; } .wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .explanations p:first-child, .wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .explanations p.first { margin-bottom: 20px; } .wrapper .page .legal-notice-page-wrapper h2.title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2.14286rem; margin-bottom: 10px; margin-top: 0; } .productwarranty-page-wrapper .cms-productwarranty-full-block .first-section-item .title, .productwarranty-page-wrapper .cms-productwarranty-full-block .first-section-item .sub-title, .productwarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item .title, .productwarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item .sub-title, .enginewarranty-page-wrapper .cms-productwarranty-full-block .first-section-item .title, .enginewarranty-page-wrapper .cms-productwarranty-full-block .first-section-item .sub-title, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item .title, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item .sub-title { text-align: center; } .productwarranty-page-wrapper .cms-productwarranty-full-block .first-section-item .title, .productwarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item .title, .enginewarranty-page-wrapper .cms-productwarranty-full-block .first-section-item .title, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item .title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.92857rem; } .productwarranty-page-wrapper .cms-productwarranty-full-block .first-section-item .sub-title, .productwarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item .sub-title, .enginewarranty-page-wrapper .cms-productwarranty-full-block .first-section-item .sub-title, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item .sub-title { margin-top: 0; margin-bottom: 3.125%; } .productwarranty-page-wrapper .cms-productwarranty-full-block .section-item, .productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item, .enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item { margin-top: 5.20833%; } .productwarranty-page-wrapper .cms-productwarranty-full-block .section-item .sub-title, .productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item .sub-title, .enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item .sub-title, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item .sub-title { margin-bottom: 3.125%; } .productwarranty-page-wrapper .cms-productwarranty-full-block .section-item p, .productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item p, .enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item p, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item p { margin-top: 10px; } .productwarranty-page-wrapper .cms-productwarranty-full-block .section-item p.emph, .productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item p.emph, .enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item p.emph, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item p.emph { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 0.92857rem; margin-top: 10px; } .productwarranty-page-wrapper .cms-productwarranty-full-block .section-item p.italic, .productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item p.italic, .enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item p.italic, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item p.italic { font-style: italic; } .productwarranty-page-wrapper .cms-productwarranty-full-block .first-section-item ol, .productwarranty-page-wrapper .cms-productwarranty-full-block .first-section-item ul, .productwarranty-page-wrapper .cms-productwarranty-full-block .section-item ol, .productwarranty-page-wrapper .cms-productwarranty-full-block .section-item ul, .productwarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item ol, .productwarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item ul, .productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item ol, .productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item ul, .enginewarranty-page-wrapper .cms-productwarranty-full-block .first-section-item ol, .enginewarranty-page-wrapper .cms-productwarranty-full-block .first-section-item ul, .enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item ol, .enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item ul, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item ol, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item ul, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item ol, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item ul { padding-left: 25px; } .productwarranty-page-wrapper .cms-productwarranty-full-block .first-section-item ol li, .productwarranty-page-wrapper .cms-productwarranty-full-block .first-section-item ul li, .productwarranty-page-wrapper .cms-productwarranty-full-block .section-item ol li, .productwarranty-page-wrapper .cms-productwarranty-full-block .section-item ul li, .productwarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item ol li, .productwarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item ul li, .productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item ol li, .productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item ul li, .enginewarranty-page-wrapper .cms-productwarranty-full-block .first-section-item ol li, .enginewarranty-page-wrapper .cms-productwarranty-full-block .first-section-item ul li, .enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item ol li, .enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item ul li, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item ol li, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item ul li, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item ol li, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item ul li { margin-top: 12px; } .productwarranty-page-wrapper .cms-productwarranty-full-block .first-section-item ul, .productwarranty-page-wrapper .cms-productwarranty-full-block .section-item ul, .productwarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item ul, .productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item ul, .enginewarranty-page-wrapper .cms-productwarranty-full-block .first-section-item ul, .enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item ul, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item ul, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item ul { list-style-type: disc; } .productwarranty-page-wrapper .cms-productwarranty-full-block .first-section-item .latin li, .productwarranty-page-wrapper .cms-productwarranty-full-block .section-item .latin li, .productwarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item .latin li, .productwarranty-page-wrapper .cms-enginewarranty-full-block .section-item .latin li, .enginewarranty-page-wrapper .cms-productwarranty-full-block .first-section-item .latin li, .enginewarranty-page-wrapper .cms-productwarranty-full-block .section-item .latin li, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .first-section-item .latin li, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .section-item .latin li { list-style-type: lower-latin; } .productwarranty-page-wrapper .cms-productwarranty-full-block .links, .productwarranty-page-wrapper .cms-enginewarranty-full-block .links, .enginewarranty-page-wrapper .cms-productwarranty-full-block .links, .enginewarranty-page-wrapper .cms-enginewarranty-full-block .links { margin-top: 35px; text-align: center; text-transform: uppercase; clear: both; } .productwarranty-page-wrapper .cms-productwarranty-full-block .content-area { padding: 5.72917% 2.08333%; } .productwarranty-page-wrapper .cms-productwarranty-full-block .image { width: 50%; margin: 0 auto; } .enginewarranty-page-wrapper .cms-enginewarranty-full-block .content-area { padding: 5.72917% 2.08333%; } .enginewarranty-page-wrapper .cms-enginewarranty-full-block .image { width: 46.875%; margin: 0 auto; } .impressum-page-wrapper .content-area, .agb-page-wrapper .content-area, .datenschutz-page-wrapper .content-area { margin-bottom: 20px; } .impressum-page-wrapper h4, .agb-page-wrapper h4, .datenschutz-page-wrapper h4 { margin-top: 10px; } .impressum-page-wrapper ul, .agb-page-wrapper ul, .datenschutz-page-wrapper ul { list-style: inside disc; } .impressum-page-wrapper ol, .agb-page-wrapper ol, .datenschutz-page-wrapper ol { list-style: inside; } .impressum-page-wrapper ol li, .agb-page-wrapper ol li, .datenschutz-page-wrapper ol li { margin-top: 5px; } .impressum-page-wrapper p, .agb-page-wrapper p, .datenschutz-page-wrapper p { margin-top: 10px; } .sitemap-page-wrapper .content-area { margin-bottom: 20px; } .sitemap-page-wrapper ul ul { margin-left: 20px; } .wrapper .page .nachfrage-container { padding: 20px 2.08333%; } .wrapper .page .nachfrage-container .title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2.125rem; text-align: center; padding: 0 0 20px 0; } .wrapper .page .nachfrage-container p { line-height: 24px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.875rem; } .wrapper .page .nachfrage-container p.two-columns-text { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; margin-bottom: 30px; } .wrapper .page .nachfrage-container p.foot-note { margin-top: 30px; } .wrapper .page .nachfrage-container .section-title { padding: 20px 0; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: normal; font-size: 0.875rem; } .wrapper .page .nachfrage-container .pictures { background-color: #f9f9f9; border: 1px solid #c8c8c8; overflow: hidden; } .wrapper .page .nachfrage-container .pictures .picture-left, .wrapper .page .nachfrage-container .pictures .picture-right { width: 50%; float: left; padding: 30px 40px; } .wrapper .page .nachfrage-container .pictures .picture-left { border-right: 1px solid #c8c8c8; } .wrapper .page .nachfrage-container .pictures .picture-right { border-left: 1px solid #c8c8c8; margin-left: -1px; } .wrapper .page .nachfrage-container .pictures .image-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: normal; font-size: 0.875rem; padding-top: 15px; } @media screen and (max-width: 768px) { .noroute-page-wrapper .page-content, .noroute-page-wrapper .page-link { max-width: 600px; margin: 0 auto; text-align: left; } .noroute-page-wrapper .page-link { padding-left: 20px; margin-bottom: 40px; } .wrapper .page .legal-notice-page-wrapper .title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.85714rem; } .wrapper .page .legal-notice-page-wrapper .sub-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.5rem; } .wrapper .page .legal-notice-page-wrapper .emph-sub-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1.14286rem; } .wrapper .page .legal-notice-page-wrapper .engine-explanations p { margin-bottom: 10px; } .wrapper .page .legal-notice-page-wrapper .engine-explanations p:first-child, .wrapper .page .legal-notice-page-wrapper .engine-explanations p.first, .wrapper .page .legal-notice-page-wrapper .engine-explanations p:last-child, .wrapper .page .legal-notice-page-wrapper .engine-explanations p.last { float: none; width: 100%; } .wrapper .page .legal-notice-page-wrapper .legal-start-block figure { width: 72.26563%; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow.prev { background-position: 90% 45%; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow.next { background-position: 10% 45%; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .p-image figure { width: 23.4375%; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .engine-explanations { padding: 20px 1.95313%; } .productwarranty-page-wrapper .cms-productwarranty-full-block .image { width: 62.5%; } .enginewarranty-page-wrapper .cms-enginewarranty-full-block .image { width: 71.61458%; } } @media screen and (max-width: 640px) { .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .title, .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .sub-title { padding: 0 3.90625%; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow.prev { background-position: 90% 50%; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow.next { background-position: 10% 50%; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .p-image figure { width: 32.55208%; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .engine-explanations p.last, .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .engine-explanations p:last-child { display: none; } } @media screen and (max-width: 560px) { .wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text { margin: 0; } .wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text > * { width: 100%; } .wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text > *:first-child, .wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text > *.first { float: none; margin: 0; padding-top: 20px; } .wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text > *:last-child, .wrapper .page .legal-notice-page-wrapper .legal-package-block .advantages-list-text > *.last { float: none; padding: 0; } .wrapper .page .legal-notice-page-wrapper .legal-package-block .explanations { margin-top: 10px; } .wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block .advantages-list-image .image, .wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block .advantages-list-image .advantages, .wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .advantages-list-image .image, .wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .advantages-list-image .advantages { float: none; width: 100%; padding-top: 0; } .wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block .advantages-list-image .image, .wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .advantages-list-image .image { text-align: center; } .wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .advantages-list-image { margin-top: 30px; } } @media screen and (max-width: 480px) { .noroute-page-wrapper .page-content, .noroute-page-wrapper .page-link { max-width: 600px; margin: 0 auto 10px; text-align: left; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; } .noroute-page-wrapper .page-link { padding-left: 0; margin-bottom: 30px; } .wrapper .page .legal-notice-page-wrapper .legal-start-block .content-area { padding: 40px 4.16667% 30px; } .wrapper .page .legal-notice-page-wrapper .legal-start-block figure { width: 100%; } .wrapper .page .legal-notice-page-wrapper .legal-package-block .content-area { padding: 30px 4.16667%; } .wrapper .page .legal-notice-page-wrapper .legal-motor-warranty-block .content-area { padding: 30px 4.16667%; } .wrapper .page .legal-notice-page-wrapper .legal-product-warranty-block .content-area { padding: 30px 4.16667%; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block { min-height: 832px; margin-top: -20px; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/product-advantages-bg-tall-480.png) no-repeat right center; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .content-area { padding: 60px 0 0; max-height: 832px; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .title, .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .sub-title { padding: 0; width: 80%; margin: 0 auto; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .title { margin-bottom: 20px; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container { margin-top: 0; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow { display: block; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow.prev { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-left.png); background-position: 25% 55%; background-size: 14px auto; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow.next { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-right.png); background-position: 75% 55%; background-size: 14px auto; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow:hover.prev { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-left.png); } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .unslider-arrow:hover.next { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-right.png); } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .emph-sub-title, .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .p-image, .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .engine-explanations { padding: 20px 4.16667%; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .p-image figure { float: none; width: 50%; margin: 0 auto; } .wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .content-area { padding: 30px 4.16667%; } .wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .sub-title { margin-bottom: 15px; } .wrapper .page .legal-notice-page-wrapper .legal-legal-notice-block .engine-explanations { margin-bottom: 20px; } .productwarranty-page-wrapper .cms-productwarranty-full-block .image { width: 100%; } .enginewarranty-page-wrapper .cms-enginewarranty-full-block .image { width: 100%; } .wrapper .page .nachfrage-container p.two-columns-text { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } .wrapper .page .nachfrage-container .pictures .picture-left, .wrapper .page .nachfrage-container .pictures .picture-right { width: 100%; float: none; border: none; margin: 0; } .wrapper .page .nachfrage-container .pictures .picture-left { border-bottom: 1px solid #c8c8c8; } } @media screen and (max-width: 400px) { .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .title, .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .sub-title { width: 100%; padding: 0 6.25%; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.57143rem; margin-bottom: 15px; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .sub-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.28571rem; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .emph-sub-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.07143rem; padding-top: 10px; padding-bottom: 10px; } .wrapper .page .legal-notice-page-wrapper .legal-gallery-block .gallery-container .gallery-slider ul li .p-image p { padding-top: 20px; } } @media screen and (max-width: 320px) { .wrapper .page .nachfrage-container .pictures .picture-left, .wrapper .page .nachfrage-container .pictures .picture-right { padding: 20px; } } .engine-warranty-availability-modal .image, .engine-warranty-availability-modal .country-list-container { display: inline-block; width: 49%; } @media screen and (max-width: 480px) { .engine-warranty-availability-modal .image, .engine-warranty-availability-modal .country-list-container { display: block; width: 100%; } } .engine-warranty-availability-modal .country-list-container { text-align: left; vertical-align: top; } @media screen and (max-width: 480px) { .engine-warranty-availability-modal .country-list-container { text-align: center; } } .engine-warranty-availability-modal .country-list { display: inline-block; padding-top: 40px; text-align: left; vertical-align: top; width: 32%; } @media screen and (max-width: 320px) { .engine-warranty-availability-modal .country-list { display: block; padding-top: 0; text-align: center; width: 100%; } } /*# sourceMappingURL=RC_CMS_Common.css.map */ /* * Shop pages stylesheet * * Included only on the catalog product view page (grouped) via cmscontent.xml * * @author Jarlssen GmbH */ /* * Main definitions SCSS file * * Definition of mixins and functions etc. * Should NOT generate any actual CSS! * To be included in ALL subsequent SCSS files. * * @author Jarlssen GmbH */ /* * Main variables SCSS file * * Definition of ONLY variables. * Should NOT generate any actual CSS! * * To be included ONLY in _RC_Definitions.scss. * * @author Jarlssen GmbH * @see _RC_Definitions.scss */ .shop-page .wrapper .page .content-container .main { top: -120px; } .shop-page #totals-back-to-bottom-sticky-wrapper, .shop-page #sticky-arrow-hint-sticky-wrapper { float: right; position: absolute; right: 0; z-index: 5; width: 65px; } .shop-page #sticky-arrow-hint-sticky-wrapper { float: none; left: 0; margin: 0 auto; bottom: 20px; } .shop-page #totals-back-to-bottom, .shop-page #sticky-arrow-hint { z-index: 5; position: absolute; right: 0; bottom: 100px; display: none; } .shop-page #totals-back-to-bottom:before, .shop-page #totals-back-to-bottom:after, .shop-page #sticky-arrow-hint:before, .shop-page #sticky-arrow-hint:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .shop-page #totals-back-to-bottom:after, .shop-page #sticky-arrow-hint:after { clear: both; } .shop-page #totals-back-to-bottom .button, .shop-page #sticky-arrow-hint .button { float: right; text-transform: none; text-align: center; padding: 0 20px 4px 40px; min-width: 240px; } .shop-page #sticky-arrow-hint { position: fixed; margin: 0 auto; bottom: 20px; left: 0; right: 0; width: 44px; height: 56px; cursor: pointer; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/arrow_down_green.png) no-repeat center center; background-size: 44px 56px; } .shop-page #sticky-arrow-hint:hover { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/arrow_down_green-hover.png); } .shop-page .wrapper.no-product-selected #totals-back-to-bottom { display: none !important; } .shop-page #totals-bar-sticky-wrapper { position: absolute; z-index: 6; width: 100%; visibility: hidden; } .shop-page #totals-bar-sticky-wrapper.is-sticky { visibility: visible; } .shop-page #totals-bar { width: 100%; height: auto; z-index: 4; box-shadow: 1px 7px 15px 0px #000; -webkit-box-shadow: 1px 7px 15px 0px #000; -moz-box-shadow: 1px 7px 15px 0px #000; } .shop-page #totals-bar .row.car-performance { min-height: 60px; padding: 10px 0; font-size: 0; } .shop-page #totals-bar .row.car-performance:before, .shop-page #totals-bar .row.car-performance:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .shop-page #totals-bar .row.car-performance:after { clear: both; } .shop-page #totals-bar .row.car-performance .product-performance, .shop-page #totals-bar .row.car-performance .price { display: inline-block; vertical-align: middle; } .shop-page #totals-bar .row.car-performance .product-performance { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; } .shop-page #totals-bar .row.car-performance .product-performance .name { color: #3c3c3c; } .shop-page #totals-bar .row.car-performance .product-performance .name .product-name-link a { color: #3c3c3c; } .shop-page #totals-bar .row.car-performance .product-performance .name .text-480 { display: none; } .shop-page #totals-bar .row.car-performance .product-performance .value-nm, .shop-page #totals-bar .row.car-performance .product-performance .value-ps, .shop-page #totals-bar .row.car-performance .product-performance .value-kw, .shop-page #totals-bar .row.car-performance .product-performance .product-feature { display: inline-block; } .shop-page #totals-bar .row.car-performance .product-performance .value-kw .kw-performance { color: #828282; } .shop-page #totals-bar .row.car-performance .price .price-value { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.5rem; margin-right: 4px; } .shop-page #totals-bar .row.car-performance .price .currency { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; } .shop-page .wrapper .page { background: none; background-color: #fafafa; } .shop-page .wrapper .page .stage.small-stage { height: 600px; position: relative; background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/shop_stage_desktop_v3.jpg); background-size: cover; -moz-background-size: cover; /* Firefox 3.6 */ background-position: center; /* Internet Explorer 7/8 */ } @media screen and (max-width: 768px) { .shop-page .wrapper .page .stage.small-stage { height: 530px; background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/shop_stage_tablet_v3.jpg); } } @media screen and (max-width: 600px) { .shop-page .wrapper .page .stage.small-stage { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/shop_stage_mobile_v3.jpg); } } .shop-page .wrapper .page .stage.small-stage .shop-car-selector { top: 180px; } .shop-page .wrapper .page .stage.small-stage .shop-car-selector .payment-ad, .shop-page .wrapper .page .stage.small-stage .shop-car-selector .shadow-left, .shop-page .wrapper .page .stage.small-stage .shop-car-selector .shadow-right, .shop-page .wrapper .page .stage.small-stage .shop-car-selector .step-title, .shop-page .wrapper .page .stage.small-stage .shop-car-selector .embedded-titles, .shop-page .wrapper .page .stage.small-stage .shop-car-selector #pick-optimizations { display: none; } .shop-page .wrapper .page .stage.small-stage .shop-car-selector > .content-area { background: none; } .shop-page .wrapper .page .stage.small-stage .shop-car-selector .car-selector form.car-selector-form { padding-left: 0; } .shop-page .wrapper .page .stage.small-stage .shop-car-selector .car-selector form.car-selector-form .by-car { margin: 0 auto; } .shop-page .wrapper .page .stage.small-stage .shop-car-selector #embedded-car-selector { margin-top: 0; } .shop-page .wrapper .page .stage.small-stage .shop-car-selector #embedded-car-selector .titles .title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.28571rem; text-transform: uppercase; color: #fff; } .shop-page .wrapper .page .stage.small-stage .shop-car-selector #embedded-car-selector .titles .title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.28571rem; } .shop-page .wrapper .page .footer-container { min-height: 400px; padding-top: 0; padding-bottom: 20px; margin-top: -120px; } .shop-page .wrapper .page .footer-container .separator.first { margin-top: 0; } .shop-page .wrapper .page .footer-container .separator.second { display: none; } .shop-page .wrapper .page .footer-container .separator.last { border: none; margin-bottom: -20px; } .shop-page .wrapper .page .footer-container .separator.fourth { display: block; } .shop-page .wrapper .page .footer-container .footer.footer-blocks .footer-contact-widgets { display: none; } .shop-page .wrapper .page .footer-container .footer.footer-reasons { margin-top: 0; } .shop-page .wrapper .page .footer-container .footer.footer-links-container { display: none; } .shop-page .wrapper .page .footer-container .footer.seo-links-container { display: none; } .shop-page .wrapper .page .footer-container .footer.footer-fineprint { display: block; } .shop-page .wrapper .page .footer-container .copyright .copyright-links { display: inline-block; } .shop-page .wrapper .page .step-title { margin-bottom: 20px; filter: alpha(opactiy=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .shop-page .wrapper .page .step-title .selected-message { display: none; } .shop-page .wrapper .page .step-title.step-active { filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .shop-page .wrapper .page .step-title.step-active .selected-message { display: inline; } .shop-page .wrapper .page .step-title.step-active .no-selection-message { display: none; } .shop-page .wrapper .page .step-title.step-2 { margin-bottom: 5px; } .shop-page .wrapper .page .step-title.step-3 { padding-bottom: 10px; } .shop-page .wrapper .page .step-title .links { padding-left: 60px; } .shop-page .wrapper .page .step-title .links a { text-transform: uppercase; margin-right: 20px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } .shop-page .wrapper .page .step-title .number { background: url("https://www.racechip.de/skin/frontend/racechip/default/images/checkout/numberbg.png") no-repeat center center; width: 49px; height: 47px; background-size: 49px; display: inline-block; line-height: 47px; padding-left: 12px; color: #943800; text-shadow: 1px 1px 0px #da7133; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1.78571rem; margin-right: 5px; position: absolute; left: 0; margin-left: 10px; } .shop-page .wrapper .page .step-title h2 { margin: 10px 0; line-height: 47px; display: inline-block; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.85714rem; position: relative; padding-left: 8.33333%; } .shop-page .wrapper .page .step-title h2 .over-480 { display: inline; } .shop-page .wrapper .page .step-title h2 .under-480 { display: none; } .shop-page .wrapper .page .step-title a.edit-link { display: inline-block; width: 18px; height: 18px; } .shop-page .wrapper .page .step-title .links { padding-left: 8.33333%; } .shop-page .wrapper .page .product-name .info-link { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-info.png); margin-left: 5.20833%; } .shop-page .wrapper .page .product-name .info-link span { display: none; } .shop-page .wrapper .page .selector-info .links { width: 90%; margin: 0 auto 30px; } html.safari .shop-page .wrapper .page .selector-info .links { margin-bottom: 0; } .shop-page .wrapper .page .selector-info .links a { text-transform: uppercase; display: inline-block; text-align: center; color: #fff; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } .shop-page .wrapper .page .selector-info .links a:hover { text-decoration: underline; } .shop-page .wrapper .page .selector-info .links a.by-hsn-tsn, .shop-page .wrapper .page .selector-info .links a.hsn-modal { display: none; } .shop-page .wrapper .page .selector-info .links a.links-toggler { text-align: left; padding-left: 0; } .shop-page .wrapper .page .selector-info .links .links-container a:after { content: "|"; display: inline-block; margin: 0 10px; } .shop-page .wrapper .page .selector-info .links .links-container a:last-child:after { content: ""; display: none; } .shop-page .wrapper .page .selector-info .links.hsn a.select-by.by-car { display: none; } .shop-page .wrapper .page .selector-info .links.hsn a.select-by.by-hsn-tsn { display: inline-block; } .shop-page .wrapper .page .selector-info .links.hsn a.cr-pd-modal { display: none; } .shop-page .wrapper .page .selector-info .links-container { display: none; } .shop-page .wrapper .page .selector-info .delivery-info { display: none; } .shop-page .wrapper .page .shop-car-selector { position: relative; } .shop-page .wrapper .page .shop-car-selector .shadow-left, .shop-page .wrapper .page .shop-car-selector .shadow-right { top: 60px; } .shop-page .wrapper .page .shop-car-selector.-no-payment-ad > .content-area { margin-top: -50px; } .shop-page .wrapper .page .shop-car-selector .content-area { padding-top: 0; } .shop-page .wrapper .page .shop-car-selector .content-area:before, .shop-page .wrapper .page .shop-car-selector .content-area:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .shop-page .wrapper .page .shop-car-selector .content-area:after { clear: both; } .shop-page .wrapper .page .shop-car-selector.-no-hsn-tsn .selector-info .links a.no-car-contact { text-align: right; padding-right: 2.08333%; } .shop-page .wrapper .page .shop-car-selector.-no-hsn-tsn .selector-info .links a.cr-pd-modal { text-align: left; } .shop-page .wrapper .page .shop-car-selector .titles { clear: both; margin-bottom: 30px; } .shop-page .wrapper .page .shop-car-selector .titles .title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.85714rem; } .shop-page .wrapper .page .shop-car-selector .titles .title br { display: none; } .shop-page .wrapper .page .shop-car-selector .step-title { width: 50px; margin-right: 3.125%; } .shop-page .wrapper .page .shop-car-selector .step-title, .shop-page .wrapper .page .shop-car-selector .selector { float: left; } .shop-page .wrapper .page .shop-car-selector .picker-container ul.picker li.option.first { background-color: #fff; } .shop-page .wrapper .page .shop-car-selector .payment-ad { height: 35px; line-height: 35px; padding-right: 25px; max-width: 960px; text-align: right; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 0.85714rem; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/shop-ratenkauf-ad-background.png) no-repeat bottom right; background-size: 268px 35px; margin: -80px auto 0 auto; } .shop-page .wrapper .page .shop-car-selector .payment-ad a { color: #fff; line-height: 35px; display: inline-block; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-info-white.png) no-repeat right center; background-size: 17px; padding-right: 26px; } .shop-page .wrapper .page .shop-car-selector .payment-ad a:hover { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-info-darkgrey.png); background-size: 16px; } .shop-page .wrapper .page .shop-car-selector #embedded-car-selector { margin-top: 40px; } html.safari .shop-page .wrapper .page .shop-car-selector #embedded-car-selector { margin-top: 0; padding-top: 0; } .shop-page .wrapper .page .shop-car-selector .car-selector { width: 100%; margin-bottom: 15px; } .shop-page .wrapper .page .shop-car-selector .car-selector .titles { display: none; } .shop-page .wrapper .page .shop-car-selector .car-selector .difficult-installation-container > span { display: block; margin: 0 auto; width: 90%; background-color: rgba(0, 0, 0, 0.5); color: #ea0c0c; padding: 10px 0; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; text-align: center; } .shop-page .wrapper .page .shop-car-selector .car-selector .difficult-installation-container > span a { color: #ea0c0c; text-transform: uppercase; text-decoration: underline; } .shop-page .wrapper .page .shop-car-selector .car-selector .difficult-installation-container > span .under-480 { display: none; } .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form { margin: 0; padding-left: 8.33333%; } .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car .selectors, .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors { text-align: left; } html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car { width: 90%; height: 65px; position: relative; } html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car .selectors .picker-container { width: 33.1%; display: inline-block; margin: 0 auto; position: absolute; } html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car .selectors .picker-container .picker-selected { display: block; } html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn { width: 90%; } html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container { margin-right: 1.04167%; } html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button { display: inline-block; margin-right: 0; } .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn { width: 90%; } .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn.explanations { width: 90%; margin-top: 10px; margin-bottom: 0; } .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn.explanations:before, .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn.explanations:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn.explanations:after { clear: both; } .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn.explanations img { display: inline-block; width: 18.22917%; margin-right: 1.04167%; } .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn.explanations p { width: 80.72917%; float: none; display: inline-block; background-color: rgba(255, 255, 255, 0.15); color: #fff; max-width: none; margin-left: 0; margin-bottom: 0; padding: 17px 10px; } .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors { font-size: 0; } .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container { margin-right: 1.04167%; max-width: none; min-width: 0; } .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.hsn { width: 28.64583%; } .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.tsn { width: 45.83333%; } .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button { width: 23.4375%; line-height: 65px; margin-right: 0; } .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button .btn { background-color: #18ac00; color: #fafafa; padding: 0; line-height: 65px; outline: 0; } .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button .btn[disabled]:hover { font-weight: 300; } .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container input[type="text"] { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: none; box-shadow: none; height: 65px; } .shop-page .wrapper .page .shop-car-selector.-difficult-installation .selector-info { display: none; } .shop-page .wrapper .page .shop-contents .content-area .pointers { position: absolute; z-index: 2; top: 120px; right: -13.5%; width: 11.97917%; text-align: center; } .shop-page .wrapper .page .shop-contents .content-area .pointers.no-chips { display: none; } .shop-page .wrapper .page .shop-contents .content-area .pointers > div { margin-bottom: 25px; } .shop-page .wrapper .page .shop-contents .content-area .pointers .legend { display: inline-block; width: 100%; text-align: left; padding-left: 6px; margin-top: 4px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.71429rem; line-height: 1.4; } .shop-page .wrapper .page .shop-contents .content-area .pointers .pointer-nick img.signature { width: 75%; margin-top: 5px; } .shop-page .wrapper .page .shop-contents .content-area .pointers .pointer-nick .legend { position: relative; } .shop-page .wrapper .page .shop-contents .content-area .pointers .pointer-nick .legend:before { content: ''; position: absolute; width: 10px; height: 17px; left: -13px; top: 10px; background: url(https://www.racechip.de/skin/frontend/racechip/default/images/arrow_left.svg) no-repeat center; background-size: 10px 17px; } .shop-page .wrapper .page .shop-contents .additional-links { font-size: 0; margin: 55px 0 90px; padding-top: 10px; position: relative; } .shop-page .wrapper .page .shop-contents .additional-links::before { content: ''; width: 33.33%; display: inline-block; } .shop-page .wrapper .page .shop-contents .additional-links:after { content: ''; position: absolute; width: 100%; left: 0; top: -30px; height: 30px; background: url(../wysiwyg/shop_images/comparison_lines.png) no-repeat center; } .shop-page .wrapper .page .shop-contents .additional-links .comparison-link, .shop-page .wrapper .page .shop-contents .additional-links .legal-link { display: inline-block; text-align: center; width: 33.33%; } .shop-page .wrapper .page .shop-contents .additional-links .comparison-link a, .shop-page .wrapper .page .shop-contents .additional-links .legal-link a { line-height: 1.2; color: #acacac; text-transform: uppercase; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; padding: 0; background: none; } .shop-page .wrapper .page .shop-contents .additional-links .comparison-link a:hover, .shop-page .wrapper .page .shop-contents .additional-links .legal-link a:hover { color: #ec5b00; } .shop-page .wrapper .page .shop-contents .additional-links .comparison-link a { color: #ec5b00; background-size: 25px; } .shop-page .wrapper .page .shop-contents .additional-links .legal-link { text-align: right; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 0.78571rem; } .shop-page .wrapper .page .shop-contents .pos-1 { margin-bottom: 10px; } .shop-page .wrapper .page .shop-contents .message-container .shop-chips-not-available { padding: 40px 9.375% 50px; width: 100%; background-color: #dcdcdc; border: 1px solid #fff; } .shop-page .wrapper .page .shop-contents .message-container .shop-chips-not-available .image { display: inline-block; vertical-align: top; width: 115px; margin-top: 5px; margin-right: 2.08333%; } .shop-page .wrapper .page .shop-contents .message-container .shop-chips-not-available .-message { display: inline-block; width: 75%; color: #3c3c3c; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.42857rem; } .shop-page .wrapper .page .shop-contents .message-container .shop-chips-not-available .-message .-message-alternative { display: block; margin-top: 10px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1.42857rem; } .shop-page .wrapper .page .shop-contents .message-container .shop-chips-not-available .-message .under-480 { display: none; } .shop-page .wrapper .page .shop-contents #-no-chips-anchor { margin-top: -50px; height: 50px; } .shop-page .wrapper .page .shop-contents .support-info-block { background: #fefefe; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2Q1ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fefefe 0%, #f3f5f7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(110%, #f3f5f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%, #f3f5f7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%, #f3f5f7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%, #f3f5f7 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%, #f3f5f7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f3f5f7',GradientType=0 ); /* IE6-8 */ font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; width: 100%; background-color: #fff; border: 1px solid #dfe2e5; border-bottom: none; } .shop-page .wrapper .page .shop-contents .support-info-block:before, .shop-page .wrapper .page .shop-contents .support-info-block:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .shop-page .wrapper .page .shop-contents .support-info-block:after { clear: both; } .shop-page .wrapper .page .shop-contents .support-info-block .under-480 { display: none; } .shop-page .wrapper .page .shop-contents .support-info-block .over-480 { display: inline; } .shop-page .wrapper .page .shop-contents .support-info-block .explanations, .shop-page .wrapper .page .shop-contents .support-info-block .contact { height: 95px; float: left; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.78571rem; } .shop-page .wrapper .page .shop-contents .support-info-block .explanations { padding: 15px; width: 58.33333%; } .shop-page .wrapper .page .shop-contents .support-info-block .explanations .emph-sub-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1.10714rem; margin-bottom: 5px; } .shop-page .wrapper .page .shop-contents .support-info-block .contact { width: 41.66667%; padding-top: 10px; position: relative; } .shop-page .wrapper .page .shop-contents .support-info-block .contact:before, .shop-page .wrapper .page .shop-contents .support-info-block .contact:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .shop-page .wrapper .page .shop-contents .support-info-block .contact:after { clear: both; } .shop-page .wrapper .page .shop-contents .support-info-block .contact .image { position: absolute; left: 0; bottom: 0; width: 31%; padding-top: 5px; } .shop-page .wrapper .page .shop-contents .support-info-block .contact p { width: 65%; float: right; padding: 30px 10px 0 0; } .shop-page .wrapper .page .shop-contents .support-info-block .contact a { text-transform: uppercase; } .shop-page .wrapper .page .shop-contents .support-info-block.-no-chip-products .chiptuning-addition { display: none; } .shop-page .wrapper .page .shop-contents .shop-chips.pos-3, .shop-page .wrapper .page .shop-contents .shop-chips.pos-4 { margin-top: 40px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .advantages.test-badges { display: none; width: 100%; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .advantages.test-badges .legend { display: block; margin-bottom: 10px; margin-top: 15px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 0.78571rem; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .advantages.test-badges .advantage { display: inline-block; width: 45%; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .advantages.test-badges .advantage:first-of-type { margin-right: 6.25%; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-price .column .product-info { padding-bottom: 0; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-price .column.product-not-selected { filter: alpha(opactiy=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-price .column.product-not-selected:hover { filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-difficult-installation.row-more-details { display: none; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-difficult-installation.row-more-details.flexbox { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-difficult-installation.row-more-details .column { padding-top: 10px; padding-bottom: 10px; background-color: #fff; color: #3c3c3c; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.78571rem; line-height: 24px; text-align: center; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-difficult-installation.row-more-details .column span { display: inline-block; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-difficult-installation.png) no-repeat center left; background-size: 22px; padding-left: 30px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-difficult-installation.row-more-details .column .more-link { color: #c85a1e; background: none; padding: 0; float: none; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.78571rem; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column[class^="product-chip_"] .product-title { color: #fff; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column[class^="product-chip_"].product-chip_s .product-title .product-badge { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/product_badge_s.svg); } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column[class^="product-chip_"].product-chip_rs .product-title .product-badge { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/product_badge_rs.svg); } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column[class^="product-chip_"].product-chip_gts .product-title .product-badge { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/product_badge_gts.svg); } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column[class^="product-chip_"].product-chip_gts_black .product-title .product-badge { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/product_badge_gts_black.svg); } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column .product-info { text-align: center; font-size: 0; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column .product-info .price-box { float: none; display: inline-block; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column .product-info .product-radio { float: none; margin-left: 8px; display: inline-block; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column .product-info .product-radio .uniform-radio { box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2); } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column.product-selected .product-info .price-box { display: none; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column.product-selected .product-info .product-radio { float: none; text-align: center; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column.product-selected.with-vat-shipping .product-info { padding-bottom: 20px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column.product-selected.with-vat-shipping .product-info .include-vat-shipping { display: none; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages.test-badges { display: none; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table.has-selection .row.row-selection-indicator { background: #e9e9e9; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #e9e9e9 0%, #f0f0f0 25%, #f0f0f0 75%, #e9e9e9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e9e9e9), color-stop(25%, #f0f0f0), color-stop(75%, #f0f0f0), color-stop(100%, #e9e9e9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #e9e9e9 0%, #f0f0f0 25%, #f0f0f0 75%, #e9e9e9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #e9e9e9 0%, #f0f0f0 25%, #f0f0f0 75%, #e9e9e9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #e9e9e9 0%, #f0f0f0 25%, #f0f0f0 75%, #e9e9e9 100%); /* IE10+ */ background: linear-gradient(to right, #e9e9e9 0%, #f0f0f0 25%, #f0f0f0 75%, #e9e9e9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#dcdcdc',GradientType=1 ); /* IE6-8 */ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table.has-selection .row.row-selection-indicator .column.product-selected { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-thin-arrow-down-grey.png) no-repeat center center; background-size: 22px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .comparison-footer { display: none; } .shop-page .wrapper .page .shop-contents .shop-chips .shop-disabled { display: none; } .shop-page .wrapper .page .shop-contents .custom-options-block { margin-top: 30px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container { display: none; position: relative; overflow: hidden; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:after, .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:before { content: ''; display: block; position: absolute; top: 0; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:after { width: 0; height: 0; border: none; border-bottom-width: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 14px solid #fafafa; left: 465px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:before { width: 0; height: 0; border: none; border-bottom-width: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #18ac00; left: 464px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:last-child:after, .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:only-child.product-chip_s:after { left: 145px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:last-child:before, .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:only-child.product-chip_s:before { left: 144px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:first-child:after, .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:only-child.product-chip_gts:after { left: auto; right: 147px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:first-child:before, .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:only-child.product-chip_gts:before { left: auto; right: 146px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:only-child.product-chip_rs:after { left: 465px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:only-child.product-chip_rs:before { left: 464px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:only-child.product-pedal_tuning_connect:after { left: 444px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:only-child.product-pedal_tuning_connect:before { left: 443px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box { position: relative; font-size: 0; padding: 30px; margin-bottom: 10px; border: 1px solid #18ac00; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box:before, .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box:after { clear: both; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box:last-child { margin-bottom: 60px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .under-480 { display: none; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .description-contents, .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container { display: inline-block; vertical-align: top; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .product-name { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.64286rem; margin-top: 0; margin-bottom: 10px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .product-name img { width: 25px; vertical-align: middle; margin-right: 5px; display: inline-block; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .description-contents { width: 83.33333%; padding-left: 30px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; line-height: 1.5; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .description-contents ul.links { margin-top: 25px; position: relative; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .description-contents ul.links li { display: inline-block; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .description-contents ul.links li a { background: none; padding: 0; color: #ec5b00; text-transform: uppercase; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .description-contents ul.links li a.uninterested-link { color: #8f8f8f; text-decoration: underline; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .description-contents ul.links li.uninterested { position: absolute; right: 0; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .description-contents ul.links li:before { content: "|"; display: inline-block; margin: 0 10px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .description-contents ul.links li:first-child:before, .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .description-contents ul.links li.uninterested:before { content: ""; display: none; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container { width: 16.66667%; position: relative; height: auto; margin-top: 15px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container:before, .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container:after { clear: both; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container .uniform-checker { margin-top: 25px; box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2); } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container .included-message { display: block; width: 100%; text-align: center; margin-top: 5px; margin-right: -5px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.78571rem; color: #398513; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container .product-radio { margin-top: 10px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container .product-radio .uniform-checker { margin: 0; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container > .price-box { width: 100%; height: 40px; line-height: 40px; border: 1px solid #000; font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 400; font-style: "normal"; font-size: 1.42857rem; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container > .price-box .currency { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 400; font-style: "normal"; font-size: 0.85714rem; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box > .price-box { position: absolute; top: 0; right: 3.64583%; width: 110px; height: 100%; padding-top: 25px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box > .price-box .price { width: 100%; height: 40px; margin-bottom: 10px; line-height: 37px; text-align: center; border: 1px solid #565656; color: #565656; position: relative; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box > .price-box .price .figure { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1.28571rem; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box > .price-box .price .currency { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.85714rem; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box > .price-box .product-selector { margin: 0 auto; text-align: center; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box > .price-box .product-selector .uniform-checker { box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2); } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box.with-vat-shipping .c2a-container .include-vat-shipping { clear: both; text-align: left; padding-top: 3px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.64286rem; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box.with-vat-shipping > .price-box .price { margin-bottom: 4px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box.with-vat-shipping > .price-box .include-vat-shipping { clear: both; color: #565656; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.64286rem; margin-bottom: 6px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box.with-vat-shipping > .price-box .include-vat-shipping sup { margin-left: 4px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box.product-selected .description-contents ul.links li.uninterested { display: none; } .shop-page .wrapper .page .shop-contents .custom-options-block#pedaltuning-custom-options { margin-top: 0; } .shop-page .wrapper .page .shop-contents .custom-options-block#pedaltuning-custom-options .product-pedal_tuning_connect.-is-available { margin-top: -30px; margin-bottom: 60px; background-color: #fafafa; } .shop-page .wrapper .page .shop-contents .custom-options-block#pedaltuning-custom-options .product-pedal_tuning_connect.-is-available .custom-option-box { margin-bottom: 0; } .shop-page .wrapper .page .shop-contents .custom-options-block#pedaltuning-custom-options .product-pedal_tuning_connect.-is-available:after { border-top-color: #f0f0f0; } .shop-page .wrapper .page .shop-contents .accessory-selector { margin-top: 20px; } .shop-page .wrapper .page .shop-contents .accessory-selector .support-info-block .explanations { width: 100%; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box { overflow-y: hidden; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/shop-xlr-bg.jpg) no-repeat center; background-size: cover; -moz-background-size: cover; /* Firefox 3.6 */ background-position: center; /* Internet Explorer 7/8 */ position: relative; height: auto; border: 1px solid #dfe2e5; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box:before, .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box:after { clear: both; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box { position: absolute; top: 0; right: 3.64583%; width: 110px; height: 100%; padding-top: 100px; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box.discount-container { width: 125px; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box .price { width: 100%; height: 40px; margin-bottom: 10px; line-height: 37px; text-align: center; border: 1px solid #565656; color: #565656; position: relative; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box .price .discount-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: bold; font-size: 0.57143rem; line-height: 10px; background-color: #fff; padding: 3px; display: block; position: absolute; right: -1px; left: -1px; top: -16px; height: 15px; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box .price .discount-price { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1rem; position: relative; margin-right: 13px; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box .price .discount-price:after { content: ''; display: block; position: absolute; left: 0; right: 0; height: 1px; background-color: #ff0000; top: 54%; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box .price .figure { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1.28571rem; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box .price .currency { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.85714rem; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box .product-selector { margin: 0 auto; text-align: center; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box .product-selector .uniform-checker { box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2); } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .include-vat-shipping { padding-top: 3px; color: #828282; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.71429rem; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .include-vat-shipping sup { margin-left: 2px; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description { padding-left: 4.6875%; border: 1px solid #fff; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description:before, .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description:after { clear: both; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .product-name { margin-bottom: 5px; font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.57143rem; color: #282828; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .product-name b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.57143rem; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .product-slogan { margin-bottom: 30px; font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.14286rem; color: #282828; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .product-image, .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description { float: left; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .product-image { padding-top: 30px; width: 15.625%; height: 345px; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .product-image img { vertical-align: bottom; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description { padding-top: 30px; margin-left: 50px; width: 59.375%; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description .advantage-box { width: 100%; margin-bottom: 15px; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description .advantage-box:before, .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description .advantage-box:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description .advantage-box:after { clear: both; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description .advantage-box .advantages { float: left; width: 49.5%; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description .advantage-box .advantages .advantage { margin-bottom: 10px; width: 100%; display: block; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description .more-link a { display: inline-block; text-transform: uppercase; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 0.85714rem; color: #676767; line-height: 29px; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-expand-grey.png) no-repeat left 4px; background-size: 21px; padding-left: 28px; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description .more-link a:hover { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-expand-hover.png); color: #3c3c3c; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description.-no-chip-products .description .advantages .advantage.-only-with-chips { display: none; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description.-no-xlr-connect .description .advantages .advantage.-only-with-connect { display: none; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box.product-selected { border: 1px solid #51ba1b; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/shop-xlr-selected-bg.jpg) no-repeat center; background-size: cover; -moz-background-size: cover; /* Firefox 3.6 */ background-position: center; /* Internet Explorer 7/8 */ } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box.product-selected .price-box { padding-top: 140px; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box.product-selected .price-box .price { display: none; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box.product-selected .product-description { border: 1px solid #fff; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box.product-selected .product-description .description .more-link a { color: #3c3c3c; background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-expand-more.png); } .shop-page .wrapper .page .shop-contents .accessory-selector.with-vat-shipping .accessory-box .price-box .price { margin-bottom: 4px; } .shop-page .wrapper .page .shop-contents .accessory-selector.with-vat-shipping .accessory-box .price-box .include-vat-shipping { clear: both; color: #565656; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.64286rem; margin-bottom: 6px; } .shop-page .wrapper .page .shop-contents .accessory-selector.with-vat-shipping .accessory-box .price-box .include-vat-shipping sup { margin-left: 4px; } .shop-page .wrapper .page .shop-contents .accessory-selector.with-vat-shipping .accessory-box.product-selected .price-box .include-vat-shipping { display: none; } .shop-page .wrapper .page .shop-contents .shop-totals { position: relative; z-index: 9; } .shop-page .wrapper .page .shop-contents .shop-totals .calculation-container { display: none; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container { margin-top: 40px; background-color: #3c3c3c; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .separator { border-top: 1px solid #313131; height: 1px; margin: 0 0 40px 0; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals { position: relative; padding-top: 0; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shadow-left, .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shadow-right { top: 0; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shadow-left { background: radial-gradient(ellipse at 100% 0, rgba(25, 25, 25, 0.35) 2%, rgba(29, 29, 29, 0.15) 23%, rgba(49, 49, 49, 0) 70%, rgba(255, 255, 255, 0) 100%) no-repeat scroll 0 0 transparent; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shadow-right { background: radial-gradient(ellipse at 0 0, rgba(25, 25, 25, 0.35) 2%, rgba(29, 29, 29, 0.15) 23%, rgba(49, 49, 49, 0) 70%, rgba(255, 255, 255, 0) 100%) no-repeat scroll 0 0 transparent; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .pulled-up-container { background-color: #3c3c3c; position: relative; top: -40px; padding: 5px 40px 0; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1.5rem; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container strong { font-style: normal; font-weight: 500; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row { width: 100%; padding: 10px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row:before, .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row:after { clear: both; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .no-480 { display: none; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance, .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .name, .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .price { display: inline-block; vertical-align: top; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance, .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .price { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1.5rem; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .name { font-weight: 400; width: 47.37903%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .name .product-name { margin-bottom: 20px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .name .product-name .plus { margin-right: 7px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .name .product-name strong { font-weight: 400; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .name .product-characteristics { width: 100%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .name .product-characteristics:before, .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .name .product-characteristics:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .name .product-characteristics:after { clear: both; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .name .product-characteristics.advantages .advantage .legend { width: 85%; margin-top: 9px; line-height: 1.4; padding-left: 10px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.78571rem; color: #fff; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance { width: 33.33333%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance:before, .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance:after { clear: both; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance .name, .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance .value-ps, .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance .value-nm { float: left; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance .name { width: 37.5%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 0.78571rem; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance .name a.edit-link { display: inline-block; width: 18px; height: 36px; background-position: center; background-repeat: no-repeat; margin-bottom: -5px; margin-right: 10px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance .name span { display: inline-block; height: 36px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance .name span i, .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance .name span em { text-transform: uppercase; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance .value-ps { width: 60%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance .value-ps .kw-performance { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; color: #828282; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance .value-nm { width: 40%; text-align: right; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .price { font-weight: 300; float: right; width: 16.66667%; text-align: right; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.series-car-performance { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.5rem; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.series-car-performance .name { display: inline-block; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.series-car-performance .product-performance { display: inline-block; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.grand-total .price { font-weight: 500; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a { border-bottom: none; padding-top: 20px; padding-left: 0; padding-right: 0; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name { width: 70%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info { display: block; border: none; margin: 0; padding: 0; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info .delivery-info ul { text-align: left; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info .delivery-info ul li:first-of-type { padding-left: 0; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info .delivery-info ul li:last-of-type { padding-right: 0; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info .delivery-info ul li.cell-24h { margin-right: 10%; width: 140px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info .delivery-info ul li.cell-exchange { margin-right: 10%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info .delivery-info ul li.cell-installment-payments { display: none; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info .delivery-info ul li.wide { width: 27%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info.-klarna-payment .delivery-info ul li { width: 155px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info.-klarna-payment .delivery-info ul li.cell-installment-payments { display: inline-block; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info.-klarna-payment .delivery-info ul li.cell-24h { margin-right: 0; width: 140px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info.-klarna-payment .delivery-info ul li.cell-exchange { margin-right: 0; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info.-klarna-payment .delivery-info ul li.cell-returns { margin-right: 0; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info.-klarna-payment .delivery-info ul li.wide { width: 27%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .price { width: auto; line-height: 55px; height: 55px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info { display: none; margin: 20px 0 40px 0; border-top: 1px solid #555; border-bottom: 1px solid #555; line-height: 30px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .links { display: none; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info { display: block; text-align: center; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul li { display: inline-block; text-align: left; width: 150px; height: 50px; padding: 10px 0; line-height: 1.3; vertical-align: top; margin-right: 10%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.85714rem; color: #929292; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul li:before, .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul li:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul li:after { clear: both; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul li .image { height: 36px; width: 30px; margin-right: 10px; float: left; background-color: transparent; background-repeat: no-repeat; background-position: center left; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul li.cell-24h .image { width: 36px; background-image: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-delivery-package-grey.png"); background-size: 32px 25px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul li.cell-24h:hover { color: #c85a1e; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul li.cell-24h:hover .image { background-image: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-delivery-package-orange.png"); } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul li.cell-exchange .image { background-image: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-delivery-returns-grey.png"); background-size: 30px 31px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul li.cell-exchange:hover { color: #c85a1e; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul li.cell-exchange:hover .image { background-image: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-delivery-returns-orange.png"); } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul li.cell-returns { margin-right: 0; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul li.cell-returns .image { background-image: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-delivery-return-rights-grey.png"); background-size: 30px 28px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul li.cell-returns:hover { color: #c85a1e; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul li.cell-returns:hover .image { background-image: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-delivery-return-rights-orange.png"); } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul li.cell-installment-payments { display: none; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul li.wide { margin: 0 10% 0 20px; width: 20.83333%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info.-klarna-payment .delivery-info ul li { width: 160px; padding: 10px; margin-right: 0; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.78571rem; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info.-klarna-payment .delivery-info ul li.cell-installment-payments { display: inline-block; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info.-klarna-payment .delivery-info ul li.cell-installment-payments .image { width: 21px; background-image: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-calculator-grey.png"); background-size: 21px 28px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info.-klarna-payment .delivery-info ul li.cell-installment-payments:hover { color: #c85a1e; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info.-klarna-payment .delivery-info ul li.cell-installment-payments:hover .image { background-image: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-calculator-orange.png"); } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info.-klarna-payment .delivery-info ul li.wide { margin: 0; width: 21.35417%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .contact-info { text-align: center; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container.no-selection .totals .shipping-info .delivery-info ul li.cell-24h .image { background-image: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-delivery-package-white.png"); } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container.no-selection .totals .shipping-info .delivery-info ul li.cell-24h:hover .image { background-image: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-delivery-package-orange.png"); } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container.no-selection .totals .shipping-info .delivery-info ul li.cell-exchange .image { background-image: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-delivery-returns-white.png"); } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container.no-selection .totals .shipping-info .delivery-info ul li.cell-exchange:hover .image { background-image: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-delivery-returns-orange.png"); } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container.no-selection .totals .shipping-info .delivery-info ul li.cell-returns .image { background-image: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-delivery-return-rights-white.png"); } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container.no-selection .totals .shipping-info .delivery-info ul li.cell-returns:hover .image { background-image: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-delivery-return-rights-orange.png"); } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container.no-selection .totals .shipping-info.-klarna-payment .delivery-info ul li.cell-installment-payments .image { background-image: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-calculator-white.png"); } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container.no-selection .totals .shipping-info.-klarna-payment .delivery-info ul li.cell-installment-payments:hover .image { background-image: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-calculator-orange.png"); } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container.no-selection .totals .pulled-up-container > .shipping-info { display: block; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container.no-selection .totals .pulled-up-container > .shipping-info .delivery-info.-no-installments ul { width: 90%; margin: 0 auto; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container.no-selection .totals .pulled-up-container > .shipping-info .delivery-info.-no-installments ul li { margin-right: 10%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container.no-selection .totals .pulled-up-container > .shipping-info .delivery-info.-no-installments ul li.cell-exchange { margin-left: 0; width: 180px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container.no-selection .totals .pulled-up-container > .shipping-info .delivery-info.-no-installments ul li.cell-returns { margin-right: 0; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container.no-selection .totals .pulled-up-container > .separator { display: none; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets:not(.us-shop) { width: 100%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop { width: 60%; margin: 0 auto; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .bubbles { width: 70%; margin: 0 auto; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets .image { width: 75%; margin: 0 auto; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets img { width: 100%; margin-top: 0; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.empty-totals { margin-top: -40px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.empty-totals img { margin-bottom: -4px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets .headline { width: 100%; } .shop-page .wrapper .page .shop-contents .mobile-product-anchors { display: none; } html.mobile .shop-page .wrapper .page .shop-contents #-no-chips-anchor { margin-top: -80px; height: 80px; } .shop-page .wrapper .page .installation-hint-modal .modal-content-container { text-align: left; padding: 0 4.03226%; } .shop-page .wrapper .page .installation-hint-modal .modal-content-container .explanations { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.92857rem; text-align: left; line-height: 24px; margin-bottom: 10px; } .shop-page .wrapper .page #modal-shop-xlr-details .modal-content.modal-content-shop-details { padding-top: 0; padding-bottom: 0; } .shop-page .wrapper .page .modal-window.ratenkauf { min-width: 200px; max-width: 600px; } .shop-page .wrapper .page .modal-window.ratenkauf p { padding: 0 2.08333%; } html.desktop .shop-page .wrapper .page .content-container { z-index: 4; } .shop-page .wrapper .page .trailing-hac-element { display: block; position: fixed; bottom: 100px; right: 0; width: 360px; min-height: 283px; background: #252525; z-index: 29; overflow: hidden; -webkit-border-radius: 25px 0 0 25px; -moz-border-radius: 25px 0 0 25px; border-radius: 25px 0 0 25px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -o-transition: all 0.8s linear; transition: all 0.8s linear; } .shop-page .wrapper .page .trailing-hac-element.hidden { right: -400px; } .shop-page .wrapper .page .trailing-hac-element .close-trailing { background: none; border: none; color: #cfcfcf; margin-left: 16px; margin-top: 12px; padding: 0; outline: none; display: block; float: left; cursor: pointer; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 200; font-style: normal; font-size: 1.07143rem; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .shop-page .wrapper .page .trailing-hac-element .close-trailing:hover { color: #c85a1e; } .shop-page .wrapper .page .trailing-hac-element p { color: #ffffff; display: block; width: 100%; clear: both; padding: 10px 86px 0 34px; text-transform: uppercase; font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.07143rem; } .shop-page .wrapper .page .trailing-hac-element p strong { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.07143rem; } .shop-page .wrapper .page .trailing-hac-element a { width: 100%; display: block; margin-top: 9px; color: #ffffff; padding: 15px 86px 15px 34px; cursor: pointer; text-transform: uppercase; background: #262626; /* Old browsers */ background: -moz-linear-gradient(left, #262626 0%, #3c3c3c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #262626 0%, #3c3c3c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #262626 0%, #3c3c3c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#3c3c3c',GradientType=0 ); /* IE6-9 */ font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.07143rem; -webkit-transition: background 0.4s ease-out; -moz-transition: background 0.4s ease-out; -o-transition: background 0.4s ease-out; transition: background 0.4s ease-out; } .shop-page .wrapper .page .trailing-hac-element a:before { content: ""; width: 36px; height: 36px; display: block; margin-top: 2px; float: left; margin-right: 14px; background: transparent url("https://www.racechip.de/skin/frontend/racechip/default/images/ICN-Play.png") no-repeat center center; background-size: contain; } .shop-page .wrapper .page .trailing-hac-element a:hover { background: #100e0e; /* Old browsers */ background: -moz-linear-gradient(left, #100e0e 0%, #3c3c3c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #100e0e 0%, #3c3c3c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #100e0e 0%, #3c3c3c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#100e0e', endColorstr='#3c3c3c',GradientType=0 ); /* IE6-9 */ } .shop-page .wrapper .page .trailing-hac-element img { position: absolute; right: 0; bottom: 0; max-width: 120px; height: auto; } .shop-page .wrapper.car-selected .page .content-container .main { top: -190px; } @media screen and (max-width: 768px) { .shop-page .wrapper.car-selected .page .content-container .main { top: -160px; } } @media screen and (max-width: 600px) { .shop-page .wrapper.car-selected .page .content-container .main { top: -145px; } } .shop-page .wrapper.car-selected .page .footer-container { margin-top: -190px; } @media screen and (max-width: 768px) { .shop-page .wrapper.car-selected .page .footer-container { margin-top: -160px; } } @media screen and (max-width: 600px) { .shop-page .wrapper.car-selected .page .footer-container { margin-top: -145px; } } .shop-page .wrapper.car-selected .page .shop-car-selector .selector-info { display: none; } @media screen and (max-width: 600px) { .shop-page .wrapper.-no-chip-products .page .content-container .main { top: -70px; } } @media screen and (max-width: 600px) { .shop-page .wrapper.-no-chip-products .page .footer-container { margin-top: -70px; } } .shop-page .wrapper.chip-selected .page .shop-contents .additional-links { display: none; } .shop-page .wrapper.no-car-selected .page .no-selection-step .no-selection-container { position: relative; width: 700px; margin: 0 auto; } .shop-page .wrapper.no-car-selected .page .no-selection-step .no-selection-container h1 { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.35714rem; text-transform: uppercase; margin-top: 5px; text-align: center; } .shop-page .wrapper.no-car-selected .page .no-selection-step .no-selection-container h1 b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.35714rem; } .shop-page .wrapper.no-car-selected .page .shop-contents .shop-totals .totals-container .totals .shipping-info { display: block; } .shop-page .wrapper.no-car-selected .page .footer-container .footer.footer-blocks { display: none; } .shop-page .wrapper.no-car-selected .page .footer-contact-widgets { float: none; margin: 0 auto; } .shop-page .wrapper .no-chiptuning-step .no-chiptuning-container { position: relative; width: 700px; margin: 0 auto 60px; text-align: center; } .shop-page .wrapper .no-chiptuning-step .no-chiptuning-container span { color: #ea0c0c; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1rem; margin-top: 5px; } @media screen and (max-width: 1280px) { .shop-page .wrapper .page .shop-contents .content-area .pointers { display: none; } } @media screen and (max-width: 1279px) { .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .advantages.test-badges { display: block; } } @media screen and (max-width: 992px) { .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info.-klarna-payment .delivery-info ul li { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.71429rem; width: 22.39583%; } .shop-page .wrapper .page .trailing-hac-element { display: none; } } @media screen and (max-width: 960px) { .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul li.wide { width: 26.04167%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info.-klarna-payment .delivery-info ul li.cell-installment-payments { display: none; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info.-klarna-payment .delivery-info ul li.wide { width: 27.60417%; } } @media screen and (max-width: 960px) { .shop-page #totals-bar .row.car-performance { padding: 10px 2.08333%; } } @media screen and (max-width: 930px) { .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name { width: 70%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info .delivery-info ul li.cell-exchange { width: 36%; margin-left: 0; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info .delivery-info ul li.cell-exchange, .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info .delivery-info ul li.cell-24h { margin-right: 3px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info.-klarna-payment .delivery-info ul li.cell-installment-payments { display: none; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info.-klarna-payment .delivery-info ul li.wide { width: 180px; } } @media screen and (max-width: 890px) { .too-long { display: none; } .shop-page .wrapper .page .shop-car-selector.-no-hsn-tsn .selector-info .links a { margin-left: 0; margin-right: 0; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row .column { width: 33%; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row .column.colspan_3 { width: 100%; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column .product-info .price-box, .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column .product-info .product-radio { float: none; text-align: center; margin-left: auto; margin-right: auto; display: block; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column .product-info .price-box { width: 110px; margin-bottom: 10px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column .product-info.discount-container .price-box { width: 125px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column.with-vat-shipping .product-info .price-box { margin-bottom: 4px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column.with-vat-shipping .product-info .include-vat-shipping { text-align: center; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description { width: 64.58333%; } } @media screen and (max-width: 768px) { .shop-page #totals-back-to-bottom-sticky-wrapper { top: 70px; } .shop-page #totals-back-to-bottom { right: 0.65104%; bottom: 40px; } .shop-page #totals-back-to-bottom a.btn.big-btn { min-width: 200px; } .shop-page #totals-back-to-bottom a.btn.big-btn .text-normal { display: none; } .shop-page #totals-bar .row.car-performance { padding: 10px 2.60417%; } .shop-page #totals-bar .row.car-performance .product-performance .value-kw { display: none; } .shop-page .wrapper .page .stage.small-stage .shop-car-selector { top: 100px; } .shop-page .wrapper .page .stage.small-stage .shop-car-selector #embedded-car-selector { margin-bottom: 30px; } .shop-page .wrapper .page .stage.small-stage .shop-car-selector #embedded-car-selector .titles { width: 100%; text-align: center; margin: 0 auto; } .shop-page .wrapper .page .stage.small-stage .shop-car-selector #embedded-car-selector .titles .title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.85714rem; } .shop-page .wrapper .page .stage.small-stage .shop-car-selector #embedded-car-selector .titles .title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.85714rem; } .shop-page .wrapper .page .stage.small-stage .shop-car-selector #embedded-car-selector .titles .title br { display: block; } .shop-page .wrapper .page .step-title h2, .shop-page .wrapper .page .step-title .links { padding-left: 9.11458%; padding-right: 1.30208%; } .shop-page .wrapper .page .step-title.step-3 h2 { margin-bottom: 0; } .shop-page .wrapper .page .step-title .number { margin-left: 0px; width: 42px; height: 40px; background-size: 42px; line-height: 40px; padding-left: 10px; top: 4px; } .shop-page .wrapper .page .shop-car-selector.-no-payment-ad > .content-area { margin-top: -35px; } .shop-page .wrapper .page .shop-car-selector .payment-ad { margin-top: -35px; } .shop-page .wrapper .page .shop-car-selector .content-area { padding-top: 0; } .shop-page .wrapper .page .shop-car-selector .titles .title { text-align: center; } .shop-page .wrapper .page .shop-car-selector .selector-info { margin-left: 0; padding-left: 0; } .shop-page .wrapper .page .shop-car-selector .selector-info .links { margin: 0 auto; width: 50%; padding-left: 0; } .shop-page .wrapper .page .shop-car-selector .selector-info .links a.links-toggler { width: auto; } html.desktop .shop-page .wrapper .page .shop-car-selector .selector-info .links .links-container a, html.mobile .shop-page .wrapper .page .shop-car-selector .selector-info .links .links-container a { margin-bottom: 10px; } html.desktop .shop-page .wrapper .page .shop-car-selector .selector-info .links .links-container a:after, html.mobile .shop-page .wrapper .page .shop-car-selector .selector-info .links .links-container a:after { display: none; } html.desktop .shop-page .wrapper .page .shop-car-selector .selector-info, html.mobile .shop-page .wrapper .page .shop-car-selector .selector-info { padding-left: 0; } html.desktop .shop-page .wrapper .page .shop-car-selector .selector-info .links.hsn .links-container a, html.mobile .shop-page .wrapper .page .shop-car-selector .selector-info .links.hsn .links-container a { margin-bottom: 10px; } html.desktop .shop-page .wrapper .page .shop-car-selector .selector-info .links.hsn .links-container a:after, html.mobile .shop-page .wrapper .page .shop-car-selector .selector-info .links.hsn .links-container a:after { display: none; } html.desktop .shop-page .wrapper .page .shop-car-selector .selector-info .links.hsn .links-container a.hsn-modal, html.mobile .shop-page .wrapper .page .shop-car-selector .selector-info .links.hsn .links-container a.hsn-modal { display: inline-block; } html.desktop .shop-page .wrapper .page .shop-car-selector .selector-info .links.hsn .links-container a.no-car-contact, html.mobile .shop-page .wrapper .page .shop-car-selector .selector-info .links.hsn .links-container a.no-car-contact { display: none; } html.desktop .shop-page .wrapper .page .shop-car-selector .car-selector { min-height: 0; } .shop-page .wrapper .page .shop-car-selector .car-selector .difficult-installation-container > span { width: 50%; padding: 10px 5px; } .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car { margin-left: 9.11458%; height: auto; } .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container { width: 50%; } html.desktop .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car, html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car { width: 100%; height: auto; margin-left: 0; } html.desktop .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car .selectors, html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car .selectors { position: static; } html.desktop .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car .selectors .picker-container, html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car .selectors .picker-container { width: 50%; max-width: 50%; position: relative; top: 0; margin-bottom: 1px; overflow: visible; display: block; } html.desktop .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car .selectors .picker-container .picker-selected, html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car .selectors .picker-container .picker-selected { height: 40px; line-height: 40px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1rem; display: block; } html.desktop .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car .selectors .picker-container .picker-filter, html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car .selectors .picker-container .picker-filter { height: 40px; } html.desktop .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car .selectors .picker-container ul.picker, html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car .selectors .picker-container ul.picker { position: absolute; } html.desktop .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car .selectors .picker-container.car_manufacturer_picker-container, html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car .selectors .picker-container.car_manufacturer_picker-container { z-index: 5; } html.desktop .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car .selectors .picker-container.car_model_picker-container, html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car .selectors .picker-container.car_model_picker-container { z-index: 4; } html.desktop .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car .selectors .picker-container.car_engine_picker-container, html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car .selectors .picker-container.car_engine_picker-container { z-index: 3; } html.desktop .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn, html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn { width: 100%; margin-left: 0; } html.desktop .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors, html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors { width: 50%; margin: 0 auto; } html.desktop .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container, html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container { width: 100%; max-width: 100%; margin-right: 0; margin-bottom: 3px; } html.desktop .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container input[type="text"], html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container input[type="text"] { max-width: 100%; width: 100%; height: 40px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1rem; } html.desktop .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button, html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button { text-align: left; line-height: 0; } html.desktop .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button .btn, html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button .btn { line-height: 50px; width: 60%; } html.desktop .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn.explanations, html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn.explanations { display: none !important; } .shop-page .wrapper .page .shop-contents .content-area .pointers { display: block; top: 140px; right: 9%; width: 14.97396%; } .shop-page .wrapper .page .shop-contents .content-area .pointers .pointer-autobild .legend, .shop-page .wrapper .page .shop-contents .content-area .pointers .pointer-nick { display: none; } .shop-page .wrapper .page .shop-contents .message-container { padding: 0 1.30208%; } .shop-page .wrapper .page .shop-contents .message-container .shop-chips-not-available { padding: 25px 5.20833%; } .shop-page .wrapper .page .shop-contents .message-container .shop-chips-not-available .image { display: none; } .shop-page .wrapper .page .shop-contents .message-container .shop-chips-not-available .-message { display: block; width: 100%; text-align: center; } .shop-page .wrapper .page .shop-contents .accessory-selector .support-info-block .explanations { width: 69.66146%; padding-bottom: 10px; padding-left: 2.60417%; } .shop-page .wrapper .page .shop-contents .accessory-selector .support-info-block .explanations h4 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1.07143rem; } .shop-page .wrapper .page .shop-contents .accessory-selector .support-info-block .explanations p { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.78571rem; line-height: 1.5; } .shop-page .wrapper .page .shop-contents .accessory-selector .support-info-block .contact { width: 26.69271%; padding-bottom: 10px; } .shop-page .wrapper .page .shop-contents .accessory-selector .support-info-block .contact p, .shop-page .wrapper .page .shop-contents .accessory-selector .support-info-block .contact .image { text-align: center; } .shop-page .wrapper .page .shop-contents .accessory-selector .support-info-block .contact p { width: 80%; padding: 10px 0 0 40px; } .shop-page .wrapper .page .shop-contents .accessory-selector .support-info-block .contact p span.contact-message { display: none; } .shop-page .wrapper .page .shop-contents .accessory-selector .support-info-block .contact .image { width: 36%; left: 0; } .shop-page .wrapper .page .shop-contents .accessory-selector .support-info-block .contact.no-image .image { display: block; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table { margin-bottom: 10px; width: 100%; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row .column { width: 100%; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column { margin-bottom: 75px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column:before, .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column:after { clear: both; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column .product-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.85714rem; margin-bottom: 15px; height: auto; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column .product-title strong { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.85714rem; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column .product-image { bottom: 0; width: 360px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column .product-image .badge-tuev { top: 155px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column .product-image[data-modal-trigger]:hover img { -webkit-filter: blur(0px); filter: blur(0px); } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column .product-image[data-modal-trigger]:hover:after { display: none; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column.product-selected .product-info { top: 40%; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column.product-chip_s, .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column.product-chip_rs, .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column.product-chip_gts { box-shadow: inset 0 1px 15px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 1px 15px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0 1px 15px 1px rgba(0, 0, 0, 0.4); } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column.product-chip_s:before, .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column.product-chip_rs:before, .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column.product-chip_gts:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border: none; border-bottom-width: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #fafafa; box-shadow: inset 0 1px 15px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 1px 15px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0 1px 15px 1px rgba(0, 0, 0, 0.4); } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-features .column { padding-top: 18px; padding-bottom: 3px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-features .advantages { width: 85%; margin: 0 auto; font-size: 0; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-features .advantages .advantage { display: inline-flex; width: 50%; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-features .advantages .advantage.picture .image, .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-features .advantages .advantage.picture .image img { width: 36px; height: 36px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-features .advantages .advantage.picture .legend { line-height: 1.4; height: 44px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages { width: 100%; text-align: center; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage { width: auto; margin: 35px 40px 22px; float: none; display: inline-block; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage .figure, .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage .figure .plus { font-weight: 600; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages.-is-ab-test .advantage { margin-top: 5px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-more-details .column { text-align: center; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-more-details .column a { font-weight: 500; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-price .product-info { border-top: none; width: 310px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-selecting-info { display: block !important; color: #18ac00; font-style: italic; text-align: center; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-selecting-info .column { display: none; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-selecting-info .column.product-not-selected { display: block; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-selecting-info .column .content { min-height: 0; border-bottom: 0; width: 100%; padding-top: 15px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-selecting-info .column .content p { margin-bottom: 10px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-selecting-info .column .content a { background: none; padding: 0; color: #ec5b00; text-transform: uppercase; font-style: normal; display: inline-block; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-selecting-info .under-480 { display: none; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table.-contains-not-available { display: none; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table.-first-available .row.thead .column { background: none; box-shadow: none; padding-top: 0; margin-bottom: 20px; height: 275px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table.-first-available .row.thead .column:before { display: none; } .shop-page .wrapper .page .shop-contents .custom-options-block { padding: 0 1.30208%; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box { padding-bottom: 20px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .description-contents { width: 74.60938%; padding-left: 0; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .description-contents ul.links li.uninterested { position: relative; float: right; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container { width: 21.48438%; margin-right: 3.90625%; text-align: center; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:first-child:before, .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:first-child:after, .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:only-child.product-chip_s:before, .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:only-child.product-chip_s:after, .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:last-child:before, .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:last-child:after, .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:only-child.product-chip_gts:before, .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:only-child.product-chip_gts:after, .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:only-child.product-chip_rs:before, .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:only-child.product-chip_rs:after, .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:only-child.product-pedal_tuning_connect:before, .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container:only-child.product-pedal_tuning_connect:after { left: 0; right: 0; margin: 0 auto; } .shop-page .wrapper .page .shop-contents .additional-links { display: none; } .shop-page .wrapper .page .shop-contents .accessory-selector { padding: 0 1.30208%; } .shop-page .wrapper .page .shop-contents .accessory-selector .support-info-block .explanations { width: 100%; padding-bottom: 30px; border-right: none; } .shop-page .wrapper .page .shop-contents .accessory-selector .support-info-block .contact { display: none; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box { height: auto; z-index: 1; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-name .info-link { margin-left: 1.95313%; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description { padding-left: 3.90625%; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .product-image { line-height: normal; height: auto; width: 26.04167%; padding-top: 30px; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description { padding-top: 10px; margin-left: 3.90625%; width: 67.70833%; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description .advantage-box { width: 90%; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description .advantage-box .advantages { width: 100%; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description .advantage-box .advantages .advantage { margin-right: 0; margin-bottom: 14px; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description .more-link { position: absolute; z-index: 2; right: 5.20833%; bottom: 40px; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description .more-link .no-mobiles { display: none; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box { padding-top: 130px; right: 4.29688%; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box.product-selected .price-box { padding-top: 150px; } .shop-page .wrapper .page .shop-contents .accessory-selector.gaspedal-selector .accessory-box .product-description .product-image { width: 23.17708%; } .shop-page .wrapper .page .shop-contents .accessory-selector.gaspedal-selector .accessory-box .product-description .product-image figure { margin-bottom: 0; } html.chrome .shop-page .wrapper .page .shop-contents .accessory-selector.gaspedal-selector .accessory-box .product-description .product-image { width: 23.69792%; } .shop-page .wrapper .page .shop-contents .accessory-selector.gaspedal-selector .accessory-box .product-description .description { margin-left: 6.51042%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container { margin-top: 0; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .pulled-up-container { top: -5px; padding: 5px 10px 0; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .name { width: 43%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance { width: 37%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .price { width: 18%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul li.wide { width: 29.94792%; margin-left: 0; padding-left: 0; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info.-klarna-payment .delivery-info ul li { width: 155px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info.-klarna-payment .delivery-info ul li.wide { width: 28.64583%; margin-right: 5%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info.-klarna-payment .delivery-info ul li.small.cell-24h { margin-right: 5%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets { float: none; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop { width: 80%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets .image { width: 70%; margin: 0 auto; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets figure img { margin-top: 20px; margin-bottom: 15px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.empty-totals { margin-top: 0; } .shop-page.store-frc .wrapper .page .shop-contents .custom-options-block#pedaltuning-custom-options, .shop-page.store-itl .wrapper .page .shop-contents .custom-options-block#pedaltuning-custom-options, .shop-page.store-ch .wrapper .page .shop-contents .custom-options-block#pedaltuning-custom-options, .shop-page.store-eu .wrapper .page .shop-contents .custom-options-block#pedaltuning-custom-options, .shop-page.store-com .wrapper .page .shop-contents .custom-options-block#pedaltuning-custom-options, .shop-page.store-uk .wrapper .page .shop-contents .custom-options-block#pedaltuning-custom-options, .shop-page.store-us .wrapper .page .shop-contents .custom-options-block#pedaltuning-custom-options { margin-top: 30px; } .shop-page .wrapper.car-selected .page .footer-contact-widgets .bubbles .bubble { width: 45%; } .shop-page .has-three-chip-products.wrapper.car-selected .page .shop-contents .mobile-product-anchors, .shop-page .has-two-chip-products.wrapper.car-selected .page .shop-contents .mobile-product-anchors { display: block; width: 100%; clear: both; max-width: 614px; margin: -192px auto 0 auto; padding-bottom: 46px; } .shop-page .has-three-chip-products.wrapper.car-selected .page .shop-contents .mobile-product-anchors .container, .shop-page .has-two-chip-products.wrapper.car-selected .page .shop-contents .mobile-product-anchors .container { display: table; width: 100%; } .shop-page .has-three-chip-products.wrapper.car-selected .page .shop-contents .mobile-product-anchors a, .shop-page .has-two-chip-products.wrapper.car-selected .page .shop-contents .mobile-product-anchors a { height: 116px; width: 95px; display: table-cell; background-size: contain; background-position: top center; background-repeat: no-repeat; position: relative; } .shop-page .has-three-chip-products.wrapper.car-selected .page .shop-contents .mobile-product-anchors a .price-box, .shop-page .has-two-chip-products.wrapper.car-selected .page .shop-contents .mobile-product-anchors a .price-box { padding-top: 30px; display: block; width: 100%; text-align: center; color: #fff; position: absolute; left: 0; bottom: -9px; font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.92857rem; } .shop-page .has-three-chip-products.wrapper.car-selected .page .shop-contents .mobile-product-anchors a.product-chip_gts_black, .shop-page .has-two-chip-products.wrapper.car-selected .page .shop-contents .mobile-product-anchors a.product-chip_gts_black { background-image: url(../wysiwyg/pdp_images/product_anchor_racechip_gts_black.png); } .shop-page .has-three-chip-products.wrapper.car-selected .page .shop-contents .mobile-product-anchors a.product-chip_gts, .shop-page .has-two-chip-products.wrapper.car-selected .page .shop-contents .mobile-product-anchors a.product-chip_gts { background-image: url(../wysiwyg/pdp_images/product_anchor_racechip_gts.png); } .shop-page .has-three-chip-products.wrapper.car-selected .page .shop-contents .mobile-product-anchors a.product-chip_rs, .shop-page .has-two-chip-products.wrapper.car-selected .page .shop-contents .mobile-product-anchors a.product-chip_rs { background-image: url(../wysiwyg/pdp_images/product_anchor_racechip_rs.png); } .shop-page .has-three-chip-products.wrapper.car-selected .page .shop-contents .mobile-product-anchors a.product-chip_s, .shop-page .has-two-chip-products.wrapper.car-selected .page .shop-contents .mobile-product-anchors a.product-chip_s { background-image: url(../wysiwyg/pdp_images/product_anchor_racechip_s.png); } .shop-page .has-three-chip-products.wrapper.car-selected .page .shop-contents .mobile-product-anchors a.-not-available, .shop-page .has-two-chip-products.wrapper.car-selected .page .shop-contents .mobile-product-anchors a.-not-available { display: none; } .shop-page .has-three-chip-products.wrapper.car-selected .page .shop-contents .mobile-product-anchors.-chip_s-available.-chip_rs-available.-chip_black-available .product-chip_gts, .shop-page .has-two-chip-products.wrapper.car-selected .page .shop-contents .mobile-product-anchors.-chip_s-available.-chip_rs-available.-chip_black-available .product-chip_gts { display: none; } .shop-page .has-three-chip-products.wrapper.car-selected .page .stage.small-stage, .shop-page .has-two-chip-products.wrapper.car-selected .page .stage.small-stage { height: 680px; background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/shop_stage_tablet_big_ha.jpg); } .shop-page .has-three-chip-products.wrapper.car-selected .page .content-container .main .shop-contents .content-area .pointers, .shop-page .has-two-chip-products.wrapper.car-selected .page .content-container .main .shop-contents .content-area .pointers { top: 240px; } .shop-page .difficult-installation-chip-products.wrapper.car-selected.has-chip-products .page .shop-contents .mobile-product-anchors { margin-top: -134px; } .shop-page .has-two-chip-products.wrapper.car-selected .page .shop-contents .mobile-product-anchors { max-width: 366px; } .shop-page .wrapper.no-car-selected .page .no-selection-step .no-selection-container { width: 70%; padding-bottom: 80px; } .shop-page .wrapper.no-car-selected .page .no-selection-step .no-selection-container figure { width: 460px; max-width: 100%; margin: 0 auto; } .shop-page .wrapper.no-car-selected .page .no-selection-step .no-selection-container h1 { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.85714rem; } .shop-page .wrapper.no-car-selected .page .no-selection-step .no-selection-container h1 b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.85714rem; } .shop-page .wrapper .no-chiptuning-step .no-chiptuning-container { width: 70%; } .shop-page .modal-window .modal-content .modal-title { padding: 0 2.5%; margin-bottom: 10px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.71429rem; } .shop-page .modal-window .modal-content .modal-title strong { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.71429rem; } .shop-page .modal-window .modal-content .modal-title em { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 200; font-style: italic; font-size: 1.71429rem; } .shop-page .modal-window .modal-content .modal-content-container table.modal-comparison-table { width: 95%; margin: 0 auto; } .shop-page .modal-window .modal-content .modal-content-container table.modal-comparison-table td { text-align: left; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.92857rem; } .shop-page .modal-window .modal-content .modal-content-container table.modal-comparison-table td h4 { margin: 10px 0; } .shop-page .modal-window .modal-content .modal-content-container table.modal-comparison-table td p, .shop-page .modal-window .modal-content .modal-content-container table.modal-comparison-table td ul { margin-bottom: 0; } .shop-page .modal-window .modal-content .modal-content-container table.modal-comparison-table tbody tr.row-description.row-dimensions td { border-bottom: none; } } @media screen and (max-width: 690px) { .too-long { display: inline; } .no-mobiles { display: none; } .shop-page .wrapper .page .step-title h2, .shop-page .wrapper .page .step-title .links { padding-left: 14.58333%; } .shop-page .wrapper .page .step-title h2 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.71429rem; } .shop-page .wrapper .page .step-title h2 .over-480 { display: none; } .shop-page .wrapper .page .step-title h2 .under-480 { display: inline; } .shop-page .wrapper .page .step-title.step-3 h2 { margin-top: 35px; } .shop-page .wrapper .page .selector-info .links a.no-car-contact { display: none; } .shop-page .wrapper .page .shop-car-selector #embedded-car-selector { margin-top: 10px; } .shop-page .wrapper .page .shop-car-selector .no-480 { display: none; } .shop-page .wrapper .page .shop-car-selector .titles .title { padding: 0 8.33333%; } .shop-page .wrapper .page .shop-car-selector .car-selector .difficult-installation-container > span { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.78571rem; } .shop-page .wrapper .page .shop-car-selector .car-selector .difficult-installation-container > span .no-480 { display: none; } .shop-page .wrapper .page .shop-car-selector .car-selector .difficult-installation-container > span .under-480 { display: inline; } .shop-page .wrapper .page .stage.small-stage .no-480 { display: none; } .shop-page .wrapper .page .stage.small-stage .titles { top: 56%; } .shop-page .wrapper .page .stage.small-stage .titles .title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; } .shop-page .wrapper .page .shop-contents .content-area .pointers { display: none; } .shop-page .wrapper .page .shop-contents .support-info-block { border-bottom: none; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2Q1ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e9e9e9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-8 */ } .shop-page .wrapper .page .shop-contents .support-info-block .contact { display: none; } .shop-page .wrapper .page .shop-contents .support-info-block .explanations { border: none; } .shop-page .wrapper .page .shop-contents .support-info-block .explanations .no-480, .shop-page .wrapper .page .shop-contents .support-info-block .contact .no-480 { display: none; } .shop-page .wrapper .page .shop-contents .support-info-block .explanations { padding-left: 4.16667%; } .shop-page .wrapper .page .shop-contents .support-info-block .contact { width: 29.16667%; padding-bottom: 0; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column .product-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.5rem; margin-bottom: 0; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column .product-title strong { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.5rem; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column .product-image { width: 300px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column .product-image .badge-tuev { top: 125px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.thead .column.product-not-selected:not(.-expand-details) { height: 180px; padding-top: 30px; margin-bottom: 120px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-features .column.product-not-selected:not(.-expand-details), .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .column.product-not-selected:not(.-expand-details), .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-more-details .column.product-not-selected:not(.-expand-details), .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-price .column.product-not-selected:not(.-expand-details), .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-custom-options .column.product-not-selected:not(.-expand-details) { display: none; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-features .column { padding-top: 8px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-features .advantages { width: 100%; max-height: 80px; overflow: hidden; -webkit-transition: max-height 0.7s ease-out; -moz-transition: max-height 0.7s ease-out; -o-transition: max-height 0.7s ease-out; transition: max-height 0.7s ease-out; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-features .advantages .advantage { display: block; width: 50%; margin-left: auto; margin-right: auto; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-features .advantages .advantage.picture .legend { display: inline-block; padding-left: 10px; height: auto; vertical-align: middle; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-features .advantages.expanded { max-height: 1000px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-features .expand-btn-container { display: block; text-align: center; text-transform: uppercase; padding-top: 25px; position: relative; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-features .expand-btn-container a { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-arrowdown.svg) no-repeat left center; background-size: 13px; padding-left: 21px; color: #ec5b00; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-features .expand-btn-container:before { content: ""; height: 30px; display: block; position: absolute; top: -29px; width: 100%; background-color: rgba(250, 250, 250, 0); background: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 250, 250, 0)), to(#fafafa)); background: -moz-linear-gradient(top, rgba(250, 250, 250, 0), #fafafa); background: -ms-linear-gradient(top, rgba(250, 250, 250, 0), #fafafa); background: linear-gradient(top, rgba(250, 250, 250, 0), #fafafa); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(250, 250, 250, 0)', endColorstr='#fafafa'); } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage { margin: 35px 25px 22px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-selecting-info .column .no-480 { display: none; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-selecting-info .column .under-480 { display: block; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-selecting-info .column.-expand-details .no-480 { display: block; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-selecting-info .column.-expand-details .under-480 { display: none; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table.-first-available .row.thead .column { height: 220px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table.-first-available .row.thead .column.product-not-selected:not(.-expand-details) { padding-top: 0; height: 220px; margin-bottom: 50px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box { padding: 25px 10px 55px; position: relative; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .over-480 { display: none; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .under-480 { display: inline; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .description-contents { width: 100%; text-align: center; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .description-contents .product-name { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.28571rem; margin-bottom: 5px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .description-contents ul.links { margin-top: 10px; position: static; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .description-contents ul.links li { display: block; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .description-contents ul.links li.more-details, .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .description-contents ul.links li.compatible-mobiles { display: none; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .description-contents ul.links li.uninterested { width: 310px; position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto; text-align: left; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .description-contents ul.links li:before { display: none; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container { text-align: left; margin: 15px auto 0; width: 310px; display: block; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container .product-radio { margin-top: 0; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container .product-radio .uniform-checker { box-shadow: none; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container .price-box { width: 49%; display: inline-block; line-height: 47px; height: 50px; vertical-align: middle; text-align: center; margin: 0 auto; border: 1px solid #9b9b9b; position: relative; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container .price-box .price-value { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.5rem; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container .price-box .currency { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1rem; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container .price-box:before { display: none; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container .include-vat-shipping { text-align: center; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box.with-vat-shipping { padding-bottom: 40px; } .shop-page .wrapper .page .shop-contents .accessory-selector .support-info-block .explanations .over-480, .shop-page .wrapper .page .shop-contents .accessory-selector .support-info-block .contact .over-480 { display: none; } .shop-page .wrapper .page .shop-contents .accessory-selector .support-info-block .explanations .under-480, .shop-page .wrapper .page .shop-contents .accessory-selector .support-info-block .contact .under-480 { display: inline; } .shop-page .wrapper .page .shop-contents .accessory-selector .support-info-block .explanations { padding-bottom: 15px; height: auto; min-height: 75px; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box { background: none; background-color: #fff; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-title .product-thumbnail { background-image: url(../wysiwyg/pdp_images/racechip-xlr-480.png); } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description { margin: 0; padding: 0; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .product-image, .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description { margin: 0; float: none; width: 100%; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .product-image { width: 100%; position: relative; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/shop-xlr-bg-480.jpg) no-repeat center center; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .product-image figure { margin: 0; width: 80%; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description { padding: 20px 3.125% 0; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description .product-slogan { display: none; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description .advantage-box { margin: 0; width: 100%; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .description .more-link { display: none; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box.product-selected { border: 1px solid #51ba1b; background: none; background-color: #ecf4e7; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box.product-selected .product-title { background-color: #ecf4e7; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box.product-selected .product-description { border: none; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box.product-selected .product-description .product-image { border: 1px solid #fff; } .shop-page .wrapper .page .shop-contents .accessory-selector.gaspedal-selector .accessory-box .product-description .product-image { width: 100%; } .shop-page .wrapper .page .shop-contents .accessory-selector.gaspedal-selector .accessory-box .product-description .description { margin-left: 0; } html.chrome .shop-page .wrapper .page .shop-contents .accessory-selector.gaspedal-selector .accessory-box .product-description .product-image { width: 100%; } .shop-page .wrapper .page .shop-contents .accessory-selector.gaspedal-selector .accessory-box .product-title .product-thumbnail { background-position: 0 10px; } .shop-page .wrapper .page .shop-contents .accessory-selector.with-vat-shipping .accessory-box .price-box { bottom: 25px; } .shop-page .wrapper .page .shop-contents .accessory-selector.with-vat-shipping .accessory-box .include-vat-shipping { text-align: center; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .advantages .advantage .no-480 { display: none; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .no-480 { display: inline-block; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .over-480 { display: none; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .name { width: 57.5%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .name .product-name { margin-bottom: 30px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .name .product-name strong { display: none; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .name .product-characteristics.advantages .advantage .legend { width: 80%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance { width: 25%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance .value-ps { width: 100%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance .value-nm { display: none; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .price { width: 15%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .price, .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name { display: block; float: none; width: 100%; text-align: center; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info .delivery-info { margin: 10px auto 0; width: 70%; text-align: center; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info .delivery-info ul { width: 100%; margin: 0 auto; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info .delivery-info ul li.small, .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a .name .shipping-info .delivery-info ul li.wide { display: block; width: auto; max-width: 160px; margin: 0 auto; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.78571rem; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info { margin-bottom: 20px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul, .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info.-klarna-payment .delivery-info ul { width: 40%; margin: 0 auto; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul li, .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info.-klarna-payment .delivery-info ul li { display: block; width: 100%; margin: 0; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.78571rem; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul li.wide, .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info.-klarna-payment .delivery-info ul li.wide { width: 100%; margin: 0; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop { width: 100%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.-is-mobile { margin-bottom: -9px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets .headline { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.57143rem; } .shop-page .wrapper .page .footer-container { min-height: 0; padding-top: 0; } .shop-page .wrapper .page .footer-container .separator.third.fineprint-hidden { display: none; } .shop-page .wrapper .page .footer-container .separator.third.fineprint-hidden.-after-payment { display: block; } .shop-page .wrapper .page .footer-container .separator.fourth { display: none; } .shop-page .wrapper .page .footer-container .footer.footer-reasons { display: none; } html.mobile .shop-page .wrapper .page .footer-container .separator.first { margin-bottom: 18px; } } @media screen and (max-width: 500px) { .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .pulled-up-container { padding-left: 0; padding-right: 0; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.c2a { padding-right: 10px; } } @media screen and (max-width: 480px) { .shop-page #totals-back-to-bottom { right: 0.52083%; bottom: 40px; } .shop-page #totals-back-to-bottom a.btn.big-btn { min-width: 150px; line-height: 36px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.92857rem; padding: 0 20px 4px 40px; } .shop-page .wrapper .page .stage.small-stage .titles { top: 56%; } .shop-page .wrapper .page .stage.small-stage .shop-car-selector #embedded-car-selector .titles .title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.5rem; } .shop-page .wrapper .page .stage.small-stage .shop-car-selector #embedded-car-selector .titles .title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.5rem; } .shop-page .wrapper .page .shop-car-selector .car-selector { margin-bottom: 10px; } .shop-page .wrapper .page .shop-car-selector .car-selector .difficult-installation-container span { width: 80%; } .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form { padding-left: 50px; } html.desktop .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car .selectors .picker-container, html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-car .selectors .picker-container { width: 80%; max-width: 80%; } html.desktop .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors, html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors { width: 80%; } html.desktop .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button .btn, html.mobile .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn .selectors .picker-container.submit-button .btn { width: 100%; margin-top: 10px; } .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form .by-hsn-tsn.explanations p { text-align: center; } .shop-page .wrapper .page .shop-car-selector .selector-info .links { width: 80%; margin: 0 auto; } .shop-page .wrapper .page .shop-car-selector .selector-info .links .links-container a { width: 100%; margin-left: 0; margin-right: 0; text-align: left; } .shop-page .wrapper .page .shop-car-selector .selector-info .links .links-container a.links-toggler { width: 200px; } .shop-page .wrapper .page .shop-car-selector.-no-hsn-tsn .selector-info .links a { width: 100%; } .shop-page .wrapper .page .shop-car-selector.-no-hsn-tsn .selector-info .links a, .shop-page .wrapper .page .shop-car-selector.-no-hsn-tsn .selector-info .links a.cr-pd-modal { text-align: center; } .shop-page .wrapper .page .shop-contents .message-container { padding: 0 1.04167%; } .shop-page .wrapper .page .shop-contents .message-container .shop-chips-not-available { padding: 15px 4.16667%; } .shop-page .wrapper .page .shop-contents .message-container .shop-chips-not-available .-message { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.14286rem; } .shop-page .wrapper .page .shop-contents .message-container .shop-chips-not-available .-message .under-480 { display: inline-block; } .shop-page .wrapper .page .shop-contents .message-container .shop-chips-not-available .-message .over-480 { display: none; } .shop-page .wrapper .page .shop-contents .message-container .shop-chips-not-available .-message .-message-alternative { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.14286rem; } .shop-page .wrapper .page .shop-contents .message-container .shop-chips-not-available .-message .-message-alternative em { display: block; } .shop-page .wrapper .page .shop-contents .shop-chips .support-info-block .explanations { width: 100%; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-features .advantages .advantage { width: 60%; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-box.product-warranty .product-name .over-480 { display: none; } .shop-page .wrapper .page .shop-contents .additional-links .legal-link .over-480 { display: none; } .shop-page .wrapper .page .shop-contents .additional-links .legal-link .under-480 { display: inline; } .shop-page .wrapper .page .shop-contents .accessory-selector { padding: 0; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box, .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box.product-selected { margin: 0 1.04167%; } .shop-page .wrapper .page .shop-contents .accessory-selector.gaspedal-selector .accessory-box.collapsed .product-title { font-weight: 400; } .shop-page .wrapper .page .shop-contents .accessory-selector.gaspedal-selector .accessory-box.collapsed .product-title .company-name { display: none; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info .delivery-info ul, .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .shipping-info.-klarna-payment .delivery-info ul { width: 50%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets figure img { margin-bottom: 0; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container.no-selection .totals .pulled-up-container > .shipping-info .delivery-info.-no-installments ul li { margin-right: 3%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container.no-selection .totals .pulled-up-container > .shipping-info .delivery-info.-no-installments ul li.cell-24h { width: 135px; } .shop-page .wrapper .page .footer-container .separator.first { display: block; } .shop-page .wrapper.no-car-selected .page .no-selection-step .no-selection-container { width: 90%; padding-bottom: 100px; } .shop-page .wrapper.no-car-selected .page .no-selection-step .no-selection-container figure { width: 100%; max-width: 100%; margin: 0 auto; } .shop-page .wrapper.no-car-selected .page .no-selection-step .no-selection-container h1 { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.5rem; } .shop-page .wrapper.no-car-selected .page .no-selection-step .no-selection-container h1 b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.5rem; } .shop-page .wrapper .no-chiptuning-step .no-chiptuning-container { width: 90%; } .shop-page .wrapper .no-chiptuning-step .no-chiptuning-container figure { width: 100%; max-width: 100%; margin: 0 auto; } .shop-page .has-chip-products.wrapper.car-selected .page .stage.small-stage { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/shop_stage_mobile_big_ha.jpg); } } @media screen and (max-width: 430px) { .shop-page .wrapper .page .step-title h2 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.57143rem; } .shop-page .wrapper .page .step-title h2, .shop-page .wrapper .page .step-title .links { padding-left: 57px; padding-right: 1.5625%; } .shop-page .wrapper .page .step-title .links a { margin-right: 3.125%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.71429rem; } .shop-page .wrapper .page .shop-car-selector .content-area { padding-top: 10px; } .shop-page .wrapper .page .shop-car-selector .titles .title { padding: 0 1.5625%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; } .shop-page .wrapper .page .shop-car-selector .car-selector form.car-selector-form { padding-left: 50px; } .shop-page .wrapper .page .shop-contents .shop-chips .support-info-block .explanations { padding-top: 20px; padding-left: 1.5625%; } .shop-page .wrapper .page .shop-contents .shop-chips .support-info-block .explanations .no-320 { display: none; } .shop-page .wrapper .page .shop-contents .shop-chips .support-info-block .contact { padding-bottom: 0; } .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box, .shop-page .wrapper .page .shop-contents .accessory-selector .accessory-box.product-selected { margin: 0 1.5625%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.pedal-tuning-row .name { width: 75%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.pedal-tuning-row .product-performance { display: none; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row.pedal-tuning-row .price { width: 25%; } } @media screen and (max-width: 410px) { .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-features .advantages .advantage { width: 80%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .name { width: 50%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .name .product-characteristics.advantages .advantage .legend { position: absolute; padding-left: 4px; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .product-performance { width: 24%; } .shop-page .wrapper .page .shop-contents .shop-totals .totals-container .totals .calculation-container .row .price { width: 23%; } } @media screen and (max-width: 320px) { .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-performance .advantages .advantage { margin: 35px 15px 22px; } .shop-page .wrapper .page .shop-contents .shop-chips .chips-block .product-comparison-container .chips-comparison.table .row.row-features .advantages .advantage { width: 90%; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container { width: 290px; } .shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .description-contents ul.links li.uninterested { width: 290px; } } /*# sourceMappingURL=RC_Shop.css.map */ /* * Shop pages stylesheet - Version 3 * * Included only on the catalog product view page (grouped) via cmscontent.xml * * @author RaceChip Chiptuning GmbH */ /* * Main definitions SCSS file * * Definition of mixins and functions etc. * Should NOT generate any actual CSS! * To be included in ALL subsequent SCSS files. * * @author Jarlssen GmbH */ /* * Main variables SCSS file * * Definition of ONLY variables. * Should NOT generate any actual CSS! * * To be included ONLY in _RC_Definitions.scss. * * @author Jarlssen GmbH * @see _RC_Definitions.scss */ .shop-page-v3 .car-selected .car-selector .text-configuration { display: none; } .shop-page-v3 .no-car-selected .car-selector .text-configuration { color: #fafafa; } .shop-page-v3 .only-mobiles { display: none; } .shop-page-v3 #totals-bar-sticky-wrapper { bottom: 0; position: fixed; } .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio { margin-left: 0; margin-right: 2%; position: relative; z-index: 3; display: inline-block; width: 49%; } .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-radio, .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-checker { box-shadow: none; max-width: none; width: 100%; height: 50px; background: none; background-color: #18ac00; position: relative; } .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-radio:before, .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-checker:before { background: #117800; display: block; position: absolute; top: 0; right: 100%; width: 100%; height: 100%; content: " "; z-index: 1; -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-radio:hover, .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-checker:hover { background-color: #148e00; } .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-radio:hover .radio, .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-radio:hover .checker, .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-checker:hover .radio, .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-checker:hover .checker { border: 1px solid #fafafa; } .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-radio label, .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-checker label { position: relative; z-index: 2; line-height: 50px; padding: 0 10px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; cursor: pointer; } .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-radio .radio, .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-radio .checker, .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-checker .radio, .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-checker .checker { position: relative; z-index: 2; width: 28px; height: 28px; background: none; border: 1px solid #117800; float: left; margin-top: 11px; margin-left: 15px; margin-right: 0; } .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-radio .radio span, .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-radio .checker span, .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-checker .radio span, .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-checker .checker span { height: 28px; width: 28px; background: none; border: none; margin-left: 0; } .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-radio .radio span input, .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-radio .checker span input, .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-checker .radio span input, .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-checker .checker span input { height: 50px; top: -11px; left: -15px; width: 45px; cursor: pointer; } .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-radio .button-shimmer, .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .product-radio .uniform-checker .button-shimmer { display: none; z-index: 2; } .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .price-box:after { background: #117800; display: block; position: absolute; top: -1px; left: -9%; width: 0; content: " "; height: 50px; z-index: 2; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .price-box:before { width: 0; height: 0; border: none; border-bottom-width: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #117800; display: block; left: -20px; bottom: 4px; position: absolute; content: " "; z-index: 2; filter: alpha(opactiy=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .shop-page-v3 .wrapper .page .shop-contents .new-product-info-horizontal .include-vat-shipping { width: 49%; text-align: center; float: right; filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .shop-page-v3 .wrapper .page .shop-contents .product-selected .new-product-info-horizontal .uniform-radio, .shop-page-v3 .wrapper .page .shop-contents .product-selected .new-product-info-horizontal .uniform-checker { background-color: #117800; } .shop-page-v3 .wrapper .page .shop-contents .product-selected .new-product-info-horizontal .uniform-radio:before, .shop-page-v3 .wrapper .page .shop-contents .product-selected .new-product-info-horizontal .uniform-checker:before { right: 0; } .shop-page-v3 .wrapper .page .shop-contents .product-selected .new-product-info-horizontal .uniform-radio:hover, .shop-page-v3 .wrapper .page .shop-contents .product-selected .new-product-info-horizontal .uniform-checker:hover { background-color: #117800; } .shop-page-v3 .wrapper .page .shop-contents .product-selected .new-product-info-horizontal .uniform-radio .radio, .shop-page-v3 .wrapper .page .shop-contents .product-selected .new-product-info-horizontal .uniform-radio .checker, .shop-page-v3 .wrapper .page .shop-contents .product-selected .new-product-info-horizontal .uniform-checker .radio, .shop-page-v3 .wrapper .page .shop-contents .product-selected .new-product-info-horizontal .uniform-checker .checker { border: 1px solid #fafafa; } .shop-page-v3 .wrapper .page .shop-contents .product-selected .new-product-info-horizontal .uniform-radio .radio span.checked, .shop-page-v3 .wrapper .page .shop-contents .product-selected .new-product-info-horizontal .uniform-radio .checker span.checked, .shop-page-v3 .wrapper .page .shop-contents .product-selected .new-product-info-horizontal .uniform-checker .radio span.checked, .shop-page-v3 .wrapper .page .shop-contents .product-selected .new-product-info-horizontal .uniform-checker .checker span.checked { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-check-white.svg) no-repeat 4px center; background-size: 60%; } .shop-page-v3 .wrapper .page .shop-contents .product-selected .new-product-info-horizontal .price-box:after { width: 110%; } .shop-page-v3 .wrapper .page .shop-contents .product-selected .new-product-info-horizontal .price-box:before { bottom: -15px; filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .shop-page-v3 .wrapper .page .shop-contents .product-selected .new-product-info-horizontal .price-box .price-value, .shop-page-v3 .wrapper .page .shop-contents .product-selected .new-product-info-horizontal .price-box .currency { position: relative; z-index: 3; color: #fff; } .shop-page-v3 .wrapper .page .shop-contents .product-selected .new-product-info-horizontal .include-vat-shipping { filter: alpha(opactiy=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .shop-page-v3 .wrapper .page .shop-contents .product-selected.-uninterested-custom-options .new-product-info-horizontal .price-box:before, .shop-page-v3 .wrapper .page .shop-contents .product-selected.-no-custom-options .new-product-info-horizontal .price-box:before { bottom: 0; } .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container.new-price-box-vertical .product-radio { margin: 0 0 5px; position: relative; z-index: 3; display: inline-block; width: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container.new-price-box-vertical .product-radio .uniform-checker { box-shadow: none; max-width: none; width: 100%; height: 50px; background: none; background-color: #18ac00; } .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container.new-price-box-vertical .product-radio .uniform-checker:hover { background-color: #117800; } .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container.new-price-box-vertical .product-radio .uniform-checker:hover .checker { border: 1px solid #fafafa; } .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container.new-price-box-vertical .product-radio .uniform-checker label { line-height: 50px; padding: 0 10px; margin: 0; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; cursor: pointer; } .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container.new-price-box-vertical .product-radio .uniform-checker .checker { width: 28px; height: 28px; background: none; border: 1px solid #117800; float: left; margin-top: 11px; margin-left: 15px; margin-right: 0; } .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container.new-price-box-vertical .product-radio .uniform-checker .checker span { height: 28px; width: 28px; background: none; border: none; margin-left: 0; } .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container.new-price-box-vertical .product-radio .uniform-checker .checker span input { height: 50px; top: -11px; left: -15px; width: 45px; cursor: pointer; } .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container.new-price-box-vertical .product-radio .uniform-checker .button-shimmer { display: none; } .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container.new-price-box-vertical .price-box { display: inline-block; line-height: 47px; height: 50px; vertical-align: middle; text-align: center; margin: 5px 0 0; border: 1px solid #9b9b9b; position: relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container.new-price-box-vertical .price-box .price-value { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.5rem; color: #3c3c3c; } .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container.new-price-box-vertical .price-box .currency { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1rem; color: #3c3c3c; } .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container.new-price-box-vertical .include-vat-shipping { filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; margin-bottom: 0; color: #828282; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.71429rem; text-align: center; } .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box .c2a-container.new-price-box-vertical .include-vat-shipping sup { margin-left: 2px; } .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box.product-selected .c2a-container.new-price-box-vertical .product-radio { margin-bottom: 1px; } .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box.product-selected .c2a-container.new-price-box-vertical .product-radio .uniform-checker { background-color: #117800; } .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box.product-selected .c2a-container.new-price-box-vertical .product-radio .uniform-checker .checker { border: 1px solid #fafafa; } .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box.product-selected .c2a-container.new-price-box-vertical .product-radio .uniform-checker .checker span.checked { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-check-white.svg) no-repeat 4px center; background-size: 60%; } .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box.product-selected .c2a-container.new-price-box-vertical .price-box { background: #117800; border-color: #117800; margin-top: 1px; } .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box.product-selected .c2a-container.new-price-box-vertical .price-box .price-value, .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box.product-selected .c2a-container.new-price-box-vertical .price-box .currency { position: relative; z-index: 3; color: #fff; } .shop-page-v3 .wrapper .page .shop-contents .custom-options-block .custom-option-container .custom-option-box.product-selected .c2a-container.new-price-box-vertical .include-vat-shipping { filter: alpha(opactiy=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .shop-page-v3 .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box.new-price-box-vertical .product-selector { margin-bottom: 8px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; float: left; display: inline-block; } .shop-page-v3 .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box.new-price-box-vertical .product-selector .wrapper-call-to-action-checkbox { max-width: 165px; padding: 5px; } .shop-page-v3 .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box.new-price-box-vertical .product-selector .wrapper-call-to-action-checkbox label { padding: 0 20px 0 23px; } .shop-page-v3 .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box.new-price-box-vertical .product-selector .wrapper-call-to-action-checkbox div.checker { float: left; } .shop-page-v3 .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box.new-price-box-vertical .product-selector .wrapper-call-to-action-checkbox label { margin-right: 0; } .shop-page-v3 .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box.new-price-box-vertical .price { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; width: 150px; margin-left: 10px; display: inline-block; height: 50px; padding: 5px; } .shop-page-v3 .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box.new-price-box-vertical .include-vat-shipping { filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; margin-bottom: 0; margin-left: 180px; } .shop-page-v3 .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box.new-price-box-vertical:hover .product-selector { margin-bottom: 2px; margin-top: 3px; } .shop-page-v3 .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box.new-price-box-vertical:hover .product-selector .uniform-checker { box-shadow: none; } .shop-page-v3 .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box.new-price-box-vertical:hover .price { background: #398513; border-color: #398513; } .shop-page-v3 .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box.new-price-box-vertical:hover .price .figure, .shop-page-v3 .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box.new-price-box-vertical:hover .price .currency { position: relative; z-index: 3; color: #fff; } .shop-page-v3 .wrapper .page .shop-contents .accessory-selector .accessory-box .price-box.new-price-box-vertical:hover .include-vat-shipping { filter: alpha(opactiy=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .shop-page-v3 .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .product-image { width: 23%; height: 567px; } .shop-page-v3 .wrapper .page .shop-contents .accessory-selector .accessory-box .product-description .product-image .xlr-badge { width: 100%; margin: 15px auto 30px; } .shop-page-v3 .wrapper .page .shop-contents .accessory-selector .accessory-box .custom-option-box .custom-option-container { border: 1px solid #51ba1b; } .shop-page-v3 .wrapper .page .shop-contents .accessory-selector .accessory-box .custom-option-box .custom-option-container .connect-feature .description-contents { padding-left: 140px; } .shop-page-v3 .wrapper .page .shop-contents .accessory-selector .accessory-box .custom-option-box .custom-option-container .connect-feature .price-box { right: auto; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container { overflow-y: hidden; background: url(https://www.racechip.de/skin/frontend/racechip/default/images/xlr_poly_bg.png) no-repeat center, linear-gradient(to bottom, #ffffff 0%, #e8e8e8 100%); position: relative; height: auto; box-shadow: inset 0 1px 15px -3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 1px 15px -3px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0 1px 15px -3px rgba(0, 0, 0, 0.4); background-size: cover; -moz-background-size: cover; /* Firefox 3.6 */ background-position: center; /* Internet Explorer 7/8 */ } .shop-page-v3 .wrapper .page .shop-contents .xlr-container:before { content: '\25BC'; display: block; position: absolute; top: -3px; left: 0; right: 0; margin: 0 auto; transform: scaleX(4) scaleY(1.5); color: #fafafa; width: 20px; height: 20px; text-align: center; text-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .product-info.new-product-info-horizontal { width: 310px; display: inline-block; font-size: 0; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector .accessory-box { background: transparent; border: none; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector .accessory-box .product-description { border: 0; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector .accessory-box .product-description .description { width: 62.5%; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector .accessory-box .product-description .description .advantages { margin-top: 35px; font-size: 0; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector .accessory-box .product-description .description .advantages .advantage { margin-bottom: 20px; width: 50%; display: inline-block; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector .accessory-box .product-description .description .expand-btn-container { display: none; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector .accessory-box .product-description .description p a { text-transform: uppercase; color: #121212; text-decoration: underline; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector .accessory-box .price-container { position: static; float: left; margin-left: 50px; width: 70%; padding-top: 30px; margin-top: 20px; border-top: 1px solid #b4b4b4; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector .accessory-box .price-container .price-box { width: 48%; display: inline-block; line-height: 47px; height: 50px; vertical-align: middle; text-align: center; margin: 0 auto; border: 1px solid #9b9b9b; position: relative; padding-top: 0; right: 0; font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.5rem; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector .accessory-box .price-container .price-box .currency { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1rem; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector .accessory-box .uninterested { display: inline-block; text-transform: uppercase; margin-left: 15px; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector .accessory-box .uninterested a { color: #000; text-decoration: underline; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector .accessory-box.product-selected .uninterested { display: none; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container.-uninterested-custom-options .new-product-info-horizontal .price-box:before, .shop-page-v3 .wrapper .page .shop-contents .xlr-container.-no-custom-options .new-product-info-horizontal .price-box:before { bottom: 0; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets { display: inline-block; padding-top: 60px; background-color: #3c3c3c; color: #f3f3f5; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.empty-totals { margin-top: 0; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets .footer-contact-shop { width: 45.3629%; margin: 0 auto 50px; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets .footer-contact-shop .cost { text-align: center; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets .footer-contact-shop .image { width: 80%; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop { width: 100%; margin-bottom: -5px; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .image { width: 60%; margin: 0; float: left; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .contact-details { width: 40%; float: right; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .contact-details .headline { text-align: left; float: right; margin: 70px 0 20px; text-transform: uppercase; font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.85714rem; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .contact-details .headline .font-normal { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.85714rem; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .contact-details .contact-hours { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.85714rem; text-align: left; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .contact-details .support-link { display: inline-block; float: left; margin-top: 20px; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.-is-mobile .footer-contact-shop .image img { margin-bottom: -4px; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .include-vat-shipping { clear: both; color: #565656; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.64286rem; margin-bottom: 6px; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .include-vat-shipping sup { margin-left: 4px; } .shop-page-v3 .customer-support-btn { border: 1px solid #00ad00; background: transparent; padding: 10px 20px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.85714rem; text-transform: uppercase; color: #00ad00; display: block; cursor: pointer; } .shop-page-v3 .customer-support-btn:hover { border-color: #c85a1e; color: #c85a1e; } .shop-page-v3 #totals-bar { bottom: 0; background-color: #fff; max-height: 1000px; -webkit-transition: max-height 0.7s ease-in; -moz-transition: max-height 0.7s ease-in; -o-transition: max-height 0.7s ease-in; transition: max-height 0.7s ease-in; } .shop-page-v3 #totals-bar.no-selection, .shop-page-v3 #totals-bar.hide { max-height: 0; -webkit-transition: max-height 0.7s ease-out; -moz-transition: max-height 0.7s ease-out; -o-transition: max-height 0.7s ease-out; transition: max-height 0.7s ease-out; } .shop-page-v3 #totals-bar .row.car-performance .product-performance { width: 60%; } .shop-page-v3 #totals-bar .row.car-performance .product-performance .car-selected a { color: #3c3c3c; font-weight: 600; } .shop-page-v3 #totals-bar .row.car-performance .product-performance .product-name-link a { color: #3c3c3c; } .shop-page-v3 #totals-bar .row.car-performance .price { width: 40%; text-align: right; } .shop-page-v3 #totals-bar .row.car-performance .price .to-cart-sticky { margin-left: 20px; display: inline-block; vertical-align: middle; } .shop-page-v3 #totals-bar .row.car-performance .price .price-container { display: inline-block; vertical-align: middle; } .shop-page-v3 .only-mobiles { display: none; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary { background-color: #fafafa; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .step-title.step-3 { text-align: center; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .step-title.step-3.step-active { display: none; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .step-title.step-3 h3 { margin-top: 0; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container { background-color: #fafafa; margin-top: 120px; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .no-products { display: none; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container.no-selection .totals .pulled-up-container .shipping-info { display: none; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container.no-selection .no-products { display: block; text-align: center; margin-bottom: 50px; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container.no-selection .trusted-icons { display: none; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals { padding-bottom: 90px; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .headline { text-align: center; font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.21429rem; padding-bottom: 40px; text-transform: uppercase; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .headline b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.21429rem; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .step-title { filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .step-title .no-selection-message { color: #3c3c3c; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.5rem; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container.car-details { display: block !important; border-bottom: 1px solid #c1c1c1; margin-bottom: 30px; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row { padding: 0 30px; margin-top: 30px; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row.series-car-performance { padding: 0 30px 20px; margin: 0 auto; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row.grand-total { background-color: #fafafa; border: 1px solid #060605; border-bottom: 0; padding: 30px 30px 25px; margin-top: 40px; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row.c2a { border: 1px solid #060605; border-top: 0; padding: 0 30px 50px; margin-top: 0; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row .name .product-characteristics.advantages { white-space: nowrap; font-size: 0; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row .name .product-characteristics.advantages .advantage.picture { width: 35px; display: inline-block; margin-right: 10px; margin-bottom: 0; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row .name .product-characteristics.advantages .advantage.picture .image { width: 35px; height: 35px; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row .name .product-characteristics.advantages .advantage.picture .image img { width: 35px; height: 35px; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row .name .product-characteristics.advantages .advantage .legend { color: #121212; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container.-no-chip-products .totals .calculation-container .row .name .product-characteristics.advantages .advantage.picture.-only-with-chips { display: none; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .trusted-icons { background: #fff; border: 1px solid #a9a9a8; margin-top: 30px; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .trusted-icons .col-3 { width: 33%; display: inline-block; padding: 10px; border-right: 1px solid #a9a9a8; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .trusted-icons .col-3.last { border-right: 0; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .trusted-icons .col-3 img { max-width: 120px; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .trusted-icons .col-3 .trust-logo { max-width: 120px; display: inline-block; float: left; margin-left: 10px; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .trusted-icons .col-3 .trusted-description { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 0.57143rem; max-width: 150px; display: inline-block; padding: 15px 0 0 10px; float: left; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .trusted-icons .col-3 .trusted-description ul { list-style: circle; list-style-position: inside; margin-bottom: 10px; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .trusted-icons .col-3 .trusted-description .name { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: normal; font-size: 1rem; display: block; padding-bottom: 10px; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .trusted-icons .col-3 .trusted-description .normal-link { color: #000; } .shop-page-v3 .wrapper .page .footer-container { padding-bottom: 15px; margin-bottom: -20px; min-height: 0; } .shop-page-v3 .wrapper .page .footer-container .copyright address { font-style: normal; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window, .shop-page-v3 .modal-overlay.product-chip_s .modal-window, .shop-page-v3 .modal-overlay.product-connect .modal-window { background-color: transparent; border: none; box-shadow: none; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content { background-color: #242424; padding-top: 0; padding-bottom: 0; border: none; z-index: 1; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section { color: #fff; text-align: left; padding: 60px 6.25% 60px 6.25%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section .row, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section .row, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section .row, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section .row, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section .row { width: 100%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section .title, .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section .explanations, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section .title, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section .explanations, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section .title, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section .explanations, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section .title, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section .explanations, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section .title, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section .explanations { margin: 0; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section .title, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section .title, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section .title, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section .title, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section .title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 2.28571rem; text-transform: uppercase; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section .title strong, .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section .title b, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section .title strong, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section .title b, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section .title strong, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section .title b, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section .title strong, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section .title b, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section .title strong, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section .title b { display: block; font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 2.28571rem; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section .title b, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section .title b, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section .title b, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section .title b, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section .title b { display: inline; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section .explanations, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section .explanations, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section .explanations, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section .explanations, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section .explanations { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; line-height: 1.8; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section .explanations p, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section .explanations p, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section .explanations p, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section .explanations p, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section .explanations p { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; line-height: 1.8; padding: 0; margin-bottom: 20px; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-close, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-close, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-close, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-close, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-close { right: 30px; z-index: 100; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level { background: #242424 url(../wysiwyg/product_overlay/background_gradient_intro_block.jpg); padding-bottom: 35px; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .logo, .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .product-image, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .logo, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .product-image, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .logo, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .product-image, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .logo, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .product-image, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .logo, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .product-image { width: 25%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .explanations, .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .explanations, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .explanations, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .explanations, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .explanations, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages { width: 72%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .title, .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .explanations, .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .title, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .explanations, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .title, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .explanations, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .title, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .explanations, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .title, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .explanations, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages { padding: 0 0 0 8.33333%; margin: 0; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .logo, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .logo, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .logo, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .logo, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .logo { text-align: right; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .logo img, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .logo img, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .logo img, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .logo img, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .logo img { width: 85%; height: auto; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .product-image, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .product-image, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .product-image, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .product-image, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .product-image { padding-top: 25px; margin: 0 auto; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .explanations, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .explanations, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .explanations, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .explanations, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .explanations { padding-top: 30px; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages { padding-top: 20px; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages:before, .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages:after, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages:before, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages:after, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages:before, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages:after, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages:before, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages:after, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages:before, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages:after, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages:after, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages:after, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages:after, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages:after { clear: both; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages .advantage, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages .advantage, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages .advantage, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages .advantage, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage { color: #fff; float: left; width: 50%; margin-bottom: 25px; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages .advantage:nth-child(even), .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages .advantage:nth-child(even), .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages .advantage:nth-child(even), .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages .advantage:nth-child(even), .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage:nth-child(even) { float: right; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages .advantage .legend, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages .advantage .legend, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages .advantage .legend, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages .advantage .legend, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .legend { font-weight: 500; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages .advantage .legend strong, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages .advantage .legend strong, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages .advantage .legend strong, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages .advantage .legend strong, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .legend strong { font-weight: 400; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages .advantage .legend .-not-in-modal, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages .advantage .legend .-not-in-modal, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages .advantage .legend .-not-in-modal, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages .advantage .legend .-not-in-modal, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .legend .-not-in-modal { display: none; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.product-slider, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.product-slider, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.product-slider, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider { position: relative; z-index: 2; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 0; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.product-slider .gallery-container, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.product-slider .gallery-container, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.product-slider .gallery-container, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider .gallery-container, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container { position: relative; overflow: auto; width: 100%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.product-slider .gallery-container ul li, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.product-slider .gallery-container ul li, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.product-slider .gallery-container ul li, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider .gallery-container ul li, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li { float: left; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.product-slider .gallery-container ul li .image, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.product-slider .gallery-container ul li .image, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.product-slider .gallery-container ul li .image, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider .gallery-container ul li .image, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .image { width: 100%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.product-slider .gallery-container ul li .image figure, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.product-slider .gallery-container ul li .image figure, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.product-slider .gallery-container ul li .image figure, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider .gallery-container ul li .image figure, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .image figure { margin: 0; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.product-slider .unslider-arrow, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.product-slider .unslider-arrow, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.product-slider .unslider-arrow, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider .unslider-arrow, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .unslider-arrow { display: block; top: 0; bottom: 0; width: 20%; height: 100%; z-index: 9; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background-repeat: no-repeat; background-position: center; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.product-slider .unslider-arrow.prev, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.product-slider .unslider-arrow.prev, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.product-slider .unslider-arrow.prev, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider .unslider-arrow.prev, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .unslider-arrow.prev { background-position: 10% center; background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-left-big-black.png); background-size: 24px auto; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.product-slider .unslider-arrow.next, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.product-slider .unslider-arrow.next, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.product-slider .unslider-arrow.next, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider .unslider-arrow.next, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .unslider-arrow.next { background-position: 90% center; background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-right-big-black.png); background-size: 24px auto; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.product-slider .unslider-arrow:hover.prev, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.product-slider .unslider-arrow:hover.prev, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.product-slider .unslider-arrow:hover.prev, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider .unslider-arrow:hover.prev, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .unslider-arrow:hover.prev { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-left-big-hover.png); } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.product-slider .unslider-arrow:hover.next, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.product-slider .unslider-arrow:hover.next, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.product-slider .unslider-arrow:hover.next, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider .unslider-arrow:hover.next, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .unslider-arrow:hover.next { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-right-big-hover.png); } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.app { position: relative; z-index: 99; margin-top: -70px; height: 652px; max-height: 652px; padding: 0; background: transparent url(../wysiwyg/product_overlay/racechip-app-interior.png) no-repeat center; background-size: cover; -moz-background-size: cover; /* Firefox 3.6 */ background-position: center; /* Internet Explorer 7/8 */ } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .title, .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .explanations, .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .store-logos, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .title, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .explanations, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .store-logos, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .title, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .explanations, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .store-logos, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .title, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .explanations, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .store-logos, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.app .title, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.app .explanations, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.app .store-logos { width: 50%; margin: 0; padding-left: 4.6875%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .title, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .title, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .title, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .title, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.app .title { padding-top: 120px; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .explanations, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .explanations, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .explanations, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .explanations, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.app .explanations { padding-top: 30px; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .store-logos, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .store-logos, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .store-logos, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .store-logos, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.app .store-logos { padding-top: 30px; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .store-logos img, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .store-logos img, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .store-logos img, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .store-logos img, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.app .store-logos img { width: 180px; height: auto; margin-right: 20px; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.warm-up { height: 440px; max-height: 440px; padding-bottom: 80px; border-top: 1px solid #fff; background: transparent url(../wysiwyg/product_overlay/warm-up-timer-c43.jpg); } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up .title, .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up .explanations, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up .title, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up .explanations, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up .title, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up .explanations, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up .title, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up .explanations, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.warm-up .title, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.warm-up .explanations { width: 52%; padding-left: 3.125%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up .title strong, .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up .explanations strong, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up .title strong, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up .explanations strong, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up .title strong, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up .explanations strong, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up .title strong, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up .explanations strong, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.warm-up .title strong, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.warm-up .explanations strong { display: inline-block; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up .title:before, .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up .title:after, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up .title:before, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up .title:after, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up .title:before, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up .title:after, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up .title:before, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up .title:after, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.warm-up .title:before, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.warm-up .title:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up .title:after, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up .title:after, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up .title:after, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up .title:after, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.warm-up .title:after { clear: both; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.stages, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.stages, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.stages, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.stages, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.stages { height: 520px; max-height: 520px; margin-top: -57px; padding-top: 240px; padding-bottom: 60px; text-align: center; background: transparent url(../wysiwyg/product_overlay/gts-monitor-close-up.png) no-repeat center; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.stages .explanations, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.stages .explanations, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.stages .explanations, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.stages .explanations, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.stages .explanations { margin-top: 30px; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.test-badges, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.test-badges, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.test-badges, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.test-badges, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.test-badges { background-color: #fff; color: #3c3c3c; text-align: center; border-bottom: 1px solid #000; padding: 50px 4.16667%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.test-badges .title strong, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.test-badges .title strong, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.test-badges .title strong, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.test-badges .title strong, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.test-badges .title strong { display: inline-block; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.test-badges .badges, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.test-badges .badges, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.test-badges .badges, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.test-badges .badges, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.test-badges .badges { width: 90.625%; margin: 0 auto; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.test-badges .badges .badge, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.test-badges .badges .badge, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.test-badges .badges .badge, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.test-badges .badges .badge, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.test-badges .badges .badge { width: 140px; margin-right: 20px; margin-top: 30px; display: inline-block; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.test-badges .badges .badge:last-child, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.test-badges .badges .badge:last-child, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.test-badges .badges .badge:last-child, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.test-badges .badges .badge:last-child, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.test-badges .badges .badge:last-child { margin-right: 0; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.c2a { padding: 60px 5.20833%; background-color: #fff; color: #3c3c3c; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .exploded-pic, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .exploded-pic, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .exploded-pic, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .exploded-pic, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.c2a .exploded-pic { width: 45%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.c2a .explanations { width: 38%; padding: 40px 2.08333% 0 4.16667%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations p, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations p, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations p, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations p, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.c2a .explanations p { margin-top: 20px; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button { width: 17%; padding-top: 80px; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button button, .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .price-box, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button button, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .price-box, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button button, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .price-box, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button button, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .price-box, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button button, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .price-box { width: 100%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button button, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button button, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button button, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button button, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button button { margin-bottom: 10px; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button.discount-container, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button.discount-container, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button.discount-container, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button.discount-container, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button.discount-container { width: 84.375%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .price-box, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .price-box, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .price-box, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .price-box, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .price-box { width: 100%; display: inline-block; line-height: 47px; height: 50px; vertical-align: middle; text-align: center; margin: 0 auto; border: 1px solid #9b9b9b; position: relative; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 200; font-style: normal; font-size: 1.14286rem; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .price-box .price-value, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .price-box .price-value, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .price-box .price-value, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .price-box .price-value, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .price-box .price-value { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.14286rem; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .price-box .-not-available-message, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .price-box .-not-available-message, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .price-box .-not-available-message, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .price-box .-not-available-message, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .price-box .-not-available-message { display: none; color: #ea0c0c; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 0.71429rem; line-height: 1.4; vertical-align: middle; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-title, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-title, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-title, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-title, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: bold; font-size: 0.64286rem; line-height: 10px; background-color: #9b9b9b; color: #000; padding: 3px; display: block; position: absolute; right: -1px; left: -1px; top: -16px; height: 15px; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-price, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-price, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-price, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-price, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-price { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1rem; position: relative; margin-right: 13px; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-price:after, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-price:after, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-price:after, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-price:after, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-price:after { content: ''; display: block; position: absolute; left: 0; right: 0; height: 1px; background-color: #ff0000; top: 54%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .price-box .price-value, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .price-box .price-value, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .price-box .price-value, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .price-box .price-value, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .price-box .price-value { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.5rem; color: #3c3c3c; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .price-box .currency, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .price-box .currency, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .price-box .currency, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .price-box .currency, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .price-box .currency { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1rem; color: #3c3c3c; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .include-vat-shipping, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .include-vat-shipping, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .include-vat-shipping, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .include-vat-shipping, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .include-vat-shipping { padding-top: 3px; color: #828282; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.71429rem; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .include-vat-shipping sup, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .include-vat-shipping sup, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .include-vat-shipping sup, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .include-vat-shipping sup, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .include-vat-shipping sup { margin-left: 2px; } .shop-page-v3 .modal-overlay.product-chip_gts_black.-not-connect .modal-window .modal-content .section.product-slider, .shop-page-v3 .modal-overlay.product-chip_gts.-not-connect .modal-window .modal-content .section.product-slider, .shop-page-v3 .modal-overlay.product-chip_rs.-not-connect .modal-window .modal-content .section.product-slider, .shop-page-v3 .modal-overlay.product-chip_s.-not-connect .modal-window .modal-content .section.product-slider, .shop-page-v3 .modal-overlay.product-connect.-not-connect .modal-window .modal-content .section.product-slider { border-bottom: none; } .shop-page-v3 .modal-overlay.product-chip_gts_black.-not-connect .modal-window .modal-content .section.app, .shop-page-v3 .modal-overlay.product-chip_gts.-not-connect .modal-window .modal-content .section.app, .shop-page-v3 .modal-overlay.product-chip_rs.-not-connect .modal-window .modal-content .section.app, .shop-page-v3 .modal-overlay.product-chip_s.-not-connect .modal-window .modal-content .section.app, .shop-page-v3 .modal-overlay.product-connect.-not-connect .modal-window .modal-content .section.app { display: none; } .shop-page-v3 .modal-overlay.product-chip_gts_black.-not-connect .modal-window .modal-content .section.stages, .shop-page-v3 .modal-overlay.product-chip_gts.-not-connect .modal-window .modal-content .section.stages, .shop-page-v3 .modal-overlay.product-chip_rs.-not-connect .modal-window .modal-content .section.stages, .shop-page-v3 .modal-overlay.product-chip_s.-not-connect .modal-window .modal-content .section.stages, .shop-page-v3 .modal-overlay.product-connect.-not-connect .modal-window .modal-content .section.stages { border-top-width: 2px; margin-top: -7px; } .shop-page-v3 .modal-overlay.product-chip_gts_black.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .-not-available-message, .shop-page-v3 .modal-overlay.product-chip_gts.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .-not-available-message, .shop-page-v3 .modal-overlay.product-chip_rs.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .-not-available-message, .shop-page-v3 .modal-overlay.product-chip_s.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .-not-available-message, .shop-page-v3 .modal-overlay.product-connect.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .-not-available-message { display: inline-block; } .shop-page-v3 .modal-overlay.product-chip_gts_black.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .price-value, .shop-page-v3 .modal-overlay.product-chip_gts_black.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .currency, .shop-page-v3 .modal-overlay.product-chip_gts.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .price-value, .shop-page-v3 .modal-overlay.product-chip_gts.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .currency, .shop-page-v3 .modal-overlay.product-chip_rs.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .price-value, .shop-page-v3 .modal-overlay.product-chip_rs.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .currency, .shop-page-v3 .modal-overlay.product-chip_s.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .price-value, .shop-page-v3 .modal-overlay.product-chip_s.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .currency, .shop-page-v3 .modal-overlay.product-connect.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .price-value, .shop-page-v3 .modal-overlay.product-connect.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .currency { display: none; } .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.stages { height: auto; max-height: 100%; margin-top: 0; padding-top: 300px; padding-bottom: 60px; border-top: 1px solid #fff; background: #000 url(../wysiwyg/product_overlay/gts-monitor-close-up-simple.png) no-repeat center 60px; background-size: 62.5%; } .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.stages { padding-top: 60px; margin-top: 0; border-top: 1px solid #fff; background-image: url(../wysiwyg/product_overlay/rs_bg_finetuning.jpg); } .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level { background: #242424 url(../wysiwyg/product_overlay/background_gradient_intro_block_s.jpg); } .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .logo { text-align: center; } .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .logo img { width: 55%; } .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages .advantage.-feature-tuev { float: left; } .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider { border-bottom: none; } .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider .gallery-container ul li .image figure { margin-bottom: -8px; } .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.stages { height: 560px; min-height: 560px; padding-top: 300px; margin-top: 0; border-top: 1px solid #fff; background-image: url(../wysiwyg/product_overlay/s_bg_finetuning.jpg); } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level { padding-left: 0; padding-bottom: 25px; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .product-image { width: 40%; padding-top: 0; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .title { padding: 0; line-height: 1.2; margin-bottom: 20px; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .explanations { padding: 15px 0 0; width: 60%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages { padding: 50px 0 0; width: 60%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage { white-space: nowrap; position: relative; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .image { position: absolute; top: 0; left: 0; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .legend { width: 100%; height: 43px; padding-left: 53px; vertical-align: middle; display: table-cell; white-space: normal; font-weight: 400; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .legend br { display: none; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider { border-bottom: none; border-top: none; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li { position: relative; background-color: #fff; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .image { height: 560px; width: 383px; display: block; overflow: hidden; position: absolute; top: 0; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .image img { width: auto; display: block; height: 100%; max-width: none; float: right; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .desc { color: #3c3c3c; height: 560px; width: 100%; display: table-cell; vertical-align: middle; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .desc .title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.85714rem; line-height: 1.2; margin-bottom: 10px; padding: 0; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .desc p { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; padding: 0; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.text-white .desc { color: #fff; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.right .image { left: 0; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.right .desc { padding-left: 483px; padding-right: 100px; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.left .image { right: 0; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.left .image img { float: left; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.left .desc { padding-right: 433px; padding-left: 100px; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.big-image .image { width: 50.5%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.big-image .desc { padding-left: 53%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.full-image .image { width: 100%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.full-image .image img { min-width: 100%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.full-image .desc { padding-right: 60px; padding-left: 60px; position: relative; z-index: 2; max-width: 716px; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.app-download { padding: 55px 0 60px; box-shadow: inset 0 1px 6px -2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 1px 6px -2px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0 1px 6px -2px rgba(0, 0, 0, 0.4); background: #fafafa url(https://www.racechip.de/skin/frontend/racechip/default/images/line-transparent-sides.png) no-repeat center bottom; background-size: 100%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.app-download .title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.5rem; color: #3c3c3c; text-align: center; text-transform: none; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.app-download .store-logos { text-align: center; margin: 20px auto 0 auto; width: 100%; max-width: 358px; display: block; clear: both; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.app-download .store-logos a { margin-right: 24px; display: inline-block; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.app-download .store-logos a img { width: 165px; display: block; height: 49px; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.app-download .store-logos a:last-child { margin-right: 0; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.app-download .c2a-button { width: 320px; margin: 0 auto; padding: 30px 0 20px; display: block; float: none; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.app-download .c2a-button .btn.call-to-action { line-height: 50px; outline: none; color: #fafafa; display: inline-block; border-radius: 0; width: 49%; vertical-align: middle; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.app-download .c2a-button .price-box { width: 49%; display: inline-block; line-height: 47px; height: 50px; vertical-align: middle; text-align: center; margin: 0 auto; border: 1px solid #9b9b9b; position: relative; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.app-download .c2a-button .price-box .price-value { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.5rem; color: #3c3c3c; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.app-download .c2a-button .price-box .currency { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1rem; color: #3c3c3c; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.app-download .c2a-button .include-vat-shipping { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.71429rem; color: #828282; padding-top: 3px; width: 49%; text-align: center; float: right; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones { background-color: #fafafa; color: #3c3c3c; padding: 65px 4.16667%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: italic; font-size: 1.71429rem; text-align: center; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container { font-size: 0; margin-top: 40px; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .apple { padding-right: 3%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .android { padding-left: 3%; background: url(https://www.racechip.de/skin/frontend/racechip/default/images/line-transparent-sides-vertical.png) no-repeat left center; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .apple, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .android { width: 50%; display: inline-block; vertical-align: top; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .apple h4, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .android h4 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.14286rem; text-align: center; margin-bottom: 25px; padding: 0; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .apple h4 span, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .android h4 span { border-bottom: 1px solid #3e3e3e; padding: 0 25px 4px; display: inline-block; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .apple p, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .apple ul, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .android p, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .android ul { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; margin-bottom: 20px; padding: 0; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .apple ul li, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .android ul li { margin-bottom: 15px; padding-left: 20px; position: relative; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .apple ul li:before, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .android ul li:before { content: "\002022"; color: #ea5b0c; position: absolute; top: -5px; left: 0; font-size: 30px; line-height: 1.2; } @media screen and (max-width: 1024px) { .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .legend br { display: inline; } } @media screen and (max-width: 960px) { .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets:not(.us-shop) .image { padding-right: 3%; text-align: right; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets:not(.us-shop) .headline { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.71429rem; margin-bottom: 10px; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets:not(.us-shop) .headline .font-normal { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.71429rem; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets:not(.us-shop) .about-nick { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1rem; padding-top: 20px; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .contact-details .headline { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; margin-top: 35px; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .contact-details .headline .font-normal { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.42857rem; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .trusted-icons { text-align: center; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .trusted-icons .col-3 { width: 32%; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .trusted-icons .col-3 .trusted-description { display: none; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .trusted-icons .col-3 .trust-logo { float: none; } .shop-page-v3 .wrapper .page .footer-container .footer.footer-reasons, .shop-page-v3 .wrapper .page .footer-container .separator.fourth, .shop-page-v3 .wrapper .page .footer-container .separator.below-footer-links { display: none; } .shop-page-v3 .wrapper .page .footer-container .footer-payment-methods .content-area .payment-icons { width: 77%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages { clear: both; width: 100%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .title, .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .explanations, .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .store-logos, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .title, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .explanations, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .store-logos, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .title, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .explanations, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .store-logos, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .title, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .explanations, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .store-logos { width: 70%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .legend br { display: inline; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .image { height: 540px; width: 334px; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .desc { height: 540px; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.right .desc { padding-left: 350px; padding-right: 50px; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.left .desc { padding-right: 350px; padding-left: 50px; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.big-image .image { width: 50.5%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.big-image .desc { padding-left: 53%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.full-image .image { width: 100%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.full-image .image img { min-width: 100%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.full-image .desc { padding-right: 60px; padding-left: 60px; position: relative; z-index: 2; max-width: 716px; } } @media screen and (max-width: 800px) { .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .contact-details .headline { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; margin-top: 35px; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .contact-details .headline .font-normal { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.42857rem; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .trusted-icons { text-align: center; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .trusted-icons .col-3 { width: 32%; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .trusted-icons .col-3 .trusted-description { display: none; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .trusted-icons .col-3 .trust-logo { float: none; } .shop-page-v3 .wrapper .page .footer-container .footer.footer-reasons, .shop-page-v3 .wrapper .page .footer-container .separator.fourth, .shop-page-v3 .wrapper .page .footer-container .separator.below-footer-links { display: none; } .shop-page-v3 .wrapper .page .footer-container .footer-payment-methods .content-area .payment-icons { width: 77%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages { width: 100%; display: block; margin: 0 auto; float: none; clear: both; padding-top: 0; padding-left: 8.5%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .legend { max-width: 100%; padding-right: 30px; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .legend br { display: none; } } @media screen and (max-width: 768px) { .shop-page-v3 .no-mobiles { display: none; } .shop-page-v3 .only-mobiles { display: block; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets:not(.us-shop) { padding: 60px 25px 0; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets figure img { margin-top: 0; margin-bottom: 0; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets .footer-contact-shop { float: none; width: 48.17708%; margin: 0 auto 3px; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets .footer-contact-shop .image { padding: 0; width: 100%; text-align: center; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets .footer-contact-shop .image img { max-width: 100%; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .trusted-icons { background: transparent; border: 0; margin: 30px auto 0; max-width: 320px; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .trusted-icons .col-3 { border-right: 0; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .trusted-icons .col-3 img { max-width: 65px; } .shop-page-v3 .wrapper .page .shop-contents .accessory-selector .advantages .advantage.picture .image { width: 36px; height: 36px; } .shop-page-v3 .wrapper .page .shop-contents .accessory-selector .advantages .advantage.picture .image img { width: 36px; height: 36px; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .headline { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.85714rem; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .headline b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.85714rem; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row.grand-total, .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row.c2a { width: 95%; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content { background-color: transparent; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .product-image, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .product-image, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .product-image, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .product-image { width: 30%; padding-right: 5.20833%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .row, .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .explanations, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .row, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .explanations, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .row, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .explanations, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .row, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .explanations { width: 70%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .row, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .row, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .row, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .row { float: right; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .row .logo, .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .row .title, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .row .logo, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .row .title, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .row .logo, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .row .title, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .row .logo, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .row .title { float: none; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .row .logo, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .row .logo, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .row .logo, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .row .logo { width: 35%; margin-bottom: 20px; text-align: left; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .row .title, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .row .title, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .row .title, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .row .title { padding-left: 0; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .explanations, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .explanations, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .explanations, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .explanations { padding-left: 0; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app { background-position: 75% 0; background-size: auto; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up { background-position: 75% 0; background-size: auto; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up .title, .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up .explanations, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up .title, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up .explanations, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up .title, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up .explanations, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up .title, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up .explanations { width: 70%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.stages, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.stages, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.stages, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.stages { height: 580px; max-height: 580px; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .exploded-pic, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .exploded-pic, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .exploded-pic, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .exploded-pic { width: 66%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button { width: 33%; padding-left: 9.11458%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations { width: 100%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations:before, .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations:after, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations:before, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations:after, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations:before, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations:after, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations:before, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations:after, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations:after, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations:after, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations:after { clear: both; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations ul, .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations p, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations ul, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations p, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations ul, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations p, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations ul, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations p { float: left; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations b, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations b, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations b, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations b { display: block; clear: both; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations ul, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations ul, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations ul, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations ul { width: 50%; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations p, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations p, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations p, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations p { width: 33%; margin-top: -27px; } .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.stages { padding-top: 250px; background-position: center 50px; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level { padding-right: 3.125%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .product-image { width: 35%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .explanations { width: 65%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.85714rem; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .title strong, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.85714rem; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages { width: 100%; float: none; padding-left: 6.25%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages:before, .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages:after { clear: both; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages:before { clear: both; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .legend br { display: none; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .image { height: 500px; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .desc { height: 500px; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .desc .title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: italic; font-size: 1.71429rem; } .shop-page-v3 #totals-bar .row.car-performance .product-performance { width: 50%; } .shop-page-v3 #totals-bar .row.car-performance .product-performance .value-ps, .shop-page-v3 #totals-bar .row.car-performance .product-performance .value-nm { display: none; } .shop-page-v3 #totals-bar .row.car-performance .price { width: 50%; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description { padding-left: 0; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .description { margin-left: 0; padding: 0; width: 100%; padding-top: 40px; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .description .advantages { width: 85%; margin: 0 auto 25px; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .description .advantages .advantage { width: 50%; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .product-name { width: 100%; text-align: center; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description p.only-mobiles { text-align: center; padding: 5%; width: 80%; margin: 0 auto; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .product-image.only-mobiles { width: 100%; height: auto; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .product-image.only-mobiles figure { width: 70%; margin: auto; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .product-image.only-mobiles figure img { max-width: 355px; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .product-image.only-mobiles .image { display: block; margin-top: -45px; width: 100%; text-align: center; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .product-image.only-mobiles .xlr-badge { margin: 0 auto 25px; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .price-container { border-top: none; width: 100%; padding: 20px 0 30px; display: table; margin-left: auto; float: none; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .price-container .uninterested { display: none; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .price-container .product-selector { max-width: 150px; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .price-container .product-selector .wrapper-call-to-action-checkbox label { padding: 0 15px 0 15px; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .price-container .price { float: left; max-width: 150px; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .price-container .product-info.new-product-info-horizontal { width: 310px; display: block; margin: 0 auto; } } @media screen and (max-width: 690px) { .shop-page-v3 #totals-bar .row.car-performance .product-performance { display: none; } .shop-page-v3 #totals-bar .row.car-performance .price { width: 100%; max-width: 100%; text-align: center; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .contact-details { width: 42%; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .contact-details .headline { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.28571rem; margin-top: 25px; margin-bottom: 10px; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .contact-details .headline .font-normal { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.28571rem; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .contact-details .support-link { margin-top: 0; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .image { width: 58%; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container { margin-top: 80px; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .headline { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.5rem; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .headline b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.5rem; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .step-title .no-selection-message { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1rem; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1rem; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container strong { font-style: normal; font-weight: 500; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .name, .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .product-performance, .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .price { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1rem; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row { padding: 0 20px; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row.series-car-performance { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1rem; padding: 0 20px 20px; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row .name .product-name .plus { margin-right: 3px; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row .name .product-characteristics.advantages .advantage.picture { margin-right: 15px; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row .product-performance .value-ps .kw-performance { display: block; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row .price { font-weight: 500; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row.c2a { padding: 0 10px 15px; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row.c2a .name { width: 100%; } .shop-page-v3 .wrapper .page .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row.grand-total { margin-top: 30px; padding: 15px 10px 20px; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-title { text-align: center; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description { padding-left: 0; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .description { margin-left: 0; padding: 0; width: 100%; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .description .advantages { width: 80%; margin: 0 auto; overflow: hidden; position: relative; max-height: 80px; -webkit-transition: max-height 0.7s ease-out; -moz-transition: max-height 0.7s ease-out; -o-transition: max-height 0.7s ease-out; transition: max-height 0.7s ease-out; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .description .advantages .advantage { width: 100%; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .description .advantages.expanded { max-height: 1000px; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .description .expand-btn-container { display: block; text-align: center; text-transform: uppercase; padding-top: 25px; position: relative; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .description .expand-btn-container a { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-arrowdown.svg) no-repeat left center; background-size: 13px; padding-left: 21px; color: #ec5b00; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .description .expand-btn-container:before { content: ""; height: 30px; display: block; position: absolute; top: -29px; width: 100%; background-color: transparent; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fafafa)); background: -moz-linear-gradient(top, transparent, #fafafa); background: -ms-linear-gradient(top, transparent, #fafafa); background: linear-gradient(top, transparent, #fafafa); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='#fafafa'); } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .product-name { width: 100%; text-align: center; background: transparent; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description p.only-mobiles { text-align: center; padding: 5%; width: 100%; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .product-image.only-mobiles { width: 100%; height: auto; background: transparent; border: 0; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .product-image.only-mobiles figure { width: 75%; margin-left: 0; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .product-image.only-mobiles figure img { max-width: 355px; width: 100%; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .product-image.only-mobiles .image { display: block; margin-top: -45px; width: 100%; text-align: center; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .product-description .product-image.only-mobiles .xlr-badge { margin: 25px auto 10px; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .price-container { border-top: none; margin: 0 auto; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .price-container .uninterested { display: none; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .price-container .product-selector { max-width: 150px; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .price-container .product-selector .wrapper-call-to-action-checkbox label { padding: 0 15px 0 15px; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .price-container .price { float: left; max-width: 150px; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .price-container .price-box { top: 0; } .shop-page-v3 .under-600 { display: none; } } @media screen and (max-width: 680px) { .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section { display: none; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.product-slider, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.product-slider, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.product-slider, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider { display: block; border: none; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .image { height: 500px; width: 238px; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .desc { height: 500px; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .desc .title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: italic; font-size: 1.71429rem; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.right .desc { padding-left: 270px; padding-right: 50px; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.left .desc { padding-right: 270px; padding-left: 50px; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.big-image .image { width: 49.5%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.big-image .desc { padding-left: 52%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.full-image .image { width: 100%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.full-image .image img { min-width: 100%; } .shop-page-v3 .modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.full-image .desc { padding-right: 60px; padding-left: 60px; position: relative; z-index: 2; max-width: 716px; } } @media screen and (max-width: 480px) { .shop-page-v3 .no-mobiles { display: none; } .shop-page-v3 .only-mobiles { display: block; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container { margin-bottom: -3px; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets:not(.us-shop) { border-bottom: 1px solid #313131; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets:not(.us-shop) .footer-contact-shop { width: 100%; padding: 0 4.16667%; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop { width: 100%; display: block; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .image { width: 100%; margin: 0 auto; float: none; max-width: 350px; padding-right: 0; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .image figure { margin-bottom: -7px; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .image figure img { margin-bottom: -3px; max-width: none; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .contact-details { width: 100%; text-align: center; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .contact-details .headline { text-align: center; float: none; width: 86%; margin: 50px auto 0; font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .contact-details .headline .font-normal { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.42857rem; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .contact-details .contact-hours { display: none; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets.us-shop .contact-details .support-link { float: none; margin-top: 20px; } .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets .footer-container .footer.footer-reasons, .shop-page-v3 .wrapper .page .shop-contents .shop-totals .totals-container .footer-contact-widgets .footer-container .separator.first { margin-top: 0; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .price-container { max-width: 290px; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .price-container .product-info.new-product-info-horizontal { width: 100%; } .shop-page-v3 .wrapper .page .shop-contents .xlr-container .accessory-selector.gaspedal-selector .accessory-box .description .only-mobiles a { display: none; } .shop-page-v3 .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row { padding: 10px 15px; border-bottom: 0; } .shop-page-v3 .shop-contents #shop-summary .shop-totals .totals-container .totals .calculation-container .row.grand-total { padding: 15px 10px; border-top: 1px solid #121212; } .shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-close, .shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-close, .shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-close, .shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-close { right: 5px; } } @media screen and (max-width: 768px) { body.store-com.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .title, body.store-com.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .explanations, body.store-com.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages, body.store-com.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .title, body.store-com.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .explanations, body.store-com.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages, body.store-com.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .title, body.store-com.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .explanations, body.store-com.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages, body.store-com.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .title, body.store-com.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .explanations, body.store-com.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages { padding-left: 0; } } body.store-com.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .title, body.store-com.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .explanations, body.store-com.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .store-logos, body.store-com.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .title, body.store-com.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .explanations, body.store-com.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .store-logos, body.store-com.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .title, body.store-com.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .explanations, body.store-com.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .store-logos, body.store-com.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .title, body.store-com.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .explanations, body.store-com.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .store-logos { width: 67%; } body.store-com.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .title, body.store-com.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .title, body.store-com.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .title, body.store-com.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .title { padding-top: 100px; } body.store-com.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .explanations, body.store-com.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .store-logos, body.store-com.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .explanations, body.store-com.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .store-logos, body.store-com.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .explanations, body.store-com.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .store-logos, body.store-com.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .explanations, body.store-com.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .store-logos { padding-top: 20px; } @media screen and (max-width: 768px) { body.store-eu.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .title, body.store-eu.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .explanations, body.store-eu.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages, body.store-eu.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .title, body.store-eu.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .explanations, body.store-eu.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages, body.store-eu.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .title, body.store-eu.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .explanations, body.store-eu.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages, body.store-eu.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .title, body.store-eu.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .explanations, body.store-eu.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages { padding-left: 0; } } body.store-eu.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .title, body.store-eu.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .explanations, body.store-eu.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .store-logos, body.store-eu.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .title, body.store-eu.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .explanations, body.store-eu.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .store-logos, body.store-eu.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .title, body.store-eu.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .explanations, body.store-eu.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .store-logos, body.store-eu.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .title, body.store-eu.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .explanations, body.store-eu.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .store-logos { width: 67%; } body.store-eu.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .title, body.store-eu.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .title, body.store-eu.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .title, body.store-eu.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .title { padding-top: 100px; } body.store-eu.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .explanations, body.store-eu.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .store-logos, body.store-eu.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .explanations, body.store-eu.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .store-logos, body.store-eu.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .explanations, body.store-eu.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .store-logos, body.store-eu.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .explanations, body.store-eu.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .store-logos { padding-top: 20px; } @media screen and (max-width: 768px) { body.store-uk.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .title, body.store-uk.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .explanations, body.store-uk.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages, body.store-uk.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .title, body.store-uk.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .explanations, body.store-uk.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages, body.store-uk.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .title, body.store-uk.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .explanations, body.store-uk.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages, body.store-uk.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .title, body.store-uk.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .explanations, body.store-uk.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages { padding-left: 0; } } body.store-uk.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .title, body.store-uk.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .explanations, body.store-uk.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .store-logos, body.store-uk.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .title, body.store-uk.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .explanations, body.store-uk.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .store-logos, body.store-uk.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .title, body.store-uk.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .explanations, body.store-uk.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .store-logos, body.store-uk.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .title, body.store-uk.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .explanations, body.store-uk.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .store-logos { width: 67%; } body.store-uk.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .title, body.store-uk.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .title, body.store-uk.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .title, body.store-uk.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .title { padding-top: 100px; } body.store-uk.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .explanations, body.store-uk.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .store-logos, body.store-uk.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .explanations, body.store-uk.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .store-logos, body.store-uk.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .explanations, body.store-uk.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .store-logos, body.store-uk.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .explanations, body.store-uk.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .store-logos { padding-top: 20px; } @media screen and (max-width: 768px) { body.store-us.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .title, body.store-us.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .explanations, body.store-us.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages, body.store-us.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .title, body.store-us.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .explanations, body.store-us.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages, body.store-us.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .title, body.store-us.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .explanations, body.store-us.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages, body.store-us.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .title, body.store-us.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .explanations, body.store-us.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages { padding-left: 0; } } body.store-us.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .title, body.store-us.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .explanations, body.store-us.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .store-logos, body.store-us.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .title, body.store-us.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .explanations, body.store-us.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .store-logos, body.store-us.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .title, body.store-us.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .explanations, body.store-us.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .store-logos, body.store-us.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .title, body.store-us.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .explanations, body.store-us.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .store-logos { width: 67%; } body.store-us.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .title, body.store-us.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .title, body.store-us.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .title, body.store-us.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .title { padding-top: 100px; } body.store-us.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .explanations, body.store-us.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .store-logos, body.store-us.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .explanations, body.store-us.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .store-logos, body.store-us.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .explanations, body.store-us.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .store-logos, body.store-us.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .explanations, body.store-us.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .store-logos { padding-top: 20px; } @media screen and (max-width: 768px) { body.store-frc.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .title, body.store-frc.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .explanations, body.store-frc.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages, body.store-frc.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .title, body.store-frc.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .explanations, body.store-frc.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages, body.store-frc.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .title, body.store-frc.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .explanations, body.store-frc.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages, body.store-frc.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .title, body.store-frc.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .explanations, body.store-frc.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages { padding-left: 0; } } body.store-frc.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .title, body.store-frc.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .explanations, body.store-frc.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .store-logos, body.store-frc.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .title, body.store-frc.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .explanations, body.store-frc.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .store-logos, body.store-frc.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .title, body.store-frc.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .explanations, body.store-frc.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .store-logos, body.store-frc.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .title, body.store-frc.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .explanations, body.store-frc.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .store-logos { width: 67%; } body.store-frc.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .title, body.store-frc.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .title, body.store-frc.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .title, body.store-frc.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .title { padding-top: 100px; } body.store-frc.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .explanations, body.store-frc.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .store-logos, body.store-frc.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .explanations, body.store-frc.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .store-logos, body.store-frc.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .explanations, body.store-frc.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .store-logos, body.store-frc.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .explanations, body.store-frc.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .store-logos { padding-top: 20px; } @media screen and (max-width: 768px) { body.store-itl.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .title, body.store-itl.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .explanations, body.store-itl.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages, body.store-itl.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .title, body.store-itl.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .explanations, body.store-itl.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages, body.store-itl.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .title, body.store-itl.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .explanations, body.store-itl.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages, body.store-itl.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .title, body.store-itl.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .explanations, body.store-itl.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages { padding-left: 0; } } body.store-itl.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .title, body.store-itl.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .explanations, body.store-itl.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .store-logos, body.store-itl.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .title, body.store-itl.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .explanations, body.store-itl.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .store-logos, body.store-itl.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .title, body.store-itl.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .explanations, body.store-itl.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .store-logos, body.store-itl.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .title, body.store-itl.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .explanations, body.store-itl.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .store-logos { width: 67%; } body.store-itl.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .title, body.store-itl.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .title, body.store-itl.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .title, body.store-itl.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .title { padding-top: 100px; } body.store-itl.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .explanations, body.store-itl.shop-page-v3 .modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .store-logos, body.store-itl.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .explanations, body.store-itl.shop-page-v3 .modal-overlay.product-chip_gts .modal-window .modal-content .section.app .store-logos, body.store-itl.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .explanations, body.store-itl.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.app .store-logos, body.store-itl.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .explanations, body.store-itl.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.app .store-logos { padding-top: 20px; } body.store-frc.shop-page-v3 .modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages .advantage .legend, body.store-frc.shop-page-v3 .modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages .advantage .legend { width: 200px; } /*# sourceMappingURL=RC_ShopV3.css.map */