/*

Theme Name:     Johannes Child
Theme URI:      https://mekshq.com/theme/johannes/
Description:    Child theme for Johannes WordPress theme
Author:         meks
Author URI:     https://mekshq.com
Template:       johannes
Version:        0.1.0
*/

:root {
  --nd-paars:                       #501b65;
  --paars:                          #501b65;
  --nd-blauw:                       #006ab4;
  --blauw:                          #006ab4;
  --nd-geel:                        #fab600;
  --geel:                           #fab600;
  --nd-mint:                        #a4d8e0;
  --nd-lichtmint:                   #ebf6f7;
  --nd-zwart:                       #000000;
  --nd-wit:                         #ffffff;
  --nd-tekst:                       #424851;
  --nd-lichtgrijs:                  #f6f6f6;
  --nd-roze:                        #f9c9Ca;
  --pdf-rood:                       #ea0c0c;
  --primary-button-color:           #501b65;
  --primary-button-bg-color:        #fab700;
  --primary-button-bg-hover-color:  #FCCF54;
  
}

@font-face {
  font-family: 'Material Symbols Outlined';
  src: url('/wp-content/themes/johannes-child/fonts/MaterialSymbolsOutlined-variable.woff2') format('woff2');
  font-weight: 100 700;
  font-style: normal;
  font-display: block;
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  letter-spacing: normal;
  white-space: nowrap;
}

html {
  overflow-y: scroll;
}

