/* 1) Nur deine beiden (subsettierten) Fonts einbinden */
@font-face {
  font-family: "FA-Sharp-Solid";
  src: url("../../fonts/fontawesome/fa-sharp-solid-900.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: "FA-Sharp-Thin";
  src: url("../../fonts/fontawesome/fa-sharp-thin-100.woff2") format("woff2");
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "FA-Thin";
  src: url("../../fonts/fontawesome/fa-thin-100.woff2") format("woff2");
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "FA-Solid";
  src: url("../../fonts/fontawesome/fa-solid-900.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

/* ——— 2) Basis wie bei Font Awesome ——— */
.fa-sharp{display:inline-block;font-style:normal;line-height:1;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-sharp.fa-solid{font-family:"FA-Sharp-Solid";font-weight:900}
.fa-sharp.fa-thin {font-family:"FA-Sharp-Thin"; font-weight:100}
.fa-thin:not(.fa-sharp){font-family:"FA-Thin";font-weight:100}
.fa-solid:not(.fa-sharp){font-family:"FA-Solid";font-weight:100}

/* optionale Hilfsklassen */
.fa-fw{width:1.25em;text-align:center}
.fa-lg{font-size:1.25em}
.fa-xl{font-size:1.5em}

.fa, .fa-sharp, .fa-solid, .fa-thin,
i.fa, i.fa-sharp, i.fa-solid, i.fa-thin,
[class^="fa-"], [class*=" fa-"] {
  font-style: normal;
  font-synthesis: none;              /* verhindert künstlich bold/italic */
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ——— 3) Benutzte Icons ——— */
/* SOLID (U+F0D7, U+002B, U+F04B) */
.fa-caret-down::before { content:"\f0d7"; }
.fa-plus::before       { content:"\002B"; }   /* Achtung: PLUS-Zeichen */
.fa-play::before       { content:"\f04b"; }

/* THIN (U+002B,U+F0C9,U+F002,U+F737,U+F56D,U+E093,U+E32B,U+F492,U+E4F3,U+E561,U+F061) */
.fa-thin.fa-plus::before               { content:"\002B"; }
.fa-bars::before                       { content:"\f0c9"; }
.fa-magnifying-glass::before           { content:"\f002"; }
.fa-clipboard-list-check::before       { content:"\f737"; }
.fa-file-arrow-down::before            { content:"\f56d"; }
.fa-arrow-down-right::before           { content:"\e093"; }
.fa-strawberry::before                 { content:"\e32b"; }
.fa-vial::before                       { content:"\f492"; }
.fa-flask-vial::before                 { content:"\e4f3"; }
.fa-ranking-star::before               { content:"\e561"; }
.fa-arrow-right::before                { content:"\f061"; } /* falls genutzt */
.fa-link::before                       { content:"\f0c1"; }
.fa-trash::before                       { content:"\f1f8"; }
.fa-file-plus::before                       { content:"\f319"; }
.fa-arrow-down-to-line::before                       { content:"\f33d"; }
.fa-file-zipper::before                       { content:"\f1c6"; }
.fa-circle-info::before                       { content:"\f05a"; }
.fa-cart-plus::before                       { content:"\f217"; }
.fa-clipboard-list-check::before                       { content:"\f737"; }

.fa.fa-chevron-down::before {
  font-family: "FA-Sharp-Thin"; /* dein Fontname */
  font-weight: 100;                     /* thin */
  content: "\f078";                     /* chevron-down */
}