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

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

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

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

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

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

.cursor-pointer {
    cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

.breakhere {
    page-break-after: always
}

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

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

.table th {
    border-top: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* BEGIN PSA*/

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

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

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

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

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

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

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

/* END PSA*/

/* Begin Site elements */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        100% {
            opacity: 1;
        }
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gallery {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.equipment-details-box {
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sortby {
    min-width: 289px;
}

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

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

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

.inputOrtOderPLZ {
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.select2 {
    width: 100% !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dot-0 {
    color: #f59a23;
}

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

.dot-2 {
    color: #d9001b;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* Finance Tables CSS */

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

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

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

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

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

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

/* Finance Tables CSS */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    100% {
        opacity: 0;
    }
}

.error {
    color: #FF0000;
}

.contact.error {
    color: #cc4b37;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*end about*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* End stock*/

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

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

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

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

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

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

.popover-trigger {
    cursor: pointer;
}

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

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

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

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

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

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

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

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

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

.shrink {
    font-size: 50%;
}

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

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

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

/*Start Dealer*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* HIGHLIGHT OFFERS STARTPAGE */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* END STICKY BUTTONS */

.slick-list {
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
 * Images
 */

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

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

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

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

    .summary-share-dropdown .dropdown-toggle::after {
        display: none;
    }
/*
* Start Swal Alert
*/
.swal2-popup {
    display: none;
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border: none;
    border-radius: 0;
    background: var(--sp-color-white);
    font-family: inherit;
    font-size: 1rem;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.33);
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.33);
}

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

.swal2-close {
    color: var(--sp-color-black);
    transition: var(--sp-btn-transition);
}

    .swal2-close:focus {
        outline: none;
        box-shadow: none;
    }

    .swal2-close:hover {
        color: var(--sp-color-error);
        transform: rotate(90deg);
    }

.swal2-content {
    color: #3b3938;
    font-family: var(--sp-font-family-regular);
    font-size: 1rem;
    line-height: 1.5;
}

    .swal2-content .popover-body {
        font-family: var(--sp-font-family-regular);
        color: #3b3938;
    }

.swal2-title {
    font-family: var(--sp-h3-font-family);
    font-size: var(--sp-h3-font-size);
    text-transform: var(--sp-h3-text-transform);
    color: var(--sp-color-black);
}

.swal2-icon.swal2-warning {
    border-color: #da291c;
    color: #da291c;
}

.swal2-styled.swal2-confirm,
.swal2-styled.swal2-cancel,
.swal2-styled.swal2-deny {
    width: initial;
    height: initial;
    font-weight: initial;
    margin: 0;
    /**/
    color: var(--sp-btn-light-normal-color);
    font-size: var(--sp-btn-font-size);
    background-color: var(--sp-btn-light-normal-bg);
    border-color: var(--sp-btn-light-normal-border);
    border-radius: var(--sp-btn-border-radius);
    border-width: var(--sp-btn-border-width);
    border-style: var(--sp-btn-border-style);
    font-family: var(--sp-btn-font-family);
    text-transform: var(--sp-btn-text-transform);
    text-decoration: var(--sp-btn-text-decoration);
    padding: var(--sp-btn-padding);
    transition: var(--sp-btn-transition);
    line-height: var(--sp-btn-line-height);
}

    .swal2-styled.swal2-confirm:focus,
    .swal2-styled.swal2-cancel:focus,
    .swal2-styled.swal2-deny:focus {
        outline: none;
        box-shadow: none;
    }

    .swal2-styled.swal2-confirm:hover {
        background: var(--sp-btn-light-hover-bg);
        color: var(--sp-btn-light-hover-color);
        border-color: var(--sp-btn-light-hover-border);
    }

.swal2-styled.swal2-cancel,
.swal2-styled.swal2-deny {
    color: var(--sp-btn-outline-normal-color) !important;
    font-size: var(--sp-btn-font-size);
    background-color: var(--sp-btn-outline-normal-bg);
    border-color: var(--sp-btn-outline-normal-border);
    border-radius: var(--sp-btn-border-radius);
    border-width: var(--sp-btn-border-width);
    border-style: var(--sp-btn-border-style);
    font-family: var(--sp-btn-font-family);
    text-transform: var(--sp-btn-text-transform);
    text-decoration: var(--sp-btn-text-decoration);
    padding: var(--sp-btn-padding);
    transition: var(--sp-btn-transition);
    line-height: var(--sp-btn-line-height);
}

    .swal2-styled.swal2-cancel:hover,
    .swal2-styled.swal2-deny:hover {
        background: var(--sp-btn-outline-hover-bg);
        color: var(--sp-btn-outline-hover-color) !important;
    }

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: none;
}

.swal2-actions {
    display: flex;
    z-index: 1;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 1.25em auto 0;
    padding: 0 1.6em;
    gap: 10px;
}

/*
* End Swal Alert
*/

.error {
    color: var(--sp-color-error);
    font-size: 14px;
}

.text-danger {
    color: var(--sp-color-error) !important;
    font-size: 14px;
}

.embed-responsive {
    background-color: var(--sp-color-light-gray);
}

.default-theme main p a:not(.btn) {
    text-decoration: var(--sp-textlink-text-decoration);
    transition: var(--sp-btn-transition);
    color: var(--sp-textlink-light-normal-color);
}

    .default-theme main p a:not(.btn):hover {
        color: var(--sp-textlink-light-hover-color);
    }

a.share-url-stock i {
    transition: var(--sp-btn-transition);
    color: var(--sp-color-black);
}

a.share-url-stock:hover i {
    color: var(--sp-color-primary-turquoise);
}

.font-weight-bold {
    font-family: var(--sp-font-family-bold);
    font-weight: normal;
}

b, strong {
    font-family: var(--sp-font-family-bold);
    font-weight: normal;
}

.co2-dat {
    font-family: var(--sp-font-family-regular);
}

.our-promise-headline {
    font-family: var(--sp-font-family-regular);
    color: #3b3938;
    font-size: 30px;
    margin: 20px 0;
    text-align: center;
}

@media (min-width: 768px) {
    .our-promise-headline {
        font-size: 45px;
    }
}

.step-wrapper {
    font-family: var(--sp-font-family-regular);
}

.fairness-box-wrapper .fairness-box .fairness-btn {
    font-family: var(--sp-font-family-regular);
}

.fairness-box-wrapper .fairness-box .headline {
    font-family: var(--sp-font-family-regular);
    color: #57718a;
}

.fairness-box-wrapper .fairness-box .fairness-btn span {
    color: #57718a;
}

.our-promise-checklist {
    font-family: var(--sp-font-family-regular);
    color: #57718a;
    font-size: 24px;
}

.financial-offers-box .headline {
    font-family: var(--sp-font-family-regular);
}

.financial-offers-box .price {
    font-family: var(--sp-font-family-regular);
}

.financial-offers-box .bullet {
    font-family: var(--sp-font-family-regular);
}

.financial-offers-box .bsp {
    font-family: var(--sp-font-family-regular);
}

.slider .headline {
    font-family: var(--sp-font-family-regular);
}

.slider .content {
    font-family: var(--sp-font-family-regular);
}

.slider .start-slider-slide-details {
    border: solid 4px #57718a;
}

.legal-info-text-wrapper .legal-info-text .sub-headline {
    font-family: var(--sp-font-family-regular);
    color: #57718a;
}

.legal-info-text-wrapper .legal-info-text .headline {
    font-family: var(--sp-font-family-regular);
}

.legal-info-text-wrapper .legal-info-text .highlight-headline {
    font-family: var(--sp-font-family-regular);
}

.legal-info-text-wrapper .legal-info-text .content {
    font-family: var(--sp-font-family-regular);
}

    .legal-info-text-wrapper .legal-info-text .content a {
        text-decoration: underline;
        color: #57718a;
    }

.default-theme .gallery-wrapper {
    background-color: var(--sp-color-light-gray);
    padding-top: 0;
    margin-top: 0;
}

/*.gallery .config-layer {
    width: 100%;
    height: 100%;
    padding-top: 30px;
    padding-bottom: 60px;
    background-color: var(--sp-color-white);
}*/

.gallery-wrapper .container {
    /*background-color: var(--sp-color-white);*/
}

    .gallery-wrapper .container .gallery {
        padding-bottom: 1.5rem;
    }

.gallery .headline {
    /*font-family: var(--sp-font-family-regular);
    color: #da291c;*/
    /**/
    font-family: var(--sp-h1-font-family);
    font-size: var(--sp-h1-font-size);
    text-transform: initial;
    color: var(--sp-color-primary-turquoise);
}

.gallery .sub-headline {
    /*font-family: var(--sp-font-family-regular);*/
    /**/
    font-family: var(--sp-h3-font-family);
    font-size: var(--sp-h3-font-size);
    text-transform: initial;
    color: var(--sp-color-black);
}

.gallery .config-layer .text-top {
    font-family: var(--sp-font-family-regular);
    color: var(--sp-color-black);
}

.gallery .config-layer .text-registry {
    font-size: 14px;
    line-height: 1.1;
    color: var(--sp-color-black);
    margin-bottom: 0px;
}

.config-layer .leasing-payment-brutto-normal {
    color: var(--sp-color-primary-turquoise);
}

    .config-layer .leasing-payment-brutto-normal sup {
        font-size: 16px;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
        top: -16px;
    }

.config-layer .leasing-payment-brutto-srv,
.config-layer .leasing-payment-brutto-currency-label {
    font-size: 38px;
    font-family: var(--sp-h1-font-family);
    font-size: var(--sp-h1-font-size);
    text-transform: initial;
    color: var(--sp-color-black);
}

.config-layer .leasing-payment-brutto-label {
    color: var(--sp-color-primary-turquoise);
    font-family: var(--sp-h1-font-family);
    font-size: var(--sp-h1-font-size);
    text-transform: initial;
    color: var(--sp-color-black);
}

.gallery .config-layer .transport-costs-separated {
    color: var(--sp-color-black);
}

.gallery-wrapper .container .gallery .gallery-fullscreen-container {
    padding-top: 15px;
}

.gallery-wrapper .container .gallery .config-layer {
    background-color: var(--sp-color-white);
    padding: 15px 15px 1.5rem 15px;
}

.gallery-wrapper .config-layer .price-box {
    flex: 0 0 auto;
    margin-left: 15px;
    position: relative;
    border: none !important;
    width: 100% !important;
    max-width: initial !important;
    padding: 0 !important;
    background-color: transparent !important;
}

.gallery .config-layer .max-width-elements {
    width: 100%;
}

/*
.headline {
    font-family: var(--sp-h1-font-family);
    font-size: var(--sp-h1-font-size);
    text-transform: var(--sp-h1-text-transform);
    color: var(--sp-color-black);
}
*/
.headline.headline-results {
    font-family: var(--sp-h3-font-family);
    font-size: var(--sp-h3-font-size);
    text-transform: var(--sp-h3-text-transform);
    color: var(--sp-color-black);
}

.teaser-text {
    font-family: var(--sp-font-family-regular);
    color: #57718a;
}

.sub-headline {
    font-family: var(--sp-font-family-regular);
}

.sub-headline-grey {
    font-family: var(--sp-font-family-regular);
    color: #57718a;
}

.sub-headline-legal {
    font-family: var(--sp-font-family-regular);
}

.motor-tarif-box .listdots ul li,
.tarif2-box-wrapper .listdots ul li {
    font-family: var(--sp-font-family-regular);
}

.motor-tarif-box .listnodots ul li,
.tarif2-box-wrapper .listnodots ul li {
    font-family: var(--sp-font-family-regular);
}

.motor-tarif-box .listnodotsbold ul li,
.tarif2-box-wrapper .listnodotsbold ul li {
    font-family: var(--sp-font-family-regular);
}

.tarif2-box-wrapper table td {
    font-family: var(--sp-font-family-regular);
    font-size: 1rem;
}

    .tarif2-box-wrapper table td:first-child {
        font-family: var(--sp-font-family-bold);
    }

    .tarif2-box-wrapper table td:last-child,
    #vwf-details-table td:last-child {
        font-family: var(--sp-font-family-regular);
        font-weight: 400;
    }

.tarif2-box-wrapper.top .tarif2-box {
    padding-top: 30px;
    padding-bottom: 30px;
}

    .tarif2-box-wrapper.top .tarif2-box > .row {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

.tarif2-box-wrapper.bottom {
    background-color: var(--sp-color-light-gray);
    padding-bottom: 0 !important;
    margin-bottom: 3rem;
}

    .tarif2-box-wrapper.bottom .tarif2-box {
        padding-top: 30px;
        padding-bottom: 30px;
    }

        .tarif2-box-wrapper.bottom .tarif2-box > .row {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

            .tarif2-box-wrapper.bottom .tarif2-box > .row:last-child {
                padding-top: 30px;
            }

@media (max-width: 767.98px) {
    .tarif2-box-wrapper.bottom .tarif2-box .text-center {
        text-align: initial !important;
    }

    .tarif2-box-wrapper.bottom .summary-cta2 div {
        width: 100%;
    }

        .tarif2-box-wrapper.bottom .summary-cta2 div a,
        .tarif2-box-wrapper.bottom .summary-cta2 div button {
            width: 100%;
        }
}

/* location-box START */
.location-box-wrapper {
    margin-bottom: 1rem;
    margin-top: 0;
}

.location-box {
    border: none;
    width: 100%;
    max-width: initial;
    position: relative;
}

    .location-box .content-box {
        padding: 2rem 0 0 0;
    }

@media (min-width: 768px) {
    .location-box .content-box {
        padding: 0;
    }
}

.location-box .content-box .headline,
.location-box .content-box .content {
    padding: 0;
}

.location-box .content-box .headline {
    font-family: var(--sp-h3-font-family);
    font-size: var(--sp-h3-font-size);
    text-transform: var(--sp-h3-text-transform);
}

.location-box .content-box .content {
    font-family: var(--sp-font-family-regular);
    font-size: 1rem;
}

.location-box .popup {
    width: 100%;
    border: none;
    position: relative;
    left: 0;
    top: 0;
    padding: 20px 0 0 0;
}

    .location-box .popup::before,
    .location-box .popup::after {
        content: inherit;
    }

    .location-box .popup .headline {
        font-family: var(--sp-h3-font-family);
        font-size: var(--sp-h3-font-size);
        text-transform: var(--sp-h3-text-transform);
    }

    .location-box .popup .content {
        font-family: var(--sp-font-family-regular);
        font-size: 1rem;
    }

.location-box-wrapper #localization img {
    display: none;
}

.location-box-wrapper #localization {
    background-color: var(--sp-color-white);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .location-box-wrapper #localization::after {
        font-size: 25px;
        font-family: 'Font Awesome 5 Free';
        font-weight: 800;
        content: "\f05b";
        color: var(--sp-color-black);
        transition: var(--sp-btn-transition);
    }

    .location-box-wrapper #localization:hover::after {
        color: var(--sp-color-primary-turquoise);
    }
/* location-box END */

.border-box-headline {
    font-family: var(--sp-font-family-regular);
    background-color: #57718a;
}

.border-box {
    font-family: var(--sp-font-family-regular);
    border: solid 4px #57718a;
}

.border-box-pdf {
    border: solid 4px #57718a;
}

.result-border-box .text-headline-layer {
    font-family: var(--sp-font-family-regular);
    font-size: inherit;
    padding-right: 0.5rem;
}

@media print, screen and (max-width: 775.98px) {
    .result-border-box .text-headline-layer {
        margin-top: 0;
    }
}

.result-border-box .text-price-layer {
    white-space: nowrap;
}

    .result-border-box .text-price-layer a {
        text-decoration: none;
    }

.icon {
    color: var(--sp-color-black);
    font-family: var(--sp-font-family-regular);
}

    .icon:before {
        top: 4px;
    }

.immediately:before {
    background: url("/img/spoticar/icons/tick.svg") 0 0 no-repeat;
}

.demonstration:before {
    background: url("/img/spoticar/icons/demonstration-icon.svg") 0 0 no-repeat;
    background-size: contain;
}

.transport:before {
    background: url("/img/spoticar/icons/dollar.png") no-repeat center/120%;
}

.home-delivery:before {
    background: url("/img/spoticar/icons/icon-house-key.svg") 0 0 no-repeat;
}

.zero-special-payment:before {
    background: url("/img/spoticar/icons/zero-payment.svg") 0 0 no-repeat;
}

.popover-trigger,
.popover-immediately-available-icon {
    color: var(--sp-color-primary-turquoise);
    transition: var(--sp-btn-transition);
}

    .popover-trigger:hover,
    .popover-immediately-available-icon:hover {
        color: var(--sp-color-black);
    }

.popover-price,
.popover-optionsseries,
.popover-bafa {
    color: var(--sp-color-primary-turquoise);
    transition: var(--sp-btn-transition);
    cursor: pointer;
}

.grey-box {
    border: solid 4px #57718a;
}

    .grey-box .headline {
        font-family: var(--sp-font-family-regular);
        color: #57718a;
    }

    .grey-box .sub-headline {
        font-family: var(--sp-font-family-regular);
    }

.equipment-details-box .popup {
    color: #57718a;
    border: solid 4px #57718a;
}

    .equipment-details-box .popup h3 {
        font-family: var(--sp-font-family-regular);
        color: #57718a;
    }

    .equipment-details-box .popup .table-left {
        font-family: var(--sp-font-family-regular);
        color: #57718a;
    }

    .equipment-details-box .popup .table-right {
        font-family: var(--sp-font-family-regular);
        color: #57718a;
    }

.equipment-details-box .listdots ul li {
    font-family: var(--sp-font-family-regular);
}

.unfold-box-grey {
    border: solid 4px #57718a;
}

.dealer-box-white {
    font-family: var(--sp-font-family-regular);
}

.listdots.list ul li {
    font-family: var(--sp-font-family-regular);
}

    .listdots.list ul li:before {
        background: #57718a;
    }

.listbold.list ul li {
    font-family: Helvetica, sans-serif;
}

.button-text-download {
    text-decoration: var(--sp-textlink-text-decoration);
    transition: var(--sp-btn-transition);
    color: var(--sp-textlink-light-normal-color);
    text-transform: initial;
}

    .button-text-download:hover {
        color: var(--sp-textlink-light-hover-color);
    }

    .button-text-download i {
        text-decoration: none;
    }

        .button-text-download i::before {
            text-decoration: none;
        }

.button-text-arrow-right,
.button-text-arrow-left {
    font-family: var(--sp-font-family-regular);
}

.button-text-toggle {
    font-family: var(--sp-font-family-regular);
}

.button-box-toggle {
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.18px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    transition: var(--sp-btn-transition);
}

    .button-box-toggle span {
        font-weight: initial !important;
        color: var(--sp-color-black);
        font-family: var(--sp-font-family-bold);
        transition: inherit;
    }

        .button-box-toggle:hover span,
        .button-box-toggle span:hover {
            color: var(--sp-color-primary-turquoise) !important;
        }

    .button-box-toggle::before {
        transition: inherit;
        font-size: 16px;
        font-family: 'Font Awesome 5 Free';
        font-weight: 800;
        content: "\f107";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -25px;
        background: none;
        width: initial;
        height: initial;
        font-size: 16px;
    }

    .button-box-toggle.toggle::before {
        transform: translateY(-50%) rotate(180deg);
        transform-origin: initial;
    }

    .button-box-toggle:hover::before {
        color: var(--sp-color-primary-turquoise);
    }

/*

.button-box-toggle {
  font-family: var(--sp-font-family-regular);
}
.button-box-toggle {
  text-decoration: underline;
  font-size: 18px;
  line-height: 2;
  letter-spacing: 0.18px;
  color: #0a0a0a;
  position: relative;
  cursor: pointer;
}

*/

.button-white-greyborder-arrow-left {
    color: var(--sp-btn-outline-normal-color) !important;
    font-size: var(--sp-btn-font-size);
    background-color: var(--sp-btn-outline-normal-bg);
    border-color: var(--sp-btn-outline-normal-border);
    border-radius: var(--sp-btn-border-radius);
    border-width: var(--sp-btn-border-width);
    border-style: var(--sp-btn-border-style);
    font-family: var(--sp-btn-font-family);
    text-transform: var(--sp-btn-text-transform);
    text-decoration: var(--sp-btn-text-decoration);
    padding: var(--sp-btn-padding);
    padding-left: var(--sp-btn-padding-icon);
    transition: var(--sp-btn-transition);
    line-height: var(--sp-btn-line-height);
    display: inline-block;
}

    .button-white-greyborder-arrow-left::after {
        background: none;
        font-family: 'Font Awesome 5 Free';
        font-weight: 800;
        content: "\f053";
        margin: 0;
        position: absolute;
        left: var(--sp-btn-distance-icon);
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: inherit;
        width: initial;
        height: initial;
    }

    .button-white-greyborder-arrow-left:focus {
        box-shadow: var(--sp-btn-box-shadow);
    }

    .button-white-greyborder-arrow-left:hover {
        background: var(--sp-btn-outline-hover-bg);
        color: var(--sp-btn-outline-hover-color) !important;
    }

        .button-white-greyborder-arrow-left:hover span {
            color: var(--sp-btn-outline-hover-color) !important;
        }

        .button-white-greyborder-arrow-left:hover::after {
            color: var(--sp-btn-outline-hover-color);
            background: none;
        }

.button-orange-aim-right {
    font-family: var(--sp-font-family-regular);
}

.button-white-arrow-right {
    font-family: var(--sp-font-family-regular);
}

.button-blue {
    font-family: var(--sp-font-family-regular);
    background-color: #57718a;
}

.button-orange {
    font-family: var(--sp-font-family-regular);
}

.button-grey {
    font-family: var(--sp-font-family-regular);
    background-color: #57718a;
}

/* pagination START */

.pagination-container {
    --_size: 38px;
    --_gap: 5px;
}

    .pagination-container ul.pagination {
        display: flex;
        flex-direction: row;
        gap: var(--_gap);
    }

        .pagination-container ul.pagination li {
            width: var(--_size);
            height: var(--_size);
            background-color: transparent;
            border-radius: 0;
            border: 1px solid var(--sp-color-gray-border);
            padding: 0;
            transition: var(--sp-btn-transition);
        }

            .pagination-container ul.pagination li:hover {
                border-color: var(--sp-color-primary-turquoise);
            }

            .pagination-container ul.pagination li:has(a.page-item i.fa-spinner) {
                border-color: var(--sp-color-primary-turquoise);
            }

            .pagination-container ul.pagination li.page-li-active {
                background-color: var(--sp-color-primary-turquoise);
                border-color: var(--sp-color-primary-turquoise);
            }

            .pagination-container ul.pagination li a.page-item {
                border-radius: 0;
                border: none;
                text-decoration: none;
                width: 100%;
                height: 100%;
                padding-top: 0;
                line-height: var(--_size);
                display: inline-block;
                transition: inherit;
            }

            .pagination-container ul.pagination li:hover a.page-item {
                color: var(--sp-color-primary-turquoise);
            }

            .pagination-container ul.pagination li a.page-item:has(i.fa-spinner) {
                color: var(--sp-color-primary-turquoise);
            }

            .pagination-container ul.pagination li.page-li-active span {
                border-radius: 0;
                border: none;
                width: 100%;
                height: 100%;
                padding-top: 0;
                line-height: var(--_size);
                display: inline-block;
                color: var(--sp-color-white);
                font-family: var(--sp-font-family-bold);
            }

        .pagination-container .button-pagination,
        .pagination-container ul.pagination li {
            font-family: var(--sp-font-family-regular);
            font-size: 16px;
        }

            .pagination-container .button-pagination.arrow {
                background-color: var(--sp-color-gray-border);
            }

/* pagination END */

.contact textarea[type="text"],
.contact input[type="text"],
.form-group input[type="text"],
.form-row input[type="text"] {
    font-family: var(--sp-font-family-regular);
    font-size: 16px;
    color: var(--sp-color-black);
    border: 1px solid var(--sp-color-gray-border) !important;
    transition: var(--sp-btn-transition);
}

    .contact textarea[type="text"]:focus,
    .contact input[type="text"]:focus,
    .form-group input[type="text"]:focus,
    .form-row input[type="text"]:focus {
        border-color: var(--sp-color-primary-turquoise) !important;
        box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.0), 0 0 8px rgba(255, 255, 255, 0.0);
    }

[class^='select2'] {
    font-family: var(--sp-font-family-regular);
    font-size: 16px;
    color: var(--sp-color-black);
    line-height: 2;
}

/*.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
    color: red;
}*/

.select2-container .select2-selection--single .select2-selection__rendered {
    height: 38px;
}

/*.select2-container--bootstrap4.select2-container .select2-selection {
    border-color: #57718a;
}*/

/*.select2-selection--single {
    border: 1px solid #57718a;
}*/

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
    position: absolute;
    height: calc(100% - 2px);
    width: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    right: 1px;
    top: 1px;
    background-color: transparent;
    border-left: 1px solid var(--sp-color-gray-border);
    transition: var(--sp-btn-transition);
}

.select2-container--bootstrap4.select2-container.select2-container--open .select2-selection__arrow {
    border-color: var(--sp-color-black);
    background-color: var(--sp-color-black);
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow::after,
.inputSelect2Grey .selection .select2-selection--single .select2-selection__arrow::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    content: "\f107";
    line-height: 1;
    height: initial;
    width: initial;
    margin-top: initial;
    border: none;
    background-color: transparent;
    color: var(--sp-color-primary-turquoise);
    transition: var(--sp-btn-transition);
}

.select2-container--bootstrap4.select2-container.select2-container--open .select2-selection__arrow::after {
    color: var(--sp-color-white);
}

.inputSelect2Disable .selection .select2-selection--single .select2-selection__arrow {
    border-left: none;
}

.inputSelect2Disable .select2-container--bootstrap4.select2-container.select2-container--open .select2-selection__arrow {
    background: none;
}

/*.select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color: #57718a;
}*/

/*.select2-container--bootstrap4.select2-container--open .select2-selection {
    border-color: #57718a;
}*/

/*.select2-container--bootstrap4.select2-container .select2-selection {
    border-color: #57718a;
}*/

/**[aria-labelledby="select2-radius-input-container"] {
    border-left-color: #57718a !important;
}*/

.select2-container--bootstrap4 .select2-dropdown {
    border-left: 1px solid var(--sp-color-primary-turquoise);
    border-right: 1px solid var(--sp-color-primary-turquoise);
    border-bottom: 1px solid var(--sp-color-primary-turquoise);
}

.select2-container--bootstrap4 .select2-selection.contact-select2 {
    border: 1px solid var(--sp-color-gray-border) !important;
}

.select2-container--bootstrap4.select2-container.select2-container--open .select2-selection {
    border: 1px solid var(--sp-color-primary-turquoise) !important;
}

.select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected="true"] {
    background-color: var(--sp-color-light-gray);
}

