:root {
  	--hbdvFontFamilyKopTeksten: Georgia, Times New Roman, serif !important;
  	--hbdvFontFamilyBodyTeksten: Verdana, Geneva, sans-serif !important;
  	--hbdvFontFamilyAccentTeksten: Comic Sans MS, cursive !important;

  	--hbdvFontFamilyKopTeksten2: Comic Sans MS, Comic Sans, Marker Felt, cursive !important;
  	--hbdvFontFamilyBodyTeksten2: Comic Sans MS, Comic Sans, Marker Felt, cursive !important;
  	--hbdvFontFamilyAccentTeksten2: Comic Sans MS, Comic Sans, Marker Felt, cursive !important;  
  	
  	--hbdvFontFamilyBodyTeksten3: Arial, sans-serif;
  		
}  

/* Laad het Sacramento-lettertype via JSF ResourceHandler */
@font-face {
    font-family: 'Sacramento';
    src: url("") format('truetype');
}

/* Gebruik het font op headers */
h1, h2, h3 {
    font-family: 'Sacramento', cursive;
    color: #2c2c2c;
}

p {
    font-family: Arial, sans-serif;
}

body {
	/* color: rgb(52, 50, 0); */
	font-family: var(--hbdvFontFamilyBodyTeksten3);
}

.ui-widget {
	/* color: rgb(52, 50, 0); */
	font-family: var(--hbdvFontFamilyBodyTeksten3);
}

.hbdv-fontB4 {
    color: rgb(51, 41, 0) !important;
    font-family: var(--hbdvFontFamilyBodyTeksten) Verdana, Geneva, sans-serif !important;
    font-size: calc(0.70em + 0.15vw) !important;
    line-height: 1.2em;
    opacity: .9;    
}    

.hbdv-fontC1 {
	color: maroon;
	font-family: var(--hbdvFontFamilyKopTeksten);
    font-size: calc(1.5rem + 1.0vw) !important;
    line-height: 1.9em;
}


.hbdv-fontC2 {
    color: maroon;
    font-family: var(--hbdvFontFamilyKopTeksten);
    font-size: calc(1.1rem + (0.6vw)) !important;
    line-height: 1.7em;
}    

.hbdv-fontC3 {
	color: maroon;
	font-family: var(--hbdvFontFamilyKopTeksten);
	font-size: calc(0.90em + 0.5vw) !important;
    line-height: 1.1em;
} 

.hbdv-fontC4 {
	color: maroon;
	font-family: var(--hbdvFontFamilyKopTeksten);
    font-size: calc(0.80em + 0.3vw) !important;
    line-height: 1.0em;
}

.hbdv-fontC3b {
	color: rgb(51, 41, 0);
	font-family: var(--hbdvFontFamilyKopTeksten);
	font-size: calc(0.90em + 0.5vw) !important;
    line-height: 1.1em;
    opacity: .7;
}    

.hbdv-fontC4b {
	color: rgb(51, 41, 0) !important;
	font-family: var(--hbdvFontFamilyKopTeksten);
    font-size: calc(0.80em + 0.3vw) !important;
    line-height: 1.0em;
    opacity: .7;
}

.ui-tooltip .ui-tooltip-text {
    color: white !important;
    background-color: #0066ff !important;
    font-family: var(--hbdvFontFamilyAccentTeksten);
    font-size: calc(0.85em + 0.3vw) !important;
    border-radius: 5px;
}