/* Font Awesome Icons - Lokale Version ohne externe Font-Dateien */

/* Basis-Klassen */
.fa,
.fas,
.far,
.fal,
.fad,
.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;
}

/* Solid Icons */
.fas {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.fa-solid {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

/* Brand Icons */
.fab {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa-brands {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

/* Icon-Definitionen mit Unicode */
.fa-bars::before {
  content: "\f0c9";
}
.fa-times::before {
  content: "\f00d";
}
.fa-arrow-left::before {
  content: "\f060";
}
.fa-envelope::before {
  content: "\f0e0";
}
.fa-paper-plane::before {
  content: "\f1d8";
}
.fa-spinner::before {
  content: "\f110";
}
.fa-swimming-pool::before {
  content: "\f5c5";
}
.fa-water::before {
  content: "\f773";
}
.fa-shield-alt::before {
  content: "\f3ed";
}
.fa-cogs::before {
  content: "\f085";
}

/* Social Media Icons */
.fa-facebook-f::before {
  content: "\f39e";
}
.fa-instagram::before {
  content: "\f16d";
}
.fa-twitter::before {
  content: "\f099";
}

/* Animationen */
.fa-spin {
  animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Fallback für Icons ohne Font-Dateien */
.fa::before,
.fas::before,
.far::before,
.fab::before {
  font-family: inherit;
}

/* Alternative: Verwende Standard-Symbole als Fallback */
.fa-bars::before {
  content: "☰";
}
.fa-times::before {
  content: "✕";
}
.fa-arrow-left::before {
  content: "←";
}
.fa-envelope::before {
  content: "✉";
}
.fa-paper-plane::before {
  content: "✈";
}
.fa-spinner::before {
  content: "⟳";
}
.fa-swimming-pool::before {
  content: "🏊";
}
.fa-water::before {
  content: "💧";
}
.fa-shield-alt::before {
  content: "🛡";
}
.fa-cogs::before {
  content: "⚙";
}
.fa-facebook-f::before {
  content: "f";
}
.fa-instagram::before {
  content: "📷";
}
.fa-twitter::before {
  content: "🐦";
}