/* ============================================================
   MOTAVIO VEHICLE CHECK V11
   EXACT TARGET

   BLACK / NAVY  #071A2C
   MOTAVIO BLUE  #168FE6
   RED           #EF3434
   ============================================================ */

:root {
    --v11-blue: #168FE6;
    --v11-blue-dark: #0E7FD1;

    --v11-navy: #071A2C;
    --v11-text: #254764;
    --v11-muted: #637C91;

    --v11-red: #EF3434;
    --v11-red-soft: #FFF8F7;

    --v11-orange: #FF9A37;

    --v11-line: #D9E7F2;
    --v11-soft: #F6FBFF;
    --v11-white: #FFFFFF;
}


/* ============================================================
   HEADER / MENU
   ============================================================ */

body.mv-public .mv-header {
    min-height: 82px !important;

    border-bottom:
        1px solid
        #E1EBF2 !important;

    background:
        rgba(255,255,255,.98) !important;

    box-shadow:
        none !important;
}


body.mv-public .mv-header-inner,
body.mv-public .mv-header-wrap,
body.mv-public .mv-header > .mv-shell {

    width:
        min(
            1480px,
            calc(100% - 54px)
        ) !important;

    max-width:
        1480px !important;

    min-height:
        82px !important;

    margin:
        0 auto !important;

    display:
        flex !important;

    align-items:
        center !important;
}


body.mv-public .mv-header-logo,
body.mv-public .mv-brand,
body.mv-public .mv-logo {

    flex:
        0 0 auto !important;
}


body.mv-public .mv-header-logo img,
body.mv-public .mv-brand img,
body.mv-public .mv-logo img {

    width:
        205px !important;

    max-width:
        205px !important;

    height:
        auto !important;
}


body.mv-public .mv-main-nav,
body.mv-public .mv-menu-v2-nav {

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        29px !important;

    margin-left:
        auto !important;
}


body.mv-public .mv-main-nav > a,
body.mv-public .mv-menu-v2-nav > a,
body.mv-public .mv-menu-v2-trigger,
body.mv-public .mv-vehiclecheck-direct {

    color:
        #071A2C !important;

    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif !important;

    font-size:
        13px !important;

    line-height:
        1 !important;

    font-weight:
        850 !important;

    letter-spacing:
        -.015em !important;

    text-decoration:
        none !important;

    white-space:
        nowrap !important;
}


body.mv-public .mv-main-nav > a:hover,
body.mv-public .mv-menu-v2-nav > a:hover,
body.mv-public .mv-menu-v2-trigger:hover {

    color:
        #168FE6 !important;
}


body.mv-public .mv-header-cta {

    min-height:
        46px !important;

    padding:
        0 19px !important;

    border:
        0 !important;

    border-radius:
        11px !important;

    color:
        #FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #168FE6,
            #0F7FD1
        ) !important;

    box-shadow:
        0 11px 24px
        rgba(22,143,230,.18) !important;

    font-size:
        12px !important;

    font-weight:
        900 !important;
}


/* language / theme */

body.mv-public [data-mv-language],
body.mv-public .mv-language-switch {

    border:
        1px solid
        #DCE7F0 !important;

    border-radius:
        10px !important;

    background:
        #FFFFFF !important;

    color:
        #168FE6 !important;
}


body.mv-public [data-theme-toggle],
body.mv-public .mv-theme-toggle {

    border:
        1px solid
        #DCE7F0 !important;

    border-radius:
        10px !important;

    background:
        #FFFFFF !important;

    color:
        #168FE6 !important;
}


/* ============================================================
   HERO
   ============================================================ */

.mv-hero-v11 {

    position:
        relative;

    overflow:
        hidden;

    padding:
        51px 0 0;

    background:
        radial-gradient(
            circle at 76% 36%,
            rgba(22,143,230,.135),
            transparent 35rem
        ),
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F5FAFF 100%
        );

    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    -webkit-font-smoothing:
        antialiased;
}


.mv-hero-v11 *,
.mv-hero-v11 *::before,
.mv-hero-v11 *::after {

    box-sizing:
        border-box;
}


/* background circles */

.mv-hero-v11::before {

    content:
        "";

    position:
        absolute;

    width:
        920px;

    height:
        920px;

    right:
        -280px;

    top:
        -280px;

    border-radius:
        50%;

    background:
        repeating-radial-gradient(
            circle,
            transparent 0 45px,
            rgba(22,143,230,.04) 46px 47px
        );

    pointer-events:
        none;
}


/* ============================================================
   SHELL
   ============================================================ */

.mv-hero-v11__shell {

    position:
        relative;

    z-index:
        2;

    width:
        min(
            1480px,
            calc(100% - 58px)
        );

    margin:
        0 auto;
}


/* ============================================================
   GRID 60 / 40
   ============================================================ */

.mv-hero-v11__grid {

    display:
        grid;

    grid-template-columns:
        minmax(0, 1.18fr)
        minmax(0, .82fr);

    gap:
        45px;

    align-items:
        start;
}


/* ============================================================
   LEFT
   ============================================================ */

.mv-hero-v11__left {

    width:
        100%;

    max-width:
        785px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        stretch;

    padding-top:
        9px;
}


/* ============================================================
   EYEBROW CENTERED OVER HEADLINE
   ============================================================ */

.mv-hero-v11__eyebrow {

    align-self:
        center;

    width:
        max-content;

    max-width:
        100%;

    min-height:
        38px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        10px;

    margin-bottom:
        27px;

    padding:
        0 17px;

    border:
        1px solid
        #D7E7F2;

    border-radius:
        999px;

    color:
        #071A2C;

    background:
        rgba(255,255,255,.95);

    box-shadow:
        0 8px 22px
        rgba(7,26,44,.035);

    font-size:
        11px;

    line-height:
        1;

    font-weight:
        900;

    letter-spacing:
        .01em;

    white-space:
        nowrap;
}


.mv-hero-v11__eyebrow-dot {

    width:
        10px;

    height:
        10px;

    display:
        block;

    flex:
        0 0
        10px;

    border-radius:
        50%;

    background:
        #168FE6;

    box-shadow:
        0 0 0 6px
        rgba(22,143,230,.08);
}


.mv-hero-v11__eyebrow-separator {

    color:
        #168FE6;

    font-weight:
        950;
}


/* ============================================================
   TITLE
   ============================================================ */

.mv-hero-v11__title {

    width:
        100%;

    max-width:
        775px;

    margin:
        0;

    color:
        #071A2C;

    font-size:
        clamp(
            60px,
            4.8vw,
            78px
        );

    line-height:
        .98;

    font-weight:
        900;

    letter-spacing:
        -.058em;

    text-align:
        left;
}


.mv-hero-v11__title span {

    display:
        block;

    margin-top:
        7px;

    color:
        #168FE6;
}


/* ============================================================
   COPY
   ============================================================ */

.mv-hero-v11__lead {

    width:
        100%;

    max-width:
        750px;

    margin:
        27px 0 0;

    color:
        #244663;

    font-size:
        17px;

    line-height:
        1.6;

    font-weight:
        450;
}


/* ============================================================
   EXISTING REAL FIN FORM
   ============================================================ */

.mv-hero-v11
.mv-vin-hero-v4__form-card {

    width:
        100% !important;

    max-width:
        725px !important;

    margin:
        29px 0 0 !important;

    padding:
        19px !important;

    border:
        1px solid
        #D9E7F2 !important;

    border-radius:
        18px !important;

    background:
        rgba(255,255,255,.985) !important;

    box-shadow:
        0 17px 42px
        rgba(7,26,44,.075) !important;

    text-align:
        left !important;
}


.mv-hero-v11
.mv-vin-hero-v4__form-head {

    margin-bottom:
        11px !important;
}


.mv-hero-v11
.mv-vin-hero-v4__field,

.mv-hero-v11
.mv-vin-hero-v4__form input {

    min-height:
        57px !important;

    border:
        1px solid
        #C9DDEA !important;

    border-radius:
        11px !important;

    color:
        #071A2C !important;

    background:
        #FFFFFF !important;

    font-size:
        15px !important;
}


.mv-hero-v11
.mv-vin-hero-v4__submit {

    min-height:
        56px !important;

    border:
        0 !important;

    border-radius:
        11px !important;

    color:
        #FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #168FE6,
            #0F7FD1
        ) !important;

    box-shadow:
        0 12px 27px
        rgba(22,143,230,.22) !important;

    font-size:
        13px !important;

    font-weight:
        900 !important;
}


.mv-hero-v11
.mv-vin-hero-v4__submit:hover {

    transform:
        translateY(-2px);
}


/* ============================================================
   RED PILLS
   ============================================================ */

.mv-hero-v11__risks {

    width:
        100%;

    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        10px;

    margin-top:
        17px;
}


.mv-hero-v11__risk {

    min-height:
        34px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    padding:
        0 14px;

    border:
        1px solid
        rgba(239,52,52,.22);

    border-radius:
        999px;

    color:
        #DF2929;

    background:
        rgba(255,249,248,.97);

    font-size:
        10px;

    line-height:
        1;

    font-weight:
        900;

    white-space:
        nowrap;
}


.mv-hero-v11__risk-icon {

    position:
        relative;

    width:
        17px;

    height:
        15px;

    display:
        inline-grid;

    place-items:
        center;

    color:
        #FFFFFF;

    background:
        #EF3434;

    clip-path:
        polygon(
            50% 0,
            100% 100%,
            0 100%
        );

    font-size:
        8px;

    font-style:
        normal;

    font-weight:
        950;
}


.mv-hero-v11__risk-icon span {

    transform:
        translateY(2px);
}


/* ============================================================
   RIGHT
   ============================================================ */

.mv-hero-v11__right {

    position:
        relative;

    min-width:
        0;

    min-height:
        635px;
}


/* ============================================================
   KM CARD
   ============================================================ */

.mv-hero-v11__km {

    position:
        absolute;

    z-index:
        8;

    width:
        320px;

    left:
        0;

    top:
        0;

    padding:
        16px 18px;

    border:
        1px solid
        #D9E7F2;

    border-radius:
        18px;

    background:
        rgba(255,255,255,.985);

    box-shadow:
        0 16px 40px
        rgba(7,26,44,.075);
}


.mv-hero-v11__warning {

    min-height:
        22px;

    display:
        inline-flex;

    align-items:
        center;

    padding:
        0 9px;

    margin-bottom:
        8px;

    border-radius:
        999px;

    color:
        #FFFFFF;

    background:
        #EF3434;

    font-size:
        8px;

    line-height:
        1;

    font-weight:
        950;
}


.mv-hero-v11__km h3 {

    margin:
        0;

    color:
        #071A2C;

    font-size:
        17px;

    font-weight:
        900;
}


.mv-hero-v11__km p {

    margin:
        4px 0 0;

    color:
        #294E6D;

    font-size:
        9px;

    font-weight:
        700;
}


.mv-hero-v11__chart {

    width:
        100%;

    display:
        block;

    margin-top:
        12px;
}


/* ============================================================
   MOTAVIO INFO
   ============================================================ */

.mv-hero-v11__info {

    position:
        absolute;

    z-index:
        8;

    width:
        240px;

    right:
        0;

    top:
        20px;

    padding:
        18px;

    border:
        1px solid
        #D9E7F2;

    border-radius:
        17px;

    background:
        rgba(255,255,255,.985);

    box-shadow:
        0 16px 38px
        rgba(7,26,44,.07);
}


.mv-hero-v11__info-label {

    display:
        block;

    margin-bottom:
        8px;

    color:
        #168FE6;

    font-size:
        9px;

    line-height:
        1;

    font-weight:
        950;
}


.mv-hero-v11__info strong {

    display:
        block;

    color:
        #071A2C;

    font-size:
        14px;

    line-height:
        1.3;

    font-weight:
        900;
}


.mv-hero-v11__info small {

    display:
        block;

    margin-top:
        8px;

    color:
        #365B78;

    font-size:
        9px;

    line-height:
        1.45;
}


/* ============================================================
   CURRENT CAR
   ============================================================ */

.mv-hero-v11__car-area {

    position:
        absolute;

    z-index:
        2;

    width:
        100%;

    height:
        365px;

    left:
        0;

    top:
        155px;

    overflow:
        visible;
}


.mv-hero-v11__halo {

    position:
        absolute;

    width:
        520px;

    height:
        520px;

    left:
        53%;

    top:
        46%;

    transform:
        translate(-50%,-50%);

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(22,143,230,.15),
            rgba(22,143,230,.045) 53%,
            transparent 72%
        );
}


.mv-hero-v11__halo::before,

.mv-hero-v11__halo::after {

    content:
        "";

    position:
        absolute;

    border-radius:
        50%;

    border:
        1px solid
        rgba(22,143,230,.105);
}


.mv-hero-v11__halo::before {

    inset:
        42px;
}


.mv-hero-v11__halo::after {

    inset:
        88px;

    border-style:
        dashed;
}


/* Clean uploaded car */

.mv-hero-v11__car {

    position:
        absolute;

    z-index:
        3;

    width:
        610px;

    max-width:
        102%;

    height:
        355px;

    left:
        51%;

    bottom:
        0;

    transform:
        translateX(-50%);

    object-fit:
        contain;

    object-position:
        center bottom;

    filter:
        saturate(.97)
        contrast(1.02)
        drop-shadow(
            0 28px 20px
            rgba(7,26,44,.14)
        );
}


/* Fallback composite crop */

.mv-hero-v11__car--composite {

    width:
        670px;

    max-width:
        116%;

    height:
        355px;

    object-fit:
        cover;

    object-position:
        65% 53%;

    transform:
        translateX(-50%)
        scale(1.42);

    clip-path:
        inset(
            14%
            14%
            8%
            15%
            round 27%
        );
}


/* ============================================================
   LISTING + DAMAGE
   ============================================================ */

.mv-hero-v11__evidence {

    position:
        absolute;

    z-index:
        10;

    width:
        100%;

    left:
        0;

    bottom:
        0;

    display:
        grid;

    grid-template-columns:
        1.08fr
        .92fr;

    gap:
        14px;
}


/* ============================================================
   SALES LISTING
   ============================================================ */

.mv-hero-v11__listing {

    min-width:
        0;

    display:
        grid;

    grid-template-columns:
        96px
        minmax(0,1fr);

    grid-template-rows:
        auto
        40px;

    column-gap:
        12px;

    padding:
        12px
        12px
        0;

    overflow:
        hidden;

    border:
        1px solid
        rgba(255,154,55,.48);

    border-radius:
        14px;

    background:
        rgba(255,255,255,.985);

    box-shadow:
        0 15px 35px
        rgba(7,26,44,.07);
}


.mv-hero-v11__listing-thumb {

    width:
        96px;

    height:
        88px;

    border-radius:
        9px;

    background-color:
        #EEF4F7;

    background-repeat:
        no-repeat;

    background-size:
        245%;

    background-position:
        65% 53%;
}


.mv-hero-v11__listing-content {

    min-width:
        0;

    padding-top:
        1px;
}


.mv-hero-v11__listing h4 {

    margin:
        0;

    color:
        #071A2C;

    font-size:
        13px;

    line-height:
        1.2;

    font-weight:
        900;
}


.mv-hero-v11__meta {

    margin-top:
        5px;

    color:
        #245072;

    font-size:
        8px;

    line-height:
        1.4;

    font-weight:
        650;
}


.mv-hero-v11__badges {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        5px;

    margin-top:
        6px;
}


.mv-hero-v11__badge {

    min-height:
        19px;

    display:
        inline-flex;

    align-items:
        center;

    padding:
        0 7px;

    border-radius:
        999px;

    color:
        #277343;

    background:
        #EAF7EC;

    font-size:
        7px;

    font-weight:
        850;
}


