/********************** Typo ************************* *
 *  1. Fonts
 *  2. General
 *  3. Headlines
 *  4. Content Elements
*****************************************************/

/********************* 1. Fonts *********************/

/* Self-hosted Inter variable font (rsms.me/inter, OFL-licensed).
   Replaces the Google Fonts CSS+CDN dependency: stable URLs, no DNS to
   fonts.googleapis.com / fonts.gstatic.com, no rotating file hashes. */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../../fonts/InterVariable.woff2') format('woff2-variations');
}
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('../../fonts/InterVariable-Italic.woff2') format('woff2-variations');
}

/* Metric-compatible fallback that mimics Inter's line-box metrics. While
   InterVariable.woff2 is in flight (font-display: swap), the browser uses
   this face — the size-adjust + ascent/descent overrides keep the line-box
   identical to Inter so the swap to the real font causes no visible reflow.
   Calibration values from fontaine's Inter→Arial table. */
@font-face {
    font-family: 'Inter Fallback';
    src: local('Arial');
    ascent-override: 90.00%;
    descent-override: 22.43%;
    line-gap-override: 0.00%;
    size-adjust: 107.4051%;
}

/******************** 2. General ********************/

/******************** 3. Headline ********************/

h1, .uk-h1,
h2, .uk-h2,
h3, .uk-h3,
h4, .uk-h4
h5, .uk-h5 {
    color: #414147;
    font-family: "Inter", "Inter Fallback", sans-serif;
    font-weight: 600;
    line-height: 1.2;
    display: block;
}
h1, .uk-h1 {
    font-size: 34px;
}
h2, .uk-h2 {
    font-size: 26px;
}
.uk-light span.uk-h2 {
    color: #D1D1D1;
    display: block;
}
h3, .uk-h3 {
    font-size: 20px;
}
h4, .uk-h4 {
    font-size: 16px;
    font-weight: 500;
}
h5, .uk-h5 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
}
span.title-color {
    color: #E5575B;
}
span.title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #fff;
}

/**************** 4. Content Elements ****************/

* + p, * + ul, * + ol, * + dl, * + pre, * + address, * + fieldset, * + figure {
    margin-top: 20px;
}
p, ul, ol, dl, pre, address, fieldset, figure {
    margin: 0 0 20px 0;
}
.uk-text-center ul {
    list-style-position: inside;
    padding-left: 0;
}
p, li {
    font-weight: 300;
    line-height: 1.4;
    font-size: 16px;
}
p:last-child {
    margin: 0;
}
a {
    text-decoration: none;
    color: #E5575B; 
}
a:hover {
    text-decoration: none;
    color: #565656; 
}
strong,
b {
    font-weight: 600;
}
em {
    color: inherit;
}
.uk-light {
    color: #fff;
}
.uk-text-small {
    font-size: 12px;
    font-weight: 500;
}
blockquote {
    margin: 0 0 20px 0;
    font-size: 20px;
    line-height: 1.5;
    font-style: italic;
    color: #E5575B;
    font-weight: 500;
}