/* Types and weights */
/* Below values are mapped with the tailwind fontWeight configuration -> tailwind.tokens.json*/
/* thin 100 */
/* light 300 */
/* normal 400 */
/* regular 500 */
/* medium 600  */
/* bold 700 */

/* middle 1000 <- We don't have it in our tailwind, but it exists as font ....*/

/* Src sorting order in @font-face based on https://css-tricks.com/snippets/css/using-font-face/ */
/* IMPORTANT: FONT-FACE decleration must be applied BEFORE ANY OTHER STYLE */

@font-face {
  font-family: 'kleine_sans';
  src: url("/fonts/kleine_sans/KleineSansWeb-ExtraLight.eot?v3");
  src: url("/fonts/kleine_sans/KleineSansWeb-ExtraLight.eot?#iefix") format('embedded-opentype'),
  url('/fonts/kleine_sans/KleineSansWeb-Light.woff2?v3') format('woff2'),
  url('/fonts/kleine_sans/KleineSansWeb-Light.woff?v3') format('woff'),
  url('/fonts/kleine_sans/OTF/KleineSansWeb-Light.otf?v3') format('opentype');
  font-weight: 300; /* light */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'kleine_sans';
  src: url("/fonts/kleine_sans/KleineSansWeb-Normal.eot?v3");
  src: url("/fonts/kleine_sans/KleineSansWeb-Normal.eot?#iefix") format('embedded-opentype'),
  url('/fonts/kleine_sans/KleineSansWeb-Normal.woff2?v3') format('woff2'),
  url('/fonts/kleine_sans/KleineSansWeb-Normal.woff?v3') format('woff'),
  url('/fonts/kleine_sans/OTF/KleineSansWeb-Normal.otf?v3') format('opentype');
  font-weight: 400; /* normal */
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'kleine_sans';
  src: url("/fonts/kleine_sans/KleineSansWeb-Regular.eot?v3");
  src: url("/fonts/kleine_sans/KleineSansWeb-Regular.eot?#iefix") format('embedded-opentype'),
  url('/fonts/kleine_sans/KleineSansWeb-Regular.woff2?v3') format('woff2'),
  url('/fonts/kleine_sans/KleineSansWeb-Regular.woff?v3') format('woff'),
  url('/fonts/kleine_sans/OTF/KleineSansWeb-Regular.otf?v3') format('opentype');
  font-weight: 500; /* regular */
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'kleine_sans';
  src: url("/fonts/kleine_sans/KleineSansWeb-Medium.eot?v3");
  src: url("/fonts/kleine_sans/KleineSansWeb-Medium.eot?#iefix") format('embedded-opentype'),
  url('/fonts/kleine_sans/KleineSansWeb-Medium.woff2?v3') format('woff2'),
  url('/fonts/kleine_sans/KleineSansWeb-Medium.woff?v3') format('woff'),
  url('/fonts/kleine_sans/OTF/KleineSansWeb-Medium.otf?v3') format('opentype');
  font-weight: 600; /* medium */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'kleine_sans';
  src: url("/fonts/kleine_sans/KleineSansWeb-Bold.eot?v3");
  src: url("/fonts/kleine_sans/KleineSansWeb-Bold.eot?#iefix") format('embedded-opentype'),
  url('/fonts/kleine_sans/KleineSansWeb-Bold.woff2?v3') format('woff2'),
  url('/fonts/kleine_sans/KleineSansWeb-Bold.woff?v3') format('woff'),
  url('/fonts/kleine_sans/OTF/KleineSansWeb-Bold.otf?v3') format('opentype');
  font-weight: 700; /* bold */
  font-style: normal;
  font-display: block;
}

