#pageFooter.page-footer {
  .container-fluid {
    height: 100%;

    .container.navigation {
      position: relative;
      background-color: white;
      padding: 20px 0;

      nav {
        li {
          padding-right: 26px;

          a {
            color: #AAAAAA;
            font-size: 14px;
            font-weight: 300;
          }

          &.credits {
            color: #3f84c5;
            font-family: Roboto;
            font-size: 14px;
            font-weight: 300;
          }
        }
      }
    }

    .container.logos {
      background-color: #3f84c5;
      height: 180px;

      .logosWrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 40px 0;

        .logo {
          a {
            width: 100%;
            height: 100%;
            display: block;
          }

          &.oldenburg {
            background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/footer/logos/uol.png");
            width: 150px;
            height: 80px;
          }

          &.tna {
            background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/footer/logos/tna.svg");
            width: 150px;
            height: 100px;
          }

          &.ghil {
            background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/footer/logos/ghil.png");
            width: 150px;
            height: 70px;
          }

          &.verbundzentrale {
            background-image: url("https://commons.digitalebibliothek.gbv.de/prizepapers/images/footer/logos/vzg.png");
            width: 200px;
            height: 40px;
          }
        }
      }
    }
  }
}
@media all and (max-width:1024px) {
  #pageFooter {
    nav {
      ul {
        li {
          &.credits {
            width: 100%;
            margin-bottom: 30px;
          }

          &:not(.credits) {
            width: 50%;
          }
        }
      }
    }

    .logosWrapper {
      padding: 40px 15px !important;

      .logo {
        width: 18% !important;
      }
    }
  }
}