/* frontend/css/fonts.css */


/* INTER */

@font-face {
  font-family: "InterVariable";
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/inter/InterVariable.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-weight: 900; /* Black */
  font-style: normal;
  src: url("/fonts/inter/Inter-Black.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-weight: bold;
  font-style: normal;
  src: url("/fonts/inter/Inter-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-weight: 800; /* ExtraBold */
  font-style: normal;
  src: url("/fonts/inter/Inter-ExtraBold.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-weight: 200; /* ExtraLight */
  font-style: normal;
  src: url("/fonts/inter/Inter-ExtraLight.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-weight: normal;
  font-style: italic;
  src: url("/fonts/inter/Inter-Italic.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-weight: 300; /* Light */
  font-style: normal;
  src: url("/fonts/inter/Inter-Light.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-weight: 500; /* Medium */
  font-style: normal;
  src: url("/fonts/inter/Inter-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-weight: normal;
  font-style: normal;
  src: url("/fonts/inter/Inter-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-weight: 600; /* SemiBold */
  font-style: normal;
  src: url("/fonts/inter/Inter-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-weight: 100; /* Thin */
  font-style: normal;
  src: url("/fonts/inter/Inter-Thin.woff2") format("woff2");
}

@font-face {
  font-family: "InterVariable";
  font-style: normal;
  src: url("/fonts/inter/InterVariable.ttf") format("truetype"),
    url("/fonts/inter/InterVariable.woff2") format("woff2");
}

/* NOTO SANS */

/* NotoSans-Bold */
@font-face {
  font-family: "NotoSans", sans-serif;
  font-weight: bold;
  src: url("/fonts/NotoSans/NotoSans-Bold.woff2") format("woff2"),
    url("/fonts/NotoSans/NotoSans-Bold.ttf") format("truetype");
}

/* NotoSans-BoldItalic */
@font-face {
  font-family: "NotoSans", sans-serif;
  font-style: italic;
  font-weight: bold;
  src: url("/fonts/NotoSans/NotoSans-BoldItalic.woff2")
      format("woff2"),
    url("/fonts/NotoSans/NotoSans-BoldItalic.ttf")
      format("truetype");
}

/* NotoSans-ExtraBold */
@font-face {
  font-family: "NotoSans", sans-serif;
  font-weight: 800;
  src: url("/fonts/NotoSans/NotoSans-ExtraBold.woff2")
      format("woff2"),
    url("/fonts/NotoSans/NotoSans-ExtraBold.ttf")
      format("truetype");
}

/* NotoSans-ExtraBoldItalic */
@font-face {
  font-family: "NotoSans", sans-serif;
  font-style: italic;
  font-weight: 800;
  src: url("/fonts/NotoSans/NotoSans-ExtraBoldItalic.woff2")
      format("woff2"),
    url("/fonts/NotoSans/NotoSans-ExtraBoldItalic.ttf")
      format("truetype");
}

/* NotoSans-ExtraLight */
@font-face {
  font-family: "NotoSans", sans-serif;
  font-weight: 200;
  src: url("/fonts/NotoSans/NotoSans-ExtraLight.woff2")
      format("woff2"),
    url("/fonts/NotoSans/NotoSans-ExtraLight.ttf")
      format("truetype");
}

/* NotoSans-ExtraLightItalic */
@font-face {
  font-family: "NotoSans", sans-serif;
  font-style: italic;
  font-weight: 200;
  src: url("/fonts/NotoSans/NotoSans-ExtraLightItalic.woff2")
      format("woff2"),
    url("/fonts/NotoSans/NotoSans-ExtraLightItalic.ttf")
      format("truetype");
}

/* NotoSans-Italic */
@font-face {
  font-family: "NotoSans", sans-serif;
  font-style: italic;
  font-weight: normal;
  src: url("/fonts/NotoSans/NotoSans-Italic.woff2") format("woff2"),
    url("/fonts/NotoSans/NotoSans-Italic.ttf") format("truetype");
}

/* NotoSans-Light */
@font-face {
  font-family: "NotoSans", sans-serif;
  font-weight: 300;
  src: url("/fonts/NotoSans/NotoSans-Light.woff2") format("woff2"),
    url("/fonts/NotoSans/NotoSans-Light.ttf") format("truetype");
}

/* NotoSans-LightItalic */
@font-face {
  font-family: "NotoSans", sans-serif;
  font-style: italic;
  font-weight: 300;
  src: url("/fonts/NotoSans/NotoSans-LightItalic.woff2")
      format("woff2"),
    url("/fonts/NotoSans/NotoSans-LightItalic.ttf")
      format("truetype");
}

/* NotoSans-Medium */
@font-face {
  font-family: "NotoSans", sans-serif;
  font-weight: 500;
  src: url("/fonts/NotoSans/NotoSans-Medium.woff2") format("woff2"),
    url("/fonts/NotoSans/NotoSans-Medium.ttf") format("truetype");
}

/* NotoSans-MediumItalic */
@font-face {
  font-family: "NotoSans", sans-serif;
  font-style: italic;
  font-weight: 500;
  src: url("/fonts/NotoSans/NotoSans-MediumItalic.woff2")
      format("woff2"),
    url("/fonts/NotoSans/NotoSans-MediumItalic.ttf")
      format("truetype");
}

/* NotoSans-Regular */
@font-face {
  font-family: "NotoSans", sans-serif;
  font-weight: normal;
  src: url("/fonts/NotoSans/NotoSans-Regular.woff2")
      format("woff2"),
    url("/fonts/NotoSans/NotoSans-Regular.ttf") format("truetype");
}

/* NotoSans-SemiBold */
@font-face {
  font-family: "NotoSans", sans-serif;
  font-weight: 600;
  src: url("/fonts/NotoSans/NotoSans-SemiBold.woff2")
      format("woff2"),
    url("/fonts/NotoSans/NotoSans-SemiBold.ttf") format("truetype");
}

/* NotoSans-SemiBoldItalic */
@font-face {
  font-family: "NotoSans", sans-serif;
  font-style: italic;
  font-weight: 600;
  src: url("/fonts/NotoSans/NotoSans-SemiBoldItalic.woff2")
      format("woff2"),
    url("/fonts/NotoSans/NotoSans-SemiBoldItalic.ttf")
      format("truetype");
}

/* NotoSans-Thin */
@font-face {
  font-family: "NotoSans", sans-serif;
  font-weight: 100;
  src: url("/fonts/NotoSans/NotoSans-Thin.woff2") format("woff2"),
    url("/fonts/NotoSans/NotoSans-Thin.ttf") format("truetype");
}

/* NotoSans-ThinItalic */
@font-face {
  font-family: "NotoSans", sans-serif;
  font-style: italic;
  font-weight: 100;
  src: url("/fonts/NotoSans/NotoSans-ThinItalic.woff2")
      format("woff2"),
    url("/fonts/NotoSans/NotoSans-ThinItalic.ttf")
      format("truetype");
}

/* NotoSans-Black */
@font-face {
  font-family: "NotoSans", sans-serif;
  font-weight: 900;
  src: url("/fonts/NotoSans/NotoSans-Black.woff2") format("woff2"),
    url("/fonts/NotoSans/NotoSans-Black.ttf") format("truetype");
}




/* Montserrat */

/* Variable Schriftfamilie für Montserrat (Normal) */
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat[wght].woff2') format('woff2'),
       url('/fonts/montserrat/Montserrat[wght].ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Variable Schriftfamilie für Montserrat (Italic) */
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-Italic[wght].woff2') format('woff2'),
       url('/fonts/montserrat/Montserrat-Italic[wght].ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Feste Schriftarten für Montserrat (Normal) */
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
       url('/fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2'),
       url('/fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Feste Schriftarten für Montserrat (Italic) */
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-Italic.woff2') format('woff2'),
       url('/fonts/montserrat/Montserrat-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-BoldItalic.woff2') format('woff2'),
       url('/fonts/montserrat/Montserrat-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-SemiBoldItalic.woff2') format('woff2'),
       url('/fonts/montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* Weitere Schriftgewichte und Stile */

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

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-BlackItalic.woff2') format('woff2'),
       url('/fonts/montserrat/Montserrat-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* ExtraBold */
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-ExtraBold.woff2') format('woff2'),
       url('/fonts/montserrat/Montserrat-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
       url('/fonts/montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* ExtraLight */
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-ExtraLight.woff2') format('woff2'),
       url('/fonts/montserrat/Montserrat-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-ExtraLightItalic.woff2') format('woff2'),
       url('/fonts/montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* Light */
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-Light.woff2') format('woff2'),
       url('/fonts/montserrat/Montserrat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-LightItalic.woff2') format('woff2'),
       url('/fonts/montserrat/Montserrat-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-MediumItalic.woff2') format('woff2'),
       url('/fonts/montserrat/Montserrat-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Thin */
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-Thin.woff2') format('woff2'),
       url('/fonts/montserrat/Montserrat-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/montserrat/Montserrat-ThinItalic.woff2') format('woff2'),
       url('/fonts/montserrat/Montserrat-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}



/* Merriweather

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

/* Merriweather - Black Italic */
@font-face {
  font-family: 'Merriweather';
  src: url('/fonts/merriweather/Merriweather-BlackItalic.woff2') format('woff2'),
       url('/fonts/merriweather/Merriweather-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

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

/* Merriweather - Bold Italic */
@font-face {
  font-family: 'Merriweather';
  src: url('/fonts/merriweather/Merriweather-BoldItalic.woff2') format('woff2'),
       url('/fonts/merriweather/Merriweather-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

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

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

/* Merriweather - Light */
@font-face {
  font-family: 'Merriweather';
  src: url('/fonts/merriweather/Merriweather-Light.woff2') format('woff2'),
       url('/fonts/merriweather/Merriweather-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Merriweather - Light Italic */
@font-face {
  font-family: 'Merriweather';
  src: url('/fonts/merriweather/Merriweather-LightItalic.woff2') format('woff2'),
       url('/fonts/merriweather/Merriweather-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}