@charset "UTF-8";
@font-face {
    font-family: 'Kanit-Regular';
    font-style: normal;
    src: url('../fonts/Kanit-Regular.ttf');
    font-display: swap;
}
@font-face {
    font-family: 'Kanit-Light';
    font-style: normal;
    src: url('../fonts/Kanit-Light.ttf');
    font-display: swap;
}
@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    src: url('../fonts/OpenSans-Regular.ttf');
    font-display: swap;
}
:root {
    /* OpenSans Typografie */
    --wkd-sys-typo-display-small-family: 'OpenSans';
    --wkd-sys-typo-display-small-weight: 400;
    --wkd-sys-typo-display-small-size: calc(12px + (20 - 12) * ((100vw - 320px) / (1600 - 320)));
    --wkd-sys-typo-display-small-line-height: 2.75rem;
    --wkd-sys-typo-display-small-letter-spacing: 0;
  
    /* Kanit-Regular Typografie */
    --wkd-sys-typo-display-kanit-regular-family: 'Kanit-Regular';
    --wkd-sys-typo-display-kanit-regular-weight: 400;
    --wkd-sys-typo-display-kanit-regular-size: calc(12px + (20 - 12) * ((100vw - 320px) / (1600 - 320)));
    --wkd-sys-typo-display-kanit-regular-line-height: 2.75rem;
    --wkd-sys-typo-display-kanit-regular-letter-spacing: 0;
  
    /* Kanit-Light Typografie */
    --wkd-sys-typo-display-kanit-light-family: 'Kanit-Light';
    --wkd-sys-typo-display-kanit-light-weight: 300;
    --wkd-sys-typo-display-kanit-light-size: calc(12px + (20 - 12) * ((100vw - 320px) / (1600 - 320)));
    --wkd-sys-typo-display-kanit-light-line-height: 2.75rem;
    --wkd-sys-typo-display-kanit-light-letter-spacing: 0;
  }