.mv-hero-v11__price {

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    margin-top:
        7px;
}


.mv-hero-v11__price strong {

    color:
        #071A2C;

    font-size:
        19px;

    font-weight:
        950;
}


.mv-hero-v11__super {

    min-height:
        20px;

    display:
        inline-flex;

    align-items:
        center;

    padding:
        0 8px;

    border-radius:
        999px;

    color:
        #C76B0B;

    background:
        #FFF0DC;

    font-size:
        7px;

    font-weight:
        900;
}


/* report CTA */

.mv-hero-v11__report {

    grid-column:
        1 / -1;

    height:
        40px;

    display:
        flex;

    align-items:
        center;

    gap:
        9px;

    margin:
        9px
        -12px
        0;

    padding:
        0 13px;

    border:
        0;

    border-top:
        1px solid
        rgba(22,143,230,.16);

    color:
        #168FE6;

    background:
        #F7FBFF;

    font-family:
        inherit;

    font-size:
        10px;

    font-weight:
        900;

    text-decoration:
        none;

    cursor:
        pointer;
}


.mv-hero-v11__report:hover {

    background:
        #EDF8FF;

    color:
        #0D77C8;
}


.mv-hero-v11__report-icon {

    width:
        18px;

    height:
        18px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        4px;

    color:
        #FFFFFF;

    background:
        #168FE6;

    font-size:
        10px;
}


/* ============================================================
   DAMAGE
   ============================================================ */

.mv-hero-v11__damage {

    min-width:
        0;

    display:
        grid;

    grid-template-columns:
        .8fr
        1.2fr;

    gap:
        10px;

    padding:
        12px;

    border:
        1px solid
        rgba(239,52,52,.20);

    border-radius:
        14px;

    background:
        rgba(255,253,253,.99);

    box-shadow:
        0 15px 35px
        rgba(7,26,44,.06);
}


.mv-hero-v11__damage-copy {

    min-width:
        0;

    align-self:
        center;
}


.mv-hero-v11__damage-label {

    display:
        block;

    margin-bottom:
        7px;

    color:
        #EF3434;

    font-size:
        7.5px;

    font-weight:
        950;
}


.mv-hero-v11__damage strong {

    display:
        block;

    color:
        #D82C2C;

    font-size:
        16px;

    line-height:
        1.18;

    font-weight:
        950;
}


.mv-hero-v11__damage small {

    display:
        block;

    margin-top:
        8px;

    color:
        #5F768A;

    font-size:
        8px;

    line-height:
        1.35;
}


.mv-hero-v11__damage-photo {

    width:
        100%;

    min-height:
        108px;

    border-radius:
        9px;

    background-color:
        #EEF2F4;

    background-size:
        cover;

    background-position:
        center;

    background-repeat:
        no-repeat;
}


/* fallback report crop */

.mv-hero-v11__damage-photo--report {

    background-size:
        365%;

    background-position:
        93% 35%;
}


/* ============================================================
   NO LARGE BOTTOM BENEFIT BAR
   ============================================================ */

.mv-history-why {

    margin-top:
        0 !important;

    padding-top:
        76px !important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1180px) {

    body.mv-public .mv-main-nav,
    body.mv-public .mv-menu-v2-nav {

        gap:
            18px !important;
    }


    body.mv-public .mv-main-nav > a,
    body.mv-public .mv-menu-v2-nav > a,
    body.mv-public .mv-menu-v2-trigger {

        font-size:
            11px !important;
    }


    .mv-hero-v11__grid {

        grid-template-columns:
            minmax(0,1.05fr)
            minmax(480px,.95fr);

        gap:
            25px;
    }


    .mv-hero-v11__title {

        font-size:
            59px;
    }


    .mv-hero-v11__lead {

        font-size:
            15px;
    }

}


/* ============================================================
   MOBILE NAV
   Preserve existing burger / menu behaviour
   ============================================================ */

@media (max-width: 980px) {

    body.mv-public .mv-header {

        min-height:
            70px !important;
    }


    body.mv-public .mv-header-inner,
    body.mv-public .mv-header-wrap,
    body.mv-public .mv-header > .mv-shell {

        min-height:
            70px !important;

        width:
            calc(100% - 28px) !important;
    }


    body.mv-public .mv-header-logo img,
    body.mv-public .mv-brand img,
    body.mv-public .mv-logo img {

        width:
            160px !important;
    }


    /*
     * Let existing JS / CSS decide
     * when mobile nav is hidden/open.
     */

    .mv-hero-v11 {

        padding-top:
            35px;
    }


    .mv-hero-v11__shell {

        width:
            min(
                760px,
                calc(100% - 28px)
            );
    }


    .mv-hero-v11__grid {

        grid-template-columns:
            1fr;

        gap:
            35px;
    }


    .mv-hero-v11__left {

        max-width:
            720px;

        margin:
            0 auto;
    }


    .mv-hero-v11__eyebrow {

        margin-left:
            auto;

        margin-right:
            auto;
    }


    .mv-hero-v11__right {

        width:
            min(680px,100%);

        min-height:
            650px;

        margin:
            0 auto;
    }


    .mv-hero-v11__km {

        width:
            55%;
    }


    .mv-hero-v11__info {

        width:
            40%;
    }

}


/* ============================================================
   PHONE
   ============================================================ */

@media (max-width: 650px) {

    .mv-hero-v11 {

        padding-top:
            27px;
    }


    .mv-hero-v11__shell {

        width:
            calc(100% - 22px);
    }


    .mv-hero-v11__eyebrow {

        min-height:
            34px;

        padding:
            0 11px;

        font-size:
            8.7px;

        white-space:
            normal;

        text-align:
            center;
    }


    .mv-hero-v11__title {

        font-size:
            43px;

        line-height:
            .99;
    }


    .mv-hero-v11__lead {

        margin-top:
            19px;

        font-size:
            14px;

        line-height:
            1.55;
    }


    .mv-hero-v11
    .mv-vin-hero-v4__form-card {

        margin-top:
            22px !important;

        padding:
            14px !important;

        border-radius:
            15px !important;
    }


    .mv-hero-v11__risks {

        justify-content:
            flex-start;

        gap:
            7px;

        margin-top:
            13px;
    }


    .mv-hero-v11__risk {

        min-height:
            30px;

        padding:
            0 10px;

        font-size:
            8.8px;
    }


    .mv-hero-v11__right {

        min-height:
            775px;
    }


    /* top cards */

    .mv-hero-v11__km {

        width:
            58%;

        left:
            0;

        padding:
            12px;
    }


    .mv-hero-v11__info {

        width:
            39%;

        right:
            0;

        top:
            9px;

        padding:
            12px;
    }


    .mv-hero-v11__km h3 {

        font-size:
            13px;
    }


    .mv-hero-v11__info strong {

        font-size:
            11px;
    }


    /* car */

    .mv-hero-v11__car-area {

        height:
            305px;

        top:
            175px;
    }


    .mv-hero-v11__car {

        width:
            100%;

        height:
            300px;
    }


    .mv-hero-v11__car--composite {

        width:
            108%;

        height:
            300px;

        transform:
            translateX(-50%)
            scale(1.36);
    }


    /* evidence stacked */

    .mv-hero-v11__evidence {

        grid-template-columns:
            1fr;

        gap:
            9px;

        bottom:
            0;
    }


    .mv-hero-v11__listing {

        grid-template-columns:
            88px
            1fr;

        padding:
            10px
            10px
            0;
    }


    .mv-hero-v11__listing-thumb {

        width:
            88px;

        height:
            77px;
    }


    .mv-hero-v11__damage {

        grid-template-columns:
            .78fr
            1.22fr;

        padding:
            10px;
    }


    .mv-hero-v11__damage-photo {

        min-height:
            92px;
    }


    .mv-history-why {

        padding-top:
            58px !important;
    }

}



/* ============================================================
   MOTAVIO V11 · CURVED SECTION TRANSITION
   Hero -> nächste Video-Sektion
   KEINE Benefit-Leiste
   ============================================================ */


/* Hero unten Platz für die Kurve geben */

.mv-hero-v11 {
    position: relative !important;

    padding-bottom:
        78px !important;

    overflow:
        hidden !important;
}


/* ============================================================
   GROSSER WEISSER BOGEN
   ============================================================ */

.mv-hero-v11::after {
    content: "";

    position: absolute;

    z-index: 4;

    left: 50%;

    bottom: -82px;

    width: 128%;

    height: 145px;

    transform:
        translateX(-50%);

    border-top:
        1px solid
        rgba(22,143,230,.15);

    border-radius:
        50% 50% 0 0 /
        100% 100% 0 0;

    background:
        #FFFFFF;

    box-shadow:
        0
        -14px
        40px
        rgba(7,26,44,.025);

    pointer-events:
        none;
}


/* ============================================================
   NÄCHSTE SECTION
   direkt sauber an die Kurve anschließen
   ============================================================ */

.mv-history-why {
    position:
        relative !important;

    z-index:
        5 !important;

    margin-top:
        -1px !important;

    padding-top:
        76px !important;

    background:
        #FFFFFF !important;
}


/* ============================================================
   FALLS ALTE BENEFIT-LEISTE NOCH IRGENDWO GERENDERT WIRD:
   komplett entfernen
   ============================================================ */

.mv-hero-v9__bridge,
.mv-hero-v9__benefits,
.mv-hero-v9__benefit,
.mv-hero-v11__bridge,
.mv-hero-v11__benefits,
.mv-hero-v11__benefit {

    display:
        none !important;

}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 980px) {

    .mv-hero-v11 {
        padding-bottom:
            66px !important;
    }


    .mv-hero-v11::after {

        bottom:
            -70px;

        width:
            145%;

        height:
            125px;

    }


    .mv-history-why {

        padding-top:
            64px !important;

    }

}


/* ============================================================
   MOBILE
   etwas dezenter
   ============================================================ */

@media (max-width: 650px) {

    .mv-hero-v11 {

        padding-bottom:
            52px !important;

    }


    .mv-hero-v11::after {

        bottom:
            -58px;

        width:
            175%;

        height:
            105px;

        border-radius:
            50% 50% 0 0 /
            100% 100% 0 0;

    }


    .mv-history-why {

        padding-top:
            54px !important;

    }

}



/* ============================================================
   MOTAVIO V11 · FINAL DEEP CURVE
   Mehr Raum unter den roten Bullets
   Kein sichtbarer Strich
   ============================================================ */


/* ============================================================
   MEHR LUFT UNTER DEM HERO-INHALT
   ============================================================ */

.mv-hero-v11 {

    padding-bottom:
        118px !important;

}


/* rote Bullet-Zeile bekommt etwas mehr Ruhe nach unten */

.mv-hero-v11__risks {

    margin-bottom:
        30px !important;

}


/* ============================================================
   BOGEN TIEFER SETZEN
   ============================================================ */

.mv-hero-v11::after {

    content:
        "" !important;

    position:
        absolute !important;

    z-index:
        4 !important;

    left:
        50% !important;

    /*
     * deutlich tiefer als vorher
     */

    bottom:
        -138px !important;

    width:
        136% !important;

    height:
        172px !important;

    transform:
        translateX(-50%) !important;


    /*
     * KEIN STRICH MEHR
     */

    border:
        0 !important;

    border-top:
        0 !important;

    outline:
        0 !important;


    /*
     * geschwungene Form
     */

    border-radius:
        50% 50% 0 0 /
        100% 100% 0 0 !important;

    background:
        #FFFFFF !important;


    /*
     * auch kein Schatten,
     * der wie eine Linie wirken könnte
     */

    box-shadow:
        none !important;

    pointer-events:
        none !important;

}


/* ============================================================
   NÄCHSTE SEKTION
   ebenfalls keinerlei Trennlinie
   ============================================================ */

.mv-history-why {

    position:
        relative !important;

    z-index:
        5 !important;

    margin-top:
        0 !important;

    padding-top:
        72px !important;

    border-top:
        0 !important;

    outline:
        0 !important;

    box-shadow:
        none !important;

    background:
        #FFFFFF !important;

}


/* falls ein Pseudo-Divider existiert */

