diff --git a/backend/src/middleware/email/templates/signup.html b/backend/src/middleware/email/templates/signup.html
index a538f71d1..67317e7f4 100644
--- a/backend/src/middleware/email/templates/signup.html
+++ b/backend/src/middleware/email/templates/signup.html
@@ -142,6 +142,59 @@
       }
     }
   </style>
+
+  <!-- LANGUAGE TOGGLE -->
+  <style>
+    .toggle+label {
+      display: inline-block;
+      height: 40px;
+      padding: 0 12px;
+      margin-top: 40px;
+      line-height: 38px;
+      font-family: Lato, sans-serif;
+      font-size: 16px;
+      border: 1px solid gainsboro;
+    }
+
+    .toggle:hover+label {
+      background-color: #bee876;
+    }
+
+    .toggle:checked+label {
+      background-color: #19c243;
+      color: white;
+    }
+
+    .toggle-english+label {
+      border-bottom-right-radius: 50px;
+      border-top-right-radius: 50px;
+      border-left: none;
+      margin-left: -2px;
+    }
+
+    .toggle-german+label {
+      border-bottom-left-radius: 50px;
+      border-top-left-radius: 50px;
+      border-right: none;
+      margin-right: -2px;
+    }
+
+    .toggle-german:checked~table.email-german {
+      display: block;
+    }
+
+    .toggle-german:checked~table.email-english {
+      display: none;
+    }
+
+    .toggle-english:checked~table.email-english {
+      display: block;
+    }
+
+    .toggle-english:checked~table.email-german {
+      display: none;
+    }
+  </style>
 </head>
 
 <body width="100%" style="margin: 0; padding: 0 !important; mso-line-height-rule: exactly; background-color: #f5f4f6;">
@@ -169,9 +222,17 @@
             <td>
       <![endif]-->
 
+      <!-- LANGUAGE TOGGLE -->
+      <input type="radio" name="language" class="toggle toggle-german" style="display: none;" id="toggle-german"
+        checked="checked">
+      <label for="toggle-german">Deutsch</label>
+      <input type="radio" name="language" class="toggle toggle-english" style="display:none;" id="toggle-english">
+      <label for="toggle-english">English</label>
+      <p style="margin: 0;"></p>
+
       <!-- Email Body German : BEGIN -->
-      <table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"
-        style="margin: auto;">
+      <table class="email-german" align="center" role="presentation" cellspacing="0" cellpadding="0" border="0"
+        width="100%" style="margin: auto;">
         <tr>
           <td style="padding: 20px 0; text-align: center">
           </td>
@@ -196,7 +257,6 @@
               <tr>
                 <td
                   style="padding: 20px; padding-top: 0; font-family: Lato, sans-serif; font-size: 16px; line-height: 22px; color: #555555;">
-                  <p style="font-style: italic; color: #19c243;">English version below!</p>
                   <h1
                     style="margin: 0 0 10px 0; font-family: Lato, sans-serif; font-size: 25px; line-height: 30px; color: #333333; font-weight: normal;">
                     Willkommen bei Human Connection!</h1>
@@ -277,6 +337,11 @@
                   <p style="margin: 0;">– Dein Human Connection Team</p>
                 </td>
               </tr>
+              <tr>
+                <td style="display: none;">
+                  <p>–––––––––––––––––––––––––––––––––––––––––––––––</p>
+                </td>
+              </tr>
             </table>
           </td>
         </tr>
@@ -286,8 +351,8 @@
       <!-- Email Body German : END -->
 
       <!-- Email Body English : BEGIN -->
-      <table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"
-        style="margin: auto;">
+      <table class="email-english" align="center" role="presentation" cellspacing="0" cellpadding="0" border="0"
+        width="100%" style="margin: auto;">
         <tr>
           <td style="padding: 20px 0; text-align: center">
           </td>
