/*!
Theme Name: rmwrk
Author: Remco de Waal
Description: rmwrk theme
Version: 7.2
Text Domain: rmwrk
Tags: rmwrk style
*/

html, body, section, article, header, div, span, object, figure, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
  {
    margin: 0; 
    padding: 0; 
    border: 0;
  }

*, *:after, *:before 
  {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
  }

:root 
  {

    --gatxs: 0.5em;
    --gats: 1.25em;
    --gatm: 2em;
    --gatl: 2.75em;
    --gatxl: 7em;

    --widths: 500px;
    --widthm: 800px;
    --widthl: 1250px;
    --zijpad: clamp(5vw, calc(50vw - ( 0.5 * var(--widthl) ) ), 50vw);

    --binnens: 0.6em;
    --binnenm: 1.6em;
    --binnenl: 2.6em;

    --body: #fff;
    --achter: #fff;
    --brood: #000;
    --label: #38b357;
    --link: #58ba57;
    --kader: #def1dd;
    --afwijkend: #27bfd2;

    --heading: #fff;
    --knop: #58ba57;
    --linkdiap: #fff;
    --hover: #38b357;
    --hoverdiap: #fff;

    --licht: #eee;
    --lichtc: #000;
    --focus: green;
    --arrow: var(--link);

  }

body 
  {
    --logopadex: 22px; 
    --kophg: 125px;
    --staarthg: 65px;
  }

body.scrolled
  {
    --logopadex: 12px; 
    --kophg: 90px;
  }

body 
  {
    --kruinhg: 40px;
    --headhg: calc( var(--kruinhg) + var(--kophg) );
    --logoar: 37.360896;
  }

body > header 
  {
    --logowidth: calc( ( 100 / var(--logoar) ) * ( var(--kophg) - ( 2 * var(--logopadex) ) ) );
  }

body > footer
  {
    --logowidth: calc( ( 100 / var(--logoar) ) * var(--staarthg) );
  }

.wit
  {
    --achter: #fff;
    --brood: #000;
    --label: #38b357;
    --link: #58ba57;
    --kader: #def1dd;
    --afwijkend: #27bfd2;
  }

.steun1
  {
    --achter: #def1dd;
    --brood: #000;
    --label: #38b357;
    --link: #58ba57;
  }

.steun2
  {
    --achter: #283990;
    --brood: #fff;
    --label: #fff;
    --link: #fff;
    --label: #fff;
    --afwijkend: #27bfd2;
  }

.steun3
  {
    --achter: #27bfd2;
    --brood: #fff;
    --label: #fff;
    --link: #fff;
  }

.steun4
  {
    --achter: #d4f2f6;
    --brood: #000;
    --label: #38b357;
    --link: #58ba57;
  }

