/* ==========================================================================
   LOCAL FONTS - Search Effect Website
   ========================================================================== */

/* 
   ANLEITUNG ZUM HERUNTERLADEN DER FONTS:
   
   1. Instrument Serif:
      - Gehe zu: https://fonts.google.com/specimen/Instrument+Serif
      - Klicke auf "Download family"
      - Entpacke das ZIP und kopiere die .ttf Dateien in diesen Ordner
      - Benenne sie um zu: InstrumentSerif-Regular.ttf und InstrumentSerif-Italic.ttf
   
   2. Satoshi:
      - Gehe zu: https://www.fontshare.com/fonts/satoshi
      - Klicke auf "Download"
      - Entpacke das ZIP und kopiere folgende Dateien hierher:
        - Satoshi-Regular.woff2
        - Satoshi-Medium.woff2
        - Satoshi-Bold.woff2
        - Satoshi-Black.woff2
   
   Alternative: Google Fonts Helper (https://gwfh.mranftl.com/fonts)
   - Suche nach "Instrument Serif"
   - Wähle die Varianten Regular und Italic
   - Klicke auf "Download files"
   
   ========================================================================== */

/* Instrument Serif - Display Font */
@font-face {
    font-family: 'Instrument Serif';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/InstrumentSerif-Regular.woff2') format('woff2'),
         url('fonts/InstrumentSerif-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Instrument Serif';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/InstrumentSerif-Italic.woff2') format('woff2'),
         url('fonts/InstrumentSerif-Italic.ttf') format('truetype');
}

/* Satoshi - Body Font */
@font-face {
    font-family: 'Satoshi';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/Satoshi-Regular.woff2') format('woff2'),
         url('fonts/Satoshi-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Satoshi';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('fonts/Satoshi-Medium.woff2') format('woff2'),
         url('fonts/Satoshi-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Satoshi';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/Satoshi-Bold.woff2') format('woff2'),
         url('fonts/Satoshi-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Satoshi';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('fonts/Satoshi-Black.woff2') format('woff2'),
         url('fonts/Satoshi-Black.ttf') format('truetype');
}