.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 */ /* * Home page styling * * Included ONLY on home page. * * @author RaceChip Chiptuning GmbH & Co. KG */ /* * This file contains all rules for all stage areas all through the website * * It is included only via the main SCSS files addressing the pages that need a stage area * * @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 .page .stage { background: none; height: auto; overflow: hidden; } .wrapper .page .stage figure, .wrapper .page .stage img { display: block; } .wrapper .page .stage .teaser-text-block { display: block; } .wrapper .page .stage { width: 100%; position: relative; } .wrapper .page .stage .content-area { position: absolute; height: 100%; bottom: 0; left: 0; right: 0; width: 100%; z-index: 2; } .wrapper .page .stage .checkered-flag { display: none; position: absolute; max-width: 90px; width: 90px; left: auto; right: 0; bottom: 0; } .wrapper .page .stage img.product-image { left: 0; margin: 0 auto; position: absolute; right: 0; top: 25%; } .wrapper .page .stage .teaser-text-block { position: absolute; bottom: 0; left: -6.25%; width: 100%; height: 280px; color: #f2f2f2; } .wrapper .page .stage .teaser-text-block .teaser-title { position: absolute; z-index: 4; left: 6.25%; width: 93.65%; bottom: 92.85714%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 2.14286rem; } .wrapper .page .stage .teaser-text-block p { position: absolute; z-index: 4; padding-left: 1.5625%; left: 15.625%; width: 87.4%; bottom: 75%; } .wrapper .page .stage .teaser-text-block a.c2a { position: absolute; z-index: 5; bottom: 46.42857%; left: 110px; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/button-c2a-stage_repeat.png) repeat-x center; height: 53px; min-width: 17.03125%; padding: 0 0 4px 45px; line-height: 3.6; white-space: nowrap; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } .wrapper .page .stage .teaser-text-block a.c2a:after { content: ""; position: absolute; width: 46px; right: -46px; top: 0; bottom: 0; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/button-c2a-stage_right.png) no-repeat center; } .wrapper .page .stage .teaser-text-block a.c2a:hover { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/button-c2a-stage_repeat_hover.png) repeat-x center; } .wrapper .page .stage .teaser-text-block a.c2a:hover:after { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/button-c2a-stage_right_hover.png) no-repeat center; } .wrapper .page .stage .teaser-text-block img.teaser-image { position: absolute; width: 220px; left: -40px; bottom: 4px; z-index: 6; } .wrapper .page .stage.home-stage { width: 100%; position: relative; } .wrapper .page .stage.home-stage .content-area { position: absolute; bottom: 0px; left: 0px; right: 0px; width: 100%; z-index: 2; } .wrapper .page .stage.home-stage img.product-image { left: 0; margin: 0 auto; position: absolute; right: 0; top: 25%; } .wrapper .page .stage.home-stage .teaser-text-block { position: absolute; bottom: 0; left: -6.25%; width: 100%; height: 280px; color: #f2f2f2; } .wrapper .page .stage.home-stage .teaser-text-block .teaser-title, .wrapper .page .stage.home-stage .teaser-text-block .teaser-text { text-shadow: -1px -1px 1px black; } .wrapper .page .stage.home-stage .teaser-text-block .teaser-title { position: absolute; z-index: 4; left: 6.25%; width: 93.65%; bottom: 92.85714%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 2.21429rem; } .wrapper .page .stage.home-stage .teaser-text-block .teaser-text { position: absolute; z-index: 4; padding-left: 1.5625%; left: 15.625%; width: 87.4%; bottom: 75%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.07143rem; } .wrapper .page .stage.home-stage .teaser-text-block a.c2a { position: absolute; z-index: 5; bottom: 46.42857%; left: 110px; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/button-c2a-stage_repeat.png) repeat-x center; height: 53px; min-width: 17.03125%; padding: 0 0 4px 45px; line-height: 3.6; white-space: nowrap; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } .wrapper .page .stage.home-stage .teaser-text-block a.c2a:after { content: ""; position: absolute; width: 46px; right: -46px; top: 0; bottom: 0; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/button-c2a-stage_right.png) no-repeat center; } .wrapper .page .stage.home-stage .teaser-text-block a.c2a:hover { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/button-c2a-stage_repeat_hover.png) repeat-x center; } .wrapper .page .stage.home-stage .teaser-text-block a.c2a:hover:after { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/button-c2a-stage_right_hover.png) no-repeat center; } .wrapper .page .stage.home-stage .teaser-text-block .img-container { position: absolute; width: 146px; left: -10px; bottom: 0; z-index: 6; overflow: hidden; height: 260px; } .wrapper .page .stage.home-stage .teaser-text-block .img-container img { position: static; width: 100%; } .wrapper .page .stage.home-stage .teaser-text-block .img2 { position: absolute; width: 220px; left: -40px; bottom: 4px; z-index: 6; } .wrapper .page .stage.home-stage .teaser-title .only-mobiles, .wrapper .page .stage.home-stage .teaser-text-block .only-mobiles { display: none; } @media screen and (max-width: 992px) { .wrapper .page .stage.home-stage .teaser-text-block .teaser-text { left: 16.12903%; } .wrapper .page .stage.home-stage .teaser-text-block a.c2a { min-width: 21.97581%; } } @media screen and (max-width: 1024px) { html.desktop .wrapper .page .stage.home-stage .teaser-text-block .teaser-title, html.desktop .wrapper .page .stage.home-stage .teaser-text-block .teaser-text { display: none; } } @media screen and (max-width: 960px) { .wrapper .page .stage.home-stage .teaser-text-block { bottom: -100px; } } @media screen and (max-width: 768px) { .wrapper .page .stage.home-stage .teaser-text-block .teaser-title, .wrapper .page .stage.home-stage .teaser-text-block .teaser-text { display: block; } .wrapper .page .stage.home-stage .teaser-text-block .teaser-title { padding-left: 2.60417%; } } @media screen and (max-width: 768px) { .wrapper .page .stage.home-stage .teaser-text-block .teaser-text { left: 20.83333%; } .wrapper .page .stage.home-stage .teaser-text-block a.c2a { left: 100px; min-width: 28.38542%; } .wrapper .page .stage.home-stage .teaser-text-block img.teaser-image { left: -10.41667%; } .wrapper .page .stage.home-stage .teaser-title .no-mobiles, .wrapper .page .stage.home-stage .teaser-text-block .no-mobiles { display: none; } .wrapper .page .stage.home-stage .teaser-title .only-mobiles, .wrapper .page .stage.home-stage .teaser-text-block .only-mobiles { display: inline; } } @media screen and (max-width: 680px) { .wrapper .page .stage.home-stage { z-index: 3; padding-bottom: 12px; margin-bottom: 25px; } .wrapper .page .stage.home-stage .checkered-flag { display: block; } } @media screen and (max-width: 620px) { .wrapper .page .stage.home-stage .teaser-text-block .teaser-text { left: 27.08333%; } } @media screen and (max-width: 550px) { .wrapper .page .stage.home-stage .teaser-text-block .teaser-text { width: 83.33333%; padding-left: 8.33333%; bottom: 71.42857%; } .wrapper .page .stage.home-stage .teaser-text-block a.c2a { left: 100px; } } @media screen and (max-width: 480px) { .wrapper .page .stage.home-stage .teaser-text-block { width: 100%; height: 115px; left: 0; bottom: 0; } .wrapper .page .stage.home-stage .teaser-text-block .stage-teaser-container { margin-top: 15px; } .wrapper .page .stage.home-stage .teaser-text-block .img-container, .wrapper .page .stage.home-stage .teaser-text-block a.c2a { display: none; } .wrapper .page .stage.home-stage .teaser-text-block .teaser-title, .wrapper .page .stage.home-stage .teaser-text-block .teaser-text { position: static; left: auto; bottom: auto; width: auto; margin: 0; padding: 0 4.16667%; } .wrapper .page .stage.home-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.28571rem; margin-bottom: 10px; } .wrapper .page .stage.home-stage .teaser-text-block .teaser-text { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } .wrapper .page .stage.home-stage .teaser-text-block .teaser-text .over-480 { display: none; } } @media screen and (max-width: 390px) { .wrapper .page .stage.home-stage .teaser-text-block img { display: none; } } .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { left: 5.04032%; width: 555px; height: auto; bottom: 110px; } .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { color: #fff; position: static; margin: 0; padding: 0; left: auto; width: 100%; text-shadow: -1px -1px 1px black; } .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: italic; font-size: 3.42857rem; margin-bottom: 20px; } .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; } @media screen and (max-width: 768px) { .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { width: 340px; left: 3.90625%; bottom: 40px; } .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: italic; font-size: 2.14286rem; } .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.14286rem; } .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text br, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text br { display: none; } } @media screen and (max-width: 400px) { .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { width: 70%; } } @media screen and (max-width: 1100px) { body.cms-leistungssteigerung .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, .wrapper .page .stage.ct-dispatcher-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-title, body.cms-leistungssteigerung .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, .wrapper .page .stage.quality-and-warranty-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2.42857rem; } } @media screen and (max-width: 1000px) { body.cms-leistungssteigerung .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-leistungssteigerung-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-performance-enhancement .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-performance-enhancement-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-augmentation-puissance .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-augmentation-puissance-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-incremento-potenza .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, .wrapper .page .stage.ct-dispatcher-stage body.cms-incremento-potenza-html .teaser-text-block, body.cms-leistungssteigerung .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-leistungssteigerung-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-performance-enhancement .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-performance-enhancement-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-augmentation-puissance .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-augmentation-puissance-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-incremento-potenza .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, .wrapper .page .stage.quality-and-warranty-stage body.cms-incremento-potenza-html .teaser-text-block { bottom: 60px; } body.cms-leistungssteigerung .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, .wrapper .page .stage.ct-dispatcher-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-title, body.cms-leistungssteigerung .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, .wrapper .page .stage.quality-and-warranty-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2.14286rem; } } @media screen and (max-width: 480px) { body.cms-leistungssteigerung .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-leistungssteigerung-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-performance-enhancement .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-performance-enhancement-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-augmentation-puissance .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-augmentation-puissance-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-incremento-potenza .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, .wrapper .page .stage.ct-dispatcher-stage body.cms-incremento-potenza-html .teaser-text-block, body.cms-leistungssteigerung .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-leistungssteigerung-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-performance-enhancement .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-performance-enhancement-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-augmentation-puissance .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-augmentation-puissance-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-incremento-potenza .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, .wrapper .page .stage.quality-and-warranty-stage body.cms-incremento-potenza-html .teaser-text-block { width: 100%; top: auto; bottom: 12px; } body.cms-leistungssteigerung .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-leistungssteigerung-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-performance-enhancement .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-performance-enhancement-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-augmentation-puissance .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-augmentation-puissance-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-incremento-potenza .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, .wrapper .page .stage.ct-dispatcher-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-title, .wrapper .page .stage.ct-dispatcher-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-text, body.cms-leistungssteigerung .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-leistungssteigerung-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-performance-enhancement .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-performance-enhancement-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-augmentation-puissance .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-augmentation-puissance-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-incremento-potenza .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, .wrapper .page .stage.quality-and-warranty-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-title, .wrapper .page .stage.quality-and-warranty-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-text { width: 70%; text-align: left; } body.cms-leistungssteigerung .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, .wrapper .page .stage.ct-dispatcher-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-title, body.cms-leistungssteigerung .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, .wrapper .page .stage.quality-and-warranty-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-title { width: 80%; margin-bottom: 5px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.28571rem; } body.cms-leistungssteigerung .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-leistungssteigerung-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-performance-enhancement .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-performance-enhancement-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-augmentation-puissance .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-augmentation-puissance-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-incremento-potenza .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, .wrapper .page .stage.ct-dispatcher-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-text, body.cms-leistungssteigerung .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-leistungssteigerung-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-performance-enhancement .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-performance-enhancement-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-augmentation-puissance .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-augmentation-puissance-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-incremento-potenza .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, .wrapper .page .stage.quality-and-warranty-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-text { display: block; width: 97%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } body.cms-leistungssteigerung .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a, body.cms-leistungssteigerung-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a, body.cms-performance-enhancement .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a, body.cms-performance-enhancement-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a, body.cms-augmentation-puissance .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a, body.cms-augmentation-puissance-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a, body.cms-incremento-potenza .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a, .wrapper .page .stage.ct-dispatcher-stage body.cms-incremento-potenza-html .teaser-text-block .c2a, body.cms-leistungssteigerung .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a, body.cms-leistungssteigerung-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a, body.cms-performance-enhancement .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a, body.cms-performance-enhancement-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a, body.cms-augmentation-puissance .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a, body.cms-augmentation-puissance-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a, body.cms-incremento-potenza .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a, .wrapper .page .stage.quality-and-warranty-stage body.cms-incremento-potenza-html .teaser-text-block .c2a { margin-top: 0; } } @media screen and (max-width: 400px) { body.cms-leistungssteigerung .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, .wrapper .page .stage.ct-dispatcher-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-title, body.cms-leistungssteigerung .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, .wrapper .page .stage.quality-and-warranty-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-title { width: 70%; } } body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { left: 0; width: 730px; bottom: auto; top: 27.5%; } body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { width: 54.79452%; } @media screen and (max-width: 960px) { body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { padding-left: 2.08333%; } } @media screen and (max-width: 980px) { body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { top: auto; bottom: 60px; } body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2.42857rem; } } @media screen and (max-width: 890px) { body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2.28571rem; } } @media screen and (max-width: 768px) { body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { top: auto; bottom: 60px; width: 100%; padding-left: 5.20833%; } body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { margin-bottom: 15px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: italic; font-size: 2.14286rem; } body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { width: 100%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.14286rem; } body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text br, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text br, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text br, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text br, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text br, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text br, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text br, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text br, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text br, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text br, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text br, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text br, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text br, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text br, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text br, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text br { display: none; } } @media screen and (max-width: 560px) { body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2rem; } } @media screen and (max-width: 480px) { body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: 12px; } body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { margin: 0; width: 65%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.28571rem; } body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { width: 90%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } } body.cms-produktuebersicht .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-produktuebersicht-html .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-product-overview .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-product-overview-html .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-apercu .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-apercu-html .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-panoramica-prodotti .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-panoramica-prodotti-html .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-produktuebersicht .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-produktuebersicht-html .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-product-overview .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-product-overview-html .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-apercu .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-apercu-html .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-panoramica-prodotti .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-panoramica-prodotti-html .wrapper .page .stage.quality-and-warranty-stage .checkered-flag { display: none; } body.cms-produktuebersicht .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-produktuebersicht-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-product-overview .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-product-overview-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-apercu .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-apercu-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-panoramica-prodotti .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-panoramica-prodotti-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-produktuebersicht .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-produktuebersicht-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-product-overview .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-product-overview-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-apercu .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-apercu-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-panoramica-prodotti .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-panoramica-prodotti-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { width: 100%; left: auto; bottom: auto; top: 44%; padding: 0 2.08333% 0 4.16667%; } body.cms-produktuebersicht .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-produktuebersicht-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-product-overview .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-product-overview-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-apercu .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-apercu-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-panoramica-prodotti .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-panoramica-prodotti-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-produktuebersicht .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-produktuebersicht-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-product-overview .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-product-overview-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-apercu .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-apercu-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-panoramica-prodotti .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-panoramica-prodotti-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.28571rem; text-transform: uppercase; margin-bottom: 0; text-align: center; } body.cms-produktuebersicht .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-produktuebersicht-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-product-overview .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-product-overview-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-apercu .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-apercu-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-panoramica-prodotti .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-panoramica-prodotti-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-produktuebersicht .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-produktuebersicht-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-product-overview .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-product-overview-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-apercu .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-apercu-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-panoramica-prodotti .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-panoramica-prodotti-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.28571rem; text-transform: uppercase; text-align: center; line-height: 1.1; } @media screen and (max-width: 768px) { body.cms-produktuebersicht .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-produktuebersicht-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-product-overview .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-product-overview-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-apercu .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-apercu-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-panoramica-prodotti .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-panoramica-prodotti-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-produktuebersicht .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-produktuebersicht-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-product-overview .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-product-overview-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-apercu .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-apercu-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-panoramica-prodotti .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-panoramica-prodotti-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { top: 41%; padding: 0 2.60417%; } } @media screen and (max-width: 480px) { body.cms-produktuebersicht .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-produktuebersicht-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-product-overview .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-product-overview-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-apercu .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-apercu-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-panoramica-prodotti .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-panoramica-prodotti-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-produktuebersicht .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-produktuebersicht-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-product-overview .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-product-overview-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-apercu .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-apercu-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-panoramica-prodotti .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-panoramica-prodotti-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { top: 46%; padding: 0 4.16667%; } body.cms-produktuebersicht .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-produktuebersicht-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-product-overview .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-product-overview-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-apercu .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-apercu-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-panoramica-prodotti .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-panoramica-prodotti-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-produktuebersicht .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-produktuebersicht-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-product-overview .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-product-overview-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-apercu .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-apercu-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-panoramica-prodotti .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-panoramica-prodotti-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { width: 100%; text-align: center; font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.42857rem; } body.cms-produktuebersicht .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-produktuebersicht-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-product-overview .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-product-overview-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-apercu .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-apercu-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-panoramica-prodotti .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-panoramica-prodotti-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-produktuebersicht .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-produktuebersicht-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-product-overview .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-product-overview-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-apercu .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-apercu-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-panoramica-prodotti .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-panoramica-prodotti-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { width: 100%; text-align: center; font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.42857rem; } } body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { width: 570px; bottom: auto; top: 25%; } body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { text-shadow: 1px 1px 1px black; } body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { color: #e2e2e2; } body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br { display: none; } @media screen and (max-width: 960px) { body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { top: 30%; } body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: italic; font-size: 2.35714rem; } } @media screen and (max-width: 850px) { body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { top: 40%; } } @media screen and (max-width: 560px) { body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { top: auto; bottom: 10%; width: 100%; padding-right: 4.16667%; } } @media screen and (max-width: 480px) { body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: 12px; } body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { width: 80%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.42857rem; color: #f2f2f2; } body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br { display: block; } } @media screen and (max-width: 400px) { body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { width: 100%; } } body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: auto; top: 25%; } body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a { position: static; bottom: auto; left: auto; background: none; min-width: 0; z-index: 2; padding: 0; line-height: normal; margin-top: 10px; text-decoration: underline; color: #fff; outline: none; } body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a:after, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a:after { display: none; } @media screen and (max-width: 768px) { body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { width: 400px; top: auto; bottom: 10%; } body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { margin-bottom: 10px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2rem; } } @media screen and (max-width: 620px) { body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { display: block; } body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { display: none; } } @media screen and (max-width: 480px) { body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { width: 100%; top: auto; bottom: 20px; } body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { width: 70%; text-align: left; } body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { margin-bottom: 5px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.28571rem; } body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { display: block; width: 97%; font-size: 14px; font-weight: 300; } body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a { margin-top: 0; } } @media screen and (max-width: 480px) { body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage { padding-bottom: 12px; background: #e6e6e6; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #e6e6e6 0%, #ffffff 33%, #ffffff 66%, #e6e6e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e6e6e6), color-stop(33%, #ffffff), color-stop(66%, #ffffff), color-stop(100%, #e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #e6e6e6 0%, #ffffff 33%, #ffffff 66%, #e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #e6e6e6 0%, #ffffff 33%, #ffffff 66%, #e6e6e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #e6e6e6 0%, #ffffff 33%, #ffffff 66%, #e6e6e6 100%); /* IE10+ */ background: linear-gradient(to right, #e6e6e6 0%, #ffffff 33%, #ffffff 66%, #e6e6e6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-8 */ } body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .checkered-flag { display: block; bottom: 0; } } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: auto; top: 40%; left: 0; right: 0; margin: 0 auto; width: 77.08333%; } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { width: 100%; text-align: center; } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { margin-bottom: 10px; } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.57143rem; } @media screen and (max-width: 768px) { body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { width: 100%; } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { padding: 0 5.20833%; } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2rem; } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.07143rem; } } @media screen and (max-width: 480px) { body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { top: auto; bottom: 20px; } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { width: 70%; text-align: left; } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { margin-bottom: 5px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.28571rem; } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { display: block; width: 97%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } } @media screen and (max-width: 480px) { body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage, body.cms-company .wrapper .page .stage.ct-dispatcher-stage, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage, body.cms-company .wrapper .page .stage.quality-and-warranty-stage, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage { padding-bottom: 4.16667%; background-color: #e6e6e6; } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .checkered-flag { display: block; bottom: 0; } } .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { left: 0; width: 680px; bottom: auto; top: 25%; } .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { text-shadow: 1px 1px 1px black; color: #f2f2f2; } .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { text-shadow: 1px 1px 1px black; } @media screen and (max-width: 960px) { .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { padding-left: 2.08333%; } } @media screen and (max-width: 920px) { .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { top: auto; bottom: 30%; } .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: italic; font-size: 2.85714rem; } } @media screen and (max-width: 850px) { .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: 20%; } } @media screen and (max-width: 680px) { .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: 10%; width: 100%; } .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { margin-bottom: 10px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: italic; font-size: 2.28571rem; } } @media screen and (max-width: 480px) { .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { padding-left: 4.16667%; } } @media screen and (max-width: 480px) { .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block { width: 100%; top: auto; bottom: 5%; } .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text { width: 70%; text-align: left; } .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title { width: 60%; margin-bottom: 5px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.28571rem; } .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text { display: block; width: 97%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a, .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a { margin-top: 0; } } @media screen and (max-width: 400px) { .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title { width: 80%; } } @media screen and (max-width: 480px) { .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, .wrapper .page .stage.ct-dispatcher-stage .checkered-flag { display: block; bottom: -20px; } } .wrapper .page .stage.product-page-stage .content-area { max-width: 100%; } .wrapper .page .stage.product-page-stage .teaser-text-block { left: 0; height: 100%; width: 46.875%; margin: 0 auto; position: static; } .wrapper .page .stage.product-page-stage .teaser-text-block img { position: static; left: auto; bottom: auto; width: auto; z-index: 2; } .wrapper .page .stage.product-page-stage .teaser-text-block .stage-teaser-container { width: 100%; height: 100%; margin: 0 auto; position: relative; } .wrapper .page .stage.product-page-stage .teaser-text-block .stage-teaser-container .chip-image { position: absolute; } .wrapper .page .stage.product-page-stage .teaser-text-block .stage-teaser-container .chip-image.stage-chip-lateral { bottom: 19%; width: 28%; } .wrapper .page .stage.product-page-stage .teaser-text-block .stage-teaser-container .chip-image.stage-chip-front { right: 12%; bottom: 20%; width: 60%; } .wrapper .page .stage.product-page-stage .teaser-text-block.product-chip_ultimate.-not-connect { width: 50.78125%; } .wrapper .page .stage.product-page-stage .teaser-text-block.product-chip_ultimate.-not-connect .stage-teaser-container { margin-right: -12.5%; } .wrapper .page .stage.product-page-stage .teaser-text-block.only-big-image .stage-teaser-container .chip-image.stage-chip-lateral { display: none; } .wrapper .page .stage.product-page-stage .teaser-text-block.only-big-image .stage-teaser-container .chip-image.stage-chip-front { right: 0; left: 0; margin: 0 auto; bottom: 10%; width: 75%; } @media screen and (max-width: 1280px) { .wrapper .page .stage.product-page-stage .content-area { bottom: -40px; } } @media screen and (max-width: 768px) { .wrapper .page .stage.product-page-stage { height: 400px; } .wrapper .page .stage.product-page-stage figure img { height: 400px; } .wrapper .page .stage.product-page-stage .teaser-text-block { width: 78.125%; } .wrapper .page .stage.product-page-stage .teaser-text-block.product-chip_ultimate.-not-connect { width: 84.63542%; } .wrapper .page .stage.product-page-stage .teaser-text-block.only-big-image .stage-teaser-container .chip-image.stage-chip-front { bottom: 5%; } } @media screen and (max-width: 560px) { .wrapper .page .stage.product-page-stage .teaser-text-block { width: 100%; } } @media screen and (max-width: 480px) { .wrapper .page .stage.product-page-stage { height: 420px; } .wrapper .page .stage.product-page-stage figure img { height: 420px; } .wrapper .page .stage.product-page-stage .teaser-text-block .stage-teaser-container .chip-image.stage-chip-lateral { display: none; } .wrapper .page .stage.product-page-stage .teaser-text-block .stage-teaser-container .chip-image.stage-chip-front { width: 90%; bottom: 5%; left: 0; right: 0; margin: 0 auto; } .wrapper .page .stage.product-page-stage .teaser-text-block.only-big-image .stage-teaser-container .chip-image.stage-chip-front { width: 90%; } } @media screen and (max-width: 450px) { .wrapper .page .stage.product-page-stage { height: 380px; } .wrapper .page .stage.product-page-stage figure img { height: 380px; } } @media screen and (max-width: 400px) { .wrapper .page .stage.product-page-stage { height: 350px; } .wrapper .page .stage.product-page-stage figure img { height: 350px; } } @media screen and (max-width: 350px) { .wrapper .page .stage.product-page-stage { height: 310px; } .wrapper .page .stage.product-page-stage figure img { height: 310px; } } @media screen and (max-width: 320px) { .wrapper .page .stage.product-page-stage { height: 300px; } .wrapper .page .stage.product-page-stage figure img { height: 300px; } } .wrapper .page .stage.accessories-stage img.product-image { position: static; } .wrapper .page .stage.accessories-stage .teaser-text-block { width: 54.16667%; bottom: auto; height: auto; left: 4.16667%; top: 30%; z-index: 6; } .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-title, .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-text, .wrapper .page .stage.accessories-stage .teaser-text-block .c2a { position: static; } .wrapper .page .stage.accessories-stage .teaser-text-block .c2a { display: none; } .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-title, .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-text { color: #fff; position: static; margin: 0; padding: 0; left: auto; width: 100%; text-shadow: 1px 1px 1px black; } .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: italic; font-size: 2.85714rem; margin-bottom: 20px; } .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-text { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; } .wrapper .page .stage.accessories-stage .chip-image { position: absolute; width: 80%; height: auto; bottom: 0; right: 15%; } @media screen and (max-width: 1280px) { .wrapper .page .stage.accessories-stage .chip-image { width: 50%; bottom: -5%; right: 25%; } } @media screen and (max-width: 1024px) { .wrapper .page .stage.accessories-stage .chip-image { right: 20%; } } @media screen and (max-width: 960px) { .wrapper .page .stage.accessories-stage { height: 500px; } .wrapper .page .stage.accessories-stage figure img { height: 500px; } .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: italic; font-size: 2.14286rem; margin-bottom: 10px; } } @media screen and (max-width: 768px) { .wrapper .page .stage.accessories-stage { height: 400px; } .wrapper .page .stage.accessories-stage figure img { height: 400px; } .wrapper .page .stage.accessories-stage .teaser-text-block { width: 60%; } .wrapper .page .stage.accessories-stage .chip-image { right: 5%; width: 60%; } } @media screen and (max-width: 620px) { .wrapper .page .stage.accessories-stage .teaser-text-block { width: 75%; } } @media screen and (max-width: 480px) { .wrapper .page .stage.accessories-stage { height: 420px; } .wrapper .page .stage.accessories-stage figure img { height: 420px; } .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-text { display: none; } } @media screen and (max-width: 450px) { .wrapper .page .stage.accessories-stage { height: 380px; } .wrapper .page .stage.accessories-stage figure img { height: 380px; } } @media screen and (max-width: 400px) { .wrapper .page .stage.accessories-stage { height: 350px; } .wrapper .page .stage.accessories-stage figure img { height: 350px; } .wrapper .page .stage.accessories-stage .teaser-text-block { width: 100%; top: 100px; padding-right: 6.25%; } .wrapper .page .stage.accessories-stage .chip-image { width: 100%; } } @media screen and (max-width: 350px) { .wrapper .page .stage.accessories-stage { height: 310px; } .wrapper .page .stage.accessories-stage figure img { height: 310px; } } @media screen and (max-width: 320px) { .wrapper .page .stage.accessories-stage { height: 300px; } .wrapper .page .stage.accessories-stage figure img { height: 300px; } .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2rem; } } body.cms-racechip-app .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block { width: 520px; left: 0; top: 25%; } body.cms-racechip-app .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-title, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-title, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-title, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-title { margin-bottom: 0; } body.cms-racechip-app .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-text, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-text, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-text, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-text { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.57143rem; } body.cms-racechip-app .wrapper .page .stage.accessories-stage .chip-image, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .chip-image { left: auto; right: 2.08333%; } @media screen and (min-width: 1831px) { body.cms-racechip-app .wrapper .page .stage.accessories-stage .chip-image, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .chip-image { width: 90%; bottom: 10%; } } @media screen and (max-width: 1830px) { body.cms-racechip-app .wrapper .page .stage.accessories-stage .chip-image, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .chip-image { width: 80%; bottom: 5%; } } @media screen and (max-width: 1520px) { body.cms-racechip-app .wrapper .page .stage.accessories-stage .chip-image, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .chip-image { width: 60%; } } @media screen and (max-width: 1200px) { body.cms-racechip-app .wrapper .page .stage.accessories-stage .chip-image, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .chip-image { width: 49%; } } @media screen and (max-width: 1024px) { body.cms-racechip-app .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block { top: 30%; } } @media screen and (max-width: 960px) { body.cms-racechip-app .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block { left: 2.08333%; } } @media screen and (max-width: 768px) { body.cms-racechip-app .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block { display: none; } body.cms-racechip-app .wrapper .page .stage.accessories-stage .chip-image, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .chip-image { bottom: 0; width: 80%; left: 0; right: 0; margin: 0 auto; } } @media screen and (max-width: 500px) { body.cms-racechip-app .wrapper .page .stage.accessories-stage .chip-image, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .chip-image { width: 100%; } } body.cms-xlr .wrapper .page .stage.accessories-stage, body.cms-xlr-html .wrapper .page .stage.accessories-stage { height: 900px; } body.cms-xlr .wrapper .page .stage.accessories-stage figure img, body.cms-xlr-html .wrapper .page .stage.accessories-stage figure img { height: 900px; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { width: 600px; top: 35%; left: auto; right: -100px; text-align: right; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.71429rem; text-transform: uppercase; margin-bottom: 10px; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title b, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.71429rem; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-text, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-text { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; width: 85%; line-height: 1.6; display: inline-block; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-text .italic, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-text .italic { font-style: italic; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row { margin-top: 20px; display: inline-block; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row:before, body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row:after, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row:before, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row:after { content: "\0020"; display: block; height: 0; overflow: hidden; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row:after, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row:after { clear: both; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container { float: none; height: 50px; display: inline-block; vertical-align: middle; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container { line-height: 50px; width: 160px; margin: 0 15px 0 0; border: 1px solid #3c3c3c; text-align: center; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container .price, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container .price { margin: 0; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container .price .-price, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container .price .-price { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 200; font-style: normal; font-size: 0.92857rem; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container .price .-price span, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container .price .-price span { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.42857rem; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container .price .-not-available-message, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container .price .-not-available-message { display: none; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.64286rem; line-height: 1.6; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .vat-message, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .vat-message { clear: both; width: 160px; text-align: center; padding-top: 5px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.64286rem; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row.-not-available .data-contents .advantages .advantage-row .advantage.picture, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row.-not-available .data-contents .advantages .advantage-row .advantage.picture { filter: alpha(opactiy=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row.-not-available .data-contents .advantages .advantage-row .advantage.text, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row.-not-available .data-contents .advantages .advantage-row .advantage.text { visibility: hidden; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row.-not-available .price .-price, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row.-not-available .price .-price { display: none; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row.-not-available .price .-not-available-message, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row.-not-available .price .-not-available-message { display: inline-block; vertical-align: middle; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row.-not-available .c2a-row .vat-message, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row.-not-available .c2a-row .vat-message { visibility: hidden; } body.cms-xlr .wrapper .page .stage.accessories-stage .chip-image, body.cms-xlr-html .wrapper .page .stage.accessories-stage .chip-image { width: 100%; right: auto; left: -280px; bottom: 0; } @media screen and (min-width: 1831px) { body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { left: auto; right: -100px; } body.cms-xlr .wrapper .page .stage.accessories-stage .chip-image, body.cms-xlr-html .wrapper .page .stage.accessories-stage .chip-image { width: 100%; right: auto; left: -350px; } } @media screen and (max-width: 1500px) { body.cms-xlr .wrapper .page .stage.accessories-stage, body.cms-xlr-html .wrapper .page .stage.accessories-stage { height: 650px; } body.cms-xlr .wrapper .page .stage.accessories-stage figure img, body.cms-xlr-html .wrapper .page .stage.accessories-stage figure img { height: 650px; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { right: 0; top: 25%; } body.cms-xlr .wrapper .page .stage.accessories-stage .chip-image, body.cms-xlr-html .wrapper .page .stage.accessories-stage .chip-image { width: 70%; left: -200px; } } @media screen and (max-width: 1200px) { body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { right: 40px; } body.cms-xlr .wrapper .page .stage.accessories-stage .chip-image, body.cms-xlr-html .wrapper .page .stage.accessories-stage .chip-image { left: -180px; } } @media screen and (max-width: 1024px) { body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { left: auto; right: 80px; width: 400px; top: 35%; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.78571rem; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title b, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.78571rem; } body.cms-xlr .wrapper .page .stage.accessories-stage .chip-image, body.cms-xlr-html .wrapper .page .stage.accessories-stage .chip-image { width: 65%; left: -60px; } } @media screen and (max-width: 960px) { body.cms-xlr .wrapper .page .stage.accessories-stage, body.cms-xlr-html .wrapper .page .stage.accessories-stage { height: 550px; } body.cms-xlr .wrapper .page .stage.accessories-stage figure img, body.cms-xlr-html .wrapper .page .stage.accessories-stage figure img { height: 550px; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { left: auto; right: 10%; width: 430px; top: 30%; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.57143rem; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title b, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.57143rem; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-text, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-text { width: 80%; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container, body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .vat-message, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .vat-message { display: none; } body.cms-xlr .wrapper .page .stage.accessories-stage .chip-image, body.cms-xlr-html .wrapper .page .stage.accessories-stage .chip-image { width: 60%; left: -20px; } } @media screen and (max-width: 768px) { body.cms-xlr .wrapper .page .stage.accessories-stage, body.cms-xlr-html .wrapper .page .stage.accessories-stage { height: 500px; } body.cms-xlr .wrapper .page .stage.accessories-stage figure img, body.cms-xlr-html .wrapper .page .stage.accessories-stage figure img { height: 500px; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { right: 10%; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .no-mobiles, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .no-mobiles { display: none; } body.cms-xlr .wrapper .page .stage.accessories-stage .chip-image, body.cms-xlr-html .wrapper .page .stage.accessories-stage .chip-image { width: 70%; left: -50px; } } @media screen and (max-width: 600px) { body.cms-xlr .wrapper .page .stage.accessories-stage, body.cms-xlr-html .wrapper .page .stage.accessories-stage { height: 400px; } body.cms-xlr .wrapper .page .stage.accessories-stage figure img, body.cms-xlr-html .wrapper .page .stage.accessories-stage figure img { height: 400px; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { right: 3%; } } @media screen and (max-width: 480px) { body.cms-xlr .wrapper .page .stage.accessories-stage, body.cms-xlr-html .wrapper .page .stage.accessories-stage { height: 450px; } body.cms-xlr .wrapper .page .stage.accessories-stage figure img, body.cms-xlr-html .wrapper .page .stage.accessories-stage figure img { height: 450px; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { left: 0; right: 0; top: auto; bottom: 10%; width: 100%; padding-left: 20px; padding-right: 20px; text-align: center; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.28571rem; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title b, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.28571rem; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row { display: none; } body.cms-xlr .wrapper .page .stage.accessories-stage .chip-image, body.cms-xlr-html .wrapper .page .stage.accessories-stage .chip-image { width: 100%; right: 0; left: -4%; margin: 0 auto; bottom: 0; } } @media screen and (max-width: 400px) { body.cms-xlr .wrapper .page .stage.accessories-stage, body.cms-xlr-html .wrapper .page .stage.accessories-stage { height: 400px; } body.cms-xlr .wrapper .page .stage.accessories-stage figure img, body.cms-xlr-html .wrapper .page .stage.accessories-stage figure img { height: 400px; } } @media screen and (max-width: 320px) { body.cms-xlr .wrapper .page .stage.accessories-stage, body.cms-xlr-html .wrapper .page .stage.accessories-stage { height: 320px; } body.cms-xlr .wrapper .page .stage.accessories-stage figure img, body.cms-xlr-html .wrapper .page .stage.accessories-stage figure img { height: 320px; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { bottom: 5%; } } @media screen and (max-width: 1024px) { body.store-itl.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { top: 28%; } } @media screen and (max-width: 960px) { body.store-itl.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { top: 20%; } } @media screen and (max-width: 768px) { body.store-itl.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { top: 30%; } } @media screen and (max-width: 480px) { body.store-itl.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { top: auto; } } @media screen and (max-width: 1024px) { body.store-frc.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { top: 28%; } } @media screen and (max-width: 960px) { body.store-frc.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { top: 20%; } } @media screen and (max-width: 768px) { body.store-frc.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { top: 30%; } } @media screen and (max-width: 480px) { body.store-frc.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { top: auto; } } @media screen and (max-width: 410px) { .wrapper .page .content-container .main .mobile-stage-teaser-container a.c2a { padding: 30px 6.25% 0 10px; } .wrapper .page .content-container .main .mobile-stage-teaser-container a.c2a h1 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: italic; font-size: 1.42857rem; margin-bottom: 5px; } .wrapper .page .content-container .main .mobile-stage-teaser-container a.c2a p { line-height: 1.2; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } } .retina .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: 45%; } .retina.w-667 .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, .retina.w-414 .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: 25%; } .retina.w-736 .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: 15%; } .retina.w-568 .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: 5%; } .retina.w-480 .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, .retina.lt-480 .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: 12px; } .no-retina.w-768 .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: 45%; } .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 { background: none; height: auto; overflow: hidden; } .wrapper .page .stage figure, .wrapper .page .stage img { display: block; } .wrapper .page .stage .teaser-text-block { display: block; } .wrapper .page .std.content-area { position: static; max-width: 100%; margin: auto; background-color: transparent; padding: 0; } .wrapper .page .c2a-smartphones { display: none; } .wrapper .page .content-container .main .home-main-advantages { background-color: #e6e6e6; } .wrapper .page .content-container .main .home-main-advantages:before, .wrapper .page .content-container .main .home-main-advantages:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .content-container .main .home-main-advantages:after { clear: both; } .wrapper .page .content-container .main .home-main-advantages .item { position: relative; float: left; width: 33.333%; padding: 3.52823% 1.00806% 8.06452% 2.01613%; border-right: 1px solid #afafaf; border-bottom: 1px solid #afafaf; } .wrapper .page .content-container .main .home-main-advantages .item.box { height: 430px; } .wrapper .page .content-container .main .home-main-advantages .item.ignore-bottom-padding { padding-bottom: 4.03226%; } .wrapper .page .content-container .main .home-main-advantages .item:hover { background-color: #f2f2f2; } .wrapper .page .content-container .main .home-main-advantages .item h1, .wrapper .page .content-container .main .home-main-advantages .item .advantages-head-line { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; margin-top: 0; margin-bottom: 10px; } .wrapper .page .content-container .main .home-main-advantages .item h1 .italic, .wrapper .page .content-container .main .home-main-advantages .item .advantages-head-line .italic { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: italic; font-size: 1.42857rem; } .wrapper .page .content-container .main .home-main-advantages .item p, .wrapper .page .content-container .main .home-main-advantages .item ul { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; line-height: 1.5; margin-bottom: 20px; } .wrapper .page .content-container .main .home-main-advantages .item ul { list-style: disc inside; } .wrapper .page .content-container .main .home-main-advantages .item span { display: inline-block; } .wrapper .page .content-container .main .home-main-advantages .item span.advantage { width: 53%; } .wrapper .page .content-container .main .home-main-advantages .item span.advantage:first-of-type { width: 45%; } .wrapper .page .content-container .main .home-main-advantages .item span.advantage .legend { width: 58.3%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 0.78571rem; } .wrapper .page .content-container .main .home-main-advantages .item img { clear: both; } .wrapper .page .content-container .main .home-main-advantages .item a.btn.simple { position: absolute; bottom: 25px; left: 20px; } .wrapper .page .content-container .main .home-main-advantages .item a.btn.simple.in-flow { position: static; } .wrapper .page .content-container .main .home-main-advantages .item .green-leaf-container { padding-top: 30px; } .wrapper .page .content-container .main .home-main-advantages .item .green-leaf-container:before, .wrapper .page .content-container .main .home-main-advantages .item .green-leaf-container:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .content-container .main .home-main-advantages .item .green-leaf-container:after { clear: both; } .wrapper .page .content-container .main .home-main-advantages .item .green-leaf-container .advantages .advantage { width: 100%; } .wrapper .page .content-container .main .home-main-advantages .item .green-leaf { width: 35%; } .wrapper .page .content-container .main .home-main-advantages .item .advantages { width: 55%; margin: 0 0 20px 20px; } .wrapper .page .content-container .main .home-main-advantages .item .advantages .advantage { width: 100%; margin-bottom: 10px; } .wrapper .page .content-container .main .home-main-advantages .item .advantages .advantage.green { font-weight: 600; color: #519025; } .wrapper .page .content-container .main .home-main-advantages .item .explanations { clear: both; margin-top: 20px; } .wrapper .page .content-container .main .home-main-advantages .item.third { overflow-x: hidden; } .wrapper .page .content-container .main .home-main-advantages .item.third .to-left { position: relative; } .wrapper .page .content-container .main .home-main-advantages .item.third .to-left .icon-warranty { position: absolute; width: 35px; height: 50px; right: 4%; bottom: 0; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-engine-warranty.png) no-repeat center; background-size: cover; -moz-background-size: cover; /* Firefox 3.6 */ background-position: center; /* Internet Explorer 7/8 */ } .wrapper .page .content-container .main .home-main-advantages .item.third .to-left img { max-width: 120%; margin-left: -10%; margin-top: -20px; } .wrapper .page .content-container .main .home-main-advantages .item.span-all { clear: both; width: 100%; min-height: 230px; position: relative; padding: 25px 2.01613%; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/test-block-background.png) no-repeat center left; background-size: cover; -moz-background-size: cover; /* Firefox 3.6 */ background-position: center; /* Internet Explorer 7/8 */ min-height: 0; padding-bottom: 0; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .head-line { margin-top: 0; margin-bottom: 20px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container ul { margin-bottom: 0; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .badges, .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .market-leader { display: inline-block; vertical-align: top; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .badges { width: 57.29167%; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .badges ul { list-style-type: none; margin-top: 0px; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .badges ul li { display: inline-block; margin-right: 3.125%; width: 140px; height: 53px; text-align: center; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .badges ul li.playboy, .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .badges ul li.dmax { margin-right: 0; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .badges img { max-height: 100%; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .market-leader { width: 41.66667%; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .market-leader:before, .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .market-leader:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .market-leader:after { clear: both; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .market-leader .cup, .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .market-leader ul { float: left; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .market-leader .cup img { margin-top: 10px; width: 85px; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .market-leader ul { list-style-type: none; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .market-leader ul li { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/checkmark-grey.png) no-repeat left center; background-size: 18px; background-position: 10px; padding-left: 38px; line-height: 2.4; color: #737373; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 0.92857rem; } .wrapper .page .content-container .main .home-main-advantages .item.last { border-right: none; } .wrapper .page .content-container .main .home-main-advantages .small-text { bottom: 75px; color: #737373; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 0.75rem; } .wrapper .page .content-container .main .home-main-advantages.ab-tests .item-row { margin-bottom: 55px; } .wrapper .page .content-container .main .home-main-advantages.ab-tests .item-row:before, .wrapper .page .content-container .main .home-main-advantages.ab-tests .item-row:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .content-container .main .home-main-advantages.ab-tests .item-row:after { clear: both; } .wrapper .page .content-container .main .home-main-advantages.ab-tests .item-row.first { margin-top: 40px; } .wrapper .page .content-container .main .home-main-advantages.ab-tests .item-row.last { margin-bottom: 70px; } .wrapper .page .content-container .main .home-main-advantages.ab-tests .item { position: static; } .wrapper .page .content-container .main .home-main-advantages.ab-tests .item.box { padding: 0; padding-right: 1%; margin: 0; min-height: 0; } .wrapper .page .content-container .main .home-main-advantages.ab-tests .item.box figure { width: 84px; margin: 0 auto; height: auto; line-height: normal; position: static; } .wrapper .page .content-container .main .home-main-advantages.ab-tests .item.box figure picture { position: static; top: auto; } .wrapper .page .content-container .main .home-main-advantages.ab-tests .item.box .legend { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: normal; font-size: 1.14286rem; text-transform: none; margin-top: 15px; } .wrapper .page .content-container .main .home-main-advantages.ab-tests .item.box .explanations { margin-top: 10px; } .wrapper .page .content-container .main .home-main-advantages.ab-tests .item.box.first figure picture img { margin-top: 0; } .wrapper .page .content-container .main .home-main-advantages.ab-tests .c2a-container { margin-bottom: 50px; } .wrapper .page .content-container .main .home-main-advantages.ab-tests .c2a-container button { width: auto; background-color: #51ba1b; height: 53px; min-width: 17.03125%; padding: 0 20px 0 20px; z-index: 1; line-height: normal; border-top-left-radius: 16px; border-bottom-right-radius: 16px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; } .wrapper .page .content-container .main .home-main-advantages.ab-tests .c2a-container button:hover { background: none; background-color: #388513; } .wrapper .page .content-container .main .fine-print { max-width: 960px; margin: 7px auto 0 auto; text-align: right; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.71429rem; } .wrapper .page .content-container .main .fine-print .small-text { color: #737373; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 0.71429rem; } .wrapper .page .content-container .main .fine-print .small-text a { color: #737373; } .wrapper .page .content-container .main .fine-print .small-text a:hover { color: #c85a1e; } .wrapper .page .content-container .main .product-portfolio { max-width: 960px; margin: 0 auto; padding-bottom: 100px; background-color: #fafafa; } .wrapper .page .content-container .main .product-portfolio.mobiles { display: none; } .wrapper .page .content-container .main .product-portfolio .head-line { margin-bottom: 15px; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents { display: table; table-layout: fixed; position: relative; width: 100%; max-width: 960px; z-index: 1; background-color: #fafafa; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents:before, .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents:after { clear: both; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .img-container { position: absolute; width: 100%; top: 0; left: 0; z-index: 0; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .head-line { margin-top: 50px; margin-bottom: 10px; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product { display: block; position: relative; float: left; width: 33.33%; padding: 15px 2.08333% 20px 2.08333%; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product:after { content: ""; position: absolute; top: 237px; height: 402px; right: 0; border-right: 1px solid; -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dcdcdc), to(transparent)) 1 85%; -webkit-border-image: -webkit-linear-gradient(#dcdcdc, transparent) 1 85%; -moz-border-image: -moz-linear-gradient(#dcdcdc, transparent) 1 85%; -o-border-image: -o-linear-gradient(#dcdcdc, transparent) 1 85%; border-image: linear-gradient(to bottom, #dcdcdc, transparent) 1 85%; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product.last { border: none; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product .product-name h2 { line-height: normal; margin: 0; padding-top: 15px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.28571rem; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product .product-name h2 .italic { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: italic; font-size: 1.28571rem; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product .product-name .price { display: block; margin-top: 5px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 200; font-style: normal; font-size: 1.14286rem; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product .product-name .product-title { padding: 0 0 5px; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product .product-name .product-title .product-badge { background: transparent no-repeat top center; display: block; height: 39px; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product .product-name .product-title .product-badge.chip_s { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/product_badge_s.svg); background-size: contain; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product .product-name .product-title .product-badge.chip_rs { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/product_badge_rs.svg); background-size: contain; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product .product-name .product-title .product-badge.chip_gts { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/product_badge_gts.svg); background-size: contain; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product .product-image { width: 100%; height: 230px; line-height: 230px; text-align: center; margin-top: 35px; display: inline-block; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product .product-image img { vertical-align: bottom; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product .product-contents .advantages .advantage { color: #3c3c3c; margin-bottom: 20px; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product .product-contents .advantages .advantage .figure { font-family: Lato, Arial, Verdana, sans-serif; font-weight: 700; font-style: normal; font-size: 2.14286rem; float: none; vertical-align: baseline; display: inline-block; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product .product-contents .advantages .advantage .figure .plus { font-family: Lato, Arial, Verdana, sans-serif; font-weight: 700; font-style: normal; font-size: 1.21429rem; position: relative; top: -3px; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product .product-contents .advantages .advantage .figure .percent-sign { font-family: Lato, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.57143rem; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product .product-contents .advantages .advantage .legend { width: 40%; padding: 0 0 0 3px; line-height: 1.2; float: none; vertical-align: baseline; display: inline-block; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.57143rem; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product .product-contents .advantages .advantage .legend sup { margin-left: 3px; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product .options ul { min-height: 130px; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product .options ul li { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 0.85714rem; line-height: 1.9; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/checkmark-orange.png) no-repeat left center; background-size: 18px; padding-left: 24px; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product .description { margin-top: 20px; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .product .description p { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-footnote { width: 100%; color: #fff; background-color: #8b8b8b; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: italic; font-size: 1.07143rem; text-align: center; line-height: 40px; } .wrapper .page .content-container .main .product-portfolio .footnote { margin-top: 10px; width: 100%; display: inline-block; text-align: right; color: #737373; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: italic; font-size: 0.78571rem; line-height: 2; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button { width: 100%; text-align: center; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button button { max-width: 250px; margin: 0 auto; padding: 0 40px; } .wrapper .page .content-container .main .nick-heidfeld-block { background-color: #f3f3f5; box-shadow: inset 0px 20px 70px -20px rgba(0, 0, 0, 0.7); -webkit-box-shadow: inset 0px 20px 70px -20px rgba(0, 0, 0, 0.7); -moz-box-shadow: inset 0px 20px 70px -20px rgba(0, 0, 0, 0.7); overflow: hidden; } .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content { min-height: 600px; padding-top: 40px; position: relative; } @media screen and (max-width: 960px) { .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content { padding-left: 20px; } } @media screen and (max-width: 768px) { .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content { min-height: 470px; } } @media screen and (max-width: 480px) { .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content { min-height: 430px; } } .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content .nick-heidfeld-bg { background: transparent url(../wysiwyg/home/nick_heidfeld_transparent.png) no-repeat right bottom; background-size: cover; height: 600px; width: 785px; position: absolute; bottom: 0; right: -220px; } @media screen and (max-width: 768px) { .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content .nick-heidfeld-bg { right: -170px; height: 470px; width: 615px; } } @media screen and (max-width: 600px) { .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content .nick-heidfeld-bg { right: -220px; } } @media screen and (max-width: 480px) { .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content .nick-heidfeld-bg { right: -270px; height: 430px; width: 563px; } } .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content .block-teaser-container { width: 70%; position: relative; padding: 50px 0; } .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content .block-teaser-container .title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.35714rem; text-transform: uppercase; margin-bottom: 30px; margin-top: 0; } .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content .block-teaser-container .title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.35714rem; } .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content .block-teaser-container .video-link { margin: 50px 0 0; width: 60%; } .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content .block-teaser-container .video-link > a { display: block; } .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content .block-teaser-container .video-link > a:hover { border: 2px solid #ea5b0c; } .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content .block-teaser-container .video-link > a img { display: block; } .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content .block-teaser-container .more-link { margin: 50px 0 0; width: 60%; } .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content .block-teaser-container .btn.call-to-action { font-weight: 400; } @media screen and (max-width: 768px) { .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content .block-teaser-container .title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.78571rem; } .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content .block-teaser-container .title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.78571rem; } } @media screen and (max-width: 600px) { .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content .block-teaser-container .no-mobiles { display: none; } } @media screen and (max-width: 480px) { .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content .block-teaser-container .title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.21429rem; } .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content .block-teaser-container .title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.21429rem; } .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content .block-teaser-container .video-link, .wrapper .page .content-container .main .nick-heidfeld-block .nick-heidfeld-block-content .block-teaser-container .more-link { margin: 25px 0 0; width: 70%; } } .wrapper .page .content-container .main .nick-heidfeld-block .only-mobiles { display: none; } .wrapper .page .content-container .main .home-small-text-container { max-width: 960px; margin: 0 auto; background: #fafafa; padding: 100px 50px 50px; } .wrapper .page .content-container .main .home-small-text-container .home-small-text { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.78571rem; } .wrapper .page .content-container .main .home-small-text-container .home-small-text .scroll-box { height: 400px; overflow: auto; text-align: center; padding: 0 50px; -webkit-overflow-scrolling: touch; } .wrapper .page .content-container .main .home-small-text-container .home-small-text .links { margin: 30px auto; max-width: 700px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 0.92857rem; } .wrapper .page .content-container .main .home-small-text-container .home-small-text .links ul li { width: 33.33333%; float: left; background: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon-small-text-bullet.png) no-repeat left center; padding-left: 15px; } .wrapper .page .content-container .main .home-small-text-container .home-small-text .links ul li a { color: #000; } .wrapper .page .content-container .main .home-small-text-container .home-small-text .links ul li a:hover { color: #d0511e; } .wrapper .page .content-container .main .home-small-text-container .home-small-text .head-line { clear: both; padding-bottom: 25px; } .wrapper .page .content-container .main .home-small-text-container .home-small-text .head-line h4 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.85714rem; margin-bottom: 10px; } .wrapper .page .content-container .main .home-small-text-container .home-small-text .head-line h5 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 0.92857rem; margin-bottom: 10px; } .wrapper .page .content-container .main .home-small-text-container .home-small-text .columns h5 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: normal; font-size: 0.78571rem; margin: 30px 0 25px; } .wrapper .page .content-container .main .home-small-text-container .home-small-text .columns p { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.85714rem; } .wrapper .page .content-container .main .home-page-gallery { max-width: 100%; margin: 20px auto 60px auto; } .wrapper .page .content-container .main .home-page-gallery .title { margin-bottom: 35px; } .wrapper .page .content-container .main .home-page-gallery .gallery-container { width: 100%; position: relative; padding-bottom: 38.36477987%; } .wrapper .page .content-container .main .home-page-gallery .gallery-container img { width: 100%; display: block; visibility: hidden; } .wrapper .page .content-container .main .home-page-gallery .gallery-container:hover .grid:not(:hover) { opacity: 0.5; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group { margin: 0; height: 100%; position: absolute; top: 0; overflow: hidden; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group.first { width: 55%; padding-left: 2px; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group.second { width: 20%; left: 55%; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group.third { width: 25%; left: 75%; padding-right: 2px; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid { float: left; position: relative; transition: ease 0.5s; padding: 2px; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid div { height: 100%; display: block; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid .image { cursor: pointer; background-position: center center; background-size: cover; background-repeat: no-repeat; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid .image.image-1 { background-image: url("../wysiwyg/home_page_gallery/img-1.jpg"); } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid .image.image-2 { background-image: url("../wysiwyg/home_page_gallery/img-2.jpg"); } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid .image.image-3 { background-image: url("../wysiwyg/home_page_gallery/img-3.jpg"); } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid .image.image-4 { background-image: url("../wysiwyg/home_page_gallery/img-4.jpg"); } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid .image.image-5 { background-image: url("../wysiwyg/home_page_gallery/img-5.jpg"); } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid .image.image-6 { background-image: url("../wysiwyg/home_page_gallery/img-6.jpg"); } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid .image.image-7 { background-image: url("../wysiwyg/home_page_gallery/img-7.jpg"); } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid .image.image-8 { background-image: url("../wysiwyg/home_page_gallery/img-8.jpg"); } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid .image.image-9 { background-image: url("../wysiwyg/home_page_gallery/img-9.jpg"); } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid .image.image-10 { background-image: url("../wysiwyg/home_page_gallery/img-10.jpg"); } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid.w20 { width: 37%; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid.w35 { width: 63%; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid.w100 { width: 100%; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid.big, .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid.slim { height: 66.66%; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid.small, .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid.slimsmall { height: 33.33%; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid.small2 { height: 40%; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid.slimsmall2 { height: 20%; } .wrapper .page .content-container .main .home-page-gallery .home-page-gallery-overlay { display: none; } @media screen and (max-width: 768px) { .wrapper .page .content-container .main .home-page-gallery { max-width: 768px; border-top: 1px solid #afafaf; padding-top: 20px; margin-bottom: 30px; position: relative; } .wrapper .page .content-container .main .home-page-gallery .gallery-container { padding-bottom: 51.365%; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group.first { width: 75%; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group.second { width: 24.70%; left: 75%; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group.third { display: none; } } @media screen and (max-width: 480px) { .wrapper .page .content-container .main .home-page-gallery { max-width: 480px; margin: 0; padding-top: 10px; } .wrapper .page .content-container .main .home-page-gallery .gallery-container { padding-bottom: 177.66%; } .wrapper .page .content-container .main .home-page-gallery .gallery-container:hover .grid:not(:hover) { opacity: 1; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group.first { width: 100%; padding: 0; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group.second { display: none; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group.third { display: none; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid.big { height: 33.667%; width: 100%; padding: 0 0 2px; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid.slim, .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid.small { width: 50%; height: 32.66%; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid.slim { padding-left: 0; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid.slimsmall { padding: 2px 0 0; } .wrapper .page .content-container .main .home-page-gallery .gallery-container .group .grid.slimsmall { height: 33.75%; width: 100%; padding-bottom: 0; } .wrapper .page .content-container .main .home-page-gallery .home-page-gallery-overlay { display: block; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; height: 100%; z-index: 999; } } .wrapper .page .content-container .main .home-page-gallery [data-modal="modal-image-view"] .explanations:before, .wrapper .page .content-container .main .home-page-gallery [data-modal="modal-image-view"] .explanations:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .content-container .main .home-page-gallery [data-modal="modal-image-view"] .explanations:after { clear: both; } .wrapper .page .content-container .main .home-page-gallery [data-modal="modal-image-view"] a.arrow { position: absolute; top: 0; left: 0; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/arr_left_big.png) no-repeat center center; width: 60px; height: 100%; } .wrapper .page .content-container .main .home-page-gallery [data-modal="modal-image-view"] a.arrow.next { left: auto; right: 0; background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/arr_right_big.png); } .wrapper .page .content-container .main .news-content-container .news-content-container.aklamio { border-bottom: none; } .wrapper .page .content-container .main .news-content-container .news-content-container .head-line .title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2.14286rem; } .wrapper .page .content-container .main .news-content-container .news-content-container .head-line .view-all-link { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1rem; color: #ea5b0c; line-height: 1.95; } .only-startpage { display: none; } .wrapper .page { background: #fafafa; } .wrapper .page .home-stage.new-stage { z-index: 3; } .wrapper .page .home-stage.new-stage figure { margin-bottom: 0; } .wrapper .page .home-stage.new-stage .main-selector-container { position: absolute; top: 0; left: 0; max-width: 1536px; margin: 0 auto; height: 100%; right: 0; } .wrapper .page .home-stage.new-stage .-promo-activated { display: none; } body.store-at .wrapper .page .home-stage.new-stage.-promo-stage .new-stage-image { background-image: url(../wysiwyg/stage_images/stage_m2_competition_992.jpg); } body.store-de .wrapper .page .home-stage.new-stage.-promo-stage .new-stage-image { background-image: url(../wysiwyg/stage_images/stage_m2_competition_992.jpg); } body.store-ch .wrapper .page .home-stage.new-stage.-promo-stage .new-stage-image { background-image: url(../wysiwyg/stage_images/stage_m2_competition_992.jpg); } body.store-com .wrapper .page .home-stage.new-stage.-promo-stage .new-stage-image { background-image: url(../wysiwyg/stage_images/stage_m2_competition_992.jpg); } body.store-uk .wrapper .page .home-stage.new-stage.-promo-stage .new-stage-image { background-image: url(../wysiwyg/stage_images/stage_m2_competition_992.jpg); } body.store-eu .wrapper .page .home-stage.new-stage.-promo-stage .new-stage-image { background-image: url(../wysiwyg/stage_images/stage_m2_competition_992.jpg); } body.store-itl .wrapper .page .home-stage.new-stage.-promo-stage .new-stage-image { background-image: url(../wysiwyg/stage_images/stage_m2_competition_992.jpg); } body.store-frc .wrapper .page .home-stage.new-stage.-promo-stage .new-stage-image { background-image: url(../wysiwyg/stage_images/stage_m2_competition_992.jpg); } body.store-us .wrapper .page .home-stage.new-stage.-promo-stage .new-stage-image { background-image: url(../wysiwyg/stage_images/stage_m2_competition_992.jpg); } .wrapper .page .home-stage.new-stage .new-stage-image { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; max-height: 100vh; } body.store-at .wrapper .page .home-stage.new-stage .new-stage-image { background-image: url(../wysiwyg/stage_images/stage_hyundai_i30n_992.jpg); } body.store-de .wrapper .page .home-stage.new-stage .new-stage-image { background-image: url(../wysiwyg/stage_images/stage_hyundai_i30n_992.jpg); } body.store-ch .wrapper .page .home-stage.new-stage .new-stage-image { background-image: url(../wysiwyg/stage_images/stage_hyundai_i30n_992.jpg); } body.store-com .wrapper .page .home-stage.new-stage .new-stage-image { background-image: url(../wysiwyg/stage_images/stage_hyundai_i30n_992.jpg); } body.store-uk .wrapper .page .home-stage.new-stage .new-stage-image { background-image: url(../wysiwyg/stage_images/stage_hyundai_i30n_992.jpg); } body.store-eu .wrapper .page .home-stage.new-stage .new-stage-image { background-image: url(../wysiwyg/stage_images/stage_hyundai_i30n_992.jpg); } body.store-itl .wrapper .page .home-stage.new-stage .new-stage-image { background-image: url(../wysiwyg/stage_images/stage_hyundai_i30n_992.jpg); } body.store-frc .wrapper .page .home-stage.new-stage .new-stage-image { background-image: url(../wysiwyg/stage_images/stage_hyundai_i30n_992.jpg); } body.store-de .wrapper .page .home-stage.new-stage .new-stage-image[data-test="optimizely_1"] { background-image: url(../wysiwyg/stage_images/optimizely_stage_desktop.jpg); } body.store-us .wrapper .page .home-stage.new-stage .new-stage-image { background-image: url(../wysiwyg/stage_images/stage_m2_competition_992.jpg); } body.store-us .wrapper .page .home-stage.new-stage .new-stage-image[data-test="optimizely_1"] { background-image: url(../wysiwyg/stage_images/optimizely_stage_desktop.jpg); } @media screen and (max-width: 1023px) { .wrapper .page .home-stage.new-stage .new-stage-image { background-size: cover; -moz-background-size: cover; /* Firefox 3.6 */ background-position: center; /* Internet Explorer 7/8 */ height: 760px; } } @media screen and (max-width: 768px) { .wrapper .page .home-stage.new-stage .new-stage-image[data-test="optimizely_1"] { display: none; } } @media screen and (min-width: 1024px) { .wrapper .page .home-stage.new-stage .new-stage-image { background-size: cover; -moz-background-size: cover; /* Firefox 3.6 */ background-position: center; /* Internet Explorer 7/8 */ height: 800px; } } @media screen and (min-width: 1280px) { .wrapper .page .home-stage.new-stage .new-stage-image { height: 775px; } } @media screen and (min-width: 1366px) { .wrapper .page .home-stage.new-stage .new-stage-image { height: 975px; } } @media screen and (min-width: 1440px) { .wrapper .page .home-stage.new-stage .new-stage-image { height: 1055px; } } @media screen and (min-width: 1680px) { .wrapper .page .home-stage.new-stage .new-stage-image { height: 100vh; } } @media screen and (min-width: 1920px) { .wrapper .page .home-stage.new-stage .new-stage-image { height: 100vh; } } .wrapper .page .home-stage.new-stage > .teaser-container { display: none; } .wrapper .page .home-stage.new-stage .selector-container { width: 625px; height: 315px; max-width: 1680px; position: absolute; left: 0; bottom: 40%; } .wrapper .page .home-stage.new-stage .selector-container .teaser-container { display: block; color: #f2f2f2; } .wrapper .page .home-stage.new-stage .selector-container .teaser-container .btn.c2a { display: none; } .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title, .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-text { text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6); } .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.35714rem; text-transform: uppercase; margin-bottom: 0; } .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.35714rem; } .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-text { font-family: "AkkoProItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.5rem; } .wrapper .page .home-stage.new-stage .selector-container .payment-ad, .wrapper .page .home-stage.new-stage .selector-container .shadow-left, .wrapper .page .home-stage.new-stage .selector-container .shadow-right, .wrapper .page .home-stage.new-stage .selector-container .step-title, .wrapper .page .home-stage.new-stage .selector-container #embedded-car-selector, .wrapper .page .home-stage.new-stage .selector-container .embedded-titles, .wrapper .page .home-stage.new-stage .selector-container .selector-info, .wrapper .page .home-stage.new-stage .selector-container #pick-optimizations { display: none; } .wrapper .page .home-stage.new-stage .selector-container #embedded-car-selector h2.title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2.14286rem; } .wrapper .page .home-stage.new-stage .selector-container .car-selector-form .by-car { width: 100%; } .wrapper .page .home-stage.new-stage .selector-container .car-selector-form .by-car .selectors { margin-top: 2px; } .wrapper .page .home-stage.new-stage .selector-container .car-selector-form .by-car .selectors .picker-container { font-size: 1px; display: block; } .wrapper .page .home-stage.new-stage .selector-container .selector-icons { width: 100%; margin-top: 20px; background-color: #dadada; filter: alpha(opactiy=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .wrapper .page .home-stage.new-stage .selector-container .selector-icons:before, .wrapper .page .home-stage.new-stage .selector-container .selector-icons:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .home-stage.new-stage .selector-container .selector-icons:after { clear: both; } .wrapper .page .home-stage.new-stage .selector-container .selector-icons .item { height: 65px; line-height: 65px; float: left; width: 33.33%; color: #3c3c3c; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 0.85714rem; } .wrapper .page .home-stage.new-stage .selector-container .selector-icons .item .selector-icon { margin-top: 8px; height: 50px; float: left; margin-left: 6%; } .wrapper .page .home-stage.new-stage .selector-container .selector-icons .item .legend { margin-top: 16px; margin-left: 15px; line-height: normal; display: inline-block; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .content-area { max-width: 100%; position: static; padding: 0; margin: 0; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form { margin: 0; padding: 0; text-align: left; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons { display: inline-block; position: static; width: 55px; float: left; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons:before, .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons:after { clear: both; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .submit.btn, .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .select-by, .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .cr-pd-toggle { display: none !important; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .news-link, .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn { float: left; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn { width: 55px; border-radius: 0; height: 64px; min-width: 17.03125%; padding: 0 20px; z-index: 1; line-height: 3.6; font-size: 0; margin-left: 2px; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn:after { content: url("https://www.racechip.de/skin/frontend/racechip/default/images/icons/stage_arrow_right.svg"); } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .news-link { display: inline-block; height: 50px; line-height: 50px; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .news-link a { color: #fff; text-transform: uppercase; text-decoration: underline; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.85714rem; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .news-link a:hover { font-weight: 400; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .video-link { width: 51.5%; height: 53px; line-height: normal; display: table; padding-left: 20px; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .video-link .-only-mobile { display: none; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .video-link a { font-style: italic; text-decoration: none; display: table-cell; width: 100%; height: 53px; padding-left: 70px; vertical-align: middle; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon_play.svg) no-repeat; background-position: 10px 2px; background-size: 50px 50px; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .video-link a:hover { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/icons/icon_play_hover.svg); } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .more-link { width: 51.5%; height: 53px; line-height: normal; display: table; padding-left: 20px; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .more-link .-only-mobile { display: none; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .more-link a { display: table-cell; width: 100%; height: 53px; vertical-align: middle; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .by-car { z-index: 2; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .picker-container ul.picker { margin-top: 5px; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .picker-container ul.picker li.option.first { background: #fff url(https://www.racechip.de/skin/frontend/racechip/default/images/picker-list-background.png) no-repeat top center; } html.mobile .wrapper .page .home-stage.new-stage .selector-container { margin-left: 2.08333%; } html.mobile .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .car-selector-form .by-car { width: 100%; } html.mobile .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .car-selector-form .by-car .selectors { width: 100%; height: 50px; } html.mobile .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .car-selector-form .by-car .selectors select { height: 50px; line-height: 50px; } html.mobile .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .car-selector-form .by-car .selectors .picker-container { width: 33%; position: absolute; } .wrapper .page .home-stage.new-stage .teaser-bar-container { width: 100%; height: 75px; background: #fafafa; position: absolute; bottom: 0; left: 0; } .wrapper .page .home-stage.new-stage .teaser-bar { max-width: 1536px; height: 75px; line-height: 75px; margin: 0 auto; position: relative; color: #fff; text-transform: uppercase; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 0.92857rem; } .wrapper .page .home-stage.new-stage .teaser-bar .known-from, .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes { height: 75px; } @media screen and (max-width: 960px) { .wrapper .page .home-stage.new-stage .teaser-bar .known-from, .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes { padding-left: 15px; } } .wrapper .page .home-stage.new-stage .teaser-bar .known-from .sub-title, .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .sub-title { position: absolute; top: -30px; left: 0px; } @media screen and (max-width: 960px) { .wrapper .page .home-stage.new-stage .teaser-bar .known-from .sub-title, .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .sub-title { left: 15px; } } body.store-at .wrapper .page .home-stage.new-stage .teaser-bar .known-from .sub-title, body.store-at .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .sub-title { left: 168px; } @media screen and (max-width: 960px) { body.store-at .wrapper .page .home-stage.new-stage .teaser-bar .known-from .sub-title, body.store-at .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .sub-title { left: 183px; } } body.store-de .wrapper .page .home-stage.new-stage .teaser-bar .known-from .sub-title, body.store-de .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .sub-title { left: 168px; } @media screen and (max-width: 960px) { body.store-de .wrapper .page .home-stage.new-stage .teaser-bar .known-from .sub-title, body.store-de .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .sub-title { left: 183px; } } body.store-ch .wrapper .page .home-stage.new-stage .teaser-bar .known-from .sub-title, body.store-ch .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .sub-title { left: 168px; } @media screen and (max-width: 960px) { body.store-ch .wrapper .page .home-stage.new-stage .teaser-bar .known-from .sub-title, body.store-ch .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .sub-title { left: 183px; } } .wrapper .page .home-stage.new-stage .teaser-bar .known-from .autobild, .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .autobild { float: left; margin-right: 15px; margin-top: -105px; } .wrapper .page .home-stage.new-stage .teaser-bar .known-from .autobild img, .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .autobild img { max-height: 200px; } .wrapper .page .home-stage.new-stage .teaser-bar .known-from .icons-list:before, .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .icons-list:before, .wrapper .page .home-stage.new-stage .teaser-bar .known-from .icons-list:after, .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .icons-list:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .home-stage.new-stage .teaser-bar .known-from .icons-list:after, .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .icons-list:after { clear: both; } .wrapper .page .home-stage.new-stage .teaser-bar .known-from .icons-list li, .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .icons-list li { float: left; line-height: 50px; margin-right: 25px; padding-top: 16px; } .wrapper .page .home-stage.new-stage .teaser-bar .known-from .icons-list li:last-child, .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .icons-list li:last-child { margin-right: 0; } .wrapper .page .home-stage.new-stage .teaser-bar .known-from .icons-list li img, .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .icons-list li img { max-height: 50px; } .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes a { display: block; } .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes a img { max-height: 50px; height: auto; filter: gray; filter: grayscale(10000%); -webkit-filter: grayscale(1); filter: alpha(opactiy=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes a:hover img:last-child { filter: gray; filter: grayscale(0%); -webkit-filter: grayscale(0); filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .wrapper .page .home-stage.new-stage .teaser-bar .teaser-img-container { position: absolute; width: 500px; right: 0; bottom: 0; } .wrapper .page .home-stage.new-stage .teaser-bar .teaser-img-container:before, .wrapper .page .home-stage.new-stage .teaser-bar .teaser-img-container:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .home-stage.new-stage .teaser-bar .teaser-img-container:after { clear: both; } .wrapper .page .home-stage.new-stage .teaser-bar .teaser-img-container .slogan { float: left; width: 67%; margin-top: 90px; text-align: right; } .wrapper .page .home-stage.new-stage .teaser-bar .teaser-img-container .slogan a { color: #fff; text-decoration: underline; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.92857rem; } .wrapper .page .home-stage.new-stage .teaser-bar .teaser-img-container .slogan a:hover { font-weight: 400; } .wrapper .page .home-stage.new-stage .teaser-bar .teaser-img-container .teaser-image { float: right; width: 33%; } .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service { display: none; } .wrapper .page .content-container { background: transparent; } .wrapper .page .content-container .main { top: auto; } .wrapper .page .content-container .main .home-main-advantages { text-align: center; margin-top: 20px; background: none; } .wrapper .page .content-container .main .home-main-advantages .intro-text { padding: 0 2.08333%; } .wrapper .page .content-container .main .home-main-advantages .intro-text h1, .wrapper .page .content-container .main .home-main-advantages .intro-text h2 { margin-bottom: 20px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2.14286rem; } .wrapper .page .content-container .main .home-main-advantages .intro-text p { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; } .wrapper .page .content-container .main .home-main-advantages .item.box { height: auto; min-height: 290px; border: none; } .wrapper .page .content-container .main .home-main-advantages .item.box figure, .wrapper .page .content-container .main .home-main-advantages .item.box .legend { position: relative; } .wrapper .page .content-container .main .home-main-advantages .item.box figure { height: 80px; line-height: 80px; vertical-align: middle; text-align: center; margin-bottom: 0; } .wrapper .page .content-container .main .home-main-advantages .item.box figure picture { position: absolute; top: -53px; } .wrapper .page .content-container .main .home-main-advantages .item.box figure picture img { vertical-align: middle; } .wrapper .page .content-container .main .home-main-advantages .item.box .icon { width: 81px; } .wrapper .page .content-container .main .home-main-advantages .item.box.first figure picture img { margin-top: -8px; } .wrapper .page .content-container .main .home-main-advantages .item.box.first .footnote { display: none; } .wrapper .page .content-container .main .home-main-advantages .item.box.second figure picture, .wrapper .page .content-container .main .home-main-advantages .item.box.third figure picture { top: -60px; } .wrapper .page .content-container .main .home-main-advantages .item.box .legend { display: block; margin-top: 22px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.07143rem; text-transform: uppercase; } .wrapper .page .content-container .main .home-main-advantages .item.box .legend .only-mobiles { display: none; } .wrapper .page .content-container .main .home-main-advantages .item.box:hover { background-color: transparent; } .wrapper .page .content-container .main .home-main-advantages .item.box .explanations { margin-bottom: 17px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; } .wrapper .page .content-container .main .home-main-advantages .item.box .simple-link { text-transform: uppercase; color: #ec5b00; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1.07143rem; } .wrapper .page .content-container .main .home-main-advantages .item.box .simple-link:hover { text-decoration: underline; } .wrapper .page .content-container .main .product-portfolio-mobiles { display: none; } .wrapper .page .content-container .main .product-portfolio { max-width: 100%; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents { max-width: 100%; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .img-container { height: 323px; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .img-container picture img { width: auto; height: 323px; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .head-line { text-align: center; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2rem; color: #fff; margin-top: 40px; position: relative; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products { max-width: 960px; margin: 0 auto; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product { padding-left: 0; padding-right: 0; border: none; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-name, .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-contents, .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .options, .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .description { padding-right: 20px; padding-left: 20px; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-name { text-align: center; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-name h2, .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-name .price { color: #fff; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-name h2 { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.85714rem; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-name h2 span.italic { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.85714rem; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-name .price { font-family: Lato, Arial, Verdana, sans-serif; font-weight: 100; font-style: normal; font-size: 0.85714rem; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-name .price b { font-family: Lato, Arial, Verdana, sans-serif; font-weight: 100; font-style: normal; font-size: 1.21429rem; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .description { margin-top: 0; padding-top: 30px; margin-bottom: 40px; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .description a { text-transform: uppercase; color: #121212; text-decoration: underline; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 0.85714rem; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product:last-child:after { border-right: none; } .wrapper .page .content-container .main .product-portfolio .footnote { text-align: left; padding-left: 20px; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button { width: 100%; height: auto; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .yet-another-container-just-for-yet-another-shadow { width: 80%; margin: 0 auto; -webkit-box-shadow: inset 0 5px 6px -6px rgba(125, 125, 125, 0.5), inset 0 -5px 6px -6px rgba(125, 125, 125, 0.5); -moz-box-shadow: inset 0 5px 6px -6px rgba(125, 125, 125, 0.5), inset 0 -5px 6px -6px rgba(125, 125, 125, 0.5); box-shadow: inset 0 5px 6px -6px rgba(125, 125, 125, 0.5), inset 0 -5px 6px -6px rgba(125, 125, 125, 0.5); } @media screen and (max-width: 1080px) { .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .yet-another-container-just-for-yet-another-shadow { width: 100%; } } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container { width: 100%; max-width: 960px; height: 70px; line-height: 70px; margin: 0 auto; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container:before, .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container:after { clear: both; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .advantages-list { float: left; width: 78.125%; } body.store-frc .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .advantages-list { width: 67.70833%; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .advantages-list:before, .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .advantages-list:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .advantages-list:after { clear: both; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .advantages-list li { width: 25%; padding-right: 20px; float: left; text-align: left; line-height: 70px; vertical-align: middle; padding-top: 17px; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .advantages-list li:before, .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .advantages-list li:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .advantages-list li:after { clear: both; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .advantages-list li:last-child { padding-right: 0; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .advantages-list li img { display: inline-block; float: left; width: 21px; height: 36px; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .advantages-list li .legend { display: inline-block; float: left; line-height: normal; margin-left: 12px; color: #8a8a8a; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 0.85714rem; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .advantages-list li.first { width: 22%; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .advantages-list li.second { width: 28%; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .advantages-list.no-klarna li { width: 33%; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .advantages-list.no-klarna li.first, .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .advantages-list.no-klarna li.second { width: 33%; padding-left: 20px; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .advantages-list.no-klarna li.third { padding-left: 40px; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .advantages-list.no-klarna li.fourth { display: none; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .btn.select-car { float: right; height: 70px; line-height: 70px; cursor: pointer; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; } .wrapper .page .footer-container { margin-top: 0; } .wrapper .page .home-page-gallery .modal-overlay:before { content: ''; background: none; width: 150px; height: 150px; position: absolute; border-radius: 100%; top: 50%; left: 50%; margin: -75px 0 0 -75px; box-shadow: -4px -5px 3px -3px #ea5b0c; -webkit-box-shadow: -4px -5px 3px -3px #ea5b0c; -moz-box-shadow: -4px -5px 3px -3px #ea5b0c; opacity: 0.7; animation: rotate 2s infinite linear; } @keyframes rotate { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } .wrapper .page .home-page-gallery .modal-overlay .modal-window.image-view-modal { opacity: 0; } .store-itl .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .more-link { width: 40%; } .store-us .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.28571rem; } .cms-start-html.store-de .wrapper .page .home-stage.new-stage .new-stage-image, .cms-start.store-de .wrapper .page .home-stage.new-stage .new-stage-image { background-image: url(../wysiwyg/stage_images/stage_gts_black_992.jpg); } .cms-start-html.store-de .wrapper .page .home-stage.new-stage .teaser-bar .teaser-img-container, .cms-start.store-de .wrapper .page .home-stage.new-stage .teaser-bar .teaser-img-container { display: none; } .cms-start-html.store-de .wrapper .page .home-stage.new-stage .teaser-bar .known-from .icons-list, .cms-start-html.store-de .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .icons-list, .cms-start.store-de .wrapper .page .home-stage.new-stage .teaser-bar .known-from .icons-list, .cms-start.store-de .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .icons-list { padding-right: 60px; } .cms-start-html.store-de .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service, .cms-start.store-de .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service { display: block; position: absolute; width: 415px; right: 0; bottom: 0; } .cms-start-html.store-de .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service .teaser-installation-image, .cms-start.store-de .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service .teaser-installation-image { width: 48%; padding-right: 20px; max-width: 194px; float: right; display: block; position: relative; z-index: 2; margin-bottom: 15px; filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .cms-start-html.store-de .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service .teaser-installation-image:hover, .cms-start.store-de .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service .teaser-installation-image:hover { filter: alpha(opactiy=92); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)"; -moz-opacity: 0.92; -khtml-opacity: 0.92; opacity: 0.92; } .cms-start-html.store-de .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service .top-title, .cms-start.store-de .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service .top-title { width: 100%; box-sizing: border-box; background: rgba(255, 255, 255, 0.4); padding: 20px 46% 10px 20px; position: absolute; bottom: 75px; left: 0; z-index: 1; color: #fff; line-height: 1.3; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: italic; font-size: 1rem; } .cms-start-html.store-de .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service .top-title strong, .cms-start.store-de .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service .top-title strong { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1rem; } .cms-start-html.store-de .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service .bottom-title, .cms-start.store-de .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service .bottom-title { width: 100%; box-sizing: border-box; padding: 10px 46% 28px 20px; position: absolute; bottom: 0; left: 0; z-index: 1; color: #3c3c3c; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.78571rem; } .cms-start-html.store-de .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service .bottom-title a, .cms-start.store-de .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service .bottom-title a { color: #3c3c3c; text-decoration: underline; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.78571rem; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cms-start-html.store-de .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service .bottom-title a:hover, .cms-start.store-de .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service .bottom-title a:hover { color: #ec5b00; } html.mobile .cms-home #video .mobile-poster { margin-top: 0; } @media screen and (max-width: 1679px) { .wrapper .page .home-stage.new-stage .selector-container { width: 515px; } .wrapper .page .home-stage.new-stage .selector-container .selector-icons .item { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 0.78571rem; } .wrapper .page .home-stage.new-stage .selector-container .selector-icons .item .selector-icon { margin-top: 15px; height: 38px; margin-left: 8%; } .wrapper .page .home-stage.new-stage .selector-container .selector-icons .item .legend { margin-left: 8px; } .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.85714rem; } .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.85714rem; } .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-text { font-family: "AkkoProItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.21429rem; } .wrapper .page .home-stage.new-stage .teaser-bar { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 0.78571rem; } .wrapper .page .home-stage.new-stage .teaser-bar .known-from, .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes { padding-left: 15px; } .wrapper .page .home-stage.new-stage .teaser-bar .known-from .sub-title, .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .sub-title { left: 15px; } body.store-at .wrapper .page .home-stage.new-stage .teaser-bar .known-from .sub-title, body.store-at .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .sub-title { left: 183px; } body.store-de .wrapper .page .home-stage.new-stage .teaser-bar .known-from .sub-title, body.store-de .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .sub-title { left: 183px; } body.store-ch .wrapper .page .home-stage.new-stage .teaser-bar .known-from .sub-title, body.store-ch .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .sub-title { left: 183px; } .wrapper .page .home-stage.new-stage .teaser-bar .known-from .icons-list, .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .icons-list { width: 50%; overflow: hidden; } .wrapper .page .home-stage.new-stage .teaser-bar .teaser-img-container { width: 400px; } .wrapper .page .home-stage.new-stage .teaser-bar .teaser-img-container .slogan { margin-top: 50px; } body.store-frc .wrapper .page .home-stage.new-stage .teaser-bar .teaser-img-container .slogan { margin-top: 30px; } .wrapper .page .home-stage.new-stage .teaser-bar .teaser-img-container .slogan a { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.78571rem; } .store-us .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.85714rem; } } @media screen and (max-width: 960px) { .wrapper .page .home-stage.new-stage .main-selector-container { width: 96%; } .wrapper .page .content-container .main { top: auto; } .wrapper .page .content-container .main .home-main-advantages .item.box figure picture img { max-width: 120%; margin-left: -10%; margin-top: -10%; } .wrapper .page .content-container .main .home-main-advantages .item.box.first figure picture img { margin-top: -13%; } .wrapper .page .content-container .main .product-portfolio .head-line { padding: 1.66667%; } .wrapper .page .content-container .main .product-portfolio .footnote { padding-right: 2.08333%; } .wrapper .page .footer-container { margin-top: 0; } .cms-start-html.store-de .wrapper .page .home-stage.new-stage .teaser-bar .known-from .icons-list, .cms-start-html.store-de .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .icons-list, .cms-start.store-de .wrapper .page .home-stage.new-stage .teaser-bar .known-from .icons-list, .cms-start.store-de .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .icons-list { padding-right: 0; width: auto; } .cms-start-html.store-de .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service, .cms-start.store-de .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service { display: none; } } @media screen and (max-width: 950px) { .wrapper .page .content-container .main .home-main-advantages .item.first span.advantage { display: block; margin-bottom: 10px; width: 60%; } } @media screen and (max-width: 910px) { .wrapper .page .content-container .main .home-small-text-container .home-small-text .col ul li { display: block; width: 99%; } } @media screen and (max-width: 880px) { .wrapper .page .content-container .main .home-main-advantages .item { padding: 40px 3.90625%; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .badges { width: 45%; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .badges ul { margin-top: 40px; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .badges ul li { text-align: left; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .badges ul li.playboy, .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .badges ul li.gq { display: none; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .badges ul li.topgear { margin-right: 0; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .market-leader { width: 50%; } .wrapper .page .content-container .main .home-main-advantages .item.test-winner-container .market-leader h2 { margin-bottom: 35px; } .wrapper .page .content-container .main .home-main-advantages .item.box figure picture img { margin-top: -5%; } .wrapper .page .content-container .main .home-main-advantages .item.box.first figure picture img { margin-top: -8%; } .wrapper .page .content-container .main .product-portfolio { width: 100%; } .wrapper .page .content-container .main .product-portfolio .no-mobile { display: none; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .head-line { margin-bottom: 0; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product { padding: 15px 10px 20px 10px; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product:after { top: 242px; height: 50%; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-name { padding-left: 10px; padding-right: 10px; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-name h2 { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.64286rem; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-name h2 span.italic { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.64286rem; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-contents, .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .options { padding-left: 10px; padding-right: 10px; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .description { display: none; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-contents .advantages .advantage { margin-bottom: 15px; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-contents .advantages .advantage .figure { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2rem; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-contents .advantages .advantage .figure .plus { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.14286rem; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-contents .advantages .advantage .figure .percent-sign { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.28571rem; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-contents .advantages .advantage .legend { width: 40%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.28571rem; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-image { height: 200px; line-height: 200px; } .wrapper .page .content-container .main .product-portfolio .footnote { position: absolute; bottom: 0; right: 0; max-width: 190px; text-align: right; } .wrapper .page .content-container .main .product-portfolio .radial-shadow.shadow-top:after { bottom: 20px; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button { margin-top: 35px; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .yet-another-container-just-for-yet-another-shadow { box-shadow: none; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container { height: 50px; line-height: 50px; position: relative; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .advantages-list { display: none; } .wrapper .page .content-container .main .product-portfolio .portfolio-shop-button .advantages-container .btn.select-car { float: none; margin: 0 auto; width: 48.69792%; max-width: 374px; background-position: 33%; height: 50px; line-height: 50px; } } @media screen and (max-width: 768px) { 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: relative; } 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-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_model_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: 0; } .wrapper .page .home-stage.new-stage { z-index: 1; } .wrapper .page .home-stage.new-stage .selector-container { bottom: 0; left: 0; width: 100%; padding-left: 1.30208%; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .picker-container ul.picker { max-height: 170px; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .picker-container .picker-filter { height: 52px; line-height: 50px; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .picker-container .picker-selected { height: 52px; line-height: 50px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.21429rem; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-container:before, .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-container:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-container:after { clear: both; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .by-car { float: left; width: 80%; max-width: 500px; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons { float: left; max-width: 165px; margin-top: 0; margin-left: 1.30208%; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn { margin-right: 0; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn:before { top: 18px; left: 15px; background-size: 22px 14px; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn:after { background: none; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn .no-mobiles { display: none; } body.store-at .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn { padding: 0 20px; } body.store-de .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn { padding: 0 20px; } body.store-ch .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn { padding: 0 20px; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .news-link { position: absolute; top: -50px; left: 68.70833%; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .video-link { left: auto; right: 10.41667%; width: auto; height: 33px; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .video-link .-only-desktop { display: none; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .video-link .-only-mobile { display: inline; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .video-link a { height: 33px; background-size: 33px; background-position: 0 0; padding-left: 40px; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .more-link { left: auto; right: 10.41667%; width: auto; height: 33px; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .more-link .-only-desktop { display: none; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .more-link .-only-mobile { display: inline; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .more-link a { height: 33px; background-size: 33px; background-position: 0 0; padding-left: 40px; } .wrapper .page .home-stage.new-stage .selector-container .teaser-container { position: relative; bottom: 9px; } .wrapper .page .home-stage.new-stage .selector-container .teaser-container .selector-icons { display: none; } .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.85714rem; } .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.85714rem; } .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-text { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.21429rem; } html.mobile .wrapper .page .home-stage.new-stage .selector-container { margin-left: 0; } .wrapper .page .home-stage.new-stage .teaser-bar-container { height: 150px; background-color: #f1f1f1; background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#cdcdcd)); background: -moz-linear-gradient(top, #f1f1f1, #cdcdcd); background: -ms-linear-gradient(top, #f1f1f1, #cdcdcd); background: linear-gradient(top, #f1f1f1, #cdcdcd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#cdcdcd'); border-bottom: 1px solid #afafaf; position: relative; } .wrapper .page .home-stage.new-stage .teaser-bar { height: auto; line-height: normal; } .wrapper .page .home-stage.new-stage .teaser-bar .teaser-img-container { display: none; } .wrapper .page .home-stage.new-stage .teaser-bar .known-from, .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes { height: 150px; padding-left: 2.60417%; } .wrapper .page .home-stage.new-stage .teaser-bar .known-from .sub-title, .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .sub-title { top: 20px; left: 2.60417%; color: #3c3c3c; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1rem; } body.store-at .wrapper .page .home-stage.new-stage .teaser-bar .known-from .sub-title, body.store-at .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .sub-title { left: 18.57813%; } body.store-de .wrapper .page .home-stage.new-stage .teaser-bar .known-from .sub-title, body.store-de .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .sub-title { left: 18.57813%; } body.store-ch .wrapper .page .home-stage.new-stage .teaser-bar .known-from .sub-title, body.store-ch .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .sub-title { left: 18.57813%; } .wrapper .page .home-stage.new-stage .teaser-bar .known-from .icons-list, .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .icons-list { padding-top: 40px; width: auto; max-height: 100px; } .wrapper .page .home-stage.new-stage .teaser-bar .known-from .autobild, .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .autobild { margin: 15px 1.95313% 0 0; max-width: 14.32292%; min-width: 100px; } .wrapper .page .home-stage.new-stage .teaser-bar .known-from .autobild img, .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .autobild img { max-height: 135px; } .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .icons-list li a img { max-height: 44px; } .wrapper .page .content-container .main .home-main-advantages { margin-top: 0; text-align: left; } .wrapper .page .content-container .main .home-main-advantages .intro-text { display: none; } .wrapper .page .content-container .main .home-main-advantages .item.box { width: 100%; min-height: 0; border-bottom: 1px solid #afafaf; } .wrapper .page .content-container .main .home-main-advantages .item.box:before, .wrapper .page .content-container .main .home-main-advantages .item.box:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .content-container .main .home-main-advantages .item.box:after { clear: both; } .wrapper .page .content-container .main .home-main-advantages .item.box .icon { position: static; height: auto; width: 11.06771%; display: inline-block; vertical-align: middle; margin-right: 6.51042%; } .wrapper .page .content-container .main .home-main-advantages .item.box .explanations-container { width: 80%; display: inline-block; vertical-align: middle; } .wrapper .page .content-container .main .home-main-advantages .item.box .explanations-container .legend { text-transform: none; display: inline; margin-top: 0; font-weight: 400; } .wrapper .page .content-container .main .home-main-advantages .item.box .explanations-container .legend br { display: none; } .wrapper .page .content-container .main .home-main-advantages .item.box .explanations-container .explanations { float: none; clear: none; } .wrapper .page .content-container .main .home-main-advantages .item.box.first { position: relative; } .wrapper .page .content-container .main .home-main-advantages .item.box.first .footnote { position: absolute; display: block; bottom: 10px; right: 10px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: italic; font-size: 0.64286rem; } .wrapper .page .content-container .main .home-main-advantages .item.box.third { min-height: 0; } .wrapper .page .content-container .main .home-main-advantages .item.box.test-winner-container .badges { width: 45%; } .wrapper .page .content-container .main .home-main-advantages .item.box.test-winner-container .badges ul li { width: 45%; } .wrapper .page .content-container .main .home-main-advantages .item.box.test-winner-container .market-leader { width: 54.25%; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .head-line { margin-top: 15px; margin-bottom: 0; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product:after { top: 259px; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-contents .advantages .advantage { display: inline-block; margin-bottom: 7px; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-contents .advantages .advantage .figure { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.78571rem; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-contents .advantages .advantage .figure .plus { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.92857rem; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-contents .advantages .advantage .figure .percent-sign { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.07143rem; } .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-contents .advantages .advantage .legend { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.07143rem; } .wrapper .page .content-container .main .home-small-text-container .home-small-text .columns p { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } .store-us .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.85714rem; } } @media screen and (max-width: 735px) { .wrapper .page .content-container .main .product-portfolio .product-portfolio-contents .products .product .product-name .italic { display: block; } } @media screen and (max-width: 710px) { .wrapper .page .home-stage.new-stage .main-selector-container { width: 100%; } .wrapper .page .content-container .main .home-main-advantages .item:first-child span.advantage, .wrapper .page .content-container .main .home-main-advantages .item.first span.advantage { display: block; margin-bottom: 10px; } .wrapper .page .content-container .main .home-main-advantages .item:first-child span.advantage, .wrapper .page .content-container .main .home-main-advantages .item:first-child span.advantage:first-of-type, .wrapper .page .content-container .main .home-main-advantages .item.first span.advantage, .wrapper .page .content-container .main .home-main-advantages .item.first span.advantage:first-of-type { width: 55%; } .wrapper .page .content-container .main .home-main-advantages .item:first-child span.advantage:last-of-type, .wrapper .page .content-container .main .home-main-advantages .item.first span.advantage:last-of-type { width: 65%; } .wrapper .page .content-container .main .home-main-advantages .item.third .to-left .icon-warranty { right: 10%; } } @media screen and (max-width: 680px) { html.mobile .cms-start .mobile-poster, html.mobile .cms-home .mobile-poster { margin-top: 0; } html.mobile .cms-start-html.store-de .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title b, html.mobile .cms-start.store-de .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title b { display: inline; } html.mobile .cms-start-html.store-de .wrapper .page .home-stage.new-stage .selector-container .teaser-container .no-mobile, html.mobile .cms-start.store-de .wrapper .page .home-stage.new-stage .selector-container .teaser-container .no-mobile { display: none; } .wrapper .page .home-stage.new-stage.stage { padding-bottom: 0; margin-bottom: 0; overflow: visible; } .wrapper .page .home-stage.new-stage .selector-container { padding-left: 0; height: auto; } .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector { display: none; } .wrapper .page .home-stage.new-stage .teaser-container { padding-right: 90px; bottom: 0; padding-bottom: 20px; padding-left: 15px; } .wrapper .page .home-stage.new-stage .teaser-bar-container { display: none; } .wrapper .page .home-stage.new-stage .checkered-flag { bottom: -7px; } .wrapper .page .c2a-smartphones { align-items: center; display: flex; justify-content: center; } .wrapper .page .content-container .main .home-main-advantages .item.box .explanations-container { width: 100%; padding: 0 4.16667%; text-align: center; } .wrapper .page .content-container .main .home-main-advantages .item.box .explanations-container .legend { display: block; width: 96%; line-height: 60px; vertical-align: middle; margin: 0 auto; text-align: center; } .wrapper .page .content-container .main .home-main-advantages .item.box .explanations-container .legend .icon { min-width: 50px; margin-right: 3.125%; } .wrapper .page .content-container .main .home-main-advantages .item.box .explanations-container .legend .only-mobiles { display: inline; } .wrapper .page .content-container .main .home-main-advantages .item.box .explanations-container .legend .no-mobiles { display: none; } .wrapper .page .content-container .main .home-main-advantages .item.box .explanations-container .explanations { margin-top: 0; } .wrapper .page .content-container .main .home-main-advantages .item.box.last { border-bottom: none; } .wrapper .page .content-container .main .product-portfolio { display: none; } .wrapper .page .content-container .main .product-portfolio-mobiles { display: block; border-top: 1px solid #afafaf; } .wrapper .page .content-container .main .product-portfolio-mobiles .test-results { background-color: #787878; color: #fff; padding: 20px 4.16667% 0 4.16667%; margin: 0 auto; } .wrapper .page .content-container .main .product-portfolio-mobiles .test-results .test-results-container { max-width: 400px; margin: 0 auto; } .wrapper .page .content-container .main .product-portfolio-mobiles .test-results .test-results-container:before, .wrapper .page .content-container .main .product-portfolio-mobiles .test-results .test-results-container:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .content-container .main .product-portfolio-mobiles .test-results .test-results-container:after { clear: both; } .wrapper .page .content-container .main .product-portfolio-mobiles .test-results .autobild, .wrapper .page .content-container .main .product-portfolio-mobiles .test-results .explanations { float: left; } .wrapper .page .content-container .main .product-portfolio-mobiles .test-results .autobild { display: block; width: 45%; } .wrapper .page .content-container .main .product-portfolio-mobiles .test-results .autobild img { max-height: 175px; } .wrapper .page .content-container .main .product-portfolio-mobiles .test-results .explanations { width: 55%; padding-left: 2.08333%; padding-top: 5%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 0.85714rem; } .wrapper .page .content-container .main .product-portfolio-mobiles .test-results .explanations a { color: #fff; text-transform: uppercase; text-decoration: underline; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } .wrapper .page .content-container .main .product-portfolio-mobiles .c2a-block { padding: 40px 4.16667%; text-align: center; } .wrapper .page .content-container .main .product-portfolio-mobiles .c2a-block .sub-title { margin-top: 10px; margin-bottom: 0px; } .wrapper .page .content-container .main .product-portfolio-mobiles .c2a-block button { margin: 15px 0 10px; } .wrapper .page .content-container .main .product-portfolio-mobiles .c2a-block .explanations { max-width: 350px; margin: 0 auto; } .wrapper .page .product-warning-block-container { margin-bottom: 20px; margin-top: 60px; } } @media screen and (max-width: 600px) { .wrapper .page .content-container .main .home-small-text-container { background: none; padding: 6.25% 1.6129%; } .wrapper .page .content-container .main .home-small-text-container .home-small-text .col { display: block; float: none; width: 100%; } .wrapper .page .content-container .main .home-small-text-container .home-small-text .col:first-child, .wrapper .page .content-container .main .home-small-text-container .home-small-text .col.first { margin-bottom: 2.60417%; } .wrapper .page .content-container .main .nick-heidfeld-block .only-mobiles { display: inline-block; } } @media screen and (max-width: 580px) { .wrapper .page .content-container .main { top: auto; } .wrapper .page .content-container .main .home-small-text-container { padding: 20px 8.33333%; } } @media screen and (max-width: 480px) { .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.21429rem; } .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.21429rem; } .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-text { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; } .wrapper .page .home-stage.new-stage .selector-container .teaser-container .no-mobiles { display: none; } .wrapper .page .content-container .main .home-small-text-container { display: none; } .store-us .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.21429rem; } } @media screen and (max-width: 450px) { .wrapper .page .content-container .main .home-small-text-container { padding: 20px 8.33333%; } .wrapper .page .content-container .main .home-small-text-container .home-small-text .links ul li { width: 50%; } } @media screen and (max-width: 400px) { .wrapper .page .content-container .main .home-main-advantages .item.box .explanations-container .legend { width: 100%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1rem; } } @media screen and (max-width: 320px) { .wrapper .page .content-container .main .fine-print { text-align: center; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.64286rem; } .wrapper .page .content-container .main .fine-print .small-text { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 0.64286rem; } } .cms-home .wrapper .page .content-area-1130 { max-width: 1130px; } .cms-home .wrapper .page .home-stage.new-stage { overflow: visible; max-width: 100%; } .cms-home .wrapper .page .home-stage.new-stage .new-stage-image { height: 90vh; max-height: 882px; } .cms-home .wrapper .page .home-stage.new-stage .teaser-bar .teaser-img-container { display: none; } .cms-home .wrapper .page .home-stage.new-stage .teaser-bar .known-from .icons-list, .cms-home .wrapper .page .home-stage.new-stage .teaser-bar .popular-car-makes .icons-list { padding-right: 60px; } .cms-home .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service { display: block; position: absolute; width: 415px; right: 0; bottom: 0; } .cms-home .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service .teaser-installation-image { width: 48%; padding-right: 20px; max-width: 194px; float: right; display: block; position: relative; z-index: 2; margin-bottom: 15px; filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .cms-home .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service .teaser-installation-image:hover { filter: alpha(opactiy=92); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)"; -moz-opacity: 0.92; -khtml-opacity: 0.92; opacity: 0.92; } .cms-home .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service .top-title { width: 100%; box-sizing: border-box; background: rgba(255, 255, 255, 0.4); padding: 20px 46% 10px 20px; position: absolute; bottom: 75px; left: 0; z-index: 1; color: #fff; line-height: 1.3; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: italic; font-size: 1rem; } .cms-home .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service .top-title strong { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1rem; } .cms-home .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service .bottom-title { width: 100%; box-sizing: border-box; padding: 10px 46% 28px 20px; position: absolute; bottom: 0; left: 0; z-index: 1; color: #3c3c3c; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.78571rem; } .cms-home .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service .bottom-title a { color: #3c3c3c; text-decoration: underline; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.78571rem; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cms-home .wrapper .page .home-stage.new-stage .teaser-bar .teaser-installation-service .bottom-title a:hover { color: #ec5b00; } .cms-home .wrapper .page .home-stage.new-stage .selector-container { width: 100%; height: 100%; display: table; bottom: 0; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .teaser-container { display: table-cell; height: 100%; vertical-align: middle; width: 100%; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 3.57143rem; text-transform: uppercase; margin-bottom: 30px; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 3.57143rem; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .teaser-container .news-link.more-link a { color: #fafafa; text-decoration: underline; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .teaser-container .news-link.more-link a:hover { color: #ec5b00; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector { position: absolute; display: inline-table; width: 100%; left: 0; bottom: 30px; background-color: rgba(228, 228, 228, 0.75); } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .car-selector { max-width: 728px; border-right: 1px solid; width: 50%; float: left; padding: 26px 24px 22px; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press { float: left; max-width: 808px; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .press-reviews { width: 50%; height: 148px; float: left; padding-top: 13px; margin-bottom: -3px; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control:hover, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .press-reviews:hover { background: #e4e4e4; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -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; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control .smartphone-cut, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control .autobild, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control .media-badge, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .press-reviews .smartphone-cut, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .press-reviews .autobild, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .press-reviews .media-badge { display: inline-block; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control .text, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .press-reviews .text { display: inline-block; width: 70%; color: #3c3c3c; vertical-align: top; padding-left: 25px; line-height: 1.5; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control .text .title, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .press-reviews .text .title { padding: 8px 0 20px; display: block; width: 100%; text-align: left; text-transform: uppercase; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control .text.media, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .press-reviews .text.media { width: 60%; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control .text.summer-sale, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .press-reviews .text.summer-sale { width: 64%; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control .autobild, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .press-reviews .autobild { width: 97px; margin-top: 8px; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control { border-right: 1px solid #3c3c3c; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.eu-promo-teaser .smartphone-cut, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.com-promo-teaser .smartphone-cut, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.frc-promo-teaser .smartphone-cut, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.itl-promo-teaser .smartphone-cut, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.uk-promo-teaser .smartphone-cut, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.us-promo-teaser .smartphone-cut, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.de-promo-teaser .smartphone-cut, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.at-promo-teaser .smartphone-cut { float: right; width: 100px; margin-right: 15px; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.eu-promo-teaser .text, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.com-promo-teaser .text, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.frc-promo-teaser .text, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.itl-promo-teaser .text, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.uk-promo-teaser .text, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.us-promo-teaser .text, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.de-promo-teaser .text, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.at-promo-teaser .text { width: 63%; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .smartphone-cut { width: 64px; height: 135px; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .autobild { width: 105px; height: 95px; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .media-badge { width: 120px; height: auto; margin-top: 10px; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .by-car { display: inline-block; float: left; min-width: 620px; max-width: 624px; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .by-car .selectors { margin-top: 0; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .text-configuration { display: block; margin-bottom: 18px; font-weight: 600; } .cms-home .wrapper .page .content-container .main .home-main-advantages { max-width: 1130px; margin-top: 60px; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation { display: inline-block; width: 59.47581%; text-align: left; padding-right: 9%; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .intro-text { padding: 0; margin-bottom: 55px; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .intro-text h2 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 2.14286rem; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .intro-text p { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1rem; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .gallery-container { margin-bottom: 70px; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .gallery-container .nst { margin-bottom: 60px; display: block; width: 100%; clear: both; padding-left: 90px; position: relative; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .gallery-container .nst .icon { display: inline-block; width: 90px; position: absolute; left: 0; top: 0; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .gallery-container .nst .icon img { width: 65px; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .gallery-container .nst .text { display: inline-block; width: 96%; padding-left: 20px; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .gallery-container .nst .text .title, .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .gallery-container .nst .text .description { display: block; margin-bottom: 3px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.92857rem; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .gallery-container .nst .text .title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.07143rem; margin-bottom: 10px; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .gallery-container .nst .text .more-link { text-transform: uppercase; color: #ec5b00; background: none; padding: 0; display: inline-block; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 0.92857rem; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .gallery-container .unslider { overflow: hidden; position: relative; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .gallery-container .unslider .nst { clear: none; display: block; float: left; margin-bottom: 0; padding-left: 0; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .gallery-container .unslider .nst .icon { position: relative; margin: 0 auto; text-align: center; width: 100%; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .gallery-container .unslider .nst .text { text-align: center; width: 100%; padding: 20px; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .gallery-container .unslider .nst .text .more-link { display: block; margin-top: 30px; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .gallery-container .unslider .unslider-arrow { display: block; position: absolute; top: 35px; width: 16px; height: 24px; z-index: 9; font-size: 0; cursor: pointer; opacity: 0.6; background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .gallery-container .unslider .unslider-arrow.prev { left: 20px; background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-left-big-black.png); } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .gallery-container .unslider .unslider-arrow.next { right: 20px; background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-right-big-black.png); } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .gallery-container .unslider .unslider-nav { display: none; } .cms-home .wrapper .page .content-container .main .home-main-advantages .down-arrow { width: 100%; display: block; margin-top: -21px; height: 21px; } .cms-home .wrapper .page .content-container .main .home-main-advantages .image { display: inline-block; vertical-align: top; width: 38.5%; } .cms-home .wrapper .page .content-container .main .home-main-advantages .next-steps { display: block; clear: both; } .cms-home .wrapper .page .content-container .main .home-main-advantages .next-steps h4 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; line-height: 1.6; padding-bottom: 56px; display: block; clear: both; } .cms-home .wrapper .page .content-container .main .home-main-advantages .next-steps .gallery-container { position: relative; } .cms-home .wrapper .page .content-container .main .home-main-advantages .next-steps .gallery-container .unslider-arrow { display: none; } .cms-home .wrapper .page .content-container .main .home-main-advantages .next-steps .gallery-slider ul { position: relative; font-size: 0; } .cms-home .wrapper .page .content-container .main .home-main-advantages .next-steps .gallery-slider ul .nst { margin-right: 20px; margin-bottom: 20px; display: inline-block; position: relative; font-size: 0; } .cms-home .wrapper .page .content-container .main .home-main-advantages .next-steps .gallery-slider ul .nst .image { width: 224px; } .cms-home .wrapper .page .content-container .main .home-main-advantages .next-steps .gallery-slider ul .nst p { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; line-height: 1.6; display: block; position: absolute; text-align: center; bottom: 0; left: 0; width: 100%; padding: 20px 12px; } .cms-home .wrapper .page .content-container .main .home-main-advantages .next-steps .gallery-slider ul .nst:last-child { margin-right: 0; } .cms-home .wrapper .page .topic-link-section { width: 100%; display: inline-block; background-color: #fafafa; /* Old browsers */ background: -moz-linear-gradient(top, #fafafa 0%, #c0c0c0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #c0c0c0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fafafa 0%, #707070 20%, #7e7e7e 50%, #626262 78%, #c0c0c0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fafafa 0%, #c0c0c0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fafafa 0%, #c0c0c0 100%); /* IE10+ */ background: linear-gradient(to bottom, #fafafa 0%, #c0c0c0 100%); /* W3C */ } .cms-home .wrapper .page .topic-link-section .tile-box { position: relative; float: left; width: 33.333%; padding-right: 15px; overflow: hidden; } .cms-home .wrapper .page .topic-link-section .tile-box:last-child { padding-right: 0; } .cms-home .wrapper .page .topic-link-section .tile-box a { color: #fafafa; width: 100%; display: block; overflow: hidden; } .cms-home .wrapper .page .topic-link-section .tile-box a:hover .tile { background-size: 121% 121%; } .cms-home .wrapper .page .topic-link-section .tile-box a:hover h3 { text-decoration: underline; } .cms-home .wrapper .page .topic-link-section .tile-box .tile { text-align: center; height: 350px; background-size: 101% 101%; background-position: center; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .cms-home .wrapper .page .topic-link-section .tile-box .tile.tile_xlr { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/tile_xlr.jpg); } .cms-home .wrapper .page .topic-link-section .tile-box .tile.tile_product_overview { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/tile_product_overview.jpg); } .cms-home .wrapper .page .topic-link-section .tile-box .tile.tile_functionality { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/tile_functionality.jpg); } .cms-home .wrapper .page .topic-link-section .tile-box .tile h3 { margin-top: 150px; display: inline-block; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.71429rem; } .cms-home .wrapper .page .news-content-container.rc-news { background-color: #4e4e4e; /* Old browsers */ background: -moz-linear-gradient(top, #bebebe 0%, #4e4e4e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bebebe), color-stop(100%, #4e4e4e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bebebe 0%, #4e4e4e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bebebe 0%, #4e4e4e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bebebe 0%, #4e4e4e 100%); /* IE10+ */ background: linear-gradient(to bottom, #bebebe 0%, #4e4e4e 100%); /* W3C */ padding-top: 100px; margin-top: -5px; } .cms-home .wrapper .page .news-content-container .news-content-container .news-container .head-line { margin: 0 auto 40px; text-align: center; color: #fafafa; } .cms-home .wrapper .page .news-content-container .news-content-container .news-container .news .item { width: 100%; margin-bottom: 60px; } .cms-home .wrapper .page .news-content-container .news-content-container .news-container .news .item .news-image-container { float: left; margin-right: 25px; } .cms-home .wrapper .page .news-content-container .news-content-container .news-container .news .item .news-text-container { color: #fafafa; } .cms-home .wrapper .page .news-content-container .news-content-container .news-container .news .item .news-text-container h2 { font-style: italic; margin: 0 0 12px; } .cms-home .wrapper .page .news-content-container .news-content-container .news-container .news .item .news-text-container a { color: #ec5b00; font-weight: 500; } .cms-home .wrapper .page .news-content-container .news-content-container .news-container .news .item:not(.aklamio-news):not(.aklamio-only-tablets) { position: relative; } .cms-home .wrapper .page .news-content-container .news-content-container .news-container .news .item:not(.aklamio-news):not(.aklamio-only-tablets):after { content: ''; } .cms-home .wrapper .page .news-content-container .news-content-container .news-container .news .item .dotted { display: table-cell; } .cms-home .wrapper .page .aklamio-and-news-wrapper .content-area { padding: 0 20px; text-align: center; } .cms-home .wrapper .page .aklamio-and-news-wrapper .content-area h2 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.57143rem; padding: 5px 0 30px; } .cms-home .wrapper .page .aklamio-and-news-wrapper .content-area p { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; line-height: 1.6; } .cms-home .wrapper .page .aklamio-and-news-wrapper .content-area .bigger { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1rem; padding: 20px 0 0 0; } .cms-home .wrapper .page .aklamio-and-news-wrapper .content-area .buttons-set { padding: 30px 0; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section { display: block; clear: both; width: 100%; margin-top: 50px; font-size: 0; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .aklamio-block-container, .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container { max-width: 100%; width: 470px; display: inline-block; margin-bottom: 100px; margin-top: 20px; font-size: 0; vertical-align: top; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .aklamio-block-container .headline, .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .headline { padding: 0 0 24px 0; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 2.14286rem; text-align: center; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .aklamio-block-container .image, .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .image { clear: both; display: block; max-width: 330px; width: 100%; height: 250px; margin: 0 auto; position: relative; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .aklamio-block-container .image .call-out, .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .image .call-out { position: absolute; height: auto; width: 94px; bottom: 10px; left: 48%; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .aklamio-block-container .explanation, .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .explanation { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; text-align: center; max-width: 426px; clear: both; display: block; width: 100%; margin: 0 auto; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .aklamio-block-container { margin-right: 20px; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .aklamio-block-container .aklamio-order-success-block { width: 100%; margin: 0; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .aklamio-block-container .aklamio-order-success-block:before, .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .aklamio-block-container .aklamio-order-success-block:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .aklamio-block-container .aklamio-order-success-block:after { clear: both; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .aklamio-block-container .aklamio-order-success-block .c2a { text-align: center; margin-top: 26px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .block-content { max-width: 364px; width: 100%; display: block; clear: both; margin: 26px auto 0 auto; position: relative; text-align: center; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .block-content .input-box { display: inline-block; width: 56%; padding-right: 10px; float: left; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .block-content .input-box input { height: 50px; line-height: 50px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .block-content .actions { display: inline-block; width: 56%; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .block-content .actions button { width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .block-content .warning-msg { display: none; position: absolute; left: 50%; top: 100%; width: 300px; margin-left: -150px; margin-top: 10px; text-align: center; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 0.85714rem; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .block-content .warning-msg#newsletter_email_error { color: #d12929; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .block-content .warning-msg#newsletter_email_success { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.28571rem; color: #388513; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .block-content .validation-advice { position: absolute; left: 0; top: 100%; width: 56%; text-align: center; margin-top: 10px; color: #d12929; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 0.85714rem; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container #newsletter-validate-detail.success .input-box, .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container #newsletter-validate-detail.success .actions { display: none; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container #newsletter-validate-detail.success #newsletter_email_success { display: block; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container #newsletter-validate-detail.failure #newsletter_email_error { display: block; } .cms-home .intro-text-tablet { display: none; } .cms-home div#video { display: inline-block; width: 100%; } .cms-home .border-top { border-top: 1px solid #e0e0e0; } .cms-home .btn.select-car { border: 1px solid #00ad00; background: transparent; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.85714rem; color: #00ad00; } .cms-home .btn.select-car:hover { border-color: #c85a1e; color: #c85a1e; background-color: transparent; } .cms-home .only-startpage { display: block; margin: 0 auto 40px; } .cms-home .-only-mobile { display: none; } .cms-home.store-us .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .block-content .actions { width: 44%; float: left; } .cms-home .product-warning-block-container { margin-top: 20px; margin-bottom: 60px; } @media screen and (max-width: 1919px) { .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .car-selector { width: 70%; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press { width: calc(100% - 728px); } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .press-reviews { border-right: none; width: 100%; } .wrapper .page .home-stage.new-stage .press-reviews { display: none; } } @media screen and (max-width: 1535px) { .cms-home .wrapper .page .home-stage.new-stage .new-stage-image { background-attachment: scroll; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control .text { width: 75%; } } @media screen and (max-width: 1366px) { .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .car-selector { width: 729px; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control { border-right: 1px solid #3c3c3c; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.de-promo-teaser .smartphone-cut, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.at-promo-teaser .smartphone-cut, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.us-promo-teaser .smartphone-cut, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.eu-promo-teaser .smartphone-cut, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.com-promo-teaser .smartphone-cut, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.frc-promo-teaser .smartphone-cut, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.itl-promo-teaser .smartphone-cut, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.uk-promo-teaser .smartphone-cut { float: right; width: 85px; margin-right: 5px; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.de-promo-teaser .text, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.at-promo-teaser .text, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.us-promo-teaser .text, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.eu-promo-teaser .text, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.com-promo-teaser .text, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.frc-promo-teaser .text, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.itl-promo-teaser .text, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.uk-promo-teaser .text { width: 68%; padding: 0 12px; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.de-promo-teaser .text .description strong, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.at-promo-teaser .text .description strong, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.us-promo-teaser .text .description strong, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.eu-promo-teaser .text .description strong, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.com-promo-teaser .text .description strong, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.frc-promo-teaser .text .description strong, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.itl-promo-teaser .text .description strong, .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.uk-promo-teaser .text .description strong { white-space: nowrap; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press .press-reviews .autobild { margin-left: 10px; } .cms-home .wrapper .page .topic-link-section .tile-box { width: 100%; padding-right: 0; height: 300px; border-top: 1px solid #e4e4e4; } .cms-home .wrapper .page .topic-link-section .tile-box .tile { background-size: 100% auto; height: 300px; } .cms-home .wrapper .page .topic-link-section .tile-box .tile.tile_xlr { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/tile_xlr_tablet.jpg); } .cms-home .wrapper .page .topic-link-section .tile-box .tile.tile_product_overview { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/tile_product_overview_tablet.jpg); } .cms-home .wrapper .page .topic-link-section .tile-box .tile.tile_functionality { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/tile_functionality_tablet.jpg); } .cms-home .wrapper .page .topic-link-section .tile-box a:hover .tile { background-size: 120% auto; } } @media screen and (max-width: 1279px) { .cms-home .wrapper .page .home-stage.new-stage .selector-container .teaser-container { width: 100%; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.85714rem; margin-bottom: 0; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.85714rem; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector { max-width: 728px; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .app-control-and-press { display: none; } } @media screen and (max-width: 1024px) { .cms-home .wrapper .page .home-stage.new-stage .selector-container .teaser-container { width: 100%; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.14286rem; margin-bottom: 0; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.14286rem; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .aklamio-block-container { margin-right: 0; } } @media screen and (max-width: 960px) { .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .by-car .selectors select { height: 63px; line-height: 63px; } .cms-home .wrapper .page .title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 2.14286rem; } .cms-home .wrapper .page .text-configuration { text-align: center; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation { width: 63%; padding: 0 45px 0 25px; vertical-align: top; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .intro-text { display: none; } .cms-home .wrapper .page .content-container .main .home-main-advantages .image { vertical-align: bottom; overflow: hidden; width: 35%; } .cms-home .wrapper .page .content-container .main .home-main-advantages .image img { max-width: 108%; width: 108%; } .cms-home .wrapper .page .content-container .main .home-main-advantages .chips-list .text { width: 70%; } .cms-home .wrapper .page .content-container .main .home-main-advantages .intro-text-tablet { display: block; width: 100%; text-align: center; padding: 50px 25px 65px; } .cms-home .wrapper .page .content-container .main .home-main-advantages .intro-text-tablet h2 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2.14286rem; } .cms-home .wrapper .page .content-container .main .home-main-advantages .down-arrow { display: none !important; } .cms-home .wrapper .page .product-warning-block-container { margin-bottom: 10px; margin-top: 0; } } @media screen and (max-width: 768px) { .cms-home .wrapper .page .home-stage.new-stage { overflow: hidden; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .teaser-container { text-align: center; vertical-align: bottom; bottom: 220px; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .teaser-container .news-link { display: none; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector { width: 100%; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .by-car { min-width: 575px; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons { margin-left: 0; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector .car-selector { min-height: 140px; } .cms-home .wrapper .page .content-container .main .home-main-advantages { margin-top: 0; } .cms-home .wrapper .page .topic-link-section .tile-box { width: 100%; padding-right: 0; height: 300px; } .cms-home .wrapper .page .topic-link-section .tile-box .tile { background-size: cover; } .cms-home .wrapper .page .topic-link-section .tile-box a:hover .tile { background-size: 100% 100%; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section { text-align: center; } .cms-home .wrapper .page .news-content-container .news-content-container .news-container .head-line { margin: 0 auto 30px; } .cms-home .wrapper .page .news-content-container .news-content-container .news-container .head-line .title { margin-right: 0; } .cms-home .wrapper .page .news-content-container .news-content-container .news-container .news-text-container h2 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; } .cms-home .wrapper .page .news-content-container .news-content-container .news-container .news-text-container .dotted { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.85714rem; max-height: fit-content; } .cms-home .wrapper .page .news-container .news .item.second { display: block; } .cms-home .wrapper .page #video .mobile-poster { margin-top: 0; } .cms-home .wrapper .page #video .mobile-poster { margin-top: 0; } } @media screen and (max-width: 680px) { .cms-home .wrapper .page .home-stage.new-stage .selector-container .teaser-container { bottom: 40px; padding: 0; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.57143rem; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .teaser-container .teaser-title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.57143rem; } .cms-home .wrapper .page .home-stage.new-stage .selector-container .embedded-functional-car-selector { display: none; } .cms-home .wrapper .page .product-warning-block-container { margin-top: 60px; } #ab-trusted-shop-reviews-sticky-wrapper { display: none; } } @media screen and (max-width: 620px) { .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation { padding: 0; width: 100%; display: block; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .intro-text { margin-bottom: 30px; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .gallery-container { margin-bottom: 30px; } .cms-home .wrapper .page .content-container .main .home-main-advantages .image { display: none; } .cms-home .wrapper .page .content-container .main .home-main-advantages .btn.c2a { width: 100%; max-width: 100%; } .cms-home .wrapper .page .content-container .main .home-main-advantages .chips-list { margin-bottom: 15px; } .cms-home .wrapper .page .content-container .main .home-main-advantages .chips-list li { margin-bottom: 45px; } .cms-home .wrapper .page .news-content-container.rc-news { padding-top: 33px; } .cms-home .wrapper .page .news-content-container.rc-news .news-content-container .news-container .news .item .news-text-container h2 { margin: 25px 0; } .cms-home .wrapper .page .news-content-container .news .item.second { display: none; } .cms-home .wrapper .page .news-content-container .news .news-text-container .dotted a { display: block; margin-top: 30px; } } @media screen and (max-width: 520px) { .cms-home .wrapper .page .aklamio-and-news-wrapper h1 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.57143rem; } .cms-home .wrapper .page .aklamio-and-news-wrapper h1 span { display: none; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .aklamio-block-container .headline, .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .headline { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; margin-top: 0; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container { margin-top: 60px; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .block-content .input-box { width: 100%; max-width: 290px; padding-right: 0; padding-bottom: 10px; float: none; display: block; margin: 0 auto; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .block-content .actions { width: 100%; max-width: 290px; float: none; display: block; margin: 0 auto; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .next-steps .gallery-container { max-width: 288px; width: 100%; display: block; margin: 0 auto; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .next-steps .gallery-container .gallery-slider ul { max-width: none; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .next-steps .gallery-container .gallery-slider ul .nst { margin-right: 0; margin-bottom: 0; display: block; float: left; text-align: center; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .next-steps .gallery-container .gallery-slider ul .nst .image { display: block; margin: 0 auto; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .next-steps .gallery-container .gallery-slider ul .nst p { width: 224px; left: 50%; margin-left: -112px; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .next-steps .gallery-container .unslider-nav { display: none; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .next-steps .gallery-container .unslider-arrow { display: block; position: absolute; margin-top: -12px; top: 50%; width: 16px; height: 24px; z-index: 9; font-size: 0; cursor: pointer; opacity: 0.6; background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .next-steps .gallery-container .unslider-arrow.prev { left: 20px; background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-left-big-black.png); } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .next-steps .gallery-container .unslider-arrow.next { right: 20px; background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/slider-navigate-right-big-black.png); } } @media screen and (max-width: 480px) { .cms-home .wrapper .page .content-container .main .home-main-advantages .intro-text-tablet { display: none; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .intro-text { display: block; padding: 40px 20px 10px; text-align: center; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .intro-text .no-mobile { display: none; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .intro-text h2 { margin-bottom: 30px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; } .cms-home .wrapper .page .content-container .main .home-main-advantages .text-explanation .intro-text p { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1rem; } .cms-home .wrapper .page .topic-link-section .tile-box { height: 200px; } .cms-home .wrapper .page .topic-link-section .tile-box .tile { background-size: cover; height: 200px; } .cms-home .wrapper .page .topic-link-section .tile-box .tile.tile_xlr { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/tile_xlr.jpg); } .cms-home .wrapper .page .topic-link-section .tile-box .tile.tile_product_overview { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/tile_product_overview.jpg); } .cms-home .wrapper .page .topic-link-section .tile-box .tile.tile_functionality { background-image: url(https://www.racechip.de/skin/frontend/racechip/default/images/tile_functionality.jpg); } .cms-home .wrapper .page .topic-link-section .tile-box .tile h3 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.28571rem; margin-top: 85px; } .cms-home .wrapper .page .topic-link-section .tile-box .no-mobile { display: none; } .cms-home .wrapper .page .content-container .main .news-content-container .news-content-container .head-line .title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; } .cms-home .wrapper .page .aklamio-and-news-wrapper { padding: 12px; } .cms-home .wrapper .page .aklamio-and-news-wrapper .bottom-section .aklamio-block-container { margin-bottom: 0; } } /*# sourceMappingURL=RC_Home.css.map */ /* * Addresses the Aklamio landing page * * This is included (for the moment) separately via layout updates cmscontent.xml. * * @author RaceChip Chiptuning GmbH */ /* * This file contains all rules for all stage areas all through the website * * It is included only via the main SCSS files addressing the pages that need a stage area * * @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 .page .stage { background: none; height: auto; overflow: hidden; } .wrapper .page .stage figure, .wrapper .page .stage img { display: block; } .wrapper .page .stage .teaser-text-block { display: block; } .wrapper .page .stage { width: 100%; position: relative; } .wrapper .page .stage .content-area { position: absolute; height: 100%; bottom: 0; left: 0; right: 0; width: 100%; z-index: 2; } .wrapper .page .stage .checkered-flag { display: none; position: absolute; max-width: 90px; width: 90px; left: auto; right: 0; bottom: 0; } .wrapper .page .stage img.product-image { left: 0; margin: 0 auto; position: absolute; right: 0; top: 25%; } .wrapper .page .stage .teaser-text-block { position: absolute; bottom: 0; left: -6.25%; width: 100%; height: 280px; color: #f2f2f2; } .wrapper .page .stage .teaser-text-block .teaser-title { position: absolute; z-index: 4; left: 6.25%; width: 93.65%; bottom: 92.85714%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 2.14286rem; } .wrapper .page .stage .teaser-text-block p { position: absolute; z-index: 4; padding-left: 1.5625%; left: 15.625%; width: 87.4%; bottom: 75%; } .wrapper .page .stage .teaser-text-block a.c2a { position: absolute; z-index: 5; bottom: 46.42857%; left: 110px; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/button-c2a-stage_repeat.png) repeat-x center; height: 53px; min-width: 17.03125%; padding: 0 0 4px 45px; line-height: 3.6; white-space: nowrap; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } .wrapper .page .stage .teaser-text-block a.c2a:after { content: ""; position: absolute; width: 46px; right: -46px; top: 0; bottom: 0; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/button-c2a-stage_right.png) no-repeat center; } .wrapper .page .stage .teaser-text-block a.c2a:hover { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/button-c2a-stage_repeat_hover.png) repeat-x center; } .wrapper .page .stage .teaser-text-block a.c2a:hover:after { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/button-c2a-stage_right_hover.png) no-repeat center; } .wrapper .page .stage .teaser-text-block img.teaser-image { position: absolute; width: 220px; left: -40px; bottom: 4px; z-index: 6; } .wrapper .page .stage.home-stage { width: 100%; position: relative; } .wrapper .page .stage.home-stage .content-area { position: absolute; bottom: 0px; left: 0px; right: 0px; width: 100%; z-index: 2; } .wrapper .page .stage.home-stage img.product-image { left: 0; margin: 0 auto; position: absolute; right: 0; top: 25%; } .wrapper .page .stage.home-stage .teaser-text-block { position: absolute; bottom: 0; left: -6.25%; width: 100%; height: 280px; color: #f2f2f2; } .wrapper .page .stage.home-stage .teaser-text-block .teaser-title, .wrapper .page .stage.home-stage .teaser-text-block .teaser-text { text-shadow: -1px -1px 1px black; } .wrapper .page .stage.home-stage .teaser-text-block .teaser-title { position: absolute; z-index: 4; left: 6.25%; width: 93.65%; bottom: 92.85714%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 2.21429rem; } .wrapper .page .stage.home-stage .teaser-text-block .teaser-text { position: absolute; z-index: 4; padding-left: 1.5625%; left: 15.625%; width: 87.4%; bottom: 75%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.07143rem; } .wrapper .page .stage.home-stage .teaser-text-block a.c2a { position: absolute; z-index: 5; bottom: 46.42857%; left: 110px; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/button-c2a-stage_repeat.png) repeat-x center; height: 53px; min-width: 17.03125%; padding: 0 0 4px 45px; line-height: 3.6; white-space: nowrap; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } .wrapper .page .stage.home-stage .teaser-text-block a.c2a:after { content: ""; position: absolute; width: 46px; right: -46px; top: 0; bottom: 0; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/button-c2a-stage_right.png) no-repeat center; } .wrapper .page .stage.home-stage .teaser-text-block a.c2a:hover { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/button-c2a-stage_repeat_hover.png) repeat-x center; } .wrapper .page .stage.home-stage .teaser-text-block a.c2a:hover:after { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/button-c2a-stage_right_hover.png) no-repeat center; } .wrapper .page .stage.home-stage .teaser-text-block .img-container { position: absolute; width: 146px; left: -10px; bottom: 0; z-index: 6; overflow: hidden; height: 260px; } .wrapper .page .stage.home-stage .teaser-text-block .img-container img { position: static; width: 100%; } .wrapper .page .stage.home-stage .teaser-text-block .img2 { position: absolute; width: 220px; left: -40px; bottom: 4px; z-index: 6; } .wrapper .page .stage.home-stage .teaser-title .only-mobiles, .wrapper .page .stage.home-stage .teaser-text-block .only-mobiles { display: none; } @media screen and (max-width: 992px) { .wrapper .page .stage.home-stage .teaser-text-block .teaser-text { left: 16.12903%; } .wrapper .page .stage.home-stage .teaser-text-block a.c2a { min-width: 21.97581%; } } @media screen and (max-width: 1024px) { html.desktop .wrapper .page .stage.home-stage .teaser-text-block .teaser-title, html.desktop .wrapper .page .stage.home-stage .teaser-text-block .teaser-text { display: none; } } @media screen and (max-width: 960px) { .wrapper .page .stage.home-stage .teaser-text-block { bottom: -100px; } } @media screen and (max-width: 768px) { .wrapper .page .stage.home-stage .teaser-text-block .teaser-title, .wrapper .page .stage.home-stage .teaser-text-block .teaser-text { display: block; } .wrapper .page .stage.home-stage .teaser-text-block .teaser-title { padding-left: 2.60417%; } } @media screen and (max-width: 768px) { .wrapper .page .stage.home-stage .teaser-text-block .teaser-text { left: 20.83333%; } .wrapper .page .stage.home-stage .teaser-text-block a.c2a { left: 100px; min-width: 28.38542%; } .wrapper .page .stage.home-stage .teaser-text-block img.teaser-image { left: -10.41667%; } .wrapper .page .stage.home-stage .teaser-title .no-mobiles, .wrapper .page .stage.home-stage .teaser-text-block .no-mobiles { display: none; } .wrapper .page .stage.home-stage .teaser-title .only-mobiles, .wrapper .page .stage.home-stage .teaser-text-block .only-mobiles { display: inline; } } @media screen and (max-width: 680px) { .wrapper .page .stage.home-stage { z-index: 3; padding-bottom: 12px; margin-bottom: 25px; } .wrapper .page .stage.home-stage .checkered-flag { display: block; } } @media screen and (max-width: 620px) { .wrapper .page .stage.home-stage .teaser-text-block .teaser-text { left: 27.08333%; } } @media screen and (max-width: 550px) { .wrapper .page .stage.home-stage .teaser-text-block .teaser-text { width: 83.33333%; padding-left: 8.33333%; bottom: 71.42857%; } .wrapper .page .stage.home-stage .teaser-text-block a.c2a { left: 100px; } } @media screen and (max-width: 480px) { .wrapper .page .stage.home-stage .teaser-text-block { width: 100%; height: 115px; left: 0; bottom: 0; } .wrapper .page .stage.home-stage .teaser-text-block .stage-teaser-container { margin-top: 15px; } .wrapper .page .stage.home-stage .teaser-text-block .img-container, .wrapper .page .stage.home-stage .teaser-text-block a.c2a { display: none; } .wrapper .page .stage.home-stage .teaser-text-block .teaser-title, .wrapper .page .stage.home-stage .teaser-text-block .teaser-text { position: static; left: auto; bottom: auto; width: auto; margin: 0; padding: 0 4.16667%; } .wrapper .page .stage.home-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.28571rem; margin-bottom: 10px; } .wrapper .page .stage.home-stage .teaser-text-block .teaser-text { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } .wrapper .page .stage.home-stage .teaser-text-block .teaser-text .over-480 { display: none; } } @media screen and (max-width: 390px) { .wrapper .page .stage.home-stage .teaser-text-block img { display: none; } } .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { left: 5.04032%; width: 555px; height: auto; bottom: 110px; } .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { color: #fff; position: static; margin: 0; padding: 0; left: auto; width: 100%; text-shadow: -1px -1px 1px black; } .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: italic; font-size: 3.42857rem; margin-bottom: 20px; } .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; } @media screen and (max-width: 768px) { .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { width: 340px; left: 3.90625%; bottom: 40px; } .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: italic; font-size: 2.14286rem; } .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.14286rem; } .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text br, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text br { display: none; } } @media screen and (max-width: 400px) { .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { width: 70%; } } @media screen and (max-width: 1100px) { body.cms-leistungssteigerung .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, .wrapper .page .stage.ct-dispatcher-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-title, body.cms-leistungssteigerung .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, .wrapper .page .stage.quality-and-warranty-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2.42857rem; } } @media screen and (max-width: 1000px) { body.cms-leistungssteigerung .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-leistungssteigerung-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-performance-enhancement .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-performance-enhancement-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-augmentation-puissance .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-augmentation-puissance-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-incremento-potenza .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, .wrapper .page .stage.ct-dispatcher-stage body.cms-incremento-potenza-html .teaser-text-block, body.cms-leistungssteigerung .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-leistungssteigerung-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-performance-enhancement .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-performance-enhancement-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-augmentation-puissance .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-augmentation-puissance-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-incremento-potenza .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, .wrapper .page .stage.quality-and-warranty-stage body.cms-incremento-potenza-html .teaser-text-block { bottom: 60px; } body.cms-leistungssteigerung .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, .wrapper .page .stage.ct-dispatcher-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-title, body.cms-leistungssteigerung .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, .wrapper .page .stage.quality-and-warranty-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2.14286rem; } } @media screen and (max-width: 480px) { body.cms-leistungssteigerung .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-leistungssteigerung-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-performance-enhancement .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-performance-enhancement-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-augmentation-puissance .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-augmentation-puissance-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-incremento-potenza .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, .wrapper .page .stage.ct-dispatcher-stage body.cms-incremento-potenza-html .teaser-text-block, body.cms-leistungssteigerung .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-leistungssteigerung-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-performance-enhancement .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-performance-enhancement-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-augmentation-puissance .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-augmentation-puissance-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-incremento-potenza .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, .wrapper .page .stage.quality-and-warranty-stage body.cms-incremento-potenza-html .teaser-text-block { width: 100%; top: auto; bottom: 12px; } body.cms-leistungssteigerung .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-leistungssteigerung-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-performance-enhancement .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-performance-enhancement-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-augmentation-puissance .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-augmentation-puissance-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-incremento-potenza .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, .wrapper .page .stage.ct-dispatcher-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-title, .wrapper .page .stage.ct-dispatcher-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-text, body.cms-leistungssteigerung .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-leistungssteigerung-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-performance-enhancement .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-performance-enhancement-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-augmentation-puissance .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-augmentation-puissance-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-incremento-potenza .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, .wrapper .page .stage.quality-and-warranty-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-title, .wrapper .page .stage.quality-and-warranty-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-text { width: 70%; text-align: left; } body.cms-leistungssteigerung .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, .wrapper .page .stage.ct-dispatcher-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-title, body.cms-leistungssteigerung .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, .wrapper .page .stage.quality-and-warranty-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-title { width: 80%; margin-bottom: 5px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.28571rem; } body.cms-leistungssteigerung .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-leistungssteigerung-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-performance-enhancement .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-performance-enhancement-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-augmentation-puissance .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-augmentation-puissance-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-incremento-potenza .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, .wrapper .page .stage.ct-dispatcher-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-text, body.cms-leistungssteigerung .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-leistungssteigerung-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-performance-enhancement .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-performance-enhancement-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-augmentation-puissance .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-augmentation-puissance-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-incremento-potenza .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, .wrapper .page .stage.quality-and-warranty-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-text { display: block; width: 97%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } body.cms-leistungssteigerung .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a, body.cms-leistungssteigerung-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a, body.cms-performance-enhancement .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a, body.cms-performance-enhancement-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a, body.cms-augmentation-puissance .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a, body.cms-augmentation-puissance-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a, body.cms-incremento-potenza .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a, .wrapper .page .stage.ct-dispatcher-stage body.cms-incremento-potenza-html .teaser-text-block .c2a, body.cms-leistungssteigerung .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a, body.cms-leistungssteigerung-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a, body.cms-performance-enhancement .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a, body.cms-performance-enhancement-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a, body.cms-augmentation-puissance .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a, body.cms-augmentation-puissance-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a, body.cms-incremento-potenza .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a, .wrapper .page .stage.quality-and-warranty-stage body.cms-incremento-potenza-html .teaser-text-block .c2a { margin-top: 0; } } @media screen and (max-width: 400px) { body.cms-leistungssteigerung .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, .wrapper .page .stage.ct-dispatcher-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-title, body.cms-leistungssteigerung .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-leistungssteigerung-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-performance-enhancement-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-augmentation-puissance-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, .wrapper .page .stage.quality-and-warranty-stage body.cms-incremento-potenza-html .teaser-text-block .teaser-title { width: 70%; } } body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { left: 0; width: 730px; bottom: auto; top: 27.5%; } body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { width: 54.79452%; } @media screen and (max-width: 960px) { body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { padding-left: 2.08333%; } } @media screen and (max-width: 980px) { body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { top: auto; bottom: 60px; } body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2.42857rem; } } @media screen and (max-width: 890px) { body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2.28571rem; } } @media screen and (max-width: 768px) { body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { top: auto; bottom: 60px; width: 100%; padding-left: 5.20833%; } body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { margin-bottom: 15px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: italic; font-size: 2.14286rem; } body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { width: 100%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.14286rem; } body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text br, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text br, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text br, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text br, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text br, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text br, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text br, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text br, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text br, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text br, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text br, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text br, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text br, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text br, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text br, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text br { display: none; } } @media screen and (max-width: 560px) { body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2rem; } } @media screen and (max-width: 480px) { body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: 12px; } body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { margin: 0; width: 65%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.28571rem; } body.cms-verbrauchsreduktion .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-verbrauchsreduktion-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-fuel-economy .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-fuel-economy-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-verbrauchsreduktion .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-verbrauchsreduktion-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-fuel-economy .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-fuel-economy-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-reduction-consommation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-riduzione-consumi-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { width: 90%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } } body.cms-produktuebersicht .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-produktuebersicht-html .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-product-overview .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-product-overview-html .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-apercu .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-apercu-html .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-panoramica-prodotti .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-panoramica-prodotti-html .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-produktuebersicht .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-produktuebersicht-html .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-product-overview .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-product-overview-html .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-apercu .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-apercu-html .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-panoramica-prodotti .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-panoramica-prodotti-html .wrapper .page .stage.quality-and-warranty-stage .checkered-flag { display: none; } body.cms-produktuebersicht .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-produktuebersicht-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-product-overview .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-product-overview-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-apercu .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-apercu-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-panoramica-prodotti .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-panoramica-prodotti-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-produktuebersicht .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-produktuebersicht-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-product-overview .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-product-overview-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-apercu .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-apercu-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-panoramica-prodotti .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-panoramica-prodotti-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { width: 100%; left: auto; bottom: auto; top: 44%; padding: 0 2.08333% 0 4.16667%; } body.cms-produktuebersicht .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-produktuebersicht-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-product-overview .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-product-overview-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-apercu .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-apercu-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-panoramica-prodotti .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-panoramica-prodotti-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-produktuebersicht .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-produktuebersicht-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-product-overview .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-product-overview-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-apercu .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-apercu-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-panoramica-prodotti .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-panoramica-prodotti-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.28571rem; text-transform: uppercase; margin-bottom: 0; text-align: center; } body.cms-produktuebersicht .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-produktuebersicht-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-product-overview .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-product-overview-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-apercu .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-apercu-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-panoramica-prodotti .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-panoramica-prodotti-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-produktuebersicht .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-produktuebersicht-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-product-overview .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-product-overview-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-apercu .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-apercu-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-panoramica-prodotti .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-panoramica-prodotti-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.28571rem; text-transform: uppercase; text-align: center; line-height: 1.1; } @media screen and (max-width: 768px) { body.cms-produktuebersicht .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-produktuebersicht-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-product-overview .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-product-overview-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-apercu .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-apercu-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-panoramica-prodotti .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-panoramica-prodotti-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-produktuebersicht .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-produktuebersicht-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-product-overview .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-product-overview-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-apercu .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-apercu-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-panoramica-prodotti .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-panoramica-prodotti-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { top: 41%; padding: 0 2.60417%; } } @media screen and (max-width: 480px) { body.cms-produktuebersicht .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-produktuebersicht-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-product-overview .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-product-overview-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-apercu .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-apercu-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-panoramica-prodotti .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-panoramica-prodotti-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-produktuebersicht .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-produktuebersicht-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-product-overview .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-product-overview-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-apercu .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-apercu-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-panoramica-prodotti .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-panoramica-prodotti-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { top: 46%; padding: 0 4.16667%; } body.cms-produktuebersicht .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-produktuebersicht-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-product-overview .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-product-overview-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-apercu .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-apercu-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-panoramica-prodotti .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-panoramica-prodotti-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-produktuebersicht .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-produktuebersicht-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-product-overview .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-product-overview-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-apercu .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-apercu-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-panoramica-prodotti .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-panoramica-prodotti-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { width: 100%; text-align: center; font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.42857rem; } body.cms-produktuebersicht .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-produktuebersicht-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-product-overview .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-product-overview-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-apercu .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-apercu-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-panoramica-prodotti .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-panoramica-prodotti-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-produktuebersicht .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-produktuebersicht-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-product-overview .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-product-overview-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-apercu .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-apercu-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-panoramica-prodotti .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-panoramica-prodotti-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { width: 100%; text-align: center; font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.42857rem; } } body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { width: 570px; bottom: auto; top: 25%; } body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { text-shadow: 1px 1px 1px black; } body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { color: #e2e2e2; } body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br { display: none; } @media screen and (max-width: 960px) { body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { top: 30%; } body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: italic; font-size: 2.35714rem; } } @media screen and (max-width: 850px) { body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { top: 40%; } } @media screen and (max-width: 560px) { body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { top: auto; bottom: 10%; width: 100%; padding-right: 4.16667%; } } @media screen and (max-width: 480px) { body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: 12px; } body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { width: 80%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.42857rem; color: #f2f2f2; } body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title br, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title br { display: block; } } @media screen and (max-width: 400px) { body.cms-funktion-und-einbau .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-function-installation .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-function-installation-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funktion-und-einbau-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-function-installation .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-function-installation-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-fonctionnement-montage-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-funzionalita-montaggio-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { width: 100%; } } body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: auto; top: 25%; } body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a { position: static; bottom: auto; left: auto; background: none; min-width: 0; z-index: 2; padding: 0; line-height: normal; margin-top: 10px; text-decoration: underline; color: #fff; outline: none; } body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a:after, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a:after { display: none; } @media screen and (max-width: 768px) { body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { width: 400px; top: auto; bottom: 10%; } body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { margin-bottom: 10px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2rem; } } @media screen and (max-width: 620px) { body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { display: block; } body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { display: none; } } @media screen and (max-width: 480px) { body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { width: 100%; top: auto; bottom: 20px; } body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { width: 70%; text-align: left; } body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { margin-bottom: 5px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.28571rem; } body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { display: block; width: 97%; font-size: 14px; font-weight: 300; } body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a { margin-top: 0; } } @media screen and (max-width: 480px) { body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage { padding-bottom: 12px; background: #e6e6e6; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #e6e6e6 0%, #ffffff 33%, #ffffff 66%, #e6e6e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e6e6e6), color-stop(33%, #ffffff), color-stop(66%, #ffffff), color-stop(100%, #e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #e6e6e6 0%, #ffffff 33%, #ffffff 66%, #e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #e6e6e6 0%, #ffffff 33%, #ffffff 66%, #e6e6e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #e6e6e6 0%, #ffffff 33%, #ffffff 66%, #e6e6e6 100%); /* IE10+ */ background: linear-gradient(to right, #e6e6e6 0%, #ffffff 33%, #ffffff 66%, #e6e6e6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-8 */ } body.manufacturer-landing-page .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.manufacturer-landing-page .wrapper .page .stage.quality-and-warranty-stage .checkered-flag { display: block; bottom: 0; } } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: auto; top: 40%; left: 0; right: 0; margin: 0 auto; width: 77.08333%; } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { width: 100%; text-align: center; } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { margin-bottom: 10px; } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.57143rem; } @media screen and (max-width: 768px) { body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { width: 100%; } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { padding: 0 5.20833%; } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2rem; } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.07143rem; } } @media screen and (max-width: 480px) { body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { top: auto; bottom: 20px; } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { width: 70%; text-align: left; } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { margin-bottom: 5px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.28571rem; } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { display: block; width: 97%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } } @media screen and (max-width: 480px) { body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage, body.cms-company .wrapper .page .stage.ct-dispatcher-stage, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage, body.cms-company .wrapper .page .stage.quality-and-warranty-stage, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage { padding-bottom: 4.16667%; background-color: #e6e6e6; } body.cms-unternehmen .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-unternehmen-html .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-company .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-company-html .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-entreprise .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-entreprise-html .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-azienda .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-azienda-html .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-unternehmen .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-unternehmen-html .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-company .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-company-html .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-entreprise .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-entreprise-html .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-azienda .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, body.cms-azienda-html .wrapper .page .stage.quality-and-warranty-stage .checkered-flag { display: block; bottom: 0; } } .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { left: 0; width: 680px; bottom: auto; top: 25%; } .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { text-shadow: 1px 1px 1px black; color: #f2f2f2; } .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text { text-shadow: 1px 1px 1px black; } @media screen and (max-width: 960px) { .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { padding-left: 2.08333%; } } @media screen and (max-width: 920px) { .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { top: auto; bottom: 30%; } .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: italic; font-size: 2.85714rem; } } @media screen and (max-width: 850px) { .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: 20%; } } @media screen and (max-width: 680px) { .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: 10%; width: 100%; } .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title { margin-bottom: 10px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: italic; font-size: 2.28571rem; } } @media screen and (max-width: 480px) { .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { padding-left: 4.16667%; } } @media screen and (max-width: 480px) { .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block { width: 100%; top: auto; bottom: 5%; } .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text { width: 70%; text-align: left; } .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title { width: 60%; margin-bottom: 5px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.28571rem; } .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text { display: block; width: 97%; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a, .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a { margin-top: 0; } } @media screen and (max-width: 400px) { .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title { width: 80%; } } @media screen and (max-width: 480px) { .wrapper .page .stage.quality-and-warranty-stage .checkered-flag, .wrapper .page .stage.ct-dispatcher-stage .checkered-flag { display: block; bottom: -20px; } } .wrapper .page .stage.product-page-stage .content-area { max-width: 100%; } .wrapper .page .stage.product-page-stage .teaser-text-block { left: 0; height: 100%; width: 46.875%; margin: 0 auto; position: static; } .wrapper .page .stage.product-page-stage .teaser-text-block img { position: static; left: auto; bottom: auto; width: auto; z-index: 2; } .wrapper .page .stage.product-page-stage .teaser-text-block .stage-teaser-container { width: 100%; height: 100%; margin: 0 auto; position: relative; } .wrapper .page .stage.product-page-stage .teaser-text-block .stage-teaser-container .chip-image { position: absolute; } .wrapper .page .stage.product-page-stage .teaser-text-block .stage-teaser-container .chip-image.stage-chip-lateral { bottom: 19%; width: 28%; } .wrapper .page .stage.product-page-stage .teaser-text-block .stage-teaser-container .chip-image.stage-chip-front { right: 12%; bottom: 20%; width: 60%; } .wrapper .page .stage.product-page-stage .teaser-text-block.product-chip_ultimate.-not-connect { width: 50.78125%; } .wrapper .page .stage.product-page-stage .teaser-text-block.product-chip_ultimate.-not-connect .stage-teaser-container { margin-right: -12.5%; } .wrapper .page .stage.product-page-stage .teaser-text-block.only-big-image .stage-teaser-container .chip-image.stage-chip-lateral { display: none; } .wrapper .page .stage.product-page-stage .teaser-text-block.only-big-image .stage-teaser-container .chip-image.stage-chip-front { right: 0; left: 0; margin: 0 auto; bottom: 10%; width: 75%; } @media screen and (max-width: 1280px) { .wrapper .page .stage.product-page-stage .content-area { bottom: -40px; } } @media screen and (max-width: 768px) { .wrapper .page .stage.product-page-stage { height: 400px; } .wrapper .page .stage.product-page-stage figure img { height: 400px; } .wrapper .page .stage.product-page-stage .teaser-text-block { width: 78.125%; } .wrapper .page .stage.product-page-stage .teaser-text-block.product-chip_ultimate.-not-connect { width: 84.63542%; } .wrapper .page .stage.product-page-stage .teaser-text-block.only-big-image .stage-teaser-container .chip-image.stage-chip-front { bottom: 5%; } } @media screen and (max-width: 560px) { .wrapper .page .stage.product-page-stage .teaser-text-block { width: 100%; } } @media screen and (max-width: 480px) { .wrapper .page .stage.product-page-stage { height: 420px; } .wrapper .page .stage.product-page-stage figure img { height: 420px; } .wrapper .page .stage.product-page-stage .teaser-text-block .stage-teaser-container .chip-image.stage-chip-lateral { display: none; } .wrapper .page .stage.product-page-stage .teaser-text-block .stage-teaser-container .chip-image.stage-chip-front { width: 90%; bottom: 5%; left: 0; right: 0; margin: 0 auto; } .wrapper .page .stage.product-page-stage .teaser-text-block.only-big-image .stage-teaser-container .chip-image.stage-chip-front { width: 90%; } } @media screen and (max-width: 450px) { .wrapper .page .stage.product-page-stage { height: 380px; } .wrapper .page .stage.product-page-stage figure img { height: 380px; } } @media screen and (max-width: 400px) { .wrapper .page .stage.product-page-stage { height: 350px; } .wrapper .page .stage.product-page-stage figure img { height: 350px; } } @media screen and (max-width: 350px) { .wrapper .page .stage.product-page-stage { height: 310px; } .wrapper .page .stage.product-page-stage figure img { height: 310px; } } @media screen and (max-width: 320px) { .wrapper .page .stage.product-page-stage { height: 300px; } .wrapper .page .stage.product-page-stage figure img { height: 300px; } } .wrapper .page .stage.accessories-stage img.product-image { position: static; } .wrapper .page .stage.accessories-stage .teaser-text-block { width: 54.16667%; bottom: auto; height: auto; left: 4.16667%; top: 30%; z-index: 6; } .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-title, .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-text, .wrapper .page .stage.accessories-stage .teaser-text-block .c2a { position: static; } .wrapper .page .stage.accessories-stage .teaser-text-block .c2a { display: none; } .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-title, .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-text { color: #fff; position: static; margin: 0; padding: 0; left: auto; width: 100%; text-shadow: 1px 1px 1px black; } .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: italic; font-size: 2.85714rem; margin-bottom: 20px; } .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-text { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; } .wrapper .page .stage.accessories-stage .chip-image { position: absolute; width: 80%; height: auto; bottom: 0; right: 15%; } @media screen and (max-width: 1280px) { .wrapper .page .stage.accessories-stage .chip-image { width: 50%; bottom: -5%; right: 25%; } } @media screen and (max-width: 1024px) { .wrapper .page .stage.accessories-stage .chip-image { right: 20%; } } @media screen and (max-width: 960px) { .wrapper .page .stage.accessories-stage { height: 500px; } .wrapper .page .stage.accessories-stage figure img { height: 500px; } .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 600; font-style: italic; font-size: 2.14286rem; margin-bottom: 10px; } } @media screen and (max-width: 768px) { .wrapper .page .stage.accessories-stage { height: 400px; } .wrapper .page .stage.accessories-stage figure img { height: 400px; } .wrapper .page .stage.accessories-stage .teaser-text-block { width: 60%; } .wrapper .page .stage.accessories-stage .chip-image { right: 5%; width: 60%; } } @media screen and (max-width: 620px) { .wrapper .page .stage.accessories-stage .teaser-text-block { width: 75%; } } @media screen and (max-width: 480px) { .wrapper .page .stage.accessories-stage { height: 420px; } .wrapper .page .stage.accessories-stage figure img { height: 420px; } .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-text { display: none; } } @media screen and (max-width: 450px) { .wrapper .page .stage.accessories-stage { height: 380px; } .wrapper .page .stage.accessories-stage figure img { height: 380px; } } @media screen and (max-width: 400px) { .wrapper .page .stage.accessories-stage { height: 350px; } .wrapper .page .stage.accessories-stage figure img { height: 350px; } .wrapper .page .stage.accessories-stage .teaser-text-block { width: 100%; top: 100px; padding-right: 6.25%; } .wrapper .page .stage.accessories-stage .chip-image { width: 100%; } } @media screen and (max-width: 350px) { .wrapper .page .stage.accessories-stage { height: 310px; } .wrapper .page .stage.accessories-stage figure img { height: 310px; } } @media screen and (max-width: 320px) { .wrapper .page .stage.accessories-stage { height: 300px; } .wrapper .page .stage.accessories-stage figure img { height: 300px; } .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 2rem; } } body.cms-racechip-app .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block { width: 520px; left: 0; top: 25%; } body.cms-racechip-app .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-title, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-title, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-title, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-title { margin-bottom: 0; } body.cms-racechip-app .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-text, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-text, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-text, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block .teaser-text { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.57143rem; } body.cms-racechip-app .wrapper .page .stage.accessories-stage .chip-image, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .chip-image { left: auto; right: 2.08333%; } @media screen and (min-width: 1831px) { body.cms-racechip-app .wrapper .page .stage.accessories-stage .chip-image, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .chip-image { width: 90%; bottom: 10%; } } @media screen and (max-width: 1830px) { body.cms-racechip-app .wrapper .page .stage.accessories-stage .chip-image, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .chip-image { width: 80%; bottom: 5%; } } @media screen and (max-width: 1520px) { body.cms-racechip-app .wrapper .page .stage.accessories-stage .chip-image, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .chip-image { width: 60%; } } @media screen and (max-width: 1200px) { body.cms-racechip-app .wrapper .page .stage.accessories-stage .chip-image, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .chip-image { width: 49%; } } @media screen and (max-width: 1024px) { body.cms-racechip-app .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block { top: 30%; } } @media screen and (max-width: 960px) { body.cms-racechip-app .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block { left: 2.08333%; } } @media screen and (max-width: 768px) { body.cms-racechip-app .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .teaser-text-block { display: none; } body.cms-racechip-app .wrapper .page .stage.accessories-stage .chip-image, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .chip-image { bottom: 0; width: 80%; left: 0; right: 0; margin: 0 auto; } } @media screen and (max-width: 500px) { body.cms-racechip-app .wrapper .page .stage.accessories-stage .chip-image, body.cms-racechip-app-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-application-racechip-html .wrapper .page .stage.accessories-stage .chip-image, body.cms-app-racechip-html .wrapper .page .stage.accessories-stage .chip-image { width: 100%; } } body.cms-xlr .wrapper .page .stage.accessories-stage, body.cms-xlr-html .wrapper .page .stage.accessories-stage { height: 900px; } body.cms-xlr .wrapper .page .stage.accessories-stage figure img, body.cms-xlr-html .wrapper .page .stage.accessories-stage figure img { height: 900px; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { width: 600px; top: 35%; left: auto; right: -100px; text-align: right; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.71429rem; text-transform: uppercase; margin-bottom: 10px; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title b, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 2.71429rem; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-text, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-text { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; width: 85%; line-height: 1.6; display: inline-block; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-text .italic, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-text .italic { font-style: italic; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row { margin-top: 20px; display: inline-block; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row:before, body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row:after, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row:before, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row:after { content: "\0020"; display: block; height: 0; overflow: hidden; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row:after, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row:after { clear: both; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container { float: none; height: 50px; display: inline-block; vertical-align: middle; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container { line-height: 50px; width: 160px; margin: 0 15px 0 0; border: 1px solid #3c3c3c; text-align: center; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container .price, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container .price { margin: 0; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container .price .-price, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container .price .-price { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 200; font-style: normal; font-size: 0.92857rem; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container .price .-price span, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container .price .-price span { font-family: "Lato", Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.42857rem; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container .price .-not-available-message, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container .price .-not-available-message { display: none; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.64286rem; line-height: 1.6; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .vat-message, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .vat-message { clear: both; width: 160px; text-align: center; padding-top: 5px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 0.64286rem; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row.-not-available .data-contents .advantages .advantage-row .advantage.picture, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row.-not-available .data-contents .advantages .advantage-row .advantage.picture { filter: alpha(opactiy=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row.-not-available .data-contents .advantages .advantage-row .advantage.text, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row.-not-available .data-contents .advantages .advantage-row .advantage.text { visibility: hidden; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row.-not-available .price .-price, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row.-not-available .price .-price { display: none; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row.-not-available .price .-not-available-message, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row.-not-available .price .-not-available-message { display: inline-block; vertical-align: middle; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row.-not-available .c2a-row .vat-message, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row.-not-available .c2a-row .vat-message { visibility: hidden; } body.cms-xlr .wrapper .page .stage.accessories-stage .chip-image, body.cms-xlr-html .wrapper .page .stage.accessories-stage .chip-image { width: 100%; right: auto; left: -280px; bottom: 0; } @media screen and (min-width: 1831px) { body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { left: auto; right: -100px; } body.cms-xlr .wrapper .page .stage.accessories-stage .chip-image, body.cms-xlr-html .wrapper .page .stage.accessories-stage .chip-image { width: 100%; right: auto; left: -350px; } } @media screen and (max-width: 1500px) { body.cms-xlr .wrapper .page .stage.accessories-stage, body.cms-xlr-html .wrapper .page .stage.accessories-stage { height: 650px; } body.cms-xlr .wrapper .page .stage.accessories-stage figure img, body.cms-xlr-html .wrapper .page .stage.accessories-stage figure img { height: 650px; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { right: 0; top: 25%; } body.cms-xlr .wrapper .page .stage.accessories-stage .chip-image, body.cms-xlr-html .wrapper .page .stage.accessories-stage .chip-image { width: 70%; left: -200px; } } @media screen and (max-width: 1200px) { body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { right: 40px; } body.cms-xlr .wrapper .page .stage.accessories-stage .chip-image, body.cms-xlr-html .wrapper .page .stage.accessories-stage .chip-image { left: -180px; } } @media screen and (max-width: 1024px) { body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { left: auto; right: 80px; width: 400px; top: 35%; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.78571rem; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title b, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.78571rem; } body.cms-xlr .wrapper .page .stage.accessories-stage .chip-image, body.cms-xlr-html .wrapper .page .stage.accessories-stage .chip-image { width: 65%; left: -60px; } } @media screen and (max-width: 960px) { body.cms-xlr .wrapper .page .stage.accessories-stage, body.cms-xlr-html .wrapper .page .stage.accessories-stage { height: 550px; } body.cms-xlr .wrapper .page .stage.accessories-stage figure img, body.cms-xlr-html .wrapper .page .stage.accessories-stage figure img { height: 550px; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { left: auto; right: 10%; width: 430px; top: 30%; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.57143rem; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title b, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.57143rem; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-text, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-text { width: 80%; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container, body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .vat-message, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .price-container, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row .vat-message { display: none; } body.cms-xlr .wrapper .page .stage.accessories-stage .chip-image, body.cms-xlr-html .wrapper .page .stage.accessories-stage .chip-image { width: 60%; left: -20px; } } @media screen and (max-width: 768px) { body.cms-xlr .wrapper .page .stage.accessories-stage, body.cms-xlr-html .wrapper .page .stage.accessories-stage { height: 500px; } body.cms-xlr .wrapper .page .stage.accessories-stage figure img, body.cms-xlr-html .wrapper .page .stage.accessories-stage figure img { height: 500px; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { right: 10%; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .no-mobiles, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .no-mobiles { display: none; } body.cms-xlr .wrapper .page .stage.accessories-stage .chip-image, body.cms-xlr-html .wrapper .page .stage.accessories-stage .chip-image { width: 70%; left: -50px; } } @media screen and (max-width: 600px) { body.cms-xlr .wrapper .page .stage.accessories-stage, body.cms-xlr-html .wrapper .page .stage.accessories-stage { height: 400px; } body.cms-xlr .wrapper .page .stage.accessories-stage figure img, body.cms-xlr-html .wrapper .page .stage.accessories-stage figure img { height: 400px; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { right: 3%; } } @media screen and (max-width: 480px) { body.cms-xlr .wrapper .page .stage.accessories-stage, body.cms-xlr-html .wrapper .page .stage.accessories-stage { height: 450px; } body.cms-xlr .wrapper .page .stage.accessories-stage figure img, body.cms-xlr-html .wrapper .page .stage.accessories-stage figure img { height: 450px; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { left: 0; right: 0; top: auto; bottom: 10%; width: 100%; padding-left: 20px; padding-right: 20px; text-align: center; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title { font-family: "AkkoProLightItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.28571rem; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title b, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .teaser-title b { font-family: "AkkoProBoldItalic", Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1.28571rem; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block .stage-teaser-container .stage-buttons-container.c2a-row { display: none; } body.cms-xlr .wrapper .page .stage.accessories-stage .chip-image, body.cms-xlr-html .wrapper .page .stage.accessories-stage .chip-image { width: 100%; right: 0; left: -4%; margin: 0 auto; bottom: 0; } } @media screen and (max-width: 400px) { body.cms-xlr .wrapper .page .stage.accessories-stage, body.cms-xlr-html .wrapper .page .stage.accessories-stage { height: 400px; } body.cms-xlr .wrapper .page .stage.accessories-stage figure img, body.cms-xlr-html .wrapper .page .stage.accessories-stage figure img { height: 400px; } } @media screen and (max-width: 320px) { body.cms-xlr .wrapper .page .stage.accessories-stage, body.cms-xlr-html .wrapper .page .stage.accessories-stage { height: 320px; } body.cms-xlr .wrapper .page .stage.accessories-stage figure img, body.cms-xlr-html .wrapper .page .stage.accessories-stage figure img { height: 320px; } body.cms-xlr .wrapper .page .stage.accessories-stage .teaser-text-block, body.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { bottom: 5%; } } @media screen and (max-width: 1024px) { body.store-itl.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { top: 28%; } } @media screen and (max-width: 960px) { body.store-itl.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { top: 20%; } } @media screen and (max-width: 768px) { body.store-itl.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { top: 30%; } } @media screen and (max-width: 480px) { body.store-itl.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { top: auto; } } @media screen and (max-width: 1024px) { body.store-frc.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { top: 28%; } } @media screen and (max-width: 960px) { body.store-frc.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { top: 20%; } } @media screen and (max-width: 768px) { body.store-frc.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { top: 30%; } } @media screen and (max-width: 480px) { body.store-frc.cms-xlr-html .wrapper .page .stage.accessories-stage .teaser-text-block { top: auto; } } @media screen and (max-width: 410px) { .wrapper .page .content-container .main .mobile-stage-teaser-container a.c2a { padding: 30px 6.25% 0 10px; } .wrapper .page .content-container .main .mobile-stage-teaser-container a.c2a h1 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: italic; font-size: 1.42857rem; margin-bottom: 5px; } .wrapper .page .content-container .main .mobile-stage-teaser-container a.c2a p { line-height: 1.2; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } } .retina .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: 45%; } .retina.w-667 .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, .retina.w-414 .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: 25%; } .retina.w-736 .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: 15%; } .retina.w-568 .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: 5%; } .retina.w-480 .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, .retina.lt-480 .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: 12px; } .no-retina.w-768 .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block { bottom: 45%; } body.cms-aklamio .wrapper .page .stage, body.cms-aklamio-html .wrapper .page .stage { display: none; } body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block { width: 100%; left: 0; bottom: 0; right: 0; top: auto; height: 100%; max-height: 75%; } body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container { position: absolute; left: 0; bottom: 230px; width: 49.47917%; height: auto; } body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container h1, body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container p, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container h1, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container p { position: static; width: 100%; } body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container h1, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container h1 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 2.14286rem; } body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container p, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container p { padding-left: 0; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; line-height: 1.5; } body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container .btn.c2a, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container .btn.c2a { display: none; } body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container { width: 48.95833%; right: 0; left: auto; bottom: 40px; height: auto; } @media screen and (min-width: 1600px) { body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block { bottom: 20%; } } @media screen and (max-width: 1599px) { body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block { bottom: 0; } } @media screen and (max-width: 1140px) { body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container { bottom: 180px; } body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container { width: 43.75%; } } @media screen and (max-width: 1024px) { body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block { /*.teaser-title, .teaser-text { display: block; }*/ } body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container { bottom: 160px; } body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container { bottom: 60px; width: 36.45833%; } } @media screen and (max-width: 960px) { body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container { margin-left: 2.08333%; bottom: 60px; } body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container { bottom: -40px; margin-right: 4.16667%; width: 36.45833%; } } @media screen and (max-width: 860px) { body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block { bottom: 60px; } body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container { width: 100%; text-align: center; position: static; margin-bottom: 20px; } body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container .teaser-title, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.85714rem; margin: 0 auto; } body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container .teaser-text, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container .teaser-text { display: none; } body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container { position: static; width: 350px; margin: 0 auto 40px auto; } } @media screen and (max-width: 860px) and (orientation: landscape) { body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container { width: 270px; } } @media screen and (max-width: 620px) { body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container { width: 50%; } } @media screen and (max-width: 620px) and (orientation: landscape) { body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container { width: 37.5%; } } @media screen and (max-width: 480px) { body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block { bottom: 0; max-height: 100%; } body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container { margin-top: -60px; } body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container .teaser-title, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; text-align: left; padding: 0 4.16667%; } body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container { display: block; margin-top: 80px; width: 79.16667%; } } @media screen and (max-width: 480px) and (orientation: landscape) { body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container { margin-top: 20px; width: 41.66667%; } } @media screen and (max-width: 390px) { body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container img, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container img { display: block; } } @media screen and (max-width: 400px) { body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container .teaser-title, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container .teaser-title { padding: 0 1.5625%; } body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container { margin-top: 50px; width: 79.16667%; } } @media screen and (max-width: 320px) { body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container .teaser-title, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .stage-teaser-container .teaser-title { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.28571rem; } body.cms-aklamio .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container, body.cms-aklamio-html .wrapper .page .stage.aklamio-stage .teaser-text-block .img-container { margin-top: 15px; width: 87.5%; } } .wrapper .page .aklamio-page .no-desktop { display: none; } .wrapper .page .aklamio-page .no-phone { display: inline; } .wrapper .page .aklamio-page .aklamio-products { background-color: #e6e6e6; } .wrapper .page .aklamio-page .aklamio-products:before, .wrapper .page .aklamio-page .aklamio-products:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .aklamio-page .aklamio-products:after { clear: both; } .wrapper .page .aklamio-page .aklamio-products .item { max-height: 400px; float: left; width: 25%; border-right: 1px solid #afafaf; border-bottom: 1px solid #afafaf; padding: 25px 0 0; margin: 0; text-align: center; } .wrapper .page .aklamio-page .aklamio-products .item.product-pedal_tuning { border-right: none; } .wrapper .page .aklamio-page .aklamio-products .item .title { margin: 0; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.42857rem; } .wrapper .page .aklamio-page .aklamio-products .item .title em { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: italic; font-size: 1.42857rem; } .wrapper .page .aklamio-page .aklamio-products .item .c2a { margin: 25px 0; } .wrapper .page .aklamio-page .aklamio-products .item .deduction { line-height: 1.1; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 300; font-style: normal; font-size: 1.35714rem; } .wrapper .page .aklamio-page .aklamio-products .item .deduction strong { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: normal; font-size: 1.35714rem; } .wrapper .page .aklamio-page .aklamio-products .item .image { position: relative; height: 211px; width: 100%; } .wrapper .page .aklamio-page .aklamio-products .item .image img { position: absolute; top: auto; left: 0; right: 0; bottom: 0; max-width: 100%; margin: 0 auto; } .wrapper .page .aklamio-page .aklamio-products .item.product-chip_pro2 .image img { width: 68%; } .wrapper .page .aklamio-page .aklamio-products .item.product-chip_one .image img { width: 77%; } .wrapper .page .aklamio-page .aklamio-products .item.product-pedal_tuning .image img { width: 45%; } .wrapper .page .aklamio-page .footnote { padding: 7px 0; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } .wrapper .page .aklamio-page .aklamio-steps { padding-top: 20px; } .wrapper .page .aklamio-page .aklamio-steps .title, .wrapper .page .aklamio-page .aklamio-steps .sub-title { text-align: center; } .wrapper .page .aklamio-page .aklamio-steps .title { margin-bottom: 0; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.85714rem; } .wrapper .page .aklamio-page .aklamio-steps .sub-title, .wrapper .page .aklamio-page .aklamio-steps .step-title { margin-top: 0; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; } .wrapper .page .aklamio-page .aklamio-steps .steps { margin-top: 40px; } .wrapper .page .aklamio-page .aklamio-steps .steps:before, .wrapper .page .aklamio-page .aklamio-steps .steps:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .aklamio-page .aklamio-steps .steps:after { clear: both; } .wrapper .page .aklamio-page .aklamio-steps .steps .step { float: left; width: 33.33%; min-height: 280px; border-right: 1px solid #afafaf; padding: 10px 2.08333%; } .wrapper .page .aklamio-page .aklamio-steps .steps .step .step-title { margin-bottom: 25px; } .wrapper .page .aklamio-page .aklamio-steps .steps .step .explanation { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; margin-bottom: 25px; } .wrapper .page .aklamio-page .aklamio-steps .steps .step.prizes { border-right: none; } .wrapper .page .aklamio-page .aklamio-steps .steps .step .image { width: 65%; margin: 0 auto; } .wrapper .page .aklamio-page .aklamio-account { margin-top: 60px; padding-bottom: 50px; } .wrapper .page .aklamio-page .aklamio-account .title { text-align: center; margin-bottom: 30px; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 500; font-style: italic; font-size: 1.85714rem; } .wrapper .page .aklamio-page .aklamio-account .explanations { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } .wrapper .page .aklamio-page .aklamio-account .explanations:before, .wrapper .page .aklamio-page .aklamio-account .explanations:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .aklamio-page .aklamio-account .explanations:after { clear: both; } .wrapper .page .aklamio-page .aklamio-account .explanations .first, .wrapper .page .aklamio-page .aklamio-account .explanations .last { float: left; width: 50%; } .wrapper .page .aklamio-page .aklamio-account .explanations .first { padding-right: 2.08333%; } .wrapper .page .content-container .main .news-content-container.aklamio { width: 100%; border-bottom: 1px solid #afafaf; margin-bottom: 40px; } .wrapper .page .content-container .main .news-container.aklamio { padding-bottom: 0; } .wrapper .page .content-container .main .news-container.aklamio .no-desktops { display: none; } .wrapper .page .content-container .main .news-container.aklamio .head-line { width: 48.6%; float: left; margin-bottom: 0; padding-bottom: 20px; } .wrapper .page .content-container .main .news-container.aklamio .head-line .title { margin-bottom: 0; } .wrapper .page .content-container .main .news-container.aklamio .head-line .view-all-link { bottom: 20px; } .wrapper .page .content-container .main .news-container.aklamio .head-line.aklamio-headline { width: 48.45%; margin-left: 2.66667%; padding-left: 5.20833%; } .wrapper .page .content-container .main .news-container.aklamio .news .item { padding-bottom: 30px; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-only-tablets { display: none; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news { width: 48%; padding: 0 3.125% 30px; border-left: 1px solid #afafaf; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .image { width: 80%; position: relative; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .image img { max-height: 100%; max-width: 100%; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .image .call-out { position: absolute; height: auto; width: 106px; bottom: 58px; left: 46%; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .explanation { margin-top: -40px; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .c2a a { margin-top: 15px; font-weight: 400; color: #fafafa; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .c2a a:hover { color: #fafafa; } @media screen and (max-width: 960px) { body.cms-aklamio .wrapper .page .content-container, body.cms-aklamio-html .wrapper .page .content-container { margin-top: 0; } .wrapper .page .aklamio-page .footnote { padding-left: 1.04167%; padding-right: 1.04167%; } .wrapper .page .aklamio-page .aklamio-account { padding-left: 2.08333%; padding-right: 2.08333%; } } @media screen and (max-width: 768px) { .wrapper .page .aklamio-page .aklamio-products .item.chip-product { width: 33.333%; } .wrapper .page .aklamio-page .aklamio-products .item.product-chip_pro2 .image img { width: 62%; } .wrapper .page .aklamio-page .aklamio-products .item.product-pedal_tuning { clear: both; float: none; width: 100%; } .wrapper .page .aklamio-page .aklamio-products .item.product-pedal_tuning .small-res-wrapper { width: 45.57292%; margin: 0 auto; } .wrapper .page .aklamio-page .aklamio-products .item.product-pedal_tuning .small-res-wrapper:before, .wrapper .page .aklamio-page .aklamio-products .item.product-pedal_tuning .small-res-wrapper:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .aklamio-page .aklamio-products .item.product-pedal_tuning .small-res-wrapper:after { clear: both; } .wrapper .page .aklamio-page .aklamio-products .item.product-pedal_tuning .small-res-wrapper .text-container { width: 70%; padding-top: 35px; float: right; } .wrapper .page .aklamio-page .aklamio-products .item.product-pedal_tuning .small-res-wrapper .image { width: 30%; float: left; } .wrapper .page .aklamio-page .aklamio-products .item.product-pedal_tuning .small-res-wrapper .image img { width: 100%; } .wrapper .page .aklamio-page .footnote { padding-left: 1.30208%; padding-right: 1.30208%; } .wrapper .page .aklamio-page .aklamio-steps .steps .step { padding: 10px 2.60417%; } .wrapper .page .aklamio-page .aklamio-steps .steps .step .step-title { min-height: 54px; } .wrapper .page .aklamio-page .aklamio-account { padding-left: 2.60417%; padding-right: 2.60417%; } .wrapper .page .aklamio-page .aklamio-account .title { text-align: left; } .wrapper .page .aklamio-page .aklamio-account .explanations .first, .wrapper .page .aklamio-page .aklamio-account .explanations .last { float: none; } .wrapper .page .aklamio-page .aklamio-account .explanations .first { width: 100%; padding-right: 0; margin-bottom: 10px; } .wrapper .page .content-container .main .news-content-container.aklamio { margin-bottom: 0; border: none; } .wrapper .page .content-container .main .news-container.aklamio { padding: 0; } .wrapper .page .content-container .main .news-container.aklamio .no-mobiles { display: none; } .wrapper .page .content-container .main .news-container.aklamio .no-desktops { display: inline; } .wrapper .page .content-container .main .news-container.aklamio .head-line { width: 100%; float: none; padding-left: 3.90625%; padding-right: 3.90625%; } .wrapper .page .content-container .main .news-container.aklamio .head-line .view-all-link { right: 3.90625%; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-only-tablets { display: block; } .wrapper .page .content-container .main .news-container.aklamio .news .item.first { padding-left: 3.90625%; } .wrapper .page .content-container .main .news-container.aklamio .news .item.third { padding-right: 3.90625%; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news { display: block; width: 100%; padding: 30px 3.90625% 0 3.90625%; margin-bottom: -30px; border-left: none; border-top: 1px solid #afafaf; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .aklamio-home-block { width: 83.33333%; margin: 0 auto; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .aklamio-home-block:before, .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .aklamio-home-block:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .aklamio-home-block:after { clear: both; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .aklamio-home-block .head-line.aklamio-headline { width: 100%; border-left: none; padding-left: 0; margin-top: 0; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .aklamio-home-block .head-line.aklamio-headline h2 { font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: italic; font-size: 1.42857rem; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .aklamio-home-block .image { float: left; width: 45.5%; margin-right: 30px; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .aklamio-home-block .explanation { margin-top: 0; font-family: Roboto, Arial, Verdana, sans-serif; font-weight: 400; font-style: normal; font-size: 0.85714rem; } } @media screen and (max-width: 660px) { .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news { margin-bottom: 0; } } @media screen and (max-width: 610px) { .wrapper .page .content-container .main .news-container.aklamio .news .item.second, .wrapper .page .content-container .main .news-container.aklamio .news .item.third { padding-left: 3.90625%; } } @media screen and (max-width: 575px) { .wrapper .page .aklamio-page .no-desktop { display: inline; } .wrapper .page .aklamio-page .no-phone { display: none; } .wrapper .page .aklamio-page .aklamio-products .item { padding-left: 4.16667%; padding-right: 4.16667%; } .wrapper .page .aklamio-page .aklamio-products .item, .wrapper .page .aklamio-page .aklamio-products .item.chip-product { float: none; width: 100%; } .wrapper .page .aklamio-page .aklamio-products .item .image, .wrapper .page .aklamio-page .aklamio-products .item.chip-product .image { width: 45%; height: 200px; margin: 0 auto; } .wrapper .page .aklamio-page .aklamio-products .item.product-chip_ultimate .footnote, .wrapper .page .aklamio-page .aklamio-products .item.chip-product.product-chip_ultimate .footnote { padding: 0 0 10px 0; margin-top: -20px; } .wrapper .page .aklamio-page .aklamio-products .item.product-chip_pro2 .image, .wrapper .page .aklamio-page .aklamio-products .item.chip-product.product-chip_pro2 .image { margin-top: 20px; } .wrapper .page .aklamio-page .aklamio-products .item.product-pedal_tuning .small-res-wrapper, .wrapper .page .aklamio-page .aklamio-products .item.chip-product.product-pedal_tuning .small-res-wrapper { width: 100%; margin: 0; } .wrapper .page .aklamio-page .aklamio-products .item.product-pedal_tuning .small-res-wrapper:before, .wrapper .page .aklamio-page .aklamio-products .item.product-pedal_tuning .small-res-wrapper:after, .wrapper .page .aklamio-page .aklamio-products .item.chip-product.product-pedal_tuning .small-res-wrapper:before, .wrapper .page .aklamio-page .aklamio-products .item.chip-product.product-pedal_tuning .small-res-wrapper:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .aklamio-page .aklamio-products .item.product-pedal_tuning .small-res-wrapper:after, .wrapper .page .aklamio-page .aklamio-products .item.chip-product.product-pedal_tuning .small-res-wrapper:after { clear: both; } .wrapper .page .aklamio-page .aklamio-products .item.product-pedal_tuning .small-res-wrapper .text-container, .wrapper .page .aklamio-page .aklamio-products .item.chip-product.product-pedal_tuning .small-res-wrapper .text-container { width: 90%; margin: 0 auto; padding-top: 0; float: none; } .wrapper .page .aklamio-page .aklamio-products .item.product-pedal_tuning .small-res-wrapper .image, .wrapper .page .aklamio-page .aklamio-products .item.chip-product.product-pedal_tuning .small-res-wrapper .image { width: 20%; margin-top: 10px; float: none; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .aklamio-home-block .c2a:before, .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .aklamio-home-block .c2a:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .aklamio-home-block .c2a:after { clear: both; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .aklamio-home-block .c2a .button { float: right; } } @media screen and (max-width: 480px) { .wrapper .page .aklamio-page .aklamio-products .item .image, .wrapper .page .aklamio-page .aklamio-products .item.chip-product .image { width: 240px; } .wrapper .page .aklamio-page .aklamio-products .item.product-chip_ultimate, .wrapper .page .aklamio-page .aklamio-products .item.chip-product.product-chip_ultimate { padding-top: 0; } .wrapper .page .aklamio-page .aklamio-products .item.product-pedal_tuning .small-res-wrapper .image, .wrapper .page .aklamio-page .aklamio-products .item.chip-product.product-pedal_tuning .small-res-wrapper .image { width: 110px; } .wrapper .page .aklamio-page .aklamio-steps .steps .step { border: none; float: none; width: 100%; min-height: 0; padding-bottom: 0; } .wrapper .page .aklamio-page .aklamio-steps .steps .step .step-title { min-height: 0; margin-bottom: 15px; background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/arr_down_orange.png) no-repeat center left; background-size: 15px; padding-left: 24px; } .wrapper .page .aklamio-page .aklamio-steps .steps .step .explanation { margin-bottom: 5px; padding-left: 24px; display: none; } .wrapper .page .aklamio-page .aklamio-steps .steps .step.active { margin-bottom: 10px; } .wrapper .page .aklamio-page .aklamio-steps .steps .step.active .step-title { background: transparent url(https://www.racechip.de/skin/frontend/racechip/default/images/arr_up_orange.png) no-repeat center left; background-size: 15px; } .wrapper .page .aklamio-page .aklamio-steps .steps .step.active .explanation { display: block; } .wrapper .page .aklamio-page .aklamio-steps .steps .step .image { display: none; } .wrapper .page .aklamio-page .aklamio-account { margin-top: 40px; } .wrapper .page .content-container .main .news-container.aklamio { padding-top: 20px; } .wrapper .page .content-container .main .news-container.aklamio .news .item { padding-left: 4.16667%; padding-right: 4.16667%; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-only-tablets { display: none; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news { padding-top: 10px; padding-bottom: 30px; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .aklamio-home-block { width: 90%; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .aklamio-home-block .head-line { text-align: center; margin: 0; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .aklamio-home-block .image { width: 100%; float: none; margin: 0 auto; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .aklamio-home-block .explanation { margin-top: -20px; text-align: center; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .aklamio-home-block .c2a { width: 100%; text-align: center; } .wrapper .page .content-container .main .news-container.aklamio .news .item.aklamio-news .aklamio-home-block .c2a .button { float: none; } } /*# sourceMappingURL=RC_Aklamio.css.map */