1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6632],{46351:function(a,b,c){var d=c(85893);c(67294);var e=c(25617),f=function(a){var b=a.carsLength,c=a.carsLoading,f=(0,e.v9)(function(a){return a.carListPage}).carsCount;return(0,d.jsxs)("h3",{className:"count-title ".concat(c?"skeleton":""),children:[Math.max(f,b)," ","Angebote"]})};b.Z=f},14659:function(a,b,c){c.r(b),c.d(b,{default:function(){return v}});var d=c(7297),e=c(85893),f=c(67294),g=c(5152),h=c.n(g),i=c(26983),j=c(282),k=c(19521),l=c(63602);function m(){var a=(0,d.Z)(["\n.search-agent-btn {\n text-transform: none;\n color: #000000;\n font-family: 'Roboto';\n font-size: 12px;\n font-weight: bold;\n letter-spacing: 0;\n line-height: 16px;\n outline: none!important;\n padding: 4px 10px;\n @media (max-width: 767px) {\n padding: 4px;\n min-width: unset;\n .MuiButton-startIcon {\n margin: 0;\n }\n }\n .btn-text {\n @media (max-width: 767px) {\n display: none;\n }\n }\n }\n"]);return m=function(){return a},a}var n=k.ZP.div.withConfig({componentId:"sc-aadc5387-0"})(m());function o(){var a=(0,d.Z)(["\n background: white;\n padding: 40px 60px 40px 20px;\n border-radius: 30px;\n max-width: 660px;\n position: relative;\n @media (max-width: 1024px) {\n padding-left: 60px;\n }\n @media (max-width: 680px) {\n margin: 0 10px;\n padding: 20px;\n }\n"]);return o=function(){return a},a}function p(){var a=(0,d.Z)(["\n display: flex;\n justify-content: center;
1\n align-items: center;\n"]);return p=function(){return a},a}function q(){var a=(0,d.Z)(["\n position: absolute;\n\n right: 20px;\n top: 20px;\n width: 26px;\n height: 26px;\n cursor: pointer;\n\n &:before, &:after {\n position: absolute;\n left: 50%;\n content: '';\n height: 26px;\n width: 2px;\n background-color: #333;\n }\n\n &:before {\n transform: rotate(45deg);\n }\n &:after {\n transform: rotate(-45deg);\n }\n"]);return q=function(){return a},a}var r=h()(function(){return c.e(3031).then(c.bind(c,53031))},{loadableGenerated:{webpack:function(){return[53031]}}}),s=k.ZP.div.withConfig({componentId:"sc-b8778e50-0"})(o()),t=(0,k.ZP)(i.Z).withConfig({componentId:"sc-b8778e50-1"})(p()),u=k.ZP.div.withConfig({componentId:"sc-b8778e50-2"})(q()),v=function(a){var b=a.carListContent,c=a.handleChange,d=a.fuelOptions,g=a.gearOptions,h=a.farbeOptions,i=a.loading,k=a.categoryOptions,m=a.exportFinancingParamsOptions,o=a.setSnackbarOpen,p=a.setSnackbarSuccessMessage,q=(0,f.useState)(!1),v=q[0],w=q[1];return(0,e.jsxs)(n,{children:[(0,e.jsx)(j.Z,{className:"search-agent-btn","aria-controls":"simple-menu","aria-haspopup":"true",onClick:function(){return w(!0)},startIcon:(0,e.jsx)(l.Z,{}),children:(0,e.jsx)("span",{className:"btn-text",children:"Suchagent anlegen"})}),(0,e.jsx)(t,{open:v,onClose:function(){return w(!1)},keepMounted:!0,className:"search-agent-modal",children:(0,e.jsxs)(s,{children:[(0,e.jsx)(u,{onClick:function(){return w(!1)}}),v&&(0,e.jsx)(r,{carListContent:b,handleChange:c,fuelOptions:d,gearOptions:g,farbeOptions:h,loading:i,setOpen:w,setSnackbarOpen:o,setSnackbarSuccessMessage:p,categoryOptions:k,exportFinancingParamsOptions:m,isInModal:!0})]})})]})}},23348:function(a,b,c){var d=c(26042),e=c(69396),f=c(99534),g=c(85893);c(67294);var h=c(75198),i=function(a){var b=a.children,c=a.stickyClassName;return(0,g.jsx)(h.$0,{dontUpdateHolderHeightWhenSticky:!0,children:function(a){var h=a.isFixed,i=a.wrapperStyles,j=a.wrapperRef,k=a.holderStyles,l=a.holderRef,m=(0,f.Z)(a,["isFixed","wrapperStyles","wrapperRef","holderStyles","holderRef"]);return(0,g.jsx)("div",(0,e.Z)((0,d.Z)({},m),{ref:l,style:k,className:"sticky-wrapper ".concat(h?"active":""),children:(0,g.jsx)("div",(0,e.Z)((0,d.Z)({},m),{className:"".concat(h?c:""),style:i,ref:j,children:b}))}))}})};b.Z=i},71399:function(a,b,c){c.d(b,{hc:function(){return B},eI:function(){return aj},pq:function(){return R},kS:function(){return _},yT:function(){return an},tz:function(){return g}});var d=c(7297),e=c(19521);function f(){var a=(0,d.Z)(["\n \n h1 {\n font-weight: ",";\n color: ",";\n font-family: 'Roboto';\n font-size: 20px;\n letter-spacing: 0;\n line-height: 26px;\n margin: 25px 0 5px;\n }\n &.mobile {\n font-size: 25px; \n }\n \n p {\n font-size: 16px;\n \n &.mobile {\n font-size: 16px;\n line-height: 25px;\n }\n }\n @media (max-width: 991px) {\n .desktop {\n display: none;\n }\n }\n .tablet {\n display: none;\n }\n .show-filters-btn {\n display: none;\n @media (max-width: 1023px) {\n display: block;\n border: 1px solid #000;\n border-radius: 30px;\n padding: 5px 35px;\n font-wight: 700;\n cursor: pointer;\n }\n }\n\n .skeleton {\n opacity: .7;\n animation: skeleton-loading 1s linear infinite alternate;\n }\n\n @keyframes skeleton-loading {\n 0% {\n background-color: hsl(200, 20%, 95%);\n }\n \n 100% {\n background-color: hsl(200, 20%, 70%);\n }\n }\n\n .carlist-content {\n margin-top: 46px;\n\n @media (max-width: 575px) {\n margin-top: 0px;\n }\n }\n\n .count-title {\n font-size: 20px;\n font-weight: bold;\n margin-bottom: 0;\n margin-right: auto;\n border-radius: 4px;\n display: block;\n min-width: 130px;\n min-height: 24px;\n /* position: absolute;\n top: 24px; */\n\n &.skeleton {\n font-size: 0;\n }\n }\n\n .carlist-wrapper {\n flex: 1;\n width: 100%;\n\n h2 {\n font-size: 20px;\n margin-bottom: 20px;\n }\n }\n\n .sorting-wrapper {\n margin-left: 20px;\n margin-bottom: 16px;\n padding-left: 26px;\n /* padding-top: 18px; */\n padding-top: 8px;\n padding-bottom: 2px;\n padding-right: 8px;\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 position: relative;\n\n &-hidden {\n border: 0;\n box-shadow: none;\n padding: 0;\n margin: 0;\n }\n\n @media (max-width: 1023px) {\n margin-left: 0;\n display: flex;\n flex-direction: column;\n padding-bottom: 3px;\n padding-top: 3px;\n\n .filters-sort {\n flex-wrap: wrap;\n }\n\n &-tags {\n order: -1;\n display: none;\n\n .tags.tags-list {\n margin-bottom: 0;\n }\n .tags {\n max-width: 100%;\n }\n }\n\n .count-title {\n position: static;\n order: -2;\n width: 100%;\n margin-bottom: 12px;\n margin-top: 6px;\n }\n }\n\n @media (max-width: 575px) {\n border: 0;\n box-shadow: none;\n padding-left: 0;\n padding-right: 0;\n margin-bottom: 0;\n \n .tags-list {\n margin-top: 10px;\n }\n\n .count-title {\n display: none;\n }\n }\n }\n \n\n .seo-image {\n margin-top: 70px;\n /* img {\n width: 100%;\n max-width: 100%;\n height: auto;\n } */\n }\n .seo-text {\n margin-top: 40px;\n }\n .sub-title {\n font-family: Roboto;\n font-size: 16px;\n letter-spacing: 0;\n line-height: 21px;\n margin: 30px 0 5px;\n }\n \n @media (max-width: ",") {\n padding-top: 34px;\n }\n @media (max-width: ",") {\n padding-top: 0px;\n\n h1 {\n margin-top: 0;\n margin-bottom: 0;\n font-size: 18px;\n }\n }\n .filters-sort {\n flex-wrap: wrap;\n .sticky-sort {\n &.hidden {\n visibility: hidden;\n opacity: 0;\n }\n @media (min-width: 1023px) {\n padding: 12px 0;\n margin-left: auto;\n .btn-text {\n white-space: nowrap;\n display: block;\n overflow: hidden;\n max-width: 120px;\n }\n }\n }\n &.hidden {\n visibility: hidden;\n opacity: 0;\n }\n @media (max-width: 991px) {\n margin-left: -15px;\n margin-right: -15px;\n padding: 10px 15px;\n margin-bottom: 0;\n }\n }\n .sticky-tags {\n width: 100%;\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n width: 1px;\n .tags.tags-list {\n margin-bottom: 0;\n padding-top: 9px;\n }\n @media (max-width: 575px) {\n .tags.tags-list {\n margin-bottom: 0;\n margin-top: 0;\n padding-top: 0px;\n } \n }\n }\n\n .sticky-wrapper {\n @media (max-width: 1023px) {\n .sticky-tags {\n display: initial;\n width: 100%;\n opacity: 1;\n max-height: initial;\n order: -1;\n }\n .sorting-wrapper-tags {\n display: block;\n margin-bottom: 10px;\n }\n }\n\n &.active+.sorting-wrapper-tags {\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.5s;\n }\n\n .logo-link {\n width: 185px;\n display: none;\n }\n\n .fav-btns {\n padding-right: 10px;\n display: none;\n .fav-link {\n padding: 4px 5px 3px;\n span {\n display: none;\n }\n }\n }
1\n\n // active sticky state\n .sticky-top-panel {\n background: #F2F2F2;\n width: 100%!important;\n left: 0;\n z-index: 20;\n @media (min-width: 1024px) {\n background: #FFF;\n border-bottom: 1px solid rgba(0,0,0,0.2);\n }\n @media (max-width: 1023px) {\n .sorting-wrapper-tags, .sticky-tags {\n display: none;\n }\n .count-title {\n display: none;\n }\n .tags {\n max-width: 100%;\n }\n }\n .fav-btns {\n display: flex;\n }\n .sticky-tags {\n max-height: 300px;\n opacity: 1;\n transition: .35s max-height 0.3s ease-in, .66s opacity .3s;\n width: auto;\n flex: 1;\n }\n .count-title {\n margin-right: 20px;\n }\n .sticky-sort {\n display: block;\n &.hidden {\n visibility: visible;\n opacity: 1;\n }\n @media (min-width: 1023px) {\n .btn-text {\n max-width: 0;\n transition: max-width 0.25s;\n } \n }\n }\n\n .logo-link {\n margin-right: 66px; \n @media (min-width: 1024px) {\n display: block; \n }\n @media (min-width: 1374px) {\n margin-right: 153px; \n }\n }\n\n .count-title {\n display: none;\n }\n\n .filters-sort {\n margin-bottom: 0;\n margin-left: auto;\n margin-right: auto;\n \n @media (min-width: 576px) {\n max-width: 540px;\n }\n @media (min-width: 768px) {\n max-width: 720px;\n }\n @media (min-width: 1024px) {\n max-width: 965px;\n }\n @media (min-width: 1280px) {\n max-width: 1175px;\n }\n @media (min-width: 1375px) {\n max-width: 1315px;\n }\n }\n }\n }\n \n .static > span {\n position: static!important;\n width: auto!important;\n }\n .legal-text {\n margin-bottom: 40px;\n p {\n font-size: 12px;\n margin-bottom: 4px;\n }\n }\n"]);return f=function(){return a},a}var g=e.ZP.div.withConfig({componentId:"sc-c30f55af-0"})(f(),function(a){return a.theme.fontWeight.bold},function(a){return a.theme.colors.secondaryFont},function(a){return a.theme.breakpoints.lg},function(a){return a.theme.breakpoints.xs}),h=c(85893),i=c(67294),j=c(25617),k=c(41664),l=c.n(k),m=c(57785);function n(){var a=(0,d.Z)(["\n width: 100%;\n .page-title {\n //margin-bottom: 50px;\n }\n .car-list-wrap { \n background-color:",";\n padding: 0 0 40px 24px;\n //margin-top: 30px;\n @media (max-width: 1023px) {\n padding: 0 0 40px 0;\n }\n }\n \n .car-list {\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n @media (min-width: 1280px) {\n display: block;\n }\n }\n \n .cars-found {\n\n color: ",";\n font-size: 18px;\n font-weight: ",";\n letter-spacing: 0;\n line-height: 24px;\n }\n .pagination {\n margin-bottom: 0;\n width: 100%;\n justify-content: center;\n @media (max-width: ",") {\n margin-bottom: 25px;\n }\n .page-item {\n margin-right: 10px;\n .page-link {\n color: ",";\n border: none;\n border-radius: 50%;\n width: 30px;\n height: 30px;\n line-height: 30px;\n padding: 0;\n text-align: center;\n }\n &.active {\n .page-link {\n background-color: ",";\n border-color: ",";\n color: ",";\n } \n }\n &.disabled {\n opacity: .3;\n .page-link {\n \n }\n }\n \n &:first-child, &:last-child {\n .page-link {\n border-radius: 50%;\n }\n }\n }\n }\n"]);return n=function(){return a},a}var o=e.ZP.div.withConfig({componentId:"sc-970df2e9-0"})(n(),function(a){return a.theme.colors.lightGrayCarListBg},function(a){return a.theme.colors.black},function(a){return a.theme.fontWeight.bold},function(a){return a.theme.breakpoints.sm},function(a){return a.theme.colors.primaryFont},function(a){return a.theme.colors.activeSwitch},function(a){return a.theme.colors.activeSwitch}
1,function(a){return a.theme.colors.sectionBackground}),p=c(85394),q=c(5319),r=c(38556),s=c(81621);function t(){var a=(0,d.Z)(['{\n nodeQuery(filter: {conjunction: AND, conditions: [{operator: EQUAL, field: "type", value: "module_campaigns"}]}) {\n content: entities {\n ... on NodeModuleCampaigns {\n campaigns: fieldCampaign {\n entity {\n ... on NodeCampaign {\n status\n fieldCampaignDesktopImage {\n entity {\n thumbnail {\n url\n alt\n }\n }\n }\n fieldCampaignMobileImage {\n entity {\n thumbnail {\n url\n alt\n }\n }\n }\n fieldCampaignLink\n }\n }\n }\n }\n }\n}\n}']);return t=function(){return a},a}var u=(0,s.ZP)(t()),v=c(63457);function w(){var a=(0,d.Z)(["\n width: 100%;\n @media (min-width: 768px) {\n width: calc(50% - 8px);\n }\n @media (min-width: 1280px) {\n width: 100%;\n }\n .link-wrap {\n margin-bottom: 25px;\n position: relative;\n border: 1px solid #DCD8D8;\n border-radius: 15px;\n display: flex;\n box-shadow: 0 1px 7px 0 rgb(0 0 0 / 9%);\n overflow: hidden;\n cursor: pointer;\n color: inherit;\n text-decoration: none;\n }\n"]);return w=function(){return a},a}var x=e.ZP.li.withConfig({componentId:"sc-58d4eaff-0"})(w()),y=c(5076),z=c(5900),A=function(a){var b,c,d,e,f,g,i,k=(0,j.I0)(),m=(0,v.Z)("(max-width:1280px)"),n=(0,v.Z)("(min-width: 767px) and (max-width:1280px)");return a.link?(0,h.jsx)(x,{className:"list-unstyled ",children:(0,h.jsx)(l(),{href:a.link,prefetch:!1,children:(0,h.jsx)("a",{className:"link-wrap","aria-label":null!==(b=a.title)&& void 0!==b?b:"",onClick:function(){k({type:y.SET_VISITED_URL,payload:window.location.href})},children:m?n?(0,h.jsx)(z.Z,{alt:null!==(e=a.title)&& void 0!==e?e:"",width:347,height:497,src:null!==(f=a.imgMobile)&& void 0!==f?f:""}):(0,h.jsx)(z.Z,{alt:null!==(g=a.title)&& void 0!==g?g:"",width:486,height:582,src:null!==(i=a.imgMobile)&& void 0!==i?i:""}):(0,h.jsx)(z.Z,{width:1061,alt:null!==(c=a.title)&& void 0!==c?c:"",height:237,src:null!==(d=a.imgDesktop)&& void 0!==d?d:""})})})}):null};function B(a){var b=(0,j.I0)(),c=(0,m.a)(u).data,d=(0,j.v9)(function(a){return a.carListPage}).jsonQuery,e=a.cars,f=a.carListContent,g=a.loading,i=a.setLoading,k=(0,j.v9)(function(a){return a.favorites}),n=k.limitError,s=k.comparedLimitError,t=function(){return b((0,q.Zq)(!1))},v=function(){return b((0,q.Kf)(!1))};return(0,h.jsxs)(o,{children:[(0,h.jsxs)("div",{className:"car-list-wrap",children:[(0,h.jsx)("ul",{className:"car-list",children:function(){if(0!==d.offset)return e.map(function(a,b){return(0,h.jsx)(p.Z,{index:b,car:a,carListContent:f},b)});var a,b,g=[{insertAt:3,campaign:0},{insertAt:6,campaign:1},{insertAt:9,campaign:2}],i=(null===(a=null==c?void 0:c.nodeQuery.content[0])|| void 0===a?void 0:null===(b=a.campaigns)|| void 0===b?void 0:b.filter(function(a){return a.entity.status}))||[],j=[];return e.forEach(function(a,b){g.forEach(function(a){b===a.insertAt&&(null==i?void 0:i[a.campaign])&&j.push(null==i?void 0:i[a.campaign])}),j.push(a)}),g.forEach(function(a){e.length<=a.insertAt&&(null==i||i.forEach(function(b,c){a.campaign===c&&j.push(b)}))}),j.map(function(a,b){return a.id?(0,h.jsx)(p.Z,{index:b,car:a,carListContent:f},b):(0,h.jsx)(A,{link:a.entity.fieldCampaignLink,imgDesktop:a.entity.fieldCampaignDesktopImage.entity.thumbnail.url,imgMobile:a.entity.fieldCampaignMobileImage.entity.thumbnail.url,title:a.entity.fieldCampaignDesktopImage.entity.thumbnail.alt},b)})}()}),e.length>0&&(0,h.jsx)(aj,{loading:g,setLoading:i})]}),(0,h.jsx)(r.Z,{open:n,onClose:t,message:(0,h.jsxs)("span",{children:["Es k\xf6nnen maximal 5 Fahrzeuge gemerkt werden."," ",(0,h.jsx)(l(),{href:"/gebrauchtwagen/favoriten",children:(0,h.jsx)("span",{className:"fake-link",children:(0,h.jsx)("a",{onClick:t,children:"Deine Favoriten bearbeiten"})})})]})}),(0,h.jsx)(r.Z,{open:s,onClose:v,message:(0,h.jsxs)("span",{children:["Es k\xf6nnen maximal 5 Fahrzeuge gemerkt werden."," ",(0,h.jsx)(l(),{href:"/gebrauchtwagen/favoriten/vergleich",children:(0,h.jsx)("span",{className:"fake-link",children:(0,h.jsx)("a",{onClick:v,children:"Deinen Vergleich bearbeiten"})})})]})})]})}var C=c(26042),D=c(69396),E=c(828),F=c(11163),G=c(282),H=c(90482),I=c(8202),J=c(37702),K=c(18446),L=c.n(K);function M(){var a=(0,d.Z)(["\n margin-right: 10px;\n .sort-btn {\n text-transform: none;\n color: #000000;\n font-family: 'Roboto';\n font-size: 12px;\n font-weight: bold;\n letter-spacing: 0;\n line-height: 16px;\n outline: none!important;\n padding: 4px 10px;\n @media (max-width: 767px) {\n padding: 4px;\n min-width: unset;\n .MuiButton-startIcon {\n margin: 0;\n }\n }\n .btn-text {\n @media (max-width: 767px) {\n display: none;\n }\n }\n }\n .MuiMenuItem-root.menu-item {\n color: #191919;\n font-family: Roboto!important;\n font-size: 12px;\n letter-spacing: 0;\n line-height: 16px;\n }\n"]);return M=function(){return a},a}var N=e.ZP.div.withConfig({componentId:"sc-5d121f9f-0"})(M()),O=c(98528),P=c(949),Q=c(30527),R=function(){var a,b=(0,j.v9)(function(a){return a.carListPage}),c=b.jsonQuery,d=b.brandsList,e=b.modelsList,f=b.userSelection,g=(0,j.I0)(),k=(0,F.useRouter)(),l=(0,E.Z)(i.useState(null),2),m=l[0],n=l[1],o=[{value:{property:"price_custom",order:O.KM.ASC},label:"Sortieren",disabled:!0},{value:{property:"price",order:O.KM.ASC},label:"Preis aufsteigend"},{value:{property:"price",order:O.KM.DESC},label:"Preis absteigend"},{value:{property:"monthlyRate",order:O.KM.ASC},label:"Monatliche Rate aufsteigend"},{value:{property:"monthlyRate",order:O.KM.DESC},label:"Monatliche Rate absteigend"},{value:{property:"updatedAt",order:O.KM.DESC},label:"Neueste Angebote zuerst"},{value:{property:"mileage",order:O.KM.ASC},label:"Kilometerstand aufsteigend"},{value:{property:"registrationDate",order:O.KM.DESC},label:"Erstzulassung aufsteigend"},],p=function(a){g({type:y.SET_JSON_QUERY,payload:(0,D.Z)((0,C.Z)({},c),{orderBy:a,offset:0})}),k.push({pathname:(0,P.qv)(d,e,f,k).pathname,query:{limit:c.limit,orderBy:JSON.stringify(a),offset:0,conditions:JSON.stringify(null==c?void 0:c.conditions)}},{pathname:(0,P.qv)(d,e,f,k).pathnameAs,query:{limit:c.limit,orderBy:JSON.stringify(a),offset:0,conditions:JSON.stringify(null==c?void 0:c.conditions)}},{shallow:!0}).then(function(){})},q=function(a){n(a.currentTarget)},r=function(a){var b=!(arguments.length>1)|| void 0===arguments[1]||arguments[1];n(null),b&&((0,Q.t5)({route:k.route,sortBy:null==a?void 0:a.property.toLowerCase(),order:(null==a?void 0:a.order)==="ASC"?"lowest":"highest"}),p(a))};return(0,h.jsx)(N,{children:(0,h.jsxs)("div",{className:"d-flex justify-content-end",children:[(0,h.jsx)(G.Z,{className:"sort-btn","aria-controls":"simple-menu","aria-haspopup":"true",onClick:q,startIcon:(0,h.jsx)(H.Z,{}),children:(0,h.jsx)("span",{className:"btn-text",children:null===(a=o.find(function(a){return L()(a.value,c.orderBy)}))|| void 0===a?void 0:a.label})}),(0,h.jsx)(I.Z,{id:"simple-menu",anchorEl:m,keepMounted:!0,open:Boolean(m),onClose:function(){return r(void 0,!1)},children:o.map(function(a){return(0,h.jsx)(J.Z,{className:"menu-item",selected:L()(a.value,c.orderBy),disabled:a.disabled,onClick:function(){return r(a.value)},children:a.label},a.label)})})]})})},S=c(35996),T=c(41609),U=c.n(T),V=c(66678),W=c.n(V),X=c(51673);function Y(){var a=(0,d.Z)(["\n .tags {\n margin-bottom: 0;\n @media (max-width: 1024px) {\n max-width: 460px;\n }\n &.tags-list {\n margin-bottom: 14px;\n }\n .MuiButton-containedPrimary {\n border: 1px solid #DCD8D8;\n border-radius: 8px;\n background-color: #FFFFFF;\n box-shadow: 4px 0 20px 0 rgba(0,0,0,0.05);\n color: #000000;\n font-family: Roboto;\n font-size: 12px;\n letter-spacing: 0;\n line-height: 16px;\n text-transform: none;\n margin-right: 8px;\n margin-bottom: 9px;\n &.Mui-disabled {\n opacity: .5;\n }\n }\n }\n\n .tags-container {\n display: flex;\n align-items: center;\n }\n \n .clear-filters.MuiButton-root {\n color: ",";\n font-family: ",";\n font-size: 12px;\n letter-spacing: 0;\n line-height: 16px;\n text-transform: none;\n font-weight: normal;\n margin-bottom: 0px;\n padding: 0;\n }\n"]);return Y=function(){return a},a}var Z=e.ZP.div.withConfig({componentId:"sc-daa7a61b-0"})(Y(),function(a){return a.theme.colors.activeSwitch},function(a){return a.theme.fontFamily.roboto}),$=c(62043),_=function(a){var b=a.loading,c=a.handleChange,d=a.carListContent,e=a.fuelOptions,f=a.gearOptions,g=a.farbeOptions,k=a.exportFinancingParamsOptions,l=a.categoryOptions,m=(0,E.Z)(i.useState([]),2),n=m[0],o=m[1],p=(0,j.v9)(function(a){return a.carListPage}),q=p.userSelection,r=p.brandsList,s=p.modelsList,t=p.locationsList,u=p.jsonQuery,v=(0,j.I0)(),w=(0,F.useRouter)(),x=function(){(0,Q.BR)({route:w.route,filter:"alle",value:"undefined"}),v((0,y.setUserSelection)({brandId:"",modelId:[],mileage:[0,2e5],locationId:"",fuel:[],gear:[],farbe:[],seats:[],registrationDate:[2008,2022],monthlyRate:[0,1200],price:[0,1e5],category:[],exportFinancingParams:"",power:"ps",ps:[60,600],kw:[40,440],batteryCapacity:[0,150],electricalRange:0,chargingTime:0,chargingTimeFast:0,batteryCertificateUrl:0,paymentType:"price",interiorFeatures:[],referenceNumber:"",nichtraucherfahrzeug:0,hu:0,serviceCheckBook:0})),w.push({pathname:"/gebrauchtwagen",query:{limit:u.limit,orderBy:JSON.stringify({property:"price_custom",order:"ASC"}),offset:0}},void 0,{shallow:!0})};i.useEffect(function(){var a,b,c,d,h,i,j,m;o((a=r,b=s,c=t,d=e,h=f,i=g,j=k,m=l,Object.keys(q).map(function(e){if(q[e]){var f,g,k,l,n;switch(e){case"brandId":return{key:e,value:null===(f=a.find(function(a){return a.id===Number(q[e])}))|| void 0===f?void 0:f.name};case"modelId":return q[e].map(function(a){return{key:e,value:b.find(function(b){return b.id===a})}});case"category":return q[e].map(function(a){return{key:e,value:m.find(function(b){return b.value===a})}});case"interiorFeatures":return q[e].map(function(a){return{key:e,value:X.interiorFeaturesOptions.find(function(b){return b.value===a})}});case"locationId":return{key:e,value:null===(g=c.find(function(a){return a.id===Number(q[e])}))|| void 0===g?void 0:g.name};case"electricalRange":return{key:e,value:"min ".concat(q[e]," km")};case"chargingTime":return{key:e,value:"Ladedauer: ".concat(null===(k=$.$d.find(function(a){return Number(a.value)===Number(q[e])}))|| void 0===k?void 0:k.label)};case"chargingTimeFast":return{key:e,value:"Schnellladezeit: ".concat(null===(l=$.e0.find(function(a){return Number(a.value)===Number(q[e])}))|| void 0===l?void 0:l.label)};case"fuel":return q[e].map(function(a){return{key:e,value:d.find(function(b){return b.value===a})}});case"gear":return q[e].map(function(a){return{key:e,value:h.find(function(b){return b.value===a})}});case"mileage":return q[e].map(function(a,b){if((0!==a||0!==b)&&(2e5!==a||1!==b))return{key:e,value:{name:"".concat(0===b?"von ":"bis ").concat((0,P.uY)(a)," km")}}}
1).filter(Boolean);case"batteryCapacity":return q[e].map(function(a,b){if((0!==a||0!==b)&&(150!==a||1!==b))return{key:e,value:{name:"".concat(0===b?"von ":"bis ").concat((0,P.uY)(a)," kWh")}}}).filter(Boolean);case"price":return q[e].map(function(a,b){if((0!==a||0!==b)&&(1e5!==a||1!==b))return{key:e,value:{name:"".concat(0===b?"von ":"bis ").concat((0,P.uY)(a)," â¬")}}}).filter(Boolean);case"ps":return q[e].map(function(a,b){if((60!==a||0!==b)&&(600!==a||1!==b))return{key:e,value:{name:"".concat(0===b?"von ":"bis ").concat(a," PS")}}}).filter(Boolean);case"kw":return q[e].map(function(a,b){if((40!==a||0!==b)&&(440!==a||1!==b))return{key:e,value:{name:"".concat(0===b?"von ":"bis ").concat(a," kW")}}}).filter(Boolean);case"monthlyRate":return q[e].map(function(a,b){if((0!==a||0!==b)&&(1200!==a||1!==b))return{key:e,value:{name:"".concat(0===b?"von ":"bis ").concat((0,P.uY)(a)," â¬")}}}).filter(Boolean);case"farbe":return q[e].map(function(a){return{key:e,value:i.find(function(b){return b.value===a})}});case"seats":return q[e].map(function(a){return{key:e,value:{name:"".concat(a,"-sitze")}}});case"registrationDate":return q[e].map(function(a,b){if((2008!==a||0!==b)&&(2022!==a||1!==b))return{key:e,value:{name:"".concat(0===b?"von ":"bis ").concat(a)}}}).filter(Boolean);case"exportFinancingParams":return{key:e,value:null===(n=j.find(function(a){return a.value===q[e]}))|| void 0===n?void 0:n.label};case"nichtraucherfahrzeug":return{key:e,value:"Nichtraucher"};case"batteryCertificateUrl":return{key:e,value:"Batteriezertifikat"};case"hu":return{key:e,value:"T\xdcV neu"};case"serviceCheckBook":return{key:e,value:"Scheckheft gepflegt"};case"referenceNumber":return{key:e,value:"#".concat(q.referenceNumber)}}}return!1}).filter(function(a){return!U()(a)})))},[q]);var z=function(a,b){if("brandId"===a||"exportFinancingParams"===a||"locationId"===a||"referenceNumber"===a)return c("",a,!0);if("hu"===a||"serviceCheckBook"===a||"nichtraucherfahrzeug"===a)return c(0,a,!0);if("modelId"===a)return c(q.modelId.filter(function(a){return a!==(null==b?void 0:b.id)}),a,!0);if("fuel"===a)return c(q.fuel.filter(function(a){return a!==(null==b?void 0:b.value)}),a,!0);if("gear"===a)return c(q.gear.filter(function(a){return a!==(null==b?void 0:b.value)}),a,!0);if("farbe"===a)return c(q.farbe.filter(function(a){return a!==(null==b?void 0:b.value)}),a,!0);if("seats"===a)return c(q.seats.filter(function(a){return a!==(null==b?void 0:b.name.split("-")[0])}),a,!0);if("category"===a)return c(q.category.filter(function(a){return a!==(null==b?void 0:b.value)}),a,!0);if("interiorFeatures"===a)return c(q.interiorFeatures.filter(function(a){return a!==(null==b?void 0:b.value)}),a,!0);if("registrationDate"===a){var d=q.registrationDate.findIndex(function(a){return a===Number(b.name.split(" ")[1])}),e=W()(q.registrationDate);return 0===d?e[d]=2008:e[d]=2022,c(e,a,!0)}if("mileage"===a){var f=q.mileage.findIndex(function(a){return(0,P.uY)(a)===b.name.split(" ")[1]}),g=W()(q.mileage);return 0===f?g[f]=0:g[f]=2e5,c(g,a,!0)}if("batteryCapacity"===a){var h=q.batteryCapacity.findIndex(function(a){return(0,P.uY)(a)===b.name.split(" ")[1]}),i=W()(q.batteryCapacity);return 0===h?i[h]=0:i[h]=150,c(i,a,!0)}if("electricalRange"===a||"chargingTime"===a||"chargingTimeFast"===a||"batteryCertificateUrl"===a)return c(0,a,!0);if("price"===a){var j=q.price.findIndex(function(a){return(0,P.uY)(a)===b.name.split(" ")[1]}),k=W()(q.price);
1return 0===j?k[j]=0:k[j]=1e5,c(k,a,!0)}if("monthlyRate"===a){var l=q.monthlyRate.findIndex(function(a){return(0,P.uY)(a)===b.name.split(" ")[1]}),m=W()(q.monthlyRate);return 0===l?m[l]=0:m[l]=1200,c(m,a,!0)}if("ps"===a){var n=q.ps.findIndex(function(a){return a===Number(b.name.split(" ")[1])}),o=W()(q.ps);return 0===n?o[n]=60:o[n]=600,c(o,a,!0)}if("kw"===a){var p=q.kw.findIndex(function(a){return a===Number(b.name.split(" ")[1])}),r=W()(q.kw);return 0===p?r[p]=40:r[p]=440,c(r,a,!0)}};return(0,h.jsx)(Z,{children:(0,h.jsx)("div",{className:"tags tags-container",children:0!==n.length&&(0,h.jsx)(h.Fragment,{children:(0,h.jsxs)("ul",{className:"tags tags-list list-unstyled d-flex flex-wrap",children:[n.map(function(a){return a.key?(0,h.jsx)("li",{children:(0,h.jsx)(G.Z,{variant:"contained",color:"primary",disabled:b,className:"tag",onClick:function(){return z(a.key,{})},endIcon:(0,h.jsx)(S.Z,{fontSize:"small"}),children:(0,h.jsx)("span",{children:a.value})})},a.key):a.map(function(a,c){var d,e;return(0,h.jsx)("li",{children:(0,h.jsx)(G.Z,{variant:"contained",color:"primary",disabled:b,className:"tag",onClick:function(){return z(a.key,a.value)},endIcon:(0,h.jsx)(S.Z,{}),children:(0,h.jsx)("span",{children:(null===(d=a.value)|| void 0===d?void 0:d.name)||(null===(e=a.value)|| void 0===e?void 0:e.label)})})},"".concat(c,"_").concat(a.key))})}),(0,h.jsx)("li",{className:"d-flex align-items-end pb-1",children:(0,h.jsx)("div",{children:(0,h.jsx)(G.Z,{className:"d-flex clear-filters mb-2",onClick:x,children:d.search.entity.clearFilters})})})]})})})})},aa=c(89875),ab=c(66735),ac=c(31514),ad=c(5152),ae=c.n(ad),af=c(72221);function ag(){var a=(0,d.Z)(["\n display: flex;\n @media (max-width: 575px) {\n .below-carlist {\n display: none;\n }\n }\n \n .sort-btn {\n text-transform: none;\n color: #000000;\n font-family: 'Roboto';\n font-size: 12px;\n font-weight: bold;\n letter-spacing: 0;\n line-height: 16px;\n outline: none!important;\n margin-bottom: 20px;\n }\n .MuiButtonBase-root {\n color: #191919;\n font-family: 'Roboto';\n font-size: 12px;\n letter-spacing: 0;\n line-height: 20px;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n min-width: unset;\n margin: 0 5px;\n padding: 0;\n outline: none!important;\n font-weight: 500;\n &.Mui-selected {\n background-color: ",";\n color: ",";\n }\n }\n"]);return ag=function(){return a},a}var ah=e.ZP.div.withConfig({componentId:"sc-9a1a5fa7-0"})(ag(),function(a){return a.theme.colors.activeSwitch},function(a){return a.theme.colors.sectionBackground}),ai=ae()(function(){return c.e(9331).then(c.bind(c,89331))},{loadableGenerated:{webpack:function(){return[89331]}}}),aj=function(a){var b=(0,j.v9)(function(a){return a.carListPage}),c=b.jsonQuery,d=b.hasNextPage,e=b.loading,f=b.brandsList,g=b.userSelection,i=b.modelsList,k=b.carsCount,l=a.setLoading,m=(0,j.I0)(),n=(0,F.useRouter)(),o=Number(c.limit)-1,p=function(a){window.scrollTo(0,0),m({type:y.SET_JSON_QUERY,payload:(0,D.Z)((0,C.Z)({},c),{offset:a})}),n.push({pathname:(0,P.qv)(f,i,g,n).pathname,query:{limit:c.limit,orderBy:JSON.stringify(null==c?void 0:c.orderBy),offset:a,conditions:JSON.stringify(null==c?void 0:c.conditions)}},{pathname:(0,P.qv)(f,i,g,n).pathnameAs,query:{limit:c.limit,orderBy:JSON.stringify(null==c?void 0:c.orderBy),offset:a,conditions:JSON.stringify(null==c?void 0:c.conditions)}},{shallow:!0})};return(0,h.jsxs)(ah,{children:[(0,h.jsxs)("div",{className:"d-flex flex-grow-1 justify-content-center nav-btns",children:[(0,h.jsx)(G.Z,{className:"border","aria-label":"first page",disabled:0===Number(c.offset)||e,onClick:function(){return p(0)},children:(0,h.jsx)(ac.Z,{style:{fontSize:16}})}),(0,h.jsx)(G.Z,{className:"border","aria-label":"previous page",disabled:0===Number(c.offset)||e,onClick:function(){return p(Number(c.offset)-o)},children:(0,h.jsx)(aa.Z,{style:{fontSize:16}})}),(0,h.jsx)(af.Z,{count:Math.ceil(k/o),hidePrevButton:!0,hideNextButton:!0,page:(o+Number(c.offset))/o,onChange:function(a,b){(0,Q.Vg)({route:n.route}),p(b*o-o)}}),(0,h.jsx)(G.Z,{disabled:!d||e,className:"border","aria-label":"next page",onClick:function(){(0,Q.Vg)({route:n.route}),p(Number(c.offset)+o)},children:(0,h.jsx)(ab.Z,{style:{fontSize:16}})})]}),(0,h.jsx)(ai,{setLoading:l,below:!0})]})};function ak(){var a=(0,d.Z)(["\n margin-bottom: 75px;\n position: relative;\n\n .teaser-content {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n background: rgba(22,22,22, .6);\n color: ",";\n display: flex;\n flex-direction: column;\n padding: 0 50px;\n justify-content: center;\n @media (max-width: ",") {\n padding: 15px;\n }\n \n .teaser-headline {\n font-size: 40px;\n font-weight: ",";\n letter-spacing: 0;\n line-height: 53px;\n margin-bottom: 15px;\n @media (max-width: ",") {\n font-size: 24px;\n line-height: 32px;\n }\n }\n .teaser-subheadline {\n font-size: 30px;\n letter-spacing: 0;\n line-height: 39px;\n @media (max-width: ",") {\n font-size: 20px;
1\n line-height: 26px;\n }\n }\n }\n img {\n display: block;\n max-width: 100%;\n height: 350px;\n object-fit: cover;\n }\n"]);return ak=function(){return a},a}function al(){var a=(0,d.Z)(["\n .seo-text {\n p {\n font-size: 16px;\n letter-spacing: 0;\n line-height: 24px;\n font-family: Roboto;\n margin-bottom: 20px;\n @media (max-width: ",") {\n font-size: 14px;\n line-height: 20px;\n }\n }\n h1 {\n font-size: 20px;\n font-weight: bold;\n letter-spacing: 0;\n line-height: 26px;\n margin-bottom: 20px;\n }\n h2, h3 {\n font-size: 18px;\n font-weight: bold;\n letter-spacing: 0;\n line-height: 24px;\n margin-bottom: 20px;\n }\n a {\n color: ",";\n }\n ul {\n display: flex;\n flex-wrap: wrap;\n list-style: none;\n padding: 0;\n margin-bottom: 20px;\n li {\n padding: 3px;\n width: calc(100% / 3);\n @media (max-width: 1024px) {\n width: calc(100% / 2);\n }\n @media (max-width: 540px) {\n width: 100%;\n }\n a {\n color: #000;\n font-size: 16px;\n &:hover {\n text-decoration: underline;\n }\n }\n }\n }\n }\n"]);return al=function(){return a},a}e.ZP.div.withConfig({componentId:"sc-710caff1-0"})(ak(),function(a){return a.theme.colors.sectionBackground},function(a){return a.theme.breakpoints.xs},function(a){return a.theme.fontWeight.bold},function(a){return a.theme.breakpoints.xs},function(a){return a.theme.breakpoints.xs}),c(39745);var am=e.ZP.div.withConfig({componentId:"sc-2fb9d304-0"})(al(),function(a){return a.theme.breakpoints.xs},function(a){return a.theme.colors.activeSwitch});function an(a){var b=a.content;return(0,h.jsx)(am,{children:(0,h.jsx)("div",{className:"seo-text",dangerouslySetInnerHTML:{__html:b}})})}c(14659)},92872:function(a,b,c){var d=c(7297),e=c(19521);function f(){var a=(0,d.Z)(["\n min-height: 600px;\n display: flex;\n align-items: center;\n h1 {\n margin-bottom: 30px;\n font-size: 24px;\n font-weight: bold;\n letter-spacing: 0;\n line-height: 32px;\n @media (max-width: 767px) {\n margin-bottom: 30px;\n }\n @media (max-width: 575px) {\n font-size: 18px;\n }\n }\n .subtitle {\n font-size: 16px;\n letter-spacing: 0;\n line-height: 21px;\n margin-bottom: 60px;\n }\n"]);return f=function(){return a},a}var g=e.ZP.div.withConfig({componentId:"sc-b64f7fb4-0"})(f());b.Z=g},65004:function(a,b,c){var d=c(85893);c(67294);var e=c(282),f=c(94949),g=c(92872),h=c(31344),i=function(){return(0,d.jsx)(f.Z,{title:"404 - Not Found",description:"Leider ist diese Seite zurzeit nicht verf\xfcgbar. Aber wir haben \xfcber 1000 andere Gebrauchtwagenangebote f\xfcr dich.",robots:"noindex, follow",children:(0,d.jsx)(g.Z,{children:(0,d.jsx)(h.Z,{style:{maxWidth:960},className:"container-fluid",children:(0,d.jsxs)("div",{className:"row mt-5 mb-5 justify-content-between",children:[(0,d.jsxs)("div",{className:"col-md-12 col-lg-5",children:[(0,d.jsx)("h1",{className:"mb-3 mb-lg-4 pt-sm-3 pt-lg-5 mb-lg-4 font-weight-bold text-center text-lg-left",children:"Oops!"}),(0,d.jsx)("div",{className:"d-flex justify-content-center",children:(0,d.jsx)("img",{className:"img-fluid d-block d-lg-none mb-5 mb-lg-0",src:"https://autohaus24.de/background/404-page-img.jpg",alt:""})}),(0,d.jsx)("div",{className:"mb-5 subtitle text-center text-lg-left pl-sm-5 pr-sm-5 p-lg-0",children:"Leider ist diese Seite zurzeit nicht verf\xfcgbar. Aber wir haben \xfcber 1000 andere Gebrauchtwagenangebote f\xfcr dich."}),(0,d.jsx)("div",{className:"d-flex justify-content-center justify-content-lg-start",children:(0,d.jsx)(e.Z,{onClick:function(){window.location.replace("https://www.autohaus24.de/gebrauchtwagen")},size:"large",color:"primary",variant:"contained",className:"block-center",fullWidth:!0,style:{borderRadius:30,height:"45px",marginBottom:30,textTransform:"none",maxWidth:340},children:(0,d.jsx)("span",{style:{fontSize:"14px",fontWeight:700,color:"#fff"},children:"Jetzt Angebote entdecken"})})})]}),(0,d.jsx)("div",{className:"d-none d-lg-block col-md-12 col-lg-6",children:(0,d.jsx)("img",{className:"img-fluid",src:"https://autohaus24.de/background/404-page-img.jpg",alt:""})})]})})})})};b.Z=i},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"})})})})}}}])
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.