From c9de9f62266634f97ddeb5622c5c399731d1eff2 Mon Sep 17 00:00:00 2001
From: smueller <smueller+vm@hexahost.de>
Date: Tue, 7 Jul 2026 10:29:57 +0200
Subject: [PATCH] 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 |   1 +
 index.php  | 169 +++++++++++++++++++++++++++--------------------------
 wiki.php   | 169 +++++++++++++++++++++++++++--------------------------
 3 files changed, 173 insertions(+), 166 deletions(-)
 create mode 100644 .gitignore

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..feedc7b
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+WG Neue Server spannendes Know-how Der Thomas-Krenn-Newsletter im Mai.msg
\ No newline at end of file
diff --git a/index.php b/index.php
index 66ef2ac..a5e9ad8 100644
--- a/index.php
+++ b/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 = '';
-    if ($count === 0) {
-        $articleRows = '
-          <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>';
-        }
-    }
+    $summaryText = $count === 1
+        ? 'Im ' . h($periodLabel) . ' wurde 1 neuer Wiki-Artikel veröffentlicht.'
+        : 'Im ' . h($periodLabel) . ' wurden ' . $count . ' neue Wiki-Artikel veröffentlicht.';
 
     $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-title { font-size:24px !important; line-height:30px !important; }
+      .mobile-body { font-size:15px !important; line-height:23px !important; }
+      .mobile-title { font-size:19px !important; line-height:25px !important; }
     }
   </style>
 </head>
-<body style="margin:0;padding:0;background-color:#e9e9e9;">
-  <div class="preheader">' . h($preheader) . '&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;</div>
-  <center role="article" aria-roledescription="email" lang="de" style="width:100%;background-color:#e9e9e9;">
-    <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#e9e9e9" style="width:100%;background-color:#e9e9e9;">
+<body style="margin:0;padding:0;background:#e6e6e6;">
+  <div class="preheader">' . h($preheader) . '&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;</div>
+  <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="#e6e6e6" style="width:100%;background:#e6e6e6;">
       <tr>
-        <td align="center" style="padding:10px;">
-          <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;">
+        <td align="center" style="padding:6px 8px;">
+          <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;">
-                THOMAS KRENN
+              <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<br>KRENN
               </td>
             </tr>
             <tr>
-              <td style="padding:0 20px 0 20px;" class="mobile-padding">
-                <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100%;background:#1f2d3d;">
+              <td style="padding:0 24px;" class="mobile-padding">
+                <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:22px;line-height:28px;font-weight:700;">' . h($periodLabel) . '</div>
+                      <div style="font-size:12px;line-height:16px;font-weight:700;letter-spacing:0.6px;color:#ef7d00;">NEWSLETTER</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;">
-                <div style="font-size:12px;line-height:19px;color:#666666;">
-                  Thomas-Krenn.AG | Speltenbach-Steinäcker 1 | D-94078 Freyung<br>
-                  <a href="https://www.thomas-krenn.com/de/wiki/Hauptseite" target="_blank" style="color:#ef7d00;text-decoration:underline;">Wiki öffnen</a>' . $unsubscribeFooter . '
+              <td style="background:#ececec;padding:18px 24px;text-align:center;font-family:Arial,Helvetica,sans-serif;">
+                <div style="font-size:12px;line-height:18px;color:#666666;">
+                  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;">thomas-krenn.com</a><br><br>
+                  Thomas-Krenn.AG | Speltenbach-Steinäcker 1 | D-94078 Freyung
+                  ' . $unsubscribeFooter . '
                 </div>
               </td>
             </tr>
diff --git a/wiki.php b/wiki.php
index 19a9f12..7a14da3 100644
--- a/wiki.php
+++ b/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 = '';
-    if ($count === 0) {
-        $articleRows = '
-          <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>';
-        }
-    }
+    $summaryText = $count === 1
+        ? 'Im ' . h($periodLabel) . ' wurde 1 neuer Wiki-Artikel veröffentlicht.'
+        : 'Im ' . h($periodLabel) . ' wurden ' . $count . ' neue Wiki-Artikel veröffentlicht.';
 
     $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-title { font-size:24px !important; line-height:30px !important; }
+      .mobile-body { font-size:15px !important; line-height:23px !important; }
+      .mobile-title { font-size:19px !important; line-height:25px !important; }
     }
   </style>
 </head>
-<body style="margin:0;padding:0;background-color:#e9e9e9;">
-  <div class="preheader">' . h($preheader) . '&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;</div>
-  <center role="article" aria-roledescription="email" lang="de" style="width:100%;background-color:#e9e9e9;">
-    <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#e9e9e9" style="width:100%;background-color:#e9e9e9;">
+<body style="margin:0;padding:0;background:#e6e6e6;">
+  <div class="preheader">' . h($preheader) . '&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;</div>
+  <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="#e6e6e6" style="width:100%;background:#e6e6e6;">
       <tr>
-        <td align="center" style="padding:10px;">
-          <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;">
+        <td align="center" style="padding:6px 8px;">
+          <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;">
-                THOMAS KRENN
+              <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<br>KRENN
               </td>
             </tr>
             <tr>
-              <td style="padding:0 20px 0 20px;" class="mobile-padding">
-                <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="width:100%;background:#1f2d3d;">
+              <td style="padding:0 24px;" class="mobile-padding">
+                <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:22px;line-height:28px;font-weight:700;">' . h($periodLabel) . '</div>
+                      <div style="font-size:12px;line-height:16px;font-weight:700;letter-spacing:0.6px;color:#ef7d00;">NEWSLETTER</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;">
-                <div style="font-size:12px;line-height:19px;color:#666666;">
-                  Thomas-Krenn.AG | Speltenbach-Steinäcker 1 | D-94078 Freyung<br>
-                  <a href="https://www.thomas-krenn.com/de/wiki/Hauptseite" target="_blank" style="color:#ef7d00;text-decoration:underline;">Wiki öffnen</a>' . $unsubscribeFooter . '
+              <td style="background:#ececec;padding:18px 24px;text-align:center;font-family:Arial,Helvetica,sans-serif;">
+                <div style="font-size:12px;line-height:18px;color:#666666;">
+                  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;">thomas-krenn.com</a><br><br>
+                  Thomas-Krenn.AG | Speltenbach-Steinäcker 1 | D-94078 Freyung
+                  ' . $unsubscribeFooter . '
                 </div>
               </td>
             </tr>