<template>

<title>Template</title>

<meta name="author" content="Author">

<meta name="page-size" content="A4">

<meta name="page-margins" content="40, 60, 40, 100">

<style>

.items th {

padding: 4px;

font-weight: normal;

text-align: left;

}

th.right, td.right {

text-align: right;

}

.items td {

padding: 4px;

}

table.items {

border-collapse: collapse;

width: 100%;

line-height: 1;

border-bottom: 1px solid black;

margin-bottom: 1cm;

}

.bold {

font-weight: bold;

}

</style>

<main>

<p style="font-size: 13px"><u>MY COMPANY GmbH • My Stree 1 • 11111 Berlin</u></p>

<div>

<span>My Customer</span><br>

<span>Customer Str. 1</span><br>

<span>11111 Berlin</span>

</div>

<h1>Rechnung</h1>

<table style="line-height: 1; margin-bottom: 2cm; width: 50%">

<tr>

<td>Rechnung</td>

<td>2022</td>

</tr>

<tr>

<td>Rechnungsdatum</td>

<td>10.06.2022</td>

</tr>

<tr>

<td>Bestelldatum</td>

<td>10.06.2022</td>

</tr>

<tr>

<td>Zahldatum</td>

<td>10.06.2022</td>

</tr>

<tr>

<td>Versanddatum</td>

<td>10.06.2022</td>

</tr>

<tr>

<td>Zahlart</td>

<td>PayPal</td>

</tr>

<tr>

<td>Referenz</td>

<td><b>PayPal</b></td>

</tr>

</table>

<table class="items">

<colgroup>

<col style="width: 5%;">

</colgroup>

<tr style="border-top: 1px solid black; border-bottom: 1px solid black; background: #ccc">

<th>Pos</th>

<th>Nummer Test</th>

<th>Artikel</th>

<th class="right">Anzahl</th>

<th class="right">Preis</th>

<th class="right">Summe</th>

</tr>

<tr>

<td class="right">1</td>

<td>B1</td>

<td>Super Artikel</td>

<td class="right">2</td>

<td class="right">2,83 €</td>

<td class="right">5,66 €</td>

</tr>

<tr>

<td class="right">1</td>

<td>B1</td>

<td>Super Artikel</td>

<td class="right">2</td>

<td class="right">2,83 €</td>

<td class="right">5,66 €</td>

</tr>

</table>

<table style="width: 100%; margin-bottom: 1cm; text-align: right">

<colgroup>

<col>

<col style="width: 100px">

</colgroup>

<tr>

<td>Zwischensumme (netto)</td>

<td class="right">5,66 €</td>

</tr>

<tr>

<td>Versand</td>

<td class="right">0,00 €</td>

</tr>

<tr>

<td>Gesamt netto</td>

<td class="right">5,66 €</td>

</tr>

<tr>

<td>Umsatzsteuer (7,0%)</td>

<td class="right">0,40 €</td>

</tr>

<tr class="bold">

<td>Gesamtsumme</td>

<td class="right">6,06 €</td>

</tr>

</table>

<p>Ihre Zahlung haben wir am 10.06.2022 per PayPal erhalten. Vielen Dank!</p>

</main>

<footer>

<div style="margin: 0 2cm">

<div style="display: flex; font-size: 12px;justify-content: space-between">

<div>

My Company<br>

My Company<br>

My Street 1<br>

11111 Berlin<br>

German

</div>

<div>

WEBSEITE:<br>

www.example.com<br>

Umsatzsteuer ID:<br>

DE11111111

</div>

<div>

Bankverbindung<br>

My Company<br>

IBAN: DE11 1111 1111 1111 1111 11<br>

BIC: XXXXXXXXXX<br>

My Bank

</div>

</div>

<p style="font-size: 12px; text-align: right;">Seite: <span data-value="currentPage"></span>/<b

data-value="pageCount"></b>

</div>

</footer>

</template>