*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@media print{
*{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important;}
}
div,h1,p{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline;}
h1{font-size:2em;margin:.67em 0;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.grp-component__content{margin:0 auto;max-width:106.3125rem;width:100%;}
.grp-component__content:before,.grp-component__content:after{content:" ";display:table;}
.grp-component__content:after{clear:both;}
@media print{
*{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important;}
p{orphans:3;widows:3;}
}
.grp-h1{font-family:"BMWGroupCondensed-Bold",Impact,Charcoal,sans-serif;font-size:3.125rem;font-weight:normal;line-height:1.06;color:#444;text-transform:uppercase;}
.textmodule .textmodule-wrap .grp-textgrayed .grp-textgrayed__content .grp-textgrayed__content__text p{font-family:"BMWGroup-Regular",Arial,Helvetica,sans-serif;font-size:.938rem;font-weight:italic;line-height:1.375rem;color:#444;}
.textmodule .textmodule-wrap .grp-textgrayed .grp-textgrayed__content .grp-textgrayed__content__text p,p{font-family:"BMWGroup-Regular",Arial,Helvetica,sans-serif;font-size:.9375rem;font-weight:normal;line-height:1.375rem;color:#444;}
.grp-h1{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;}
.grp-component__content{padding-left:1rem;padding-right:1rem;}
.grp-component__content:before,.grp-component__content:after{content:" ";display:table;}
.grp-component__content:after{clear:both;}
.grp-component__content .grp-layoutcontainer__inner{width:100%;float:left;}
@media (min-width:20.0625em){
.grp-component__content{padding-left:1.5rem;padding-right:1.5rem;}
}
@media only screen and (min-width:30.0625em){
.grp-component__content{padding-left:3rem;padding-right:3rem;}
}
@media only screen and (min-width:48.0625em){
.grp-component__content{padding-left:3.84375rem;padding-right:3.84375rem;}
}
@media only screen and (min-width:64.0625em){
.grp-component__content{padding-left:4.75rem;padding-right:4.75rem;}
}
@media only screen and (min-width:80.0625em){
.grp-component__content{padding-left:7.375rem;padding-right:7.375rem;}
}
@media only screen and (min-width:48.0625em) and (max-width:64em){
.grp-component__content .grp-layoutcontainer__inner{padding-left:6.5px;padding-right:6.5px;}
}
@media only screen and (min-width:64.0625em) and (max-width:80em){
.grp-component__content .grp-layoutcontainer__inner{padding-left:8px;padding-right:8px;}
}
@media only screen and (min-width:80.0625em){
.grp-component__content .grp-layoutcontainer__inner{padding-left:10.5px;padding-right:10.5px;}
}
@media only screen and (max-width:30em){
.grp-component__content .grp-layoutcontainer__inner{padding-left:9px;padding-right:9px;}
}
@media only screen and (min-width:30.0625em) and (max-width:48em){
.grp-component__content .grp-layoutcontainer__inner{padding-left:7px;padding-right:7px;}
}
.textmodule .textmodule-wrap{margin-top:1.5625rem;}
.headlineh1 + .textmodule .textmodule-wrap{margin-top:2.5rem;}
.textmodule .textmodule-wrap .grp-textgrayed .grp-textgrayed__content{overflow:hidden;position:relative;width:100%;display:block;}
.textmodule .textmodule-wrap .grp-textgrayed .grp-textgrayed__content .grp-textgrayed__content__text{overflow:hidden;max-width:50rem;line-height:1.07rem;}
.textmodule .textmodule-wrap .grp-textgrayed .grp-textgrayed__content .grp-textgrayed__content__text p:first-child{margin-top:0;}
.textmodule .textmodule-wrap .grp-textgrayed .grp-textgrayed__content .grp-textgrayed__content__text p{max-width:50rem;margin-bottom:1.2rem;}
.textmodule .textmodule-wrap .grp-textgrayed .grp-textgrayed__content .grp-textgrayed__content__text p:last-child{margin-bottom:0;}
.textmodule .textmodule-wrap .grp-textgrayed .grp-textgrayed__content .grp-textgrayed__content__text p:empty{margin:0;}
.textmodule .textmodule-wrap .grp-textgrayed .grp-textgrayed__content .grp-textgrayed__content__text p + p{margin-top:-0.3rem;}
.grp-layoutcontainer{position:relative;}
@media only screen and (min-width:30.0625em){
.grp-layoutcontainer{padding-top:4.375rem;padding-bottom:4.375rem;}
}
@media only screen and (max-width:30em){
.grp-layoutcontainer{padding-top:3.125rem;padding-bottom:3.125rem;}
}
.grp-h1{color:#444;}
@media (max-width:480px){
.grp-h1{font-size:1.5625rem;}
}
@media (min-width:481px) and (max-width:604px){
.grp-h1{font-size:2rem;}
}
@media (min-width:605px) and (max-width:768px){
.grp-h1{font-size:2.5rem;}
}
@media (min-width:769px) and (max-width:880px){
.grp-h1{font-size:2.6875rem;}
}
@media (min-width:881px) and (max-width:1024px){
.grp-h1{font-size:2.875rem;}
}
@media (min-width:1025px){
.grp-h1{font-size:3.125rem;}
}
@media print{
.grp-component__content{padding-left:1rem;padding-right:1rem;}
}
/*! CSS Used from: http://127.0.0.1:5500/css/navigation.css */
div{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@media print{
*{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important;}
}
div{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@media print{
*{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important;}
}
/*! CSS Used from: http://127.0.0.1:5500/css/labCarContainer.css */
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@media print{
*{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important;}
}
div,h1,p{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline;}
h1{font-size:2em;margin:.67em 0;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.grp-component__content{margin:0 auto;max-width:106.3125rem;width:100%;}
.grp-component__content:before,.grp-component__content:after{content:" ";display:table;}
.grp-component__content:after{clear:both;}
@media print{
*{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important;}
p{orphans:3;widows:3;}
}
.grp-h1{font-family:"BMWGroupCondensed-Bold",Impact,Charcoal,sans-serif;font-size:3.125rem;font-weight:normal;line-height:1.06;color:#444;text-transform:uppercase;}
.textmodule .textmodule-wrap .grp-textgrayed .grp-textgrayed__content .grp-textgrayed__content__text p{font-family:"BMWGroup-Regular",Arial,Helvetica,sans-serif;font-size:.938rem;font-weight:italic;line-height:1.375rem;color:#444;}
.textmodule .textmodule-wrap .grp-textgrayed .grp-textgrayed__content .grp-textgrayed__content__text p,p{font-family:"BMWGroup-Regular",Arial,Helvetica,sans-serif;font-size:.9375rem;font-weight:normal;line-height:1.375rem;color:#444;}
.grp-h1{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;}
.grp-component__content{padding-left:1rem;padding-right:1rem;}
.grp-component__content:before,.grp-component__content:after{content:" ";display:table;}
.grp-component__content:after{clear:both;}
.grp-component__content .grp-layoutcontainer__inner{width:100%;float:left;}
@media (min-width:20.0625em){
.grp-component__content{padding-left:1.5rem;padding-right:1.5rem;}
}
@media only screen and (min-width:30.0625em){
.grp-component__content{padding-left:3rem;padding-right:3rem;}
}
@media only screen and (min-width:48.0625em){
.grp-component__content{padding-left:3.84375rem;padding-right:3.84375rem;}
}
@media only screen and (min-width:64.0625em){
.grp-component__content{padding-left:4.75rem;padding-right:4.75rem;}
}
@media only screen and (min-width:80.0625em){
.grp-component__content{padding-left:7.375rem;padding-right:7.375rem;}
}
@media only screen and (min-width:48.0625em) and (max-width:64em){
.grp-component__content .grp-layoutcontainer__inner{padding-left:6.5px;padding-right:6.5px;}
}
@media only screen and (min-width:64.0625em) and (max-width:80em){
.grp-component__content .grp-layoutcontainer__inner{padding-left:8px;padding-right:8px;}
}
@media only screen and (min-width:80.0625em){
.grp-component__content .grp-layoutcontainer__inner{padding-left:10.5px;padding-right:10.5px;}
}
@media only screen and (max-width:30em){
.grp-component__content .grp-layoutcontainer__inner{padding-left:9px;padding-right:9px;}
}
@media only screen and (min-width:30.0625em) and (max-width:48em){
.grp-component__content .grp-layoutcontainer__inner{padding-left:7px;padding-right:7px;}
}
.textmodule .textmodule-wrap{margin-top:1.5625rem;}
.headlineh1 + .textmodule .textmodule-wrap{margin-top:2.5rem;}
.textmodule .textmodule-wrap .grp-textgrayed .grp-textgrayed__content{overflow:hidden;position:relative;width:100%;display:block;}
.textmodule .textmodule-wrap .grp-textgrayed .grp-textgrayed__content .grp-textgrayed__content__text{overflow:hidden;max-width:50rem;line-height:1.07rem;}
.textmodule .textmodule-wrap .grp-textgrayed .grp-textgrayed__content .grp-textgrayed__content__text p:first-child{margin-top:0;}
.textmodule .textmodule-wrap .grp-textgrayed .grp-textgrayed__content .grp-textgrayed__content__text p{max-width:50rem;margin-bottom:1.2rem;}
.textmodule .textmodule-wrap .grp-textgrayed .grp-textgrayed__content .grp-textgrayed__content__text p:last-child{margin-bottom:0;}
.textmodule .textmodule-wrap .grp-textgrayed .grp-textgrayed__content .grp-textgrayed__content__text p:empty{margin:0;}
.grp-layoutcontainer{position:relative;}
@media only screen and (min-width:30.0625em){
.grp-layoutcontainer{padding-top:4.375rem;padding-bottom:4.375rem;}
}
@media only screen and (max-width:30em){
.grp-layoutcontainer{padding-top:3.125rem;padding-bottom:3.125rem;}
}
.grp-h1{color:#444;}
@media (max-width:480px){
.grp-h1{font-size:1.5625rem;}
}
@media (min-width:481px) and (max-width:604px){
.grp-h1{font-size:2rem;}
}
@media (min-width:605px) and (max-width:768px){
.grp-h1{font-size:2.5rem;}
}
@media (min-width:769px) and (max-width:880px){
.grp-h1{font-size:2.6875rem;}
}
@media (min-width:881px) and (max-width:1024px){
.grp-h1{font-size:2.875rem;}
}
@media (min-width:1025px){
.grp-h1{font-size:3.125rem;}
}
@media print{
.grp-component__content{padding-left:1rem;padding-right:1rem;}
}
div{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@media print{
*{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important;}
}
div{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@media print{
*{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important;}
}

.wb-title{
    font-family: BMWGroupCondensed-Bold;
    font-size: 1rem;
}

.blackFontColor .wb-title{
    color: black;
}

.blackFontColor .wb-icon{
    filter: brightness(0%);
}
.whiteFontColor .wb-title{
    color: white;
}


.displayNone{
    display: none;
}

body {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

body {
    margin: 0;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    height: 100%;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-size: 100%;
}

body {
    background: #fff;
    color: #222;
    cursor: auto;
    font-family: "BMWGroup-Regular", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.06;
    margin: 0;
    padding: 0 !important;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

div,
a,
section {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

.instructionText{
    padding-top: 20px;
}

main,
section {
    display: block;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

a {
    text-decoration: none;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a:hover {
    cursor: pointer;
}

.off-canvas-wrap {
    position: relative;
    width: 100%;
}

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }
}

.grp-button {
    font-family: "BMWGroupCondensed-Bold", Impact, Charcoal, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    color: #444;
}

.grp-component__fullwidth:before,
.grp-component__fullwidth:after {
    content: " ";
    display: table;
}

.grp-component__fullwidth:after {
    clear: both;
}

.grp-button:focus {
    outline: 0;
}

.grp-button:hover {
    background-color: #FFF;
    color: #000;
}

a {
    text-decoration: none;
}

@media only screen and (min-width:48.0625em) and (max-width:64em) {
    .grp-button {
        max-width: 19.125rem;
        font-size: .875rem;
        line-height: 2.75rem;
    }
}

@media only screen and (min-width:64.0625em) and (max-width:80em) {
    .grp-button {
        max-width: 22.5rem;
        font-size: 1rem;
    }
}

@media only screen and (min-width:80.0625em) {
    .grp-button {
        max-width: 23.625rem;
        font-size: 1.0625rem;
    }
}

@media only screen {
    .grp-scroll2top {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeOutDown;
        animation-name: fadeOutDown;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        animation-delay: .5s;
        -webkit-animation-delay: .5s;
    }
}

@media only screen and (max-width:30em) {
    .grp-button {
        max-width: 17.0625rem;
        width: -moz-available;
        height: 2.4375rem;
        font-size: .875rem;
        padding-right: 2rem;
        padding-left: 1rem;
        line-height: 2.6rem;
        background-position: right .3rem center;
    }
}

@media only screen and (min-width:30.0625em) and (max-width:48em) {
    .grp-button {
        max-width: 18rem;
        font-size: .8125rem;
        padding-right: 2rem;
        padding-left: 1rem;
        line-height: 2.75rem;
        background-position: right .3rem center;
    }
}

.grp-scroll2top {
    z-index: 999;
    position: fixed;
    bottom: 5%;
    right: 2%;
    width: 74px;
    color: #444;
    opacity: 0;
    background-image: url("../assets/svg/up_24_navigation_default.svg");
    background-repeat: no-repeat;
    background-position: right 25px center;
    background-color: #d9d9d9 !important;
    cursor: pointer;
}

.grp-scroll2top:active,
.grp-scroll2top:hover {
    color: #000;
    background-image: url("../assets/svg/up_24_navigation_mouseover.svg");
}

@media only screen and (max-width:30em) {
    .grp-scroll2top {
        height: 40px;
        width: 60px;
        padding: 3px 10px 10px 10px;
        background-position: right 18px center;
    }

    .grp-scroll2top:active,
    .grp-scroll2top:hover {
        color: #444;
        background-color: #d9d9d9 !important;
    }
}

.grp-main {
    /*background-color: #f7f7f7;*/
    margin-top: 150px;
}


.grp-main:before,
.grp-main:after {
    content: " ";
    display: table;
}

.grp-main:after {
    clear: both;
}

@media only screen and (max-width:30em) {
    .grp-main {
        margin-top: 84px;
    }
}

@media only screen and (min-width:30.0625em) and (max-width:48em) {
    .grp-main {
        margin-top: 95px;
    }
}

@media only screen and (min-width:48.0625em) and (max-width:64em) {
    .grp-main {
        margin-top: 95px;
    }
}

@media only screen and (min-width:64.0625em) {
    .grp-main {
        margin-top: 100px;
    }
}

.exit-off-canvas {
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
    cursor: none;
    transition: background 500ms 500ms ease;
    -webkit-tap-highlight-color: transparent;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002;
    display: none;
}

.inner-wrap {
    background: rgba(0, 0, 0, 0);
    transition: background 500ms 500ms ease;
}

.off-canvas-wrap {
    min-height: 100%;
}

.inner-wrap:nth-child(1) {
    margin-top: 0;
}

@media (max-width:1024px) {
    .inner-wrap:nth-child(1) {
        margin-top: 96px;
    }
}

@media (max-width:480px) {
    .inner-wrap:nth-child(1) {
        margin-top: 82px;
    }
}

@media print {
    .grp-main {
        margin-top: 80px !important;
    }
}

/*! CSS Used keyframes */
@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

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

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

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

/*! CSS Used fontfaces */
@font-face {
    font-family: BMWGroup-Regular;
    src: url('../assets/fonts/BMWGroup-Regular.woff') format('woff'), url('../assets/fonts/BMWGroup-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: BMWGroupCondensed-Regular;
    src: url('../assets/fonts/BMWGroupCondensed-Regular.woff') format('woff'), url('../assets/fonts/BMWGroupCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: BMWGroupCondensed-Bold;
    src: url('../assets/fonts/BMWGroupCondensed-Bold.woff') format('woff'), url('../assets/fonts/BMWGroupCondensed-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}