@font-face {
    font-display: swap;
    font-family: MBCorpo Title;
    font-style: normal;
    font-weight: 400;
    src: url(https://assets.oneweb.mercedes-benz.com/plugin/workbench/fonts/2.1.0/WOFF2/MBCorpoATitleCond-Regular-Web.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: MBCorpo Text;
    font-style: normal;
    font-weight: 400;
    src: url(https://assets.oneweb.mercedes-benz.com/plugin/workbench/fonts/2.1.0/WOFF2/MBCorpoSText-Regular-Web.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: MBCorpo Text;
    font-style: normal;
    font-weight: 700;
    src: url(https://assets.oneweb.mercedes-benz.com/plugin/workbench/fonts/2.1.0/WOFF2/MBCorpoSText-Bold-Web.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: DaimlerCAC-Regular;
    src: url(https://assets.oneweb.mercedes-benz.com/plugin/workbench/fonts/2.1.0/WOFF2/DaimlerCAC-Regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: DaimlerCS-Regular;
    src: url(https://assets.oneweb.mercedes-benz.com/plugin/workbench/fonts/2.1.0/WOFF2/DaimlerCS-Regular.woff2) format("woff2")
}
 
 
@font-face {
    font-display: swap;
    font-family: DaimlerCAC-Regular;
    font-weight: 400;
    src: url(https://assets.oneweb.mercedes-benz.com/plugin/workbench/fonts/2.1.0/WOFF2/DaimlerCAC-Regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: DaimlerCS-Regular;
    src: url(https://assets.oneweb.mercedes-benz.com/plugin/workbench/fonts/2.1.0/WOFF2/DaimlerCS-Regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: DaimlerCACArab-Regular;
    src: url(https://assets.oneweb.mercedes-benz.com/plugin/workbench/fonts/2.1.0/WOFF2/DaimlerCACArab-Regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: DaimlerCSArab-Regular;
    src: url(https://assets.oneweb.mercedes-benz.com/plugin/workbench/fonts/2.1.0/WOFF2/DaimlerCSArab-Regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Hanyi;
    font-style: normal;
    font-weight: 400;
    src: url(https://assets.oneweb.mercedes-benz.com/plugin/workbench/fonts/2.1.0/WOFF/Hanyi.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Hanyi-Ext;
    font-style: normal;
    font-weight: 400;
    src: url(https://assets.oneweb.mercedes-benz.com/plugin/workbench/fonts/2.1.0/WOFF/Hanyi-Ext.woff) format("woff")
}

:host, :root {
    --wb-grid-gutter-width: 0.5rem;
    --wb-grid-content-width: 90vw;
    --wb-grid-content-width: 90%;
    --wb-spacing-3xs: 0.25rem;
    --wb-spacing-xxs: 0.5rem;
    --wb-spacing-xs: 1rem;
    --wb-spacing-s: 1.5rem;
    --wb-spacing-m: 2rem;
    --wb-spacing-l: 3rem;
    --wb-spacing-xl: 4rem;
    --wb-spacing-xxl: 5rem;
    --wb-black: #000;
    --wb-white: #fff;
    --wb-blue-05: #00182c;
    --wb-blue-10: #002441;
    --wb-blue-15: #003156;
    --wb-blue-20: #013c6b;
    --wb-blue-25: #014880;
    --wb-blue-30: #025497;
    --wb-blue-35: #0260ab;
    --wb-blue-40: #036dc1;
    --wb-blue-45: #0078d6;
    --wb-blue-50: #008dfc;
    --wb-blue-55: #1998fc;
    --wb-blue-60: #33a4fd;
    --wb-blue-65: #4eaffd;
    --wb-blue-70: #66bbfd;
    --wb-blue-75: #80c6ff;
    --wb-blue-80: #9ad2fe;
    --wb-blue-85: #b4ddfe;
    --wb-blue-90: #cce8ff;
    --wb-blue-95: #e6f5ff;
    --wb-green-05: #051a07;
    --wb-green-10: #07260b;
    --wb-green-15: #0a330f;
    --wb-green-20: #0d4013;
    --wb-green-25: #0f4d16;
    --wb-green-30: #125a1a;
    --wb-green-35: #14661e;
    --wb-green-40: #177321;
    --wb-green-45: #198025;
    --wb-green-50: #21a330;
    --wb-green-55: #37ac45;
    --wb-green-60: #4db559;
    --wb-green-65: #64bf6e;
    --wb-green-70: #7ac883;
    --wb-green-75: #90d198;
    --wb-green-80: #a6daac;
    --wb-green-85: #bce3c1;
    --wb-green-90: #d3edd6;
    --wb-green-95: #e9f6ea;
    --wb-grey-05: #0d0d0d;
    --wb-grey-10: #1a1a1a;
    --wb-grey-15: #262626;
    --wb-grey-20: #333;
    --wb-grey-25: #424242;
    --wb-grey-30: #4f4f4f;
    --wb-grey-35: #5c5c5c;
    --wb-grey-40: #696969;
    --wb-grey-45: #767676;
    --wb-grey-50: #848484;
    --wb-grey-55: #919191;
    --wb-grey-60: #9f9f9f;
    --wb-grey-65: #adadad;
    --wb-grey-70: #bbb;
    --wb-grey-75: #c9c9c9;
    --wb-grey-80: #dbdbdb;
    --wb-grey-85: #e8e8e8;
    --wb-grey-90: #f4f4f4;
    --wb-grey-95: #f8f8f8;
    --wb-red-05: #2b0707;
    --wb-red-10: #410a0a;
    --wb-red-15: #570d0d;
    --wb-red-20: #6d1111;
    --wb-red-25: #821414;
    --wb-red-30: #981717;
    --wb-red-35: #ae1a1a;
    --wb-red-40: #c31e1e;
    --wb-red-45: #d92121;
    --wb-red-50: #ff4a4a;
    --wb-red-55: #ff5c5c;
    --wb-red-60: #ff6e6e;
    --wb-red-65: #ff8080;
    --wb-red-70: #ff9292;
    --wb-red-75: #ffa5a5;
    --wb-red-80: #ffb7b7;
    --wb-red-85: #ffc9c9;
    --wb-red-90: #ffdbdb;
    --wb-red-95: #ffeded;
    --wb-yellow-05: #2e2600;
    --wb-yellow-10: #463900;
    --wb-yellow-15: #5d4c00;
    --wb-yellow-20: #745f00;
    --wb-yellow-25: #8b7100;
    --wb-yellow-30: #a28400;
    --wb-yellow-35: #ba9700;
    --wb-yellow-40: #d1aa00;
    --wb-yellow-45: #e8bd00;
    --wb-yellow-50: #facc00;
    --wb-yellow-55: #fbd11a;
    --wb-yellow-60: #fbd633;
    --wb-yellow-65: #fcdb4c;
    --wb-yellow-70: #fce066;
    --wb-yellow-75: #fde680;
    --wb-yellow-80: #fdeb99;
    --wb-yellow-85: #fef0b3;
    --wb-yellow-90: #fef5cc;
    --wb-yellow-95: #fffae6;
    --wb-font-title: "MBCorpo Title","DaimlerCAC-Regular","DaimlerCACArab-Regular",serif;
    --wb-font-text: "MBCorpo Text","DaimlerCS-Regular","DaimlerCSArab-Regular",sans-serif;
    --wb-font-text-bold: "MBCorpo Text","DaimlerCS-Regular","DaimlerCSArab-Regular",sans-serif;
    --wb-shadow-s: 0 0 0.125rem 0 rgba(0,0,0,.1),0 0.125rem 0.25rem 0 rgba(0,0,0,.1);
    --wb-shadow-m: 0 0 0.125rem 0 rgba(0,0,0,.1),0 0.25rem 0.5rem 0 rgba(0,0,0,.1);
    --wb-shadow-l: 0 0 0.25rem 0 rgba(0,0,0,.1),0 1rem 1.5rem 0 rgba(0,0,0,.1);
    --wb-fade: cubic-bezier(0,0,0.3,1);
    --wb-move: cubic-bezier(0.3,0,0,1);
    --wb-open: cubic-bezier(0.25,0.1,0.25,1);
    --wb-radius-s: 0.125rem;
    --wb-radius-m: 0.25rem;
    --wb-radius-l: 0.5rem;
    --wb-radius-full: 50%;
    --wb-grid-width: min(var(--wb-grid-content-width),105rem);
    --wb-grid-column-width: min(calc((var(--wb-grid-content-width) - 11 * var(--wb-grid-gutter-width)) / 12),6.9166666667rem)
}

@media(min-width:48em) {
    :host, :root {
        --wb-grid-gutter-width: 1rem;
        --wb-grid-content-width: 86vw;
        --wb-grid-content-width: 86%
    }
}

@media(min-width:64em) {
    :host, :root {
        --wb-spacing-xs: 1.5rem;
        --wb-spacing-s: 2rem;
        --wb-spacing-m: 3rem;
        --wb-spacing-l: 4rem;
        --wb-spacing-xl: 5rem;
        --wb-spacing-xxl: 5.5rem
    }
}

@media(min-width:80em) {
    :host, :root {
        --wb-grid-gutter-width: 1.5rem
    }
}

@media(min-width:90em) {
    :host, :root {
        --wb-grid-gutter-width: 2rem;
        --wb-spacing-l: 4.5rem;
        --wb-spacing-xl: 5.5rem;
        --wb-spacing-xxl: 6rem
    }
}