.elementor-kit-10{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#272727;--e-global-color-accent:#61CE70;--e-global-color-ccf9de0:#F7F5EF;--e-global-color-e938454:#EFECE3;--e-global-color-3734ab9:#D71920;--e-global-color-87a0e28:#9A0F14;--e-global-color-232ca07:#111111;--e-global-color-d5b859a:#1F1F1F;--e-global-color-a96ba7e:#1111111F;--e-global-color-2a3461e:#1111111F;--e-global-color-5c8836b:#1111119E;--e-global-color-49ddcdc:#FFFFFF;--e-global-color-24d32eb:#FFFFFFA6;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-f521c60-font-family:"Roboto";--e-global-typography-f521c60-font-size:12px;--e-global-typography-f521c60-font-weight:500;--e-global-typography-f521c60-text-transform:uppercase;--e-global-typography-f521c60-line-height:1.4em;--e-global-typography-f521c60-letter-spacing:0.18em;--e-global-typography-e05464d-font-family:"Montserrat";--e-global-typography-e05464d-font-size:65px;--e-global-typography-e05464d-font-weight:700;--e-global-typography-e05464d-line-height:1.02em;--e-global-typography-e05464d-letter-spacing:-0.025em;--e-global-typography-a6abc3f-font-family:"Roboto";--e-global-typography-a6abc3f-font-size:15px;--e-global-typography-a6abc3f-font-weight:400;--e-global-typography-1bfb000-font-family:"Montserrat";--e-global-typography-1bfb000-font-size:60px;--e-global-typography-1bfb000-font-weight:700;--e-global-typography-1bfb000-line-height:1.05em;--e-global-typography-1bfb000-letter-spacing:-0.025em;--e-global-typography-6a501af-font-family:"Montserrat";--e-global-typography-6a501af-font-size:40px;--e-global-typography-6a501af-font-weight:500;--e-global-typography-6a501af-line-height:1.1em;--e-global-typography-6a501af-letter-spacing:-0.02em;--e-global-typography-e9a317c-font-family:"Montserrat";--e-global-typography-e9a317c-font-size:20px;--e-global-typography-e9a317c-font-weight:500;--e-global-typography-e9a317c-line-height:1.1em;--e-global-typography-e9a317c-letter-spacing:-0.01em;--e-global-typography-493d82b-font-family:"Montserrat";--e-global-typography-493d82b-font-size:20px;--e-global-typography-493d82b-font-weight:600;--e-global-typography-493d82b-line-height:1.1em;--e-global-typography-37c2830-font-family:"Roboto";--e-global-typography-37c2830-font-size:16px;--e-global-typography-37c2830-font-weight:400;--e-global-typography-37c2830-line-height:1.55em;--e-global-typography-aa71c6d-font-family:"Roboto";--e-global-typography-aa71c6d-font-size:13px;--e-global-typography-aa71c6d-font-weight:400;--e-global-typography-aa71c6d-line-height:1.4em;--e-global-typography-891f5e2-font-family:"Roboto";--e-global-typography-891f5e2-font-size:15px;--e-global-typography-891f5e2-line-height:1em;--e-global-typography-a4d0797-font-family:"Roboto";--e-global-typography-a4d0797-font-size:14px;--e-global-typography-a4d0797-font-weight:500;--e-global-typography-a4d0797-line-height:1em;--e-global-typography-ee93952-font-family:"Roboto";--e-global-typography-ee93952-font-size:12px;--e-global-typography-ee93952-font-weight:600;--e-global-typography-ee93952-text-transform:uppercase;--e-global-typography-ee93952-line-height:1em;--e-global-typography-ee93952-letter-spacing:0.12em;--e-global-typography-61e7515-font-family:"Montserrat";--e-global-typography-61e7515-font-size:22px;--e-global-typography-61e7515-font-weight:800;--e-global-typography-61e7515-line-height:1em;--e-global-typography-61e7515-letter-spacing:-0.01em;background-color:var( --e-global-color-ccf9de0 );color:var( --e-global-color-d5b859a );font-family:var( --e-global-typography-37c2830-font-family ), Sans-serif;font-size:var( --e-global-typography-37c2830-font-size );font-weight:var( --e-global-typography-37c2830-font-weight );line-height:var( --e-global-typography-37c2830-line-height );}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 a{color:var( --e-global-color-3734ab9 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:50px;--container-default-padding-bottom:0px;--container-default-padding-left:50px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-10{font-size:var( --e-global-typography-37c2830-font-size );line-height:var( --e-global-typography-37c2830-line-height );}.e-con{--container-default-padding-top:0px;--container-default-padding-right:50px;--container-default-padding-bottom:0px;--container-default-padding-left:50px;}}@media(max-width:1200px){.elementor-kit-10{--e-global-typography-e05464d-font-size:35px;}.e-con{--container-default-padding-top:0px;--container-default-padding-right:30px;--container-default-padding-bottom:0px;--container-default-padding-left:30px;}}@media(max-width:1024px){.elementor-kit-10{--e-global-typography-1bfb000-font-size:30px;font-size:var( --e-global-typography-37c2830-font-size );line-height:var( --e-global-typography-37c2830-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:30px;--container-default-padding-bottom:0px;--container-default-padding-left:30px;}}@media(max-width:767px){.elementor-kit-10{--e-global-typography-1bfb000-font-size:28px;--e-global-typography-6a501af-font-size:25px;font-size:var( --e-global-typography-37c2830-font-size );line-height:var( --e-global-typography-37c2830-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:20px;--container-default-padding-bottom:0px;--container-default-padding-left:20px;}}/* Start custom CSS *//* ── Quaden Nav Menu (Elementor Pro) ─────────────────────── */
.quaden-nav .elementor-item {
  position: relative;
  overflow: hidden;
  padding: 10px 18px;
  border-radius: 999px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #111111;                 /* noir */
  background: transparent;
  transition: background .2s ease, color .2s ease;
}

/* Hover (niet-actief): zachte pill-vulling */
.quaden-nav .elementor-item:not(.elementor-item-active):hover {
  background: rgba(27,23,23,.06);
}

/* Hover (niet-actief): rood streepje schuift van links uit */
.quaden-nav .elementor-item:not(.elementor-item-active)::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 6px;
  height: 2px;
  background: #D71920 !important;            /* cherry */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s cubic-bezier(.34,1.45,.64,1);
}
.quaden-nav .elementor-item:not(.elementor-item-active):hover::after {
  transform: scaleX(1);
}

