@font-face { font-family: "EarlyTimes"; src: url("https://ikcommuniceer.nu/wp-content/themes/onlinepakketten/inc/fonts/customfonts/EarlyTimes_bold.woff") format('woff'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "EarlyTimes"; src: url("https://ikcommuniceer.nu/wp-content/themes/onlinepakketten/inc/fonts/customfonts/EarlyTimes_bold.woff") format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "EarlyTimes"; src: url("https://ikcommuniceer.nu/wp-content/themes/onlinepakketten/inc/fonts/customfonts/EarlyTimes_bold.woff") format('woff'); font-weight: 700; font-style: normal; font-display: swap; }
:root {
    --cms-primary: #EBC91E;
    --cms-complementary: #000000;
    --cms-tertiary: #377E3F;
    --font-primary: "Inter", sans-serif;
    --font-headings: "EarlyTimes", var(--font-primary);
    --cms-font-h1: 48px;
    --cms-font-h2: 38px;
    --cms-font-h3: 32px;
    --cms-font-body: 17px;
    --cms-font-button: 16px;
    --cms-font-hero-text: 18px;
}

body, p, span, li, a { font-size: var(--cms-font-body); }
h1, h2, h3, h4, h5 { font-family: var(--font-headings); }
h1 { font-size: var(--cms-font-h1); }
h2 { font-size: var(--cms-font-h2); }
h3 { font-size: var(--cms-font-h3); }
.btn { font-size: var(--cms-font-button); }
.hero-overlay p { font-size: var(--cms-font-hero-text); }

.navbar.bg-dark,
footer.bg-dark {
    background-color: var(--cms-complementary) !important;
}

.btn-primary {
    background-color: var(--cms-primary);
    border-color: var(--cms-primary);
}

.text-primary {
    color: var(--cms-primary) !important;
}

a {
    color: var(--cms-primary);
}

.content-body h1,
.content-body h2,
.content-body h3 {
	color: var(--cms-primary) !important;
}