<!-- Footer -->
<footer class="footer">
  <ul class="footer__logos">
    <li class="footer__logos-item">
      <a class="footer__logos-link" href="https://www.hrk.de/weltoffene-hochschulen" style="width: 159px; height: 80px;" rel="noopener noreferrer" target="_blank">
        <img class="footer__logos-image js-lazyload" data-src="../images/logos/external/weltoffene-hochschulen.png" data-srcset="../images/logos/external/weltoffene-hochschulen@2x.png 2x, ../images/logos/external/weltoffene-hochschulen.png 1x" width="159"
          height="80" alt="Logo 'Weltoffene Hochschulen gegen Fremdenfeindlichkeit'" />
      </a>
    </li>
    <li class="footer__logos-item">
      <a class="footer__logos-link" href="https://wirklichweiterkommen.de/" style="width: 300px; height: 80px;" rel="noopener noreferrer" target="_blank">
        <img class="footer__logos-image js-lazyload" data-src="../images/logos/external/lsa-wirklichweiterkommen.png" data-srcset="../images/logos/external/lsa-wirklichweiterkommen@2x.png 2x, ../images/logos/external/lsa-wirklichweiterkommen.png 1x" width="300"
          height="80" alt="Logo 'Wirklich weiterkommen - Eine Initiative der Hochschulen des Landes Sachsen-Anhalt'" />
      </a>
    </li>
    <li class="footer__logos-item">
      <a class="footer__logos-link" href="https://berufundfamilie.de/auditierung-unternehmen-institutionen-hochschule/ablauf-einfuehrung-audit-berufundfamilie" style="width: 80px; height: 80px;" rel="noopener noreferrer" target="_blank">
        <img class="footer__logos-image js-lazyload" data-src="../images/logos/external/audit-familiengerechte-hochschule.png" data-srcset="../images/logos/external/audit-familiengerechte-hochschule@2x.png 2x, ../images/logos/external/audit-familiengerechte-hochschule.png 1x"
          width="80" height="80" alt="Logo 'audit familiengerechte hochschule'" />
      </a>
    </li>
    <li class="footer__logos-item">
      <a class="footer__logos-link" href="#" style="width: 250px; height: 80px;">
        <img class="footer__logos-image js-lazyload" data-src="../images/dummy-images/250x80.png" data-srcset="../images/dummy-images/250x80@2x.png 2x, ../images/dummy-images/250x80.png 1x" width="250" height="80" alt="Ein Platzhalter-Bild" />
      </a>
    </li>
    <li class="footer__logos-item">
      <a class="footer__logos-link" href="#" style="width: 250px; height: 80px;">
        <img class="footer__logos-image js-lazyload" data-src="../images/dummy-images/250x80.png" data-srcset="../images/dummy-images/250x80@2x.png 2x, ../images/dummy-images/250x80.png 1x" width="250" height="80" alt="Ein Platzhalter-Bild" />
      </a>
    </li>
    <li class="footer__logos-item">
      <a class="footer__logos-link" href="#" style="width: 250px; height: 80px;">
        <img class="footer__logos-image js-lazyload" data-src="../images/dummy-images/250x80.png" data-srcset="../images/dummy-images/250x80@2x.png 2x, ../images/dummy-images/250x80.png 1x" width="250" height="80" alt="Ein Platzhalter-Bild" />
      </a>
    </li>
  </ul>
  <div class="footer__sticky-wrapper js-footer-sticky">
    <a class="button button--primary footer__feedback-button" href="#"><span class="button__text">Feedback</span></a>
    <a class="icon-button icon-button--large icon-button--floating footer__to-top-link" href="#top" title="Nach oben"><span class="icon-button__text u-hidden-visually">Nach oben</span><span class="icon-button__circle"><svg class="icon icon--angle-up icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-765e-title">
  <title id="icon-765e-title">Nach oben</title>
  <use xlink:href="#icon-angle-up"></use>
</svg></span></a>
  </div>
  <div class="footer__inner t-green">
    <div class="footer__links-wrapper">
      <div class="footer__links">
        <h3 class="footer__links-headline" id="footer-links-0">Folgen Sie uns</h3>
        <div class="footer__navigation" aria-labelledby="footer-links-0">
          <ul class="footer__navigation-list">
            <li class="footer__navigation-item">
              <a class="footer__navigation-link" href="#"><span class="footer__navigation-link-icon"><svg class="icon icon--facebook" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-facebook"></use>