/* Actieve pagina: zwarte pill */
.quaden-nav .elementor-item.elementor-item-active,
.quaden-nav .elementor-item-active .elementor-item {
  background: #111111;           /* noir */
  color: #F7F5EF;                /* cotton */
}


.different-red { 
    color: #D7181F;
}

/* ── Regelval: geen losse woorden ──────────────────────────── */
@media (max-width: 1024px) {
  h1, h2, h3, h4, h5, h6,
  .elementor-heading-title,
  .elementor-button-text {
    text-wrap: balance;
  }
  p, .elementor-widget-text-editor {
    text-wrap: pretty;
  }
}

/* zwevende knoppen onder het mobiele menu houden */
#ea11y-root { position: relative; z-index: 9000; }
.fab-contact { z-index: 9000; }
#cookiez-banner { position: relative; z-index: 9500; }

/* footerkolommen: opgelost bij de bron in footer-template 389 (6a7cdea is een
   grid-container; mobiel erfde --e-con-grid-template-rows: repeat(2,1fr) van
   tablet). Hier verder niets nodig. */

/* woningvelden zonder waarde verbergen */
/* kenmerkenrij: bij een leeg veld ontbreekt .elementor-price-list-price volledig */
.elementor-419 .elementor-price-list-item:not(:has(.elementor-price-list-price)) { display: none; }
/* kenmerk-icoon zonder waarde: op de kaart en in de herobalk */
.elementor-180 .elementor-widget-icon-box:not(:has(.elementor-icon-box-title)),
.elementor-419 .elementor-widget-icon-box:not(:has(.elementor-icon-box-title)) { display: none; }
/* lijstitem zonder tekst (In het kort) */
.elementor-419 .elementor-icon-list-item:has(.elementor-icon-list-text:empty) { display: none; }
.elementor-180 .elementor-icon-list-item:has(.elementor-icon-list-text:empty) { display: none; }
/* een kenmerkenblok waarvan ALLE rijen wegvallen, verbergt zichzelf */
.elementor-419 .elementor-widget-price-list:not(:has(.elementor-price-list-price)) { display: none; }

/* brede tabellen op smalle schermen */
@media (max-width: 767px){
  .wp-block-table, .entry-content table, .page-content table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .wp-block-table table{min-width:520px}
  .entry-content table th, .entry-content table td{white-space:normal}
}

/* submenu: openen op hover, tik en toetsenbord, plus vormgeving.
   Elementor Pro zet width:12em (156px) op de dropdown terwijl de links op
   white-space:nowrap staan — het langste item heeft 196px nodig, dus liep de
   tekst buiten de witte box over de pagina heen. */
@media (min-width: 1025px){
  /* openen via toetsenbord, en via tik op een touchscreen (zie qm-menu-touch) */
  .elementor-nav-menu--main .menu-item-has-children:focus-within > ul.sub-menu,
  .elementor-nav-menu--main .menu-item-has-children.qm-tik-open > ul.sub-menu{display:block !important}

  .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu{
    width:max-content !important;
    min-width:210px;
    max-width:320px;
    padding:8px 0 !important;
    border-radius:16px;
    box-shadow:0 14px 34px rgba(17,17,17,.14);
    background:#fff;
    z-index:999;
    margin-top:6px;
  }
  .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item{
    white-space:normal;
    border-radius:10px;
    margin:0 6px;
    transition:background-color .15s ease, color .15s ease;
  }
  .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item:focus-visible{
    background-color:#f7f5ef;
    color:#d71920;
  }
}

