@charset "utf-8";
/*
Theme Name: Nijm Style
Theme URI: http://www.nijm.nl/
Description: Nijm Webdesign & Hosting Theme.
Version: 1.5
Author: Arjan Nijmeijer
Author URI: http://www.nijm.nl/
Tags: fixed width, two columns, three columns, widgets, special

Nijm Theme by Arjan Nijmeijer || http://www.nijm.nl
Modifications by Arjan Nijmeijer || http://www.nijm.nl
This theme is the main theme for Nijm Webdesign and Hosting.
*/

:root{
    --blue:#212982;
    --hoverblue:#131a63;
    --dark:#1a1d22;
    --text:#000;
    --muted:#667085;
    --light:#f4f7fb;
    --line:#e4e7ec;
    --radius:0;
}

/********** RESET **********/
html {  font-family: sans-serif;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; box-sizing: border-box; }
main, article, section, aside, nav, header, footer, figure, figcaption, details, hgroup, menu, summary { display: block; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
figure{ margin-bottom:0; }

.single-product .summary{ padding-left:32px;}


/********** BASE **********/
body{ background-color:#FFF; font-family: 'Roboto', Inter, Arial, sans-serif; font-weight: 400; font-style: normal;  font-size:18px; color:#000; }


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ margin-bottom: 0.5rem; font-weight: 400; line-height: 1.6; color: inherit; }
h1, .h1{ font-size: 42px; line-height:52px; margin-bottom:16px; }
h2, .h2{ font-size: 28px; line-height:46px; margin-bottom:16px; }
h3, .h3 { font-size: 24px; line-height:28px;  }
h4, .h4 { font-size: 1.25rem; }
h5, .h5 { font-size: 1rem; }
h6, .h6 { font-size: 0.8rem; }
 
td, p, li{ font-size:100%; line-height:1.6; margin-bottom:16px; }
h1,h2,h3,h4,h5,h6,strong { font-weight:bold; }
img{ border:none; max-width:100%; }
abbr,acronym { border-bottom:1px dotted #000;cursor:help;}
em { font-style:italic;}
blockquote,ul,ol,dl { margin:1em;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
ol,ul,dl { margin-left:2em;}
ol li { list-style: decimal outside; }
ul li { list-style: disc outside;}
dl dd { margin-left:1em;}
th,td { border:1px solid #000; padding:.5em; }
th { font-weight:bold; text-align:center;}
caption { margin-bottom:.5em;text-align:center;}
p,fieldset,table { margin-bottom:1em; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
*, *:before, *:after { box-sizing: inherit; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; border:none; }

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; }

/********** GRID **********/
#quickacces{ display:block; height:0; width:1px; overflow:hidden; }



.container{ margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; width: 100%; }
.container-fluid{  margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; width: 100%; max-width:1900px; }
.row{  display: flex; display: -ms-flexbox; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; ms-flex-wrap: wrap; }
.no-gutters{  margin-left: 0; margin-right: 0; }
.no-gutters > .col,
.no-gutters > [class*="col-"]{  padding-left: 0; padding-right: 0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto{  min-height: 1px; padding-left: 15px; padding-right: 15px;  width: 100%; }
.col{ flex-basis: 0; flex-grow: 1; max-width: 100%; ms-flex-positive: 1; ms-flex-preferred-size: 0; }
.col-auto{ flex: 0 0 auto; max-width: none; ms-flex: 0 0 auto; width: auto; }
.col-1{ flex: 0 0 8.333333%; max-width: 8.333333%; ms-flex: 0 0 8.333333%; }
.col-2{ flex: 0 0 16.666667%; max-width: 16.666667%; ms-flex: 0 0 16.666667%; }
.col-3{ flex: 0 0 25%; max-width: 25%; ms-flex: 0 0 25%; }
.col-4{ flex: 0 0 33.333333%; max-width: 33.333333%; ms-flex: 0 0 33.333333%; }
.col-5{ flex: 0 0 41.666667%; max-width: 41.666667%; ms-flex: 0 0 41.666667%; }
.col-6{ flex: 0 0 50%; max-width: 50%; ms-flex: 0 0 50%; }
.col-7{ flex: 0 0 58.333333%; max-width: 58.333333%; ms-flex: 0 0 58.333333%; }
.col-8{ flex: 0 0 66.666667%; max-width: 66.666667%; ms-flex: 0 0 66.666667%; }
.col-9{ flex: 0 0 75%; max-width: 75%; ms-flex: 0 0 75%; }
.col-10{ flex: 0 0 83.333333%; max-width: 83.333333%; ms-flex: 0 0 83.333333%; }
.col-11{ flex: 0 0 91.666667%; max-width: 91.666667%; ms-flex: 0 0 91.666667%; }
.col-12{ flex: 0 0 100%; max-width: 100%; ms-flex: 0 0 100%; }
.order-first{ ms-flex-order: -1; order: -1; }
.order-1{ ms-flex-order: 1; order: 1; }
.order-2{ ms-flex-order: 2; order: 2; }
.order-3{ ms-flex-order: 3; order: 3; }
.order-4{ ms-flex-order: 4; order: 4; }
.order-5{ ms-flex-order: 5; order: 5; }
.order-6{ ms-flex-order: 6; order: 6; }
.order-7{ ms-flex-order: 7; order: 7; }
.order-8{ ms-flex-order: 8; order: 8; }
.order-9{ ms-flex-order: 9; order: 9; }
.order-10{ ms-flex-order: 10; order: 10; }
.order-11{ ms-flex-order: 11; order: 11; }
.order-12{ ms-flex-order: 12; order: 12; }
.offset-1{ margin-left: 8.333333%; }
.offset-2{ margin-left: 16.666667%; }
.offset-3{ margin-left: 25%; }
.offset-4{ margin-left: 33.333333%; }
.offset-5{ margin-left: 41.666667%; }
.offset-6{ margin-left: 50%; }
.offset-7{ margin-left: 58.333333%; }
.offset-8{ margin-left: 66.666667%; }
.offset-9{ margin-left: 75%; }
.offset-10{ margin-left: 83.333333%; }
.offset-11{ margin-left: 91.666667%; }

.flex-row{ flex-direction: row !important; ms-flex-direction: row !important; }
.flex-column{ flex-direction: column !important; ms-flex-direction: column !important; }
.flex-row-reverse{ flex-direction: row-reverse !important; ms-flex-direction: row-reverse !important; }
.flex-column-reverse{ flex-direction: column-reverse !important; ms-flex-direction: column-reverse !important; }
.flex-wrap{ flex-wrap: wrap !important; ms-flex-wrap: wrap !important; }
.flex-nowrap{ flex-wrap: nowrap !important; ms-flex-wrap: nowrap !important; }
.flex-wrap-reverse{ flex-wrap: wrap-reverse !important; ms-flex-wrap: wrap-reverse !important; }
.justify-content-start{ justify-content: flex-start !important; ms-flex-pack: start !important; }
.justify-content-end{ justify-content: flex-end !important; ms-flex-pack: end !important; }
.justify-content-center{ justify-content: center !important; ms-flex-pack: center !important; }
.justify-content-between{ justify-content: space-between !important; ms-flex-pack: justify !important; }
.justify-content-around{ justify-content: space-around !important; ms-flex-pack: distribute !important; }
.align-items-start{ align-items: flex-start !important; ms-flex-align: start !important; }
.align-items-end{ align-items: flex-end !important; ms-flex-align: end !important; }
.align-items-center{ align-items: center !important; ms-flex-align: center !important; }
.align-items-baseline{ align-items: baseline !important; ms-flex-align: baseline !important; }
.align-items-stretch{ align-items: stretch !important; ms-flex-align: stretch !important; }
.align-content-start{ align-content: flex-start !important; ms-flex-line-pack: start !important; }
.align-content-end{ align-content: flex-end !important; ms-flex-line-pack: end !important; }
.align-content-center{ align-content: center !important; ms-flex-line-pack: center !important; }
.align-content-between{ align-content: space-between !important; ms-flex-line-pack: justify !important; }
.align-content-around{ align-content: space-around !important; ms-flex-line-pack: distribute !important; }
.align-content-stretch{ align-content: stretch !important; ms-flex-line-pack: stretch !important; }
.align-self-auto{ align-self: auto !important; ms-flex-item-align: auto !important; }
.align-self-start{ align-self: flex-start !important; ms-flex-item-align: start !important; }
.align-self-end{ align-self: flex-end !important; ms-flex-item-align: end !important; }
.align-self-center{ align-self: center !important; ms-flex-item-align: center !important; }
.align-self-baseline{ align-self: baseline !important; ms-flex-item-align: baseline !important; }
.align-self-stretch{ align-self: stretch !important; ms-flex-item-align: stretch !important; }

.d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-table { display: table !important; }
.d-table-row { display: table-row !important; }
.d-table-cell { display: table-cell !important; }
.d-flex { display: -ms-flexbox !important; display: flex !important; }
.d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; }

.frm_forms{ background:#F1F1F1; padding:24px; border-radius:6px;}
.frm_forms h3{ margin-bottom:0 !important; padding-top:0 !important; line-height:1 !important;}

.frm_style_formidable-stijlen.with_frm_style .frm-show-form .frm_section_heading h3[class*="frm_pos_"]{
    padding-top:0 !important;
}

.with_frm_style .frm_radio label, .with_frm_style .frm_checkbox label{ font-size:16px;}

.frm_style_formidable-stijlen.with_frm_style .frm_section_heading{ margin-top:0;}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #343232;
}

.products .clickable-product {
    cursor: pointer;
}

.products .clickable-product img {
    transition: transform 0.3s ease;
}

.products .clickable-product:hover img {
    transform: scale(1.03);
}

#frm_field_14_container {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 30px;
	row-gap: 8px;
}

/* Het label moet over beide kolommen lopen */
#frm_field_14_container > .frm_primary_label {
	grid-column: 1 / -1;
}

/* Checkboxen netjes binnen hun kolom */
#frm_field_14_container > .frm_checkbox {
	width: 100%;
	margin: 0;
}

.page-id-150 #content  .clickable-product{  transition:0.4s; }
.page-id-150 #content  .clickable-product:hover{  transition:0.4s; transform: translateY(-6px); box-shadow: 0 18px 50px rgba(16, 24, 40, .10); }

#content .products .wp-block-group{ background: #fff; border: 1px solid #e4e7ec; border-radius: 0; padding: 26px 26px 10px 26px; transition: .2s; }
#content .products .wp-block-group:hover {transform: translateY(-6px); box-shadow: 0 18px 50px rgba(16, 24, 40, .10); }

#content .products .wp-block-group  h3{ font-size: 24px; margin: 0 0 12px; }
#content .products .wp-block-group .wp-block-image { height: 250px; border-radius: 22px; background: linear-gradient(135deg, #e8edf4, #fff, #ccd3df);  margin-bottom: 25px; position: relative; overflow: hidden; }
#content .products .wp-block-group .wp-block-image img{ height:250px; object-fit:cover;}
#content .products .wp-block-group a{ font-weight:bold; color:#212982; text-decoration: none; }

#content .kicker { margin-bottom:0; font-size: 13px; font-weight: 900;letter-spacing: .18em;text-transform: uppercase; color: #212982; }
#content h2{ font-size: 56px; line-height: 1; letter-spacing: -.05em; margin:0 0 10px 0; }

.target-menu{display:flex; position:absolute; margin-left:24px; margin-top:20px; max-width:220px;background:#eef2ff;border-radius:999px;padding:5px;gap:4px}
.target-menu a{padding:10px 16px; font-size:14px; text-decoration:none; border-radius:999px;color:#212982;}
.target-menu a.active{background:#212982;color:#fff}


/********** TOP **********/
#topbar{ background:#1a1d22; color:#FFF; font-size: 14px; }
#topbar .container{ display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; }
#topbar a{ color:#FFF; text-decoration: none; }

#content .rank-math-question{ cursor:pointer; font-size:20px; margin-bottom:0; background:url('assets/images/+.svg') no-repeat top 18px right 12px;}
#content .rank-math-question.active{ background:url('assets/images/-.svg') no-repeat top 22px right 12px;}
#content .rank-math-list-item{ border-bottom:1px solid #FFFFFF50; margin-bottom:24px; padding-bottom:24px;}
#content .rank-math-answer{  max-height: 0; overflow: hidden; transition: max-height 1.6s ease; }
#content .rank-math-list-item .rank-math-answer.active { max-height: 500px; }

.page-id-19 #content img{ max-height:200px; object-fit:cover;}

#content .is-style-rounded img{ border-radius:10px;}
.error404{   }

/********** HEADER **********/
#header{ transition:0.4s;  position:sticky; top:0; z-index:9999; width:100%; display:block; padding: 0 0 12px 0; background:#000;   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);  }
#header.scrolled{ background:#FFF; transition:0.4s; }
#header.scrolled #menu a{ color:#000; transition:0.4s; }
#header.scrolled #menu .button a{ color:#FFF;}
#header.scrolled #logoDark{ display:none; }
#header.scrolled #logoLight{ display:block !important; }

#header a{ display:block;  cursor:pointer;  }
#header #logo{ margin:0 0 32px 0;  padding-top:12px; position:relative; z-index:3; width: 70%;   }
#header #logo img{ margin-top:-6px; vertical-align: middle;  }

#header .site-title{ text-indent: -9999px; position: absolute; }
#header .site-description{ text-indent: -9999px; position: absolute; }

.home .wp-block-gallery{ max-width:900px; overflow: hidden; margin:0 auto;}

/********** MENU **********/
#mobile-menu{ position:absolute;  width:50px;  top:14px; right:32px; cursor:pointer; }
#mobile-menu #icon { outline:0; padding: 15px 15px; display: inline-block;  cursor: pointer; transition-property: opacity, filter;  transition-duration: 0.15s; transition-timing-function: linear; font: inherit;  color: inherit;  text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }
#mobile-menu #icon:hover { opacity: 0.7; }
#mobile-menu #icon.is-active:hover { opacity: 0.7; }
#mobile-menu #icon.is-active .inner,
#mobile-menu #icon.is-active .inner::before,
#mobile-menu #icon.is-active .inner::after { background-color: #FFF; }
#mobile-menu #icon .box { width: 60px; height: 24px; display: inline-block; position: relative; }
#mobile-menu #icon .inner { display: block; top: 50%; margin-top: -2px; }
#mobile-menu #icon .inner, .inner::before, .inner::after { width: 40px; height: 4px; background-color: #FFF; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
#mobile-menu #icon .inner::before, .inner::after { content: ""; display: block; }
#mobile-menu #icon .inner::before { top: -10px; }
#mobile-menu #icon .inner::after { bottom: -10px; }

.scrolled #mobile-menu #icon .inner, .scrolled .inner::before, .scrolled .inner::after{ background-color: #000; }
.scrolled  #mobile-menu #icon.is-active .inner::after { background-color: #000; }
#mobile-menu #icon.animation--spin .inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
#mobile-menu #icon.animation--spin .inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
#mobile-menu #icon.animation--spin .inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
#mobile-menu #icon.animation--spin.is-active .inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
#mobile-menu #icon.animation--spin.is-active .inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
#mobile-menu #icon.animation--spin.is-active .inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

#menu {  margin:0 auto; }
#menu ul{ padding:0; margin:0; }
#menu li{ list-style:none; }
#menu li a{ text-align:center; display:block;  width:100%; padding:16px; font-size: 17px; color:#000; text-decoration:none;  }
#menu li li a{ background:#dedede;}

.menu-hoofdmenu-container{ display:none; }

.post-type-archive-nijm_portfolioitem #menu-item-3214 a{ font-weight:bold; color:#000;}
.post-type-archive-nijm_portfolioitem .meta, .blog .meta{ display:none; }

#content .frm_success_style{border:none !important; background:transparent !important;}

.pagination{ margin-top: 32px; }
.page-numbers{ background: #FFF; color:#0e2b72 !important; padding: 8px 16px; margin: 32px 4px 0 4px; }
.page-numbers:hover{ background:#0e2b72;  }
.page-numbers.current{ background:#0e2b72;}

.blok{ padding:24px 12px; border-radius:10px; }

/********** CONTENT **********/
#content .wp-block-buttons{ margin-bottom:16px;}
#content .ctahomeblock .wp-block-buttons{ margin-bottom:0 !important; padding-bottom:8px !important;}

#content .lessergap{ gap:20px;}

.hero h1, .page-hero h1 {
    font-size: clamp(46px, 7vw, 66px);
    line-height: .95;
    letter-spacing: -.06em;
    margin: 22px 0;
}

.hero p, .page-hero p {
    font-size: 20px;
    line-height: 1.2;
    max-width: 670px;
    margin-top:32px;
    margin-bottom:32px;
    color: rgba(255, 255, 255, .92);
}

.btn{text-decoration:none; margin-right:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 24px;font-weight:900;border:0;cursor:pointer}
.btn-blue{background:var(--blue);color:#fff;box-shadow:0 12px 24px rgba(40,56,144,.22);  transition:0.4s; }
.btn-blue:hover{ background:var(--hoverblue); color:#FFF !important; transition:0.4s; }
.btn-dark{background:var(--dark);color:#fff}
.btn-white{background:#fff;color:var(--blue)}
.btn-outline{border:1px solid var(--line);background:#fff;color:var(--dark)}
.btn.btn-blue.active{ color:#FFF !important;}

#content .boxhoov{ cursor:pointer; box-shadow:2px 2px 8px #00000000; transition:0.4s; border-radius:10px; padding-bottom:18px;}
#content .boxhoov figure{ margin-bottom:12px; filter: brightness(90%); transition:0.4s; overflow:hidden;  }
#content .boxhoov p,
#content .boxhoov h2,
#content .boxhoov h3,
#content .boxhoov ul,
#content .boxhoov .wp-block-buttons{ padding:0 18px; }
#content .wp-block-buttons{ padding-bottom:24px; margin-top:24px;}
#content .boxhoov .wp-block-image img, #content .boxhoov .wp-block-image{ border-radius:10px 10px 0 0; height:186px; object-fit:cover; }

#content .boxhoov img{ transition:0.4s;}
#content .boxhoov:hover{ box-shadow:2px 2px 24px #00000090; background:#0e2b72 !important; transition:0.4s;}
#content .boxhoov:hover figure{filter: brightness(100%);  transition:0.4s; }
#content .boxhoov:hover img{ transform:scale(1.04); transition:0.4s; }

#menu .button a{ border-radius: 26px; color:#FFF; padding: 8px 24px 8px 24px !important; background: #212982; text-decoration:none !important;  transition:0.4s;  }
#menu .button a:hover{  background-color:#0e2b72 !important; color:#000 !important;  border:1px solid #0e2b72;   transition:0.4s;  }


#content h1{ font-size:56px; line-height:56px; }
#content h2{ font-size:40px; line-height:56px;}
#content h3{ font-size:28px; line-height:46px;}
#content h2.has-large-font-size{ font-size:44px; line-height:56px;}
#content p{  margin-bottom:16px;}
#content p.has-medium-font-size{ font-size:28px !important; line-height: 32px; }

#content a{ color:#0e2b72; }
#content li{ margin-bottom:4px;}
#content img{ height:auto; border-radius:16px; }

#content .gallery{  display:flex; height:100px; align-content: center; justify-content: center; gap:60px;}
#content .gallery figure{ padding:0 14px; height:100px; max-width:120px; margin-bottom:0; display: flex;  align-items: center;  justify-content: center;  margin:0 14px !important; display:block; }
#content .gallery img{  max-height: 100%; max-width: 100%; object-fit: contain;  }
#content .wp-block-gallery.flickity-enabled { display: block !important; padding: 0;  margin: 0 auto; }
#content .wp-block-gallery.flickity-enabled figure { display: flex !important;  align-items: center; justify-content: center;  margin: 0 15px; padding:15px; height:350px;  }
#content .wp-block-gallery.flickity-enabled img { max-height: 100%; width: auto; height: auto; display: block; }
.home #content  .wp-block-gallery.flickity-enabled figure { height: 120px; }
#content .boxhoov .wp-block-buttons{ position:absolute; bottom:0;   }

#content .placeholder{ height:200px; background:#333; width:100%; overflow:hidden; }
#content .wp-block-button__link{ font-weight:bold; border-radius:6px;}

.noshow{ display:none; }

.alignright { float:right; margin:10px 20px; }
.alignleft { float:left;  margin:10px 20px;}

.gallery-item{ float:left; margin: 0; }

.blog article .holder, .archive article .holder{ background:#2D153E; text-decoration:none;  border-radius: 10px; box-shadow: 0 8px 24px 0 rgba(36,37,42,0.1); }
.blog .entry-content, .archive .entry-content {padding:8px 24px 8px 24px;}

.blog .entry-header img, .archive .entry-header img{ width: 100%; height:263px;  }
.blog a, .archive a{  text-decoration:none; font-size:16px; }
.blog a h2, .archive a h2{ color:#000; margin-top:8px; text-decoration:none; font-size: 26px !important; line-height: 24px; font-weight: 700; }
.blog p.readmore, .archive p.readmore{ display:inline-block; text-align:center;  transition:0.4s; bottom:0;  background:#0e2b72; border-radius:10px; padding:5px 16px; color:#FFF;}
.blog p.readmore a, .archive p.readmore a{ width:100%; background:#0e2b72; display:block; color:#FFF !important; text-decoration:none; }
.blog p.readmore:hover, .archive p.readmore:hover{ background:#0e2b72; transition:0.4s; }

article header ul { float:left; width:100%; margin: 0 0 32px 0; padding: 8px; font-size:90%; }
article header li { margin-left: 0; list-style: none; float: left; margin-right: 16px; }
article header .tag a { font-size:80%; text-transform: uppercase; text-decoration: none; margin-right: 3px; background-color: #E2E2E2; padding: 6px 10px; font-weight: bold; text-align: center; }

article footer.meta{ display:none; }
#content .frm_forms{ max-width:85%;}
#content .frm_forms h2{ font-size:56px; }
#content .frm_forms p{ font-size:18px; }
#content .formholder{ padding:48px; border-radius: 10px;}
#content .frm_forms label{ }
#content .frm_forms input, #content .frm_forms textarea{ border:1px solid #000; transition:0.4s; }
#content .frm_forms input:focus, #content .frm_forms textarea:focus{ border:1px solid #0e2b72; transition:0.4s; }

.noborder td{ border:none; padding:0 0 4px; }
.pagination{ text-align:center;}
#content{ padding-top:100px;}
#content .holder ul{ padding:0; margin:0 0 16px 0;}
#content .holder li{ list-style:none; font-size:15px; margin:0; padding:0; background:url('assets/images/vink.svg') no-repeat left center; padding-left:24px; background-size:cover; background-size:12px; }

#content .equal-height{}
#content .padding-block .wp-block-group{ padding:48px 24px; }
#content .padding-block .has-x-large-font-size{ margin:0; }
#content iframe{ width:100%; }
.page-id-9 #content img{height:250px; width:250px; margin:0 auto; object-fit: contain;}
.parent-pageid-19 #content img, .parent-pageid-7 #content img{height:250px; width:250px; margin:0 auto; object-fit: contain;}
#content .equal-height { display: flex; }
#content .equal-height > .wp-block-column { display: flex; flex-direction: column; }
#content .equal-height > .wp-block-column > .wp-block-group { flex: 1; display: flex; flex-direction: column; }

#content .tel-icoon, #content .mail-icoon {  margin:0;  }
#content .tel-icoon a, #content .mail-icoon a {  color:#FFF; text-decoration:none; padding-left:28px;   }
#content .tel-icoon a{background:url('assets/images/icon-phone.svg') no-repeat left center;}
#content .mail-icoon a{background:url('assets/images/icon-mail.svg') no-repeat left center;}
#content .tel-icoon a:hover, #content .mail-icoon a:hover{ text-decoration:underline; }

#head h1 { color:#FFF; text-shadow:3px 1px 0 #0e2b72; margin-bottom:0 }
#head p{ color:#FFF; text-shadow:2px 2px 8px #00000090;}

.padding32{ padding:32px 32px 18px 32px; }
.border{ border:1px solid #e4e7ec;}
#content .padding32 h3{ font-size:24px;}

.choice-grid{margin-top:-220px;position:relative;z-index:3}
.choice-card{ transition:0.4s; min-height:200px;border-radius:var(--radius);padding:20px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:var(--dark);box-shadow:0 20px 50px rgba(16,24,40,.16)}
.choice-card.blue{background:var(--blue)}
.choice-card.gray{ background:#f6c222;}
.choice-card.gray1{ background:red;}

.choice-card:hover{ transform:scale(1.02); transition:0.4s;}

/********** FOOTER **********/
#footer{ background:#080909; padding:64px 0;  color:#FFF; font-size:16px;  }
#footer a{ color:#FFF; }
#footer .title{ color:#FFF; font-size:28px;     font-family: "Lobster", sans-serif;}
#footer .col-md-2  a{ color:#FFF; text-decoration:none; text-decoration:none; transition:0.4s; }
#footer .col-md-2  a:hover{ color:#212982; text-decoration:none; padding-left:3px; transition:0.4s;  }
#footer #credits{ font-size:70%; color:#FFFFFF; text-align:center; margin-top:32px; padding:8px 0; }
#footer #credits a{ color:#FFFFFF; text-decoration:none;  }
#footer #credits a:hover{ text-decoration:underline; }
#footer  ul{ padding:0; margin:0;}
#footer  .col-md-2  li{ margin:0; list-style:none; padding-left:18px; background:url('./assets/images/arrowfooter.svg') no-repeat center left; background-size:16px; transition:0.4s; }
#footer  .col-md-2  li:hover{ background-position:center left 4px; transition:0.4s;}

#footer #facebook, #footer #google, #footer #twitter, #footer #linkedin{ display:inline-block; padding:12px; margin-right:8px;}
#footer #facebook{ background: url('https://nijm.nl/wp-content/themes/nijm/assets/images/svg/icon-facebook.svg') no-repeat center center; background-size: cover; }
#footer #google{ background: url('https://nijm.nl/wp-content/themes/nijm/assets/images/svg/icon-google-plus.svg') no-repeat center center; background-size: cover;  }
#footer #twitter{background: url('https://nijm.nl/wp-content/themes/nijm/assets/images/svg/icon-twitter.svg') no-repeat center center; background-size: cover;  }
#footer #linkedin{ background: url('https://nijm.nl/wp-content/themes/nijm/assets/images/svg/icon-linkedin.svg') no-repeat center center; background-size: cover;  }

#head :where(.wp-element-button, .wp-block-button__link) {
    background-color: #212982;
}
.mevo-product-page {
    color: #212982;
}

.mevo-hero {
    padding: 70px 50px;
    border-radius: 28px;
    background: linear-gradient(135deg, #f3f7f9 0%, #ffffff 100%);
    margin-bottom: 70px;
}

.mevo-hero h1 {
    max-width: 780px;
    font-size: clamp(36px, 5vw, 62px);
    line-height: 1.05;
    margin-bottom: 24px;
}

.mevo-lead {
    max-width: 720px;
    font-size: 20px;
    line-height: 1.7;
    color: #52616b;
}

.mevo-intro {
    gap: 60px;
    align-items: center;
    margin-bottom: 70px;
}

.mevo-intro h2,
.mevo-section h2,
.mevo-steps h2,
.mevo-cta h2 {
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.15;
}

.mevo-intro img {
    border-radius: 24px;
    box-shadow: 0 24px 60px rgba(0,0,0,.12);
}

.mevo-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 70px;
}

.mevo-card {
    padding: 32px;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(0,0,0,.08);
}

.mevo-card h3 {
    margin-top: 0;
    font-size: 22px;
}

.mevo-card p,
.mevo-section p,
.mevo-step p,
.mevo-cta p {
    color: #000;
    line-height: 1.7;
}

.mevo-section {
    max-width: 860px;
    margin-bottom: 70px;
}

.mevo-steps {
    padding: 50px;
    border-radius: 28px;
    background: #f7f9fb;
    margin-bottom: 70px;
}

.mevo-step {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 22px 0;
    border-bottom: 1px solid rgba(0,0,0,.08);
}

.mevo-step:last-child {
    border-bottom: 0;
}

.mevo-step span {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #212982;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    flex: 0 0 42px;
}

.mevo-cta {
    padding: 60px 50px;
    border-radius: 28px;
    background: #212982;
    color: #ffffff;
    text-align: center;
    margin-bottom:64px;
}

.mevo-cta p {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    color: rgba(255,255,255,.8);
}

.mevo-cta .wp-block-button__link,
.mevo-hero .wp-block-button__link {
    padding: 16px 28px;
    border-radius: 999px;
    font-weight: 700;
}

.mevo-cta .wp-block-button__link {
    background: #ffffff;
    color: #212982;
}



@media (max-width: 768px) {
    .mevo-hero,
    .mevo-steps,
    .mevo-cta {
        padding: 36px 24px;
        border-radius: 20px;
    }

    .mevo-card-grid {
        grid-template-columns: 1fr;
    }

    .mevo-intro {
        gap: 30px;
    }
}

/* TABLET PORTRAIT */
@media (min-width: 576px){

    #header #logo{ margin:0 0; width: 100%; }

    .container { max-width: 540px; }
    .col-sm{  flex-basis: 0; flex-grow: 1; max-width: 100%; ms-flex-positive: 1; ms-flex-preferred-size: 0; }
    .col-sm-auto{ flex: 0 0 auto; max-width: none; ms-flex: 0 0 auto; width: auto; }
    .col-sm-1{ flex: 0 0 8.333333%; max-width: 8.333333%; ms-flex: 0 0 8.333333%; }
    .col-sm-2{ flex: 0 0 16.666667%; max-width: 16.666667%; ms-flex: 0 0 16.666667%; }
    .col-sm-3{ flex: 0 0 25%; max-width: 25%; ms-flex: 0 0 25%; }
    .col-sm-4{ flex: 0 0 33.333333%; max-width: 33.333333%; ms-flex: 0 0 33.333333%; }
    .col-sm-5{ flex: 0 0 41.666667%; max-width: 41.666667%; ms-flex: 0 0 41.666667%; }
    .col-sm-6{ flex: 0 0 50%; max-width: 50%; ms-flex: 0 0 50%; }
    .col-sm-7{ flex: 0 0 58.333333%; max-width: 58.333333%; ms-flex: 0 0 58.333333%; }
    .col-sm-8{ flex: 0 0 66.666667%; max-width: 66.666667%; ms-flex: 0 0 66.666667%; }
    .col-sm-9{ flex: 0 0 75%; max-width: 75%; ms-flex: 0 0 75%; }
    .col-sm-10{ flex: 0 0 83.333333%; max-width: 83.333333%; ms-flex: 0 0 83.333333%; }
    .col-sm-11{ flex: 0 0 91.666667%; max-width: 91.666667%; ms-flex: 0 0 91.666667%; }
    .col-sm-12{ flex: 0 0 100%; max-width: 100%; ms-flex: 0 0 100%; }
    .order-sm-first{ ms-flex-order: -1; order: -1; }
    .order-sm-1{ ms-flex-order: 1; order: 1; }
    .order-sm-2{ ms-flex-order: 2; order: 2; }
    .order-sm-3{ ms-flex-order: 3; order: 3; }
    .order-sm-4{ ms-flex-order: 4; order: 4; }
    .order-sm-5{ ms-flex-order: 5; order: 5; }
    .order-sm-6{ ms-flex-order: 6; order: 6; }
    .order-sm-7{ ms-flex-order: 7; order: 7; }
    .order-sm-8{ ms-flex-order: 8; order: 8; }
    .order-sm-9{ ms-flex-order: 9; order: 9; }
    .order-sm-10{ ms-flex-order: 10; order: 10; }
    .order-sm-11{ ms-flex-order: 11; order: 11; }
    .order-sm-12{ ms-flex-order: 12; order: 12; }
    .offset-sm-0{ margin-left: 0; }
    .offset-sm-1{ margin-left: 8.333333%; }
    .offset-sm-2{ margin-left: 16.666667%; }
    .offset-sm-3{ margin-left: 25%; }
    .offset-sm-4{ margin-left: 33.333333%; }
    .offset-sm-5{ margin-left: 41.666667%; }
    .offset-sm-6{ margin-left: 50%; }
    .offset-sm-7{ margin-left: 58.333333%; }
    .offset-sm-8{ margin-left: 66.666667%; }
    .offset-sm-9{ margin-left: 75%; }
    .offset-sm-10{ margin-left: 83.333333%; }
    .offset-sm-11{ margin-left: 91.666667%; }

    .d-sm-inline { display: inline !important; }
    .d-sm-inline-block { display: inline-block !important; }
    .d-sm-block { display: block !important; }
    .d-sm-table { display: table !important; }
    .d-sm-table-row { display: table-row !important; }
    .d-sm-table-cell { display: table-cell !important; }
    .d-sm-flex { display: -ms-flexbox !important; display: flex !important; }
    .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; }

    .flex-sm-row{ flex-direction: row !important; ms-flex-direction: row !important; }
    .flex-sm-column{ flex-direction: column !important; ms-flex-direction: column !important; }
    .flex-sm-row-reverse{ flex-direction: row-reverse !important; ms-flex-direction: row-reverse !important; }
    .flex-sm-column-reverse{ flex-direction: column-reverse !important; ms-flex-direction: column-reverse !important; }
    .flex-sm-wrap{ flex-wrap: wrap !important; ms-flex-wrap: wrap !important; }
    .flex-sm-nowrap{ flex-wrap: nowrap !important; ms-flex-wrap: nowrap !important; }
    .flex-sm-wrap-reverse{ flex-wrap: wrap-reverse !important; ms-flex-wrap: wrap-reverse !important; }
    .justify-content-sm-start{ justify-content: flex-start !important; ms-flex-pack: start !important; }
    .justify-content-sm-end{ justify-content: flex-end !important; ms-flex-pack: end !important; }
    .justify-content-sm-center{ justify-content: center !important; ms-flex-pack: center !important; }
    .justify-content-sm-between{ justify-content: space-between !important; ms-flex-pack: justify !important; }
    .justify-content-sm-around{ justify-content: space-around !important; ms-flex-pack: distribute !important; }
    .align-items-sm-start{ align-items: flex-start !important; ms-flex-align: start !important; }
    .align-items-sm-end{ align-items: flex-end !important; ms-flex-align: end !important; }
    .align-items-sm-center{ align-items: center !important; ms-flex-align: center !important; }
    .align-items-sm-baseline{ align-items: baseline !important; ms-flex-align: baseline !important; }
    .align-items-sm-stretch{ align-items: stretch !important; ms-flex-align: stretch !important; }
    .align-content-sm-start{ align-content: flex-start !important; ms-flex-line-pack: start !important; }
    .align-content-sm-end{ align-content: flex-end !important; ms-flex-line-pack: end !important; }
    .align-content-sm-center{ align-content: center !important; ms-flex-line-pack: center !important; }
    .align-content-sm-between{ align-content: space-between !important; ms-flex-line-pack: justify !important; }
    .align-content-sm-around{ align-content: space-around !important; ms-flex-line-pack: distribute !important; }
    .align-content-sm-stretch{ align-content: stretch !important; ms-flex-line-pack: stretch !important; }
    .align-self-sm-auto{ align-self: auto !important; ms-flex-item-align: auto !important; }
    .align-self-sm-start{ align-self: flex-start !important; ms-flex-item-align: start !important; }
    .align-self-sm-end{ align-self: flex-end !important; ms-flex-item-align: end !important; }
    .align-self-sm-center{ align-self: center !important; ms-flex-item-align: center !important; }
    .align-self-sm-baseline{ align-self: baseline !important; ms-flex-item-align: baseline !important; }
    .align-self-sm-stretch{ align-self: stretch !important; ms-flex-item-align: stretch !important; }
}

/* TABLET LANDSCAPE */
@media (min-width: 768px){
    .container { max-width: 720px; }
    .col-md{  flex-basis: 0; flex-grow: 1; max-width: 100%; ms-flex-positive: 1; ms-flex-preferred-size: 0; }
    .col-md-auto{ flex: 0 0 auto; max-width: none; ms-flex: 0 0 auto; width: auto; }
    .col-md-1{ flex: 0 0 8.333333%; max-width: 8.333333%; ms-flex: 0 0 8.333333%; }
    .col-md-2{ flex: 0 0 16.666667%; max-width: 16.666667%; ms-flex: 0 0 16.666667%; }
    .col-md-3{ flex: 0 0 25%; max-width: 25%; ms-flex: 0 0 25%; }
    .col-md-4{ flex: 0 0 33.333333%; max-width: 33.333333%; ms-flex: 0 0 33.333333%; }
    .col-md-5{ flex: 0 0 41.666667%; max-width: 41.666667%; ms-flex: 0 0 41.666667%; }
    .col-md-6{ flex: 0 0 50%; max-width: 50%; ms-flex: 0 0 50%; }
    .col-md-7{ flex: 0 0 58.333333%; max-width: 58.333333%; ms-flex: 0 0 58.333333%; }
    .col-md-8{ flex: 0 0 66.666667%; max-width: 66.666667%; ms-flex: 0 0 66.666667%; }
    .col-md-9{ flex: 0 0 75%; max-width: 75%; ms-flex: 0 0 75%; }
    .col-md-10{ flex: 0 0 83.333333%; max-width: 83.333333%; ms-flex: 0 0 83.333333%; }
    .col-md-11{ flex: 0 0 91.666667%; max-width: 91.666667%; ms-flex: 0 0 91.666667%; }
    .col-md-12{ flex: 0 0 100%; max-width: 100%; ms-flex: 0 0 100%; }
    .order-md-first{ ms-flex-order: -1; order: -1; }
    .order-md-1{ ms-flex-order: 1; order: 1; }
    .order-md-2{ ms-flex-order: 2; order: 2; }
    .order-md-3{ ms-flex-order: 3; order: 3; }
    .order-md-4{ ms-flex-order: 4; order: 4; }
    .order-md-5{ ms-flex-order: 5; order: 5; }
    .order-md-6{ ms-flex-order: 6; order: 6; }
    .order-md-7{ ms-flex-order: 7; order: 7; }
    .order-md-8{ ms-flex-order: 8; order: 8; }
    .order-md-9{ ms-flex-order: 9; order: 9; }
    .order-md-10{ ms-flex-order: 10; order: 10; }
    .order-md-11{ ms-flex-order: 11; order: 11; }
    .order-md-12{ ms-flex-order: 12; order: 12; }
    .offset-md-0{ margin-left: 0; }
    .offset-md-1{ margin-left: 8.333333%; }
    .offset-md-2{ margin-left: 16.666667%; }
    .offset-md-3{ margin-left: 25%; }
    .offset-md-4{ margin-left: 33.333333%; }
    .offset-md-5{ margin-left: 41.666667%; }
    .offset-md-6{ margin-left: 50%; }
    .offset-md-7{ margin-left: 58.333333%; }
    .offset-md-8{ margin-left: 66.666667%; }
    .offset-md-9{ margin-left: 75%; }
    .offset-md-10{ margin-left: 83.333333%; }
    .offset-md-11{ margin-left: 91.666667%; }

    .d-md-none { display: none !important; }
    .d-md-inline { display: inline !important; }
    .d-md-inline-block { display: inline-block !important; }
    .d-md-block { display: block !important; }
    .d-md-table { display: table !important; }
    .d-md-table-row { display: table-row !important; }
    .d-md-table-cell { display: table-cell !important; }
    .d-md-flex { display: -ms-flexbox !important; display: flex !important; }
    .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; }

    .flex-md-row{ flex-direction: row !important; ms-flex-direction: row !important; }
    .flex-md-column{ flex-direction: column !important; ms-flex-direction: column !important; }
    .flex-md-row-reverse{ flex-direction: row-reverse !important; ms-flex-direction: row-reverse !important; }
    .flex-md-column-reverse{ flex-direction: column-reverse !important; ms-flex-direction: column-reverse !important; }
    .flex-md-wrap{ flex-wrap: wrap !important; ms-flex-wrap: wrap !important; }
    .flex-md-nowrap{ flex-wrap: nowrap !important; ms-flex-wrap: nowrap !important; }
    .flex-md-wrap-reverse{ flex-wrap: wrap-reverse !important; ms-flex-wrap: wrap-reverse !important; }
    .justify-content-md-start{ justify-content: flex-start !important; ms-flex-pack: start !important; }
    .justify-content-md-end{ justify-content: flex-end !important; ms-flex-pack: end !important; }
    .justify-content-md-center{ justify-content: center !important; ms-flex-pack: center !important; }
    .justify-content-md-between{ justify-content: space-between !important; ms-flex-pack: justify !important; }
    .justify-content-md-around{ justify-content: space-around !important; ms-flex-pack: distribute !important; }
    .align-items-md-start{ align-items: flex-start !important; ms-flex-align: start !important; }
    .align-items-md-end{ align-items: flex-end !important; ms-flex-align: end !important; }
    .align-items-md-center{ align-items: center !important; ms-flex-align: center !important; }
    .align-items-md-baseline{ align-items: baseline !important; ms-flex-align: baseline !important; }
    .align-items-md-stretch{ align-items: stretch !important; ms-flex-align: stretch !important; }
    .align-content-md-start{ align-content: flex-start !important; ms-flex-line-pack: start !important; }
    .align-content-md-end{ align-content: flex-end !important; ms-flex-line-pack: end !important; }
    .align-content-md-center{ align-content: center !important; ms-flex-line-pack: center !important; }
    .align-content-md-between{ align-content: space-between !important; ms-flex-line-pack: justify !important; }
    .align-content-md-around{ align-content: space-around !important; ms-flex-line-pack: distribute !important; }
    .align-content-md-stretch{ align-content: stretch !important; ms-flex-line-pack: stretch !important; }
    .align-self-md-auto{ align-self: auto !important; ms-flex-item-align: auto !important; }
    .align-self-md-start{ align-self: flex-start !important; ms-flex-item-align: start !important; }
    .align-self-md-end{ align-self: flex-end !important; ms-flex-item-align: end !important; }
    .align-self-md-center{ align-self: center !important; ms-flex-item-align: center !important; }
    .align-self-md-baseline{ align-self: baseline !important; ms-flex-item-align: baseline !important; }
    .align-self-md-stretch{ align-self: stretch !important; ms-flex-item-align: stretch !important; }
}

/* DESKTOP */
@media (min-width: 992px){
    #mobile-menu{ display:none;}

    .menu-hoofdmenu-container{ display:block !important;   margin-top: 24px; }


    #menu { text-align:right; display: block; padding-left:24px; margin:0 auto; width:100%; }
    #menu ul{ padding:0; margin:0;   }
    #menu li {list-style:none;  margin:0; display: inline-block;   }
    #menu li a { text-align:left; border-top:none;  width:auto;  font-size: 16px; padding:0; margin:0 8px; font-weight: 800; display: block; color: #FFF; text-decoration: none; transition:0.4s;  }
    #menu li a:hover { color:#0e2b72; transition:0.4s;  }
    #menu li.menu-item-has-children > a { padding-right: 18px; background: url('./assets/images/arrow-down.svg') no-repeat right center; }
    #menu li.menu-item-has-children > a:hover { }

    #menu li ul {display:inline-block; padding-bottom:8px; padding-top:8px; border-radius: 0 0 6px 6px; margin: 0; box-shadow: 0 2px 2px 0 rgba(17,17,17,0.175); background:#FFF; z-index:99999; position: absolute; left: -999em; height: auto;  font-weight: normal; list-style: none; }
    #menu li ul li { float:left; clear:both; width:100%;  }
    #menu li ul li a{ background:none;  width:100%; font-weight:normal; padding:4px 8px; display:block; color:#333; text-decoration:none;  }
    #menu li ul li a:hover{ color:#0e2b72; }

    #menu li ul li .children{ display:none; position:absolute; margin-top:-51px; margin-left:100%;}
    #menu li ul li:hover .children{ display:block; }
    #menu li ul li .children a{  display:block; white-space:nowrap; }

    #menu li a:hover{ color:#0e2b72; }
    #menu li ul a { display:block; }
    #menu li:hover ul, #nav li li:hover ul { display:block; left: auto; }
    #menu li:hover, #nav li.sfhover { color:#0e2b72 !important; }


    #menu li.current_page_item > a{ color:#0e2b72;  }
    #menu li.button{ margin-left:32px;}
    #menu .button a:hover{ background-color:#1e4094 !important; color:#FFF !important; border:none !important; }
    #menu li.current_page_item.button > a{ color:#FFF !important; border:none !important; }


    .container {  max-width: 960px; }
    .col-lg{ flex-basis: 0; flex-grow: 1; max-width: 100%; ms-flex-positive: 1; ms-flex-preferred-size: 0; }
    .col-lg-auto{ flex: 0 0 auto; max-width: none; ms-flex: 0 0 auto; width: auto; }
    .col-lg-1{ flex: 0 0 8.333333%; max-width: 8.333333%; ms-flex: 0 0 8.333333%; }
    .col-lg-2{ flex: 0 0 16.666667%; max-width: 16.666667%; ms-flex: 0 0 16.666667%; }
    .col-lg-3{ flex: 0 0 25%; max-width: 25%; ms-flex: 0 0 25%; }
    .col-lg-4{ flex: 0 0 33.333333%; max-width: 33.333333%; ms-flex: 0 0 33.333333%; }
    .col-lg-5{ flex: 0 0 41.666667%; max-width: 41.666667%; ms-flex: 0 0 41.666667%; }
    .col-lg-6{ flex: 0 0 50%; max-width: 50%; ms-flex: 0 0 50%; }
    .col-lg-7{ flex: 0 0 58.333333%; max-width: 58.333333%; ms-flex: 0 0 58.333333%; }
    .col-lg-8{ flex: 0 0 66.666667%; max-width: 66.666667%; ms-flex: 0 0 66.666667%; }
    .col-lg-9{ flex: 0 0 75%; max-width: 75%; ms-flex: 0 0 75%; }
    .col-lg-10{ flex: 0 0 83.333333%; max-width: 83.333333%; ms-flex: 0 0 83.333333%; }
    .col-lg-11{ flex: 0 0 91.666667%; max-width: 91.666667%; ms-flex: 0 0 91.666667%; }
    .col-lg-12{ flex: 0 0 100%; max-width: 100%; ms-flex: 0 0 100%; }
    .order-lg-first{ ms-flex-order: -1; order: -1; }
    .order-lg-1{ ms-flex-order: 1; order: 1; }
    .order-lg-2{ ms-flex-order: 2; order: 2; }
    .order-lg-3{ ms-flex-order: 3; order: 3; }
    .order-lg-4{ ms-flex-order: 4; order: 4; }
    .order-lg-5{ ms-flex-order: 5; order: 5; }
    .order-lg-6{ ms-flex-order: 6; order: 6; }
    .order-lg-7{ ms-flex-order: 7; order: 7; }
    .order-lg-8{ ms-flex-order: 8; order: 8; }
    .order-lg-9{ ms-flex-order: 9; order: 9; }
    .order-lg-10{ ms-flex-order: 10; order: 10; }
    .order-lg-11{ ms-flex-order: 11; order: 11; }
    .order-lg-12{ ms-flex-order: 12; order: 12; }
    .offset-lg-0{ margin-left: 0; }
    .offset-lg-1{ margin-left: 8.333333%; }
    .offset-lg-2{ margin-left: 16.666667%; }
    .offset-lg-3{ margin-left: 25%; }
    .offset-lg-4{ margin-left: 33.333333%; }
    .offset-lg-5{ margin-left: 41.666667%; }
    .offset-lg-6{ margin-left: 50%; }
    .offset-lg-7{ margin-left: 58.333333%; }
    .offset-lg-8{ margin-left: 66.666667%; }
    .offset-lg-9{ margin-left: 75%; }
    .offset-lg-10{ margin-left: 83.333333%; }
    .offset-lg-11{ margin-left: 91.666667%; }

    .d-lg-inline { display: inline !important; }
    .d-lg-inline-block { display: inline-block !important; }
    .d-lg-block { display: block !important; }
    .d-lg-table { display: table !important; }
    .d-lg-table-row { display: table-row !important; }
    .d-lg-table-cell { display: table-cell !important; }
    .d-lg-flex { display: -ms-flexbox !important; display: flex !important; }
    .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; }

    .flex-lg-row{ flex-direction: row !important; ms-flex-direction: row !important; }
    .flex-lg-column{ flex-direction: column !important; ms-flex-direction: column !important; }
    .flex-lg-row-reverse{ flex-direction: row-reverse !important; ms-flex-direction: row-reverse !important; }
    .flex-lg-column-reverse{ flex-direction: column-reverse !important; ms-flex-direction: column-reverse !important; }
    .flex-lg-wrap{ flex-wrap: wrap !important; ms-flex-wrap: wrap !important; }
    .flex-lg-nowrap{ flex-wrap: nowrap !important; ms-flex-wrap: nowrap !important; }
    .flex-lg-wrap-reverse{ flex-wrap: wrap-reverse !important; ms-flex-wrap: wrap-reverse !important; }
    .justify-content-lg-start{ justify-content: flex-start !important; ms-flex-pack: start !important; }
    .justify-content-lg-end{ justify-content: flex-end !important; ms-flex-pack: end !important; }
    .justify-content-lg-center{ justify-content: center !important; ms-flex-pack: center !important; }
    .justify-content-lg-between{ justify-content: space-between !important; ms-flex-pack: justify !important; }
    .justify-content-lg-around{ justify-content: space-around !important; ms-flex-pack: distribute !important; }
    .align-items-lg-start{ align-items: flex-start !important; ms-flex-align: start !important; }
    .align-items-lg-end{ align-items: flex-end !important; ms-flex-align: end !important; }
    .align-items-lg-center{ align-items: center !important; ms-flex-align: center !important; }
    .align-items-lg-baseline{ align-items: baseline !important; ms-flex-align: baseline !important; }
    .align-items-lg-stretch{ align-items: stretch !important; ms-flex-align: stretch !important; }
    .align-content-lg-start{ align-content: flex-start !important; ms-flex-line-pack: start !important; }
    .align-content-lg-end{ align-content: flex-end !important; ms-flex-line-pack: end !important; }
    .align-content-lg-center{ align-content: center !important; ms-flex-line-pack: center !important; }
    .align-content-lg-between{ align-content: space-between !important; ms-flex-line-pack: justify !important; }
    .align-content-lg-around{ align-content: space-around !important; ms-flex-line-pack: distribute !important; }
    .align-content-lg-stretch{ align-content: stretch !important; ms-flex-line-pack: stretch !important; }
    .align-self-lg-auto{ align-self: auto !important; ms-flex-item-align: auto !important; }
    .align-self-lg-start{ align-self: flex-start !important; ms-flex-item-align: start !important; }
    .align-self-lg-end{ align-self: flex-end !important; ms-flex-item-align: end !important; }
    .align-self-lg-center{ align-self: center !important; ms-flex-item-align: center !important; }
    .align-self-lg-baseline{ align-self: baseline !important; ms-flex-item-align: baseline !important; }
    .align-self-lg-stretch{ align-self: stretch !important; ms-flex-item-align: stretch !important; }
	
	/* Submenu zelf */
	#header .menu-item-has-children > .sub-menu {
		opacity: 0;
		visibility: hidden;
		transform: translateY(10px);
		transition:
			opacity 0.25s ease,
			transform 0.25s ease,
			visibility 0s linear 0.25s;
	}

	/* Subitems verborgen klaarzetten */
	#header .menu-item-has-children > .sub-menu > li {
		opacity: 0;
		transform: translateY(10px);
		transition:
			opacity 0.35s ease,
			transform 0.35s ease;
	}

	/* Submenu tonen */
	#header .menu-item-has-children:hover > .sub-menu,
	#header .menu-item-has-children:focus-within > .sub-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		transition-delay: 0s;
	}

	/* Items tonen */
	#header .menu-item-has-children:hover > .sub-menu > li,
	#header .menu-item-has-children:focus-within > .sub-menu > li {
		opacity: 1;
		transform: translateY(0);
	}


	/*
	 * Stagger effect:
	 * ieder volgend item begint iets later
	 */
	#header .menu-item-has-children:hover > .sub-menu > li:nth-child(1) {
		transition-delay: 0.05s;
	}

	#header .menu-item-has-children:hover > .sub-menu > li:nth-child(2) {
		transition-delay: 0.10s;
	}

	#header .menu-item-has-children:hover > .sub-menu > li:nth-child(3) {
		transition-delay: 0.15s;
	}

	#header .menu-item-has-children:hover > .sub-menu > li:nth-child(4) {
		transition-delay: 0.20s;
	}

	#header .menu-item-has-children:hover > .sub-menu > li:nth-child(5) {
		transition-delay: 0.25s;
	}

	#header .menu-item-has-children:hover > .sub-menu > li:nth-child(6) {
		transition-delay: 0.30s;
	}

	#header .menu-item-has-children:hover > .sub-menu > li:nth-child(7) {
		transition-delay: 0.35s;
	}

	#header .menu-item-has-children:hover > .sub-menu > li:nth-child(8) {
		transition-delay: 0.40s;
	}

	#header .menu-item-has-children:hover > .sub-menu > li:nth-child(9) {
		transition-delay: 0.45s;
	}
	
	#header .menu-item-has-children > .sub-menu > li {
		opacity: 0;
		transform: translateY(8px);
		transition:
			opacity 0.3s ease,
			transform 0.3s ease;
	}

	#header .menu-item-has-children:hover > .sub-menu > li {
		opacity: 1;
		transform: translateY(0);
	}

	#header .menu-item-has-children:hover > .sub-menu > li:nth-child(1) { transition-delay: 0.03s; }
	#header .menu-item-has-children:hover > .sub-menu > li:nth-child(2) { transition-delay: 0.06s; }
	#header .menu-item-has-children:hover > .sub-menu > li:nth-child(3) { transition-delay: 0.09s; }
	#header .menu-item-has-children:hover > .sub-menu > li:nth-child(4) { transition-delay: 0.12s; }
	#header .menu-item-has-children:hover > .sub-menu > li:nth-child(5) { transition-delay: 0.15s; }
	#header .menu-item-has-children:hover > .sub-menu > li:nth-child(6) { transition-delay: 0.18s; }
	#header .menu-item-has-children:hover > .sub-menu > li:nth-child(7) { transition-delay: 0.21s; }
	#header .menu-item-has-children:hover > .sub-menu > li:nth-child(8) { transition-delay: 0.24s; }
	#header .menu-item-has-children:hover > .sub-menu > li:nth-child(9) { transition-delay: 0.27s; }
}

/* DESKTOP LARGE */
@media (min-width: 1200px){
    .container { max-width: 1240px; }
    .col-xl{  flex-basis: 0; flex-grow: 1; max-width: 100%; ms-flex-positive: 1; ms-flex-preferred-size: 0; }
    .col-xl-auto{ flex: 0 0 auto; max-width: none; ms-flex: 0 0 auto; width: auto; }
    .col-xl-1{ flex: 0 0 8.333333%; max-width: 8.333333%; ms-flex: 0 0 8.333333%; }
    .col-xl-2{ flex: 0 0 16.666667%; max-width: 16.666667%; ms-flex: 0 0 16.666667%; }
    .col-xl-3{ flex: 0 0 25%; max-width: 25%; ms-flex: 0 0 25%; }
    .col-xl-4{ flex: 0 0 33.333333%; max-width: 33.333333%; ms-flex: 0 0 33.333333%; }
    .col-xl-5{ flex: 0 0 41.666667%; max-width: 41.666667%; ms-flex: 0 0 41.666667%; }
    .col-xl-6{ flex: 0 0 50%; max-width: 50%; ms-flex: 0 0 50%; }
    .col-xl-7{ flex: 0 0 58.333333%; max-width: 58.333333%; ms-flex: 0 0 58.333333%; }
    .col-xl-8{ flex: 0 0 66.666667%; max-width: 66.666667%; ms-flex: 0 0 66.666667%; }
    .col-xl-9{ flex: 0 0 75%; max-width: 75%; ms-flex: 0 0 75%; }
    .col-xl-10{ flex: 0 0 83.333333%; max-width: 83.333333%; ms-flex: 0 0 83.333333%; }
    .col-xl-11{ flex: 0 0 91.666667%; max-width: 91.666667%; ms-flex: 0 0 91.666667%; }
    .col-xl-12{ flex: 0 0 100%; max-width: 100%; ms-flex: 0 0 100%; }
    .order-xl-first{ ms-flex-order: -1; order: -1; }
    .order-xl-1{ ms-flex-order: 1; order: 1; }
    .order-xl-2{ ms-flex-order: 2; order: 2; }
    .order-xl-3{ ms-flex-order: 3; order: 3; }
    .order-xl-4{ ms-flex-order: 4; order: 4; }
    .order-xl-5{ ms-flex-order: 5; order: 5; }
    .order-xl-6{ ms-flex-order: 6; order: 6; }
    .order-xl-7{ ms-flex-order: 7; order: 7; }
    .order-xl-8{ ms-flex-order: 8; order: 8; }
    .order-xl-9{ ms-flex-order: 9; order: 9; }
    .order-xl-10{ ms-flex-order: 10; order: 10; }
    .order-xl-11{ ms-flex-order: 11; order: 11; }
    .order-xl-12{ ms-flex-order: 12; order: 12; }
    .offset-xl-0{ margin-left: 0; }
    .offset-xl-1{ margin-left: 8.333333%; }
    .offset-xl-2{ margin-left: 16.666667%; }
    .offset-xl-3{ margin-left: 25%; }
    .offset-xl-4{ margin-left: 33.333333%; }
    .offset-xl-5{ margin-left: 41.666667%; }
    .offset-xl-6{ margin-left: 50%; }
    .offset-xl-7{ margin-left: 58.333333%; }
    .offset-xl-8{ margin-left: 66.666667%; }
    .offset-xl-9{ margin-left: 75%; }
    .offset-xl-10{ margin-left: 83.333333%; }
    .offset-xl-11{ margin-left: 91.666667%; }

    .d-xl-inline { display: inline !important; }
    .d-xl-inline-block { display: inline-block !important; }
    .d-xl-block { display: block !important; }
    .d-xl-table { display: table !important; }
    .d-xl-table-row { display: table-row !important; }
    .d-xl-table-cell { display: table-cell !important; }
    .d-xl-flex { display: -ms-flexbox !important; display: flex !important; }
    .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; }

    .flex-xl-row{ flex-direction: row !important; ms-flex-direction: row !important; }
    .flex-xl-column{ flex-direction: column !important; ms-flex-direction: column !important; }
    .flex-xl-row-reverse{ flex-direction: row-reverse !important; ms-flex-direction: row-reverse !important; }
    .flex-xl-column-reverse{ flex-direction: column-reverse !important; ms-flex-direction: column-reverse !important; }
    .flex-xl-wrap{ flex-wrap: wrap !important; ms-flex-wrap: wrap !important; }
    .flex-xl-nowrap{ flex-wrap: nowrap !important; ms-flex-wrap: nowrap !important; }
    .flex-xl-wrap-reverse{ flex-wrap: wrap-reverse !important; ms-flex-wrap: wrap-reverse !important; }
    .justify-content-xl-start{ justify-content: flex-start !important; ms-flex-pack: start !important; }
    .justify-content-xl-end{ justify-content: flex-end !important; ms-flex-pack: end !important; }
    .justify-content-xl-center{ justify-content: center !important; ms-flex-pack: center !important; }
    .justify-content-xl-between{ justify-content: space-between !important; ms-flex-pack: justify !important; }
    .justify-content-xl-around{ justify-content: space-around !important; ms-flex-pack: distribute !important; }
    .align-items-xl-start{ align-items: flex-start !important; ms-flex-align: start !important; }
    .align-items-xl-end{ align-items: flex-end !important; ms-flex-align: end !important; }
    .align-items-xl-center{ align-items: center !important; ms-flex-align: center !important; }
    .align-items-xl-baseline{ align-items: baseline !important; ms-flex-align: baseline !important; }
    .align-items-xl-stretch{ align-items: stretch !important; ms-flex-align: stretch !important; }
    .align-content-xl-start{ align-content: flex-start !important; ms-flex-line-pack: start !important; }
    .align-content-xl-end{ align-content: flex-end !important; ms-flex-line-pack: end !important; }
    .align-content-xl-center{ align-content: center !important; ms-flex-line-pack: center !important; }
    .align-content-xl-between{ align-content: space-between !important; ms-flex-line-pack: justify !important; }
    .align-content-xl-around{ align-content: space-around !important; ms-flex-line-pack: distribute !important; }
    .align-content-xl-stretch{ align-content: stretch !important; ms-flex-line-pack: stretch !important; }
    .align-self-xl-auto{ align-self: auto !important; ms-flex-item-align: auto !important; }
    .align-self-xl-start{ align-self: flex-start !important; ms-flex-item-align: start !important; }
    .align-self-xl-end{ align-self: flex-end !important; ms-flex-item-align: end !important; }
    .align-self-xl-center{ align-self: center !important; ms-flex-item-align: center !important; }
    .align-self-xl-baseline{ align-self: baseline !important; ms-flex-item-align: baseline !important; }
    .align-self-xl-stretch{ align-self: stretch !important; ms-flex-item-align: stretch !important; }
}

@media( max-width:922px ){
    #menu .button { margin:0 24px 24px 24px;}
    #menu .button { color:#FFF !important; }

    #head{ height:580px !important;}
    .home #head{height: 680px !important;; }
    .target-menu{     margin-top: 32px !important;     margin-left: 0 !important; }
    .btn{ margin-bottom:24px;}
    .choice-grid{ margin-top:24px !important; position:relative !important;}
    .choice-grid img, .choice-grid svg{ max-width:100%; object-fit:contain;}
 #footer .col-md-4,  #footer .col-md-3{ margin-bottom:64px; }
 .sub-menu{display:none;}
 #nav li{ margin-bottom:0;}
 #header{ height: 100px; }
    .hero h1, .page-hero h1 { margin-top:80px;}
 .menu-hoofdmenu-container{     left:0; right:0;    position: absolute; z-index:99999999; background:#FFF; padding-bottom:24px;}
}