/* Train Mobil Header Social Layout Final 1.0 */

/* Header-Aufteilung stabilisieren: Logo | Navigation | Socials */
.tm21-header .tm21-header__inner{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
}

.tm21-header .tm21-brand{
  flex:0 0 auto !important;
  margin-right:auto !important;
}

.tm21-header .tm21-nav{
  display:flex !important;
  align-items:center !important;
  flex:0 1 auto !important;
  gap:28px !important;
  white-space:nowrap !important;
  min-width:0 !important;
}

.tm21-header .tm21-social{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex:0 0 auto !important;
  gap:14px !important;
  margin-left:26px !important;
  white-space:nowrap !important;
  opacity:1 !important;
  visibility:visible !important;
}

.tm21-header .tm21-social .tm21-social__link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:27px !important;
  height:27px !important;
  flex:0 0 27px !important;
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  font-size:0 !important;
  line-height:1 !important;
  text-decoration:none !important;
}

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

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

.tm21-header .tm21-social .tm21-social__link svg{
  display:block !important;
  width:100% !important;
  height:100% !important;
  fill:#ffffff !important;
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
}

.tm21-header .tm21-social .tm21-social__link svg path{
  fill:#ffffff !important;
}

.tm21-header .tm21-social .tm21-social__link:hover svg,
.tm21-header .tm21-social .tm21-social__link:focus-visible svg,
.tm21-header .tm21-social .tm21-social__link:hover svg path,
.tm21-header .tm21-social .tm21-social__link:focus-visible svg path{
  fill:#f2c400 !important;
}

@media(max-width:1250px){
  .tm21-header .tm21-nav{gap:20px !important}
  .tm21-header .tm21-social{margin-left:18px !important;gap:11px !important}
}

@media(max-width:1050px) and (min-width:901px){
  .tm21-header .tm21-nav{gap:14px !important}
  .tm21-header .tm21-nav > a{font-size:12px !important}
  .tm21-header .tm21-social{margin-left:14px !important}
  .tm21-header .tm21-social .tm21-social__link{
    width:23px !important;height:23px !important;flex-basis:23px !important
  }
  .tm21-header .tm21-social .tm21-social__link--youtube{
    width:27px !important;flex-basis:27px !important
  }
  .tm21-header .tm21-social .tm21-social__link--facebook{
    width:20px !important;flex-basis:20px !important
  }
}

@media(max-width:900px){
  .tm21-header .tm21-header__inner{
    justify-content:space-between !important;
  }

  .tm21-header .tm21-brand{
    margin-right:auto !important;
  }

  .tm21-header .tm21-nav{
    display:none !important;
  }

  .tm21-header .tm21-nav.is-open{
    display:flex !important;
  }

  .tm21-header .tm21-social{
    margin-left:18px !important;
    margin-right:16px !important;
  }
}