/* hover alleen waar een echte muis is — op een iPad bestaat hover niet, daar
   zou een hover-regel aan de tik blijven plakken */
@media (min-width: 1025px) and (hover: hover){
  .elementor-nav-menu--main .menu-item-has-children:hover > ul.sub-menu{display:block !important}
  .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item:hover{
    background-color:#f7f5ef;
    color:#d71920;
  }
}

/* blog: kaarten en hero */
/* ---- kaart ---- */
/* de kit zet standaard 50px zijpadding op een container; daardoor liep de foto
   niet over de volle kaartbreedte */
.elementor-element-bcard01{ padding:0 !important; }
.elementor-3256, .elementor-3256 > a{ width:100%; }
.elementor-3256 > a{ height:100%; display:flex; flex-direction:column; }

/* alle kaartfoto's dezelfde verhouding, anders worden staande foto's torenhoog */
.elementor-3256 .elementor-widget-image,
.elementor-3256 .elementor-widget-image .elementor-widget-container{ width:100%; }
.elementor-3256 .elementor-widget-image img{
  aspect-ratio:3/2; object-fit:cover; width:100%; height:auto; display:block;
}

/* tekstblok vult de resthoogte, zodat "Lees verder" op elke kaart onderaan staat */
.elementor-3256 .elementor-element-bcard03{ flex:1 1 auto !important; display:flex; flex-direction:column; }
.elementor-element-bcard08{ flex:0 1 auto; }
.elementor-element-bcard09{ margin-top:auto; padding-top:10px; }

