.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-wrap-balance {
    text-wrap: balance;
}

.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;
}

    a:has(.icon) {
        text-decoration: underline !important;
        padding: 0 0 !important;
    }

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

/* END PSA*/

/* Begin Site elements */

.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;
}

.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 table,
.motor-tarif-box-wrapper .summary-details-columns-container table {
    width: 100%;
    table-layout: fixed;
}

    .tarif2-box-wrapper .summary-tarif-columns-container table td:first-child,
    .motor-tarif-box-wrapper .summary-details-columns-container table td:first-child {
        width: 250px;
    }

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

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

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

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

    .tarif2-box-wrapper .summary-tarif-columns-container table td:first-child,
    .motor-tarif-box-wrapper .summary-details-columns-container table td:first-child {
        width: 100%;
    }
}

.tarif2-box-wrapper .summary-tarif-columns-container th,
.tarif2-box-wrapper .summary-tarif-columns-container td,
.motor-tarif-box-wrapper .summary-details-columns-container th,
.motor-tarif-box-wrapper .summary-details-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: -8px;
    }

    .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;
        gap: 10px;
        align-items: center;
        justify-content: flex-end;
    }

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

.icon, .icon-insert {
    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 (max-width: 768px) {
    .result-border-box .car-list-item .button-orange-arrow-right {
        width: 100%;
    }
}

@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);
}

/*
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;
}


/*@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--bootstrap-5 .select2-selection--multiple .select2-selection__choice,
#extended-search-parameters .select2-container--bootstrap-5 .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--bootstrap-5 .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;
}

.modal-header .btn-close:focus {
    outline: none;
    box-shadow: none;
}

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--bootstrap-5 .select2-results__option--highlighted,
.select2-container--bootstrap-5 .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--bootstrap-5 .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;
}

.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, .preorder-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;
    }

.swal2-html-container {
    font-family: var(--lm-font-regular);
}

.font-weight-bold {
    font-family: var(--lm-font-bold);
    font-weight: normal;
}

b, strong {
    font-family: var(--lm-font-bold);
    font-weight: normal;
}

.default-theme main p a {
    color: var(--lm-blue);
}

.logo2022 {
    max-width: 160px;
    margin: 0 auto;
}

.border-box-headline {
    background-color: var(--lm-blue);
}

.default-theme .container.imprint a,
.default-theme .container.data-privacy-information a,
.default-theme .container.legal a {
    color: var(--lm-blue);
    text-decoration: underline;
    transition: all 0.1s ease-in-out;
}

@media print, screen and (max-width: 448px) {
    .offer-theme #input-location-modal-search-wrap {
        row-gap: 15px;
    }

    .offer-theme main .container .row.input-location-store-map-wrap {
        margin-top: 15px;
    }

    .offer-theme #input-location-modal-search-wrap > div:nth-child(1) {
        width: initial;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px !important;
    }

    .offer-theme #input-location-modal-search-wrap div:nth-child(2) {
        width: initial;
        flex: 0 0 90%;
        max-width: 90%;
        padding-left: 15px !important;
    }

    .offer-theme #input-location-modal-search-wrap div:nth-child(3) {
        width: initial;
        flex: 0 0 10%;
        max-width: 10%;
        text-align: right;
        padding-right: 15px !important;
    }
}

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

.result-border-box .text-legal, .result-border-box .text-transport-costs {
    font-size: 11px;
    margin-top: -5px;
}

.headline {
    font-family: var(--headline-font);
    font-size: var(--headline-fontsize);
}

.headline.headline-results {
    font-family: var(--lm-font-regular);
    color: #3c3947;
    font-size: 20px;
}

.page-li-active span {
    border: 2px solid var(--lm-blue) !important;
    color: var(--lm-blue);
}

.car-list-item .button-orange-arrow-right {
    background-color: var(--lm-blue);
    border: none;
    font-size: 15px;
}

@media (max-width: 1140px) {
    .car-list-item .button-orange-arrow-right {
        font-size: 12px;
    }
}

.popover {
    font-family: var(--lm-font-regular);
    border: 1px solid var(--lm-blue);
}

.bs-popover-top > .arrow::before {
    border-top-color: var(--lm-blue);
}

.bs-popover-bottom > .arrow:before {
    border-bottom-color: var(--lm-blue);
}

.bs-popover-left > .arrow:before {
    border-left-color: var(--lm-blue);
}

.bs-popover-right > .arrow:before {
    border-right-color: var(--lm-blue);
}

.popover-price, .popover-optionsseries, .popover-bafa {
    color: var(--lm-blue);
}

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

span.efficiency-class {
    color: var(--lm-blue);
    font-size: 12px;
}

.co2-dat {
    font-family: var(--lm-font-regular);
    font-size: 14px;
}

.efficiency-class-chevron {
    vertical-align: baseline;
    font-size: 16px;
}

.co2-text-background a {
    color: var(--lm-blue);
}

.car-list-item {
    border: 3px solid #b7b3b3;
}

.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;
}

.gallery .gallery-slider-controls-container {
    bottom: -32px;
}

.equipment-details-box {
}

.equipment-details-box .popup {
    border-color: var(--lm-blue);
}

.equipment-details-box .popup h3,
.equipment-details-box .popup .table-left,
.equipment-details-box .popup .table-right {
    color: #000;
}

.equipment-details-box-wrapper {
    background-color: white;
}

.equipment-details-box .sub-headline,
.motor-tarif-box .sub-headline {
    font-size: 16px;
}

.gallery .headline {
    color: #95949b;
}

.button-white-greyborder-arrow-left {
    color: var(--lm-blue) !important;
    border: none;
}

.button-white-greyborder-arrow-left:hover {
    color: #000 !important;
    background-color: #ffffff;
}

.gallery .config-layer .leasing-payment-brutto, .gallery .config-layer .leasing-payment-brutto-label {
    color: #3c3947;
}

a.red-link {
    color: var(--lm-blue);
}

.legal-info-text-wrapper .legal-info-text .highlight-headline {
    color: var(--lm-blue);
}

.legal-info-text-wrapper .legal-info-text .content a {
    color: var(--lm-grey);
    text-decoration: underline;
}

.legal-info-text-wrapper .legal-info-text .content a:hover {
    color: var(--lm-white);
}

.border-box {
    border: solid 4px #cdcdcd;
}

.button-text-toggle:before,
.button-box-toggle:before {
    background: url("/img/peugeot/arrow_down.png") top left no-repeat;
}

.button-text-download {
    color: var(--lm-blue);
}

.motor-tarif-box .listdots ul li:before,
.equipment-details-box .listdots ul li:before {
    background: var(--lm-blue);
    top: 7px;
}

.button-text-toggle:before {
    background: url("/img/peugeot/arrow_down.png") top left no-repeat;
    top: 5px;
}

.button-white-greyborder-arrow-left span {
    font-size: 14px;
}

.button-white-greyborder-arrow-left:after {
    background: url("/img/jeep/arrow_left_big.svg") top left no-repeat;
    background-size: contain;
    top: 52%;
    height: 18px;
    width: 18px;
    left: 6px;
}

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

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

.financial-offers-box .popup {
    width: 360px;
    /*height: 374px;*/
    height: 100%;
    background-color: rgba(46,65,81, 0.75);
    color: #000;
    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 #cdcdcd;
}

.border-filter-box .grey-bg {
    background-color: #f5f5f5;
}

.button-pagination a {
    color: #787475;
}

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

.page-item,
.page-link {
    border: 2px solid #b7b3b3 !important;
}

a.button-text-toggle {
    color: var(--lm-blue) !important;
}

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

.gallery .config-layer .text-registry {
    color: #3c3947;
}

.location-box .popup {
    position: relative;
    left: 0px;
    top: 0px;
}

.location-box .popup:after {
    background: none;
    display: none;
}

.tarif2-box-wrapper {
    border: 2px solid #b7b3b3;
}

.tarif2-box-wrapper.top {
    border-bottom: 0px;
}

.tarif2-box-wrapper.bottom {
    border-top: 0px;
}

.location-box {
    border: none;
}

.location-box .popup {
    border: none;
}

.legal-info-text-wrapper {
    background-color: white;
    margin-bottom: 30px;
}

.legal-info-text-wrapper .legal-info-text {
    border: 2px solid #b7b3b3;
    padding-left: 80px;
    padding-right: 80px;
}

.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: 1139.98px) {
    .legal-info-text-wrapper {
        margin-left: 0px;
        margin-right: 0px;
    }

    .legal-info-text-wrapper .legal-info-text {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@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: 575.98px) {
    .location-box-wrapper {
        margin-bottom: 30px;
    }
}

#showResultsLinkExtended {
    text-decoration: underline;
    color: var(--lm-yellow);
    font-size: 16px;
}

a {
    color: var(--lm-blue);
    text-decoration: underline;
    transition: all 0.1s ease-in-out;
}

a:hover {
    color: var(--lm-black);
}

.fairness-box-wrapper .fairness-box .headline {
    font-family: var(--lm-font-bold);
}

.fairness-box-wrapper .fairness-box .fairness-btn {
    font-family: var(--lm-font-bold);
}

.financial-offers-box .headline {
    font-family: var(--lm-font-bold);
}

.financial-offers-box .price {
    font-family: var(--lm-font-bold);
}

.financial-offers-box .bullet {
    font-family: var(--lm-font-regular);
}

.financial-offers-box .bsp {
    font-family: var(--lm-font-regular);
}

.slider .headline {
    font-family: var(--lm-font-bold);
}

.slider .content {
    font-family: var(--lm-font-bold);
}

.legal-info-text-wrapper .legal-info-text .sub-headline {
    font-family: var(--lm-font-regular);
    font-size: 16px;
}

.legal-info-text-wrapper .legal-info-text .headline {
    font-family: var(--lm-font-regular);
    font-size: 24px;
}

.legal-info-text-wrapper .legal-info-text .highlight-headline {
    font-family: var(--lm-font-regular);
    font-size: 24px;
}

.legal-info-text-wrapper .legal-info-text .content {
    font-family: var(--lm-font-regular);
}

.gallery .headline {
    font-family: var(--lm-font-bold);
    font-size: 32px;
    line-height: 1.4;
}

.gallery .sub-headline {
    font-family: var(--lm-font-regular);
    font-size: 18px;
}

.gallery .config-layer .text-top {
    font-family: var(--lm-font-regular);
    font-size: 18px;
}

.gallery .config-layer .transport-costs-separated {
    font-family: var(--lm-font-regular);
    color: var(--lm-black);
}

.gallery .config-layer .label {
    font-family: var(--lm-font-regular);
}

.gallery .config-layer .text-registry {
    font-family: var(--lm-font-regular);
}

.teaser-text {
    font-family: var(--lm-font-regular);
    font-size: 23px;
}

.sub-headline {
    font-family: var(--lm-font-bold);
    font-size: 20px;
}

.sub-headline-grey {
    font-family: var(--lm-font-bold);
    color: #3c3947;
}

.sub-headline-legal {
    font-family: var(--lm-font-regular);
}

.motor-tarif-box .listdots ul li,
.tarif2-box-wrapper .listdots ul li {
    font-family: var(--lm-font-regular);
}

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

.location-box .content-box .headline {
    font-family: var(--lm-font-bold);
    font-size: 18px;
}

.location-box .content-box .content {
    font-family: var(--lm-font-regular);
    font-size: 16px;
}

.border-box-headline {
    font-family: var(--lm-font-bold);
}

.border-box {
    font-family: var(--lm-font-regular);
}

.result-border-box {
    font-family: var(--lm-font-regular);
}

.result-border-box .car-list-detail-column {
    background: #fff;
}

.result-border-box .text-headline-layer {
    font-family: var(--lm-font-bold);
    font-size: 25px;
}

.result-border-box .text-price-layer {
    font-family: var(--lm-font-regular);
}

.result-border-box .text-layer {
    font-family: var(--lm-font-regular);
    font-size: 16px;
}

.toggle-detail {
    font-family: var(--lm-font-regular);
}

.toggle-detail:after {
    background-image: url(/img/peugeot/arrow_right_big.png);
}

.grey-box .headline {
    font-family: var(--lm-font-bold);
}

.grey-box .sub-headline {
    font-family: var(--lm-font-bold);
}

.equipment-details-box .popup h3 {
    font-family: var(--lm-font-bold);
    font-size: 20px;
}

.equipment-details-box .popup .table-left {
    font-family: var(--lm-font-regular);
    font-size: 14px;
}

.equipment-details-box .popup .table-right {
    font-family: var(--lm-font-regular);
    font-size: 14px;
}

.equipment-details-box .listdots ul li,
.motor-tarif-box .listdots ul li {
    font-family: var(--lm-font-regular);
    font-size: 16px;
}

.dealer-box-white {
    font-family: var(--lm-font-regular);
}

.listdots.list ul li {
    font-family: var(--lm-font-regular);
}

.listbold.list ul li {
    font-family: var(--lm-font-bold);
}

.button-text-download {
    font-family: var(--lm-font-regular);
    font-size: 14px;
}

.button-text-arrow-right {
    font-family: var(--lm-font-regular);
}

.button-text-arrow-left {
    font-family: var(--lm-font-regular);
}

.button-text-toggle {
    font-family: var(--lm-font-bold);
}

.button-box-toggle {
    font-family: var(--lm-font-regular);
    font-size: 16px;
}

.button-white-greyborder-arrow-left {
    font-family: var(--lm-font-bold);
}

.button-red-arrow-right,
.button-white-arrow-right,
.summary-cta .button-orange-arrow-right,
.summary-cta2 .button-orange-arrow-right {
    /*background-color: var(--lm-blue);*/
    background-color: var(--lm-black);
    font-family: var(--lm-font-bold);
    font-size: 16px;
    line-height: 1.5;
    padding: 12px 20px;
    display: inline-block;
    text-align: center;
    /*text-transform: uppercase;*/
    text-transform: initial;
    color: var(--lm-white);
    border: none;
    min-width: initial;
    transition: all 0.3s ease 0s;
}

.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 {
    color: #fff;
    /*background-color: var(--lm-blue-dark);*/
    background-color: var(--lm-blue);
}

.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: #fff;
}

.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;
    background-color: var(--lm-blue);
    color: var(--lm-white);
    text-transform: uppercase;
    font-family: var(--lm-font-bold);
    font-size: 16px;
    line-height: 1.5;
    padding: 12px 20px;
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease 0s;
}

.blue-button-border-only-arrow-right:hover {
    color: var(--lm-white);
    background-color: #000;
    border-color: #000;
}

.button-orange-aim-right {
    font-family: var(--lm-font-regular);
}

.button-white-arrow-right {
    font-family: var(--lm-font-bold);
}

.button-blue {
    font-family: var(--lm-font-regular);
}

.button-orange {
    font-family: var(--lm-font-regular);
}

.button-grey {
    font-family: var(--lm-font-bold);
}

.button-pagination {
    font-family: var(--lm-font-bold);
}

.labelOutputSmall,
.labelInputMain,
.labelInputSub,
.labelOutput {
    font-family: var(--lm-font-bold);
    font-size: 16px;
}

.labelInputSub {
    font-size: 14px;
}

.labelOutputSmall {
    font-size: 14px;
}

.page-item {
    font-family: var(--lm-font-bold);
}

.contact h2 {
    font-family: var(--lm-font-regular);
}

.contact h3 {
    font-family: var(--lm-font-regular);
}

.contact h4 {
    font-family: var(--lm-font-regular);
}

.contact p {
    font-family: var(--lm-font-regular);
}

.contact .adjustHeading {
    font-family: var(--lm-font-regular);
}

.about .headline {
    font-family: var(--lm-font-bold);
    font-size: 28px;
}

.about .headline_red {
    font-family: var(--lm-font-bold);
}

.red-button-border-only-arrow-right {
    font-family: var(--lm-font-regular);
}

.co2-text-background {
    font-family: var(--lm-font-regular);
}

.googleMapsInfoWindow {
    font-family: var(--lm-font-regular);
}

.googleMapsInfoWindow .button-red-arrow-right {
    font-family: var(--lm-font-bold);
}

ul.pagination > .disabled.number {
    padding-left: 9px;
}

.header-pdf {
    border-bottom: 2px solid var(--lm-blue);
}

.border-box-pdf {
    border: solid 4px #b7b3b3;
}

.sub-headline-grey {
    color: #3c3947;
}

.listdots.list ul li:before {
    background: var(--lm-blue);
}

h1.tradename {
    font-size: 32px;
    font-weight: bold;
}

