E-Mail-Clients sind die Programme, mit denen Empfänger ihre Mails öffnen — Gmail, Apple Mail, Outlook, Yahoo, Thunderbird, GMX. Jeder Client interpretiert HTML und CSS anders, und das Outlook-Problem ist der berüchtigtste Stolperstein für jeden Newsletter.
Rubrik: Online-Marketing & Content · Unterrubrik: E-Mail-Marketing · Niveau: Fortgeschritten Synonyme / Auch bekannt als: Mail-Programme, Mail-Apps, Mail-Reader, MUA (Mail User Agent)
Was sind E-Mail-Clients?
Ein E-Mail-Client ist die Software, die Mails anzeigt und versendet — auf dem Smartphone, dem Desktop oder im Browser. Für Marketer ist relevant, dass jeder Client einen eigenen Render-Engine nutzt und damit dieselbe Mail unterschiedlich darstellt. Was in Apple Mail wunderschön aussieht, kann in Outlook auf Windows zur Zeile mit Times New Roman zerfallen.
Erklärung
E-Mail-Clients teilen sich grob in vier Lager auf:
- Webmail-Clients: Gmail, Outlook.com, Yahoo Mail, GMX, web.de — rendern im Browser, nutzen meist gutes (aber nicht vollständiges) HTML/CSS-Support.
- Mobile-Clients: Apple Mail (iOS), Gmail-App, Outlook-Mobile — meist sehr guter Standard-Support, weil sie auf modernen Mobil-Browsern aufbauen.
- Desktop-Clients (Mac): Apple Mail (macOS), Spark, Postbox — exzellenter Rendering-Support, nahe an Web-Standards.
- Desktop-Clients (Windows): Outlook 2007–2019/365 — nutzt die Word-Engine zum Rendern, kein modernes CSS, viele Eigenheiten.
Das Outlook-Problem ist der Kern jedes E-Mail-Entwicklungs-Workflows: Microsoft Outlook auf Windows verwendet seit 2007 die Render-Engine von Microsoft Word — und nicht etwa die von Edge oder Internet Explorer. Word kann mit Tabellen umgehen, aber nicht mit Flexbox, Grid, modernen Hintergrundbildern, Animationen oder vielen CSS-Eigenschaften, die in jedem Browser seit zehn Jahren Standard sind. Was bedeutet das konkret?
- `background-image` auf `<div>`: Outlook ignoriert das. Workaround: VML-Code in Conditional Comments.
- `padding` auf `<a>`: Outlook ignoriert das. Workaround: Bulletproof Button mit Tabellenzelle.
- `border-radius`: Outlook ignoriert das. Buttons sehen eckig aus, auch wenn sie überall sonst abgerundet sind.
- Media Queries: Outlook auf Windows ignoriert sie — Mobile-Layouts greifen nicht. Workaround: Fluid Hybrid Layout.
- Web Fonts: Outlook fällt auf Times New Roman zurück, nicht auf den deklarierten Fallback. Workaround: Conditional Font-Stack.
Apple Mail (iOS/macOS), Gmail (Web und App) und Outlook 365 (Web) hingegen rendern modern und sind kaum problematisch. Das Verhältnis ist verzwickt: Outlook-Desktop hat weltweit deutlich unter 10 Prozent Marktanteil, aber im B2B-Umfeld oft 30–60 Prozent. Wer B2B-Newsletter macht, kommt um Outlook-Tests nicht herum.
Beispiele
- Beispiel 1: Ein Hero-Bild mit Text-Overlay läuft in Apple Mail perfekt, in Outlook fehlt das Overlay — der Empfänger sieht nur ein Foto ohne Headline.
- Beispiel 2: Ein abgerundeter CTA-Button erscheint in Gmail rund, in Outlook eckig — Brand-Identität leidet, aber Funktion bleibt.
- Beispiel 3: Eine Web-Font (z.B. Inter) lädt in Apple Mail, in Outlook fällt sie auf Times New Roman zurück — Typografie sieht jahrzehntealt aus.
- Beispiel 4: Mobile-Layout mit Media Query: Apple Mail iOS zeigt 100-Prozent-Breite, Outlook-Mobile (Android) zeigt unverändert Desktop-Breite mit kleinem Text.
- Beispiel 5: Animation per CSS
@keyframes: Funktioniert in Apple Mail, sonst nirgendwo — also nicht als Hauptbotschaft einsetzen. - Beispiel 6: Dark-Mode: Apple Mail invertiert standardmäßig, Outlook nicht, Gmail teilweise — heller Hintergrund kann unerwartet schwarz werden.
In der Praxis
Bevor eine Mail rausgeht, gehört sie in einen Multi-Client-Test. Die Industrie-Standards sind Litmus und Email on Acid — beide rendern die Mail in 70–90 echten Clients und zeigen Screenshots. Pro Aussendung sind 30 Minuten Test-Aufwand realistisch. Wer kein kostenpflichtiges Tool will, testet wenigstens drei Geräte selbst: iPhone (Apple Mail), Android (Gmail-App), Desktop (Outlook 365 Web). Bei Outlook-Desktop hilft eine Test-Maschine oder ein BrowserStack-Account. In der Vorbereitung helfen Frameworks wie MJML oder Foundation for Emails, die automatisch Outlook-kompatibles HTML kompilieren — das reduziert den Test-Aufwand massiv.
Vergleich & Abgrenzung
| Client | Engine | CSS-Support | Marktanteil global |
|---|---|---|---|
| Apple Mail (iOS) | WebKit | Sehr gut | ~50 % |
| Gmail (Web/App) | Eigene | Gut, mit Quirks | ~25 % |
| Outlook Desktop (Win) | Word | Schlecht | ~5 % (B2B: ~30 %) |
| Outlook 365 Web | Edge | Gut | ~10 % |
| Yahoo / GMX / web.de | Eigene | Mittel | ~5 % |
Quelle: Litmus Email Client Market Share, 2024.
Häufige Fragen (FAQ)
Muss ich wirklich für Outlook optimieren, wenn der Marktanteil so klein ist? Das hängt von der Zielgruppe ab. B2C-Newsletter mit überwiegend Apple-Mail- und Gmail-Empfängern können Outlook locker nehmen. B2B-Newsletter haben oft 30–60 Prozent Outlook-Desktop-Empfänger — dort ist Outlook-Optimierung Pflicht. Einfache Faustregel: einmal in Litmus prüfen, dann entscheiden, was wirklich repariert werden muss.
Welcher Mail-Client ist der schwierigste? Outlook 2007–2019 auf Windows (Word-Engine). Apple Mail und Gmail sind vergleichsweise problemlos — selbst exotische Clients wie Yahoo, GMX oder Thunderbird haben weniger Eigenheiten als Outlook-Desktop. Wenn eine Mail in Outlook funktioniert, läuft sie meist überall.
Weiterführend
- Litmus (2024): Email Client Market Share. litmus.com/email-client-market-share
- Email on Acid (2023): The Ultimate Email Client Testing Guide. emailonacid.com/blog
- Campaign Monitor (2023): CSS Support Guide. campaignmonitor.com/css
