/* ============================================================
   MOTAVIO VIN HERO V4
   ============================================================ */


body.mv-public
.mv-vin-hero-v4 {
    --vin-bg:
        #FFFFFF;

    --vin-soft:
        #F4F9FD;

    --vin-card:
        #FFFFFF;

    --vin-head:
        #071A2C;

    --vin-text:
        #526A7D;

    --vin-muted:
        #7890A2;

    --vin-line:
        #D9E6EF;

    --vin-blue:
        #168FE6;

    --vin-blue-hi:
        #2DA2F3;

    --vin-blue-soft:
        #EAF6FF;

    --vin-success:
        #099A6A;

    position:
        relative !important;

    min-height:
        calc(
            100svh - 88px
        ) !important;

    padding:
        clamp(
            42px,
            5.5vh,
            68px
        )
        0
        clamp(
            36px,
            4.5vh,
            58px
        ) !important;

    display:
        flex !important;

    align-items:
        center !important;

    overflow:
        hidden !important;

    color:
        var(--vin-text) !important;

    background:
        var(--vin-bg) !important;

    border-bottom:
        1px solid
        var(--vin-line) !important;
}


body.mv-public
.mv-vin-hero-v4::before {
    content:
        "";

    position:
        absolute;

    inset:
        0;

    pointer-events:
        none;

    background:
        repeating-radial-gradient(
            circle
            at 73% 51%,

            transparent
            0 36px,

            rgba(
                22,
                143,
                230,
                .040
            )
            37px 38px
        );
}


body.mv-public
.mv-vin-hero-v4::after {
    content:
        "";

    position:
        absolute;

    width:
        680px;

    height:
        680px;

    right:
        -60px;

    top:
        50%;

    transform:
        translateY(-50%);

    border-radius:
        50%;

    pointer-events:
        none;

    background:
        radial-gradient(
            circle,

            rgba(
                22,
                143,
                230,
                .10
            ),

            rgba(
                22,
                143,
                230,
                .025
            )
            45%,

            transparent
            70%
        );
}


body.mv-public
.mv-vin-hero-v4__grid {
    position:
        relative;

    z-index:
        2;

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

    margin:
        0 auto !important;

    display:
        grid !important;

    grid-template-columns:
        minmax(
            0,
            1.12fr
        )
        minmax(
            380px,
            .88fr
        ) !important;

    gap:
        clamp(
            60px,
            7vw,
            110px
        ) !important;

    align-items:
        center !important;
}


/* ============================================================
   CONTENT
   ============================================================ */

.mv-vin-hero-v4__content {
    min-width:
        0;

    max-width:
        720px;

    text-align:
        left !important;
}


.mv-vin-hero-v4__kicker {
    width:
        max-content;

    margin:
        0 0
        18px;

    padding:
        8px 13px;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    border:
        1px solid
        #B9DCF4;

    border-radius:
        999px;

    color:
        var(--vin-blue);

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

    font-size:
        10px;

    line-height:
        1;

    font-weight:
        900;

    letter-spacing:
        .10em;
}


.mv-vin-hero-v4__title {
    max-width:
        720px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        var(--vin-head) !important;

    font-size:
        clamp(
            46px,
            3.65vw,
            60px
        ) !important;

    line-height:
        1.00 !important;

    font-weight:
        850 !important;

    letter-spacing:
        -.052em !important;

    text-align:
        left !important;

    text-wrap:
        balance !important;
}


.mv-vin-hero-v4__title
>
span,

.mv-vin-hero-v4__title
>
strong {
    display:
        block;
}


.mv-vin-hero-v4__title
>
strong {
    margin-top:
        6px;

    color:
        var(--vin-blue) !important;

    font-weight:
        inherit !important;
}


.mv-vin-hero-v4__lead {
    max-width:
        660px;

    margin:
        18px 0
        0 !important;

    color:
        var(--vin-text) !important;

    font-size:
        15px !important;

    line-height:
        1.58 !important;

    text-align:
        left !important;
}


/* ============================================================
   FORM CARD
   ============================================================ */

.mv-vin-hero-v4__form-card {
    width:
        min(
            100%,
            680px
        );

    margin-top:
        23px;

    padding:
        18px;

    border:
        1px solid
        var(--vin-line);

    border-radius:
        18px;

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

    box-shadow:
        0 20px 55px
        rgba(
            7,
            26,
            44,
            .10
        );

    backdrop-filter:
        blur(10px);
}