.leasing-payment-brutto-pdf {
    font-family: var(--lm-font-regular);
}

/*begin about*/
.headline_blue,
.about .headline_red {
    font-family: var(--lm-font-bold);
    font-size: 36px;
    color: var(--lm-blue);
    margin-bottom: 10px;
    text-transform: uppercase;
}

.button-box-toggle span:hover {
    color: var(--lm-blue) !important;
    text-decoration: none;
}

.consumption-data {
    text-align: justify;
    font-size: 14px;
    line-height: 1.7;
}

.googleMapsInfoWindow .button-red-arrow-right {
    border-color: var(--lm-blue);
    background-color: var(--lm-blue);
}

.googleMapsInfoWindow .button-red-arrow-right:hover span {
    color: var(--lm-blue);
}

.googleMapsInfoWindow .button-red-arrow-right:hover:after {
    background: url(/img/peugeot/arrow_right_big.png) top left no-repeat;
}

.fairness-box-wrapper .fairness-box .headline.digital100 {
    font-size: 33px;
}

.icon {
    font-family: var(--lm-font-regular); /* light font */
    font-size: 13px;
}

.financial-offers-box .icon {
    color: #fff;
}

.breadcrumb-fastlane a,
.breadcrumb-fastlane-inactive {
    color: #c2c2c2;
    font-size: 15px;
    font-family: var(--lm-font-bold);
}

.breadcrumb-fastlane-active {
    font-size: 15px;
    font-family: var(--lm-font-bold);
}

.breadcrumb-fastlane a:hover {
    color: var(--lm-blue);
}

.our-promise-checklist {
    font-family: var(--lm-font-bold);
    font-size: 22px;
    color: #000000;
}

.our-promise-headline {
    font-family: var(--lm-font-bold);
    font-size: 40px;
    line-height: 0.90;
    text-transform: uppercase;
    color: #000000;
    margin: 30px 0;
}

.our-promise-checklist ul li:before {
    background-image: url("/img/peugeot/check-icon.png");
}

.result-border-box .car-list-image-wrapper img {
    width: calc(100% + 62px);
}

@media print, screen and (min-width: 992px) {
    .result-border-box .car-list-image-wrapper img {
        width: calc(100% + 30px);
    }
}

.about_body {
    font-family: var(--lm-font-regular);
    font-size: 16px;
}

.about_body .text-uppercase {
    font-family: var(--lm-font-regular);
    font-size: 24px;
}

.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(--lm-font-regular);
    font-size: 16px;
}

.location-box .popup .headline {
    font-family: var(--lm-font-bold);
    font-size: 18px;
}

.location-box .popup .content {
    font-family: var(--lm-font-regular);
    font-size: 16px;
}

.faq-wrapper {
    font-family: var(--lm-font-regular);
    font-size: 1rem;
}

    .faq-wrapper h2 {
        font-family: var(--lm-font-regular);
        font-size: 1.5rem;
    }

.faq-wrapper .card {
    margin-bottom: 1rem;
    border-radius: 0;
    background-color: var(--lm-grey);
    border: 0 none;
}

    .faq-wrapper .card-header {
        border-radius: 0;
        border: 0 none;
        background-color: var(--lm-lightgrey);
    }

.faq-wrapper .card-header button {
    font-size: 16px;
}

.faq-wrapper .card-header button:hover {
    color: var(--lm-black);
}

.faq-wrapper .card-header button:focus {
    text-decoration: none;
}

    .faq-wrapper .card-body {
        background: var(--lm-white);
        border: 1px solid var(--lm-lightgrey);
    }

.dealer-distance {
    font-family: var(--lm-font-bold);
    font-size: 11px;
}

#vwf-details-table td {
    font-family: var(--lm-font-bold);
    font-size: 16px;
}

/* MEDIA QUERIES */

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

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

@media print, screen and (max-width: 575.98px) {
    .result-border-box .car-list-image-wrapper img {
        width: 100%;
    }

    .headline_blue,
    .about .headline_red {
        font-size: 28px;
    }

    .about .headline {
        font-size: 18px;
    }

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

    .result-border-box .car-list-item .button-orange-arrow-right {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .tarif2-box {
        padding: 0;
    }

    #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(--lm-font-regular);
}

.highlight-offers .model {
    font-family: var(--lm-font-bold);
    font-size: 25px;
    line-height: 1.2;
}

.highlight-offers .vehicle-price-from,
.highlight-offers .vehicle-price {
    font-family: var(--lm-font-bold);
    font-size: 30px;
}

.highlight-offers .legal {
    color: var(--lm-black);
    margin-top: -5px;
}

.highlight-offers-slider .offer-item {
    border: 1px solid var(--lm-border-color);
    overflow: hidden;
}

.highlight-offers-slider .offer-item .description {
    border: 0 none;
    background: var(--lm-white);
    color: var(--lm-black);
}

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

.Rectangle {
    background-color: #9a9192;
}

@media print, screen and (min-width: 992px) {
    .Rectangle .inner {
        background-color: var(--lm-blue);
        border: solid 2px #9a9192;
    }

    .Rectangle .inner:before {
        border-color: transparent transparent transparent #9a9192;
    }

    .Rectangle:after {
        right: -2px;
        border-color: transparent transparent transparent var(--lm-blue);
    }
}

.step-wrapper {
    font-family: var(--lm-font-bold);
    font-size: 13px;
}

.our-promise-headline {
    font-size: 30px;
    line-height: 1.4;
    font-size: 30px;
    margin: 20px 0;
    text-align: center;
}

@media (min-width: 768px) {
    .our-promise-headline {
        font-size: 35px;
    }
}

.tarif2-box-wrapper table td {
    font-family: var(--lm-font-regular);
    font-size: 16px;
}

.tarif2-box-wrapper table td:last-child {
    font-family: var(--lm-font-regular);
}

/* 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-price-layer {
        font-size: 19px;
    }

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

    .equipment-details-box-wrapper {
        padding: 0
    }

    .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(--lm-blue);
    background-image: url("/img/jeep/testdrive.svg");
    background-position: 50% 15px;
}

#sticky-buttons li.leasing {
    background-image: url("/img/jeep/leasing.svg");
}

#sticky-buttons li.chat {
    background-image: url("/img/jeep/chat.svg");
}

#sticky-buttons li a,
#sticky-buttons li span {
    font-family: var(--lm-font-regular);
    font-size: 11px;
    line-height: 1.2;
    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;
    height: auto;
    margin: 0 auto;
}

.error-message-container {
    padding-top: 20px;
}

.error-message-container h1 {
    font-family: var(--lm-font-bold);
    font-size: 26px;
    color: #535556;
    text-transform: uppercase;
}

.error-message-container p {
    font-family: var(--lm-font-regular);
    font-weight: 400;
    font-size: 14px;
    padding: 20px 0;
}

.maintenance-mode-redirect-container p {
    font-family: var(--lm-font-regular);
}

.maintenance-mode-redirect-container a {
    color: var(--lm-blue) !important;
}

.maintenance-mode-redirect-container .redirect-countdown-wrap {
    font-family: var(--lm-font-bold);
}

@media (min-width: 40em) {
    .footer .navigation ul {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .footer .navigation ul {
        max-width: 302px;
    }
}

@media print, screen and (min-width: 576px) {
    .result-border-box .image-layer {
        margin: 0 -15px;
    }
}

@media print, screen and (min-width: 992px) {
    .result-border-box .image-layer {
        margin: 0;
    }
}

@media print, screen and (max-width: 991.98px) {
    .demonstration-label-list {
        width: 95px;
        margin-top: 5px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 991.98px) {
    .demonstration-label-list {
        width: 110px;
        float: none !important;
        margin: auto;
        margin-right: 5px;
    }
}

@media (max-width: 375.98px) {
    .demonstration-label-list {
        width: 86px;
        float: none !important;
        margin: auto;
        margin-right: 5px;
        padding-top: 2px;
    }

    .result-border-box .push-label-list {
        width: 20px;
        margin-right: 2px;
    }
}

/* Highlight Headline */
.highlights-caption h3 {
    font-family: var(--lm-font-bold);
    color: var(--lm-black);
    font-size: 30px;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 30px 0;
    text-align: center;
}

/*BEGIN JEEP */
.faq-wrapper .card-header button {
    text-transform: uppercase;
}

/* Site overwrites without .store-theme */
::placeholder {
    color: var(--lm-placeholder-color) !important;
    opacity: 1; /* Firefox */
}

input[type="text"],
input[type="email"],
textarea {
    --_border-width: 1px;
    font-family: var(--lm-font-regular);
    font-size: 1rem;
    border: var(--_border-width) solid var(--lm-border-color) !important;
    line-height: calc(1.5em + 0.75rem);
    color: var(--lm-black) !important;
}

input[type="text"],
input[type="email"] {
    height: calc(1.5em + .75rem + var(--_border-width) * 2);
}

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

/*
 * Switch Toggle
 */
.switch-field {
    display: flex;
    margin-bottom: 20px;
}

@media print, screen and (min-width: 768px) {
    .switch-field {
        margin-bottom: 0;
    }
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    background-color: #EAEBEB;
    color: #333333;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    padding: 8px 16px;
    margin-right: -1px;
    border: 1px solid #4d5d81;
    transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field input:checked + label {
    background-color: #4d5d81;
    color: #fff;
}

.swal2-close:hover {
    color: var(--lm-primary);
}

.swal2-close i {
    font-size: 1.625rem;
}

.swal2-container button.swal2-confirm {
    border-radius: 0;
    background-color: var(--lm-black);
    font-family: var(--lm-font-bold);
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    transition: all 0.25s ease;
}

.swal2-container button.swal2-confirm:hover {
    background-color: var(--lm-blue);
}

.swal2-container button.swal2-confirm:focus {
    box-shadow: none;
}










.swal2-container button.swal2-cancel {
    border-radius: 0;
    font-family: var(--lm-font-bold);
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    border: solid 1px var(--lm-blue);
    color: var(--lm-blue) !important;
    background-color: transparent;
    transition: all 0.25s ease;
}

    .swal2-container button.swal2-cancel:hover {
        border-color: var(--lm-primary);
        color: var(--lm-white) !important;
        background-color: var(--lm-primary);
    }

    .swal2-container button.swal2-cancel:focus {
        box-shadow: none;
    }

#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(--lm-font-bold);
    font-size: 18px;
    margin-bottom: 20px;
}

.input-model-picker-item {
    border-color: #b7b3b3;
}

.input-model-picker-modelname-wrap div {
    font-family: var(--lm-font-regular);
    font-weight: initial;
    font-size: 17px;
}
.input-model-picker-price-wrap div {
    font-family: var(--lm-font-regular);
    font-weight: initial;
    font-size: 15px;
    color: #b7b3b3;
}

#InputLocationModal #select2-radius-input-results .select2-results__option {
    font-size: 13px;
}

#InputLocationModal .inputRadius .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
    min-height: 34px;
    padding-top: 3px;
}
#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.hidden {
        display: none;
    }

    .services-tab:last-of-type,
    .services-tab.last {
        border-right-width: 3px;
    }

/* target a .services-tab that is visible and has no following visible .services-tab siblings */
#services-tab-wrap .services-tab:not(.hidden):not(:has(~ .services-tab:not(.hidden))) {
    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;
}

.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(--lm-blue);
    background-color: var(--lm-white);
}

#services-tab-wrap,
#services-content-wrap {
    container-name: services-tabs;
    container-type: inline-size;
}

@container services-tabs (width < 375px) {
    .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-active {
        border-radius: 0;
    }
}

.services-tab {
    border-color: var(--lm-blue);
    font-family: var(--lm-font-bold);
}

.services-tab-active {
    background-color: var(--lm-blue);
    color: white;
}

.services-tab-inactive {
    background-color: white;
}

.service-item {
    font-size: 13px;
}

.service-toggle .sub-headline:after {
    background-image: url(/img/leap/arrow_down@2x.png);
}

/* MEDIA QUERIES */
@media (max-width: 991.98px) {
}

@media (max-width: 767.98px) {
}

@media (max-width: 575.98px) {
    #insurances-content .service-item {
        font-size: 10px;
    }
}

@media (max-width: 389.98px) {
}

@media (max-width: 375.98px) {
}

#option-details-tabs {
    margin-bottom: 18px;
}

.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;
    overflow: hidden;
}

.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 {
        position: relative;
        display: flex;
        align-items: center;
        text-align: left;
        cursor: pointer;
    }

        .options-details-group-description .btn:after {
            font-family: 'FontAwesome';
            font-weight: 800;
            content: "\f107";
            color: #3b3938;
            line-height: 1;
            margin-top: 0px;
            margin-left: auto;
        }

        .options-details-group-description .btn: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;
    }

.option-tooltip-body ul {
    list-style-type: none;
}

    .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-selected {
    border-color: var(--lm-blue);
}

.options-details-group-description .btn {
    font-family: var(--lm-font-regular);
}

    .options-details-group-description .btn:after {
        content: "";
        width: 15px;
        height: 10px;
        background: url(/img/leap/offer/arrow_down_black.svg) 0 0 no-repeat;
        background-size: contain;
        transition: transform .2s ease-in-out;        
    }

.options-details-group-list-item, .popover-optionsseries-item {
    font-size: 14px;
}

    .options-details-group-list-item i, .popover-optionsseries-item i {
        color: var(--lm-primary);
        font-size: 14px;
        margin-top: 2px;
    }
.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;
}

/*
    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
*/

header .navbar-light {
    padding-top: 0px;
    padding-bottom: 0px;
}

#home-delivery-content-wrap {
    border-color: var(--lm-blue);
    font-family: var(--lm-font-bold);
    width: 100%;
}
.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: 'FontAwesome';
            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 .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 .fa-icon {
    line-height: 1.39;
    color: #3B3938;
    position: relative;
}

.offer-theme .icon {
    line-height: 1.39;
    color: #3B3938;
    padding: 3px 0 0 30px;
    position: relative;
}

.offer-theme .icon-insert {
    line-height: 1.39;
    color: #3B3938;
    padding: 3px 0 0 0;
    position: relative;
}

    .offer-theme .icon:before {
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        left: 7px;
        top: 3px;
        background-size: contain;
    }

.offer-theme .award:before,
.offer-theme .transport:before,
.offer-theme .credit-card:before,
.offer-theme .bafa:before,
.offer-theme .zero-special-payment:before,
.offer-theme .gift: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 h1 {
    color: #000000;
    font-size: 28px;
    font-family: var(--lm-font-bold);
}

@media print, screen and (min-width: 768px) {
    .offer-theme .color-fields,
    .conf-theme #b2x-summary .color-fields {
        margin-top: 65px;
    }
}

.offer-theme #price-sticker {
    background: var(--lm-blue);
}

    .offer-theme #price-sticker.price-sticker-summary button,
    .offer-theme #price-sticker a.price-sticker-link {
        color: #fff;
        font-family: var(--lm-font-bold);
        font-size: 22px;
        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(--lm-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: 18px;
            padding: 0;
            margin-top: 7px;
        }

    .offer-theme #price-sticker .ignore-spinner i.fa-info-circle:before {
        color: white;
    }

.offer-theme .our-promise-box-wrapper .our-promise-headline {
    font-size: 35px;
    color: var(--lm-black);
    margin: 20px 0;
}

.offer-theme .our-promise-checklist {
    font-size: 18px;
    color: #000;
}

    .offer-theme .our-promise-checklist ul li {
        text-transform: none;
    }

        .offer-theme .our-promise-checklist ul li:before {
            background-image: url("/img/peugeot/check-icon.png");
        }

.offer-progress-line #progress {
    background: var(--lm-blue);
}

.offer-progress-line .text {
    font-family: var(--lm-font-bold);
    font-size: 12px;
    color: var(--lm-blue);
}

.offer-theme .gallery-wrapper,
.conf-theme #b2x-summary .gallery-wrapper {
    background: var(--lm-gallery-bg);
}

@media print, screen and (min-width: 992px) {
    .offer-theme .offer-cash-summary .gallery-wrapper,
    .conf-theme #b2x-summary .offer-cash-summary .gallery-wrapper {
        padding-bottom: 2rem;
    }
}

.offer-theme .info-box-wrapper .row {
    margin-right: 0;
    margin-left: 0;
}

    .offer-theme .info-box-wrapper .row > div {
        padding-right: 0;
        padding-left: 0;
    }

