footer a {
  text-decoration: none;
  transition: all 0.5s ease 0s;
  color: inherit;
}

footer a:hover,
#footer-mitte a:hover {}

/* -------------------------- start fonts footer -------------------------- */

footer {
  padding-bottom: var(--height-miniform);
}

footer p,
footer li,
footer a {}

footer h4,
footer h5,
footer h6 {}

#footer .wrap {
  padding: 4.1vw 0;
  display: flex;
  justify-content: center;
  position: relative;
}

.inner-wrap {
  display: flex;
  width: 90%;
  max-width: 1400px;
  align-items: center;
  gap: var(--gap-l);
  flex-direction: column;
  padding: var(--gap-xl);
  border: 2px solid var(--ast-global-color-1);
  border-radius: var(--border-radius-m);
}

div#footer-links {
  flex-direction: column;
  gap: var(--gap-l);
  align-items: center;
}

div#footer-links>img:first-child {
  max-width: clamp(47px, 15vw, 66px) !important;
}

div#footer-links>img:last-child {
  width: clamp(230px, 61vw, 319px) !important;
}

div#footer-mitte {
  flex-direction: column;
}

div#footer-mitte * {
  font-family: var(--headlinefont);
  font-size: var(--h1-font-size);
  font-weight: 700;
  font-style: normal;
  line-height: 1.66;
  color: var(--ast-global-color-1);
}

div#footer-mitte .textwidget {
  display: flex;
  justify-content: center;
  gap: var(--gap-m);
}

#footer-links,
#footer-mitte,
#footer-rechts,
#footer-claim {
  display: flex;
}

#footer-logos {
  width: 90vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 4.1vw;
  flex-wrap: wrap;
  margin: 0 auto;
}

.ft-logo {
  max-width: 140px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

#footer-logos .footer-logos-inner-wrapper {
  display: flex;
  gap: var(--gap-xl);
  align-items: center;
}

ul#menu-footer-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: var(--gap-l);
}

ul#menu-footer-menu a {
  font-size: 13px;
}

/*----------------- 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) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 1024px) {
  #footer-logos .footer-logos-inner-wrapper {
    gap: var(--gap-m);
    flex-wrap: wrap;
    justify-content: center;
  }

  #footer .wrap {
    padding: var(--gap-l) 0;
  }

  .inner-wrap {
    padding: var(--gap-l) var(--gap-m);
  }


}

@media (max-width: 990px) {
  div#mobile-bar {
    display: flex;
  }
}

@media (max-width: 768px) {
  ul#menu-footer-menu {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: var(--gap-s);
  }

  div#footer-links>img:first-child {
    max-width: 53px !important;
  }

  div#footer-mitte .textwidget {
    flex-direction: column;
    text-align: center;
    gap: 0;
  }
}

@media (max-width: 576px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 420px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 320px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}