Enhance newsletter HTML layout and styling. Added summary text for article count, improved test badge visibility, and adjusted padding and font sizes for better readability. Updated unsubscribe link text for clarity.

.gitignore

@@ -0,0 +1 @@
+WG Neue Server spannendes Know-how Der Thomas-Krenn-Newsletter im Mai.msg

index.php

@@ -340,61 +340,13 @@ function buildNewsletterHtml(array $config, array $articles, string $periodLabel
     $replyEmail = trim((string)($config['reply_to'] ?: $config['from_email']));
     $replyHref = 'mailto:' . $replyEmail;
 
-    $articleRows = '';
+    $summaryText = $count === 1
-    if ($count === 0) {
+        ? 'Im ' . h($periodLabel) . ' wurde 1 neuer Wiki-Artikel veröffentlicht.'
-        $articleRows = '
+        : 'Im ' . h($periodLabel) . ' wurden ' . $count . ' neue Wiki-Artikel veröffentlicht.';
-          <tr>
-            <td style="padding:0 20px 18px 20px;" class="mobile-padding">
-              <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100%;background-color:#ffffff;border:1px solid #d9d9d9;">
-                <tr>
-                  <td style="padding:18px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;color:#333333;">
-                    Für diesen Zeitraum wurden keine neuen Artikel gefunden.
-                  </td>
-                </tr>
-              </table>
-            </td>
-          </tr>';
-    } else {
-        foreach ($articles as $article) {
-            $articleRows .= '
-          <tr>
-            <td style="padding:0 20px 14px 20px;" class="mobile-padding">
-              <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100%;background-color:#ffffff;">
-                <tr>
-                  <td style="padding:0 0 4px 0;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:18px;color:#444444;">
-                    Thomas-Krenn-Wiki
-                  </td>
-                </tr>
-                <tr>
-                  <td style="padding:0 0 6px 0;font-family:Arial,Helvetica,sans-serif;font-size:22px;line-height:28px;font-weight:700;color:#ef7d00;">
-                    <a href="' . h($article['url']) . '" target="_blank" style="color:#ef7d00;text-decoration:none;">' . h($article['title']) . '</a>
-                  </td>
-                </tr>
-                <tr>
-                  <td style="padding:0 0 10px 0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;color:#333333;">
-                    Veröffentlicht am ' . h($article['date_de']) . ' von ' . h($article['author']) . '.
-                  </td>
-                </tr>
-                <tr>
-                  <td style="padding:0 0 2px 0;">
-                    <table role="presentation" border="0" cellspacing="0" cellpadding="0">
-                      <tr>
-                        <td bgcolor="#ef7d00" style="background-color:#ef7d00;">
-                          <a href="' . h($article['url']) . '" target="_blank" style="display:inline-block;padding:8px 14px;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:17px;color:#ffffff;text-decoration:none;">Jetzt Artikel lesen</a>
-                        </td>
-                      </tr>
-                    </table>
-                  </td>
-                </tr>
-              </table>
-            </td>
-          </tr>';
-        }
-    }
 
     $testBadge = $isTest
         ? '<tr>
-             <td style="padding:0 20px 14px 20px;" class="mobile-padding">
+             <td style="padding:0 24px 12px 24px;" class="mobile-padding">
                <table role="presentation" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td bgcolor="#fff3cd" style="background-color:#fff3cd;border:1px solid #f4d58a;padding:6px 10px;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:15px;font-weight:700;color:#7a5200;">
@@ -406,16 +358,64 @@ function buildNewsletterHtml(array $config, array $articles, string $periodLabel
            </tr>'
         : '';
 
+    $articleRows = '';
+    if ($count === 0) {
+        $articleRows = '
+          <tr>
+            <td style="padding:0 24px 18px 24px;" class="mobile-padding">
+              <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100%;border:1px solid #d7d7d7;background:#ffffff;">
+                <tr>
+                  <td style="padding:18px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:21px;color:#333333;">
+                    Für diesen Zeitraum wurden keine neuen Artikel gefunden.
+                  </td>
+                </tr>
+              </table>
+            </td>
+          </tr>';
+    } else {
+        foreach ($articles as $article) {
+            $articleRows .= '
+          <tr>
+            <td style="padding:0 24px 18px 24px;" class="mobile-padding">
+              <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100%;background:#ffffff;">
+                <tr>
+                  <td style="padding:0 0 5px 0;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:17px;color:#595959;">
+                    Thomas-Krenn-Wiki
+                  </td>
+                </tr>
+                <tr>
+                  <td style="padding:0 0 5px 0;font-family:Arial,Helvetica,sans-serif;font-size:22px;line-height:28px;font-weight:700;color:#ef7d00;">
+                    <a href="' . h($article['url']) . '" target="_blank" style="color:#ef7d00;text-decoration:none;">' . h($article['title']) . '</a>
+                  </td>
+                </tr>
+                <tr>
+                  <td style="padding:0 0 10px 0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;color:#2e2e2e;">
+                    Veröffentlicht am ' . h($article['date_de']) . ' von ' . h($article['author']) . '.
+                  </td>
+                </tr>
+                <tr>
+                  <td style="padding:0;">
+                    <table role="presentation" border="0" cellspacing="0" cellpadding="0">
+                      <tr>
+                        <td bgcolor="#ef7d00" style="background:#ef7d00;">
+                          <a href="' . h($article['url']) . '" target="_blank" style="display:inline-block;padding:8px 14px;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:16px;color:#ffffff;text-decoration:none;">Jetzt Artikel lesen</a>
+                        </td>
+                      </tr>
+                    </table>
+                  </td>
+                </tr>
+              </table>
+            </td>
+          </tr>';
+        }
+    }
+
     $unsubscribeFooter = '';
     $unsubscribeUrl = trim((string)($config['unsubscribe_url'] ?? ''));
     if ($unsubscribeUrl !== '' && $unsubscribeUrl !== '#' && filter_var($unsubscribeUrl, FILTER_VALIDATE_URL)) {
-        $unsubscribeFooter = '<br><a href="' . h($unsubscribeUrl) . '" target="_blank" style="color:#ef7d00;text-decoration:underline;">Newsletter abbestellen</a>';
+        $unsubscribeFooter = '<br><a href="' . h($unsubscribeUrl) . '" target="_blank" style="color:#ef7d00;text-decoration:underline;">Abmelden</a>';
     }
 
-    $summaryText = $count === 1
-        ? 'Im ' . h($periodLabel) . ' wurde 1 neuer Wiki-Artikel veröffentlicht.'
-        : 'Im ' . h($periodLabel) . ' wurden ' . $count . ' neue Wiki-Artikel veröffentlicht.';
-
     return '<!doctype html>
 <html lang="de" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
 <head>
@@ -424,56 +424,57 @@ function buildNewsletterHtml(array $config, array $articles, string $periodLabel
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <title>Thomas-Krenn Wiki Newsletter</title>
   <style type="text/css">
-    html, body { margin:0 !important; padding:0 !important; width:100% !important; background:#e9e9e9; }
+    html, body { margin:0 !important; padding:0 !important; width:100% !important; background:#e6e6e6; }
     table, td { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
-    img { border:0; outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; }
+    img { border:0; outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; display:block; }
     a { text-decoration:none; }
     * { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
     .preheader { display:none !important; visibility:hidden; opacity:0; color:transparent; height:0; width:0; max-height:0; max-width:0; overflow:hidden; mso-hide:all; }
     @media only screen and (max-width: 640px) {
       .email-container { width:100% !important; }
       .mobile-padding { padding-left:14px !important; padding-right:14px !important; }
-      .mobile-text { font-size:15px !important; line-height:22px !important; }
+      .mobile-body { font-size:15px !important; line-height:23px !important; }
-      .mobile-title { font-size:24px !important; line-height:30px !important; }
+      .mobile-title { font-size:19px !important; line-height:25px !important; }
     }
   </style>
 </head>
-<body style="margin:0;padding:0;background-color:#e9e9e9;">
+<body style="margin:0;padding:0;background:#e6e6e6;">
-  <div class="preheader">' . h($preheader) . '&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;</div>
+  <div class="preheader">' . h($preheader) . '&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;</div>
-  <center role="article" aria-roledescription="email" lang="de" style="width:100%;background-color:#e9e9e9;">
+  <center role="article" aria-roledescription="email" lang="de" style="width:100%;background:#e6e6e6;">
-    <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#e9e9e9" style="width:100%;background-color:#e9e9e9;">
+    <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#e6e6e6" style="width:100%;background:#e6e6e6;">
       <tr>
-        <td align="center" style="padding:10px;">
+        <td align="center" style="padding:6px 8px;">
-          <table role="presentation" width="620" border="0" cellspacing="0" cellpadding="0" class="email-container" bgcolor="#ffffff" style="width:100%;max-width:620px;background-color:#ffffff;">
+          <table role="presentation" width="620" border="0" cellspacing="0" cellpadding="0" class="email-container" style="width:100%;max-width:620px;background:#ffffff;">
             <tr>
-              <td align="center" style="padding:10px 20px 8px 20px;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:16px;color:#555555;">
+              <td align="center" style="padding:8px 20px 6px 20px;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:15px;color:#4e4e4e;">
                 Sollte diese E-Mail nicht einwandfrei dargestellt werden, klicken Sie bitte hier.
               </td>
             </tr>
             <tr>
-              <td align="center" style="padding:6px 20px 10px 20px;font-family:Arial,Helvetica,sans-serif;font-size:26px;line-height:30px;font-weight:700;color:#555555;letter-spacing:0.5px;">
+              <td align="center" style="padding:4px 20px 10px 20px;font-family:Arial,Helvetica,sans-serif;font-size:30px;line-height:32px;font-weight:700;color:#555555;">
-                THOMAS KRENN
+                THOMAS<br>KRENN
               </td>
             </tr>
             <tr>
-              <td style="padding:0 20px 0 20px;" class="mobile-padding">
+              <td style="padding:0 24px;" class="mobile-padding">
-                <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100%;background:#1f2d3d;">
+                <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100%;background:#142232;">
                   <tr>
                     <td style="padding:16px 14px;font-family:Arial,Helvetica,sans-serif;color:#ffffff;">
-                      <div style="font-size:13px;line-height:18px;font-weight:700;letter-spacing:0.6px;color:#ef7d00;">NEWSLETTER</div>
+                      <div style="font-size:12px;line-height:16px;font-weight:700;letter-spacing:0.6px;color:#ef7d00;">NEWSLETTER</div>
-                      <div style="font-size:22px;line-height:28px;font-weight:700;">' . h($periodLabel) . '</div>
+                      <div class="mobile-title" style="font-size:24px;line-height:30px;font-weight:700;color:#ffffff;">' . h($periodLabel) . '</div>
                     </td>
                   </tr>
                 </table>
               </td>
             </tr>
             <tr>
-              <td style="padding:12px 20px 8px 20px;" class="mobile-padding mobile-text">
+              <td style="padding:10px 24px 8px 24px;background:#f3f3f3;" class="mobile-padding">
                 <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
                   <tr>
-                    <td style="font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:23px;color:#222222;">
+                    <td class="mobile-body" style="font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:21px;color:#1f1f1f;">
                       Guten Tag,<br><br>
-                      ' . $summaryText . ' Entdecken Sie jetzt alle Neuheiten aus der Welt des Thomas-Krenn-Wikis.
+                      „oh mei“ sagen wir in Bayern, wenn mal was schiefgeht. In diesem Newsletter finden Sie aktuelles und kostenfreies IT-Know-how aus dem Thomas-Krenn-Wiki.
+                      <br><br>' . $summaryText . '
                       <br><br>Viel Spaß beim Lesen wünscht<br>Ihr Team von Thomas-Krenn
                     </td>
                   </tr>
@@ -483,10 +484,10 @@ function buildNewsletterHtml(array $config, array $articles, string $periodLabel
             ' . $testBadge . '
             ' . $articleRows . '
             <tr>
-              <td style="padding:6px 20px 18px 20px;" class="mobile-padding">
+              <td style="padding:0 24px 18px 24px;" class="mobile-padding">
                 <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100%;">
                   <tr>
-                    <td style="font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;color:#333333;">
+                    <td style="font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;color:#2e2e2e;">
                       Haben Sie Fragen oder einen Themenwunsch?
                       <a href="' . h($replyHref) . '" style="color:#ef7d00;text-decoration:underline;">Kontaktieren Sie uns gerne direkt.</a>
                     </td>
@@ -495,10 +496,12 @@ function buildNewsletterHtml(array $config, array $articles, string $periodLabel
               </td>
             </tr>
             <tr>
-              <td style="background:#ececec;padding:18px 20px;font-family:Arial,Helvetica,sans-serif;text-align:center;">
+              <td style="background:#ececec;padding:18px 24px;text-align:center;font-family:Arial,Helvetica,sans-serif;">
-                <div style="font-size:12px;line-height:19px;color:#666666;">
+                <div style="font-size:12px;line-height:18px;color:#666666;">
-                  Thomas-Krenn.AG | Speltenbach-Steinäcker 1 | D-94078 Freyung<br>
+                  Tel.: +49 8551 9150 0 | Fax: +49 8551 9150 55<br>
-                  <a href="https://www.thomas-krenn.com/de/wiki/Hauptseite" target="_blank" style="color:#ef7d00;text-decoration:underline;">Wiki öffnen</a>' . $unsubscribeFooter . '
+                  <a href="https://www.thomas-krenn.com/de/wiki/Hauptseite" target="_blank" style="color:#ef7d00;text-decoration:underline;">thomas-krenn.com</a><br><br>
+                  Thomas-Krenn.AG | Speltenbach-Steinäcker 1 | D-94078 Freyung
+                  ' . $unsubscribeFooter . '
                 </div>
               </td>
             </tr>

wiki.php

@@ -340,61 +340,13 @@ function buildNewsletterHtml(array $config, array $articles, string $periodLabel
     $replyEmail = trim((string)($config['reply_to'] ?: $config['from_email']));
     $replyHref = 'mailto:' . $replyEmail;
 
-    $articleRows = '';
+    $summaryText = $count === 1
-    if ($count === 0) {
+        ? 'Im ' . h($periodLabel) . ' wurde 1 neuer Wiki-Artikel veröffentlicht.'
-        $articleRows = '
+        : 'Im ' . h($periodLabel) . ' wurden ' . $count . ' neue Wiki-Artikel veröffentlicht.';
-          <tr>
-            <td style="padding:0 20px 18px 20px;" class="mobile-padding">
-              <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100%;background-color:#ffffff;border:1px solid #d9d9d9;">
-                <tr>
-                  <td style="padding:18px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;color:#333333;">
-                    Für diesen Zeitraum wurden keine neuen Artikel gefunden.
-                  </td>
-                </tr>
-              </table>
-            </td>
-          </tr>';
-    } else {
-        foreach ($articles as $article) {
-            $articleRows .= '
-          <tr>
-            <td style="padding:0 20px 14px 20px;" class="mobile-padding">
-              <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100%;background-color:#ffffff;">
-                <tr>
-                  <td style="padding:0 0 4px 0;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:18px;color:#444444;">
-                    Thomas-Krenn-Wiki
-                  </td>
-                </tr>
-                <tr>
-                  <td style="padding:0 0 6px 0;font-family:Arial,Helvetica,sans-serif;font-size:22px;line-height:28px;font-weight:700;color:#ef7d00;">
-                    <a href="' . h($article['url']) . '" target="_blank" style="color:#ef7d00;text-decoration:none;">' . h($article['title']) . '</a>
-                  </td>
-                </tr>
-                <tr>
-                  <td style="padding:0 0 10px 0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;color:#333333;">
-                    Veröffentlicht am ' . h($article['date_de']) . ' von ' . h($article['author']) . '.
-                  </td>
-                </tr>
-                <tr>
-                  <td style="padding:0 0 2px 0;">
-                    <table role="presentation" border="0" cellspacing="0" cellpadding="0">
-                      <tr>
-                        <td bgcolor="#ef7d00" style="background-color:#ef7d00;">
-                          <a href="' . h($article['url']) . '" target="_blank" style="display:inline-block;padding:8px 14px;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:17px;color:#ffffff;text-decoration:none;">Jetzt Artikel lesen</a>
-                        </td>
-                      </tr>
-                    </table>
-                  </td>
-                </tr>
-              </table>
-            </td>
-          </tr>';
-        }
-    }
 
     $testBadge = $isTest
         ? '<tr>
-             <td style="padding:0 20px 14px 20px;" class="mobile-padding">
+             <td style="padding:0 24px 12px 24px;" class="mobile-padding">
                <table role="presentation" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td bgcolor="#fff3cd" style="background-color:#fff3cd;border:1px solid #f4d58a;padding:6px 10px;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:15px;font-weight:700;color:#7a5200;">
@@ -406,16 +358,64 @@ function buildNewsletterHtml(array $config, array $articles, string $periodLabel
            </tr>'
         : '';
 
+    $articleRows = '';
+    if ($count === 0) {
+        $articleRows = '
+          <tr>
+            <td style="padding:0 24px 18px 24px;" class="mobile-padding">
+              <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100%;border:1px solid #d7d7d7;background:#ffffff;">
+                <tr>
+                  <td style="padding:18px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:21px;color:#333333;">
+                    Für diesen Zeitraum wurden keine neuen Artikel gefunden.
+                  </td>
+                </tr>
+              </table>
+            </td>
+          </tr>';
+    } else {
+        foreach ($articles as $article) {
+            $articleRows .= '
+          <tr>
+            <td style="padding:0 24px 18px 24px;" class="mobile-padding">
+              <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100%;background:#ffffff;">
+                <tr>
+                  <td style="padding:0 0 5px 0;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:17px;color:#595959;">
+                    Thomas-Krenn-Wiki
+                  </td>
+                </tr>
+                <tr>
+                  <td style="padding:0 0 5px 0;font-family:Arial,Helvetica,sans-serif;font-size:22px;line-height:28px;font-weight:700;color:#ef7d00;">
+                    <a href="' . h($article['url']) . '" target="_blank" style="color:#ef7d00;text-decoration:none;">' . h($article['title']) . '</a>
+                  </td>
+                </tr>
+                <tr>
+                  <td style="padding:0 0 10px 0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;color:#2e2e2e;">
+                    Veröffentlicht am ' . h($article['date_de']) . ' von ' . h($article['author']) . '.
+                  </td>
+                </tr>
+                <tr>
+                  <td style="padding:0;">
+                    <table role="presentation" border="0" cellspacing="0" cellpadding="0">
+                      <tr>
+                        <td bgcolor="#ef7d00" style="background:#ef7d00;">
+                          <a href="' . h($article['url']) . '" target="_blank" style="display:inline-block;padding:8px 14px;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:16px;color:#ffffff;text-decoration:none;">Jetzt Artikel lesen</a>
+                        </td>
+                      </tr>
+                    </table>
+                  </td>
+                </tr>
+              </table>
+            </td>
+          </tr>';
+        }
+    }
+
     $unsubscribeFooter = '';
     $unsubscribeUrl = trim((string)($config['unsubscribe_url'] ?? ''));
     if ($unsubscribeUrl !== '' && $unsubscribeUrl !== '#' && filter_var($unsubscribeUrl, FILTER_VALIDATE_URL)) {
-        $unsubscribeFooter = '<br><a href="' . h($unsubscribeUrl) . '" target="_blank" style="color:#ef7d00;text-decoration:underline;">Newsletter abbestellen</a>';
+        $unsubscribeFooter = '<br><a href="' . h($unsubscribeUrl) . '" target="_blank" style="color:#ef7d00;text-decoration:underline;">Abmelden</a>';
     }
 
-    $summaryText = $count === 1
-        ? 'Im ' . h($periodLabel) . ' wurde 1 neuer Wiki-Artikel veröffentlicht.'
-        : 'Im ' . h($periodLabel) . ' wurden ' . $count . ' neue Wiki-Artikel veröffentlicht.';
-
     return '<!doctype html>
 <html lang="de" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
 <head>
@@ -424,56 +424,57 @@ function buildNewsletterHtml(array $config, array $articles, string $periodLabel
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <title>Thomas-Krenn Wiki Newsletter</title>
   <style type="text/css">
-    html, body { margin:0 !important; padding:0 !important; width:100% !important; background:#e9e9e9; }
+    html, body { margin:0 !important; padding:0 !important; width:100% !important; background:#e6e6e6; }
     table, td { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
-    img { border:0; outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; }
+    img { border:0; outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; display:block; }
     a { text-decoration:none; }
     * { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
     .preheader { display:none !important; visibility:hidden; opacity:0; color:transparent; height:0; width:0; max-height:0; max-width:0; overflow:hidden; mso-hide:all; }
     @media only screen and (max-width: 640px) {
       .email-container { width:100% !important; }
       .mobile-padding { padding-left:14px !important; padding-right:14px !important; }
-      .mobile-text { font-size:15px !important; line-height:22px !important; }
+      .mobile-body { font-size:15px !important; line-height:23px !important; }
-      .mobile-title { font-size:24px !important; line-height:30px !important; }
+      .mobile-title { font-size:19px !important; line-height:25px !important; }
     }
   </style>
 </head>
-<body style="margin:0;padding:0;background-color:#e9e9e9;">
+<body style="margin:0;padding:0;background:#e6e6e6;">
-  <div class="preheader">' . h($preheader) . '&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;</div>
+  <div class="preheader">' . h($preheader) . '&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;</div>
-  <center role="article" aria-roledescription="email" lang="de" style="width:100%;background-color:#e9e9e9;">
+  <center role="article" aria-roledescription="email" lang="de" style="width:100%;background:#e6e6e6;">
-    <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#e9e9e9" style="width:100%;background-color:#e9e9e9;">
+    <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#e6e6e6" style="width:100%;background:#e6e6e6;">
       <tr>
-        <td align="center" style="padding:10px;">
+        <td align="center" style="padding:6px 8px;">
-          <table role="presentation" width="620" border="0" cellspacing="0" cellpadding="0" class="email-container" bgcolor="#ffffff" style="width:100%;max-width:620px;background-color:#ffffff;">
+          <table role="presentation" width="620" border="0" cellspacing="0" cellpadding="0" class="email-container" style="width:100%;max-width:620px;background:#ffffff;">
             <tr>
-              <td align="center" style="padding:10px 20px 8px 20px;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:16px;color:#555555;">
+              <td align="center" style="padding:8px 20px 6px 20px;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:15px;color:#4e4e4e;">
                 Sollte diese E-Mail nicht einwandfrei dargestellt werden, klicken Sie bitte hier.
               </td>
             </tr>
             <tr>
-              <td align="center" style="padding:6px 20px 10px 20px;font-family:Arial,Helvetica,sans-serif;font-size:26px;line-height:30px;font-weight:700;color:#555555;letter-spacing:0.5px;">
+              <td align="center" style="padding:4px 20px 10px 20px;font-family:Arial,Helvetica,sans-serif;font-size:30px;line-height:32px;font-weight:700;color:#555555;">
-                THOMAS KRENN
+                THOMAS<br>KRENN
               </td>
             </tr>
             <tr>
-              <td style="padding:0 20px 0 20px;" class="mobile-padding">
+              <td style="padding:0 24px;" class="mobile-padding">
-                <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100%;background:#1f2d3d;">
+                <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100%;background:#142232;">
                   <tr>
                     <td style="padding:16px 14px;font-family:Arial,Helvetica,sans-serif;color:#ffffff;">
-                      <div style="font-size:13px;line-height:18px;font-weight:700;letter-spacing:0.6px;color:#ef7d00;">NEWSLETTER</div>
+                      <div style="font-size:12px;line-height:16px;font-weight:700;letter-spacing:0.6px;color:#ef7d00;">NEWSLETTER</div>
-                      <div style="font-size:22px;line-height:28px;font-weight:700;">' . h($periodLabel) . '</div>
+                      <div class="mobile-title" style="font-size:24px;line-height:30px;font-weight:700;color:#ffffff;">' . h($periodLabel) . '</div>
                     </td>
                   </tr>
                 </table>
               </td>
             </tr>
             <tr>
-              <td style="padding:12px 20px 8px 20px;" class="mobile-padding mobile-text">
+              <td style="padding:10px 24px 8px 24px;background:#f3f3f3;" class="mobile-padding">
                 <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
                   <tr>
-                    <td style="font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:23px;color:#222222;">
+                    <td class="mobile-body" style="font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:21px;color:#1f1f1f;">
                       Guten Tag,<br><br>
-                      ' . $summaryText . ' Entdecken Sie jetzt alle Neuheiten aus der Welt des Thomas-Krenn-Wikis.
+                      „oh mei“ sagen wir in Bayern, wenn mal was schiefgeht. In diesem Newsletter finden Sie aktuelles und kostenfreies IT-Know-how aus dem Thomas-Krenn-Wiki.
+                      <br><br>' . $summaryText . '
                       <br><br>Viel Spaß beim Lesen wünscht<br>Ihr Team von Thomas-Krenn
                     </td>
                   </tr>
@@ -483,10 +484,10 @@ function buildNewsletterHtml(array $config, array $articles, string $periodLabel
             ' . $testBadge . '
             ' . $articleRows . '
             <tr>
-              <td style="padding:6px 20px 18px 20px;" class="mobile-padding">
+              <td style="padding:0 24px 18px 24px;" class="mobile-padding">
                 <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100%;">
                   <tr>
-                    <td style="font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;color:#333333;">
+                    <td style="font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;color:#2e2e2e;">
                       Haben Sie Fragen oder einen Themenwunsch?
                       <a href="' . h($replyHref) . '" style="color:#ef7d00;text-decoration:underline;">Kontaktieren Sie uns gerne direkt.</a>
                     </td>
@@ -495,10 +496,12 @@ function buildNewsletterHtml(array $config, array $articles, string $periodLabel
               </td>
             </tr>
             <tr>
-              <td style="background:#ececec;padding:18px 20px;font-family:Arial,Helvetica,sans-serif;text-align:center;">
+              <td style="background:#ececec;padding:18px 24px;text-align:center;font-family:Arial,Helvetica,sans-serif;">
-                <div style="font-size:12px;line-height:19px;color:#666666;">
+                <div style="font-size:12px;line-height:18px;color:#666666;">
-                  Thomas-Krenn.AG | Speltenbach-Steinäcker 1 | D-94078 Freyung<br>
+                  Tel.: +49 8551 9150 0 | Fax: +49 8551 9150 55<br>
-                  <a href="https://www.thomas-krenn.com/de/wiki/Hauptseite" target="_blank" style="color:#ef7d00;text-decoration:underline;">Wiki öffnen</a>' . $unsubscribeFooter . '
+                  <a href="https://www.thomas-krenn.com/de/wiki/Hauptseite" target="_blank" style="color:#ef7d00;text-decoration:underline;">thomas-krenn.com</a><br><br>
+                  Thomas-Krenn.AG | Speltenbach-Steinäcker 1 | D-94078 Freyung
+                  ' . $unsubscribeFooter . '
                 </div>
               </td>
             </tr>