</svg></span>Facebook</a>
            </li>
            <li class="footer__navigation-item">
              <a class="footer__navigation-link" href="#"><span class="footer__navigation-link-icon"><svg class="icon icon--twitter" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-twitter"></use>
</svg></span>Twitter</a>
            </li>
            <li class="footer__navigation-item">
              <a class="footer__navigation-link" href="#"><span class="footer__navigation-link-icon"><svg class="icon icon--youtube" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-youtube"></use>
</svg></span>Youtube</a>
            </li>
            <li class="footer__navigation-item">
              <a class="footer__navigation-link" href="#"><span class="footer__navigation-link-icon"><svg class="icon icon--instagram" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-instagram"></use>
</svg></span>Instagram</a>
            </li>
            <li class="footer__navigation-item">
              <a class="footer__navigation-link" href="#"><span class="footer__navigation-link-icon"><svg class="icon icon--rss" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-rss"></use>
</svg></span>RSS</a>
            </li>
            <li class="footer__navigation-item">
              <a class="footer__navigation-link" href="#"><span class="footer__navigation-link-icon"><svg class="icon icon--newsletter" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-newsletter"></use>
</svg></span>Newsletteranmeldung</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="footer__links">
        <h3 class="footer__links-headline" id="footer-links-1">Oft gesucht</h3>
        <div class="footer__navigation" aria-labelledby="footer-links-1">
          <ul class="footer__navigation-list">
            <li class="footer__navigation-item">
              <a class="footer__navigation-link" href="#">Hier steht ein Link</a>
            </li>
            <li class="footer__navigation-item">
              <a class="footer__navigation-link" href="#">Eine weitere Link</a>
            </li>
            <li class="footer__navigation-item">
              <a class="footer__navigation-link" href="#">Ein Link</a>
            </li>
            <li class="footer__navigation-item">
              <a class="footer__navigation-link" href="#">Beliebter Inhalt</a>
            </li>
            <li class="footer__navigation-item">
              <a class="footer__navigation-link" href="#">Beliebter Inhalt</a>
            </li>
            <li class="footer__navigation-item">
              <a class="footer__navigation-link" href="#">Beliebter Inhalt</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="footer__links">
        <h3 class="footer__links-headline" id="footer-links-2">Überschrift</h3>
        <div class="footer__navigation" aria-labelledby="footer-links-2">
          <ul class="footer__navigation-list">
            <li class="footer__navigation-item">
              <a class="footer__navigation-link" href="#">Alumni</a>
            </li>
            <li class="footer__navigation-item">
              <a class="footer__navigation-link" href="#">Freunde und Förderer</a>
            </li>
            <li class="footer__navigation-item">
              <a class="footer__navigation-link" href="#">Studentenwerk</a>
            </li>
            <li class="footer__navigation-item">
              <a class="footer__navigation-link" href="#">Klinikum</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="footer__logo-wrapper">
      <div class="footer__logo">
        <a class="logo logo--footer" href="#" title="Martin-Luther-Universität Halle-Wittenberg">
          <picture class="logo__container">
            <source srcset="../images/logos/logo-center.svg" media="(max-width: 767px)" />
            <img class="logo__image" src="../images/logos/logo-right.svg" alt="Logo Martin-Luther-Universität Halle-Wittenberg" />
          </picture>
        </a>
      </div>
    </div>
    <div class="footer__meta-wrapper">
      <div class="footer__meta">
        <div class="footer__navigation" aria-label="Meta-Links">
          <ul class="footer__navigation-list footer__navigation-list--meta">
            <li class="footer__navigation-item">
              <a class="footer__navigation-link" href="#">Kontakt &amp; Anfahrt</a>
            </li>
            <li class="footer__navigation-item">
              <a class="footer__navigation-link" href="#">Impressum</a>
            </li>
            <li class="footer__navigation-item">
              <a class="footer__navigation-link" href="#">Datenschutzerklärung</a>
            </li>
            <li class="footer__navigation-item">
              <a class="footer__navigation-link" href="#">Sitemap</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</footer>

