/* global React */ const { useState, useEffect, useMemo, useRef } = React; // ============ HEADER ============ function Header({ accent }) { const [scrolled, setScrolled] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 40); window.addEventListener('scroll', onScroll); return () => window.removeEventListener('scroll', onScroll); }, []); return (
HOGA-MS
); } // ============ HERO ============ function Hero({ heroMode }) { const imgs = window.HERO_IMAGES; const [idx, setIdx] = useState(0); useEffect(() => { if (heroMode !== 'slideshow') return; const t = setInterval(() => setIdx(i => (i+1) % imgs.length), 5200); return () => clearInterval(t); }, [heroMode, imgs.length]); return (
{imgs.map((src, i) => (
))}
Gegründet 07.04.2026 · Stadthotel Münster

Münster isst und
schläft gut — dank uns.

Der Hotel- und Gaststättenverein Münster — das Netzwerk, das der lokalen Gastro-Szene den Rücken stärkt. Kein Paragrafen-Club. Ehrenamt aus Überzeugung.

{heroMode === 'slideshow' && (
{imgs.map((_, i) => (
)}
); } // ============ INTRO / ABOUT ============ function About() { return (
① Warum wir das machen

In der Küche ist es stressig genug.

Da braucht man jemanden, der sich im Hintergrund um das große Ganze kümmert. Genau das tun wir — vom Empfang bis zur Stadtpolitik.

Wir vertreten eure Interessen gegenüber der Stadt, fördern den Nachwuchs und sorgen dafür, dass die kulinarische Kultur in Münster nicht nur überlebt, sondern richtig aufblüht.

Wir sind eine Gemeinschaft, die sich gegenseitig unterstützt. Bei uns gibt es kein Gegeneinander, sondern nur ein Miteinander. Der Vorstand arbeitet komplett ehrenamtlich.

{[ { n: '01', t: 'Networking pur', d: 'Tausch dich mit Kollegen aus, die genau die gleichen Herausforderungen haben wie du.' }, { n: '02', t: 'Nachwuchs-Power', d: 'Wir feiern unsere Azubis bei der Lossprechung und bieten jungen Talenten eine Bühne.' }, { n: '03', t: 'Voller Einsatz', d: 'Ob Politik oder Tourismus — wir mischen uns ein, damit Münster ein Top-Pflaster bleibt.' }, ].map(b => (
{b.n}

{b.t}

{b.d}

))}
); } // ============ FOUNDERS ============ function Founders() { return (

Wer wir sind — die Gründungsmitglieder

07. April 2026 · Stadthotel Münster
{window.FOUNDERS.map((f, i) => (
· 0{i+1}

{f.name}

{f.line}

))}
); } // ============ KIEPE — big bg image with overlay + timeline ============ function Kiepe({ showCountdown }) { const [filter, setFilter] = useState('silberne'); const [decade, setDecade] = useState('all'); const all = window.HALL_OF_FAME; const byKind = filter === 'all' ? all : all.filter(h => h.kind === filter); const decades = useMemo(() => { const ds = new Set(byKind.map(h => Math.floor(h.year/10)*10)); return ['all', ...Array.from(ds).sort((a,b)=>b-a)]; }, [filter]); const filtered = decade === 'all' ? byKind : byKind.filter(h => Math.floor(h.year/10)*10 === decade); // descending const sorted = [...filtered].sort((a,b) => b.year - a.year); // Countdown const [now, setNow] = useState(Date.now()); useEffect(() => { const t = setInterval(() => setNow(Date.now()), 1000); return () => clearInterval(t); }, []); const target = new Date('2026-11-29T19:00:00+01:00').getTime(); const diff = Math.max(0, target - now); const days = Math.floor(diff/86400000); const hours = Math.floor((diff%86400000)/3600000); const mins = Math.floor((diff%3600000)/60000); const secs = Math.floor((diff%60000)/1000); return (
{/* HERO BLOCK */}
② Das Sahnehäubchen · seit Jahrzehnten

Die Silberne Kiepe
Wenn Leidenschaft ein Zuhause findet.

Eine Hommage an die Botschafter der Münsteraner Gastlichkeit. Keine Trophäe aus Edelmetall — ein Symbol für das Herzblut, das hinter verschlossenen Küchentüren fließt.

