diff --git a/docu/Concepts/TechnicalRequirements/BusinessEventProtocol.md b/docu/Concepts/TechnicalRequirements/BusinessEventProtocol.md
new file mode 100644
index 000000000..5a436d057
--- /dev/null
+++ b/docu/Concepts/TechnicalRequirements/BusinessEventProtocol.md
@@ -0,0 +1,81 @@
+# Business Event Protocol
+
+With the business event protocol the gradido application will capture and persist business information for future reports and statistics. The idea is to design and implement general functionality to capture and store business events. Each business event will be defined as a separate event type with its own business attributes. Each event type extends a basic event type to ensure a type safetiness with its mandatory and optional attributes.
+
+## EventType - Enum
+
+The different event types will be defined as Enum. The following list is a first draft and will grow with further event types in the future.
+
+| EventType                   | Value | Description                                                                                          |
+| --------------------------- | ----- | ---------------------------------------------------------------------------------------------------- |
+| BasicEvent                  | 0     | the basic event is the root of all further extending event types                                     |
+| VisitGradidoEvent           | 10    | if a user visits a gradido page without login or register                                            |
+| RegisterEvent               | 20    | the user presses the register button                                                                 |
+| RedeemRegisterEvent         | 21    | the user presses the register button initiated by the redeem link                                    |
+| InActiveAccountEvent        | 22    | the systems create an inactive account during the register process                                   |
+| SendConfirmEmailEvent       | 23    | the system send a confirmation email to the user during the register process                         |
+| ConfirmEmailEvent           | 24    | the user confirms his email during the register process                                              |
+| RegisterEmailKlickTippEvent | 25    | the system registers the confirmed email at klicktipp                                                |
+| LoginEvent                  | 30    | the user presses the login button                                                                    |
+| RedeemLoginEvent            | 31    | the user presses the login button initiated by the redeem link                                       |
+| ActivateAccountEvent        | 32    | the system activates the users account during the first login process                                |
+| PasswordChangeEvent         | 33    | the user changes his password                                                                        |
+| TxSendEvent                 | 40    | the user creates a transaction and sends it online                                                   |
+| TxSendRedeemEvent           | 41    | the user creates a transaction and sends it per redeem link                                          |
+| TxRepeateRedeemEvent        | 42    | the user recreates a redeem link of a still open transaction                                         |
+| TxCreationEvent             | 50    | the user receives a creation transaction for his confirmed contribution                              |
+| TxReceiveEvent              | 51    | the user receives a transaction from an other user and posts the amount on his account               |
+| TxReceiveRedeemEvent        | 52    | the user activates the redeem link and receives the transaction and posts the amount on his account  |
+| ContribCreateEvent          | 60    | the user enters his contribution and asks for confirmation                                           |
+| ContribConfirmEvent         | 61    | the user confirms a contribution of an other user (for future multi confirmation from several users) |
+|                             |       |                                                                                                      |
+
+## EventProtocol - Entity
+
+The business events will be stored in database in the new table `EventProtocol`. The tabel will have the following attributes:
+
+| Attribute     | Type      | Description                                                                                      |
+| ------------- | --------- | ------------------------------------------------------------------------------------------------ |
+| id            | int       | technical unique key (from db sequence)                                                          |
+| type          | enum      | type of event                                                                                    |
+| createdAt     | timestamp | timestamp the event occurs (not the time of writing)                                             |
+| userID        | string    | the user ID, who invokes the event                                                               |
+| XuserID       | string    | the cross user ID, who is involved in the process like a tx-sender, contrib-receiver, ...        |
+| XcommunityID  | string    | the cross community ID, which is involved in the process like a tx-sender, contrib-receiver, ... |
+| transactionID | int       | the technical key of the transaction, which triggers the event                                   |
+| contribID     | int       | the technical key of the contribution, which triggers the event                                  |
+| amount        | digital   | the amount of gradido transferred by transaction, creation or redeem                             |
+
+## Event Types
+
+The following table lists for each event type the mandatory attributes, which have to be initialized at event occurence and to be written in the database event protocol table:
+
+| EventType                   | id | type | createdAt | userID | XuserID | XCommunityID | transactionID | contribID | amount |
+| :-------------------------- | :-: | :--: | :-------: | :----: | :-----: | :----------: | :-----------: | :-------: | :----: |
+| BasicEvent                  | x |  x  |     x     |       |         |             |               |           |       |
+| VisitGradidoEvent           | x |  x  |     x     |       |         |             |               |           |       |
+| RegisterEvent               | x |  x  |     x     |   x   |         |             |               |           |       |
+| RedeemRegisterEvent         | x |  x  |     x     |   x   |         |             |               |           |       |
+| InActiveAccountEvent        | x |  x  |     x     |   x   |         |             |               |           |       |
+| SendConfirmEmailEvent       | x |  x  |     x     |   x   |         |             |               |           |       |
+| ConfirmEmailEvent           | x |  x  |     x     |   x   |         |             |               |           |       |
+| RegisterEmailKlickTippEvent | x |  x  |     x     |   x   |         |             |               |           |       |
+| LoginEvent                  | x |  x  |     x     |   x   |         |             |               |           |       |
+| RedeemLoginEvent            | x |  x  |     x     |   x   |         |             |               |           |       |
+| ActivateAccountEvent        | x |  x  |     x     |   x   |         |             |               |           |       |
+| PasswordChangeEvent         | x |  x  |     x     |   x   |         |             |               |           |       |
+| TxSendEvent                 | x |  x  |     x     |   x   |    x    |      x      |       x       |           |   x   |
+| TxSendRedeemEvent           | x |  x  |     x     |   x   |    x    |      x      |       x       |           |   x   |
+| TxRepeateRedeemEvent        | x |  x  |     x     |   x   |    x    |      x      |       x       |           |   x   |
+| TxCreationEvent             | x |  x  |     x     |   x   |         |             |       x       |           |   x   |
+| TxReceiveEvent              | x |  x  |     x     |   x   |    x    |      x      |       x       |           |   x   |
+| TxReceiveRedeemEvent        | x |  x  |     x     |   x   |    x    |      x      |       x       |           |   x   |
+| ContribCreateEvent          | x |  x  |     x     |   x   |         |             |               |     x     |       |
+| ContribConfirmEvent         | x |  x  |     x     |   x   |    x    |      x      |               |     x     |       |
+|                             |   |     |           |       |         |             |               |           |       |
+
+## Event creation
+
+The business logic needs a *general event creation* service/methode, which accepts as input one of the predefined event type objects. An event object have to be initialized with its mandatory attributes before it can be given as input parameters for event creation. The service maps the event object attributes to the database entity and writes a new entry in the `EventProtocol `table.
+
+At each specific location of the gradido business logic an event creation invocation has to be introduced manually, which matches the corresponding event type - see [EventType-Enum](#EventType-Enum) above.
diff --git a/frontend/.eslintrc.js b/frontend/.eslintrc.js
index 4e45ede62..5127fc1cc 100644
--- a/frontend/.eslintrc.js
+++ b/frontend/.eslintrc.js
@@ -50,6 +50,7 @@ module.exports = {
           '/time./',
           '/decay.types./',
           'settings.password.resend_subtitle',
+          'settings.password.reset',
           'settings.password.reset-password.text',
           'settings.password.set',
           'settings.password.set-password.text',
diff --git a/frontend/package.json b/frontend/package.json
index 9d70ace58..68c4aca84 100755
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -45,7 +45,6 @@
     "jest": "^26.6.3",
     "jest-canvas-mock": "^2.3.1",
     "jest-environment-jsdom-sixteen": "^2.0.0",
-    "particles-bg-vue": "1.2.3",
     "portal-vue": "^2.1.7",
     "prettier": "^2.2.1",
     "qrcanvas-vue": "2.1.1",
diff --git a/frontend/public/img/template/Blaetter.png b/frontend/public/img/template/Blaetter.png
index af11b67f2..f54dde670 100644
Binary files a/frontend/public/img/template/Blaetter.png and b/frontend/public/img/template/Blaetter.png differ
diff --git a/frontend/public/img/template/Foto_01_2400_small.jpg b/frontend/public/img/template/Foto_01_2400_small.jpg
new file mode 100644
index 000000000..90b24d99a
Binary files /dev/null and b/frontend/public/img/template/Foto_01_2400_small.jpg differ
diff --git a/frontend/public/img/template/Foto_02_2400_small.jpg b/frontend/public/img/template/Foto_02_2400_small.jpg
new file mode 100644
index 000000000..48489347f
Binary files /dev/null and b/frontend/public/img/template/Foto_02_2400_small.jpg differ
diff --git a/frontend/public/img/template/Foto_03_2400_small.jpg b/frontend/public/img/template/Foto_03_2400_small.jpg
new file mode 100644
index 000000000..b6f6829c7
Binary files /dev/null and b/frontend/public/img/template/Foto_03_2400_small.jpg differ
diff --git a/frontend/public/img/template/Foto_04_2400_small.jpg b/frontend/public/img/template/Foto_04_2400_small.jpg
new file mode 100644
index 000000000..958824ddc
Binary files /dev/null and b/frontend/public/img/template/Foto_04_2400_small.jpg differ
diff --git a/frontend/src/App.spec.js b/frontend/src/App.spec.js
new file mode 100644
index 000000000..79467e2a8
--- /dev/null
+++ b/frontend/src/App.spec.js
@@ -0,0 +1,61 @@
+import { mount, RouterLinkStub } from '@vue/test-utils'
+import App from './App'
+
+const localVue = global.localVue
+const mockStoreCommit = jest.fn()
+
+const stubs = {
+  RouterLink: RouterLinkStub,
+  RouterView: true,
+}
+
+describe('App', () => {
+  const mocks = {
+    $i18n: {
+      locale: 'en',
+    },
+    $t: jest.fn((t) => t),
+    $store: {
+      commit: mockStoreCommit,
+      state: {
+        token: null,
+      },
+    },
+    $route: {
+      meta: {
+        requiresAuth: false,
+      },
+    },
+  }
+
+  let wrapper
+
+  const Wrapper = () => {
+    return mount(App, { localVue, mocks, stubs })
+  }
+
+  describe('mount', () => {
+    beforeEach(() => {
+      wrapper = Wrapper()
+    })
+
+    it('renders the App', () => {
+      expect(wrapper.find('#app').exists()).toBe(true)
+    })
+
+    it('has a component AuthLayout', () => {
+      expect(wrapper.findComponent({ name: 'AuthLayout' }).exists()).toBe(true)
+    })
+
+    describe('route requires authorization', () => {
+      beforeEach(() => {
+        mocks.$route.meta.requiresAuth = true
+        wrapper = Wrapper()
+      })
+
+      it('has a component DashboardLayout', () => {
+        expect(wrapper.findComponent({ name: 'DashboardLayout' }).exists()).toBe(true)
+      })
+    })
+  })
+})
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index d7945ec69..b7d4d1154 100755
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,47 +1,49 @@
 <template>
-  <div id="app" class="font-sans text-gray-800">
-    <div>
-      <particles-bg v-if="$store.state.coinanimation" type="custom" :config="config" :bg="true" />
-      <component :is="$route.meta.requiresAuth ? 'DashboardLayout' : 'AuthLayoutGDD'" />
-    </div>
+  <div id="app" class="h-100">
+    <component :is="$route.meta.requiresAuth ? 'DashboardLayout' : 'AuthLayout'" />
+    <div class="goldrand position-fixed w-100 fixed-bottom zindex1000"></div>
   </div>
 </template>
 
 <script>
-import { ParticlesBg } from 'particles-bg-vue'
-import icon from './icon.js'
-import DashboardLayout from '@/layouts/DashboardLayout_gdd.vue'
-import AuthLayoutGDD from '@/layouts/AuthLayout_gdd.vue'
+import DashboardLayout from '@/layouts/DashboardLayout.vue'
+import AuthLayout from '@/layouts/AuthLayout.vue'
 
 export default {
-  name: 'app',
+  name: 'App',
   components: {
-    ParticlesBg,
     DashboardLayout,
-    AuthLayoutGDD,
-  },
-  data() {
-    return {
-      config: {
-        num: [1, 7],
-        rps: 15,
-        radius: [5, 50],
-        life: [6.5, 15],
-        v: [1, 1],
-        tha: [-40, 40],
-        body: icon,
-        alpha: [0.6, 0],
-        scale: [0.1, 0.4],
-        position: 'all',
-        cross: 'dead',
-        random: 2,
-      },
-    }
+    AuthLayout,
   },
 }
 </script>
+
 <style>
-.pointer {
-  cursor: pointer;
+@font-face {
+  font-family: 'WorkSans', sans-serif !important;
+  src: url(./assets/scss/fonts/WorkSans-VariableFont_wght.ttf) format('truetype');
+}
+#app {
+  min-width: 360px;
+  font-size: 1rem;
+  font-family: 'WorkSans', sans-serif !important;
+}
+
+@media screen and (max-width: 500px) {
+  #app {
+    font-size: 0.85rem;
+  }
+}
+
+.goldrand {
+  background: linear-gradient(
+    90deg,
+    rgba(197, 141, 56, 1) 6%,
+    rgba(243, 205, 124, 1) 30%,
+    rgba(219, 176, 86, 1) 54%,
+    rgba(238, 192, 95, 1) 63%,
+    rgba(204, 157, 61, 1) 88%
+  );
+  height: 13px;
 }
 </style>
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_body.scss b/frontend/src/assets/scss/custom/gradido-custom/_body.scss
index df8f91f5b..b45b24b18 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_body.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_body.scss
@@ -1,4 +1,4 @@
 // Body
 
-$body-bg: #f8f9fe !default;
+$body-bg: #fff !default;
 $body-color: $gray-700 !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_custom-forms.scss b/frontend/src/assets/scss/custom/gradido-custom/_custom-forms.scss
index 4fa437b38..0d9fb946e 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_custom-forms.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_custom-forms.scss
@@ -16,7 +16,9 @@ $custom-control-indicator-active-bg: $component-active-bg !default;
 $custom-control-indicator-active-border-color: $component-active-border-color !default;
 $custom-control-indicator-active-box-shadow: $custom-control-indicator-box-shadow !default;
 $custom-control-indicator-checked-color: $component-active-color !default;
-$custom-control-indicator-checked-bg: $component-active-bg !default;
+
+// $custom-control-indicator-checked-bg: $component-active-bg !default;
+$custom-control-indicator-checked-bg: #047006 !default;
 $custom-control-indicator-checked-border-color: $component-active-border-color !default;
 $custom-control-indicator-checked-box-shadow: $custom-control-indicator-box-shadow !default;
 
@@ -24,6 +26,8 @@ $custom-control-indicator-checked-box-shadow: $custom-control-indicator-box-shad
 $custom-control-indicator-checked-disabled-bg: theme-color("primary") !default;
 $custom-control-indicator-disabled-bg: $gray-200 !default;
 $custom-control-label-disabled-color: $gray-600 !default;
-$custom-checkbox-indicator-border-radius: $border-radius-sm !default;
+
+// $custom-checkbox-indicator-border-radius: $border-radius-sm !default;
+$custom-checkbox-indicator-border-radius: 50px !default;
 
 // $custom-checkbox-indicator-icon-checked:        str-replace(url("data:image/svg+xml !default;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_grid-breakpoint.scss b/frontend/src/assets/scss/custom/gradido-custom/_grid-breakpoint.scss
index af4296cf6..b6dc059fb 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_grid-breakpoint.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_grid-breakpoint.scss
@@ -4,7 +4,7 @@ $grid-breakpoints: (
   xs: 0,
   sm: 576px,
   md: 768px,
-  lg: 992px,
+  lg: 1025px,
   xl: 1200px
 );
 
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_sections.scss b/frontend/src/assets/scss/custom/gradido-custom/_sections.scss
index df8f91f5b..f696cc4cd 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_sections.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_sections.scss
@@ -1,4 +1,13 @@
-// Body
+// Sections
 
-$body-bg: #f8f9fe !default;
-$body-color: $gray-700 !default;
+// $section-colors: () !default;
+// $section-colors: map-merge(
+//   (
+//     "primary":      $body-bg,
+//     "secondary":    $secondary,
+//     "light":        $gray-400,
+//     "dark":         $dark,
+//     "darker":       $darker
+//   ),
+//   $section-colors
+// );
diff --git a/frontend/src/assets/scss/fonts/WorkSans-VariableFont_wght.ttf b/frontend/src/assets/scss/fonts/WorkSans-VariableFont_wght.ttf
new file mode 100644
index 000000000..09829a516
Binary files /dev/null and b/frontend/src/assets/scss/fonts/WorkSans-VariableFont_wght.ttf differ
diff --git a/frontend/src/assets/scss/gradido-template.scss b/frontend/src/assets/scss/gradido-template.scss
new file mode 100644
index 000000000..97118ca2b
--- /dev/null
+++ b/frontend/src/assets/scss/gradido-template.scss
@@ -0,0 +1,183 @@
+html,
+body {
+  height: 100%;
+}
+
+.pointer {
+  cursor: pointer;
+}
+
+.c-grey {
+  color: #383838 !important;
+}
+
+.c-blau {
+  color: #0e79bc !important;
+}
+
+/* Navbar  */
+a,
+.navbar-light .navbar-nav .nav-link {
+  color: #047006;
+}
+
+.navbar-light .navbar-nav .nav-link.active {
+  color: rgb(35 121 188 / 90%);
+}
+
+.text-gradido {
+  color: rgb(249 205 105 / 100%);
+}
+
+.gradient-gradido {
+  background-image: linear-gradient(146deg, rgb(220 167 44) 50%, rgb(197 141 56 / 100%) 100%);
+}
+
+/* Button */
+.btn {
+  border-radius: 25px;
+  padding-right: 50px;
+  padding-left: 50px;
+}
+
+.btn-gradido {
+  background-image: linear-gradient(146deg, rgb(220 167 44) 50%, rgb(197 141 56 / 100%) 100%);
+  background-size: auto;
+  background-position: 0% 0%;
+  background-repeat: repeat;
+  border-style: none;
+  box-shadow: 10px 10px 50px 10px rgb(56 56 56 / 31%);
+  color: #fff;
+}
+
+.btn-gradido:hover {
+  color: #212529;
+}
+
+.btn-gradido:focus {
+  outline: none;
+}
+
+.btn-outline-gradido {
+  color: rgb(140 121 88);
+  border: 1px solid #f5b805;
+}
+
+.form-control,
+.custom-select {
+  border-radius: 17px;
+  height: 50px;
+}
+
+.rounded-right {
+  border-top-right-radius: 17px !important;
+  border-bottom-right-radius: 17px !important;
+}
+
+.alert-success {
+  background-color: #d4edda;
+  border-color: #c3e6cb;
+  color: #155724;
+}
+
+.alert-danger {
+  color: #721c24;
+  background-color: #f8d7da;
+  border-color: #f5c6cb;
+}
+
+.b-toast-danger .toast .toast-header {
+  color: #721c24;
+  background-color: rgb(248 215 218 / 85%);
+  border-bottom-color: rgb(245 198 203 / 85%);
+}
+
+.b-toast-danger .toast .toast-body {
+  background-color: rgb(252 237 238 / 85%);
+  border-color: rgb(245 198 203 / 85%);
+  color: #721c24;
+}
+
+.b-toast-success .toast .toast-header {
+  color: #155724;
+  background-color: rgb(212 237 218 / 58%);
+  border-bottom-color: rgb(195 230 203 / 85%);
+}
+
+.b-toast-success .toast .toast-body {
+  color: #155724;
+  background-color: rgb(212 237 218 / 85%);
+  border-bottom-color: rgb(195 230 203 / 85%);
+}
+
+// .btn-primary pim {
+.btn-primary {
+  background-color: #5a7b02;
+  border-color: #5e72e4;
+}
+
+.gradido-font-large {
+  font-size: large;
+  height: auto !important;
+}
+
+.font2em {
+  font-size: 1.5em;
+}
+
+.zindex10 {
+  z-index: 10;
+}
+
+.zindex100 {
+  z-index: 100;
+}
+
+.zindex1000 {
+  z-index: 1000;
+}
+
+.zindex10000 {
+  z-index: 10000;
+}
+
+.zindex100000 {
+  z-index: 100000;
+}
+
+.gradido-global-color-blue {
+  color: #0e79bc;
+}
+
+.gradido-global-color-accent {
+  color: #047006;
+}
+
+.gradido-global-color-gray {
+  color: #858383;
+}
+
+.gradido-custom-background {
+  background-color: #ebebeba3 !important;
+  border-radius: 25pt;
+}
+
+.gradido-width-300 {
+  width: 300px;
+}
+
+.gradido-width-96 {
+  width: 96%;
+}
+
+.gradido-no-border-radius {
+  border-radius: 0;
+}
+
+.gradido-no-border {
+  border: 0;
+}
+
+.gradido-font-15rem {
+  font-size: 1.5rem;
+}
diff --git a/frontend/src/assets/scss/gradido.scss b/frontend/src/assets/scss/gradido.scss
index 68577d0b5..7366eb466 100644
--- a/frontend/src/assets/scss/gradido.scss
+++ b/frontend/src/assets/scss/gradido.scss
@@ -51,165 +51,4 @@
 
 // Bootstrap-vue (2.21.1) scss
 @import "~bootstrap-vue/src/index";
-
-.alert-success {
-  color: #155724;
-  background-color: #d4edda;
-  border-color: #c3e6cb;
-}
-
-.alert-danger {
-  color: #721c24;
-  background-color: #f8d7da;
-  border-color: #f5c6cb;
-}
-
-.b-toast-danger .toast .toast-header {
-  color: #721c24;
-  background-color: rgb(248 215 218 / 85%);
-  border-bottom-color: rgb(245 198 203 / 85%);
-}
-
-.b-toast-danger .toast .toast-body {
-  background-color: rgb(252 237 238 / 85%);
-  border-color: rgb(245 198 203 / 85%);
-  color: #721c24;
-}
-
-.b-toast-success .toast .toast-header {
-  color: #155724;
-  background-color: rgb(212 237 218 / 58%);
-  border-bottom-color: rgb(195 230 203 / 85%);
-}
-
-.b-toast-success .toast .toast-body {
-  color: #155724;
-  background-color: rgb(212 237 218 / 85%);
-  border-bottom-color: rgb(195 230 203 / 85%);
-}
-
-// .btn-primary pim {
-.btn-primary {
-  background-color: #5a7b02;
-  border-color: #5e72e4;
-}
-
-.gradido-font-large {
-  font-size: large;
-  height: auto !important;
-}
-
-a,
-.copyright {
-  color: #5a7b02;
-}
-
-.font12em {
-  font-size: 1.2em;
-}
-
-.font2em {
-  font-size: 1.5em;
-}
-
-.gradido-global-color-text {
-  color: #3d443b;
-}
-
-.gradido-global-color-accent {
-  color: #047006;
-}
-
-.gradido-global-color-6e0a9c9e {
-  color: #000;
-}
-
-.gradido-global-color-2d0fb154 {
-  color: #047006;
-}
-
-.gradido-global-color-16efe88c {
-  color: #7ebc55;
-}
-
-.gradido-global-color-1939326 {
-  color: #f6fff6;
-}
-
-.gradido-global-color-9d79fc1 {
-  color: #047006;
-}
-
-.gradido-global-color-6347f4d {
-  color: #5a7b02;
-}
-
-.gradido-global-color-4fbc19a {
-  color: #014034;
-}
-
-.gradido-global-color-d341874 {
-  color: #b6d939;
-}
-
-.gradido-global-color-619d338 {
-  color: #8ebfb1;
-}
-
-.gradido-global-color-44819a9 {
-  color: #026873;
-}
-
-.gradido-global-color-gray {
-  color: #858383;
-}
-
-.gradido-custom-background {
-  background-color: #ebebeba3 !important;
-}
-
-.gradido-shadow-inset {
-  box-shadow: inset 0.3em rgba(241 187 187 / 100%);
-}
-
-.gradido-max-width {
-  width: 100%;
-}
-
-.gradido-width-300 {
-  width: 300px;
-}
-
-.gradido-absolute {
-  position: absolute;
-}
-
-.gradido-width-95-absolute {
-  width: 95%;
-  position: absolute;
-}
-
-.gradido-width-96-absolute {
-  width: 96%;
-  position: absolute;
-}
-
-.gradido-no-border-radius {
-  border-radius: 0;
-}
-
-.gradido-no-border {
-  border: 0;
-}
-
-.gradido-background-f1 {
-  background-color: #f1f1f1;
-}
-
-.gradido-background-white {
-  background-color: #fff;
-}
-
-.gradido-font-15rem {
-  font-size: 1.5rem;
-}
+@import "gradido-template";
diff --git a/frontend/src/components/Auth/Carousel.vue b/frontend/src/components/Auth/Carousel.vue
new file mode 100644
index 000000000..d46352c59
--- /dev/null
+++ b/frontend/src/components/Auth/Carousel.vue
@@ -0,0 +1,29 @@
+<template>
+  <div>
+    <b-carousel :interval="3000">
+      <b-carousel-slide img-src="/img/template/Foto_01_2400_small.jpg"></b-carousel-slide>
+      <b-carousel-slide img-src="/img/template/Foto_02_2400_small.jpg"></b-carousel-slide>
+      <b-carousel-slide img-src="/img/template/Foto_03_2400_small.jpg"></b-carousel-slide>
+      <b-carousel-slide img-src="/img/template/Foto_04_2400_small.jpg"></b-carousel-slide>
+    </b-carousel>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AuthCarousel',
+}
+</script>
+
+<style>
+.carousel {
+  position: relative;
+  height: 110%;
+  top: -16px;
+}
+
+.carousel-inner {
+  height: 100%;
+  border-radius: 0% 49% 49% 0% / 0% 51% 49% 0%;
+}
+</style>
diff --git a/frontend/src/components/Auth/Footer.vue b/frontend/src/components/Auth/Footer.vue
new file mode 100644
index 000000000..02268f4f6
--- /dev/null
+++ b/frontend/src/components/Auth/Footer.vue
@@ -0,0 +1,53 @@
+<template>
+  <footer class="footer bg-transparent">
+    <b-row class="mt-lg-7 mt-md-6 mt-4">
+      <b-col class="col-12 col-md-12 col-lg-6">
+        <div
+          class="d-flex justify-content-center justify-content-md-center justify-content-lg-start ml-3"
+        >
+          <b-nav class="nav-footer">
+            <b-nav-item :href="`https://gradido.net/${$i18n.locale}/impressum/`" target="_blank">
+              {{ $t('footer.imprint') }}
+            </b-nav-item>
+            <b-nav-item :href="`https://gradido.net/${$i18n.locale}/datenschutz/`" target="_blank">
+              {{ $t('footer.privacy_policy') }}
+            </b-nav-item>
+          </b-nav>
+        </div>
+      </b-col>
+      <b-col class="col-12 col-md-12 col-lg-6 mt-4 mb-4 mt-lg-0 mb-lg-0">
+        <div class="text-center ml-3 ml-lg-0 text-lg-right">
+          {{ $t('followUs') }}
+          <b-icon-facebook class="ml-3 mr-3" font-scale="1"></b-icon-facebook>
+          <b-icon-twitter class="mr-3" font-scale="1"></b-icon-twitter>
+          <b-icon-youtube class="mr-3" font-scale="1"></b-icon-youtube>
+
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="16"
+            height="16"
+            fill="currentColor"
+            class="bi bi-telegram"
+            viewBox="0 0 16 16"
+          >
+            <path
+              d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z"
+            />
+          </svg>
+        </div>
+      </b-col>
+    </b-row>
+  </footer>
+</template>
+
+<script>
+export default {
+  name: 'AuthFooter',
+}
+</script>
+
+<style>
+.bi-telegram {
+  margin-top: -5px;
+}
+</style>
diff --git a/frontend/src/components/Auth/MobileStart.vue b/frontend/src/components/Auth/MobileStart.vue
new file mode 100644
index 000000000..b6bfcbc2d
--- /dev/null
+++ b/frontend/src/components/Auth/MobileStart.vue
@@ -0,0 +1,124 @@
+<template>
+  <div
+    class="mobil-start-box position-fixed h-100 d-inline d-sm-inline d-md-inline d-lg-none zindex1000"
+  >
+    <div class="position-absolute h1 text-white zindex1000 w-100 text-center mt-8">
+      {{ $t('auth.left.gratitude') }}
+    </div>
+    <div class="position-absolute h2 text-white zindex1000 w-100 text-center mt-9">
+      {{ $t('auth.left.newCurrency') }}
+    </div>
+    <img
+      src="img/template/Blaetter.png"
+      class="sheet-img position-absolute d-block d-lg-none zindex1000"
+    />
+    <b-img
+      id="img0"
+      class="position-absolute zindex1000"
+      src="img/template/logo-header.png"
+      alt="start background image"
+    ></b-img>
+    <b-img
+      fluid
+      id="img1"
+      class="position-absolute h-100 w-100 overflow-hidden zindex100"
+      src="img/template/gold_03.png"
+      alt="start background image"
+    ></b-img>
+    <b-img
+      id="img2"
+      class="position-absolute zindex100"
+      src="img/template/gradido_background_header.png"
+      alt="start background image"
+    ></b-img>
+    <b-img
+      id="img3"
+      class="position-relative zindex10"
+      src="img/template/Foto_01.jpg"
+      alt="start background image"
+    ></b-img>
+    <div class="mobil-start-box-text position-fixed w-100 text-center zindex1000">
+      <b-button variant="gradido" to="/register" @click="$emit('is-mobile-start', false)">
+        {{ $t('signup') }}
+      </b-button>
+      <div class="mt-3 h3 text-white">
+        {{ $t('auth.left.hasAccount') }}
+        <b-link
+          to="/login"
+          class="text-gradido gradido-global-color-blue"
+          @click="$emit('is-mobile-start', false)"
+        >
+          {{ $t('auth.left.hereLogin') }}
+        </b-link>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AuthMobileStart',
+}
+</script>
+
+<style>
+.mobil-start-box-text {
+  bottom: 65px;
+}
+
+/* logo */
+.mobil-start-box #img0 {
+  width: 200px;
+}
+
+/* background logo */
+.mobil-start-box #img2 {
+  width: 230px;
+}
+
+/* background maske */
+@media screen and (max-width: 1024px) {
+  .mobil-start-box #img3 {
+    width: 100%;
+    top: -100px;
+  }
+}
+
+@media screen and (max-width: 991px) {
+  .mobil-start-box #img3 {
+    width: 100%;
+    top: -148px;
+  }
+}
+
+@media screen and (max-height: 740px) {
+  .mobil-start-box #img3 {
+    width: 115%;
+  }
+}
+
+@media screen and (max-width: 650px) {
+  .mobil-start-box #img3 {
+    width: 115%;
+    top: 66px;
+  }
+}
+
+@media screen and (max-width: 450px) {
+  .mobil-start-box #img3 {
+    width: 160%;
+    left: -71px;
+    top: 35px;
+    min-width: 360px;
+  }
+}
+
+@media screen and (max-width: 310px) {
+  .mobil-start-box #img3 {
+    width: 145%;
+    left: -94px;
+    top: 24px;
+    min-width: 360px;
+  }
+}
+</style>
diff --git a/frontend/src/components/Auth/Navbar.vue b/frontend/src/components/Auth/Navbar.vue
new file mode 100644
index 000000000..ffef864fe
--- /dev/null
+++ b/frontend/src/components/Auth/Navbar.vue
@@ -0,0 +1,73 @@
+<template>
+  <div class="auth-header position-sticky">
+    <b-navbar toggleable="lg" class="pr-4">
+      <b-navbar-brand>
+        <b-img
+          class="imgLogo position-absolute ml--3 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-navbar-toggle target="nav-collapse" class="zindex1000"></b-navbar-toggle>
+
+      <b-collapse id="nav-collapse" is-nav class="mt-5 mt-lg-0">
+        <b-navbar-nav class="ml-auto" right>
+          <b-nav-item href="https://gradido.net/de/" target="_blank">
+            {{ $t('auth.navbar.aboutGradido') }}
+          </b-nav-item>
+          <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>
+
+<script>
+export default {
+  name: 'AuthNavbar',
+  data() {
+    return {
+      logo: 'img/brand/green.png',
+      sheet: 'img/template/Blaetter.png',
+    }
+  },
+}
+</script>
+
+<style lang="scss">
+.authNavbar > .nav-link {
+  color: #383838 !important;
+}
+
+.authNavbar > .router-link-exact-active {
+  color: #0e79bc !important;
+}
+
+.auth-header {
+  font-family: 'Open Sans', sans-serif !important;
+}
+
+.sheet-img {
+  top: -11px;
+  right: 7%;
+  max-width: 64%;
+}
+
+@media screen and (max-width: 450px) {
+  .sheet-img {
+    top: -15px;
+    right: 0%;
+    max-width: 61%;
+  }
+}
+</style>
diff --git a/frontend/src/components/Auth/NavbarSmall.vue b/frontend/src/components/Auth/NavbarSmall.vue
new file mode 100644
index 000000000..1bb06b481
--- /dev/null
+++ b/frontend/src/components/Auth/NavbarSmall.vue
@@ -0,0 +1,17 @@
+<template>
+  <div class="navbar-small">
+    <b-navbar>
+      <b-navbar-nav>
+        <b-nav-item to="/register" class="authNavbar">{{ $t('signup') }}</b-nav-item>
+        <span class="mt-1">{{ $t('math.pipe') }}</span>
+        <b-nav-item to="/login" class="authNavbar">{{ $t('signin') }}</b-nav-item>
+      </b-navbar-nav>
+    </b-navbar>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'NavbarSmall',
+}
+</script>
diff --git a/frontend/src/components/DecayInformations/CollapseLinksList.vue b/frontend/src/components/DecayInformations/CollapseLinksList.vue
index 0c1db5f0a..ce742e66e 100644
--- a/frontend/src/components/DecayInformations/CollapseLinksList.vue
+++ b/frontend/src/components/DecayInformations/CollapseLinksList.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="collapse-links-list">
     <div class="d-flex">
