diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1427f4a..4c093ce 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -24,7 +24,7 @@
 - Fix play/pause toggle favicon
   [#59](https://git.project-insanity.org/onny/nextcloud-app-radio/issues/59) @onny
 - Preload images
-  [#59](https://git.project-insanity.org/onny/nextcloud-app-radio/issues/59) @onny
+  [#68](https://git.project-insanity.org/onny/nextcloud-app-radio/issues/68) @onny
 
 ## 0.6.1 – 2018-08-11
 ### Changed
diff --git a/l10n/de_DE.js b/l10n/de_DE.js
new file mode 100644
index 0000000..f5062ec
--- /dev/null
+++ b/l10n/de_DE.js
@@ -0,0 +1,9 @@
+OC.L10N.register(
+    "radio",
+    {
+    "Top" : "Best bewertet",
+    "Recent" : "Neu hinzugekommen",
+    "Favorites" : "Favoriten",
+    "Categories" : "Kategorien"
+},
+"nplurals=2; plural=(n != 1);");
diff --git a/l10n/de_DE.json b/l10n/de_DE.json
new file mode 100644
index 0000000..5fd2ae6
--- /dev/null
+++ b/l10n/de_DE.json
@@ -0,0 +1,7 @@
+{ "translations": {
+  "Top" : "Best bewertet",
+  "Recent" : "Neu hinzugekommen",
+  "Favorites" : "Favoriten",
+  "Categories" : "Kategorien"
+},"pluralForm" :"nplurals=2; plural=(n != 1);"
+}
diff --git a/templates/main.php b/templates/main.php
index 3bb6bfd..93a2f22 100755
--- a/templates/main.php
+++ b/templates/main.php
@@ -8,19 +8,23 @@
             <ul class="with-icon">
                 <li data-id="files" class="nav-files">
                     <a href="#top" class="nav-icon-files svg">
-				Top			</a>
+                      <?php p($l->t('Top')); ?>
+                    </a>
                 </li>
                 <li data-id="recent" class="nav-recent">
                     <a href="#recent" class="nav-icon-recent svg">
-				Recent			</a>
+                      <?php p($l->t('Recent')); ?>
+                    </a>
                 </li>
                 <li data-id="favorites" class="nav-favorites">
                     <a href="#favorites" class="nav-icon-favorites svg">
-				Favorites			</a>
+                      <?php p($l->t('Favorites')); ?>
+                    </a>
                 </li>
                 <li data-id="categories" class="nav-categories">
                     <a href="#categories" class="nav-icon-systemtagsfilter svg">
-				Categories			</a>
+                      <?php p($l->t('Categories')); ?>
+                    </a>
                 </li>
             </ul>
             <div id="app-settings">
@@ -69,7 +73,7 @@
             <div id="preload-01"></div>
             <div id="preload-02"></div>
             <div id="preload-03"></div>
-            <div id="preload-04"></div>            
+            <div id="preload-04"></div>
         </div>
     </div>
     <!-- closing app-content -->