diff --git a/pass/lang/de/login.json b/pass/lang/de/login.json
index 6ce4a4fb51fb22b6ac9bdaaecb23995aa7d98b37..f60982d1b6b46466f1a667087d062580fa051e03 100644
--- a/pass/lang/de/login.json
+++ b/pass/lang/de/login.json
@@ -11,6 +11,7 @@
     "invalid-qr": "Qr Code enthält keine gültigen Daten.",
     "close": "Schließen"
   },
+  "how-it-works": "So funktioniert die werbefreie Suche",
   "submit": "Abschicken",
   "error": "Ein gültiger Schlüssel oder eine gültige Sicherungsdatei ist erforderlich."
 }
diff --git a/pass/public/styles/key/enter.less b/pass/public/styles/key/enter.less
index 2040b66a940a1a4006a813a211b4045aafeed2d4..7c9f4cf10fa72f3ae2b00190397cf7c74a26c77a 100644
--- a/pass/public/styles/key/enter.less
+++ b/pass/public/styles/key/enter.less
@@ -8,6 +8,7 @@ body {
   max-height: 900px;
   main {
     display: grid;
+    gap: 1rem;
     place-content: center;
     align-content: center;
     margin: 0;
@@ -164,5 +165,13 @@ body {
         }
       }
     }
+    #how-it-works {
+      width: 280px;
+      a.button {
+        padding: 0.5rem;
+        width: 100%;
+        text-align: center;
+      }
+    }
   }
 }
diff --git a/pass/views/login/key.ejs b/pass/views/login/key.ejs
index e4ec2d190c8ae17d4bfad6f3819de4fb4725eff2..1d9f954c641087d1bc44c4f7800a5181edd5ecd0 100644
--- a/pass/views/login/key.ejs
+++ b/pass/views/login/key.ejs
@@ -40,5 +40,8 @@
     </div>
   </div>
 </div>
+<div id="how-it-works">
+  <a href="<%= baseDir _%>#how-it-works" class="button"><%= req.t("how-it-works", {ns: "login"}) _%></a>
+</div>
 
 <%- include('../templates/page_footer'); -%>
\ No newline at end of file