<div class="page grid" orientation="portrait" size="A4">
  <div class="seitenlogo">
    <img src="daten/traeger_logo.svg" height="160px" alt="traeger_logo" />
  </div>
  <div class="header">
    <img src="daten/zeugnis_logo.svg" width="100%" alt="zeugnis_logo" />
    <hr class="hr-rot" />
  </div>
  <div class="main">
    <div style="font-size: 15pt; line-height: 1.5em">
      {schueler[0].Klasse}
    </div>
    <div class="voffset-1"></div>
    {#each schueler as s}
      <b>{s.anrede} {s.Vorname} {s.Name},</b>
      {datum(s.Geburtsdatum)} in {s.Geburtsort}<br>
    {/each}
  </div>
</div>

<script>
  import {datum}  from './helfer'

	export default {
    setup(Component) {Component.bez = 'Eine Liste'},
    helpers: { datum },
  }
</script>

<style>
  @import 'daten/main.css';
</style>