/* Jede Font-Family bekommt so viele @font-face-Eintraege wie Google Fonts
   echte Dateien dafuer anbietet (400/700, normal/italic) - der Browser waehlt
   automatisch die passende Datei fuer font-weight/font-style, ohne dass der
   Font-Code (f2, f6, ...) das wissen muss. Reine Script-/Handschrift-Fonts
   (Great Vibes, Single Day, Bebas Neue, Lobster, Grape Nuts, Allura, Pacifico,
   Alex Brush, Rock Salt, Croissant One, Cookie, Amatic SC, Space Grotesk,
   Sora) bieten bei Google Fonts nur Regular an - fuer sie synthetisiert der
   Browser Bold/Italic (etwas schwaecher, aber immer noch besser als nichts). */

@font-face {
  font-family: "Open Sans";
  src: url("f2_OpenSans_400.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("f2_OpenSans.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("f2_OpenSans_400i.ttf") format("truetype");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("f2_OpenSans_700i.ttf") format("truetype");
  font-weight: 700; font-style: italic; font-display: swap;
}

@font-face {
  font-family: "Anton";
  src: url("f3_Anton.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}

@font-face {
  font-family: "Great Vibes";
  src: url("f5_GreatVibes.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("f6_Inter_400.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("f6_Inter.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("f6_Inter_400i.ttf") format("truetype");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("f6_Inter_700i.ttf") format("truetype");
  font-weight: 700; font-style: italic; font-display: swap;
}

@font-face {
  font-family: "Single Day";
  src: url("f7_SingleDay.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}

@font-face {
  font-family: "Bebas Neue";
  src: url("f8_BebasNeue.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}

@font-face {
  font-family: "Playfair Display";
  src: url("f10_PlayfairDisplay_400.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: url("f10_PlayfairDisplay.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: url("f10_PlayfairDisplay_400i.ttf") format("truetype");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: url("f10_PlayfairDisplay_700i.ttf") format("truetype");
  font-weight: 700; font-style: italic; font-display: swap;
}

@font-face {
  font-family: "Amatic SC";
  src: url("f11_AmaticSC_400.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Amatic SC";
  src: url("f11_AmaticSC.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}

@font-face {
  font-family: "EB Garamond";
  src: url("f15_EBGaramond.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "EB Garamond";
  src: url("f15_EBGaramond_700.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "EB Garamond";
  src: url("f15_EBGaramond_400i.ttf") format("truetype");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "EB Garamond";
  src: url("f15_EBGaramond_700i.ttf") format("truetype");
  font-weight: 700; font-style: italic; font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("f16_Montserrat_400.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("f16_Montserrat.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("f16_Montserrat_400i.ttf") format("truetype");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("f16_Montserrat_700i.ttf") format("truetype");
  font-weight: 700; font-style: italic; font-display: swap;
}

@font-face {
  font-family: "Lobster";
  src: url("f17_Lobster.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}

@font-face {
  font-family: "Grape Nuts";
  src: url("f18_GrapeNuts.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}

@font-face {
  font-family: "Allura";
  src: url("f19_Allura.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}

@font-face {
  font-family: "Pacifico";
  src: url("f20_Pacifico.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}

@font-face {
  font-family: "Alex Brush";
  src: url("f21_AlexBrush.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}

@font-face {
  font-family: "Rock Salt";
  src: url("f22_RockSalt.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}

@font-face {
  font-family: "Croissant One";
  src: url("f23_CroissantOne.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}

@font-face {
  font-family: "Amita";
  src: url("f24_Amita_400.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Amita";
  src: url("f24_Amita.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}

@font-face {
  font-family: "Cookie";
  src: url("f25_Cookie.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("f26_Roboto_400.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("f26_Roboto.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("f26_Roboto_400i.ttf") format("truetype");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("f26_Roboto_700i.ttf") format("truetype");
  font-weight: 700; font-style: italic; font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("f27_Poppins_400.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("f27_Poppins.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("f27_Poppins_400i.ttf") format("truetype");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("f27_Poppins_700i.ttf") format("truetype");
  font-weight: 700; font-style: italic; font-display: swap;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("f28_SpaceGrotesk_400.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Space Grotesk";
  src: url("f28_SpaceGrotesk.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}

@font-face {
  font-family: "Work Sans";
  src: url("f29_WorkSans_400.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Work Sans";
  src: url("f29_WorkSans.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Work Sans";
  src: url("f29_WorkSans_400i.ttf") format("truetype");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Work Sans";
  src: url("f29_WorkSans_700i.ttf") format("truetype");
  font-weight: 700; font-style: italic; font-display: swap;
}

@font-face {
  font-family: "Sora";
  src: url("f30_Sora_400.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Sora";
  src: url("f30_Sora.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}