/* -----------------------------------------------------------------------------------------------------------------*/
/* kleine-sans-condensed */
@font-face {
  font-family: "kleine_sans-condensed";
  src: url("/fonts/kleine_sans/KleineSansWebCondensed-Light.eot?v3");
  src: url("/fonts/kleine_sans/KleineSansWebCondensed-Light.eot?#iefix") format("embedded-opentype"),
  url("/fonts/kleine_sans/KleineSansWebCondensed-Light.woff2") format("woff2"),
  url("/fonts/kleine_sans/KleineSansWebCondensed-Light.woff") format("woff"),
  url('/fonts/kleine_sans/OTF/KleineSansWebCondensed-Light.otf?v3') format('opentype');
  font-weight: 300; /* light */
  font-display: swap;
}
@font-face {
  font-family: "kleine_sans-condensed";
  src: url("/fonts/kleine_sans/KleineSansWebCondensed-Normal.eot?v3");
  src: url("/fonts/kleine_sans/KleineSansWebCondensed-Normal.eot?#iefix") format("embedded-opentype"),
  url("/fonts/kleine_sans/KleineSansWebCondensed-Normal.woff2") format("woff2"),
  url("/fonts/kleine_sans/KleineSansWebCondensed-Normal.woff") format("woff"),
  url('/fonts/kleine_sans/OTF/KleineSansWebCondensed-Normal.otf?v3') format('opentype');
  font-weight: 400; /* normal */
  font-display: swap;
}

@font-face {
  font-family: "kleine_sans-condensed";
  src: url("/fonts/kleine_sans/KleineSansWebCondensed-Bold.eot?v3");
  src: url("/fonts/kleine_sans/KleineSansWebCondensed-Bold.eot?#iefix") format("embedded-opentype"),
  url("/fonts/kleine_sans/KleineSansWebCondensed-Bold.woff2") format("woff2"),
  url("/fonts/kleine_sans/KleineSansWebCondensed-Bold.woff") format("woff"),
  url('/fonts/kleine_sans/OTF/KleineSansWebCondensed-Bold.otf?v3') format('opentype');
  font-weight: 700; /* bold */
  font-display: swap;
}

/* -----------------------------------------------------------------------------------------------------------------*/
/* kleine-titel */
@font-face {
  font-family: 'kleine_titel';
  src: url("/fonts/kleine_titel/KleineTitelWeb-Light.eot?v3");
  src: url("/fonts/kleine_titel/KleineTitelWeb-Light.eot?#iefix") format("embedded-opentype"),
  url('/fonts/kleine_titel/KleineTitelWeb-Light.woff2?v3') format('woff2'),
  url('/fonts/kleine_titel/KleineTitelWeb-Light.woff?v3') format('woff'),
  url('/fonts/kleine_titel/OTF/KleineTitelWeb-Light.otf?v3') format('opentype');
  font-weight:  300; /* light */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'kleine_titel';
  src: url("/fonts/kleine_titel/KleineTitelWeb-Bold.eot?v3");
  src: url("/fonts/kleine_titel/KleineTitelWeb-Bold.eot?#iefix") format("embedded-opentype"),
  url('/fonts/kleine_titel/KleineTitelWeb-Bold.woff2?v3') format('woff2'),
  url('/fonts/kleine_titel/KleineTitelWeb-Bold.woff?v3') format('woff'),
  url('/fonts/kleine_titel/OTF/KleineTitelWeb-Bold.otf?v3') format('opentype');
  font-weight: 700; /* bold */
  font-style: normal;
  font-display: block;
}

/* -----------------------------------------------------------------------------------------------------------------*/
/* kleine-titel-condensed */
@font-face {
  font-family: 'kleine_titel-condensed';
  src: url('/fonts/kleine_titel/KleineTitelWebCondensed-Light.eot?v3');
  src: url('/fonts/kleine_titel/KleineTitelWebCondensed-Light.eot?#iefix') format('embedded-opentype'),
  url('/fonts/kleine_titel/KleineTitelWebCondensed-Light.woff2?v3') format('woff2'),
  url('/fonts/kleine_titel/KleineTitelWebCondensed-Light.woff?v3') format('woff'),
  url('/fonts/kleine_titel/OTF/KleineTitelWebCondensed-Light.otf?v3') format('opentype');
  font-weight:  300; /* light */
  font-display: swap;
}

@font-face {
  font-family: 'kleine_titel-condensed';
  src: url('/fonts/kleine_titel/KleineTitelWebCondensed-Bold.eot?v3');
  src: url('/fonts/kleine_titel/KleineTitelWebCondensed-Bold.eot?#iefix') format('embedded-opentype'),
  url('/fonts/kleine_titel/KleineTitelWebCondensed-Bold.woff2?v3') format('woff2'),
  url('/fonts/kleine_titel/KleineTitelWebCondensed-Bold.woff?v3') format('woff'),
  url('/fonts/kleine_titel/OTF/KleineTitelWebCondensed-Bold.otf?v3') format('opentype');
  font-weight: 700; /* bold */
  font-display: swap;
}