/*!
Theme Name: rmwrk
Author: Remco de Waal
Description: rmwrk theme
Version: 7.1
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.5em;
    --gatm: 2.5em;
    --gatl: 3.5em;
    --gatxl: 4.5em;

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

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

    --kruinhg: 60px;
    --kophg: 70px;
    --logoar: 33.3333; 

    --kenlpad: 1em;

    --inputhg: 35px;
    --inputmax: calc( var(--inputhg) + ( 2 * var(--binnens) ) );

    --wit: #fff;
    --blauw: #003452;
    --appel: #6fac2d;
    --sinas: #f1a500;
    --zwart: #000;
    --rood: red;
  }

.lk5 
  {
    --binnens: 1.1em;
    --binnenm: 2.2em;
    --binnenl: 3.3em;
  }

.lk6 
  {
    --binnens: 0.9em;
    --binnenm: 1.8em;
    --binnenl: 2.7em;
  }

.oranje
  {
    --achter: #f1a500;
    --brood: #003452;
    --licht: #fff;
    --link: #fff;
    --linkknop: #6fac2d;
    --linkdiap: #fff;
    --hover: #003452;
    --hoverdiap: #fff;
  }

.loranje
  {
    --achter: #fbcb43;
    --brood: #003452;
    --licht: #eee;
    --link: #6fac2d;
    --linkknop: #6fac2d;
    --linkdiap: #fff;
    --hover: #f1a500;
    --hoverdiap: #fff;
  }

.lgeel
  {
    --achter: #fee681;
    --brood: #003452;
    --licht: #eee;
    --link: #6fac2d;
    --linkdiap: #fff;
    --hover: #f1a500;
    --hoverdiap: #fff;
  }

.wit, .sub-menu
  {
    --achter: #fff;
    --brood: #003452;
    --licht: #eee;
    --link: #6fac2d;
    --linkknop: #6fac2d;
    --linkdiap: #fff;
    --hover: #f1a500;
    --hoverdiap: #fff;
    --afwijkend: #f1a500;
    --afwijkenddiap: #fff;
  }

.groen
  {
    --achter: #6fac2d;
    --brood: #003452;
    --licht: #fff;
    --link: #fff;
    --linkknop: #e0dd00;
    --linkdiap: #fff;
    --hover: #003452;
    --hoverdiap: #fff;
  }

.lgroen
  {
    --achter: #e0dd00;
    --brood: #003452;
    --licht: #fff;
    --link: #fff;
    --linkknop: #6fac2d;
    --linkdiap: #fff;
    --hover: #f1a500;
    --hoverdiap: #fff;
  }

.blauw
  {
    --achter: #003452;
    --brood: #fff;
    --licht: #fff;
    --link: #6fac2d;
    --linkknop: #6fac2d;
    --linkdiap: #fff;
    --hover: #f1a500;
    --hoverdiap: #fff;
  }

.lblauw
  {
    --achter: #339ad3;
    --brood: #fff;
    --licht: #fff;
    --link: #6fac2d;
    --linkknop: #6fac2d;
    --linkdiap: #fff;
    --hover: #f1a500;
    --hoverdiap: #fff;
  }

@media only screen and (max-width: 1333px )
{

  :root 
  { 
    --headhg: var(--kophg); 
    --logopadexboven: 10px;
    --logopadex: calc( 2 * var(--logopadexboven) ); 
  }

}

@media only screen and (min-width: 1334px )
{

  :root 
  { 
    --headhg: calc( var(--kruinhg) + var(--kophg) ); 
    --logopadexboven: 20px; 
    --logopadexonder: 30px; 
    --logopadex: calc( var(--logopadexboven) + var(--logopadexonder) ); 
  }

  body.scrolled
  { 
    --headhg: var(--kophg); 
    --logopadexboven: 10px; 
    --logopadex: calc( 2 * var(--logopadexboven) );
  }

}

:root, body.scrolled
  {
    --logowidth: calc( ( 100 / var(--logoar) ) * ( var(--headhg) - var(--logopadex) ) );
    --focus: green;
    --arrow: var(--link);
  }


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

body {background-color: var(--blauw);}
.sub-menu, .hb_embleem {background-color: var(--wit);}

.vlak {background-color: var(--achter);}
hr, .wp-block-pullquote, .wp-block-verse {background-color: var(--afwijkend);}
input, textarea, select, div.input, div.textarea {background-color: var(--licht);}

input[type='submit'], a.submit, input[type='button'], button[type='submit'], .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(--linkknop);}

input[type='submit'].inputred, .alertred {background-color: var(--rood); color: var(--wit);}

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);}

.vlak, .stijl, input, textarea {color: var(--brood);}
.wpforms-error, div.wpcf7-response-output, span.wpcf7-not-valid-tip {color: red;}

a, .wis_02 > div, .klap > header, .klappers > *:nth-child(1):nth-last-child(1) > header, select, .naarboven .fa-stack-2x, .wpforms-field ul li input[type='checkbox'] + label:before, .wpforms-field ul li input[type='radio'] + label:before {color: var(--link);}

input[type='submit'], a.submit, input[type='button'], button[type='submit'], .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, #wpadminbar, .naarboven .fa-stack-1x {color: var(--linkdiap);}

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

.kdr_m {border-color: var(--brood);}
.kdr_l {border-color: var(--afwijkend);}
select {border-color: var(--link);}

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

.itempodcast iframe {background-color: #f4f4f4;}
.wp-block-code {background-color: #faf9f6; color: #000;}
.video::backdrop {background: yellow; color: black;}

a:hover, .wis_02 > div:hover, .menu li > a:hover, .menu-item-type-custom > a:hover {color: var(--hover);}

input[type='submit']:hover, a.submit:hover, input[type='button']:hover, button[type='submit']:hover, .wp-block-file > a:hover, .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, .wp-block-search .wp-block-search__button:hover, .naarboven:hover .fa-stack-2x {color: var(--hoverdiap);}

.klap.open > header, .wpforms-field ul li input:checked + label, .wisselsel, .wisselsel:hover, nav a.actief {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);}

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

.sub-menu li:hover a, .klap:hover > header, .wpforms-field ul li input:hover + label {filter: brightness(65%);}

input[type='submit']:hover, a.submit:hover, input[type='button']:hover, button[type='submit']:hover, .wp-block-file > a:hover, .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, .wp-block-search .wp-block-search__button:hover {filter: brightness(90%);}

.kaartblokken > a:hover {filter: brightness(96%);}

.naarboven .fa-stack-2x {text-shadow: 0 0 10px rgba(50,68,91,0.25);}

select {box-shadow: 0 1px 0 1px rgba(50,68,91,0.04);}
.kdr_s, .sh, .sh-wrapper > * {box-shadow: 0 0 15px rgba(50,68,91,0.25);}
a.sh:hover, a:hover .sh {box-shadow: 0 0 15px rgba(50,68,91,0.5);}

@media only screen and (max-width: 1333px) 
{

  body > header {box-shadow: 0 0 10px rgba(50,68,91,0.25);}

}

@media only screen and (min-width: 1334px) 
{

  body > header {box-shadow: 0 0 10px rgba(50,68,91,0);}
  body.scrolled > header {box-shadow: 0 0 10px rgba(50,68,91,0.25);}

  .wis_01 > div {box-shadow: 0 0 15px rgba(50,68,91,0.25);}

  .sub-menu {box-shadow: 0 8px 8px rgba(50,68,91,0);}
  .menu > li.open > .sub-menu, .kopmenu .menu > li:hover > .sub-menu, .menu-item-has-children.open > .sub-menu {box-shadow: 0 8px 8px rgba(50,68,91,0.25);}

} 


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

.naarboven {transition: height 1.5s;} 

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

main {transition: padding 0.5s;} 

.itemsticky > div {transition: top 0.5s;}

input[type='submit'], a.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;}

select {transition: background-image 2.5s;}
.sh, .sh-wrapper > a {transition: box-shadow 2s, color 0.5s;}
video {transition: margin 0.5s;}

.menu li > a, .sub-menu li a, .klap > header, select, .ntwrkblokken a header, input[type='submit'], input[type='button'], button[type='submit'], select, .wp-block-file > a, .wp-block-button__link, .wp-block-file .wp-block-file__button, .wp-block-search .wp-block-search__button, .kaartblokken a {transition: color 0.5s, filter 0.5s;}

.objscale:not(.wrapobj) > *, .objscale.wrapmidden {transition: transform 250ms ease-in-out;}

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

@media only screen and (min-width: 1334px) 
{

  body > header {transition: height 0.5s, box-shadow 0.5s;}
  .logo {transition: padding 0.5s, width 0.5s;}
  .wis_01 {transition: height 0.5s, width 0.5s, transform 0.5s;}
  .wis_01 >div {transition: transform 0.5s;}

}


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

@font-face 
{
  font-family: 'AnnaN';
  src: url('letters/AvenirNextLTPro-Regular.woff2') format('woff2'),
      url('letters/AvenirNextLTPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face 
{
  font-family: 'AnnaI';
  src: url('letters/AvenirNextLTPro-It.woff2') format('woff2'),
      url('letters/AvenirNextLTPro-It.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face 
{
  font-family: 'AnnaB';
  src: url('letters/AvenirNextLTPro-Bold.woff2') format('woff2'),
    url('letters/AvenirNextLTPro-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face 
{
  font-family: 'AnnaBI';
  src: url('letters/AvenirNextLTPro-BoldIt.woff2') format('woff2'),
    url('letters/AvenirNextLTPro-BoldIt.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

body, body:not(.home) h1, h2.blokken, h4, h5.blokken, h6, input, button, textarea, select, .wis_01 > *:after {font-family: 'AnnaN', sans-serif; font-weight: normal;}
body.home h1, body.page-template-page-huis h1, h2:not(.blokken), h5:not(.blokken), .kopmenu .menu > li > a, .wis_02 span, .infomenu .current-menu-item > a, .b, b, strong, th, .wrapdatum > *:not(.evenjaar) {font-family: 'AnnaB', sans-serif; font-weight: bold;}
body:not(.home) h3, body:not(.page-template-page-huis) h3, .i, i, em, .meer, figcaption {font-family: 'AnnaI', sans-serif; font-style: italic;}

body, input, div.input, button, textarea, div.textarea {line-height: 1.75;}
input[type='submit'], a.submit, input[type='button'], button[type='submit'], .wp-block-search__inside-wrapper button {line-height: 1;}
select {line-height: 1.1;} 
a.submit {line-height: var(--inputmax);}
.wrapdatum > .evendag {line-height: 1;}
.wrapdatum > *:not(.evendag) {line-height: 1.5;}

h1, h2, h3, h4, h5, h6, input, button, textarea, select {margin: 0;}

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

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

body:not(.home) h1 {font-size: 1.8em;}
body.home h1, body.page-template-page-huis h1 {font-size: 1.8em;}

body:not(.home) h2, table caption {font-size: 1.1em;}
body.home h2, body.page-template-page-huis h2 {font-size: 1.35em;}

body:not(.home) h3 {font-size: 1.1em;}
body.home h3, body.page-template-page-huis h3 {font-size: 1.25em;}
.widget h3 {font-size: 1.25em;}

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

.wissels .fa:before, .evenjaar, ul > li:before, ol > li:before, blockquote cite, .delen, .widget, code, .voet .fa, h5 div, h5 ul, 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 {font-size: 0.8em;}
.blokalert, input[type='submit'], a.submit, input[type='button'], button[type='submit'], .wp-block-button__link, figcaption, .wpforms-field-row-block > label, .voet {font-size: 0.9em;}
.evenmaand {font-size: 1.1em;}
select {font-size: 1.25rem;}
.toggle .fa:before, .fa.wrapmidden:before {font-size: 1.25em;}
.evendag, .bsm a:before {font-size: 1.5em;}

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;}
.lower {text-transform: lowercase;}

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

@media only screen and (min-width: 1334px) 
{

  .wissels, .wissels .fa:before {font-size: 0.8em;}

}

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

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

}


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

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

html 
  {
    scroll-behavior: smooth;
    overflow-y: scroll;
    overflow-y: overlay;
  }

body 
  {
    overscroll-behavior: none;
    scrollbar-gutter: stable both-edges;
    min-height: calc( 100vh + 75px );
  }

body > figure, main, main > *:not(.blk):not(.raster):not(script) {display: block;}

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

.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: 1200px;}

body > footer > div {width: 100vw; height: 100%;}

@media only screen and (max-width: 1333px)
{

  main {padding: calc(var(--headhg) + 2em) 0 5em 0;}
  body > figure + main {padding-top: 2em;}
  main [id], .myanchor {scroll-margin-top: calc( var(--headhg) + 2em );}
  .staart {padding: 2em var(--zijpad); background-image: url('images/footer.jpg');}
  .voet {padding: 2em var(--zijpad) 4em var(--zijpad);}

}

@media only screen and (min-width: 1334px) 
{

  main {padding: calc( var(--headhg) + var(--kruinhg) ) 0 5em 0;}
  body > figure + main {padding-top: 2em;}
  main [id], .myanchor {scroll-margin-top: calc( var(--headhg) + 4em );}
  .staart {padding: 2.5em var(--zijpad); background-image: url('images/footer.jpg');}
  .voet {padding: 2.5em var(--zijpad) 3.5em var(--zijpad);}

}


/* ------- #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, .hoofdblok.tboven {flex-direction: column;}
.hoofdblok.tbeneden {flex-direction: column-reverse;}

.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 {justify-content: flex-start;}
.brr.rechts, .bcc.beneden {justify-content: flex-end;}
.brr.hmidden, .bcc.vmidden {justify-content: center;}

.balk.uitvul, .blok.brr.huitvul, .blok.bcc.vuitvul, .blok.uitvul, .hoofdblok.tboven {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;}

.bcc.c_breed > * {width: 100%;}

.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);}

.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) );}

.brr.luiken.blokken > nav {--width: 100%;}

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

.rtabel > * {display: contents;}

@media only screen and (max-width: 399px) 
{ 

  .brc_400 {flex-direction: row;}
  .bcr_400, body > footer .menu {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) );}

  .filter a {min-width: calc( ( 100% - ( 3 * var(--gatxs) ) ) / 2 );}

}

@media only screen and (min-width: 400px) 
{ 

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

  .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_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;}
  .bcr_400.r_baseline {align-items: baseline;}

  .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(--gats);}

}

@media only screen and (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;}

  .filter a {min-width: calc( ( 100% - ( 3 * var(--gatxs) ) ) / 3 );}

}

@media only screen and (max-width: 649px) 
{ 

  .brc_650 {flex-direction: row;}
  .bcr_650 {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 {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 > *, .filter > * {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) );}

  .filter > * {gap: var(--gatxs);}

}

@media only screen and (min-width: 650px)
{

  .brc_650 {flex-direction: column;}
  .bcr_650 {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_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 {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) );}

  .hoofdblok > figure {flex-grow: 1;}
  .filter > * {gap: var(--gats);}

  .bcr_650.ekanalen {gap: var(--gats);}
  .bcr_650.streepjes {gap: var(--gatxs);}
  .bcr_650.streepjes > * + *:before {content: '-'; margin: 0 var(--gatxs) 0 0;}

} 

@media only screen and (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;}

}

@media only screen and (max-width: 899px) 
{ 

  .raster900 {display: flex;}

  .brc_900 {flex-direction: row;}
  .bcr_900, .c_tboven {flex-direction: column;}
  .c_tbeneden {flex-direction: column-reverse;}

  .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 > *, .bduo_900 > *, #zoekblok form {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) );}

  .staart > .luiken > *:not(.luik2):not(.luik3):not(.luik4):not(.luik5) {width: 100%;}

  .verberg_899, .3min1 > *:last-child {display: none;}
}

@media only screen and (min-width: 900px)
{

  .raster900 {display: grid;}
  .ragenda {grid-template-columns: minmax(150px, 5fr) minmax(350px, 1fr) minmax(40px, 50px);}

  .brc_900 {flex-direction: column;}
  .bcr_900, .r_tlinks {flex-direction: row;}
  .r_trechts {flex-direction: row-reverse;}

  .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_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 {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 > *, .zijblokken ~ *, #zoekblok {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 > *, .bduo_900.gat_x > * {--width: calc( 100% / var(--items) );}

  .hoofdblok {width: calc( 0.7 * ( 100% - var(--gatm) ) );}
  .zijblokken {width: calc( 0.3 * ( 100% - var(--gatm) ) );}
  .zijblokken ~ * {margin-top: calc( var(--gatxl) - var(--gatm) );}

  .verberg_900 {display: none;}

}

.luiken > *:not(.luik2):not(.luik3):not(.luik4):not(.luik5) {width: var(--width); max-width: 100%;}
.luiken.blokken > nav {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));}

.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;}


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

@media only screen and (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 only screen and (max-width: 899px)
{

  .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), blockquote > *:nth-child(n+2) {margin-top: 15px;}

}

@media only screen and (min-width: 900px)
{

  .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), 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 > .uitsmijter {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);}

.bduo_900:not(.wit) > article {padding: var(--binnenm);}

@media only screen and (max-width: 899px)
{

  .bduo_900.c_tboven.wit > article {padding-bottom: var(--binnenm);}
  .bduo_900.c_tbeneden.wit > article {padding-top: var(--binnenm);}

}

@media only screen and (min-width: 900px)
{

  .bduo_900.r_tlinks.wit > article {padding-right: var(--binnenm);}
  .bduo_900.r_trechts.wit > article {padding-left: var(--binnenm);}

}


/* ------- #video ------- */

