/*
 * FontAwesome 6 Pro – Minimal Subset
 * Nur die 4 tatsächlich genutzten Icons:
 *   fa-light fa-envelope     (Kontakt-Bar: E-Mail)
 *   fa-light fa-comments     (Kontakt-Bar: Formular)
 *   fa-light fa-phone-flip   (Kontakt-Bar: Telefon)
 *   fa-brands fa-whatsapp    (Kontakt-Bar: WhatsApp)
 *
 * Ersetzt all.min.css (216KB → ~1KB CSS + nur 2 Webfonts statt 18)
 * Webfonts werden weiterhin aus /webfonts/ geladen (fa-light-300.woff2, fa-brands-400.woff2)
 */

/* === Font Faces === */
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../webfonts/fa-light-300.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/fa-brands-400.woff2") format("woff2");
}

/* === Base Classes === */
.fa-light {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
}

.fa-brands {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
}

/* === Icons === */
.fa-envelope::before    { content: "\f0e0"; }
.fa-comments::before    { content: "\f086"; }
.fa-phone-flip::before  { content: "\f879"; }
.fa-whatsapp::before    { content: "\f232"; }