@layer vendor, site;
@layer site {
/* NordFly Icons: CSS-Masken-Bibliothek.
   v859: Die SVGs liegen als eigene Dateien in assets/nfi/svg/ (vorher als base64 eingebettet, 150 KB / 56 KB gzip,
   die jede Seite komplett lud). Jetzt lädt der Browser nur die Icons, die auf der Seite vorkommen.
   Neues Icon: SVG nach assets/nfi/svg/ legen und unten eine Zeile .nfi-name{--nfi-icon:url("svg/name.svg")} ergänzen.
   v710: Jede Maske steht nur einmal als --nfi-icon (vorher doppelt für -webkit-mask-image
   und mask-image). Darstellung unverändert. */
.nfi {
  display:inline-block;
  vertical-align:-0.12em;
  flex:0 0 auto;
  background-color:currentColor;
  mask-image:var(--nfi-icon);
  mask-size:contain;
  mask-position:center;
  mask-repeat:no-repeat;
}
.nfi-discord-account{--nfi-icon:url("svg/discord-account.svg")}
.nfi-fsk16{--nfi-icon:url("svg/fsk16.svg")}
.nfi-typerating{--nfi-icon:url("svg/typerating.svg")}
.nfi-ifr{--nfi-icon:url("svg/ifr.svg")}
.nfi-navigation{--nfi-icon:url("svg/navigation.svg")}
.nfi-quartal{--nfi-icon:url("svg/quartal.svg")}
.nfi-first-flight{--nfi-icon:url("svg/first-flight.svg")}
.nfi-virtual-airlines{--nfi-icon:url("svg/virtual-airlines.svg")}
.nfi-stratos-icon{--nfi-icon:url("svg/stratos-icon.svg")}
.nfi-opc-icon{--nfi-icon:url("svg/opc-icon.svg")}
.nfi-nfg-installer-icon{--nfi-icon:url("svg/nfg-installer-icon.svg")}
.nfi-flug-und-umgebung{--nfi-icon:url("svg/flug-und-umgebung.svg")}
.nfi-bedienung-und-systeme{--nfi-icon:url("svg/bedienung-und-systeme.svg")}
.nfi-berechnung-in-echtzeit{--nfi-icon:url("svg/berechnung-in-echtzeit.svg")}
/* v1064: die 8 großen Icons aus assets/nordfly/icons (Startseite „Vorteile“) als nfi-Icons */
.nfi-community{--nfi-icon:url("svg/community.svg")}
.nfi-network{--nfi-icon:url("svg/network.svg")}
.nfi-plane-choice{--nfi-icon:url("svg/plane-choice.svg")}
.nfi-livery-paint{--nfi-icon:url("svg/livery-paint.svg")}
.nfi-free-routes{--nfi-icon:url("svg/free-routes.svg")}
.nfi-no-binding{--nfi-icon:url("svg/no-binding.svg")}
.nfi-no-money{--nfi-icon:url("svg/no-money.svg")}
.nfi-summer-winter{--nfi-icon:url("svg/summer-winter.svg")}
}