anchor.diff:          top: 40px;
         }
   
  -      #org-logo {
  +      #org-logo-div {
           position: absolute;
           left: 20px;
  -        top: 100px;
  -        max-width: 50px;
  -      }
  -
  -      #region-logo {
  +        top: 250px;
  +        width: 50px;
  +        height: 50px;
  +        background-color: white;
  +      }
  +
  +      #region-logo-div {
           position: absolute;
           left: 70px;
  -        top: 100px;
  +        top: 250px;
  +        width: 50px;
           height: 50px;
  -      }
  +        background-color: white;
  +      }
  +
  +      #org-logo, #region-logo {
  +        width: 100%;
  +        height: auto;
  +      }
  +
  +
     </style>
   </head>
   <body>
  
positive.code:   <% end %>
    <img id="smalljobs-logo" src="<%= wicked_pdf_asset_base64 'sj-logo-white.png' %>">
    <% if @seeker.organization.logo.present? %>
      <img id="org-logo" src="<%= @seeker.organization.logo.url(:web, :normal) %>">
    <% end %>
    <% if @seeker.organization.regions.first.logo.present? %>
      <img id="region-logo" src="<%= @seeker.organization.regions.first.logo.url(:web, :normal) %>">
    <% end %>
    <h2>
      Sackgeldjob-Börse<br/>
  
negative.code:       position: absolute;
        z-index: 1;
        color: #000;
        font-size: 43px;
        left: 40px;
        top: 0;
        font-weight: 600;
      }
  
      #page4 h2 span {
  