diff --git a/.gitmodules b/.gitmodules
index fa88a70ff277fed74ac215feaca980fe30d2661d..ffe38aa897237d6a0627c9178402caf904fa6c9c 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -7,3 +7,6 @@
 [submodule "assets/vendor/MathJax"]
 	path = assets/vendor/MathJax
 	url = https://github.com/mathjax/MathJax.git
+[submodule "assets/vendor/jquery"]
+	path = assets/vendor/jquery
+	url = https://github.com/jquery/jquery.git
diff --git a/_includes/contact_form.html b/_includes/contact_form.html
new file mode 100644
index 0000000000000000000000000000000000000000..82784adcf713a7707bcb04805e27e7677e8cf1f6
--- /dev/null
+++ b/_includes/contact_form.html
@@ -0,0 +1,18 @@
+<div id="feedback-form">form will be placed in here</div>
+
+<script type="text/javascript"
+        src="{{ site.directory.vendor | append: 'jquery/dist/jquery.min.js' | strip | relative_url }}">
+</script>
+<script id="zammad_form_script" src="https://hifis-help.hzdr.de/assets/form/form.js"></script>
+
+<script>
+$(function () {
+    $('#feedback-form').ZammadForm({
+        messageTitle: 'Contact HIFIS',
+        messageSubmit: 'Submit',
+        messageThankYou: 'Thank you for your request (#%s). You will hear from us soon!',
+        attachmentSupport: true,
+        noCSS: true,
+    });
+});
+</script>
diff --git a/assets/css/contact.scss b/assets/css/contact.scss
new file mode 100644
index 0000000000000000000000000000000000000000..5cef3037d9761fef9bcf2d41c9aa303aa2bc274b
--- /dev/null
+++ b/assets/css/contact.scss
@@ -0,0 +1,19 @@
+---
+---
+
+@import  "bootstrap_variables";
+
+@import "assets/vendor/bootstrap/scss/functions";
+@import "assets/vendor/bootstrap/scss/variables";
+@import "assets/vendor/bootstrap/scss/mixins";
+
+@import "assets/vendor/bootstrap/scss/buttons";
+
+.form-control {
+    width: -webkit-fill-available;
+    width: -moz-available;
+}
+
+.btn {
+    @extend .btn-primary;
+}
diff --git a/assets/css/hifis.scss b/assets/css/hifis.scss
index 00315bf995152248a705f6fef711afa8913b49bd..2551bb6c639c8f19926ea5840c6d09c3dab92818 100644
--- a/assets/css/hifis.scss
+++ b/assets/css/hifis.scss
@@ -31,6 +31,7 @@
 @import "assets/vendor/bootstrap/scss/buttons";
 @import "assets/vendor/bootstrap/scss/card";
 @import "assets/vendor/bootstrap/scss/close";
+@import "assets/vendor/bootstrap/scss/forms";
 @import "assets/vendor/bootstrap/scss/jumbotron";
 @import "assets/vendor/bootstrap/scss/toasts";
 @import "assets/vendor/bootstrap/scss/tooltip";
diff --git a/assets/vendor/jquery b/assets/vendor/jquery
new file mode 160000
index 0000000000000000000000000000000000000000..e1cffdef277fcf543833a20d28cbadcd000ebece
--- /dev/null
+++ b/assets/vendor/jquery
@@ -0,0 +1 @@
+Subproject commit e1cffdef277fcf543833a20d28cbadcd000ebece
diff --git a/contact.md b/contact.md
index b269c8b008f430ba0a3da7c03d176285cab5e8a6..d15674aa799dfc6b607cfd12c25cad7981508072 100644
--- a/contact.md
+++ b/contact.md
@@ -5,9 +5,13 @@ layout: default
 excerpt:
     Contact to HIFIS Office.
 lang: en
-lang_ref: contact    
+lang_ref: contact
+additional_css:
+  - contact.css
 ---
 
+{% include contact_form.html %}
+
 ## Questions to this website? Contact us!
 {:.text-success}
 #### Uwe Jandt