https://hwg.vercel.app/_next/static/chunks/pages/garagensuche/[id]-feddfca57a3821f6.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[327],{280:e=>{e.exports={embla:"ExposeImageSlider_embla__RSi9U",emblaViewport:"ExposeImageSlider_emblaViewport__eW7EU",isDraggable:"ExposeImageSlider_isDraggable__J8tnD",isDragging:"ExposeImageSlider_isDragging__pRq1w",emblaContainer:"ExposeImageSlider_emblaContainer__V5MbR",emblaSlide:"ExposeImageSlider_emblaSlide__8DChI",emblaInnerSlide:"ExposeImageSlider_emblaInnerSlide__v3lNS",emblaThumbContainer:"ExposeImageSlider_emblaThumbContainer__Dqkvt",emblaThumbSlide:"ExposeImageSlider_emblaThumbSlide__VV5_k",isSelected:"ExposeImageSlider_isSelected__VtO30",emblaInnerThumbSlide:"ExposeImageSlider_emblaInnerThumbSlide__R1tJT",emblaThumbImage:"ExposeImageSlider_emblaThumbImage__Q3G4E"}},440:(e,s,a)=>{"use strict";a.d(s,{A:()=>c});var r=a(4232),n=a(5062),l=a.n(n);function i(){return(i=Object.assign||function(e){for(var s=1;s<arguments.length;s++){var a=arguments[s];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e}).apply(this,arguments)}var t=(0,r.forwardRef)(function(e,s){var a=e.color,n=e.size,l=void 0===n?24:n,t=function(e,s){if(null==e)return{};var a,r,n=function(e,s){if(null==e)return{};var a,r,n={},l=Object.keys(e);for(r=0;r<l.length;r++)a=l[r],s.indexOf(a)>=0||(n[a]=e[a]);return n}(e,s);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)a=l[r],!(s.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}(e,["color","size"]);return r.createElement("svg",i({ref:s,xmlns:"http://www.w3.org/2000/svg",width:l,height:l,viewBox:"0 0 24 24",fill:"none",stroke:void 0===a?"currentColor":a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},t),r.createElement("polygon",{points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"}))});t.propTypes={color:l().string,size:l().oneOfType([l().string,l().number])},t.displayName="Star";let c=t},849:(e,s,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/garagensuche/[id]",function(){return a(1102)}])},930:(e,s,a)=>{"use strict";a.d(s,{R:()=>r});let r=e=>e.map(e=>({value:e,sort:Math.random()})).sort((e,s)=>e.sort-s.sort).map(({value:e})=>e)},1102:(e,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>B});var r=a(7876),n=a(3552),l=a(8230),i=a.n(l),t=a(9099),c=a(4232),d=a(440),o=a(9552),m=a(3631),h=a(4864),_=a(8290),x=a(1141),p=a(9380),g=a(9141),u=a(7614),b=a(7978),j=a(9316),f=a(2657),N=a(9597),v=a(7302),A=a(8827),w=a.n(A),S=a(5945),y=a(1491),k=a(4542),C=a(7911),I=a(9271),E=a(930),R=a(8153),T=a.n(R),O=a(8689);let B=()=>{let e=(0,t.useRouter)(),{id:s}=e.query,{data:a,error:l}=(0,k.Yq)(),{isBookmarked:A,toggleBookmark:R,addBookmark:B}=(0,k.T3)(),V=a?.find(e=>e.is_id===+s),D=!l&&!a,[L,G]=(0,c.useState)([]);(0,c.useEffect)(()=>{a&&!V&&e.replace("/404"),a&&V&&G((0,E.R)(a.filter(e=>e.is_id!==V.is_id&&!A(e.is_id))).slice(0,3))},[a,V]);let H=V?.title.replace("hwg - ",""),F=V&&V.address&&`https://image.maps.ls.hereapi.com/mia/1.6/mapview?apiKey=NmyJrRbYkhDpkS39pfpFQN979QvGfuuK-_vyT91q3Z0&s=${encodeURIComponent(V.address.street+V.address.house_number)}%20&ci=${V.address.city}&zi=${encodeURIComponent(V.address.postcode)}&w=400&h=250&z=15`,M=V&&V.address&&`https://google.de/maps/place/${encodeURI(V.address.street+"+"+V.address.house_number)}+${V.address.postcode}+${encodeURI(V.address.city)}`,P=V&&V.address&&`Anfrage f\xfcr Inserat "${H}" (${V.address.street} ${V.address.house_number})`,$=V?JSON.parse(JSON.parse(V.attachments)[0]):[];$=Array.isArray($)?$:[$];let z=$?.filter(e=>"common:Picture"===e["@xsi.type"]),U=$?.filter(e=>"common:PDFDocument"===e["@xsi.type"]),J=(0,I.N)(V);return!D&&V?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.bV,{title:H,openGraph:{images:[{url:(0,C.VG)(V.title_image,"1600"),alt:V.address&&`Au\xdfenansicht der Immobilie ${V.address.street} ${V.address.house_number}`}]},nofollow:!1,noindex:!1}),(0,r.jsxs)(f.A,{children:[(0,r.jsx)(u.A,{noContainer:!0,items:[{path:"/garagensuche",title:"Garagensuche"},{path:"current",title:H}]}),(0,r.jsxs)("article",{className:T().wrapper,children:[(0,r.jsxs)("div",{className:T().mainContent+" mb-8",children:[(0,r.jsxs)("header",{className:T().header,children:[(0,r.jsxs)("div",{className:T().imageWrapper,children:[(0,r.jsx)(p.A,{images:z}),J&&(0,r.jsx)(y.A,{isLarge:!0,color:"orange",className:T().isNewLabel,children:"Neu!"})]}),(0,r.jsx)(N.A,{className:T().corner}),(0,r.jsxs)("div",{className:T().headerContent,children:[(0,r.jsxs)("div",{className:"flex-1 mr-5 space-y-4 sm:col-span-2",children:[(0,r.jsx)(v.A,{level:"h3",as:"h1",children:H}),(0,r.jsx)("ul",{className:T().info,children:(0,r.jsx)("li",{children:(0,r.jsxs)("strong",{children:[V.price_value,"€ gesamt "]})})}),(0,r.jsxs)("span",{className:"inline-block",children:["Verf\xfcgbar ab: ",V.free_from]})]}),(0,r.jsx)(b.A,{variant:"secondary",iconPosition:"left",icon:d.A,iconProps:{fill:A(V.is_id)?"#EF7A0B":"transparent"},className:T().button,onClick:()=>R(V.is_id),children:A(V.is_id)?"Von Merkliste streichen":"Auf die Merkliste"})]}),U.length>0&&(0,r.jsx)("ul",{className:T().documents,"aria-label":"Downloads",children:U.map((e,s)=>(0,r.jsx)("li",{children:(0,r.jsxs)("a",{href:e.url,className:T().document,target:"_blank",rel:"noopener noreferrer",children:[(0,r.jsx)(o.A,{"aria-hidden":!0,

