/* 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;
}
/* barlow-semi-condensed-regular - latin */
@font-face {
font-display: swap;
font-family: 'BarlowSemiCondensed';
/*font-style: normal;
font-weight: 400;*/
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-regular.eot');
/* IE9 Compat Modes */
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-regular.woff2') format('woff2'),
/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-regular.woff') format('woff'),
/* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-regular.ttf') format('truetype'),
/* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-regular.svg#BarlowSemiCondensed') format('svg');
/* Legacy iOS */
}
/* barlow-semi-condensed-italic - latin */
@font-face {
font-display: swap;
font-family: 'BarlowSemiCondensedItalic';
/*font-style: italic;
font-weight: 400;*/
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-italic.eot');
/* IE9 Compat Modes */
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-italic.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-italic.woff2') format('woff2'),
/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-italic.woff') format('woff'),
/* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-italic.ttf') format('truetype'),
/* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-italic.svg#BarlowSemiCondensed') format('svg');
/* Legacy iOS */
}
/* barlow-semi-condensed-800italic - latin */
@font-face {
font-display: swap;
font-family: 'BarlowSemiCondensedBoldItalic';
/*font-style: italic;
font-weight: 800;*/
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-800italic.eot');
/* IE9 Compat Modes */
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-800italic.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-800italic.woff2') format('woff2'),
/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-800italic.woff') format('woff'),
/* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-800italic.ttf') format('truetype'),
/* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/barlow-semi-condensed-v15-latin-800italic.svg#BarlowSemiCondensed') format('svg');
/* Legacy iOS */
}
/* roboto-100 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-100.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-100.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-100.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-100.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-100.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-100italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-100italic.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-100italic.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-100italic.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-100italic.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-100italic.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-100italic.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-300.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-300.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-300.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-300.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-300.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-300italic.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-300italic.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-300italic.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-300italic.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-regular.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-regular.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-regular.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-regular.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-regular.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-italic.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-italic.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-italic.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-italic.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-italic.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-500.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-500.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-500.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-500.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-500.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-500italic.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-500italic.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-500italic.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-500italic.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-500italic.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-700.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-700.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-700.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-700.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-700.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-700italic.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-700italic.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-700italic.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-700italic.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-900.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-900.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-900.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-900.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-900.svg#Roboto') format('svg');
/* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 900;
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-900italic.eot');
/* IE9 Compat Modes */
src: local(''),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-900italic.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-900italic.woff2') format('woff2'),
/* Super Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-900italic.woff') format('woff'),
/* Modern Browsers */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-900italic.ttf') format('truetype'),
/* Safari, Android, iOS */
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/roboto-v30-latin-900italic.svg#Roboto') format('svg');
/* Legacy iOS */
}
@font-face {
font-family: 'Lato';
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/lato/Lato-Bold.eot');
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/lato/Lato-Bold.eot?#iefix') format('embedded-opentype'),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/lato/Lato-Bold.woff2') format('woff2'),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/lato/Lato-Bold.woff') format('woff'),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/lato/Lato-Bold.ttf') format('truetype'),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/lato/Lato-Bold.svg#Lato-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lato';
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/lato/Lato-Regular.eot');
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/lato/Lato-Regular.eot?#iefix') format('embedded-opentype'),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/lato/Lato-Regular.woff2') format('woff2'),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/lato/Lato-Regular.woff') format('woff'),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/lato/Lato-Regular.ttf') format('truetype'),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/lato/Lato-Regular.svg#Lato-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lato';
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/lato/Lato-Light.eot');
src: url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/lato/Lato-Light.eot?#iefix') format('embedded-opentype'),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/lato/Lato-Light.woff2') format('woff2'),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/lato/Lato-Light.woff') format('woff'),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/lato/Lato-Light.ttf') format('truetype'),
url('https://www.racechip.eu/skin/frontend/racechip/default/fonts/lato/Lato-Light.svg#Lato-Light') format('svg');
font-weight: 300;
font-style: normal;
font-display: swap;
}
.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: rgba(0, 0, 0, 0);
}
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.eu/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.eu/skin/frontend/racechip/default/images/icons/icon-video-hover.png);
}
a.advantages-link,
a:visited.advantages-link {
background-image: url(https://www.racechip.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/skin/frontend/racechip/default/images/icons/icon-video2.png);
}
a.video3-link,
a:visited.video3-link {
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-video3.png);
}
a.pdf-link,
a:visited.pdf-link {
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-pdf.png);
}
a.tech-link,
a:visited.tech-link {
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-tech.png);
}
a.edit-link,
a:visited.edit-link {
background-image: url(https://www.racechip.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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 .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: 115px;
}
.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;
}
body.store-es #ab-trusted-shop-reviews {
height: 320px;
}
body.store-nl #ab-trusted-shop-reviews {
height: 310px;
width: 75px;
}
body.store-nl #ab-trusted-shop-reviews .item {
width: 75px;
}
.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.eu/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 rgba(0, 0, 0, 0);
}
.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 rgba(0, 0, 0, 0);
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.eu/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;
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.eu/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,
.cart .info-message .close {
right: 15px;
}
.promo-messages,
.info-message {
color: #fafafa;
background: linear-gradient(90deg, rgba(144, 58, 12, 0.9) 0%, rgba(200, 90, 30, 0.9) 33%, rgba(200, 90, 30, 0.9) 66%, rgba(144, 58, 12, 0.9) 100%);
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 200;
font-style: normal;
font-size: 1rem;
display: none;
}
.promo-messages.orange,
.orange.info-message {
background-color: #c85a1e;
}
.promo-messages.warning-messages,
.warning-messages.info-message {
display: block;
background-color: #d0511e;
}
.promo-messages.warning-messages .cookie-message .warning-message-container,
.warning-messages.info-message .cookie-message .warning-message-container {
padding-left: 36px;
margin: 0 auto;
display: inline-block;
min-height: 31px;
background: transparent url(https://www.racechip.eu/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,
.warning-messages.info-message .cookie-message .warning-message-container>span {
display: inline-block;
padding-top: 6px;
}
.promo-messages strong,
.info-message 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.eu/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.eu/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-es .wrapper .page .advantages .advantage.middle.text,
body.store-nl .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 */
.footer-footnote {
font-size: 10px;
margin: 10px auto;
}
#countdowntimer {
display: none;
}
@media (min-width: 961px) {
.wrapper .page h2.teaser-title,
.wrapper .page .selector-container>.teaser-container>a {
display: table;
}
}
.wrapper .page .teaser-container .news-link.more-link {
display: none !important;
}
.wrapper .page .selector-container .teaser-container {
vertical-align: bottom !important;
}
@media screen and (max-width: 960px) {
body .wrapper .page .stage .selector-container .teaser-container {
text-align: left !important;
bottom: 0 !important;
top: unset !important;
}
body .wrapper .page .stage .selector-container {
padding-left: 0 !important;
}
}
@media screen and (max-width: 680px) {
.wrapper .page .selector-container .teaser-container>a {
margin-bottom: 24px !important;
}
}
body .wrapper .page .stage .teaser-title h1.subpage,
body .wrapper .page .stage .teaser-title h2 {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-style: normal;
font-size: 3.57143rem;
background: #ea5b0c;
padding: 5px 8px 5px 7px;
line-height: 1.5;
display: inline;
margin-top: 5px;
color: #fff;
text-transform: uppercase;
margin-bottom: 0;
box-decoration-break: clone;
}
body .wrapper .page .stage .teaser-title h2.subpage,
body .wrapper .page .stage .teaser-title h3 {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-style: normal;
font-size: 2.14286rem;
background: #000;
padding: 5px 8px 5px 7px;
line-height: 1;
display: table;
margin-top: 0;
color: #fff;
}
@media (max-width: 680px) {
body .wrapper .page .stage .teaser-title h1.subpage,
body .wrapper .page .stage .teaser-title h2 {
display: inline;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
line-height: 1.5;
}
.wrapper .page .stage .teaser-container {
padding: 0 2% !important;
}
}
@media (max-width: 480px) {
body .wrapper .page .stage .teaser-title h3 {
margin-top: 5px;
}
}
/*
* 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: 95%;
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 0.5s, background-color 0.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 rgba(0, 0, 0, 0);
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: 4px;
}
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: 4px;
}
.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.eu/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;
}
.header-container.fix {
background-color: #3c3c3c;
border-bottom-width: 0;
}
@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.-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: 0.3s;
transition: opacity 0.3s ease-in-out, top 0.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 0.75s ease-in, padding-top 0.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.eu/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: rgba(0, 0, 0, 0);
}
.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: rgba(0, 0, 0, 0);
}
.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.-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: 0.3s;
transition: opacity 0.3s ease-in-out, top 0.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 0.75s ease-in, padding-top 0.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.eu/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: rgba(0, 0, 0, 0);
}
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: rgba(0, 0, 0, 0);
}
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 .warning-messages {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 200;
font-style: italic;
font-size: 0.85714rem;
}
.header-container .cookie-warning .warning-messages .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 */
/* new css new minicart */
#minicart-modal.modal-window {
left: auto;
right: 0;
width: 583px;
margin-left: auto;
margin-right: 0px;
margin-top: 0 !important;
border: 0;
height: 100vh;
}
#minicart-modal .modal-content {
padding: 0 25px;
}
#minicart-modal .crosssell {
border-top: 1px solid #000;
margin-top: 10px;
border-bottom: 1px solid #000;
padding-bottom: 30px;
}
#minicart-modal .crosssell>h2 {
text-align: left;
text-transform: uppercase;
font-style: normal;
font-size: 20px;
margin-bottom: 20px;
margin-top: 30px;
}
#minicart-modal .crosssell .price-cell.second-price-cell,
#minicart-modal .crosssell .price-cell.first-price-cell {
display: none;
}
#minicart-modal .crosssell .price-cell.minicart-price-cell {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 15px;
float: right;
line-height: 1.7;
}
#minicart-modal .crosssell .cart-image-container {
width: 175px;
height: 150px;
}
#minicart-modal .crosssell .name-price {
width: calc(100% - 175px);
}
#minicart-modal .crosssell .data-cell {
display: flex;
flex-wrap: wrap;
}
#minicart-modal .crosssell .product-name {
margin-top: 0;
}
#minicart-modal .crosssell .description {
font-size: 15px;
color: #3c3c3c;
font-weight: 300;
padding-right: 90px;
}
#minicart-modal .crosssell .buttons {
display: flex;
}
#minicart-modal .crosssell button {
margin: 18px 0 5px 0;
font-weight: 300;
border: 1px solid #333;
background: #fff;
color: #333;
padding: 8px 20px;
border-radius: 5px;
font-size: 18px;
text-transform: uppercase;
cursor: pointer;
display: block;
}
#minicart-modal .crosssell button.btn-no-thanks {
margin-left: 10px;
}
#minicart-modal .crosssell .discount-price {
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
position: relative;
margin-right: 10px;
}
#minicart-modal .crosssell .discount-price::after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
height: 1px;
background-color: #ff0000;
top: 54%;
}
/*#minicart-modal.modal-window .modal-close {
right: 23px;
top: 58px;
background: transparent url(https://www.racechip.eu/skin/frontend/racechip/default/images/modal-close-xb.png) no-repeat center;
}*/
.header-container .header-panel .nav-container .level0.header-minicart.cart>a:not(.not-menu-link):not(.submenu-link)::before {
content: " ";
display: none;
border-top: 0;
}
.your-cart-links {
margin-top: 50px;
margin-bottom: 50px;
font-size: 21px;
display: flex;
align-items: center;
justify-content: space-between;
}
.your-cart-links>div {
display: flex;
align-items: center;
}
.your-cart-links>div p {
padding-right: 10px;
}
.your-cart-links>div a {
padding-left: 10px;
}
ul.checkout-types.minicart {
display: flex;
align-items: center;
justify-content: space-between;
}
.minicart-wrapper li {
display: flex;
flex-wrap: wrap;
}
.minicart-container .minicart-wrapper {
width: 100%;
}
.minicart-container .minicart-wrapper .img-cell img {
width: 165px;
height: auto;
}
.minicart-container .minicart-wrapper .product-name {
text-align: left;
font-size: 22px;
font-style: normal;
}
.minicart-container .remove-item {
display: block;
width: 100%;
border-bottom: 1px solid #000;
padding-bottom: 10px;
padding-top: 10px;
margin-bottom: 40px;
}
.remove-item svg {
width: 20px;
height: 20px;
}
.remove-item {
text-align: right;
}
.cart-image-container {
width: 175px;
height: 150px;
}
.cart-image-container img {
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.product-details .discount-price,
#amscheckout-onepage .product-details .product-price .discount-price,
#shopping-cart-table .discount-price {
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
position: relative;
margin-right: 10px;
}
.product-details .discount-price:after,
#amscheckout-onepage .product-details .product-price .discount-price:after,
#shopping-cart-table .discount-price:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
height: 1px;
background-color: #ff0000;
top: 54%;
}
.product-details {
width: calc(100% - 175px);
}
.product-details .row.first-row {
display: flex;
flex-wrap: wrap;
align-items: baseline;
}
.product-details .row.first-row {
display: flex;
flex-wrap: wrap;
align-items: baseline;
}
.product-details .row.first-row,
.product-details .row.second-row,
.product-details .row.third-row,
.product-details .row.fourth-row {
line-height: 1.65;
}
.product-details .row.first-row .product-price {
margin-left: auto;
margin-right: 0;
}
#minicart-modal.modal-window .modal-content p {
text-align: left;
}
#minicart-modal.modal-window p.product-price .price {
font-size: 18px;
}
#minicart-modal.modal-window .second-row p,
#minicart-modal.modal-window .third-row p,
#minicart-modal.modal-window .fourth-row {
font-size: 18px;
font-weight: 300;
text-align: left;
}
#minicart-modal.modal-window .row.third-row {
display: flex;
align-items: center;
}
#minicart-modal.modal-window .row.third-row p {
margin-right: 20px;
}
#minicart-modal.modal-window .modal-content p.subtotal {
display: flex;
justify-content: space-between;
font-weight: 500;
}
#minicart-modal.modal-window .modal-content p.subtotal span {
font-size: 18px;
}
.minicart-container .minicart-wrapper li.item.last.odd .remove-item {
margin-bottom: 10px;
}
.coupon-notification {
display: block;
font-size: 15px;
text-align: left;
margin: 15px 0 30px;
font-weight: 300;
}
.checkout-types.minicart .button.checkout-button {
margin: -7px 0 0 0;
font-weight: 400;
border: 1px solid #18ac00;
background: #18ac00;
color: #fff;
padding: 0px 73px;
border-radius: 5px;
font-size: 18px;
line-height: 44px;
}
#minicart-modal.modal-window .modal-close,
.price-mobile {
display: none;
}
.option-row {
display: flex;
}
.pricecelll {
margin-left: auto;
font-size: 15px;
line-height: 2;
}
#profiler_section {
display: none !important;
}
@media (max-width: 959px) {
#minicart-modal.modal-window .modal-close {
width: 30px;
height: 30px;
display: block;
position: absolute;
top: 50px;
right: 20px;
background-color: transparent;
}
#minicart-modal.modal-window .modal-close:after {
content: "";
height: 30px;
border-left: 2px solid #000;
position: absolute;
transform: rotate(45deg);
left: 14px;
}
#minicart-modal.modal-window .modal-close:before {
content: "";
height: 30px;
border-left: 2px solid #000;
position: absolute;
transform: rotate(-45deg);
left: 14px;
}
.mobile-navigation-megamenu .titlemenu {
color: #fff;
font-weight: 400;
font-size: 18px;
}
.header-container .header-panel .nav-container #nav .level0 .mobile-navigation-megamenu.navigation-container.level0 ul.level0 li.level1 a:not(.not-menu-link)
{
border-bottom: 0 !important;
}
.header-container .header-panel .nav-container ul#nav li.level0.opened .mobile-navigation-megamenu.navigation-container ul.level0 li.level1 > a:not(.not-menu-link) {
line-height: 34px;
}
.mobile-navigation-megamenu .titlemenu .subnavi {
padding-bottom: 15px;
border-bottom: 1px solid #fff;
margin-bottom: 15px;
}
.mobile-navigation-megamenu .titlemenu .subnavi li a {
color: #fff;
text-transform: uppercase;
font-weight: 300;
}
.navigation-container.level0.menu_2.mobile-navigation-megamenu .titlemenu:last-child .subnavi{
border-bottom: 0;
}
}
@media (max-width: 580px) {
.row.third-row {
justify-content: center;
}
.minicart-wrapper li .img-cell {
display: block;
margin: 0 auto;
width: 100%;
}
.cart-image-container {
margin: 0 auto;
}
.first-row .product-price {
display: none;
}
.product-details {
width: 100%;
}
#minicart-modal.modal-window .modal-content p,
#minicart-modal.modal-window .second-row p,
#minicart-modal.modal-window .third-row p,
#minicart-modal.modal-window .fourth-row {
text-align: center;
width: 100%;
}
#minicart-modal.modal-window .modal-content p.product-price {
font-weight: 500;
}
#minicart-modal.modal-window .third-row p {
width: 100%;
display: block;
margin: 0 auto !important;
}
#minicart-modal.modal-window .row.third-row,
.price-mobile {
display: block;
}
#minicart-modal .crosssell .buttons {
display: inline-flex;
}
.price-mobile {
margin-top: 20px;
font-size: 18px;
}
#minicart-modal.modal-window {
width: 100%;
}
select.input-text.qty {
width: auto !important;
background: transparent;
}
#shopping-cart-table td.data-cell .name-price td.option-name {
font-size: 15px !important;
}
.modal-overlay[data-modal="minicart-modal"] {
width: 100vw !important;
}
.fourth-row .option-row {
display: flex;
justify-content: space-between;
}
.pricecelll {
margin-left: 15px;
font-size: 14px;
}
.option-name {
font-size: 15px;
}
ul.checkout-types.minicart {
display: block;
}
.checkout-types.minicart .button.checkout-button {
display: block;
margin: 0 auto 20px;
}
#minicart-modal .crosssell .data-cell {
display: block;
}
#minicart-modal .crosssell .price-cell.minicart-price-cell {
display: none;
}
#minicart-modal .crosssell .name-price {
width: 100%;
}
#minicart-modal .crosssell .product-name {
text-align: center;
margin-top: 15px;
}
#minicart-modal .crosssell .description {
margin-bottom: 20px;
padding-right: 0;
}
#minicart-modal .crosssell button {
margin: auto;
}
#minicart-modal .crosssell .price-cell.second-price-cell {
display: block !important;
width: 100% !important;
text-align: center !important;
margin-top: 20px;
font-size: 18px;
}
#minicart-modal .crosssell td {
display: block;
}
#shopping-cart-table td.price-cell span.cart-price .whole,
#shopping-cart-table td.price-cell span.cart-price .decimal,
#shopping-cart-table td.price-cell span.cart-price .currency {
font-weight: 500 !important;
}
}
span.currency {
padding-left: 4px;
}
body.store-itl .checkout-types.minicart .button.checkout-button {
padding: 0px 50px;
}
.header-container .header-panel .nav-container.-desktop #nav .level0:hover {
background: #000;
}
.header-container .header-panel .nav-container.-desktop #nav .level0:hover .navigation-container.level0 {
display: block;
}
.header-container .header-panel .nav-container #nav .level0>a:not(.not-menu-link).over:not(.submenu-link):before {
content: none;
}
.header-container .header-panel .nav-container #nav .level0 .navigation-container.level0 ul.level0 {
background: #000000;
border-radius: 0;
width: 390px;
left: calc(50% - 195px);
padding: 20px 40px;
}
.header-container .header-panel .nav-container #nav .level0 .navigation-container.level0 ul.level0 li.level1 a:not(.not-menu-link) {
float: left;
width: 100%;
position: relative;
padding: 15px 0;
font-size: 18px;
line-height: 22px;
font-weight: 300;
text-transform: uppercase;
border-bottom: 1px #fff solid;
text-decoration: none;
text-align: center;
letter-spacing: 0px;
color: #ffffff;
padding: 20px 0 20px 0;
}
.header-container .header-panel .nav-container #nav .level0 .navigation-container.level0.menu_2 ul.level0 li.level1 a:not(.not-menu-link) {
padding: 0 0 20px 0;
}
.header-container .header-panel .nav-container #nav .level0 .navigation-container.level0 ul.level0 li.level1:last-child a {
border-bottom: none !important;
}
.header-container .header-panel .nav-container #nav .level0 .navigation-container.level0 ul.level0::before {
content: none;
}
@media (min-width: 960px) {
#item_racechip_rs {
width: 35%;
float: left;
}
#item_racechip_gts,
#item_racechip_s {
width: 32,5%;
float: left;
}
#item_gaspedal,
#item_evs {
width: 50%;
float: left;
border-top: 1px solid #fff;
}
.header-container .header-panel .nav-container #nav .level0 .navigation-container.level0.menu_2 .submenu-mega {
background: #000000;
width: 550px;
left: calc(50% - 275px);
padding: 20px 30px 30px 30px;
position: absolute;
top: 0;
border-radius: 0;
}
.wrapper .page .submenu-mega h3 {
text-align: center;
font-size: 18px;
font-weight: 300;
line-height: 22px;
letter-spacing: 0px;
color: #ffffff;
text-transform: uppercase;
opacity: 1;
margin-top: 30px;
}
.submenu-mega .row-1,
.submenu-mega .row-2 {
display: flex;
justify-content: space-evenly;
}
.row-2 {
border-top: 1px solid #fff;
}
.row-2 .vertical-separator {
width:1px;
height: 280px;
display: block;
background: #fff;
}
.row-2 .product-item img {
width: 180px;
}
/*#item_racechip_gts a,
#item_racechip_rs a,
#item_racechip_s a {
display: block;
position: relative;
font-size: 0 !important;
height: 260px;
padding-bottom: 0 !important;
margin-top: 55px;
border-bottom: 0 !important;
}
#item_racechip_gts a:after,
#item_racechip_rs a:after,
#item_racechip_s a:after {
display: block;
position: absolute;
content: "";
background: url(https://www.racechip.eu/skin/frontend/racechip/default/images/home/products/gts.jpg) center no-repeat;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: 200px;
}
#item_racechip_rs a:after {
background: url(https://www.racechip.eu/skin/frontend/racechip/default/images/home/products/rs.jpg) center no-repeat;
background-size: 200px;
}
#item_racechip_s a:after {
background: url(https://www.racechip.eu/skin/frontend/racechip/default/images/home/products/s.jpg) center no-repeat;
background-size: 200px;
}
#item_gaspedal {
border-right: 1px solid #fff;
}
#item_gaspedal a {
border-bottom: 0 !important;
}
#item_racechip_gts,
#item_racechip_rs,
#item_racechip_s {
width: 33%;
float: left;
}
#item_gaspedal a,
#item_evs a {
display: block;
position: relative;
height: 240px;
padding-bottom: 0 !important;
margin-top: 20px;
border-bottom: 0 !important;
}
#item_gaspedal a:after,
#item_evs a:after {
display: block;
position: absolute;
content: "";
background: url(https://www.racechip.eu/skin/frontend/racechip/default/images/home/products/xlr5.jpg) center no-repeat;
top: 30px;
left: 0;
width: 100%;
height: 100%;
background-size: 200px;
}
#item_evs a:after {
background: url(https://www.racechip.eu/skin/frontend/racechip/default/images/home/products/rx2.jpg) center no-repeat;
background-size: 200px;
}*/
.header-container .header-panel .nav-container.-desktop #nav>.level0.nav-1.first,
.header-container .header-panel .nav-container.-desktop #nav>.level0.nav-1.first:hover {
background: transparent !important;
}
.header-container .header-panel .nav-container.-desktop #nav>.level0.nav-1.first a {
/*width: 70%;*/
height: 50px;
text-align: center;
float: none;
display: block;
margin: 0 auto;
}
.header-container .header-panel .nav-container.-desktop #nav>.level0.nav-1.first a,
.header-container .header-panel .nav-container.-desktop #nav>.level0.nav-1.first a:hover {
background: #ea5b0c !important;
border-radius: 0;
border-radius: 0;
}
}
.minicart-actions .small-icons {
display: flex;
margin: 15px auto;
justify-content: center;
gap: 10px;
}
.minicart-actions .small-icons img {
height: 30px;
}
@media (max-width: 580px) {
.minicart-actions {
position: fixed;
bottom: 0;
background: #fff;
left: 0;
width: 100%;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}
.minicart-container .minicart-wrapper {
padding-bottom: 170px;
}
ul.checkout-types.minicart {
display: block;
margin-top: 20px;
}
}
/* Countdown timer */
.msg-cookies-enabled {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
white-space: pre;
}
#countdowntimer div {
display: flex;
background: #fff;
color: rgba(144, 58, 12, 0.9);
padding: 4px;
border-radius: 4px;
margin-right: 4px;
align-items: center;
line-height: 1;
}
#countdowntimer div small {
position: relative;
padding-left: 3px;
font-weight: 400;
}
#countdowntimer {
font-weight: bold;
font-size: 1rem;
align-items: center;
margin-right: 4px;
margin-left: 4px;
}
#countdowntimer span {
font-size: 0.725rem;
vertical-align: middle;
}
@media only screen and (max-width: 640px) {
#countdowntimer {
display: block;
padding-top: 0.525rem;
width: 100%;
justify-content: center;
}
}
/*
* 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-content-container ul.explanations {
list-style-type: disc; }
.modal-window .modal-content .modal-content-container ul.explanations li {
text-align: left;
margin-bottom: 10px;
margin-left: 10px; }
.modal-window .modal-content .modal-content-container .explanations-modal-close {
padding-left: 10px; }
.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.eu/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-close.close-and-scroll, .modal-window .modal-close.close-and-hide {
position: static;
display: inline-block;
width: auto;
height: auto;
background: none;
text-align: left;
margin: 0; }
.modal-window .modal-edit {
display: inline-block;
background: transparent url(https://www.racechip.eu/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.eu/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.eu/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: 80px;
padding: 0 40px 0 20px;
line-height: 80px;
border: none;
position: relative;
font-size: 1.2rem;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
}
.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.eu/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.eu/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: 80px;
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;
position: absolute;
z-index: 560000;
background: #fff;
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);
left: 0;
}
.picker-container.open {
overflow: visible;
}
.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.eu/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: 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;
line-height: 1;
border: none;
border-radius: 2px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
font-weight: 600;
color: #333;
font-size: 1.35714rem;
appearance: none;
background-repeat: no-repeat;
background-position: right 24px top 50%;
background-size: 0.65rem 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;
min-height: 110px;
}
.modal-content-container form.car-selector-form .form-buttons .btn.call-to-action {
display: block;
margin: 10px 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 {
font-size: 1.2rem !important;
width: 100%;
padding: 12px 24px;
height: 80px;
border: none;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
box-sizing: border-box;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1rem;
color: #333;
appearance: none;
background-image: url("https://www.racechip.eu/skin/frontend/racechip/default/css/data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjMzMzMxIDFMNi4zMzMzMSA2TDExLjMzMzMgMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==");
background-repeat: no-repeat;
background-position: right 24px top 50%;
background-size: 0.65rem auto;
}
form.car-selector-form .form-buttons {
position: relative;
}
form.car-selector-form .form-buttons button.submit {
margin-right: 10px;
}
@media screen and (max-width: 840px) {
form.car-selector-form .form-buttons button.submit {
margin-bottom: 10px;
}
form.car-selector-form .form-buttons button .no-mobiles {
display: none;
}
}
@media (max-width: 768px) {
.modal-content-container form.car-selector-form .by-car .selectors .picker-container {
position: relative;
max-width: 100%;
width: 100%;
margin-bottom: 5px;
}
.modal-content-container form.car-selector-form .by-car .selectors .picker-container.open {
z-index: 50;
}
.modal-content-container form.car-selector-form .form-container {
position: relative;
height: auto;
}
}
@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;
display: flex;
align-items: center;
gap: 3px;
}
.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 .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: 80px;
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.eu/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;
}
#car_manufacturer_shop_picker-container {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector .content-area {
max-width: 100%;
position: static;
padding: 0;
margin: 0;
max-width: 100%;
position: static;
margin: 0;
grid-column-gap: 8px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 8px;
text-decoration: none;
display: flex;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form {
margin: 0;
padding: 0;
text-align: left;
border: 1px solid #ea5b0c;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-width: 100%;
max-width: 100%;
height: 115px;
padding: 10px;
text-decoration: none;
display: flex;
position: relative;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn {
background: linear-gradient(180deg, #00AC59 0%, #01875F 100%);
position: relative;
z-index: 2;
padding: 0 24px;
font-family: "BarlowSemiCondensedItalic", sans-serif;
font-weight: 600;
font-size: 1rem;
letter-spacing: 1px;
cursor: pointer;
color: #fff;
line-height: 80px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
text-decoration: none;
text-shadow: #FC0 1px 0 10px;
}
.wrapper .page .selector-container .teaser-container>a {
margin-bottom: 150px !important;
display: block !important;
}
html.mobile .wrapper .page .stage .selector-container .embedded-functional-car-selector .car-selector-form .by-car .selectors {
width: 100%;
height: 80px;
}
@media screen and (max-width: 1279px) {
.wrapper .page .stage .selector-container .teaser-container {
width: 100%;
}
.wrapper .page .stage .selector-container .teaser-container .teaser-title {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.85714rem;
margin-bottom: 0;
}
.wrapper .page .stage .selector-container .teaser-container .teaser-title b {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.85714rem;
}
body.store-frc .wrapper .page .stage .selector-container .teaser-container .teaser-title,
body.store-frc .wrapper .page .stage .selector-container .teaser-container .teaser-title b {
font-size: 1.8rem;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector {
max-width: 780px;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector .content-area {
flex-wrap: wrap;
}
.wrapper .page .selector-container .teaser-container>a,
.wrapper .page .selector-container .stage-teaser-container>a {
margin-bottom: 265px !important;
display: block !important;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector {
max-width: 780px;
}
.wrapper .page .selector-container .teaser-container > a,
.wrapper .page .selector-container .stage-teaser-container > a {
margin-bottom: 265px !important;
display: block !important;
}
}
@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;
}
body .wrapper .page .stage .selector-container .embedded-functional-car-selector .by-car {
min-width: 94vw;
}
}
.wrapper .page .c2a-smartphones {
display: none !important;
}
@media screen and (max-width: 680px) {
html.mobile form.car-selector-form .selectors select#car_manufacturer_shop,
#car_manufacturer_shop_picker-container {
border-top-right-radius: 6px !important;
border-bottom-right-radius: 2px !important;
border-top-left-radius: 6px !important;
border-bottom-left-radius: 2px !important;
}
html.mobile form.car-selector-form .selectors select {
max-width: unset !important;
}
html.mobile .wrapper .page .stage .selector-container .embedded-functional-car-selector .car-selector-form .by-car .selectors .picker-container {
width: 100% !important;
position: relative !important;
}
html.mobile .wrapper .page .stage .selector-container .embedded-functional-car-selector .car-selector-form .by-car .selectors .picker-container {
width: 100% !important;
position: relative !important;
}
html.mobile .wrapper .page .stage .selector-container .embedded-functional-car-selector .car-selector-form .by-car .selectors {
width: 100%;
height: auto !important;
}
html.mobile .wrapper .page .stage .selector-container .embedded-functional-car-selector .car-selector-form .by-car {
width: 100% !important;
float: none !important;
max-width: unset !important;
}
}
@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;
}
body .wrapper .page .stage .selector-container .embedded-functional-car-selector .by-car {
min-width: 87vw;
}
}
@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 */
.stage__benefits {
grid-column-gap: 32px;
border: 1px solid #ffffff4d;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 100%;
min-width: 100%;
max-width: 100%;
height: 119.053px;
padding: 24px;
text-decoration: none;
display: flex;
position: relative;
}
@media only screen and (min-width: 1400px) {
div:last-of-type .stage__benefits {
height: 115px;
}
}
.benefits__item {
grid-row-gap: 8px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
@media (min-width: 1200px) {
.benefits__item {
justify-content: center;
align-items: center;
text-align: center;
}
}
@media (min-width: 1200px) {
.benefits__item {
justify-content: center;
align-items: center;
text-align: center;
}
}
.bis-zu-30-mehr-performance,
.bis-zu-15-spritersparnis,
.inklusive-motorgarantie,
.einfacher-plug-play-einbau {
color: #fff;
letter-spacing: .04em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif !important;
font-size: 16px;
font-weight: 400;
line-height: 120% !important;
text-decoration: none;
}
@media (max-width: 1915px) {
.bis-zu-30-mehr-performance,
.bis-zu-15-spritersparnis,
.inklusive-motorgarantie,
.einfacher-plug-play-einbau {
font-size: 14px;
}
}
@media (max-width: 1800px) {
.bis-zu-30-mehr-performance,
.bis-zu-15-spritersparnis,
.inklusive-motorgarantie,
.einfacher-plug-play-einbau {
font-size: 12px;
}
}
@media (max-width: 560px) {
.bis-zu-30-mehr-performance,
.bis-zu-15-spritersparnis,
.inklusive-motorgarantie,
.einfacher-plug-play-einbau {
font-size: 12px;
}
.stage__benefits {
flex-flow: wrap;
height: auto;
margin-top: 15px;
grid-row-gap: 10px;
}
.benefits__item {
max-width: 44%;
width: 100%;
flex-flow: row;
gap: 10px;
align-items: center;
}
html.mobile form.car-selector-form .selectors select {
height: 48px;
line-height: 24px;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn {
line-height: 64px;
}
.wrapper .page .block-item.embedded-car-selector .picker-container,
.wrapper .page .block-item.embedded-functional-car-selector .picker-container {
margin: 0 auto 5px auto;
}
body.store-de .wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn,
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons {
margin-top: -3px;
line-height: 64px;
}
}
@media (max-width: 768px) {
#car_manufacturer_shop_picker-container {
border-top-right-radius: 6px;
border-bottom-right-radius: 2px;
border-top-left-radius: 6px;
border-bottom-left-radius: 2px;
}
.wrapper .page .block-item.embedded-car-selector .picker-container,
.wrapper .page .block-item.embedded-functional-car-selector .picker-container {
display: block;
width: 100%;
margin: 0 auto 3px auto;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .by-car {
float: none !important;
width: 100% !important;
max-width: unset !important;
height: auto !important;
padding-bottom: 4px;
}
html.no-mobile .wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .by-car {
height: 165px !important;
}
.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;
display: flex;
align-items: center;
gap: 3px;
height: auto !important;
display: block !important;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons {
float: none !important;
max-width: 100% !important;
margin-left: 0 !important;
width: 100% !important;
z-index: 1;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn {
width: 100% !important;
border-top-right-radius: 2px !important;
border-bottom-right-radius: 6px !important;
border-top-left-radius: 2px !important;
border-bottom-left-radius: 6px !important;
margin-top: -4px !important;
line-height: 52px !important;
}
#car_manufacturer_shop_picker-container {
border-top-right-radius: 6px !important;
border-bottom-right-radius: 2px !important;
border-top-left-radius: 6px !important;
border-bottom-left-radius: 2px !important;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form {
height: auto !important;
}
.wrapper .page .stage {
overflow: hidden !important;
display: flex !important;
flex-wrap: wrap !important;
}
.wrapper .page .stage .main-selector-container {
position: relative !important;
order: 2 !important;
margin-top: -33vw !important;
}
.wrapper .page .stage figure.teaser-background {
margin-bottom: 0 !important;
order: 1 !important;
flex-basis: 100% !important;
}
body .wrapper .page .stage .selector-container {
display: block !important;
width: auto !important;
height: auto !important;
max-width: unset !important;
position: relative !important;
left: auto !important;
bottom: auto !important;
}
.wrapper .page .stage .main-selector-container {
width: 100% !important;
}
.wrapper .page .stage .selector-container .teaser-container {
position: relative !important;
display: block !important;
height: auto !important;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector {
width: 100% !important;
position: relative !important;
border-radius: 0 !important;
}
body .wrapper .page .selector-container .teaser-container>a,
.wrapper .page .selector-container .stage-teaser-container>a {
margin-bottom: 10px !important;
}
}
@media (max-width: 480px) {
.wrapper .page .stage .main-selector-container {
margin-top: -46vw !important;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons:after {
display: none !important;
}
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-container:before,
.wrapper .page .stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-container:after {
content: none !important;
}
}
@media (max-width: 391px) {
.stage__benefits {
padding: 18px;
}
}
.cms-page-view:not(.manufacturer-landing-page) .wrapper .page .block-item.embedded-functional-car-selector form.car-selector-form .by-car {
height: 65px;
}
.cms-page-view:not(.manufacturer-landing-page) .wrapper .page .picker-container .picker-selected {
height: 65px;
line-height: 65px;
}
@media (max-width: 960px) and (orientation: landscape) {
.teaser-background {
height: calc(100vh - -130px);
}
}
.cms-index-index.store-itl .einfacher-plug-play-einbau {
hyphens: auto;
}
.cms-index-index.store-frc .bis-zu-30-mehr-performance,
.cms-index-index.store-frc .bis-zu-15-spritersparnis,
.cms-index-index.store-frc .inklusive-motorgarantie,
.cms-index-index.store-frc .einfacher-plug-play-einbau {
font-size: 14px;
}
.cms-page-view:not(.manufacturer-landing-page) form.car-selector-form .form-buttons,
.catalog-category-view form.car-selector-form .form-buttons {
display: none;
}
.cms-page-view .modal-window .modal-content .modal-content-container form.car-selector-form .form-buttons,
.catalog-category-view .modal-window .modal-content .modal-content-container form.car-selector-form .form-buttons {
display: block;
}
.cms-page-view:not(.manufacturer-landing-page) form.car-selector-form .by-car .selectors .picker-container,
.catalog-category-view form.car-selector-form .by-car .selectors .picker-container,
html.mobile .cms-page-view:not(.manufacturer-landing-page) form.car-selector-form .selectors select,
html.mobile .catalog-category-view form.car-selector-form .selectors select,
html.mobile .cms-page-view:not(.manufacturer-landing-page) form.car-selector-form .selectors select#car_manufacturer_shop,
html.mobile .catalog-category-view form.car-selector-form .selectors select#car_manufacturer_shop {
border-radius: 0 !important;
}
/*
@media (max-width: 680px) {
.cms-page-view:not(.manufacturer-landing-page) form.car-selector-form .by-car .selectors .picker-container,
.catalog-category-view form.car-selector-form .by-car .selectors .picker-container,
html.mobile .cms-page-view:not(.manufacturer-landing-page) form.car-selector-form .selectors select,
html.mobile .catalog-category-view form.car-selector-form .selectors select {
height: 50px;
line-height: 20px;
}
}
*/
.cms-page-view:not(.manufacturer-landing-page) .picker-container .picker-selected,
.catalog-category-view .picker-container .picker-selected {
height: 60px;
line-height: 60px;
}
@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.78571rem;
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-fineprint div a:hover {
color: #fff; }
.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.eu/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,
.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-repeat: no-repeat;
background-position: 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: "BarlowSemiCondensedItalic", 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: "BarlowSemiCondensedBoldItalic", 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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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 .bubbles.no-phone {
text-align: center; }
.wrapper .page .footer-contact-widgets .bubbles.no-phone .bubble .-transparency .-tail.flipped {
left: 45%; }
.wrapper .page .footer-contact-widgets .bubbles.no-phone .bubble.bubble-email {
display: inline-block;
float: 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; }
.cms-xlr-html .wrapper .page .footer-container .footer.footer-fineprint.xlr-footnote,
.cms-xlr-html .wrapper .page .footer-container .separator.fourth.xlr-footnote {
display: block; }
.shop-page .wrapper .page .footer-container .footer.footer-fineprint.xlr-footnote,
.shop-page .wrapper .page .footer-container .separator.fourth.xlr-footnote {
display: 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-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: "BarlowSemiCondensedItalic", 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: "BarlowSemiCondensedBoldItalic", 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.eu/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;
}
input[type="text"].validation-house-number-failed {
border: 1px solid #ec5b00;
box-shadow: 0px 0px 0px 3px #ec5b00;
-webkit-box-shadow: 0px 0px 0px 3px #ec5b00;
-moz-box-shadow: 0px 0px 0px 3px #ec5b00;
}
::-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.eu/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;
}
.input-box {
position: relative;
}
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.eu/skin/frontend/racechip/default/images/uniform/radio-unchecked.png") no-repeat center;
}
div.radio span.checked {
background: url("https://www.racechip.eu/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.eu/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.eu/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.eu/skin/frontend/racechip/default/images/uniform/checkbox-unchecked.png") no-repeat center;
display: inline-block;
}
div.checker span.checked {
background: url("https://www.racechip.eu/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.eu/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.eu/skin/frontend/racechip/default/images/uniform/checkbox-checked-hover.png") no-repeat center;
}
div[id*="uniform-agreement-"].checker {
width: 30px;
height: 30px;
background: none;
display: inline-block;
vertical-align: middle;
}
div[id*="uniform-agreement-"].checker span {
background: transparent !important;
width: 30px;
height: 30px;
border: 1px solid #6d6d6d;
border-radius: 5px;
-webkit-border-radius: 5px;
display: inline-block;
position: relative;
}
div[id*="uniform-agreement-"].checker span.checked:after {
content: "X";
width: 30px;
height: 30px;
display: block;
position: absolute;
left: 8px;
top: 2px;
font-size: 20px;
color: #000;
pointer-events: none;
}
.checkout-agreements li {
margin-bottom: 10px;
}
.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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/skin/frontend/racechip/default/images/uniform/radio-unchecked-small.png") no-repeat center;
}
div.radio span.checked {
background: url("https://www.racechip.eu/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.eu/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.eu/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.eu/skin/frontend/racechip/default/images/uniform/checkbox-unchecked-small.png") no-repeat center;
}
div.checker span.checked {
background: url("https://www.racechip.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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, .shop-page .shop-totals .totals-container .totals .calculation-container .shop-pedaltuning-selector .description sup,
.shop-page .modal-overlay.product-modal-gen2 .include-vat-shipping sup,
.shop-page .modal-overlay.product-modal-gen2 .shop-pedaltuning-selector .description sup,
.chips-comparison.table .include-vat-shipping sup,
.chips-comparison.table .shop-pedaltuning-selector .description sup,
.accessory-selector .include-vat-shipping sup,
.accessory-selector .shop-pedaltuning-selector .description sup,
.cms-racechip-gts-html .include-vat-shipping sup,
.cms-racechip-gts-html .shop-pedaltuning-selector .description sup,
.cms-racechip-rs-html .include-vat-shipping sup,
.cms-racechip-rs-html .shop-pedaltuning-selector .description sup,
.cms-racechip-s-html .include-vat-shipping sup,
.cms-racechip-s-html .shop-pedaltuning-selector .description sup,
.overview-data-new .include-vat-shipping sup,
.overview-data-new .shop-pedaltuning-selector .description sup {
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.78571rem; }
.shop-page .shop-totals .totals-container .totals .calculation-container .include-vat-shipping sup:hover, .shop-page .shop-totals .totals-container .totals .calculation-container .shop-pedaltuning-selector .description sup:hover,
.shop-page .modal-overlay.product-modal-gen2 .include-vat-shipping sup:hover,
.shop-page .modal-overlay.product-modal-gen2 .shop-pedaltuning-selector .description sup:hover,
.chips-comparison.table .include-vat-shipping sup:hover,
.chips-comparison.table .shop-pedaltuning-selector .description sup:hover,
.accessory-selector .include-vat-shipping sup:hover,
.accessory-selector .shop-pedaltuning-selector .description sup:hover,
.cms-racechip-gts-html .include-vat-shipping sup:hover,
.cms-racechip-gts-html .shop-pedaltuning-selector .description sup:hover,
.cms-racechip-rs-html .include-vat-shipping sup:hover,
.cms-racechip-rs-html .shop-pedaltuning-selector .description sup:hover,
.cms-racechip-s-html .include-vat-shipping sup:hover,
.cms-racechip-s-html .shop-pedaltuning-selector .description sup:hover,
.overview-data-new .include-vat-shipping sup:hover,
.overview-data-new .shop-pedaltuning-selector .description sup:hover {
color: #e35700;
cursor: pointer; }
.shop-page .shop-totals .totals-container .totals .calculation-container .include-vat-shipping sup,
.shop-page .modal-overlay.product-modal-gen2 .include-vat-shipping sup,
.chips-comparison.table .include-vat-shipping sup,
.accessory-selector .include-vat-shipping sup,
.cms-racechip-gts-html .include-vat-shipping sup,
.cms-racechip-rs-html .include-vat-shipping sup,
.cms-racechip-s-html .include-vat-shipping sup,
.overview-data-new .include-vat-shipping sup {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.71429rem; }
.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.eu/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: 60px;
text-align: center;
font-family: "BarlowSemiCondensedItalic", 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: "BarlowSemiCondensedBoldItalic", 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: 60px; }
.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.eu/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.eu/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.eu/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.eu/skin/frontend/racechip/default/images/bg-one_320.jpg);
@supports (background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/bg-one_320.webp)) {
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/bg-one_320.webp);
}
}
.chips-comparison.table .thead .column.product-chip_s.product-not-selected {
background-image: url(https://www.racechip.eu/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.eu/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.eu/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.eu/skin/frontend/racechip/default/images/bg-pro2_320.jpg);
@supports (background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/bg-pro2_320.webp)) {
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/bg-pro2_320.webp);
}
}
.chips-comparison.table .thead .column.product-chip_rs.product-not-selected {
background-image: url(https://www.racechip.eu/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.eu/skin/frontend/racechip/default/images/icons/product_badge_gts-black.svg);
background-size: 180px; }
@media screen and (max-width: 768px) {
.chips-comparison.table .thead .column.product-chip_gts {
background-image: url(https://www.racechip.eu/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: none; /*url(https://www.racechip.eu/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.eu/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.eu/skin/frontend/racechip/default/images/icons/product_badge_gts_black-black.svg);
background-size: 183px; }
.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: #3c3c3c;
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,
.chips-comparison.table .row.row-performance .advantages .-no-ab-test-message {
display: none; }
.chips-comparison.table .row.row-performance .advantages .-ab-test-message.total-values-message,
.chips-comparison.table .row.row-performance .advantages .-no-ab-test-message.total-values-message {
text-align: center; }
.chips-comparison.table .row.row-performance .advantages .-ab-test-message.total-values-message a,
.chips-comparison.table .row.row-performance .advantages .-no-ab-test-message.total-values-message a {
display: inline-block;
padding-left: 10px;
vertical-align: middle; }
.chips-comparison.table .row.row-performance .advantages .-ab-test-message.total-values-message a img,
.chips-comparison.table .row.row-performance .advantages .-no-ab-test-message.total-values-message a img {
height: 24px;
width: 24px; }
.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-performance .advantages.-is-not-ab-test .-no-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-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.eu/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, #pedaltuning-custom-options .custom-option-box .price-box .discount-price, .shop-chips .custom-option-box .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, #pedaltuning-custom-options .custom-option-box .price-box .discount-price:after, .shop-chips .custom-option-box .price-box .discount-price:after {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
height: 1px;
background-color: #ff0000;
top: 54%; }
#pedaltuning-custom-options .custom-option-box.product-selected .price-box .discount-price,
#pedaltuning-custom-options .custom-option-box.product-selected .price-box .discount-price:after,
.shop-chips .custom-option-box.product-selected .price-box .discount-price,
.shop-chips .custom-option-box.product-selected .price-box .discount-price:after{
display: none;
}
.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;
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.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 */
/* Commong Rules New Design 2023 */
.header-container {
background: transparent;
border-bottom: 0;
/*height: 59px;*/
}
@media screen and (min-width: 1920px) {
html.desktop .header-panel.grid-container {
width: 1355px;
}
}
.header-container .header-panel .nav-container .level0.logo a img {
height: 37px;
}
.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.phone-support a:not(.not-menu-link):not([data-picker-idx]) img {
height: 29px;
}
.header-container .header-panel .nav-container .level0.driver a:not(.not-menu-link):not([data-picker-idx]) img {
height: 19px;
}
.header-container .header-panel .nav-container .level0>a:not(.not-menu-link) {
/*font-family: "Lato", Arial, Verdana, sans-serif;*/
font-weight: bold;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
color: #fff;
text-decoration: none;
}
body.store-de .header-container .header-panel .nav-container .level0>a:not(.not-menu-link) {
font-size: 17px;
}
/*html.desktop ul#nav .level0.nav-1.first {
width: 13%;
}*/
.header-container .header-panel .nav-container .level0.driver>a.level0.shopping-cart {
margin-top: 15px;
}
.header-container .header-panel .nav-container .level0>a:not(.not-menu-link).over {
font-weight: bold;
}
/*.header-container.fix {
background-color: #000;
}*/
@media (min-width:820px) {
.wrapper .home-stage-carousel .unslider .unslider-arrow {
display: block;
/*height: calc(100% - 110px);*/
height: 150px;
width: 27px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
}
.wrapper .home-stage-carousel .unslider .unslider-arrow.prev {
background: transparent url(https://www.racechip.eu/skin/frontend/racechip/default/images/arrow-left.svg) no-repeat left center;
left: 30px;
}
.wrapper .home-stage-carousel .unslider .unslider-arrow.next {
background: transparent url(https://www.racechip.eu/skin/frontend/racechip/default/images/arrow-right.svg) no-repeat left center;
right: 30px;
}
@media screen and (min-width: 1680px) {
html.desktop .span_xxl_10.logo {
width: 23.5%;
}
html.desktop ul#nav>.level0 {
width: 13.5%;
}
/*html.desktop .header-container .header-panel .nav-container .span_xxl_4.level0 {
width: auto;
padding-right: 100px;
}
html.desktop .header-container .header-panel .nav-container .span_xxl_4.level0.nav-5 {
padding-right: 50px;
}*/
.header-container .header-panel .nav-container .level0.driver.nav-6.last {
float: right;
}
}
.shop-page.shop-page-v2.shop-page-v3.shop-page-v4 .header-container::after,
.manufacturer-landing-page .header-container::after,
body.cms-index-index.cms-home .header-container::after {
content: "";
position: absolute;
display: block;
pointer-events: none;
width: 100%;
height: 240px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.64) 1%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.64) 1%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.64) 1%, rgba(0, 0, 0, 0) 100%);
z-index: 1;
top: 0;
opacity: 1;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.header-container.opened::after,
.header-container.fix::after {
opacity: 0 !important;
content: none !important;
}
@media (min-width: 959px) {
.header-panel.grid-container>.nav-container {
display: flex;
}
.header-panel.grid-container>.nav-container #nav {
display: flex;
width: 70%;
justify-content: space-between;
padding: 0 50px;
}
.header-panel.grid-container>.nav-container #nav>li {
width: auto;
text-align: center;
}
/*.header-panel.grid-container > .nav-container #nav > li a {
white-space: nowrap;
}*/
html.desktop .header-container .grid-container {
z-index: 2;
}
.header-container .header-panel .nav-container .level0>a:not(.not-menu-link) {
padding: 17px;
}
.header-container .header-panel .nav-container .level0>a:not(.not-menu-link).logo {
padding: 12px;
}
}
@media (min-width: 961px) {
.mobile-navigation-megamenu {
display: none !important;
}
}
@media (max-width: 960px) {
html.desktop ul#nav .level0.nav-1.first {
width: 75%;
}
.header-container .header-panel .nav-container .level0.mobile-menu-trigger>a.level0 .c-hamburger--htx.is-active span::after {
width: 24px;
}
.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.opened {
border-bottom: 1px solid #fff;
}
.header-container .header-panel .nav-container #nav .level0 .navigation-container.level0 ul.level0 {
width: 100%;
}
.header-container .header-panel .nav-container ul#nav li.level0.opened>a:not(.not-menu-link) {
border-top: 1px solid #fff;
}
.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-size: 20px;
}
.desktop-mega-menu {
display: none !important;
}
}
@media (max-width: 960px) {
.header-container .header-panel .nav-container .level0.logo a img {
height: 31px;
}
.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: 7px;
margin-bottom: 3px;
}
}
.teaser-container a h1.teaser-title,
.teaser-container a:hover h1.teaser-title,
.teaser-container a:focus h1.teaser-title {
color: #fff !important;
}
#modal-shop-gts-window .unslider-wrap li .image figure picture {
background-color: #000;
}
/*
* Styles that are different on Com Store.
*
* Loaded via local.xml
*
* @author Session Digital 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
*/
.store-com .header-container .navigation-area .header .navigation .navigation-container.level0.menu_1 ul.level0, .store-eu .header-container .navigation-area .header .navigation .navigation-container.level0.menu_1 ul.level0, .store-uk .header-container .navigation-area .header .navigation .navigation-container.level0.menu_1 ul.level0, .store-us .header-container .navigation-area .header .navigation .navigation-container.level0.menu_1 ul.level0 {
width: 35%; }
.store-com .header-container .navigation-area .header .navigation .navigation-container.level0.menu_1 .cms-container, .store-eu .header-container .navigation-area .header .navigation .navigation-container.level0.menu_1 .cms-container, .store-uk .header-container .navigation-area .header .navigation .navigation-container.level0.menu_1 .cms-container, .store-us .header-container .navigation-area .header .navigation .navigation-container.level0.menu_1 .cms-container {
width: 65%; }
.store-com .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-block-container .column-left, .store-eu .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-block-container .column-left, .store-uk .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-block-container .column-left, .store-us .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-block-container .column-left {
padding-top: 30px; }
.store-com .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-block-container .menu-footer, .store-eu .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-block-container .menu-footer, .store-uk .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-block-container .menu-footer, .store-us .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-block-container .menu-footer {
left: 335px; }
.store-com .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-container .middle, .store-eu .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-container .middle, .store-uk .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-container .middle, .store-us .header-container .navigation-area .header .navigation .navigation-container.level0 .cms-container .middle {
margin-top: 35px; }
/*# sourceMappingURL=RC_ComStoreUpdates.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;
}
.rc.video-box {
max-width: 1290px;
height: 0;
padding-bottom: calc(9 / 16 * 100%);
background: url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/rx/yt-thumbnail.jpg) center no-repeat;
background-size: cover;
position: relative;
margin: 40px auto 15px;
}
.reduction-with-power .rc.video-box {
background: url(https://www.racechip.eu/skin/frontend/racechip/default/images/sprit_yt-thumbnail.jpg) center no-repeat;
background-size: cover;
}
.modal-overlay[data-modal="in-action-gts"] .rc.video-box {
background: url(https://www.racechip.eu/skin/frontend/racechip/default/images/c43_yt-thumbnail.jpg) center no-repeat;
background-size: cover;
}
.modal-overlay[data-modal="in-action-gts-black"] .rc.video-box {
background: url(https://www.racechip.eu/skin/frontend/racechip/default/images/porsche-panamera_yt-thumbnail.jpg) center no-repeat;
background-size: cover;
}
.reduction-with-power .rc.video-box:before,
.modal-overlay[data-modal="in-action-gts"] .rc.video-box:before,
.modal-overlay[data-modal="in-action-gts-black"] .rc.video-box:before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
background-color: rgba(0, 0, 0, 0.75);
pointer-events: none;
}
.rc.video-box iframe {
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
display: none;
}
.rc.video-box .video-overlay {
width: 100%;
max-width: 830px;
height: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
p.rc.player-notice {
padding-top: 20px;
font-size: 14px;
display: none;
text-align: center;
padding: 0 0 20px;
}
.rc.video-box .yt-play {
width: 213px;
margin: 0 auto;
display: block;
}
.rc.video-box .user-notice {
padding: 20px 0;
color: #fff;
font-size: 22px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
margin-top: 30px;
padding-left: 40px;
position: relative;
cursor: pointer;
text-align: left;
}
.rc.video-box .user-notice:before {
content: " ";
width: 20px;
height: 20px;
border: 2px solid #fff;
border-radius: 4px;
/*background: url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/white-checkmark.svg) center no-repeat;*/
display: block;
position: absolute;
left: 0;
top: 20px;
cursor: pointer;
}
.rc.video-box .user-notice.checked:before {
background: url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/white-checkmark.svg) center no-repeat;
}
.block-item.reduction-with-power .content-area {
max-width: 1290px;
}
@media screen and (max-width: 959px) {
.rc.video-box .user-notice {
font-size: 16px;
}
.rc.video-box .video-overlay {
width: 80%;
}
.rc.video-box .user-notice::before {
top: 18px;
}
}
@media screen and (max-width: 480px) {
.rc.video-box .user-notice {
font-size: 12px;
padding: 10px 0 10px 40px;
}
.rc.video-box .user-notice::before {
top: 12px;
}
.rc.video-box .yt-play {
width: 153px;
}
}
@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.eu/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 h1.title sup {
font-size: 50%;
font-style: italic;
}
.wrapper .page h2 {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
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.eu/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.eu/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,
body.cms-aviso-legal .wrapper .page,
body.cms-aviso-legal-html .wrapper .page,
body.cms-juridische-aanwijzingen .wrapper .page,
body.cms-juridische-aanwijzingen-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,
body.cms-aviso-legal .wrapper .page .std.content-area,
body.cms-aviso-legal-html .wrapper .page .std.content-area,
body.cms-juridische-aanwijzingen .wrapper .page .std.content-area,
body.cms-juridische-aanwijzingen-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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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%;
}
}
@media (min-width: 961px) {
.wrapper .page h1.teaser-title,
.wrapper .page .selector-container > .teaser-container > a {
display: table;
}
}
.wrapper .page .teaser-container .news-link.more-link,
.wrapper .page .stage-teaser-container .news-link.more-link {
display: none !important;
}
.wrapper .page .selector-container .teaser-container,
.wrapper .page .stage-selector-container .teaser-container {
vertical-align: bottom !important;
}
@media screen and (max-width: 960px) {
body .wrapper .page .stage .selector-container .teaser-container,
body .wrapper .page .stage .selector-container .stage-teaser-container {
text-align: left !important;
bottom: 0 !important;
top: unset !important;
}
body .wrapper .page .stage .selector-container {
padding-left: 0 !important;
}
}
@media screen and (max-width: 680px) {
.wrapper .page .selector-container .teaser-container > a,
.wrapper .page .selector-container .stage-teaser-container > a {
margin-bottom: 24px !important;
}
}
body .wrapper .page .stage .teaser-container .teaser-title h1.subpage,
body .wrapper .page .stage .stage-teaser-container .teaser-title h1.subpage,
body .wrapper .page .stage .teaser-container .teaser-title h2,
body .wrapper .page .stage .stage-teaser-container .teaser-title h2 {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-style: normal;
font-size: 3.57143rem;
background: #ea5b0c;
padding: 5px 8px 5px 7px;
line-height: 1.5;
display: inline;
margin-top: 5px;
color: #fff;
text-transform: uppercase;
margin-bottom: 0;
box-decoration-break: clone;
}
body .wrapper .page .stage .teaser-container .teaser-title h2.subpage,
body .wrapper .page .stage .stage-teaser-container .teaser-title h2.subpage,
body .wrapper .page .stage .teaser-container .teaser-title h3,
body .wrapper .page .stage .stage-teaser-container .teaser-title h3 {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-style: normal;
font-size: 2.14286rem;
background: #000;
padding: 5px 8px 5px 7px;
line-height: 1;
display: table;
margin-top: 0;
color: #fff;
}
@media (max-width: 480px) {
body .wrapper .page .stage .teaser-container .teaser-title h2.subpage,
body .wrapper .page .stage .stage-teaser-container .teaser-title h2.subpage,
body .wrapper .page .stage .teaser-container .teaser-title h3,
body .wrapper .page .stage .stage-teaser-container .teaser-title h3 {
margin-top: 5px;
}
}
/*
* 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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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,
body.cms-incremento-potenza-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title,
body.cms-aumento-potencia .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title,
body.cms-aumento-potencia-html .wrapper .page .stage.ct-dispatcher-stage .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,
body.cms-incremento-potenza-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title,
body.cms-aumento-potencia .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title,
body.cms-aumento-potencia-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: 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,
body.cms-incremento-potenza-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block,
body.cms-aumento-potencia .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block,
body.cms-aumento-potencia-html .wrapper .page .stage.ct-dispatcher-stage .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,
body.cms-incremento-potenza-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block,
body.cms-aumento-potencia .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block,
body.cms-aumento-potencia-html .wrapper .page .stage.quality-and-warranty-stage .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,
body.cms-incremento-potenza-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title,
body.cms-aumento-potencia .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title,
body.cms-aumento-potencia-html .wrapper .page .stage.ct-dispatcher-stage .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,
body.cms-incremento-potenza-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title,
body.cms-aumento-potencia .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title,
body.cms-aumento-potencia-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.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,
body.cms-incremento-potenza-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block,
body.cms-aumento-potencia .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block,
body.cms-aumento-potencia-html .wrapper .page .stage.ct-dispatcher-stage .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,
body.cms-incremento-potenza-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block,
body.cms-aumento-potencia .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block,
body.cms-aumento-potencia-html .wrapper .page .stage.quality-and-warranty-stage .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,
body.cms-incremento-potenza-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title,
body.cms-incremento-potenza-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text,
body.cms-aumento-potencia .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title,
body.cms-aumento-potencia .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text,
body.cms-aumento-potencia-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title,
body.cms-aumento-potencia-html .wrapper .page .stage.ct-dispatcher-stage .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,
body.cms-incremento-potenza-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title,
body.cms-incremento-potenza-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text,
body.cms-aumento-potencia .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title,
body.cms-aumento-potencia .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text,
body.cms-aumento-potencia-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title,
body.cms-aumento-potencia-html .wrapper .page .stage.quality-and-warranty-stage .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,
body.cms-incremento-potenza-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title,
body.cms-aumento-potencia .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title,
body.cms-aumento-potencia-html .wrapper .page .stage.ct-dispatcher-stage .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,
body.cms-incremento-potenza-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title,
body.cms-aumento-potencia .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title,
body.cms-aumento-potencia-html .wrapper .page .stage.quality-and-warranty-stage .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,
body.cms-incremento-potenza-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text,
body.cms-aumento-potencia .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text,
body.cms-aumento-potencia-html .wrapper .page .stage.ct-dispatcher-stage .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,
body.cms-incremento-potenza-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text,
body.cms-aumento-potencia .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text,
body.cms-aumento-potencia-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;
}
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,
body.cms-incremento-potenza-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a,
body.cms-aumento-potencia .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a,
body.cms-aumento-potencia-html .wrapper .page .stage.ct-dispatcher-stage .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,
body.cms-incremento-potenza-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a,
body.cms-aumento-potencia .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a,
body.cms-aumento-potencia-html .wrapper .page .stage.quality-and-warranty-stage .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,
body.cms-incremento-potenza-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title,
body.cms-aumento-potencia .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title,
body.cms-aumento-potencia-html .wrapper .page .stage.ct-dispatcher-stage .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,
body.cms-incremento-potenza-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title,
body.cms-aumento-potencia .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title,
body.cms-aumento-potencia-html .wrapper .page .stage.quality-and-warranty-stage .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-resumen-productos-html .wrapper .page .stage.ct-dispatcher-stage .checkered-flag,
body.cms-panoramica-prodotti .wrapper .page .stage.ct-dispatcher-stage .checkered-flag,
body.cms-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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: "BarlowSemiCondensedBoldItalic", 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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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: "BarlowSemiCondensedItalic", 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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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: "BarlowSemiCondensedBoldItalic", 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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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: "BarlowSemiCondensedItalic", 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: "BarlowSemiCondensedItalic", 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: "BarlowSemiCondensedBoldItalic", 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: "BarlowSemiCondensedItalic", 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: "BarlowSemiCondensedBoldItalic", 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: "BarlowSemiCondensedItalic", 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: "BarlowSemiCondensedBoldItalic", 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: "BarlowSemiCondensedItalic", 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: "BarlowSemiCondensedBoldItalic", 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.eu/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.eu/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.eu/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(rgba(0, 0, 0, 0))) 1 85%;
-webkit-border-image: -webkit-linear-gradient(#dcdcdc, rgba(0, 0, 0, 0)) 1 85%;
-moz-border-image: -moz-linear-gradient(#dcdcdc, rgba(0, 0, 0, 0)) 1 85%;
-o-border-image: -o-linear-gradient(#dcdcdc, rgba(0, 0, 0, 0)) 1 85%;
border-image: linear-gradient(to bottom, #dcdcdc, rgba(0, 0, 0, 0)) 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.eu/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.eu/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.eu/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.eu/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(/media/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: "BarlowSemiCondensedItalic", 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: "BarlowSemiCondensedBoldItalic", 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: "BarlowSemiCondensedItalic", 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: "BarlowSemiCondensedBoldItalic", 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: "BarlowSemiCondensedItalic", 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: "BarlowSemiCondensedBoldItalic", 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.eu/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("/media/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("/media/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("/media/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("/media/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("/media/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("/media/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("/media/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("/media/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("/media/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("/media/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.eu/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.eu/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 .stage.home-stage {
z-index: 3;
}
.wrapper .page .stage.home-stage figure {
margin-bottom: 0;
}
.wrapper .page .stage.home-stage .main-selector-container {
position: absolute;
top: 0;
left: 0;
max-width: 1536px;
margin: 0 auto;
height: 100%;
right: 0;
}
.wrapper .page .stage.home-stage .-promo-activated {
display: none;
}
body.store-de .wrapper .page .stage.home-stage .new-stage-image[data-test="optimizely_1"] {
background-image: url(/media/wysiwyg/stage_images/optimizely_stage_desktop.jpg);
}
@media screen and (max-width: 1023px) {
.wrapper .page .stage.home-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 .stage.home-stage .new-stage-image[data-test="optimizely_1"] {
display: none;
}
}
@media screen and (min-width: 1024px) {
.wrapper .page .stage.home-stage .new-stage-image {
background-size: cover;
-moz-background-size: cover;
/* Firefox 3.6 */
background-position: center left;
/* Internet Explorer 7/8 */
height: 800px;
}
}
@media screen and (min-width: 1280px) {
.wrapper .page .stage.home-stage .new-stage-image {
height: 775px;
}
}
@media screen and (min-width: 1366px) {
.wrapper .page .stage.home-stage .new-stage-image {
height: 975px;
}
}
@media screen and (min-width: 1440px) {
.wrapper .page .stage.home-stage .new-stage-image {
height: 1055px;
}
}
@media screen and (min-width: 1680px) {
.wrapper .page .stage.home-stage .new-stage-image {
height: 100vh;
}
}
@media screen and (min-width: 1920px) {
.wrapper .page .stage.home-stage .new-stage-image {
height: 100vh;
}
}
.wrapper .page .stage.home-stage.-promo-stage .-promo-activated {
display: block;
}
.wrapper .page .stage.home-stage.-promo-stage .selector-container .teaser-container .teaser-title {
margin-bottom: 10px;
}
.wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title span,
.wrapper .page .stage.home-stage .news-link.more-link a {
background: #000;
padding: 5px 8px 5px 7px;
line-height: 1;
display: inline-block;
margin-top: 5px;
}
@media screen and (min-width: 480px) {
.wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title .long-title {
margin-left: -11px;
}
}
.wrapper .page .stage.home-stage .news-link.more-link a {
margin-top: 0;
}
.wrapper .page .stage.home-stage>.teaser-container {
display: none;
}
.wrapper .page .stage.home-stage .selector-container {
width: 625px;
height: 315px;
max-width: 1680px;
position: absolute;
left: 0;
bottom: 40%;
}
.wrapper .page .stage.home-stage .selector-container .teaser-container {
display: block;
color: #f2f2f2;
}
.wrapper .page .stage.home-stage .selector-container .teaser-container .btn.c2a {
display: none;
}
.wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.35714rem;
margin-bottom: 0;
}
.wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title b {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.35714rem;
}
.wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-text {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.5rem;
}
.wrapper .page .stage.home-stage .selector-container .payment-ad,
.wrapper .page .stage.home-stage .selector-container .shadow-left,
.wrapper .page .stage.home-stage .selector-container .shadow-right,
.wrapper .page .stage.home-stage .selector-container .step-title,
.wrapper .page .stage.home-stage .selector-container #embedded-car-selector,
.wrapper .page .stage.home-stage .selector-container .embedded-titles,
.wrapper .page .stage.home-stage .selector-container .selector-info,
.wrapper .page .stage.home-stage .selector-container #pick-optimizations {
display: none;
}
.wrapper .page .stage.home-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 .stage.home-stage .selector-container .car-selector-form .by-car {
width: 100%;
}
.wrapper .page .stage.home-stage .selector-container .car-selector-form .by-car .selectors {
margin-top: 2px;
}
.wrapper .page .stage.home-stage .selector-container .car-selector-form .by-car .selectors .picker-container {
font-size: 1px;
display: block;
}
.wrapper .page .stage.home-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 .stage.home-stage .selector-container .selector-icons:before,
.wrapper .page .stage.home-stage .selector-container .selector-icons:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.wrapper .page .stage.home-stage .selector-container .selector-icons:after {
clear: both;
}
.wrapper .page .stage.home-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 .stage.home-stage .selector-container .selector-icons .item .selector-icon {
margin-top: 8px;
height: 50px;
float: left;
margin-left: 6%;
}
.wrapper .page .stage.home-stage .selector-container .selector-icons .item .legend {
margin-top: 16px;
margin-left: 15px;
line-height: normal;
display: inline-block;
}
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons {
display: inline-block;
}
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons:after {
clear: both;
}
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .submit.btn,
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .select-by,
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .cr-pd-toggle {
display: none !important;
}
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .news-link,
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn {
float: left;
}
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn:after {
content: none;
}
.wrapper .page .stage.home-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 .stage.home-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 .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .news-link a:hover {
font-weight: 400;
}
.wrapper .page .stage.home-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 .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .video-link .-only-mobile {
display: none;
}
.wrapper .page .stage.home-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.eu/skin/frontend/racechip/default/images/icons/icon_play.svg) no-repeat;
background-position: 10px 2px;
background-size: 50px 50px;
}
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .video-link a:hover {
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon_play_hover.svg);
}
.wrapper .page .stage.home-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 .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .more-link .-only-mobile {
display: none;
}
.wrapper .page .stage.home-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 .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .by-car {
z-index: 2;
}
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .picker-container ul.picker {
margin-top: 5px;
}
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .picker-container ul.picker li.option.first {
background: #fff url(https://www.racechip.eu/skin/frontend/racechip/default/images/picker-list-background.png) no-repeat top center;
}
/*html.mobile .wrapper .page .stage.home-stage .selector-container {
margin-left: 2.08333%;
}*/
html.mobile .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .car-selector-form .by-car {
width: 100%;
}
html.mobile .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .car-selector-form .by-car .selectors {
width: 100%;
height: 80px;
}
html.mobile .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .car-selector-form .by-car .selectors .picker-container {
width: 33%;
position: absolute;
}
.wrapper .page .stage.home-stage .teaser-bar-container {
width: 100%;
height: 75px;
background: #fafafa;
position: absolute;
bottom: 0;
left: 0;
}
.wrapper .page .stage.home-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 .stage.home-stage .teaser-bar .known-from,
.wrapper .page .stage.home-stage .teaser-bar .popular-car-makes {
height: 75px;
}
@media screen and (max-width: 960px) {
.wrapper .page .stage.home-stage .teaser-bar .known-from,
.wrapper .page .stage.home-stage .teaser-bar .popular-car-makes {
padding-left: 15px;
}
}
.wrapper .page .stage.home-stage .teaser-bar .known-from .sub-title,
.wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .sub-title {
position: absolute;
top: -30px;
left: 0px;
}
@media screen and (max-width: 960px) {
.wrapper .page .stage.home-stage .teaser-bar .known-from .sub-title,
.wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .sub-title {
left: 15px;
}
}
body.store-at .wrapper .page .stage.home-stage .teaser-bar .known-from .sub-title,
body.store-at .wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .sub-title {
left: 168px;
}
@media screen and (max-width: 960px) {
body.store-at .wrapper .page .stage.home-stage .teaser-bar .known-from .sub-title,
body.store-at .wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .sub-title {
left: 183px;
}
}
body.store-de .wrapper .page .stage.home-stage .teaser-bar .known-from .sub-title,
body.store-de .wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .sub-title {
left: 168px;
}
@media screen and (max-width: 960px) {
body.store-de .wrapper .page .stage.home-stage .teaser-bar .known-from .sub-title,
body.store-de .wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .sub-title {
left: 183px;
}
}
body.store-ch .wrapper .page .stage.home-stage .teaser-bar .known-from .sub-title,
body.store-ch .wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .sub-title {
left: 168px;
}
@media screen and (max-width: 960px) {
body.store-ch .wrapper .page .stage.home-stage .teaser-bar .known-from .sub-title,
body.store-ch .wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .sub-title {
left: 183px;
}
}
.wrapper .page .stage.home-stage .teaser-bar .known-from .autobild,
.wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .autobild {
float: left;
margin-right: 15px;
margin-top: -105px;
}
.wrapper .page .stage.home-stage .teaser-bar .known-from .autobild img,
.wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .autobild img {
max-height: 200px;
}
.wrapper .page .stage.home-stage .teaser-bar .known-from .icons-list:before,
.wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .icons-list:before,
.wrapper .page .stage.home-stage .teaser-bar .known-from .icons-list:after,
.wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .icons-list:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.wrapper .page .stage.home-stage .teaser-bar .known-from .icons-list:after,
.wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .icons-list:after {
clear: both;
}
.wrapper .page .stage.home-stage .teaser-bar .known-from .icons-list li,
.wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .icons-list li {
float: left;
line-height: 50px;
margin-right: 25px;
padding-top: 16px;
}
.wrapper .page .stage.home-stage .teaser-bar .known-from .icons-list li:last-child,
.wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .icons-list li:last-child {
margin-right: 0;
}
.wrapper .page .stage.home-stage .teaser-bar .known-from .icons-list li img,
.wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .icons-list li img {
max-height: 50px;
}
.wrapper .page .stage.home-stage .teaser-bar .popular-car-makes a {
display: block;
}
.wrapper .page .stage.home-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 .stage.home-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 .stage.home-stage .teaser-bar .teaser-img-container {
position: absolute;
width: 500px;
right: 0;
bottom: 0;
}
.wrapper .page .stage.home-stage .teaser-bar .teaser-img-container:before,
.wrapper .page .stage.home-stage .teaser-bar .teaser-img-container:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.wrapper .page .stage.home-stage .teaser-bar .teaser-img-container:after {
clear: both;
}
.wrapper .page .stage.home-stage .teaser-bar .teaser-img-container .slogan {
float: left;
width: 67%;
margin-top: 90px;
text-align: right;
}
.wrapper .page .stage.home-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 .stage.home-stage .teaser-bar .teaser-img-container .slogan a:hover {
font-weight: 400;
}
.wrapper .page .stage.home-stage .teaser-bar .teaser-img-container .teaser-image {
float: right;
width: 33%;
}
.wrapper .page .stage.home-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: "BarlowSemiCondensedItalic", 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: "BarlowSemiCondensedBoldItalic", 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 .content-container .main .product-performance-diagram {
border: none;
margin: 0;
background: #fafafa;
width: 100%;
height: 615px;
display: block;
text-align: center;
position: relative !important;
overflow: hidden;
margin-bottom: 15px;
}
.wrapper .page .content-container .main .product-performance-diagram .only-mobile,
.wrapper .page .content-container .main .product-performance-diagram .only-mobiles {
display: none;
}
.wrapper .page .content-container .main .product-performance-diagram .no-mobile,
.wrapper .page .content-container .main .product-performance-diagram .no-mobiles {
display: inline;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area {
z-index: 2;
max-width: 992px;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .title {
display: block;
text-align: left;
margin: 80px 0 28px 0;
color: #fafafa;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: normal;
font-size: 36px;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram {
display: block;
clear: both;
width: 100%;
max-width: 730px;
height: 210px;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram li {
display: block;
width: 100%;
position: relative;
height: 42px;
margin-bottom: 30px;
clear: both;
overflow-y: hidden;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram li .descrip,
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram li .default-performance,
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram li .racechip-performance {
position: relative;
float: left;
display: inline-block;
text-align: center;
line-height: 40px;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram li .default-performance,
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram li .racechip-performance {
width: 0;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram li .default-performance:before,
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram li .racechip-performance:before {
display: block;
position: absolute;
height: 40px;
content: " ";
z-index: -1;
transform-origin: top right;
-ms-transform: skew(-30deg, 0deg);
-webkit-transform: skew(-30deg, 0deg);
transform: skew(-30deg, 0deg);
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram li .descrip {
width: 21%;
background-color: rgba(0, 0, 0, 0.4);
border-left: 1px solid #fafafa;
border-top: 1px solid #fafafa;
border-bottom: 1px solid #fafafa;
color: #fafafa;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 0.92857rem;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram li .default-performance {
border-top: 1px solid #fafafa;
border-bottom: 1px solid #fafafa;
color: transparent;
background: rgba(255, 255, 255, 0.1);
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.14286rem;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram li .racechip-performance {
border-top: 1px solid #fafafa;
border-bottom: 1px solid #fafafa;
color: transparent;
background: white;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1.14286rem;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram li .racechip-performance .r-logo {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
margin-left: 6px;
width: 0;
font-size: 0;
display: inline-block;
height: 40px;
float: left;
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/diagram_r_signet.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram li:last-child {
margin-bottom: 20px;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram .diagram-power .racechip-performance:after,
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram .diagram-torque .racechip-performance:after {
display: block;
position: absolute;
top: -1px;
left: 0;
width: 24px;
height: 40px;
content: " ";
border-top: 1px solid #fafafa;
border-bottom: 1px solid #fafafa;
z-index: -1;
transform-origin: top right;
-ms-transform: skew(-30deg, 0deg);
-webkit-transform: skew(-30deg, 0deg);
transform: skew(-30deg, 0deg);
background: white;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram .diagram-power .racechip-performance:before,
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram .diagram-torque .racechip-performance:before {
top: -1px;
left: 100%;
width: 24px;
border-top: 1px solid #fafafa;
border-bottom: 1px solid #fafafa;
background: white;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram .diagram-power.show .default-performance {
width: 41%;
color: #fafafa;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram .diagram-power.show .racechip-performance {
width: 22%;
color: #eb5b00;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram .diagram-power.show .racechip-performance .r-logo {
width: 41px;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram .diagram-torque.show .default-performance {
width: 50%;
color: #fafafa;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram .diagram-torque.show .racechip-performance {
width: 24%;
color: #eb5b00;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram .diagram-torque.show .racechip-performance .r-logo {
width: 41px;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram .diagram-acceleration .default-performance {
background: none;
border: none;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram .diagram-acceleration .default-performance:before {
top: 0;
left: -10%;
width: 110%;
border: 1px solid #fafafa;
background: rgba(255, 255, 255, 0.1);
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram .diagram-acceleration .racechip-performance {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram .diagram-acceleration .racechip-performance .r-logo {
margin-left: 30px;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram .diagram-acceleration .racechip-performance:before {
top: -1px;
left: 100%;
width: 24px;
border-top: 1px solid #fafafa;
border-bottom: 1px solid #fafafa;
background: white;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram .diagram-acceleration.show .default-performance {
width: 30.5%;
color: #fafafa;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram .diagram-acceleration.show .racechip-performance {
width: 23%;
color: #eb5b00;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram .diagram-acceleration.show .racechip-performance .r-logo {
width: 41px;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area p {
text-align: left;
display: block;
color: #fafafa;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1rem;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area p strong {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .video-link {
display: block;
clear: both;
width: 100%;
position: relative;
border: 1px solid #fafafa;
padding: 26px 26px 26px 170px;
min-height: 130px;
background-color: rgba(255, 255, 255, 0.1);
margin-top: 22px;
max-width: 700px;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .video-link a {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 150px;
background-position: center;
background-size: cover;
font-size: 0;
cursor: pointer;
-webkit-filter: grayscale(0%);
/* Chrome, Safari, Opera */
filter: grayscale(0%);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .video-link a:before {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
content: " ";
z-index: 1;
background-size: contain;
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon_play.svg);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .video-link a:hover {
-webkit-filter: grayscale(100%);
/* Chrome, Safari, Opera */
filter: grayscale(100%);
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .video-link a:hover:before {
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon_play_hover.svg);
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .video-link h3 {
display: block;
text-align: left;
padding-bottom: 2px;
margin: 0;
font-family: Roboto, Arial, Verdana, sans-serif;
font-size: 24px;
font-weight: normal;
line-height: 34px;
letter-spacing: 0px;
color: #FFFFFF;
font-style: normal;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .video-link p {
text-align: left;
display: block;
color: #fafafa;
line-height: 22px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1rem;
}
.wrapper .page .content-container .main .product-performance-diagram .parallax-background {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #121212;
width: 100%;
height: 130%;
position: absolute;
z-index: 1;
top: 0;
left: 0;
-webkit-transition: all 0.05s ease;
-moz-transition: all 0.05s ease;
-o-transition: all 0.05s ease;
transition: all 0.05s ease;
}
.wrapper .page .content-container .main .product-performance-diagram.product-gts-performance-diagram {
margin-top: 15px;
}
.wrapper .page .content-container .main .product-performance-diagram.product-gts-performance-diagram .content-area .video-link a {
background-image: url(/media/wysiwyg/racechip-gts/home-performance-signet.jpg);
}
.wrapper .page .content-container .main .product-performance-diagram.product-gts-performance-diagram .content-area .video-link a[href="https://www.youtube.com/watch?v=klgdaIQitBM"] {
background-image: url(/media/wysiwyg/home-performance/home-performance-gti_video.jpg);
}
.wrapper .page .content-container .main .product-performance-diagram.product-gts-performance-diagram .content-area .video-link a[href="https://www.youtube.com/watch?v=fA1c3nCQXJI"] {
background-image: url(/media/wysiwyg/home-performance/home-performance-bmw_video.jpg);
}
.wrapper .page .content-container .main .product-performance-diagram.product-gts-performance-diagram .content-area .video-link a[href="https://www.youtube.com/watch?v=3suVHtpsa_I"] {
background-image: url(/media/wysiwyg/home-performance/home-performance-i20n_video.jpg);
}
.wrapper .page .content-container .main .product-performance-diagram.product-gts-performance-diagram .parallax-background.gti-golf {
background-image: url(/media/wysiwyg/home-performance/home-performance-bg_gti.jpg);
}
.wrapper .page .content-container .main .product-performance-diagram.product-gts-performance-diagram .parallax-background.bmw-m3 {
background-image: url(/media/wysiwyg/home-performance/home-performance-bg_m3.jpg);
}
.wrapper .page .content-container .main .product-performance-diagram.product-gts-performance-diagram .parallax-background.hyundai-i20n {
background-image: url(/media/wysiwyg/home-performance/home-performance-bg_i20n.jpg);
}
@media screen and (max-width: 960px) {
.wrapper .page .content-container .main .product-performance-diagram .content-area {
padding-left: 2.08333%;
padding-right: 2.08333%;
}
}
@media screen and (max-width: 768px) {
.wrapper .page .content-container .main .product-performance-diagram {
height: 815px;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area {
padding-left: 2.60417%;
padding-right: 2.60417%;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 26px;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area p {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 0.92857rem;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area p strong {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.92857rem;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .video-link h3 {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
text-align: left;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .video-link p {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
}
.wrapper .page .content-container .main .product-performance-diagram.product-gts-performance-diagram .parallax-background.gti-golf {
background-image: url(/media/wysiwyg/home-performance/home-performance-bg_gti_tablet.jpg);
}
.wrapper .page .content-container .main .product-performance-diagram.product-gts-performance-diagram .parallax-background.bmw-m3 {
background-image: url(/media/wysiwyg/home-performance/home-performance-bg_m3_tablet.jpg);
}
.wrapper .page .content-container .main .product-performance-diagram.product-gts-performance-diagram .parallax-background.hyundai-i20n {
background-image: url(/media/wysiwyg/home-performance/home-performance-bg_i20n_tablet.jpg);
}
}
@media screen and (max-width: 480px) {
.wrapper .page .content-container .main .product-performance-diagram {
height: auto;
min-height: 435px;
display: table;
}
.wrapper .page .content-container .main .product-performance-diagram.product-gts-performance-diagram {
margin-top: 27px;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area {
display: table-cell;
vertical-align: bottom;
padding-left: 4.16667%;
padding-right: 4.16667%;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .title,
.wrapper .page .content-container .main .product-performance-diagram .content-area p,
.wrapper .page .content-container .main .product-performance-diagram .content-area .diagram {
display: none;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .video-link {
border: none;
padding: 0;
min-height: 0;
background: none;
margin-top: 22px;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .video-link a {
position: relative;
width: 50px;
height: 50px;
display: block;
margin: 0 auto;
background: none !important;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .video-link h3 {
text-align: center;
padding-bottom: 22px;
}
.wrapper .page .content-container .main .product-performance-diagram .content-area .video-link p {
text-align: center;
padding: 28px 0 58px 0;
}
.wrapper .page .content-container .main .product-performance-diagram.product-gts-performance-diagram .parallax-background.gti-golf {
background-image: url(/media/wysiwyg/home-performance/home-performance-bg_gti_mobil.jpg);
}
.wrapper .page .content-container .main .product-performance-diagram.product-gts-performance-diagram .parallax-background.bmw-m3 {
background-image: url(/media/wysiwyg/home-performance/home-performance-bg_m3_mobil.jpg);
}
.wrapper .page .content-container .main .product-performance-diagram.product-gts-performance-diagram .parallax-background.hyundai-i20n {
background-image: url(/media/wysiwyg/home-performance/home-performance-bg_i20n_mobil.jpg);
}
.wrapper .page .content-container .main .product-performance-diagram .no-mobile,
.wrapper .page .content-container .main .product-performance-diagram .no-mobiles {
display: none;
}
.wrapper .page .content-container .main .product-performance-diagram .only-mobile,
.wrapper .page .content-container .main .product-performance-diagram .only-mobiles {
display: inline;
}
}
.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;
}
.cms-sixt.store-de .wrapper .page .stage.home-stage .new-stage-image {
background-image: url(/media/wysiwyg/stage_images/stage_bmw_m2_competition_992.jpg);
}
.store-itl .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .more-link {
width: 40%;
}
.store-us .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.28571rem;
}
.cms-start-html.store-de .wrapper .page .stage.home-stage .new-stage-image,
.cms-start.store-de .wrapper .page .stage.home-stage .new-stage-image {
background-image: url(/media/wysiwyg/stage_images/stage_gts_black_992.jpg);
}
.cms-start-html.store-de .wrapper .page .stage.home-stage .teaser-bar .teaser-img-container,
.cms-start.store-de .wrapper .page .stage.home-stage .teaser-bar .teaser-img-container {
display: none;
}
.cms-start-html.store-de .wrapper .page .stage.home-stage .teaser-bar .known-from .icons-list,
.cms-start-html.store-de .wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .icons-list,
.cms-start.store-de .wrapper .page .stage.home-stage .teaser-bar .known-from .icons-list,
.cms-start.store-de .wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .icons-list {
padding-right: 60px;
}
.cms-start-html.store-de .wrapper .page .stage.home-stage .teaser-bar .teaser-installation-service,
.cms-start.store-de .wrapper .page .stage.home-stage .teaser-bar .teaser-installation-service {
display: block;
position: absolute;
width: 415px;
right: 0;
bottom: 0;
}
.cms-start-html.store-de .wrapper .page .stage.home-stage .teaser-bar .teaser-installation-service .teaser-installation-image,
.cms-start.store-de .wrapper .page .stage.home-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 .stage.home-stage .teaser-bar .teaser-installation-service .teaser-installation-image:hover,
.cms-start.store-de .wrapper .page .stage.home-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 .stage.home-stage .teaser-bar .teaser-installation-service .top-title,
.cms-start.store-de .wrapper .page .stage.home-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 .stage.home-stage .teaser-bar .teaser-installation-service .top-title strong,
.cms-start.store-de .wrapper .page .stage.home-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 .stage.home-stage .teaser-bar .teaser-installation-service .bottom-title,
.cms-start.store-de .wrapper .page .stage.home-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 .stage.home-stage .teaser-bar .teaser-installation-service .bottom-title a,
.cms-start.store-de .wrapper .page .stage.home-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 .stage.home-stage .teaser-bar .teaser-installation-service .bottom-title a:hover,
.cms-start.store-de .wrapper .page .stage.home-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 .stage.home-stage .selector-container {
width: 515px;
}
.wrapper .page .stage.home-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 .stage.home-stage .selector-container .selector-icons .item .selector-icon {
margin-top: 15px;
height: 38px;
margin-left: 8%;
}
.wrapper .page .stage.home-stage .selector-container .selector-icons .item .legend {
margin-left: 8px;
}
.wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.85714rem;
}
.wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title b {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.85714rem;
}
.wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-text {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.21429rem;
}
.wrapper .page .stage.home-stage .teaser-bar {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 0.78571rem;
}
.wrapper .page .stage.home-stage .teaser-bar .known-from,
.wrapper .page .stage.home-stage .teaser-bar .popular-car-makes {
padding-left: 15px;
}
.wrapper .page .stage.home-stage .teaser-bar .known-from .sub-title,
.wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .sub-title {
left: 15px;
}
body.store-at .wrapper .page .stage.home-stage .teaser-bar .known-from .sub-title,
body.store-at .wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .sub-title {
left: 183px;
}
body.store-de .wrapper .page .stage.home-stage .teaser-bar .known-from .sub-title,
body.store-de .wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .sub-title {
left: 183px;
}
body.store-ch .wrapper .page .stage.home-stage .teaser-bar .known-from .sub-title,
body.store-ch .wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .sub-title {
left: 183px;
}
.wrapper .page .stage.home-stage .teaser-bar .known-from .icons-list,
.wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .icons-list {
width: 50%;
overflow: hidden;
}
.wrapper .page .stage.home-stage .teaser-bar .teaser-img-container {
width: 400px;
}
.wrapper .page .stage.home-stage .teaser-bar .teaser-img-container .slogan {
margin-top: 50px;
}
body.store-frc .wrapper .page .stage.home-stage .teaser-bar .teaser-img-container .slogan {
margin-top: 30px;
}
.wrapper .page .stage.home-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 .stage.home-stage .selector-container .teaser-container .teaser-title {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.85714rem;
}
}
@media screen and (max-width: 960px) {
.wrapper .page .stage.home-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 .stage.home-stage .teaser-bar .known-from .icons-list,
.cms-start-html.store-de .wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .icons-list,
.cms-start.store-de .wrapper .page .stage.home-stage .teaser-bar .known-from .icons-list,
.cms-start.store-de .wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .icons-list {
padding-right: 0;
width: auto;
}
.cms-start-html.store-de .wrapper .page .stage.home-stage .teaser-bar .teaser-installation-service,
.cms-start.store-de .wrapper .page .stage.home-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: "BarlowSemiCondensedItalic", 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: "BarlowSemiCondensedBoldItalic", 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 .stage.home-stage {
z-index: 1;
}
.wrapper .page .stage.home-stage .selector-container {
bottom: 0;
left: 0;
width: 100%;
padding-left: 1.30208%;
}
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .picker-container ul.picker {
max-height: 170px;
}
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .picker-container .picker-filter {
height: 52px;
line-height: 50px;
}
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .picker-container .picker-selected {
height: 52px;
line-height: 50px;
font-weight: 400;
font-style: italic;
font-size: 1.35714rem;
}
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-container:before,
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-container:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-container:after {
clear: both;
}
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .by-car {
float: left;
width: 80%;
max-width: 500px;
}
.wrapper .page .stage.home-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 .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn {
margin-right: 0;
}
.wrapper .page .stage.home-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 .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn:after {
background: none;
}
.wrapper .page .stage.home-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 .stage.home-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 .stage.home-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 .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn {
padding: 0 20px;
}
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .news-link {
position: absolute;
top: -50px;
left: 68.70833%;
}
.wrapper .page .stage.home-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 .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .video-link .-only-desktop {
display: none;
}
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .video-link .-only-mobile {
display: inline;
}
.wrapper .page .stage.home-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 .stage.home-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 .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .more-link .-only-desktop {
display: none;
}
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .more-link .-only-mobile {
display: inline;
}
.wrapper .page .stage.home-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 .stage.home-stage .selector-container .teaser-container {
position: relative;
bottom: 9px;
}
.wrapper .page .stage.home-stage .selector-container .teaser-container .selector-icons {
display: none;
}
.wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.85714rem;
}
.wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title b {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.85714rem;
}
.wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-text {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.21429rem;
}
html.mobile .wrapper .page .stage.home-stage .selector-container {
margin-left: 0;
}
.wrapper .page .stage.home-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 .stage.home-stage .teaser-bar {
height: auto;
line-height: normal;
}
.wrapper .page .stage.home-stage .teaser-bar .teaser-img-container {
display: none;
}
.wrapper .page .stage.home-stage .teaser-bar .known-from,
.wrapper .page .stage.home-stage .teaser-bar .popular-car-makes {
height: 150px;
padding-left: 2.60417%;
}
.wrapper .page .stage.home-stage .teaser-bar .known-from .sub-title,
.wrapper .page .stage.home-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 .stage.home-stage .teaser-bar .known-from .sub-title,
body.store-at .wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .sub-title {
left: 18.57813%;
}
body.store-de .wrapper .page .stage.home-stage .teaser-bar .known-from .sub-title,
body.store-de .wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .sub-title {
left: 18.57813%;
}
body.store-ch .wrapper .page .stage.home-stage .teaser-bar .known-from .sub-title,
body.store-ch .wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .sub-title {
left: 18.57813%;
}
.wrapper .page .stage.home-stage .teaser-bar .known-from .icons-list,
.wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .icons-list {
padding-top: 40px;
width: auto;
max-height: 100px;
}
.wrapper .page .stage.home-stage .teaser-bar .known-from .autobild,
.wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .autobild {
margin: 15px 1.95313% 0 0;
max-width: 14.32292%;
min-width: 100px;
}
.wrapper .page .stage.home-stage .teaser-bar .known-from .autobild img,
.wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .autobild img {
max-height: 135px;
}
.wrapper .page .stage.home-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 .stage.home-stage .selector-container .teaser-container .teaser-title {
font-family: "BarlowSemiCondensedItalic", 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 .stage.home-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 .stage.home-stage .selector-container .teaser-container .teaser-title b,
html.mobile .cms-start.store-de .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title b {
display: inline;
}
html.mobile .cms-start-html.store-de .wrapper .page .stage.home-stage .selector-container .teaser-container .no-mobile,
html.mobile .cms-start.store-de .wrapper .page .stage.home-stage .selector-container .teaser-container .no-mobile {
display: none;
}
.wrapper .page .stage.home-stage.stage {
padding-bottom: 0;
margin-bottom: 0;
overflow: visible;
}
.wrapper .page .stage.home-stage .selector-container {
padding-left: 0;
height: auto;
}
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector {
display: none;
}
.wrapper .page .stage.home-stage .teaser-container {
padding-right: 90px;
bottom: 0;
padding-bottom: 20px;
padding-left: 15px;
}
.wrapper .page .stage.home-stage .teaser-bar-container {
display: none;
}
.wrapper .page .stage.home-stage .checkered-flag {
bottom: -7px;
}
.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 .stage.home-stage .selector-container .teaser-container .teaser-title {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.21429rem;
}
.wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title b {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.21429rem;
}
.wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-text {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
}
.wrapper .page .stage.home-stage .selector-container .teaser-container .no-mobiles {
display: none;
}
.wrapper .page .content-container .main .home-small-text-container {
display: none;
}
.store-us .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title {
font-family: "BarlowSemiCondensedItalic", 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 .stage.home-stage {
overflow: visible;
max-width: 100%;
}
.cms-home .wrapper .page .stage.home-stage .new-stage-image {
height: 90vh;
max-height: 882px;
}
.cms-home .wrapper .page .stage.home-stage .teaser-bar .teaser-img-container {
display: none;
}
.cms-home .wrapper .page .stage.home-stage .teaser-bar .known-from .icons-list,
.cms-home .wrapper .page .stage.home-stage .teaser-bar .popular-car-makes .icons-list {
padding-right: 60px;
}
.cms-home .wrapper .page .stage.home-stage .teaser-bar .teaser-installation-service {
display: block;
position: absolute;
width: 415px;
right: 0;
bottom: 0;
}
.cms-home .wrapper .page .stage.home-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 .stage.home-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 .stage.home-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 .stage.home-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 .stage.home-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 .stage.home-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 .stage.home-stage .teaser-bar .teaser-installation-service .bottom-title a:hover {
color: #ec5b00;
}
.cms-home .wrapper .page .stage.home-stage .selector-container {
width: 100%;
height: 100%;
display: table;
bottom: 0;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container {
display: table-cell;
height: 100%;
vertical-align: middle;
width: 100%;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 3.57143rem;
/*text-transform: uppercase;*/
margin-bottom: 30px;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title b {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 3.57143rem;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title span.main {
text-transform: uppercase;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .news-link.more-link a {
color: #fafafa;
text-decoration: underline;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .news-link.more-link a:hover {
color: #ec5b00;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
grid-column-gap: 10px;
background-color: #000;
border-radius: 12px;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
padding: 5px;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .car-selector {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press {
width: 100%;
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control,
.cms-home .wrapper .page .stage.home-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 .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control:hover,
.cms-home .wrapper .page .stage.home-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 .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control .smartphone-cut,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control .autobild,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control .media-badge,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .press-reviews .smartphone-cut,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .press-reviews .autobild,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .press-reviews .media-badge {
display: inline-block;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control .text,
.cms-home .wrapper .page .stage.home-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 .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control .text .title,
.cms-home .wrapper .page .stage.home-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;
}
@media screen and (max-width: 1360px) {
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control .text .title,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .press-reviews .text .title {
padding: 8px 0 10px;
}
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control .text.media,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .press-reviews .text.media {
width: 60%;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control .text.summer-sale,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .press-reviews .text.summer-sale {
width: 64%;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control .autobild,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .press-reviews .autobild {
width: 97px;
margin-top: 8px;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control .autobild>img,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .press-reviews .autobild>img {
width: 100%;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control {
border-right: 1px solid #3c3c3c;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.eu-promo-teaser .smartphone-cut,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.com-promo-teaser .smartphone-cut,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.frc-promo-teaser .smartphone-cut,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.itl-promo-teaser .smartphone-cut,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.uk-promo-teaser .smartphone-cut,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.us-promo-teaser .smartphone-cut,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.de-promo-teaser .smartphone-cut,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.ch-promo-teaser .smartphone-cut,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.at-promo-teaser .smartphone-cut,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.es-promo-teaser .smartphone-cut,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.nl-promo-teaser .smartphone-cut {
float: right;
width: 120px;
margin-right: 15px;
padding-top: 12px;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.eu-promo-teaser .text,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.com-promo-teaser .text,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.frc-promo-teaser .text,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.itl-promo-teaser .text,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.uk-promo-teaser .text,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.us-promo-teaser .text,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.de-promo-teaser .text,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.ch-promo-teaser .text,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.at-promo-teaser .text,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.es-promo-teaser .text,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.nl-promo-teaser .text {
width: 54%;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .smartphone-cut {
width: 64px;
height: 135px;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .autobild {
width: 105px;
height: 95px;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .media-badge {
width: 120px;
height: auto;
margin-top: 10px;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .by-car {
display: inline-block;
float: left;
min-width: 620px;
max-width: 623px;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .by-car .selectors {
margin-top: 0;
}
.cms-home .wrapper .page .stage.home-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.eu/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.eu/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 .down-arrow a {
cursor: default !important;
}
.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;
}
.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%;
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;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.cms-home .wrapper .page .topic-link-section .tile-box .tile h3 {
display: inline-block;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.71429rem;
margin-top: 0 !important
}
.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-style: italic;
text-align: center;
font-style: normal;
font-size: 36px;
}
.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.store-es .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .block-content .actions,
.cms-home.store-nl .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .block-content .actions {
width: 59%;
}
.cms-home .product-warning-block-container {
margin-top: 20px;
margin-bottom: 60px;
}
@media screen and (max-width: 1790px) {
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .press-reviews {
border-right: none;
width: 100%;
}
.wrapper .page .stage.home-stage .press-reviews {
display: none;
}
}
@media screen and (max-width: 1535px) {
.cms-home .wrapper .page .stage.home-stage .new-stage-image {
background-attachment: scroll;
}
.cms-home .wrapper .page .stage.home-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 .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control {
border-right: 1px solid #3c3c3c;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.de-promo-teaser .smartphone-cut,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.at-promo-teaser .smartphone-cut,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.ch-promo-teaser .smartphone-cut,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.us-promo-teaser .smartphone-cut,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.eu-promo-teaser .smartphone-cut,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.com-promo-teaser .smartphone-cut,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.frc-promo-teaser .smartphone-cut,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.itl-promo-teaser .smartphone-cut,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.uk-promo-teaser .smartphone-cut,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.es-promo-teaser .smartphone-cut {
float: right;
width: 85px;
margin-right: 5px;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.de-promo-teaser .text,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.at-promo-teaser .text,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.ch-promo-teaser .text,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.us-promo-teaser .text,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.eu-promo-teaser .text,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.com-promo-teaser .text,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.frc-promo-teaser .text,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.itl-promo-teaser .text,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.uk-promo-teaser .text,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.es-promo-teaser .text {
width: 68%;
padding: 0 12px;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.de-promo-teaser .text .description strong,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.at-promo-teaser .text .description strong,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.ch-promo-teaser .text .description strong,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.us-promo-teaser .text .description strong,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.eu-promo-teaser .text .description strong,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.com-promo-teaser .text .description strong,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.frc-promo-teaser .text .description strong,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.itl-promo-teaser .text .description strong,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.uk-promo-teaser .text .description strong,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .app-control-and-press .app-control.es-promo-teaser .text .description strong {
white-space: nowrap;
}
.cms-home .wrapper .page .stage.home-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;
}
}
@media screen and (max-width: 1279px) {
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container {
width: 100%;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.85714rem;
margin-bottom: 0;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title b {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.85714rem;
}
body.store-frc.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title,
body.store-frc.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title b {
font-size: 1.8rem;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector {
max-width: 780px;
}
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .content-area {
flex-wrap: wrap;
}
.wrapper .page .selector-container .teaser-container>a,
.wrapper .page .selector-container .stage-teaser-container>a {
margin-bottom: 265px !important;
display: block !important;
}
}
@media screen and (max-width: 1024px) {
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container {
width: 100%;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.14286rem;
margin-bottom: 0;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title b {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.14286rem;
}
body.store-frc.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title b {
font-size: 1.8rem;
}
.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 .stage.home-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 .stage.home-stage {
overflow: hidden;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container {
text-align: center;
vertical-align: bottom;
bottom: 220px;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .news-link {
display: none;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector {
width: 100%;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector .by-car {
min-width: 82vw;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons {
margin-left: 0;
}
.cms-home .wrapper .page .stage.home-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 .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;
}
.wrapper .page .selector-container .teaser-container>a,
.wrapper .page .selector-container .stage-teaser-container>a {
margin-bottom: 290px !important;
}
}
@media screen and (max-width: 680px) {
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container {
bottom: 40px;
padding: 0;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.57143rem;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title b {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.57143rem;
}
.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: normal;
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.eu/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.eu/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 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;
}
.cms-home.store-es .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .block-content .actions,
.cms-home.store-nl .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .block-content .actions {
width: 100%;
}
.cms-home.store-es .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .block-content .actions button,
.cms-home.store-nl .wrapper .page .aklamio-and-news-wrapper .bottom-section .subscribe-container .block-content .actions button {
max-width: 215px;
}
}
/*# sourceMappingURL=RC_Home.css.map */
@media (max-width: 480px) {
.wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title span {
width: 90%;
}
.wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title b span {
width: auto;
}
}
.unslider-wrap li {
float: left;
}
span.small {
font-size: 10px;
display: block;
}
.gallery-slider2 {
position: relative;
}
.unslider {
position: relative;
}
@media (min-width: 1200px) {
.wrapper .gallery-slider2~.unslider-arrow {
display: block;
height: 150px;
width: 27px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.wrapper .gallery-slider2~.unslider-arrow.next {
background: transparent url(https://www.racechip.eu/skin/frontend/racechip/default/images/arrow-right.svg) no-repeat left center;
right: 30px;
}
.wrapper .gallery-slider2~.unslider-arrow.prev {
background: transparent url(https://www.racechip.eu/skin/frontend/racechip/default/images/arrow-left.svg) no-repeat left center;
left: 30px;
}
}
@media (min-width:1920px) {
.wrapper .page .stage.home-stage .new-stage-image {
background-image: url(/media/wysiwyg/stage_images/stage-m2-2560.jpg);
}
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title span.orange {
margin-top: -5px;
margin-bottom: -5px;
background: #de5101;
padding-left: 6px;
padding-right: 6px;
font-weight: bold;
}
/* TRUST BAR */
.trust-bar {
width: 100%;
display: flex;
background: #191919;
color: #565b62;
padding: 0.5rem 1rem;
text-align: center;
overflow: hidden;
justify-content: center;
align-items: center;
}
.trust-bar-inner {
text-align: center;
width: max-content;
margin: 50px auto;
display: block;
}
.wrapper .page h1.trust-bar-titile {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif !important;
font-size: 32px;
color: #fff;
font-weight: 400;
font-style: normal;
margin-bottom: 0;
}
.trust-bar-titile span.orange {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
color: #ea5b0c;
}
.known-from-text {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
text-transform: uppercase;
font-size: 12px;
margin-top: 18px;
}
.known-from-logo {
margin-top: 17px;
}
.known-from {
display: flex;
align-items: center;
width: auto;
height: 42px;
margin-right: 4rem;
}
.trust-baged {
display: inline-block;
gap: 1rem;
vertical-align: middle;
height: 42px;
}
.known-from>div,
.trust-baged>div {
margin-right: 1rem;
display: flex;
}
.known-from svg {
height: 20px;
width: auto;
vertical-align: middle;
}
.known-from-logo img {
margin: 0 10px;
}
.trust-baged img {
display: inline !important;
height: 42px !important;
width: auto;
margin-right: 1rem;
}
.trust-baged {
display: flex;
gap: 20px;
height: 42px;
align-items: center;
}
@media screen and (max-width: 960px) {
.trust-bar-inner {
display: block;
}
.known-from {
margin-right: 0;
}
.trust-baged {
justify-content: center;
}
}
@media screen and (max-width: 680px) {
.trust-bar-inner {
width: auto;
margin: 20px auto;
}
.known-from {
overflow: hidden;
display: flex;
height: 34px;
margin: 3px 0 0 0 !important;
}
.known-from>div {
display: inline-flex;
height: auto;
font-size: 12px;
text-align: right;
}
.known-from .known-from-logo {
margin-top: 3px;
margin-right: 0;
}
.known-from-logo {
padding: 0 1.5rem;
}
.trust-baged {
display: flex;
margin-left: 0;
font-size: 12px;
height: auto;
}
.trust-baged img {
height: 32px !important;
}
.known-from-logo img {
margin: 6px;
}
.wrapper .page .c2a-smartphones {
margin: 15px;
}
.wrapper .page h1.trust-bar-titile {
font-size: 22px;
}
}
/* TRUST BAR */
.stage.home-stage .switch-link {
display: none !important;
}
.wrapper .page .stage.home-stage .new-stage-image {
background-image: url(/media/wysiwyg/stage_images/code-sale-9922.jpg);
}
@media (min-width:1921px) {
.wrapper .page .stage.home-stage .new-stage-image {
background-image: url(/media/wysiwyg/stage_images/code-sale-2560.jpg);
}
}
/* Sale changes */
.wrapper .page .stage.home-stage .new-stage-image {
background-image: url(/media/wysiwyg/stage_images/coupon-days-stage_992.jpg);
}
@media (min-width:1921px) {
.wrapper .page .stage.home-stage .new-stage-image {
background-image: url(/media/wysiwyg/stage_images/coupon-days-stage_2560.jpg);
}
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title span {
text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
.cms-home .wrapper .page .stage.home-stage .new-stage-image {
background-position: -400px center;
}
}
@media screen and (min-width: 1100px) {
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container {
vertical-align: middle;
}
.cms-home .wrapper .page .stage.home-stage .rc-new-stage-image {
object-fit: cover;
height: 882px;
}
}
@media screen and (min-width: 1366px) {
.cms-home .wrapper .page .stage.home-stage .new-stage-image {
background-position: left center;
}
}
@media screen and (min-width: 681px) and (max-width: 960px) {
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container {
text-align: center;
vertical-align: top;
bottom: unset;
top: 10vh;
}
.shop-page.shop-page-v2.shop-page-v3.shop-page-v4 .header-container::after,
body.cms-index-index.cms-home .header-container::after {
height: 90px;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .news-link {
display: none;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title span {
display: inline;
box-decoration-break: clone;
line-height: 1.6;
}
.cms-home .wrapper .page .stage.home-stage {
overflow: hidden;
}
.cms-home .wrapper .page .stage.home-stage .selector-container {
bottom: 0;
left: 0;
width: 100%;
padding-left: 1.30208%;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container {
position: relative;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector {
width: 100%;
}
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title span {
width: auto;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .news-link.more-link a {
display: inline-block;
}
@media (max-width: 680px) {
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title>span {
display: inline;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
top: 10px;
position: relative;
line-height: 1.6;
}
}
@media (max-width: 480px) {
.wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title span,
.wrapper .page .stage.home-stage .news-link.more-link a {
display: inline;
}
}
/*
@media (min-width: 1281px) {
body.store-com.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title b,
body.store-uk.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title b,
body.store-eu.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title b,
body.store-itl.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title b,
body.store-frc.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title b,
body.store-es.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title b,
body.store-nl.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title b,
body.store-com.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title,
body.store-uk.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title,
body.store-eu.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title,
body.store-itl.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title,
body.store-frc.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title,
body.store-es.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title,
body.store-nl.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title,
body.store-us.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container .teaser-title {
font-size: 2.75rem;
}
}*/
@media (max-width: 680px) {
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons {
float: none !important;
max-width: 100% !important;
margin-top: 0px !important;
margin-left: 0 !important;
}
.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 !important;
display: block !important;
}
body.store-de .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn,
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons {
width: 100%;
}
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form .form-buttons .call-to-action.btn {
border-top-right-radius: 2px;
border-bottom-right-radius: 6px;
border-top-left-radius: 2px;
border-bottom-left-radius: 6px;
}
html.mobile form.car-selector-form .selectors select {
max-width: unset !important;
}
html.mobile form.car-selector-form .selectors select#car_manufacturer_shop,
#car_manufacturer_shop_picker-container {
border-top-right-radius: 6px !important;
border-bottom-right-radius: 2px !important;
border-top-left-radius: 6px !important;
border-bottom-left-radius: 2px !important;
}
.wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector form.car-selector-form {
height: auto;
}
.cms-home .wrapper .page .stage.home-stage {
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.wrapper .page .stage.home-stage figure.teaser-background {
margin-bottom: 0;
order: 1;
flex-basis: 100%;
}
.wrapper .page .stage.home-stage .main-selector-container {
position: relative;
order: 2;
margin-top: -33vw;
}
.wrapper .page .stage.home-stage .selector-container {
width: auto;
height: auto;
max-width: unset;
position: relative;
left: auto;
bottom: auto;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .embedded-functional-car-selector {
position: relative;
border-radius: 0;
}
.cms-home .wrapper .page .stage.home-stage .selector-container {
display: block;
}
.cms-home .wrapper .page .stage.home-stage .selector-container .teaser-container {
display: block;
height: auto;
}
.wrapper .page .selector-container .teaser-container>a,
.wrapper .page .selector-container .stage-teaser-container>a {
margin-bottom: 10px !important;
}
}
/*
* 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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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.eu/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, body.cms-incremento-potenza-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-aumento-potencia .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-aumento-potencia-html .wrapper .page .stage.ct-dispatcher-stage .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, body.cms-incremento-potenza-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-aumento-potencia .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-aumento-potencia-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: 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, body.cms-incremento-potenza-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-aumento-potencia .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-aumento-potencia-html .wrapper .page .stage.ct-dispatcher-stage .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, body.cms-incremento-potenza-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-aumento-potencia .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-aumento-potencia-html .wrapper .page .stage.quality-and-warranty-stage .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, body.cms-incremento-potenza-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-aumento-potencia .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-aumento-potencia-html .wrapper .page .stage.ct-dispatcher-stage .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, body.cms-incremento-potenza-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-aumento-potencia .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-aumento-potencia-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.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, body.cms-incremento-potenza-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-aumento-potencia .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block, body.cms-aumento-potencia-html .wrapper .page .stage.ct-dispatcher-stage .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, body.cms-incremento-potenza-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-aumento-potencia .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block, body.cms-aumento-potencia-html .wrapper .page .stage.quality-and-warranty-stage .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, body.cms-incremento-potenza-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-aumento-potencia .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-aumento-potencia .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-aumento-potencia-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-aumento-potencia-html .wrapper .page .stage.ct-dispatcher-stage .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, body.cms-incremento-potenza-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-incremento-potenza-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-aumento-potencia .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-aumento-potencia .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-aumento-potencia-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-aumento-potencia-html .wrapper .page .stage.quality-and-warranty-stage .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, body.cms-incremento-potenza-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-aumento-potencia .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-aumento-potencia-html .wrapper .page .stage.ct-dispatcher-stage .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, body.cms-incremento-potenza-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-aumento-potencia .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-aumento-potencia-html .wrapper .page .stage.quality-and-warranty-stage .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, body.cms-incremento-potenza-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-aumento-potencia .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-text, body.cms-aumento-potencia-html .wrapper .page .stage.ct-dispatcher-stage .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, body.cms-incremento-potenza-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-aumento-potencia .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-text, body.cms-aumento-potencia-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; }
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, body.cms-incremento-potenza-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a, body.cms-aumento-potencia .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .c2a, body.cms-aumento-potencia-html .wrapper .page .stage.ct-dispatcher-stage .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, body.cms-incremento-potenza-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a, body.cms-aumento-potencia .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .c2a, body.cms-aumento-potencia-html .wrapper .page .stage.quality-and-warranty-stage .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, body.cms-incremento-potenza-html .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-aumento-potencia .wrapper .page .stage.ct-dispatcher-stage .teaser-text-block .teaser-title, body.cms-aumento-potencia-html .wrapper .page .stage.ct-dispatcher-stage .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, body.cms-incremento-potenza-html .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-aumento-potencia .wrapper .page .stage.quality-and-warranty-stage .teaser-text-block .teaser-title, body.cms-aumento-potencia-html .wrapper .page .stage.quality-and-warranty-stage .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-resumen-productos-html .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-panoramica-prodotti .wrapper .page .stage.ct-dispatcher-stage .checkered-flag, body.cms-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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: "BarlowSemiCondensedBoldItalic", 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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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: "BarlowSemiCondensedItalic", 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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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: "BarlowSemiCondensedBoldItalic", 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-resumen-productos-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-productoverzicht-html .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-resumen-productos-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-productoverzicht-html .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: "BarlowSemiCondensedItalic", 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: "BarlowSemiCondensedItalic", 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: "BarlowSemiCondensedBoldItalic", 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: "BarlowSemiCondensedItalic", 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: "BarlowSemiCondensedBoldItalic", 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: "BarlowSemiCondensedItalic", 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: "BarlowSemiCondensedBoldItalic", 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: "BarlowSemiCondensedItalic", 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: "BarlowSemiCondensedBoldItalic", 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.eu/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.eu/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 */
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(https://www.racechip.eu/skin/frontend/racechip/default/css/font/2.0.0/VideoJS.eot?#iefix) format("eot")}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA54AAoAAAAAFmgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBWNtYXAAAAE0AAAAOgAAAUriMBC2Z2x5ZgAAAXAAAAouAAAPUFvx6AdoZWFkAAALoAAAACsAAAA2DIPpX2hoZWEAAAvMAAAAGAAAACQOogcgaG10eAAAC+QAAAAPAAAAfNkAAABsb2NhAAAL9AAAAEAAAABAMMg06m1heHAAAAw0AAAAHwAAACABMAB5bmFtZQAADFQAAAElAAACCtXH9aBwb3N0AAANfAAAAPwAAAGBZkSN43icY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoxw7iLmSHCDOCCADvEAo+AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/f8PUvCREUTzM0DVAwEjG8OIBwCPdwbVAAB4nI1Xe1CU1xX/zv1eLItLln0JwrIfC7sJGET2hRJ2N1GUoBJE8AESQEEhmBHjaB7UuBMTO4GMaSu7aY3RNlOdRPNqO2pqRmuTaSZtR6JJILUZk00a/4imjpmiecB303O/XUgMJOPufvd+99xzzz33nN855y4HHH7EfrGfIxwHRiANvF/sH71I9BzHszmpW+rGOQOXxXE6YhI4PoMT8zkT4cDFuf1cwMrZJI5cglM0HKVv0MaUFDgIFfg9mJJCG+kbKn1JkqBOVaFOkuhLpARq8fu0Nnc9/zdvfY9PxXW4PdH0C6N+PCejhorxFjAqRjgFRXSINEARbBGsoxcFK7IJmr4OycFJnInL59zIXwxui80fkGRbEHyosMWaATJKUfCskmwJQsAWANkmnIGOhlf514h7U8HNIv3owoHB0WMt0Eb3sx0guLi5pq/8Ny1q6969fKR9X9GBV6dPv6dp04K99SOwtmyPl47ApRa6n4ZpP1yjr5fn7MmYP/vXLUJs715UguklHBaHOZHZmG1N9FAIW2mf0MqWCIdo/8RZ1yGfxKUldDcGIbFA7ICO+vqOMSPTh/ZrSqgHi/bB/O8E8Mnzp+M+acxfpsTShBwej26TiGxBn7m4eEIO+Rueu6Hj+IFBnh88cAEUEQ//nVLx5C7kf+yIR47QEe+eMlhz9SqsGbe3hh2R03NGzoY6O42Kz8l7fB6fAk6LYnTyFo/FYyT6GGyNx2Jx2sdH4rA1Fo/HyCXaFyOp8dhYBCfJb2NIn1ImE6CYNGmgSTb52DawJR6jfXEmDU4xyTEmpgHHOIStoxfjSGdkbsK2w2jbdMQG4sgAstEONgURYCwGHhEhhscioQaAhhCf7McifEQc0l6+mxj9nI+gmSdiQ0Zbm7gZnIO7GSMEXG6UDAVocxAV8GcEXCKg1a02RcTtwANWRGIAyElor6n/+ZU2yOB3+T77Hb1MLqhn4KHVnQBjJnqe9QZSon6Kc5DxAD2vMdPL/BXSmQGwspa67z9wLUjdi9TN7QC7lyyBr9rpt7uXVC1CMpyjKRoXnGPHTuiaPLsNdc2dbAFQLAooPkXEh33FodHl4XpC6sPCIa0ftUIhHSYXVSu5iME+DIXsbZJ51BeidCgajcai43jU9nVzoSn2dPqcFvSoxSzJzgRKAx47WMRxOrIj3Wf0+hndxhJTiOkSEqxar3b3RKM9hY64oxBA64ieURLvCfpkDb8siBdUJ1bgT+urJ5PGfewQrmm5R5+0HmfyIPySD7OYkT0WxRePah8oEiyjlxIP74thVoRTURpmL6QhGuWS+QDjdANXjIM8SQa/1w128ODx0Qp4aLMNg9+JL3joUn8AMxW+aLNiuKjarn4uyyTdXjOzZTsh21uwldUvJoYza+zELALfu3p1L8/3krtyZ0Ag058J3hxHghvbGZn0dHZy6Mim/7Blre4lpHd1c28yVqRViO153F2oIWoXCIKbL4Z0cM1iaQn9mI5KuV2SzEvWXJDMNtkANpMdQoDDhIdD4A/YrP6Aye9ysxyE+uOEAcTDorgvVZJjcua043PnZ/PmdDqcbibZlXOOT8uSo7Kof0YUn9GL+Jo17ficymxiTofC6znUso0DhAxs1Fo+kF+d36vLmgZ8mk5cdGv2mwYj5k3Dm9m3LhJ1aVRNm6HrTbLgYAoWXDhDd/u4PGy5CT+xGMdiaBovewUCF/1BiWNljI9MLn7jeScpg+WyH6mfU62eVDql7hsrmvx1ezp/YldE2LhjbkiDnAn8tGy/MW3IXRMYJduvq9HpmIcKuFt+JCtgdGEGKAcF6UacVwIYbVPGfw/+YuNBS4cx/CUHcnyfc+wRDMtTr72mMSBjT/yn/GKSdeDWQUCH6Xoqq5R10RE60gV6erUL0iCti16d0hZjxut4QI/rEpgSh6WjnJXdBXRg1GKCucGJPtFqM27aD1tOqqKonsQ2KsFSSmEpmvRlsR+TcD9OFwrqXxIclL4sJTnGMSuG8KpkZvKdeVIOKDyWSyPLV16/p1QMPbP8NihwUzr47bdnXtwtjdCvqqpO0H+pOvIl3Pzv46e5CT/tQjklXCXXym1AaWY7bzHLkuDMc7ldKCvgxzLn8wYkJLBhEDyK7MT8bTbwbkxbfp+3mKAGsmTBpabSIEECzMIcQlzOPAMKsxMs7uhsnxPLuofPDTc1hkuq6MX9j16YU7CqegcYHbmWYuvAP6tCS97tgWf7dlQvnl25YPavXLVZvrzQPeHCpZmzzEUVq/xzu5sChnSTPTW7oOYmh69z4zL/gk3b+O6hoa733uviP82vnFcbqWlc9tDmZa23LVzaV1yXURi+JX+28NeBuj3+O8IrQ080Vm1eWB4OKjPmrJu7c1udWynvKF6/vs479lSW9+5gZkn+dKfellNGDPllzeULustz+A0bPvhgw7lkvEUwn/N4Ty7U7nhGsEpFkOfy+kutbOh1JQxhVDJumoW11hnkPThznh6FFlhfT+ra1x9sF56kx5YuDzVY9PQYAYA7iblw4frQ4TPCk2MK/xGU3rlmze62trHz6lsko+v+So/do74PT8KVkpJfOErKcv8znrMGsHTNxoEkWy1mYgDB6XBbPaWsuiS6CryGaL6zCjaXBgvtkuyXBua1wOKnh+k7L9AvPnYWffxK18FcJbuosGf3/Jo7amY+CE1vppzY+UTrva0FXc1i55pKQ/YjVL187N5fCn1kW5uot/1hi+DiZ+5atnJR9E+prvydJ9ZZ5mwOpU5gM4KYysMBQ71UzPuMTl9QQOyUo5nwioeYCPjFklrbK6s6X+ypUZ6rum9+CZYzWRiBJfSP0xzzSmrg7f86g0DKVj/wwFzieD9rRfPGFbeKMl05pn5j9/rsQJJ2iEgRrpohlyBo3f4QK7Kl+EcAYZgAoNVmZWXK704YAa3FwBxgSGUOs5htvGRz4Sgj3yFkSJFBuv/sxu5yk998T8WDJzvv/2RX19HtTUW1S+wpKRKRjJ6zzz/1/OPdFdWGlAKbvzS4PHOtURikg9AGz0LbIB85S/cPOpoXvuue8/iV2H1vPTy3ddvOeZ37HGmO3OmSzVzR+NS53+84dHlFhXPLqtzSO+5ruHM2vXtBdxP87LOzKAD359j/INYIbyPabIi3Cq6Wa+SaGe78diIzu7qcblcAa6/fJRvNopXFJnO+U9KKM5bqH5LM0iQSVmpPCPDu7ZT4Aoubz3709EBTyrTDjyx8MQXgUH1nqm7TWng4TzE4i4AsKskBITXfSyC4Fkl5MxnJDiKSIDSJAsGvd1y+/eNDp2e+A+5d8HeiiunrTkT6TqWLIs+/QRoWr98s0qj8uuzLuS22Ytufg3rdTaHn1m46sfgGKHXt0MGnLaRHdnwN37tvHcWKo2V6lnPxL4UvUQcRdOzmZSQs8X5CH5OxXMXpkATuDz8Et0SH4uyCRR+TjmBDP1GvsVrWEGVzEj33YVQ9jAtIKpqsl/s/0xrocwAAeJxjYGRgYADig3cEzsTz23xl4GZnAIHLRucNkWl2BrA4BwMTiAIAF4IITwB4nGNgZGBgZwCChWASxGZkQAXyABOUANh4nGNnYGBgHyAMADa8ANoAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqHicY2BkYGCQZ8hlYGcAASYg5gJCBob/YD4DABbVAaoAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYFspGUp3Te+IB9lHJF4cOzUS2n/voaEGR6qB+lKo+WITdhga/a/bRnDBFPMkCBFhhwF5ihxg1sssMQKa9xhg3s84BFPeMYLXvGGd3zgE9tZr/hveXKVkFYoSnoeHJXfRoWOqi54mo9ameNFdrK+dLSyaVf7oJQTlkhXpD3Z5XXhR/rUfQVuKXO91Jps4cLOS6/I5YL3XhodRRsVWZe4NnZOhWnSAWgxhMoEr6SmzZieF43Mk7ZOBdeCVGrp9Eu+54J2xhySplfB5XHwQLXUmT9KH6+kPnQ7ZYuIEzNyfs1DLU1VU4SWZ6LkXGHsD1ZKbMw=) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgUAAAEoAAAAVmNtYXDiMBC2AAAB/AAAAUpnbHlmW/HoBwAAA4gAAA9QaGVhZAyD6V8AAADQAAAANmhoZWEOogcgAAAArAAAACRobXR42QAAAAAAAYAAAAB8bG9jYTDINOoAAANIAAAAQG1heHABMAB5AAABCAAAACBuYW1l1cf1oAAAEtgAAAIKcG9zdGZEjeMAABTkAAABgQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHwABAAAAAQAAwdxheF8PPPUACwcAAAAAANMyzzEAAAAA0zLPMQAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAfAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHgcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAMAAAADAAAAHAABAAAAAABEAAMAAQAAABwABAAoAAAABgAEAAEAAgAA8R7//wAAAADxAf//AAAPAAABAAAAAAAAAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqAABAAAAAAWLBYsAAgAAAREBAlUDNgWL++oCCwAAAwAAAAAGawZrAAIADgAaAAAJAhMEAAMSAAUkABMCAAEmACc2ADcWABcGAALrAcD+QJX+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgIwAVABUAGbCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAAAAgAAAAAFQAWLAAMABwAAASERKQERIREBwAEr/tUCVQErAXUEFvvqBBYAAAAEAAAAAAYgBiAABgATACQAJwAAAS4BJxUXNjcGBxc+ATUmACcVFhIBBwEhESEBEQEGBxU+ATcXNwEHFwTQAWVVuAO7AidxJSgF/t/lpc77t18BYf6fASsBdQE+TF1OijuZX/1gnJwDgGSeK6W4GBhqW3FGnFT0AWM4mjT+9AHrX/6f/kD+iwH2/sI7HZoSRDGYXwSWnJwAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYABgAMAAABLgEnET4BAREhAREBBWUBZVRUZfwRASsBdf6LA4Bkniv9piueAUT+QP6LBKr+iwAAAwAAAAAGIAYPAAUADAAaAAATESEBEQEFLgEnET4BAxUWEhcGAgcVNgA3JgDgASsBdf6LAsUBZVVVZbqlzgMDzqXlASEFBf7fBGD+QP6LBKr+i+Bkniv9piueAvOaNP70tbX+9DSaOAFi9fUBYgAAAAQAAAAABYsFiwAFAAsAEQAXAAABIxEhNSMDMzUzNSEBIxUhESMDFTMVMxECC5YBduCWluD+igOA4AF2luDglgLr/oqWAgrglvyAlgF2AqCW4AF2AAQAAAAABYsFiwAFAAsAEQAXAAABMxUzESETIxUhESMBMzUzNSETNSMRITUBdeCW/org4AF2lgHAluD+ipaWAXYCVeABdgHAlgF2++rglgHA4P6KlgAAAAACAAAAAAXWBdYADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQVA/IA/VQEBVT8DgD9VAQFVP/yAA4AF1QFVP/yAP1UBAVU/A4A/VfvsA4AAAAYAAAAABmsGawAHAAwAEwAbACAAKAAACQEmJw4BBwElLgEnAQUhATYSNyYFAQYCBxYXIQUeARcBMwEWFz4BNwECvgFkTlSH8GEBEgOONemh/u4C5f3QAXpcaAEB/BP+3VxoAQEOAjD95DXpoQESeP7dTlSH8GH+7gPwAmgSAQFYUP4nd6X2Pv4nS/1zZAEBk01NAfhk/v+TTUhLpfY+Adn+CBIBAVhQAdkAAAAFAAAAAAZrBdYADwATABcAGwAfAAABIQ4BBxEeARchPgE3ES4BASEVIQEhNSEFITUhNSE1IQXV+1ZAVAICVEAEqkBUAgJU+xYBKv7WAur9FgLqAcD+1gEq/RYC6gXVAVU//IA/VQEBVT8DgD9V/ayV/tWVlZWWlQADAAAAAAYgBdYADwAnAD8AAAEhDgEHER4BFyE+ATcRLgEBIzUjFTM1MxUUBgcjLgEnET4BNzMeARUFIzUjFTM1MxUOAQcjLgE1ETQ2NzMeARcFi/vqP1QCAlQ/BBY/VAICVP1rcJWVcCog4CAqAQEqIOAgKgILcJWVcAEqIOAgKiog4CAqAQXVAVU//IA/VQEBVT8DgD9V/fcl4CVKICoBASogASogKgEBKiBKJeAlSiAqAQEqIAEqICoBASogAAAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIAZsAC4AAAEiBgcBNjQnAR4BMz4BNy4BJw4BBxQXAS4BIw4BBx4BFzI2NwEGBx4BFz4BNy4BBUArSh797AcHAg8eTixffwICf19ffwIH/fEeTixffwICf18sTh4CFAUBA3tcXHsDA3sCTx8bATcZNhkBNB0gAn9fX38CAn9fGxn+zRwgAn9fX38CIBz+yhcaXHsCAntcXXsAAAIAAAAABlkGawBDAE8AAAE2NCc3PgEnAy4BDwEmLwEuASchDgEPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEXIT4BPwE2NxcWNjcTNiYnBS4BJz4BNx4BFw4BBasFBZ4KBgeWBxkNujpEHAMUD/7WDxQCHEU5ug0aB5UHBQudBQWdCwUHlQcaDbo5RRwCFA8BKg8UAhxFOboNGgeVBwUL/ThvlAIClG9vlAIClAM3JEokewkaDQEDDAkFSy0cxg4RAQERDsYcLUsFCQz+/QwbCXskSiR7CRoN/v0MCQVLLRzGDhEBAREOxhwtSwUJDAEDDBsJQQKUb2+UAgKUb2+UAAAAAAEAAAAABmsGawALAAATEgAFJAATAgAlBACVCAGmAT0BPQGmCAj+Wv7D/sP+WgOA/sP+WggIAaYBPQE9AaYICP5aAAAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAADAAAAAAZrBmsACwAXACMAAAEEAAMSAAUkABMCAAEmACc2ADcWABcGAAMOAQcuASc+ATceAQOA/sP+WggIAaYBPQE9AaYICP5a/sP9/q4GBgFS/f0BUgYG/q4dAn9fX38CAn9fX38Gawj+Wv7D/sP+WggIAaYBPQE9Aab6yAYBUv39AVIGBv6u/f3+rgJPX38CAn9fX38CAn8AAAAEAAAAAAYgBiAADwAbACUAKQAAASEOAQcRHgEXIT4BNxEuAQEjNSMVIxEzFTM1OwEhHgEXEQ4BByE3MzUjBYv76j9UAgJUPwQWP1QCAlT9a3CVcHCVcJYBKiAqAQEqIP7WcJWVBiACVD/76j9UAgJUPwQWP1T8gpWVAcC7uwEqIP7WICoBcOAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAEwcJAScJATcJARcBA4D+w/5aCAgBpgE9AT0BpggI/lo4af70/vRpAQv+9WkBDAEMaf71BmsI/lr+w/7D/loICAGmAT0BPQGm/BFpAQv+9WkBDAEMaf71AQtp/vQAAQAAAAAF1ga2ABYAAAERCQERHgEXDgEHLgEnIxYAFzYANyYAA4D+iwF1vv0FBf2+vv0FlQYBUf7+AVEGBv6vBYsBKv6L/osBKgT9v779BQX9vv7+rwYGAVH+/gFRAAAAAQAAAAAFPwcAABQAAAERIyIGHQEhAyMRIREjETM1NDYzMgU/nVY8ASUn/v7O///QrZMG9P74SEi9/tj9CQL3ASjaus0AAAAABAAAAAAGjgcAADAARQBgAGwAAAEUHgMVFAcGBCMiJicmNTQ2NzYlLgE1NDcGIyImNTQ2Nz4BMyEHIx4BFRQOAycyNjc2NTQuAiMiBgcGFRQeAxMyPgI1NC4BLwEmLwImIyIOAxUUHgIBMxUjFSM1IzUzNTMDH0BbWkAwSP7qn4TlOSVZSoMBESAfFS4WlMtIP03TcAGiioNKTDFFRjGSJlAaNSI/akAqURkvFCs9WTY6a1s3Dg8THgocJU4QIDVob1M2RnF9A2vV1WnU1GkD5CRFQ1CATlpTenNTYDxHUYouUhIqQCkkMQTBlFKaNkJAWD+MWkhzRztAPiEbOWY6hn1SJyE7ZS5nZ1I0/JcaNF4+GTAkGCMLFx04Ag4kOF07Rms7HQNsbNvbbNkAAwAAAAAGgAZsAAMADgAqAAABESERARYGKwEiJjQ2MhYBESERNCYjIgYHBhURIRIQLwEhFSM+AzMyFgHd/rYBXwFnVAJSZGemZASP/rdRVj9VFQv+twIBAQFJAhQqR2c/q9AEj/whA98BMkliYpNhYfzd/cgCEml3RTMeM/3XAY8B8DAwkCAwOB/jAAABAAAAAAaUBgAAMQAAAQYHFhUUAg4BBCMgJxYzMjcuAScWMzI3LgE9ARYXLgE1NDcWBBcmNTQ2MzIXNjcGBzYGlENfAUyb1v7SrP7x4SMr4bBpph8hHCsqcJNETkJOLHkBW8YIvYaMYG1gJWldBWhiRQ4cgv797rdtkQSKAn1hBQsXsXUEJgMsjlNYS5WzCiYkhr1mFTlzPwoAAAABAAAAAAWABwAAIgAAARcOAQcGLgM1ESM1PgQ3PgE7AREhFSERFB4CNzYFMFAXsFlorXBOIahIckQwFAUBBwT0AU3+sg0gQzBOAc/tIz4BAjhceHg6AiDXGlddb1ctBQf+WPz9+h40NR4BAgABAAAAAAaABoAASgAAARQCBCMiJzY/AR4BMzI+ATU0LgEjIg4DFRQWFxY/ATY3NicmNTQ2MzIWFRQGIyImNz4CNTQmIyIGFRQXAwYXJgI1NBIkIAQSBoDO/p/Rb2s7EzYUaj15vmh34o5ptn9bK1BNHggIBgIGETPRqZepiWs9Sg4IJRc2Mj5WGWMRBM7+zgFhAaIBYc4DgNH+n84gXUfTJzmJ8JZyyH46YH2GQ2ieIAwgHxgGFxQ9WpfZpIOq7lc9I3VZHzJCclVJMf5eRmtbAXzp0QFhzs7+nwAABwAAAAAHAATPAA4AFwAqAD0AUABaAF0AAAERNh4CBw4BBwYmIycmNxY2NzYmBxEUBRY2Nz4BNy4BJyMGHwEeARcOARcWNjc+ATcuAScjBh8BHgEXFAYXFjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f10a"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10b"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10c"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f10f"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f110"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before{content:"\f111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f113"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f114"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f115"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:"\f118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f11a"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f11b"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f11c"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f11d"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f11e"}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;overflow:visible;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto;box-sizing:content-box}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto;box-sizing:content-box}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-ms-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-ms-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-width:4em}.vjs-live .vjs-progress-control{display:none}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0;left:0;top:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.333333333333333em;z-index:1}.video-js .vjs-load-progress{background:#bfc7d3;background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:#fff;background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:relative;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-ms-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;padding-left:2em;padding-right:2em;padding-bottom:3em}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{-webkit-transition:width 1s;-moz-transition:width 1s;-ms-transition:width 1s;-o-transition:width 1s;transition:width 1s}.video-js .vjs-volume-panel .vjs-mute-control:active~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-mute-control:focus~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel .vjs-volume-control:focus,.video-js .vjs-volume-panel .vjs-volume-control:hover,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel:hover .vjs-volume-control{visibility:visible;opacity:1;position:relative;-webkit-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;-moz-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;-ms-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;-o-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-mute-control:active~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-mute-control:focus~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:focus,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:9em;-webkit-transition:width .1s;-moz-transition:width .1s;-ms-transition:width .1s;-o-transition:width .1s;transition:width .1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3.5em;-webkit-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;-moz-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;-ms-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;-o-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{-webkit-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;-moz-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;-ms-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;-o-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}.video-js .vjs-volume-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control{width:0!important;white-space:nowrap}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control .vjs-icon-placeholder{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{position:absolute}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"\f10d";font-size:1.5em;line-height:inherit}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control{display:none}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block;margin-left:5px}.vjs-text-track-settings legend{color:#fff;margin:0 0 5px 0}.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}@media \0screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}@media \0screen{.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden}}
/*
* Video on home page styling
*
* Included only on home page
*
*/
/*
* 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
*/
html.desktop video {
max-width: none;
}
html.desktop .mobile-poster {
display: none;
}
html.desktop .video_slider {
overflow: hidden;
margin-bottom: 0;
position: relative;
}
html.desktop .video_slider a {
outline: 0;
}
html.desktop .video_slider>.video-js {
margin: 0 auto;
width: auto;
height: 544px;
background-color: #000;
text-align: center;
-webkit-transition: height .7s;
transition: height .7s;
z-index: 81;
}
html.desktop .video_slider>.video-js.no_transition {
-webkit-transition: none;
transition: none;
}
html.desktop .video_slider video {
height: auto !important;
width: auto !important;
position: relative !important;
}
@media screen and (min-width: 1920px) {
html.desktop .video_slider.playing-poster video {
width: 100% !important;
}
}
html.desktop .video_slider .expanded {
margin-top: -2px;
z-index: 83;
}
html.desktop .video_slider .expanded video {
height: 100% !important;
margin: 0 auto !important;
}
html.desktop .video_slider .expanded .video_overlay .vertical-center .btn-play-video,
html.desktop .video_slider .expanded .video_overlay .vertical-center .btn-play-video-youtube {
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
opacity: 0;
display: none;
}
html.desktop .video_slider .expanded .video_overlay .bottom {
opacity: 1;
}
html.desktop .video_slider .expanded.fullscreen {
height: auto;
}
html.desktop .video_slider .expanded.fullscreen video {
height: 100% !important;
}
html.desktop .video_slider .vjs-loading-spinner {
display: none !important;
}
html.desktop .video_slider .video_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
display: table;
height: 100%;
-webkit-transition: all .7s;
transition: all .7s;
}
html.desktop .video_slider .video_overlay .vertical-center {
display: table-cell;
vertical-align: middle;
}
html.desktop .video_slider .video_overlay .vertical-center p {
font-size: 22px;
color: #fff;
line-height: 31px;
max-width: 960px;
width: 90%;
margin: 40px auto 0;
}
html.desktop .video_slider .video_overlay .vertical-center .btn-play-video,
html.desktop .video_slider .video_overlay .vertical-center .btn-play-video-youtube {
background-image: url("https://www.racechip.eu/skin/frontend/racechip/default/images/play_button.png");
background-size: 130px;
height: 130px;
width: 130px;
opacity: 1;
display: block;
margin: 0 auto 30px;
text-align: center;
text-decoration: none;
position: relative;
top: 0;
}
html.desktop .video_slider .video_overlay .vertical-center .btn-play-video>span,
html.desktop .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span {
display: block;
position: absolute;
bottom: -50px;
width: 600px;
left: -220px;
color: #fff;
text-align: center;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.14286rem;
text-shadow: 1px 1px 1px black;
}
html.desktop .video_slider .video_overlay .vertical-center .btn-play-video:hover .icon-btn-play,
html.desktop .video_slider .video_overlay .vertical-center .btn-play-video:hover .icon-btn-play .arrow-right,
html.desktop .video_slider .video_overlay .vertical-center .btn-play-video-youtube:hover .icon-btn-play,
html.desktop .video_slider .video_overlay .vertical-center .btn-play-video-youtube:hover .icon-btn-play .arrow-right {
text-shadow: 0 0 6px rgba(255, 255, 255, 0.7);
}
html.desktop .video_slider .video_overlay .bottom {
bottom: 0;
display: none;
opacity: 0;
left: 0;
position: absolute;
vertical-align: bottom;
width: 100%;
margin: 0 auto 10px;
}
html.desktop .video_slider .video_overlay .bottom .scrolldown {
font-size: 48px;
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
-webkit-transition: all .6s;
transition: all .6s;
display: inline-block;
}
html.desktop .video_slider .video_overlay .bottom .scrolldown:hover {
text-shadow: 0 0 8px #fff, 0 0 2px #000;
color: #fff;
}
html.desktop .video_slider .video_overlay .controls {
position: absolute;
display: block;
bottom: 15px;
right: 26px;
opacity: 0;
}
html.desktop .video_slider .video_overlay .controls .play-action {
width: 37px;
height: 31px;
display: block;
float: left;
background-repeat: no-repeat;
}
html.desktop .video_slider .video_overlay .controls .play-action.play {
background-image: url("https://www.racechip.eu/skin/frontend/racechip/default/images/play-icon.svg");
}
html.desktop .video_slider .video_overlay .controls .play-action.pause {
background-image: url("https://www.racechip.eu/skin/frontend/racechip/default/images/pause-icon.svg");
}
html.desktop .video_slider .video_overlay .controls .play-action.reload {
background-image: url("https://www.racechip.eu/skin/frontend/racechip/default/images/reload-icon.svg");
}
html.desktop .video_slider .video_overlay .controls .progress_bar_wrapper {
background-image: url("https://www.racechip.eu/skin/frontend/racechip/default/images/progress_bar.png");
background-repeat: no-repeat;
width: 152px;
height: 18px;
display: block;
float: left;
position: relative;
top: 8px;
cursor: pointer;
margin-left: 4px;
}
html.desktop .video_slider .video_overlay .controls .progress_bar_wrapper .progress {
background-color: rgba(255, 255, 255, 0.95);
width: 0;
position: absolute;
height: 7px;
left: 2px;
top: 6px;
max-width: 149px;
}
html.desktop .video_slider .video_overlay .video_close_button {
position: absolute;
top: 28px;
right: 18px;
opacity: 0;
}
html.desktop .video_slider .video_overlay.hide {
display: none;
}
html.desktop .video_slider.prevent_fouc {
max-height: 550px;
}
html.desktop .video_slider.resize_poster .vjs-poster {
background-size: cover;
}
html.desktop .video_slider.dimensions-fix video {
height: 100% !important;
width: 200% !important;
}
@media (max-width: 783px) {
html.desktop .video_slider.dimensions-fix video {
left: -50%;
}
}
html.desktop .video_slider .video_overlay .controls,
html.desktop .video_slider .video_overlay .video_close_button,
html.desktop .video_slider .video_overlay .bottom {
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
html.desktop .video_slider .video-js.expanded .video_overlay .controls,
html.desktop .video_slider .video-js.expanded .video_overlay .video_close_button,
html.desktop .video_slider .video-js.expanded .video_overlay .bottom {
-webkit-transition: opacity .7s ease .7s;
transition: opacity .7s ease .7s;
}
html.desktop .video_slider .video-js.expanded .video_overlay .controls,
html.desktop .video_slider .video-js.expanded .video_overlay .video_close_button {
opacity: .6;
}
html.desktop .video_slider .video-js.expanded .video_overlay .controls:hover,
html.desktop .video_slider .video-js.expanded .video_overlay .video_close_button:hover {
opacity: 1;
}
html.desktop .video_slider.video_switch .video_overlay {
background-color: #000;
}
html.desktop .video_slider.video_switch video {
visibility: hidden;
}
@media only screen and (max-width: 992px) {
html.desktop .video_slider>.video-js {
height: 350px;
}
html.desktop .video_slider .video_overlay .vertical-center .btn-play-video>span,
html.desktop .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span {
width: 390px !important;
left: -151px !important;
bottom: -71px !important;
}
}
@media screen and (max-width: 480px) {
html.desktop .video_slider .video_overlay .vertical-center .btn-play-video span,
html.desktop .video_slider .video_overlay .vertical-center .btn-play-video-youtube span {
text-align: center;
}
html.desktop .video_slider .video_overlay .vertical-center .btn-play-video span.no-mobiles,
html.desktop .video_slider .video_overlay .vertical-center .btn-play-video-youtube span.no-mobiles {
display: none;
}
}
html.desktop .no-opacity .video_slider .video_overlay .controls,
html.desktop .no-opacity .video_slider .video_overlay .video_close_button {
display: none;
}
html.desktop body.store-at .video_slider .video_overlay .vertical-center .btn-play-video,
html.desktop body.store-at .video_slider .video_overlay .vertical-center .btn-play-video-youtube {
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon_play.svg);
background-size: 130px;
}
html.desktop body.store-at .video_slider .video_overlay .vertical-center .btn-play-video:hover,
html.desktop body.store-at .video_slider .video_overlay .vertical-center .btn-play-video-youtube:hover {
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon_play_hover.svg);
background-size: 130px;
}
html.desktop body.store-at .video_slider .video_overlay .vertical-center .btn-play-video>span,
html.desktop body.store-at .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span {
bottom: auto;
}
html.desktop body.store-at .video_slider .video_overlay .vertical-center .btn-play-video>span.headline,
html.desktop body.store-at .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span.headline {
top: -80%;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 2.14286rem;
}
html.desktop body.store-at .video_slider .video_overlay .vertical-center .btn-play-video>span.sub-headline,
html.desktop body.store-at .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span.sub-headline {
top: -45%;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.28571rem;
}
@media only screen and (max-width: 992px) {
html.desktop body.store-at>.video-js {
height: 350px;
}
html.desktop body.store-at .video_slider .video_overlay .vertical-center .btn-play-video,
html.desktop body.store-at .video_slider .video_overlay .vertical-center .btn-play-video-youtube {
height: 85px;
width: 85px;
background-size: 85px;
}
html.desktop body.store-at .video_slider .video_overlay .vertical-center .btn-play-video>span,
html.desktop body.store-at .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span {
width: 450px !important;
left: -175px !important;
bottom: auto !important;
}
html.desktop body.store-at .video_slider .video_overlay .vertical-center .btn-play-video>span.headline,
html.desktop body.store-at .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span.headline {
top: -90%;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.85714rem;
}
html.desktop body.store-at .video_slider .video_overlay .vertical-center .btn-play-video>span.sub-headline,
html.desktop body.store-at .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span.sub-headline {
top: -40%;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.14286rem;
}
}
@media only screen and (max-width: 480px) {
html.desktop body.store-at .video_slider .video_overlay .vertical-center .btn-play-video>span.sub-headline,
html.desktop body.store-at .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span.sub-headline {
visibility: hidden;
}
}
html.desktop body.store-de .video_slider .video_overlay .vertical-center .btn-play-video,
html.desktop body.store-de .video_slider .video_overlay .vertical-center .btn-play-video-youtube {
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon_play.svg);
background-size: 130px;
}
html.desktop body.store-de .video_slider .video_overlay .vertical-center .btn-play-video:hover,
html.desktop body.store-de .video_slider .video_overlay .vertical-center .btn-play-video-youtube:hover {
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon_play_hover.svg);
background-size: 130px;
}
html.desktop body.store-de .video_slider .video_overlay .vertical-center .btn-play-video>span,
html.desktop body.store-de .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span {
bottom: auto;
}
html.desktop body.store-de .video_slider .video_overlay .vertical-center .btn-play-video>span.headline,
html.desktop body.store-de .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span.headline {
top: -80%;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 2.14286rem;
}
html.desktop body.store-de .video_slider .video_overlay .vertical-center .btn-play-video>span.sub-headline,
html.desktop body.store-de .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span.sub-headline {
top: -45%;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.28571rem;
}
@media only screen and (max-width: 992px) {
html.desktop body.store-de>.video-js {
height: 350px;
}
html.desktop body.store-de .video_slider .video_overlay .vertical-center .btn-play-video,
html.desktop body.store-de .video_slider .video_overlay .vertical-center .btn-play-video-youtube {
height: 85px;
width: 85px;
background-size: 85px;
}
html.desktop body.store-de .video_slider .video_overlay .vertical-center .btn-play-video>span,
html.desktop body.store-de .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span {
width: 450px !important;
left: -175px !important;
bottom: auto !important;
}
html.desktop body.store-de .video_slider .video_overlay .vertical-center .btn-play-video>span.headline,
html.desktop body.store-de .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span.headline {
top: -90%;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.85714rem;
}
html.desktop body.store-de .video_slider .video_overlay .vertical-center .btn-play-video>span.sub-headline,
html.desktop body.store-de .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span.sub-headline {
top: -40%;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.14286rem;
}
}
@media only screen and (max-width: 480px) {
html.desktop body.store-de .video_slider .video_overlay .vertical-center .btn-play-video>span.sub-headline,
html.desktop body.store-de .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span.sub-headline {
visibility: hidden;
}
}
html.desktop body.store-ch .video_slider .video_overlay .vertical-center .btn-play-video,
html.desktop body.store-ch .video_slider .video_overlay .vertical-center .btn-play-video-youtube {
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon_play.svg);
background-size: 130px;
}
html.desktop body.store-ch .video_slider .video_overlay .vertical-center .btn-play-video:hover,
html.desktop body.store-ch .video_slider .video_overlay .vertical-center .btn-play-video-youtube:hover {
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon_play_hover.svg);
background-size: 130px;
}
html.desktop body.store-ch .video_slider .video_overlay .vertical-center .btn-play-video>span,
html.desktop body.store-ch .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span {
bottom: auto;
}
html.desktop body.store-ch .video_slider .video_overlay .vertical-center .btn-play-video>span.headline,
html.desktop body.store-ch .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span.headline {
top: -80%;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 2.14286rem;
}
html.desktop body.store-ch .video_slider .video_overlay .vertical-center .btn-play-video>span.sub-headline,
html.desktop body.store-ch .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span.sub-headline {
top: -45%;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.28571rem;
}
@media only screen and (max-width: 992px) {
html.desktop body.store-ch>.video-js {
height: 350px;
}
html.desktop body.store-ch .video_slider .video_overlay .vertical-center .btn-play-video,
html.desktop body.store-ch .video_slider .video_overlay .vertical-center .btn-play-video-youtube {
height: 85px;
width: 85px;
background-size: 85px;
}
html.desktop body.store-ch .video_slider .video_overlay .vertical-center .btn-play-video>span,
html.desktop body.store-ch .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span {
width: 450px !important;
left: -175px !important;
bottom: auto !important;
}
html.desktop body.store-ch .video_slider .video_overlay .vertical-center .btn-play-video>span.headline,
html.desktop body.store-ch .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span.headline {
top: -90%;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.85714rem;
}
html.desktop body.store-ch .video_slider .video_overlay .vertical-center .btn-play-video>span.sub-headline,
html.desktop body.store-ch .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span.sub-headline {
top: -40%;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.14286rem;
}
}
@media only screen and (max-width: 480px) {
html.desktop body.store-ch .video_slider .video_overlay .vertical-center .btn-play-video>span.sub-headline,
html.desktop body.store-ch .video_slider .video_overlay .vertical-center .btn-play-video-youtube>span.sub-headline {
visibility: hidden;
}
}
html.mobile .mobile-poster {
margin-top: 50px;
}
html.mobile .mobile-poster .image-container {
position: relative;
height: 550px;
overflow: hidden;
z-index: 1;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
html.mobile .mobile-poster .image-container a.youtube-link {
position: absolute;
display: block;
width: 75%;
height: 200px;
z-index: 3;
background: transparent url(https://www.racechip.eu/skin/frontend/racechip/default/images/play_button.png) no-repeat top center;
background-size: 82px;
left: 0;
right: 0;
top: 40%;
margin: 0 auto;
text-align: center;
padding-top: 100px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.14286rem;
text-shadow: 1px 1px 1px black;
color: #fff;
}
@media screen and (max-width: 768px) {
html.mobile .mobile-poster {
box-shadow: 1px 5px 5px 0px #b0b0b0;
-webkit-box-shadow: 1px 5px 5px 0px #b0b0b0;
-moz-box-shadow: 1px 5px 5px 0px #b0b0b0;
}
html.mobile .mobile-poster .image-container {
height: 315px;
}
html.mobile .mobile-poster .image-container a.youtube-link {
top: 33%;
background-size: 70px;
padding-top: 80px;
}
}
@media screen and (max-width: 480px) {
html.mobile .mobile-poster .image-container {
height: 215px;
}
}
html.mobile body.store-at .mobile-poster .image-container a.youtube-link {
top: 33%;
padding-top: 0;
height: 150px;
background: transparent url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon_play.svg) no-repeat bottom center;
background-size: 80px;
padding-bottom: 100px;
}
html.mobile body.store-at .mobile-poster .image-container a.youtube-link:hover {
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon_play_hover.svg);
background-size: 130px;
}
html.mobile body.store-at .mobile-poster .image-container a.youtube-link .head-line,
html.mobile body.store-at .mobile-poster .image-container a.youtube-link .sub-headline {
display: block;
}
html.mobile body.store-at .mobile-poster .image-container a.youtube-link .headline {
margin-bottom: 10px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.71429rem;
}
html.mobile body.store-at .mobile-poster .image-container a.youtube-link .sub-headline {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 0.92857rem;
}
@media screen and (max-width: 768px) {
html.mobile body.store-at .mobile-poster .image-container a.youtube-link {
top: 20%;
}
}
@media screen and (max-width: 480px) {
html.mobile body.store-at .mobile-poster .image-container a.youtube-link {
top: 18%;
width: 100%;
height: 110px;
padding-bottom: 70px;
background-size: 70px;
}
html.mobile body.store-at .mobile-poster .image-container a.youtube-link .headline {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.35714rem;
}
html.mobile body.store-at .mobile-poster .image-container a.youtube-link .sub-headline {
display: none;
}
}
html.mobile body.store-de .mobile-poster .image-container a.youtube-link {
top: 33%;
padding-top: 0;
height: 150px;
background: transparent url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon_play.svg) no-repeat bottom center;
background-size: 80px;
padding-bottom: 100px;
}
html.mobile body.store-de .mobile-poster .image-container a.youtube-link:hover {
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon_play_hover.svg);
background-size: 130px;
}
html.mobile body.store-de .mobile-poster .image-container a.youtube-link .head-line,
html.mobile body.store-de .mobile-poster .image-container a.youtube-link .sub-headline {
display: block;
}
html.mobile body.store-de .mobile-poster .image-container a.youtube-link .headline {
margin-bottom: 10px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.71429rem;
}
html.mobile body.store-de .mobile-poster .image-container a.youtube-link .sub-headline {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 0.92857rem;
}
@media screen and (max-width: 768px) {
html.mobile body.store-de .mobile-poster .image-container a.youtube-link {
top: 20%;
}
}
@media screen and (max-width: 480px) {
html.mobile body.store-de .mobile-poster .image-container a.youtube-link {
top: 18%;
width: 100%;
height: 110px;
padding-bottom: 70px;
background-size: 70px;
}
html.mobile body.store-de .mobile-poster .image-container a.youtube-link .headline {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.35714rem;
}
html.mobile body.store-de .mobile-poster .image-container a.youtube-link .sub-headline {
display: none;
}
}
html.mobile body.store-ch .mobile-poster .image-container a.youtube-link {
top: 33%;
padding-top: 0;
height: 150px;
background: transparent url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon_play.svg) no-repeat bottom center;
background-size: 80px;
padding-bottom: 100px;
}
html.mobile body.store-ch .mobile-poster .image-container a.youtube-link:hover {
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon_play_hover.svg);
}
html.mobile body.store-ch .mobile-poster .image-container a.youtube-link .head-line,
html.mobile body.store-ch .mobile-poster .image-container a.youtube-link .sub-headline {
display: block;
}
html.mobile body.store-ch .mobile-poster .image-container a.youtube-link .headline {
margin-bottom: 10px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.71429rem;
}
html.mobile body.store-ch .mobile-poster .image-container a.youtube-link .sub-headline {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 0.92857rem;
}
@media screen and (max-width: 768px) {
html.mobile body.store-ch .mobile-poster .image-container a.youtube-link {
top: 20%;
}
}
@media screen and (max-width: 480px) {
html.mobile body.store-ch .mobile-poster .image-container a.youtube-link {
top: 18%;
width: 100%;
height: 110px;
padding-bottom: 70px;
background-size: 70px;
}
html.mobile body.store-ch .mobile-poster .image-container a.youtube-link .headline {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.35714rem;
}
html.mobile body.store-ch .mobile-poster .image-container a.youtube-link .sub-headline {
display: none;
}
}
@media only screen and (max-width: 480px) {
html.mobile .mobile-poster .image-container a.youtube-link {
top: 18%;
width: 100%;
height: 110px;
padding-bottom: 70px;
background-size: 70px;
}
.wrapper .page #video spanheadline {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.35714rem;
}
.wrapper .page #video spansub-headline {
display: none;
}
}
body.cms-leistungssteigerung-html .header-container {
background-color: #3c3c3c;
}
body.cms-leistungssteigerung-html.store-de.-promo_message {
/*padding-top: 53px !important;
@media only screen and (max-width: 1100px) {
padding-top: 20px !important;
}
@media only screen and (max-width: $bkPtPhone) {
padding-top: 40px !important;
}*/
}
body.cms-leistungssteigerung-html div#video {
padding-top: 95px;
background: #3c3c3c;
}
html.desktop body.cms-leistungssteigerung-html .video_slider .video_overlay .vertical-center .btn-play-video>span.headline {
top: auto;
bottom: -80%;
}
@media only screen and (min-width: 768px) {
html.desktop body.cms-leistungssteigerung-html #video_container {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
max-height: 33vw;
height: auto;
}
}
@media only screen and (max-width: 768px) {
html.mobile body.cms-leistungssteigerung-html div#video {
padding-top: 50px;
}
}
html.mobile body.cms-leistungssteigerung-html .mobile-poster {
margin-top: 0;
}
html.mobile body.cms-leistungssteigerung-html .mobile-poster .image-container a.youtube-link {
top: 33%;
}
/*# sourceMappingURL=RC_Video.css.map */
@charset "UTF-8";
/*
* Instagram stylesheet
*
*/
.instagram-container {
width: 100%;
position: relative;
border-bottom: 1px solid #e0e0e0;
overflow: hidden;
}
.instagram-inner-wrapper {
width: 100%;
max-width: 1600px;
margin: 50px auto;
position: relative;
}
.masonry-grid {
z-index: 10;
}
.wrapper .page .instagram-container h2{
font-size: 36px;
font-weight: 500;
text-align: center;
font-style: normal;
margin-top: 80px;
margin-bottom: 50px;
}
.instagram-post {
width: 300px;
background-color: #fff;
box-shadow: 0 0 9px 3px rgba(0,0,0,0.10);
margin-bottom: 30px;
}
.instagram-post .text {
padding: 23px 20px;
}
.instagram-post .text p{
font-size: 14px;
font-weight: 300;
line-height: 1.25;
}
.rc-instagram-header {
display: flex;
padding: 20px;
}
.rc-instagram-header .rc-logo {
margin-right: 20px;
flex-basis: 65px;
}
.hr-small {
width: calc(100% - 40px);
margin-left: 20px;
border-bottom: 1px solid #dfdfdf;
height: 1px;
display: block;
}
.rc-insta-title {
flex-basis: 170px;
}
.rc-instagram-header .rc-logo img {
width: 65px;
}
.rc-instagram-header .rc-insta-title {
font-size: 12px;
line-height: 1.28;
font-weight: 300;
color: #000;
}
.rc-instagram-footer {
padding: 20px;
color: #dfdfdf;
font-size: 12px;
line-height: 1;
display: flex;
align-items: center;
}
.rc-instagram-footer svg {
max-height: 14px;
fill: #dfdfdf !important;
color: #dfdfdf !important;
}
.rc-instagram-footer > div {
margin-right: 10px;
}
.rc-instagram-footer > div:last-child {
margin-left: auto;
margin-right: 0;
}
.show-more-container {
width: 100%;
height: 330px;
position: relative;
z-index: 11;
margin-top: -500px;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(254,254,254,1) 29%, rgba(250,250,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(254,254,254,1) 29%,rgba(250,250,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(254,254,254,1) 29%,rgba(250,250,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
padding-top: 210px;
}
.show-more-container.loaded {
height: 100px;
margin-top: 0;
background: transparent;
padding-top: 0px;
}
.show-more-container.loaded .instagram-show-more {
display: none;
}
.show-more-container .instagram-url {
display: none;
}
.show-more-container.loaded .instagram-url {
display: block;
}
.instagram-show-more,
.instagram-url {
font-size: 18px;
font-weight: 300;
text-decoration: underline;
text-align: center;
cursor: pointer;
text-transform: uppercase;
}
.instagram-url a {
color: #000;
}
@media (max-width: 1599px) {
.masonry-grid {
width: 100%;
max-width: 1275px;
margin: 0 auto;
}
}
@media (max-width: 1274px) {
.masonry-grid {
max-width: 975px;
}
}
@media (max-width: 949px) {
.masonry-grid {
max-width: 625px;
}
}
@media (max-width: 767px) {
#racechip_instagram {
display: none !important;
}
}
/*
* Styles for product overlays
*
* Included via /app/design/frontend/racechip/default/layout/racechip/cmscontent.xml
*
* @author SessionDigital 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
*/
.-is-connect .product_overlay_wrapper .show-connect {
display: block;
}
.-is-connect .product_overlay_wrapper .hide-connect {
display: none;
}
.-not-connect .product_overlay_wrapper .show-connect {
display: none;
}
.-not-connect .product_overlay_wrapper .hide-connect {
display: block;
}
.product_overlay_wrapper .top-image {
margin: 0 auto;
max-width: 400px;
padding: 0 4.54545%;
}
.product_overlay_wrapper .top-image-response {
margin: 0 auto;
max-width: 220px;
padding: 0 4.54545%;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNiZGJkYmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiNjYWNhY2EiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center bottom, ellipse cover, #bdbdbd 0%, rgba(202, 202, 202, 0) 35%, rgba(255, 255, 255, 0) 100%);
/* FF3.6+ */
background: -webkit-gradient(radial, center bottom, 0px, center center, 100%, color-stop(0%, #bdbdbd), color-stop(35%, rgba(202, 202, 202, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
/* Chrome,Safari4+ */
background: -webkit-radial-gradient(center bottom, ellipse cover, #bdbdbd 0%, rgba(202, 202, 202, 0) 35%, rgba(255, 255, 255, 0) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center bottom, ellipse cover, #bdbdbd 0%, rgba(202, 202, 202, 0) 35%, rgba(255, 255, 255, 0) 100%);
/* Opera 12+ */
background: -ms-radial-gradient(center bottom, ellipse cover, #bdbdbd 0%, rgba(202, 202, 202, 0) 35%, rgba(255, 255, 255, 0) 100%);
/* IE10+ */
background: radial-gradient(ellipse at center bottom, #bdbdbd 0%, rgba(202, 202, 202, 0) 35%, rgba(255, 255, 255, 0) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#00ffffff', GradientType=1);
/* IE6-8 fallback on horizontal gradient */
}
.product_overlay_wrapper .top-image-response img {
display: block;
}
.product_overlay_wrapper .bottom-image {
margin: 0 auto;
max-width: 600px;
padding: 0 4.54545%;
}
.product_overlay_wrapper h2,
.product_overlay_wrapper h3,
.product_overlay_wrapper h4,
.product_overlay_wrapper h5,
.product_overlay_wrapper h6,
.product_overlay_wrapper p,
.product_overlay_wrapper .explanation {
padding: 0 4.54545%;
}
.product_overlay_wrapper table,
.product_overlay_wrapper .explanations {
margin: 0 4.54545%;
}
.product_overlay_wrapper h2 {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 1.5rem;
text-align: left;
margin-bottom: 15px;
}
.product_overlay_wrapper h2.center {
text-align: center;
}
.product_overlay_wrapper h3 {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.14286rem;
text-align: left;
}
.product_overlay_wrapper h3.center {
text-align: center;
}
.product_overlay_wrapper p {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 0.875rem;
text-align: left;
line-height: 24px;
margin-bottom: 10px;
}
.product_overlay_wrapper p.white {
color: #fff;
}
.product_overlay_wrapper a.download-link {
text-transform: uppercase;
}
.product_overlay_wrapper .connect-explanations {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(top center, ellipse cover, #f3f3f3 0%, rgba(243, 243, 243, 0) 60%, rgba(243, 243, 243, 0) 100%);
/* FF3.6+ */
background: -webkit-gradient(radial, top center, 0px, center center, 100%, color-stop(0%, #f3f3f3), color-stop(60%, rgba(243, 243, 243, 0)), color-stop(100%, rgba(243, 243, 243, 0)));
/* Chrome,Safari4+ */
background: -webkit-radial-gradient(top center, ellipse cover, #f3f3f3 0%, rgba(243, 243, 243, 0) 60%, rgba(243, 243, 243, 0) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(top center, ellipse cover, #f3f3f3 0%, rgba(243, 243, 243, 0) 60%, rgba(243, 243, 243, 0) 100%);
/* Opera 12+ */
background: -ms-radial-gradient(top center, ellipse cover, #f3f3f3 0%, rgba(243, 243, 243, 0) 60%, rgba(243, 243, 243, 0) 100%);
/* IE10+ */
background: radial-gradient(ellipse at top center, #f3f3f3 0%, rgba(243, 243, 243, 0) 60%, rgba(243, 243, 243, 0) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#00f3f3f3', GradientType=1);
/* IE6-8 fallback on horizontal gradient */
}
.product_overlay_wrapper .connect-explanations .connect-details {
width: 106%;
margin-left: -6%;
overflow: hidden;
}
.product_overlay_wrapper .connect-explanations .connect-details .phone {
width: 38.88889%;
float: left;
position: relative;
}
.product_overlay_wrapper .connect-explanations .connect-details .phone img {
position: absolute;
right: 0;
min-width: 400px;
}
.product_overlay_wrapper .connect-explanations .connect-details .text {
width: 61.11111%;
float: right;
padding-right: 4.54545%;
}
.product_overlay_wrapper .connect-explanations .connect-details .text p {
padding: 0;
}
.product_overlay_wrapper .connect-explanations .connect-details .text ul li {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-positive.png") no-repeat left center transparent;
text-align: left;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 0.875rem;
padding: 10px 0 10px 25px;
}
.product_overlay_wrapper .connect-explanations .connect-details .text .icon {
width: 45px;
}
.product_overlay_wrapper .connect-explanations .shadow-bottom {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(bottom center, ellipse cover, #dddddd 0%, rgba(239, 239, 239, 0) 80%, rgba(243, 243, 243, 0) 100%);
/* FF3.6+ */
background: -webkit-gradient(radial, bottom center, 0px, bottom center, 100%, color-stop(0%, #dddddd), color-stop(80%, rgba(239, 239, 239, 0)), color-stop(100%, rgba(243, 243, 243, 0)));
/* Chrome,Safari4+ */
background: -webkit-radial-gradient(bottom center, ellipse cover, #dddddd 0%, rgba(239, 239, 239, 0) 80%, rgba(243, 243, 243, 0) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(bottom center, ellipse cover, #dddddd 0%, rgba(239, 239, 239, 0) 80%, rgba(243, 243, 243, 0) 100%);
/* Opera 12+ */
background: -ms-radial-gradient(bottom center, ellipse cover, #dddddd 0%, rgba(239, 239, 239, 0) 80%, rgba(243, 243, 243, 0) 100%);
/* IE10+ */
background: radial-gradient(ellipse at bottom center, #dddddd 0%, rgba(239, 239, 239, 0) 80%, rgba(243, 243, 243, 0) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#00f3f3f3', GradientType=1);
/* IE6-8 fallback on horizontal gradient */
height: 20px;
margin-top: -24px;
}
.-not-connect .product_overlay_wrapper .connect-explanations {
display: none;
}
.product_overlay_wrapper .description {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/bg-overlay.jpg") no-repeat top right #000;
padding: 50px 0 30px;
position: relative;
}
.product_overlay_wrapper .description h2 {
color: #fff;
}
.product_overlay_wrapper .description .col2-set {
overflow: hidden;
text-align: left;
color: #fff;
}
.product_overlay_wrapper .description .col2-set .col-1,
.product_overlay_wrapper .description .col2-set .col-2 {
float: left;
width: 50%;
padding: 0 4.54545%;
}
.product_overlay_wrapper .description .col2-set .col-1.has-connect {
display: block;
}
.product_overlay_wrapper .description .col2-set .col-1.has-no-connect {
display: none;
}
.-not-connect .product_overlay_wrapper .description .col2-set .col-1.has-connect {
display: none;
}
.-not-connect .product_overlay_wrapper .description .col2-set .col-1.has-no-connect {
display: block;
}
.product_overlay_wrapper .description .col2-set h4 {
padding: 29px 0 29px 95px;
margin-bottom: 10px;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.5rem;
}
.product_overlay_wrapper .description .col2-set h4.performance {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-performance-white-71x64.png") no-repeat left center transparent;
}
.product_overlay_wrapper .description .col2-set h4.consumption {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-consumption-white-60x55.png") no-repeat left center transparent;
}
.product_overlay_wrapper .description .col2-set h4.connect {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-connect-white-43x71.png") no-repeat 25px center transparent;
}
.product_overlay_wrapper .description .col2-set h4.motor {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-engine-white-55x67.png") no-repeat left center transparent;
}
.product_overlay_wrapper .description .col2-set h4.garantie {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-ultimate-white-68x50.png") no-repeat left center transparent;
}
.product_overlay_wrapper .description .col2-set h4.garantie-pro {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-pro-white-46x66.png") no-repeat left center transparent;
}
.product_overlay_wrapper .description .col2-set h4.garantie-one {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-one-white-60x63.png") no-repeat left center transparent;
}
.product_overlay_wrapper .description .col2-set h4.service {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-tools-white-64x62.png") no-repeat left center transparent;
}
.product_overlay_wrapper .description .col2-set h4.escape {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-escape-white-81x37.png") no-repeat left center transparent;
}
.product_overlay_wrapper .description .col2-set h4.costs {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-costs-white-66x70.png") no-repeat left center transparent;
}
.product_overlay_wrapper .description .col2-set h4.response-optimisation {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-response-optimisation-white-72x63.png") no-repeat left center transparent;
}
.product_overlay_wrapper .description .col2-set h4.response-controller {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-response-controller-white-38x71.png") no-repeat left center transparent;
}
.product_overlay_wrapper .description .col2-set h4.response-controller-chiptuning {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-response-chiptuning-white-74x64.png") no-repeat left center transparent;
}
.product_overlay_wrapper .description .col2-set h4.no-tuv {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-no-tuv-white-50x66.png") no-repeat left center transparent;
}
.product_overlay_wrapper .description .col2-set h4.power-levels {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-power-levels-white-71x86.png") no-repeat left center transparent;
}
.product_overlay_wrapper .description .col2-set h4.serial-activation {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-switch-white-79x25.png") no-repeat left center transparent;
}
.product_overlay_wrapper .description .col2-set h4.warm-timer {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-stopwatch-white-62x71.png") no-repeat left center transparent;
}
.product_overlay_wrapper .description .col2-set h4.support {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-support-white-66x50.png") no-repeat left center transparent;
}
.product_overlay_wrapper .description .col2-set h4.updates {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-updates-white-44x72.png") no-repeat left center transparent;
}
.product_overlay_wrapper .description .col2-set h4.features {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-features-white-43x72.png") no-repeat left center transparent;
}
.product_overlay_wrapper .description .col2-set h4.settings {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons_big/gears_grey.png") no-repeat left center transparent;
background-size: 60px;
}
.product_overlay_wrapper .description .col2-set p {
padding: 0;
}
.product_overlay_wrapper .test-logos {
max-width: 210px;
margin: 0 auto;
text-align: center;
}
.product_overlay_wrapper .col2-set {
overflow: hidden;
}
.product_overlay_wrapper .col2-set .col-1,
.product_overlay_wrapper .col2-set .col-2 {
float: left;
width: 50%;
padding: 0 4.54545%;
}
.product_overlay_wrapper .col2-set .col-1 p,
.product_overlay_wrapper .col2-set .col-2 p {
padding: 0;
}
.product_overlay_wrapper.-with-certificate .no-coc {
display: none;
}
.product_overlay_wrapper.-no-certificate .coc {
display: none;
}
.product_overlay_wrapper ul.orange-bullets {
overflow: hidden;
padding: 0 4.54545%;
}
.product_overlay_wrapper ul.orange-bullets li {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/checkmark-orange.png") no-repeat 12px 25px transparent;
background-size: 18px;
text-align: left;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 1.125rem;
padding: 20px 0 20px 35px;
height: 84px;
overflow: hidden;
width: 50%;
float: left;
}
.product_overlay_wrapper ul.orange-bullets.one-column {
padding: 0;
}
.product_overlay_wrapper ul.orange-bullets.one-column li {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/checkmark-orange.png") no-repeat left 11px transparent;
background-size: 18px;
padding: 10px 0 3px 25px;
width: 100%;
float: none;
height: auto;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 0.875rem;
}
.product_overlay_wrapper ul.orange-bullets.one-column li:first-of-type {
padding-top: 20px;
background-position: left 21px;
}
.product_overlay_wrapper .buttons {
overflow: hidden;
padding: 35px 0;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNmYmZiZmIiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center top, ellipse cover, #f3f3f3 0%, rgba(251, 251, 251, 0) 65%, rgba(255, 255, 255, 0) 100%);
/* FF3.6+ */
background: -webkit-gradient(radial, center top, 0px, center center, 100%, color-stop(0%, #f3f3f3), color-stop(65%, rgba(251, 251, 251, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
/* Chrome,Safari4+ */
background: -webkit-radial-gradient(center top, ellipse cover, #f3f3f3 0%, rgba(251, 251, 251, 0) 65%, rgba(255, 255, 255, 0) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center top, ellipse cover, #f3f3f3 0%, rgba(251, 251, 251, 0) 65%, rgba(255, 255, 255, 0) 100%);
/* Opera 12+ */
background: -ms-radial-gradient(center top, ellipse cover, #f3f3f3 0%, rgba(251, 251, 251, 0) 65%, rgba(255, 255, 255, 0) 100%);
/* IE10+ */
background: radial-gradient(ellipse at center top, #f3f3f3 0%, rgba(251, 251, 251, 0) 65%, rgba(255, 255, 255, 0) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#00ffffff', GradientType=1);
/* IE6-8 fallback on horizontal gradient */
}
.product_overlay_wrapper .buttons .left,
.product_overlay_wrapper .buttons .right {
width: 50%;
float: left;
padding: 0 4.54545%;
}
.product_overlay_wrapper .buttons .left {
text-align: right;
}
.product_overlay_wrapper .buttons .right {
text-align: left;
}
.product_overlay_wrapper .img-desc {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1.125rem;
}
.product_overlay_wrapper .controller-graphs {
overflow: hidden;
padding: 0 4.54545%;
}
.product_overlay_wrapper .controller-graphs .controller {
float: left;
width: 25%;
text-align: left;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNiZGJkYmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiNjYWNhY2EiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center bottom, ellipse cover, #bdbdbd 0%, rgba(202, 202, 202, 0) 50%, rgba(255, 255, 255, 0) 100%);
/* FF3.6+ */
background: -webkit-gradient(radial, center bottom, 0px, center center, 100%, color-stop(0%, #bdbdbd), color-stop(50%, rgba(202, 202, 202, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
/* Chrome,Safari4+ */
background: -webkit-radial-gradient(center bottom, ellipse cover, #bdbdbd 0%, rgba(202, 202, 202, 0) 50%, rgba(255, 255, 255, 0) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center bottom, ellipse cover, #bdbdbd 0%, rgba(202, 202, 202, 0) 50%, rgba(255, 255, 255, 0) 100%);
/* Opera 12+ */
background: -ms-radial-gradient(center bottom, ellipse cover, #bdbdbd 0%, rgba(202, 202, 202, 0) 50%, rgba(255, 255, 255, 0) 100%);
/* IE10+ */
background: radial-gradient(ellipse at center bottom, #bdbdbd 0%, rgba(202, 202, 202, 0) 50%, rgba(255, 255, 255, 0) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#00ffffff', GradientType=1);
/* IE6-8 fallback on horizontal gradient */
}
.product_overlay_wrapper .controller-graphs .controller img {
display: block;
}
.product_overlay_wrapper .controller-graphs .graphs {
float: right;
width: 75%;
text-align: right;
padding-left: 6.81818%;
}
.product_overlay_wrapper .controller-graphs .graphs .graph-title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1.125rem;
display: block;
text-align: left;
}
.product_overlay_wrapper .connect-head {
overflow: hidden;
padding: 0 4.54545%;
}
.product_overlay_wrapper .connect-head .phone {
float: left;
width: 31.81818%;
}
.product_overlay_wrapper .connect-head .text {
float: right;
width: 68.18182%;
padding-left: 5.68182%;
}
.product_overlay_wrapper .connect-head .text h2,
.product_overlay_wrapper .connect-head .text h3 {
padding: 0;
}
.product_overlay_wrapper .connect-head .text p {
padding: 0 0 10px;
}
.product_overlay_wrapper .connect-head .text .radio-chip {
max-width: 300px;
}
.product_overlay_wrapper .warranty-modal h2,
.product_overlay_wrapper .warranty-modal h2.modal-title,
.product_overlay_wrapper .coc-modal h2,
.product_overlay_wrapper .coc-modal h2.modal-title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 1.5rem;
text-align: left;
margin-bottom: 15px;
}
.product_overlay_wrapper .warranty-modal h2.center,
.product_overlay_wrapper .warranty-modal h2.modal-title.center,
.product_overlay_wrapper .coc-modal h2.center,
.product_overlay_wrapper .coc-modal h2.modal-title.center {
text-align: center;
}
.product_overlay_wrapper .warranty-modal h3,
.product_overlay_wrapper .warranty-modal h3.modal-subtitle,
.product_overlay_wrapper .coc-modal h3,
.product_overlay_wrapper .coc-modal h3.modal-subtitle {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.14286rem;
text-align: left;
}
.product_overlay_wrapper .warranty-modal h3.center,
.product_overlay_wrapper .warranty-modal h3.modal-subtitle.center,
.product_overlay_wrapper .coc-modal h3.center,
.product_overlay_wrapper .coc-modal h3.modal-subtitle.center {
text-align: center;
}
.product_overlay_wrapper .coc-modal .col2-set .col-1.image {
width: 30%;
}
.product_overlay_wrapper .coc-modal .col2-set .col-2 {
padding-left: 1.5%;
width: 70%;
}
.product_overlay_wrapper .xlr-modal {
color: #3f3f3f;
}
.product_overlay_wrapper .xlr-modal .modal-header {
height: 332px;
background: transparent url(/media/wysiwyg/product_overlay/xlr-bg.jpg) no-repeat center;
background-size: cover;
-moz-background-size: cover;
/* Firefox 3.6 */
background-position: center;
/* Internet Explorer 7/8 */
text-align: left;
position: relative;
display: flex;
align-items: center;
}
.product_overlay_wrapper .xlr-modal .modal-header .modal-header-stage {
width: 52.08333%;
margin-top: 0;
margin-left: 55px;
display: inline-block;
text-transform: uppercase;
}
.product_overlay_wrapper .xlr-modal .modal-header .modal-header-stage .product-title {
margin-top: 0;
margin-bottom: 5px;
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.35714rem;
color: #fff;
}
.product_overlay_wrapper .xlr-modal .modal-header .modal-header-stage .product-title b {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.35714rem;
}
.product_overlay_wrapper .xlr-modal .modal-header .modal-header-stage .product-slogan {
margin-bottom: 0;
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.35714rem;
color: #fff;
}
.product_overlay_wrapper .xlr-modal .modal-header .top-image {
max-width: 450px;
position: absolute;
right: 110px;
bottom: 0;
}
.product_overlay_wrapper .xlr-modal .modal-header .top-image img {
display: block;
}
.product_overlay_wrapper .xlr-modal .advantage-box {
width: 100%;
margin-bottom: 15px;
text-align: left;
padding: 0 4.54545%;
}
.product_overlay_wrapper .xlr-modal .advantage-box:before,
.product_overlay_wrapper .xlr-modal .advantage-box:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.product_overlay_wrapper .xlr-modal .advantage-box:after {
clear: both;
}
.product_overlay_wrapper .xlr-modal .advantage-box .advantages {
float: left;
width: 33%;
text-align: center;
}
.product_overlay_wrapper .xlr-modal .advantage-box .advantages .advantages-container {
display: inline-block;
text-align: left;
}
.product_overlay_wrapper .xlr-modal .advantage-box .advantages .advantage {
margin-bottom: 15px;
width: 100%;
display: block;
}
.product_overlay_wrapper .xlr-modal .advantage-box .advantages .advantage .image {
width: 55px;
height: auto;
margin-right: 10px;
}
.product_overlay_wrapper .xlr-modal .advantage-box .advantages .advantage .image img {
width: 55px;
height: 55px;
}
.product_overlay_wrapper .xlr-modal .advantage-box .advantages .advantage .legend {
width: auto;
padding-top: 0;
padding-left: 0;
color: #565656;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
}
.product_overlay_wrapper .xlr-modal .advantage-box .advantages .advantage .legend.long {
white-space: nowrap;
line-height: normal;
padding-top: 0;
}
.product_overlay_wrapper .xlr-modal .advantage-box .advantages .advantage .legend b {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1rem;
}
.product_overlay_wrapper .xlr-modal .xlr-options {
color: #3e3e3e;
}
.product_overlay_wrapper .xlr-modal .xlr-options .xlr-option {
padding: 0 4.54545% 30px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 25px;
}
.product_overlay_wrapper .xlr-modal .xlr-options .xlr-option .xlr-option-content {
display: inline-block;
font-size: 0;
}
.product_overlay_wrapper .xlr-modal .xlr-options .xlr-option .xlr-option-content .xlr-option-image {
width: 22.91667%;
padding: 0 10px;
display: inline-block;
vertical-align: top;
}
.product_overlay_wrapper .xlr-modal .xlr-options .xlr-option .xlr-option-content .xlr-option-desc {
width: 77.08333%;
padding-left: 50px;
display: inline-block;
vertical-align: top;
}
.product_overlay_wrapper .xlr-modal .xlr-options .xlr-option .xlr-option-content .xlr-option-desc .xlr-option-title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1rem;
margin: 0 0 20px;
padding: 0;
}
.product_overlay_wrapper .xlr-modal .xlr-options .xlr-option .xlr-option-content .xlr-option-desc .xlr-option-desc-features-container {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.85714rem;
}
.product_overlay_wrapper .xlr-modal .xlr-options .xlr-option .xlr-option-content .xlr-option-desc .xlr-option-desc-features-container .xlr-option-desc-features {
width: 55%;
float: left;
}
.product_overlay_wrapper .xlr-modal .xlr-options .xlr-option .xlr-option-content .xlr-option-desc .xlr-option-desc-features-container .xlr-option-desc-features p {
padding: 0;
margin: 0 0 25px;
}
.product_overlay_wrapper .xlr-modal .xlr-options .xlr-option .xlr-option-content .xlr-option-desc .xlr-option-desc-features-container .xlr-option-desc-features ul {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 0.78571rem;
text-align: left;
}
.product_overlay_wrapper .xlr-modal .xlr-options .xlr-option .xlr-option-content .xlr-option-desc .xlr-option-desc-features-container .xlr-option-desc-features ul li {
display: block;
padding-left: 30px;
background: transparent url(https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-tick.svg) no-repeat left;
background-size: 18px;
margin-bottom: 10px;
}
.product_overlay_wrapper .xlr-modal .xlr-options .xlr-option .xlr-option-content .xlr-option-desc .xlr-option-desc-features-container .xlr-option-availability {
width: 45%;
padding-left: 5%;
float: left;
text-align: center;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.85714rem;
}
.product_overlay_wrapper .xlr-modal .xlr-options .xlr-option .xlr-option-content .xlr-option-desc .xlr-option-desc-features-container .xlr-option-availability span {
max-width: 60%;
display: inline-block;
text-align: left;
}
.product_overlay_wrapper .xlr-modal .xlr-options .xlr-option .xlr-option-content .xlr-option-desc .xlr-option-desc-features-container .xlr-option-availability span strong {
display: block;
margin-bottom: 10px;
}
.product_overlay_wrapper .xlr-modal .buttons {
background: none;
padding: 0 4.54545% 25px;
text-align: right;
}
.product_overlay_wrapper .xlr-modal .buttons a:first-child {
margin-right: 10px;
}
@media screen and (max-width: 768px) {
.show-gt-768 {
display: none;
}
.product_overlay_wrapper .description .col2-set .col-1,
.product_overlay_wrapper .description .col2-set .col-2 {
width: 100%;
}
.product_overlay_wrapper .description .col2-set h4.connect {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-connect-white-43x71.png") no-repeat scroll left center transparent;
}
.product_overlay_wrapper a.btn {
padding: 0 10px;
}
.product_overlay_wrapper .warranty-modal .col2-set .col-1.image,
.product_overlay_wrapper .coc-modal .col2-set .col-1.image {
padding-right: 0;
padding-left: 0;
}
.product_overlay_wrapper .warranty-modal .col2-set .col-2,
.product_overlay_wrapper .coc-modal .col2-set .col-2 {
padding-left: 1.5%;
}
.product_overlay_wrapper .xlr-modal .modal-header {
height: 240px;
overflow: hidden;
}
.product_overlay_wrapper .xlr-modal .modal-header .top-image {
max-width: 400px;
bottom: -30px;
right: 50px;
}
.product_overlay_wrapper .xlr-modal .modal-header .modal-header-stage {
margin-top: 0;
margin-left: 65px;
}
.product_overlay_wrapper .xlr-modal .modal-header .modal-header-stage .product-title {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.28571rem;
}
.product_overlay_wrapper .xlr-modal .modal-header .modal-header-stage .product-title b {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.28571rem;
}
.product_overlay_wrapper .xlr-modal .modal-header .modal-header-stage .product-slogan {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.28571rem;
}
.product_overlay_wrapper .xlr-modal .advantage-box .advantages {
float: none;
width: 100%;
display: block;
text-align: left;
}
.product_overlay_wrapper .xlr-modal .advantage-box .advantages .advantages-container {
display: block;
}
.product_overlay_wrapper .xlr-modal .advantage-box .advantages .advantage {
margin-bottom: 15px;
width: 50%;
float: left;
padding-left: 4%;
}
.product_overlay_wrapper .xlr-modal .xlr-options .xlr-option .xlr-option-content .xlr-option-image {
width: 28.64583%;
}
.product_overlay_wrapper .xlr-modal .xlr-options .xlr-option .xlr-option-content .xlr-option-desc {
width: 71.35417%;
padding-left: 20px;
}
.product_overlay_wrapper .xlr-modal .xlr-options .xlr-option .xlr-option-content .xlr-option-desc .xlr-option-desc-features-container .xlr-option-desc-features {
width: 100%;
float: none;
}
.product_overlay_wrapper .xlr-modal .xlr-options .xlr-option .xlr-option-content .xlr-option-desc .xlr-option-desc-features-container .xlr-option-desc-features p {
margin-bottom: 15px;
}
.product_overlay_wrapper .xlr-modal .xlr-options .xlr-option .xlr-option-content .xlr-option-desc .xlr-option-desc-features-container .xlr-option-availability {
float: none;
text-align: left;
padding: 0;
width: 100%;
margin-top: 25px;
}
.product_overlay_wrapper .xlr-modal .xlr-options .xlr-option .xlr-option-content .xlr-option-desc .xlr-option-desc-features-container .xlr-option-availability span {
max-width: none;
}
.product_overlay_wrapper .xlr-modal .xlr-options .xlr-option .xlr-option-content .xlr-option-desc .xlr-option-desc-features-container .xlr-option-availability span strong {
display: inline;
}
.shop-page .wrapper .page .shop-contents .custom-options-block .custom-option-container .coc-modal .col2-set .col-1.image {
width: 29.94792%;
}
}
@media screen and (max-width: 650px) {
.product_overlay_wrapper ul.orange-bullets li {
background: url("https://www.racechip.eu/skin/frontend/racechip/default/images/icons/icon-positive.png") no-repeat left 20px transparent;
padding: 20px 0 0 25px;
width: 100%;
float: none;
height: auto;
}
}
@media screen and (max-width: 480px) {
.product_overlay_wrapper .over-480 {
display: none;
}
.product_overlay_wrapper .top-image,
.product_overlay_wrapper .top-image-response,
.product_overlay_wrapper .hide-connect .top-image,
.product_overlay_wrapper .hide-connect .top-image-response,
.-is-connect .product_overlay_wrapper .top-image,
.-is-connect .product_overlay_wrapper .top-image-response,
.-is-connect .product_overlay_wrapper .hide-connect .top-image,
.-is-connect .product_overlay_wrapper .hide-connect .top-image-response,
.-not-connect .product_overlay_wrapper .top-image,
.-not-connect .product_overlay_wrapper .top-image-response,
.-not-connect .product_overlay_wrapper .hide-connect .top-image,
.-not-connect .product_overlay_wrapper .hide-connect .top-image-response {
display: none;
}
.product_overlay_wrapper .show-connect .connect-details {
width: 100%;
margin-left: 0;
}
.product_overlay_wrapper .show-connect .connect-details .phone {
display: none;
}
.product_overlay_wrapper .show-connect .connect-details .text {
width: 100%;
float: none;
padding: 0 4.54545%;
}
.product_overlay_wrapper .show-connect .connect-details .text .icon {
width: 45px;
}
.product_overlay_wrapper .col2-set .col-1,
.product_overlay_wrapper .col2-set .col-2 {
float: none;
width: 100%;
padding: 0;
}
.product_overlay_wrapper .col2-set .col-1 p,
.product_overlay_wrapper .col2-set .col-2 p {
padding: 0 4.54545%;
}
.product_overlay_wrapper .coc-modal .col2-set .col-2 {
width: 100%;
}
.product_overlay_wrapper .description .col2-set .col-1 p,
.product_overlay_wrapper .description .col2-set .col-2 p {
padding: 0;
}
.product_overlay_wrapper .buttons .left,
.product_overlay_wrapper .buttons .right {
float: none;
width: 100%;
padding: 0 9.09091% 10px;
text-align: center;
}
.product_overlay_wrapper .buttons .left a,
.product_overlay_wrapper .buttons .right a {
width: 100%;
}
.product_overlay_wrapper .connect-head .phone {
display: none;
}
.product_overlay_wrapper .connect-head .text {
float: right;
width: 100%;
padding-left: 0;
}
.product_overlay_wrapper ul.orange-bullets.one-column {
padding: 0 4.54545%;
}
}
/*# sourceMappingURL=RC_ProductOverlays.css.map */
/* Modal overlay style - START */
.modal-overlay.product-chip_gts_black .modal-window,
.modal-overlay.product-chip_gts .modal-window,
.modal-overlay.product-chip_rs .modal-window,
.modal-overlay.product-chip_s .modal-window,
.modal-overlay.product-connect .modal-window {
background-color: transparent;
border: none;
box-shadow: none;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content,
.modal-overlay.product-chip_gts .modal-window .modal-content,
.modal-overlay.product-chip_rs .modal-window .modal-content,
.modal-overlay.product-chip_s .modal-window .modal-content,
.modal-overlay.product-connect .modal-window .modal-content {
background-color: #242424;
padding-top: 0;
padding-bottom: 0;
border: none;
z-index: 1;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section,
.modal-overlay.product-chip_gts .modal-window .modal-content .section,
.modal-overlay.product-chip_rs .modal-window .modal-content .section,
.modal-overlay.product-chip_s .modal-window .modal-content .section,
.modal-overlay.product-connect .modal-window .modal-content .section {
color: #fff;
text-align: left;
padding: 60px 6.25% 60px 6.25%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section .row,
.modal-overlay.product-chip_gts .modal-window .modal-content .section .row,
.modal-overlay.product-chip_rs .modal-window .modal-content .section .row,
.modal-overlay.product-chip_s .modal-window .modal-content .section .row,
.modal-overlay.product-connect .modal-window .modal-content .section .row {
width: 100%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section .title,
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section .explanations,
.modal-overlay.product-chip_gts .modal-window .modal-content .section .title,
.modal-overlay.product-chip_gts .modal-window .modal-content .section .explanations,
.modal-overlay.product-chip_rs .modal-window .modal-content .section .title,
.modal-overlay.product-chip_rs .modal-window .modal-content .section .explanations,
.modal-overlay.product-chip_s .modal-window .modal-content .section .title,
.modal-overlay.product-chip_s .modal-window .modal-content .section .explanations,
.modal-overlay.product-connect .modal-window .modal-content .section .title,
.modal-overlay.product-connect .modal-window .modal-content .section .explanations {
margin: 0;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section .title,
.modal-overlay.product-chip_gts .modal-window .modal-content .section .title,
.modal-overlay.product-chip_rs .modal-window .modal-content .section .title,
.modal-overlay.product-chip_s .modal-window .modal-content .section .title,
.modal-overlay.product-connect .modal-window .modal-content .section .title {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 2.28571rem;
text-transform: uppercase;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section .title strong,
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section .title b,
.modal-overlay.product-chip_gts .modal-window .modal-content .section .title strong,
.modal-overlay.product-chip_gts .modal-window .modal-content .section .title b,
.modal-overlay.product-chip_rs .modal-window .modal-content .section .title strong,
.modal-overlay.product-chip_rs .modal-window .modal-content .section .title b,
.modal-overlay.product-chip_s .modal-window .modal-content .section .title strong,
.modal-overlay.product-chip_s .modal-window .modal-content .section .title b,
.modal-overlay.product-connect .modal-window .modal-content .section .title strong,
.modal-overlay.product-connect .modal-window .modal-content .section .title b {
display: block;
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 2.28571rem;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section .title b,
.modal-overlay.product-chip_gts .modal-window .modal-content .section .title b,
.modal-overlay.product-chip_rs .modal-window .modal-content .section .title b,
.modal-overlay.product-chip_s .modal-window .modal-content .section .title b,
.modal-overlay.product-connect .modal-window .modal-content .section .title b {
display: inline;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section .explanations,
.modal-overlay.product-chip_gts .modal-window .modal-content .section .explanations,
.modal-overlay.product-chip_rs .modal-window .modal-content .section .explanations,
.modal-overlay.product-chip_s .modal-window .modal-content .section .explanations,
.modal-overlay.product-connect .modal-window .modal-content .section .explanations {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
line-height: 1.8;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section .explanations p,
.modal-overlay.product-chip_gts .modal-window .modal-content .section .explanations p,
.modal-overlay.product-chip_rs .modal-window .modal-content .section .explanations p,
.modal-overlay.product-chip_s .modal-window .modal-content .section .explanations p,
.modal-overlay.product-connect .modal-window .modal-content .section .explanations p {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
line-height: 1.8;
padding: 0;
margin-bottom: 20px;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-close,
.modal-overlay.product-chip_gts .modal-window .modal-close,
.modal-overlay.product-chip_rs .modal-window .modal-close,
.modal-overlay.product-chip_s .modal-window .modal-close,
.modal-overlay.product-connect .modal-window .modal-close {
right: 30px;
z-index: 100;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level {
background: #242424 url(/media/wysiwyg/product_overlay/background_gradient_intro_block.jpg);
padding-bottom: 35px;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .logo,
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .product-image,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .logo,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .product-image,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .logo,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .product-image,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .logo,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .product-image,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .logo,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .product-image {
width: 25%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .explanations,
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .explanations,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .explanations,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .explanations,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .explanations,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages {
width: 72%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .title,
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .explanations,
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .title,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .explanations,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .title,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .explanations,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .title,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .explanations,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .title,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .explanations,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2 {
padding: 0 0 0 8.33333%;
margin: 0;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .logo,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .logo,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .logo,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .logo,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .logo {
text-align: right;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .logo img,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .logo img,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .logo img,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .logo img,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .logo img {
width: 85%;
height: auto;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .product-image,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .product-image,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .product-image,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .product-image,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .product-image {
padding-top: 25px;
margin: 0 auto;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .explanations,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .explanations,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .explanations,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .explanations,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .explanations {
padding-top: 30px;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2 {
padding-top: 20px;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages:before,
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages:after,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages:before,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages:after,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages:before,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages:after,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages:before,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages:after,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages:before,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages:after,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2:before,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages:after,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages:after,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages:after,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages:after,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages:after,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2:after {
clear: both;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages .advantage,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages .advantage,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages .advantage,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages .advantage,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2 .advantage {
color: #fff;
float: left;
width: 50%;
margin-bottom: 25px;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages .advantage:nth-child(even),
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages .advantage:nth-child(even),
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages .advantage:nth-child(even),
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages .advantage:nth-child(even),
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage:nth-child(even),
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2 .advantage:nth-child(even) {
float: right;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages .advantage .legend,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages .advantage .legend,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages .advantage .legend,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages .advantage .legend,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .legend,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2 .advantage .legend {
font-weight: 500;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages .advantage .legend strong,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages .advantage .legend strong,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages .advantage .legend strong,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages .advantage .legend strong,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .legend strong,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2 .advantage .legend strong {
font-weight: 400;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages .advantage .legend .-not-in-modal,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages .advantage .legend .-not-in-modal,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages .advantage .legend .-not-in-modal,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages .advantage .legend .-not-in-modal,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .legend .-not-in-modal,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2 .advantage .legend .-not-in-modal {
display: none;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.product-slider,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.product-slider,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.product-slider,
.modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider,
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider {
position: relative;
z-index: 2;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 0;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.product-slider .gallery-container,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.product-slider .gallery-container,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.product-slider .gallery-container,
.modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider .gallery-container,
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container {
position: relative;
overflow: auto;
width: 100%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.product-slider .gallery-container ul li,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.product-slider .gallery-container ul li,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.product-slider .gallery-container ul li,
.modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider .gallery-container ul li,
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li {
float: left;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.product-slider .gallery-container ul li .image,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.product-slider .gallery-container ul li .image,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.product-slider .gallery-container ul li .image,
.modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider .gallery-container ul li .image,
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .image {
width: 100%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.product-slider .gallery-container ul li .image figure,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.product-slider .gallery-container ul li .image figure,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.product-slider .gallery-container ul li .image figure,
.modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider .gallery-container ul li .image figure,
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .image figure {
margin: 0;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.product-slider .unslider-arrow,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.product-slider .unslider-arrow,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.product-slider .unslider-arrow,
.modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider .unslider-arrow,
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .unslider-arrow {
display: block;
top: 0;
bottom: 0;
width: 20%;
height: 100%;
z-index: 9;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-repeat: no-repeat;
background-position: center;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.product-slider .unslider-arrow.prev,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.product-slider .unslider-arrow.prev,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.product-slider .unslider-arrow.prev,
.modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider .unslider-arrow.prev,
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .unslider-arrow.prev {
background-position: 10% center;
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/slider-navigate-left-big-black.png);
background-size: 24px auto;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.product-slider .unslider-arrow.next,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.product-slider .unslider-arrow.next,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.product-slider .unslider-arrow.next,
.modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider .unslider-arrow.next,
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .unslider-arrow.next {
background-position: 90% center;
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/slider-navigate-right-big-black.png);
background-size: 24px auto;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.product-slider .unslider-arrow:hover.prev,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.product-slider .unslider-arrow:hover.prev,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.product-slider .unslider-arrow:hover.prev,
.modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider .unslider-arrow:hover.prev,
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .unslider-arrow:hover.prev {
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/slider-navigate-left-big-hover.png);
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.product-slider .unslider-arrow:hover.next,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.product-slider .unslider-arrow:hover.next,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.product-slider .unslider-arrow:hover.next,
.modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider .unslider-arrow:hover.next,
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .unslider-arrow:hover.next {
background-image: url(https://www.racechip.eu/skin/frontend/racechip/default/images/slider-navigate-right-big-hover.png);
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.app,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.app,
.modal-overlay.product-chip_s .modal-window .modal-content .section.app,
.modal-overlay.product-connect .modal-window .modal-content .section.app {
position: relative;
z-index: 99;
margin-top: -70px;
height: 652px;
max-height: 652px;
padding: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
-moz-background-size: cover;
/* Firefox 3.6 */
background-position: center;
/* Internet Explorer 7/8 */
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .title,
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .explanations,
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .store-logos,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.app .title,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.app .explanations,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.app .store-logos,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.app .title,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.app .explanations,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.app .store-logos,
.modal-overlay.product-chip_s .modal-window .modal-content .section.app .title,
.modal-overlay.product-chip_s .modal-window .modal-content .section.app .explanations,
.modal-overlay.product-chip_s .modal-window .modal-content .section.app .store-logos,
.modal-overlay.product-connect .modal-window .modal-content .section.app .title,
.modal-overlay.product-connect .modal-window .modal-content .section.app .explanations,
.modal-overlay.product-connect .modal-window .modal-content .section.app .store-logos {
width: 50%;
margin: 0;
padding-left: 4.6875%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .title,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.app .title,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.app .title,
.modal-overlay.product-chip_s .modal-window .modal-content .section.app .title,
.modal-overlay.product-connect .modal-window .modal-content .section.app .title {
padding-top: 120px;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .explanations,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.app .explanations,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.app .explanations,
.modal-overlay.product-chip_s .modal-window .modal-content .section.app .explanations,
.modal-overlay.product-connect .modal-window .modal-content .section.app .explanations {
padding-top: 30px;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .store-logos,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.app .store-logos,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.app .store-logos,
.modal-overlay.product-chip_s .modal-window .modal-content .section.app .store-logos,
.modal-overlay.product-connect .modal-window .modal-content .section.app .store-logos {
padding-top: 30px;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .store-logos img,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.app .store-logos img,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.app .store-logos img,
.modal-overlay.product-chip_s .modal-window .modal-content .section.app .store-logos img,
.modal-overlay.product-connect .modal-window .modal-content .section.app .store-logos img {
width: 180px;
height: auto;
margin-right: 20px;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up,
.modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up,
.modal-overlay.product-connect .modal-window .modal-content .section.warm-up {
height: 440px;
max-height: 440px;
padding-bottom: 80px;
border-top: 1px solid #fff;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up .title,
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up .explanations,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up .title,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up .explanations,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up .title,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up .explanations,
.modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up .title,
.modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up .explanations,
.modal-overlay.product-connect .modal-window .modal-content .section.warm-up .title,
.modal-overlay.product-connect .modal-window .modal-content .section.warm-up .explanations {
width: 52%;
padding-left: 3.125%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up .title strong,
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up .explanations strong,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up .title strong,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up .explanations strong,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up .title strong,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up .explanations strong,
.modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up .title strong,
.modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up .explanations strong,
.modal-overlay.product-connect .modal-window .modal-content .section.warm-up .title strong,
.modal-overlay.product-connect .modal-window .modal-content .section.warm-up .explanations strong {
display: inline-block;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up .title:before,
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up .title:after,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up .title:before,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up .title:after,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up .title:before,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up .title:after,
.modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up .title:before,
.modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up .title:after,
.modal-overlay.product-connect .modal-window .modal-content .section.warm-up .title:before,
.modal-overlay.product-connect .modal-window .modal-content .section.warm-up .title:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up .title:after,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up .title:after,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up .title:after,
.modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up .title:after,
.modal-overlay.product-connect .modal-window .modal-content .section.warm-up .title:after {
clear: both;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.stages,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.stages,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.stages,
.modal-overlay.product-chip_s .modal-window .modal-content .section.stages,
.modal-overlay.product-connect .modal-window .modal-content .section.stages {
height: 520px;
max-height: 520px;
margin-top: -57px;
padding-top: 240px;
padding-bottom: 60px;
text-align: center;
background-repeat: no-repeat;
background-position: center;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.stages .explanations,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.stages .explanations,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.stages .explanations,
.modal-overlay.product-chip_s .modal-window .modal-content .section.stages .explanations,
.modal-overlay.product-connect .modal-window .modal-content .section.stages .explanations {
margin-top: 30px;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.test-badges,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.test-badges,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.test-badges,
.modal-overlay.product-chip_s .modal-window .modal-content .section.test-badges,
.modal-overlay.product-connect .modal-window .modal-content .section.test-badges {
background-color: #fff;
color: #3c3c3c;
text-align: center;
border-bottom: 1px solid #000;
padding: 50px 4.16667%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.test-badges .title strong,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.test-badges .title strong,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.test-badges .title strong,
.modal-overlay.product-chip_s .modal-window .modal-content .section.test-badges .title strong,
.modal-overlay.product-connect .modal-window .modal-content .section.test-badges .title strong {
display: inline-block;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.test-badges .badges,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.test-badges .badges,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.test-badges .badges,
.modal-overlay.product-chip_s .modal-window .modal-content .section.test-badges .badges,
.modal-overlay.product-connect .modal-window .modal-content .section.test-badges .badges {
width: 90.625%;
margin: 0 auto;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.test-badges .badges .badge,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.test-badges .badges .badge,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.test-badges .badges .badge,
.modal-overlay.product-chip_s .modal-window .modal-content .section.test-badges .badges .badge,
.modal-overlay.product-connect .modal-window .modal-content .section.test-badges .badges .badge {
width: 140px;
margin-right: 20px;
margin-top: 30px;
display: inline-block;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.test-badges .badges .badge:last-child,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.test-badges .badges .badge:last-child,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.test-badges .badges .badge:last-child,
.modal-overlay.product-chip_s .modal-window .modal-content .section.test-badges .badges .badge:last-child,
.modal-overlay.product-connect .modal-window .modal-content .section.test-badges .badges .badge:last-child {
margin-right: 0;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a,
.modal-overlay.product-connect .modal-window .modal-content .section.c2a {
padding: 60px 5.20833%;
background-color: #fff;
color: #3c3c3c;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .exploded-pic,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .exploded-pic,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .exploded-pic,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .exploded-pic,
.modal-overlay.product-connect .modal-window .modal-content .section.c2a .exploded-pic {
width: 45%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations,
.modal-overlay.product-connect .modal-window .modal-content .section.c2a .explanations {
width: 38%;
padding: 40px 2.08333% 0 4.16667%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations p,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations p,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations p,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations p,
.modal-overlay.product-connect .modal-window .modal-content .section.c2a .explanations p {
margin-top: 20px;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button,
.modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button {
width: 17%;
padding-top: 80px;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button button,
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .price-box,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button button,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .price-box,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button button,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .price-box,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button button,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .price-box,
.modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button button,
.modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .price-box {
width: 100%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button button,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button button,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button button,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button button,
.modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button button {
margin-bottom: 10px;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button.discount-container,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button.discount-container,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button.discount-container,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button.discount-container,
.modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button.discount-container {
width: 84.375%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .price-box,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .price-box,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .price-box,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .price-box,
.modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .price-box {
width: 100%;
display: inline-block;
line-height: 47px;
height: 50px;
vertical-align: middle;
text-align: center;
margin: 0 auto;
border: 1px solid #9b9b9b;
position: relative;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 200;
font-style: normal;
font-size: 1.14286rem;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .price-box .price-value,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .price-box .price-value,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .price-box .price-value,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .price-box .price-value,
.modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .price-box .price-value {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.14286rem;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .price-box .-not-available-message,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .price-box .-not-available-message,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .price-box .-not-available-message,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .price-box .-not-available-message,
.modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .price-box .-not-available-message {
display: none;
color: #ea0c0c;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 0.71429rem;
line-height: 1.4;
vertical-align: middle;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-title,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-title,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-title,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-title,
.modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: bold;
font-size: 0.64286rem;
line-height: 10px;
background-color: #9b9b9b;
color: #000;
padding: 3px;
display: block;
position: absolute;
right: -1px;
left: -1px;
top: -16px;
height: 15px;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-price,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-price,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-price,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-price,
.modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-price {
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1rem;
position: relative;
margin-right: 13px;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-price:after,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-price:after,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-price:after,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-price:after,
.modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .price-box .discount-price:after {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
height: 1px;
background-color: #ff0000;
top: 54%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .price-box .price-value,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .price-box .price-value,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .price-box .price-value,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .price-box .price-value,
.modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .price-box .price-value {
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.5rem;
color: #3c3c3c;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .price-box .currency,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .price-box .currency,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .price-box .currency,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .price-box .currency,
.modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .price-box .currency {
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1rem;
color: #3c3c3c;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .include-vat-shipping,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .include-vat-shipping,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .include-vat-shipping,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .include-vat-shipping,
.modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .include-vat-shipping {
padding-top: 3px;
color: #828282;
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.71429rem;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button .include-vat-shipping sup,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button .include-vat-shipping sup,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button .include-vat-shipping sup,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button .include-vat-shipping sup,
.modal-overlay.product-connect .modal-window .modal-content .section.c2a .c2a-button .include-vat-shipping sup {
margin-left: 2px;
}
.modal-overlay.product-chip_gts_black.-not-connect .modal-window .modal-content .section.product-slider,
.modal-overlay.product-chip_gts.-not-connect .modal-window .modal-content .section.product-slider,
.modal-overlay.product-chip_rs.-not-connect .modal-window .modal-content .section.product-slider,
.modal-overlay.product-chip_s.-not-connect .modal-window .modal-content .section.product-slider,
.modal-overlay.product-connect.-not-connect .modal-window .modal-content .section.product-slider {
border-bottom: none;
}
.modal-overlay.product-chip_gts_black.-not-connect .modal-window .modal-content .section.app,
.modal-overlay.product-chip_gts.-not-connect .modal-window .modal-content .section.app,
.modal-overlay.product-chip_rs.-not-connect .modal-window .modal-content .section.app,
.modal-overlay.product-chip_s.-not-connect .modal-window .modal-content .section.app,
.modal-overlay.product-connect.-not-connect .modal-window .modal-content .section.app {
display: none;
}
.modal-overlay.product-chip_gts_black.-not-connect .modal-window .modal-content .section.stages,
.modal-overlay.product-chip_gts.-not-connect .modal-window .modal-content .section.stages,
.modal-overlay.product-chip_rs.-not-connect .modal-window .modal-content .section.stages,
.modal-overlay.product-chip_s.-not-connect .modal-window .modal-content .section.stages,
.modal-overlay.product-connect.-not-connect .modal-window .modal-content .section.stages {
border-top-width: 2px;
margin-top: -7px;
}
.modal-overlay.product-chip_gts_black.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .-not-available-message,
.modal-overlay.product-chip_gts.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .-not-available-message,
.modal-overlay.product-chip_rs.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .-not-available-message,
.modal-overlay.product-chip_s.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .-not-available-message,
.modal-overlay.product-connect.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .-not-available-message {
display: inline-block;
}
.modal-overlay.product-chip_gts_black.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .price-value,
.modal-overlay.product-chip_gts_black.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .currency,
.modal-overlay.product-chip_gts.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .price-value,
.modal-overlay.product-chip_gts.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .currency,
.modal-overlay.product-chip_rs.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .price-value,
.modal-overlay.product-chip_rs.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .currency,
.modal-overlay.product-chip_s.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .price-value,
.modal-overlay.product-chip_s.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .currency,
.modal-overlay.product-connect.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .price-value,
.modal-overlay.product-connect.-not-available .modal-window .modal-content .section.c2a .product-info .price-box .currency {
display: none;
}
.modal-overlay.product-chip_gts .modal-window .modal-content .section.stages {
height: auto;
max-height: 100%;
margin-top: 0;
padding-top: 300px;
padding-bottom: 60px;
border-top: 1px solid #fff;
background-repeat: no-repeat;
background-position: center 60px;
background-size: 62.5%;
}
.modal-overlay.product-chip_rs .modal-window .modal-content .section.stages {
padding-top: 60px;
margin-top: 0;
border-top: 1px solid #fff;
}
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level {
background: #242424 url(/media/wysiwyg/product_overlay/background_gradient_intro_block_s.jpg);
}
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .logo {
text-align: center;
}
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .logo img {
width: 55%;
}
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages .advantage.-feature-tuev {
float: left;
}
.modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider {
border-bottom: none;
}
.modal-overlay.product-chip_s .modal-window .modal-content .section.product-slider .gallery-container ul li .image figure {
margin-bottom: -8px;
}
.modal-overlay.product-chip_s .modal-window .modal-content .section.stages {
height: 560px;
min-height: 560px;
padding-top: 300px;
margin-top: 0;
border-top: 1px solid #fff;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level {
padding-left: 0;
padding-bottom: 25px;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .product-image {
width: 40%;
padding-top: 0;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .title {
padding: 0;
line-height: 1.2;
margin-bottom: 20px;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .explanations {
padding: 15px 0 0;
width: 60%;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages {
padding: 50px 0 0;
width: 60%;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage {
white-space: nowrap;
position: relative;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .image {
position: absolute;
top: 0;
left: 0;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .legend {
width: 100%;
height: 43px;
padding-left: 53px;
vertical-align: middle;
display: table-cell;
white-space: normal;
font-weight: 400;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .legend br {
display: none;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2 {
padding: 50px 0 0;
width: 60%;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2 .advantage {
white-space: nowrap;
position: relative;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2 .advantage .image {
position: absolute;
top: 0;
left: 0;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2 .advantage .legend {
width: 100%;
height: 43px;
padding-left: 53px;
vertical-align: middle;
display: table-cell;
white-space: normal;
font-weight: 400;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2 .advantage .legend br {
display: none;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider {
border-bottom: none;
border-top: none;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li {
position: relative;
background-color: #fff;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .image {
height: 560px;
width: 383px;
display: block;
overflow: hidden;
position: absolute;
top: 0;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .image img {
width: auto;
display: block;
height: 100%;
max-width: none;
float: right;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .desc {
color: #3c3c3c;
height: 560px;
width: 100%;
display: table-cell;
vertical-align: middle;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .desc .title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 1.85714rem;
line-height: 1.2;
margin-bottom: 10px;
padding: 0;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .desc p {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
padding: 0;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.text-white .desc {
color: #fff;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.right .image {
left: 0;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.right .desc {
padding-left: 483px;
padding-right: 100px;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.left .image {
right: 0;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.left .image img {
float: left;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.left .desc {
padding-right: 433px;
padding-left: 100px;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.big-image .image {
width: 50.5%;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.big-image .desc {
padding-left: 53%;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.full-image .image {
width: 100%;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.full-image .image img {
min-width: 100%;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.full-image .desc {
padding-right: 60px;
padding-left: 60px;
position: relative;
z-index: 2;
max-width: 716px;
}
.modal-overlay.product-connect .modal-window .modal-content .section.app-download {
padding: 55px 0 60px;
box-shadow: inset 0 1px 6px -2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: inset 0 1px 6px -2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0 1px 6px -2px rgba(0, 0, 0, 0.4);
background: #fafafa url(https://www.racechip.eu/skin/frontend/racechip/default/images/line-transparent-sides.png) no-repeat center bottom;
background-size: 100%;
}
.modal-overlay.product-connect .modal-window .modal-content .section.app-download .title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 500;
font-style: italic;
font-size: 1.5rem;
color: #3c3c3c;
text-align: center;
text-transform: none;
}
.modal-overlay.product-connect .modal-window .modal-content .section.app-download .store-logos {
text-align: center;
margin: 20px auto 0 auto;
width: 100%;
max-width: 358px;
display: block;
clear: both;
}
.modal-overlay.product-connect .modal-window .modal-content .section.app-download .store-logos a {
margin-right: 24px;
display: inline-block;
}
.modal-overlay.product-connect .modal-window .modal-content .section.app-download .store-logos a img {
width: 165px;
display: block;
height: 49px;
}
.modal-overlay.product-connect .modal-window .modal-content .section.app-download .store-logos a:last-child {
margin-right: 0;
}
.modal-overlay.product-connect .modal-window .modal-content .section.app-download .c2a-button {
width: 320px;
margin: 0 auto;
padding: 30px 0 20px;
display: block;
float: none;
}
.modal-overlay.product-connect .modal-window .modal-content .section.app-download .c2a-button .btn.call-to-action {
line-height: 50px;
outline: none;
color: #fafafa;
display: inline-block;
border-radius: 0;
width: 49%;
vertical-align: middle;
}
.modal-overlay.product-connect .modal-window .modal-content .section.app-download .c2a-button .price-box {
width: 49%;
display: inline-block;
line-height: 47px;
height: 50px;
vertical-align: middle;
text-align: center;
margin: 0 auto;
border: 1px solid #9b9b9b;
position: relative;
}
.modal-overlay.product-connect .modal-window .modal-content .section.app-download .c2a-button .price-box .price-value {
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.5rem;
color: #3c3c3c;
}
.modal-overlay.product-connect .modal-window .modal-content .section.app-download .c2a-button .price-box .currency {
font-family: "Lato", Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1rem;
color: #3c3c3c;
}
.modal-overlay.product-connect .modal-window .modal-content .section.app-download .c2a-button .include-vat-shipping {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.71429rem;
color: #828282;
padding-top: 3px;
width: 49%;
text-align: center;
float: right;
}
.modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones {
background-color: #fafafa;
color: #3c3c3c;
padding: 65px 4.16667%;
}
.modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 600;
font-style: italic;
font-size: 1.71429rem;
text-align: center;
}
.modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container {
font-size: 0;
margin-top: 40px;
}
.modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .apple {
padding-right: 3%;
}
.modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .android {
padding-left: 3%;
background: url(https://www.racechip.eu/skin/frontend/racechip/default/images/line-transparent-sides-vertical.png) no-repeat left center;
}
.modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .apple,
.modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .android {
width: 50%;
display: inline-block;
vertical-align: top;
}
.modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .apple h4,
.modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .android h4 {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.14286rem;
text-align: center;
margin-bottom: 25px;
padding: 0;
}
.modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .apple h4 span,
.modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .android h4 span {
border-bottom: 1px solid #3e3e3e;
padding: 0 25px 4px;
display: inline-block;
}
.modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .apple p,
.modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .apple ul,
.modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .android p,
.modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .android ul {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
margin-bottom: 20px;
padding: 0;
}
.modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .apple ul li,
.modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .android ul li {
margin-bottom: 15px;
padding-left: 20px;
position: relative;
}
.modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .apple ul li:before,
.modal-overlay.product-connect .modal-window .modal-content .section.compatible-smartphones .compatible-smartphones-container .android ul li:before {
content: "\002022";
color: #ea5b0c;
position: absolute;
top: -5px;
left: 0;
font-size: 30px;
line-height: 1.2;
}
@media screen and (max-width: 1024px) {
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .legend br {
display: inline;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2 .advantage .legend br {
display: inline;
}
}
@media screen and (max-width: 960px) {
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .advantages,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .advantages,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .advantages,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .advantages {
clear: both;
width: 100%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .title,
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .explanations,
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app .store-logos,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.app .title,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.app .explanations,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.app .store-logos,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.app .title,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.app .explanations,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.app .store-logos,
.modal-overlay.product-chip_s .modal-window .modal-content .section.app .title,
.modal-overlay.product-chip_s .modal-window .modal-content .section.app .explanations,
.modal-overlay.product-chip_s .modal-window .modal-content .section.app .store-logos {
width: 70%;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .legend br,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2 .advantage .legend br {
display: inline;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .image {
height: 540px;
width: 334px;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .desc {
height: 540px;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.right .desc {
padding-left: 350px;
padding-right: 50px;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.left .desc {
padding-right: 350px;
padding-left: 50px;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.big-image .image {
width: 50.5%;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.big-image .desc {
padding-left: 53%;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.full-image .image {
width: 100%;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.full-image .image img {
min-width: 100%;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li.full-image .desc {
padding-right: 60px;
padding-left: 60px;
position: relative;
z-index: 2;
max-width: 716px;
}
}
@media screen and (max-width: 800px) {
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2 {
width: 100%;
display: block;
margin: 0 auto;
float: none;
clear: both;
padding-top: 0;
padding-left: 8.5%;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .legend,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2 .advantage .legend {
max-width: 100%;
padding-right: 30px;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .legend br,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2 .advantage .legend br {
display: none;
}
}
@media screen and (max-width: 768px) {
.modal-overlay.product-chip_gts_black .modal-window .modal-content,
.modal-overlay.product-chip_gts .modal-window .modal-content,
.modal-overlay.product-chip_rs .modal-window .modal-content,
.modal-overlay.product-chip_s .modal-window .modal-content {
background-color: transparent;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .product-image,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .product-image,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .product-image,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .product-image {
width: 30%;
padding-right: 5.20833%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .row,
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .explanations,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .row,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .explanations,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .row,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .explanations,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .row,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .explanations {
width: 70%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .row,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .row,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .row,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .row {
float: right;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .row .logo,
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .row .title,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .row .logo,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .row .title,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .row .logo,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .row .title,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .row .logo,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .row .title {
float: none;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .row .logo,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .row .logo,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .row .logo,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .row .logo {
width: 35%;
margin-bottom: 20px;
text-align: left;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .row .title,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .row .title,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .row .title,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .row .title {
padding-left: 0;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level .explanations,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.next-level .explanations,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.next-level .explanations,
.modal-overlay.product-chip_s .modal-window .modal-content .section.next-level .explanations {
padding-left: 0;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.app,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.app,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.app,
.modal-overlay.product-chip_s .modal-window .modal-content .section.app {
background-position: 75% 0;
background-size: auto;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up,
.modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up {
background-position: 75% 0;
background-size: auto;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up .title,
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.warm-up .explanations,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up .title,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.warm-up .explanations,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up .title,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.warm-up .explanations,
.modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up .title,
.modal-overlay.product-chip_s .modal-window .modal-content .section.warm-up .explanations {
width: 70%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.stages,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.stages,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.stages,
.modal-overlay.product-chip_s .modal-window .modal-content .section.stages {
height: 580px;
max-height: 580px;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .exploded-pic,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .exploded-pic,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .exploded-pic,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .exploded-pic {
width: 66%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .c2a-button,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .c2a-button,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .c2a-button,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .c2a-button {
width: 33%;
padding-left: 9.11458%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations {
width: 100%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations:before,
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations:after,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations:before,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations:after,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations:before,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations:after,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations:before,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations:after,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations:after,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations:after,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations:after {
clear: both;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations ul,
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations p,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations ul,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations p,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations ul,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations p,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations ul,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations p {
float: left;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations b,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations b,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations b,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations b {
display: block;
clear: both;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations ul,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations ul,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations ul,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations ul {
width: 50%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.c2a .explanations p,
.modal-overlay.product-chip_gts .modal-window .modal-content .section.c2a .explanations p,
.modal-overlay.product-chip_rs .modal-window .modal-content .section.c2a .explanations p,
.modal-overlay.product-chip_s .modal-window .modal-content .section.c2a .explanations p {
width: 33%;
margin-top: -27px;
}
.modal-overlay.product-chip_gts .modal-window .modal-content .section.stages {
padding-top: 250px;
background-position: center 50px;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level {
padding-right: 3.125%;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .product-image {
width: 35%;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .explanations {
width: 65%;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .title {
font-family: "BarlowSemiCondensedItalic", Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.85714rem;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .title strong,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .title b {
font-family: "BarlowSemiCondensedBoldItalic", Arial, Verdana, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.85714rem;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2 {
width: 100%;
float: none;
padding-left: 6.25%;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages:before,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages:after,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2:before,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2:after,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages:after {
clear: both;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages:before,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2:before {
clear: both;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages .advantage .legend br,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level .advantages2 .advantage .legend br {
display: none;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .image {
height: 500px;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .desc {
height: 500px;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .desc .title {
font-family: Roboto, Arial, Verdana, sans-serif;
font-weight: 600;
font-style: italic;
font-size: 1.71429rem;
}
}
/* Modal overlay style - END */
.product_overlay_wrapper .xlr-modal .advantage-box .advantages .advantage .legend {
float: none;
display: inline-block;
vertical-align: middle;
}
.product_overlay_wrapper .xlr-modal .advantage-box .advantages .advantage .image {
display: inline-block;
vertical-align: middle;
}
@media (min-width: 767px) and (max-width: 900px) {
.product_overlay_wrapper .xlr-modal .advantage-box .advantages .advantage .legend {
max-width: 150px;
}
}
.product_overlay_wrapper .xlr-modal .modal-header .top-image {
bottom: 0;
right: 0;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading {
background: url(https://www.racechip.eu/skin/frontend/racechip/default/images/smart-feature-modal-bg.jpg) center no-repeat;
background-size: cover;
padding-left: 390px;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading .explanations,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading .explanations,
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading .advantages,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading .advantages2,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading .advantages {
width: 100%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading .advantages .advantage,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading .advantages .advantage,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading .advantages2 .advantage {
width: 33%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading .product-controller .advantages .advantage,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading .product-controller .advantages .advantage,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading .product-controller .advantages2 .advantage {
width: 50%;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading .advantages .advantage:nth-child(2n),
.modal-overlay.product-connect .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading .advantages .advantage:nth-child(2n),
.modal-overlay.product-connect .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading .advantages2 .advantage:nth-child(2n) {
float: left;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading .title,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading .title {
font-size: 2rem;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.controller-slider.product-slider .gallery-container ul li.big-image .image,
.modal-overlay.product-connect .modal-window .modal-content .section.controller-slider.product-slider .gallery-container ul li.big-image .image {
display: flex;
align-items: center;
justify-content: center;
}
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.controller-slider.product-slider .gallery-container ul li .image img,
.modal-overlay.product-connect .modal-window .modal-content .section.controller-slider.product-slider .gallery-container ul li .image img {
width: 100%;
display: block;
height: auto;
max-width: 220px;
float: none;
margin-bottom: 70px;
}
.wrapper .unslider-nav {
display: none;
}
.wrapper .section.product-slider.controller-slider .unslider-nav {
display: block;
left: 50%;
transform: translate(-50%);
text-align: center;
}
.wrapper .section.product-slider.controller-slider .unslider-nav li {
margin-right: 16px;
width: 30px;
height: 3px;
border: 0;
background: #00000040;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 1px 1px #00000040;
border-radius: 1px;
opacity: 0.66;
}
.wrapper .section.product-slider.controller-slider .unslider-nav li.unslider-active {
background-color: #EA5B0C;
}
.gallery-container.gts-gallery .slider-caption-links {
display: flex;
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 83px;
justify-content: center;
padding-top: 15px;
}
.gallery-container.gts-gallery .slider-caption-links>div {
margin: 0 20px;
text-align: center;
font-size: 18px;
font-weight: 300;
font-size: 16px;
line-height: 22px;
letter-spacing: 0px;
color: #7D7D7D;
cursor: pointer;
height: 25px;
}
.gallery-container.gts-gallery .slider-caption-links>div.active {
font-weight: bold;
color: #000;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading .explanations.product-controller .title,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading .explanations.product-controller .title strong {
font-size: 25px;
}
@media (max-width: 820px) {
.modal-overlay.product-chip_gts_black .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading {
padding-left: 25px;
text-align: center;
background: #000;
padding-right: 25px;
}
}
@media (max-width: 600px) {
.modal-overlay.product-connect #modal-shop-smart-features-details.modal-window .modal-content .section.next-level .advantages,
.modal-overlay.product-connect #modal-shop-smart-features-details.modal-window .modal-content .section.next-level .advantages2 {
max-height: unset !important;
}
.modal-overlay.product-connect .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading .product-controller .advantages .advantage,
.modal-overlay.product-connect .modal-window .modal-content .section.next-level.clear-fix.first.smart-feature-modal-heading .product-controller .advantages2 .advantage {
width: 100%;
}
.modal-overlay.product-connect .modal-window .modal-content .gallery-container.gts-gallery .slider-caption-links,
.modal-overlay.product-connect .modal-window .modal-content .section.controller-slider.product-slider .gallery-container ul li.big-image .image {
display: none;
}
.modal-overlay.product-connect .modal-window .modal-content .section.product-slider .gallery-container ul li .desc {
height: 400px;
}
}