<!-- Notfall-Störer -->
<div class="notice notice--alert t-yellow">
  <div class="notice__inner">
    <svg class="icon icon--alert notice__icon" viewBox="0 0 200 200" role="presentation">
      <use xlink:href="#icon-alert"></use>
    </svg>
    <div class="notice__content">
      <div class="notice__headline">
        <h2 class="headline headline--6">Überschrift mit Grund des Notfalls</h2>
      </div>
      <div class="text notice__text">
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
      </div>
      <div class="notice__link">
        <a class="button button--secondary" href="#"><span class="button__text">Interner Link</span></a>
      </div>
    </div>
  </div>
</div>

{
  "headline": {
    "text": "Überschrift mit Grund des Notfalls"
  },
  "icon": "alert",
  "text": "p Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.\n",
  "button": {
    "text": "Interner Link"
  }
}