.elementor-72433 .elementor-element.elementor-element-63bd8127{--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:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-72433 .elementor-element.elementor-element-66debc2b > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-72433 .elementor-element.elementor-element-11e32376 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-72433 .elementor-element.elementor-element-3becf8da{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-72433 .elementor-element.elementor-element-3becf8da.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-72433 .elementor-element.elementor-element-670dcfc7{--display:flex;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-72433 .elementor-element.elementor-element-357ef3c1{--grid-row-gap:15px;--grid-column-gap:15px;}.elementor-72433 .elementor-element.elementor-element-357ef3c1 > .elementor-widget-container{border-style:none;}.elementor-72433 .elementor-element.elementor-element-357ef3c1 .elementor-post__meta-data span + span:before{content:"•";}.elementor-72433 .elementor-element.elementor-element-357ef3c1 .elementor-post__card{border-color:#DFDFDF;border-width:1px;border-radius:10px;}.elementor-72433 .elementor-element.elementor-element-357ef3c1 .elementor-post__title, .elementor-72433 .elementor-element.elementor-element-357ef3c1 .elementor-post__title a{font-size:18px;}.elementor-72433 .elementor-element.elementor-element-357ef3c1 .elementor-post__title{margin-bottom:5px;}.elementor-72433 .elementor-element.elementor-element-357ef3c1 .elementor-post__read-more{color:#1C244B;}.elementor-72433 .elementor-element.elementor-element-357ef3c1 a.elementor-post__read-more{font-size:15px;font-weight:400;text-transform:none;font-style:normal;}.elementor-72433 .elementor-element.elementor-element-23367492{--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-72433 .elementor-element.elementor-element-fa95268{width:var( --container-widget-width, 500px );max-width:500px;--container-widget-width:500px;--container-widget-flex-grow:0;line-height:1px;}.elementor-72433 .elementor-element.elementor-element-fa95268 > .elementor-widget-container{background-color:#FAFAFA;padding:24px 24px 10px 24px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E6E8EC;border-radius:10px 10px 10px 10px;}.elementor-72433 .elementor-element.elementor-element-fa95268.elementor-element{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}/* Start custom CSS for posts, class: .elementor-element-357ef3c1 *//* =========================================================
   Elementor Posts – FINAL bulletproof
   - Orange 1px hover border ALWAYS visible
   - Hover shadow visible
   - Whole card clickable (CSS-only stretch link)
   ========================================================= */

/* Card */
.elementor-72433 .elementor-element.elementor-element-357ef3c1 .elementor-post{
  position: relative;
  border-radius: 10px;
  background: #fff;
  overflow: visible; /* shadow mag buiten */
}

/* 1) Click overlay: stretch de TITLE link over de hele card */
.elementor-72433 .elementor-element.elementor-element-357ef3c1 .elementor-post .elementor-post__title a{
  position: static !important;
}

.elementor-72433 .elementor-element.elementor-element-357ef3c1 .elementor-post .elementor-post__title a::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  z-index: 10; /* kliklaag */
}

/* 2) Orange border + shadow overlay (MOET boven alles zichtbaar zijn) */
.elementor-72433 .elementor-element.elementor-element-357ef3c1 .elementor-post::after{
  content: "";
  position: absolute;
  inset: 1px;          /* 1px kleiner -> mooie hoeken */
  border-radius: 10px; /* radius - 1 */
  pointer-events: none;
  opacity: 0;
  border: 1px solid transparent;
  box-shadow: none;
  transition: opacity .15s ease, border-color .15s ease, box-shadow .15s ease;
  z-index: 9999;       /* ✅ altijd boven inner wrappers */
}

/* Hover state */
.elementor-72433 .elementor-element.elementor-element-357ef3c1 .elementor-post:hover::after{
  opacity: 1;
  border-color: #ff4b00; /* ✅ oranje rand */
  box-shadow: 0 8px 20px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.08);
}

/* 3) Zorg dat normale links/knoppen boven klik-overlay blijven */
.elementor-72433 .elementor-element.elementor-element-357ef3c1 .elementor-post a{
  position: relative;
  z-index: 20;
}

/* 4) Shadow niet afkappen door wrapper */
.elementor-72433 .elementor-element.elementor-element-357ef3c1 .elementor-posts-container{
  overflow: visible;
}/* End custom CSS */