diff --git a/files/500.http b/files/500.http
new file mode 100644
index 0000000000000000000000000000000000000000..05eff13c232573842b9c6b82b68ca07ea5e5d204
--- /dev/null
+++ b/files/500.http
@@ -0,0 +1,34 @@
+HTTP/1.0 500 Internal Server Error
+Cache-Control: no-cache
+Connection: close
+Content-Type: text/html
+
+<!doctype html>
+<!-- 500 Internal Server Error -->
+<html>
+ <title>Site Maintenance | Wartung</title>
+ <style>
+ body { text-align: center; padding: 150px; }
+ h1 { font-size: 50px; }
+ body { font: 20px Helvetica, sans-serif; color: #333; }
+ article { display: block; text-align: left; width: 650px; margin: 0 auto; }
+ a { color: #dc8100; text-decoration: none; }
+ a:hover { color: #333; text-decoration: none; }
+ </style>
+
+ <body>
+ <article>
+ <h1>We’ll be back soon!</h1>
+ <div>
+ <p>Sorry for the inconvenience but we're performing some maintenance at the moment. We'll be back online shortly!</p>
+ </div>
+ </article>
+
+ <article>
+ <h1>Wir sind bald zurück!</h1>
+ <div>
+ <p>Wir führen derzeit einige Wartungsarbeiten durch und entschuldigen uns für die Unannehmlichkeiten. Wir sind bald wieder online!</p>
+ </div>
+ </article>
+ </body>
+</html>
diff --git a/files/502.http b/files/502.http
new file mode 100644
index 0000000000000000000000000000000000000000..2378208bfbb88bf6f85233717702f1feb6f859b4
--- /dev/null
+++ b/files/502.http
@@ -0,0 +1,34 @@
+HTTP/1.0 502 Bad Gateway
+Cache-Control: no-cache
+Connection: close
+Content-Type: text/html
+
+<!doctype html>
+<!-- 502 Bad Gateway -->
+<html>
+ <title>Site Maintenance | Wartung</title>
+ <style>
+ body { text-align: center; padding: 150px; }
+ h1 { font-size: 50px; }
+ body { font: 20px Helvetica, sans-serif; color: #333; }
+ article { display: block; text-align: left; width: 650px; margin: 0 auto; }
+ a { color: #dc8100; text-decoration: none; }
+ a:hover { color: #333; text-decoration: none; }
+ </style>
+
+ <body>
+ <article>
+ <h1>We’ll be back soon!</h1>
+ <div>
+ <p>Sorry for the inconvenience but we're performing some maintenance at the moment. We'll be back online shortly!</p>
+ </div>
+ </article>
+
+ <article>
+ <h1>Wir sind bald zurück!</h1>
+ <div>
+ <p>Wir führen derzeit einige Wartungsarbeiten durch und entschuldigen uns für die Unannehmlichkeiten. Wir sind bald wieder online!</p>
+ </div>
+ </article>
+ </body>
+</html>
diff --git a/files/503.http b/files/503.http
new file mode 100644
index 0000000000000000000000000000000000000000..b15f7471477b61da9a33fa96fc9580fe416f83af
--- /dev/null
+++ b/files/503.http
@@ -0,0 +1,34 @@
+HTTP/1.0 503 Service Unavailable
+Cache-Control: no-cache
+Connection: close
+Content-Type: text/html
+
+<!doctype html>
+<!-- 503 Service Unavailable -->
+<html>
+ <title>Site Maintenance | Wartung</title>
+ <style>
+ body { text-align: center; padding: 150px; }
+ h1 { font-size: 50px; }
+ body { font: 20px Helvetica, sans-serif; color: #333; }
+ article { display: block; text-align: left; width: 650px; margin: 0 auto; }
+ a { color: #dc8100; text-decoration: none; }
+ a:hover { color: #333; text-decoration: none; }
+ </style>
+
+ <body>
+ <article>
+ <h1>We’ll be back soon!</h1>
+ <div>
+ <p>Sorry for the inconvenience but we're performing some maintenance at the moment. We'll be back online shortly!</p>
+ </div>
+ </article>
+
+ <article>
+ <h1>Wir sind bald zurück!</h1>
+ <div>
+ <p>Wir führen derzeit einige Wartungsarbeiten durch und entschuldigen uns für die Unannehmlichkeiten. Wir sind bald wieder online!</p>
+ </div>
+ </article>
+ </body>
+</html>
diff --git a/files/504.http b/files/504.http
new file mode 100644
index 0000000000000000000000000000000000000000..4ccf7ceca44edb3badee668b809a00c0c7a412d8
--- /dev/null
+++ b/files/504.http
@@ -0,0 +1,34 @@
+HTTP/1.0 504 Gateway Time-out
+Cache-Control: no-cache
+Connection: close
+Content-Type: text/html
+
+<!doctype html>
+<!-- 504 Gateway Time-out -->
+<html>
+ <title>Site Maintenance | Wartung</title>
+ <style>
+ body { text-align: center; padding: 150px; }
+ h1 { font-size: 50px; }
+ body { font: 20px Helvetica, sans-serif; color: #333; }
+ article { display: block; text-align: left; width: 650px; margin: 0 auto; }
+ a { color: #dc8100; text-decoration: none; }
+ a:hover { color: #333; text-decoration: none; }
+ </style>
+
+ <body>
+ <article>
+ <h1>We’ll be back soon!</h1>
+ <div>
+ <p>Sorry for the inconvenience but we're performing some maintenance at the moment. We'll be back online shortly!</p>
+ </div>
+ </article>
+
+ <article>
+ <h1>Wir sind bald zurück!</h1>
+ <div>
+ <p>Wir führen derzeit einige Wartungsarbeiten durch und entschuldigen uns für die Unannehmlichkeiten. Wir sind bald wieder online!</p>
+ </div>
+ </article>
+ </body>
+</html>
diff --git a/tasks/install.yml b/tasks/install.yml
index 66be393895588e6978a814a9a99cecea96c2541c..5cb28330e50b1868e62e2e8806b19f2185c5f490 100644
--- a/tasks/install.yml
+++ b/tasks/install.yml
@@ -53,3 +53,16 @@
owner: root
group: root
mode: 0755
+
+- name: Install error response files
+ copy:
+ src: '{{ item }}.http'
+ dest: /etc/haproxy/errors/{{ item }}.http
+ owner: root
+ group: root
+ mode: 0644
+ with_items:
+ - '500'
+ - '502'
+ - '503'
+ - '504'