.offer-theme .info-box-wrapper,
.conf-theme #b2x-summary .info-box-wrapper {
    margin-top: 40px;
}

    .offer-theme .info-box-wrapper .popup:hover {
        background-color: var(--lm-blue);
    }

        .offer-theme .info-box-wrapper .popup:hover:after {
            background-color: var(--lm-blue);
        }

    .offer-theme .info-box-wrapper .headline-key-facts {
        color: var(--lm-black);
    }

    .offer-theme .info-box-wrapper a:hover .headline-key-facts {
        color: var(--lm-blue);
    }

.offer-theme .fastlane-there-for-you .contact-box:before {
    border-right-color: var(--lm-border-color);
}

.offer-theme .fastlane-there-for-you .contact-box .button-grey-arrow-right {
    font-family: var(--lm-font-bold);
    color: #fff;
    background-color: #535556;
    border: solid 4px #535556;
    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(--lm-blue);
        border-color: var(--lm-blue);
    }

.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(--lm-black);
}

.offer-theme .content-container-light-grey {
    background-color: var(--lm-gallery-bg);
}

.offer-theme .fastlane-there-for-you .contact-box {
    color: var(--lm-black);
    border-color: var(--lm-border-color);
}

.offer-theme .fastlane-there-for-you .legal-info {
    color: var(--lm-lightgrey);
}

    .offer-theme .fastlane-there-for-you .legal-info a {
        color: var(--lm-grey);
    }

        .offer-theme .fastlane-there-for-you .legal-info a:hover {
            color: var(--lm-white);
        }

.offer-theme .breadcrumb {
    margin-top: 12px;
}

    .offer-theme .breadcrumb li a {
        color: var(--lm-black);
        font-size: 12px;
    }

        .offer-theme .breadcrumb li a:hover {
            color: var(--lm-blue);
        }

    .offer-theme .breadcrumb li span {
        font-family: var(--lm-font-bold);
        font-size: 12px;
        display: block;
        color: var(--lm-blue);
    }

.offer-theme .stage .back-button {
    font-family: var(--lm-font-bold);
    padding: 7px;
    margin-top: 15px;
}

.offer-step {
    font-family: var(--lm-font-bold);
    color: var(--lm-blue);
    font-size: 36px;
    text-transform: uppercase;
}

.offer-theme .location-box-wrapper #map #localization:after,
#map_OfferDealerSelection #localization:after {
    content: url('/img/peugeot/offer/aim_peugeot.png');
}

.offer-theme .special-payment-brutto-error {
    font-size: 13px;
}

.offer-step-description,
.offer-step-map {
    font-family: var(--lm-font-bold);
    font-size: 35px;
    color: var(--lm-black);
    text-transform: uppercase;
}

.offer-theme .step-back {
    border: solid 1px var(--lm-blue);
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 16px;
    padding-bottom: 6px;
}

    .offer-theme .step-back:after {
        background-image: url("/img/leap/arrow_left_big.svg");
    }

    .offer-theme .step-back:hover {
        border-color: var(--lm-primary);
        color: var(--lm-white) !important;
        background-color: var(--lm-primary);
    }

        .offer-theme .step-back:hover:after {
            background-image: url("/img/leap/arrow_left_big_white.svg");
        }

.offer-theme .button-orange-arrow-right.text-upper-case .disabled i {
    margin-right: 15px;
}

.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: var(--lm-primary);
    opacity: 0.5;
}

.icon {
    font-family: var(--lm-font-regular);
    font-size: 14px;
}

.offer-theme .icon {
    color: var(--lm-black);
    padding: 3px 0 0 30px;
}

.offer-theme .highlight-offers .icon {
    padding: 3px 0 0 25px;
}

.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 {
    top: 0px;
    filter: brightness(0) invert(0);
}

.offer-theme .highlight-offers .transport:before,
.offer-theme .highlight-offers .bafa:before,
.offer-theme .highlight-offers .zero-special-payment:before,
.offer-theme .highlight-offers .immediately:before,
.offer-theme .highlight-offers .home-delivery:before {
    top: 2px;
}

.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: var(--lm-font-regular);
    color: #000;
}


@media print, screen and (max-width: 991.98px) {
    .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-size: 14px;
    }
}














.offer-theme .offerselection-item-innerwrap .transport {
    margin-bottom: 5px;
}

.offer-theme .highlight-offer-soldout-inner {
    font-family: "newpeugeot", Arial, Helvetica, sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    background-color: #000;
    padding: 10px 16px;
    border-radius: 1px;
    display: inline-block;
    transform: rotate(-30deg);
}

.offer-theme .offer-summary-journey-change {
    display: flex;
    margin-bottom: 10px;
}

.offer-theme .offer-summmary-journey-change-selected {
    background-color: #4d5d81;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    padding: 8px 16px;
    margin-right: -1px;
    border: 1px solid #4d5d81;
    transition: all 0.1s ease-in-out;
}

.offer-theme .offer-summmary-journey-change-link {
    background-color: #EAEBEB;
    color: #333333;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    padding: 8px 16px;
    margin-right: -1px;
    border: 1px solid #4d5d81;
    transition: all 0.1s ease-in-out;
    text-decoration: none;
}

    .offer-theme .offer-summmary-journey-change-link:hover {
        cursor: pointer;
        text-decoration: none;
    }

@media print, screen and (max-width: 991.98px) {
    .offer-theme .info-box-wrapper {
        margin-bottom: 80px;
    }

    .offer-theme .fastlane-there-for-you .contact-us-phone {
        font-size: 18px;
    }
}

@media print, screen and (max-width: 767.98px) {
    .offer-theme header .navbar-light {
        padding-top: 15px;
    }

    .offer-theme .our-promise-checklist {
        font-size: 17px;
    }

    .offer-theme .our-promise-box-wrapper .our-promise-headline {
        font-size: 30px;
    }

    .offer-theme .fastlane-there-for-you .contact-box:before {
        border-right-color: transparent;
        border-bottom-color: var(--lm-border-color);
    }

    .offer-step {
        font-size: 20px;
    }

    .offer-step-description,
    .offer-step-map {
        font-size: 18px;
    }

    .offer-theme #price-sticker a.price-sticker-link span span {
        display: inline-block;
    }
}

.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 {}

    .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(--lm-font-bold);
    font-size: 35px;
    color: var(--lm-black);
    text-transform: uppercase;
}

.offer-theme #colorselection h3 {
    font-family: var(--lm-font-bold);
    font-size: 28px;
    color: var(--lm-black);
    margin-bottom: 24px;
    text-align: left;
}

.offer-theme #colorselection img.push-label-list {
    float: right !important;
    position: relative;
    right: 16px;
    width: auto;
    max-width: 100%;
    height: 38px;
    margin-top: 0;
}

.offer-theme .colorselection-color-rectangle {
    margin-bottom: 10px;
}

    .offer-theme .colorselection-color-rectangle .inner {
        border: 7px solid transparent;
        margin-bottom: 10px;
        transition: border-color 0.3s ease 0s;
    }

        .offer-theme .colorselection-color-rectangle .inner img {
            padding: 7px;
            border: none;
            display: block;
            width: 100%;
            height: auto;
        }

    .offer-theme .colorselection-color-rectangle[data-is-selected='True'] .inner {
        border: 7px solid var(--lm-border-color);
    }

    .offer-theme .colorselection-color-rectangle[data-is-selected='True'] .inner img {
        border: none;
    }

.offer-theme .colorselection-color-rectangle span {
    font-family: var(--lm-font-regular);
    font-size: 14px;
    color: var(--lm-black);
}

    .offer-theme .colorselection-color-rectangle span i {
        color: var(--lm-blue);
    }

.offer-theme .colorselection-color-rectangle[data-is-selected='True'] {
    border-color: #007edb;
}

.offer-theme .colorselection-color-rectangle.single span {
    font-size: 20px;
}

.offer-theme .model-link {
    font-family: var(--lm-font-bold);
    font-size: 16px;
    color: var(--lm-black);
    text-decoration: underline;
}

.offer-theme #colorselection .gallery {
    background-color: var(--lm-gallery-bg);
}

.offer-theme #colorselection .offer-car-label {
    position: absolute;
    width: 100%;
    top: 20px;
    z-index: 1;
}

    .offer-theme #colorselection .offer-car-label img {
        backdrop-filter: blur(10px);
        padding: 3px;
    }

@media print, screen and (max-width: 991.98px) {
}

@media print, screen and (max-width: 767.98px) {
    .offer-theme #colorselection h2 {
        font-size: 28px;
    }

    .offer-theme #colorselection h3 {
        font-size: 24px;
    }

    .offer-theme .colorselection-color-rectangle.single span {
        font-size: 18px;
    }

    .offer-theme #colorselection img.push-label-list {
        top: 12px;
        right: 12px;
        height: 28px;
    }
}

.offer-theme .content-container-light-grey .container .row.mt-3 {
    margin-top: 0 !important;
}
#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 .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 .offerselection-item-top-wrap {
    vertical-align: top;
}

.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(--lm-font-bold);
    font-size: 20px;
    margin-bottom: 24px;
}

#offerselection .offerselection-item .offerselection-item-name {
    background-color: var(--lm-black);
    font-family: var(--lm-font-bold);
    font-size: 18px;
}

    #offerselection .offerselection-item .offerselection-item-name span {
        color: var(--lm-white);
    }

#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 {
    border: 1px solid var(--lm-border-color);
    padding: 20px;
}

    #offerselection .offerselection-item .offerselection-item-innerwrap:before {
        border-color: rgba(117, 117, 117, 0);
        border-bottom-color: var(--lm-border-color);
        border-width: 15px;
        margin-left: -15px;
        bottom: calc(100% + 1px);
    }

    #offerselection .offerselection-item .offerselection-item-innerwrap:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: var(--lm-white);
        border-width: 15px;
        margin-left: -15px;
    }

#offerselection .offerselection-item .offerselection-item-innerwrap h4 {
    font-family: var(--lm-font-bold);
    font-size: 13px;
    color: #007edb;
}

#offerselection .offerselection-item .offerselection-item-innerwrap p,
#offerselection .offerselection-item ul li {
    font-size: 13px;
}

#offerselection .offerselection-item ul li {
    padding-left: 12px;
}

    #offerselection .offerselection-item ul li:before {
        font-size: 20px;
        top: -2px;
        left: -2px;
    }

.offer-theme .offerselection-item .vehicle-price {
    color: var(--lm-black);
}

.offer-theme .offerselection-item .vehicle-price-from {
    color: var(--lm-black);
}

.offer-theme .offerselection-item .price-wrapper i {
    color: var(--lm-blue);
}

.offer-theme .offerselection-item .price-check .legal {
    margin-top: 5px;
    line-height: 12px;
}

#offerselection .offerselection-item .acknowledge {
    font-size: 12px;
}

#offerselection .details-toggle {
    font-family: var(--lm-font-bold);
    font-size: 14px;
    color: #007edb;
    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(--lm-font-bold);
    font-size: 13px;
    color: #00a3e0;
    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(--lm-white);
}

/*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 {
    width: 82px;
    height: 82px;
}

    .offer-theme .prev-next-container .slick-prev:before,
    .offer-theme .prev-next-container .slick-next:before {
        content: '';
        font-family: 'FontAwesome';
        font-size: 48px;
        position: absolute;
        top: 18px;
        left: 25px;
        height: 48px;
        opacity: 1;
    }

.offer-theme .prev-next-container .slick-prev {
    left: -92px;
}

    .offer-theme .prev-next-container .slick-next:before {
        content: '\f054';
    }

    .offer-theme .prev-next-container .slick-prev:before {
        content: '\f053';
        left: auto;
        right: 25px;
    }

.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 {
    font-family: var(--lm-font-regular);
}

    .offer-highlight-offers .model {
        font-family: var(--lm-font-bold);
        font-size: 20px;
        line-height: 1.2;
    }

.offer-highlight-offers-slider .offer-item {
    background-color: var(--lm-white);
    border: 1px solid var(--lm-border-color);
}

ul.offer-highlight-offer-options li {
    font-family: var(--lm-font-bold);
    font-size: 14px;
    line-height: 18px;
    margin-top: 5px;
}

.offer-highlight-offers-slider .offer-item .image {
    height: auto;
    border: 0 none;
    position: relative;
}

    .offer-highlight-offers-slider .offer-item .image img {
        transform: scale(1.1);
    }

    .offer-highlight-offers-slider .offer-item .image .offer-car-label {
        position: absolute;
        top: 0;
        right: 0;
    }

    .offer-highlight-offers-slider .offer-item .image img.push-label-list {
        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.electric-label-list,
    .offer-highlight-offers-slider .offer-item .image img.hybrid-label-list {
        top: 8px;
        right: 8px;
        height: 40px;
        backdrop-filter: blur(10px);
        padding: 3px;
        z-index: 1;
    }

.offer-highlight-offers-slider .offer-item .description {
    border: 0 none;
}

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

.offer-highlight-offers-slider .price-wrapper i {
    font-size: 18px;
    color: var(--lm-blue);
    cursor: pointer;
}

.offer-highlight-offers-slider .model i {
    color: var(--lm-blue);
}

.offer-highlight-offers-slider .car-list-detail-tag-wrapper i {
    color: var(--lm-black);
}

.offer-money-back {
    font-family: var(--lm-font-bold);
    font-size: 13px;
    line-height: 20px;
    color: #b1b2b3;
    background: #fff;
}

.offer-theme .offer-button-lease-now {
    font-family: var(--lm-font-bold);
    font-size: 16px;
    color: var(--lm-white);
    background: var(--lm-black);
    line-height: 130%;
    padding: 12px 20px;
    transition: all 0.3s ease 0s;
    text-decoration: none;
}

    .offer-theme .offer-button-lease-now .spinner {
        padding: 12px 18px;
    }

    .offer-theme .offer-button-lease-now:hover {
        color: #fff;
        background: var(--lm-blue);
        text-decoration: none;
    }

.offer-theme .vehicle-price-from {
    font-family: var(--lm-font-bold);
    font-size: 16px;
    color: var(--lm-black);
}

.offer-theme .vehicle-price {
    font-family: var(--lm-font-bold);
    font-size: 30px;
    line-height: 1;
    color: var(--lm-black);
}

    .offer-theme .vehicle-price .popover-price {
        font-size: 18px;
    }

        .offer-theme .vehicle-price .popover-price:hover {
            color: var(--lm-blue-dark);
        }

.offer-theme .prev-next-container .slick-prev, .offer-theme .prev-next-container .slick-next {
    background: var(--lm-blue);
    width: 82px;
    height: 82px;
    border-radius: 50%;
    transition: background 0.3s ease 0s;
}

    .offer-theme .prev-next-container .slick-prev:hover, .offer-theme .prev-next-container .slick-next:hover {
        background: var(--lm-black);
    }

.offer-highlight-offer-inner-wrap .price-wrapper .legal {
    margin-top: -5px;
}

/*BEGIN OFFER-SPECIAL*/
.offer-highlight-offers-slider .offer-item.offer-special .offer-special-inner {
    border: solid 5px #007edb;
    background: #007edb;
}

.offer-theme .offer-special .offer-special-exclusive {
    margin-left: 15px;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    color: #fff;
}

    .offer-theme .offer-special .offer-special-exclusive ul {
        font-size: 12px;
        padding: 0;
    }

.offer-theme .offer-special .offer-special-text-outer {
    position: relative;
    background: #fff;
}

.offer-theme .offer-special .offer-special-text {
    position: relative;
    padding: 10px 15px;
}

