/*---PEPSI FONT---*/

@font-face {
    font-family: '_pepsi_regular';
    src: url('../fonts/pepsi_pl-webfont.eot');
    src: url('../fonts/pepsi_pl-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pepsi_pl-webfont.woff2') format('woff2'),
         url('../fonts/pepsi_pl-webfont.woff') format('woff'),
         url('../fonts/pepsi_pl-webfont.ttf') format('truetype'),
         url('../fonts/pepsi_pl-webfont.svg#_pepsi_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*--WEBSITE---*/

ul,
li,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    padding: 0px;
    list-style:none;
}

body {
    font-family: 'Francois One', sans-serif;
    margin: 0px;
    padding: 0px;
}

/*---HEADER---*/

header {
    position: relative;
}

.header-container {
    z-index: 200;
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
}

.meta-container {
    width: 100%;
    height: 51px;
    background: #000000;
    color: #ffffff;
}

.menu-metanavigation :first-child{
    padding-left: 8px;
}

.meta-navigation li,
.menu-metanavigation li {
    float: left;
    font-size: 16px;
    line-height: 50px;
    text-transform: uppercase;
}

.meta-navigation li a,
.menu-metanavigation li a {
    color: #ffffff;
    padding: 0 10px;
}

.meta-navigation li.fanshop a {
    background-color: #393939;
    line-height: 50px;
    display: block;
    padding: 0 20px 0 50px;
}

.meta-navigation li.fanshop a:hover {
    background-color: #7f828e;
    text-decoration: none;
}

.meta-navigation li.fanshop:before {
    content: "";
    background-image: url(../img/icon_shop.png);
    background-size: cover;
    width: 29px;
    height: 21px;
    position: absolute;
    margin: 14px 0 0 10px;
}

.meta-navigation li.ig a {
    background-image: url(../img/icon_instagram.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    display: block;
    margin-left: 1px;
}

.meta-navigation li.ig a:hover {
    background-image: url(../img/icon_instagram_hover.png);
}


.meta-navigation li.fb a {
    background-image: url(../img/icon_fb.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 50px;
    height: 50px;
    display: block;
    margin-left: 1px;
}

.meta-navigation li.fb a:hover {
    background-image: url(../img/icon_fb_hover.png);
}

.meta-navigation li.yt a {
    background-image: url(../img/icon_yt.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 50px;
    height: 50px;
    display: block;
    margin-left: 1px;
}

.meta-navigation li.yt a:hover {
    background-image: url(../img/icon_yt_hover.png);
}

.meta-navigation li.hl:after {
    content: "";
    background-image: url(../img/icon_hl.png);
    width: 21px;
    height: 21px;
    position: absolute;
    margin: 14px 0 0 0px;
}

/*---NAVIGATION---*/

#responsive-navigation {
    display: none;
}

.navigation-container .menu-hauptnavigation-container > ul,
.navigation-container .menu-hauptnavigation-english-container > ul {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e7e7e7+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(231,231,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(231,231,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
    height: 90px;
    padding: 30px 30px 0 30px;
}

.navigation-container .menu-hauptnavigation-container > ul > li,
.navigation-container .menu-hauptnavigation-english-container > ul > li {
    float: left;
    margin-right: 20px;
}

.navigation-container .menu-hauptnavigation-container > ul > li > a,
.navigation-container .menu-hauptnavigation-english-container > ul > li > a {
    font-size: 26px;
    color: #878786;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    line-height: 60px;
}

.navigation-container .menu-hauptnavigation-container > ul > li > a:hover,
.navigation-container .menu-hauptnavigation-container > ul > li.current-menu-item > a,
.navigation-container .menu-hauptnavigation-container > ul > li.current-menu-ancestor > a,
.navigation-container .menu-hauptnavigation-english-container > ul > li > a:hover,
.navigation-container .menu-hauptnavigation-english-container > ul > li.current-menu-item > a,
.navigation-container .menu-hauptnavigation-english-container > ul > li.current-menu-ancestor > a {
    color: #373737;
    text-decoration: none;
}

.navigation-container .menu-hauptnavigation-container ul li .sub-menu li.current-menu-item a,
.navigation-container .menu-hauptnavigation-container ul li .sub-menu li.current-menu-ancestor a,
.navigation-container .menu-hauptnavigation-english-container ul li .sub-menu li.current-menu-item a,
.navigation-container .menu-hauptnavigation-english-container ul li .sub-menu li.current-menu-ancestor a {
    color: #ffffff;
}

/*---SUBMENÜ---*/

.navigation-container .menu-hauptnavigation-container ul li .sub-menu,
.navigation-container .menu-hauptnavigation-english-container ul li .sub-menu {
    display: none;
    background-color: #373737;
    padding: 30px 20px;
    margin-top: 0px;
    position: absolute;
}

.navigation-container .menu-hauptnavigation-container ul li .sub-menu:before,
.navigation-container .menu-hauptnavigation-english-container ul li .sub-menu:before {
    content: "";
    background-image: url(../img/arrow_navigation.png);
    width: 29px;
    height: 14px;
    margin: -44px 0 0 0;
    position: absolute;
}

.navigation-container .menu-hauptnavigation-container ul li:hover > ul.sub-menu,
.navigation-container .menu-hauptnavigation-english-container ul li:hover > ul.sub-menu {
    display: block;
}

.navigation-container .menu-hauptnavigation-container ul li:hover a,
.navigation-container .menu-hauptnavigation-english-container ul li:hover a {
    color: #373737;
}

.navigation-container .menu-hauptnavigation-container ul li .sub-menu li a,
.navigation-container .menu-hauptnavigation-english-container ul li .sub-menu li a {
    color: #FEE00D;
    font-size: 20px;
    line-height: 35px;
    font-weight: bold;
    font-style: italic;
}

.navigation-container .menu-hauptnavigation-container ul li .sub-menu li a:hover,
.navigation-container .menu-hauptnavigation-english-container ul li .sub-menu li a:hover {
    text-decoration: none;
    color: #FFFFFF;
}

.navigation-container .menu-hauptnavigation-container ul li:hover > ul.sub-menu li ul.sub-menu,
.navigation-container .menu-hauptnavigation-english-container ul li:hover > ul.sub-menu li ul.sub-menu {
    display: none !important;
}

/*---NAVIGATION IN CONTENT---*/

.sub-menu-in-content-container {
    margin-top: 65px;
}

.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content{
    margin: 0px;
    padding: 0px;
}

.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li{
    list-style: none;
    background-image: none;
    margin: 0px;
    padding: 0px;
}

.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li a,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li a {
    font-size: 20px;
    color: #878786;
    font-weight: bold;
    font-style: italic;
    line-height: 35px;
    background: transparent !important;
    text-transform: none;
}

.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li.current-menu-item > a,
.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li.current-menu-ancestor > a,
.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li.current-menu-ancestor ul > li.current-menu-item > a,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li.current-menu-item > a,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li.current-menu-ancestor > a,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li.current-menu-ancestor ul > li.current-menu-item > a {
    color: #373737;
}



.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li.current-menu-item > ul > li > a,
.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li.current-menu-ancestor > ul > li > a,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li.current-menu-item > ul > li > a,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li.current-menu-ancestor > ul > li > a {
    color: #878786;
}

.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content > li > a:hover,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content > li > a:hover{
    color: #373737;
    text-decoration: none;
}


.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li.current-menu-item > a,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li.current-menu-item > a {
    text-decoration: none;
}

.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li ul.sub-menu,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li ul.sub-menu {
    display: block;
    padding: 0px 0 10px 15px;
}

.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li ul.sub-menu,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li ul.sub-menu {
    display: none;
}

.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li.menu-item-has-children.current-menu-item ul.sub-menu,
.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li.menu-item-has-children.current-menu-item.current-page-ancestor ul.sub-menu,
.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li.current-menu-ancestor ul.sub-menu,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li.menu-item-has-children.current-menu-item ul.sub-menu,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li.menu-item-has-children.current-menu-item.current-page-ancestor ul.sub-menu,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li.current-menu-ancestor ul.sub-menu {
    display: block;
}

.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li ul li a,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li ul li a {
    color: #878786;
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    font-weight: normal;
    letter-spacing: -0.4px;
}

.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li ul li a:hover,
.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li.current-menu-item ul li a:hover,
.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li.current-menu-item ul li.current-menu-item a,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li ul li a:hover,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li.current-menu-item ul li a:hover,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li.current-menu-item ul li.current-menu-item a{
    color: #373737;
}

/*---SUB SUB SUB LEVEL----*/


.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li ul li.current-menu-ancestor > a,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li ul li.current-menu-ancestor > a {
    color: #373737;
}

.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li ul li ul li a,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li ul li ul li a {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
}



.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li ul li ul.sub-menu,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li ul li ul.sub-menu {
    padding-left: 0px;
} 

.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li ul li ul.sub-menu li,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li ul li ul.sub-menu li {
    background-image: url(../img/list-style.png);
    background-size: 11px 9px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding-left: 20px;
    padding-bottom: 0px;
} 

.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li ul li ul.sub-menu,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li ul li ul.sub-menu {
    display: none !important;
}

.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li ul li.current-menu-item ul.sub-menu,
.sub-menu-in-content-container .menu-hauptnavigation-container .sub-menu-in-content li ul li.current-menu-ancestor ul.sub-menu,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li ul li.current-menu-item ul.sub-menu,
.sub-menu-in-content-container .menu-hauptnavigation-english-container .sub-menu-in-content li ul li.current-menu-ancestor ul.sub-menu {
    display: block !important;
}



/*---LOGO---*/

.logo {
    padding-top: 20px;
    float: right;
    width: 181px;
}

.mood-container {
    height: 561px;
    background-position: center;
    background-size: cover;
    padding-top: 51px;
    background-image: url(../img/mood.jpg);
}

.slick-slider {
    margin-bottom: 0;
}

.slick-dots {
    bottom: 20px !important;
}

.slick-dots li button {
    
}

.slick-dots li.slick-active button:before {
    color: #FEE00D !important;
    opacity: 1 !important;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 12px !important;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .5 !important;
    color: #ffffff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-track {
    height: 510px;
}

.slider-background {
    height: 510px;
    background-image: url(../img/mood.jpg);
    background-position: center;
    background-size: cover;
}

/*---Call to Action Navigation - Gelber Bereich---*/

.calltoaction-container {
    height: 70px;
    background-color: #fee00d;
}

.calltoaction-content-container {
    text-align: right;
    width: 100%;
}

.calltoaction-title {
    color: #878786;
    font-weight: normal;
    font-size: 20px;
    font-style: italic;
    text-transform: none;
    color: #373737;
    line-height: 70px;
    
}

.menu-callto-action-navigation-de-container,
.menu-callto-action-navigation-english-container {
    display: inline;
}

.menu-calltoactionnavigation {
    display: inline;
}

.menu-calltoactionnavigation li {
    display: inline;
    padding-left: 10px;

}

.menu-calltoactionnavigation li a {
    font-size: 20px;
    color: #878786;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    color: #373737;
    line-height: 40px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}


.menu-calltoactionnavigation li:after {
    content: "|";
    /*background-image: url(../img/arrow_dark_small.png);*/
    
    margin: 0px 0 0 10px;
    font-size: 20px;
    color: #878786;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    color: #373737;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}

.menu-calltoactionnavigation li:last-of-type:after {
    content:"";
}

/*---FACEBOOK BOX---*/

.startseite iframe {
    width: 360px !important;
    height: 917px !important;
}

.suspensions iframe {
    width: 409px !important;
    height: 1086px !important;
}


/*---CONTENT---*/

.content {
    padding: 70px 0 0 0;
}


/*---TYPOGRAFIE---*/

h1 {
    color: #373737;
    font-size: 35px;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 0px;
}

h2 {
    color: #373737;
    font-size: 28px;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 10px;
    line-height: 32px;
}

h3 {
    color: #373737;
    font-size: 22px;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 10px;
    line-height: 24px;
}

p {
    color: #373737;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 10px;
}

p a {
    color: #FEE00D;
    background-color: #373737;
    padding: 0 5px 0 5px;
    text-transform: uppercase;
    text-decoration: none;
}

p a:visited,
p a:focus,
p a:active {
    color: #FEE00D;
    background-color: #373737;
    text-decoration: none;
}

p a:hover {
    color: #FEE00D;
    background-color: #000000;
    text-decoration: none;
}

.border img {
    border: 1px solid #C7C6C6;
}

.red {
    color: #d20e33;
}

.rsccomment {
    padding: 15px;
    background-color: #E2E2E2;
}

.rsccomment h3 {
    font-size: 18px;
}

.rsccomment p {
    font-size: 14px;
    line-height: 18px;
}

/*a[title],
img[title] {
    display: none !important;
}*/

/*---ANFRAGE---*/

.anfrage-link button,
.anfrage-link a {
    display: block;
    background-color: #373737;
    color: #FEE00D;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;    
    /*line-height: 50px;*/
    padding-left: 20px;    
    background-repeat: no-repeat;
    background-position: right;
    padding: 14px 0 14px 20px;
    
    border: none;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}

.anfrage-link button.disabled,
.anfrage-link a.disabled {
    opacity: 0.5;
}

.anfrage-link button:after,
.anfrage-link a:after {
    content: "";
    background-image: url(../img/arrow_yellow_small.png);
    float: right;
    background-size: cover;
    margin-right: 20px;
    margin-top: 4px;
    width: 9px;
    height: 15px;
}

.anfrage-link button:hover,
.anfrage-link a:hover {
    text-decoration: none;
    background-color: #000000;
}

/*---TABLE STYLES---*/

table {
    width: 100%;
}

table>tbody>tr:nth-of-type(odd) {
    background-color: #C7C6C6;
    background-color: #E2E2E2;
}

table tr th {
    color: #373737;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 10px 8px 10px;
    white-space: nowrap;
}

table tr td {
    color: #373737;
    font-size: 16px;
    line-height: 22px;
    padding: 8px 10px 8px 10px;
    white-space: nowrap;
}

/*---MASONRY GRID---*/

div.pp_default .pp_top .pp_left {
    background: url(../img/sprite.png) -78px -93px no-repeat !important;
}

div.pp_default .pp_content_container .pp_details {
    padding-top: 3px !important;
    margin-top: 0px !important;
}

div.pp_default .pp_nav .currentTextHolder {
    color: #373737 !important;
    font-size: 20px !important;
    font-family: 'Francois One', sans-serif !important;
        left: 80px !important;
}

div.pp_default .pp_description {
    /*font-size: 20px !important;
    font-weight: normal !important;
    margin: 10px 50px 5px 140px !important;*/
    display: none !important;
}

div.pp_default .pp_nav .pp_play {
    background: url(../img/sprite.png) -51px 1px no-repeat !important;
}

div.pp_default .pp_nav .pp_pause {
    background: url(../img/sprite.png) -51px -28px no-repeat !important;
    height: 30px;
    width: 30px;
}

div.pp_default a.pp_arrow_previous {
    background: url(../img/sprite.png) -30px -3px no-repeat !important;
    height: 21px !important;
    width: 21px !important;
}

div.pp_default a.pp_arrow_next {
    background: url(../img/sprite.png) -82px -3px no-repeat !important;
    height: 21px !important;
    width: 21px !important;
}

div.pp_default .pp_close {
    width: 30px;
    height: 30px;
    background: url(../img/sprite.png) 2px 1px no-repeat !important;
    margin-top: 7px !important;
}

/*---Aufzählung im Inhalt---*/

.content ul:not(.slides) {
    padding: 0px 0 5px 0px;
    font-size: 16px;
    line-height: 22px;
    font-style:  normal;
}

.content ul:not(.slides) li {
    background-image: url(../img/list-style.png);
    background-size: 11px 9px;
    background-repeat: no-repeat;
    background-position: 0 7px;
    padding-left: 20px;
    padding-bottom: 5px;
}

.content ul:not(.slides) li a {
    color: #FEE00D;
    background-color: #373737;
    padding: 0 5px 0 5px;
    text-transform: uppercase;
}

.content ul:not(.slides) li a:hover {
    color: #FEE00D;
    background-color: #000000;
    text-decoration: none;
}

.content ul:not(.slides) li ul {
    line-height: 18px;
}

.content ul:not(.slides) li ul li:first-of-type {
    margin-top: 5px;
}

.content ul:not(.slides) li ul li {
    font-weight: normal;
    background-position: 0 9px;
    padding-left: 15px;
    background-image: url(../img/list-style-line.png);
    background-size: 7px 2px;
}

.content ol {
    padding: 0px 0 5px 22px;
    font-size: 16px;
    line-height: 22px;
    font-style:  normal;
}

.content ol li {
    list-style-type: decimal;
    padding-bottom: 5px;
}

/*---Filter---*/

.car-selection {
    margin: 27px 0;
    border-bottom: 1px solid #373737;
    padding-bottom: 30px;
    position: relative;
}

.car-selection select:disabled {
    color: #9e9e9e;
}

/*---Abschluss---*/

.fahrwerk-daten {
    margin: 31px 0 0px 0;
    display: inline-block;
}

.colorName {
    text-transform: uppercase;
}

/*---PRODUCT---*/

.product-container {
    color: #373737;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 30px;
    position: relative;
    border-bottom: 1px solid #373737;
    margin-bottom: 30px;
}



.product-container img {
    width: 100%;
}

.thumbnails {
    
}

.thumbnails img {
    margin: 15px 0 20px 0;
}

.thumbnails img:hover {
    cursor: pointer;
    outline: 2px solid #373737;
}

.thumbnails img.active-thumbnail {
    outline: 2px solid #373737;
}

.addText {
    font-size: 16px;
    line-height: 20px;
    margin: 20px 0;
}

.big {
    font-size: 22px;
}

table.product-price tr td.addCharge {
    border-bottom: 1px solid #393939;
    padding-bottom: 5px;
}

table.product-price tr td.total {
    border-bottom: 3px solid #393939;
    padding: 5px 0;
	padding-right: 10px;
}

table.product-price tr:nth-of-type(odd) {
    background: none;
}

table.product-price {
    margin: 10px 0 20px 0;
}

table.product-price tr td {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.product-detail p {
    padding-bottom: 0px;
}

.paddingbottom15 {
    padding-bottom: 15px !important;
}

.paddingtop15 {
    padding-top: 15px !important;
}

.paddingbottom35 {
    padding-bottom: 35px !important;
}

/*--Renault Farb-Kombis---*/


.colors-combination {
    margin: 10px 0 20px 0;
}

.combination {
    float: left;
    width: 88px;
    height: 30px;
    margin: 0 8px 8px 0;
}

.combination:hover,
.combination.rs-active {
    outline: 2px solid #373737;
    cursor: pointer;
}

.combination:hover .rs-color,
.combination.rs-active .rs-color {
    border: 3px solid #ffffff;
    padding: 5px 5px 5px 5px;
}

.combination:hover .rs-color:first-of-type,
.combination.rs-active .rs-color:first-of-type {
    border-right: 0px;
    border-left: 3px solid #ffffff;
}

.combination:hover .rs-color:last-of-type,
.combination.rs-active .rs-color:last-of-type {
    border-left: 0px;
}

.combination .rs-color {
    width: 44px;
    height: 30px;
    float: left;
    margin: 0 0px 8px 0;
	cursor: pointer;
}

.combination span {
    display: none;
    position: absolute;
    margin: -25px 0 0 -25px;
    padding: 5px;
    width: auto;
    font-size: 14px;
    text-transform: uppercase;
    border: 1px solid #373737;
    background-color: rgba(255,255,255,0.9);
}

.combination:hover span {
    display: block;
}

.colors-combination.fix {
    margin-top: 8px;
}

.colors.fix {
    margin-top: 8px;
}

.colors.fix.secondColor {
    margin-top: 0px;
}

.colors-combination.fix:hover .rs-color,
.colors.fix:hover .color {
    border: 0px;
    padding: 0px;
}

.colors-combination.fix .combination:hover,
.colors.fix .color:hover {
    outline: 0px !important;
    cursor: inherit; 
}

/*--All Brand Farben---*/

.colors {
    margin: 10px 0 20px 0;
}

.color {
    width: 44px;
    height: 30px;
    float: left;
    margin: 0 8px 8px 0;
	cursor: pointer;
}

.color:hover {
    outline: 2px solid #373737;
    padding: 5px;
    border: 3px solid #ffffff;
    cursor: pointer;
}

.color span {
    display: none;
    position: absolute;
    margin: -35px 0 0 -35px;
    padding: 5px;
    width: auto;
    font-size: 14px;
    text-transform: uppercase;
    border: 1px solid #373737;
    background-color: rgba(255,255,255,0.9);
}

.color:hover span {
    display: block;
}

/*---Alle Farben----*/

.active {
    outline: 2px solid #373737;
    padding: 5px;
    border: 3px solid #ffffff;
}

.ral9010 {
    background-color: #ffffff;
    border: 1px solid #C7C6C6;
}

.ral1013 {
    background-color: #e6dfcc;
}

.ral1014 {
    background-color: #dfcea2;
}

.ral1002 {
    background-color: #d0b171;
}

.ral1024 {
    background-color: #b8964f;
}

.ral2000 {
    background-color: #ff5e10;
}

.ral3020 {
    background-color: #bf111b;
}

.ral3027 {
    background-color: #af1d42;
}

.ral1021 {
    background-color: #f2c001;
}

.ral6024 {
    background-color: #249140;
}

.ral5005 {
    background-color: #014785;
}

.ral5013 {
    background-color: #000a45;
}

.ral4006 {
    background-color: #861f60;
}

.ral1001 {
    background-color: #dfc17a;
}

.ral1011 {
    background-color: #b18249;
}

.ral8002 {
    background-color: #6a2717;
}

.ral7039 {
    background-color: #6a6250;
}

.ral7024 {
    background-color: #413e3a;
}

.ral9005 {
    background-color: #000000;
}

.ral9006 {
    background-color: #999999;
}

/*---TEASER BIG---*/

.teaser-big {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7e7e7+0,ffffff+50,e7e7e7+100 */
    background: rgb(231,231,231); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(231,231,231,1) 0%, rgba(255,255,255,1) 50%, rgba(231,231,231,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(231,231,231,1) 0%,rgba(255,255,255,1) 50%,rgba(231,231,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(231,231,231,1) 0%,rgba(255,255,255,1) 50%,rgba(231,231,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
    margin-bottom: 40px;
}

.teaser-big ul {
    padding: 40px 0 5px 0px;
    font-size: 18px;
    line-height: 22px;
    font-style:  italic;
}

.teaser-big ul li {
    background-image: url(../img/list-style.png);
    background-repeat: no-repeat;
    background-size: 11px 9px;
    background-position: 0 7px;
    padding-left: 20px;
}

.teaser-big p {
    padding-bottom: 10px;
}

.teaser-big p:first-of-type {
    margin-top: 20px;
}

.teaser-big a {
    display: block;
    background-color: #373737;
    color: #FEE00D;
    font-size: 25px;
    font-weight: bold;
    font-style: italic;
    margin-top: 0px;
    line-height: 64px;
    padding-left: 20px;
    margin-right: 0px;    
    background-repeat: no-repeat;
    background-position: right;
}

.teaser-big a:after {
    content: "";
    background-image: url(../img/arrow_yellow.png);
    background-size: cover;
    float: right;
    margin-right: 20px;
    margin-top: 20px;
    width: 15px;
    height: 24px;
}

.teaser-big a:hover {
    text-decoration: none;
    background-color: #000000;
}

.teaser-big-bg {
    background-image: url(../img/teaser-big-bg.png);
    background-repeat: no-repeat;
    background-position: 60% 10px;
    width: 100%;   
}

.teaser-big-bg-wheel {
    background-image: url(../img/teaser-big-bg-wheel.png);
    background-repeat: no-repeat;
    background-position: 50% 5px;
    width: 100%;
}

/*---TEASER STANDARD---*/

.teaser {
    margin-bottom: 40px;
}

.teaser img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
}

.teaser a {
    /*display: block;
    background-color: #373737;
    color: #FEE00D;
    font-size: 25px;
    font-weight: bold;
    font-style: italic;    
    line-height: 64px;
    padding-left: 20px;    
    background-repeat: no-repeat;
    background-position: right;*/
    display: block;
    background-color: #373737;
    color: #FEE00D;
    font-size: 23px;
    font-weight: bold;
    font-style: italic;
    line-height: 30px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: right;
    padding: 17px 0 17px 20px;
}

.teaser a:after {
    content: "";
    background-image: url(../img/arrow_yellow.png);
    background-size: cover;
    float: right;
    margin-right: 20px;
    margin-top: 2px;
    width: 15px;
    height: 24px;
}

.teaser a:hover {
    text-decoration: none;
    background-color: #000000;
}

.teaser p {
    padding-bottom: 0px;
}

/*---BREADCRUMBS---*/

.breadcrumbs {
    margin-top: 40px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #000000;
}

.breadcrumbs span {
    padding-right: 8px;
    margin-right: 0px;
    margin-left: 2px;
}

.breadcrumbs span:last-of-type:after {
    background-image: none;
}

.breadcrumbs span:after {
    content: '';
    background-image: url(../img/arrow_breadcrumbnavigation.png);
    width: 7px;
    height: 10px;
    position: absolute;
    margin-top: 6px;
}

.breadcrumbs-title:after {
    background-image: none !important;
}

.breadcrumbs-title {
    padding-left: 0px !important;
    margin-left: 0px !important;
}

.breadcrumbs a {
    color: #373737;
}

/*---FORMULARE---*/

.formular-daten {
    border-bottom: 1px solid #373737;
    padding-bottom: 30px;
    margin: 0px 0px 27px 0;
}

input[type=text],
input[type=email],
select,
textarea {
    width: 100%;
    background-color: #e2e2e2;
    border: 0px;
    margin-bottom: 20px;
    padding: 0 10px;
    font-size: 18px;
    color: #373737;
}

input[type=text],
input[type=email],
input[type=submit],
select {
    height: 50px;
}

select {
    padding: 0 5px;
}

textarea {
    resize: none;
    padding: 10px;
    height: 262px;
}

input[type=submit] {
    background-color: #373737;
    border: 0px;
    color: #FEE00D;
    width: 100%;
    font-size: 25px;
    font-style: italic;
    margin-bottom: 20px;
    text-transform: uppercase
}

input[type=submit]:hover {
    background-color: #000000;
}

label {
    font-size: 22px;
    color: #373737;
    font-weight: normal;
}

input[type=checkbox] {
    margin: -1px 5px 20px 0px;
    padding: 0px;
    width: 25px;
    height: 25px;
    float: left;
}

span.wpcf7-list-item-label {
    color: #373737;
    text-transform: uppercase;
    font-size: 16px;
}

span.wpcf7-list-item {
    margin-left: 0px !important;
}

.inactive,
.inactive label {
    color: #989898;
}

.fixed-content {
    display: block;
    width: 100%;
    background-color: #e2e2e2;
    border: 0px;
    margin-bottom: 20px;
    padding: 0 10px;
    font-size: 18px;
    color: #9e9e9e;
    height: 50px;
    padding-top: 13px;
}

/*---Anfrage Formular---*/

.anfrage h2,
.anfrage span.wpcf7-list-item-label {
    color: #FFFFFF;
}

.anfrage .wpcf7-checkbox {
    float: left;
    margin-right: 30px;
}

.anfrage {
    padding: 30px;
    background-color: #373737;
}

.anfrage input[type=text],
.anfrage input[type=email],
.anfrage select,
.anfrage textarea {
    width: 100%;
    background-color: #ffffff;
    border: 0px;
    margin-bottom: 20px;
    padding: 0 10px;
    font-size: 18px;
}

.anfrage input[type=text],
.anfrage input[type=email],
.anfrage input[type=submit],
.anfrage select {
    height: 40px;
}

.anfrage select {
    padding: 0 5px;
}

.anfrage textarea {
    resize: none;
    padding: 10px;
    height: 140px;
}

.anfrage input[type=submit] {
    background-color: #FEE00D;
    border: 0px;
    color: #373737;
    width: 100%;
    font-size: 25px;
    font-style: italic;
    margin-bottom: 20px;
}

.anfrage input[type=submit]:hover {
    background-color: #ffffff;
    border: 0px;
    color: #373737;
    width: 100%;
    font-size: 25px;
    font-style: italic;
    margin-bottom: 20px;
}

.anfrage label {
    font-size: 18px;
    color: #ffffff;
    font-weight: normal;
}

/*---Formular Validierung---*/

.anfrage .wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required.wpcf7-not-valid {
    background: none !important;
}

.anfrage span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required.wpcf7-not-valid span {
    color: #FEE00D;
}

.wpcf7-not-valid,
.wpcf-spam-blocked {
    background-color: #FEE00D !important;
}

.wpcf7-not-valid-tip {
    display: none !important;
}

.wpcf7 form .wpcf7-response-output {
    border: 0px;
    background-color: #e2e2e2 !important;
    margin: 0px;
    padding: 15px;
    font-size: 20px;
}

.wpcf7 form.invalid .wpcf7-response-output {
    background-color: #FEE00D !important;
}

.wpcf7 img.ajax-loader {
    display: none !important;
}

/*---Google Maps---*/

.wpb_gmaps_widget .wpb_wrapper {
    background-color: #f7f7f7;
    padding: 0px !important;
}

/*---FOOTER---*/

footer .footer-container-top {
    border-bottom: 1px solid #878785;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

footer .footer-container{
    background-color: #373737;
    padding: 20px 0;
}

/*--Footer Navigation---*/

.menu-footernavigation-container ul,
.menu-footernavigation-english-container ul {
    margin-right: 20px;
}

.menu-footernavigation-container > ul > li,
.menu-footernavigation-english-container > ul > li {
    float: left;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 14px;
}

.menu-footernavigation-container > ul > li > a,
.menu-footernavigation-english-container > ul > li > a {
    color: #ffffff;
}

.menu-footernavigation-container ul li ul li,
.menu-footernavigation-english-container ul li ul li {
    line-height: 22px;
}

.menu-footernavigation-container ul > li > ul > li > a,
.menu-footernavigation-english-container ul > li > ul > li > a {
    color: #c7c6c6;
    text-transform: none;
    display: block;
}

.menu-footernavigation-container ul li a:hover,
.menu-footernavigation-english-container ul li a:hover {
    color: #ffffff;
    text-decoration: none;
}

/*---Powered by RS Center---*/

.powered  {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 30px;
}

/*---FOOTER ABSCHLUSS---*/

.copyright {
    color: #ffffff;
    text-transform: none;
    font-size: 14px;
}

.copyright a {
    color: #ffffff;
    text-transform: none;
}

/*---TEXT MARKIERUNG---*/

::-moz-selection { 
   color:#FFFFFF; 
   background: #373737;
   text-shadow: none; 
}

::selection { 
   color:#FFFFFF; 
   background: #373737;
   text-shadow: none; 
}

.loading-screen {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    
    z-index: 5;
    
    display: none;
}

.loading-screen.visible {
    display: flex;
    flex-grow: 1;
    
    align-items: center;
    justify-content: center;
}

.loading-screen .loader-inner div {
    background-color: #555555;
}

/*---404 ERROR---*/

.error-container h1 {
    
}

img.error {
    width: 401px;
    height: 200px;
    margin: 30px 0;
}