<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{{ title }}</title>
    <style>
        @page {margin-bottom: 0;}
        body {margin: 0;padding: 0;}
        table {width: 100%;page-break-after: always;}
        td {width: 50%;padding-top: 12px;}
        p, tr, td, table {padding: 0;margin: 0;font-family: Arial, Verdana, sans-serif;font-size: 10px;line-height: 19px;border:0;}
        tr, td, table {vertical-align: top;text-align: left;}
        div {overflow:hidden;height: 148px;}
        span {font-size: 8px;line-height: 10px;padding: 0 0 0 15px;}
        p {padding: 5px 0 0 15px;}
        td:nth-child(2) span,
        td:nth-child(2) p {padding-left: 45px;}
    </style>
</head>
<body>
<table width="100%" class="addresses" cellpadding="0" cellspacing="0" border="0">
    <tr>
        <th>Firma</th>
        <th>Name</th>
        <th>Email</th>
        <th>Straße</th>
        <th>Ort</th>
        <th>Abteilung</th>
        <th>Telefon</th>
        <th>Mobil</th>
    </tr>
    {% for key, value in data %}
        <tr>
            <td>{{ value.company }}</td>
            <td>{{ value.firstname }} {{ value.lastname }}</td>
            <td>{{ value.email }}</td>
            <td>{{ value.street }} {{ value.street_no }}</td>
            <td>{{ value.zip }} {{ value.city }}</td>
            <td>{{ value.department }}</td>
            <td>{{ value.phone_no }}</td>
            <td>{{ value.mobile_no }}</td>
        </tr>
    {% endfor %}
</table>
</body>
</html>