anchor.diff:      .col1 {
         width: 19%;
         float: left;
  -      font-size: large;
  +      font-size: xx-large;
         font-weight: bold;
       }
   
       .col2 {
         width: 80%;
         float: left;
  -      font-size: large;
  +      font-size: xx-large;
       }
   
       .col1-qr {
  -      width: 39%;
  +      width: 29%;
         float: left;
         font-size: small;
       }
   
       .col2-qr {
  -      width: 60%;
  +      width: 70%;
         float: left;
       }
   
       .clear-both {
         clear: both;
  +    }
  +
  +    .large {
  +      font-size: xx-large;
       }
     </style>
   </head>
  
positive.code:     <%= @provider.street %>, <%= @provider.place.full_name %>
    </p>
  
    <p><b>1.</b></p>
    <div class="row-w">
      <div class="col1">Jugendliche_r:</div>
      <div class="col2">> Diesen Code bei Arbeitsbeginn mit dem Scanner der Jugendapp<sup>*</sup>
        einlesen und Anweisungen in der App befolgen.</div>
      <div class="clear-both"></div>
    </div>
  
    <div class="row-w">
      <div class="col1-qr">
  
negative.code:       border: 5px solid #07b571;
      }
  
      .border-qr img {
        left: 50%;
        top: 50%;
        position: absolute;
  