video
  {
    width: 100%; 
    object-fit: cover;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: auto;
    overflow: visible;
    border-collapse: separate;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulate;
    touch-action: manipulate;
  }

body > figure video
  {
    height: 100%; 
    height: calc(100vh - 70px);
    width: 100vw;
  }


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

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
  {
    -moz-osx-font-smoothing: grayscale; 
    -webkit-font-smoothing: antialiased;  
    font-style: normal; 
    font-variant: normal; 
    text-rendering: auto; 
    line-height: 1;
  }

.klapfaq .klap header .fa, body > footer .balk > .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 {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 {content: '\f105';}
.fa-angle-up:before, .klapfaq .klap.open header .fa:before {content: '\f106';}
.fa-square:before {content: '\f0c8';}
.fa-circle:before {content: '\f111';}

.fa-search:before {content: '\f002';}
.fa-edit:before {content: '\f044';}
.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-apple:before {content: '\f179';}
.fa-spotify:before {content: '\f1bc';}

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

.fa-sort-a-z:before {content: '\f15d';}
.fa-sort-z-a:before {content: '\f881';}
.fa-rand:before {content: '\f074';}

.fa.kenlnwsbfr:before {content: '\f1d8';}
.fa.kenlvideo:before {content: '\f04b';}

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') format('woff2'), url('letters/fa-brands-400.ttf') format('truetype');
  }

