<!DOCTYPE html>
<html dir="ltr" lang="de">
<head>
    <meta charset="utf-8" />
    <title>Angebot</title>
    <!--<base href="Drucken/DruckTemplates/" />-->

    <link rel="stylesheet" href="CSS/bootstrap.min.css" />
    <link rel="stylesheet" href="CSS/Allgemein.css" />
    <link rel="stylesheet" href="CSS/Beleg.css" />
    <link rel="stylesheet" href="CSS/Angebot.css" />
    {{ DISPLAY_CSS }}
</head>
<body>
    <div id="footer">
        {{ IMPRESSUM }}
    </div>

    <div id="header">
        <div class="karley-header">
            <div class="h-logo">
                <img src="images/Karley-Logo-100x100.png" />
            </div>
            <div class="h-chinese">
                <img src="images/karley-china-klein-vertikal.gif" />
            </div>
            <div class="h-fields">
                <span>
                    Beratung - Service - Verkauf - Wartung<br />
                    Farb-Etikettendrucker, Applikatoren &amp; Etiketten<br />
                    Elekt. Schilder, Kassen, Programmierung, RFID
                </span>
            </div>
        </div>
        <div class="belegnummer font-weight-bold text-right">
            Angebot {{ ANGEBOTSNUMMER }}
        </div>
        <div class="pages">
            Seite <span class="page-number"></span>/<span class="page-count"></span>
        </div>
    </div>

    <div class="content">
        <section class="kopfzeile">
            

            <table class="table table-borderless brief-table">
                <tbody>
                    <tr>
                        <td style="width: 67%;" class="p-0">
                            <div class="rücksende-zeile">
                                <span class="s-return">{{ ABS_FIRMA }} - {{ ABS_STRASSE }} - {{ ABS_LAND }} {{ ABS_PLZ }} {{ ABS_ORT }}</span>
                            </div>
                            <div class="adress-zeile">
                                <address>
                                    {{ ADDRESSZEILE1 }}<br />
                                    <span class="display-addresszeile2">{{ ADDRESSZEILE2 }}<br /></span>
                                    <span class="display-addresszeile3">{{ ADDRESSZEILE3 }} <br /></span>
                                    <span class="display-addresszeile4">{{ ADDRESSZEILE4 }} <br /></span>
                                    {{ EMP_STRASSE }}<br />
                                    <span class="display-empfaenger-land">{{ EMP_LAND }}&nbsp;</span>{{ EMP_PLZ }} {{ EMP_ORT }}
                                </address>
                            </div>
                        </td>
                        <td style="width: 33%;" class="text-right">
                            <span class="font-weight-bold d-block">Date: <span class="font-weight-normal">{{ DATUM }}</span></span>
                            <span class="font-weight-bold d-block">Customer-No.: <span class="font-weight-normal"> {{ KUNDENNUMMER }}</span></span>
                            <span class="font-weight-bold display-anfrage-durch">Request by: <span class="font-weight-normal"> {{ ANFRAGE_DURCH }}</span></span>
                            <span class="font-weight-bold display-anfrage-vom">Inquiry from: <span class="font-weight-normal"> {{ ANFRAGE_VOM }}</span></span>
                            <span class="font-weight-bold display-anfragennummer">Inquiry number: <span class="font-weight-normal"> {{ ANFRAGENNUMMER }}</span></span>
                            <span class="font-weight-bold display-gueltig-bis">Valid until: <span class="font-weight-normal"> {{ GUELTIG_BIS }}</span></span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </section>
        <section class="content">
            <p>
                Thank you for your inquiry and your interest in our products and services.
                We are pleased to send you the following quotation:
            </p>
            {{ KOPFTEXT }}
            <table class="table table-borderless pos-table">
                <thead>
                    <tr>
                        <th class="nowrap">Pos</th>
                        <th class="nowrap">Part-No.</th>
                        <th class="nowrap text-right">Quantity</th>
                        <th class="nowrap text-right">Retail price</th>
                        <th class="nowrap text-right">Discount %</th>
                        <th class="nowrap text-right">Price</th>
                        <th class="nowrap text-right">Sum</th>
                    </tr>
                </thead>
                <tbody>
                    {{ POSITIONEN }}
                </tbody>
            </table>

            {{ FUSSTEXT }}

            <table class="table table-borderless table-sm">
                <tr class="display-lieferanschrift">
                    <th style="width: 5%;">Shipping address</th>
                    <td style="width: 95%;">{{ LIEFERANSCHRIFT }}</td>
                </tr>
                <tr class="display-rechnungsanschrift">
                    <th style="width: 5%;">Invoice address</th>
                    <td style="width: 95%;">{{ RECHNUNGSANSCHRIFT }}</td>
                </tr>
                <tr class="display-lieferzeit">
                    <th style="width: 5%;">Delivery time</th>
                    <td style="width: 95%;">{{ LIEFERZEIT }}</td>
                </tr>
                <tr>
                    <th style="width: 5%;">Delivery conditions</th>
                    <td style="width: 95%;">{{ LIEFERBEDINGUNGEN }}</td>
                </tr>
                <tr>
                    <th style="width: 5%;">Terms of payment</th>
                    <td style="width: 95%;">{{ ZAHLUNGSBEDINGUNGEN }}</td>
                </tr>
            </table>

            <p>
                The terms and conditions of Karley Deutschland GmbH apply, which can be viewed at www.karley.de. Quotation subject to change.<br />

                We hope to have met your wishes. About your order we would be very pleased. If you have any questions, please do not hesitate to contact us.<br />

                Acceptance: We accept your order for the above items at the conditions and prices stated.
            </p>

            <div class="unterschrift">
                <span class="unterschrift-description">Date</span>
                <span class="unterschrift-description">Signature</span>
                <span class="unterschrift-description">Stamp</span>
            </div>
        </section>
    </div>
</body>
</html>
