diff --git a/docs/index.html b/docs/index.html
index 6cfb3a0..548a5a2 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -64,22 +64,22 @@
                     <img class="ui tiny image" src="img/logo.png">
                 </div>
                 <a class="item" href="#mainmenu" i18n>
-                    Home // 主頁
+                    Home // 主頁 // Startseite
                 </a>
                 <a class="item" href="#about" i18n>
-                    About Zoraxy // 關於 Zoraxy
+                    About Zoraxy // 關於 Zoraxy // Über Zoraxy
                 </a>
                 <a class="item" href="#features" i18n>
-                    Screenshots // 系統截圖
+                    Screenshots // 系統截圖 // Bildschirmfotos
                 </a>
                 <a class="item" href="#techspec" i18n>
-                    Videos // 介紹影片
+                    Videos // 介紹影片 // Videos
                 </a>
                 <a class="item" href="#download" i18n>
-                    Download // 下載
+                    Download // 下載 // Herunterladen
                 </a>
                 <a class="item" href="#learnmore" i18n>
-                    Learn More // 了解更多
+                    Learn More // 了解更多 // Mehr erfahren
                 </a>
                 <a class="right floated item">
                     <div class="ui small selection dropdown">
@@ -89,6 +89,7 @@
                         <div class="menu">
                             <div class="item" data-value="en">English</div>
                             <div class="item" data-value="zh">中文（正體）</div>
+                            <div class="item" data-value="de">Deutsch</div>
                         </div>
                     </div>
                 </a>
@@ -99,6 +100,7 @@
         <div class="ui text container">
             <p i18n>This site is currently under development. Some information might not be ready.
                 // 本網站目前仍在開發中，部分資訊可能尚未準備好。
+                // Diese Seite ist in Entwicklung. Einige Informationen sind möglicherweise nicht verfügbar.
             </p>
         </div>
     </div>
@@ -108,14 +110,11 @@
             <div class="ui divider" style="border-top: 1px solid rgba(255,255,255,0.5); "></div>
             <p i18n>The ultimate homelab networking toolbox for self-hosted services
                 // 簡化自家伺服器部署之事，初學者居家網絡必備良器
+                // Das ultimative Homelab-Netzwerk-Toolbox für selbstgehostete Dienste
             </p>
-            <a href="https://github.com/tobychui/zoraxy/releases" class="ui basic white button" target="_blank"><i style="color:white;" class="ui download icon"></i><span i18n>Download // 立即下載</span></a>
-            <a href="https://github.com/tobychui/zoraxy" class="ui basic white button" target="_blank"><i style="color: white;" class="ui code icon"></i><span i18n>Source Code // 查看原始碼</span></a>
+            <a href="https://github.com/tobychui/zoraxy/releases" class="ui basic white button" target="_blank"><i style="color:white;" class="ui download icon"></i><span i18n>Download // 立即下載 // Herunterladen </span></a>
+            <a href="https://github.com/tobychui/zoraxy" class="ui basic white button" target="_blank"><i style="color: white;" class="ui code icon"></i><span i18n>Source Code // 查看原始碼 // Quellcode</span></a>
             
-            <div class="scrolldownTips">
-                <img class="ui tiny image" src="img/scrolldown.webp"><br>
-                <span i18n>Scroll down to learn more // 向下滑以了解更多 // スクロールダウンして詳細をご覧ください // 下滑了解更多</span>
-            </div>
         </div>
         <div id="wavesWrapper">
             <!-- CSS waves-->
@@ -142,11 +141,11 @@
             </div>
             <div class="ten wide column">
                 <div class="about-text-wrapper">
-                    <p class="about-title"><b i18n>Reverse Proxy // 反向代理</b></p>
-                    <p><span i18n>Easy setups with dynamic updates // 讓你想不到般簡單易用、迅速設定、動態更新</span></p>
+                    <p class="about-title"><b i18n>Reverse Proxy // 反向代理 // Reverse-Proxy</b></p>
+                    <p><span i18n>Easy setups with dynamic updates // 讓你想不到般簡單易用、迅速設定、動態更新 // Einfache Einrichtung mit dynamischen Updates</span></p>
                     <p i18n>Access your reverse proxy and self-hosted services from any computer with a browser, anytime, anywhere.
                         // 透過瀏覽器，隨時隨地在任何裝置上存取您的反向代理及自家伺服器服務。
