vendor: 5,059 bytes, line 1
1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4080],{282:function(a,b,c){"use strict";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)},56175:function(a,b,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/gebrauchtwagen/cars/[id]",function(){return c(79490)}])},10450:function(a,b,c){"use strict";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){"use strict";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,{})]})}},92872:function(a,b,c){"use strict";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){"use strict";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},45698:function(a,b,c){"use strict";c.d(b,{K:function(){return j}});var d=c(7297),e=c(81621),f=c(51645);function g(){var a=(0,d.Z)(['{\n nodeQuery(filter: {conjunction: AND, conditions: [{operator: EQUAL, field: "type", value: "page_car_details"}]}) {\n content: entities {\n ... on NodePageCarDetails {\n backButtonText: fieldBackButtonText\n reserveFormPrivacyText: fieldReservePrivacyText {\n value\n }\n reserveFormPrivacyText2: fieldReservePrivacyText2 {\n value\n }\n marketingText: fieldMarketingText {\n value\n }\n legalText: fieldLegalText {\n value\n }\n externalCarInfo: fieldExternalCarInfo {\n value\n }\n form: fieldForm {\n entity {\n ... on NodeModuleDetailsPageForm {\n title: fieldFormTitle\n depositInputTitle: fieldDepositInputTitle\n duration: fieldDuration {\n entity {\n ...SelectInputFragment\n }\n }\n mileage: fieldAnnualMileage {\n entity {\n ...SelectInputFragment\n }\n }\n depositInputTitle: fieldDepositInputTitle\n financingTitle: fieldFormFinancingTitle\n financingPriceOfferLabel: fieldFinancingPrice
1Label\n closingRateInputTitle: fieldClosingRateInputTitle\n carPriceLabel: fieldCarPriceLabel\n financingPriceDetail: fieldFinancingPriceDetail\n priceOfferLabel: fieldPriceOfferLabel\n price: fieldPriceOffer\n priceDetails: fieldPriceOfferDetails\n priceOfferIcon: fieldPriceOfferIcon {\n entity {\n ...MediaImageFragment\n }\n }\n callMeBtnLabel: fieldCallMeButtonLabel\n requestCarBtnLabel: fieldRequestACarButtonLabel\n addressLabel: fieldAddressSectionLabel\n disabledFormMsg: fieldDisabledFormInfoMsg\n addressIcon: fieldAddressIcon {\n entity {\n ...MediaImageFragment\n }\n }\n phoneIcon: fieldPhoneLabel {\n entity {\n ...MediaImageFragment\n }\n }\n emailIcon: fieldEmailLabel {\n entity {\n ...MediaImageFragment\n }\n }\n }\n }\n }\n carInformationSection: fieldCarInformationSection {\n entity {\n ... on NodeModuleCarInfoSection {\n headline: fieldHeadline\n simpleProps: fieldPropertiesList\n props: fieldProperties {\n entity {\n ...DetailsPagePropertyFragment\n }\n }\n }\n }\n }\n featureSectionsLabels: fieldFeatureSections\n featureIcon: fieldIcon {\n entity {\n ...MediaImageFragment\n }\n }\n showMoreIcon: fieldShowMoreIcon {\n entity {\n ...MediaImageFragment\n }\n }\n showMoreLabel: fieldShowMoreLabel\n financeCalcText: fieldFinanceCalcText\n consumption: fieldSectionConsumption {\n entity {\n ...ModuleConsumptionsFragment\n }\n }\n details: fieldSectionDetails {\n entity {\n ...ModuleDetailsFragment\n }\n }\n financingDetails: fieldFinancingOfferDetails {\n entity {\n ...ModuleDetailsFragment\n }\n }\n metadata: fieldMetadata {\n entity {\n ...PageMetadataFragment\n }\n }\n }\n }\n}\n}\n',"\n","\n","\n","\n","\n","\n"]);return g=function(){return a},a}function h(){var a=(0,d.Z)(['\nquery GetSellers($carType: String!) {\n nodeQuery(filter: {conditions: [\n {operator: EQUAL, field: "type", value: ["external_seller"]},\n {operator: EQUAL, field: "field_seller_type", value: [$carType]}\n ]}) {\n entities {\n ... on NodeExternalSeller {\n fieldSellerName\n fieldSellerEmail\n fieldSellerPhone\n fieldSellerImage {\n entity {\n thumbnail {\n url\n }\n }\n }\n }\n }\n }\n}\n']);return h=function(){return a},a}var i=(0,e.ZP)(g(),f.Bz,f.oR,f.BV,f.dd,f.Xm,f.HQ),j=(0,e.ZP)(h());b.Z=i},79490:function(a,b,c){"use strict";c.r(b),c.d(b,{default:function(){return C}});var d=c(47568),e=c(34051),f=c.n(e),g=c(85893),h=c(67294),i=c(5152),j=c.n(i),k=c(25617),l=c(57785),m=c(94949),n=c(76322),o=c(45698),p=c(44328),q=c(65004),r=c(7297),s=c(19521),t=c(31344);function u(){var a=(0,r.Z)(["\npadding-top: 52px;\n\n.skeleton {\n opacity: .7;\n /* background: black; */\n animation: skeleton-loading 1s linear infinite alternate;\n}\n\n.skeleton-text {\n width: 100%;\n height: .5rem;\n margin-bottom: .25rem;\n border-radius: .125rem;\n}\n\n.skeleton-text:last-child {\n margin-bottom: 0;\n width: 80%;\n}\n\n@keyframes skeleton-loading {\n 0% {\n background-color: hsl(200, 20%, 70%);\n }\n\n 100% {\n background-color: hsl(200, 20%, 95%);\n }\n}\n\n.grid {\n display: grid;\n gap: 1rem;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n padding: 1rem;\n}\n\n.card {\n background-color: white;\n /* box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; */\n padding: 16px;\n border-radius: 4px;\n border: none;\n}\n\n.header {\n margin-bottom: 1rem;\n display: flex;\n align-items: center;\n}\n\n.header-img {\n width: 85px;\n height: 85px;\n object-fit: cover;\n border-radius: 100%;\n flex-shrink: 0;\n margin-left: auto;\n margin-right: auto;\n}\n\n.title {\n font-weight: bold;\n font-size: 1.25rem;\n text-transform: capitalize;\n word-wrap: none;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n flex-grow: 1;\n}\n\n.maintitle {\n width: 310px;\n height: 32px;\n margin-bottom: 10px;\n border-radius: 0.3rem;\n}\n.subtitle {\n width: 180px;\n height: 16px;\n margin-bottom: 27px;\n border-radius: 0.2rem;\n}\n\n.brdcrumbs {\n display: flex;\n margin-bottom: 60px;\n\n &-single {\n width: 70px;\n height: 14px;\n margin-right: 20px;\n border-radius: 0.2rem;\n\n &:nth-child(2) {\n width: 105px;\n }\n }\n}\n\n.info-area {\n display: flex;\n justify-content: space-between;\n}\n\n.info-skeleton {\n width: 460px;\n margin-left: 30px;\n margin-right: auto;\n padding-top: 16px;\n .info-title {\n width: 260px;\n height: 43px;\n border-radius: 0.3rem;\n margin-bottom: 20px;\n }\n .info-button {\n width: 370px;\n height: 45px;\n border-radius: 25px;\n margin-bottom: 35px;\n }\n\n .info-columns {\n display: flex;\n flex-wrap: wrap;\n\n &-item {\n width: 50%;\n display: flex;\n align-items: center;\n margin-bottom: 38px;\n\n &-image {\n width: 50px;\n height: 50px;\n border-radius: 0.3rem;\n margin-right: 15px;\n }\n &-title {\n width: 109px;\n height: 23px;\n border-radius: 0.2rem;\n margin-bottom: 8px;\n }\n &-subtitle {\n width: 75px;\n height: 23px;\n border-radius: 0.2rem;\n }\n }\n }\n}\n\n.seller-skeleton {\n width: 300px;\n\n .seller-button {\n height: 45px;\n border-radius: 30px;\n margin-bottom: 16px;\n }\n\n .card {\n height: 300px;\n border: 1px solid rgb(220, 216, 216);\n border-radius: 25px;\n padding: 18px 15px;\n }\n}\n\n .slider-skeleton {\n flex: 1;\n .main-image {\n width: 100%;\n height: 344px;\n border-radius: 25px;\n }\n \n &-small {\n display: flex;\n justify-content: space-between;\n padding: 20px 28px 0;\n\n .small-image {\n flex:1;\n max-width: 114px;\n height: 75px;\n margin-right: 4px;\n }\n }\n }\n\n @media (max-width: 991px) {\n .info-area {\n flex-wrap: wrap;\n .slider-skeleton {\n width: 100%;\n flex: initial;\n margin-bottom: 30px;\n }\n }\n }\n"]);return u=function(){return a},a}var v=s.ZP.div.withConfig({componentId:"sc-b81bf2ba-0"})(u()),w=function(){return(0,g.jsx)(v,{children:(0,g.jsxs)(t.Z,{wider:!0,children:[(0,g.jsxs)("div",{className:"brdcrumbs",children:[(0,g.jsx)("div",{className:"brdcrumbs-single skeleton"}),(0,g.jsx)("div",{className:"brdcrumbs-single skeleton"}),(0,g.jsx)("div",{className:"brdcrumbs-single skeleton"}),(0,g.jsx)("div",{className:"brdcrumbs-single skeleton"})]}),(0,g.jsx)("div",{className:"maintitle skeleton"}),(0,g.jsx)("div",{className:"subtitle skeleton"}),(0,g.jsxs)("div",{className:"info-area",children:[(0,g.jsxs)("div",{className:"slider-skeleton",children:[(0,g.jsx)("div",{className:"main-image skeleton"}),(0,g.jsxs)("div",{className:"slider-skeleton-small",children:[(0,g.jsx)("div",{className:"small-image skeleton"}),(0,g.jsx)("div",{className:"small-image skeleton"}),(0,g.jsx)("div",{className:"small-image skeleton"}),(0,g.jsx)("div",{className:"small-image skeleton"})]})]}),(0,g.jsxs)("div",{className:"info-skeleton",children:[(0,g.jsx)("div",{className:"info-title skeleton"}),(0,g.jsx)("div",{className:"info-button skeleton"}),(0,g.jsxs)("div",{className:"info-columns",children:[(0,g.jsxs)("div",{className:"info-columns-item",children:[(0,g.jsx)("div",{className:"info-columns-item-image skeleton"}),(0,g.jsxs)("div",{children:[(0,g.jsx)("div",{className:"info-columns-item-title skeleton"}),(0,g.jsx)("div",{className:"info-columns-item-subtitle skeleton"})]})]}),(0,g.jsxs)("div",{className:"info-columns-item",children:[(0,g.jsx)("div",{className:"info-columns-item-image skeleton"}),(0,g.jsxs)("div",{children:[(0,g.jsx)("div",{className:"info-columns-item-title skeleton"}),(0,g.jsx)("div",{className:"info-columns-item-subtitle skeleton"})]})]}),(0,g.jsxs)("div",{className:"info-columns-item",children:[(0,g.jsx)("div",{className:"info-columns-item-image skeleton"}),(0,g.jsxs)("div",{children:[(0,g.jsx)("div",{className:"info-columns-item-title skeleton"}),(0,g.jsx)("div",{className:"info-columns-item-subtitle skeleton"})]})]}),(0,g.jsxs)("div",{className:"info-columns-item",children:[(0,g.jsx)("div",{className:"info-columns-item-image skeleton"}),(0,g.jsxs)("div",{children:[(0,g.jsx)("div",{className:"info-columns-item-title skeleton"}),(0,g.jsx)("div",{className:"info-columns-item-subtitle skeleton"})]})]}),(0,g.jsxs)("div",{className:"info-columns-item",children:[(0,g.jsx)("div",{className:"info-columns-item-image skeleton"}),(0,g.jsxs)("div",{children:[(0,g.jsx)("div",{className:"info-columns-item-title skeleton"}),(0,g.jsx)("div",{className:"info-columns-item-subtitle skeleton"})]})]}),(0,g.jsxs)("div",{className:"info-columns-item",children:[(0,g.jsx)("div",{className:"info-columns-item-image skeleton"}),(0,g.jsxs)("div",{children:[(0,g.jsx)("div",{className:"info-columns-item-title skeleton"}),(0,g.jsx)("div",{className:"info-columns-item-subtitle skeleton"})]})]})]})]}),(0,g.jsxs)("div",{className:"seller-skeleton",children:[(0,g.jsx)("div",{className:"seller-button skeleton"}),(0,g.jsxs)("div",{className:"card",children:[(0,g.jsx)("div",{className:"header-img skeleton"}),(0,g.jsx)("br",{}),(0,g.jsx)("div",{className:"header",children:(0,g.jsxs)("div",{className:"title","data-title":!0,children:[(0,g.jsx)("div",{className:"skeleton
1skeleton-text"}),(0,g.jsx)("div",{className:"skeleton skeleton-text"})]})}),(0,g.jsx)("br",{}),(0,g.jsxs)("div",{"data-body":!0,children:[(0,g.jsx)("div",{className:"skeleton skeleton-text"}),(0,g.jsx)("div",{className:"skeleton skeleton-text"}),(0,g.jsx)("div",{className:"skeleton skeleton-text"}),(0,g.jsx)("div",{className:"skeleton skeleton-text"})]}),(0,g.jsx)("br",{}),(0,g.jsxs)("div",{"data-body":!0,children:[(0,g.jsx)("div",{className:"skeleton skeleton-text"}),(0,g.jsx)("div",{className:"skeleton skeleton-text"}),(0,g.jsx)("div",{className:"skeleton skeleton-text"}),(0,g.jsx)("div",{className:"skeleton skeleton-text"})]})]})]})]}),(0,g.jsx)("br",{}),(0,g.jsxs)("div",{className:"card",children:[(0,g.jsx)("div",{className:"header",children:(0,g.jsxs)("div",{className:"title","data-title":!0,children:[(0,g.jsx)("div",{className:"skeleton skeleton-text"}),(0,g.jsx)("div",{className:"skeleton skeleton-text"})]})}),(0,g.jsxs)("div",{"data-body":!0,children:[(0,g.jsx)("div",{className:"skeleton skeleton-text"}),(0,g.jsx)("div",{className:"skeleton skeleton-text"}),(0,g.jsx)("div",{className:"skeleton skeleton-text"}),(0,g.jsx)("div",{className:"skeleton skeleton-text"})]})]}),(0,g.jsxs)("div",{className:"card",children:[(0,g.jsx)("div",{className:"header",children:(0,g.jsxs)("div",{className:"title","data-title":!0,children:[(0,g.jsx)("div",{className:"skeleton skeleton-text"}),(0,g.jsx)("div",{className:"skeleton skeleton-text"})]})}),(0,g.jsxs)("div",{"data-body":!0,children:[(0,g.jsx)("div",{className:"skeleton skeleton-text"}),(0,g.jsx)("div",{className:"skeleton skeleton-text"}),(0,g.jsx)("div",{className:"skeleton skeleton-text"}),(0,g.jsx)("div",{className:"skeleton skeleton-text"})]})]}),(0,g.jsx)("br",{}),(0,g.jsxs)("div",{className:"card",children:[(0,g.jsx)("div",{className:"header",children:(0,g.jsxs)("div",{className:"title","data-title":!0,children:[(0,g.jsx)("div",{className:"skeleton skeleton-text"}),(0,g.jsx)("div",{className:"skeleton skeleton-text"})]})}),(0,g.jsxs)("div",{"data-body":!0,children:[(0,g.jsx)("div",{className:"skeleton skeleton-text"}),(0,g.jsx)("div",{className:"skeleton skeleton-text"}),(0,g.jsx)("div",{className:"skeleton skeleton-text"}),(0,g.jsx)("div",{className:"skeleton skeleton-text"})]})]})]})})},x=c(32294),y=c(949),z=c(23088),A=j()(function(){return Promise.all([c.e(3662),c.e(8202),c.e(6923),c.e(5881),c.e(285),c.e(7737),c.e(2684),c.e(1341),c.e(8352)]).then(c.bind(c,58352))},{loadableGenerated:{webpack:function(){return[58352]}},ssr:!1,loading:function(){return(0,g.jsx)(w,{})}});function B(){var a,b,c=(0,l.a)(o.Z).data,d=(0,k.v9)(function(a){return a.carPage}),e=d.car,f=d.error,i=(0,k.I0)();if(h.useEffect(function(){return function(){i({type:"RESET_CAR_STATE"})}},[]),!e||f||(null==e?void 0:e.error))return(0,g.jsx)(q.Z,{});var j="".concat(null===(a=e.brand)|| void 0===a?void 0:a.name," ").concat(null==e?void 0:null===(b=e.model)|| void 0===b?void 0:b.name," on autohaus24"),n="".concat((0,y.BL)(e.title)," ").concat(e.highlights1&&"".concat(e.highlights1,",")," ").concat(e.highlights2&&"".concat(e.highlights2,",")," ").concat((null==e?void 0:e.highlights3)&&(null==e?void 0:e.highlights3)),p={title:j,desc:n,img:e.images[0].scsDetailView,url:"https://www.autohaus24.de/gebrauchtwagen/cars/".concat(e.id)};return(0,g.jsx)(m.Z,{title:j,description:n,hasCanonical:!1,robots:"noindex, follow",social:p,children:e&&c?(0,g.jsx)(A,{data:c}):(0,g.jsx)(w,{})},e.id)}B.getInitialProps=p.Y.getInitialPageProps(function(a){var b;return b=(0,d.Z)(f().mark(function b(c){var d,e,g,h,i,j,k,l,m,p;return f().wrap(function(b){for(;;)switch(b.prev=b.next){case 0:return g=c.res,h=c.req,i=c.query,j=c.apolloClient,k=i.id,b.next=5,a.dispatch((0,n.Z$)(h,Number(k),!1));case 5:return m=(l=a.getState().carPage).car,((p=l.error)||(null==m?void 0:m.error))&&g&&(g.statusCode=404),b.next=9,j.query({query:o.Z});case 9:if(null===(d=a.getState())|| void 0===d?void 0:null===(e=d.lists)|| void 0===e?void 0:e.brands.length){b.next=12;break}return b.next=12,a.dispatch((0,z.Tq)());case 12:return b.abrupt("return",(0,x.addApolloState)(j,{props:{}}));case 13:case"end":return b.stop()}},b)})),function(a){return b.apply(this,arguments)}});var C=(0,x.withApollo)(B)}},function(a){a.O(0,[9774,2888,179],function(){var b;return a(a.s=56175)}),_N_E=a.O()}])
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.