diff --git a/docusaurus.config.js b/docusaurus.config.js
index 0f9333fd..989944b5 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -74,12 +74,6 @@ const config = {
             position: 'left',
             label: 'Help Center',
           },
-          {
-            type: 'doc',
-            docId: 'api/index',
-            position: 'left',
-            label: 'API',
-          },
           {
             to: 'https://famedly.com/',
             label: 'Website',
@@ -96,6 +90,10 @@ const config = {
           },
         ],
       },
+      announcementBar: {
+        id: 'announcementBar',
+        content: 'Das Famedly Help Cencer ist umgezogen / The Famedly Help Center has moved: <a href="https://docs.famedly.com">https://docs.famedly.com</a>.',
+      },
       footer: {
         copyright: `Copyright © ${new Date().getFullYear()} Famedly GmbH`,
       },
diff --git a/src/css/custom.css b/src/css/custom.css
index 3d3a99ee..34783841 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -409,3 +409,12 @@
 ol ol, ul ol, ol {
   list-style-type: decimal;
 }
+
+div[role='banner'] {
+  background-color: #FFC700;
+  height: 32px;
+}
+div[role='banner'] > div {
+  font-size: 16px;
+  line-height: 24px;
+}