-                   
+                        // Greifen Sie jederzeit und überall von jedem Gerät aus auf Ihren Reverse-Proxy und selbst gehostete
                     </p>
                     <div class="ui list">
                         <div class="item">
@@ -154,7 +153,7 @@
                             <div class="content" i18n>
                                 Simple setups with web UI
                                 // 透過網頁介面簡單設定即可使用
-                               
+                                // Einfache Einrichtung mit Web-UI
                             </div>
                         </div>
                         <div class="item">
@@ -162,7 +161,7 @@
                             <div class="content" i18n>
                                 Change settings on the fly without restarting
                                 // 即時更改設定，無需重新啟動
-  
+                                // Einstellungen ohne Neustart ändern
                             </div>
                         </div>
                         <div class="item">
@@ -170,7 +169,7 @@
                             <div class="content" i18n>
                                 One of the best reverse proxy manager for beginners
                                 // 可能是最適合初學者的反向代理管理器之一
-
+                                // Einer der besten Reverse-Proxy-Manager für Anfänger
                             </div>
                         </div>
                         <div class="item">
@@ -178,6 +177,7 @@
                             <div class="content" i18n>
                                 Easily install plugins and edit configurations
                                 // 輕鬆安裝插件並編輯設定
+                                // Plugins einfach installieren und Konfigurationen bearbeiten
                             </div>
                         </div>
                     </div>
@@ -190,11 +190,11 @@
             </div>
             <div class="ten wide column">
                 <div class="about-text-wrapper">
-                    <p class="about-title"><b i18n>Real-time Analytics // 即時流量分析</b></p>
-                    <p><span i18n>Dynamic statistic and access control // 動態流量數據、權限與路由設定</span></p>
+                    <p class="about-title"><b i18n>Real-time Analytics // 即時流量分析 // Echtzeit-Analysen</b></p>
+                    <p><span i18n>Dynamic statistic and access control // 動態流量數據、權限與路由設定 // Dynamische Statistik und Zugriffskontrolle</span></p>
                     <p i18n>Provide real time statistical overview, take advantage of the real time traffic and situations to make better decisions.
                         // 提供即時統計概覽，利用即時流量和情況做出更好的決策。
-
+                        // Bietet eine Echtzeit-Übersicht über die Statistiken, um bessere Entscheidungen zu treffen.
                     </p>
                     <div class="ui list">
                         <div class="item">
@@ -202,7 +202,7 @@
                             <div class="content" i18n>
                                 Real time visitor statistic
                                 // 即時訪客統計概覽
-
+                                // Echtzeit-Besucherstatistik
                             </div>
                         </div>
                         <div class="item">
@@ -210,7 +210,7 @@
                             <div class="content" i18n>
                                 Instant network utilitization overview
                                 // 即時網路使用率概覽
-
+                                // Sofortige Netzwerkübersicht
                             </div>
                         </div>
                         <div class="item">
@@ -218,7 +218,7 @@
                             <div class="content" i18n>
                                 No-reload access control and settings
                                 // 即時生效存取控制和設定
-
+                                // Zugriffskontrolle und Einstellungen ohne Neustart
                             </div>
                         </div>
                         <div class="item">
@@ -226,7 +226,7 @@
                             <div class="content" i18n>
                                 One-click setting change with no downtime
                                 // 一鍵設定更改，無需停機
-
+                                // Einstellungsänderung mit einem Klick ohne Ausfallzeiten
                             </div>
                         </div>
                     </div>
@@ -239,7 +239,10 @@
     <div class="ui divider"></div>
     <div id="features" class="ui container">
         <div class="centered title">
-            <h1 i18n>Screenshots // 系統截圖</h1>
+            <h1 i18n>Screenshots 
+                // 系統截圖
+                // Bildschirmfotos
+            </h1>
         </div>
         <div class="ui three column grid">
             <div class="column">
