.co2-popover-row {
    width: 400px;
    max-width: 100%;
}

.co2-popover-row.discharged-battery {
    width: 260px;
    max-width: initial;
}

.co2-popover-row.discharged-battery > div:first-child {
    padding-left: 0;
    padding-right: 7px;
}
.co2-popover-row.discharged-battery > div:last-child {
    padding-right: 0;
    padding-left: 7px;
}

.co2-popover-row.discharged-battery img {
    height: 114px;
    width: auto !important;
}

@keyframes ripple-loader {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}

.cursor-pointer {
    cursor: pointer;
}

.swal2-content a {
    text-decoration: underline;
}

.co2-dat {
    font-size: 18px;
}

/* Sticky footer styles
-------------------------------------------------- */
@media (max-width: 991px) {
    .umm-eet9ur {
        bottom: calc(11% + 20px) !important;
    }

    .umm-1e1hcg7 {
        bottom: calc(11% + 72px) !important;
    }

    .umm-hquvbo {
        right: calc(2% + 24px) !important;
        bottom: calc(2% + 20px) !important;
    }
}

.w-auto {
    width: auto !important;
}

.obbe-small {
    line-height: 0.8;
}

.swal2-html-container {
    padding-top: 15px;
}

.swal2-html-container .store-test-change-dialog-clicked-option-thumb img {
    width: 100%;
    max-width: 150px;
}

.swal2-html-container .popover-body .feature-details-dialog-image-wrap img {
    max-width: 100%;
    width: min(100%, 550px);
    padding-bottom: 1rem;
}

.breakhere {
    page-break-after: always
}

.header-pdf {
    border-bottom: 2px solid #b58f6e;
    padding-bottom: 20px;
    padding-top: 10px;
}

.first-content-container {
    min-height: 615px;
}

.table th {
    border-top: none;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

.ctabox-citroen {
    padding: 55.5px 35px;
    width: 215px;
}

.ctabox-psa {
    width: 215px;
    padding: 32.6px 0;
}

.border-blue {
    border: 2px solid #026aa7;
}

.text-black {
    color: var(--text-black-color) !important;
}

.items-center {
    align-items: center;
}

.mt-10, .my-10 {
    margin-top: 10rem !important;
}

.button-grey.cta {
    padding-top: 12px;
    padding-bottom: 12px;
}

.button-grey.cta:hover {
    color: white;
    text-decoration: underline;
}

.button-white-arrow-right:hover {
    color: #da291c;
    text-decoration: none;
}

.button-box-toggle span:hover {
    color: #da291c !important;
    text-decoration: none;
}

/* BEGIN PSA*/

.text-upper-case {
    text-transform: uppercase;
}

.btn-full {
    width: 100%;
    height: 100%;
}

.co2-label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    max-width: 400px;
}

.w-20 {
    width: 20% !important;
}

.w-70 {
    width: 70% !important;
}

a {
    line-height: inherit;
    color: var(--ap-primary);
    text-decoration: none;
    cursor: pointer;
}

.legal a, .offer a {
    text-decoration: underline;
}

/* END PSA*/

/* Begin Site elements */

.header-img .col {
    padding-left: 0;
    padding-right: 0;
}

.header-img img {
    width: 100%;
    height: auto;
}

.header-welcome {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

.header-welcome p {
    margin-bottom: 0px;
}

.header-financial-offers {
    margin-top: 110px;
    margin-bottom: 35px;
}

.fairness-box-wrapper {
    margin-top: 120px;
    background-color: #d9dbdd;
    padding-top: 30px;
    padding-bottom: 30px;
}

.fairness-box-wrapper .fairness-box {
    width: 100%;
    max-width: 640px;
}

.our-promise-headline {
    font-size: 38px;
    line-height: 0.90;
    text-transform: uppercase;
    color: #8a9496;
    margin: 30px 0;
    text-align: center;
}

.Rectangle {
    width: 10%;
    height: 2px;
    margin: 0 auto;
    background-color: #8a9496;
}

@media print, screen and (min-width: 992px) {
    .Rectangle {
        background-color: transparent;
        height: 10px;
        position: relative;
        z-index: 0;
    }

    .Rectangle .inner {
        background-color: #da291c;
        border: solid 2px #8a9496;
        border-width: 2px 0 2px 2px;
        position: absolute;
        height: 10px;
        width: 100%;
        right: 0;
        top: 0;
    }

    .Rectangle .inner:before {
        content: '';
        position: absolute;
        height: 0;
        width: 0;
        right: -6px;
        top: -14px;
        border-style: solid;
        border-width: 17px 0 17px 17px;
        border-color: transparent transparent transparent #8a9496;
        z-index: -1;
    }

    .Rectangle:after {
        content: '';
        position: absolute;
        height: 0;
        width: 0;
        right: -2px;
        top: -6px;
        border-style: solid;
        border-width: 11px 0 11px 11px;
        border-color: transparent transparent transparent #da291c;
    }

    .pulsar-1,
    .pulsar-2,
    .pulsar-3,
    .pulsar-4,
    .pulsar-15,
    .pulsar-25,
    .pulsar-35 {
        opacity: .1;
        animation: pulsar 1s ease-in;
        animation-fill-mode: forwards;
        animation-delay: 1s;
    }

    _:-ms-fullscreen,
    :root .pulsar-1,
    :root .pulsar-15,
    :root .pulsar-2,
    :root .pulsar-25,
    :root .pulsar-3,
    :root .pulsar-35,
    :root .pulsar-4 {
        opacity: 1;
    }

    .pulsar-15 {
        animation-delay: 1500ms;
    }

    .pulsar-2 {
        animation-delay: 2s;
    }

    .pulsar-25 {
        animation-delay: 2500ms;
    }

    .pulsar-3 {
        animation-delay: 3s;
    }

    .pulsar-35 {
        animation-delay: 3500ms;
    }

    .pulsar-4 {
        animation-delay: 4s;
    }

    @keyframes pulsar {
        0% {
            opacity: .1;
        }

        100% {
            opacity: 1;
        }
    }
}

.lh-light {
    line-height: 1.2;
}

.step-wrapper {
    text-align: center;
    font-size: 15px;
    line-height: 1.23;
    height: 100%;
}

.step-box {
    line-height: 100px;
}

@media (max-width: 767.98px) {
    .fairness-box-wrapper .fairness-box {
        padding-left: 15px;
        padding-right: 15px;
    }

    .fairness-box-wrapper .fairness-box .row *:last-child .row {
        margin-top: 20px;
    }
}

.fairness-box-wrapper .fairness-box .headline {
    font-size: 38px;
    line-height: 0.90;
    text-transform: uppercase;
    color: #8a9496;
    text-align: left;
}

@media (max-width: 767.98px) {
    .fairness-box-wrapper .fairness-box .headline {
        text-align: center;
    }
}

.fairness-box-wrapper .fairness-box .fairness-btn {
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.18px;
    text-transform: uppercase;
    margin-top: 10px;
}

.fairness-box-wrapper .fairness-box .fairness-btn:hover span {
    color: #da291c;
}

.fairness-box-wrapper .fairness-box .fairness-btn span {
    color: #8a9496;
    text-decoration: none;
    margin-top: -2px;
    display: inline-block;
    vertical-align: bottom;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.fairness-box-wrapper .fairness-box .fairness-btn:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    background: url("/img/citroen/arrow_right_big_red.png") top left no-repeat;
    width: 9px;
    height: 17px;
}

.financial-offers .financial-offers-box {
    margin-bottom: 76px;
}

@media (max-width: 1140px) {
    .financial-offers .financial-offers-box {
        margin-bottom: 110px;
    }
}

@media (max-width: 1000px) {
    .financial-offers .financial-offers-box {
        margin-bottom: 145px;
    }
}

@media (max-width: 991.98px) {
    .financial-offers .financial-offers-box {
        margin-bottom: 100px;
    }
}

@media (max-width: 767.98px) {
    .financial-offers .financial-offers-box {
        margin-bottom: 80px;
    }
}

@media (max-width: 780px) {
    .step-wrapper {
        font-size: 15px;
    }
}

@media (max-width: 592px) {
    .financial-offers .financial-offers-box {
        margin-bottom: 100px;
    }

    .our-promise-vehicle {
        height: 110px;
    }

    .our-promise-checklist {
        font-size: 1.5em;
    }
}

@media (max-width: 991.98px) {
    .financial-offers-box-wrapper {
        margin-bottom: 210px;
    }
}

.financial-offers-box .col {
    padding-left: 0;
    padding-right: 0;
}

.financial-offers-box img {
    width: 100%;
    height: auto;
}

.financial-offers-box .popup {
    width: 360px;
    background-color: white;
    color: #000;
    border: solid 8px #999292;
    position: absolute;
    left: 37px;
    top: 144px;
    padding-top: 18px;
    padding-bottom: 25px;
    padding-left: 27px;
    padding-right: 27px;
}

.financial-offers-box .popup:after {
    content: "";
    background: url("/img/citroen/box_arrow_right.png") top left no-repeat;
    width: 32px;
    height: 38px;
    position: absolute;
    right: -32px;
    top: 45px;
}

.our-promise-vehicle {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.our-promise-box-wrapper .our-promise-box {
    padding-left: 15px;
    padding-right: 15px;
}

.our-promise-box-wrapper {
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 0;
}

.our-promise-checklist {
    font-size: 1.8em;
    line-height: 0.90;
    color: #8a9496;
}

.our-promise-checklist ul {
    padding: 0;
    list-style-type: none;
}

.our-promise-checklist ul li {
    line-height: 1.1;
    padding-left: 40px;
    position: relative;
}

.our-promise-checklist ul li:not(:last-child) {
    margin-bottom: 16px;
}

.our-promise-checklist ul li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    background: url("/img/citroen/check-icon.png") top left no-repeat;
    background-size: cover;
}

@media (max-width: 991.98px) {
    .financial-offers-box .popup {
        left: auto;
        right: 150px;
        top: calc(100% - 16px);
    }

    .financial-offers-box .popup:after {
        background: url("/img/citroen/box_arrow_top.png") top left no-repeat;
        width: 38px;
        height: 32px;
        right: 45px;
        top: -32px;
    }
}

@media (max-width: 767.98px) {
    .financial-offers-box .popup {
        left: auto;
        right: 110px;
        top: calc(100% - 16px);
    }
}

@media (max-width: 575.98px) {
    .financial-offers-box .popup {
        left: auto;
        right: 15px;
        top: 100%;
    }

    .step-wrapper {
        font-size: 13px;
    }

    .step-box {
        line-height: 50px;
        margin-bottom: 4px;
    }

    .Rectangle {
        width: 8%;
        margin-top: -26px;
    }

    .our-promise-headline {
        margin-bottom: 10px;
        font-size: 24px;
    }

    .our-promise-checklist ul li {
        padding-left: 30px;
    }

    .our-promise-checklist ul li:not(:last-child) {
        margin-bottom: 12px;
    }

    .our-promise-checklist ul li:before {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 420px) {
    .Rectangle {
        width: 4%;
        margin-top: -23px;
    }

    .our-promise-checklist {
        font-size: 1.5em;
    }
}

@media (max-width: 380px) {
    .our-promise-vehicle {
        height: 100px;
    }
}

@media (max-width: 350px) {
    .our-promise-checklist {
        font-size: 1.2em;
    }
}

@media (max-width: 320px) {
    .our-promise-checklist {
        font-size: 1.2em;
    }

    .our-promise-vehicle {
        height: 80px;
    }
}

.financial-offers-box .headline {
    font-size: 26px;
    line-height: 1;
    letter-spacing: 0.18px;
    text-transform: uppercase;
    color: #000;
}

.financial-offers-box .price {
    font-size: 36px;
    line-height: 1;
    letter-spacing: 0.18px;
    color: #796867;
}

.financial-offers-box .bullet {
    font-size: 18px;
    line-height: 0.1;
    letter-spacing: 0.18px;
    color: #000;
}

.financial-offers-box .bsp {
    font-size: 14px;
    line-height: 1;
    color: #000;
    padding-top: 8px;
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 1000px) {
    .financial-offers-box .bsp-wrapper {
        padding-left: 15px;
        padding-right: 15px;
        position: absolute;
        top: -25px;
        width: 100%;
    }

    .financial-offers-box .bsp {
        justify-content: flex-start;
    }
}

@media (max-width: 633px) {
    .financial-offers-box .bsp-wrapper {
        top: -38px;
    }
}

.slider {
    position: relative;
    max-width: 1350px;
}

.slider .prev {
    position: absolute;
    top: 50%;
    margin-top: -37px;
    left: -16px;
    cursor: pointer;
}

.slider .next {
    position: absolute;
    top: 50%;
    margin-top: -37px;
    right: -16px;
    cursor: pointer;
}

.slider .start-slider-slide {
    padding: 0;
    min-height: 420px;
    position: relative;
}

@media (max-width: 767.98px) {
    .slider .start-slider-slide {
        min-height: 630px;
    }
}

.slider .start-slider-slide-background {
    position: absolute;
    background-position: left center;
    background-repeat: no-repeat;
    width: 100%;
    height: 420px;
}

@media (max-width: 767.98px) {
    .slider .start-slider-slide-background {
        position: absolute;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 210px;
    }
}

.slider .start-slider-slide-details {
    position: absolute;
    top: 0px;
    left: 35px;
    background: rgba(255, 255, 255, 0.85);
    width: 445px;
    height: 100%;
    color: #fff;
    padding-left: 36px;
    padding-right: 36px;
    padding-top: 30px;
    padding-bottom: 30px;
    border: solid 4px #8a9496;
}

@media (max-width: 767.98px) {
    .slider .start-slider-slide-details {
        top: 210px;
        left: 0px;
        background: rgba(255, 255, 255, 1.00);
        width: 100%;
        height: 420px;
    }
}

.slider .headline {
    font-size: 22px;
    color: #6e6e6e;
}

.slider .content {
    font-size: 16px;
    line-height: 2.5;
    color: #6e6e6e;
}

.legal-info-text-wrapper {
    background-color: #f2f0f0;
}

.legal-info-text-wrapper p {
    text-align: left;
}

.legal-info-text-wrapper .legal-info-text {
    padding-top: 2em;
    padding-bottom: 1em;
}

.legal-info-text-wrapper .legal-info-text .sub-headline {
    font-size: 22px;
    line-height: 1.2;
    color: #8a9496;
}

.legal-info-text-wrapper .legal-info-text .headline {
    font-size: 30px;
    line-height: 1.2;
    color: #000;
}

.legal-info-text-wrapper .legal-info-text .highlight-headline {
    font-size: 40px;
    line-height: 1.2;
    color: #da291c;
}

.legal-info-text-wrapper .legal-info-text .content {
    max-width: 930px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
}

.legal-info-text-wrapper .legal-info-text .content a {
    text-decoration: none;
    color: #da291c;
}

.gallery-wrapper {
    background-color: #f5f5f5;
    padding-top: 1rem;
}

.default-theme .gallery-wrapper {
    margin-top: 2rem;
}

.gallery .headline {
    font-size: 38px;
    line-height: 1;
    text-align: left;
}

.gallery .sub-headline {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.2;
    text-transform: uppercase;
    color: #000000;
    text-align: left;
}

.gallery {
    position: relative;
}

.gallery .gallery-slider {
    height: 100%;
}

.gallery .gallery-slider .gallery-slider-slide img {
    width: 100%;
    height: auto;
}

.gallery .config-layer {
    width: 100%;
    height: 100%;
    padding-top: 30px;
    padding-bottom: 60px;
}

@media print, screen and (min-width: 992px) {
    .gallery .config-layer {
        padding-left: 20px;
    }
}

.gallery .config-layer .max-width-elements {
    width: 263px;
}

@media print, screen and (max-width: 991.98px) {
    .gallery .config-layer .max-width-elements {
        width: 100%;
    }
}

.gallery .config-layer .text-top {
    font-size: 24px;
    line-height: 1.5;
    color: #8a9496;
    margin-bottom: 0px;
}

.gallery .config-layer .transport-costs-separated {
    font-size: 15px;
    line-height: 1.5;
    color: #3B3938;
    margin-bottom: 0px;
}

.gallery .config-layer .label {
    font-size: 15px;
    line-height: 1.5;
    color: #000;
    margin-bottom: 0px;
}

.gallery .config-layer .text-registry {
    font-size: 15px;
    line-height: 1.1;
    color: #3B3938;
    margin-bottom: 0px;
}

.gallery .slick-initialized .slick-slide div {
    display: block;
    height: 100%;
}

.gallery .gallery-slider .slick-list {
    height: 100%;
}

.gallery .gallery-slider .slick-track {
    height: 100%;
}

.gallery .gallery-slider .slick-list .slick-track .gallery-slider-slide {
    height: 100%;
    padding: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.gallery .gallery-slider-controls-container {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
}

@media all and (display-mode: fullscreen) {
    .gallery .gallery-slider-controls-container {
        bottom: 100px;
    }
}

.gallery .gallery-slider-controls {
    display: flex;
    justify-content: center;
}

.gallery .gallery-slider-controls .prev {
    cursor: pointer;
    padding-right: 25px;
}

.gallery .gallery-slider-controls .next {
    cursor: pointer;
    padding-left: 25px;
}

.gallery .gallery-slider-controls .custom-dots {
    height: 100%;
    padding-left: 0;
    display: flex;
    align-items: center;
}

.gallery .gallery-slider-controls .custom-dots li {
    margin: 0 0 0 .5em;
    list-style: none;
    cursor: pointer;
}

.gallery .gallery-slider-controls .custom-dots li:nth-child(1) {
    margin-left: 0;
}

.gallery .gallery-slider-controls .custom-dots li img:nth-child(1) {
    display: block;
}

.gallery .gallery-slider-controls .custom-dots li img:nth-child(2) {
    display: none;
}

.gallery .gallery-slider-controls .custom-dots li.slick-active img:nth-child(1) {
    display: none;
}

.gallery .gallery-slider-controls .custom-dots li.slick-active img:nth-child(2) {
    display: block;
}

@media (min-width: 992px) {
    .gallery .gallery-fullscreen-container {
        padding-top: 30px;
    }
}

.gallery .gallery-fullscreen-wrapper {
    position: relative;
}

.headline {
    font-size: 38px;
    color: #000;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.teaser-text {
    font-size: 24px;
    line-height: 1.78;
    letter-spacing: -0.2px;
    color: #8a9496;
    margin-top: 0px;
}

.sub-headline {
    font-size: 22px;
    color: #0b2032;
}

.sub-headline-grey {
    font-size: 22px;
    color: #8a9496;
}

.sub-headline-legal {
    font-size: 16px;
    color: #0b2032;
    margin-top: -5px;
}

.transport-costs-separated {
    margin-top: -10px;
}

.motor-tarif-box-wrapper p {
    text-align: left;
}

.motor-tarif-box .resp-margin-top,
.tarif2-box-wrapper .resp-margin-top {
    margin-top: 30px;
}

.motor-tarif-box h3 {
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .motor-tarif-box .resp-margin-top,
    .tarif2-box-wrapper .resp-margin-top {
        margin-top: 0px;
    }
}

.motor-tarif-box img,
.tarif2-box-wrapper img {
    width: 100%;
    height: auto;
}

.motor-tarif-box .listdots,
.tarif2-box-wrapper .listdots {
    padding-right: 5px;
}

.motor-tarif-box .listdots ul,
.tarif2-box-wrapper .listdots ul {
    margin-bottom: 0;
    list-style-type: none;
}

.motor-tarif-box .listdots ul li,
.tarif2-box-wrapper .listdots ul li {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.18px;
    color: #000;
    position: relative;
    margin-left: -22px;
}

.motor-tarif-box .listdots ul li:before,
.tarif2-box-wrapper .listdots ul li:before {
    content: "";
    position: absolute;
    left: -17px;
    top: 10px;
    background: #000;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 10px;
}

.motor-tarif-box .listnodots,
.tarif2-box-wrapper .listnodots {
    padding-right: 5px;
}

.motor-tarif-box .listnodots ul,
.tarif2-box-wrapper .listnodots ul {
    margin-bottom: 0;
    list-style-type: none;
}

.motor-tarif-box .listnodots ul li,
.tarif2-box-wrapper .listnodots ul li {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.18px;
    color: #000;
    position: relative;
    margin-left: -40px;
}

.motor-tarif-box .listnodotsbold,
.tarif2-box-wrapper .listnodotsbold {
    padding-right: 5px;
}

.motor-tarif-box .listnodotsbold ul,
.tarif2-box-wrapper .listnodotsbold ul {
    margin-bottom: 0;
    list-style-type: none;
}

.motor-tarif-box .listnodotsbold ul li,
.tarif2-box-wrapper .listnodotsbold ul li {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.18px;
    color: #000;
    position: relative;
    margin-left: -40px;
}

@media (max-width: 991.98px) {
    .motor-tarif-box .listdots ul li,
    .tarif2-box-wrapper .listdots ul li {
        font-size: 16px;
    }

    .motor-tarif-box .listnodots ul li,
    .tarif2-box-wrapper .listnodots ul li {
        font-size: 16px;
    }

    .motor-tarif-box .listnodotsbold ul li,
    .tarif2-box-wrapper .listnodotsbold ul li {
        font-size: 16px;
    }
}

@media (max-width: 767.98px) {
    .motor-tarif-box .listdots ul li,
    .tarif2-box-wrapper .listdots ul li {
        font-size: 14px;
    }

    .motor-tarif-box .listnodots ul li,
    .tarif2-box-wrapper .listnodots ul li {
        font-size: 14px;
    }

    .motor-tarif-box .listnodotsbold ul li,
    .tarif2-box-wrapper .listnodotsbold ul li {
        font-size: 14px;
    }
}

.tarif2-box-wrapper .summary-tarif-columns-container {
    column-count: 1;
    width: 100%;
}

.tarif2-box-wrapper .summary-tarif-columns-container td:has(span:empty) {
    display: none;
}

@media print, screen and (min-width: 768px) {
    .tarif2-box-wrapper .summary-tarif-columns-container {
        column-count: 1;
    }
}

@media print,screen and (max-width: 575.98px) {
    .tarif2-box-wrapper .summary-tarif-columns-container td {
        display: block;
    }
}

.tarif2-box-wrapper .summary-tarif-columns-container th,
.tarif2-box-wrapper .summary-tarif-columns-container td {
    vertical-align: top;
    padding-right: 10px;
}

.location-box-wrapper {
    margin-top: 30px;
    margin-bottom: 260px;
}

@media (max-width: 1140px) {
    .location-box-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 767.98px) {
    .location-box-wrapper {
        margin-bottom: 320px;
    }
}

@media (max-width: 575.98px) {
    .location-box-wrapper {
        margin-bottom: 480px;
    }
}

.location-box {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 1120px;
    border: solid 2px #8a9496;
    background-color: #ffffff;
    position: relative;
}

.location-box #map {
    width: 100%;
    height: 300px;
}

.location-box .content-box {
    padding-top: 30px;
    padding-bottom: 30px;
}

.location-box .content-box .headline {
    font-size: 22px;
    color: #000;
}

.location-box .content-box .content {
    font-size: 18px;
    color: #000;
}

.location-box .popup .headline,
.location-box .popup .content {
    padding-left: 15px;
    padding-right: 15px;
}

.location-box .popup {
    width: 530px;
    background-color: white;
    color: #000;
    border: solid 8px #999292;
    position: absolute;
    left: 99px;
    top: calc(100% - 25px);
    padding-top: 40px;
    padding-bottom: 20px;
}

@media (max-width: 767.98px) {
    .location-box .popup {
        width: calc(100% + 4px);
        position: absolute;
        left: -2px;
        top: 100%;
    }
}

@media (max-width: 575.98px) {
    .location-box .popup img {
        margin-top: 15px;
    }
}

.location-box .popup .headline {
    font-size: 22px;
    color: #000;
}

.location-box .popup .content {
    font-size: 18px;
    color: #000;
}

.location-box .popup:after {
    content: "";
    position: absolute;
    background: url("/img/citroen/box_arrow_top.png") top left no-repeat;
    width: 38px;
    height: 32px;
    left: 45px;
    top: -32px;
}

.border-box-wrapper {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 1140px) {
    .border-box-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.border-box-headline {
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.3px;
    background-color: #8a9496;
    color: #fff;
}

.border-box {
    max-width: 1120px;
    border: solid 4px #8a9496;
    background-color: #ffffff;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.18px;
    color: #0a0a0a;
}

.border-box-input {
    padding: 20px 20px 20px 20px;
}

@media (min-width: 768px) {
    .border-box-input {
        padding: 20px 70px 20px 70px;
    }
}

.border-box-pdf {
    border: solid 4px #8a9496;
    background-color: #ffffff;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.18px;
    color: #0a0a0a;
}

.border-filter-box {
    border: solid 3px #4b4a4d;
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.18px;
    color: #0a0a0a;
}

.border-filter-box .white-bg {
    background-color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
}

.border-filter-box .grey-bg {
    background-color: #d8d4d3;
    padding-left: 20px;
    padding-right: 20px;
}

.border-filter-box .height-fix {
    margin-top: -9px;
}

.border-filter-box .height-diff {
    margin-top: 0;
}

@media print, screen and (max-width: 991.98px) {
    .border-filter-box .height-fix {
        margin-top: 0;
    }

    .border-filter-box .height-diff {
        margin-top: 20px;
    }
}

.result-border-box {
    background-color: #ffffff;
}

.result-border-box .text-headline-layer {
    font-size: 28px;
    color: #da291c;
}

    .result-border-box .text-price-layer {
        font-size: 24px;
        color: #000000;
        margin-bottom: 0px;
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: flex-end;
    }

.result-border-box .text-price-layer .popover-price {
    font-size: 16px;
}

.icon {
    font-size: 16px;
    line-height: 1.39;
    color: #726c6c;
    padding: 3px 0 0 24px;
    position: relative;
    margin-bottom: 3px;
}

.icon:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 1px;
    background-size: contain;
}

.immediately:before {
    background: url("/img/tick.svg") 0 0 no-repeat;
}

.demonstration:before {
    background: url("/img/demonstration-icon.svg") 0 0 no-repeat;
    background-size: contain;
}

.transport:before {
    background: url("/img/dollar.png") no-repeat center/100%;
}

.bafa:before {
    background: url("/img/hand.png") 0 0 no-repeat;
}

.home-delivery:before {
    background: url("/img/icons/icon-house-key.svg") 0 0 no-repeat;
}

.zero-special-payment:before {
    background: url("/img/zero-payment.svg") 0 0 no-repeat;
}

.i-IIP0IP0:before {
    background: url("/img/icons/icon-free-service.svg") 0 0 no-repeat;
    background-size: 100%;
}

.i-L5K15K1001:before {
    background: url("/img/icons/icon-free-service.svg") 0 0 no-repeat;
    background-size: 100%;
}

.i-3350350:before {
    background: url("/img/icons/icon-free-service.svg") 0 0 no-repeat;
    background-size: 100%;
}

.i-33P03P0:before {
    background: url("/img/icons/icon-free-service.svg") 0 0 no-repeat;
    background-size: 100%;
}

.i-CC23C23:before {
    background: url("/img/icons/icon-free-service.svg") 0 0 no-repeat;
    background-size: 100%;
}

.info-layer .icon {
    padding-left: 34px;
}

.summary-badge-outer {
    display: flex;
}

@media (max-width: 991.98px) {
    .info-layer .icon {
        padding-left: 24px;
    }

    .info-layer .icon:before {
        left: 10px;
    }

    .info-layer .icon:before {
        left: 0;
    }

    .summary-badge .icon {
        padding-left: 39px;
    }

    .summary-badge .icon:before {
        left: 15px;
    }
}

_:-ms-fullscreen, :root .result-border-box .text-price-layer {
    font-size: 27px;
}

.result-border-box .text-price-layer .vehicle-price-red,
a.vehicle-detail-link {
    color: #da291c;
}

.vehicle-price-from {
    color: #000000;
}

.result-border-box .text-transport-costs,
.result-border-box .text-transport-costs-legal,
.result-border-box .text-legal {
    line-height: 1;
}

.result-border-box .text-transport-costs-legal {
    margin-top: 10px;
}

@media print,screen and (min-width: 768px) {
    .result-border-box .text-transport-costs:last-of-type, .result-border-box .text-legal:last-of-type {
        margin-bottom: 10px;
    }
}

.result-border-box .text-layer {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.18px;
    color: #000000;
}

.result-border-box .text-layer-grey {
    color: #726C6C;
}

@media print,screen and (max-width: 991.98px) {
    .result-border-box .image-layer {
        min-height: 0;
        overflow: hidden;
    }
}

.result-border-box .car-list-detail-column {
    background: #f2f0f1;
    margin-left: 15px;
}

.result-border-box .info-layer {
    padding: 16px 0px 16px 0px;
    height: 100%;
}

.result-border-box .car-list-item .button-orange-arrow-right {
    display: block;
}

@media print, screen and (max-width: 1199.98px) {
    .result-border-box .car-list-item .button-orange-arrow-right {
        font-size: 18px;
    }
}

@media print, screen and (max-width: 991.98px) {
    .result-border-box .car-list-item .button-orange-arrow-right {
        width: 263px;
    }

    .result-border-box .image-layer {
        min-height: 0;
        overflow: hidden;
    }

    .result-border-box .info-layer .headline {
        margin-top: 50px;
    }
}

@media print, screen and (min-width: 576px) {
    .detail-view.collapse {
        display: block;
    }
}

.grey-box {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.18px;
    color: #0b2032;
    border: solid 4px #8a9496;
}

.grey-box .headline {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -0.3px;
    color: #8a9496;
    text-transform: uppercase;
}

.grey-box .sub-headline {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.3px;
    color: #000000;
}

.equipment-details-box-wrapper {
    padding-bottom: 30px;
    background-color: #f5f5f5;
}

.equipment-details-box {
}

.equipment-details-box .resp-margin-top {
    margin-top: 0px;
}

@media (max-width: 991.98px) {
    .equipment-details-box .resp-margin-top {
        margin-top: 30px;
    }
}

.equipment-details-box .popup {
    background-color: #fff;
    color: #8a9496;
    border: solid 4px #8a9496;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

.equipment-details-box .popup h3 {
    font-size: 30px;
    line-height: 1.5;
    letter-spacing: 0.18px;
    color: #8a9496;
}

.equipment-details-box .popup .table-left {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.18px;
    color: #8a9496;
}

.equipment-details-box .popup .table-right {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.18px;
    color: #8a9496;
    margin-left: 10px;
}

.equipment-details-box h3 {
    text-transform: uppercase;
}

.equipment-details-box .listdots {
    padding-right: 5px;
}

.equipment-details-box .listdots ul {
    margin-bottom: 0;
    list-style-type: none;
}

.equipment-details-box .listdots ul li {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.18px;
    color: #000;
    position: relative;
    margin-left: -22px;
}

.equipment-details-box .listdots ul li:before {
    content: "";
    position: absolute;
    left: -17px;
    top: 10px;
    background: #000;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 10px;
}

@media (max-width: 991.98px) {
    .equipment-details-box {
    }

    .equipment-details-box .listdots ul li {
        font-size: 16px;
    }

    .equipment-details-box .popup .table-left {
        font-size: 16px;
    }

    .equipment-details-box .popup .table-right {
        font-size: 16px;
    }

    .equipment-details-box .popup h3 {
        font-size: 25px;
    }
}

@media (max-width: 767.98px) {
    .equipment-details-box .listdots ul li {
        font-size: 14px;
    }

    .equipment-details-box .popup .table-left {
        font-size: 14px;
    }

    .equipment-details-box .popup .table-right {
        font-size: 14px;
    }

    .equipment-details-box .popup h3 {
        font-size: 22px;
    }
}

@media (max-width: 575.98px) {
    .equipment-details-box .popup-technical-data {
        padding: 10px;
    }
}

.unfold-box-grey {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.18px;
    color: #0b2032;
    border: solid 4px #8a9496;
}

.unfold-box-grey .gradient-container {
    position: relative;
}

.unfold-box-grey .gradient {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 75px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(70%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
}

.unfold-box-grey ul {
    margin-left: -23px;
}

@media print,screen and (max-width: 991.98px) {
    .unfold-box-grey .sub-headline {
        margin-left: 38px;
    }

    .unfold-box-grey ul {
        margin-left: 15px;
    }
}

.unfold-box-white {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.18px;
    color: #0b2032;
}

.unfold-box-white .gradient-container {
    position: relative;
}

.unfold-box-white .gradient {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 75px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(70%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(255 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
}

.unfold-box-white ul {
    margin-left: -23px;
}

.dealer-box-white {
    max-width: 700px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.18px;
    color: #0b2032;
}

.list-box-white {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.18px;
    color: #0b2032;
}

.list-box-white ul {
    margin-left: -23px;
}

@media print,screen and (max-width: 991.98px) {
    .list-box-white img {
        margin-top: 25px;
        width: 50%;
        min-width: 275px;
        height: auto;
    }
}

.listdots.list {
    padding-right: 5px;
}

.listdots.list ul {
    margin-bottom: 0;
    list-style-type: none;
}

.listdots.list.pdf ul li {
    font-size: 16px;
}

.listdots.list.pdf ul li div:nth-child(2) span {
    text-align: right;
    font-weight: bold;
}

.listdots.list ul li {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.18px;
    color: #0b2032;
    position: relative;
    margin-left: 1px;
    margin-bottom: 5px;
}

.listdots.list ul li:before {
    content: "";
    position: absolute;
    left: -17px;
    top: 8px;
    background: #8a9496;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 10px;
}

.listbold.list {
    padding-right: 5px;
}

.listbold.list ul {
    margin-bottom: 0;
    list-style-type: none;
}

.listbold.list.pdf ul li {
    font-size: 16px;
}

.listbold.list ul li {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.18px;
    color: #0b2032;
    position: relative;
    margin-left: 1px;
    margin-bottom: 5px;
}

.image-text-link-btn .image-text-link-btn-img {
    display: block;
    width: 50px;
    height: auto;
    border: 1px solid black;
}

.image-text-link-btn .image-text-link-btn-txt {
    text-align: center;
}

.button-text-download {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    letter-spacing: 0.18px;
    color: #796867;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
}

.button-text-download span {
    text-decoration: none;
    text-align: left;
}

.button-text-download img {
    margin-right: 10px;
}

.button-text-arrow-right {
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.18px;
}

.button-text-arrow-right span {
    color: #6e6e6e;
    text-decoration: underline;
}

.button-text-arrow-right:after {
    content: "";
    display: inline-block;
    background: url("/img/citroen/arrow_right_small_red.png") top left no-repeat;
    width: 6px;
    height: 11px;
}

.button-text-arrow-left {
    text-decoration: underline;
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.18px;
}

.button-text-arrow-left span {
    color: #6e6e6e;
    text-decoration: underline;
}

.button-text-arrow-left:before {
    content: "";
    display: inline-block;
    background: url("/img/citroen/arrow_left_small_red.png") top left no-repeat;
    width: 6px;
    height: 11px;
}

.button-text-toggle {
    text-decoration: underline;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.18px;
    color: #796867;
    position: relative;
    cursor: pointer;
}

.button-text-toggle span {
    text-decoration: none;
}

.button-text-toggle:before {
    -webkit-transition: all 200ms 0s ease-in-out;
    transition: all 200ms 0s ease-in-out;
    content: "";
    position: absolute;
    top: 2px;
    right: -25px;
    background: url("/img/citroen/arrow_down_red.png") top left no-repeat;
    width: 17px;
    height: 9px;
}

.button-text-toggle.toggle:before {
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: center;
    transform: rotate(180deg);
    transform-origin: center;
}

.button-box-toggle {
    text-decoration: underline;
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.18px;
    color: #0a0a0a;
    position: relative;
    cursor: pointer;
}

    .button-box-toggle span {
        text-decoration: none;
        color: #3B3938;
    }

.button-box-toggle:before {
    -webkit-transition: all 200ms 0s ease-in-out;
    transition: all 200ms 0s ease-in-out;
    content: "";
    position: absolute;
    top: 6px;
    right: -25px;
    background: url("/img/citroen/arrow_down_red.png") top left no-repeat;
    width: 17px;
    height: 9px;
}

.button-box-toggle.toggle:before {
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: center;
    transform: rotate(180deg);
    transform-origin: center;
}

.button-white-greyborder-arrow-left {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.18px;
    color: #796867 !important;
    text-transform: uppercase;
    background-color: #fff;
    border-radius: 0px;
    border-width: 0px;
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 30px;
    padding-right: 16px;
    position: relative;
    text-decoration: none;
    border: solid 1px #796867;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.button-white-greyborder-arrow-left:active, .button-white-greyborder-arrow-left:focus {
    outline: none;
}

.button-white-greyborder-arrow-left:hover {
    text-decoration: none;
    color: #fff;
    background-color: #796867;
}

.button-white-greyborder-arrow-left:hover span {
    color: #fff;
}

.button-white-greyborder-arrow-left:after {
    content: "";
    vertical-align: top;
    background: url("/img/citroen/arrow_left_big_grey.png") top left no-repeat;
    width: 9px;
    height: 17px;
    margin: 0;
    position: absolute;
    left: 12px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.button-white-greyborder-arrow-left:hover:after {
    background: url("/img/citroen/arrow_left_big_white.png") top left no-repeat;
}

.button-red-arrow-right {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.18px;
    color: #fff !important;
    text-transform: uppercase;
    background-color: #da291c;
    border-radius: 0px;
    border-width: 0px;
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 16px;
    padding-right: 48px;
    position: relative;
    text-decoration: none;
    border: solid 4px #da291c;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.button-red-arrow-right:active, .button-red-arrow-right:focus {
    outline: none;
}

.button-red-arrow-right:hover {
    text-decoration: none;
    color: #da291c;
    background-color: #fff;
}

.button-red-arrow-right:hover span {
    color: #da291c;
}

.button-red-arrow-right:after {
    content: "";
    vertical-align: top;
    background: url("/img/citroen/arrow_right_big_white.png") top left no-repeat;
    width: 9px;
    height: 17px;
    margin: 0;
    position: absolute;
    right: 12px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.button-red-arrow-right:hover:after {
    background: url("/img/citroen/arrow_right_big_red.png") top left no-repeat;
}

.button-orange-aim-right {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.18px;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #da291c;
    border-radius: 0px;
    border-width: 0px;
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 16px;
    padding-right: 48px;
    position: relative;
    text-decoration: none;
    border: solid 4px #da291c;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.button-orange-aim-right:active, .button-orange-aim-right:focus {
    outline: none;
}

.button-orange-aim-right:hover {
    text-decoration: none;
    color: #da291c;
    background-color: #fff;
}

.button-orange-aim-right:hover span {
    color: #da291c;
}

.button-orange-aim-right:after {
    content: "";
    vertical-align: top;
    background: url("/img/citroen/aim_white.png") top left no-repeat;
    width: 25px;
    height: 25px;
    margin: 0;
    position: absolute;
    right: 12px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.button-orange-aim-right:hover:after {
    background: url("/img/citroen/aim_orange.png") top left no-repeat;
}

.summary-cta .button-orange-arrow-right,
.summary-cta2 .button-orange-arrow-right,
.summary-cta2 .btn-primary {
    min-width: 263px;
}

.button-white-arrow-right {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.18px;
    color: #0a0a0a;
    text-transform: uppercase;
    background-color: #fff;
    border-radius: 0px;
    border-width: 0px;
    padding-top: 12px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 28px;
    position: relative;
    text-decoration: none;
}

.button-white-arrow-right:active, .button-white-arrow-right:focus {
    outline: none;
}

.button-white-arrow-right:after {
    content: "";
    vertical-align: top;
    background: url("/img/citroen/arrow_right_big_red.png") top left no-repeat;
    width: 9px;
    height: 17px;
    margin: 0;
    position: absolute;
    right: 12px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.button-blue {
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.18px;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #8a9496;
    border-radius: 0px;
    border-width: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 18px;
    padding-right: 18px;
}

.button-orange {
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.18px;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #da291c;
    border-radius: 0px;
    border-width: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 18px;
    padding-right: 18px;
}

.button-blue, .button-blue:active, .button-blue:focus {
    outline: none;
}

.button-grey {
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.18px;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #8a9496;
    border-radius: 0px;
    border-width: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 50px;
    padding-right: 50px;
}

.button-grey, .button-grey:active, .button-grey:focus {
    outline: none;
}

.container-pagination {
    font-size: 0;
    padding: 0;
}

.button-pagination {
    font-size: 18px;
    text-align: right;
    color: #6e6e6e;
    width: 38px;
    height: 38px;
    background-color: #ffffff;
}

.button-pagination.number {
    padding-top: 4px;
}

.button-pagination.arrow {
    color: #fff;
    background-color: #8a9496;
}

.sortby {
    min-width: 289px;
}

@media print,screen and (max-width: 991.98px) {
    .sortby {
        min-width: 0;
        width: 100%;
        margin-top: 20px;
    }
}

.input {
    width: calc(100% - 130px);
}

.select {
    width: 130px;
    margin-left: -1px;
}

.inputOrtOderPLZ {
    width: 100%;
}

input[type="text"], input[type="email"], textarea {
    border: 1.5px solid #8a9496 !important;
    border-radius: 0px !important;
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.18px;
    color: #212529 !important;
}

.contact input[type="text"]:focus {
    border-color: #da291c !important;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.0), 0 0 8px rgba(255, 255, 255, 0.0);
}

.contact textarea[type="text"]:focus {
    border-color: #da291c !important;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.0), 0 0 8px rgba(255, 255, 255, 0.0);
}

.select2-selection--single .select2-selection__clear {
    z-index: 9;
}

.select2-container--bootstrap4 .select2-dropdown {
    z-index: 99;
}

[class^='select2'] {
    border-radius: 0px !important;
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.18px;
    color: #0a0a0a;
    /*z-index: 10200;*/
    z-index: 40;
}

.inputRadius .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    color: #fff;
    background: #da291c;
}

.inputRadius .selection .select2-selection--single .select2-selection__arrow::after {
    background-color: #da291c;
}

.inputRadius .select2-selection--single .select2-selection__arrow:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    content: "\f107";
    color: #fff;
    float: right;
    vertical-align: middle;
    margin-top: 6px;
}

.inputRadius .select2 .select2-container .select2-container--bootstrap4 {
    background-color: #da291c;
}

.inputRadius .select2-container--bootstrap4.select2-container--open .select2-selection .select2-selection__arrow::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.select2-container--bootstrap4.select2-container--open .select2-selection .select2-selection__arrow::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.selection .select2-selection--single .select2-selection__arrow::after {
    position: absolute;
    margin-top: -19px;
    width: 38px;
    height: 39px;
    text-align: center;
}

.inputRadius .selection .select2-selection--single .select2-selection__arrow::after {
    border-bottom: 1px solid #da291c;
    border-top: 1px solid #da291c;
}

.select2-container--bootstrap4.select2-container .select2-selection {
    border-color: #8a9496;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 48%;
    right: 3px;
    width: 35px;
}

.inputSelect2Disable .selection .select2-selection--single .select2-selection__arrow::after {
    content: none !important;
    border: 0;
    border-top: 1px solid #8a9496;
    padding: 0px;
    padding-right: 5px !important;
}

.select2-container--bootstrap4 .select2-selection__clear {
    width: 1.15em;
    height: 1.15em;
}

#extended-search-parameters .select2-container--bootstrap4 .select2-selection__clear {
    z-index: 1000;
}

.inputSelect2Grey .selection .select2-selection--single .select2-selection__arrow::after {
    border-bottom: 1px solid #8a9496;
    border-top: 1px solid #8a9496;
    background-color: #8a9496;
    color: #fff;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 5px;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color: #8a9496;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.0), 0 0 8px rgba(255, 255, 255, 0.0);
}

.select2-container--bootstrap4.select2-container--open .select2-selection {
    border-color: #8a9496;
}

.select2-container--bootstrap4.select2-container .select2-selection {
    border-color: #8a9496;
}

*[aria-labelledby="select2-radius-input-container"] {
    border-color: #da291c !important;
    border-left-color: #8a9496 !important;
}

@media (max-width: 575.98px) {
    *[aria-labelledby="select2-radius-input-container"] {
        border-left-color: #da291c !important;
    }
}

.selection .select2-selection__arrow b {
    display: none;
}

.select2-container--bootstrap4 .select2-dropdown {
    border-left: 1px solid #8a9496;
    border-right: 1px solid #8a9496;
    border-bottom: 1px solid #8a9496;
}

.select2-search--dropdown {
    padding: 0;
}

.select2-search--dropdown .select2-search__field {
    border: none !important;
    background: none !important;
}

.config-layer .select2-selection--single .select2-selection__placeholder {
    color: #212529 !important;
}

.select2-selection--single {
    border: 1px solid #8a9496;
    border-radius: 0;
    background-color: #fefefe;
}

.select2-selection--single.has-error {
    border: 1px solid red;
}

.select2-selection--single .select2-selection__rendered {
    color: #0a0a0a;
}

.select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
}

.select2-selection--single .select2-selection__placeholder {
    color: #cacaca;
}

.select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 3px;
    right: 11px;
    width: 20px;
}

.select2-selection--single .select2-selection__arrow:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    content: "\f107";
    color: #6c757d;
    float: right;
    vertical-align: middle;
    margin-top: 6px;
}

.select2-selection--single[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-selection--single[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-selection--single.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-selection--multiple {
    overflow: hidden !important;
    height: auto !important;
    padding-left: 5px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline !important;
    padding: 0;
}

/*
https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/
https://www.mediaevent.de/css/form-formulare.html
*/
.labelInputMain {
    font-size: 18px;
    line-height: 1.3;
    color: #0a0a0a;
    white-space: nowrap;
}

@media print,screen and (max-width: 575.98px) {
    .labelInputMain {
        white-space: normal;
    }
}

.labelInputSub {
    font-size: 16px;
    line-height: 2;
    color: #6e6e6e;
    margin-top: -5px;
}

.labelOutput {
    font-size: 20px;
    color: #000000;
    line-height: 0;
}

@media print,screen and (max-width: 575.98px) {
    .labelOutput {
        font-size: 25px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .labelOutputSmall:first-child {
        padding-left: 15px;
    }
}

.labelOutputSmall {
    font-size: 18px;
    color: #0b2032;
    margin-top: -10px;
    display: inline-block;
}

input[type=range]::-ms-tooltip {
    display: none;
}

input[type=range] {
    -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
    width: 100%; /* Specific width is required for Firefox. */
    background: transparent; /* Otherwise white in Chrome */
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

input[type=range]:focus {
    outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
    width: 100%;
    cursor: pointer;
    /* Hides the slider so custom styles can be added */
    background: transparent;
    border-color: transparent;
    color: transparent;
}

/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 0px solid #cacaca;
    height: 35px;
    width: 35px;
    border-radius: 0;
    background: #ffffff;
    background: url("/img/citroen/slider.png") top left no-repeat;
    cursor: pointer;
    margin-top: -14px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
    border: 0px solid #cacaca;
    height: 35px;
    width: 35px;
    border-radius: 0;
    background: #ffffff;
    background: url("/img/citroen/slider.png") top left no-repeat;
    cursor: pointer;
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
    border: 0px solid #cacaca;
    height: 35px;
    width: 35px;
    border-radius: 0;
    background: #ffffff;
    background: url("/img/citroen/slider.png") top left no-repeat;
    cursor: pointer;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    background: #e3e1ea;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #e3e1ea;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    background: #e3e1ea;
}

input[type=range]::-ms-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
}

input[type=range]::-ms-fill-lower {
    background: #2a6495;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
}

input[type=range]:focus::-ms-fill-lower {
    background: #3071a9;
}

input[type=range]::-ms-fill-upper {
    background: #3071a9;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
}

input[type=range]:focus::-ms-fill-upper {
    background: #367ebd;
}

.btn-link {
    text-align: inherit !important;
}

/* End Site elements */
.welcome-tile {
    background-color: #555555;
}

.welcome-tile a {
    color: #ffffff;
}

.welcome-tile a:hover {
    text-decoration: none;
}

.dealer-header {
    background-color: #F2F2F2;
    height: 100px;
    min-height: 100px;
}

.dealer-header .dealer-header-brand-logo-wrapper {
    height: 70px;
    width: 130px;
}

.breadcrumb {
    padding: 0;
    background: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

.select2 {
    width: 100% !important;
}

.cancel-button {
    padding: 14px 23px;
    font-size: 0.9375rem;
    line-height: 0.9375rem;
}

/* red error border for forms not in use */
/*.has-error .form-control {
    border-color: #dc3545 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}*/

.has-error .col-form-label {
    color: #dc3545;
}

.has-error .select2-selection--single {
    border-color: #dc3545;
}

.validation-summary-errors ul {
    padding-left: 0px;
    margin-bottom: 0px;
}

.validation-summary-errors ul li {
    list-style-type: none;
}

.btn-color-white, a.btn-color-white:not([href]):not([tabindex]) {
    color: white;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}

.has-error .btn-file {
    border-radius: 4px;
    border-left-color: #a94442;
    border-top-color: #a94442;
    border-bottom-color: #a94442;
}

input[readonly].btn-file {
    background-color: white !important;
    cursor: text !important;
}

.btn-finance-add {
    line-height: 1.5;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
}

.btn-finance-delete {
    padding: 6px;
    width: auto;
    margin: auto;
    display: block;
}

ul.pagination .page-link:not(.disabled), ul.pagination .page-item.active .page-link {
    background-color: #243139;
    border-color: #243139;
    color: #fff;
}

ul.pagination .page-item .page-link, ul.pagination .page-item .page-link, ul.pagination .page-item.disabled {
    background-color: #fff;
    border-color: var(--text-black-color);
    color: var(--text-black-color);
}

.read-only-values .form-group {
    margin-bottom: 0px;
}

.read-only-values .col-form-label {
    padding-top: 0px;
    padding-bottom: 0px;
}

.btn-primary-slimmer {
    line-height: 1.5;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
}

.dot {
    height: 25px;
    width: 25px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}

.dot-red {
    background-color: #d9001b;
}

.dot-green {
    background-color: #03b915;
}

.dot-orange {
    background-color: #f59a23;
}

.dot-0 {
    color: #f59a23;
}

.dot-1 {
    color: #03b915;
}

.dot-2 {
    color: #d9001b;
}

table tr.vehice-row-hide-top-border td {
    border-top: 0px;
}

table tr.offer-row-hide-top-border td {
    border-top: 0px;
}

header .dropdown-toggle::after {
    color: #ffffff;
}

header .dropdown-menu {
    color: #ffffff;
    background-color: #0b2032;
}

header .dropdown-item i, header .dropdown-item span {
    color: #ffffff;
}

header .dropdown-item:hover i {
    color: var(--text-black-color);
}

header .dropdown-item:hover span {
    color: var(--text-black-color);
}

.show-hide-password a, a:hover {
    color: #333;
}

.btn-xs {
    padding: 0.15rem 0.4em;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.hover-transparent:hover {
    background-color: transparent !important;
}

#toast-container > div {
    opacity: 1;
}

.pb-20 {
    padding-bottom: 20px !important;
}

/* Finance Tables CSS */

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.no-hover {
    background-color: transparent !important;
}

.bb-1 {
    border-bottom: 1px solid #dee2e6;
}

.bli-1 {
    border-left: 1px solid #dee2e6 !important;
}

.bri-1 {
    border-right: 1px solid #dee2e6 !important;
}

/* Finance Tables CSS */

@media (min-width: 768px ) {
    .bottom-align-text {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

#showResultsLink:hover,
#contactLink:hover {
    color: white;
}

.btn-zero-results {
    background-color: #5a5a5a !important;
    border-color: #5a5a5a !important;
}

.btn-zero-results:hover span {
    color: white !important;
}

.btn-zero-results:hover:after {
    background: url("/img/citroen/arrow_right_big_white.png") top left no-repeat !important;
}

.car-list-item > a {
    display: contents
}

#search-results-outer {
    transition-property: all;
    transition-duration: 1s;
}

.search-results-loading, .search-results-loading .car-list-item {
    opacity: 0.2;
    pointer-events: none;
    transition-property: all;
    transition-duration: 1s;
}

.gallery-wrapper .gallery .config-layer .price-box {
    background: #fff;
    border: solid 2px #c6c6c7;
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - 30px);
    padding: 24px 20px 14px;
    margin-left: 15px;
    position: relative;
}

.price-box #loader {
    display: none;
}

.price-box #loader.loader-active {
    display: block;
    /* top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px; */
    top: 50%;
    left: 50%;
    position: absolute;
    width: 72px;
    height: 72px;
}

.price-box #loader .ripple-loader div {
    position: absolute;
    border: 4px solid #243782;
    opacity: 1;
    border-radius: 50%;
    animation: ripple-loader 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.price-box #loader .ripple-loader div:nth-child(2) {
    animation-delay: -0.5s;
}

.loader-active {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 640px;
    transform: translate(-50%, -50%);
    transition-property: all;
    transition-duration: 1s;
}

.loader.loader-active span {
    display: block;
    width: 30px;
    height: 30px;
    border: 3px solid transparent;
    border-radius: 50%;
    border-right-color: #da291c;
    animation: spinner-anim 0.8s linear infinite;
}

@media (max-width: 1090px ) {
    .loader-active {
        top: 960px;
    }
}

@keyframes spinner-anim {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.page-item.number {
    padding-top: 2px;
}

.page-item.arrow {
    color: #fff;
    background-color: #8a9496;
}

.button-pagination a {
    color: #6a6a6a;
}

.button-pagination.active span {
    color: #da291c;
}

ul.pagination > .disabled.number {
    padding-left: 8px;
    padding-top: 7px;
    height: 37px;
}

.page-link:hover {
    background-color: #ffffff;
    border-color: #787475;
}

.page-link a:hover {
    cursor: default;
}

.page-link {
    border: 2px solid #787475;
    border-radius: 3px;
    margin-top: 4px;
}

.page-item, .PagedList-ellipses .page-item {
    border: 2px solid #787475;
    border-radius: 3px;
    width: 36px;
    height: 36px;
    display: block;
    padding-top: 4px;
}

.page-li-active span {
    border: 2px solid #da291c;
    color: #da291c;
}

.select2-search--inline {
    display: none;
}

.select2-search--inline:first-child {
    display: contents; /*this will make the container disappear, making the child the one who sets the width of the element*/
    float: none;
    pointer-events: none;
}

.select2-search__field:placeholder-shown {
    width: 100% !important; /*makes the placeholder to be 100% of the width while there are no options selected*/
    cursor: pointer;
    background: transparent;
}

.select2-selection--multiple .select2-selection__choice {
    /*padding-right: 2px !important;*/
}

.families-outer-wrap .select2-container .select2-search--inline .select2-search__field {
    padding-left: 14px;
    margin-left: -10px;
}

.families-outer-wrap .select2-selection--multiple {
    height: 41px;
}

.families-outer-wrap .select2-container .select2-search--inline .select2-search__field {
    margin-top: 1px;
}

.families-outer-wrap .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice,
#extended-search-parameters .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    height: 32px;
    margin-top: 4px;
    display: inline-flex;
    align-items: center;
    padding-top: 3px;
}

.families-outer-wrap .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    margin-top: -2px;
}

.container-pagination-top {
    vertical-align: bottom;
}

.container-pagination-top ul.pagination {
    margin-bottom: 0px;
}

.select2-selection__choice .container-pagination-top {
    vertical-align: bottom;
}

.container-pagination-top ul.pagination {
    margin-bottom: 0px;
}

.zip-outer-wrap .input, .radius-outer-wrap .select {
    width: 100%;
}

.select2-results__option.select2-results__message:empty {
    display: none;
}

.swal2-close:focus {
    outline: none;
}

.swal2-container {
    z-index: 10500;
}

.swal-wide .swal2-content {
    padding: 0;
}

@media screen and (min-width: 768px) {
    .swal-wide {
        width: 70% !important;
        max-width: 1110px;
    }
}

.swal-fadeInUp {
    animation: fadeInUp 0.3s ease-out;
}

.swal-fadeOut {
    animation: fadeOut 0.25s;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.error {
    color: #FF0000;
}

.contact.error {
    color: #cc4b37;
}

.is-visible {
    display: block !important;
}

.form-error.is-visible {
    display: block;
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0;
}

.input-validation-error {
    border: 1px solid red;
    color: #FF0000;
}

input.error, select.error {
    border: 1px solid red;
}

[type='submit'],
[type='button'] {
    appearance: none;
    border-radius: 0;
}

label {
    display: block;
    margin: 0;
    font-weight: normal;
    line-height: 1.8;
    color: #0a0a0a;
}

.is-invalid-label {
    color: #cc4b37;
}

.form-error {
    display: none;
    margin-top: -0.5rem;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    color: #cc4b37;
}

.form-error.is-visible {
    display: block;
}

.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
    background-color: #da291c;
    color: #f8f9fa;
}

/*
 *  Contact
 */
.contact .form-group {
    margin-bottom: 2rem;
}

.contact .contact-label-wrap {
    margin-bottom: 1rem;
}

.contact .form-error {
    font-size: 0.9rem;
}

/*
 *  About Us
 */
.about .headline {
    font-size: 38px;
    color: #000;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.about .headline_red {
    font-size: 38px;
    color: #a82c2c;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.about_link_border {
    border: 2px solid #1a3057;
}

.about_body {
    font-size: 18px;
    max-width: 100%;
    background-color: #f1eff0;
}

/*links to PSA and Ciroen*/
.blue-button-border-only-arrow-right {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.18px;
    color: #fff;
    text-transform: uppercase;
    background-color: #1a3057;
    border-radius: 0px;
    border-width: 0px;
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 16px;
    padding-right: 48px;
    position: relative;
    text-decoration: none;
    border: solid 4px #1a3057;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.blue-button-border-only-arrow-right:after {
    content: "";
    vertical-align: top;
    background: url("/img/citroen/arrow_right_big_white.png") top left no-repeat;
    width: 9px;
    height: 17px;
    margin: 0;
    position: absolute;
    right: 12px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.red-button-border-only-arrow-right {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.18px;
    color: #fff;
    text-transform: uppercase;
    background-color: #a32e27;
    border-radius: 0px;
    border-width: 0px;
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 16px;
    padding-right: 48px;
    position: relative;
    text-decoration: none;
    border: solid 4px #a32e27;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.red-button-border-only-arrow-right:after {
    content: "";
    vertical-align: top;
    background: url("/img/citroen/arrow_right_big_white.png") top left no-repeat;
    width: 9px;
    height: 17px;
    margin: 0;
    position: absolute;
    right: 12px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.red-button-border-only-arrow-right:hover {
    text-decoration: none !important;
    background-color: #fff;
    color: #a32e27;
}

.red-button-border-only-arrow-right:hover:after {
    background: url("/img/citroen/arrow_right_big_red.png") top left no-repeat;
}

.blue-button-border-only-arrow-right:hover {
    text-decoration: none !important;
    background-color: #fff;
    color: #1a3057;
}

.blue-button-border-only-arrow-right:hover:after {
    background: url("/img/citroen/arrow_right_big_blue.png") top left no-repeat;
}

/*end about*/

.faq-wrapper .card-header button {
    font-size: 18px;
    padding-left: 0;
}

_:-ms-fullscreen, :root .car-list-item .image-layer {
    padding-left: 0px;
    padding-right: 0px;
}

_:-ms-fullscreen, :root .car-list-item .image-layer .img-fluid {
    max-width: 100%;
    width: 330px;
}

.headline-results {
    font-size: 24px;
}

.dealer-distance {
    color: #75706a;
}

span.efficiency-class {
    color: #da291c;
    font-size: 12px;
    cursor: pointer;
}

span.efficiency-class:hover {
    text-decoration: none;
}

.efficiency-class-chevron {
    vertical-align: bottom;
    font-size: 26px;
    line-height: 1;
}

.toggle-detail {
    background: #fff;
    color: #6e6e6e;
    font-size: 14px;
    line-height: 23px;
    padding: 7px 15px 7px 15px;
    position: relative;
}

.toggle-detail:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 11px;
    width: 7px;
    height: 12px;
    background: url("/img/citroen/arrow_right_big_red.png") 0 0 no-repeat;
    background-size: cover;
    transform: rotate(-90deg);
    transition: transform .3s ease;
}

.toggle-detail.collapsed:after {
    transform: rotate(90deg);
}

.result-border-box .text-layer .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}

@media print, screen and (max-width: 775.98px) {
    .result-border-box .text-headline-layer {
        margin-top: 20px;
    }

    .result-border-box .icon-container {
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
    }
}

@media print, screen and (max-width: 575.98px) {
    .headline-results {
        font-size: 20px;
    }

    .result-border-box .text-headline-layer {
        font-size: 24px;
    }

    .result-border-box .icon {
        font-size: 14px;
        padding-left: 20px;
    }

    .result-border-box .icon:before {
        width: 15px;
        height: 15px;
        top: 4px;
    }

    .result-border-box .text-price-layer {
        font-size: 24px;
    }

    _:-ms-fullscreen, :root .result-border-box .text-price-layer {
        font-size: 24px;
    }

    .efficiency-class-text {
        font-size: 16px;
    }

    .efficiency-class-chevron {
        font-size: 23px;
    }

    .detail-view {
        font-size: 15px;
        color: #000;
        padding: 5px 15px 12px 15px;
        margin-bottom: 20px;
        background: #fff;
    }

    .result-border-box .info-layer .tablewrapper {
        padding: 0 15px;
    }

    .neg-mb10 {
        margin-bottom: -10px;
    }

    .about_body .text-uppercase {
        font-size: 22px;
    }
}

@media print, screen and (min-width: 576px) {
    .car-list-image-wrapper {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

.car-list-image-column {
    background: #f2efe6;
}

.car-list-image-column .label-icon-wrapper {
    position: absolute;
    width: 100%;
    z-index: 1;
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .car-list-image-column .label-icon-wrapper {
        width: 50%;
    }
}

_:-ms-fullscreen, :root .car-list-image-wrapper {
    margin-top: -20px;
    margin-bottom: -90px;
}

@media print, screen and (max-width: 991.98px) {
    _:-ms-fullscreen, :root .car-list-image-wrapper {
        margin-top: -20px;
        margin-bottom: -10px;
    }
}

.select2-container--bootstrap4 .select2-selection.contact-select2 {
    border: 2px solid #8a9496;
}

@media print, screen and (max-width: 767.98px) {
    .result-border-box .car-list-detail-column {
        margin: 0;
        background: #f2efe6;
    }
}

@media print, screen and (max-width: 575.98px) {
    .popover img {
        width: 500px;
    }
}

@media print, screen and (max-width: 519px) {
    .popover img {
        width: 480px;
    }
}

@media print, screen and (max-width: 480px) {
    .popover img {
        width: 460px;
    }
}

@media print, screen and (max-width: 420px) {
    .popover img {
        width: 400px;
    }
}

@media print, screen and (max-width: 375.98px) {
    .popover img {
        width: 360px;
    }
}

/* Begin stock*/
.co2-text-background {
    background-color: #f5f5f5;
    font-size: 18px;
}

.co2-text-background a {
    color: #ff4d1c;
}

/* End stock*/

_:-ms-fullscreen, :root .labelInputSub {
    margin-top: -35px;
}

_:-ms-fullscreen, :root .border-box-input {
    padding-left: 30px;
    padding-right: 30px;
}

_:-ms-fullscreen, :root .slider-result-wrapper {
    padding-top: 30px !important;
}

@media (max-width: 575.98px) {
    .slider-result-wrapper {
        text-align: center;
    }
}

.border-filter-box .radius-outer-wrap {
}

.popover {
    border: 1px solid #da291c;
    border-radius: 0px;
    padding: 10px;
    /*max-width: 750px;*/
}

.popover-trigger {
    cursor: pointer;
}

@media print, screen and (max-width: 360px) {
    .popover {
        max-width: calc(100% - 20px);
        margin-right: 10px;
        margin-left: 10px;
    }

    .popover .popover-body {
        height: 100%;
        width: 100%;
        max-height: 50vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

.four-steps-pop {
    display: block;
}

.bs-popover-top > .arrow:before {
    border-top-color: #da291c;
}

.bs-popover-bottom > .arrow:before {
    border-bottom-color: #da291c;
}

.bs-popover-left > .arrow:before {
    border-left-color: #da291c;
}

.bs-popover-right > .arrow:before {
    border-right-color: #da291c;
}

.popover-price, .popover-optionsseries, .popover-bafa {
    color: #da291c;
    cursor: pointer;
}

.popover-price small, .popover-optionsseries small {
    font-size: 100%;
}

.shrink {
    font-size: 50%;
}

@media (max-width: 991.98px) {
    .gallery .gallery-slider .gallery-slider-slide img {
        width: 460px;
    }
}

@media (max-width: 767.98px) {
    .gallery .gallery-slider .gallery-slider-slide img {
        width: 300px;
    }
}

a.red-link {
    color: #ff4d1c;
}

/*Start Dealer*/

#map_dealers {
    width: 100%;
    height: 400px;
    margin: 0;
    padding: 0;
}

#map_dealer_single {
    width: 100%;
    height: 400px;
    margin: 0;
    padding: 0;
}

.googleMapsInfoWindow {
    font-size: 13px;
    color: #000;
    text-align: left;
    padding: 10px;
    height: auto;
}

.googleMapsInfoWindow .googleMapsInfoWindowHeadline {
    font-size: 25px;
}

.scrollFix {
    line-height: 1.35;
    overflow: hidden !important;
    white-space: nowrap;
}

/*Styling Button "Fahrzeuge zeigen" in Google Maps Infobox*/
.googleMapsInfoWindow a:not([href]):not([tabindex]) {
    color: #ffffff;
    text-decoration: none;
}

.googleMapsInfoWindow .button-red-arrow-right {
    padding-top: 10px;
    padding-bottom: 10px;
}

.googleMapsInfoWindow .button-red-arrow-right:active, .button-red-arrow-right:focus {
    outline: none;
}

#map_dealers .gm-style .gm-style-iw-c, #map_dealer_single .gm-style .gm-style-iw-c {
    border-radius: 0px;
    border: 6px solid #979292;
    padding: 0;
}

#map_dealers .gm-style .gm-style-iw-t::after, #map_dealer_single .gm-style .gm-style-iw-t::after {
    background: linear-gradient(45deg,rgba(151, 146, 146,1) 50%,rgba(151, 146, 146,0) 51%,rgba(151, 146, 146,0) 100%);
}

#map_dealers .gm-style .gm-style-iw-d,
#map_dealer_single .gm-style .gm-style-iw-d {
    overflow: hidden !important;
    max-height: 400px !important;
}

.gm-style .gm-style-iw {
    max-height: 350px !important;
}

@media (max-width: 400px) {
    .gm-style .gm-style-iw {
        max-width: 280px !important;
    }
}

.gm-style-iw-c button {
    right: 3px !important;
    top: 3px !important;
    width: 23px !important;
    height: 23px !important;
}

.gm-style-iw-c button span,
.gm-style-iw-c button img {
    width: 23px !important;
    height: 23px !important;
    margin: 0px !important;
}

.btn-link {
    text-decoration: none;
    color: black;
}

/*http://lysongrafik.de/media-queries/*/
/*iPad*/
@media only screen and (max-device-width : 375px), only screen and (max-device-width : 414px) {
    .button-red-arrow-right {
        font-size: 16px;
    }
}

@media only screen and (max-device-width : 768px) {
    .fuel-label-summary {
        margin-right: 25px;
    }
}

@media only screen and (max-device-width : 540px) {
    .row-summary {
        padding-left: 0px;
    }

    .fuel-label-summary {
        margin-right: 5px;
    }
}

.demonstration-label-list, .hybrid-label-list, .electric-label-list {
    width: 85px;
}

@media only screen and (max-width: 575.98px) {
    .demonstration-label-list, .hybrid-label-list, .electric-label-list {
        width: 100px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 991.98px) {
    .demonstration-label-list, .hybrid-label-list, .electric-label-list {
        width: 90px;
    }
}

@media only screen and (min-width: 1200px) {
    .demonstration-label-list, .hybrid-label-list, .electric-label-list {
        width: 100px;
    }
}

/* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .demonstration-label-list, .hybrid-label-list, .electric-label-list {
        width: 150px;
        float: none !important;
    }
} */

.demonstration-label-list {
    margin-left: -5px;
}

@media screen and (max-width: 280px) {
    .demonstration-label-summary, .fuel-label-summary {
        width: 230px;
        float: none !important;
        margin: auto;
    }

    .button-red-arrow-right {
        font-size: 12px;
    }
}

.locate-nearest-zip {
    margin-top: 24px !important;
    cursor: pointer;
}

@media print,screen and (max-width: 991.98px) {
    .locate-nearest-zip {
        margin-top: 40px !important;
    }
}

.breadcrumb-fastlane a,
.breadcrumb-fastlane-inactive {
    color: #d4d2d3;
    font-size: 20px;
}

.breadcrumb-fastlane-active {
    color: #020202;
    font-size: 20px;
}

.breadcrumb-fastlane a:hover {
    color: #da291c;
}

/* HIGHLIGHT OFFERS STARTPAGE */

.highlight-offers .dealer-distance {
    color: #6e6e6e;
}

.highlight-offers .model {
    font-size: 26px;
    line-height: 1;
    color: #000;
    margin-top: 9px;
}

.highlight-offers .price {
    margin-top: 6px;
}

.highlight-offers .legal {
    margin-top: -10px;
}

.highlight-offers .vehicle-price-from,
.highlight-offers .vehicle-price {
    font-size: 36px;
    line-height: 1;
    color: #9a8d8c;
}

.highlight-offers .button-orange-arrow-right {
    display: block;
}

.highlight-offers-slider .slick-track {
    display: flex !important;
}

.highlight-offers-slider .slick-slide {
    margin: 0px 15px;
    max-width: 410px;
    height: inherit !important;
}

.highlight-offers-slider .slick-slide > div {
    height: 100%;
}

.highlight-offers-slider .offer-item {
    width: 353px;
    height: 100%;
}

.highlight-offers-slider .offer-item .image {
    width: 100%;
    padding-bottom: 56%;
    position: relative;
    overflow: hidden;
}

.highlight-offers-slider .offer-item .image img {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.highlight-offers-slider .offer-item .description {
    border: solid 9px #a8b1b3;
    padding: 14px 20px 20px;
    position: relative;
    margin-top: -15px;
}

.highlight-offers-slider .offer-item .description:after, .highlight-offers-slider .offer-item .description:before {
    bottom: 100%;
    left: 60px;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.highlight-offers-slider .offer-item .description:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 17px;
    margin-left: -17px;
}

.highlight-offers-slider .offer-item .description:before {
    border-color: rgba(202, 198, 197, 0);
    border-bottom-color: #a8b1b3;
    border-width: 30px;
    margin-left: -30px;
}

.vehicle-summary-image-eprel {
    max-width: 240px;
}

.default-theme main p a:not(.btn) {
    color: #da291c;
    text-decoration: underline;
}

.default-theme main p a:not(.btn):hover {
    color: #333;
}

.tarif2-box-wrapper table td:last-child, #vwf-details-table td:last-child {
    padding-right: 0;
    padding-left: 10px;
}

/* MEDIA QUERIES */
@media (max-width: 1199.98px) {
    .highlight-offers .vehicle-price-from, .highlight-offers .vehicle-price {
        font-size: 30px;
    }

    .vehicle-summary-image-eprel {
        max-width: 200px;
    }
}

@media (max-width: 991.98px) {
    .highlight-offers .vehicle-price-from,
    .highlight-offers .vehicle-price {
        font-size: 22px;
    }
}

@media (max-width: 767.98px) {
    .highlight-offers-slider:before, .highlight-offers-slider:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 35px;
        background-image: linear-gradient(to right, white, white 10%, rgba(255, 255, 255, 0) 90%);
        z-index: 1;
    }

    .highlight-offers-slider:after {
        left: auto;
        right: 0;
        transform: rotate(180deg);
    }

    .highlight-offers-slider .offer-item .description {
        border-width: 4px;
    }

    .highlight-offers-slider .offer-item .description:after, .highlight-offers-slider .offer-item .description:before {
        left: 28px;
    }

    .highlight-offers-slider .offer-item .description:after {
        border-width: 10px;
        margin-left: -10px;
    }

    .highlight-offers-slider .offer-item .description:before {
        border-width: 16px;
        margin-left: -16px;
    }

    .highlight-offers .vehicle-price-from,
    .highlight-offers .vehicle-price {
        font-size: 36px;
    }
}

@media (max-width: 639.98px) {
    .highlight-offers .vehicle-price-from,
    .highlight-offers .vehicle-price {
        font-size: 22px;
    }
}

@media (max-width: 575.98px) {
    .highlight-offers-slider .slick-slide {
        margin: 0px 10px;
    }

    .highlight-offers .model {
        font-size: 18px;
    }

    .tarif2-box-wrapper table td {
        font-size: 16px;
    }

    #tarif-details-table td, #vwf-details-table td {
        font-size: 14px;
    }

    .vehicle-summary-image-eprel {
        max-width: 220px;
    }
}

/* START STICKY BUTTONS */
body.st-bt {
    padding-bottom: 90px;
}

#sticky-buttons {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
    display: none;
}

#sticky-buttons.st-bt {
    display: block;
}

#sticky-buttons ul {
    height: 90px;
    list-style-type: none;
    display: flex;
    margin: 0;
    background: #fff;
    box-shadow: -2px 0px 7px 0px rgba(0,0,0,0.5);
}

#sticky-buttons li {
    background-color: #da291c;
    height: 90px;
    background-image: url("/img/citroen/testdrive.svg");
    background-position: 50% 12px;
    background-repeat: no-repeat;
    background-size: 40px 32px;
    margin-right: 1px;
    width: 100%;
}

#sticky-buttons li.leasing {
    background-image: url("/img/citroen/leasing.svg");
    background-size: 33px 32px;
}

#sticky-buttons li.chat {
    background-image: url("/img/citroen/chat.svg");
    background-size: 40px 35px;
}

#sticky-buttons li.service {
    background-image: url("/img/tool-icon.png");
    background-size: 40px 35px;
}

#sticky-buttons li.insurance {
    background-image: url("/img/insurance-icon.png");
    background-size: 40px 35px;
}

#sticky-buttons li.configure-order {
    background-image: url("/img/citroen/icon-configure-order.svg");
}

#sticky-buttons li.stock-available {
    background-image: url("/img/citroen/icon-stock-available.svg");
}

#sticky-buttons li.offer {
    background-image: url("/img/citroen/icon-offer.svg");
    background-size: 40px 35px;
}

#sticky-buttons li.purchase-advice {
    background-image: url("/img/citroen/icon-purchase-advice.svg");
    background-size: 40px 35px;
}

#sticky-buttons li a,
#sticky-buttons li span {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    display: block;
    height: 90px;
    text-decoration: none;
    text-align: center;
    padding-top: 53px;
    padding-left: 4px;
    padding-right: 4px;
    cursor: pointer;
}

#sticky-buttons li:last-child {
    margin-right: 0;
}

@media print, screen and (min-width: 992px) {
    body.st-bt {
        padding-bottom: 0;
    }

    #sticky-buttons {
        bottom: auto;
        left: auto;
        right: 0;
        width: 100px;
        top: 0;
        height: 100vh;
        z-index: 9999;
    }

    #sticky-buttons ul {
        display: block;
        width: 100px;
        position: absolute;
        height: auto;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

    #sticky-buttons li {
        margin-bottom: 1px;
        margin-right: 0;
        height: 100px;
        background-position: 50% 15px;
    }

    #sticky-buttons li a,
    #sticky-buttons li span {
        height: 100px;
        padding-top: 60px;
    }

    #sticky-buttons li.chat span {
        padding-top: 66px;
    }

    #sticky-buttons li:last-child {
        margin-bottom: 0;
    }
}

/* END STICKY BUTTONS */

.slick-list {
    width: 100%;
}

img.co2-index {
    display: inline-block;
}

.fs14 {
    font-size: 14px !important;
}

.fs12 {
    font-size: 12px !important;
}

.fs10 {
    font-size: 10px !important;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .popover {
        min-width: 600px;
    }
}

/* special offers */
#highlights-tiles[data-has-offer='True'] .highlight-offers-slider .slick-slide {
    margin: 0px 15px;
    max-width: 560px;
    height: inherit !important;
}

.highlight-offers .offer-item {
    background: #da291c;
    border: solid 3px #fff;
    outline: solid 5px #da291c;
    margin: 5px 0;
    height: calc(100% - 10px);
}

.highlight-offers .offer-item .claim {
    position: relative;
    color: #da291c;
    background: #fff;
    padding: 15px 60px 0 25px;
    margin: 5px 5px 0;
    z-index: 9;
}

.highlight-offers .offer-item .claim .car-label {
    position: absolute;
    top: 14px;
    right: 15px;
}

.highlight-offers .offer-item .claim .car-label img {
    width: 220px;
}

.highlight-offers .offer-item .claim h3 {
    font-size: 38px;
    line-height: 1.2;
    margin-bottom: 0;
}

.highlight-offers .offer-item .claim h4 {
    font-size: 28px;
    line-height: 1.2;
    margin-top: -9px;
    margin-bottom: 0;
}

.highlight-offers .offer-item .image {
    background: linear-gradient(rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%);
    width: calc(100% - 10px);
    margin: -24px 5px 0;
}

.highlight-offer-soldout-outer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -78%);
    z-index: 9;
}

.highlight-offer-soldout-inner {
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    background-color: #da291c;
    padding: 10px 16px;
    border-radius: 1px;
    display: inline-block;
    transform: rotate(-30deg);
}

.highlight-offers-slider .offer-item .description {
    border: none;
    color: #fff;
    padding-bottom: 21px;
    margin-top: -40px;
}

.highlight-offers-slider .offer-item .description:before,
.highlight-offers-slider .offer-item .description:after {
    display: none;
}

.highlight-offers .offer-item .model {
    font-size: 38px;
    color: #fff;
}

.highlight-offers .offer-item .fastlane-motor-emission {
    color: #fff;
    font-size: 30px;
}

.highlight-offers .offer-item .car-list-detail-tag {
    background: #fff;
    color: #da291c;
    padding-bottom: 1px;
}

.highlight-offers .offer-item .car-list-detail-tag-offer {
    border: solid 1px #fff;
    background: #da291c;
    color: #fff;
    padding: 1px 5px 0px 5px;
}

.highlight-offers .offer-item .car-list-detail-tag .fa-info-circle {
    color: #da291c;
}

.highlight-offers .offer-item .car-list-detail-tag-wrapper {
    margin-bottom: 20px;
}

.highlight-offers .offer-item .description .icons .icon {
    color: #fff;
}

.highlight-offers .offer-item .description .icons .icon:first-child {
    margin-right: 18px;
}

.highlight-offers .offer-item .icons .icon:before {
    filter: brightness(0) invert(1);
}

.highlight-offers .offer-item .icons .bafa:before {
    width: 25px;
    height: 25px;
    top: -4px;
    left: -4px;
    background-size: contain;
}

.highlight-offers .offer-item .vehicle-price {
    font-size: 46px;
    color: #fff;
}

.highlight-offers .offer-item .offer-step-next {
    font-size: 18px;
    line-height: 1;
    color: #da291c;
    text-transform: uppercase;
    text-decoration: none;
    border: solid 4px #fff;
    border-radius: 0;
    padding: 8px 10px 4px;
    background: #fff;
    display: block;
    transition: all 275ms ease-in-out;
}

.highlight-offers .offer-item .offer-step-next:hover,
.highlight-offers .offer-item .offer-step-next:active,
.highlight-offers .offer-item .offer-step-next:focus {
    background: #da291c;
    color: #fff;
    transition: all 275ms ease-in-out;
    box-shadow: none;
}

.highlight-offers .offer-item .offer-step-next span {
    position: relative;
    display: block;
}

.highlight-offers .offer-item .offer-step-next i {
    position: absolute;
    margin-left: -25px;
    top: 50%;
    margin-top: -11px;
}

#highlights-tiles[data-has-offer='True'] .slick-prev,
#highlights-tiles[data-has-offer='True'] .slick-next {
    background: #818586;
    width: 82px;
    height: 82px;
}

#highlights-tiles[data-has-offer='True'] .slick-prev:before,
#highlights-tiles[data-has-offer='True'] .slick-next:before {
    content: '';
    position: absolute;
    top: 18px;
    left: 30px;
    width: 28px;
    height: 48px;
    background: url(/img/citroen/offer/arrowfff.svg) 0 0 no-repeat;
    background-size: contain;
    opacity: 1;
}

#highlights-tiles[data-has-offer='True'] .slick-prev:hover:before,
#highlights-tiles[data-has-offer='True'] .slick-next:hover:before {
    background-image: url(/img/citroen/offer/arrowda291c.svg);
}

#highlights-tiles[data-has-offer='True'] .slick-prev:before {
    transform: rotate(180deg);
    left: auto;
    right: 30px;
}

#highlights-tiles[data-has-offer='True'] .slick-prev {
    left: -92px;
}

#highlights-tiles[data-has-offer='True'] .slick-next {
    right: -92px;
}

.popover-immediately-available-icon {
    color: #5DB74D;
}

#_psaihm_main_div {
    position: absolute !important;
    left: calc(50% - 300px) !important;
    top: 100px !important;
    transform: translate(0px, 0px) !important;
}

@media screen and (min-width: 769px) {
    #_psaihm_main_div._psaihm_css_notcollapse {
    }
}

@media screen and (min-width: 200px) and (max-width: 920px) {
    #_psaihm_main_div {
        transform: translate(0px, 0px) !important;
        top: 400px !important;
    }
}

@media screen and (min-width: 414px) and (max-width: 769px) {
    #_psaihm_main_div._psaihm_css_notcollapse {
    }
}

@media screen and (max-width: 1329.98px) {
    #highlights-tiles[data-has-offer='True'] {
        padding-top: 30px;
    }

    #highlights-tiles[data-has-offer='True'] .slick-prev,
    #highlights-tiles[data-has-offer='True'] .slick-next {
        top: -50px;
        transform: none;
        width: 42px;
        height: 42px;
    }

    #highlights-tiles[data-has-offer='True'] .slick-prev {
        left: 11px;
    }

    #highlights-tiles[data-has-offer='True'] .slick-next {
        right: 11px;
    }

    #highlights-tiles[data-has-offer='True'] .slick-prev:before,
    #highlights-tiles[data-has-offer='True'] .slick-next:before {
        top: 7px;
        left: 14px;
        width: 20px;
        height: 28px;
    }

    #highlights-tiles[data-has-offer='True'] .slick-prev:before {
        left: auto;
        right: 14px;
    }
}

@media screen and (max-width: 1087.98px) {
    .highlight-offers .offer-item .claim {
        padding-right: 40px;
    }

    .highlight-offers .offer-item .claim .car-label {
        top: 18px;
        right: 15px;
    }

    .highlight-offers .offer-item .claim .car-label img {
        width: 150px;
    }
}

@media screen and (max-width: 991.98px) {
    .highlight-offers .offer-item .claim {
        padding: 10px 15px 0;
    }

    .highlight-offers .offer-item .claim .car-label {
        position: relative;
        top: 0;
        right: 0;
    }

    .highlight-offers .offer-item .claim .car-label:after {
        content: '';
        display: block;
        clear: both;
    }

    .highlight-offers .offer-item .claim .car-label img {
        width: 150px;
        float: right !important;
        margin: 0;
    }

    .highlight-offers .offer-item .claim h3 {
        font-size: 30px;
        margin-bottom: 8px;
    }

    .highlight-offers .offer-item .claim h4 {
        font-size: 22px;
    }

    .highlight-offers .offer-item .image {
        margin-top: 0;
    }

    .highlight-offer-soldout-inner {
        font-size: 22px;
        padding: 6px 10px;
    }

    .highlight-offers .offer-item .model {
        font-size: 26px;
    }

    .highlight-offers .offer-item .vehicle-price {
        font-size: 38px;
    }

    .highlight-offers .offer-item .description .icons {
        flex-wrap: wrap;
    }

    .highlight-offers .offer-item .description .icons .icon {
        width: 100%;
    }

    .highlight-offers .offer-item .description .icons .icon:first-child {
        margin-right: 0;
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 767.98px) {
    .highlight-offers-slider:before, .highlight-offers-slider:after {
        display: none;
    }

    .highlight-offers .offer-item .vehicle-price {
        font-size: 30px;
    }

    .highlight-offers .offer-item .description .icons .icon:first-child {
        margin-bottom: 0;
    }

    .swal-wide {
        width: 100% !important;
    }

    .swal-wide .popover-body .col-6 {
        max-width: 100%;
        flex: auto;
    }
}

@media screen and (max-width: 459.98px) {
    .highlight-offers .offer-item .claim h3 {
        font-size: 26px;
    }

    .highlight-offers .offer-item .claim h4 {
        font-size: 20px;
    }

    .highlight-offers .offer-item .model {
        font-size: 22px;
    }

    #highlights-tiles[data-has-offer='True'] .slick-prev {
        left: 20px;
    }

    #highlights-tiles[data-has-offer='True'] .slick-next {
        right: 20px;
    }
}

@media screen and (min-width: 1400px) {
    #highlights-tiles[data-has-offer='True'] .slick-prev {
        left: -112px;
    }

    #highlights-tiles[data-has-offer='True'] .slick-next {
        right: -112px;
    }
}

.default-theme #actionCode {
    width: 100%;
}

#actionCode .form-row #actionCodeSuccess,
#actionCode .form-row #actionCodeFailure {
    margin-top: 10px;
}

/*
 * Images
 */

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-fluid.img-fluid--width-100 {
    width: 100%;
}

.img-fluid.img-fluid--display-block {
    display: block;
}

.summary-share-dropdown {
    position: relative;
}
    
    .summary-share-dropdown .dropdown-toggle {
        position: absolute;
    }

    .summary-share-dropdown .dropdown-toggle::after {
        display: none;
    }
/*
* Start Swal Alert
*/
.swal2-html-container {
    font-family: var(--ds-font-regular);
}

.swal2-close {
    color: var(--ds-black);
}

.swal2-close:focus {
    outline: none;
    box-shadow: none;
}

.swal2-close:hover {
    color: var(--ds-carmine);
}

.swal2-content {
    color: var(--ds-black);
    font-family: var(--ds-font-regular);
    font-size: 1rem;
    line-height: 1.5;
}

.swal2-content .popover-body {
    font-family: var(--ds-font-regular);
    color: var(--ds-black);
}

.swal2-title {
    font-family: var(--ds-font-bold);
    font-size: 20px;
    color: var(--ds-black);
}

.swal2-icon.swal2-warning {
    border-color: var(--ds-carmine);
    color: var(--ds-carmine);
}

.swal2-styled.swal2-confirm,
.swal2-styled.swal2-cancel,
.swal2-styled.swal2-deny {
    background-image: none;
    border: none;
    white-space: nowrap;
    border-radius: var(--ds-cta-border-radius);
    font-family: var(--ds-cta-font-family);
    font-size: var(--ds-cta-font-size);
    letter-spacing: var(--ds-cta-letter-spacing);
    line-height: var(--ds-cta-line-height);
    padding: var(--ds-cta-padding);
    text-transform: var(--ds-cta-text-transform);
    transition: all var(--ds-cta-transition-duration) var(--ds-cta-transition-timing-function);
    background-color: var(--ds-cta-red-bg);
    color: var(--ds-cta-red-color);
}

.swal2-styled.swal2-confirm:focus,
.swal2-styled.swal2-cancel:focus,
.swal2-styled.swal2-deny:focus {
    outline: none;
    box-shadow: none;
}

.swal2-styled.swal2-confirm:hover {
    background-color: var(--ds-cta-red-hover-bg);
    color: var(--ds-cta-red-hover-color);
    /*border-color: var(--ds-black);*/
}

.swal2-styled.swal2-cancel {
    background: var(--ds-cta-outline-bg);
    color: var(--ds-cta-outline-color);
    border: 1px solid var(--ds-cta-outline-border-color);
}

.swal2-styled.swal2-cancel:hover {
    background: var(--ds-cta-outline-hover-bg);
    color: var(--ds-cta-outline-hover-color);
    border: 1px solid var(--ds-cta-outline-hover-border-color);
}

.swal2-styled.swal2-deny {
    background: var(--ds-cta-outline-bg);
    color: var(--ds-cta-outline-color);
    border: 1px solid var(--ds-cta-outline-border-color);
}

.swal2-styled.swal2-deny:hover {
    background: var(--ds-cta-outline-hover-bg);
    color: var(--ds-cta-outline-hover-color);
    border: 1px solid var(--ds-cta-outline-hover-border-color);
}

.swal2-styled.swal2-confirm:hover,
.swal2-styled.swal2-cancel:hover,
.swal2-styled.swal2-deny:hover,
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: none;
}

/*
* End Swal Alert
*/

.font-weight-bold {
    font-family: var(--ds-font-bold);
    font-weight: normal;
}

b, strong {
    font-family: var(--ds-font-bold);
    font-weight: normal;
}

.background-pdf {
    background: var(--ds-white);
}

@media print, screen and (max-width: 1100px) {
    .four-steps-box-wrapper {
        margin-top: 0px !important;
    }
}

.border-box-headline {
    background-color: var(--ds-carmine);
}

.four-steps-box-wrapper > div {
    background-color: var(--ds-link-color-bright-background);
    color: var(--ds-white);
}

.four-steps-box-wrapper {
    background-color: var(--ds-link-color-bright-background);
    color: var(--ds-white);
}

.modal-footer-accept-button {
    background-color: var(--ds-carmine);
    font-size: 18px;
    line-height: 130%;
    padding: 12px 18px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
}

.modal-footer-accept-button:hover {
    background-color: var(--ds-carmine);
}

.inputRadius .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    background: var(--ds-champagne-pale);
    color: var(--ds-white);
}

.inputRadius .selection .select2-selection--single .select2-selection__arrow::after {
    background-color: var(--ds-gen-gray);
}

.inputRadius .selection .select2-selection--single .select2-selection__arrow::after {
    border-bottom: 1px solid var(--ds-gen-gray);
    border-top: 1px solid var(--ds-gen-gray);
}

*[aria-labelledby="select2-radius-input-container"] {
    border-color: var(--ds-gen-gray) !important;
    border-left-color: var(--ds-gen-darkergray) !important;
}

.white-color {
    color: var(--ds-white);
}

.imprint, .data-protection {
    color: var(--ds-white);
}

.imprint a, .data-protection a {
    color: var(--ds-carmine);
}

.tinyLink {
    color: var(--ds-carmine);
}

.tinyLink:hover {
    color: var(--ds-carmine);
}

.main-headline h1 {
    color: var(--ds-champagne-dark);
}

.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
    background-color: var(--ds-gen-gray);
}

.result-border-box .text-price-layer .vehicle-price-red, a.vehicle-detail-link {
    color: var(--ds-black);
}

/* Search results */
span.efficiency-class {
    color: var(--ds-carmine);
}

.headline {
    font-family: var(--headline-font);
    font-size: var(--headline-fontsize);
    color: var(--ds-gen-champane);
}

.headline.headline-results {
    font-family: var(--ds-font-regular);
    color: var(--ds-white);
    font-size: 20px;
}

.page-li-active span {
    border: 2px solid var(--ds-carmine) !important;
    color: var(--ds-carmine);
}

.popover {
    font-family: var(--ds-font-regular);
    border: 1px solid var(--ds-gen-champane);
}

.bs-popover-top > .arrow::before {
    border-top-color: var(--ds-gen-champane);
}

.bs-popover-bottom > .arrow:before {
    border-bottom-color: var(--ds-gen-champane);
}

.bs-popover-left > .arrow:before {
    border-left-color: var(--ds-gen-champane);
}

.bs-popover-right > .arrow:before {
    border-right-color: var(--ds-gen-champane);
}

.popover-bafa {
    color: var(--ds-carmine);
}

.popover-price small, .popover-optionsseries small {
    font-size: 80%;
}

.popover-price, .popover-optionsseries, .popover-bafa {
    color: var(--ds-carmine);
}

.efficiency-class-chevron {
    vertical-align: baseline;
}

.co2-text-background a {
    color: var(--ds-carmine);
}

.co2-dat {
    font-family: var(--ds-font-regular);
    color: var(--ds-white);
    font-size: 14px;
}

.car-list-item {
    border: 3px solid var(--ds-gen-gray);
}

.car-list-image-column,
.result-border-box .info-layer {
    background-color: white;
}

@media print, screen and (min-width: 575.98px) {
    .car-list-image-column-inner-wrap {
        background-color: white;
    }
}

.gallery-wrapper {
    background-color: white;
}

.redirect-wrapper {
    background-color: var(--ds-white);
}

.equipment-details-box {
}

.equipment-details-box .popup {
    border-color: var(--ds-carmine);
}

.equipment-details-box .popup h3,
.equipment-details-box .popup .table-left,
.equipment-details-box .popup .table-right {
    color: var(--ds-black);
}

.equipment-details-box-wrapper {
    margin-bottom: 0px !important;
    padding-bottom: 20px !important;
    background: var(--ds-white);
    border: 4px solid var(--ds-gen-champane);
    border-bottom: none;
}

.motor-tarif-box-wrapper {
    background-color: white !important;
    padding-bottom: 20px;
    border: 4px solid var(--ds-gen-champane);
    border-top: none;
}

.equipment-details-box .sub-headline,
.motor-tarif-box .sub-headline {
    font-size: 16px;
}

.gallery .headline {
    color: var(--ds-gen-darkergray);
}

.button-white-greyborder-arrow-left {
    color: var(--ds-carmine) !important;
    border: none;
}

.button-white-greyborder-arrow-left:hover {
    color: var(--ds-carmine) !important;
    background-color: var(--ds-white);
}

a.red-link {
    color: var(--ds-carmine);
}

.legal-info-text-wrapper .legal-info-text .highlight-headline {
    color: var(--ds-carmine);
}

.legal-info-text-wrapper .legal-info-text .content a {
    color: var(--ds-carmine);
}

.border-box {
    border: solid 4px var(--ds-gen-lightgray);
}

.button-text-toggle:before,
.button-box-toggle:before {
    background: url("/img/ds/arrow_down.png") top left no-repeat;
}

.button-text-download {
    color: var(--ds-carmine);
}

.button-text-download:hover {
    color: var(--ds-carmine);
}

.motor-tarif-box .listdots ul li:before,
.equipment-details-box .listdots ul li:before {
    background: var(--ds-carmine);
    top: 7px;
}

.button-text-toggle:before {
    background: url("/img/ds/arrow_down.png") top left no-repeat;
    top: 5px;
}

.button-white-greyborder-arrow-left span {
    font-size: 18px;
}

.button-white-greyborder-arrow-left:after {
    background: url("/img/ds/arrow_left_big.png") top left no-repeat;
    top: 59%;
}

/** insert blue arrow_left_big_white.png*/
.button-white-greyborder-arrow-left:hover:after {
    background: url("/img/ds/arrow_left_big_820030.png") top left no-repeat;
}

.button-white-greyborder-arrow-left:hover span {
    color: var(--ds-carmine);
}

.financial-offers-box .popup {
    width: 360px;
    /*height: 374px;*/
    height: 100%;
    background-color: rgba(46,65,81, 0.75);
    color: var(--ds-black);
    border: none;
    position: absolute;
    left: 37px;
    top: 0px;
    padding-top: 18px;
    padding-bottom: 25px;
    padding-left: 27px;
    padding-right: 27px;
}

.financial-offers-box .popup:after {
    background: none;
    display: none;
}

.financial-offers-box .headline,
.financial-offers-box .price,
.financial-offers-box .bullet {
    color: white;
}

.border-filter-box {
    border: solid 4px var(--ds-gen-champane);
    background-color: var(--ds-gen-champane);
}

.border-filter-box .grey-bg {
    background-color: var(--ds-champagne-pale);
}

.button-pagination a {
    color: var(--ds-carmine);
}

.result-border-box .text-price-layer {
    font-size: 22px;
}

.page-item,
.page-link {
    border: 2px solid var(--ds-carmine) !important;
}

a.button-text-toggle {
    color: var(--ds-carmine) !important;
}

.button-text-toggle span {
    text-decoration: underline;
}

.gallery .config-layer .text-top {
    color: var(--ds-black);
}

.gallery .config-layer .text-registry {
    color: var(--ds-black);
}

.config-layer .leasing-payment-brutto-normal {
    color: var(--ds-carmine);
}

.config-layer .leasing-payment-brutto-normal sup {
    font-size: 22px;
    font-family: var(--ds-font-bold);
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -18px;
}

.config-layer .leasing-payment-brutto-srv,
.config-layer .leasing-payment-brutto-currency-label {
    font-size: 42px;
    font-family: var(--ds-font-bold);
}

.config-layer .leasing-payment-brutto-label {
    font-size: 42px;
    font-family: var(--ds-font-bold);
}

.location-box {
    max-width: 1180px;
    padding: 20px
}

.location-box .popup {
    position: relative;
    left: 0px;
    top: 0px;
}

.location-box .popup:after {
    background: none;
    display: none;
}

.tarif2-box-wrapper {
    border: 4px solid var(--ds-gen-champane);
    background-color: var(--ds-white);
}

.tarif2-box-wrapper.top {
    border-bottom: 0px;
}

.tarif2-box-wrapper.bottom {
    border-top: 0px;
}

.location-box {
    border: 4px solid var(--ds-gen-champane);
}

.location-box .popup {
    border: none;
}

.legal-info-text-wrapper {
    margin-bottom: 30px;
    background: none;
}

.legal-info-text-wrapper .legal-info-text {
    border: 4px solid var(--ds-gen-champane);
    padding-left: 15px;
    padding-right: 15px;
    background: var(--ds-white);
}

.legal-info-text-wrapper .legal-info-text .sub-headline,
.legal-info-text-wrapper .legal-info-text .headline,
.legal-info-text-wrapper .legal-info-text .highlight-headline {
    text-align: center;
}

.legal-info-text-wrapper .legal-info-text .content {
    max-width: 100%;
}

.location-box-wrapper {
    margin-bottom: 20px;
}

@media (max-width: 575.98px) {
    .location-box-wrapper {
        margin-bottom: 30px;
    }
}

@media (max-width: 1140px) {
    .legal-info-text-wrapper {
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media (max-width: 1199.98px) {
    .legal-info-text-wrapper .legal-info-text {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.inputRadius .select2-selection--single .select2-selection__arrow:after {
    color: var(--ds-white);
}

.inputRadius .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered,
.inputRadius .selection .select2-selection--single .select2-selection__arrow::after {
    background: var(--ds-cta-red-bg);
}

.inputRadius .selection .select2-selection--single .select2-selection__arrow::after {
    border-bottom: 1px solid var(--ds-cta-red-bg);
    border-top: 1px solid var(--ds-cta-red-bg);
}

.inputRadius .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    border-right: 1px solid var(--ds-cta-red-bg);
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
    top: 50%;
}

.selection .select2-selection--single .select2-selection__arrow::after {
    height: 38px;
    width: 37px;
}

.inputSelect2Grey .selection .select2-selection--single .select2-selection__arrow::after {
    border-bottom: 1px solid var(--ds-gen-champane);
    border-top: 1px solid var(--ds-gen-champane);
    background-color: var(--ds-gen-champane);
}

.select2-container--bootstrap4 .select2-selection.contact-select2 {
    border: 2px solid var(--ds-gen-champane);
}

input[type="text"], textarea {
    border: 2px solid var(--ds-gen-champane) !important;
    font-size: 16px !important;
}

.inputSelect2Grey .selection .select2-selection--single .select2-selection__arrow::after {
    color: var(--ds-white);
}

.select2-container--bootstrap4.select2-container .select2-selection {
    border: 2px solid var(--ds-gen-champane) !important;
}
    .select2-container--bootstrap4.select2-container .select2-selection:has(#select2-radius-input-container) {
        border: 2px solid var(--ds-cta-red-bg) !important;
    }

.sortby .select2-container--bootstrap4.select2-container .select2-selection {
    background: var(--ds-link-color-bright-background);
}

.select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected="true"] {
    color: white;
}

#showResultsLinkExtended {
    text-decoration: underline;
    color: var(--ds-carmine);
    font-size: 14px;
}

.contact textarea[type="text"]:focus,
.contact input[type="text"]:focus {
    border-color: var(--ds-champagne-light) !important;
}

.contact .form-error {
    color: white;
}

.contact.error {
    color: white;
}

.contact input:-webkit-autofill,
.contact input:-webkit-autofill:hover,
.contact input:-webkit-autofill:focus,
.contact input:-webkit-autofill:active,
.contact input:-webkit-autofill::first-line {
    font-family: var(--ds-font-regular);
    font-size: 16px;
    -webkit-text-fill-color: var(--ds-black);
    -webkit-box-shadow: 0 0 0 30px var(--ds-champagne-pale) inset !important;
}

.fairness-box-wrapper .fairness-box .headline {
    font-family: var(--ds-font-bold);
}

.fairness-box-wrapper .fairness-box .fairness-btn {
    font-family: var(--ds-font-bold);
}

.financial-offers-box .headline {
    font-family: var(--ds-font-bold);
}

.financial-offers-box .price {
    font-family: var(--ds-font-bold);
}

.financial-offers-box .bullet {
    font-family: var(--ds-font-regular);
}

.financial-offers-box .bsp {
    font-family: var(--ds-font-regular);
}

.slider .headline {
    font-family: var(--ds-font-bold);
}

.slider .content {
    font-family: var(--ds-font-bold);
}

.legal-info-text-wrapper .legal-info-text .sub-headline {
    font-family: var(--ds-font-regular);
    font-size: 16px;
    color: var(--ds-black);
}

.legal-info-text-wrapper .legal-info-text .headline {
    font-family: var(--ds-font-regular);
    font-size: 24px;
}

.legal-info-text-wrapper .legal-info-text .highlight-headline {
    font-family: var(--ds-font-regular);
    font-size: 24px;
}

.legal-info-text-wrapper .legal-info-text .content {
    font-family: var(--ds-font-regular);
}

.gallery .headline {
    font-family: var(--ds-font-bold);
    font-size: 32px;
    line-height: 1.4;
    color: var(--ds-black);
}

.gallery .sub-headline {
    font-family: var(--ds-font-regular);
    font-size: 18px;
}

.gallery .config-layer .text-top {
    font-family: var(--ds-font-regular);
    font-size: 18px;
}

.gallery .config-layer .transport-costs-separated {
    font-family: var(--ds-font-regular);
}

.gallery .config-layer .label {
    font-family: var(--ds-font-regular);
}

.gallery .config-layer .text-registry {
    font-family: var(--ds-font-regular);
}

.teaser-text {
    font-family: var(--ds-font-regular);
    font-size: 23px;
}

.sub-headline {
    font-family: var(--ds-font-bold);
}

.sub-headline-grey {
    font-family: var(--ds-font-bold);
    color: var(--ds-black);
}

.sub-headline-legal {
    font-family: var(--ds-font-regular);
}

.motor-tarif-box .listdots ul li,
.tarif2-box-wrapper .listdots ul li {
    font-family: var(--ds-font-regular);
}

.location-box .content-box .headline {
    font-family: var(--ds-font-bold);
    font-size: 18px;
}

.location-box .content-box .content {
    font-family: var(--ds-font-regular);
    font-size: 16px;
}

.border-box-headline {
    font-family: var(--ds-font-bold);
}

.border-box {
    font-family: "DS Regulart", Arial, Helvetica, sans-serif;
}

.result-border-box {
    font-family: var(--ds-font-regular);
}

.result-border-box .car-list-detail-column {
    background: var(--ds-white);
}

.result-border-box .text-headline-layer {
    font-family: var(--ds-font-bold);
    font-size: 22px;
}

.result-border-box .text-price-layer {
    font-family: var(--ds-font-regular);
}

.result-border-box .text-layer {
    font-family: var(--ds-font-regular);
    font-size: 15px;
}

.toggle-detail {
    font-family: var(--ds-font-regular);
}

.toggle-detail:after {
    background-image: url(/img/ds/arrow_right_big.png);
}

.grey-box .headline {
    font-family: var(--ds-font-bold);
}

.grey-box .sub-headline {
    font-family: var(--ds-font-bold);
}

.equipment-details-box .popup h3 {
    font-family: var(--ds-font-bold);
    font-size: 20px;
}

.equipment-details-box .popup .table-left {
    font-family: var(--ds-font-regular);
    font-size: 14px;
}

.equipment-details-box .popup .table-right {
    font-family: var(--ds-font-regular);
    font-size: 14px;
}

.equipment-details-box .listdots ul li,
.motor-tarif-box .listdots ul li {
    font-family: var(--ds-font-regular);
    font-size: 16px;
}

.dealer-box-white {
    font-family: var(--ds-font-regular);
}

.listdots.list ul li {
    font-family: var(--ds-font-regular);
}

.listbold.list ul li {
    font-family: var(--ds-font-bold);
}

.button-text-download {
    font-family: var(--ds-font-regular);
    font-size: 14px;
}

.button-text-arrow-right {
    font-family: var(--ds-font-regular);
}

.button-text-arrow-left {
    font-family: var(--ds-font-regular);
}

.button-text-toggle {
    font-family: var(--ds-font-bold);
}

.button-box-toggle {
    font-family: var(--ds-font-regular);
    font-size: 16px;
}

.button-white-greyborder-arrow-left {
    display: inline-block;
    border-radius: var(--ds-cta-border-radius);
    font-family: var(--ds-cta-font-family);
    font-size: var(--ds-cta-font-size);
    letter-spacing: var(--ds-cta-letter-spacing);
    line-height: var(--ds-cta-line-height);
    padding: var(--ds-cta-padding);
    text-transform: var(--ds-cta-text-transform);
    transition: all var(--ds-cta-transition-duration) var(--ds-cta-transition-timing-function);
    background: var(--ds-cta-outline-bg);
    color: var(--ds-cta-outline-color) !important;
    border: 1px solid var(--ds-cta-outline-border-color);
}

.button-white-greyborder-arrow-left:hover {
    background: var(--ds-cta-outline-hover-bg);
    color: var(--ds-cta-outline-hover-color) !important;
    border: 1px solid var(--ds-cta-outline-hover-border-color);
}

.button-white-greyborder-arrow-left span {
    font-family: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    color: inherit;
    transition: inherit;
}

.button-white-greyborder-arrow-left:hover span {
    color: var(--ds-cta-outline-hover-color);
}

.button-white-greyborder-arrow-left::after {
    display: none;
}

@media (max-width: 991.98px) {
    .button-white-greyborder-arrow-left {
        text-align: left;
        border: none;
        border-radius: 0;
        height: initial;
        width: initial;
        background: transparent;
        padding: 0;
        position: relative;
        padding-left: 16px;
        margin-bottom: 10px;
        color: var(--ds-cta-champagne-color) !important;
    }

    .button-white-greyborder-arrow-left:hover {
        border: none;
        background: transparent;
        color: var(--ds-cta-champagne-color) !important;
    }

    .button-white-greyborder-arrow-left:hover span {
        color: var(--ds-cta-champagne-color) !important;
    }

    .button-white-greyborder-arrow-left::after {
        display: block;
        content: '';
        position: absolute;
        left: 0;
        top: 3px;
        width: 8px;
        height: 13px;
        background: url("data:image/svg+xml,%3Csvg aria-hidden='true' viewBox='0 0 8 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.585266 11.5841L5.1713 6.99807L0.585266 2.41205L1.99927 0.998047L7.9993 6.99807L1.99927 12.9981L0.585266 11.5841Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E") 0 0 no-repeat;
        background-size: auto;
        background-size: contain;
        transform: scale(-1,1);
    }

    .button-white-greyborder-arrow-left:hover::after {
        background: url("data:image/svg+xml,%3Csvg aria-hidden='true' viewBox='0 0 8 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.585266 11.5841L5.1713 6.99807L0.585266 2.41205L1.99927 0.998047L7.9993 6.99807L1.99927 12.9981L0.585266 11.5841Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E") 0 0 no-repeat;
        transform: scale(-1,1);
    }
}

.button-red-arrow-right,
.button-white-arrow-right {
    text-align: center;
    display: inline-block;
    border: none;
    min-width: initial;
    border-radius: var(--ds-cta-border-radius);
    font-family: var(--ds-cta-font-family);
    font-size: var(--ds-cta-font-size);
    letter-spacing: var(--ds-cta-letter-spacing);
    line-height: var(--ds-cta-line-height);
    padding: var(--ds-cta-padding);
    text-transform: var(--ds-cta-text-transform);
    transition: all var(--ds-cta-transition-duration) var(--ds-cta-transition-timing-function);
    background-color: var(--ds-cta-red-bg);
    color: var(--ds-cta-red-color);
}

.summary-cta .button-orange-arrow-right,
.summary-cta2 .button-orange-arrow-right {
    min-width: 263px;
}

.button-red-arrow-right:hover,
.button-white-arrow-right:hover {
    background-color: var(--ds-cta-red-hover-bg);
    color: var(--ds-cta-red-hover-color);
}

.button-red-arrow-right:focus,
.button-white-arrow-right:focus {
    box-shadow: none;
}

.button-red-arrow-right:after,
.button-white-arrow-right:after,
.blue-button-border-only-arrow-right:after {
    display: none;
}

.button-red-arrow-right:hover span,
.button-white-arrow-right:hover span,
.blue-button-border-only-arrow-right:hover span {
    color: var(--ds-cta-red-hover-color);
}

.button-white-arrow-right:after,
.button-white-arrow-right:hover:after,
.blue-button-border-only-arrow-right:hover:after {
    background-image: none;
}

.blue-button-border-only-arrow-right {
    border: none;
    /*border: 1px solid var(--ds-carmine);*/
    /*border-top: none;*/
    /*background-color: var(--ds-carmine);*/
    /*color: var(--ds-white);*/
    /*text-transform: uppercase;*/
    /*font-family: var(--ds-font-bold);*/
    /*font-size: 15px;*/
    /*padding: 12px 24px;*/
    /*min-width: 115px;*/
    /*min-height: 48px;*/
    /*line-height: 1.5;*/
    /*text-align: center;*/
    /*border-radius: var(--ds-cta-border-radius);*/
    /* --- */
    border-radius: var(--ds-cta-border-radius);
    font-family: var(--ds-cta-font-family);
    font-size: var(--ds-cta-font-size);
    letter-spacing: var(--ds-cta-letter-spacing);
    line-height: var(--ds-cta-line-height);
    padding: var(--ds-cta-padding);
    text-transform: var(--ds-cta-text-transform);
    transition: all var(--ds-cta-transition-duration) var(--ds-cta-transition-timing-function);
    background-color: var(--ds-cta-red-bg);
    color: var(--ds-cta-red-color);
}

.blue-button-border-only-arrow-right:hover {
    background-color: var(--ds-cta-red-hover-bg);
    color: var(--ds-cta-red-hover-color);
}

.blue-button-border-only-arrow-right:hover span {
    color: var(--ds-cta-red-hover-color);
}

.button-orange-aim-right {
    font-family: var(--ds-font-regular);
}

.button-white-arrow-right {
    font-family: var(--ds-font-bold);
}

.button-blue {
    font-family: var(--ds-font-regular);
}

.button-orange {
    font-family: var(--ds-font-regular);
}

.button-grey {
    font-family: var(--ds-font-bold);
}

.button-pagination {
    font-family: var(--ds-font-bold);
    background-color: transparent !important;
}

.button-pagination.number {
    padding: 0px !important;
    border-radius: 4px;
    margin: 0;
}

input[type="text"], textarea {
    font-family: var(--ds-font-regular);
}

[class^='select2'] {
    font-family: var(--ds-font-regular);
    font-size: 16px;
    line-height: 2.15;
}

.select2-container--bootstrap4 .select2-selection__clear {
    font-size: 18px;
    padding-left: 5px;
    line-height: 22px;
    margin-top: .45em;
}

.families-outer-wrap .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice,
#extended-search-parameters .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    height: 30px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-top: 0;
}

.families-outer-wrap .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    margin-top: 0px;
}

.labelOutputSmall,
.labelInputMain,
.labelInputSub,
.labelOutput {
    font-family: var(--ds-font-regular);
    font-size: 15px;
    color: var(--ds-gen-darkestgray);
}

.labelInputSub {
    font-size: 14px;
}

.labelOutputSmall {
    font-size: 17px;
}

.page-item {
    font-family: var(--ds-font-bold);
    background-color: var(--ds-white) !important;
}

.label-font {
    font-family: var(--ds-font-regular);
    color: var(--ds-white);
}

.contact h2 {
    font-family: var(--ds-font-regular);
    color: var(--headline-color);
}

.contact h3 {
    font-family: var(--ds-font-regular);
    color: var(--ds-gen-champane);
}

.contact h4 {
    font-family: var(--ds-font-regular);
}

.contact p {
    font-family: var(--ds-font-regular);
    color: var(--ds-white);
}

.contact .adjustHeading {
    font-family: var(--ds-font-regular);
}

.about .headline {
    font-family: var(--ds-font-bold);
    font-size: 28px;
}

.about .headline_red {
    font-family: var(--ds-font-bold);
}

.red-button-border-only-arrow-right {
    font-family: var(--ds-font-regular);
}

.co2-text-background {
    font-family: var(--ds-font-regular);
    background-color: var(--ds-link-color-bright-background);
    color: var(--ds-white);
}

.googleMapsInfoWindow {
    font-family: var(--ds-font-regular);
}

ul.pagination > .disabled.number {
    padding-left: 9px;
    color: var(--ds-carmine);
    background-color: var(--ds-white) !important;
}

ul.pagination > .disabled.number:hover {
    border-color: var(--ds-carmine);
}

.header-pdf {
    border-bottom: 2px solid var(--ds-carmine);
    padding: 0;
}

.border-box-pdf {
    border: solid 4px var(--ds-gen-champane);
    background: var(--ds-white);
    padding: 20px 20px;
}

.sub-headline-grey {
    color: var(--ds-black);
}

.listdots.list ul li:before {
    background: var(--ds-gen-darkergray);
}

h1.tradename {
    font-size: 32px;
    font-weight: bold;
}

.leasing-payment-brutto-pdf {
    font-family: var(--ds-font-regular);
    color: var(--ds-carmine);
}

/*begin about*/
.headline_blue,
.about .headline_red {
    font-family: var(--ds-font-regular);
    font-size: 36px;
    letter-spacing: 0.3px;
    color: var(--ds-gen-champane);
    margin-bottom: 10px;
    text-transform: uppercase;
}

.button-box-toggle span:hover {
    color: var(--ds-carmine) !important;
    text-decoration: none;
}

.consumption-data {
    text-align: justify;
    font-size: 14px;
    line-height: 1.7;
}

.fairness-box-wrapper .fairness-box .headline.digital100 {
    font-size: 33px;
}

.icon {
    font-family: "DS Light", Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.immediately:before {
    background: url("/img/ds/icons/tick.svg") 0 0 no-repeat;
}

.demonstration:before {
    background: url("/img/ds/icons/demonstration-icon.svg") 0 0 no-repeat;
    background-size: contain;
}

.transport:before {
    background: url("/img/ds/icons/dollar.png") no-repeat center/120%;
}

.home-delivery:before {
    background: url("/img/ds/icons/icon-house-key.svg") 0 0 no-repeat;
}

.zero-special-payment:before {
    background: url("/img/ds/icons/zero-payment.svg") 0 0 no-repeat;
}

.popover-immediately-available-icon {
    color: var(--ds-carmine);
}

.financial-offers-box .icon {
    color: var(--ds-white);
}

.breadcrumb-fastlane a,
.breadcrumb-fastlane-inactive {
    color: var(--ds-white);
    font-size: 15px;
    font-family: var(--ds-font-bold);
}

.breadcrumb-fastlane-active {
    font-size: 15px;
    font-family: var(--ds-font-bold);
    color: var(--ds-white);
}

.breadcrumb-fastlane a:hover {
    color: var(--ds-white);
}

.our-promise-checklist {
    font-family: var(--ds-font-bold);
    font-size: 22px;
    color: var(--ds-gen-champane);
}

.align-headline {
    justify-content: unset !important;
}

.our-promise-headline {
    font-family: var(--ds-font-bold);
    font-size: 36px;
    line-height: 1.4;
    text-transform: uppercase;
    color: var(--ds-gen-champane);
    margin: 30px 0;
}

.our-promise-box-wrapper {
    color: var(--ds-champagne);
}

.select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true] {
    background-color: var(--ds-gen-champane);
}

.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
    background-color: var(--ds-gen-champane);
}

#select2-SortOrder-container {
    color: var(--ds-white) !important;
}

.labelInputMain .select2-results [class^='select2'] {
    color: var(--ds-black);
}

#select2-SortOrder-results .select2-results__option {
    color: var(--ds-white);
}

#select2-SortOrder-results {
    background: var(--ds-link-color-bright-background) !important;
    color: var(--ds-white) !important;
}

.our-promise-checklist ul li:before {
    background-image: url("/img/ds/check-icon.png");
}

.result-border-box .car-list-image-wrapper img {
    max-width: calc(100% + 30px);
    margin-top: 10px;
}

.about_body {
    font-family: var(--ds-font-regular);
    font-size: 16px;
    background: var(--ds-white);
    padding-bottom: 50px;
}

.about .headline {
    color: var(--ds-white);
}

.about_body .text-uppercase {
    font-family: var(--ds-font-regular);
    font-size: 24px;
    color: var(--ds-black) !important;
}

.motor-tarif-box .listnodotsbold ul li,
.tarif2-box-wrapper .listnodotsbold ul li,
.motor-tarif-box .listnodots ul li,
.tarif2-box-wrapper .listnodots ul li {
    font-family: var(--ds-font-regular);
    font-size: 16px;
}

.location-box .popup .headline {
    font-family: var(--ds-font-bold);
    font-size: 18px;
}

.location-box .popup .content {
    font-family: var(--ds-font-regular);
    font-size: 16px;
}

.faq-wrapper {
    font-family: var(--ds-font-regular);
    font-size: 16px;
}

    .faq-wrapper .card {
        margin-bottom: 1rem;
    }

    .faq-wrapper .accordion > .card:first-of-type,
    .faq-wrapper .accordion > .card:not(:first-of-type):not(:last-of-type) {
        border-bottom: 1px solid rgba(0, 0, 0, .125);
    }

.faq-wrapper .card .collapse,
.faq-wrapper .card .collapsing {
    border-top: 1px solid rgba(0,0,0,.125);
}

.faq-wrapper .card-header {
    border-bottom: 0 none;
}

.faq-wrapper .card-header button {
    font-size: 16px;
}

.faq-wrapper .card-header button:hover, .faq-wrapper .card-header button:focus {
    color: var(--ds-carmine);
}

.faq-wrapper .card-header button:hover, .faq-wrapper .card-header button:focus {
    color: var(--ds-carmine);
}

.dealer-distance {
    font-family: var(--ds-font-bold);
    font-size: 14px;
}

#vwf-details-table td {
    font-family: var(--ds-font-bold);
    font-size: 18px;
}

#tarif-details-table th, #tarif-details-table td:nth-child(1), #vwf-details-table th, #vwf-details-table td:nth-child(1) {
    width: 220px;
}

/* MEDIA QUERIES */

@media print, screen and (max-width: 991.98px) {
    .result-border-box .car-list-item .button-orange-arrow-right {
        width: auto;
    }

    .equipment-details-box {
    }
}

@media print, screen and (max-width: 575.98px) {
    .headline_blue,
    .about .headline_red {
        font-size: 28px;
    }

    .about .headline {
        font-size: 18px;
    }

    .about_body .text-uppercase {
        font-size: 18px;
    }

    .tarif2-box {
        padding: 0;
    }

    .tarif2-box-wrapper table td {
        font-size: 14px;
    }

    #tarif-details-table td, #vwf-details-table td {
        font-size: 14px;
    }

    #tarif-details-table th, #tarif-details-table td:nth-child(1), #vwf-details-table th, #vwf-details-table td:nth-child(1) {
        width: 228px;
    }
}

/* HIGHLIGHT OFFERS STARTPAGE */
.highlight-offers-slider {
    font-family: var(--ds-font-regular);
}

.highlight-offers .model {
    font-family: var(--ds-font-bold);
    font-size: 22px;
}

.highlight-offers .vehicle-price-from,
.highlight-offers .vehicle-price {
    font-family: var(--ds-font-bold);
    font-size: 28px;
}

.highlight-offers .legal {
    color: var(--ds-gen-darkestgray);
}

.highlight-offers-slider .offer-item .description {
    border-color: var(--ds-gen-champane);
    background-color: var(--ds-white);
}

.price .vehicle-price-from {
    color: var(--ds-black);
}

.price .vehicle-price {
    color: var(--ds-black);
    line-height: 1.5;
}

.highlight-offers-slider .offer-item .description:before {
    border-bottom-color: var(--ds-gen-champane);
    top: -61px;
}

.Rectangle {
    background-color: var(--ds-gen-champane);
}

@media print, screen and (min-width: 992px) {
    .Rectangle .inner {
        background-color: var(--ds-carmine);
        border: solid 2px var(--ds-gen-champane);
    }

    .Rectangle .inner:before {
        border-color: transparent transparent transparent var(--ds-gen-champane);
    }

    .Rectangle:after {
        right: 0;
        border-color: transparent transparent transparent var(--ds-carmine);
    }
}

.step-wrapper {
    font-family: var(--ds-font-bold);
    font-size: 13px;
}

.tarif2-box-wrapper table td {
    font-family: var(--ds-font-regular);
    font-size: 16px;
}

.tarif2-box-wrapper table td:last-child {
    font-family: var(--ds-font-regular);
    font-weight: 400;
}

.faq-wrapper h2 {
    font-family: var(--ds-font-regular);
    color: var(--ds-white);
    font-size: 1.5rem;
}

/* MEDIA QUERIES */
@media (max-width: 1199.98px) {
    .our-promise-checklist {
        font-size: 25px;
    }
}

@media (max-width: 767.98px) {
    .our-promise-checklist {
        font-size: 17px;
    }
}

@media (max-width: 575.98px) {
    .highlight-offers .model {
        font-size: 17px;
    }

    .highlight-offers .vehicle-price-from,
    .highlight-offers .vehicle-price {
        font-size: 20px;
    }

    .result-border-box .text-headline-layer {
        font-size: 17px;
    }

    .result-border-box .text-price-layer {
        font-size: 19px;
    }

    .result-border-box .text-legal {
        margin-top: 0px;
    }

    .result-border-box .text-transport-costs {
        font-size: 14px;
    }

    .step-wrapper {
        font-size: 10px;
    }

    .gallery .headline {
        font-size: 20px;
    }

    .sub-headline {
        font-size: 16px;
    }
}

@media (max-width: 375.98px) {
    .our-promise-checklist {
        font-size: 17px;
    }

    .our-promise-headline {
        font-size: 28px;
    }
}

/* START STICKY BUTTONS */

#sticky-buttons li {
    background-color: var(--ds-carmine);
    background-image: url("/img/ds/testdrive.svg");
    background-position: 50% 15px;
}

#sticky-buttons li.leasing {
    background-image: url("/img/ds/leasing.svg");
}

#sticky-buttons li.chat {
    background-image: url("/img/ds/chat.svg");
}

#sticky-buttons li a,
#sticky-buttons li span {
    font-family: var(--ds-font-regular);
    font-size: 12px;
    padding-top: 56px;
}

@media print, screen and (min-width: 992px) {
    #sticky-buttons li {
        background-position: 50% 18px;
    }

    #sticky-buttons li a,
    #sticky-buttons li span {
        padding-top: 64px;
    }
}
/* END STICKY BUTTONS */

.logo-big {
    width: 160px;
    margin: 0 auto;
}

.error-message-container {
    padding-top: 20px;
}

.error-message-container h1 {
    font-family: var(--ds-font-bold);
    font-size: 32px;
    text-transform: uppercase;
    color: var(--ds-white);
}

.error-message-container p {
    font-family: var(--ds-font-regular);
    color: var(--ds-white);
    padding: 20px 0;
}

.error-message-container .btn-primary {
    font-family: var(--ds-font-regular);
    font-weight: 400;
    color: var(--ds-white);
    font-size: 16px;
    line-height: 1.15;
    white-space: nowrap;
    cursor: pointer;
    text-transform: uppercase;
    padding: 16px 20px;
    background: var(--ds-gen-champane-dark);
    border: 1px solid var(--ds-gen-champane-dark);
    border-radius: 0;
}

.error-message-container .btn-primary:hover {
    color: var(--ds-white);
    background: var(--ds-carmine);
    border-color: var(--ds-carmine);
}

.error-message-container .btn-primary:focus {
    outline: none;
}

.maintenance-mode-redirect-container p {
    font-family: var(--ds-font-regular);
    color: var(--ds-white);
}

.maintenance-mode-redirect-container a {
    color: var(--ds-link-color-dark-background) !important;
    text-decoration: underline;
}

.maintenance-mode-redirect-container a:hover {
    color: var(--ds-link-hover-color-dark-background) !important;
    text-decoration: underline;
}

.maintenance-mode-redirect-container .redirect-countdown-wrap {
    font-family: var(--ds-font-bold);
    color: var(--ds-white);
}

@media print, screen and (min-width: 776px) {
    .logo-big {
        width: 131px;
    }
}

/* Highlight Headline */
.highlights-caption h3 {
    font-family: var(--ds-font-bold);
    font-size: 36px;
    line-height: 1.4;
    text-transform: uppercase;
    color: var(--ds-gen-champane);
    margin: 30px 0;
    text-align: center;
}

@media print, screen and (min-width: 776px) {
    .highlights-caption h3 {
        padding-left: 2.25rem;
    }
}

.default-theme main p a:not(.btn) {
    text-decoration: underline;
}

.bright-background p a,
.faq-wrapper.bright-background .card a,
#store-model-grade-outer .bottom .legal a,
.store-theme .select-holder .store-option-details-dialog-wrap span,
.car-list-item a.red-link {
    color: var(--ds-link-color-bright-background) !important;
    text-decoration: underline;
}

.bright-background p a:hover,
.faq-wrapper.bright-background .card a:hover,
.faq-wrapper.bright-background .card-header button:hover,
#store-model-grade-outer .bottom .legal a:hover,
.store-theme .select-holder .store-option-details-dialog-wrap span:hover,
.car-list-item a.red-link:hover {
    color: var(--ds-link-hover-color-bright-background) !important;
    text-decoration: underline;
}

.dark-background p a,
.imprint a,
.data-protection a {
    color: var(--ds-link-color-dark-background) !important;
    text-decoration: underline;
}

.dark-background p a:hover,
.imprint a:hover,
.data-protection a:hover {
    color: var(--ds-link-hover-color-dark-background) !important;
    text-decoration: underline;
}

/* offer theme promocode */
.default-theme .gallery .loader {
    width: calc(100% + 15px);
    z-index: 1;
}

.default-theme #actionCode {
    border: 3px solid var(--ds-carmine);
    margin-left: 0;
    padding: 20px 15px;
}

.default-theme #actionCode .action-code-wrap .headline {
    color: var(--ds-black);
    font-size: 16px;
    text-transform: none;
    margin-bottom: 6px;
    padding-left: 0;
}

.default-theme #actionCode .action-code-wrap label {
    color: var(--ds-black);
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 10px;
}

.default-theme #actionCode .form-row {
    justify-content: center;
    margin: 0;
}

.default-theme #actionCode .form-row #actionCodeMessages {
    font-size: 16px;
}

.default-theme #actionCode .form-row #actionCodeFailure {
    margin-top: 10px;
}

.default-theme #actionCode .form-row #actionCodeSuccess,
.default-theme #actionCode .form-row #actionCodeFailure,
.default-theme #actionCode .form-row #additionalCodeInput {
    width: 100%;
}

.default-theme #actionCode .form-row #actionCodeFailure {
    margin-top: 10px;
}

.default-theme #actionCode .form-row .btn,
.default-theme #actionCode .form-row #actionCodeRemove {
    cursor: pointer;
}

.default-theme #actionCode .form-row .btn {
    width: auto;    
}

#return-to-neutral-store {
    background-color: var(--ds-carmine);
    color: var(--ds-link-color-dark-background);
    font-size: 1rem;
    text-align: center;
    padding: 0.313rem 15px;
}

@media (max-width: 1199.98px) {
    .default-theme #actionCode .form-row .btn {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
    }
}

@media (max-width: 991.98px) {
    .default-theme #actionCode .form-row .btn {
        margin-top: 0;
        margin-left: 30px;
        width: auto;
    }
}

@media (max-width: 575.98px) {
    .default-theme #actionCode .form-row .btn {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
    }
}

@media print, screen and (min-width: 768px) {
    .fastline-model-other-price {
        font-size: 16px;
    }
}

.contact-form .contact-label-wrap .label-font {
    margin-bottom: 10px;
}

/*
nik´s custom checkbox START
*/

/* custom checkbox styles */
.contact .contact-form label {
    /* private vars to configure checkbox */
    --_width: 22px;
    --_height: var(--_width);
    --_gap: 10px;
    --_border-width: 2px;
    --_border-radius: 0;
    --_border-color-on: var(--ds-gen-champane);
    --_border-color-off: var(--ds-gen-champane);
    --_background-color-on: var(--ds-white);
    --_background-color-off: var(--ds-white);
    --_checkmark-color-on: var(--ds-black);
    --_checkmark-color-off: transparent;
    --_checkmark-font-family: "Font Awesome 5 Free";
    --_checkmark-font-weight: 800;
    --_checkmark-font-size: 16px;
    --_checkmark-icon: "\f00c";
    --_transition-duration: 0.25s;
    --_transition-timing-function: ease;
    /**/
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: var(--_gap);
}

/* hide input */
.contact .contact-form label input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* custom input */
.contact .contact-form label::before {
    width: var(--_width);
    height: var(--_height);
    font-family: var(--_checkmark-font-family);
    font-weight: var(--_checkmark-font-weight);
    font-size: var(--_checkmark-font-size);
    content: var(--_checkmark-icon);
    color: var(--_checkmark-color-off);
    background-color: var(--_background-color-off);
    border: var(--_border-width) solid var(--_border-color-off);
    border-radius: var(--_border-radius);
    transition-duration: var(--_transition-duration);
    transition-timing-function: var(--_transition-timing-function);
    transition-property: color, background-color, border;
    cursor: pointer;
    text-align: center;
    line-height: var(--_height);
}

/* custom input checked */
.contact .contact-form label:has(input:checked)::before {
    color: var(--_checkmark-color-on);
    background-color: var(--_background-color-on);
    border: var(--_border-width) solid var(--_border-color-on);
}

/*
nik´s custom checkbox END
*/
#InputModelPickerModal {
    padding: 0;
}

#InputModelPickerModal .modal-header {
    border-bottom: 0px;
}

#InputModelPickerModal .modal-footer {
    border-top: 0px;
}

#InputModelPickerModal .locate-nearest-zip {
    margin-top: 4px !important;
    color: #757575;
}


#InputModelPickerModal .close,
#InputModelPickerModal .close:not(:disabled):not(.disabled):hover,
#InputModelPickerModal .close:not(:disabled):not(.disabled):focus {
    opacity: 1;
}

.input-model-picker-item {
    padding: 0px;
    border: solid 4px black;
    background-color: #ffffff;
    margin: 0 5px;
    height: 100%;
}

.input-model-picker-image-wrap {
    overflow: hidden;
}

.input-model-picker-image-wrap .model-image {
    max-width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.input-model-picker-item:hover {
    cursor: pointer;
}

    .input-model-picker-item.input-model-picker-item-selected .input-model-picker-image-wrap img.model-image {
        opacity: 0.2;
    }

        .input-model-picker-item.input-model-picker-item-selected .input-model-picker-image-wrap img.model-image:hover {
            opacity: 1;
        }

.input-model-picker-image-tick {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.input-model-picker-modelname-wrap div {
    padding-bottom: 5px;
    padding-top: 5px;
}

.input-model-picker-price-wrap div,
.input-model-picker-modelname-wrap div {
    padding-left: 5px;
    padding-right: 5px;
}

.hero-offer-wrapper .hero-image-index {
    width: 100%;
}

/* MEDIA QUERIES */
@media (max-width: 375.98px) {
    #InputModelPickerModal .modal-header {
        padding-bottom: 0px;
    }

    #InputModelPickerModal .modal-body {
        padding-top: 0px;
    }

    #InputModelPickerModal .modal-footer {
        padding: 0;
    }
}

#InputModelPickerModalLabel {
    font-family: var(--ds-font-bold);
    font-size: 18px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.input-model-picker-item {
    border-color: var(--ds-link-hover-color-dark-background);
}

.input-model-picker-modelname-wrap div {
    font-family: var(--ds-font-regular);
    font-weight: 700;
    font-size: 17px;
}
.input-model-picker-price-wrap div {
    font-family: var(--ds-font-regular);
    font-weight: 700;
    font-size: 15px;
    color: var(--ds-link-hover-color-dark-background);
}

.car-list-detail-tag-wrapper {
    width: 100%;
}

@media (max-width: 575px) {
    .car-list-detail-tag-wrapper {
        margin: 10px 0;
    }
}

.car-list-detail-tag {
    display: inline-block;
    border-radius: 3px;
    padding: 2px 6px 0px 6px;
    background-color: #a8b1b3;
    margin-right: -2px;
    margin-bottom: 3px;
}

.car-list-detail-co2-tag-wrap {
    display: inline-block;
}

.co2-code-list {
    margin-top: -2px;
}

.dual-slider {
    margin-top: 10px;
    width: 100%;
    height: 30px;
}

    .dual-slider input[type=range] {
        position: absolute;
        width: calc(100% - 57px);
        top: 10px;
        background: transparent;
        /* Disable pointer events on the slider track */
        pointer-events: none;
    }
        /* Enable pointer events on the thumb for WebKit browsers */
        .dual-slider input[type=range]::-webkit-slider-thumb {
            pointer-events: auto;
            position: relative;
            z-index: 2;
        }
        /* Lower thumb z-index for the max slider */
        .dual-slider input[type=range].max-slider::-webkit-slider-thumb {
            z-index: 1;
        }
        /* Firefox styles */
        .dual-slider input[type=range]::-moz-range-thumb {
            pointer-events: auto;
            position: relative;
            z-index: 2;
        }

        .dual-slider input[type=range].max-slider::-moz-range-thumb {
            z-index: 1;
        }

        .dual-slider input[type=range].dual-slider-max {
            left: 47px;
            width: calc(100% - 57px);
        }

.default-theme .summary-share-dropdown {
    z-index: 2000;
}

    .default-theme .summary-share-dropdown .dropdown-toggle {
        top: 0;
        right: 0px;
    }

.car-list-detail-tag {
    font-size: 11px;
    color: var(--ds-black);
    background: var(--ds-champagne-pale);
}

.car-list-detail-options {
    font-size: 15px;
    line-height: 1.5;
    color: var(--ds-black);
}

.summary-car-label-outer {
    position: relative;
    z-index: 10;
    top: 0;
    left: 15px;
}

@media (min-width: 1140px) {
    .summary-car-label-outer {
        left: 0;
    }
}

.summary-car-label-vwf {
    margin-top: 0;
    position: absolute;
    z-index: 10;
}

.summary-car-label-outer .push-label-list,
.summary-car-label-outer .fuel-label-summary {
    position: absolute;
    right: 15px;
    top: 0;
    margin-top: 0;
}

@media (min-width: 1140px) {
    .summary-car-label-outer .push-label-list,
    .summary-car-label-outer .fuel-label-summary {
        right: 0;
    }
}

.default-theme .download-details-pdf-sidebar {
    font-size: 10px;
    text-transform: none;
}
#services-tab-wrap,
#services-content-wrap {
    width: 100%;
}

    #services-content-wrap p {
        font-size: 10px;
    }

        #services-content-wrap p a {
            display: block;
        }

#services-content-wrap p a {
    margin-bottom: 10px;
}

.services-tab {
    border-color: black;
    border-style: solid;
    border-width: 3px 0 0 3px;
}

    .services-tab:last-of-type {
        border-right-width: 3px;
    }

    .services-tab:hover {
        cursor: pointer;
    }

#services-content-wrap {
    border: 3px solid black;
}

ul.services-list li {
    list-style-type: none;
}

li.service-item label:hover {
    cursor: pointer;
}

/* color of unselected checkbox*/
.service-item .custom-control-label {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 10px;
}

    .service-item .custom-control-label:before {
        background-color: white;
    }

/* color of selected checkboxes*/
.service-item .custom-control-input:checked ~ .custom-control-label::before {
    background-color: black !important;
}
/* color of the checked tick*/
.service-item .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='white' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
    cursor: default;
}
/* border color around the checkbox */
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: black;
}

/* Style of disabled preselected checkbox */
.service-item .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: grey !important;
}

.service-list {
    padding: 0;
    list-style: none;
}

    .service-list li {
        padding-left: 50px;
        margin-bottom: 20px;
        position: relative;
    }

        .service-list li:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            background: url('/img/icons/icon-free-service.svg') 0 0 no-repeat;
            background-size: contain;
            display: block;
            width: 30px;
            height: 30px;
        }

    .service-list.roof li:before {
        background-image: url('/img/icon-mrv.png');
    }

.tarif2-box .caption,
.tarif2-box .explanation {
    font-size: 12px;
}

.tarif2-box .button-text-download {
    display: block;
    position: relative;
    padding-left: 50px;
    margin-bottom: 20px;
    line-height: 1.2;
    text-transform: none;
}

.tarif2-box .fa-file-download {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.service-module {
    text-align: left;
    padding: 0 15px;
}

.service-toggle {
    background: none;
    width: 100%;
    outline: none !important;
    border: none;
    padding: 0;
}

    .service-toggle .sub-headline {
        position: relative;
        display: flex;
        align-items: center;
        text-align: left;
        cursor: pointer;
        justify-content: space-between;
    }

        .service-toggle .sub-headline:after {
            width: 34px;
            height: 34px;
            display: block;
            flex-shrink: 0;
            margin-left: 10px;
            content: '';
            background-image: url('/img/arrow_down@2x.png');
            background-repeat: no-repeat;
            background-position: center;
            transition: transform .2s ease-in-out;
        }

    .service-toggle:not(.collapsed) .sub-headline:after {
        transform: rotate( -180deg );
    }

#services-content-wrap {
    border-color: var(--ds-carmine);
}

#services-content-wrap p {
    color: var(--ds-black);
    font-size: 16px;
}

#services-tab-wrap,
#services-content-wrap {
    container-name: services-tabs;
    container-type: inline-size;
}

@container services-tabs (width < 330px) {
    .services-tab:nth-child(1):nth-last-child(3),
    .services-tab:nth-child(2):nth-last-child(2),
    .services-tab:nth-child(3):nth-last-child(1) {
        width: 100%;
        border-width: 3px 3px 0 3px;
    }
}

.services-tab {
    border-color: var(--ds-carmine);
    font-family: var(--ds-font-bold);
}


.services-tab-active {
    background-color: var(--ds-carmine);
    color: white;
}

.services-tab-inactive {
    background-color: white;
}

.service-item {
    font-size: 16px;
}

#insurances-content .service-item {
    font-size: 16px;
}

.service-item[data-selected="1"] label,
.service-item[data-selected="1"] .custom-control-input:disabled ~ .custom-control-label {
    color: var(--ds-carmine);
}

.service-item .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--ds-carmine) !important;
}
/* Style of disabled preselected checkbox */
.service-item .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: grey !important;
}

.service-toggle {
    background: none;
    width: 100%;
    outline: none !important;
    border: none;
    padding: 0;
}

    .service-toggle .sub-headline:after {
        background-image: url('/img/ds/arrow_down@2x.png');
    }

.service-list a {
    color: var(--ds-carmine);
}

/* MEDIA QUERIES */
@media (min-width: 1200px) {
}

@media (max-width: 991.98px) {
}

@media (max-width: 767.98px) {
}

@media (max-width: 575.98px) {
}

@media (max-width: 389.98px) {
}

@media (max-width: 375.98px) {
}

#option-details-tabs {
    margin-bottom: 18px;
}

@media (max-width: 575.98px) {
    #option-details-tabs .no-gutters-sm {
        margin-left: 0px;
        margin-right: 0px;
    }

    #option-details-tabs .no-gutters-sm > .col,
    #option-details-tabs .no-gutters-sm > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }
}

.options-details-tab {
    margin-bottom: 10px;
    padding: 18px 0;
    position: relative;
}

    @media (min-width: 576px) {
        .options-details-tab {
            padding: 0 0 18px 0;
        }
    }

    .options-details-tab:hover {
        cursor: pointer;
    }

    .options-details-tab:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 1px;
        height: 1px;
        width: 100%;
        background-color: #cac6c5;
        z-index: 0;
    }

    .options-details-tab-selected:after {
        background-color: #57718a;
        content: '';
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 7px;
        z-index: 1;
    }

    .options-details-tab.tab-disabled {
        color: #cac6c5;
        cursor: default;
        pointer-events: none;
    }

.option-details-group {
    margin-bottom: 20px;
}

.option-details-group:last-child {
    margin-bottom: 0;
}

.options-details-group-description {
    background-color: white;
    border: none;
    padding: 5px;
    padding-left: 5px;
}

    .options-details-group-description .btn-block {
        position: relative;
        display: flex;
        align-items: center;
        text-align: left;
        cursor: pointer;
    }

        .options-details-group-description .btn-block:after {
            font-family: 'Font Awesome 5 Free';
            font-weight: 800;
            content: "\f107";
            color: #3b3938;
            line-height: 1;
            margin-top: 0px;
            margin-left: auto;
        }

        .options-details-group-description .btn-block:not(.collapsed)::after {
            transform: rotate( -180deg );
        }

        .options-details-group-description-open {
            border-bottom: none;
        }

.options-details-group-list {
    background-color: white;
    padding: 4px 1.25rem 24px;
}

    .options-details-group-list .options-details-group-divider {
        height: 22px;
        border-top: solid 1px #a8b1b3;
    }

    .options-details-group-list ul {
        list-style-type: none;
        padding-left: 5px;
        margin: 0;
    }

.options-details-group-list-item {
    margin-bottom: 8px;
    line-height: 1.4;
}

    .options-details-group-list-item i {
        margin-top: 5px;
    }

    .options-details-group-list-item .name {
        padding: 0 30px 0 6px;
        width: auto;
        flex: 1 1 auto;
    }

    .options-details-group-list-item .text {
        
    }

    .equipment-details-box .popup.popup-technical-data-right {
        padding: 15px;
        border-width: 2px;
    }

.equipment-details-columns-container {
    padding-right: 15px;
    padding-left: 15px;
    column-count: 1;
    width: 100%;
}

.option-series-packfeatures {
    list-style-type: none;
    padding-left: 20px;
}

@media print, screen and (min-width: 768px) {
    .equipment-details-columns-container {
        column-count: 2;
    }
}

.equipment-details-columns-container th,
.equipment-details-columns-container td {
    vertical-align: top;
    padding-bottom: 10px;
}

@media print,screen and (max-width: 575.98px) {
    .equipment-details-columns-container th,
    .equipment-details-columns-container td {
        display: block;
    }
}
#option-details-tabs {
    margin-bottom: 7px;
}

.options-details-tab {
    font-family: var(--ds-font-bold);
    font-size: 18px;
    color: var(--ds-black);
}

    .options-details-tab:before {
        background-color: var(--ds-gen-lightgray);
    }

.options-details-tab-selected:after {
    background-color: var(--ds-carmine);
}

.options-details-group-description .btn-block {
    font-family: var(--ds-font-bold);
    font-size: 18px;
}

.options-details-group-description .btn-block:after {
    color: var(--ds-carmine);
}

.options-details-group-list-item,
.popover-optionsseries-item {
    font-size: 14px;
}

    .options-details-group-list-item i,
    .popover-optionsseries-item i {
        color: var(--ds-carmine);
        font-size: 14px;
    }

    .options-details-group-list-item i {
        margin-top: 3px;
    }

.popover-optionsseries-item {
    margin-bottom: 5px;
}

    .popover-optionsseries-item span {
        display: inline-block;
        position: relative;
        padding-left: 20px;
    }

    .popover-optionsseries-item i {
        position: absolute;
        left: 0;
        top: 4px;
    }
.pac-container {
    z-index: 10510 !important;
}

#HomeDeliveryMap {
    width: 100%;
    height: 500px;
}

.home-delivery-tab {
    border: 3px solid black;
    border-bottom: 0px;
}

    .home-delivery-tab:hover {
        cursor: pointer;
    }

#home-delivery-content-wrap p {
    font-size: 10px;
}

#home-delivery-content-wrap {
    border: 3px solid black;
    width: 100%;
}

ul.home-delivery-list li {
    list-style-type: none;
}

li.home-delivery-item label:hover {
    cursor: pointer;
}

/* color of unselected checkbox*/
.home-delivery-item .custom-control-label:before {
    background-color: white;
}

/* color of selected checkboxes*/
.home-delivery-item .custom-control-input:checked ~ .custom-control-label::before {
    background-color: black !important;
}
/* color of the checked tick*/
.home-delivery-item .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='white' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
    cursor: default;
}
/* border color around the checkbox */
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: black;
}

/* Style of disabled preselected checkbox */
.home-delivery-item .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: grey !important;
}

/*
    Banner/Sticker start
*/
.hd-medium a:hover,
.hd-banner a:hover {
    color: white;
    text-decoration: none;
}

.hd-medium-inner {
    text-align: center;
}

.hd-banner-text,
.hd-medium-text {
    letter-spacing: 0.3px;
    color: #000;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: white;
}

    .hd-medium-text:after {
        content: "";
        background: url("/img/citroen/gutschein-mobile-arrow.png") top left no-repeat;
        width: 14px;
        height: 23px;
        position: absolute;
        right: -30px;
        top: 13px;
    }

@media (max-width: 1199.98px) {

    .hd-medium {
        height: 63px;
    }

    .hd-medium-text-first {
        width: 100%;
        display: block;
        font-size: 18px;
    }

    .hd-medium-text-second {
        width: 100%;
        display: block;
        font-size: 22px;
    }

    .hd-medium-text {
        border: 1px solid white;
        padding: 5px;
        width: 50%;
        margin: auto;
        margin-top: 5px;
        margin-bottom: 5px;
        line-height: 1;
    }
}

@media (max-width: 575.98px) {
    .hd-medium-text {
        width: 80%;
    }
}

.hd-banner {
    width: 240px;
    left: 0px;
    top: 290px;
    z-index: 19;
    background-color: transparent;
}

.hd-banner-text-first {
    width: 100%;
    display: block;
}

.hd-banner-text-second {
    width: 100%;
    display: block;
}

.hd-banner-text-third {
    width: 100%;
    display: block;
}

.hd-banner-text-four {
    width: 100%;
    display: block;
    font-size: 10px;
}

.hd-banner-inner {
    border: 1px solid black;
    text-align: center;
    padding: 0px;
    width: calc(100% - 23px);
    margin: 12px;
}

    .hd-banner-inner img {
        width: 100%;
    }

/* positioning bonus banner < 1600px */

@media (max-width: 1599.98px) {
    .hd-medium-text-first {
        width: 100%;
        display: block;
        font-size: 18px;
    }

    .hd-medium-text-second {
        width: 100%;
        display: block;
        font-size: 22px;
    }

    .hd-medium-text {
        border: 1px solid white;
        padding: 5px;
        width: 35%;
        min-width: 350px;
        margin: auto;
        margin-top: 5px;
        margin-bottom: 5px;
        line-height: 1;
    }
}

@media (max-width: 767.98px) {
    .hd-medium-text {
        width: 50%;
    }
}

@media (max-width: 575.98px) {
    .hd-medium-text {
        width: 80%;
    }
}
/*
    Banner/Sticker end
*/

@media(max-width: 1599.98px) {
    header .navbar-light {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.offer-theme .layer-wait {
    position: fixed;
    z-index: 29;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .3);
    display: none;
}

.offer-theme .spin-active .layer-wait {
    display: flex;
}

.offer-theme .psa-spin {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    width: 80px;
    height: 80px;
}

    .offer-theme .psa-spin div {
        position: absolute;
        border: 4px solid #000;
        opacity: 1;
        border-radius: 50%;
        animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .offer-theme .psa-spin div:nth-child(2) {
            animation-delay: -0.5s;
        }

.configurator {
    background-color: #f1f0f0;
    margin-top: 100px;
    padding-top: 60px;
    padding-left: 80px;
}

@media (max-width: 991.98px) {
    .configurator {
        padding-left: 0px;
    }
}

.configurator h1 {
    color: #57718a;
    font-size: 30px;
    font-family: "Citroen Type Black", Arial, Helvetica, sans-serif;
}

.configurator img {
    width: 100%;
}

@media (min-width: 480px) and (max-width: 767.98px) {
    .configurator img {
        width: 75%;
    }
}

@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}

.offer-theme .info-box-wrapper .popup {
    background-color: #818586;
    border: solid 4px #dde1e3;
}

    .offer-theme .info-box-wrapper .popup:after {
        border-color: #dde1e3;
        background-color: #818586;
    }

.offer-theme .info-box-wrapper .headline-key-facts {
    color: #fff;
}

.offer-theme .our-promise-box-wrapper .our-promise-headline {
    font-size: 30px;
    color: #818586;
    margin: 30px 0 10px;
}

.offer-theme .our-promise-checklist {
    font-size: 24px;
    color: #818586;
}

    .offer-theme .our-promise-checklist ul li {
        text-transform: uppercase;
    }

        .offer-theme .our-promise-checklist ul li:before {
            top: 0;
            left: 0;
            background-image: url("/img/citroen/offer/check-icon.png");
        }

.offer-theme .breadcrumb li {
    margin-right: 8px;
}

    .offer-theme .breadcrumb li a {
        display: block;
        position: relative;
        padding-right: 17px;
    }

    .offer-theme .breadcrumb li a {
        text-decoration: none;
    }

        .offer-theme .breadcrumb li a:after {
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            line-height: 1;
            content: '\f30b';
            position: absolute;
            top: 2px;
            right: 0;
        }

.offer-theme .stage .back-button {
    display: block;
    width: 126px;
    border-style: solid;
    border-width: 3px;
    padding: 10px;
    text-align: center;
    margin: 4px auto 15px;
    text-transform: uppercase;
    text-decoration: none;
}

.offer-step-line {
    margin-top: 34px;
    display: flex;
    align-items: center;
}

    .offer-step-line .line {
        height: 10px;
        margin-right: 20px;
    }

    .offer-step-line .step01 {
        width: 25%;
    }

    .offer-step-line .step03 {
        width: 56%;
    }

    .offer-step-line .step04 {
        width: 80%;
    }

    .offer-step-line .text {
        text-transform: uppercase;
        line-height: 1;
    }

.offer-progress-line {
    top: 0;
    position: relative;
    margin-top: 34px;
    z-index: 1;
    width: 100%;
}

    .offer-progress-line.set {
        position: fixed;
        margin-top: 0;
        top: 0;
    }

    .offer-progress-line .progress-container {
        width: 100%;
        display: flex;
        align-items: stretch;
        background: transparent;
    }

    .offer-progress-line #progress {
        height: auto;
        background: #e1e1e1;
        width: 0%;
        transition: width 1s;
    }

        .offer-progress-line #progress.no-transition {
            transition: width 0s;
        }

    .offer-progress-line .text {
        text-transform: uppercase;
        line-height: 1;
        padding: 0 10px;
        background: #fff;
        /*position: absolute;
        top: 0;
        padding: 10px;
        margin-top: -12px;*/
    }

.offer-theme .gallery-wrapper,
.conf-theme #b2x-summary .gallery-wrapper {
    background: #dde1e3;
}

.offer-theme .button-orange-arrow-right:disabled,
.conf-theme #b2x-summary .button-orange-arrow-right:disabled,
.conf-theme #b2x-summary .button-orange-arrow-right.disabled {
    background-color: #6c757d;
}

.offer-theme .color-fields,
.conf-theme #b2x-summary .color-fields {
    margin-bottom: 42px;
}

.offer-theme #price-sticker {
    width: 250px;
    left: 0;
    top: 40%;
    z-index: 19;
}

    .offer-theme #price-sticker a.price-sticker-link,
    .offer-theme #price-sticker.price-sticker-summary button {
        display: block;
        height: 100%;
        line-height: 1;
        text-align: center;
        padding: 0;
        margin: 3px;
        border: solid 2px #fff;
    }

    .offer-theme #price-sticker.price-sticker-summary button {
        border: none;
    }

    .offer-theme #price-sticker .spinner i {
        position: absolute;
        left: 6px;
        top: 50%;
        margin-top: -16px;
    }

    .offer-theme #price-sticker .ignore-spinner i {
        position: relative;
        left: 0px;
        top: -2px;
        margin-top: 0px;
    }

/*        .offer-theme #price-sticker a span {
            background-position: 100% 50%;
            background-repeat: no-repeat;
            background-image: url("/img/belgium/citroen/arrow-thin.svg");
            background-size: 32px 11px;
        }*/

.offer-theme .info-box-wrapper,
.conf-theme #b2x-summary .info-box-wrapper {
    margin-top: 80px;
}

.offer-theme .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow,
.conf-theme #b2x-summary .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
    top: auto;
    bottom: -6px;
}

.offer-theme .selection .select2-selection--single .select2-selection__arrow::after,
.conf-theme #b2x-summary .selection .select2-selection--single .select2-selection__arrow::after {
    height: 33px;
}

.offer-theme .info-layer .immediately {
    padding-left: 34px;
}

.offer-theme .location-box-wrapper #map #localization,
#map_OfferDealerSelection #localization {
    width: 25px;
    height: 38px;
}

    .offer-theme .location-box-wrapper #map #localization:after,
    #map_OfferDealerSelection #localization:after {
        content: url('/img/citroen/offer/aim_citroen.png');
        position: absolute;
        width: 25px;
        height: 25px;
        top: 9px;
        left: 7px;
    }

    .offer-theme .location-box-wrapper #map #localization img,
    #map_OfferDealerSelection #localization img {
        display: none;
    }

.offer-theme .button-orange-arrow-right.text-upper-case .disabled i {
    margin: -1px 10px 0 -28px;
}

.offer-step-map {
    margin-bottom: 16px;
}

.offer-theme .icon {
    line-height: 1.39;
    color: #3B3938;
    padding: 3px 0 0 30px;
    position: relative;
}

    .offer-theme .icon:before {
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        left: 7px;
        top: 3px;
        background-size: contain;
    }

.offer-theme .transport:before,
.offer-theme .bafa:before,
.offer-theme .zero-special-payment:before,
.offer-theme .immediately:before,
.offer-theme .home-delivery:before,
.offer-theme .offer-dealer-selection-tile-availability:before {
    width: 25px;
    height: 25px;
    left: 0px;
}

.offer-theme .highlight-offers .zero-special-payment:before,
.offer-theme .highlight-offers .immediately:before {
    width: 20px;
    height: 20px;
}

.offer-theme .highlight-offers .offer-item .offer-step-next {
    border: none;
    padding: 10px 10px 6px;
}

    .offer-theme .highlight-offers .offer-item .offer-step-next:hover,
    .offer-theme .highlight-offers .offer-item .offer-step-next:active,
    .offer-theme .highlight-offers .offer-item .offer-step-next:focus {
        background: #535556;
    }

/* skeleton */
/* Animation */
@-webkit-keyframes ssc-loading {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes ssc-loading {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
/* Animation partial */
.ssc-square, .ssc-head-line, .ssc-line, .ssc-circle {
    position: relative;
    overflow: hidden;
}

    .ssc-square:after, .ssc-head-line:after, .ssc-line:after, .ssc-circle:after {
        content: "";
        -webkit-animation: ssc-loading 1.3s infinite;
        animation: ssc-loading 1.3s infinite;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        z-index: 1;
        background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.3)), to(transparent));
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    }

/** Main class */
.ssc {
    cursor: progress;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /** Helpers classes */
    .ssc .mb {
        margin-bottom: 16px;
    }

    .ssc .mt {
        margin-top: 16px;
    }

    .ssc .mr {
        margin-right: 16px;
    }

    .ssc .ml {
        margin-left: 16px;
    }

    .ssc .mbs {
        margin-bottom: 8px;
    }

    .ssc .mts {
        margin-top: 8px;
    }

    .ssc .mrs {
        margin-right: 8px;
    }

    .ssc .mls {
        margin-left: 8px;
    }

    .ssc .w-10 {
        width: 10%;
    }

    .ssc .w-20 {
        width: 20%;
    }

    .ssc .w-30 {
        width: 30%;
    }

    .ssc .w-40 {
        width: 40%;
    }

    .ssc .w-50 {
        width: 50%;
    }

    .ssc .w-60 {
        width: 60%;
    }

    .ssc .w-70 {
        width: 70%;
    }

    .ssc .w-80 {
        width: 80%;
    }

    .ssc .w-90 {
        width: 90%;
    }

    .ssc .w-100 {
        width: 100%;
    }

    .ssc .flex {
        display: -webkit-box;
        display: flex;
    }

    .ssc .inline-flex {
        display: -webkit-inline-box;
        display: inline-flex;
    }

    .ssc .align-center {
        -webkit-box-align: center;
        align-items: center;
    }

    .ssc .align-start {
        -webkit-box-align: start;
        align-items: flex-start;
    }

    .ssc .align-end {
        -webkit-box-align: end;
        align-items: flex-end;
    }

    .ssc .align-stretch {
        -webkit-box-align: stretch;
        align-items: stretch;
    }

    .ssc .justify-start {
        -webkit-box-pack: start;
        justify-content: start;
    }

    .ssc .justify-end {
        -webkit-box-pack: end;
        justify-content: end;
    }

    .ssc .justify-between {
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .ssc .justify-center {
        -webkit-box-pack: center;
        justify-content: center;
    }

    .ssc .justify-around {
        justify-content: space-around;
    }

/** Wrapper class */
.ssc-wrapper {
    padding: 16px;
}

/* Figures, Objects */
.ssc-card {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.17);
    background-color: #ffffff;
}

.ssc-circle {
    display: block;
    background-color: rgba(0, 0, 0, 0.17);
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.ssc-hr {
    display: block;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.17);
    height: 2px;
}

.ssc-line {
    display: block;
    background-color: rgba(0, 0, 0, 0.17);
    border-radius: 15px;
    margin-bottom: 8px;
    width: 100%;
    height: 18px;
}

    .ssc-line:last-child {
        margin-bottom: unset;
    }

.ssc-head-line {
    display: block;
    background-color: rgba(0, 0, 0, 0.17);
    border-radius: 15px;
    width: 100%;
    height: 24px;
}

.ssc-square {
    display: block;
    background-color: rgba(0, 0, 0, 0.17);
    width: 100%;
    height: 40px;
}

/* psa styles */
.skeleton {
    /*display: none;*/
}

.search-ssc-lg__tag {
    height: 30px;
    border-radius: 12px;
}

.ssc-button {
    height: 36px;
    margin: 20px auto;
}

.ssc-border {
    padding: 20px 20px 0;
    border: solid 1px #eee;
    border-top: none;
}

.ssc-subheadline {
    margin-bottom: 40px;
}

.skeleton .h-330 {
    height: 330px;
}

@media print, screen and (max-width: 1199.98px) {
    .single-distance.offer-theme header .navbar-light {
        padding-top: 76px;
    }

    .double-distance.offer-theme header .navbar-light {
        padding-top: 137px;
    }
}

@media print, screen and (max-width: 991.98px) {
}

@media print, screen and (max-width: 767.98px) {
    .offer-theme header.sticker .navbar-light {
        padding-top: 108px;
    }

    .offer-theme header.sticker + div .offer-progress-line.set {
        top: 100px;
    }

    .offer-theme #price-sticker {
        width: 100%;
        top: 0;
    }

        .offer-theme #price-sticker a.price-sticker-link span span {
            display: inline-block;
        }

            .offer-theme #price-sticker a.price-sticker-link span span:before {
                content: '';
                display: block;
            }

    .offer-theme .our-promise-box-wrapper .our-promise-headline {
        font-size: 28px;
        margin: 10px 0 10px;
    }

    .offer-theme .our-promise-checklist ul li:before {
        top: -2px;
    }

    .offer-theme .info-box-wrapper {
        margin-top: 38px;
    }

    .ssc-subheadline {
        margin-bottom: 20px;
    }

    .offer-theme #price-sticker .spinner i:not(.ignore-spinner-fa) {
        position: relative;
        left: 0;
        top: 0;
        margin: 0 5px 0 -26px;
    }

    .icon:before {
        left: 0;
    }
}

.configurator {
    background-color: var(--ds-gen-champane-light);
    border: solid 9px var(--ds-gen-champane);
}

    .configurator h1 {
        color: var(--ds-gen-champane);
        font-size: 36px;
        font-family: var(--ds-font-bold);
    }

.offer-theme #price-sticker {
    background: var(--ds-carmine);
}

    .offer-theme #price-sticker.price-sticker-summary button,
    .offer-theme #price-sticker a.price-sticker-link {
        color: var(--ds-white);
        font-family: var(--ds-font-bold);
        font-size: 30px;
        text-decoration: none;
        text-transform: uppercase;
        border: none;
    }

        .offer-theme #price-sticker a.price-sticker-link span,
        .offer-theme #price-sticker.price-sticker-summary button span {
            display: block;
            padding: 12px 15px;
        }

        .offer-theme #price-sticker a.price-sticker-link strong {
            font-family: var(--ds-font-bold);
        }

        .offer-theme #price-sticker a.price-sticker-link span span,
        .offer-theme #price-sticker.price-sticker-summary button span span {
            display: inline-block;
            font-size: 22px;
            padding: 0;
            margin-top: 7px;
        }

    .offer-theme #price-sticker .ignore-spinner i.fa-info-circle:before {
        color: white;
    }

.offer-theme a {
    color: var(--ds-carmine);
}

.offer-theme header ul li a {
    color: var(--ds-white);
}

.offer-theme .our-promise-box-wrapper .our-promise-headline {
    font-size: 36px;
    color: var(--ds-gen-champane);
    margin: 30px 0;
}

.offer-theme .our-promise-checklist {
    font-size: 22px;
    color: var(--ds-gen-champane);
}

    .offer-theme .our-promise-checklist ul li {
        text-transform: none;
    }

        .offer-theme .our-promise-checklist ul li:before {
            background-image: url("/img/ds/check-icon.png");
        }

.offer-progress-line #progress {
    background: var(--ds-carmine);
}

.offer-progress-line .text {
    font-family: var(--ds-font-bold);
    font-size: 11px;
    color: var(--ds-carmine);
    background: var(--ds-white);
}

.offer-theme .prev-next-container .slick-prev, .offer-theme .prev-next-container .slick-next {
    background: var(--ds-gen-champane);
}

.offer-theme .info-box-wrapper {
    margin-top: 40px;
}

    .offer-theme .info-box-wrapper .popup {
        border-color: var(--ds-gen-champane-pale);
        background-color: var(--ds-gen-champane);
    }

        .offer-theme .info-box-wrapper .popup:after {
            border-color: var(--ds-gen-champane-pale);
            background-color: var(--ds-gen-champane);
        }

        .offer-theme .info-box-wrapper .popup:hover {
            background-color: var(--ds-carmine);
        }

            .offer-theme .info-box-wrapper .popup:hover:after {
                background-color: var(--ds-carmine);
            }

    .offer-theme .info-box-wrapper .headline-key-facts {
        color: var(--ds-champagne);
    }

    .offer-theme .info-box-wrapper a:hover .headline-key-facts {
        color: var(--ds-carmine);
    }

.offer-theme .fastlane-there-for-you .contact-us-phone {
    font-family: var(--ds-font-bold);
    font-size: 36px;
    color: var(--ds-white);
}

.offer-theme .fastlane-there-for-you .contact-box:before {
    border-right-color: var(--ds-gen-champane);
}

.offer-theme .fastlane-there-for-you .contact-box .button-grey-arrow-right {
    font-family: var(--ds-font-bold);
    color: var(--ds-white);
    background-color: var(--ds-black);
    border-color: var(--ds-black);
    padding: 7px 30px 6px 30px;
}

    .offer-theme .fastlane-there-for-you .contact-box .button-grey-arrow-right:after {
        display: none;
    }

    .offer-theme .fastlane-there-for-you .contact-box .button-grey-arrow-right:hover {
        background-color: var(--ds-carmine);
        border-color: var(--ds-carmine);
    }

.offer-theme .button-grey-arrow-right:hover:after {
    background-image: url('/img/citroen/arrow_right_big_535556.png');
}

.offer-theme .content-container-grey {
    background-color: var(--ds-black);
}

.offer-theme .content-container-light-grey {
    background-color: var(--ds-white);
}

.offer-theme .fastlane-there-for-you .contact-box {
    color: var(--ds-gen-champane);
    border-color: var(--ds-gen-champane);
    background: var(--ds-black)
}

.offer-theme .fastlane-there-for-you .legal-info {
    color: var(--ds-white);
}

    .offer-theme .fastlane-there-for-you .legal-info a {
        color: var(--ds-carmine);
    }

.offer-theme .fastlane-there-for-you .headline {
    color: var(--ds-carmine);
}

    .offer-theme .fastlane-there-for-you .headline + p {
        color: var(--ds-gen-champane);
    }

.offer-theme .breadcrumb {
    margin-top: 12px;
}

    .offer-theme .breadcrumb li a {
        color: var(--ds-gen-champane);
        font-size: 12px;
    }

        .offer-theme .breadcrumb li a:hover {
            color: var(--ds-carmine);
        }

    .offer-theme .breadcrumb li span {
        font-family: var(--ds-font-bold);
        font-size: 12px;
        display: block;
        color: var(--ds-gen-champane);
    }

.offer-theme .stage .back-button {
    color: var(--ds-carmine);
    font-family: var(--ds-font-bold);
    font-size: 18px;
    padding: 6px;
    margin-top: 18px;
}

.offer-step {
    font-family: var(--ds-font-bold);
    color: var(--ds-carmine);
    font-size: 38px;
    text-transform: uppercase;
}

.offer-step-description,
.offer-step-map {
    font-family: var(--ds-font-bold);
    font-size: 32px;
    color: var(--ds-link-hover-color-bright-background);
    text-transform: uppercase;
}

.offer-step-map {
    color: var(--ds-white);
}

.offer-theme .gallery-wrapper {
    background-color: var(--ds-white);
}

.offer-theme [class^='select2'] {
    font-family: var(--ds-font-bold);
    font-size: 16px;
    line-height: 1.2;
    color: var(--ds-black);
    text-align: left !important;
}

.offer-theme .select2-container--bootstrap4.select2-container .select2-selection {
    border: 1px solid var(--ds-gen-darkergray) !important;
    height: 38px !important;
    padding: 3px 0px;
}

.offer-theme .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
    bottom: 6px;
}

.offer-theme .selection .select2-selection--single .select2-selection__arrow::after {
    line-height: 1 !important;
    margin-top: 6px !important;
    height: 16px !important;
}

.offer-theme .location-box-wrapper #map #localization:after,
#map_OfferDealerSelection #localization:after {
    content: url('/img/ds/offer/aim_ds.png');
}

.offer-theme input[type="text"] {
    font-family: var(--ds-font-bold);
    font-size: 16px !important;
    border: 1px solid var(--ds-gen-darkergray) !important;
    height: 38px !important;
    padding: 3px 8px;
}

.offer-theme .special-payment-brutto-error {
    font-size: 13px;
}

.offer-theme .step-back {
    font-size: 16px;
    color: var(--ds-gen-champane) !important;
    border-color: var(--ds-gen-champane);
    background-color: transparent;
    display: inline-block;
    margin-bottom: 16px;
}

    .offer-theme .step-back:after {
        background: url("/img/ds/offer/arrow_left_big_ad9d91.png") 0 -1px no-repeat;
    }

    .offer-theme .step-back:hover {
        color: var(--ds-white) !important;
        background-color: var(--ds-gen-champane);
    }

        .offer-theme .step-back:hover:after {
            background-image: url("/img/ds/offer/arrow_left_big_white.png");
        }

.icon {
    font-family: "DS Light", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: var(--ds-black);
}

.offer-theme .offer-dealer-selection-tile-inner .transport,
.offer-theme .offer-dealer-selection-tile-inner .bafa,
.offer-theme .offer-dealer-selection-tile-inner .zero-special-payment,
.offer-theme .offer-dealer-selection-tile-inner .immediately,
.conf-theme .b2c-dealer-selection-tile-inner .transport,
.conf-theme .b2c-dealer-selection-tile-inner .bafa,
.conf-theme .b2c-dealer-selection-tile-inner .zero-special-payment,
.conf-theme .b2c-dealer-selection-tile-inner .immediately {
    font-family: "DS Light", Arial, Helvetica, sans-serif;
    font-size: 14px;
}

@media (max-width: 1599.98px) {
    .offer-theme header.sticker .navbar-light {
        padding-top: 108px !important;
    }

    .offer-theme #price-sticker a.price-sticker-link span span {
        display: inline-block;
    }

    .offer-theme #price-sticker {
        width: 100%;
        top: 0;
    }

    header.sticker + .first-content-container .offer-progress-line.set {
        top: 101px;
        z-index: 39;
    }
}

@media print, screen and (max-width: 991.98px) {
    .offer-theme .info-box-wrapper {
        margin-top: 38px;
        margin-bottom: 80px;
    }

    .offer-theme .fastlane-there-for-you .contact-us-phone {
        font-size: 24px;
    }
}

@media print, screen and (max-width: 767.98px) {
    .offer-theme .our-promise-checklist {
        font-size: 17px;
    }

    .offer-theme .fastlane-there-for-you .contact-box:before {
        border-right-color: transparent;
        border-bottom-color: var(--ds-gen-champane);
    }

    .offer-step {
        font-size: 28px;
    }

    .offer-step-description,
    .offer-step-map {
        font-size: 24px;
    }
}

.offer-theme #colorselection {
    margin-bottom: 38px;
    padding: 30px 0;
}

.offer-theme #colorselection-images-wrap {
    position: relative;
}
.offer-theme #colorselection .offer-car-label {
    position: absolute;
    width: 100%;
}

.offer-theme #colorselection .offer-car-label:after {
    content: '';
    display: block;
    clear: both;
}

    .offer-theme #colorselection img.electric-label-list,
    .offer-theme #colorselection img.hybrid-label-list {
        float: right !important;
        position: relative;
        top: 16px;
        right: 16px;
        width: auto;
        max-width: 100%;
        height: 38px;
        margin-top: 0;
        z-index: 100;
    }

    .offer-theme #colorselection img.hybrid-label-list {
        right: 8px;
        height: 50px;
    }

    .offer-theme #colorselection .slick-dotted.slick-slider {
        margin-bottom: 5px;
    }

.offer-theme .colorselection-color {
    list-style-type: none;
    padding: 0;
}

.offer-theme .colorselection-color-rectangle {
    width: 200px;
}

    .offer-theme .colorselection-color-rectangle img {
        flex: 1 1 0% !important;
        border-radius: 0;
        border: 2px solid #bbb;
        margin: 0 5px;
        max-width: 200px;
        background-color: white;
        padding: 5px;
    }

    .offer-theme .colorselection-color-rectangle[data-is-selected='True'] img {
        border-color: #da291c;
        border-width: 4px;
    }

    .offer-theme .colorselection-color-rectangle.single {
        border-radius: 0;
        border: 0;
        max-width: 100%;
    }

    .offer-theme .colorselection-color-rectangle span {
        display: block;
        font-size: 16px;
        line-height: 1.2;
        padding: 5px;
    }

    .offer-theme .colorselection-color-rectangle.single span {
        font-size: 26px;
    }



    .offer-theme .colorselection-color-rectangle:hover {
        cursor: pointer;
    }

    .offer-theme .colorselection-color-rectangle.single:hover {
        cursor: default;
    }


.offer-theme .colorselection-color-image {
    width: 100%;
}

.offer-theme #colorselection .gallery {
    position: relative;
    max-width: 1120px;
}

    .offer-theme #colorselection .gallery .offer-gallery-slider {
        height: 100%;
    }

        .offer-theme #colorselection .gallery .offer-gallery-slider .gallery-slider-slide img {
            width: 100%;
            height: auto;
        }

    .offer-theme #colorselection .gallery .config-layer {
        width: 100%;
        height: 100%;
        padding-left: 26px;
        padding-right: 26px;
        padding-top: 30px;
        padding-bottom: 60px;
    }

        .offer-theme #colorselection .gallery .config-layer .max-width-elements {
            width: 263px;
        }

    .offer-theme #colorselection .gallery .offer-gallery-slider-controls {
        display: flex;
        justify-content: center;
    }

.offer-theme .colorselection-color-rectangle .inner {
    border: solid 4px transparent;
}

.offer-theme .colorselection-color-rectangle[data-is-selected='True'] .inner {
    border: none;
}

.offer-theme .colorselection-color-rectangle img {
    margin: 0 auto;
}

.offer-theme #colorselection .gallery .offer-gallery-slider-controls .prev {
    cursor: pointer;
    padding-right: 25px;
}

.offer-theme #colorselection .gallery .offer-gallery-slider-controls .next {
    cursor: pointer;
    padding-left: 25px;
}

.offer-theme #colorselection .gallery .offer-gallery-slider-controls .custom-dots {
    height: 100%;
    padding-left: 0;
    display: flex;
    align-items: center;
}

    .offer-theme #colorselection .gallery .offer-gallery-slider-controls .custom-dots li {
        margin: 0 6px;
        list-style: none;
        width: 8px;
        height: 8px;
        background: #535556;
        border: solid 1px #535556;
        border-radius: 50%;
        cursor: pointer;
    }

        .offer-theme #colorselection .gallery .offer-gallery-slider-controls .custom-dots li.slick-active {
            margin: 0 2px;
            width: 16px;
            height: 16px;
            background: transparent;
            border: solid 3px #535556;
        }

            .offer-theme #colorselection .gallery .offer-gallery-slider-controls .custom-dots li.slick-active + li {
                margin-left: 6px;
            }

.offer-theme #colorselection-colors-wrap {
    margin-top: 40px;
}

/*MEDIA QUERIES*/
@media print, screen and (max-width: 1199.98px) {
}

@media print, screen and (max-width: 991.98px) {
}

@media print, screen and (max-width: 767.98px) {
    .offer-theme .colorselection-color-rectangle span {
        font-size: 14px;
    }

    .offer-theme .colorselection-color-rectangle.single span {
        font-size: 22px;
    }

        .offer-theme .slick-slide .colorselection-color-rectangle span i {
            pointer-events: none;
        }

        .offer-theme .slick-slide.slick-current .colorselection-color-rectangle span i {
            pointer-events: auto;
        }

    .offer-theme .gallery .gallery-slider-controls-container {
        position: relative;
        bottom: 0;
        left: auto;
        margin-bottom: 30px;
    }

    .offer-theme .colorselection-color-rectangle img {
        display: block;
    }

    .offer-theme .mobile-gallery {
        width: 100%;
    }

    .offer-theme #colorselection img.electric-label-list,
    .offer-theme #colorselection img.hybrid-label-list {
        top: 12px;
        right: 12px;
        height: 28px;
    }

    .offer-theme #colorselection img.hybrid-label-list {
        top: 6px;
        right: 6px;
        height: 36px;
    }
}

@media print, screen and (max-width: 575.98px) {
}

.offer-theme #colorselection h2 {
    font-family: var(--ds-font-bold);
    font-size: 32px;
    color: var(--ds-link-hover-color-bright-background);
    text-transform: uppercase;
}

.offer-theme #colorselection h3 {
    font-family: var(--ds-font-bold);
    font-size: 32px;
    color: var(--ds-gen-darkergray);
    margin-bottom: 24px;
}

.offer-theme #colorselection-inner-wrap {
    padding-top: 20px;
}

.offer-theme #colorselection img.hybrid-label-list {
    top: 10px;
    right: 10px;
    height: 40px;
}

.offer-theme .colorselection-color-rectangle img {
    border: 1px solid #8a9496;
    padding: 7px;
}

.offer-theme .colorselection-color-rectangle[data-is-selected='True'] img {
    border-color: var(--ds-carmine);
    border-width: 7px;
    padding: 4px;
}

.offer-theme .colorselection-color-rectangle span {
    font-family: var(--ds-font-bold);
    font-size: 12px;
    color: var(--ds-black);
}

.offer-theme .colorselection-color-rectangle[data-is-selected='True'] {
    border-color: var(--ds-carmine);
}

.offer-theme .colorselection-color-rectangle.single span {
    font-size: 20px;
}

.offer-theme .model-link {
    font-family: var(--ds-font-bold);
    font-size: 18px;
    color: var(--ds-link-hover-color-bright-background);
    text-decoration: underline;
}


@media print, screen and (max-width: 767.98px) {
    .offer-theme #colorselection h2 {
        font-size: 24px;
    }

    .offer-theme #colorselection img.hybrid-label-list {
        top: 8px;
        right: 8px;
        height: 30px;
    }

    .offer-theme .colorselection-color-rectangle span {
        font-size: 10px;
    }

    .offer-theme .colorselection-color-rectangle.single span {
        font-size: 18px;
    }
}

#offerselection .tooltip-inner {
    max-width: 250px;
}

#offerselection {
    margin-bottom: 50px;
}

    #offerselection .offerselection-offers {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        height: 100%;
        gap: 20px;
    }

    #offerselection .offerselection-item {
        margin-bottom: 30px;
        /*display: flex;*/
        display: inline-flex !important;
        flex-direction: column;
        width: 100%;
    }

.offer-theme .offerselection-item .offerselection-item-innerwrap {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.offer-theme .offerselection-item .price-check {
    margin-top: auto;
}

    .offer-theme .offerselection-item .price-check .legal {
        font-size: 16px;
        margin-top: -10px;
    }

#offerselection .offerselection-item-top-wrap {
    height: initial;
}

#offerselection .offerselection-item .offerselection-item-upselling {
    margin-bottom: 5px;
    padding: 4px 10px 2px 10px;
}

#offerselection .offerselection-item[data-offerid='2'] .offerselection-item-upselling {
    background: #fff;
}

#offerselection .offerselection-item[data-offerid='3'] .offerselection-item-upselling {
    background: #b1b2b3;
}

#offerselection .offerselection-item .offerselection-item-upselling:before {
    display: none;
}

#offerselection .offerselection-item .offerselection-item-name {
    background: #000;
    color: #fff;
    padding: 5px 20px 3px 20px;
    position: relative;
    text-transform: uppercase;
}

    #offerselection .offerselection-item .offerselection-item-name span {
        white-space: pre-line;
    }

#offerselection .offerselection-item .offerselection-item-innerwrap {
    background: #fff;
    border: solid 7px #818586;
    margin-top: 30px;
    padding: 20px 20px 3px;
    position: relative;
}

    #offerselection .offerselection-item .offerselection-item-innerwrap:after, #offerselection .offerselection-item .offerselection-item-innerwrap:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: '';
        height: 0;
        width: 0;
        position: absolute;
    }

    #offerselection .offerselection-item .offerselection-item-innerwrap:before {
        border-color: rgba(129, 133, 134, 0);
        border-bottom-color: #818586;
        border-width: 26px;
        margin-left: -26px;
        bottom: calc(100% + 1px);
    }

    #offerselection .offerselection-item .offerselection-item-innerwrap:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 15px;
        margin-left: -15px;
    }

    #offerselection .offerselection-item .offerselection-item-innerwrap h4 {
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    #offerselection .offerselection-item .offerselection-item-innerwrap .immediately {
        margin-bottom: 4px;
    }

        #offerselection .offerselection-item .offerselection-item-innerwrap .immediately i {
            color: #616161;
        }

    #offerselection .offerselection-item .offerselection-item-innerwrap a {
        color: inherit;
        text-decoration: underline;
    }

#offerselection .offerselection-item .additional {
    transition: all .5s ease;
}

#offerselection .offerselection-item .car-list-detail-tag-wrapper {
    font-size: 1rem;
    margin-bottom: 8px;
}

#offerselection .offerselection-item ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 12px 0;
}

    #offerselection .offerselection-item ul li {
        padding: 4px 0 4px 15px;
        position: relative;
        line-height: 1.2;
    }

        #offerselection .offerselection-item ul li:before {
            content: '\2022';
            position: absolute;
            left: -5px;
            top: -1px;
            font-size: 24px;
            line-height: 1;
        }

#offerselection .offerselection-item .checkbox-row {
    position: relative;
}

#offerselection .offerselection-item .acknowledge {
    padding-bottom: 8px;
}

#offerselection .offerselection-item .offerselection-item-checkbox {
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    margin: 0;
}

    #offerselection .offerselection-item .offerselection-item-checkbox + label {
        vertical-align: middle;
        position: relative;
        padding-left: 36px;
        display: inline-block;
        cursor: pointer;
    }

        #offerselection .offerselection-item .offerselection-item-checkbox + label:before {
            content: '';
            width: 26px;
            height: 26px;
            background-color: #fff;
            border: 1px solid #bcbebe;
            display: block;
            top: -3px;
            left: 0;
            position: absolute;
            font-size: 0;
            line-height: 0;
        }

    #offerselection .offerselection-item .offerselection-item-checkbox:checked + label:after {
        content: '\2713';
        position: absolute;
        top: -1px;
        left: 3px;
        font-size: 28px;
        line-height: 1;
    }

#offerselection .offerselection-item .price-box .vehicle-price-from i {
    font-size: 18px;
    color: #616161;
    cursor: pointer;
}

#offerselection #car_details {
    transition: all .5s ease;
}

    #offerselection #car_details .inner-wrapper {
        padding-top: 14px;
    }

    #offerselection #car_details table {
        width: 100%;
        border-spacing: 0;
        border: none;
        margin-bottom: 20px;
    }

        #offerselection #car_details table td {
            vertical-align: top;
        }

            #offerselection #car_details table td:last-child {
                padding-right: 0;
                padding-left: 10px;
            }

    #offerselection #car_details ul {
        list-style-type: none;
        padding: 0;
        margin: 0 0 12px 0;
    }

        #offerselection #car_details ul li {
            padding: 4px 0 4px 15px;
            position: relative;
            line-height: 1.2;
        }

            #offerselection #car_details ul li:before {
                content: '\2022';
                position: absolute;
                left: -5px;
                top: -4px;
                font-size: 36px;
                line-height: 1;
            }

#offerselection .popover {
    max-width: 760px;
}

#offerselection .popover-body img {
    max-width: 100%;
}

#offerselection *::-ms-backdrop, #offerselection .offerselection-item .offerselection-item-checkbox:checked + label:after {
    top: -5px;
}

#offerselection .offerselection-item-top-wrap {
    vertical-align: top;
}

.offer-theme .selection .select2-selection--single .select2-selection__arrow::after {
    margin-top: -16px;
}

.offer-theme #offer-step2-next {
    margin: 30px 0 50px;
    min-width: 263px;
}

    .offer-theme #offer-step2-next span {
        display: block;
    }

    .offer-theme #offer-step2-next span .fa-spinner {
        margin-right: 10px;
    }

/*MEDIA QUERIES*/
@media print, screen and (max-width: 1199.98px) {
    #offerselection .offerselection-item ul li:before {
        top: -4px;
    }
}

@media print, screen and (max-width: 991.98px) {
    #offerselection .offerselection-offers {
        display: block;
    }
}

@media print, screen and (max-width: 767.98px) {
    #offerselection .popover {
        max-width: 360px;
    }
}

#offerselection h3 {
    font-family: var(--ds-font-regular);
    font-size: 20px;
    margin-bottom: 24px;
}

#offerselection .offerselection-item .offerselection-item-name {
    font-family: var(--ds-font-bold);
    font-size: 24px;
}

/*#offerselection .offerselection-item .offerselection-item-name:before {
        top: 12px;
        width: 10px;
        height: 17px;
        background-image: url(/img/peugeot/offer/arrow-right-white.png);
    }*/
#offerselection .offerselection-item .offerselection-item-upselling {
    padding: 8px 20px 6px 50px;
}

    #offerselection .offerselection-item .offerselection-item-upselling:before {
        top: 5px;
    }

#offerselection .offerselection-item .offerselection-item-innerwrap h4 {
    font-family: var(--ds-font-bold);
    font-size: 13px;
    color: var(--ds-carmine);
}

#offerselection .offerselection-item .offerselection-item-innerwrap p,
#offerselection .offerselection-item ul li {
    font-size: 16px;
}

#offerselection .offerselection-item ul li {
    padding-left: 12px;
}

    #offerselection .offerselection-item ul li:before {
        font-size: 20px;
        top: -2px;
        left: -2px;
    }

#offerselection .offerselection-item .offerselection-item-checkbox + label {
    background: var(--ds-gen-darkergray);
    color: var(--ds-white);
    width: 100%;
    font-family: var(--ds-font-bold);
    font-size: 22px;
    line-height: 1.2;
    padding: 8px 6px 7px 44px;
}

#offerselection .offerselection-item .offerselection-item-checkbox:checked + label {
    background: var(--ds-carmine);
}

#offerselection .offerselection-item .offerselection-item-checkbox + label:before {
    width: 24px;
    height: 24px;
    top: 8px;
    left: 10px;
    border-color: var(--ds-gen-champane-pale);
}

#offerselection .offerselection-item .offerselection-item-checkbox:checked + label:after {
    font-family: var(--ds-font-bold);
    color: var(--ds-black);
    content: 'X';
    top: 9px;
    left: 15px;
    font-size: 24px;
}

.offer-theme .offerselection-item .vehicle-price {
    color: var(--ds-carmine);
}

.offer-theme .offerselection-item .vehicle-price-from {
    color: var(--ds-carmine);
}

.offer-theme .offerselection-item .price-wrapper i {
    color: var(--ds-carmine);
}

#offerselection .offerselection-item .acknowledge {
    font-size: 12px;
}

#offerselection .details-toggle {
    font-family: var(--ds-font-bold);
    font-size: 14px;
    color: var(--ds-carmine);
    text-transform: uppercase;
    padding: 0 20px 10px;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    #offerselection .details-toggle:before {
        content: '';
        position: absolute;
        left: 0;
        top: 3px;
        width: 8px;
        height: 14px;
        background: url("/img/belgium/peugeot/arrow-right-blue.png") 0 0 no-repeat;
        background-size: contain;
        transition: transform .5s ease;
    }

    #offerselection .details-toggle[aria-expanded="true"]:before {
        transform: rotate( 90deg );
        transition: transform .5s ease;
    }

#offerselection #car_details .inner-wrapper {
    padding-top: 0;
}

#offerselection #car_details table td {
    font-size: 12px;
}

#offerselection #car_details .section {
    font-family: var(--ds-font-bold);
    font-size: 13px;
    color: var(--ds-link-hover-color-dark-background);
    text-transform: uppercase;
    padding: 5px 20px 9px 15px;
    position: relative;
    display: block;
    cursor: pointer;
}

    #offerselection #car_details .section:before {
        content: '';
        position: absolute;
        left: 0;
        top: 7px;
        width: 7px;
        height: 12px;
        background: url("/img/belgium/peugeot/arrow-right-blue.png") 0 0 no-repeat;
        background-size: contain;
        transition: transform .5s ease;
    }

    #offerselection #car_details .section[aria-expanded="true"]:before {
        transform: rotate(90deg);
        transition: transform .5s ease;
    }

#offerselection #car_details ul li {
    padding: 4px 0 4px 12px;
    position: relative;
    line-height: 1.2;
    font-size: 12px;
}

    #offerselection #car_details ul li:before {
        font-size: 20px;
        top: -2px;
        left: -2px;
    }

#offerselection #equipment_details {
    transition: all .5s ease;
}

#offerselection .offerselection-offers:not(.slick-slider) {
    flex-direction: row;
    flex-wrap: wrap;
}

@media print, screen and (min-width: 1400px) {
    #offerselection .offerselection-offers:not(.slick-slider) .offerselection-item {
        max-width: 49%;
    }
}

.offerselection-item .popover-optionsseries i.fa-info-circle {
    color: var(--ds-carmine);
}

/*MEDIA QUERIES*/
@media print, screen and (max-width: 1199.98px) {
    #offerselection .offerselection-item .offerselection-item-innerwrap h4 {
        font-size: 12px;
    }

    #offerselection .offerselection-item .offerselection-item-innerwrap p,
    #offerselection .offerselection-item ul li {
        font-size: 12px;
    }
}

@media print, screen and (max-width: 991.98px) {

    #offerselection .details-toggle {
        font-size: 13px;
    }

        #offerselection .details-toggle:before {
            top: 2px;
            width: 7px;
            height: 12px;
        }

    #offerselection #car_details .section {
        font-size: 12px;
    }

        #offerselection #car_details .section:before {
            top: 9px;
            width: 6px;
            height: 10px;
        }
}

/* HIGHLIGHT OFFERS STARTPAGE */
.offer-highlight-offers {
    margin: 24px 0 50px;
}

.offer-theme {
    overflow-x: hidden;
}

.offer-theme .arrows-position {
    position: relative;
}

    .offer-theme .arrows-position .prev-next-container {
        position: absolute;
        top: 50%;
        left: 0;
        height: 1px;
        width: 100%;
    }

.offer-theme .prev-next-container .slick-prev, .offer-theme .prev-next-container .slick-next {
    background: #818586;
    width: 82px;
    height: 82px;
}

    .offer-theme .prev-next-container .slick-prev:before, .offer-theme .prev-next-container .slick-next:before {
        content: '';
        position: absolute;
        top: 18px;
        left: 30px;
        width: 28px;
        height: 48px;
        background: url('/img/citroen/offer/arrowfff.svg') 0 0 no-repeat;
        background-size: contain;
        opacity: 1;
    }

    .offer-theme .prev-next-container .slick-prev:hover:before, .offer-theme .prev-next-container .slick-next:hover:before {
        background-image: url('/img/citroen/offer/arrowda291c.svg');
    }

.offer-theme .prev-next-container .slick-prev {
    left: -92px;
}

    .offer-theme .prev-next-container .slick-prev:before {
        transform: rotate(180deg);
        left: auto;
        right: 30px;
    }

.offer-theme .prev-next-container .slick-next {
    right: -92px;
}

.offer-highlight-offers .dealer-distance {
    color: #6e6e6e;
}

.offer-highlight-offers .model {
    line-height: 1;
    color: #000;
    margin-top: 9px;
}

.offer-highlight-offers .immediately {
    margin-top: 14px;
    margin-bottom: 4px;
    color: #000;
}

    .offer-highlight-offers .immediately i {
        color: #616161;
    }

.offer-highlight-offers .button-orange-arrow-right {
    display: block;
    max-width: 265px;
    margin-top: 12px;
}

/* Offer slider fading START */
.offer-highlight-offers-slider.fading::before,
.offer-configuration-selection-slider.fading::before,
.offer-highlight-offers-slider.fading::after,
.offer-configuration-selection-slider.fading::after {
    content: '';
    position: absolute;
    top: 0;
    min-width: 45px;
    max-width: 150px;
    width: 11%;
    height: 100%;
    /*background-color: rgba(255,0,0,0.33);*/
    z-index: 1;
    pointer-events: none;
}

.offer-highlight-offers-slider.fading::before,
.offer-configuration-selection-slider.fading::before {
    left: 0;
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.offer-highlight-offers-slider.fading::after,
.offer-configuration-selection-slider.fading::after {
    right: 0;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
/* Offer slider fading END */

.offer-highlight-offers-slider .slick-track,
.offer-configuration-selection-slider .slick-track {
    display: flex !important;
    justify-content: space-around;
}

.offer-highlight-offers-slider .slick-list,
.offer-configuration-selection-slider .slick-list {
    width: 100%;
}

.offer-highlight-offers-slider .slick-slide,
.offer-configuration-selection-slider .slick-slide {
    margin: 0px 20px;
    /*max-width: 560px;*/
    height: inherit !important;
}

@media print, screen and (max-width: 576px) {
    .offer-highlight-offers-slider .slick-slide,
    .offer-configuration-selection-slider .slick-slide {
        margin: 0px 10px;
    }
}

        .offer-highlight-offers-slider .slick-slide > div,
        .offer-configuration-selection-slider .slick-slide > div {
            height: 100%;
        }

    .offer-highlight-offers-slider .offer-item {
        width: 353px;
        height: 100%;
        border: 2px solid white;
    }

    .offer-configuration-selection-slider.slick-slider .offerselection-item {
        width: 353px;
        height: 100%;
    }

        .offer-highlight-offers-slider .offer-item .image {
            width: 100%;
            position: relative;
            height: 284px;
            border: solid 8px #dde1e3;
            overflow: hidden;
        }

            .offer-highlight-offers-slider .offer-item .image img {
                width: 100%;
                height: auto;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
            }

            .offer-highlight-offers-slider .offer-item .image .offer-car-label {
                min-height: 54px;
            }

                .offer-highlight-offers-slider .offer-item .image .offer-car-label:after {
                    content: '';
                    display: block;
                    clear: both;
                }

            .offer-highlight-offers-slider .offer-item .image img.electric-label-list,
            .offer-highlight-offers-slider .offer-item .image img.hybrid-label-list {
                float: right !important;
                position: relative;
                top: 16px;
                bottom: auto;
                left: auto;
                right: 16px;
                width: auto;
                max-width: 100%;
                height: 38px;
                margin-top: 0;
            }

            .offer-highlight-offers-slider .offer-item .image img.hybrid-label-list {
                top: 8px;
                right: 8px;
                height: 50px;
            }

        .offer-highlight-offers-slider .offer-item .description {
            padding: 14px 15px 10px;
            position: relative;
            margin-top: 4px;
        }

            .offer-highlight-offers-slider .offer-item .description:after, .offer-highlight-offers-slider .offer-item .description:before {
                bottom: 100%;
                left: 60px;
                border: solid transparent;
                content: '';
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
            }

            .offer-highlight-offers-slider .offer-item .description:after {
                border-color: rgba(255, 255, 255, 0);
                border-bottom-color: #fff;
                border-width: 17px;
                margin-left: -17px;
            }

            .offer-highlight-offers-slider .offer-item .description:before {
                border-color: rgba(129, 133, 134, 0);
                border-bottom-color: #818586;
                border-width: 30px;
                margin-left: -30px;
            }

        .offer-highlight-offers-slider .offer-item .offer-button-lease-now .spinner {
            position: relative;
            display: block;
        }

            .offer-highlight-offers-slider .offer-item .offer-button-lease-now .spinner i {
                position: absolute;
                margin-left: -25px;
            }

    ul.offer-highlight-offer-options {
        padding-left: 18px;
        margin: 5px 0 8px;
    }

    .offer-money-back {
        display: block;
        text-transform: uppercase;
        margin-top: 10px;
        margin-bottom: 5px;
        text-align: center;
        padding: 4px;
    }

    .offer-button-lease-now {
        display: block;
        text-transform: uppercase;
        margin-top: 10px;
        text-align: center;
        padding: 4px;
    }

    .offer-highlight-offer-inner-wrap {
        padding: 5px;
        border: 8px solid #818586;
    }

        .offer-highlight-offer-inner-wrap .price-wrapper .legal {
            margin-top: -10px;
        }

    /*MEDIA QUERIES*/
    @media print, screen and (max-width: 1199.98px) {
    }

    @media print, screen and (max-width: 991.98px) {
    }

    @media print, screen and (max-width: 767.98px) {

        .offer-highlight-offers {
            margin: 30px 0;
        }

        .offer-highlight-offers-slider .offer-item .offer-button-lease-now .spinner i {
            margin-left: -19px;
        }

        .offer-highlight-offers-slider .offer-item .image .offer-car-label {
            min-height: 40px;
        }

        .offer-highlight-offers-slider .offer-item .image img.electric-label-list,
        .offer-highlight-offers-slider .offer-item .image img.hybrid-label-list {
            top: 12px;
            right: 12px;
            height: 28px;
        }

        .offer-highlight-offers-slider .offer-item .image img.hybrid-label-list {
            top: 6px;
            right: 6px;
            height: 36px;
        }
    }

    @media print, screen and (max-width: 359.98px) {

        .offer-highlight-offers-slider .slick-slide {
            margin: 0px 10px;
        }
    }

    @media print, screen and (min-width: 1152px) {
        #offer-highlights-tiles {
            position: relative;
        }
    }

    @media print, screen and (min-width: 1400px) {
        .offer-theme .prev-next-container .slick-prev {
            left: -112px;
        }

        .offer-theme .prev-next-container .slick-next {
            right: -112px;
        }
    }

/* HIGHLIGHT OFFERS STARTPAGE */
.offer-highlight-offers-slider .offer-item {
    border: none;
}

    .offer-highlight-offers-slider .offer-item .image {
        background: var(--ds-white);
        border-color: var(--ds-gen-gray);
    }

.offer-highlight-offer-inner-wrap {
    background: var(--ds-white);
    border-color: var(--ds-gen-champane);
}

.offer-highlight-offers-slider .offer-item .description:before {
    border-bottom-color: var(--ds-gen-champane);
}

.offer-highlight-offers .model {
    font-family: var(--ds-font-bold);
    font-size: 22px;
}

.offer-highlight-offers-slider .price-wrapper i {
    font-size: 18px;
    color: var(--ds-link-hover-color-bright-background);
    cursor: pointer;
}

.offer-highlight-offers-slider .offer-item .image {
    height: auto;
}

    .offer-highlight-offers-slider .offer-item .image img.hybrid-label-list {
        top: 10px;
        right: 10px;
        height: 40px;
    }

.offer-money-back {
    font-family: var(--ds-font-bold);
    font-size: 13px;
    line-height: 20px;
    color: var(--ds-gen-gray);
    background: var(--ds-white);
}

.offer-theme .vehicle-price-from {
    font-family: var(--ds-font-bold);
    font-size: 22px;
    color: var(--ds-link-hover-color-bright-background);
}

.offer-theme .vehicle-price {
    font-family: var(--ds-font-bold);
    font-size: 32px;
    line-height: 1;
    color: var(--ds-link-hover-color-bright-background);
}

.offer-theme .offer-button-lease-now {
    font-family: var(--ds-font-bold);
    font-size: 16px;
    color: var(--ds-white);
    padding: 0;
    background: var(--ds-carmine);
}

    .offer-theme .offer-button-lease-now .spinner {
        padding: 8px 18px;
    }

    .offer-theme .offer-button-lease-now:hover {
        background: var(--ds-link-hover-color-bright-background);
        text-decoration: none;
    }

.offer-theme .prev-next-container .slick-prev:before, .offer-theme .prev-next-container .slick-next:before {
    background: url('/img/ds/offer/arrowfff.svg') 0 0 no-repeat;
}

.offer-theme .prev-next-container .slick-prev:hover:before, .offer-theme .prev-next-container .slick-next:hover:before {
    background-image: url('/img/ds/offer/arrow9e023b.svg');
}

.offer-highlight-offers-slider .offer-item .offer-button-lease-now .spinner i {
    margin-top: 4px;
}

.offer-theme .button-orange-arrow-right {
    color: var(--ds-white);
}

    .offer-theme .button-orange-arrow-right:hover {
        color: var(--ds-white);
    }

.dark, .dark .model, .dark .icon, .dark .vehicle-price, .dark .vehicle-price-from,
.dark .offer-money-back {
    color: var(--ds-white);
}

    .dark .price-wrapper i {
        color: var(--ds-carmine) !important;
    }

    .dark .offer-money-back {
        background: var(--ds-black);
    }

    .dark .offer-highlight-offer-inner-wrap {
        background: var(--ds-black);
    }

        .dark .offer-highlight-offer-inner-wrap:after {
            border-bottom-color: var(--ds-black) !important;
        }

/*MEDIA QUERIES*/
@media print, screen and (max-width: 991.98px) {
    .offer-modelselection-cta-has-external-checkout {
        min-height: 94px;
    }
}

@media print, screen and (max-width: 767.98px) {
    .offer-highlight-offers .model {
        font-size: 16px;
    }

    .offer-highlight-offers-slider .offer-item .image {
        height: 192px;
    }

        .offer-highlight-offers-slider .offer-item .image img.hybrid-label-list {
            top: 8px;
            right: 8px;
            height: 30px;
        }

    ul.offer-highlight-offer-options li {
        font-size: 16px;
        line-height: 18px;
    }

    .offer-theme .vehicle-price {
        font-size: 26px;
    }
}

/* Offer slider fading START */
.offer-highlight-offers-slider.fading::before,
.offer-configuration-selection-slider.fading::before,
.offer-highlight-offers-slider.fading::after,
.offer-configuration-selection-slider.fading::after {
    content: '';
    position: absolute;
    top: 0;
    min-width: 45px;
    max-width: 150px;
    width: 11%;
    height: 100%;
    /*background-color: rgba(255,0,0,0.33);*/
    z-index: 1;
    pointer-events: none;
}

.offer-highlight-offers-slider.fading::before,
.offer-configuration-selection-slider.fading::before {
    left: 0;
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.offer-highlight-offers-slider.fading::after,
.offer-configuration-selection-slider.fading::after {
    right: 0;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
/* Offer slider fading END */
.offer-theme .first-content-container .hero-wrapper {
    position: relative;
}
#hero-image-index {
    max-width: 100%;
}
    .offer-theme .first-content-container .hero-wrapper .darker {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .8));
    }

    .offer-theme .first-content-container .hero-images-offer-slider + .darker {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100% - 37px);
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .8));
    }

#hero-image-items-wrapper {
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    text-align: right;
    width: 100%;
    max-width: calc(100% - 60px);
}

    .offer-theme .first-content-container .hero-images-offer-slider ~ #hero-image-items-wrapper {
        top: calc(50% - 19px);
    }

    #hero-image-items-wrapper ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-align: left;
        display: inline-block;
    }

        #hero-image-items-wrapper ul li {
            padding-left: 76px;
            text-transform: uppercase;
            background-position: 0 50%;
            background-repeat: no-repeat;
        }

            #hero-image-items-wrapper ul li.price {
                background-image: url("/img/icons/price.svg");
                background-size: 50px 54px;
            }

            #hero-image-items-wrapper ul li.click {
                background-image: url("/img/icons/click.png");
                background-size: 50px 50px;
            }

            #hero-image-items-wrapper ul li.shield {
                background-image: url("/img/icons/shield.png");
                background-size: 50px 50px;
            }

            #hero-image-items-wrapper ul li.benefits {
                background-image: url("/img/icons/benefits.png");
                background-size: 50px 50px;
            }

            #hero-image-items-wrapper ul li.warranty {
                background-image: url("/img/icons/warranty.svg");
                background-size: 44px 67px;
            }

            #hero-image-items-wrapper ul li.security {
                background-image: url("/img/icons/security.svg");
                background-size: 38px 45px;
                background-position: 0 27%;
            }

            #hero-image-items-wrapper ul li.persons {
                background-image: url("/img/icons/persons.svg");
                background-size: 37px 37px;
            }

.offer-theme .hero-image-item-small {
    display: block;
}

/*MEDIA QUERIES*/

@media print, screen and (max-width: 1199.98px) {
}

@media print, screen and (max-width: 991.98px) {
}

@media print, screen and (max-width: 767.98px) {

    .offer-theme .first-content-container .hero-wrapper {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0 0;
    }

        .offer-theme .first-content-container .hero-wrapper img { 
            display: none;
        }

        .offer-theme .first-content-container .hero-wrapper .darker {
            background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, .6));
        }

    .offer-theme #hero-image-items-wrapper {
        top: 92px;
        left: 10px;
        max-width: calc(100% - 20px);
    }

    #hero-image-items-wrapper ul li {
        padding-left: 52px;
    }

        #hero-image-items-wrapper ul li.price {
            background-size: 28px 30px;
            background-position: 4px 36%;
        }

        #hero-image-items-wrapper ul li.warranty {
            background-size: 31px 50px;
            background-position: 7px 50%;
        }

        #hero-image-items-wrapper ul li.security {
            background-size: 31px 34px;
            background-position: 5px 50%;
        }

        #hero-image-items-wrapper ul li.persons {
            background-size: 35px 36px;
        }

        #hero-image-items-wrapper ul li.click {
            background-size: 30px 30px;
            background-position: 2px 50%;
        }

        #hero-image-items-wrapper ul li.shield {
            background-size: 30px 30px;
            background-position: 2px 50%;
        }

        #hero-image-items-wrapper ul li.benefits {
            background-size: 30px 30px;
            background-position: 2px 50%;
        }
}

@media print, screen and (min-width: 768px) {
    .offer-theme .first-content-container .container:not(.stage) .hero-wrapper {
        background-image: none !important;
    }

    .offer-theme .first-content-container .stage .hero-wrapper {
        min-height: 116px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0 center;
    }

        .offer-theme .first-content-container .stage .hero-wrapper img {
            display: none;
        }

    .offer-theme .first-content-container .stage #hero-image-items-wrapper ul {
        display: flex;
        justify-content: space-around;
    }
}

#hero-image-items-wrapper ul li {
    font-size: 24px;
    line-height: 26px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-family: var(--ds-font-bold);
    color: white;
}

.offer-theme .hero-image-item-small {
    font-size: 18px;
}
/*MEDIA QUERIES*/

@media print, screen and (max-width: 767.98px) {

    #hero-image-items-wrapper ul li {
        font-size: 16px;
        line-height: 1;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .offer-theme .hero-image-item-small {
        font-size: 13px;
    }
}

@media print, screen and (min-width: 768px) {
    .offer-theme .first-content-container .stage .hero-wrapper .darker {
        background-image: none;
        background-color: rgba(0, 0, 0, .35)
    }

    .offer-theme .stage #hero-image-items-wrapper ul li {
        font-size: 17px;
        line-height: 18px;
    }

    .offer-theme .stage .hero-image-item-small {
        font-size: 13px;
    }
}

.offer-theme #how-it-works {
    padding-top: 18px;
    padding-bottom: 38px;
    margin-top: 38px;
}

.offer-theme .how-it-works-headline {
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.offer-theme #how-it-works .line {
    margin-top: -20px;
    width: 7%;
    height: 2px;
    background-color: #fff;
}

.offer-theme .step-box {
    margin-bottom: 14px;
}

.offer-theme .step-wrapper {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 1.1;
    color: #fff;
    text-transform: uppercase;
    width: 20%;
    padding: 0 20px;
}

    .offer-theme .step-wrapper .vehicle {
        max-width: 88px;
        margin-top: 10px;
    }

    .offer-theme .step-wrapper .color {
        max-width: 132px;
        margin-top: 20px;
    }

    .offer-theme .step-wrapper .equipment {
        max-width: 120px;
    }

    .offer-theme .step-wrapper .finance {
        max-width: 78px;
    }

.offer-theme .how-it-works-row img.color {
    width: 109px;
}

.offer-theme .how-it-works-row img.equipment {
    width: 112px;
}

.offer-theme .how-it-works-row img.finance {
    width: 58px;
}

.offer-theme .step-wrapper span {
    margin-top: auto;
}

/*MEDIA QUERIES*/
@media print, screen and (max-width: 1199.98px) {
}

@media print, screen and (max-width: 991.98px) {
    .offer-theme #how-it-works {
        margin-top: 50px !important;
        padding: 18px 40px 35px;
    }

    .offer-theme .how-it-works-row > div {
        margin-bottom: 6px;
    }

    .offer-theme .how-it-works-row:first-child {
        padding-top: 30px;
    }

    .offer-theme .how-it-works-row:last-child {
        padding-bottom: 20px;
    }

    .offer-theme .how-it-works-row:not(:first-child) {
        margin-top: 25px;
    }
}

@media print, screen and (max-width: 767.98px) {
    .offer-theme #how-it-works {
        padding: 18px 20px 15px;
    }

    .offer-theme .how-it-works-headline {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .offer-theme .step-wrapper {
        font-size: 14px;
        padding: 0 10px;
    }

        .offer-theme .step-wrapper .vehicle {
            max-width: 66px;
            margin-top: 10px;
        }

        .offer-theme .step-wrapper .color {
            max-width: 100px;
            margin-top: 20px;
        }

        .offer-theme .step-wrapper .equipment {
            max-width: 90px;
        }

        .offer-theme .step-wrapper .finance {
            max-width: 62px;
        }

    .offer-theme #how-it-works .line {
        margin-top: -44px;
    }
}

@media print, screen and (max-width: 575.98px) {
    .offer-theme .step-wrapper {
        font-size: 13px;
        padding: 0 5px;
    }
}

@media print, screen and (min-width: 992px) {
    .offer-theme .step-wrapper {
        font-size: 18px;
    }

    .offer-theme #how-it-works .button-plus-left {
        padding-left: 30px;
    }

        .offer-theme #how-it-works .button-plus-left:after {
            display: none;
        }

    .offer-theme .how-it-works-row {
        justify-content: space-between;
    }

        .offer-theme .how-it-works-row > div {
            margin-bottom: 10px;
            height: 100%;
            align-self: center;
        }

        .offer-theme .how-it-works-row img:not(.vehicle) {
            top: 50%;
            position: relative;
            transform: translateY(-50%);
            display: block;
        }
}

.offer-theme #how-it-works {
    padding-top: 18px;
    padding-bottom: 38px;
    margin-top: 38px;
}

#map_OfferDealerSelection {
    width: 100%;
    height: 334px;
}

.offer-theme .map-block {
    margin-top: 26px;
}

#offer-dealer-selection-results {
    padding-top: 38px;
    margin-bottom: 50px;
}

#offer-dealer-selection-headline {
    margin-bottom: 40px;
}

.offer-dealer-selection-tile-outer {
    padding: 0 10px;
    margin-bottom: 20px;
}

.offer-stock-results .offer-step-description {
    margin-top: 50px;
}

.offer-dealer-selection-tile-inner,
.b2c-dealer-selection-tile-inner {
    border: 1px solid #dde1e3;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.offer-dealer-selection-tile-distance,
.conf-theme .b2c-dealer-selection-tile-distance {
    background-color: #dde1e3;
    color: #535458;
    padding: 5px;
}

.offer-dealer-selection-tile-details,
.conf-theme .b2c-dealer-selection-tile-details {
    flex: 1 1 auto;
}

    .offer-dealer-selection-tile-details .overlay,
    .offer-dealer-selection-tile-details .overlay span,
    .conf-theme .b2c-dealer-selection-tile-details .overlay,
    .conf-theme .b2c-dealer-selection-tile-details .overlay span {
        background-size: 26px 24px;
        height: 26px;
        width: 130px;
    }

.offer-dealer-selection-tile-dealername,
.conf-theme .b2c-dealer-selection-tile-dealername {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 60px;
}

.offer-dealer-selection-tile-dealerstreet,
.conf-theme .b2c-dealer-selection-tile-dealerstreet {
    display: block;
}

.offer-dealer-selection-tile-dealerzip,
.conf-theme .b2c-dealer-selection-tile-dealerzip {
    display: block;
}

.offer-dealer-selection-tile-imprint,
.conf-theme .b2c-dealer-selection-tile-imprint {
    display: block;
    margin-bottom: 20px;
}

.offer-dealer-selection-tile-price1,
.conf-theme .b2c-dealer-selection-tile-price1 {
    display: block;
    text-align: right;
}

.offer-dealer-selection-tile-price2,
.conf-theme .b2c-dealer-selection-tile-price2 {
    display: block;
    text-align: right;
}

.offer-dealer-selection-tile-small,
.conf-theme .b2c-dealer-selection-tile-small {
    display: block;
    text-align: right;
}

    .offer-dealer-selection-tile-small.small-adjust,
    .conf-theme .b2c-dealer-selection-tile-small.small-adjust {
        margin-top: -10px;
    }

.offer-dealer-selection-tile-availability,
.conf-theme .b2c-dealer-selection-tile-availability {
    display: block;
    margin-top: 20px;
}

.offer-dealer-selection-tile-details .bottom-part,
.conf-theme .b2c-dealer-selection-tile-details .bottom-part {
    margin-top: auto;
}

.offer-more-results,
.conf-theme #b2c-dealer-selection-load-more {
    text-align: center;
    margin-bottom: 50px;
}

    .offer-more-results span,
    .conf-theme #b2c-more-results-link {
        display: inline-block;
        text-transform: uppercase;
        cursor: pointer;
    }

.offer-dealer-selection-tile-inner .button-orange-arrow-right,
.conf-theme .b2c-dealer-selection-tile-inner .button-orange-arrow-right {
    display: block;
    padding: 6px;
    margin-bottom: 4px;
}

    .offer-dealer-selection-tile-inner .button-orange-arrow-right:after,
    .conf-theme .offer-dealer-selection-tile-inner .button-orange-arrow-right:after {
        display: none;
    }

.offer-theme .matches-count .arrows {
    display: none;
    flex-shrink: 0;
    width: 33px;
    height: 33px;
    cursor: pointer;
}

@media (max-width: 991.98px) {
    #map_OfferDealerSelection {
        height: 400px;
    }

    .offer-theme .map-block .locate-nearest-zip {
        margin-top: 27px !important;
    }
}

@media (max-width: 767.98px) {
    #offer-dealer-selection-results {
        padding-top: 45px;
    }

    .offer-theme .matches-count {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }

        .offer-theme .matches-count .arrows {
            display: block;
            align-self: center;
        }

    #offer-dealer-selection-headline {
        margin: 0 20px;
        line-height: 1;
        align-self: center;
    }

    .offer-dealer-selection-tile-outer {
        padding: 0 15px;
    }

    .offer-more-results {
        display: none;
    }

    .offer-stock-results {
        margin-top: 24px;
    }

    .offer-dealer-selection-tile-outer:last-of-type {
        margin-bottom: 20px;
    }
}

@media (max-width: 375.98px) {
    .offer-theme .map-block #input-location-modal-search-wrap,
    .conf-theme .map-block #input-location-modal-search-wrap {
        position: relative;
        top: 0;
    }
}

.offer-theme .result-border-box {
    background-color: transparent;
}

.offer-theme .car-list-item {
    border: none;
}

.offer-theme .offer-stock-results .car-list-item {
    border: 3px solid #b7b3b3;
}

.offer-theme .car-list-image-column,
.offer-theme .result-border-box .car-list-detail-column,
.offer-theme .result-border-box .info-layer {
    background-color: var(--ds-white);
}

.offer-theme .offer-stock-results .result-border-box,
.offer-theme .offer-stock-results .car-list-image-column,
.offer-theme .offer-stock-results .result-border-box .car-list-detail-column,
.offer-theme .offer-stock-results .result-border-box .info-layer {
    background-color: var(--ds-white);
}

    .offer-theme .offer-stock-results .result-border-box .text-layer {
        font-size: 15px;
    }

.offer-theme .result-border-box .car-list-item .button-orange-arrow-right,
.offer-theme .labelInputMain {
    color: var(--ds-white);
}

.offer-theme .inputRadius .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    color: var(--ds-white);
    background: var(--ds-gen-champane);
    border-right: none;
}

.offer-theme #input-location-modal-search-wrap .select2-container--bootstrap4.select2-container .select2-selection,
.conf-theme #input-location-modal-search-wrap .select2-container--bootstrap4.select2-container .select2-selection {
    padding: 0;
}

.offer-theme #input-location-modal-search-wrap .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered,
.conf-theme #input-location-modal-search-wrap .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
}

.offer-theme #input-location-modal-search-wrap .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow,
.conf-theme #input-location-modal-search-wrap .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
    bottom: 6px;
}

.offer-theme #input-location-modal-search-wrap .select2-container--bootstrap4 .select2-selection__clear,
.conf-theme #input-location-modal-search-wrap .select2-container--bootstrap4 .select2-selection__clear {
    color: var(--ds-white);
    padding-left: 0.3em;
    line-height: 1.2em;
    margin-top: 0.6em;
    background: var(--ds-gen-champane);
}

.offer-theme #input-location-modal-search-wrap .selection .select2-selection--single .select2-selection__arrow::after,
.conf-theme #input-location-modal-search-wrap .selection .select2-selection--single .select2-selection__arrow::after {
    height: 22px;
    margin-top: -11px;
}

.offer-theme .inputRadius .selection .select2-selection--single .select2-selection__arrow::after,
.conf-theme .inputRadius .selection .select2-selection--single .select2-selection__arrow::after {
    border-bottom: 1px solid var(--ds-gen-champane);
    border-top: 1px solid var(--ds-gen-champane);
    background: var(--ds-gen-champane);
}

.offer-theme .inputRadius .select2-selection--single .select2-selection__arrow:after {
    color: var(--ds-white);
}

#offer-dealer-selection-results .offer-step-description {
    color: var(--ds-white);
}

#offer-dealer-selection-headline,
#offer-stock-selection-headline {
    font-family: var(--ds-font-bold);
    color: var(--ds-gen-champane);
    font-size: 20px;
    text-transform: uppercase;
}

.offer-theme .offer-dealer-selection-tile-distance,
.conf-theme .b2c-dealer-selection-tile-distance {
    font-family: var(--ds-font-bold);
    font-size: 16px;
    color: var(--ds-white);
    background-color: var(--ds-gen-champane);
}

.offer-theme .offer-dealer-selection-tile-inner,
.conf-theme .b2c-dealer-selection-tile-inner {
    border: none;
    height: 100%;
    background: var(--ds-white);
}

    .offer-theme .offer-dealer-selection-tile-inner .button-orange-arrow-right:hover,
    .conf-theme .b2c-dealer-selection-tile-inner .button-orange-arrow-right:hover {
        background: var(--ds-link-hover-color-bright-background);
        border-color: var(--ds-link-hover-color-bright-background);
    }

.offer-dealer-selection-tile-dealername,
.conf-theme .b2c-dealer-selection-tile-dealername {
    font-family: var(--ds-font-bold);
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase;
    min-height: 72px;
}

.offer-dealer-selection-tile-price1,
.conf-theme .b2c-dealer-selection-tile-price1 {
    font-family: var(--ds-font-bold);
    font-size: 32px;
    color: var(--ds-carmine);
}

    .offer-dealer-selection-tile-price1 span,
    .conf-theme .b2c-dealer-selection-tile-price1 span {
        font-size: 18px;
    }

.offer-dealer-selection-tile-price2,
.conf-theme .b2c-dealer-selection-tile-price2 {
    font-family: var(--ds-font-bold);
    font-size: 18px;
    color: var(--ds-carmine);
}

.offer-dealer-selection-tile-availability,
.offer-dealer-selection-check,
.conf-theme .b2c-dealer-selection-tile-availability {
    font-size: 14px;
    line-height: 20px;
    padding-left: 26px;
    background: url('/img/ds/offer/check-icon.png') 0 0 no-repeat;
    background-size: 18px;
}

.offer-dealer-selection-tile-inner .button-orange-arrow-right {
    color: var(--ds-white);
}

.offer-more-results span,
.conf-theme #b2c-more-results-link {
    font-family: var(--ds-font-bold);
    text-transform: uppercase;
    font-size: 20px;
    color: var(--ds-gen-champane);
    padding-top: 0;
    padding-right: 25px;
    background: url('/img/ds/offer/arrow_right_ad9d91.png') right center no-repeat;
}

.offer-more-results:hover span,
.conf-theme #b2c-more-results-link:hover {
    color: var(--ds-carmine);
    background-image: url('/img/ds/offer/arrow_right_9e023b.png');
}

@media (max-width: 767.98px) {
    #offer-dealer-selection-headline,
    #offer-stock-selection-headline {
        font-size: 16px;
    }

    .offer-theme .matches-count #prevArrow {
        background: url('/img/ds/offer/sliderL.png') 0 0 no-repeat;
    }

    .offer-theme .matches-count #nextArrow {
        background: url('/img/ds/offer/slider.png') 0 0 no-repeat;
    }
}

@media print, screen and (min-width: 575.98px) {
    .offer-theme .car-list-image-column-inner-wrap {
        background: var(--ds-white);
    }

    .offer-theme .offer-stock-results .car-list-image-column-inner-wrap {
        background: var(--ds-white);
    }
}

.offer-theme .gallery-wrapper .gallery .row-summary:first-of-type,
.conf-theme #b2x-summary .gallery-wrapper .gallery .row-summary:first-of-type {
    padding-top: 36px;
}

.offer-theme #sticky-buttons li {
    background-color: #898989;
}

    .offer-theme #sticky-buttons li span.part {
        height: auto;
        padding-top: 0;
        padding-left: 0;
    }

.offer-theme .tarif2-box-wrapper .summary-cta2 .button-orange-arrow-right span,
.conf-theme #b2x-summary .tarif2-box-wrapper .summary-cta2 .button-orange-arrow-right span {
    line-height: 1;
    display: block;
    text-align: center;
    padding: 16px 60px 16px;
}

.offer-theme .gallery-wrapper .gallery .config-layer,
.conf-theme #b2x-summary .gallery-wrapper .gallery .config-layer {
    padding-top: 0px;
}

    .offer-theme .gallery-wrapper .gallery .config-layer .price-box,
    .conf-theme #b2x-summary .gallery-wrapper .gallery .config-layer .price-box {
        background: #fff;
        border: solid 2px #c6c6c7;
        flex: 0 0 auto;
        width: auto;
        max-width: calc(100% - 30px);
        padding: 24px 20px 14px;
        margin-left: 15px;
    }

.offer-theme .price-box #loader {
    display: none;
}

    .offer-theme .price-box #loader.loader-active {
        display: block;
        /* top: 50%;
        left: 50%;
        margin-top: -22px;
        margin-left: -22px; */
    }

.offer-theme .button-in-stock {
    margin-top: 30px;
}

    .offer-theme .button-in-stock > div {
        align-self: center;
    }

        .offer-theme .button-in-stock > div + div {
            text-align: center;
        }

            .offer-theme .button-in-stock > div + div a {
                display: inline-block;
                text-align: left;
            }

    .offer-theme .button-in-stock .immediately {
        text-align: center;
    }

    .offer-theme .button-in-stock a {
        background: #535556;
        color: #fff;
        line-height: 1;
        height: 44px;
        text-transform: uppercase;
        display: block;
        position: relative;
        text-decoration: none;
        padding: 9px 10px 0;
    }

        .offer-theme .button-in-stock a:before {
            content: '';
            position: absolute;
            right: auto;
            left: -20px;
            top: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 22px 20px 22px 0;
            border-color: transparent #535556 transparent transparent;
            right: auto;
            left: -20px;
        }

        .offer-theme .button-in-stock a span {
            text-transform: none;
            display: block;
        }

.offer-theme .tarif2-box-wrapper .summary-cta2 {
    display: flex;
    margin: 50px 0 30px;
    justify-content: center;
    text-align: left !important;
}

.offer-theme .tarif2-box-wrapper .in-stock {
    align-self: center;
    background: #535556;
    color: #fff;
    line-height: 1;
    height: 44px;
    text-transform: uppercase;
    display: block;
    position: relative;
    text-decoration: none;
    padding: 9px 10px 0;
    margin-left: 20px;
}

    .offer-theme .tarif2-box-wrapper .in-stock:after {
        content: '';
        position: absolute;
        right: -20px;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 22px 0 22px 20px;
        border-color: transparent transparent transparent #535556;
    }

    .offer-theme .tarif2-box-wrapper .in-stock span {
        text-transform: none;
        display: block;
    }


    .offer-theme .tarif2-box-wrapper .in-stock.in-stock-next-to-cta {
        top: 17px;
        right: -15px;
        transform: translate(100%, 0);
        margin: 0;
    }


#offer-summary .gallery .offer-gallery-slider .gallery-slider-slide img,
.conf-theme #b2x-summary .gallery .offer-gallery-slider .gallery-slider-slide img {
    width: 100%;
    height: auto;
}

#offer-summary .gallery-fullscreen-wrapper,
.conf-theme #b2x-summary .gallery-fullscreen-wrapper {
    position: relative;
    padding-left: 0;
}

#offer-summary .gallery .offer-gallery-slider-controls,
.conf-theme #b2x-summary .gallery .offer-gallery-slider-controls {
    display: flex;
    justify-content: center;
}

    #offer-summary .gallery .offer-gallery-slider-controls .prev,
    .conf-theme #b2x-summary .gallery .offer-gallery-slider-controls .prev {
        cursor: pointer;
        padding-right: 25px;
    }

    #offer-summary .gallery .offer-gallery-slider-controls .next,
    .conf-theme #b2x-summary .gallery .offer-gallery-slider-controls .next {
        cursor: pointer;
        padding-left: 25px;
    }

    #offer-summary .gallery .offer-gallery-slider-controls .custom-dots,
    .conf-theme #b2x-summary .gallery .offer-gallery-slider-controls .custom-dots {
        height: 100%;
        padding-left: 0;
        display: flex;
        align-items: center;
    }

        #offer-summary .gallery .offer-gallery-slider-controls .custom-dots li,
        .conf-theme #b2x-summary .gallery .offer-gallery-slider-controls .custom-dots li {
            margin: 0 6px;
            list-style: none;
            width: 8px;
            height: 8px;
            background: #535556;
            border: solid 1px #535556;
            border-radius: 50%;
            cursor: pointer;
        }

            #offer-summary .gallery .offer-gallery-slider-controls .custom-dots li.slick-active,
            .conf-theme #b2x-summary .gallery .offer-gallery-slider-controls .custom-dots li.slick-active {
                margin: 0 2px;
                width: 16px;
                height: 16px;
                background: transparent;
                border: solid 3px #535556;
            }

                #offer-summary .gallery .offer-gallery-slider-controls .custom-dots li.slick-active + li,
                .conf-theme #b2x-summary .gallery .offer-gallery-slider-controls .custom-dots li.slick-active + li {
                    margin-left: 6px;
                }

/*    #offer-summary .button-orange-arrow-right.leasing-finalize .spinner {
        display: block;
        position: relative;
        padding: 12px 18px;
    }*/

        #offer-summary .button-orange-arrow-right.leasing-finalize .spinner i {
            position: absolute;
            margin-left: -22px;
            margin-top: 1px;
        }

.price-sticker-summary #price-sticker-button-lease-now {
    width: 100%;
    background-color: transparent;
}

.offer-theme .summary-share-dropdown .dropdown-toggle {
    top: 0;
    right: 0px;
}

@media print, screen and (max-width: 991.98px) {
    .offer-theme .tarif2-box-wrapper .in-stock.single {
        margin: 20px 0 0;
        text-align: left !important;
        display: inline-block;
        padding: 9px 16px 0;
    }
}

@media print, screen and (max-width: 575.98px) {
    .offer-theme #tarif-details-table td:nth-child(1),
    .conf-theme #b2x-summary #tarif-details-table td:nth-child(1) {
        width: 100%;
    }

    .offer-theme #tarif-details-table td,
    .conf-theme #b2x-summary #tarif-details-table td {
        padding-bottom: 10px;
        vertical-align: top;
    }

    .offer-theme #services-outer .services-list .service-item-price,
    .conf-theme #b2x-summary #services-outer .services-list .service-item-price,
    .offer-theme #home-delivery-outer .home-delivery-list .service-item-price,
    .conf-theme #b2x-summary #home-delivery-outer .home-delivery-list .service-item-price {
        display: block;
        float: none !important;
        margin-top: 0px;
    }
}

@media print, screen and (min-width: 992px) {
    .offer-theme .button-in-stock {
        margin-top: 12px;
        margin-bottom: 10px;
    }

        .offer-theme .button-in-stock .immediately {
            text-align: left;
        }

            .offer-theme .button-in-stock .immediately span {
                display: block;
            }

        .offer-theme .button-in-stock > div + div {
            text-align: left;
        }

            .offer-theme .button-in-stock > div + div a {
                display: block;
            }

        .offer-theme .button-in-stock a {
            margin-left: 20px;
        }
}

.offer-theme #offer-summary #actionCode {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

    .offer-theme #offer-summary #actionCode .action-code-wrap {
        border: 3px solid black;
        margin-left: 0 !important;
        padding: 20px 0px;
        width: 100%;
    }

    .offer-theme #offer-summary #actionCode .form-row {
        justify-content: center;
    }

    .offer-theme #offer-summary #actionCode .headline {
        font-size: 16px;
        text-transform: none;
        margin-bottom: 6px;
        padding: 0;
    }

    .offer-theme #offer-summary #actionCode label {
        font-size: 13px;
        line-height: 1.5;
        margin-bottom: 10px;
    }

    .offer-theme #offer-summary #actionCode .form-row {
        margin: 0;
    }

        .offer-theme #offer-summary #actionCode .form-row #promoCodeSubmitButton.btn,
        .offer-theme #offer-summary #actionCode .form-row #actionCodeRemove {
            cursor: pointer;
        }

        .offer-theme #offer-summary #actionCode .form-row #actionCodeSuccess,
        .offer-theme #offer-summary #actionCode .form-row #actionCodeFailure,
        .offer-theme #offer-summary #actionCode .form-row #additionalCodeInput {
            width: 100%;
        }

        .offer-theme #offer-summary #actionCode .form-row input {
            width: 100%;
        }

        .offer-theme #offer-summary #actionCode .form-row .btn {
            min-width: 233px;
            margin-top: 20px;
            width: 100%;
        }

@media (min-width: 576px) {
    .offer-theme #offer-summary #actionCode .form-row {
        justify-content: space-between;
    }

        .offer-theme #offer-summary #actionCode .form-row input {
            width: auto;
            flex: 1 1 0;
        }

        .offer-theme #offer-summary #actionCode .form-row .btn {
            width: auto;
            min-width: 30px;
            margin: 0;
        }
}

@media (min-width: 992px) {
    .offer-theme #offer-summary #actionCode .form-row .btn {
        width: 100%;
        margin-top: 10px;
    }
}

@media (min-width: 1200px) {
    .offer-theme #offer-summary #actionCode .form-row {
        justify-content: space-between;
    }

        .offer-theme #offer-summary #actionCode .form-row input {
            width: 100%;
            flex: 1 1 0;
        }

        .offer-theme #offer-summary #actionCode .form-row .btn {
            margin-top: 0;
            margin-left: 0.5rem;
        }
}

.offer-theme .gallery-wrapper .gallery .row-summary:first-of-type .sub-headline {
    font-family: var(--ds-font-bold);
    font-size: 30px;
    color: var(--ds-carmine);
    margin-bottom: 10px;
    padding-left: 0;
}

.offer-theme .gallery-wrapper .gallery .row-summary:first-of-type .headline {
    color: var(--ds-black);
    padding-left: 0;
}

.offer-theme .gallery-wrapper .gallery .config-layer .text-top {
    font-size: 24px;
    color: var(--ds-carmine);
    text-transform: uppercase;
}

.offer-theme .gallery-wrapper .gallery .config-layer .delivery {
    font-family: var(--ds-font-bold);
    font-size: 20px;
    line-height: 1.1;
    color: var(--ds-black);
    padding: 0 0 7px;
}

    .offer-theme .gallery-wrapper .gallery .config-layer .delivery:before {
        display: none;
    }

.offer-theme .button-in-stock a {
    font-family: var(--ds-font-bold);
    font-size: 15px;
}

    .offer-theme .button-in-stock a:hover {
        background: var(--ds-carmine);
    }

        .offer-theme .button-in-stock a:hover:before {
            border-left-color: var(--ds-carmine);
        }

    .offer-theme .button-in-stock a span {
        font-family: var(--ds-font-regular);
        font-size: 14px;
    }

.offer-theme .gallery-wrapper .gallery .config-layer .summary-cta .button-orange-arrow-right {
    background: var(--ds-carmine);
    border-color: var(--ds-carmine);
    font-family: var(--ds-font-bold);
    font-size: 18px;
    text-align: center;
    padding: 9px 10px;
}

    .offer-theme .gallery-wrapper .gallery .config-layer .summary-cta .button-orange-arrow-right:hover {
        background: var(--ds-link-hover-color-bright-background);
        border-color: var(--ds-link-hover-color-bright-background);
    }

        .offer-theme .gallery-wrapper .gallery .config-layer .summary-cta .button-orange-arrow-right:hover span {
            color: var(--ds-white);
        }

    .offer-theme .gallery-wrapper .gallery .config-layer .summary-cta .button-orange-arrow-right:after {
        display: none;
    }

.offer-theme .equipment-details-box .popup {
    color: var(--ds-black);
}

    .offer-theme .equipment-details-box .popup h3 {
        color: var(--ds-link-hover-color-bright-background);
    }

.offer-theme .motor-tarif-box-wrapper,
.offer-theme .tarif2-box-wrapper.bottom {
    font-family: var(--ds-font-regular);
    font-size: 18px;
    color: var(--ds-link-hover-color-bright-background);
}

    .offer-theme .tarif2-box-wrapper.bottom .text-registry {
        font-size: 20px;
    }

.offer-theme .tarif2-box-wrapper .in-stock {
    font-family: var(--ds-font-bold);
    font-size: 14px;
}

    .offer-theme .tarif2-box-wrapper .in-stock:hover {
        background: var(--ds-carmine);
    }

        .offer-theme .tarif2-box-wrapper .in-stock:hover:after {
            border-left-color: var(--ds-carmine);
        }

    .offer-theme .tarif2-box-wrapper .in-stock span {
        font-family: var(--ds-font-regular);
        font-size: 14px;
    }

    .offer-theme .tarif2-box-wrapper .in-stock.in-stock-next-to-cta {
        top: 7px;
    }

.offer-theme .location-box .content-box .headline {
    color: var(--ds-carmine);
}


.offer-theme .legal-info-text-wrapper .legal-info-text .highlight-headline,
.conf-theme .legal-info-text-wrapper .legal-info-text .highlight-headline {
    color: var(--ds-carmine);
}

/* offer theme promocode */
.offer-theme #offer-summary #actionCode .headline {
    font-family: var(--ds-font-regular);
    font-weight: normal;
    line-height: 1.5;
    color: var(--ds-black);
}

.offer-theme #offer-summary #actionCode .action-code-wrap {
    border-color: var(--ds-carmine);
}

@media print, screen and (max-width: 767.98px) {
    .offer-theme .gallery-wrapper .gallery .row-summary:first-of-type .sub-headline {
        font-size: 26px;
    }

    .offer-theme .gallery-wrapper .gallery .row-summary:first-of-type .headline {
        font-size: 26px;
    }

    .offer-theme .tarif2-box-wrapper .summary-cta2 {
        margin: 0 -25px 10px;
        max-width: calc(100% + 50px);
    }

        .offer-theme .tarif2-box-wrapper .summary-cta2 .button-orange-arrow-right span {
            font-size: 18px;
            padding: 17px 10px;
        }

    .offer-theme .tarif2-box-wrapper + .location-box-wrapper {
        margin-bottom: 320px;
    }
}

@media print, screen and (max-width: 459.98px) {
    .offer-theme .gallery-wrapper .gallery .config-layer .delivery {
        padding: 0;
    }

    .offer-theme .button-in-stock a {
        font-size: 13px;
    }

        .offer-theme .button-in-stock a span {
            font-size: 13px;
        }
}

@media print, screen and (min-width: 992px) {
    .offer-theme .button-in-stock a:hover:before {
        border-right-color: var(--ds-carmine);
    }
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: local(''), url('../fonts/ubuntu-v20-latin-ext_latin-regular.woff2') format('woff2'), url('../fonts/ubuntu-v20-latin-ext_latin-regular.woff') format('woff');
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: local(''), url('../fonts/ubuntu-v20-latin-ext_latin-700.woff2') format('woff2'), url('../fonts/ubuntu-v20-latin-ext_latin-700.woff') format('woff');
}

@font-face {
    font-family: cfgv3-pictos;
    src: url("../fonts/PictosCFG.woff") format("woff"),url("../fonts/PictosCFG.woff") format("woff2");
    font-weight: 400;
    font-style: normal
}

@keyframes multispin {
    0%, 100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }

    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }

    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }

    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}

.conf-theme [class*=" cfg-icon-"], .conf-theme [class^=cfg-icon-] {
    display: inline-block;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    letter-spacing: normal;
    font-weight: 400;
    font-style: normal;
    font-family: cfgv3-pictos;
    line-height: 1;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
}

.cfg-icon-close-outline:before {
    content: "\e900"
}

.cfg-icon-close-solid:before {
    content: "\e940"
}

.cfg-icon-questionMark-outline:before {
    content: "\e901"
}

.cfg-icon-questionMark-solid:before {
    content: "\e941"
}

.cfg-icon-edit-outline:before {
    content: "\e902"
}

.cfg-icon-edit-solid:before {
    content: "\e942"
}

.cfg-icon-reload-outline:before {
    content: "\e903"
}

.cfg-icon-reload-solid:before {
    content: "\e943"
}

.cfg-icon-validate-outline:before {
    content: "\e904"
}

.cfg-icon-validate-solid:before {
    content: "\e944"
}

.cfg-icon-N73Information-outline:before {
    content: "\e905"
}

.cfg-icon-N73Information-solid:before {
    content: "\e945"
}

.cfg-icon-fuelPack-outline:before {
    content: "\e906"
}

.cfg-icon-fuelPack-solid:before {
    content: "\e946"
}

.cfg-icon-magnifyGlass-outline:before {
    content: "\e907"
}

.cfg-icon-magnifyGlass-solid:before {
    content: "\e947"
}

.cfg-icon-adas-outline:before {
    content: "\e908"
}

.cfg-icon-adas-solid:before {
    content: "\e948"
}

.cfg-icon-G01Fuel-outline:before {
    content: "\e909"
}

.cfg-icon-G01Fuel-solid:before {
    content: "\e949"
}

.cfg-icon-sentMail-outline:before {
    content: "\e90A"
}

.cfg-icon-sentMail-solid:before {
    content: "\e94A"
}

.cfg-icon-chargeStation-outline:before {
    content: "\e90B"
}

.cfg-icon-chargeStation-solid:before {
    content: "\e94B"
}

.cfg-icon-fullScreen-outline:before {
    content: "\e90C"
}

.cfg-icon-fullScreen-solid:before {
    content: "\e94C"
}

.cfg-icon-clock-outline:before {
    content: "\e90D"
}

.cfg-icon-clock-solid:before {
    content: "\e94D"
}

.cfg-icon-onMap-outline:before {
    content: "\e90E"
}

.cfg-icon-onMap-solid:before {
    content: "\e94E"
}

.cfg-icon-eye-outline:before {
    content: "\e90F"
}

.cfg-icon-eye-solid:before {
    content: "\e94F"
}

.cfg-icon-F01Engine-outline:before {
    content: "\e910"
}

.cfg-icon-F01Engine-solid:before {
    content: "\e950"
}

.cfg-icon-G01SteeringCircuit-outline:before {
    content: "\e911"
}

.cfg-icon-G01SteeringCircuit-solid:before {
    content: "\e951"
}

.cfg-icon-carProfil-outline:before {
    content: "\e912"
}

.cfg-icon-carProfil-solid:before {
    content: "\e952"
}

.cfg-icon-closeConfortDriver-outline:before {
    content: "\e913"
}

.cfg-icon-closeConfortDriver-solid:before {
    content: "\e953"
}

.cfg-icon-filterOff-outline:before {
    content: "\e915"
}

.cfg-icon-filterOff-solid:before {
    content: "\e954"
}

.cfg-icon-view360-outline:before {
    content: "\e916"
}

.cfg-icon-view360-solid:before {
    content: "\e955"
}

.cfg-icon-newCar-outline:before {
    content: "\e917"
}

.cfg-icon-newCar-solid:before {
    content: "\e956"
}

.cfg-icon-document-outline:before {
    content: "\e918"
}

.cfg-icon-document-solid:before {
    content: "\e957"
}

.cfg-icon-comparator-outline:before {
    content: "\e919"
}

.cfg-icon-comparator-solid:before {
    content: "\e958"
}

.cfg-icon-emailError-outline:before {
    content: "\e91A"
}

.cfg-icon-emailError-solid:before {
    content: "\e959"
}

.cfg-icon-chevronSmall-outline:before {
    content: "\e91B"
}

.cfg-icon-chevronSmall-solid:before {
    content: "\e95A"
}

.cfg-icon-chevronMedium-outline:before {
    content: "\e91C"
}

.cfg-icon-chevronMedium-solid:before {
    content: "\e95B"
}

.cfg-icon-filterOn-outline:before {
    content: "\e91E"
}

.cfg-icon-filterOn-solid:before {
    content: "\e95D"
}

.cfg-icon-N73InformationMedium-outline:before {
    content: "\e91F"
}

.cfg-icon-N73InformationMedium-solid:before {
    content: "\e95E"
}

.cfg-icon-N73InformationSmall-outline:before {
    content: "\e920"
}

.cfg-icon-N73InformationSmall-solid:before {
    content: "\e95F"
}

.cfg-icon-reduce-outline:before {
    content: "\e921"
}

.cfg-icon-reduce-solid:before {
    content: "\e960"
}

.cfg-icon-landscapeRotation-outline:before {
    content: "\e922"
}

.cfg-icon-landscapeRotation-solid:before {
    content: "\e961"
}

.cfg-icon-gearbox5-outline:before {
    content: "\e925"
}

.cfg-icon-gearbox5-solid:before {
    content: "\e964"
}

.cfg-icon-airBump-outline:before {
    content: "\e926"
}

.cfg-icon-airBump-solid:before {
    content: "\e965"
}

.cfg-icon-roofColor-outline:before {
    content: "\e927"
}

.cfg-icon-roofColor-solid:before {
    content: "\e966"
}

.cfg-icon-offer-outline:before {
    content: "\e928"
}

.cfg-icon-offer-solid:before {
    content: "\e967"
}

.cfg-icon-tyres-outline:before {
    content: "\e929"
}

.cfg-icon-tyres-solid:before {
    content: "\e968"
}

.cfg-icon-accessories-outline:before {
    content: "\e92A"
}

.cfg-icon-accessories-solid:before {
    content: "\e969"
}

.cfg-icon-A77Color-outline:before {
    content: "\e92B"
}

.cfg-icon-A77Color-solid:before {
    content: "\e96A"
}

.cfg-icon-email-outline:before {
    content: "\e92C"
}

.cfg-icon-email-solid:before {
    content: "\e96B"
}

.cfg-icon-poiShop-outline:before {
    content: "\e92D"
}

.cfg-icon-poiShop-solid:before {
    content: "\e96C"
}

.cfg-icon-parameter-outline:before {
    content: "\e92E"
}

.cfg-icon-parameter-solid:before {
    content: "\e96D"
}

.cfg-icon-multiDevice-outline:before {
    content: "\e92F"
}

.cfg-icon-multiDevice-solid:before {
    content: "\e96E"
}

.cfg-icon-error-outline:before {
    content: "\e930"
}

.cfg-icon-error-solid:before {
    content: "\e96F"
}

.cfg-icon-share-outline:before {
    content: "\e931"
}

.cfg-icon-share-solid:before {
    content: "\e970"
}

.cfg-icon-externalLink-outline:before {
    content: "\e932"
}

.cfg-icon-externalLink-solid:before {
    content: "\e971"
}

.cfg-icon-hybridStation-outline:before {
    content: "\e933"
}

.cfg-icon-hybridStation-solid:before {
    content: "\e972"
}

.cfg-icon-configurator-outline:before {
    content: "\e934"
}

.cfg-icon-configurator-solid:before {
    content: "\e973"
}

.cfg-icon-volume-outline:before {
    content: "\e935"
}

.cfg-icon-volume-solid:before {
    content: "\e974"
}

.cfg-icon-moreOption-outline:before {
    content: "\e936"
}

.cfg-icon-moreOption-solid:before {
    content: "\e975"
}

.cfg-icon-X87Setting-outline:before {
    content: "\e937"
}

.cfg-icon-X87Setting-solid:before {
    content: "\e976"
}

.cfg-icon-closeSmall-outline:before {
    content: "\e938"
}

.cfg-icon-closeSmall-solid:before {
    content: "\e977"
}

.cfg-icon-validateSmall-outline:before {
    content: "\e939"
}

.cfg-icon-validateSmall-solid:before {
    content: "\e978"
}

.cfg-icon-validateMedium-outline:before {
    content: "\e93A"
}

.cfg-icon-validateMedium-solid:before {
    content: "\e979"
}

.cfg-icon-ota-outline:before {
    content: "\e93B"
}

.cfg-icon-ota-solid:before {
    content: "\e97A"
}

.cfg-icon-lowEmissionVehicleBlank-outline:before, .cfg-icon-lowEmissionVehicleBlank-solid:before {
    content: ""
}

.cfg-icon-lowEmissionVehicleAP-outline:before, .cfg-icon-lowEmissionVehicleAP-solid:before {
    content: "\f004"
}

.cfg-icon-lowEmissionVehicleAC-outline:before, .cfg-icon-lowEmissionVehicleAC-solid:before {
    content: "\f001"
}

.cfg-icon-lowEmissionVehicleDS-outline:before, .cfg-icon-lowEmissionVehicleDS-solid:before {
    content: "\f003"
}

.cfg-icon-lowEmissionVehicleOP-outline:before, .cfg-icon-lowEmissionVehicleOP-solid:before, .cfg-icon-lowEmissionVehicleVX-outline:before, .cfg-icon-lowEmissionVehicleVX-solid:before {
    content: "\f002"
}

.cfg-icon-negativeSign-outline:before {
    content: "\e924"
}

.cfg-icon-negativeSign-solid:before {
    content: "\e963"
}

.cfg-icon-chevronLarge-outline:before, .cfg-icon-chevronLarge-solid:before {
    content: ""
}

.cfg-icon-plus-outline:before {
    content: "\e923"
}

.cfg-icon-plus-solid:before {
    content: "\e962"
}

.cfg-icon-chevronLarge-outline:before {
    content: "\e91D"
}

.cfg-icon-chevronLarge-solid:before {
    content: "\e95C"
}

.cfg-icon-default-color.brand-AP {
    color: #000
}

.cfg-icon-default-color.brand-AC {
    color: #da291c
}

.cfg-icon-default-color.brand-DS {
    color: #ad9d91
}

.cfg-icon-error-color.brand-AP {
    color: red
}

.cfg-icon-error-color.brand-AC {
    color: #e1412d
}

.cfg-icon-error-color.brand-DS {
    color: #d0021b
}

.cfg-icon-success-color.brand-AC, .cfg-icon-success-color.brand-AP {
    color: #09aa59
}

.cfg-icon-success-color.brand-DS {
    color: #4caf50
}

.cfg-icon-electric-hybrid-color.brand-AP {
    color: var(--ap-primary);
}

.cfg-icon-electric-hybrid-color.brand-AC {
    color: #08a8b6
}

.cfg-icon-electric-hybrid-color.brand-DS {
    color: #6b8799
}

.conf-theme body {
    color: #3b3938;
}

.conf-theme .img-wrapper .icon-wrapper {
    position: absolute;
    right: 40px;
    font-size: 25px;
}

.conf-theme .img-wrapper img {
    width: 100%;
    max-width: 100%;
}

.conf-theme .model-name {
    min-height: 60px;
}

    .conf-theme .model-name a {
        text-decoration: none;
    }

    .conf-theme .model-name span {
        font-size: 18px;
        font-weight: bold;
        color: #212529;
    }

    .conf-theme .model-name .b2x-index-price-wrap {
        display: block;
    }

        .conf-theme .model-name .b2x-index-price-wrap span {
            font-size: 14px;
            font-weight: normal;
        }

.conf-theme .b2x-legal-text {
    background-color: #d9dbdd;
    margin-top: 64px;
    padding: 48px 0 30px;
}
/*
.conf-theme p {
    font-size: 12px;
    line-height: 18px;
}*/

.conf-theme .b2x-gallery-slider {
    margin-bottom: 0;
}

    .conf-theme .b2x-gallery-slider .keep-ratio {
        aspect-ratio: 1.7778;
    }

.conf-theme .gallery-slider-controls-container {
    margin-top: -32px;
}

.conf-theme .gallery .b2x-gallery-slider-controls {
    display: flex;
    justify-content: center;
}

.conf-theme .gallery-slider-dots {
    z-index: 9;
}

.conf-theme .gallery .b2x-gallery-slider-controls .prev,
.conf-theme .gallery .b2x-gallery-slider-controls .next {
    padding: 0;
    width: 2rem;
    height: 2rem;
    border: none;
    background-color: transparent;
    color: #3b3938;
    position: relative;
    cursor: pointer;
    top: -5px;
    z-index: 9;
    font-size: 32px;
}

    .conf-theme .gallery .b2x-gallery-slider-controls .prev:hover,
    .conf-theme .gallery .b2x-gallery-slider-controls .next:hover {
        color: #243782;
    }

    .conf-theme .gallery .b2x-gallery-slider-controls .prev i {
        transform: scaleX(-1);
    }

.conf-theme .gallery .b2x-gallery-slider-controls .next {
}

.conf-theme .gallery .b2x-gallery-slider-controls .custom-dots {
    height: 100%;
    padding-left: 0;
    display: flex;
    align-items: center;
}

    .conf-theme .gallery .b2x-gallery-slider-controls .custom-dots li {
        width: 16px;
        height: 16px;
        border: 1px solid #3b3938;
        border-radius: 100%;
        background-color: #fff;
        transform: none;
        cursor: pointer;
        list-style: none;
        margin-right: 0.5rem;
    }

        .conf-theme .gallery .b2x-gallery-slider-controls .custom-dots li:first-of-type {
            margin-left: 0.5rem;
        }

        .conf-theme .gallery .b2x-gallery-slider-controls .custom-dots li.slick-active,
        .conf-theme .gallery .b2x-gallery-slider-controls .custom-dots li:hover {
            background-color: #3b3938;
        }

.conf-theme .gallery .offer-gallery-slider-controls .custom-dots li.slick-active + li {
    margin-left: 6px;
}

.conf-theme #model-b2x-info-buttons {
    padding-top: 15px;
    border-top: 1px solid #e4e2e2;
}

.conf-theme #b2x-navigation-outer {
    margin-top: 30px;
}

.conf-theme .outer-small {
    margin-right: -.5rem;
    margin-left: -.5rem;
}

.conf-theme .b2x-navigation-tile-order {
    font-size: 1.125rem;
    font-weight: 600;
    display: inline-block;
}

.conf-theme .b2x-navigation-tile-title {
    display: inline-block;
    margin-left: 4px;
}

.conf-theme .b2x-navigation-tile {
    flex: 1 1 0;
    width: 0;
    font-size: .875rem;
    font-family: Ubuntu,Helvetica,Arial,Verdana,sans-serif;
    line-height: 1rem;
    height: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .conf-theme .b2x-navigation-tile:before {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 0.0625rem;
        content: '';
    }

    .conf-theme .b2x-navigation-tile:not(:only-child):not(:last-child) {
        margin-right: 0.0625rem;
    }

    .conf-theme .b2x-navigation-tile a {
        display: flex;
        align-items: center;
    }

        .conf-theme .b2x-navigation-tile a:hover {
            text-decoration: none;
        }

    .conf-theme .b2x-navigation-tile .cfg-icon {
        margin-left: 0.25rem;
        font-size: 1.5rem;
    }

    .conf-theme .b2x-navigation-tile[data-active="True"][data-selected="False"] {
        background: #fff;
    }

        .conf-theme .b2x-navigation-tile[data-active="True"][data-selected="False"]:before {
            height: 0.125rem;
            background-color: #243782;
        }

        .conf-theme .b2x-navigation-tile[data-active="True"][data-selected="False"] a {
            color: #3b3938;
        }

    .conf-theme .b2x-navigation-tile[data-active="True"][data-selected="True"] {
        background: #243782;
    }

        .conf-theme .b2x-navigation-tile[data-active="True"][data-selected="True"]:before {
            height: 0.125rem;
            background-color: #243782;
        }

        .conf-theme .b2x-navigation-tile[data-active="True"][data-selected="True"] a {
            color: #fff;
        }

    .conf-theme .b2x-navigation-tile[data-active="False"][data-selected="False"] {
        background: #e4e2e2;
    }

        .conf-theme .b2x-navigation-tile[data-active="False"][data-selected="False"]:before {
            height: 0.125rem;
            background-color: #a19a99;
        }

        .conf-theme .b2x-navigation-tile[data-active="False"][data-selected="False"] a {
            color: #a19a99;
            cursor: context-menu;
        }

.fs14 {
    font-size: 14px !important;
}

.conf-theme #b2x-options-selection-outer .wait.active:before,
.conf-theme #b2x-design-selection-outer .wait.active:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.6);
    z-index: 99;
}

.conf-theme #b2x-options-selection-outer .wait.active:after,
.conf-theme #b2x-design-selection-outer .wait.active:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 10%;
    color: #57718a;
    font-size: 10px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    text-indent: -9999em;
    animation: multispin 1.3s infinite linear;
    transform: translateZ(0);
    z-index: 109;
}

@media (max-width: 991.98px) {
    .conf-theme .b2x-navigation-tile a {
        width: 100%;
        display: block;
        text-align: center;
    }

    .conf-theme .b2x-navigation-tile-title {
        display: none;
    }

    .conf-theme #model-b2x-info-buttons .text-right {
        margin-top: 20px;
    }

    .conf-theme .b2x-btn {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .conf-theme .gallery-slider-controls-container {
        margin-top: -12px;
    }
}

.conf-theme {
    color: var(--ds-link-color-bright-background);
}
.conf-theme > header {
    margin-bottom: 30px;
    min-height: 121px;
}
    .conf-theme .first-content-container {
        min-height: 250px;
        margin-bottom: 30px;
    }
    .conf-theme .intro {
        color: var(--ds-white);
        padding: 40px 0;
    }
        .conf-theme .intro p {
            color: var(--ds-white);
        }

    .conf-theme .container.expanded {
        background: var(--ds-white);
        padding: 0 8px 0;
    }

        .conf-theme .container.expanded > .row {
            margin-right: -8px;
            margin-left: -8px;
        }

    .conf-theme .model-name span {
        color: var(--ds-gen-champane);
    }

    .conf-theme .model-name .b2x-index-price-wrap span {
        color: var(--ds-white);
    }

    .conf-theme #b2x-navigation-outer {
        margin-top: 0;
    }

    .conf-theme .b2x-navigation-tile {
        font-family: var(--ds-font-regular);
        font-weight: 400;
        font-size: 14px;
    }

    .conf-theme .b2x-navigation-tile-order {
        font-family: var(--ds-font-bold);
        font-weight: 400;
        font-size: 18px;
    }

    .conf-theme .b2x-navigation-tile[data-active="True"][data-selected="False"] a {
        color: var(--ds-black);
    }

    .conf-theme .b2x-navigation-tile[data-active="True"][data-selected="True"] {
        font-family: var(--ds-font-bold);
        background: var(--ds-gen-champane);
        font-weight: 400;
        font-size: 14px;
    }

        .conf-theme .b2x-navigation-tile[data-active="True"][data-selected="True"]:before,
        .conf-theme .b2x-navigation-tile[data-active="True"][data-selected="False"]:before {
            background: var(--ds-gen-champane);
        }

    .conf-theme .b2x-navigation-tile[data-active="False"][data-selected="False"] {
        background: var(--ds-gen-champane-light);
    }

        .conf-theme .b2x-navigation-tile[data-active="False"][data-selected="False"] a {
            color: var(--ds-gen-champane);
        }

        .conf-theme .b2x-navigation-tile[data-active="False"][data-selected="False"]:before {
            background-color: var(--ds-gen-gray);
        }

    .conf-theme #b2x-model-b2x-info-row {
        font-family: var(--ds-font-bold);
        font-weight: 400;
        font-size: 16px;
        color: var(--ds-link-color-bright-background);
        border-bottom: .0625rem solid var(--ds-gen-champane);
    }

    .conf-theme #b2x-model-grade-outer {
        padding: 0 15px;
    }

    .conf-theme #b2x-model-b2x-selection-row {
        border-bottom: .0625rem solid var(--ds-gen-champane);
        padding: .25rem 3.5rem 0;
        min-height: 4.375rem;
    }
        .conf-theme #b2x-model-b2x-selection-row .slick-slide > div {
            height: 100%;
        }

    .conf-theme .b2x-model-b2x-selection-tile-name {
        color: var(--ds-link-color-bright-background);
        font-size: 16px;
        line-height: 24px;
    }

    .conf-theme .b2x-model-b2x-selection-tile-price {
        color: var(--ds-link-color-bright-background);
        font-size: 12px;
        line-height: 16px;
    }

    .conf-theme #B2XModelGradeOptionStandardFeatureModal-price {
        color: var(--ds-link-color-bright-background);
        font-size: 16px;
        line-height: 16px;
        font-weight: bold;
    }

    .conf-theme .b2x-model-b2x-selection-tile[data-selected='True'] .b2x-model-b2x-selection-tile-name,
    .conf-theme .b2x-model-b2x-selection-tile[data-selected='True'] .b2x-model-b2x-selection-tile-price {
        font-family: var(--ds-font-bold);
        font-weight: 400;
    }

    .conf-theme .label-brand {
        top: 23px;
        line-height: 18px;
        font-size: 14px;
        color: var(--ds-link-color-bright-background);
    }

    .conf-theme .b2x-model-b2x-info-model-name {
        font-family: var(--ds-font-bold);
        font-weight: 400;
        font-size: 16px;
    }

    .conf-theme .b2x-btn {
        border: none;
        background-color: var(--ds-carmine);
        color: var(--ds-white);
        font-family: var(--ds-font-regular);
        font-weight: 400;
        font-size: 16px;
        line-height: 1;
        padding: 16px;
        margin-top: 16px;
        border-radius: 0;
    }

        .conf-theme .b2x-btn:hover {
            background-color: var(--ds-carmine);
        }

    .conf-theme .b2x-model-b2x-selection-tile:hover {
        cursor: pointer;
    }

    .conf-theme .b2x-model-b2x-selection-tile {
        text-align: center;
        padding-bottom: 0.25rem;
        border-bottom: solid .1875rem transparent;
        height: 100%;
    }

        .conf-theme .b2x-model-b2x-selection-tile[data-selected='True'] {
            border-color: var(--ds-gen-champane);
        }
        .conf-theme .b2x-model-b2x-selection-tile[data-selected='True']:before {
            position: absolute;
            bottom: 0;
            border-width: 0 0.3125rem 0.3125rem;
            border-color: transparent transparent var(--ds-gen-champane);
            border-style: solid;
            content: '';
        }

            .conf-theme .b2x-model-b2x-selection-tile[data-selected='True'] .b2x-model-b2x-selection-tile-name,
            .conf-theme .b2x-model-b2x-selection-tile[data-selected='True'] .b2x-model-b2x-selection-tile-price {
                font-weight: bold;
            }

    .conf-theme .b2x-model-b2x-info-price-left {
        font-size: 14px;
        line-height: 18px;
        color: var(--ds-link-color-bright-background);
    }

    .conf-theme .b2x-model-b2x-info-price-right {
        font-family: var(--ds-font-bold);
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
    }

    .conf-theme .gallery-wrapper {
        background: none;
    }

    .conf-theme #b2x-model-b2x-selection-row .slick-track {
        display: flex;
        height: 100%;
    }

    .conf-theme #b2x-model-b2x-selection-row .slick-prev,
    .conf-theme #b2x-model-b2x-selection-row .slick-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        width: 2.5rem;
        height: 2.5rem;
        border: 0.0625rem solid var(--ds-link-color-bright-background);
        background-color: var(--ds-white);
        color: var(--ds-link-color-bright-background);
        transition: background-color .3s ease-out;
    }

        .conf-theme #b2x-model-b2x-selection-row .slick-prev:hover:not([aria-disabled="true"]),
        .conf-theme #b2x-model-b2x-selection-row .slick-next:hover:not([aria-disabled="true"]) {
            border-color: var(--ds-link-color-bright-background);
            background-color: var(--ds-white);
            color: var(--ds-link-color-bright-background);
        }

    .conf-theme #b2x-model-b2x-selection-row .slick-prev {
        left: 10px;
    }

    .conf-theme #b2x-model-b2x-selection-row .slick-next {
        right: 10px;
    }

        .conf-theme #b2x-model-b2x-selection-row .slick-prev:before,
        .conf-theme #b2x-model-b2x-selection-row .slick-next:before {
            display: none;
        }

        .conf-theme #b2x-model-b2x-selection-row .slick-prev > div,
        .conf-theme #b2x-model-b2x-selection-row .slick-next > div {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
        }

        .conf-theme #b2x-model-b2x-selection-row .slick-prev i,
        .conf-theme #b2x-model-b2x-selection-row .slick-next i {
            font-size: 2rem;
            flex-shrink: 0;
            line-height: 1;
        }

    .conf-theme #b2x-model-b2x-selection-row .slick-prev i {
        transform: scaleX(-1);
    }

    .conf-theme #b2x-model-b2x-selection-row button[aria-disabled="true"] {
        border: 0.0625rem solid var(--ds-gen-darkgray);
        background-color: var(--ds-gen-champane-pale);
        color: var(--ds-gen-darkgray);
        cursor: not-allowed;
    }

    .conf-theme .gallery .gallery-slider-controls-container {
        position: relative;
    }

    .conf-theme .gallery .b2x-gallery-slider-controls .custom-dots li {
        width: 10px;
        height: 10px;
        border: 0.0625rem solid var(--ds-gen-champane);
        border-radius: 0;
        background-color: var(--ds-white);
        transform: rotate(45deg);
        margin-right: 1rem;
    }
        .conf-theme .gallery .b2x-gallery-slider-controls .custom-dots li:hover {
            background-color: inherit;
        }

        .conf-theme .gallery .b2x-gallery-slider-controls .custom-dots li:last-child {
            margin-right: .5rem;
        }

        .conf-theme .gallery .b2x-gallery-slider-controls .custom-dots li.slick-active {
            background-color: var(--ds-gen-champane);
        }

    .conf-theme .b2x-legal-text {
        background: var(--ds-gen-champane-light);
    }

    .conf-theme p {
        font-size: 13px;
        line-height: 17px;
        color: var(--ds-link-color-bright-background);
    }

    .conf-theme #model-b2x-info-buttons {
        padding-top: 15px;
        border-top: 1px solid #ececee;
    }

    .conf-theme .first-content-container .container.expanded {
        min-height: calc(100vh - 151px - 250px);
    }

@media (max-width: 991.98px) {
    .conf-theme .label-brand {
        top: -16px;
    }
    .conf-theme .first-content-container .container.expanded {
        min-height: calc(100vh - 151px - 490px);
    }
}

@media (max-width: 767.98px) {
    .conf-theme > header {
        min-height: 84px;
    }
    .conf-theme header .navbar-light {
        padding: 1rem !important;
    }
    .conf-theme .first-content-container .container.expanded {
        min-height: calc(100vh - 114px - 460px);
    }
}

@media (max-width: 639.98px) {
    .conf-theme .b2x-model-b2x-info-price-wrap {
        background: var(--ds-gen-champane-pale);
        padding: 11px 15px;
        border-radius: 0.25rem;
        display: block;
    }
}

@media (max-width: 459.98px) {
    .conf-theme > header {
        min-height: 76px;
    }
    .conf-theme .first-content-container .container.expanded {
        min-height: calc(100vh - 106px - 250px);
    }
}

@media (min-width: 1300px) {
    .conf-theme .container.expanded {
        max-width: 1586px;
    }
}

@media (min-width: 1600px) {
    .conf-theme .container.expanded > .row {
        margin-right: -15px;
        margin-left: -15px;
    }
    .conf-theme #b2x-model-grade-outer {
        padding: 0 22px;
    }
}
.conf-theme #b2x-model-grade-info-row {
    padding-bottom: 10px;
}

.conf-theme #b2x-model-grade-info {
    margin-top: 10px;
}

.conf-theme #model-grade-info-main {
    min-height: 400px;
}
.conf-theme .label-brand {
    position: absolute;
    z-index: 9;
}
.conf-theme .b2x-model-b2x-info-model-name {
    display: block;
}

    .conf-theme #model-grade-info-main .gallery {
        margin-bottom: 10px;
    }

.conf-theme #model-grade-info-main .gallery-slider-slide img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

.conf-theme #b2x-model-b2x-selection-row .slick-list {
    width: 100%;
}
.conf-theme #b2x-model-b2x-selection-row .slick-track {
    margin: 0;
}

.conf-theme #B2XModelGradeOptionStandardFeatureModal #b2x-options-standard-features-subheadline {
    margin-top: 20px;
}

@media (max-width: 991.98px) {
    .conf-theme #b2x-model-grade-info {
        margin-top: 26px;
    }

    .conf-theme .section-1 {
        order: 1;
    }
    .conf-theme .section-2 {
        order: 3;
    }
    .conf-theme .section-3 {
        order: 2;
    }
}
.conf-theme .b2x-model-grade-info-highlights-caption {
    display: block;
    text-transform: uppercase;
    font-family: var(--ds-font-regular);
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    margin: 22px 0 16px;
}

.conf-theme .b2x-model-grade-info-highlights-toggle {
    font-family: var(--ds-font-regular);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    cursor: pointer;
    color: var(--ds-carmine);
}

    .conf-theme .b2x-model-grade-info-highlights-toggle:hover {
        color: var(--ds-black);
    }

    .conf-theme .b2x-model-grade-info-highlights-toggle .on {
        display: none;
    }

    .conf-theme .b2x-model-grade-info-highlights-toggle i {
        position: absolute;
        font-size: 2rem;
        margin-top: -8px;
        display: none;
    }

    .conf-theme .b2x-model-grade-info-highlights-toggle[aria-expanded="true"] .off {
        display: none;
    }

    .conf-theme .b2x-model-grade-info-highlights-toggle[aria-expanded="true"] .on {
        display: inline;
    }

    .conf-theme .b2x-model-grade-info-highlights-toggle[aria-expanded="true"] i {
        transform: rotate(90deg);
        margin-top: -7px;
    }

    .conf-theme .b2x-model-grade-info-highlights-toggle .dots {
        display: inline;
    }

.conf-theme .b2x-model-grade-info-highlights-list {
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    margin-left: 0.75rem;
    padding: 0;
    list-style: none;
}

    .conf-theme .b2x-model-grade-info-highlights-list li {
        position: relative;
        padding-left: 0.5rem;
    }

        .conf-theme .b2x-model-grade-info-highlights-list li:before {
            position: absolute;
            top: 0;
            left: -0.75rem;
            content: "\2022";
        }

.conf-theme .gallery .b2x-gallery-slider-controls .prev,
.conf-theme .gallery .b2x-gallery-slider-controls .next {
    color: var(--ds-link-color-bright-background);
    top: -2px;
}

    .conf-theme .gallery .b2x-gallery-slider-controls .prev:hover,
    .conf-theme .gallery .b2x-gallery-slider-controls .next:hover {
        color: var(--ds-link-color-bright-background);
    }

.conf-theme .b2x-model-grade-info-select-motor-btn {
    text-transform: uppercase;
    font-weight: bold;
}

.conf-theme #model-grade-info-main .additional {
    padding-top: 8px;
}



@media (max-width: 767.98px) {
    .conf-theme .b2x-model-grade-info-highlights-toggle i {
        margin-top: -6px;
    }
}

.conf-theme .b2x-model-engine-info-row {
    margin-bottom: 10px;
}

.conf-theme #b2x-model-engine-info {
    margin-top: 10px;
}

.conf-theme #model-engine-info-main {
    min-height: 400px;
}

    .conf-theme #model-engine-info-main .gallery {
        margin-bottom: 10px;
    }

    .conf-theme #model-engine-info-main .gallery {
        margin-bottom: 10px;
    }

    .conf-theme #model-engine-info-main .gallery-slider-slide img {
        width: 100%;
        height: auto;
        max-width: 100%;
    }

.conf-theme .b2x-model-engine-info-row {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
}
    .conf-theme .b2x-model-engine-info-row:first-child {
        margin-top: 23px;
    }

    .conf-theme .b2x-model-engine-info-row:first-child .b2x-model-engine-info-highlights-caption,
    .conf-theme .b2x-model-engine-info-row:nth-child(2) .b2x-model-engine-info-highlights-caption,
    .conf-theme .b2x-model-engine-info-row:nth-child(3) .b2x-model-engine-info-highlights-caption {
        text-transform: uppercase;
    }

@media (max-width: 991.98px) {
    .conf-theme #b2x-model-engine-info {
        margin-top: 26px;
    }
}
.conf-theme .b2x-model-b2x-selection-tile-fuel {
    font-size: 14px;
}

.conf-theme .b2x-model-engine-info-highlights-text {
    font-weight: bold;
}

.conf-theme #b2x-model-engine-outer {
    padding: 0 15px;
}


@media (min-width: 1600px) {
    .conf-theme #b2x-model-engine-outer {
        padding: 0 22px;
    }
}
.conf-theme .b2x-model-design-header-model-name {
    display: block;
}

.conf-theme #model-design-header-main {
    padding-bottom: 10px;
}

    .conf-theme #model-design-header-main .b2x-gallery-slider .keep-ratio {
        aspect-ratio: 3.2;
    }

    .conf-theme #model-design-header-main .gallery-slider-slide img {
        width: 100%;
        height: auto;
        max-width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
    }

.conf-theme .b2x-model-design-header-model-name {
    font-weight: bold;
}

.conf-theme .b2x-design-selection-tab {
    background: #d9dbdd;
    font-size: .875rem;
    text-transform: uppercase;
    line-height: 1rem;
    padding: 0.95rem 1.5rem 0.75rem;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    border-bottom: 0.25rem solid #a19a99;
}

.conf-theme #b2x-design-selection-exterior,
.conf-theme #b2x-design-selection-interior {
    margin-top: 10px;
}

.conf-theme .design-selection-left {
    flex: 1 1 0;
    width: calc(100% - 300px);
    max-width: 1200px;
    padding-right: 120px;
    margin-top: 20px;
}

.conf-theme .my-configuration {
    flex: 0 0 auto;
    width: 300px;
    padding-top: 30px;
}

.conf-theme .slides-container.slick-slider {
    padding: 0 2.1875rem;
}

.conf-theme .b2x-design-selection-feature-group-features .slick-list {
    width: 100%;
}

.conf-theme .b2x-design-selection-feature-group-features .slick-track {
    display: flex;
    height: 100%;
    margin: 0;
}

.conf-theme .b2x-design-selection-feature-group-features .slick-slide {
    padding: 0 15px;
}

    .conf-theme .b2x-design-selection-feature-group-features .slick-slide > div {
        height: inherit;
    }

.conf-theme .b2x-design-selection-feature-outer {
    position: relative;
    border: 0.0625rem solid #a19a99;
    height: inherit;
    padding: 8px 8px 14px;
}

.conf-theme .b2x-design-selection-feature-image-inner-wrap {
    margin-bottom: 10px;
    cursor: pointer;
}

.conf-theme .b2x-design-selection-feature-group-caption {
    margin-top: 8px;
    margin-bottom: 5px;
}

.conf-theme .b2x-design-selection-feature-price {
    margin-top: 4px;
}


.conf-theme .b2x-design-selection-feature-image-inner-wrap img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.conf-theme .b2x-design-selection-feature-group-features {
    margin-bottom: 10px;
}

.conf-theme .b2x-pb-detail .value {
    font-weight: bold;
}

.conf-theme #b2x-price-box-image {
    margin-top: -20px;
}

    .conf-theme #b2x-price-box-image img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

.conf-theme #b2x-price-box-price #b2x-price-box-price-line1 {
    margin-top: 10px;
}

.conf-theme #b2x-price-box-price #b2x-price-box-price-line2 {
    margin-top: 2px;
    font-size: 18px;
    cursor: pointer;
}

    .conf-theme #b2x-price-box-price #b2x-price-box-price-line2 i {
        position: absolute;
        right: 15px;
        top: -2px;
        transform: rotate(90deg);
        font-size: 2rem;
    }

    .conf-theme #b2x-price-box-price #b2x-price-box-price-line2[aria-expanded="true"] i {
        transform: rotate(-90deg);
    }

.conf-theme #price-details {
    color: #3b3938;
    font-size: 12px;
    background: #d9dbdd;
    padding: .5rem 1rem;
    margin-top: 10px;
    border-top: 0.0625rem solid #a19a99;
}

    .conf-theme #price-details .row:not(:last-child) {
        margin-bottom: .25rem;
    }

    .conf-theme #price-details .row:last-child {
        margin-top: .5rem;
    }

    .conf-theme #price-details .row:nth-child(2):before {
        display: block;
        margin: .5rem 1rem;
        width: calc(100% - 2rem);
        height: 0.0625rem;
        content: '';
        background: #a19a99;
    }

@media (max-width: 1279.98px) {
    .conf-theme .design-selection-left {
        padding-right: 80px;
    }

    .conf-theme .my-configuration {
        width: 230px;
    }
}

@media (max-width: 991.98px) {
    .conf-theme #model-design-header-main .label-brand {
        top: 22px;
    }
}

@media (max-width: 959.98px) {
    .conf-theme .design-selection-left {
        padding-right: 15px;
    }

    .conf-theme .my-configuration {
        display: none;
    }

    .conf-theme #b2x-model-design-outer .mobile-order-1 {
        order: 1;
    }

    .conf-theme #b2x-model-design-outer .mobile-order-2 {
        order: 2;
    }
}

@media (max-width: 767.98px) {
    .conf-theme #model-design-header-main .gallery-wrapper {
        padding-top: 30px;
    }

    .conf-theme #model-design-header-main .b2x-gallery-slider .keep-ratio {
        aspect-ratio: 1.7778;
    }
}

@media (max-width: 639.98px) {
    .conf-theme .b2x-design-selection-tab {
        padding: 0.5rem 1rem;
    }
}

@media (max-width: 459.98px) {
    .conf-theme .b2x-design-selection-tab {
        font-size: 12px;
    }
}

.conf-theme #b2x-model-design-outer {
    padding: 0 22px;
}

.conf-theme .b2x-model-design-header-model-name {
    font-family: var(--ds-font-bold);
    font-weight: 400;
    font-size: 16px;
}

.conf-theme #model-design-header-main .gallery-wrapper {
    margin-top: 0;
}

    .conf-theme #model-design-header-main .gallery-wrapper .gallery {
        max-width: 100%;
    }

.conf-theme .design-selection-left {
    max-width: 1200px;
}

.conf-theme .b2x-design-selection-feature-outer {
    font-size: 16px;
    line-height: 1.425;
    border-color: var(--ds-link-hover-color-dark-background);
}

    .conf-theme .b2x-design-selection-feature-outer:hover {
        border-color: var(--ds-carmine);
    }

    .conf-theme .b2x-design-selection-feature-outer[data-enabled="False"] {
        opacity: 0.5;
    }

    .conf-theme .b2x-design-selection-feature-outer[data-selected='True'] {
        border-color: var(--ds-carmine);
    }

        .conf-theme .b2x-design-selection-feature-outer[data-selected='True']:after {
            content: '\e944';
            font-family: cfgv3-pictos;
            font-size: 16px;
            line-height: 1;
            width: 24px;
            height: 24px;
            background-color: var(--ds-carmine);
            color: var(--ds-white);
            position: absolute;
            top: 0;
            right: 0;
            padding: 3px 0 0 4px;
        }

.conf-theme .b2x-design-selection-feature-label {
    font-family: var(--ds-font-bold);
}

.conf-theme #b2x-price-box-inner {
    border: .0625rem solid var(--ds-gen-champane);
    padding: 14px 15px;
}

.conf-theme #price-details {
    color: var(--ds-link-hover-color-bright-background);
    font-size: 13px;
    background: var(--ds-gen-champane-light);
    border-color: var(--ds-gen-champane);
}

    .conf-theme #price-details .row:nth-child(2):before {
        background: var(--ds-gen-champane);
    }

.conf-theme #b2x-price-box-row2 {
    font-size: 14px;
}

.conf-theme #b2x-price-box-price #b2x-price-box-price-line1 {
    margin-top: 18px;
}

.conf-theme #b2x-price-box-price #b2x-price-box-price-line2 {
    font-family: var(--ds-font-bold);
}

    .conf-theme #b2x-price-box-price #b2x-price-box-price-line2 i {
        color: var(--ds-gen-champane);
    }

.conf-theme #b2x-price-box-row1 {
    font-family: var(--ds-font-bold);
}

.conf-theme .b2x-pb-detail .value {
    font-family: var(--ds-font-bold);
}

.conf-theme .b2x-design-selection-tab {
    font-family: var(--ds-font-bold);
    font-size: 16px;
    background: var(--ds-gen-champane-light);
}

    .conf-theme .b2x-design-selection-tab:hover {
        border-color: var(--ds-gen-champane);
    }

    .conf-theme .b2x-design-selection-tab[data-selected='True'] {
        border-color: var(--ds-gen-champane);
        background: var(--ds-gen-champane);
        color: var(--ds-white);
    }

.conf-theme #b2x-design-selection-outer .slick-prev,
.conf-theme #b2x-design-selection-outer .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 2.5rem;
    height: 2.5rem;
    border: 0.0625rem solid var(--ds-gen-darkgray);
    background-color: var(--ds-white);
    color: var(--ds-black);
    transition: background-color .3s ease-out;
}

    .conf-theme #b2x-design-selection-outer .slick-prev:hover:not([aria-disabled="true"]),
    .conf-theme #b2x-design-selection-outer .slick-next:hover:not([aria-disabled="true"]) {
        border-color: var(--ds-carmine);
        background-color: var(--ds-carmine);
        color: var(--ds-white);
    }

.conf-theme #b2x-design-selection-outer .slick-prev {
    left: -5px;
}

.conf-theme #b2x-design-selection-outer .slick-next {
    right: -5px;
}

    .conf-theme #b2x-design-selection-outer .slick-prev:before,
    .conf-theme #b2x-design-selection-outer .slick-next:before {
        display: none;
    }

    .conf-theme #b2x-design-selection-outer .slick-prev > div,
    .conf-theme #b2x-design-selection-outer .slick-next > div {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .conf-theme #b2x-design-selection-outer .slick-prev i,
    .conf-theme #b2x-design-selection-outer .slick-next i {
        font-size: 2rem;
        flex-shrink: 0;
        line-height: 1;
    }

.conf-theme #b2x-design-selection-outer .slick-prev i {
    transform: scaleX(-1);
}

.conf-theme #b2x-design-selection-outer button[aria-disabled="true"] {
    border: 0.0625rem solid var(--ds-gen-darkgray);
    background-color: var(--ds-gen-champane-pale);
    color: var(--ds-gen-darkgray);
    cursor: not-allowed;
}

.conf-theme .b2x-options-subheadline {
    margin-bottom: 40px;
}

.conf-theme .b2x-options-subheadline h3 {
    line-height: 1;
    margin: 0;
    text-align: center;
    width: 100%;
}

.conf-theme .b2x-options-standard-feature-group {
    margin-bottom: 28px;
}

.conf-theme .b2x-options-standard-feature-group-items-wrap {
    padding-bottom: 26px;
    position: relative;
}
.b2x-options-optional-feature-group-items-outer {
    margin-top: 16px;
}
    .conf-theme .b2x-options-standard-feature-group-items-wrap:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 15px;
        height: .0625rem;
        width: calc(100% - 15px);
        background: #e4e2e2;
    }

    .conf-theme .b2x-options-standard-feature-item {
        display: inline-block;
        width: 100%;
        margin-bottom: 4px;
    }
        .conf-theme .b2x-options-standard-feature-item i:before {
            content: "\e920";
            position: relative;
            font-size: 1rem;
            top: 2px;
        }
        .conf-theme #b2x-options-optional-feature-groups {
            margin: 0 -15px;
        }
.conf-theme .b2x-options-optional-feature-group {
    margin-top: 30px;
}

.conf-theme .b2x-options-optional-feature-group-header h4 {
    width: 100%;
    display: inline-block;
    padding: 5px;
    padding-left: 10px;
}

.conf-theme #b2x-options-standard-features-subheadline {
    margin-top: 60px;
}

.conf-theme .b2x-options-optional-feature-item {
    min-height: 100px;
    margin: 0 0 15px;
}
    .conf-theme .b2x-options-optional-feature-item + .b2x-options-optional-feature-item {
        margin-top: 32px;
    }

    .conf-theme .b2x-options-optional-feature-item[data-enabled="False"] {
        opacity: 0.5;
    }

    .conf-theme .b2x-options-optional-feature-item-image img {
        width: 100%;
        max-width: 180px;
    }

.conf-theme .b2x-options-optional-feature-item-button {
    cursor: pointer;
}

.conf-theme .b2x-options-optional-feature-item-price,
.conf-theme .b2x-options-optional-feature-item-description {
    display: inline-block;
    width: 100%;
}

.conf-theme .btn-container {
    display: flex;
    flex-direction: column;
    align-items: end;
}

@media (max-width: 767.98px) {
    .conf-theme .b2x-options-optional-feature-item > div {
        margin-top: 20px;
    }
    .conf-theme .b2x-options-optional-feature-item-image img {
        max-width: 100%;
    }
    .conf-theme .b2x-options-standard-feature-group-items-wrap {
        padding-bottom: 22px;
    }
        .conf-theme .b2x-options-standard-feature-group-items-wrap:after {
            display: none;
        }
        .conf-theme .b2x-options-standard-feature-group {
            margin-bottom: 0;
        }
    .conf-theme .b2x-options-standard-feature-group h4 {
        margin-bottom: 18px;
    }
    .conf-theme .b2x-options-standard-feature-group-items-wrap > span {
        display: list-item;
        padding-left: 5px;
        list-style-position: inside;
    }
}

@media (min-width: 960px) and (max-width: 991.98px) {
    .conf-theme .btn-container {
        margin-top: 20px;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.conf-theme #b2x-model-options-outer {
    padding: 0 22px;
}
.conf-theme .b2x-options-subheadline {
    color: var(--ds-white);
    background: var(--ds-gen-champane);
    font-size: .875rem;
    line-height: 1rem;
    padding: .95rem 1.5rem .75rem;
    vertical-align: middle;
    border-bottom: .25rem solid var(--ds-gen-champane);
}

    .conf-theme .b2x-options-subheadline h3 {
        font-size: 16px;
        font-family: var(--ds-font-bold);
        font-weight: 400;
    }

.conf-theme .b2x-options-standard-feature-group h4 {
    font-size: 16px;
    font-family: var(--ds-font-bold);
    font-weight: 400;
}

.conf-theme .b2x-options-standard-feature-group-items-wrap {
    font-size: 16px;
    line-height: 1.3125rem;
}

.conf-theme .b2x-options-optional-feature-group-header h4 {
    border-bottom: solid .0625rem var(--ds-gen-champane);
    background: var(--ds-gen-champane-light);
    padding: .95rem 1.5rem .75rem;
    font-size: 16px;
    color: var(--ds-link-color-bright-background);
    font-family: var(--ds-font-bold);
}

.conf-theme .b2x-options-optional-feature-item-label {
    font-family: var(--ds-font-bold);
    font-size: 18px;
}

.conf-theme .b2x-options-optional-feature-item-price {
    font-family: var(--ds-font-bold);
    font-size: 16px;
}

.conf-theme .b2x-options-optional-feature-item-button {
    border: none;
    font-family: var(--ds-font-regular);
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    padding: 16px;
    border-radius: 0;
}

    .conf-theme .b2x-options-optional-feature-item-button[data-selected='True'] {
        background: var(--ds-carmine);
        color: var(--ds-white);
    }

    .conf-theme .b2x-options-optional-feature-item-button[data-selected='False'] {
        background-color: var(--ds-carmine);
        color: var(--ds-white);
    }

        .conf-theme .b2x-options-optional-feature-item-button[data-selected='False']:hover {
            background-color: var(--ds-carmine);
        }

.conf-theme .b2x-options-optional-feature-item-description {
    margin-top: 4px;
    font-size: 16px;
}

.conf-theme .b2x-options-standard-feature-item i {
    color: var(--ds-gen-champane);
}
/*See offer-summary-base.css*/

.conf-theme .gallery-wrapper .gallery .config-layer {
    padding-top: 0px;
}

.conf-theme #b2x-summary .gallery-fullscreen-wrapper {
    padding-top: 20px;
}

.conf-theme .bafa:before {
    background-size: contain;
}

.conf-theme #b2x-summary .equipment-details-box-wrapper {
    background: #b1b2b3;
}

    .conf-theme #b2x-summary .equipment-details-box-wrapper .options-details-tab {
        font-size: 18px;
        color: #fff;
        border-bottom: none;
    }

    .conf-theme #b2x-summary .equipment-details-box-wrapper .options-details-tab-selected {
        border-bottom: 7px solid #da291c;
    }

.conf-theme .legal-info-text-wrapper {
    background-color: #f2f0f0;
    margin-top: 30px;
}

    .conf-theme .legal-info-text-wrapper p {
        text-align: justify;
    }

    .conf-theme .legal-info-text-wrapper .legal-info-text {
        padding-top: 50px;
        padding-bottom: 85px;
    }

.conf-theme .share-url {
    margin-left: 10px;
}

.share-highlight-body {
    color: #da291c;
}

.conf-theme #b2x-summary .outer-gallery-wrapper {
    background: var(--ds-white);
}
.conf-theme #b2x-summary .button-white-greyborder-arrow-left {
    display: inline-block;
    top: -16px;
}
.conf-theme .outer-gallery-wrapper .gallery .sub-headline {
    font-family: var(--ds-font-bold);
    font-size: 30px;
    color: var(--ds-carmine);
    margin-bottom: 10px;
    padding-left: 0;
}
.conf-theme .outer-gallery-wrapper .gallery .headline {
    color: var(--ds-black);
    padding-left: 0;
}
.conf-theme .gallery .gallery-slider-slide img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.conf-theme #b2x-summary .gallery-slider-controls-container {
    margin-top: -10px;
}

.conf-theme .gallery .row-summary:first-of-type {
    padding-top: 50px;
}

.conf-theme #b2x-summary .gallery-wrapper {
    background: var(--ds-white);
}
.conf-theme .gallery .config-layer .text-top {
    font-size: 24px;
    color: var(--ds-carmine);
    text-transform: uppercase;
}
.conf-theme .gallery .config-layer .price-box {
    background: var(--ds-white);
    border: solid 2px #c6c6c7;
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - 30px);
    padding: 24px 20px 14px;
    margin-left: 15px;
}

    .conf-theme .gallery .config-layer .price-box #loader {
        display: none;
    }

        .conf-theme .gallery .config-layer .price-box #loader.loader-active {
            display: block;
            top: 50%;
            left: 50%;
            margin-top: -22px;
            margin-left: -22px;
        }

    .conf-theme .gallery .config-layer .price-box .leasing-payment-brutto-srv,
    .conf-theme .gallery .config-layer .price-box .leasing-payment-brutto-label,
    .conf-theme .gallery .config-layer .price-box .leasing-payment-brutto-currency-label {
        font-size: 36px;
    }

.conf-theme #b2x-summary .select2-container--bootstrap4.select2-container .select2-selection {
    border: 1px solid #807877 !important;
    height: 38px !important;
    padding: 3px 0px;
}
.conf-theme #b2x-summary .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
    bottom: -10px;
}
.conf-theme #b2x-summary input[type="text"] {
    font-family: var(--ds-font-bold);
    font-size: 16px !important;
    border: 1px solid #807877 !important;
    height: 38px !important;
    padding: 3px 8px;
}
.conf-theme .summary-cta .button-orange-arrow-right:hover {
    background: var(--ds-link-hover-color-bright-background);
}

.conf-theme #b2x-summary .equipment-details-box-wrapper {
    background: var(--ds-white);
}
.conf-theme .equipment-details-box .popup h3 {
    color: var(--ds-link-hover-color-bright-background);
}
.conf-theme #b2x-summary .equipment-details-box-wrapper .options-details-tab {
    color: var(--ds-link-color-bright-background);
    font-size: 1rem;
}
.conf-theme .motor-tarif-box-wrapper, .tarif2-box-wrapper {
    padding-left: 15px;
    padding-right: 15px;
}
.conf-theme .motor-tarif-box p a {
    color: var(--ds-carmine);
}
.conf-theme .tarif2-box-wrapper .summary-cta2 {
    display: flex;
    margin: 50px 0 30px;
    justify-content: center;
    text-align: left !important;
}

    .conf-theme .tarif2-box-wrapper .summary-cta2 .button-orange-arrow-right.leasing-finalize {
        padding: 0;
        transition: background 275ms ease-in-out;
    }
    .conf-theme .tarif2-box-wrapper .summary-cta2 .button-orange-arrow-right.leasing-finalize span {
        text-transform: uppercase;
        font-family: var(--ds-font-bold);
        font-size: 26px;
        padding: 16px 82px 15px;
    }
        .conf-theme .tarif2-box-wrapper .summary-cta2 .button-orange-arrow-right.leasing-finalize:hover {
            background: var(--ds-link-hover-color-bright-background);
        }
.conf-theme .config-layer .button-in-stock {
    margin-top: 30px;
}
.conf-theme .config-layer .button-in-stock .delivery {
    font-family: var(--ds-font-bold);
    font-size: 16px;
    line-height: 1.1;
    color: var(--ds-black);
    padding: 0 0 7px;
}
.conf-theme .button-in-stock > div + div {
    text-align: center;
}

.conf-theme .button-in-stock > div {
    align-self: center;
}

.conf-theme .button-in-stock a {
    background: var(--ds-link-hover-color-bright-background);
    color: var(--ds-white);
    font-family: var(--ds-font-bold);
    font-size: 15px;
    line-height: 1;
    height: 44px;
    text-transform: uppercase;
    display: block;
    position: relative;
    text-decoration: none;
    padding: 9px 10px 0;
}

    .conf-theme .button-in-stock a:hover {
        background: var(--ds-carmine);
    }

    .conf-theme .button-in-stock a span {
        font-family: var(--ds-font-regular);
        font-size: 13px;
        text-transform: none;
        display: block;
    }

    .conf-theme .button-in-stock a:hover:before {
        border-right-color: var(--ds-carmine);
    }

.conf-theme .button-in-stock > div + div a {
    display: inline-block;
    text-align: left;
}

.conf-theme .button-in-stock a:before {
    content: '';
    position: absolute;
    right: auto;
    left: -20px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 20px 22px 0;
    border-color: transparent var(--ds-link-hover-color-bright-background) transparent transparent;
    right: auto;
    left: -20px;
}

.conf-theme .tarif2-box-wrapper .in-stock {
    align-self: center;
    background: var(--ds-link-hover-color-bright-background);
    color: var(--ds-white);
    height: 44px;
    text-transform: uppercase;
    display: block;
    position: relative;
    text-decoration: none;
    padding: 9px 10px 0;
    margin-left: 20px;
    font-family: "newpeugeotbold", Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.5;
}

    .conf-theme .tarif2-box-wrapper .in-stock:after {
        content: '';
        position: absolute;
        right: -20px;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 22px 0 22px 20px;
        border-color: transparent transparent transparent var(--ds-link-hover-color-bright-background);
    }

    .conf-theme .tarif2-box-wrapper .in-stock:hover:after {
        border-left-color: var(--ds-carmine);
    }

    .conf-theme .tarif2-box-wrapper .in-stock:hover {
        background: var(--ds-carmine);
        color: var(--ds-white);
    }

    .conf-theme .tarif2-box-wrapper .in-stock.in-stock-next-to-cta {
        top: 7px;
        right: -15px;
        transform: translate(100%, 0);
        margin: 0;
    }

    .conf-theme .tarif2-box-wrapper .in-stock span {
        font-family: "newpeugeotbold", Arial, Helvetica, sans-serif;
        font-size: 8px;
        text-transform: none;
        color: var(--ds-white);
        display: block;
    }

.conf-theme .location-box .content-box .headline {
    color: var(--ds-carmine);
}

.conf-theme .legal-info-text-wrapper {
    background: none;
    margin-bottom: 30px;
}
    .conf-theme .legal-info-text-wrapper .legal-info-text .content a:hover {
        text-decoration: underline;
    }

@media (max-width: 991.98px) {
    .conf-theme .tarif2-box-wrapper .in-stock.single {
        margin: 20px 0 0;
        text-align: left !important;
        display: inline-block;
        padding: 9px 16px 0;
    }
}

@media (max-width: 767.98px) {
    .conf-theme #b2x-summary .tarif2-box-wrapper .summary-cta2 .button-orange-arrow-right span {
        padding: 9px 20px 8px;
        font-size: 22px;
    }
}

@media (min-width: 992px) {
    .conf-theme .button-in-stock {
        margin-top: 12px;
        margin-bottom: 10px;
    }

        .conf-theme .button-in-stock a:hover:before {
            border-right-color: var(--ds-carmine);
        }

        .conf-theme .button-in-stock > div + div {
            text-align: left;
        }

            .conf-theme .button-in-stock > div + div a {
                display: block;
            }

        .conf-theme .button-in-stock a {
            margin-left: 20px;
        }

    .conf-theme .outer-gallery-wrapper .gallery .config-layer .delivery {
        padding: 0;
    }
}
.conf-theme #map_B2CDealerSelection {
    width: 100%;
    height: 334px;
}

.conf-theme #b2c-dealer-selection-block-results-outer {
    margin-bottom: 50px;
}

.conf-theme #b2c-dealer-selection-load-more {
    text-align: center;
    margin-top: 20px;
}

.conf-theme #b2c-dealer-selection-block-count-with-sort {
    margin-bottom: 10px;
}

.conf-theme #b2c-dealer-selection-skeleton-inner {
    margin-top: 20px;
}

.conf-theme .b2c-dealer-selection-tile-outer {
    margin-top: 20px;
}
.conf-theme [class^='select2'] {
    font-family: var(--ds-font-bold);
}
.conf-theme #input-location-modal-search-wrap .select2-container--bootstrap4 .select2-selection__clear {
    margin-top: 0.4em;
}
.conf-theme #input-location-modal-search-wrap .selection .select2-selection--single .select2-selection__arrow::after {
    margin-top: -17px;
}
.conf-theme #input-location-modal-search-wrap .select2-container--open .selection .select2-selection--single .select2-selection__arrow::after {
    margin-top: -3px;
}
.conf-theme #b2c-dealer-selection-outer {
    padding: 0 22px;
}
.conf-theme .select2-container--bootstrap4 .select2-selection--single {
    height: 38px !important;
}
.conf-theme #b2c-dealer-selection-headline,
.conf-theme #b2c-dealer-selection-zero-results {
    font-family: var(--ds-font-bold);
    color: var(--ds-carmine);
    font-size: 20px;
    text-transform: uppercase;
}
.conf-theme .b2c-dealer-selection-tile-inner {
    border: 1px solid #AD9D91;
    height: 100%;
}
    .conf-theme .b2c-dealer-selection-tile-inner .b2c-dealer-selection-tile-imprint {
        color: var(--ds-carmine);
    }


@media (max-width: 991.98px) {
    .conf-theme .locate-nearest-zip {
        margin-top: 23px !important;
    }
}
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: local(''), url('../fonts/ubuntu-v20-latin-ext_latin-regular.woff2') format('woff2'), url('../fonts/ubuntu-v20-latin-ext_latin-regular.woff') format('woff');
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: local(''), url('../fonts/ubuntu-v20-latin-ext_latin-700.woff2') format('woff2'), url('../fonts/ubuntu-v20-latin-ext_latin-700.woff') format('woff');
}

@font-face {
    font-family: cfgv3-pictos;
    src: url("../fonts/PictosCFG.woff") format("woff"),url("../fonts/PictosCFG.woff") format("woff2");
    font-weight: 400;
    font-style: normal
}

body.store-theme {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: flex-start;
}

.store-theme .first-content-container {
    flex-grow: 1;
}

.store-theme .footer {
    margin-top: auto;
}

.store-theme [class*=" cfg-icon-"], .store-theme [class^=cfg-icon-] {
    display: inline-block;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    letter-spacing: normal;
    font-weight: 400;
    font-style: normal;
    font-family: cfgv3-pictos;
    line-height: 1;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
}

.cfg-icon-close-outline:before {
    content: "\e900"
}

.cfg-icon-close-solid:before {
    content: "\e940"
}

.cfg-icon-questionMark-outline:before {
    content: "\e901"
}

.cfg-icon-questionMark-solid:before {
    content: "\e941"
}

.cfg-icon-edit-outline:before {
    content: "\e902"
}

.cfg-icon-edit-solid:before {
    content: "\e942"
}

.cfg-icon-reload-outline:before {
    content: "\e903"
}

.cfg-icon-reload-solid:before {
    content: "\e943"
}

.cfg-icon-validate-outline:before {
    content: "\e904"
}

.cfg-icon-validate-solid:before {
    content: "\e944"
}

.cfg-icon-N73Information-outline:before {
    content: "\e905"
}

.cfg-icon-N73Information-solid:before {
    content: "\e945"
}

.cfg-icon-fuelPack-outline:before {
    content: "\e906"
}

.cfg-icon-fuelPack-solid:before {
    content: "\e946"
}

.cfg-icon-magnifyGlass-outline:before {
    content: "\e907"
}

.cfg-icon-magnifyGlass-solid:before {
    content: "\e947"
}

.cfg-icon-adas-outline:before {
    content: "\e908"
}

.cfg-icon-adas-solid:before {
    content: "\e948"
}

.cfg-icon-G01Fuel-outline:before {
    content: "\e909"
}

.cfg-icon-G01Fuel-solid:before {
    content: "\e949"
}

.cfg-icon-sentMail-outline:before {
    content: "\e90A"
}

.cfg-icon-sentMail-solid:before {
    content: "\e94A"
}

.cfg-icon-chargeStation-outline:before {
    content: "\e90B"
}

.cfg-icon-chargeStation-solid:before {
    content: "\e94B"
}

.cfg-icon-fullScreen-outline:before {
    content: "\e90C"
}

.cfg-icon-fullScreen-solid:before {
    content: "\e94C"
}

.cfg-icon-clock-outline:before {
    content: "\e90D"
}

.cfg-icon-clock-solid:before {
    content: "\e94D"
}

.cfg-icon-onMap-outline:before {
    content: "\e90E"
}

.cfg-icon-onMap-solid:before {
    content: "\e94E"
}

.cfg-icon-eye-outline:before {
    content: "\e90F"
}

.cfg-icon-eye-solid:before {
    content: "\e94F"
}

.cfg-icon-F01Engine-outline:before {
    content: "\e910"
}

.cfg-icon-F01Engine-solid:before {
    content: "\e950"
}

.cfg-icon-G01SteeringCircuit-outline:before {
    content: "\e911"
}

.cfg-icon-G01SteeringCircuit-solid:before {
    content: "\e951"
}

.cfg-icon-carProfil-outline:before {
    content: "\e912"
}

.cfg-icon-carProfil-solid:before {
    content: "\e952"
}

.cfg-icon-closeConfortDriver-outline:before {
    content: "\e913"
}

.cfg-icon-closeConfortDriver-solid:before {
    content: "\e953"
}

.cfg-icon-filterOff-outline:before {
    content: "\e915"
}

.cfg-icon-filterOff-solid:before {
    content: "\e954"
}

.cfg-icon-view360-outline:before {
    content: "\e916"
}

.cfg-icon-view360-solid:before {
    content: "\e955"
}

.cfg-icon-newCar-outline:before {
    content: "\e917"
}

.cfg-icon-newCar-solid:before {
    content: "\e956"
}

.cfg-icon-document-outline:before {
    content: "\e918"
}

.cfg-icon-document-solid:before {
    content: "\e957"
}

.cfg-icon-comparator-outline:before {
    content: "\e919"
}

.cfg-icon-comparator-solid:before {
    content: "\e958"
}

.cfg-icon-emailError-outline:before {
    content: "\e91A"
}

.cfg-icon-emailError-solid:before {
    content: "\e959"
}

.cfg-icon-chevronSmall-outline:before {
    content: "\e91B"
}

.cfg-icon-chevronSmall-solid:before {
    content: "\e95A"
}

.cfg-icon-chevronMedium-outline:before {
    content: "\e91C"
}

.cfg-icon-chevronMedium-solid:before {
    content: "\e95B"
}

.cfg-icon-filterOn-outline:before {
    content: "\e91E"
}

.cfg-icon-filterOn-solid:before {
    content: "\e95D"
}

.cfg-icon-N73InformationMedium-outline:before {
    content: "\e91F"
}

.cfg-icon-N73InformationMedium-solid:before {
    content: "\e95E"
}

.cfg-icon-N73InformationSmall-outline:before {
    content: "\e920"
}

.cfg-icon-N73InformationSmall-solid:before {
    content: "\e95F"
}

.cfg-icon-reduce-outline:before {
    content: "\e921"
}

.cfg-icon-reduce-solid:before {
    content: "\e960"
}

.cfg-icon-landscapeRotation-outline:before {
    content: "\e922"
}

.cfg-icon-landscapeRotation-solid:before {
    content: "\e961"
}

.cfg-icon-gearbox5-outline:before {
    content: "\e925"
}

.cfg-icon-gearbox5-solid:before {
    content: "\e964"
}

.cfg-icon-airBump-outline:before {
    content: "\e926"
}

.cfg-icon-airBump-solid:before {
    content: "\e965"
}

.cfg-icon-roofColor-outline:before {
    content: "\e927"
}

.cfg-icon-roofColor-solid:before {
    content: "\e966"
}

.cfg-icon-offer-outline:before {
    content: "\e928"
}

.cfg-icon-offer-solid:before {
    content: "\e967"
}

.cfg-icon-tyres-outline:before {
    content: "\e929"
}

.cfg-icon-tyres-solid:before {
    content: "\e968"
}

.cfg-icon-accessories-outline:before {
    content: "\e92A"
}

.cfg-icon-accessories-solid:before {
    content: "\e969"
}

.cfg-icon-A77Color-outline:before {
    content: "\e92B"
}

.cfg-icon-A77Color-solid:before {
    content: "\e96A"
}

.cfg-icon-email-outline:before {
    content: "\e92C"
}

.cfg-icon-email-solid:before {
    content: "\e96B"
}

.cfg-icon-poiShop-outline:before {
    content: "\e92D"
}

.cfg-icon-poiShop-solid:before {
    content: "\e96C"
}

.cfg-icon-parameter-outline:before {
    content: "\e92E"
}

.cfg-icon-parameter-solid:before {
    content: "\e96D"
}

.cfg-icon-multiDevice-outline:before {
    content: "\e92F"
}

.cfg-icon-multiDevice-solid:before {
    content: "\e96E"
}

.cfg-icon-error-outline:before {
    content: "\e930"
}

.cfg-icon-error-solid:before {
    content: "\e96F"
}

.cfg-icon-share-outline:before {
    content: "\e931"
}

.cfg-icon-share-solid:before {
    content: "\e970"
}

.cfg-icon-externalLink-outline:before {
    content: "\e932"
}

.cfg-icon-externalLink-solid:before {
    content: "\e971"
}

.cfg-icon-hybridStation-outline:before {
    content: "\e933"
}

.cfg-icon-hybridStation-solid:before {
    content: "\e972"
}

.cfg-icon-configurator-outline:before {
    content: "\e934"
}

.cfg-icon-configurator-solid:before {
    content: "\e973"
}

.cfg-icon-volume-outline:before {
    content: "\e935"
}

.cfg-icon-volume-solid:before {
    content: "\e974"
}

.cfg-icon-moreOption-outline:before {
    content: "\e936"
}

.cfg-icon-moreOption-solid:before {
    content: "\e975"
}

.cfg-icon-X87Setting-outline:before {
    content: "\e937"
}

.cfg-icon-X87Setting-solid:before {
    content: "\e976"
}

.cfg-icon-closeSmall-outline:before {
    content: "\e938"
}

.cfg-icon-closeSmall-solid:before {
    content: "\e977"
}

.cfg-icon-validateSmall-outline:before {
    content: "\e939"
}

.cfg-icon-validateSmall-solid:before {
    content: "\e978"
}

.cfg-icon-validateMedium-outline:before {
    content: "\e93A"
}

.cfg-icon-validateMedium-solid:before {
    content: "\e979"
}

.cfg-icon-ota-outline:before {
    content: "\e93B"
}

.cfg-icon-ota-solid:before {
    content: "\e97A"
}

.cfg-icon-lowEmissionVehicleBlank-outline:before, .cfg-icon-lowEmissionVehicleBlank-solid:before {
    content: ""
}

.cfg-icon-lowEmissionVehicleAP-outline:before, .cfg-icon-lowEmissionVehicleAP-solid:before {
    content: "\f004"
}

.cfg-icon-lowEmissionVehicleAC-outline:before, .cfg-icon-lowEmissionVehicleAC-solid:before {
    content: "\f001"
}

.cfg-icon-lowEmissionVehicleDS-outline:before, .cfg-icon-lowEmissionVehicleDS-solid:before {
    content: "\f003"
}

.cfg-icon-lowEmissionVehicleOP-outline:before, .cfg-icon-lowEmissionVehicleOP-solid:before, .cfg-icon-lowEmissionVehicleVX-outline:before, .cfg-icon-lowEmissionVehicleVX-solid:before {
    content: "\f002"
}

.cfg-icon-negativeSign-outline:before {
    content: "\e924"
}

.cfg-icon-negativeSign-solid:before {
    content: "\e963"
}

.cfg-icon-chevronLarge-outline:before, .cfg-icon-chevronLarge-solid:before {
    content: ""
}

.cfg-icon-plus-outline:before {
    content: "\e923"
}

.cfg-icon-plus-solid:before {
    content: "\e962"
}

.cfg-icon-chevronLarge-outline:before {
    content: "\e91D"
}

.cfg-icon-chevronLarge-solid:before {
    content: "\e95C"
}

.cfg-icon-default-color.brand-AP {
    color: #000
}

.cfg-icon-default-color.brand-AC {
    color: #da291c
}

.cfg-icon-default-color.brand-DS {
    color: #ad9d91
}

.cfg-icon-error-color.brand-AP {
    color: red
}

.cfg-icon-error-color.brand-AC {
    color: #e1412d
}

.cfg-icon-error-color.brand-DS {
    color: #d0021b
}

.cfg-icon-success-color.brand-AC, .cfg-icon-success-color.brand-AP {
    color: #09aa59
}

.cfg-icon-success-color.brand-DS {
    color: #4caf50
}

.cfg-icon-electric-hybrid-color.brand-AP {
    color: var(--ap-primary)
}

.cfg-icon-electric-hybrid-color.brand-AC {
    color: #08a8b6
}

.cfg-icon-electric-hybrid-color.brand-DS {
    color: #6b8799
}

.store-theme body {
    color: #3b3938;
}

.store-theme .img-wrapper .icon-wrapper {
    position: absolute;
    right: 40px;
    font-size: 25px;
}

.store-theme .img-wrapper img {
    width: 100%;
    max-width: 100%;
}

    .store-theme .img-wrapper img.fallback {
        aspect-ratio: 16/9;
        object-fit: contain;
    }

.store-theme .model-name {
    min-height: 60px;
}

    .store-theme .model-name a {
        text-decoration: none;
    }

    .store-theme .model-name span {
        font-size: 18px;
        font-weight: bold;
        color: #212529;
    }

    .store-theme .model-name .store-index-price-wrap {
        display: block;
    }

        .store-theme .model-name .store-index-price-wrap span {
            font-size: 14px;
            font-weight: normal;
        }

.store-theme .store-legal-text {
    background-color: #d9dbdd;
    margin-top: 64px;
    padding: 48px 0 30px;
}

.store-theme .gallery-wrapper {
    background: #fff;
}

.store-theme .store-gallery-slider {
    margin-bottom: 0;
}

    .store-theme .store-gallery-slider .keep-ratio {
        aspect-ratio: 1.7778;
    }


.store-theme .gallery .slick-prev,
.store-theme .gallery .slick-next {
    width: 43px;
    height: 43px;
    left: 0;
    margin-left: 0;
    z-index: 9;
    background: #fff;
    border: solid 2px #da291c;
    border-radius: 10px;
    cursor: pointer;
}

.store-theme .gallery .slick-next {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 0;
}

    .store-theme .gallery .slick-prev:hover,
    .store-theme .gallery .slick-next:hover {
        border-color: #3b3938;
    }

    .store-theme .gallery .slick-prev:before,
    .store-theme .gallery .slick-next:before {
        content: '';
        width: 13px;
        height: 13px;
        top: 13px;
        left: 15px;
        color: #da291c;
        position: absolute;
        border: solid 2px #da291c;
        border-width: 2px 0 0 2px;
        transform: rotate(-45deg);
    }

    .store-theme .gallery .slick-next:before {
        left: 9px;
        border-width: 2px 2px 0 0;
        transform: rotate(45deg);
    }

    .store-theme .gallery .slick-prev:hover:before,
    .store-theme .gallery .slick-next:hover:before {
        border-color: #3b3938;
    }

.store-theme .gallery .slick-initialized .slick-slide div {
    overflow: hidden;
}

.store-theme .gallery .slick-slide img {
    max-width: 100%;
}

.store-theme #model-store-info-buttons {
    padding-top: 15px;
    border-top: 1px solid #e4e2e2;
}

.store-theme #store-navigation-outer {
    margin-top: 30px;
}

.store-theme .outer-small {
    margin-right: -8px;
    margin-left: -8px;
}

.store-theme .store-navigation-tile-order {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
}

.store-theme .store-navigation-tile-title {
    display: inline-block;
    margin-left: 4px;
}

.store-theme .store-navigation-tile {
    flex: 1 1 0;
    width: 0;
    font-size: 14px;
    font-family: Ubuntu,Helvetica,Arial,Verdana,sans-serif;
    line-height: 16px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .store-theme .store-navigation-tile:before {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 1px;
        content: '';
    }

    .store-theme .store-navigation-tile:not(:only-child):not(:last-child) {
        margin-right: 1px;
    }

    .store-theme .store-navigation-tile a {
        display: flex;
        align-items: center;
    }

        .store-theme .store-navigation-tile a:hover {
            text-decoration: none;
        }

    .store-theme .store-navigation-tile .cfg-icon {
        margin-left: 4px;
        font-size: 24px;
    }

    .store-theme .store-navigation-tile[data-active="True"][data-selected="False"] {
        background: #fff;
    }

        .store-theme .store-navigation-tile[data-active="True"][data-selected="False"]:before {
            height: 2px;
            background-color: #243782;
        }

        .store-theme .store-navigation-tile[data-active="True"][data-selected="False"] a {
            color: #3b3938;
        }

    .store-theme .store-navigation-tile[data-active="True"][data-selected="True"] {
        background: #243782;
    }

        .store-theme .store-navigation-tile[data-active="True"][data-selected="True"]:before {
            height: 2px;
            background-color: #243782;
        }

        .store-theme .store-navigation-tile[data-active="True"][data-selected="True"] a {
            color: #fff;
        }

    .store-theme .store-navigation-tile[data-active="False"][data-selected="False"] {
        background: #e4e2e2;
    }

        .store-theme .store-navigation-tile[data-active="False"][data-selected="False"]:before {
            height: 2px;
            background-color: #a19a99;
        }

        .store-theme .store-navigation-tile[data-active="False"][data-selected="False"] a {
            color: #a19a99;
            cursor: context-menu;
        }

.fs14 {
    font-size: 14px !important;
}

.store-theme .bafa:before {
    background-size: contain;
}


.store-model-item .monthly-price-loading-background,
.store-grade-item .monthly-price-loading-background,
.store-motor-item .monthly-price-loading-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.6);
    z-index: 99;
}

.store-model-item .monthly-price-loading,
.store-grade-item .monthly-price-loading,
.store-motor-item .monthly-price-loading {
    width: 100%;
    display: block;
    position: relative;
}

    .store-model-item .monthly-price-loading.active {
        height: 65px;
    }

    .store-grade-item .monthly-price-loading.active,
    .store-motor-item .monthly-price-loading.active {
        height: 45px;
    }

        .store-model-item .monthly-price-loading.active:after,
        .store-grade-item .monthly-price-loading.active:after,
        .store-motor-item .monthly-price-loading.active:after {
            content: '';
            position: absolute;
            left: calc(0% + 15px);
            bottom: calc(0% + 25px);
            color: #57718a;
            font-size: 5px;
            width: 1em;
            height: 1em;
            border-radius: 50%;
            text-indent: -9999em;
            animation: multispin 1.3s infinite linear;
            transform: translateZ(0);
            z-index: 109;
        }

.store-theme .store-test-change-dialog-choice-button-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.store-theme .store-test-change-dialog-choice-button.btn:hover {
    cursor: pointer;
}

@media (max-width: 991.98px) {
    .store-theme .store-navigation-tile a {
        width: 100%;
        display: block;
        text-align: center;
    }

    .store-theme .store-navigation-tile-title {
        display: none;
    }

    .store-theme #model-store-info-buttons .text-right {
        margin-top: 20px;
    }

    .store-theme .store-btn {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .store-theme .gallery-slider-controls-container {
        margin-top: -12px;
    }
}

.store-theme {
    font-family: var(--ds-font-regular);
    padding-bottom: 0;
    color: var(--ds-black);
    background: var(--ds-white);
}

    .store-theme .first-content-container {
        background: var(--ds-white);
    }

        .store-theme .first-content-container.light-grey {
            background-color: rgb(241, 239, 237);
        }

    .store-theme .main-headline h1 {
        color: var(--ds-black);
    }

    .store-theme .info-grey {
        display: inline-block;
        position: relative;
        top: 2px;
        height: 16px;
        width: 16px;
        margin-left: 8px;
        background: url("data:image/svg+xml,%3Csvg aria-labelledby='svgImgSeeFinanceDetails-0' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle id='svgImgSeeFinanceDetails-0'%3EDétails du financement%3C/title%3E%3Crect x='0.5' y='0.5' width='15' height='15' stroke='%23AD9D91'%3E%3C/rect%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.53346 6.4H7.4668V11.7333H8.53346V6.4ZM8.53346 4.26666H7.4668V5.33333H8.53346V4.26666Z' fill='%23B09D8F'%3E%3C/path%3E%3C/svg%3E") 0 0 no-repeat;
        background-size: contain;
    }

        .store-theme .info-grey.dark {
            top: 4px;
            background-image: url("data:image/svg+xml,%3Csvg aria-labelledby='svgImgSeeFinanceDetails-0' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle id='svgImgSeeFinanceDetails-0'%3EDétails du financement%3C/title%3E%3Crect x='0.5' y='0.5' width='15' height='15' stroke='%23AD9D91'%3E%3C/rect%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.53346 6.4H7.4668V11.7333H8.53346V6.4ZM8.53346 4.26666H7.4668V5.33333H8.53346V4.26666Z' fill='%23B09D8F'%3E%3C/path%3E%3C/svg%3E");
        }

.store-btn {
    white-space: nowrap;
    cursor: pointer;
    width: 100%;
    border: 1px solid transparent;
    border-radius: var(--ds-cta-border-radius);
    font-family: var(--ds-cta-font-family);
    font-size: var(--ds-cta-font-size);
    letter-spacing: var(--ds-cta-letter-spacing);
    line-height: var(--ds-cta-line-height);
    padding: var(--ds-cta-padding);
    text-transform: var(--ds-cta-text-transform);
    transition: all var(--ds-cta-transition-duration) var(--ds-cta-transition-timing-function);
    background-color: var(--ds-cta-red-bg);
    color: var(--ds-cta-red-color);
}

    .store-btn.disabled {
        background-color: var(--ds-cta-disabled-bg);
        color: var(--ds-cta-disabled-color);
        border: var(--ds-cta-disabled-border-color);
    }

    .store-btn:hover {
        background-color: var(--ds-cta-red-hover-bg);
        color: var(--ds-cta-red-hover-color);
    }

    .store-btn:focus {
        outline: none;
        box-shadow: none;
    }

.order-panel-top .store-btn:hover {
    background-color: var(--ds-cta-red-hover-bg);
    color: var(--ds-cta-red-hover-color);
}

.store-btn-prev {
    background: var(--ds-cta-outline-bg);
    color: var(--ds-cta-outline-color);
    border: 1px solid var(--ds-cta-outline-border-color);
}

.order-panel-top .store-btn-prev:hover {
    background: var(--ds-cta-outline-hover-bg);
    color: var(--ds-cta-outline-hover-color);
    border: 1px solid var(--ds-cta-outline-hover-border-color);
}  

.store-theme .gallery .slick-prev,
.store-theme .gallery .slick-next {
    border: solid 1px var(--ds-black);
    border-radius: 0;
    transition: all var(--ds-cta-transition-duration) var(--ds-cta-transition-timing-function);
}

    .store-theme .gallery .slick-prev:hover,
    .store-theme .gallery .slick-next:hover {
        border-color: var(--ds-black);
        background: var(--ds-black);
    }

    .store-theme .gallery .slick-prev:before,
    .store-theme .gallery .slick-next:before {
        content: '';
        width: 13px;
        height: 13px;
        top: 14px;
        left: 16px;
        color: var(--ds-black);
        position: absolute;
        border: solid 2px var(--ds-black);
        border-width: 2px 0 0 2px;
        transform: rotate(-45deg);
    }

    .store-theme .gallery .slick-next:before {
        left: 10px;
        border-width: 2px 2px 0 0;
        transform: rotate(45deg);
    }

    .store-theme .gallery .slick-prev:hover:before,
    .store-theme .gallery .slick-next:hover:before {
        border-color: var(--ds-white);
    }

.store-theme .select2-selection--single .select2-selection__rendered {
    color: var(--ds-black);
}

.store-theme, .swal-feature-click-confirm .swal2-styled.swal2-confirm {
    width: auto;
}

/* loading spinner color */
.store-model-item .monthly-price-loading.active:after,
.store-grade-item .monthly-price-loading.active:after,
.store-motor-item .monthly-price-loading.active:after {
    color: var(--ds-gen-champane-dark);
}

.store-theme #swal2-content .feature-details-dialog-label,
.store-theme #swal2-content .feature-details-dialog-description {
    font-family: var(--ds-font-regular);
    font-size: 15px;
    margin-top: 16px;
}

.store-theme #swal2-content .feature-details-dialog-price {
    font-family: var(--ds-font-bold);
    font-size: 15px;
    margin-top: 16px;
}

.store-theme #swal2-content .feature-details-dialog-image {
    width: 100%;
    max-width: 500px;
    height: auto;
}

/* Fallback Image */
.store-theme .img-wrapper img.fallback {
    background-color: #F1EFED;
}
.store-theme .p-zero .model {
    margin-bottom: 30px;
}

    .store-theme .p-zero .model > .row {
        background: #fff;
        margin: 0;
        padding: 15px;
        height: 100%;
    }

        .store-theme .p-zero .model > .row > div {
            width: 100%;
        }

.store-theme .p-zero .price-box {
    position: relative;
    background: #f5f5f5;
}

.store-theme .p-zero .store-index-price-wrap {
    padding: 16px;
}

@media (min-width: 768px) {
    .store-theme .p-zero .model .model-tile {
        display: grid !important;
        align-content: space-between;
        grid-template-rows: 1fr min-content;
    }

        .store-theme .p-zero .model .model-tile .model-tile-top {
            display: grid;
            grid-template-rows: min-content max-content;
        }

            .store-theme .p-zero .model .model-tile.model-tile-disabled-monthly .monthly-price-wrap {
                display: none;
            }

    .store-theme .p-zero .price-box {
        margin-top: 30px;
    }

    .store-theme .p-zero .catalog-price {
        min-height: 28px;
        background-color: #fff;
        padding: 5px 0px;
        color: #3b3938;
        line-height: 18px;
        position: absolute;
        height: 30px;
        width: 100%;
        top: -30px;
        font-size: 12px;
    }

    .store-theme .p-zero .store-index-price-wrap {
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        color: #3b3938;
    }

        .store-theme .p-zero .store-index-price-wrap .store-index-price-left {
            font-size: 12px;
        }

    .store-theme .p-zero .store-index-price-right .monthly-price {
        margin-bottom: 5px;
    }

    .store-theme .p-zero .store-index-price-right .conjunction {
        font-size: 16px;
        margin-top: 5px;
    }

    .store-theme .p-zero .store-index-price-wrap .price-notice {
        font-size: 12px;
        line-height: 14px;
    }

    .store-theme .p-zero .button-container a:hover {
        background: #3b3938;
        color: #fff;
        text-decoration: none;
        transition: all 0.3s ease 0s;
    }

    .store-theme .p-zero .description-container {
        font-size: 12px;
        line-height: 14px;
        color: #796f6e;
    }

        .store-theme .p-zero .description-container .description-payment {
            padding-bottom: 10px;
        }
}

.store-theme main .container .row.p-zero {
    padding-bottom: 30px;
}

.store-theme .p-zero .model > .row {
    border: 1px solid rgb(110, 110, 110);
}

.store-theme .p-zero .name a {
    font-family: var(--ds-font-regular);
    font-size: 24px;
    line-height: 34px;
    color: var(--ds-black);
    text-decoration: none;
}

@media (min-width: 768px) {
    .store-theme .p-zero .store-index-price-right .cash-price,
    .store-theme .p-zero .store-index-price-right .monthly-price {
        margin-top: 10px;
    }
}

.store-theme .p-zero .price-box {
    /*background-color: rgb(233, 231, 225);*/
    background-color: var(--ds-gen-lightergray);
}

.store-theme .p-zero .catalog-price .catalog-price-amount {
    font-family: var(--ds-font-regular);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
    color: var(--ds-black);
}

.store-theme .p-zero .store-index-price-wrap {
    color: var(--ds-black);
}

    .store-theme .p-zero .store-index-price-wrap .store-index-price-left {
        font-size: 12px;
    }

.store-theme .p-zero .store-index-price-right .cash-price,
.store-theme .p-zero .store-index-price-right .monthly-price {
    display: block;
    font-family: var(--ds-font-bold);
    font-weight: 600;
    font-size: 24px;
}

    .store-theme .p-zero .store-index-price-right .cash-price span,
    .store-theme .p-zero .store-index-price-right .monthly-price span:not(.monthly-price-value) {
        font-family: var(--ds-font-bold);
        font-weight: 600;
        font-size: 14px;
    }

.store-theme .p-zero .store-index-price-right .conjunction span {
    font-family: "DS Light", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
}

.store-theme .p-zero .button-container a {
    /*font-family: var(--ds-font-regular);
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;*/
    text-align: center;
    display: block;
    /*padding: 11px 20px;
    color: rgb(255, 255, 255);
    background: var(--ds-gen-champane-dark);*/
    /*margin: 10px 0;*/
    margin-top: 15px;
    /*height: 42px;
    border-radius: var(--ds-cta-border-radius);*/
    /* --- */
    border-radius: var(--ds-cta-border-radius);
    font-family: var(--ds-cta-font-family);
    font-size: var(--ds-cta-font-size);
    letter-spacing: var(--ds-cta-letter-spacing);
    line-height: var(--ds-cta-line-height);
    padding: var(--ds-cta-padding);
    text-transform: var(--ds-cta-text-transform);
    transition: all var(--ds-cta-transition-duration) var(--ds-cta-transition-timing-function);
    background-color: var(--ds-cta-red-bg);
    color: var(--ds-cta-red-color);
}

    .store-theme .p-zero .button-container a:hover {
        background-color: var(--ds-cta-red-hover-bg);
    }

    .store-theme .p-zero .button-container a:hover span {
        color: var(--ds-cta-red-hover-color);
    }

.store-theme .p-zero .description-container {
    font-size: 12px;
    line-height: 14px;
    color: var(--ds-gen-darkergray);
}

.store-theme .store-grade-item .cfg-icon-lowEmissionVehicleDS-solid {
    font-size: 20px;
    top: -2px;
}

@media (max-width: 459.98px) {
    .store-theme .store-grade-item .cfg-icon-lowEmissionVehicleDS-solid {
        font-size: 20px;
        top: 0px;
    }
}

/*
 * Fuel Select
 */

.store-theme .fuel-select .selection .select2-selection--single .select2-selection__arrow {
    width: 36px;
    height: 36px;
    top: 1px;
    right: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--ds-gen-champane-dark);
    border-top-right-radius: initial !important;
    border-bottom-right-radius: initial !important;
}

    .store-theme .fuel-select .selection .select2-selection--single .select2-selection__arrow::after {
        width: initial;
        height: initial;
        border: none;
        background-color: transparent;
        color: #fff;
        border-top-right-radius: initial;
        border-bottom-right-radius: initial;
        margin-top: 0;
        position: initial;
        font-size: 14px;
    }

.store-theme .fuel-select .select2-container--bootstrap4.select2-container--open .select2-selection .select2-selection__arrow {
    border-bottom-right-radius: initial !important;
}

.store-theme .fuel-select .select2-selection {
    /*border-color: var(--ds-gen-champane-dark);*/
    border: 1px solid var(--ds-gen-champane-dark) !important;
    border-radius: initial !important;
}

.store-theme .fuel-select .select2-container--open .select2-selection {
    border-radius: initial !important;
}

/*.store-theme .fuel-select .select2-container--bootstrap4.select2-container--focus.select2-container--open .select2-selection {
    border-bottom: 1px solid var(--ds-gen-champane-dark);
}*/

.store-theme .select2-container--bootstrap4 .select2-results__option--highlighted,
.store-theme .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
    background-color: var(--ds-carmine);
    color: var(--ds-white);
}

.store-theme .fuel-select .select2-container [class^="select2"],
.store-theme .select2-container [class^="select2"] {
    font-family: var(--ds-font-regular);
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}

.store-theme .fuel-select .select2-container--bootstrap4 .select2-selection--single {
    height: initial !important;
}

    .store-theme .fuel-select .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
        padding-top: 0px;
        padding-bottom: 0px;
    }

.store-theme .fuel-select .select2-selection--single .select2-selection__clear {
    background-color: #fff;
    color: var(--ds-black);
    margin-right: 40px;
    margin-top: 0;
    margin-bottom: 0;
    transition: color 0.25s ease;
    width: initial;
    height: 100%;
    font-size: 22px;
    line-height: 22px;
    top: 8px;
}

    .store-theme .fuel-select .select2-selection--single .select2-selection__clear:hover {
        color: #dc3545;
    }
.store-theme .order-panel-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1040;
    min-height: 32px;
    padding: 14px 0;
    background: #f5f5f5;
}

    .store-theme .order-panel-top .button-section,
    .store-theme .order-panel-top .link-section {
        display: none;
    }

        .store-theme .order-panel-top .link-section a {
            text-decoration: none;
        }

        .store-theme .order-panel-top .link-section .arrow {
            display: inline-block;
            margin-left: 3px;
        }

            .store-theme .order-panel-top .link-section .arrow svg {
                height: 13px;
                width: 8px;
                display: inline-block;
                margin-top: -2px;
            }


.store-theme .sticky-switcher-container {
    position: relative;
}

@media (min-width: 992px) {
    .store-theme .sticky-switcher-container {
        position: -webkit-sticky;
        position: sticky;
        top: 100px;
        z-index: 1020;
    }
}

.store-theme .intOutSwitcher {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    background: #ececee;
    width: 90px;
    margin-right: 10px;
    height: 40px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    z-index: 9;
}

    .store-theme .intOutSwitcher .exterior,
    .store-theme .intOutSwitcher .interior {
        width: 35px;
        height: 30px;
        border-radius: 50%;
        margin: 0px 2px;
        cursor: pointer;
    }

    .store-theme .intOutSwitcher .active {
        background: #fff;
    }

    .store-theme .intOutSwitcher .svg-holder {
        display: block;
        width: 100%;
        height: 100%;
    }

.store-theme #store-model-grade-info .model-select {
    padding-bottom: 1.5rem;
    position: relative;
}

    .store-theme #store-model-grade-info .model-select .info-grey {
        margin-left: 0px;
    }

.store-theme .select-holder .item {
    margin: 16px 0px;
    width: 100%;
    background: none;
    text-align: left;
    padding: 0px;
    border: 1px solid #cdcdcd;
    cursor: pointer;
}

    .store-theme.pending-refresh .select-holder .item,
    .store-theme.pending-refresh .color-select .store-design-selection-feature-outer {
        pointer-events: none;
        position: relative;
    }

        .store-theme.pending-refresh .select-holder .item:before,
        .store-theme.pending-refresh .color-select .store-design-selection-feature-outer:before {
            content: "";
            display: block;
            background: rgba(255,255,255,.6);
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
        }

.store-theme .section-2 .button-and-links {
    padding-bottom: 2rem;
}

.store-theme .section-2 .contact {
    color: #000;
    line-height: 1.15;
}

    .store-theme .section-2 .contact .help {
        font-size: 14px;
        position: relative;
    }

        .store-theme .section-2 .contact .help:after {
            position: absolute;
            content: '';
            border-bottom: 1px solid #e4e2e2;
            width: 100%;
            transform: translateX(-50%);
            bottom: -15px;
            left: 50%;
        }

    .store-theme .section-2 .contact .phone {
        margin-top: 30px;
    }

        .store-theme .section-2 .contact .phone .arrow {
            height: 10px;
            display: inline-block;
        }

.store-theme .section-2 .arrow svg {
    height: 13px;
    width: 8px;
    display: inline-block;
    margin-top: -3px;
}

.store-theme .section-2 .bottom > div {
    padding-bottom: 1rem;
}

.store-theme .store-grade-item .cfg-icon-electric-hybrid-color {
    position: absolute;
    right: 0;
}

@media (min-width: 576px) {
    .store-theme .order-panel-top .price {
        display: flex;
    }

    .store-theme .order-panel-top .conjunction {
        padding: 0 10px;
    }
}

@media (min-width: 992px) {
    .store-theme .store-summary-bar-model {
        padding: 0 15px;
    }

    .store-theme .order-panel-top .price-section {
        padding: 0px 15px;
        border-left: 1px solid #bfbfbf;
        min-width: 200px;
    }

    .store-theme .order-panel-top .button-section {
        border-left: none !important;
        display: flex;
        justify-content: flex-end;
    }

        .store-theme .order-panel-top .button-section .store-btn {
            display: inline-block;
            width: initial;
            padding: 11px 24px;
        }

    .store-theme .wait {
        position: -webkit-sticky;
        position: sticky;
        top: 6rem;
    }
}

@media (max-width: 991.98px) {
    .store-theme .order-panel-top .button-section-prev .store-btn {
        text-align: left;
        border: none;
        border-radius: 0;
        height: initial;
        width: initial;
        background: transparent;
        padding: 0;
    }
}

.store-theme .order-panel-top {
    background: var(--ds-gen-champane-light);
}

    .store-theme .order-panel-top .price {
        font-size: 16px;
    }

    .store-theme .order-panel-top .cash-price {
        font-family: var(--ds-font-bold);
        font-weight: 600;
    }

    .store-theme .order-panel-top .conjunction {
        font-size: 14px;
        text-transform: uppercase;
        padding-top: 2px;
    }

    .store-theme .order-panel-top .monthly-price .price {
        font-family: var(--ds-font-bold);
        font-weight: 600;
    }

    .store-theme .order-panel-top .monthly-price .promotional {
        display: block;
        font-family: var(--ds-font-regular);
        font-weight: 400;
        font-size: 12px;
    }

    .store-theme .order-panel-top .link-section a {
        font-family: var(--ds-font-bold);
        font-weight: 700;
        font-size: 14px;
        color: var(--ds-black);
        position: relative;
        padding-right: 10px;
    }

        .store-theme .order-panel-top .link-section a:hover {
            border-bottom: 1px solid var(--ds-black);
            margin-top: 1px;
        }

        .store-theme .order-panel-top .link-section a .arrow svg {
            display: none;
        }

        .store-theme .order-panel-top .link-section a:after {
            content: '';
            position: absolute;
            width: 6px;
            height: 10px;
            top: 5px;
            right: 0;
            background: url("data:image/svg+xml,%3Csvg aria-hidden='true' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.585266 11.5841L5.1713 6.99807L0.585266 2.41205L1.99927 0.998047L7.9993 6.99807L1.99927 12.9981L0.585266 11.5841Z' fill='%23000'%3E%3C/path%3E%3C/svg%3E") 0 0 no-repeat;
            background-size: contain;
        }

.store-theme .intOutSwitcher .svg-holder {
    background: url('/img/store/ds/exterior.svg') center no-repeat;
    background-size: 32px 32px;
}

.store-theme .intOutSwitcher .interior .svg-holder {
    background-image: url('/img/store/ds/interior.svg');
}

.store-theme .store-model-info-model-name {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    font-size: 32px;
    color: var(--ds-black);
    text-transform: uppercase;
    margin-bottom: 30px;
}

.store-theme .store-model-info-subline {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    font-size: 16px;
    margin-top: 30px;
    padding-bottom: 18px;
    text-transform: uppercase;
}

.store-theme .select-holder .item {
    border: 1px solid #d1d1d1;
}

.store-theme .select-holder .item {
    line-height: 1.15;
}

.store-theme .select-holder .inner {
    border: 1px solid transparent;
    padding: 24px 24px 24px 64px;
    position: relative;
    transition: all var(--ds-cta-transition-duration) var(--ds-cta-transition-timing-function);
}

.store-theme .select-holder .item.selected,
.store-theme .select-holder .item:hover,
.store-theme .select-holder .item:focus-visible {
    border-color: var(--ds-black);
}

.store-theme .option-select .select-holder .item.disabled:hover,
.store-theme .option-select .select-holder .item.disabled:focus-visible {
    border-color: var(--ds-black);
}

.store-theme .option-select .select-holder .item.disabled,
.store-theme .option-select .select-holder .item[data-enabled="False"] {
    opacity: .5;
    cursor: default;
    pointer-events: none;
}

.store-theme .select-holder .item.selected {
    background: var(--ds-gen-champane-light);
}

    .store-theme .select-holder .item.selected .inner,
    .store-theme .select-holder .item:hover .inner,
    .store-theme .select-holder .item:focus-visible .inner {
        border-color: var(--ds-black);
    }

.store-theme .option-select .select-holder .item.disabled:hover .inner,
.store-theme .option-select .select-holder .item.disabled:focus-visible .inner {
    border-color: transparent;
}

.store-theme .select-holder .title {
    font-family: var(--ds-font-bold);
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    color: var(--ds-black);
    display: block;
    position: relative;
    margin-bottom: 2px;
}

.store-theme .select-holder .circle {
    background: var(--ds-white);
    border: 1px solid #73767a;
    width: 24px;
    height: 24px;
    position: absolute;
    left: -40px;
    top: -2px;
    border-radius: 50%;
}

    .store-theme .select-holder .circle span {
        display: none;
        position: absolute;
        border-radius: 50%;
        background: var(--ds-gen-champane-dark);
        width: 14px;
        height: 14px;
        top: 4px;
        left: 4px;
    }

.store-theme .select-holder .item.selected .circle span {
    display: block;
}

.store-theme .select-holder .square {
    background: var(--ds-white);
    border: 1px solid #73767a;
    width: 25px;
    height: 25px;
    position: absolute;
    left: -40px;
    top: -2px;
}

    .store-theme .select-holder .square span {
        content: '';
        border: solid 2px var(--ds-white);
        border-width: 0 2px 2px 0;
        height: 16px;
        top: 1px;
        left: 8px;
        opacity: 0;
        position: absolute;
        transform: rotate(45deg);
        transition: opacity 0.2s ease-in-out 0s;
        width: 9px;
    }

.store-theme .select-holder .item.selected .square {
    background: var(--ds-gen-champane-dark);
    border-color: var(--ds-gen-champane-dark);
}

    .store-theme .select-holder .item.selected .square span {
        opacity: 1;
    }

.store-theme .section-2 .button-section {
    margin: 0 0 50px;
}

.store-theme .select-holder .price {
    font-size: 14px;
    line-height: 22px;
    color: var(--ds-black);
    display: block;
    margin-top: 16px;
}

    .store-theme .select-holder .price .monthly-price-loading.active:after {
        left: calc(0% + 15px);
        bottom: calc(0% + 15px);
    }

.store-theme .select-holder .store-option-details-dialog-wrap {
    font-size: 14px;
    color: var(--ds-carmine);
    display: block;
    margin-top: 16px;
}

.store-theme .section-2 .contact .phone a {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    font-size: 16px;
    color: var(--ds-black);
    text-decoration: none;
    margin-top: 10px;
    padding-right: 14px;
    position: relative;
}

    .store-theme .section-2 .contact .phone a:hover {
        color: var(--ds-gen-champane-dark);
    }

    .store-theme .section-2 .contact .phone a .arrow svg {
        display: none;
    }

    .store-theme .section-2 .contact .phone a:after {
        content: '';
        position: absolute;
        width: 6px;
        height: 10px;
        top: 2px;
        right: 0;
        background: url("data:image/svg+xml,%3Csvg aria-hidden='true' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.585266 11.5841L5.1713 6.99807L0.585266 2.41205L1.99927 0.998047L7.9993 6.99807L1.99927 12.9981L0.585266 11.5841Z' fill='%23000'%3E%3C/path%3E%3C/svg%3E") 0 0 no-repeat;
        background-size: contain;
    }

    .store-theme .section-2 .contact .phone a:hover:after {
        background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.585266 11.5841L5.1713 6.99807L0.585266 2.41205L1.99927 0.998047L7.9993 6.99807L1.99927 12.9981L0.585266 11.5841Z' fill='%239d8c83'%3E%3C/path%3E%3C/svg%3E");
    }

.store-theme .section-2 .contact .legal {
    color: var(--ds-gen-darkestgray);
    font-size: 10px;
    line-height: 14px;
    margin: 10px 0;
}

    .store-theme .section-2 .contact .legal b {
        font-family: var(--ds-font-bold);
        font-weight: 700;
    }

.store-theme .section-2 .bottom {
    font-size: 12px;
    line-height: 14px;
    color: var(--ds-gen-darkestgray);
    margin: 30px 0 20px;
}

#model-grade-info-main .wait.active:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.6);
    z-index: 99;
}

#model-grade-info-main .wait.active:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    color: var(--ds-carmine);
    font-size: 10px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    text-indent: -9999em;
    animation: multispin 1.3s infinite linear;
    transform: translateZ(0);
    z-index: 109;
}

.store-theme .store-summary-bar-model {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    font-size: 26px;
    color: var(--ds-black);
}

@keyframes multispin {
    0%, 100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }

    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }

    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }

    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}

@media (max-width: 991.98px) {
    .store-theme .order-panel-top .button-section-prev .store-btn {
        position: relative;
        padding-left: 16px;
        margin-bottom: 10px;
    }

        .store-theme .order-panel-top .button-section-prev .store-btn:before {
            content: '';
            position: absolute;
            left: 0;
            top: 3px;
            width: 8px;
            height: 13px;
            background: url("data:image/svg+xml,%3Csvg aria-hidden='true' viewBox='0 0 8 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.585266 11.5841L5.1713 6.99807L0.585266 2.41205L1.99927 0.998047L7.9993 6.99807L1.99927 12.9981L0.585266 11.5841Z' fill='%23000'%3E%3C/path%3E%3C/svg%3E") 0 0 no-repeat;
            background-size: contain;
            transform: scale(-1,1);
        }

        .store-theme .order-panel-top .button-section-prev .store-btn:hover {
            color: var(--ds-cta-outline-color);
        }
}

@media (min-width: 992px) {
    .store-theme .order-panel-top > .container > .col-12 {
        min-height: 64px;
    }

    .store-theme .order-panel-top .button-section .store-btn {
        padding: var(--ds-cta-padding);
    }
}

.store-theme .section-2 .description {
    display: block;
    font-size: 14px;
    padding: 5px 0 16px;
}

.store-theme .section-2 .engine-legal {
    display: block;
    font-size: 14px;
    padding: 0 0 16px;
}

.store-theme .section-2 .co2-label .button-text-download {
    justify-content: flex-start;
}

.store-theme .color-section,
.store-theme .interior-section,
.store-theme .exterior-section,
.store-theme .option-section {
    padding: 24px 0;
    line-height: 1.15;
}

    .store-theme .color-section .car-mobile,
    .store-theme .interior-section .car-mobile {
        position: relative;
    }

        .store-theme .color-section .car-mobile img,
        .store-theme .interior-section .car-mobile img,
        .store-theme .exterior-section .car-mobile img {
            width: 100%;
            max-width: 100%;
        }

.store-theme .color-select .slides-container {
    margin: 10px 0px 15px;
    padding: 15px 3px;
}

    .store-theme .color-select .slides-container:before,
    .store-theme .color-select .slides-container:after {
        content: '';
        width: 40px;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
        height: 100%;
        position: absolute;
        top: 0;
        right: -1px;
        z-index: 1;
        display: none;
    }

    .store-theme .color-select .slides-container:before {
        background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255));
        right: auto;
        left: -1px;
    }

.store-theme .color-select .slick-track {
    font-size: 0;
    line-height: 0;
}

.store-theme .color-select .store-design-selection-feature-image-wrap {
    padding: 2px 0;
}

    .store-theme .color-select .store-design-selection-feature-image-wrap .color-button {
        width: 55px;
        height: 55px;
        display: block;
        margin: 0 13px 13px 0;
        border-radius: 50%;
        cursor: pointer;
        border: none;
        object-fit: cover;
    }

        .store-theme .color-select .store-design-selection-feature-outer[data-selected='True'] .color-button,
        .store-theme .color-select .store-design-selection-feature-image-wrap .color-button:hover {
            outline: solid 2px #57718a;
            border: 4px solid #fff;
        }

.store-theme .section-2 .color-select .storage {
    display: none;
}

.store-theme .color-select .slick-prev,
.store-theme .color-select .slick-next {
    border-radius: 0;
    border: none;
    margin-bottom: 4px;
    right: calc(4% + 1px);
    position: absolute;
    outline: 0;
    transition: all .5s;
    z-index: 1000;
    background: rgba(0,0,0,.5);
    width: 43px;
    height: 43px;
    opacity: 0;
    cursor: pointer;
}

.store-theme .color-select .slick-prev {
    right: auto;
    left: calc(4% + 1px);
}

    .store-theme .color-select .slick-prev:before,
    .store-theme .color-select .slick-next:before {
        content: "\e95C";
        position: absolute;
        top: 5px;
        left: 6px;
        font-weight: 400;
        font-family: cfgv3-pictos;
        font-size: 32px;
        line-height: 1;
        direction: ltr;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: "liga";
    }

    .store-theme .color-select .slick-prev:before {
        transform: scaleX(-1);
    }

    .store-theme .color-select .slick-prev.slick-disabled,
    .store-theme .color-select .slick-next.slick-disabled {
        display: none !important;
    }

.store-theme .color-select .slides-container:hover .slick-prev,
.store-theme .color-select .slides-container:hover .slick-next {
    opacity: 1;
}

.store-theme .color-select .slick-prev:hover,
.store-theme .color-select .slick-next:hover {
    background: rgba(0,0,0,.8);
}

.store-theme .interior-section .section-title,
.store-theme .exterior-section .section-title {
    padding-bottom: 8px;
}

.store-theme .option-section .section-title {
    padding-bottom: 20px;
}

.store-theme .option-section .option-select .group-name {
    font-size: 14px;
    line-height: 1.4;
    text-transform: uppercase;
    padding: 9px 39px 9px 6px;
    cursor: pointer;
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: relative;
}

    .store-theme .option-section .option-select .group-name:after {
        content: '';
        background-image: url('/img/store/citroen/option-toggle.svg');
        background-repeat: no-repeat;
        position: absolute;
        top: 65%;
        right: 10px;
        height: 6px;
        width: 11px;
        display: block;
        transform: rotate(180deg);
        margin-top: -7px;
    }

    .store-theme .option-section .option-select .group-name[aria-expanded="true"]:after {
        transform: rotate(0deg);
    }

    .store-theme .option-section .option-select .group-name .selected-options {
        display: none;
        width: 16px;
        height: 16px;
        text-align: center;
        font-size: 10px;
        background: #da291c;
        padding-top: 1px;
        border-radius: 8px;
        color: #fff;
    }

        .store-theme .option-section .option-select .group-name .selected-options.show {
            display: inline-block;
        }

.store-theme .option-section .option-select .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

.store-theme .popover {
    z-index: 999999;
}

.store-theme .popover-store-engine-body {
    max-width: 350px;
}

.store-theme .store-model-engine-info-row {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
}

    .store-theme .store-model-engine-info-row:first-child .store-model-engine-info-highlights-caption,
    .store-theme .store-model-engine-info-row:nth-child(2) .store-model-engine-info-highlights-caption,
    .store-theme .store-model-engine-info-row:nth-child(3) .store-model-engine-info-highlights-caption {
        text-transform: uppercase;
    }

.store-theme .select-holder .store-motor-item[data-has-monthly-price="false"].item,
.store-theme .store-btn.disabled-monthly-rate-missing {
    opacity: 0.5;
    cursor: not-allowed;
}

@media (min-width: 480px) {
    .store-theme .option-section .option-select .group-name:after {
        right: 5px;
    }
}

@media (min-width: 992px) {
    .store-theme .color-section .car-mobile,
    .store-theme .interior-section .car-mobile,
    .store-theme .exterior-section .car-mobile {
        display: none;
    }

    .store-theme .color-select .slides-container.first-slide:before,
    .store-theme .color-select .slides-container.last-slide:after {
        display: block;
    }
}

.store-theme .store-model-info-headline {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    font-size: 24px;
    color: var(--ds-black);
    margin-top: 30px;
    padding-bottom: 5px;
}

.store-theme .section-2 .specifications {
    font-family: var(--ds-font-regular);
    font-weight: 400;
    font-size: 20px;
}

    .store-theme .section-2 .specifications strong {
        font-family: var(--ds-font-bold);
        font-weight: 700;
    }

.store-theme .section-title {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    font-size: 24px;
    color: var(--ds-black);
    display: block;
}

.store-theme .section-2 .description {
    font-size: 14px;
    color: var(--ds-black);
    padding: 5px 0 0;
}

.store-theme .color-section .color-properties {
    font-size: 14px;
}

.store-theme .color-section .store-selected-color {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    font-size: 12px;
}

.store-theme .color-section .store-selected-price {
    font-size: 14px;
    padding: 5px 0;
}

.store-theme .option-section .option-select .group-name {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    font-size: 12px;
    color: var(--ds-black);
}

    .store-theme .option-section .option-select .group-name .selected-options {
        font-family: var(--ds-font-regular);
        font-weight: 400;
        font-size: 12px;
        background: var(--ds-gen-champane-dark);
    }

    .store-theme .option-section .option-select .group-name:after {
        background-image: url('/img/store/ds/option-toggle.svg');
        top: 65%;
        right: 5px;
    }

.store-theme .color-select .store-design-selection-feature-outer[data-selected='True'] .color-button,
.store-theme .color-select .store-design-selection-feature-image-wrap .color-button:hover {
    outline: solid 2px var(--ds-gen-champane-dark);
}

.store-theme .store-model-engine-info-highlights-text {
    font-weight: bold;
}

.store-theme main .container .map-block > .row,
.store-theme #store-dealer-selection-block1 > .row,
.store-theme #store-dealer-selection-block-count-with-sort,
.store-theme #store-dealer-selection-block-results-inner {
    margin-right: -15px;
    margin-left: -15px;
}

.store-theme .map-border {
    border: 1px solid #c7c7c7;
    padding: 50px 20px 15px;
    margin-bottom: 24px;
}

.store-theme main .container .row.input-location-store-map-wrap {
    margin-top: 60px;
}

.store-theme .labelInputMain {
    color: #3b3938;
}

.store-theme #map_StoreDealerSelection {
    width: 100%;
    height: 334px;
}

.store-theme #store-dealer-selection-block-results-outer {
    margin-bottom: 50px;
}

.store-theme #store-dealer-selection-load-more {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 22px;
}

.store-theme #store-dealer-selection-skeleton-inner {
    margin-top: 20px;
}

.store-theme .store-dealer-selection-tile-outer {
    margin-top: 20px;
}

.store-theme .store-dealer-selection-tile-inner {
    border: 1px solid #c7c7c7;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.store-theme main .container .row.store-dealer-selection-tile-distance {
    padding: 15px;
}

.store-theme main .container .row.store-dealer-selection-tile-details {
    flex: 1 1 auto;
}

.store-theme .store-dealer-selection-tile-details .overlay,
.store-theme .store-dealer-selection-tile-details .overlay span {
    background-size: 26px 24px;
    height: 26px;
    width: 130px;
}

.store-theme .store-dealer-selection-tile-dealername {
    display: block;
    margin-top: 11px;
    margin-bottom: 7px;
    min-height: 80px;
}

.store-theme .store-dealer-selection-tile-dealerstreet {
    display: block;
}

.store-theme .store-dealer-selection-tile-dealerzip {
    display: block;
}

.store-theme .store-dealer-selection-tile-imprint {
    display: block;
    margin-bottom: 20px;
}

.store-theme .store-dealer-selection-tile-price1 {
    display: block;
    text-align: right;
}

.store-theme .store-dealer-selection-tile-price2 {
    display: block;
    text-align: right;
}

.store-theme .store-dealer-selection-tile-small {
    display: block;
    text-align: right;
}

    .store-theme .store-dealer-selection-tile-small.small-adjust {
        margin-top: -10px;
    }

.store-theme .store-dealer-selection-tile-availability {
    display: block;
    margin-top: 20px;
}

.store-theme .store-dealer-selection-tile-details .bottom-part {
    margin-top: auto;
}

.store-theme #store-more-results-link {
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
}

.store-theme .store-dealer-selection-tile-inner .button-orange-arrow-right {
    display: block;
    padding: 6px;
    margin-bottom: 4px;
}

.store-theme .offer-dealer-selection-tile-inner .button-orange-arrow-right:after {
    display: none;
}

.store-theme .matches-count .arrows {
    display: none;
    flex-shrink: 0;
    width: 33px;
    height: 33px;
    cursor: pointer;
}

.store-theme .content-container-grey.mt-distance {
    background: #fff;
}

.store-theme .fastlane-there-for-you .border-frame {
    border: 1px solid #c7c7c7;
    padding: 15px;
}

.store-theme .fastlane-there-for-you .contact-box {
    background: #f1eff0;
    border: none;
    margin: 0;
    max-width: initial;
}

    .store-theme .fastlane-there-for-you .contact-box:before,
    .store-theme .fastlane-there-for-you .contact-box:after {
        display: none;
    }

.store-theme .fastlane-there-for-you .legal-info {
    text-align: left;
    margin-bottom: 2rem;
}

.store-theme .store-dealer-selection-tile-available-shortly {
    display: block;
    margin-top: 11px;
    margin-bottom: 7px;
    min-height: 80px;
    text-align: center;
}

@media (max-width: 991.98px) {
    #map_StoreDealerSelection {
        height: 400px;
    }

    .store-theme .map-block .locate-nearest-zip {
        margin-top: 27px !important;
    }
}

@media (max-width: 767.98px) {
    #offer-dealer-selection-results {
        padding-top: 45px;
    }

    .store-theme .matches-count {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }

        .store-theme .matches-count .arrows {
            display: block;
            align-self: center;
        }

    .store-theme #offer-dealer-selection-headline {
        margin: 0 20px;
        line-height: 1;
        align-self: center;
    }

    .store-theme .offer-dealer-selection-tile-outer {
        padding: 0 15px;
    }

    .store-theme .offer-more-results {
        display: none;
    }

    .store-theme .offer-dealer-selection-tile-outer:last-of-type {
        margin-bottom: 20px;
    }
}

@media (max-width: 375.98px) {
    .store-theme .map-block #input-location-modal-search-wrap {
        position: relative;
        top: 0;
    }
}

@media (min-width: 768px) {
    .store-theme .fastlane-there-for-you .headline {
        font-size: 28px;
    }
}

@media (min-width: 992px) {
    .store-theme .fastlane-there-for-you .contact-box {
        padding-bottom: 40px;
    }

    .store-theme .fastlane-there-for-you .headline {
        font-size: 30px;
    }
}

.store-theme .store-step-map {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
}

.store-theme .map-border {
    border-color: var(--ds-gen-lightergray);
}

.store-theme .labelInputMain {
    color: var(--ds-gen-darkestgray);
}

.store-theme .locate-nearest-zip {
    margin-top: 21px !important;
}

.store-theme .select2-container--bootstrap4.select2-container .select2-selection {
    border-color: var(--ds-gen-champane-dark) !important;
}

.store-theme .inputRadius .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    background: var(--ds-gen-champane-dark);
}

.store-theme .store-dealer-selection-tile-inner {
    border-color: var(--ds-black);
}

.store-theme .inputRadius .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered,
.store-theme .inputRadius .selection .select2-selection--single .select2-selection__arrow::after {
    background: var(--ds-cta-red-bg);
}

.store-theme .inputRadius .selection .select2-selection--single .select2-selection__arrow::after {
    border-bottom: 1px solid var(--ds-gen-champane-dark);
    border-top: 1px solid var(--ds-gen-champane-dark);
    height: 34px;
    margin-top: -17px;
}

.store-theme .inputRadius .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    border-right: 1px solid var(--ds-cta-red-bg);
}

.store-theme .select2-container--bootstrap4 .select2-results__option--highlighted,
.store-theme .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
    background-color: var(--ds-carmine);
    color: var(--ds-white);
}

.store-theme #input-location-modal-search-wrap .select2-container--bootstrap4 .select2-selection__clear {
    background-color: transparent;
    color: var(--ds-carmine);
    font-size: 22px;
    padding-left: 10px;
    line-height: 1;
    margin-top: 6px;
}

@media print, screen and (max-width: 448px) {
    .store-theme .map-border {
        padding-top: 15px;
    }

    .store-theme #input-location-modal-search-wrap {
        row-gap: 15px;
    }

    .store-theme main .container .row.input-location-store-map-wrap {
        margin-top: 15px;
    }

    .store-theme #input-location-modal-search-wrap div:nth-child(1) {
        width: initial;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
    }

    .store-theme #input-location-modal-search-wrap div:nth-child(2) {
        width: initial;
        flex: 0 0 90%;
        max-width: 90%;
        padding-right: 0;
    }

    .store-theme #input-location-modal-search-wrap div:nth-child(3) {
        width: initial;
        flex: 0 0 10%;
        max-width: 10%;
        text-align: right;
    }
}

.store-theme #store-dealer-selection-headline {
    color: var(--ds-carmine);
}

.store-theme main .container .row.store-dealer-selection-tile-distance {
    font-family: var(--ds-font-bold);
    font-size: 16px;
    background-color: var(--ds-black);
    color: var(--ds-white);
    padding: 5px;
}

.store-theme .store-dealer-selection-tile-dealername {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.2;
}

.store-theme .store-dealer-selection-tile-dealerstreet,
.store-theme .store-dealer-selection-tile-dealerzip {
    color: var(--ds-black);
    font-size: 16px;
    line-height: 24px;
}

.store-theme .store-dealer-selection-tile-imprint {
    color: var(--ds-carmine);
    font-size: 16px;
}

    .store-theme .store-dealer-selection-tile-imprint:hover {
        text-decoration: underline;
    }

.store-theme .store-dealer-selection-tile-price1 {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    font-size: 32px;
    color: var(--ds-carmine);
    line-height: 1;
    margin-bottom: 10px;
}

.store-theme .store-dealer-selection-tile-price2 {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    font-size: 18px;
    color: var(--ds-carmine);
    margin-top: -2px;
}

    .store-theme .store-dealer-selection-tile-price2 .fastlane-motor-emission:before {
        content: '';
        top: 2px;
        display: block;
        height: 16px;
        width: 16px;
        position: relative;
        background: url("data:image/svg+xml,%3Csvg aria-labelledby='svgImgSeeFinanceDetails-0' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' stroke='%23AD9D91'%3E%3C/rect%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.53346 6.4H7.4668V11.7333H8.53346V6.4ZM8.53346 4.26666H7.4668V5.33333H8.53346V4.26666Z' fill='%23B09D8F'%3E%3C/path%3E%3C/svg%3E") 0 0 no-repeat;
        background-size: contain;
    }

    .store-theme .store-dealer-selection-tile-price2 .fastlane-motor-emission:hover:before {
        background-image: url("data:image/svg+xml,%3Csvg aria-labelledby='svgImgSeeFinanceDetails-0' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' fill='%239d8c83' stroke='%239d8c83'%3E%3C/rect%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.53346 6.4H7.4668V11.7333H8.53346V6.4ZM8.53346 4.26666H7.4668V5.33333H8.53346V4.26666Z' fill='%23FFF'%3E%3C/path%3E%3C/svg%3E");
    }

.store-theme .store-dealer-selection-tile-small {
    font-size: 16px;
    line-height: 18px;
    color: var(--ds-black);
}

.store-theme .icon {
    font-family: var(--ds-font-regular);
    font-weight: 400;
    font-size: 12px;
    color: var(--ds-black);
    margin-top: 12px;
}

    .store-theme .icon + .icon {
        margin-top: 6px;
    }

    .store-theme .icon:before {
        top: -1px;
    }

.store-theme .store-dealer-selection-tile-details .bottom-part .btn {
    text-align: center;
    display: block;
    border-radius: var(--ds-cta-border-radius);
    font-family: var(--ds-cta-font-family);
    font-size: var(--ds-cta-font-size);
    letter-spacing: var(--ds-cta-letter-spacing);
    line-height: var(--ds-cta-line-height);
    padding: var(--ds-cta-padding);
    text-transform: var(--ds-cta-text-transform);
    transition: all var(--ds-cta-transition-duration) var(--ds-cta-transition-timing-function);
    background-color: var(--ds-cta-red-bg);
    color: var(--ds-cta-red-color);
}

    .store-theme .store-dealer-selection-tile-details .bottom-part .btn:focus {
        box-shadow: none;
    }

    .store-theme .store-dealer-selection-tile-details .bottom-part .btn:hover {
        background-color: var(--ds-cta-red-hover-bg);
        color: var(--ds-cta-red-hover-color);
    }

    .store-theme .store-dealer-selection-tile-details .bottom-part .btn:hover span {
        color: var(--ds-cta-red-hover-color);
    }

.store-theme #store-more-results-link {
    font-size: 20px;
    font-family: var(--ds-font-bold);
    font-weight: 700;
    color: var(--ds-gen-champane-dark);
    position: relative;
}

    .store-theme #store-more-results-link:after {
        content: '';
        position: absolute;
        right: -20px;
        top: 5px;
        width: 10px;
        height: 16px;
        background: url("data:image/svg+xml,%3Csvg aria-hidden='true' viewBox='0 0 8 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.585266 11.5841L5.1713 6.99807L0.585266 2.41205L1.99927 0.998047L7.9993 6.99807L1.99927 12.9981L0.585266 11.5841Z' fill='%239d8c83'%3E%3C/path%3E%3C/svg%3E") 0 0 no-repeat;
        background-size: contain;
    }

    .store-theme #store-more-results-link:hover {
        color: var(--ds-carmine);
    }

        .store-theme #store-more-results-link:hover:after {
            background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' viewBox='0 0 8 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.585266 11.5841L5.1713 6.99807L0.585266 2.41205L1.99927 0.998047L7.9993 6.99807L1.99927 12.9981L0.585266 11.5841Z' fill='%23870031'%3E%3C/path%3E%3C/svg%3E");
        }

.store-theme .fastlane-there-for-you .headline,
.store-theme .fastlane-there-for-you .headline + p {
    color: var(--ds-black);
}

.store-theme .fastlane-there-for-you .headline {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    font-size: 26px;
}

.store-theme .fastlane-there-for-you .contact-box {
    color: var(--ds-black);
    background: var(--ds-gen-champane-light);
}

    .store-theme .fastlane-there-for-you .contact-box .contact-us {
        font-family: var(--ds-font-bold);
        font-weight: 700;
        font-size: 26px;
        color: var(--ds-black);
    }

    .store-theme .fastlane-there-for-you .contact-box .contact-us-phone {
        font-family: var(--ds-font-bold);
        font-weight: 700;
        font-size: 42px;
        color: var(--ds-black);
    }

.store-theme .fastlane-there-for-you .legal-info p {
    color: var(--ds-black);
    font-size: 16px;
    line-height: 1.7;
}

.store-theme .fastlane-there-for-you .legal-info a {
    color: var(--ds-link-color-bright-background);
}

    .store-theme .fastlane-there-for-you .legal-info a:hover {
        color: var(--ds-link-hover-color-bright-background);
    }

.store-theme .fastlane-there-for-you .contact-box .button-orange-arrow-right {
    border-radius: var(--ds-cta-border-radius);
    font-family: var(--ds-cta-font-family);
    font-size: var(--ds-cta-font-size);
    letter-spacing: var(--ds-cta-letter-spacing);
    line-height: var(--ds-cta-line-height);
    padding: var(--ds-cta-padding);
    text-transform: var(--ds-cta-text-transform);
    transition: all var(--ds-cta-transition-duration) var(--ds-cta-transition-timing-function);
    background-color: var(--ds-cta-red-bg);
    color: var(--ds-cta-red-color);
}

    .store-theme .fastlane-there-for-you .contact-box .button-orange-arrow-right:hover {
        background-color: var(--ds-cta-red-hover-bg);
        color: var(--ds-cta-red-hover-color);
    }

    .store-theme .fastlane-there-for-you .contact-box .button-orange-arrow-right:hover span {
        color: var(--ds-cta-red-hover-color);
    }

.store-theme .store-dealer-selection-tile-available-shortly {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.2;
}

@media (min-width: 992px) {
    .store-theme .fastlane-there-for-you .headline {
        font-size: 32px;
    }
}

/*See offer-summary-base.css*/

.store-theme .gallery-wrapper .gallery .config-layer {
    padding-top: 0px;
}

.store-theme .outer-gallery-wrapper .section-2 .config-layer {
    background-color: #f5f5f5;
    padding: 1rem;
}

.store-theme #store-summary .config-layer .summary-cta .btn {
    width: 100%;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .store-theme #store-summary .config-layer .summary-cta .btn {
        width: auto;
    }
}

.store-theme #store-summary .config-layer .summary-cta .fa-spinner ~ i {
    display: none;
}

.store-theme #store-summary .gallery-fullscreen-wrapper {
    padding-top: 20px;
}

.store-theme .bafa:before {
    background-size: contain;
}

.store-theme #store-summary #services-content-wrap {
    background: #fff;
    border: none;
    padding: 0 5px 5px;
}

    .store-theme #store-summary #services-content-wrap label {
        color: #3b3938;
    }

    .store-theme #store-summary #services-content-wrap .services-content-link {
        display: block;
    }

@media (max-width: 992px) {
    .store-theme #store-summary #services-content-wrap .services-content-link:first-child {
        margin-bottom: 0.5rem;
    }
}

.store-theme #store-summary .services-tab {
    background: transparent;
    border: none;
    color: #3b3938;
    padding: 4px 15px 4px;
}

.store-theme #store-summary .services-tab-active {
    background: #fff;
    border-radius: 12px 12px 0 0;
}

.store-theme #store-summary #packages-content,
.store-theme #store-summary #insurances-content,
.store-theme #store-summary #transportcosts-content {
    color: #7a7a7a;
}

.store-theme #store-summary #actionCode {
    background: #fff;
    padding: 20px 15px;
}

    .store-theme #store-summary #actionCode .form-row {
        justify-content: center;
    }

    .store-theme #store-summary #actionCode .headline {
        font-size: 16px;
        text-transform: none;
        margin-bottom: 6px;
    }

    .store-theme #store-summary #actionCode label {
        color: #7a7a7a;
        font-size: 13px;
        line-height: 1.5;
        margin-bottom: 10px;
    }

    .store-theme #store-summary #actionCode .form-row {
        margin: 0;
    }

        .store-theme #store-summary #actionCode .form-row #actionCodeSuccess,
        .store-theme #store-summary #actionCode .form-row #actionCodeFailure,
        .store-theme #store-summary #actionCode .form-row #additionalCodeInput {
            width: 100%;
        }

        .store-theme #store-summary #actionCode .form-row #additionalCodeInput {
            margin-bottom: 0px;
        }

        .store-theme #store-summary #actionCode .form-row #actionCodeSuccess,
        .store-theme #store-summary #actionCode .form-row #actionCodeFailure {
            margin-top: 10px;
        }

        .store-theme #store-summary #actionCode .form-row input {
            width: 100%;
        }

        .store-theme #store-summary #actionCode .form-row .btn {
            margin-top: 10px;
        }

        .store-theme #store-summary #actionCode .form-row .btn,
        .store-theme #store-summary #actionCode .form-row #actionCodeRemove {
            cursor: pointer;
        }

        .store-theme #store-summary #actionCode .form-row #promoCodeSubmitButton.btn {
            width: 100%;
        }

@media (min-width: 576px) and (max-width: 991.98px) {
    .store-theme #store-summary #actionCode .form-row .btn {
        margin-top: 0px;
    }

    .store-theme #store-summary #actionCode .form-row #promoCodeSubmitButton.btn {
        width: auto;
        margin-left: 0.5rem;
    }
}

.store-theme #store-summary #summary-details {
    margin-top: 80px;
}

    .store-theme #store-summary #summary-details .content .inner {
        padding: 26px 0 40px;
    }

    .store-theme #store-summary #summary-details #equipmentData .inner {
        padding-top: 8px;
    }

    .store-theme #store-summary #summary-details #dealerData .inner {
        padding-top: 36px;
    }

.store-theme #store-summary .equipment-details-box-wrapper {
    background: #fff;
    max-width: 100%;
}

    .store-theme #store-summary .equipment-details-box-wrapper #options-details-tab-series:before {
        left: 0;
        width: 100%;
    }

    .store-theme #store-summary .equipment-details-box-wrapper .options-details-tab-selected:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 7px;
        z-index: 1;
    }

    .store-theme #store-summary .equipment-details-box-wrapper #options-details-tab-series:after {
        left: 0;
        width: 100%;
    }

.store-theme #store-summary #options-details-content .option-details-group {
    border-color: #3b3938;
}

.store-theme #store-summary .options-details-group-description .btn-block {
    text-transform: none;
    padding: 2px 12px;
}

    .store-theme #store-summary .options-details-group-description .btn-block:not(.collapsed):after {
        margin-top: 0;
    }

.store-theme #store-summary .motor-tarif-box .listdots ul li,
.store-theme #store-summary .tarif2-box-wrapper .listdots ul li {
    font-size: 16px;
}

.store-theme .legal-info-text-wrapper {
    background-color: #f2f0f0;
    margin-top: 30px;
}

    .store-theme .legal-info-text-wrapper p {
        text-align: justify;
    }

    .store-theme .legal-info-text-wrapper .legal-info-text {
        padding-top: 50px;
        padding-bottom: 85px;
    }

.store-theme .location-box-wrapper {
    margin-top: 0;
    margin-bottom: 0;
}

.store-theme .location-box {
    border: none;
}

    .store-theme .location-box > .col {
        padding: 0;
    }

.store-theme .popup {
    width: 100%;
    color: #3b3938;
    border: none;
    position: relative;
    left: 0;
    top: 0;
    padding: 20px 0 0 0;
}

    .store-theme .popup:after {
        display: none;
    }

.store-theme .location-box .popup .headline,
.store-theme .location-box .popup .content {
    padding-left: 0;
    padding-right: 0;
}


.store-theme main .container .row.tarif2-box-wrapper.top #tarif-details-table td {
    vertical-align: top;
}

@media (min-width: 768px) {
    .store-theme main .container .row.tarif2-box-wrapper.top #tarif-details-table td {
        width: initial;
    }
}

.store-theme main .container .location-box .content-box {
    padding: 30px 0 0 0;
}

    .store-theme main .container .location-box .content-box .content {
        font-size: 16px;
    }

.store-theme main #serviceData {
    margin: 60px auto 30px;
}

    .store-theme main #serviceData .service-module {
        border: none;
        margin-top: -1px !important;
        font-size: 16px;
        line-height: 1.75;
    }

    .store-theme main #serviceData .service-toggle {
        background: none;
        width: 100%;
        outline: none !important;
        border: none;
        padding: 0;
    }

        .store-theme main #serviceData .service-toggle .sub-headline {
            font-size: 16px;
            text-transform: uppercase;
            padding: 26px 30px 24px 0px !important;
            margin-bottom: 0;
            border: solid 1px #c5c5c5;
            border-width: 1px 0;
        }

            .store-theme main #serviceData .service-toggle .sub-headline:after {
                font-family: Arial, Helvetica, sans-serif;
                font-weight: 300;
                content: '+';
                font-size: 44px;
                background: none;
                position: absolute;
                right: 4px;
                top: 50%;
                transform: translateY(-50%);
                width: initial;
                height: initial;
            }

        .store-theme main #serviceData .service-toggle:not(.collapsed) .sub-headline:after {
            content: '\2013';
        }

    .store-theme main #serviceData .service-module .service-list li {
        padding-left: 30px;
    }

    .store-theme main #serviceData .service-module .service-list li,
    .store-theme main #serviceData .service-module p,
    .store-theme main #serviceData .service-module .button-text-download {
        text-align: left;
    }

    /*.store-theme main #serviceData .service-module .grouped {
        border: solid 1px #c5c5c5;
        padding: 15px 0 5px;
        margin: 0 0 15px;
    }*/

    .store-theme main #serviceData .tarif2-box-wrapper .tarif2-box > div:last-child {
        background-color: transparent;
        padding: 0 15px;
        border: solid 1px #c5c5c5;
        border-top: none;
    }

.store-theme #store-summary .legal-info-text-wrapper {
    background: #f8f8f8;
}

.store-theme #mobile-config-tab {
    position: sticky;
    bottom: 0px;
    width: 100%;
    margin: 0;
    background: rgb(228, 226, 226);
    padding: 0.625rem 0.9375rem;
    border-top-right-radius: 1.25rem;
    border-top-left-radius: 1.25rem;
    z-index: 49;
    box-shadow: rgb(0, 0, 0) 0px -1px 6px 0px;
    cursor: pointer;
    display: none;
}

    .store-theme #mobile-config-tab .arrow {
        position: relative;
        width: 24px;
        height: 24px;
        margin: 6px auto 0;
    }

        .store-theme #mobile-config-tab .arrow:after {
            content: '';
            position: absolute;
            width: 24px;
            height: 24px;
            background: url("data:image/svg+xml,%3Csvg aria-hidden='true' viewBox='0 0 26 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L13 1L25 13' stroke='%23000' strokewidth='2' strokelinejoin='bevel'%3E%3C/path%3E%3C/svg%3E") 0 0 no-repeat;
            background-size: contain;
        }

.store-theme .summary-share-dropdown .dropdown-toggle {
    top: 0;
    right: 0px;
}

@media (max-width: 767.98px) {
    .store-theme #mobile-config-tab.active {
        display: block;
    }

    .store-theme.layover {
        overflow: hidden;
    }

        .store-theme.layover .section-2 .config-layer {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fff;
            z-index: 9999;
            padding: 20px;
            overflow: scroll;
        }

            .store-theme.layover .section-2 .config-layer.config-layer-with-banner {
                top: 50px;
            }

            .store-theme.layover .section-2 .config-layer > .h-100 {
                height: initial !important;
            }

            .store-theme.layover .section-2 .config-layer #showClose,
            .store-theme #mobile-config-tab .arrow:after {
                content: '';
                position: absolute;
                width: 24px;
                height: 24px;
                background: url("data:image/svg+xml,%3Csvg aria-hidden='true' viewBox='0 0 26 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L13 1L25 13' stroke='%23000' strokewidth='2' strokelinejoin='bevel'%3E%3C/path%3E%3C/svg%3E") 0 0 no-repeat;
                background-size: contain;
            }
}

@media (min-width: 576px) {
    .store-theme #store-summary #actionCode .form-row {
        justify-content: space-between;
        align-items: center;
    }

        .store-theme #store-summary #actionCode .form-row input {
            width: auto;
            flex: 1 1 0;
        }
}

@media (max-width: 991.98px) {
    .store-theme .outer-gallery-wrapper .section-2 {
        margin-top: 2rem;
    }
}

@media (min-width: 768px) {
    .store-theme .location-box #map {
        height: 100%;
    }

    .store-theme main .container .location-box .content-box {
        padding: 0;
    }
}


@media (min-width: 992px) {
    .store-theme .section-2 .config-layer {
        position: sticky;
        top: 0;
        padding-bottom: 30px;
    }

    .store-theme .outer-gallery-wrapper .section-2 {
        padding-bottom: 0;
    }

    .store-theme #store-summary #actionCode .form-row {
        justify-content: center;
    }

        .store-theme #store-summary #actionCode .form-row input {
            width: 100%;
            margin-right: 0;
            flex: 0 1 auto;
        }

        .store-theme #store-summary #actionCode .form-row .btn {
            margin-top: 10px;
        }
}

@media (min-width: 1200px) {
    .store-theme #store-summary #actionCode .form-row {
        justify-content: space-between;
    }

        .store-theme #store-summary #actionCode .form-row input {
            width: 100%;
            flex: 1 1 0;
        }

        .store-theme #store-summary #actionCode .form-row .btn {
            margin-top: 0;
        }

    .store-theme #store-summary #actionCode .form-row #promoCodeSubmitButton.btn {
        width: auto;
        margin-left: 0.5rem;
    }
}


.store-theme .text-link {
    margin-top: 14px;
    display: inline-block;
    border-radius: var(--ds-cta-border-radius);
    font-family: var(--ds-cta-font-family);
    font-size: var(--ds-cta-font-size);
    letter-spacing: var(--ds-cta-letter-spacing);
    line-height: var(--ds-cta-line-height);
    padding: var(--ds-cta-padding);
    text-transform: var(--ds-cta-text-transform);
    transition: all var(--ds-cta-transition-duration) var(--ds-cta-transition-timing-function);
    background: var(--ds-cta-outline-bg);
    color: var(--ds-cta-outline-color);
    border: 1px solid var(--ds-cta-outline-border-color);
}

    .store-theme .text-link:hover {
        background: var(--ds-cta-outline-hover-bg);
        color: var(--ds-cta-outline-hover-color);
        border: 1px solid var(--ds-cta-outline-hover-border-color);
    }

@media (max-width: 991.98px) {
    .store-theme .text-link {
        text-align: left;
        border: none;
        border-radius: 0;
        height: initial;
        width: initial;
        background: transparent;
        padding: 0;
        position: relative;
        padding-left: 16px;
    }

        .store-theme .text-link:before {
            content: '';
            position: absolute;
            left: 0;
            top: 3px;
            width: 8px;
            height: 13px;
            background: url("data:image/svg+xml,%3Csvg aria-hidden='true' viewBox='0 0 8 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.585266 11.5841L5.1713 6.99807L0.585266 2.41205L1.99927 0.998047L7.9993 6.99807L1.99927 12.9981L0.585266 11.5841Z' fill='%23000'%3E%3C/path%3E%3C/svg%3E") 0 0 no-repeat;
            background-size: contain;
            transform: scale(-1,1);
        }

        .store-theme .text-link:hover {
            border: none;
            background: transparent;
        }
}

.store-theme .outer-gallery-wrapper {
    background: var(--ds-white);
}

.store-theme .tagline {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    font-size: 26px;
    color: var(--ds-black);
    margin-bottom: 5px;
}

.store-theme .outer-gallery-wrapper .headline {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    font-size: 32px;
    color: var(--ds-black);
}

.store-theme .gallery .gallery-slider-slide img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.store-theme #store-summary .gallery-slider-controls-container {
    margin-top: -48px;
}

.store-theme #store-summary .row-summary:first-of-type {
    padding-top: 50px;
}

.store-theme #store-summary .config-layer .text-top {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    padding-top: 16px;
}

.store-theme #store-summary .config-layer .price-box {
    margin-top: 4px;
    line-height: 36px;
    position: relative;
}

    .store-theme #store-summary .config-layer .price-box #loader {
        display: none;
    }

        .store-theme #store-summary .config-layer .price-box #loader.loader-active {
            display: block;
            top: 18px;
            left: 72px;
        }

.store-theme #store-summary .config-layer .leasing-payment-brutto-normal {
    color: var(--ds-black);
}

.store-theme #store-summary .config-layer .price-box .transport-costs-separated {
    color: var(--ds-black);
}

.store-theme #store-summary .config-layer .form-group label {
    font-size: 15px;
    color: var(--ds-black);
}

.store-theme #store-summary .services-tab {
    font-size: 16px;
    color: var(--ds-black);
    padding: 4px 15px 4px;
    border-radius: 0;
    background-color: var(--ds-white);
    border-bottom: 1px solid var(--ds-champagne-pale);
}

.store-theme #store-summary .services-tab-active {
    border-radius: 0;
    background-color: var(--ds-carmine);
    color: var(--ds-white);
}

@container services-tabs (width < 330px) {
    .store-theme #store-summary .services-tab {
        width: 100%;
    }
}

.store-theme #store-summary #services-content-wrap .custom-control-label::before {
    top: 5px;
}

.store-theme #store-summary #services-content-wrap p {
    font-size: 13px;
}

    .store-theme #store-summary #services-content-wrap p a {
        color: var(--ds-link-color-bright-background);
        text-decoration: underline;
    }

        .store-theme #store-summary #services-content-wrap p a:hover {
            color: var(--ds-link-hover-color-bright-background);
            text-decoration: underline;
        }

.store-theme .service-item .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--ds-gen-champane) !important;
}

.store-theme #store-summary #actionCode label {
    color: var(--ds-black);
}

.store-theme #store-summary #actionCode .headline {
    font-family: var(--ds-font-regular);
    font-size: 16px;
}

.store-theme #store-summary #actionCode label {
    font-size: 13px;
}

.store-theme #store-summary #actionCode .form-row input {
    border: solid 1px var(--ds-black) !important;
    padding: 18px 12px;
    font-size: 14px !important
}


.store-theme #store-summary .config-layer [class^='select2'] {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    font-size: 12px;
    text-align: left;
}

.store-theme #store-summary .config-layer [class^='select2'] {
    font-family: var(--ds-font-regular);
}

.store-theme #store-summary .config-layer .select2-selection {
    border-radius: 0 !important;
}

.store-theme #store-summary .config-layer .select2-container--open .select2-selection {
    border-radius: 0 !important;
}

.store-theme #store-summary input[type="text"] {
    font-family: var(--ds-font-bold);
    font-size: 12px !important;
    color: var(--ds-black);
    border-radius: 0 !important;
    border: solid 1px #807877 !important;
    height: 35px;
}

.store-theme #store-summary .selection .select2-selection--single .select2-selection__arrow:after {
    margin-top: -15px;
}

.store-theme #store-summary .config-layer .select2-container--bootstrap4.select2-container .select2-selection {
    border: solid 1px #807877 !important;
    font-size: 14px;
}

.store-theme #store-summary .config-layer .text-registry {
    color: var(--ds-black);
    font-size: 13px;
    line-height: 1.5;
    display: inline-block;
}

.store-theme .button-orange-arrow-right.leasing-finalize {
    padding: 0;
}

    .store-theme .button-orange-arrow-right.leasing-finalize .spinner {
        display: block;
        position: relative;
        padding: 12px 24px;
    }

.store-theme #summary-details .details-toggle {
    border: solid 1px #c5c5c5;
    border-width: 1px 0;
    padding: 10px 0;
    height: 116px;
    align-items: center;
    position: relative;
    background: none;
    width: 100%;
    outline: none !important;
}

.store-theme #summary-details .collapse.content + .details-toggle {
    margin-top: -1px;
}

.store-theme #summary-details .details-toggle:after {
    content: '';
    width: 18px;
    height: 10px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 15px;
    background: url('/img/store/ds/option-toggle.svg') 0 0 no-repeat;
    background-size: contain;
    transform: rotate(-180deg);
    transition: transform .2s ease-in-out;
}

.store-theme #summary-details .details-toggle[aria-expanded="true"]:after {
    transform: rotate(0);
}

.store-theme #summary-details span.button-label {
    font-family: var(--ds-font-bold);
    font-size: 26px;
    text-transform: uppercase;
    line-height: 1.5;
    margin-bottom: 0;
}

.store-theme #summary-details #technicalData .table-left,
.store-theme #summary-details #technicalData .table-right {
    font-size: 15px;
    line-height: 1.5;
}

.store-theme #summary-details #technicalData .table-right {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    font-size: 16px;
}

.store-theme #store-summary .equipment-details-box-wrapper .options-details-tab {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    color: var(--ds-black);
}

.store-theme .equipment-details-box-wrapper {
    border: none;
}

.store-theme #store-summary .equipment-details-box-wrapper .options-details-tab-selected:after {
    background: var(--ds-gen-champane);
}

.store-theme #store-summary .equipment-details-box-wrapper #options-details-tab-series:after {
    left: 0;
    width: 100%;
}

.store-theme #store-summary #options-details-content .option-details-group {
    border-radius: 0;
    border-color: var(--ds-gen-champane-light);
}

    .store-theme #store-summary #options-details-content .option-details-group .options-details-group-list-item i {
        margin-top: 3px;
        color: var(--ds-gen-champane);
    }

.store-theme #store-summary .options-details-group-description {
    background: var(--ds-gen-champane-light);
}

.options-details-group-list .options-details-group-divider {
    border-top: none;
}

.store-theme #store-summary .options-details-group-description .btn-block {
    color: var(--ds-black);
}

    .store-theme #store-summary .options-details-group-description .btn-block:after {
        content: '';
        width: 12px;
        height: 8px;
        background: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5853 7.99805L5.99919 3.41202L1.41315 7.99805L-0.000865936 6.58405L5.99919 0.584017L11.9993 6.58405L10.5853 7.99805Z' fill-rule='evenodd' clip-rule='evenodd' fill='%231A1B1B' /%3E%3C/svg%3E") 0 0 no-repeat;
        background-size: contain;
        transform: rotate( -180deg );
    }

    .store-theme #store-summary .options-details-group-description .btn-block:not(.collapsed):after {
        transform: rotate(0);
    }

.options-details-group-list-item .name {
    font-size: 14px;
    color: var(--ds-black);
}

.store-theme #store-summary .motor-tarif-box .listdots ul li,
.store-theme #store-summary .tarif2-box-wrapper .listdots ul li {
    color: var(--ds-black);
    font-size: 16px;
    margin-left: -16px;
}

    .store-theme #store-summary .motor-tarif-box .listdots ul li:before,
    .store-theme #store-summary .tarif2-box-wrapper .listdots ul li:before {
        left: -14px;
        top: 9px;
        color: var(--ds-black);
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: var(--ds-carmine);
    }

.store-theme #summary-details .efficiency-class i:before {
    content: '';
    top: 2px;
    display: block;
    height: 16px;
    width: 16px;
    position: relative;
    background: url("data:image/svg+xml,%3Csvg aria-labelledby='svgImgSeeFinanceDetails-0' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' stroke='%23AD9D91'%3E%3C/rect%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.53346 6.4H7.4668V11.7333H8.53346V6.4ZM8.53346 4.26666H7.4668V5.33333H8.53346V4.26666Z' fill='%23B09D8F'%3E%3C/path%3E%3C/svg%3E") 0 0 no-repeat;
    background-size: contain;
}

.store-theme #summary-details .efficiency-class i:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg aria-labelledby='svgImgSeeFinanceDetails-0' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' fill='%239d8c83' stroke='%239d8c83'%3E%3C/rect%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.53346 6.4H7.4668V11.7333H8.53346V6.4ZM8.53346 4.26666H7.4668V5.33333H8.53346V4.26666Z' fill='%23FFF'%3E%3C/path%3E%3C/svg%3E");
}

.store-theme #store-summary .button-text-download {
    color: var(--ds-link-color-bright-background);
    text-decoration: underline;
}

    .store-theme #store-summary .button-text-download:hover {
        color: var(--ds-link-hover-color-bright-background);
        text-decoration: underline;
    }

.store-theme main .container .tarif2-box-wrapper {
    border: none;
}

    .store-theme main .container .tarif2-box-wrapper table td {
        font-size: 15px;
    }

.store-theme #store-summary .motor-tarif-box-wrapper,
.store-theme #store-summary .motor-tarif-box-wrapper p {
    font-family: var(--ds-font-regular);
    line-height: 1.5;
}

.store-theme #store-summary .motor-tarif-box-wrapper {
    border: none;
}

    .store-theme #store-summary .motor-tarif-box-wrapper p {
        color: var(--ds-black);
    }

        .store-theme #store-summary .motor-tarif-box-wrapper p a {
            color: var(--ds-black);
            text-decoration: underline;
        }

            .store-theme #store-summary .motor-tarif-box-wrapper p a:hover {
                color: var(--ds-carmine);
            }

.store-theme .tarif2-box-wrapper .summary-cta2 {
    display: flex;
    margin: 50px 0 30px;
    justify-content: center;
    text-align: left !important;
}

    .store-theme .tarif2-box-wrapper .summary-cta2 .button-orange-arrow-right {
        background-color: var(--ds-carmine);
        padding: 0;
        border: none;
        border-radius: 0;
        margin: 0;
        transition: background 275ms ease-in-out;
    }

        .store-theme .tarif2-box-wrapper .summary-cta2 .button-orange-arrow-right:after {
            display: none;
        }

        .store-theme .tarif2-box-wrapper .summary-cta2 .button-orange-arrow-right:hover {
            background: var(--ds-black);
        }

        .store-theme .tarif2-box-wrapper .summary-cta2 .button-orange-arrow-right span {
            text-transform: uppercase;
            font-family: var(--ds-font-bold);
            font-weight: 700;
            font-size: 36px;
            margin: 3px;
            border: solid 2px var(--ds-white);
            line-height: 1;
            display: block;
            text-align: center;
            padding: 16px 60px 15px;
        }

        .store-theme .tarif2-box-wrapper .summary-cta2 .button-orange-arrow-right:hover span {
            color: var(--ds-white);
        }

.store-theme .location-box {
    padding: 0;
}

    .store-theme .location-box .popup {
        padding-top: 30px;
    }

    .store-theme .location-box .content-box .headline {
        color: var(--ds-carmine);
        font-size: 18px;
    }

.store-theme main .container .location-box .content-box > .headline + .content {
    margin-top: 8px !important;
}

.store-theme main .container .location-box .content-box .content {
    font-size: 16px;
    line-height: 1.6;
}

.store-theme .location-store-box {
    border: solid 2px var(--ds-black);
}

.store-theme main #serviceData .service-toggle {
    background: none;
    width: 100%;
    outline: none !important;
    border: none;
    padding: 0;
}

    .store-theme main #serviceData .service-toggle .sub-headline {
        font-family: var(--ds-font-regular);
        font-size: 16px;
        color: var(--ds-black);
    }

        .store-theme main #serviceData .service-toggle .sub-headline:after {
            color: var(--ds-black);
            font-size: 36px;
            line-height: 1;
            right: 12px;
            top: 50%;
            transform: translateY(-50%);
            width: initial;
            height: initial;
        }

.store-theme main #serviceData .service-module .service-list {
    font-size: 16px;
}

    .store-theme main #serviceData .service-module .service-list li a {
        color: var(--ds-link-color-bright-background);
        text-decoration: underline;
    }

        .store-theme main #serviceData .service-module .service-list li a:hover {
            color: var(--ds-link-hover-color-bright-background);
            text-decoration: underline;
        }

    .store-theme main #serviceData .service-module .service-list li:before {
        top: 3px;
        width: 20px;
        height: 20px;
        background-image: url('/img/store/ds/icon-free-service.svg');
    }

.tarif2-box .caption, .tarif2-box .explanation {
    font-size: 14px;
}

.store-theme main #serviceData .service-module {
    font-size: 14px;
}

    .store-theme main #serviceData .service-module .service-list.roof li:before {
        background-image: url('/img/store/ds/icon-mrv.png');
    }

    .store-theme main #serviceData .service-module .service-list a {
        color: var(--ds-black);
        text-decoration: underline;
    }

        .store-theme main #serviceData .service-module .service-list a:hover {
            color: var(--ds-black);
        }

.store-theme .button-in-stock {
    margin-top: 30px;
}

.store-theme .outer-gallery-wrapper .gallery .config-layer .delivery {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    font-size: 18px;
    line-height: 1.1;
    color: var(--ds-black);
    padding: 0 0 5px;
}

.store-theme .button-in-stock > div + div {
    text-align: center;
}

.store-theme .button-in-stock > div {
    align-self: center;
}

.store-theme .button-in-stock a {
    background: var(--ds-gen-darkestgray);
    color: var(--ds-white);
    font-family: var(--ds-font-bold);
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    height: 44px;
    text-transform: uppercase;
    display: block;
    position: relative;
    text-decoration: none;
    padding: 9px 10px 0;
}

    .store-theme .button-in-stock a:hover {
        background: var(--ds-carmine);
    }

    .store-theme .button-in-stock a span {
        font-family: var(--ds-font-regular);
        font-size: 14px;
        text-transform: none;
        display: block;
    }

    .store-theme .button-in-stock a:hover:before {
        /*border-left-color: var(--ds-carmine);*/
        border-right-color: var(--ds-carmine);
    }

.store-theme .button-in-stock > div + div a {
    display: inline-block;
    text-align: left;
}

.store-theme .button-in-stock a:before {
    content: '';
    position: absolute;
    right: auto;
    left: -20px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 20px 22px 0;
    border-color: transparent var(--ds-gen-darkestgray) transparent transparent;
    right: auto;
    left: -20px;
}

.store-theme .tarif2-box-wrapper .in-stock {
    align-self: center;
    background: var(--ds-gen-darkestgray);
    color: var(--ds-white);
    line-height: 1;
    height: 44px;
    text-transform: uppercase;
    display: block;
    position: relative;
    text-decoration: none;
    padding: 9px 10px 0;
    margin-left: 20px;
    font-family: var(--ds-font-bold);
    font-weight: 700;
    font-size: 14px;
}

    .store-theme .tarif2-box-wrapper .in-stock:after {
        content: '';
        position: absolute;
        right: -20px;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 22px 0 22px 20px;
        border-color: transparent transparent transparent var(--ds-gen-darkestgray);
    }

    .store-theme .tarif2-box-wrapper .in-stock:hover:after {
        border-left-color: var(--ds-carmine);
    }

    .store-theme .tarif2-box-wrapper .in-stock:hover {
        background: var(--ds-carmine);
        color: var(--ds-white);
    }

    .store-theme .tarif2-box-wrapper .in-stock.in-stock-next-to-cta {
        top: 17px;
        right: -15px;
        transform: translate(100%, 0);
        margin: 0;
    }

    .store-theme .tarif2-box-wrapper .in-stock span {
        font-family: var(--ds-font-regular);
        font-size: 14px;
        text-transform: none;
        color: var(--ds-white);
        display: block;
    }

.store-theme #store-summary .legal-info-text-wrapper .legal-info-text {
    border: none;
}

.store-theme #store-summary .legal-info-text-wrapper {
    margin-bottom: 0;
}

    .store-theme #store-summary .legal-info-text-wrapper .legal-info-text {
        background: transparent;
    }

.store-theme .legal-info-text-wrapper .legal-info-text .sub-headline {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    text-align: left;
    font-size: 20px;
    color: var(--ds-black);
    line-height: 0.90;
}

.store-theme .legal-info-text-wrapper .legal-info-text .headline {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    text-align: left;
    font-size: 22px;
    line-height: 0.90;
    color: var(--ds-black);
}

.store-theme .legal-info-text-wrapper .legal-info-text .highlight-headline {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    text-align: left;
    font-size: 36px;
    line-height: 0.90;
    color: var(--ds-carmine);
}

.store-theme .legal-info-text-wrapper .legal-info-text .content {
    max-width: 100%;
    font-family: var(--ds-font-regular);
    font-size: 16px !important;
    font-weight: 400;
    color: var(--ds-black);
    line-height: 1.5;
}

.store-theme .legal-info-text-wrapper p {
    font-size: 16px;
    color: var(--ds-black);
    line-height: 1.7;
}

.store-theme .legal-info-text-wrapper .legal-info-text .content a {
    text-decoration: underline;
    color: var(--ds-link-color-bright-background);
}

    .store-theme .legal-info-text-wrapper .legal-info-text .content a:hover {
        color: var(--ds-link-hover-color-bright-background);
        text-decoration: underline;
    }

.store-theme #mobile-config-tab {
    background: var(--ds-gen-champane-light);
}

    .store-theme #mobile-config-tab .row {
        font-family: var(--ds-font-bold);
        font-weight: 700;
        font-size: 16px;
        line-height: 1.15;
        justify-content: space-between;
    }

    .store-theme #mobile-config-tab .text,
    .store-theme #mobile-config-tab .brutto-label {
        font-size: 14px;
    }

.store-summary-right-model {
    font-family: var(--ds-font-bold);
    font-weight: 700;
    font-size: 26px;
    color: var(--ds-black);
    width: calc(100% - 25px);
}

@media (max-width: 991.98px) {
    .store-theme .tarif2-box-wrapper .in-stock.single {
        margin: 20px 0 0;
        text-align: left !important;
        display: inline-block;
        padding: 9px 16px 0;
    }

    .store-theme .store-summary-right-model {
        font-size: 24px;
        padding-top: 20px !important;
    }
}

@media (max-width: 767.98px) {
    .store-theme .tarif2-box-wrapper .summary-cta2 {
        margin: 0 -25px 10px;
        max-width: calc(100% + 50px);
    }

        .store-theme .tarif2-box-wrapper .summary-cta2 .button-orange-arrow-right span {
            font-size: 26px;
        }
}

@media (max-width: 575.98px) {
    .store-theme #insurances-content .service-item,
    .store-theme #packages-content .service-item {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .store-theme #store-summary #services-content-wrap {
        border: none;
    }

    .store-theme .button-in-stock {
        margin-top: 12px;
        margin-bottom: 10px;
    }

        .store-theme .button-in-stock a:hover:before {
            border-right-color: var(--ds-carmine);
        }

        .store-theme .button-in-stock > div + div {
            text-align: left;
        }

            .store-theme .button-in-stock > div + div a {
                display: block;
            }

        .store-theme .button-in-stock a {
            margin-left: 20px;
        }

    .store-theme .outer-gallery-wrapper .gallery .config-layer .delivery {
        padding: 0;
    }
}

#stock-dealer-selection-headline {
    margin-bottom: 40px;
}

.stock-step-map {
    margin-bottom: 16px;
}

.stock-dealer-selection-tile-outer {
    padding: 0 10px;
    margin-bottom: 20px;
}

.stock-dealer-selection-tile-inner .button-orange-arrow-right {
    display: block;
    padding: 6px;
    margin-bottom: 4px;
}

    .stock-dealer-selection-tile-inner .button-orange-arrow-right:after {
        display: none;
    }

.stock-dealer-selection-tile-distance {
    background-color: #dde1e3;
    color: #535458;
    padding: 5px;
}

.stock-more-results {
    text-align: center;
    margin-bottom: 50px;
}

    .stock-more-results span {
        display: inline-block;
        text-transform: uppercase;
        cursor: pointer;
    }

.stock-dealer-selection-tile-details .overlay,
.stock-dealer-selection-tile-details .overlay span {
    background-size: 26px 24px;
    height: 26px;
    width: 130px;
}

.stock-dealer-selection-tile-dealername {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 60px;
}

.stock-dealer-selection-tile-dealerstreet {
    display: block;
}

.stock-dealer-selection-tile-dealerzip {
    display: block;
}

.stock-dealer-selection-tile-imprint {
    display: block;
    margin-bottom: 20px;
}

.stock-dealer-selection-tile-price1 {
    display: block;
    text-align: right;
}

.stock-dealer-selection-tile-price2 {
    display: block;
    text-align: right;
}

.stock-dealer-selection-tile-small {
    display: block;
    text-align: right;
}

    .stock-dealer-selection-tile-small.small-adjust {
        margin-top: -10px;
    }

.stock-dealer-selection-tile-availability {
    display: block;
    margin-top: 20px;
}

.stock-dealer-selection-tile-details .bottom-part {
    margin-top: auto;
}

.default-theme #map_StockDealerSelection {
    width: 100%;
    height: 334px;
}

@media (max-width: 991.98px) {
    #map_StockDealerSelection {
        height: 400px;
    }
}

@media (max-width: 767.98px) {
    #stock-dealer-selection-results {
        padding-top: 45px;
    }

    #stock-dealer-selection-headline {
        margin: 0 20px;
        line-height: 1;
        align-self: center;
    }

    .stock-dealer-selection-tile-outer {
        padding: 0 15px;
    }

        .stock-dealer-selection-tile-outer:last-of-type {
            margin-bottom: 20px;
        }

    .stock-more-results {
        display: none;
    }
}


/* colors */
/* fonts */
/* font sizes */
/* spacing */
/* body styles */
/* buttons */
/* header */
/* headline styles */
:root {
  --ds-link-color-dark-background: #ffffff;
  --ds-link-hover-color-dark-background: #E6E0DB;
  --ds-link-color-bright-background: #1D1717;
  --ds-link-hover-color-bright-background: #655A54;
  --ds-champagne: #C6B8AE;
  --ds-champagne-light: #d2c7be;
  --ds-champagne-dark: #B4A298;
  --ds-champagne-pale: #E9E7E1;
  --ds-carmine: #B51E41;
  --ds-black: #1A1B1B;
  --ds-white: #ffffff;
  --ds-font-bold: DSAutomobilesBold, Arial, Helvetica, sans-serif;
  --ds-font-regular: DSAutomobiles, Arial, Helvetica, sans-serif;
  --ds-gen-champane-light: #F1EFED;
  --ds-gen-champane: #AD9D91;
  --ds-gen-champane-pale: #D9DBDD;
  --ds-gen-champane-dark: #9D8C83;
  --ds-gen-lightergray: #E3E3E3;
  --ds-gen-lightgray: #C1C1C1;
  --ds-gen-gray: #ADAEB2;
  --ds-gen-darkgray: #A19A99;
  --ds-gen-darkergray: #95949B;
  --ds-gen-darkestgray: #6C757D;
  --ds-disabled: #5a5a5a;
  /* --- cta --- */
  --ds-cta-border-radius: 24px;
  --ds-cta-font-family: var(--ds-font-bold);
  --ds-cta-font-size: 16px;
  --ds-cta-letter-spacing: 0.28992px;
  --ds-cta-line-height: 20px;
  --ds-cta-padding: 14px 24px;
  --ds-cta-text-transform: uppercase;
  --ds-cta-transition-duration: .2s;
  --ds-cta-transition-timing-function: ease-out;
  /* --- cta-red --- */
  --ds-cta-red-bg: var(--ds-carmine);
  --ds-cta-red-hover-bg: var(--ds-gen-champane-dark);
  --ds-cta-red-color: var(--ds-white);
  --ds-cta-red-hover-color: var(--ds-white);
  /* --- cta-champagne --- */
  --ds-cta-champagne-bg: var(--ds-gen-champane-dark);
  --ds-cta-champagne-hover-bg: var(--ds-carmine);
  --ds-cta-champagne-color: var(--ds-white);
  --ds-cta-champagne-hover-color: var(--ds-white);
  /* --- cta-black --- */
  --ds-cta-black-bg: var(--ds-black);
  --ds-cta-black-hover-bg: var(--ds-gen-champane-dark);
  --ds-cta-black-color: var(--ds-white);
  --ds-cta-black-hover-color: var(--ds-white);
  /* --- cta-outline --- */
  --ds-cta-outline-bg: var(--ds-white);
  --ds-cta-outline-hover-bg: var(--ds-champagne-pale);
  --ds-cta-outline-color: var(--ds-black);
  --ds-cta-outline-hover-color: var(--ds-gen-champane-dark);
  --ds-cta-outline-border-color: var(--ds-black);
  --ds-cta-outline-hover-border-color: var(--ds-gen-champane-dark);
  /* --- cta-disabled --- */
  --ds-cta-disabled-bg: var(--ds-white);
  --ds-cta-disabled-color: var(--ds-disabled);
  --ds-cta-disabled-border-color: var(--ds-disabled);
  /* --- */
  --headline-font: DSAutomobiles, Arial, Helvetica, sans-serif;
  --headline-fontsize: 2.5rem;
  --headline-color: #B4A298;
  --headline-text-transform: uppercase;
  --text-black-color: #1A1B1B;
}

@font-face {
  font-family: "DSAutomobiles";
  font-weight: 400;
  font-display: swap;
  src: url(../../../fonts/ds/DS-Automobiles-Regular.woff2) format("woff2");
}
@font-face {
  font-family: "DSAutomobilesBold";
  font-weight: 700;
  font-display: swap;
  src: url(../../../fonts/ds/DS-Automobiles-Bold.woff2) format("woff2");
}
@font-face {
  font-family: "DSAutomobilesLight";
  font-weight: 300;
  font-display: swap;
  src: url(../../../fonts/ds/DS-Automobiles-Condensed-Light.woff2) format("woff2");
}
@font-face {
  font-family: "DSAutomobilesBoldCondensed";
  font-weight: 700;
  font-stretch: condensed;
  font-display: swap;
  src: url("../../../fonts/ds/DS-Automobiles-Condensed-Bold.woff2") format("woff2");
}
/* @TODO Replace 'DS Light' in font-family with "DSAutomobilesLight" and remove this font-face */
@font-face {
  font-family: "DS Light";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local("DS Light"), url("../../../fonts/ds/DSAutomobilesPro-Light.eot");
  src: local("DS Light"), url("../../../fonts/ds/DSAutomobilesPro-Light.eot?#iefix") format("embedded-opentype"), url("../../../fonts/ds/DSAutomobilesPro-Light.woff2") format("woff2"), url("../../../fonts/ds/DSAutomobilesPro-Light.woff") format("woff"), url("../../../fonts/ds/DSAutomobilesPro-Light.svg") format("svg");
}
html {
  font-size: 16px;
  text-size-adjust: 100%;
  position: relative;
  min-height: 100%;
}
@media (min-width: 1400px) {
  html {
    font-size: clamp(1rem, 0.735vw + 0.118rem, 2rem);
  }
}

body {
  background-color: #1D1717;
  color: #1A1B1B;
  font-family: "DSAutomobiles", Arial, Helvetica, sans-serif;
}
@media (max-width: 991.98px) {
  body:has(#sticky-buttons) {
    padding-bottom: 90px;
  }
}

dl {
  margin-bottom: 0;
}
dl dt {
  font-family: "DSAutomobilesBold", Arial, Helvetica, sans-serif;
}

/* Bootstrap overwrites and additions
-------------------------------------------------- */
/* Bootstrap 5 additional Container width */
@media (min-width: 1400px) {
  .container {
    max-width: 82.5rem;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .container {
    max-width: 100%;
  }
}

/* overwrite bootstrap navbar with container */
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
  /* @include media-breakpoint-down(lg) {
    padding-right: 15px;
    padding-left: 15px;
  } */
}
@media (max-width: 575.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

/*
 * btn extensions
 */
.button-orange-arrow-right, .home-index-lane-tile-cta .btn, .btn-primary,
.btn-secondary {
  font-size: 1rem;
  color: #ffffff;
  font-family: "DSAutomobilesBold", Arial, Helvetica, sans-serif;
  line-height: 1.25;
  border-radius: 1.5rem;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.28992px;
  border: 2px solid transparent;
  padding: 0.75rem 1.5rem;
  transition: all 0.3s ease 0s;
}
.button-orange-arrow-right:hover, .home-index-lane-tile-cta .btn:hover, .btn-primary:hover,
.btn-secondary:hover {
  border-color: transparent;
}
.button-orange-arrow-right:active, .home-index-lane-tile-cta .btn:active, .btn-primary:active,
.btn-secondary:active, .button-orange-arrow-right:focus, .home-index-lane-tile-cta .btn:focus, .btn-primary:focus,
.btn-secondary:focus {
  border-color: transparent;
  outline: none;
}

.btn-outline.btn-secondary:not(:disabled):not(.disabled), .btn-outline.button-orange-arrow-right:not(:disabled):not(.disabled), .home-index-lane-tile-cta .btn-outline.btn:not(:disabled):not(.disabled), .btn-outline.btn-primary:not(:disabled):not(.disabled) {
  background-color: transparent;
  border: 2px solid;
}
.btn-outline.btn-secondary:hover:not(:disabled):not(.disabled), .btn-outline.button-orange-arrow-right:hover:not(:disabled):not(.disabled), .home-index-lane-tile-cta .btn-outline.btn:hover:not(:disabled):not(.disabled), .btn-outline.btn-primary:hover:not(:disabled):not(.disabled) {
  background-color: transparent;
}
.btn-icon.btn-outline.btn-secondary:not(:disabled):not(.disabled), .btn-icon.btn-outline.button-orange-arrow-right:not(:disabled):not(.disabled), .home-index-lane-tile-cta .btn-icon.btn-outline.btn:not(:disabled):not(.disabled), .btn-icon.btn-outline.btn-primary:not(:disabled):not(.disabled) {
  padding: 0.75rem 3rem 0.75rem 1.5rem;
}

.btn-icon.btn-secondary, .btn-icon.button-orange-arrow-right, .home-index-lane-tile-cta .btn-icon.btn, .btn-icon.btn-primary {
  position: relative;
  padding-right: 3rem;
}
.btn-icon.btn-secondary i, .btn-icon.button-orange-arrow-right i, .home-index-lane-tile-cta .btn-icon.btn i, .btn-icon.btn-primary i {
  position: absolute;
  right: 0.75rem;
  left: inherit;
}

.btn-secondary:disabled, .disabled.btn-secondary, .home-index-lane-tile-cta .btn-secondary.home-index-lane-tile-cta-disabled, .button-orange-arrow-right:disabled, .home-index-lane-tile-cta .btn:disabled, .btn-primary:disabled, .disabled.button-orange-arrow-right, .home-index-lane-tile-cta .home-index-lane-tile-cta-disabled.button-orange-arrow-right, .home-index-lane-tile-cta .disabled.btn, .home-index-lane-tile-cta .btn.home-index-lane-tile-cta-disabled, .disabled.btn-primary, .home-index-lane-tile-cta .btn-primary.home-index-lane-tile-cta-disabled {
  color: #5a5a5a;
  background: #ffffff;
  border: 2px solid #5a5a5a;
  opacity: 1;
  pointer-events: none;
}
.btn-secondary:hover:disabled, .disabled.btn-secondary:hover, .home-index-lane-tile-cta .btn-secondary.home-index-lane-tile-cta-disabled:hover, .button-orange-arrow-right:hover:disabled, .home-index-lane-tile-cta .btn:hover:disabled, .btn-primary:hover:disabled, .disabled.button-orange-arrow-right:hover, .home-index-lane-tile-cta .home-index-lane-tile-cta-disabled.button-orange-arrow-right:hover, .home-index-lane-tile-cta .disabled.btn:hover, .home-index-lane-tile-cta .btn.home-index-lane-tile-cta-disabled:hover, .disabled.btn-primary:hover, .home-index-lane-tile-cta .btn-primary.home-index-lane-tile-cta-disabled:hover, .btn-secondary:focus:disabled, .disabled.btn-secondary:focus, .home-index-lane-tile-cta .btn-secondary.home-index-lane-tile-cta-disabled:focus, .button-orange-arrow-right:focus:disabled, .home-index-lane-tile-cta .btn:focus:disabled, .btn-primary:focus:disabled, .disabled.button-orange-arrow-right:focus, .home-index-lane-tile-cta .home-index-lane-tile-cta-disabled.button-orange-arrow-right:focus, .home-index-lane-tile-cta .disabled.btn:focus, .home-index-lane-tile-cta .btn.home-index-lane-tile-cta-disabled:focus, .disabled.btn-primary:focus, .home-index-lane-tile-cta .btn-primary.home-index-lane-tile-cta-disabled:focus, .btn-secondary:active:disabled, .disabled.btn-secondary:active, .home-index-lane-tile-cta .btn-secondary.home-index-lane-tile-cta-disabled:active, .button-orange-arrow-right:active:disabled, .home-index-lane-tile-cta .btn:active:disabled, .btn-primary:active:disabled, .disabled.button-orange-arrow-right:active, .home-index-lane-tile-cta .home-index-lane-tile-cta-disabled.button-orange-arrow-right:active, .home-index-lane-tile-cta .disabled.btn:active, .home-index-lane-tile-cta .btn.home-index-lane-tile-cta-disabled:active, .disabled.btn-primary:active, .home-index-lane-tile-cta .btn-primary.home-index-lane-tile-cta-disabled:active {
  color: #5a5a5a;
  background: #ffffff;
  border: 1px solid #E6E0DB;
}

.button-orange-arrow-right, .home-index-lane-tile-cta .btn, .btn-primary {
  background-color: #B51E41;
}
.button-orange-arrow-right:hover, .home-index-lane-tile-cta .btn:hover, .btn-primary:hover, .button-orange-arrow-right:focus, .home-index-lane-tile-cta .btn:focus, .btn-primary:focus, .button-orange-arrow-right:active, .home-index-lane-tile-cta .btn:active, .btn-primary:active, .active.button-orange-arrow-right, .home-index-lane-tile-cta .active.btn, .active.btn-primary {
  background-color: #9D8C83;
  color: #ffffff;
  text-decoration: none;
}
.btn-outline.button-orange-arrow-right:not(:disabled):not(.disabled), .home-index-lane-tile-cta .btn-outline.btn:not(:disabled):not(.disabled), .btn-outline.btn-primary:not(:disabled):not(.disabled) {
  border-color: #B51E41;
  color: #B51E41;
}
.btn-outline.button-orange-arrow-right:not(:disabled):not(.disabled):hover, .home-index-lane-tile-cta .btn-outline.btn:not(:disabled):not(.disabled):hover, .btn-outline.btn-primary:not(:disabled):not(.disabled):hover {
  border-color: #9D8C83;
  color: #9D8C83;
}
.btn-secondary {
  background-color: #B4A298;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .active.btn-secondary {
  background-color: #9D8C83;
}
.btn-outline.btn-secondary:not(:disabled):not(.disabled) {
  border-color: #B4A298;
  color: #B4A298;
}
.btn-outline.btn-secondary:not(:disabled):not(.disabled):hover {
  border-color: #9D8C83;
  color: #9D8C83;
}
.btn-lg {
  font-size: 1.125rem;
}

.btn-sm {
  font-size: 0.875rem;
  padding-bottom: 0.516rem;
  padding-top: 0.516rem;
}

/*
 * btn classes
 */
.offer-theme .btn-primary,
.offer-theme .btn-secondary {
  color: #ffffff;
}

/*
 * Remove after refactor modules. Only use btn-classes
 */
/* Refacor: add btn-primary class to home-index-lane-tile-cta button */
/* Refacor: replace button-orange-arrow-right for btn-icon with <i class="fas fa-chevron-right"></i> */
.button-orange-arrow-right {
  position: relative;
}

.main-headline h1, .headline {
  font-family: var(--headline-bold);
  font-size: var(--headline-fontsize);
  text-transform: var(--headline-text-transform);
}

.main-headline {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
.main-headline h1 {
  color: var(--headline-color);
}

.banner-holder {
  background-color: #B51E41;
}
.banner-holder .carousel.carousel-fade .carousel-inner {
  display: flex;
}
.banner-holder .carousel.carousel-fade .carousel-item {
  align-self: center;
  display: block;
  opacity: 0;
  transition: opacity ease-out 1s;
}
.banner-holder .carousel.carousel-fade .carousel-item.active {
  opacity: 1 !important;
}

.banner {
  height: 100%;
  padding: 0.625rem 0;
  text-align: center;
}

.banner-inner {
  height: 100%;
  position: relative;
}

.banner-link:hover {
  color: #ffffff;
  text-decoration: none;
}

.banner-text {
  font-size: 0.875rem;
  font-family: "DSAutomobiles", Arial, Helvetica, sans-serif;
  color: #ffffff;
}
@media (min-width: 768px) {
  .banner-text {
    font-size: 1rem;
  }
}
.banner-text strong {
  font-family: "DSAutomobilesBold", Arial, Helvetica, sans-serif;
}

/*
 * Header DS
 */
header {
  background: #1A1B1B;
  min-height: 3.5rem;
}
header .navbar {
  padding-bottom: 0;
}
header .navbar .navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
  padding-top: 0px;
  max-width: calc(100% - 4.375rem);
}
header .navbar .navbar-brand .logo {
  margin-bottom: 0;
  margin-top: 0.9375rem;
  width: auto;
  height: 4.125rem;
}
header .navbar-nav {
  margin-top: 2.1875rem;
}
@media (max-width: 991.98px) {
  header .navbar-nav {
    margin-top: 0;
  }
}
header .navbar-nav img {
  display: none;
  vertical-align: sub;
}
@media (max-width: 991.98px) {
  header .navbar-nav img {
    display: inline-block;
  }
}
header .navbar-light {
  padding-top: 0;
  box-shadow: none;
}
header .navbar-light .navbar-toggler {
  color: #fff;
  border: none;
}
header .navbar-light .navbar-toggler:focus {
  outline: none;
}
header .navbar-light .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after {
  content: "\f00d";
}
header .navbar-light .navbar-toggler-icon {
  background-image: none;
  width: 2em;
  height: 2em;
}
header .navbar-light .navbar-toggler-icon:after {
  font-size: 2.5rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 800;
  content: "\f0c9";
  color: #E9E7E1;
}
header .navbar-mobile-icon-wrap {
  display: none;
  width: 2.3125rem;
  text-align: center;
}
@media (max-width: 991.98px) {
  header .navbar-mobile-icon-wrap {
    display: inline-block;
  }
}
header ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 991.98px) {
  header ul {
    margin-left: 0px;
    padding-top: 0.625rem;
  }
}
header ul li {
  position: relative;
  padding-top: 0.625rem;
}
header ul li a {
  font-size: 1.125rem;
  border-bottom: 2px solid transparent;
  color: #ffffff;
  display: inline-block;
  margin: 0 0.625rem;
  font-family: "DSAutomobiles", Arial, Helvetica, sans-serif;
  line-height: 1.15;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.25s ease;
  padding-bottom: 0.4375rem;
  position: relative;
}
@media (min-width: 992px) {
  header ul li a {
    font-size: 0.9375rem;
  }
}
@media (min-width: 992px) {
  header ul li a {
    display: block;
    font-family: "DSAutomobilesBold", Arial, Helvetica, sans-serif;
    margin: 0 0.9375rem;
  }
}
header ul li a:hover {
  color: #ffffff;
  border-color: #d2c7be;
  text-decoration: none;
}
header ul li a.active {
  color: #B51E41;
  font-family: "DSAutomobilesBold", Arial, Helvetica, sans-serif;
}
header ul li a.navbar-link-active {
  color: #d2c7be;
  border-color: #d2c7be;
}

/*
 * End Header DS
 */
/* Begin Footer */
.footer {
  background: #1A1B1B;
  padding-top: 0.9375rem;
  padding-bottom: 1.5625rem;
}
@media (max-width: 575.98px) {
  .footer {
    text-align: center;
  }
}
.footer .navigation {
  margin-bottom: 1.75rem;
}
.footer .navigation ul {
  list-style-type: none;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
@media (min-width: 992px) {
  .footer .navigation ul {
    max-width: 18.875rem;
  }
}
.footer .navigation ul li {
  font-family: "DSAutomobiles", Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 1rem;
}
.footer .navigation ul li .adress-bold {
  font-family: "DSAutomobilesBold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 0.9375rem;
}
.footer .navigation ul li span,
.footer .navigation ul li .email {
  font-size: 0.875rem;
}
.footer .navigation ul li a {
  font-size: 0.9375rem;
  color: #AD9D91;
  text-decoration: none;
}
.footer .navigation ul li a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/* End Footer */
.home-index-lanes-caption {
  color: #B4A298;
  font-family: "DSAutomobilesBold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin: 0.625rem auto;
  font-size: 1.625rem;
}
@media (min-width: 768px) {
  .home-index-lanes-caption {
    font-size: 3rem;
  }
}
@media (min-width: 768px) {
  .home-index-lanes-caption {
    font-size: 3rem;
    margin: 2.5rem auto;
  }
}

.home-index-lane-tiles {
  margin-bottom: 1.25rem;
}
@media (min-width: 992px) {
  .home-index-lane-tiles {
    margin-bottom: 5rem;
  }
}
@media (max-width: 991.98px) {
  .home-index-lane-tiles .home-index-lane-tile {
    margin-bottom: 1.25rem;
  }
  .home-index-lane-tiles .home-index-lane-tile:last-of-type {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .home-index-lane-tiles .home-index-lane-tile {
    padding: 0;
  }
}

.home-index-lane-tile-outer {
  border: 2px solid #B4A298;
}
@media (min-width: 768px) {
  .home-index-lane-tile-outer {
    margin-right: -0.125rem;
  }
}
@media (min-width: 992px) {
  .home-index-lane-tiles .home-index-lane-tile:not(:last-child) .home-index-lane-tile-outer {
    border-right-color: transparent;
  }
}

.home-index-lane-tile-wrapper {
  height: 100%;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.home-index-lane-tile-content {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 1.25rem;
}

.home-index-lane-tile-image img {
  width: 100%;
}

.home-index-lane-tile-name h2 {
  font-size: 1.375rem;
  font-family: "DSAutomobilesBold", Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 0.9375rem;
}
@media (min-width: 768px) {
  .home-index-lane-tile-name h2 {
    font-size: 1.5rem;
  }
}

.home-index-lane-tile-description {
  text-align: center;
  margin-bottom: 1.875rem;
}
.home-index-lane-tile-description span {
  display: block;
}

.content-container-four-steps {
  background-color: #E9E7E1;
  min-height: 25rem;
  padding: 1.25rem 0;
  position: relative;
}
.content-container-four-steps:before {
  content: "";
  background: linear-gradient(270deg, #E9E7E1 69.08%, rgba(236, 236, 238, 0) 98.23%);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .content-container-four-steps {
    background-image: url("/img/ds/startseite/four_steps_background_desktop.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    padding: 2.5rem;
  }
}

.four-steps-tile-outer {
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .four-steps-tile-outer {
    margin-bottom: 0;
  }
}

.four-steps-tile-inner {
  background-color: #ffffff;
  padding: 1.25rem 0.625rem 1.875rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .four-steps-tile-inner {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
    margin-bottom: 0px;
  }
}

.four-steps-headline {
  color: #1A1B1B;
  font-family: "DSAutomobilesBold", Arial, Helvetica, sans-serif;
  margin-bottom: 1.25rem;
  text-align: center;
  text-transform: uppercase;
}
.four-steps-headline h2 {
  color: #1A1B1B;
  font-size: 1.75rem;
}
@media (min-width: 768px) {
  .four-steps-headline h2 {
    font-size: 2.25rem;
  }
}

.four-steps-description {
  color: #1A1B1B;
  margin: 0 auto 2.5rem;
  text-align: center;
}

.four-steps-tile-number {
  font-family: "DSAutomobilesBold", Arial, Helvetica, sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-size: 3rem;
}

.four-steps-tile-name {
  font-family: "DSAutomobilesBold", Arial, Helvetica, sans-serif;
  margin-bottom: 1.25rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.375rem;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .four-steps-tile-name {
    font-size: 1.5rem;
  }
}

.four-steps-tile-description {
  text-align: center;
}

.info-box-wrapper {
  margin-top: 2.5rem;
  margin-bottom: 3.75rem;
  max-width: none;
}
@media (max-width: 991.98px) {
  .info-box-wrapper {
    margin-bottom: 2.5rem;
    min-width: 100%;
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .info-box-wrapper {
    margin-bottom: 0;
  }
}
.info-box-wrapper .info-box {
  display: block;
  padding-top: 4px;
  width: 100%;
  text-decoration: none;
  color: #1A1B1B;
  transition: all 0.25s ease;
}
@media (max-width: 767.98px) {
  .info-box-wrapper .info-box {
    margin-bottom: 20px;
  }
}
.info-box-wrapper .info-box a:hover .headline-key-facts, .info-box-wrapper .info-box:is(a):hover .headline-key-facts {
  color: #B51E41;
}
.info-box-wrapper .info-box img {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
  margin-left: 0;
}
@media (min-width: 768px) {
  .info-box-wrapper .info-box img {
    max-width: none;
  }
}
@media (max-width: 991.98px) {
  .info-box-wrapper .info-box img {
    margin-bottom: 0;
  }
}

.headline-key-facts {
  font-size: 1.125rem;
  font-family: "DSAutomobiles", Arial, Helvetica, sans-serif;
  color: #C6B8AE;
  margin-bottom: 0px;
  text-transform: uppercase;
  text-align: center;
  transition: 0.3s;
  padding: 10px;
}

.contact-box {
  background-color: #E9E7E1;
  font-family: "DSAutomobiles", Arial, Helvetica, sans-serif;
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.contact-box .contact-box-text {
  background-color: #1A1B1B;
  border: 0.3125rem solid #1A1B1B;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
  padding: 2rem 1rem;
}
@media (min-width: 768px) {
  .contact-box .contact-box-text {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .contact-box .contact-box-text {
    padding: 4rem 6rem;
  }
}
.contact-box .contact-box-text .headline {
  color: #ffffff;
  font-size: 1.25rem;
  line-height: 1.2;
}
@media (min-width: 992px) {
  .contact-box .contact-box-text .headline {
    font-size: 1.5rem;
  }
}
.contact-box .contact-box-text .headline + p {
  font-family: "DSAutomobilesBold", Arial, Helvetica, sans-serif;
}
.contact-box .contact-box-text p {
  color: #AD9D91;
  margin-bottom: 1rem;
}
.contact-box .contact-box-text p:last-of-type {
  margin-bottom: 0;
}
.contact-box .contact-box-info {
  background-color: #ffffff;
  border: 0.3125rem solid #1A1B1B;
  color: #1A1B1B;
  font-family: "DSAutomobilesBold", Arial, Helvetica, sans-serif;
  line-height: 1.4;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 2rem;
}
@media (max-width: 767.98px) {
  .contact-box .contact-box-info {
    justify-content: center;
    text-align: center;
  }
}
.contact-box .contact-box-info .contact-us {
  font-size: 1rem;
}
.contact-box .contact-box-info .contact-us-phone {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
@media (min-width: 992px) {
  .contact-box .contact-box-info .contact-us-phone {
    font-size: 1.5rem;
  }
}
.contact-box .contact-box-info .btn-container {
  margin-top: 0.625rem;
}
.contact-box .contact-box-legal-info {
  color: #1A1B1B;
  font-size: 1rem;
  line-height: 1.5;
  margin: 1rem 0;
}
.contact-box .contact-box-legal-info a {
  color: inherit !important;
  text-decoration: underline;
}
.contact-box .contact-box-legal-info a:hover {
  text-decoration: none;
}

/*
*  Refactoring Parts
*/
.content-container-grey {
  background-color: #1A1B1B;
}

.content-container-grey.mt-distance {
  margin-top: 0.625rem;
}
@media (min-width: 768px) {
  .content-container-grey.mt-distance {
    margin-top: 1.875rem;
  }
}
@media (min-width: 992px) {
  .content-container-grey.mt-distance {
    margin-top: 3.125rem;
  }
}