/* Font Awesome 6 Free – nur genutzte Icons
   Ersetzt: fontawesome.min.css + solid.min.css
   Größe: ~1 KB statt ~95 KB                    */

:root {
    --fa-style-family-classic: "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}

@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');
}

/* Basis-Klassen */
.fa,
.fas,
.fa-solid {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    line-height: 1;
    text-rendering: auto;
}

/* ── Genutzte Icons ─────────────────────────── */

/* Navbar + Hero */
.fa-fish::before          { content: "\f578"; }
.fa-chevron-down::before  { content: "\f078"; }

/* About */
.fa-check-circle::before  { content: "\f058"; }

/* Produkte */
.fa-star::before          { content: "\f005"; }

/* Prozess */
.fa-phone-alt::before,
.fa-phone-flip::before    { content: "\f879"; }
.fa-calendar-check::before{ content: "\f274"; }
.fa-fire::before          { content: "\f06d"; }

/* Kontakt / Footer */
.fa-envelope::before      { content: "\f0e0"; }
.fa-map-marker-alt::before,
.fa-location-dot::before  { content: "\f3c5"; }
.fa-phone::before         { content: "\f095"; }

/* Map Modal */
.fa-times::before,
.fa-xmark::before         { content: "\f00d"; }
.fa-external-link-alt::before,
.fa-up-right-from-square::before { content: "\f35d"; }

/* Scroll-to-Top */
.fa-arrow-up::before      { content: "\f062"; }

/* Screenreader-Hilfsklassen */
.fa-sr-only,
.sr-only {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0;
}