{
  "logos": [
    {
      "link": "https://www.hrk.de/weltoffene-hochschulen",
      "external": true,
      "src": "/images/logos/external/weltoffene-hochschulen.png",
      "src2x": "/images/logos/external/weltoffene-hochschulen@2x.png",
      "width": 159,
      "height": 80,
      "alt": "Logo 'Weltoffene Hochschulen gegen Fremdenfeindlichkeit'"
    },
    {
      "link": "https://wirklichweiterkommen.de/",
      "external": true,
      "src": "/images/logos/external/lsa-wirklichweiterkommen.png",
      "src2x": "/images/logos/external/lsa-wirklichweiterkommen@2x.png",
      "width": 300,
      "height": 80,
      "alt": "Logo 'Wirklich weiterkommen - Eine Initiative der Hochschulen des Landes Sachsen-Anhalt'"
    },
    {
      "link": "https://berufundfamilie.de/auditierung-unternehmen-institutionen-hochschule/ablauf-einfuehrung-audit-berufundfamilie",
      "external": true,
      "src": "/images/logos/external/audit-familiengerechte-hochschule.png",
      "src2x": "/images/logos/external/audit-familiengerechte-hochschule@2x.png",
      "width": 80,
      "height": 80,
      "alt": "Logo 'audit familiengerechte hochschule'"
    },
    {
      "link": "#",
      "src": "/images/dummy-images/250x80.png",
      "src2x": "/images/dummy-images/250x80@2x.png",
      "width": 250,
      "height": 80,
      "alt": "Ein Platzhalter-Bild"
    },
    {
      "link": "#",
      "src": "/images/dummy-images/250x80.png",
      "src2x": "/images/dummy-images/250x80@2x.png",
      "width": 250,
      "height": 80,
      "alt": "Ein Platzhalter-Bild"
    },
    {
      "link": "#",
      "src": "/images/dummy-images/250x80.png",
      "src2x": "/images/dummy-images/250x80@2x.png",
      "width": 250,
      "height": 80,
      "alt": "Ein Platzhalter-Bild"
    }
  ],
  "feedbackButton": {
    "link": "#",
    "text": "Feedback"
  },
  "toTopLink": {
    "link": "#top",
    "title": "Nach oben",
    "icon": "angle-up"
  },
  "links": [
    {
      "headline": "Folgen Sie uns",
      "links": [
        {
          "link": "#",
          "text": "Facebook",
          "icon": "facebook"
        },
        {
          "link": "#",
          "text": "Twitter",
          "icon": "twitter"
        },
        {
          "link": "#",
          "text": "Youtube",
          "icon": "youtube"
        },
        {
          "link": "#",
          "text": "Instagram",
          "icon": "instagram"
        },
        {
          "link": "#",
          "text": "RSS",
          "icon": "rss"
        },
        {
          "link": "#",
          "text": "Newsletteranmeldung",
          "icon": "newsletter"
        }
      ]
    },
    {
      "headline": "Oft gesucht",
      "links": [
        {
          "link": "#",
          "text": "Hier steht ein Link"
        },
        {
          "link": "#",
          "text": "Eine weitere Link"
        },
        {
          "link": "#",
          "text": "Ein Link"
        },
        {
          "link": "#",
          "text": "Beliebter Inhalt"
        },
        {
          "link": "#",
          "text": "Beliebter Inhalt"
        },
        {
          "link": "#",
          "text": "Beliebter Inhalt"
        }
      ]
    },
    {
      "headline": "Überschrift",
      "links": [
        {
          "link": "#",
          "text": "Alumni"
        },
        {
          "link": "#",
          "text": "Freunde und Förderer"
        },
        {
          "link": "#",
          "text": "Studentenwerk"
        },
        {
          "link": "#",
          "text": "Klinikum"
        }
      ]
    }
  ],
  "meta": {
    "links": [
      {
        "link": "#",
        "text": "Kontakt & Anfahrt"
      },
      {
        "link": "#",
        "text": "Impressum"
      },
      {
        "link": "#",
        "text": "Datenschutzerklärung"
      },
      {
        "link": "#",
        "text": "Sitemap"
      }
    ]
  }
}