.elementor-395 .elementor-element.elementor-element-395010d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-395 .elementor-element.elementor-element-3b8bb0a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;box-shadow:38px -17px 39px -34px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-395 .elementor-element.elementor-element-3b8bb0a:not(.elementor-motion-effects-element-type-background), .elementor-395 .elementor-element.elementor-element-3b8bb0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-395 .elementor-element.elementor-element-255a0df{text-align:start;}.elementor-395 .elementor-element.elementor-element-255a0df img{width:100%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-395 .elementor-element.elementor-element-4fc9031 .elementor-menu-toggle{margin:0 auto;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-395 .elementor-element.elementor-element-ba8e8b8{padding:0px 0px 0px 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-395 .elementor-element.elementor-element-ba8e8b8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(9px/2);}.elementor-395 .elementor-element.elementor-element-ba8e8b8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(9px/2);}.elementor-395 .elementor-element.elementor-element-ba8e8b8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(9px/2);}.elementor-395 .elementor-element.elementor-element-ba8e8b8 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-9px/2);}.elementor-395 .elementor-element.elementor-element-ba8e8b8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-9px/2);}.elementor-395 .elementor-element.elementor-element-ba8e8b8 .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-395 .elementor-element.elementor-element-ba8e8b8 .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-395 .elementor-element.elementor-element-ba8e8b8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-395 .elementor-element.elementor-element-ba8e8b8 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;}.elementor-395 .elementor-element.elementor-element-ba8e8b8 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-395 .elementor-element.elementor-element-348c2b0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-395 .elementor-element.elementor-element-348c2b0:not(.elementor-motion-effects-element-type-background), .elementor-395 .elementor-element.elementor-element-348c2b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://blondenbelegd.nl/wp-content/uploads/2026/04/twee-bladen-header-2.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-395 .elementor-element.elementor-element-a5a3775{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-395 .elementor-element.elementor-element-a5a3775 .elementor-heading-title{font-family:"Argue", Sans-serif;font-size:23px;font-weight:600;letter-spacing:1.2px;color:var( --e-global-color-accent );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-395 .elementor-element.elementor-element-9bb243d{padding:0px 0px 20px 0px;text-align:start;color:var( --e-global-color-accent );}.elementor-395 .elementor-element.elementor-element-f569021{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:24px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-395 .elementor-element.elementor-element-f569021 .elementor-social-icon{background-color:var( --e-global-color-accent );--icon-padding:0.3em;}.elementor-395 .elementor-element.elementor-element-f569021 .elementor-social-icon i{color:var( --e-global-color-primary );}.elementor-395 .elementor-element.elementor-element-f569021 .elementor-social-icon svg{fill:var( --e-global-color-primary );}.elementor-395 .elementor-element.elementor-element-f0e69ce{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-395 .elementor-element.elementor-element-d5164f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-395 .elementor-element.elementor-element-c3648a3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-395 .elementor-element.elementor-element-fb72366 .elementor-menu-toggle{margin:0 auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-395 .elementor-element.elementor-element-3b8bb0a{--width:80%;}.elementor-395 .elementor-element.elementor-element-d5164f6{--width:50%;}.elementor-395 .elementor-element.elementor-element-c3648a3{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-3b8bb0a *//* ================================
   Blond & Belegd - basis
   ================================ */

body {
  padding-left: 0 !important;
}


/* ================================
   Desktop: verticale menubalk links
   ================================ */

.blond-left-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 240px;
  height: 100vh;
  background: #f7f1e8;
  z-index: 99999;
  padding: 34px 22px 0;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  align-items: flex-start;

  box-shadow: 8px 0 28px rgba(70, 60, 40, 0.12);
  border-right: 1px solid rgba(112, 123, 67, 0.10);
  overflow: visible;
}

/* Organische ronde rechterrand */
.blond-left-menu::after {
  content: "";
  position: absolute;
  right: -22px;
  top: 0;
  width: 44px;
  height: 100%;
  background: #f7f1e8;
  border-radius: 0 55% 55% 0;
  z-index: -1;
}

/* Geen witte achtergrond achter sidebar */
.blond-left-menu,
.blond-left-menu::before,
.blond-left-menu::after {
  background-color: #f7f1e8 !important;
}

