<div class="jumpbox jumpbox--mud-yellow">
  <h2 class="headline headline--1 jumpbox__headline">Infomaterial <br /><span class="f-w-normal">für weiterführende Schulen</span></h2>
  <div class="jumpbox__button"><a class="button button--primary" href="#"><span class="button__text">Infomaterial herunterladen</span></a></div>
</div>

{
  "title": "Infomaterial #[br]#[span.f-w-normal für weiterführende Schulen]\n",
  "button": {
    "icon": null,
    "text": "Infomaterial herunterladen",
    "link": "#",
    "external": null
  },
  "backgroundColor": "mud-yellow"
}

<div class="jumpbox jumpbox--mud-yellow-speaker">
  <h2 class="headline headline--1 jumpbox__headline"><span class="f-w-normal">Sie nehmen schon teil?</span> <br />Hier geht es zum Login</h2>
  <div class="jumpbox__button"><a class="button button--primary" href="#"><span class="button__text">Zum Login</span></a></div>
</div>

{
  "title": "#[span.f-w-normal Sie nehmen schon teil?] #[br]Hier geht es zum Login\n",
  "button": {
    "icon": null,
    "text": "Zum Login",
    "link": "#",
    "external": null
  },
  "backgroundColor": "mud-yellow-speaker"
}

<div class="jumpbox jumpbox--mud-green">
  <h2 class="headline headline--1 jumpbox__headline">Infomaterial <br /><span class="f-w-normal">für weiterführende Schulen</span></h2>
  <div class="jumpbox__button"><a class="button button--primary" href="#"><span class="button__text">Infomaterial herunterladen</span></a></div>
</div>

{
  "title": "Infomaterial #[br]#[span.f-w-normal für weiterführende Schulen]\n",
  "button": {
    "icon": null,
    "text": "Infomaterial herunterladen",
    "link": "#",
    "external": null
  },
  "backgroundColor": "mud-green"
}