CSS-Styles für Karten und Nachrichten aktualisiert: Flexbox-Layout hinzugefügt, Schriftgrößen und Abstände angepasst, sowie Farbänderungen für Statusboxen vorgenommen.

CSS/style.css

@@ -388,6 +388,9 @@ a {
         margin: 24px auto;
         padding: 16px 8px;
         box-sizing: border-box;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
     }
     .news-header {
         text-align: center;
@@ -400,6 +403,13 @@ a {
         margin: 0 auto;
         display: inline-block;
     }
+    .card--wide {
+        max-width: 700px;
+        width: auto;
+        margin: 0 auto;
+        display: block;
+        overflow-wrap: break-word;
+    }
 }
 table {
     width: 100%;
@@ -479,14 +489,20 @@ td a:hover {
     overflow: hidden;
 }
 .card h3 {
-    margin: 0 0 8px 0;
-    font-size: 1.2em;
+    margin: 0 0 10px 0;
+    font-size: 1.25em;
     color: #222;
+    font-weight: bold;
+    border-bottom: 2px solid #e0e0e0;
+    padding-bottom: 6px;
 }
 .card .news-date {
     font-size: 0.95em;
     color: #888;
-    margin-bottom: 10px;
+    margin-bottom: 16px;
+    margin-top: 2px;
+    display: block;
+    letter-spacing: 0.5px;
 }
 .card .news-desc {
     font-size: 1em;
@@ -502,10 +518,11 @@ td a:hover {
 }
 .card--wide {
     max-width: 700px;
-    width: 90vw;
-    display: flex;
+    width: 100%;
+    margin: 0 auto;
+    display: block;
+    overflow: visible;
     overflow-wrap: break-word;
-    overflow: hidden;
 }
 .news-desc a {
     color: #007b9e;
@@ -539,9 +556,9 @@ td a:hover {
     }
 }
 .status-box {
-    background: #ffe0e0;
-    color: #b30000;
-    border: 1px solid #ffb3b3;
+    background: #e6f9e6;
+    color: #217a21;
+    border: 1px solid #b3e6b3;
     border-radius: 6px;
     padding: 10px 16px;
     margin-bottom: 18px;

Views/News/showNewsDetail.phtml

@@ -4,7 +4,7 @@
             <h2><?=htmlspecialchars($news['name'])?></h2>
             <div class="news-date"><?=date('d.m.Y', strtotime($news['date']))?></div>
             <div class="news-desc"><?=nl2br(htmlspecialchars($news['description']))?></div>
-            <a href="?controller=News&do=showNews" class="admin-btn" style="margin-top:16px;">Zurück zur Übersicht</a>
+            <a href="?controller=News&do=showNews" class="admin-btn">Zurück zur Übersicht</a>
         </div>
     </div>
 </div>