anchor.diff:        border: 5px solid #07b571;
       }
   
  -    .center-qr img {
  +    .border-qr img {
         left: 50%;
         top: 50%;
         position: absolute;
  
positive.code:     </div>
      <div class="col2-qr">
        <div class="border-qr">
        <img id="qr" src="<%= @qrcode.to_data_url %>">
        </div>
      </div>
      <div class="clear-both"></div>
    </div>
  
    <p><b>2.</b></p>
    <div class="row-w">
      <div class="col1">Jugendliche_r:</div>
      <div class="col2">> Arbeiten unter Anleitung des Arbeitgebenden.</div>
      <div class="clear-both"></div>
    </div>
  
    <p><b>3.</b></p>
    <div class="row-w">
      <div class="col1">Jugendliche_r:</div>
      <div class="col2">
  
negative.code:     .col1 {
        width: 19%;
        float: left;
        font-size: xx-large;
        font-weight: bold;
      }
  
      .col2 {
        width: 80%;
        float: left;
        font-size: xx-large;
      }
  
      .col1-qr {
        width: 29%;
        float: left;
        font-size: small;
      }
  
      .col2-qr {
        width: 70%;
        float: left;
      }
  
      .clear-both {
        clear: both;
      }
  
      .large {
        font-size: xx-large;
      }
    </style>
  </head>
  