/* lexend-deca-100 - latin */
@font-face {
    font-display: swap;
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 100;
    src: url('/fonts/lexend-deca/lexend-deca-v21-latin-100.woff2') format('woff2');
}
/* lexend-deca-200 - latin */
@font-face {
    font-display: swap;
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 200;
    src: url('/fonts/lexend-deca/lexend-deca-v21-latin-200.woff2') format('woff2');
}
/* lexend-deca-300 - latin */
@font-face {
    font-display: swap;
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/lexend-deca/lexend-deca-v21-latin-300.woff2') format('woff2');
}
/* lexend-deca-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/lexend-deca/lexend-deca-v21-latin-regular.woff2') format('woff2');
}
/* lexend-deca-500 - latin */
@font-face {
    font-display: swap;
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/lexend-deca/lexend-deca-v21-latin-500.woff2') format('woff2');
}
/* lexend-deca-600 - latin */
@font-face {
    font-display: swap;
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/lexend-deca/lexend-deca-v21-latin-600.woff2') format('woff2');
}
/* lexend-deca-700 - latin */
@font-face {
    font-display: swap;
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/lexend-deca/lexend-deca-v21-latin-700.woff2') format('woff2');
}
/* lexend-deca-800 - latin */
@font-face {
    font-display: swap;
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 800;
    src: url('/fonts/lexend-deca/lexend-deca-v21-latin-800.woff2') format('woff2');
}
/* lexend-deca-900 - latin */
@font-face {
    font-display: swap;
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/lexend-deca/lexend-deca-v21-latin-900.woff2') format('woff2');
}

/* Font Styling */

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p {
    margin: 0;
}

body {
    font-family: var(--article-font-family);
    color: var(--ci-blau);
}

h1, .h1 {
    font-family: var(--desktop-h1-font-family);
    font-weight: var(--desktop-h1-font-weight);
    color: var(--ci-blau);
    font-size: var(--desktop-h1-font-size);
    letter-spacing: var(--desktop-h1-letter-spacing);
    line-height: var(--desktop-h1-line-height);
    font-style: var(--desktop-h1-font-style);
    margin-bottom: 8px;
}

h2, .h2 {
    font-family: var(--desktop-h2-font-family);
    font-weight: var(--desktop-h2-font-weight);
    color: var(--ci-blau);
    font-size: var(--desktop-h2-font-size);
    letter-spacing: var(--desktop-h2-letter-spacing);
    line-height: var(--desktop-h2-line-height);
    font-style: var(--desktop-h2-font-style);
}

h3, .h3 {
    font-family: var(--desktop-h3-font-family);
    font-weight: var(--desktop-h3-font-weight);
    color: var(--ci-blau);
    font-size: var(--desktop-h3-font-size);
    letter-spacing: var(--desktop-h3-letter-spacing);
    line-height: var(--desktop-h3-line-height);
    font-style: var(--desktop-h3-font-style);
}

h4, .h4 {
    font-family: var(--desktop-h4-font-family);
    font-weight: var(--desktop-h4-font-weight);
    color: var(--ci-blau);
    font-size: var(--desktop-h4-font-size);
    letter-spacing: var(--desktop-h4-letter-spacing);
    line-height: var(--desktop-h4-line-height);
    font-style: var(--desktop-h4-font-style);
}

p, .p {
    font-family: var(--desktop-copy-font-family);
    font-weight: var(--desktop-copy-font-weight);
    color: var(--ci-blau);
    font-size: var(--desktop-copy-font-size);
    letter-spacing: var(--desktop-copy-letter-spacing);
    line-height: var(--desktop-copy-line-height);
    font-style: var(--desktop-copy-font-style);
    margin-bottom: 32px;
}

 p:last-of-type,
 .p:last-of-type {
    margin-bottom: 0;
}

.copy-small {
    font-family: var(--desktop-copy-small-font-family);
    font-weight: var(--desktop-copy-small-font-weight);
    /*color: var(--ci-blau);*/
    font-size: var(--desktop-copy-small-font-size);
    letter-spacing: var(--desktop-copy-small-letter-spacing);
    line-height: var(--desktop-copy-small-line-height);
    font-style: var(--desktop-copy-small-font-style);
}

.subline {
    font-family: var(--desktop-subline-font-family);
    font-weight: var(--desktop-subline-font-weight);
    color: var(--ci-blau);
    font-size: var(--desktop-subline-font-size);
    letter-spacing: var(--desktop-subline-letter-spacing);
    line-height: var(--desktop-subline-line-height);
    font-style: var(--desktop-subline-font-style);
}

.title-spacer {
    margin-bottom: 48px;
}

/* Link Styling */
a {
    text-decoration: none;
/*    font-family: var(--desktop-copy-font-family);
    font-weight: var(--desktop-copy-font-weight);
    font-size: var(--desktop-copy-font-size);
    letter-spacing: var(--desktop-copy-letter-spacing);
    line-height: var(--desktop-copy-line-height);
    font-style: var(--desktop-copy-font-style);*/
    border-bottom: 1px solid var(--ci-grn);
    cursor: pointer;
    color: var(--ci-grn);
}

.link-blue {
    color: var(--ci-blau);
    border-color: var(--ci-blau);
}

.footer-link {
    color: var(--white);
    border-bottom: none;
}

/* List Styling */

ul {
    list-style: none;
    margin-bottom: 24px;
}

ul:last-of-type {
    margin-bottom: 0;
}

ul li {
    margin-bottom: 8px;
}

/* Button Styling */

.btn-primary {
    background-color: var(--ci-grn);
    font-family: var(--desktop-h3-font-family);
    font-weight: var(--desktop-h3-font-weight);
    color: var(--white);
    font-size: var(--desktop-h3-font-size);
    text-align: center;
    letter-spacing: var(--desktop-h3-letter-spacing);
    line-height: var(--desktop-h3-line-height);
    white-space: nowrap;
    font-style: var(--desktop-h3-font-style);
    padding: 16px 70px 15px 71px;
}

button:focus-visible {
    outline: 2px solid #4a90e2 !important;
    outline: -webkit-focus-ring-color auto 5px !important;
}

.btn-small {
    font-family: var(--desktop-h4-font-family);
    font-weight: var(--desktop-h4-font-weight);
    font-size: var(--desktop-h4-font-size);
    letter-spacing: var(--desktop-h4-letter-spacing);
    line-height: var(--desktop-h4-line-height);
    padding: 16px 70px 15px 71px;
}