<div class="program-breaker">
  <div class="program-breaker__inner">
    <div class="program-breaker__headline">
      <h2 class="headline headline--3">Das kostenfreie Programm beinhaltet</h2>
    </div>
    <div class="program-breaker__items">
      <div class="program-breaker__item"><svg class="icon icon--presentation program-breaker__item-icon" viewBox="0 0 200 200">
          <use xlink:href="#icon-presentation"></use>
        </svg>
        <div class="program-breaker__item-text">Fortbildungen</div>
      </div>
      <div class="program-breaker__item"><svg class="icon icon--material program-breaker__item-icon" viewBox="0 0 200 200">
          <use xlink:href="#icon-material"></use>
        </svg>
        <div class="program-breaker__item-text">Materialpakete, auch für die Elternarbeit</div>
      </div>
      <div class="program-breaker__item"><svg class="icon icon--login2 program-breaker__item-icon" viewBox="0 0 200 200">
          <use xlink:href="#icon-login2"></use>
        </svg>
        <div class="program-breaker__item-text">Zugang zum Login mit umfangreichem Material</div>
      </div>
      <div class="program-breaker__item"><svg class="icon icon--certificate program-breaker__item-icon" viewBox="0 0 200 200">
          <use xlink:href="#icon-certificate"></use>
        </svg>
        <div class="program-breaker__item-text">Zertifizierungen für besonders engagierte Kindertagesstätten</div>
      </div>
    </div>
  </div>
</div>

{
  "headline": {
    "size": 3,
    "level": 2,
    "text": "Das kostenfreie Programm beinhaltet"
  },
  "items": [
    {
      "icon": "presentation",
      "text": "Fortbildungen"
    },
    {
      "icon": "material",
      "text": "Materialpakete, auch für die Elternarbeit"
    },
    {
      "icon": "login2",
      "text": "Zugang zum Login mit umfangreichem Material"
    },
    {
      "icon": "certificate",
      "text": "Zertifizierungen für besonders engagierte Kindertagesstätten"
    }
  ]
}