#page_footer {
  border-top: 2px white;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  padding-block-start: 3.5rem;
  padding-block-end: 3.5rem;

  background-color: #fff;

  @media (max-width: 767px) {
    padding-block-start: 1.5rem;
  }

  .inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
    gap: 1.2rem;

    max-width: var(--width-content);
    margin-inline: auto;

    @media (max-width: 1024px) {
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto auto;

      grid-column-gap: 4rem;
      grid-row-gap: 1.2rem;

      padding: 1rem;
    }

    @media (max-width: 767px) {
      grid-template-columns: 1fr;
    }

    .footer__logo {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;

      @media (max-width: 1024px) {
        flex-direction: column;
        align-items: flex-start;

        grid-column: 1;
        grid-row: 1;

        margin-block-end: 0.9rem;
      }

      @media (max-width: 767px) {
        grid-column: 1;
        grid-row: 1;
        grid-gap: 2rem;

        align-items: center;
      }

      img {
        height: 6.875rem;
        width: auto;

        margin-block-end: 0;
      }
    }

    .footer__col--address {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;

      line-height: 1.75rem;

      margin-block-end: 1.2rem;

      @media (max-width: 1024px) {
        grid-column: 2;
        grid-row: 1;
      }

      @media (max-width: 767px) {
        grid-column: 1;
        grid-row: 2;
        grid-gap: 0.4rem;

        align-items: center;

        address {
          text-align: center;
        }
      }

      .cb-button {
        text-decoration: none;
        color: var(--color-black--100);
      }
    }

    .footer__col--contact {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;

      line-height: 1.75rem;

      @media (max-width: 1024px) {
        grid-column: 3;
        grid-row: 1;
      }

      @media (max-width: 767px) {
        grid-column: 1;
        grid-row: 3;
        grid-gap: 0.4rem;

        align-items: center;
      }

      .contact-infos {
        font-weight: 700;
      }
    }

    .footer__navigation {
      display: flex;

      @media (max-width: 1024px) {
        grid-column: 4;
        grid-row: 1;
      }

      @media (max-width: 767px) {
        grid-column: 1;
        grid-row: 4;

        justify-content: center;
        align-items: center;
      }

      ul {
        padding-inline-start: 0;

        @media (max-width: 1024px) {
          padding: 0;
        }

        li {
          display: block;
          list-style: none;
        }
      }

      a {
        text-decoration: none;
        color: var(--color-black--100);
      }
    }

    .footer__sponsors {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-column: 2 / 5;
      margin-block-start: 5rem;
      gap: 3.8rem;

      @media (max-width: 1024px) {
        grid-column: 1 / 5;
        grid-row: 2;

        grid-template-columns: repeat(2, 1fr);

        margin-block-start: 0;
      }

      @media (max-width: 767px) {
        display: flex;
        flex-direction: column;

        grid-column: 1;
        grid-row: 5;
      }

      .sponsor {
        display: flex;
        text-decoration: none;
        gap: 2rem;

        @media (max-width: 1024px) {
          flex-direction: row;
          align-items: center;
          gap: 0;

          width: 100%;
        }

        @media (max-width: 767px) {
          justify-content: flex-start;
          gap: 1.3rem;
        }

        .sponsor-details {
          @media (max-width: 1024px) {
            text-align: start;
          }

          a {
            text-decoration: none;
          }
        }

        img {
          width: 100%;
          max-width: 15rem;
          height: auto;

          @media (max-width: 767px) {
            max-width: 10rem;
          }
        }
      }
    }
  }
}

/* YE OLDE CODEE */
#page_footer h2 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
}

.general-infos,
.contact-infos {
  font-weight: 700;
}

.impressum-link a {
  text-decoration: none;
}

.sponsor-details h3 {
  font-style: normal;
  font-size: 1rem;
  font-weight: 400;
  color: black;
}