daimpad
diff --git a/‎css/styles.css‎
Lines changed: 1 addition & 1 deletion b/‎css/styles.css‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎index.html‎
Lines changed: 5 additions & 5 deletions b/‎index.html‎
Lines changed: 5 additions & 5 deletions
diff --git a/‎js/app.js‎
Lines changed: 3 additions & 0 deletions b/‎js/app.js‎
Lines changed: 3 additions & 0 deletions
@@ -364,7 +364,7 @@ textarea.csv-textarea:focus {
 .btn-danger:hover { background: #a93226; }
 
 .btn-sm  { padding: 5px 12px; font-size: 12px; }
-.btn-icon { width: 32px; height: 32px; padding: 0; justify-content: center; border-radius: 8px; }
+.btn-icon { width: 32px; height: 32px; padding: 0; justify-content: center; border-radius: var(--radius); }
 
 .btn-row { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; align-items: center; }
 
 
@@ -3,18 +3,18 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Datengraf – Datenökosystem-Mapper</title>
+  <title>DatenGraf – Datenökosystem-Mapper</title>
   <meta name="description" content="Interaktive Kartierung und Analyse von Datenflüssen in Organisationen – browserbasiert, ohne Backend.">
 
   <!-- Open Graph -->
-  <meta property="og:title"       content="Datengraf – Datenökosystem-Mapper">
+  <meta property="og:title"       content="DatenGraf – Datenökosystem-Mapper">
   <meta property="og:description" content="Visualisiere und analysiere Datenflüsse in deiner Organisation: Netzwerkkarte, Insights-Dashboard und DSGVO-Klassifikation – komplett im Browser, ohne Server.">
   <meta property="og:type"        content="website">
   <meta property="og:url"         content="https://daimpad.github.io/datengraf">
 
   <!-- Twitter Card -->
   <meta name="twitter:card"        content="summary">
-  <meta name="twitter:title"       content="Datengraf – Datenökosystem-Mapper">
+  <meta name="twitter:title"       content="DatenGraf – Datenökosystem-Mapper">
   <meta name="twitter:description" content="Interaktive Kartierung von Datenflüssen: Netzwerkkarte, Betweenness Centrality, Community Detection – alles im Browser.">
 
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -48,7 +48,7 @@
 <div class="app-shell">
 
   <!-- ── Sidebar ─────────────────────────────────────────────────── -->
-  <aside class="sidebar" id="sidebar">
+  <aside class="sidebar collapsed" id="sidebar">
     <div class="sidebar-header">
       <span>Filter</span>
       <button class="btn btn-secondary btn-sm" id="clear-filters-btn">Zurücksetzen</button>
@@ -115,7 +115,7 @@ <h3><i class="fas fa-magnifying-glass fa-fw"></i> Suche</h3>
   <div class="main">
     <div class="topbar">
       <button class="btn btn-secondary btn-icon" id="sidebar-toggle-btn" title="Filter ein-/ausblenden"><i class="fas fa-bars"></i></button>
-      <span class="topbar-brand">Datengraf</span>
+      <span class="topbar-brand" id="topbar-brand-link" style="cursor: pointer;">DatenGraf</span>
       <nav class="topbar-tabs">
         <button class="topbar-tab active" data-tab="list">Listenansicht</button>
         <button class="topbar-tab" data-tab="network">Netzwerkkarte</button>
 
@@ -752,5 +752,8 @@ document.getElementById('btn-load-sample').addEventListener('click', () => {
 document.getElementById('hero-wizard-btn').addEventListener('click', () => openWizard());
 document.getElementById('hero-sample-btn').addEventListener('click', () => document.getElementById('btn-load-sample').click());
 
+// ── Page Navigation ────────────────────────────────────────────────────────────
+document.getElementById('topbar-brand-link').addEventListener('click', () => location.reload());
+
 // ── Init ──────────────────────────────────────────────────────────────────────
 renderAll();