<footer class="footer">
  <div class="footer__newsletter t-dark">
    <div class="footer__newsletter-inner">
      <form class="footer__newsletter-form"><label class="footer__newsletter-label" for="newsletter-input">Unser Newsletter</label>
        <div class="footer__newsletter-form-fields"><input class="input footer__newsletter-form-input" id="newsletter-input" type="text" placeholder="E-Mail eingeben" /><button class="icon-button icon-button--secondary footer__newsletter-form-button" type="submit"><svg class="icon icon--arrow-right icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-8a26-title">
              <title id="icon-8a26-title">List</title>
              <use xlink:href="#icon-arrow-right"></use>
            </svg></button></div>
      </form>
      <ul class="footer__social">
        <li class="footer__social-item"><button class="icon-button" type="button"><svg class="icon icon--youtube icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-cfaa-title">
              <title id="icon-cfaa-title">List</title>
              <use xlink:href="#icon-youtube"></use>
            </svg></button></li>
        <li class="footer__social-item"><button class="icon-button" type="button"><svg class="icon icon--x icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-8643-title">
              <title id="icon-8643-title">List</title>
              <use xlink:href="#icon-x"></use>
            </svg></button></li>
        <li class="footer__social-item"><button class="icon-button" type="button"><svg class="icon icon--linkedin icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-684d-title">
              <title id="icon-684d-title">List</title>
              <use xlink:href="#icon-linkedin"></use>
            </svg></button></li>
        <li class="footer__social-item"><button class="icon-button" type="button"><svg class="icon icon--facebook icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-70c9-title">
              <title id="icon-70c9-title">List</title>
              <use xlink:href="#icon-facebook"></use>
            </svg></button></li>
        <li class="footer__social-item"><button class="icon-button" type="button"><svg class="icon icon--instagram icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-59c4-title">
              <title id="icon-59c4-title">List</title>
              <use xlink:href="#icon-instagram"></use>
            </svg></button></li>
      </ul>
    </div>
  </div>
  <div class="footer__content">
    <div class="footer__content-inner">
      <div class="footer__teaser">
        <div class="footer__teaser-content">
          <div class="footer__teaser-claim">737 Mio. €</div>
          <p>haben wir seit 2010 in Baden-Württemberg investiert</p><a class="cta-link cta-link--right" rel="noopener noreferrer" target="_blank" href="#"><span class="cta-link__text">Mehr Zahlen und Fakten</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 class="footer__logo"><a class="logo" href="#"><img class="logo__image logo__image--light" src="/images/logo-light.svg" width="655" height="284" alt="Baden-Württemberg Stiftung, wir stiften Zukunft" /><img class="logo__image" src="/images/logo-claim.svg" width="655" height="284" alt="Baden-Württemberg Stiftung, wir stiften Zukunft" /></a></div>
      </div>
      <ul class="footer__navigation">
        <li><a class="footer__navigation-item" href="#">Kontakt</a></li>
        <li><a class="footer__navigation-item" href="#">Presse</a></li>
        <li><a class="footer__navigation-item" href="#">Impressum</a></li>
        <li><a class="footer__navigation-item" href="#">Datenschutz</a></li>
      </ul>
    </div>
  </div>
</footer>

{
  "content": {
    "headline": "737 Mio. €",
    "text": "haben wir seit 2010 in Baden-Württemberg investiert",
    "linkText": "Mehr Zahlen und Fakten"
  },
  "newsletter": {
    "title": "Unser Newsletter",
    "placeholder": "E-Mail eingeben",
    "submitIcon": "arrow-right"
  },
  "social": [
    {
      "icon": "youtube",
      "href": "#"
    },
    {
      "icon": "x",
      "href": "#"
    },
    {
      "icon": "linkedin",
      "href": "#"
    },
    {
      "icon": "facebook",
      "href": "#"
    },
    {
      "icon": "instagram",
      "href": "#"
    }
  ],
  "navigation": [
    {
      "text": "Kontakt",
      "href": "#"
    },
    {
      "text": "Presse",
      "href": "#"
    },
    {
      "text": "Impressum",
      "href": "#"
    },
    {
      "text": "Datenschutz",
      "href": "#"
    }
  ]
}