.footer-section-meta {
  background-color: black;
  .frame-container {
    max-width: 1430px;
  }
  .footer-top {
    position: relative;
    &:after {
      content: "";
      position: absolute;
      background-image: url("../../Images/footer-donut-white.svg");
      background-size: 100% 100%;
      top: -101px;
      right: -270px;
      width: 302px;
      height: 151px;
    }
    &:before {
      content: "";
      position: absolute;
      background-image: url("../../Images/footer-donut-yellow.svg");
      background-size: 100% 100%;
      bottom: -7px;
      right: -115px;
      width: 658px;
      height: 343px;
    }
    a {
      text-decoration: none;
      color: $white;
      transition: color .3s ease-in-out;
      &:hover {
        color: $purple;
      }
    }
    .element-header {
      font-weight: 600;
      margin-bottom: 70px;
      margin-top: 100px;
    }
    .contact {
      padding-left: 0;
    }
    .footer-navi {
      margin-left: 50px;
      margin-bottom: 100px;
      .top-navigation-item {
        font-size: 1.5rem;
        line-height: 34px;
      }
    }
  }
  .footer-bottom {
    width: 100%;
    background-color: $white;
    padding-top: 45px;
    padding-bottom: 100px;
    .row {
      align-items: center;
      justify-content: center;
      .col {
        &.socials {
          .gallery-row {
            max-width: 150px;
            .gallery-item{
              img {
                width: 40px;
              }
            }
          }
        }
        &.certs {
          width: calc(42.88% + 70px);
          flex: none;
          .gallery-row {
            --gallery-gap: 70px;
            .gallery-item{
              img {
                height: 80px;
              }
            }
          }
        }
       &.imprint {
         a {
           text-decoration: none;
           transition: color .3s ease-in-out;
           &:hover {
             color: $purple;
           }
         }
       }
      }
    }
  }
}
@media(max-width: 1440px) {
  .footer-section-meta {
    .footer-top {
      &:before {
        bottom: -7px;
        right: -30px;
      }
      &:after {
        top: -101px;
        right: 0px;
      }
    }
  }
}
@media(max-width: 1199px) {
  .footer-section-meta {
    .footer-top {
      &:before {
        bottom: -32px;
        right: -100px;
        width: 558px;
        height: 343px;
      }
      &:after {
        top: -101px;
        right: -85px;
      }
    }
  }
}
@media(max-width: 991px) {
  .footer-section-meta {
    .footer-top {
      &:before {
        display: none;
      }
      &:after {
        display: none;
      }
    }
    .footer-bottom {
      .footer-socials {
        .frame-container {
          max-width: 1430px;
        }
        .row {
          flex-direction: column;
          justify-content: center;
          gap: 24px;
          .col {
            text-align: center;
            &.certs {
              .gallery-row {
                flex-direction: column;
                --gallery-gap: 24px;
                .gallery-item {
                  --gallery-columns: 1;
                }
              }
            }
            &.socials {
              .gallery-row {
                margin: 0 auto;
              }
            }
          }
        }
      }
    }
  }
}
@media(max-width: 767px) {
  .footer-section-meta {
    .footer-top {
      .row {
        flex-direction: column;
        .footer-navi {
          margin-left: 0;
          margin-top: 52px;
        }
      }
    }
  }
}
@media (max-width: 425px) {
  .footer-section-meta {
    .footer-top {
      .row {
        .element-header {
          margin-bottom: 35px;
        }
      }
    }
  }
}