/* FontAwesome 6 Free - Lokale Einbindung für diehoppes.com
   Keine externen Anfragen an US-Server (DSGVO-konform)
*/

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('../webfonts/fa-solid-900.woff2') format('woff2');
}

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

/* Basis-Klassen */
.fa, .fas, .fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fas { font-family: 'Font Awesome 6 Free'; font-weight: 900; }
.fab { font-family: 'Font Awesome 6 Brands'; font-weight: 400; }

/* Beispiele für Icons, die ihr brauchen werdet */
.fa-instagram::before { content: "\f16d"; }
.fa-tiktok::before { content: "\e07b"; }
.fa-envelope::before { content: "\f0e0"; }
.fa-shirt::before { content: "\f553"; }
.fa-robot::before { content: "\f544"; }
.fa-bars::before { content: "\f0c9"; }
.fa-xmark::before { content: "\f00d"; }