<div class="mission-card">
  <div class="mission-card__content">
    <h2 class="headline headline--1 mission-card__headline">Wir stiften innovative Forschung</h2>
    <div class="mission-card__details">
      <div class="mission-card__content-link">
        <div class="mission-card__kicker">Zum Beispiel mit</div>
        <div class="mission-card__cta-link"><a class="cta-link cta-link--right" rel="noopener noreferrer" target="_blank" href="#"><span class="cta-link__text">Expedition D, dem Virtual-Reality-Truck in die Arbeitswelt der Zukunft</span><span class="cta-link__icon"><svg class="icon icon--chevron-right" viewBox="0 0 200 200">
  <use xlink:href="#icon-chevron-right"></use>
</svg></span></a></div>
      </div>
      <div class="mission-card__icon-button">
        <div class="quickinfo">
          <div class="quickinfo__button-wrap"><button class="icon-button quickinfo__button" type="button" aria-expanded="false" aria-controls="id-fb76-content" id="id-fb76-title"><svg class="icon icon--list icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-db5b-title">
                <title id="icon-db5b-title">Schnellinfo zu: Name des Programms zeigen</title>
                <use xlink:href="#icon-list"></use>
              </svg></button></div>
          <article class="quickinfo__panel" id="id-fb76-content" aria-labelledby="id-fb76-title">
            <div class="quickinfo__content" tabindex="-1">
              <div class="quickinfo__content-inner">
                <div class="quickinfo__block" id="block-id-eb5d">
                  <h2 class="headline headline--3">Headline 3</h2>
                </div>
                <div class="quickinfo__block" id="block-id-a7a5">
                  <div class="text">
                    <p><b>Kurzbeschreibung</b> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
                  </div>
                </div>
                <div class="quickinfo__block" id="block-id-7525">
                  <div class="jumpbox jumpbox--condensed">
                    <div class="jumpbox__text">
                      <div class="text">
                        <p>Hinweisbox <a class="link" href="#">mit Link</a></p>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="quickinfo__block" id="block-id-1c9c">
                  <div class="link-list">
                    <ul class="link-list__list">
                      <li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
  <use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Kurzfilmwettbewerb „Smart. Ohne Phone startet“</span></a></li>
                      <li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
  <use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Stiftungsprogramm verbessert Integration in Baden-Württemberg</span></a></li>
                      <li class="link-list__item"><a class="icon-link" href="#"><span class="icon-link__icon"><svg class="icon icon--arrow-right" viewBox="0 0 200 200">
  <use xlink:href="#icon-arrow-right"></use>
</svg></span><span class="icon-link__text">Ausschreibung Lehrerpreis der Stiftung der Kinderland</span></a></li>
                    </ul>
                  </div>
                </div>
                <div class="quickinfo__block" id="block-id-4783"><a class="button button--primary" href="#"><svg class="icon icon--arrow-right button__icon" viewBox="0 0 200 200">
                      <use xlink:href="#icon-arrow-right"></use>
                    </svg><span class="button__text">Button</span></a></div><button class="icon-button icon-button--secondary quickinfo__close" type="button"><svg class="icon icon--close icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-f0bf-title">
                    <title id="icon-f0bf-title">Schnellinfo schließen</title>
                    <use xlink:href="#icon-close"></use>
                  </svg></button>
              </div>
            </div>
          </article>
        </div>
      </div>
    </div>
  </div>
</div>

{
  "headline": {
    "size": 1,
    "level": 2,
    "text": "Wir stiften innovative Forschung"
  },
  "details": {
    "kicker": "Zum Beispiel mit",
    "ctaLink": {
      "text": "Expedition D, dem Virtual-Reality-Truck in die Arbeitswelt der Zukunft"
    }
  },
  "quickinfo": {
    "iconTitle": "Schnellinfo zu: Name des Programms zeigen"
  }
}