@dsb.dk/designsystem

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head>  <title>DSB_email</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <base href="https://sorthvidk.github.io/sorthvid-static/static/images/" /> <style type="text/css"> a{ outline:none; color:#b41730; text-decoration:underline; } a:hover{text-decoration:none!important;} .h-u a{text-decoration:none;} .h-u a:hover{text-decoration:underline!important;} a[x-apple-data-detectors]{color:inherit!important; text-decoration:none!important;} a[href^="tel"]:hover{text-decoration:none!important;} .active-i a:hover, .active-t:hover{opacity:0.8;} .active-i a, .active-t{transition:all 0.3s ease;} a img{border:none;} b, strong{font-weight:700;} p{margin:0;} th{padding:0;} table td{mso-line-height-rule:exactly;} .ns span, .ns a{color:inherit!important; text-decoration:none!important; border:none!important;} .l-fff a{color:#fff;} .btn-01 a{color:#fff; text-decoration:none; display:block; padding:7px 26px;} .btn-02 a{color:#fff; text-decoration:none; display:block; padding:6px 24px;} .btn-03 a{color:#fff; text-decoration:none; display:block; padding:6px 36px;} @media only screen and (max-width:617px) { .w-100p{width:100%!important;} .tflex{display:block!important;width:100%!important;} .thold{display:table!important;width:100%!important;} .thead{display:table-header-group!important;width:100%!important;} .tfoot{display:table-footer-group!important;width:100%!important;} .hm{display:none!important;width:0!important;height:0!important;padding:0!important;font-size:0!important;line-height:0!important;} .w-a{width:auto!important;} .w-10{width:10px!important;} .w-55{width:55px!important;} .w-50p{width:50%!important;} .w-53p{width:53%!important;} .wi-100p img{width:100%!important;height:auto!important;} .maxw-225{max-width:225px!important;} .maxw-280{max-width:280px!important;} .plr-0{padding-left:0!important;padding-right:0!important;} .plr-15{padding-left:15px!important;padding-right:15px!important;} .plr-20{padding-left:20px!important;padding-right:20px!important;} .ptb-37{padding-top:37px!important;padding-bottom:37px!important;} .pl-15{padding-left:15px!important;} .pr-20{padding-right:20px!important;} .pr-30{padding-right:30px!important;} .pt-0{padding-top:0!important;} .pt-3{padding-top:3px!important;} .pt-8{padding-top:8px!important;} .pt-15{padding-top:15px!important;} .pt-25{padding-top:25px!important;} .pt-26{padding-top:26px!important;} .pt-35{padding-top:35px!important;} .pt-8p{padding-top:8%!important;} .pt-13p{padding-top:13%!important;} .pt-14p{padding-top:14%!important;} .pt-83p{padding-top:83%!important;} .pb-0{padding-bottom:0!important;} .pb-9{padding-bottom:9px!important;} .pb-11{padding-bottom:11px!important;} .pb-13{padding-bottom:13px!important;} .pb-14{padding-bottom:14px!important;} .pb-15{padding-bottom:15px!important;} .pb-18{padding-bottom:18px!important;} .pb-19{padding-bottom:19px!important;} .pb-23{padding-bottom:23px!important;} .pb-25{padding-bottom:25px!important;} .pb-28{padding-bottom:28px!important;} .pb-29{padding-bottom:29px!important;} .pb-30{padding-bottom:30px!important;} .pb-32{padding-bottom:32px!important;} .pb-33{padding-bottom:33px!important;} .pb-34{padding-bottom:34px!important;} .pb-37{padding-bottom:37px!important;} .pb-40{padding-bottom:40px!important;} .pb-7p{padding-bottom:7%!important;} .pb-10p{padding-bottom:10%!important;} .pb-14p{padding-bottom:14%!important;} .pb-15p{padding-bottom:15%!important;} .pb-17p{padding-bottom:17%!important;} .pb-18p{padding-bottom:18%!important;} .d-b{display:block!important;} .bg-01-m{background:#fffffe url(https://i.imgur.com/KanAPzE.png) no-repeat center bottom!important; background-size:cover!important;} .bg-02-m{background:#fffffe url(https://i.imgur.com/Tn8QRVE.png) no-repeat center bottom!important; background-size:cover!important;} .bg-03-m{background:#fffffe url(https://i.imgur.com/EJ8FzKj.png) no-repeat center bottom!important; background-size:cover!important;} .bg-04-m{background:#fffffe url(https://i.imgur.com/eQYxS5b.png) no-repeat center bottom!important; background-size:cover!important;} .bg-05-m{background:#fffffe url(https://i.imgur.com/zjY2SMo.png) no-repeat center bottom!important; background-size:cover!important;} .bg-06-m{background:#fffffe url(https://i.imgur.com/FUSlyWi.png) no-repeat center bottom!important; background-size:cover!important;} .bg-07-m{background:#fffffe url(https://i.imgur.com/tSS9l0l.png) no-repeat center bottom!important; background-size:cover!important;} .bg-08-m{background:#fffffe url(https://i.imgur.com/d6wOlWO.png) no-repeat center top!important; background-size:cover!important;} } @media only screen and (max-width:374px) { .w-40p-374{width:48%!important;} .w-30-374{width:30px!important;} .w-5-374{width:5px!important;} .plr-20-374{padding-right:20px!important; padding-left:20px!important;} } @media (prefers-dark-interface) {body{-apple-color-filter:none;}} </style> </head> <body style="background:#bebebe; margin:0; padding:0; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;"> <table width="100%" style="background:#bebebe; min-width:320px;" cellspacing="0" cellpadding="0"> <tr> <td> <table class="w-100p" width="600" align="center" style="background:#fffffe; max-width:600px;" cellpadding="0" cellspacing="0"> <tr> <td>   <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="l-fff plr-15" style="background:#b41730; padding:6px 20px 7px 15px;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <div style="margin:2px 0 0;"> <a style="text-decoration:none;" href="http://link"> <img src="logo-01.png" width="38" style="width:38px; font:20px/22px Arial, Helvetica, sans-serif; color:#fff; vertical-align:top;" alt="DSB" /> </a> </div> </td> <td width="20"></td> <td> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td align="right" style="font:11px/13px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> Louise-Frederikke </td> </tr> <tr> <td align="right" style="font:700 11px/13px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> 149 point </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td class="bg-01-m" bgcolor="#fffffe" background="https://i.imgur.com/dRAlzpB.png" style="background-image:url(https://i.imgur.com/dRAlzpB.png); background-repeat:no-repeat; background-position:center top;">  <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="hm" width="40" height="226"></td> <td class="plr-20 pb-18p" valign="top"> <table class="maxw-225" width="280" cellpadding="0" cellspacing="0"> <tr> <td class="pt-14p" style="padding:33px 0 8px; font:700 28px/33px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> Du kan være med til at tage ansvar </td> </tr> <tr> <td style="font:300 15px/22px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> Vi er vel ikke skyld i klima-udfordringerne, men vi tager vores del af ansvaret for at løse dem. </td> </tr> </table> </td> <td class="hm" width="40"></td> </tr> </table>  </td> </tr> </table>  <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="l-fff plr-15" style="background:#b41730; padding:6px 20px 7px 15px;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <div style="margin:2px 0 0;"> <a style="text-decoration:none;" href="http://link"> <img src="logo-01.png" width="38" style="width:38px; font:20px/22px Arial, Helvetica, sans-serif; color:#fff; vertical-align:top;" alt="DSB" /> </a> </div> </td> <td width="20"></td> <td> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td align="right" style="font:11px/13px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> Louise-Frederikke </td> </tr> <tr> <td align="right" style="font:700 11px/13px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> 149 point </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td class="bg-02-m" bgcolor="#fffffe" background="https://i.imgur.com/fmYWUAg.png" style="background-image:url(https://i.imgur.com/fmYWUAg.png); background-repeat:no-repeat; background-position:center top;">  <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="hm" width="40" height="285"></td> <td class="plr-20 pb-40" valign="top"> <table class="maxw-225" width="280" cellpadding="0" cellspacing="0"> <tr> <td class="pt-14p" style="padding:28px 0 3px; line-height:1px; font-size:1px; mso-line-height-rule:at-least;"> <img src="text-01.png" width="50" style="width:50px; font:12px/14px Arial, Helvetica, sans-serif; color:#fff; vertical-align:top;" alt="DSB Plus" /> </td> </tr> <tr> <td style="padding:0 0 8px; font:700 28px/33px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> Tyvstart juleglæden med DSB Orange </td> </tr> <tr> <td class="pb-29" style="padding:0 0 33px; font:300 15px/22px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> Rejs lørdag og søndag i hele landet for max. 99,- </td> </tr> <tr> <td> <table style="border-radius:5px; overflow:hidden;" cellpadding="0" cellspacing="0"> <tr> <td class="active-t btn-01" align="center" style="background:#b41730; mso-padding-alt:6px 26px 12px; font:700 14px/27px Helvetica Neue, Helvetica, Arial, sans-serif;"> <a style="color:#fff; text-decoration:none; display:block; padding:7px 26px;" href="http://link">Køb billet</a> </td> </tr> </table> </td> </tr> </table> </td> <td class="hm" width="40"></td> </tr> </table>  </td> </tr> </table>  <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="l-fff plr-15" style="background:#b41730; padding:6px 20px 7px 15px;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <div style="margin:2px 0 0;"> <a style="text-decoration:none;" href="http://link"> <img src="logo-01.png" width="38" style="width:38px; font:20px/22px Arial, Helvetica, sans-serif; color:#fff; vertical-align:top;" alt="DSB" /> </a> </div> </td> <td width="20"></td> <td> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td align="right" style="font:11px/13px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> Louise-Frederikke </td> </tr> <tr> <td align="right" style="font:700 11px/13px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> 149 point </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td class="wi-100p" style="line-height:1px; font-size:1px; mso-line-height-rule:at-least;"> <img src="divider-1.png" width="600" style="width:600px; vertical-align:top;" alt="" /> </td> </tr> <tr> <td class="bg-03-m" bgcolor="#fffffe" background="https://i.imgur.com/2U2TiUO.png" style="background-image:url(https://i.imgur.com/2U2TiUO.png); background-repeat:no-repeat; background-position:center top;">  <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="hm" width="40" height="233"></td> <td class="l-fff plr-20 pb-10p" valign="top"> <table class="maxw-225" width="280" cellpadding="0" cellspacing="0"> <tr> <td style="padding:28px 0 3px; line-height:1px; font-size:1px; mso-line-height-rule:at-least;"> <img src="text-01.png" width="50" style="width:50px; font:12px/14px Arial, Helvetica, sans-serif; color:#fff; vertical-align:top;" alt="DSB Plus" /> </td> </tr> <tr> <td style="padding:0 0 8px; font:700 28px/33px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> Kom på forkant med DSB Plus </td> </tr> <tr> <td class="pb-0" style="padding:0 0 33px; font:300 15px/22px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> Opdatér din DSB Plus-profil og få besked via mail, hvis der er større ændringer på din rejsestrækning. </td> </tr> </table> </td> <td class="hm" width="40"></td> </tr> </table>  </td> </tr> </table>  <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="l-fff plr-15" style="background:#b41730; padding:6px 20px 7px 15px;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <div style="margin:2px 0 0;"> <a style="text-decoration:none;" href="http://link"> <img src="logo-01.png" width="38" style="width:38px; font:20px/22px Arial, Helvetica, sans-serif; color:#fff; vertical-align:top;" alt="DSB" /> </a> </div> </td> <td width="20"></td> <td> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td align="right" style="font:11px/13px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> Louise-Frederikke </td> </tr> <tr> <td align="right" style="font:700 11px/13px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> 149 point </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td class="wi-100p" style="line-height:1px; font-size:1px; mso-line-height-rule:at-least;"> <img src="divider-1.png" width="600" style="width:600px; vertical-align:top;" alt="" /> </td> </tr> <tr> <td class="bg-04-m" bgcolor="#fffffe" background="https://i.imgur.com/Gd4yye4.png" style="background-image:url(https://i.imgur.com/Gd4yye4.png); background-repeat:no-repeat; background-position:center top;">  <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="hm" width="40" height="306"></td> <td class="l-fff plr-20 pb-10p" valign="top"> <table class="maxw-225" width="280" cellpadding="0" cellspacing="0"> <tr> <td style="padding:28px 0 3px; line-height:1px; font-size:1px; mso-line-height-rule:at-least;"> <img src="text-01.png" width="50" style="width:50px; font:12px/14px Arial, Helvetica, sans-serif; color:#fff; vertical-align:top;" alt="DSB Plus" /> </td> </tr> <tr> <td style="padding:0 0 8px; font:700 28px/33px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> Kom på forkant med DSB Plus </td> </tr> <tr> <td style="padding:0 0 30px; font:300 15px/22px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> Opdatér din DSB Plus-profil og få besked via mail, hvis der er større ændringer på din rejsestrækning. </td> </tr> <tr> <td> <table style="border:1px solid #fff; border-radius:5px; overflow:hidden;" cellpadding="0" cellspacing="0"> <tr> <td class="active-t btn-02" align="center" style="mso-padding-alt:5px 24px 11px; font:700 15px/27px Helvetica Neue, Helvetica, Arial, sans-serif;"> <a style="color:#fff; text-decoration:none; display:block; padding:6px 24px;" href="http://link">Læs mere</a> </td> </tr> </table> </td> </tr> </table> </td> <td class="hm" width="40"></td> </tr> </table>  </td> </tr> </table>  <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="l-fff plr-15" style="background:#041231; padding:8px 20px 9px 15px;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <a style="text-decoration:none;" href="http://link"> <img src="logo-02.png" width="38" style="width:38px; font:20px/22px Arial, Helvetica, sans-serif; color:#fff; vertical-align:top;" alt="DSB" /> </a> </td> </tr> </table> </td> </tr> <tr> <td class="wi-100p" style="line-height:1px; font-size:1px; mso-line-height-rule:at-least;"> <img src="divider-2.png" width="600" style="width:600px; vertical-align:top;" alt="" /> </td> </tr> <tr> <td class="bg-05-m" bgcolor="#fffffe" background="https://i.imgur.com/vz6crN5.png" style="background-image:url(https://i.imgur.com/vz6crN5.png); background-repeat:no-repeat; background-position:center top;">  <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="hm" width="40" height="202"></td> <td class="plr-20 pb-10p" valign="top"> <table class="maxw-225" width="250" cellpadding="0" cellspacing="0"> <tr> <td style="padding:28px 0 3px; line-height:1px; font-size:1px; mso-line-height-rule:at-least;"> <img src="text-02.png" width="99" style="width:99px; font:12px/14px Arial, Helvetica, sans-serif; color:#fff; vertical-align:top;" alt="Trafikinformation" /> </td> </tr> <tr> <td class="pb-0" style="padding:0 0 8px; font:700 28px/33px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> Nye muligheder med Fjern- & Regionaltog </td> </tr> </table> </td> <td class="hm" width="40"></td> </tr> </table>  </td> </tr> </table>  <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="l-fff plr-15" style="background:#041231; padding:8px 20px 9px 15px;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <a style="text-decoration:none;" href="http://link"> <img src="logo-02.png" width="38" style="width:38px; font:20px/22px Arial, Helvetica, sans-serif; color:#fff; vertical-align:top;" alt="DSB" /> </a> </td> <td width="20"></td> <td> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td align="right" style="font:11px/13px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> Louise-Frederikke </td> </tr> <tr> <td align="right" style="font:700 11px/13px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> 149 point </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td class="bg-06-m" bgcolor="#fffffe" background="https://i.imgur.com/EWSb03D.png" style="background-image:url(https://i.imgur.com/EWSb03D.png); background-repeat:no-repeat; background-position:center top;">  <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="hm" width="40" height="208"></td> <td class="plr-20 pb-17p" valign="top"> <table class="maxw-225" width="250" cellpadding="0" cellspacing="0"> <tr> <td class="pt-13p" style="padding:28px 0 3px; line-height:1px; font-size:1px; mso-line-height-rule:at-least;"> <img src="text-02.png" width="99" style="width:99px; font:12px/14px Arial, Helvetica, sans-serif; color:#fff; vertical-align:top;" alt="Trafikinformation" /> </td> </tr> <tr> <td class="pb-0" style="padding:0 0 8px; font:700 28px/33px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> Nye muligheder med Fjern- & Regionaltog </td> </tr> </table> </td> <td class="hm" width="40"></td> </tr> </table>  </td> </tr> </table>  <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="bg-07-m" bgcolor="#fffffe" background="https://i.imgur.com/dvWfYyI.png" style="background-image:url(https://i.imgur.com/dvWfYyI.png); background-repeat:no-repeat; background-position:center top;">  <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="hm" width="15" height="90"></td> <td class="l-fff pr-20 pl-15 pb-10p" valign="top"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="pb-0" style="padding:8px 0 9px 0;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <a style="text-decoration:none;" href="http://link"> <img src="logo-01.png" width="38" style="width:38px; font:20px/22px Arial, Helvetica, sans-serif; color:#fff; vertical-align:top;" alt="DSB" /> </a> </td> <td width="20"></td> <td> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td align="right" style="font:11px/13px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> Louise-Frederikke </td> </tr> <tr> <td align="right" style="font:700 11px/13px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> 149 point </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> <td class="hm" width="20"></td> </tr> </table>  </td> </tr> </table>  <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="bg-07-m" bgcolor="#fffffe" background="https://i.imgur.com/dvWfYyI.png" style="background-image:url(https://i.imgur.com/dvWfYyI.png); background-repeat:no-repeat; background-position:center top;">  <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="hm" width="15" height="90"></td> <td class="l-fff pr-20 pl-15 pb-10p" valign="top"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="pb-0" style="padding:8px 0 9px 0;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <a style="text-decoration:none;" href="http://link"> <img src="logo-01.png" width="38" style="width:38px; font:20px/22px Arial, Helvetica, sans-serif; color:#fff; vertical-align:top;" alt="DSB" /> </a> </td> <td width="20"></td> <td align="right" style="font:11px/13px Helvetica Neue, Helvetica, Arial, sans-serif; color:#fff;"> Louise-Frederikke </td> </tr> </table> </td> </tr> </table> </td> <td class="hm" width="20"></td> </tr> </table>  </td> </tr> </table>    <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="plr-20" style="padding:35px 80px;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="pr-30" style="padding:0 0 15px; font:700 17px/23px Helvetica Neue, Helvetica, Arial, sans-serif; color:#000;"> DSB er på en rejse mod det bæredygtige </td> </tr> <tr> <td style="padding:0 0 18px; font:300 15px/23px Helvetica Neue, Helvetica, Arial, sans-serif; color:#232323;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit. <a style="text-decoration:underline; color:#b41730;" href="http://link">Få overblik over ændringerne</a> </td> </tr> <tr> <td class="h-u" style="font:700 14px/27px Helvetica Neue, Helvetica, Arial, sans-serif; color:#000;"> <a style="color:#000; text-decoration:none;" href="http://link"> Tjek rejsen på Rejseplanen<span style="display:inline-block; vertical-align:-1px;"><img src="ico-01.png" width="24" style="width:24px; display:block; vertical-align:top;" alt="→" /></span> </a> </td> </tr> </table> </td> </tr> </table>  <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="plr-20" style="padding:35px 80px;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="pr-30" style="padding:0 0 15px; font:700 17px/23px Helvetica Neue, Helvetica, Arial, sans-serif; color:#000;"> DSB er på en rejse mod det bæredygtige </td> </tr> <tr> <td style="padding:0 0 28px; font:300 15px/23px Helvetica Neue, Helvetica, Arial, sans-serif; color:#232323;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit. <a style="text-decoration:underline; color:#b41730;" href="http://link">Få overblik over ændringerne</a> </td> </tr> <tr> <td> <table style="border-radius:5px; overflow:hidden;" cellpadding="0" cellspacing="0"> <tr> <td class="active-t btn-03" align="center" style="background:#b41730; mso-padding-alt:5px 36px 11px; font:700 14px/27px Helvetica Neue, Helvetica, Arial, sans-serif;"> <a style="color:#fff; text-decoration:none; display:block; padding:6px 36px;" href="http://link">Køb billet</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table>  <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="plr-20" style="padding:35px 80px;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="pr-30" style="padding:0 90px 15px 0; font:700 28px/33px Helvetica Neue, Helvetica, Arial, sans-serif; color:#000;"> DSB er på en rejse mod det bæredygtige </td> </tr> <tr> <td style="padding:0 0 18px; font:300 15px/23px Helvetica Neue, Helvetica, Arial, sans-serif; color:#232323;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit. <a style="text-decoration:underline; color:#b41730;" href="http://link">Få overblik over ændringerne</a> </td> </tr> <tr> <td class="h-u" style="font:700 14px/27px Helvetica Neue, Helvetica, Arial, sans-serif; color:#000;"> <a style="color:#000; text-decoration:none;" href="http://link"> Tjek rejsen på Rejseplanen<span style="display:inline-block; vertical-align:-1px;"><img src="ico-01.png" width="24" style="width:24px; display:block; vertical-align:top;" alt="→" /></span> </a> </td> </tr> </table> </td> </tr> </table>  <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="plr-20" style="padding:35px 80px;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="pr-30" style="padding:0 90px 15px 0; font:700 28px/33px Helvetica Neue, Helvetica, Arial, sans-serif; color:#000;"> DSB er på en rejse mod det bæredygtige </td> </tr> <tr> <td style="padding:0 0 28px; font:300 15px/23px Helvetica Neue, Helvetica, Arial, sans-serif; color:#232323;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit. <a style="text-decoration:underline; color:#b41730;" href="http://link">Få overblik over ændringerne</a> </td> </tr> <tr> <td> <table style="border-radius:5px; overflow:hidden;" cellpadding="0" cellspacing="0"> <tr> <td class="active-t btn-03" align="center" style="background:#b41730; mso-padding-alt:5px 36px 11px; font:700 14px/27px Helvetica Neue, Helvetica, Arial, sans-serif;"> <a style="color:#fff; text-decoration:none; display:block; padding:6px 36px;" href="http://link">Køb billet</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table>    <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <th class="tflex" width="300" align="left"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="wi-100p" align="center"> <img src="img-01.jpg" width="300" style="width:300px; vertical-align:top;" alt="" /> </td> </tr> </table> </th> <th class="tflex" align="left"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="pt-26 plr-20 pb-34" style="padding:20px 30px;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="h-u pb-9" style="padding:0 0 12px; font:700 20px/26px Helvetica Neue, Helvetica, Arial, sans-serif; color:#232323;"> <a style="text-decoration:none; color:#b41730;" href="http://link">Tilbud til dig</a> i 7-Eleven på DSB's stationer </td> </tr> <tr> <td class="pb-13" style="padding:0 0 17px; font:300 14px/20px Helvetica Neue, Helvetica, Arial, sans-serif; color:#232323;"> Frem til 11. oktober kan alle med DSB Plus købe en lille kop filterkaffe til kun 10 kr. (normalpris 15 kr.). </td> </tr> <tr> <td class="h-u" style="font:700 14px/27px Helvetica Neue, Helvetica, Arial, sans-serif; color:#000;"> <a style="color:#000; text-decoration:none;" href="http://link"> Mere om fordelskort<span style="display:inline-block; vertical-align:-1px;"><img src="ico-01.png" width="24" style="width:24px; display:block; vertical-align:top;" alt="→" /></span> </a> </td> </tr> </table> </td> </tr> </table> </th> </tr> </table> </td> </tr> </table>  <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <table width="100%" cellpadding="0" cellspacing="0"> <tr class="thold"> <th class="tfoot" align="left"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="pt-26 plr-20 pb-34" style="padding:20px 30px;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="h-u pb-9" style="padding:0 0 10px; font:700 20px/26px Helvetica Neue, Helvetica, Arial, sans-serif; color:#232323;"> <a style="text-decoration:none; color:#b41730;" href="http://link">Sidste chance!</a> Vind billetter til BonBon-Land </td> </tr> <tr> <td class="pb-19" style="padding:0 0 26px; font:300 14px/20px Helvetica Neue, Helvetica, Arial, sans-serif; color:#232323;"> Svar på et spørgsmål og deltag i lodtrækningen om en familietur til BonBon-Land i efterårsferien. Deltag her senest 10. oktober 2019 </td> </tr> <tr> <td> <table style="border-radius:5px; overflow:hidden;" cellpadding="0" cellspacing="0"> <tr> <td class="active-t btn-02" align="center" style="background:#b41730; mso-padding-alt:5px 24px 11px; font:700 14px/27px Helvetica Neue, Helvetica, Arial, sans-serif;"> <a style="color:#fff; text-decoration:none; display:block; padding:6px 24px;" href="http://link">Deltag her</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </th> <th class="thead" width="300" align="left"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="wi-100p" align="center"> <img src="img-01.jpg" width="300" style="width:300px; vertical-align:top;" alt="" /> </td> </tr> </table> </th> </tr> </table> </td> </tr> </table>  <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td style="background:#eeeff0;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <th class="tflex" width="300" align="left"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="wi-100p" align="center"> <img src="img-01.jpg" width="300" style="width:300px; vertical-align:top;" alt="" /> </td> </tr> </table> </th> <th class="tflex" align="left"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="pt-26 plr-20 pb-34" style="padding:20px 30px;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="h-u pb-9" style="padding:0 0 12px; font:700 20px/26px Helvetica Neue, Helvetica, Arial, sans-serif; color:#232323;"> Sidste chance! Vind billetter til BonBon-Land </td> </tr> <tr> <td style="font:300 14px/20px Helvetica Neue, Helvetica, Arial, sans-serif; color:#232323;"> Svar på et spørgsmål og deltag i lodtrækningen om en familietur til BonBon-Land i efterårsferien. Deltag her senest 10. oktober 2019 </td> </tr> </table> </td> </tr> </table> </th> </tr> </table> </td> </tr> </table>    <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="plr-20" style="padding:35px 30px;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <th class="tflex" width="180" align="left" style="vertical-align:top;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td style="font:700 17px/23px Helvetica Neue, Helvetica, Arial, sans-serif; color:#000;"> Er denne information relevant for dig? </td> </tr> </table> </th> <th class="tflex" width="30" height="10"></th> <th class="tflex" align="left" style="vertical-align:top;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="pb-14" style="padding:0 0 20px; font:300 14px/20px Helvetica Neue, Helvetica, Arial, sans-serif; color:#232323;"> Vi sender denne mail, fordi du har købt billetter til en rejse, som kan blive berørt af sporarbejdet. På din DSB Plus profil har du mulighed for at oplyse en startstop-station og modtage information, når der er planlagte ændringer på din rejse. </td> </tr> <tr> <td class="h-u" style="font:700 14px/27px Helvetica Neue, Helvetica, Arial, sans-serif; color:#000;"> <a style="color:#000; text-decoration:none;" href="http://link"> Angiv start/stop-station<span style="display:inline-block; vertical-align:-1px;"><img src="ico-01.png" width="24" style="width:24px; display:block; vertical-align:top;" alt="→" /></span> </a> </td> </tr> </table> </th> </tr> </table> </td> </tr> </table>