ooter a {
  text-decoration: none;
  transition: all 0.5s ease 0s;
  color: inherit;
}

footer a:hover,
#footer-mitte a:hover {
}

/* -------------------------- start fonts footer -------------------------- */

#footer {
  background: var(--linear-gradient-header);
  padding-block: calc(var(--gap-xxl) * 1.25) var(--gap-xxl);
  display: flex;
  flex-direction: column;
  gap: var(--gap-xl);
}

footer#footer {
  position: relative;
}

#footer::after {
  content: "";
  width: clamp(55px, 10vw, 152px);
  position: absolute;
  aspect-ratio: 76/55;
  top: clamp(55px, calc(36.744px + 1.732vw), 70px);
  right: 0;
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-deco.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

footer p,
footer li,
footer a {
  color: var(--ast-global-color-0);
  font-family: var(--mainfont);
  font-size: var(--base-font-size);
  white-space: nowrap;
  font-weight: 600;
  line-height: 1.87;
}

#footer .wrap {
  max-width: 1190px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-inline: auto;
}

/* ----------------Footer Icon---------------- */
div#footer-icon img {
  border-radius: unset;
}

div#footer-icon {
  align-self: flex-start;
  /* transform: translateY(-92px); */
  transform: translateY(clamp(-92px, calc(-12.185px - 4.157vw), -56px));
}

#footer-icon > img {
  width: clamp(150px, 19vw, 276px);
  height: auto;
  display: block;
}

.inner-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

#footer-links,
#footer-mitte,
#footer-rechts,
#footer-claim {
  display: flex;
}

/* ----------------- Footer Links ------------------- */
#footer-links {
  flex-direction: column;
  gap: 10px;
}

#footer-links .textwidget:nth-child(2) > div {
  display: flex;
  gap: 0.65rem;
}

#footer-links .textwidget:nth-child(2) > div a {
  display: inline-flex;
  align-items: flex-end;
  line-height: 1.3;
}

#footer-links .textwidget:nth-child(2) div > a:first-child::before,
#footer-links .textwidget:nth-child(2) div > a:last-child::before {
  content: "";
  display: inline-block;
  width: 17.5px;
  height: 17.5px;
  position: static;
  background-repeat: no-repeat;
  background-size: contain;
}

#footer-links .textwidget:nth-child(2) div > a:first-child::before {
  content: "";
  display: inline-block;
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-instagram.svg);
  width: 17.5px;
  height: 17.5px;
  position: static;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.3s ease;
}

#footer-links .textwidget:nth-child(2) div > a:last-child::before {
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-facebook.svg);
}

#footer-links .textwidget:nth-child(2) div > a:first-child:hover,
#footer-links .textwidget:nth-child(2) div > a:last-child:hover {
  filter: brightness(0) saturate(100%) invert(26%) sepia(13%) saturate(950%)
    hue-rotate(303deg) brightness(94%) contrast(89%);
}

/* ----------------- Footer Mitte ------------------- */
#footer-mitte li {
  list-style: none;
}

#footer-mitte .menu {
  margin: 0;
}

/* ------------- Footer Rechts -------------- */
#footer-rechts {
  margin-left: var(--gap-l);
}

#footer-rechts p {
  font-family: var(--headlinefont);
  font-size: var(--h4-font-size);
  font-weight: 500;
  font-style: normal;
  line-height: 1.18;
}

#footer-rechts span {
  text-decoration: underline;
}

#footer #footer-rechts span[style*="text-decoration: underline"] {
  text-decoration-thickness: 1.5px !important;
  text-underline-offset: 3px;
}

ul#menu-footer-menue {
  max-width: 850px;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
}

/* --------------Footer Logos----------------- */

#footer-logos {
  width: 100%;
  max-width: 835px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ft-logo {
  max-width: 114px;
  width: auto;
  display: block;
}

@media (max-width: 1500px) {
  #footer {
    gap: var(--gap-xxl);
  }

  #footer .wrap {
    padding-right: clamp(7rem, 9.129rem + -3.44vw, 5rem);
  }
}

@media (max-width: 1253px) {
  .inner-wrap {
    width: 90%;
    margin: 0 auto;
  }

  #footer-logos {
    width: 90%;
    gap: var(--gap-m);
  }
}

@media (max-width: 1054px) {
  .inner-wrap {
    flex-wrap: wrap;
    justify-content: center;
    column-gap: var(--gap-xl);
  }

  #footer .wrap {
    padding-right: 0;
  }

  #footer-icon {
    transform: translateY(0px) !important;
    flex: 1 1 100%;
    justify-self: center !important;
    margin-bottom: var(--gap-xl);
    display: flex;
    justify-content: center;
  }

  #footer-icon > img {
    max-width: 201px !important;
  }

  #footer::after {
    top: unset;
    transform: translateY(46px);
  }
}

@media (max-width: 990px) {
  #footer {
    gap: calc(var(--gap-xxl) / 1.1);
  }

  div#mobile-bar {
    display: flex;
  }

  .inner-wrap {
    width: 100%;
    margin: 0 clamp(55px, 10vw, 152px);
  }

  .inner-wrap {
    justify-content: space-between;
    column-gap: 0;
  }
}

@media (max-width: 768px) {
  .inner-wrap {
    width: 80%;
    margin: 0 auto;
    justify-content: center;
    gap: calc(var(--gap-m) * 1.1);
    flex-direction: column;
    align-items: center;
    align-content: center;
  }

  #footer-icon {
    flex: unset;
  }

  #footer-rechts,
  #footer-mitte {
    align-self: flex-start;
  }
  #footer-rechts {
    margin-left: 0;
  }

  #footer-icon {
    margin-bottom: calc(var(--gap-xl) - 2rem);
  }
  #footer-rechts {
    margin-top: calc(var(--gap-xl) - 2rem);
  }

  #footer::after {
    top: unset;
    transform: translateY(clamp(371px, calc(357.641px + 3.562vw), 385px));
  }
  #footer-logos {
    width: 80%;
  }
}

@media (max-width: 576px) {
  #footer {
    padding-block: var(--gap-xxl) calc(var(--gap-xxl) * 1.12);
    gap: calc(var(--gap-xxl) / 1.2);
  }

  .inner-wrap {
    gap: var(--gap-m);
    align-items: flex-start;
    align-content: flex-start;
  }
}

@media (max-width: 420px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 320px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}