body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.nd-calculator)) {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

h1 {
  color: var(--nd-paars);
  line-height: 110%;
}

h2 {
  color: var(--nd-paars);
  line-height: 125%;
}
h2.koptekst-500 {
  font-weight:500;
}

h3 {
  color: var(--nd-paars);
  line-height: 28px
}

p {
  line-height: 24px;
}

/*.johannes-wrapper {overflow-x:unset;}*/
.entry-content a:not([class*=button]), .comment-content a:not([class*=button]) {
  color: var(--nd-blauw);
}

.alignwide {
  max-width: 1180px !important;
}

/* NIEUWE KNOPPEN

.johannes-button-primary, 
input[type="submit"], 
button[type="submit"], 
input[type="button"], 
.johannes-pagination a, 
a.wp-block-advgb-button_link, 
a.leesmeerexcerpt, 
a.leesmeer, 
a.leesmeerButton, 
a.aandeslagButton, 
.button a.wp-element-button, 
.nd-calculator .button a,
.wp-block-button a.wp-element-button
 {
    color: var(--primary-button-color)!important;
    background-color: var(--primary-button-bg-color) !important;
    border-radius: 25px !important;
    border: none !important;
    padding: 11px 18px;
    line-height: 1;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 700;
    font-size: 14px !important;
    text-decoration: none;
    transition: 0.3s;
    display: inline-flex;
    align-items: center;
    min-height:44px;
    height: 44px;
    box-shadow:none;
}

.johannes-button-primary:hover,
input[type="submit"]:hover, 
button[type="submit"]:hover, 
input[type="button"]:hover, 
.johannes-pagination a:hover, 
a.wp-block-advgb-button_link:hover, 
a.leesmeerexcerpt:hover, 
a.leesmeer:hover, 
a.leesmeerButton:hover, 
a.aandeslagButton:hover, 
.button a.wp-element-button:hover, 
.nd-calculator .button a:hover,
.wp-block-button a.wp-element-button:hover {
  background-color: var(--primary-button-bg-hover-color) !important;
  color:var(--primary-button-color);
}
.johannes-button-primary::after, 
a.wp-block-advgb-button_link::after, 
a.leesmeerexcerpt::after, 
a.leesmeer:after, 
a.leesmeerButton:after, 
a.aandeslagButton:after, 
.button a.wp-element-button:after, 
.nd-calculator .button a:after,
.wp-block-button a.wp-element-button:after
 {
    font-family: "Material Symbols Outlined";
    content: "\e5c8";
    font-weight: 400;
    color: var(--paars);
    margin-top: 1px;
    margin-left: 5px;
    font-size: 17px;
}   */

.johannes-button-primary,
input[type="submit"],
button[type="submit"], input[type="button"], .johannes-pagination a, a.wp-block-advgb-button_link, a.leesmeerexcerpt, a.leesmeer, a.leesmeerButton, a.aandeslagButton, .button a.wp-element-button, .nd-calculator .button a,
.wp-block-button a.wp-element-button {
  background-color: var(--nd-geel) !important;
  background-image: url(https://www.notarielediensten.nl/wp-content/uploads/2023/10/pijl-rechts-paars.png);
  background-repeat: no-repeat;
  background-position: center right 18px;
  color: var(--nd-paars) !important;
  border-radius: 25px !important;
  font-size: 15px;
  font-weight: 600;
  min-height: 30px !important;
  padding: 7px 55px 7px 18px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 15px;
  margin-bottom: 15px;
  display: inline-block;
  width: auto !important;
}

.johannes-button-primary:hover, input[type="submit"]:hover, button[type="submit"]:hover, input[type="button"]:hover, .johannes-pagination a:hover, a.wp-block-advgb-button_link:hover, a.leesmeerexcerpt:hover, a.leesmeer:hover, a.leesmeerButton:hover, a.aandeslagButton:hover, .button a.wp-element-button:hover, .nd-calculator .button a:hover {
  background-color: var(--nd-paars) !important;
  color: var(--nd-wit) !important;
  background-image: url(/wp-content/uploads/2023/11/pijl-rechts-wit.png) !important;
}


a.leesmeerexcerpt {
  margin-bottom: 20px;
  display: inline-block !important;
}

.archive a.leesmeerexcerpt {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.archive a.leesmeerexcpert {
  color: var(--nd-wit) !important
}

a.wp-element-button {
  box-shadow: none !important;
}

.leesmeerBlok ul.lcp_catlist {
  margin-top: -10px;
}

/*header */
.johannes-header {
  font-size: 15px !important;
}

.header-top .slot-l {
  align-items:center;
}
.header-top .slot-l li {
  margin-right: 15px;
  color: #040404;
}
.site-description {
  color:var(--blauw)!important;
  font-size: 0.9em;
  margin-left: 29px;
  margin-top:-4px;
  margin-bottom:0;
}
.header-middle nav {
  margin-top: 40px;
}

.header-middle .johannes-logo img {
  width: 275px;
}

.header-middle .slot-r .johannes-search {
  margin-top: 40px;
}

.slot-r .menu-hoofdmenu-container .sub-menu a {
  padding: 0 15px 15px;
}

.header-el-label {
  display: none !important;
}

.header-sticky .header-sticky-main img {width:190px!important;}
.header-sticky-main .johannes-site-branding .site-description {
  font-size:0.8em;
  margin-left: 21px;
  margin-top:-2px;
  margin-bottom:0;
  line-height:0.8em;
}
.header-sticky-contextual {
  background-color: var(--nd-paars);
}
nav.rank-math-breadcrumb {
  margin: -28px auto 0;
  text-align: center;
  font-size: 15px;
}

.johannes-section.johannes-cover.johannes-bg-alt-2.johannes-section-margin-alt.size-johannes-page-3 {
  height: auto !important;
  margin-top: 20px;
  margin-bottom: 20px!important;
  align-items: unset;
  -webkit-box-align: unset;
}

.size-johannes-page-3 .container .section-head-alt {
  width: 100%;
  max-width: 100%;
  display: flex;
  overflow: hidden;
  vertical-align: text-top;
}

.size-johannes-page-3 .container .rank-math-breadcrumb {
  margin: 0;
  text-align: center;
}

.size-johannes-page-3 .container .rank-math-breadcrumb p {
  margin-bottom: 0;
}

.size-johannes-page-3 .container .section-head {
  padding: 0 !important;
}

.size-johannes-page-3 .container .section-head h1.entry-title {
  color: var(--nd-paars);
  text-align: left !important;
  /*  padding-bottom: 30px;*/
  margin-top:15px;
}

.size-johannes-page-3, .pageheadertitle {
  /*height:160px;*/
  min-height: 90px;
  text-align: left;
}

.pageheadertitle .section-head-alt-page {
  max-width: 100%;
  /*height:160px;*/
  min-height: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pageheadertitle nav.rank-math-breadcrumb {
  margin: 0 !important;
}

.johannes-cover .entry-category {
  display: none;
}

.johannes-cover .section-head {
  /*height:160px;*/
  /*min-height:52px!important;*/
  max-width: 100%;
  display: flex;
  justify-content: left;
  margin-bottom: 0;
  /*padding-top:38px; padding:0 */
}

.johannes-cover .section-head h1.entry-title {
  color: var(--nd-paars);
  font-size: 52px;
  line-height: 113%;
}

.section-archive-1 .container .section-head {
  max-width: 100%;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.johannes-breadcrumbs {
  margin-top: 10px !important;
  font-size: 12px;
}

.johannes-breadcrumbs a, .breadcrumb_last {
  color: #ffffff;
}

/* einde header */
/*blokken*/
.blok {
  cursor: pointer;
}

.blok .wp-block-column:hover {
  filter: saturate(0.6);
}

.blok .wp-block-column:hover p {
  color: var(--nd-wit)
}

.blokmetvier, .blokmetdrie, .blokmettwee {
  margin-left: -6px;
  margin-right: -6px;
  margin-bottom: 15px;
  clear: both;
  gap: 0px;
}

.blok p {
  text-align: center;
  font-weight: bold;
  text-transform: lowercase;
  height: 150px
}

p.has-text-color.has-background.has-johannes-bg-color.blok {
  display: flex;
  align-items: center;
  justify-content: center;
}

.blok a, .blok a:visited, .blok a:hover {
  color: var(--nd-wit) !important;
  text-decoration: none !important;
  font-weight: bold;

}


.blokmetvier .wp-block-column {
  flex-basis: calc(25% - 2px);
  padding-left: 7.5px;
  padding-right: 7.5px;
  text-align: center
}

.has-3-columns .wp-block-column {
  width: 33%;
  flex-basis: calc(33% - 2px);
}

.blokmetdrie .wp-block-column {
  flex-basis: calc(33.33% - 2px);
  padding-left: 7.5px;
  padding-right: 7.5px;
  text-align: center
}

.blokmettwee .wp-block-column {
  flex-basis: calc(50% - 2px);
  padding-left: 7.5px;
  padding-right: 7.5px;
  text-align: center
}

/* einde blokken */
/*toc*/
ul.advgb-toc {
  list-style: none !important;
}

ul.advgb-toc li {
  text-align: left !important;
}

ul.advgb-toc li:before {
  display: none !important;
}

ul.advgb-toc li a:before {
  content: '\f0da' !important;
  font-family: 'FontAwesome';
  margin-left: -18px;
  margin-right: 8px;
}

ul.advgb-toc li a {
  text-decoration: none !important;
  color: var(--nd-paars) !important;
}

ul.advgb-toc li a:hover, ul.advgb-toc li:hover a {
  color: var(--nd-blauw) !important;
}

ul.advgb-toc li a:hover::before {
  color: var(--nd-blauw) !important;
}

/* einde toc */
/* homepage */
.home .johannes-cover, .home .johannes-section-margin-alt, .page-id-1328 .johannes-section-margin-alt {
  display: none !important;
}

.home header.johannes-header {
  margin-bottom: 48px;
}

.home-center-bank-div {
  background: linear-gradient(to top, #ffffff 0%, #ffffff 60%, rgb(235, 246, 247) 10%, rgb(235, 246, 247) 100%);
  margin-bottom: 150px;
}

/* einde homepage */
/* post */
.johannes-bg-alt-2 {background-color:#ffffff;}
.johannes-related {
  background-color: var(--nd-lichtgrijs);
  margin-bottom: 0 !important;
}

.johannes-related h2.section-title {
  color: var(--nd-paars);
}

.johannes-related .section-content ul li a {
  background: none !important;
  color: var(--nd-blauw);
}

.johannes-related .section-content ul li::before {
  content: "•";
  color: var(--nd-blauw);
  margin-right: 5px;
}

.johannes-related .section-title:after {
  display: none;
}

.entry-content-toc {
  width: 70% !important;
}

.post-template-single-toc .johannes-wrapper, .post-template-default .johannes-wrapper {
  overflow-x: initial !important;
}

.post-template-single-team h2 { font-size:2rem!important; margin-bottom:5px; margin-top:25px; }

ul.vacaturelijst {margin-left:25px;}
.solliciteren-blok h2 {margin-top:30px!important;}
.vacature-foto-hugo figure.alignleft {margin-right:60px;}

.single-post h2.wp-block-heading {margin-top:30px; margin-bottom:10px;}
.single-post h2.wp-block-heading:first-of-type {margin-top:0;}
/* einde post */

/* page */
.page .leesmeer ul.lcp_catlist li::before {
  content: "•";
  color: var(--nd-paars);
  margin-right: 5px;
}

.page .leesmeer ul.lcp_catlist li:hover::before {
  color: var(--nd-blauw);
}

ul.lcp_catlist li:before {
  content: "\2022";
  margin-right: 5px;
  display: inline-block;
  vertical-align: 2px;
}

.leesmeerBlok ul.lcp_catlist li:before {
  content: "•";
  color: var(--vaarwel-paars);
  margin-right: 5px;
}

li.paginamenu a, li.paginamenu a:visited, ul.paginamenu li a, ul.paginamenu li a:visited {
  color: var(--nd-blauw);
}

li.paginamenu a:hover, ul.paginamenu li a {
  color: var(--nd-paars);
}

li.paginamenu:before, ul.paginamenu li:before {
  content: url(https://www.lexnext.nl/wp-content/uploads/2023/10/pijl-rechts-paars.png) !important;
}

article a.klantenvertellen_link {
  color: var(--nd-tekst) !important;
  text-decoration: none !important
}

/* einde page */
/*verkoopblokken*/
section.verkoopblokken .wp-block-columns {
  padding: 30px 0 15px;
}

section.verkoopblokken .wp-block-columns .wp-block-column {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
  padding: 20px !important;
  margin-left: 25px;
  margin-right: -25px;
}

section.verkoopblokken-enkel .wp-block-columns .wp-block-column {
  flex-basis: 35% !important;
  padding: 20px 10px;
  margin: 0 auto !important;
}

.single section.verkoopblokken-enkel .wp-block-columns .wp-block-column {
  flex-basis: 50% !important;
}

section.verkoopblokken .wp-block-columns .wp-block-column h2 {
  height: 40px !important;
  font-size: 20px !important;
  color: var(--nd-paars);
}

section.verkoopblokken .wp-block-columns .wp-block-column .fa-duotone {
  float: right;
  margin-right: 10px;
  font-size: 80px;
  --fa-primary-color: var(--nd-paars);
  --fa-secondary-color: var(--nd-blauw);
  margin-right: 5px;
  margin-top: -15px;
}

section.verkoopblokken .wp-block-columns .wp-block-column ul.advgb-list li::before {
  color: var(--nd-mint);
}

.fa-duotone, .fad {
  position: relative;
  font-weight: 900;
  letter-spacing: normal;
}

.fa-classic.fa-duotone, .fa-duotone, .fad {
  font-family: "Font Awesome 6 Duotone";
}

.fa, .fa-brands, .fa-classic, .fa-duotone, .fa-light, .fa-regular, .fa-sharp, .fa-sharp-solid, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fasl, .fasr, .fass, .fat {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

section.verkoopblokken .wp-block-advgb-list {
  height: 85px;
}

section.verkoopblokken ul.advgb-list li::before {
  font-weight: 900 !important;
  font-size: 1.3em !important;
}

.page .verkoopblokken .wp-block-column:nth-child(1) {
  margin-left: 130px !important;
}

.page .verkoopblokken .wp-block-column:nth-child(2) {
  margin-right: 130px !important;
}

.page .verkoopblokken.verkoopblokken-enkel .wp-block-column {
  margin: 0 auto !important;
  background-color: var(--nd-lichtmint);
  border: 1px solid var(--nd-paars);
  box-shadow: none !important;
}

.fa-duotone:after {
  opacity: 1 !important;
}

/*einde verkoopblokken*/
/*contactform*/
.contact form {
  width: 50%;
}

.contact input {
  border: 2px solid #ededed;
  font-size: 15px;
  height: 40px;
  display: block;
  -webkit-transition: border-color 0.4s ease 0s;
  -khtml-transition: border-color 0.4s ease 0s;
  -moz-transition: border-color 0.4s ease 0s;
  -ms-transition: border-color 0.4s ease 0s;
  -o-transition: border-color 0.4s ease 0s;
  transition: border-color 0.4s ease 0s;
}

.contact .largeLeft, .contact .smallLeft {
  margin-right: 3% !important;
}

.contact .smallLeft, .contact .smallRight {
  display: inline-block !important;
  width: 35% !important;
}

.contact .largeRight, .contact .largeLeft {
  display: inline-block !important;
  width: 62% !important;
}

.contact textarea {
  border: 2px solid rgba(66, 72, 81, 0.1);
}
.cf7-submit-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.cf7-submit-wrapper input[type="submit"] {
  padding-right: 38px;
}

/* NIEUWE KNOPPEN
.cf7-submit-wrapper::after {
  content: "\e5c8";
  font-family: "Material Symbols Outlined";
  font-weight: 400;
  color: var(--paars);
  font-size: 17px;
  line-height: 1;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
*/

.cf7-submit-wrapper .wpcf7-spinner {
  display: none;
}

/*einde contactform*/

/*WPBookit*/
.wpb-booking-shortcode .row.mt-5 .col-lg-3 .mb-5 .d-flex:nth-child(2) {
  display: none !important;
}
.wpb-booking-shortcode .row.mt-5 .col-lg-3 h3.mb-3, .wpb-booking-shortcode .row.mt-5 .col-lg-6 h5 {font-size:16px!important;}
small.title-text, p.mb-0 {font-size:15px!important;}
.wpb-booking-shortcode .d-flex.align-items-center.title-text.gap-2 { font-size: 13px; }
.wpb-booking-shortcode .booking-slots-time .item .avaliable-slot-btn {font-size:14px!important; background-color: var(--nd-lichtmint);}
.wpb-booking-shortcode .booking-slots-time .item .avaliable-slot-btn:hover {background-color:var(--nd-mint);}
.wpb-booking-shortcode .flatpickr-day.wpb-available, .wpb-booking-shortcode .flatpickr-day.wpb-available:after {background-color: var(--nd-lichtmint)!important; color:var(--nd-blauw)}
.wpb-booking-shortcode .flatpickr-day.selected, .wpb-booking-shortcode .flatpickr-day.selected:after {background-color: var(--nd-mint)!important;}
.modal-dialog {font-size:15px!important;}
.modal-dialog h5.modal-title { font-size:16px; color:var(--nd-paars);}
.modal-dialog h6.accordion-header a {font-size:16px!important; color:var(--nd-blauw)!important;}
.modal-dialog .accordion-body.p-0 .d-flex:nth-child(3) {display:none!important;}
.modal-dialog .modal-body .row .wpb-tabs fieldset.wpb-tab .col-12 .row h6.mb-3 {display:none!important;}
.modal-dialog .modal-body .row .wpb-tabs fieldset.wpb-tab .col-12 {padding:0;}
.modal-dialog .modal-body .row .wpb-tabs fieldset.wpb-tab label{ font-size: 15px;}
.modal-dialog .modal-body .row .wpb-tabs fieldset.wpb-tab input[type=text], .modal-dialog .modal-body .row .wpb-tabs fieldset.wpb-tab input[type=email], .modal-dialog .modal-body .row .wpb-tabs fieldset.wpb-tab input[type=tel]   {font-size:15px;}
.modal-dialog .modal-body .row .wpb-tabs fieldset.wpb-tab .col-12 { padding: 5px 0 0 5px; }
.modal-dialog .modal-body .row .wpb-tabs fieldset.wpb-tab .col-12.mb-4:nth-child(3) {display:none;}
.modal-dialog .modal-body .row .wpb-tabs fieldset.wpb-tab .error {color:#000000; text-transform:none!important;}
button.wpb-submit-model-btn { border:none!important; font-size:15px!important; font-weight:600; }
button.wpb-close-model-btn { font-size:15px!important; color:var(--nd-blauw)!important; border-color:var(--nd-blauw)!important; border-radius:25px!important; font-weight:600;}
button.wpb-close-model-btn:hover {color:#ffffff!important; background-color:var(--nd-blauw)!important;}
.list-unstyled.mb-0.booking-slots-time.gap-3{font-size:14px;}
.booking-confirm-card-cols-1 .d-flex.align-items-center.gap-2:last-of-type {display:none!important;}
.booking-confirm-card-cols-2 button.book_new_meeting, .booking-confirm-card-cols-2 button.cancel_meeting {display:none!important;}
/*einde WPBookit*/

/*diversen*/
.klantenvertellencontainer {
    background-image: url(/wp-content/uploads/2026/03/klantenvertellen-trans-zwart.png);
    background-repeat: no-repeat;
    background-size: auto 70px;
    padding-left: 140px;
    margin-left: 14px;
    height: 70px;
    text-align: center;
}
a .klantenvertellencontainer:hover {
    color: var(--nd-tekst);
}
.klantenvertellencontainer .mintcijfer {height:48px; margin-top:1px; display:inline-block;}
.klantenvertellencontainer .mintcijfer .price, .klantenvertellencontainer .mintcijfer .price sup.decimal {
    font-size: 32px;
    font-weight: 700;
}
.klantenvertellencontainer .mintcijfer .price sup.decimal {
  vertical-align: inherit!important;
}
.klantenvertellencontainer .sterretjes  .material-symbols-outlined {
    font-size: 16px;
}

#rank-math-faq {
  background-color: var(--nd-lichtmint);
  padding: 20px 20px 5px;
  margin-top: 0;
  margin-bottom: 40px;
}

h3.rank-math-question {
  color: var(--nd-paars);
  font-size: 30px;
  line-height: 125%
}

.container-404 .search-alt {
  border-left: 1px solid var(--nd-paars);
  padding-top: 25px;
  padding-bottom: 70px;
}

.container-404 .search-form {
  margin-top: 30px;
}

.search-results .entry-category, .search-results .entry-meta {
  display: none;
}

.search-results article .button a {
  margin-top: 0;
}

.search-results article .entry-content {
  margin-top: 12px;
}

.search-results .category-loop ul li, .archive .category-loop ul li {
  padding-bottom: 20px;
  padding-top: 20px;
  border-bottom: 1px solid var(--nd-paars);
}

.search-results nav.rank-math-breadcrumb {
  margin: -45px auto 0;
  text-align: center;
  bottom: -50px;
  position: absolute;
  width: 100%;
}

.containeromschrijving {
  max-width: 100% !important;
  margin-bottom: 30px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.containeromschrijving .johannes-content {
  max-width: 100%;
  color: var(--nd-paars);
  font-weight: bold;
}

ul.wp-block-latest-posts__list li {
  margin-bottom: 6px !important;
}

ul.wp-block-latest-posts__list li a:hover {
  color: var(--nd-paars) !important;
}

.bereken-knoppen a {
  font-size: 18px;
  color: var(--nd-paars) !important;
  background-color: var(--nd-geel) !important;
  margin: 0px 0px 0px 0px !important;
  padding: 10PX 30PX;
  border-radius: 25px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  display: inline-block;
}

.award-blok-rij {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.award-blok {
 padding: 20px;
}

.award-blok .wp-block-image figure img {
  height: 145px !important;
  width: auto !important;
}

.goudenzandloperrij {
  background-color: #f8f4ee;
  padding: 20px 20px 5px 0;
  margin: 40px 0
}

.goudenzandlopertekst p {
  font-size: 1.2em;
  margin: 0;
  position: absolute;
  top: 46%;
  left: 36%;
  transform: translate(-50%, -50%);
  width: 100% !important
}

.klantenvertellen {
  margin-left: 0;
  margin-right: 0
}

.klantenvertellen .wp-block-column {
  background-color: var(--nd-mint);
  padding: 25px
}

.klantenvertellen .kolommen {
  height: 83px
}

.klantenvertellen .cijfer {
  flex-basis: 14% !important;
  margin-left: 20px;
  background: url(/wp-content/uploads/2022/09/klantenvertellen_cijfer_bg.png);
  background-repeat: no-repeat;
  color: #fff;
  margin-bottom: 0
}

.klantenvertellen .cijfer p {
  text-align: center;
  font-size: 1.8em;
  padding-bottom: 5px;
  margin-top: -11px;
  margin-left: -25px;
  width: 50px
}

.klantenvertellen .kolommen .tekst {
  margin-top: -20px;
  margin-bottom: -35px;
  padding-left: 0 !important
}

.klantenvertellen .klantenvertellen-tekst {
 margin-bottom: -25px
}

.klantenvertellen .tekst {
  flex-basis: 86% !important
}

.klantenvertellen .wp-block-column .fas.fa-star, .klantenvertellen .wp-block-column .far.fa-star {
  color: var(--nd-geel);
  margin-bottom: 10px
}

.fa-file-pdf, a i.fa-file-pdf {
  color: var(--pdf-rood);
  font-size: 1.1em;
  margin-right: 2px;
}

.blauwe_rij {
  background-color:rgb(235, 246, 247);
  margin-top: 0 !important;
  padding-top: 75px !important;
  padding-bottom: 45px !important;
}

.blauwe_rij_leftalign {
  text-align: left!important;
}

.blauwe_rij .kolomleft span.price sup.decimal {vertical-align:inherit;}

.witte_rij {
  padding-top: 80px !important;
  margin-bottom: 40px !important;
}

.witte_rij.samenwerking strong {color:var(--nd-paars);}

.eerste_blauwe_rij {
  padding-top:75px!important; 
  padding-bottom:75px!important;
}
.eerste_blauwe_rij .wp-block-image {
  margin-bottom:0;
}
/*.eerste_blauwe_rij .alignwide .wp-block-group__inner-container .wp-block-columns {
  margin-bottom:0!important;
}*/
.blauwe_rij_gradient {
  background-color: rgb(235, 246, 247);
  background-image: linear-gradient(white, rgb(235, 246, 247));
  padding-top: 80px;
  padding-bottom: 30px;
  margin-top: -15px;
  text-align: center !important;
}
.blauwe_rij_gradient h2 {
  color:var(--nd-blauw)!important;
  font-size:26px;
  line-height:36px;
}

.laatste_blauwe_rij {
  background-color: #ffffff;
  background-image: linear-gradient(rgb(235, 246, 247), white);
  padding-top: 80px !important;
  padding-bottom: 0 !important;
 /* text-align: center !important;*/
  margin-bottom: -40px !important;
}

.mint_rij {
  background-color:var(--nd-mint);
  padding-top:80px;
  padding-bottom:40px;
}

.award_rij .award-blok-rij .award-blok a {
  color: var(--nd-paars);
  font-weight: bold !important;
  text-decoration: none !important;
}

.award_rij .award-blok-rij .award-blok a:hover {
  color: var(--nd-blauw);
}

.subheading {
  color: var(--nd-blauw) !important;
  font-size: 24px !important;
  font-weight: bold !important;
}
.subheading-onder {
  margin-bottom:10px;
}

.page-id-52 .johannes-section.johannes-cover.johannes-bg-alt-2.johannes-section-margin-alt.size-johannes-page-3, .page-id-2269 .johannes-bg-alt-2, .page-id-2280 .johannes-bg-alt-2, .page-id-2472 .johannes-bg-alt-2, .page-id-2690 .johannes-bg-alt-2 {
  display: none;
}

.producten_blauwe_rij {
  background-color: var(--nd-lichtmint);
  padding-top: 20px;
  padding-bottom: 45px;
  margin-bottom: -86px !important;
}

.producten_blauwe_rij .subheading {
  margin-top: 20px !important;
  margin-bottom: -35px;
}

.producten_blauwe_rij .wp-block-column {
  background-color: #ffffff;
  border-radius: 25px;
  padding: 25px;
}

.producten_blauwe_rij .wp-block-column h2.wp-block-heading {
  font-size: 2.4rem;
}

.producten_blauwe_rij .wp-block-column .producten_blok_tekst {
  min-height: 175px;
}

/*.producten_blauwe_rij .wp-block-button a, input#mc-embedded-subscribe {
  background-color: var(--nd-geel) !important;
  background-image: url(https://www.lexnext.nl/wp-content/uploads/2023/10/pijl-rechts-paars.png);
  background-repeat: no-repeat;
  background-position: center right 18px;
  color: var(--nd-paars) !important;
  border-radius: 25px !important;
  font-size: 15px;
  font-weight: 600!important;
  min-height: 30px !important;
  padding: 7px 55px 7px 18px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin-top: 15px;
  margin-bottom: 15px;
  display: inline-block;
  width: auto !important;
}

.producten_blauwe_rij .wp-block-button a:hover, input#mc-embedded-subscribe:hover {
  color: #ffffff !important;
  background-color: var(--nd-paars) !important;
  background-image: url(https://www.lexnext.nl/wp-content/uploads/2023/11/pijl-rechts-wit.png) !important;
  background-repeat: no-repeat;
  background-position: center right 18px;

}*/

#mc_embed_signup form {margin: 30px 0 0!important; width:100%!important }
#mc_embed_signup form .content__gdpr fieldset {padding:0!important; margin-top:-30px!important;}
#mc-embedded-subscribe {
    padding-right: 34px;
    width:auto;
    box-shadow:none;
}
.producten_blauwe_rij .lege_kolom {
  background: none !important;
  height: 1px !important;
}
/*#mc_embed_shell input[type="email"], #mc_embed_shell input[type="text"] {height:40px; border: 2px solid #ededed;}*/

.johannes-footer .mc-field-group input[type="email"] {
    background-color: #E1EBEC;
    border: none;
    padding: 8px 12px;
    border-radius: 6px;
    height:40px;
}
.usp {
  display: block;
  background-color: var(--nd-lichtmint);
  border-radius: 25px;
  color: var(--nd-paars);
  font-weight: 600;
  padding: 7px 18px !important;
}

.usp::before {
  content: url(https://www.lexnext.nl/wp-content/uploads/2024/07/geelpijltje-15.png);
  float: left;
  margin-top: 3px;
  margin-right: 10px;
}

.blauwe_rij .usp {
  background-color: #ffffff;
}

.product_waarom_rij {
  padding-top: 100px;
  padding-bottom: 45px;
}

.product_waarom_rij ul {
  margin-left: 20px;
}

.product_waarom_rij ul li::before {
  color: var(--nd-paars);
  content: "•";
  margin: 0 10px 0 -20px;
}

.product_waarom_rij ul li strong {
  color: var(--nd-paars);
}

.over_ons_usp {
  width: 75%;
  margin: 0 auto !important;
}

.wie_zijn_wij_usp_rij {
  background: linear-gradient(to bottom, var(--nd-lichtmint) 50%, #ffffff 50%);
}

.wie_zijn_wij_usp {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 25px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px !important;
  font-size:1.2em;
}

.wie_zijn_wij_usp .wp-block-column {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}

.wie_zijn_wij_usp .wp-block-column p strong {
  color: var(--nd-paars);
}

.wie_zijn_wij_usp .wp-block-column p::before {
  content: url(https://www.lexnext.nl/wp-content/uploads/2024/07/geelpijltje-15.png);
  float: left;
  margin-top: 3px;
  margin-right: 10px;
}

.over_ons_witte_rij {
  margin-bottom: -48px;
}

.ons_verhaal_successen {
  margin-top: 86px !important;
}

.ons_verhaal_successen .wp-block-columns .wp-block-column {
  background-color:#ffffff;
  border-radius:10px;
  padding:30px 30px 50px;
  position:relative;
  background-image:url(https://www.lexnext.nl/wp-content/uploads/2024/09/geelpijltje-40-tr.png); background-repeat:no-repeat; background-position:right 30px bottom 15px;
}

.ons_verhaal_successen .wp-block-columns .wp-block-column .wp-block-buttons {
  position:absolute;
  bottom:10px;
  right:25px;
}
.ons_team_wie_zijn_wij .wp-block-column {
  background-color:#ffffff;
  padding:30px;
  border-radius:10px;
}
.blauwe_rij .vacatures {
  text-align:left;
}
.blauwe_rij .vacatures .advgb-recent-post {
  background-color:#ffffff;
  padding:25px;
  border-radius:10px;
  border-bottom:none!important;
}
.witte_rij .vacatures .advgb-recent-post {
  padding:25px;
  border-radius:10px;
  border-bottom:none!important;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px !important;
  margin-bottom:30px;
}
.advgb-recent-posts-block.list-view.vacatures {
  margin-top:30px;
}
.witte_rij .vacatures .advgb-recent-post h2.advgb-post-title {
  background-image: url(/wp-content/uploads/2024/09/lijn-onder.webp)!important;
  background-repeat: no-repeat!important;
  background-position: bottom left!important;
  padding-bottom:6px!important;
}

.blauwe_rij .vacatures .advgb-recent-post h2.advgb-post-title a, .witte_rij .vacatures .advgb-recent-post h2.advgb-post-title a {
  color:var(--nd-paars);
  text-decoration:none;
  font-size:16px;
}
.blauwe_rij .vacatures .advgb-recent-posts .advgb-post-readmore, .witte_rij .vacatures .advgb-recent-post .advgb-post-readmore {
  text-align:right;
  margin-top:25px;
}
.blauwe_rij .vacatures .advgb-recent-post .advgb-post-readmore a, .witte_rij .vacatures .advgb-recent-post .advgb-post-readmore a {
  background-color: var(--nd-geel) !important;
  background-image: url(https://www.lexnext.nl/wp-content/uploads/2023/10/pijl-rechts-paars.png);
  background-repeat: no-repeat;
  background-position: center right 18px;
  color: var(--nd-paars) !important;
  border-radius: 25px !important;
  font-size: 15px;
  font-weight: 600;
  min-height: 30px !important;
  padding: 7px 55px 7px 18px !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
.blauwe_rij .vacatures .advgb-recent-post .advgb-post-readmore a:hover, .witte_rij .vacatures .advgb-recent-post .advgb-post-readmore a:hover {
  background-color: var(--nd-paars) !important;
  background-image: url(https://www.lexnext.nl/wp-content/uploads/2023/11/pijl-rechts-wit.png);
  background-repeat: no-repeat;
  background-position: center right 18px;
  color: var(--nd-wit) !important;
}

.nawkolom h3 {
  margin-bottom:0!important;
}
.nawkolom i.fa-brands {
  background:none!important;
  margin-right:5px;
  width:auto!important;
  height:auto!important;
  font-family: 'FontAwesome';
}
.formkolom form input[type="text"], .formkolom form input[type="email"], .formkolom form textarea {
  background-color:#ffffff;
  border:none!important;
}
.belmijterugkolom label {margin-top:20px; margin-bottom:10px;font-size:16px; opacity:1!important;}
.belmijterugkolom .wpcf7-list-item {
  display:block!important;
  margin:0!important;
}
.belmijterugkolom .wpcf7-list-item label {
  margin-top:5px!important;
  margin-bottom:3px!important;
}
.belmijterugkolom .wpcf7-list-item {display:block!important; margin:5px 0 0!important}
.belmijterugkolom .wpcf7-list-item input[type="radio"] {
	 appearance: none;
	 margin: -3px 5px 0 0;
	 width: 13px;
	 height: 13px;
	 background: none;
	 box-shadow: inset 0 0 0 0.4em white, 0 0 0 0.1em;
	 border-radius: 50%;
	 transition: 0.2s;
	 cursor: pointer;
	 color: #424851;
}
.belmijterugkolom .wpcf7-list-item input[type="radio"]:checked {
	 box-shadow: inset 0 0 0 0 white, 0 0 0 0.1em var(--nd-blauw) !important;
	 background: var(--nd-blauw) !important;
 }
 .belmijterugkolom .wpcf7-submit {margin-top:20px!important;}


.bedanktgroep {padding-top:75px!important;}
.linkedin {margin-top:25px; }
.linkedin a {
  position: relative;
    margin-left: 30px;
}
.linkedin a:before {
  content: "\f08c";
  font-family: 'FontAwesome';
  margin-left:-30px;
  color:var(--nd-paars);
  font-size:1.5em;
  text-decoration:none!important;
  position:absolute;
}
.zoektekst {
  font-family:Inter, Arial, sans-serif;
  font-size:16px;
  font-weight:normal;
  margin-bottom:25px!important;
}
.bekijkvacatures {
  margin-top:30px;
  display: block;
  width: 100%;
  clear:both;
}
/* verklein de zoek-overlay */
.johannes-modal.search-alt.modal-open {
  background: rgba(0,0,0,0.7); /* iets transparanter */
  margin:80px
}
.johannes-modal.search-alt .search-inner {
  width: 80%;
  max-width: 600px;
  margin: 100px auto; /* afstand tot de bovenkant */
  background: #fff;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}
/* verberg de grote achtergrond indien nodig */
.johannes-modal.search-alt .modal-content {
  background: none !important;
}

/*zoekpagina*/
.wp-block-search__inside-wrapper {display:block!important;}
wp-block-search__input {background-color: #ffffff!important;}


.price sup {position:relative; /*vertical-align:text-top;*/ line-height:1; top:0; font-size:1em;}

h3 span.price sup.decimal {vertical-align:baseline!important;}



/* einde diversen */

/* footer */

.footer-divider {
  border-top: none; padding-top:1px;
}

.johannes-footer {
  background-color:var(--nd-lichtmint);
}

.johannes-footer .widget {
  margin-bottom:30px;
}

.johannes-footer .klantenvertellencontainer {
  background-image: url(/wp-content/uploads/2026/03/tenant-logo.svg);
  background-size:auto 37px!important;
  padding-left:93px;
  height:46px;
  width:154px;
  margin-left:0;
  margin-top:30px;
  background-position-x: 20px;
  text-align:center;
}
.johannes-footer .klantenvertellencontainer .mintcijfer {
  height:25px;
  margin-top:-1px;
}
.johannes-footer .klantenvertellencontainer .mintcijfer .price, .johannes-footer .klantenvertellencontainer .mintcijfer .price sup.decimal {
  font-size:20px;

}
.johannes-footer .klantenvertellencontainer .sterretjes {
  margin-top:-9px;
}
.johannes-footer .klantenvertellencontainer .sterretjes .material-symbols-outlined {
  font-size: 11px;
}

.johannes-footer #custom_html-4 {
  height:1px; font-size:1px !important; margin-bottom:0 !important; display:none;
}

.johannes-footer .fas {
  margin-right: 5px; color:var(--nd-paars);
}

.johannes-footer a:hover {
  color:var(--nd-blauw)
}
.johannes-footer .widget_media_image { margin-bottom:0; }
.johannes-footer .col-12.col-md-6.col-lg-3:first-of-type img { width: 190px; margin-top:5px; }
.johannes-footer .johannes-footer-widgets #media_image-2 img {width:150px;}
.johannes-footer .site-description { 
  font-size:12px!important;
  margin-left:20px;
  margin-top:-7px;
}

.johannes-footer .mc4wp-form-fields input[type="email"], .johannes-footer .mc4wp-form-fields label {
  background:#ffffff!important;
}
  
.submit-icon-wrapper {
  position: relative;
  display: inline-block;
}
/*NIEUWE KNOP
.submit-icon-wrapper::after {
  font-family: "Material Symbols Outlined";
  content: "\e5c8";
  font-weight: 400;
  color: var(--paars);
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
  */

.johannes-footer h5.widget-title, .johannes-footer h3.widget-title {
  color:var(--nd-paars) !important;
}

#custom_html-4 .textwidget.custom-html-widget, #custom_html-4 .textwidget.custom-html-widget a, #custom_html-4 .textwidget.custom-html-widget a:hover, #custom_html-4 .textwidget.custom-html-widget a:visited {
  color: var(--nd-lichtmint);
}

.grecaptcha-badge {
  visibility: hidden;
}

  .underfooter {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    height: 30px;
    color:var(--nd-paars);
  }

  .underfooter-links {
    float: left;
    width: 50%;
    font-size: 13px;
  }

  .underfooter-rechts {
    float: left;
    width: 50%;
    text-align: right;
    font-size: 13px;
  }

  .underfooter-rechts ul {
    float: right;
  }

  .underfooter-rechts ul li:last-child {
    margin-right: 0 !important;
  }

  .underfooter-rechts ul li i {
    margin-right: 10px;
  }

  .johannes-copyright {
    height: 30px;
    width: 100%;
    padding: 0 !important;
    float: left;
    text-align: left !important;
    display: inline-block !important;
    border-top: none !important;
  }

  .johannes-copyright .copyright-links {
    width:50%; float:left; text-align:left;
  }

  .johannes-copyright .copyright-links span {
    margin-right:20px;
  }

  .johannes-copyright .copyright-rechts {
    width:50%; float:left; text-align:right;
  }

  .johannes-copyright p, .johannes-copyright ul li {
    line-height:30px;
  }

  .johannes-copyright ul li {
    float: left;
    width: auto;
    margin-right: 20px;
  }

  .johannes-copyright a {
    text-decoration:none; color:var(--nd-paars);
  }

  .johannes-copyright a:hover {
    color:var(--nd-blauw);
  }

  p.footer-widget-title a {
    color: var(--nd-paars); font-weight:bold; font-size:1.2em
  }

  .klantenvertellen_wrapper {
    width: 200px; height: 63px; margin-bottom:20px;
  }

  .klantenvertellen_wrapper a:hover {
    color:#424851;
  }

  .klantenvertellen_footer {
    background-image: url(/wp-content/uploads/2023/10/klantenvertellen-footer.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: 20px;
    padding:6px;
    width: 130px;
    height: 41px;
    padding: 5px 9px;
    text-align: right;
    font-size: 20px;
    display:block;
    margin-left:19px;
  }
  .klantenvertellen_footer .price {
    margin-top:-2px;
    display:block;
  } 

  .klantenvertellen_footer .price .decimal {
    font-size: 50%;
    top: -0.7em !important;
    margin-left: -4px;
    vertical-align: baseline;
  }
  .menu-under-the-footer-container ul.menu li {
    margin-bottom: 5px !important;
  }
  .johannes-footer div#mc_embed_signup_scroll p {
    font-size: 12px;
    font-weight: 400;
    margin:12px 0 18px;;
  }
  /*einde footer*/



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

    html, .johannes-wrapper {
      overflow-x: visible !important;
    }

    .header-top {
      padding-top:15px;
    }

    .header-middle {
      margin-top:-15px;
    }
  }

  @media screen and (max-width: 899px) and (min-width: 769px) {
    .header-mobile {
      border-bottom:1px solid var(--nd-paars);
    }

    .johannes-site-branding {
      margin-top:0 !important;
    }

    .johannes-sidebar-hidden .johannes-menu-mobile .widget-inside {
      background-color:var(--nd-lichtmint);
    }

    .johannes-sidebar-hidden .johannes-menu-mobile .widget-inside ul li a {
      background:none !important;
    }

    .single-md-content {
      max-width:100% !important;
    }

    .kennisbank-overzicht h2 {
      min-height:48px;
    }

    .entry-content-toc ul.advgb-toc {
      float: left;
      width: 100%;
      margin-top:0 !important;
      margin-right:0 !important;
      font-size: 16px;
      list-style: none !important;
      text-align: left !important;
      position:relative !important;
      top:0 !important;
    }

    .entry-content-toc {
      width: 100% !important;
    }

    .entry-content-toc ul.advgb-toc li.toc-level-1 {
      text-align:left !important; list-style-type:none; margin-left:0 !important
    }

    .col-md-6 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 33%;
      -ms-flex: 0 0 33%;
      flex: 0 0 33%;
      max-width: 33%;
    }

    .johannes-related {
      padding-top:20px !important; padding-bottom:20px !important;
    }

    section.verkoopblokken-enkel .wp-block-columns .wp-block-column {
      flex-basis:55% !important;
    }

    section.verkoopblokken .wp-block-columns .wp-block-column .fa-duotone {
      margin-top:5px;
    }

    .kennisoverzicht h2 {
      min-height:auto;
    }

    .underfooter-links ul {
      display:none;
    }
  }

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

    .header-mobile .slot-l {
      height:70px;
      display:inline-flex;
      align-items: center;

    }
    .header-mobile .slot-l .site-description {
      font-size:13px;
      margin-bottom:0;
      line-height:13px;
      margin-left:16px;
     }
    .home article {
      margin-top:25px !important;
    }

    .johannes-sidebar-hidden .johannes-menu-mobile .widget-inside {
      background-color:var(--nd-lichtmint);
    }

    .johannes-sidebar-hidden .johannes-menu-mobile .widget-inside ul li a {
      background:none !important;
    }

    .single-md-content {
      max-width:100% !important;
    }

    .kennisbank-overzicht h2 {
      min-height:48px;
    }

    .entry-content-toc ul.advgb-toc {
      float: left;
      width: 100%;
      margin-top:0 !important;
      margin-right:0 !important;
      font-size: 16px;
      list-style: none !important;
      text-align: left !important;
      position:relative !important;
      top:0 !important;
    }

    .entry-content-toc {
      width: 100% !important;
    }

    .entry-content-toc ul.advgb-toc li.toc-level-1, .entry-content ul.advgb-toc li.toc-level-1 {
      text-align:left !important;
    }

    .entry-content ul.advgb-toc li.toc-level-1::marker, .entry-content ul.advgb-toc li.toc-level-1::before {
      display:none !important;
    }

    .col-md-6 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 33%;
      -ms-flex: 0 0 33%;
      flex: 0 0 33%;
      max-width: 33%;
    }

    .johannes-related {
      padding-top:20px !important; padding-bottom:20px !important;
    }

    section.verkoopblokken-enkel .wp-block-columns .wp-block-column {
      flex-basis:55% !important;
    }

    section.verkoopblokken .wp-block-columns .wp-block-column .fa-duotone {
      margin-top:5px;
    }

    .kennisoverzicht h2 {
      min-height:auto;
    }

    .underfooter-links ul {
      display:none;
    }

    .contact form {
      width:100%;
    }

  }



  @media screen and (max-width: 767px) and (min-width: 441px) {
    h1 {
      font-size:35px;
    }

    .container {
      max-width:100% !important;
    }

    .col-md-6 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
  }

  @media screen and (max-width: 440px) {
    h1 { font-size:30px !important; }
    h1.inspring {margin-left:20px!important;}

    .header-sticky-main {width:100%!important; max-width:100%!important;}
    .johannes-site-branding { margin-top:0 !important; }
    .johannes-site-branding .johannes-logo img {width:160px!important; margin-top:10px;}
    .header-sticky .johannes-sidebar-branding .johannes-logo img {width:150px!important; margin-top:10px;}
    .johannes-accordion-nav { background-color:var(--nd-lichtmint); }
    .johannes-menu-mobile .johannes-bg-alt-1 { background-color: var(--nd-lichtmint);  }

    .container { /*max-width:96%;*/ max-width:100%;  }

    .col-md-6 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }

    body:not(.home) .eerste_blauwe_rij  {
      padding-top: 30px!important; 
    }
   *.eerste_blauwe_rij .alignwide .wp-block-group__inner-container .wp-block-columns {margin-bottom:28px!important;}
    .producten_eerste_blauwe_rij {padding-bottom:40px!important; margin-bottom:0!important;}

    .blauwe_rij_gradient {
      padding-top:30px;
      padding-left:15px;
      padding-right:15px;
    }
    .blauwe_rij_gradient h2 { font-size:20px;}

    .homecenter-bank {
      padding-left:15px;
      padding-right:15px;
    }

    .wp-block-group.alignwide.zoeken {
        padding-left: 20px;
        padding-right: 20px;
    }

    .johannes-footer .johannes-copyright {
      height:auto;
     }
     
    .johannes-footer .johannes-copyright .copyright-links {
      width:100% !important;
    }

    .johannes-footer .johannes-copyright .copyright-links p span {
      display:block; width:100%; margin-right:0 !important;
    }

    .johannes-footer .johannes-copyright .copyright-rechts {
      width:100%; text-align:center;
    }

    .underfooter-links, .underfooter-rechts {
      width:100%; text-align: center;
    }

    .leesmeer ul {
      list-style:disc; margin-left:18px;
    }

    .leesmeer ul li::before {
      display:none;
    }

    .leesmeer ul li::marker {
      color:var(--nd-paars);
    }

    .contact .smallLeft, .contact .smallRight {
      display: inline-block !important;
      width: 34% !important;
    }

    .size-johannes-page-3 {
      min-height:50px !important; height:auto !important
    }

    .johannes-bg-alt-2 .container {
      min-height:50px !important; height:auto;
    }

    .johannes-bg-alt-2 .container h1.entry-title {margin-top:0!important;}

    .johannes-sidebar #text-2 {
      display:none;
    }

    .johannes-menu-mobile .johannes-accordion-nav {
      background-color:var(--nd-lichtmint);
    }

    h3.rank-math-question {
      font-size:25px !important;
    }

    .wie_zijn_wij_usp { width:90%!important; }
    .over_ons_usp { width:100%!important; }

    .producten_blauwe_rij .wp-block-columns {
      padding-left:5% !important; padding-right:5% !important;
    }

    .producten_blauwe_rij .subheading {
      margin-bottom:-10px;
    }

    .blauwe_rij .wp-block-columns, .witte_rij .wp-block-columns, .product_waarom_rij .wp-block-columns, .mensgerichtheid, .innovatie, .meettheteam {
      /*padding-left:5% !important; padding-right:5% !important;*/
      padding-left:15px !important; padding-right:15px !important;

    }
    .wp-block-column p.usp {margin:0 auto 15px;}
    .hypotheekadviseurs .wp-block-column:first-child {order:1!important;}
    .hypotheekadviseurs .wp-block-column:last-child {order:2!important;}
    .product_waarom_rij .wp-block-column:first-child, .nergens_goedkoper .wp-block-column:first-child, .home_rij_samenwerken .wp-block-column:first-child, .samenwerking .wp-block-column:first-child, .onze_diensten .wp-block-column:first-child {order:2}
    .product_waarom_rij .wp-block-column:last-child, .nergens_goedkoper .wp-block-column:last-child, .home_rij_samenwerken .wp-block-column:last-child, .samenwerking .wp-block-column:last-child, .onze_diensten .wp-block-column:last-child {order:1}

    .witte_rij figure.size-large img {
      max-width:90% !important;
    }

    #calculator h2.wp-block-heading { margin-left:5%!important; }
  }



.transparanteKolom figure, .transparanteKolom figure img, .transparanteKolom img {
	background-color: transparent;
}