body > footer.steun4 {--link: #000;}

@media (max-width: 1333px )
{

  :root {--hpadding: 5vw;}

}

@media (min-width: 1334px )
{

  :root {--hpadding: calc(50vw - ( 0.5 * var(--widthl) ) );}

}


/* ------- #kleuren ------- */

body, main {background-color: var(--body);}
body > header, body > header > * {background-color: #fff;}
.vlak {background-color: var(--achter);}
hr, .wp-block-pullquote, .wp-block-verse {background-color: var(--brood);}
input, textarea, select {background-color: var(--licht);} 
#wppb .alert, #wppb .vskbn-profile-context {background-color: var(--kader);} 

.knop, input[type='submit'], input[type='button'], button[type='submit'], #wppb input[type="button"].wppb-msf-pagination, #wppb input[type="button"].wppb-msf-tabs, .wp-block-button__link, .wp-block-file .wp-block-file__button, .wp-block-search .wp-block-search__button, .wp-block-file > a, #wpadminbar {background-color: var(--knop);}

a.knop:hover, input[type='submit']:hover, input[type='button']:hover, button[type='submit']:hover, #wppb input[type="button"].wppb-msf-pagination:hover, #wppb input[type="button"].wppb-msf-tabs:hover, #wppb input[type="button"].wppb-msf-pagination:hover, #wppb input[type="button"].wppb-msf-tabs:hover, #wppb input[type="button"].wppb-msf-button:hover, .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, .wp-block-search .wp-block-search__button:hover, .wp-block-file > a:hover, .wppb-msf-tabs button:hover {background-color: var(--hover);}

.knop.actief, #wppb input[type="button"].wppb-msf-pagination.wppb-msf-active, #wppb input[type="button"].wppb-msf-pagination:active, #wppb input[type="button"].wppb-msf-pagination:focus, #wppb input[type="button"].wppb-msf-tabs.wppb-msf-active, #wppb input[type="button"].wppb-msf-tabs:active, #wppb input[type="button"].wppb-msf-tabs:focus, #wppb input[type="button"].wppb-msf-button:active, #wppb input[type="button"].wppb-msf-button:focus {background-color: var(--brood);}

select {background-image: linear-gradient(45deg, transparent 50%, var(--linkdiap) 50%), linear-gradient(135deg, var(--linkdiap) 50%, transparent 50%), linear-gradient(to right, var(--link), var(--link));}

select, input[type='range'] {background-color: transparent;}

input[type='range']::-webkit-slider-runnable-track {background-color: var(--brood);}
input[type='range']::-moz-range-track {background-color: var(--brood);}
input[type='range']::-webkit-slider-thumb {background-color: var(--link);}
input[type='range']::-moz-range-thumb {background-color: var(--link);}

body, .vlak {color: var(--brood);}
input, textarea {color: var(--lichtc);}
.wpforms-error, div.wpcf7-response-output, span.wpcf7-not-valid-tip, #wppb .wppb-error, .wppb-form-error {color: red;} 
.label {color: var(--label);}

.herowrap {background-color: rgba(0,0,0,0.15);}

a, a.vlak, .menuwissel > *, .klap > header, .klappers > *:nth-child(1):nth-last-child(1) > header, select, .wpforms-field ul li label, .wppb-form-field ul li label, .login-remember label, .wppb-send-credentials-checkbox label {color: var(--link);}

a:hover, a.vlak:hover, .menuwissel > *:hover, li:hover > a, .klap:hover > header, select:hover, .wpforms-field ul li input:hover + label, .wppb-form-field ul li input:hover + label, .login-remember input:hover + label, .wppb-send-credentials-checkbox label:hover {color: var(--hover);}

.menusel > a, .menusel:hover > a, .klap.open > header, .wpforms-field ul li input:checked + label, .wppb-form-field ul li input:checked + label, .login-remember input:checked + label, .wppb-send-credentials-checkbox label:has(input:checked) {color: var(--brood);}

.current-menu-item > a, .current-menu-parent > a, .current_menu_parent > a, .current-page-parent > a, .current_page_parent > a, .current-page-item > a, .current-menu-ancestor > a, .current-page-ancestor > a, .current-post-ancestor > a, .current-cat > a {color: var(--brood);}

.current-menu-item:hover > a, .current-menu-parent:hover > a, .current_menu_parent:hover > a, .current-page-parent:hover > a, .current_page_parent:hover > a, .current-page-item:hover > a, .current-menu-ancestor:hover > a, .current-page-ancestor:hover > a, .current-post-ancestor:hover > a, .current-cat:hover > a, .menu-item-type-custom:hover > a {color: var(--brood);}

.knop, input[type='submit'], input[type='button'], button[type='submit'], #wppb input[type="button"].wppb-msf-pagination, #wppb input[type="button"].wppb-msf-tabs, .wp-block-button__link, .wp-block-file > a, .wp-block-file .wp-block-file__button, .wp-block-search .wp-block-search__button, .wp-block-pullquote, .wppb-msf-tabs button, #wpadminbar {color: var(--linkdiap);}

a.knop:hover, input[type='submit']:hover, input[type='button']:hover, button[type='submit']:hover, #wppb input[type="button"].wppb-msf-pagination:hover, #wppb input[type="button"].wppb-msf-tabs:hover, .wp-block-file:hover > a, .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, .wp-block-search .wp-block-search__button:hover, .wppb-msf-tabs button:hover {color: var(--hoverdiap);}

select:hover {background-image: linear-gradient(45deg, transparent 50%, var(--hoverdiap) 50%), linear-gradient(135deg, var(--hoverdiap) 50%, transparent 50%), linear-gradient(to right, var(--hover), var(--hover));}

.lijst ul > li::before, .lijst ul.wp-block-list > li::before {color: var(--afwijkend);}
ol > li::before {color: var(--brood);}

.wpforms-field > ul > li::before {color: var(--achter);}
.wp-block-verse {color: var(--afwijkenddiap);}

.kader, #wppb-edit-user {border-color: var(--kader);}
#wppb .wppb-error, .wppb-form-error {border-color: red;}

select {border-color: var(--link);}
select:hover {border-color: var(--hover);}

textarea, input[type='text'] {caret-color: var(--lichtc);}

.naarboven .fa-stack-2x {color: var(--link);}
.naarboven:hover .fa-stack-2x {color: var(--hover);}
.naarboven .fa-stack-1x {color: var(--linkdiap);}
.naarboven:hover .fa-stack-1x {color: var(--hoverdiap);}

.wit .blokken h6 {color: #38b357;}
.wit .steun2 .blokken h6 {color: #fff;}

.wp-block-code {background-color: #FAF9F6; color: #000;}

.video::backdrop {background: yellow; color: black;}

.naarboven .fa-stack-2x {text-shadow: 0 0 10px rgba(18,14,12,0.15);}
.naarboven:hover .fa-stack-2x {text-shadow: 0 0 10px rgba(18,14,12,0.25);}

.kruin {box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);}
.kruin .sub-menu {box-shadow: 0px 10px 20px -15px rgba(0,0,0,0);}
.kruin .menu > li.open > .sub-menu {box-shadow: 0px 10px 20px -15px rgba(0,0,0,0.35);}

select {box-shadow: 0 1px 0 1px rgba(0,0,0,0.04);}
.knop, .wp-block-button__link {box-shadow: 0 0 3px 0 rgba(0,0,0,0.35);}
.knop:hover, .wp-block-button__link:hover {box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);}

.etalage > * header {background-color: rgba(59,163,86,0.7);}
.etalage > a:hover header {background-color: rgba(59,163,86,0.95);}

.herohero *, .herohero *:hover {text-shadow: 0 0 10px rgba(18,14,12,0.25); color: var(--heading);}

.verloop
  {
    background: -webkit-linear-gradient(top, rgba(25,34,71,0.75) 0%, rgba(25,34,71,0) 100% );
    background: -moz-linear-gradient(top, rgba(25,34,71,0.75) 0%, rgba(25,34,71,0) 100% );
    background: -o-linear-gradient(top, rgba(25,34,71,0.75) 0%, rgba(25,34,71,0) 100% );
    background: linear-gradient(top, rgba(25,34,71,0.75) 0%, rgba(25,34,71,0) 100% );
  }


.knop.actief, .etalage > *, .etalage > *:hover {color: var(--heading);}

@media (max-width: 1149px) 
{

  body.wisselmenu > header {box-shadow: 0 0 0 0 rgba(0,0,0,0);}

}

@media (min-width: 1150px) 
{

  body:not(.home):not(.wisselmenu) .kop, body.scrolled .kruin {box-shadow: 0 0 10px 0 rgba(0,0,0,0);}
  body:not(.wisselmenu).scrolled .kop {box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);}

  .sub-menu {background-color: #fff; box-shadow: 0px 15px 30px -15px rgba(0,0,0,0);}
  .menu > li.open > .sub-menu {box-shadow: 0px 15px 30px -15px rgba(0,0,0,0.35);}

} 


/* ------- #transitions #animations ------- */

a, input + label > span, .klap > header {transition: color 0.5s;}

body > header {transition: transform 0.5s;}
.kruin, .kop {transition: box-shadow 0.5s;}

.logo {transition: width 0.5s, padding 0.5s;}
.kopmenu .menu > li > a {transition: line-height 0.5s;}

.menu-item-has-children .sub-menu {transition: max-height 0.5s, opacity 0.5s;}
.menu .sub-menu a {transition: opacity 0.5s;}

body > aside {transition: height 0.5s, margin 0.5s;}

.knop, input[type='submit'], input[type='button'], button[type='submit'], .wp-block-button__link, .wp-block-file .wp-block-file__button {transition: color 0.5s, background-color 0.5s;}
input + label > div {transition: border-color 0.5s;}

.etalage > * header {transition: background 0.5s;}

select {transition: background-image 2.5s;}
video {transition: margin 0.5s;}

.naarboven {transition: transform 1s, opacity 1s;}
.naarboven .fa-stack-1x {transition: color 1s;}
.naarboven .fa-stack-2x {transition: color 1s, text-shadow 1s;}

.grecaptcha-badge {transition: all 0.3s ease !important;}


/* ------- #typografie ------- */

body, h1, h2, h3, h4, h5, h6, input, button, textarea, select, .kruin .menu, pre *, .menuwissel > *:after
  {
    font-family: 'Open Sans', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
}

body, input, button, textarea {line-height: 1.75;}
.themas > * {line-height: 1.5;}
input[type='submit'], input[type='button'], button[type='submit'], .wp-block-search__inside-wrapper button {line-height: 1;}
select, .counter-section header {line-height: 1.1;}
.edag {line-height: 1.2;}
.emaand {line-height: 1;}
.ejaar {line-height: 1.75;}

h1, h2, h3, h4, h5, h6, input, button, textarea, select {margin: 0;}
.i, i:not(.fa), em, .meer, figcaption {font-style: italic;}

h1, h2, h3, h4, h5, h6
  {
    line-height: 1.5;
    padding: 0;
    clear: both;    
  }

body, body:not(.home) h1, h3, h5, h6, input, button, textarea, select, .fsnormal {font-weight: 500;}
body > header .menu a, .kruin .menu, .menuwissel .fa:after {font-weight: 600;}
.home h1, h2, h4, .herohero h2, .home h3, .etalage h3, body > footer h3, .knop, .wp-block-button__link, .b, b, strong, th {font-weight: 700;}

@media screen and (max-width: 399px) { html {font-size: 15px;} }
@media screen and (min-width: 400px) and (max-width: 999px) { html {font-size: calc(15px + 3 * ((100vw - 399px) / 600));} }
@media screen and (min-width: 1000px) { html {font-size: 18px;} }

h1 {font-size: 2.4em;}
.headerblok h1 {font-size: 1.8em;}
h1 .fa-edit:before {font-size: 0.5em; vertical-align: 0.13em;}

body.home h2, table caption {font-size: 1.8em;}
body:not(.home) h2 {font-size: 1.5em;}
#pagination h2 {display: none;}

main h3 {font-size: 1.3em;}
body > footer h3 {font-size: 1.15em;}
.widget h3 {font-size: 1.25em;}

h4 {font-size: 1.2em;}
h5 {font-size: 1.15em; margin-bottom: 0.4em;}
h6 {font-size: 0.95em; margin-bottom: 0.4em;}

.ejaar {font-size: 0.6em;}
.tenm > * {font-size: 0.7em;}

blockquote cite, .datum, body:not(.home) .delen, .widget, code, .fa-copyright, input, textarea, .wpforms-field-number-slider > .wpforms-field-number-slider-hint, .wpforms-error, div.wpcf7-response-output, span.wpcf7-not-valid-tip, .wpforms-field-description, .wpforms-field-limit-text, footer.fsnormal {font-size: 0.8em;}

.kruin, .emaand, input[type='submit'], input[type='button'], button[type='submit'], .wp-block-button__link, figcaption, .wpforms-field-row-block > label, body > footer {font-size: 0.9em;}

select {font-size: 1.25rem;}
.uitsmijter {font-size: 1.15em;}
.txt_l {font-size: 1.35em;}
.counter-section header, .txt_xl, .counter-section .fa {font-size: 2.5em;}
.themas .fa {font-size: 2.4em; transform: translate(-0.12em,0.03em);}

.knoprond_xs.fa {font-size: 0.9em;}
.knoprond_s.fa {font-size: 1em;}
.knoprond_m.fa {font-size: 1.15em;}
.knoprond_l.fa {font-size: 1.3em;}
.knoprond_xl.fa {font-size: 1.6em;}

blockquote > p:first-of-type:before, blockquote > p:last-of-type:after {font-size: 0.65em;}
blockquote {font-size: 1.3em;}

body {letter-spacing: 0.01em;}
h1::first-letter, h2::first-letter, h3::first-letter {text-transform: uppercase;}

h1, h2, h3, h4, h5, h6, blockquote, .txtbal {text-wrap: balance;}

@media (max-width: 900px) 
{

  .kruin .menu > li > a {font-size: 0;}
  .kruin .menu > li > a::before, .menuwissel > div::before {font-size: 20px;}

}

@media (-webkit-min-device-pixel-ratio:0) 
{ 

  select, textarea, input {font-size: 16px !important;} 

}


/* ------- #hoofdindeling ------- */

html, body {max-width: 100vw;}

html {scroll-behavior: smooth;}

body 
  {
    overflow: hidden scroll;
    overscroll-behavior: none;
    scrollbar-gutter: stable both-edges; 
    min-height: calc( 100vh + var(--headhg) );
    margin: 0; 
    padding: 0;
  }

.kruin, main, main > *, body > footer, body > footer > * {position: relative;}

.herohero, .herowrap, main, main > *:not(.blk) {display: block;}
.herohero, .herowrap, .herowrap > div {width: 100vw;}

.herohero {margin-top: var(--headhg);}
.herowrap {height: 100%;}

.hb1 article {max-width: 750px;}
.hb2 article {max-width: 400px;}

.br
  {
    margin-left: auto; 
    margin-right: auto;
    width: 90vw;
  }

.br_s {max-width: var(--widths); --br: 500px;}
.br_m {max-width: var(--widthm); --br: 800px;}
.br_l {max-width: var(--widthl); --br: 1250px;}

@media (min-width: 650px) 
{

  .footer_naw, .footer_snel {padding: calc(0.95 *var(--binnenm) ) 0 0;}

}

@media (min-width: 900px) 
{

  .footer_heading {padding: var(--binnens) 0 0;}

}

@media (max-width: 1149px)
{

  main {padding: calc( var(--headhg) + 3em ) 0 3em 0;}
  .herohero + main {padding-top: 3em;}

  main [id], .myanchor {scroll-margin-top: calc( var(--headhg) + 3em );}

  body > footer {padding: 3em 5vw 5em;}

}

@media (min-width: 1150px) 
{

  main {padding: calc( var(--headhg) + 3em ) 0 6em 0;}
  .herohero + main {padding-top: 6em;}
  .herohero .hh100 {height: 100%;}

  main [id], .myanchor {scroll-margin-top: calc( var(--headhg) + 3em );}

  body > footer {padding: 1.5em var(--zijpad) 5em;}

}


/* ------- #wikkelwerk: blokken balken ------- */

.blk, .menu, .wpforms-entry-preview, .gallery
  {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

.blk > a:not(.blk) {display: block;} 

.balk {flex-wrap: nowrap;}
.blok, .wpforms-entry-preview, .gallery {flex-wrap: wrap;}

.blok, .balk.brr, .wpforms-entry-preview, .gallery {flex-direction: row;}
.bcc {flex-direction: column;}

.balk.brr.vrekken, .balk.bcc.hrekken {align-items: stretch;}
.balk.brr.boven, .balk.bcc.links {align-items: flex-start;}
.balk.brr.beneden, .balk.bcc.rechts {align-items: flex-end;}
.balk.brr.vmidden, .balk.bcc.hmidden {align-items: center;}
.balk.brr.baseline {align-items: baseline;}

.brr.links, .bcc.boven, .invoeg_l {justify-content: flex-start;}
.brr.rechts, .bcc.beneden, .invoeg_r {justify-content: flex-end;}
.brr.hmidden, .bcc.vmidden {justify-content: center;}

.balk.uitvul, .blok.brr.huitvul, .blok.bcc.vuitvul, .blok.uitvul {justify-content: space-between;}
.blok.brr.vuitvul, .blok.bcc.huitvul, .blok.uitvul {align-content: space-between;}

.blok.brr.boven, .blok.bcc.links {align-content: flex-start;}
.blok.brr.beneden, .blok.bcc.rechts {align-content: flex-end;}
.blok.brr.vmidden, .blok.bcc.hmidden {align-content: center;}
.blok.brr.vrekken, .blok.bcc.hrekken {align-content: stretch;}

.midden {place-content: center;}

.bcc.c_breed > *, .bcc.c_breed .wp-block-button__link {width: 100%;}
.bcc.c_breed .wp-block-button__link {display: block;}

.invoeg_l > *, .invoeg_r > * {width: 95vw; max-width: calc( 50vw + ( 0.5 * var(--widthl) ) );}

.invoeg_l > * {padding-left: calc( -1 * var(--binnenl) );}
.invoeg_r > * {padding-right: calc( -1 * var(--binnenl) );}

.invoeg_l > .binnen-invoeg {padding-left: clamp( var(--binnenl), calc(50vw - ( 0.5 * var(--widthl) ) ), 50vw);}
.invoeg_r > .binnen-invoeg {padding-right: clamp( var(--binnenl), calc(50vw - ( 0.5 * var(--widthl) ) ), 50vw);}

.gat_x {gap: 0;}
.gat_xs {gap: var(--gatxs);}
.gat_s {gap: var(--gats);}
.gat_m {gap: var(--gatm);}
.gat_l {gap: var(--gatl);}
.gat_xl {gap: var(--gatxl);}

/* row-gap en column-gap om verschil aan te brengen */

.luiken.gat_xs {--gat: var(--gatxs);}
.luiken.gat_s {--gat: var(--gats);}
.luiken.gat_m {--gat: var(--gatm);}
.luiken.gat_l {--gat: var(--gatl);}
.luiken.gat_xl {--gat: var(--gatxl);}

.brr.luiken:not(.gat_x) > * {--width: calc((100% / var(--items)) - (((var(--items) - 1) / var(--items)) * var(--gat)));}
.brr.luiken.gat_x > * {--width: calc( 100% / var(--items) );}

.bstreepjes > * + *:before {content: '-'; margin-right: var(--gatxs);}

.rtabel 
  {
    display: grid; 
    border-collapse: collapse;
    grid-template-columns: repeat(2, auto);
  }

.rtabel > * {display: contents;}

@media (max-width: 399px) 
{ 

  .brc_400 {flex-direction: row;}
  .bcr_400, .footer_heading {flex-direction: column;}

  .brc_400.r_vrekken, .bcr_400.c_hrekken {align-items: stretch;}
  .brc_400.r_boven, .bcr_400.c_links {align-items: flex-start;}
  .brc_400.r_beneden, .bcr_400.c_rechts {align-items: flex-end;}
  .brc_400.r_vmidden, .bcr_400.c_hmidden {align-items: center;}
  .brc_400.r_links, .bcr_400.c_boven {justify-content: flex-start;}
  .brc_400.r_rechts, .bcr_400.c_beneden {justify-content: flex-end;}
  .brc_400.r_hmidden, .bcr_400.c_vmidden {justify-content: center;}
  .brc_400.r_uitvul, .bcr_400.c_uitvul {justify-content: space-between;}

  .lk2 > *, .lk3 > *, .lk4 > * {--items: 1;}
  .lk5 > * {--items: 2;}
  .lk6 > * {--items: 3;}
  .lk7 > * {--items: 4;}

  .bcr_400.c_breed > * {width: 100%;}
  .brc_400.luiken:not(.gat_x) > * {--width: calc((100% / var(--items)) - (((var(--items) - 1) / var(--items)) * var(--gat)));}
  .brc_400.luiken.gat_x > * {--width: calc( 100% / var(--items) );}

}

@media (min-width: 400px) 
{ 

  .brc_400 {flex-direction: column;}
  .bcr_400 {flex-direction: row;}
  .omenom > *:nth-child(odd) {flex-direction: row-reverse;}

  .bcr_400.r_vrekken, .brc_400.c_hrekken {align-items: stretch;}
  .bcr_400.r_boven, .brc_400.c_links {align-items: flex-start;}
  .bcr_400.r_beneden, .brc_400.c_rechts {align-items: flex-end;}
  .bcr_400.r_vmidden, .brc_400.c_hmidden {align-items: center;}
  .bcr_400.r_baseline {align-items: baseline;}

  .bcr_400.r_links, .brc_400.c_boven {justify-content: flex-start;}
  .bcr_400.r_rechts, .brc_400.c_beneden {justify-content: flex-end;}
  .bcr_400.r_hmidden, .brc_400.c_vmidden {justify-content: center;}
  .bcr_400.r_uitvul, .brc_400.c_uitvul {justify-content: space-between;}


  .brc_400.c_breed > * {width: 100%;}
  .bcr_400.luiken:not(.gat_x) > * {--width: calc((100% / var(--items)) - (((var(--items) - 1) / var(--items)) * var(--gat)));}
  .bcr_400.luiken.gat_x > * {--width: calc( 100% / var(--items) );}

  body > footer .menu {gap: var(--gatx);}

}

@media (min-width: 400px) and (max-width: 649px)
{

  .gallery > * {width: 100%;}

  .lk2 > *, .lk3 > * {--items: 1;}
  .lk4 > * {--items: 2;}
  .lk5 > * {--items: 3;}
  .lk6 > * {--items: 4;}
  .lk7 > * {--items: 5;}

}

@media (min-width: 400px) and (max-width: 899px)
{

  .footer_heading {flex-direction: row; justify-content: space-between;}

}

@media (max-width: 649px) 
{ 

  .brc_650 {flex-direction: row;}
  .bcr_650, body > footer {flex-direction: column;}

  .brc_650.r_vrekken, .bcr_650.c_hrekken {align-items: stretch;}
  .brc_650.r_boven, .bcr_650.c_links {align-items: flex-start;}
  .brc_650.r_beneden, .bcr_650.c_rechts {align-items: flex-end;}
  .brc_650.r_vmidden, .bcr_650.c_hmidden, body > footer {align-items: center;}

  .brc_650.r_links, .bcr_650.c_boven {justify-content: flex-start;}
  .brc_650.r_rechts, .bcr_650.c_beneden {justify-content: flex-end;}
  .brc_650.r_hmidden, .bcr_650.c_vmidden {justify-content: center;}
  .brc_650.r_uitvul, .bcr_650.c_uitvul {justify-content: space-between;}

  .bcr_650.c_breed > * {width: 100%;}
  .brc_400.luiken:not(.gat_x) > * {--width: calc((100% / var(--items)) - (((var(--items) - 1) / var(--items)) * var(--gat)));}
  .brc_400.luiken.gat_x > * {--width: calc( 100% / var(--items) );}

  .footer_naw {text-align: center;}

}

@media (min-width: 650px)
{

  .brc_650 {flex-direction: column;}
  .bcr_650, body > footer {flex-direction: row;}

  .bcr_650.r_vrekken, .brc_650.c_hrekken {align-items: stretch;}
  .bcr_650.r_boven, .brc_650.c_links {align-items: flex-start;}
  .bcr_650.r_beneden, .brc_650.c_rechts {align-items: flex-end;}
  .bcr_650.r_vmidden, .brc_650.c_hmidden {align-items: center;}
  .bcr_650.r_baseline {align-items: baseline;}

  .bcr_650.r_links, .brc_650.c_boven {justify-content: flex-start;}
  .bcr_650.r_rechts, .brc_650.c_beneden {justify-content: flex-end;}
  .bcr_650.r_hmidden, .brc_650.c_vmidden {justify-content: center;}
  .bcr_650.r_uitvul, .brc_650.c_uitvul, body > footer {justify-content: space-between;}

  .brc_650.c_breed > * {width: 100%;}
  .bcr_650.luiken:not(.gat_x) > * {--width: calc((100% / var(--items)) - (((var(--items) - 1) / var(--items)) * var(--gat)));}
  .bcr_650.luiken.gat_x > * {--width: calc( 100% / var(--items) );}

} 

@media (min-width: 650px) and (max-width: 899px)
{

  .gallery > * {width: 100%;}

  .lk2 > * {--items: 1;}
  .lk3 > * {--items: 2;}
  .lk4 > * {--items: 3;}
  .lk5 > * {--items: 4;}
  .lk6 > * {--items: 5;}
  .lk7 > * {--items: 6;}

  body > footer > *:not(.footer_heading) {width: calc( ( 100% - var(--gatl) ) / 2 );}

}

@media (max-width: 899px) 
{ 

  .rtabel_900, .rtabel_900 > * {display: flex;}
  .rtabel_900 {flex-direction: column;}
  .rtabel_900 > * {flex-wrap: wrap;}

  .rtabel_900 .gridkop {display: none;}

  .brc_900 {flex-direction: row;}
  .bcr_900 {flex-direction: column;}

  .brc_900.r_vrekken, .bcr_900.c_hrekken {align-items: stretch;}
  .brc_900.r_boven, .bcr_900.c_links {align-items: flex-start;}
  .brc_900.r_beneden, .bcr_900.c_rechts {align-items: flex-end;}
  .brc_900.r_vmidden, .bcr_900.c_hmidden {align-items: center;}

  .brc_900.r_links, .bcr_900.c_boven {justify-content: flex-start;}
  .brc_900.r_rechts, .bcr_900.c_beneden {justify-content: flex-end;}
  .brc_900.r_hmidden, .bcr_900.c_vmidden {justify-content: center;}
  .brc_900.r_uitvul, .bcr_900.c_uitvul {justify-content: space-between;}

  .bcr_900.c_breed > *, .wpforms-entry-preview > *, .footer_heading {width: 100%;}
  .brc_900.luiken:not(.gat_x) > * {--width: calc((100% / var(--items)) - (((var(--items) - 1) / var(--items)) * var(--gat)));}
  .brc_900.luiken.gat_x > * {--width: calc( 100% / var(--items) );}

  .verberg_899 {display: none;}

}

@media (min-width: 900px)
{

  .rtabel_900 {display: grid; border-collapse: collapse;}
  .rtabel_900 > * {display: contents;}

  .brc_900, .footer_heading {flex-direction: column;}
  .bcr_900 {flex-direction: row;}

  .bcr_900.r_vrekken, .brc_900.c_hrekken {align-items: stretch;}
  .bcr_900.r_boven, .brc_900.c_links {align-items: flex-start;}
  .bcr_900.r_beneden, .brc_900.c_rechts {align-items: flex-end;}
  .bcr_900.r_vmidden, .brc_900.c_hmidden {align-items: center;}
  .bcr_900.r_baseline {align-items: baseline;}

  .bcr_900.r_links, .brc_900.c_boven {justify-content: flex-start;}
  .bcr_900.r_rechts, .brc_900.c_beneden {justify-content: flex-end;}
  .bcr_900.r_hmidden, .brc_900.c_vmidden {justify-content: center;}
  .bcr_900.r_uitvul, .brc_900.c_uitvul, .footer_heading {justify-content: space-between;}

  .lk2 > * {--items: 2;}
  .lk3 > * {--items: 3;}
  .lk4 > * {--items: 4;}
  .lk5 > * {--items: 5;}
  .lk6 > * {--items: 6;}
  .lk7 > * {--items: 7;}

  .brc_900.c_breed > *, .gallery > * {width: 100%;}
  .bcr_900.luiken:not(.gat_x) > * {--width: calc((100% / var(--items)) - (((var(--items) - 1) / var(--items)) * var(--gat)));}
  .bcr_900.luiken.gat_x > * {--width: calc( 100% / var(--items) );}

  .kolommen {column-count: 2; column-gap: var(--gatl);}
  .themas > * {min-height: 85px;}

  .footer_naw {max-width: 400px;}

  .verberg_900 {display: none;}

}

.luiken > *:not(.luik2):not(.luik3):not(.luik4) {width: var(--width); max-width: 100%;}
#pagination {width: 100%;}

.luiken:not(.gat_x) > .luik2 {width: calc((2 * var(--width)) + var(--gat));}
.luiken:not(.gat_x) > .luik3 {width: calc((3 * var(--width)) + (2 * var(--gat)));}
.luiken:not(.gat_x) > .luik4 {width: calc((4 * var(--width)) + (3 * var(--gat)));}
.luiken:not(.gat_x) > .luik5 {width: calc((5 * var(--width)) + (4 * var(--gat)));}
.luiken:not(.gat_x) > .luik6 {width: calc((6 * var(--width)) + (5 * var(--gat)));}

.luiken.gat_x > .luik2 {width: calc(2 * var(--width));}
.luiken.gat_x > .luik3 {width: calc(3 * var(--width));}
.luiken.gat_x > .luik4 {width: calc(4 * var(--width));}
.luiken.gat_x > .luik5 {width: calc(5 * var(--width));}
.luiken.gat_x > .luik6 {width: calc(6 * var(--width));}

.blokcontainer, .tenm {position: relative;}
.blokcontainer > *, .tenm > * {position: absolute;}

.blokcontainer > * 
  {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

.tenm > * {padding: 5px;}

.counter-section 
  {
    position: relative;
    margin-top: calc(-1.25 * var(--binnenl) );
    z-index: 10;
  }

.trefwoordenwolk, .wp-block-tag-cloud 
  {
    line-height: 1; 
    align-items: baseline;
    gap: var(--gats);
  }

.trefwoordenwolk a, .wp-block-tag-cloud a {display: block; margin: 0;}


/* ------- #stapelen------- */

.stapel > * {position: relative;}

@media (min-width: 900px)
{

  .stapel > div {z-index: 10;}
  .stapel > figure {flex: 1;}

  .stapel:not(.st_beeldlinks) > figure {margin-left: -100px;}
  .stapel.st_beeldlinks > div {margin-left: -100px;}

  .st_30 > div {flex: 0 0 30%;}
  .st_40 > div {flex: 0 0 40%;}
  .st_50 > div {flex: 0 0 50%;}
  .st_60 > div {flex: 0 0 60%;}

  .st_hoog_s {top: calc(-0.5 * var(--binnenl));}
  .st_laag_s {bottom: calc(-0.5 * var(--binnenl));}

  .st_hoog_m {top: calc(-1 * var(--binnenl));}
  .st_laag_m {bottom: calc(-1 * var(--binnenl));}

  .st_hoog_l {top: calc(-1.5 * var(--binnenl));}
  .st_laag_l {bottom: calc(-1.5 * var(--binnenl));}


}

/* ------- #marges #binnenmarges #buitenmarges #padding #margin ------- */

@media (max-width: 599px)
{

  .mt_xl .wp-block-columns > *:nth-child(n+2) {margin-top: 90px;}
  .mt_l .wp-block-columns > *:nth-child(n+2) {margin-top: 70px;}
  .mt_m .wp-block-columns > *:nth-child(n+2) {margin-top: 35px;}
  .mt_s .wp-block-columns > *:nth-child(n+2) {margin-top: 15px;}
  .mt_xs .wp-block-columns > *:nth-child(n+2) {margin-top: 10px;}

}

@media (max-width: 1149px)
{

  .mt_xl > *, .mt_xl .wp-block-media-text__content > *, .mt_xl .wp-block-column > *, .mt_xl .wp-block-group__inner-container > * {margin-top: 90px;}
  .mt_l > *, .mt_l .wp-block-media-text__content > *, .mt_l .wp-block-column > *, .mt_l .wp-block-group__inner-container > * {margin-top: 70px;}
  .mt_m > *, .mt_m .wp-block-media-text__content > *, .mt_m .wp-block-column > *, .mt_m .wp-block-group__inner-container > * {margin-top: 35px;}
  .mt_s > *, .mt_s .wp-block-media-text__content > *, .mt_s .wp-block-column > *, .mt_s .wp-block-group__inner-container > * {margin-top: 15px;}
  .mt_xs > *, .mt_xs .wp-block-media-text__content > *, .mt_xs .wp-block-column > *, .mt_xs .wp-block-group__inner-container > * {margin-top: 10px;}

  .widget > *:nth-child(n+2), .textwidget > *:nth-child(n+2), form:not(.wpforms-form) > div:nth-child(n+2), .wpforms-field-container > *:nth-child(n+2), blockquote > *:nth-child(n+2) {margin-top: 15px;}

}

@media (min-width: 1150px)
{

  .mt_xl > *, .mt_xl .wp-block-media-text__content > *, .mt_xl .wp-block-column > *, .mt_xl .wp-block-group__inner-container > * {margin-top: 90px;}
  .mt_l > *, .mt_l .wp-block-media-text__content > *, .mt_l .wp-block-column > *, .mt_l .wp-block-group__inner-container > * {margin-top: 70px;}
  .mt_m > *, .mt_m .wp-block-media-text__content > *, .mt_m .wp-block-column > *, .mt_m .wp-block-group__inner-container > * {margin-top: 35px;}
  .mt_s > *, .mt_s .wp-block-media-text__content > *, .mt_s .wp-block-column > *, .mt_s .wp-block-group__inner-container > * {margin-top: 15px;}
  .mt_xs > *, .mt_xs .wp-block-media-text__content > *, .mt_xs .wp-block-column > *, .mt_xs .wp-block-group__inner-container > * {margin-top: 10px;}

  .widget > *:nth-child(n+2), .textwidget > *:nth-child(n+2), form:not(.wpforms-form) > div:nth-child(n+2), .wpforms-field-container > *:nth-child(n+2), blockquote > *:nth-child(n+2) {margin-top: 15px;}

}

.mt > h1 + *, .mt > h2 + *, .mt > h3 + *, .mt > h4 + *, .mt > h5 + *, .mt > h6 + * {margin-top: 0.9em;}
.mt > *:first-child, .wp-block-media-text__content > *:first-child, .wp-block-column > *:first-child {margin-top: 0;}
.wp-block-media-text__content > h2, .wp-block-media-text__content > h3, .mt > ul, .mt > ol {margin-top: 1.1em;}
.mt > .navigation {margin-top: 0;}
.mt > .wp-block-embed {margin-top: 2em; margin-bottom: 2.2em;}
.mt > .delen {margin-top: 5em;}

.binnen_s, .binnen-nz_s, .binnen-n_s {padding-top: var(--binnens);}
.binnen_m, .binnen-nz_m, .binnen-n_m {padding-top: var(--binnenm);}
.binnen_l, .binnen-nz_l, .binnen-n_l {padding-top: var(--binnenl);}

.binnen_s, .binnen-nz_s, .binnen-z_s {padding-bottom: var(--binnens);}
.binnen_m, .binnen-nz_m, .binnen-z_m {padding-bottom: var(--binnenm);}
.binnen_l, .binnen-nz_l, .binnen-z_l {padding-bottom: var(--binnenl);}

.binnen_s, .binnen-wo_s, .binnen-w_s {padding-left: var(--binnens);}
.binnen_m, .binnen-wo_m, .binnen-w_m {padding-left: var(--binnenm);}
.binnen_l, .binnen-wo_l, .binnen-w_l {padding-left: var(--binnenl);}

.binnen_s, .binnen-wo_s, .binnen-o_s {padding-right: var(--binnens);}
.binnen_m, .binnen-wo_m, .binnen-o_m {padding-right: var(--binnenm);}
.binnen_l, .binnen-wo_l, .binnen-o_l {padding-right: var(--binnenl);}


/* ------- #iconen ------- */

a, :any-link {text-decoration: none;}

.conta a, a .conta, .klapfaq.conta header h5
  {
    border-style: dotted;
    border-width: 0 0 2px 0; 
    padding: 0 0 0.2em 0;
  }

.conta a:hover, a:hover .conta {border-style: solid;}

.fa, body > footer .menu a:after, .kruin .menu > li > a:before
  {
    -moz-osx-font-smoothing: grayscale; 
    -webkit-font-smoothing: antialiased; 
    display: inline-block; 
    font-style: normal; 
    font-variant: normal; 
    text-rendering: auto; 
    line-height: 1;
  }

.klapfaq .klap header .fa, .fa-copyright {line-height: inherit;}
summary .fa {line-height: inherit;}

.fa-stack 
  {
    display: inline-block; 
    position: relative; 
    vertical-align: middle; 
  }

.fa-stack:not(.fa-stack-2) 
  {
    height: 2em; 
    line-height: 2em; 
    width: 2em;
  }

.fa-stack.fa-stack-2 
  {
    height: 3.5em; 
    line-height: 3.5em; 
    width: 3.5em;
  }

.fa-stack > * 
  {
     left: 0; 
     position: absolute; 
     text-align: center; 
     width: 100%;
  }

.fa-stack-1x {line-height: inherit;}
.fa-stack:not(.fa-stack-2) .fa-stack-2x, .downloads .fa {font-size: 2em;}
.fa-stack.fa-stack-2 .fa-stack-2x {font-size: 3.5em;}
.fa-stack.fa-stack-2 .fa-stack-1x {font-size: 1.75em;}
.fa-inverse {color: #fff;}

.fa-fw {width: 1.75em; text-align: left;}
.br_header .fa-fw {text-align: right;}

.fa-angle-down:before, .klapfaq .klap header .fa:before {content: '\f107';}
.fa-angle-left:before {content: '\f104';}
.fa-angle-right:before, .meer i:before, body > footer .menu a:after {content: '\f105';}
.fa-angle-up:before, .klapfaq .klap.open header .fa:before {content: '\f106';}

.fa-thema:before {content: '\f140';}
.themas > *:hover .fa-thema:before {content: '\f111';}
.fa-doc:before {content: '\f15b';}

.fa-data-icon:before {content: attr(data-icon);}

.fa-farm:before {content: '\f6c8';}
.fa-circle-nodes:before {content: '\f5a0';}
.fa-people-group:before {content: '\e533';}
.fa-hand-holding-heart:before {content: '\f4be';}

.fa-bind1:before {content: '\f1b0';}
.fa-bind2:before {content: '\f06c';}
.fa-bind3:before {content: '\f518';}
.fa-bind4:before {content: '\f1b8';}
.fa-bind5:before {content: '\f52b';}

.fa-voor1:before {content: '\f0e3';}
.fa-voor2:before {content: '\f547';}
.fa-voor3:before {content: '\e53e';}
.fa-voor4:before {content: '\e4e2';}
.fa-voor5:before {content: '\f02d';}
.fa-voor6:before {content: '\f073';}

.fa-kb1:before {content: '\f0e3';}
.fa-kb2:before {content: '\f0ae';}
.fa-kb3:before {content: '\f1de';}
.fa-kb4:before {content: '\e4fb';}

.menu-item-has-children > a:after {content: '\f107'; margin-left: 10px;}
.menu-item-has-children.open > a:after {content: '\f106';}

.fa-square:before {content: '\f0c8';}
.fa-circle:before {content: '\f111';}

.fa-search:before {content: '\f002';}
.fa-edit:before {content: '\f044';}
.fa-external:before {content: '\f08e';}
.fa-copyright:before {content: '\f1f9'; line-height: 2.2;}

.fa-instagram:before {content: '\f16d';}
.fa-twitter:before {content: '\e61b';}
.fa-facebook:before {content: '\f39e';}
.fa-linkedin:before {content: '\f0e1';}
.fa-youtube:before {content: '\f167';}
.fa-flickr:before {content: '\f16e';}
.fa-behance:before {content: '\f1b4';}
.fa-pinterest:before {content: '\f231';}
.fa-vimeo:before {content: '\f27d';}

.fa-whatsapp:before {content: '\f232';}
.fa-mail:before {content: '\f0e0';}

.lijst li.li_bewerken:before {content: '\f044';}
.lijst li.li_datum:before {content: '\f073';}
.lijst li.li_onderwerp:before {content: '\f005';}
.lijst li.li_tijd:before {content: '\f017';}

blockquote > p:first-of-type:before {content: '\f10d';}
blockquote > p:last-of-type:after {content: '\f10e';}

.fa-ban:before, .ul-ban > li::before {content: '\f05e';}
.fa-bone:before, .ul-bone > li::before {content: '\f5d7';}

.wp-block-file > a:before {content: '\f07b'; margin: 0 1em 0 0;}

@font-face 
  {
    font-family: 'FAB'; 
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('letters/fa-brands-400.woff2');
  }

.fab {font-family: 'FAB';}

@font-face 
  {
    font-family: 'FAR'; 
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('letters/fa-regular-400.woff2');
  }

.far, .wp-block-file > a:before {font-family: 'FAR';}

@font-face 
  {
    font-family: 'FAS'; 
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('letters/fa-solid-900.woff2');
  }

.fas, blockquote > p:first-of-type:before, blockquote > p:last-of-type:after, .menuwissel > *:before, .menu-item-has-children > a:after, body > footer .menu a:after, .kruin .menu > li > a:before {font-family: 'FAS';}

.naarboven
  {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    z-index: 80;
  }

body:not(.scrolled) .naarboven {transform: translateY(300%); opacity: 0;}
body.scrolled .naarboven {transform: translateY(0); opacity: 1;}

.wp-block-button__link {border-radius: 0.4em; padding: 8px 20px;}

@media (min-width: 800px) 
{

  .fa-whatsapp, .blk > a.fa-whatsapp {display: none;}

}


/* ------- #header #navigatie #footer ------- */

.kopmenu, .sub-menu {overflow: hidden;}
.logo a, .menu a, .trefwoordenwolk a, .wp-block-tag-cloud a {display: block;}
.zoekform header {display: none;}

body > header 
  {
    position: fixed; 
    left: 0;
    top: 0;
    z-index: 90;
    width: 100vw;
  }

body > header > * {padding: 0 var(--zijpad);}

.kruin .menu 
  {
    height: var(--kruinhg);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    gap: var(--gatm);
  }

body > header .logo {padding: var(--logopadex) 0;}
.logo {width: var(--logowidth);}
.logo a {aspect-ratio: 100 / var(--logoar); }

.kruin .menu > li > a {text-align: right;}
.kruin .menu > li > a:before {margin: 0 7px 0 0;}

.kruin .uitgelogd .menu > li.inlogwissel > a:before {content: '\f090';}
.kruin .ingelogd .menu > li.inlogwissel > a:before {content: '\f08b';}

.kruin .menu > li.lidwissel > a:before {content: '\f007';}
.kruin .menu > li.ledenwissel > a:before {content: '\e533';}

.kruin .menu > li.nbwissel > a:before {content: '\f1d8';}
.kruin .menu > li.zoekwissel > a:before {content: '\f002';}

.menuwissel .fa:before {content: '\f0c9';}
.wisselmenu .menuwissel .fa:before {content: '\f00d';}

.kopmenu .menu, .trefwoordenwolk, .wp-block-tag-cloud {gap: var(--gats);}

.sub-menu {width: 95%; max-height: 0; text-align: left;}

.kruin .sub-menu 
  {
    position: absolute;
    max-width: 250px; 
    opacity: 0;
    z-index: 10;
  }

.kruin .menu-item-has-children.open > .sub-menu, .kruin .menu-item-has-children.open > .sub-menu > li a
  {
    overflow: visible; 
    max-height: 250px;
    opacity: 1;
  }

.kruin .sub-menu > li a {padding: 7px 20px;}
.kruin .sub-menu > li:first-child a {padding-top: 20px;}
.kruin .sub-menu > li:last-child a {padding-bottom: 20px;}

.menuwissel > *, .menu-item-has-children > a {cursor: pointer;}
.menu-item-type-custom:not(.menu-item-has-children) > a, .menu-item-has-children > div {cursor: auto;}

.trefwoordenwolk, .wp-block-tag-cloud {line-height: 1; align-items: baseline;}
.trefwoordenwolk a, .wp-block-tag-cloud a {margin: 0;}

body > footer .menu {flex-direction: column;}
body > footer .menu a:after {margin: 0 0 0 7px;}

@media (max-width: 699px)
{ 

  .wisselmenu .kopmenu {padding: calc( 0.5 * var(--zijpad) ) var(--zijpad); height: calc( 100vh - var(--headhg) ); }

}

@media (min-width: 900px) and (max-width: 1149px)
{ 

  .menuwissel .fa:after {content: 'Menu'; margin: 0 0 0 7px;}

}

@media (min-width: 700px) and (max-width: 1149px)
{ 

  .wisselmenu .kopmenu {height: calc( 100vh - var(--headhg) ); padding: var(--zijpad) 0 0 0;}

}


@media (max-width: 900px) 
{

  .kruin .menu > li > a  
  {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
  }

  .kruin .menu > li > a::before {margin: 0;}

}

@media (max-width: 1149px)
{

  body.wisselmenu > *:not(header) {display: none;}

  body:not(.wisselmenu) > header {height: var(--headhg);}
  body.wisselmenu > header {height: 100vh;}

  .menuwissel {height: var(--kruinhg); line-height: var(--kruinhg);}
  .menuwissel > *:before {display: inline-block;}

  .kopmenu {height: 0; width: 100vw;}
  .kopmenu .menu {flex-direction: column;}

  .kop .sub-menu {margin-left: 5%;}
  .kop .menu > li.open > .sub-menu {max-height: 500px;}
  .kop .sub-menu > li a {padding: 10px;}
  .kop .sub-menu > li:first-child a {padding-top: 8px;}
  .kop .sub-menu > li:last-child a {padding-bottom: 8px;}

}

@media (min-width: 1150px) 
{

  body:not(.scrolled) > header {transform: translateY(0);}
  body.scrolled > header {transform: translateY( calc( -1 * var(--kruinhg) ) );}

  .menuwissel {display: none;}

  .kopmenu {order: 20;}
  .kopmenu .menu > li > a {line-height: var(--kophg);}

  .kop .sub-menu 
  {
    position: absolute;
    max-width: 250px; 
    opacity: 0;
    z-index: 10;
  }

  .kop .menu-item-has-children.open > .sub-menu, .kop .menu-item-has-children.open > .sub-menu > li a
  {
    overflow: visible; 
    max-height: 250px;
    opacity: 1;
  }

  .kop .sub-menu > li a {padding: 7px 20px;}
  .kop .sub-menu > li:first-child a {padding-top: 0;}
  .kop .sub-menu > li:last-child a {padding-bottom: 20px;}

}


/* ------- #klappers ------- */

.klap header {cursor: pointer; margin: 0.5em 0;}
.klappers > *:nth-child(1):nth-last-child(1) > header {cursor: auto;}

.klap > div
  {
    overflow: hidden;
    width: 100%;
    height: 0;
    opacity: 0;
  }

.klap.open > div, .klappers > *:nth-child(1):nth-last-child(1) > div
  {
    height: auto;
    opacity: 1;
    overflow: visible;
  }

.klapfaq .klap.open > div, .klapfaq > *:nth-child(1):nth-last-child(1) > div {padding: 0 0 1em 0;}

details {position: relative;}
details summary {cursor: pointer;}

details div 
  {
    background: #eee;
    padding: 1em 2em;
    border-radius: 0.5em;
  }

details[open] div {animation: animateDown 0.2s linear forwards;}

@keyframes animateDown 
{

  0% {opacity: 0; transform: translatey(-15px);}
  100% {opacity: 1; transform: translatey(0);}

}

details div:before 
  {
    content: "";
    border-bottom: 12px solid #eee;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    height: 0;
    left: 10px;
    position: absolute;
    top: -10px;
    width: 0;
  }

.nav-links > *:nth-child(n+2) {display: inline-block; margin: 0 0 0 5px;}


/* ------- #opsomming ------- */

ul, ol {list-style-type: none;} 
.wp-block-list.list-disc {list-style-type: none !important;}

.lijst ul, ol {margin-left: 2em;}
ol {counter-reset: li;}
.lijst ul > li {position: relative;}
li {counter-increment: li;}

ol li::before 
  {
    content: "." counter(li); 
    display: inline-block; 
    width: 1em; 
    margin: 0 1em 0 -2em;
    text-align: right; 
    direction: rtl;
  }

.lijst ul > li::before, .lijst ul.wp-block-list > li::before
  { 
    position: absolute; 
    text-align: left; 
    width: 1.25em;  
    font-family: 'FAS';
    font-weight: 900;
  }

.lijst ul > li::before, .lijst ul.wp-block-list > li::before 
  {
    left: -2em; 
    line-height: 1.95em;
    content: '\f105';
  }

summary:before 
  {
    left: -2em; 
    line-height: 1.75em;
    content: '\f105';
  }

details[open] summary:before {content: '\f107';}

*:not(.lijst) .wpforms-field ul {margin-left: 0;}
.wpforms-field ul > li::before {content: '';}


/* ------- #blockquotes #citaten #kaders #knoppen ------- */

.wp-block-pullquote {margin-bottom: 0;}

blockquote {padding: 0 37px 0 0;}
blockquote > p:first-of-type:before, blockquote > p:last-of-type:after {line-height: 0.1em; vertical-align: 0.35em;}
blockquote > p:first-of-type:before {margin: 0 10px 0 0;}
blockquote > p:last-of-type:after {margin: 0 0 0 10px;}

.kdr_m, .kdr_l {border-style: solid;}
.kdr_m {border-width: 10px;}
.kdr_l {border-width: 20px;}

.knoprond 
  {
    text-align: center;
    border-radius: 100%; 
    aspect-ratio: 1 / 1;
  }

.knoprond_s {width: 30px; line-height: 30px;}
.knoprond_m {width: 40px; line-height: 40px;}
.knoprond_l {width: 50px; line-height: 50px;}
.knoprond_xl {width: 60px; line-height: 60px;}

.knop:not(.knoprond) {border-radius: 0.4em;}
.brond_s {border-radius: 0.4em;}
.brond_m {border-radius: 0.6em;}
.brond_l {border-radius: 0.8em;}

ol.kader, ul.kader {padding-left: calc(2em + 10px);}


/* ------- #beelden ------- */

img, a img, :link img, :visited img {border: 0;}

.of-cv img, .of-cn img, .wp-block-embed-youtube iframe, .ar, .wp-block-embed-youtube .wp-block-embed__wrapper, .wp-block-embed-vimeo .wp-block-embed__wrapper, figure figcaption, .relabs > * {width: 100%;}

figure img, main img {max-width: 100%;}
figure img, a.ar {display: block;}

figure img {height: auto;}

.post-thumbnail img {width: 100% !important; height: auto;}
.wp-block-image img {height: auto !important;}

.of-cv img, .of-cn img, .wp-block-embed-youtube iframe, .etalage > * figure {height: 100%;}
.of-cv img {object-fit: cover;}
.of-cn img {object-fit: contain;}

.of-linksboven img {object-position: 0 0;}
.of-boven img {object-position: 50% 0;}
.of-rechtsboven img {object-position: 100% 0;}
.of-linksmidden img {object-position: 0 50%;}
.of-midden img {object-position: 50% 50%;}
.of-middenrechts img {object-position: 100% 50%;}
.of-linksonder img {object-position: 0 100%;}
.of-onder img {object-position: 50% 100%;}
.of-rechtsonder img {object-position: 100% 100%;}

.alignleft, .alignright {max-width: 40%;}
.alignleft {float: left; margin: 0 15px 5px 0;}
.alignright {float: right; margin: 0 0 5px 15px;}

figure figcaption, .relabs {position: relative;}
figure figcaption {padding: .5em 0 0 0;}

.etalage > * > * {position: absolute; bottom: 0;}
.etalage > * header {min-height: 110px;}

.bg-cn, .bg-cn-boven, .bg-cv, .bg-cv-boven, .bg-70 {background-repeat: no-repeat;}
.bg-cn, .bg-cv, .bg-70 {background-position: 50% 50%;}
.bg-cn-boven, .bg-cv-boven {background-position: 50% 0;}
.bg-cn, .bg-cn-boven {background-size: 100% auto; background-size: contain;}
.bg-cv, .bg-cv-boven {background-size: 100% auto; background-size: cover;}
.bg-70 {background-size: 70% auto;}

.ar169, figure.ar169 > img, .wp-block-embed-youtube .wp-block-embed__wrapper, .wp-block-embed-vimeo .wp-block-embed__wrapper {aspect-ratio: 16 / 9;}

.ar32, figure.ar32 > img {aspect-ratio: 3 / 2;}
.ar43, figure.ar43 > img {aspect-ratio: 4 / 3;}
.arrond, .ar4kant, figure.arrond > img, figure.ar4kant > img {aspect-ratio: 1 / 1;}
*:not(figure).arrond, figure.arrond > img {border-radius: 100%;}

a.ar {display: block;}
.wp-block-embed {margin-bottom: 0;}

figure figcaption {position: relative; padding: .5em 0 0 0;}


/* ------- #tabellen ------- */

.grdtab
  {
    display: grid;
    gap: var(--gatxs);
    border-collapse: collapse;  
    grid-template-columns: 
    minmax(150px, 1fr)
    minmax(150px, 1fr)
  }

.grdtab > * {display: contents;}
.grdtab > header > * {position: sticky; top: 0;}
.grdtab > article > * {overflow: hidden;}

.wp-block-table 
  {
    overflow: hidden;
    overflow-x: scroll;
    display: block;
    margin-bottom: 0;
    padding: 0 0 25px 0;
  }

.wp-block-table table
  {
    border-spacing: 0; 
    border-collapse: collapse;
    padding: 0;
  }

.wp-block-table thead, .wp-block-table tfoot, .wp-block-table tr, .wp-block-table th, .wp-block-table td
  {
    border-style: solid;
    border-width: 0;
    margin: 0;
  }

.wp-block-table, .wp-block-table table, .wp-block-table tr {width: 100%;}
.wp-block-table table, .wp-block-table table caption {width: auto;}
.wp-block-tabletable caption, .wp-block-table th, .wp-block-table td {text-align: left;}
.wp-block-table tr {vertical-align: baseline;}
.wp-block-table th {padding: 0 0 10px 15px;}
.wp-block-table td {padding: 10px 0 10px 15px;}
.wp-block-table tr > *:first-child {padding-left: 0;}
.wp-block-table table caption {padding: 0 0 1em 0;}


/* ------- #lossestijlen ------- */

body {-webkit-text-size-adjust: 100%;}

hr 
  {
    border: 0;
    height: 2px;
    margin: 30px 0 15px 0;
  }

.r {text-align: right;}
.c {text-align: center;}
.h {display: none;}
.t {vertical-align: top;}
.fl {float: left;}
.fr {float: right;}

sup
  {
    vertical-align: 0.5em;
    line-height: 0.05em;
    margin: 0 0 0 1px;
  }

.entry-meta {line-height: 1;}

@media (min-width: 900px) 
{

  .sticky 
  {
    overflow: visible; 
    display: block; 
    position: relative;
  }

  .sticky > * {position: sticky; top: 0;}

}


/* ------- #formulieren ------- */

input, button, textarea, select, .wp-block-search .wp-block-search__inside-wrapper > * {border: none; padding: 5px 10px;}
input[type='file'], input[type='color'] {padding: 0; border: 0;}
input[type='checkbox'], input[type='radio'] {display: none;}

input[type='submit'], input[type='button'], button[type='submit'], input[type='range'], .wp-block-search__inside-wrapper button, select {-webkit-appearance: none; -moz-appearance: none;}

input[type='submit'], input[type='button'], button[type='submit'], .wp-block-search__inside-wrapper button, select {cursor: pointer; padding: 0 10px;}

input, select, input[type='submit'], input[type='button'], button[type='submit'] {height: 35px;}
textarea {height: 150px;} 
textarea.wpforms-field-small {height: 75px;}
textarea.wpforms-field-large {height: 225px;}

input[type='range'], input[type='range']::-ms-track {width: 100%;}
input[type='range']:focus {outline: none;}

input[type='range']::-webkit-slider-thumb {-webkit-appearance: none; -moz-appearance: none;}
input[type='range']::-ms-track, input[type='range']::-webkit-slider-thumb, input[type='range']::-moz-range-thumb, input[type='range']::-ms-thumb {cursor: pointer;}

input[type='range']::-webkit-slider-runnable-track 
  {
    width: 100%;
    height: 3px;
    cursor: pointer;
    border-radius: 1.3px;
  }

input[type='range']::-moz-range-track 
  {
    width: 100%;
    height: 3px;
    cursor: pointer;
  }

input[type='range']::-webkit-slider-thumb 
  {
    -webkit-appearance: none;
    height: 30px;
    width: 15px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: -13px;
  }

input[type='range']::-moz-range-thumb 
  {
    border: none;
    height: 30px;
    width: 15px;
    border-radius: 3px;
    cursor: pointer;
  }

select 
  {
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none; 
    display: block;
    border-width: 1px;
    border-style: solid;
    border-radius: 0.25em;
    background-position: calc(100% - 16px) 12.5px, calc(100% - 9px) 12.5px, 100% 0;
    background-size: 7px 7px, 7px 7px, 35px 35px;
    background-repeat: no-repeat;
    margin: 0;
  }

select::-ms-expand {display: none;}

@media (max-width: 599px) 
{

  .formulier input, .formulier textarea, .formulier select {width: 100%;} 

}

/* ------- #wpforms ------- */

.wpforms-field-container .wpforms-field, .wpforms-submit-container, .wpforms-field-address > div + div {margin: 1em 0 0 0;}
.wpforms-field-address > div + div, .wpforms-field-row > *, .wpforms-field-description, .wpforms-field-limit-text {margin: 0.6em 0 0 0;}
.wpforms-field-container *:first-child, .wpforms-field-row > *:first-child {margin-top: 0;}

.wpforms-field ul li label {cursor: pointer;}
.wpforms-field-number-slider .wpforms-field-medium {background-color: transparent; padding: 0;}
.wpforms-field ul {padding-left: 1.5em;}

.wpforms-field ul label:before
  {
    left: -1.5em; 
    position: absolute; 
    text-align: left; 
    width: 1.5em;  
    font-family: 'FAR'; 
    font-weight: 900;
    line-height: 1.75em;
  }

.wpforms-field ul li input[type='checkbox'] + label:before {content: '\f0c8';}
.wpforms-field ul li input[type='checkbox']:checked + label:before {content: '\f14a';}
.wpforms-field ul li input[type='radio'] + label:before {content: '\f111';}
.wpforms-field ul li input[type='radio']:checked + label:before {content: '\f058';}

.iti__flag-container {width: 55px;}
.iti__flag-container + input[type='tel'] {width: 100%;}

.wpforms-field-radio > ul {display: flex; flex-direction: column;}
.wpforms-field-radio.wpforms-list-2-columns > ul, .wpforms-field-radio.wpforms-list-3-columns > ul, .wpforms-field-radio.wpforms-list-3-columns > ul, .wpforms-field-radio.wpforms-list-inline > ul {flex-wrap: wrap; flex-direction: row;}

.wpforms-field-radio.wpforms-list-2-columns > ul > * {width: calc(50% - 2.5em);}
.wpforms-field-radio.wpforms-list-3-columns > ul > * {width: calc( ( 100% / 3 ) - 2.5em);}

.wpforms-field-radio.wpforms-list-2-columns > ul > *:nth-child(odd) {margin-right: 5em;}
.wpforms-field-radio.wpforms-list-3-columns > ul > *:nth-child(3n+1) {margin-right: 2.5em;}
.wpforms-field-radio.wpforms-list-3-columns > ul > *:nth-child(3n+2) {margin-right: 2.5em;}

.wpforms-field-radio.wpforms-list-inline > ul > * {margin-right: 2.5em;}

.wpforms-hidden {display: none;}

.wpforms-field > *, .wpforms-submit-container button, .wpforms-field-row-block > * {width: 100%; margin: 0.25em 0 0 0;}
.wpforms-field > *:first-child {margin: 0;}

.wpforms-field-row-block
  {
    display: flex; 
    flex-direction: column-reverse;
    width: 100%;
  }

.wpforms-field-hp, .wpforms-label-hide {display: none;}


/* ------- #wppb #profilebuilder ------- */

.wppb-form-field, .wppb-form-field label, .wppb-form-field input, .wppb-password-subfield, .wppb-password-subfield label, .wppb-password-subfield input, #wppb .form-submit input[type='submit'] {width: 100%;}

#wppb .alert, #wppb-edit-user, #wppb .wppb-error, .wppb-form-error, .vskbn-profile-context {border-radius: 0.8em;}

#wppb .alert, #wppb .wppb-error, #wppb .vskbn-profile-context {padding: var(--binnens) var(--binnenm);}
.wppb-form-error {padding: var(--binnens) var(--binnenm); margin-top: 10px;}

#wppb .wppb-error, .wppb-form-error, #wppb-edit-user {border-style: solid;}
#wppb .wppb-error, .wppb-form-error {border-width: 3px;}
#wppb-edit-user {border-width: 20px; padding: var(--binnenl);}
#wppb .vskbn-profile-context {border-width: 0;}

#wppb div#wppb-msf-tabs
  {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gatxs);
  }

#wppb input[type="button"].wppb-msf-tabs {margin: 0; flex: 1;}

.wppb-form-field:not(.wppb-heading), .login-register-lost-password {margin: 1em 0 0 0;}
.wppb-form-field.wppb-heading {margin: 2.5em 0 0 0;}

.wppb-form-field > ul li label, .login-remember label, .wppb-send-credentials-checkbox label {cursor: pointer;}
.wppb-form-field ul, .login-remember, .wppb-send-credentials-checkbox {padding-left: 1.5em;}
.wppb-form-field label, .login-remember label, .wppb-send-credentials-checkbox label {position: relative; display: block;}
#select_user_to_edit_form, .login-remember, .wppb-send-credentials-checkbox {padding-bottom: 1.5em;}
.form-submit {padding-top: 3.5em;}

.wppb-form-field ul label:before, .login-remember label:before, .wppb-send-credentials-checkbox label:before
  {
    left: -1.5em; 
    position: absolute; 
    text-align: left; 
    width: 1.5em;  
    font-family: 'FAR'; 
    font-weight: 900;
    line-height: 1.75em;
  }

.wppb-form-field ul li input[type='checkbox'] + label:before, .login-remember label:before, .wppb-send-credentials-checkbox label:before {content: '\f0c8';}
.wppb-form-field ul li input[type='checkbox']:checked + label:before, .login-remember input[type='checkbox']:checked + label:before, .wppb-send-credentials-checkbox label:has(input:checked):before {content: '\f14a';} 

.wppb-form-field ul li input[type='radio'] + label:before {content: '\f111';}
.wppb-form-field ul li input[type='radio']:checked + label:before {content: '\f058';}

#wppb .wp-block-preformatted, #wppb form, .wppb-form-field, .wppb-radio > ul, .wppb-password-group, .wppb-password-subfield, .wppb-password-field-container, .wppb-msf-step-commands, .form-submit {display: flex; flex-direction: column;}
.wppb-hidden {display: none;}

#wppb-form-style-1-wrapper #wppb-edit-user .wppb-description-delimiter 
{
  display: block;
  margin-top: 8px;
  font-size: 12px;
  color: var(--pb-muted);
}


/* ------- #mailchimp ------- */

.mc-field-group.input-group input[type='checkbox'] + label:before {content: '\f0c8';}
.mc-field-group.input-group input[type='checkbox']:checked + label:before {content: '\f14a';}
.mc-field-group.input-group input[type='radio'] + label:before {content: '\f111';}
.mc-field-group.input-group input[type='radio']:checked + label:before {content: '\f058';}


/* ------- #wp ------- */

.cdp-copy-alert-success {display: none !important;}

.wp-block-columns, .wp-block-verse, .wp-block-audio, .wp-block-audio figcaption, .wp-block-image, .wp-block-image figcaption {margin-bottom: 0;}
.wp-block-gallery, .blocks-gallery-grid, .wp-block-social-links, .wp-block-verse {margin-left: 0;}
.wp-block-verse {margin-right: 0;}

.wp-block-verse {padding: 0.5em 1em;}
.wp-block-code {padding: 1em; overflow-x: auto;}
.wp-block-audio figcaption {padding: 0;}

.wp-block-gallery > li::before, .blocks-gallery-grid > li::before, .wp-block-social-links > li::before {content: '';}

.wp-block-media-text, .wp-block-tag-cloud
  {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
  }

.wp-block-media-text {flex-wrap: nowrap;}
.wp-block-tag-cloud {flex-wrap: wrap;}

.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media, .wp-block-media-text .wp-block-media-text__content, .wp-block-media-text .wp-block-media-text__media {align-self: flex-start;}

@media (max-width: 599px) 
{ 

  .wp-block-media-text, .wp-block-media-text.is-stacked-on-mobile {flex-direction: column; justify-content: flex-start;}

  .wp-block-media-text.is-stacked-on-mobile > * {padding: 8% 0 0 0;}
  .wp-block-media-text.is-stacked-on-mobile > *:first-child {padding: 0;}

}

@media (min-width: 600px) 
{ 

  .wp-block-media-text {flex-direction: row; justify-content: space-between;}

  .wp-block-media-text .wp-block-media-text__content {padding: 0;}
  .has-media-on-the-right > figure {order: 99;}

  .wp-block-media-text__content {width: 67%;}
  .wp-block-media-text__media {width: 25%;}
  .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {padding-left: 0;}

}

.wp-block-media-text__media img {height: auto;}
.wp-block-image {max-width: 800px;}
.wp-block-image figcaption {text-align: left;}

.blocks-gallery-grid {width: 100%;}
.blocks-gallery-grid .blocks-gallery-item {position: relative;}

.blocks-gallery-grid .blocks-gallery-item figure 
  {
    position: relative;
    width: 100%; 
    height: 0;
    padding: 0 0 125% 0;
  }

.blocks-gallery-grid .blocks-gallery-item figure > a {width: 100%; height: 100%;}

.blocks-gallery-grid .blocks-gallery-item figure img
 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%; 
    max-height: 100%;
  }

.wp-block-file {margin: 10px 0;}
.wp-block-file > a {display: block; padding: 8px 20px;}
.wp-block-file > a.wp-block-file__button {display: none;}

.cdp-copy-alert-success {display: none !important;}

#wpadminbar 
  {
    position: fixed;
    bottom: 0; 
    top: auto;
  }

#wpadminbar .menupop .ab-sub-wrapper {bottom: 32px;}
.admin-bar .naarboven {bottom: 50px;}


/* ------- #recaptcha #captcha ------- */

.grecaptcha-badge 
  {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    right: 0 !important;
    bottom: 8em !important;
    bottom: calc(7em + 50px) !important;
  }

.grecaptcha-badge:hover {width: 256px !important;}