1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5098],{61257:function(a,b,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/vkl-form",function(){return c(4384)}])},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},70383:function(a,b,c){"use strict";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})}))}},38556:function(a,b,c){"use strict";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"})})})})}},4384:function(a,b,c){"use strict";c.r(b);var d=c(47568),e=c(26042),f=c(69396),g=c(34051),h=c.n(g),i=c(85893),j=c(67294),k=c(49667),l=c(2912),m=c(34840),n=c(69260),o=c(6886),p=c(85628),q=c(95477),r=c(70383),s=c(31344),t=c(65004),u=c(94949),v=c(44328),w=c(91756),x=c(38556),y=function(a){var b=(0,j.useState)(!0),c=b[0],d=b[1],g=(0,j.useState)(!0),h=g[0],v=g[1],y=(0,j.useState)(null),z=y[0],A=y[1],B=(0,j.useState)("approved"),C=B[0],D=B[1],E=(0,j.useState)(""),F=E[0],G=E[1],H=(0,j.use
1State)(0),I=H[0],J=H[1],K=a.id,L=function(a){D(a.target.value)};if((0,j.useEffect)(function(){var a=(0,w.Z)(void 0);try{fetch("".concat(a,"/inquiry?id=").concat(K),{cache:"no-cache"}).then(function(a){return a.json()}).then(function(a){A(a.data),J(a.data.vklPrice),D(a.data.status),G(a.data.remarks),v(!1)})}catch(b){v(!1)}},[]),h)return(0,i.jsx)(u.Z,{title:"",description:"",robots:"noindex, nofollow",children:(0,i.jsx)(s.Z,{children:(0,i.jsx)(q.Z,{"aria-label":"Loading"})})});if(!K||!z||z.error)return(0,i.jsx)(t.Z,{});var M=function(){D(z.status),G(z.remarks),J(z.vklPrice)},N=function(){var a=(0,f.Z)((0,e.Z)({},z),{status:C,remarks:F,vklPrice:I});try{v(!0);var b=(0,w.Z)(void 0);fetch("".concat(b,"/inquiry?id=").concat(K,"&body=").concat(JSON.stringify(a)),{cache:"no-cache",method:"PUT"}).then(function(a){204===a.status&&(d(!0),v(!1))})}catch(c){v(!1)}},O=z.vin,P=z.internal,Q=z.sellerPrice,R=z.customerPrice;return(0,i.jsx)(u.Z,{title:"",description:"",robots:"noindex, nofollow",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(x.Z,{open:c,onClose:function(){d(!1)},message:(0,i.jsx)("span",{children:"Data changed."})}),(0,i.jsxs)("div",{className:"pt-5 pb-5",children:[(0,i.jsxs)("div",{children:["Vin:",(0,i.jsx)("strong",{children:O})]}),(0,i.jsxs)("div",{children:["Interne:",(0,i.jsx)("strong",{children:P})]}),(0,i.jsxs)("div",{children:["Preisvorstellung Verkaufer in Euro:",(0,i.jsx)("strong",{children:Q})]}),(0,i.jsxs)("div",{children:["Preisvorstellung Kunde in Euro:",(0,i.jsx)("strong",{children:R})]}),(0,i.jsx)("hr",{}),(0,i.jsxs)(k.ZP,{fullWidth:!0,component:"fieldset",children:["Status",(0,i.jsxs)(l.Z,{row:!0,value:C,onChange:L,children:[(0,i.jsx)(m.ZP,{control:(0,i.jsx)(n.ZP,{}),value:"approved",label:(0,i.jsx)("span",{style:{fontSize:14,marginRight:30},children:"genehmigen"})}),(0,i.jsx)(m.ZP,{control:(0,i.jsx)(n.ZP,{}),value:"rejected",label:(0,i.jsx)("span",{style:{fontSize:14,marginRight:30},children:"ablehnen"})})]})]}),(0,i.jsx)("hr",{}),(0,i.jsxs)(k.ZP,{children:["Preisvorstellung VKL in Euro",(0,i.jsx)(p.ZP,{type:"number",value:I,onChange:function(a){return J(+a.target.value)}})]}),(0,i.jsx)("hr",{}),(0,i.jsxs)(k.ZP,{fullWidth:!0,component:"fieldset",children:["Bemerkung",(0,i.jsx)(o.Z,{style:{width:"100%",border:"1px solid #595959",borderRadius:15,minHeight:"180px",resize:"none",outline:"none",padding:10,marginTop:15},onChange:function(a){a.target.value.length<30&&G(a.target.value)},value:F})]}),(0,i.jsx)("hr",{}),(0,i.jsxs)("div",{className:"d-flex justify-content-between flex-wrap",children:[(0,i.jsx)(r.Z,{style:{width:300,marginBottom:10},onClick:N,children:"Versenden"}),(0,i.jsx)(r.Z,{style:{width:300},variant:"outlined",onClick:M,children:"Zur\xfccksetzen"})]})]})]})})};y.getInitialProps=v.Y.getInitialPageProps(function(){var a;return a=(0,d.Z)(h().mark(function a(b){return h().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return a.abrupt("return",{id:b.query.enquiry_id});case 1:case"end":return a.stop()}},a)})),function(b){return a.apply(this,arguments)}}),b.default=y}},function(a){a.O(0,[5195,9774,2888,179],function(){var b;return a(a.s=61257)}),_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.