.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
    background-color: var(--sp-color-primary-turquoise);
    color: var(--sp-color-white);
}

.select2-container--bootstrap4 .select2-dropdown .select2-results .select2-results__option {
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.select2-selection--single .select2-selection__rendered {
    color: var(--sp-color-black);
}

.select2-selection--single .select2-selection__arrow::after {
    color: var(--sp-color-black);
}

.inputRadius .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    color: var(--sp-color-white);
    background: var(--sp-color-black);
}

.inputRadius .select2-container--bootstrap4 .select2-selection[aria-labelledby="select2-radius-input-container"] {
    border: 1px solid var(--sp-color-black) !important;
}

.inputRadius .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
    border-left: 1px solid var(--sp-color-black);
}

    .inputRadius .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow::after {
        font-family: 'Font Awesome 5 Free';
        font-weight: 800;
        content: "\f107";
        line-height: 1;
        height: initial;
        width: initial;
        margin-top: initial;
        border: none;
        background-color: transparent;
        color: var(--sp-color-white);
    }

.inputRadius .select2-container--bootstrap4.select2-container.select2-container--open .select2-selection__arrow::after {
    color: var(--sp-color-white);
}

.page-item.arrow {
    background-color: #57718a;
}

.labelInputMain {
    font-family: var(--sp-font-family-regular);
}

@media print,screen and (max-width: 575.98px) {
    .labelInputMain {
        white-space: normal;
        font-size: 15px;
    }
}

.labelInputSub {
    font-family: var(--sp-font-family-regular);
}

.labelOutput {
    font-family: var(--sp-font-family-regular);
}

.labelOutputSmall {
    font-family: var(--sp-font-family-regular);
}

.label-font {
    font-family: var(--sp-font-family-regular);
}

.contact h2 {
    font-family: var(--sp-h2-font-family);
    font-size: var(--sp-h2-font-size);
    text-transform: var(--sp-h2-text-transform);
    color: var(--sp-color-black);
}

.contact h3 {
    font-family: var(--sp-h3-font-family);
    font-size: var(--sp-h3-font-size);
    text-transform: var(--sp-h3-text-transform);
    color: var(--sp-color-black);
}

.contact h4 {
    font-family: var(--sp-h3-font-family);
    color: var(--sp-color-black);
}

.contact p {
    font-family: var(--sp-font-family-regular);
    color: var(--sp-color-black);
}

.contact.error,
.form-error {
    font-family: var(--sp-font-family-regular);
    color: var(--sp-color-error);
}

.contact .adjustHeading {
    font-family: var(--sp-font-family-regular);
}

.about .headline {
    font-family: var(--sp-h1-font-family);
    font-size: var(--sp-h1-font-size);
    text-transform: var(--sp-h1-text-transform);
    color: var(--sp-color-black);
}

.about .headline_red {
    font-family: var(--sp-h1-font-family);
    font-size: var(--sp-h1-font-size);
    text-transform: var(--sp-h1-text-transform);
    color: var(--sp-color-black);
}

.about .headline_offer {
    font-family: var(--sp-font-family-regular);
    font-size: 38px;
    color: #3b3938;
    margin-bottom: 0px;
}

.about_body {
    background-color: var(--sp-color-light-gray);
    font-family: var(--sp-font-family-regular);
    font-size: 1rem;
}

    .about_body .text-uppercase {
        font-family: var(--sp-h3-font-family);
        font-size: var(--sp-h3-font-size);
        text-transform: var(--sp-h3-text-transform) !important;
        color: var(--sp-color-black);
    }

    .about_body ol {
        --_size: 2rem;
        --_gap: 0.5rem;
        --_font-size: 1rem;
        --_line-height: 1.5;
        counter-reset: css-ol-list-counter;
        list-style: none;
        padding: 0;
    }

        .about_body ol li {
            margin: 0 0 1.5rem 0;
            counter-increment: css-ol-list-counter;
            position: relative;
            padding-left: calc(var(--_size) + var(--_gap));
            font-size: var(--_font-size);
        }

            .about_body ol li::before {
                content: counter(css-ol-list-counter);
                color: var(--sp-color-white);
                background-color: var(--sp-color-black);
                font-family: var(--sp-font-family-bold);
                font-size: inherit;
                position: absolute;
                top: calc(0.5 * var(--_font-size) * var(--_line-height) - 0.5 * var(--_size));
                left: 0;
                width: var(--_size);
                height: var(--_size);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

.blue-button-border-only-arrow-right {
    font-family: var(--sp-font-family-regular);
    font-size: 16px;
    text-transform: none;
    border: none;
    border-radius: 24px;
    padding: 16px 48px 16px 24px;
}

    .blue-button-border-only-arrow-right:hover {
        background: #3b3938;
        color: #fff;
    }

        .blue-button-border-only-arrow-right:hover:after {
            background-image: url('/img/spoticar/arrow_right_big_white.png');
        }

.red-button-border-only-arrow-right {
    font-family: var(--sp-font-family-regular);
}

main:has(.container.faq-wrapper) {
    background-color: var(--sp-color-light-gray);
}

.faq-wrapper {
    font-family: var(--sp-font-family-regular);
    font-size: 16px;
}

    .faq-wrapper #accordion {
        margin-bottom: 0 !important;
        padding-bottom: 45px;
    }

    .faq-wrapper h2 {
        font-family: var(--sp-h3-font-family);
        font-size: var(--sp-h3-font-size);
        text-transform: var(--sp-h3-text-transform);
        color: var(--sp-color-white);
        background-color: var(--sp-color-black);
        padding: 15px 15px;
        display: inline-block;
        position: relative;
        margin-bottom: 15px;
    }

        .faq-wrapper h2::after {
            z-index: 1;
            position: absolute;
            bottom: -14px;
            left: 50%;
            transform: translateX(-50%);
            content: '';
            width: 0;
            height: 0;
            border-left: solid 25px transparent;
            border-right: solid 25px transparent;
            border-top-width: 15px;
            border-top-style: solid;
            color: var(--sp-color-black);
        }

    .faq-wrapper a {
        color: var(--sp-color-primary-turquoise);
    }

    .faq-wrapper .card {
        border-color: var(--sp-color-gray-border);
        border-radius: 0;
        margin-top: -1px;
        margin-bottom: 1rem;
    }

    .faq-wrapper .accordion > .card:first-of-type,
    .faq-wrapper .accordion > .card:not(:first-of-type):not(:last-of-type) {
        border-bottom: 1px solid var(--sp-color-gray-border);
    }

    .faq-wrapper .card .card-header {
        background-color: var(--sp-color-white);
        border-radius: 0;
        border-bottom: none;
        font-family: var(--sp-font-family-regular);
        font-size: 16px;
        padding: 15px 45px 15px 15px;
        color: var(--sp-color-black);
        transition: var(--sp-btn-transition);
        position: relative;
    }

        .faq-wrapper .card .card-header:first-child {
            border-radius: 0;
        }

        .faq-wrapper .card .card-header::after {
            font-family: 'Font Awesome 5 Free';
            font-weight: 800;
            content: "\f107";
            position: absolute;
            color: var(--sp-color-black);
            top: 50%;
            transform: translateY(-50%);
            right: 15px;
            transition: var(--sp-btn-transition);
        }

        .faq-wrapper .card .card-header button {
            color: var(--sp-color-black);
            transition: var(--sp-btn-transition);
            padding: 0;
            border: none;
        }

            .faq-wrapper .card .card-header button.btn-link:hover {
                text-decoration: none;
                color: var(--sp-color-white);
            }

        .faq-wrapper .card .card-header:has(button.btn-link:hover) {
            background-color: var(--sp-color-primary-turquoise);
        }

            .faq-wrapper .card .card-header:has(button.btn-link:hover)::after {
                color: var(--sp-color-white);
            }

        .faq-wrapper .card .card-header button.btn-link:focus {
            text-decoration: none;
            box-shadow: none;
        }

        .faq-wrapper .card .card-header button.btn-link[aria-expanded="true"] {
            text-decoration: none;
            color: var(--sp-color-white);
        }

        .faq-wrapper .card .card-header:has(button.btn-link[aria-expanded="true"]) {
            background-color: var(--sp-color-primary-turquoise);
        }

            .faq-wrapper .card .card-header:has(button.btn-link[aria-expanded="true"])::after {
                color: var(--sp-color-white);
                transform: translateY(-50%) rotate(180deg);
            }

    .faq-wrapper .card .card-body {
        background-color: var(--sp-color-white);
        font-family: var(--sp-font-family-regular);
        font-size: 14px;
        padding: 15px 15px;
        color: var(--sp-color-black);
    }

.result-border-box {
    font-family: var(--sp-font-family-regular);
    margin-bottom: 1rem;
}

.dealer-distance {
    background-color: var(--sp-color-primary-turquoise);
    color: var(--sp-color-white);
    font-family: var(--sp-font-family-regular);
    font-size: 0.75rem;
    padding: 0.125rem 0.375rem;
    white-space: nowrap;
}

.toggle-detail {
    font-family: var(--sp-font-family-regular);
}

.co2-text-background {
    font-family: var(--sp-font-family-regular);
    color: var(--sp-color-black);
    background-color: var(--sp-color-white);
}

.popover {
    font-family: var(--sp-font-family-regular);
    border-color: #57718a;
}

.bs-popover-top > .arrow:before {
    border-top-color: #57718a;
}

.bs-popover-bottom > .arrow:before {
    border-bottom-color: #57718a;
}

.bs-popover-left > .arrow:before {
    border-left-color: #57718a;
}

.bs-popover-right > .arrow:before {
    border-right-color: #57718a;
}

a.red-link {
    text-decoration: var(--sp-textlink-text-decoration);
    transition: var(--sp-btn-transition);
    color: var(--sp-textlink-light-normal-color);
}

    a.red-link:hover {
        color: var(--sp-textlink-light-hover-color);
    }

.googleMapsInfoWindow {
    font-family: var(--sp-font-family-regular);
    color: #57718a;
}

.breadcrumb-fastlane a,
.breadcrumb-fastlane-inactive {
    font-family: var(--sp-font-family-regular);
}

.breadcrumb-fastlane-active {
    font-family: var(--sp-font-family-regular);
}

.four-steps-box-wrapper {
    background-color: #e4e2e2;
}

.highlight-offers {
    font-family: var(--sp-font-family-regular);
}

    .highlight-offers .model {
        font-family: var(--sp-font-family-regular);
    }

    .highlight-offers .vehicle-price-from,
    .highlight-offers .vehicle-price {
        font-family: var(--sp-font-family-regular);
    }

.highlight-offers-slider .offer-item .description:after {
    border-width: 28px;
    margin-left: -28px;
}

.highlight-offers-slider .offer-item .description {
    border: none;
}

#vwf-details-table td {
    font-family: var(--sp-font-family-regular);
    font-size: 18px;
}

#sticky-buttons li a,
#sticky-buttons li span {
    font-family: var(--sp-font-family-regular);
    text-transform: uppercase;
    font-size: 10px;
    line-height: 12px;
}

@media print, screen and (min-width: 992px) {
    #sticky-buttons ul {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

        #sticky-buttons ul li:first-child {
            border-top-left-radius: 10px;
        }

        #sticky-buttons ul li:last-child {
            border-bottom-left-radius: 10px;
        }
}

.highlight-offers .offer-item {
    background: #57718a;
    outline: solid 1px #57718a;
    margin: 1px 0;
    height: calc(100% - 2px);
}

    .highlight-offers .offer-item .claim {
        color: #57718a;
        margin: 1px 1px 0;
    }

        .highlight-offers .offer-item .claim h3 {
            font-family: var(--sp-font-family-regular);
        }

        .highlight-offers .offer-item .claim h4 {
            font-family: var(--sp-font-family-regular);
        }

    .highlight-offers .offer-item .image {
        width: calc(100% - 2px);
        margin: -24px 1px 0;
    }

    .highlight-offers .offer-item .car-list-detail-tag {
        color: #57718a;
    }

.highlight-offer-soldout-inner {
    font-family: var(--sp-font-family-regular);
}

.highlight-offers .offer-item .car-list-detail-tag .fa-info-circle {
    color: #57718a;
}

.highlight-offers .offer-item .model {
    font-family: var(--sp-font-family-regular);
}

.highlight-offers .offer-item .offer-step-next {
    font-family: var(--sp-font-family-regular);
    font-size: 16px;
    color: #57718a;
    text-transform: none;
    text-decoration: none;
    border: none;
    border-radius: 24px;
    padding: 16px 24px;
}

    .highlight-offers .offer-item .offer-step-next:hover {
        background: #3b3938;
    }

#highlights-tiles[data-has-offer='True'] .slick-prev,
#highlights-tiles[data-has-offer='True'] .slick-next {
    background: #57718a;
    border-radius: 24px;
}

    #highlights-tiles[data-has-offer='True'] .slick-prev:hover:before,
    #highlights-tiles[data-has-offer='True'] .slick-next:hover:before {
        background-image: url(/img/spoticar/offer/arrow3b3938.svg);
    }

.Rectangle {
    background-color: #57718a;
}

span.efficiency-class {
    color: var(--sp-color-primary-turquoise);
    transition: var(--sp-btn-transition);
}

    span.efficiency-class:hover {
        color: var(--sp-color-black);
    }

.result-border-box .text-layer {
    font-family: var(--sp-font-family-regular);
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.18px;
    color: var(--sp-color-black);
}

.result-border-box .car-list-image-wrapper img {
    max-width: 100%;
}

.result-border-box .car-list-image-column {
    background-color: var(--sp-color-gray-warm);
    color: var(--sp-color-white);
}

    .result-border-box .car-list-image-column a.red-link {
        color: var(--sp-color-white);
    }

        .result-border-box .car-list-image-column a.red-link:hover {
            color: var(--sp-color-primary-turquoise);
        }

.result-border-box .car-list-detail-column {
    background-color: var(--sp-color-light-gray);
    margin-left: 0;
}

    .result-border-box .car-list-detail-column .info-layer .engine-legal hr {
        display: none;
    }

.result-border-box .info-layer {
    container-name: info-layer-content-query;
    container-type: inline-size;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    padding: 0px;
    height: 100%;
}

    .result-border-box .info-layer .info-layer-content {
        display: grid;
        grid-template-columns: auto min-content;
        grid-template-rows: min-content;
        justify-content: space-between;
        margin-bottom: 1rem;
    }

@container info-layer-content-query (width < 375px) {
    .result-border-box .info-layer .info-layer-content {
        grid-template-columns: auto;
        margin-bottom: 0;
    }

    .result-border-box .info-layer .info-layer-content-title {
        margin-bottom: 0.5rem;
    }
}