.offer-theme .offer-special .offer-special-inner .image {
    background: linear-gradient(180deg, #fff 53%, #007edb 47%);
}

.offer-theme .offer-special .offer-special-text-upper {
    text-transform: uppercase;
    font-family: var(--lm-font-bold);
    color: #007edb;
    font-size: 20px;
    display: block;
    width: 100%;
}

.offer-theme .offer-special .offer-special-text-lower {
    text-transform: uppercase;
    font-size: 14px;
    color: #007edb;
    width: 100%;
    display: block;
}

.offer-theme .offer-special .offer-special-inner .image {
    background: linear-gradient(180deg, #fff 53%, #007edb 47%);
    height: auto;
}

.offer-highlight-offers-slider .offer-item.offer-special .description {
    margin-top: 0;
    padding: 10px 15px 17px;
}

    .offer-highlight-offers-slider .offer-item.offer-special .description > div:not(:last-child) {
        margin-right: 40px;
    }

    .offer-highlight-offers-slider .offer-item.offer-special .description .icon {
        font-size: 12px;
    }

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

.offer-theme .offer-highlight-offers .offer-special .model {
    font-size: 20px;
    margin-top: 0;
}

.offer-theme .offer-special .car-list-detail-tag-wrapper {
    margin-top: 7px;
    margin-bottom: 18px;
}

.offer-theme .offer-special .offer-special-bottom-texts,
.offer-theme .offer-special .offer-special-bottom-texts .icon,
.offer-theme .offer-special .price-wrapper,
.offer-theme .offer-special .vehicle-price,
.offer-theme .offer-special .vehicle-price-from,
.offer-theme .offer-special .price-wrapper i {
    color: white;
}

.offer-theme .offer-special .offer-special-bottom-texts {
    margin-bottom: auto;
}

.offer-theme .offer-special .price-wrapper .legal {
    margin-top: -6px;
}

    .offer-theme .offer-special .price-wrapper .legal small {
        font-size: 10px;
    }

.offer-theme .offer-special .edition-leasing {
    flex: 0 0 auto;
    padding-top: 20px;
}

.offer-theme .offer-special .price-wrapper {
    padding-top: 4px;
}

.offer-theme .offer-special .offer-button-lease-now {
    max-width: none;
    background-color: #212529;
    color: #fff;
    font-size: 15px;
    transition: all 0.25s ease;
}

    .offer-theme .offer-special .offer-button-lease-now:hover {
        background-color: #000;
        color: #fff;
    }

.offer-theme .offer-special .vehicle-price-from {
    font-size: 24px;
}

.offer-theme .offer-special {
    border: 6px solid #007edb;
    padding: 3px;
}

    .offer-theme .offer-special .offer-highlight-offer-inner-wrap {
        border: none;
        background-color: #007edb;
    }

    .offer-theme .offer-special .description:before {
        display: none;
    }

    .offer-theme .offer-special .car-list-detail-tag {
        color: #007edb;
        font-size: 10px;
        background-color: #fff;
        border: 1px solid #fff;
    }

        .offer-theme .offer-special .car-list-detail-tag span.efficiency-class {
            font-size: 10px;
        }

    .offer-theme .offer-special .car-list-detail-tag-presale-offer {
        background-color: #007EDB;
        color: white;
    }

    .offer-theme .offer-special .offer-special-modelname {
        color: white;
    }

        .offer-theme .offer-special .offer-special-modelname .fastlane-motor-emission {
            color: white;
        }

.offer-theme .offer-item.offer-special .image {
    border: 0;
}

.offer-theme .offer-item.offer-special .description:after {
    display: none;
}

/*BEGIN OFFER-PRESALE*/

.offer-highlight-offers-slider .offer-item.offer-presale-model .offer-presale-model-inner {
    border: solid 5px #007edb;
    background: #007edb;
}

.offer-theme .offer-presale-model .offer-special-exclusive {
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    color: #fff;
}

    .offer-theme .offer-presale-model .offer-special-exclusive ul {
        font-size: 12px;
        padding: 0;
    }

.offer-theme .offer-presale-model .offer-special-presale-text-outer {
    position: relative;
    background: #fff;
}

.offer-theme .offer-presale-model .offer-special-presale-text {
    position: relative;
    padding: 20px 52px;
}

.offer-theme .offer-presale-model .offer-presale-model-inner .image {
    background: linear-gradient(180deg, #fff 53%, #007edb 47%);
}

.offer-theme .offer-presale-model .offer-special-presale-text-upper {
    text-transform: uppercase;
    font-family: var(--lm-font-bold);
    color: #007edb;
    font-size: 20px;
    display: block;
    width: 100%;
}

.offer-theme .offer-presale-model .offer-special-presale-text-lower {
    text-transform: uppercase;
    font-size: 14px;
    color: #007edb;
    width: 100%;
    display: block;
}

.offer-highlight-offers-slider .offer-item.offer-presale-model .description {
    margin-top: 0;
    padding: 20px 30px 20px 52px;
}

    .offer-highlight-offers-slider .offer-item.offer-presale-model .description > div:not(:last-child) {
        margin-right: 40px;
    }

    .offer-highlight-offers-slider .offer-item.offer-presale-model .description .icon {
        font-size: 12px;
    }

        .offer-highlight-offers-slider .offer-item.offer-presale-model .description .icon:before {
            filter: brightness(0) invert(1);
        }

.offer-theme .offer-highlight-offers .offer-presale-model .model {
    font-size: 21px;
    margin-top: 0;
}

.offer-theme .offer-presale-model .offer-special-bottom-texts,
.offer-theme .offer-presale-model .offer-special-bottom-texts .icon,
.offer-theme .offer-presale-model .vehicle-price,
.offer-theme .offer-presale-model .vehicle-price-from,
.offer-theme .offer-presale-model .price-wrapper i {
    color: white;
}

.offer-theme .offer-presale-model .offer-special-bottom-texts {
    flex: 0 0 auto;
}

.offer-theme .offer-presale-model .name-tags {
    margin-bottom: auto;
}

.offer-theme .offer-presale-model .offer-special-bottom-texts .legal small {
    font-size: 11px;
}

.offer-theme .offer-presale-model .edition-leasing {
    padding-top: 9px;
}

.offer-theme .offer-presale-model .price-wrapper {
    padding-top: 4px;
}

.offer-theme .offer-presale-model .offer-button-lease-now {
    max-width: 279px;
    background-color: #212529;
    color: #fff;
    font-size: 14px;
    transition: all 0.25s ease;
}

    .offer-theme .offer-presale-model .offer-button-lease-now:hover {
        background-color: #000;
        color: #fff;
    }

.offer-theme .offer-presale-model .vehicle-price-from {
    font-size: 24px;
}

.offer-theme .offer-presale-model {
    border: 6px solid #007edb;
    padding: 3px;
}

    .offer-theme .offer-presale-model .offer-highlight-offer-inner-wrap {
        border: none;
        background-color: #007edb;
    }

    .offer-theme .offer-presale-model .description:before {
        display: none;
    }

    .offer-theme .offer-presale-model .car-list-detail-tag {
        color: #007edb;
        font-size: 10px;
        background-color: #fff;
        border: 1px solid #fff;
    }

        .offer-theme .offer-presale-model .car-list-detail-tag span.efficiency-class {
            font-size: 10px;
        }

    .offer-theme .offer-presale-model .car-list-detail-tag-presale-offer {
        background-color: #007EDB;
        color: white;
    }

    .offer-theme .offer-presale-model .offer-presale-modelname {
        color: white;
    }

        .offer-theme .offer-presale-model .offer-presale-modelname .fastlane-motor-emission {
            color: white;
        }

.offer-theme .offer-item.offer-presale-model .image {
    border: 0;
}

.offer-theme .offer-item.offer-presale-model .description:after {
    display: none;
}

/*END OFFER PRESALE*/

/*BEGIN OFFER CAMPAIGN*/
.offer-highlight-offers-slider.mixed .slick-slide {
    max-width: none;
    height: inherit !important;
}

.offer-highlight-offers-slider .offer-item.offer-campaign-model .offer-campaign-model-inner {
    padding-bottom: 60px;
}

.offer-highlight-offers-slider .offer-item.offer-campaign-model {
    background-color: #fff;
}

.offer-theme .offer-campaign-model .offer-campaign-text-top-outer {
    position: relative;
}

.offer-theme .offer-campaign-model .offer-campaign-text-top {
    position: absolute;
    top: 50px;
    left: 50px;
    width: calc(100% - 100px);
    z-index: 1;
}

    .offer-theme .offer-campaign-model .offer-campaign-text-top .offer-car-label {
        position: absolute;
        top: 0;
        right: 0;
    }

        .offer-theme .offer-campaign-model .offer-campaign-text-top .offer-car-label img {
            flloat: none;
        }

.offer-theme .offer-campaign-model .offer-campaign-text-top-upper {
    font-family: var(--lm-font-bold);
    text-transform: uppercase;
    color: #000;
    width: 100%;
    display: block;
    font-size: 39px;
}

.offer-theme .offer-campaign-model .offer-campaign-text-top-lower {
    text-transform: uppercase;
    color: #007edb;
    width: 100%;
    display: block;
    font-size: 30px;
}

.offer-theme .offer-campaign-model .offer-campaign-text-right-outer {
    position: relative;
}

.offer-theme .offer-campaign-model .offer-campaign-text-right {
    position: absolute;
    top: 100px;
    right: 20px;
    background-color: black;
    padding: 10px 20px 10px 14px;
    z-index: 1;
}

.offer-theme .offer-campaign-model .offer-campaign-text-right-upper,
.offer-theme .offer-campaign-model .offer-campaign-text-right-center,
.offer-theme .offer-campaign-model .offer-campaign-text-right-lower {
    text-transform: uppercase;
    color: white;
    display: block;
    font-size: 12px;
}

.offer-theme .offer-campaign-model .offer-special-bottom-texts,
.offer-theme .offer-campaign-model .vehicle-price,
.offer-theme .offer-campaign-model .vehicle-price-from,
.offer-theme .offer-campaign-model .price-wrapper i {
    color: white;
}

.offer-theme .offer-campaign-model .offer-button-lease-now {
    background-color: #000;
    font-size: 11px;
    color: #fff;
    padding: 2px;
    max-width: 278px;
}

.offer-theme .offer-campaign-model {
    border: 2px solid #cfd3d4;
}

    .offer-theme .offer-campaign-model .offer-highlight-offer-wrapper {
        background: #cfd3d4;
        margin-top: 224px;
    }

    .offer-theme .offer-campaign-model .offer-highlight-offer-inner-wrap {
        border: none;
    }

    .offer-theme .offer-campaign-model .description:before {
        display: none;
    }

.offer-theme .offer-item.offer-campaign-model .description {
    margin-top: 0;
    padding: 45px 15px 30px 50px;
    max-width: 458px;
}

.offer-theme .offer-campaign-model .offer-campaign-modelname {
    color: #000;
    font-size: 14px;
    margin-bottom: 3px;
}

    .offer-theme .offer-campaign-model .offer-campaign-modelname .subtitle {
        display: block;
        color: #007edb;
        font-size: 12px;
        text-transform: none;
    }

.offer-theme .offer-item.offer-campaign-model .image {
    border: 0;
    margin-left: -40px;
    display: flex;
    overflow: visible;
}

.offer-theme .offer-item.offer-campaign-model picture {
    position: relative;
    top: -116px;
}

.offer-theme .offer-item.offer-campaign-model .description:after {
    display: none;
}

.offer-theme .offer-campaign-model .car-list-detail-tag {
    color: #000;
    font-size: 10.5px;
    background-color: #fff;
    border: 1px solid #fff;
}
/*END OFFER CAMPAIGN*/

/*MEDIA QUERIES*/
@media print, screen and (max-width: 1023.98px) {
    .offer-theme .offer-presale-model .offer-special-exclusive {
        margin-left: 15px;
    }

    .offer-theme .offer-item.offer-campaign-model picture {
        top: -12vw;
    }
}

@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-slider.mixed .offer-item .image {
        height: auto;
    }

    .offer-theme .vehicle-price {
        font-size: 23px;
    }

    .offer-theme .offer-button-lease-now {
        font-size: 12px;
    }

    .offer-highlight-offers-slider .offer-item .image img.push-label-list {
        top: 12px;
        right: 12px;
        height: 28px;
    }

    .offer-theme .offer-campaign-model .offer-campaign-text-top {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        padding: 25px 30px 10px;
    }

    .offer-theme .offer-campaign-model .offer-campaign-bottom-texts {
        position: absolute;
        top: 100%;
        width: 100%;
        left: 0;
        padding-top: 16px;
    }

    .offer-highlight-offers-slider .offer-item.offer-campaign-model .offer-campaign-model-inner {
        padding-bottom: 120px;
    }

    .offer-theme .offer-item.offer-campaign-model .image {
        margin-left: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 530px;
    }

    .offer-theme .offer-item.offer-campaign-model picture {
        top: -116px;
    }

    .offer-theme .offer-item.offer-campaign-model .description {
        padding: 108px 40px 25px;
        max-width: none;
    }

    .offer-theme .offer-campaign-model .offer-campaign-text-right-outer {
        padding: 0 30px;
    }

    .offer-theme .offer-campaign-model .offer-campaign-text-right {
        position: relative;
        display: inline-block;
        top: 0;
        right: 0;
    }

    .offer-theme .offer-campaign-model .offer-highlight-offer-wrapper {
        margin-top: 143px;
    }

    .offer-theme .offer-campaign-model .offer-button-lease-now {
        margin-left: auto;
        margin-right: auto;
    }

    .offer-theme .offer-highlight-offers-slider .offer-presale-model .image {
        height: auto;
    }

    .offer-theme .offer-presale-model .offer-special-presale-text {
        padding: 10px 15px;
    }

    .offer-highlight-offers-slider .offer-item.offer-presale-model .description {
        padding: 10px 15px 17px;
    }

    .offer-theme .offer-highlight-offers .offer-presale-model .model {
        font-size: 20px;
    }

    .offer-theme .offer-presale-model .car-list-detail-tag-wrapper {
        margin-top: 7px;
        margin-bottom: 18px;
    }

    .offer-theme .offer-presale-model .offer-special-bottom-texts .legal small {
        font-size: 10px;
    }

    .offer-theme .offer-presale-model .offer-special-bottom-texts .legal {
        margin-top: -6px;
    }

    .offer-theme .offer-presale-model .edition-leasing {
        padding-top: 20px;
    }

    .offer-theme .offer-presale-model .offer-button-lease-now {
        max-width: none;
        font-size: 15px;
    }
}

@media print, screen and (max-width: 519.98px) {
    .offer-theme .offer-campaign-model .offer-campaign-text-top {
        padding: 15px 20px;
    }

    .offer-theme .offer-campaign-model .offer-campaign-text-top-upper {
        font-size: 24px;
    }

    .offer-theme .offer-campaign-model .offer-campaign-text-top-lower {
        font-size: 20px;
    }

    .offer-theme .offer-campaign-model .offer-campaign-text-right-upper,
    .offer-theme .offer-campaign-model .offer-campaign-text-right-center,
    .offer-theme .offer-campaign-model .offer-campaign-text-right-lower {
        font-size: 11px;
    }

    .offer-theme .offer-item.offer-campaign-model .description {
        padding-top: 19vw;
    }

    .offer-theme .offer-item.offer-campaign-model .image {
        width: auto;
        left: 0;
        transform: none;
    }
}

@media print, screen and (max-width: 576px) {
    .offer-theme .offer-highlight-offer-inner-wrap .container.border {
        border: none !important;
        padding-right: 0;
        padding-left: 0;
    }
}

@media print, screen and (min-width: 768px) {
    .offer-theme .offer-campaign-model .offer-campaign-text-right-outer {
        order: 1;
    }

    .offer-theme .offer-campaign-model .offer-campaign-text-right {
        top: auto;
        bottom: 100%;
        right: 0;
        margin-bottom: 30px;
    }
}

@media print, screen and (min-width: 992px) {
    .offer-theme .offer-highlight-offers-slider.mixed .offer-item.default .multi-direction {
        flex-direction: row !important;
    }

    .offer-theme .offer-highlight-offers-slider.mixed .offer-item.default .offer-highlight-offer-inner-wrap {
        margin-top: 0;
        margin-left: 4px;
    }

        .offer-theme .offer-highlight-offers-slider.mixed .offer-item.default .offer-highlight-offer-inner-wrap:before,
        .offer-theme .offer-highlight-offers-slider.mixed .offer-item.default .offer-highlight-offer-inner-wrap:after {
            top: 60px;
            bottom: auto;
            right: 100%;
            left: auto;
        }

        .offer-theme .offer-highlight-offers-slider.mixed .offer-item.default .offer-highlight-offer-inner-wrap:before {
            border-color: rgba(129, 133, 134, 0);
            border-bottom-color: rgba(129, 133, 134, 0);
            border-right-color: #818586;
            border-width: 30px;
            margin-left: 0;
        }

        .offer-theme .offer-highlight-offers-slider.mixed .offer-item.default .offer-highlight-offer-inner-wrap:after {
            border-color: rgba(255, 255, 255, 0);
            border-bottom-color: rgba(255, 255, 255, 0);
            border-right-color: #fff;
            border-width: 17px;
            margin-left: 0;
            margin-top: 12px;
        }

    .offer-theme .offer-presale-model .name-tags {
        max-width: 290px;
    }
}

/* 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 {
    left: 0;
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.offer-highlight-offers-slider.fading::after {
    right: 0;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

.offer-configuration-selection-slider.fading::before {
    left: 0;
    background: linear-gradient(90deg, rgba(212,212,212,1) 0%, rgba(212,212,212,0) 100%);
}

.offer-configuration-selection-slider.fading::after {
    right: 0;
    background: linear-gradient(90deg, rgba(212,212,212,0) 0%, rgba(212,212,212,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: 18px;
    line-height: 22px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-family: "newpeugeotbold", "newpeugeot", Arial, Helvetica, sans-serif;
    color: #fff;
}

.offer-theme .hero-image-item-small {
    font-size: 10px;
}
/*MEDIA QUERIES*/
@media print, screen and (max-width: 767.98px) {

    .offer-theme #hero-image-items-wrapper ul li {
        font-size: 14px;
        line-height: 18px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .offer-theme .hero-image-item-small {
        font-size: 10px;
    }

    .offer-theme .first-content-container .hero-wrapper img {
        display: inline;
    }
}

@media print, screen and (max-width: 575.98px) {
}

@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 {
    background-color: var(--lm-lightgrey);
}

.offer-theme .how-it-works-headline {
    font-family: var(--lm-font-bold);
    font-size: 35px;
    letter-spacing: normal;
    color: var(--lm-black);
    text-align: center;
}

.offer-theme .step-wrapper {
    font-size: 16px;
    color: var(--lm-black);
}

.offer-theme #how-it-works .line {
    background-color: var(--lm-black);
}

    .offer-theme .step-wrapper .vehicle,
    .offer-theme .step-wrapper .color,
    .offer-theme .step-wrapper .equipment,
    .offer-theme .step-wrapper .finance {
        filter: brightness(0) invert(0);
    }

@media print, screen and (max-width: 767.98px) {
    .offer-theme .how-it-works-headline {
        font-size: 22px;
    }

    .offer-theme .step-wrapper {
        font-size: 12px;
    }
}

@media print, screen and (max-width: 575.98px) {
    .offer-theme .step-wrapper {
        font-size: 10px;
    }
}

#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,
    .stock-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 .car-list-item {
    border: none;
}

.offer-theme .car-list-image-column,
.offer-theme .car-list-image-column-inner-wrap,
.offer-theme .car-list-detail-column,
.offer-theme .result-border-box .info-layer {
    background: var(--lm-gallery-bg);
    margin-left: 0;
    justify-content: flex-end;
}

.offer-theme .result-border-box .info-layer {
    padding-left: 0;
    padding-right: 0;
}

    .offer-theme .car-list-detail-column .car-list-detail-tag {
        background: var(--lm-white);
    }

    .offer-theme .car-list-image-column-inner-wrap .hybrid-label-list,
    .offer-theme .car-list-image-column-inner-wrap .electric-label-list {
        margin-top: 0;
        height: 30px;
        width: auto;
        float: right !important;
        position: absolute;
        z-index: 1;
        left: calc(100% - 55px);
        top: 5px;
        background: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(10px);
        padding: 3px;
    }

.offer-theme .offer-stock-results .car-list-image-column,
.offer-theme .offer-stock-results .car-list-image-column-inner-wrap,
.offer-theme .offer-stock-results .car-list-detail-column,
.offer-theme .offer-stock-results .result-border-box .info-layer {
    background: #fff;
}

.offer-theme .offer-stock-results .result-border-box {
    border: 3px solid #b7b3b3;
}

.offer-theme .result-border-box .text-headline-layer {
    color: var(--lm-black);
}

.offer-dealer-selection-tile-distance,
.conf-theme .b2c-dealer-selection-tile-distance {
    font-family: var(--lm-font-bold);
    font-size: 14px;
    background-color: var(--lm-lightgrey);
    color: var(--lm-black);
}

.offer-more-results span,
.conf-theme #b2c-more-results-link {
    font-family: var(--lm-font-bold);
    text-transform: uppercase;
    font-size: 16px;
    color: var(--lm-blue);
    padding: 6px;
    padding-right: 25px;
    background: none;
    position: relative;
}

    .offer-more-results span:before,
    .conf-theme #b2c-more-results-link:before {
        content: '';
        width: 10px;
        height: 10px;
        top: 12px;
        right: 0;
        color: var(--lm-blue);
        position: absolute;
        border: solid 2px var(--lm-blue);
        border-width: 0px 2px 2px 0px;
        transform: rotate(-45deg);
    }

    .offer-more-results:hover span,
    .conf-theme #b2c-more-results-link:hover {
        border-color: var(--lm-blue-dark);
    }

    .offer-more-results:hover span:before,
    .conf-theme #b2c-more-results-link:hover:before {
        border-color: var(--lm-blue-dark);
    }