-      <div class="gradido-max-width">
+      <div class="w-100">
         <hr />
         <div>
           <transaction-link
diff --git a/frontend/src/components/GddSend/TransactionForm.spec.js b/frontend/src/components/GddSend/TransactionForm.spec.js
index 0b7245b67..501fb7c37 100644
--- a/frontend/src/components/GddSend/TransactionForm.spec.js
+++ b/frontend/src/components/GddSend/TransactionForm.spec.js
@@ -2,7 +2,7 @@ import { mount } from '@vue/test-utils'
 import TransactionForm from './TransactionForm'
 import flushPromises from 'flush-promises'
 import { SEND_TYPES } from '@/pages/Send.vue'
-import DashboardLayout from '@/layouts/DashboardLayout_gdd.vue'
+import DashboardLayout from '@/layouts/DashboardLayout.vue'
 
 const localVue = global.localVue
 
diff --git a/frontend/src/components/LanguageSwitch2.vue b/frontend/src/components/LanguageSwitch2.vue
new file mode 100644
index 000000000..317935900
--- /dev/null
+++ b/frontend/src/components/LanguageSwitch2.vue
@@ -0,0 +1,75 @@
+<template>
+  <div class="language-switch">
+    <span
+      v-for="(lang, index) in locales"
+      @click.prevent="saveLocale(lang.code)"
+      :key="lang.code"
+      class="pointer pr-3"
+      :class="$store.state.language === lang.code ? 'c-blau' : 'c-grey'"
+    >
+      {{ lang.name }}
+      <span class="ml-3">{{ locales.length - 1 > index ? $t('math.pipe') : '' }}</span>
+    </span>
+  </div>
+</template>
+
+<script>
+import locales from '@/locales/'
+import { updateUserInfos } from '@/graphql/mutations'
+
+export default {
+  name: 'LanguageSwitch',
+  data() {
+    return {
+      locales: locales,
+      currentLanguage: {},
+    }
+  },
+  methods: {
+    setLocale(locale) {
+      this.$store.commit('language', locale)
+      this.currentLanguage = this.getLocaleObject(locale)
+    },
+    async saveLocale(locale) {
+      if (this.$i18n.locale === locale) return
+      this.setLocale(locale)
+      if (this.$store.state.email) {
+        this.$apollo
+          .mutate({
+            mutation: updateUserInfos,
+            variables: {
+              locale: locale,
+            },
+          })
+          .then(() => {
+            // toast success message
+          })
+          .catch(() => {
+            // toast error message
+          })
+      }
+    },
+    getLocaleObject(code) {
+      return this.locales.find((l) => l.code === code)
+    },
+    getNavigatorLanguage() {
+      const lang = navigator.language
+      if (lang) return lang.split('-')[0]
+      return lang
+    },
+    setCurrentLanguage() {
+      let locale = this.$store.state.language || this.getNavigatorLanguage() || 'en'
+      let object = this.getLocaleObject(locale)
+      if (!object) {
+        locale = 'en'
+        object = this.getLocaleObject(locale)
+      }
+      this.setLocale(locale)
+      this.currentLanguage = object
+    },
+  },
+  created() {
+    this.setCurrentLanguage()
+  },
+}
+</script>
diff --git a/frontend/src/components/Menu/Navbar.vue b/frontend/src/components/Menu/Navbar.vue
index f998783f7..2f26f381e 100644
--- a/frontend/src/components/Menu/Navbar.vue
+++ b/frontend/src/components/Menu/Navbar.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="component-navbar gradido-background-white">
+  <div class="component-navbar">
     <b-navbar toggleable="lg" type="light" variant="faded">
       <div class="navbar-brand">
         <b-navbar-nav @click="$emit('set-visible', false)">