.result-border-box .info-layer .info-layer-options {
    display: grid;
    grid-template-columns: auto min-content;
    grid-template-rows: auto;
    justify-content: space-between;
}

    .result-border-box .info-layer .info-layer-options .info-layer-option {
        margin-top: 0.5rem;
    }

    .result-border-box .info-layer .info-layer-options .info-layer-price {
        display: flex;
        align-items: flex-end;
        margin-top: 0.188rem;
    }

    .result-border-box .info-layer .info-layer-options .button-container {
        grid-column: span 2;
        margin-top: 1rem;
    }

@container info-layer-content-query (width < 375px) {
    .result-border-box .info-layer .info-layer-options {
        grid-template-columns: 1fr;
    }

        .result-border-box .info-layer .info-layer-options .button-container {
            grid-column: auto;
        }
}

.result-border-box .text-transport-costs,
.result-border-box .text-transport-costs-legal,
.result-border-box .text-legal {
    font-family: var(--sp-font-family-bold);
    font-size: 0.938rem;
    text-align: right;
}

@container info-layer-content-query (width < 375px) {
    .result-border-box .text-transport-costs,
    .result-border-box .text-transport-costs-legal,
    .result-border-box .text-legal {
        text-align: left;
    }
}

@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: 0px;
    }
}

.result-border-box .info-layer .icon {
    padding-left: 1.25rem;
    font-size: 0.75rem;
}

    .result-border-box .info-layer .icon:before {
        height: 0.875rem;
        width: 0.875rem;
    }

    .result-border-box .info-layer .icon.immediately {
        white-space: nowrap;
    }

a.vehicle-detail-link {
    font-family: var(--sp-h4-font-family);
    font-size: var(--sp-h4-font-size);
    text-transform: var(--sp-h4-text-transform);
    color: var(--sp-color-black);
}

.result-border-box .text-price-layer .vehicle-price-red {
    font-family: var(--sp-h3-font-family);
    font-size: var(--sp-h3-font-size);
    text-transform: var(--sp-h3-text-transform);
    color: var(--sp-color-black);
}

.result-border-box .car-list-image-column-inner-wrap .icon {
    color: var(--sp-color-white);
}

a.vehicle-detail-link:hover {
    color: var(--sp-color-black);
    text-decoration: none;
}

.zip-outer-wrap .select2-selection,
.families-outer-wrap .select2-selection {
    border-radius: 0 !important;
}

.families-outer-wrap .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice,
#extended-search-parameters .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    height: 34px;
    margin-bottom: 2px;
    margin-top: 2px;
    padding-top: 0;
}

.select2-container--bootstrap4 .select2-selection__clear {
    margin-top: 10px;
    margin-bottom: 0;
    background-color: transparent;
    color: var(--sp-color-black);
    transition: var(--sp-btn-transition);
    z-index: 1000;
}

    .select2-container--bootstrap4 .select2-selection__clear:hover {
        background-color: transparent;
        color: var(--sp-color-primary-turquoise);
    }

/*
    .select2-container--bootstrap4 .select2-selection__clear {
  margin-top: .5em;
  margin-bottom: .5em;
}
.select2-container--bootstrap4 .select2-selection__clear {
  width: 1.15em;
  height: 1.15em;
}
.select2-container--bootstrap4 .select2-selection__clear {
  width: 1.2em;
  height: 1.2em;
  line-height: 1.15em;
  padding-left: .3em;
  margin-top: .5em;
  border-radius: 100%;
  background-color: #6c757d;
  color: #f8f9fa;
  float: right;
  margin-right: .3em;
}
*/

#map_dealers {
    width: 100%;
    height: 400px;
    margin: 0;
    margin-top: 0px;
    padding: 0;
}

.border-filter-box {
    border: none;
    background-color: var(--sp-color-light-gray);
    font-family: var(--sp-font-family-regular);
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.18px;
    color: var(--sp-color-black);
}

    .border-filter-box .white-bg {
        background-color: var(--sp-color-light-gray);
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
    }

    .border-filter-box .grey-bg {
        background-color: var(--sp-color-light-gray);
        padding-left: 15px;
        padding-right: 15px;
    }

    .border-filter-box .multiselect-info {
        display: inline-block;
        font-size: 12px;
        line-height: 1.25;
        margin-top: 5px;
    }

.logo2022 {
    max-width: 160px;
    margin: 0 auto;
}

.first-content-container:has(main .error-message-container) {
    background-color: var(--sp-color-light-gray);
}

.error-message-container {
    padding-top: 20px;
}

    .error-message-container h1 {
        text-transform: var(--headline-text-transform);
        color: var(--headline-color);
        font-size: var(--headline-fontsize);
        font-family: var(--headline-font);
    }

    .error-message-container p {
        padding: 20px 0;
        font-family: var(--sp-font-family-regular);
        font-size: 1rem;
        color: var(--sp-color-black);
    }

    .error-message-container .btn-primary {
        background-color: #000000;
        border-color: #000000;
        font-size: 1rem;
        border: 2px solid;
        color: #ffffff;
        font-family: "spoticar-bold", Arial, sans-serif;
        line-height: 1;
        border-radius: 0;
        text-transform: uppercase;
        padding: 0.875rem 1.5rem;
        transition: all 0.15s ease 0s;
    }

        .error-message-container .btn-primary:hover {
            background-color: #ffffff;
            border-color: #13d0ca;
            color: #13d0ca;
            text-decoration: none;
        }

        .error-message-container .btn-primary:focus {
            outline: none;
        }

.maintenance-mode-redirect-container p {
    font-family: var(--sp-font-family-regular);
}

.maintenance-mode-redirect-container .redirect-countdown-wrap {
    font-family: var(--sp-font-family-regular);
}

@media print, screen and (min-width: 992px) {
    .Rectangle:after {
        border-color: transparent transparent transparent #57718a;
    }

    .Rectangle .inner {
        border: solid 2px #57718a;
        background-color: #57718a;
    }

        .Rectangle .inner:before {
            border-color: transparent transparent transparent #57718a;
        }

    .error-message-container h1 {
        font-size: 30px;
    }
}

/* Highlight Headline */
.highlights-caption h3 {
    font-family: var(--sp-font-family-regular);
    color: #57718a;
    font-size: 30px;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 30px 0;
    text-align: center;
}

/* offer theme promocode */
.default-theme .gallery .loader {
    width: calc(100% + 15px);
    z-index: 1;
}

.default-theme #actionCode {
    border: 1px solid var(--sp-color-gray-border);
    margin-left: 0;
    padding: 15px 15px;
}

.default-theme .gallery .config-layer .summary-cta .button-orange-arrow-right {
    min-width: initial;
    width: 100%;
    max-width: 505px;
}

.default-theme #actionCode .action-code-wrap .headline {
    color: var(--sp-color-black);
    font-size: 16px;
    text-transform: none;
    margin-bottom: 15px;
    padding-left: 0;
}

.default-theme #actionCode .action-code-wrap label {
    color: var(--sp-color-black);
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 15px;
}

.default-theme #actionCode .form-row {
    justify-content: center;
    margin: 0;
}

    .default-theme #actionCode .form-row #actionCodeMessages {
        font-size: 15px;
    }

    .default-theme #actionCode .form-row #actionCodeFailure {
        margin-top: 10px;
    }

    .default-theme #actionCode .form-row #actionCodeSuccess,
    .default-theme #actionCode .form-row #actionCodeFailure,
    .default-theme #actionCode .form-row #additionalCodeInput {
        width: 100%;
    }

    .default-theme #actionCode .form-row #actionCodeFailure {
        margin-top: 0;
    }

    .default-theme #actionCode .form-row .btn,
    .default-theme #actionCode .form-row #actionCodeRemove {
        cursor: pointer;
    }

    .default-theme #actionCode .form-row .btn {
        width: 100%;
        height: 38px;
        margin-top: 15px;
        /**/
        color: var(--sp-btn-light-normal-color) !important;
        font-size: var(--sp-btn-font-size);
        background-color: var(--sp-color-black);
        border-color: var(--sp-color-black);
        border-radius: var(--sp-btn-border-radius);
        border-width: var(--sp-btn-border-width);
        border-style: var(--sp-btn-border-style);
        font-family: var(--sp-btn-font-family);
        text-transform: var(--sp-btn-text-transform);
        text-decoration: var(--sp-btn-text-decoration);
        padding: var(--sp-btn-padding);
        padding-top: 10px;
        transition: var(--sp-btn-transition);
        line-height: var(--sp-btn-line-height);
    }

        .default-theme #actionCode .form-row .btn:hover {
            background: var(--sp-btn-light-hover-bg);
            color: var(--sp-color-black) !important;
        }

    .default-theme #actionCode .form-row .get-actioncode.disabled {
        opacity: 1;
        background-color: var(--sp-btn-disabled-normal-bg);
        border-color: var(--sp-btn-disabled-normal-border);
        border-width: var(--sp-btn-disabled-border-width);
        color: var(--sp-btn-disabled-normal-color) !important;
        cursor: default;
    }

        .default-theme #actionCode .form-row .get-actioncode.disabled:hover {
            background-color: var(--sp-btn-disabled-hover-bg);
            border-color: var(--sp-btn-disabled-hover-border);
            color: var(--sp-btn-disabled-hover-color) !important;
        }

@media (min-width: 576px) {
    .default-theme #actionCode .form-row {
        justify-content: space-between;
        align-items: center;
    }

        .default-theme #actionCode .form-row input {
            width: auto;
            flex: 1 1 0;
        }

        .default-theme #actionCode .form-row .btn {
            width: auto;
            min-width: 30px;
            margin: 0;
        }
}

@media (min-width: 992px) {
    .default-theme #actionCode .form-row input {
        width: 100%;
        max-width: none;
        margin-right: 0px;
    }

    .default-theme #actionCode .form-row .btn {
        width: 100%;
        margin-top: 10px;
    }
}

@media (min-width: 1200px) {
    .default-theme #actionCode .form-row {
        justify-content: space-between;
    }

        .default-theme #actionCode .form-row input {
            width: 100%;
            max-width: none;
            flex: 1 1 0;
            margin-right: 30px;
        }

        .default-theme #actionCode .form-row .btn {
            width: 100%;
            margin-top: 0;
        }
}

/* legal info text START */
.legal-info-text-wrapper {
    background-color: var(--sp-color-light-gray);
    font-family: var(--sp-font-family-regular);
    padding: 1rem 0 0;
}

    .legal-info-text-wrapper .legal-info-text {
        background-color: var(--sp-color-white);
        padding: 1rem;
    }

        .legal-info-text-wrapper .legal-info-text .sub-headline {
            font-family: var(--sp-h3-font-family);
            font-size: var(--sp-h3-font-size);
            text-transform: var(--sp-h3-text-transform);
            color: var(--sp-color-black);
        }

        .legal-info-text-wrapper .legal-info-text div:nth-child(2),
        .legal-info-text-wrapper .legal-info-text div:nth-child(3),
        .legal-info-text-wrapper .legal-info-text div:nth-child(4) {
            background-color: var(--sp-color-white);
            margin: 0 !important;
            text-transform: none;
            max-width: 740px;
        }

        .legal-info-text-wrapper .legal-info-text div:nth-child(2) {
            border-top: 10px solid var(--sp-color-primary-turquoise);
            border-left: 10px solid var(--sp-color-primary-turquoise);
            border-right: 10px solid var(--sp-color-primary-turquoise);
            /**/
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 25px;
            /**/
            margin-top: 30px !important;
            /**/
            font-size: 18px;
        }

        .legal-info-text-wrapper .legal-info-text div:nth-child(3) {
            border-left: 10px solid var(--sp-color-primary-turquoise);
            border-right: 10px solid var(--sp-color-primary-turquoise);
            /**/
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 15px;
            padding-bottom: 15px;
            /**/
            font-size: 40px;
        }

        .legal-info-text-wrapper .legal-info-text div:nth-child(4) {
            border-left: 10px solid var(--sp-color-primary-turquoise);
            border-right: 10px solid var(--sp-color-primary-turquoise);
            border-bottom: 10px solid var(--sp-color-primary-turquoise);
            /**/
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 25px;
            /**/
            font-size: 18px;
        }

        .legal-info-text-wrapper .legal-info-text .highlight-headline {
            font-family: var(--sp-font-family-bold);
            color: var(--sp-color-black);
        }

        .legal-info-text-wrapper .legal-info-text .content {
            max-width: initial;
            font-size: 1rem !important;
            font-weight: initial;
            line-height: 1.5;
            color: var(--sp-color-black);
        }

            .legal-info-text-wrapper .legal-info-text .content a {
                text-decoration: var(--sp-textlink-text-decoration);
                color: var(--sp-textlink-light-normal-color);
                transition: var(--sp-btn-transition);
            }

                .legal-info-text-wrapper .legal-info-text .content a:hover {
                    color: var(--sp-textlink-light-hover-color);
                }
/* legal info text END */

.main-headline {
    text-align: center;
}

    .main-headline h1 {
        font-family: var(--sp-h1-font-family);
        font-size: var(--sp-h1-font-size);
        text-transform: var(--sp-h1-text-transform);
        color: var(--sp-color-black);
    }

.price-box #loader .ripple-loader div {
    border-color: var(--sp-color-primary-turquoise);
}

/*
nik´s custom checkbox START
*/

/* custom checkbox styles */
.contact .contact-form label {
    /* private vars to configure checkbox */
    --_width: 22px;
    --_height: var(--_width);
    --_gap: 10px;
    --_border-width: 1px;
    --_border-radius: 0;
    --_border-color-on: var(--sp-color-gray-border);
    --_border-color-off: var(--sp-color-gray-border);
    --_background-color-on: transparent;
    --_background-color-off: transparent;
    --_checkmark-color-on: var(--sp-color-primary-turquoise);
    --_checkmark-color-off: transparent;
    --_checkmark-font-family: "Font Awesome 5 Free";
    --_checkmark-font-weight: 800;
    --_checkmark-font-size: 16px;
    --_checkmark-icon: "\f00c";
    --_transition-duration: var(--sp-transition-duration);
    --_transition-timing-function: var(--sp-transition-easing-function);
    /**/
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: var(--_gap);
}

    /* hide input */
    .contact .contact-form label input {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
    }

    /* custom input */
    .contact .contact-form label::before {
        width: var(--_width);
        height: var(--_height);
        font-family: var(--_checkmark-font-family);
        font-weight: var(--_checkmark-font-weight);
        font-size: var(--_checkmark-font-size);
        content: var(--_checkmark-icon);
        color: var(--_checkmark-color-off);
        background-color: var(--_background-color-off);
        border: var(--_border-width) solid var(--_border-color-off);
        border-radius: var(--_border-radius);
        transition-duration: var(--_transition-duration);
        transition-timing-function: var(--_transition-timing-function);
        transition-property: color, background-color, border;
        cursor: pointer;
        text-align: center;
        line-height: var(--_height);
    }

    /* custom input checked */
    .contact .contact-form label:has(input:checked)::before {
        color: var(--_checkmark-color-on);
        background-color: var(--_background-color-on);
        border: var(--_border-width) solid var(--_border-color-on);
    }

/*
nik´s custom checkbox END
*/

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: 38px;
        width: 38px;
        border-radius: 0;
        background: url("/img/spoticar/slider-dot.png") top left no-repeat;
        cursor: pointer;
        margin-top: -16px; /* 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: 38px;
        width: 38px;
        border-radius: 0;
        background: var(--sp-color-white);
        /*background: url("/img/citroen/slider.png") top left no-repeat;*/
        background: none;
        background-color: var(--sp-color-primary-turquoise);
        cursor: pointer;
    }

    /* All the same stuff for IE */
    input[type=range]::-ms-thumb {
        border: 0px solid #cacaca;
        height: 38px;
        width: 38px;
        border-radius: 0;
        background: #ffffff;
        background: url("/img/citroen/slider-dot.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;
    }

/*.css-z6fh1x {
    position: relative;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    width: 64px;
    min-width: 64px;
    height: 64px;
    min-height: 64px;
    padding: 0px;
    cursor: pointer;
    background-color: var(--sp-color-primary-turquoise) !important;
    border: 0px;
    border-radius: 50%;
    color: var(--sp-color-white);
    font-size: 40px;
}*/

/*
* Summary styling (FTMO as Offer Summary)
 */
#store-summary {
    background-color: var(--sp-color-light-gray);
}

    #store-summary .outer-gallery-wrapper {
        padding-top: 1rem;
    }

@media (max-width: 991.98px) {
    #store-summary .outer-gallery-wrapper .section-2 {
        margin-top: 2rem;
    }
}

#store-summary .outer-gallery-wrapper .section-2 .config-layer {
    background-color: var(--sp-color-white);
    padding: 1rem;
}

@media (min-width: 992px) {
    #store-summary .section-2 .config-layer {
        position: sticky;
        top: 0;
    }
}

.store-summary-right-model {
    font-family: var(--sp-font-family-bold);
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 10px;
    width: calc(100% - 25px);
}

#store-summary .gallery .slick-track .slick-slide div {
    display: flex !important;
    height: auto;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

#store-summary .gallery .gallery-slider-slide img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

#store-summary .gallery .slick-prev,
#store-summary .gallery .slick-next {
    width: 43px;
    height: 43px;
    left: 0;
    margin-left: 0;
    z-index: 9;
    background: #fff;
    border: 2px solid var(--sp-color-primary-turquoise);
    border-radius: 0;
    cursor: pointer;
}

#store-summary .gallery .slick-next {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 0;
}

    #store-summary .gallery .slick-prev:before,
    #store-summary .gallery .slick-next:before {
        content: '';
        width: 13px;
        height: 13px;
        top: 14px;
        left: 16px;
        color: var(--sp-color-primary-turquoise);
        position: absolute;
        border: solid 2px var(--sp-color-primary-turquoise);
        border-width: 2px 0 0 2px;
        transform: rotate(-45deg);
    }

    #store-summary .gallery .slick-next:before {
        left: 10px;
        border-width: 2px 2px 0 0;
        transform: rotate(45deg);
    }

#store-summary #summary-details .details-toggle {
    background-color: var(--sp-color-white);
    padding: 1.5rem 1rem;
    align-items: center;
    margin-top: 1rem;
    position: relative;
    cursor: pointer;
    /**/
    border: none;
    width: 100%;
    outline: none;
    box-shadow: none;
}

    #store-summary #summary-details .details-toggle h3 {
        font-family: var(--sp-font-family-bold);
        font-size: 18px;
        margin-bottom: 0;
    }

    #store-summary #summary-details .details-toggle + .content {
        background-color: var(--sp-color-white);
        padding: 1rem;
    }

    #store-summary #summary-details .details-toggle:after {
        content: '';
        width: 18px;
        height: 10px;
        position: absolute;
        top: 50%;
        margin-top: -5px;
        right: 15px;
        background: url('/img/spoticar/option-toggle.svg') 0 0 no-repeat;
        background-size: contain;
        transform: rotate(-180deg);
        transition: transform .2s ease-in-out;
    }

    #store-summary #summary-details .details-toggle[aria-expanded="true"]:after {
        transform: rotate(0);
    }

#store-summary #mobile-config-tab {
    position: sticky;
    bottom: 0px;
    width: 100%;
    margin: 0;
    background: rgb(228, 226, 226);
    padding: 0.625rem 0.9375rem;
    border-top-right-radius: 1.25rem;
    border-top-left-radius: 1.25rem;
    z-index: 49;
    box-shadow: rgb(0, 0, 0) 0px -1px 6px 0px;
    cursor: pointer;
    display: none;
}

    #store-summary #mobile-config-tab .arrow {
        position: relative;
        width: 24px;
        height: 24px;
        margin: 6px auto 0;
    }

        #store-summary #mobile-config-tab .arrow:after {
            content: '';
            position: absolute;
            width: 24px;
            height: 24px;
            background: url("data:image/svg+xml,%3Csvg aria-hidden='true' viewBox='0 0 26 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L13 1L25 13' stroke='%23000' strokewidth='2' strokelinejoin='bevel'%3E%3C/path%3E%3C/svg%3E") 0 0 no-repeat;
            background-size: contain;
        }

@media (max-width: 767.98px) {
    #store-summary #mobile-config-tab.active {
        display: block;
    }
}

@media (max-width: 767.98px) {
    body.layover #store-summary .section-2 .config-layer {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 9999;
        padding: 20px 20px 50px 20px;
        overflow: scroll;
    }

    body.layover .section-2 .config-layer > .h-100 {
        height: initial !important;
    }

    body.layover .section-2 .config-layer #showClose,
    #store-summary #mobile-config-tab .arrow:after {
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        background: url("data:image/svg+xml,%3Csvg aria-hidden='true' viewBox='0 0 26 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L13 1L25 13' stroke='%23000' strokewidth='2' strokelinejoin='bevel'%3E%3C/path%3E%3C/svg%3E") 0 0 no-repeat;
        background-size: contain;
    }

    body.layover .section-2 .config-layer #showClose {
        left: 50%;
        transform: translateX(-50%) rotate(180deg);
    }
}

