.footer {
  color: #fff;
  background: #171717;
}
.footer__inside {
  margin-inline: auto;
  width: 92%;
  max-width: 2080px;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "brand" "nav" "social" "legal";
  padding-block: 5rem 9.375rem;
}
@media only screen and (min-width: 1920px) {
  .footer__inside {
    width: 82%;
  }
}
@media only screen and (min-width: 580px) {
  .footer__inside {
    grid-template-columns: max-content auto;
    grid-template-areas: "brand brand" "nav nav" "social legal";
    padding-block: 3.75rem;
  }
}
@media only screen and (min-width: 1080px) {
  .footer__inside {
    grid-template-columns: max-content max-content auto;
    grid-template-areas: "brand nav social";
    gap: clamp(0rem, -17.8125rem + 26.3889vw, 7.125rem);
  }
}
.footer__brand {
  display: flex;
  flex-direction: column;
  grid-area: brand;
  gap: 1.375rem;
}
@media only screen and (max-width: 1079.98px) {
  .footer__brand {
    margin-bottom: 5.125rem;
  }
}
.footer__logo {
  display: flex;
  flex-direction: column;
  color: #fff;
}
.footer__address p {
  font-family: "TT Commons Pro", sans-serif;
  font-size: clamp(1rem, 0.8831rem + 0.3226vw, 1.125rem);
  line-height: clamp(1.625rem, 1.5081rem + 0.3226vw, 1.75rem);
  color: #fff;
}
.footer__contact p {
  font-family: "TT Commons Pro", sans-serif;
  font-size: clamp(1rem, 0.8831rem + 0.3226vw, 1.125rem);
  line-height: clamp(1.625rem, 1.5081rem + 0.3226vw, 1.75rem);
  display: flex;
  gap: 0.5rem;
  color: #fff;
}
.footer__contact p a {
  font-size: inherit;
  color: #fff;
  transition: color 0.3s ease;
}
.footer__contact p a:hover {
  color: #4af0cf;
}
.footer__buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  margin-top: 2.25rem;
}
@media only screen and (min-width: 580px) {
  .footer__buttons {
    flex-direction: row;
  }
}
.footer__btn {
  display: inline-block;
  padding: 0.725rem 1.25rem 0.525rem 1.25rem;
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
  transition: all 0.4s cubic-bezier(0.65, 0, 0.35, 1);
  cursor: pointer;
  color: #171717;
  background-color: #d1d3d3;
  border-color: #d1d3d3;
  white-space: nowrap;
  color: #171717;
  background-color: #4af0cf;
  border-color: #4af0cf;
}
.footer__btn:hover {
  color: #fff;
  background-color: transparent;
}
.footer__btn:hover {
  color: #4af0cf;
  background-color: transparent;
}
.footer__nav {
  display: grid;
  grid-template-columns: 1fr;
  grid-area: nav;
  gap: 4.25rem;
  margin-bottom: 3.25rem;
}
@media only screen and (min-width: 580px) {
  .footer__nav {
    grid-template-columns: repeat(2, max-content);
    gap: clamp(1.5rem, -9.8929rem + 31.4286vw, 4.25rem);
  }
}
@media only screen and (min-width: 1080px) {
  .footer__nav {
    gap: clamp(1.5rem, -28.875rem + 45vw, 7.125rem);
    margin-bottom: 0;
  }
}
.footer__nav-col {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer__nav-title {
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.6px;
  font-family: "PP Neue Machina", sans-serif;
  color: #fff;
}
.footer__nav-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer__nav-list a {
  font-family: "TT Commons Pro", sans-serif;
  font-size: clamp(1rem, 0.8831rem + 0.3226vw, 1.125rem);
  line-height: clamp(1.625rem, 1.5081rem + 0.3226vw, 1.75rem);
  color: #fff;
  transition: color 0.3s ease;
}
.footer__nav-list a:hover {
  color: #4af0cf;
}
.footer__social {
  display: flex;
  grid-area: social;
  gap: 1rem;
  margin-bottom: 5rem;
}
@media only screen and (min-width: 580px) {
  .footer__social {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1080px) {
  .footer__social {
    justify-self: end;
  }
}
.footer__social-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  color: #fff;
  transition: color 0.3s ease;
}
.footer__social-link:hover {
  color: #4af0cf;
}
.footer__legal {
  display: flex;
  flex-direction: column;
  grid-area: legal;
  gap: 1rem 1.375rem;
}
@media only screen and (min-width: 580px) {
  .footer__legal {
    flex-direction: row;
    place-self: center end;
  }
}
@media only screen and (min-width: 1080px) {
  .footer__legal {
    position: absolute;
    right: 0;
    bottom: 4.25rem;
  }
}
.footer__legal a {
  font-family: "TT Commons Pro", sans-serif;
  font-size: clamp(1rem, 0.8831rem + 0.3226vw, 1.125rem);
  line-height: clamp(1.625rem, 1.5081rem + 0.3226vw, 1.75rem);
  color: #fff;
  transition: color 0.3s ease;
}
.footer__legal a:hover {
  color: #4af0cf;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%22%2C%22sources%22%3A%5B%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fmuenstergmbh.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fmuensterbasic%5C%2Fcss%5C%2Ffrontend%5C%2Ffooter.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fmuenstergmbh.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fmuensterbasic%5C%2Fcss%5C%2Fincludes%5C%2F_variables.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fmuenstergmbh.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fmuensterbasic%5C%2Fcss%5C%2Fincludes%5C%2F_mixins.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fmuenstergmbh.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fmuensterbasic%5C%2Fcss%5C%2Fincludes%5C%2F_typography.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BEACI%2COCEU%3BEDDV%2CYCGc%3B%3BADDd%3BEEgBA%3BEAGI%3BEACA%3BEFlBA%3BEACA%3BEACA%3BEACA%2CqBACI%3BEAIJ%3B%3BAEbJ%3BEFGA%3BIEuBQ%3B%3B%3BAA1BR%3BEFGA%3BIAaQ%3BIACA%2CqBACI%3BIAGJ%3B%3B%3BAErBR%3BEFGA%3BIAsBQ%3BIACA%3BIACA%3B%3B%3BAAIR%3BEACI%3BEACA%3BEACA%3BEACA%3B%3BAE7BJ%3BEFyBA%3BIAOQ%3B%3B%3BAAIR%3BEACI%3BEACA%3BEACA%2COC3CM%3B%3BAD8CV%3BEGAA%2CaFQM%3BEEPN%3BEACA%3BEHAI%2COChDM%3B%3BADmDV%3BEGLA%2CaFQM%3BEEPN%3BEACA%3BEHKI%3BEACA%3BEACA%2COCvDM%3B%3BADyDN%3BEACI%3BEACA%2COC3DE%3BED4DF%3B%3BAAEA%3BEACI%2COCnDD%3B%3BADwDX%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAE3EJ%3BEFsEA%3BIAQQ%3B%3B%3BAAIR%3BEGjBA%3BEACA%3BEACA%2CaFZO%3BEEaP%3BEACA%2CaFRU%3BEESV%3BEACA%3BEACA%3BEACA%3BEACA%2CeF3Ba%3BEE4Bb%3BEACA%3BEAGI%2COF3EU%3BEE4EV%2CkBFxEa%3BEEyEb%2CcFzEa%3BED4Eb%3BEACA%2COCjFU%3BEDkFV%2CkBCxEO%3BEDyEP%2CcCzEO%3B%3BAEqEP%3BEACI%2COFlFE%3BEEmFF%3B%3BAHIJ%3BEACI%2COC5EG%3BED6EH%3B%3BAAIR%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAEpGJ%3BEF%2BFA%3BIAQQ%3BIACA%3B%3B%3BAExGR%3BEF%2BFA%3BIAaQ%3BIACA%3B%3B%3BAAIR%3BEACI%3BEACA%3BEACA%3B%3BAAGJ%3BEGrFA%2CaFqBO%3BEEpBP%3BEACA%2CaF0BW%3BEEzBX%3BEACA%3BEHmFI%2CaClEG%3BEDmEH%2COCxHM%3B%3BAD2HV%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEGrFJ%2CaFQM%3BEEPN%3BEACA%3BEHqFQ%2COCrIE%3BEDsIF%3B%3BAAEA%3BEACI%2COC7HD%3B%3BADkIX%3BEACI%3BEACA%3BEACA%3BEACA%3B%3BAEpJJ%3BEFgJA%3BIAOQ%3B%3B%3BAEvJR%3BEFgJA%3BIAWQ%3B%3B%3BAAIR%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%2COCnKM%3BEDoKN%3B%3BAAEA%3BEACI%2COC3JG%3B%3BAD%2BJX%3BEACI%3BEACA%3BEACA%3BEACA%3B%3BAEjLJ%3BEF6KA%3BIAOQ%3BIACA%3B%3B%3BAErLR%3BEF6KA%3BIAYQ%3BIACA%3BIACA%3B%3B%3BAAGJ%3BEG9IJ%2CaFQM%3BEEPN%3BEACA%3BEH8IQ%2COC9LE%3BED%2BLF%3B%3BAAEA%3BEACI%2COCtLD%22%7D */