diff --git a/frontend/src/components/Transaction.vue b/frontend/src/components/Transaction.vue
index ea651c663..e53e1520c 100644
--- a/frontend/src/components/Transaction.vue
+++ b/frontend/src/components/Transaction.vue
@@ -3,12 +3,12 @@
     <div class="list-group">
       <div class="list-group-item gdt-transaction-list-item" v-b-toggle="collapseId">
         <!-- icon  -->
-        <div class="text-right gradido-absolute">
+        <div class="text-right position-absolute">
           <b-icon :icon="getLinesByType.icon" :class="getLinesByType.iconclasses"></b-icon>
         </div>
 
         <!-- collaps Button  -->
-        <div class="text-right gradido-width-96-absolute">
+        <div class="text-right gradido-width-96 position-absolute">
           <b-icon
             :icon="getCollapseState(id) ? 'caret-up-square' : 'caret-down-square'"
             :class="getCollapseState(id) ? 'text-black' : 'text-muted'"
diff --git a/frontend/src/layouts/AuthLayout.spec.js b/frontend/src/layouts/AuthLayout.spec.js
new file mode 100644
index 000000000..dd2d2cab3
--- /dev/null
+++ b/frontend/src/layouts/AuthLayout.spec.js
@@ -0,0 +1,79 @@
+import { mount, RouterLinkStub } from '@vue/test-utils'
+import AuthLayout from './AuthLayout'
+
+const localVue = global.localVue
+
+describe('AuthLayout', () => {
+  let wrapper
+
+  const mocks = {
+    $i18n: {
+      locale: 'en',
+    },
+    $t: jest.fn((t) => t),
+    $store: {
+      state: {},
+      commit: jest.fn(),
+    },
+    $route: {
+      meta: {
+        requiresAuth: false,
+      },
+    },
+  }
+
+  const stubs = {
+    RouterLink: RouterLinkStub,
+    RouterView: true,
+  }
+
+  const Wrapper = () => {
+    return mount(AuthLayout, { localVue, mocks, stubs })
+  }
+
+  describe('mount', () => {
+    beforeEach(() => {
+      wrapper = Wrapper()
+    })
+    describe('Mobile Version Start', () => {
+      beforeEach(() => {
+        wrapper.vm.mobileStart = true
+      })
+
+      it('has Component AuthMobileStart', () => {
+        expect(wrapper.findComponent({ name: 'AuthMobileStart' }).exists()).toBe(true)
+      })
+    })
+
+    describe('Desktop Version Start', () => {
+      beforeEach(() => {
+        wrapper.vm.mobileStart = false
+      })
+
+      it('has Component AuthNavbar', () => {
+        expect(wrapper.findComponent({ name: 'AuthNavbar' }).exists()).toBe(true)
+      })
+
+      it('has Component AuthCarousel', () => {
+        expect(wrapper.findComponent({ name: 'AuthCarousel' }).exists()).toBe(true)
+      })
+
+      it('has Component AuthFooter', () => {
+        expect(wrapper.findComponent({ name: 'AuthFooter' }).exists()).toBe(true)
+      })
+
+      it('has no sidebar', () => {
+        expect(wrapper.find('nav#sidenav-main').exists()).not.toBeTruthy()
+      })
+
+      it('has LanguageSwitch', () => {
+        expect(wrapper.findComponent({ name: 'LanguageSwitch' }).exists()).toBeTruthy()
+      })
+
+      test('test size in setTextSize ', () => {
+        wrapper.vm.setTextSize('85')
+        expect(wrapper.vm.$refs.pageFontSize.style.fontSize).toBe('85rem')
+      })
+    })
+  })
+})
diff --git a/frontend/src/layouts/AuthLayout.vue b/frontend/src/layouts/AuthLayout.vue
new file mode 100644
index 000000000..1cc4923d1
--- /dev/null
+++ b/frontend/src/layouts/AuthLayout.vue
@@ -0,0 +1,178 @@
+<template>
+  <div class="auth-template">
+    <mobile-start
+      v-if="mobileStart"
+      class="d-inline d-lg-none zindex10000"
+      @is-mobile-start="setMobileStart"
+    />
+    <div class="h-100 align-middle">
+      <navbar class="zindex10" />
+
+      <div class="left-content-box position-fixed d-none d-lg-block">
+        <div class="bg-img-box position-absolute w-100">
+          <carousel class="carousel" />
+        </div>
+        <div class="bg-txt-box position-relative d-none d-lg-block text-center align-self-center">
+          <div class="h0 text-white">{{ $t('auth.left.gratitude') }}</div>
+          <div class="h1 text-white">{{ $t('auth.left.newCurrency') }}</div>
+          <div class="h2 text-white">{{ $t('auth.left.oneAnotherNature') }}</div>
+          <b-button variant="gradido">{{ $t('auth.left.learnMore') }}</b-button>
+        </div>
+      </div>
+      <b-row class="justify-content-md-center">
+        <b-col sm="12" md="8" offset-lg="6" lg="6" class="zindex1000">
+          <div class="right-content-box ml-3 ml-sm-4 mr-3 mr-sm-4">
+            <b-row class="d-none d-md-block d-lg-none">
+              <b-col class="mb--4 d-flex justify-content-end">
+                <navbar-small />
+              </b-col>
+            </b-row>
+            <b-row class="mt-5 pl-2 pl-md-0 pl-lg-0">
+              <b-col cols="9">
+                <div class="h1 mb--2">{{ $t('welcome') }}</div>
+                <div class="h1 mb-0">{{ $t('WelcomeBy', { name: communityName }) }}</div>
+                <div class="mb-0">{{ $t('1000thanks') }}</div>
+              </b-col>
+              <b-col cols="3" class="text-right d-none d-sm-none d-md-inline">
+                <b-avatar src="img/brand/gradido_coin●.png" size="6rem"></b-avatar>
+              </b-col>
+            </b-row>
+            <b-card no-body ref="pageFontSize" class="border-0 mt-4 gradido-custom-background">
+              <b-row class="p-4">
+                <b-col cols="10">
+                  <language-switch class="ml-3" />
+                </b-col>
+                <b-col cols="2" class="text-right">
+                  <div id="popover-target-1" class="pointer">
+                    <b-img src="img/svg/type.svg" width="19" class="svgType"></b-img>
+                  </div>
+                  <b-popover
+                    target="popover-target-1"
+                    triggers="click"
+                    placement="top"
+                    variant="dark"
+                  >
+                    <div class="text-light">
+                      <span class="pointer" @click="setTextSize(0.85)">{{ $t('85') }}</span>
+                      {{ $t('math.pipe') }}
+                      <span class="pointer" @click="setTextSize(1)">{{ $t('100') }}</span>
+                      {{ $t('math.pipe') }}
+                      <span class="pointer" @click="setTextSize(1.25)">{{ $t('125') }}</span>
+                    </div>
+                  </b-popover>
+                </b-col>
+              </b-row>
+              <b-row class="d-inline d-sm-inline d-md-none d-lg-none mb-3">
+                <b-col class="text-center">
+                  <b-avatar src="img/brand/gradido_coin●.png" size="6rem"></b-avatar>
+                  <b-row>
+                    <b-col class="zindex1000 d-flex justify-content-center">
+                      <navbar-small />
+                    </b-col>
+                  </b-row>
+                </b-col>
+              </b-row>
+              <b-card-body class="">
+                <router-view></router-view>
+              </b-card-body>
+            </b-card>
+          </div>
+          <auth-footer v-if="!$route.meta.hideFooter" class="pr-5"></auth-footer>
+        </b-col>
+      </b-row>
+      <!-- <auth-layout-gdd />-->
+    </div>
+  </div>
+</template>
+
+<script>
+import MobileStart from '@/components/Auth/MobileStart.vue'
+import Navbar from '@/components/Auth/Navbar.vue'
+import NavbarSmall from '@/components/Auth/NavbarSmall.vue'
+import Carousel from '@/components/Auth/Carousel.vue'
+import LanguageSwitch from '@/components/LanguageSwitch2'
+import AuthFooter from '@/components/Auth/Footer.vue'
+import CONFIG from '@/config'
+
+export default {
+  name: 'AuthLayout',
+  components: {
+    MobileStart,
+    Navbar,
+    NavbarSmall,
+    Carousel,
+    LanguageSwitch,
+    AuthFooter,
+  },
+  data() {
+    return {
+      mobileStart: true,
+      communityName: CONFIG.COMMUNITY_NAME,
+    }
+  },
+  methods: {
+    setMobileStart(boolean) {
+      this.mobileStart = boolean
+    },
+    setTextSize(size) {
+      this.$refs.pageFontSize.style.fontSize = size + 'rem'
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+/* left  */
+.left-content-box {
+  width: 40%;
+  top: 0px;
+  bottom: 0px;
+}
+
+.bg-img-box {
+  top: 0px;
+  bottom: 0px;
+}
+
+/* right */
+.right-content-box {
+  max-width: 640px;
+}
+.page-font-size {
+  font-size: 1rem;
+}
+.auth-template {
+  overflow-x: hidden;
+}
+
+.bg-txt-box {
+  margin-top: 317px;
+  text-shadow: 2px 2px 8px #000000;
+  max-width: 733px;
+}
+.bg-txt-box > .h0 {
+  font-size: 4em;
+  text-shadow: -2px -2px -8px #e4a907;
+}
+
+.bg-txt-box .h1,
+.bg-txt-box .h2 {
+  font-size: 1.5em;
+  text-shadow: -2px -2px -8px #e4a907;
+}
+
+.bg-img {
+  border-radius: 0% 50% 70% 0% / 50% 70% 70% 50%;
+  overflow: hidden;
+}
+
+.svgType:hover {
+  filter: invert(38%) sepia(18%) saturate(5307%) hue-rotate(179deg) brightness(89%) contrast(89%);
+}
+@media screen and (min-width: 2000px) {
+  .right-content-box {
+    max-width: 60%;
+    font-size: xx-large;
+  }
+}
+</style>
diff --git a/frontend/src/layouts/AuthLayout_gdd.spec.js b/frontend/src/layouts/AuthLayout_gdd.spec.js
deleted file mode 100644
index 691cb3d0e..000000000
--- a/frontend/src/layouts/AuthLayout_gdd.spec.js
+++ /dev/null
@@ -1,67 +0,0 @@
-import { mount } from '@vue/test-utils'
-import AuthLayoutGdd from './AuthLayout_gdd'
-
-const localVue = global.localVue
-
-describe('AuthLayoutGdd', () => {
-  let wrapper
-
-  const mocks = {
-    $i18n: {
-      locale: 'en',
-    },
-    $t: jest.fn((t) => t),
-    $route: {
-      meta: {
-        hideFooter: false,
-      },
-      path: '/',
-    },
-    $store: {
-      state: {},
-      commit: jest.fn(),
-    },
-  }
-
-  const stubs = {
-    // RouterLink: RouterLinkStub,
-    RouterView: true,
-  }
-
-  const Wrapper = () => {
-    return mount(AuthLayoutGdd, { localVue, mocks, stubs })
-  }
-
-  describe('mount', () => {
-    beforeEach(() => {
-      wrapper = Wrapper()
-    })
-
-    it('has no sidebar', () => {
-      expect(wrapper.find('nav#sidenav-main').exists()).not.toBeTruthy()
-    })
-
-    it('has a main content div', () => {
-      expect(wrapper.find('div.main-content').exists()).toBeTruthy()
-    })
-
-    it('has a footer inside the main content', () => {
-      expect(wrapper.find('div.main-content').find('footer.footer').exists()).toBeTruthy()
-    })
-
-    it('has LanguageSwitch', () => {
-      expect(wrapper.findComponent({ name: 'LanguageSwitch' }).exists()).toBeTruthy()
-    })
-
-    describe('check LanguageSwitch on register page', () => {
-      beforeEach(() => {
-        mocks.$route.path = '/register'
-        wrapper = Wrapper()
-      })
-
-      it('has not LanguageSwitch', () => {
-        expect(wrapper.findComponent({ name: 'LanguageSwitch' }).exists()).toBeFalsy()
-      })
-    })
-  })
-})
diff --git a/frontend/src/layouts/AuthLayout_gdd.vue b/frontend/src/layouts/AuthLayout_gdd.vue
deleted file mode 100644
index e87ebe06a..000000000
--- a/frontend/src/layouts/AuthLayout_gdd.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-  <div class="wrapper">
-    <div class="main-content mt-4">
-      <router-view></router-view>
-      <language-switch v-if="$route.path !== '/register'" class="text-center mb-5 mt-5" />
-      <content-footer v-if="!$route.meta.hideFooter"></content-footer>
-    </div>
-  </div>
-</template>
-<script>
-import ContentFooter from '@/components/ContentFooter.vue'
-import LanguageSwitch from '@/components/LanguageSwitch.vue'
-export default {
-  components: {
-    ContentFooter,
-    LanguageSwitch,
-  },
-}
-</script>
diff --git a/frontend/src/layouts/DashboardLayout_gdd.spec.js b/frontend/src/layouts/DashboardLayout.spec.js
similarity index 97%
rename from frontend/src/layouts/DashboardLayout_gdd.spec.js
rename to frontend/src/layouts/DashboardLayout.spec.js
index ac079b0f3..398724201 100644
--- a/frontend/src/layouts/DashboardLayout_gdd.spec.js
+++ b/frontend/src/layouts/DashboardLayout.spec.js
@@ -1,6 +1,6 @@
 import { mount, RouterLinkStub } from '@vue/test-utils'
 import flushPromises from 'flush-promises'
-import DashboardLayoutGdd from './DashboardLayout_gdd'
+import DashboardLayout from './DashboardLayout'
 
 import { toastErrorSpy } from '@test/testSetup'
 
@@ -19,7 +19,7 @@ const apolloMock = jest.fn().mockResolvedValue({
   },
 })
 
-describe('DashboardLayoutGdd', () => {
+describe('DashboardLayout', () => {
   let wrapper
 
   const mocks = {
@@ -61,7 +61,7 @@ describe('DashboardLayoutGdd', () => {
   }
 
   const Wrapper = () => {
-    return mount(DashboardLayoutGdd, { localVue, mocks, stubs })
+    return mount(DashboardLayout, { localVue, mocks, stubs })
   }
 
   describe('mount', () => {
diff --git a/frontend/src/layouts/DashboardLayout_gdd.vue b/frontend/src/layouts/DashboardLayout.vue
similarity index 98%
rename from frontend/src/layouts/DashboardLayout_gdd.vue
rename to frontend/src/layouts/DashboardLayout.vue
index f65329470..cd8794c40 100755
--- a/frontend/src/layouts/DashboardLayout_gdd.vue
+++ b/frontend/src/layouts/DashboardLayout.vue
@@ -15,7 +15,7 @@
         <sidebar class="main-sidebar" :elopageUri="elopageUri" @admin="admin" @logout="logout" />
       </div>
 
-      <div class="main-page gradido-max-width" @click="visible = false">
+      <div class="main-page w-100" @click="visible = false">
         <div class="main-content">
           <fade-transition :duration="200" origin="center top" mode="out-in">
             <router-view
@@ -45,6 +45,7 @@ import { FadeTransition } from 'vue2-transitions'
 import CONFIG from '@/config'
 
 export default {
+  name: 'DashboardLayout',
   components: {
     Navbar,
     Sidebar,
diff --git a/frontend/src/locales/de.json b/frontend/src/locales/de.json
index 0d496bc3f..3b4912a2f 100644
--- a/frontend/src/locales/de.json
+++ b/frontend/src/locales/de.json
@@ -1,5 +1,22 @@
 {
+  "100": "100%",
+  "1000thanks": "1000 Dank, weil du bei uns bist!",
+  "125": "125%",
+  "85": "85%",
   "advanced-calculation": "Vorausberechnung",
+  "auth": {
+    "left": {
+      "gratitude": "Dankbarkeit",
+      "hasAccount": "Du hast schon einen Account?",
+      "hereLogin": "Hier Anmelden",
+      "learnMore": "Erfahre mehr …",
+      "newCurrency": "Die neue Währung",
+      "oneAnotherNature": "FÜR EINANDER, FÜR ALLE, FÜR DIE NATUR"
+    },
+    "navbar": {
+      "aboutGradido": "Über Gradido"
+    }
+  },
   "back": "Zurück",
   "community": {
     "choose-another-community": "Eine andere Gemeinschaft auswählen",
@@ -40,6 +57,7 @@
     "unknown-error": "Unbekanter Fehler: ",
     "user-already-exists": "Ein Benutzer mit diesen Daten existiert bereits."
   },
+  "followUs": "folge uns:",
   "footer": {
     "app_version": "App version {version}",
     "copyright": {
@@ -164,10 +182,6 @@
     "support": "Support",
     "transactions": "Transaktionen"
   },
-  "publisher": {
-    "infoText": "Wenn dir dein Empfehlungsgeber seine Publisher-Id gegeben hat, trage sie hier ein, sonst lass das Feld bitte unverändert!",
-    "publisherId": "Publisher-Id:"
-  },
   "qrCode": "QR Code",
   "send_gdd": "GDD versenden",
   "send_per_link": "GDD versenden per Link",
@@ -208,24 +222,28 @@
       "subtitle": "Wenn du dein Passwort vergessen hast, kannst du es hier zurücksetzen."
     }
   },
+  "signin": "Anmelden",
   "signup": "Registrieren",
   "site": {
+    "forgotPassword": {
+      "heading": "Bitte gib deine E-Mail an mit der du bei Gradido angemeldet bist."
+    },
     "login": {
-      "community": "Tausend Dank, weil du bei uns bist!",
-      "heading": "Gradido",
-      "new_wallet": "Neues Konto erstellen",
-      "signin": "Anmelden"
+      "heading": "Melde dich mit deinen Zugangsdaten an. Bewahre sie stets sicher auf!",
+      "saveLogin": "Anmeldung speichern"
+    },
+    "resetPassword": {
+      "heading": "Trage bitte dein Passwort ein und wiederhole es."
     },
     "signup": {
       "agree": "Ich stimme der <a href='https://gradido.net/de/datenschutz/' target='_blank' >Datenschutzerklärung</a> zu.",
       "dont_match": "Die Passwörter stimmen nicht überein.",
+      "heading": "Registriere dich indem du alle Daten vollständig und in die richtigen Felder eingibst.",
       "lowercase": "Ein Kleinbuchstabe erforderlich.",
       "minimum": "Mindestens 8 Zeichen.",
       "no-whitespace": "Keine Leerzeichen und Tabulatoren",
       "one_number": "Zahl erforderlich.",
       "special-char": "Sonderzeichen erforderlich (z.B. _ oder ä)",
-      "subtitle": "Werde Teil der Gemeinschaft!",
-      "title": "Erstelle dein Gradido-Konto",
       "uppercase": "Großbuchstabe erforderlich."
     },
     "thx": {
@@ -261,5 +279,7 @@
   "transaction-link": {
     "send_you": "sendet dir"
   },
-  "via_link": "über einen Link"
+  "via_link": "über einen Link",
+  "welcome": "Willkommen",
+  "WelcomeBy": "bei {name}"
 }
diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
index f5009e04f..63f2510a3 100644
--- a/frontend/src/locales/en.json
+++ b/frontend/src/locales/en.json
@@ -1,5 +1,22 @@
 {
+  "100": "100%",
+  "1000thanks": "1000 thanks for being with us!",
+  "125": "125%",
+  "85": "85%",
   "advanced-calculation": "Advanced calculation",
+  "auth": {
+    "left": {
+      "gratitude": "Gratitude",
+      "hasAccount": "You already have an account?",
+      "hereLogin": "Log in here",
+      "learnMore": "Learn more …",
+      "newCurrency": "The new currency",
+      "oneAnotherNature": "FOR ONE ANOTHER, FOR ALL, FOR NATURE"
+    },
+    "navbar": {
+      "aboutGradido": "About Gradido"
+    }
+  },
   "back": "Back",
   "community": {
     "choose-another-community": "Choose another community",
@@ -40,6 +57,7 @@
     "unknown-error": "Unknown error: ",
     "user-already-exists": "A user with this data already exists."
   },
+  "followUs": "follow us:",
   "footer": {
     "app_version": "App version {version}",
     "copyright": {
@@ -164,10 +182,6 @@
     "support": "Support",
     "transactions": "Transactions"
   },
-  "publisher": {
-    "infoText": "If your referrer has given you his publisher id, enter it here, otherwise leave the field unchanged!",
-    "publisherId": "PublisherID:"
-  },
   "qrCode": "QR Code",
   "send_gdd": "GDD send",
   "send_per_link": "GDD send via link",
@@ -208,24 +222,28 @@
       "subtitle": "If you have forgotten your password, you can reset it here."
     }
   },
+  "signin": "Sign in",
   "signup": "Sign up",
   "site": {
+    "forgotPassword": {
+      "heading": "Please enter the email address by which you're registered here."
+    },
     "login": {
-      "community": "A thousand thanks for being with us!",
-      "heading": "Gradido",
-      "new_wallet": "Create new account",
-      "signin": "Sign in"
+      "heading": "Log in with your access data. Keep them safe!",
+      "saveLogin": "Save login"
+    },
+    "resetPassword": {
+      "heading": "Please enter your password and repeat it."
     },
     "signup": {
       "agree": "I agree to the <a href='https://gradido.net/en/datenschutz/' target='_blank' > privacy policy</a>.",
       "dont_match": "Passwords don't match.",
+      "heading": "Register by entering all data completely and in the correct fields.",
       "lowercase": "One lowercase letter required.",
       "minimum": "8 characters minimum.",
       "no-whitespace": "No white spaces and tabs",
       "one_number": "One number required.",
       "special-char": "One special character required (e.g. _ or ä)",
-      "subtitle": "Become a part of the community!",
-      "title": "Create your Gradido account",
       "uppercase": "One uppercase letter required."
     },
     "thx": {
@@ -261,5 +279,7 @@
   "transaction-link": {
     "send_you": "wants to send you"
   },
-  "via_link": "via Link"
+  "via_link": "via Link",
+  "welcome": "Welcome",
+  "WelcomeBy": "by {name}"
 }
diff --git a/frontend/src/pages/ForgotPassword.spec.js b/frontend/src/pages/ForgotPassword.spec.js
index cb22c77be..ecfe5a1a9 100644
--- a/frontend/src/pages/ForgotPassword.spec.js
+++ b/frontend/src/pages/ForgotPassword.spec.js
@@ -50,14 +50,6 @@ describe('ForgotPassword', () => {
       expect(wrapper.find('div.forgot-password').exists()).toBe(true)
     })
 
-    it('has a title', () => {
-      expect(wrapper.find('h1').text()).toEqual('settings.password.reset')
-    })
-
-    it('has a subtitle', () => {
-      expect(wrapper.find('p.text-lead').text()).toEqual('settings.password.subtitle')
-    })
-
     describe('back button', () => {
       it('has a "back" button', () => {
         expect(wrapper.findComponent(RouterLinkStub).text()).toEqual('back')
@@ -129,8 +121,6 @@ describe('ForgotPassword', () => {
             })
 
             it.skip('click redirects to "/login"', async () => {
-              // wrapper.find('.test-message-button').trigger('click')
-              // await wrapper.vm.$nextTick()
               expect(mockRouterPush).toBeCalledWith('/login')
             })
 
@@ -162,23 +152,9 @@ describe('ForgotPassword', () => {
             it('button link redirects to "/login"', () => {
               expect(wrapper.find('.test-message-button').attributes('href')).toBe('/login')
             })
-
-            it.skip('click redirects to "/login"', () => {
-              // expect(mockRouterPush).toBeCalledWith('/login')
-            })
           })
         })
       })
     })
-
-    describe('comingFrom login', () => {
-      beforeEach(() => {
-        wrapper = Wrapper(createMockObject('resetPassword'))
-      })
-
-      it('has another subtitle', () => {
-        expect(wrapper.find('p.text-lead').text()).toEqual('settings.password.resend_subtitle')
-      })
-    })
   })
 })
diff --git a/frontend/src/pages/ForgotPassword.vue b/frontend/src/pages/ForgotPassword.vue
index 182df5bc3..74e5161f1 100644
--- a/frontend/src/pages/ForgotPassword.vue
+++ b/frontend/src/pages/ForgotPassword.vue
@@ -1,21 +1,9 @@
 <template>
   <div class="forgot-password">
-    <div class="header p-4">
-      <b-container class="container">
-        <div class="header-body text-center mb-7">
-          <b-row class="justify-content-center">
-            <b-col xl="5" lg="6" md="8" class="px-2">
-              <h1>{{ $t('settings.password.reset') }}</h1>
-              <!-- eslint-disable-next-line @intlify/vue-i18n/no-dynamic-keys-->
-              <p class="text-lead">{{ $t(subtitle) }}</p>
-            </b-col>
-          </b-row>
-        </div>
-      </b-container>
-    </div>
-    <b-container v-if="enterData" class="mt--8 p-1">
+    <b-container v-if="enterData">
+      <div class="pb-5">{{ $t('site.forgotPassword.heading') }}</div>
       <b-row class="justify-content-center">
-        <b-col lg="6" md="8">
+        <b-col>
           <b-card no-body class="border-0 gradido-custom-background">
             <b-card-body class="p-4">
               <validation-observer ref="observer" v-slot="{ handleSubmit }">
@@ -36,24 +24,17 @@
         <router-link to="/login" class="mt-3">{{ $t('back') }}</router-link>
       </div>
     </b-container>
-    <b-container v-else class="mt--8 p-1">
+    <b-container v-else>
       <message
-        v-if="success"
-        :headline="$t('site.thx.title')"
-        :subtitle="$t('site.thx.email')"
-        :buttonText="$t('login')"
-        linkTo="/login"
-      />
-      <message
-        v-else
-        :headline="$t('site.thx.errorTitle')"
-        :subtitle="$t('error.email-already-sent')"
+        :headline="success ? $t('site.thx.title') : $t('site.thx.errorTitle')"
+        :subtitle="success ? $t('site.thx.email') : $t('error.email-already-sent')"
         :buttonText="$t('login')"
         linkTo="/login"
       />
     </b-container>
   </div>
 </template>
+
 <script>
 import { forgotPassword } from '@/graphql/mutations'
 import InputEmail from '@/components/Inputs/InputEmail'
diff --git a/frontend/src/pages/Login.spec.js b/frontend/src/pages/Login.spec.js
index 80177ab2b..9158aaf42 100644
--- a/frontend/src/pages/Login.spec.js
+++ b/frontend/src/pages/Login.spec.js
@@ -62,42 +62,12 @@ describe('Login', () => {
       expect(wrapper.find('div.login-form').exists()).toBe(true)
     })
 
-    describe('Login header', () => {
-      it('has a welcome message', () => {
-        expect(wrapper.find('div.header').text()).toBe('site.login.heading site.login.community')
-      })
-    })
-
-    it('has a Community name', () => {
-      expect(wrapper.find('.test-communitydata b').text()).toBe('Gradido Entwicklung')
-    })
-
-    it('has a Community description', () => {
-      expect(wrapper.find('.test-communitydata p').text()).toBe(
-        'Die lokale Entwicklungsumgebung von Gradido.',
-      )
-    })
-
     describe('links', () => {
       it('has a link "Forgot Password"', () => {
         expect(wrapper.findAllComponents(RouterLinkStub).at(0).text()).toEqual(
           'settings.password.forgot_pwd',
         )
       })
-
-      it('links to /forgot-password when clicking "Forgot Password"', () => {
-        expect(wrapper.findAllComponents(RouterLinkStub).at(0).props().to).toBe('/forgot-password')
-      })
-
-      it('has a link "Create new account"', () => {
-        expect(wrapper.findAllComponents(RouterLinkStub).at(1).text()).toEqual(
-          'site.login.new_wallet',
-        )
-      })
-
-      it('links to /register when clicking "Create new account"', () => {
-        expect(wrapper.findAllComponents(RouterLinkStub).at(1).props().to).toBe('/register')
-      })
     })
 
     describe('Login form', () => {
diff --git a/frontend/src/pages/Login.vue b/frontend/src/pages/Login.vue
index 10fcca649..208f7941f 100755
--- a/frontend/src/pages/Login.vue
+++ b/frontend/src/pages/Login.vue
@@ -1,63 +1,45 @@
 <template>
   <div class="login-form">
-    <!-- Header -->
-    <div class="p-3">
-      <b-container>
-        <div class="text-center mb-7 header">
-          <b-row class="justify-content-center">
-            <b-col xl="5" lg="6" md="8" class="px-2">
-              <h1>{{ $t('site.login.heading') }}</h1>
-              <p class="text-lead">{{ $t('site.login.community') }}</p>
+    <b-container v-if="enterData">
+      <div class="pb-5">{{ $t('site.login.heading') }}</div>
+      <validation-observer ref="observer" v-slot="{ handleSubmit }">
+        <b-form @submit.stop.prevent="handleSubmit(onSubmit)">
+          <b-row>
+            <b-col sm="12" md="12" lg="6"><input-email v-model="form.email"></input-email></b-col>
+            <b-col sm="12" md="12" lg="6">
+              <input-password
+                :label="$t('form.password')"
+                :placeholder="$t('form.password')"
+                :name="$t('form.password')"
+                v-model="form.password"
+              ></input-password>
             </b-col>
           </b-row>
-        </div>
-      </b-container>
-    </div>
-    <b-container v-if="enterData" class="mt--8 p-1">
-      <b-row class="justify-content-center">
-        <b-col lg="5" md="7">
-          <b-card no-body class="border-0 mb-0 gradido-custom-background">
-            <b-card-body class="p-4">
-              <div class="text-center text-muted mb-4 test-communitydata">
-                <b>{{ CONFIG.COMMUNITY_NAME }}</b>
-                <p class="text-lead">
-                  {{ CONFIG.COMMUNITY_DESCRIPTION }}
-                </p>
-                {{ $t('login') }}
-              </div>
-
-              <validation-observer ref="observer" v-slot="{ handleSubmit }">
-                <b-form @submit.stop.prevent="handleSubmit(onSubmit)">
-                  <input-email v-model="form.email"></input-email>
-                  <input-password
-                    :label="$t('form.password')"
-                    :placeholder="$t('form.password')"
-                    :name="$t('form.password')"
-                    v-model="form.password"
-                  ></input-password>
-                  <div class="text-center mt-4">
-                    <b-button type="submit" variant="primary">{{ $t('login') }}</b-button>
-                  </div>
-                </b-form>
-              </validation-observer>
-            </b-card-body>
-          </b-card>
-          <b-row class="mt-3">
-            <b-col cols="6" class="text-center text-sm-left col-12 col-sm-6 pb-5">
+          <b-row>
+            <b-col class="d-flex justify-content-start">
+              <b-form-checkbox
+                class="mt-3"
+                v-model="status"
+                name="checkbox-1"
+                value="saved"
+                unchecked-value="not_saved"
+              >
+                {{ $t('site.login.saveLogin') }}
+              </b-form-checkbox>
+            </b-col>
+            <b-col class="d-flex justify-content-end">
               <router-link to="/forgot-password" class="mt-3">
                 {{ $t('settings.password.forgot_pwd') }}
               </router-link>
             </b-col>
-            <b-col cols="6" class="text-center text-sm-right col-12 col-sm-6">
-              <router-link to="/register" class="mt-3">
-                {{ $t('site.login.new_wallet') }}
-              </router-link>
-            </b-col>
           </b-row>
-        </b-col>
-      </b-row>
+          <div class="mt-5">
+            <b-button type="submit" variant="gradido">{{ $t('login') }}</b-button>
+          </div>
+        </b-form>
+      </validation-observer>
     </b-container>
-    <b-container v-else class="mt--8 p-1">
+    <b-container v-else>
       <message
         :headline="$t('site.thx.errorTitle')"
         :subtitle="errorSubtitle"
@@ -73,7 +55,6 @@ import InputPassword from '@/components/Inputs/InputPassword'
 import InputEmail from '@/components/Inputs/InputEmail'
 import Message from '@/components/Message/Message'
 import { login } from '@/graphql/queries'
-import CONFIG from '@/config'
 
 export default {
   name: 'Login',
@@ -89,11 +70,11 @@ export default {
         password: '',
       },
       passwordVisible: false,
+      status: false,
       showPageMessage: false,
       errorReason: null,
       errorSubtitle: '',
       errorLinkTo: '',
-      CONFIG,
     }
   },
   methods: {
@@ -135,10 +116,8 @@ export default {
             this.errorLinkTo = '/reset-password/login'
             this.toastError(this.$t('error.no-account'))
           } else if (error.message.includes('No user with this credentials')) {
-            // don't show any error on the page! against boots
             this.toastError(this.$t('error.no-user'))
           } else {
-            // don't show any error on the page! against boots
             this.toastError(this.$t('error.unknown-error') + error.message)
           }
           loader.hide()
diff --git a/frontend/src/pages/Register.spec.js b/frontend/src/pages/Register.spec.js
index f7a6c0ac8..fc5108a62 100644
--- a/frontend/src/pages/Register.spec.js
+++ b/frontend/src/pages/Register.spec.js
@@ -31,7 +31,6 @@ describe('Register', () => {
       state: {
         email: 'peter@lustig.de',
         language: 'en',
-        publisherId: 12345,
       },
     },
   }
@@ -53,45 +52,6 @@ describe('Register', () => {
       expect(wrapper.find('div#registerform').exists()).toBe(true)
     })
 
-    describe('Register header', () => {
-      it('has a welcome message', () => {
-        expect(wrapper.find('div.header').text()).toBe('site.signup.title site.signup.subtitle')
-      })
-    })
-
-    describe('Community data already loaded', () => {
-      beforeEach(() => {
-        jest.clearAllMocks()
-        mocks.$store.state.community = {
-          name: 'Gradido Entwicklung',
-          url: 'http://localhost/',
-          registerUrl: 'http://localhost/register',
-          description: 'Die lokale Entwicklungsumgebung von Gradido.',
-        }
-        wrapper = Wrapper()
-      })
-
-      it('has a Community name', () => {
-        expect(wrapper.find('.test-communitydata b').text()).toBe('Gradido Entwicklung')
-      })
-
-      it('has a Community description', () => {
-        expect(wrapper.find('.test-communitydata p').text()).toBe(
-          'Die lokale Entwicklungsumgebung von Gradido.',
-        )
-      })
-    })
-
-    describe('links', () => {
-      it('has a link "Back"', () => {
-        expect(wrapper.find('.test-button-back').text()).toEqual('back')
-      })
-
-      it('links to /login when clicking "Back"', () => {
-        expect(wrapper.find('.test-button-back').props().to).toBe('/login')
-      })
-    })
-
     describe('Register form', () => {
       it('has a register form', () => {
         expect(wrapper.find('form').exists()).toBe(true)
@@ -121,11 +81,6 @@ describe('Register', () => {
         expect(wrapper.find('#registerCheckbox').exists()).toBe(true)
       })
 
-      it('has PublisherId input fields', () => {
-        wrapper.find('.publisherCollaps').trigger('click')
-        expect(wrapper.find('#publisherid').exists()).toBe(true)
-      })
-
       it('has disabled submit button when not completely filled', () => {
         expect(wrapper.find('button[type="submit"]').attributes('disabled')).toBe('disabled')
       })
@@ -155,26 +110,11 @@ describe('Register', () => {
       })
     })
 
-    /*
-    describe('link Choose another community', () => {
-      it('has a link "Choose another community"', () => {
-        expect(wrapper.find('.test-button-another-community').text()).toEqual(
-          'community.choose-another-community',
-        )
-      })
-
-      it('links to /select-community when clicking "Choose another community"', () => {
-        expect(wrapper.find('.test-button-another-community').props().to).toBe('/select-community')
-      })
-    })
-    */
-
     describe('API calls when form is missing input', () => {
       beforeEach(() => {
         wrapper.find('#registerFirstname').setValue('Max')
         wrapper.find('#registerLastname').setValue('Mustermann')
         wrapper.find('.language-switch-select').findAll('option').at(1).setSelected()
-        wrapper.find('#publisherid').setValue('12345')
       })
       it('has disabled submit button when missing input checked box', () => {
         wrapper.find('#Email-input-field').setValue('max.mustermann@gradido.net')
@@ -187,34 +127,15 @@ describe('Register', () => {
       })
     })
 
-    describe('API calls when completely filled and missing publisherid', () => {
-      beforeEach(() => {
-        wrapper.find('#registerFirstname').setValue('Max')
-        wrapper.find('#registerLastname').setValue('Mustermann')
-        wrapper.find('#Email-input-field').setValue('max.mustermann@gradido.net')
-        wrapper.find('.language-switch-select').findAll('option').at(1).setSelected()
-        wrapper.find('#registerCheckbox').setChecked()
-      })
-      it('has enabled submit button when completely filled', async () => {
-        await wrapper.vm.$nextTick()
-        expect(wrapper.find('button[type="submit"]').attributes('disabled')).toBe(undefined)
-      })
-    })
-
     describe('API calls when completely filled', () => {
       beforeEach(() => {
         wrapper.find('#registerFirstname').setValue('Max')
         wrapper.find('#registerLastname').setValue('Mustermann')
         wrapper.find('#Email-input-field').setValue('max.mustermann@gradido.net')
         wrapper.find('.language-switch-select').findAll('option').at(1).setSelected()
-        wrapper.find('#publisherid').setValue('12345')
         wrapper.find('#registerCheckbox').setChecked()
       })
 
-      it('commits publisherId to store', () => {
-        expect(mockStoreCommit).toBeCalledWith('publisherId', 12345)
-      })
-
       it('has enabled submit button when completely filled', async () => {
         await wrapper.vm.$nextTick()
         expect(wrapper.find('button[type="submit"]').attributes('disabled')).toBe(undefined)
@@ -285,7 +206,6 @@ describe('Register', () => {
                 firstName: 'Max',
                 lastName: 'Mustermann',
                 language: 'en',
-                publisherId: 12345,
               },
             }),
           )
@@ -335,7 +255,6 @@ describe('Register', () => {
               firstName: 'Max',
               lastName: 'Mustermann',
               language: 'en',
-              publisherId: 12345,
               redeemCode: 'some-code',
             },
           }),
diff --git a/frontend/src/pages/Register.vue b/frontend/src/pages/Register.vue
index 39230cb1e..4ffd6ce79 100755
--- a/frontend/src/pages/Register.vue
+++ b/frontend/src/pages/Register.vue
@@ -1,183 +1,104 @@
 <template>
   <div id="registerform">
-    <!-- Header -->
-    <div class="header p-4">
-      <b-container class="container">
-        <div class="header-body text-center mb-7">
-          <b-row class="justify-content-center">
-            <b-col xl="5" lg="6" md="8" class="px-2">
-              <h1>{{ $t('site.signup.title') }}</h1>
-              <p class="text-lead">{{ $t('site.signup.subtitle') }}</p>
+    <b-container v-if="enterData">
+      <div class="pb-5">
+        {{ $t('site.signup.heading') }}
+      </div>
+      <validation-observer ref="observer" v-slot="{ handleSubmit }">
+        <b-form role="form" @submit.prevent="handleSubmit(onSubmit)">
+          <b-row>
+            <b-col sm="12" md="6">
+              <validation-provider
+                :name="$t('form.firstname')"
+                :rules="{ required: true, min: 3 }"
+                v-slot="validationContext"
+              >
+                <b-form-group
+                  class="mb-3"
+                  :label="$t('form.firstname')"
+                  label-for="registerFirstname"
+                >
+                  <b-form-input
+                    id="registerFirstname"
+                    :name="$t('form.firstname')"
+                    v-model="form.firstname"
+                    :placeholder="$t('form.firstname')"
+                    :state="getValidationState(validationContext)"
+                    aria-describedby="registerFirstnameLiveFeedback"
+                  ></b-form-input>
+
+                  <b-form-invalid-feedback id="registerFirstnameLiveFeedback">
+                    {{ validationContext.errors[0] }}
+                  </b-form-invalid-feedback>
+                </b-form-group>
+              </validation-provider>
+            </b-col>
+            <b-col sm="12" md="6">
+              <validation-provider
+                :name="$t('form.lastname')"
+                :rules="{ required: true, min: 2 }"
+                v-slot="validationContext"
+              >
+                <b-form-group
+                  class="mb-3"
+                  :label="$t('form.lastname')"
+                  label-for="registerLastname"
+                >
+                  <b-form-input
+                    id="registerLastname"
+                    :name="$t('form.lastname')"
+                    v-model="form.lastname"
+                    :placeholder="$t('form.lastname')"
+                    :state="getValidationState(validationContext)"
+                    aria-describedby="registerLastnameLiveFeedback"
+                  ></b-form-input>
+
+                  <b-form-invalid-feedback id="registerLastnameLiveFeedback">
+                    {{ validationContext.errors[0] }}
+                  </b-form-invalid-feedback>
+                </b-form-group>
+              </validation-provider>
+            </b-col>
+          </b-row>
+          <b-row>
+            <b-col sm="12" md="6"><input-email v-model="form.email"></input-email></b-col>
+            <b-col sm="12" md="6">
+              <label>{{ $t('language') }}</label>
+              <language-switch-select @update-language="updateLanguage" />
             </b-col>
           </b-row>
-        </div>
-      </b-container>
-    </div>
 
-    <!-- Page content -->
-    <b-container v-if="enterData" class="mt--8 p-1">
-      <!-- Table -->
+          <b-row class="mt-4 mb-4">
+            <b-col class="mb-4 mb-md-0">
+              <b-form-checkbox
+                id="registerCheckbox"
+                v-model="form.agree"
+                :name="$t('site.signup.agree')"
+              >
+                <!-- eslint-disable-next-line @intlify/vue-i18n/no-v-html -->
+                <span class="text-muted" v-html="$t('site.signup.agree')"></span>
+              </b-form-checkbox>
+            </b-col>
 
-      <b-row class="justify-content-center">
-        <b-col lg="6" md="8">
-          <b-card no-body class="border-0 gradido-custom-background">
-            <b-card-body class="p-4">
-              <div class="text-center text-muted mb-4 test-communitydata">
-                <b>{{ CONFIG.COMMUNITY_NAME }}</b>
-                <p class="text-lead">
-                  {{ CONFIG.COMMUNITY_DESCRIPTION }}
-                </p>
-                <div>{{ $t('signup') }}</div>
-              </div>
-
-              <validation-observer ref="observer" v-slot="{ handleSubmit }">
-                <b-form role="form" @submit.prevent="handleSubmit(onSubmit)">
-                  <validation-provider
-                    :name="$t('form.firstname')"
-                    :rules="{ required: true, min: 3 }"
-                    v-slot="validationContext"
-                  >
-                    <b-form-group
-                      class="mb-3"
-                      :label="$t('form.firstname')"
-                      label-for="registerFirstname"
-                    >
-                      <b-form-input
-                        id="registerFirstname"
-                        :name="$t('form.firstname')"
-                        v-model="form.firstname"
-                        :placeholder="$t('form.firstname')"
-                        :state="getValidationState(validationContext)"
-                        aria-describedby="registerFirstnameLiveFeedback"
-                      ></b-form-input>
-
-                      <b-form-invalid-feedback id="registerFirstnameLiveFeedback">
-                        {{ validationContext.errors[0] }}
-                      </b-form-invalid-feedback>
-                    </b-form-group>
-                  </validation-provider>
-
-                  <validation-provider
-                    :name="$t('form.lastname')"
-                    :rules="{ required: true, min: 2 }"
-                    v-slot="validationContext"
-                  >
-                    <b-form-group
-                      class="mb-3"
-                      :label="$t('form.lastname')"
-                      label-for="registerLastname"
-                    >
-                      <b-form-input
-                        id="registerLastname"
-                        :name="$t('form.lastname')"
-                        v-model="form.lastname"
-                        :placeholder="$t('form.lastname')"
-                        :state="getValidationState(validationContext)"
-                        aria-describedby="registerLastnameLiveFeedback"
-                      ></b-form-input>
-
-                      <b-form-invalid-feedback id="registerLastnameLiveFeedback">
-                        {{ validationContext.errors[0] }}
-                      </b-form-invalid-feedback>
-                    </b-form-group>
-                  </validation-provider>
-
-                  <input-email v-model="form.email"></input-email>
-
-                  <hr />
-
-                  <b-row>
-                    <b-col cols="12">
-                      {{ $t('language') }}
-                      <language-switch-select @update-language="updateLanguage" />
-                    </b-col>
-                  </b-row>
-
-                  <b-row class="my-4">
-                    <b-col cols="12">
-                      <b-form-checkbox
-                        id="registerCheckbox"
-                        v-model="form.agree"
-                        :name="$t('site.signup.agree')"
-                      >
-                        <!-- eslint-disable-next-line @intlify/vue-i18n/no-v-html -->
-                        <span class="text-muted" v-html="$t('site.signup.agree')"></span>
-                      </b-form-checkbox>
-                    </b-col>
-                  </b-row>
-
-                  <b-row v-b-toggle:my-collapse class="text-muted shadow-sm p-3 publisherCollaps">
-                    <b-col>{{ $t('publisher.publisherId') }} {{ $store.state.publisherId }}</b-col>
-                    <b-col class="text-right">
-                      <b-icon icon="chevron-down" aria-hidden="true"></b-icon>
-                    </b-col>
-                  </b-row>
-
-                  <b-row>
-                    <b-col>
-                      <b-collapse id="my-collapse" class="">
-                        <b-input-group class="shadow-sm p-2 bg-white rounded">
-                          <b-input-group-prepend is-text>
-                            <b-icon icon="person-fill"></b-icon>
-                          </b-input-group-prepend>
-                          <b-form-input
-                            id="publisherid"
-                            type="text"
-                            placeholder="Publisher ID"
-                            v-model="publisherId"
-                            @input="commitStorePublisherId(publisherId)"
-                          ></b-form-input>
-                        </b-input-group>
-                        <div
-                          v-b-toggle:my-collapse
-                          class="text-center mt-1 shadow-lg p-3 mb-5 rounded"
-                        >
-                          {{ $t('publisher.infoText') }}
-                          <div class="text-center">
-                            <b-icon icon="chevron-up" aria-hidden="true"></b-icon>
-                          </div>
-                        </div>
-                      </b-collapse>
-                    </b-col>
-                  </b-row>
-
-                  <div class="text-center mt-5">
-                    <div class="text-center">
-                      <router-link class="test-button-back" to="/login">
-                        <b-button variant="outline-secondary" class="mr-4">
-                          {{ $t('back') }}
-                        </b-button>
-                      </router-link>
-                      <b-button
-                        :disabled="disabled"
-                        type="submit"
-                        :variant="disabled ? 'outline-light' : 'primary'"
-                      >
-                        {{ $t('signup') }}
-                      </b-button>
-                    </div>
-                  </div>
-                </b-form>
-              </validation-observer>
-            </b-card-body>
-          </b-card>
-        </b-col>
-      </b-row>
+            <b-col class="d-flex justify-content-end">
+              <b-button
+                type="submit"
+                :disabled="disabled"
+                :variant="disabled ? 'outline-gradido' : 'gradido'"
+              >
+                {{ $t('signup') }}
+              </b-button>
+            </b-col>
+          </b-row>
+        </b-form>
+      </validation-observer>
     </b-container>
-    <b-container v-else class="mt--8 p-1">
+    <b-container v-else>
       <message :headline="$t('site.thx.title')" :subtitle="$t('site.thx.register')" />
     </b-container>
-    <!--
-    <div class="text-center pt-4">
-      <router-link class="test-button-another-community" to="/select-community">
-        <b-button variant="outline-secondary">
-          {{ $t('community.choose-another-community') }}
-        </b-button>
-      </router-link>
-    </div>
-    -->
   </div>
 </template>
+
 <script>
 import { createUser } from '@/graphql/mutations'
 import CONFIG from '@/config'
@@ -236,7 +157,6 @@ export default {
           this.showPageMessage = true
         })
         .catch((error) => {
-          // don't show any error on the page! against boots
           let errorMessage
           switch (error.message) {
             case 'GraphQL error: User already exists.':
diff --git a/frontend/src/pages/ResetPassword.spec.js b/frontend/src/pages/ResetPassword.spec.js
index 36efa0a11..ac944e29a 100644
--- a/frontend/src/pages/ResetPassword.spec.js
+++ b/frontend/src/pages/ResetPassword.spec.js
@@ -79,36 +79,6 @@ describe('ResetPassword', () => {
         expect(wrapper.find('div.resetpwd-form').exists()).toBeTruthy()
       })
 
-      describe('Register header', () => {
-        describe('from reset', () => {
-          beforeEach(() => {
-            mocks.$route.path.mock = 'reset-password'
-            wrapper = Wrapper()
-          })
-
-          it('has a welcome message', async () => {
-            expect(wrapper.find('div.header').text()).toContain('settings.password.reset')
-            expect(wrapper.find('div.header').text()).toContain(
-              'settings.password.reset-password.text',
-            )
-          })
-        })
-
-        describe('from checkEmail', () => {
-          beforeEach(() => {
-            mocks.$route.path.mock = 'checkEmail'
-            wrapper = Wrapper()
-          })
-
-          it('has a welcome message', async () => {
-            expect(wrapper.find('div.header').text()).toContain('settings.password.set')
-            expect(wrapper.find('div.header').text()).toContain(
-              'settings.password.set-password.text',
-            )
-          })
-        })
-      })
-
       describe('links', () => {
         it('has a link "Back"', async () => {
           expect(wrapper.findAllComponents(RouterLinkStub).at(0).text()).toEqual('back')
diff --git a/frontend/src/pages/ResetPassword.vue b/frontend/src/pages/ResetPassword.vue
index a737246bc..a8b21da65 100644
--- a/frontend/src/pages/ResetPassword.vue
+++ b/frontend/src/pages/ResetPassword.vue
@@ -1,51 +1,26 @@
 <template>
   <div class="resetpwd-form">
-    <b-container>
-      <div class="header p-4" ref="header">
-        <div class="header-body text-center mb-7">
-          <b-row class="justify-content-center">
-            <b-col xl="5" lg="6" md="8" class="px-2">
-              <!-- eslint-disable-next-line @intlify/vue-i18n/no-dynamic-keys-->
-              <h1>{{ $t(displaySetup.title) }}</h1>
-              <div class="pb-4">
-                <span>
-                  <!-- eslint-disable-next-line @intlify/vue-i18n/no-dynamic-keys-->
-                  {{ $t(displaySetup.text) }}
-                </span>
-              </div>
-            </b-col>
-          </b-row>
+    <div class="pb-5">{{ $t('site.resetPassword.heading') }}</div>
+    <validation-observer ref="observer" v-slot="{ handleSubmit }">
+      <b-form role="form" @submit.prevent="handleSubmit(onSubmit)">
+        <input-password-confirmation v-model="form" />
+        <div class="text-center">
+          <b-button type="submit" variant="primary" class="mt-4">
+            <!-- eslint-disable-next-line @intlify/vue-i18n/no-dynamic-keys-->
+            {{ $t(displaySetup.button) }}
+          </b-button>
         </div>
-      </div>
-    </b-container>
-    <b-container class="mt--8 p-1">
-      <b-row class="justify-content-center">
-        <b-col lg="6" md="8">
-          <b-card no-body class="border-0 gradido-custom-background">
-            <b-card-body class="p-4">
-              <validation-observer ref="observer" v-slot="{ handleSubmit }">
-                <b-form role="form" @submit.prevent="handleSubmit(onSubmit)">
-                  <input-password-confirmation v-model="form" />
-                  <div class="text-center">
-                    <b-button type="submit" variant="primary" class="mt-4">
-                      <!-- eslint-disable-next-line @intlify/vue-i18n/no-dynamic-keys-->
-                      {{ $t(displaySetup.button) }}
-                    </b-button>
-                  </div>
-                </b-form>
-              </validation-observer>
-            </b-card-body>
-          </b-card>
-        </b-col>
-      </b-row>
-      <b-row v-if="displaySetup.linkTo">
-        <b-col class="text-center py-lg-4">
-          <router-link :to="displaySetup.linkTo" class="mt-3">{{ $t('back') }}</router-link>
-        </b-col>
-      </b-row>
-    </b-container>
+      </b-form>
+    </validation-observer>
+
+    <b-row v-if="displaySetup.linkTo">
+      <b-col class="text-center py-lg-4">
+        <router-link :to="displaySetup.linkTo" class="mt-3">{{ $t('back') }}</router-link>
+      </b-col>
+    </b-row>
   </div>
 </template>
+
 <script>
 import InputPasswordConfirmation from '@/components/Inputs/InputPasswordConfirmation'
 import { setPassword } from '@/graphql/mutations'
diff --git a/frontend/src/pages/Send.spec.js b/frontend/src/pages/Send.spec.js
index 88759c839..47a30ff65 100644
--- a/frontend/src/pages/Send.spec.js
+++ b/frontend/src/pages/Send.spec.js
@@ -3,7 +3,7 @@ import Send, { SEND_TYPES } from './Send'
 import { toastErrorSpy, toastSuccessSpy } from '@test/testSetup'
 import { TRANSACTION_STEPS } from '@/components/GddSend.vue'
 import { sendCoins, createTransactionLink } from '@/graphql/mutations.js'
-import DashboardLayout from '@/layouts/DashboardLayout_gdd.vue'
+import DashboardLayout from '@/layouts/DashboardLayout.vue'
 import flushPromises from 'flush-promises'
 
 const apolloMutationMock = jest.fn()
diff --git a/frontend/src/pages/thx.vue b/frontend/src/pages/thx.vue
index 3ad331ffb..7e203e8aa 100644
--- a/frontend/src/pages/thx.vue
+++ b/frontend/src/pages/thx.vue
@@ -40,7 +40,7 @@ const textFields = {
   register: {
     headline: 'site.thx.title',
     subtitle: 'site.thx.register',
-    button: 'site.login.signin',
+    button: 'signin',
     // linkTo: '/login',
   },
   checkEmail: {
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 0c4186d87..f7dc7c964 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -5214,7 +5214,7 @@ core-js-compat@^3.8.1:
     browserslist "^4.16.3"
     semver "7.0.0"
 
-core-js@^2.4.0, core-js@^2.5.7, core-js@^2.6.5:
+core-js@^2.4.0, core-js@^2.6.5:
   version "2.6.12"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.12.tgz#d9333dfa7b065e347cc5682219d6f690859cc2ec"
   integrity sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==
@@ -5543,14 +5543,6 @@ cyclist@^1.0.1:
   resolved "https://registry.yarnpkg.com/cyclist/-/cyclist-1.0.1.tgz#596e9698fd0c80e12038c2b82d6eb1b35b6224d9"
   integrity sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk=
 
-d@1, d@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/d/-/d-1.0.1.tgz#8698095372d58dbee346ffd0c7093f99f8f9eb5a"
-  integrity sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==
-  dependencies:
-    es5-ext "^0.10.50"
-    type "^1.0.1"
-
 dashdash@^1.12.0:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0"
@@ -6236,68 +6228,11 @@ es-to-primitive@^1.2.1:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
-es5-ext@^0.10.35, es5-ext@^0.10.50, es5-ext@~0.10.14:
-  version "0.10.53"
-  resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.53.tgz#93c5a3acfdbef275220ad72644ad02ee18368de1"
-  integrity sha512-Xs2Stw6NiNHWypzRTY1MtaG/uJlwCk8kH81920ma8mvN8Xq1gsfhZvpkImLQArw8AHnv8MT2I45J3c0R8slE+Q==
-  dependencies:
-    es6-iterator "~2.0.3"
-    es6-symbol "~3.1.3"
-    next-tick "~1.0.0"
-
-es6-iterator@~2.0.1, es6-iterator@~2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/es6-iterator/-/es6-iterator-2.0.3.tgz#a7de889141a05a94b0854403b2d0a0fbfa98f3b7"
-  integrity sha1-p96IkUGgWpSwhUQDstCg+/qY87c=
-  dependencies:
-    d "1"
-    es5-ext "^0.10.35"
-    es6-symbol "^3.1.1"
-
-es6-map@^0.1.5:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/es6-map/-/es6-map-0.1.5.tgz#9136e0503dcc06a301690f0bb14ff4e364e949f0"
-  integrity sha1-kTbgUD3MBqMBaQ8LsU/042TpSfA=
-  dependencies:
-    d "1"
-    es5-ext "~0.10.14"
-    es6-iterator "~2.0.1"
-    es6-set "~0.1.5"
-    es6-symbol "~3.1.1"
-    event-emitter "~0.3.5"
-
 es6-promise@^4.1.1:
   version "4.2.8"
   resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.2.8.tgz#4eb21594c972bc40553d276e510539143db53e0a"
   integrity sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==
 
-es6-set@~0.1.5:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/es6-set/-/es6-set-0.1.5.tgz#d2b3ec5d4d800ced818db538d28974db0a73ccb1"
-  integrity sha1-0rPsXU2ADO2BjbU40ol02wpzzLE=
-  dependencies:
-    d "1"
-    es5-ext "~0.10.14"
-    es6-iterator "~2.0.1"
-    es6-symbol "3.1.1"
-    event-emitter "~0.3.5"
-
-es6-symbol@3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.1.tgz#bf00ef4fdab6ba1b46ecb7b629b4c7ed5715cc77"
-  integrity sha1-vwDvT9q2uhtG7Le2KbTH7VcVzHc=
-  dependencies:
-    d "1"
-    es5-ext "~0.10.14"
-
-es6-symbol@^3.1.1, es6-symbol@~3.1.1, es6-symbol@~3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.3.tgz#bad5d3c1bcdac28269f4cb331e431c78ac705d18"
-  integrity sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==
-  dependencies:
-    d "^1.0.1"
-    ext "^1.1.2"
-
 escalade@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
@@ -6692,14 +6627,6 @@ etag@~1.8.1:
   resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
   integrity sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=
 
-event-emitter@~0.3.5:
-  version "0.3.5"
-  resolved "https://registry.yarnpkg.com/event-emitter/-/event-emitter-0.3.5.tgz#df8c69eef1647923c7157b9ce83840610b02cc39"
-  integrity sha1-34xp7vFkeSPHFXuc6DhAYQsCzDk=
-  dependencies:
-    d "1"
-    es5-ext "~0.10.14"
-
 event-pubsub@4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/event-pubsub/-/event-pubsub-4.3.0.tgz#f68d816bc29f1ec02c539dc58c8dd40ce72cb36e"
@@ -6877,13 +6804,6 @@ express@^4.16.3, express@^4.17.1:
     utils-merge "1.0.1"
     vary "~1.1.2"
 
-ext@^1.1.2:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/ext/-/ext-1.4.0.tgz#89ae7a07158f79d35517882904324077e4379244"
-  integrity sha512-Key5NIsUxdqKg3vIsdw9dSuXpPCQ297y6wBjL30edxwPgt2E44WcWBZey/ZvUc6sERLTxKdyCu4gZFmUbk1Q7A==
-  dependencies:
-    type "^2.0.0"
-
 extend-shallow@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
@@ -10617,11 +10537,6 @@ neo-async@^2.5.0, neo-async@^2.6.0, neo-async@^2.6.1, neo-async@^2.6.2:
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
   integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
 
-next-tick@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/next-tick/-/next-tick-1.0.0.tgz#ca86d1fe8828169b0120208e3dc8424b9db8342c"
-  integrity sha1-yobR/ogoFpsBICCOPchCS524NCw=
-
 nice-try@^1.0.4:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
@@ -11254,15 +11169,6 @@ parseurl@~1.3.2, parseurl@~1.3.3:
   resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
   integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
 
-particles-bg-vue@1.2.3:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/particles-bg-vue/-/particles-bg-vue-1.2.3.tgz#5cfb944da1074ee6e61b773bfef0512ef6ddc2c2"
-  integrity sha512-VT72LfMYkqT4IRHNqvlbAtgTaDOgtjtJApXiqK13K/aUc28jhQuI9JN5tpPpMkRPIG4OpfmnWhSfE2hjZetmuw==
-  dependencies:
-    proton-engine "^4.1.3"
-    raf-manager "^0.3.0"
-    vue "^2.2.6"
-
 pascalcase@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
@@ -11984,11 +11890,6 @@ proto-list@~1.2.1:
   resolved "https://registry.yarnpkg.com/proto-list/-/proto-list-1.2.4.tgz#212d5bfe1318306a420f6402b8e26ff39647a849"
   integrity sha1-IS1b/hMYMGpCD2QCuOJv85ZHqEk=
 
-proton-engine@^4.1.3:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/proton-engine/-/proton-engine-4.2.1.tgz#db938e4f673ddbd91ac70628b0733283a4571ef7"
-  integrity sha512-c72hgcnwMyyvUoy7Jq/HX3HQZnAo5MUNvFbyZHiWZrwcERX9+lYzM9YyT0iueXVAJpt+r8nrPan9F3HTXj7IsA==
-
 proxy-addr@~2.0.5:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.6.tgz#fdc2336505447d3f2f2c638ed272caf614bbb2bf"
@@ -12133,14 +12034,6 @@ quick-lru@^4.0.1:
   resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-4.0.1.tgz#5b8878f113a58217848c6482026c73e1ba57727f"
   integrity sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==
 
-raf-manager@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/raf-manager/-/raf-manager-0.3.0.tgz#ec9a659e8a50534e4d64200b7a39ce9905f10e9c"
-  integrity sha512-qLpVgVlUmwtlY35zoyCQwLWMOpLkVtiItPd/RxouHAh80XZjoh84CF5pFBVyIIUWXubypSJi1OBJS4jM7onOng==
-  dependencies:
-    core-js "^2.5.7"
-    es6-map "^0.1.5"
-
 randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5, randombytes@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
@@ -14111,16 +14004,6 @@ type-is@~1.6.17, type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
-type@^1.0.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/type/-/type-1.2.0.tgz#848dd7698dafa3e54a6c479e759c4bc3f18847a0"
-  integrity sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg==
-
-type@^2.0.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/type/-/type-2.3.0.tgz#ada7c045f07ead08abf9e2edd29be1a0c0661132"
-  integrity sha512-rgPIqOdfK/4J9FhiVrZ3cveAjRRo5rsQBAIhnylX874y1DX/kEKSVdLsnuHB6l1KTjHyU01VjiMBHgU2adejyg==
-
 typedarray-to-buffer@^3.1.5:
   version "3.1.5"
   resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
@@ -14604,7 +14487,7 @@ vue2-transitions@^0.2.3:
   resolved "https://registry.yarnpkg.com/vue2-transitions/-/vue2-transitions-0.2.3.tgz#69c9d75b1db05f231b80980c03459d68490ba27d"
   integrity sha512-Ou5x74AOQbM8JjZV8pIssFFqavvj53QzrEEUr5QnElUYb1ZizPwaUJo0ZqmLPqjwPae7ON4SG8U2cSTI4tHKLg==
 
-vue@2.6.12, vue@^2.2.6, vue@^2.6.11:
+vue@2.6.12, vue@^2.6.11:
   version "2.6.12"
   resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.12.tgz#f5ebd4fa6bd2869403e29a896aed4904456c9123"
   integrity sha512-uhmLFETqPPNyuLLbsKz6ioJ4q7AZHzD8ZVFNATNyICSZouqP2Sz0rotWQC8UNBF6VGSCs5abnKJoStA6JbCbfg==