1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8352],{73637:function(a,b,c){var d=c(87462),e=c(97685),f=c(45987),g=c(67294),h=c(8662),i=c(43366),j=c(8920),k=c(5653),l=c(17294),m={entering:{opacity:1},entered:{opacity:1}},n={enter:i.x9.enteringScreen,exit:i.x9.leavingScreen},o=g.forwardRef(function(a,b){var c=a.children,i=a.disableStrictModeCompat,o=a.in,p=a.onEnter,q=a.onEntered,r=a.onEntering,s=a.onExit,t=a.onExited,u=a.onExiting,v=a.style,w=a.TransitionComponent,x=void 0===w?h.ZP:w,y=a.timeout,z=void 0===y?n:y,A=(0,f.Z)(a,["children","disableStrictModeCompat","in","onEnter","onEntered","onEntering","onExit","onExited","onExiting","style","TransitionComponent","timeout"]),B=(0,j.Z)(),C=B.unstable_strictMode&&!(void 0!==i&&i),D=g.useRef(null),E=(0,l.Z)(c.ref,b),F=(0,l.Z)(C?D:void 0,E),G=function(a){return function(b,c){if(a){var d=C?[D.current,b]:[b,c],f=(0,e.Z)(d,2),g=f[0],h=f[1];void 0===h?a(g):a(g,h)}}},H=G(r),I=G(function(a,b){(0,k.n)(a);var c=(0,k.C)({style:v,timeout:z},{mode:"enter"});a.style.webkitTransition=B.transitions.create("opacity",c),a.style.transition=B.transitions.create("opacity",c),p&&p(a,b)}),J=G(q),K=G(u),L=G(function(a){var b=(0,k.C)({style:v,timeout:z},{mode:"exit"});a.style.webkitTransition=B.transitions.create("opacity",b),a.style.transition=B.transitions.create("opacity",b),s&&s(a)}),M=G(t);return g.createElement(x,(0,d.Z)({appear:!0,in:o,nodeRef:C?D:void 0,onEnter:I,onEntered:J,onEntering:H,onExit:L,onExited:M,onExiting:K,timeout:z},A),function(a,b){return g.cloneElement(c,(0,d.Z)({style:(0,d.Z)({opacity:0,visibility:"exited"!==a||o?void 0:"hidden"},m[a],v,c.props.style),ref:F},b))})});b.Z=o},63457:function(a,b,c){c.d(b,{Z:function(){return h}});var d=c(87462),e=c(67294),f=c(159),g=c(93869);function h(a){var b=arguments.length>1&& void 0!==arguments[1]?arguments[1]:{},c=(0,f.Z)(),h=(0,g.Z)({theme:c,name:"MuiUseMediaQuery",props:{}}),i="function"==typeof a?a(c):a;i=i.replace(/^@media( ?)/m,"");var j="undefined"!=typeof window&& void 0!==window.matchMedia,k=(0,d.Z)({},h,b),l=k.defaultMatches,m=void 0!==l&&l,n=k.matchMedia,o=void 0===n?j?window.matchMedia:null:n,p=k.noSsr,q=void 0!==p&&p,r=k.ssrMatchMedia,s=void 0===r?null:r,t=e.useState(function(){return q&&j?o(i).matches:s?s(i).matches:m}),u=t[0],v=t[1];return e.useEffect(function(){var a=!0;if(j){var b=o(i),c=function(){a&&v(b.matches)};return c(),b.addListener(c),function(){a=!1,b.removeListener(c)}}},[i,o,j]),u}},71843:function(a,b,c){var d=c(64836),e=c(75263);b.Z=void 0;var f=e(c(67294)),g=(0,d(c(2108)).default)(f.createElement("path",{d:"M11.67 3.87L9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"}),"ArrowBackIos");b.Z=g},1197:function(a,b,c){var d=c(64836),e=c(75263);b.Z=void 0;var f=e(c(67294)),g=(0,d(c(2108)).default)(f.createElement("path",{d:"M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z"}),"ArrowForwardIos");b.Z=g},79072:function(a,b,c){c.d(b,{Z:function(){return q}});var d=c(26042),e=c(69396),f=c(85893);c(67294);var g=c(41664),h=c.n(g),i=c(11163),j=c(7297),k=c(19521);function l(){var a=(0,j.Z)(['\n .breadcrums-list {\n list-style: none;\n padding-left: 0;\n margin-bottom: 0;\n color: #000000;\n font-size: 12px;\n letter-spacing: 0;\n line-height: 16px;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n\n li {\n position: relative;\n margin-bottom: 5px;\n margin-right: 5px;\n\n &:last-of-type {\n font-weight: 500;\n }\n\n &:not(:first-of-type) {\n padding-left: 15px;\n\n &:after {\n content: "";\n position: absolute;\n width: 6px;\n height: 6px;\n left: 0;\n top: 50%;\n border-right: 1px solid #979797;\n border-top: 1px solid #979797;\n transform: translateY(-50%) rotate(45deg);\n }\n }\n }\n\n a {\n text-decoration: none;\n color: #595959;\n transition: color .35s;\n\n &:hover, &:active, &:focus {\n text-decoration: none;\n color: inherit;\n }\n }\n }\n']);return l=function(){return a},a}var m=k.ZP.div.withConfig({componentId:"sc-9e8ea73f-0"})(l()),n="/gebrauchtwagen",o=function(a){var b=a.text,c=a.index,g=a.href,i=a.as;return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(h(),(0,e.Z)((0,d.Z)({href:"".concat(n).concat(g)},i&&{as:"".concat(n).concat(i)}),{prefetch:!1,children:(0,f.jsx)("a",{itemScope:!0,itemType:"http://schema.org/Thing",itemProp:"item",itemID:"".concat(n).concat(g),children:(0,f.jsx)("span",{itemProp:"name",children:b})})})),(0,f.jsx)("meta",{itemProp:"position",content:c.toString()})]})},p=function(a){var b=a.text,c=a.index,d=a.href,e=(0,i.useRouter)();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("span",{itemScope:!0,itemType:"http://schema.org/Thing",itemProp:"item",itemID:d||e.asPath,children:(0,f.jsx)("span",{itemProp:"name",children:b})}),(0,f.jsx)("meta",{itemProp:"position",content:(c+2).toString()})]})},q=function(a){var b,c,g=a.homeLink;return(0,f.jsx)(m,(0,e.Z)((0,d.Z)({},a),{children:(0,f.jsxs)("ol",{itemScope:!0,itemType:"http://schema.org/BreadcrumbList",className:"breadcrums-list",children:[(0,f.jsxs)("li",{itemProp:"itemListElement",itemScope:!0,itemType:"http://schema.org/ListItem",children:[(0,f.jsx)(h(),{href:"/",prefetch:!1,children:(0,f.jsx)("a",{href:"/",itemScope:!0,itemType:"http://schema.org/Thing",itemProp:"item",itemID:"/",children:(0,f.jsx)("span",{itemProp:"name",children:"autohaus24"})})}),(0,f.jsx)("meta",{itemProp:"position",content:"0"})]}),(0,f.jsx)("li",{itemProp:"itemListElement",itemScope:!0,itemType:"http://schema.org/ListItem",children:(null===(b=a.links)|| void 0===b?void 0:b.length)?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(h(),{href:void 0===g?{pathname:"/gebrauchtwagen"}:g,prefetch:!1,children:(0,f.jsx)("a",{itemScope:!0,itemType:"http://schema.org/Thing",itemProp:"item",itemID:n,children:(0,f.jsx)("span",{itemProp:"name",children:"Gebrauchtwagen"})})}),(0,f.jsx)("meta",{itemProp:"position",content:"1"})]}):(0,f.jsx)(p,{index:1,href:n,text:"Gebrauchtwagen"})}),(c=a.links).map(function(a,b){return(0,f.jsx)("li",{itemProp:"itemListElement",itemScope:!0,itemType:"http://schema.org/ListItem",children:b<c.length-1?(0,f.jsx)(o,{index:b+2,href:a.href,text:a.text,as:a.as}):(0,f.jsx)(p,{index:b,text:a.text})},a.text)})]})}))}},90358:function(a,b,c){c.d(b,{Z:function(){return u}});var d=c(85893);c(67294);var e=c(63457),f=c(73637),g=c(42298),h=c(23855),i=c(949),j=c(52543),k=c(87083),l=(0,j.Z)(function(a){return{tooltip:{backgroundColor:a.palette.common.white,border:"1px solid black",color:"rgba(0, 0, 0, 0.87)",boxShadow:"none",margin:"0 0 10px 0",fontSize:12,"&:before":{position:"absolute",content:'""',bottom:7,left:"calc(50% - 2px)",right:0,width:7,height:7,background:"#fff",borderRight:"1px solid #000",borderBottom:"1px solid #000",transform:"rotate(45deg)"}}}})(k.ZP),m=l,n=c(7297),o=c(19521);function p(){var a=(0,n.Z)(["\n display: flex;\n"]);return p=function(){return a},a}function q(){var a=(0,n.Z)(["\n display: flex;\n justify-content: space-between;\n margin-bottom: 25px;\n position: relative;\n \n h1 {\n margin-right: 20px;\n font-size: 25px;\n line-height: 31px;\n font-weight: ",";\n color: ",";\n letter-spacing: -0.6px;\n @media (max-width: 1024px) {\n margin-right: 5px;\n }\n \n @media (max-width: 1024px) {\n max-width: 430px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n @media (max-width: 768px) {\n max-width: 256px;\n font-size: 20px;\n }\n @media (max-width: 575px) {\n max-width: 215px;\n }\n \n &.mobile {\n font-size: 25px;\n }\n }\n"]);return q=function(){return a},a}var r=o.ZP.div.withConfig({componentId:"sc-6f688856-0"})(p()),s=o.ZP.header.withConfig({componentId:"sc-6f688856-1"})(q(),function(a){return a.theme.fontWeight.bold},function(a){return a.theme.colors.primaryFont}
1),t=c(5900),u=function(a){var b,c,j,k=(0,e.Z)("(max-width: 1024px)");return(0,d.jsxs)(s,{className:a.className,children:[(0,d.jsx)(r,{children:(0,d.jsxs)("div",{children:[k?(0,d.jsx)(m,{placement:"top",TransitionComponent:f.Z,enterTouchDelay:50,title:"".concat(null===(b=a.car.brand)|| void 0===b?void 0:b.name," ").concat((0,i.BL)(a.car.title)),children:(0,d.jsxs)("h1",{className:a.car.external?"page-title external":"page-title",children:[null===(c=a.car.brand)|| void 0===c?void 0:c.name," ",(0,i.BL)(a.car.title)]})}):(0,d.jsxs)("h1",{className:a.car.external?"page-title external":"page-title",children:[null===(j=a.car.brand)|| void 0===j?void 0:j.name," ",(0,i.BL)(a.car.title)]}),(0,d.jsxs)("div",{className:"d-flex align-items-center",children:[(0,d.jsxs)("span",{className:"page-subtitle",children:[(0,d.jsx)("strong",{children:"Fahrzeugnummer"})," ",a.car.referenceNumber]}),a.showTuev&&(0,d.jsx)(m,{placement:"top",TransitionComponent:f.Z,enterTouchDelay:50,title:"T\xdcV bis ".concat((0,g.default)((0,h.default)(a.car.tuev),"MM/yyyy")),children:(0,d.jsx)("div",{style:{margin:"0 0 0 8px",minWidth:33,height:33},children:(0,d.jsx)(t.Z,{width:33,height:33,quality:15,src:"/background/tuv.png",alt:""})})})]})]})}),a.children]})}},31280:function(a,b,c){var d=c(7297),e=c(19521);function f(){var a=(0,d.Z)(['\n padding-top: 25px;\n\n .compare-btn-container {\n position: relative;\n }\n .compare-btn {\n position: relative;\n top: 0;\n }\n\n p {\n font-size: 14px;\n \n &.mobile {\n font-size: 12px;\n line-height: 20px;\n }\n }\n \n .with-asteriks-after > span {\n &:after {\n content: "*";\n display: inline-block;\n font-size: 20px;\n vertical-align: text-top;\n line-height: 18px;\n }\n }\n\n @media (max-width: ',') {\n padding-top: 34px;\n }\n .legal-text {\n &.with-asteriks-before {\n position: relative;\n &:before {\n content: "*";\n position: absolute;\n display: inline-block;\n font-size: 20px;\n vertical-align: text-top;\n line-height: 18px;\n margin-left: -11px;\n }\n }\n margin-bottom: 40px;\n p {\n font-size: 12px;\n margin-bottom: 4px;\n\n @media (min-width: 1376px) {\n font-size: 16px;\n }\n }\n }\n .features {\n border: 1px solid #DCD8D8;\n border-radius: 15px;\n background-color: #FFFFFF;\n box-shadow: 0 1px 7px 0 rgba(0,0,0,0.09);\n margin: 22px 0 15px;\n }\n div.col-lg-8 {\n @media (max-width: 1279px) {\n max-width: 100%;\n flex: none;\n }\n }\n div.col-lg-4 {\n @media (max-width: 1279px) {\n max-width: 100%;\n flex: none;\n order: 3;\n }\n }\n .buttons-block {\n position: absolute;\n top: 110px;\n left: 500px;\n z-index: 10;\n @media (max-width: 1375px) {\n left: 570px;\n }\n @media (max-width: 1279px) {\n left: auto;\n right: 80px;\n }\n @media (max-width: 1024px) {\n align-items: flex-start!important;\n right: 30px;\n }\n @media (max-width: 575px) {\n position: absolute;\n bottom: -40px;\n z-index: 30;\n right: 8px;\n\n .compare-btn-container {\n position: absolute;\n right: 180px;\n .compare-btn {\n white-space: nowrap;\n }\n }\n }\n }\n']);return f=function(){return a},a}b.Z=e.ZP.div.withConfig({componentId:"sc-27c42719-0"})(f(),function(a){return a.theme.breakpoints.lg})},69239:function(a,b,c){c.d(b,{Z:function(){return l}});var d=c(85893);c(67294);var e=c(949),f=c(7297),g=c(19521);function h(){var a=(0,f.Z)(["\n display: inline-block;\n font-size: 12px;\n letter-spacing: 0;\n line-height: 12px;\n font-weight: normal;\n border: 1px solid #000000;\n padding: 8px;\n border-radius: 5px;\n position: absolute;\n background: #fff;\n text-align: left;\n bottom: calc(100% + 15px);\n color: ",";\n ",";\n\n &:before {\n content: '';\n display: block; \n position: absolute;\n right: 20px;\n top: 100%;\n width: 0;\n height: 0;\n border: 8px solid transparent;\n border-top-color: #000;\n }\n\n &:after {\n content: '';\n display: block; \n position: absolute;\n right: 21px;\n top: 100%;\n width: 0;\n height: 0;\n border: 7px solid transparent;\n border-top-color: #fff;\n }\n"]);return h=function(){return a},a}function i(){var a=(0,f.Z)(["\n position: relative;\n display: flex;\n justify-content: space-between;\n color: ",";\n font-size: 30px;\n font-weight: bold;\n letter-spacing: 0.5px;\n line-height: 40px;\n\n @media (min-width: 1376px) {\n font-size: 32px;\n }\n .tile-footer-right {\n text-align: right;\n color: #ffffff;\n padding-top: 60px;\n width: 100%;\n padding-top: 0;\n .price-wrap {\n &.external-car {\n margin-top: 20px;\n }\n .price {\n font-size: 32px;\n font-weight: 700;\n letter-spacing: -0.39px;\n line-height: 35px;\n display: inline-block;\n margin-bottom: 8px;\n &.with_asteriks {\n &:after {\n content: '*';\n position: absolute;\n display: inline-block;\n font-size: 18px;\n vertical-align: text-top;\n line-height: 18px;\n padding-left: 2px;\n }\n }\n }\n div {\n font-size: 12px;\n line-height: 13px;\n }\n }\n .monthly-price-wrap {\n text-decoration: underline;\n font-size: 16px;\n letter-spacing: -0.22px;\n line-height: 24px;\n }\n }\n"]);return i=function(){return a},a}var j=g.ZP.span.withConfig({componentId:"sc-96538ab7-0"})(h(),function(a){return a.inCarpage?"#000":"#fff"},function(a){return a.inCarpage?"right: 20px":""}),k=g.ZP.div.withConfig({componentId:"sc-96538ab7-1"})(i(),function(a){return a.theme.colors.black}),l=function(a){var b,c=a.car,f=a.formData,g="i3"===c.modelName,h=1===c.exportFinancingParams?g?24:c.leasLaufzeit:c.financingTime,i=1===c.exportFinancingParams?(0,e.bP)(c.modelName,{duration:Number(h),mileage:Number(c.leasKilometerlaufleistung),listenPreisBrutto:null==c?void 0:c.listenpreisBrutto,faktorOhneSonderzahlung:null==c?void 0:c.faktorOhneSonderzahlung,prozRwOhneSonderzahlung:null==c?void 0:c.prozRwOhneSonderzahlung,prozRwMitSonderzahlung:null==c?void 0:c.prozRwMitSonderzahlung,faktorMitSonderzahlung:null==c?void 0:c.faktorMitSonderzahlung},null==c?void 0:c.leasMonatsrate):(0,e.uY)(null==c?void 0:c.financingMonthlyRate);return a.inCarpage?(0,d.jsx)(k,{children:(0,d.jsx)("div",{className:"tile-footer-right",children:a.car.external?(null===(b=a.car.offers)|| void 0===b?void 0:b.length)&&(0,d.jsx)("div",{className:"price-wrap external-car",children:(0,d.jsxs)("div",{children:[(0,d.jsxs)("span",{className:"price ".concat((null==c?void 0:c.carType)==="new"?"with_asteriks":""),children:[(0,e.uY)(f.monthlyRate)," ","â¬",a.showRequestCount&&(0,d.jsxs)(j,{inCarpage:!0,children:["Dieses Fahrzeug wurde bereits",(0,d.jsx)("br",{}),"von"," ",(0,d.jsx)("b",{children:a.car.requestsCount>29?29:a.car.requestsCount})," ","Kunden angefragt"]})]}),(0,d.jsx)("div",{children:"mtl. inkl. MwSt"})]})}):(0,d.jsxs)("div",{className:"price-button-wrap",children:[(0,d.jsx)("div",{className:"price-wrap align-self-md-end",children:(0,d.jsxs)("div",{children:[(0,d.jsxs)("span",{className:"price",children:[(0,e.uY)(a.car.price),"â¬",a.showRequestCount&&(0,d.jsxs)(j,{inCarpage:!0,children:["Dieses Fahrzeug wurde bereits",(0,d.jsx)("br",{}),"von"," ",(0,d.jsx)("b",{children:a.car.requestsCount>29?29:a.car.requestsCount})," ","Kunden angefragt"]})]})," ",(0,d.jsx)("div",{children:"inkl.MwSt."})]})}),0!==a.car.exportFinancingParams&&(0,d.jsxs)("div",{className:"monthly-price-wrap",children:[(0,d.jsxs)("span",{children:["ab"," ",i,"â¬"]})," ",1===a.car.exportFinancingParams?"leasen":"finanzieren"]})]})})}):(0,d.jsxs)("div",{children:[(0,d.jsxs)(k,{className:a.className,children:["".concat((0,e.uY)(a.car.price),"â¬"),a.showRequestCount&&(0,d.jsxs)(j,{inCarpage:!1,children:["Dieses Fahrzeug wurde bereits",(0,d.jsx)("br",{}),"von"," ",(0,d.jsx)("b",{children:a.car.requestsCount>29?29:a.car.requestsCount})," ","Kunden angefragt"]})]}),(0,d.jsx)("span",{style:{textAlign:"right",paddingLeft:5},children:"inkl.MwSt."})]})}},58352:function(a,b,c){c.r(b),c.d(b,{default:function(){return bb}});var d=c(26042),e=c(69396),f=c(828),g=c(85893),h=c(96486),i=c(67294),j=c(5152),k=c.n(j),l=c(11163),m=c(7739),n=c.n(m),o=c(25617),p=c(41664),q=c.n(p),r=c(18446),s=c.n(r),t=c(42298),u=c(23855),v=c(26983),w=c(17812),x=c(1197),y=c(71843),z=c(80366),A=c(47737),B=c.n(A),C=c(7297),D=c(19521);function E(){var a=(0,C.Z)(["\n position: relative;\n\n .alice-carousel {\n &__dots {\n display: none;\n\n @media (max-width: ",") {\n display: initial;\n }\n\n position: absolute;\n width: 100%;\n z-index: 5;\n bottom: 5px;\n\n &-item {\n width: 12px;\n height: 12px;\n background: #D8D8D8;\n\n &:hover{\n background: #D8D8D8;\n }\n\n &.__active{\n background: #E4001E;\n }\n\n &:not(:last-child){\n margin-right: 6px;\n }\n }\n }\n &__slide-info {\n top: auto;\n bottom: 20px;\n color: #191919;\n @media (min-width: 577px) {\n display: none;\n }\n }\n }\n\n .nav-control-modal {\n display: flex;\n position: absolute;\n left: 0;\n width: 100%;\n top: 50%;\n margin-top: -20px;\n z-index: 3;\n button {\n color: ",";\n &:focus {\n outline: none;\n }\n }\n }\n .nav-control {\n display: flex;\n position: absolute;\n left: 0;\n width: 100%;\n top: 50%;\n pointer-events: none;\n \n .next, .prev {\n width: 30px;\n height: 30px;\n background: rgba(255,255,255,0.67);\n border-radius: 3px;\n position: relative;\n cursor: pointer;\n z-index: 3;\n margin-right: 12px;\n pointer-events: all;\n\n &:after {\n content: '';\n position: absolute;\n width: 8px;\n height: 8px;\n left: 50%;\n top: 50%;\n border-right: 2px solid #E4001E;\n border-top: 2px solid #E4001E;\n transform: translate(-60%, -50%) rotate(45deg); \n }\n }\n\n .prev {\n margin-right: 0;\n margin-left: 12px;\n &:after {\n transform: translate(-35%, -50%) rotate(-135deg);\n }\n }\n }\n \n .carousel-large {\n position: relative;\n z-index: 3;\n @media (max-width: 1279px) {\n max-width: 870px;\n margin: 0 auto;\n }\n\n img {\n width: 100%;\n height: auto;\n max-width: none;\n display: block;\n border-radius: 25px;\n }\n }\n .carousel-thumb {\n margin: 15px auto 0;\n position: relative;\n z-index: 3;\n\n .thumb {\n & > div {\n border-radius: 4px;\n }\n }\n\n @media (max-width: ",") {\n display: none;\n }\n\n li {\n padding: 3px;\n }\n \n img {\n width: 100%;\n height: auto;\n display: block;\n }\n }
1\n .modal-carousel {\n background: #000;\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n\n .spinner {\n position: absolute;\n z-index: 1;\n }\n\n .alice-carousel {\n z-index: 2;\n }\n\n .large-img-wrap {\n width: 100%;\n height: 100vh;\n position: relative;\n }\n }\n .close-modal {\n position: absolute;\n right: 0;\n top: 0;\n z-index: 3;\n color: ",";\n }\n"]);return E=function(){return a},a}var F=D.ZP.div.withConfig({componentId:"sc-f282009a-0"})(E(),function(a){return a.theme.breakpoints.xs},function(a){return a.theme.colors.activeSwitch},function(a){return a.theme.breakpoints.xs},function(a){return a.theme.colors.activeSwitch}),G=c(30527),H=c(49620),I=c(5900),J={0:{items:5},767:{items:7}},K={0:{items:1}};function L(a){var b,c,d,e,f,h,j,k,l=a.car,m=l.images,n=l.title,o=(0,i.useState)(0),p=o[0],q=o[1],r=(0,i.useState)(!1),s=r[0],t=r[1],u=(0,i.useState)((b=m,c=n,d=t,b.map(function(a,b){return(0,g.jsx)("div",{children:(0,g.jsx)(I.Z,{width:872,height:566,quality:95,onClick:function(){(0,G.H2)(),d(!0)},priority:0===b||1===b,src:a.scsDetailView,alt:"".concat(c," Gebrauchtwagen")})},a.scsDetailView)})))[0],A=(0,i.useState)((e=m,f=n,h=q,e.map(function(a,b){return(0,g.jsx)("div",{className:"thumb",onClick:function(){return h(b)},children:(0,g.jsx)(I.Z,{width:120,height:80,quality:25,src:a.scsDetailView,alt:"".concat(f," Gebrauchtwagen")},a.scsDetailView)})}))),C=A[0],D=(0,i.useState)((j=m,k=n,j.map(function(a){return(0,g.jsx)("div",{className:"large-img-wrap",children:(0,g.jsx)(I.Z,{layout:"fill",objectFit:"contain",width:1600,height:1200,src:a.scsOriginal,alt:"".concat(k," Gebrauchtwagen")},a.scsOriginal)},a.scsDetailView)}))),E=D[0],L=i.useRef(null),M=i.useRef(null),N=i.useRef(null),O=function(){var a,b;L.current.slideNext(),null==M||null===(a=M.current)|| void 0===a||a.slideNext(),null==N||null===(b=N.current)|| void 0===b||b.slideNext()},P=function(){var a,b;L.current.slidePrev(),null==M||null===(a=M.current)|| void 0===a||a.slidePrev(),null==N||null===(b=N.current)|| void 0===b||b.slidePrev()},Q=function(a){"action"===a.type&&q(a.item)};return(0,g.jsx)(g.Fragment,{children:(0,g.jsxs)(F,{children:[(0,g.jsxs)("div",{className:"carousel-large",children:[(0,g.jsx)(B(),{responsive:K,ref:L,activeIndex:p,disableDotsControl
1s:!0,disableButtonsControls:!0,disableSlideInfo:!1,infinite:!0,items:u,mouseTracking:!1,onSlideChanged:Q}),m.length>1&&(0,g.jsxs)("div",{className:"nav-control justify-content-between",children:[(0,g.jsx)("div",{className:"prev",onClick:P}),(0,g.jsx)("div",{className:"next",onClick:O})]})]}),m.length>1&&(0,g.jsx)(g.Fragment,{children:(0,g.jsx)("div",{className:"carousel-thumb",children:(0,g.jsx)(B(),{ref:M,activeIndex:p,responsive:J,infinite:!0,disableDotsControls:!0,disableButtonsControls:!0,items:C,mouseTracking:!1})})}),(0,g.jsx)(v.Z,{open:s,keepMounted:!0,disablePortal:!0,children:(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(w.Z,{onClick:function(){return t(!1)},className:"close-modal",children:(0,g.jsx)(z.Z,{fontSize:"large"})}),m.length>1&&(0,g.jsxs)("div",{className:"nav-control-modal justify-content-between",children:[(0,g.jsx)(w.Z,{onClick:P,className:"prev",children:(0,g.jsx)(y.Z,{fontSize:"large"})}),(0,g.jsx)(w.Z,{onClick:O,className:"next",children:(0,g.jsx)(x.Z,{fontSize:"large"})})]}),s&&(0,g.jsxs)("div",{className:"modal-carousel",children:[(0,g.jsx)("div",{className:"spinner",children:(0,g.jsx)(H.v,{})}),(0,g.jsx)(B(),{activeIndex:p,ref:N,responsive:{0:{items:1}}
1,disableDotsControls:!0,disableButtonsControls:!0,infinite:!0,items:E})]})]})})]})})}var M=c(31280),N=c(14924),O=c(61715),P=c(66037);function Q(){var a=(0,C.Z)(["\n padding-top: 20px;\n padding-bottom: 20px;\n"]);return Q=function(){return a},a}function R(){var a=(0,C.Z)(["\n font-size: 18px;\n font-weight: ",";\n margin-bottom: 20px;\n line-height: 24px;\n padding: 10px;\n position: relative;\n cursor: pointer;\n\n &:before {\n display: inline-block;\n margin-bottom: ",'px;\n content: "";\n width: 15px;\n height: 15px;\n margin-right: 20px;\n border-bottom: 2px solid ',";\n border-right: 2px solid ",";\n transform: rotate(",'deg);\n transition: .3s all;\n }\n \n &:after {\n content: "";\n width: 100%;\n height: 1px;\n opacity: .83;\n background-color: #ACACAC;\n position: absolute;\n left: 0;\n bottom: 0;\n }\n\n @media (min-width: 1376px) {\n font-size: 24px;\n }\n\n @media (max-width: ',") {\n font-size: 18px;\n line-height: 24px;\n padding: 15px;\n\n &:before {\n width: 10px;\n height: 10px;\n margin-right: 15px;\n }\n } \n"]);return R=function(){return a},a}var S=D.ZP.div.withConfig({componentId:"sc-77d9d170-0"})(Q()),T=D.ZP.h3.withConfig({componentId:"sc-77d9d170-1"})(R(),function(a){return a.theme.fontWeight.bold},function(a){return a.isOpen?"-3":"3"},function(a){return a.theme.colors.black},function(a){return a.theme.colors.black},function(a){return a.isOpen?"-135":"45"},function(a){return a.theme.breakpoints.md});function U(a){var b=a.children,c=a.title,d=void 0===c?"":c,e=a.open,f=(0,i.useState)(e),h=f[0],j=f[1],k=function(){(0,G.At)({sectionName:d.toLowerCase().replace(/\s/g,"_")}),j(!h)};return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(T,{onClick:k,isOpen:h,children:d}),(0,g.jsx)(P.Z,{in:h,children:(0,g.jsx)(S,{children:b})})]})}function V(){var a=(0,C.Z)(["\n font-size: 16px;\n color: ",";\n font-weight: ",";\n margin-bottom: 20px;\n"]);return V=function(){return a},a}function W(){var a=(0,C.Z)(["\n list-style: none;\n padding-left: 0;\n\n &:not(:last-of-type) {\n margin-bottom: 50px;\n } \n\n @media (max-width: ",") {\n max-width: none;\n margin-bottom: 30px;\n }\n \n li {\n display: flex;\n \n &:not(:last-of-type) {\n margin-bottom: 23px;\n } \n \n span {\n line-height: 21px;\n width: 50%;\n font-size: 14px;\n\n @media (min-width: 1376px) {\n font-size: 16px;\n }\n \n &.bold {\n font-weight: ",";\n }\n }\n }\n"]);return W=function(){return a},a}var X=D.ZP.h4.withConfig({componentId:"sc-536eb174-0"})(V(),function(a){return a.theme.colors.black},function(a){return a.theme.fontWeight.bold}),Y=D.ZP.ul.withConfig({componentId:"sc-536eb174-1"})(W(),function(a){return a.theme.breakpoints.md},function(a){return a.theme.fontWeight.bold}),Z=function(a){var b=a.title,c=void 0===b?"":b,d=a.children,e=a.className;return(0,g.jsxs)(g.Fragment,{children:[c&&(0,g.jsx)(X,{children:c}),(0,g.jsx)(Y,{className:e,children:d})]})};function $(){var a=(0,C.Z)(["\n column-count: 3;\n\n @media (max-width: ",") {\n column-count: 2;\n } \n\n @media (max-width: ",") {\n column-count: 1;\n } \n"]);return $=function(){return a},a}var _=(0,D.ZP)(Z).withConfig({componentId:"sc-95db1c04-0"})($(),function(a){return a.theme.breakpoints.md},function(a){return a.theme.breakpoints.xs}),aa=function(a){var b=a.car,c=a.carDetailsContent,d=a.renderSimpleProps,e=a.sectionsToggle;return(0,g.jsx)(U,{title:c.carInformationSection.entity.headline,open:e.carInfoOpened,children:(0,g.jsx)(_,{children:c.carInformationSection.entity.simpleProps.map(function(a){return d(a,b)})})})},ab=c(64436),ac=c(75445),ad=c(39803),ae=c(949);function af(){var a=(0,C.Z)(["\n .form-title {\n color: ",";\n font-size: 18px;\n font-weight: ",";\n letter-spacing: 0;\n line-height: 24px;\n margin-bottom: 40px;\n \n @media (max-width: 767px) {\n margin-top: 50px;\n }\n }\n \n .disabled-form-msg {\n margin-bottom: 20px;\n margin-top: -20px;\n }\n \n .MuiNativeSelect-select:focus {\n background-color: #fff;\n }\n\n .MuiInput-underline {\n &:before, &:after {\n display: none;\n }\n }\n"]);return af=function(){return a},a}function ag(){var a=(0,C.Z)(["\n color: ",";\n font-size: 12px;\n font-weight: ",";\n letter-spacing: 0;\n line-height: 16px;\n"]);return ag=function(){return a},a}function ah(){var a=(0,C.Z)(["\n box-sizing: border-box;\n height: 40px;\n border: 1px solid ",";\n border-radius: 5px;\n background-color: ",";\n box-shadow: 0 0 20px 0 rgba(0,0,0,0.05);\n display: flex;\n align-items: center;\n padding: 0 10px;\n"]);return ah=function(){return a},a}function ai(){var a=(0,C.Z)(["\n display: inline-block;\n width: 10px;\n height: 10px;\n border-right: 2px solid ",";\n border-top: 2px solid ",";\n transform: rotate(135deg);\n margin-right: 10px;\n margin-top: 3px;\n"]);return ai=function(){return a},a}var aj=D.ZP.div.withConfig({componentId:"sc-4acc1714-0"})(af(),function(a){return a.theme.colors.black},function(a){return a.theme.fontWeight.bold}),ak=D.ZP.label.withConfig({componentId:"sc-4acc1714-1"})(ag(),function(a){return a.theme.colors.primaryFont},function(a){return a.theme.fontWeight.bold}),al=D.ZP.div.withConfig({componentId:"sc-4acc1714-2"})(ah(),function(a){return a.theme.colors.accordionBorderColor},function(a){return a.theme.colors.white}),am=D.ZP.div.withConfig({componentId:"sc-4acc1714-3"})(ai(),function(a){return a.theme.colors.black},function(a){return a.theme.colors.black});
1function an(a){var b=a.carDetailsContent,c=a.setFormData,f=a.className,h=a.disabledForm,j=void 0!==h&&h,k=a.car,l=(0,o.v9)(function(a){return a.carPage}).formData,m=(0,o.I0)(),p=(0,i.useState)(n()(k.offers,"runningTime")),q=p[0],r=function(a){var b=Number(a.target.value.replace(/â¬|,|\./g,"").replace(/[^0-9]/g,""));b>Number(k.price)-l.finalInstallment&&(b=Number(k.price)-l.finalInstallment),m(c((0,e.Z)((0,d.Z)({},l),{deposit:b})))},s=function(a){var b=Number(a.target.value.replace(/â¬|,|\./g,"").replace(/[^0-9]/g,"")),f=Math.round((Number(k.price)-l.deposit)*l.financeIntervals.find(function(a){return a.months===Number(l.financingDuration)}).maxClosingRate);return(b>f&&(b=f),b+l.deposit>Number(k.price))?m(c((0,e.Z)((0,d.Z)({},l),{deposit:Number(k.price)-b}))):m(c((0,e.Z)((0,d.Z)({},l),{finalInstallment:b})))},t=function(a){var b=l.finalInstallment,f=Math.round((Number(k.price)-l.deposit)*l.financeIntervals.find(function(b){return b.months===Number(a.target.value)}).maxClosingRate);return(b>f&&(b=f),b+l.deposit>Number(k.price))?m(c((0,e.Z)((0,d.Z)({},l),{deposit:Number(k.price)-b,financingDuration:Number(a.target.value)}))):m(c((0,e.Z)((0,d.Z)({},l),{finalInstallment:b,financingDuration:Number(a.target.value)})))};return(0,g.jsxs)(aj,{className:f,children:[j&&1===k.exportFinancingParams&&(0,g.jsx)("div",{className:"small disabled-form-msg",id:"disabled-msg",children:b.form.entity.disabledFormMsg}),1!==k.exportFinancingParams&&b.financeCalcText&&(0,g.jsx)("div",{className:"row",children:(0,g.jsx)("div",{className:"col",children:(0,g.jsxs)("div",{className:"mb-3 d-flex align-center",children:[(0,g.jsx)(I.Z,{width:16,height:16,src:"/icons/icon-info.svg",alt:""}),(0,g.jsx)("span",{className:"ml-2",children:b.financeCalcText})]})})}),(0,g.jsxs)("div",{className:"row justify-content-center justify-content-sm-start",children:[(0,g.jsxs)("div",{className:"mb-3 col-xs-12 col-sm-4 col-lg-3",children:[(0,g.jsx)(ak,{htmlFor:"deposit-input",id:"deposit-label",children:b.form.entity.depositInputTitle}),(0,g.jsx)(al,{children:(0,g.jsx)(ab.Z,{className:"form-input",fullWidth:!0,component:"fieldset",role:"group","aria-labelledby":"deposit-label",children:1===k.exportFinancingParams?(0,g.jsx)(ad.Z,{id:"deposit-input",inputProps:{style:{fontWeight:700},readOnly:!0,"aria-describedby":j?"disabled-msg":void 0},type:"text",value:"0â¬",disabled:j||k.external}):(0,g.jsx)(ad.Z,{id:"deposit-input",inputProps:{style:{fontWeight:700}},type:"text",onChange:r,value:"".concat((0,ae.uY)(l.deposit))})})})]}),(0,g.jsxs)("div",{className:"mb-3 col-xs-12 col-sm-4 col-lg-3",children:[(0,g.jsx)(ak,{htmlFor:"duration-select",id:"duration-label",children:b.form.entity.duration.entity.label}),(0,g.jsx)(al,{children:k.external?(0,g.jsx)(ab.Z,{className:"form-select",fullWidth:!0,component:"fieldset",role:"group","aria-labelledby":"duration-label",children:(0,g.jsx)(ac.Z,{id:"duration-select",value:l.duration,style:{fontWeight:700},IconComponent:am,onChange:function(a){return m(c((0,e.Z)((0,d.Z)({},l),{duration:Number(a.target.value),mileage:q[a.target.value][0].mileage,monthlyRate:q[a.target.value][0].monthlyPrice})))},children:Object.keys(q).map(function(a){return(0,g.jsxs)("option",{value:a,children:[a," ","Monate"]},a)})})}):1===k.exportFinancingParams?(0,g.jsx)(ab.Z,{className:"form-select",fullWidth:!0,component:"fieldset",role:"group","aria-labelledby":"duration-label",children:(0,g.jsx)(ac.Z,{id:"duration-select",value:l.duration,disabled:j,style:{fontWeight:700},IconComponent:am,onChange:function(a){return m(c((0,e.Z)((0,d.Z)({},l),{duration:a.target.value})))},children:b.form.entity.duration.entity.options.map(function(a){return(0,g.jsx)("option",{value:a.split(":")[0],children:a.split(":")[1]},a)})})}):(0,g.jsx)(ab.Z,{className:"form-input",fullWidth:!0,component:"fieldset",role:"group","aria-labelledby":"duration-label",children:(0,g.jsx)(ac.Z,{id:"duration-select",value:l.financingDuration,style:{fontWeight:700},IconComponent:am,onChange:t,children:l.financeIntervals.map(function(a){return(0,g.jsxs)("option",{value:a.months,children:[a.months," ","Monate"]},a.months)})})})})]}),(0,g.jsxs)("div",{className:"mb-3 col-xs-12 col-sm-4 col-lg-3",children:[(0,g.jsx)(ak,{htmlFor:1===k.exportFinancingParams?"mileage-select":"closing-rate-input",id:"mileage-label",children:1===k.exportFinancingParams?b.form.entity.mileage.entity.label:b.form.entity.closingRateInputTitle}),(0,g.jsx)(al,{children:k.external?(0,g.jsx)(ab.Z,{className:"form-select",fullWidth:!0,component:"fieldset",role:"group","aria-labelledby":"mileage-label",children:(0,g.jsx)(ac.Z,{id:"mileage-select",value:l.mileage,style:{fontWeight:700}
1,IconComponent:am,onChange:function(a){var b;return m(c((0,e.Z)((0,d.Z)({},l),{mileage:Number(a.target.value),monthlyRate:null===(b=q[l.duration].find(function(b){return Number(b.mileage)===Number(a.target.value)}))|| void 0===b?void 0:b.monthlyPrice})))},children:l.duration&&q[l.duration].map(function(a){return(0,g.jsxs)("option",{value:a.mileage,children:[(0,ae.uY)(a.mileage),"km"]},a.mileage)})})}):1===k.exportFinancingParams?(0,g.jsx)(ab.Z,{className:"form-select",fullWidth:!0,component:"fieldset",role:"group","aria-labelledby":"mileage-label",children:(0,g.jsx)(ac.Z,{id:"mileage-select",value:l.mileage,disabled:j,style:{fontWeight:700},IconComponent:am,onChange:function(a){return m(c((0,e.Z)((0,d.Z)({},l),{mileage:a.target.value})))},children:b.form.entity.mileage.entity.options.map(function(a){return(0,g.jsx)("option",{value:a.split(":")[0],children:a.split(":")[1]},a)})})}):(0,g.jsx)(ab.Z,{className:"form-input",fullWidth:!0,component:"fieldset",role:"group","aria-labelledby":"closing-rate-label",children:(0,g.jsx)(ad.Z,{id:"closing-rate-input",inputProps:{style:{fontWeight:700}},type:"text",disabled:84===l.financingDuration,onChange:s,value:(0,ae.uY)(l.finalInstallment)})})})]})]})]})}function ao(){var a=(0,C.Z)(["\n position: relative;\n cursor: pointer;\n color: ",";\n font-size: 14px;\n font-weight: bold;\n letter-spacing: 0;\n display: flex;\n align-items: center;\n background-color: transparent;\n border: none;\n margin: 15px 0;\n justify-content: center;\n\n &:focus {\n outline: none;\n }\n\n @media (max-width: ",") {\n border: 1px solid ",";\n border-radius: 30px;\n width: 100%;\n padding: 12px 5px;\n }\n"]);return ao=function(){return a},a}function ap(){var a=(0,C.Z)(["\n width: 24px;\n height: 24px;\n margin-right: 15px;\n display: inline-block;\n background: ",';\n mask: url("https://autohaus24.de/svgs/printer.svg") no-repeat center;\n']);return ap=function(){return a},a}var aq=D.ZP.button.withConfig({componentId:"sc-2991f31b-0"})(ao(),function(a){return a.theme.colors.primaryFont},function(a){return a.theme.breakpoints.sm},function(a){return a.theme.colors.black}),ar=D.ZP.span.withConfig({componentId:"sc-2991f31b-1"})(ap(),function(a){return a.theme.colors.primaryColor}),as=function(){return(0,g.jsxs)(aq,{children:[(0,g.jsx)(ar,{})," ","Expose herunterladen"]})},at=c(76322);function au(){var a=(0,C.Z)(["\n padding-top: 110px;\n margin-top: -110px;\n\n .car-price-subtitle {\n margin: 50px 0;\n \n h4 {\n font-size: 18px;\n font-weight: bold;\n\n .car-price-value {\n font-size: 15px;\n font-weight: normal;\n display: inline-block;\n\n span {\n font-size: 24px;\n font-weight: bold;\n margin-left: 25px;\n margin-right: 5px;\n color: ",";\n }\n }\n }\n }\n\n p {\n color: #191919;\n font-size: 12px;\n letter-spacing: 0;\n line-height: 16px;\n }\n\n @media (max-width: ",") {\n padding-top: 0;\n margin-top: 0;\n }\n\n @media (max-width: ",") {\n .car-price-subtitle {\n text-align: center;\n\n h4 {\n .car-price-value {\n display: block;\n margin-top: 10px;\n span {\n margin-left: 10px;\n }\n }\n }\n }\n }\n"]);return au=function(){return a},a}var av=D.ZP.div.withConfig({componentId:"sc-efc5ef5e-0"})(au(),function(a){return a.theme.colors.primaryColor},function(a){return a.theme.breakpoints.md},function(a){return a.theme.breakpoints.xs});function aw(a){var b=a.car,c=a.carDetailsContent,d=a.disabledForm,e=a.duration,f=a.mileage,h=a.monthlyRate,i=a.price,j=a.sectionsToggle,k=(0,o.v9)(function(a){return a.carPage}).formData,l=1===b.exportFinancingParams?c.form.entity.title:c.form.entity.financingTitle,m=function(){return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.form.entity.duration.entity.label}),(0,g.jsx)("span",{className:"bold",children:(0,ae.oQ)(c.details.entity.sections[0].entity.simpleProps[1].split(":")[1],1===b.exportFinancingParams?e:k.financingDuration)})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.form.entity.carPriceLabel}),(0,g.jsx)("span",{className:"bold",dangerouslySetInnerHTML:{__html:c.form.entity.financingPriceDetail.replace(/{([^}]*)}/g,String((0,ae.uY)(b.price)))}})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.form.entity.depositInputTitle}),(0,g.jsx)("span",{className:"bold",children:"".concat((0,ae.uY)(k.deposit),"â¬")}
1)]}),1!==b.exportFinancingParams&&(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.financingDetails.entity.sections[2].entity.simpleProps[0].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:(0,ae.oQ)(c.financingDetails.entity.sections[2].entity.simpleProps[0].split(":")[1],(0,ae.uY)(k.totalRepayment))})]}),1===b.exportFinancingParams&&(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.details.entity.sections[2].entity.simpleProps[1].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:(0,ae.oQ)(c.details.entity.sections[2].entity.simpleProps[1].split(":")[1],(0,ae.uY)((0,ae.yQ)(b.external?k.monthlyRate:h,e)))})]})]})},n=function(){return(0,g.jsxs)(g.Fragment,{children:[1!==b.exportFinancingParams&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.form.entity.closingRateInputTitle}),(0,g.jsxs)("span",{className:"bold",children:[(0,ae.uY)(k.finalInstallment),"â¬"]})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.financingDetails.entity.sections[2].entity.simpleProps[1].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:(0,ae.oQ)(c.financingDetails.entity.sections[2].entity.simpleProps[1].split(":")[1],(0,ae.uY)(b.financingEffYearInterestRate))})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.financingDetails.entity.sections[2].entity.simpleProps[2].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:(0,ae.oQ)(c.financingDetails.entity.sections[2].entity.simpleProps[2].split(":")[1],(0,ae.uY)(b.financingDebitInterest))})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.financingDetails.entity.sections[2].entity.simpleProps[3].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:(0,ae.oQ)(c.financingDetails.entity.sections[2].entity.simpleProps[3].split(":")[1],(0,ae.uY)(k.netLoan))})]})]}),1===b.exportFinancingParams&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.form.entity.mileage.entity.label}),(0,g.jsxs)("span",{className:"bold",children:[" ",(0,ae.oQ)(c.details.entity.sections[2].entity.simpleProps[3].split(":")[1],(0,ae.uY)(f))]})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.details.entity.sections[3].entity.simpleProps[2].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:"".concat(+b.leasEffjahresz?b.leasEffjahresz:c.details.entity.sections[3].entity.simpleProps[2].split(":")[1].replace("%",""),"%")})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.details.entity.sections[3].entity.simpleProps[3].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:"".concat(+b.leasSollzsgbpa?b.leasSollzsgbpa:c.details.entity.sections[3].entity.simpleProps[3].split(":")[1].replace("%",""),"%")})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.details.entity.sections[3].entity.simpleProps[4].split(":")[0]}),(0,g.jsxs)("span",{className:"bold",children:[(0,ae.uY)(Number(b.leasNetLoan))," ","â¬"]})]})]})]})};return(0,g.jsx)(av,{id:"car-price",children:(0,g.jsxs)(U,{title:l,open:j.carPriceOpened,children:[(0,g.jsx)("div",{className:"row",children:(0,g.jsx)("div",{className:"col-12",children:(0,g.jsx)(an,{className:"",formData:{mileage:f,duration:e},setFormData:at.U5,carDetailsContent:c,car:b,disabledForm:d})})}),(0,g.jsxs)("div",{className:"row car-price-content",children:[(0,g.jsx)("div",{className:"col-12",children:(0,g.jsxs)("div",{className:"car-price-subtitle",children:[1!==b.exportFinancingParams&&(0,g.jsxs)("h4",{children:[c.form.entity.financingPriceOfferLabel+((null==b?void 0:b.carType)==="new"?" *":""),(0,g.jsx)("span",{className:"car-price-value",dangerouslySetInnerHTML:{__html:c.form.entity.price.replace(/{([^}]*)}/g,k.monthlyRate?String((0,ae.uY)(k.monthlyRate)):"")}})]}),1===b.exportFinancingParams&&(0,g.jsxs)("h4",{children:[c.form.entity.priceOfferLabel+((null==b?void 0:b.carType)==="new"?" *":""),(0,g.jsx)("span",{className:"car-price-value d-inline-block",dangerouslySetInnerHTML:{__html:c.form.entity.price.replace(/{([^}]*)}/g,String((0,ae.uY)(b.external?k.monthlyRate:i)))}})]})]})}),(0,g.jsx)("div",{className:"col-lg-6",children:(0,g.jsx)(Z,{children:(0,g.jsx)(m,{})})}),(0,g.jsx)("div",{className:"col-lg-6",children:(0,g.jsx)(Z,{children:(0,g.jsx)(n,{})})}),(0,g.jsx)("div",{className:"col-12",style:{display:"none"},children:(0,g.jsxs)("div",{className:"row",children:[(0,g.jsx)("div",{className:"col-12",children:(0,g.jsx)(as,{})}),(0,g.jsx)("div",{className:"col-12",children:(0,g.jsx)("p",{children:"Es handelt sich hierbei um ein freibleibendes und unverbindliches Finanzierungsangebot der akf bank GmbH & Co KG, Am Diek 50, 42277 Wuppertal f\xfcr private Kunden. Alle Preise verstehe
1n sich inkl. MwSt. (z. Zt. 19%). Gerne unterbreiten wir Ihnen ein individuelles Finanzierungsangebot. Bonit\xe4t vorausgesetzt. \xc4nderungen und Irrt\xfcmer vorbehalten. Stand 20.02.2019. Hierbei handelt es sich um ein repr\xe4sentatives Beispiel gem\xe4\xdf \xa7 6a PAngV."})})]})})]})]})})}var ax=c(59319),ay=function(a){var b=a.sectionsToggle,c=a.carDetailsContent,d=a.renderSimpleProps,e=a.car,f="Liter"===e.consumptionUnit,h="Kilowatt_Hour"===e.consumptionUnit&&!e.isPluginHybrid,i=(0,ae.DE)(e),j={consumptions:{title:h||e.isPluginHybrid?"Stromverbrauch":"Kraftstoffverbrauch",sections:["Kombiniert: ".concat(e.consumptionsPrimaryCombined?"".concat(e.consumptionsPrimaryCombined).concat((0,ae.qT)(e.consumptionUnit)):"k.A."),"Innenstadt: ".concat(e.consumptionsPrimaryCity?"".concat(e.consumptionsPrimaryCity).concat((0,ae.qT)(e.consumptionUnit)):"k.A."),"Stadtrand: ".concat(e.consumptionsPrimarySuburban?"".concat(e.consumptionsPrimarySuburban).concat((0,ae.qT)(e.consumptionUnit)):"k.A."),"Landstra\xdfe: ".concat(e.consumptionsPrimaryRural?"".concat(e.consumptionsPrimaryRural).concat((0,ae.qT)(e.consumptionUnit)):"k.A."),"Autobahn: ".concat(e.consumptionsPrimaryHighway?"".concat(e.consumptionsPrimaryHighway).concat((0,ae.qT)(e.consumptionUnit)):"k.A."),]},consumptionsWithDischargedBattery:{title:"Kraftstoffverbrauch bei entladener Batterie",sections:["Kombiniert: ".concat(e.consumptionsWithDischargedBatteryCombined?"".concat(e.consumptionsWithDischargedBatteryCombined).concat((0,ae.qT)("Liter")):"k.A."),"Innenstadt: ".concat(e.consumptionsWithDischargedBatteryCity?"".concat(e.consumptionsWithDischargedBatteryCity).concat((0,ae.qT)("Liter")):"k.A."),"Stadtrand: ".concat(e.consumptionsWithDischargedBatterySuburban?"".concat(e.consumptionsWithDischargedBatterySuburban).concat((0,ae.qT)("Liter")):"k.A."),"Landstra\xdfe: ".concat(e.consumptionsWithDischargedBatteryRural?"".concat(e.consumptionsWithDischargedBatteryRural).concat((0,ae.qT)("Liter")):"k.A."),"Autobahn: ".concat(e.consumptionsWithDischargedBatteryHighway?"".concat(e.consumptionsWithDischargedBatteryHighway).concat((0,ae.qT)("Liter")):"k.A."),]},co2:{title:"CO2-Klasse",sections:["Auf der Grundlage der CO2-Emissionen","".concat(e.isPluginHybrid?"gewichtet, ":"","kombiniert:").concat((0,ae.Qo)(e)),e.isPluginHybrid?"bei entladener Batterie:{emissionsWithDischargedBatteryCo2Class}":null,"Energieverbrauch (".concat(e.isPluginHybrid?"gewichtet, kombiniert)":"kombiniert)",": ").concat(i),"COâ-Emissionen (".concat(e.isPluginHybrid?"gewichtet, kombiniert)":"kombiniert)",":").concat("k.A."!==(0,ae.S6)(e)?"".concat((0,ae.S6)(e)," g/km\xb9"):"k.A."),]},costs:{title:"Energiekosten",sections:["bei 15.000km Jahresleistung:".concat(e.costsEnergyCosts?"".concat((0,ae.uY)(e.costsEnergyCosts)," â¬"):"k.A."),e.isPluginHybrid||h?"Strompreis (Jahresdurchschnitt ".concat((0,t.default)((0,ax.default)(new Date,1),"yyyy"),"):{").concat((0,ae.uY)(e.costsAverageElectricityPricePreviousYear),"} â¬/kWh"):null,e.isPluginHybrid||f?"Kraftstoffpreis (Jahresdurchschnitt ".concat((0,t.default)((0,ax.default)(new Date,1),"yyyy"),"):{").concat((0,ae.uY)(e.costsAverageFuelPricePreviousYear),"} â¬/l"):null,"Kraftfahrzeugsteuer:".concat(null!==e.costsTax?"".concat((0,ae.uY)(e.costsTax)," â¬"):"k.A."),]},costsLongTerm:{title:"M\xf6gliche COâ-Kosten \xfcber die n\xe4chsten 10 Jahre (15.000 km/Jahr)\xb2",sections:["Bei einem angenommenen hohen durchschnittlichen COâ-Preis von ".concat(null!==e.costsCo2CostsHighBasePrice?"".concat((0,ae.uY)(e.costsCo2CostsHighBasePrice)," â¬/t"):"k.A."," : ").concat(null!==e.costsCo2CostsHighAccumulated?"".concat((0,ae.uY)(e.costsCo2CostsHighAccumulated)," â¬"):"k.A."),"Bei einem angenommenen mittleren durchschnittlichen COâ-Preis von ".concat(null!==e.costsCo2CostsMiddleBasePrice?"".concat((0,ae.uY)(e.costsCo2CostsMiddleBasePrice)," â¬/t"):"k.A."," : ").concat(null!==e.costsCo2CostsMiddleAccumulated?"".concat((0,ae.uY)(e.costsCo2CostsMiddleAccumulated)," â¬"):"k.A."),"Bei einem angenommenen niedrigen durchschnittlichen COâ-Preis von ".concat(null!==e.costsCo2CostsLowBasePrice?"".concat((0,ae.uY)(e.costsCo2C
1ostsLowBasePrice)," â¬/t"):"k.A."," : ").concat(null!==e.costsCo2CostsLowAccumulated?"".concat((0,ae.uY)(e.costsCo2CostsLowAccumulated)," â¬"):"k.A."),]},carInfo:{title:"",sections:["Fahrzeug-Identifizierungsnummer (FIN):".concat(e.vin),"erstellt am: ".concat((0,t.default)(new Date,"dd.MM.yyyy")),]}};return(0,g.jsx)("div",{id:"car-consumption",className:"car-consumption gray-bg",children:(0,g.jsx)(U,{title:c.consumption.entity.label,open:b.consumptionOpened,children:(0,g.jsxs)("div",{className:"row car-consumption-content-wrap",children:[(0,g.jsxs)("div",{className:"col-xl-6 col-lg-6 fuel-consumption-co2-emission",children:[(0,g.jsx)(Z,{title:j.consumptions.title,children:j.consumptions.sections.map(function(a){return d(a,e)})}),e.isPluginHybrid?(0,g.jsx)(Z,{title:j.consumptionsWithDischargedBattery.title,children:j.consumptionsWithDischargedBattery.sections.map(function(a){return d(a,e)})}):null,(0,g.jsx)(Z,{title:j.costs.title,children:j.costs.sections.filter(Boolean).map(function(a){return d(a,e)})}),(0,g.jsx)(Z,{title:j.costsLongTerm.title,children:j.costsLongTerm.sections.map(function(a){return d(a,e)})})]}),(0,g.jsxs)("div",{className:"col col-xl-6 col-lg-6 co2-efficiency",children:[(0,g.jsx)(Z,{title:j.co2.title,children:j.co2.sections.filter(Boolean).map(function(a){return d(a,e)})}),(0,g.jsx)("div",{className:"row",children:(0,g.jsx)("div",{className:"col-12",children:(0,g.jsx)("ul",{className:"efficiency-class-list list-unstyled",children:[{name:"A",matched:!1},{name:"B",matched:!1},{name:"C",matched:!1},{name:"D",matched:!1},{name:"E",matched:!1},{name:"F",matched:!1},{name:"G",matched:!1},].map(function(a){return(e.isPluginHybrid?[e.emissionsWeightedCombinedCo2Class,e.emissionsWithDischargedBatteryCo2Class].includes(a.name):a.name===e.emissionsPrimaryCo2Class)&&(a.matched=!0),a}).map(function(a){return(0,g.jsxs)("li",{className:"efficiency-".concat(a.name.toLowerCase().replace(/\+/g,"a")),children:[(0,g.jsxs)("strong",{children:[(0,g.jsx)("span",{}),a.name]}),a.matched&&(0,g.jsxs)("strong",{className:"efficiency-product",children:[(0,g.jsx)("span",{}),a.name]})]},a.name)})})})}),(0,g.jsx)("article",{"data-testid":"info",children:(0,g.jsxs)("div",{className:"",children:[(0,g.jsxs)("p",{children:["Die Informationen erfolgen gem\xe4\xdf der Pkw-Energieverbrauchskennzeichnungsverordnung. Die angegebenen Werte wurden nach dem vorgeschriebenen Messverfahren WLTP (Worldwide harmonised Light-duty vehicles Test Procedures) ermittelt. Der Kraftstoffverbrauch und der COâ, Aussto\xdf eines Pkw sind nicht nur von der effizienten Ausnutzung des Kraftstoffs durch den Pkw, sondern auch vom Fahrstil und anderen nichttechnischen Faktoren abh\xe4ngig. COâ, ist das f\xfcr die Erderw\xe4rmung haupts\xe4chlich verantwortliche Treibhausgas. Ein Leitfaden \xfcber den Kraftstoffverbrauch und die COâ-Emissionen aller in Deutschland angebotenen neuen Pkw-Modelle ist unentgeltlich einsehbar an jedem Verkaufsort in Deutschland, an dem neue Pkw ausgestellt oder angeboten werden. Der Leitfaden ist auch hier abrufbar:\xa0",(0,g.jsx)("a",{style:{color:"#AA0016",textDecoration:"underline"},href:"https://www.dat.de/co2/",title:"https://www.dat.de",children:"www.dat.de"}),"."]}),(0,g.jsxs)("ol",{children:[(0,g.jsx)("li",{children:"Es werden nur die COâ-Emissionen angegeben, die durch den Betrieb des Pkw entstehen. COâ,-Emissionen, die durch die Produktion und Bereitstellung des Pkw sowie des Kraftstoffes bzw. der Energietr\xe4ger entstehen oder vermieden werden, werden bei der Ermittlung der COâ-Emissionen gem\xe4\xdf WLTP nicht ber\xfccksichtigt."}),(0,g.jsxs)("li",{children:["Aufgrund der COâ-Bepreisung sind k\xfcnftig Erh\xf6hungen der Kraftstoffkosten m\xf6glich. Die k\xfcnftige COâ, Preisentwicklung ist unsicher, daher werden die m\xf6glichen CO, Kosten anhand von drei angenommenen COâ-Preisen f\xfcr den Zeitraum 01.07.2024 bis 30.06.2025 berechnet. Die tats\xe4chlichen COâ-Preise k\xf6nnen sowohl h\xf6her als auch niedriger als in den hier zugrundeliegenden Modellrechnungen ausfallen. Die COâ-Kosten sind beim Tanken mit den Kraftstoffkosten zu bezahlen. Weitere Informationen unter\xa0",(0,g.jsx)("a",{style:{color:"#AA0016",textDecoration:"underline"},href:"https://www.alternativ-mobil.info",title:"www.alternativ-mobil.info",children:"www.alternativ-mobil.info"}),"."]})]})]})}),(0,g.jsx)(Z,{title:j.carInfo.title,children:j.carInfo.sections.map(function(a){return d(a,e)})})]})]})})})},az=c(29815),aA=c(39745),aB=function(a){var b,c,d=a.features,e=a.sectionsToggle,f=a.carDetailsContent,h=a.width,i=a.sectionName,j=a.sectionLabel,k=a.isGrayBg,l="".concat(i,"Opened"),m=function(a,b){var c=document.querySelector(a),d=b.target.closest(".show-more"),e=d.getElementsByTagName("span")[0];(null==c?void 0:c.classList.contains("overflow"))?(c.classList.remove("overflow"),e.innerText=f.showMoreLabel.split(":")[1],d.classList.add("opened")):(null==c||c.classList.add("overflow"),e.innerText=f.showMoreLabel.split(":")[0],d.classList.remove("opened"))};return(0,g.jsx)("div",{id:"car-".concat(i),className:"car-".concat(i," ").concat(k?"gray-bg":""),children:(0,g.jsxs)(U,{title:j,open:e[l],children:[(0,g.jsx)("div",{className:"car-".concat(i,"-overflow overflow"),children:(0,g.jsx)("ul",{className:"list-unstyled",children:(c=b=d,b.length%2!=0&&(c=h>992?(0,az.Z)(b).concat([{priority:1e5}]):(0,az.Z)(b)),c.map(function(a){return a.name?(0,g.jsxs)("li",{className:"d-flex align-items-center",children:[(0,g.jsx)("div",{children:(0,g.jsx)(aA.Z,{width:10,src:f.featureIcon.entity.thumbnail.url,alt:""})}),(0,g.jsx)("span",{children:a.name.replace(/\*/g,"").replace(/#/g,"")})]},a.priority):(0,g.jsx)("li",{className:"d-flex align-items-center"},a.priority)}))})}),(d.length>16||h<=992)&&(0,g.jsx)("div",{className:"show-more-wrap d-flex justify-content-center",children:(0,g.jsxs)("div",{onClick:function(a){return m(".car-".concat(i,"-overflow"),a)},className:"show-more",children:[(0,g.jsx)("span",{children:f.showMoreLabel.split(":")[0]}),(0,g.jsx)(aA.Z,{width:12,height:8,src:f.showMoreIcon.entity.thumbnail.url,alt:""})]})})]})})},aC=function(a){var b=a.sectionsToggle,c=a.carDetailsContent,d=a.car,e=(0,o.v9)(function(a){return a.carPage}).formData;return(0,g.jsx)("div",{className:"car-leasing-offer",children:(0,g.jsx)(U,{title:c.financingDetails.entity.label,open:b.offerDetailsOpened,children:(0,g.jsxs)("div",{className:"row",children:[(0,g.jsxs)("div",{className:"col-xs-12 col-md-6 col-lg-4",children:[(0,g.jsxs)(Z,{title:c.financingDetails.entity.sections[0].entity.headline+((null==d?void 0:d.carType)==="new"?" *":""),children:[(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.financingDetails.entity.sections[0].entity.simpleProps[0].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:(0,ae.oQ)(c.financingDetails.entity.sections[0].entity.simpleProps[0].split(":")[1],e.monthlyRate?(0,ae.uY)(e.monthlyRate):"")})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.financingDetails.entity.sections[0].entity.simpleProps[1].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:(0,ae.oQ)(c.financingDetails.entity.sections[0].entity.simpleProps[1].split(":")[1],e.financingDuration)})]})]}),(0,g.jsxs)(Z,{title:c.financingDetails.entity.sections[1].entity.headline,children:[(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.financingDetails.entity.sections[1].entity.simpleProps[0].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:(0,ae.oQ)(c.financingDetails.entity.sections[1].entity.simpleProps[0].split(":")[1],(0,ae.uY)(e.deposit))})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.financingDetails.entity.sections[1].entity.simpleProps[1].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:(0,ae.oQ)(c.financingDetails.entity.sections[1].entity.simpleProps[1].split(":")[1],(0,ae.uY)(e.finalInstallment))})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.financingDetails.entity.sections[1].entity.simpleProps[2].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:c.financingDetails.entity.sections[1].entity.simpleProps[2].split(":")[1]})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.financingDetails.entity.sections[1].entity.simpleProps[3].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:c.financingDetails.entity.sections[1].entity.simpleProps[3].split(":")[1]})]})]}),(0,g.jsxs)(Z,{title:c.financingDetails.entity.sections[2].entity.headline,children:[(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.financingDetails.entity.sections[2].entity.simpleProps[0].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:(0,ae.oQ)(c.financingDetails.entity.sections[2].entity.simpleProps[0].split(":")[1],(0,ae.uY)(e.netLoan))})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.financingDetails.entity.sections[2].entity.simpleProps[1].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:(0,ae.oQ)(c.financingDetails.entity.sections[2].entity.simpleProps[1].split(":")[1],(0,ae.uY)(d.financingEffYearInterestRate))})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.financingDetails.entity.sections[2].entity.simpleProps[2].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:(0,ae.oQ)(c.financingDetails.entity.sections[2].entity.simpleProps[2].split(":")[1],(0,ae.uY)(d.financingDebitInterest))})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.financingDetails.entity.sections[2].entity.simpleProps[3].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:(0,ae.oQ)(c.financingDetails.entity.sections[2].entity.simpleProps[3].split(":")[1],(0,ae.uY)(e.totalRepayment))})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.financingDetails.entity.sections[2].entity.simpleProps[4].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:(0,ae.oQ)(c.financingDetails.entity.sections[2].entity.simpleProps[4].split(":")[1],(0,ae.uY)(d.price))})]})]})]}),(0,g.jsx)("div",{className:"col-xs-12 col-md-6 col-lg-8",children:(0,g.jsxs)("div",{className:"details-text-wrap",children:[(0,g.jsx)("div",{className:"details-text-title",children:c.financingDetails.entity.detailsHeadline}),(0,g.jsx)("div",{className:"details-text",dangerouslySetInnerHTML:{__html:c.financingDetails.entity.details.value}})]})})]})})})},aD=function(a){var b=a.car,c=a.carDetailsContent,d=a.duration,e=a.mileage,f
1=a.monthlyRate,h=a.sectionsToggle,i=(0,o.v9)(function(a){return a.carPage}).formData;return(0,g.jsx)("div",{id:"car-leasing-offer",className:"car-leasing-offer",children:(0,g.jsx)(U,{title:c.details.entity.label,open:h.offerDetailsOpened,children:(0,g.jsxs)("div",{className:"row",children:[(0,g.jsxs)("div",{className:"col-xl-4 col-lg-6",children:[(0,g.jsxs)(Z,{title:c.details.entity.sections[0].entity.headline+((null==b?void 0:b.carType)==="new"?" *":""),children:[(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.details.entity.sections[0].entity.simpleProps[0].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:(0,ae.oQ)(c.details.entity.sections[0].entity.simpleProps[0].split(":")[1],(0,ae.uY)(b.external?i.monthlyRate:f))})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.details.entity.sections[0].entity.simpleProps[1].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:(0,ae.oQ)(c.details.entity.sections[0].entity.simpleProps[1].split(":")[1],(0,ae.uY)((0,ae.Fs)(b.external?i.monthlyRate:f)))})]})]}),(0,g.jsxs)(Z,{title:c.details.entity.sections[1].entity.headline,children:[(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.details.entity.sections[1].entity.simpleProps[0].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:c.details.entity.sections[1].entity.simpleProps[0].split(":")[1]})]}),b.external?(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.details.entity.sections[1].entity.simpleProps[1].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:"".concat((0,ae.uY)(b.transferCost),"â¬")})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.details.entity.sections[1].entity.simpleProps[2].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:"".concat((0,ae.uY)(b.admissionCost),"â¬")})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:"Gesamt, einmalig"}),(0,g.jsx)("span",{className:"bold",children:"".concat((0,ae.uY)(b.totalPrice),"â¬")})]})]}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.details.entity.sections[1].entity.simpleProps[1].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:c.details.entity.sections[1].entity.simpleProps[1].split(":")[1]})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.details.entity.sections[1].entity.simpleProps[2].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:c.details.entity.sections[1].entity.simpleProps[2].split(":")[1]})]})]})]})]}),(0,g.jsxs)("div",{className:"col-xl-4 col-lg-6",children:[(0,g.jsxs)(Z,{title:c.details.entity.sections[2].entity.headline,children:[(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.details.entity.sections[2].entity.simpleProps[0].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:(0,ae.uY)(Math.round((b.external?i.monthlyRate:f)/b.listenpreisBrutto*1e4)/100)})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.details.entity.sections[2].entity.simpleProps[1].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:(0,ae.oQ)(c.details.entity.sections[2].entity.simpleProps[1].split(":")[1],(0,ae.uY)((0,ae.yQ)(b.external?i.monthlyRate:f,d)))})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.details.entity.sections[2].entity.simpleProps[2].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:(0,ae.oQ)(c.details.entity.sections[2].entity.simpleProps[2].split(":")[1],(0,ae.uY)(b.listenpreisBrutto))})]}),(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.details.entity.sections[2].entity.simpleProps[3].split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:(0,ae.oQ)(c.details.entity.sections[2].entity.simpleProps[3].split(":")[1],(0,ae.uY)(e))})]})]}),(0,g.jsx)(Z,{title:c.details.entity.sections[3].entity.headline,children:c.details.entity.sections[3].entity.simpleProps.map(function(a,d){return("Mehr-km Kosten"===a.split(":")[0]||"Minder-km Verg\xfctung"===a.split(":")[0])&&b.external?null:"Effektiver Jahreszins"===a.split(":")[0]&&b.external?(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:a.split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:"".concat(b.leasEffjahresz,"%")})]},a):"Sollzins gebunden p.a."===a.split(":")[0]&&b.external?(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:a.split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:"".concat(b.leasSollzsgbpa,"%")})]},a):d<c.details.entity.sections[3].entity.simpleProps.length-1?(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:a.split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:a.split(":")[1]})]},a):(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:a.split(":")[0]}),(0,g.jsxs)("span",{className:"bold",children:[(0,ae.uY)(Number(b.leasNetLoan))," ","â¬"]})]},a)})})]}),(0,g.jsx)("div",{className:"col-xl-4 col-lg-6",children:(0,g.jsxs)("div",{className:"details-text-wrap",children:[(0,g.jsx)("div",{className:"details-text-title",children:c.details.entity.detailsHeadline}),(0,g.jsx)("div",{className:"details-text",dangerouslySetInnerHTML:{__html:b.external?"Allane SE, Parkring 33, 85748 Garching bei M\xfcnchen <br> Die Angaben entsprechen zugleich dem 2/3 Beispiel nach \xa7 6a Abs. 3 PAngV.Bonit\xe4t vorausgesetz":c.details.entity.details.value}})]})})]})})})};function aE(){var a=(0,C.Z)(["\n margin-top: 30px;\n \n .gray-bg {\n background-color: ",";\n }\n\n .car-info .car-info-list {\n column-count: 3;\n\n @media (max-width: ",") {\n column-count: 2;\n } \n\n @media (max-width: ",") {\n column-count: 1;\n } \n }\n \n .car-price, .car-info, .car-furnishing, .car-highlights, .car-consumption, .car-leasing-offer {\n padding: 0;\n background-color: ",";\n }\n \n .car-info-title {\n font-size: 25px;\n font-weight: ",";\n margin-bottom: 30px;\n }\n \n .car-info-content {\n & > div {\n position: static;\n }\n\n .car-info-icons-group-list {\n display: flex;\n flex-wrap: wrap;\n max-width: 521px;\n @media (max-width: ",") {\n max-width: none;\n }\n li {\n width: 50%;\n margin-bottom: 40px;\n .image-wrap {\n margin-right: 35px;\n }\n p {\n margin-bottom: 0;\n font-size: 16px;\n font-weight: ",";\n &.small-text {\n font-size: 12px;\n margin-bottom: 8px;\n font-weight: ",";\n }\n }\n }\n }\n }\n \n .car-info-list {\n flex-grow: 2;\n @media (max-width: ",") {\n max-width: none;\n margin-bottom: 30px;\n }\n \n li {\n display: flex;\n margin-bottom: 23px;\n \n \n span {\n line-height: 21px;\n width: 50%;\n font-size: 16px;\n\n @media (min-width: 1376px) {\n font-size: 16px;\n }\n \n @media (max-width: ",") {\n font-size: 14px;\n }\n \n &.bold {\n font-weight: ",";\n }\n }\n }\n }\n \n .car-furnishing, .car-highlights {\n \n .car-furnishing-overflow, .car-highlights-overflow {\n &.overflow{\n max-height: 265px;\n overflow: hidden;\n }\n }\n \n ul {\n column-count: 3;\n padding-left: 0;\n \n @media (max-width: ",") {\n column-count: 1;\n padding-left: 0;\n }\n li {\n -webkit-column-break-inside: avoid;\n page-break-inside: avoid;\n break-inside: avoid;\n padding-right: 15px;\n min-height: 44px;\n @media (max-width: ",") {\n margin-left: 0;\n }\n & > div {\n margin-right: 15px;\n img {\n filter: brightness(0);\n }\n }\n span {\n color: ",";\n font-size: 14px;\n line-height: 21px;\n font-weight: ",";\n\n @media (min-width: 1376px) {\n font-size: 16px;\n }\n }\n }\n }\n }\n\n .show-more-wrap {\n margin-top: 35px;\n @media (max-width: ",") {\n margin-bottom: 20px;\n }\n .show-more {\n font-weight: ",";\n cursor: pointer;\n display: flex;\n span {\n margin-right: 10px;\n }\n &.opened {\n img {\n transform: rotate(180deg);\n }\n }\n img {\n filter: brightness(0);\n }\n }\n }\n .fuel-consumption-co2-emission {\n position: static;\n flex-grow: 2;\n @media (max-width: ",") {\n max-width: none;\n }\n }\n .fuel-consumption-title {\n font-size: 18px;\n color: ",";\n font-weight: ",";\n margin-bottom: 28px;\n }\n .co2-efficiency {\n flex-grow: 2;\n position: static;\n @media (max-width: ",") {\n max-width: none;\n }\n }
1\n .efficiency-class-list {\n background-color: ",";\n li {\n display: list-item;\n clear: both;\n overflow: hidden;\n zoom: 1;\n margin: 0 0 10px;\n\n strong {\n background: #a2a2a2;\n color: #000;\n display: inline-block;\n float: left;\n padding: 0 0 0 5px;\n font: normal normal 700 11px/15px verdana, arial, sans-serif;\n overflow: hidden;\n zoom: 1;\n\n &.efficiency-product {\n background-color: #000!important;\n float: right;\n padding: 0 5px 0 0;\n width: 30%!important;\n text-align: right;\n margin: 0 0 0 0;\n\n span {\n float: left;\n display: inline-block;\n border-right: 16px solid #000;\n border-left: 0;\n }\n }\n\n span {\n float: right;\n display: inline-block;\n border-bottom: 8px solid #fff;\n border-left: 16px solid #000;\n border-top: 8px solid #fff;\n background: none;\n height: 0;\n width: 0;\n }\n }\n \n &.efficiency-aaaa {\n\n strong {\n background-color: #00a650;\n width: 46%;\n\n span {\n border-left-color: #00a650;\n }\n }\n }\n \n &.efficiency-aaa {\n\n strong {\n background-color: #00a650;\n width: 48%;\n\n span {\n border-left-color: #00a650;\n }\n }\n }\n\n &.efficiency-aa {\n\n strong {\n background-color: #00a650;\n width: 50%;\n\n span {\n border-left-color: #00a650;\n }\n }\n }\n\n &.efficiency-a {\n\n strong {\n background-color: #00a650;\n width: 52%;\n\n span {\n border-left-color: #00a650;\n }\n }\n }\n\n &.efficiency-b {\n\n strong {\n background-color: #4db748;\n width: 54%;\n\n span {\n border-left-color: #4db748;\n }\n }\n }\n\n &.efficiency-c {\n\n strong {\n background-color: #bfd630;\n width: 56%;\n\n span {\n border-left-color: #bfd630;\n }\n }\n }\n\n &.efficiency-d {\n\n strong {\n background-color: #fff200;\n width: 58%;\n\n span {\n border-left-color: #fff200;\n }\n }\n }\n\n &.efficiency-e {\n\n strong {\n background-color: #ffb812;\n width: 60%;\n\n span {\n border-left-color: #ffb812;\n }\n }\n }\n\n &.efficiency-f {\n\n strong {\n background-color: #f27024;\n width: 62%;\n\n span {\n border-left-color: #f27024;\n }\n }\n }\n\n &.efficiency-g {\n\n strong {\n background-color: #ed1b24;\n width: 64%;\n\n span {\n border-left-color: #ed1b24;\n }\n }\n }\n }\n }\n .efficiency-text {\n font-size: 14px;\n line-height: 21px;\n margin-bottom: 15px;\n min-height: 70px;\n padding-right: 20px;\n\n @media (min-width: 1376px) {\n font-size: 16px;\n }\n @media (max-width: ",") {\n font-size: 14px;\n }\n @media (max-width: ",") {\n max-width: none;\n padding-right: 0;\n }\n }\n .car-leasing-offer {\n div {\n position: static;\n }\n .details-text-title {\n font-weight: ",";\n font-size: 16px;\n margin-bottom: 20px;\n }\n .details-text {\n p {\n @media (min-width: 1376px) {\n font-size: 16px;\n }\n @media (max-width: ",") {\n font-size: 14px;\n }\n }\n }\n }\n"]);return aE=function(){return a},a}var aF=D.ZP.div.withConfig({componentId:"sc-4aa9e5ec-0"})(aE(),function(a){return a.theme.colors.grayBoxColor},function(a){return a.theme.breakpoints.md},function(a){return a.theme.breakpoints.xs},function(a){return a.theme.colors.white},function(a){return a.theme.fontWeight.bold},function(a){return a.theme.breakpoints.md},function(a){return a.theme.fontWeight.bold},function(a){return a.theme.fontWeight.regular},function(a){return a.theme.breakpoints.md},function(a){return a.theme.breakpoints.md},function(a){return a.theme.fontWeight.bold},function(a){return a.theme.breakpoints.md},function(a){return a.theme.breakpoints.md},function(a){return a.theme.colors.black},function(a){return a.theme.fontWeight.bold},function(a){return a.theme.breakpoints.md},function(a){return a.theme.fontWeight.bold},function(a){return a.theme.breakpoints.md},function(a){return a.theme.colors.black},function(a){return a.theme.fontWeight.bold},function(a){return a.theme.breakpoints.md},function(a){return a.theme.colors.white},function(a){return a.theme.breakpoints.md},function(a){return a.theme.breakpoints.xs},function(a){return a.theme.fontWeight.bold},function(a){return a.theme.breakpoints.md}),aG=c(31344),aH=c(95477);function aI(){var a=(0,C.Z)(["\n\n background: #F9F9F9;\n\n.loading {\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 434px;\n}\n\nh5 {\n padding-top: 10px;\n color: #191919;\n font-family: Roboto;\n font-size: 24px;\n font-weight: bold;\n letter-spacing: 0;
1\n line-height: 26px;\n margin-bottom: 0px;\n }\n\n .line {\n height: 1px;\n background:#ACACAC;\n opacity: 0.83;\n margin-bottom: 35px;\n }\n.wrap {\n padding: 20px 30px 14px;\n margin-top: 20px;\n margin-bottom: 30px;\n @media (max-width: 767px) {\n padding: 30px 10px 40px;\n margin-bottom: 8px;\n }\n @media (max-width: 1024px) {\n padding: 5px 30px 20px;\n max-width: none;\n border-radius: 0;\n }\n\n > h3 {\n color: #FFFFFF;\n font-family: Roboto;\n font-size: 20px;\n font-weight: bold;\n letter-spacing: 0;\n line-height: 26px;\n }\n\n .subtitle {\n color: #FFFFFF;\n font-family: Roboto;\n font-size: 16px;\n letter-spacing: 0;\n line-height: 21px;\n margin-bottom: 20px;\n\n a {\n color: #FFFFFF;\n text-decoration: underline;\n }\n }\n\n .cars-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n\n > li {\n width: calc(25% - 10px);\n margin-left: 5px;\n margin-right: 5px;\n }\n }\n\n .without-dots {\n .alice-carousel {\n &__dots {\n @media (min-width: 1025px) {\n display: none;\n } \n }\n }\n }\n\n /* .with-dots {\n max-width: 100%!important;\n padding: 0!important;\n } */\n\n .alice-carousel {\n display: flex;\n flex-wrap: wrap;\n\n &__wrapper {\n padding-bottom: 20px;\n }\n\n & > div {\n width: 100%;\n }\n\n .next, .prev {\n width: 30px;\n height: 30px;\n background: #000;\n border-radius: 3px;\n position: relative;\n cursor: pointer;\n z-index: 3;\n margin-right: 12px;\n pointer-events: all;\n\n &:after {\n content: '';\n position: absolute;\n width: 8px;\n height: 8px;\n left: 50%;\n top: 50%;\n border-right: 2px solid #ffffff;\n border-top: 2px solid #ffffff;\n transform: translate(-60%, -50%) rotate(45deg); \n }\n }\n\n .prev {\n margin-right: 0;\n margin-left: 12px;\n &:after {\n transform: translate(-35%, -50%) rotate(-135deg);\n }\n }\n\n &__prev-btn, &__next-btn {\n width: auto!important;\n\n @media (min-width: 1024px) {\n display: ",";\n }\n @media (min-width: 1376px) {\n display: ",";\n }\n }\n\n &__prev-btn {\n margin-left: auto;\n }\n\n &__dots {\n width: 100%;\n margin-top: 0;\n margin-bottom: 0;\n\n @media (min-width: 1024px) {\n display: ",";\n }\n @media (min-width: 1376px) {\n display: ",";\n }\n\n &-item {\n width: 12px;\n height: 12px;\n background: rgb(216, 216, 216);\n\n &:hover{\n background: #D8D8D8;\n }\n\n &.__active{\n background: #E4001E;\n }\n\n &:not(:last-child){\n margin-right: 6px;\n }\n \n }\n }\n }\n\n .cars-list > li, .alice-carousel .slide {\n border: 1.5px solid #EBEBEB;\n border-radius: 25px;\n background-color: #FFFFFF;\n box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.19);\n overflow: hidden;\n margin-bottom: 20px;\n\n a.slide-link {\n display: block;\n height: 100%;\n text-decoration: none;\n\n .slide-inner {\n padding: 0 12px 16px;\n }\n }\n\n h4 {\n color: #191919;\n font-family: Roboto;\n font-size: 16px;\n font-weight: bold;\n letter-spacing: 0;\n line-height: 21px;\n margin-top: 12px;\n margin-bottom: 0;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n .body-type, .description {\n color: #191919;\n font-family: Roboto;\n font-size: 12px;\n letter-spacing: 0;\n line-height: 16px;\n margin-bottom: 10px;\n }
1\n\n .description li {\n display: inline-block;\n margin-right: 10px;\n margin-bottom: 5px;\n\n &:before {\n display: inline-block;\n content: \"\xb7\";\n font-size: 9px;\n transform: scale(3);\n margin-right: 5px;\n }\n }\n\n img {\n width: calc(100% + 24px);\n margin-left: -12px;\n margin-right: -12px;\n height: 147px!important;\n object-fit: cover;\n }\n\n .price-wrap {\n color: #595959;\n font-family: Roboto;\n font-size: 10px;\n letter-spacing: 0;\n line-height: 13px;\n\n span.price {\n color: #191919;\n font-family: Roboto;\n font-size: 16px;\n font-weight: bold;\n letter-spacing: 0;\n line-height: 21px;\n\n &.small {\n font-size: 14px;\n font-weight: bold;\n letter-spacing: 0;\n line-height: 24px;\n }\n }\n }\n\n }\n\n .alice-carousel__stage {\n\n .next, .prev {\n width: 30px;\n height: 30px;\n background: rgba(255,255,255,0.67);\n border-radius: 3px;\n position: relative;\n cursor: pointer;\n z-index: 3;\n margin-right: 12px;\n pointer-events: all;\n\n &:after {\n content: '';\n position: absolute;\n width: 8px;\n height: 8px;\n left: 50%;\n top: 50%;\n border-right: 2px solid #E4001E;\n border-top: 2px solid #E4001E;\n transform: translate(-60%, -50%) rotate(45deg); \n }\n }\n\n .prev {\n margin-right: 0;\n margin-left: 12px;\n &:after {\n transform: translate(-35%, -50%) rotate(-135deg);\n }\n }\n\n > li {\n height: auto;\n\n .slide {\n margin-left: auto;\n margin-right: auto;\n height: 100%;\n max-width: 230px;\n }\n }\n }\n}\n"]);return aI=function(){return a},a}var aJ=D.ZP.div.withConfig({componentId:"sc-cea94f0b-0"})(aI(),function(a){var b;return(null==a?void 0:a.itemsLength)>(null===(b=null==a?void 0:a.responsive[1024])|| void 0===b?void 0:b.items)?"block":"none"},function(a){var b;return(null==a?void 0:a.itemsLength)>(null===(b=null==a?void 0:a.responsive[1376])|| void 0===b?void 0:b.items)?"block":"none"},function(a){var b;return(null==a?void 0:a.itemsLength)>(null===(b=null==a?void 0:a.responsive[1024])|| void 0===b?void 0:b.items)?"block":"none"},function(a){var b;return(null==a?void 0:a.itemsLength)>(null===(b=null==a?void 0:a.responsive[1376])|| void 0===b?void 0:b.items)?"block":"none"}),aK=c(91756),aL={0:{items:1},568:{items:2},1024:{items:4},1376:{items:5}},aM=function(a){var b=a.query1,c=a.query2,f=a.mainCar,h=a.secondaryCars,j=a.setSecondaryCars,k=a.title,l=a.testId,m=(0,o.v9)(function(a){return a.lists}).brands,n=(0,i.useState)({loading:!1,data:[],error:!1}),p=n[0],r=n[1],s=(0,aK.Z)(void 0);return((0,i.useEffect)(function(){b&&(r((0,e.Z)((0,d.Z)({},p),{loading:!0})),fetch("".concat(s,"/carscon"),{method:"POST",body:JSON.stringify(b)}).then(function(a){return a.json()}).then(function(a){var b=[];(null==a?void 0:a.cars.length)>4?(a.cars.forEach(function(a){a.id!==f.id&&(a.brand=m.find(function(b){return b.id===a.brandId}),b.push(a))}),r((0,e.Z)((0,d.Z)({},p),{data:b,loading:!1}))):fetch("".concat(s,"/carscon"),{method:"POST",body:JSON.stringify(c)}).then(function(a){return a.json()}).then(function(a){(null==a?void 0:a.cars.length)>4&&a.cars.forEach(function(a){a.id!==f.id&&(a.brand=m.find(function(b){return b.id===a.brandId}),b.push(a))}),j(b),r((0,e.Z)((0,d.Z)({},p),{data:b,loading:!1}))})}))},[]),(0,i.useEffect)(function(){if(!b){if(h.length){r((0,e.Z)((0,d.Z)({},p),{data:[],loading:!1}));return}r((0,e.Z)((0,d.Z)({},p),{loading:!0})),fetch("".concat(s,"/carscon"),{method:"POST",body:JSON.stringify(c)}).then(function(a){return a.json()}).then(function(a){var b=[];(null==a?void 0:a.cars.length)>
14&&a.cars.forEach(function(a){a.id!==f.id&&(a.brand=m.find(function(b){return b.id===a.brandId}),b.push(a))}),r((0,e.Z)((0,d.Z)({},p),{data:b,loading:!1}))})}},[]),p.data.length<3&&!p.loading)?null:p.loading?(0,g.jsxs)(aJ,{itemsLength:p.data.length,responsive:aL,children:[(0,g.jsx)(aG.Z,{wider:!0,children:(0,g.jsx)("h5",{children:k})}),(0,g.jsx)("div",{className:"wrap",children:(0,g.jsx)("div",{className:"loading",children:(0,g.jsx)(aH.Z,{"aria-label":"Loading",disableShrink:!0})})})]}):(0,g.jsxs)(aJ,{itemsLength:p.data.length,responsive:aL,id:l,children:[(0,g.jsx)(aG.Z,{wider:!0,children:(0,g.jsx)("h5",{children:k})}),(0,g.jsx)("div",{className:"wrap",children:(0,g.jsx)(aG.Z,{wider:!0,className:p.data.length<=4?"without-dots":"with-dots",children:(0,g.jsx)(B(),{responsive:aL,infinite:!0,renderPrevButton:function(){return(0,g.jsx)("div",{className:"carousel-arrow prev"})},renderNextButton:function(){return(0,g.jsx)("div",{className:"carousel-arrow next"})},children:p.data.map(function(a,b){var c;return(0,g.jsx)("div",{className:"slide",children:(0,g.jsx)(q(),{prefetch:!1,href:"/gebrauchtwagen/cars/".concat(a.id),children:(0,g.jsxs)("a",{className:"slide-link",children:[(0,g.jsx)(I.Z,{width:230,height:150,quality:25,src:null==a?void 0:a.image,alt:""}),(0,g.jsxs)("div",{className:"slide-inner",children:[(0,g.jsxs)("h4",{children:[null==a?void 0:null===(c=a.brand)|| void 0===c?void 0:c.name," ",(0,ae.BL)((null==a?void 0:a.title)||"")]}),(0,g.jsx)("div",{className:"body-type",children:a.category}),(0,g.jsxs)("ul",{className:"description list-unstyled",children:[(0,g.jsx)("li",{children:"".concat((0,ae.uY)(a.mileage)," km")}),(0,g.jsx)("li",{children:"".concat(a.ps," PS (").concat(a.kw," kW)")}),(0,g.jsx)("li",{children:a.gear}),(0,g.jsx)("li",{children:a.fuel}),(0,g.jsx)("li",{children:"Energieverbrauch (".concat(a.isPluginHybrid?"gewichtet, kombiniert)":"kombiniert)",": ").concat((0,ae.DE)(a))}),(0,g.jsx)("li",{children:"COâ-Emissionen kombiniert: ".concat((0,ae.S6)(a)," ").concat("k.A."===(0,ae.S6)(a)?"":"g/km")}),(0,g.jsx)("li",{children:"COâ-Klasse: ".concat((0,ae.Qo)(a))})]}),(0,g.jsx)("hr",{}),(0,g.jsxs)("div",{className:"price-wrap",children:[(0,g.jsx)("span",{className:"price",children:"".concat((0,ae.uY)(a.price)," â¬")})," ","/ Kaufpreis"]}),1===a.exportFinancingParams&&(0,g.jsxs)("div",{className:"price-wrap",children:[(0,g.jsx)("span",{className:"price small",children:"".concat((0,ae.uY)(a.leasMonatsrate)," â¬")})," ","/ mtl"]}),2===a.exportFinancingParams&&(0,g.jsxs)("div",{className:"price-wrap",children:[(0,g.jsx)("span",{className:"price small",children:"".concat((0,ae.uY)(a.financingMonthlyRate)," â¬")})," ","/ mtl"]})]})]})})},b)})})})})]})};function aN(a){var b=a.car,c=a.carDetailsContent,h=a.formData,j=h.duration,k=h.mileage,l=a.monthlyRate,m=a.price,n=a.disabledForm,o=(0,O.Lm)(),p=(0,f.Z)(i.useState({carPriceOpened:!0,carInfoOpened:!0,furnishingOpened:!0,highlightsOpened:!0,consumptionOpened:!0,offerDetailsOpened:!0}),2),q=p[0],r=p[1],s=(0,f.Z)(i.useState([]),2),t=s[0],u=s[1],v=i.useRef(null),w=i.useRef(null),x=(0,f.Z)(i.useState(!1),2),y=x[0],z=x[1],A=(0,f.Z)(i.useState(!1),2),B=A[0],C=A[1],D=function(){var a,b;(null==v?void 0:v.current)&&(null===(b=null==v?void 0:null===(a=v.current)|| void 0===a?void 0:a.getBoundingClientRect())|| void 0===b?void 0:b.top)-window.innerHeight<350&&z(!0)},E=function(){var a,b;(null==w?void 0:w.current)&&(null===(b=null==w?void 0:null===(a=w.current)|| void 0===a?void 0:a.getBoundingClientRect())|| void 0===b?void 0:b.top)-window.innerHeight<250&&C(!0)};i.useEffect(function(){return y||window.addEventListener("scroll",D),B||window.addEventListener("scroll",E),function(){return window.removeEventListener("scroll",D)}},[y,B]);var F={conditions:[{property:"brandId",value:b.brand.id},{property:"modelId",in:b.model.id},],limit:15,offset:0},G={conditions:[{property:"monthlyRate",min:Math.floor(a.formData.monthlyRate)+50},{property:"monthlyRate",max:Math.ceil(a.formData.monthlyRate)+100},{property:"exportFinancingParams",in:"1,2"}],limit:15,offset:0},H=function(a,b){var c=(0,ae.sX)(a,b);return(0,g.jsxs)("li",{children:[(0,g.jsx)("span",{children:c.split(":")[0]}),(0,g.jsx)("span",{className:"bold",children:c.split(":")[1]})]},c)},I=function(a){return r((0,e.Z)((0,d.Z)({},q),(0,N.Z)({},a,!q[a])))};return(0,g.jsxs)(aF,{className:"car-full-info-section",children:[(0,g.jsxs)(aG.Z,{wider:!0,children:[(0,g.jsx)(aw,{sectionsToggle:q,renderSimpleProps:H,handleSectionHeaderClick:I,mileage:k,price:m,monthlyRate:l,duration:j,carDetailsContent:c,disabledForm:n,car:b}),(0,g.jsx)(aa,{sectionsToggle:q,renderSimpleProps:H,handleSectionHeaderClick:I,carDetailsContent:c,car:b})]}),(0,g.jsx)("div",{ref:v,children:y&&(0,g.jsx)(aM,{title:"Weitere Vorschl\xe4ge mit deiner Konfiguration",mainCar:b,query1:F,query2:G,testId:"first-recommendations",secondaryCars:[],setSecondaryCars:u})}),(0,g.jsxs)(aG.Z,{wider:!0,children:[(0,g.jsx)(aB,{sectionsToggle:q,sectionLabel:c.featureSectionsLabels[0],features:b.equipment,handleSectionHeaderClick:I,width:o,carDetailsContent:c,sectionName:"furnishing",isGrayBg:!0}),(0,g.jsx)(aB,{sectionsToggle:q,sectionLabel:c.featureSectionsLabels[1],features:b.highlights,handleSectionHeaderClick:I,width:o,carDetailsContent:c,sectionName:"highlights",isGrayBg:!1})]}),(0,g.jsx)("div",{ref:w,children:B&&(0,g.jsx)(aM,{title:"Diese Angebote k\xf6nnten Dir auch gefallen",testId:"second-recommendations",mainCar:b,query2:G,secondaryCars:t})}),(0,g.jsxs)(aG.Z,{wider:!0,children:[1===b.exportFinancingParams?(0,g.jsx)(aD,{sectionsToggle:q,car:b,handleSectionHeaderClick:I,carDetailsContent:c,mileage:k,duration:j,monthlyRate:l,width:o}):(0,g.jsx)(aC,{sectionsToggle:q,car:b,handleSectionHeaderClick:I,carDetailsContent:c,mileage:k,duration:j,width:o}),(0,g.jsx)(ay,{sectionsToggle:q,renderSimpleProps:H,handleSectionHeaderClick:I,carDetailsContent:c,car:b,width:o})]})]})}function aO(){var a=(0,C.Z)(["\n @media (max-width: 1375px) {\n padding-bottom: 2px;\n }\n .car-features-icons-group-list {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 20px;\n padding: 20px;\n margin-bottom: 0;\n @media (max-width: 1024px) {\n grid-template-columns: repeat(2, 1fr);\n }\n @media (max-width: 1375px) {\n flex-wrap: wrap;\n justify-content: flex-start;\n }\n li {\n @media (max-width: 992px) {\n justify-content: flex-start;\n }\n\n .image-wrap {\n margin-right: 10px;\n width: 30px;\n & > div > div > div {\n width: 30px;\n height: 30px;\n }\n }\n p {\n margin-bottom: 0;\n font-size: 12px;\n font-weight: ",";\n\n &.small-text {\n font-size: 12px;\n font-weight: ",";\n color: #595959;\n letter-spacing: 0;\n\n @media (min-width: 1376px) {\n font-size: 16px;\n line-height: 23px;\n }\n }\n\n @media (min-width: 1376px) {\n color: #1D1D1D;\n font-size: 16px;\n line-height: 23px;\n }\n }\n }\n a {\n text-decoration: none;\n color: #1D1D1D;\n }\n }\n"]);return aO=function(){return a},a}var aP=D.ZP.div.withConfig({componentId:"sc-4541b9c1-0"})(aO(),function(a){return a.theme.fontWeight.regular},function(a){return a.theme.fontWeight.regular}),aQ=c(60267),aR=c(63552),aS=function(a){var b=function(a){var b=Math.floor(a/60),c=a%60,d=[];return b>0&&d.push("".concat(b," Std.")),c>0&&d.push("".concat(c," Min.")),d.length>0?d.join(" "):"0 Min."},c=a.car,d=a.car.location,e=[{key:"Erstzulassung",value:"{registrationDate}",icon:"/icons/icon-date.svg"},{key:"Kilometerstand",value:"{mileage} km",icon:"/icons/icon-kilometerstand-cropped.svg"},{key:"Leistung",value:"{ps} PS / {kw} kW",icon:"/icons/icon-leistung-cropped.svg"},{key:"Getriebe",value:"{gear}",icon:"/icons/icon-getriebe-cropped.svg"},{key:"Verbrauch",value:"{fuelConsumptionCombined}l/100km",icon:"/icons/icon-verbrauch-cropped.svg"},{key:"Treibstoff",value:"{fuel}",icon:function(){switch(c.fuel){case"Elektro":return"/icons/icon-motor-electro.svg";case"Hybrid":return"/icons/icon-fuel-hybrid.svg";case"Plug-In Hybrid":return"/icons/icon-fuel-hybrid-plugin.svg";default:return"/icons/icon-treibstoff-cropped.svg"}}(),localIcon:!0},"Elektro"===c.fuel&&c.chargingTime&&{key:"Laden Zuhause",value:"".concat(b(c.chargingTime)),icon:"/icons/icon-home.svg",localIcon:!0},"Elektro"===c.fuel&&c.chargingTimeFast&&{key:"Schnellladezeit",value:"".concat(b(c.chargingTimeFast)),icon:"/icons/icon-clock.svg",localIcon:!0},("Elektro"===c.fuel||"Hybrid"===c.fuel||"Plug-In Hybrid"===c.fuel)&&
1c.electricalRange&&{key:"Elektrische Reichweite",value:"".concat(c.electricalRange," km"),icon:"/icons/icon-car-electro.svg",localIcon:!0},("Elektro"===c.fuel||"Hybrid"===c.fuel||"Plug-In Hybrid"===c.fuel)&&c.batteryCapacity&&{key:"Batteriekapazit\xe4t",value:"".concat(c.batteryCapacity," kWh"),icon:"/icons/icon-car-battery.svg",localIcon:!0},].filter(Boolean),f=function(a,b){var c=(0,ae.sX)(a.value,b);return"Verbrauch"!==a.key||(0,aQ.Z)(b.mileage,b.registrationDate)?(0,g.jsx)("li",{children:(0,g.jsxs)("div",{className:"d-flex align-items-center",children:[(0,g.jsx)("div",{className:"image-wrap",children:(null==a?void 0:a.localIcon)?(0,g.jsx)("img",{src:a.icon,width:"34px",height:"34px",alt:""}):(0,g.jsx)(I.Z,{width:30,height:30,src:a.icon,alt:""})}),(0,g.jsxs)("div",{children:[(0,g.jsxs)("p",{style:{display:"flex",alignItems:"center"},className:"small-text",children:[a.key,"Schnellladezeit"===a.key&&(0,g.jsx)(aR.f,{})]}),(0,g.jsxs)("p",{children:[c,"Batteriekapazit\xe4t"===a.key&&b.batteryCertificateUrl&&(0,g.jsx)("a",{style:{color:"#AF0837",textDecoration:"underline"},className:"d-block",target:"_blank",rel:"noopener noreferrer",href:b.batteryCertificateUrl,children:"Zertifikat speichern"})]})]})]})},c):null};return(0,g.jsx)(aP,{children:(0,g.jsxs)("ul",{className:"car-features-icons-group-list list-unstyled",children:[!c.external&&(0,g.jsx)("li",{children:(0,g.jsxs)("div",{className:"d-flex align-items-center",children:[(0,g.jsx)("div",{className:"image-wrap",children:(0,g.jsx)(I.Z,{width:30,height:30,layout:"responsive",src:"https://autohaus24.de/icons/icon-pin-25.svg",alt:""})}),(0,g.jsxs)("div",{children:[(0,g.jsx)("p",{className:"small-text",children:"Standort"}),(0,g.jsxs)("p",{children:[" ",(0,g.jsx)("a",{href:"https://www.google.com/maps/place/".concat(null==d?void 0:d.street," ").concat(null==d?void 0:d.plz," ").concat(null==d?void 0:d.city),target:"_blank",rel:"noopener noreferrer",children:null==d?void 0:d.city})]})]})]})},"features-1"),e.map(function(a){return f(a,c)})]})})},aT=c(90358),aU=c(65693),aV=c(79046),aW=c(38556),aX=c(5319),aY=c(65004),aZ=c(79072),a$=c(98528),a_=c(98589),a0=c(59954),a1=c(81077),a2=c(69239),a3=c(77768),a4=c(58122),a5={82049:{akz:"SON",externalId:"082049"},85748:{akz:"SON",externalId:"037945"},14974:{akz:"SON",externalId:"036912"},85386:{akz:"SON",externalId:"036913"},63329:{akz:"SON",externalId:"036914"},42287:{akz:"SON",externalId:"038674"}},a6=k()(function(){return Promise.all([c.e(6428),c.e(5623),c.e(5855),c.e(5230),c.e(7095),c.e(8398)]).then(c.bind(c,65734))},{loadableGenerated:{webpack:function(){return[65734]}},ssr:!1}),a7=k()(function(){return c.e(1871).then(c.bind(c,41871))},{loadableGenerated:{webpack:function(){return[41871]}},ssr:!1}),a8="san-float-widget-btn",a9=function(){var a,b=arguments.length>0&& void 0!==arguments[0]?arguments[0]:"SON",c="https://acapi.santander.de/script/UniversalPlugin?akz=".concat(b),d=document.createElement("script");d.type="text/javascript",d.async=!0,d.src=c;var e=document.getElementsByTagName("script")[0];return null==e||null===(a=e.parentNode)|| void 0===a||a.insertBefore(d,e),d.onerror=function(a){console.warn("Santander finance widget failed to load",{error:a}),(0,a0.Z)("santander_error_loading")},d},ba=k()(function(){return c.e(228).then(c.bind(c,40228))},{loadableGenerated:{webpack:function(){return[40228]}},ssr:!1}),bb=function(a){var b,j,k,m,p,r,v,w,x,y,z,A,B=a.data,C=(0,o.v9)(function(a){return a.carPage}),D=C.car,E=C.error,F=C.formData,H=C.reserveModal,I=H.isOpen,J=(0,o.v9)(function(a){return a.favorites}),K=J.favorites,N=J.compared,O=J.comparedLimitError,P=J.limitError,Q=(0,o.v9)(function(a){return a.carListPage}).jsonQuery,R=(0,o.I0)(),S=(0,l.useRouter)(),T=(0,o.v9)(function(a){return a.carPage}),U=T.thankYouModal,V=U.isOpen,W=U.requestType,X=function(){return R((0,at.Oh)())},Y=(0,i.useState)(null),Z=Y[0],$=Y[1],_=(0,i.useRef)(!0),aa=(A=(null==D?void 0:null===(b=D.location)|| void 0===b?void 0:b.plz)||void 0)?a5[A]:void 0,ab=function(a){return _.current=!1,$(a)},ac=(0,i.useState)(null),ad=ac[0],af=ac[1],ag=function(){return R((0,aX.Zq)(!1))},ah=function(){return R((0,aX.Kf)(!1))},ai=(null==D?void 0:null===(j=D.model)|| void 0===j?void 0:j.name)==="i3",aj=(null==D?void 0:D.exportFinancingParams)===1?ai?24:(null==D?void 0:D.leasLaufzeit)||"":null==D?void 0:D.financingTime,ak=(0,i.useState)(0),al=ak[0],am=ak[1],an=(0,i.useState)(!1),ao=an[0],ap=an[1];(0,i.useEffect)(function(){if((null==D?void 0:D.external)&&h.noop,R((0,at.U5)((0,e.Z)((0,d.Z)({},F),{mileage:(3e4!==Number(null==D?void 0:D.leasKilometerlaufleistung)?null==D?void 0:D.leasKilometerlaufleistung:1e4)||"",duration:aj||0,deposit:Number(null==D?void 0:D.financingCommission),financingDuration:(null==D?void 0:D.financingTime)===0?48:null==D?void 0:D.financingTime,finalInstallment:Number(null==D?void 0:D.financingFinalInstallment)}))),ai||parseInt((null==D?void 0:D.prozRwMitSonderzahlung)||"0",10)&&parseInt((null==D?void 0:D.prozRwOhneSonderzahlung)||"0",10)||ap(!0),document.getElementById(a8))return h.noop;var a=a9(null==aa?void 0:aa.akz);return function(){null==a||a.remove(),document.querySelectorAll("body > .san-widget-floating").forEach(function(a){return a.remove()})}},[]);var aq=!!K.find(function(a){return Number(a.id)===(null==D?void 0:D.id)}),ar=!!N.find(function(a){return Number(a.id)===(null==D?void 0:D.id)});if((0,i.useEffect)(function(){if(null==D||!D.external){var a=F.mileage||(null==D?void 0:D.leasKilometerlaufleistung)||"",b=F.duration||aj;if(b&&a){var c,d=(0,ae.bP)(null==D?void 0:null===(c=D.model)|| void 0===c?void 0:c.name,{duration:b,mileage:a,listenPreisBrutto:null==D?void 0:D.listenpreisBrutto,faktorOhneSonderzahlung:null==D?void 0:D.faktorOhneSonderzahlung,prozRwOhneSonderzahlung:null==D?void 0:D.prozRwOhneSonderzahlung,prozRwMitSonderzahlung:null==D?void 0:D.prozRwMitSonderzahlung,faktorMitSonderzahlung:null==D?void 0:D.faktorMitSonderzahlung},null==D?void 0:D.leasMonatsrate);-1!==d&&am(d)}}},[F.mileage,F.duration]),(0,i.useEffect)(function(){if((null==D||!D.external)&&!s()(a_.E.formData,F)){var a=""===F.deposit?Number(null==D?void 0:D.price):Number(null==D?void 0:D.price)-F.deposit,b=Number(null==D?void 0:D.financingDebitInterest)/1200+1,c=Math.pow(b,0),f=Math.pow(b,F.financingDuration),g=a-F.finalInstallment/f,h=c/f*((f-1)/(b-1)),i=g/h,j=(Math.round(100*i)/100).toFixed(2),k=(Math.round(100*parseFloat(j*F.financingDuration+F.finalInstallment))/100).toFixed(2);R((0,at.U5)((0,e.Z)((0,d.Z)({},F),{netLoan:a,monthlyRate:j,totalRepayment:k})))}},[F.deposit,F.financingDuration,F.finalInstallment]),(0,i.useEffect)(function(){var a,b,c,d;(0,G.Z0)("/gebrauchtwagen/cars/".concat(null==D?void 0:D.id),{"remarketing-id":null==D?void 0:D.referenceNumber,brand:null==D?void 0:null===(a=D.brand)|| void 0===a?void 0:a.name.toLowerCase(),modell:(0,ae.BV)(null==D?void 0:null===(b=D.model)|| void 0===b?void 0:b.name),bauform:null==D?void 0:null===(c=D.category)|| void 0===c?void 0:c.toLowerCase(),standort:(0,ae.BV)(null==D?void 0:null===(d=D.location)|| void 0===d?void 0:d.name).replace(/-/g," ")}),S.asPath.includes("?id=")&&S.replace("/gebrauchtwagen/cars/".concat(null==D?void 0:D.id),void 0,{shallow:!0}),S.asPath.includes("openForm=true")&&R((0,at.xN)())},[]),(0,i.useEffect)(function(){if(null==D?void 0:D.external){var a,b=n()(D.offers,"runningTime"),c=(null===(a=D.offers)|| void 0===a?void 0:a.find(function(a){return a.default}))||b[Object.keys(b).sort()[0]][0],f=c.mileage,g=c.monthlyPrice,h=c.runningTime;R((0,at.U5)((0,e.Z)((0,d.Z)({},F),{mileage:f,duration:h,monthlyRate:g})))}},[]),(0,i.useEffect)(function(){var a=document.getElementById(a8);V&&af(a)},[V]),!D||E||D.error)return(0,g.jsx)(aY.Z,{});if(!B)return null;var as=(0,f.Z)(B.nodeQuery.content,1)[0],au=1===D.exportFinancingParams?al:D.financingMonthlyRate,av=[{text:null==D?void 0:null===(k=D.brand)|| void 0===k?void 0:k.name,href:"/".concat(null==D?void 0:null===(m=D.brand)|| void 0===m?void 0:m.name).toLowerCase().replace(/\s/g,"_")},{text:null==D?void 0:null===(p=D.model)|| void 0===p?void 0:p.name,href:"/".concat(null==D?void 0:null===(r=D.brand)|| void 0===r?void 0:r.name,"/").concat(null==D?void 0:null===(v=D.model)|| void 0===v?void 0:v.name).toLowerCase().replace(/\s/g,"_")},{text:"".concat(null==D?void 0:null===(w=D.brand)|| void 0===w?void 0:w.name," ").concat((0,ae.BL)(D.title)),href:""}],aw=s()(a$.E3.jsonQuery,Q)?void 0:{pathname:"/gebrauchtwagen",query:{limit:Q.limit,orderBy:JSON.stringify(null==Q?void 0:Q.orderBy),offset:J
1SON.stringify(null==Q?void 0:Q.offset),conditions:JSON.stringify(null==Q?void 0:Q.conditions)}};return(0,g.jsxs)(g.Fragment,{children:[I&&(0,g.jsx)(a6,{firstOpen:_.current,storedFormData:Z,setStoredFormData:ab,formFields:{privacyText:(null==D?void 0:null===(x=D.location)|| void 0===x?void 0:x.id)===3?as.reserveFormPrivacyText2.value:as.reserveFormPrivacyText.value,marketing:as.marketingText.value}}),V&&(0,g.jsx)(a7,{isOpen:V,requestType:W,car:D,santanderBtn:ad,handleClose:X}),(0,g.jsx)(aG.Z,{wider:!0,children:(0,g.jsxs)(M.Z,{children:[(0,g.jsx)(aZ.Z,{className:"d-sm-block pt-sm-4 pb-3 pb-sm-5",links:av,homeLink:aw}),(0,g.jsx)("div",{className:"row",children:(0,g.jsx)("div",{className:"col-12",children:(0,g.jsxs)(aT.Z,{showTuev:!0,car:D,children:[(0,g.jsxs)("div",{className:"d-flex align-items-center buttons-block",children:[(0,g.jsx)("div",{className:"mt-0 ml-md-2 mt-md-0 compare-btn-container",children:(0,g.jsx)(a3.Z,{className:"details-page-btn compare-btn",isCompareActive:ar,handleClick:function(a){var b;a.preventDefault(),(0,a4.S)(a,{id:D.id,title:D.title,fuel:D.fuel,gear:D.gear,mileage:(0,ae.uY)(D.mileage),locationId:D.locationId,price:(0,ae.uY)(D.price),addedAt:(0,t.default)(new Date,"dd.MM.yyyy"),ps:D.ps,registrationDate:D.registrationDate,brandName:(null==D?void 0:D.brandName)||"",modelName:D.modelName||"",locationName:(null==D?void 0:null===(b=D.location)|| void 0===b?void 0:b.name)||""},R)}})}),(0,g.jsx)(aV.Z,{hasText:!0,className:"static details-page-btn",isFavorite:aq,handleClick:function(a){aq||(0,G.M8)({eventCategory:"detail_page-used_cars",model:(0,ae.bJ)(D),price:D.price}),c.e(9536).then(c.bind(c,29536)).then(function(b){var c,d,e;b.storeFavorite(a,{id:D.id,title:D.title,fuel:D.fuel,gear:D.gear,mileage:(0,ae.uY)(D.mileage),locationId:D.locationId,price:(0,ae.uY)(D.price),addedAt:(0,t.default)(new Date,"dd.MM.yyyy"),ps:D.ps,registrationDate:D.registrationDate,brandName:(null==D?void 0:null===(c=D.brand)|| void 0===c?void 0:c.name)||"",modelName:(null===(d=D.model)|| void 0===d?void 0:d.name)||"",locationName:(null==D?void 0:null===(e=D.location)|| void 0===e?void 0:e.name)||""},R)})}}),(0,g.jsx)("div",{className:"mt-0 ml-md-2 mt-md-0",children:(0,g.jsx)(a1.Z,{className:"details-page-btn",pricePerMonth:1===D.exportFinancingParams?(0,ae.uY)(au):(0,ae.uY)(F.monthlyRate),car:D})})]}),!D.external&&(0,g.jsx)(a2.Z,{car:D})]})})}),(0,g.jsxs)("div",{className:"row justify-content-center order-row",children:[(0,g.jsx)("div",{className:"col-xs-12 col-lg-8",children:(0,g.jsx)(L,{car:D})}),(0,g.jsx)("div",{className:"col-xs-12 col-lg-4",children:(0,g.jsx)(ba,{carDetailsContent:as,formData:F,car:D,price:au})}),(0,g.jsx)("div",{className:"col",children:(0,g.jsx)("div",{className:"features",children:(0,g.jsx)(aS,{car:D})})})]}),(0,g.jsx)(aU.Z,{})]})}),(0,g.jsxs)(M.Z,{children:[(0,g.jsx)(aN,{car:D,carDetailsContent:as,formData:F,price:au,monthlyRate:al,disabledForm:ao}),(0,g.jsxs)(aG.Z,{wider:!0,children:[(0,g.jsx)("div",{className:"legal-text",dangerouslySetInnerHTML:{__html:as.legalText.value}}),(null==D?void 0:D.carType)==="new"&&(0,g.jsx)("div",{className:"legal-text with-asteriks-before",dangerouslySetInnerHTML:{__html:null==as?void 0:null===(y=as.externalCarInfo)|| void 0===y?void 0:y.value}})]})]}),(0,g.jsx)(aW.Z,{open:P,onClose:ag,message:(0,g.jsxs)("span",{children:["Es k\xf6nnen maximal 5 Fahrzeuge gemerkt werden."," ",(0,g.jsx)(q(),{href:"/gebrauchtwagen/favoriten",children:(0,g.jsx)("span",{className:"fake-link",children:(0,g.jsx)("a",{onClick:ag,children:"Deine Favoriten bearbeiten"})})})]})}),(0,g.jsx)(aW.Z,{open:O,onClose:ah,message:(0,g.jsxs)("span",{children:["Es k\xf6nnen maximal 5 Fahrzeuge gemerkt werden."," ",(0,g.jsx)(q(),{href:"/gebrauchtwagen/favoriten",children:(0,g.jsx)("span",{className:"fake-link",children:(0,g.jsx)("a",{onClick:ah,children:"Deinen Vergleich bearbeiten"})})})]})}),aa&&(0,g.jsx)("div",{id:"widget","external-id":null==aa?void 0:aa.externalId,"data-external-id":null==aa?void 0:aa.externalId,"data-nsv-annual-percentage-rate":D.financingEffYearInterestRate,"data-nsv-manufacturer":null==D?void 0:null===(z=D.brand)|| void 0===z?void 0:z.name,"data-nsv-model":D.title,"data-nsv-price":D.price,"data-nsv-vin":D.vin,"data-nsv-sort":(0,ae.rl)("",D.category),"data-nsv-fuel-type":D.fuel,"data-nsv-type":"0","data-nsv-mileage":D.mileage,"data-nsv-registration-date":D.registrationDate?(0,t.default)((0,u.default)(D.registrationDate),"yyyy-MM-dd"):void 0,"data-nsv-power-in-kw":D.kw,"data-vehicle-id":D.referenceNumber,"data-nsv-power-in-ps":D.ps,children:(0,g.jsx)("span",{className:"embedded-widget-legal-text"})})]})}},65693:function(a,b,c){var d=c(7297),e=c(85893),f=c(67294),g=c(19521),h=c(17812),i=c(5900);function j(){var a=(0,d.Z)(["\n position: fixed; \n bottom: 50px;\n align-items: center;\n height: 78px;\n border-radius: 100%;\n right: 60px;\n justify-content: center;\n z-index: 1000;\n background-color: #A80416;\n cursor: pointer;\n animation: fadeIn 0.3s;\n transition: opacity 0.4s;\n box-shadow: 0 7px 10px 0 rgba(0,0,0,0.13);\n \n @media (max-width: 1024px) {\n display: none!important;\n }\n \n .MuiIconButton-root {\n background: ",";\n width: 78px;\n height: 78px;\n border-radius: 0;\n padding: 0;\n &:hover {\n background: ",";\n }\n &:focus {\n outline: none;\n }\n .MuiSvgIcon-fontSizeInherit {\n fill: ",";\n width: 70%;\n height: 100%;\n }\n }\n \n @keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 0.5;\n }\n }\n"]);return j=function(){return a},a}var k=g.ZP.div.withConfig({componentId:"sc-8c7e9d9a-0"})(j(),function(a){return a.theme.colors.black},function(a){return a.theme.colors.black},function(a){return a.theme.colors.white}),l=function(){var a=(0,f.useState)(!1),b=a[0],c=a[1],d=function(){!b&&window.pageYOffset>400?c(!0):b&&window.pageYOffset<=400&&c(!1)};f.useEffect(function(){return window.addEventListener("scroll",d),function(){return window.removeEventListener("scroll",d)}});var g=function(){window.scrollTo({top:0,behavior:"smooth"})};return(0,e.jsx)(k,{style:{display:b?"flex":"none"},children:(0,e.jsx)(h.Z,{focusRipple:!1,size:"medium",onClick:g,"aria-label":"scroll to top",id:"scroll-to-top-button",children:(0,e.jsx)(i.Z,{width:22,height:34,src:"/icons/icon-arrow-up-white.svg",alt:""})})})};b.Z=l},38556:function(a,b,c){c.d(b,{Z:function(){return l}});var d=c(85893);c(67294);var e=c(17812),f=c(80366),g=c(7297),h=c(19521),i=c(55302);
1function j(){var a=(0,g.Z)(["\n .MuiSnackbarContent-root {\n background: ",";\n border-radius: 10px;\n .fake-link {\n cursor: pointer;\n }\n a {\n color: ",";\n text-decoration: underline;\n }\n }\n .MuiSnackbarContent-root {\n flex-wrap: nowrap;\n }\n"]);return j=function(){return a},a}var k=(0,h.ZP)(i.Z).withConfig({componentId:"sc-2f86bf6-0"})(j(),function(a){return a.theme.colors.paymentLabelBG},function(a){return a.theme.colors.sectionBackground}),l=function(a){var b=a.message,c=a.open,g=a.onClose;return(0,d.jsx)(k,{open:c,onClose:g,message:b,action:(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(e.Z,{size:"small","aria-label":"close",color:"inherit",onClick:g,children:(0,d.jsx)(f.Z,{fontSize:"small"})})})})}},59954:function(a,b,c){var d=c(26042),e=c(11752),f=c(91756),g=(0,e.default)().publicRuntimeConfig;b.Z=function(a,b){if("production"===g.env)try{fetch("".concat((0,f.Z)(void 0),"/metrics/").concat(a),{method:"POST",body:JSON.stringify((0,d.Z)({},b))})}catch(c){}}},60267:function(a,b,c){c.d(b,{Z:function(){return g}});var d=c(11640),e=c(19013),f=c(13882),g=function(a,b){var c=(0,d.default)(new Date(b),8);return a<=1e3||function(a){return(0,f.Z)(1,arguments),(0,e.default)(a).getTime()>Date.now()}(c)}}}])
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.