@media (max-width: 767.98px) {
    body.layover {
        overflow: hidden;
    }
}

#store-summary #serviceData {
    margin: 1rem auto;
}

/*
* Summary TechnicalData KeyPoints
 */
.keypoint-section-title {
    font-family: var(--sp-font-family-bold);
    font-size: 1rem;
    margin-bottom: 1rem;
}

.keypoint-section {
    column-count: 2;
    margin-bottom: 2rem;
}

@media (max-width: 767.98px) {
    .keypoint-section {
        column-count: 1;
    }
}

.keypoint-section .keypoint {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    page-break-inside: avoid;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .keypoint-section .keypoint {
        flex-wrap: wrap;
    }
}

@media (max-width: 575.98px) {
    .keypoint-section .keypoint {
        flex-wrap: wrap;
    }
}

.keypoint-section .keypoint .label {
    display: flex;
    align-items: center;
    font-family: var(--sp-font-family-bold);
}

.keypoint-section .keypoint .label,
.keypoint-section .keypoint .value {
    width: 50%;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .keypoint-section .keypoint .label,
    .keypoint-section .keypoint .value {
        width: 100%;
    }

    .keypoint-section .keypoint .value {
        padding-left: 40px;
    }
}

@media (max-width: 575.98px) {
    .keypoint-section .keypoint .label,
    .keypoint-section .keypoint .value {
        width: 100%;
    }

    .keypoint-section .keypoint .value {
        padding-left: 40px;
    }
}

.keypoint-section .keypoint .keypoint-icon {
    display: inline-block;
    background-size: auto 100%;
    background-position: left center;
    background-repeat: no-repeat;
    height: 32px;
    width: 40px;
}

.keypoint-section .keypoint .keypoint-title {
    flex: 1 1 100%;
    margin: 5px 0;
    padding: 0 5px;
}

.keypoint-section .keypoint .keypoint-icon.calendar {
    background-image: url('/img/spoticar/icons/Calendar_Outline@2x.webp');
}

.keypoint-section .keypoint .keypoint-icon.odometer {
    background-image: url('/img/spoticar/icons/Odometer_Outline@2x.webp');
}

.keypoint-section .keypoint .keypoint-icon.profile {
    background-image: url('/img/spoticar/icons/Profile_Outline@2x.webp');
}

.keypoint-section .keypoint .keypoint-icon.carPlate {
    background-image: url('/img/spoticar/icons/CarPlate_Outline@2x.webp');
}

.keypoint-section .keypoint .keypoint-icon.quote {
    background-image: url('/img/spoticar/icons/Quote_Outline@2x.webp');
}

.keypoint-section .keypoint .keypoint-icon.fuel {
    background-image: url('/img/spoticar/icons/Fuel_Outline@2x.webp');
}

.keypoint-section .keypoint .keypoint-icon.gearbox {
    background-image: url('/img/spoticar/icons/Gearbox_Outline@2x.webp');
}

.keypoint-section .keypoint .keypoint-icon.tyres {
    background-image: url('/img/spoticar/icons/Tyres_Outline@2x.webp');
}

.keypoint-section .keypoint .keypoint-icon.engine {
    background-image: url('/img/spoticar/icons/Engine_Outline@2x.webp');
}

.keypoint-section .keypoint .keypoint-icon.cloudy {
    background-image: url('/img/spoticar/icons/Cloudy_Outline@2x.webp');
}

.keypoint-section .keypoint .keypoint-icon.color {
    background-image: url('/img/spoticar/icons/Color_Outline@2x.webp');
}

.keypoint-section .keypoint .keypoint-icon.door-ajar {
    background-image: url('/img/spoticar/icons/DoorAjar_Outline@2x.webp');
}

.keypoint-section .keypoint .keypoint-icon.seatbelt {
    background-image: url('/img/spoticar/icons/SeatBelt_Outline@2x.webp');
}

.keypoint-section .keypoint .keypoint-icon.carProfile {
    background-image: url('/img/spoticar/icons/CarProfile_Outline@2x.webp');
}

.keypoint-section .keypoint .keypoint-icon.poiBusinessFacility {
    background-image: url('/img/spoticar/icons/PoiBusinessFacility_Outline@2x.webp');
}

.silhouette-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    list-style: none;
    padding: 0px;
    margin: 1rem 0;
    font-size: 0.75rem;
}

@media (max-width: 767.98px) {
    .silhouette-section {
        justify-content: center;
    }
}

.silhouette-section .silhouette {
    position: relative;
}

@media (max-width: 991.98px) {
    .silhouette-section .silhouette {
        padding-bottom: 1.5rem;
    }
}

.silhouette-section .silhouette.info-lateral img {
    max-width: 333px;
}

@media (min-width: 576px) {
    .silhouette-section .silhouette.info-frontal {
        margin-left: 35px;
        margin-right: 10px;
    }
}

.silhouette-section .silhouette.info-frontal img {
    max-width: 165px;
}

.silhouette-section .silhouette.info-trunk img {
    max-width: 152px;
}

.silhouette-section .silhouette .field_with_border {
    border-color: var(--sp-color-primary-turquoise);
    border-style: solid;
    border-width: 1px;
    border-top: 0;
    margin: auto;
    text-align: center;
}

.silhouette-section .silhouette .border_rotate_hauteur {
    display: block;
    top: 61px;
    width: 109px;
    height: 1.5rem;
    right: 5px;
    border-color: var(--sp-color-primary-turquoise);
    border-top: transparent;
    border-style: solid;
    border-width: 1px;
}

.silhouette-section .silhouette .field_rotate_hauteur,
.silhouette-section .silhouette .border_rotate_hauteur {
    position: absolute;
    transform-origin: 100% 50%;
    transform: rotate(270deg) translate(50%, 50%);
}

.silhouette-section .silhouette .field_rotate_hauteur {
    top: -43px;
    bottom: 0;
    right: -20px;
}

.silhouette-section .silhouette .field_longueur {
    width: 93%;
}

.silhouette-section .silhouette .field_largeur {
    width: 78%;
}

.silhouette-section .silhouette .field_volume_coffre,
.silhouette-section .silhouette .field_vo_volume_charge_vu {
    position: absolute;
    font-family: var(--sp-font-family-bold);
    text-align: center;
    line-height: normal;
}

.silhouette-section .silhouette .field_volume_coffre {
    left: 50%;
    top: 41%;
    transform: translate(-50%, -41%);
    overflow-wrap: break-word;
    max-width: 50px;
}

.keypoint-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-bottom: 1rem;
}

    .keypoint-tags .keypoint-tag {
        font-size: 0.75rem;
        margin-right: 0.5rem;
        padding: 0.25rem 0.75rem;
        border-radius: 1rem;
        background-color: var(--sp-color-mid-gray);
        color: var(--sp-color-black);
    }

#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;
    }
}

#InputModelPickerModal .modal-title {
    font-family: "Citroen Type Bold", Arial, Helvetica, sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #57718a;
    margin-top: 10px;
}

.input-model-picker-item {
    border: solid 4px #a8b1b3;
}

.input-model-picker-modelname-wrap span {
    font-family: "Citroen Type Bold", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #000000;
}

.input-model-picker-price-wrap span {
    font-family: "Citroen Type Bold", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #9a8d8c;
}

/* MEDIA QUERIES */
@media (max-width: 992px) {
}

@media (max-width: 767px) {
}

@media (max-width: 576px) {
}

@media (max-width: 375px) {
    .input-model-picker-price-wrap span {
        font-size: 16px;
    }
}

.car-list-detail-tag-wrapper {
    width: 100%;
}

@media (max-width: 575px) {
    .car-list-detail-tag-wrapper {
        margin: 10px 0;
    }
}

.car-list-detail-tag {
    display: inline-block;
    border-radius: 3px;
    padding: 2px 6px 0px 6px;
    background-color: #a8b1b3;
    margin-right: -2px;
    margin-bottom: 3px;
}

.car-list-detail-co2-tag-wrap {
    display: inline-block;
}

.co2-code-list {
    margin-top: -2px;
}

.dual-slider {
    margin-top: 10px;
    width: 100%;
    height: 30px;
}

    .dual-slider input[type=range] {
        position: absolute;
        width: calc(100% - 57px);
        top: 10px;
        background: transparent;
        /* Disable pointer events on the slider track */
        pointer-events: none;
    }
        /* Enable pointer events on the thumb for WebKit browsers */
        .dual-slider input[type=range]::-webkit-slider-thumb {
            pointer-events: auto;
            position: relative;
            z-index: 2;
        }
        /* Lower thumb z-index for the max slider */
        .dual-slider input[type=range].max-slider::-webkit-slider-thumb {
            z-index: 1;
        }
        /* Firefox styles */
        .dual-slider input[type=range]::-moz-range-thumb {
            pointer-events: auto;
            position: relative;
            z-index: 2;
        }

        .dual-slider input[type=range].max-slider::-moz-range-thumb {
            z-index: 1;
        }

        .dual-slider input[type=range].dual-slider-max {
            left: 47px;
            width: calc(100% - 57px);
        }

.default-theme .summary-share-dropdown {
    z-index: 2000;
}

    .default-theme .summary-share-dropdown .dropdown-toggle {
        top: 0;
        right: 0px;
    }

.car-list-detail-tag {
    font-family: var(--sp-font-family-regular);
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
}

.car-list-detail-options {
    font-family: var(--sp-font-family-regular);
    font-size: 0.75rem;
    line-height: 1.5;
    color: var(--sp-color-black);
}

    .car-list-detail-options p {
        margin-bottom: 0;
    }

#store-summary .summary-share-dropdown i {
    color: #13D0CA;
}

.summary-car-label-outer {
    position: relative;
    z-index: 10;
    top: 0;
    left: 15px;
}

@media (min-width: 1140px) {
    .summary-car-label-outer {
        left: 0;
    }
}

.summary-car-label-vwf {
    margin-top: 0;
    position: absolute;
    z-index: 10;
}

.summary-car-label-outer .push-label-list,
.summary-car-label-outer .fuel-label-summary {
    position: absolute;
    right: 15px;
    top: 0;
    margin-top: 0;
}

@media (min-width: 1140px) {
    .summary-car-label-outer .push-label-list,
    .summary-car-label-outer .fuel-label-summary {
        right: 0;
    }
}

@media print, screen and (max-width: 991.98px) {
    .result-border-box .car-list-item .button-orange-arrow-right {
        width: auto;
    }
}

.car-list-item-tile {
    background-color: var(--sp-color-light-gray);
    height: 100%;
}

.car-list-item-tile .car-list-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.car-list-item-tile-dealer {
    font-size: 0.875rem;
    padding: 1rem;
}

    .car-list-item-tile-dealer .location {
        container-name: info-dealer-location-query;
        container-type: inline-size;
        
        display: flex;
        gap: 1rem;
    }
    
    .car-list-item-tile-dealer .location-icon:before {
        content: '';
        display: inline-block;
        background: url("/img/spoticar/spoticar_marker.png") no-repeat;
        background-size: contain;
        width: 20px;
        height: 30px;
    }

    .car-list-item-tile-dealer .location .location-data {
        flex: 1 1 auto;
    }

    .car-list-item-tile-dealer .location .location-info {
        display: grid;
        grid-template-columns: auto min-content;
        grid-template-rows: min-content;
        justify-content: space-between;
    }

        @container info-dealer-location-query (width < 375px) {
            .car-list-item-tile-dealer .location .location-info {
                grid-template-columns: auto;
            }

            .car-list-item-tile-dealer .location .location-info .dealer-distance {
                margin-top: 0.5rem;
            }
        }

.car-list-item-tile-image {
    position: relative;    
}

    .car-list-item-tile-image .label-icon-wrapper {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0.5rem 0.5rem 0;
    }

.car-list-item-tile-main {
    padding: 1rem;
    flex: 1 0 auto;
}

    .car-list-item-tile-main .engine-legal-wrapper .engine-legal {
        line-height: 1;
    }

        .car-list-item-tile-main .engine-legal-wrapper .engine-legal span {
            font-size: 0.75rem;
        }

        .car-list-item-tile-main .engine-legal-wrapper .engine-legal br {
            display: none;
        }

    .car-list-item-tile-main .co2-class-wrapper {
        line-height: 1.39;
        font-size: 0.75rem;
    }

        .car-list-item-tile-main .co2-class-wrapper .co2-class-bottom .info-wrapper {
            display: none;
        }

        .car-list-item-tile-main .co2-class-wrapper .co2-class-bottom > div > div {
            padding: 0;
        }


    .car-list-item-tile-main .info-layer-content .info-layer-content-icons {
        margin-bottom: 0;
    }

@media (min-width: 576px) {
    .car-list-item-tile-main .info-layer-content .info-layer-content-icons {
        margin-bottom: 0.5rem;
    }
}

@media (min-width: 889px) {
    .car-list-item-tile-main .info-layer-content .info-layer-content-icons {
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .car-list-item-tile-main .info-layer-content .info-layer-content-icons {
        margin-bottom: 0.5rem;
    }
}

@media (min-width: 1400px) {
    .car-list-item-tile-main .info-layer-content .info-layer-content-icons {
        margin-bottom: 0;
    }
}
#services-tab-wrap,
#services-content-wrap {
    width: 100%;
}

    #services-content-wrap p {
        font-size: 10px;
    }

        #services-content-wrap p a {
            display: block;
        }

#services-content-wrap p a {
    margin-bottom: 10px;
}

.services-tab {
    border-color: black;
    border-style: solid;
    border-width: 3px 0 0 3px;
}

    .services-tab:last-of-type {
        border-right-width: 3px;
    }

    .services-tab:hover {
        cursor: pointer;
    }

#services-content-wrap {
    border: 3px solid black;
}

ul.services-list li {
    list-style-type: none;
}

li.service-item label:hover {
    cursor: pointer;
}

/* color of unselected checkbox*/
.service-item .custom-control-label {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 10px;
}

    .service-item .custom-control-label:before {
        background-color: white;
    }

/* color of selected checkboxes*/
.service-item .custom-control-input:checked ~ .custom-control-label::before {
    background-color: black !important;
}
/* color of the checked tick*/
.service-item .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='white' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
    cursor: default;
}
/* border color around the checkbox */
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: black;
}

/* Style of disabled preselected checkbox */
.service-item .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: grey !important;
}

.service-list {
    padding: 0;
    list-style: none;
}

    .service-list li {
        padding-left: 50px;
        margin-bottom: 20px;
        position: relative;
    }

        .service-list li:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            background: url('/img/icons/icon-free-service.svg') 0 0 no-repeat;
            background-size: contain;
            display: block;
            width: 30px;
            height: 30px;
        }

    .service-list.roof li:before {
        background-image: url('/img/icon-mrv.png');
    }

.tarif2-box .caption,
.tarif2-box .explanation {
    font-size: 12px;
}

.tarif2-box .button-text-download {
    display: block;
    position: relative;
    padding-left: 50px;
    margin-bottom: 20px;
    line-height: 1.2;
    text-transform: none;
}

.tarif2-box .fa-file-download {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.service-module {
    text-align: left;
    padding: 0 15px;
}

.service-toggle {
    background: none;
    width: 100%;
    outline: none !important;
    border: none;
    padding: 0;
}

    .service-toggle .sub-headline {
        position: relative;
        display: flex;
        align-items: center;
        text-align: left;
        cursor: pointer;
        justify-content: space-between;
    }

        .service-toggle .sub-headline:after {
            width: 34px;
            height: 34px;
            display: block;
            flex-shrink: 0;
            margin-left: 10px;
            content: '';
            background-image: url('/img/arrow_down@2x.png');
            background-repeat: no-repeat;
            background-position: center;
            transition: transform .2s ease-in-out;
        }

    .service-toggle:not(.collapsed) .sub-headline:after {
        transform: rotate( -180deg );
    }

/*
.default-theme.st-bt .first-content-container .container:has(.button-white-greyborder-arrow-left) {
    background-color: var(--sp-color-light-gray);
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

    .default-theme.st-bt .first-content-container .container:has(.button-white-greyborder-arrow-left) .row {
        background-color: var(--sp-color-white);
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 30px;
        padding-bottom: 0;
    }

@media (min-width: 576px) {
    .default-theme.st-bt .first-content-container .container:has(.button-white-greyborder-arrow-left) .row {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .default-theme.st-bt .first-content-container .container:has(.button-white-greyborder-arrow-left) .row {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .default-theme.st-bt .first-content-container .container:has(.button-white-greyborder-arrow-left) .row {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .default-theme.st-bt .first-content-container .container:has(.button-white-greyborder-arrow-left) .row {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .default-theme.st-bt .first-content-container .container:has(.button-white-greyborder-arrow-left) .row {
        max-width: 1320px;
    }
}
*/




.default-theme.st-bt:has(.first-content-container .container .button-white-greyborder-arrow-left) header {
    border-bottom: 10px solid var(--sp-color-blue-gray);
}















#services-content-wrap {
    /*border-color: #57718a;*/
    border: 1px solid var(--sp-color-gray-border);
}

#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: 1px 1px 0 1px;
    }

    .services-tab-active {
        border-radius: 0;
    }
}






.services-tab {
    border-color: var(--sp-color-gray-border);
    border-style: solid;
    border-width: 1px 0 0 1px;
    padding: var(--sp-btn-padding);
    font-family: var(--sp-font-family-bold);
    transition: var(--sp-btn-transition);
    line-height: var(--sp-btn-line-height);
}

    

    .services-tab:last-of-type {
        border-right-width: 1px;
    }

    .services-tab.services-tab-active {
        background-color: var(--sp-color-black);
        color: var(--sp-color-white);
    }

    .services-tab.services-tab-inactive {
        background-color: var(--sp-color-white);
    }

        .services-tab:hover,
        .services-tab.services-tab-inactive:hover {
            background-color: var(--sp-color-black);
            color: var(--sp-color-white);
        }











ul.services-list {
    font-family: var(--sp-font-family-regular);
}

#services-content-wrap {
    font-family: var(--sp-font-family-regular);
}

    #services-content-wrap p {
        font-size: 14px;
    }

ul.services-list li {
    font-family: var(--sp-font-family-regular);
}

.service-item .custom-control-label {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 10px;
    font-size: 14px;
}

.service-item .custom-control-input:disabled ~ .custom-control-label {
    color: var(--sp-color-gray-medium);
}

.service-item[data-selected="1"] label,
.service-item[data-selected="1"] .custom-control-input:disabled ~ .custom-control-label {
    color: var(--sp-color-primary-turquoise);
}

.service-item .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--sp-color-primary-turquoise) !important;
}
/* Style of disabled preselected checkbox */
.service-item .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: var(--sp-color-gray-medium) !important;
}














.service-module {
    background-color: var(--sp-color-white);
    padding: 0;
    transition: var(--sp-btn-transition);
    margin-top: 1rem !important;
    margin-left: 0;
    margin-right: 0;
}

    .service-module:hover {
        background-color: var(--sp-color-primary-turquoise);
    }

    .service-module:hover .tarif2-box .service-toggle::after {
        color: var(--sp-color-white);
    }

    .service-module:hover .tarif2-box .service-toggle .sub-headline {
        color: var(--sp-color-white);
    }

    .service-module:has(.tarif2-box .service-toggle[aria-expanded="true"]) {
        background-color: var(--sp-color-primary-turquoise);
    }

    .service-module .tarif2-box {
        padding: 0;
    }

        .service-module .tarif2-box > div:nth-child(2) {
            background-color: var(--sp-color-white);
            padding: 1rem;
            font-size: 14px;
        }

            .service-module .tarif2-box > div:nth-child(2) > div {
                padding: 0 !important;
            }

        .service-module .tarif2-box .service-toggle {
            margin-right: 0;
            margin-left: 0;
            position: relative;
            padding: 1rem 2.75rem 1rem 1rem !important;
        }

            .service-module .tarif2-box .service-toggle::after {
                font-family: 'Font Awesome 5 Free';
                font-weight: 800;
                content: "\f107";
                position: absolute;
                color: var(--sp-color-black);
                top: 50%;
                transform: translateY(-50%);
                right: 1rem;
                transition: var(--sp-btn-transition);
            }

                .service-module .tarif2-box .service-toggle[aria-expanded="true"]::after {
                    color: var(--sp-color-white);
                    transform: translateY(-50%) rotate(180deg);
                }

            .service-module .tarif2-box .service-toggle .col-12 {
                padding-right: 0;
                padding-left: 0;
            }

            .service-module .tarif2-box .service-toggle .sub-headline {
                margin: 0;
                padding: 0 !important;
                line-height: 1.5;
                background-color: transparent;
                font-family: var(--sp-font-family-regular);
                font-size: 16px;
                color: var(--sp-color-black);
                font-weight: 400;
                font-size: 18px;
            }

            .service-module .tarif2-box .service-toggle[aria-expanded="true"] .sub-headline {
                color: var(--sp-color-white);
            }



            .service-module .tarif2-box .service-toggle .sub-headline:after {
                display: none;
            }






        .service-module .tarif2-box .caption, 
        .service-module .tarif2-box .explanation {
            font-size: 15px;
        }



    .service-module .service-list a {
        text-decoration: var(--sp-textlink-text-decoration);
        transition: var(--sp-btn-transition);
        color: var(--sp-textlink-light-normal-color);
    }

        .service-module .service-list a:hover {
            color: var(--sp-textlink-light-hover-color);
        }


    .service-module .tarif2-box .button-text-download {
        font-size: inherit;
    }









