add color from yunite in branding

webapp/assets/styles/imports/_branding.scss

@@ -1,3 +1,22 @@
+.main-navigation {
+    background-color: #748885;
+}
+.main-navigation .ds-menu-item-link {
+    color: #c8fc4f;;
+}
+
+.main-navigation .ds-menu-item-link:hover {
+    color: #f2f2f1;;
+}
+
+.main-navigation .locale-menu {
+    color: #c8fc4f;;
+}
+
+.base-button {
+    color: #c8fc4f;
+}
+
 .header-menu {
     // background-color: #748885;
 }

webapp/assets/styles/main.scss

@@ -1,4 +1,3 @@
-@import './imports/_branding.scss';
 @import './imports/_tooltip.scss';
 @import './imports/_toast.scss';
 
@@ -181,3 +180,5 @@ hr {
 .dropdown-arrow {
   font-size: $font-size-xx-small;
 }
+
+@import './imports/_branding.scss';

webapp/components/LocaleSwitch/LocaleSwitch.vue

@@ -117,7 +117,6 @@ export default {
   align-items: center;
   height: 100%;
   padding: $space-xx-small;
-  color: $text-color-soft;
 
   > .label {
     margin: 0 $space-xx-small;

webapp/constants/headerMenu.js

@@ -1,6 +1,10 @@
 export default {
   SHOW_HEADER_MENU: true,
   MENU: [
+    {
+      name: 'Beiträge',
+      path: '/#',
+    },
     {
       name: 'Themen',
       path: '/#',

webapp/layouts/default.vue

@@ -40,7 +40,7 @@
               </client-only>
             </ds-flex-item>
             <ds-flex-item
-              style="background-color: white; flex-basis: auto"
+              style="flex-basis: auto"
               :class="{ 'hide-mobile-menu': !toggleMobileMenu }"
             >
               <div