.elementor-688 .elementor-element.elementor-element-210cda0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-688 .elementor-element.elementor-element-57c1643{--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;--overflow:hidden;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-688 .elementor-element.elementor-element-57c1643:not(.elementor-motion-effects-element-type-background), .elementor-688 .elementor-element.elementor-element-57c1643 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-688 .elementor-element.elementor-element-98ee303{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.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-688 .elementor-element.elementor-element-8550b88 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(4px/2);}.elementor-688 .elementor-element.elementor-element-8550b88 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(4px/2);}.elementor-688 .elementor-element.elementor-element-8550b88 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(4px/2);}.elementor-688 .elementor-element.elementor-element-8550b88 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-4px/2);}.elementor-688 .elementor-element.elementor-element-8550b88 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-4px/2);}.elementor-688 .elementor-element.elementor-element-8550b88 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-688 .elementor-element.elementor-element-8550b88 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-688 .elementor-element.elementor-element-8550b88{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-688 .elementor-element.elementor-element-8550b88 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-688 .elementor-element.elementor-element-8550b88 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:42px;font-weight:700;}.elementor-688 .elementor-element.elementor-element-8550b88 .elementor-icon-list-text{color:var( --e-global-color-b45d187 );transition:color 0.3s;}.elementor-688 .elementor-element.elementor-element-8550b88 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-secondary );}.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-688 .elementor-element.elementor-element-c99cbfc{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-688 .elementor-element.elementor-element-1bb1686{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;--z-index:2;}.elementor-688 .elementor-element.elementor-element-f58df50{--display:flex;}.elementor-688 .elementor-element.elementor-element-3c2855d{--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;}.elementor-688 .elementor-element.elementor-element-5ba2750{--display:flex;}.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 );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-688 .elementor-element.elementor-element-bec0f0b .elementor-heading-title{font-family:"Molle", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-b45d187 );}.elementor-688 .elementor-element.elementor-element-32cd2af .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-688 .elementor-element.elementor-element-32cd2af .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-688 .elementor-element.elementor-element-32cd2af .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-688 .elementor-element.elementor-element-32cd2af .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-688 .elementor-element.elementor-element-32cd2af .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-688 .elementor-element.elementor-element-32cd2af .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-688 .elementor-element.elementor-element-32cd2af .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-688 .elementor-element.elementor-element-32cd2af{--e-icon-list-icon-size:9px;--icon-vertical-align:flex-start;}.elementor-688 .elementor-element.elementor-element-32cd2af .elementor-icon-list-item > .elementor-icon-list-text, .elementor-688 .elementor-element.elementor-element-32cd2af .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;letter-spacing:-0.02rem;}.elementor-688 .elementor-element.elementor-element-32cd2af .elementor-icon-list-text{color:var( --e-global-color-504b584 );transition:color 0.3s;}.elementor-688 .elementor-element.elementor-element-32cd2af .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-504b584 );}.elementor-688 .elementor-element.elementor-element-c8fa69d{--display:flex;}.elementor-688 .elementor-element.elementor-element-b4785dc .elementor-heading-title{font-family:"Molle", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-b45d187 );}.elementor-688 .elementor-element.elementor-element-0317952 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-688 .elementor-element.elementor-element-0317952 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-688 .elementor-element.elementor-element-0317952 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-688 .elementor-element.elementor-element-0317952 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-688 .elementor-element.elementor-element-0317952 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-688 .elementor-element.elementor-element-0317952 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-688 .elementor-element.elementor-element-0317952 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-688 .elementor-element.elementor-element-0317952{--e-icon-list-icon-size:9px;--icon-vertical-align:flex-start;}.elementor-688 .elementor-element.elementor-element-0317952 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-688 .elementor-element.elementor-element-0317952 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;letter-spacing:-0.02rem;}.elementor-688 .elementor-element.elementor-element-0317952 .elementor-icon-list-text{color:var( --e-global-color-504b584 );transition:color 0.3s;}.elementor-688 .elementor-element.elementor-element-0317952 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-504b584 );}.elementor-688 .elementor-element.elementor-element-44e64f0{--display:flex;}.elementor-688 .elementor-element.elementor-element-0461238 .elementor-heading-title{font-family:"Molle", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-b45d187 );}.elementor-688 .elementor-element.elementor-element-8f6b942 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-688 .elementor-element.elementor-element-8f6b942 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-688 .elementor-element.elementor-element-8f6b942 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-688 .elementor-element.elementor-element-8f6b942 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-688 .elementor-element.elementor-element-8f6b942 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-688 .elementor-element.elementor-element-8f6b942 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-688 .elementor-element.elementor-element-8f6b942 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-688 .elementor-element.elementor-element-8f6b942{--e-icon-list-icon-size:9px;--icon-vertical-align:flex-start;}.elementor-688 .elementor-element.elementor-element-8f6b942 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-688 .elementor-element.elementor-element-8f6b942 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;letter-spacing:-0.02rem;}.elementor-688 .elementor-element.elementor-element-8f6b942 .elementor-icon-list-text{color:var( --e-global-color-504b584 );transition:color 0.3s;}.elementor-688 .elementor-element.elementor-element-8f6b942 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-504b584 );}.elementor-688 .elementor-element.elementor-element-5b688ac{--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;--justify-content:flex-end;}.elementor-688 .elementor-element.elementor-element-19e1ddc .elementor-heading-title{font-family:"Molle", Sans-serif;font-size:14px;font-weight:500;color:var( --e-global-color-b45d187 );}body:not(.rtl) .elementor-688 .elementor-element.elementor-element-5e85f8c{right:-217px;}body.rtl .elementor-688 .elementor-element.elementor-element-5e85f8c{left:-217px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-688 .elementor-element.elementor-element-60658a3 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-688 .elementor-element.elementor-element-60658a3.elementor-element{--align-self:center;}.elementor-688 .elementor-element.elementor-element-60658a3{bottom:20px;}.elementor-688 .elementor-element.elementor-element-60658a3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-688 .elementor-element.elementor-element-35c3da2 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-688 .elementor-element.elementor-element-35c3da2.elementor-element{--align-self:center;}.elementor-688 .elementor-element.elementor-element-35c3da2{bottom:20px;}.elementor-688 .elementor-element.elementor-element-35c3da2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(min-width:768px){.elementor-688 .elementor-element.elementor-element-210cda0{--content-width:100%;}.elementor-688 .elementor-element.elementor-element-98ee303{--width:30%;}.elementor-688 .elementor-element.elementor-element-1bb1686{--width:70%;}}@media(max-width:767px){.elementor-688 .elementor-element.elementor-element-57c1643{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-688 .elementor-element.elementor-element-8550b88 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-688 .elementor-element.elementor-element-8550b88 .elementor-icon-list-item > a{font-size:29px;}.elementor-688 .elementor-element.elementor-element-1bb1686{--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}body:not(.rtl) .elementor-688 .elementor-element.elementor-element-5e85f8c{right:-93px;}body.rtl .elementor-688 .elementor-element.elementor-element-5e85f8c{left:-93px;}.elementor-688 .elementor-element.elementor-element-35c3da2{z-index:99;}}/* Start custom CSS for icon-list, class: .elementor-element-32cd2af *//* =========================
   TALAMUS ICON LIST - 1 geheel (icon links)
   Class op widget: talamus-iconlist-left
   ========================= */

/* lijst reset */
.talamus-iconlist-left .elementor-icon-list-items{
  padding: 0;
  margin: 0;
}

.talamus-iconlist-left .elementor-icon-list-item{
  list-style: none;
  margin:  0px;

  border: 0px;
  border-radius: 2px;
  position: relative;
  overflow: hidden;

  display: flex;
  align-items: center;

  /* ruimte links voor blok + icon */
  padding: 7px 0px 0px 55px;

  box-sizing: border-box;
}

/* Als er een link is: maak hem “neutraal” en laat hem de content dragen */
.talamus-iconlist-left .elementor-icon-list-item > a{
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;

  text-decoration: none;
  color: inherit;

  padding: 0;
  margin: 0;
}

/* FILL: start als linker blok (45px) en op hover vult hij alles */
.talamus-iconlist-left .elementor-icon-list-item::before{
  content: "";
  position: absolute;
  inset: 0;
  background: #8777B5;
  border-radius: 2px;
  z-index: 0;

  /* alleen 45px links zichtbaar */
  transform: translateX(calc(-100% + 45px));
  transition: transform .3s ease;
  pointer-events: none;
}

/* TEXT boven de fill */
.talamus-iconlist-left .elementor-icon-list-text{
  position: relative;
  z-index: 2;
  color: #fff;

  padding: 0 !important;
  margin: 0 !important;
  min-width: 0;
}

/* ICON vast links in het blok */
.talamus-iconlist-left .elementor-icon-list-icon{
  position: absolute !important;
  left: 0;
  top: 0;

  width: 45px;
  height: 100%;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center;
  justify-content: center;

  z-index: 3;
  color: #fff;
}

/* Icon animatie (i én svg) */
.talamus-iconlist-left .elementor-icon-list-icon i,
.talamus-iconlist-left .elementor-icon-list-icon svg{
  transform: rotate(0deg);
  transition: transform .3s ease;
  transform-origin: center;
}

/* HOVER desktop: fill schuift uit + icon draait */
@media (min-width: 1024px){
  .talamus-iconlist-left .elementor-icon-list-item:hover::before{
    transform: translateX(0);
  }

  .talamus-iconlist-left .elementor-icon-list-item:hover .elementor-icon-list-icon i,
  .talamus-iconlist-left .elementor-icon-list-item:hover .elementor-icon-list-icon svg{
    transform: rotate(45deg);
  }
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-0317952 *//* =========================
   TALAMUS ICON LIST - 1 geheel (icon links)
   Class op widget: talamus-iconlist-left
   ========================= */

/* lijst reset */
.talamus-iconlist-left .elementor-icon-list-items{
  padding: 0;
  margin: 0;
}

.talamus-iconlist-left .elementor-icon-list-item{
  list-style: none;
  margin:  0px;

  border: 0px;
  border-radius: 2px;
  position: relative;
  overflow: hidden;

  display: flex;
  align-items: center;

  /* ruimte links voor blok + icon */
  padding: 7px 0px 0px 55px;

  box-sizing: border-box;
}

/* Als er een link is: maak hem “neutraal” en laat hem de content dragen */
.talamus-iconlist-left .elementor-icon-list-item > a{
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;

  text-decoration: none;
  color: inherit;

  padding: 0;
  margin: 0;
}

/* FILL: start als linker blok (45px) en op hover vult hij alles */
.talamus-iconlist-left .elementor-icon-list-item::before{
  content: "";
  position: absolute;
  inset: 0;
  background: #8777B5;
  border-radius: 2px;
  z-index: 0;

  /* alleen 45px links zichtbaar */
  transform: translateX(calc(-100% + 45px));
  transition: transform .3s ease;
  pointer-events: none;
}

/* TEXT boven de fill */
.talamus-iconlist-left .elementor-icon-list-text{
  position: relative;
  z-index: 2;
  color: #fff;

  padding: 0 !important;
  margin: 0 !important;
  min-width: 0;
}

/* ICON vast links in het blok */
.talamus-iconlist-left .elementor-icon-list-icon{
  position: absolute !important;
  left: 0;
  top: 0;

  width: 45px;
  height: 100%;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center;
  justify-content: center;

  z-index: 3;
  color: #fff;
}

/* Icon animatie (i én svg) */
.talamus-iconlist-left .elementor-icon-list-icon i,
.talamus-iconlist-left .elementor-icon-list-icon svg{
  transform: rotate(0deg);
  transition: transform .3s ease;
  transform-origin: center;
}

/* HOVER desktop: fill schuift uit + icon draait */
@media (min-width: 1024px){
  .talamus-iconlist-left .elementor-icon-list-item:hover::before{
    transform: translateX(0);
  }

  .talamus-iconlist-left .elementor-icon-list-item:hover .elementor-icon-list-icon i,
  .talamus-iconlist-left .elementor-icon-list-item:hover .elementor-icon-list-icon svg{
    transform: rotate(45deg);
  }
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-8f6b942 *//* =========================
   TALAMUS ICON LIST - 1 geheel (icon links)
   Class op widget: talamus-iconlist-left
   ========================= */

/* lijst reset */
.talamus-iconlist-left .elementor-icon-list-items{
  padding: 0;
  margin: 0;
}

.talamus-iconlist-left .elementor-icon-list-item{
  list-style: none;
  margin:  0px;

  border: 0px;
  border-radius: 2px;
  position: relative;
  overflow: hidden;

  display: flex;
  align-items: center;

  /* ruimte links voor blok + icon */
  padding: 7px 0px 0px 55px;

  box-sizing: border-box;
}

/* Als er een link is: maak hem “neutraal” en laat hem de content dragen */
.talamus-iconlist-left .elementor-icon-list-item > a{
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;

  text-decoration: none;
  color: inherit;

  padding: 0;
  margin: 0;
}

/* FILL: start als linker blok (45px) en op hover vult hij alles */
.talamus-iconlist-left .elementor-icon-list-item::before{
  content: "";
  position: absolute;
  inset: 0;
  background: #8777B5;
  border-radius: 2px;
  z-index: 0;

  /* alleen 45px links zichtbaar */
  transform: translateX(calc(-100% + 45px));
  transition: transform .3s ease;
  pointer-events: none;
}

/* TEXT boven de fill */
.talamus-iconlist-left .elementor-icon-list-text{
  position: relative;
  z-index: 2;
  color: #fff;

  padding: 0 !important;
  margin: 0 !important;
  min-width: 0;
}

/* ICON vast links in het blok */
.talamus-iconlist-left .elementor-icon-list-icon{
  position: absolute !important;
  left: 0;
  top: 0;

  width: 45px;
  height: 100%;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center;
  justify-content: center;

  z-index: 3;
  color: #fff;
}

/* Icon animatie (i én svg) */
.talamus-iconlist-left .elementor-icon-list-icon i,
.talamus-iconlist-left .elementor-icon-list-icon svg{
  transform: rotate(0deg);
  transition: transform .3s ease;
  transform-origin: center;
}

/* HOVER desktop: fill schuift uit + icon draait */
@media (min-width: 1024px){
  .talamus-iconlist-left .elementor-icon-list-item:hover::before{
    transform: translateX(0);
  }

  .talamus-iconlist-left .elementor-icon-list-item:hover .elementor-icon-list-icon i,
  .talamus-iconlist-left .elementor-icon-list-item:hover .elementor-icon-list-icon svg{
    transform: rotate(45deg);
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-60658a3 *//* =========================
   TALAMUS MENU BUTTON (aparte variant)
   Class in Elementor: talamus-menu-btn

   - Default: compact (alleen icon zichtbaar)
   - Hover (desktop): eerst tekst zichtbaar + knop klapt open
   - Daarna: fill animatie + icon rotate
========================= */

.talamus-menu-btn .elementor-button{
  border: 4px solid #221A3F;
  border-radius: 6px;
  background-color: #221A3F;

  position: relative;
  overflow: hidden;
  box-sizing: border-box;

  display: inline-flex;
  align-items: center;
  justify-content: flex-start;

  /* compact state */
  width: 53px;
  max-width: 55px;
  padding: 14px 0;              /* geen ruimte voor tekst */
  white-space: nowrap;

  transition: max-width .25s ease, padding .25s ease;
}

/* Fill start als rechter blok (45px) */
.talamus-menu-btn .elementor-button::before{
  content: "";
  position: absolute;
  inset: 0;
  background: #8777B5;
  border-radius: 2px;
  z-index: 0;

  transform: translateX(calc(100% - 45px));
  transition: transform .3s ease;
  transition-delay: 0s;
  pointer-events: none;
}

/* Elementor wrapper neutraal */
.talamus-menu-btn .elementor-button .elementor-button-content-wrapper{
  position: static !important;
}

/* Tekst: standaard onzichtbaar */
.talamus-menu-btn .elementor-button .elementor-button-text{
  position: relative;
  z-index: 2;

  display: inline-block;
  opacity: 0;
  max-width: 0;
  overflow: hidden;

  transform: translateX(-8px);
  transition: opacity .2s ease, transform .2s ease, max-width .25s ease;
}

/* ICON: altijd zichtbaar, compact state gecentreerd */
.talamus-menu-btn .elementor-button .elementor-button-icon{
  position: absolute !important;
  top: 0;

  width: 45px;
  height: 100%;
  font-size: 1em;

  margin: 0 !important;

  display: flex !important;
  align-items: center;
  justify-content: center;

  z-index: 3;
  color: #fff;

  left: 50%;
  right: auto;
  transform: translateX(-50%);
  transition: left .25s ease, right .25s ease, transform .25s ease;
}

/* Icon animatie */
.talamus-menu-btn .elementor-button .elementor-button-icon i,
.talamus-menu-btn .elementor-button .elementor-button-icon svg{
  
  
  transition-delay: 0s;
  transform-origin: center;
}

/* Hover alleen desktop */
@media (min-width: 1024px){

  /* 1) eerst: knop opent + tekst verschijnt */
  .talamus-menu-btn .elementor-button:hover{
    max-width: 260px;
    padding: 14px 90px 14px 11px; /* ruimte rechts voor blok+icon */
  }

  .talamus-menu-btn .elementor-button:hover .elementor-button-text{
    opacity: 1;
    max-width: 220px;
    transform: translateX(0);
  }

  /* Icon terug naar rechter blok op hover */
  .talamus-menu-btn .elementor-button:hover .elementor-button-icon{
    left: auto;
    right: 0;
    transform: none;
  }

  /* 2) daarna pas: fill + icon rotate */
  .talamus-menu-btn .elementor-button:hover::before{
    transition-delay: .2s;
    transform: translateX(0);
  }

  .talamus-menu-btn .elementor-button:hover .elementor-button-icon i,
  .talamus-menu-btn .elementor-button:hover .elementor-button-icon svg{
    transition-delay: .2s;
    transform: rotate(45deg);
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-35c3da2 *//* =========================
   TALAMUS MENU BUTTON (aparte variant)
   Class in Elementor: talamus-menu-btn

   - Default: compact (alleen icon zichtbaar)
   - Hover (desktop): eerst tekst zichtbaar + knop klapt open
   - Daarna: fill animatie + icon rotate
========================= */

.talamus-menu-btn .elementor-button{
  border: 4px solid #221A3F;
  border-radius: 6px;
  background-color: #221A3F;

  position: relative;
  overflow: hidden;
  box-sizing: border-box;

  display: inline-flex;
  align-items: center;
  justify-content: flex-start;

  /* compact state */
  width: 53px;
  max-width: 55px;
  padding: 14px 0;              /* geen ruimte voor tekst */
  white-space: nowrap;

  transition: max-width .25s ease, padding .25s ease;
}

/* Fill start als rechter blok (45px) */
.talamus-menu-btn .elementor-button::before{
  content: "";
  position: absolute;
  inset: 0;
  background: #8777B5;
  border-radius: 2px;
  z-index: 0;

  transform: translateX(calc(100% - 45px));
  transition: transform .3s ease;
  transition-delay: 0s;
  pointer-events: none;
}

/* Elementor wrapper neutraal */
.talamus-menu-btn .elementor-button .elementor-button-content-wrapper{
  position: static !important;
}

/* Tekst: standaard onzichtbaar */
.talamus-menu-btn .elementor-button .elementor-button-text{
  position: relative;
  z-index: 2;

  display: inline-block;
  opacity: 0;
  max-width: 0;
  overflow: hidden;

  transform: translateX(-8px);
  transition: opacity .2s ease, transform .2s ease, max-width .25s ease;
}

/* ICON: altijd zichtbaar, compact state gecentreerd */
.talamus-menu-btn .elementor-button .elementor-button-icon{
  position: absolute !important;
  top: 0;

  width: 45px;
  height: 100%;
  font-size: 1em;

  margin: 0 !important;

  display: flex !important;
  align-items: center;
  justify-content: center;

  z-index: 3;
  color: #fff;

  left: 50%;
  right: auto;
  transform: translateX(-50%);
  transition: left .25s ease, right .25s ease, transform .25s ease;
}

/* Icon animatie */
.talamus-menu-btn .elementor-button .elementor-button-icon i,
.talamus-menu-btn .elementor-button .elementor-button-icon svg{
  
  
  transition-delay: 0s;
  transform-origin: center;
}

/* Hover alleen desktop */
@media (min-width: 1024px){

  /* 1) eerst: knop opent + tekst verschijnt */
  .talamus-menu-btn .elementor-button:hover{
    max-width: 260px;
    padding: 14px 90px 14px 11px; /* ruimte rechts voor blok+icon */
  }

  .talamus-menu-btn .elementor-button:hover .elementor-button-text{
    opacity: 1;
    max-width: 220px;
    transform: translateX(0);
  }

  /* Icon terug naar rechter blok op hover */
  .talamus-menu-btn .elementor-button:hover .elementor-button-icon{
    left: auto;
    right: 0;
    transform: none;
  }

  /* 2) daarna pas: fill + icon rotate */
  .talamus-menu-btn .elementor-button:hover::before{
    transition-delay: .2s;
    transform: translateX(0);
  }

  .talamus-menu-btn .elementor-button:hover .elementor-button-icon i,
  .talamus-menu-btn .elementor-button:hover .elementor-button-icon svg{
    transition-delay: .2s;
    transform: rotate(45deg);
  }
}/* End custom CSS */