:root {
    --main-color: #FFFFFF;
    --main-bg-color: #1a1a1a;
    --body-bg-color: #1a1a1a;
    --cards-bg-color: #262626;
    --main-text-color: #FFFFFF;
    --result-count-color: #FFFFFF;
    --result-count-bg-color: #0078d6;
    --result-count-start-bg-color: #353D47;

    --secondary-color-lime-green: #D7D600;
    --secondary-color-light-blue: #0078d6;

    /**
        detail and list page
    */
    --price-counter-box-shadow: rgba(0,0,0,0.75);
    --uvp-cross-line: #D60F3E;
    --uvp-old-price-text: #ccc;
    --vehicle-number-h1: #ccc;
    --list-view-block-h3: #fff;
    --detail-list-icon-cl: #ccc;

    --sub-page-banner-overlay: rgba(0, 0, 0, 0.4);

    /**
        start page swiper
     */
    --swiper-border: #696969;
    --swiper-buttons-color: #fff;
    --swiper-bg-color: #262626;
    --swiper-new-price: #ccc;
    --swiper-price-amount-border-top: #696969;

    /**
        global style color
     */
    --main-button-color: #FFFFFF;
    --main-button-bg-color: #0078d6;
    --main-button-hover-color: #FFFFFF;
    --main-button-hover-bg-color: #005fa3;
    --main-h3-color: #fff;

    --heading-font: "MBCorpoATitleCond", sans-serif;
    --heading-color: #FFFFFF;

    /* Vertikaler Rhythmus */
    --h-space-top: 0.6em;
    --h-space-bottom: 0.35em;
}