@font-face {
    font-family: "Archivo";
    src: url('webfonts/Archivo-VariableFont_wdth,wght.ttf') format('truetype-variations');
    font-weight: 100 900; /* Range of weights supported by the variable font */
    font-style: normal;
    font-display: swap;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong,
th {
    font-family: "Archivo", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

body,
input[type="text"],
input[type="submit"],
input[type="button"],
button,
input[type="password"],
select,
option,
textarea {
    font-size: 18px;
}

/* LOAD FONTS: FOUT */

.fontsloaded,
.fontsloaded input[type="text"],
.fontsloaded input[type="submit"],
.fontsloaded input[type="button"],
.fontsloaded button,
.fontsloaded input[type="password"],
.fontsloaded select,
.fontsloaded option,
.fontsloaded textarea {
    font-weight: 400;
}

    .fontsloaded h1,
    .fontsloaded h2,
    .fontsloaded h3,
    .fontsloaded h4,
    .fontsloaded h5,
    .fontsloaded h6 {
        font-weight: 900;
    }

    .fontsloaded b,
    .fontsloaded strong,
    .fontsloaded th {
        font-weight: 600;
    }

    .fontsloaded input[type="submit"],
    .fontsloaded input[type="button"],
    .fontsloaded button {
        font-weight: 600;
    }

    .fontsloaded .form-table th {
        font-weight: 400;
    }

    .fontsloaded .tab-table td.selected a {
        font-weight: 600;
    }

    .fontsloaded .ui-datepicker-month,
    .fontsloaded .ui-datepicker-year,
    .fontsloaded .ui-tooltip {
        font-weight: 400;
    }

/*
body,
input[type="text"],
input[type="submit"],
input[type="button"],
button,
input[type="password"],
select,
option,
textarea {
  font-family: 'Akzidenz Regular', Arial;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Akzidenz Super', 'Arial Black', sans-serif;
}
b,
strong,
th {
  font-family: 'Akzidenz Medium', Arial, sans-serif;
}
input[type="submit"],
input[type="button"],
button {
  font-family: 'Akzidenz Medium', Arial, sans-serif;
}
.form-table th {
    font-family: 'Akzidenz Regular', Arial, sans-serif;
}
.tab-table td.selected a {
  font-family: 'Akzidenz Medium', Arial, sans-serif;
}
.ui-datepicker-month, 
.ui-datepicker-year {
    font-family: 'Akzidenz Regular', Arial, sans-serif;
}
.ui-tooltip {
    font-family: 'Akzidenz Regular', Arial, sans-serif;
 }
*/