.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') format('woff2'), url('letters/fa-regular-400.ttf') format('truetype');
  }

.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') format('woff2'), url('letters/fa-solid-900.ttf') format('truetype');
  }

.fas, blockquote > p:first-of-type:before, blockquote > p:last-of-type:after, .wis_02 i:before, .menu-item-has-children > a:after {font-family: 'FAS'; font-weight: 900;}

.naarboven
  {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    z-index: 80;
    transform: translateY(300%);
  }

body.scrolled .naarboven {transform: translateY(0);}

.wp-block-button__link {border-radius: 0.4em; padding: 10px 25px;}

@media only screen and (min-width: 800px) 
{

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

}

@media only screen and (max-width: 899px) 
{

  .li-aanmelden .fa:before {content: '\f107';}

}

@media only screen and (min-width: 900px) 
{

  .li-aanmelden .fa:before {content: '\f105';}

}


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

.logo a, .menu a, .trefwoordenwolk a, .wp-block-tag-cloud a {display: block;}
.zoekform header {display: none;}
body > header {width: 100vw;}

body > header 
  {
    position: fixed; 
    left: 0;
    z-index: 90;
  }

.logo {width: var(--logowidth);}
.logo a {aspect-ratio: 100 / var(--logoar); margin: var(--logopadexboven) 0 0 0;}