1className:"flex-shrink-0 mr-2"}),e.title]})},s))})]}),(0,r.jsxs)(O.A,{className:T().section,children:[(0,r.jsx)(v.A,{level:"h4",as:"h2",className:T().sectionHeading,children:"Hauptkriterien"}),(0,r.jsx)(x.A,{title:"Objektart",data:V.garage_type})]}),(0,r.jsxs)(O.A,{className:T().section,children:[(0,r.jsx)(v.A,{level:"h4",as:"h2",className:T().sectionHeading,children:"Kosten"}),(0,r.jsx)(x.A,{title:"Miete (monatlich)",data:`${V.price_value}€`})]}),V.description_note&&(0,r.jsxs)(O.A,{className:T().section,children:[(0,r.jsx)(v.A,{level:"h4",as:"h2",className:T().sectionHeading,children:"Weitere Beschreibung"}),(0,r.jsx)("p",{className:T().note,dangerouslySetInnerHTML:{__html:V.description_note.replace("\n","<br /><br />")}})]}),V.location_note&&(0,r.jsxs)(O.A,{className:T().section,children:[(0,r.jsx)(v.A,{level:"h4",as:"h2",className:T().sectionHeading,children:"Lage"}),(0,r.jsx)("p",{className:T().note,dangerouslySetInnerHTML:{__html:V.location_note.replace("\n","<br /><br />")}})]}),V.other_note&&(0,r.jsxs)(O.A,{className:T().section,children:[(0,r.jsx)(v.A,{level:"h4",as:"h2",className:T().sectionHeading,children:"Sonstige Hinweise"}),(0,r.jsx)("p",{className:T().note,dangerouslySetInnerHTML:{__html:V.other_note.replace("\n","<br /><br />")}})]})]}),(0,r.jsxs)("aside",{className:T().sidebar,children:[V.address&&(0,r.jsxs)(j.A,{as:"article",className:"self-start lg:mb-6",children:[(0,r.jsx)("a",{className:"grid",href:M,"aria-label":"In Google Maps \xf6ffnen",target:"_blank",rel:"noopener noreferrer",children:(0,r.jsx)(w(),{src:F,width:800,height:500,alt:`Kartendarstellung der Adresse ${V.address.street} ${V.address.house_number}`})}),(0,r.jsxs)("div",{className:T().cardContent,children:[(0,r.jsx)(v.A,{level:"h4",as:"h2",children:"Adresse"}),(0,r.jsxs)("address",{className:T().address,children:[V.address.street," ",V.address.house_number," ",(0,r.jsx)("br",{}),V.address.postcode," ",V.address.city]}),(0,r.jsx)("a",{href:M,target:"_blank",rel:"noopener noreferrer",className:"text-blue-600",children:"In Google Maps \xf6ffnen"})]})]}),(0,r.jsxs)("div",{className:T().stickySidebarContent,children:[(0,r.jsxs)(j.A,{as:"article",className:T().cardContent,children:[(0,r.jsx)(v.A,{level:"h4",as:"h2",children:"Haben wir Ihr Interesse geweckt?"}),(0,r.jsx)("p",{className:"mt-2",children:"Nutzen Sie unsere Merkliste und senden Sie uns Anfragen f\xfcr bis zu 3 Garagen & Stellpl\xe4tze auf einmal."}),(0,r.jsx)(i(),{href:"/garagensuche/merkliste",passHref:!0,legacyBehavior:!0,children:(0,r.jsx)(b.A,{as:"a",iconPosition:"left",icon:m.A,className:"w-full mt-4",onClick:()=>B(V.is_id),children:"Anfrage \xfcber Merkliste senden"})})]}),(0,r.jsxs)(j.A,{as:"article",className:T().cardContent,children:[(0,r.jsx)(v.A,{level:"h4",as:"h2",children:"Sie haben eine Frage zu diesem Angebot?"}),(0,r.jsxs)("span",{className:"inline-block mt-1 mb-4 font-semibold text-gray-600",children:["Angebotsnummer ",V.is_id]}),V.contact.first_name&&V.contact.last_name&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("p",{children:["Ihr direkter Kontakt zur hwg:",(0,r.jsx)("br",{}),(0,r.jsxs)("span",{className:"block mb-4 text-xl font-semibold",children:[V.contact.first_name," ",V.contact.last_name]}),(0,r.jsxs)("span",{children:["Rufen Sie mich an: ",(0,r.jsx)("br",{}),(0,r.jsx)(_.A,{tel:V.contact.phone_number.replace("+49 ","0"),className:"inline-block mb-4 text-xl font-medium"})]})]}),(0,r.jsxs)("p",{children:["Oder senden Sie mir eine Nachricht per E-Mail:",(0,r.jsx)("br",{}),(0,r.jsx)(_.A,{className:"inline-block text-xl font-medium",email:V.contact.email,headers:{subject:P},children:V.contact.email}),"."]})]})]})]})]})]}),L.length>0&&(0,r.jsxs)(O.A,{className:"my-12",children:[(0,r.jsxs)("div",{className:"flex flex-col justify-between mb-6 sm:items-center sm:flex-row",children:[(0,r.jsx)(v.A,{level:"h4",as:"h2",className:"mb-4 sm:mb-0",children:"Weitere Garagenangebote"}),(0,r.jsx)(i(),{passHref:!0,href:"/garagensuche",legacyBehavior:!0,children:(0,r.jsx)(b.A,{as:"a",variant:"secondary",children:"Zur \xdcbersicht"})})]}),(0,r.jsx)(g.A,{exposes:L})]})]}),(0,r.jsxs)(O.A,{className:"sticky bottom-0 grid grid-cols-2 gap-4 p-6 py-2 bg-white border-t border-gray-200 sm:hidden",children:[(0,r.jsx)(i(),{href:"/garagensuche/merkliste",passHref:!0,legacyBehavior:!0,children:(0,r.jsx)(b.A,{as:"a",variant:"primary",iconPosition:"left",icon:m.A,onClick:()=>B(V.is_id),children:"Anfragen"})}),(0,r.jsx)(b.A,{as:"a",variant:"tertiary",iconPosition:"left",icon:h.A,href:`tel:${V.contact.phone_number}`,children:"Anrufen"})]})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.bV,{title:`Wohnungssuche – Angebot ${s}`,nofollow:!1,noindex:!1}),(0,r.jsx)(f.A,{"aria-busy":!0,className:"min-h-screen pt-20",children:(0,r.jsx)(S.A,{label:"Lade Wohnungsangebot..."})})]})}},1141:(e,s,a)=>{"use strict";a.d(s,{A:()=>o});var r=a(7876);a(4232);var n=a(3996),l=a(5039),i=a.n(l),t=a(7436),c=a.n(t),d=a(455);let o=({data:e,title:s,isHighlight:a,...l})=>(0,r.jsx)(r.Fragment,{children:"NOT_APPLICABLE"!==e&&"NO_INFORMATION"!==e&&null!==e&&!1!==e&&"NO"!==e&&0!==e&&(0,r.jsxs)("dl",{...l,className:i()(l.className,c().row,{[c().highlight]:a}),children:[(0,r.jsx)("dt",{className:c().title,children:s}),(0,r.jsx)("dd",{className:c().data,children:!0===e||"YES"===e?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.A,{size:28,"aria-hidden":!0,

1className:"text-orange-500"}),(0,r.jsx)("span",{className:"sr-only",children:"Ja"})]}):(0,d.A)(e?.toString()||e)})]})})},1597:e=>{e.exports={wrapper:"Breadcrumbs_wrapper__I4FA2",breadcrumbs:"Breadcrumbs_breadcrumbs__l9DGX",link:"Breadcrumbs_link__nxsx_",separator:"Breadcrumbs_separator__mdksA",gradientLeft:"Breadcrumbs_gradientLeft__1NBGa",gradientRight:"Breadcrumbs_gradientRight__RZNoP"}},7436:e=>{e.exports={row:"ExposeDataRow_row__suNd_",highlight:"ExposeDataRow_highlight__9RMgV",title:"ExposeDataRow_title__M8A4i",data:"ExposeDataRow_data__s4odm"}},7487:e=>{e.exports={card:"Card_card__1XGVN",gray:"Card_gray__WBqHy",white:"Card_white__L8CQ3",blue:"Card_blue__3nDnR"}},7614:(e,s,a)=>{"use strict";a.d(s,{A:()=>h});var r=a(7876),n=a(9099),l=a(8230),i=a.n(l),t=a(1597),c=a.n(t),d=a(2657),o=a(5039),m=a.n(o);let h=({items:e,noContainer:s})=>{let a=(0,n.useRouter)();return(0,r.jsx)("div",{className:"bg-white",children:(0,r.jsx)(d.A,{className:m()({"px-0 max-w-none":s}),children:(0,r.jsxs)("nav",{"aria-label":"Breadcrumb",className:c().wrapper,children:[(0,r.jsx)("div",{"aria-hidden":!0,className:c().gradientLeft}),(0,r.jsx)("ol",{className:c().breadcrumbs,children:e.map(({title:s,path:n},l)=>(0,r.jsxs)("li",{children:[0!==l&&(0,r.jsx)("span",{className:c().separator,"aria-hidden":!0,children:"/"}),(0,r.jsx)(i(),{legacyBehavior:!0,href:"current"===n?a.asPath:n,children:(0,r.jsx)("a",{"aria-current":l===e.length-1?"page":null,className:c().link,children:s})})]},l))}),(0,r.jsx)("div",{"aria-hidden":!0,className:c().gradientRight})]})})})}},8153:e=>{e.exports={wrapper:"expose_wrapper__1LQEC",mainContent:"expose_mainContent__e1Yen",header:"expose_header__NKEFj",imageWrapper:"expose_imageWrapper__mAR_8",image:"expose_image__6dvuX",isNewLabel:"expose_isNewLabel__iYVMV",corner:"expose_corner__IaOm2",headerContent:"expose_headerContent__vgfr2",button:"expose_button__udv3m",info:"expose_info__nYn4G",documents:"expose_documents__wwQTG",document:"expose_document__DIi9c",section:"expose_section__Jo06U",sectionHeading:"expose_sectionHeading__eBsXv",note:"expose_note__YJ_kH",prose:"expose_prose__3FAgb",cardContent:"expose_cardContent__yx1HB",address:"expose_address__7IZp1",sidebar:"expose_sidebar__9xVjM",stickySidebarContent:"expose_stickySidebarContent__cGHFV"}},9316:(e,s,a)=>{"use strict";a.d(s,{A:()=>d});var r=a(7876),n=a(4232),l=a(5039),i=a.n(l),t=a(7487),c=a.n(t);let d=(0,n.forwardRef)(({color:e="gray",as:s="div",className:a,...n},l)=>(0,r.jsx)(s,{className:i()(a,c().card,c()[e]),ref:l,...n}))},9380:(e,s,a)=>{"use strict";a.d(s,{A:()=>b});var r=a(7876),n=a(4232),l=a(9272),i=a(8827),t=a.n(i),c=a(7911),d=a(5191),o=a(5039),m=a.n(o),h=a(280),_=a.n(h),x=a(6119),p=a(7978),g=a(6229);let u=({selected:e,onClick:s,image:a})=>(0,r.jsx)("div",{className:m()(_().emblaSlide,_().emblaThumbSlide,{[_().isSelected]:e}),children:(0,r.jsx)("button",{onClick:s,className:m()(_().emblaInnerSlide,_().emblaInnerThumbSlide),type:"button","aria-label":`Zum Bild "${a.title}" springen`,children:(0,r.jsx)(t(),{src:(0,c.VG)(a),loader:d.U,placeholder:"blur",blurDataURL:(0,c.j5)(a),alt:a.title,className:_().emblaThumbImage,objectFit:"cover",width:80,height:80,"aria-hidden":!0})})}),b=({images:e,...s})=>{let a,[i,o]=(0,n.useState)(0),[h,b]=(0,l.L)({skipSnaps:!1,selectedClass:_().isSelected,draggingClass:_().isDragging,draggableClass:_().isDraggable}),[j,f]=(0,l.L)({containScroll:"keepSnaps",dragFree:!0}),N=(0,n.useCallback)(e=>{b&&f&&f.clickAllowed()&&b.scrollTo(e)},[b,f]),v=(0,n.useCallback)(()=>{b&&f&&(o(b.selectedScrollSnap()),f.scrollTo(b.selectedScrollSnap()))},[b,f,o]);(0,n.useEffect)(()=>{b&&(v(),b.on("select",v))},[b,v]);let A=(a=(0,n.useRef)(void 0),(0,n.useEffect)(()=>{a.current=e}),a.current);return(0,n.useEffect)(()=>{b&&JSON.stringify(e.sort())!==JSON.stringify(A.sort())&&(b.scrollTo(0),f.scrollTo(0),o(0),b.reInit())},[e]),(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("header",{...s,className:m()(s.className,"flex flex-col max-w-full overflow-hidden rounded-sm"),children:[(0,r.jsx)("div",{className:_().embla,children:(0,r.jsx)("div",{className:_().emblaViewport,ref:h,children:(0,r.jsx)(x.Gallery,{id:"main-gallery",o

1ptions:{loop:!0,closeTitle:"Schlie\xdfen (Esc)",arrowNextTitle:"N\xe4chstes Bild (Pfeiltaste rechts)",arrowPrevTitle:"Vorheriges Bild (Pfeiltaste links)",zoomTitle:"Reinzoomen/Rauszoomen",shareButton:!1,fullscreenButton:!1,zoom:!0},children:(0,r.jsx)("div",{className:_().emblaContainer,children:e.map((e,s)=>(0,r.jsx)(x.Item,{width:"1400",height:"1400",thumbnail:(0,c.VG)(e,96),original:(0,c.VG)(e,1300),title:e.title,children:({ref:a,open:n})=>(0,r.jsxs)("div",{className:_().emblaSlide,ref:a,children:[(0,r.jsx)("div",{className:"relative grid",children:(0,r.jsx)(t(),{src:(0,c.VG)(e),loader:d.U,placeholder:"blur",blurDataURL:(0,c.j5)(e),alt:e.title,objectFit:0===s?"cover":"contain",layout:"responsive",width:900,height:550})}),(0,r.jsx)(p.A,{"aria-label":"Bild in voller Gr\xf6\xdfe sehen",className:"absolute right-3 bottom-3",icon:g.A,onClick:n})]},s)},s))})})})}),(0,r.jsx)("div",{className:_().embla,children:(0,r.jsx)("div",{className:_().emblaViewport,ref:j,children:(0,r.jsx)("div",{className:m()(_().emblaContainer,_().emblaThumbContainer),children:e.map((e,s)=>(0,r.jsx)(u,{onClick:()=>N(s),selected:s===i,image:e},s))})})})]})})}},9597:(e,s,a)=>{"use strict";a.d(s,{A:()=>n});var r=a(7876);a(4232);let n=e=>(0,r.jsx)("svg",{width:"38",height:"260",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,...e,children:(0,r.jsx)("path",{fill:"#EF7A0B",d:"M0 0h38v260H0z"})})}},e=>{e.O(0,[669,308,636,593,792],()=>e(e.s=849)),_N_E=e.O()}]);