#offer-dealer-selection-headline,
#offer-stock-selection-headline {
    font-family: var(--lm-font-bold);
    font-size: 18px;
    color: var(--lm-blue);
    text-transform: uppercase;
}

#offer-stock-selection-headline {
    font-size: 13px;
}

.offer-dealer-selection-tile-inner,
.conf-theme .b2c-dealer-selection-tile-inner {
    border: 1px solid var(--lm-border-color);
}

    .offer-dealer-selection-tile-inner .button-orange-arrow-right,
    .conf-theme .b2c-dealer-selection-tile-inner .button-orange-arrow-right {
        background: var(--lm-black);
        border-color: var(--lm-black);
        color: var(--lm-white);
        font-family: var(--lm-font-bold);
        font-size: 16px;
        line-height: 1.5;
        padding: 10px 20px;
    }

    .offer-dealer-selection-tile-inner .button-orange-arrow-right:hover,
    .conf-theme .b2c-dealer-selection-tile-inner .button-orange-arrow-right:hover {
        background: var(--lm-blue);
        border-color: var(--lm-blue);
        color: var(--lm-white);
    }

    .offer-dealer-selection-tile-inner .button-orange-arrow-right:hover span,
    .conf-theme .b2c-dealer-selection-tile-inner .button-orange-arrow-right:hover span {
        color: var(--lm-white);
    }

.offer-dealer-selection-tile-details,
.conf-theme .b2c-dealer-selection-tile-details {
    color: #000;
    font-size: 15px;
    line-height: 20px;
}

.offer-dealer-selection-tile-dealername,
.conf-theme .b2c-dealer-selection-tile-dealername {
    font-family: var(--lm-font-bold);
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
}


.offer-dealer-selection-tile-price1,
.conf-theme .b2c-dealer-selection-tile-price1 {
    font-family: var(--lm-font-bold);
    font-size: 25px;
    color: var(--lm-black);
}

    .offer-dealer-selection-tile-price1 span,
    .conf-theme .b2c-dealer-selection-tile-price1 span {
        font-size: 14px;
    }

.offer-dealer-selection-tile-price2,
.conf-theme .b2c-dealer-selection-tile-price2 {
    font-family: var(--lm-font-bold);
    font-size: 14px;
    color: var(--lm-black);
}

.offer-dealer-selection-tile-availability:before,
.conf-theme .bc2-dealer-selection-tile-availability:before {
    background: url("/img/tick.svg") 0 0 no-repeat;
}

.offer-dealer-selection-tile-small,
.conf-theme .b2c-dealer-selection-tile-small {
    font-size: 12px;
    line-height: 15px;
    margin-top: 4px;
}

    .offer-dealer-selection-tile-small.small-adjust,
    .conf-theme .b2c-dealer-selection-tile-small.small-adjust {
        margin-top: 0px;
        margin-bottom: 10px;
    }

@media (max-width: 767.98px) {
    #offer-dealer-selection-headline,
    .conf-theme #b2c-dealer-selection-headline {
        font-size: 12px;
    }

    #offer-stock-selection-headline,
    .conf-theme #b2c-stock-selection-headline {
        font-size: 11px;
    }

    .conf-theme .matches-count #prevArrow {
        background: url('/img/peugeot/offer/sliderL.png') 0 0 no-repeat;
    }

    .conf-theme .matches-count #nextArrow {
        background: url('/img/peugeot/offer/slider.png') 0 0 no-repeat;
    }
}

.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 .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 i {
            position: absolute;
            margin-left: -22px;
            margin-top: 1px;
        }

.price-sticker-summary #price-sticker-button-lease-now {
    width: 100%;
    background-color: transparent;
}

@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,
.conf-theme #b2x-summary .gallery-wrapper .gallery .row-summary:first-of-type {
    padding-top: 0;
}

.offer-theme .gallery-wrapper .gallery .config-layer {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0;
}

.offer-theme .gallery-wrapper {
    padding-bottom: 1.5rem;
}

.offer-theme .gallery-wrapper .gallery .col-xl-4:has(.config-layer) {
    background-color: var(--lm-white);
}


.offer-theme .gallery-wrapper .gallery .gallery-slider-controls-container .offer-gallery-slider-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
}

        .offer-theme .gallery-wrapper .gallery .gallery-slider-controls-container .offer-gallery-slider-controls .gallery-slider-dots ul {
            margin: 0;
        }

    .offer-theme .gallery-wrapper .gallery .gallery-slider-controls-container .offer-gallery-slider-controls img {
        padding: 0 !important;
    }

@media print, screen and (max-width: 992px) {
    .offer-theme .gallery-wrapper {
        padding-bottom: 0;
    }
}

@media print, screen and (max-width: 1200px) {
    .offer-theme .gallery-wrapper .gallery .gallery-slider-controls-container {
        margin-bottom: 30px;
    }
}

.offer-theme .gallery-wrapper .gallery .row-summary:first-of-type .sub-headline {
    font-family: var(--lm-font-bold);
    font-size: 28px;
    color: var(--lm-blue);
    margin-bottom: 10px;
    padding-left: 0;
}

.offer-theme .gallery-wrapper .gallery .row-summary:first-of-type .headline {
    font-size: 35px;
    color: var(--lm-black);
    padding-left: 0;
}

/* Temporary fix until max-width-elements class has been removed. START */
.offer-theme .gallery-wrapper .gallery .config-layer .form-group.max-width-elements {
    width: 100%;
}
/* Temporary fix until max-width-elements class has been removed. END */

.offer-theme .gallery-wrapper .gallery .config-layer .delivery {
    font-family: var(--lm-font-bold);
    font-size: 12px;
    line-height: 1.1;
    color: var(--lm-black);
    padding: 0 0 7px;
}

    .offer-theme .gallery-wrapper .gallery .config-layer .delivery:before {
        display: none;
    }

.offer-theme .gallery-wrapper .gallery .config-layer .text-top {
    font-family: var(--lm-font-bold);
    color: var(--lm-black);
    text-transform: uppercase;
    display: inline-block;
    margin-top: 10px;
}

.offer-theme .button-in-stock a {
    font-family: var(--lm-font-bold);
    font-size: 11px;
    line-height: 1.5;
}

    .offer-theme .button-in-stock a:hover {
        background: var(--lm-blue);
    }

        .offer-theme .button-in-stock a:hover:before {
            border-left-color: var(--lm-blue);
        }

    .offer-theme .button-in-stock a span {
        font-family: var(--lm-font-bold);
        font-size: 8px;
    }

.offer-theme .gallery .config-layer .text-registry {
    display: inline-block;
    font-size: 12px;
    line-height: 1.4;
    color: var(--lm-black);
}

.offer-theme .equipment-details-box-wrapper {
    background-color: var(--lm-gallery-bg);
}

.offer-theme .equipment-details-box .popup {
    color: var(--lm-black);
    border: none;
}

    .offer-theme .equipment-details-box .popup h3 {
        color: var(--lm-black);
    }

.offer-theme .equipment-details-box-wrapper .options-details-tab {
    font-size: 16px;
    color: var(--lm-black);
    border-bottom: none;
}

.offer-theme .equipment-details-box .popup .table-left,
.offer-theme .equipment-details-box .popup .table-right {
    color: var(--lm-black);
    display: inline-block;
    line-height: 1.2;
}

.offer-theme .option-details-group,
.offer-theme .option-details-group .btn {
    color: var(--lm-black);
}

.offer-theme .motor-tarif-box .sub-headline {
    font-size: 20px;
    color: var(--lm-black);
}

.offer-theme .motor-tarif-box .listdots ul li {
    font-size: 14px;
    line-height: 23px;
}

    .offer-theme .motor-tarif-box .listdots ul li:before {
        background: var(--lm-black);
    }

.offer-theme .motor-tarif-box-wrapper p {
    font-size: 13px;
    color: #535556;
}

.offer-theme .tarif2-box-wrapper {
    border: none;
}

@media print, screen and (max-width: 575.98px) {
    .offer-theme .tarif2-box-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}

    .offer-theme .tarif2-box-wrapper .in-stock {
        font-family: var(--lm-font-bold);
        font-size: 11px;
        line-height: 1.5;
    }

        .offer-theme .tarif2-box-wrapper .in-stock:hover {
            background: var(--lm-blue);
        }

            .offer-theme .tarif2-box-wrapper .in-stock:hover:after {
                border-left-color: var(--lm-blue);
            }

        .offer-theme .tarif2-box-wrapper .in-stock span {
            font-family: var(--lm-font-bold);
            font-size: 8px;
        }

        .offer-theme .tarif2-box-wrapper .in-stock.in-stock-next-to-cta {
            top: 7px;
        }

.offer-theme .location-box-wrapper {
    margin-bottom: 260px;
}

.offer-theme .location-box {
    border: solid 2px var(--lm-border-color);
}

    .offer-theme .location-box .content-box .headline {
        font-size: 16px;
        color: var(--lm-blue);
    }

    .offer-theme .location-box .content-box .content,
    .offer-theme .location-box .popup .content {
        letter-spacing: normal;
    }

    .offer-theme .location-box .popup {
        border: solid 2px var(--lm-border-color);
        position: absolute;
        left: 99px;
        top: 275px;
    }

        .offer-theme .location-box .popup:before,
        .offer-theme .location-box .popup:after {
            display: block;
            bottom: 100%;
            left: 15%;
            border: solid transparent;
            content: '';
            height: 0;
            width: 0;
            position: absolute;
        }

        .offer-theme .location-box .popup:before {
            border-color: rgba(255, 255, 255, 0);
            border-bottom-color: var(--lm-border-color);
            border-width: 18px;
            margin-left: -18px;
            bottom: calc(100% + 1px);
        }

        .offer-theme .location-box .popup:after {
            border-color: rgba(255, 255, 255, 0);
            border-bottom-color: #fff;
            border-width: 16px;
            margin-left: -16px;
        }

.offer-theme .legal-info-text-wrapper,
.conf-theme .legal-info-text-wrapper {
    background-color: var(--lm-black);
    margin-bottom: 0;
}

    .offer-theme .legal-info-text-wrapper .legal-info-text,
    .conf-theme .legal-info-text-wrapper .legal-info-text {
        border: none;
        padding-left: 0;
        padding-right: 0;
    }

        .offer-theme .legal-info-text-wrapper .legal-info-text .sub-headline,
        .offer-theme .legal-info-text-wrapper .legal-info-text .headline,
        .offer-theme .legal-info-text-wrapper .legal-info-text .highlight-headline,
        .conf-theme .legal-info-text-wrapper .legal-info-text .sub-headline,
        .conf-theme .legal-info-text-wrapper .legal-info-text .headline,
        .conf-theme .legal-info-text-wrapper .legal-info-text .highlight-headline {
            text-align: left;
            font-family: var(--lm-font-bold);
            font-weight: 400;
            line-height: 1.2;
        }

        .offer-theme .legal-info-text-wrapper .legal-info-text .sub-headline,
        .conf-theme .legal-info-text-wrapper .legal-info-text .sub-headline {
            font-size: 18px;
            color: var(--lm-white);
        }

        .offer-theme .legal-info-text-wrapper .legal-info-text .headline,
        .conf-theme .legal-info-text-wrapper .legal-info-text .headline {
            font-size: 20px;
            color: var(--lm-white);
        }

        .offer-theme .legal-info-text-wrapper .legal-info-text .highlight-headline,
        .conf-theme .legal-info-text-wrapper .legal-info-text .highlight-headline {
            font-size: 30px;
        }

        .offer-theme .legal-info-text-wrapper .legal-info-text .content.fs14,
        .conf-theme .legal-info-text-wrapper .legal-info-text .content.fs14 {
            font-size: 12px !important;
            color: var(--lm-lightgrey);
        }



.offer-theme .service-module h3::after {
    background-image: url('/img/leap/offer/arrow_down@2x.png');
}


.offer-theme .services-tab {
    border-color: var(--lm-blue);
}

