:root {
    --body-bg-color: hsla(216, 23%, 8%, 1);
    --cards-bg-color: #1E2127 !important;
    --main-text-color: rgba(252, 252, 253, 0.7);
    --main-color: #0b1215;
    --main-bg-color: hsla(216, 23%, 8%, 1);
    --result-count-color: #FFFFFF;
    --result-count-bg-color: #667080;
    --result-count-start-bg-color: #353D47;
    /**
        detail and list page
    */
    --price-counter-box-shadow: rgba(0,0,0,0.75);
    --uvp-cross-line: #D60F3E;
    --uvp-old-price-text: #54575b;
    --vehicle-number-h1: #54575b;
    --list-view-block-h3: #353D47;

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

    /**
        start page swiper
     */
    --swiper-border: #ced4da;
    --swiper-buttons-color: #fff;
    --swiper-bg-color: #eee;
    --swiper-new-price: #999;
    --swiper-price-amount-border-top: #ced4da;

    /**
        global style color
     */
    --main-button-color: rgba(252, 252, 253, 0.7);
    --main-button-bg-color: #677080;
    --main-button-hover-color: #2c333f;
    --main-button-hover-bg-color: #2c333f;
    --main-h3-color: #fff;

    --heading-font: "Audi Type", sans-serif;
    --heading-color: rgb(252, 252, 253);

    --primary-color: #002864;
    --secondary-color: #002864;

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