.mv-vin-hero-v4__form-head {
    margin-bottom:
        13px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        16px;
}


.mv-vin-hero-v4__form-head
>
div {
    display:
        flex;

    align-items:
        baseline;

    gap:
        9px;
}


.mv-vin-hero-v4__form-head
strong {
    color:
        var(--vin-head);

    font-size:
        13px;

    font-weight:
        850;
}


.mv-vin-hero-v4__form-head
span {
    color:
        var(--vin-muted);

    font-size:
        10px;

    font-weight:
        700;
}


.mv-vin-hero-v4__secure {
    padding:
        6px 9px;

    border-radius:
        999px;

    color:
        var(--vin-blue) !important;

    background:
        var(--vin-blue-soft);

    font-size:
        9px !important;

    font-weight:
        850 !important;
}


.mv-vin-hero-v4__form {
    display:
        grid;

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

    gap:
        10px;

    align-items:
        stretch;
}


.mv-vin-hero-v4__field {
    min-width:
        0;

    height:
        54px;

    display:
        grid;

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

    align-items:
        stretch;

    overflow:
        hidden;

    border:
        1px solid
        #C9DCE9;

    border-radius:
        12px;

    background:
        #FFFFFF;

    transition:
        border-color
        .16s ease,
        box-shadow
        .16s ease;
}


