<footer class="footer">
  <div class="footer__newsletter t-dark">
    <div class="footer__newsletter-inner">
      <div class="footer__partner-logos">
        <div class="footer__partner-logos-label">In Kooperation mit:</div><a class="footer__partner-logo" href="https://www.arbeitsagentur.de/" target="_blank"><img class="footer__partner-logo__img" src="/images/c4f/logo-bfa.svg" alt="Bundesagentur für Arbeit" /></a><a class="footer__partner-logo" href="https://www.suedwestmetall-macht-bildung.de/" target="_blank"><img class="footer__partner-logo__img" src="/images/c4f/logo-swm.svg" alt="Südwestmetall macht Bildung" /></a>
      </div>
      <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-9825-title">
              <title id="icon-9825-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-ef21-title">
              <title id="icon-ef21-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-8dca-title">
              <title id="icon-8dca-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-6144-title">
              <title id="icon-6144-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-b5bf-title">
              <title id="icon-b5bf-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__logo"><a class="logo" href="#"><img class="logo__image" src="/images/c4f/logo.svg" width="279" height="89" alt="Coaching4Future" /></a><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 &amp; Anfahrt</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="#">Unternehmen</a></li>
        <li><a class="footer__navigation-item" href="#">Datenschutz</a></li>
      </ul>
    </div>
  </div>
</footer>

{
  "content": null,
  "newsletter": null,
  "social": [
    {
      "icon": "youtube",
      "href": "#"
    },
    {
      "icon": "x",
      "href": "#"
    },
    {
      "icon": "linkedin",
      "href": "#"
    },
    {
      "icon": "facebook",
      "href": "#"
    },
    {
      "icon": "instagram",
      "href": "#"
    }
  ],
  "navigation": [
    {
      "text": "Kontakt & Anfahrt",
      "href": "#"
    },
    {
      "text": "Presse",
      "href": "#"
    },
    {
      "text": "Impressum",
      "href": "#"
    },
    {
      "text": "Unternehmen",
      "href": "#"
    },
    {
      "text": "Datenschutz",
      "href": "#"
    }
  ],
  "logo2": {
    "path": "/images/c4f/logo.svg",
    "pathLight": null,
    "width": 279,
    "height": 89,
    "alt": "Coaching4Future"
  },
  "partnerLogosLabel": "In Kooperation mit:",
  "partnerLogos": [
    {
      "href": "https://www.arbeitsagentur.de/",
      "src": "/images/c4f/logo-bfa.svg",
      "alt": "Bundesagentur für Arbeit"
    },
    {
      "href": "https://www.suedwestmetall-macht-bildung.de/",
      "src": "/images/c4f/logo-swm.svg",
      "alt": "Südwestmetall macht Bildung"
    }
  ]
}