<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <!-- utf-8 works for most cases --> <meta name="viewport" content="width=device-width"> <!-- Forcing initial-scale shouldn't be necessary --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Use the latest (edge) version of IE rendering engine --> <meta name="format-detection" content="telephone=no"> <!-- Disable auto telephone linking in iOS --> <title>Schenken Sie ein Kinderlachen in Afrika</title> <!-- The title tag shows in email notifications, like Android 4.4. --> <!-- Web Font / @font-face : BEGIN --> <!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. --> <!--[if mso]> <style> * { font-family: sans-serif !important; } </style> <![endif]--> <!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: https://stylecampaign.com/blog/2015/02/webfont-support-in-email/ --> <!--[if !mso]><!--> <link href="https://newsletter.performancehub.de/plan/fonts/veneer.css" rel="stylesheet" type="text/css"> <!--<![endif]--> <!-- Web Font / @font-face : END --> <!-- CSS Reset --> <style type="text/css"> /* Remove spaces around the email design added by some email clients. */ /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */ html, body { margin: 0 !important; padding: 0 !important; height: 100% !important; width: 100% !important; } /* Stops email clients (Webkit and Windows Mobile platforms) resizing small text. */ * { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } /* Centers email on Android 4.4 */ div[style*="margin: 16px 0"] { margin:0 !important; } /* Stops Outlook from adding extra spacing to tables. */ table, td { mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; } /* Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */ table { border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto !important; } table table table { table-layout: auto; } /* Uses a better rendering method when resizing images in IE. */ img { -ms-interpolation-mode:bicubic; } /* Overrides styles added when Yahoo's auto-senses a link. */ .yshortcuts a { border-bottom: none !important; } /* A work-around for iOS meddling in triggered links. */ .mobile-link--footer a, a[x-apple-data-detectors] { color:inherit !important; text-decoration: underline !important; } /* Empty span class to stop outlook changing the colour of visited links */ empty-class { } /* ios links override*/ .ios_black a { color: #000000 !important; text-decoration: none !important; } /* Force Outlook to provide a "view in browser" menu link. */ #outlook a { padding: 0; } /* Force Hotmail to display emails at full width */ .ExternalClass { width: 100%; } /* Force Hotmail to display normal line spacing. More on that: https://www.emailonacid.com/forum/viewthread/43/ */ .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; } .show-on-narrow { display: none !important; } .textlink a:hover { text-decoration: underline !important; } /* Media Queries */ @media screen and (max-width: 440px) { .hide-on-narrow { display: none !important; } .show-on-narrow { display: block !important; } } /* Media Queries */ @media screen and (max-width: 800px) { .email-container { width: 100% !important; } /* Forces elements to resize to the full width of their container. Useful for resizing images beyond their max-width. */ .fluid, .fluid-centered { max-width: 100% !important; height: auto !important; margin-left: auto !important; margin-right: auto !important; } /* And center justify these ones. */ .fluid-centered { margin-left: auto !important; margin-right: auto !important; } /* Forces table cells into full-width rows. */ .stack-column, .stack-column-center { display: block !important; width: 100% !important; max-width: 100% !important; direction: ltr !important; } /* And center justify these ones. */ .stack-column-center { text-align: center !important; } /* Generic utility class for centering. Useful for images, buttons, and nested tables. */ .center-on-narrow { text-align: center !important; display: block !important; margin-left: auto !important; margin-right: auto !important; float: none !important; } .left-on-narrow { text-align: left !important; } table.center-on-narrow { display: inline-block !important; } .headline-narrow { font-size: 24px; } .hide-on-narrow { display: none !important; } .show-on-narrow { display: block !important; } .padding-narrow { padding-left: 20px !important; padding-right: 20px !important; } } </style> <meta name="robots" content="noindex, nofollow"></head> <body><img src="https://click.mlsend2.com/link/o/YT0xODgyODQ5MzY2NDc4MTY2MjcyJmM9ejBpOCZlPTA=.g1wyPfP212Pje3vx2CeS0RN7bs5YZ1uid5TNpQozooM" class="open_img" style="display:block; height:0px; width:0px; max-width:0px; max-height:0px; overflow:hidden;" width="1" height="1" border="0" alt="" /> <style type="text/css"> @media only screen and (max-width: 640px) { .mobileHide { display: none !important; } } </style> <table cellpadding="0" cellspacing="0" width="100%" style="border-collapse:collapse;"><tbody><tr><td valign="top"> <center style="width: 100%;"> <!-- Visually Hidden Preheader Text : BEGIN --> <div style="display:none;font-size:1px;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;mso-hide:all;font-family: sans-serif;"> Schenken Sie ein Kinderlachen in Afrika! </div> <!-- Visually Hidden Preheader Text : END --> <!--lite--> <center><a href="https://click.mlsend2.com/link/c/YT0xODgyODQ5MzY2NDc4MTY2MjcyJmM9ejBpOCZlPTAmYj05MDM3NDMyNzAmZD1wNHowZzV4.WYREaHYRPaT41GkLc3V-ootBAPEy13pr6ua4Mcy5u7I" data-link-id="903743270" target="_blank" style="font-family:Arial,sans-serif; font-size:10px; color:#17987D"><strong>Hier klicken, wenn E-Mail nicht lesbar</strong></a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://click.mlsend2.com/link/c/YT0xODgyODQ5MzY2NDc4MTY2MjcyJmM9ejBpOCZlPTAmYj05MDM3NDc5MzgmZD1pOHYzcTZx.nYea5UCcLpbQL4oVxeHqqTEz_E1jSmqA7cIsFr9Q7kI" target="_blank" style="font-family:Arial,sans-serif; font-size:11px; color:#17987D">Hier Newsletter abbestellen</a></center> <!-- Email Header : BEGIN --> <!-- Email Header : END --> <!-- Email Body : BEGIN --> <table cellspacing="0" cellpadding="0" align="center" bgcolor="#ffffff" width="750" class="email-container" style="-webkit-box-shadow: 0px 0px 5px 0px rgba(222,222,222,1); -moz-box-shadow: 0px 0px 5px 0px rgba(222,222,222,1); box-shadow: 0px 0px 5px 0px rgba(222,222,222,1);"> <!-- Hero Image, Flush : BEGIN --> <tbody><tr>