.offer-theme .services-tab-active {
    background-color: var(--lm-blue);
}

/* offer theme promocode */
.offer-theme #offer-summary #actionCode .headline {
    font-family: var(--lm-font-bold);
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    color: var(--lm-black);
}

.offer-theme #offer-summary #actionCode label {
    font-size: 14px;
}

.offer-theme #offer-summary #transportcosts-content .custom-control-label,
.offer-theme #offer-summary #transportcosts-content p,
.offer-theme #offer-summary #insurances-content .custom-control-label,
.offer-theme #offer-summary #insurances-content p {
    font-size: 14px;
}

.offer-theme #offer-summary #actionCode .action-code-wrap {
    border-color: var(--lm-blue);
    width: 100%;
    background-color: var(--lm-white);
}

@media print, screen and (max-width: 767.98px) {
    .offer-theme .gallery-wrapper .gallery .row-summary:first-of-type .sub-headline {
        font-size: 18px;
        line-height: 1.2;
    }

    .offer-theme .gallery-wrapper .gallery .row-summary:first-of-type .headline {
        font-size: 18px;
        line-height: 1.2;
    }

    .offer-theme .tarif2-box-wrapper + .location-box-wrapper {
        margin-bottom: 320px;
    }

    .offer-theme .location-box .popup {
        position: absolute;
        left: -2px;
        top: 100%;
    }
}

@media print, screen and (max-width: 575.98px) {
    .offer-theme #services-outer .services-list .service-item-price {
        margin-top: 0;
    }
}

@media print, screen and (min-width: 992px) {
    .offer-theme .gallery-wrapper .gallery .config-layer .delivery {
        padding: 0;
    }

    .offer-theme .button-in-stock a:hover:before {
        border-right-color: var(--lm-blue);
    }
}

/* Service Modul Accordeon */
.offer-theme #tarif-details-table td:nth-child(1),
.conf-theme #b2x-summary #tarif-details-table td:nth-child(1) {
    font-family: var(--lm-font-bold);
}

.offer-theme .summary-car-label-outer .electric-label-summary {
    width: 40px;
}

.offer-theme .summary-car-label-outer {
    position: relative;
}

    .offer-theme .summary-car-label-outer img.fuel-label-summary {
        position: absolute;
        top: 15px;
        right: 15px;
        height: 40px;
        width: auto;
        display: block;
        z-index: 1;
        backdrop-filter: blur(10px);
    }

body.st-bt {
    padding-bottom: 0;
}

.offer-theme .button-text-download.download-details-pdf-sidebar {
    text-transform: none;
    font-size: 14px;
    text-decoration: underline;
    color: var(--lm-black);
}

    .offer-theme .button-text-download.download-details-pdf-sidebar:hover {
        color: var(--lm-blue);
    }
/* Bootstrap overwrites and additions
-------------------------------------------------- */
/* colors */
/* fonts */
/* font sizes */
/* spacing */
/* body styles */
/* global */
/* buttons */
/* header */
/* headline styles */
:root {
  --lm-primary: #4d5d81;
  --lm-primary-rgb: 0, 114, 175;
  --lm-primary-opacity: 0.1;
  --lm-black: #000000;
  --lm-white: #FFFFFF;
  --lm-grey: #D1D3D4;
  --lm-grey-disabled: #757575;
  --lm-lightgrey: #EAEBEB;
  --lm-yellow: #FFBA00;
  --lm-blue: #4d5d81;
  --lm-blue-dark: #095e8c;
  --lm-green: #83AA3E;
  --lm-gallery-bg: #d4d4d4;
  --lm-placeholder-color: #757575;
  --lm-border-color: #757575;
  --lm-border-radius: 14px;
  --lm-font-bold: Montserrat-bold, Arial, Helvetica, sans-serif;
  --lm-font-regular: Montserrat, Arial, Helvetica, sans-serif;
  --headline-font: Montserrat-bold, Arial, Helvetica, sans-serif;
  --headline-fontsize: 2.5rem;
  --headline-color: #000000;
  --headline-text-transform: uppercase;
  --text-black-color: #000000;
}

@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-display: swap;
  src: url(../../../fonts/leap/Montserrat/Montserrat-Regular-8.otf) format("opentype");
}
@font-face {
  font-family: "Montserrat-bold";
  font-weight: 400;
  font-display: swap;
  src: url(../../../fonts/leap/Montserrat/Montserrat-Bold-3.otf) format("opentype");
}
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 {
  color: #000000;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
}
@media (max-width: 991.98px) {
  body:has(#sticky-buttons) {
    padding-bottom: 90px;
  }
}

dl {
  margin-bottom: 0;
}
dl dt {
  font-family: "Montserrat-bold", Arial, Helvetica, sans-serif;
}

/*
 * btn extensions
 */
.button-orange-arrow-right, .home-index-lane-tile-cta .btn, .btn-primary, .custom-checkbox.custom-checkbox-btn label.btn,
.btn-secondary,
.btn-tertiary {
  font-size: 1rem;
  color: #FFFFFF;
  font-family: "Montserrat-bold", Arial, Helvetica, sans-serif;
  line-height: 1;
  border-radius: 0px;
  text-transform: none;
  text-decoration: none;
  border: 2px solid transparent;
  padding: 0.875rem 1.5rem;
  transition: all 0.3s ease 0s;
}
.button-orange-arrow-right:hover, .home-index-lane-tile-cta .btn:hover, .btn-primary:hover, .custom-checkbox.custom-checkbox-btn label.btn:hover,
.btn-secondary:hover,
.btn-tertiary:hover {
  border-color: transparent;
}
.button-orange-arrow-right:active, .home-index-lane-tile-cta .btn:active, .btn-primary:active, .custom-checkbox.custom-checkbox-btn label.btn:active,
.btn-secondary:active,
.btn-tertiary:active, .button-orange-arrow-right:focus, .home-index-lane-tile-cta .btn:focus, .btn-primary:focus, .custom-checkbox.custom-checkbox-btn label.btn:focus,
.btn-secondary:focus,
.btn-tertiary:focus {
  border-color: transparent;
  outline: none;
  box-shadow: none;
}

.btn-outline.btn-tertiary:not(:disabled):not(.disabled), .btn-outline.btn-secondary:not(:disabled):not(.disabled), .btn-outline.modal-footer-accept: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), .custom-checkbox.custom-checkbox-btn label.btn-outline.btn:not(:disabled):not(.disabled), .custom-checkbox.custom-checkbox-btn label.btn:not(:disabled):not(.disabled):has(input:not(:checked)) {
  background-color: transparent;
  border: 2px solid;
}
.btn-outline.btn-tertiary:hover:not(:disabled):not(.disabled), .btn-outline.btn-secondary:hover:not(:disabled):not(.disabled), .btn-outline.modal-footer-accept: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), .custom-checkbox.custom-checkbox-btn label.btn-outline.btn:hover:not(:disabled):not(.disabled), .custom-checkbox.custom-checkbox-btn label.btn:hover:not(:disabled):not(.disabled):has(input:not(:checked)) {
  background-color: transparent;
}
.btn-icon.btn-outline.btn-tertiary:not(:disabled):not(.disabled), .btn-icon.btn-outline.btn-secondary:not(:disabled):not(.disabled), .btn-icon.btn-outline.modal-footer-accept: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), .custom-checkbox.custom-checkbox-btn label.btn-icon.btn-outline.btn:not(:disabled):not(.disabled), .custom-checkbox.custom-checkbox-btn label.btn-icon.btn:not(:disabled):not(.disabled):has(input:not(:checked)) {
  padding: 0.875rem 3rem 0.875rem 1.5rem;
}

.btn-icon.btn-tertiary, .btn-icon.btn-secondary, .btn-icon.modal-footer-accept, .btn-icon.button-orange-arrow-right, .home-index-lane-tile-cta .btn-icon.btn, .btn-icon.btn-primary, .custom-checkbox.custom-checkbox-btn label.btn-icon.btn {
  position: relative;
  padding-right: 3rem;
}
.btn-icon.btn-tertiary i, .btn-icon.btn-secondary i, .btn-icon.modal-footer-accept i, .btn-icon.button-orange-arrow-right i, .home-index-lane-tile-cta .btn-icon.btn i, .btn-icon.btn-primary i, .custom-checkbox.custom-checkbox-btn label.btn-icon.btn i {
  position: absolute;
  right: 0.75rem;
  left: inherit;
}

.btn-tertiary:disabled, .disabled.btn-tertiary, .home-index-lane-tile-cta .btn-tertiary.home-index-lane-tile-cta-disabled, .btn-secondary:disabled, .disabled.btn-secondary, .home-index-lane-tile-cta .btn-secondary.home-index-lane-tile-cta-disabled, .modal-footer-accept:disabled, .button-orange-arrow-right:disabled, .home-index-lane-tile-cta .btn:disabled, .btn-primary:disabled, .custom-checkbox.custom-checkbox-btn label.btn:disabled, .disabled.modal-footer-accept, .disabled.button-orange-arrow-right, .home-index-lane-tile-cta .home-index-lane-tile-cta-disabled.modal-footer-accept, .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, .custom-checkbox.custom-checkbox-btn label.disabled.btn, .home-index-lane-tile-cta .btn-primary.home-index-lane-tile-cta-disabled, .home-index-lane-tile-cta .custom-checkbox.custom-checkbox-btn label.home-index-lane-tile-cta-disabled.btn, .custom-checkbox.custom-checkbox-btn .home-index-lane-tile-cta label.home-index-lane-tile-cta-disabled.btn {
  color: #757575;
  background: #FFFFFF;
  border: 2px solid #757575;
  opacity: 1;
  pointer-events: none;
}
.btn-tertiary:hover:disabled, .disabled.btn-tertiary:hover, .home-index-lane-tile-cta .btn-tertiary.home-index-lane-tile-cta-disabled:hover, .btn-secondary:hover:disabled, .disabled.btn-secondary:hover, .home-index-lane-tile-cta .btn-secondary.home-index-lane-tile-cta-disabled:hover, .modal-footer-accept:hover:disabled, .button-orange-arrow-right:hover:disabled, .home-index-lane-tile-cta .btn:hover:disabled, .btn-primary:hover:disabled, .custom-checkbox.custom-checkbox-btn label.btn:hover:disabled, .disabled.modal-footer-accept:hover, .disabled.button-orange-arrow-right:hover, .home-index-lane-tile-cta .home-index-lane-tile-cta-disabled.modal-footer-accept: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, .custom-checkbox.custom-checkbox-btn label.disabled.btn:hover, .home-index-lane-tile-cta .btn-primary.home-index-lane-tile-cta-disabled:hover, .btn-tertiary:focus:disabled, .disabled.btn-tertiary:focus, .home-index-lane-tile-cta .btn-tertiary.home-index-lane-tile-cta-disabled:focus, .btn-secondary:focus:disabled, .disabled.btn-secondary:focus, .home-index-lane-tile-cta .btn-secondary.home-index-lane-tile-cta-disabled:focus, .modal-footer-accept:focus:disabled, .button-orange-arrow-right:focus:disabled, .home-index-lane-tile-cta .btn:focus:disabled, .btn-primary:focus:disabled, .custom-checkbox.custom-checkbox-btn label.btn:focus:disabled, .disabled.modal-footer-accept:focus, .disabled.button-orange-arrow-right:focus, .home-index-lane-tile-cta .home-index-lane-tile-cta-disabled.modal-footer-accept: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, .custom-checkbox.custom-checkbox-btn label.disabled.btn:focus, .home-index-lane-tile-cta .btn-primary.home-index-lane-tile-cta-disabled:focus, .btn-tertiary:active:disabled, .disabled.btn-tertiary:active, .home-index-lane-tile-cta .btn-tertiary.home-index-lane-tile-cta-disabled:active, .btn-secondary:active:disabled, .disabled.btn-secondary:active, .home-index-lane-tile-cta .btn-secondary.home-index-lane-tile-cta-disabled:active, .modal-footer-accept:active:disabled, .button-orange-arrow-right:active:disabled, .home-index-lane-tile-cta .btn:active:disabled, .btn-primary:active:disabled, .custom-checkbox.custom-checkbox-btn label.btn:active:disabled, .disabled.modal-footer-accept:active, .disabled.button-orange-arrow-right:active, .home-index-lane-tile-cta .home-index-lane-tile-cta-disabled.modal-footer-accept: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, .custom-checkbox.custom-checkbox-btn label.disabled.btn:active, .home-index-lane-tile-cta .btn-primary.home-index-lane-tile-cta-disabled:active {
  color: #757575;
  background: #FFFFFF;
  border: 2px solid #757575;
}

.modal-footer-accept, .button-orange-arrow-right, .home-index-lane-tile-cta .btn, .btn-primary, .custom-checkbox.custom-checkbox-btn label.btn {
  background-color: #000000;
}
.modal-footer-accept:hover, .button-orange-arrow-right:hover, .home-index-lane-tile-cta .btn:hover, .btn-primary:hover, .custom-checkbox.custom-checkbox-btn label.btn:hover, .modal-footer-accept:focus, .button-orange-arrow-right:focus, .home-index-lane-tile-cta .btn:focus, .btn-primary:focus, .custom-checkbox.custom-checkbox-btn label.btn:focus, .modal-footer-accept:active, .button-orange-arrow-right:active, .home-index-lane-tile-cta .btn:active, .btn-primary:active, .custom-checkbox.custom-checkbox-btn label.btn:active, .active.modal-footer-accept, .active.button-orange-arrow-right, .home-index-lane-tile-cta .active.btn, .active.btn-primary, .custom-checkbox.custom-checkbox-btn label.active.btn {
  background-color: #4d5d81;
  color: #FFFFFF;
  text-decoration: none;
}
.btn-outline.modal-footer-accept: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), .custom-checkbox.custom-checkbox-btn label.btn-outline.btn:not(:disabled):not(.disabled), .custom-checkbox.custom-checkbox-btn label.btn:not(:disabled):not(.disabled):has(input:not(:checked)) {
  border-color: #000000;
  color: #000000;
}
.btn-outline.modal-footer-accept:not(:disabled):not(.disabled):hover, .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, .custom-checkbox.custom-checkbox-btn label.btn-outline.btn:not(:disabled):not(.disabled):hover, .custom-checkbox.custom-checkbox-btn label.btn:not(:disabled):not(.disabled):hover:has(input:not(:checked)) {
  border-color: #4d5d81;
  color: #4d5d81;
}
.btn-secondary {
  background-color: #4d5d81;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .active.btn-secondary {
  background-color: #000000;
}
.btn-outline.btn-secondary:not(:disabled):not(.disabled), .custom-checkbox.custom-checkbox-btn label.btn-secondary.btn:not(:disabled):not(.disabled):has(input:not(:checked)) {
  border-color: #FFBA00;
  color: #FFBA00;
}
.btn-outline.btn-secondary:not(:disabled):not(.disabled):hover, .custom-checkbox.custom-checkbox-btn label.btn-secondary.btn:not(:disabled):not(.disabled):hover:has(input:not(:checked)) {
  border-color: #000000;
  color: #000000;
}
.btn-tertiary {
  background-color: #FFFFFF;
  color: #000000;
}
.btn-tertiary:hover, .btn-tertiary:focus, .btn-tertiary:active, .active.btn-tertiary {
  background-color: #4d5d81;
  color: #FFFFFF;
  text-decoration: none;
}
.btn-outline.btn-tertiary:not(:disabled):not(.disabled), .custom-checkbox.custom-checkbox-btn label.btn-tertiary.btn:not(:disabled):not(.disabled):has(input:not(:checked)) {
  border-color: #000000;
  color: #000000;
}
.btn-outline.btn-tertiary:not(:disabled):not(.disabled):hover, .custom-checkbox.custom-checkbox-btn label.btn-tertiary.btn:not(:disabled):not(.disabled):hover:has(input:not(:checked)) {
  border-color: #4d5d81;
  color: #4d5d81;
}
.btn-lg {
  font-size: 1.125rem;
}

.btn-sm {
  font-size: 0.875rem;
  padding-bottom: 0.7815rem;
  padding-top: 0.7815rem;
}

/*
 * btn classes
 */
