From 9c75d44165e5231db22c56010e7c13fb3373f041 Mon Sep 17 00:00:00 2001 From: Sebastian Pachon Date: Wed, 3 Jun 2026 16:19:34 +0200 Subject: [PATCH] Mobile redesign refinements + Ivan feedback round MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Mobile: new top-bar + fullscreen nav, premium swipe cards (Wege, sponsors, winners, jury, Schirmherrschaft), heading-on-image hero modules, bottom hero gradients for readability, slim dates bar, merged jury-intro module. Feedback (Ivan briefing): 50–1.500 Mitarbeiter, criteria percentages removed, "Die besten Unternehmen in Bayern", 5th criterion + Verbund note, sponsor tiers (Hauptsponsoren/Medienpartner/Weitere), jury 11 + multi-stage, "0 EUR Teilnahmegebühr", EWIF as organizer, Jahresabschlüsse optional, duplicate content removed, contrast/font fixes. Co-Authored-By: Claude Opus 4.8 --- src/components/TestimonialsSection.tsx | 56 ++++- src/components/layout/Layout.tsx | 2 +- src/pages/About.tsx | 199 +++++++++-------- src/pages/FormularUpload.tsx | 2 +- src/pages/Home.tsx | 197 +++++++++++------ src/pages/MitgliedWerden.tsx | 23 +- src/pages/Netzwerk.tsx | 294 ++++++++++++++++--------- src/pages/Participation.tsx | 240 +++++++++++++++----- src/pages/Preistraeger.tsx | 34 ++- src/pages/Press.tsx | 5 +- 10 files changed, 711 insertions(+), 341 deletions(-) diff --git a/src/components/TestimonialsSection.tsx b/src/components/TestimonialsSection.tsx index d7a482a..563efe3 100644 --- a/src/components/TestimonialsSection.tsx +++ b/src/components/TestimonialsSection.tsx @@ -24,7 +24,54 @@ export default function TestimonialsSection() { return (
-
+ {/* ── MOBILE: headed section + premium testimonial card ── */} + {isMobile && ( +
+ {/* Section header */} + Stimmen der Preisträger +

+ DAS SAGEN UNSERE
PREISTRÄGER. +

+
+ + {/* Card */} +
+ {/* Photo banner */} +
+ {t.name} +
+ Preisträger {t.year} +
+ {/* Body */} +
+ “ +

{t.quote}

+
+
{t.name}
+
{t.role} · {t.company}
+
+
+ + {/* Controls */} +
+ + +
+ {TESTIMONIALS.map((_, i) => ( +
+
+
+ )} + + {/* ── DESKTOP ── */} + {!isMobile && ( +
{/* Left — portrait photo */}
- Stimmen der Preisträger + Stimmen der Preisträger + +

+ DAS SAGEN UNSERE PREISTRÄGER. +

{t.quote} @@ -72,6 +123,7 @@ export default function TestimonialsSection() {

+ )}
); } diff --git a/src/components/layout/Layout.tsx b/src/components/layout/Layout.tsx index 2891798..e152958 100644 --- a/src/components/layout/Layout.tsx +++ b/src/components/layout/Layout.tsx @@ -643,7 +643,7 @@ const Layout: React.FC = ({ children }) => { {/* ── FLOATING CTA ─────────────────────────────── */} - {location.pathname === '/' && !formVisible && ( + {location.pathname === '/' && !formVisible && !isMobile && ( { style={{ position: 'absolute', inset: 0, width: '100%', height: '100%', objectFit: 'cover' }} /> {/* Left-to-right dark overlay */} -
+
{/* Gold accent line */}
{/* Gold bottom line */} @@ -44,7 +44,7 @@ const About: React.FC = () => {

WERTE, DIE
- BAYERN BEWEGEN. + BAYERN BEWEGEN

Seit 2005 ehrt der BMP herausragende Leistungen im bayerischen Mittelstand. Entdecken Sie die Geschichte, die Vision und die Menschen dahinter. @@ -87,45 +87,63 @@ const About: React.FC = () => {

{/* Left — text on cream */} -
- Was ist der Preis? -

- DER BAYERISCHE
MITTELSTANDSPREIS. -

+
+ {!isMobile && ( + <> + Was ist der Preis? +

+ DER BAYERISCHE
MITTELSTANDSPREIS +

+ + )}
-

- Seit 2005 ist der BMP die höchste Auszeichnung für den bayerischen Mittelstand. Vergeben von einer vollständig unabhängigen Expertenjury, ehrt er Unternehmen, die durch Innovation, Nachhaltigkeit und regionale Verwurzelung herausragen. +

+ Seit 2005 ist der BMP eine der bedeutendsten Auszeichnungen für den bayerischen Mittelstand. Vergeben von einer vollständig unabhängigen Expertenjury, ehrt er Unternehmen, die durch Innovation, Nachhaltigkeit und regionale Verwurzelung herausragen.

-

+

Entstanden aus einer Initiative bayerischer Wirtschaftsvertreter, ehrt der Preis heute jährlich die Leuchttürme unserer Wirtschaft.

- {/* Key facts */} -
+ {/* Key facts — moved above the copy on mobile */} +
{[ { val: '2005', label: 'Gegründet' }, - { val: '0 €', label: 'Kostenfrei' }, + { val: '0 €', label: 'Teilnahmegebühr' }, { val: '5', label: 'Jury-Schritte' }, ].map((f, i) => ( -
0 ? 20 : 0 }}> +
{f.val}
-
{f.label}
+
{f.label}
))}
- {/* Right — full-bleed image */} -
+ {/* Right — full-bleed image (+ heading on mobile) */} +
BMP Gala Preisverleihung -
-
-
BMP Preisverleihung · München
-
-
+
+ {/* Heading overlay — mobile only */} + {isMobile && ( +
+ Was ist der Preis? +

+ DER BAYERISCHE
MITTELSTANDSPREIS +

+
+ )} + {/* Decorative label — desktop only */} + {!isMobile && ( +
+
BMP Preisverleihung · München
+
+
+ )}
@@ -134,25 +152,42 @@ const About: React.FC = () => {
- {/* Left — full-bleed image */} -
+ {/* Left — full-bleed image (+ heading on mobile) */} +
Bayerischer Mittelstand -
-
-
-
+
+ {!isMobile && ( +
+
+
+ )} + {/* Heading overlay — mobile only */} + {isMobile && ( +
+ Relevanz & Zielsetzung +

+ BEDEUTUNG FÜR
DEN MITTELSTAND +

+
+ )}
{/* Right — text on navy */} -
- Relevanz & Zielsetzung -

- BEDEUTUNG FÜR
DEN MITTELSTAND. -

+
+ {!isMobile && ( + <> + Relevanz & Zielsetzung +

+ BEDEUTUNG FÜR
DEN MITTELSTAND +

+ + )}

Der Bayerische Mittelstandspreis ist weit mehr als eine Trophäe. Seit seiner Gründung im Jahr 2005 verfolgt er das Ziel, die Vielfalt und Leistungsstärke bayerischer Familienunternehmen und KMU sichtbar zu machen. @@ -160,16 +195,6 @@ const About: React.FC = () => {

In einer globalisierten Welt sind es diese Unternehmen, die für Stabilität, Innovation und soziale Verantwortung stehen. Der BMP macht sie sichtbar.

-
- {[ - { n: '01', title: 'Sichtbarkeit', desc: 'Sichtbarkeit für den Mittelstand erhöhen' }, - { n: '02', title: 'Netzwerk', desc: 'Netzwerkbildung über Branchen hinweg' }, - { n: '03', title: 'Werte', desc: 'Förderung von wertebasierter Führung' }, - { n: '04', title: 'Arbeitgebermarke', desc: 'Stärkung der Arbeitgebermarke Mittelstand' }, - ].map((item, i) => ( - - ))} -
@@ -194,7 +219,19 @@ const About: React.FC = () => {
{/* 4-col photo grid */} -
+
{HIGHLIGHTS.map(w => )}
@@ -210,12 +247,12 @@ const About: React.FC = () => { {/* LEFT — navy, timeline */}
- {/* Ghost "20" watermark */} -
20
+ {/* Ghost "20" watermark — desktop only */} + {!isMobile &&
20
} Geschichte & Meilensteine

- 20 JAHRE
MITTELSTANDSEXZELLENZ. + 20 JAHRE
MITTELSTANDSEXZELLENZ

{/* Timeline */} @@ -228,9 +265,10 @@ const About: React.FC = () => { { year: '2010', title: 'Erste mediale Partnerschaft', desc: 'Kooperation mit bayernweiten TV- und Printmedien.' }, { year: '2015', title: '100 Preisträger', desc: 'Jubiläum: 100 ausgezeichnete Unternehmen seit der ersten Verleihung.' }, { year: '2020', title: 'Digital-Transformation', desc: 'Erweiterung um digitale Bewerbungsprozesse und Online-Formate.' }, - { year: '2025', title: 'Jubiläumsjahr', desc: '20 Jahre BMP — stärker, sichtbarer und vernetzter denn je.' }, - ].map((item, i) => ( -
+ { year: '2025', title: 'Jubiläumsjahr', desc: '20 Jahre BMP: stärker, sichtbarer und vernetzter denn je.' }, + { year: '2026', title: 'Bavarian Future Award', desc: 'Ergänzung des Portfolios um den Bavarian Future Award mit Fokus auf zukunftsweisende Unternehmen.' }, + ].map((item, i, arr) => ( +
{/* Gold dot */}
{item.year}
@@ -244,10 +282,9 @@ const About: React.FC = () => { {/* RIGHT — cream, Zielsetzung */}
Zielsetzung -

- WOFÜR WIR
STEHEN. +

+ WOFÜR WIR
STEHEN

-
{[ @@ -255,6 +292,7 @@ const About: React.FC = () => { { n: '02', title: 'Netzwerk', desc: 'Branchenübergreifende Verbindungen zwischen herausragenden Unternehmen und Entscheidern schaffen.' }, { n: '03', title: 'Werte', desc: 'Wertebasierte Führung, nachhaltige Unternehmenskultur und gesellschaftliche Verantwortung fördern.' }, { n: '04', title: 'Arbeitgebermarke', desc: 'Den Mittelstand als attraktiven Arbeitgeber stärken und Talente für Bayern gewinnen.' }, + { n: '05', title: 'Resilienz', desc: 'Die Widerstandsfähigkeit bayerischer Unternehmen würdigen, die auch in unsicheren Zeiten Stabilität und Verantwortung beweisen.' }, ].map((item, i, arr) => (
{
Vorteile & Werte

- WARUM DER
BMP ZÄHLT. + WARUM DER
BMP ZÄHLT

- Drei Dimensionen, die den Unterschied machen — für Ihr Unternehmen, Ihre Mitarbeiter und Ihren Marktauftritt. + Drei Dimensionen, die den Unterschied machen: für Ihr Unternehmen, Ihre Mitarbeitenden und Ihren Marktauftritt.

@@ -293,20 +331,14 @@ const About: React.FC = () => { { num: '01', title: 'Exzellenz-Siegel', - tag: 'Reputation', - desc: 'Ein unabhängiger Qualitätsnachweis, der Vertrauen schafft — bei Kunden, Partnern und Mitarbeitern. Die Auszeichnung wirkt langfristig als stärkstes Signal Ihres Marktauftritts.', }, { num: '02', title: 'Partner-Netzwerk', - tag: 'Connections', - desc: 'Exklusiver Zugang zu Entscheidern aus Staatsregierung, Wirtschaftskammern und Topunternehmen. Kontakte, die Türen öffnen und Geschäftsbeziehungen begründen.', }, { num: '03', title: 'Reichweite', - tag: 'Visibility', - desc: 'Breite mediale Begleitung durch TV-, Radio- und Printpartner bayernweit. Sichtbarkeit, die weit über die eigene Branche und über Bayern hinausgeht.', }, ].map((item, i, arr) => ( @@ -327,10 +359,10 @@ const About: React.FC = () => {

- SCHREIBEN AUCH SIE GESCHICHTE. + SCHREIBEN AUCH SIE GESCHICHTE

- Werden Sie Teil der Wall of Fame des bayerischen Mittelstands. Die Teilnahme ist kostenfrei und lohnt sich in jeder Phase. + Werden Sie Teil der Wall of Fame des bayerischen Mittelstands. Die Teilnahmegebühr beträgt 0 EUR und die Teilnahme lohnt sich in jeder Phase.

{ function HighlightCard({ winner }: { winner: import('@/data/winners').Winner }) { const [hovered, setHovered] = useState(false); + const isMobile = useIsMobile(); return ( setHovered(true)} onMouseLeave={() => setHovered(false)} > @@ -419,35 +452,15 @@ function HighlightCard({ winner }: { winner: import('@/data/winners').Winner }) ); } -// ── GoalItem ────────────────────────────────────────────────────────────────── - -function GoalItem({ n, text, sub, last }: { n: string; text: string; sub?: string; last: boolean }) { - const [hovered, setHovered] = useState(false); - const isMobile = useIsMobile(); - return ( -
setHovered(true)} - onMouseLeave={() => setHovered(false)} - > - {n} -
- {text} - {sub && {sub}} -
-
- ); -} - // ── ValueRow ────────────────────────────────────────────────────────────────── -function ValueRow({ item, last }: { item: { num: string; title: string; tag: string; desc: string }; last: boolean }) { +function ValueRow({ item, last }: { item: { num: string; title: string }; last: boolean }) { const [hovered, setHovered] = useState(false); const isMobileRow = useIsMobile(); return (
setHovered(true)} onMouseLeave={() => setHovered(false)} > - {/* Left: number + tag */} + {/* Left: number */}
{item.num}
-
{item.tag}
- {/* Center: title */} + {/* Right: title (short label only) */}

{item.title}

- {/* Right: description */} -
-
-

{item.desc}

-
); } diff --git a/src/pages/FormularUpload.tsx b/src/pages/FormularUpload.tsx index 5bef50d..ada6f83 100644 --- a/src/pages/FormularUpload.tsx +++ b/src/pages/FormularUpload.tsx @@ -97,7 +97,7 @@ export default function FormularUpload() { { icon: FileText, title: 'Pflichtdokumente', - items: ['Kurzprofil des Unternehmens (max. 2 Seiten)', 'Begründung der Bewerbung (mind. 500 Wörter)', 'Letzte 2 Jahresabschlüsse', 'Anschreiben der Geschäftsführung'], + items: ['Kurzprofil des Unternehmens (max. 2 Seiten)', 'Begründung der Bewerbung (mind. 500 Wörter)', 'Anschreiben der Geschäftsführung', 'Letzte 2 Jahresabschlüsse (optional, falls vorhanden)'], }, { icon: Clock, diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index e09eefa..4c732ac 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -71,7 +71,7 @@ const STATUS_PHASES: StatusPhase[] = [ pulse: true, phase: 'Auswertungsphase 2026', headline: 'DIE JURY BEWERTET GERADE.', - body: 'Die Anmeldephase 2026 ist geschlossen. Unsere unabhängige Expertenjury aus Wirtschaft, Wissenschaft und Gesellschaft sichtet und bewertet derzeit alle Einreichungen.', + body: 'Die Anmeldephase 2026 ist geschlossen. Unsere unabhängige Expertenjury aus Wissenschaft und Praxis sichtet und bewertet derzeit alle Einreichungen.', cta: null, accent: '#4A8FC9', bg: '#060D1C', @@ -95,10 +95,11 @@ const STATUS_PHASES: StatusPhase[] = [ function HomeWinnerCard({ winner }: { winner: import('@/data/winners').Winner }) { const [hovered, setHovered] = useState(false); + const isMobile = useIsMobile(); return ( setHovered(true)} onMouseLeave={() => setHovered(false)} > @@ -128,7 +129,7 @@ const Home: React.FC = () => { return (
{/* Hero Section */} -
+
{ className="w-full h-full object-cover scale-105" style={{ objectPosition: 'center top' }} /> -
+
-
+
Bewerbungsphase 2026 Eröffnet
@@ -151,7 +152,7 @@ const Home: React.FC = () => { MITTELSTÄNDLER. -

+

Der Bayerische Mittelstandspreis würdigt herausragende Leistungen – von Innovation über Nachhaltigkeit bis hin zur Exzellenz.

@@ -207,24 +208,30 @@ const Home: React.FC = () => { {/* Schnell-Check Section */}
-
- {/* Left (desktop) / Bottom (mobile) — text */} -
- Schnell-Check -

- SIND SIE
BERECHTIGT? -

+
+ {/* Left (desktop) / Bottom (mobile) — text block (light bg, dark text) */} +
+ {/* Eyebrow + heading — desktop only (on mobile these are overlaid on the image) */} + {!isMobile && ( + <> + Schnell-Check +

+ SIND SIE
BERECHTIGT? +

+ + )}

- Der Bayerische Mittelstandspreis richtet sich an inhabergeführte KMU im Freistaat. Vier Kriterien entscheiden — erfüllen Sie alle vier, steht Ihrer Bewerbung nichts im Weg. + Der Bayerische Mittelstandspreis richtet sich an inhabergeführte KMU im Freistaat. Fünf Kriterien entscheiden, erfüllen Sie alle fünf, steht Ihrer Bewerbung nichts im Weg.

{/* Criteria list */}
{[ { label: 'Standort Bayern', desc: 'Sitz oder Betriebsstätte im Freistaat' }, - { label: '10–500 Mitarbeiter', desc: 'Klassischer Mittelstand' }, + { label: '50–1.500 Mitarbeiter', desc: 'Klassischer Mittelstand' }, { label: 'Min. 3 Geschäftsjahre', desc: 'Markterfahrung und Stabilität' }, { label: 'Privatwirtschaft', desc: 'Kein staatlicher Träger' }, + { label: 'Familien- bzw. eigentümergeführt', desc: 'Ihr Unternehmen ist inhabergeführt' }, ].map((item, i) => (
@@ -237,6 +244,9 @@ const Home: React.FC = () => {
))}
+

+ Auch ein Verbund bzw. eine Gemeinschaft von mittelständischen Unternehmen oder von mittelständischen Unternehmen und Organisationen/Institutionen mit Schwerpunkt in Bayern kann teilnehmen. +

{
- {/* Right (desktop) / Top (mobile) — full-bleed image */} -
+ {/* Right (desktop) / Top (mobile) — image; on mobile the heading is overlaid here */} +
Preisverleihung Bühne - {/* Fade: into the text bg — downward on mobile, leftward on desktop */} -
+ {/* Overlay: mobile = navy shadow bottom-left (for the heading); desktop = leftward fade into text bg */} +
+ {/* Heading overlay — mobile only */} + {isMobile && ( +
+ Schnell-Check +

+ SIND SIE
BERECHTIGT? +

+
+ )} {/* Gold accent line — bottom edge */} -
+
@@ -266,7 +287,7 @@ const Home: React.FC = () => {
- {/* Left — full-bleed image with stats overlay */} + {/* Left — full-bleed image with stats overlay (+ heading on mobile) */}
{ style={{ position: 'absolute', inset: 0, width: '100%', height: '100%', objectFit: 'cover', objectPosition: 'center top' }} /> {/* Dark overlay */} -
- {/* Stats bottom-left */} -
- {[['20+', 'Jahre Exzellenz'], ['0 €', 'Teilnahmegebühr'], ['100%', 'Unabhängig']].map(([v, l]) => ( -
-
{v}
-
{l}
-
- ))} -
+
+ {/* Heading overlay — mobile only (bottom-left) */} + {isMobile && ( +
+ Ein Gewinn für alle +

+ AUSZEICHNUNG
FÜR DIE BESTEN. +

+
+ )} + {/* Stats bottom-left — desktop only (mobile shows them below the image) */} + {!isMobile && ( +
+ {[['20+', 'Jahre Exzellenz'], ['0 €', 'Teilnahmegebühr'], ['100%', 'Unabhängig']].map(([v, l]) => ( +
+
{v}
+
{l}
+
+ ))} +
+ )}
{/* Right — editorial text */} -
- Ein Gewinn für alle -

- AUSZEICHNUNG
FÜR DIE BESTEN. -

-
-
+
+ {!isMobile && ( + <> + Ein Gewinn für alle +

+ AUSZEICHNUNG
FÜR DIE BESTEN. +

+ + )} + {/* Stats row — mobile only, below the image */} + {isMobile && ( +
+ {[['20+', 'Jahre Exzellenz'], ['0 €', 'Teilnahmegebühr'], ['100%', 'Unabhängig']].map(([v, l]) => ( +
+
{v}
+
{l}
+
+ ))} +
+ )} +
+
"Ein Unternehmen zu gründen erfordert nicht allein spezielle Fähigkeiten. Es erfordert Persönlichkeit!"
-

- Wir suchen Vorbilder, die sich trotz aller Risiken nicht scheuen, Visionen in Businesspläne und Ideen in Unternehmungen zu verwandeln. Seit vielen Jahren würdigen wir herausragende unternehmerische Leistungen im Freistaat. +

+ Wir suchen Vorbilder, die sich trotz aller Risiken nicht scheuen, Visionen in Businesspläne und Ideen in Unternehmungen zu verwandeln, und das mit großem persönlichen Einsatz und Verantwortung für Ihre Mitarbeiter. Seit vielen Jahren würdigen wir herausragende unternehmerische Leistungen im Freistaat.

{
Success Stories

- PREISTRÄGER DER HERZEN. + DIE BESTEN UNTERNEHMEN IN BAYERN

{
-
+
{WINNERS.filter(w => w.year === 2025).slice(0, 8).map(w => ( ))} @@ -348,11 +409,15 @@ const Home: React.FC = () => {
{/* Left — text on cream */} -
- Mehr als nur ein Preis -

- WARUM SICH DIE
TEILNAHME LOHNT. -

+
+ {!isMobile && ( + <> + Mehr als nur ein Preis +

+ WARUM SICH DIE
TEILNAHME LOHNT. +

+ + )} {/* Numbered rows — no cards, no shadows */}
@@ -377,19 +442,32 @@ const Home: React.FC = () => {
- {/* Right — full-bleed photo */} -
+ {/* Right — full-bleed photo (+ heading on mobile) */} +
BMP Gala Netzwerk -
- {/* Bottom-left label */} -
-
BMP Gala-Netzwerk
-
-
+
+ {/* Heading overlay — mobile only (bottom-left) */} + {isMobile && ( +
+ Mehr als nur ein Preis +

+ WARUM SICH DIE
TEILNAHME LOHNT. +

+
+ )} + {/* Bottom-left label — desktop only */} + {!isMobile && ( +
+
BMP Gala-Netzwerk
+
+
+ )}
@@ -416,7 +494,7 @@ const Home: React.FC = () => {
{[ { num: '01', label: 'Kostenfrei', desc: 'Ohne Teilnahmegebühr' }, - { num: '02', label: 'Jury', desc: 'Unabhängige Experten' }, + { num: '02', label: 'Jury', desc: 'Aus Wissenschaft und Praxis' }, { num: '03', label: 'Sichtbarkeit', desc: 'Medial bayernweit' }, { num: '04', label: 'Gala', desc: 'Verleihung München' }, ].map(item => ( @@ -443,13 +521,8 @@ const Home: React.FC = () => { - {/* Corner-mark diamond accent */} - - - - {/* Inner vignette — edges slightly deeper gold */} diff --git a/src/pages/MitgliedWerden.tsx b/src/pages/MitgliedWerden.tsx index e0ceb36..30bca36 100644 --- a/src/pages/MitgliedWerden.tsx +++ b/src/pages/MitgliedWerden.tsx @@ -769,7 +769,8 @@ const MitgliedWerden: React.FC = () => { }} > Der Bayerische Mittelstandspreis lebt vom Engagement seiner Mitglieder. - Als Teil des Vereins gestaltest du aktiv mit, wer ausgezeichnet wird — und warum. + Eine Mitgliedschaft ist Unterstützung, damit der Preis weiterhin unabhängig + und kostenlos umgesetzt werden kann.

@@ -957,8 +958,8 @@ const MitgliedWerden: React.FC = () => { /> } - title="Gestaltung" - body="Bringe deine Expertise in die Kriterien des Awards ein und forme aktiv mit, wer ausgezeichnet wird." + title="Unterstützung" + body="Mit deiner Mitgliedschaft sorgst du dafür, dass der Preis unabhängig und kostenlos vergeben werden kann." isLast={false} isMobile={isMobile} /> @@ -1046,6 +1047,18 @@ const MitgliedWerden: React.FC = () => { Einzelpersonen — verbunden durch das Ziel, den Mittelstand als Rückgrat der bayerischen Wirtschaft zu stärken.

+

+ Veranstalter ist der EWIF – Europäisches Wirtschaftsforum. Die Mitgliedschaft + läuft über den EWIF. +

{ role="Unternehmer, München" /> { maxWidth: 640, }} > - GESTALTE MIT. NETZWERKE. WIRKE. + UNTERSTÜTZE. NETZWERKE. WIRKE.
setHovered(true)} onMouseLeave={() => setHovered(false)} > -
+
{imgAlt} = ({ member, idx }
setHovered(true)} onMouseLeave={() => setHovered(false)} - style={{ borderLeft: !isMobileCard && idx > 0 ? '1px solid rgba(255,255,255,0.07)' : 'none', borderTop: isMobileCard && idx > 0 ? '1px solid rgba(255,255,255,0.07)' : 'none', display: 'flex', flexDirection: 'column', cursor: 'default', background: hovered ? 'rgba(255,255,255,0.03)' : 'transparent', transition: 'background 0.2s' }} + style={{ borderLeft: !isMobileCard && idx > 0 ? '1px solid rgba(255,255,255,0.07)' : 'none', display: 'flex', flexDirection: 'column', cursor: 'default', background: hovered ? 'rgba(255,255,255,0.03)' : 'transparent', transition: 'background 0.2s', ...(isMobileCard ? { minWidth: '74vw', maxWidth: '74vw', flexShrink: 0, scrollSnapAlign: 'start', border: '1px solid rgba(255,255,255,0.08)', borderRadius: 16, overflow: 'hidden' } : {}) }} >
{member.name} @@ -97,6 +97,7 @@ interface Partner { id: string; name: string; role: string; + tier: 1 | 2 | 3; desc: string; fullDesc: string; logo: React.ReactNode; @@ -131,6 +132,45 @@ const PartnerCell: React.FC<{ partner: Partner; idx: number; total: number; onCl ); }; +// ── SponsorCell (tiered) ────────────────────────────────────────────────────── + +const SponsorCell: React.FC<{ partner: Partner; variant: 'lg' | 'md' | 'sm'; idx: number; cols: number; onClick: () => void }> = ({ partner, variant, idx, cols, onClick }) => { + const [hovered, setHovered] = useState(false); + const isMobileCell = useIsMobile(); + const lg = variant === 'lg'; + const sm = variant === 'sm'; + const lastCol = (idx % cols) === cols - 1; + return ( +
setHovered(true)} + onMouseLeave={() => setHovered(false)} + style={{ + padding: isMobileCell ? '24px 20px' : lg ? '40px 36px' : sm ? '28px 28px' : '32px 32px', + borderRight: !lastCol && !isMobileCell ? '1px solid rgba(3,9,58,0.08)' : 'none', + borderBottom: '1px solid rgba(3,9,58,0.08)', + display: 'flex', flexDirection: 'column', gap: 14, + cursor: 'pointer', + background: hovered ? '#E8E5E4' : 'transparent', + transition: 'background 0.15s', + position: 'relative', + }} + > + {lg && ( + Premium + )} +
{partner.logo}
+
+
{partner.name}
+
{partner.role}
+ {!sm &&
{partner.desc}
} +
+ Details +
+
+ ); +}; + // ── PartnerModal ───────────────────────────────────────────────────────────── function PartnerModal({ partner, onClose }: { partner: Partner; onClose: () => void }) { @@ -348,97 +388,102 @@ const Netzwerk: React.FC = () => { ]; const partners: Partner[] = [ + /* ── TIER 1 · Hauptsponsoren ─────────────────────────────── */ { - id: 'rsm', name: 'RSM Ebner Stolz', role: 'Hauptsponsor', + id: 'rsm', name: 'RSM Ebner Stolz', role: 'Hauptsponsor', tier: 1, desc: 'Führende mittelständische Wirtschaftsprüfungs- und Steuerberatungsgesellschaft.', fullDesc: 'RSM Ebner Stolz ist eine der größten unabhängigen Wirtschaftsprüfungs- und Steuerberatungsgesellschaften Deutschlands mit besonderer Expertise im Mittelstand. Als Hauptsponsor des BMP unterstützen sie die Identifikation herausragender Unternehmen und bringen ihre Netzwerke aktiv in die Nominierungsphase ein.', logo: (RSM EBNER STOLZ), industry: 'Wirtschaftsprüfung & Beratung', location: 'München, Bayern', website: 'rsm-ebner-stolz.de', linkedin: 'https://linkedin.com/company/rsm-ebner-stolz', }, { - id: 'wwk', name: 'WWK', role: 'Sponsor', + 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.', logo: (WWK), industry: 'Lebensversicherung', location: 'München, Bayern', website: 'wwk.de', linkedin: 'https://linkedin.com/company/wwk-versicherung', }, + + /* ── TIER 2 · Medienpartner ──────────────────────────────── */ { - id: 'wir', name: 'Wir Eigentümerunternehmer', role: 'Partner', - desc: 'Netzwerk und Stimme der inhabergeführten Unternehmen in Bayern.', - fullDesc: 'Der Verband Wir Eigentümerunternehmer e.V. vertritt die Interessen inhabergeführter Unternehmen und bringt die authentische Unternehmerperspektive in den BMP ein. Mitglieder erhalten exklusive Einblicke in die Jury-Prozesse und profitieren vom Netzwerk der Preisträger.', - logo: (WIR
EIGENTÜMER), - industry: 'Unternehmensverband', location: 'München, Bayern', website: 'wir-eigentuemerunternehmer.de', + id: 'radiogong', name: 'Radio Gong 96.3', role: 'Medienpartner', tier: 2, + 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: (Radio
Gong 96.3), + industry: 'Medien', location: 'München', website: 'radiogong.com', }, { - id: 'deutschebank', name: 'Deutsche Bank', role: 'Finanzpartner', - desc: 'Partnerbank für die Finanzierung und Skalierung von KMU-Wachstum.', - fullDesc: 'Die Deutsche Bank begleitet mittelständische Unternehmen als verlässlicher Finanzpartner durch alle Wachstumsphasen. Im Rahmen des BMP stellt sie ihr deutschlandweites Netzwerk, spezifische Mittelstandsprodukte und direkte Ansprechpartner für die Nominierten bereit.', - logo: (Deutsche Bank), - industry: 'Bankwesen & Finanzen', location: 'Frankfurt a. M.', website: 'db.com', linkedin: 'https://linkedin.com/company/deutsche-bank', + id: 'muenchentv', name: 'münchen.tv', role: 'Medienpartner', tier: 2, + desc: 'Der lokale Fernsehsender der Landeshauptstadt München.', + fullDesc: 'münchen.tv ist der lokale Fernsehsender der Landeshauptstadt München. Als Medienpartner überträgt münchen.tv Highlights der BMP-Gala und produziert Porträts der Nominierten.', + logo: (münchen.tv), + industry: 'Medien', location: 'München', website: 'muenchen.tv', }, + + /* ── TIER 3 · Weitere Sponsoren ──────────────────────────── */ { - id: 'bionorica', name: 'Bionorica', role: 'Sponsor', - desc: 'Weltmarktführer für pflanzliche Arzneimittel aus dem bayerischen Neumarkt.', - fullDesc: 'Bionorica SE ist ein international agierendes Pharmaunternehmen mit Sitz in Neumarkt i. d. OPf. und Weltmarktführer bei pflanzlichen Arzneimitteln. Das Unternehmen selbst ist ein Paradebeispiel eines bayerischen Mittelständlers mit globalem Anspruch und verkörpert die Innovationskraft, die der BMP würdigt.', - logo: (Bionorica®), - industry: 'Pharmaindustrie', location: 'Neumarkt i.d.OPf., Bayern', website: 'bionorica.de', linkedin: 'https://linkedin.com/company/bionorica', - }, - { - id: 'berchtesgadenerland', name: 'Berchtesgadener Land', role: 'Sponsor', - desc: 'Bayerische Bio-Molkerei — Qualität und Nachhaltigkeit aus den Alpen.', - fullDesc: 'Die Molkerei Berchtesgadener Land eG ist eine der führenden Bio-Molkereien Deutschlands. Als genossenschaftlich organisiertes Unternehmen mit Sitz in Piding verkörpert sie die Werte des bayerischen Mittelstands: regionale Verantwortung, Qualität und nachhaltige Unternehmensführung.', - logo: (BERCHTESGADENER
LAND), - industry: 'Bio-Lebensmittel', location: 'Piding, Bayern', website: 'berchtesgadener-land.com', linkedin: 'https://linkedin.com/company/berchtesgadener-land', - }, - { - id: 'metzler', name: 'METZLER', role: 'Finanzpartner', + 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.', logo: (METZLER), industry: 'Privatbankwesen', location: 'Frankfurt a. M.', website: 'metzler.com', linkedin: 'https://linkedin.com/company/metzler', }, { - id: 'radiogong', name: 'Radio Gong 96.3', role: 'Medienpartner', - desc: 'Münchens meistgehörter Radiosender — Reichweite für den Mittelstand.', - fullDesc: 'Radio Gong 96.3 ist der reichweitenstärkste Radiosender Münchens und der Region. Als Medienpartner des BMP sorgt er für maximale Aufmerksamkeit für die Nominierten — in Sendemitschnitten, redaktionellen Beiträgen und Live-Übertragungen von der Gala.', - logo: (Radio
Gong 96.3), - industry: 'Medien & Radio', location: 'München, Bayern', website: 'radiogong.com', + id: 'wieselhuber', name: 'Dr. Wieselhuber & Partner', role: 'Sponsor', tier: 3, + desc: 'Unabhängige Top-Management-Beratung für Familienunternehmen und Mittelstand.', + fullDesc: 'Dr. Wieselhuber & Partner ist eine unabhängige, branchenübergreifende Top-Management-Beratung mit besonderem Fokus auf Familienunternehmen und Mittelstand. Als Sponsor bringt das Haus seine Strategie- und Transformationsexpertise in das Netzwerk des BMP ein.', + logo: (W&P WIESELHUBER), + industry: 'Unternehmensberatung', location: 'München, Bayern', website: 'wieselhuber.de', }, { - id: 'muenchentv', name: 'münchen.tv', role: 'Medienpartner', - desc: 'Das lokale TV des Großraums München — Bild und Ton zur Gala.', - fullDesc: 'münchen.tv ist der lokale Fernsehsender der Landeshauptstadt München mit einer täglichen Reichweite von mehreren hunderttausend Zuschauern. Als Medienpartner überträgt münchen.tv Highlights der BMP-Gala und produziert Porträts der Nominierten für ein breites Publikum.', - logo: (münchen.tv), - industry: 'Fernsehen & Medien', location: 'München, Bayern', website: 'muenchen.tv', + id: 'fristads', name: 'Fristads', role: 'Sponsor', tier: 3, + 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: (FRISTADS), + industry: 'Workwear & Textil', location: 'Deutschland', website: 'fristads.com', }, { - id: 'ews', name: 'EWS', role: 'Partner', - desc: 'Energiewirtschaftliche Kompetenz für nachhaltige Mittelstandslösungen.', - fullDesc: 'EWS steht für zukunftsweisende Energieversorgung aus 100% erneuerbaren Quellen. Als Partner des BMP bringt EWS Expertise zu Energieeffizienz, nachhaltiger Unternehmensführung und der Energiewende ein — Themen, die für den modernen bayerischen Mittelstand zentral sind.', - logo: (EWS), - industry: 'Erneuerbare Energien', location: 'Schönau, Baden-Württemberg', website: 'ews-schoenau.de', + id: 'newedge', name: 'New Edge', role: 'Sponsor', tier: 3, + desc: 'Digitale Markenführung, Web und Design für den Mittelstand.', + fullDesc: 'New Edge gestaltet Marken, Web-Erlebnisse und digitale Auftritte für mittelständische Unternehmen. Als Sponsor des BMP unterstützt die Agentur die Sichtbarkeit und das digitale Profil ausgezeichneter Unternehmen.', + logo: (NENew Edge), + industry: 'Branding & Digital', location: 'Bayern', website: 'newedgebrand.com', }, { - id: 'vbw', name: 'vbw', role: 'Partner', - desc: 'Die bayerische Wirtschaft — Spitzenverband der bayerischen Industrie.', - fullDesc: 'Die vbw – Vereinigung der Bayerischen Wirtschaft e.V. ist der Spitzenverband der bayerischen Wirtschaft und vertritt rund 150 Mitgliedsverbände. Als strategischer Partner verleiht die vbw dem BMP gesamtwirtschaftliche Bedeutung und öffnet Türen zu Politik und Verbänden.', - logo: (vbw), - industry: 'Wirtschaftsverband', location: 'München, Bayern', website: 'vbw-bayern.de', linkedin: 'https://linkedin.com/company/vbw-vereinigung-der-bayerischen-wirtschaft', + id: 'moodtalk', name: 'Moodtalk', role: 'Sponsor', tier: 3, + desc: 'Plattform für Teamkultur und Mitarbeiter-Feedback.', + fullDesc: 'Moodtalk ist eine Plattform für Teamkultur, Stimmung und kontinuierliches Mitarbeiter-Feedback. Als Sponsor des BMP steht das Unternehmen für moderne, wertebasierte Unternehmensführung.', + logo: (moodtalk), + industry: 'HR & Software', location: 'Bayern', website: 'moodtalk.io', }, { - id: 'wirtschaftsbeirat', name: 'Wirtschaftsbeirat Bayern', role: 'Partner', - desc: 'Im Dialog gestalten — Sprachrohr des bayerischen Unternehmertums.', - fullDesc: 'Der Wirtschaftsbeirat Bayern e.V. ist die Interessenvertretung des bayerischen Unternehmertums und steht in direktem politischem Dialog mit der Staatsregierung. Er bringt sein Netzwerk von über 2.000 Mitgliedsunternehmen in die Nominierungsphase des BMP ein.', - logo: (WIRTSCHAFTS
BEIRAT BAYERN), - industry: 'Unternehmensverband', location: 'München, Bayern', website: 'wirtschaftsbeirat.de', + id: 'deutschebank', name: 'Deutsche Bank', role: 'Sponsor', tier: 3, + desc: 'Partnerbank für die Finanzierung und Skalierung von KMU-Wachstum.', + fullDesc: 'Die Deutsche Bank begleitet mittelständische Unternehmen als verlässlicher Finanzpartner durch alle Wachstumsphasen. Im Rahmen des BMP stellt sie ihr deutschlandweites Netzwerk, spezifische Mittelstandsprodukte und direkte Ansprechpartner für die Nominierten bereit.', + logo: (Deutsche Bank), + industry: 'Bankwesen & Finanzen', location: 'Frankfurt a. M.', website: 'db.com', linkedin: 'https://linkedin.com/company/deutsche-bank', + }, + { + id: 'bionorica', name: 'Bionorica', role: 'Sponsor', tier: 3, + desc: 'Weltmarktführer für pflanzliche Arzneimittel aus dem bayerischen Neumarkt.', + fullDesc: 'Bionorica SE ist ein international agierendes Pharmaunternehmen mit Sitz in Neumarkt i. d. OPf. und Weltmarktführer bei pflanzlichen Arzneimitteln. Das Unternehmen selbst ist ein Paradebeispiel eines bayerischen Mittelständlers mit globalem Anspruch und verkörpert die Innovationskraft, die der BMP würdigt.', + logo: (Bionorica®), + industry: 'Pharmaindustrie', location: 'Neumarkt i.d.OPf., Bayern', website: 'bionorica.de', linkedin: 'https://linkedin.com/company/bionorica', + }, + { + id: 'primus', name: 'Primus', role: 'Sponsor', tier: 3, + desc: 'Partner des Bayerischen Mittelstandspreises.', + fullDesc: 'Primus unterstützt als Sponsor den Bayerischen Mittelstandspreis und sein Engagement für herausragende Unternehmen des bayerischen Mittelstands.', + logo: (PRIMUS), + industry: 'Partner', location: 'Bayern', website: '', }, ]; const expertiseRows = [ - { num: '01', label: 'Aktenstudium', body: 'Alle Einreichungen werden zunächst vollständig gesichtet und nach formalen Kriterien geprüft.' }, - { num: '02', label: 'Scoring-Matrix', body: 'Jedes Jurymitglied bewertet unabhängig nach den vier gleichgewichteten Kriterien.' }, - { num: '03', label: 'Jury-Plenum', body: 'In der gemeinsamen Sitzung werden Abweichungen diskutiert und Konsens gebildet.' }, - { num: '04', label: 'Nominierungsliste', body: 'Die Jury beschließt einstimmig die Nominierten und den Preisträger.' }, + { num: '01', label: 'Aktenstudium', body: 'Alle Einreichungen werden zunächst vollständig gesichtet und nach den festgelegten Kriterien geprüft.' }, + { num: '02', label: 'Scoring-Matrix', body: 'Jedes Jurymitglied bewertet die Einreichungen unabhängig nach den festgelegten Kriterien.' }, + { num: '03', label: 'Jury-Plenum', body: 'In der gemeinsamen Sitzung werden Argumente und Ansichten ausgetauscht, Eigenschaften verglichen und gemeinsam bewertet. Daraus entsteht die Liste der Finalisten.' }, + { num: '04', label: 'Ergebnis', body: 'Die Gewinner des Bayerischen Mittelstandspreises werden nach vorgegebenem Punktesystem bestimmt, erweitert um Jury-Mitglieder aus der Praxis.' }, ]; return ( @@ -447,7 +492,7 @@ const Netzwerk: React.FC = () => { {/* ── 1. HERO ──────────────────────────────────────────────────────────── */}
BMP Netzwerk Preisverleihung -
+
@@ -475,7 +520,7 @@ const Netzwerk: React.FC = () => {

des Bayerischen Mittelstandspreises

-
+
{ {/* ── 3. JURY-INTRO (editorial 2-col split) ────────────────────────────── */} -
- - {/* Left — Cream, stats */} -
-
-
04
-
Unabhängige Jurymitglieder
+
+ {!isMobile && } + {isMobile && ( +
+ )} + {isMobile ? ( + /* Mobile: one cohesive navy module — copy + compact stat strip */ +
+ Wer entscheidet? +

+ UNABHÄNGIGE EXPERTISE FÜR DEN MITTELSTAND. +

+
+

+ 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. +

+ {/* Stat strip */} +
+ {[ + { v: '11', l: 'Jurymitglieder' }, + { v: 'Mehrstufig', l: 'Bewertungsverfahren' }, + { v: '100%', l: 'Unabhängig' }, + ].map((s, i) => ( +
0 ? 14 : 0, borderLeft: i > 0 ? '1px solid rgba(255,255,255,0.14)' : 'none' }}> +
{s.v}
+
{s.l}
+
+ ))} +
-
-
-
100%
-
Unabhängig & ehrenamtlich
-
-
-
-
3
-
Bewertungsrunden bis zur Gala
-
-
- {/* Right — Navy, editorial copy */} -
- Wer entscheidet? -

- UNABHÄNGIGE EXPERTISE FÜR DEN MITTELSTAND. -

-
-

- 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. -

-
+ ) : ( + <> + {/* Left — Cream, stats */} +
+
+
11
+
Unabhängige Jurymitglieder
+
+
+
+
Mehrstufig
+
Bewertungsverfahren
+
+
+
+
100%
+
Unabhängig & ehrenamtlich
+
+
+ {/* Right — Navy, editorial copy */} +
+ Wer entscheidet? +

+ UNABHÄNGIGE EXPERTISE FÜR DEN MITTELSTAND. +

+
+

+ 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. +

+
+ + )}
@@ -562,10 +639,10 @@ const Netzwerk: React.FC = () => {

UNSERE JURY 2026

- Vier Expertinnen und Experten aus Wirtschaft, Wissenschaft und Verbänden — für einen vollständig unabhängigen Bewertungsprozess. + Unabhängige Expertinnen und Experten aus Wirtschaft, Wissenschaft und Verbänden, für einen vollständig unabhängigen Bewertungsprozess.

-
+
{juryMembers.map((member, idx) => ( ))} @@ -612,14 +689,27 @@ const Netzwerk: React.FC = () => { Netzwerkqualität

PARTNER & SPONSOREN.

-

- Ein starkes Netzwerk für einen starken Mittelstand. Klicken für Details. +

+ Partner in drei Kategorien: Hauptsponsoren, Medienpartner und weitere Sponsoren. Klicken für Details.

-
- {partners.map((partner, idx) => ( - setSelectedPartner(partner)} /> - ))} + + {/* Tiered grid — continuous, ranks marked by label bars */} +
+ {([ + { tier: 1 as const, label: 'Hauptsponsoren', note: 'Premium', variant: 'lg' as const, cols: isMobile ? 1 : 2 }, + { tier: 2 as const, label: 'Medienpartner', note: '', variant: 'md' as const, cols: isMobile ? 2 : 2 }, + { tier: 3 as const, label: 'Weitere Sponsoren', note: '', variant: 'sm' as const, cols: isMobile ? 2 : 4 }, + ]).map(t => { + const items = partners.filter(p => p.tier === t.tier); + return ( +
+ {items.map((p, i) => ( + setSelectedPartner(p)} /> + ))} +
+ ); + })}
@@ -627,12 +717,12 @@ const Netzwerk: React.FC = () => { {/* ── 7. SPONSORING-FORM ───────────────────────────────────────────────── */}
-
+
{/* Left — pitch */} -
+
Wachstum durch Partnerschaft

WIR FREUEN UNS ÜBER NEUE SPONSOREN.

@@ -656,7 +746,7 @@ const Netzwerk: React.FC = () => { {/* Center divider */} {!isMobile &&
} {/* Right — gold form panel */} -
+
+
- Phase 2026 + Bewerbungsphase 2026

GESTALTEN SIE
BAYERNS ZUKUNFT. @@ -79,7 +79,7 @@ const Participation: React.FC = () => {

- Vier klar definierte Kriterien — erfüllen Sie alle, bewerben Sie sich kostenlos und ohne bürokratischen Aufwand. + Vier klar definierte Kriterien: Erfüllen Sie alle, bewerben Sie sich kostenlos und ohne bürokratischen Aufwand.

@@ -88,7 +88,7 @@ const Participation: React.FC = () => {
{[ { num: '01', title: 'Standort Bayern', body: 'Sitz oder wesentliche Betriebsstätte im Freistaat Bayern.', Icon: MapPin }, - { num: '02', title: 'KMU-Größe', body: '10 bis 500 Beschäftigte — klassischer Mittelstand im privatwirtschaftlichen Bereich.', Icon: Users }, + { num: '02', title: 'KMU-Größe', body: '50 bis 1.500 Mitarbeiter: klassischer Mittelstand im privatwirtschaftlichen Bereich.', Icon: Users }, { num: '03', title: 'Marktreife', body: 'Mindestens drei vollständige Geschäftsjahre am Markt tätig.', Icon: TrendingUp }, { num: '04', title: 'Privatwirtschaft', body: 'Keine überwiegende Zugehörigkeit zu staatlichen oder kommunalen Trägern.', Icon: Building2 }, ].map((item, i, arr) => { @@ -99,6 +99,28 @@ const Participation: React.FC = () => { })}
+ {/* Zusätzliche Hinweise: Verbund + Wiederbewerber */} +
+
+ +
+
Verbund & Gemeinschaft
+

+ Oder Sie sind ein Verbund bzw. eine Gemeinschaft von mittelständischen Unternehmen oder von mittelständischen Unternehmen und Organisationen/Institutionen, die einen Schwerpunkt in Bayern hat. +

+
+
+
+ +
+
Erneute Bewerbung
+

+ Nominierte ohne Gewinn können sich sofort erneut bewerben. Preisträger können sich nach 7 Jahren erneut bewerben. +

+
+
+
+ {/* CTA nudge */}
@@ -122,8 +144,8 @@ const Participation: React.FC = () => { {/* TOP: editorial split — image left (45%) / header right (55%) */}
- {/* Left — full-bleed image with gradient blend into navy on the right */} -
+ {/* Left — full-bleed image with gradient blend into navy on the right (+ heading on mobile) */} +
Jury-Bewertung BMP { /> {/* Dark overlay for depth */}
- {/* Right-side blend into navy */} -
+ {/* Right-side blend into navy (desktop) */} + {!isMobile &&
} + {/* Mobile heading shadow (bottom-left) */} + {isMobile &&
} {/* Bottom blend for continuity with grid below */}
+ {/* Heading overlay — mobile only */} + {isMobile && ( +
+ Bewertung +

+ UNSERE
KRITERIEN. +

+
+ )}
{/* Right — overline + headline + intro */} -
- Bewertung -

- UNSERE
KRITERIEN. -

+
+ {!isMobile && ( + <> + Bewertung +

+ UNSERE
KRITERIEN. +

+ + )}
-

- Vier gleichgewichtete Säulen — bewertet durch eine vollständig unabhängige Expertenjury aus Wirtschaft, Wissenschaft und Gesellschaft. +

+ Vier zentrale Säulen, bewertet durch eine vollständig unabhängige Expertenjury aus Wirtschaft, Wissenschaft und Gesellschaft. +
+
+ Die Kriterien werden nicht gleich gewichtet.

+ ((e.currentTarget as HTMLElement).style.opacity = '0.8')} + onMouseLeave={e => ((e.currentTarget as HTMLElement).style.opacity = '1')} + > + Kriterien & Bewertung +
{/* BOTTOM: full-width 4-column criteria grid */}
{[ - { percentage: '25%', title: 'Innovations\u00ADkraft', desc: 'Zukunftsweisende Produkte, Dienstleistungen oder interne Prozessinnovationen.' }, - { percentage: '25%', title: 'Nachhaltigkeit', desc: 'Ökologische Verantwortung und Ressourcen-Effizienz im operativen Kern.' }, - { percentage: '25%', title: 'Unternehmens\u00ADkultur', desc: 'Mitarbeiterbindung, Aus- und Weiterbildung sowie wertebasierte Führung.' }, - { percentage: '25%', title: 'Regionale Wurzeln', desc: 'Engagement am Standort Bayern und Beitrag zur regionalen Wertschöpfung.' }, + { title: 'Innovations\u00ADkraft', desc: 'Zukunftsweisende Produkte, Dienstleistungen oder interne Prozessinnovationen.' }, + { title: 'Nachhaltigkeit', desc: 'Ökologische Verantwortung und Ressourcen-Effizienz im operativen Kern.' }, + { title: 'Unternehmens\u00ADkultur', desc: 'Mitarbeiterbindung, Aus- und Weiterbildung sowie wertebasierte Führung.' }, + { title: 'Regionale Wurzeln', desc: 'Engagement am Standort Bayern und Beitrag zur regionalen Wertschöpfung.' }, ].map((crit, i) => ( ))} @@ -170,26 +220,46 @@ const Participation: React.FC = () => { {/* ── DATES BANNER ─────────────────────────────────────────────────────── */}
-
-
-

Wichtige Termine 2026

-

Planen Sie Ihre Teilnahme rechtzeitig.

+ {isMobile ? ( + /* Mobile: slim horizontal bar */ +
+
Wichtige Termine 2026
+
+ {[ + { date: '30. Juni 2026', label: 'Bewerbungsschluss' }, + { date: 'August 2026', label: 'Nominierte' }, + { date: 'Oktober 2026', label: 'Gala-Verleihung' }, + ].map((d, i) => ( +
0 ? 14 : 0, borderLeft: i > 0 ? '1px solid rgba(3,9,58,0.2)' : 'none' }}> +
{d.date}
+
{d.label}
+
+ ))} +
-
- {[ - { date: '30. Juni 2026', label: 'Bewerbungsschluss' }, - { date: 'August 2026', label: 'Bekanntgabe Nominierte' }, - { date: 'Oktober 2026', label: 'Gala-Verleihung' }, - ].map((d, i) => ( - -
-
{d.date}
-
{d.label}
-
- {i < 2 && !isMobile &&
} - - ))} -
+ ) : ( + /* Desktop: full banner */ +
+
+

Wichtige Termine 2026

+

Planen Sie Ihre Teilnahme rechtzeitig.

+
+
+ {[ + { date: '30. Juni 2026', label: 'Bewerbungsschluss' }, + { date: 'August 2026', label: 'Bekanntgabe Nominierte' }, + { date: 'Oktober 2026', label: 'Gala-Verleihung' }, + ].map((d, i) => ( + +
+
{d.date}
+
{d.label}
+
+ {i < 2 &&
} + + ))} +
+ )}
{/* ── FORM SECTION ─────────────────────────────────────────────────────── */} @@ -203,19 +273,19 @@ const Participation: React.FC = () => {

- Sie können sich selbst bewerben oder ein herausragendes Unternehmen vorschlagen. Die Teilnahme ist vollständig kostenfrei. + Sie können sich selbst bewerben oder ein herausragendes Unternehmen vorschlagen. Firmenverbunde können sich ebenfalls bewerben. Die Teilnahme ist vollständig kostenfrei.

{[ - { num: '01', label: 'Kostenfrei', desc: 'Keine Teilnahmegebühr' }, + { num: '01', label: '0 EUR', desc: 'Teilnahmegebühr' }, { num: '02', label: 'Schnell', desc: 'Ca. 30–45 Minuten' }, { num: '03', label: 'Mehrstufig', desc: 'Transparenter Prozess' }, ].map((item, i) => (
{item.num}
- {item.label} - {item.desc} + {item.label} + {item.desc}
))} @@ -270,7 +340,10 @@ const Participation: React.FC = () => {
-
+
+ + Sie haben Ihre Unterlagen bereits als PDF vorbereitet? Laden Sie sie direkt hoch, statt das Formular auszufüllen. + Formular hochladen → @@ -313,7 +386,7 @@ function QualRow({ item, Icon, last }: { item: { num: string; title: string; bod // ── CriteriaCell ────────────────────────────────────────────────────────────── -function CriteriaCell({ crit, idx }: { crit: { percentage: string; title: string; desc: string }; idx: number }) { +function CriteriaCell({ crit, idx }: { crit: { title: string; desc: string }; idx: number }) { const [hovered, setHovered] = React.useState(false); const isMobileCell = useIsMobile(); return ( @@ -324,7 +397,6 @@ function CriteriaCell({ crit, idx }: { crit: { percentage: string; title: string >
0{idx + 1} - {crit.percentage}

{crit.title}

@@ -359,16 +431,66 @@ function BewerbungswegeSection() { HIER KÖNNEN SIE SICH
BEWERBEN ODER EIN
UNTERNEHMEN VORSCHLAGEN.

- Als Unternehmen haben Sie zwei Möglichkeiten: Sie werden von einem unterstützenden Partner oder einer Institution vorgeschlagen — oder Sie ergreifen selbst die Initiative und füllen unsere Anmeldung aus. Die Teilnahme ist in allen Fällen kostenfrei. + Als Unternehmen haben Sie zwei Möglichkeiten: Sie werden von einem unterstützenden Partner oder einer Institution vorgeschlagen, oder Sie ergreifen selbst die Initiative und füllen unsere Anmeldung aus. Die Teilnahme ist in allen Fällen kostenfrei.

- {/* 3 Wege */} -
+ {/* 3 Wege — premium swipe cards on mobile, 3-col grid on desktop */} +
+ + {/* ── MOBILE: unified premium cards ── */} + {isMobile && ([ + { weg: 'Weg 01', title: 'Vorschlag unterbreiten', desc: 'Durch ehemalige Preisträger, die HAM, Senatoren und den Preis unterstützende Institutionen.', Icon: Send, checkItems: INSTITUTIONEN, cta: 'Vorschlag unterbreiten', featured: false }, + { weg: 'Weg 02', title: 'Initiativbewerbung', desc: 'Für Unternehmer, die selbst die Initiative ergreifen.', Icon: UserCheck, kvItems: [ { k: '0 EUR', v: 'Teilnahmegebühr' }, { k: 'Eigeninitiative', v: 'Direkt ohne Intermediär' }, { k: 'Für Unternehmer', v: 'Inhabergeführte KMU in Bayern' }, { k: 'Deadline', v: '30. Juni 2026' } ], cta: 'Jetzt bewerben', featured: true }, + { weg: 'Weg 03 · Sonderpreis', title: 'Bavarian Future Award', desc: 'Sonderpreis, initiiert durch die Studierenden der HAM, Hochschule für angewandtes Management.', Icon: Star, kvItems: [ { k: 'Vorschlag möglich', v: 'Durch HAM & Partner' }, { k: 'Selbstbewerbung', v: 'Direkte Einreichung' }, { k: 'Initiiert von', v: 'Studierenden der HAM' }, { k: 'Kategorie', v: 'Zukunft & Innovation' } ], cta: 'Zum Formular', featured: false }, + ] as { weg: string; title: string; desc: string; Icon: any; checkItems?: string[]; kvItems?: { k: string; v: string }[]; cta: string; featured: boolean }[]).map((w) => { + const Icon = w.Icon; + return ( +
+ {/* Header */} +
+ {w.featured && ( + Empfohlen + )} +
+ +
+ {w.weg} +

{w.title}

+

{w.desc}

+
+
+ {/* Detail list */} +
+ {w.checkItems && w.checkItems.map((inst, i) => ( +
+
+ +
+ {inst} +
+ ))} + {w.kvItems && w.kvItems.map((item, i) => ( +
+ {item.k} + {item.v} +
+ ))} +
+ {/* CTA */} + +
+ ); + })} + + {/* ── DESKTOP: original 3 columns ── */} + {!isMobile && (<> {/* ── Weg A: Vorschlag ── */} -
+
@@ -403,7 +525,7 @@ function BewerbungswegeSection() {
{/* ── Weg B: Initiativbewerbung ── */} -
+
@@ -417,14 +539,14 @@ function BewerbungswegeSection() {
{[ - { label: 'Kostenfrei', desc: 'Keine Teilnahmegebühr' }, + { label: '0 EUR', desc: 'Teilnahmegebühr' }, { label: 'Eigeninitiative', desc: 'Direkt ohne Intermediär' }, { label: 'Für Unternehmer', desc: 'Inhabergeführte KMU in Bayern' }, { label: 'Deadline', desc: '30. Juni 2026' }, ].map((item, i) => (
- {item.label} - {item.desc} + {item.label} + {item.desc}
))}
@@ -440,16 +562,16 @@ function BewerbungswegeSection() {
{/* ── Weg C: Sonderpreis ── */} -
+
- Weg 03 — Sonderpreis + Weg 03 · Sonderpreis

Bavarian
Future Award

- Sonderpreis, initiiert durch die Studierenden der HAM — Hochschule für angewandtes Management. + Sonderpreis, initiiert durch die Studierenden der HAM, Hochschule für angewandtes Management.

@@ -460,8 +582,8 @@ function BewerbungswegeSection() { { label: 'Kategorie', desc: 'Zukunft & Innovation' }, ].map((item, i) => (
- {item.label} - {item.desc} + {item.label} + {item.desc}
))}
@@ -476,6 +598,8 @@ function BewerbungswegeSection() {
+ )} +
); diff --git a/src/pages/Preistraeger.tsx b/src/pages/Preistraeger.tsx index 25fc6ec..cf33329 100644 --- a/src/pages/Preistraeger.tsx +++ b/src/pages/Preistraeger.tsx @@ -49,10 +49,7 @@ export default function Preistraeger() { {/* Filter Section */}
-

Alle Preisträger

-

- AUSGEZEICHNETE UNTERNEHMEN IM ÜBERBLICK -

+ {/* #93: Headline entfernt — Seitenname steht bereits oben im Breadcrumb. */} {/* Year Tabs */}
@@ -140,7 +137,19 @@ export default function Preistraeger() { Keine Preisträger für diese Auswahl.
) : ( -
+
{filtered.map(w => ( ))} @@ -204,10 +213,11 @@ export default function Preistraeger() { function WinnerCard({ winner }: { winner: import('@/data/winners').Winner }) { const [hovered, setHovered] = useState(false); + const isMobile = useIsMobile(); return ( setHovered(true)} onMouseLeave={() => setHovered(false)} > @@ -224,15 +234,15 @@ function WinnerCard({ winner }: { winner: import('@/data/winners').Winner }) { {/* Text */}
- - + + {winner.year} · {winner.type}
-

+

{winner.name}

-

+

{winner.category}

@@ -241,8 +251,8 @@ function WinnerCard({ winner }: { winner: import('@/data/winners').Winner }) { marginTop: 12, display: 'inline-flex', alignItems: 'center', gap: 7, background: NAVY, color: '#fff', - padding: '8px 16px', borderRadius: 999, - fontSize: 15, fontWeight: 700, fontFamily: FF, + padding: '9px 18px', borderRadius: 999, + fontSize: 16, fontWeight: 700, fontFamily: FF, textTransform: 'uppercase', letterSpacing: '0.06em', opacity: hovered ? 1 : 0, transform: hovered ? 'translateY(0)' : 'translateY(6px)', diff --git a/src/pages/Press.tsx b/src/pages/Press.tsx index 771f9bb..ce841c2 100644 --- a/src/pages/Press.tsx +++ b/src/pages/Press.tsx @@ -254,8 +254,9 @@ const Press: React.FC = () => { style={{ position: 'absolute', inset: 0, - background: - 'linear-gradient(to right, #020930 0%, rgba(2,9,48,0.90) 38%, rgba(2,9,48,0.18) 65%, transparent 100%)', + background: isMobile + ? 'linear-gradient(to top, rgba(2,9,48,0.95) 0%, rgba(2,9,48,0.72) 38%, rgba(2,9,48,0.22) 72%, transparent 100%)' + : 'linear-gradient(to right, #020930 0%, rgba(2,9,48,0.90) 38%, rgba(2,9,48,0.18) 65%, transparent 100%)', }} />