<div class="stage-event">
  <div class="stage-event__inner">
    <div class="stage-event__image">
      <div class="stage-event__image__inner">
        <div class="image loading" style="padding-top: 100%;"><noscript><img class="image__fallback" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." height="500" src="https://bildermangel.de/500x500/F5F5F5/28281a.png?text=500x500" width="500" /></noscript><img class="image__img js-lazyload" data-src="https://bildermangel.de/500x500/F5F5F5/28281a.png?text=500x500" width="500" height="500" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." /></div>
      </div>
    </div>
    <div class="stage-event__body">
      <div class="stage-event__headline">
        <h2 class="headline headline--2"><span class="f-w-normal">Ausstellung</span> <br /> SOMMERLANG - MUSIK UM CHRISTOPH MECKEL</h2>
      </div>
      <div class="stage-event__text">KOMPONIERTE LESUNG AUS 70 JAHREN BADEN-WÜRTTEMBERG</div>
      <div class="stage-event__info">
        <div class="stage-event__info__item"><svg class="icon icon--calendar" viewBox="0 0 200 200">
            <use xlink:href="#icon-calendar"></use>
          </svg><span class="calendar-banner__info__text">01.05. - 14.05.</span></div>
        <div class="stage-event__info__item"><svg class="icon icon--location" viewBox="0 0 200 200">
            <use xlink:href="#icon-location"></use>
          </svg><span class="calendar-banner__info__text">Stuttgart</span></div>
      </div>
    </div>
  </div>
</div>

{
  "image": {
    "width": 500,
    "height": 500
  },
  "headline": {
    "text": "#[span.f-w-normal Ausstellung] #[br] SOMMERLANG - MUSIK UM CHRISTOPH MECKEL\n",
    "level": 2,
    "size": 2
  },
  "text": "KOMPONIERTE LESUNG AUS 70 JAHREN BADEN-WÜRTTEMBERG",
  "info": [
    {
      "icon": "calendar",
      "text": "01.05. - 14.05."
    },
    {
      "icon": "location",
      "text": "Stuttgart"
    }
  ]
}