﻿@font-face{font-family:BMWTypeNextPro;font-weight:500;src:url("/fonts/BMWTypeNextPro/BMWTypeNextPro-Medium.woff2") format("woff2"),url("/fonts/BMWTypeNextPro/BMWTypeNextPro-Medium.woff") format("woff");}@font-face{font-family:BMWTypeNextProTT;font-weight:500;src:url("/fonts/BMWTypeNextPro/BMWTypeNextProTT-Medium.woff2") format("woff2"),url("/fonts/BMWTypeNextPro/BMWTypeNextProTT-Medium.woff") format("woff");}.btn{border-radius:5px;}@media(max-width:768px){.header .copy .btn{width:100%;}}.preorder-form .form-wizard .vehicle-spec .btn-container{text-align:center;}@media(max-width:768px){.preorder-form .form-wizard .vehicle-spec .btn-container{text-align:center;}}.btn.btn-white{background-color:#fff;color:#000;}.btn.btn-white:hover{background-color:#ddd;color:#000;}.preorder-form .img-side{background-image:url("/img/preorder/iX3/preorder.jpg");}.form-side{background-color:#fff;}@media(max-width:768px){.header{background-color:#060412;background-image:url("/img/preorder/iX3/header-mobile.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;height:700px!important;width:100%;}}@media(max-width:768px){.header .copy-header{position:relative;top:auto;bottom:auto;padding-top:60px;margin-bottom:35vh;}}.header .copy-header h1{font-family:BMWTypeNextPro;line-height:1em;margin:unset;}.header .copy-header h2{font-family:BMWTypeNextPro;letter-spacing:unset;font-size:1.7rem;}@media(max-width:768px){.header .copy-header h2{display:block;}}.header .copy-header .img-inline{top:-4px;position:relative;padding-right:.5em;}.header .copy{top:unset;bottom:20%;margin-bottom:unset;z-index:50;}@media(max-width:768px){.header .copy{position:absolute;top:450px;bottom:unset;padding-bottom:50px;}}.header .copy p{max-width:400px;font-weight:100;margin:unset;}.header .copy .split{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;margin-bottom:40px;}@media(max-width:768px){.header .copy .split{flex-direction:column;}}.header .copy .split .left{text-align:left;font-size:20px;font-family:BMWTypeNextPro;}@media(max-width:768px){.header .copy .split .left{text-align:center;}}.header .copy .split .right{text-align:left;}@media(max-width:768px){.header .copy .split .right{text-align:center;}}.how-it-works{margin-top:-500px;z-index:40;background-color:transparent;}@media(min-width:768px){.how-it-works{background-image:url("/img/preorder/iX3/howitworks-bg-gr.png");background-size:cover;min-height:1250px;background-position:top center;}}@media(max-width:768px){.how-it-works{min-height:1500px;}}@media(max-width:768px){.how-it-works img{height:100%;object-fit:cover;position:absolute;background-color:transparent;}}.how-it-works h2{font-size:50px;line-height:1em;font-family:BMWTypeNextPro;}@media(max-width:768px){.how-it-works h2{letter-spacing:3px;font-size:30px;line-height:36px;}}.how-it-works .content{position:absolute;top:150px;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;}@media(max-width:768px){.how-it-works .content{top:250px;}}.how-it-works .content .upper-part .upper-copy{padding-top:65px;padding-bottom:65px;}.how-it-works .step-progressbar-container{max-width:1300px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;}.how-it-works .step-progressbar-container .btn-step-reserve{margin-inline:auto;}.how-it-works .step-progressbar-container h4{font-size:30px;line-height:40px;font-family:BMWTypeNextPro;}@media(max-width:768px){.how-it-works .step-progressbar-container h4{font-size:20px;line-height:28px;}}.how-it-works .step-progressbar-container .progressbar li:before{margin-bottom:10px;}.how-it-works .step-progressbar-container .progressbar li span{max-width:300px;display:inline-block;}.wallbox-offer{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;padding-inline:120px;padding-block:120px;background-image:url("/img/preorder/iX3/promo.jpg");background-size:cover;min-height:600px;background-position:bottom center;}@media(max-width:768px){.wallbox-offer{background-image:url("/img/preorder/iX3/promo-mobile.jpg");background-size:cover;min-height:1000px;background-position:bottom left;padding-inline:40px;padding-block:120px;justify-content:flex-start;}}.wallbox-offer .offer-container{max-width:500px;}@media(max-width:768px){.wallbox-offer .offer-container{max-width:90%;}}.wallbox-offer .offer-container .offer-title{font-size:60px;line-height:1em;font-family:BMWTypeNextPro;margin-bottom:20px;}@media(max-width:768px){.wallbox-offer .offer-container .offer-title{font-size:40px;}}.wallbox-offer .offer-container .offer-copy{font-size:16px;line-height:1.6em;max-width:400px;margin-bottom:20px;}.wallbox-offer .offer-container .offer-copy strong{font-weight:600;}.wallbox-offer .offer-container .offer-count{font-size:100px;line-height:1em;font-family:BMWTypeNextPro;margin-bottom:5px;}@media(max-width:768px){.wallbox-offer .offer-container .offer-count{padding-top:500px;font-size:150px;}}.wallbox-offer .offer-container .offer-count-label{font-size:16px;line-height:1em;font-family:BMWTypeNextPro;margin-bottom:0;}.preorder-form{flex-direction:row-reverse;}.preorder-form .form-wizard{display:flex;flex-direction:column;}.preorder-form .form-side{background-color:#fff;color:#000!important;}.preorder-form .form-side .pre-form{display:flex;align-items:center;flex-direction:column;justify-content:center;margin-block:auto;}.preorder-form .form-side .form-header{text-align:center;width:95%;margin-left:auto;margin-right:auto;max-width:800px;padding-bottom:60px;font-size:40px;font-family:BMWTypeNextPro;}@media(max-width:768px){.preorder-form .form-side .form-header{font-size:30px;line-height:36px;text-align:center;}}.preorder-form .form-side .vehicle-spec-container{position:relative;width:90%;margin-left:auto;margin-right:auto;max-width:800px;}.preorder-form .form-side .vehicle-spec-container .vehicle-spec{width:100%;}@media(max-width:768px){.preorder-form .form-side .vehicle-spec-container .vehicle-spec{margin:0;}}.preorder-form .form-side .vehicle-spec-container .vehicle-spec .vehicle-showoff{display:flex;justify-content:center;font-weight:normal;margin-top:25px;}.preorder-form .form-side .vehicle-spec-container .vehicle-spec .vehicle-showoff .left-side{flex:.5;font-weight:300;}@media(max-width:768px){.preorder-form .form-side .vehicle-spec-container .vehicle-spec .vehicle-showoff .left-side .stacked-text{display:grid!important;justify-items:center;line-height:2.5!important;}}.preorder-form .form-side .vehicle-spec-container .vehicle-spec .vehicle-showoff .left-side .top-text{display:flex;white-space:nowrap;font-size:30px;line-height:1.2;letter-spacing:2px;}.preorder-form .form-side .vehicle-spec-container .vehicle-spec .vehicle-showoff .left-side .top-text img{height:.9em;align-self:center;padding-right:.5em;}.preorder-form .form-side .vehicle-spec-container .vehicle-spec .vehicle-showoff .left-side .vehicle-name{font-size:60px;line-height:1.2;white-space:nowrap;}.preorder-form .form-side .vehicle-spec-container .vehicle-spec .vehicle-showoff .right-side img{max-width:285px;}@media(max-width:768px){.preorder-form .form-side .vehicle-spec-container .vehicle-spec .vehicle-showoff{flex-direction:column;text-align:center;}.preorder-form .form-side .vehicle-spec-container .vehicle-spec .vehicle-showoff .left-side .top-text{justify-content:center;}}.preorder-form .form-side .vehicle-spec-container .vehicle-spec .spec-content{margin-inline:auto;}.preorder-form .form-side .vehicle-spec-container .vehicle-spec .spec-content .btn-container{display:flex;flex-direction:column;margin-inline:auto;align-items:center;}.preorder-form .form-side .vehicle-spec-container .vehicle-spec .spec-content .btn-container .btn-primary{margin-bottom:10px;}.preorder-form .form-side .vehicle-spec-container .vehicle-spec .spec-content .btn-container .btn-secondary{border:1px solid #000;color:#000;background:#fff;}.preorder-form .form-side .vehicle-spec-container .vehicle-spec .spec-content .btn-container .btn-secondary:hover{background:#ececec;}.preorder-form .form-side .vehicle-spec-container .vehicle-spec .spec-content .specs{display:grid;grid-template-columns:1fr 1fr;justify-items:center;margin-bottom:60px;}.preorder-form .form-side .vehicle-spec-container .vehicle-spec .spec-content .specs .spec{border:0;text-align:center;justify-content:center;align-self:start;display:flex;flex-direction:column;max-width:300px;aspect-ratio:3/2;align-items:center;}@media(max-width:768px){.preorder-form .form-side .vehicle-spec-container .vehicle-spec .spec-content .specs .spec{aspect-ratio:3/1;}}.preorder-form .form-side .vehicle-spec-container .vehicle-spec .spec-content .specs .spec h3{font-weight:700;}.preorder-form .form-side .vehicle-spec-container .vehicle-spec .spec-content .specs .spec p{font-weight:100;letter-spacing:unset!important;}.preorder-form .form-side .vehicle-spec-container .vehicle-spec .spec-content .specs .spec sup{top:-.5em;font-size:.65em;}.preorder-form .form-side .vehicle-spec-container .vehicle-spec .spec-content .specs .spec svg{fill:black;margin-bottom:20px;height:40px;width:40px;}.preorder-form .form-side .vehicle-spec-container .vehicle-spec .spec-content .specs .spec svg g{fill:black;}.preorder-form .form-side .vehicle-spec-container .vehicle-spec .spec-content .specs .spec svg g path{fill:black;}@media(max-width:768px){.preorder-form .form-side .vehicle-spec-container .vehicle-spec .spec-content .specs{grid-template-columns:auto;text-align:center;padding-left:5vw;}.preorder-form .form-side .vehicle-spec-container .vehicle-spec .spec-content .specs .spec{max-width:unset;}}@media(min-width:768px){.faq{background-image:url("/img/preorder/iX3/faq.jpg");background-color:#020405;}}@media(max-width:768px){.faq{background-image:url("/img/preorder/iX3/faq-mobile.jpg");background-color:#020405;}}@media(min-width:768px){.faq .faq-list{padding-top:0;}}@media(max-width:768px){.faq .faq-list{position:relative;width:100%;top:unset;left:unset;padding-top:0;padding-left:5%;padding-right:5%;}}.faq .faq-list h2{text-align:center;font-weight:500;font-size:40px;font-family:BMWTypeNextPro;margin-left:auto;margin-right:auto;}@media(min-width:768px){.faq .faq-list h2{padding-top:3vw;font-size:50px;line-height:60px;}}@media(min-width:768px){.faq .faq-list h2{padding-top:50%;}}@media(max-width:768px){.faq .faq-list h2{font-size:30px;padding-top:65%;}}.faq .faq-list .legals a{color:#fff;}.legal-copy{width:70%;margin-inline:auto;color:#fff;}@media(max-width:992px){.legal-copy{width:95%;}}