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>
232 lines
12 KiB
HTML
232 lines
12 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Presse & Media – Bayerischer Mittelstandspreis</title>
|
||
<meta name="description" content="Der Pressebereich des Bayerischen Mittelstandspreises. Aktuelle Pressemitteilungen, Bildmaterial und Kontaktinformationen für Journalisten.">
|
||
<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>
|
||
|
||
<!-- ── Navigation ── -->
|
||
<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">Der BMP</a>
|
||
<a href="jury.html" class="nav__link">Jury & Partner</a>
|
||
<a href="presse.html" class="nav__link active">Presse</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">Presse-Portal</span>
|
||
</div>
|
||
<h1 class="hero-title">Events & Berichterstattung.</h1>
|
||
<div class="gold-divider"></div>
|
||
<p class="hero-subtitle">Erfahren Sie alles über unsere anstehenden Veranstaltungen und aktuelle Entwicklungen rund um den bayerischen Mittelstandspreis.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ── Events-Übersicht ── -->
|
||
<section class="section section--light" id="events">
|
||
<div class="container">
|
||
<div class="reveal">
|
||
<span class="overline">Termine</span>
|
||
<h2>Events rund um den Preis</h2>
|
||
<div class="gold-divider gold-divider--left"></div>
|
||
</div>
|
||
<div class="grid grid--3 reveal" style="margin-top: var(--space-2xl);">
|
||
<!-- Event 1 -->
|
||
<div class="blog-card stagger-item">
|
||
<div class="blog-card__image" style="background-image: url('https://images.unsplash.com/photo-1511578314322-379afb476865?auto=format&fit=crop&q=80&w=800'); background-size: cover;"></div>
|
||
<div class="blog-card__body">
|
||
<div class="blog-card__category">Gala / Event</div>
|
||
<h3 class="blog-card__title">Preisverleihung 2026</h3>
|
||
<div class="blog-card__meta" style="margin-bottom: var(--space-md);">
|
||
<span>📅 22. Okt 2026</span>
|
||
<span>📍 München, Residenz</span>
|
||
</div>
|
||
<span class="badge badge--gold" style="margin-bottom: var(--space-md);">In Planung</span>
|
||
<p class="blog-card__excerpt">Der glanzvolle Höhepunkt des Jahres. Die Verleihung der Preise in der prachtvollen Kulisse der Residenz München.</p>
|
||
<a href="event-detail.html" class="btn btn--outline-dark btn--sm">Event-Details →</a>
|
||
</div>
|
||
</div>
|
||
<!-- Event 2 -->
|
||
<div class="blog-card stagger-item">
|
||
<div class="blog-card__image" style="background-image: url('https://images.unsplash.com/photo-1505373877841-8d25f7d46678?auto=format&fit=crop&q=80&w=800'); background-size: cover;"></div>
|
||
<div class="blog-card__body">
|
||
<div class="blog-card__category">Workshop</div>
|
||
<h3 class="blog-card__title">Mittelstands-Gipfel</h3>
|
||
<div class="blog-card__meta" style="margin-bottom: var(--space-md);">
|
||
<span>📅 15. Juni 2026</span>
|
||
<span>📍 Nürnberg</span>
|
||
</div>
|
||
<span class="badge badge--blue" style="margin-bottom: var(--space-md);">Anmeldung offen</span>
|
||
<p class="blog-card__excerpt">Regionaler Austausch und Best-Practices für bayerische Unternehmen auf dem Weg zum Preis.</p>
|
||
<a href="event-detail.html" class="btn btn--outline-dark btn--sm">Event-Details →</a>
|
||
</div>
|
||
</div>
|
||
<!-- Event 3 -->
|
||
<div class="blog-card stagger-item">
|
||
<div class="blog-card__image" style="background-image: url('https://images.unsplash.com/photo-1588196749597-9ff075ee6b5b?auto=format&fit=crop&q=80&w=800'); background-size: cover;"></div>
|
||
<div class="blog-card__body">
|
||
<div class="blog-card__category">Jury-Sitzung</div>
|
||
<h3 class="blog-card__title">Nominierten-Auswahl</h3>
|
||
<div class="blog-card__meta" style="margin-bottom: var(--space-md);">
|
||
<span>📅 04. Aug 2026</span>
|
||
<span>📍 Regensburg</span>
|
||
</div>
|
||
<span class="badge badge--secondary" style="margin-bottom: var(--space-md);">Intern</span>
|
||
<p class="blog-card__excerpt">Das Gremium sichtet die Ergebnisse der Audits und legt die Nominierten für die Hauptpreise fest.</p>
|
||
<a href="event-detail.html" class="btn btn--outline-dark btn--sm">Details →</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ── Blog / News-Übersicht ── -->
|
||
<section class="section" id="news">
|
||
<div class="container">
|
||
<div class="section-header reveal">
|
||
<span class="overline">Newsroom</span>
|
||
<h2>Nachrichten & Einblicke</h2>
|
||
<div class="gold-divider"></div>
|
||
</div>
|
||
<div class="grid grid--3 reveal">
|
||
<!-- Blog post 1 -->
|
||
<div class="card stagger-item">
|
||
<div style="height: 200px; overflow: hidden;">
|
||
<img src="https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&q=80&w=800" alt="News 1" class="fit-image">
|
||
</div>
|
||
<div class="card__body">
|
||
<span class="blog-card__category">Innovation</span>
|
||
<h3 class="card__title">Wie Bayerns KMU die KI nutzen</h3>
|
||
<p class="card__text">Ein Deep-Dive in die Bewerbungsunterlagen 2024 zeigt: Der Mittelstand treibt die Digitalisierung aktiv voran.</p>
|
||
<a href="news-detail.html" class="footer__link" style="color: var(--color-accent); font-weight: var(--fw-bold);">Weiterlesen →</a>
|
||
</div>
|
||
</div>
|
||
<!-- Blog post 2 -->
|
||
<div class="card stagger-item">
|
||
<div style="height: 200px; overflow: hidden;">
|
||
<img src="https://images.unsplash.com/photo-1507679799987-c73779587ccf?auto=format&fit=crop&q=80&w=800" alt="News 2" class="fit-image">
|
||
</div>
|
||
<div class="card__body">
|
||
<span class="blog-card__category">Engagement</span>
|
||
<h3 class="card__title">Start der Ehrenamts-Initiative</h3>
|
||
<p class="card__text">Gemeinsam mit unseren Partnern fördern wir soziale Projekte mittelständischer Unternehmen.</p>
|
||
<a href="news-detail.html" class="footer__link" style="color: var(--color-accent); font-weight: var(--fw-bold);">Weiterlesen →</a>
|
||
</div>
|
||
</div>
|
||
<!-- Blog post 3 -->
|
||
<div class="card stagger-item">
|
||
<div style="height: 200px; overflow: hidden;">
|
||
<img src="https://images.unsplash.com/photo-1454165833767-13143895a004?auto=format&fit=crop&q=80&w=800" alt="News 3" class="fit-image">
|
||
</div>
|
||
<div class="card__body">
|
||
<span class="blog-card__category">Wirtschaft</span>
|
||
<h3 class="card__title">Bayerische Wirtschaft wächst</h3>
|
||
<p class="card__text">Neue Prognosen zeigen ein stabiles Wachstum für den Mittelstand – gute Aussichten für die Awards.</p>
|
||
<a href="news-detail.html" class="footer__link" style="color: var(--color-accent); font-weight: var(--fw-bold);">Weiterlesen →</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ── Media Assets & Contact ── -->
|
||
<section class="section section--dark" id="press-contact">
|
||
<div class="container">
|
||
<div class="grid grid--2 reveal" style="align-items: center; gap: var(--space-4xl);">
|
||
<div>
|
||
<span class="overline" style="color: var(--color-accent);">Resources</span>
|
||
<h2>Presse-Material & Kontakt</h2>
|
||
<div class="gold-divider gold-divider--left"></div>
|
||
<p style="color: var(--color-gray-dark);">Laden Sie unser offizielles Material herunter oder kontaktieren Sie direkt unser Presseteam für individuelle Anfragen.</p>
|
||
<div style="margin-top: var(--space-xl); display: flex; flex-direction: column; gap: var(--space-md);">
|
||
<a href="#" class="btn btn--gold">Download Presse-Kit (ZIP)</a>
|
||
<div style="margin-top: var(--space-lg);">
|
||
<p><strong>Tanja Meier</strong> (Presseleitung)</p>
|
||
<p style="color: var(--color-gray);">presse@bmp-bayern.de | +49 89 123 456 99</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-card" style="background: var(--color-white); padding: var(--space-3xl); border-radius: var(--radius-lg);">
|
||
<h3 style="color: var(--color-dark); margin-bottom: var(--space-lg);">Presse-Akkreditierung</h3>
|
||
<p style="color: var(--color-gray-dark); font-size: var(--fs-small); margin-bottom: var(--space-xl);">Melden Sie sich für unsere Verteiler an oder fordern Sie eine Akkreditierung für die nächste Gala an.</p>
|
||
<form>
|
||
<div class="form-group">
|
||
<label class="form-label" style="color: var(--color-dark);">Medium / Redaktion *</label>
|
||
<input type="text" class="form-input" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="form-label" style="color: var(--color-dark);">Name *</label>
|
||
<input type="text" class="form-input" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="form-label" style="color: var(--color-dark);">E-Mail *</label>
|
||
<input type="email" class="form-input" required>
|
||
</div>
|
||
<button type="submit" class="btn btn--gold btn--full">Akkreditierung anfragen →</button>
|
||
</form>
|
||
</div>
|
||
</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>
|