/*
 * tg-icons.css — local replacement for the 5 Font Awesome icons actually used on
 * the site. Replaces the external, account-bound kit.fontawesome.com JS kit.
 *
 * Icons + licence: Font Awesome Free 6.5.x (https://fontawesome.com), icons under
 * CC BY 4.0. The SVG path data below are the official Free glyphs. We render them
 * via CSS mask-image so the existing `color` / currentColor styling still applies
 * and no markup changes are needed (the HTML keeps <i class="fab fa-instagram"> …).
 *
 * Substitution note: the slider arrows used the Pro-only "light" style (fal
 * fa-angle-left / fa-angle-right). Font Awesome Free has no light weight, so we use
 * the Free SOLID angle-left / angle-right glyphs. Visual difference is minimal
 * (slightly heavier stroke). Documented in README "Externe Ressourcen".
 */

/* base: size to font, use the text color, center the masked glyph */
.fa, .fas, .far, .fab, .fal,
i[class*="fa-"] {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  font-style: normal;
  line-height: 1;
}

/* fab fa-instagram (Font Awesome Free, brands) */
.fa-instagram {
  -webkit-mask-image: url("instagram.svg");
  mask-image: url("instagram.svg");
}
/* fab fa-facebook-f (Font Awesome Free, brands) */
.fa-facebook-f {
  -webkit-mask-image: url("facebook-f.svg");
  mask-image: url("facebook-f.svg");
}
/* fas fa-chevron-up (Font Awesome Free, solid) */
.fa-chevron-up {
  -webkit-mask-image: url("chevron-up.svg");
  mask-image: url("chevron-up.svg");
}
/* fa-angle-left / fa-angle-right (Free solid, substituting the Pro "light" style) */
.fa-angle-left {
  -webkit-mask-image: url("angle-left.svg");
  mask-image: url("angle-left.svg");
}
.fa-angle-right {
  -webkit-mask-image: url("angle-right.svg");
  mask-image: url("angle-right.svg");
}