@@ -280,7 +283,11 @@
     <div id="techspec" class="blackbanner">
         <br><br>
         <div class="centered title">
-            <h1 style="font-weight: 600;" i18n>Review Videos // 介紹影片 </h1>
+            <h1 style="font-weight: 600;" i18n>
+                Review Videos 
+                // 介紹影片 
+                // Videos
+            </h1>
         </div>
         <div>
             <div class="videoScrollBar">
@@ -297,18 +304,26 @@
     <div id="download" class="ui text container">
         <br><br>
         <div class="centered title">
-            <h1 i18n>Download // 下載</h1>
+            <h1 i18n>
+                Download 
+                // 下載
+                // Herunterladen
+            </h1>
         </div>
         
         <div class="downloadTabWrapper">
             <div class="ui top attached fluid stackable tabular menu">
                 <a class="active item" data-tab="linux"><i class="grey linux icon"></i> Linux</a>
                 <a class="item" data-tab="windows"><i class="blue windows icon"></i> Windows</a>
-                <a class="item" data-tab="rpi"><i class="red raspberry pi icon"></i><span i18n>SBCs // ARM 開發板 </span></a>
-                <a class="item" data-tab="build"><i class="code icon"></i> <span i18n>Build from source // 從原始碼建置 </span> </a>
+                <a class="item" data-tab="rpi"><i class="red raspberry pi icon"></i><span i18n>SBCs // ARM 開發板 // SBCs</span></a>
+                <a class="item" data-tab="build"><i class="code icon"></i> <span i18n>Build from source // 從原始碼建置 // Aus dem Quellcode erstellen</span> </a>
             </div>
             <div class="ui bottom attached active tab segment" data-tab="linux">
-                <p i18n>Install with command line // 使用 CLI 下載並執行發行版本 </p>
+                <p i18n>
+                    Install with command line 
+                    // 使用 CLI 下載並執行發行版本 
+                    // Installieren Sie mit der Befehlszeile
+                </p>
                 <div class="ui black message">
                     <code>
                         wget https://github.com/tobychui/zoraxy/releases/latest/download/zoraxy_linux_amd64<br>
@@ -317,18 +332,48 @@
                     </code>
                 </div>
                 <br>
-                <p i18n>Install with precompiled binary // 下載發行版本 </p>
-                <button class="ui basic downloadButton button" onclick='handleDownload("zoraxy_linux_amd64");'><i class="black linux icon"></i> <span i18n>Download x64 // 下載 64位元 執行檔 </span></button>
+                <p i18n>
+                    Install with precompiled binary 
+                    // 下載發行版本 
+                    // Installieren Sie mit vorkompilierten Binärdateien
+                </p>
+                <button class="ui basic downloadButton button" onclick='handleDownload("zoraxy_linux_amd64");'>
+                    <i class="black linux icon"></i> 
+                    <span i18n>Download x64 
+                        // 下載 64位元 執行檔 
+                        // Herunterladen x64
+                    </span>
+                </button>
                 <span style="font-size: 1.2em; font-weight: 600; margin-right: 0.4em">OR</span>
-                <button class="ui basic downloadButton button" onclick='handleDownload("zoraxy_linux_386");'><i class="black linux icon"></i> <span i18n>Download x32 // 下載 32位元 執行檔 </span></button>
+                <button class="ui basic downloadButton button" onclick='handleDownload("zoraxy_linux_386");'>
+                    <i class="black linux icon"></i> 
+                    <span i18n>Download x32 
+                        // 下載 32位元 執行檔 
+                        // Herunterladen x32
+                    </span>
+                </button>
             </div>
             <div class="ui bottom attached tab segment" data-tab="windows">
