<style>
html, body, p, td, span, b, th {
font-size: 9px !important;
}
br {
line-height: 0 !important;
}

</style>
<div style="height: 100%; position: relative; width: 100%; margin: auto;">
<p style="text-align: center; margin-bottom: 30px;">
<img src="https://cdn.shopify.com/s/files/1/1500/7320/files/image1.png?4829905138565621237" width="150">
</p>
<h3>Rechnung / Invoice</h3>
<div width="33%" style="width: 33%; float: left; padding-bottom: 40px;">
<p style="margin: 0; font-weight: bold;" >Rechnungsanschrift / </p><p style="margin: 0; font-weight: bold;" >Billing Address</p>
<p></p>
    <p style="margin: 0;" >
    {{ billing_address.name }}</p>
        {% if billing_address.company %}<p style="margin: 0;" >
          {{ billing_address.company }}</p>
        {% endif %}
        <p style="margin: 0;" >{{ billing_address.street }}</p>
        <p style="margin: 0;" >{{ billing_address.city }}</p>
        <p style="margin: 0;" >{{ billing_address.zip | upcase }}</p>
       <p style="margin: 0;" > {{ billing_address.country }}</p>


  </div>
  <div width="33%" style="width: 33%; float: left; padding-bottom: 40px;">
  <p style="font-weight: bold; margin: 0;">Lieferanschrift /</p><p style="font-weight: bold; margin: 0;"> Shipping Address</p>
  <p></p>
   <p style="margin: 0;" >
    {{ shipping_address.name }}</p>
        {% if shipping_address.company %} <p style="margin: 0;" >
          {{ shipping_address.company }}</p>
        {% endif %}
         <p style="margin: 0;" >{{ shipping_address.street }}</p>
        <p style="margin: 0;" > {{ shipping_address.city }}
        {{ shipping_address.province_code }}
        {{ shipping_address.zip | upcase }}</p>
        <p style="margin: 0;" > {{ shipping_address.country }}</p>



  </div>

<div width="33%" style="width: 33%; float: left; padding-bottom: 40px;">
<p style="font-weight: bold; margin: 0;">Adresse für Retouren /</p> <p style="font-weight: bold; margin: 0;">Address for Returns</p>
    <span>
    <p></p>
      <p style="margin: 0;">{{ shop_name }} Clothing</p>
  <p style="margin: 0;">Baumstr 33</p>
  <p style="margin: 0;">47198 Duisburg</p>
  <p style="margin: 0;">{{ shop.country | upcase }}
  </p>
  </div>

  <table class="table-tabular" style="border: 0; margin-top: 20px; margin-bottom: 20px;">
  <thead style="border-bottom: 1px solid black;">
  <tr>
  <th>Bestellnummer / Order Number</th>
  <th>Rechnungsnummer / Invoice-No.</th>
  <th>Rechnungsdatum / Invoice Date</th>
  </tr>
  </thead>
  <tbody style="border: 0;">
  <tr>
  <td>{{ order_number }}</td>
  <td>{{ order_number }}</td>
  <td>{{ created_at | date: "%d.%m.%y"}}</td>
  </tr>
  </tbody>
  </table>


<table class="table-tabular" style="margin: 0 0 0em 0; border: 0;">
  <thead>
    <tr>
    <th>Artikelnummer / SKU</th>
      <th>Artikel / Item</th>
      <th>Menge / Quantity</th>
      <th style="text-align: right;">Betrag / Subtotal</th>
    </tr>
  </thead>
  <tbody>
    {% for line_item in line_items %}
      <tr>
        <td>{{ line_item.sku }}</td>
        <td>{{ line_item.title }}</td>
         <td>{{ line_item.quantity }} x</td>



        <td style="text-align: right;">{{ line_item.price | money }}</td>
      </tr>
    {% endfor %}
    <tr>
    <td></td>
    <td>Versand / Shipping </td>
    <td></td>
    <td style="text-align: right;">{{shipping_price | money }}</td>
    </tr>
    {% for discount in discounts %}
    <tr>
    <td></td>
    <td>Rabatt / Discount </td>
    <td></td>
    <td style="text-align: right;">{{discount.savings | money }}</td>
    {%endfor%}
    </tr>
    <tr>
      </tbody>
</table>
<table class="table-tabular" style="border: 0; margin-bottom: 40px;">
<tbody>
    {%if billing_address.country_code == 'BE' or 'DEU' or 'FR' or 'BG' or 'DK' or 'EE' or 'FI' or 'GR' or 'IE' or 'IT' or 'HR' or 'LV' or 'LT' or 'LU' or 'MT' or 'NL' or 'AT' or 'PL' or 'px' or 'RO' or 'SE' or 'SI' or 'SK' or 'ES' or 'HU' or 'CZ' or 'GB' or 'CY'%}
    <td colspan="1" style="text-align: right; border: 0">Betrag netto / Total excl. VAT: <b>{{ total_price | divided_by: 1.19 | money }}</b></td>
    {% else %}
    <td colspan="1" style="text-align: right; border: 0">zzgl. MwSt. / Incl. VAT (0%): <b>{{ total_tax | money }}</b></td>
    {%endif%}
    <td colspan="1" style="text-align: right; border: 0">zzgl. MwSt. / Incl. VAT (19%): <b>{{ total_tax | money }}</b></td>

    <td colspan="1" style="text-align: right; border: 0">Summe / Invoice Total: <b>{{ total_price | money }}</b></td></tr>

  </tbody>
</table>

<p><b>Zahlungsmethode / Payment Method</b>:

{% for transaction in transactions %}


    {{ transaction.gateway | payment_method }}

   {%break%}

{%endfor%}


</p>

{% for transaction in transactions %}


    {% if transaction.gateway contains "Vorkasse" %}
    <p>
    Bitte überweisen Sie den offenen Betrag auf folgendes Bankkonto:<br>

    Kontoinhaber: <br>

    IBAN: <br>

    BIC:<br>

    Verwendungszweck: Ihre Bestellnummer <br>

    Sobald Ihre Zahlung bei uns eingegangen ist, werden wir Ihre Bestellung schnellstmöglich bearbeiten.<br>
    --------------------------------<br>
    Please transfer the amount to the following account:<br>


    account owner: <br>

    IBAN:<br>

    BIC: <br>

    usage: your order number <br>


    As soon as your payment has arrived, we will proceed your order as fast as possible .
    </p>




{%endif%}
{%break%}
{%endfor%}


<p>Lieferdatum ist gleich Rechnungsdatum. /  Date of delivery is the date of the invoice.</p>

<p>Vielen Dank für deinen Einkauf bei {{ shop_name }} / Thanks for your purchase at {{ shop_name }}!</p>

<p style="margin-top: 100px; font-size: 8px !important; text-align: center; width: 100%;">{{ shop_name }},
  {{ shop.address }},
  {{ shop.zip | upcase }} {{ shop.city }},
  {{ shop.country | upcase }}<br>
  Geschäftsführer:  , HRB 1, UST-Ident.Nr.<br>
  IBAN:  BIC:
  </p>

  </div>