https://autohaus-guida.de/assets/fahrzeuge._slug-Cj6sKLxm.js

1import{j as e,L as n,A as v,x,l as h,o}from"./index-tqvX0nPJ.js";import{L as k,C as y,P as g}from"./Layout-C9trVPex.js";import{G as w}from"./GuaranteeInformation-pkbdLeHc.js";import{Z as m,G as z,C as S,F as A}from"./zap-C35L_SP5.js";import{S as $}from"./sparkles-dB4WE7lK.js";import{c as u}from"./createLucideIcon-CfTFNzHM.js";import{H as L}from"./heart-B6Rv8Pz_.js";import{S as E,A as F}from"./shield-check-TwzVKEGE.js";import{W as D}from"./wrench-D-Q6wppF.js";import{A as p}from"./arrow-left-rAxY-W1C.js";import{M as C}from"./map-pin-BsL_f_ST.js";import"./x-CmZ3sXlT.js";import"./button-CkKbRVIJ.js";import"./index-UKzV0E_c.js";import"./external-link-aYbGBpY7.js";const G=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]],t=u("circle-check",G);const M=[["rect",{width:"20",height:"14",x:"2",y:"5",rx:"2",key:"ynyp8z"}],["line",{x1:"2",x2:"22",y1:"10",y2:"10",key:"1b3vmo"}]],W=u("credit-card",M);function B({v:s}){return e.jsxs(n,{to:"/fahrzeuge/$slug",params:{slug:s.slug},className:"group block rounded-2xl bg-card border hairline overflow-hidden shadow-card hover:shadow-lift transition-shadow",children:[e.jsx("div",{className:"aspect-[4/3] overflow-hidden bg-stone",children:e.jsx("img",{src:s.image,alt:`${s.brand} ${s.model} ${s.variant}`,loading:"lazy",width:1200,height:900,className:"size-full object-cover transition-transform duration-700 group-hover:scale-105"})}),e.jsxs("div",{className:"p-5",children:[e.jsxs("div",{className:"flex items-start justify-between gap-3",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-sm text-muted-foreground",children:s.brand}),e.jsx("div",{className:"font-display text-2xl leading-none mt-1",children:s.model}),e.jsx("div",{className:"text-sm text-ink-soft mt-1",children:s.variant})]}),e.jsxs("div",{className:"text-right",children:[s.price?e.jsxs("div",{className:"font-display text-2xl",children:[s.price.toLocaleString("de-DE")," €"]}):e.jsx("div",{className:"font-display text-xl text-ink-soft",children:"Auf Anfrage"}),s.monthly&&e.jsxs("div",{className:"text-xs text-muted-foreground",children:["ab ",s.monthly," €/Monat"]})]})]}),e.jsxs("div",{className:"mt-4 grid grid-cols-3 gap-2 text-[11px] text-ink-soft border-t hairline pt-4",children:[e.jsx("div",{children:s.year}),e.jsxs("div",{children:[s.km.toLocaleString("de-DE")," km"]}),e.jsx("div",{children:s.fuel})]})]})]})}function ee(){const{v:s}=v.useLoaderData(),r=x.filter(i=>i.slug!==s.slug&&i.brand===s.brand).slice(0,3),d=x.filter(i=>i.slug!==s.slug).slice(0,3),j=r.length>=2?r:d,f=(h[0]?.phone??"+49 7621 914030").replace(/\s+/g,""),c=s.fuel.toLowerCase().includes("elektro"),N=s.fuel.toLowerCase().includes("hybrid"),l=s.price&&s.monthly?{anzahlung:Math.round(s.price*.15/100)*100,laufzeit:48,rate:s.monthly}:null;return e.jsxs(k,{children:[e.jsxs("section",{className:"container-x pt-8 lg:pt-12",children:[e.jsxs("nav",{"aria-label":"Breadcrumb",className:"text-xs text-muted-foreground",children:[e.jsx(n,{to:"/",className:"hover:text-ink",children:"Start"}),e.jsx("span",{className:"mx-2",children:"/"}),e.jsx(n,{to:"/fahrzeugmarkt",search:{},className:"hover:text-ink",children:"Fahrzeuge"}),e.jsx("span",{className:"mx-2",children:"/"}),e.jsxs("span",{className:"text-ink",children:[s.brand," ",s.model]})]}),e.jsxs("div",{className:"grid lg:grid-cols-12 gap-10 mt-6 items-stretch",children:[e.jsx("div",{className:"lg:col-span-7 flex",children:e.jsxs("div",{className:"relative w-full rounded-3xl overflow-hidden border hairline bg-stone aspect-[16/9] lg:aspect-auto lg:min-h-full",children:[e.jsxs("picture",{children:[e.jsx("source",{media:"(min-width: 1024px)",srcSet:s.imageTall??s.image}),e.jsx("img",{src:s.imageWide??s.image,alt:`${s.brand} ${s.model} ${s.variant} bei Autohaus Guida`,width:1600,height:1200,className:"absolute inset-0 size-full object-cover"})]}),e.jsxs("div",{className:"absolute top-4 left-4 flex flex-wrap gap-2 z-10",children:[c&&e.jsxs("span",{className:"inline-flex items-center gap-1.5 rounded-full bg-signal text-paper px-3 py-1 text-[11px] font-medium tracking-wide uppercase",children:[e.jsx(m,{className:"size-3"})," 100% Elektrisch"]}),N&&e.jsxs("span",{className:"inline-flex items-center gap-1.5 rounded-full bg-ink text-paper px-3 py-1 text-[11px] font-medium tracking-wide uppercase",children:[e.jsx(m,{className:"size-3"}

1)," Mild-Hybrid"]}),s.showroom&&e.jsxs("span",{className:"inline-flex items-center gap-1.5 rounded-full bg-paper border hairline px-3 py-1 text-[11px] font-medium tracking-wide uppercase",children:[e.jsx($,{className:"size-3 text-signal"})," Aktionsangebot"]})]})]})}),e.jsxs("div",{className:"lg:col-span-5",children:[e.jsxs("div",{className:"text-sm text-muted-foreground flex items-center gap-2",children:[e.jsx("span",{children:s.brand}),e.jsx("span",{children:"·"}),e.jsx("span",{children:s.category==="elektro"?"Elektrofahrzeug":s.category==="neuwagen"?"Neuwagen":s.category==="nutzfahrzeug"?"Nutzfahrzeug":"Gebrauchtwagen"})]}),e.jsxs("h1",{className:"display-lg mt-2",children:[s.model," ",e.jsx("span",{className:"italic text-ink-soft",children:s.variant})]}),e.jsxs("p",{className:"mt-3 text-sm text-ink-soft inline-flex items-center gap-2",children:[e.jsx(t,{className:"size-4 text-signal"})," ",s.available]}),e.jsxs("div",{className:"mt-6 grid grid-cols-2 gap-3",children:[e.jsxs("div",{className:"flex flex-col gap-2 rounded-2xl border hairline bg-stone/60 px-4 py-3",children:[e.jsx("div",{className:"text-[10px] font-semibold uppercase tracking-[0.16em] text-muted-foreground leading-tight",children:s.price?"Unser Barpreisangebot":"Preis"}),e.jsx("div",{className:"font-display font-bold text-[1.375rem] leading-none tracking-tight whitespace-nowrap text-ink",children:s.price?`ab ${s.price.toLocaleString("de-DE")} €`:"Auf Anfrage"})]}),s.monthly&&e.jsxs("div",{className:"flex flex-col gap-2 rounded-2xl border hairline bg-signal/[0.06] border-signal/30 px-4 py-3",children:[e.jsx("div",{className:"text-[10px] font-semibold uppercase tracking-[0.16em] text-muted-foreground leading-tight",children:s.monthlyLabel??"Unser Leasingangebot"}),e.jsxs("div",{className:"font-display font-bold text-[1.375rem] leading-none tracking-tight whitespace-nowrap text-ink",children:[s.monthly," €/mtl."]})]})]}),e.jsxs("div",{className:"mt-6 rounded-2xl border hairline bg-card p-5",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsxs(n,{to:"/kontakt",className:"inline-flex items-center justify-center gap-2 rounded-full bg-signal text-paper px-4 py-3 text-sm hover:bg-signal-deep",children:[e.jsx(y,{className:"size-4"})," Probefahrt buchen"]}),e.jsxs("a",{href:`tel:${f}`,className:"inline-flex items-center justify-center gap-2 rounded-full bg-ink text-paper px-4 py-3 text-sm",children:[e.jsx(g,{className:"size-4"})," Anrufen"]}),e.jsxs("button",{className:"inline-flex items-center justify-center gap-2 rounded-full border hairline px-4 py-3 text-sm hover:bg-stone",children:[e.jsx(L,{className:"size-4"})," Merken"]})]}),e.jsxs("div",{className:"mt-4 pt-4 border-t hairline grid grid-cols-3 gap-3 text-center",children:[e.jsxs("div",{children:[e.jsx(E,{className:"size-4 text-signal mx-auto"}),e.jsx("div",{className:"text-[10.5px] text-muted-foreground mt-1.5",children:"Gesetzliche Gewährleistung"})]}),e.jsxs("div",{children:[e.jsx(F,{className:"size-4 text-signal mx-auto"}),e.jsx("div",{className:"text-[10.5px] text-muted-foreground mt-1.5",children:"Vertragshändler seit 1999"})]}),e.jsxs("div",{children:[e.jsx(D,{className:"size-4 text-signal mx-auto"}),e.jsx("div",{className:"text-[10.5px] text-muted-foreground mt-1.5",children:"Eigene Meisterwerkstatt"})]})]}),e.jsx("div",{className:"mt-4 border-t hairline pt-4",children:e.jsx(w,{})})]}),e.jsx("ul",{className:"mt-6 grid grid-cols-2 gap-2",children:s.highlights.map(i=>e.jsxs("li",{className:"rounded-xl border hairline px-3 py-2.5 text-sm text-ink-soft bg-card inline-flex items-start gap-2",children:[e.jsx(t,{className:"size-4 text-signal shrink-0 mt-0.5"})," ",e.jsx("span",{children:i})]},i))})]})]})]}),s.description&&e.jsx("section",{className:"container-x mt-20",children:e.jsxs("div",{className:"grid lg:grid-cols-12 gap-10",children:[e.jsxs("div",{className:"lg:col-span-5",children:[e.jsx("div",{className:"eyebrow",children:"Über das Modell"}),e.jsx("h2",{className:"display-md mt-3",children:s.showroom?.headline??`${s.brand} ${s.model}.`})]}),e.jsxs("div",{className:"lg:col-span-7 space-y-4 text-ink-soft",children:[e.jsx("p",{className:"text-lg leading-relaxed",children:s.description}),s.showroom?.techSpec&&e.jsxs("p",{className:"text-sm",children:[e.jsx("strong",{className:"text-ink",children:"Antrieb & Technik:"})," ",s.showroom.techSpec]})]})]})}),s.showroom&&e.jsxs("section",{className:"container-x mt-20",children:[e.jsx("div",{className:"eyebrow",children:"Aktuelle Angebote"}),e.jsx("h2",{className:"display-md mt-3",children:"Unsere Vorteile für Sie."}),e.jsx("div",{className:"mt-8 grid md:grid-cols-2 gap-5",children:s.showroom.offers.map(i=>e.jsxs("div",{className:`rounded-2xl border hairline p-6 ${i.highlight?"bg-signal text-paper border-transparent":"bg-card"}`,children:[e.jsxs("div",{className:`text-xs uppercase tracking-wider ${i.highlight?"text-paper/80":"text-muted-foreground"}`,children:[i.label,i.ref?e.jsx("sup",{className:"ml-0.5",children:i.ref}):null]}),e.jsx("div",{className:"font-display text-3xl mt-2",children:i.price}),i.note&&e.jsx("p",{className:`mt-3 text-sm ${i.highlight?"text-paper/90":"text-ink-soft"}`,children:i.note})]},i.label))}),e.jsx("div",{className:"mt-6 rounded-2xl border hairline bg-stone/40 p-5 text-xs text-ink-soft",children:s.showroom.wltp}),e.jsxs("section",{"aria-label":"Pflichtangaben und Bedingungen",className:"mt-3 rounded-2xl border hairline bg-card p-5",children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm font-medium mb-4",children:[e.jsx(W,{className:"size-4 text-signal"}),e.jsx("span",{children:"Pflichtangaben & Bedingungen"})]}),e.jsxs("div",{className:"space-y-3 text-[11.5px] leading-relaxed text-ink-soft",children:[s.showroom.footnotes.map(i=>e.jsxs("p",{children:[e.jsx("sup",{className:"text-ink font-semibold",children:i.ref})," ",i.text]},i.ref)),s.showroom.subsidyNote&&e.jsx("p",{children:s.showroom.subsidyNote}),e.jsx("p",{className:"pt-2 border-t hairline",children:s.showroom.validity}),e.jsx("p",{children:s.showroom.disclaimer})]})]})]}),e.jsxs("section",{className:"container-x mt-20",children:[e.jsx("div",{className:"eyebrow",children:"Technische Daten"}),e.jsx("h2",{className:"display-md mt-3",children:"Fakten, kurz gefasst."}),e.jsxs("div",{className:"mt-8 grid sm:grid-cols-2 lg:grid-cols-4 gap-px bg-border rounded-2xl border hairline overflow-hidden",children:[e.jsx(a,{icon:z,k:"Leistung",v:`${s.ps} PS / ${s.power} kW`}),e.jsx(a,{icon:S,k:"Getriebe",v:s.transmission}),e.jsx(a,{icon:A,k:"Kraftstoff",v:s.fuel}),e.jsx(a,{icon:m,k:c?"Energieverbrauch":"Verbrauch",v:s.consumption}),e.jsx(a,{k:"Modelljahr",v:String(s.year)}

1),e.jsx(a,{k:"Kilometerstand",v:`${s.km.toLocaleString("de-DE")} km`}),e.jsx(a,{k:"Farbe",v:s.color}),e.jsx(a,{k:"CO₂-Emission",v:s.emission})]})]}),e.jsx("section",{className:"container-x mt-20",children:e.jsxs("div",{className:"grid lg:grid-cols-12 gap-10",children:[e.jsxs("div",{className:"lg:col-span-4",children:[e.jsx("div",{className:"eyebrow",children:"Ausstattung"}),e.jsx("h2",{className:"display-md mt-3",children:"Was drin ist."}),e.jsx("p",{className:"mt-4 text-sm text-ink-soft",children:"Eine Auswahl der wichtigsten Features. Vollständige Liste und individuelle Konfiguration besprechen wir gerne persönlich."})]}),e.jsx("div",{className:"lg:col-span-8",children:e.jsxs("ul",{className:"grid sm:grid-cols-2 gap-3",children:[s.highlights.map(i=>e.jsxs("li",{className:"rounded-xl border hairline bg-card p-4 inline-flex items-start gap-3",children:[e.jsx(t,{className:"size-5 text-signal shrink-0 mt-0.5"}),e.jsx("span",{className:"text-sm",children:i})]},i)),e.jsxs("li",{className:"rounded-xl border hairline bg-card p-4 inline-flex items-start gap-3",children:[e.jsx(t,{className:"size-5 text-signal shrink-0 mt-0.5"}),e.jsx("span",{className:"text-sm",children:"Übernahme & Erstinspektion im Haus"})]}),e.jsxs("li",{className:"rounded-xl border hairline bg-card p-4 inline-flex items-start gap-3",children:[e.jsx(t,{className:"size-5 text-signal shrink-0 mt-0.5"}),e.jsx("span",{className:"text-sm",children:"Inzahlungnahme Ihres Altfahrzeugs möglich"})]})]})})]})}),l&&e.jsx("section",{className:"container-x mt-20",children:e.jsx("div",{className:"rounded-3xl border hairline bg-card p-8 lg:p-10",children:e.jsxs("div",{className:"grid lg:grid-cols-12 gap-8 items-center",children:[e.jsxs("div",{className:"lg:col-span-5",children:[e.jsx("div",{className:"eyebrow",children:"Beispielrechnung"}),e.jsx("h2",{className:"display-md mt-3",children:"So könnte Ihre Rate aussehen."}),e.jsx("p",{className:"mt-4 text-sm text-ink-soft",children:"Unverbindliches Rechenbeispiel. Die endgültigen Konditionen sind abhängig von Bonität, Laufzeit und Anzahlung — wir erstellen Ihnen gerne ein persönliches Angebot."}),e.jsxs(n,{to:"/kontakt",className:"mt-6 inline-flex items-center gap-2 rounded-full bg-ink text-paper px-5 py-3 text-sm",children:["Finanzierung anfragen ",e.jsx(p,{className:"size-4 rotate-180"})]})]}),e.jsxs("div",{className:"lg:col-span-7 grid grid-cols-3 gap-px bg-border rounded-2xl border hairline overflow-hidden",children:[e.jsxs("div",{className:"bg-paper p-5",children:[e.jsx("div",{className:"text-xs text-muted-foreground",children:"Anzahlung"}),e.jsxs("div",{className:"font-display text-2xl mt-1",children:[l.anzahlung.toLocaleString("de-DE")," €"]})]}),e.jsxs("div",{className:"bg-paper p-5",children:[e.jsx("div",{className:"text-xs text-muted-foreground",children:"Laufzeit"}),e.jsxs("div",{className:"font-display text-2xl mt-1",children:[l.laufzeit," Mt."]})]}),e.jsxs("div",{className:"bg-paper p-5",children:[e.jsx("div",{className:"text-xs text-muted-foreground",children:"Mtl. Rate ab"}),e.jsxs("div",{className:"font-display text-2xl mt-1 text-signal",children:[l.rate," €"]})]})]})]})})}),e.jsxs("section",{className:"container-x mt-20",children:[e.jsx("div",{className:"eyebrow",children:"Probefahrt & Beratung"}),e.jsxs("h2",{className:"display-md mt-3",children:["Erleben Sie den ",s.model," persönlich."]}),e.jsx("div",{className:"mt-8 grid md:grid-cols-2 gap-5",children:h.map(i=>e.jsx("div",{className:"rounded-2xl border hairline bg-card p-6",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx(C,{className:"size-5 text-signal mt-1 shrink-0"}),e.jsxs("div",{className:"flex-1",children:[e.jsx("div",{className:"font-display text-xl",children:i.name}),e.jsxs("div",{className:"mt-1 text-sm text-ink-soft",children:[i.street,", ",i.zip," ",i.city]}),e.jsxs("div",{className:"mt-3 text-xs text-muted-foreground",children:[o.weekdays,e.jsx("br",{}),o.saturday," · ",o.sunday]}),e.jsxs("div",{className:"mt-4 flex flex-wrap gap-2",children:[e.jsxs("a",{href:`tel:${i.phone.replace(/\s+/g,"")}`,className:"inline-flex items-center gap-2 rounded-full bg-ink text-paper px-4 py-2 text-xs",children:[e.jsx(g,{className:"size-3.5"}

1)," ",i.phoneDisplay]}),e.jsx(n,{to:"/standort/$slug",params:{slug:i.slug},className:"inline-flex items-center gap-2 rounded-full border hairline px-4 py-2 text-xs hover:bg-stone",children:"Zum Standort"})]})]})]})},i.slug))})]}),e.jsx("section",{className:"container-x mt-20",children:e.jsxs("div",{className:"grid lg:grid-cols-12 gap-10",children:[e.jsxs("div",{className:"lg:col-span-4",children:[e.jsx("div",{className:"eyebrow",children:"Häufige Fragen"}),e.jsx("h2",{className:"display-md mt-3",children:"Bevor Sie fragen."})]}),e.jsx("div",{className:"lg:col-span-8 divide-y hairline border-y hairline",children:[["Ist eine Probefahrt möglich?",`Selbstverständlich. Den ${s.brand} ${s.model} halten wir an unseren Standorten Lörrach und Bad Säckingen für Sie bereit. Termine meist innerhalb von 48 Stunden — am einfachsten per Telefon oder über unser Kontaktformular.`],["Welche Finanzierung bieten Sie?","Klassische Finanzierung, Kilometerleasing und Auto-Abo über die Stellantis Bank. Wir vergleichen Konditionen und zeigen Ihnen die für Sie passende Variante — inklusive Restwertabsicherung und optionaler Wartungspakete."],["Nehmen Sie mein Altfahrzeug in Zahlung?","Ja. Bringen Sie es vorbei oder senden Sie uns ein paar Fotos — Sie erhalten ein faires, schriftliches Eintauschangebot. Die Eintauschprämie ist bei den meisten Aktionen bereits eingerechnet."],["Wie lange dauert die Lieferung?",`Lagerfahrzeuge sind sofort verfügbar. Konfigurierte Neufahrzeuge erreichen uns je nach Modell innerhalb von 6–14 Wochen. Aktueller Status zu diesem ${s.model}: ${s.available}.`],c?["Wie funktioniert die E-Auto-Förderung?","Die staatliche Förderprämie wird gesondert beantragt — wir unterstützen Sie bei den Unterlagen. Voraussetzung ist die Erfüllung der persönlichen Förderkriterien, ein Rechtsanspruch besteht nicht. Details auf bundesumweltministerium.de/eauto-foerderung."]:["Welche Gewährleistungsrechte habe ich?","Ihre gesetzlichen Gewährleistungsrechte bleiben unabhängig von möglichen zusätzlichen Garantien vollständig bestehen. Die offizielle EU-Information finden Sie direkt beim Fahrzeugpreis."]].map(([i,b])=>e.jsxs("details",{className:"group py-5",children:[e.jsxs("summary",{className:"cursor-pointer list-none flex items-center justify-between font-display text-lg gap-4",children:[e.jsx("span",{children:i}),e.jsx("span",{className:"text-signal text-2xl group-open:rotate-45 transition-transform shrink-0",children:"+"})]}),e.jsx("p",{className:"mt-3 text-ink-soft text-sm leading-relaxed",children:b})]},i))})]})}),e.jsxs("section",{className:"container-x mt-24 mb-24",children:[e.jsxs("div",{className:"flex items-end justify-between mb-8",children:[e.jsx("h2",{className:"display-md",children:"Ebenfalls interessant"}),e.jsxs(n,{to:"/fahrzeugmarkt",search:{},className:"text-sm text-signal inline-flex items-center gap-2 hover:underline",children:["Alle Fahrzeuge ",e.jsx(p,{className:"size-4 rotate-180"})]})]}),e.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-5",children:j.map(i=>e.jsx(B,{v:i},i.slug))})]})]})}function a({icon:s,k:r,v:d}){return e.jsxs("div",{className:"bg-card p-5",children:[s&&e.jsx(s,{className:"size-4 text-signal mb-2"}),e.jsx("div",{className:"text-xs text-muted-foreground",children:r}),e.jsx("div",{className:"mt-1 font-display text-xl",children:d})]})}export{ee as component};