@font-face {
font-family: 'Plankton';
src: url(fonts/PlanktonVariable.woff2) format('woff2'),
url(fonts/PlanktonVariable.woff) format('woff');
font-style: normal;
font-weight: 400 1000;
font-variation-settings: "slnt" 0 12, "MONO" 0;  }

@font-face {
font-family: 'Starter';
src: url(fonts/StarterVariable.woff2) format('woff2'),
url(fonts/StarterVariable.woff) format('woff');
font-style: normal;
font-weight: 100 1000;
font-variation-settings: "slnt" 0 12, "MONO" 0; }

@font-face {
font-family: 'Raufaser';
src: url(fonts/RaufaserVariable.woff2) format('woff2'),
url(fonts/Raufaserariable.woff) format('woff');
font-style: normal;
font-weight: 400 1000;
font-variation-settings: "wdth" 1 9, "slnt" 0 12, "MONO" 0;  }

/************************************************************* PLANKTON ****************/

p.plankton-regular, 
p.plankton-book,
p.plankton-medium,
p.plankton-bold,
p.plankton-heavy,
p.plankton-black,
p.plankton-ultra
{ font-size: 20px;
color: #7800ff; }


p.plankton-regular
{ font-family: 'Plankton';
font-weight: 400;
font-variation-settings: "slnt" 0, "MONO" 0; }
p.plankton-book
{ font-family: 'Plankton';
font-weight: 500;
font-variation-settings: "slnt" 0, "MONO" 0; }
p.plankton-medium
{ font-family: 'Plankton';
font-weight: 600;
font-variation-settings: "slnt" 0, "MONO" 0; }
p.plankton-bold
{ font-family: 'Plankton';
font-weight: 700;
font-variation-settings: "slnt" 0, "MONO" 0; }
p.plankton-heavy
{ font-family: 'Plankton';
font-weight: 800;
font-variation-settings: "slnt" 0, "MONO" 0; }
p.plankton-black
{ font-family: 'Plankton';
font-weight: 900;
font-variation-settings: "slnt" 0, "MONO" 0; }
p.plankton-ultra
{ font-family: 'Plankton';
font-weight: 1000;
font-variation-settings: "slnt" 0, "MONO" 0; }


/************************************************************* STARTER ****************/

p.starter-thin, 
p.starter-ultralight, 
p.starter-light, 
p.starter-regular, 
p.starter-book,
p.starter-medium,
p.starter-bold,
p.starter-heavy,
p.starter-black,
p.starter-ultra,
p.starter-thin-italic, 
p.starter-ultralight-italic, 
p.starter-light-italic, 
p.starter-regular-italic, 
p.starter-book-italic,
p.starter-medium-italic,
p.starter-bold-italic,
p.starter-heavy-italic,
p.starter-black-italic,
p.starter-ultra-italic,
p.starter-thin-mono, 
p.starter-ultralight-mono, 
p.starter-light-mono, 
p.starter-regular-mono, 
p.starter-book-mono,
p.starter-medium-mono,
p.starter-bold-mono,
p.starter-heavy-mono,
p.starter-black-mono,
p.starter-ultra-mono
{ font-size: 20px; 
color: #00f;}

p.starter-thin
{ font-family: 'Starter';
font-weight: 100;
font-variation-settings: "slnt" 0, "MONO" 0; }
p.starter-ultralight
{ font-family: 'Starter';
font-weight: 200;
font-variation-settings: "slnt" 0, "MONO" 0; }
p.starter-light
{ font-family: 'Starter';
font-weight: 300;
font-variation-settings: "slnt" 0, "MONO" 0; }
p.starter-regular
{ font-family: 'Starter';
font-weight: 400;
font-variation-settings: "slnt" 0, "MONO" 0; }
p.starter-book
{ font-family: 'Starter';
font-weight: 500;
font-variation-settings: "slnt" 0, "MONO" 0; }
p.starter-medium
{ font-family: 'Starter';
font-weight: 600;
font-variation-settings: "slnt" 0, "MONO" 0; }
p.starter-bold
{ font-family: 'Starter';
font-weight: 700;
font-variation-settings: "slnt" 0, "MONO" 0; }
p.starter-heavy
{ font-family: 'Starter';
font-weight: 800;
font-variation-settings: "slnt" 0, "MONO" 0; }
p.starter-black
{ font-family: 'Starter';
font-weight: 900;
font-variation-settings: "slnt" 0, "MONO" 0; }
p.starter-ultra
{ font-family: 'Starter';
font-weight: 1000;
font-variation-settings: "slnt" 0, "MONO" 0; }


p.starter-thin-italic
{ font-family: 'Starter';
font-weight: 100;
font-variation-settings: "slnt" 12, "MONO" 0; }
p.starter-ultralight-italic
{ font-family: 'Starter';
font-weight: 200;
font-variation-settings: "slnt" 12, "MONO" 0; }
p.starter-light-italic
{ font-family: 'Starter';
font-weight: 300;
font-variation-settings: "slnt" 12, "MONO" 0; }
p.starter-regular-italic
{ font-family: 'Starter';
font-weight: 400;
font-variation-settings: "slnt" 12, "MONO" 0; }
p.starter-book-italic
{ font-family: 'Starter';
font-weight: 500;
font-variation-settings: "slnt" 12, "MONO" 0; }
p.starter-medium-italic
{ font-family: 'Starter';
font-weight: 600;
font-variation-settings: "slnt" 12, "MONO" 0; }
p.starter-bold-italic
{ font-family: 'Starter';
font-weight: 700;
font-variation-settings: "slnt" 12, "MONO" 0; }
p.starter-heavy-italic
{ font-family: 'Starter';
font-weight: 800;
font-variation-settings: "slnt" 12, "MONO" 0; }
p.starter-black-italic
{ font-family: 'Starter';
font-weight: 900;
font-variation-settings: "slnt" 12, "MONO" 0; }
p.starter-ultra-italic
{ font-family: 'Starter';
font-weight: 1000;
font-variation-settings: "slnt" 012, "MONO" 0; }


p.starter-thin-mono
{ font-family: 'Starter';
font-weight: 100;
font-variation-settings: "slnt" 0, "MONO" 1; }
p.starter-ultralight-mono
{ font-family: 'Starter';
font-weight: 200;
font-variation-settings: "slnt" 0, "MONO" 1; }
p.starter-light-mono
{ font-family: 'Starter';
font-weight: 300;
font-variation-settings: "slnt" 0, "MONO" 1; }
p.starter-regular-mono
{ font-family: 'Starter';
font-weight: 400;
font-variation-settings: "slnt" 0, "MONO" 1; }
p.starter-book-mono
{ font-family: 'Starter';
font-weight: 500;
font-variation-settings: "slnt" 0, "MONO" 1; }
p.starter-medium-mono
{ font-family: 'Starter';
font-weight: 600;
font-variation-settings: "slnt" 0, "MONO" 1; }
p.starter-bold-mono
{ font-family: 'Starter';
font-weight: 700;
font-variation-settings: "slnt" 0, "MONO" 1; }
p.starter-heavy-mono
{ font-family: 'Starter';
font-weight: 800;
font-variation-settings: "slnt" 0, "MONO" 1; }
p.starter-black-mono
{ font-family: 'Starter';
font-weight: 900;
font-variation-settings: "slnt" 0, "MONO" 1; }
p.starter-ultra-mono
{ font-family: 'Starter';
font-weight: 1000;
font-variation-settings: "slnt" 0, "MONO" 1; }


/************************************************************* RAUFASER ****************/

p.raufaser-regular, 
p.raufaser-book,
p.raufaser-medium,
p.raufaser-bold,
p.raufaser-heavy,
p.raufaser-black,
p.raufaser-ultra,
p.raufaser-regular-italic, 
p.raufaser-book-italic,
p.raufaser-medium-italic,
p.raufaser-bold-italic,
p.raufaser-heavy-italic,
p.raufaser-black-italic,
p.raufaser-ultra-italic,
p.raufaser-regular-compressed, 
p.raufaser-book-compressed,
p.raufaser-medium-compressed,
p.raufaser-bold-compressed,
p.raufaser-heavy-compressed,
p.raufaser-black-compressed,
p.raufaser-ultra-compressed,
p.raufaser-regular-expanded, 
p.raufaser-book-expanded,
p.raufaser-medium-expanded,
p.raufaser-bold-expanded,
p.raufaser-heavy-expanded,
p.raufaser-black-expanded,
p.raufaser-ultra-expanded
{ font-size: 20px;
color: #f00; }

p.raufaser-regular
{ font-family: 'Raufaser';
font-weight: 400;
font-variation-settings: "wdth" 5, "slnt" 0, "MONO" 0; }
p.raufaser-book
{ font-family: 'Raufaser';
font-weight: 500;
font-variation-settings: "wdth" 5, "slnt" 0, "MONO" 0; }
p.raufaser-medium
{ font-family: 'Raufaser';
font-weight: 600;
font-variation-settings: "wdth" 5, "slnt" 0, "MONO" 0; }
p.raufaser-bold
{ font-family: 'Raufaser';
font-weight: 700;
font-variation-settings: "wdth" 5, "slnt" 0, "MONO" 0; }
p.raufaser-heavy
{ font-family: 'Raufaser';
font-weight: 800;
font-variation-settings: "wdth" 5, "slnt" 0, "MONO" 0; }
p.raufaser-black
{ font-family: 'Raufaser';
font-weight: 900;
font-variation-settings: "wdth" 5, "slnt" 0, "MONO" 0; }
p.raufaser-ultra
{ font-family: 'Raufaser';
font-weight: 1000;
font-variation-settings: "wdth" 5, "slnt" 0, "MONO" 0; }

p.raufaser-regular-italic
{ font-family: 'Raufaser';
font-weight: 400;
font-variation-settings: "wdth" 5, "slnt" 10, "MONO" 0; }
p.raufaser-book-italic
{ font-family: 'Raufaser';
font-weight: 500;
font-variation-settings: "wdth" 5, "slnt" 10, "MONO" 0; }
p.raufaser-medium-italic
{ font-family: 'Raufaser';
font-weight: 600;
font-variation-settings: "wdth" 5, "slnt" 10, "MONO" 0; }
p.raufaser-bold-italic
{ font-family: 'Raufaser';
font-weight: 700;
font-variation-settings: "wdth" 5, "slnt" 10, "MONO" 0; }
p.raufaser-heavy-italic
{ font-family: 'Raufaser';
font-weight: 800;
font-variation-settings: "wdth" 5, "slnt" 10, "MONO" 0; }
p.raufaser-black-italic
{ font-family: 'Raufaser';
font-weight: 900;
font-variation-settings: "wdth" 5, "slnt" 10, "MONO" 0; }
p.raufaser-ultra-italic
{ font-family: 'Raufaser';
font-weight: 1000;
font-variation-settings: "wdth" 5, "slnt" 10, "MONO" 0; }


p.raufaser-regular-compressed
{ font-family: 'Raufaser';
font-weight: 400;
font-variation-settings: "wdth" 1, "slnt" 0, "MONO" 0; }
p.raufaser-book-compressed
{ font-family: 'Raufaser';
font-weight: 500;
font-variation-settings: "wdth" 1, "slnt" 0, "MONO" 0; }
p.raufaser-medium-compressed
{ font-family: 'Raufaser';
font-weight: 600;
font-variation-settings: "wdth" 1, "slnt" 0, "MONO" 0; }
p.raufaser-bold-compressed
{ font-family: 'Raufaser';
font-weight: 700;
font-variation-settings: "wdth" 1, "slnt" 0, "MONO" 0; }
p.raufaser-heavy-compressed
{ font-family: 'Raufaser';
font-weight: 800;
font-variation-settings: "wdth" 1, "slnt" 0, "MONO" 0; }
p.raufaser-black-compressed
{ font-family: 'Raufaser';
font-weight: 900;
font-variation-settings: "wdth" 1, "slnt" 0, "MONO" 0; }
p.raufaser-ultra-compressed
{ font-family: 'Raufaser';
font-weight: 1000;
font-variation-settings: "wdth" 1, "slnt" 0, "MONO" 0; }


p.raufaser-regular-expanded
{ font-family: 'Raufaser';
font-weight: 400;
font-variation-settings: "wdth" 9, "slnt" 0, "MONO" 0; }
p.raufaser-book-expanded
{ font-family: 'Raufaser';
font-weight: 500;
font-variation-settings: "wdth" 9, "slnt" 0, "MONO" 0; }
p.raufaser-medium-expanded
{ font-family: 'Raufaser';
font-weight: 600;
font-variation-settings: "wdth" 9, "slnt" 0, "MONO" 0; }
p.raufaser-bold-expanded
{ font-family: 'Raufaser';
font-weight: 700;
font-variation-settings: "wdth" 9, "slnt" 0, "MONO" 0; }
p.raufaser-heavy-expanded
{ font-family: 'Raufaser';
font-weight: 800;
font-variation-settings: "wdth" 9, "slnt" 0, "MONO" 0; }
p.raufaser-black-expanded
{ font-family: 'Raufaser';
font-weight: 900;
font-variation-settings: "wdth" 9, "slnt" 0, "MONO" 0; }
p.raufaser-ultra-expanded
{ font-family: 'Raufaser';
font-weight: 1000;
font-variation-settings: "wdth" 9, "slnt" 0, "MONO" 0; }