/* MEDIA QUERIES */
@media (max-width: 991.98px) {
}

@media (max-width: 767.98px) {
    .services-tab,
    .service-item {
        font-size: 16px;
    }
}

@media (max-width: 575.98px) {
    .service-item {
        font-size: 14px;
    }
}

@media (max-width: 389.98px) {
}

@media (max-width: 375.98px) {
}

#option-details-tabs {
    margin-bottom: 18px;
}

@media (max-width: 575.98px) {
    #option-details-tabs .no-gutters-sm {
        margin-left: 0px;
        margin-right: 0px;
    }

    #option-details-tabs .no-gutters-sm > .col,
    #option-details-tabs .no-gutters-sm > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }
}

.options-details-tab {
    margin-bottom: 10px;
    padding: 18px 0;
    position: relative;
}

    @media (min-width: 576px) {
        .options-details-tab {
            padding: 0 0 18px 0;
        }
    }

    .options-details-tab:hover {
        cursor: pointer;
    }

    .options-details-tab:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 1px;
        height: 1px;
        width: 100%;
        background-color: #cac6c5;
        z-index: 0;
    }

    .options-details-tab-selected:after {
        background-color: #57718a;
        content: '';
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 7px;
        z-index: 1;
    }

    .options-details-tab.tab-disabled {
        color: #cac6c5;
        cursor: default;
        pointer-events: none;
    }

.option-details-group {
    margin-bottom: 20px;
}

.option-details-group:last-child {
    margin-bottom: 0;
}

.options-details-group-description {
    background-color: white;
    border: none;
    padding: 5px;
    padding-left: 5px;
}

    .options-details-group-description .btn-block {
        position: relative;
        display: flex;
        align-items: center;
        text-align: left;
        cursor: pointer;
    }

        .options-details-group-description .btn-block:after {
            font-family: 'Font Awesome 5 Free';
            font-weight: 800;
            content: "\f107";
            color: #3b3938;
            line-height: 1;
            margin-top: 0px;
            margin-left: auto;
        }

        .options-details-group-description .btn-block:not(.collapsed)::after {
            transform: rotate( -180deg );
        }

        .options-details-group-description-open {
            border-bottom: none;
        }

.options-details-group-list {
    background-color: white;
    padding: 4px 1.25rem 24px;
}

    .options-details-group-list .options-details-group-divider {
        height: 22px;
        border-top: solid 1px #a8b1b3;
    }

    .options-details-group-list ul {
        list-style-type: none;
        padding-left: 5px;
        margin: 0;
    }

.options-details-group-list-item {
    margin-bottom: 8px;
    line-height: 1.4;
}

    .options-details-group-list-item i {
        margin-top: 5px;
    }

    .options-details-group-list-item .name {
        padding: 0 30px 0 6px;
        width: auto;
        flex: 1 1 auto;
    }

    .options-details-group-list-item .text {
        
    }

    .equipment-details-box .popup.popup-technical-data-right {
        padding: 15px;
        border-width: 2px;
    }

.equipment-details-columns-container {
    padding-right: 15px;
    padding-left: 15px;
    column-count: 1;
    width: 100%;
}

.option-series-packfeatures {
    list-style-type: none;
    padding-left: 20px;
}

@media print, screen and (min-width: 768px) {
    .equipment-details-columns-container {
        column-count: 2;
    }
}

.equipment-details-columns-container th,
.equipment-details-columns-container td {
    vertical-align: top;
    padding-bottom: 10px;
}

@media print,screen and (max-width: 575.98px) {
    .equipment-details-columns-container th,
    .equipment-details-columns-container td {
        display: block;
    }
}
#option-details-wrap {
    background-color: var(--sp-color-white);
}

    #option-details-wrap #option-details-tabs {
        margin-bottom: 1rem;
    }

.options-details-tab {
    position: relative;
    font-weight: normal;
    color: var(--sp-color-black);
    margin-bottom: 0px;
    transition: var(--sp-btn-transition);
    font-family: var(--sp-btn-font-family);
    line-height: var(--sp-btn-line-height);
}

    .options-details-tab:hover {
        color: var(--sp-color-primary-turquoise);
    }

    .options-details-tab::before {
        display: none;
    }

    .options-details-tab.options-details-tab-selected {
        color: var(--sp-color-black);
        background-color: var(--sp-color-white);
        cursor: default;
    }

        .options-details-tab.options-details-tab-selected::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 5px;
            width: 100%;
            height: 5px;
            background-color: var(--sp-color-primary-turquoise);
        }

.options-details-content .card {
    border-color: var(--sp-color-gray-border);
    border-radius: 0;
}

    .options-details-content .card .card-header,
    .options-details-group-description {
        background-color: var(--sp-color-white);
        border-radius: 0;
        border: 1px solid var(--sp-color-black);
        color: var(--sp-color-black);
        font-family: var(--sp-font-family-bold);
        font-size: 1rem;
        padding: 0.35rem 0.5rem;
        transition: var(--sp-btn-transition);
        position: relative;
    }

        .options-details-content .card .card-header:first-child,
        .options-details-group-description:first-child {
            border-radius: 0;
        }

        .options-details-content .card .card-header .btn-block,
        .options-details-group-description .btn-block {
            font-size: 0.875rem;
        }

        .options-details-content .card .card-header:has(h3 .btn-block[aria-expanded="true"]),
        .options-details-group-description:has(.btn-block[aria-expanded="true"]) {
            background-color: var(--sp-color-primary-turquoise);
        }

        .options-details-content .card .card-header:has(h3 .btn-block:hover),
        .options-details-group-description:has(.btn-block:hover) {
            background-color: var(--sp-color-primary-turquoise);
        }

            .options-details-content .card .card-header:has(h3 .btn-block[aria-expanded="true"]) .btn-block,
            .options-details-group-description:has(.btn-block[aria-expanded="true"]) .btn-block {
                color: var(--sp-color-white);
            }

            .options-details-content .card .card-header:has(h3 .btn-block:hover) .btn-block,
            .options-details-group-description:has(.btn-block:hover) .btn-block {
                color: var(--sp-color-white);
            }

        .options-details-group-description::before {
            content: "";
            display: block;
            position: absolute;
            border-left: 1px solid var(--sp-color-black);
            top: 0;
            right: 15px;
            width: 20px;
            height: 100%;        }

        /*.options-details-content .card .card-header::after,*/
        .options-details-group-description::after {
            font-family: 'Font Awesome 5 Free';
            font-weight: 800;
            content: "\f107";
            position: absolute;
            color: var(--sp-color-primary-turquoise);
            top: 50%;
            transform: translateY(-50%);
            right: 10px;
            transition: var(--sp-btn-transition);
        }

        .options-details-content .card .card-header:has(h3 .btn-block[aria-expanded="true"])::after,
        .options-details-group-description:has(.btn-block[aria-expanded="true"])::after {
            transform: translateY(-50%) rotate(180deg);
            color: var(--sp-color-white);
        }

        .options-details-content .card .card-header:has(h3 .btn-block:hover)::after,
        .options-details-group-description:has(.btn-block:hover)::after {
            color: var(--sp-color-white);
        }

        /*.options-details-content .card .card-header button,
        .options-details-group-description button {
            color: var(--sp-color-black);
            transition: var(--sp-btn-transition);
            padding: 0;
            border: none;
        }

            .options-details-content .card .card-header button.btn-link:hover,
            .options-details-group-description button.btn-link:hover {
                text-decoration: none;
                color: var(--sp-color-white);
            }*/






        .options-details-group-description .btn-block {
            padding: 0;
            transition: var(--sp-btn-transition);
        }

        .options-details-group-description .btn-block::after {
            display: none;
        }


.options-details-group-list {
    background-color: var(--sp-color-white);
    border: 1px solid var(--sp-color-black);
    border-top: none;
    padding: 1rem;
}

    .options-details-group-list .options-details-group-divider {
        display: none;
    }
/*
        .faq-wrapper .card {
        border-color: var(--sp-color-gray-border);
        border-radius: 0;
        margin-top: -1px;
    }

        .faq-wrapper .card .card-header {
            background-color: var(--sp-color-white);
            border-radius: 0;
            border-bottom: none;
            font-family: var(--sp-font-family-regular);
            font-size: 16px;
            padding: 15px 45px 15px 15px;
            color: var(--sp-color-black);
            transition: var(--sp-btn-transition);
            position: relative;
        }

            .faq-wrapper .card .card-header:first-child {
                border-radius: 0;
            }

            .faq-wrapper .card .card-header::after {
                font-family: 'Font Awesome 5 Free';
                font-weight: 800;
                content: "\f107";
                position: absolute;
                color: var(--sp-color-black);
                top: 50%;
                transform: translateY(-50%);
                right: 15px;
                transition: var(--sp-btn-transition);
            }



            .faq-wrapper .card .card-header button {
                color: var(--sp-color-black);
                transition: var(--sp-btn-transition);
                padding: 0;
                border: none;
            }

        .faq-wrapper .card .card-header button.btn-link:hover {
            text-decoration: none;
            color: var(--sp-color-white);
        }

            .faq-wrapper .card .card-header:has(button.btn-link:hover) {
                background-color: var(--sp-color-primary-turquoise);
            }

                .faq-wrapper .card .card-header:has(button.btn-link:hover)::after {
                    color: var(--sp-color-white);
                }

    .faq-wrapper .card .card-header button.btn-link:focus {
        text-decoration: none;
        box-shadow: none;
    }

    .faq-wrapper .card .card-header button.btn-link[aria-expanded="true"] {
        text-decoration: none;
        color: var(--sp-color-white);
    }

            .faq-wrapper .card .card-header:has(button.btn-link[aria-expanded="true"]) {
                background-color: var(--sp-color-primary-turquoise);
            }

                .faq-wrapper .card .card-header:has(button.btn-link[aria-expanded="true"])::after {
                    color: var(--sp-color-white);
                    transform: translateY(-50%) rotate(180deg);
                }

.faq-wrapper .card .card-body {
    background-color: var(--sp-color-white);
    font-family: var(--sp-font-family-regular);
    font-size: 14px;
    padding: 15px 15px;
    color: var(--sp-color-black);
}
    */

.options-details-group-list-item .name {
    padding-left: 10px;    
}

    .options-details-group-list li,
    .popover-optionsseries-item {
        font-family: var(--sp-font-family-regular);
        font-size: 14px;
        letter-spacing: 0.18px;
    }

    .options-details-group-list-item i,
    .popover-optionsseries-item i {
        color: var(--sp-color-primary-turquoise);
        font-size: 14px;
    }

    .options-details-group-list-item i {
        margin-top: 3px;
    }

.options-details-group-list-item {
    margin-bottom: 5px;
}

    .options-details-group-list-item:last-child {
        margin-bottom: 0;
    }

.popover-optionsseries-item {
    margin-bottom: 5px;
}

    .popover-optionsseries-item span {
        display: inline-block;
        position: relative;
        padding-left: 20px;
    }

    .popover-optionsseries-item i {
        position: absolute;
        left: 0;
        top: 4px;
    }





.equipment-details-box-wrapper {
    background-color: var(--sp-color-white);
}



    .equipment-details-box-wrapper .popup.popup-technical-data-right {
        border: none;
    }

        .equipment-details-box-wrapper .popup.popup-technical-data-right h3 {
            font-family: var(--sp-h3-font-family);
            font-size: var(--sp-h3-font-size);
            text-transform: var(--sp-h3-text-transform);
            color: var(--sp-color-black);
        }




.equipment-details-box .popup .table-left,
.equipment-details-box .popup .table-right {
    font-family: var(--sp-font-family-regular);
    color: var(--sp-color-black);
    font-size: 16px;
}
.pac-container {
    z-index: 10510 !important;
}

#HomeDeliveryMap {
    width: 100%;
    height: 500px;
}

.home-delivery-tab {
    border: 3px solid black;
    border-bottom: 0px;
}

    .home-delivery-tab:hover {
        cursor: pointer;
    }

#home-delivery-content-wrap p {
    font-size: 10px;
}

#home-delivery-content-wrap {
    border: 3px solid black;
    width: 100%;
}

ul.home-delivery-list li {
    list-style-type: none;
}

li.home-delivery-item label:hover {
    cursor: pointer;
}

/* color of unselected checkbox*/
.home-delivery-item .custom-control-label:before {
    background-color: white;
}

/* color of selected checkboxes*/
.home-delivery-item .custom-control-input:checked ~ .custom-control-label::before {
    background-color: black !important;
}
/* color of the checked tick*/
.home-delivery-item .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='white' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
    cursor: default;
}
/* border color around the checkbox */
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: black;
}

/* Style of disabled preselected checkbox */
.home-delivery-item .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: grey !important;
}

/*
    Banner/Sticker start
*/
.hd-medium a:hover,
.hd-banner a:hover {
    color: white;
    text-decoration: none;
}

.hd-medium-inner {
    text-align: center;
}

.hd-banner-text,
.hd-medium-text {
    letter-spacing: 0.3px;
    color: #000;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: white;
}

    .hd-medium-text:after {
        content: "";
        background: url("/img/citroen/gutschein-mobile-arrow.png") top left no-repeat;
        width: 14px;
        height: 23px;
        position: absolute;
        right: -30px;
        top: 13px;
    }

@media (max-width: 1199.98px) {

    .hd-medium {
        height: 63px;
    }

    .hd-medium-text-first {
        width: 100%;
        display: block;
        font-size: 18px;
    }

    .hd-medium-text-second {
        width: 100%;
        display: block;
        font-size: 22px;
    }

    .hd-medium-text {
        border: 1px solid white;
        padding: 5px;
        width: 50%;
        margin: auto;
        margin-top: 5px;
        margin-bottom: 5px;
        line-height: 1;
    }
}

@media (max-width: 575.98px) {
    .hd-medium-text {
        width: 80%;
    }
}

.hd-banner {
    width: 240px;
    left: 0px;
    top: 290px;
    z-index: 19;
    background-color: transparent;
}

.hd-banner-text-first {
    width: 100%;
    display: block;
}

.hd-banner-text-second {
    width: 100%;
    display: block;
}

.hd-banner-text-third {
    width: 100%;
    display: block;
}

.hd-banner-text-four {
    width: 100%;
    display: block;
    font-size: 10px;
}

.hd-banner-inner {
    border: 1px solid black;
    text-align: center;
    padding: 0px;
    width: calc(100% - 23px);
    margin: 12px;
}

    .hd-banner-inner img {
        width: 100%;
    }

/* positioning bonus banner < 1600px */

@media (max-width: 1599.98px) {
    .hd-medium-text-first {
        width: 100%;
        display: block;
        font-size: 18px;
    }

    .hd-medium-text-second {
        width: 100%;
        display: block;
        font-size: 22px;
    }

    .hd-medium-text {
        border: 1px solid white;
        padding: 5px;
        width: 35%;
        min-width: 350px;
        margin: auto;
        margin-top: 5px;
        margin-bottom: 5px;
        line-height: 1;
    }
}

@media (max-width: 767.98px) {
    .hd-medium-text {
        width: 50%;
    }
}

@media (max-width: 575.98px) {
    .hd-medium-text {
        width: 80%;
    }
}
/*
    Banner/Sticker end
*/

.home-delivery-tab {
    border-color: #fec700;
    font-family: "Citroen Type Bold", Arial, Helvetica, sans-serif;
}

.home-delivery-tab-active {
    background-color: #fec700;
    color: black;
}

#home-delivery-content-wrap {
    border-color: #57718a;
    font-family: "Citroen Type Regular", Arial, Helvetica, sans-serif;
    font-size: 16px;
    padding: 0 5px;
    margin-bottom: 0.5rem;
}

    #home-delivery-content-wrap p {
        font-size: 13px;
    }

ul.home-delivery-list {
    font-family: "Citroen Type Regular", Arial, Helvetica, sans-serif;
}

    ul.home-delivery-list li label {
        font-family: "Citroen Type Bold", Arial, Helvetica, sans-serif;
        display: flex;
        justify-content: space-between;
        vertical-align: middle;
        flex-wrap: wrap;
        gap: 0 10px;
        line-height: 26px;
    }

/* colors when checkbox is checked */
.home-delivery-item .custom-control-input:checked ~ .custom-control-label {
    color: #da291c;
}

.home-delivery-item .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #da291c !important;
}

/* Style of disabled preselected checkbox */
.home-delivery-item .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: grey !important;
}

/* MEDIA QUERIES */
@media (max-width: 991.98px) {
    #home-delivery-content-wrap {
        margin-bottom: 1rem;
    }
}

@media (max-width: 767.98px) {
    .home-delivery-tab {
        font-size: 20px;
    }

    .home-delivery-item {
        font-size: 16px;
    }

    ul.home-delivery-list li label {
        line-height: 22px;
    }
}

@media (max-width: 575.98px) {
    .home-delivery-item {
        font-size: 14px;
    }
}

/*
    Banner/Sticker start
*/

.hd-medium {
    background-color: #da291c;
}

.hd-medium-text-first {
    font-family: "Citroen Type Regular", Arial, Helvetica, sans-serif;
    font-size: 19px;
}

.hd-medium-text-second {
    font-family: "Citroen Type Bold", Arial, Helvetica, sans-serif;
    font-size: 22px;
}

.hd-banner-text {
    color: #000000;
}

.hd-banner-text-first {
    font-family: "Citroen Type Regular", Arial, Helvetica, sans-serif;
    font-size: 15px;
}

.hd-banner-text-second {
    font-family: "Citroen Type Bold", Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin-top: 0px;
}

.hd-medium-text:after {
    background: url("/img/citroen/gutschein-mobile-arrow.png") top left no-repeat;
}

.hd-banner-text-third {
    font-size: 14px;
}

    .hd-banner-text-third:after {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        right: 0px;
        top: 0px;
        background: none;
    }

.home-delivery-cta {
    border: none;
    border-radius: 90px;
    margin: 20px 0 20px;
    background-color: #57718a;
    color: #fff;
    padding: 0;
}

    .home-delivery-cta span {
        line-height: 1;
        display: block;
        height: 100%;
        text-align: center;
        padding: 16px 100px 15px;
        font-size: 30px;
        margin: 3px;
        color: #fff;
    }

    .home-delivery-cta:focus {
        outline: none;
        box-shadow: none;
    }

    .home-delivery-cta:hover {
        background: #535556;
    }

@media screen and (max-width: 459.98px) {
    .home-delivery-cta span {
        font-size: 22px;
    }
}

@media print, screen and (max-width: 1599.98px) {
    .hd-banner {
        background-color: #da291c;
    }
}

@media print, screen and (min-width: 1600px) {
    .hd-banner.hd {
        background-color: #fff;
        width: 260px;
    }

    .hd .hd-inner {
        border: 3px solid #212529;
        padding: 15px 15px 45px 15px;
        width: calc(100% - 31px);
        margin: 12px;
        position: relative;
    }

    .hd .hd-text, .hd .hd-medium-text {
        color: #212529;
    }

    .hd .hd-inner .hd {
        position: absolute;
        width: 60px;
        height: 43px;
        right: 20px;
        bottom: 15px;
        background: url('/img/citroen/hd.png') 0 0 no-repeat;
        background-size: contain;
    }

    .hd .hd-text-first {
        font-family: "Citroen Type Bold", Arial, Helvetica, sans-serif;
        font-size: 20px;
    }

    .hd .hd-text-second {
        font-family: "Citroen Type Black", Arial, Helvetica, sans-serif;
        font-size: 75px;
        color: #da291c;
        margin-top: -3px;
    }

    .hd .hd-text-third {
        font-family: "Citroen Type Bold", Arial, Helvetica, sans-serif;
        font-size: 20px;
    }

        .hd .hd-text-third:after {
            display: none;
        }
}
/*
    Banner/Sticker end
*/

.dealervehicleintroduction-tile {
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 100%;
    margin: 0 auto 50px;
}

    @media (min-width: 768px) {
        .dealervehicleintroduction-tile {
            margin-bottom: 100px;
        }
    }

    @media (max-width: 575px) {
        .dealervehicleintroduction-tile {
            max-width: 350px;
        }
    }

