diff --git a/frontend/src/components/Auth/AuthNavbar.vue b/frontend/src/components/Auth/AuthNavbar.vue
index 1a1458d79..1157e7162 100644
--- a/frontend/src/components/Auth/AuthNavbar.vue
+++ b/frontend/src/components/Auth/AuthNavbar.vue
@@ -1,7 +1,28 @@
 <template>
   <div class="auth-header position-sticky">
     <b-navbar :toggleable="false" class="pr-4">
+    <b-navbar-brand class="d-none d-lg-block">
+        <b-img
+          class="imgLogo position-absolute ml--3 mt-lg--2 mt-3 p-2 zindex1000"
+          :src="logo"
+          width="200"
+          alt="..."
+        />
+        <b-img
+          class="imgLogoBack mt--3 ml--3"
+          src="/img/template/gradido_background_header.png"
+          width="230"
+          alt="start background image"
+        ></b-img>
+      </b-navbar-brand>
       <b-img class="sheet-img position-absolute d-block d-lg-none zindex1000" :src="sheet"></b-img>
+      <b-collapse id="nav-collapse" is-nav class="ml-5">
+        <b-navbar-nav class="ml-auto d-none d-lg-flex" right>
+          <b-nav-item to="/register" class="authNavbar ml-lg-5">{{ $t('signup') }}</b-nav-item>
+          <span class="d-none d-lg-block mt-1">{{ $t('math.pipe') }}</span>
+          <b-nav-item to="/login" class="authNavbar">{{ $t('signin') }}</b-nav-item>
+        </b-navbar-nav>
+      </b-collapse>
     </b-navbar>
   </div>
 </template>
@@ -11,6 +32,7 @@ export default {
   name: 'AuthNavbar',
   data() {
     return {
+      logo: '/img/brand/green.png',
       sheet: '/img/template/Blaetter.png',
     }
   },