diff --git a/frontend/src/assets/News/news.json b/frontend/src/assets/News/news.json
index b179a3b49..284fc711c 100644
--- a/frontend/src/assets/News/news.json
+++ b/frontend/src/assets/News/news.json
@@ -1,9 +1,37 @@
 [
   {
-    "id": "0",
-    "date": "22. Februar 2023",
-    "text": "Gradido schenkt dir Dankbarkeit im Februar",
-    "url": "",
-    "extra": "Gradido ebenet Wege zu sozialem Frieden"
+    "locale": "de",
+    "date": "01. Januar 2023",
+    "text": "Gradido-Konto 2023: neues Design und dezentrale Communities",
+    "url": "https://gradido.net/de/gradido-konto-2023-neues-design-und-dezentrale-communities/",
+    "extra": "Oft sind es die leiseren Menschen, die still, fleißig und mit Herzblut die Grundlagen für großartige Entwicklungen schaffen. Unsere Entwickler haben in den vergangenen Monaten großartige Vorarbeiten gemacht, die im Jahr 2023 zum Tragen kommen werden."
+  },
+  {
+    "locale": "en",
+    "date": "01 January 2023",
+    "text": "Gradido account 2023: new design and decentralized communities",
+    "url": "https://gradido.net/en/gradido-konto-2023-neues-design-und-dezentrale-communities/",
+    "extra": "It is often the quieter people who quietly, diligently and with heart and soul create the foundations for great developments. Our Developer have done great preparatory work in recent months that will come to fruition in 2023."
+  },
+  {
+    "locale": "fr",
+    "date": "01 janvier 2023",
+    "text": "Compte Gradido 2023 : nouveau design et communautés décentralisées",
+    "url": "https://gradido.net/fr/gradido-konto-2023-neues-design-und-dezentrale-communities/",
+    "extra": "Ce sont souvent les personnes les plus discrètes qui créent silencieusement, avec application et passion, les bases de grands développements. Notre site Développeur ont effectué ces derniers mois un travail préparatoire formidable qui sera mis à profit en 2023."
+  },
+  {
+    "locale": "es",
+    "date": "01 de enero de 20233",
+    "text": "Cuenta Gradido 2023: nuevo diseño y comunidades descentralizadas",
+    "url": "https://gradido.net/es/gradido-konto-2023-neues-design-und-dezentrale-communities/",
+    "extra": "A menudo son las personas más calladas las que, en silencio, con diligencia y con el corazón y el alma, crean los cimientos de los grandes avances. Nuestra Desarrollador han realizado un gran trabajo preparatorio en los últimos meses, que dará sus frutos en 2023."
+  },
+  {
+    "locale": "nl",
+    "date": "01 januari 2023",
+    "text": "Gradidorekening 2023: nieuw ontwerp en gedecentraliseerde gemeenschappen",
+    "url": "https://gradido.net/nl/gradido-konto-2023-neues-design-und-dezentrale-communities/",
+    "extra": "Het zijn vaak de stillere mensen die stilletjes, ijverig en met hart en ziel de basis leggen voor grote ontwikkelingen. Onze Ontwikkelaar hebben de afgelopen maanden veel voorbereidend werk gedaan, dat in 2023 zijn vruchten zal afwerpen."
   }
 ]
diff --git a/frontend/src/components/Overview/CommunityNews.vue b/frontend/src/components/Overview/CommunityNews.vue
index fbb79ebf6..b45b8e04d 100644
--- a/frontend/src/components/Overview/CommunityNews.vue
+++ b/frontend/src/components/Overview/CommunityNews.vue
@@ -1,19 +1,30 @@
 <template>
   <div class="community-news">
-    <div v-for="item in News" :key="item.id" class="mb-5">
-      <b-card class="bg-white appBoxShadow gradido-border-radius">
-        <div class="h2 mb-5">{{ item.text }}</div>
-        <b-row class="my-5">
-          <b-col>
-            <div class="h4">{{ item.date }}</div>
-          </b-col>
-          <b-col>
-            <div class="text-right">
-              <b-button variant="gradido">{{ $t('auth.left.learnMore') }}</b-button>
-            </div>
-          </b-col>
-        </b-row>
-        <div class="my-5">{{ item.extra }}</div>
+    <div v-for="item in News" :key="item.locale">
+      <b-card
+        v-if="item.locale === $i18n.locale"
+        class="bg-white appBoxShadow gradido-border-radius"
+      >
+        <b-card-body>
+          <b-card-title class="h2">{{ item.text }}</b-card-title>
+        </b-card-body>
+        <b-card-footer class="bg-transparent">
+          <b-card-text>
+            <b-row class="">
+              <b-col>
+                <div class="h3">{{ item.date }}</div>
+              </b-col>
+              <b-col>
+                <div class="text-right">
+                  <b-button variant="gradido" :href="item.url" target="_blank">
+                    {{ $t('auth.left.learnMore') }}
+                  </b-button>
+                </div>
+              </b-col>
+            </b-row>
+          </b-card-text>
+          <b-card-tex>{{ item.extra }}</b-card-tex>
+        </b-card-footer>
       </b-card>
     </div>
   </div>
@@ -27,11 +38,15 @@ export default {
       News,
     }
   },
+  computed: {
+    item() {
+      return this.News
+    },
+  },
 }
 </script>
 <style scoped>
 .card {
-  height: 400px;
   background-attachment: absolute;
   background-position: center;
   background-repeat: no-repeat;