:root {
--gap:26px;
--gap-mobile:26px;
--sitepadding:0;
--sitepadding-mobile:0;

--headerboxheight:180px;
--headerboxheight-mobile:120px;

--bodybgcolor:rgb(255 255 255);
--maincolor:rgb(0 0 0);
--maincolorhover:rgb(0 0 0);
--mainbgcolor:rgb(255 255 255);
--mainbordercolor:rgb(175 121 40);
--mainborderbgimage:linear-gradient(to right, rgb(175 121 40), rgb(175 121 40));

--headercolor:rgb(0 0 0);
--headercolorhover:rgb(0 0 0);
--headerbgcolor:rgb(235 233 220 / .95);
--footercolor:rgb(255 255 255);
--footercolorhover:rgb(0 0 0);
--footerbgcolor:rgb(0 0 0);

--sitenavcolor:rgb(0 0 0);
--sitenavcolorhover:rgb(255 255 255);
--sitenavbgcolor:rgb(255 255 255);

--navitemcolor:rgb(0 0 0);
--navitemcolorhover:rgb(255 255 255);
--navitemcoloron:rgb(255 255 255);
--navitembgcolor:rgb(255 255 255);
--navitembgcolorhover:rgb(0 0 0);
--navitembgcoloron:rgb(0 0 0);
--subnavitembgcolor:rgb(255 255 255);

--buttoncolor:rgb(255 255 255);
--buttoncolorhover:rgb(0 0 0);
--buttonbgcolor:rgb(0 0 0);
--buttonbgcolorhover:rgb(255 255 255);

--h1color:rgb(0 0 0);
--h2color:rgb(0 0 0);
--h3color:rgb(0 0 0);
--h4color:rgb(0 0 0);
--h5color:rgb(0 0 0);
--pcolor:rgb(rgb(0 0 0));
--acolor:rgb(0 0 0);
--acolorhover:rgb(216 138 110);
--acolorvisited:rgb(0 0 0);
--hrbgcolor:rgb(0 0 0);
--inputbordercolor:rgb(0 0 0);
--inputbordercolorhover:rgb(0 0 0);
--placeholdercolor:rgb(0 0 0 / .5);
--alertcolor:rgb(0 0 0);
--alertcolorhover:rgb(216,138,110);
--alertbgcolor:rgb(216 138 110 / .3);

--mediaboxbg_inverted:rgb(38 13 41);
--pcolor_inverted:rgb(255 255 255);
--h1color_inverted:rgb(255 255 255);
--h2color_inverted:rgb(255 255 255);
--h3color_inverted:rgb(255 255 255);
--h4color_inverted:rgb(255 255 255);
--h5color_inverted:rgb(255 255 255);
--acolor_inverted:rgb(255 255 255);
--acolorhover_inverted:rgb(38 13 41);
--acolorvisited_inverted:rgb(255 255 255);
--hrbgcolor_inverted:rgb(38 13 41);
--alertcolor_inverted:rgb(229 151 158 / 1);
--alertcolorhover_inverted:rgb(255 255 255);
}

h1 {
color:var(--h1color);
/*text-shadow:1px 1px rgb(0 0 0 / .1);*/
font-size:1.6em;
font-weight:400;
letter-spacing:1px;
line-height:1.25;
text-wrap:balance;
margin:0 0 -0.1em 0;
}
@media screen and (max-width: 900px) {
	h1 { font-size:1.4em; }
}
h2 {
color:var(--h2color);
/*text-shadow:1px 1px rgb(0 0 0 / .1);*/
font-size:1.5em;
font-weight:400;
line-height:1.5;
text-wrap:balance;
margin:0 0 1em 0;
}
@media screen and (max-width: 900px) {
	h2 { font-size:1.2em; }
}
h3 {
color:var(--h3color);
/*text-shadow:1px 1px rgb(0 0 0 / .1);*/
font-size:1.7em;
font-weight:400;
line-height:1.3;
text-wrap:balance;
margin:0 0 0.5em 0;
}
@media screen and (max-width: 900px) {
	h3 { font-size:1.2em; }
}
h4 {
color:var(--h4color);
text-shadow:none;
font-size:1.1em;
font-weight:400;
line-height:1.3;
text-wrap:balance;
margin:0;
}
@media screen and (max-width: 900px) {
	h4 { font-size:1.1em; }
}
h5 {
color:var(--h5color);
text-shadow:none;
font-size:1em;
font-weight:400;
line-height:1.3;
text-wrap:balance;
margin:0;
}
@media screen and (max-width: 900px) {
	h5 { font-size:1em; }
}

p {
color:var(--pcolor);
font-size:1.4em;
margin:0;
}
@media screen and (max-width: 900px) {
	p { font-size:1em; }
}

blockquote {
font-size:1.8em;
font-style:italic;
font-weight:700;
}

a {
color:var(--acolor);
/*text-shadow:1px 1px rgb(0 0 0 / .1);*/
transition:all 0.3s ease 0s;
}
a:link {
color:var(--acolor);
text-decoration-line:none;
text-decoration-color:var(--acolorhover);
}
a:visited {
color:var(--acolorvisited);
text-decoration-line:none;
text-decoration-color:var(--acolorvisited);
}
a:active {
color:var(--acolorhover);
text-decoration-line:none;
text-decoration-color:var(--acolorhover);
}
a:hover {
color:var(--acolorhover);
text-decoration-line:none;
text-decoration-color:var(--acolorhover);
}

.alert, a.alert {
color:var(--alertcolor) !important;
text-shadow:1px 1px rgb(0 0 0 / .1);
}
.alert:hover, a.alert:hover { color:var(--alertcolorhover) !important; }
.alert-border {
color:var(--alertcolor) !important;
text-shadow:none !important;
border:1px solid rgb(255 103 35) !important;
}
.alert-border::placeholder {
color:var(--alertcolor) !important;
text-shadow:1px 1px rgb(255 255 255 / .1) !important;
}

hr {
width:100%;
height:1px;
background-color:var(--hrbgcolor);
margin:0.5rem 0;
border:none;
display:block;
}

.wit, .text-wit {
color:rgb(255 255 255 / .9) !important;
text-shadow:1px 1px rgb(0 0 0 / .1) !important;
}
.zwart, .text-zwart {
color:rgb(0 0 0 / .9) !important;
text-shadow:none !important;
}
.grote-tekst {
font-size:1.25em;
}
.kleine-tekst {
font-size:0.75em;
}

b, strong, .strong {
font-weight:700;
}

i {
font-style:italic;
}

sup {
vertical-align:top;
font-size:80%;
}

.inverted { background:var(--mediaboxbg_inverted); }
.inverted h1 { color:var(--h1color_inverted); }
.inverted h2 { color:var(--h2color_inverted); }
.inverted h3 { color:var(--h3color_inverted); }
.inverted h4 { color:var(--h4color_inverted); }
.inverted h5 { color:var(--h5color_inverted); }
.inverted p { color:var(--pcolor_inverted); }
.inverted a { color:var(--acolor_inverted); }
.inverted a:link { color:var(--acolor_inverted); }
.inverted a:visited { color:var(--acolorvisited_inverted); }
.inverted a:active { color:var(--acolorhover_inverted); }
.inverted a:hover { color:var(--acolorhover_inverted); }
.inverted hr { background-color:var(--hrbgcolor_inverted); }
.inverted .alert, .inverted a.alert { color:var(--alertcolor_inverted) !important; }
.inverted .alert:hover, .inverted a.alert:hover { color:var(--alertcolorhover_inverted) !important; }