-                <p i18n>Install with precompiled binary // 下載發行版本 </p>
-                <button class="ui basic downloadButton button" onclick='handleDownload("zoraxy_windows_amd64.exe");'><i class="blue windows icon"></i> <span i18n>Download Zoraxy for Windows // 下載 Windows 版 Zoraxy</span></button>
+                <p i18n>
+                    Install with precompiled binary 
+                    // 下載發行版本 
+                    // Installieren Sie mit vorkompilierten Binärdateien
+                </p>
+                <button class="ui basic downloadButton button" onclick='handleDownload("zoraxy_windows_amd64.exe");'>
+                    <i class="blue windows icon"></i> 
+                    <span i18n>
+                        Download Zoraxy for Windows 
+                        // 下載 Windows 版 Zoraxy 
+                        // Zoraxy für Windows herunterladen
+                    </span>
+                </button>
                 <br><br>
             </div>
             <div class="ui bottom attached tab segment" data-tab="rpi">
-                <p i18n>Install with command line (armv6-7, arm64, x86) // 使用 CLI 下載並執行 （armv6-7, arm64, x86）</p>
+                <p i18n>Install with command line (armv6-7, arm64, x86) 
+                    // 使用 CLI 下載並執行 （armv6-7, arm64, x86）
+                    // Installieren Sie mit der Befehlszeile (armv6-7, arm64, x86)
+                </p>
                 <div class="ui black message">
                     <code>
                         # Check your CPU architecture<br>
@@ -349,7 +394,10 @@
                     </code>
                 </div>
                 <br>
-                <p i18n>Install with precompiled binary // 下載發行版本</p>
+                <p i18n>Install with precompiled binary 
+                    // 下載發行版本
+                    // Installieren Sie mit vorkompilierten Binärdateien
+                </p>
                 <button class="ui basic downloadButton button" onclick='handleDownload("zoraxy_linux_arm");'><i class="black download icon"></i> <span i18n></span>arm (v6, v7)</button>
                 <button class="ui basic downloadButton button" onclick='handleDownload("zoraxy_linux_arm64");'><i class="black download icon"></i> <span i18n></span>arm64</button>
                 <button class="ui basic downloadButton button" onclick='handleDownload("zoraxy_linux_riscv64");'><i class="grey download icon"></i> <span i18n></span>riscv64</button>
@@ -357,6 +405,7 @@
             <div class="ui bottom attached tab segment" data-tab="build">
                 <p i18n>Require Go (Golang) compiler. Details build from source instruction can be found on Zoraxy Github README file. 
                     // 需要 Go (Go 語言）編譯器。建置詳情可以在 Zoraxy Github README 檔案中找到。
+                    // Erfordert den Go (Golang) Compiler. Detaillierte Anweisungen zum Erstellen aus dem Quellcode finden Sie in der Zoraxy Github README-Datei.
                 </p>
                 <div class="ui black message">
                     <code>
@@ -369,9 +418,16 @@
                 </div>
             </div>
         </div>
-        <p><span i18n>After the Zoraxy is started, navigate to // 當 Zoraxy 執行檔 / 服務啟動後，使用瀏覽器開啟</span> 
+        <p>
+            <span i18n>After Zoraxy is started, navigate to 
+                // 當 Zoraxy 執行檔 / 服務啟動後，使用瀏覽器開啟
+                // Nachdem Zoraxy gestartet wurde, navigieren Sie zu
+            </span> 
             <a href="http://localhost:8000" target="_blank">http://localhost:8000</a> 
-            <span i18n>to continue account and system setup. // 以繼續帳戶和系統設定。</span>
+            <span i18n>to continue account and system setup. 
+                // 以繼續帳戶和系統設定。
+                // um die Konto- und Systemeinrichtung fortzusetzen.
+            </span>
         </p>
         <br><br>
     </div>
@@ -380,9 +436,13 @@
     <div class="ui divider"></div>
     <div id="learnmore" class="ui text container">
         <div class="centered title" style="margin-bottom: 0px;">
-            <h1 i18n>Learn More // 了解更多</h1>
+            <h1 i18n>Learn More 
+                // 了解更多
+                // Mehr erfahren
+            </h1>
             <p i18n>If you like this project, please feel free to give us a ⭐ star ⭐.
                 // 如果您喜歡這個開源專案，歡迎來給我們一顆 ⭐星星⭐ 喔！!
