/* FAAM Hulp. Volgt de huisstijl van faam.be (variabelen uit het thema), met eigen terugvalkleuren. */
.fh, .fh-artikel, .fh-demo {
	--fh-groen: var(--faam-groen, #658572);
	--fh-donker: var(--faam-groen-donker, #4F6B5B);
	--fh-diep: var(--faam-groen-diep, #22332A);
	--fh-licht: var(--faam-groen-licht, #D6E4DB);
	--fh-mint: var(--faam-mint, #EDF3EF);
	--fh-creme: var(--faam-creme, #FAEBD3);
	--fh-rand: var(--faam-creme-rand, #E8DCC6);
	--fh-oker: var(--faam-oker, #EEBE75);
	--fh-zacht: var(--faam-zacht, #5F5F5F);
	--fh-r: var(--faam-r, 24px);
	--fh-r-klein: var(--faam-r-klein, 8px);
}
.fh-breed, .fh-held-binnen { max-width: var(--wp--style--global--wide-size, 1248px); margin-left: auto; margin-right: auto; padding-left: var(--wp--style--root--padding-left, 24px); padding-right: var(--wp--style--root--padding-right, 24px); box-sizing: border-box; }
.fh .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.fh-icoon { vertical-align: -0.2em; flex: none; }

/* ---------- Kop met zoeken ---------- */
.fh-held { padding-bottom: clamp(40px, 5vw, 72px) !important; }
.fh-held h1 { margin: 14px 0 26px; }
.fh-zoek { position: relative; max-width: 44rem; }
.fh-zoek input { width: 100%; box-sizing: border-box; font: inherit; font-size: 1.15rem; padding: 18px 22px 18px 56px; border: 2px solid var(--fh-diep); border-radius: 999px; background: #fff; color: var(--fh-diep); box-shadow: 6px 6px 0 var(--fh-diep); }
.fh-zoek input:focus { outline: 3px solid var(--fh-oker); outline-offset: 3px; }
.fh-zoek-icoon { position: absolute; left: 22px; top: 50%; transform: translateY(-50%); color: var(--fh-diep); display: flex; }
.fh-resultaten { max-width: 44rem; margin-top: 18px; background: #fff; border: 2px solid var(--fh-diep); border-radius: var(--fh-r); overflow: hidden; }
.fh-res-lijst { list-style: none; margin: 0; padding: 0; }
.fh-res-lijst li + li { border-top: 1px solid var(--fh-rand); }
.fh-res-lijst a { display: block; padding: 14px 20px; color: var(--fh-diep); text-decoration: none; }
.fh-res-lijst a:hover, .fh-res-lijst a:focus { background: var(--fh-mint); }
.fh-res-lijst strong { font-size: 1.02rem; }
.fh-res-o { display: block; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--fh-donker); margin-bottom: 2px; }
.fh-res-k { display: block; font-size: .92rem; color: var(--fh-zacht); margin-top: 4px; }
.fh-geen { margin: 0; padding: 16px 20px; }
.fh-populair { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 22px 0 0; font-size: .92rem; }
.fh-populair span { font-weight: 600; margin-right: 4px; }
.fh-populair a { padding: 6px 14px; border-radius: 999px; background: #fff; border: 2px solid var(--fh-rand); color: var(--fh-diep); text-decoration: none; font-weight: 600; }
.fh-populair a:hover { border-color: var(--fh-diep); background: var(--fh-oker); }
.fh-status { display: flex; gap: 8px; align-items: center; margin: 20px 0 0; font-size: .92rem; color: var(--fh-diep); }
.fh-status.is-klant { font-weight: 600; }

/* ---------- Vraag-wijzer ---------- */
.fh-wijzer { margin-top: clamp(24px, 3vw, 40px); background: #fff; border: 2px solid var(--fh-diep); border-radius: var(--fh-r); padding: clamp(20px, 3vw, 36px); }
.fh-w-stappen { list-style: none; margin: 0 0 22px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: .9rem; color: var(--fh-zacht); }
.fh-w-stappen li { display: flex; align-items: center; gap: 8px; }
.fh-w-stappen b { width: 26px; height: 26px; border-radius: 50%; display: inline-grid; place-items: center; border: 2px solid currentColor; font-size: 13px; }
.fh-w-stappen .is-nu { color: var(--fh-diep); font-weight: 700; }
.fh-w-stappen .is-nu b { background: var(--fh-oker); border-color: var(--fh-diep); }
.fh-w-stappen .is-klaar { color: var(--fh-donker); }
.fh-w-stappen .is-klaar b { background: var(--fh-licht); border-color: var(--fh-donker); }
.fh-w-vraag { margin: 0 0 16px; font-size: 1.35rem; }
.fh-w-vraag:focus { outline: none; }
.fh-w-nav { margin: 0 0 14px; display: flex; gap: 16px; }
.fh-w-terug, .fh-w-opnieuw, .fh-link-knop { background: none; border: 0; padding: 4px 0; font: inherit; font-weight: 600; color: var(--fh-donker); cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.fh-w-opnieuw { color: var(--fh-zacht); font-weight: 400; text-decoration: underline; }
.fh-w-keuzes { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 12px; }
.fh-w-keuzes button { text-align: left; font: inherit; background: var(--fh-mint); border: 2px solid transparent; border-radius: var(--fh-r); padding: 18px 20px; cursor: pointer; color: var(--fh-diep); display: grid; gap: 4px; align-content: start; transition: border-color .15s, background .15s; }
.fh-w-keuzes button:hover, .fh-w-keuzes button:focus-visible { border-color: var(--fh-diep); background: var(--fh-creme); }
.fh-w-keuzes strong { font-size: 1.05rem; }
.fh-w-keuzes span:not(.fh-w-icoon) { font-size: .92rem; color: var(--fh-zacht); }
.fh-w-keuzes em { font-style: normal; font-size: .82rem; font-weight: 700; color: var(--fh-donker); margin-top: 4px; }
.fh-w-keuzes.is-groot button { padding: 24px; }
.fh-w-icoon { width: 52px; height: 52px; border-radius: 50%; background: #fff; display: grid; place-items: center; color: var(--fh-diep); margin-bottom: 6px; border: 2px solid var(--fh-diep); }
.fh-w-lijst { display: grid; gap: 8px; }
.fh-w-lijst button { display: flex; align-items: center; gap: 10px; text-align: left; font: inherit; font-weight: 600; background: #fff; border: 2px solid var(--fh-rand); border-radius: var(--fh-r-klein); padding: 14px 18px; cursor: pointer; color: var(--fh-diep); }
.fh-w-lijst button > span:first-child { flex: 1; }
.fh-w-lijst button:hover, .fh-w-lijst button:focus-visible { border-color: var(--fh-diep); background: var(--fh-creme); }
.fh-w-antwoord { background: var(--fh-creme); border-radius: var(--fh-r); padding: clamp(18px, 3vw, 30px); }
.fh-w-kort { font-size: 1.08rem; margin: 0 0 18px; }
.fh-w-slot { display: flex; gap: 10px; align-items: flex-start; }
.fh-w-knoppen { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }

/* ---------- Knoppen en etiketten ---------- */
.fh-knop { display: inline-flex; align-items: center; gap: 8px; background: var(--fh-donker); color: #fff !important; border: 2px solid var(--fh-diep); border-radius: 999px; padding: 12px 24px; font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; }
.fh-knop:hover { background: var(--fh-diep); }
.fh-knop.is-licht { background: #fff; color: var(--fh-diep) !important; }
.fh-knop.is-licht:hover { background: var(--fh-oker); }
.fh-etiket { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; padding: 2px 9px; border-radius: 999px; background: var(--fh-licht); color: var(--fh-diep); vertical-align: middle; white-space: nowrap; }

/* ---------- Alle onderwerpen ---------- */
.fh-tegels { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(20rem, 100%), 1fr)); gap: 16px; margin-top: clamp(24px, 3vw, 40px); }
.fh-tegel { background: #fff; border: 2px solid var(--fh-diep); border-radius: var(--fh-r); padding: 22px 24px; scroll-margin-top: 24px; }
.fh-tegel:target { box-shadow: 6px 6px 0 var(--fh-oker); }
.fh-tegel-kop { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 12px; }
.fh-tegel-icoon { width: 46px; height: 46px; border-radius: 50%; background: var(--fh-oker); display: grid; place-items: center; color: var(--fh-diep); flex: none; }
.fh-tegel h3 { margin: 2px 0 4px; font-size: 1.12rem; }
.fh-tegel-kop p { margin: 0; font-size: .9rem; color: var(--fh-zacht); }
.fh-links { list-style: none; margin: 0; padding: 0; }
.fh-links li { padding: 7px 0; border-top: 1px solid var(--fh-rand); font-size: .95rem; }
.fh-links a { color: var(--fh-diep); text-decoration: none; font-weight: 600; }
.fh-links a:hover { text-decoration: underline; }

/* ---------- Contact ---------- */
.fh-contact { background: var(--fh-creme); border-radius: var(--fh-r); padding: clamp(22px, 3vw, 36px); scroll-margin-top: 24px; }
.fh-contact h2 { margin-top: 0; font-size: clamp(1.4rem, 2.4vw, 1.8rem); }
.fh-contact-knoppen { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 0; }

/* ---------- Artikel ---------- */
.fh-kruimel { font-size: .88rem; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 10px; }
.fh-kruimel a { color: var(--fh-donker); font-weight: 600; text-decoration: none; }
.fh-kruimel a:hover { text-decoration: underline; }
.fh-kort { background: var(--fh-creme); border-radius: var(--fh-r); padding: 18px 22px; margin-top: 18px; border: 2px solid var(--fh-rand); }
.fh-kort p { margin: 0; font-size: 1.05rem; }
.fh-kort .fh-kort-label { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--fh-donker); margin-bottom: 4px; }
.fh-artikel .fh-tip, .fh-artikel .fh-let { padding: 14px 18px; border-radius: var(--fh-r-klein); }
.fh-artikel .fh-tip { background: var(--fh-mint); }
.fh-artikel .fh-let { background: #FCEFD9; border-left: 4px solid var(--fh-oker); }
.fh-zie { margin-top: 2em; }
.fh-zie-kop { font-weight: 700; margin-bottom: 4px; }
.fh-slot { text-align: center; background: var(--fh-creme); border-radius: var(--fh-r); padding: clamp(24px, 4vw, 44px); color: var(--fh-diep); }
.fh-slot h2 { margin: 10px 0; }
.fh-onder { max-width: var(--wp--style--global--content-size, 760px); margin: 48px auto 0; display: grid; gap: 32px; padding-left: var(--wp--style--root--padding-left, 24px); padding-right: var(--wp--style--root--padding-right, 24px); box-sizing: border-box; }
.fh-verwant h2 { font-size: 1.25rem; margin: 0 0 8px; }

/* Stappenplan */
ol.fh-stappen { list-style: none; counter-reset: fh-stap; padding: 0; margin-left: 0; }
ol.fh-stappen > li { counter-increment: fh-stap; position: relative; padding: 14px 120px 14px 58px; margin: 0 0 10px; background: #fff; border: 2px solid var(--fh-rand); border-radius: var(--fh-r-klein); min-height: 34px; transition: background .15s, border-color .15s; }
ol.fh-stappen > li::before { content: counter(fh-stap); position: absolute; left: 14px; top: 12px; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; background: var(--fh-oker); color: var(--fh-diep); border: 2px solid var(--fh-diep); }
ol.fh-stappen > li.is-gedaan { background: var(--fh-mint); border-color: var(--fh-groen); }
ol.fh-stappen > li.is-gedaan::before { content: "\2713"; background: var(--fh-donker); color: #fff; }
ol.fh-stappen > li.is-gedaan strong { text-decoration: line-through; text-decoration-thickness: 2px; text-decoration-color: var(--fh-groen); }
.fh-vink { position: absolute; right: 12px; top: 12px; display: inline-flex; align-items: center; gap: 6px; background: #fff; border: 2px solid var(--fh-rand); border-radius: 999px; padding: 6px 12px; font: inherit; font-size: .85rem; font-weight: 700; color: var(--fh-diep); cursor: pointer; }
.fh-vink:hover { border-color: var(--fh-diep); }
.fh-vink-vak { width: 14px; height: 14px; border: 2px solid currentColor; border-radius: 4px; }
.fh-vink[aria-pressed="true"] { background: var(--fh-donker); border-color: var(--fh-diep); color: #fff; }
.fh-vink[aria-pressed="true"] .fh-vink-vak { background: #fff; box-shadow: inset 0 0 0 2px var(--fh-donker); }
.fh-voortgang { margin: 1.5em 0 10px; }
.fh-voortgang-tekst { margin: 0 0 6px; font-size: .9rem; font-weight: 700; color: var(--fh-donker); }
.fh-balk { height: 8px; border-radius: 999px; background: var(--fh-rand); overflow: hidden; }
.fh-balk i { display: block; height: 100%; width: 0; background: var(--fh-groen); transition: width .3s; }
.fh-klaar { background: var(--fh-licht); border-radius: var(--fh-r-klein); padding: 14px 18px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.fh-klaar p { margin: 0; }
@media (max-width: 600px) { ol.fh-stappen > li { padding: 14px 14px 56px 54px; } .fh-vink { top: auto; bottom: 10px; right: auto; left: 54px; } }

/* Heeft dit je geholpen? */
.fh-nuttig { border: 2px solid var(--fh-rand); border-radius: var(--fh-r); padding: 18px 22px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
.fh-nuttig-vraag { margin: 0; font-weight: 700; }
.fh-nuttig-knoppen { display: flex; gap: 8px; }
.fh-nuttig-knoppen button, .fh-nuttig-meer button { font: inherit; font-weight: 700; padding: 8px 20px; border-radius: 999px; border: 2px solid var(--fh-diep); background: #fff; color: var(--fh-diep); cursor: pointer; }
.fh-nuttig-knoppen button:hover, .fh-nuttig-meer button:hover { background: var(--fh-oker); }
.fh-nuttig-meer { width: 100%; display: grid; gap: 8px; }
.fh-nuttig-meer textarea { font: inherit; border: 2px solid var(--fh-rand); border-radius: var(--fh-r-klein); padding: 10px; }
.fh-nuttig-meer button { justify-self: start; }
.fh-nuttig-bedankt { margin: 0; color: var(--fh-donker); font-weight: 600; }
.fh-hp { position: absolute; left: -9999px; width: 1px; height: 1px; }
.fh [hidden], .fh-artikel [hidden], .fh-demo [hidden] { display: none !important; }

/* ---------- Demo's ---------- */
.fh-demo { margin: 2em 0; border: 2px solid var(--fh-diep); border-radius: var(--fh-r); background: var(--fh-creme); padding: clamp(16px, 3vw, 28px); }
.fh-demo-kop { margin: 0 0 16px; font-weight: 700; font-size: 1.05rem; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.fh-demo-label { background: var(--fh-oker); border: 2px solid var(--fh-diep); border-radius: 999px; padding: 2px 12px; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; }
.fh-demo-noot { margin: 14px 0 0; font-size: .82rem; color: var(--fh-zacht); }
.fh-demo-raster { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 22px; align-items: start; }
@media (max-width: 760px) { .fh-demo-raster { grid-template-columns: 1fr; } }
.fh-demo-invoer { display: grid; gap: 10px; min-width: 0; }
.fh-demo-tabelvak { overflow-x: auto; }
.fh-demo-invoer label { display: grid; gap: 4px; font-size: .88rem; font-weight: 600; }
.fh-demo-invoer input, .fh-demo-invoer select { font: inherit; font-weight: 400; padding: 8px 10px; border: 2px solid var(--fh-rand); border-radius: var(--fh-r-klein); background: #fff; min-width: 0; }
.fh-demo-stap { margin: 6px 0 0; font-weight: 800; color: var(--fh-diep); }
.fh-demo-schakel { display: flex; flex-wrap: wrap; gap: 6px; }
.fh-demo-schakel button { font: inherit; font-size: .85rem; font-weight: 700; padding: 7px 12px; border-radius: 999px; border: 2px solid var(--fh-diep); background: #fff; color: var(--fh-diep); cursor: pointer; }
.fh-demo-schakel button[aria-pressed="true"] { background: var(--fh-diep); color: #fff; }
.fh-demo-urentabel { border-collapse: collapse; font-size: .88rem; }
.fh-demo-urentabel th { text-align: left; padding: 4px 8px 4px 0; font-weight: 600; text-transform: capitalize; }
.fh-demo-urentabel td { padding: 3px 4px; white-space: nowrap; }
.fh-demo-urentabel input[type=time] { padding: 4px 4px; width: 6.2em; }
.fh-demo-dicht { display: inline-flex !important; grid-auto-flow: column; align-items: center; gap: 4px; font-weight: 400 !important; }
.fh-demo-datum { margin: 0 0 8px; font-size: .9rem; }
.fh-demo-uitleg { margin: 10px 0 0; font-size: .9rem; color: var(--fh-diep); }

/* Nagemaakte website */
.fh-mock { background: #fff; border: 2px solid var(--fh-diep); border-radius: 16px; overflow: hidden; box-shadow: 6px 6px 0 var(--fh-diep); font-size: .9rem; }
.fh-mock-balk { display: flex; align-items: center; gap: 5px; padding: 8px 12px; border-bottom: 2px solid var(--fh-diep); }
.fh-mock-balk span { width: 8px; height: 8px; border-radius: 50%; background: var(--fh-rand); }
.fh-mock-balk span:first-child { background: var(--fh-oker); }
.fh-mock-balk em { margin-left: 6px; font-style: normal; font-size: 11px; color: var(--fh-zacht); background: #FFFCF6; border: 1px solid var(--fh-rand); border-radius: 999px; padding: 2px 10px; }
.fh-mock-melding { background: var(--fh-diep); color: #fff; padding: 9px 14px; text-align: center; font-size: .82rem; font-weight: 600; }
.fh-mock-body { padding: 14px 16px 16px; }
.fh-mock-status { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-weight: 700; }
.fh-mock-status i { width: 10px; height: 10px; border-radius: 50%; background: #b3261e; }
.fh-mock-status.is-open i { background: #1f7a3a; }
.fh-mock-uren, .fh-mock-prijzen { width: 100%; border-collapse: collapse; }
.fh-mock-uren th, .fh-mock-uren td, .fh-mock-prijzen th, .fh-mock-prijzen td { padding: 5px 0; border-bottom: 1px solid var(--fh-rand); font-weight: 400; text-align: left; }
.fh-mock-uren td, .fh-mock-prijzen td { text-align: right; font-variant-numeric: tabular-nums; }
.fh-mock-uren tr.is-vandaag th, .fh-mock-uren tr.is-vandaag td { font-weight: 800; }
.fh-mock-sub { margin: 4px 0 6px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--fh-zacht); }
.fh-mock-vragen { list-style: none; margin: 0; padding: 0; }
.fh-mock-vragen li { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid var(--fh-rand); font-weight: 600; }
.is-nieuw { animation: fh-flits 1.6s ease-out; }
@keyframes fh-flits { 0%, 40% { background: var(--fh-oker); } 100% { background: transparent; } }
.fh-mock-melding.is-nieuw { animation: fh-flits-donker 1.6s ease-out; }
@keyframes fh-flits-donker { 0%, 40% { background: var(--fh-oker); color: var(--fh-diep); } 100% { background: var(--fh-diep); color: #fff; } }
.fh-mock-hist { margin-top: 12px; font-size: .82rem; }
.fh-mock-hist ul { margin: 0; padding-left: 1.1em; }
.fh-mock-hist em { color: var(--fh-zacht); }
.fh-mock-knop { font: inherit; font-weight: 700; padding: 8px 16px; border-radius: 999px; border: 2px solid var(--fh-diep); background: var(--fh-donker); color: #fff; cursor: pointer; }
.fh-mock-knop.is-licht { background: #fff; color: var(--fh-diep); }
.fh-mock-knop:disabled { opacity: .5; cursor: default; }
.fh-mock-pil { display: inline-block; padding: 2px 12px; border-radius: 999px; background: #dcdcde; font-weight: 700; }
.fh-mock-pil.is-aan { background: #d1e7dd; color: #0f5132; }
.fh-mock-veld { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.fh-mock-veld code { flex: 1; min-width: 0; overflow-wrap: anywhere; background: #FFFCF6; border: 1px solid var(--fh-rand); padding: 6px 8px; border-radius: 6px; font-size: .78rem; }
.fh-mock-ai { background: #fff; }
.fh-mock-ai label { display: grid; gap: 2px; margin-bottom: 8px; font-weight: 600; font-size: .82rem; }
.fh-mock-invul { display: block; font-weight: 400; background: #FFFCF6; border: 1px solid var(--fh-rand); padding: 6px 8px; border-radius: 6px; overflow-wrap: anywhere; }
.fh-mock-toestemming ul { padding-left: 1.1em; }

/* Chat */
.fh-chat { background: #fff; border: 2px solid var(--fh-diep); border-radius: 16px; padding: 14px; display: grid; gap: 10px; }
.fh-chat-kop { margin: 0; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--fh-diep); }
.fh-chat-log { display: grid; gap: 8px; min-height: 120px; max-height: 280px; overflow-y: auto; align-content: start; }
.fh-chat-log.is-statisch { max-height: none; min-height: 0; }
.fh-chat-bel { margin: 0; padding: 9px 13px; border-radius: 16px; font-size: .9rem; max-width: 88%; border: 2px solid var(--fh-diep); }
.fh-chat-bel.is-jij { justify-self: end; background: #FFFCF6; border-radius: 16px 16px 4px 16px; }
.fh-chat-bel.is-ai { justify-self: start; background: var(--fh-donker); color: #fff; border-radius: 16px 16px 16px 4px; }
.fh-chat-bel.is-typen { opacity: .7; }
.fh-chat-keuzes { display: grid; gap: 6px; }
.fh-chat-keuzes button { text-align: left; font: inherit; font-size: .88rem; padding: 8px 12px; border-radius: 12px; border: 2px solid var(--fh-rand); background: var(--fh-mint); color: var(--fh-diep); cursor: pointer; }
.fh-chat-keuzes button:hover, .fh-chat-keuzes button:focus-visible { border-color: var(--fh-diep); }

/* Verbinden, scherm per scherm */
.fh-scherm-stappen { list-style: none; display: flex; gap: 8px; margin: 0 0 10px; padding: 0; }
.fh-scherm-stappen li { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 700; border: 2px solid var(--fh-rand); background: #fff; color: var(--fh-zacht); }
.fh-scherm-stappen li.is-nu { background: var(--fh-oker); border-color: var(--fh-diep); color: var(--fh-diep); }
.fh-scherm-stappen li.is-klaar { background: var(--fh-licht); border-color: var(--fh-donker); color: var(--fh-diep); }
.fh-scherm-titel { margin: 0 0 12px; }
.fh-scherm-titel:focus { outline: none; }
.fh-demo .fh-mock { max-width: 34rem; }