diff --git a/private/scss/modules/_header.scss b/private/scss/modules/_header.scss
index 14af82b..9f6154b 100644
--- a/private/scss/modules/_header.scss
+++ b/private/scss/modules/_header.scss
@@ -442,4 +442,5 @@
   color: $white;
   font-weight: 900;
   text-align: center;
+  z-index: 2;
 }
\ No newline at end of file
diff --git a/private/scss/modules/_notification.scss b/private/scss/modules/_notification.scss
index 7bf43e6..76af1e3 100644
--- a/private/scss/modules/_notification.scss
+++ b/private/scss/modules/_notification.scss
@@ -9,7 +9,7 @@
   box-shadow: 0 0 em(30px) rgba($black, 0.2);
   transform: scale(0);
   opacity: 0;
-  transform-origin: 50% 5%;
+  transform-origin: 70% 5%;
   transition: transform 0.3s $easeOutQuad, opacity 0.3s $easeOutQuad;
   &:before {
     content: '';
@@ -18,7 +18,7 @@
     z-index: -2;
     position: absolute;
     top: em(-10px);
-    right: em(122px);
+    right: em(70px);
     width: em(20px);
     height: em(20px);
     transform: rotate(45deg);
@@ -31,10 +31,33 @@
   .cms-toolbar-expanded & {
     margin-top: 46px;
   }
-  @media screen and (max-width: $small_breakpoint) {
-    transform-origin: 58% 5%;
+  @media screen and (max-width: $medium_breakpoint) {
+    top: 50%;
+    right: 50%;
+    transform: translate(50%, -50%) scale(0);
+    transform-origin: 50% 50%;
+    .notification_open & {
+      transform: translate(50%, -50%) scale(1);
+      &:after {
+        opacity: 0.4;
+        transition: opacity 0.15s $easeOutQuad 0.15s;
+      }
+    }
     &:before {
-      right: em(102px);
+      display: none;
+    }
+    &:after {
+      content: '';
+      display: block;
+      background: $black;
+      position: absolute;
+      z-index: -1;
+      top: -100vh;
+      left: -100vw;
+      right: -100vw;
+      bottom: -100vh;
+      opacity: 0;
+      transition: opacity 0.15s $easeOutQuad;
     }
   }
 }
diff --git a/src/project/templates/main.html b/src/project/templates/main.html
index f89ac9f..956181d 100644
--- a/src/project/templates/main.html
+++ b/src/project/templates/main.html
@@ -87,16 +87,6 @@
                 </span>
             </a>
 
-            {% if notification %}
-                <a href="#" class="header__button header__button--notification data_id_1"
-                   data-updated="{{ notification.updated }}">
-                    {% trans 'Aktuell' %}
-                    <span class="header__button__icon">
-                        {% include 'project/assets/bell.svg' %}
-                    </span>
-                </a>
-            {% endif %}
-
             {% url 'search' as search_url %}
             {% with request.get_full_path as current_url %}
                 <a href="{% if search_url in current_url %}/{{ LANGUAGE_CODE }}/{% else %}{{ current_url }}{% endif %}"
diff --git a/src/project/templates/project/assets/bell.svg b/src/project/templates/project/assets/bell.svg
index 38d0879..e5936b6 100644
--- a/src/project/templates/project/assets/bell.svg
+++ b/src/project/templates/project/assets/bell.svg
@@ -1,4 +1,4 @@
-<svg width="35px" height="35px" viewBox="0 0 35 35" version="1.1" xmlns="http://www.w3.org/2000/svg"
+<svg width="25px" height="36px" viewBox="0 0 25 36" version="1.1" xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink">
-    <path d="M26.1088419,26.8285757 L21.4514741,26.8285757 C21.2509751,28.834446 19.558718,30.4 17.4999386,30.4 C15.4411592,30.4 13.7489021,28.834446 13.5484031,26.8285757 L8.89222581,26.8285757 C6.89359454,26.8285757 5.70069754,24.6071268 6.80888894,22.947603 L8.14460849,20.9500828 L8.14460849,17.5000744 C8.14460849,13.2343044 10.5781731,9.81681331 14.4213758,8.62734156 L14.4213758,7.67856824 C14.4213758,5.97768586 15.7990592,4.6 17.4999386,4.6 C19.200818,4.6 20.5785015,5.97768586 20.5785015,7.67856824 L20.5785015,8.63346089 C24.4227407,9.84401727 26.8330929,13.3263888 26.8552687,17.8056098 L26.8552687,20.9500473 L28.1899125,22.9476111 C29.2999616,24.6064378 28.1070455,26.8285757 26.1088419,26.8285757 Z M16.6070722,8.6121088 C17.2325477,8.55979338 17.7405828,8.55630529 18.3927844,8.6121088 L18.3927844,7.67856824 C18.3927844,7.18681287 17.9916837,6.78571216 17.4999283,6.78571216 C17.0081729,6.78571216 16.6070722,7.18681287 16.6070722,7.67856824 L16.6070722,8.6121088 Z M17.4999283,28.2141688 C18.4846295,28.2141688 19.2856404,27.4131578 19.2856404,26.4284566 L15.7142161,26.4284566 C15.7142161,27.4131578 16.5152271,28.2141688 17.4999283,28.2141688 Z M25.2480119,23.9284626 C25.4771147,23.9284894 25.6120893,23.6836468 25.4865315,23.496356 L24.2236401,21.6077511 C24.0468171,21.3430549 23.9526494,21.0322875 23.9526494,20.7142075 L23.9526494,17.7750146 C23.932828,13.76868 21.3399739,11.0713618 17.4999785,11.0713618 C13.7007508,11.0713618 11.0473076,13.7143051 11.0473076,17.4999256 L11.0483538,20.7131361 C11.0483538,21.031216 10.9541914,21.3419621 10.7773631,21.6066796 L9.51447173,23.4952845 C9.3889058,23.68467 9.52388689,23.9284626 9.75303037,23.9284626 L25.2480119,23.9284626 Z"></path>
+    <path d="M14.8166829,23.8705882 C14.7804226,25.1414059 13.7260715,26.1735294 12.4470588,26.1735294 C11.1680462,26.1735294 10.1136951,25.1414059 10.0774347,23.8705882 L5.70882353,23.8705882 L5.70882353,21.5794118 C5.70882353,21.3570236 5.79703954,21.127662 5.93866867,20.9506309 L7.28137095,19.2925759 C7.3966663,19.1311624 7.45588235,18.9588975 7.45588235,18.7735294 L7.45589759,15.3348219 C7.42892489,13.1500327 8.85170372,11.2036475 10.95,10.5257424 L10.95,9.35 C10.95,8.52483717 11.6483666,7.82647059 12.4735294,7.82647059 C13.3072706,7.82647059 13.9970588,8.50680963 13.9970588,9.35 L13.9970588,10.5510262 C16.0659773,11.2036066 17.4911765,13.1460089 17.4911765,15.3323529 L17.4911765,18.7735294 C17.4911765,18.9588975 17.5503925,19.1311624 17.6583902,19.2829839 L19.0083902,20.9506309 C19.1265549,21.0983315 19.2188846,21.2983793 19.2911765,21.5794118 L19.2911765,23.8705882 L14.8166829,23.8705882 Z M13.6216834,23.8705882 L11.2724342,23.8705882 C11.3066561,24.4954138 11.8125878,24.9794118 12.4470588,24.9794118 C13.0815298,24.9794118 13.5874615,24.4954138 13.6216834,23.8705882 Z M12.7764706,9.35 C12.7764706,9.16928048 12.6277783,9.02058824 12.4470588,9.02058824 C12.2663393,9.02058824 12.1176471,9.16928048 12.1176471,9.35 L12.1176471,9.55 L12.0911765,9.55 L12.0911765,10.3167183 C12.3215364,10.2963884 12.5461107,10.2963884 12.7764706,10.3167171 L12.7764706,9.35 Z M18.0441176,21.6502167 L16.7404734,20.0398016 C16.4489858,19.6900165 16.2970588,19.2494282 16.2970588,18.7735294 L16.2970588,15.3323529 C16.2970588,13.1928099 14.5866019,11.4823529 12.4470588,11.4823529 C10.31684,11.4823529 8.59705882,13.209916 8.59705882,15.3323529 L8.59705882,18.7735294 C8.59705882,19.2494282 8.44513183,19.6900165 8.15544897,20.0376044 L6.85,21.6502178 L6.85,22.65 L18.0441176,22.65 L18.0441176,21.6502167 Z"></path>
 </svg>
\ No newline at end of file
diff --git a/src/project/templates/project/includes/meta_navigation.html b/src/project/templates/project/includes/meta_navigation.html
index e842abb..af57ed9 100644
--- a/src/project/templates/project/includes/meta_navigation.html
+++ b/src/project/templates/project/includes/meta_navigation.html
@@ -41,4 +41,14 @@
         </span>
         {% trans 'Standort & Kontakt' %}
     </a>
+{% endif %}
+{% if notification %}
+    <a href="#"
+       class="header__button header__button--notification header__button--reverse header__button--light data_id_4">
+        <span class="header__button__icon">
+            <span class="header__button__icon__number">1</span>
+            {% include 'project/assets/bell.svg' %}
+        </span>
+        {% trans 'Atkuell' %}
+    </a>
 {% endif %}
\ No newline at end of file