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

#footer ::selection {
  background-color: var(--ast-global-color-2) !important;
  color: var(--ast-global-color-0);
}

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

#footer {
  background-color: var(--ast-global-color-0);
  position: relative;
  padding-bottom: calc(4vw);
  border-top: 8px solid var(--ast-global-color-1);

}

#footer::after {
  content: "";
  display: block;
  position: absolute;
  --my-size: 100vw;
  width: var(--my-size);
  height: calc(var(--my-size) / 50.73399882560188);
  background-image: url(/wp-content/themes/astra-impuls-child/img/header-after.svg);
  background-size: contain;
  background-repeat: repeat-x;
  bottom: 0;
}

/* -------------------------- FOOTER BAR -------------------------- */

#footer-bar {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: var(--ast-global-color-0);
  display: flex;
  justify-content: center;
  transition: all .5s cubic-bezier(.46, .03, .52, .96) 0s;
  transform: translateY(101%);
  height: var(--height-footer-bar);
  z-index: 999;
  align-items: center;
}

#footer-bar.small {
  transform: translateY(0);
}


#footer-bar #header-icons {
  position: unset;
}

#footer-bar #header-icons .icon {
  padding-bottom: 0 !important;
}

#footer-bar #header-lang .gtranslate_wrapper {
  transform: translateY(-10px);
  bottom: 100%;
}

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


footer {}

footer p,
footer li,
footer a {}

footer h4,
footer h5,
footer h6 {}

#footer .wrap {
  padding: 8vw 0 6vw;
  display: flex;
  justify-content: center;
  position: relative;
}

.inner-wrap * {
  font-size: 15px;
  letter-spacing: 0.05em;
  line-height: 2;
}

.inner-wrap {
  display: flex;
  width: 90%;
  max-width: 1181px;
  align-items: flex-start;
  gap: 0;
}

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

#footer-links {
  margin-right: max(min(92px, 5.3vw), 30px);
  width: 32vw;
  max-width: 231px;
}

#footer-mitte * {
  color: var(--Colors-Beige, #eeebe7);
  font-family: var(--headlinefont, "new-spirit");
  font-size: var(--Fonts-size-headline6, 25px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--Fonts-line-height-headline6, 37px);
}

#footer-rechts strong,
#footer-rechts strong * {
  color: var(--ast-global-color-1);
}

#footer-rechts * {
  color: var(--Colors-Beige, #eeebe7);
  font-family: var(--headlinefont, "new-spirit");
  font-size: 37px;
  font-style: normal;
  font-weight: 600;
  line-height: 55px;
}

#footer-rechts {
  margin-top: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
}

#footer-rechts>a {
  max-width: 40px;
  margin-left: auto;
  margin-bottom: 0.7em;
}

#footer-logos {
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ft-logo {
  max-width: 140px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 0 1em;
}

div#footer-menu {
  padding: 3.7vw 0 3.7vw;
}

div#footer-menu * {
  list-style: none;
  padding: 0;
  color: var(--Colors-Rot, #c5573d);
  text-align: center;
  font-family: var(--Fonts-family-title-sans, "Nunito Sans");
  font-size: var(--Fonts-size-fliesstext, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Fonts-line-height-fliesstext, 30px);
  letter-spacing: 0.18px;
}

#menu-footer-menu {
  display: flex;
  gap: 80px;
  justify-content: center;
  margin-bottom: 0;
  margin-left: unset !important;

}

#menu-footer-menu a:hover {
  color: var(--ast-global-color-2);
}

/*----------------- SOCIAL SHARE -------------*/

.heateorSssSharing,
.heateorSssSharingButton {
  margin: 0;
}

.heateor_sss_sharing_container.heateor_sss_horizontal_sharing {
  margin-top: 1vw;
}

ul.heateor_sss_follow_ul li,
ul.heateor_sss_sharing_ul li {
  float: right !important;
}

/*----------------- END SOCIAL SHARE -------------*/

@media (min-width: 1920px) {
  .ft-logo {
    margin: 0 50px;
  }
}

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

@media (max-width: 1200px) {
  #footer {
    padding-bottom: calc(4vw + var(--height-footer-bar));
  }

  #footer-links {
    width: 19vw;
    min-width: 139px;
  }

  #footer-rechts * {
    font-size: 29px;
  }

  #footer-mitte * {
    font-size: var(--Fonts-size-headline6, 20px);
  }
}

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

@media (max-width: 990px) {
  div#mobile-bar {
    display: flex;
  }


  .inner-wrap {
    flex-wrap: wrap;
    gap: 80px 0;
  }

  #footer-links {
    width: 29vw;
    margin-right: max(min(152px, 34.3vw), 30px);
  }

  #footer-rechts {
    flex: 1 1 100%;
  }

  #footer-rechts>a {
    margin-left: unset;
  }

  #menu-footer-menu {
    gap: max(30px, 7vw);
  }
}

@media (max-width: 768px) {
  #footer {
    padding-bottom: calc(10vw + var(--height-footer-bar));
  }

  #menu-footer-menu {
    flex-direction: column;
    gap: 10px;
  }

  .inner-wrap {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    text-align: center;
    gap: max(9vw, 40px);
  }

  #footer-links {
    width: 35vw;
    margin-right: 0;
  }

  #footer-rechts {
    margin-right: auto;
    align-items: center;
  }

  #footer .wrap {
    padding: 13VW 0 max(9vw, 40px);
    display: flex;
    justify-content: center;
    position: relative;
  }

  div#footer-menu {
    padding: 0;
  }

  #footer-bar #header-icons .icon:nth-child(3) {
    display: none;
  }
}

@media (max-width: 576px) {
  #footer .wrap {
    padding: 13VW 0 max(6vw, 35px);
  }

  .inner-wrap {
    gap: max(6vw, 35px);
  }


  #footer-rechts * {
    font-size: 1.338rem;
    line-height: 1.7;
  }

  #footer-mitte * {
    font-size: var(--Fonts-size-headline6, 0.938rem);
    line-height: 1.7;
  }

  #footer-rechts>a {
    max-width: 29px;
  }

  #menu-footer-menu {
    gap: 2px;
  }

  div#footer-menu * {
    font-size: var(--Fonts-size-fliesstext, 15px);
  }

  #menu-footer-menu>.menu-item:nth-child(2) {
    order: 0;
  }

  #menu-footer-menu>.menu-item:not(:nth-child(2)) {
    order: 1;
  }
}

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

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