.dealervehicleintroduction-tile-header {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    position: relative;
}

    .dealervehicleintroduction-tile-header img {
        max-width: 100%;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        object-fit: cover;
        width: 100%;
        height: 100%;
        object-position: center;
    }

        .dealervehicleintroduction-tile-header img.obj-right {
            object-position: right;
        }
        .dealervehicleintroduction-tile-header img.obj-left {
            object-position: left;
        }

.dealervehicleintroduction-tile-number {
    position: absolute;
    left: calc(50% - 32px);
    top: -32px;
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Citroen Type Bold", Arial, Helvetica, sans-serif;
    font-size: 28px;
    color: #b1b3b3;
    border-radius: 50%;
    border: 4px solid #e4e2e2;
    background-color: #fff;
}

    .tile-red .dealervehicleintroduction-tile-number {
        color: #da291c;
    }

    .tile-blue .dealervehicleintroduction-tile-number {
        color: #57718a;
    }


.dealervehicleintroduction-tile-image {
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.dealervehicleintroduction-tile-content {
    padding: 30px;
    background-color: white;
    min-height: 280px;
}

    @media (min-width: 768px) and (max-width: 1025px) {
        .dealervehicleintroduction-tile-content {
            padding: 20px;
        }
    }

    .dealervehicleintroduction-tile-content h5 {
        text-align: center;
        color: #57718a;
    }

    .dealervehicleintroduction-tile-content p {
        font-size: 16px;
        margin-bottom: 15px;
    }

.dealervehicleintroduction-tile-footer {
    color: #fff;
    background-color: #b1b3b3;
    text-align: center;
    padding: 8px;
}

    .tile-red .dealervehicleintroduction-tile-footer {
        background-color: #da291c;
    }

    .tile-blue .dealervehicleintroduction-tile-footer {
        background-color: #57718a;
    }

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: local(''), url('../fonts/ubuntu-v20-latin-ext_latin-regular.woff2') format('woff2'), url('../fonts/ubuntu-v20-latin-ext_latin-regular.woff') format('woff');
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: local(''), url('../fonts/ubuntu-v20-latin-ext_latin-700.woff2') format('woff2'), url('../fonts/ubuntu-v20-latin-ext_latin-700.woff') format('woff');
}

@font-face {
    font-family: cfgv3-pictos;
    src: url("../fonts/PictosCFG.woff") format("woff"),url("../fonts/PictosCFG.woff") format("woff2");
    font-weight: 400;
    font-style: normal
}

body.store-theme {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: flex-start;
}

.store-theme .first-content-container {
    flex-grow: 1;
}

.store-theme .footer {
    margin-top: auto;
}

.store-theme [class*=" cfg-icon-"], .store-theme [class^=cfg-icon-] {
    display: inline-block;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    letter-spacing: normal;
    font-weight: 400;
    font-style: normal;
    font-family: cfgv3-pictos;
    line-height: 1;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
}

.cfg-icon-close-outline:before {
    content: "\e900"
}

.cfg-icon-close-solid:before {
    content: "\e940"
}

.cfg-icon-questionMark-outline:before {
    content: "\e901"
}

.cfg-icon-questionMark-solid:before {
    content: "\e941"
}

.cfg-icon-edit-outline:before {
    content: "\e902"
}

.cfg-icon-edit-solid:before {
    content: "\e942"
}

.cfg-icon-reload-outline:before {
    content: "\e903"
}

.cfg-icon-reload-solid:before {
    content: "\e943"
}

.cfg-icon-validate-outline:before {
    content: "\e904"
}

.cfg-icon-validate-solid:before {
    content: "\e944"
}

.cfg-icon-N73Information-outline:before {
    content: "\e905"
}

.cfg-icon-N73Information-solid:before {
    content: "\e945"
}

.cfg-icon-fuelPack-outline:before {
    content: "\e906"
}

.cfg-icon-fuelPack-solid:before {
    content: "\e946"
}

.cfg-icon-magnifyGlass-outline:before {
    content: "\e907"
}

.cfg-icon-magnifyGlass-solid:before {
    content: "\e947"
}

.cfg-icon-adas-outline:before {
    content: "\e908"
}

.cfg-icon-adas-solid:before {
    content: "\e948"
}

.cfg-icon-G01Fuel-outline:before {
    content: "\e909"
}

.cfg-icon-G01Fuel-solid:before {
    content: "\e949"
}

.cfg-icon-sentMail-outline:before {
    content: "\e90A"
}

.cfg-icon-sentMail-solid:before {
    content: "\e94A"
}

.cfg-icon-chargeStation-outline:before {
    content: "\e90B"
}

.cfg-icon-chargeStation-solid:before {
    content: "\e94B"
}

.cfg-icon-fullScreen-outline:before {
    content: "\e90C"
}

.cfg-icon-fullScreen-solid:before {
    content: "\e94C"
}

.cfg-icon-clock-outline:before {
    content: "\e90D"
}

.cfg-icon-clock-solid:before {
    content: "\e94D"
}

.cfg-icon-onMap-outline:before {
    content: "\e90E"
}

.cfg-icon-onMap-solid:before {
    content: "\e94E"
}

.cfg-icon-eye-outline:before {
    content: "\e90F"
}

.cfg-icon-eye-solid:before {
    content: "\e94F"
}

.cfg-icon-F01Engine-outline:before {
    content: "\e910"
}

.cfg-icon-F01Engine-solid:before {
    content: "\e950"
}

.cfg-icon-G01SteeringCircuit-outline:before {
    content: "\e911"
}

.cfg-icon-G01SteeringCircuit-solid:before {
    content: "\e951"
}

.cfg-icon-carProfil-outline:before {
    content: "\e912"
}

.cfg-icon-carProfil-solid:before {
    content: "\e952"
}

.cfg-icon-closeConfortDriver-outline:before {
    content: "\e913"
}

.cfg-icon-closeConfortDriver-solid:before {
    content: "\e953"
}

.cfg-icon-filterOff-outline:before {
    content: "\e915"
}

.cfg-icon-filterOff-solid:before {
    content: "\e954"
}

.cfg-icon-view360-outline:before {
    content: "\e916"
}

.cfg-icon-view360-solid:before {
    content: "\e955"
}

.cfg-icon-newCar-outline:before {
    content: "\e917"
}

.cfg-icon-newCar-solid:before {
    content: "\e956"
}

.cfg-icon-document-outline:before {
    content: "\e918"
}

.cfg-icon-document-solid:before {
    content: "\e957"
}

.cfg-icon-comparator-outline:before {
    content: "\e919"
}

.cfg-icon-comparator-solid:before {
    content: "\e958"
}

.cfg-icon-emailError-outline:before {
    content: "\e91A"
}

.cfg-icon-emailError-solid:before {
    content: "\e959"
}

.cfg-icon-chevronSmall-outline:before {
    content: "\e91B"
}

.cfg-icon-chevronSmall-solid:before {
    content: "\e95A"
}

.cfg-icon-chevronMedium-outline:before {
    content: "\e91C"
}

.cfg-icon-chevronMedium-solid:before {
    content: "\e95B"
}

.cfg-icon-filterOn-outline:before {
    content: "\e91E"
}

.cfg-icon-filterOn-solid:before {
    content: "\e95D"
}

.cfg-icon-N73InformationMedium-outline:before {
    content: "\e91F"
}

.cfg-icon-N73InformationMedium-solid:before {
    content: "\e95E"
}

.cfg-icon-N73InformationSmall-outline:before {
    content: "\e920"
}

.cfg-icon-N73InformationSmall-solid:before {
    content: "\e95F"
}

.cfg-icon-reduce-outline:before {
    content: "\e921"
}

.cfg-icon-reduce-solid:before {
    content: "\e960"
}

.cfg-icon-landscapeRotation-outline:before {
    content: "\e922"
}

.cfg-icon-landscapeRotation-solid:before {
    content: "\e961"
}

.cfg-icon-gearbox5-outline:before {
    content: "\e925"
}

.cfg-icon-gearbox5-solid:before {
    content: "\e964"
}

.cfg-icon-airBump-outline:before {
    content: "\e926"
}

.cfg-icon-airBump-solid:before {
    content: "\e965"
}

.cfg-icon-roofColor-outline:before {
    content: "\e927"
}

.cfg-icon-roofColor-solid:before {
    content: "\e966"
}

.cfg-icon-offer-outline:before {
    content: "\e928"
}

.cfg-icon-offer-solid:before {
    content: "\e967"
}

.cfg-icon-tyres-outline:before {
    content: "\e929"
}

.cfg-icon-tyres-solid:before {
    content: "\e968"
}

.cfg-icon-accessories-outline:before {
    content: "\e92A"
}

.cfg-icon-accessories-solid:before {
    content: "\e969"
}

.cfg-icon-A77Color-outline:before {
    content: "\e92B"
}

.cfg-icon-A77Color-solid:before {
    content: "\e96A"
}

.cfg-icon-email-outline:before {
    content: "\e92C"
}

.cfg-icon-email-solid:before {
    content: "\e96B"
}

.cfg-icon-poiShop-outline:before {
    content: "\e92D"
}

.cfg-icon-poiShop-solid:before {
    content: "\e96C"
}

.cfg-icon-parameter-outline:before {
    content: "\e92E"
}

.cfg-icon-parameter-solid:before {
    content: "\e96D"
}

.cfg-icon-multiDevice-outline:before {
    content: "\e92F"
}

.cfg-icon-multiDevice-solid:before {
    content: "\e96E"
}

.cfg-icon-error-outline:before {
    content: "\e930"
}

.cfg-icon-error-solid:before {
    content: "\e96F"
}

.cfg-icon-share-outline:before {
    content: "\e931"
}

.cfg-icon-share-solid:before {
    content: "\e970"
}

.cfg-icon-externalLink-outline:before {
    content: "\e932"
}

.cfg-icon-externalLink-solid:before {
    content: "\e971"
}

.cfg-icon-hybridStation-outline:before {
    content: "\e933"
}

.cfg-icon-hybridStation-solid:before {
    content: "\e972"
}

.cfg-icon-configurator-outline:before {
    content: "\e934"
}

.cfg-icon-configurator-solid:before {
    content: "\e973"
}

.cfg-icon-volume-outline:before {
    content: "\e935"
}

.cfg-icon-volume-solid:before {
    content: "\e974"
}

.cfg-icon-moreOption-outline:before {
    content: "\e936"
}

.cfg-icon-moreOption-solid:before {
    content: "\e975"
}

.cfg-icon-X87Setting-outline:before {
    content: "\e937"
}

.cfg-icon-X87Setting-solid:before {
    content: "\e976"
}

.cfg-icon-closeSmall-outline:before {
    content: "\e938"
}

.cfg-icon-closeSmall-solid:before {
    content: "\e977"
}

.cfg-icon-validateSmall-outline:before {
    content: "\e939"
}

.cfg-icon-validateSmall-solid:before {
    content: "\e978"
}

.cfg-icon-validateMedium-outline:before {
    content: "\e93A"
}

.cfg-icon-validateMedium-solid:before {
    content: "\e979"
}

.cfg-icon-ota-outline:before {
    content: "\e93B"
}

.cfg-icon-ota-solid:before {
    content: "\e97A"
}

.cfg-icon-lowEmissionVehicleBlank-outline:before, .cfg-icon-lowEmissionVehicleBlank-solid:before {
    content: ""
}

.cfg-icon-lowEmissionVehicleAP-outline:before, .cfg-icon-lowEmissionVehicleAP-solid:before {
    content: "\f004"
}

.cfg-icon-lowEmissionVehicleAC-outline:before, .cfg-icon-lowEmissionVehicleAC-solid:before {
    content: "\f001"
}

.cfg-icon-lowEmissionVehicleDS-outline:before, .cfg-icon-lowEmissionVehicleDS-solid:before {
    content: "\f003"
}

.cfg-icon-lowEmissionVehicleOP-outline:before, .cfg-icon-lowEmissionVehicleOP-solid:before, .cfg-icon-lowEmissionVehicleVX-outline:before, .cfg-icon-lowEmissionVehicleVX-solid:before {
    content: "\f002"
}

.cfg-icon-negativeSign-outline:before {
    content: "\e924"
}

.cfg-icon-negativeSign-solid:before {
    content: "\e963"
}

.cfg-icon-chevronLarge-outline:before, .cfg-icon-chevronLarge-solid:before {
    content: ""
}

.cfg-icon-plus-outline:before {
    content: "\e923"
}

.cfg-icon-plus-solid:before {
    content: "\e962"
}

.cfg-icon-chevronLarge-outline:before {
    content: "\e91D"
}

.cfg-icon-chevronLarge-solid:before {
    content: "\e95C"
}

.cfg-icon-default-color.brand-AP {
    color: #000
}

.cfg-icon-default-color.brand-AC {
    color: #da291c
}

.cfg-icon-default-color.brand-DS {
    color: #ad9d91
}

.cfg-icon-error-color.brand-AP {
    color: red
}

.cfg-icon-error-color.brand-AC {
    color: #e1412d
}

.cfg-icon-error-color.brand-DS {
    color: #d0021b
}

.cfg-icon-success-color.brand-AC, .cfg-icon-success-color.brand-AP {
    color: #09aa59
}

.cfg-icon-success-color.brand-DS {
    color: #4caf50
}

.cfg-icon-electric-hybrid-color.brand-AP {
    color: var(--ap-primary)
}

.cfg-icon-electric-hybrid-color.brand-AC {
    color: #08a8b6
}

.cfg-icon-electric-hybrid-color.brand-DS {
    color: #6b8799
}

.store-theme body {
    color: #3b3938;
}

.store-theme .img-wrapper .icon-wrapper {
    position: absolute;
    right: 40px;
    font-size: 25px;
}

.store-theme .img-wrapper img {
    width: 100%;
    max-width: 100%;
}

    .store-theme .img-wrapper img.fallback {
        aspect-ratio: 16/9;
        object-fit: contain;
    }

.store-theme .model-name {
    min-height: 60px;
}

    .store-theme .model-name a {
        text-decoration: none;
    }

    .store-theme .model-name span {
        font-size: 18px;
        font-weight: bold;
        color: #212529;
    }

    .store-theme .model-name .store-index-price-wrap {
        display: block;
    }

        .store-theme .model-name .store-index-price-wrap span {
            font-size: 14px;
            font-weight: normal;
        }

.store-theme .store-legal-text {
    background-color: #d9dbdd;
    margin-top: 64px;
    padding: 48px 0 30px;
}

.store-theme .gallery-wrapper {
    background: #fff;
}

.store-theme .store-gallery-slider {
    margin-bottom: 0;
}

    .store-theme .store-gallery-slider .keep-ratio {
        aspect-ratio: 1.7778;
    }


.store-theme .gallery .slick-prev,
.store-theme .gallery .slick-next {
    width: 43px;
    height: 43px;
    left: 0;
    margin-left: 0;
    z-index: 9;
    background: #fff;
    border: solid 2px #da291c;
    border-radius: 10px;
    cursor: pointer;
}

.store-theme .gallery .slick-next {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 0;
}

    .store-theme .gallery .slick-prev:hover,
    .store-theme .gallery .slick-next:hover {
        border-color: #3b3938;
    }

    .store-theme .gallery .slick-prev:before,
    .store-theme .gallery .slick-next:before {
        content: '';
        width: 13px;
        height: 13px;
        top: 13px;
        left: 15px;
        color: #da291c;
        position: absolute;
        border: solid 2px #da291c;
        border-width: 2px 0 0 2px;
        transform: rotate(-45deg);
    }

    .store-theme .gallery .slick-next:before {
        left: 9px;
        border-width: 2px 2px 0 0;
        transform: rotate(45deg);
    }

    .store-theme .gallery .slick-prev:hover:before,
    .store-theme .gallery .slick-next:hover:before {
        border-color: #3b3938;
    }

.store-theme .gallery .slick-initialized .slick-slide div {
    overflow: hidden;
}

.store-theme .gallery .slick-slide img {
    max-width: 100%;
}

.store-theme #model-store-info-buttons {
    padding-top: 15px;
    border-top: 1px solid #e4e2e2;
}

.store-theme #store-navigation-outer {
    margin-top: 30px;
}

.store-theme .outer-small {
    margin-right: -8px;
    margin-left: -8px;
}

.store-theme .store-navigation-tile-order {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
}

.store-theme .store-navigation-tile-title {
    display: inline-block;
    margin-left: 4px;
}

.store-theme .store-navigation-tile {
    flex: 1 1 0;
    width: 0;
    font-size: 14px;
    font-family: Ubuntu,Helvetica,Arial,Verdana,sans-serif;
    line-height: 16px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .store-theme .store-navigation-tile:before {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 1px;
        content: '';
    }

    .store-theme .store-navigation-tile:not(:only-child):not(:last-child) {
        margin-right: 1px;
    }

    .store-theme .store-navigation-tile a {
        display: flex;
        align-items: center;
    }

        .store-theme .store-navigation-tile a:hover {
            text-decoration: none;
        }

    .store-theme .store-navigation-tile .cfg-icon {
        margin-left: 4px;
        font-size: 24px;
    }

    .store-theme .store-navigation-tile[data-active="True"][data-selected="False"] {
        background: #fff;
    }

        .store-theme .store-navigation-tile[data-active="True"][data-selected="False"]:before {
            height: 2px;
            background-color: #243782;
        }

        .store-theme .store-navigation-tile[data-active="True"][data-selected="False"] a {
            color: #3b3938;
        }

    .store-theme .store-navigation-tile[data-active="True"][data-selected="True"] {
        background: #243782;
    }

        .store-theme .store-navigation-tile[data-active="True"][data-selected="True"]:before {
            height: 2px;
            background-color: #243782;
        }

        .store-theme .store-navigation-tile[data-active="True"][data-selected="True"] a {
            color: #fff;
        }

    .store-theme .store-navigation-tile[data-active="False"][data-selected="False"] {
        background: #e4e2e2;
    }

        .store-theme .store-navigation-tile[data-active="False"][data-selected="False"]:before {
            height: 2px;
            background-color: #a19a99;
        }

        .store-theme .store-navigation-tile[data-active="False"][data-selected="False"] a {
            color: #a19a99;
            cursor: context-menu;
        }

.fs14 {
    font-size: 14px !important;
}

.store-theme .bafa:before {
    background-size: contain;
}


.store-model-item .monthly-price-loading-background,
.store-grade-item .monthly-price-loading-background,
.store-motor-item .monthly-price-loading-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.6);
    z-index: 99;
}

.store-model-item .monthly-price-loading,
.store-grade-item .monthly-price-loading,
.store-motor-item .monthly-price-loading {
    width: 100%;
    display: block;
    position: relative;
}

    .store-model-item .monthly-price-loading.active {
        height: 65px;
    }

    .store-grade-item .monthly-price-loading.active,
    .store-motor-item .monthly-price-loading.active {
        height: 45px;
    }

        .store-model-item .monthly-price-loading.active:after,
        .store-grade-item .monthly-price-loading.active:after,
        .store-motor-item .monthly-price-loading.active:after {
            content: '';
            position: absolute;
            left: calc(0% + 15px);
            bottom: calc(0% + 25px);
            color: #57718a;
            font-size: 5px;
            width: 1em;
            height: 1em;
            border-radius: 50%;
            text-indent: -9999em;
            animation: multispin 1.3s infinite linear;
            transform: translateZ(0);
            z-index: 109;
        }

.store-theme .store-test-change-dialog-choice-button-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.store-theme .store-test-change-dialog-choice-button.btn:hover {
    cursor: pointer;
}

@media (max-width: 991.98px) {
    .store-theme .store-navigation-tile a {
        width: 100%;
        display: block;
        text-align: center;
    }

    .store-theme .store-navigation-tile-title {
        display: none;
    }

    .store-theme #model-store-info-buttons .text-right {
        margin-top: 20px;
    }

    .store-theme .store-btn {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .store-theme .gallery-slider-controls-container {
        margin-top: -12px;
    }
}

/*See offer-summary-base.css*/

.store-theme .gallery-wrapper .gallery .config-layer {
    padding-top: 0px;
}

.store-theme .outer-gallery-wrapper .section-2 .config-layer {
    background-color: #f5f5f5;
    padding: 1rem;
}

.store-theme #store-summary .config-layer .summary-cta .btn {
    width: 100%;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .store-theme #store-summary .config-layer .summary-cta .btn {
        width: auto;
    }
}

.store-theme #store-summary .config-layer .summary-cta .fa-spinner ~ i {
    display: none;
}

.store-theme #store-summary .gallery-fullscreen-wrapper {
    padding-top: 20px;
}

.store-theme .bafa:before {
    background-size: contain;
}

.store-theme #store-summary #services-content-wrap {
    background: #fff;
    border: none;
    padding: 0 5px 5px;
}

    .store-theme #store-summary #services-content-wrap label {
        color: #3b3938;
    }

    .store-theme #store-summary #services-content-wrap .services-content-link {
        display: block;
    }

