diff --git a/publichealth/home/templates/tags/contact_form.html b/publichealth/home/templates/tags/contact_form.html
index 78197fd..157b8e7 100644
--- a/publichealth/home/templates/tags/contact_form.html
+++ b/publichealth/home/templates/tags/contact_form.html
@@ -1,12 +1,12 @@
-<form action="mailto:{{ contact.email }}" enctype="text/plain" method="GET">
+<form action="https://formspree.io/{{ contact.email }}" method="POST">
   <div class="form-group">
     <input name="name" id="name" type="text" placeholder="Name / Nom" class="form-control">
   </div>
-  <!--<div class="form-group">
-    <input name="_replyto" id="email" type="email" placeholder="E-Mail" class="form-control">
-  </div>-->
   <div class="form-group">
-    <textarea name="message" id="message" rows="3" placeholder="" class="form-control"></textarea>
+    <input name="_replyto" id="email" type="email" placeholder="E-Mail" class="form-control">
+  </div>
+  <div class="form-group">
+    <textarea name="message" id="message" rows="3" placeholder="Nachricht / Message" class="form-control"></textarea>
   </div>
   <button class="btn btn-primary" type="submit">Senden / Envoi</button>
 </form>
diff --git a/publichealth/static/css/modules/_footer.scss b/publichealth/static/css/modules/_footer.scss
index fd17d3e..ef942c2 100644
--- a/publichealth/static/css/modules/_footer.scss
+++ b/publichealth/static/css/modules/_footer.scss
@@ -39,17 +39,25 @@ article footer .btn {
 
 }
 
-// Footer contact form
+// Footer contact information
 #contact-info {
   address {
     margin-bottom: 0px;
   }
+
   .social-networks > a {
     border: 2px solid white;
     width: 32px; height: 32px;
   }
 }
 
+// Footer contact form
+#footer #contact-form {
+  textarea.form-control, input.form-control {
+    color: white;
+  }
+}
+
 // Base style for social network buttons as used in header
 .social-networks > a {
   width: 14px; height: 14px;