/* 1. VERBINDUNG ZU DEINEN LOKALEN FONTS */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../webfonts/fa-regular-400.woff2') format('woff2'), url('../webfonts/fa-regular-400.ttf') format('truetype');
}

@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'), url('../webfonts/fa-solid-900.ttf') format('truetype');
}

@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'), url('../webfonts/fa-brands-400.ttf') format('truetype');
}

/* 2. BASIS-EINSTELLUNGEN */
.fas, .fa-solid, .far, .fa-regular, .fab, .fa-brands {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fas, .fa-solid { font-family: 'Font Awesome 6 Free'; font-weight: 900; }
.far, .fa-regular { font-family: 'Font Awesome 6 Free'; font-weight: 400; }
.fab, .fa-brands { font-family: 'Font Awesome 6 Brands'; font-weight: 400; }

/* 3. ICON-LIBRARY (Häufig benötigte Icons für deine Seite) */
.fa-fire:before { content: "\f06d"; }          /* Flamme */
.fa-house:before { content: "\f015"; }         /* Haus */
.fa-shield-halved:before { content: "\f3ed"; } /* Schild (Versicherung) */
.fa-envelope:before { content: "\f0e0"; }      /* Brief */
.fa-phone:before { content: "\f095"; }         /* Telefon */
.fa-location-dot:before { content: "\f3c5"; }  /* Karte/Standort */
.fa-bars:before { content: "\f0c9"; }          /* Menü */
.fa-xmark:before { content: "\f00d"; }         /* Schließen */
.fa-facebook:before { content: "\f09a"; }      /* Facebook */
.fa-instagram:before { content: "\f16d"; }     /* Instagram */
.fa-circle-info:before { content: "\f05a"; }   /* Info-Punkt */
.fa-user:before { content: "\f007"; }          /* Mitglied/User */
.fa-calendar-days:before { content: "\f073"; } /* Termine */