<div class="signup-box">
  <div class="signup-box__inner">
    <div class="signup-box__image">
      <div class="image loading" style="padding-top: 81.93832599118943%;"><noscript><img class="image__fallback" alt="Signup box image" height="372" src="/images/dgb/signup-box-image.svg" width="454" /></noscript><img class="image__img js-lazyload" data-src="/images/dgb/signup-box-image.svg" width="454" height="372" alt="Signup box image" /></div>
    </div>
    <div class="signup-box__content">
      <div class="signup-box__datetime">
        <p><span class="f-w-bold">28.09.2022</span> <br /> 12:00-14:00 UHR</p>
      </div>
      <dl class="signup-box__list">
        <div class="signup-box__list-item">
          <dt class="signup-box__list-label">Ort:</dt>
          <dt>Online</dt>
        </div>
        <div class="signup-box__list-item">
          <dt class="signup-box__list-label">Ansprechpartner:</dt>
          <dt>Ileana Briegel</dt>
        </div>
        <div class="signup-box__list-item">
          <dt class="signup-box__list-label">Zusatzinfos:</dt>
          <dt>Ich bin ein optionales Feld, um für den Fall noch Platz für weitere Infos zu haben</dt>
        </div>
      </dl>
      <div class="signup-box__button"><a class="button button--primary" href="#"><span class="button__text">Zur Anmeldung</span></a></div>
    </div>
  </div>
</div>

{
  "image": {
    "src": "/images/dgb/signup-box-image.svg",
    "width": 454,
    "height": 372,
    "alt": "Signup box image"
  },
  "date": "28.09.2022",
  "time": "12:00-14:00 UHR",
  "meta": [
    {
      "label": "Ort:",
      "text": "Online"
    },
    {
      "label": "Ansprechpartner:",
      "text": "Ileana Briegel"
    },
    {
      "label": "Zusatzinfos:",
      "text": "Ich bin ein optionales Feld, um für den Fall noch Platz für weitere Infos zu haben"
    }
  ],
  "button": {
    "text": "Zur Anmeldung"
  }
}