anchor.diff:        width: 300px;
       }
   
  -    #page2 .second-row-table {
  +    #page3 .second-row-table {
         font-style: italic;
         font-weight: 400;
         font-size: 13px;
  +      height: 20px;
       }
   
       #baner {
  
positive.code:     <br/>
      <sup>**</sup> Maximal die halben Ferien lang
    </p>
    <div class="row">
      <div class="column">
        <div class="signature" style="margin-left: 27px;">
        </div>
        <p class="sign-par" style="    margin-left: 26px !important;">Ort, Datum</p>
      </div>
      <div class="column">
        <div class="signature" style="margin-right: 26px;">
        </div>
        <p class="sign-par" style="margin-left: 0px !important;">Unterschrift <%= @provider.name %></p>
      </div>
    </div>
    <footer class="bottom right">
      Seite 1 von 2 / Bitte wenden ->
    </footer>
  </div>
  <div id="page3" class="page alwaysbreak">
    <h1 class="first-header">
      <b>Jugendliche/r:</b> Diesen Code bei Arbeitsbeginn mit dem Scanner der Jugendapp<sup>*</sup>
      einlesen und Anweisungen in der App befolgen.
    </h1>
    <p class="small-star">
      Falls die Jugendapp nicht vor Ort ist, Zeit und Lohn unten von Hand vermerken.<br/>
      <sup>*</sup>www.jugendinfo.win/app
    </p>
    <div>
      <div class="center qr">
        <img id="qr" src="<%= @qrcode.to_data_url %>">
      </div>
    </div>
    <h1 class="second-header">
      Arbeitseinsätze
    </h1>
    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse;" bordercolor="#cbe7d5">
      <thead>
      <tr>
        <th>
          Vorname, Name Jugendliche/r
        </th>
        <th>
          Unterschrift Jugendliche/r
        </th>
        <th>
          Datum
        </th>
        <th>
          Dauer (h)
        </th>
        <th>
          CHF
        </th>
      </tr>
      </thead>
      <tbody>
      <tr>
        <td colspan="5"></td>
      </tr>
      <tr>
        <td colspan="5"></td>
      </tr>
      <tr>
        <td colspan="5"></td>
      </tr>
      <tr>
        <td colspan="5"></td>
      </tr>
      <tr>
        <td colspan="5"></td>
      </tr>
      <tr>
        <td colspan="5"></td>
      </tr>
      <tr>
        <td colspan="5"></td>
      </tr>
      <tr>
        <td colspan="5"></td>
      </tr>
      <tr>
        <td colspan="5"></td>
      </tr>
      <tr>
        <td colspan="5"></td>
      </tr>
      <tr>
        <td colspan="5"></td>
      </tr>
      <tr>
        <td colspan="5"></td>
      </tr>
      <tr>
        <td colspan="5"></td>
      </tr>
      <tr>
        <td colspan="5"></td>
      </tr>
      <tr>
        <td colspan="5"></td>
      </tr>
      <tr>
        <td colspan="5"></td>
      </tr>
      <tr>
        <td colspan="5"></td>
      </tr>
      </tbody>
    </table>
    <p class="bottom-txt">
      Wenn das Formular voll ist, bitte senden an:
      <br/>
      <%= @provider.organization.name %> <%= @provider.organization.street %>
      , <%= @provider.organization.place.full_name %>
    </p>
    <footer class="bottom right">
      Seite 2 von 2
    </footer>
  
negative.code:       margin-top: 35px;
      }
  
      #page3 ol {
        margin-top: 15px;
      }
  
      #page3 ol li {
        margin-left: 13px;
        margin-bottom: 3px;
        padding-left: 7px !important;
        line-height: 1.2;
      }
  
      #page3 table {
        margin-left: 37px;
        margin-right: 37px;
        width: 719px;
      }
  
      #page3 table tbody {
        background: #fff;
      }
  
      #page3 table thead {
        background: #ecf6ee;
      }
  
      #page3 table thead tr th {
        font-size: 13px;
        font-weight: 700;
        border: 0px !important;
        padding-top: 4px;
      }
  
      #page3 table tr td {
        border: 1px solid #cbe7d5;
        padding: 3px;
        padding: 10px 3px;
  