{showCountdown && (
29. November 2026 · 19:00
{[['Tage',days],['Std',hours],['Min',mins],['Sek',secs]].map(([l,v]) => (
{String(v).padStart(2,'0')}
{l}
))}
)}
{/* PILLARS */}
{[ { t: 'Herausragendes Engagement', d: 'Menschen, die weit über das Übliche hinausgehen — Tag für Tag, Abend für Abend.' }, { t: 'Wurzeln & Visionen', d: 'Westfälische Tradition trifft auf mutige neue Wege. Beides gehört zusammen.' }, { t: 'Gemeinschaft', d: 'Persönlichkeiten, die Münster als Gastgeber nach außen strahlen lassen.' }, ].map(p => (

{p.t}

{p.d}

))}
{/* GALLERY STRIP */}

Momente aus 2022 & 2024

{window.KIEPE_GALLERY.map((g, i) => (
{g.caption}
))}
{/* HALL OF FAME TIMELINE */}
Hall of Fame

Die Preisträger:innen — ein Vorbild, das inspiriert.

{[['silberne','Silberne Kiepe'],['gastro','Gastro-Kiepe'],['all','Alle']].map(([k,l]) => ( ))}
{decades.map(d => ( ))}
{sorted.map((h, i) => (
{h.year}
{h.img &&
}

{h.honorific && !h.cancelled && {h.honorific}} {h.name} {h.deceased && †}

{!h.cancelled && ( {h.kind === 'gastro' ? 'Gastro' : 'Silberne'} )}
))}

† verstorben · Die Silberne Kiepe wird seit 1984 verliehen, die Gastro-Kiepe seit 2022.

); } // ============ AUSBILDUNG / FREISPRECHUNG ============ function Ausbildung() { return (
③ Freisprechungsfeier · Nachwuchs

Vom Lehrling zur Fachkraft.
Ein Meilenstein mit Tradition.

Bei einer Freisprechung im Gastgewerbe werden Auszubildende nach bestandener Abschlussprüfung feierlich in den Gesellenstand erhoben. Sie erhalten ihre Gesellenbriefe, werden offiziell „losgesprochen" und als vollwertige Fachkräfte aufgenommen.

Diesen Meilenstein würdig zu erhalten ist eine unserer ehrenvollsten Aufgaben. Gemeinsam mit der IHK Münster bieten wir alle gastronomischen Berufe als Ausbildungsberufe in unseren Betrieben an — und informieren interessierte Menschen sehr gerne.

Ausbildung anfragen →
· Gesellenbrief ·

Hiermit wird bestätigt, dass …

… nach erfolgreich abgelegter Abschlussprüfung in das Gastgewerbe aufgenommen wird.

HOGA-MS e.V. IHK MÜNSTER
); } // ============ CALENDAR ============ function Calendar({ events }) { const items = events && events.length ? events : window.EVENTS; return (
④ Kalender

Anstehende Termine

{items.map((e, i) => (
{e.tag}
· {e.time}{e.time && e.time !== 'tba' ? ' Uhr' : ''} ·
{window.formatDate(e.date)}

{e.title}

{e.desc}

📍 {e.place}
))}
); } // ============ NEWS ============ function News({ news }) { const [openIdx, setOpenIdx] = useState(null); const items = news && news.length ? news : window.NEWS_ITEMS; const lead = items.find(n => n.lead) || items[0]; const rest = items.filter(n => n !== lead); return (
⑤ Aktuelles

Was uns gerade bewegt

Alle News →
{lead.cat} · {window.formatDateShort(lead.date)}

{lead.title}

{lead.excerpt}

Mehr lesen →

{lead.body}

{rest.map((n, i) => (
{n.cat} · {window.formatDateShort(n.date)}

{n.title}

{n.excerpt}

{openIdx === i &&

{n.body}

}
))}
); } // ============ MEMBERSHIP FORM ============ function Membership() { const [data, setData] = useState({ betrieb: '', name: '', email: '', tel: '', kategorie: 'gastronomie', nachricht: '' }); const [sent, setSent] = useState(false); const set = k => e => setData(d => ({ ...d, [k]: e.target.value })); const submit = e => { e.preventDefault(); setSent(true); }; return (
Werd Teil der Truppe!

Wenn du Münsteraner Gastfreundschaft im Blut hast — gehörst du zu uns.

Egal ob kleines Café, traditionsreiches Hotel oder Förderer der Szene. Pro Mitgliedschaft ist ein kostenloser Eintritt zur Silbernen Kiepe bereits inklusive.

📄 Beitrittserklärung (PDF) ↓ Satzung ansehen
{sent ? (
✓

Moin und willkommen!

Wir melden uns kurzfristig bei dir. Bis dahin: schon mal den 29.11.2026 freihalten.

) : ( <>

Mitgliedsantrag

{[ ['betrieb','Betrieb / Unternehmen', 'text'], ['name','Dein Name', 'text'], ['email','E-Mail', 'email'], ['tel','Telefon (optional)', 'tel'], ].map(([k,l,t]) => ( ))}