diff --git a/application/controllers/api/frontend/v1/Cms.php b/application/controllers/api/frontend/v1/Cms.php
index 7aad344d6..6808d76d8 100644
--- a/application/controllers/api/frontend/v1/Cms.php
+++ b/application/controllers/api/frontend/v1/Cms.php
@@ -112,23 +112,31 @@ class Cms extends FHCAPI_Controller
 		$limit =  $this->input->get('limit',TRUE);
 
         // return early if the limit parameter is missing or is not greater than 0
-        if(!isset($limit) and $limit > 0)
-            $this->terminateWithError("limit parameter is missing", self::ERROR_TYPE_GENERAL);
+        if(!isset($limit) || $limit > 0)
+            $this->terminateWithError("API parameters are missing", self::ERROR_TYPE_GENERAL);
 
         $this->load->model('content/news_model', 'NewsModel');
         
 		$news_content_ids = $this->NewsModel->getNewsContentIDs($limit);
+		$news_metadata = $this->NewsModel->getAll($limit);
+
 		$this->addMeta("content_ids",$news_content_ids);
-        $news_content = array();
+		
+		$news_content = array();
 
 		if(isError($news_content_ids))
 			$this->terminateWithError(getError($news_content_ids), self::ERROR_TYPE_GENERAL);
 		
+		if(isError($news_metadata))
+			$this->terminateWithError(getError($news_metadata), self::ERROR_TYPE_GENERAL);
+		
 		foreach(getData($news_content_ids) as $content_id){
 			$news_content[] = $this->fetchContent($content_id->content_id);
 		}
 		
-		$this->terminateWithSuccess($news_content);
+		$this->terminateWithSuccess(["news_content" =>$news_content, "news_metadata"=>getData($news_metadata)]);
+	
+		
 		
 	}
 
diff --git a/public/css/components/dashboard/news.css b/public/css/components/dashboard/news.css
index 93718b819..013401bc8 100644
--- a/public/css/components/dashboard/news.css
+++ b/public/css/components/dashboard/news.css
@@ -1,8 +1,8 @@
-/* .widgets-news .card-header {
+.widgets-news .card-header {
     flex-direction: column;
     align-items: flex-start !important;
     
-} */
+}
 
 :root{
     --news-widget-height: 1;
diff --git a/public/js/api/cms.js b/public/js/api/cms.js
index 651ddd9b7..c8ac8dc6f 100644
--- a/public/js/api/cms.js
+++ b/public/js/api/cms.js
@@ -11,12 +11,15 @@ export default {
               }
           );
       },
-      news(limit) {
+      news(limit, metadata=false) {
         return this.$fhcApi.get(
             FHC_JS_DATA_STORAGE_OBJECT.app_root +
             FHC_JS_DATA_STORAGE_OBJECT.ci_router +
             "/api/frontend/v1/Cms/news",
-            { limit: limit}
+            {
+              limit: limit,
+              metadata: metadata,
+            }
         );
     },
    
diff --git a/public/js/components/DashboardWidget/News.js b/public/js/components/DashboardWidget/News.js
index f597fea10..2bd778283 100755
--- a/public/js/components/DashboardWidget/News.js
+++ b/public/js/components/DashboardWidget/News.js
@@ -29,10 +29,9 @@ export default {
 	},
 	created(){
 		
-    
-    this.$fhcApi.factory.cms.news(MAX_LOADED_NEWS)
-    .then(res => { this.allNewsList = res.data })
-    .catch(err => { console.error('ERROR: ', err.response.data) }); 
+      this.$fhcApi.factory.cms.news(MAX_LOADED_NEWS,this.width === 1?true:false)
+      .then(res => { this.allNewsList = res.data })
+      .catch(err => { console.error('ERROR: ', err.response.data) });
     
 		this.$emit('setConfig', false);
 	},
@@ -61,16 +60,16 @@ export default {
 	},
 	template: /*html*/`<div class="widgets-news w-100 h-100">
   
-      <div class="d-flex flex-column h-100">
+      <div class="d-flex flex-column h-100 ">
       <div class="d-flex">
         <header><b>Top News</b></header>
         <a href="#allNewsModal" data-bs-toggle="modal" class="ms-auto mb-2">
           <i class="fa fa-arrow-up-right-from-square me-1"></i>Alle News</a>
       </div>
-      <div v-if="width == 1">
-        <div v-for="news in newsList" :key="news.id" class="mt-2">
-          <div class="card">
-            <div class="card-body">
+      <div class="h-100 overflow-scroll" v-if="width == 1">
+        <div  v-for="news in newsList" :key="news.id" class="mt-2">
+          <div  class="card">
+            <div class=" card-body">
               <a href="#newsModal" class="stretched-link" @click="setSingleNews(news)">{{ news.betreff }}</a><br>
               <span class="small text-muted">{{ formatDateTime(news.insertamum) }}</span>
             </div>
@@ -79,30 +78,17 @@ export default {
       </div>
       <div v-else-if="width > 1 && height === 1" class="h-100" :class="'row row-cols-' + width">
         <div class="h-100" v-for="news in newsList" :key="news.id">
-            <div class="card h-100">
-            <div class="news-content h-100" :style="'--news-widget-height: '+height" ref="htmlContent" ><div v-html="news.content"></div></div>
-            <!--<div class="card-body">
-				  <a href="#newsModal" class="card-title h5 stretched-link" @click="setSingleNews(news)">{{ news.betreff }}</a><br>
-				  <span class="small text-muted">{{ formatDateTime(news.insertamum) }} </span>
-				  <p class="card-text pt-3" style="overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;">{{ news.text }}</p>
-				</div>-->       
-            </div>
+            
+              <div class="news-content h-100" :style="'--news-widget-height: '+height" ref="htmlContent" ><div v-html="news.content"></div></div>
+                   
+            
           </div>
  		</div>
        <div v-else class="h-100" :class="'row row-cols-' + width">
         <div class="h-100" v-for="news in newsList" :key="news.id">
-            <div class="card h-100">
-            <!-- alte variante um die News anzuzeigen
-            <img :src="placeHolderImgURL" class="card-img-top">
-                <div class="card-footer"><span class="card-subtitle small text-muted">{{ formatDateTime(news.insertamum) }}</span></div>
-                <div class="card-body">
-                <p>this is a test</p>  
-                <a href="#newsModal" class="card-title h5 stretched-link" @click="setSingleNews(news)">{{ news.betreff }}</a><br>
-                  <p class="card-text pt-3">{{ news.text }}</p>
-                </div>
-            -->
-                <div class="news-content h-100" :style="'--news-widget-height: '+height" ref="htmlContent" v-html="news.content"></div>
-            </div>
+            
+              <div class="news-content h-100" :style="'--news-widget-height: '+height" ref="htmlContent" v-html="news.content"></div>
+            
           </div>
       </div>
 </div>