/*
 * 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;
  text-align: center;
  text-decoration: none;
}

.modal-footer-dismiss {
  background-color: transparent;
  border: solid 1px #4d5d81;
  color: #4d5d81;
  text-decoration: none;
}
.modal-footer-dismiss:hover {
  color: #FFFFFF;
  background-color: #4d5d81;
}

.custom-checkbox label {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
.custom-checkbox label::before {
  content: "";
  min-width: 1rem;
  height: 1rem;
  font-family: "FontAwesome";
  font-weight: 800;
  font-size: 0.625rem;
  color: transparent;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 0;
  transition-duration: 0.25s;
  transition-timing-function: ease;
  transition-property: color, background-color, border;
  cursor: pointer;
  text-align: center;
  line-height: 1.375;
  transform: translateY(2px);
}
.custom-checkbox label .label-text {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 10px;
  flex: auto;
  font-size: 0.875rem;
  line-height: 1.5;
}
.custom-checkbox label input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.custom-checkbox label:has(input:checked)::before {
  content: "\f00c";
  color: #FFFFFF;
  background-color: #4d5d81;
  border: 1px solid #757575;
}
.custom-checkbox label:has(input:disabled)::before {
  background-color: #D1D3D4;
  border: 1px solid #757575;
}
.custom-checkbox.custom-checkbox-lg label {
  gap: 10px;
  line-height: 1.5;
}
.custom-checkbox.custom-checkbox-lg label::before {
  min-width: 22px;
  height: 22px;
  font-size: 1rem;
  line-height: 1.25;
  transform: translateY(0px);
}
.custom-checkbox.custom-checkbox-lg label .label-text {
  font-size: 1rem;
}
.custom-checkbox.custom-checkbox-btn label {
  gap: 10px;
  line-height: 1.375;
}
.custom-checkbox.custom-checkbox-btn label::before {
  border: 1px solid #757575;
  min-width: 22px;
  height: 22px;
  font-size: 1rem;
  line-height: 1.25;
  transform: translateY(0px);
}
.custom-checkbox.custom-checkbox-btn label .label-text {
  font-size: 1rem;
}
.custom-checkbox.custom-checkbox-btn label.btn {
  padding: 0.625rem 1.5rem;
}
.custom-checkbox.custom-checkbox-btn label.btn:has(input:checked)::before {
  color: #4d5d81;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.main-headline h1, .headline {
  font-family: var(--headline-font);
  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);
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.userlike-fake-chat {
  z-index: 2147483647;
  position: fixed;
  left: auto;
  right: calc(0% + 24px);
  bottom: calc(0% + 20px);
  opacity: 0;
}
.userlike-fake-chat.active {
  animation-name: fadeIn;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
}

.userlike-fake-chat-button {
  appearance: none;
  user-select: none;
  background-color: #000000;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 8px 20px 0px;
  cursor: pointer;
  color: #FFFFFF;
  display: flex;
  line-height: 1.2;
  position: relative;
  height: 64px;
  min-width: 64px;
  font-size: 40px;
  width: 64px;
  min-height: 64px;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  border-radius: 12px;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  transition: border-radius 0.5s, outline 0.1s ease-out;
  opacity: 0;
}
.userlike-fake-chat-button:hover {
  background-color: #000000;
}
.userlike-fake-chat-button.active {
  outline: 0;
  animation-name: fadeIn;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
}
.userlike-fake-chat-button > span {
  width: 40px;
  height: 40px;
}
.userlike-fake-chat-button svg {
  vertical-align: unset;
}

.userlike-fake-chat-container {
  background: #000000 url("/img/usercentric-fake-chat/usercentric-bg-waves.svg");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 16px 40px;
  display: none;
  align-items: center;
  width: 375px;
  min-width: 375px;
  max-width: 100vw;
  min-height: 200px;
  height: 200px;
  max-height: calc(-2% - 60px + 100vh);
  opacity: 0;
  padding: 12px 20px 20px;
  line-height: 1.25;
  position: fixed;
  left: auto;
  right: calc(0% + 24px);
  bottom: calc(0% + 20px);
  z-index: 2147483647;
}
@media (max-width: 575.98px) {
  .userlike-fake-chat-container {
    border-radius: 0px;
    right: 0;
    bottom: 0;
    width: 100%;
  }
}
.userlike-fake-chat-container.active {
  display: flex;
  animation-name: fadeIn;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
}
.userlike-fake-chat-container .userlike-fake-chat-box {
  color: #FFFFFF;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.userlike-fake-chat-container .userlike-fake-chat-box-header {
  display: flex;
  justify-content: flex-end;
}
.userlike-fake-chat-container .userlike-fake-chat-box-header .btn-close {
  border-radius: 9999px;
  color: #FFFFFF;
  padding: 2px;
}
.userlike-fake-chat-container .userlike-fake-chat-box-header .btn-close:hover, .userlike-fake-chat-container .userlike-fake-chat-box-header .btn-close:focus {
  background-color: rgba(0, 0, 0, 0.04);
  box-shadow: none;
  outline: 0;
}
.userlike-fake-chat-container .userlike-fake-chat-box-header .btn-close svg {
  vertical-align: unset;
  width: 100%;
  height: 100%;
}
.userlike-fake-chat-container .userlike-fake-chat-box-body .btn {
  display: inline-flex;
  appearance: none;
  align-items: center;
  justify-content: center;
  user-select: none;
  position: relative;
  vertical-align: middle;
  outline-offset: 2px;
  line-height: 1.2;
  color: #000000;
  background-color: #fff;
  font-size: 1rem;
  word-break: break-word;
  text-align: center;
  outline: transparent solid 2px;
  border-radius: 0.375rem;
  white-space: normal;
  width: 100%;
  height: 56px;
}
.userlike-fake-chat-container .userlike-fake-chat-box-body .btn:hover {
  background-color: #EDF2F7;
  color: #000000;
}

/*
 * dropdown base variables
 */
/*
 * dropdown mixins
 */
/*
 * dropdown base
 */
.dropdown-primary .select2-container,
.dropdown-secondary .select2-container {
  --bs-border-width: 0; /* bootstrap 5 margin calc */
  z-index: 40;
}
.dropdown-primary .select2-container [class^=select2],
.dropdown-secondary .select2-container [class^=select2] {
  font-size: 1rem;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-align: left;
  letter-spacing: 0.18px;
  line-height: calc(1.5em + 0.75rem);
  color: #000000;
  border-radius: 0 !important;
}
.dropdown-primary .select2-container .selection,
.dropdown-secondary .select2-container .selection {
  /*
   * dropdown single & multiple
   */
}
.dropdown-primary .select2-container .selection .select2-selection,
.dropdown-secondary .select2-container .selection .select2-selection {
  border: 1px solid #4d5d81;
  transition: border-color 0.3s ease;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #FFFFFF;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0), 0 0 8px rgba(255, 255, 255, 0);
}
.dropdown-primary .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__clear,
.dropdown-secondary .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__clear {
  transition: color 0.3s ease;
  height: initial;
  width: initial;
  font-size: 1.5rem;
  cursor: pointer;
  float: initial;
  z-index: 9;
  line-height: 1;
  padding: 0;
  background-color: transparent;
  color: #000000;
  position: absolute;
  top: calc(50% - 0rem);
  transform: translateY(-50%);
  right: calc(2.188rem + 0.75rem);
  margin: 0;
}
.dropdown-primary .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__clear:hover,
.dropdown-secondary .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__clear:hover {
  color: #D51121;
}
.dropdown-primary .select2-container .selection,
.dropdown-secondary .select2-container .selection {
  /*
   * dropdown single
   */
}
.dropdown-primary .select2-container .selection .select2-selection.select2-selection--single,
.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--single {
  height: calc(calc(1.5em + 0.75rem) + 1px * 2) !important;
}
.dropdown-primary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered,
.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered {
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
  height: 100%;
  padding-left: 0.75rem;
  padding-right: calc(2.188rem + 0.75rem);
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown-primary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__placeholder,
.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: #757575;
}
.dropdown-primary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__clear,
.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__clear {
  right: calc(2.188rem + 0.75rem);
}
.dropdown-primary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow,
.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #4d5d81;
  position: absolute;
  top: 0;
  right: 0;
  width: 2.188rem;
  height: 100%;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.dropdown-primary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow b,
.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow b {
  display: none;
}
.dropdown-primary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow:after,
.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow:after {
  padding: 0 !important; /* remove all inputSelect2Disable classes then this line of code */
  display: block !important; /* remove all inputSelect2Disable classes then this line of code */
  content: "\f107" !important; /* remove all inputSelect2Disable classes then the !important */
  color: #FFFFFF;
  font-size: 0.875rem;
  font-family: "FontAwesome";
  font-weight: 800;
  line-height: 1;
  width: initial;
  height: initial;
  border: none;
  background-color: transparent;
  margin: 0;
  position: initial;
  text-align: initial;
  float: initial;
  vertical-align: initial;
  transition: transform 0.3s ease;
}
.dropdown-primary .select2-container .selection,
.dropdown-secondary .select2-container .selection {
  /*
   * dropdown multiple
   */
}
.dropdown-primary .select2-container .selection .select2-selection.select2-selection--multiple,
.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--multiple {
  min-height: calc(calc(1.5em + 0.75rem) - 1px * 2) !important;
  padding: 0;
}
.dropdown-primary .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered,
.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered {
  flex-wrap: wrap;
  column-gap: calc(0.75rem * 0.25);
  margin: 0;
  list-style: none;
  height: 100%;
  padding: 0;
  padding-left: calc(0.75rem * 0.25);
  padding-top: calc(0.75rem * 0.25);
  padding-right: calc(2.188rem + 0.75rem);
  display: flex !important;
}
.dropdown-primary .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__clear,
.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__clear {
  right: 0.75rem;
}
.dropdown-primary .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  border: 1px solid #4d5d81;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  gap: calc(0.75rem * 0.5);
  height: calc(calc(1.5em + 0.75rem) - calc(0.75rem * 0.5)) !important;
  margin: 0 !important;
  margin-bottom: calc(0.75rem * 0.25) !important;
  padding: 0 !important;
  padding-left: calc(0.75rem * 0.5) !important;
  padding-right: calc(0.75rem * 0.5) !important;
}
.dropdown-primary .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove,
.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  margin: 0;
  cursor: pointer;
  line-height: 1;
  background-color: transparent;
  color: #000000;
  transition: color 0.3s ease;
  font-size: 1.5rem;
}
.dropdown-primary .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover,
.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
  color: #D51121;
}
.dropdown-primary .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field,
.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
  width: calc(100% - calc(0.75rem * 0.5)) !important;
  padding-left: calc(calc(0.75rem * 0.5) + calc(0.75rem * 0.25));
  padding-right: calc(calc(0.75rem * 0.5) + calc(0.75rem * 0.25));
  margin: 0;
  margin-top: calc(calc(0.75rem * 0.25) * -1);
  background-color: transparent;
}
.dropdown-primary .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__arrow,
.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__arrow {
  display: none;
}
.dropdown-primary .select2-container.select2-container--open,
.dropdown-secondary .select2-container.select2-container--open {
  z-index: 99;
}
.dropdown-primary .select2-container.select2-container--open .selection .select2-selection.select2-selection--single .select2-selection__arrow:after,
.dropdown-secondary .select2-container.select2-container--open .selection .select2-selection.select2-selection--single .select2-selection__arrow:after {
  transform: rotate(180deg);
}
.dropdown-primary .select2-container.select2-container--disabled .selection .select2-selection,
.dropdown-secondary .select2-container.select2-container--disabled .selection .select2-selection {
  opacity: 0.5;
  cursor: not-allowed;
}
.dropdown-primary .select2-container .select2-dropdown,
.dropdown-secondary .select2-container .select2-dropdown {
  border-top: 1px solid #4d5d81;
  border-left: 1px solid #4d5d81;
  border-right: 1px solid #4d5d81;
  border-bottom: 1px solid #4d5d81;
}
.dropdown-primary .select2-container .select2-dropdown.select2-dropdown--below,
.dropdown-secondary .select2-container .select2-dropdown.select2-dropdown--below {
  border-top: none;
}
.dropdown-primary .select2-container .select2-dropdown.select2-dropdown--above,
.dropdown-secondary .select2-container .select2-dropdown.select2-dropdown--above {
  border-bottom: none;
}
.dropdown-primary .select2-container .select2-dropdown .select2-search,
.dropdown-secondary .select2-container .select2-dropdown .select2-search {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  height: calc(1.5em + 0.75rem);
}
.dropdown-primary .select2-container .select2-dropdown .select2-search .select2-search__field,
.dropdown-secondary .select2-container .select2-dropdown .select2-search .select2-search__field {
  outline: none;
  padding: 0;
  border: none;
  background: none;
}
.dropdown-primary .select2-container .select2-dropdown .select2-results__options,
.dropdown-secondary .select2-container .select2-dropdown .select2-results__options {
  max-height: 220px;
}
.dropdown-primary .select2-container .select2-dropdown .select2-results__option,
.dropdown-secondary .select2-container .select2-dropdown .select2-results__option {
  padding: 0;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  height: calc(1.5em + 0.75rem);
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000000;
}
.dropdown-primary .select2-container .select2-dropdown .select2-results__option[aria-selected=true],
.dropdown-secondary .select2-container .select2-dropdown .select2-results__option[aria-selected=true] {
  background-color: white;
  color: #000000;
}
.dropdown-primary .select2-container .select2-dropdown .select2-results__option.select2-results__option--highlighted,
.dropdown-secondary .select2-container .select2-dropdown .select2-results__option.select2-results__option--highlighted {
  background-color: #4d5d81;
  color: #FFFFFF;
}
.dropdown-without-arrow.dropdown-primary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered,
.dropdown-without-arrow.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered {
  padding-right: 0.75rem;
}
.dropdown-without-arrow.dropdown-primary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__placeholder,
.dropdown-without-arrow.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: #757575;
}
.dropdown-without-arrow.dropdown-primary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__clear,
.dropdown-without-arrow.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__clear {
  right: 0.75rem;
}
.dropdown-without-arrow.dropdown-primary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__clear:hover,
.dropdown-without-arrow.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__clear:hover {
  color: #D51121;
}
.dropdown-without-arrow.dropdown-primary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow,
.dropdown-without-arrow.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow {
  display: none;
}
.dropdown-without-arrow.dropdown-primary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow b,
.dropdown-without-arrow.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow b {
  display: none;
}
.dropdown-without-arrow.dropdown-primary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow:after,
.dropdown-without-arrow.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow:after {
  content: none;
  display: none;
}

/*
 * dropdown primary
 */
.dropdown-primary .select2-container [class^=select2] {
  color: #000000;
}
.dropdown-primary .select2-container .selection .select2-selection {
  border-color: #757575;
  background-color: #FFFFFF;
}
.dropdown-primary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow {
  background-color: transparent;
}
.dropdown-primary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow:after {
  color: #4d5d81;
}
.dropdown-primary .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  border-color: #757575;
}
.dropdown-primary .select2-container .select2-dropdown {
  border-color: #757575;
}
.dropdown-primary .select2-container .select2-dropdown .select2-results__option {
  color: #000000;
}
.dropdown-primary .select2-container .select2-dropdown .select2-results__option[aria-selected=true] {
  background-color: #F3F3F3;
  color: #000000;
}
.dropdown-primary .select2-container .select2-dropdown .select2-results__option.select2-results__option--highlighted {
  background-color: #4d5d81;
  color: #FFFFFF;
}

/*
 * dropdown secondary
 */
.dropdown-secondary .select2-container [class^=select2] {
  color: #FFFFFF;
}
.dropdown-secondary .select2-container .selection .select2-selection {
  border-color: #000000;
  background-color: #000000;
}
.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow {
  background-color: #000000;
}
.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--single .select2-selection__arrow:after {
  color: #FFFFFF;
}
.dropdown-secondary .select2-container .selection .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  border-color: #000000;
}
.dropdown-secondary .select2-container .select2-dropdown {
  border-color: #000000;
}
.dropdown-secondary .select2-container .select2-dropdown .select2-results__option {
  color: #000000;
}
.dropdown-secondary .select2-container .select2-dropdown .select2-results__option[aria-selected=true] {
  background-color: #F3F3F3;
  color: #000000;
}
.dropdown-secondary .select2-container .select2-dropdown .select2-results__option.select2-results__option--highlighted {
  background-color: #4d5d81;
  color: #FFFFFF;
}

/*
* dropdown classes
*/
/*
 * loader variables
 */
/*
 * loader mixins
 */
/*
 * loader base
 */
.loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
}
.loader-active.loader {
  opacity: 1;
}
.loader {
  opacity: 0;
  display: grid;
  place-items: center;
  transition: opacity 0.15s ease-in-out;
}
.loader .ripple-loader {
  color: #4d5d81;
  position: relative;
  inline-size: 72px;
  block-size: 72px;
  aspect-ratio: 1;
}
.loader .ripple-loader:before, .loader .ripple-loader:after {
  content: "";
  position: absolute;
  inset: 0;
  border: 6px solid currentColor;
  border-radius: 50%;
  opacity: 0;
  transform: scale(0.2);
  animation: ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  will-change: transform, opacity;
}
.loader .ripple-loader:after {
  animation-delay: calc(-0.5 * 1s);
}

/*
* loader animation
*/
@keyframes ripple {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
/*
* loader classes
*/
/*
 * config-price-box variables
 */
/*
 * config-price-box mixins
 */
/*
 * config-price-box base
 */
.config-price-box {
  background-color: transparent;
  width: 100%;
  position: relative;
  color: #000000;
}
.config-price-box .price-description {
  font-family: "Montserrat-bold", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  /*text-transform: uppercase;*/
  color: inherit;
}
.config-price-box .leasing-payment-brutto-normal {
  font-family: "Montserrat-bold", Arial, Helvetica, sans-serif;
  color: inherit;
}
.config-price-box .leasing-payment-brutto-normal .leasing-payment-brutto-srv,
.config-price-box .leasing-payment-brutto-normal .leasing-payment-brutto-total,
.config-price-box .leasing-payment-brutto-normal .leasing-payment-brutto-label {
  font-family: inherit;
  font-size: 1.875rem;
  color: inherit;
  line-height: 1;
}
.config-price-box .leasing-payment-brutto-normal .leasing-payment-brutto-srv sup,
.config-price-box .leasing-payment-brutto-normal .leasing-payment-brutto-total sup,
.config-price-box .leasing-payment-brutto-normal .leasing-payment-brutto-label sup {
  font-size: 50%;
  top: -1em;
}
.config-price-box .transport-costs-separated,
.config-price-box .transport-costs-sep {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: inherit;
}

/*
* config-price-box classes
*/
.summary-share-dropdown {
  position: relative;
}
.summary-share-dropdown .dropdown-toggle {
  color: #000000;
  position: absolute;
  top: 0;
  right: 0px;
  z-index: 2000;
}
.summary-share-dropdown .dropdown-toggle::after {
  display: none;
}
.summary-share-dropdown .dropdown-menu {
  border: 1px solid #757575;
  border-radius: 0;
  color: #000000;
  padding: 0.5rem 0;
}
.summary-share-dropdown .dropdown-menu a.dropdown-item {
  color: #000000;
  line-height: 1.5;
  text-decoration: none;
  padding: 0.25rem 1.5rem;
}
.summary-share-dropdown .dropdown-menu a.dropdown-item:hover, .summary-share-dropdown .dropdown-menu a.dropdown-item:focus {
  background-color: #EAEBEB;
  color: #000000;
}

/*
 * sup-legal-asterisk variables
 */
/*
 * sup-legal-asterisk base
 */
sup[data-legal-asterisk],
sup[data-legal-footNote] {
  position: relative;
  top: -0.375em;
  font-size: 0.875em;
  line-height: 0;
  vertical-align: baseline;
}

/*
* sup-legal-asterisk selectors
*/
/*
 * pagination variables
 */
/*
 * pagination base
 */
.pagination-container {
  background-color: transparent;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 0 0 0;
}
.pagination-container ul.pagination {
  margin: 0;
  display: flex;
  padding-left: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 4px;
}
.pagination-container ul.pagination li.button-pagination {
  padding: 0;
  width: 2.375rem;
  height: 2.375rem;
  background-color: #FFFFFF;
  border: 1px solid #EAEBEB !important;
  border-radius: 0px;
  transition: all 0.25s ease;
  overflow: hidden;
}
.pagination-container ul.pagination li.button-pagination a,
.pagination-container ul.pagination li.button-pagination .page-item {
  width: 100%;
  height: 100%;
  color: #000000;
  font-size: 0.938rem;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  text-decoration: none;
  border: none !important;
  border-radius: 0 !important;
  padding: 0;
  background: none;
  background-color: transparent;
  display: block;
  line-height: calc(2.375rem - 0.125rem);
  text-align: center;
}
.pagination-container ul.pagination li.button-pagination a i.fas.fa-spinner,
.pagination-container ul.pagination li.button-pagination .page-item i.fas.fa-spinner {
  color: #000000;
}
.pagination-container ul.pagination li.button-pagination a:hover,
.pagination-container ul.pagination li.button-pagination .page-item:hover {
  text-decoration: none;
}
.pagination-container ul.pagination li.button-pagination:has(:hover) {
  border: 1px solid #000000 !important;
}
.pagination-container ul.pagination li.button-pagination.page-li-active {
  border: 1px solid #000000 !important;
  background-color: #FFFFFF;
  pointer-events: none;
}
.pagination-container ul.pagination li.button-pagination.page-li-active a,
.pagination-container ul.pagination li.button-pagination.page-li-active .page-item {
  color: #4d5d81;
}

/*
* pagination classes
*/
.banner-holder {
  background-color: #4d5d81;
}
.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: "Montserrat", Arial, Helvetica, sans-serif;
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .banner-text {
    font-size: 1rem;
  }
}
.banner-text strong {
  font-family: "Montserrat-bold", Arial, Helvetica, sans-serif;
}

/*
* Header LM
*/
header {
  background: #000000;
  min-height: 4.6875rem;
}
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 {
  width: 100%;
}
header .navbar-nav a {
  font-size: 1.125rem;
}
@media (min-width: 992px) {
  header .navbar-nav a {
    font-size: 1rem;
  }
}
header .navbar-nav a {
  font-family: "Montserrat-bold", Arial, Helvetica, sans-serif;
}
@media (max-width: 991.98px) {
  header .navbar-nav a {
    display: inline-block;
    color: #FFFFFF;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
  }
}
header .navbar-nav img {
  display: none;
  vertical-align: sub;
}
@media (max-width: 991.98px) {
  header .navbar-nav img {
    display: inline-block;
  }
}
header .navbar-light {
  margin-bottom: 0;
  padding-bottom: 0;
  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: 2.1875rem;
  height: 2.1875rem;
}
header .navbar-light .navbar-toggler-icon:after {
  font-size: 2.1875rem;
  font-family: "FontAwesome";
  font-weight: 800;
  content: "\f0c9";
  color: #FFFFFF;
}
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 {
    padding-bottom: 0.625rem;
    padding-top: 1.25rem;
  }
}
header ul li {
  position: relative;
}
@media (max-width: 991.98px) {
  header ul li {
    display: flex;
    align-items: center;
    padding-bottom: 0.625rem;
    padding-top: 0.625rem;
  }
}
header ul li a {
  color: #FFFFFF;
  display: block;
  margin: 0 0.6875rem;
  font-family: "Montserrat-bold", Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0.832px;
  transition: all 0.25s ease;
  position: relative;
  padding: 0 1rem;
}
header ul li a:hover {
  color: #4d5d81;
  text-decoration: none;
}
header ul li a.active {
  color: #4d5d81;
  font-family: "Montserrat-bold", Arial, Helvetica, sans-serif;
}

/*
 * End Header LM
 */
/* Begin Footer */
.footer {
  background: #000000;
  color: #FFFFFF;
  padding-top: 2.5rem;
  padding-bottom: 1.5625rem;
}
.footer > .container {
  padding-top: 2.5rem;
  border-top: 1px solid #FFFFFF;
}
.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: "Montserrat", Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 1rem;
}
@media (max-width: 767.98px) {
  .footer .navigation ul li {
    font-size: 0.875rem;
  }
}
.footer .navigation ul li .adress-bold {
  font-family: "Montserrat-bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 1.125rem;
  line-height: 1.5;
}
.footer .navigation ul li span {
  font-size: 1rem;
  line-height: 1.75;
  color: #FFFFFF;
}
.footer .navigation ul li a {
  font-size: 1rem;
  line-height: 1.75;
  color: #FFFFFF;
  text-decoration: none;
}

/* End Footer */
.home-index-lanes-caption {
  font-family: "Montserrat-bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin: 1.875rem auto;
  font-size: 1.875rem;
}
@media (min-width: 768px) {
  .home-index-lanes-caption {
    font-size: 3rem;
  }
}
@media (min-width: 768px) {
  .home-index-lanes-caption {
    margin: 3.75rem auto;
  }
}

.home-index-lane-tiles {
  margin-bottom: 2.5rem;
}
@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 {
  background-color: #FFFFFF;
  border: 1px solid #757575;
}
@media (min-width: 768px) {
  .home-index-lane-tile-outer {
    margin-right: -0.0625rem;
  }
}
@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 {
  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.5rem;
  font-family: "Montserrat-bold", Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 0.9375rem;
}

.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: #D1D3D4;
  min-height: 25rem;
  padding: 1.25rem 0;
  position: relative;
}
.content-container-four-steps:before {
  content: "";
  background: linear-gradient(270deg, #D1D3D4 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-color: #FFFFFF;
    background-image: url("/img/leap/startseite/four_steps_background_desktop.jpg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    padding: 2.5rem;
  }
}

@media (max-width: 767.98px) {
  .four-steps-tile-outer {
    margin-bottom: 1.25rem;
  }
}

.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: #000000;
  font-family: "Montserrat-bold", Arial, Helvetica, sans-serif;
  margin-bottom: 1.25rem;
  text-align: center;
  text-transform: uppercase;
}
.four-steps-headline h2 {
  color: #000000;
  font-size: 1.875rem;
}
@media (min-width: 768px) {
  .four-steps-headline h2 {
    font-size: 2.1875rem;
  }
}

.four-steps-description {
  font-size: 1rem;
  color: #000000;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  margin: 0 auto 2.5rem;
  text-align: center;
}

.four-steps-tile-number {
  font-family: "Montserrat-bold", Arial, Helvetica, sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-size: 3rem;
}

.four-steps-tile-name {
  font-family: "Montserrat-bold", Arial, Helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 24px;
  margin-bottom: 1.25rem;
  text-align: center;
  text-transform: uppercase;
}

.four-steps-tile-description {
  text-align: center;
  font-size: 1rem;
}

.info-box-wrapper {
  margin-bottom: 6.25rem;
  margin-top: 2.5rem;
  max-width: none;
}
@media (max-width: 991.98px) {
  .info-box-wrapper {
    margin-bottom: 2.5rem;
    min-width: 100%;
    text-align: center;
  }
}
.info-box-wrapper .info-box {
  display: block;
  padding-top: 4px;
  width: 100%;
  text-decoration: none;
  color: #000000;
  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: #4d5d81;
}
.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;
  line-height: 1.2;
  font-family: "Montserrat-bold", Arial, Helvetica, sans-serif;
  color: #000000;
  margin-bottom: 0px;
  text-transform: uppercase;
  text-align: center;
  transition: 0.3s;
  padding: 10px;
}

.contact-box {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  margin-bottom: 2rem;
}
.contact-box .contact-box-text {
  background-color: #EAEBEB;
  border: 0.3125rem solid #EAEBEB;
  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: #000000;
  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: "Montserrat-bold", Arial, Helvetica, sans-serif;
}
.contact-box .contact-box-text p {
  color: #000000;
  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 #EAEBEB;
  color: #000000;
  font-family: "Montserrat-bold", 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: #000000;
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 1rem 0;
}

.errorpage {
  background-color: #000000;
  color: #FFFFFF;
  font-size: 1rem;
}
.errorpage .left {
  padding: 6.25rem 0 6.25rem 4.75rem;
}
.errorpage .left h1 {
  font-family: var(--headline-font);
  font-size: 3rem;
  text-transform: var(--headline-text-transform);
}
.errorpage .left a {
  width: 75%;
}
.errorpage .right {
  padding: 4.5rem 4.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.errorpage .right img {
  user-select: none;
  -webkit-user-drag: none;
}
@media (max-width: 991.98px) {
  .errorpage .left {
    padding: 0 15px 3rem 15px;
  }
  .errorpage .left a {
    width: 100%;
  }
  .errorpage .right {
    padding: 3rem 15px;
  }
}

.dealer-area {
  background-color: #FFFFFF;
  color: #000000;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  text-align: center;
  padding: 0.313rem 15px;
}

/*
 * dealer-selection-tile base variables
 */
/*
 * dealer-selection-tile mixins
 */
/*
 * dealer-selection-tile base
 */
.dealer-selection-tile-outer {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.dealer-selection-tile-outer .dealer-selection-tile-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 0px;
  border: 1px solid #757575;
  background-color: transparent;
}
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-distance {
  /*padding: $dealer-selection-tile-padding;*/
  padding: 0 0 15px 0;
}
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-distance > div {
  text-align: left;
  /*padding: calc( 0.5 * 15px ) 10px;*/
  padding: 5px 15px;
  border-radius: 0px;
  background-color: #EAEBEB;
  font-family: "Montserrat-bold", Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  color: #000000;
}
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-details {
  background-color: transparent;
  color: #000000;
  height: 100%;
}
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-details .dealer-selection-tile-dealername {
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  min-height: 5rem;
  font-family: "Montserrat-bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 0.938rem;
  line-height: normal;
}
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-details .dealer-selection-tile-dealerstreet,
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-details .dealer-selection-tile-dealerzip,
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-details a.dealer-selection-tile-imprint {
  display: block;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 0.938rem;
  line-height: normal;
  text-transform: none;
}
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-details a.dealer-selection-tile-imprint {
  color: #4d5d81;
  text-decoration: underline;
}
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-details a.dealer-selection-tile-imprint:hover {
  color: #000000;
  text-decoration: underline;
}
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-details .bottom-part {
  /*margin-top: auto;*/
  height: 100%;
  display: flex;
  flex-direction: column;
}
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-details .bottom-part .dealer-selection-tile-price1,
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-details .bottom-part .dealer-selection-tile-price2 {
  display: block;
  text-align: right;
  color: #000000;
  font-family: "Montserrat-bold", Arial, Helvetica, sans-serif;
}
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-details .bottom-part .dealer-selection-tile-price1 {
  margin-top: 1rem;
  font-size: 1.563rem;
}
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-details .bottom-part .dealer-selection-tile-price2 {
  margin-top: -0.5rem;
  font-size: 0.875rem;
}
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-details .bottom-part .dealer-selection-tile-price2 .popover-price i.fastlane-motor-emission {
  color: #4d5d81;
}
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-details .bottom-part .dealer-selection-tile-small {
  display: block;
  text-align: right;
  font-size: 0.75rem;
  color: #000000;
}
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-details .bottom-part .icon {
  font-size: 0.875rem;
  margin-top: 0.5rem;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  line-height: 1.39;
  color: #000000;
  padding: 0 0 0 calc(0.188rem + 1rem);
  position: relative;
  margin-bottom: 0.188rem;
}
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-details .bottom-part .icon:before {
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 0;
  top: calc(0.188rem * 0.5);
}
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-details .bottom-part > div[data-gtm-event] {
  margin-top: auto;
}
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-details .bottom-part a.button-orange-arrow-right {
  display: block;
  text-align: center;
  padding-right: 0.875rem;
}
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-details .bottom-part a.button-orange-arrow-right i {
  margin: -1px 10px 0 -28px;
}
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-details .bottom-part a.button-orange-arrow-right:after {
  display: none;
}
.dealer-selection-tile-outer .dealer-selection-tile-inner .dealer-selection-tile-details .bottom-part .dealer-selection-tile-available-shortly {
  margin-top: 1rem;
  margin-bottom: 1rem;
  min-height: 5rem;
  font-family: "Montserrat-bold", Arial, Helvetica, sans-serif;
  text-transform: none;
  font-size: 1rem;
  line-height: normal;
  background-color: rosybrown;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(0.5 * 15px) 10px;
  border-radius: 0px;
  background-color: #EAEBEB;
  color: #000000;
}

/*
* dealer-selection-tile classes
*/
/*
* @TODO: Remove if Slickslider has been implemented or removed everywhere uniformly.
* @CURRENT TASK: Sets padding left and right so that there is spacing when the Slickslider is active. 
*/
#offer-dealer-selection-tile-wrapper > div.slick-initialized .dealer-selection-tile-outer,
#stock-dealer-selection-tile-wrapper > div.slick-initialized .dealer-selection-tile-outer,
#store-dealer-selection-tile-wrapper > div.slick-initialized .dealer-selection-tile-outer {
  padding: 0 15px;
}

/*
*  Refactoring Parts
*/
.content-container-grey {
  background-color: #000000;
}

.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;
  }
}