body > header > div > *:not(.logo) {order: 40;}

.wissels > *:before {display: inline-block; min-width: 20px;}

.fa-account:before {content: '\f007';}
.fa-uitloggen:before {content: '\f08b';}
.fa-inloggen:before {content: '\f090';}
.fa-zoeken:before {content: '\f002';}
.fa-beheer:before {content: '\f411';}

.accountwissel .fa:before {content: '\f007';}
.menuwissel .fa:before {content: '\f0c9';}
.wisselmenu .menuwissel .fa:before, .wisselaccount .accountwissel .fa:before {content: '\f00d';}

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

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

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

.infomenu .menu {gap: var(--gatxs);}

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

@media only screen and (max-width: 699px)
{ 

  .wis_02 {gap: var(--gatl);}
  .wis_02 span {display: none;}
  .wisselmenu .kopmenu {height: calc( 100vh - var(--headhg) ); flex-direction: column; gap: var(--gatxs);}

}

@media only screen and (min-width: 700px) and (max-width: 1333px)
{ 

  .wis_02 {gap: var(--gatm);}
  .kopmenu .menu {gap: var(--gatxs);}

}

@media only screen and (max-width: 499px)
{ 

  .infomenu .menu {flex-direction: column;}

}

@media only screen and (min-width: 500px) and (max-width: 899px)
{ 

  .infomenu .menu {flex-direction: row; flex-wrap: wrap;}
  .infomenu .menu > li {width: calc( ( 100% - var(--gatxs) ) / 2 );}

}

