vendor: 5,064 bytes, line 1
1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1860,7086],{282:function(a,b,c){var d=c(45987),e=c(87462),f=c(67294),g=c(86010),h=c(52543),i=c(59693),j=c(41810),k=c(93871),l=function(a){return{root:(0,e.Z)({},a.typography.button,{boxSizing:"border-box",minWidth:64,padding:"6px 16px",borderRadius:a.shape.borderRadius,color:a.palette.text.primary,transition:a.transitions.create(["background-color","box-shadow","border"],{duration:a.transitions.duration.short}),"&:hover":{textDecoration:"none",backgroundColor:(0,i.Fq)(a.palette.text.primary,a.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"},"&$disabled":{backgroundColor:"transparent"}},"&$disabled":{color:a.palette.action.disabled}}),label:{width:"100%",display:"inherit",alignItems:"inherit",justifyContent:"inherit"},text:{padding:"6px 8px"},textPrimary:{color:a.palette.primary.main,"&:hover":{backgroundColor:(0,i.Fq)(a.palette.primary.main,a.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},textSecondary:{color:a.palette.secondary.main,"&:hover":{backgroundColor:(0,i.Fq)(a.palette.secondary.main,a.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},outlined:{padding:"5px 15px",border:"1px solid ".concat("light"===a.palette.type?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)"),"&$disabled":{border:"1px solid ".concat(a.palette.action.disabledBackground)}},outlinedPrimary:{color:a.palette.primary.main,border:"1px solid ".concat((0,i.Fq)(a.palette.primary.main,.5)),"&:hover":{border:"1px solid ".concat(a.palette.primary.main),backgroundColor:(0,i.Fq)(a.palette.primary.main,a.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},outlinedSecondary:{color:a.palette.secondary.main,border:"1px solid ".concat((0,i.Fq)(a.palette.secondary.main,.5)),"&:hover":{border:"1px solid ".concat(a.palette.secondary.main),backgroundColor:(0,i.Fq)(a.palette.secondary.main,a.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},"&$disabled":{border:"1px solid ".concat(a.palette.action.disabled)}},contained:{color:a.palette.getContrastText(a.palette.grey[300]),backgroundColor:a.palette.grey[300],boxShadow:a.shadows[2],"&:hover":{backgroundColor:a.palette.grey.A100,boxShadow:a.shadows[4],"@media (hover: none)":{boxShadow:a.shadows[2],backgroundColor:a.palette.grey[300]},"&$disabled":{backgroundColor:a.palette.action.disabledBackground}},"&$focusVisible":{boxShadow:a.shadows[6]},"&:active":{boxShadow:a.shadows[8]},"&$disabled":{color:a.palette.action.disabled,boxShadow:a.shadows[0],backgroundColor:a.palette.action.disabledBackground}},containedPrimary:{color:a.palette.primary.contrastText,backgroundColor:a.palette.primary.main,"&:hover":{backgroundColor:a.palette.primary.dark,"@media (hover: none)":{backgroundColor:a.palette.primary.main}}},containedSecondary:{color:a.palette.secondary.contrastText,backgroundColor:a.palette.secondary.main,"&:hover":{backgroundColor:a.palette.secondary.dark,"@media (hover: none)":{backgroundColor:a.palette.secondary.main}}},disableElevation:{boxShadow:"none","&:hover":{boxShadow:"none"},"&$focusVisible":{boxShadow:"none"},"&:active":{boxShadow:"none"},"&$disabled":{boxShadow:"none"}},focusVisible:{},disabled:{},colorInherit:{color:"inherit",borderColor:"currentColor"},textSizeSmall:{padding:"4px 5px",fontSize:a.typography.pxToRem(13)},textSizeLarge:{padding:"8px 11px",fontSize:a.typography.pxToRem(15)},outlinedSizeSmall:{padding:"3px 9px",fontSize:a.typography.pxToRem(13)},outlinedSizeLarge:{padding:"7px 21px",fontSize:a.typography.pxToRem(15)},containedSizeSmall:{padding:"4px 10px",fontSize:a.typography.pxToRem(13)},containedSizeLarge:{padding:"8px 22px",fontSize:a.typography.pxToRem(15)},sizeSmall:{},sizeLarge:{},fullWidth:{width:"100%"},startIcon:{display:"inherit",marginRight:8,marginLeft:-4,"&$iconSizeSmall":{marginLeft:-2}},endIcon:{display:"inherit",marginRight:-4,marginLeft:8,"&$iconSizeSmall":{marginRight:-2}},iconSizeSmall:{"& > *:first-child":{fontSize:18}},iconSizeMedium:{"& > *:first-child":{fontSize:20}},iconSizeLarge:{"& > *:first-child":{fontSize:22}}}},m=f.forwardRef(function(a,b){var c=a.children,h=a.classes,i=a.className,l=a.color,m=void 0===l?"default":l,n=a.component,o=a.disabled,p=void 0!==o&&o,q=a.disableElevation,r=a.disableFocusRipple,s=a.endIcon,t=a.focusVisibleClassName,u=a.fullWidth,v=a.size,w=void 0===v?"medium":v,x=a.startIcon,y=a.type,z=a.variant,A=void 0===z?"text":z,B=(0,d.Z)(a,["children","classes","className","color","component","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"]),C=x&&f.createElement("span",{className:(0,g.default)(h.startIcon,h["iconSize".concat((0,k.Z)(w))])},x),D=s&&f.createElement("span",{className:(0,g.default)(h.endIcon,h["iconSize".concat((0,k.Z)(w))])},s);return f.createElement(j.Z,(0,e.Z)({className:(0,g.default)(h.root,h[A],i,"inherit"===m?h.colorInherit:"default"!==m&&h["".concat(A).
1concat((0,k.Z)(m))],"medium"!==w&&[h["".concat(A,"Size").concat((0,k.Z)(w))],h["size".concat((0,k.Z)(w))]],void 0!==q&&q&&h.disableElevation,p&&h.disabled,void 0!==u&&u&&h.fullWidth),component:void 0===n?"button":n,disabled:p,focusRipple:!(void 0!==r&&r),focusVisibleClassName:(0,g.default)(h.focusVisible,t),ref:b,type:void 0===y?"button":y},B),f.createElement("span",{className:h.label},C,c,D))});b.Z=(0,h.Z)(l,{name:"MuiButton"})(m)},28428: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:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"}),"Delete");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)})]})}))}},10450:function(a,b,c){var d=c(95477),e=c(78252),f=(0,e.default)({root:{color:"#A80416",position:"absolute",top:"0",left:"0",bottom:"0",right:"0",margin:"auto",width:"30px!important",height:"30px!important"}})(d.Z);b.Z=f},94949:function(a,b,c){c.d(b,{Z:function(){return u}});var d=c(85893),e=c(67294),f=c(9008),g=c.n(f),h=c(11163),i=c(5152),j=c.n(i),k=c(25617),l=c(7297),m=c(19521);function n(){var a=(0,l.Z)(["\n .contact-form-button {\n border-radius: 50%;\n width: 78px;\n height: 78px;\n background-color: #A80416;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 2px 4px 0 rgba(0,0,0,0.31);\n position: fixed;\n right: 150px;\n bottom: 50px;\n cursor: pointer;\n z-index: 1000;\n\n &.disabled {\n background-color: #f0eee8;\n pointer-events: none;\n }\n\n img {\n width: 38px;\n height: 38px;\n }\n @media (max-width: 1024px) {\n right: 10px;\n bottom: 100px;\n width: 58px;\n height: 58px;\n }\n }\n .wrap {\n width: 350px;\n height: 660px;\n padding: 18px;\n background: #fff;\n position: fixed;\n z-index: 10000;\n bottom: 40px;\n right: -370px;\n border-radius: 20px;\n opacity: 0;\n box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);\n transition: .5s all;\n &.visible {\n right: 10px;\n opacity: 1;\n @media (max-width: 767px) {\n right: auto;\n }\n @media (max-width: 576px) {\n right: auto;\n height: 100%;\n border-radius: 0;\n width: 100%;\n }\n }\n @media (max-width: 767px) {\n position: relative;\n bottom: auto;\n right: auto;\n width: 310px;\n height: 550px;\n }\n }\n .form-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 30px;\n @media (max-width: 767px) {\n margin-bottom: 13px;\n }\n }\n .form-title {\n color: #333333;\n font-family: Roboto;\n font-size: 24px;\n letter-spacing: 0;\n line-height: 32px;\n @media (max-width: 767px) {\n font-size: 22px;\n }\n }\n .form-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n span {\n color: #333333;\n font-family: Roboto;\n font-size: 16px;\n letter-spacing: 0;\n line-height: 17px;\n padding-left: 15px;\n }\n }\n .form-links-wrap {\n .form-link {\n padding: 20px 0;\n a {\n color: #333333;\n text-decoration: none;\n &:hover, &:active {\n color: #E4001E;\n }\n }\n }\n }\n .sub-title {\n color: #333333;\n font-family: Roboto;\n font-size: 16px;\n letter-spacing: 0;\n line-height: 20px;\n text-align: center;\n }\n .phone-large {\n color: #333333;\n font-family: Roboto;\n font-size: 34px;\n letter-spacing: 0;\n line-height: 40px;\n text-align: center;\n @media (max-width: 767px) {\n font-size: 28px;\n }\n }\n hr {\n margin: 20px 0;\n & + .form-title {\n margin-top: 100px;\n @media (max-width: 767px) {\n margin-top: 0;\n }\n }\n }\n .phone-small {\n color: #333333;\n font-family: Roboto;\n font-size: 12px;\n letter-spacing: 0;\n line-height: 20px;\n text-align: center;\n }\n .phone-screen {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n padding-bottom: 30px;\n }\n .success-wrap {\n display: flex;\n height: 80%;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n .success-title, .success-subtitle {\n color: #333333;\n font-family: Roboto;\n font-size: 16px;\n letter-spacing: 0;\n line-height: 20px;\n text-align: center;\n }\n .success-title {\n font-weight: 700;\n margin-bottom: 15px;\n }\n }\n .contact-form {\n fieldset {\n margin-bottom: 20px;\n textarea::-webkit-scrollbar {\n width: 5px;\n border-radius: 30px;\n padding: 10px;\n right: 10px;\n }\n\n textarea::-webkit-scrollbar-track {\n opacity: 0;\n margin: 10px;\n padding-right: 10px;\n position: relative;\n width: 5px;\n }\n\n textarea::-webkit-scrollbar-thumb {\n background-color: darkgrey;\n outline: 1px solid slategrey;\n border-radius: 30px;\n width: 6px;\n }\n @media (max-width: 767px) {\n margin-bottom: 5px;\n textarea {\n min-height: 90px!important;\n height: 90px!important;\n margin-top: 10px;\n }\n }\n }\n .helper {\n color: #595959;\n font-family: Roboto;\n font-size: 14px;\n letter-spacing: 0;\n line-height: 24px;\n }\n }\n .location-item {\n text-align: center;\n margin-bottom: 10px;\n margin-top: 10px;\n div {\n margin-bottom: 4px;\n }\n @media (max-width: 767px) {\n margin-bottom: 10px;\n margin-top: 10px;\n }\n .location-name {\n color: #333333;\n font-family: Roboto;\n font-size: 18px;\n font-weight: bold;\n letter-spacing: 0;\n line-height: 20px;\n span {\n margin-left: 10px;\n }\n }\n .location-link {\n color: #E4001E;\n text-decoration: none;\n font-size: 16px;\n font-weight: bold;\n }\n }\n .overlay {\n @media (max-width: 767px) {\n position: fixed;\n display: none;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0,0,0,0.7);\n z-index: 1000;\n align-items: center;\n justify-content: center;\n z-index: 10001;\n &.show {\n display: flex;\n }\n }\n @media (max-width: 576px) {\n & > div {\n width: 100%;\n height: 100%;\n }\n }\n }\n"]);return n=function(){return a},a}var o=m.ZP.div.withConfig({componentId:"sc-c66852c-0"})(n()),p=c(10450),q=c(36072),r=c(5900),s=j()(function(){return Promise.all([c.e(6428),c.e(8202),c.e(6923),c.e(5881),c.e(5623),c.e(5855),c.e(2684),c.e(5230),c.e(8648),c.e(7095),c.e(8827)]).then(c.bind(c,55328))},{loadableGenerated:{webpack:function(){return[55328]}},loading:function(){return(0,d.jsx)("div",{className:"contact-form-button disabled",children:(0,d.jsx)(p.Z,{})})}}),t=function(){var a=(0,e.useState)(!1),b=a[0],c=a[1],f=(0,k.I0)(),g=(0,e.useState)(!1),h=g[0],i=g[1],j=function(){!h&&window.pageYOffset>100?i(!0):h&&window.pageYOffset<=100&&i(!1)};return e.useEffect(function(){return window.addEventListener("scroll",j),function(){return window.removeEventListener("scroll",j)}}),(0,d.jsx)(o,{style:{display:h?"initial":"none"},children:b?(0,d.jsx)(s,{}):(0,d.jsx)("div",{className:"contact-form-button",onClick:function(){c(!0),f((0,q.cl)(!0))},children:(0,d.jsx)(r.Z,{src:"/icons/chat.svg",width:40,height:40,alt:""})})})};function u(a){var b=a.hasCanonical,c=(0,h.useRouter)(),e=/\?/.test(c.asPath);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(g(),{children:[(0,d.jsx)("title",{children:a.title}),a.description&&(0,d.jsx)("meta",{name:"description",content:a.description}),!e&&(void 0===b||b)&&(0,d.jsx)("link",{rel:"canonical",href:"https://www.autohaus24.de".concat(a.canonicalPart)}),a.robots&&(0,d.jsx)("meta",{name:"robots",content:e?"noindex, follow":a.robots}),a.social&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("meta",{property:"og:type",content:"website"}),(0,d.jsx)("meta",{property:"og:locale",content:"de-DE"}),(0,d.jsx)("meta",{property:"og:title",content:a.social.title}),(0,d.jsx)("meta",{property:"og:image:url",content:a.social.img}),(0,d.jsx)("meta",{property:"og:image",content:a.social.img}),(0,d.jsx)("meta",{property:"og:url",content:a.social.url}),(0,d.jsx)("meta",{property:"og:description",content:a.social.desc}),(0,d.jsx)("meta",{property:"og:site_name",content:"autohaus24"}),(0,d.jsx)("meta",{name:"twitter:image:alt",content:"".concat(a.social.title," image")}
1),(0,d.jsx)("meta",{httpEquiv:"Content-Type",content:"text/html; charset=utf-8"}),(0,d.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,d.jsx)("meta",{name:"twitter:site",content:"@autohaus24"}),(0,d.jsx)("meta",{name:"twitter:creator",content:"@autohaus24"}),(0,d.jsx)("meta",{name:"twitter:title",content:a.social.title}),(0,d.jsx)("meta",{name:"twitter:url",content:a.social.url}),(0,d.jsx)("meta",{name:"twitter:image",content:a.social.img}),(0,d.jsx)("meta",{name:"twitter:description",content:a.social.desc})]})]}),(0,d.jsx)("main",{children:a.children}),"/gebrauchtwagen/cars"!==c.route&&(0,d.jsx)(t,{})]})}},74574:function(a,b,c){var d=c(7297),e=c(85893);c(67294);var f=c(19521),g=c(41664),h=c.n(g);function i(){var a=(0,d.Z)(["\nwidth: 270px;\nmargin-top: 10px;\n .cont {\n position: relative;\n }\n .cont-in {\n box-sizing: border-box;\n position: relative;\n display: flex;\n min-width: 80px;\n height: 40px;\n border: 1px solid rgb(193, 193, 193);\n border-radius: 24px;\n text-align: center;\n cursor: pointer;\n user-select: none;\n }\n .cont-out {\n position: absolute;\n z-index: 3;\n top: 0px;\n width: 50%;\n min-width: 40px;\n height: 40px;\n border: 1px solid #E4001E;\n border-radius: 24px;\n background-color: #ffffffab;\n transition: all 140ms ease-in 0s;\n transform: translateX(0%);\n\n &.active2 {\n transform: translateX(100%);\n }\n }\n .cont-item {\n position: relative;\n z-index: 4;\n display: inline-flex;\n overflow: hidden;\n flex-basis: 50%;\n -webkit-box-align: center;\n align-items: center;\n -webkit-box-pack: center;\n justify-content: center;\n padding-right: 14px;\n padding-left: 14px;\n white-space: nowrap;\n font-size: 14px;\n text-overflow: ellipsis;\n line-height: 1.71;\n font-weight: 400;\n &.active {\n font-weight: 500;\n color: rgb(48, 48, 48);\n }\n }\n"]);return i=function(){return a},a}var j=f.ZP.div.withConfig({componentId:"sc-66fee419-0"})(i()),k=function(a){var b=a.active;return(0,e.jsx)(j,{children:(0,e.jsxs)("div",{className:"cont",children:[(0,e.jsxs)("div",{className:"cont-in",children:[(0,e.jsx)(h(),{href:"/gebrauchtwagen/favoriten",children:(0,e.jsx)("div",{className:"cont-item ".concat(1===b?"active":""),children:"Favoriten"})}),(0,e.jsx)(h(),{href:"/gebrauchtwagen/favoriten/vergleich",children:(0,e.jsx)("div",{className:"cont-item ".concat(1===b?"active":""),children:"Vergleich"})})]}),(0,e.jsx)("div",{className:"cont-out ".concat(1===b?"active1":"active2")})]})})};b.Z=k},22511:function(a,b,c){c.d(b,{xS:function(){return C},eJ:function(){return x},im:function(){return g}});var d=c(7297),e=c(19521);function f(){var a=(0,d.Z)(["\n /* @media (min-width: 1200px) {\n max-width: 990px;\n } */\n\n .title-div {\n display: flex;\n justify-content: space-between;\n margin-bottom: 26px;\n\n h1 {\n font-size: 26px;\n }\n }\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;\n }\n &.mobile {\n font-size: 25px; \n }\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: 1024px) {\n .desktop {\n display: none;\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\n @media (max-width: ",") {\n padding-top: 34px;\n }\n"]);return f=function(){return a},a}var g=e.ZP.div.withConfig({componentId:"sc-efd0cba7-0"})(f(),function(a){return a.theme.fontWeight.bold},function(a){return a.theme.colors.secondaryFont},function(a){return a.theme.breakpoints.lg}),h=c(26042),i=c(69396),j=c(85893);c(67294);var k=c(25617);function l(){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 0;\n //margin-top: 30px;\n @media (max-width: 991px) {\n padding: 0 0 40px 0;\n }\n }\n \n .car-list {\n padding: 0;\n // margin-top: 40px;\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 .per-page-wrap {\n .per-page-text {\n color: ",";\n font-size: 14px;\n font-weight: ",";\n line-height: 19px;\n margin-right: 20px;\n }\n .per-page-list {\n margin: 0;\n padding: 0;\n li {\n margin-right: 10px;\n width: 30px;\n height: 30px;\n line-height: 30px;\n text-align: center;\n border: 1px solid ",";\n color: ",";\n cursor: pointer;\n &.active {\n pointer-events: none;\n background-color: ",";\n color: ",";\n }\n }\n }\n }\n"]);return l=function(){return a},a}var m=e.ZP.div.withConfig({componentId:"sc-283c347d-0"})(l(),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},function(a){return a.theme.colors.black},function(a){return a.theme.fontWeight.bold},function(a){return a.theme.colors.orange},function(a){return a.theme.colors.orange},function(a){return a.theme.colors.orange},function(a){return a.theme.colors.white}),n=c(41664),o=c.n(n),p=c(42298),q=c(23855),r=c(28428),s=c(282);function t(){var a=(0,d.Z)(["\n\n.disabled {\n cursor: default;\n opacity: .5;\n .link-wrap {\n cursor: default;\n }\n}\n\n.link-wrap {\n display: flex;\n margin-bottom: 25px;\n position: relative;\n border: 1px solid #DCD8D8;\n border-radius: 15px;\n box-shadow: 0 1px 7px 0 rgba(0,0,0,0.09);\n padding: 9px 25px 7px 7px;\n cursor: pointer;\n color: inherit;\n text-decoration: none;\n @media (max-width: 767px) {\n display: block;\n padding: 10px;\n }\n \n .car-image {\n max-width: 315px;\n \n box-shadow: 0 7px 10px 0 rgba(0,0,0,0.02);\n @media (max-width: ",") {\n max-width: 240px;\n }\n @media (max-width: ",") {\n max-width: none;\n margin-bottom: 20px;\n }\n \n img {\n width: 100%;\n height: 160px;\n object-fit: cover;\n border-radius: 15px;\n @media (max-width: ",") {\n height: 150px;\n }\n @media (max-width: 767px) {\n width: 100%;\n height: auto;\n }\n }\n }\n .no-image {\n width: 315px;\n height: 160px;\n background-color: ",";\n border-radius: 15px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n @media (max-width: ",") {\n width: 240px;\n }\n @media (max-width: ",") {\n height: 150px;\n }\n @media (max-width: ",") {\n width: 100%;\n }\n span {\n color: ",";\n font-family: Roboto;\n font-size: 14px;\n font-weight: 700;\n letter-spacing: 0;\n line-height: 19px;\n }\n }\n .delete-btn {\n min-width: unset;\n padding: 0 5px;\n text-transform: none;\n &:focus {\n outline: none;\n }\n }\n .car-description-wrap {\n padding: 0 0 0 25px;\n flex-grow: 2;\n @media (max-width: ",") {\n font-size: 10px;\n }\n @media (max-width: 991px) {\n padding-left: 10px;\n }\n }\n .car-overview-wrap {\n display: flex;\n justify-content: space-between;\n flex-grow: 2;\n max-width: 370px;\n @media (max-width: ",") {\n flex-grow: 0;\n }\n @media (max-width: ",") {\n justify-content: space-between;\n flex-grow: 2;\n }\n li {\n font-size: 12px;\n @media (max-width: ",") {\n margin-right: 4px;\n }\n @media (max-width: ",") {\n margin-right: 0;\n }\n img {\n height: 15px;\n margin-right: 5px;\n &.mileage {\n height: 17px;\n }\n }\n span {\n vertical-align: middle;\n font-size: 14px;\n &:before {\n @media (max-width: ",') {\n content: "â";\n display: inline-block;\n font-size: 14px;\n }\n }\n @media (max-width: ',") {\n font-size: 10px;\n }\n \n \n \n }\n }\n }\n .car-description-tablet + .car-overview-wrap {\n margin-top: 60px;\n }\n .car-description {\n @media (max-width: ",") {\n padding-left: 20px;\n flex-grow: 2;\n }\n @media (max-width: ",") {\n padding-left: 0;\n }\n }\n .location {\n align-items: flex-end;\n @media (max-width: 767px) {\n display: none;\n }\n span {\n white-space: nowrap;\n margin-left: 5px;\n font-family: ",";\n color: ",";\n font-size: 14px;\n line-height: 14px;\n @media (max-width: ",") {\n font-size: 10px;\n }\n }\n .icon-location {\n width: 15px;\n }\n }\n .car-title {\n color: ",";\n font-size: 16px;\n line-height: 21px;\n font-weight: ",";\n letter-spacing: 0;\n margin-bottom: 10px;\n font-family: ",";\n max-width: 350px;\n white-space: pre;\n overflow: hidden;\n text-overflow: ellipsis;\n @media (max-width: ",") {\n margin-bottom: 0;\n } \n \n @media (max-width: 767px) {\n max-width: none;\n white-space: normal;\n overflow: visible;\n }\n }\n .car-offer-conditions {\n & > div {\n margin-right: 30px;\n span {\n font-size: 14px;\n margin-right: 6px;\n &.bold {\n font-weight: ",";\n }\n }\n @media (max-width: ",") {\n text-align: center;\n }\n } \n }\n .price-button-wrap {\n margin-top: 15px;\n .price-wrap {\n color: ",";\n font-family: ",";\n font-size: 14px;\n font-weight: ",";\n letter-spacing: 0;\n line-height: 16px;\n @media (max-width: ",") {\n margin-bottom: 10px;\n }\n .price {\n color: ",";\n font-size: 16px;\n font-weight: ",";\n line-height: 21px;\n font-family: ",";\n }\n span {\n font-weight: ",";\n font-family: ",";\n }\n .payment-title {\n font-size: 16px;\n line-height: 21px;\n }\n }\n }\n .monthly-price-wrap {\n border: 1px solid #DCD8D8;\n border-radius: 25px;\n background-color: #FFFFFF;\n box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.22);\n display: inline-block;\n padding: 5px 35px 5px 15px;\n margin-top: 10px;\n margin-bottom: 10px;\n position: relative;\n font-size: 14px;\n font-family: ",";\n & + .car-overview-wrap {\n margin-top: 10px;\n }\n .price {\n font-weight: ",';\n }\n &:after {\n position: absolute;\n content: "";\n width: 8px;\n height: 8px;\n border-bottom: 1px solid #000;\n border-left: 1px solid #000;\n right: 13px;\n top: 10px;\n transform: rotate(-135deg);\n }\n }\n // hr {\n // margin-top: 35px;\n // margin-bottom: 20px;\n // @media (max-width: ',") {\n // margin-top: 15px;\n // }\n // }\n .car-overview-item {\n margin-right: 20px;\n font-weight: ",";\n }\n .button-wrap {\n @media (max-width: ",") {\n width: 100%;\n }\n }\n .list-item-wrap {\n margin-top: 12px;\n }\n .price-delete-wrap + .list-item-wrap {\n margin-top: 65px;\n @media (max-width: ",") {\n margin-top: 45px;\n }\n }\n hr {\n margin-left: -20px;\n margin-right: -10px;\n }\n }\n"]);return t=function(){return a},a}var u=e.ZP.li.withConfig({componentId:"sc-abd96de8-0"})(t(),function(a){return a.theme.breakpoints.lg},function(a){return a.theme.breakpoints.sm},function(a){return a.theme.breakpoints.md},function(a){return a.theme.colors.selectedLabelBG},function(a){return a.theme.breakpoints.lg},function(a){return a.theme.breakpoints.md},function(a){return a.theme.breakpoints.sm},function(a){return a.theme.colors.primaryFont},function(a){return a.theme.breakpoints.md},function(a){return a.theme.breakpoints.md},function(a){return a.theme.breakpoints.sm},function(a){return a.theme.breakpoints.md},function(a){return a.theme.breakpoints.sm},function(a){return a.theme.breakpoints.sm},function(a){return a.theme.breakpoints.md},function(a){return a.theme.breakpoints.lg},function(a){return a.theme.breakpoints.md},function(a){return a.theme.fontFamily.roboto},function(a){return a.theme.colors.primaryFont},function(a){return a.theme.breakpoints.md},function(a){return a.theme.colors.primaryFont},function(a){return a.theme.fontWeight.bold},function(a){return a.theme.fontFamily.roboto},function(a){return a.theme.breakpoints.md},function(a){return a.theme.fontWeight.bold},function(a){return a.theme.breakpoints.xs},function(a){return a.theme.colors.primaryFont},function(a){return a.theme.fontFamily.roboto},function(a){return a.theme.fontWeight.bold},function(a){return a.theme.breakpoints.xs},function(a){return a.theme.colors.primaryFont},function(a){return a.theme.fontWeight.bold},function(a){return a.theme.fontFamily.roboto},function(a){return a.theme.fontWeight.regular},function(a){return a.theme.fontFamily.roboto},function(a){return a.theme.fontFamily.roboto},function(a){return a.theme.fontWeight.bold},function(a){return a.theme.breakpoints.xs},function(a){return a.theme.fontWeight.bold},function(a){return a.theme.breakpoints.sm},function(a){return a.theme.breakpoints.md}),v=c(949);function w(a){var b,d,e=(0,k.v9)(function(a){return a.carListPage}).locationsList,f=(0,k.I0)(),g=a.car,h=a.carListContent,i="i3"===g.modelName,l=null===(b=e.concat({i
1d:1,name:"Deutschlandweit"}).find(function(a){return a.id===g.locationId}))|| void 0===b?void 0:b.name;if("exportFinancingParams"in g&&(null==g?void 0:g.exportFinancingParams)){var m=1===g.exportFinancingParams?i?24:g.leasLaufzeit:g.financingTime;d=1===g.exportFinancingParams?(0,v.bP)(g.modelName,{duration:Number(m),mileage:Number(g.leasKilometerlaufleistung),listenPreisBrutto:null==g?void 0:g.listenpreisBrutto,faktorOhneSonderzahlung:null==g?void 0:g.faktorOhneSonderzahlung,prozRwOhneSonderzahlung:null==g?void 0:g.prozRwOhneSonderzahlung,prozRwMitSonderzahlung:null==g?void 0:g.prozRwMitSonderzahlung,faktorMitSonderzahlung:null==g?void 0:g.faktorMitSonderzahlung},null==g?void 0:g.leasMonatsrate):(0,v.uY)(null==g?void 0:g.financingMonthlyRate)}var n=(0,j.jsxs)("a",{className:"link-wrap",children:[(0,j.jsx)("div",{className:"car-image d-block",children:"image"in g?(0,j.jsx)("img",{src:g.image,alt:"".concat(g.brandName," ").concat((0,v.BL)(g.title)," Gebrauchtwagen")}):(0,j.jsxs)("div",{className:"no-image",children:[(0,j.jsx)("img",{style:{width:44,height:44},src:"https://autohaus24.de/icons/illustration_favorit_disabled.svg",alt:""}),(0,j.jsx)("span",{children:"Leider nicht mehr verf\xfcgbar"})]})}),(0,j.jsx)("div",{className:"car-description-wrap",children:(0,j.jsxs)("div",{className:"car-description",children:[(0,j.jsxs)("div",{className:"justify-content-between d-flex",children:[(0,j.jsxs)("div",{className:"car-title",title:"".concat(g.brandName," ").concat((0,v.BL)(g.title)),children:[g.brandName," ",(0,v.BL)(g.title)]}),(0,j.jsxs)("div",{className:"d-none d-md-flex",children:["Gemerkt am"," ","addedAt"in g&&g.addedAt]})]}),(0,j.jsxs)("div",{className:"d-flex justify-content-between price-delete-wrap",children:[(0,j.jsx)("div",{className:"price-button-wrap d-flex flex-column flex-md-row justify-content-between",children:(0,j.jsx)("div",{className:"price-wrap align-self-md-end",children:(0,j.jsxs)("div",{children:[(0,j.jsxs)("span",{className:"price",children:[(0,v.uY)(g.price),"â¬"]})," ",(0,j.jsx)("span",{children:"inkl.MwSt."})]})})}),(0,j.jsx)(s.Z,{onClick:function(a){a.preventDefault(),c.e(9536).then(c.bind(c,29536)).then(function(b){b.storeFavorite(a,{id:g.id,title:g.title,fuel:g.fuel,gear:g.gear,mileage:(0,v.uY)(g.mileage),locationId:g.locationId,price:(0,v.uY)(g.price),addedAt:(0,p.default)(new Date,"dd.MM.yyyy"),ps:g.ps,registrationDate:g.registrationDate,brandName:(null==g?void 0:g.brandName)||"",modelName:g.modelName||"",locationName:l||""},f)})},"aria-label":"delete",className:"delete-btn d-none d-md-flex",startIcon:(0,j.jsx)(r.Z,{fontSize:"small"}),children:"L\xf6schen"})]}),"exportFinancingParams"in g&&0!==g.exportFinancingParams&&(0,j.jsxs)("div",{className:"monthly-price-wrap",children:[(0,j.jsx)("span",{dangerouslySetInnerHTML:{__html:h.price.value.replace(/{.*}/,String(d))}})," ",1===g.exportFinancingParams?"leasen":"finanzieren"]}),(0,j.jsxs)("div",{className:"d-flex justify-content-between list-item-wrap align-items-center",children:[(0,j.jsxs)("ul",{className:"car-overview-wrap list-unstyled",children:[(0,j.jsxs)("li",{children:[(0,j.jsx)("img",{className:"d-none d-md-inline",src:"https://autohaus24.de/icons/icon-date.svg",alt:""}),(0,j.jsx)("span",{children:(0,p.default)((0,q.default)(g.registrationDate),"MM/yyyy")})]}),(0,j.jsxs)("li",{children:[(0,j.jsx)("img",{className:"mileage d-none d-md-inline",src:"https://autohaus24.de/icons/icon-mileage.svg",alt:""}),(0,j.jsxs)("span",{children:[(0,v.uY)(g.mileage)," km"]})]}),(0,j.jsxs)("li",{children:[(0,j.jsx)("img",{className:"d-none d-md-inline",src:"https://autohaus24.de/icons/icon-motor-transmission.svg",alt:""}),(0,j.jsx)("span",{children:g.gear})]}),(0,j.jsxs)("li",{children:[(0,j.jsx)("img",{className:"d-none d-md-inline",src:"https://autohaus24.de/icons/icon-motor-horsepower.svg",alt:""}),(0,j.jsxs)("span",{children:[g.ps," PS"]})]})]}),(0,j.jsxs)("div",{className:"location d-none d-md-flex",children:[(0,j.jsx)("img",{className:"icon icon-location",src:"https://autohaus24.de/icons/icon-pin-25.svg",alt:"location-icon"}),(0,j.jsx)("span",{children:l||"locationName"in g&&g.locationName})]})]}),(0,j.jsx)("hr",{className:"d-flex d-md-none "}),(0,j.jsxs)("div",{className:"d-flex d-md-none align-items-center justify-content-between mt-4",children:[(0,j.jsxs)("div",{children:["Gemerkt am"," ","addedAt"in g&&g.addedAt]}),(0,j.jsx)(s.Z,{"aria-label":"delete",className:"delete-btn",startIcon:(0,j.jsx)(r.Z,{fontSize:"small"}),children:"L\xf6schen"})]})]})})]});return(0,j.jsx)(u,{className:"list-unstyled ",children:"image"in g?(0,j.jsx)(o(),{href:"/gebrauchtwagen/cars/[id]",as:"/gebrauchtwagen/cars/".concat(g.id),children:n}):(0,j.jsx)("div",{className:"disabled",children:n})})}function x(a){var b=a.carListContent,c=(0,k.v9)(function(a){return a.favorites}),d=c.cars,e=c.favorites,f=c.loading;return(0,j.jsx)(m,{children:(0,j.jsx)("div",{className:"car-list-wrap",children:!f&&(0,j.jsx)("ul",{className:"car-list",children:null==e?void 0:e.map(function(a){var c=d.find(function(b){return b.id===a.id});return c?(0,j.jsx)(w,{car:(0,i.Z)((0,h.Z)({},c),{brandName:a.brandName,modelName:a.modelName,locationName:a.locationName,addedAt:a.addedAt}),carListContent:b},a.id):(0,j.jsx)(w,{car:a,carListContent:b},a.id)})})})})}var y=c(64519),z=c(70383);function A(){var a=(0,d.Z)(["\n .content {\n min-height: 600px;\n & > * {\n margin-bottom: 30px;\n }\n }\n"]);return A=function(){return a},a}var B=e.ZP.div.withConfig({componentId:"sc-996db8af-0"})(A());function C(a){var b=a.emptyCompare;return(0,j.jsx)(B,{children:(0,j.jsxs)("div",{className:"d-flex align-items-center flex-column justify-content-center content",children:[b?(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(y.Z,{style:{color:"rgb(87 195 153)",height:64,width:64},fontSize:"inherit"}),(0,j.jsx)("h3",{className:"text-center",children:"Du hast bisher keine Fahrzeuge zum Vergleich ausgew\xe4hlt."}),(0,j.jsx)("p",{className:"text-center",children:"Du hast die M\xf6glichkeit Fahrzeuge, die in deine engere Auswahl kommen oder einfach nur beobachten m\xf6chtest, speichern kannst. F\xfcge sie zu. deinen Vergleich hinzu und behalte alle Angebote optimal im Blick. "})]}):(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("img",{src:"https://autohaus24.de/icons/illustration_favorit.svg",alt:""}),(0,j.jsx)("h3",{className:"text-center",children:"Du hast bisher keine Fahrzeuge zu deinen Favoriten hinzugef\xfcgt."}),(0,j.jsx)("p",{className:"text-center",children:"Du hast die M\xf6glichkeit Fahrzeuge, die in deine engere Auswahl kommen oder einfach nur beobachten m\xf6chtest, speichern kannst. F\xfcge sie zu. deinen Favoriten hinzu und behalte alle Angebote optimal im Blick. "})]}),(0,j.jsx)(o(),{href:"/gebrauchtwagen",passHref:!0,children:(0,j.jsx)("a",{style:{textDecoration:"none",display:"inline-block"},children:(0,j.jsx)(z.Z,{size:"large",fullWidth:!0,variant:"contained",style:{maxWidth:300},children:"Jetzt Angebote finden"})})})]})})}},70383:function(a,b,c){c.d(b,{Z:function(){return o}});var d=c(26042),e=c(69396),f=c(99534),g=c(85893);c(67294);var h=c(7297),i=c(19521),j=c(282);function k(){var a=(0,h.Z)(["\n font-weight: ",";\n color: ",";\n text-transform: none;\n"]);return k=function(){return a},a}function l(){var a=(0,h.Z)(["\n && {\n border-radius: 30px;\n background: ",";\n height: 45px;\n font-size: 14px;\n \n &:focus {\n outline: none;\n }\n\n &:hover {\n background: ",";\n }\n\n &.MuiButton-outlined {\n background: #fff;\n border: 2px solid ",";\n\n span {\n color: ",";\n }\n\n &:hover {\n background: #fff;\n }\n }\n &.Mui-disabled {\n color: rgba(0, 0, 0, 0.26);\n box-shadow: none;\n background-color: #E0E0E0;\n }\n }\n"]);return l=function(){return a},a}var m=i.ZP.span.withConfig({componentId:"sc-6bf7e248-0"})(k(),function(a){return a.theme.fontWeight.bold},function(a){return a.theme.colors.activeButtonFontColor}),n=(0,i.ZP)(j.Z).withConfig({componentId:"sc-6bf7e248-1"})(l(),function(a){return a.theme.colors.primaryColor},function(a){return a.theme.colors.primaryColor},function(a){return a.theme.colors.primaryColor},function(a){return a.theme.colors.primaryColor}),o=function(a){var b=a.children,c=(0,f.Z)(a,["children"]);return(0,g.jsx)(n,(0,e.Z)((0,d.Z)({},c),{children:(0,g.jsx)(m,{children:b})}))}}}])
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.