footer a {
  text-decoration: none;
}

/* -------------------------- start fonts footer -------------------------- */
#footer-rechts li > a {
  color: var(--ast-global-color-6) !important;
}

#footer-rechts li > a:hover {
  color: white !important;
}

#footer p {
  font-family: var(--mainfont);
}

#footer a,
.span-favorite,
#footer-mitte .textwidget:first-child p,
#footer-rechts li {
  color: var(--ast-global-color-5);
}

#footer-mitte .textwidget:first-child p {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.81;
}

#footer-mitte .textwidget:last-child p {
  font-family: var(--headlinealternative);
  font-size: 1.8rem;
  color: var(--ast-global-color-6);
  line-height: 1.37;
  letter-spacing: -0.64px;
  font-weight: 400;
}

#footer-rechts li {
  list-style: none;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.92;
  text-transform: uppercase;
  letter-spacing: 1.06px;
}

/* -------------------------- end fonts footer -------------------------- */

/* Footer Styles Content ID's{#footer, #footer-links, #footer-mitte, #footer-rechts}, 
                        Classes{.wrap, inner-wrap, .span-favorite, .span-palce} */

#footer {
  background-color: var(--ast-global-color-1);
}

#footer-mitte {
  display: flex;
  justify-content: space-between;
  max-width: 910px;
  width: 100%;
}

#footer .wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--gap-xl) 0 var(--gap-l);
  margin: auto;
  gap: calc(var(--gap-xl) / 1.12);
  position: relative;
  max-width: 1355px;
  width: 80vw;
}

#footer-links {
  max-width: 325px;
  height: auto;
  width: clamp(194px, 18vw, 325px);
  transform: translateY(-25%);
}

#footer-links img {
  min-width: 194px;
}

#footer-rechts ul {
  display: flex;
  gap: var(--gap-m);
  justify-content: center;
  margin: 0;
}

.inner-wrap {
  display: flex;
  gap: calc(var(--gap-xl) / 1.3);
}

#footer-mitte > .textwidget {
  align-self: flex-end;
}

#footer-mitte .textwidget:last-child {
  padding-right: calc(clamp(101px, 12.52vw, 267px) / 3);
}

.textwidget {
  position: relative;
  z-index: 1;
}

.span-favorite {
  position: relative;
}

.span-favorite::before {
  --my-size: clamp(101px, 12.52vw, 267px);
  content: "";
  position: absolute;
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-w-footer.svg);
  width: var(--my-size);
  height: var(--my-size);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
  transform: translate(52%, -28%);
  z-index: -1;
}

/* Zeilenumbruch Formatierung */
.span-favorite::after {
  content: "\A";
  white-space: pre;
}

.span-palce::before {
  content: "";
  white-space: pre;
  margin-right: 1.6em;
}

/* replace break with a space in media queries*/
/*
@media (max-width: 768px) {
  #favorite::after {
    content: " ";      
    white-space: normal;
  }
}
*/

/* Footer Logos ID'S{#footer-logos} Classes{.ft-logos}*/
#footer-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--ast-global-color-8);
  padding: calc(var(--gap-l) * 2) 15px
    calc(var(--height-minifrom) + var(--gap-l) + var(--gap-m)) 15px;

  gap: var(--gap-l);
}

.ft-logo {
  max-width: 140px;
  width: auto;
}

.ft-logo img {
  mix-blend-mode: luminosity;
}

/*----------------- Mediaqueries -------------*/

@media (min-width: 1920px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

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

@media (max-width: 1200px) {
  #footer-mitte .textwidget:first-child p {
    font-size: 1.1rem;
  }

  #footer-mitte .textwidget:last-child p {
    font-size: 1.5rem;
  }

  #footer .wrap {
    width: 90vw;
  }
}

@media (max-width: 1024px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
  div#mobile-icons {
    z-index: 100;
    display: flex;
  }
}

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

  #footer-mitte {
    justify-content: center;
    gap: var(--gap-xl);
  }

  #footer-logos {
    flex-wrap: wrap;
    padding: var(--gap-l) 30px calc(var(--gap-xl) / 1.2) 30px;
    gap: var(--gap-m);
  }
}

@media (max-width: 768px) {
  #footer-mitte {
    flex-direction: column;
  }

  #footer-mitte > .textwidget {
    align-self: center;
    text-align: center;
  }

  .span-favorite::after {
    content: "";
    white-space: normal;
  }

  .span-palce::before {
    content: "";
    white-space: normal;
    margin-right: 0;
  }

  #footer-mitte .textwidget:last-child p {
    font-size: 1.3rem;
  }

  #footer-mitte .textwidget:first-child p {
    font-size: 0.95rem;
  }
}

@media (max-width: 576px) {
  #footer-rechts ul {
    flex-wrap: wrap;
  }

  #footer-mitte .textwidget:last-child {
    padding-right: 0;
  }

  .ft-logo {
    max-width: 89px;
    width: auto;
  }

  .ft-logo:last-of-type {
    max-width: 70px;
    width: auto;
  }

  #footer-rechts ul {
    display: flex;
    gap: var(--gap-s);
    justify-content: center;
    margin: 0;
  }

  #footer-rechts li:nth-child(1) {
    order: 0;
  }

  #footer-rechts li:nth-child(2) {
    order: 2;
    width: 100%;
    text-align: center;
  }

  #footer-rechts li:nth-child(3) {
    order: 1;
  }

  #footer-rechts li:nth-child(4) {
    order: 3;
  }

  #footer-logos {
    padding: var(--gap-l) 15px calc(var(--height-minifrom) + var(--gap-l)) 15px;
  }
}

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

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