@media only screen and (min-width: 900px) and (max-width: 1333px)
{ 

  .infomenu .menu {flex-direction: column;}

}

@media only screen and (max-width: 1333px)
{

  body.wisselmenu > *:not(header), .wis_01, body.wisselmenu .wis_02 > *:not(.menuwissel), body.wisselaccount .wis_02 > *:not(.accountwissel), .verberg_1333 {display: none;}
  body.wisselmenu .wis_02, body.wisselaccount .wis_01 {display: flex;}

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

  .kopmenu 
  {
    width: 100vw;
    height: 0;
    overflow: hidden;
  }

  .wis_01, .wis_01 > div {width: 100%;}
  body > header > div > .wis_01 {order: 99;}
  .wis_01 > div {flex-direction: column; gap: var(--gatxs);}
  .wis_02 {height: var(--headhg);}

  body.wisselmenu .kopmenu, body.wisselaccount .wis_01 > div
  {
    display: flex;
    height: calc( 100vh - var(--headhg)); 
    padding: var(--zijpad) 0;
  }

  .kopmenu .menu {flex-direction: column; gap: var(--gatxs);}

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

}

@media only screen and (min-width: 1334px) 
{

  .logo a, .kopmenu .sub-menu {position: absolute;}

  body > header {height: var(--headhg);}

  .logo {position: relative;}
  .logo a {z-index: 99;}

  .verberg_1334 {display: none;}

  .wis_01 
  {
    width: calc( 100% - var(--logowidth) );
    height: var(--kruinhg); 
    margin-right: calc( -1 * var(--binnens) );
    padding: 0 var(--binnens);
    overflow: hidden; 
  }

  body.scrolled .wis_01 {height: 0; transform: translateY(-100%);}

  .wis_01 > div 
  {
    flex-direction: row; 
    align-items: center; 
    gap: var(--gatm);
  }

  body.scrolled .wis_01 > div {transform: translateY(-100%);}

  .kopmenu {width: 100%; margin-left: calc( var(--logogroot) + var(--gatxl) );}

  body > header .menu {justify-content: flex-end; gap: var(--gats);}
  .kopmenu .menu > li > a {line-height: var(--kophg);}

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

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

  .sub-menu > li a {padding: 4px 5%; opacity: 0;}
  .sub-menu > li:first-child a {padding-top: 8px;}
  .sub-menu > li:last-child a {padding-bottom: 8px;}

  .kopmenu .menu > li:hover > .sub-menu > li a, .menu-item-has-children.open > .sub-menu > li a, .menu-item-has-children.open > .sub-menu > li a {opacity: 1;}

  .infomenu .menu {flex-direction: column;}

}


