Source Update

index.html

@@ -26,6 +26,10 @@
       box-sizing: border-box;
     }
 
+    html {
+      scroll-behavior: smooth;
+    }
+
     body {
       margin: 0;
       font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
@@ -83,6 +87,10 @@
       font-size: .95rem;
     }
 
+    .nav-links a:hover {
+      color: var(--text);
+    }
+
     .hero {
       padding: 100px 0 82px;
     }
@@ -200,6 +208,14 @@
       font-size: .9rem;
     }
 
+    footer a {
+      font-weight: 700;
+    }
+
+    footer a:hover {
+      text-decoration: underline;
+    }
+
     @media (max-width: 760px) {
       .nav-links {
         display: none;
@@ -268,7 +284,9 @@
           Offizielle offene Verwaltungsdaten der Stadt Bielefeld –
           von Statistik bis Geodaten.
         </p>
-        <a href="https://open-data.bielefeld.de/" target="_blank" rel="noopener">
+        <a href="https://open-data.bielefeld.de/"
+           target="_blank"
+           rel="noopener">
           Open-Data-Portal öffnen →
         </a>
       </article>
@@ -280,7 +298,9 @@
           Karten, OpenGeoData, Luftbilder und weitere räumliche Daten
           rund um das Stadtgebiet.
         </p>
-        <a href="https://www.bielefeld.de/geoportal" target="_blank" rel="noopener">
+        <a href="https://www.bielefeld.de/geoportal"
+           target="_blank"
+           rel="noopener">
           Geoportal öffnen →
         </a>
       </article>
@@ -292,7 +312,9 @@
           Übersicht zu Open Data, digitalen Services, Breitband,
           Mobilfunk und weiteren Digitalthemen.
         </p>
-        <a href="https://www.bielefeld.de/digitalisierung" target="_blank" rel="noopener">
+        <a href="https://www.bielefeld.de/digitalisierung"
+           target="_blank"
+           rel="noopener">
           Mehr erfahren →
         </a>
       </article>
@@ -305,7 +327,8 @@
           KI-Projekte und lokale Agenten.
         </p>
         <a href="https://huggingface.co/datasets/bielefeld/open-data-bielefeld"
-           target="_blank" rel="noopener">
+           target="_blank"
+           rel="noopener">
           Dataset ansehen →
         </a>
       </article>
@@ -319,8 +342,9 @@
     <h2>KI & Forschung</h2>
 
     <p class="section-intro">
-      Bielefeld verfügt über eine bemerkenswerte Forschungslandschaft
-      rund um künstliche Intelligenz, intelligente Systeme und Mensch-Technik-Interaktion.
+      Bielefeld verfügt über eine Forschungslandschaft rund um
+      künstliche Intelligenz, intelligente Systeme und
+      Mensch-Technik-Interaktion.
     </p>
 
     <div class="grid">
@@ -333,7 +357,8 @@
           intelligenter Mensch-Technik-Interaktion und lernenden Systemen.
         </p>
         <a href="https://www.uni-bielefeld.de/fakultaeten/technische-fakultaet/info-citec/"
-           target="_blank" rel="noopener">
+           target="_blank"
+           rel="noopener">
           CITEC entdecken →
         </a>
       </article>
@@ -346,7 +371,8 @@
           an KI, maschinellem Lernen, Robotik und Assistenzsystemen.
         </p>
         <a href="https://www.uni-bielefeld.de/fakultaeten/technische-fakultaet/forschung/intelligente-systeme/"
-           target="_blank" rel="noopener">
+           target="_blank"
+           rel="noopener">
           Forschungsbereich öffnen →
         </a>
       </article>
@@ -359,7 +385,8 @@
           Kommunikation, Technologie und aktuellen KI-Anwendungen.
         </p>
         <a href="https://www.hsbi.de/forschung"
-           target="_blank" rel="noopener">
+           target="_blank"
+           rel="noopener">
           HSBI Forschung →
         </a>
       </article>
@@ -372,7 +399,8 @@
           sozialer Interaktion und intelligenten Assistenzsystemen.
         </p>
         <a href="https://scs.techfak.uni-bielefeld.de/"
-           target="_blank" rel="noopener">
+           target="_blank"
+           rel="noopener">
           Forschungsgruppe öffnen →
         </a>
       </article>
@@ -386,8 +414,8 @@
     <h2>Tech & Community</h2>
 
     <p class="section-intro">
-      Orte und Netzwerke, an denen digitale Ideen, Unternehmertum und
-      technologische Projekte in Bielefeld zusammenkommen.
+      Orte, Netzwerke und Plattformen, an denen digitale Ideen,
+      Unternehmertum und regionale Projekte zusammenkommen.
     </p>
 
     <div class="grid">
@@ -400,21 +428,37 @@
           Veranstaltungen und Netzwerkangeboten für Gründerinnen und Gründer.
         </p>
         <a href="https://foundersfoundation.de/startup-network/"
-           target="_blank" rel="noopener">
+           target="_blank"
+           rel="noopener">
           Startup-Netzwerk entdecken →
         </a>
       </article>
 
       <article class="card">
-        <small>Mitmachen</small>
+        <small>Open Data</small>
         <h3>Open Data nutzen</h3>
         <p>
-          Die Stadt stellt offene Daten bereit und lädt dazu ein,
-          daraus eigene datenbasierte Projekte zu entwickeln.
+          Öffentliche Daten können Grundlage für eigene Analysen,
+          Visualisierungen und digitale Anwendungen sein.
+        </p>
+        <a href="https://open-data.bielefeld.de/"
+           target="_blank"
+           rel="noopener">
+          Daten entdecken →
+        </a>
+      </article>
+
+      <article class="card">
+        <small>Regionale Plattform</small>
+        <h3>Bielefeld auf ostwestfalen.nrw</h3>
+        <p>
+          Orte, Veranstaltungen, Unternehmen und aktuelle Themen aus
+          Bielefeld und der Region – kuratiert auf ostwestfalen.nrw.
         </p>
-        <a href="https://www.bielefeld.de/node/26198"
-           target="_blank" rel="noopener">
-          Informationen ansehen →
+        <a href="https://ostwestfalen.nrw/bielefeld/"
+           target="_blank"
+           rel="noopener">
+          Bielefeld entdecken →
         </a>
       </article>
 
@@ -451,7 +495,12 @@
 
 <footer>
   <div class="container">
-    Bielefeld Digital Guide · Bielefeld Community
+    Bielefeld Digital Guide · Bielefeld Community ·
+    <a href="https://ostwestfalen.nrw/"
+       target="_blank"
+       rel="noopener">
+      Ostwestfalen entdecken
+    </a>
   </div>
 </footer>