body:not(.home) #footer-mitte-wrapper {
  display: none;
}

body:not(.home) footer#footer::before {
  display: none;
}
body:not(.home) #footer-links {
  display: none;
}

footer a {
  text-decoration: none;
  transition: all 0.5s ease 0s;
  color: inherit;
}

/* -------------------------- start fonts footer -------------------------- */

#footer h3 {
  margin-bottom: var(--gap-xl);
}

#footer-mitte .textwidget:nth-child(2),
#footer li,
#footer a {
  font-size: var(--base-font-size);
  font-family: var(--mainfont);
  list-style: none;
  color: var(--ast-global-color-3);
  font-weight: 300;
  line-height: 1.87;
}

#footer-rechts > .textwidget p {
  font-size: 30px;
}

#footer-mitte .textwidget:first-of-type p,
#footer-rechts > .textwidget p {
  font-family: var(--headlinefont);
  font-weight: 400;
}

#footer-mitte .textwidget:first-of-type p {
  font-size: 24px;
  line-height: 1.15;
}

/** Footer Styles ID{footer, #footer}, Classes{.inner-wrap}*/

#footer {
  border-bottom: 15px solid var(--ast-global-color-1);
  padding: var(--bg-padding) 0 var(--gap-xl) 0;
  position: relative;
}

#footer .inner-wrap {
  max-width: 1238px;
  width: 90%;
  margin: auto;
  display: flex;
  flex-direction: column;
}

footer#footer::before {
  --my-size: clamp(230px, 60.27vw, 740px);
  content: "";
  display: block;
  position: absolute;
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-hitenrgrund.svg);
  width: var(--my-size);
  height: calc(var(--my-size) / 1.09806);
  z-index: -1;
  background-size: contain;
  background-repeat: no-repeat;
  right: 0;
  transform: translate(22%, -14%);
  top: 0;
}

/** Footer Mitte ID{#footer-bild-rechts, #footer-bild-links, #footer-mitte}, Classes{.footer-mitte-wrapper, .textwidget}*/

.footer-mitte-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--bg-padding);
}

#footer-bild-rechts,
#footer-bild-links {
  max-width: 400px;
  flex: 1 1 35%;
}

#footer-mitte {
  display: flex;
  flex-direction: column;
  gap: var(--gap-m);
  text-align: center;
  justify-content: center;
  flex: 2 1 30%;
}

#footer-mitte .textwidget:first-of-type {
  margin-bottom: var(--gap-m);
}

#footer-mitte .textwidget:first-of-type::before {
  content: "";
  display: block;
  width: 80px;
  height: 47px;
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-logo-1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-inline: auto;
  pointer-events: none;
}

/** Overlay IMG */
#footer-bild-links,
#footer-bild-rechts {
  position: relative;
}

#footer-bild-links::before,
#footer-bild-rechts::before {
  content: "";
  position: absolute;
  background: linear-gradient(
    0deg,
    rgba(28, 31, 33, 0.2) 0%,
    rgba(28, 31, 33, 0.2) 100%
  );
  opacity: 0.8;
  inset: 0;
  z-index: 9;
  pointer-events: none;
}

/** Footer Rechts ID{#footer-rechts, #menu-footer-menu}, Classes{.textwidget}*/

#footer-rechts {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#menu-footer-menu {
  margin: 0 !important;
  display: flex;
  gap: var(--gap-l);
}

#footer-rechts .textwidget {
  display: flex;
  align-items: center;
  gap: 17px;
}

#footer-rechts .textwidget::before {
  content: "";
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-logo-2.svg);
  display: inline-block;
  width: 51px;
  height: 46px;
  background-size: contain;
  background-repeat: no-repeat;
}
ul#menu-footer-menu a {
    color: var(--ast-global-color-0) ;
}
ul#menu-footer-menu a:hover {
    color: #fff ;
}
#menu-item-1492 {
  display: none;
}

/*----------------- END SOCIAL SHARE -------------*/

@media (min-width: 1920px) {
}

@media (max-width: 1500px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 1200px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 1100px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 990px) {
  .footer-mitte-wrapper {
    display: flex;
    margin-bottom: var(--bg-padding);
    flex-wrap: wrap;
    gap: var(--cont-gap);
    flex-direction: column;
    margin-inline: auto;
  }

  .inner-wrap {
    justify-content: center;
    flex-direction: column-reverse;
    gap: var(--gap-l);
  }

  footer#footer::before {
    transform: translate(24%, 42%);
  }
}

@media (max-width: 768px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}


@media (max-width: 660px) {
  #footer-bild-rechts,
  #footer-bild-links {
    width: clamp(195px, 51vw, 350px);
    margin: auto;
  }

  #footer-rechts {
    flex-direction: column-reverse;
    gap: var(--gap-xl);
  }

  #footer-rechts > .textwidget {
    order: 1 !important;
    position: relative;
  }

  #footer-rechts .textwidget::before {
    position: absolute;
    top: -57px;
    left: 50%;
    transform: translate(-50%);
  }
}

@media (max-width: 576px) {
  footer#footer::before {
    transform: translate(21%, -224%);
    bottom: 0;
    top: unset;
  }
}

@media (max-width: 420px) {
  #menu-footer-menu {
    flex-direction: column;
    gap: var(--gap-s);
    text-align: center;
  }

  footer#footer::before {
    transform: translate(21%, -308%);
  }
}

@media (max-width: 320px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}