@media (max-width: 992px) {
    .store-theme #store-summary #services-content-wrap .services-content-link:first-child {
        margin-bottom: 0.5rem;
    }
}

.store-theme #store-summary .services-tab {
    background: transparent;
    border: none;
    color: #3b3938;
    padding: 4px 15px 4px;
}

.store-theme #store-summary .services-tab-active {
    background: #fff;
    border-radius: 12px 12px 0 0;
}

.store-theme #store-summary #packages-content,
.store-theme #store-summary #insurances-content,
.store-theme #store-summary #transportcosts-content {
    color: #7a7a7a;
}

.store-theme #store-summary #actionCode {
    background: #fff;
    padding: 20px 15px;
}

    .store-theme #store-summary #actionCode .form-row {
        justify-content: center;
    }

    .store-theme #store-summary #actionCode .headline {
        font-size: 16px;
        text-transform: none;
        margin-bottom: 6px;
    }

    .store-theme #store-summary #actionCode label {
        color: #7a7a7a;
        font-size: 13px;
        line-height: 1.5;
        margin-bottom: 10px;
    }

    .store-theme #store-summary #actionCode .form-row {
        margin: 0;
    }

        .store-theme #store-summary #actionCode .form-row #actionCodeSuccess,
        .store-theme #store-summary #actionCode .form-row #actionCodeFailure,
        .store-theme #store-summary #actionCode .form-row #additionalCodeInput {
            width: 100%;
        }

        .store-theme #store-summary #actionCode .form-row #additionalCodeInput {
            margin-bottom: 0px;
        }

        .store-theme #store-summary #actionCode .form-row #actionCodeSuccess,
        .store-theme #store-summary #actionCode .form-row #actionCodeFailure {
            margin-top: 10px;
        }

        .store-theme #store-summary #actionCode .form-row input {
            width: 100%;
        }

        .store-theme #store-summary #actionCode .form-row .btn {
            margin-top: 10px;
        }

        .store-theme #store-summary #actionCode .form-row .btn,
        .store-theme #store-summary #actionCode .form-row #actionCodeRemove {
            cursor: pointer;
        }

        .store-theme #store-summary #actionCode .form-row #promoCodeSubmitButton.btn {
            width: 100%;
        }

@media (min-width: 576px) and (max-width: 991.98px) {
    .store-theme #store-summary #actionCode .form-row .btn {
        margin-top: 0px;
    }

    .store-theme #store-summary #actionCode .form-row #promoCodeSubmitButton.btn {
        width: auto;
        margin-left: 0.5rem;
    }
}

.store-theme #store-summary #summary-details {
    margin-top: 80px;
}

    .store-theme #store-summary #summary-details .content .inner {
        padding: 26px 0 40px;
    }

    .store-theme #store-summary #summary-details #equipmentData .inner {
        padding-top: 8px;
    }

    .store-theme #store-summary #summary-details #dealerData .inner {
        padding-top: 36px;
    }

.store-theme #store-summary .equipment-details-box-wrapper {
    background: #fff;
    max-width: 100%;
}

    .store-theme #store-summary .equipment-details-box-wrapper #options-details-tab-series:before {
        left: 0;
        width: 100%;
    }

    .store-theme #store-summary .equipment-details-box-wrapper .options-details-tab-selected:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 7px;
        z-index: 1;
    }

    .store-theme #store-summary .equipment-details-box-wrapper #options-details-tab-series:after {
        left: 0;
        width: 100%;
    }

.store-theme #store-summary #options-details-content .option-details-group {
    border-color: #3b3938;
}

.store-theme #store-summary .options-details-group-description .btn-block {
    text-transform: none;
    padding: 2px 12px;
}

    .store-theme #store-summary .options-details-group-description .btn-block:not(.collapsed):after {
        margin-top: 0;
    }

.store-theme #store-summary .motor-tarif-box .listdots ul li,
.store-theme #store-summary .tarif2-box-wrapper .listdots ul li {
    font-size: 16px;
}

.store-theme .legal-info-text-wrapper {
    background-color: #f2f0f0;
    margin-top: 30px;
}

    .store-theme .legal-info-text-wrapper p {
        text-align: justify;
    }

    .store-theme .legal-info-text-wrapper .legal-info-text {
        padding-top: 50px;
        padding-bottom: 85px;
    }

.store-theme .location-box-wrapper {
    margin-top: 0;
    margin-bottom: 0;
}

.store-theme .location-box {
    border: none;
}

    .store-theme .location-box > .col {
        padding: 0;
    }

.store-theme .popup {
    width: 100%;
    color: #3b3938;
    border: none;
    position: relative;
    left: 0;
    top: 0;
    padding: 20px 0 0 0;
}

    .store-theme .popup:after {
        display: none;
    }

.store-theme .location-box .popup .headline,
.store-theme .location-box .popup .content {
    padding-left: 0;
    padding-right: 0;
}


.store-theme main .container .row.tarif2-box-wrapper.top #tarif-details-table td {
    vertical-align: top;
}

@media (min-width: 768px) {
    .store-theme main .container .row.tarif2-box-wrapper.top #tarif-details-table td {
        width: initial;
    }
}

.store-theme main .container .location-box .content-box {
    padding: 30px 0 0 0;
}

    .store-theme main .container .location-box .content-box .content {
        font-size: 16px;
    }

.store-theme main #serviceData {
    margin: 60px auto 30px;
}

    .store-theme main #serviceData .service-module {
        border: none;
        margin-top: -1px !important;
        font-size: 16px;
        line-height: 1.75;
    }

    .store-theme main #serviceData .service-toggle {
        background: none;
        width: 100%;
        outline: none !important;
        border: none;
        padding: 0;
    }

        .store-theme main #serviceData .service-toggle .sub-headline {
            font-size: 16px;
            text-transform: uppercase;
            padding: 26px 30px 24px 0px !important;
            margin-bottom: 0;
            border: solid 1px #c5c5c5;
            border-width: 1px 0;
        }

            .store-theme main #serviceData .service-toggle .sub-headline:after {
                font-family: Arial, Helvetica, sans-serif;
                font-weight: 300;
                content: '+';
                font-size: 44px;
                background: none;
                position: absolute;
                right: 4px;
                top: 50%;
                transform: translateY(-50%);
                width: initial;
                height: initial;
            }

        .store-theme main #serviceData .service-toggle:not(.collapsed) .sub-headline:after {
            content: '\2013';
        }

    .store-theme main #serviceData .service-module .service-list li {
        padding-left: 30px;
    }

    .store-theme main #serviceData .service-module .service-list li,
    .store-theme main #serviceData .service-module p,
    .store-theme main #serviceData .service-module .button-text-download {
        text-align: left;
    }

    /*.store-theme main #serviceData .service-module .grouped {
        border: solid 1px #c5c5c5;
        padding: 15px 0 5px;
        margin: 0 0 15px;
    }*/

    .store-theme main #serviceData .tarif2-box-wrapper .tarif2-box > div:last-child {
        background-color: transparent;
        padding: 0 15px;
        border: solid 1px #c5c5c5;
        border-top: none;
    }

.store-theme #store-summary .legal-info-text-wrapper {
    background: #f8f8f8;
}

.store-theme #mobile-config-tab {
    position: sticky;
    bottom: 0px;
    width: 100%;
    margin: 0;
    background: rgb(228, 226, 226);
    padding: 0.625rem 0.9375rem;
    border-top-right-radius: 1.25rem;
    border-top-left-radius: 1.25rem;
    z-index: 49;
    box-shadow: rgb(0, 0, 0) 0px -1px 6px 0px;
    cursor: pointer;
    display: none;
}

    .store-theme #mobile-config-tab .arrow {
        position: relative;
        width: 24px;
        height: 24px;
        margin: 6px auto 0;
    }

        .store-theme #mobile-config-tab .arrow:after {
            content: '';
            position: absolute;
            width: 24px;
            height: 24px;
            background: url("data:image/svg+xml,%3Csvg aria-hidden='true' viewBox='0 0 26 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L13 1L25 13' stroke='%23000' strokewidth='2' strokelinejoin='bevel'%3E%3C/path%3E%3C/svg%3E") 0 0 no-repeat;
            background-size: contain;
        }

.store-theme .summary-share-dropdown .dropdown-toggle {
    top: 0;
    right: 0px;
}

@media (max-width: 767.98px) {
    .store-theme #mobile-config-tab.active {
        display: block;
    }

    .store-theme.layover {
        overflow: hidden;
    }

        .store-theme.layover .section-2 .config-layer {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fff;
            z-index: 9999;
            padding: 20px;
            overflow: scroll;
        }

            .store-theme.layover .section-2 .config-layer.config-layer-with-banner {
                top: 50px;
            }

            .store-theme.layover .section-2 .config-layer > .h-100 {
                height: initial !important;
            }

            .store-theme.layover .section-2 .config-layer #showClose,
            .store-theme #mobile-config-tab .arrow:after {
                content: '';
                position: absolute;
                width: 24px;
                height: 24px;
                background: url("data:image/svg+xml,%3Csvg aria-hidden='true' viewBox='0 0 26 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L13 1L25 13' stroke='%23000' strokewidth='2' strokelinejoin='bevel'%3E%3C/path%3E%3C/svg%3E") 0 0 no-repeat;
                background-size: contain;
            }
}

@media (min-width: 576px) {
    .store-theme #store-summary #actionCode .form-row {
        justify-content: space-between;
        align-items: center;
    }

        .store-theme #store-summary #actionCode .form-row input {
            width: auto;
            flex: 1 1 0;
        }
}

@media (max-width: 991.98px) {
    .store-theme .outer-gallery-wrapper .section-2 {
        margin-top: 2rem;
    }
}

@media (min-width: 768px) {
    .store-theme .location-box #map {
        height: 100%;
    }

    .store-theme main .container .location-box .content-box {
        padding: 0;
    }
}


@media (min-width: 992px) {
    .store-theme .section-2 .config-layer {
        position: sticky;
        top: 0;
        padding-bottom: 30px;
    }

    .store-theme .outer-gallery-wrapper .section-2 {
        padding-bottom: 0;
    }

    .store-theme #store-summary #actionCode .form-row {
        justify-content: center;
    }

        .store-theme #store-summary #actionCode .form-row input {
            width: 100%;
            margin-right: 0;
            flex: 0 1 auto;
        }

        .store-theme #store-summary #actionCode .form-row .btn {
            margin-top: 10px;
        }
}

@media (min-width: 1200px) {
    .store-theme #store-summary #actionCode .form-row {
        justify-content: space-between;
    }

        .store-theme #store-summary #actionCode .form-row input {
            width: 100%;
            flex: 1 1 0;
        }

        .store-theme #store-summary #actionCode .form-row .btn {
            margin-top: 0;
        }

    .store-theme #store-summary #actionCode .form-row #promoCodeSubmitButton.btn {
        width: auto;
        margin-left: 0.5rem;
    }
}

#stock-dealer-selection-headline {
    margin-bottom: 40px;
}

.stock-step-map {
    margin-bottom: 16px;
}

.stock-dealer-selection-tile-outer {
    padding: 0 10px;
    margin-bottom: 20px;
}

.stock-dealer-selection-tile-inner .button-orange-arrow-right {
    display: block;
    padding: 6px;
    margin-bottom: 4px;
}

    .stock-dealer-selection-tile-inner .button-orange-arrow-right:after {
        display: none;
    }

.stock-dealer-selection-tile-distance {
    background-color: #dde1e3;
    color: #535458;
    padding: 5px;
}

.stock-more-results {
    text-align: center;
    margin-bottom: 50px;
}

    .stock-more-results span {
        display: inline-block;
        text-transform: uppercase;
        cursor: pointer;
    }

.stock-dealer-selection-tile-details .overlay,
.stock-dealer-selection-tile-details .overlay span {
    background-size: 26px 24px;
    height: 26px;
    width: 130px;
}

.stock-dealer-selection-tile-dealername {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 60px;
}

.stock-dealer-selection-tile-dealerstreet {
    display: block;
}

.stock-dealer-selection-tile-dealerzip {
    display: block;
}

.stock-dealer-selection-tile-imprint {
    display: block;
    margin-bottom: 20px;
}

.stock-dealer-selection-tile-price1 {
    display: block;
    text-align: right;
}

.stock-dealer-selection-tile-price2 {
    display: block;
    text-align: right;
}

.stock-dealer-selection-tile-small {
    display: block;
    text-align: right;
}

    .stock-dealer-selection-tile-small.small-adjust {
        margin-top: -10px;
    }

.stock-dealer-selection-tile-availability {
    display: block;
    margin-top: 20px;
}

.stock-dealer-selection-tile-details .bottom-part {
    margin-top: auto;
}

.default-theme #map_StockDealerSelection {
    width: 100%;
    height: 334px;
}

@media (max-width: 991.98px) {
    #map_StockDealerSelection {
        height: 400px;
    }
}

@media (max-width: 767.98px) {
    #stock-dealer-selection-results {
        padding-top: 45px;
    }

    #stock-dealer-selection-headline {
        margin: 0 20px;
        line-height: 1;
        align-self: center;
    }

    .stock-dealer-selection-tile-outer {
        padding: 0 15px;
    }

        .stock-dealer-selection-tile-outer:last-of-type {
            margin-bottom: 20px;
        }

    .stock-more-results {
        display: none;
    }
}


/* colors */
/* fonts */
/* font sizes */
/* spacing */
/* body styles */
/* buttons */
/* header */
/* headline styles */
:root {
  /* sp colors */
  --sp-color-primary-turquoise: #13d0ca;
  --sp-color-dark-blue: #101820;
  --sp-color-gray-medium: #767171;
  --sp-color-mid-gray: #d1d1d1;
  --sp-color-light-gray: #f1f1f1;
  --sp-color-blue-gray: #323e48;
  --sp-color-gray-warm: #7c868d;
  --sp-color-gray-border: #63656a;
  --sp-color-black: #000000;
  --sp-color-white: #ffffff;
  --sp-color-error: #d03a13;
  --sp-color-turquoise-dark: #006E90;
  --sp-color-gray-wcag: #757575;
  /* sp fonts */
  --sp-font-family-regular: spoticar-regular, Arial, sans-serif;
  --sp-font-family-bold: spoticar-bold, Arial, sans-serif;
  --sp-font-family-light: spoticar-light, Arial, sans-serif;
  /* sp transition */
  --sp-transition-duration: 0.15s;
  --sp-transition-easing-function: ease;
  /* sp headlines */
  /* h1 */
  --sp-h1-font-family: var(--sp-font-family-bold);
  --sp-h1-font-size: 38px;
  --sp-h1-text-transform: uppercase;
  /* h2 */
  --sp-h2-font-family: var(--sp-font-family-bold);
  --sp-h2-font-size: 26px;
  --sp-h2-text-transform: uppercase;
  /* h3 */
  --sp-h3-font-family: var(--sp-font-family-bold);
  --sp-h3-font-size: 22px;
  --sp-h3-text-transform: initial;
  /* h4 */
  --sp-h4-font-family: var(--sp-font-family-bold);
  --sp-h4-font-size: 16px;
  --sp-h4-text-transform: uppercase;
  /* sp btn */
  /* sp btn global */
  --sp-btn-font-family: var(--sp-font-family-bold);
  --sp-btn-font-size: 14px;
  --sp-btn-line-height: 1;
  --sp-btn-border-radius: 0;
  --sp-btn-border-width: 2px;
  --sp-btn-border-style: solid;
  --sp-btn-text-transform: uppercase;
  --sp-btn-text-decoration: none;
  --sp-btn-padding: 12px 15px;
  --sp-btn-transition: all var(--sp-transition-duration) var(--sp-transition-easing-function);
  --sp-btn-padding-icon: 36px;
  --sp-btn-distance-icon: 12px;
  /* sp btn light */
  --sp-btn-light-normal-bg: var(--sp-color-black);
  --sp-btn-light-hover-bg: var(--sp-color-white);
  --sp-btn-light-normal-color: var(--sp-color-white);
  --sp-btn-light-hover-color: var(--sp-color-primary-turquoise);
  --sp-btn-light-normal-border: var(--sp-color-black);
  --sp-btn-light-hover-border: var(--sp-color-primary-turquoise);
  /* sp btn disabled */
  --sp-btn-disabled-border-width: 2px;
  --sp-btn-disabled-normal-bg: var(--sp-color-white);
  --sp-btn-disabled-hover-bg: var(--sp-color-white);
  --sp-btn-disabled-normal-color: var(--sp-color-gray-wcag);
  --sp-btn-disabled-hover-color: var(--sp-color-gray-wcag);
  --sp-btn-disabled-normal-border: var(--sp-color-gray-wcag);
  --sp-btn-disabled-hover-border: var(--sp-color-gray-wcag);
  /* sp btn outline */
  --sp-btn-outline-normal-bg: var(--sp-color-white);
  --sp-btn-outline-hover-bg: var(--sp-color-gray-border);
  --sp-btn-outline-normal-color: var(--sp-color-gray-border);
  --sp-btn-outline-hover-color: var(--sp-color-white);
  --sp-btn-outline-normal-border: var(--sp-color-gray-border);
  --sp-btn-outline-hover-border: var(--sp-color-gray-border);
  /* sp text link */
  --sp-textlink-text-decoration: underline;
  /* sp text link light */
  --sp-textlink-light-normal-color: var(--sp-color-turquoise-dark);
  --sp-textlink-light-hover-color: var(--sp-color-black);
  /* sp text link dark */
  --sp-textlink-dark-normal-color: var(--sp-color-primary-turquoise);
  --sp-textlink-dark-hover-color: var(--sp-color-white);
  --headline-font: spoticar-bold, Arial, sans-serif;
  --headline-fontsize: 2.375rem;
  --headline-color: #000000;
  --headline-text-transform: uppercase;
  --link-text-color: #57718a;
  --text-black-color: #000000;
}

@font-face {
  font-family: "spoticar-regular";
  font-display: swap;
  src: url(../../../fonts/spoticar/roboto-regular.woff2) format("woff2"), url(../../../fonts/spoticar/roboto-regular.woff) format("woff"), url(../../../fonts/spoticar/roboto-Regular.ttf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "spoticar-bold";
  font-display: swap;
  src: url(../../../fonts/spoticar/roboto-bold.woff2) format("woff2"), url(../../../fonts/spoticar/roboto-bold.woff) format("woff"), url(../../../fonts/spoticar/roboto-bold.ttf);
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "spoticar-light";
  font-display: swap;
  src: url("../../../fonts/spoticar/roboto-light.woff2") format("woff2"), url(../../../fonts/spoticar/roboto-light.woff) format("woff"), url(../../../fonts/spoticar/roboto-light.ttf);
  font-weight: 300;
  font-style: normal;
}
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: "spoticar-regular", Arial, sans-serif;
  overflow-x: hidden;
}
@media (max-width: 991.98px) {
  body:has(#sticky-buttons) {
    padding-bottom: 90px;
  }
}

dl {
  margin-bottom: 0;
}
dl dt {
  font-family: "spoticar-bold", Arial, sans-serif;
}

