anchor.diff:    <div class="o-layout__item 4/6 box__bg bg--white">
       <!-- ToDo: width of input fields should be made responsive -->
   
  -    <%= f.input :firstname, input_html: { class: "mb input--width-100" } %>
  -    <%= f.input :lastname, input_html: { class: "mb input--width-100" } %>
  -    <%= f.input :email, input_html: { class: "mb input--width-100" } %>
  +    <%= f.input :firstname, label_html: { id: "firstname" }, input_html: { class: "mb input--width-100" } %>
  +    <%= f.input :lastname, label_html: { id: "lastname" }, input_html: { class: "mb input--width-100" } %>
  +    <%= f.input :email, label_html: { id: "email" }, input_html: { class: "mb input--width-100" } %>
       <%= f.input :city, label: t(:city, scope: 'activerecord.attributes.profile').html_safe, label_html: { id: "city", class: "tooltip", title: t(:city_tooltip, scope: 'activerecord.attributes.profile').html_safe }, input_html: { class: "mb input--width-100" } %>
       <%= f.label :country, input_html: { class: "mb input--width-100" } %>
  -    <%= f.country_select :country, label: t(:country, scope: 'activerecord.attributes.profile').html_safe,
  +    <%= f.country_select :country, label: t(:country, scope: 'activerecord.attributes.profile').html_safe, label_html: { id: "country" },
           priority_countries: ["DE", "FR", "GB"], include_blank: t(:country_select, scope: 'profiles.profile'),
           wrapper_html: { class: "mb" } %>
       <div class="input check_boxes optional profile_iso_languages mt">
  
positive.code: 
      <div id="edit-de" class="ox__bg bg--white pt+ <%= "hidden" unless I18n.locale == :de %>" >
        <%= f.label :main_topic, t(:main_topic, scope: 'activerecord.attributes.profile',
          language: t(:de, scope: 'i18n.language')).html_safe, class: "tooltip", title: t(:main_topic_tooltip, scope: 'activerecord.attributes.profile').html_safe %>
        <%= f.text_field :main_topic_de, as: :text, class: 'mb input--width-100', maxlength: '30' %>
        <%= f.label :bio, t(:bio, scope: 'activerecord.attributes.profile',
          language: t(:de, scope: 'i18n.language')).html_safe, class: "tooltip", title: t(:bio_tooltip, scope: 'activerecord.attributes.profile').html_safe %>
        <%= f.text_area :bio_de, as: :text, class: 'mb input--width-100', rows: 10 %>
      </div>
  
      <div id="edit-en" class="box__bg bg--white pt+ <%= "hidden" unless I18n.locale == :en %>" >
        <%= f.label :main_topic, t(:main_topic, scope: 'activerecord.attributes.profile',
          language: t(:en, scope: 'i18n.language')).html_safe, class: "tooltip", title: t(:main_topic_tooltip, scope: 'activerecord.attributes.profile').html_safe %>
        <%= f.text_field :main_topic_en, as: :text, class: 'mb input--width-100', maxlength: '30' %>
        <%= f.label :bio, t(:bio, scope: 'activerecord.attributes.profile',
          language: t(:en, scope: 'i18n.language')).html_safe, class: "tooltip", title: t(:bio_tooltip, scope: 'activerecord.attributes.profile').html_safe %>
        <%= f.text_area :bio_en, as: :text, class: 'mb input--width-100', rows: 10 %>
      </div>
  
  
negative.code:   </div>
  
    <div class="o-layout__item 1/1 box__bg bg--white mt">
      <%= f.input :twitter, placeholder: '@', label_html: { id: "twitter" }, input_html: { class: "mb input--width-100" } %>
      <%= f.input :website, placeholder: 'http://', label_html: { id: "website" }, input_html: { class: "mb input--width-100" }, wrapper_html: { class: "mv" } %>
      <%= f.input :topic_list, label: t(:topic_list, scope: 'activerecord.attributes.profile').html_safe, label_html: { id: "topic_list", class: "tooltip", title: t(:topic_list_tooltip, scope: 'activerecord.attributes.profile').html_safe }, input_html: { class: "input--width-100" }, wrapper_html: { class: "mv" } %>
  
      <ul class='hidden' id='availableTags'>
        <% ActsAsTaggableOn::Tag.uniq.pluck(:name).each do |tag_name| %>
  