News Tab with Markdown

styles.css

@@ -2,7 +2,10 @@
 body {
     background-color: #0f0f13;
     color: #e2e2e7;
-    font-family: "Inter", -apple-system, sans-serif;
+    font-family:
+        "Inter",
+        -apple-system,
+        sans-serif;
     margin: 0;
     line-height: 1.5;
     display: flex;
@@ -243,3 +246,79 @@ html {
     background-color: #facc15; /* Gelb/Orange für "Connecting" */
     box-shadow: 0 0 8px #facc15;
 }
+
+/* --- Markdown Styling für KI News --- */
+.markdown-body {
+    font-size: 0.95rem;
+    line-height: 1.6;
+    color: #e2e2e7;
+}
+
+/* Fettgedruckter Text in Blau-Weiß-Verlauf Optik */
+.markdown-body strong {
+    color: #ffffff;
+    font-weight: 700;
+}
+
+/* Kursiv für Akzente */
+.markdown-body em {
+    color: #a0a0b0;
+    font-style: italic;
+}
+
+/* Links im KI-Text */
+.markdown-body a {
+    color: #4a90e2;
+    text-decoration: none;
+    border-bottom: 1px solid rgba(74, 144, 226, 0.3);
+    transition: all 0.2s ease;
+}
+
+.markdown-body a:hover {
+    color: #5294e2;
+    border-bottom-color: #5294e2;
+}
+
+/* Listen-Design */
+.markdown-body ul,
+.markdown-body ol {
+    padding-left: 20px;
+    margin: 10px 0;
+}
+
+.markdown-body li {
+    margin-bottom: 6px;
+}
+
+/* Code-Blöcke (falls die KI Code generiert) */
+.markdown-body code {
+    background: rgba(255, 255, 255, 0.05);
+    padding: 2px 6px;
+    border-radius: 6px;
+    font-family: "JetBrains Mono", monospace;
+    font-size: 0.85rem;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/* Überschriften innerhalb der Post-Card */
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3 {
+    color: #4a90e2;
+    margin-top: 15px;
+    margin-bottom: 8px;
+    font-weight: 700;
+}
+
+.markdown-body h3 {
+    font-size: 1.1rem;
+}
+
+/* Zitate / Blockquotes */
+.markdown-body blockquote {
+    margin: 10px 0;
+    padding-left: 15px;
+    border-left: 3px solid #4a90e2;
+    color: #8e8e93;
+    font-style: italic;
+}