/* Bootstrap overwrites and additions
-------------------------------------------------- */
/* Bootstrap 5 additional Container width */
@media (min-width: 1400px) {
  .container {
    max-width: 82.5rem;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .container {
    max-width: 100%;
  }
}

/* overwrite bootstrap navbar with container */
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
  /* @include media-breakpoint-down(lg) {
    padding-right: 15px;
    padding-left: 15px;
  } */
}
@media (max-width: 575.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

/*
 * btn extensions
 */
.btn-primary, .button-orange-arrow-right,
.button-red-arrow-right, .home-index-lane-tile-cta .btn,
.btn-secondary {
  font-size: 1rem;
  border: 2px solid;
  color: #ffffff;
  font-family: "spoticar-bold", Arial, sans-serif;
  line-height: 1;
  border-radius: 0;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.875rem 1.5rem;
  transition: all 0.15s ease 0s;
}
.btn-primary:active, .button-orange-arrow-right:active,
.button-red-arrow-right:active, .home-index-lane-tile-cta .btn:active,
.btn-secondary:active, .btn-primary:focus, .button-orange-arrow-right:focus,
.button-red-arrow-right:focus, .home-index-lane-tile-cta .btn:focus,
.btn-secondary:focus {
  outline: none;
}

.btn-outline.btn-secondary:not(:disabled):not(.disabled), .btn-outline.btn-primary:not(:disabled):not(.disabled), .btn-outline.button-orange-arrow-right:not(:disabled):not(.disabled),
.btn-outline.button-red-arrow-right:not(:disabled):not(.disabled), .home-index-lane-tile-cta .btn-outline.btn:not(:disabled):not(.disabled) {
  background-color: transparent;
  border: 2px solid;
  padding: 0.875rem 1.5rem;
}
.btn-outline.btn-secondary:hover:not(:disabled):not(.disabled), .btn-outline.btn-primary:hover:not(:disabled):not(.disabled), .btn-outline.button-orange-arrow-right:hover:not(:disabled):not(.disabled),
.btn-outline.button-red-arrow-right:hover:not(:disabled):not(.disabled), .home-index-lane-tile-cta .btn-outline.btn:hover:not(:disabled):not(.disabled) {
  background-color: transparent;
}
.btn-icon.btn-outline.btn-secondary:not(:disabled):not(.disabled), .btn-icon.btn-outline.btn-primary:not(:disabled):not(.disabled), .btn-icon.btn-outline.button-orange-arrow-right:not(:disabled):not(.disabled),
.btn-icon.btn-outline.button-red-arrow-right:not(:disabled):not(.disabled), .home-index-lane-tile-cta .btn-icon.btn-outline.btn:not(:disabled):not(.disabled) {
  padding: 0.875rem 3rem 0.875rem 1.5rem;
}
.btn-icon-left.btn-outline.btn-secondary:not(:disabled):not(.disabled), .btn-icon-left.btn-outline.btn-primary:not(:disabled):not(.disabled), .btn-icon-left.btn-outline.button-orange-arrow-right:not(:disabled):not(.disabled),
.btn-icon-left.btn-outline.button-red-arrow-right:not(:disabled):not(.disabled), .home-index-lane-tile-cta .btn-icon-left.btn-outline.btn:not(:disabled):not(.disabled) {
  padding: 0.875rem 1.5rem 0.875rem 3rem;
}

.btn-icon.btn-secondary, .btn-icon.btn-primary, .btn-icon.button-orange-arrow-right,
.btn-icon.button-red-arrow-right, .home-index-lane-tile-cta .btn-icon.btn {
  position: relative;
  padding: 1rem 3rem 1rem 1.5rem;
}
.btn-icon.btn-secondary i, .btn-icon.btn-primary i, .btn-icon.button-orange-arrow-right i,
.btn-icon.button-red-arrow-right i, .home-index-lane-tile-cta .btn-icon.btn i {
  position: absolute;
  right: 0.75rem;
  left: inherit;
}

.btn-icon-left.btn-secondary, .btn-icon-left.btn-primary, .btn-icon-left.button-orange-arrow-right,
.btn-icon-left.button-red-arrow-right, .home-index-lane-tile-cta .btn-icon-left.btn {
  position: relative;
  padding: 1rem 1.5rem 1rem 3rem;
}
.btn-icon-left.btn-secondary i, .btn-icon-left.btn-primary i, .btn-icon-left.button-orange-arrow-right i,
.btn-icon-left.button-red-arrow-right i, .home-index-lane-tile-cta .btn-icon-left.btn i {
  position: absolute;
  right: inherit;
  left: 0.75rem;
}

.btn-secondary:disabled, .disabled.btn-secondary, .home-index-lane-tile-cta .btn-secondary.home-index-lane-tile-cta-disabled, .btn-primary:disabled, .button-orange-arrow-right:disabled,
.button-red-arrow-right:disabled, .home-index-lane-tile-cta .btn:disabled, .disabled.btn-primary, .disabled.button-orange-arrow-right,
.disabled.button-red-arrow-right, .home-index-lane-tile-cta .btn-primary.home-index-lane-tile-cta-disabled, .home-index-lane-tile-cta .home-index-lane-tile-cta-disabled.button-orange-arrow-right,
.home-index-lane-tile-cta .home-index-lane-tile-cta-disabled.button-red-arrow-right, .home-index-lane-tile-cta .disabled.btn, .home-index-lane-tile-cta .btn.home-index-lane-tile-cta-disabled {
  color: #757575;
  background: #ffffff;
  border: 2px solid #757575;
  padding-bottom: 0.875rem;
  padding-top: 0.875rem;
  opacity: 1;
  pointer-events: none;
}
.btn-secondary:hover:disabled, .disabled.btn-secondary:hover, .home-index-lane-tile-cta .btn-secondary.home-index-lane-tile-cta-disabled:hover, .btn-primary:hover:disabled, .button-orange-arrow-right:hover:disabled,
.button-red-arrow-right:hover:disabled, .home-index-lane-tile-cta .btn:hover:disabled, .disabled.btn-primary:hover, .disabled.button-orange-arrow-right:hover,
.disabled.button-red-arrow-right:hover, .home-index-lane-tile-cta .btn-primary.home-index-lane-tile-cta-disabled:hover, .home-index-lane-tile-cta .home-index-lane-tile-cta-disabled.button-orange-arrow-right:hover,
.home-index-lane-tile-cta .home-index-lane-tile-cta-disabled.button-red-arrow-right:hover, .home-index-lane-tile-cta .disabled.btn:hover, .home-index-lane-tile-cta .btn.home-index-lane-tile-cta-disabled:hover, .btn-secondary:focus:disabled, .disabled.btn-secondary:focus, .home-index-lane-tile-cta .btn-secondary.home-index-lane-tile-cta-disabled:focus, .btn-primary:focus:disabled, .button-orange-arrow-right:focus:disabled,
.button-red-arrow-right:focus:disabled, .home-index-lane-tile-cta .btn:focus:disabled, .disabled.btn-primary:focus, .disabled.button-orange-arrow-right:focus,
.disabled.button-red-arrow-right:focus, .home-index-lane-tile-cta .btn-primary.home-index-lane-tile-cta-disabled:focus, .home-index-lane-tile-cta .home-index-lane-tile-cta-disabled.button-orange-arrow-right:focus,
.home-index-lane-tile-cta .home-index-lane-tile-cta-disabled.button-red-arrow-right:focus, .home-index-lane-tile-cta .disabled.btn:focus, .home-index-lane-tile-cta .btn.home-index-lane-tile-cta-disabled:focus, .btn-secondary:active:disabled, .disabled.btn-secondary:active, .home-index-lane-tile-cta .btn-secondary.home-index-lane-tile-cta-disabled:active, .btn-primary:active:disabled, .button-orange-arrow-right:active:disabled,
.button-red-arrow-right:active:disabled, .home-index-lane-tile-cta .btn:active:disabled, .disabled.btn-primary:active, .disabled.button-orange-arrow-right:active,
.disabled.button-red-arrow-right:active, .home-index-lane-tile-cta .btn-primary.home-index-lane-tile-cta-disabled:active, .home-index-lane-tile-cta .home-index-lane-tile-cta-disabled.button-orange-arrow-right:active,
.home-index-lane-tile-cta .home-index-lane-tile-cta-disabled.button-red-arrow-right:active, .home-index-lane-tile-cta .disabled.btn:active, .home-index-lane-tile-cta .btn.home-index-lane-tile-cta-disabled:active {
  color: #757575;
  background: #ffffff;
  border: 2px solid #757575;
}

.btn-primary, .button-orange-arrow-right,
.button-red-arrow-right, .home-index-lane-tile-cta .btn {
  background-color: #000000;
  border-color: #000000;
}
.btn-primary:hover, .button-orange-arrow-right:hover,
.button-red-arrow-right:hover, .home-index-lane-tile-cta .btn:hover, .btn-primary:focus, .button-orange-arrow-right:focus,
.button-red-arrow-right:focus, .home-index-lane-tile-cta .btn:focus, .btn-primary:active, .button-orange-arrow-right:active,
.button-red-arrow-right:active, .home-index-lane-tile-cta .btn:active, .active.btn-primary, .active.button-orange-arrow-right,
.active.button-red-arrow-right, .home-index-lane-tile-cta .active.btn {
  background-color: #ffffff;
  border-color: #13d0ca;
  color: #13d0ca;
  text-decoration: none;
}
.btn-outline.btn-primary:not(:disabled):not(.disabled), .btn-outline.button-orange-arrow-right:not(:disabled):not(.disabled),
.btn-outline.button-red-arrow-right:not(:disabled):not(.disabled), .home-index-lane-tile-cta .btn-outline.btn:not(:disabled):not(.disabled) {
  background-color: #ffffff;
  border-color: #13d0ca;
  color: #13d0ca;
}
.btn-outline.btn-primary:not(:disabled):not(.disabled):hover, .btn-outline.button-orange-arrow-right:not(:disabled):not(.disabled):hover,
.btn-outline.button-red-arrow-right:not(:disabled):not(.disabled):hover, .home-index-lane-tile-cta .btn-outline.btn:not(:disabled):not(.disabled):hover {
  border-color: #101820;
  color: #101820;
}
.btn-outline.btn-primary:not(:disabled):not(.disabled).btn-sm, .btn-outline.button-orange-arrow-right:not(:disabled):not(.disabled).btn-sm,
.btn-outline.button-red-arrow-right:not(:disabled):not(.disabled).btn-sm, .home-index-lane-tile-cta .btn-outline.btn:not(:disabled):not(.disabled).btn-sm {
  padding: 0.625rem 1rem 0.625rem 2rem;
}
.btn-secondary {
  background-color: #101820;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .active.btn-secondary {
  background-color: #f1f1f1;
  border-color: #101820;
  color: #101820;
}
.btn-outline.btn-secondary:not(:disabled):not(.disabled) {
  border-color: #101820;
  color: #101820;
}
.btn-outline.btn-secondary:not(:disabled):not(.disabled):hover {
  background-color: #13d0ca;
  border-color: #101820;
  color: #101820;
}
.btn-outline.btn-secondary:not(:disabled):not(.disabled).btn-sm {
  padding: 0.625rem 1rem 0.625rem 2rem;
}
.btn-lg {
  font-size: 1.125rem;
}

.button-orange-arrow-right,
.button-red-arrow-right, .btn-sm {
  font-size: 0.875rem;
}

/*
 * 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,
.button-red-arrow-right {
  position: relative;
  padding: 0.875rem 3rem 0.875rem 1.5rem;
  text-align: left;
}
.button-orange-arrow-right:active:after, .button-orange-arrow-right:hover:after,
.button-red-arrow-right:active:after,
.button-red-arrow-right:hover:after {
  background-image: url("/img/spoticar/arrow-right-primary.svg");
}
.button-orange-arrow-right:active span, .button-orange-arrow-right:hover span,
.button-red-arrow-right:active span,
.button-red-arrow-right:hover span {
  color: #13d0ca;
}
.button-orange-arrow-right:after,
.button-red-arrow-right:after {
  content: "";
  vertical-align: top;
  background: url("/img/spoticar/arrow-right-white.svg") top left no-repeat;
  width: 9px;
  height: 17px;
  margin: 0;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.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);
}

.banner-holder {
  background-color: #13d0ca;
}
.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: 10px 0;
  text-align: center;
}

.banner-inner {
  height: 100%;
  position: relative;
}

.banner-link {
  display: inline-block;
  height: 100%;
  width: 100%;
}
.banner-link:hover {
  color: #ffffff;
  text-decoration: none;
}

.banner-text {
  font-family: "spoticar-regular", Arial, sans-serif;
  color: #ffffff;
}
.banner-text strong {
  font-family: "spoticar-bold", Arial, sans-serif;
}

/*
 * Header AP
 */
header {
  background: #ffffff;
  min-height: 6.375rem;
}
header .navbar .container {
  justify-content: space-between;
}
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: auto;
  margin-bottom: 0;
  margin-top: 1.25rem;
  height: 62px;
}
@media (max-width: 767.98px) {
  header .navbar .navbar-brand .logo {
    max-width: 10.625rem;
  }
}
header .navbar-nav {
  flex-grow: initial !important;
}
@media (max-width: 991.98px) {
  header .navbar-nav {
    margin-top: 0;
  }
}
header .navbar-nav img {
  display: none;
  vertical-align: sub;
}
@media (max-width: 991.98px) {
  header .navbar-nav img {
    display: inline-block;
  }
}
header .navbar-light {
  padding-top: 0.3125rem;
  box-shadow: none;
}
header .navbar-light .navbar-toggler {
  color: #13d0ca;
  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: "Font Awesome 5 Free";
  font-weight: 800;
  content: "\f0c9";
  color: #13d0ca;
}
header .navbar-mobile-icon-wrap {
  display: none;
  width: 2.3125rem;
  text-align: center;
}
@media (max-width: 991.98px) {
  header .navbar-mobile-icon-wrap {
    display: inline-block;
  }
}
header ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 991.98px) {
  header ul {
    margin-left: 0px;
    padding-top: 0.625rem;
    padding-bottom: 1rem;
  }
}
header ul li {
  display: flex;
  align-items: center;
  position: relative;
  padding-top: 0.9375rem;
}
@media (min-width: 992px) {
  header ul li {
    padding-top: 0.625rem;
  }
}
header ul li a {
  font-size: 1.125rem;
  color: #000000;
  display: inline-block;
  margin: 0 0.5rem;
  font-family: "spoticar-regular", Arial, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: normal;
  transition: all 0.15s ease 0s;
  position: relative;
}
@media (min-width: 992px) {
  header ul li a {
    font-size: 0.875rem;
  }
}
@media (min-width: 992px) {
  header ul li a {
    display: block;
    margin: 0 1rem;
    padding: 0.625rem 0.625rem 1.6875rem;
  }
}
header ul li a:after {
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #13d0ca;
  margin: 0;
  transform: none;
  transition: all 0.15s ease 0s;
}
header ul li a:hover {
  color: #000000;
  text-decoration: none;
}
header ul li a:hover:after {
  height: 3px;
}
header ul li a.active {
  color: #000000;
  font-family: "spoticar-regular", Arial, sans-serif;
}
header ul li a.active:after {
  height: 3px;
}

/*
 * End Header AP
 */
/* Begin Footer */
.footer {
  background: #101820;
  color: #ffffff;
  padding-bottom: 1.5625rem;
  padding-top: 2.5rem;
}
.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: "spoticar-regular", Arial, 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: "spoticar-bold", Arial, sans-serif;
  text-transform: uppercase;
  font-size: 1.125rem;
}
.footer .navigation ul li a {
  color: #ffffff;
  text-decoration: none;
  transition: all 0.15s ease;
}
.footer .navigation ul li a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/* End Footer */
.home-index-lanes-caption {
  font-family: "spoticar-bold", Arial, sans-serif;
  text-transform: uppercase;
  margin: 1.875rem auto;
  font-size: 1.875rem;
}
@media (min-width: 768px) {
  .home-index-lanes-caption {
    font-size: 2.375rem;
  }
}
@media (min-width: 768px) {
  .home-index-lanes-caption {
    margin: 2.5rem auto;
  }
}

.home-index-lane-tiles {
  padding-bottom: 4.375rem;
}
.container:has(.home-index-lane-tiles) {
  position: relative;
}
.container:has(.home-index-lane-tiles):before {
  content: "";
  background-color: #f1f1f1;
  position: absolute;
  display: block;
  width: 100vw;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
@media (max-width: 991.98px) {
  .home-index-lane-tiles .home-index-lane-tile {
    margin-bottom: 1.25rem;
  }
  .home-index-lane-tiles .home-index-lane-tile:last-of-type {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .home-index-lane-tiles .home-index-lane-tile {
    padding: 0;
  }
}

.home-index-lane-tile-outer {
  border: 1px solid #63656a;
}
@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 {
  background: #ffffff;
  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 h3 {
  font-size: 1.25rem;
  font-family: "spoticar-bold", Arial, sans-serif;
  text-align: center;
  margin-bottom: 0.9375rem;
}
@media (min-width: 768px) {
  .home-index-lane-tile-name h3 {
    font-size: 1.5rem;
  }
}

.home-index-lane-tile-description {
  font-size: 0.875rem;
  text-align: center;
  margin-bottom: 1.875rem;
}
.home-index-lane-tile-description span {
  display: block;
}

/*
 * styles for a tiles that are displayed side-by-side 
 */
.home-index-horizontal-tile .home-index-lane-tile-wrapper {
  position: relative;
}
.home-index-horizontal-tile .home-index-lane-tile-image {
  min-height: 280px;
}
.home-index-horizontal-tile .home-index-lane-tile-image img {
  height: 100%;
  object-fit: cover;
}
.home-index-horizontal-tile .home-index-lane-tile-content {
  background: rgba(255, 255, 255, 0.8);
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  right: 0;
  width: 50%;
  z-index: 1;
}
@media (min-width: 992px) {
  .home-index-horizontal-tile .home-index-lane-tile-content {
    padding: 2.5rem;
  }
}
@media (max-width: 575.98px) {
  .home-index-horizontal-tile .home-index-lane-tile-content {
    align-items: center;
    width: 100%;
    position: relative;
  }
}
.home-index-horizontal-tile .home-index-lane-tile-content .home-index-lane-tile-name h3,
.home-index-horizontal-tile .home-index-lane-tile-content .home-index-lane-tile-description {
  text-align: left;
}
@media (max-width: 575.98px) {
  .home-index-horizontal-tile .home-index-lane-tile-content .home-index-lane-tile-name h3,
  .home-index-horizontal-tile .home-index-lane-tile-content .home-index-lane-tile-description {
    text-align: center;
  }
}

.content-container-four-steps {
  background-color: #323e48;
  min-height: 25rem;
  padding: 2.5rem 0;
  position: relative;
}

.four-steps-tile-outer {
  margin-bottom: 1.25rem;
}

.four-steps-tile-inner {
  color: #ffffff;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* @include media-breakpoint-up(md) {
      margin-left: -0.625rem;
      margin-right: -0.625rem;
      margin-bottom: 0px;
  } */
}

.four-steps-headline {
  color: #ffffff;
  font-family: "spoticar-bold", Arial, sans-serif;
  margin-bottom: 1.25rem;
  text-align: center;
  text-transform: uppercase;
}
.four-steps-headline h2 {
  color: #ffffff;
  font-size: 1.625rem;
}
@media (min-width: 768px) {
  .four-steps-headline h2 {
    font-size: 1.625rem;
  }
}

.four-steps-description {
  color: #f1f1f1;
  margin: 0 auto 2.5rem;
  text-align: center;
}

.four-steps-tile-number {
  color: #000000;
  font-family: "spoticar-bold", Arial, sans-serif;
  font-size: 2.8125rem;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  height: 75px;
}
.four-steps-tile-number::before {
  content: "";
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #ffffff;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.four-steps-tile-number span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1900px) {
  .four-steps-tile-number {
    font-size: 45px;
  }
}

.four-steps-tile-name {
  font-family: "spoticar-bold", Arial, sans-serif;
  margin-bottom: 1.25rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.125rem;
}

.four-steps-tile-description {
  text-align: center;
  font-size: 0.875rem;
}

.info-box-wrapper {
  margin-top: 5rem;
  margin-bottom: 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 {
  border: 1px solid #63656a;
  display: block;
  padding: 0.9375rem;
  width: 100%;
  text-decoration: none;
  color: #000000;
  transition: all 0.15s ease 0s;
}
@media (max-width: 767.98px) {
  .info-box-wrapper .info-box {
    margin-bottom: 20px;
  }
}
.info-box-wrapper .info-box a:hover, .info-box-wrapper .info-box:is(a):hover {
  border: 1px solid #13d0ca;
}
.info-box-wrapper .info-box a:hover .headline-key-facts, .info-box-wrapper .info-box:is(a):hover .headline-key-facts {
  color: #13d0ca;
}
.info-box-wrapper .info-box img {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
  margin-left: 0;
}
@media (min-width: 768px) {
  .info-box-wrapper .info-box img {
    max-width: none;
  }
}
@media (max-width: 991.98px) {
  .info-box-wrapper .info-box img {
    margin-bottom: 0;
  }
}

.headline-key-facts {
  font-size: 1.125rem;
  font-family: "spoticar-bold", Arial, sans-serif;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
  transition: all 0.15s ease 0s;
  padding: 0.9375rem 0 0 0;
}

.contact-box {
  font-family: "spoticar-regular", Arial, sans-serif;
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.contact-box .contact-box-text {
  background-color: #323e48;
  border: 0.3125rem solid #323e48;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
  padding: 2rem 1rem;
}
@media (min-width: 768px) {
  .contact-box .contact-box-text {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .contact-box .contact-box-text {
    padding: 4rem 6rem;
  }
}
.contact-box .contact-box-text .headline {
  color: #ffffff;
  font-size: 1.25rem;
  line-height: 1.2;
}
@media (min-width: 992px) {
  .contact-box .contact-box-text .headline {
    font-size: 1.5rem;
  }
}
.contact-box .contact-box-text .headline + p {
  font-family: "spoticar-bold", Arial, sans-serif;
}
.contact-box .contact-box-text p {
  color: #ffffff;
  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 #323e48;
  color: #000000;
  font-family: "spoticar-bold", Arial, 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: 1rem;
  line-height: 1.5;
  margin: 1rem 0;
}

/*
*  Refactoring Parts
*/
.content-container-grey {
  background-color: #f1f1f1;
}

.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;
  }
}