Feedback round 2: dashes, status, nav, jury chair, content fixes

- Global em-dash to en-dash for consistency (#7/#8) - Headline "Ihr Weg zum Preis" (#31), heading "Partner & Sponsoren" (#12) - Hero status badge "Bewerbungsphase 2026 geschlossen" (#138) - Slimmed navigation sub-items (#163) - Prominent Jury-Vorsitz area + larger jury cards + role-split note (#180/#186/#179) - Netzwerk desktop stat fix (Mehrstufig), About fee wording fix Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-05 13:40:19 +02:00
parent 9c75d44165
commit 6a50fe4be0
22 changed files with 225 additions and 186 deletions
--- a/src/components/TestimonialsSection.tsx
+++ b/src/components/TestimonialsSection.tsx
@@ -72,7 +72,7 @@ export default function TestimonialsSection() {
      {/* ── DESKTOP ── */}
      {!isMobile && (
      <div style={{ display: 'grid', gridTemplateColumns: '42% 58%', height: 560, position: 'relative', zIndex: 1 }}>
-        {/* Left — portrait photo */}
+        {/* Left – portrait photo */}
        <div style={{ position: 'relative', overflow: 'hidden', height: isMobile ? 280 : 'auto' }}>
          <img
            key={t.img}
@@ -83,7 +83,7 @@ export default function TestimonialsSection() {
          <div style={{ position: 'absolute', inset: 0, background: isMobile ? 'linear-gradient(to bottom, transparent 70%, #fff 100%)' : 'linear-gradient(to right, transparent 60%, #fff 100%)' }} />
        </div>

-        {/* Right — quote */}
+        {/* Right – quote */}
        <div style={{ padding: isMobile ? '40px 22px 56px' : '80px 72px 80px 56px', display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>
          <span style={{ fontFamily: FF, fontSize: 10, color: '#4A8FC9', textTransform: 'uppercase', letterSpacing: '0.3em', fontWeight: 700, display: 'block', marginBottom: 14 }}>Stimmen der Preisträger</span>

--- a/src/components/WegZurAuszeichnungSection.tsx
+++ b/src/components/WegZurAuszeichnungSection.tsx
@@ -32,10 +32,10 @@ export default function WegZurAuszeichnungSection() {
        <div style={{ marginBottom: 36 }}>
          <span style={{ fontFamily: FF, fontSize: 10, color: '#4A8FC9', textTransform: 'uppercase', letterSpacing: '0.32em', fontWeight: 700, display: 'block', marginBottom: 12 }}>Schritt für Schritt</span>
          <h2 style={{ fontFamily: FF, fontSize: 'clamp(1.9rem, 8vw, 2.6rem)', fontWeight: 900, color: '#fff', textTransform: 'uppercase', letterSpacing: '-0.025em', lineHeight: 1.05, margin: '0 0 16px' }}>
-            IHR WEG ZUR<br />AUSZEICHNUNG.
+            IHR WEG ZUM<br />PREIS.
          </h2>
          <p style={{ fontFamily: FB, fontSize: 15, color: 'rgba(255,255,255,0.65)', lineHeight: 1.7, margin: 0 }}>
-            Von der Einreichung bis zur Gala — vier klar definierte Schritte auf dem Weg zur höchsten Auszeichnung des bayerischen Mittelstands.
+            Von der Einreichung bis zur Gala – vier klar definierte Schritte auf dem Weg zur höchsten Auszeichnung des bayerischen Mittelstands.
          </p>
        </div>

@@ -86,15 +86,15 @@ export default function WegZurAuszeichnungSection() {
          <div>
            <span style={{ fontFamily: FF, fontSize: 10, color: '#4A8FC9', textTransform: 'uppercase', letterSpacing: '0.32em', fontWeight: 700, display: 'block', marginBottom: 14 }}>Schritt für Schritt</span>
            <h2 style={{ fontFamily: FF, fontSize: 'clamp(1.8rem, 3vw, 2.8rem)', fontWeight: 900, color: '#fff', textTransform: 'uppercase', letterSpacing: '-0.025em', lineHeight: 1.03, margin: 0 }}>
-              IHR WEG ZUR<br />AUSZEICHNUNG.
+              IHR WEG ZUM<br />PREIS.
            </h2>
          </div>
          <p style={{ fontFamily: FB, fontSize: 14, color: 'rgba(255,255,255,0.65)', lineHeight: 1.8, margin: 0 }}>
-            Von der Einreichung bis zur Gala — vier klar definierte Schritte auf dem Weg zur höchsten Auszeichnung des bayerischen Mittelstands.
+            Von der Einreichung bis zur Gala – vier klar definierte Schritte auf dem Weg zur höchsten Auszeichnung des bayerischen Mittelstands.
          </p>
        </div>

-        {/* Scroll hint — prominent */}
+        {/* Scroll hint – prominent */}
        <div style={{ padding: '20px 80px', display: 'flex', alignItems: 'center', gap: 14, flexShrink: 0 }}>
          {/* Animated chevron stack */}
          <div style={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
--- a/src/components/editor/LayoutEditor.tsx
+++ b/src/components/editor/LayoutEditor.tsx
@@ -74,7 +74,7 @@ function saveElementEdits(e: Record<string, ElementEdit>) {
  try { localStorage.setItem(LS_ELEMENT, JSON.stringify(e)); } catch {}
 }

-// Archived = set of storage keys the user has "binned" — CSS stays active
+// Archived = set of storage keys the user has "binned" – CSS stays active
 function loadArchived(): Set<string> {
  try { return new Set(JSON.parse(localStorage.getItem(LS_ARCHIVED) || '[]')); } catch { return new Set(); }
 }
@@ -108,7 +108,7 @@ function saveSaveCount(n: number) {
 }

 // ---------------------------------------------------------------------------
-// CSS builders  (backup stylesheet — primary persistence is via setProperty)
+// CSS builders  (backup stylesheet – primary persistence is via setProperty)
 // ---------------------------------------------------------------------------

 /** Build CSS only for edits that belong to `forPathname` */
@@ -159,7 +159,7 @@ function injectCSS(id: string, css: string) {
 }

 // ---------------------------------------------------------------------------
-// Apply element edit directly via setProperty — survives React re-renders
+// Apply element edit directly via setProperty – survives React re-renders
 // because inline !important beats React's non-!important inline style updates
 // ---------------------------------------------------------------------------

@@ -209,7 +209,7 @@ function reapplyAllElementEdits(edits: Record<string, ElementEdit>, pathname: st
 }

 // ---------------------------------------------------------------------------
-// Selectors  — always include the current route so edits are page-isolated
+// Selectors  – always include the current route so edits are page-isolated
 // ---------------------------------------------------------------------------

 function getSectionSelector(section: HTMLElement, pathname: string): string {
@@ -383,7 +383,7 @@ function SmallInput({ label, value, onChange, placeholder }: { label: string; va
 }

 // ---------------------------------------------------------------------------
-// Element popup — full editor with live preview
+// Element popup – full editor with live preview
 // ---------------------------------------------------------------------------

 const FONT_WEIGHTS = [
@@ -419,7 +419,7 @@ function ElementPopup({
  const set = <K extends keyof ElementEdit>(key: K, val: ElementEdit[K]) =>
    setProps(p => ({ ...p, [key]: val }));

-  // ── LIVE PREVIEW — apply every prop change directly to the element ──────
+  // ── LIVE PREVIEW – apply every prop change directly to the element ──────
  useEffect(() => {
    applyEditToElement(popup.el, props);
    if (props.text !== undefined) popup.el.innerText = props.text;
@@ -502,7 +502,7 @@ function ElementPopup({
                onChange={e => set('fontFamily', e.target.value)}
                style={{ fontFamily: FONT, fontSize: 11, color: '#fff', background: '#0D1540', border: '1px solid rgba(255,255,255,0.12)', padding: '7px 8px', width: '100%', outline: 'none', cursor: 'pointer' }}
              >
-                <option value="">— unverändert —</option>
+                <option value="">– unverändert –</option>
                {FONT_FAMILIES.map(f => (
                  <option key={f.value} value={f.value}>{f.label}</option>
                ))}
@@ -619,20 +619,20 @@ export default function LayoutEditor() {
  const [editMode,   setEditMode]   = useState(false);
  const [editTarget, setEditTarget] = useState<EditTarget>('section');

-  // — Module state —
+  // – Module state –
  const [savedModules, setSavedModules] = useState<ModuleEdits>(() => loadModuleEdits());
  const [selSel,  setSelSel]  = useState('');
  const [preview, setPreview] = useState<ModuleEdit>({});

-  // — Element state —
+  // – Element state –
  const [savedElements, setSavedElements] = useState<Record<string, ElementEdit>>(() => loadElementEdits());
  const [popup, setPopup] = useState<PopupState | null>(null);

-  // — Bin (archived keys — CSS still active, hidden from main list) —
+  // – Bin (archived keys – CSS still active, hidden from main list) –
  const [archived, setArchived] = useState<Set<string>>(() => loadArchived());
  const [binOpen,  setBinOpen]  = useState(false);

-  // — Batch / archive state —
+  // – Batch / archive state –
  const [batches, setBatches]       = useState<Batch[]>(() => loadBatches());
  const [saveCount, setSaveCount]   = useState<number>(() => loadSaveCount());
  const [expandedBatch, setExpandedBatch] = useState<number | null>(null);
@@ -705,7 +705,7 @@ export default function LayoutEditor() {
      return;
    }

-    // Element mode — open popup for the clicked element
+    // Element mode – open popup for the clicked element
    const sel           = getElementSelector(target, location.pathname);
    const originalStyle = target.getAttribute('style') || '';
    setPopup({ x: e.clientX + 14, y: e.clientY + 14, el: target, sel, originalStyle });
@@ -964,7 +964,7 @@ export default function LayoutEditor() {
            </div>
          )}

-          {/* Saved modules list — active (not binned) */}
+          {/* Saved modules list – active (not binned) */}
          {activeModuleKeys.length > 0 && (
            <div style={{ padding: '12px 18px', borderBottom: '1px solid rgba(255,255,255,0.08)' }}>
              <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 8 }}>
@@ -987,7 +987,7 @@ export default function LayoutEditor() {
            </div>
          )}

-          {/* Saved elements list — active (not binned) */}
+          {/* Saved elements list – active (not binned) */}
          {activeElementKeys.length > 0 && (
            <div style={{ padding: '12px 18px', borderBottom: '1px solid rgba(255,255,255,0.08)' }}>
              <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 8 }}>
@@ -1032,7 +1032,7 @@ export default function LayoutEditor() {
              {binOpen && (
                <div style={{ padding: '0 18px 12px' }}>
                  <div style={{ fontSize: 9, color: 'rgba(255,255,255,0.2)', marginBottom: 8, lineHeight: 1.5 }}>
-                    Änderungen sind weiterhin aktiv — nur aus der Hauptliste ausgeblendet.
+                    Änderungen sind weiterhin aktiv – nur aus der Hauptliste ausgeblendet.
                  </div>
                  {binKeys.map(key => {
                    const isMod = key in savedModules;
@@ -1130,7 +1130,7 @@ export default function LayoutEditor() {

          {/* Footer */}
          <div style={{ marginTop: 'auto', padding: '10px 18px', borderTop: '1px solid rgba(255,255,255,0.06)', fontSize: 9, color: 'rgba(255,255,255,0.12)', textAlign: 'center' }}>
-            BMP Layout Editor — Dev Only
+            BMP Layout Editor – Dev Only
          </div>
        </div>
      )}
--- a/src/components/forms/BewerbungsForm.tsx
+++ b/src/components/forms/BewerbungsForm.tsx
@@ -545,7 +545,7 @@ export default function BewerbungsForm({ theme = 'dark' }: { theme?: 'dark' | 'g
                  {[
                    { label: 'Unternehmen',  value: data.nomFirma },
                    { label: 'Branche',      value: data.nomBranche },
-                    { label: 'Standort',     value: data.nomStandort || '—' },
+                    { label: 'Standort',     value: data.nomStandort || '–' },
                    { label: 'Nominiert von',value: `${data.nomName} · ${data.nomEmail}` },
                  ].map(row => (
                    <div key={row.label} style={{ display: 'grid', gridTemplateColumns: '100px 1fr', gap: 12, padding: '10px 0', borderBottom: `1px solid ${c.border}`, alignItems: 'baseline' }}>
--- a/src/components/forms/SponsoringForm.tsx
+++ b/src/components/forms/SponsoringForm.tsx
@@ -100,8 +100,8 @@ const STEPS = [
 ];

 const PAKETE = [
-  { value: 'main',     title: 'Haupt-Sponsoring',  desc: 'Maximale Sichtbarkeit auf allen Kanälen — Bühne, Digital, Print.' },
-  { value: 'category', title: 'Kategorie-Partner', desc: 'Namensgebung einer Auszeichnungskategorie — fokussiertes Branding.' },
+  { value: 'main',     title: 'Haupt-Sponsoring',  desc: 'Maximale Sichtbarkeit auf allen Kanälen – Bühne, Digital, Print.' },
+  { value: 'category', title: 'Kategorie-Partner', desc: 'Namensgebung einer Auszeichnungskategorie – fokussiertes Branding.' },
  { value: 'event',    title: 'Event-Partner',      desc: 'Präsenz beim exklusiven Gala-Abend in München.' },
 ];

@@ -253,7 +253,7 @@ export default function SponsoringForm({ theme = 'dark' }: { theme?: 'dark' | 'g
            {step === 0 && (
              <div style={{ display: 'flex', flexDirection: 'column', gap: 10 }}>
                <div>
-                  <p style={{ fontFamily: FF, fontSize: 10, color: c.accentLabel, textTransform: 'uppercase', letterSpacing: '0.25em', fontWeight: 700, marginBottom: 6 }}>Schritt 1 — Paket wählen</p>
+                  <p style={{ fontFamily: FF, fontSize: 10, color: c.accentLabel, textTransform: 'uppercase', letterSpacing: '0.25em', fontWeight: 700, marginBottom: 6 }}>Schritt 1 – Paket wählen</p>
                  <h3 style={{ fontFamily: FF, fontSize: 18, fontWeight: 900, color: c.heading, textTransform: 'uppercase', letterSpacing: '-0.01em', marginBottom: 12 }}>Interesse an</h3>
                </div>
                <div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
@@ -268,7 +268,7 @@ export default function SponsoringForm({ theme = 'dark' }: { theme?: 'dark' | 'g
            {step === 1 && (
              <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
                <div>
-                  <p style={{ fontFamily: FF, fontSize: 10, color: c.accentLabel, textTransform: 'uppercase', letterSpacing: '0.25em', fontWeight: 700, marginBottom: 8 }}>Schritt 2 — Unternehmen</p>
+                  <p style={{ fontFamily: FF, fontSize: 10, color: c.accentLabel, textTransform: 'uppercase', letterSpacing: '0.25em', fontWeight: 700, marginBottom: 8 }}>Schritt 2 – Unternehmen</p>
                  <h3 style={{ fontFamily: FF, fontSize: 18, fontWeight: 900, color: c.heading, textTransform: 'uppercase', letterSpacing: '-0.01em' }}>Ihr Unternehmen</h3>
                </div>
                <Field c={c} label="Unternehmen *" error={errors.unternehmen}>
@@ -283,7 +283,7 @@ export default function SponsoringForm({ theme = 'dark' }: { theme?: 'dark' | 'g
            {step === 2 && (
              <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
                <div>
-                  <p style={{ fontFamily: FF, fontSize: 10, color: c.accentLabel, textTransform: 'uppercase', letterSpacing: '0.25em', fontWeight: 700, marginBottom: 8 }}>Schritt 3 — Kontakt</p>
+                  <p style={{ fontFamily: FF, fontSize: 10, color: c.accentLabel, textTransform: 'uppercase', letterSpacing: '0.25em', fontWeight: 700, marginBottom: 8 }}>Schritt 3 – Kontakt</p>
                  <h3 style={{ fontFamily: FF, fontSize: 18, fontWeight: 900, color: c.heading, textTransform: 'uppercase', letterSpacing: '-0.01em' }}>Ansprechpartner</h3>
                </div>
                <Field c={c} label="Ansprechpartner *" error={errors.kontakt}>
--- a/src/components/layout/Layout.tsx
+++ b/src/components/layout/Layout.tsx
@@ -29,19 +29,14 @@ const NAV: NavItem[] = [
    sub: [
      { label: 'Alle Preisträger:innen',      path: '/preistraeger' },
      { label: 'Sieger & Aufsteiger 2025',    path: '/preistraeger' },
-      { label: 'Preisträger 2024',            path: '/preistraeger' },
-      { label: 'Preisträger 2023',            path: '/preistraeger' },
-      { label: 'Preisträger-Detail →',        path: '/preistraeger' },
    ],
  },
  {
    key: 'teilnahme', label: 'Ihr Weg zum Preis', path: '/teilnahme',
    subLabel: 'IHR WEG ZUM PREIS',
    sub: [
-      { label: 'Die 4 Schritte zum Preis',    path: '/teilnahme#schritte' },
      { label: 'Teilnahmevoraussetzungen',    path: '/teilnahme#voraussetzungen' },
      { label: 'Kriterien & Bewertung',       path: '/teilnahme#kriterien' },
-      { label: 'Vorschlag unterbreiten',      path: '/teilnahme#bewerben' },
      { label: 'Fristen & Termine',           path: '/teilnahme#fristen' },
      { label: 'Bewerbungsformular',          path: '/teilnahme#bewerben' },
    ],
@@ -53,30 +48,24 @@ const NAV: NavItem[] = [
      { label: 'Was ist der Preis?',          path: '/der-bmp#was-ist' },
      { label: 'Geschichte & Werte',          path: '/der-bmp#geschichte' },
      { label: 'Vorteile der Auszeichnung',   path: '/der-bmp#vorteile' },
-      { label: 'Bayerischer Mittelstand',     path: '/der-bmp#mittelstand' },
-      { label: 'Jetzt bewerben →',            path: '/teilnahme' },
    ],
  },
  {
    key: 'netzwerk', label: 'Netzwerk', path: '/netzwerk',
    subLabel: 'NETZWERK',
    sub: [
-      { label: 'Das Netzwerk',                path: '/netzwerk' },
      { label: 'Jury-Mitglieder',             path: '/netzwerk#jury' },
      { label: 'Partner & Sponsoren',         path: '/netzwerk#partner' },
      { label: 'Schirmherrschaft',            path: '/netzwerk#schirmherrschaft' },
      { label: 'Mitglied werden',             path: '/mitglied-werden' },
-      { label: 'Sponsoring-Anfrage →',        path: '/netzwerk#sponsoring' },
    ],
  },
  {
    key: 'presse', label: 'Presse', path: '/presse',
    subLabel: 'PRESSE',
    sub: [
-      { label: 'Aktuelles & News',            path: '/presse' },
      { label: 'Events & Gala',               path: '/presse#events' },
      { label: 'Downloads & Impressionen',    path: '/presse#downloads' },
-      { label: 'Pressekontakt →',             path: '/kontakt' },
    ],
  },
 ];
@@ -184,7 +173,7 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
    return () => clearTimeout(t);
  }, []);

-  // Hide floating CTA when the form section (#bewerben) is in view — homepage only
+  // Hide floating CTA when the form section (#bewerben) is in view – homepage only
  useEffect(() => {
    setFormVisible(false);
    if (location.pathname !== '/') return;
@@ -217,7 +206,7 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {


      {/* ═══════════════════════════════════════════════════════════ */}
-      {/* ══  DESKTOP CHROME (≥768px) — original top bar + overlay  ══ */}
+      {/* ══  DESKTOP CHROME (≥768px) – original top bar + overlay  ══ */}
      {/* ═══════════════════════════════════════════════════════════ */}
      {!isMobile && (
        <>
@@ -231,7 +220,7 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
            transition:'transform 0.45s cubic-bezier(0.22,1,0.36,1)',
          }}>

-            {/* LEFT — logo */}
+            {/* LEFT – logo */}
            <div style={{ flex:1, display:'flex', alignItems:'center', padding:'0 24px', height:'100%', borderRight:`1px solid ${LINE}` }}>
              <Link to="/" style={{ display:'flex', alignItems:'center', textDecoration:'none' }}>
                <img
@@ -242,7 +231,7 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
              </Link>
            </div>

-            {/* CENTER — hamburger */}
+            {/* CENTER – hamburger */}
            <div style={{ flex:1, display:'flex', alignItems:'center', justifyContent:'center', height:'100%', borderRight:`1px solid ${LINE}`, gap:16 }}>
              <span style={{ fontSize:8, color:'rgba(5,26,135,0.5)', letterSpacing:2, userSelect:'none' }}>◆</span>
              <button
@@ -261,7 +250,7 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
              <span style={{ fontSize:8, color:'rgba(5,26,135,0.5)', letterSpacing:2, userSelect:'none' }}>◆</span>
            </div>

-            {/* RIGHT — social + lang */}
+            {/* RIGHT – social + lang */}
            <div style={{ flex:1, display:'flex', alignItems:'center', justifyContent:'flex-end', gap:20, padding:'0 28px', height:'100%' }}>
              <div style={{ display:'flex', gap:14, alignItems:'center' }}>
                {SOCIAL.map(s => <SocialLink key={s.label} {...s} />)}
@@ -297,7 +286,7 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
          >
            <div style={{ display:'flex', flexDirection:'column', height:'100%', overflow:'hidden' }}>

-              {/* TOP — tagline + logo */}
+              {/* TOP – tagline + logo */}
              <div style={{ flex:'1 1 50%', display:'flex', alignItems:'flex-end', padding:'0 80px 48px', position:'relative', minHeight:0, zIndex:1 }}>
                <div>
                  <div style={{ fontSize:12, color:'rgba(255,255,255,.4)', letterSpacing:'.12em', textTransform:'uppercase', marginBottom:12, fontFamily:FF_DISPLAY }}>
@@ -312,14 +301,14 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
                </div>
              </div>

-              {/* BOTTOM — 3 columns */}
+              {/* BOTTOM – 3 columns */}
              <div style={{
                flex:'0 0 auto',
                display:'grid', gridTemplateColumns:'1fr 1.4fr 1fr',
                borderTop:`1px solid ${SEP}`,
              }}>

-                {/* LEFT — main nav */}
+                {/* LEFT – main nav */}
                <div style={{ borderRight:`1px solid ${SEP}`, padding:'40px 0 40px 60px' }}>
                  <ul style={{ listStyle:'none' }}>
                    {NAV.map((item, idx) => (
@@ -354,7 +343,7 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
                  </ul>
                </div>

-                {/* MIDDLE — subnav */}
+                {/* MIDDLE – subnav */}
                <div style={{ borderRight:`1px solid ${SEP}`, padding:'40px 48px', position:'relative', minHeight:440 }}>
                  {NAV.map(item => (
                    <div key={item.key} style={{
@@ -389,7 +378,7 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
                  ))}
                </div>

-                {/* RIGHT — utilities */}
+                {/* RIGHT – utilities */}
                <div style={{ padding:'40px 80px 40px 48px', display:'flex', flexDirection:'column', gap:24 }}>

                  <div style={{ display:'flex', alignItems:'center', gap:20, flexWrap:'wrap' }}>
@@ -471,7 +460,7 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {


      {/* ═══════════════════════════════════════════════════════════ */}
-      {/* ══  MOBILE CHROME (<768px) — top bar + fullscreen overlay ══ */}
+      {/* ══  MOBILE CHROME (<768px) – top bar + fullscreen overlay ══ */}
      {/* ═══════════════════════════════════════════════════════════ */}
      {isMobile && (
        <>
@@ -735,7 +724,7 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
          alignItems: 'flex-start',
        }}>

-          {/* Decorative year — desktop only */}
+          {/* Decorative year – desktop only */}
          {!isMobile && (
            <div style={{
              position: 'absolute',
@@ -913,7 +902,7 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
                </ul>
              </div>

-              {/* Gold vertical separator — desktop only */}
+              {/* Gold vertical separator – desktop only */}
              {!isMobile && (
                <div style={{
                  width: 1,
@@ -960,7 +949,7 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
                </ul>
              </div>

-              {/* Gold vertical separator — desktop only */}
+              {/* Gold vertical separator – desktop only */}
              {!isMobile && (
                <div style={{
                  width: 1,
--- a/src/components/membership/MembershipWizard.tsx
+++ b/src/components/membership/MembershipWizard.tsx
@@ -420,7 +420,7 @@ function ReviewRow({ label, value }: { label: string; value: string }) {
        {label}
      </span>
      <span style={{ color: WHITE, fontFamily: '"IBM Plex Sans", sans-serif', fontWeight: 500 }}>
-        {value || "—"}
+        {value || "–"}
      </span>
    </div>
  );
@@ -513,7 +513,7 @@ function ProgressBar({ current, total }: { current: number; total: number }) {
        })}
      </div>

-      {/* Step labels — full list on desktop; on mobile only the active label
+      {/* Step labels – full list on desktop; on mobile only the active label
          (the 5-up text row would overflow / wrap on narrow screens) */}
      {isMobile ? (
        <div style={{
@@ -691,7 +691,7 @@ function NavButtons({
  );
 }

-// ─── STEP 1 — UNTERNEHMEN ─────────────────────────────────────────────────────
+// ─── STEP 1 – UNTERNEHMEN ─────────────────────────────────────────────────────

 function Step1({ data, onChange, errors }: {
  data: FormData; onChange: (k: keyof FormData, v: string | boolean) => void; errors: Errors;
@@ -742,7 +742,7 @@ function Step1({ data, onChange, errors }: {
  );
 }

-// ─── STEP 2 — KONTAKT ─────────────────────────────────────────────────────────
+// ─── STEP 2 – KONTAKT ─────────────────────────────────────────────────────────

 function Step2({ data, onChange, errors }: {
  data: FormData; onChange: (k: keyof FormData, v: string | boolean) => void; errors: Errors;
@@ -785,7 +785,7 @@ function Step2({ data, onChange, errors }: {
  );
 }

-// ─── STEP 3 — DETAILS ─────────────────────────────────────────────────────────
+// ─── STEP 3 – DETAILS ─────────────────────────────────────────────────────────

 function Step3({ data, onChange, errors }: {
  data: FormData; onChange: (k: keyof FormData, v: string | boolean) => void; errors: Errors;
@@ -857,7 +857,7 @@ function Step3({ data, onChange, errors }: {
  );
 }

-// ─── STEP 4 — SEPA ────────────────────────────────────────────────────────────
+// ─── STEP 4 – SEPA ────────────────────────────────────────────────────────────

 function Step4({ data, onChange, errors }: {
  data: FormData; onChange: (k: keyof FormData, v: string | boolean) => void; errors: Errors;
@@ -929,7 +929,7 @@ function Step4({ data, onChange, errors }: {
  );
 }

-// ─── STEP 5 — SUMMARY + CONSENT ───────────────────────────────────────────────
+// ─── STEP 5 – SUMMARY + CONSENT ───────────────────────────────────────────────

 function Step5({ data, onChange, errors }: {
  data: FormData; onChange: (k: keyof FormData, v: string | boolean) => void; errors: Errors;
@@ -943,7 +943,7 @@ function Step5({ data, onChange, errors }: {
        <ReviewRow label="Rechtsform" value={data.rechtsform} />
        <ReviewRow label="Adresse" value={`${data.strasse}, ${data.plz} ${data.ort}`} />
        <ReviewRow label="Mitarbeiter" value={data.mitarbeiter} />
-        <ReviewRow label="Website" value={data.website || "—"} />
+        <ReviewRow label="Website" value={data.website || "–"} />
      </Accordion>

      <Accordion title="Kontaktperson">
--- a/src/components/ui/munich-skyline-bg.tsx
+++ b/src/components/ui/munich-skyline-bg.tsx
@@ -3,7 +3,7 @@ import React, { useEffect, useRef } from 'react';
 /**
 * MunichSkylineBg
 * Drop inside any light section (position: relative required on parent).
- * Uses backgroundPositionY for parallax — no transform, no GPU compositing layer.
+ * Uses backgroundPositionY for parallax – no transform, no GPU compositing layer.
 * No mixBlendMode to avoid Safari compositing bleed into sibling elements.
 */
 const MunichSkylineBg: React.FC = () => {
--- a/src/pages/About.tsx
+++ b/src/pages/About.tsx
@@ -86,7 +86,7 @@ const About: React.FC = () => {
        <MunichSkylineBg />
        <div style={{ display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '55% 45%', minHeight: isMobile ? 'auto' : 580 }}>

-          {/* Left — text on cream */}
+          {/* Left – text on cream */}
          <div style={{ background: CREAM, padding: isMobile ? '32px 24px 44px' : '88px 80px', display: 'flex', flexDirection: 'column', justifyContent: 'center', order: isMobile ? 2 : 0 }}>
            {!isMobile && (
              <>
@@ -103,7 +103,7 @@ const About: React.FC = () => {
            <p style={{ fontFamily: FB, fontSize: 19, color: 'rgba(16,24,40,0.8)', lineHeight: 1.8, maxWidth: 440, marginBottom: isMobile ? 0 : 44 }}>
              Entstanden aus einer Initiative bayerischer Wirtschaftsvertreter, ehrt der Preis heute jährlich die Leuchttürme unserer Wirtschaft.
            </p>
-            {/* Key facts — moved above the copy on mobile */}
+            {/* Key facts – moved above the copy on mobile */}
            <div style={{ display: 'flex', order: isMobile ? -1 : 0, borderTop: isMobile ? 'none' : '1px solid #D0D5DD', borderBottom: isMobile ? '1px solid #D0D5DD' : 'none', marginBottom: isMobile ? 26 : 0 }}>
              {[
                { val: '2005', label: 'Gegründet' },
@@ -118,7 +118,7 @@ const About: React.FC = () => {
            </div>
          </div>

-          {/* Right — full-bleed image (+ heading on mobile) */}
+          {/* Right – full-bleed image (+ heading on mobile) */}
          <div style={{ position: 'relative', overflow: 'hidden', minHeight: isMobile ? 280 : undefined, order: isMobile ? 1 : 0 }}>
            <img
              src="/images/preistraeger-gruppe.jpg"
@@ -128,7 +128,7 @@ const About: React.FC = () => {
            <div style={{ position: 'absolute', inset: 0, background: isMobile
              ? 'linear-gradient(to top, rgba(3,9,58,0.94) 0%, rgba(3,9,58,0.55) 38%, rgba(3,9,58,0.12) 72%, transparent 100%), linear-gradient(to right, rgba(3,9,58,0.5) 0%, transparent 55%)'
              : `linear-gradient(to right, ${CREAM} 0%, transparent 25%), linear-gradient(to top, rgba(3,9,58,0.75) 0%, transparent 60%)` }} />
-            {/* Heading overlay — mobile only */}
+            {/* Heading overlay – mobile only */}
            {isMobile && (
              <div style={{ position: 'absolute', left: 0, right: 0, bottom: 0, padding: '0 24px 24px', zIndex: 2 }}>
                <span style={{ fontFamily: FF, fontSize: 10, color: '#8FBEEC', textTransform: 'uppercase', letterSpacing: '0.32em', fontWeight: 700, display: 'block', marginBottom: 12 }}>Was ist der Preis?</span>
@@ -137,7 +137,7 @@ const About: React.FC = () => {
                </h2>
              </div>
            )}
-            {/* Decorative label — desktop only */}
+            {/* Decorative label – desktop only */}
            {!isMobile && (
              <div style={{ position: 'absolute', bottom: 36, left: 36 }}>
                <div style={{ fontFamily: FF, fontSize: 10, fontWeight: 700, letterSpacing: '0.22em', textTransform: 'uppercase', color: GOLD, marginBottom: 6 }}>BMP Preisverleihung · München</div>
@@ -152,7 +152,7 @@ const About: React.FC = () => {
      <section id="mittelstand" style={{ overflow: 'hidden' }}>
        <div style={{ display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '45% 55%', minHeight: isMobile ? 'auto' : 580 }}>

-          {/* Left — full-bleed image (+ heading on mobile) */}
+          {/* Left – full-bleed image (+ heading on mobile) */}
          <div style={{ position: 'relative', overflow: 'hidden', minHeight: isMobile ? 280 : undefined }}>
            <img
              src="/images/networking-innenhof.jpg"
@@ -167,7 +167,7 @@ const About: React.FC = () => {
                <div style={{ width: 2, height: 40, background: GOLD }} />
              </div>
            )}
-            {/* Heading overlay — mobile only */}
+            {/* Heading overlay – mobile only */}
            {isMobile && (
              <div style={{ position: 'absolute', left: 0, right: 0, bottom: 0, padding: '0 24px 24px', zIndex: 2 }}>
                <span style={{ fontFamily: FF, fontSize: 10, color: '#EFBF04', textTransform: 'uppercase', letterSpacing: '0.32em', fontWeight: 700, display: 'block', marginBottom: 12 }}>Relevanz &amp; Zielsetzung</span>
@@ -178,7 +178,7 @@ const About: React.FC = () => {
            )}
          </div>

-          {/* Right — text on navy */}
+          {/* Right – text on navy */}
          <div style={{ background: NAVY, padding: isMobile ? '32px 24px 40px' : '88px 80px', display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>
            {!isMobile && (
              <>
@@ -245,9 +245,9 @@ const About: React.FC = () => {
      <section id="geschichte" style={{ overflow: 'hidden' }}>
        <div style={{ display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '1fr 1fr', minHeight: isMobile ? 'auto' : 700 }}>

-          {/* LEFT — navy, timeline */}
+          {/* LEFT – navy, timeline */}
          <div style={{ background: NAVY, padding: isMobile ? '56px 24px' : '88px 80px', position: 'relative', overflow: 'hidden' }}>
-            {/* Ghost "20" watermark — desktop only */}
+            {/* Ghost "20" watermark – desktop only */}
            {!isMobile && <div style={{ position: 'absolute', right: -24, bottom: -40, fontFamily: FF, fontSize: 'clamp(160px, 20vw, 240px)', fontWeight: 900, color: 'rgba(239,191,4,0.04)', lineHeight: 1, userSelect: 'none', pointerEvents: 'none', letterSpacing: '-0.04em' }}>20</div>}

            <span style={{ fontFamily: FF, fontSize: 10, color: GOLD, textTransform: 'uppercase', letterSpacing: '0.32em', fontWeight: 700, display: 'block', marginBottom: 16 }}>Geschichte &amp; Meilensteine</span>
@@ -279,7 +279,7 @@ const About: React.FC = () => {
            </div>
          </div>

-          {/* RIGHT — cream, Zielsetzung */}
+          {/* RIGHT – cream, Zielsetzung */}
          <div style={{ background: '#EFE5E3', padding: isMobile ? '56px 24px' : '88px 80px', display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>
            <span style={{ fontFamily: FF, fontSize: 10, color: '#4A8FC9', textTransform: 'uppercase', letterSpacing: '0.32em', fontWeight: 700, display: 'block', marginBottom: 16 }}>Zielsetzung</span>
            <h2 style={{ fontFamily: FF, fontSize: 'clamp(2rem, 3vw, 2.8rem)', fontWeight: 900, color: NAVY, textTransform: 'uppercase', letterSpacing: '-0.03em', lineHeight: 1.0, margin: '0 0 40px' }}>
@@ -326,7 +326,7 @@ const About: React.FC = () => {
          </p>
        </div>

-        {/* Editorial rows — no cards, pure typography */}
+        {/* Editorial rows – no cards, pure typography */}
        {[
          {
            num: '01',
--- a/src/pages/BlogDetail.tsx
+++ b/src/pages/BlogDetail.tsx
@@ -121,7 +121,7 @@ export default function BlogDetail() {
      <section style={{ background: CREAM, padding: isMobile ? '48px 0 0' : '80px 0 0' }}>
        <div style={{ maxWidth: 1100, margin: '0 auto', padding: isMobile ? '0 24px' : '0 80px', display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '1fr 320px', gap: isMobile ? 40 : 80 }}>

-          {/* LEFT — article text */}
+          {/* LEFT – article text */}
          <article>
            {/* Lead */}
            <p style={{
@@ -178,7 +178,7 @@ export default function BlogDetail() {
            </div>
          </article>

-          {/* RIGHT — sticky sidebar */}
+          {/* RIGHT – sticky sidebar */}
          <aside>
            <div style={{ position: isMobile ? 'static' : 'sticky', top: isMobile ? undefined : 100 }}>

--- a/src/pages/Contact.tsx
+++ b/src/pages/Contact.tsx
@@ -61,7 +61,7 @@ const Contact: React.FC = () => {
            Wir sind<br />für Sie da.
          </h1>
          <p style={{ fontSize: 18, color: 'rgba(255,255,255,0.72)', maxWidth: 480, lineHeight: 1.65, fontWeight: 400 }}>
-            Fragen zur Bewerbung, zur Gala oder zu Partnermöglichkeiten — unser Team begleitet Sie persönlich.
+            Fragen zur Bewerbung, zur Gala oder zu Partnermöglichkeiten – unser Team begleitet Sie persönlich.
          </p>
        </div>
      </section>
@@ -73,7 +73,7 @@ const Contact: React.FC = () => {

        <div style={{ display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '4fr 1px 8fr' }}>

-          {/* Left — info panel */}
+          {/* Left – info panel */}
          <div style={{ padding: isMobile ? '48px 24px' : '88px 56px 88px 64px', display: 'flex', flexDirection: 'column', justifyContent: 'center', position: 'relative' }}>
            <p style={{ fontSize: 10, fontWeight: 800, letterSpacing: '0.28em', textTransform: 'uppercase', color: 'rgba(255,255,255,0.4)', marginBottom: 20 }}>
              Direktkontakt
@@ -112,7 +112,7 @@ const Contact: React.FC = () => {
          {/* Divider */}
          {!isMobile && <div style={{ background: 'rgba(255,255,255,0.07)' }} />}

-          {/* Right — gold form panel */}
+          {/* Right – gold form panel */}
          <div style={{ display: 'flex', flexDirection: 'column', overflow: isMobile ? 'visible' : 'hidden', height: isMobile ? 'auto' : undefined, minHeight: 0, position: 'relative', background: 'linear-gradient(160deg,#DDB84A 0%,#C9A227 52%,#A87800 100%)' }}>
            <svg style={{ position: 'absolute', inset: 0, width: '100%', height: '100%', pointerEvents: 'none', zIndex: 0 }} aria-hidden="true">
              <defs>
@@ -197,7 +197,7 @@ const Contact: React.FC = () => {
        <div className="container mx-auto px-6">
          <div style={{ display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '1fr 2fr', gap: isMobile ? 40 : 80 }}>

-            {/* Left — sticky label */}
+            {/* Left – sticky label */}
            <div style={isMobile ? undefined : { position: 'sticky', top: 96, alignSelf: 'start' }}>
              <p style={{ fontSize: 10, fontWeight: 800, letterSpacing: '0.28em', textTransform: 'uppercase', color: '#4A8FC9', marginBottom: 20 }}>
                Antworten
@@ -208,7 +208,7 @@ const Contact: React.FC = () => {
              </h2>
            </div>

-            {/* Right — accordion */}
+            {/* Right – accordion */}
            <div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>
              {faqs.map((faq, idx) => {
                const isOpen = openFaq === idx;
--- a/src/pages/Datenschutz.tsx
+++ b/src/pages/Datenschutz.tsx
@@ -65,7 +65,7 @@ export default function Datenschutz() {
      {/* ── BODY ──────────────────────────────────────────────────────────── */}
      <div style={{ maxWidth: 1100, margin: '0 auto', padding: isMobile ? '40px 24px' : '64px 80px', display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '200px 1fr', gap: isMobile ? 40 : 80, alignItems: 'start' }}>

-        {/* LEFT — sticky TOC */}
+        {/* LEFT – sticky TOC */}
        {!isMobile && (
          <nav style={{ position: 'sticky', top: 80 }}>
            <div style={{ fontFamily: FF, fontSize: 9, fontWeight: 700, letterSpacing: '0.28em', textTransform: 'uppercase', color: GOLD, marginBottom: 16 }}>Inhalt</div>
@@ -89,7 +89,7 @@ export default function Datenschutz() {
          </nav>
        )}

-        {/* RIGHT — content */}
+        {/* RIGHT – content */}
        <div style={{ display: 'flex', flexDirection: 'column', gap: 56 }}>

          <Section id="verantwortlicher" title="Verantwortlicher">
@@ -204,7 +204,7 @@ export default function Datenschutz() {
              <li>Kommunikationsdaten: Browsertyp, Betriebssystem, IP-Adressen</li>
            </ul>
            <p style={body}>Mit der Verarbeitung dieser Daten wollen wir das Nutzerverhalten in zusammengefasster Form analysieren, um die Darstellung und den Inhalt unserer Website zu verbessern.</p>
-            <Legal>Rechtsgrundlage: berechtigtes Interesse gemäß Art. 6 Abs. 1 lit. f. DSGVO — insbesondere an der Durchführung von Webmessungen zur Verbesserung unserer Website.</Legal>
+            <Legal>Rechtsgrundlage: berechtigtes Interesse gemäß Art. 6 Abs. 1 lit. f. DSGVO – insbesondere an der Durchführung von Webmessungen zur Verbesserung unserer Website.</Legal>
            <p style={body}>Die erhobenen Daten werden mit unserem Website-Hosting-Anbieter geteilt und innerhalb der EU verarbeitet.</p>
          </Section>

--- a/src/pages/EventDetail.tsx
+++ b/src/pages/EventDetail.tsx
@@ -135,7 +135,7 @@ export default function EventDetail() {
            </p>
          </div>

-          {/* Right — key facts */}
+          {/* Right – key facts */}
          <div style={{ display: 'flex', flexDirection: 'column', gap: 12, flexShrink: 0, background: 'rgba(3,9,58,0.55)', backdropFilter: 'blur(12px)', borderRadius: 16, padding: isMobile ? '16px 20px' : '24px 28px', border: '1px solid rgba(255,255,255,0.1)', width: isMobile ? '100%' : undefined, boxSizing: 'border-box' }}>
            {[
              { icon: Calendar, label: event.date },
@@ -158,7 +158,7 @@ export default function EventDetail() {
      <section style={{ padding: isMobile ? '48px 24px' : '64px 80px', maxWidth: 1400, margin: '0 auto' }}>
        <div style={{ display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '1fr 400px', gap: isMobile ? 48 : 64, alignItems: 'start' }}>

-          {/* Left — Description + Eckdaten */}
+          {/* Left – Description + Eckdaten */}
          <div>
            {/* Description */}
            <div style={{ marginBottom: 56 }}>
@@ -223,7 +223,7 @@ export default function EventDetail() {
            </div>
          </div>

-          {/* Right — Live Updates Feed (sticky on desktop, static on mobile) */}
+          {/* Right – Live Updates Feed (sticky on desktop, static on mobile) */}
          <div style={isMobile ? undefined : { position: 'sticky', top: 80 }}>
            {/* Header */}
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 20 }}>
--- a/src/pages/FormularUpload.tsx
+++ b/src/pages/FormularUpload.tsx
@@ -53,7 +53,7 @@ export default function FormularUpload() {

        <div style={{ maxWidth: 720, position: 'relative', zIndex: 1 }}>
          <span style={{ fontFamily: FF, fontSize: 10, fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.35em', color: HELLBLAU, display: 'block', marginBottom: 16 }}>
-            BMP 2026 — Bewerbungsportal
+            BMP 2026 – Bewerbungsportal
          </span>
          <h1 style={{ fontFamily: FF, fontSize: isMobile ? 'clamp(1.6rem, 4vw, 3.6rem)' : 'clamp(2.2rem, 4vw, 3.6rem)', fontWeight: 900, color: '#fff', textTransform: 'uppercase', letterSpacing: '-0.025em', lineHeight: 1.0, margin: '0 0 20px' }}>
            UNTERLAGEN<br />EINREICHEN
@@ -118,7 +118,7 @@ export default function FormularUpload() {
              <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'flex', flexDirection: 'column', gap: 10 }}>
                {items.map((item, j) => (
                  <li key={j} style={{ display: 'flex', alignItems: 'flex-start', gap: 10, fontFamily: FF, fontSize: 14, color: '#555', lineHeight: 1.5 }}>
-                    <span style={{ color: GOLD, marginTop: 2, flexShrink: 0 }}>—</span>
+                    <span style={{ color: GOLD, marginTop: 2, flexShrink: 0 }}>–</span>
                    {item}
                  </li>
                ))}
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -58,7 +58,7 @@ const STATUS_PHASES: StatusPhase[] = [
    pulse: true,
    phase: 'Bewerbungsphase 2026',
    headline: 'BEWERBEN SIE SICH JETZT.',
-    body: 'Die Bewerbungsphase 2026 ist eröffnet — es ist noch nicht zu spät. Reichen Sie Ihre Unterlagen bis zum 30. Juni kostenlos ein und zeigen Sie, was den bayerischen Mittelstand ausmacht.',
+    body: 'Die Bewerbungsphase 2026 ist eröffnet – es ist noch nicht zu spät. Reichen Sie Ihre Unterlagen bis zum 30. Juni kostenlos ein und zeigen Sie, was den bayerischen Mittelstand ausmacht.',
    cta: { label: 'Jetzt kostenlos bewerben', to: '/teilnahme' },
    accent: '#EFBF04',
    bg: '#020A1E',
@@ -84,7 +84,7 @@ const STATUS_PHASES: StatusPhase[] = [
    pulse: false,
    phase: 'Preisverleihung · Oktober 2026',
    headline: 'DER BMP 2026 WAR EIN ERFOLG.',
-    body: 'Wir danken allen 247 Bewerberinnen und Bewerbern für Mut und Exzellenz. Drei außergewöhnliche Unternehmen wurden in München ausgezeichnet — ein unvergesslicher Abend.',
+    body: 'Wir danken allen 247 Bewerberinnen und Bewerbern für Mut und Exzellenz. Drei außergewöhnliche Unternehmen wurden in München ausgezeichnet – ein unvergesslicher Abend.',
    cta: { label: 'Alle Preisträger ansehen', to: '/preistraeger' },
    accent: '#EFBF04',
    bg: '#06090F',
@@ -143,8 +143,8 @@ const Home: React.FC = () => {
        <div className="container mx-auto relative z-10" style={{ padding: isMobile ? '0 24px' : '0 24px' }}>
          <div style={{ maxWidth: isMobile ? '100%' : '48rem' }}>
            <div className="inline-flex items-center gap-3 bg-accent/20 border border-accent/30 rounded-full px-4 py-1.5 mb-8 backdrop-blur-sm animate-fade-in" style={{ marginBottom: isMobile ? 20 : undefined }}>
-              <span className="flex h-2 w-2 rounded-full bg-accent animate-pulse"></span>
-              <span className="text-accent text-[10px] uppercase tracking-[0.2em] font-bold">Bewerbungsphase 2026 Eröffnet</span>
+              <span className="flex h-2 w-2 rounded-full bg-accent"></span>
+              <span className="text-accent text-[10px] uppercase tracking-[0.2em] font-bold">Bewerbungsphase 2026 geschlossen</span>
            </div>
            
            <h1 className="font-display font-bold text-white mb-6 leading-[0.9] tracking-tight" style={{ fontSize: isMobile ? 'clamp(1.8rem, 10vw, 3rem)' : 'clamp(3.5rem, 8vw, 6rem)' }}>
@@ -192,9 +192,9 @@ const Home: React.FC = () => {
        {/* Partner Bar */}
        <div className="absolute bottom-0 left-0 w-full bg-white/5 backdrop-blur-xl border-t border-white/10 hidden lg:block">
          <div className="px-8 py-5 flex items-center justify-between opacity-60 hover:opacity-100 transition-opacity duration-500">
-            {/* Left: label — stays put */}
+            {/* Left: label – stays put */}
            <span style={{ fontFamily: '"IBM Plex Sans", sans-serif', fontSize: 9, fontWeight: 700, letterSpacing: '0.3em', textTransform: 'uppercase', color: 'rgba(255,255,255,0.5)', whiteSpace: 'nowrap', flexShrink: 0 }}>Unsere Partner</span>
-            {/* Right: ticker — fixed window, exactly 4 logos wide */}
+            {/* Right: ticker – fixed window, exactly 4 logos wide */}
            <div style={{ display: 'flex', alignItems: 'center', gap: 16, flexShrink: 0 }}>
              <div style={{ width: 1, height: 20, background: 'rgba(255,255,255,0.2)' }} />
              <div style={{ width: 560, overflow: 'hidden', flexShrink: 0 }}>
@@ -209,9 +209,9 @@ const Home: React.FC = () => {
      <section style={{ overflow: 'hidden', position: 'relative', isolation: 'isolate' }}>
        <MunichSkylineBg />
        <div style={{ display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '55% 45%', position: 'relative' }}>
-          {/* Left (desktop) / Bottom (mobile) — text block (light bg, dark text) */}
+          {/* Left (desktop) / Bottom (mobile) – text block (light bg, dark text) */}
          <div style={{ background: '#E4E2E3', padding: isMobile ? '32px 24px 44px' : '80px 72px', display: 'flex', flexDirection: 'column', justifyContent: 'center', order: isMobile ? 2 : 0 }}>
-            {/* Eyebrow + heading — desktop only (on mobile these are overlaid on the image) */}
+            {/* Eyebrow + heading – desktop only (on mobile these are overlaid on the image) */}
            {!isMobile && (
              <>
                <span style={{ fontFamily: '"IBM Plex Sans", sans-serif', fontSize: 10, color: '#4A8FC9', textTransform: 'uppercase', letterSpacing: '0.3em', fontWeight: 700, display: 'block', marginBottom: 16 }}>Schnell-Check</span>
@@ -257,7 +257,7 @@ const Home: React.FC = () => {
            </Link>
          </div>

-          {/* Right (desktop) / Top (mobile) — image; on mobile the heading is overlaid here */}
+          {/* Right (desktop) / Top (mobile) – image; on mobile the heading is overlaid here */}
          <div style={{ position: 'relative', minHeight: isMobile ? 280 : 560, overflow: 'hidden', order: isMobile ? 1 : 0 }}>
            <img
              src="/images/buehne-gewinner.jpg"
@@ -268,7 +268,7 @@ const Home: React.FC = () => {
            <div style={{ position: 'absolute', inset: 0, background: isMobile
              ? 'linear-gradient(to top, rgba(3,9,58,0.92) 0%, rgba(3,9,58,0.55) 34%, rgba(3,9,58,0.12) 68%, transparent 100%), linear-gradient(to right, rgba(3,9,58,0.55) 0%, transparent 55%)'
              : 'linear-gradient(to left, transparent 40%, #E4E2E3 100%)' }} />
-            {/* Heading overlay — mobile only */}
+            {/* Heading overlay – mobile only */}
            {isMobile && (
              <div style={{ position: 'absolute', left: 0, right: 0, bottom: 0, padding: '0 24px 26px', zIndex: 2 }}>
                <span style={{ fontFamily: '"IBM Plex Sans", sans-serif', fontSize: 10, color: '#8FBEEC', textTransform: 'uppercase', letterSpacing: '0.3em', fontWeight: 700, display: 'block', marginBottom: 12 }}>Schnell-Check</span>
@@ -277,17 +277,17 @@ const Home: React.FC = () => {
                </h2>
              </div>
            )}
-            {/* Gold accent line — bottom edge */}
+            {/* Gold accent line – bottom edge */}
            <div style={{ position: 'absolute', bottom: 0, left: 0, right: 0, height: 2, background: 'linear-gradient(to right, rgba(239,191,4,0.2), #EFBF04, rgba(239,191,4,0.2))', zIndex: 3 }} />
          </div>
        </div>
      </section>

-      {/* Intro Section — editorial split, no radius, no floating badge */}
+      {/* Intro Section – editorial split, no radius, no floating badge */}
      <section style={{ overflow: 'hidden', position: 'relative', isolation: 'isolate' }}>
        <MunichSkylineBg />
        <div style={{ display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '45% 55%' }}>
-          {/* Left — full-bleed image with stats overlay (+ heading on mobile) */}
+          {/* Left – full-bleed image with stats overlay (+ heading on mobile) */}
          <div style={{ position: 'relative', minHeight: isMobile ? 300 : 600, overflow: 'hidden' }}>
            <img
              src="/images/preistraeger-jubel.jpg"
@@ -298,7 +298,7 @@ const Home: React.FC = () => {
            <div style={{ position: 'absolute', inset: 0, background: isMobile
              ? 'linear-gradient(to top, rgba(3,9,58,0.92) 0%, rgba(3,9,58,0.5) 36%, rgba(3,9,58,0.1) 70%, transparent 100%), linear-gradient(to right, rgba(3,9,58,0.5) 0%, transparent 55%)'
              : 'linear-gradient(to right, transparent 50%, #fff 100%), linear-gradient(to top, rgba(3,9,58,0.82) 0%, rgba(3,9,58,0.50) 60%, transparent 100%)' }} />
-            {/* Heading overlay — mobile only (bottom-left) */}
+            {/* Heading overlay – mobile only (bottom-left) */}
            {isMobile && (
              <div style={{ position: 'absolute', left: 0, right: 0, bottom: 0, padding: '0 24px 26px', zIndex: 2 }}>
                <span style={{ fontFamily: '"IBM Plex Sans", sans-serif', fontSize: 10, color: '#8FBEEC', textTransform: 'uppercase', letterSpacing: '0.3em', fontWeight: 700, display: 'block', marginBottom: 12 }}>Ein Gewinn für alle</span>
@@ -307,7 +307,7 @@ const Home: React.FC = () => {
                </h2>
              </div>
            )}
-            {/* Stats bottom-left — desktop only (mobile shows them below the image) */}
+            {/* Stats bottom-left – desktop only (mobile shows them below the image) */}
            {!isMobile && (
              <div style={{ position: 'absolute', bottom: 0, left: 0, right: 0, padding: '32px 40px', background: 'linear-gradient(to top, rgba(3,9,58,0.88) 0%, transparent 100%)', display: 'flex', gap: 36 }}>
                {[['20+', 'Jahre Exzellenz'], ['0 €', 'Teilnahmegebühr'], ['100%', 'Unabhängig']].map(([v, l]) => (
@@ -320,7 +320,7 @@ const Home: React.FC = () => {
            )}
          </div>

-          {/* Right — editorial text */}
+          {/* Right – editorial text */}
          <div style={{ background: '#fff', padding: isMobile ? '32px 24px 40px' : '80px 72px', display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>
            {!isMobile && (
              <>
@@ -330,7 +330,7 @@ const Home: React.FC = () => {
                </h2>
              </>
            )}
-            {/* Stats row — mobile only, below the image */}
+            {/* Stats row – mobile only, below the image */}
            {isMobile && (
              <div style={{ display: 'flex', gap: 16, marginBottom: 28, paddingBottom: 24, borderBottom: '1px solid #D0D5DD' }}>
                {[['20+', 'Jahre Exzellenz'], ['0 €', 'Teilnahmegebühr'], ['100%', 'Unabhängig']].map(([v, l]) => (
@@ -363,7 +363,7 @@ const Home: React.FC = () => {
      {/* Status Phase Slider */}
      <StatusSlider />

-      {/* Winners Grid — neue Preisträger-Übersicht */}
+      {/* Winners Grid – neue Preisträger-Übersicht */}
      <section style={{ background: '#111D55' }}>
        <div style={{ padding: isMobile ? '48px 24px 32px' : '72px 80px 48px', display: 'flex', flexDirection: isMobile ? 'column' : 'row', alignItems: isMobile ? 'flex-start' : 'flex-end', justifyContent: 'space-between', gap: isMobile ? 16 : 0 }}>
          <div>
@@ -403,12 +403,12 @@ const Home: React.FC = () => {
      <TestimonialsSection />


-      {/* Benefits Section — editorial split */}
+      {/* Benefits Section – editorial split */}
      <section style={{ overflow: 'hidden', position: 'relative', isolation: 'isolate' }}>
        <MunichSkylineBg />
        <div style={{ display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '55% 45%', minHeight: isMobile ? 'auto' : 560 }}>

-          {/* Left — text on cream */}
+          {/* Left – text on cream */}
          <div style={{ background: '#E4E2E3', padding: isMobile ? '32px 24px 44px' : '80px 72px', display: 'flex', flexDirection: 'column', justifyContent: 'center', order: isMobile ? 2 : 0 }}>
            {!isMobile && (
              <>
@@ -419,12 +419,12 @@ const Home: React.FC = () => {
              </>
            )}

-            {/* Numbered rows — no cards, no shadows */}
+            {/* Numbered rows – no cards, no shadows */}
            <div style={{ borderTop: '1px solid #D0D5DD' }}>
              {[
                { num: '01', title: 'Netzwerk', desc: 'Direkter Zugang zu Entscheidern aus Staatsregierung, Wirtschaft und Wissenschaft.' },
                { num: '02', title: 'Sichtbarkeit', desc: 'Breite mediale Begleitung durch TV-, Radio- und Print-Partner bayernweit.' },
-                { num: '03', title: 'Bestätigung', desc: 'Ein unabhängiger Qualitätsnachweis — das stärkste Siegel für Ihren Marktauftritt.' },
+                { num: '03', title: 'Bestätigung', desc: 'Ein unabhängiger Qualitätsnachweis – das stärkste Siegel für Ihren Marktauftritt.' },
              ].map((item, i) => (
                <div
                  key={i}
@@ -442,7 +442,7 @@ const Home: React.FC = () => {
            </div>
          </div>

-          {/* Right — full-bleed photo (+ heading on mobile) */}
+          {/* Right – full-bleed photo (+ heading on mobile) */}
          <div style={{ position: 'relative', overflow: 'hidden', minHeight: isMobile ? 280 : 'auto', order: isMobile ? 1 : 0 }}>
            <img
              src="/images/networking-innenhof.jpg"
@@ -452,7 +452,7 @@ const Home: React.FC = () => {
            <div style={{ position: 'absolute', inset: 0, background: isMobile
              ? 'linear-gradient(to top, rgba(3,9,58,0.92) 0%, rgba(3,9,58,0.5) 36%, rgba(3,9,58,0.1) 70%, transparent 100%), linear-gradient(to right, rgba(3,9,58,0.5) 0%, transparent 55%)'
              : 'linear-gradient(to right, #E4E2E3 0%, transparent 30%), linear-gradient(to top, rgba(3,9,58,0.82) 0%, transparent 50%)' }} />
-            {/* Heading overlay — mobile only (bottom-left) */}
+            {/* Heading overlay – mobile only (bottom-left) */}
            {isMobile && (
              <div style={{ position: 'absolute', left: 0, right: 0, bottom: 0, padding: '0 24px 26px', zIndex: 2 }}>
                <span style={{ fontFamily: FF, fontSize: 10, color: '#8FBEEC', textTransform: 'uppercase', letterSpacing: '0.3em', fontWeight: 700, display: 'block', marginBottom: 12 }}>Mehr als nur ein Preis</span>
@@ -461,7 +461,7 @@ const Home: React.FC = () => {
                </h2>
              </div>
            )}
-            {/* Bottom-left label — desktop only */}
+            {/* Bottom-left label – desktop only */}
            {!isMobile && (
              <div style={{ position: 'absolute', bottom: 40, left: 40 }}>
                <div style={{ fontFamily: FF, fontSize: 10, fontWeight: 700, letterSpacing: '0.2em', textTransform: 'uppercase', color: '#EFBF04', marginBottom: 6 }}>BMP Gala-Netzwerk</div>
@@ -472,14 +472,14 @@ const Home: React.FC = () => {
        </div>
      </section>

-      {/* CTA Section — with embedded form */}
+      {/* CTA Section – with embedded form */}
      <section style={{ background: '#111D55', position: 'relative', overflow: 'hidden', height: isMobile ? 'auto' : 'calc(100vh - 60px)', display: 'flex', flexDirection: 'column' }} id="bewerben">
        {/* Subtle radial glow behind left copy */}
        <div style={{ position: 'absolute', left: -120, top: '50%', transform: 'translateY(-50%)', width: 600, height: 600, borderRadius: '50%', background: 'radial-gradient(circle, rgba(5,26,135,0.35) 0%, transparent 70%)', pointerEvents: 'none' }} />

        <div style={{ display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '4fr 1px 8fr', position: 'relative', flex: isMobile ? 'none' : 1, minHeight: 0, overflow: 'hidden' }}>

-          {/* Left — pitch copy */}
+          {/* Left – pitch copy */}
          <div style={{ padding: isMobile ? '32px 24px 24px' : '36px 36px 32px 52px', display: 'flex', flexDirection: 'column', justifyContent: 'center', overflow: 'hidden' }}>
            <span style={{ fontFamily: FF, fontSize: 10, color: '#EFBF04', textTransform: 'uppercase', letterSpacing: '0.36em', fontWeight: 700, display: 'block', marginBottom: 16, opacity: 0.8 }}>Chance ergreifen</span>
            <h2 style={{ fontFamily: FF, fontSize: isMobile ? 'clamp(1.8rem, 8vw, 2.6rem)' : 'clamp(1.8rem, 2.8vw, 2.6rem)', fontWeight: 900, color: '#fff', textTransform: 'uppercase', letterSpacing: '-0.03em', lineHeight: 1.0, marginBottom: 16 }}>
@@ -487,7 +487,7 @@ const Home: React.FC = () => {
            </h2>
            <div style={{ width: 32, height: 2, background: '#EFBF04', marginBottom: 20 }} />
            <p style={{ fontFamily: FF, fontSize: 15, color: 'rgba(255,255,255,0.6)', lineHeight: 1.7, marginBottom: 32 }}>
-              Werden Sie Teil der Wall of Fame des bayerischen Mittelstands — vollständig kostenfrei.
+              Werden Sie Teil der Wall of Fame des bayerischen Mittelstands – vollständig kostenfrei.
            </p>

            {/* Benefit rows */}
@@ -512,7 +512,7 @@ const Home: React.FC = () => {
          {/* Divider */}
          {!isMobile && <div style={{ background: 'rgba(255,255,255,0.07)' }} />}

-          {/* Right — gold premium panel */}
+          {/* Right – gold premium panel */}
          <div style={{ display: 'flex', flexDirection: 'column', overflow: 'hidden', minHeight: 0, position: 'relative', background: 'linear-gradient(160deg,#DDB84A 0%,#C9A227 52%,#A87800 100%)' }}>

            {/* Premium award crosshatch pattern */}
@@ -525,7 +525,7 @@ const Home: React.FC = () => {
              <rect width="100%" height="100%" fill="url(#bmpCross)" />
            </svg>

-            {/* Inner vignette — edges slightly deeper gold */}
+            {/* Inner vignette – edges slightly deeper gold */}
            <div style={{ position: 'absolute', inset: 0, background: 'radial-gradient(ellipse at center, transparent 55%, rgba(100,70,0,0.25) 100%)', pointerEvents: 'none', zIndex: 0 }} />

            {/* Award ceremony photo */}
@@ -558,7 +558,7 @@ const Home: React.FC = () => {

        {/* Footnote row */}
        <div style={{ position: 'relative', zIndex: 1, padding: isMobile ? '16px 24px 20px' : '14px 56px 18px', display: 'flex', flexWrap: 'wrap', justifyContent: 'center', textAlign: 'center', borderTop: '1px solid rgba(255,255,255,0.06)', flexShrink: 0 }}>
-          <span style={{ fontFamily: FF, fontSize: 15, color: 'rgba(255,255,255,0.45)', marginRight: isMobile ? 6 : 10 }}>Kostenlos und unverbindlich —</span>
+          <span style={{ fontFamily: FF, fontSize: 15, color: 'rgba(255,255,255,0.45)', marginRight: isMobile ? 6 : 10 }}>Kostenlos und unverbindlich –</span>
          <span style={{ fontFamily: FF, fontSize: 15, fontWeight: 700, color: 'rgba(239,191,4,0.8)' }}>keine Teilnahmegebühr</span>
        </div>
        <div style={{ height: 2, background: 'linear-gradient(to right, #EFBF04, rgba(239,191,4,0.25), transparent)', flexShrink: 0 }} />
@@ -788,7 +788,7 @@ function StatusSlideCard({ phase, isMobile }: { phase: StatusPhase; isMobile: bo
          </div>
        )}

-        {/* Membership CTA — for active phases only */}
+        {/* Membership CTA – for active phases only */}
        {phase.num !== '03' && (
          <div style={{ textAlign: 'center' }}>
            <div style={{ width: 1, height: 20, background: 'rgba(255,255,255,0.08)', margin: '0 auto 20px' }} />
--- a/src/pages/Impressum.tsx
+++ b/src/pages/Impressum.tsx
@@ -66,7 +66,7 @@ export default function Impressum() {
      {/* ── BODY ──────────────────────────────────────────────────────────── */}
      <div style={{ maxWidth: 1100, margin: '0 auto', padding: isMobile ? '40px 24px' : '64px 80px', display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '200px 1fr', gap: isMobile ? 40 : 80, alignItems: 'start' }}>

-        {/* LEFT — sticky TOC */}
+        {/* LEFT – sticky TOC */}
        {!isMobile && (
          <nav style={{ position: 'sticky', top: 80 }}>
            <div style={{ fontFamily: FF, fontSize: 9, fontWeight: 700, letterSpacing: '0.28em', textTransform: 'uppercase', color: GOLD, marginBottom: 16 }}>Inhalt</div>
@@ -90,7 +90,7 @@ export default function Impressum() {
          </nav>
        )}

-        {/* RIGHT — content */}
+        {/* RIGHT – content */}
        <div style={{ display: 'flex', flexDirection: 'column', gap: 56 }}>

          <Section id="betreiber" title="Angaben gemäß §5 TMG">
@@ -167,7 +167,7 @@ export default function Impressum() {
            </SubSection>

            <SubSection num="4" title="Recht auf Widerruf">
-              <p style={body}>Wenn Sie uns personenbezogene Daten überlassen haben, können Sie diese jederzeit im Benutzerprofil wieder ändern und löschen. Für eine vollständige Löschung des Accounts bitte an den Webmaster wenden. Bis zu diesem Zeitpunkt erfolgte Beiträge in Foren, Kommentaren, Terminankündigungen und Artikeln bleiben allerdings unter Umständen erhalten — Informationen dazu auch bei den allgemeinen Nutzungsbedingungen.</p>
+              <p style={body}>Wenn Sie uns personenbezogene Daten überlassen haben, können Sie diese jederzeit im Benutzerprofil wieder ändern und löschen. Für eine vollständige Löschung des Accounts bitte an den Webmaster wenden. Bis zu diesem Zeitpunkt erfolgte Beiträge in Foren, Kommentaren, Terminankündigungen und Artikeln bleiben allerdings unter Umständen erhalten – Informationen dazu auch bei den allgemeinen Nutzungsbedingungen.</p>
            </SubSection>

            <SubSection num="5" title="Links zu anderen Websites">
--- a/src/pages/MitgliedWerden.tsx
+++ b/src/pages/MitgliedWerden.tsx
@@ -270,7 +270,7 @@ function BeitragsrechnerSection({ isMobile }: { isMobile: boolean }) {
  );
 }

-// ── PDF Download Section — editorial split strip ──────────────────────────────
+// ── PDF Download Section – editorial split strip ──────────────────────────────

 function PDFDownloadSection({ isMobile }: { isMobile: boolean }) {
  const [hover, setHover] = useState<'online' | 'pdf' | null>(null);
@@ -291,7 +291,7 @@ function PDFDownloadSection({ isMobile }: { isMobile: boolean }) {
        gridTemplateColumns: isMobile ? '1fr' : '1fr 1px 1fr',
        minHeight: isMobile ? undefined : 140,
      }}>
-        {/* Left — online */}
+        {/* Left – online */}
        <a
          href="#mitglied-formular"
          style={{
@@ -392,7 +392,7 @@ function PDFDownloadSection({ isMobile }: { isMobile: boolean }) {
          </div>
        )}

-        {/* Right — PDF */}
+        {/* Right – PDF */}
        <a
          href="/aufnahmeantrag-bmp.pdf"
          download
@@ -655,7 +655,7 @@ const MitgliedWerden: React.FC = () => {
  return (
    <div className="animate-fade-in">

-      {/* ── SECTION 1 — Minimal Header ──────────────────────────────────────── */}
+      {/* ── SECTION 1 – Minimal Header ──────────────────────────────────────── */}
      <header
        style={{
          background: NAVY,
@@ -698,7 +698,7 @@ const MitgliedWerden: React.FC = () => {
        </Link>
      </header>

-      {/* ── SECTION 2 — Hero ────────────────────────────────────────────────── */}
+      {/* ── SECTION 2 – Hero ────────────────────────────────────────────────── */}
      <section
        style={{
          background: NAVY,
@@ -774,7 +774,7 @@ const MitgliedWerden: React.FC = () => {
            </p>
          </div>

-          {/* Right col — typographic stat block */}
+          {/* Right col – typographic stat block */}
          {!isMobile && (
            <div
              style={{
@@ -902,7 +902,7 @@ const MitgliedWerden: React.FC = () => {
        />
      </section>

-      {/* ── SECTION 3 — Benefit cards ───────────────────────────────────────── */}
+      {/* ── SECTION 3 – Benefit cards ───────────────────────────────────────── */}
      <section style={{ background: CREAM, position: 'relative', overflow: 'hidden', isolation: 'isolate' }}>
        <MunichSkylineBg />
        <div
@@ -966,7 +966,7 @@ const MitgliedWerden: React.FC = () => {
            <BenefitCard
              icon={<Eye size={24} color={NAVY} strokeWidth={1.5} />}
              title="Sichtbarkeit"
-              body="Als Vereinsmitglied wirst du im BMP-Ökosystem sichtbar — auf Events, in Publikationen und online."
+              body="Als Vereinsmitglied wirst du im BMP-Ökosystem sichtbar – auf Events, in Publikationen und online."
              isLast={false}
              isMobile={isMobile}
            />
@@ -981,7 +981,7 @@ const MitgliedWerden: React.FC = () => {
        </div>
      </section>

-      {/* ── SECTION 4 — Über den Verein ─────────────────────────────────────── */}
+      {/* ── SECTION 4 – Über den Verein ─────────────────────────────────────── */}
      <section
        style={{
          background: '#fff',
@@ -1044,7 +1044,7 @@ const MitgliedWerden: React.FC = () => {
            }}
          >
            Unsere Mitglieder sind Unternehmer:innen, Wissenschaftler:innen, Verbände und
-            Einzelpersonen — verbunden durch das Ziel, den Mittelstand als Rückgrat der
+            Einzelpersonen – verbunden durch das Ziel, den Mittelstand als Rückgrat der
            bayerischen Wirtschaft zu stärken.
          </p>
          <p
@@ -1153,13 +1153,13 @@ const MitgliedWerden: React.FC = () => {
        </div>
      </section>

-      {/* ── SECTION 5 — Beitragsrechner ─────────────────────────────────────── */}
+      {/* ── SECTION 5 – Beitragsrechner ─────────────────────────────────────── */}
      <BeitragsrechnerSection isMobile={isMobile} />

      {/* ── Antrag-Wahl Strip ────────────────────────────────────────────────── */}
      <PDFDownloadSection isMobile={isMobile} />

-      {/* ── SECTION 6 — Formular ────────────────────────────────────────────── */}
+      {/* ── SECTION 6 – Formular ────────────────────────────────────────────── */}
      <section
        id="mitglied-formular"
        style={{ background: NAVY, position: 'relative', overflow: 'hidden', height: isMobile ? 'auto' : 'calc(100vh - 60px)', display: 'flex', flexDirection: 'column' }}
@@ -1173,7 +1173,7 @@ const MitgliedWerden: React.FC = () => {
            overflow: isMobile ? 'visible' : 'hidden',
          }}
        >
-          {/* Left — pitch */}
+          {/* Left – pitch */}
          <div
            style={{
              padding: isMobile ? '32px 24px 24px' : '36px 36px 32px 52px',
@@ -1309,7 +1309,7 @@ const MitgliedWerden: React.FC = () => {
            }}
          />

-          {/* Right — wizard */}
+          {/* Right – wizard */}
          <div style={{ display: 'flex', flexDirection: 'column', background: 'rgba(0,0,0,0.18)', overflowY: isMobile ? 'visible' : 'auto', minHeight: 0 }}>
            {!isMobile && (
              <div style={{ height: 180, position: 'relative', overflow: 'hidden', flexShrink: 0 }}>
@@ -1330,7 +1330,7 @@ const MitgliedWerden: React.FC = () => {
        <div style={{ height: 2, background: 'linear-gradient(to right, #EFBF04, rgba(239,191,4,0.25), transparent)', flexShrink: 0 }} />
      </section>

-      {/* ── SECTION 7 — Testimonials ────────────────────────────────────────── */}
+      {/* ── SECTION 7 – Testimonials ────────────────────────────────────────── */}
      <section style={{ background: '#fff', position: 'relative', overflow: 'hidden' }}>
        <div style={{ padding: isMobile ? '48px 24px' : '80px' }}>
          <span
@@ -1383,7 +1383,7 @@ const MitgliedWerden: React.FC = () => {
              role="Verbandsvertreterin"
            />
            <QuoteCard
-              quote="Der Verein ist das Rückgrat des Awards — ohne die Mitglieder gibt es keinen BMP. Ich bin stolz, Teil davon zu sein."
+              quote="Der Verein ist das Rückgrat des Awards – ohne die Mitglieder gibt es keinen BMP. Ich bin stolz, Teil davon zu sein."
              initials="TR"
              name="Thomas Riedl"
              role="Jury-Alumni"
@@ -1395,7 +1395,7 @@ const MitgliedWerden: React.FC = () => {
      {/* ── FAQ ─────────────────────────────────────────────────────────────── */}
      <FAQSection isMobile={isMobile} />

-      {/* ── SECTION 8 — Bottom CTA ──────────────────────────────────────────── */}
+      {/* ── SECTION 8 – Bottom CTA ──────────────────────────────────────────── */}
      <section
        style={{
          background: NAVY,
--- a/src/pages/Netzwerk.tsx
+++ b/src/pages/Netzwerk.tsx
@@ -81,11 +81,47 @@ const JuryCard: React.FC<{ member: JuryMember; idx: number }> = ({ member, idx }
        <img src={member.img} alt={member.name} style={{ width: '100%', height: '100%', objectFit: 'cover', filter: hovered ? 'none' : 'grayscale(100%)', transition: 'filter 0.5s', display: 'block' }} />
        <div style={{ position: 'absolute', bottom: 0, left: 0, right: 0, height: '40%', background: 'linear-gradient(to top, rgba(3,9,58,0.65), transparent)' }} />
      </div>
-      <div style={{ padding: '28px 28px 32px' }}>
-        <div style={{ fontFamily: FF, fontSize: 17, fontWeight: 700, color: '#fff', marginBottom: 4 }}>{member.name}</div>
-        <div style={{ fontFamily: FF, fontSize: 10, color: GOLD, textTransform: 'uppercase', letterSpacing: '0.18em', fontWeight: 700, marginBottom: 12 }}>{member.role}</div>
-        <div style={{ width: hovered ? '100%' : 24, height: 1, background: GOLD, opacity: 0.4, transition: 'width 0.4s ease', marginBottom: 12 }} />
-        <div style={{ fontFamily: FB, fontSize: 18, color: 'rgba(255,255,255,0.4)', lineHeight: 1.7 }}>{member.bio}</div>
+      <div style={{ padding: isMobileCard ? '28px 28px 32px' : '32px 32px 36px' }}>
+        <div style={{ fontFamily: FF, fontSize: 20, fontWeight: 700, color: '#fff', marginBottom: 5 }}>{member.name}</div>
+        <div style={{ fontFamily: FF, fontSize: 12, color: GOLD, textTransform: 'uppercase', letterSpacing: '0.16em', fontWeight: 700, marginBottom: 14 }}>{member.role}</div>
+        <div style={{ width: hovered ? '100%' : 24, height: 1, background: GOLD, opacity: 0.4, transition: 'width 0.4s ease', marginBottom: 14 }} />
+        <div style={{ fontFamily: FB, fontSize: 18, color: 'rgba(255,255,255,0.55)', lineHeight: 1.7 }}>{member.bio}</div>
+      </div>
+    </div>
+  );
+};
+
+// ── JuryChairCard (Vorsitz – prominent) ───────────────────────────────────────
+
+const JuryChairCard: React.FC<{ member: JuryMember }> = ({ member }) => {
+  const [hovered, setHovered] = useState(false);
+  const isMobileCard = useIsMobile();
+  return (
+    <div
+      onMouseEnter={() => setHovered(true)}
+      onMouseLeave={() => setHovered(false)}
+      style={{
+        display: 'grid',
+        gridTemplateColumns: isMobileCard ? '1fr' : '380px 1fr',
+        gap: 0,
+        background: 'rgba(255,255,255,0.03)',
+        border: `1px solid ${GOLD}40`,
+        borderRadius: 20,
+        overflow: 'hidden',
+      }}
+    >
+      <div style={{ position: 'relative', overflow: 'hidden', aspectRatio: isMobileCard ? '16/10' : '3/4', minHeight: isMobileCard ? 240 : 'auto' }}>
+        <img src={member.img} alt={member.name} style={{ width: '100%', height: '100%', objectFit: 'cover', objectPosition: 'center top', filter: hovered ? 'none' : 'grayscale(100%)', transition: 'filter 0.5s', display: 'block' }} />
+        <div style={{ position: 'absolute', bottom: 0, left: 0, right: 0, height: '45%', background: 'linear-gradient(to top, rgba(3,9,58,0.7), transparent)' }} />
+      </div>
+      <div style={{ padding: isMobileCard ? '32px 28px 36px' : '56px 56px', display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>
+        <span style={{ alignSelf: 'flex-start', fontFamily: FF, fontSize: 11, fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.18em', color: NAVY, background: GOLD, padding: '7px 16px', borderRadius: 999, marginBottom: 24 }}>
+          Jury-Vorsitz
+        </span>
+        <div style={{ fontFamily: FF, fontSize: isMobileCard ? 26 : 34, fontWeight: 900, color: '#fff', textTransform: 'uppercase', letterSpacing: '-0.02em', lineHeight: 1.05, marginBottom: 10 }}>{member.name}</div>
+        <div style={{ fontFamily: FF, fontSize: 13, color: GOLD, textTransform: 'uppercase', letterSpacing: '0.18em', fontWeight: 700, marginBottom: 24 }}>{member.role}</div>
+        <div style={{ width: 48, height: 2, background: GOLD, opacity: 0.5, marginBottom: 24 }} />
+        <div style={{ fontFamily: FB, fontSize: isMobileCard ? 18 : 21, color: 'rgba(255,255,255,0.6)', lineHeight: 1.7, maxWidth: 620 }}>{member.bio}</div>
      </div>
    </div>
  );
@@ -212,7 +248,7 @@ function PartnerModal({ partner, onClose }: { partner: Partner; onClose: () => v
          {/* Gradient to white */}
          <div style={{ position: 'absolute', inset: 0, background: 'linear-gradient(to bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 35%, rgba(255,255,255,0.6) 75%, #fff 100%)' }} />

-          {/* Category badge — top left */}
+          {/* Category badge – top left */}
          <div style={{ position: 'absolute', top: 20, left: 24 }}>
            <span style={{
              background: 'rgba(255,255,255,0.15)',
@@ -227,7 +263,7 @@ function PartnerModal({ partner, onClose }: { partner: Partner; onClose: () => v
            </span>
          </div>

-          {/* Social + Close — top right */}
+          {/* Social + Close – top right */}
          <div style={{ position: 'absolute', top: 16, right: 20, display: 'flex', gap: 8, alignItems: 'center' }}>
            {partner.linkedin && (
              <a href={partner.linkedin} target="_blank" rel="noopener noreferrer" style={{
@@ -262,7 +298,7 @@ function PartnerModal({ partner, onClose }: { partner: Partner; onClose: () => v
            </button>
          </div>

-          {/* Logo box — bottom left (overflows hero) */}
+          {/* Logo box – bottom left (overflows hero) */}
          <div style={{
            position: 'absolute', bottom: -28, left: 28,
            width: 80, height: 80, background: '#fff',
@@ -398,8 +434,8 @@ const Netzwerk: React.FC = () => {
    },
    {
      id: 'wwk', name: 'WWK', role: 'Hauptsponsor', tier: 1,
-      desc: 'Eine starke Gemeinschaft — Lebensversicherungsgruppe mit bayerischen Wurzeln.',
-      fullDesc: 'Die WWK Lebensversicherung a. G. ist eine der leistungsstärksten deutschen Lebensversicherungsgruppen. Als Münchner Traditionsunternehmen verbindet die WWK tiefe bayerische Verwurzelung mit finanzieller Stärke — Werte, die sie mit dem Bayerischen Mittelstandspreis teilt.',
+      desc: 'Eine starke Gemeinschaft – Lebensversicherungsgruppe mit bayerischen Wurzeln.',
+      fullDesc: 'Die WWK Lebensversicherung a. G. ist eine der leistungsstärksten deutschen Lebensversicherungsgruppen. Als Münchner Traditionsunternehmen verbindet die WWK tiefe bayerische Verwurzelung mit finanzieller Stärke – Werte, die sie mit dem Bayerischen Mittelstandspreis teilt.',
      logo: (<span style={{ fontWeight: 900, fontSize: 24, letterSpacing: '-0.02em', color: '#16a34a', fontFamily: 'Arial Black, sans-serif' }}>WWK</span>),
      industry: 'Lebensversicherung', location: 'München, Bayern', website: 'wwk.de', linkedin: 'https://linkedin.com/company/wwk-versicherung',
    },
@@ -407,7 +443,7 @@ const Netzwerk: React.FC = () => {
    /* ── TIER 2 · Medienpartner ──────────────────────────────── */
    {
      id: 'radiogong', name: 'Radio Gong 96.3', role: 'Medienpartner', tier: 2,
-      desc: 'Der reichweitenstärkste Radiosender Münchens — Stimme des Mittelstands.',
+      desc: 'Der reichweitenstärkste Radiosender Münchens – Stimme des Mittelstands.',
      fullDesc: 'Radio Gong 96.3 ist der reichweitenstärkste Radiosender Münchens. Als Medienpartner des BMP sorgt er für Aufmerksamkeit für die Nominierten in Sendemitschnitten und redaktionellen Beiträgen.',
      logo: (<span style={{ background: '#e11d48', color: '#fff', fontWeight: 900, fontSize: 14, padding: '4px 10px', lineHeight: 1.25, display: 'inline-block', textAlign: 'center' as const, fontFamily: '"IBM Plex Sans", sans-serif' }}>Radio<br/>Gong <span style={{ color: '#fde047' }}>96.3</span></span>),
      industry: 'Medien', location: 'München', website: 'radiogong.com',
@@ -423,8 +459,8 @@ const Netzwerk: React.FC = () => {
    /* ── TIER 3 · Weitere Sponsoren ──────────────────────────── */
    {
      id: 'metzler', name: 'METZLER', role: 'Sponsor', tier: 3,
-      desc: 'Älteste Privatbank Deutschlands — Unabhängigkeit seit 1674.',
-      fullDesc: 'B. Metzler seel. Sohn & Co. KGaA ist die älteste deutsche Privatbank in Familienbesitz — seit über 350 Jahren unabhängig. Ihr Engagement für den BMP unterstreicht die tiefe Verbundenheit mit dem Mittelstand, dessen Werte wie Verlässlichkeit, Substanz und Langfristigkeit Metzler selbst verkörpert.',
+      desc: 'Älteste Privatbank Deutschlands – Unabhängigkeit seit 1674.',
+      fullDesc: 'B. Metzler seel. Sohn & Co. KGaA ist die älteste deutsche Privatbank in Familienbesitz – seit über 350 Jahren unabhängig. Ihr Engagement für den BMP unterstreicht die tiefe Verbundenheit mit dem Mittelstand, dessen Werte wie Verlässlichkeit, Substanz und Langfristigkeit Metzler selbst verkörpert.',
      logo: (<span style={{ fontWeight: 900, fontSize: 21, letterSpacing: '0.15em', color: '#1a1a1a', fontFamily: 'Georgia, serif' }}>METZLER</span>),
      industry: 'Privatbankwesen', location: 'Frankfurt a. M.', website: 'metzler.com', linkedin: 'https://linkedin.com/company/metzler',
    },
@@ -437,7 +473,7 @@ const Netzwerk: React.FC = () => {
    },
    {
      id: 'fristads', name: 'Fristads', role: 'Sponsor', tier: 3,
-      desc: 'Premium-Arbeitsbekleidung — Funktion, Qualität und Design.',
+      desc: 'Premium-Arbeitsbekleidung – Funktion, Qualität und Design.',
      fullDesc: 'Fristads steht für hochwertige, funktionale Arbeitsbekleidung, die Schutz, Komfort und Design vereint. Als Sponsor des Bayerischen Mittelstandspreises unterstützt das Unternehmen die Auszeichnung herausragender mittelständischer Betriebe.',
      logo: (<span style={{ fontWeight: 900, fontSize: 19, letterSpacing: '0.02em', color: '#1a1a1a', fontFamily: 'Arial Black, sans-serif' }}>FRISTADS</span>),
      industry: 'Workwear & Textil', location: 'Deutschland', website: 'fristads.com',
@@ -540,7 +576,7 @@ const Netzwerk: React.FC = () => {
          />
        </div>

-        {/* Grußwort — Ilse Aigner */}
+        {/* Grußwort – Ilse Aigner */}
        <div style={{ background: 'rgba(255,255,255,0.03)', borderTop: '1px solid rgba(255,255,255,0.07)' }}>
          <div style={{ padding: isMobile ? '32px 24px' : '64px 80px', display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '40% 60%', gap: isMobile ? '24px 0' : '0 64px', alignItems: 'flex-start' }}>
            <div>
@@ -555,7 +591,7 @@ const Netzwerk: React.FC = () => {
                "Der Bayerische Mittelstandspreis steht für das, was Bayern stark macht: Unternehmergeist, Verantwortung und Qualität. Mit großer Freude übernehme ich erneut die Schirmherrschaft für diesen bedeutenden Preis."
              </blockquote>
              <div style={{ fontFamily: FF, fontSize: 11, color: 'rgba(255,255,255,0.35)', marginTop: 20, paddingLeft: 24 }}>
-                — Ilse Aigner MdL, Präsidentin des Bayerischen Landtags
+                – Ilse Aigner MdL, Präsidentin des Bayerischen Landtags
              </div>
            </div>
          </div>
@@ -572,7 +608,7 @@ const Netzwerk: React.FC = () => {
          <div aria-hidden style={{ position: 'absolute', inset: 0, pointerEvents: 'none', zIndex: 0, backgroundImage: 'url(/munich-skyline.jpg)', backgroundRepeat: 'no-repeat', backgroundPosition: 'bottom center', backgroundSize: 'cover', opacity: 0.07 }} />
        )}
        {isMobile ? (
-          /* Mobile: one cohesive navy module — copy + compact stat strip */
+          /* Mobile: one cohesive navy module – copy + compact stat strip */
          <div style={{ padding: '48px 24px', position: 'relative', zIndex: 1 }}>
            <span style={{ fontFamily: FF, fontSize: 10, textTransform: 'uppercase', letterSpacing: '0.32em', fontWeight: 700, color: GOLD, display: 'block', marginBottom: 18 }}>Wer entscheidet?</span>
            <h2 style={{ fontFamily: FF, fontSize: 'clamp(1.7rem, 8vw, 2.2rem)', fontWeight: 900, color: '#fff', textTransform: 'uppercase', letterSpacing: '-0.02em', lineHeight: 1.08, margin: '0 0 22px' }}>
@@ -580,7 +616,7 @@ const Netzwerk: React.FC = () => {
            </h2>
            <div style={{ width: 40, height: 2, background: GOLD, marginBottom: 22 }} />
            <p style={{ fontFamily: FB, fontSize: 16, color: 'rgba(255,255,255,0.55)', lineHeight: 1.75, margin: 0 }}>
-              Die Jury des Bayerischen Mittelstandspreises besteht ausschließlich aus ehrenamtlich tätigen Expertinnen und Experten. Kein Mitglied steht in wirtschaftlicher Verbindung zu einem Bewerber — Transparenz und Unparteilichkeit sind die Grundpfeiler unseres Verfahrens.
+              Die Jury des Bayerischen Mittelstandspreises besteht ausschließlich aus ehrenamtlich tätigen Expertinnen und Experten. Kein Mitglied steht in wirtschaftlicher Verbindung zu einem Bewerber – Transparenz und Unparteilichkeit sind die Grundpfeiler unseres Verfahrens.
            </p>
            {/* Stat strip */}
            <div style={{ display: 'flex', marginTop: 32, paddingTop: 26, borderTop: '1px solid rgba(255,255,255,0.14)' }}>
@@ -598,7 +634,7 @@ const Netzwerk: React.FC = () => {
          </div>
        ) : (
          <>
-            {/* Left — Cream, stats */}
+            {/* Left – Cream, stats */}
            <div style={{ background: CREAM, padding: '72px 64px', display: 'flex', flexDirection: 'column', justifyContent: 'center', position: 'relative', zIndex: 1 }}>
              <div>
                <div style={{ fontFamily: FF, fontSize: 'clamp(5rem, 8.5vw, 7.5rem)', fontWeight: 900, color: '#101828', letterSpacing: '-0.04em', lineHeight: 1 }}>11</div>
@@ -615,7 +651,7 @@ const Netzwerk: React.FC = () => {
                <div style={{ fontFamily: FF, fontSize: 11, textTransform: 'uppercase', letterSpacing: '0.15em', color: 'rgba(16,24,40,0.4)', marginTop: 4 }}>Unabhängig &amp; ehrenamtlich</div>
              </div>
            </div>
-            {/* Right — Navy, editorial copy */}
+            {/* Right – Navy, editorial copy */}
            <div style={{ background: NAVY, padding: '72px 64px', display: 'flex', flexDirection: 'column', justifyContent: 'center', position: 'relative', zIndex: 1 }}>
              <span style={{ fontFamily: FF, fontSize: 10, textTransform: 'uppercase', letterSpacing: '0.32em', fontWeight: 700, color: GOLD, marginBottom: 20 }}>Wer entscheidet?</span>
              <h2 style={{ fontFamily: FF, fontSize: 'clamp(1.6rem, 2.5vw, 2.2rem)', fontWeight: 900, color: '#fff', textTransform: 'uppercase', letterSpacing: '-0.02em', lineHeight: 1.08, margin: '0 0 24px' }}>
@@ -623,7 +659,7 @@ const Netzwerk: React.FC = () => {
              </h2>
              <div style={{ width: 40, height: 2, background: GOLD }} />
              <p style={{ marginTop: 24, fontFamily: FB, fontSize: 19, color: 'rgba(255,255,255,0.45)', lineHeight: 1.85 }}>
-                Die Jury des Bayerischen Mittelstandspreises besteht ausschließlich aus ehrenamtlich tätigen Expertinnen und Experten. Kein Mitglied steht in wirtschaftlicher Verbindung zu einem Bewerber — Transparenz und Unparteilichkeit sind die Grundpfeiler unseres Verfahrens.
+                Die Jury des Bayerischen Mittelstandspreises besteht ausschließlich aus ehrenamtlich tätigen Expertinnen und Experten. Kein Mitglied steht in wirtschaftlicher Verbindung zu einem Bewerber – Transparenz und Unparteilichkeit sind die Grundpfeiler unseres Verfahrens.
              </p>
            </div>
          </>
@@ -642,11 +678,25 @@ const Netzwerk: React.FC = () => {
            Unabhängige Expertinnen und Experten aus Wirtschaft, Wissenschaft und Verbänden, für einen vollständig unabhängigen Bewertungsprozess.
          </p>
        </div>
-        <div style={{ display: isMobile ? 'flex' : 'grid', gridTemplateColumns: isMobile ? undefined : 'repeat(4, 1fr)', overflowX: isMobile ? 'auto' : undefined, scrollSnapType: isMobile ? 'x mandatory' : undefined, gap: isMobile ? 14 : 0, padding: isMobile ? '24px 24px 28px' : 0, WebkitOverflowScrolling: 'touch', scrollbarWidth: 'none' }}>
-          {juryMembers.map((member, idx) => (
+        {/* ── Prominenter Vorsitz-Bereich ─────────────────────────────────── */}
+        {/* TODO: echten Jury-Vorsitzenden bestätigen (Name & Foto sind Platzhalter) */}
+        <div style={{ padding: isMobile ? '28px 24px 8px' : '64px 80px 16px' }}>
+          <JuryChairCard member={juryMembers[0]} />
+        </div>
+
+        {/* ── Übrige Jury-Mitglieder ──────────────────────────────────────── */}
+        <div style={{ display: isMobile ? 'flex' : 'grid', gridTemplateColumns: isMobile ? undefined : 'repeat(3, 1fr)', overflowX: isMobile ? 'auto' : undefined, scrollSnapType: isMobile ? 'x mandatory' : undefined, gap: isMobile ? 14 : 0, padding: isMobile ? '24px 24px 12px' : '0', WebkitOverflowScrolling: 'touch', scrollbarWidth: 'none', borderTop: isMobile ? 'none' : '1px solid rgba(255,255,255,0.07)' }}>
+          {juryMembers.slice(1).map((member, idx) => (
            <JuryCard key={idx} member={member} idx={idx} />
          ))}
        </div>
+
+        {/* ── Hinweis: Doppelrolle Jury / Partner (#179) ──────────────────── */}
+        <div style={{ padding: isMobile ? '4px 24px 36px' : '8px 80px 56px' }}>
+          <p style={{ fontFamily: FB, fontSize: isMobile ? 13 : 14, color: 'rgba(255,255,255,0.35)', lineHeight: 1.6, margin: 0, maxWidth: 720 }}>
+            Hinweis: Einzelne Persönlichkeiten engagieren sich sowohl in der Jury als auch als Partner des BMP – beide Rollen werden auf dieser Seite getrennt ausgewiesen.
+          </p>
+        </div>
      </section>


@@ -671,7 +721,7 @@ const Netzwerk: React.FC = () => {
        <div style={{ padding: isMobile ? '48px 24px' : '80px 64px', display: 'flex', flexDirection: 'column', justifyContent: 'center', borderLeft: isMobile ? 'none' : '1px solid rgba(255,255,255,0.07)', borderTop: isMobile ? '1px solid rgba(255,255,255,0.07)' : 'none', overflow: 'hidden', background: '#101828' }}>
          <span style={{ fontFamily: 'Georgia, serif', fontSize: 'clamp(60px, 8vw, 120px)', color: 'rgba(239,191,4,0.1)', lineHeight: 0.8, display: 'block', marginBottom: -20 }}>&ldquo;</span>
          <p style={{ fontFamily: FF, fontSize: 'clamp(1.1rem, 1.8vw, 1.4rem)', fontWeight: 300, color: 'rgba(255,255,255,0.75)', lineHeight: 1.65, margin: '0 0 40px' }}>
-            Die Jury des BMP ist vollständig von wirtschaftlichen Interessen unabhängig. Jede Entscheidung wird transparent nachvollzogen — das ist unser Versprechen an die Unternehmen Bayerns.
+            Die Jury des BMP ist vollständig von wirtschaftlichen Interessen unabhängig. Jede Entscheidung wird transparent nachvollzogen – das ist unser Versprechen an die Unternehmen Bayerns.
          </p>
          <div style={{ display: 'flex', alignItems: 'center', gap: 16 }}>
            <div style={{ width: 40, height: 2, background: GOLD, flexShrink: 0 }} />
@@ -687,14 +737,14 @@ const Netzwerk: React.FC = () => {
        <div style={{ padding: isMobile ? '48px 24px 32px' : '80px 80px 56px', display: 'flex', flexDirection: isMobile ? 'column' : 'row', gap: isMobile ? 12 : 0, justifyContent: 'space-between', alignItems: isMobile ? 'flex-start' : 'flex-end', borderBottom: '1px solid rgba(3,9,58,0.1)' }}>
          <div>
            <span style={{ fontFamily: FF, fontSize: 10, textTransform: 'uppercase', letterSpacing: '0.32em', fontWeight: 700, color: '#4A8FC9', display: 'block', marginBottom: 16 }}>Netzwerkqualität</span>
-            <h2 style={{ fontFamily: FF, fontWeight: 900, color: '#101828', textTransform: 'uppercase', letterSpacing: '-0.025em', fontSize: 'clamp(2rem, 3.5vw, 3rem)', lineHeight: 0.95, margin: 0 }}>PARTNER &amp; SPONSOREN.</h2>
+            <h2 style={{ fontFamily: FF, fontWeight: 900, color: '#101828', textTransform: 'uppercase', letterSpacing: '-0.025em', fontSize: 'clamp(2rem, 3.5vw, 3rem)', lineHeight: 0.95, margin: 0 }}>PARTNER &amp; SPONSOREN</h2>
          </div>
          <p style={{ fontFamily: FB, fontSize: 18, color: 'rgba(16,24,40,0.4)', maxWidth: isMobile ? '100%' : 220, textAlign: isMobile ? 'left' : 'right', lineHeight: 1.6, margin: 0 }}>
            Partner in drei Kategorien: Hauptsponsoren, Medienpartner und weitere Sponsoren. Klicken für Details.
          </p>
        </div>

-        {/* Tiered grid — continuous, ranks marked by label bars */}
+        {/* Tiered grid – continuous, ranks marked by label bars */}
        <div style={{ position: 'relative', zIndex: 1 }}>
          {([
            { tier: 1 as const, label: 'Hauptsponsoren', note: 'Premium', variant: 'lg' as const, cols: isMobile ? 1 : 2 },
@@ -721,13 +771,13 @@ const Netzwerk: React.FC = () => {
        display: 'flex', flexDirection: 'column',
      }}>
        <div style={{ flex: 1, position: 'relative', zIndex: 1, display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '4fr 1px 8fr', minHeight: 0, overflow: isMobile ? 'visible' : 'visible' }}>
-          {/* Left — pitch */}
+          {/* Left – pitch */}
          <div style={{ padding: isMobile ? '32px 24px 24px' : '36px 36px 32px 52px', display: 'flex', flexDirection: 'column', justifyContent: 'center', overflow: 'visible' }}>
            <span style={{ fontFamily: FF, fontSize: 10, textTransform: 'uppercase', letterSpacing: '0.32em', fontWeight: 700, color: GOLD, display: 'block', marginBottom: 8 }}>Wachstum durch Partnerschaft</span>
            <h2 style={{ fontFamily: FF, fontWeight: 900, color: '#fff', textTransform: 'uppercase', letterSpacing: '-0.025em', fontSize: 'clamp(1.6rem, 2.4vw, 2.4rem)', lineHeight: 1.0, margin: '0 0 12px' }}>WIR FREUEN UNS ÜBER NEUE SPONSOREN.</h2>
            <div style={{ width: 36, height: 2, background: GOLD, margin: '0 0 14px', flexShrink: 0 }} />
            <p style={{ fontFamily: FB, fontSize: 'clamp(15px, 1.2vw, 17px)', color: 'rgba(255,255,255,0.75)', lineHeight: 1.65, marginBottom: 16 }}>
-              Positionieren Sie Ihre Marke im exklusivsten Netzwerk des bayerischen Mittelstands — mit maßgeschneiderten Sponsoring-Paketen.
+              Positionieren Sie Ihre Marke im exklusivsten Netzwerk des bayerischen Mittelstands – mit maßgeschneiderten Sponsoring-Paketen.
            </p>
            {[
              { num: '01', label: 'Markenpräsenz', sub: 'Bühne, Drucksachen, digitale Kanäle' },
@@ -745,7 +795,7 @@ const Netzwerk: React.FC = () => {
          </div>
          {/* Center divider */}
          {!isMobile && <div style={{ background: 'rgba(255,255,255,0.07)' }} />}
-          {/* Right — gold form panel */}
+          {/* Right – gold form panel */}
          <div style={{ display: 'flex', flexDirection: 'column', overflow: 'visible', minHeight: 0, position: 'relative', background: 'linear-gradient(160deg,#DDB84A 0%,#C9A227 52%,#A87800 100%)' }}>
            <svg style={{ position: 'absolute', inset: 0, width: '100%', height: '100%', pointerEvents: 'none', zIndex: 0 }} aria-hidden="true">
              <defs>
--- a/src/pages/Participation.tsx
+++ b/src/pages/Participation.tsx
@@ -44,7 +44,7 @@ const Participation: React.FC = () => {
        </div>
      </section>

-      {/* ── TIMELINE — direkt nach Hero ──────────────────────────────────────── */}
+      {/* ── TIMELINE – direkt nach Hero ──────────────────────────────────────── */}
      <WegZurAuszeichnungSection />

      {/* ── QUALIFICATIONS ───────────────────────────────────────────────────── */}
@@ -141,10 +141,10 @@ const Participation: React.FC = () => {
      {/* ── CRITERIA / BEWERTUNG ─────────────────────────────────────────────── */}
      <section id="kriterien" style={{ background: NAVY, overflow: 'hidden', position: 'relative' }}>

-        {/* TOP: editorial split — image left (45%) / header right (55%) */}
+        {/* TOP: editorial split – image left (45%) / header right (55%) */}
        <div style={{ display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '45% 55%', minHeight: isMobile ? 'auto' : 480 }}>

-          {/* Left — full-bleed image with gradient blend into navy on the right (+ heading on mobile) */}
+          {/* Left – full-bleed image with gradient blend into navy on the right (+ heading on mobile) */}
          <div style={{ position: 'relative', overflow: 'hidden', minHeight: isMobile ? 280 : undefined }}>
            <img
              src="/images/buehne-gewinner.jpg"
@@ -159,7 +159,7 @@ const Participation: React.FC = () => {
            {isMobile && <div style={{ position: 'absolute', inset: 0, background: 'linear-gradient(to top, rgba(3,9,58,0.94) 0%, rgba(3,9,58,0.55) 38%, rgba(3,9,58,0.12) 72%, transparent 100%), linear-gradient(to right, rgba(3,9,58,0.5) 0%, transparent 55%)' }} />}
            {/* Bottom blend for continuity with grid below */}
            <div style={{ position: 'absolute', bottom: 0, left: 0, right: 0, height: 120, background: 'linear-gradient(to bottom, transparent, #111D55)' }} />
-            {/* Heading overlay — mobile only */}
+            {/* Heading overlay – mobile only */}
            {isMobile && (
              <div style={{ position: 'absolute', left: 0, right: 0, bottom: 0, padding: '0 24px 24px', zIndex: 2 }}>
                <span style={{ fontFamily: FF, fontSize: 10, color: '#EFBF04', textTransform: 'uppercase', letterSpacing: '0.32em', fontWeight: 700, display: 'block', marginBottom: 12 }}>Bewertung</span>
@@ -170,7 +170,7 @@ const Participation: React.FC = () => {
            )}
          </div>

-          {/* Right — overline + headline + intro */}
+          {/* Right – overline + headline + intro */}
          <div style={{ padding: isMobile ? '32px 24px 40px' : '80px 80px 72px 64px', display: 'flex', flexDirection: 'column', justifyContent: 'center', borderBottom: '1px solid rgba(255,255,255,0.07)' }}>
            {!isMobile && (
              <>
@@ -265,7 +265,7 @@ const Participation: React.FC = () => {
      {/* ── FORM SECTION ─────────────────────────────────────────────────────── */}
      <section style={{ background: NAVY, position: 'relative', overflow: 'hidden', height: isMobile ? 'auto' : 'calc(100vh - 60px)', display: 'flex', flexDirection: 'column' }} id="bewerben">
        <div style={{ display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '4fr 1px 8fr', flex: 1, minHeight: 0, overflow: isMobile ? 'visible' : 'hidden' }}>
-          {/* Left — copy */}
+          {/* Left – copy */}
          <div style={{ padding: isMobile ? '32px 24px 24px' : '36px 36px 32px 52px', display: 'flex', flexDirection: 'column', justifyContent: 'center', overflow: isMobile ? 'visible' : 'hidden' }}>
            <span style={{ fontFamily: FF, fontSize: 10, color: '#EFBF04', textTransform: 'uppercase', letterSpacing: '0.32em', fontWeight: 700, display: 'block', marginBottom: 20 }}>Direktbewerbung</span>
            <h2 style={{ fontFamily: FF, fontSize: 'clamp(2rem, 3.2vw, 2.8rem)', fontWeight: 900, color: '#fff', textTransform: 'uppercase', letterSpacing: '-0.025em', lineHeight: 1.04, margin: '0 0 20px' }}>
@@ -295,7 +295,7 @@ const Participation: React.FC = () => {
          {/* Divider */}
          {!isMobile && <div style={{ background: 'rgba(255,255,255,0.07)' }} />}

-          {/* Right — gold form panel */}
+          {/* Right – gold form panel */}
          <div style={{ display: 'flex', flexDirection: 'column', overflow: isMobile ? 'visible' : 'hidden', minHeight: 0, position: 'relative', background: 'linear-gradient(160deg,#DDB84A 0%,#C9A227 52%,#A87800 100%)' }}>
            <svg style={{ position: 'absolute', inset: 0, width: '100%', height: '100%', pointerEvents: 'none', zIndex: 0 }} aria-hidden="true">
              <defs>
@@ -436,7 +436,7 @@ function BewerbungswegeSection() {
        </div>
      </div>

-      {/* 3 Wege — premium swipe cards on mobile, 3-col grid on desktop */}
+      {/* 3 Wege – premium swipe cards on mobile, 3-col grid on desktop */}
      <div style={{ position: 'relative', zIndex: 1, display: isMobile ? 'flex' : 'grid', gridTemplateColumns: isMobile ? undefined : 'repeat(3, 1fr)', overflowX: isMobile ? 'auto' : undefined, scrollSnapType: isMobile ? 'x mandatory' : undefined, WebkitOverflowScrolling: 'touch', scrollbarWidth: 'none', gap: isMobile ? 14 : 0, padding: isMobile ? '28px 24px 36px' : 0 }}>

        {/* ── MOBILE: unified premium cards ── */}
--- a/src/pages/Preistraeger.tsx
+++ b/src/pages/Preistraeger.tsx
@@ -49,7 +49,7 @@ export default function Preistraeger() {

      {/* Filter Section */}
      <div style={{ background: '#fff', padding: isMobile ? '32px 24px 24px' : '48px 80px 32px' }}>
-        {/* #93: Headline entfernt — Seitenname steht bereits oben im Breadcrumb. */}
+        {/* #93: Headline entfernt – Seitenname steht bereits oben im Breadcrumb. */}

        {/* Year Tabs */}
        <div style={{ display: 'flex', flexWrap: isMobile ? 'nowrap' : 'wrap', gap: 0, marginBottom: 32, borderBottom: `2px solid ${BORDER}`, overflowX: isMobile ? 'auto' : 'visible', WebkitOverflowScrolling: 'touch', maxWidth: '100%' }}>
@@ -127,7 +127,7 @@ export default function Preistraeger() {
      <div style={{ padding: isMobile ? '12px 24px' : '12px 80px', background: BG_ALT, borderTop: `1px solid ${BORDER}`, borderBottom: `1px solid ${BORDER}`, display: 'flex', alignItems: 'center', gap: 12 }}>
        <Trophy size={13} style={{ color: GOLD }} fill={GOLD} />
        <span style={{ fontFamily: FF, fontSize: 15, color: GRAY }}>
-          <strong style={{ color: '#101828' }}>{activeYear}</strong> — {filtered.length} Preisträger:innen
+          <strong style={{ color: '#101828' }}>{activeYear}</strong> – {filtered.length} Preisträger:innen
        </span>
      </div>

--- a/src/pages/PreistraegerDetail.tsx
+++ b/src/pages/PreistraegerDetail.tsx
@@ -94,7 +94,7 @@ export default function PreistraegerDetail() {
              <span style={{ color: GOLD, fontSize: 28, lineHeight: 1, marginLeft: 2, fontFamily: '"IBM Plex Sans"' }}>"</span>
            </p>
            <p style={{ fontFamily: FF, fontSize: 16, fontWeight: 700, color: GRAY, margin: 0, textTransform: 'uppercase', letterSpacing: '0.08em' }}>
-              — {winner.quotePerson}, {winner.quoteRole}
+              – {winner.quotePerson}, {winner.quoteRole}
            </p>
          </div>
        </div>
--- a/src/pages/Press.tsx
+++ b/src/pages/Press.tsx
@@ -369,7 +369,7 @@ const Press: React.FC = () => {
                margin: 0,
              }}
            >
-              Von der Jurysitzung bis zur festlichen Gala — alle Veranstaltungen auf einen Blick.
+              Von der Jurysitzung bis zur festlichen Gala – alle Veranstaltungen auf einen Blick.
            </p>
          </div>
        </div>
@@ -389,7 +389,7 @@ const Press: React.FC = () => {
              cursor: 'pointer',
            }}
          >
-            {/* Left — image cell */}
+            {/* Left – image cell */}
            <div style={{ position: 'relative', overflow: 'hidden', height: isMobile ? 200 : 240 }}>
              <img src={event.img} alt={event.title} style={{ width: '100%', height: '100%', objectFit: 'cover', display: 'block' }} />
              <div style={{ position: 'absolute', top: 20, left: 20, padding: '5px 12px', fontFamily: FF, fontSize: 9, fontWeight: 700, textTransform: 'uppercase' as const, letterSpacing: '0.18em', background: event.status === 'Anmeldung offen' ? GOLD : 'rgba(3,9,58,0.85)', color: event.status === 'Anmeldung offen' ? NAVY : 'rgba(255,255,255,0.6)' }}>
@@ -397,7 +397,7 @@ const Press: React.FC = () => {
              </div>
            </div>

-            {/* Right — copy cell */}
+            {/* Right – copy cell */}
            <div style={{ padding: isMobile ? '24px 24px 32px' : '40px 56px 40px 48px', display: 'flex', flexDirection: 'column', justifyContent: 'space-between' }}>
              <div style={{ fontFamily: FF, fontSize: 9, color: '#4A8FC9', textTransform: 'uppercase' as const, letterSpacing: '0.22em', fontWeight: 700, marginBottom: 10 }}>{event.cat}</div>
              <h3 style={{ fontFamily: FF, fontSize: 'clamp(1.3rem, 2vw, 1.7rem)', fontWeight: 900, color: '#101828', textTransform: 'uppercase' as const, letterSpacing: '-0.02em', margin: '0 0 14px' }}>{event.title}</h3>
@@ -588,7 +588,7 @@ const Press: React.FC = () => {
                  Download Presse-Kit
                </div>
                <div style={{ fontFamily: FB, fontSize: 17, color: 'rgba(16,24,40,0.4)' }}>
-                  Print_BMP.zip — 1,5 MB
+                  Print_BMP.zip – 1,5 MB
                </div>
              </div>
            </a>