<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="format-detection" content="telephone=no"> <meta name="format-detection" content="date=no"> <meta name="format-detection" content="address=no"> <meta name="format-detection" content="email=no"> <title>Buchungsbestätigung</title> <style type="text/css"> html { background-color:#F9F9F9; margin:0; padding:0; } body, #bodyTable, #bodyCell, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;font-family:Helvetica, Arial, sans-serif !important;} table{border-collapse:collapse;} table[id=bodyTable] {width:100%!important;margin:auto;max-width:600px!important;color:#7A7A7A;font-weight:normal;} img, a img{border:0; outline:none; text-decoration:none; height:auto; line-height:100%;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div{line-height:100%;} table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} #outlook a{padding:0;} img{-ms-interpolation-mode: bicubic;display:block;outline:none; text-decoration:none;} body, table, td, p, a, li, blockquote{-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; font-weight:normal!important;} .ExternalClass td[class="ecxflexibleContainerBox"] h3 {padding-top: 10px !important;} h1{display:block;font-size:26px;font-style:normal;font-weight:normal;line-height:100%;} h2{display:block;font-size:20px;font-style:normal;font-weight:normal;line-height:120%;} h3{display:block;font-size:17px;font-style:normal;font-weight:normal;line-height:110%;} h4{font-size:18px;font-style:normal;font-weight:normal;line-height:100%; color: #14A0DC; border-bottom: 3px solid #ccc; display: inline-block; margin-bottom: 20px; padding-bottom: 4px; margin-top: 15px;} .flexibleImage{height:auto;} .linkRemoveBorder{border-bottom:0 !important;} table[class=flexibleContainerCellDivider] {padding-bottom:0 !important;padding-top:0 !important;} hr { height:1px; border:0;background:#eee;} body, #bodyTable{background-color:#F9F9F9;} #emailHeader{background-color:#F9F9F9;} #emailBody{background-color:#FFFFFF;} #emailFooter{background-color:#F9F9F9;} .nestedContainer{background-color:#F8F8F8; border:1px solid #CCCCCC;} .emailButton{background-color:#205478; border-collapse:separate;} .buttonContent{color:#FFFFFF; font-family:Helvetica; font-size:18px; font-weight:bold; line-height:100%; padding:15px; text-align:center;} .buttonContent a{color:#FFFFFF; display:block; text-decoration:none!important; border:0!important;} .emailCalendar{background-color:#FFFFFF; border:1px solid #CCCCCC;} .emailCalendarMonth{background-color:#205478; color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; padding-top:10px; padding-bottom:10px; text-align:center;} .emailCalendarDay{color:#205478; font-family:Helvetica, Arial, sans-serif; font-size:60px; font-weight:bold; line-height:100%; padding-top:20px; padding-bottom:20px; text-align:center;} .imageContentText {margin-top: 10px;line-height:0;} .imageContentText a {line-height:0;} #invisibleIntroduction {display:none !important;} span[class=ios-color-hack] a {color:#275100!important;text-decoration:none!important;} span[class=ios-color-hack2] a {color:#205478!important;text-decoration:none!important;} span[class=ios-color-hack3] a {color:#8B8B8B!important;text-decoration:none!important;} .a[href^="tel"], a[href^="sms"] {text-decoration:none!important;color:#606060!important;pointer-events:none!important;cursor:default!important;} .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {text-decoration:none!important;color:#606060!important;pointer-events:auto!important;cursor:default!important;} /* MOBILE STYLES */ @media only screen and (max-width: 620px){ body{width:100% !important; min-width:100% !important;} /*td[class="textContent"], td[class="flexibleContainerCell"] { width: 100%; padding-left: 10px !important; padding-right: 10px !important; }*/ table[id="emailHeader"], table[id="emailBody"], table[id="emailFooter"], table[class="flexibleContainer"], td[class="flexibleContainerCell"] {width:100% !important;} td[class="flexibleContainerBox"], td[class="flexibleContainerBox"] table {display: block;width: 100%;text-align: left;} td[class="imageContent"] img {height:auto !important; width:100% !important; max-width:100% !important; } img[class="flexibleImage"]{height:auto !important; width:100% !important;max-width:100% !important;} img[class="flexibleImageSmall"]{height:auto !important; width:auto !important;} table[class="flexibleContainerBoxNext"]{padding-top: 10px !important;} table[class="emailButton"]{width:100% !important;} td[class="buttonContent"]{padding:0 !important;} td[class="buttonContent"] a{padding:15px !important;} br[class="desktop"] {display:none !important;} } </style> <!--[if mso 12]> <style type="text/css"> .flexibleContainer{display:block !important; width:100% !important;} </style> <![endif]--> <!--[if mso 14]> <style type="text/css"> .flexibleContainer{display:block !important; width:100% !important;} </style> <![endif]--> </head> <body bgcolor="#F9F9F9" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> <!-- CENTER THE EMAIL // --> <center style="background-color:#F9F9F9;"> <br class="hidden-sm"><br class="hidden-sm"> <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="table-layout: fixed;max-width:100% !important;width: 100% !important;min-width: 100% !important;"> <tr> <td align="center" valign="top" id="bodyCell"> <!-- EMAIL CONTAINER // --> <table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" width="600" id="emailBody"> <!-- MODULE ROW // --> <tr> <td align="center" valign="top"> <!-- CENTERING TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="color:#111111;" bgcolor="#ffffff"> <tr> <td align="center" valign="top"> <!-- FLEXIBLE CONTAINER // --> <table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer"> <tr> <td align="center" valign="top" width="600" class="flexibleContainerCell"> <!-- CONTENT TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td bgcolor="#ffffff" width="100" height="70" align="center"> <br> <img alt="Deutsche Glasfaser - 1" src="cid:logo.png" width="200" height="70" style="max-width:200px; max-height:70px;"> </td> </tr> </table> <!-- // CONTENT TABLE --> </td> </tr> </table> <!-- // FLEXIBLE CONTAINER --> </td> </tr> </table> <!-- // CENTERING TABLE --> </td> </tr> <!-- // MODULE ROW --> <!-- MODULE ROW // --> <tr> <td align="center" valign="top" > <!-- CENTERING TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="color:#111111;" bgcolor=""> <tr> <td align="center" valign="top"> <!-- FLEXIBLE CONTAINER // --> <table border="0" cellpadding="30" cellspacing="0" width="600" class="flexibleContainer"> <tr> <td align="center" valign="top" width="600" class="flexibleContainerCell"> <!-- CONTENT TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="left" class="textContent">