.blond-left-menu .elementor-widget-wrap,
.blond-left-menu .elementor-element,
.blond-left-menu .e-con-inner {
  background: transparent !important;
}

/* Logo */
.blond-left-menu .elementor-widget-theme-site-logo,
.blond-left-menu .elementor-widget-image {
  width: 100%;
  margin-bottom: 32px;
  text-align: left;
}

.blond-left-menu img {
  max-width: 145px;
  height: auto;
}


/* ================================
   Desktop menu-items
   ================================ */

.blond-left-menu .elementor-nav-menu {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  overflow: visible !important;
}

.blond-left-menu .elementor-nav-menu li {
  width: 100%;
  overflow: visible !important;
  transition:
    width 0.42s cubic-bezier(0.22, 1, 0.36, 1),
    margin-left 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

.blond-left-menu .elementor-nav-menu a {
  display: flex !important;
  align-items: center;
  width: 100% !important;
  min-height: 42px;

  color: #727c43 !important;
  background: transparent;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.15;
  padding: 10px 14px !important;
  border-radius: 0 999px 999px 0 !important;
  text-align: left;
  box-sizing: border-box;

  white-space: normal !important;
  word-break: normal;
  overflow-wrap: normal;
  overflow: visible !important;

  transition:
    background-color 0.42s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.3s ease,
    padding-left 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Hover: knop loopt links van scherm af */
.blond-left-menu .elementor-nav-menu li:hover {
  width: calc(100% + 22px);
  margin-left: -22px;
}

.blond-left-menu .elementor-nav-menu li:hover > a {
  background: rgba(114, 124, 67, 0.14) !important;
  color: #4f592e !important;
  padding-left: 36px !important;
  width: 100% !important;
  border-radius: 0 999px 999px 0 !important;
}

/* Actieve pagina: knop loopt links van scherm af */
.blond-left-menu .elementor-nav-menu li.current-menu-item,
.blond-left-menu .elementor-nav-menu li.current_page_item,
.blond-left-menu .elementor-nav-menu li:has(.elementor-item-active) {
  width: calc(100% + 22px);
  margin-left: -22px;
}

.blond-left-menu .elementor-nav-menu li.current-menu-item > a,
.blond-left-menu .elementor-nav-menu li.current_page_item > a,
.blond-left-menu .elementor-nav-menu li > a.elementor-item-active {
  display: flex !important;
  align-items: center;
  width: 100% !important;
  background: #727c43 !important;
  color: #fffaf2 !important;
  padding-left: 36px !important;
  border-radius: 0 999px 999px 0 !important;
  box-sizing: border-box;
}

.blond-left-menu .elementor-nav-menu li.current-menu-item:hover > a,
.blond-left-menu .elementor-nav-menu li.current_page_item:hover > a,
.blond-left-menu .elementor-nav-menu li:hover > a.elementor-item-active {
  background: #727c43 !important;
  color: #fffaf2 !important;
}

/* Tweeregelig menu-item netjes */
.blond-left-menu .elementor-nav-menu li > a br {
  display: block;
}


/* ================================
   Contactgegevens boven het blad
   ================================ */

.menu-contactgegevens {
  position: absolute;
  left: 30px;
  bottom: 250px;
  width: 170px;
  z-index: 10;

  color: #727c43 !important;
  font-size: 14px;
  line-height: 1.45;
}

.menu-contactgegevens,
.menu-contactgegevens p,
.menu-contactgegevens a,
.menu-contactgegevens span {
  color: #727c43 !important;
}

.menu-contactgegevens p {
  margin: 0 0 8px 0 !important;
}

.menu-contactgegevens i,
.menu-contactgegevens svg {
  color: #d8cbb5 !important;
  fill: #d8cbb5 !important;
  margin-right: 7px;
}

.menu-contactgegevens .elementor-icon-list-items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.menu-contactgegevens .elementor-icon-list-item {
  align-items: flex-start !important;
}

.menu-contactgegevens .elementor-icon-list-text {
  line-height: 1.4;
}


/* ================================
   Blad met tekst en socials onderin
   ================================ */

.menu-social-blad {
  position: absolute !important;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 245px;
  margin: 0 !important;
  padding: 0;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;

  text-align: left;
  z-index: 5;
  overflow: visible;
  background: transparent !important;
}

.menu-social-blad::before {
  content: "";
  position: absolute;
  left: -92px;
  bottom: 0;
  width: 420px;
  height: 260px;

  background-image: url("https://blondenbelegd.nl/wp-content/uploads/2026/04/twee-bladen-header-2.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;

  z-index: -1;
  opacity: 1;
  pointer-events: none;
}

.menu-social-blad .elementor-widget-heading,
.menu-social-blad .elementor-widget-text-editor,
.menu-social-blad .elementor-widget-social-icons {
  position: relative;
  z-index: 2;
}

.menu-social-blad .elementor-widget-heading,
.menu-social-blad .elementor-widget-text-editor,
.menu-social-blad .elementor-widget-social-icons {
  width: 135px !important;
  margin-left: -8px !important;
  margin-right: 0 !important;
  padding: 0 !important;
  text-align: left;
  align-self: center !important;
}

.menu-social-blad .elementor-widget-heading {
  margin-bottom: 0 !important;
}

.menu-social-blad .elementor-widget-text-editor {
  margin-bottom: 12px !important;
}

.menu-social-blad .elementor-heading-title,
.menu-social-blad .elementor-widget-text-editor p {
  padding: 0 !important;
  margin: 0 !important;
  text-align: left;
}

.menu-social-blad,
.menu-social-blad p,
.menu-social-blad h2,
.menu-social-blad h3,
.menu-social-blad .elementor-heading-title {
  color: #fffaf2 !important;
}

.menu-social-blad .elementor-heading-title {
  font-size: 15px;
  line-height: 1.05;
}

.menu-social-blad p {
  font-size: 12px;
  line-height: 1.25;
}

/* Social icons */
.menu-social-blad .elementor-social-icons-wrapper {
  position: relative;
  z-index: 2;

  width: 135px !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center;
  gap: 8px !important;

  margin: 0 0 15px 0 !important;
  padding: 0 !important;
}

.menu-social-blad .elementor-social-icons-wrapper .elementor-grid-item,
.menu-social-blad .elementor-widget-social-icons .elementor-grid-item {
  margin: 0 !important;
  padding: 0 !important;
}

.menu-social-blad .elementor-social-icon {
  background-color: #fffaf2 !important;
  color: #727c43 !important;
  width: 30px;
  height: 30px;
  border-radius: 7px;

  display: flex !important;
  align-items: center;
  justify-content: center;

  transition:
    transform 0.3s ease,
    background-color 0.3s ease;
}

.menu-social-blad .elementor-social-icon i,
.menu-social-blad .elementor-social-icon svg {
  color: #727c43 !important;
  fill: #727c43 !important;
}

.menu-social-blad .elementor-social-icon:hover {
  background-color: #ffffff !important;
  transform: translateY(-2px);
}


/* ================================
   Desktop: content optisch naast menu centreren
   ================================ */

@media (min-width: 1025px) {
  .content-naast-menu {
    padding-left: 220px;
    box-sizing: border-box;
  }

  .content-naast-menu > .e-con-inner {
    margin-left: auto;
    margin-right: auto;
  }
}


/* ================================
   Admin bar fix
   ================================ */

.admin-bar .blond-left-menu {
  top: 32px;
  height: calc(100vh - 32px);
}


/* ================================
   Mobiele header standaard verborgen
   ================================ */

.blond-mobile-header {
  display: none !important;
}


/* ================================
   Tablet + mobiel: bovenheader gebruiken
   ================================ */

@media (max-width: 1024px) {
  body {
    padding-left: 0 !important;
  }

  /* Desktop sidebar uit */
  .blond-left-menu {
    display: none !important;
  }

  /* Mobiele header aan */
  .blond-mobile-header {
    display: flex !important;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;

    background: #f7f1e8;
    box-shadow: 0 8px 24px rgba(70, 60, 40, 0.10);
    border-bottom: 1px solid rgba(112, 123, 67, 0.12);
    overflow: hidden;
  }

  .blond-mobile-header::after {
    content: none !important;
    display: none !important;
  }

  .blond-mobile-header > .e-con-inner {
    width: 100%;
    min-height: 78px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
  }

  .blond-mobile-header img {
    max-width: 135px;
    height: auto;
  }

  .blond-mobile-header > .e-con-inner,
  .blond-mobile-header .elementor-widget-theme-site-logo,
  .blond-mobile-header .elementor-widget-image,
  .blond-mobile-header .elementor-widget-nav-menu {
    position: relative;
    z-index: 2;
  }

  /* Hamburger */
  .blond-mobile-header .elementor-menu-toggle {
    background: #727c43 !important;
    color: #fffaf2 !important;
    border-radius: 999px;
    width: 46px;
    height: 46px;
    padding: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;
  }

  .blond-mobile-header .elementor-menu-toggle svg,
  .blond-mobile-header .elementor-menu-toggle i {
    color: #fffaf2 !important;
    fill: #fffaf2 !important;
  }

  /* Dropdown */
  .blond-mobile-header .elementor-nav-menu--dropdown {
    background: #f7f1e8 !important;
    border-radius: 0 0 28px 28px;
    box-shadow: 0 16px 30px rgba(70, 60, 40, 0.12);
    padding: 12px 18px 20px;
    margin-top: 10px !important;
  }

  .blond-mobile-header .elementor-nav-menu--dropdown a {
    color: #727c43 !important;
    font-size: 18px;
    font-weight: 600;
    padding: 13px 16px !important;
    border-radius: 999px;
    text-align: center;
  }

  .blond-mobile-header .elementor-nav-menu--dropdown a:hover,
  .blond-mobile-header .elementor-nav-menu--dropdown .elementor-item-active {
    background: #727c43 !important;
    color: #fffaf2 !important;
  }

  /* Content op tablet/mobiel netjes centreren */
  .content-naast-menu {
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }

  .content-naast-menu > .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
    box-sizing: border-box;
  }
}


/* ================================
   Alleen mobiel iets compacter
   ================================ */

@media (max-width: 767px) {
  .blond-mobile-header > .e-con-inner {
    min-height: 68px;
    padding: 10px 16px;
  }

  .blond-mobile-header img {
    max-width: 120px;
  }

  .blond-mobile-header .elementor-menu-toggle {
    width: 42px;
    height: 42px;
  }

  .content-naast-menu > .e-con-inner {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}


/* ================================
   Fix voor lagere laptop-schermen
   voorkomt overlap menu/contact
   ================================ */

@media (min-width: 1025px) and (max-height: 850px) {
  .blond-left-menu {
    width: 230px;
    padding: 24px 18px 0;
  }

  .blond-left-menu img {
    max-width: 130px;
  }

  .blond-left-menu .elementor-widget-theme-site-logo,
  .blond-left-menu .elementor-widget-image {
    margin-bottom: 22px;
  }

  .blond-left-menu .elementor-nav-menu {
    gap: 4px;
  }

  .blond-left-menu .elementor-nav-menu a {
    font-size: 15px !important;
    min-height: 36px !important;
    height: auto !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .menu-contactgegevens {
    bottom: 215px !important;
    left: 26px !important;
    width: 165px !important;
    font-size: 12px !important;
    line-height: 1.28 !important;
  }

  .menu-contactgegevens .elementor-icon-list-items {
    gap: 4px !important;
  }

  .menu-social-blad {
    height: 205px !important;
  }

  .menu-social-blad::before {
    left: -85px !important;
    width: 360px !important;
    height: 225px !important;
  }

  .menu-social-blad .elementor-heading-title {
    font-size: 14px !important;
    line-height: 0.95 !important;
  }

  .menu-social-blad .elementor-widget-heading {
    margin-bottom: 2px !important;
  }

  .menu-social-blad .elementor-widget-text-editor {
    margin-bottom: 8px !important;
  }

  .menu-social-blad p {
    font-size: 10px !important;
    line-height: 1.15 !important;
  }

  .menu-social-blad .elementor-social-icons-wrapper {
    margin-bottom: 8px !important;
  }

  .menu-social-blad .elementor-social-icon {
    width: 24px !important;
    height: 24px !important;
  }
}


/* Nog lagere laptopschermen */
@media (min-width: 1025px) and (max-height: 730px) {
  .blond-left-menu {
    width: 220px;
    padding: 18px 16px 0;
  }

  .blond-left-menu img {
    max-width: 118px;
  }

  .blond-left-menu .elementor-widget-theme-site-logo,
  .blond-left-menu .elementor-widget-image {
    margin-bottom: 16px;
  }

  .blond-left-menu .elementor-nav-menu a {
    font-size: 14px !important;
    min-height: 32px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .menu-contactgegevens {
    bottom: 185px !important;
    left: 24px !important;
    width: 155px !important;
    font-size: 11px !important;
    line-height: 1.22 !important;
  }

  .menu-social-blad {
    height: 175px !important;
  }

  .menu-social-blad::before {
    left: -82px !important;
    width: 320px !important;
    height: 200px !important;
  }

  .menu-social-blad .elementor-heading-title {
    font-size: 13px !important;
    line-height: 0.9 !important;
  }

  .menu-social-blad .elementor-widget-heading {
    margin-bottom: 0 !important;
  }

  .menu-social-blad p {
    font-size: 9.5px !important;
    line-height: 1.1 !important;
  }

  .menu-social-blad .elementor-social-icons-wrapper {
    margin-bottom: 6px !important;
  }

  .menu-social-blad .elementor-widget-heading,
  .menu-social-blad .elementor-widget-text-editor,
  .menu-social-blad .elementor-widget-social-icons {
    margin-left: -8px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0e69ce *//* ================================
   Mobiel & tablet-portret menu
   ================================ */

/* Mobiele header standaard verbergen op desktop */
.blond-mobile-header {
  display: none !important;
}

/* Vanaf tablet-portret en kleiner: desktop sidebar uit, mobiele header aan */
@media (max-width: 1024px) {
  /* Linker sidebar verbergen */
  .blond-left-menu {
    display: none !important;
  }

  /* Mobiele header tonen */
  .blond-mobile-header {
    display: flex !important;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;

    background: #f7f1e8;
    box-shadow: 0 8px 24px rgba(70, 60, 40, 0.10);
    border-bottom: 1px solid rgba(112, 123, 67, 0.12);
    overflow: hidden;
  }

  /* Binnencontainer header */
  .blond-mobile-header > .e-con-inner {
    width: 100%;
    min-height: 78px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
  }

  /* Logo mobiel */
  .blond-mobile-header img {
    max-width: 135px;
    height: auto;
  }

  /* Hamburger knop */
  .blond-mobile-header .elementor-menu-toggle {
    background: #727c43 !important;
    color: #fffaf2 !important;
    border-radius: 999px;
    width: 46px;
    height: 46px;
    padding: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;
  }

  .blond-mobile-header .elementor-menu-toggle svg,
  .blond-mobile-header .elementor-menu-toggle i {
    color: #fffaf2 !important;
    fill: #fffaf2 !important;
  }

  /* Dropdown menu */
  .blond-mobile-header .elementor-nav-menu--dropdown {
    background: #f7f1e8 !important;
    border-radius: 0 0 28px 28px;
    box-shadow: 0 16px 30px rgba(70, 60, 40, 0.12);
    padding: 12px 18px 20px;
    margin-top: 10px !important;
  }

  /* Menu items dropdown */
  .blond-mobile-header .elementor-nav-menu--dropdown a {
    color: #727c43 !important;
    font-size: 18px;
    font-weight: 600;
    padding: 13px 16px !important;
    border-radius: 999px;
    text-align: center;
  }

  /* Hover en actieve pagina mobiel */
  .blond-mobile-header .elementor-nav-menu--dropdown a:hover,
  .blond-mobile-header .elementor-nav-menu--dropdown .elementor-item-active {
    background: #727c43 !important;
    color: #fffaf2 !important;
  }

  /* Content op tablet/mobiel netjes centreren */
  .content-naast-menu {
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }

  .content-naast-menu > .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
    box-sizing: border-box;
  }
}

/* Alleen kleine mobiel iets compacter */
@media (max-width: 767px) {
  .blond-mobile-header > .e-con-inner {
    min-height: 68px;
    padding: 10px 16px;
  }

  .blond-mobile-header img {
    max-width: 120px;
  }

  .blond-mobile-header .elementor-menu-toggle {
    width: 42px;
    height: 42px;
  }

  .content-naast-menu > .e-con-inner {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}

/* Blad in mobiele header volledig uitschakelen */
.blond-mobile-header::before,
.blond-mobile-header::after,
.blond-mobile-header > .e-con-inner::before,
.blond-mobile-header > .e-con-inner::after {
  content: none !important;
  display: none !important;
  background-image: none !important;
}/* End custom CSS */