diff --git a/_locales/de/messages.json b/_locales/de/messages.json
new file mode 100644
index 0000000..9488c5d
--- /dev/null
+++ b/_locales/de/messages.json
@@ -0,0 +1,4 @@
+{
+  "extName": { "message": "Hellion NewTab" },
+  "extDesc": { "message": "Persönliches Bookmark-Dashboard mit Boards, Widgets und 11 Themes. Komplett lokal, keine Cloud, kein Tracking." }
+}
diff --git a/_locales/en/messages.json b/_locales/en/messages.json
new file mode 100644
index 0000000..05b192a
--- /dev/null
+++ b/_locales/en/messages.json
@@ -0,0 +1,4 @@
+{
+  "extName": { "message": "Hellion NewTab" },
+  "extDesc": { "message": "Personal bookmark dashboard with boards, widgets, and 11 themes. Local-only, no cloud, no tracking." }
+}
diff --git a/manifest.firefox.json b/manifest.firefox.json
index 136afaa..2bd4837 100644
--- a/manifest.firefox.json
+++ b/manifest.firefox.json
@@ -1,8 +1,9 @@
 {
   "manifest_version": 3,
-  "name": "Hellion NewTab",
+  "name": "__MSG_extName__",
+  "default_locale": "en",
   "version": "1.11.1",
-  "description": "Personal bookmark dashboard — local, private, no account needed. By Hellion Online Media.",
+  "description": "__MSG_extDesc__",
   "author": "Hellion Online Media - Florian Wathling",
   "homepage_url": "https://hellion-media.de",
   
diff --git a/manifest.json b/manifest.json
index bd51526..d1cb7d8 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,8 +1,9 @@
 {
   "manifest_version": 3,
-  "name": "Hellion NewTab",
+  "name": "__MSG_extName__",
+  "default_locale": "en",
   "version": "1.11.1",
-  "description": "Personal bookmark dashboard — local, private, no account needed. By Hellion Online Media.",
+  "description": "__MSG_extDesc__",
   "author": "Hellion Online Media - Florian Wathling",
   "homepage_url": "https://hellion-media.de",
   "chrome_url_overrides": {
diff --git a/manifest.opera.json b/manifest.opera.json
index 7963b4b..bcb3884 100644
--- a/manifest.opera.json
+++ b/manifest.opera.json
@@ -1,8 +1,9 @@
 {
   "manifest_version": 3,
-  "name": "Hellion Dashboard (GX Native)",
+  "name": "__MSG_extName__",
+  "default_locale": "en",
   "version": "1.11.1",
-  "description": "Ersetzt die Opera GX Startseite durch dein persönliches, leistungsoptimiertes Hellion Dashboard. Schnell, sauber und werbefrei.",
+  "description": "__MSG_extDesc__",
   "author": "Hellion Online Media - Florian Wathling",
   "homepage_url": "https://hellion-media.de",
 
diff --git a/newtab.html b/newtab.html
index d4d064c..81be462 100644
--- a/newtab.html
+++ b/newtab.html
@@ -25,23 +25,23 @@
     <div class="header-right">
       <button class="btn-icon" id="btnImport" title="Bookmarks importieren (HTML)">
         <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>
-        Import
+        <span data-i18n="header.import">Import</span>
       </button>
       <button class="btn-icon" id="btnAddBoard" title="Neues Board hinzufügen">
         <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
-        Board
+        <span data-i18n="header.board">Board</span>
       </button>
       <button class="btn-icon" id="btnNote" title="Schnellnotiz">
         <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>
-        Note
+        <span data-i18n="header.note">Note</span>
       </button>
       <button class="btn-icon" id="btnTheme" title="Darstellung & Theme">
         <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2a10 10 0 100 20 4 4 0 01-1-7.9 1 1 0 011-.1h1a2 2 0 002-2V7a5 5 0 00-3-4.5"/><circle cx="7" cy="10" r="1.5"/><circle cx="13" cy="6" r="1.5"/><circle cx="17" cy="10" r="1.5"/><circle cx="9" cy="17" r="1.5"/></svg>
-        Darstellung
+        <span data-i18n="header.theme">Darstellung</span>
       </button>
       <button class="btn-icon" id="btnSettings" title="Einstellungen">
         <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z"/></svg>
-        Settings
+        <span data-i18n="header.settings">Settings</span>
       </button>
     </div>
   </header>
@@ -49,10 +49,10 @@
   <!-- SEARCH BAR -->
   <div class="search-bar-wrapper" id="searchBarWrapper">
     <div class="search-bar">
-      <button class="search-engine-toggle" id="searchEngineToggle" title="Suchmaschine wechseln">
+      <button class="search-engine-toggle" id="searchEngineToggle" data-i18n-title="settings.search_engine_toggle" title="Suchmaschine wechseln">
         <span id="searchEngineIcon">G</span>
       </button>
-      <input type="text" class="search-input" id="searchInput" placeholder="Search the web…" autocomplete="off" />
+      <input type="text" class="search-input" id="searchInput" data-i18n-placeholder="search.placeholder" placeholder="Search the web…" autocomplete="off" />
       <button class="search-submit" id="searchSubmit">
         <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
       </button>
@@ -61,22 +61,22 @@
 
   <!-- WIDGET TOOLBAR -->
   <div class="widget-toolbar" id="widgetToolbar">
-    <button class="widget-toolbar-btn" data-action="new-note" title="Note erstellen">
+    <button class="widget-toolbar-btn" data-action="new-note" data-i18n-title="toolbar.note" title="Note erstellen">
       <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>
     </button>
-    <button class="widget-toolbar-btn" data-action="new-checklist" title="Checkliste erstellen">
+    <button class="widget-toolbar-btn" data-action="new-checklist" data-i18n-title="toolbar.checklist" title="Checkliste erstellen">
       <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 11l3 3L22 4"/><path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"/></svg>
     </button>
-    <button class="widget-toolbar-btn" data-action="calculator" title="Taschenrechner">
+    <button class="widget-toolbar-btn" data-action="calculator" data-i18n-title="toolbar.calculator" title="Taschenrechner">
       <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="4" y="2" width="16" height="20" rx="2"/><line x1="8" y1="6" x2="16" y2="6"/><circle cx="8" cy="10" r="0.5"/><circle cx="12" cy="10" r="0.5"/><circle cx="16" cy="10" r="0.5"/><circle cx="8" cy="14" r="0.5"/><circle cx="12" cy="14" r="0.5"/><circle cx="16" cy="14" r="0.5"/><circle cx="8" cy="18" r="0.5"/><circle cx="12" cy="18" r="0.5"/><circle cx="16" cy="18" r="0.5"/></svg>
     </button>
-    <button class="widget-toolbar-btn" data-action="timer" title="Timer">
+    <button class="widget-toolbar-btn" data-action="timer" data-i18n-title="toolbar.timer" title="Timer">
       <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="13" r="8"/><path d="M12 9v4l2 2"/><path d="M5 3l2 2"/><path d="M19 3l-2 2"/><line x1="12" y1="1" x2="12" y2="3"/></svg>
     </button>
-    <button class="widget-toolbar-btn hidden" data-action="image-ref" title="Bild-Referenz">
+    <button class="widget-toolbar-btn hidden" data-action="image-ref" data-i18n-title="toolbar.imageref" title="Bild-Referenz">
       <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
     </button>
-    <button class="widget-toolbar-btn" data-action="notebook" title="Alle Notes">
+    <button class="widget-toolbar-btn" data-action="notebook" data-i18n-title="toolbar.notebook" title="Alle Notes">
       <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 19.5A2.5 2.5 0 016.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z"/></svg>
     </button>
   </div>
@@ -85,7 +85,7 @@
   <div class="notebook-overlay" id="notebookOverlay"></div>
   <aside class="notebook-panel" id="notebookPanel">
     <div class="notebook-header">
-      <span class="notebook-header-title">Notebook <span class="notebook-count" id="notebookCount">0 / 5</span></span>
+      <span class="notebook-header-title"><span data-i18n="notebook.title">Notebook</span> <span class="notebook-count" id="notebookCount">0 / 5</span></span>
       <button class="btn-close" id="btnCloseNotebook">✕</button>
     </div>
     <div class="notebook-slots" id="notebookSlots">
@@ -105,32 +105,53 @@
   <div class="panel-overlay" id="settingsOverlay"></div>
   <aside class="settings-panel" id="settingsPanel">
     <div class="panel-header">
-      <span>Einstellungen</span>
+      <span data-i18n="settings.title">Einstellungen</span>
       <button class="btn-close" id="btnCloseSettings">✕</button>
     </div>
     <div class="panel-body">
 
+      <!-- SPRACHE -->
+      <section class="settings-section" data-section="language">
+        <button class="settings-section-title" type="button">
+          <span class="section-chevron">▸</span>
+          <span data-i18n="settings.section.display">DARSTELLUNG</span>
+        </button>
+        <div class="section-content">
+          <div class="setting-row">
+            <div class="setting-info">
+              <span class="setting-label" data-i18n="settings.language">Sprache</span>
+              <span class="setting-desc" data-i18n="settings.language.desc">Anzeigesprache wählen</span>
+            </div>
+            <select class="select-input" id="settingLanguage">
+              <option value="auto" data-i18n="settings.language.auto">Automatisch</option>
+              <option value="de">Deutsch</option>
+              <option value="en">English</option>
+            </select>
+          </div>
+        </div>
+      </section>
+
       <!-- WIDGETS -->
       <section class="settings-section" data-section="widgets">
         <button class="settings-section-title" type="button">
           <span class="section-chevron">▸</span>
-          WIDGETS
+          <span data-i18n="settings.section.widgets">WIDGETS</span>
         </button>
         <div class="section-content">
           <div class="setting-row">
             <div class="setting-info">
-              <span class="setting-label">Toolbar-Position</span>
-              <span class="setting-desc">Widget-Toolbar links oder rechts anzeigen</span>
+              <span class="setting-label" data-i18n="settings.toolbar_pos">Toolbar-Position</span>
+              <span class="setting-desc" data-i18n="settings.toolbar_pos.desc">Widget-Toolbar links oder rechts anzeigen</span>
             </div>
             <select class="select-input" id="settingToolbarPos">
-              <option value="right" selected>Rechts</option>
-              <option value="left">Links</option>
+              <option value="right" selected data-i18n="settings.toolbar_pos.right">Rechts</option>
+              <option value="left" data-i18n="settings.toolbar_pos.left">Links</option>
             </select>
           </div>
           <div class="setting-row">
             <div class="setting-info">
-              <span class="setting-label">Bild-Referenz Widgets</span>
-              <span class="setting-desc">Bilder als Referenz anzeigen (nur aktuelle Session)</span>
+              <span class="setting-label" data-i18n="settings.image_ref">Bild-Referenz Widgets</span>
+              <span class="setting-desc" data-i18n="settings.image_ref.desc">Bilder als Referenz anzeigen (nur aktuelle Session)</span>
             </div>
             <label class="toggle">
               <input type="checkbox" id="settingImageRef">
@@ -144,35 +165,35 @@
       <section class="settings-section" data-section="data">
         <button class="settings-section-title" type="button">
           <span class="section-chevron">▸</span>
-          DATEN & HILFE
+          <span data-i18n="settings.section.data">DATEN &amp; HILFE</span>
         </button>
         <div class="section-content">
           <div class="setting-row">
             <div class="setting-info">
-              <span class="setting-label">Backup exportieren</span>
-              <span class="setting-desc">Alle Boards, Notes und Einstellungen als JSON sichern</span>
+              <span class="setting-label" data-i18n="settings.export">Backup exportieren</span>
+              <span class="setting-desc" data-i18n="settings.export.desc">Alle Boards, Notes und Einstellungen als JSON sichern</span>
             </div>
-            <button class="btn-small" id="btnExportJSON">Export</button>
+            <button class="btn-small" id="btnExportJSON" data-i18n="settings.export">Export</button>
           </div>
           <div class="setting-row">
             <div class="setting-info">
-              <span class="setting-label">Backup importieren</span>
-              <span class="setting-desc">JSON-Backup wiederherstellen</span>
+              <span class="setting-label" data-i18n="settings.import">Backup importieren</span>
+              <span class="setting-desc" data-i18n="settings.import.desc">JSON-Backup wiederherstellen</span>
             </div>
-            <button class="btn-small" id="btnImportJSON">Import</button>
+            <button class="btn-small" id="btnImportJSON" data-i18n="header.import">Import</button>
             <input type="file" id="jsonImportInput" accept=".json" class="hidden" />
           </div>
           <div class="setting-row" id="browserImportRow">
             <div class="setting-info">
-              <span class="setting-label">Browser-Lesezeichen</span>
-              <span class="setting-desc">Lesezeichen direkt aus dem Browser importieren</span>
+              <span class="setting-label" data-i18n="settings.browser_import">Browser-Lesezeichen</span>
+              <span class="setting-desc" data-i18n="settings.browser_import.desc">Lesezeichen direkt aus dem Browser importieren</span>
             </div>
-            <button class="btn-small" id="btnBrowserImport">Import</button>
+            <button class="btn-small" id="btnBrowserImport" data-i18n="header.import">Import</button>
           </div>
           <div class="setting-row">
             <div class="setting-info">
-              <span class="setting-label">Onboarding wiederholen</span>
-              <span class="setting-desc">Willkommens-Tour erneut anzeigen</span>
+              <span class="setting-label" data-i18n="settings.onboarding">Onboarding wiederholen</span>
+              <span class="setting-desc" data-i18n="settings.onboarding.desc">Willkommens-Tour erneut anzeigen</span>
             </div>
             <button class="btn-small" id="btnRestartOnboarding">Start</button>
           </div>
@@ -183,13 +204,13 @@
       <section class="settings-section" data-section="danger">
         <button class="settings-section-title danger" type="button">
           <span class="section-chevron">▸</span>
-          DANGER ZONE
+          <span data-i18n="settings.section.danger">DANGER ZONE</span>
         </button>
         <div class="section-content">
           <div class="setting-row">
             <div class="setting-info">
-              <span class="setting-label">Alles zurücksetzen</span>
-              <span class="setting-desc">Löscht alle Boards, Notes und Einstellungen</span>
+              <span class="setting-label" data-i18n="settings.reset">Alles zurücksetzen</span>
+              <span class="setting-desc" data-i18n="settings.reset.desc">Löscht alle Boards, Notes und Einstellungen</span>
             </div>
             <button class="btn-danger" id="btnResetAll">Reset</button>
           </div>
@@ -201,13 +222,13 @@
     <!-- ABOUT — fixiert am unteren Rand -->
     <div class="panel-footer">
       <div class="about-block">
-        <div class="about-logo">⬡ HELLION NEWTAB</div>
+        <div class="about-logo" data-i18n="about.title">⬡ HELLION NEWTAB</div>
         <div class="about-version">Version 1.11.1 · by Hellion Online Media</div>
 
         <div class="about-links">
           <a href="https://hellion-media.de/impressum" target="_blank" class="about-link">
             <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
-            Impressum
+            <span data-i18n="about.impressum">Impressum</span>
           </a>
           <a href="https://hellion-media.de" target="_blank" class="about-link">
             <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z"/></svg>
@@ -218,26 +239,26 @@
         <div class="about-divider"></div>
 
         <div class="about-info-row">
-          <span class="about-info-label">Entwickler</span>
+          <span class="about-info-label" data-i18n="about.developer">Entwickler</span>
           <span class="about-info-value">Florian Wathling</span>
         </div>
         <div class="about-info-row">
-          <span class="about-info-label">Unternehmen</span>
+          <span class="about-info-label" data-i18n="about.company">Unternehmen</span>
           <span class="about-info-value">Hellion Online Media</span>
         </div>
         <div class="about-info-row">
-          <span class="about-info-label">Lizenz</span>
+          <span class="about-info-label" data-i18n="about.license">Lizenz</span>
           <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" class="about-info-value about-link-subtle">CC BY-NC-SA 4.0</a>
         </div>
         <div class="about-info-row">
-          <span class="about-info-label">Datenspeicherung</span>
-          <span class="about-info-value">100% lokal · Kein Server · Kein Account</span>
+          <span class="about-info-label" data-i18n="about.storage">Datenspeicherung</span>
+          <span class="about-info-value" data-i18n="about.storage.value">100% lokal · Kein Server · Kein Account</span>
         </div>
 
         <div class="about-divider"></div>
 
         <div class="about-bugreport">
-          <span class="about-info-label about-info-label-block">Bug Report / Feedback</span>
+          <span class="about-info-label about-info-label-block" data-i18n="about.bugreport">Bug Report / Feedback</span>
           <a href="mailto:kontakt@hellion-media.de?subject=Hellion NewTab – Bug Report" class="about-link-mail">
             <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
             kontakt@hellion-media.de
@@ -245,7 +266,7 @@
         </div>
 
         <div class="about-bugreport">
-          <span class="about-info-label about-info-label-block">Support</span>
+          <span class="about-info-label about-info-label-block" data-i18n="about.support">Support</span>
           <a href="https://ko-fi.com/hellionmedia" target="_blank" class="about-link">
             <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 8h1a4 4 0 010 8h-1"/><path d="M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z"/><line x1="6" y1="1" x2="6" y2="4"/><line x1="10" y1="1" x2="10" y2="4"/><line x1="14" y1="1" x2="14" y2="4"/></svg>
             Ko-fi — hellionmedia
@@ -253,7 +274,7 @@
         </div>
 
         <div class="about-browsers">
-          <span class="about-info-label about-info-label-block">Kompatible Browser</span>
+          <span class="about-info-label about-info-label-block" data-i18n="about.browsers">Kompatible Browser</span>
           <div class="about-browser-tags">
             <span class="browser-tag">Chrome</span>
             <span class="browser-tag">Edge</span>
@@ -272,7 +293,7 @@
   <div class="modal-overlay" id="themeOverlay">
     <div class="theme-modal" id="themeModal">
       <div class="modal-header">
-        <span>Darstellung</span>
+        <span data-i18n="modal.theme_header">Darstellung</span>
         <button class="btn-close" id="btnCloseTheme">✕</button>
       </div>
       <div class="theme-grid">
@@ -333,75 +354,75 @@
         </div>
       </div>
       <div class="theme-modal-section">
-        <h3 class="settings-section-title">HINTERGRUND</h3>
+        <h3 class="settings-section-title" data-i18n="settings.section.bg">HINTERGRUND</h3>
         <div class="setting-row">
           <div class="setting-info">
-            <span class="setting-label">Bild-URL</span>
-            <span class="setting-desc">Eigenes Hintergrundbild per URL</span>
+            <span class="setting-label" data-i18n="settings.bg_url">Bild-URL</span>
+            <span class="setting-desc" data-i18n="settings.bg_url.desc">Eigenes Hintergrundbild per URL</span>
           </div>
-          <button class="btn-small" id="btnChangeBg">Ändern</button>
+          <button class="btn-small" id="btnChangeBg" data-i18n="settings.bg_change">Ändern</button>
         </div>
         <div class="setting-row hidden" id="bgInputRow">
           <input type="text" class="text-input full-width" id="bgUrlInput" placeholder="https://... oder leer für Standard" />
-          <button class="btn-small" id="btnApplyBg">Übernehmen</button>
+          <button class="btn-small" id="btnApplyBg" data-i18n="settings.bg_apply">Übernehmen</button>
         </div>
         <div class="setting-row">
           <div class="setting-info">
-            <span class="setting-label">Datei hochladen</span>
-            <span class="setting-desc">Lokales Bild als Hintergrund verwenden</span>
+            <span class="setting-label" data-i18n="settings.bg_upload">Datei hochladen</span>
+            <span class="setting-desc" data-i18n="settings.bg_upload.desc">Lokales Bild als Hintergrund verwenden</span>
           </div>
           <button class="btn-small" id="btnBgFile">Upload</button>
           <input type="file" id="bgFileInput" accept="image/*" class="hidden" />
         </div>
       </div>
       <div class="theme-modal-section">
-        <h3 class="settings-section-title">DARSTELLUNG</h3>
+        <h3 class="settings-section-title" data-i18n="settings.section.display">DARSTELLUNG</h3>
         <div class="setting-row">
           <div class="setting-info">
-            <span class="setting-label">Kompaktmodus</span>
-            <span class="setting-desc">Weniger Abstand für mehr Bookmarks</span>
+            <span class="setting-label" data-i18n="settings.compact">Kompaktmodus</span>
+            <span class="setting-desc" data-i18n="settings.compact.desc">Weniger Abstand für mehr Bookmarks</span>
           </div>
           <label class="toggle"><input type="checkbox" id="settingCompact" /><span class="slider"></span></label>
         </div>
         <div class="setting-row">
           <div class="setting-info">
-            <span class="setting-label">Lange Titel kürzen</span>
-            <span class="setting-desc">Titel auf eine Zeile mit „…" kürzen</span>
+            <span class="setting-label" data-i18n="settings.shorten">Lange Titel kürzen</span>
+            <span class="setting-desc" data-i18n="settings.shorten.desc">Titel auf eine Zeile mit „…" kürzen</span>
           </div>
           <label class="toggle"><input type="checkbox" id="settingShorten" /><span class="slider"></span></label>
         </div>
         <div class="setting-row">
           <div class="setting-info">
-            <span class="setting-label">Suchleiste anzeigen</span>
-            <span class="setting-desc">Suchleiste unter dem Header ein/aus</span>
+            <span class="setting-label" data-i18n="settings.search">Suchleiste anzeigen</span>
+            <span class="setting-desc" data-i18n="settings.search.desc">Suchleiste unter dem Header ein/aus</span>
           </div>
           <label class="toggle"><input type="checkbox" id="settingShowSearch" checked /><span class="slider"></span></label>
         </div>
         <div class="setting-row">
           <div class="setting-info">
-            <span class="setting-label">Links in neuem Tab</span>
-            <span class="setting-desc">Bookmarks in neuem Browser-Tab öffnen</span>
+            <span class="setting-label" data-i18n="settings.newtab">Links in neuem Tab</span>
+            <span class="setting-desc" data-i18n="settings.newtab.desc">Bookmarks in neuem Browser-Tab öffnen</span>
           </div>
           <label class="toggle"><input type="checkbox" id="settingNewTab" checked /><span class="slider"></span></label>
         </div>
         <div class="setting-row">
           <div class="setting-info">
-            <span class="setting-label">Beschreibungen anzeigen</span>
-            <span class="setting-desc">Gespeicherte Beschreibung unter Bookmarks</span>
+            <span class="setting-label" data-i18n="settings.showdesc">Beschreibungen anzeigen</span>
+            <span class="setting-desc" data-i18n="settings.showdesc.desc">Gespeicherte Beschreibung unter Bookmarks</span>
           </div>
           <label class="toggle"><input type="checkbox" id="settingShowDesc" /><span class="slider"></span></label>
         </div>
         <div class="setting-row">
           <div class="setting-info">
-            <span class="setting-label">Bookmarks ausblenden</span>
-            <span class="setting-desc">Überzählige Bookmarks in langen Boards verstecken</span>
+            <span class="setting-label" data-i18n="settings.hideextra">Bookmarks ausblenden</span>
+            <span class="setting-desc" data-i18n="settings.hideextra.desc">Überzählige Bookmarks in langen Boards verstecken</span>
           </div>
           <label class="toggle"><input type="checkbox" id="settingHideExtra" /><span class="slider"></span></label>
         </div>
         <div class="setting-row" id="visibleCountRow">
           <div class="setting-info">
-            <span class="setting-label">Sichtbare Bookmarks</span>
-            <span class="setting-desc">Anzahl vor dem Ausblenden</span>
+            <span class="setting-label" data-i18n="settings.visible_count">Sichtbare Bookmarks</span>
+            <span class="setting-desc" data-i18n="settings.visible_count.desc">Anzahl vor dem Ausblenden</span>
           </div>
           <select class="select-input" id="settingVisibleCount">
             <option value="5">5</option>
@@ -417,14 +438,14 @@
   <div class="modal-overlay" id="addBoardOverlay">
     <div class="modal">
       <div class="modal-header">
-        <span>New Board</span>
+        <span data-i18n="modal.new_board">New Board</span>
         <button class="btn-close" id="btnCancelBoard">✕</button>
       </div>
       <div class="modal-body">
-        <input type="text" class="text-input full-width" id="newBoardName" placeholder="Board name..." maxlength="40" />
+        <input type="text" class="text-input full-width" id="newBoardName" data-i18n-placeholder="modal.board_name" placeholder="Board name..." maxlength="40" />
       </div>
       <div class="modal-footer">
-        <button class="btn-primary" id="btnConfirmBoard">Create</button>
+        <button class="btn-primary" id="btnConfirmBoard" data-i18n="modal.create">Create</button>
       </div>
     </div>
   </div>
@@ -433,16 +454,16 @@
   <div class="modal-overlay" id="addBookmarkOverlay">
     <div class="modal">
       <div class="modal-header">
-        <span>New Bookmark</span>
+        <span data-i18n="modal.new_bookmark">New Bookmark</span>
         <button class="btn-close" id="btnCancelBookmark">✕</button>
       </div>
       <div class="modal-body">
-        <input type="text" class="text-input full-width" id="newBmTitle" placeholder="Title..." maxlength="60" />
+        <input type="text" class="text-input full-width" id="newBmTitle" data-i18n-placeholder="modal.bm_title" placeholder="Title..." maxlength="60" />
         <input type="url" class="text-input full-width modal-input-spaced" id="newBmUrl" placeholder="https://..." />
-        <input type="text" class="text-input full-width modal-input-spaced" id="newBmDesc" placeholder="Description (optional)" />
+        <input type="text" class="text-input full-width modal-input-spaced" id="newBmDesc" data-i18n-placeholder="modal.bm_desc" placeholder="Description (optional)" />
       </div>
       <div class="modal-footer">
-        <button class="btn-primary" id="btnConfirmBookmark">Add</button>
+        <button class="btn-primary" id="btnConfirmBookmark" data-i18n="modal.bm_add">Add</button>
       </div>
     </div>
   </div>
@@ -451,14 +472,14 @@
   <div class="modal-overlay" id="renameOverlay">
     <div class="modal">
       <div class="modal-header">
-        <span>Rename</span>
+        <span data-i18n="modal.rename">Rename</span>
         <button class="btn-close" id="btnCancelRename">✕</button>
       </div>
       <div class="modal-body">
-        <input type="text" class="text-input full-width" id="renameInput" placeholder="New name..." maxlength="60" />
+        <input type="text" class="text-input full-width" id="renameInput" data-i18n-placeholder="modal.rename_placeholder" placeholder="New name..." maxlength="60" />
       </div>
       <div class="modal-footer">
-        <button class="btn-primary" id="btnConfirmRename">Rename</button>
+        <button class="btn-primary" id="btnConfirmRename" data-i18n="modal.rename_confirm">Rename</button>
       </div>
     </div>
   </div>
@@ -472,6 +493,8 @@
   <script src="src/js/storage.js"></script>
   <!-- State & Hilfsfunktionen -->
   <script src="src/js/state.js"></script>
+  <!-- i18n (nach state.js, vor allen Modulen die t() nutzen könnten) -->
+  <script src="src/js/i18n.js"></script>
   <!-- Dialog-System (vor Features, wird überall gebraucht) -->
   <script src="src/js/dialog.js"></script>
   <!-- Theme-System -->
diff --git a/src/js/app.js b/src/js/app.js
index 9e8c36d..372ce81 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -11,6 +11,7 @@ async function init() {
   if (savedSettings) Object.assign(settings, savedSettings);
 
   applySettings();
+  I18n.init();
   renderBoards();
   startClock();
   bindGlobalEvents();
diff --git a/src/js/i18n.js b/src/js/i18n.js
new file mode 100644
index 0000000..d1f33b8
--- /dev/null
+++ b/src/js/i18n.js
@@ -0,0 +1,657 @@
+/* =============================================
+   HELLION NEWTAB — i18n.js
+   Internationalisierung: DE/EN Sprachumschaltung
+   ============================================= */
+
+const STRINGS = {
+  de: {
+    // Dialog-System
+    'dialog.default_title':    'Hinweis',
+    'dialog.ok':               'OK',
+    'dialog.confirm_title':    'Bestätigung',
+    'dialog.cancel':           'Abbrechen',
+
+    // Boards
+    'boards.empty_state_pre':  'No boards yet. Click ',
+    'boards.add_board':        '+ Board',
+    'boards.empty_state_mid':  ' to create one, or use ',
+    'boards.import':           'Import',
+    'boards.empty_state_post': ' to load your browser bookmarks.',
+    'boards.drag_title':       'Board verschieben',
+    'boards.blur':             'Blur (privat)',
+    'boards.unblur':           'Unblur',
+    'boards.rename':           'Umbenennen',
+    'boards.delete':           'Löschen',
+    'boards.delete_confirm':   'Board "{title}" wirklich löschen?',
+    'boards.delete_confirm.title': 'Board löschen',
+    'boards.show_more':        'Show {count} more…',
+    'boards.show_less':        'Show less',
+    'boards.add_link':         ' Add link',
+    'boards.remove_bookmark':  'Entfernen',
+
+    // Onboarding
+    'onboarding.skip':         'Überspringen',
+    'onboarding.back':         'Zurück',
+    'onboarding.next':         'Weiter',
+    'onboarding.start':        'Los geht\'s!',
+    'onboarding.yes':          'Ja, gerne',
+    'onboarding.no':           'Nein danke',
+    'onboarding.s1.title':     'Willkommen bei Hellion Dashboard',
+    'onboarding.s1.text':      'Dein neuer Browser-Startbildschirm. Minimalistisch, schnell und vollständig lokal — keine Cloud, kein Account, keine Datensammlung.',
+    'onboarding.s2.title':     'Boards & Bookmarks',
+    'onboarding.s2.f1':        'Erstelle Boards mit dem „+ Board" Button oben',
+    'onboarding.s2.f2':        'Importiere Browser-Lesezeichen über den „Import" Button im Header',
+    'onboarding.s2.f3':        'Drag & Drop zum Umsortieren von Boards und Links',
+    'onboarding.s2.f4':        'Blur-Modus für private Boards (🔒 Icon)',
+    'onboarding.s3.title':     '11 handgefertigte Themes',
+    'onboarding.s3.text':      'Klicke auf den „Theme" Button im Header um dein Theme zu wählen. Jedes hat seinen eigenen Stil und Farbpalette.',
+    'onboarding.s4.title':     'Widget-Toolbar',
+    'onboarding.s4.f1':        'Die schwebenden Buttons rechts öffnen Widgets',
+    'onboarding.s4.f2':        'Notes und Checklisten für schnelle Notizen',
+    'onboarding.s4.f3':        'Taschenrechner mit History',
+    'onboarding.s4.f4':        'Timer/Countdown mit speicherbaren Presets',
+    'onboarding.s4.f5':        'Bild-Referenz Widgets (aktivierbar in Settings)',
+    'onboarding.s4.f6':        'Notebook-Sidebar zeigt alle Notes auf einen Blick',
+    'onboarding.s5.title':     'Backups nicht vergessen!',
+    'onboarding.s5.text':      'Deine Daten sind lokal im Browser gespeichert. Wenn du Browserdaten löschst, gehen sie verloren! Sichere regelmäßig über Settings → Data → Export. Wir erinnern dich alle 7 Tage daran.',
+    'onboarding.s6.title':     'Gaming Starter Board',
+    'onboarding.s6.text':      'Spielst du Games wie Satisfactory, Factorio oder Star Citizen? Ich kann ein Board mit nützlichen Community-Links anlegen.',
+    'onboarding.s7.title':     'Bereit!',
+    'onboarding.s7.text':      'Erstelle dein erstes Board mit „+ Board" oder importiere deine Browser-Lesezeichen über den Import-Button im Header. Viel Spaß!',
+
+    // Notes
+    'notes.limit_message':     'Maximale Anzahl erreicht! Du kannst maximal {max} Notes gleichzeitig haben. Lösche eine bestehende Note um eine neue zu erstellen.',
+    'notes.limit_title':       'Limit erreicht',
+    'notes.checklist_title':   'Checkliste',
+    'notes.default_title':     'Note',
+    'notes.placeholder':       'Notiz schreiben...',
+    'notes.checklist_placeholder': 'Neues Item...',
+    'notes.delete_confirm':    'Note endgültig löschen? Das kann nicht rückgängig gemacht werden.',
+    'notes.delete_title':      'Note löschen',
+    'notes.delete_button':     'Löschen',
+    'notes.checklist_progress': '{done}/{total} erledigt',
+    'notes.empty_preview':     'Leer',
+    'notes.export':            'Export',
+    'notes.export_footer':     'Exportiert aus Hellion Dashboard',
+    'notes.create':            '+ Note erstellen',
+    'notes.text_type':         '✎ Freitext',
+    'notes.checklist_type':    '☑ Checkliste',
+
+    // Calculator
+    'calculator.title':        'Taschenrechner',
+    'calculator.history':      'History',
+    'calculator.error':        'Fehler',
+
+    // Timer
+    'timer.title':             'Timer',
+    'timer.start':             'Start',
+    'timer.pause':             'Pause',
+    'timer.reset':             'Reset',
+    'timer.restart':           'Neustart',
+    'timer.presets':           'Presets',
+    'timer.save_preset':       'Preset speichern',
+    'timer.preset_name_placeholder': 'Name...',
+    'timer.ok':                'OK',
+    'timer.limit_title':       'Limit erreicht',
+    'timer.limit_message':     'Maximale Anzahl erreicht! Du kannst maximal {max} Presets speichern.',
+    'timer.no_time_title':     'Keine Zeit',
+    'timer.no_time_message':   'Gib zuerst eine Zeit ein, bevor du ein Preset speicherst.',
+    'timer.mute':              'Ton ausschalten',
+    'timer.unmute':            'Ton einschalten',
+    'timer.finished_title':    '[!] Timer abgelaufen',
+    'timer.default_page_title': 'Hellion Dashboard',
+
+    // Bild-Referenz
+    'imageref.title':          'Bild-Referenz',
+    'imageref.dropzone':       'Klicken oder Bild hierher ziehen',
+    'imageref.replace':        'Bild ersetzen',
+    'imageref.label_placeholder': 'Beschriftung (optional)',
+    'imageref.storage_error':  'Bild konnte nicht gespeichert werden. Der Browser-Speicher ist voll.',
+    'imageref.storage_error.title': 'Speicherfehler',
+    'imageref.limit':          'Maximal {max} Bild-Widgets gleichzeitig. Schliesse eines um ein neues zu oeffnen.',
+    'imageref.limit.title':    'Limit erreicht',
+    'imageref.load_error':     'Bild konnte nicht geladen werden: {error}',
+    'imageref.load_error.title': 'Bildfehler',
+    'imageref.invalid_file':   'Bitte eine Bilddatei verwenden (PNG, JPG, WebP, etc.).',
+    'imageref.invalid_file.title': 'Kein Bild',
+
+    // Daten (Export/Import)
+    'data.invalid_format':     'Ungültiges Format',
+    'data.no_boards':          'Keine gültigen Boards gefunden',
+    'data.import_confirm':     '{count} Boards importieren? Bestehende Daten bleiben erhalten.',
+    'data.import_confirm.title': 'JSON Import',
+    'data.import_success':     '{boards} Board(s){notes}{calc}{timer} erfolgreich importiert.',
+    'data.import_success.title': 'Import erfolgreich',
+    'data.import_error':       'Fehler beim Import: {error}',
+    'data.import_error.title': 'Import fehlgeschlagen',
+    'data.notes_suffix':       ' + {count} Note(s)',
+    'data.calc_suffix':        ' + Calculator-History',
+    'data.timer_suffix':       ' + Timer-Presets',
+
+    // Browser-Lesezeichen Import
+    'bm_import.no_access':     'Zugriff auf Browser-Lesezeichen nicht möglich. Stelle sicher, dass die Extension die nötigen Berechtigungen hat.',
+    'bm_import.title':         'Lesezeichen-Import',
+    'bm_import.no_folders':    'Keine Lesezeichen-Ordner gefunden.',
+    'bm_import.modal_title':   'Browser-Lesezeichen importieren',
+    'bm_import.info':          'Wähle die Ordner aus, die als Boards importiert werden sollen. Jeder Ordner wird ein eigenes Board.',
+    'bm_import.unnamed':       'Unbenannt',
+    'bm_import.link_count':    '{count} Link(s)',
+    'bm_import.folder_count':  '{count} Ordner',
+    'bm_import.empty':         'leer',
+    'bm_import.select_all':    'Alle auswählen',
+    'bm_import.deselect_all':  'Alle abwählen',
+    'bm_import.import_btn':    'Importieren',
+    'bm_import.no_selection':  'Bitte wähle mindestens einen Ordner aus.',
+    'bm_import.boards_created':    '{count} Board(s) erstellt',
+    'bm_import.bookmarks_imported': '{count} Lesezeichen importiert',
+    'bm_import.duplicates_skipped': '{count} Duplikat(e) übersprungen',
+    'bm_import.success_title': 'Import abgeschlossen',
+
+    // Storage
+    'storage.quota_full':      'Speicher voll! Bitte lösche alte Boards oder das Hintergrundbild, um Platz zu schaffen.',
+    'storage.quota_full.title': 'Speicher voll',
+
+    // App
+    'app.backup_reminder':     'Du hast seit über einer Woche kein Backup gemacht. Beim Löschen der Browserdaten gehen deine Boards verloren. Jetzt sichern?',
+    'app.backup_reminder.title': 'Backup-Erinnerung',
+    'app.backup_now':          'Jetzt sichern',
+    'app.backup_later':        'Später',
+    'app.no_bookmarks':        'Keine Bookmarks in dieser Datei gefunden.',
+    'app.import_title':        'Import',
+    'app.html_import_success': '{count} Board(s) mit {total} Bookmarks importiert.',
+    'app.import_success_title': 'Import erfolgreich',
+    'app.invalid_url':         'Ungültige URL. Bitte mit https:// beginnen.',
+    'app.invalid_url.title':   'URL ungültig',
+
+    // Uhr
+    'clock.days.sun':          'So',
+    'clock.days.mon':          'Mo',
+    'clock.days.tue':          'Di',
+    'clock.days.wed':          'Mi',
+    'clock.days.thu':          'Do',
+    'clock.days.fri':          'Fr',
+    'clock.days.sat':          'Sa',
+    'clock.months.jan':        'Jan',
+    'clock.months.feb':        'Feb',
+    'clock.months.mar':        'Mär',
+    'clock.months.apr':        'Apr',
+    'clock.months.may':        'Mai',
+    'clock.months.jun':        'Jun',
+    'clock.months.jul':        'Jul',
+    'clock.months.aug':        'Aug',
+    'clock.months.sep':        'Sep',
+    'clock.months.oct':        'Okt',
+    'clock.months.nov':        'Nov',
+    'clock.months.dec':        'Dez',
+
+    // Settings
+    'settings.file_read_error': 'Fehler beim Lesen der Datei. Bitte eine andere Datei wählen.',
+    'settings.file_read_error.title': 'Dateifehler',
+    'settings.reset_confirm':  'Wirklich alle Boards und Einstellungen löschen? Das kann nicht rückgängig gemacht werden.',
+    'settings.reset_confirm.title':   'Alles zurücksetzen',
+    'settings.reset_confirm.button':  'Alles löschen',
+
+    // Widgets
+    'widgets.minimize':        'Minimieren',
+    'widgets.close':           'Schließen',
+
+    // Header
+    'header.import':           'Import',
+    'header.board':            'Board',
+    'header.note':             'Note',
+    'header.theme':            'Darstellung',
+    'header.settings':         'Settings',
+
+    // Settings-Panel Überschrift
+    'settings.title':          'Einstellungen',
+
+    // Settings-Panel Sektionen
+    'settings.section.widgets':   'WIDGETS',
+    'settings.section.data':      'DATEN & HILFE',
+    'settings.section.danger':    'DANGER ZONE',
+    'settings.section.bg':        'HINTERGRUND',
+    'settings.section.display':   'DARSTELLUNG',
+
+    // Settings-Zeilen
+    'settings.language':           'Sprache',
+    'settings.language.desc':      'Anzeigesprache wählen',
+    'settings.language.auto':      'Automatisch',
+    'settings.toolbar_pos':        'Toolbar-Position',
+    'settings.toolbar_pos.desc':   'Widget-Toolbar links oder rechts anzeigen',
+    'settings.toolbar_pos.right':  'Rechts',
+    'settings.toolbar_pos.left':   'Links',
+    'settings.image_ref':          'Bild-Referenz Widgets',
+    'settings.image_ref.desc':     'Bilder als Referenz anzeigen (nur aktuelle Session)',
+    'settings.export':             'Backup exportieren',
+    'settings.export.desc':        'Alle Boards, Notes und Einstellungen als JSON sichern',
+    'settings.import':             'Backup importieren',
+    'settings.import.desc':        'JSON-Backup wiederherstellen',
+    'settings.browser_import':     'Browser-Lesezeichen',
+    'settings.browser_import.desc': 'Lesezeichen direkt aus dem Browser importieren',
+    'settings.onboarding':         'Onboarding wiederholen',
+    'settings.onboarding.desc':    'Willkommens-Tour erneut anzeigen',
+    'settings.reset':              'Alles zurücksetzen',
+    'settings.reset.desc':         'Löscht alle Boards, Notes und Einstellungen',
+    'settings.compact':            'Kompaktmodus',
+    'settings.compact.desc':       'Weniger Abstand für mehr Bookmarks',
+    'settings.shorten':            'Lange Titel kürzen',
+    'settings.shorten.desc':       'Titel auf eine Zeile mit „…" kürzen',
+    'settings.search':             'Suchleiste anzeigen',
+    'settings.search.desc':        'Suchleiste unter dem Header ein/aus',
+    'settings.newtab':             'Links in neuem Tab',
+    'settings.newtab.desc':        'Bookmarks in neuem Browser-Tab öffnen',
+    'settings.showdesc':           'Beschreibungen anzeigen',
+    'settings.showdesc.desc':      'Gespeicherte Beschreibung unter Bookmarks',
+    'settings.hideextra':          'Bookmarks ausblenden',
+    'settings.hideextra.desc':     'Überzählige Bookmarks in langen Boards verstecken',
+    'settings.visible_count':      'Sichtbare Bookmarks',
+    'settings.visible_count.desc': 'Anzahl vor dem Ausblenden',
+    'settings.bg_url':             'Bild-URL',
+    'settings.bg_url.desc':        'Eigenes Hintergrundbild per URL',
+    'settings.bg_change':          'Ändern',
+    'settings.bg_apply':           'Übernehmen',
+    'settings.bg_upload':          'Datei hochladen',
+    'settings.bg_upload.desc':     'Lokales Bild als Hintergrund verwenden',
+    'settings.search_engine_toggle': 'Suchmaschine wechseln',
+
+    // Modals
+    'modal.new_board':         'New Board',
+    'modal.board_name':        'Board name...',
+    'modal.create':            'Create',
+    'modal.new_bookmark':      'New Bookmark',
+    'modal.bm_title':          'Title...',
+    'modal.bm_desc':           'Description (optional)',
+    'modal.bm_add':            'Add',
+    'modal.rename':            'Rename',
+    'modal.rename_placeholder': 'New name...',
+    'modal.rename_confirm':    'Rename',
+    'modal.theme_header':      'Darstellung',
+
+    // About
+    'about.title':             '⬡ HELLION NEWTAB',
+    'about.impressum':         'Impressum',
+    'about.developer':         'Entwickler',
+    'about.company':           'Unternehmen',
+    'about.license':           'Lizenz',
+    'about.storage':           'Datenspeicherung',
+    'about.storage.value':     '100% lokal · Kein Server · Kein Account',
+    'about.bugreport':         'Bug Report / Feedback',
+    'about.support':           'Support',
+    'about.browsers':          'Kompatible Browser',
+
+    // Notebook
+    'notebook.title':          'Notebook',
+
+    // Suche
+    'search.placeholder':      'Search the web…',
+
+    // Widget-Toolbar Tooltips
+    'toolbar.note':            'Note erstellen',
+    'toolbar.checklist':       'Checkliste erstellen',
+    'toolbar.calculator':      'Taschenrechner',
+    'toolbar.timer':           'Timer',
+    'toolbar.imageref':        'Bild-Referenz',
+    'toolbar.notebook':        'Alle Notes'
+  },
+
+  en: {
+    // Dialog system
+    'dialog.default_title':    'Notice',
+    'dialog.ok':               'OK',
+    'dialog.confirm_title':    'Confirmation',
+    'dialog.cancel':           'Cancel',
+
+    // Boards
+    'boards.empty_state_pre':  'No boards yet. Click ',
+    'boards.add_board':        '+ Board',
+    'boards.empty_state_mid':  ' to create one, or use ',
+    'boards.import':           'Import',
+    'boards.empty_state_post': ' to load your browser bookmarks.',
+    'boards.drag_title':       'Move board',
+    'boards.blur':             'Blur (private)',
+    'boards.unblur':           'Unblur',
+    'boards.rename':           'Rename',
+    'boards.delete':           'Delete',
+    'boards.delete_confirm':   'Really delete board "{title}"?',
+    'boards.delete_confirm.title': 'Delete board',
+    'boards.show_more':        'Show {count} more…',
+    'boards.show_less':        'Show less',
+    'boards.add_link':         ' Add link',
+    'boards.remove_bookmark':  'Remove',
+
+    // Onboarding
+    'onboarding.skip':         'Skip',
+    'onboarding.back':         'Back',
+    'onboarding.next':         'Next',
+    'onboarding.start':        'Let\'s go!',
+    'onboarding.yes':          'Yes please',
+    'onboarding.no':           'No thanks',
+    'onboarding.s1.title':     'Welcome to Hellion Dashboard',
+    'onboarding.s1.text':      'Your new browser start screen. Minimalist, fast and fully local — no cloud, no account, no data collection.',
+    'onboarding.s2.title':     'Boards & Bookmarks',
+    'onboarding.s2.f1':        'Create boards with the "+ Board" button at the top',
+    'onboarding.s2.f2':        'Import browser bookmarks via the "Import" button in the header',
+    'onboarding.s2.f3':        'Drag & drop to reorder boards and links',
+    'onboarding.s2.f4':        'Blur mode for private boards (🔒 icon)',
+    'onboarding.s3.title':     '11 handcrafted themes',
+    'onboarding.s3.text':      'Click the "Theme" button in the header to choose your theme. Each has its own style and color palette.',
+    'onboarding.s4.title':     'Widget Toolbar',
+    'onboarding.s4.f1':        'The floating buttons on the right open widgets',
+    'onboarding.s4.f2':        'Notes and checklists for quick notes',
+    'onboarding.s4.f3':        'Calculator with history',
+    'onboarding.s4.f4':        'Timer/countdown with saveable presets',
+    'onboarding.s4.f5':        'Image reference widgets (enable in Settings)',
+    'onboarding.s4.f6':        'Notebook sidebar shows all notes at a glance',
+    'onboarding.s5.title':     'Don\'t forget backups!',
+    'onboarding.s5.text':      'Your data is stored locally in the browser. If you clear browser data, it\'s gone! Back up regularly via Settings → Data → Export. We\'ll remind you every 7 days.',
+    'onboarding.s6.title':     'Gaming Starter Board',
+    'onboarding.s6.text':      'Do you play games like Satisfactory, Factorio or Star Citizen? I can create a board with useful community links.',
+    'onboarding.s7.title':     'Ready!',
+    'onboarding.s7.text':      'Create your first board with "+ Board" or import your browser bookmarks via the Import button in the header. Have fun!',
+
+    // Notes
+    'notes.limit_message':     'Maximum reached! You can have at most {max} notes at the same time. Delete an existing note to create a new one.',
+    'notes.limit_title':       'Limit reached',
+    'notes.checklist_title':   'Checklist',
+    'notes.default_title':     'Note',
+    'notes.placeholder':       'Write a note...',
+    'notes.checklist_placeholder': 'New item...',
+    'notes.delete_confirm':    'Permanently delete note? This cannot be undone.',
+    'notes.delete_title':      'Delete note',
+    'notes.delete_button':     'Delete',
+    'notes.checklist_progress': '{done}/{total} done',
+    'notes.empty_preview':     'Empty',
+    'notes.export':            'Export',
+    'notes.export_footer':     'Exported from Hellion Dashboard',
+    'notes.create':            '+ Create note',
+    'notes.text_type':         '✎ Free text',
+    'notes.checklist_type':    '☑ Checklist',
+
+    // Calculator
+    'calculator.title':        'Calculator',
+    'calculator.history':      'History',
+    'calculator.error':        'Error',
+
+    // Timer
+    'timer.title':             'Timer',
+    'timer.start':             'Start',
+    'timer.pause':             'Pause',
+    'timer.reset':             'Reset',
+    'timer.restart':           'Restart',
+    'timer.presets':           'Presets',
+    'timer.save_preset':       'Save preset',
+    'timer.preset_name_placeholder': 'Name...',
+    'timer.ok':                'OK',
+    'timer.limit_title':       'Limit reached',
+    'timer.limit_message':     'Maximum reached! You can save at most {max} presets.',
+    'timer.no_time_title':     'No time',
+    'timer.no_time_message':   'Enter a time before saving a preset.',
+    'timer.mute':              'Mute sound',
+    'timer.unmute':            'Unmute sound',
+    'timer.finished_title':    '[!] Timer finished',
+    'timer.default_page_title': 'Hellion Dashboard',
+
+    // Image reference
+    'imageref.title':          'Image Reference',
+    'imageref.dropzone':       'Click or drag image here',
+    'imageref.replace':        'Replace image',
+    'imageref.label_placeholder': 'Caption (optional)',
+    'imageref.storage_error':  'Image could not be saved. Browser storage is full.',
+    'imageref.storage_error.title': 'Storage error',
+    'imageref.limit':          'Maximum {max} image widgets at a time. Close one to open a new one.',
+    'imageref.limit.title':    'Limit reached',
+    'imageref.load_error':     'Image could not be loaded: {error}',
+    'imageref.load_error.title': 'Image error',
+    'imageref.invalid_file':   'Please use an image file (PNG, JPG, WebP, etc.).',
+    'imageref.invalid_file.title': 'Not an image',
+
+    // Data (export/import)
+    'data.invalid_format':     'Invalid format',
+    'data.no_boards':          'No valid boards found',
+    'data.import_confirm':     'Import {count} boards? Existing data will be preserved.',
+    'data.import_confirm.title': 'JSON Import',
+    'data.import_success':     '{boards} board(s){notes}{calc}{timer} successfully imported.',
+    'data.import_success.title': 'Import successful',
+    'data.import_error':       'Import error: {error}',
+    'data.import_error.title': 'Import failed',
+    'data.notes_suffix':       ' + {count} note(s)',
+    'data.calc_suffix':        ' + Calculator history',
+    'data.timer_suffix':       ' + Timer presets',
+
+    // Browser bookmark import
+    'bm_import.no_access':     'Cannot access browser bookmarks. Make sure the extension has the required permissions.',
+    'bm_import.title':         'Bookmark import',
+    'bm_import.no_folders':    'No bookmark folders found.',
+    'bm_import.modal_title':   'Import browser bookmarks',
+    'bm_import.info':          'Select the folders to import as boards. Each folder becomes its own board.',
+    'bm_import.unnamed':       'Unnamed',
+    'bm_import.link_count':    '{count} link(s)',
+    'bm_import.folder_count':  '{count} folder(s)',
+    'bm_import.empty':         'empty',
+    'bm_import.select_all':    'Select all',
+    'bm_import.deselect_all':  'Deselect all',
+    'bm_import.import_btn':    'Import',
+    'bm_import.no_selection':  'Please select at least one folder.',
+    'bm_import.boards_created':    '{count} board(s) created',
+    'bm_import.bookmarks_imported': '{count} bookmarks imported',
+    'bm_import.duplicates_skipped': '{count} duplicate(s) skipped',
+    'bm_import.success_title': 'Import complete',
+
+    // Storage
+    'storage.quota_full':      'Storage full! Please delete old boards or the background image to free up space.',
+    'storage.quota_full.title': 'Storage full',
+
+    // App
+    'app.backup_reminder':     'You haven\'t made a backup in over a week. If you clear browser data, your boards will be lost. Back up now?',
+    'app.backup_reminder.title': 'Backup reminder',
+    'app.backup_now':          'Back up now',
+    'app.backup_later':        'Later',
+    'app.no_bookmarks':        'No bookmarks found in this file.',
+    'app.import_title':        'Import',
+    'app.html_import_success': '{count} board(s) with {total} bookmarks imported.',
+    'app.import_success_title': 'Import successful',
+    'app.invalid_url':         'Invalid URL. Please start with https://.',
+    'app.invalid_url.title':   'Invalid URL',
+
+    // Clock
+    'clock.days.sun':          'Sun',
+    'clock.days.mon':          'Mon',
+    'clock.days.tue':          'Tue',
+    'clock.days.wed':          'Wed',
+    'clock.days.thu':          'Thu',
+    'clock.days.fri':          'Fri',
+    'clock.days.sat':          'Sat',
+    'clock.months.jan':        'Jan',
+    'clock.months.feb':        'Feb',
+    'clock.months.mar':        'Mar',
+    'clock.months.apr':        'Apr',
+    'clock.months.may':        'May',
+    'clock.months.jun':        'Jun',
+    'clock.months.jul':        'Jul',
+    'clock.months.aug':        'Aug',
+    'clock.months.sep':        'Sep',
+    'clock.months.oct':        'Oct',
+    'clock.months.nov':        'Nov',
+    'clock.months.dec':        'Dec',
+
+    // Settings
+    'settings.file_read_error': 'Error reading file. Please choose a different file.',
+    'settings.file_read_error.title': 'File error',
+    'settings.reset_confirm':  'Really delete all boards and settings? This cannot be undone.',
+    'settings.reset_confirm.title':   'Reset everything',
+    'settings.reset_confirm.button':  'Delete all',
+
+    // Widgets
+    'widgets.minimize':        'Minimize',
+    'widgets.close':           'Close',
+
+    // Header
+    'header.import':           'Import',
+    'header.board':            'Board',
+    'header.note':             'Note',
+    'header.theme':            'Theme',
+    'header.settings':         'Settings',
+
+    // Settings panel heading
+    'settings.title':          'Settings',
+
+    // Settings panel sections
+    'settings.section.widgets':   'WIDGETS',
+    'settings.section.data':      'DATA & HELP',
+    'settings.section.danger':    'DANGER ZONE',
+    'settings.section.bg':        'BACKGROUND',
+    'settings.section.display':   'DISPLAY',
+
+    // Settings rows
+    'settings.language':           'Language',
+    'settings.language.desc':      'Choose display language',
+    'settings.language.auto':      'Automatic',
+    'settings.toolbar_pos':        'Toolbar position',
+    'settings.toolbar_pos.desc':   'Show widget toolbar on the left or right',
+    'settings.toolbar_pos.right':  'Right',
+    'settings.toolbar_pos.left':   'Left',
+    'settings.image_ref':          'Image reference widgets',
+    'settings.image_ref.desc':     'Show images as reference (current session only)',
+    'settings.export':             'Export backup',
+    'settings.export.desc':        'Save all boards, notes and settings as JSON',
+    'settings.import':             'Import backup',
+    'settings.import.desc':        'Restore a JSON backup',
+    'settings.browser_import':     'Browser bookmarks',
+    'settings.browser_import.desc': 'Import bookmarks directly from the browser',
+    'settings.onboarding':         'Replay onboarding',
+    'settings.onboarding.desc':    'Show the welcome tour again',
+    'settings.reset':              'Reset everything',
+    'settings.reset.desc':         'Deletes all boards, notes and settings',
+    'settings.compact':            'Compact mode',
+    'settings.compact.desc':       'Less spacing for more bookmarks',
+    'settings.shorten':            'Shorten long titles',
+    'settings.shorten.desc':       'Truncate titles to one line with "…"',
+    'settings.search':             'Show search bar',
+    'settings.search.desc':        'Toggle search bar below the header',
+    'settings.newtab':             'Links in new tab',
+    'settings.newtab.desc':        'Open bookmarks in a new browser tab',
+    'settings.showdesc':           'Show descriptions',
+    'settings.showdesc.desc':      'Show saved description below bookmarks',
+    'settings.hideextra':          'Hide bookmarks',
+    'settings.hideextra.desc':     'Hide excess bookmarks in long boards',
+    'settings.visible_count':      'Visible bookmarks',
+    'settings.visible_count.desc': 'Number before hiding',
+    'settings.bg_url':             'Image URL',
+    'settings.bg_url.desc':        'Custom background image via URL',
+    'settings.bg_change':          'Change',
+    'settings.bg_apply':           'Apply',
+    'settings.bg_upload':          'Upload file',
+    'settings.bg_upload.desc':     'Use a local image as background',
+    'settings.search_engine_toggle': 'Switch search engine',
+
+    // Modals
+    'modal.new_board':         'New Board',
+    'modal.board_name':        'Board name...',
+    'modal.create':            'Create',
+    'modal.new_bookmark':      'New Bookmark',
+    'modal.bm_title':          'Title...',
+    'modal.bm_desc':           'Description (optional)',
+    'modal.bm_add':            'Add',
+    'modal.rename':            'Rename',
+    'modal.rename_placeholder': 'New name...',
+    'modal.rename_confirm':    'Rename',
+    'modal.theme_header':      'Theme',
+
+    // About
+    'about.title':             '⬡ HELLION NEWTAB',
+    'about.impressum':         'Legal Notice',
+    'about.developer':         'Developer',
+    'about.company':           'Company',
+    'about.license':           'License',
+    'about.storage':           'Data storage',
+    'about.storage.value':     '100% local · No server · No account',
+    'about.bugreport':         'Bug Report / Feedback',
+    'about.support':           'Support',
+    'about.browsers':          'Compatible browsers',
+
+    // Notebook
+    'notebook.title':          'Notebook',
+
+    // Search
+    'search.placeholder':      'Search the web…',
+
+    // Widget toolbar tooltips
+    'toolbar.note':            'Create note',
+    'toolbar.checklist':       'Create checklist',
+    'toolbar.calculator':      'Calculator',
+    'toolbar.timer':           'Timer',
+    'toolbar.imageref':        'Image reference',
+    'toolbar.notebook':        'All notes'
+  }
+};
+
+/** @type {string} Aktuell aktive Sprache */
+let currentLang = 'de';
+
+/**
+ * Übersetzungsstring abrufen mit optionalen Platzhaltern
+ * @param {string} key - Schlüssel im STRINGS-Objekt
+ * @param {Object} [vars] - Platzhalter-Werte (z.B. { max: 5 })
+ * @returns {string}
+ */
+function t(key, vars) {
+  let str = (STRINGS[currentLang] && STRINGS[currentLang][key])
+    || (STRINGS['en'] && STRINGS['en'][key])
+    || key;
+  if (vars) {
+    for (const [k, v] of Object.entries(vars)) {
+      str = str.replaceAll('{' + k + '}', v);
+    }
+  }
+  return str;
+}
+
+/**
+ * Alle data-i18n Elemente im Dokument mit aktueller Sprache befüllen
+ */
+function applyLanguage() {
+  document.querySelectorAll('[data-i18n]').forEach(el => {
+    el.textContent = t(el.dataset.i18n);
+  });
+  document.querySelectorAll('[data-i18n-placeholder]').forEach(el => {
+    el.placeholder = t(el.dataset.i18nPlaceholder);
+  });
+  document.querySelectorAll('[data-i18n-title]').forEach(el => {
+    el.title = t(el.dataset.i18nTitle);
+  });
+}
+
+/**
+ * Sprache setzen, speichern und DOM aktualisieren
+ * @param {string} lang - 'de', 'en' oder 'auto'
+ */
+function setLanguage(lang) {
+  const resolved = (lang === 'auto')
+    ? (navigator.language.startsWith('de') ? 'de' : 'en')
+    : lang;
+  currentLang = resolved;
+  applyLanguage();
+}
+
+/**
+ * i18n-Modul — öffentliche API
+ */
+const I18n = {
+  /** Aktuell aktive Sprache (nach Auto-Auflösung) */
+  get currentLang() { return currentLang; },
+
+  /**
+   * Initialisierung: Sprache aus Settings lesen, auflösen, DOM anwenden
+   * Wird nach applySettings() aufgerufen (settings-Objekt muss bereit sein)
+   */
+  init() {
+    const lang = (typeof settings !== 'undefined' && settings.language)
+      ? settings.language
+      : 'auto';
+    const resolved = (lang === 'auto')
+      ? (navigator.language.startsWith('de') ? 'de' : 'en')
+      : lang;
+    currentLang = resolved;
+    applyLanguage();
+  }
+};
diff --git a/src/js/settings.js b/src/js/settings.js
index c945734..dae59b0 100644
--- a/src/js/settings.js
+++ b/src/js/settings.js
@@ -83,6 +83,10 @@ function applySettings() {
   const toolbarPosEl = document.getElementById('settingToolbarPos');
   if (toolbarPosEl) toolbarPosEl.value = settings.toolbarPos || 'right';
 
+  // Sprache (Dropdown-Wert setzen — I18n.init() übernimmt die eigentliche Anwendung)
+  const langEl = document.getElementById('settingLanguage');
+  if (langEl) langEl.value = settings.language || 'auto';
+
   applyTheme(settings.theme || 'nebula', !!settings.bgUrl);
 
   if (settings.bgUrl) {
@@ -189,6 +193,17 @@ function bindSettingsEvents() {
     reader.readAsDataURL(file);
   });
 
+  // Sprach-Einstellung
+  const languageEl = document.getElementById('settingLanguage');
+  if (languageEl) {
+    languageEl.value = settings.language || 'auto';
+    languageEl.addEventListener('change', async (e) => {
+      settings.language = e.target.value;
+      setLanguage(e.target.value);
+      await saveSettings();
+    });
+  }
+
   // Toolbar-Position Setting
   const toolbarPosEl = document.getElementById('settingToolbarPos');
   if (toolbarPosEl) {
@@ -217,7 +232,7 @@ function bindSettingsEvents() {
     settings = { compact: false, shortenTitles: false, newTab: true, showDesc: false,
                  hideExtra: false, visibleCount: 10, bgUrl: '', theme: 'nebula',
                  showSearch: true, searchEngine: 'google', toolbarPos: 'right',
-                 imageRefEnabled: false };
+                 imageRefEnabled: false, language: 'auto' };
     await saveBoards();
     await saveSettings();
     applySettings();
diff --git a/src/js/state.js b/src/js/state.js
index 9696616..d387e47 100644
--- a/src/js/state.js
+++ b/src/js/state.js
@@ -17,7 +17,8 @@ let settings = {
   showSearch:    true,
   searchEngine:  'google',
   toolbarPos:    'right',
-  imageRefEnabled: false
+  imageRefEnabled: false,
+  language:      'auto'
 };
 
 function uid() {