.mv-history-why::before {

    border:
        0 !important;

    border-top:
        0 !important;

}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 980px) {

    .mv-hero-v11 {

        padding-bottom:
            96px !important;

    }


    .mv-hero-v11__risks {

        margin-bottom:
            24px !important;

    }


    .mv-hero-v11::after {

        bottom:
            -118px !important;

        width:
            150% !important;

        height:
            150px !important;

    }


    .mv-history-why {

        padding-top:
            62px !important;

    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 650px) {

    .mv-hero-v11 {

        padding-bottom:
            78px !important;

    }


    .mv-hero-v11__risks {

        margin-bottom:
            20px !important;

    }


    .mv-hero-v11::after {

        bottom:
            -98px !important;

        width:
            185% !important;

        height:
            125px !important;

    }


    .mv-history-why {

        padding-top:
            52px !important;

    }

}



/* ============================================================
   MOTAVIO · CURVE MICRO POLISH
   ============================================================ */


/* Bogen minimal höher als aktuell */

.mv-hero-v11::after {

    bottom:
        -122px !important;

    height:
        162px !important;

}


/*
 * Hero unten minimal kompakter,
 * damit die Kurve optisch etwas höher beginnt
 */

.mv-hero-v11 {

    padding-bottom:
        108px !important;

}


/*
 * Nächste Video-Überschrift gleichzeitig
 * etwas weiter nach unten setzen.
 */

.mv-history-why {

    padding-top:
        94px !important;

}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 980px) {

    .mv-hero-v11 {

        padding-bottom:
            89px !important;

    }


    .mv-hero-v11::after {

        bottom:
            -106px !important;

        height:
            143px !important;

    }


    .mv-history-why {

        padding-top:
            80px !important;

    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 650px) {

    .mv-hero-v11 {

        padding-bottom:
            72px !important;

    }


    .mv-hero-v11::after {

        bottom:
            -88px !important;

        height:
            118px !important;

    }


    .mv-history-why {

        padding-top:
            68px !important;

    }

}



/* ============================================================
   MOTAVIO · CURVE MICRO POLISH V2
   ============================================================ */


/* Bogen noch minimal höher */

.mv-hero-v11::after {

    bottom:
        -110px !important;

    height:
        158px !important;

}


/* etwas weniger Leerraum im Hero selbst */

.mv-hero-v11 {

    padding-bottom:
        102px !important;

}


/* nächste Sektion bewusst weiter nach unten */

.mv-history-why {

    padding-top:
        114px !important;

}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 980px) {

    .mv-hero-v11 {

        padding-bottom:
            84px !important;

    }


    .mv-hero-v11::after {

        bottom:
            -96px !important;

        height:
            138px !important;

    }


    .mv-history-why {

        padding-top:
            94px !important;

    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 650px) {

    .mv-hero-v11 {

        padding-bottom:
            68px !important;

    }


    .mv-hero-v11::after {

        bottom:
            -80px !important;

        height:
            112px !important;

    }


    .mv-history-why {

        padding-top:
            80px !important;

    }

}



/* ============================================================
   MOTAVIO · CURVE RAISE V3
   Nur: Bogen noch etwas höher
   ============================================================ */

.mv-hero-v11{
  padding-bottom: 94px !important;
}

.mv-hero-v11::after{
  bottom: -92px !important;
  height: 148px !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 980px){
  .mv-hero-v11{
    padding-bottom: 78px !important;
  }
  .mv-hero-v11::after{
    bottom: -82px !important;
    height: 128px !important;
  }
}

@media (max-width: 650px){
  .mv-hero-v11{
    padding-bottom: 64px !important;
  }
  .mv-hero-v11::after{
    bottom: -68px !important;
    height: 104px !important;
  }
}



/* ============================================================
   MOTAVIO · CURVE RAISE V3
   Nur: Bogen noch etwas höher
   ============================================================ */

.mv-hero-v11{
  padding-bottom: 94px !important;
}

.mv-hero-v11::after{
  bottom: -92px !important;
  height: 148px !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 980px){
  .mv-hero-v11{
    padding-bottom: 78px !important;
  }
  .mv-hero-v11::after{
    bottom: -82px !important;
    height: 128px !important;
  }
}

@media (max-width: 650px){
  .mv-hero-v11{
    padding-bottom: 64px !important;
  }
  .mv-hero-v11::after{
    bottom: -68px !important;
    height: 104px !important;
  }
}


/* ============================================================
   MOTAVIO · CURVE RAISE V4
   Nur den Bogen etwas höher
   ============================================================ */

.mv-hero-v11::after{
  bottom: -76px !important;
  height: 148px !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 980px){
  .mv-hero-v11::after{
    bottom: -68px !important;
    height: 128px !important;
  }
}

@media (max-width: 650px){
  .mv-hero-v11::after{
    bottom: -57px !important;
    height: 104px !important;
  }
}


/* ============================================================
   MOTAVIO · HERO CURVE + VIDEO AREA LIFT
   - Bogen höher
   - Nächste Video-Section näher an den Bogen
   ============================================================ */

/* HERO: Bogen weiter anheben */
.mv-hero-v11::after{
  bottom: -62px !important;
  height: 132px !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

/* Falls der Hero unten zu viel Luft hat */
.mv-hero-v11{
  padding-bottom: 112px !important;
}

/* Nächste Section mit "WARUM FAHRZEUGHISTORIE PRÜFEN?" nach oben ziehen */
.mv-history-why{
  position: relative !important;
  margin-top: -18px !important;
  padding-top: 84px !important;
}

/* Überschrift und Einleitung etwas näher an den Bogen */
.mv-history-why .mv-section-eyebrow,
.mv-history-why__eyebrow{
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

.mv-history-why h2,
.mv-history-why__title{
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  line-height: 1.04 !important;
}

.mv-history-why .mv-section-intro,
.mv-history-why__intro{
  margin-bottom: 26px !important;
}

/* Video / Content-Block insgesamt kompakter unter die Headline */
.mv-history-why__grid,
.mv-history-why__content,
.mv-history-why__inner{
  margin-top: 0 !important;
  gap: 28px !important;
}

/* Tablet */
@media (max-width: 980px){
  .mv-hero-v11::after{
    bottom: -54px !important;
    height: 118px !important;
  }

  .mv-hero-v11{
    padding-bottom: 96px !important;
  }

  .mv-history-why{
    margin-top: -12px !important;
    padding-top: 72px !important;
  }

  .mv-history-why h2,
  .mv-history-why__title{
    margin-bottom: 16px !important;
  }
}

/* Mobile */
@media (max-width: 650px){
  .mv-hero-v11::after{
    bottom: -44px !important;
    height: 96px !important;
  }

  .mv-hero-v11{
    padding-bottom: 84px !important;
  }

  .mv-history-why{
    margin-top: -8px !important;
    padding-top: 58px !important;
  }

  .mv-history-why .mv-section-eyebrow,
  .mv-history-why__eyebrow{
    margin-bottom: 8px !important;
  }

  .mv-history-why h2,
  .mv-history-why__title{
    margin-bottom: 14px !important;
  }

  .mv-history-why__grid,
  .mv-history-why__content,
  .mv-history-why__inner{
    gap: 20px !important;
  }
}


/* ============================================================
   MOTAVIO · FINAL MICRO LIFT V2
   ============================================================ */

.mv-hero-v11::after{
  bottom: -50px !important;
  height: 126px !important;
}

.mv-hero-v11{
  padding-bottom: 106px !important;
}

.mv-history-why{
  margin-top: -28px !important;
  padding-top: 78px !important;
}

@media (max-width: 980px){
  .mv-hero-v11::after{
    bottom: -44px !important;
    height: 112px !important;
  }

  .mv-hero-v11{
    padding-bottom: 90px !important;
  }

  .mv-history-why{
    margin-top: -20px !important;
    padding-top: 66px !important;
  }
}

@media (max-width: 650px){
  .mv-hero-v11::after{
    bottom: -36px !important;
    height: 92px !important;
  }

  .mv-hero-v11{
    padding-bottom: 78px !important;
  }

  .mv-history-why{
    margin-top: -14px !important;
    padding-top: 54px !important;
  }
}


/* ============================================================
   MOTAVIO · VIDEO HEADING ONLY
   Nur Eyebrow + Überschrift näher an den Bogen
   ============================================================ */

.mv-history-why .mv-section-eyebrow,
.mv-history-why__eyebrow {
    position: relative !important;
    top: -18px !important;
}

.mv-history-why h2,
.mv-history-why__title {
    position: relative !important;
    top: -18px !important;
}


/* Tablet */

@media (max-width: 980px) {

    .mv-history-why .mv-section-eyebrow,
    .mv-history-why__eyebrow,
    .mv-history-why h2,
    .mv-history-why__title {
        top: -14px !important;
    }

}


/* Mobile */

@media (max-width: 650px) {

    .mv-history-why .mv-section-eyebrow,
    .mv-history-why__eyebrow,
    .mv-history-why h2,
    .mv-history-why__title {
        top: -10px !important;
    }

}


/* ============================================================
   HERO · ROTE BULLETS UNTER DEM KASTEN
   zentriert + kompakt + wie Referenz
   ============================================================ */

/* Wrapper der roten Pills unter dem Formular */
.mv-vin-hero-v4 .mv-hero-red-bullets,
.mv-vin-hero-v4 .mv-hero-danger-pills,
.mv-vin-hero-v4 .mv-hero-risk-pills,
.mv-vin-hero-v4 .mv-vin-hero__danger-pills,
.mv-vin-hero-v4 .mv-vin-hero__risk-pills,
.mv-vin-hero-v4 .mv-vin-hero__badges--danger {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin: 16px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* Einzelne rote Pill */
.mv-vin-hero-v4 .mv-hero-red-bullets > *,
.mv-vin-hero-v4 .mv-hero-danger-pills > *,
.mv-vin-hero-v4 .mv-hero-risk-pills > *,
.mv-vin-hero-v4 .mv-vin-hero__danger-pills > *,
.mv-vin-hero-v4 .mv-vin-hero__risk-pills > *,
.mv-vin-hero-v4 .mv-vin-hero__badges--danger > * {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(239, 68, 68, 0.30) !important;
    border-radius: 999px !important;
    background: #FFF8F8 !important;
    color: #DC2626 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Bestehende Icons in den Pills ausblenden */
.mv-vin-hero-v4 .mv-hero-red-bullets > * svg,
.mv-vin-hero-v4 .mv-hero-red-bullets > * i,
.mv-vin-hero-v4 .mv-hero-danger-pills > * svg,
.mv-vin-hero-v4 .mv-hero-danger-pills > * i,
.mv-vin-hero-v4 .mv-hero-risk-pills > * svg,
.mv-vin-hero-v4 .mv-hero-risk-pills > * i,
.mv-vin-hero-v4 .mv-vin-hero__danger-pills > * svg,
.mv-vin-hero-v4 .mv-vin-hero__danger-pills > * i,
.mv-vin-hero-v4 .mv-vin-hero__risk-pills > * svg,
.mv-vin-hero-v4 .mv-vin-hero__risk-pills > * i,
.mv-vin-hero-v4 .mv-vin-hero__badges--danger > * svg,
.mv-vin-hero-v4 .mv-vin-hero__badges--danger > * i {
    display: none !important;
}

/* Kleiner roter Punkt wie in deiner Referenz */
.mv-vin-hero-v4 .mv-hero-red-bullets > *::before,
.mv-vin-hero-v4 .mv-hero-danger-pills > *::before,
.mv-vin-hero-v4 .mv-hero-risk-pills > *::before,
.mv-vin-hero-v4 .mv-vin-hero__danger-pills > *::before,
.mv-vin-hero-v4 .mv-vin-hero__risk-pills > *::before,
.mv-vin-hero-v4 .mv-vin-hero__badges--danger > *::before {
    content: "";
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #DC2626 !important;
    flex: 0 0 8px !important;
    display: inline-block !important;
}

/* Wenn die Items <a>, <span> oder <li> sind: Text sauber ausrichten */
.mv-vin-hero-v4 .mv-hero-red-bullets a,
.mv-vin-hero-v4 .mv-hero-red-bullets span,
.mv-vin-hero-v4 .mv-hero-red-bullets li,
.mv-vin-hero-v4 .mv-hero-danger-pills a,
.mv-vin-hero-v4 .mv-hero-danger-pills span,
.mv-vin-hero-v4 .mv-hero-danger-pills li,
.mv-vin-hero-v4 .mv-hero-risk-pills a,
.mv-vin-hero-v4 .mv-hero-risk-pills span,
.mv-vin-hero-v4 .mv-hero-risk-pills li,
.mv-vin-hero-v4 .mv-vin-hero__danger-pills a,
.mv-vin-hero-v4 .mv-vin-hero__danger-pills span,
.mv-vin-hero-v4 .mv-vin-hero__danger-pills li,
.mv-vin-hero-v4 .mv-vin-hero__risk-pills a,
.mv-vin-hero-v4 .mv-vin-hero__risk-pills span,
.mv-vin-hero-v4 .mv-vin-hero__risk-pills li,
.mv-vin-hero-v4 .mv-vin-hero__badges--danger a,
.mv-vin-hero-v4 .mv-vin-hero__badges--danger span,
.mv-vin-hero-v4 .mv-vin-hero__badges--danger li {
    color: #DC2626 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* Mobile */
@media (max-width: 768px) {
    .mv-vin-hero-v4 .mv-hero-red-bullets,
    .mv-vin-hero-v4 .mv-hero-danger-pills,
    .mv-vin-hero-v4 .mv-hero-risk-pills,
    .mv-vin-hero-v4 .mv-vin-hero__danger-pills,
    .mv-vin-hero-v4 .mv-vin-hero__risk-pills,
    .mv-vin-hero-v4 .mv-vin-hero__badges--danger {
        gap: 10px !important;
        margin-top: 14px !important;
    }

    .mv-vin-hero-v4 .mv-hero-red-bullets > *,
    .mv-vin-hero-v4 .mv-hero-danger-pills > *,
    .mv-vin-hero-v4 .mv-hero-risk-pills > *,
    .mv-vin-hero-v4 .mv-vin-hero__danger-pills > *,
    .mv-vin-hero-v4 .mv-vin-hero__risk-pills > *,
    .mv-vin-hero-v4 .mv-vin-hero__badges--danger > * {
        min-height: 38px !important;
        padding: 0 15px !important;
        font-size: 13px !important;
    }
}


/* ============================================================
   VIDEO-SECTION · ÜBERSCHRIFT NÄHER AN DEN BOGEN
   "WARUM FAHRZEUGHISTORIE PRÜFEN?"
   "Vermeide teure Überraschungen ..."
   ============================================================ */

/* Ganze nächste Section etwas weiter nach oben */
.mv-vin-hero-v4 + section,
.mv-history-why,
.mv-history-video,
.mv-video-section,
.mv-vehiclecheck-video,
section.mv-history-why,
section.mv-video-section {
  position: relative !important;
  margin-top: -42px !important;
  padding-top: 54px !important;
  z-index: 2 !important;
}

/* Eyebrow / kleine blaue Überschrift */
.mv-vin-hero-v4 + section .section-eyebrow,
.mv-vin-hero-v4 + section .section-kicker,
.mv-vin-hero-v4 + section .eyebrow,
.mv-history-why .section-eyebrow,
.mv-history-why .section-kicker,
.mv-history-why .eyebrow,
.mv-video-section .section-eyebrow,
.mv-video-section .section-kicker,
.mv-video-section .eyebrow {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

/* Hauptüberschrift näher ran */
.mv-vin-hero-v4 + section h2,
.mv-history-why h2,
.mv-video-section h2,
.mv-history-video h2,
.mv-vehiclecheck-video h2 {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  line-height: 1.05 !important;
}

/* Optional: wenn ein Introtext direkt unter der H2 sitzt */
.mv-vin-hero-v4 + section .section-intro,
.mv-vin-hero-v4 + section .section-subtext,
.mv-history-why .section-intro,
.mv-history-why .section-subtext,
.mv-video-section .section-intro,
.mv-video-section .section-subtext {
  margin-top: 0 !important;
}

/* Mobile fein abstimmen */
@media (max-width: 991px) {
  .mv-vin-hero-v4 + section,
  .mv-history-why,
  .mv-history-video,
  .mv-video-section,
  .mv-vehiclecheck-video,
  section.mv-history-why,
  section.mv-video-section {
    margin-top: -22px !important;
    padding-top: 34px !important;
  }

  .mv-vin-hero-v4 + section h2,
  .mv-history-why h2,
  .mv-video-section h2,
  .mv-history-video h2,
  .mv-vehiclecheck-video h2 {
    margin-bottom: 10px !important;
  }
}


/* ============================================================
   HERO · ROTE BULLETS EXAKT FIX
   - mittig zentriert
   - kompakt
   - kleine rote Punkte
   - professioneller Abstand
   ============================================================ */

/* Wrapper / Container der roten Pills */
.mv-vin-hero-v4 .mv-vin-hero-v4__risk-pills,
.mv-vin-hero-v4 .mv-vin-hero-v4__danger-pills,
.mv-vin-hero-v4 .mv-vin-hero-v4__alert-pills,
.mv-vin-hero-v4 .mv-vin-hero-v4__badges--danger,
.mv-vin-hero-v4 .mv-vin-hero-v4__bullets--danger,
.mv-vin-hero-v4 .mv-vin-hero-v4__chips--danger,
.mv-vin-hero-v4 .mv-vin-hero-v4__risk-list,
.mv-vin-hero-v4 .mv-vin-hero-v4__alerts,
.mv-vin-hero-v4 .mv-vin-hero-v4__bullet-row-danger {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 18px auto 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

/* Falls die roten Bullets direkt in einer allgemeinen Button/Badge-Zeile liegen */
.mv-vin-hero-v4 .mv-vin-hero-v4__benefits-danger,
.mv-vin-hero-v4 .mv-vin-hero-v4__benefits-red,
.mv-vin-hero-v4 .mv-vin-hero-v4__cta-danger-row {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 18px !important;
  padding: 0 !important;
}

/* Einzelne Bullet / Pill */
.mv-vin-hero-v4 .mv-vin-hero-v4__risk-pills > *,
.mv-vin-hero-v4 .mv-vin-hero-v4__danger-pills > *,
.mv-vin-hero-v4 .mv-vin-hero-v4__alert-pills > *,
.mv-vin-hero-v4 .mv-vin-hero-v4__badges--danger > *,
.mv-vin-hero-v4 .mv-vin-hero-v4__bullets--danger > *,
.mv-vin-hero-v4 .mv-vin-hero-v4__chips--danger > *,
.mv-vin-hero-v4 .mv-vin-hero-v4__risk-list > *,
.mv-vin-hero-v4 .mv-vin-hero-v4__alerts > *,
.mv-vin-hero-v4 .mv-vin-hero-v4__bullet-row-danger > *,
.mv-vin-hero-v4 .mv-vin-hero-v4__benefits-danger > *,
.mv-vin-hero-v4 .mv-vin-hero-v4__benefits-red > *,
.mv-vin-hero-v4 .mv-vin-hero-v4__cta-danger-row > * {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  border: 1.5px solid rgba(239, 68, 68, 0.28) !important;
  background: rgba(255, 250, 250, 0.96) !important;
  color: #dc2626 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  margin: 0 !important;
  min-width: unset !important;
  max-width: unset !important;
  width: auto !important;
  flex: 0 0 auto !important;
  text-align: center !important;
}

/* Alte Warnicons / SVG / i ausblenden */
.mv-vin-hero-v4 .mv-vin-hero-v4__risk-pills > * i,
.mv-vin-hero-v4 .mv-vin-hero-v4__risk-pills > * svg,
.mv-vin-hero-v4 .mv-vin-hero-v4__danger-pills > * i,
.mv-vin-hero-v4 .mv-vin-hero-v4__danger-pills > * svg,
.mv-vin-hero-v4 .mv-vin-hero-v4__alert-pills > * i,
.mv-vin-hero-v4 .mv-vin-hero-v4__alert-pills > * svg,
.mv-vin-hero-v4 .mv-vin-hero-v4__badges--danger > * i,
.mv-vin-hero-v4 .mv-vin-hero-v4__badges--danger > * svg,
.mv-vin-hero-v4 .mv-vin-hero-v4__bullets--danger > * i,
.mv-vin-hero-v4 .mv-vin-hero-v4__bullets--danger > * svg,
.mv-vin-hero-v4 .mv-vin-hero-v4__chips--danger > * i,
.mv-vin-hero-v4 .mv-vin-hero-v4__chips--danger > * svg,
.mv-vin-hero-v4 .mv-vin-hero-v4__risk-list > * i,
.mv-vin-hero-v4 .mv-vin-hero-v4__risk-list > * svg,
.mv-vin-hero-v4 .mv-vin-hero-v4__alerts > * i,
.mv-vin-hero-v4 .mv-vin-hero-v4__alerts > * svg,
.mv-vin-hero-v4 .mv-vin-hero-v4__bullet-row-danger > * i,
.mv-vin-hero-v4 .mv-vin-hero-v4__bullet-row-danger > * svg,
.mv-vin-hero-v4 .mv-vin-hero-v4__benefits-danger > * i,
.mv-vin-hero-v4 .mv-vin-hero-v4__benefits-danger > * svg,
.mv-vin-hero-v4 .mv-vin-hero-v4__benefits-red > * i,
.mv-vin-hero-v4 .mv-vin-hero-v4__benefits-red > * svg,
.mv-vin-hero-v4 .mv-vin-hero-v4__cta-danger-row > * i,
.mv-vin-hero-v4 .mv-vin-hero-v4__cta-danger-row > * svg {
  display: none !important;
}

/* Neuer kleiner roter Punkt links */
.mv-vin-hero-v4 .mv-vin-hero-v4__risk-pills > *::before,
.mv-vin-hero-v4 .mv-vin-hero-v4__danger-pills > *::before,
.mv-vin-hero-v4 .mv-vin-hero-v4__alert-pills > *::before,
.mv-vin-hero-v4 .mv-vin-hero-v4__badges--danger > *::before,
.mv-vin-hero-v4 .mv-vin-hero-v4__bullets--danger > *::before,
.mv-vin-hero-v4 .mv-vin-hero-v4__chips--danger > *::before,
.mv-vin-hero-v4 .mv-vin-hero-v4__risk-list > *::before,
.mv-vin-hero-v4 .mv-vin-hero-v4__alerts > *::before,
.mv-vin-hero-v4 .mv-vin-hero-v4__bullet-row-danger > *::before,
.mv-vin-hero-v4 .mv-vin-hero-v4__benefits-danger > *::before,
.mv-vin-hero-v4 .mv-vin-hero-v4__benefits-red > *::before,
.mv-vin-hero-v4 .mv-vin-hero-v4__cta-danger-row > *::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #ef4444 !important;
  box-shadow: none !important;
  flex: 0 0 8px !important;
}

/* Abstände unter dem Formular sauber */
.mv-vin-hero-v4 .mv-vin-hero-v4__check-card,
.mv-vin-hero-v4 .mv-vin-hero-v4__form-card,
.mv-vin-hero-v4 .mv-vin-hero-v4__search-card {
  margin-bottom: 16px !important;
}

/* Falls alte linke Ausrichtung oder feste Breiten stören */
.mv-vin-hero-v4 .mv-vin-hero-v4__risk-pills,
.mv-vin-hero-v4 .mv-vin-hero-v4__danger-pills,
.mv-vin-hero-v4 .mv-vin-hero-v4__alert-pills,
.mv-vin-hero-v4 .mv-vin-hero-v4__badges--danger,
.mv-vin-hero-v4 .mv-vin-hero-v4__bullets--danger,
.mv-vin-hero-v4 .mv-vin-hero-v4__chips--danger,
.mv-vin-hero-v4 .mv-vin-hero-v4__risk-list,
.mv-vin-hero-v4 .mv-vin-hero-v4__alerts,
.mv-vin-hero-v4 .mv-vin-hero-v4__bullet-row-danger,
.mv-vin-hero-v4 .mv-vin-hero-v4__benefits-danger,
.mv-vin-hero-v4 .mv-vin-hero-v4__benefits-red,
.mv-vin-hero-v4 .mv-vin-hero-v4__cta-danger-row {
  float: none !important;
  left: auto !important;
  right: auto !important;
}

/* Mobile */
@media (max-width: 991px) {
  .mv-vin-hero-v4 .mv-vin-hero-v4__risk-pills,
  .mv-vin-hero-v4 .mv-vin-hero-v4__danger-pills,
  .mv-vin-hero-v4 .mv-vin-hero-v4__alert-pills,
  .mv-vin-hero-v4 .mv-vin-hero-v4__badges--danger,
  .mv-vin-hero-v4 .mv-vin-hero-v4__bullets--danger,
  .mv-vin-hero-v4 .mv-vin-hero-v4__chips--danger,
  .mv-vin-hero-v4 .mv-vin-hero-v4__risk-list,
  .mv-vin-hero-v4 .mv-vin-hero-v4__alerts,
  .mv-vin-hero-v4 .mv-vin-hero-v4__bullet-row-danger,
  .mv-vin-hero-v4 .mv-vin-hero-v4__benefits-danger,
  .mv-vin-hero-v4 .mv-vin-hero-v4__benefits-red,
  .mv-vin-hero-v4 .mv-vin-hero-v4__cta-danger-row {
    gap: 8px !important;
    margin-top: 14px !important;
  }

  .mv-vin-hero-v4 .mv-vin-hero-v4__risk-pills > *,
  .mv-vin-hero-v4 .mv-vin-hero-v4__danger-pills > *,
  .mv-vin-hero-v4 .mv-vin-hero-v4__alert-pills > *,
  .mv-vin-hero-v4 .mv-vin-hero-v4__badges--danger > *,
  .mv-vin-hero-v4 .mv-vin-hero-v4__bullets--danger > *,
  .mv-vin-hero-v4 .mv-vin-hero-v4__chips--danger > *,
  .mv-vin-hero-v4 .mv-vin-hero-v4__risk-list > *,
  .mv-vin-hero-v4 .mv-vin-hero-v4__alerts > *,
  .mv-vin-hero-v4 .mv-vin-hero-v4__bullet-row-danger > *,
  .mv-vin-hero-v4 .mv-vin-hero-v4__benefits-danger > *,
  .mv-vin-hero-v4 .mv-vin-hero-v4__benefits-red > *,
  .mv-vin-hero-v4 .mv-vin-hero-v4__cta-danger-row > * {
    height: 38px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
  }
}



/* ============================================================
   MOTAVIO V11 · EXACT RED RISK PILLS
   echte aktuelle Selektoren
   ============================================================ */


/* Ganze Zeile exakt unter der FIN-Box zentrieren */

.mv-hero-v11__risks {

    width:
        100% !important;

    max-width:
        725px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    flex-wrap:
        wrap !important;

    gap:
        9px !important;

    margin:
        17px 0 0 !important;

    padding:
        0 !important;

    text-align:
        center !important;

}


/* ============================================================
   PILLS
   ============================================================ */

.mv-hero-v11__risk {

    width:
        auto !important;

    min-width:
        0 !important;

    min-height:
        31px !important;

    height:
        31px !important;

    flex:
        0 0 auto !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        7px !important;

    margin:
        0 !important;

    padding:
        0 13px !important;

    border:
        1px solid
        rgba(239,52,52,.25) !important;

    border-radius:
        999px !important;

    background:
        #FFF9F8 !important;

    color:
        #D92D2D !important;

    box-shadow:
        none !important;

    font-size:
        10px !important;

    line-height:
        1 !important;

    font-weight:
        800 !important;

    letter-spacing:
        0 !important;

    white-space:
        nowrap !important;

}


/* ============================================================
   ALTES WARNDREIECK WEG
   ============================================================ */

.mv-hero-v11__risk-icon {

    display:
        none !important;

}


/* ============================================================
   KLEINER ROTER PUNKT
   exakt wie Referenz
   ============================================================ */

.mv-hero-v11__risk::before {

    content:
        "" !important;

    width:
        7px !important;

    height:
        7px !important;

    display:
        block !important;

    flex:
        0 0 7px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        50% !important;

    background:
        #E83A3A !important;

    clip-path:
        none !important;

    box-shadow:
        none !important;

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 650px) {

    .mv-hero-v11__risks {

        max-width:
            100% !important;

        justify-content:
            center !important;

        gap:
            7px !important;

        margin-top:
            14px !important;

    }


    .mv-hero-v11__risk {

        min-height:
            29px !important;

        height:
            29px !important;

        padding:
            0 11px !important;

        font-size:
            9px !important;

    }


    .mv-hero-v11__risk::before {

        width:
            6px !important;

        height:
            6px !important;

        flex-basis:
            6px !important;

    }

}



/* ============================================================
   MOTAVIO · CURVE + VIDEO HEADING FINAL LIFT
   ============================================================ */


/* ============================================================
   1. BOGEN NOCH HÖHER
   ============================================================ */

.mv-hero-v11::after {

    bottom:
        -30px !important;

    height:
        126px !important;

    border:
        0 !important;

    border-top:
        0 !important;

    box-shadow:
        none !important;

}


/*
 * unten etwas kompakter,
 * damit der höher sitzende Bogen sauber wirkt
 */

.mv-hero-v11 {

    padding-bottom:
        92px !important;

}


/* ============================================================
   2. NUR EYEBROW + ÜBERSCHRIFT NACH OBEN
   Video / Content darunter bleibt stehen
   ============================================================ */


/* WARUM FAHRZEUGHISTORIE PRÜFEN? */

.mv-history-why .mv-section-eyebrow,
.mv-history-why .mv-section-kicker,
.mv-history-why .eyebrow,
.mv-history-why__eyebrow {

    position:
        relative !important;

    top:
        -36px !important;

    margin-bottom:
        8px !important;

}


/* Vermeide teure Überraschungen ... */

.mv-history-why h2,
.mv-history-why__title {

    position:
        relative !important;

    top:
        -36px !important;

    margin-top:
        0 !important;

    margin-bottom:
        10px !important;

}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 980px) {

    .mv-hero-v11::after {

        bottom:
            -27px !important;

        height:
            112px !important;

    }


    .mv-hero-v11 {

        padding-bottom:
            80px !important;

    }


    .mv-history-why .mv-section-eyebrow,
    .mv-history-why .mv-section-kicker,
    .mv-history-why .eyebrow,
    .mv-history-why__eyebrow,
    .mv-history-why h2,
    .mv-history-why__title {

        top:
            -27px !important;

    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 650px) {

    .mv-hero-v11::after {

        bottom:
            -22px !important;

        height:
            92px !important;

    }


    .mv-hero-v11 {

        padding-bottom:
            68px !important;

    }


    .mv-history-why .mv-section-eyebrow,
    .mv-history-why .mv-section-kicker,
    .mv-history-why .eyebrow,
    .mv-history-why__eyebrow,
    .mv-history-why h2,
    .mv-history-why__title {

        top:
            -20px !important;

    }

}

/* MOTAVIO_HERO_RIGHT_V12_START */


/* ============================================================
   NUR RECHTE HERO-SEITE
   ============================================================ */

.mv-hero-v11__right.mv-hr12 {
    position: relative !important;
    width: 100% !important;
    max-width: 690px !important;
    min-height: 620px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    isolation: isolate;
}


/* dezente Kreise wie Referenz */

.mv-hr12__rings {
    position: absolute;
    z-index: 0;
    width: 610px;
    height: 610px;
    left: 55%;
    top: 45%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background:
        repeating-radial-gradient(
            circle,
            transparent 0 38px,
            rgba(22,143,230,.050) 39px 40px
        ),
        radial-gradient(
            circle,
            rgba(22,143,230,.115) 0%,
            rgba(22,143,230,.045) 45%,
            transparent 68%
        );
    pointer-events: none;
}


/* ============================================================
   KILOMETER-KARTE
   ============================================================ */

.mv-hr12__km {
    position: absolute;
    z-index: 8;
    left: 0;
    top: 0;
    width: 292px;
    min-height: 188px;
    padding: 14px 16px 13px;
    border: 1px solid #D9E7F2;
    border-radius: 17px;
    background: rgba(255,255,255,.985);
    box-shadow: 0 16px 38px rgba(7,26,44,.075);
}

.mv-hr12__warning {
    min-height: 20px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    margin-bottom: 7px;
    border-radius: 999px;
    color: #FFF;
    background: #EF3434;
    font-size: 8px;
    line-height: 1;
    font-weight: 950;
}

.mv-hr12__km h3 {
    margin: 0 !important;
    color: #071A2C !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
}

.mv-hr12__km > p {
    margin: 4px 0 0 !important;
    color: #365A75 !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
}

.mv-hr12__chart {
    width: 100%;
    height: 112px;
    display: block;
    margin-top: 6px;
}

.mv-hr12__manipulation {
    position: absolute;
    right: 11px;
    bottom: 12px;
    min-height: 21px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    border-radius: 999px;
    color: #E43434;
    background: #FFF0F0;
    font-size: 7px;
    font-weight: 800;
}


/* ============================================================
   INFO-KARTE
   ============================================================ */

.mv-hr12__info {
    position: absolute;
    z-index: 8;
    width: 215px;
    right: 0;
    top: 22px;
    padding: 16px 17px;
    border: 1px solid #D9E7F2;
    border-radius: 16px;
    background: rgba(255,255,255,.985);
    box-shadow: 0 16px 38px rgba(7,26,44,.07);
}

.mv-hr12__info > span {
    display: block;
    margin-bottom: 9px;
    color: #168FE6;
    font-size: 8px;
    line-height: 1;
    font-weight: 950;
}

.mv-hr12__info > strong {
    display: block;
    color: #071A2C;
    font-size: 14px;
    line-height: 1.28;
    font-weight: 900;
}

.mv-hr12__info > p {
    margin: 8px 0 0 !important;
    color: #365A75 !important;
    font-size: 9px !important;
    line-height: 1.45 !important;
}


/* ============================================================
   AUTO
   ============================================================ */

.mv-hr12__car-window {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 145px;
    width: 625px;
    height: 365px;
    transform: translateX(-50%);
    overflow: hidden;
    pointer-events: none;
}

.mv-hr12__car-halo {
    position: absolute;
    z-index: 0;
    width: 500px;
    height: 500px;
    left: 54%;
    top: 53%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background:
        radial-gradient(
            circle,
            rgba(22,143,230,.12),
            rgba(22,143,230,.035) 55%,
            transparent 72%
        );
}

.mv-hr12__car {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center bottom;
    filter:
        saturate(.98)
        contrast(1.02)
        drop-shadow(
            0 24px 18px
            rgba(7,26,44,.14)
        );
}


/*
 * Fallback bei bisherigem hero-right.png:
 * nur den Fahrzeugbereich aus dem Composite herauscroppen.
 */

.mv-hr12__car-window--composite {
    width: 625px;
    height: 360px;
}

.mv-hr12__car--composite {
    inset: auto !important;
    width: 178% !important;
    height: 178% !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%,-49%) !important;
    object-fit: cover !important;
    object-position: 63% 62% !important;
    filter:
        saturate(.98)
        contrast(1.035)
        drop-shadow(
            0 24px 18px
            rgba(7,26,44,.13)
        ) !important;
}


/* Kennzeichen nur beim Composite-Fallback */

.mv-hr12__plate {
    position: absolute;
    z-index: 6;
    left: 48.3%;
    top: 65.4%;
    transform:
        translate(-50%,-50%)
        rotate(-.7deg);
    padding: 2px 7px 3px;
    border: 2px solid #101820;
    border-radius: 2px;
    color: #071A2C;
    background: #FFF;
    box-shadow: 0 1px 2px rgba(0,0,0,.18);
    font-size: 12px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -.025em;
}


/* ============================================================
   UNTERE ZWEI KARTEN
   ============================================================ */

.mv-hr12__evidence {
    position: absolute;
    z-index: 12;
    left: 0;
    right: 0;
    bottom: 4px;
    display: grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(0,.92fr);
    gap: 11px;
    align-items: stretch;
}


/* ============================================================
   VERKAUFSANZEIGE
   ============================================================ */

.mv-hr12__listing {
    position: relative;
    min-width: 0;
    min-height: 151px;
    display: grid;
    grid-template-columns: 92px minmax(0,1fr);
    grid-template-rows: 1fr 36px;
    gap: 0 11px;
    padding: 10px 10px 0;
    overflow: hidden;
    border: 1px solid rgba(255,154,55,.47);
    border-radius: 13px;
    background: rgba(255,255,255,.985);
    box-shadow: 0 15px 35px rgba(7,26,44,.065);
}

.mv-hr12__listing-photo {
    width: 92px;
    height: 88px;
    align-self: center;
    border-radius: 8px;
    background-color: #F1F5F8;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.mv-hr12__listing-photo--composite {
    background-size: 285%;
    background-position: 64% 60%;
}

.mv-hr12__listing-copy {
    position: relative;
    min-width: 0;
    padding: 2px 19px 0 0;
}

.mv-hr12__heart {
    position: absolute;
    right: 0;
    top: -2px;
    color: #168FE6;
    font-size: 19px;
    line-height: 1;
}

.mv-hr12__listing h4 {
    margin: 0 !important;
    color: #071A2C !important;
    font-size: 12px !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
}

.mv-hr12__meta {
    margin: 4px 0 0 !important;
    color: #315979 !important;
    font-size: 7.5px !important;
    line-height: 1.35 !important;
    white-space: nowrap;
}

.mv-hr12__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 6px;
}

.mv-hr12__badges > span {
    min-height: 17px;
    display: inline-flex;
    align-items: center;
    padding: 0 6px;
    border-radius: 999px;
    color: #267541;
    background: #ECF8EE;
    font-size: 6.5px;
    line-height: 1;
    font-weight: 850;
}

.mv-hr12__price {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 7px;
}

.mv-hr12__price strong {
    color: #071A2C;
    font-size: 18px;
    line-height: 1;
    font-weight: 950;
}

.mv-hr12__price em {
    min-height: 18px;
    display: inline-flex;
    align-items: center;
    padding: 0 7px;
    border-radius: 999px;
    color: #C56A0A;
    background: #FFF0DB;
    font-size: 6.5px;
    line-height: 1;
    font-style: normal;
    font-weight: 900;
}

.mv-hr12__report-link {
    grid-column: 1 / -1;
    width: calc(100% + 20px);
    height: 36px;
    margin: 7px -10px 0;
    padding: 0 11px;
    display: flex;
    align-items: center;
    border: 0;
    border-top: 1px solid rgba(22,143,230,.15);
    color: #168FE6;
    background: #F7FBFF;
    font-family: inherit;
    font-size: 8.5px;
    line-height: 1;
    font-weight: 900;
    text-align: left;
    cursor: pointer;
}

.mv-hr12__report-link:hover {
    background: #EEF8FF;
}


/* ============================================================
   TOTALSCHADEN
   ============================================================ */

.mv-hr12__damage {
    min-width: 0;
    min-height: 151px;
    display: grid;
    grid-template-columns:
        minmax(100px,.77fr)
        minmax(120px,1.23fr);
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(239,52,52,.20);
    border-radius: 13px;
    background: rgba(255,253,253,.99);
    box-shadow: 0 15px 35px rgba(7,26,44,.055);
}

.mv-hr12__damage-copy {
    align-self: center;
    min-width: 0;
}

.mv-hr12__damage-copy > span {
    display: block;
    margin-bottom: 8px;
    color: #EF3434;
    font-size: 7px;
    line-height: 1;
    font-weight: 950;
}

.mv-hr12__damage-copy > strong {
    display: block;
    color: #D82C2C;
    font-size: 15px;
    line-height: 1.18;
    font-weight: 950;
}

.mv-hr12__damage-copy > small {
    display: block;
    margin-top: 8px;
    color: #536E84;
    font-size: 7.5px;
    line-height: 1.3;
}

.mv-hr12__damage-photo {
    width: 100%;
    height: 100%;
    min-height: 107px;
    align-self: stretch;
    border-radius: 8px;
    background-color: #EEF3F6;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.mv-hr12__damage-photo--report {
    background-size: 355%;
    background-position: 93% 35%;
}


/* ============================================================
   DESKTOP ETWAS KLEINER BEI SCHMALER RECHTER SPALTE
   ============================================================ */

@media (max-width: 1280px) and (min-width: 981px) {

    .mv-hero-v11__right.mv-hr12 {
        transform: scale(.93);
        transform-origin: center top;
        width: 107.5% !important;
        margin-right: -3.75% !important;
    }

}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 980px) {

    .mv-hero-v11__right.mv-hr12 {
        width: min(690px,100%) !important;
        max-width: 690px !important;
        min-height: 620px !important;
        margin: 0 auto !important;
    }

}


/* ============================================================
   MOBILE
   Nur rechte Seite responsiv.
   ============================================================ */

@media (max-width: 650px) {

    .mv-hero-v11__right.mv-hr12 {
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 1.12fr .88fr;
        gap: 9px;
        transform: none !important;
    }

    .mv-hr12__rings {
        width: 500px;
        height: 500px;
        top: 36%;
    }

    .mv-hr12__km,
    .mv-hr12__info,
    .mv-hr12__car-window,
    .mv-hr12__evidence {
        position: relative !important;
        inset: auto !important;
    }

    .mv-hr12__km {
        width: auto;
        min-height: 158px;
        padding: 11px 12px;
    }

    .mv-hr12__info {
        width: auto;
        top: auto;
        padding: 12px;
    }

    .mv-hr12__info > strong {
        font-size: 11px;
    }

    .mv-hr12__chart {
        height: 88px;
    }

    .mv-hr12__car-window {
        grid-column: 1 / -1;
        width: 100%;
        height: 280px;
        transform: none;
    }

    .mv-hr12__car-window--composite {
        width: 100%;
    }

    .mv-hr12__evidence {
        grid-column: 1 / -1;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .mv-hr12__listing,
    .mv-hr12__damage {
        min-height: 145px;
    }

}


/* MOTAVIO_HERO_RIGHT_V12_END */


/* ============================================================
   MOTAVIO · RIGHT HERO PERFECT CROP V13
   NUR RECHTE FAHRZEUGDARSTELLUNG
   ============================================================ */


/* ============================================================
   RECHTE STAGE
   ============================================================ */

.mv-hero-v11__right.mv-hr12 {

    max-width:
        650px !important;

    min-height:
        600px !important;

}


/* ============================================================
   AUTO-STAGE
   ============================================================ */

.mv-hr12__car-window,
.mv-hr12__car-window--composite {

    position:
        absolute !important;

    z-index:
        4 !important;

    left:
        50% !important;

    top:
        147px !important;

    width:
        610px !important;

    height:
        345px !important;

    transform:
        translateX(-50%) !important;

    overflow:
        hidden !important;

    border-radius:
        22px !important;

    background:
        transparent !important;

    pointer-events:
        none !important;

}


/* ============================================================
   COMPOSITE:
   STÄRKER AUF DAS AUTO ZOOMEN

   Dadurch fliegen:
   - Risikoeinschätzung
   - Marktwert & Trends
   - Kundenfeedback
   aus dem sichtbaren Ausschnitt.
   ============================================================ */

.mv-hr12__car--composite {

    position:
        absolute !important;

    z-index:
        2 !important;

    width:
        232% !important;

    height:
        232% !important;

    max-width:
        none !important;

    left:
        50% !important;

    top:
        52% !important;

    transform:
        translate(
            -50%,
            -50%
        ) !important;

    object-fit:
        cover !important;

    object-position:
        61% 60% !important;

    filter:
        saturate(.98)
        contrast(1.035)
        brightness(1.015)
        drop-shadow(
            0 22px 18px
            rgba(7,26,44,.12)
        ) !important;

}


/* ============================================================
   WEICHE RANDMASKIERUNG
   versteckt eventuelle letzte Composite-Reste
   ============================================================ */

.mv-hr12__car-window--composite::before {

    content:
        "" !important;

    position:
        absolute !important;

    z-index:
        5 !important;

    inset:
        0 !important;

    pointer-events:
        none !important;

    background:

        linear-gradient(
            90deg,
            rgba(247,251,255,.96) 0%,
            rgba(247,251,255,.42) 7%,
            transparent 15%,
            transparent 84%,
            rgba(247,251,255,.38) 93%,
            rgba(247,251,255,.96) 100%
        ),

        linear-gradient(
            180deg,
            rgba(247,251,255,.70) 0%,
            transparent 12%,
            transparent 87%,
            rgba(247,251,255,.72) 100%
        );

}


/* ============================================================
   UNFALLFREI?-KENNZEICHEN

   sitzt jetzt über dem alten MOTAVIO-Kennzeichen
   ============================================================ */

.mv-hr12__plate {

    position:
        absolute !important;

    z-index:
        20 !important;

    left:
        47.6% !important;

    top:
        67.2% !important;

    width:
        104px !important;

    height:
        27px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        0 5px !important;

    border:
        2px solid
        #111820 !important;

    border-radius:
        2px !important;

    color:
        #071A2C !important;

    background:
        #FFFFFF !important;

    box-shadow:
        0 1px 3px
        rgba(0,0,0,.22) !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        13px !important;

    line-height:
        1 !important;

    font-weight:
        900 !important;

    letter-spacing:
        -.03em !important;

    transform:
        translate(
            -50%,
            -50%
        )
        rotate(-.5deg) !important;

}


/* kleiner EU-Streifen */

.mv-hr12__plate::before {

    content:
        "D" !important;

    position:
        absolute !important;

    left:
        -2px !important;

    top:
        -2px !important;

    width:
        14px !important;

    height:
        27px !important;

    display:
        flex !important;

    align-items:
        flex-end !important;

    justify-content:
        center !important;

    padding-bottom:
        3px !important;

    color:
        #FFFFFF !important;

    background:
        #145BC5 !important;

    border-radius:
        2px 0 0 2px !important;

    font-size:
        6px !important;

    line-height:
        1 !important;

    font-weight:
        700 !important;

}


/* ============================================================
   KILOMETER + MOTAVIO CARD
   leicht kompakter / klarer
   ============================================================ */

.mv-hr12__km {

    width:
        285px !important;

    min-height:
        182px !important;

    left:
        5px !important;

    top:
        0 !important;

}


.mv-hr12__info {

    width:
        207px !important;

    right:
        2px !important;

    top:
        21px !important;

}


/* ============================================================
   UNTERE KARTEN
   leicht kleiner und sauber im Raster
   ============================================================ */

.mv-hr12__evidence {

    left:
        4px !important;

    right:
        4px !important;

    bottom:
        3px !important;

    grid-template-columns:
        1.06fr
        .94fr !important;

    gap:
        10px !important;

}


.mv-hr12__listing {

    min-height:
        144px !important;

}


.mv-hr12__damage {

    min-height:
        144px !important;

}


/* ============================================================
   VERKAUFSANZEIGE
   ============================================================ */

.mv-hr12__listing-photo {

    width:
        86px !important;

    height:
        80px !important;

}


.mv-hr12__listing-photo--composite {

    background-size:
        345% !important;

    background-position:
        61% 61% !important;

}


.mv-hr12__listing h4 {

    font-size:
        11.5px !important;

}


.mv-hr12__price strong {

    font-size:
        17px !important;

}


/* ============================================================
   TOTALSCHADEN
   ============================================================ */

.mv-hr12__damage {

    grid-template-columns:
        .74fr
        1.26fr !important;

}


.mv-hr12__damage-copy > strong {

    font-size:
        14px !important;

}


.mv-hr12__damage-photo {

    min-height:
        101px !important;

}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1280px) and (min-width: 981px) {

    .mv-hero-v11__right.mv-hr12 {

        transform:
            scale(.94) !important;

        transform-origin:
            center top !important;

        width:
            106.4% !important;

        margin-right:
            -3.2% !important;

    }

}


@media (max-width: 980px) {

    .mv-hero-v11__right.mv-hr12 {

        width:
            min(650px,100%) !important;

        margin:
            0 auto !important;

        transform:
            none !important;

    }

}


@media (max-width: 650px) {

    .mv-hr12__car-window,
    .mv-hr12__car-window--composite {

        width:
            100% !important;

        height:
            278px !important;

    }


    .mv-hr12__car--composite {

        width:
            225% !important;

        height:
            225% !important;

    }


    .mv-hr12__plate {

        width:
            82px !important;

        height:
            23px !important;

        font-size:
            10px !important;

    }


    .mv-hr12__plate::before {

        width:
            12px !important;

        height:
            23px !important;

    }

}

/* MOTAVIO_CURVE_CTA_FINAL_START */


/* ============================================================
   HERO -> VIDEO
   FINALER RHYTHMUS
   ============================================================ */

/*
 * Alle vorherigen Mikroverschiebungen werden
 * hier bewusst wieder auf einen klaren,
 * mittleren Endzustand gebracht.
 */

.mv-hero-v11 {

    position:
        relative !important;

    padding-bottom:
        94px !important;

}


/* ============================================================
   BOGEN
   weder zu hoch noch zu tief
   ============================================================ */

.mv-hero-v11::after {

    content:
        "" !important;

    position:
        absolute !important;

    z-index:
        4 !important;

    left:
        50% !important;

    bottom:
        -56px !important;

    width:
        138% !important;

    height:
        118px !important;

    transform:
        translateX(-50%) !important;

    border:
        0 !important;

    border-top:
        0 !important;

    outline:
        0 !important;

    border-radius:
        50% 50% 0 0 /
        100% 100% 0 0 !important;

    background:
        #FFFFFF !important;

    box-shadow:
        none !important;

    pointer-events:
        none !important;

}


/* ============================================================
   VIDEO SECTION
   ============================================================ */

.mv-history-why {

    position:
        relative !important;

    z-index:
        5 !important;

    margin-top:
        0 !important;

    padding-top:
        70px !important;

    border-top:
        0 !important;

    background:
        #FFFFFF !important;

}


/*
 * Alte top:-18 / -36 etc.
 * vollständig neutralisieren.
 */

.mv-history-why__head {

    position:
        relative !important;

    top:
        0 !important;

    transform:
        none !important;

    margin:
        0 auto 31px !important;

}


.mv-history-why__eyebrow {

    position:
        static !important;

    top:
        auto !important;

    transform:
        none !important;

    margin:
        0 0 9px !important;

}


.mv-history-why__title {

    position:
        static !important;

    top:
        auto !important;

    transform:
        none !important;

    margin:
        0 !important;

    line-height:
        1.04 !important;

}


/* Überschrift -> Video */

.mv-history-why__content {

    margin-top:
        0 !important;

    gap:
        28px !important;

    align-items:
        start !important;

}


/* ============================================================
   VIDEO-COLUMN
   ============================================================ */

.mv-history-why__video-column {

    min-width:
        0;

    width:
        100%;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

}


.mv-history-why__video-column
.mv-history-why__video {

    width:
        100% !important;

    margin:
        0 !important;

}


/* ============================================================
   NEUER CTA UNTER VIDEO
   ============================================================ */

.mv-history-why__video-cta {

    min-width:
        235px;

    min-height:
        50px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        10px;

    margin-top:
        18px;

    padding:
        0 24px;

    border:
        0;

    border-radius:
        11px;

    color:
        #FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #168FE6,
            #0F7FD1
        );

    box-shadow:
        0 12px 28px
        rgba(22,143,230,.22);

    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        sans-serif;

    font-size:
        14px;

    line-height:
        1;

    font-weight:
        850;

    text-decoration:
        none !important;

    transition:
        transform .16s ease,
        box-shadow .16s ease;

}


.mv-history-why__video-cta:hover {

    color:
        #FFFFFF !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 16px 32px
        rgba(22,143,230,.28);

}


/* ============================================================
   EINHEITLICHE FAHRZEUG-CTA-OPTIK
   ============================================================ */

.mv-vin-hero-v4__submit,
.mv-process-v3__cta,
.mv-support-v1__button--primary,
[data-mv-vc-main-cta="1"] {

    color:
        #FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #168FE6,
            #0F7FD1
        ) !important;

}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 980px) {

    .mv-hero-v11 {

        padding-bottom:
            82px !important;

    }


    .mv-hero-v11::after {

        bottom:
            -48px !important;

        width:
            154% !important;

        height:
            105px !important;

    }


    .mv-history-why {

        padding-top:
            60px !important;

    }


    .mv-history-why__head {

        margin-bottom:
            26px !important;

    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 650px) {

    .mv-hero-v11 {

        padding-bottom:
            70px !important;

    }


    .mv-hero-v11::after {

        bottom:
            -40px !important;

        width:
            185% !important;

        height:
            90px !important;

    }


    .mv-history-why {

        padding-top:
            50px !important;

    }


    .mv-history-why__head {

        margin-bottom:
            22px !important;

    }


    .mv-history-why__content {

        gap:
            20px !important;

    }


    .mv-history-why__video-cta {

        width:
            100%;

        min-width:
            0;

        min-height:
            48px;

        margin-top:
            14px;

    }

}


/* MOTAVIO_CURVE_CTA_FINAL_END */


/* ============================================================
   MOTAVIO · CLEAN RIGHT HERO V14
   ausschließlich rechte Seite
   ============================================================ */


/* ------------------------------------------------------------
   Ganze rechte Komposition etwas nach links öffnen
   ------------------------------------------------------------ */

.mv-hero-v11__right.mv-hr12 {

    width:
        calc(100% + 54px) !important;

    max-width:
        735px !important;

    min-height:
        610px !important;

    margin-left:
        -54px !important;

    margin-right:
        0 !important;

    transform:
        none !important;

    overflow:
        visible !important;

}


/* ------------------------------------------------------------
   Hintergrund
   ------------------------------------------------------------ */

.mv-hr12__rings {

    width:
        630px !important;

    height:
        630px !important;

    left:
        54% !important;

    top:
        45% !important;

}


/* ------------------------------------------------------------
   Kilometerkarte
   ------------------------------------------------------------ */

.mv-hr12__km {

    left:
        18px !important;

    top:
        0 !important;

    width:
        300px !important;

    min-height:
        182px !important;

}


/* ------------------------------------------------------------
   Motavio-Info
   ------------------------------------------------------------ */

.mv-hr12__info {

    right:
        2px !important;

    top:
        20px !important;

    width:
        215px !important;

}


/* ============================================================
   SAUBERES AUTO
   ============================================================ */

.mv-hr12__car-window {

    position:
        absolute !important;

    z-index:
        4 !important;

    left:
        51% !important;

    top:
        142px !important;

    width:
        690px !important;

    height:
        380px !important;

    transform:
        translateX(-50%) !important;

    overflow:
        visible !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    pointer-events:
        none !important;

}


/* alte Composite-Masken weg */

.mv-hr12__car-window::before,
.mv-hr12__car-window::after {

    display:
        none !important;

}


/* echtes PNG */

.mv-hr12__car {

    position:
        absolute !important;

    z-index:
        3 !important;

    inset:
        auto !important;

    left:
        50% !important;

    bottom:
        0 !important;

    width:
        655px !important;

    max-width:
        none !important;

    height:
        365px !important;

    transform:
        translateX(-50%) !important;

    object-fit:
        contain !important;

    object-position:
        center bottom !important;

    clip-path:
        none !important;

    filter:
        saturate(.98)
        contrast(1.02)
        drop-shadow(
            0 26px 18px
            rgba(7,26,44,.13)
        ) !important;

}


/* künstliches Kennzeichen sicher deaktivieren */

.mv-hr12__plate {

    display:
        none !important;

}


/* ============================================================
   UNTERE KARTEN
   ============================================================ */

.mv-hr12__evidence {

    left:
        12px !important;

    right:
        3px !important;

    bottom:
        0 !important;

    grid-template-columns:
        1.08fr
        .92fr !important;

    gap:
        11px !important;

}


/* ------------------------------------------------------------
   Verkaufsanzeige
   ------------------------------------------------------------ */

.mv-hr12__listing {

    min-height:
        146px !important;

    grid-template-columns:
        89px
        minmax(0,1fr) !important;

    padding:
        10px 10px 0 !important;

}


.mv-hr12__listing-photo {

    width:
        89px !important;

    height:
        79px !important;

    background-size:
        contain !important;

    background-position:
        center !important;

    background-repeat:
        no-repeat !important;

}


.mv-hr12__listing h4 {

    font-size:
        11.5px !important;

}


.mv-hr12__meta {

    font-size:
        7.3px !important;

}


.mv-hr12__badges {

    gap:
        3px !important;

}


.mv-hr12__badges > span {

    font-size:
        6.3px !important;

}


.mv-hr12__price strong {

    font-size:
        17px !important;

}


.mv-hr12__report-link {

    color:
        #168FE6 !important;

    background:
        #F7FBFF !important;

}


/* ------------------------------------------------------------
   Totalschaden
   ------------------------------------------------------------ */

.mv-hr12__damage {

    min-height:
        146px !important;

    grid-template-columns:
        .75fr
        1.25fr !important;

    gap:
        8px !important;

    padding:
        10px !important;

}


.mv-hr12__damage-copy > strong {

    font-size:
        14px !important;

}


.mv-hr12__damage-photo {

    min-height:
        101px !important;

}


/* ============================================================
   1280px
   ============================================================ */

@media (
    max-width: 1280px
) and (
    min-width: 981px
) {

    .mv-hero-v11__right.mv-hr12 {

        width:
            calc(100% + 34px) !important;

        max-width:
            700px !important;

        margin-left:
            -34px !important;

        transform:
            scale(.96) !important;

        transform-origin:
            center top !important;

    }

}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 980px) {

    .mv-hero-v11__right.mv-hr12 {

        width:
            min(
                700px,
                100%
            ) !important;

        margin:
            0 auto !important;

        transform:
            none !important;

    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 650px) {

    .mv-hero-v11__right.mv-hr12 {

        width:
            100% !important;

        min-height:
            auto !important;

        margin:
            0 !important;

    }


    .mv-hr12__car-window {

        position:
            relative !important;

        left:
            auto !important;

        top:
            auto !important;

        width:
            100% !important;

        height:
            295px !important;

        transform:
            none !important;

    }


    .mv-hr12__car {

        width:
            100% !important;

        height:
            285px !important;

    }

}



/* ============================================================
   MOTAVIO · CLEAN RIGHT HERO V14
   ausschließlich rechte Seite
   ============================================================ */


/* ------------------------------------------------------------
   Ganze rechte Komposition etwas nach links öffnen
   ------------------------------------------------------------ */

.mv-hero-v11__right.mv-hr12 {

    width:
        calc(100% + 54px) !important;

    max-width:
        735px !important;

    min-height:
        610px !important;

    margin-left:
        -54px !important;

    margin-right:
        0 !important;

    transform:
        none !important;

    overflow:
        visible !important;

}


/* ------------------------------------------------------------
   Hintergrund
   ------------------------------------------------------------ */

.mv-hr12__rings {

    width:
        630px !important;

    height:
        630px !important;

    left:
        54% !important;

    top:
        45% !important;

}


/* ------------------------------------------------------------
   Kilometerkarte
   ------------------------------------------------------------ */

.mv-hr12__km {

    left:
        18px !important;

    top:
        0 !important;

    width:
        300px !important;

    min-height:
        182px !important;

}


/* ------------------------------------------------------------
   Motavio-Info
   ------------------------------------------------------------ */

.mv-hr12__info {

    right:
        2px !important;

    top:
        20px !important;

    width:
        215px !important;

}


/* ============================================================
   SAUBERES AUTO
   ============================================================ */

.mv-hr12__car-window {

    position:
        absolute !important;

    z-index:
        4 !important;

    left:
        51% !important;

    top:
        142px !important;

    width:
        690px !important;

    height:
        380px !important;

    transform:
        translateX(-50%) !important;

    overflow:
        visible !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    pointer-events:
        none !important;

}


/* alte Composite-Masken weg */

.mv-hr12__car-window::before,
.mv-hr12__car-window::after {

    display:
        none !important;

}


/* echtes PNG */

.mv-hr12__car {

    position:
        absolute !important;

    z-index:
        3 !important;

    inset:
        auto !important;

    left:
        50% !important;

    bottom:
        0 !important;

    width:
        655px !important;

    max-width:
        none !important;

    height:
        365px !important;

    transform:
        translateX(-50%) !important;

    object-fit:
        contain !important;

    object-position:
        center bottom !important;

    clip-path:
        none !important;

    filter:
        saturate(.98)
        contrast(1.02)
        drop-shadow(
            0 26px 18px
            rgba(7,26,44,.13)
        ) !important;

}


/* künstliches Kennzeichen sicher deaktivieren */

.mv-hr12__plate {

    display:
        none !important;

}


/* ============================================================
   UNTERE KARTEN
   ============================================================ */

.mv-hr12__evidence {

    left:
        12px !important;

    right:
        3px !important;

    bottom:
        0 !important;

    grid-template-columns:
        1.08fr
        .92fr !important;

    gap:
        11px !important;

}


/* ------------------------------------------------------------
   Verkaufsanzeige
   ------------------------------------------------------------ */

.mv-hr12__listing {

    min-height:
        146px !important;

    grid-template-columns:
        89px
        minmax(0,1fr) !important;

    padding:
        10px 10px 0 !important;

}


.mv-hr12__listing-photo {

    width:
        89px !important;

    height:
        79px !important;

    background-size:
        contain !important;

    background-position:
        center !important;

    background-repeat:
        no-repeat !important;

}


.mv-hr12__listing h4 {

    font-size:
        11.5px !important;

}


.mv-hr12__meta {

    font-size:
        7.3px !important;

}


.mv-hr12__badges {

    gap:
        3px !important;

}


.mv-hr12__badges > span {

    font-size:
        6.3px !important;

}


.mv-hr12__price strong {

    font-size:
        17px !important;

}


.mv-hr12__report-link {

    color:
        #168FE6 !important;

    background:
        #F7FBFF !important;

}


/* ------------------------------------------------------------
   Totalschaden
   ------------------------------------------------------------ */

.mv-hr12__damage {

    min-height:
        146px !important;

    grid-template-columns:
        .75fr
        1.25fr !important;

    gap:
        8px !important;

    padding:
        10px !important;

}


.mv-hr12__damage-copy > strong {

    font-size:
        14px !important;

}


.mv-hr12__damage-photo {

    min-height:
        101px !important;

}


/* ============================================================
   1280px
   ============================================================ */

@media (
    max-width: 1280px
) and (
    min-width: 981px
) {

    .mv-hero-v11__right.mv-hr12 {

        width:
            calc(100% + 34px) !important;

        max-width:
            700px !important;

        margin-left:
            -34px !important;

        transform:
            scale(.96) !important;

        transform-origin:
            center top !important;

    }

}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 980px) {

    .mv-hero-v11__right.mv-hr12 {

        width:
            min(
                700px,
                100%
            ) !important;

        margin:
            0 auto !important;

        transform:
            none !important;

    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 650px) {

    .mv-hero-v11__right.mv-hr12 {

        width:
            100% !important;

        min-height:
            auto !important;

        margin:
            0 !important;

    }


    .mv-hr12__car-window {

        position:
            relative !important;

        left:
            auto !important;

        top:
            auto !important;

        width:
            100% !important;

        height:
            295px !important;

        transform:
            none !important;

    }


    .mv-hr12__car {

        width:
            100% !important;

        height:
            285px !important;

    }

}



/* ============================================================
   MOTAVIO · IMAGE FIX
   Verkaufsanzeige + Totalschaden Frontbild
   ============================================================ */

.mv-hr12__listing-photo {
  width: 89px !important;
  height: 79px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #f5f8fc !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.mv-hr12__listing-photo-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
}

.mv-hr12__damage-photo {
  width: 100% !important;
  min-height: 108px !important;
  height: 108px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #f6f8fb !important;
  display: block !important;
}

.mv-hr12__damage-photo-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

.mv-hr12__damage-gallery,
.mv-hr12__damage-grid,
.mv-hr12__damage-thumbs {
  display: none !important;
}



/* ============================================================
   MOTAVIO · FORCE IMAGE SLOT FIX V15
   ============================================================ */


/* ============================================================
   VERKAUFSANZEIGE
   ============================================================ */

.mv-hr12__listing-photo.mv-force-listing-photo {

    position:
        relative !important;

    width:
        89px !important;

    height:
        80px !important;

    min-width:
        89px !important;

    min-height:
        80px !important;

    display:
        block !important;

    align-self:
        center !important;

    overflow:
        hidden !important;

    border-radius:
        9px !important;

    background-color:
        #F4F8FB !important;

    background-repeat:
        no-repeat !important;

    background-size:
        contain !important;

    background-position:
        center center !important;

    opacity:
        1 !important;

    visibility:
        visible !important;

}


/* eventuelle Kind-IMG komplett weg */

.mv-force-listing-photo img {

    display:
        none !important;

}


/* ============================================================
   TOTALSCHADEN
   ============================================================ */

.mv-hr12__damage-photo.mv-force-damage-photo {

    position:
        relative !important;

    width:
        100% !important;

    height:
        108px !important;

    min-height:
        108px !important;

    display:
        block !important;

    align-self:
        center !important;

    overflow:
        hidden !important;

    border-radius:
        9px !important;

    background-color:
        #F3F6F8 !important;

    background-repeat:
        no-repeat !important;

    background-size:
        cover !important;

    background-position:
        center center !important;

    opacity:
        1 !important;

    visibility:
        visible !important;

}


/*
 * Fallback:
 * wenn wir nur den großen Report besitzen,
 * zoomen wir auf EIN historisches Frontschaden-Foto.
 *
 * Nicht mehr 6 Kacheln.
 */

.mv-hr12__damage-photo.mv-force-damage-photo--report {

    background-size:
        430% !important;

    /*
     * rechter oberer Bereich des
     * historischen Bilder-Panels
     */

    background-position:
        84% 29% !important;

}


/* Kind-IMG sicher weg */

.mv-force-damage-photo img {

    display:
        none !important;

}


/* alte Gallery / Grid-Ausgaben deaktivieren */

.mv-hr12__damage-gallery,
.mv-hr12__damage-grid,
.mv-hr12__damage-thumbs,
.mv-hr12__damage-photo-img {

    display:
        none !important;

}


/* ============================================================
   CARD-AUSRICHTUNG
   ============================================================ */

.mv-hr12__listing {

    grid-template-columns:
        89px
        minmax(0,1fr) !important;

}


.mv-hr12__damage {

    grid-template-columns:
        .73fr
        1.27fr !important;

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width:650px) {

    .mv-hr12__listing-photo.mv-force-listing-photo {

        width:
            88px !important;

        height:
            76px !important;

    }


    .mv-hr12__damage-photo.mv-force-damage-photo {

        height:
            96px !important;

        min-height:
            96px !important;

    }

}

/* MOTAVIO_IMAGE_VISIBILITY_FINAL_START */


/* ============================================================
   VERKAUFSANZEIGE:
   Bild explizit NACH allen alten background:... Regeln setzen.
   ============================================================ */

.mv-hr12__listing-photo,
.mv-hr12__listing-photo.mv-force-listing-photo {

    background-image:
        url('/static/img/fahrzeugcheck/v14/motavio-hero-car.png?v=fix15') !important;

    background-color:
        #F4F8FB !important;

    background-repeat:
        no-repeat !important;

    background-size:
        contain !important;

    background-position:
        center center !important;

    opacity:
        1 !important;

    visibility:
        visible !important;

}


/* ============================================================
   TOTALSCHADEN:
   Bild ebenfalls explizit zurücksetzen.
   ============================================================ */

.mv-hr12__damage-photo,
.mv-hr12__damage-photo.mv-force-damage-photo {

    background-image:
        url('/static/img/fahrzeugcheck/example-report/report-risk-full.png?v=fix15') !important;

    background-color:
        #F4F7F9 !important;

    background-repeat:
        no-repeat !important;

    
    background-size: 430% !important;
    background-position: 83% 27% !important;
    

    opacity:
        1 !important;

    visibility:
        visible !important;

}


/* IMG-Kinder aus den früheren Versuchen bleiben weg,
   damit nicht zwei Systeme übereinander rendern. */

.mv-hr12__listing-photo > img,
.mv-hr12__damage-photo > img {

    display:
        none !important;

}


/* MOTAVIO_IMAGE_VISIBILITY_FINAL_END */


/* ============================================================
   MOTAVIO · LISTING CARD POLISH V2
   Echte aktuelle HR12-Klassen
   ============================================================ */


/* Gesamtkarte */

.mv-hr12__listing {

    border:
        1px solid
        rgba(255,154,55,.44) !important;

    border-radius:
        14px !important;

    background:
        #FFFFFF !important;

    box-shadow:
        0 12px 28px
        rgba(7,26,44,.065) !important;

}


/* ============================================================
   TITEL
   ============================================================ */

.mv-hr12__listing h4 {

    margin:
        0 !important;

    color:
        #071A2C !important;

    font-size:
        13px !important;

    line-height:
        1.18 !important;

    font-weight:
        900 !important;

    letter-spacing:
        -.025em !important;

}


/* ============================================================
   METADATEN
   ============================================================ */

.mv-hr12__meta {

    margin-top:
        5px !important;

    color:
        #45647E !important;

    font-size:
        8.5px !important;

    line-height:
        1.38 !important;

    font-weight:
        650 !important;

}


/* ============================================================
   BADGES
   ============================================================ */

.mv-hr12__badges {

    display:
        flex !important;

    flex-wrap:
        wrap !important;

    gap:
        5px !important;

    margin-top:
        7px !important;

}


.mv-hr12__badges > span {

    min-height:
        19px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    padding:
        0 7px !important;

    border-radius:
        999px !important;

    color:
        #23733D !important;

    background:
        #EAF7EC !important;

    font-size:
        7px !important;

    line-height:
        1 !important;

    font-weight:
        850 !important;

}


/* ============================================================
   PREIS
   ============================================================ */

.mv-hr12__price {

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        8px !important;

    margin-top:
        8px !important;

}


.mv-hr12__price strong {

    color:
        #071A2C !important;

    font-size:
        20px !important;

    line-height:
        1 !important;

    font-weight:
        950 !important;

    letter-spacing:
        -.035em !important;

}


.mv-hr12__price em {

    min-height:
        20px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    padding:
        0 8px !important;

    border-radius:
        999px !important;

    color:
        #C66905 !important;

    background:
        #FFF0DA !important;

    font-size:
        7px !important;

    line-height:
        1 !important;

    font-style:
        normal !important;

    font-weight:
        900 !important;

}


/* ============================================================
   HERZ
   ============================================================ */

.mv-hr12__heart {

    color:
        #168FE6 !important;

    font-size:
        20px !important;

}


/* ============================================================
   UNTERE SALES-ZEILE
   ============================================================ */

.mv-hr12__report-link {

    width:
        calc(100% + 20px) !important;

    height:
        39px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    gap:
        7px !important;

    margin:
        8px -10px 0 !important;

    padding:
        0 12px !important;

    border:
        0 !important;

    border-top:
        1px solid
        rgba(22,143,230,.17) !important;

    color:
        #168FE6 !important;

    background:
        linear-gradient(
            180deg,
            #F9FCFF,
            #EDF8FF
        ) !important;

    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        sans-serif !important;

    font-size:
        9.5px !important;

    line-height:
        1 !important;

    font-weight:
        900 !important;

    letter-spacing:
        -.01em !important;

    text-decoration:
        none !important;

    cursor:
        pointer !important;

}


.mv-hr12__report-link:hover {

    color:
        #0E7AC8 !important;

    background:
        #E5F5FF !important;

}


/* kleines Schutzsymbol */

.mv-hr12__report-shield {

    width:
        20px;

    height:
        20px;

    display:
        inline-grid;

    place-items:
        center;

    flex:
        0 0
        20px;

    border-radius:
        50%;

    color:
        #FFFFFF;

    background:
        #168FE6;

    font-size:
        10px;

    font-weight:
        950;

}


/* ============================================================
   THUMBNAIL
   ============================================================ */

.mv-hr12__listing-photo {

    border-radius:
        10px !important;

    background-color:
        #F4F8FB !important;

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width:650px) {

    .mv-hr12__listing h4 {

        font-size:
            12.5px !important;

    }


    .mv-hr12__meta {

        font-size:
            8px !important;

    }


    .mv-hr12__price strong {

        font-size:
            18px !important;

    }


    .mv-hr12__report-link {

        height:
            38px !important;

        font-size:
            9px !important;

    }

}



/* ============================================================
   MOTAVIO · HERO CARD TYPOGRAPHY FINAL
   Nur Schriftgrößen / Lesbarkeit
   Layout bleibt unverändert
   ============================================================ */


/* ============================================================
   1. KILOMETERVERLAUF
   ============================================================ */

.mv-hr12__warning {
    font-size: 8.5px !important;
    font-weight: 900 !important;
    letter-spacing: .02em !important;
}

.mv-hr12__km h3 {
    font-size: 17px !important;
    line-height: 1.16 !important;
    font-weight: 900 !important;
    letter-spacing: -.02em !important;
    color: #071A2C !important;
}

.mv-hr12__km > p {
    font-size: 9.5px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    color: #49677F !important;
}

.mv-hr12__chart text {
    font-size: 8.5px !important;
    font-weight: 600 !important;
}

.mv-hr12__manipulation {
    font-size: 7.5px !important;
    font-weight: 800 !important;
}


/* ============================================================
   2. MOTAVIO PRÜFT DIE HISTORIE
   ============================================================ */

.mv-hr12__info > span {
    font-size: 8.5px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: .025em !important;
    color: #168FE6 !important;
}

.mv-hr12__info > strong {
    font-size: 14.5px !important;
    line-height: 1.28 !important;
    font-weight: 900 !important;
    letter-spacing: -.015em !important;
    color: #071A2C !important;
}

.mv-hr12__info > p {
    font-size: 9px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
    color: #4E6B82 !important;
}


/* ============================================================
   3. VERKAUFSANZEIGE
   ============================================================ */

.mv-hr12__listing h4 {
    font-size: 13.5px !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
    letter-spacing: -.025em !important;
    color: #071A2C !important;
}

.mv-hr12__meta {
    font-size: 8.5px !important;
    line-height: 1.38 !important;
    font-weight: 650 !important;
    color: #496982 !important;
}

.mv-hr12__badges > span {
    font-size: 7.2px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    min-height: 19px !important;
    padding: 0 7px !important;
}

.mv-hr12__price strong {
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -.035em !important;
    color: #071A2C !important;
}

.mv-hr12__price em {
    font-size: 7.2px !important;
    font-weight: 850 !important;

    min-height: 20px !important;
    padding: 0 8px !important;
}


/* Schutz-CTA unten */

.mv-hr12__report-link {
    font-size: 9.5px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    letter-spacing: -.01em !important;
    color: #168FE6 !important;
}

.mv-hr12__report-shield {
    font-size: 10px !important;
    font-weight: 950 !important;
}


/* ============================================================
   4. TOTALSCHADEN
   ============================================================ */

.mv-hr12__damage-copy > span {
    font-size: 7.8px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
    letter-spacing: .025em !important;
    color: #EF3434 !important;
}

.mv-hr12__damage-copy > strong {
    font-size: 16px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
    letter-spacing: -.025em !important;
    color: #D92D2D !important;
}

.mv-hr12__damage-copy > small {
    font-size: 8px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    color: #6A7E8F !important;
}


/* ============================================================
   5. GENERELLE KLARHEIT IN DEN KÄSTEN
   ============================================================ */

.mv-hr12__km,
.mv-hr12__info,
.mv-hr12__listing,
.mv-hr12__damage {
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility !important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1100px) {

    .mv-hr12__listing h4 {
        font-size: 12.5px !important;
    }

    .mv-hr12__price strong {
        font-size: 18px !important;
    }

    .mv-hr12__damage-copy > strong {
        font-size: 15px !important;
    }

    .mv-hr12__info > strong {
        font-size: 13.5px !important;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 650px) {

    .mv-hr12__km h3 {
        font-size: 15px !important;
    }

    .mv-hr12__km > p {
        font-size: 9px !important;
    }

    .mv-hr12__info > strong {
        font-size: 12.5px !important;
    }

    .mv-hr12__info > p {
        font-size: 8.5px !important;
    }

    .mv-hr12__listing h4 {
        font-size: 13px !important;
    }

    .mv-hr12__meta {
        font-size: 8px !important;
    }

    .mv-hr12__badges > span {
        font-size: 6.8px !important;
    }

    .mv-hr12__price strong {
        font-size: 18px !important;
    }

    .mv-hr12__damage-copy > strong {
        font-size: 15px !important;
    }

    .mv-hr12__damage-copy > small {
        font-size: 7.5px !important;
    }

    .mv-hr12__report-link {
        font-size: 9px !important;
    }

}



/* ============================================================
   MOTAVIO · SINGLE TOTAL LOSS FINAL V16
   ============================================================ */


/*
 * Der Slot darf keinerlei alten
 * Report-Background mehr benutzen.
 */

.mv-hr12__damage-photo.mv-single-damage-photo {

    position: relative !important;

    width: 100% !important;

    height: 128px !important;
    min-height: 128px !important;

    display: block !important;

    align-self: center !important;

    overflow: hidden !important;

    border-radius: 11px !important;

    background: #F3F6F8 !important;

    background-image: none !important;

    background-size: initial !important;
    background-position: initial !important;

    opacity: 1 !important;
    visibility: visible !important;

}


/*
 * Das echte einzelne Unfallbild.
 */

.mv-single-damage-photo__image {

    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    display: block !important;

    object-fit: cover !important;

    /*
     * Frontschaden leicht in den Fokus.
     */

    object-position: 48% 54% !important;

    opacity: 1 !important;
    visibility: visible !important;

}


/* ============================================================
   ALTE REPORT-/GALERIE-DARSTELLUNG DEFINITIV AUS
   ============================================================ */

.mv-hr12__damage-gallery,
.mv-hr12__damage-grid,
.mv-hr12__damage-thumbs {

    display: none !important;

}


/*
 * Wenn irgendwo alte Background-Regeln
 * noch existieren:
 */

.mv-single-damage-photo[style] {

    background-image: none !important;

}


/* ============================================================
   DAMAGE CARD PROPORTIONEN
   ============================================================ */

.mv-hr12__damage {

    grid-template-columns:
        minmax(115px,.72fr)
        minmax(175px,1.28fr) !important;

    gap: 12px !important;

}


.mv-hr12__damage-copy > span {

    font-size: 8px !important;

}


.mv-hr12__damage-copy > strong {

    font-size: 17px !important;

    line-height: 1.15 !important;

}


.mv-hr12__damage-copy > small {

    font-size: 8px !important;

}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width:1150px) {

    .mv-hr12__damage-photo.mv-single-damage-photo {

        height: 118px !important;
        min-height: 118px !important;

    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width:650px) {

    .mv-hr12__damage {

        grid-template-columns:
            .78fr
            1.22fr !important;

    }


    .mv-hr12__damage-photo.mv-single-damage-photo {

        height: 110px !important;
        min-height: 110px !important;

    }

}



/* ============================================================
   MOTAVIO · TOTALSCHADEN IMAGE VISIBILITY FINAL
   überschreibt alte display:none-Regel
   ============================================================ */

.mv-hr12__damage-photo.mv-single-damage-photo {
    position: relative !important;

    width: 100% !important;
    height: 128px !important;
    min-height: 128px !important;

    display: block !important;

    overflow: hidden !important;

    border-radius: 11px !important;

    background: #F3F6F8 !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* WICHTIG:
   gewinnt gegen:
   .mv-hr12__damage-photo > img { display:none!important; }
*/

.mv-hr12__damage-photo.mv-single-damage-photo
> img.mv-single-damage-photo__image {

    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    display: block !important;

    object-fit: cover !important;
    object-position: 50% 52% !important;

    opacity: 1 !important;
    visibility: visible !important;

    z-index: 3 !important;
}


/* auch generische alte Regeln sicher überstimmen */

.mv-single-damage-photo__image {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/* Mobile */

@media (max-width:650px) {

    .mv-hr12__damage-photo.mv-single-damage-photo {
        height: 112px !important;
        min-height: 112px !important;
    }

}


/* ============================================================
   MOTAVIO · DAMAGE V17 FINAL
   ============================================================ */

/* Unfallbild etwas kleiner / luftiger */
.mv-hr12__damage-photo.mv-single-damage-photo {
    height: 122px !important;
    min-height: 122px !important;
    padding: 7px !important;
    background: #fff !important;
    border-radius: 12px !important;
}

.mv-hr12__damage-photo.mv-single-damage-photo
> img.mv-single-damage-photo__image {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center 52% !important;
    border-radius: 10px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Beispielbericht deutlicher in Motavio-Blau */
.mv-hr12__report-link {
    color: #168FE6 !important;
    font-size: 10.5px !important;
    font-weight: 900 !important;
}

.mv-hr12__report-link:hover {
    color: #0F7FD1 !important;
}

@media (max-width: 650px) {
    .mv-hr12__damage-photo.mv-single-damage-photo {
        height: 110px !important;
        min-height: 110px !important;
    }
}

/* MOTAVIO_HERO_GEOMETRY_FINAL_START */


/* ============================================================
   MOTAVIO HERO · FINAL SIZE / PROPORTION
   Ziel:
   ca. 59 % links / 41 % rechts
   ============================================================ */


/* ============================================================
   DESKTOP
   ============================================================ */

@media (min-width: 1281px) {


    /* --------------------------------------------------------
       Gesamte nutzbare Breite erhöhen
       -------------------------------------------------------- */

    .mv-hero-v11__shell {

        width:
            min(
                1560px,
                calc(100% - 42px)
            ) !important;

        max-width:
            1560px !important;

    }


    /* --------------------------------------------------------
       Links bewusst größer als rechts
       -------------------------------------------------------- */

    .mv-hero-v11__grid {

        grid-template-columns:
            minmax(0, 1.18fr)
            minmax(0, .82fr) !important;

        gap:
            28px !important;

        align-items:
            start !important;

    }


    /* ========================================================
       LINKER BEREICH
       ======================================================== */

    .mv-hero-v11__left {

        width:
            100% !important;

        max-width:
            850px !important;

        padding-top:
            8px !important;

    }


    /* Eyebrow weiterhin sauber über dem Text */

    .mv-hero-v11__eyebrow {

        margin-bottom:
            28px !important;

    }


    /* Headline leicht größer */

    .mv-hero-v11__title {

        width:
            100% !important;

        max-width:
            820px !important;

        font-size:
            clamp(
                64px,
                4.55vw,
                80px
            ) !important;

        line-height:
            .975 !important;

        letter-spacing:
            -.058em !important;

    }


    /* Subtext nutzt mehr Breite */

    .mv-hero-v11__lead {

        width:
            100% !important;

        max-width:
            780px !important;

        margin-top:
            27px !important;

        font-size:
            17px !important;

        line-height:
            1.58 !important;

    }


    /* FIN-Kasten etwas größer */

    .mv-hero-v11
    .mv-vin-hero-v4__form-card {

        width:
            100% !important;

        max-width:
            760px !important;

        margin-top:
            28px !important;

    }


    /* rote Pills exakt an Formularbreite orientieren */

    .mv-hero-v11__risks {

        width:
            100% !important;

        max-width:
            760px !important;

        justify-content:
            center !important;

    }


    /* ========================================================
       RECHTER BEREICH
       ======================================================== */

    .mv-hero-v11__right.mv-hr12 {

        width:
            calc(100% + 30px) !important;

        max-width:
            755px !important;

        min-height:
            625px !important;

        margin-left:
            -18px !important;

        margin-right:
            0 !important;

        transform:
            none !important;

    }


    /* obere Kilometerkarte etwas präsenter */

    .mv-hr12__km {

        width:
            305px !important;

    }


    /* Info-Karte minimal größer */

    .mv-hr12__info {

        width:
            220px !important;

    }


    /* Auto etwa 5 % größer */

    .mv-hr12__car-window {

        width:
            710px !important;

        height:
            395px !important;

    }


    .mv-hr12__car {

        width:
            675px !important;

        height:
            378px !important;

    }


    /* untere zwei Kacheln nutzen die Breite besser */

    .mv-hr12__evidence {

        left:
            8px !important;

        right:
            0 !important;

        gap:
            12px !important;

    }

}


/* ============================================================
   NORMALE DESKTOPS / NOTEBOOKS
   etwas vorsichtiger
   ============================================================ */

@media (min-width: 981px) and (max-width: 1280px) {

    .mv-hero-v11__shell {

        width:
            min(
                1240px,
                calc(100% - 36px)
            ) !important;

    }


    .mv-hero-v11__grid {

        grid-template-columns:
            minmax(0, 1.16fr)
            minmax(0, .84fr) !important;

        gap:
            24px !important;

    }


    .mv-hero-v11__left {

        max-width:
            760px !important;

    }


    .mv-hero-v11__title {

        max-width:
            740px !important;

    }


    .mv-hero-v11
    .mv-vin-hero-v4__form-card {

        max-width:
            700px !important;

    }


    .mv-hero-v11__risks {

        max-width:
            700px !important;

    }


    .mv-hero-v11__right.mv-hr12 {

        width:
            calc(100% + 18px) !important;

        margin-left:
            -10px !important;

    }

}


/* ============================================================
   TABLET + MOBILE
   bestehende Responsive-Geometrie nicht zerstören
   ============================================================ */

@media (max-width: 980px) {

    .mv-hero-v11__grid {

        grid-template-columns:
            1fr !important;

    }


    .mv-hero-v11__left {

        width:
            100% !important;

        max-width:
            760px !important;

        margin:
            0 auto !important;

    }


    .mv-hero-v11__right.mv-hr12 {

        width:
            min(
                700px,
                100%
            ) !important;

        max-width:
            700px !important;

        margin:
            0 auto !important;

        transform:
            none !important;

    }

}


/* MOTAVIO_HERO_GEOMETRY_FINAL_END */





/* MOTAVIO_LISTING_READABILITY_V1_START */


/* ============================================================
   AUDI VERKAUFSANZEIGE · READABILITY FINAL

   NICHT verändert:
   - Fahrzeugname
   - Preis
   - Card-Größe
   - Foto
   - Hero-Geometrie
   ============================================================ */


/* ============================================================
   FAHRZEUGDATEN
   06/2020 · 92.000 km · 110 kW (150 PS)
   ============================================================ */

.mv-hr12__listing .mv-hr12__meta {

    margin-top:
        5px !important;

    color:
        #365875 !important;

    font-size:
        9.5px !important;

    line-height:
        1.35 !important;

    font-weight:
        700 !important;

    letter-spacing:
        -.005em !important;

    opacity:
        1 !important;

}


/* ============================================================
   GRÜNE STATUS-BADGES
   ============================================================ */

.mv-hr12__listing .mv-hr12__badges {

    display:
        flex !important;

    flex-wrap:
        wrap !important;

    align-items:
        center !important;

    gap:
        5px !important;

    margin-top:
        7px !important;

}


.mv-hr12__listing .mv-hr12__badges > span {

    min-height:
        21px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        0 8px !important;

    border-radius:
        999px !important;

    color:
        #226D3A !important;

    background:
        #EAF7EC !important;

    font-size:
        7.8px !important;

    line-height:
        1 !important;

    font-weight:
        850 !important;

    letter-spacing:
        -.005em !important;

    opacity:
        1 !important;

}


/* ============================================================
   "SUPER PREIS"
   Preis selbst bleibt unangetastet
   ============================================================ */

.mv-hr12__listing .mv-hr12__price em {

    min-height:
        21px !important;

    padding:
        0 8px !important;

    color:
        #BF6508 !important;

    background:
        #FFF0DA !important;

    font-size:
        7.8px !important;

    line-height:
        1 !important;

    font-weight:
        900 !important;

}


/* ============================================================
   BEISPIELBERICHT ANSEHEN
   jetzt zentriert, größer und präsenter
   ============================================================ */

.mv-hr12__listing .mv-hr12__report-link {

    width:
        calc(100% + 20px) !important;

    min-height:
        40px !important;

    height:
        40px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        8px !important;

    margin:
        7px -10px 0 !important;

    padding:
        0 12px !important;

    border:
        0 !important;

    border-top:
        1px solid
        rgba(22,143,230,.18) !important;

    color:
        #168FE6 !important;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F3FAFF 100%
        ) !important;

    font-size:
        10.5px !important;

    line-height:
        1 !important;

    font-weight:
        900 !important;

    letter-spacing:
        -.01em !important;

    text-align:
        center !important;

    text-decoration:
        none !important;

    white-space:
        nowrap !important;

    cursor:
        pointer !important;

}


.mv-hr12__listing .mv-hr12__report-link:hover {

    color:
        #0F7FD1 !important;

    background:
        #EAF6FF !important;

}


/* Pfeil etwas präsenter */

.mv-hr12__listing
.mv-hr12__report-link
span:last-child {

    font-size:
        13px !important;

    font-weight:
        900 !important;

}


/* ============================================================
   TABLET / MOBILE
   ============================================================ */

@media (max-width: 650px) {

    .mv-hr12__listing .mv-hr12__meta {

        font-size:
            9px !important;

    }


    .mv-hr12__listing
    .mv-hr12__badges > span {

        font-size:
            7.3px !important;

    }


    .mv-hr12__listing
    .mv-hr12__report-link {

        min-height:
            39px !important;

        height:
            39px !important;

        font-size:
            10px !important;

    }

}


/* MOTAVIO_LISTING_READABILITY_V1_END */

/* MOTAVIO_RIGHT_FINAL_CLEAN_START */


/* ============================================================
   MOTAVIO · RECHTE HERO-SEITE FINAL

   oben:
   Listing links / Totalschaden rechts

   mitte:
   Auto groß

   unten:
   Info links / Kilometer rechts
   ============================================================ */


/* ============================================================
   DESKTOP
   ============================================================ */

@media (min-width: 1281px) {

  .mv-hero-v11__right.mv-hr12 {
    position: relative !important;
    width: calc(100% + 16px) !important;
    max-width: 760px !important;
    min-height: 650px !important;
    margin-left: -6px !important;
    overflow: visible !important;
    transform: none !important;
    isolation: isolate !important;
  }

  .mv-hr12__rings {
    position: absolute !important;
    z-index: 0 !important;
    width: 625px !important;
    height: 625px !important;
    left: 55% !important;
    top: 53% !important;
    transform: translate(-50%, -50%) !important;
    opacity: .68 !important;
  }

  .mv-hr12__evidence {
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    width: 100% !important;
    height: 0 !important;
    display: block !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Verkaufsanzeige */
  .mv-hr12__listing {
    position: absolute !important;
    top: 44px !important;
    left: 0 !important;
    width: 365px !important;
    height: 174px !important;
    min-height: 174px !important;
    z-index: 32 !important;
    margin: 0 !important;
    transform: none !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 38px rgba(7,26,44,.08) !important;
  }

  /* Totalschaden */
  .mv-hr12__damage {
    position: absolute !important;
    top: 18px !important;
    right: 0 !important;
    width: 300px !important;
    min-height: 190px !important;
    z-index: 33 !important;
    margin: 0 !important;
    transform: none !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 38px rgba(7,26,44,.08) !important;
  }

  /* Auto */
  .mv-hr12__car-window {
    position: absolute !important;
    top: 210px !important;
    left: 54% !important;
    width: 700px !important;
    height: 395px !important;
    transform: translateX(-50%) !important;
    overflow: visible !important;
    z-index: 10 !important;
  }

  .mv-hr12__car {
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    width: 665px !important;
    max-width: none !important;
    height: 380px !important;
    transform: translateX(-50%) !important;
    object-fit: contain !important;
    object-position: center bottom !important;
  }

  /* Info links unten */
  .mv-hr12__info {
    position: absolute !important;
    left: -2px !important;
    bottom: 18px !important;
    width: 185px !important;
    min-height: 120px !important;
    z-index: 40 !important;
    margin: 0 !important;
    transform: none !important;
  }

  /* Kilometer rechts unten */
  .mv-hr12__km {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 245px !important;
    min-height: 155px !important;
    z-index: 41 !important;
    margin: 0 !important;
    transform: none !important;
  }

  /* Listing lesbarer */
  .mv-hr12__listing .mv-hr12__meta {
    font-size: 9.5px !important;
    font-weight: 700 !important;
    color: #365875 !important;
  }

  .mv-hr12__listing .mv-hr12__badges > span {
    font-size: 7.8px !important;
    font-weight: 850 !important;
    min-height: 21px !important;
    padding: 0 8px !important;
  }

  .mv-hr12__listing .mv-hr12__report-link {
    min-height: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    color: #168FE6 !important;
    font-size: 10.5px !important;
    font-weight: 900 !important;
    text-align: center !important;
  }

  /* Schaden typografisch sauber */
  .mv-hr12__damage::before {
    content: "WARNUNG" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 23px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #F33A34 !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 950 !important;
  }

  .mv-hr12__damage-copy > strong {
    font-size: 17px !important;
    line-height: 1.12 !important;
    font-weight: 950 !important;
  }

  .mv-hr12__damage-photo {
    height: 112px !important;
    min-height: 112px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  /* KM kompakter */
  .mv-hr12__km h3 {
    font-size: 15px !important;
    line-height: 1.15 !important;
  }

  .mv-hr12__chart {
    height: 80px !important;
  }

}


/* ============================================================
   NOTEBOOK
   ============================================================ */

@media (min-width: 981px) and (max-width: 1280px) {

  .mv-hero-v11__right.mv-hr12 {
    position: relative !important;
    min-height: 610px !important;
  }

  .mv-hr12__listing {
    top: 38px !important;
    left: 0 !important;
    width: 335px !important;
    height: 160px !important;
  }

  .mv-hr12__damage {
    top: 16px !important;
    right: 0 !important;
    width: 275px !important;
  }

  .mv-hr12__car-window {
    top: 198px !important;
    left: 55% !important;
    width: 620px !important;
    height: 360px !important;
  }

  .mv-hr12__car {
    width: 590px !important;
    height: 345px !important;
  }

  .mv-hr12__info {
    left: 0 !important;
    bottom: 14px !important;
    width: 170px !important;
  }

  .mv-hr12__km {
    right: 0 !important;
    bottom: 0 !important;
    width: 225px !important;
  }

}


/* ============================================================
   MOBILE / TABLET
   ============================================================ */

@media (max-width: 980px) {

  .mv-hr12__evidence {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    height: auto !important;
    margin-bottom: 12px !important;
  }

  .mv-hr12__listing,
  .mv-hr12__damage,
  .mv-hr12__info,
  .mv-hr12__km,
  .mv-hr12__car-window {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
  }

  .mv-hr12__car-window {
    width: 100% !important;
    height: 340px !important;
  }

}

@media (max-width: 650px) {

  .mv-hr12__evidence {
    grid-template-columns: 1fr !important;
  }

}


/* MOTAVIO_RIGHT_FINAL_CLEAN_END */

/* MOTAVIO_FREECHECK_OFFER_FINAL_START */


/* ============================================================
   MOTAVIO · FREE CHECK OFFER
   Nur Angebots-/Preisbereich des FIN-Formulars
   ============================================================ */


/* CTA minimal stärker */
.mv-vin-hero-v4__submit {

    font-weight:
        850 !important;

    letter-spacing:
        -.015em !important;

}


/* grüner Gratis-Block */
.mv-vin-hero-v4__free,
.mv-vin-hero-v4__free-card,
.mv-vin-hero-v4__offer-free {

    border-color:
        rgba(55,176,94,.30) !important;

    background:
        linear-gradient(
            135deg,
            #F1FBF4 0%,
            #F8FDF9 100%
        ) !important;

}


/* oranger Preisblock */
.mv-vin-hero-v4__paid,
.mv-vin-hero-v4__price-card,
.mv-vin-hero-v4__offer-paid {

    border-color:
        rgba(238,159,62,.34) !important;

    background:
        linear-gradient(
            135deg,
            #FFF8ED 0%,
            #FFFCF6 100%
        ) !important;

}


/* Hauptzeilen in beiden Benefit-Cards */
.mv-vin-hero-v4__free strong,
.mv-vin-hero-v4__free-card strong,
.mv-vin-hero-v4__offer-free strong,
.mv-vin-hero-v4__paid strong,
.mv-vin-hero-v4__price-card strong,
.mv-vin-hero-v4__offer-paid strong {

    font-weight:
        900 !important;

    letter-spacing:
        -.018em !important;

}


/* Orange Preiszeile besonders klar */
.mv-vin-hero-v4__paid strong,
.mv-vin-hero-v4__price-card strong,
.mv-vin-hero-v4__offer-paid strong {

    color:
        #D56C12 !important;

}


/* Subline gut lesbar, aber sekundär */
.mv-vin-hero-v4__free small,
.mv-vin-hero-v4__free-card small,
.mv-vin-hero-v4__offer-free small,
.mv-vin-hero-v4__paid small,
.mv-vin-hero-v4__price-card small,
.mv-vin-hero-v4__offer-paid small {

    line-height:
        1.35 !important;

    font-weight:
        600 !important;

}


/* technische Vertrauenszeile */
.mv-vin-hero-v4__note {

    color:
        #587089 !important;

    font-weight:
        600 !important;

}


/* MOTAVIO_FREECHECK_OFFER_FINAL_END */