diff --git a/hshassets/templates/hshassets/layout/hero.html b/hshassets/templates/hshassets/layout/hero.html
index 1fcdb9a5cc7ddb1367a2190cd901bf1dc0f12766..bbef65ebf64fe1b252d74ec3cb457fb165607019 100644
--- a/hshassets/templates/hshassets/layout/hero.html
+++ b/hshassets/templates/hshassets/layout/hero.html
@@ -3,6 +3,36 @@
 {% load i18n %}
 
 {% block body %}
+
+    <section class="privacy_notification">
+        <div class="stripes"></div>
+        <div class="container">
+            <div class="columns is-mobile">
+                <div class="column">
+                    <div>
+                        <strong>Privacy Notice:</strong>
+                        This website might store some of your <strong>personal data</strong>.
+                        This website uses <strong>cookies</strong>.
+                        <a href="#" class="has-text-info" style="white-space: nowrap;">
+                            <span class="icon"><i class="fa fa-external-link"></i></span>
+                            <strong>Learn more...</strong>
+                        </a>
+                        <!-- Sorry about the annoying notifications :) We are legally obliged to show them. -->
+                    </div>
+                </div>
+                <div class="column is-narrow">
+                    <div>
+                        <a class="accept_cookies button is-info" href="#">
+                            <span class="icon"><i class="fa fa-check-circle"></i></span>
+                            <span>OK</span>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="stripes"></div>
+    </section>
+
     <section class="hero cd-hero">
         {% block hero-head %}
             <div class="hero-head">