<footer class="np-footer">
  <div class='footer-top'>
    <ul class='footer-top-column'>
      <img src="https://s3.amazonaws.com/static.northpass.com/demos/QuadrigaRed.png" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
      <li class='footer-top-column-title'>
       WEITERBILDUNGSANGEBOTE
      </li>
      <li class='footer-top-column-element'>
        Seminare
      </li>
      <li class='footer-top-column-element'>
        Online-Seminare
      </li>
      <li class='footer-top-column-element'>
        E-Learnings
      </li>
      <li class='footer-top-column-element'>
        Konferenzen
      </li>
      <button class='footer-top-column-button'>
        Zertifikats-Lehrgänge
      </button>
    </ul>
    <ul class='footer-top-column'>
      <img src="https://s3.amazonaws.com/static.northpass.com/demos/QuadrigaRed.png" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
      <li class='footer-top-column-title'>
        DIE DEUTSCHE PRESSEAKADEMIE - DEPAK
      </li>
      <li class='footer-top-column-element'>
        Studienzentrum
      </li>
      <li class='footer-top-column-element'>
        Referent:innen
      </li>
      <li class='footer-top-column-element'>
        Team
      </li>
      <li class='footer-top-column-element'>
        Zum Lernportal der depak
      </li>
    </ul>
    <ul class='footer-top-column'>
      <img src="https://s3.amazonaws.com/static.northpass.com/demos/QuadrigaRed.png" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
      <li class='footer-top-column-title'>
        TIPPS & SERVICE
      </li>
      <li class='footer-top-column-element'>
        AGB
      </li>
      <li class='footer-top-column-element'>
        Impressum
      </li>
      <li class='footer-top-column-element'>
        Datenschutz
      </li>
      <li class='footer-top-column-socials'>

      </li>
    </ul>
    <ul class='footer-top-column'>
      <img src="https://s3.amazonaws.com/static.northpass.com/demos/QuadrigaRed.png" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
      <li class='footer-top-column-title'>
        NEWS
      </li>
      <li class='footer-top-column-element'>
        Newsletter
      </li>
    </ul>
  </div>
  <div class="footer-seperator"></div>
  <div class='footer-bottom'>
    <ul class='footer-bottom-links'>
      <li class='footer-botoom-links-elements'>Community Guidelines</li>
      <li class='footer-botoom-links-elements'>Quadriga Methodologies</li>
      <li class='footer-botoom-links-elements'>Terms of Use </li>
      <li class='footer-botoom-links-elements'>Privacy Policy </li>
      <li class='footer-botoom-links-elements'>Cookie Policy </li>
      <li class='footer-botoom-links-elements'>Copyright Complaint Policy </li>
      <li class='footer-botoom-links-elements'>Content Usage Guidelines </li>
      <li class='footer-botoom-links-elements'>Do Not Sell My Personal Information </li>
    </ul>
    <div class='footer-bottom-logo'>
      <img
        alt="{{ current_school.name }}"
        class="footer-bottom-logo-img"
        src="{{ current_school.logo_url }}"
      />
      <div class='footer-bottom-logo-right'>
        <div class='footer-bottom-logo-right-element'>
          Quadriga Media Berlin GmbH 
        </div>
        <div class='footer-bottom-logo-right-element'>
          Werderscher
        </div>
        <div class='footer-bottom-logo-right-element'>
          D-10117 Berlin, Germany 
        </div>
      </div>
    </div>
    <div class='footer-bottom-subline'>
      © 2022, Quadriga Media Berlin GmbH. All Rights Reserved. 
    </div>
  </div>

</footer>
<style>
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
</style> 
<style>
  .np-footer {
    background: #3F3437;
  }
  .footer-top {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
  }
  .footer-top-column {
    list-style-type: none;
  }
  .footer-top-column-title {
    color: white;
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
  }
  .footer-top-column-element {
    color: white;
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    padding: 9px 0;
  }
  .footer-top-column-button {
    background: none;
    border: 2px white solid;
    border-radius: 100px;
    padding: 9px 25px;
    font-size: 14px;
    color: white;
    font-weight: 600;
  }
  .footer-seperator {
    border-top: rgb(128, 128, 128) 1px solid;
    width: 90%;
    margin: auto;
    height: 1px;
    margin: 40px 0;
  }
  .footer-bottom-links {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    color: rgb(168, 168, 172);
    font-size: 14px;
  }
  .footer-botoom-links-elements {
    margin: 10px;
  }
  .footer-bottom-logo {
    display: flex;
    flex-direction: row;
    color: rgb(168, 168, 172);
    font-size: 14px;
  }
  .footer-bottom-logo-img {
    height: 55px;
    margin: 0 10px 10px 0;
  }
  .footer-bottom-subline {
    color: rgb(168, 168, 172);
    font-size: 14px;
  }
  body {
    font-family: "Nunito Sans", sans-serif !important;
  }
</style>
