@font-face {
  font-display: swap;
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.gkmb-cdn.de/Fonts/ibm-plex-sans-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.gkmb-cdn.de/Fonts/ibm-plex-sans-700.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.gkmb-cdn.de/Fonts/pt-serif-regular.woff2') format('woff2');
}

:root {
    --f-family: 'IBM Plex Sans', sans-serif;
    --f-family-2: 'PT Serif', sans-serif;
    /* primary colors */
    --c-primary: 135, 130, 122;
    --c-primary-dark: 169, 162, 153;
}

h1 {
  font-family: var(--f-family-2);
  color: rgb(var(--c-primary));
  font-weight: var(--f-weight-n);
}