/*breakpoints*/
footer {
  --link-clr: var(--clr-primary);
  border-top: 1px solid var(--gray);
  padding-block: 2rem;
}
@media screen and (min-width: 768px) {
  footer {
    padding-block: 3rem;
  }
}
@media screen and (min-width: 1200px) {
  footer {
    padding-block: 4rem;
  }
}
footer .footer__navigation {
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-wrap: wrap;
  gap: 2rem;
}
@media screen and (min-width: 768px) {
  footer .footer__navigation {
    gap: 3rem;
  }
}
@media screen and (min-width: 992px) {
  footer .footer__navigation {
    gap: 4rem;
  }
}
footer .footer__nav--node {
  flex-basis: 100%;
  flex-grow: 1;
}
@media screen and (min-width: 768px) {
  footer .footer__nav--node {
    flex-basis: 200px;
  }
}
footer .footer__nav--title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--clr-primary);
  text-transform: uppercase;
}
footer .footer__nav--link {
  display: block;
  font-size: 1rem;
  color: var(--clr-primary);
  text-decoration: none;
  transition: var(--transition);
  opacity: 0.75;
  margin-bottom: 0.5rem;
}
footer .footer__nav--link:hover {
  opacity: 1;
}
footer .footer__social {
  display: flex;
  gap: 1rem;
  margin-top: 2rem;
}
footer .footer__social--link {
  font-size: 1rem;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--clr-accent);
  border-radius: 50%;
  height: 2.5rem;
  aspect-ratio: 1;
}
footer .footer__social--link i {
  color: var(--clr-primary);
  font-size: 1rem;
}
footer .footer__logo {
  display: flex;
  align-items: end;
  margin-top: 2.5rem;
  gap: 2rem;
}
footer .footer__logo .logo {
  flex-grow: 1;
}
footer .footer__legal * {
  font-size: 0.938rem;
}
footer .footer__legal .footer__legal--link {
  opacity: 0.75;
}
footer .footer__legal .footer__legal--link:hover {
  opacity: 1;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fframmelsberger%2Fscss%2Fcomponents%2F_footer.scss%22%2C%22%2Fthemes%2Fframmelsberger%2Fscss%2Fcomponents%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACiCI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD5BI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACoBJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADRI%3BAAAA%3BAAAA%3BAAAA%3BACIJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASI%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWI%3BAAAA%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%22%7D */