fea7998835
Vollständiges Redesign mit Gold-Formularen, BMP-Logo, multi-step Forms (Bewerbung, Kontakt, Sponsoring), Netlify-Deployment. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
226 lines
11 KiB
HTML
226 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Der BMP & Preisträger – Bayerischer Mittelstandspreis</title>
|
||
<meta name="description" content="Entdecken Sie den Bayerischen Mittelstandspreis, seine Preisträger und die Geschichte hinter Bayerns renommiertester KMU-Auszeichnung.">
|
||
<link rel="stylesheet" href="/css/variables.css">
|
||
<link rel="stylesheet" href="/css/base.css">
|
||
<link rel="stylesheet" href="/css/components.css">
|
||
<link rel="stylesheet" href="/css/layout.css">
|
||
<link rel="stylesheet" href="/css/pages.css">
|
||
</head>
|
||
<body>
|
||
|
||
<nav class="nav" id="main-nav">
|
||
<div class="nav__inner">
|
||
<a href="index.html" class="nav__brand">
|
||
<div class="nav__brand-text">
|
||
<span class="nav__brand-name">Bayerischer Mittelstandspreis</span>
|
||
<span class="nav__brand-sub">Exzellenz seit 2005</span>
|
||
</div>
|
||
</a>
|
||
<div class="nav__links" id="nav-links">
|
||
<a href="index.html" class="nav__link">Startseite</a>
|
||
<a href="teilnahme.html" class="nav__link">Teilnahme</a>
|
||
<a href="preistraeger.html" class="nav__link active">Der BMP</a>
|
||
<a href="jury.html" class="nav__link">Jury & Partner</a>
|
||
<a href="kontakt.html" class="nav__link">Kontakt</a>
|
||
<a href="teilnahme.html#bewerben" class="btn btn--gold btn--sm nav__cta">Bewerben</a>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- ── Page Hero ── -->
|
||
<section class="page-hero">
|
||
<div class="container reveal">
|
||
<div class="hero__badge reveal">
|
||
<span class="badge badge--gold">Exzellenz im Mittelstand</span>
|
||
</div>
|
||
<h1 class="hero-title">Werte, die Bayern bewegen.</h1>
|
||
<div class="gold-divider"></div>
|
||
<p class="hero-subtitle">Was ist der BMP? Entdecken Sie die Geschichte, die Vision und die Gesichter hinter Bayerns renommiertester Auszeichnung.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ── Kurzbeschreibung „Was ist der Preis?“ & Zielsetzung ── -->
|
||
<section class="section" id="was-ist-der-bmp">
|
||
<div class="container">
|
||
<div class="split reveal">
|
||
<div class="split__content">
|
||
<span class="overline">Hintergrund</span>
|
||
<h2>Bedeutung für den Mittelstand</h2>
|
||
<div class="gold-divider gold-divider--left"></div>
|
||
<p>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. In einer globalisierten Welt sind es diese Unternehmen, die für Stabilität, Innovation und soziale Verantwortung stehen.</p>
|
||
<div class="grid grid--1" style="margin-top: var(--space-xl);">
|
||
<div class="feature-box stagger-item">
|
||
<h4 style="color: var(--color-accent);">Unsere Geschichte</h4>
|
||
<p>Entstanden aus einer Initiative bayerischer Wirtschaftsvertreter, ehrt der Preis heute jährlich die Leuchttürme unserer Wirtschaft.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="split__visual">
|
||
<div class="card card--gold-top reveal" style="padding: var(--space-2xl); background: var(--color-gray-lighter);">
|
||
<h4>Zielsetzung</h4>
|
||
<ul class="check-list">
|
||
<li>Sichtbarkeit für den Mittelstand erhöhen</li>
|
||
<li>Netzwerkbildung über Branchen hinweg</li>
|
||
<li>Förderung von wertebasierter Führung</li>
|
||
<li>Stärkung der Arbeitgebermarke "Mittelstand"</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ── Preisträger-Highlights (Social Proof) ── -->
|
||
<section class="section section--light" id="highlights">
|
||
<div class="container">
|
||
<div class="section-header reveal">
|
||
<span class="overline">Social Proof</span>
|
||
<h2>Stimmen der Exzellenz</h2>
|
||
<div class="gold-divider"></div>
|
||
</div>
|
||
<div class="grid grid--3 reveal">
|
||
<div class="testimonial stagger-item">
|
||
<p class="testimonial__quote">Der Gewinn des BMP war ein Moment des Stolzes für unsere gesamte Belegschaft. Es ist die höchste Anerkennung für unsere tägliche Arbeit."</p>
|
||
<p class="testimonial__name">Hannes Weber</p>
|
||
<p class="testimonial__company">Weber Präzision GmbH (Sieger 2023)</p>
|
||
</div>
|
||
<div class="testimonial stagger-item">
|
||
<p class="testimonial__quote">Das Netzwerk, das wir durch den BMP gewonnen haben, ist unbezahlbar. Wir haben Partner gefunden, die unsere Werte teilen."</p>
|
||
<p class="testimonial__name">Lisa Berger</p>
|
||
<p class="testimonial__company">EcoTech Bavaria (Innovationspreis 2024)</p>
|
||
</div>
|
||
<div class="testimonial stagger-item">
|
||
<p class="testimonial__quote">Der Preis hat unsere Sichtbarkeit weit über die bayerischen Grenzen hinaus gestärkt. Ein echtes Premium-Siegel."</p>
|
||
<p class="testimonial__name">Dr. Michael Schuh</p>
|
||
<p class="testimonial__company">Bayerischer Maschinenbau (Nominiert 2024)</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ── Historie & Kurzprofile (Auflistung) ── -->
|
||
<section class="section section--dark" id="wall-of-fame">
|
||
<div class="container">
|
||
<div class="section-header reveal">
|
||
<span class="overline">Wall of Fame</span>
|
||
<h2>Historie der Preisträger</h2>
|
||
<div class="gold-divider"></div>
|
||
</div>
|
||
<div class="grid grid--2 reveal">
|
||
<!-- Preisträger 1 -->
|
||
<div class="card stagger-item" style="background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); color: var(--color-white);">
|
||
<div class="card__body">
|
||
<div class="badge badge--gold" style="margin-bottom: var(--space-sm);">Sieger 2024</div>
|
||
<h3 style="color: var(--color-white);">AlpinTech Solutions</h3>
|
||
<p style="color: rgba(255,255,255,0.7);">Kategorie: Innovation & Technologie. Ausgezeichnet für ihre revolutionäre Sensorik im Bereich Katastrophenschutz.</p>
|
||
</div>
|
||
</div>
|
||
<!-- Preisträger 2 -->
|
||
<div class="card stagger-item" style="background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); color: var(--color-white);">
|
||
<div class="card__body">
|
||
<div class="badge badge--gold" style="margin-bottom: var(--space-sm);">Sieger 2024</div>
|
||
<h3 style="color: var(--color-white);">BioWerk Bayern</h3>
|
||
<p style="color: rgba(255,255,255,0.7);">Kategorie: Nachhaltigkeit. Vorreiter in der kreislauforientierten Holzverarbeitung.</p>
|
||
</div>
|
||
</div>
|
||
<!-- Preisträger 3 -->
|
||
<div class="card stagger-item" style="background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); color: var(--color-white);">
|
||
<div class="card__body">
|
||
<div class="badge badge--gold" style="margin-bottom: var(--space-sm);">Sonderpreis 2023</div>
|
||
<h3 style="color: var(--color-white);">Handwerk 4.0 GmbH</h3>
|
||
<p style="color: rgba(255,255,255,0.7);">Kategorie: Unternehmenskultur. Exzellenz in der digitalen Lehrlingsausbildung.</p>
|
||
</div>
|
||
</div>
|
||
<!-- Preisträger 4 -->
|
||
<div class="card stagger-item" style="background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); color: var(--color-white);">
|
||
<div class="card__body">
|
||
<div class="badge badge--gold" style="margin-bottom: var(--space-sm);">Sieger 2023</div>
|
||
<h3 style="color: var(--color-white);">OpticBavaria</h3>
|
||
<p style="color: rgba(255,255,255,0.7);">Gesamtsieger. Tradition trifft Hightech in der feinmechanischen Optik.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ── Vorteile (Werte/Ziele) ── -->
|
||
<section class="section" id="vorteile-werte">
|
||
<div class="container">
|
||
<div class="section-header reveal">
|
||
<span class="overline">Vorteile & Werte</span>
|
||
<h2>Warum der BMP zählt</h2>
|
||
<div class="gold-divider"></div>
|
||
</div>
|
||
<div class="grid grid--3 reveal">
|
||
<div class="feature-box stagger-item">
|
||
<div class="icon-box icon-box--gold">🏆</div>
|
||
<h4>Exzellenz-Siegel</h4>
|
||
<p>Ein unabhängiger Qualitätsnachweis für Ihre Kunden, Partner und Mitarbeiter.</p>
|
||
</div>
|
||
<div class="feature-box stagger-item">
|
||
<div class="icon-box icon-box--gold">🤝</div>
|
||
<h4>Partner-Netzwerk</h4>
|
||
<p>Exklusiver Zugang zu Entscheidern aus Staatsregierung, Kammern und Top-Wirtschaft.</p>
|
||
</div>
|
||
<div class="feature-box stagger-item">
|
||
<div class="icon-box icon-box--gold">📢</div>
|
||
<h4>Reichweite</h4>
|
||
<p>Breite mediale Begleitung durch unsere regionalen und überregionalen Medienpartner.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ── CTA Richtung Bewerbung ── -->
|
||
<section class="section section--primary" id="cta-bewerbung">
|
||
<div class="container text-center reveal">
|
||
<span class="overline" style="color: var(--color-accent-light);">Starten Sie Ihre Reise</span>
|
||
<h2 style="color: var(--color-white); margin-bottom: var(--space-lg);">Schreiben auch Sie Geschichte.</h2>
|
||
<p style="color: rgba(255,255,255,0.8); max-width: 600px; margin: 0 auto var(--space-2xl); font-size: var(--fs-body-lg);">Werden Sie Teil der Wall of Fame des bayerischen Mittelstands. Die Teilnahme ist kostenfrei und lohnt sich in jeder Phase.</p>
|
||
<div class="hero__actions flex-center">
|
||
<a href="teilnahme.html" class="btn btn--gold btn--lg">Jetzt bewerben</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ── Footer ── -->
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<div class="footer__grid">
|
||
<div class="footer__brand">
|
||
<h3 class="nav__brand-name">Bayerischer Mittelstandspreis</h3>
|
||
<p class="nav__brand-sub">Exzellenz seit 2005</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="footer__heading">BMP 2026</h4>
|
||
<a href="index.html" class="footer__link">Startseite</a>
|
||
<a href="teilnahme.html" class="footer__link">Teilnahme</a>
|
||
<a href="preistraeger.html" class="footer__link">Preisträger</a>
|
||
</div>
|
||
<div>
|
||
<h4 class="footer__heading">Engagement</h4>
|
||
<a href="jury.html" class="footer__link">Jury & Partner</a>
|
||
<a href="presse.html" class="footer__link">Presse</a>
|
||
<a href="kontakt.html" class="footer__link">Kontakt</a>
|
||
</div>
|
||
<div>
|
||
<h4 class="footer__heading">Legal</h4>
|
||
<a href="datenschutz.html" class="footer__link">Datenschutz</a>
|
||
<a href="datenschutz.html#impressum" class="footer__link">Impressum</a>
|
||
</div>
|
||
</div>
|
||
<div class="footer__bottom">
|
||
<p>© 2026 Bayerischer Mittelstandspreis. Alle Rechte vorbehalten.</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script type="module" src="/js/main.js"></script>
|
||
</body>
|
||
</html>
|