Initial commit — BMP Website 2026

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>

news-detail.html

@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>News Detail – Bayerischer Mittelstandspreis</title>
+  <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 class="bg-light">
+
+  <!-- ── 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>
+
+  <!-- ── Blog Header ── -->
+  <section class="page-hero" style="background-color: var(--color-primary);">
+    <div class="container reveal">
+      <div class="hero__badge reveal">
+        <span class="badge badge--gold">Kategorie: Innovation</span>
+      </div>
+      <h1 class="hero-title" style="color: white; max-width: 800px; margin: 0 auto;">Wie Bayerns KMU die KI nutzen: Ein Deep-Dive in die Bewerbungen</h1>
+      <div class="gold-divider"></div>
+      
+      <div class="flex-center gap-md" style="color: rgba(255,255,255,0.7); margin-top: var(--space-xl);">
+        <span>📅 15. März 2026</span>
+        <span>•</span>
+        <span>✍️ Dr. Maria Huber</span>
+      </div>
+    </div>
+  </section>
+
+  <!-- ── Article Content ── -->
+  <section class="section">
+    <div class="container">
+      <div class="legal-content reveal">
+        <p class="fs-body-lg" style="color: var(--color-primary); font-weight: 500;">Die Auswertung der ersten Bewerbungsrunde zum Bayerischen Mittelstandspreis 2026 zeigt einen klaren Trend: Künstliche Intelligenz ist längst kein Thema mehr nur für Großkonzerne.</p>
+        
+        <p>In den vergangenen Jahren war Digitalisierung oft ein Schlagwort für „Prozessoptimierung“. Doch die diesjährigen Einreichungen zeigen ein neues Bild. Bayerische Unternehmen aus Produktion, Handwerk und Dienstleistung nutzen KI-Methoden, um ihre Innovationskraft massiv zu steigern.</p>
+        
+        <div style="margin: var(--space-3xl) 0; border-radius: 12px; overflow: hidden; box-shadow: var(--shadow-xl);">
+          <img src="https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&q=80&w=1200" alt="KI im Mittelstand" class="fit-image">
+          <p style="padding: var(--space-md); background: white; font-size: var(--fs-xs); color: var(--color-gray-dark); margin-bottom: 0;">Foto: Innovative Fertigung im bayerischen Mittelstand.</p>
+        </div>
+
+        <h2>KI als Treiber für Nachhaltigkeit</h2>
+        <p>Ein besonders spannender Aspekt ist die Verknüpfung von technologischem Vorsprung und ökologischer Verantwortung. Viele Bewerber nutzen intelligente Algorithmen, um ihren Energieverbrauch in der Fertigung zu minimieren oder Lieferketten so zu optimieren, dass der CO2-Fußabdruck signifikant sinkt.</p>
+        
+        <blockquote>
+          „KI ist für uns kein Selbstzweck, sondern das Werkzeug, um die Ressourcen-Effizienz zu erreichen, die der Markt heute von uns fordert.“
+        </blockquote>
+
+        <h2>Ausblick auf die Audits</h2>
+        <p>In der nächsten Phase werden unsere Fachexperten diese Systeme vor Ort unter die Lupe nehmen. Wir sind gespannt, wie tief diese Technologien bereits in den operativen Kern der Unternehmen vorgedrungen sind.</p>
+        
+        <div class="flex-between" style="margin-top: var(--space-4xl); padding-top: var(--space-xl); border-top: 1px solid var(--color-gray-light);">
+          <a href="presse.html" class="btn btn--outline-dark btn--sm">← Zurück zur Übersicht</a>
+          <div class="flex gap-md">
+            <span>Teilen:</span>
+            <a href="#" style="color: var(--color-primary);">LinkedIn</a>
+            <a href="#" style="color: var(--color-primary);">Twitter</a>
+          </div>
+        </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>