diff --git a/packages/base/Resources/Private/Extensions/News/Templates/News/Detail.html b/packages/base/Resources/Private/Extensions/News/Templates/News/Detail.html
index 4908b8b..4be90e1 100644
--- a/packages/base/Resources/Private/Extensions/News/Templates/News/Detail.html
+++ b/packages/base/Resources/Private/Extensions/News/Templates/News/Detail.html
@@ -40,6 +40,10 @@
 
     <!-- News title -->
     <h1 class="news-detail__title">{newsItem.title}</h1>
+    <time class="news-detail__time" itemprop="datePublished" datetime="{f:format.date(date:newsItem.datetime, format:'Y-m-d')}">
+        <f:format.date format="{f:translate(key:'dateFormat')}">{newsItem.datetime}</f:format.date>
+    </time>
+
 
     <!-- Teaser text -->
     <f:if condition="{newsItem.teaser}">
diff --git a/packages/base/Resources/Public/Scss/components/_news_detail.scss b/packages/base/Resources/Public/Scss/components/_news_detail.scss
index c4b620f..416aeab 100644
--- a/packages/base/Resources/Public/Scss/components/_news_detail.scss
+++ b/packages/base/Resources/Public/Scss/components/_news_detail.scss
@@ -1,7 +1,7 @@
 .news-detail__title {
   max-width: 900px;
   margin: auto;
-  margin-bottom: 2rem;
+  margin-bottom: 0rem !important;
   font-size: 3rem;
   text-align: left;
 
@@ -10,6 +10,13 @@
   }
 }
 
+.news-detail__time {
+  display: block;
+  max-width: 900px;
+  margin: auto;
+  margin-bottom: 2rem;
+}
+
 .news-detail__main-image {
   max-width: 900px;
   margin: auto;