/* ------- #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; 
    -webkit-transform: translatey(-15px);
    transform: translatey(-15px);
  }

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

}

@-webkit-keyframes animateDown 
{

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

  100% 
  {
    opacity: 1; 
    -webkit-transform: translatey(0);
    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, summary {list-style-type: none;} 
.lijst ul:not(.wp-block-social-links), ol, summary {margin: 0 0 0 2em;}
.lijst ul:not(.wp-block-social-links), ol, summary {margin: 0 0 0 2em;}
ol {counter-reset: li;}
.lijst ul:not(.wp-block-social-links) > li, summary {position: relative;}
li {counter-increment: li;}

.lijst ul:not(.wp-block-social-links) > li:not(.li-far):before, summary:before {font-family: 'FAS';}
.lijst ul > li.li-far:before {font-family: 'FAR';}

ol li::before {content: "." counter(li);}
.wpforms-field ul > li:before {content: '';}

.lijst ul:not(.wp-block-social-links) > li:before {content: '\f111';}
.lijst ul:not(.wp-block-social-links) > li ul li:before {content: '\f0c8';}

.fa-status:before, .lijst ul > li.li-status:before {content: '\e533';}
.fa-datum:before, .lijst ul > li.li-datum:before {content: '\f073';}
.fa-tijd:before, .lijst ul > li.li-tijd:before {content: '\f017';}
.fa-location:before, .lijst ul > li.li-location:before {content: '\f3c5';}
.fa-check:before, .lijst ul > li.li-check:before {content: '\f00c';}
.fa-video:before, .lijst ul > li.li-video:before {content: '\f26c';}
.fa-aanmelden:before, .lijst ul > li.li-aanmelden:before {content: '\f52b';}

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

ol li::before 
  { 
    display: inline-block; 
    width: 1em; 
    margin: 0 1em 0 -2em;
    text-align: right; 
    direction: rtl;
  }

.lijst ul:not(.wp-block-social-links) > li:before, summary:before
  { 
    position: absolute; 
    text-align: left; 
    width: 2.5em;  
    
    font-weight: 900;
  }

.lijst ul:not(.wp-block-social-links) > li:before {left: -2.5em; line-height: 2em;}
summary:before {left: -2em; line-height: 1.75em;}

*:not(.lijst) .wpforms-field ul {margin-left: 0;}


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

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

blockquote {padding: 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;}

body > header .kader {border-radius: 0 0 1em 1em;}
body > *:not(header) .kader:not(.blokalert) {border-radius: 1em;}
ol.kader, ul.kader {padding-left: calc(2em + 10px);}

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


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

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

figure img 
  {
    display: block; 
    max-width: 100%;
    height: auto;
  }

main img {max-width: 100%;}
.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 {width: 100%; height: 100%;}
.of-cv img {object-fit: cover;}
.of-cn img {object-fit: contain;}

.of-linksboven img, .kenllig 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 
  {
    position: relative;
    width: 100%;
    padding: .5em 0 0 0;
  }

.bg-cn, .bg-cn-boven, .bg-cv-boven, .bg-cv, .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;}

.hb_embleem 
  {
    top: var(--binnenm);
    left: var(--binnenm);
    width: 125px; 
    background-size: auto 70%;
  }

.ar, .wp-block-embed-youtube .wp-block-embed__wrapper, .wp-block-embed-vimeo .wp-block-embed__wrapper {width: 100%;}

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

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

.ar32, figure.ar32 > img {aspect-ratio: 3 / 2;}
.ar43, figure.ar43 > img {aspect-ratio: 4 / 3;}
.ar21, figure.ar21 > img , .blokken .figwrap {aspect-ratio: 2 / 1;}

.arrond, .ar4kant, figure.arrond > img, figure.ar4kant > img {aspect-ratio: 1 / 1;}
.arrond {border-radius: 100%;}

.homebalk {width: 100%;}
.pkanalen figure {max-width: 60px;}

.ofhidden {overflow: hidden;}
.ofborder {border-width: 5px; border-style: solid;}

@media only screen and (max-width: 899px) 
{

  .bduo_900 > figure {aspect-ratio: 16 / 9;}

}


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

.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;}


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

.zoekform, input[type='range'], input[type='range']::-ms-track, a.submit {width: 100%;}
input, button, textarea, div.textarea, a.submit, select, .wp-block-search .wp-block-search__inside-wrapper > * {border: none; padding: 5px 10px;}
input[type='file'], input[type='color'] {padding: 0; border: 0;}
a.submit {display: block; text-align: center;}

input[type='submit'], a.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'], a.submit, input[type='button'], button[type='submit'], .wp-block-search__inside-wrapper button {cursor: pointer; padding: 0 10px;}
select {cursor: pointer; padding: 0 0 0 10px;}

input, div.input, select, input[type='submit'], a.submit, input[type='button'], button[type='submit'] {height: var(--inputmax);}
textarea, div.textarea {height: 150px;} 
textarea.wpforms-field-small {height: 75px;}
textarea.wpforms-field-large {height: 225px;}

input[type='checkbox'], input[type='radio'] 
  {
    width: 0;
    height: 0;
    opacity: 0;
  }

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% - 26px) 22.5px, calc(100% - 19px) 22.5px, 100% 0;
    background-size: 7px 7px, 7px 7px, var(--inputmax) var(--inputmax);
    background-repeat: no-repeat;
    margin: 0;
  }

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

@media only screen and (max-width: 599px) 
{

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

}

.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-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;}

.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';}


/* ------- #kaartblokken #kijkenluister #evenementen #zijblokken ------- */

