https://faehrhauskoeln.de/assets/index-mQ6mxkCG.js

1import{r as a,j as e,L as i}from"./index-BVcd6e2m.js";import{N as g}from"./Nav-CmJjo5hN.js";import{h as f}from"./faehrhaus-aussen.jpg.asset--hj3luKn.js";import{D as l}from"./DomIcon-B-NF01IN.js";import{X as b,u as j}from"./use-reveal-B0weXWnD.js";import{s as k}from"./v2-spritz-rhein-BXNMCF0F.js";import{G as v,T as w}from"./Terrasse-CZVO8sI3.js";import"./service-tisch-v3.jpg.asset-CEM0j3ku.js";const x="faehrhaus.inhaberwechsel.dismissed";function N(){const[s,n]=a.useState(!1);a.useEffect(()=>{if(typeof window>"u")return;try{if(window.sessionStorage.getItem(x)==="1")return}catch{}const r=window.setTimeout(()=>n(!0),600);return()=>window.clearTimeout(r)},[]);const t=()=>{n(!1);try{window.sessionStorage.setItem(x,"1")}catch{}};return e.jsxs("section",{id:"start",className:"relative min-h-screen w-full flex items-end overflow-hidden bg-ink",children:[e.jsx("img",{src:f,alt:"Sonnenuntergang über dem Rhein in Köln mit Brücke und Dom-Silhouette",width:1920,height:1280,loading:"eager",decoding:"async",fetchPriority:"high",className:"absolute inset-0 h-full w-full object-cover opacity-90 animate-ken-burns"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-ink via-ink/40 to-ink/20"}),e.jsxs("div",{className:"hidden sm:block absolute z-20 sm:top-32 sm:right-8 md:top-36 md:right-[6vw] rotate-[6deg] bg-koeln text-creme shadow-2xl rounded-md sm:px-7 sm:py-5 md:px-9 md:py-7 sm:max-w-sm md:max-w-md text-center",children:[e.jsx("span",{className:"block text-xs font-bold uppercase tracking-[0.25em] text-creme/80 mb-1.5",children:"Neu am Rhein"}),e.jsx("span",{className:"block font-display font-black italic leading-[0.95] text-creme",style:{fontSize:"clamp(1.6rem, 3.4vw, 2.6rem)"},children:"Inhaberwechsel!"}),e.jsxs("span",{className:"mt-2 block text-base font-semibold text-creme/95 leading-snug",children:["Das Fährhaus ist jetzt unter neuer Leitung von"," ",e.jsx("em",{className:"not-italic font-black",children:"Stefano von Berg"}),"."]}),e.jsx("span",{className:"mt-2 block text-sm font-medium text-creme/80",children:"Renovierung läuft — wir haben weiter für Sie geöffnet."})]}),s&&e.jsxs("div",{role:"dialog","aria-label":"Hinweis: Inhaberwechsel",className:"sm:hidden fixed z-40 left-3 right-3 bottom-4 bg-koeln text-creme shadow-2xl rounded-xl px-5 py-4 pr-11 animate-float",children:[e.jsx("button",{type:"button",onClick:t,"aria-label":"Hinweis schließen",className:"absolute top-2 right-2 h-9 w-9 grid place-items-center rounded-full text-creme/90 hover:bg-creme/10 transition-colors",children:e.jsx(b,{size:20,strokeWidth:2.5})}),e.jsx("span",{className:"block text-[10px] font-bold uppercase tracking-[0.25em] text-creme/80 mb-1",children:"Neu am Rhein"}),e.jsx("span",{className:"block font-display font-black italic leading-[0.95] text-creme",style:{fontSize:"1.5rem"},children:"Inhaberwechsel!"}),e.jsxs("span",{className:"mt-1.5 block text-sm font-semibold text-creme/95 leading-snug",children:["Das Fährhaus ist jetzt unter neuer Leitung von"," ",e.jsx("em",{className:"not-italic font-black",children:"Stefano von Berg"}),"."]}),e.jsx("span",{className:"mt-1.5 block text-xs font-medium text-creme/80",children:"Renovierung läuft — wir haben weiter für Sie geöffnet."})]}),e.jsxs("div",{className:"relative z-10 w-full px-6 md:px-10 lg:px-[10vw] pb-12 md:pb-28 pt-24 md:pt-32 max-w-none mx-auto text-creme",children:[e.jsx("div",{className:"flex items-center gap-3 mb-6 md:mb-8 animate-float",children:e.jsxs("span",{className:"inline-flex items-center gap-2 rounded-full bg-koeln px-3 py-2 sm:px-4 text-[10px] sm:text-xs font-bold uppercase tracking-wider text-creme whitespace-nowrap max-w-full",children:[e.jsx(l,{className:"h-3.5 w-3.5 sm:h-4 sm:w-4 text-creme shrink-0"}),e.jsx("span",{className:"truncate",children:"Köln-Rodenkirchen · Rheinkilometer 683"})]})}),e.jsxs("h1",{className:"reveal font-display font-black leading-[0.88] tracking-[-0.04em] text-balance mb-8 md:mb-20 text-creme",style:{fontSize:"clamp(3.75rem, 14vw, 12rem)"},children:["Ciao Köln.",e.jsx("br",{}),e.jsx("span",{className:"text-aperitivo italic font-bold",children:"Buongiorno"})," Rhein."]}),e.jsxs("div",{className:"grid md:grid-cols-12 gap-6 md:gap-8 items-end",children:[e.jsxs("p",{className:"md:col-span-7 text-base md:text-[1.625rem] font-medium text-creme/95 leading-snug max-w-3xl",children:[e.jsx("span",{className:"text-aperitivo mr-2 text-2xl md:text-5xl font-normal leading-none align-[-0.15em]",children:"~"}),"Mediterrane Küche, Aperitivo-Sonnenuntergänge und der schönste Rheinblick der Stadt. Hier trifft ",e.jsx("em",{className:"italic text-aperitivo",children:"Dolce Vita"})," auf kölsche Lässigkeit — jetzt unter neuer Leitung von"," ",e.jsx("em",{className:"italic text-aperitivo",children:"Stefano von Berg"}),", dem bekannten Gastronomen aus Rodenkirchen."]}),e.jsxs("div",{className:"md:col-span-5 flex flex-col sm:flex-row md:justify-end gap-3",children:[e.jsx("a",{href:"tel:+4922193599690",className:"inline-flex items-center justify-center rounded-full bg-koeln px-8 py-4 text-base font-bold text-creme hover:bg-koeln-deep transition-colors",children:"Telefonisch reservieren"}),e.jsx("a",{href:"#aperitivo",className:"inline-flex items-center justify-center rounded-full border-2 border-creme bg-transparent px-8 py-4 text-base font-bold text-creme hover:bg-creme hover:text-ink transition-colors",children:"Mehr erfahren"})]})]})]})]})}const y=[{name:"Hugo am Rhein",note:"Prosecco, Holunder, Limette, Minze",price:"9,50"},{name:"Aperol Spritz",note:"Der Klassiker — wie er sein muss",price:"7,90"},{name:"Limoncello Spritz",note:"Zitronig, frisch, sommerlich",price:"7,90"},{name:"Peroni",note:"Italienisches Bier, 0,33 l",price:"4,50"},{name:"Kölsch vom Fass",note:"Weil wir nicht vergessen, wo wir sind, 0,2 l",price:"2,50"}];function S(){const s=a.useRef(null),n=a.useRef(null);return a.useEffect(()=>{if(typeof window>"u"||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;let t=!1;const r=()=>{t=!1;const o=n.current,m=s.current;if(!o||!m)return;const d=o.getBoundingClientRect(),h=window.innerHeight||1,p=1-d.bottom/(h+d.height),u=-Math.max(0,Math.min(1,p))*260;m.style.transform=`translate3d(0, ${u}px, 0) rotate(-3deg)`},c=()=>{t||(t=!0,requestAnimationFrame(r))};return r(),window.addEventListener("scroll",c,{passive:!0}),window.addEventListener("resize",c),()=>{window.removeEventListener("scroll",c),window.removeEventListener("resize",c)}},[]),e.jsx("section",{id:"aperitivo",className:"py-24 md:py-36 px-6 md:px-10 lg:px-[10vw] bg-creme",children:e.jsxs("div",{className:"max-w-none mx-auto grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16 items-start",children:[e.jsxs("div",{className:"lg:col-span-7 order-2 lg:order-1",children:[e.jsxs("span",{className:"inline-block text-base font-bold uppercase tracking-wider text-koeln mb-5",children:[e.jsx(l,{className:"inline-block h-[1.4em] w-auto mr-2 -mt-1 align-middle"}),"Aperitivo-Stunde · 17 – 19 Uhr"]}),e.jsxs("h2",{className:"reveal font-display font-black leading-[0.9] tracking-[-0.03em] mb-8",style:{fontSize:"clamp(2.75rem, 6vw, 5.5rem)"},children:["Spritz. Sonne. ",e.jsx("span",{className:"text-aperitivo italic",children:"Rhein."})]}),e.jsxs("p",{className:"max-w-2xl text-[1.35rem] md:text-[1.5rem] text-ink leading-snug font-medium",children:[e.jsx("span",{className:"text-aperitivo mr-3 text-4xl md:text-5xl font-normal leading-none align-[-0.15em]",children:"~"}),e.jsx("em",{className:"italic text-koeln font-bold",children:"Wat lang jitt, weed god."})," ","Was hier entsteht, ist ein Stück Italien mit rheinischer Ruhe: ein Ort für den langen Aperitivo, den kurzen Feierabend und den Sonntag, der sich Zeit lässt."]}),e.jsx("ul",{className:"mt-12 space-y-5 border-t-2 border-ink/15 pt-6 max-w-xl",children:y.map(t=>e.jsxs("li",{className:"flex items-baseline justify-between gap-6 pb-5 border-b border-ink/10",children:[e.jsxs("div",{className:"flex-1",children:[e.jsx("h3",{className:"font-display font-bold text-xl md:text-2xl",children:t.name}),e.jsx("p",{className:"text-base text-koeln mt-1 font-medium",children:t.note})]}),e.jsxs("span",{className:"font-display font-bold text-2xl text-aperitivo tabular-nums",children:["€",t.price]})]},t.name))}),e.jsxs(i,{to:"/getraenke",className:"mt-10 inline-flex items-center gap-3 rounded-full bg-aubergine px-8 py-4 text-base font-bold text-creme hover:bg-koeln transition-colors",children:["Komplette Getränkekarte ",e.jsx("span",{"aria-hidden":!0,

1children:"→"})]})]}),e.jsx("div",{className:"lg:col-span-5 order-1 lg:order-2",children:e.jsxs("div",{ref:n,className:"relative max-w-md mx-auto lg:max-w-none lg:ml-auto lg:mr-0 lg:w-[95%]",children:[e.jsx("img",{src:k,alt:"Aperol Spritz vor der Rheinkulisse mit Kölner Dom",width:1080,height:1600,loading:"lazy",className:"w-full aspect-[3/4] object-cover rounded-md"}),e.jsxs("div",{ref:s,className:"absolute -bottom-10 -left-4 md:-left-10 bg-koeln text-creme px-10 py-8 rounded-md shadow-xl will-change-transform",style:{transform:"rotate(-3deg)"},children:[e.jsx("span",{className:"font-display italic font-black text-4xl md:text-5xl block leading-none",children:"Cin Cin,"}),e.jsx("span",{className:"font-display italic font-black text-4xl md:text-5xl block leading-none mt-1",children:"Kölle!"})]})]})})]})})}const z="/assets/kueche-carpaccio-BzmLB1Ja.jpg",R="/assets/kueche-tartufo-pasta-cIGpI2zc.jpg",K="/assets/kueche-dorada-k_G-5eAt.jpg",I="/assets/kueche-scaloppina-DzNSvFAA.jpg",T=[{n:"01",title:"Antipasti",sub:"Carpaccio classico",img:z,alt:"Carpaccio classico mit Parmesan und Rucola",href:"/speisekarte#antipasti"},{n:"02",title:"Pasta",sub:"Spaghettini Tartufo",img:R,alt:"Spaghettini mit schwarzem Trüffel",href:"/speisekarte#pasta"},{n:"03",title:"Fisch",sub:"Dorade Royal",img:K,alt:"Ganze Dorade vom Grill mit mediterranem Gemüse",href:"/speisekarte#secondi"},{n:"04",title:"Hauptspeisen",sub:"Scaloppina à la Fährhaus",img:I,alt:"Paniertes Kalbschnitzel mit Salat und Kartoffelspalten",href:"/speisekarte#hauptspeisen"}];function D(){return e.jsx("section",{id:"kueche",className:"py-24 md:py-36 px-6 md:px-10 lg:px-[10vw] bg-creme",children:e.jsxs("div",{className:"max-w-none mx-auto",children:[e.jsxs("div",{className:"grid md:grid-cols-12 gap-8 items-end mb-16 md:mb-24",children:[e.jsxs("div",{className:"md:col-span-7",children:[e.jsxs("span",{className:"inline-block text-base font-bold uppercase tracking-wider text-koeln mb-5",children:[e.jsx(l,{className:"inline-block h-[1.4em] w-auto mr-2 -mt-1 align-middle"}),"La Cucina"]}),e.jsxs("h2",{className:"reveal font-display font-black leading-[0.88] tracking-[-0.03em] text-balance",style:{fontSize:"clamp(3.5rem, 9vw, 8.5rem)"},children:["Italien lädt ein.",e.jsx("br",{}),e.jsx("em",{className:"italic text-aperitivo font-black",children:"Köln serviert."})]})]}),e.jsxs("p",{className:"md:col-span-5 text-[1.35rem] md:text-[1.625rem] text-ink leading-snug font-medium",children:[e.jsx("span",{className:"text-aperitivo mr-3 text-4xl md:text-5xl font-normal leading-none align-[-0.15em]",children:"~"}),"Ehrlich, saisonal, mediterran — und mit einer Prise rheinischer Großzügigkeit. Vom Antipasto bis zum Secondo."]})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8",children:T.map(s=>e.jsxs(i,{to:s.href,className:"group block",children:[e.jsx("div",{className:"overflow-hidden rounded-md bg-sand",children:e.jsx("img",{src:s.img,alt:s.alt,width:900,height:1200,loading:"lazy",className:"w-full aspect-[3/4] object-cover transition-transform duration-700 group-hover:scale-105"})}),e.jsxs("div",{className:"mt-5 flex items-baseline justify-between border-b-2 border-ink/15 pb-3",children:[e.jsx("h3",{className:"font-display font-bold text-xl md:text-2xl",children:s.title}),e.jsxs("span",{className:"text-xs font-bold tracking-wider text-koeln",children:["№ ",s.n]})]}),e.jsx("p",{className:"mt-3 text-base text-pflaume font-medium",children:s.sub})]},s.n))}),e.jsx("div",{className:"mt-20 flex justify-center",children:e.jsxs(i,{to:"/speisekarte",className:"inline-flex items-center gap-3 rounded-full bg-aubergine text-creme px-10 py-4 text-base font-bold hover:opacity-90 hover:bg-koeln transition-colors",children:["Komplette Speisekarte",e.jsx("span",{"aria-hidden":!0,children:"→"})]})})]})})}const L=[{title:"Sundowner Sessions",desc:"Wenn die Sonne über den Rhein kippt, kippen wir was Schönes ins Glas. Live-Stimmung, Terrassenblick, ganz viel Amore — und der Dom als stille Diva im Hintergrund."},{title:"Notte Italiana",desc:"Ein Abend, an dem Köln plötzlich aussieht wie Mailand — nur mit Dom, ohne Gepäck und mit deutlich besserem Essen. Musik, Menü, gute Laune."},{title:"Weinwochen & Trüffelzeit",desc:"Kuratierte Weine, verrückte Trüffel, einfach nur Genuss. Keine Panik: wir melden uns, sobald die Planung steht. Bis dahin: Prosecco lässt sich auch gut ohne Trüffel trinken."}];function A(){return e.jsx("section",{id:"calendario",className:"py-24 md:py-36 px-6 md:px-10 lg:px-[10vw] bg-sand",children:e.jsxs("div",{className:"max-w-none mx-auto",children:[e.jsxs("div",{className:"grid md:grid-cols-12 gap-8 items-end mb-16",children:[e.jsxs("div",{className:"md:col-span-7",children:[e.jsxs("span",{className:"inline-block text-base font-bold uppercase tracking-wider text-koeln mb-5",children:[e.jsx(l,{className:"inline-block h-[1.4em] w-auto mr-2 -mt-1 align-middle"}),"Calendario"]}),e.jsxs("h2",{className:"reveal font-display font-black leading-[0.9] tracking-[-0.03em] text-aubergine",style:{fontSize:"clamp(3.5rem, 9vw, 8rem)"},children:["Was kommt.",e.jsx("br",{}),e.jsx("span",{className:"italic text-aperitivo",children:"Bald mehr."})]})]}),e.jsxs("p",{className:"md:col-span-5 text-xl md:text-2xl leading-snug font-medium text-ink",children:[e.jsx("span",{className:"text-aperitivo mr-3 text-4xl md:text-5xl font-normal leading-none align-[-0.15em]",children:"~"}),"Sundowner-Sessions, Notte Italiana, Weinwochen, Trüffelzeit — der Kalender füllt sich. Konkrete Termine folgen, sobald die Renovierung abgeschlossen ist."]})]}),e.jsx("ul",{className:"border-t-2 border-ink/20",children:L.map(s=>e.jsxs("li",{className:"grid grid-cols-1 md:grid-cols-12 gap-4 md:gap-8 py-8 md:py-10 items-baseline border-b-2 border-ink/20 px-3 -mx-3 rounded-sm",children:[e.jsx("h3",{className:"md:col-span-4 font-display font-bold text-3xl md:text-4xl text-aubergine",children:s.title}),e.jsx("p",{className:"md:col-span-8 text-lg md:text-xl text-ink/80 font-medium leading-relaxed",children:s.desc})]},s.title))})]})})}const B=`url("data:image/svg+xml;utf8,${encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' width='240' height='80' viewBox='0 0 240 80'>
2    <path d='M0 20 Q 30 6 60 20 T 120 20 T 180 20 T 240 20' fill='none' stroke='#f5ecd9' stroke-width='10' stroke-opacity='0.025' stroke-linecap='round'/>
3    <path d='M0 60 Q 30 46 60 60 T 120 60 T 180 60 T 240 60' fill='none' stroke='#f5ecd9' stroke-width='10' stroke-opacity='0.025' stroke-linecap='round'/>
4  </svg>`)}")`;function M(){return e.jsxs("footer",{id:"kontakt",className:"relative bg-ink text-creme overflow-hidden",children:[e.jsx("div",{"aria-hidden":!0,

4className:"absolute inset-0 pointer-events-none",style:{backgroundImage:B,backgroundSize:"240px 80px"}}),e.jsxs("div",{className:"relative max-w-none mx-auto px-6 md:px-10 lg:px-[10vw] pt-24 md:pt-32 pb-6",children:[e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-16 items-start",children:[e.jsxs("div",{className:"lg:col-span-7",children:[e.jsxs("span",{className:"inline-block text-base font-bold uppercase tracking-wider text-koeln mb-5",children:[e.jsx(l,{className:"inline-block h-[1.4em] w-auto mr-2 -mt-1 align-middle"}),"Reservierung — nur telefonisch"]}),e.jsxs("h2",{className:"reveal font-display font-black leading-[0.9] tracking-[-0.03em] mb-8 text-creme",style:{fontSize:"clamp(3.5rem, 9vw, 8rem)"},children:["Bis gleich am",e.jsx("br",{}),e.jsx("em",{className:"italic text-aperitivo",children:"Rhein."})]}),e.jsxs("p",{className:"text-[1.35rem] md:text-[1.625rem] text-creme/85 max-w-3xl leading-snug mb-10 font-medium",children:[e.jsx("span",{className:"text-aperitivo mr-3 text-4xl md:text-5xl font-normal leading-none align-[-0.15em]",children:"~"}),"Während der Renovierung läuft der Betrieb wie gewohnt weiter. Tischreservierungen nehmen wir aktuell ausschließlich telefonisch entgegen — rufen Sie uns an, wir freuen uns auf Sie."]}),e.jsxs("div",{className:"flex flex-wrap gap-4",children:[e.jsx("a",{href:"tel:+4922193599690",className:"inline-flex items-center rounded-full bg-koeln px-8 py-4 text-base font-bold text-creme hover:bg-koeln-deep transition-colors",children:"0221 – 935 996 9"}),e.jsx("a",{href:"mailto:[email protected]",className:"inline-flex items-center rounded-full border-2 border-creme/30 bg-transparent px-8 py-4 text-base font-bold text-creme hover:bg-creme hover:text-ink transition-colors",children:"[email protected]"})]})]}),e.jsxs("div",{className:"lg:col-span-5 grid grid-cols-1 sm:grid-cols-2 gap-12",children:[e.jsxs("div",{children:[e.jsx("h4",{className:"text-sm font-bold uppercase tracking-wider text-creme/50 mb-6",children:"Adresse"}),e.jsxs("address",{className:"not-italic text-creme leading-relaxed text-lg md:text-xl font-medium",children:["Fährhaus",e.jsx("br",{}),"im Kölner Yachtclub",e.jsx("br",{}),"Steinstraße 1",e.jsx("br",{}),"50996 Köln",e.jsx("br",{}),e.jsx("span",{className:"text-aperitivo font-bold",children:"Rheinkilometer 683"})]})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"text-sm font-bold uppercase tracking-wider text-creme/50 mb-6",children:"Öffnungszeiten"}),e.jsxs("ul",{className:"space-y-3 text-base md:text-lg font-medium",children:[e.jsxs("li",{className:"flex justify-between text-creme border-b border-creme/25 pb-3",children:[e.jsx("span",{children:"Di – Fr"}),e.jsx("span",{className:"tabular-nums",children:"ab 17:00"})]}),e.jsxs("li",{className:"flex justify-between text-creme border-b border-creme/25 pb-3",children:[e.jsx("span",{children:"Sa & So"}),e.jsx("span",{className:"tabular-nums",children:"ab 12:30"})]}),e.jsxs("li",{className:"flex justify-between text-creme/50",children:[e.jsx("span",{children:"Montag"}),e.jsx("span",{children:"Ruhetag"})]})]})]})]})]}),e.jsxs("div",{className:"mt-24 pt-8 border-t border-creme/25 flex flex-col md:flex-row justify-between items-center gap-6",children:[e.jsxs("span",{className:"font-logo font-black text-3xl text-creme",children:["Fährhaus",e.jsx("span",{className:"text-koeln",children:"."})]}),e.jsxs("div",{className:"text-sm font-semibold text-creme/60 text-center",children:["Neue Leitung: ",e.jsx("span",{className:"text-creme",children:"Stefano von Berg"})," ","·"," ","met vill Liev jemaat vun"," ",e.jsx("a",{href:"https://wavz.de/",target:"_blank",rel:"noopener noreferrer",className:"text-creme hover:text-aperitivo underline underline-offset-4",children:"WAVZ® – Transformation by Design"})]}),e.jsxs("div",{className:"flex flex-wrap gap-6 text-sm font-semibold text-creme/50 justify-center md:justify-end",children:[e.jsxs("span",{children:["© ",new Date().getFullYear()," Fährhaus Köln"]}),e.jsx(i,{to:"/impressum",className:"hover:text-creme",children:"Impressum"}),e.jsx(i,{to:"/datenschutz",className:"hover:text-creme",children:"Datenschutz"})]})]})]})]})}function Y(){return j(),e.jsxs("div",{className:"bg-creme text-ink min-h-screen",children:[e.jsx(g,{}),e.jsxs("main",{children:[e.jsx(N,{}),e.jsx(S,{}),e.jsx(v,{}),e.jsx(D,{}),e.jsx(w,{}),e.jsx(A,{})]}),e.jsx(M,{})]})}

4export{Y as component};