XC3S · December 20, 2022 08:27
diff --git a/christmas mail template b/christmas mail template
 <!doctype html>

 <html xmlns="http://www.w3.org/1999/xhtml"
 xmlns:v="urn:schemas-microsoft-com:vml"
 xmlns:o="urn:schemas-microsoft-com:office:office">


 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

 <meta name="viewport" content="width=device-width, initial-scale=1" />

 <!--[if !mso]><!-- -->
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 <!--<![endif]-->


 <title>Email on Acid: Responsive Email Template (Standalone HTML version)</title>


 <style type="text/css">

 @media only screen and (max-width: 640px)  {
 	
 .deviceWidth { width: 440px !important; padding: 0; }

 .hideForMobile { display: none !important; }

 .removePaddingForMobile { padding: 0 !important; }
 .navPaddingForMobile { padding: 20px !important; }
 .titlePaddingForMobile { padding: 15px 20px 0 20px !important; }
 .textPaddingForMobile { padding: 15px 20px 15px 20px !important; }
 .whiteBackgroundForMobile { background-color: #ffffff !important; }

 }

 			
 @media only screen and (max-width: 479px) {
 	
 .deviceWidth { width: 280px !important; padding: 0; }

 .hideForMobile { display: none !important; }

 .removePaddingForMobile { padding: 0 !important; }
 .navPaddingForMobile { padding: 20px !important; }
 .titlePaddingForMobile { padding: 15px 20px 0 20px !important; }
 .textPaddingForMobile { padding: 15px 20px 15px 20px !important; }
 .whiteBackgroundForMobile { background-color: #ffffff !important; }

 }


 .ReadMsgBody { width: 100%; background-color: #f6f7fb; }
 .ExternalClass { width: 100%; background-color: #f6f7fb; }

 body { 
 width: 100%; 
 margin: 0; 
 padding: 0; 
 background-color: #f6f7fb;
 font-family: Arial, sans-serif; 
 mso-line-height-rule: exactly;
 -webkit-font-smoothing: antialiased; 
 -ms-text-size-adjust: none !important;
 }

 table { border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; }
 table td { border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; }

 img { border: 0; -ms-interpolation-mode: bicubic; }




 .nav { 
 font-family: Arial, sans-serif; 
 font-size: 14px; 
 color: #272727; 
 font-weight: normal; 
 line-height: 14px; 
 mso-line-height-rule: exactly;
 text-align: center; 
 vertical-align: top; 
 }

 .nav a { color: #272727; text-decoration: none; } 


 .heading { 
 font-family: Arial, sans-serif; 
 font-size: 26px; 
 color: #45b1e2; 
 font-weight: bold; 
 line-height: 26px; 
 mso-line-height-rule: exactly; 
 text-align: center; 
 vertical-align: top; 
 }

 .heading a { color: #45b1e2; text-decoration: none; }


 .title { 
 font-family: Arial, sans-serif; 
 font-size: 20px;
 color: #20a2dc; 
 font-weight: bold; 
 line-height: 24px; 
 mso-line-height-rule: exactly; 
 text-align: left; 
 vertical-align: top; 
 }

 .title a { color: #20a2dc; text-decoration: none; } 


 .rssTitle { 
 font-family: Arial, sans-serif; 
 font-size: 16px; 
 color: #20a2dc; 
 font-weight: bold; 
 line-height: 20px; 
 mso-line-height-rule: exactly; 
 text-align: left; 
 vertical-align: top;
 }

 .rssTitle a { color: #20a2dc; text-decoration: none; }


 .bodyText { color: #222222; }
 .bodyText a { color: #20a2dc; font-weight: bold; }  

 .bodyText, .bodyText a { 
 font-family: Arial, sans-serif; 
 font-size: 14px; 
 line-height: 20px; 
 mso-line-height-rule: exactly; 
 vertical-align: top; 
 text-decoration: none; 
 }


 .footerText { 
 font-family: Arial, sans-serif; 
 font-size: 12px; 
 color: #999999; 
 font-weight: bold; 
 line-height: 18px; 
 mso-line-height-rule: exactly; 
 text-align: center; 
 vertical-align: top; 
 }

 .footerText a { color: #999999; text-decoration: none; } 




 .button1 { background-color: #45b1e2; }

 .button1 a {
 display: block;
 border: 0;
 padding: 10px;
 font-family: Arial, sans-serif;
 font-size: 14px;
 color: #ffffff;
 font-weight: bold;
 line-height: 16px;
 text-decoration: none; 
 text-align: center; 
 background: #45b1e2; 
 border: 1px solid #45b1e2; 
 -moz-border-radius: 4px; 
 -webkit-border-radius: 4px; 
 border-radius: 4px;
 }


 .button2 { background-color: #999999; } 

 .button2 a {
 display: block;
 border: 0;
 padding: 10px;
 font-family: Arial, sans-serif;
 font-size: 14px;
 color: #ffffff;
 font-weight: bold;
 line-height: 16px;
 text-decoration: none; 
 text-align: center; 
 background: #999999; 
 border: 1px solid #999999; 
 -moz-border-radius: 4px; 
 -webkit-border-radius: 4px; 
 border-radius: 4px;
 } 

 .button1, .button2 { 
 -moz-border-radius: 4px; 
 -webkit-border-radius: 4px;
 border-radius: 4px; 
 word-break: break-word; 
 word-wrap: break-word; 
 }


 </style>

 <!--[if gte mso 9]><xml>
 <o:OfficeDocumentSettings>
  <o:AllowPNG/>
  <o:PixelsPerInch>96</o:PixelsPerInch>
 </o:OfficeDocumentSettings>
 </xml><![endif]-->

 </head>


 <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="width:100%;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#f6f7fb;font-family:Arial, sans-serif;mso-line-height-rule:exactly;-webkit-font-smoothing:antialiased;-ms-text-size-adjust:none !important;" >

    <!-- Start: Wrapper -->
    <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="border-spacing:0;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >
        <tr>
            <td width="100%" valign="top" bgcolor="#f6f7fb" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >
          

                <!-- Start: Main content container -->
                <table border="0" cellspacing="0" cellpadding="0" align="center"  class="deviceWidth" style="width:580px;margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto;border-spacing:0;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >
                    <tr>
                        <td align="center" bgcolor="#ffffff" style="border-left-width:1px;border-left-style:solid;border-left-color:#e2e3e7;border-right-width:1px;border-right-style:solid;border-right-color:#e2e3e7;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e2e3e7;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >

                            <table border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff"  class="deviceWidth" style="width:580px;border-spacing:0;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >
                                <tr>
                                    <td valign="top" bgcolor="#ffffff" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >

                                        <a>
                                          <!--
                                            <img src="https://www.emailonacid.com/images/emails/2015/seashells_template/photo-1col.jpg" width="580" alt="" border="0"  class="deviceWidth" style="display:block;border-width:0;-ms-interpolation-mode:bicubic;" />
                                          -->
                                          <img src="https://images.unsplash.com/photo-1479722842840-c0a823bd0cd6?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=580&q=80" width="580" alt="" border="0"  class="deviceWidth" style="display:block;border-width:0;-ms-interpolation-mode:bicubic;" />
                                          
                                        </a>

                                    </td>
                                </tr>
                            </table>


                            <table border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff"  class="deviceWidth" style="width:580px;border-spacing:0;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >
                                <tr>
                                    <td align="center" valign="top" bgcolor="#ffffff"  class="heading" style="padding-top:40px;padding-bottom:20px;padding-right:40px;padding-left:40px;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;font-family:Arial, sans-serif;font-size:28px;color:#45b1e2;font-weight:bold;line-height:26px;mso-line-height-rule:exactly;text-align:center;vertical-align:top;" >

                                        <a style="color:#026EC0;text-decoration:none;" >
                                        	Blub
                                        </a>

                                    </td>
                                </tr>
                                <tr>
                                    <td align="center" valign="top" bgcolor="#ffffff"  class="bodyText" style="padding-top:0;padding-bottom:15px;padding-right:45px;padding-left:45px;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;color:#222222;font-family:Arial, sans-serif;font-size:16px;line-height:20px;mso-line-height-rule:exactly;vertical-align:top;text-decoration:none;" >

                                    <!-- Text 1 ü --> 
                                    Hallo,<br><br>
                                    Ein frohes, gesundes und gesegnetes Weihnachtsfest und alles Gute für das Jahr 2023 wünschen Euch<br><br>
                                    Christine und Gerd
                                  
                                    <!-- Text 2 --> 
                                    <!-- wünschen Dir die Weißenborner Geithes --> 
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                  </td>
                                  
                                </tr>
                                
                            </table>

                        </td>
                    </tr>
                </table>

                <!-- End: Footer section -->

            </td>
        </tr>
    </table>
    <!-- End: Wrapper -->

 </body>
 </html>
	<!doctype html>

	<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:v="urn:schemas-microsoft-com:vml"
	xmlns:o="urn:schemas-microsoft-com:office:office">


	<head>

	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

	<meta name="viewport" content="width=device-width, initial-scale=1" />

	<!--[if !mso]><!-- -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<!--<![endif]-->


	<title>Email on Acid: Responsive Email Template (Standalone HTML version)</title>


	<style type="text/css">

	@media only screen and (max-width: 640px) {

	.deviceWidth { width: 440px !important; padding: 0; }

	.hideForMobile { display: none !important; }

	.removePaddingForMobile { padding: 0 !important; }
	.navPaddingForMobile { padding: 20px !important; }
	.titlePaddingForMobile { padding: 15px 20px 0 20px !important; }
	.textPaddingForMobile { padding: 15px 20px 15px 20px !important; }
	.whiteBackgroundForMobile { background-color: #ffffff !important; }

	}


	@media only screen and (max-width: 479px) {

	.deviceWidth { width: 280px !important; padding: 0; }

	.hideForMobile { display: none !important; }

	.removePaddingForMobile { padding: 0 !important; }
	.navPaddingForMobile { padding: 20px !important; }
	.titlePaddingForMobile { padding: 15px 20px 0 20px !important; }
	.textPaddingForMobile { padding: 15px 20px 15px 20px !important; }
	.whiteBackgroundForMobile { background-color: #ffffff !important; }

	}


	.ReadMsgBody { width: 100%; background-color: #f6f7fb; }
	.ExternalClass { width: 100%; background-color: #f6f7fb; }

	body {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #f6f7fb;
	font-family: Arial, sans-serif;
	mso-line-height-rule: exactly;
	-webkit-font-smoothing: antialiased;
	-ms-text-size-adjust: none !important;
	}

	table { border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; }
	table td { border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; }

	img { border: 0; -ms-interpolation-mode: bicubic; }




	.nav {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #272727;
	font-weight: normal;
	line-height: 14px;
	mso-line-height-rule: exactly;
	text-align: center;
	vertical-align: top;
	}

	.nav a { color: #272727; text-decoration: none; }


	.heading {
	font-family: Arial, sans-serif;
	font-size: 26px;
	color: #45b1e2;
	font-weight: bold;
	line-height: 26px;
	mso-line-height-rule: exactly;
	text-align: center;
	vertical-align: top;
	}

	.heading a { color: #45b1e2; text-decoration: none; }


	.title {
	font-family: Arial, sans-serif;
	font-size: 20px;
	color: #20a2dc;
	font-weight: bold;
	line-height: 24px;
	mso-line-height-rule: exactly;
	text-align: left;
	vertical-align: top;
	}

	.title a { color: #20a2dc; text-decoration: none; }


	.rssTitle {
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #20a2dc;
	font-weight: bold;
	line-height: 20px;
	mso-line-height-rule: exactly;
	text-align: left;
	vertical-align: top;
	}

	.rssTitle a { color: #20a2dc; text-decoration: none; }


	.bodyText { color: #222222; }
	.bodyText a { color: #20a2dc; font-weight: bold; }

	.bodyText, .bodyText a {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	mso-line-height-rule: exactly;
	vertical-align: top;
	text-decoration: none;
	}


	.footerText {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	line-height: 18px;
	mso-line-height-rule: exactly;
	text-align: center;
	vertical-align: top;
	}

	.footerText a { color: #999999; text-decoration: none; }




	.button1 { background-color: #45b1e2; }

	.button1 a {
	display: block;
	border: 0;
	padding: 10px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	line-height: 16px;
	text-decoration: none;
	text-align: center;
	background: #45b1e2;
	border: 1px solid #45b1e2;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}


	.button2 { background-color: #999999; }

	.button2 a {
	display: block;
	border: 0;
	padding: 10px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	line-height: 16px;
	text-decoration: none;
	text-align: center;
	background: #999999;
	border: 1px solid #999999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

	.button1, .button2 {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	word-break: break-word;
	word-wrap: break-word;
	}


	</style>

	<!--[if gte mso 9]><xml>
	<o:OfficeDocumentSettings>
	<o:AllowPNG/>
	<o:PixelsPerInch>96</o:PixelsPerInch>
	</o:OfficeDocumentSettings>
	</xml><![endif]-->

	</head>


	<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="width:100%;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#f6f7fb;font-family:Arial, sans-serif;mso-line-height-rule:exactly;-webkit-font-smoothing:antialiased;-ms-text-size-adjust:none !important;" >

	<!-- Start: Wrapper -->
	<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="border-spacing:0;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >
	<tr>
	<td width="100%" valign="top" bgcolor="#f6f7fb" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >


	<!-- Start: Main content container -->
	<table border="0" cellspacing="0" cellpadding="0" align="center" class="deviceWidth" style="width:580px;margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto;border-spacing:0;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >
	<tr>
	<td align="center" bgcolor="#ffffff" style="border-left-width:1px;border-left-style:solid;border-left-color:#e2e3e7;border-right-width:1px;border-right-style:solid;border-right-color:#e2e3e7;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e2e3e7;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >

	<table border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff" class="deviceWidth" style="width:580px;border-spacing:0;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >
	<tr>
	<td valign="top" bgcolor="#ffffff" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >

	<a>
	<!--
	<img src="https://www.emailonacid.com/images/emails/2015/seashells_template/photo-1col.jpg" width="580" alt="" border="0" class="deviceWidth" style="display:block;border-width:0;-ms-interpolation-mode:bicubic;" />
	-->
	<img src="https://images.unsplash.com/photo-1479722842840-c0a823bd0cd6?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=580&q=80" width="580" alt="" border="0" class="deviceWidth" style="display:block;border-width:0;-ms-interpolation-mode:bicubic;" />

	</a>

	</td>
	</tr>
	</table>


	<table border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff" class="deviceWidth" style="width:580px;border-spacing:0;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" >
	<tr>
	<td align="center" valign="top" bgcolor="#ffffff" class="heading" style="padding-top:40px;padding-bottom:20px;padding-right:40px;padding-left:40px;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;font-family:Arial, sans-serif;font-size:28px;color:#45b1e2;font-weight:bold;line-height:26px;mso-line-height-rule:exactly;text-align:center;vertical-align:top;" >

	<a style="color:#026EC0;text-decoration:none;" >
	Blub
	</a>

	</td>
	</tr>
	<tr>
	<td align="center" valign="top" bgcolor="#ffffff" class="bodyText" style="padding-top:0;padding-bottom:15px;padding-right:45px;padding-left:45px;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;color:#222222;font-family:Arial, sans-serif;font-size:16px;line-height:20px;mso-line-height-rule:exactly;vertical-align:top;text-decoration:none;" >

	<!-- Text 1 ü -->
	Hallo,<br><br>
	Ein frohes, gesundes und gesegnetes Weihnachtsfest und alles Gute für das Jahr 2023 wünschen Euch<br><br>
	Christine und Gerd

	<!-- Text 2 -->
	<!-- wünschen Dir die Weißenborner Geithes -->
	<br>
	<br>
	<br>
	<br>
	</td>

	</tr>

	</table>

	</td>
	</tr>
	</table>

	<!-- End: Footer section -->

	</td>
	</tr>
	</table>
	<!-- End: Wrapper -->

	</body>
	</html>