.mv-vin-hero-v4__field:focus-within {
    border-color:
        var(--vin-blue);

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


.mv-vin-hero-v4__field
>
span {
    display:
        grid;

    place-items:
        center;

    color:
        #FFFFFF;

    background:
        #0E4B88;

    font-size:
        11px;

    font-weight:
        900;

    letter-spacing:
        .04em;
}


.mv-vin-hero-v4__field
input {
    width:
        100% !important;

    min-width:
        0 !important;

    height:
        100% !important;

    margin:
        0 !important;

    padding:
        0 15px !important;

    border:
        0 !important;

    outline:
        0 !important;

    color:
        var(--vin-head) !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

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

    font-size:
        14px !important;

    line-height:
        1 !important;

    font-weight:
        750 !important;

    letter-spacing:
        .04em !important;

    text-transform:
        uppercase;
}


.mv-vin-hero-v4__field
input::placeholder {
    color:
        #A5B6C2 !important;

    opacity:
        1;
}


.mv-vin-hero-v4__submit {
    min-width:
        190px;

    min-height:
        54px;

    padding:
        0 18px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;

    border:
        0;

    border-radius:
        12px;

    color:
        #FFFFFF;

    background:
        linear-gradient(
            180deg,
            var(--vin-blue-hi),
            var(--vin-blue)
        );

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

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

    font-size:
        12px;

    line-height:
        1;

    font-weight:
        850;

    cursor:
        pointer;

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


.mv-vin-hero-v4__submit:hover {
    transform:
        translateY(-1px);

    box-shadow:
        0 15px 31px
        rgba(
            22,
            143,
            230,
            .29
        );
}


.mv-vin-hero-v4__submit:disabled {
    opacity:
        .65;

    cursor:
        wait;

    transform:
        none;
}


.mv-vin-hero-v4__form-meta {
    margin-top:
        9px;

    display:
        flex;

    justify-content:
        space-between;

    flex-wrap:
        wrap;

    gap:
        5px 14px;

    color:
        var(--vin-muted);

    font-size:
        9px;

    line-height:
        1.35;

    font-weight:
        650;
}


.mv-vin-hero-v4__status {
    margin-top:
        10px;

    padding:
        10px 12px;

    border-radius:
        10px;

    font-size:
        11px;

    line-height:
        1.4;

    font-weight:
        750;
}


.mv-vin-hero-v4__status[
    data-state="success"
] {
    color:
        #087A55;

    border:
        1px solid
        #B9E8D8;

    background:
        #EDFAF5;
}


.mv-vin-hero-v4__status[
    data-state="error"
] {
    color:
        #AC2633;

    border:
        1px solid
        #F2C6CB;

    background:
        #FFF3F4;
}


/* ============================================================
   FEATURES
   ============================================================ */

.mv-vin-hero-v4__features {
    margin-top:
        16px;

    text-align:
        left;
}


.mv-vin-hero-v4__features
>
strong {
    display:
        block;

    margin-bottom:
        8px;

    color:
        var(--vin-head);

    font-size:
        10.5px;

    line-height:
        1.3;

    font-weight:
        850;
}


.mv-vin-hero-v4__features
>
div {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        7px 20px;
}


.mv-vin-hero-v4__features
span {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    color:
        #405B6D;

    font-size:
        10.5px;

    line-height:
        1.3;

    font-weight:
        650;

    white-space:
        nowrap;
}


.mv-vin-hero-v4__features
i {
    color:
        var(--vin-blue);

    font-style:
        normal;

    font-weight:
        950;
}


/* ============================================================
   REPORT VISUAL
   ============================================================ */

.mv-vin-hero-v4__visual {
    position:
        relative;

    min-width:
        0;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;
}


.mv-vin-report-stack {
    position:
        relative;

    width:
        min(
            100%,
            455px
        );

    height:
        450px;
}


.mv-vin-report-stack__sheet {
    position:
        absolute;

    top:
        65px;

    width:
        315px;

    height:
        325px;

    padding:
        24px;

    border:
        1px solid
        #D7E7F1;

    border-radius:
        20px;

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

    box-shadow:
        0 20px 50px
        rgba(
            7,
            26,
            44,
            .08
        );
}


.mv-vin-report-stack__sheet--left {
    left:
        2px;

    transform:
        rotate(-10deg);
}


.mv-vin-report-stack__sheet--right {
    right:
        2px;

    transform:
        rotate(10deg);
}


.mv-vin-report-stack__sheet
span {
    color:
        var(--vin-muted);

    font-size:
        9px;

    font-weight:
        850;
}


.mv-vin-report-stack__sheet
i {
    height:
        12px;

    margin-top:
        22px;

    display:
        block;

    border-radius:
        999px;

    background:
        #E6F1F8;
}


.mv-vin-report-stack__sheet
i:nth-of-type(2) {
    width:
        70%;
}


.mv-vin-report-stack__sheet
i:nth-of-type(3) {
    width:
        45%;
}


.mv-vin-report {
    position:
        absolute;

    z-index:
        3;

    top:
        20px;

    left:
        50%;

    width:
        340px;

    min-height:
        400px;

    padding:
        22px;

    transform:
        translateX(-50%);

    border:
        1px solid
        #CDE0EC;

    border-radius:
        22px;

    background:
        #FFFFFF;

    box-shadow:
        0 28px 70px
        rgba(
            7,
            26,
            44,
            .17
        );
}


.mv-vin-report
header {
    display:
        grid;

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

    gap:
        10px;

    align-items:
        center;
}


.mv-vin-report__logo {
    width:
        38px;

    height:
        38px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        11px;

    color:
        #FFFFFF;

    background:
        #0E4B88;

    font-size:
        17px;

    font-weight:
        950;
}


.mv-vin-report
header
span {
    display:
        block;

    color:
        #0E4B88;

    font-size:
        10px;

    font-weight:
        950;

    letter-spacing:
        .08em;
}


.mv-vin-report
header
small {
    display:
        block;

    margin-top:
        2px;

    color:
        #8297A6;

    font-size:
        7px;

    font-weight:
        750;

    letter-spacing:
        .08em;
}


.mv-vin-report
header
b {
    width:
        28px;

    height:
        28px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        50%;

    color:
        #FFFFFF;

    background:
        #0AA277;

    font-size:
        13px;
}


.mv-vin-report__notice {
    margin-top:
        20px;

    padding:
        13px;

    display:
        grid;

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

    gap:
        10px;

    align-items:
        center;

    border:
        1px solid
        #FFE6A2;

    border-radius:
        13px;

    background:
        #FFF9E9;
}


.mv-vin-report__notice
>
i {
    width:
        31px;

    height:
        31px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        9px;

    color:
        #7A5B00;

    background:
        #FFE269;

    font-style:
        normal;

    font-size:
        14px;

    font-weight:
        950;
}


.mv-vin-report__notice
small {
    display:
        block;

    color:
        #947C32;

    font-size:
        7px;

    font-weight:
        850;

    letter-spacing:
        .06em;
}


.mv-vin-report__notice
strong {
    display:
        block;

    margin-top:
        2px;

    color:
        #263B4B;

    font-size:
        10px;

    line-height:
        1.3;
}


.mv-vin-report__chart {
    margin-top:
        15px;

    padding:
        14px;

    border:
        1px solid
        #E1EBF1;

    border-radius:
        13px;

    background:
        #FBFDFE;
}


.mv-vin-report__chart-head {
    display:
        flex;

    justify-content:
        space-between;

    gap:
        10px;
}


.mv-vin-report__chart-head
span {
    color:
        #263B4B;

    font-size:
        9px;

    font-weight:
        850;
}


.mv-vin-report__chart-head
strong {
    color:
        #8AA0AE;

    font-size:
        8px;
}


.mv-vin-report__chart
svg {
    width:
        100%;

    height:
        125px;

    margin-top:
        8px;

    overflow:
        visible;
}


.mv-vin-report__grid {
    fill:
        none;

    stroke:
        #E7EEF3;

    stroke-width:
        1;
}


.mv-vin-report__line {
    fill:
        none;

    stroke:
        #168FE6;

    stroke-width:
        5;

    stroke-linecap:
        round;
}


.mv-vin-report__dot {
    fill:
        #FFFFFF;

    stroke:
        #168FE6;

    stroke-width:
        4;
}


.mv-vin-report__chips {
    margin-top:
        13px;

    display:
        grid;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        );

    gap:
        7px;
}


.mv-vin-report__chips
span {
    min-height:
        29px;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid
        #DFEAF1;

    border-radius:
        9px;

    color:
        #567080;

    background:
        #F7FAFC;

    font-size:
        7.5px;

    font-weight:
        800;
}


.mv-vin-hero-v4__visual
>
p {
    margin:
        0;

    color:
        #718B9B;

    font-size:
        8px;

    font-weight:
        900;

    letter-spacing:
        .14em;
}


/* ============================================================
   DARK MODE
   ============================================================ */

html[data-mv-theme="dark"]
body.mv-public
.mv-vin-hero-v4,

html[data-theme="dark"]
body.mv-public
.mv-vin-hero-v4 {
    --vin-bg:
        #030D15;

    --vin-soft:
        #061722;

    --vin-card:
        #071924;

    --vin-head:
        #F6F8FA;

    --vin-text:
        #AEC0CC;

    --vin-muted:
        #7790A0;

    --vin-line:
        #183447;

    --vin-blue:
        #E2B449;

    --vin-blue-hi:
        #F0C65B;

    --vin-blue-soft:
        rgba(
            226,
            180,
            73,
            .10
        );

    --vin-success:
        #18AF80;

    background:
        #030D15 !important;
}


html[data-mv-theme="dark"]
body.mv-public
.mv-vin-hero-v4::before {
    background:
        repeating-radial-gradient(
            circle
            at 73% 51%,

            transparent
            0 36px,

            rgba(
                226,
                180,
                73,
                .030
            )
            37px 38px
        );
}


html[data-mv-theme="dark"]
body.mv-public
.mv-vin-hero-v4::after {
    background:
        radial-gradient(
            circle,

            rgba(
                226,
                180,
                73,
                .065
            ),

            transparent
            68%
        );
}


html[data-mv-theme="dark"]
.mv-vin-hero-v4__kicker {
    color:
        #E2B449;

    border-color:
        rgba(
            226,
            180,
            73,
            .28
        );

    background:
        rgba(
            226,
            180,
            73,
            .05
        );
}


html[data-mv-theme="dark"]
.mv-vin-hero-v4__title {
    color:
        #F6F8FA !important;
}


html[data-mv-theme="dark"]
.mv-vin-hero-v4__title
>
strong {
    color:
        #E2B449 !important;
}


html[data-mv-theme="dark"]
.mv-vin-hero-v4__form-card {
    border-color:
        #19394D;

    background:
        rgba(
            6,
            24,
            35,
            .95
        );

    box-shadow:
        0 24px 60px
        rgba(
            0,
            0,
            0,
            .24
        );
}


html[data-mv-theme="dark"]
.mv-vin-hero-v4__form-head
strong,

html[data-mv-theme="dark"]
.mv-vin-hero-v4__features
>
strong {
    color:
        #F6F8FA;
}


html[data-mv-theme="dark"]
.mv-vin-hero-v4__field {
    border-color:
        #285069;

    background:
        #04131D;
}


html[data-mv-theme="dark"]
.mv-vin-hero-v4__field
>
span {
    color:
        #06111A;

    background:
        #E2B449;
}


html[data-mv-theme="dark"]
.mv-vin-hero-v4__field
input {
    color:
        #F5F7F9 !important;
}


html[data-mv-theme="dark"]
.mv-vin-hero-v4__submit {
    color:
        #071019;

    background:
        linear-gradient(
            180deg,
            #F1C85E,
            #E2B449
        );

    box-shadow:
        0 13px 28px
        rgba(
            226,
            180,
            73,
            .17
        );
}


html[data-mv-theme="dark"]
.mv-vin-hero-v4__features
span {
    color:
        #AEC0CC;
}


html[data-mv-theme="dark"]
.mv-vin-report-stack__sheet {
    border-color:
        #1A3B4D;

    background:
        rgba(
            7,
            26,
            38,
            .62
        );

    box-shadow:
        0 24px 55px
        rgba(
            0,
            0,
            0,
            .22
        );
}


html[data-mv-theme="dark"]
.mv-vin-report-stack__sheet
i {
    background:
        #113245;
}


html[data-mv-theme="dark"]
.mv-vin-report {
    border-color:
        #27475A;

    background:
        #081C28;

    box-shadow:
        0 30px 75px
        rgba(
            0,
            0,
            0,
            .32
        );
}


html[data-mv-theme="dark"]
.mv-vin-report__logo {
    color:
        #071019;

    background:
        #E2B449;
}


html[data-mv-theme="dark"]
.mv-vin-report
header
span {
    color:
        #E2B449;
}


html[data-mv-theme="dark"]
.mv-vin-report__notice {
    border-color:
        rgba(
            226,
            180,
            73,
            .25
        );

    background:
        rgba(
            226,
            180,
            73,
            .07
        );
}


html[data-mv-theme="dark"]
.mv-vin-report__notice
strong {
    color:
        #F3F6F8;
}


html[data-mv-theme="dark"]
.mv-vin-report__chart {
    border-color:
        #19394B;

    background:
        #061721;
}


html[data-mv-theme="dark"]
.mv-vin-report__chart-head
span {
    color:
        #E4EBEF;
}


html[data-mv-theme="dark"]
.mv-vin-report__grid {
    stroke:
        #163347;
}


html[data-mv-theme="dark"]
.mv-vin-report__line {
    stroke:
        #E2B449;
}


html[data-mv-theme="dark"]
.mv-vin-report__dot {
    fill:
        #081C28;

    stroke:
        #E2B449;
}


html[data-mv-theme="dark"]
.mv-vin-report__chips
span {
    color:
        #AFC0CB;

    border-color:
        #1A3B4D;

    background:
        #0A2635;
}


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

@media(max-width: 1380px) {

    body.mv-public
    .mv-vin-hero-v4__grid {
        width:
            min(
                1160px,
                calc(
                    100% - 42px
                )
            ) !important;

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

        gap:
            50px !important;
    }


    .mv-vin-hero-v4__title {
        font-size:
            clamp(
                43px,
                3.55vw,
                53px
            ) !important;
    }


    .mv-vin-report-stack {
        transform:
            scale(.91);
    }

}


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

@media(max-width: 940px) {

    body.mv-public
    .mv-vin-hero-v4 {
        min-height:
            auto !important;

        padding:
            62px 0
            70px !important;

        overflow:
            visible !important;
    }


    body.mv-public
    .mv-vin-hero-v4__grid {
        grid-template-columns:
            1fr !important;

        gap:
            38px !important;
    }


    .mv-vin-hero-v4__content {
        max-width:
            760px;
    }


    .mv-vin-report-stack {
        height:
            410px;

        transform:
            scale(.90);

        transform-origin:
            top center;
    }

}


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

@media(max-width: 680px) {

    body.mv-public
    .mv-vin-hero-v4 {
        padding:
            43px 0
            58px !important;
    }


    body.mv-public
    .mv-vin-hero-v4__grid {
        width:
            calc(
                100% - 30px
            ) !important;
    }


    .mv-vin-hero-v4__title {
        font-size:
            clamp(
                38px,
                10.2vw,
                48px
            ) !important;
    }


    .mv-vin-hero-v4__lead {
        font-size:
            13.5px !important;
    }


    .mv-vin-hero-v4__form-card {
        padding:
            14px;
    }


    .mv-vin-hero-v4__form-head {
        align-items:
            flex-start;
    }


    .mv-vin-hero-v4__form-head
    >
    div {
        display:
            grid;

        gap:
            2px;
    }


    .mv-vin-hero-v4__form {
        grid-template-columns:
            1fr;
    }


    .mv-vin-hero-v4__submit {
        width:
            100%;

        min-width:
            0;
    }


    .mv-vin-hero-v4__form-meta {
        display:
            grid;
    }


    .mv-vin-hero-v4__features
    >
    div {
        display:
            grid;

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

        gap:
            8px 10px;
    }


    .mv-vin-hero-v4__features
    span {
        white-space:
            normal;
    }


    .mv-vin-report-stack {
        width:
            390px;

        max-width:
            100%;

        height:
            390px;

        transform:
            scale(.82);

        transform-origin:
            top center;
    }

}

/* === MOTAVIO HERO KM CARD ORANGE START === */

/* Kilometer-Kachel: bewusst orange / amber, NICHT rot wie Unfall-Kachel */
.mv25-hero .mv25-km-card,
.mv25-hero .mv25-hero-km-card,
.mv25-hero .mv25-history-card--km,
.mv25-hero .mv25-card--kilometer,
.mv25-hero [class*="km-card"],
.mv25-hero [class*="kilometer-card"],
.mv25-hero [class*="mileage-card"],
.mv25-hero .hero-kilometer-card {
  border-color: rgba(245, 158, 11, 0.42) !important;
  box-shadow: 0 18px 42px rgba(245, 158, 11, 0.08) !important;
}

/* oberes Label */
.mv25-hero .mv25-km-card .eyebrow,
.mv25-hero .mv25-hero-km-card .eyebrow,
.mv25-hero .mv25-history-card--km .eyebrow,
.mv25-hero .mv25-card--kilometer .eyebrow,
.mv25-hero [class*="km-card"] .eyebrow,
.mv25-hero [class*="kilometer-card"] .eyebrow,
.mv25-hero [class*="mileage-card"] .eyebrow,
.mv25-hero .hero-kilometer-card .eyebrow,
.mv25-hero .mv25-km-card .kicker,
.mv25-hero .mv25-hero-km-card .kicker,
.mv25-hero .mv25-history-card--km .kicker,
.mv25-hero .mv25-card--kilometer .kicker,
.mv25-hero [class*="km-card"] .kicker,
.mv25-hero [class*="kilometer-card"] .kicker,
.mv25-hero [class*="mileage-card"] .kicker,
.mv25-hero .hero-kilometer-card .kicker {
  color: #F59E0B !important;
}

/* Headline der Kilometer-Kachel = orange, aber weicher als rot */
.mv25-hero .mv25-km-card h3,
.mv25-hero .mv25-hero-km-card h3,
.mv25-hero .mv25-history-card--km h3,
.mv25-hero .mv25-card--kilometer h3,
.mv25-hero [class*="km-card"] h3,
.mv25-hero [class*="kilometer-card"] h3,
.mv25-hero [class*="mileage-card"] h3,
.mv25-hero .hero-kilometer-card h3,
.mv25-hero .mv25-km-card .card-title,
.mv25-hero .mv25-hero-km-card .card-title,
.mv25-hero .mv25-history-card--km .card-title,
.mv25-hero .mv25-card--kilometer .card-title,
.mv25-hero [class*="km-card"] .card-title,
.mv25-hero [class*="kilometer-card"] .card-title,
.mv25-hero [class*="mileage-card"] .card-title,
.mv25-hero .hero-kilometer-card .card-title {
  color: #F97316 !important;
}

/* Warn-/Info-Badge rechts oben */
.mv25-hero .mv25-km-card .icon-badge,
.mv25-hero .mv25-hero-km-card .icon-badge,
.mv25-hero .mv25-history-card--km .icon-badge,
.mv25-hero .mv25-card--kilometer .icon-badge,
.mv25-hero [class*="km-card"] .icon-badge,
.mv25-hero [class*="kilometer-card"] .icon-badge,
.mv25-hero [class*="mileage-card"] .icon-badge,
.mv25-hero .hero-kilometer-card .icon-badge,
.mv25-hero .mv25-km-card .alert-badge,
.mv25-hero .mv25-hero-km-card .alert-badge,
.mv25-hero .mv25-history-card--km .alert-badge,
.mv25-hero .mv25-card--kilometer .alert-badge,
.mv25-hero [class*="km-card"] .alert-badge,
.mv25-hero [class*="kilometer-card"] .alert-badge,
.mv25-hero [class*="mileage-card"] .alert-badge,
.mv25-hero .hero-kilometer-card .alert-badge,
.mv25-hero .mv25-km-card .warning-badge,
.mv25-hero .mv25-hero-km-card .warning-badge,
.mv25-hero .mv25-history-card--km .warning-badge,
.mv25-hero .mv25-card--kilometer .warning-badge,
.mv25-hero [class*="km-card"] .warning-badge,
.mv25-hero [class*="kilometer-card"] .warning-badge,
.mv25-hero [class*="mileage-card"] .warning-badge,
.mv25-hero .hero-kilometer-card .warning-badge {
  background: #F59E0B !important;
  border-color: #F59E0B !important;
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

/* Graph-/Wert-Pill */
.mv25-hero .mv25-km-card .metric-pill,
.mv25-hero .mv25-hero-km-card .metric-pill,
.mv25-hero .mv25-history-card--km .metric-pill,
.mv25-hero .mv25-card--kilometer .metric-pill,
.mv25-hero [class*="km-card"] .metric-pill,
.mv25-hero [class*="kilometer-card"] .metric-pill,
.mv25-hero [class*="mileage-card"] .metric-pill,
.mv25-hero .hero-kilometer-card .metric-pill,
.mv25-hero .mv25-km-card .chart-value,
.mv25-hero .mv25-hero-km-card .chart-value,
.mv25-hero .mv25-history-card--km .chart-value,
.mv25-hero .mv25-card--kilometer .chart-value,
.mv25-hero [class*="km-card"] .chart-value,
.mv25-hero [class*="kilometer-card"] .chart-value,
.mv25-hero [class*="mileage-card"] .chart-value,
.mv25-hero .hero-kilometer-card .chart-value {
  background: #F97316 !important;
  color: #fff !important;
}

/* Graph-Linie = orange */
.mv25-hero .mv25-km-card svg polyline,
.mv25-hero .mv25-hero-km-card svg polyline,
.mv25-hero .mv25-history-card--km svg polyline,
.mv25-hero .mv25-card--kilometer svg polyline,
.mv25-hero [class*="km-card"] svg polyline,
.mv25-hero [class*="kilometer-card"] svg polyline,
.mv25-hero [class*="mileage-card"] svg polyline,
.mv25-hero .hero-kilometer-card svg polyline,
.mv25-hero .mv25-km-card svg path,
.mv25-hero .mv25-hero-km-card svg path,
.mv25-hero .mv25-history-card--km svg path,
.mv25-hero .mv25-card--kilometer svg path,
.mv25-hero [class*="km-card"] svg path,
.mv25-hero [class*="kilometer-card"] svg path,
.mv25-hero [class*="mileage-card"] svg path,
.mv25-hero .hero-kilometer-card svg path {
  stroke: #F97316 !important;
}

/* Graph-Punkte */
.mv25-hero .mv25-km-card svg circle,
.mv25-hero .mv25-hero-km-card svg circle,
.mv25-hero .mv25-history-card--km svg circle,
.mv25-hero .mv25-card--kilometer svg circle,
.mv25-hero [class*="km-card"] svg circle,
.mv25-hero [class*="kilometer-card"] svg circle,
.mv25-hero [class*="mileage-card"] svg circle,
.mv25-hero .hero-kilometer-card svg circle {
  stroke: #F97316 !important;
  fill: #fff !important;
}

/* Falls der Titel aktuell schwarz ist -> direkt orange färben */
.mv25-hero .mv25-km-card,
.mv25-hero .mv25-hero-km-card,
.mv25-hero .mv25-history-card--km,
.mv25-hero .mv25-card--kilometer,
.mv25-hero [class*="km-card"],
.mv25-hero [class*="kilometer-card"],
.mv25-hero [class*="mileage-card"],
.mv25-hero .hero-kilometer-card {
  --km-accent: #F97316 !important;
  --km-accent-soft: #F59E0B !important;
}

/* === MOTAVIO HERO KM CARD ORANGE END === */

/* MVX_LISTING_CARD_SCALE70_START */

/* =========================================================
   Nur die Anbieter-/Verkaufsanzeige rechts im Hero
   insgesamt 30% kleiner
   ========================================================= */

.mvx-listing-card {
  transform: scale(0.70) !important;
  transform-origin: top left !important;
  will-change: transform !important;
}

/* nur etwas visuellen Platz sauber halten */
.mvx-listing-card + * {
  margin-top: 0 !important;
}

/* MVX_LISTING_CARD_SCALE70_END */