<!-- Öffnungszeiten -->
<div class="opening-hours">
  <p class="opening-hours__text">Sprechzeiten: (ggf. Öffnungszeiten)
    <br/> Terminvereinbarung per Telefon</p>
  <dl class="opening-hours__list">
    <div class="opening-hours__item">
      <dt class="opening-hours__day">Mo:</dt>
      <dd class="opening-hours__hours">09:00–12:00 Uhr</dd>
    </div>
    <div class="opening-hours__item">
      <dt class="opening-hours__day">Di:</dt>
      <dd class="opening-hours__hours">08:00–12:00 Uhr</dd>
    </div>
    <div class="opening-hours__item">
      <dt class="opening-hours__day">Mi:</dt>
      <dd class="opening-hours__hours">13:00–15:00 Uhr</dd>
    </div>
    <div class="opening-hours__item">
      <dt class="opening-hours__day">Fr:</dt>
      <dd class="opening-hours__hours">13:00–18:00 Uhr</dd>
    </div>
  </dl>
</div>

{
  "text": "Sprechzeiten: (ggf. Öffnungszeiten)#[br] Terminvereinbarung per Telefon\n",
  "items": [
    {
      "day": "Mo:",
      "hours": "09:00–12:00 Uhr"
    },
    {
      "day": "Di:",
      "hours": "08:00–12:00 Uhr"
    },
    {
      "day": "Mi:",
      "hours": "13:00–15:00 Uhr"
    },
    {
      "day": "Fr:",
      "hours": "13:00–18:00 Uhr"
    }
  ]
}