/* Train Mobil Footer Social Layout 1.0 */
/* Nur Footer-Socials. Header bleibt unverändert. */

.tm21-footer .tm21-footer-social{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:22px !important;
  margin-top:22px !important;
}

.tm21-footer .tm21-footer-social .tm21-social__link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  height:34px !important;
  color:#ffffff !important;
  text-decoration:none !important;
  flex:0 0 34px !important;
}

.tm21-footer .tm21-footer-social .tm21-social__link svg{
  display:block !important;
  width:100% !important;
  height:100% !important;
  fill:currentColor !important;
}

.tm21-footer .tm21-footer-social .tm21-social__link--youtube{
  width:38px !important;
  flex-basis:38px !important;
}

.tm21-footer .tm21-footer-social .tm21-social__link--facebook{
  width:28px !important;
  flex-basis:28px !important;
}

.tm21-footer .tm21-footer-social .tm21-social__link:hover,
.tm21-footer .tm21-footer-social .tm21-social__link:focus-visible{
  color:#f2c400 !important;
}

@media(max-width:900px){
  .tm21-footer .tm21-footer-social{
    gap:18px !important;
  }

  .tm21-footer .tm21-footer-social .tm21-social__link{
    width:30px !important;
    height:30px !important;
    flex-basis:30px !important;
  }

  .tm21-footer .tm21-footer-social .tm21-social__link--youtube{
    width:34px !important;
    flex-basis:34px !important;
  }

  .tm21-footer .tm21-footer-social .tm21-social__link--facebook{
    width:25px !important;
    flex-basis:25px !important;
  }
}