<article class="c6ee15365-8f47-4dab-8bee-2a56a7916c57">
  <div class="separator-h">{{ .Scissors }}</div>
  <div class="receiver">
    <div class="payment-details">
      <div>
        <h2>Empfangsschein</h2>
        <h4 style="margin-top: 0">Konto / Zahlbar an</h4>
        <p>
          {{ .ReceiverIBAN }} <br />
          {{ .ReceiverName }} <br />
          {{ .ReceiverStreet}} {{.ReceiverNumber}} <br />
          {{ .ReceiverZIPCode }} {{ .ReceiverPlace }}
        </p>
      </div>
      <div>
        <h4>Referenz</h4>
        <p>{{ .Reference }}</p>
      </div>
      <div>
        <h4>Zahlbar durch</h4>
        <p>
          {{ .PayeeName }} <br />
          {{ .PayeeStreet}} {{.PayeeNumber}} <br />
          {{ .PayeeZIPCode }} {{ .PayeePlace }}
        </p>
      </div>
    </div>
  </div>
  <div class="separator-v">{{ .Scissors }}</div>
  <div class="payer">
    <h2>Zahlteil</h2>
    <div class="qr-code">
      <!-- Replace with your QR code image or generated SVG -->
      <div class="qr-section-img">
        <image src="{{ .GetQR }}"></image>
        {{ .Cross }}
      </div>

      <div class="qr-section-info">
        <h4>Währung</h4>
        <h4>Betrag</h4>
        <p>CHF</p>
        <p>{{ .Amount }}</p>
      </div>
    </div>
    <div class="payment-details">
      <div>
        <h4 style="margin-top: 0">Konto / Zahlbar an</h4>
        <p>
          {{ .ReceiverIBAN }} <br />
          {{ .ReceiverName }} <br />
          {{ .ReceiverStreet}} {{.ReceiverNumber}} <br />
          {{ .ReceiverZIPCode }} {{ .ReceiverPlace }}
        </p>
      </div>
      <div>
        <h4>Referenz</h4>
        <p>{{ .Reference }}</p>
      </div>
      <div>
        <h4>Zahlbar durch</h4>
        <p>
          {{ .PayeeName }} <br />
          {{ .PayeeStreet}} {{.PayeeNumber}} <br />
          {{ .PayeeZIPCode }} {{ .PayeePlace }}
        </p>
      </div>
    </div>
  </div>
</article>
