Как перевести из table colspan="4" в css?
Никак. Не путайте структуру и визуализацию. Это как спрашивать — можно ли в CSS задавать action у form или for у label.
А в вашем случае можно совсем обойтись без таблицы.
<div class="row" style="width: 100%;">
       <div class="column fullSize" style="width: 100%">
              Angaben zur Kontaktperson<br /><br />
       </div>
</div>
<div class="row" style="width: 100%;">         
      <div class="column halfSize" style="width: 50%;">
            Обычные колонки
       </div>
       <div class="column halfSize" style="width: 50%;">
            Обычные колонки
       </div>
</div>
Как-то так может быть? Вообще, для этого есть готовые решения в том же bootstrap, но если хочется создавать свой велосипед, почему бы и нет)