+                // Wenn Ihnen dieses Projekt gefällt, geben Sie uns bitte einen ⭐ Stern ⭐.
             </p>
         </div>
         <div class="ui basic segment linkicons">
@@ -393,6 +453,7 @@
                         <div class="content" i18n>
                             Github
                             // 源碼
+                            // Quellcode
                         </div>
                     </div>
                 </a>
@@ -403,6 +464,7 @@
                         <div class="content" i18n>
                             Plugin Devs
                             // 插件開發
+                            // Plugin-Entwickler
                         </div>
                     </div>
                 </a>
@@ -413,6 +475,7 @@
                         <div class="content" i18n>
                             Email
                             // 電子郵件
+                            // E-Mail
                         </div>
                     </div>
                 </a>
@@ -451,7 +514,10 @@
                 </div>
                 <div class="three wide column">
                     <div class="ui list">
-                        <div class="item title" i18n>Developer Tools // 開發者工具</div>
+                        <div class="item title" i18n>Developer Tools 
+                            // 開發者工具
+                            // Entwicklerwerkzeuge
+                        </div>
                         <div class="item"><a href="https://github.com/tobychui/zoraxy/wiki" target="_blank">Zoraxy Wiki</a></div>
                         <div class="item"><a href="https://github.com/tobychui/zoraxy" target="_blank">Source Code</a></div>
                         <div class="item"><a href="" target="_blank">Offical Plugin List</a></div>
@@ -460,13 +526,19 @@
                 </div>	
                 <div class="three wide column">
                     <div class="ui list">
-                        <div class="item title" i18n>Project Spin-offs // 衍生開源計劃</div>
+                        <div class="item title" i18n>Project Spin-offs 
+                            // 衍生開源計劃
+                            // Projekt-Ableger
+                        </div>
                         <div class="item"><a href="https://os.aroz.org" target="_blank">ArozOS</a></div>
                     </div>
                 </div>
                 <div class="three wide column">
                     <div class="ui list">
-                        <div class="item title" i18n>Related Links // 相關連接</div>
+                        <div class="item title" i18n>Related Links 
+                            // 相關連接
+                            // Verwandte Links
+                        </div>
                         <div class="item"><a href="https://github.com/tobychui/zoraxy/wiki/Getting-Started" target="_blank" i18n>Getting Started</a></div>
                         <div class="item"><a href="https://github.com/tobychui/zoraxy/releases" target="_blank">Zoraxy Release</a></div>
                         <div class="item"><a href="https://hub.docker.com/r/zoraxydocker/zoraxy" target="_blank">Zoraxy Docker</a></div>
diff --git a/docs/main.css b/docs/main.css
index aeaf18a..f2e6e18 100644
--- a/docs/main.css
+++ b/docs/main.css
@@ -310,6 +310,10 @@ body.zh-cn *:not(i){
     color: rgb(209, 224, 255);
 }
 
+#footer a:hover{
+    color: rgb(255, 255, 255);
+}
+
 #footer .bottom-attach .divider{
     color: rgb(212, 212, 212);
 }
diff --git a/docs/main.js b/docs/main.js
index 2711c1d..d8c57ce 100644
--- a/docs/main.js
+++ b/docs/main.js
@@ -6,7 +6,7 @@
 
     And then add the language ISO key to the list below.
 */
-let languages = ['en', 'zh', 'jp', 'zh-cn'];
+let languages = ['en', 'zh', 'de'];
 
 
 //Bind language change dropdown events
@@ -24,7 +24,15 @@ var i18n = domI18n({
     languages: languages,
     defaultLanguage: 'en'
 });
-i18n.changeLanguage('en');
+
+let userLang = navigator.language || navigator.userLanguage;
+console.log("User language: " + userLang);
+userLang = userLang.split("-")[0];
+if (!languages.includes(userLang)) {
+    userLang = 'en';
+}
+i18n.changeLanguage(userLang);
+
 
 /* Main Menu */
 $("#rwdmenubtn").on("click", function(){