| <!doctype html> |
| <html> |
| <head> |
| <meta name="viewport" content="width=device-width"> |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
| <title>open KONSEQUENZ Email</title> |
| <style> |
| @media only screen and (max-width: 580px) { |
| table[class=body] h1 { |
| font-size: 28px !important; |
| margin-bottom: 10px !important; |
| } |
| |
| table[class=body] p, |
| table[class=body] ul, |
| table[class=body] ol, |
| table[class=body] td, |
| table[class=body] span, |
| table[class=body] a { |
| font-size: 16px !important; |
| } |
| |
| table[class=body] .wrapper, |
| table[class=body] .article { |
| padding: 10px !important; |
| } |
| |
| table[class=body] .content { |
| padding: 0 !important; |
| } |
| |
| table[class=body] .container { |
| padding: 0 !important; |
| width: 100% !important; |
| } |
| |
| table[class=body] .main { |
| border-left-width: 0 !important; |
| border-radius: 0 !important; |
| border-right-width: 0 !important; |
| } |
| |
| table[class=body] .btn table { |
| width: 100% !important; |
| } |
| |
| table[class=body] .btn a { |
| width: 100% !important; |
| } |
| |
| table[class=body] .img-responsive { |
| height: auto !important; |
| max-width: 100% !important; |
| width: auto !important; |
| } |
| } |
| @media all { |
| .ExternalClass { |
| width: 100%; |
| } |
| |
| .ExternalClass, |
| .ExternalClass p, |
| .ExternalClass span, |
| .ExternalClass font, |
| .ExternalClass td, |
| .ExternalClass div { |
| line-height: 100%; |
| } |
| |
| .apple-link a { |
| color: inherit !important; |
| font-family: inherit !important; |
| font-size: inherit !important; |
| font-weight: inherit !important; |
| line-height: inherit !important; |
| text-decoration: none !important; |
| } |
| |
| #MessageViewBody a { |
| color: inherit; |
| text-decoration: none; |
| font-size: inherit; |
| font-family: inherit; |
| font-weight: inherit; |
| line-height: inherit; |
| } |
| |
| .btn-primary table td:hover { |
| background-color: #286090 !important; |
| } |
| |
| .btn-primary a:hover { |
| background-color: #286090 !important; |
| border-color: #204d74 !important; |
| } |
| } |
| </style> |
| </head> |
| <body class="" style="background-color: #f6f6f6; font-family: sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.4; margin: 0; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"> |
| <span class="preheader" style="color: transparent; display: none; height: 0; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; mso-hide: all; visibility: hidden; width: 0;">This is preheader text. Some clients will show this text as a preview.</span> |
| <table border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; background-color: #f6f6f6;"> |
| <tr> |
| <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;"> </td> |
| <td class="container" style="font-family: sans-serif; font-size: 14px; vertical-align: top; display: block; Margin: 0 auto; max-width: 680px; padding: 10px; width: 680px;"> |
| <div class="content" style="overflow: auto; position: inherit; box-sizing: border-box; display: block; Margin: 0 auto; max-width: 680px; padding: 10px;"> |
| |
| <!-- START CENTERED WHITE CONTAINER --> |
| <table class="main" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; background: #ffffff; border-radius: 3px;"> |
| |
| <div style="padding: 3px; border: 0; background: rgb(232, 238, 231); background: -moz-linear-gradient(left, rgba(232, 238, 231, 1) 0%, rgba(229, 237, 242, 1) 75%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(232, 238, 231, 1)), color-stop(75%, rgba(229, 237, 242, 1))); background: -webkit-linear-gradient(left, rgba(232, 238, 231, 1) 0%, rgba(229, 237, 242, 1) 75%); background: -o-linear-gradient(left, rgba(232, 238, 231, 1) 0%, rgba(229, 237, 242, 1) 75%); background: -ms-linear-gradient(left, rgba(232, 238, 231, 1) 0%, rgba(229, 237, 242, 1) 75%); background: linear-gradient(to right, rgba(232, 238, 231, 1) 0%, rgba(229, 237, 242, 1) 75%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8eee7', endColorstr='#e5edf2', GradientType=1);"> |
| <span style="margin-left: 6px; font-size: 2em; color: #000; font-weight: 500; text-transform: lowercase;">Open</span> |
| <span style="margin-left: 3px; font-size: 1.5em; color: #000; text-transform: uppercase; font-weight: 300;">Konsequenz</span> |
| </div> |
| <div style="position: relative; height: 4px; width: 100%; background: rgb(121, 182, 28); background: -moz-linear-gradient(left, rgba(121, 182, 28, 1) 0%, rgba(2, 129, 196, 1) 75%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(121, 182, 28, 1)), color-stop(75%, rgba(2, 129, 196, 1))); background: -webkit-linear-gradient(left, rgba(121, 182, 28, 1) 0%, rgba(2, 129, 196, 1) 75%); background: -o-linear-gradient(left, rgba(121, 182, 28, 1) 0%, rgba(2, 129, 196, 1) 75%); background: -ms-linear-gradient(left, rgba(121, 182, 28, 1) 0%, rgba(2, 129, 196, 1) 75%); background: linear-gradient(to right, rgba(121, 182, 28, 1) 0%, rgba(2, 129, 196, 1) 75%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79b61c', endColorstr='#0281c4', GradientType=1);"></div> |
| <div style="border: 0; background: rgb(232, 238, 231); background: -moz-linear-gradient(left, rgba(232, 238, 231, 1) 0%, rgba(229, 237, 242, 1) 75%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(232, 238, 231, 1)), color-stop(75%, rgba(229, 237, 242, 1))); background: -webkit-linear-gradient(left, rgba(232, 238, 231, 1) 0%, rgba(229, 237, 242, 1) 75%); background: -o-linear-gradient(left, rgba(232, 238, 231, 1) 0%, rgba(229, 237, 242, 1) 75%); background: -ms-linear-gradient(left, rgba(232, 238, 231, 1) 0%, rgba(229, 237, 242, 1) 75%); background: linear-gradient(to right, rgba(232, 238, 231, 1) 0%, rgba(229, 237, 242, 1) 75%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8eee7', endColorstr='#e5edf2', GradientType=1); padding: 6px 20px;"> |
| <span style="font-size: 2.2em; color: #000; font-weight: 300;">Betriebstagebuch</span> |
| </div> |
| |
| |
| <!-- START MAIN CONTENT AREA --> |
| <tr> |
| <td class="wrapper" style="font-family: sans-serif; font-size: 14px; vertical-align: top; box-sizing: border-box; padding: 20px;"> |
| <table border="0" cellpadding="0" cellspacing="0" style="word-break: break-word; border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;"> |
| <tr> |
| <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;"> |
| ##EMAIL_CONTENT_PLACEHOLDER### |
| </td> |
| </tr> |
| </table> |
| </td> |
| </tr> |
| |
| <!-- END MAIN CONTENT AREA --> |
| </table> |
| |
| <!-- START FOOTER --> |
| <div class="footer" style="clear: both; Margin-top: 10px; text-align: center; width: 100%;"> |
| <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;"> |
| <tr> |
| <td class="content-block" style="font-family: sans-serif; vertical-align: top; padding-bottom: 10px; padding-top: 10px; font-size: 12px; color: #999999; text-align: center;"> |
| <span class="apple-link" style="color: #999999; font-size: 12px; text-align: center;">Automatisierte Mail wurde erstellt und versendet am:</span> |
| <br> ##CREATION_SENT_DATE### |
| </td> |
| </tr> |
| <tr> |
| <td class="content-block powered-by" style="font-family: sans-serif; vertical-align: top; padding-bottom: 10px; padding-top: 10px; font-size: 12px; color: #999999; text-align: center;"> |
| Powered by <a href="https://www.openkonsequenz.de/" style="color: #999999; font-size: 12px; text-align: center; text-decoration: none;">openKONSEQUENZ</a>. |
| </td> |
| </tr> |
| </table> |
| </div> |
| <!-- END FOOTER --> |
| |
| <!-- END CENTERED WHITE CONTAINER --> |
| </div> |
| </td> |
| <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;"> </td> |
| </tr> |
| </table> |
| </body> |
| </html> |