.kaartblokken > *:not(.ingelogd) {border-radius: 0 0 1em 1em;}
.kaartblokken > .ingelogd {border-radius: 0 0 0 1em;}

.wrapdatum {border-radius: 0.5em;}
.blokalert {border-radius: 0.5em 0.5em 0 0;}

.figwrap, .itemsticky, .kaartblokken > a {position: relative;}
.figwrap > *, .blokalert {position: absolute;}

.itempodcast iframe, .itemvideo iframe, .figaside, .bduo_900 .figwrap > img {width: 100%;}

.figaside {height: 100%; overflow: hidden;}
.figwrap .kenlportret {height: calc( 100% - 5px );}

.kenlportret {max-width: 300px;}
.rlid {max-width: 200px;}

body:not(.home) .kenllig {height: 60%; max-height: calc( 100% - ( 2 * var(--kenlpad) ) );}
body.home .kenllig {height: calc( 100% - ( 2 * var(--kenlpad) ) );}

.figwrap .kenlportret, .kenllig {top: var(--kenlpad);}
.figwrap .kenlportret {right: var(--kenlpad);}
.kenllig {left: var(--kenlpad);}

.figwrap .kenlportret, .figwrap .wrapobj {border: 5px solid var(--wit);}

.figwrap .wrapobj {top: 50%;}
.figwrap .wrapdatum {left: var(--kenlpad); transform: translateY(-50%);}