/* rubriek en datum op één regel; een lange rubriek wordt afgekapt */
.elementor-element-bcard04{ flex-wrap:nowrap; align-items:baseline; justify-content:space-between; }
.elementor-element-bcard04 .elementor-element-bcard06 .elementor-heading-title{ white-space:nowrap; }
.elementor-element-bcard04 .elementor-element-bcard05{ min-width:0; }
.elementor-element-bcard04 .elementor-element-bcard05 .elementor-heading-title{
  display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* ---- raster ---- */
/* Elementor liet de kolommen meegroeien met de inhoud (408/402/329 px) */
.elementor-element-barch06 .elementor-loop-container{ grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:1024px){
  .elementor-element-barch06 .elementor-loop-container{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px){
  .elementor-element-barch06 .elementor-loop-container{ grid-template-columns:minmax(0,1fr); }
}

/* ---- hero van een bericht ---- */
.elementor-3258 .elementor-widget-image img{
  aspect-ratio:16/9; object-fit:cover; width:100%; height:auto; display:block;
}
@media (max-width:767px){
  .elementor-3258 .elementor-widget-image img{ aspect-ratio:4/3; }
}
.elementor-element-bpost03{ flex-wrap:nowrap; align-items:baseline; gap:12px; }
.elementor-element-bpost03 .elementor-heading-title{ white-space:nowrap; }

/* ---- kruimelpad ---- */
/* stond op Roboto Slab in roze; de rest van de site gebruikt Roboto 13px */
.elementor-3257 .elementor-widget-breadcrumbs,
.elementor-3258 .elementor-widget-breadcrumbs,
.elementor-3257 .elementor-widget-breadcrumbs p,
.elementor-3258 .elementor-widget-breadcrumbs p{
  font-family:"Roboto",sans-serif; font-size:13px; font-weight:400;
  color:rgba(17,17,17,.62);
}
.elementor-3257 .elementor-widget-breadcrumbs a,
.elementor-3258 .elementor-widget-breadcrumbs a{
  font-family:"Roboto",sans-serif; font-size:13px; font-weight:400; color:#111111;
}
.elementor-3257 .elementor-widget-breadcrumbs a:hover,
.elementor-3258 .elementor-widget-breadcrumbs a:hover{ color:#D71920; }

/* ---- knop "Meer berichten" ---- */
/* stond op het Elementor-groen met radius 3px */
.elementor-element-barch06 .e-loop__load-more .elementor-button{
  background-color:#D71920; color:#FFFFFF;
  border-radius:100px; padding:17px 32px;
  font-family:"Roboto",sans-serif; font-size:15px; font-weight:700;
  letter-spacing:.2px; transition:background-color .15s ease;
}
.elementor-element-barch06 .e-loop__load-more .elementor-button:hover,
.elementor-element-barch06 .e-loop__load-more .elementor-button:focus{
  background-color:#111111; color:#FFFFFF;
}
.elementor-element-barch06 .e-loop__load-more{ text-align:center; margin-top:34px; }

/* mobiel menu: submenu onder het item stapelen */
/* Het menu in de popup draait in SmartMenus’ verticale modus (sm-vertical) en
   klapte het submenu zijwaarts uit. Op een tablet landde dat op left:-177px,
   dus links buiten beeld. SmartMenus zet left/top/width inline, vandaar !important. */
.elementor-402 .elementor-nav-menu ul.sub-menu{
  position:static !important;
  left:auto !important; top:auto !important; right:auto !important;
  width:100% !important; min-width:0 !important; max-width:none !important;
  margin:0 !important; padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important; border-radius:0 !important;
}
.elementor-402 .elementor-nav-menu ul.sub-menu li{ width:100%; }
/* subitems stonden in Cherry, alsof ze allemaal de actieve pagina waren;
   de hoofditems staan in Noir. Nu hetzelfde, een maat kleiner en ingesprongen. */
.elementor-402 .elementor-nav-menu ul.sub-menu a.elementor-sub-item{
  padding-left:26px;
  font-size:20px;
  color:rgba(17,17,17,.78) !important;
}
.elementor-402 .elementor-nav-menu ul.sub-menu a.elementor-sub-item:hover,
.elementor-402 .elementor-nav-menu ul.sub-menu a.elementor-sub-item:focus,
.elementor-402 .elementor-nav-menu ul.sub-menu a.elementor-sub-item.elementor-item-active{
  color:#D71920 !important;
}

/* mobiel menu: hover, focus en selectie */
/* Elementor zette een donkergrijze hover-achtergrond, rgb(63,68,75). Op een
   touchscreen blijft die na het aantikken staan, waardoor meerdere items tegelijk
   gemarkeerd leken. Nu Cotton met Cherry-tekst, en op touch helemaal geen hover. */
.elementor-402 .elementor-nav-menu a{
  -webkit-user-select:none; user-select:none;
  -webkit-tap-highlight-color:transparent;
  border-radius:10px;
  transition:background-color .15s ease, color .15s ease;
}

@media (hover: hover){
  /* wit, niet Cotton: de popup zelf heeft al precies die Cotton-tint (#F7F5EF),
     waardoor een Cotton hover onzichtbaar was */
  .elementor-402 .elementor-nav-menu a:hover{
    background-color:#FFFFFF !important;
    color:#D71920 !important;
  }
}

/* op een touchscreen blijft :hover plakken; daar dus niets laten veranderen,
   op een korte indruk tijdens het tikken na */
@media (hover: none){
  .elementor-402 .elementor-nav-menu a:hover{ background-color:transparent !important; }
  .elementor-402 .elementor-nav-menu > ul > li > a:hover{ color:#111111 !important; }
  .elementor-402 .elementor-nav-menu a.elementor-item-active:hover,
  .elementor-402 .elementor-nav-menu a.highlighted:hover{ color:#D71920 !important; }
  .elementor-402 .elementor-nav-menu ul.sub-menu a.elementor-sub-item:hover{
    color:rgba(17,17,17,.78) !important;
  }
  .elementor-402 .elementor-nav-menu ul.sub-menu a.elementor-sub-item.elementor-item-active:hover{
    color:#D71920 !important;
  }
  .elementor-402 .elementor-nav-menu a:active{ background-color:#FFFFFF !important; }
}

/* toetsenbordfocus zichtbaar houden, maar niet als zwart blok */
.elementor-402 .elementor-nav-menu a:focus{ outline:none; }
.elementor-402 .elementor-nav-menu a:focus-visible{
  outline:2px solid #D71920; outline-offset:2px;
}

/* desktop-dropdown: titels in Noir */
/* De subitems onder Duitsland stonden in Cherry, het actieve item in wit op een
   donkergrijs blok (Elementors standaard). Op verzoek van de klant: zwart. */
.elementor-77 .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item,
.elementor-77 .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item:visited,
.elementor-77 .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item:focus{
  color:#111111 !important; background-color:transparent !important;
}
.elementor-77 .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item.elementor-item-active{
  color:#111111 !important; background-color:#F7F5EF !important; font-weight:600;
}
@media (hover:hover){
  .elementor-77 .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item:hover{
    color:#D71920 !important; background-color:#F7F5EF !important;
  }
}

/* Duitsland-pagina’s: donkere slotsectie sluit aan op de footer */
/* Footerblok 1de5dda heeft 75px bovenmarge; daar schijnt de Cotton-body door.
   Na een lichte sectie valt dat weg, na een donkere slotsectie werd het een felle
   band. Alleen op de pagina's die donker eindigen. */
.page-id-737 .elementor-element-1de5dda,
.page-id-784 .elementor-element-1de5dda,
.page-id-785 .elementor-element-1de5dda{ margin-top:0 !important; }/* End custom CSS */