#footer {
  background-color: var(--colorGreyTranslucent);
  display: flex;
  justify-content: center;
  width: 100%;
  > div {
    display: flex;
    flex: 0 1 1130px;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px 15px 30px 15px;
    > div {
      align-items: flex-start;
      display: flex;
      flex-direction: column;
      margin: 30px 0px 0px 0px;
      @media (max-width: 550px) {
        flex-basis: 100%;
      }
      @media (min-width: 551px) and (max-width: 800px) {
        flex-basis: 50%;
      }
      a {
        padding: 2px 5px 2px 5px;
        text-decoration: none;
        @media (pointer: fine) {
          &:hover {
            color: var(--colorGreyFontHover);
          }
        }
        &#impressum-and-data-protection {
          font-family: 'Roboto Black', sans-serif;
        }
      }
      > #language {
        align-items: center;
        display: flex;
        margin: 30px 0px 0px 0px;
        > a {
          padding: 5px 10px 5px 10px;
          @media (pointer: fine) {
            &:hover {
              color: var(--colorGreen);
            }
          }
          &:nth-child(1) {
            padding: 5px 10px 5px 5px;
          }
        }
        > p {
          color: var(--colorGreen);
          font-family: 'Roboto Black', sans-serif;
          &:nth-child(1) {
            margin: 0px 0px 0px 5px;
          }
        }
      }
      > p {
        margin: 2px 5px 2px 5px;
        &:nth-of-type(1) {
          font-family: 'Roboto Black', sans-serif;
        }
      }
    }
    > #logo {
      height: 50px;
      margin: 30px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      @media (max-width: 1000px) {
        flex-basis: 100%;
      }
      > img {
        border: none;
        cursor: pointer;
        height: 100%;
      }
    }
    > p {
      flex-basis: 100%;
      font-size: 1.4rem;
      margin: 60px 0px 0px 0px;
    }
  }
}