.blokalert 
  {
    right: 0; 
    bottom: 50%; 
    transform-origin: 100% 50%;
    transform: rotate(-90deg) translate(40%,-50%);
    padding: 0.25em 0.6em;
  }

.figwrap .wrapmidden 
  {
    left: 50%; 
    transform: translate(-50%, -50%);
    width: calc( 3 * var(--kenlpad) );
  }

a:hover *:not(.kenlportret).objscale:not(.wrapobj) > * {transform: scale(1.05);}
a:hover .kenlportret.objscale:not(.wrapobj) > * {transform: scale(1.1);}
a:hover .objscale.wrapmidden {transform: scale(1.05) translate(-50%, -50%);}

.wrapdatum {padding: 0.5em;}

.kenlnwsbfr {padding-right: calc( 0.3 * var(--kenlpad) );}
.kenlvideo {padding-left: calc( 0.3 * var(--kenlpad) );}

.kaartblokken header {padding: calc( 1.25 * var(--kenlpad) ) var(--kenlpad);}
.kaartblokken > .ingelogd header {padding-right: calc( 2.5 * var(--kenlpad) );}

.kaartblokken h5 div {padding-bottom: calc( 0.175 * var(--kenlpad) );}
.kaartblokken ul {padding: 0 calc( 1.25 * var(--kenlpad) ) calc( 1.15 * var(--kenlpad) ) calc( 1.25 * var(--kenlpad) ) ;}

.itempodcast iframe {height: calc( 241px + ( 2 * var(--binnenm) ) );}
.itemvideo iframe {aspect-ratio: 16 / 9;}

@media only screen and (max-width: 649px) 
{

  .zijblokken > * {width: 100%;}

}

@media only screen and (min-width: 650px) 
{

  .bcr_650 .itemsticky {overflow: visible; display: block;}
  .bcr_650 .itemsticky > div {position: sticky;}

}

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

  .zijblokken > * {width: calc( ( 100% - var(--gats) ) / 2 );}
  .kalenderblokken > *:nth-child(3) {display: none;}

}

@media only screen and (min-width: 900px) 
{

  .zijblokken > * {width: 100%;}
  .bcr_900 .itemsticky {overflow: visible; display: block;}
  .bcr_900 .itemsticky > div {position: sticky;}

}

@media only screen and (min-width: 650px) and (max-width: 1333px)
{

  .bcr_650 .itemsticky > div {top: calc( var(--headhg) + 2em );}

}

@media only screen and (min-width: 900px) and (max-width: 1333px)
{

  .bcr_900 .itemsticky > div {top: calc( var(--headhg) + 2em );}

}

@media only screen and (min-width: 1334px) 
{

  .itemsticky > div {top: calc( var(--headhg) + var(--kruinhg) );}

}


/* ------- #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 only screen and (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 only screen and (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: 10px 25px;}
.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;
    right: 0 !important;
    bottom: 8em !important;
    bottom: calc(7em + 50px) !important;
  }

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