.elementor-7042 .elementor-element.elementor-element-2e538196{--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-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family );font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7042 .elementor-element.elementor-element-76112a81{font-family:"Titillium Web";font-size:16px;font-weight:300;color:var( --e-global-color-secondary );}.elementor-7042 .elementor-element.elementor-element-76112a81 a{color:var( --e-global-color-secondary );}.elementor-7042 .elementor-element.elementor-element-76112a81 a:hover{color:var( --e-global-color-primary );}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family );font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-theme-post-excerpt{font-family:var( --e-global-typography-text-font-family );font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-7042 .elementor-element.elementor-element-180c707c{--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-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family );font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-7042 .elementor-element.elementor-element-7b48c1e4{--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-7042 .elementor-element.elementor-element-64fd4b99{--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family );font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7042 .elementor-element.elementor-element-746f3ca2 .elementor-heading-title{font-family:"Titillium Web";font-size:30px;font-weight:200;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family );font-size:var( --e-global-typography-text-font-size );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-7042 .elementor-element.elementor-element-2f982b9b{background-color:var( --e-global-color-6d3c939 );}.elementor-7042 .elementor-element.elementor-element-b02e55e{--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-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family );font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-7042 .elementor-element.elementor-element-47a263e1{--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-7042 .elementor-element.elementor-element-13ba878c{font-family:"Titillium Web";font-size:16px;font-weight:500;}.elementor-7042 .elementor-element.elementor-element-2a812fd6{--alignment:left;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;--e-share-buttons-primary-color:#56A2AC;}.elementor-7042 .elementor-element.elementor-element-2a812fd6 .elementor-share-btn{font-size:calc(1px * 10);border-width:2px;}.elementor-7042 .elementor-element.elementor-element-2a812fd6 .elementor-share-btn:hover{--e-share-buttons-primary-color:#3F8A94;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-7042 .elementor-element.elementor-element-a595a4b .elementor-icon-wrapper{text-align:center;}.elementor-7042 .elementor-element.elementor-element-a595a4b.elementor-view-stacked .elementor-icon{background-color:#56A2AC;}.elementor-7042 .elementor-element.elementor-element-a595a4b.elementor-view-framed .elementor-icon, .elementor-7042 .elementor-element.elementor-element-a595a4b.elementor-view-default .elementor-icon{color:#56A2AC;border-color:#56A2AC;}.elementor-7042 .elementor-element.elementor-element-a595a4b.elementor-view-framed .elementor-icon, .elementor-7042 .elementor-element.elementor-element-a595a4b.elementor-view-default .elementor-icon svg{fill:#56A2AC;}.elementor-7042 .elementor-element.elementor-element-a595a4b.elementor-view-stacked .elementor-icon:hover{background-color:#3F8A94;}.elementor-7042 .elementor-element.elementor-element-a595a4b.elementor-view-framed .elementor-icon:hover, .elementor-7042 .elementor-element.elementor-element-a595a4b.elementor-view-default .elementor-icon:hover{color:#3F8A94;border-color:#3F8A94;}.elementor-7042 .elementor-element.elementor-element-a595a4b.elementor-view-framed .elementor-icon:hover, .elementor-7042 .elementor-element.elementor-element-a595a4b.elementor-view-default .elementor-icon:hover svg{fill:#3F8A94;}.elementor-7042 .elementor-element.elementor-element-a595a4b .elementor-icon{font-size:16px;padding:11px;border-width:2px 2px 2px 2px;}.elementor-7042 .elementor-element.elementor-element-a595a4b .elementor-icon svg{height:16px;}.elementor-7042 .elementor-element.elementor-element-4f13aecb{--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-7042 .elementor-element.elementor-element-4d6dfd99{--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-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family );font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family );font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family );font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family );font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family );font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family );font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family );font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7042 .elementor-element.elementor-element-6b191231{--item-display:flex;--read-more-alignment:1;--grid-row-gap:24px;--grid-column-gap:24px;}.elementor-7042 .elementor-element.elementor-element-6b191231 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.64 * 100% );}.elementor-7042 .elementor-element.elementor-element-6b191231:after{content:"0.64";}.elementor-7042 .elementor-element.elementor-element-6b191231 .elementor-post__thumbnail__link{width:100%;}.elementor-7042 .elementor-element.elementor-element-6b191231.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:7px;}.elementor-7042 .elementor-element.elementor-element-6b191231.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:7px;}.elementor-7042 .elementor-element.elementor-element-6b191231.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:7px;}.elementor-7042 .elementor-element.elementor-element-6b191231 .elementor-post__title, .elementor-7042 .elementor-element.elementor-element-6b191231 .elementor-post__title a{font-family:"Titillium Web";font-size:24px;font-weight:400;}.elementor-7042 .elementor-element.elementor-element-6b191231 .elementor-post__title{margin-bottom:16px;}.elementor-7042 .elementor-element.elementor-element-6b191231 .elementor-post__read-more{color:var( --e-global-color-primary );}.elementor-7042 .elementor-element.elementor-element-6b191231 .elementor-post__text{margin-bottom:5px;}.elementor-7042 .elementor-element.elementor-element-40ea8d55{--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-7042 .elementor-element.elementor-element-40ea8d55:not(.elementor-motion-effects-element-type-background), .elementor-7042 .elementor-element.elementor-element-40ea8d55 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family );font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family );font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family );font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family );font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family );font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family );font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family );font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7042 .elementor-element.elementor-element-cef8f96 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-7042 .elementor-element.elementor-element-cef8f96 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-7042 .elementor-element.elementor-element-cef8f96 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-7042 .elementor-element.elementor-element-cef8f96 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-7042 .elementor-element.elementor-element-cef8f96 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-7042 .elementor-element.elementor-element-cef8f96 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-7042 .elementor-element.elementor-element-cef8f96 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-7042 .elementor-element.elementor-element-cef8f96 .elementor-field-type-html{padding-bottom:0px;}.elementor-7042 .elementor-element.elementor-element-cef8f96 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-7042 .elementor-element.elementor-element-cef8f96 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-7042 .elementor-element.elementor-element-cef8f96 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-7042 .elementor-element.elementor-element-cef8f96 .elementor-button[type="submit"]{color:#ffffff;}.elementor-7042 .elementor-element.elementor-element-cef8f96 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-7042 .elementor-element.elementor-element-cef8f96 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-7042 .elementor-element.elementor-element-cef8f96 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-7042 .elementor-element.elementor-element-cef8f96 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-7042 .elementor-element.elementor-element-cef8f96 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-7042 .elementor-element.elementor-element-cef8f96 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-7042 .elementor-element.elementor-element-cef8f96{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:1024px){.elementor-widget-breadcrumbs{font-size:var( --e-global-typography-secondary-font-size );}.elementor-7042 .elementor-element.elementor-element-76112a81{font-size:16px;}.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-theme-post-excerpt{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-featured-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-7042 .elementor-element.elementor-element-746f3ca2 .elementor-heading-title{font-size:52px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );}.elementor-7042 .elementor-element.elementor-element-13ba878c{font-size:16px;} .elementor-7042 .elementor-element.elementor-element-2a812fd6{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-posts .elementor-post__meta-data{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-posts a.elementor-post__read-more{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-posts .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-posts .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-7042 .elementor-element.elementor-element-6b191231 .elementor-post__title, .elementor-7042 .elementor-element.elementor-element-6b191231 .elementor-post__title a{font-size:36px;}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-widget-breadcrumbs{font-size:var( --e-global-typography-secondary-font-size );}.elementor-7042 .elementor-element.elementor-element-76112a81{font-size:14px;}.elementor-7042 .elementor-element.elementor-element-573a64aa{margin:020px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-theme-post-excerpt{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-featured-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-7042 .elementor-element.elementor-element-746f3ca2 .elementor-heading-title{font-size:40px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );}.elementor-7042 .elementor-element.elementor-element-13ba878c{font-size:16px;} .elementor-7042 .elementor-element.elementor-element-2a812fd6{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-posts .elementor-post__meta-data{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-posts a.elementor-post__read-more{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-posts .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-posts .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-7042 .elementor-element.elementor-element-6b191231 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-7042 .elementor-element.elementor-element-6b191231:after{content:"0.5";}.elementor-7042 .elementor-element.elementor-element-6b191231 .elementor-post__thumbnail__link{width:100%;}.elementor-7042 .elementor-element.elementor-element-6b191231 .elementor-post__title, .elementor-7042 .elementor-element.elementor-element-6b191231 .elementor-post__title a{font-size:28px;}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS *//* ==================================================================
   beuken'essers – artikeltemplate richting A

   HOE DIT WERKT
   - Uitlijning en raster (breedtes, kolommen) liggen vast in deze CSS.
     Pas die aan via de variabelen hieronder.
   - Typografie, kleuren en marges van widgets zijn standaardwaarden.
     Stel je iets in via het Elementor-paneel, dan gaat dat voor.
   ================================================================== */

:root {
	/* Kleuren */
	--be-teal: #56A2AC;            /* hoofdkleur beuken'essers */
	--be-teal-donker: #3F8A94;     /* hover */
	--be-tekst: #3E3E3E;
	--be-kop: #2E3133;
	--be-grijs: #5C6466;
	--be-tint: #F3F8F9;
	--be-lijn: #E3ECEE;
	--be-lijn-teal: #CFE3E6;
	--be-beeld: #D7E8EB;
	--be-donker: #2E3133;          /* nieuwsbrief */

	/* Lay-out */
	--be-inhoud: 1200px;           /* breedte van de inhoud */
	--be-marge: 24px;              /* zijmarge desktop */
	--be-marge-mobiel: 16px;
	--be-kol-links: 280px;         /* inhoudsopgave */
	--be-kol-rechts: 760px;        /* artikel */
	--be-kol-gap: 56px;

	--be-font: 'Titillium Web', Calibri, sans-serif;
	--be-zeshoek: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	/* Zeshoek met afgeronde hoeken (adviseursfoto). Ronder of hoekiger: vraag een nieuwe vorm aan. */
	--be-zeshoek-rond: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 86.6 100'%3E%3Cpath d='M37.24 3.50Q43.30 0.00 49.36 3.50L80.54 21.50Q86.60 25.00 86.60 32.00L86.60 68.00Q86.60 75.00 80.54 78.50L49.36 96.50Q43.30 100.00 37.24 96.50L6.06 78.50Q0.00 75.00 0.00 68.00L0.00 32.00Q0.00 25.00 6.06 21.50Z'/%3E%3C/svg%3E");
}

/* ==================================================================
   0. BASIS VOOR ALLE SECTIES
   ================================================================== */
.e-con[class*="be-sectie-"] {
	width: 100%;
	max-width: none;
	margin: 0;
	padding-left: var(--be-marge);
	padding-right: var(--be-marge);
	box-sizing: border-box;
	font-family: var(--be-font);
}
.e-con[class*="be-sectie-"] > .e-con-inner {
	width: 100%;
	max-width: var(--be-inhoud);
	margin: 0 auto;
	padding: 0;
	gap: 0;
	display: block;
}
/* Binnencontainers */
.e-con[class*="be-kol-"],
.e-con.be-verder-kop {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	gap: 0;
	display: block;
	min-height: 0;
}
/* Standaard widgetmarge van Elementor uit; eigen marges staan per widget.
   :where() houdt de prioriteit laag, zodat marges uit het paneel voorgaan. */
:where([class*="be-sectie-"]) .elementor-widget,
:where([class*="be-sectie-"]) .elementor-widget:not(:last-child) { margin-block-start: 0; margin-block-end: 0; }
:where([class*="be-sectie-"]) .elementor-shortcode { display: block; }

.be-art, .be-art *, .be-art *::before, .be-art *::after { box-sizing: border-box; }
.be-art { font-family: var(--be-font); color: var(--be-tekst); }

/* ==================================================================
   1. HERO
   Widgets: Breadcrumbs, Shortcode [be_label], Post Title,
   Post Excerpt, Shortcode [be_meta]
   ================================================================== */
.e-con.be-sectie-hero {
	padding-top: 32px;
	padding-bottom: 56px;
	background-color: var(--be-tint);
}

.be-sectie-hero .be-w-kruimel,
.be-w-kruimel p,
.be-w-kruimel span {
	margin: 0;
	font-family: var(--be-font);
	font-size: 14px;
	line-height: 1.5;
	color: var(--be-grijs);
}
.be-w-kruimel a { color: var(--be-grijs); text-decoration: underline; text-underline-offset: 2px; }
.be-w-kruimel a:hover { color: var(--be-teal); }

.be-sectie-hero .be-w-label { margin-top: 40px; }
.be-art.be-label {
	display: inline-block;
	background: var(--be-teal);
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.65;
	letter-spacing: .6px;
	text-transform: uppercase;
	padding: 4px 12px;
	border-radius: 4px;
}

.be-sectie-hero .be-w-titel { margin-top: 18px; max-width: 860px; }
.be-w-titel .elementor-heading-title {
	margin: 0;
	font-family: var(--be-font);
	font-size: 50px;
	line-height: 1.12;
	font-weight: 700;
	letter-spacing: -.5px;
	color: var(--be-kop);
	text-transform: none;
}

.be-sectie-hero .be-w-lead {
	margin-top: 18px;
	max-width: 860px;
	font-family: var(--be-font);
	font-size: 16px;
	line-height: 1.55;
	font-weight: 300;
	color: var(--be-tekst);
}
.be-w-lead p { margin: 0; font: inherit; color: inherit; }

.be-sectie-hero .be-w-meta { margin-top: 28px; }
.be-art.be-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 22px;
	font-size: 15px;
	line-height: 1.4;
	color: var(--be-grijs);
}
.be-art.be-meta > span { display: inline-flex; align-items: center; gap: 8px; }
.be-art.be-meta svg { color: var(--be-teal); flex-shrink: 0; }

/* ==================================================================
   2. UITGELICHTE AFBEELDING  (widget: Featured Image)
   ================================================================== */
.e-con.be-sectie-beeld {
	margin-top: -24px;
	position: relative;
	z-index: 1;
	padding-top: 0;
	padding-bottom: 0;
}
.be-sectie-beeld .be-w-beeld {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 7;
	border-radius: 12px;
	background: var(--be-beeld);
}
.be-sectie-beeld .be-w-beeld .elementor-widget-container,
.be-sectie-beeld .be-w-beeld a { position: static; }
.be-sectie-beeld .be-w-beeld img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	border-radius: 0;
}

/* ==================================================================
   3. TWEE KOLOMMEN
   Links (be-kol-aside): Heading, Shortcode [be_toc], Text Editor
   Rechts (be-kol-artikel): [be_toc_mobiel], [be_kort], Post Content,
   delen-rij (Text Editor, Deelknoppen, Pictogram)
   ================================================================== */
.e-con.be-sectie-kolommen { padding-top: 48px; padding-bottom: 0; }
.e-con.be-sectie-kolommen > .e-con-inner {
	display: grid;
	grid-template-columns: var(--be-kol-links) minmax(0, var(--be-kol-rechts));
	column-gap: var(--be-kol-gap);
	row-gap: 0;
	align-items: start;
	justify-content: start;
}
.e-con.be-kol-aside {
	position: sticky;
	top: 120px;
	align-self: start;
}
.admin-bar .e-con.be-kol-aside { top: 152px; }
.e-con.be-kol-artikel { min-width: 0; }

/* Linkerkolom */
.be-w-asidekop .elementor-heading-title {
	margin: 0;
	font-family: var(--be-font);
	font-size: 13px;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: .8px;
	text-transform: uppercase;
	color: var(--be-teal);
}
.be-art .be-voortgang {
	margin-top: 12px;
	height: 3px;
	border-radius: 2px;
	background: var(--be-lijn);
	overflow: hidden;
}
.be-art .be-voortgang__balk {
	display: block;
	width: 0;
	height: 3px;
	border-radius: 2px;
	background: var(--be-teal);
	transition: width .1s linear;
}
.be-art .be-toc {
	list-style: none;
	margin: 16px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 15px;
	line-height: 1.4;
}
.be-art .be-toc li { margin: 0; padding: 0; }
.be-art .be-toc li::before, .be-art .be-toc li::marker { content: none; display: none; }
.be-art .be-toc a {
	display: block;
	padding: 8px 12px;
	border-left: 2px solid var(--be-lijn);
	color: var(--be-grijs);
	text-decoration: none;
	transition: color .15s ease, background .15s ease;
}
.be-art .be-toc a:hover { color: var(--be-teal); }
.be-art .be-toc a.is-actief {
	color: var(--be-teal);
	font-weight: 600;
	border-left-color: var(--be-teal);
	background: var(--be-tint);
}

.be-kol-aside .be-w-hulp {
	margin-top: 28px;
	padding: 20px;
	border-radius: 10px;
	background-color: var(--be-tint);
	font-family: var(--be-font);
	font-size: 15px;
	line-height: 1.5;
	color: var(--be-tekst);
}
.be-w-hulp p { margin: 0; }
.be-w-hulp p + p { margin-top: 6px; }
.be-w-hulp p:last-child:not(:first-child) { margin-top: 14px; }
.be-w-hulp strong { font-weight: 700; color: var(--be-kop); }
.be-w-hulp a { color: var(--be-teal); font-weight: 600; text-decoration: none; }
.be-w-hulp a:hover { text-decoration: underline; }

/* Inhoudsopgave mobiel/tablet (verborgen op desktop) */
.be-kol-artikel .be-w-tocm { display: none; }
.be-art.be-toc-mobiel summary {
	list-style: none;
	min-height: 52px;
	padding: 0 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	border: 1px solid var(--be-lijn-teal);
	border-radius: 10px;
	background: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
	color: var(--be-teal);
	cursor: pointer;
}
.be-art.be-toc-mobiel summary::-webkit-details-marker { display: none; }
.be-art.be-toc-mobiel summary svg { transition: transform .2s ease; flex-shrink: 0; }
.be-art.be-toc-mobiel[open] summary svg { transform: rotate(180deg); }
.be-art.be-toc-mobiel .be-toc { margin-top: 12px; }

/* In het kort */
.be-art.be-kort {
	margin: 0 0 36px;
	padding: 28px 32px;
	border: 1px solid var(--be-lijn-teal);
	border-radius: 12px;
	background: #FFFFFF;
}
.be-art .be-kort__titel {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: .8px;
	text-transform: uppercase;
	color: var(--be-teal);
}
.be-art.be-kort ul {
	list-style: disc;
	margin: 14px 0 0;
	padding: 0 0 0 20px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 17px;
	line-height: 1.65;
	color: var(--be-tekst);
}
.be-art.be-kort li { margin: 0; padding: 0; }

/* Delen: Text Editor + Deelknoppen + Pictogram (kopieer).
   Alleen de lay-out staat hier; kleur, vorm en grootte stel je in het paneel in. */
.e-con.be-delen-rij {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	width: 100%;
	max-width: none;
	margin: 28px 0 0;
	padding: 0;
}
.be-delen-rij > .elementor-element { width: auto; flex: 0 0 auto; }
:where(.be-delen-rij) .be-w-delentekst,
:where(.be-delen-rij) .be-w-delentekst p { margin: 0; font-family: var(--be-font); font-size: 15px; line-height: 1.4; color: var(--be-grijs); }
.be-w-share .elementor-grid { display: flex; flex-wrap: wrap; gap: 12px; }
.be-w-share .elementor-grid-item { width: auto; }
.be-w-kopieer .elementor-icon-wrapper { line-height: 0; }
.be-w-kopieer a { position: relative; }
.be-w-kopieer a.is-gekopieerd::after {
	content: attr(data-melding);
	position: absolute;
	left: 50%;
	bottom: calc(100% + 8px);
	transform: translateX(-50%);
	padding: 4px 10px;
	border-radius: 6px;
	background: var(--be-kop);
	color: #FFFFFF;
	font-family: var(--be-font);
	font-size: 13px;
	line-height: 1.4;
	white-space: nowrap;
	pointer-events: none;
}

/* ==================================================================
   5. HET TEKSTVAK: koppen, alinea's, links, lijsten, citaat en tabel
   (Post Content-widget, klasse be-artikel-body)
   ================================================================== */
.be-kol-artikel .be-artikel-body {
	font-family: var(--be-font);
	font-size: 17px;
	line-height: 1.7;
	color: var(--be-tekst);
}
.be-kol-artikel .be-artikel-body > .elementor-widget-container > *:first-child,
.be-kol-artikel .be-artikel-body > *:first-child { margin-top: 0; }
.be-kol-artikel .be-artikel-body > .elementor-widget-container > *:last-child,
.be-kol-artikel .be-artikel-body > *:last-child { margin-bottom: 0; }
/* Alinea's in de tekst (niet de koppen van Elementor-widgets, die ook <p> kunnen zijn) */
.be-kol-artikel .be-artikel-body p:not(.elementor-heading-title) { margin: 0 0 18px; }
.be-kol-artikel .be-artikel-body h2 {
	margin: 48px 0 14px;
	font-family: var(--be-font);
	font-size: 26px;
	line-height: 1.25;
	font-weight: 700;
	letter-spacing: 0;
	color: var(--be-kop);
	text-transform: none;
	scroll-margin-top: 120px;
}
.be-kol-artikel .be-artikel-body h3 {
	margin: 30px 0 8px;
	font-family: var(--be-font);
	font-size: 18px;
	line-height: 1.35;
	font-weight: 700;
	color: var(--be-kop);
	text-transform: none;
	scroll-margin-top: 120px;
}
.be-kol-artikel .be-artikel-body h2 strong, .be-kol-artikel .be-artikel-body h2 b,
.be-kol-artikel .be-artikel-body h3 strong, .be-kol-artikel .be-artikel-body h3 b { font-weight: inherit; }
/* Links in lopende tekst. Knoppen, pictogrammen en links in koppen
   (allemaal Elementor-widgets) houden hun eigen opmaak uit het paneel. */
.be-kol-artikel .be-artikel-body :not(.elementor-heading-title) > a:not([class]) {
	color: var(--be-teal);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}
.be-kol-artikel .be-artikel-body :not(.elementor-heading-title) > a:not([class]):hover { color: var(--be-teal-donker); }
.be-artikel-body .elementor-heading-title a { color: inherit; text-decoration: none; }
.be-kol-artikel .be-artikel-body strong { font-weight: 700; }

/* Lijsten */
.be-kol-artikel .be-artikel-body ul { list-style: none; margin: 0 0 22px; padding: 0; }
.be-kol-artikel .be-artikel-body ul li { position: relative; padding-left: 24px; margin-bottom: 8px; }
.be-kol-artikel .be-artikel-body ul li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: .62em;
	width: 10px;
	height: 12px;
	background: var(--be-teal);
	clip-path: var(--be-zeshoek);
}
.be-kol-artikel .be-artikel-body ol { margin: 0 0 22px; padding-left: 22px; }
.be-kol-artikel .be-artikel-body ol li { margin-bottom: 8px; padding-left: 4px; }
.be-kol-artikel .be-artikel-body ol li::marker { color: var(--be-teal); font-weight: 700; }

/* Citaat */
.be-kol-artikel .be-artikel-body blockquote {
	position: relative;
	margin: 44px 0;
	padding: 38px 0 0;
	border: 0;
	background: none;
	font-style: normal;
	quotes: none;
}
.be-kol-artikel .be-artikel-body blockquote::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 34px;
	height: 26px;
	background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 26'%3E%3Cpath d='M0 26V14C0 6 4 1 12 0l1 4c-4 1-6 4-6 8h6v14zM20 26V14c0-8 4-13 12-14l1 4c-4 1-6 4-6 8h6v14z' fill='%2356A2AC'/%3E%3C/svg%3E");
}
.be-kol-artikel .be-artikel-body blockquote p:not(.elementor-heading-title) { margin: 0; font-size: 22px; line-height: 1.45; font-weight: 300; color: var(--be-kop); }
.be-kol-artikel .be-artikel-body blockquote :is(cite, footer) { display: block; margin-top: 8px; font-size: 14px; font-style: normal; color: var(--be-grijs); }

/* Tabellen */
.be-kol-artikel .be-artikel-body table {
	width: 100%;
	margin: 28px 0 0;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var(--be-lijn);
	border-radius: 12px;
	overflow: hidden;
	font-size: 16px;
}
.be-kol-artikel .be-artikel-body :is(table, figure.wp-block-table) + :not(figcaption) { margin-top: 28px; }
.be-kol-artikel .be-artikel-body :is(th, td).has-text-align-right { text-align: right; }
.be-kol-artikel .be-artikel-body :is(th, td).has-text-align-center { text-align: center; }
.be-kol-artikel .be-artikel-body th {
	padding: 14px 18px;
	border: 0;
	background: var(--be-teal);
	color: #FFFFFF;
	font-weight: 600;
	text-align: left;
}
.be-kol-artikel .be-artikel-body td { padding: 12px 18px; border: 0; border-top: 1px solid var(--be-lijn); vertical-align: top; background: #FFFFFF; }
.be-kol-artikel .be-artikel-body tbody tr:nth-child(even) td { background: #F7FAFB; }
.be-kol-artikel .be-artikel-body figure.wp-block-table { margin: 28px 0 0; }
.be-kol-artikel .be-artikel-body figure.wp-block-table table { margin: 0; }
.be-kol-artikel .be-artikel-body :is(figcaption, .wp-element-caption) { margin-top: 10px; font-size: 14px; color: var(--be-grijs); text-align: left; }
.be-kol-artikel .be-artikel-body img { height: auto; border-radius: 12px; }

/* ==================================================================
   5b. BLOKKEN UIT HET INHOUDSTEMPLATE
   Blokken zijn containers met een klasse be-e-...; de teksten zijn
   Heading- en Text Editor-widgets. Alles hier is een standaard:
   wat je in het paneel instelt (kleur, lettertype, achtergrond), gaat voor.
   ================================================================== */

/* Basis: containers in de berichtinhoud zonder eigen marges */
:where(.be-artikel-body) .e-con {
	--padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px;
	--gap: 0px; --row-gap: 0px; --column-gap: 0px;
	padding: 0;
	gap: 0;
	width: 100%;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
	min-height: 0;
}
:where(.be-artikel-body) .e-con > .e-con-inner { max-width: none; width: 100%; padding: 0; gap: 0; }
:where(.be-artikel-body) .elementor-widget,
:where(.be-artikel-body) .elementor-widget:not(:last-child) { margin-block-start: 0; margin-block-end: 0; }
/* De hoofdcontainer als gewone tekstkolom (marges zoals in een artikel) */
:where(.be-artikel-body) .e-con.be-e-inhoud,
:where(.be-artikel-body) .e-con.be-e-inhoud > .e-con-inner { display: block; }

/* Tekst en koppen in Elementor-widgets */
.be-artikel-body .elementor-widget-text-editor {
	font-family: var(--be-font);
	font-size: 17px;
	line-height: 1.7;
	color: var(--be-tekst);
}
.be-kol-artikel .be-artikel-body .elementor-widget-text-editor > :is(p, ul, ol, figure, blockquote, table, div):last-child,
.be-kol-artikel .be-artikel-body .elementor-widget-text-editor > .elementor-widget-container > :is(p, ul, ol, figure, blockquote, table, div):last-child { margin-bottom: 0; }
:where(.be-artikel-body) .elementor-widget-text-editor + .elementor-widget-text-editor { margin-top: 18px; }
:where(.be-artikel-body) .elementor-widget-heading h2.elementor-heading-title,
:where(.be-artikel-body) .elementor-widget-heading h3.elementor-heading-title { font-family: var(--be-font); }

/* Gedeelde opmaak van alle blokken */
:where(.be-artikel-body) .e-con:is(.be-e-praktijk, .be-e-letop, .be-e-tip, .be-e-begrip, .be-e-leesook, .be-e-cta, .be-e-kernpunten) {
	position: relative;
	margin: 36px 0;
	padding: 28px 32px;
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
:where(.be-artikel-body) .e-con:is(.be-e-praktijk, .be-e-letop, .be-e-tip, .be-e-begrip, .be-e-leesook, .be-e-cta, .be-e-kernpunten) > .e-con-inner { display: contents; }

/* Kleine labels: "Uit de praktijk", "Wat kun jij doen?", "Lees ook", ... */
.be-artikel-body .be-e-label .elementor-heading-title {
	margin: 0;
	font-family: var(--be-font);
	font-size: 13px;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: .8px;
	text-transform: uppercase;
	color: var(--be-teal);
}
:where(.be-artikel-body) .be-e-label { margin-bottom: 10px; }

/* Titels in Tip, Let op, b'egrip, Oproep */
.be-artikel-body .be-e-titel .elementor-heading-title {
	margin: 0;
	font-family: var(--be-font);
	font-size: 17px;
	line-height: 1.4;
	font-weight: 700;
	color: var(--be-kop);
}
:where(.be-artikel-body) .be-e-titel { margin-bottom: 4px; }

/* Pictogrammen in Tip, Let op en Lees ook */
:where(.be-artikel-body) .be-e-icoon .elementor-icon { font-size: 26px; line-height: 1; }
:where(.be-artikel-body) .be-e-icoon .elementor-icon svg { width: 1em; height: 1em; fill: currentColor; }

/* In het kort (eerste blok van de inhoud) */
:where(.be-artikel-body) .e-con.be-e-kort {
	margin: 0 0 36px;
	padding: 26px 30px;
	display: block;
	border: 1px solid var(--be-lijn-teal);
	border-radius: 12px;
	background-color: #FFFFFF;
}
:where(.be-artikel-body) .be-e-kort .elementor-widget-text-editor { font-size: 16px; line-height: 1.6; }
.be-kol-artikel .be-artikel-body .be-e-kort ul { margin: 0; }
.be-kol-artikel .be-artikel-body .be-e-kort ul li:last-child { margin-bottom: 0; }

/* Uit de praktijk */
:where(.be-artikel-body) .e-con.be-e-praktijk { background-color: var(--be-tint); }
:where(.be-artikel-body) .e-con.be-e-praktijk::after {
	content: "";
	position: absolute;
	right: -24px;
	top: -30px;
	width: 120px;
	height: 138px;
	background: var(--be-teal);
	opacity: .35;
	clip-path: var(--be-zeshoek);
	pointer-events: none;
	z-index: 0;
}
:where(.be-artikel-body) .e-con.be-e-praktijk > .elementor-element { position: relative; z-index: 1; }
:where(.be-artikel-body) .be-e-praktijk .elementor-widget-text-editor { color: var(--be-kop); }

/* Let op en Tip: pictogram links, titel en tekst rechts */
:where(.be-artikel-body) .e-con:is(.be-e-letop, .be-e-tip) {
	flex-direction: row;
	align-items: flex-start;
	gap: 18px;
	padding: 22px 26px;
}
:where(.be-artikel-body) .e-con:is(.be-e-letop, .be-e-tip) > .e-con { flex: 1 1 auto; width: auto; }
:where(.be-artikel-body) .e-con:is(.be-e-letop, .be-e-tip) > .be-e-icoon { width: auto; flex: 0 0 auto; padding-top: 2px; }
:where(.be-artikel-body) .e-con:is(.be-e-letop, .be-e-tip) .elementor-widget-text-editor { font-size: 16px; }
:where(.be-artikel-body) .e-con.be-e-letop { background-color: #FFF8EC; }
:where(.be-artikel-body) .be-e-letop .be-e-icoon .elementor-icon { color: #9A5B00; fill: #9A5B00; }
:where(.be-artikel-body) .be-e-letop .be-e-titel .elementor-heading-title { color: #6B3F00; }
:where(.be-artikel-body) .e-con.be-e-tip { background-color: #EAF6F4; }
:where(.be-artikel-body) .be-e-tip .be-e-icoon .elementor-icon { color: var(--be-teal); fill: var(--be-teal); }
:where(.be-artikel-body) .be-e-tip .be-e-titel .elementor-heading-title { color: var(--be-teal-donker); }

/* b'egrip */
:where(.be-artikel-body) .e-con.be-e-begrip { background-color: #FFFFFF; border: 1px dashed var(--be-teal); }
:where(.be-artikel-body) .be-e-begrip .be-e-label .elementor-heading-title { text-transform: none; letter-spacing: .2px; font-size: 15px; }
:where(.be-artikel-body) .be-e-begrip .be-e-label { margin-bottom: 4px; }

/* Lees ook: hele blok klikbaar */
:where(.be-artikel-body) .e-con.be-e-leesook {
	flex-direction: row;
	align-items: center;
	gap: 18px;
	padding: 16px 18px;
	border: 1px solid var(--be-lijn-teal);
	transition: border-color .2s ease;
}
:where(.be-artikel-body) .e-con.be-e-leesook:hover { border-color: var(--be-teal); }
:where(.be-artikel-body) .e-con.be-e-leesook > .e-con { flex: 1 1 auto; width: auto; }
:where(.be-artikel-body) .e-con.be-e-leesook > .be-e-icoon { width: auto; flex: 0 0 auto; }
:where(.be-artikel-body) .be-e-leesook .be-e-icoon .elementor-icon {
	width: 44px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: var(--be-teal);
	fill: var(--be-teal);
	background-color: var(--be-tint);
	clip-path: var(--be-zeshoek);
}
:where(.be-artikel-body) .be-e-leesook .be-e-label { margin-bottom: 0; }
:where(.be-artikel-body) .be-e-leesook .be-e-label .elementor-heading-title { font-size: 12px; }
.be-artikel-body .be-e-link .elementor-heading-title {
	margin: 0;
	font-family: var(--be-font);
	font-size: 17px;
	line-height: 1.3;
	font-weight: 700;
	color: var(--be-kop);
	text-decoration: none;
}
:where(.be-artikel-body) .be-e-leesook .be-e-link a::after { content: ""; position: absolute; inset: 0; }

/* Oproep (CTA) */
:where(.be-artikel-body) .e-con.be-e-cta { background-color: var(--be-kop); padding: 22px 24px; }
:where(.be-artikel-body) .be-e-cta .be-e-titel .elementor-heading-title { color: #FFFFFF; font-size: 18px; }
:where(.be-artikel-body) .be-e-cta .elementor-widget-text-editor { color: #D5DADB; font-size: 15px; }
:where(.be-artikel-body) .be-e-cta .elementor-widget-button { margin-top: 14px; }
:where(.be-artikel-body) .be-e-cta .elementor-button,
:where(.be-artikel-body) .be-e-sp-acties .elementor-button {
	display: inline-block;
	padding: 11px 18px;
	border-radius: 8px;
	background-color: var(--be-teal);
	color: #FFFFFF;
	font-family: var(--be-font);
	font-size: 15px;
	line-height: 1.4;
	font-weight: 700;
	text-decoration: none;
}
:where(.be-artikel-body) :is(.be-e-cta, .be-e-sp-acties) .elementor-button:hover { background-color: var(--be-teal-donker); color: #FFFFFF; }

/* Wat kun jij doen? */
:where(.be-artikel-body) .e-con.be-e-kernpunten { margin-top: 48px; padding: 30px 34px; background-color: var(--be-teal); }
:where(.be-artikel-body) .be-e-kernpunten .be-e-label { margin-bottom: 14px; }
:where(.be-artikel-body) .be-e-kernpunten .be-e-label .elementor-heading-title { color: #FFFFFF; }
:where(.be-artikel-body) .be-e-kernpunten .elementor-widget-text-editor { color: #FFFFFF; font-size: 16px; }
.be-kol-artikel .be-artikel-body .be-e-kernpunten ol li::marker { color: #FFFFFF; font-weight: 400; }
.be-kol-artikel .be-artikel-body .be-e-kernpunten ul li::before { background: #FFFFFF; }
:where(.be-artikel-body) .be-e-kernpunten a { color: #FFFFFF; }

/* Specialist: foto, tekst en knoppen naast elkaar */
:where(.be-artikel-body) .e-con.be-e-specialist {
	margin: 56px 0 0;
	padding: 30px;
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr) auto;
	column-gap: 26px;
	row-gap: 0;
	align-items: center;
	border: 1px solid var(--be-lijn-teal);
	border-radius: 14px;
	background-color: #FFFFFF;
}
:where(.be-artikel-body) .e-con.be-e-specialist > .e-con-inner { display: contents; }
:where(.be-artikel-body) .e-con.be-e-specialist > .elementor-element { width: auto; min-width: 0; }
/* Foto als regelmatige zeshoek: breedte bepaalt alles, hoogte volgt (verhouding 0,866).
   Sterker dan Elementors eigen "height: auto", anders wordt de zeshoek scheef. */
.be-artikel-body .e-con.be-e-specialist > .be-e-sp-foto { grid-column: 1; justify-self: start; align-self: center; width: 96px; line-height: 0; text-align: left; }
.be-artikel-body .be-e-sp-foto img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 0.866;
	max-width: none;
	object-fit: cover;
	object-position: center 25%;
	border: 0;
	border-radius: 0;
	-webkit-mask: var(--be-zeshoek-rond) center / 100% 100% no-repeat;
	mask: var(--be-zeshoek-rond) center / 100% 100% no-repeat;
	background-color: var(--be-beeld);
}
:where(.be-artikel-body) .e-con.be-e-sp-tekst { grid-column: 2; display: block; }
:where(.be-artikel-body) .be-e-sp-tekst .be-e-label { margin-bottom: 0; }
:where(.be-artikel-body) .be-e-sp-naam { margin-top: 4px; }
.be-artikel-body .be-e-sp-naam .elementor-heading-title {
	margin: 0;
	font-family: var(--be-font);
	font-size: 19px;
	line-height: 1.35;
	font-weight: 700;
	color: var(--be-kop);
}
:where(.be-artikel-body) .be-e-sp-tekst .elementor-widget-text-editor { margin-top: 4px; font-size: 16px; color: var(--be-grijs); }
:where(.be-artikel-body) .e-con.be-e-sp-acties {
	grid-column: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	width: auto;
}
:where(.be-artikel-body) .be-e-sp-acties > .elementor-element { width: auto; }
:where(.be-artikel-body) .be-e-sp-acties .elementor-button { padding: 13px 22px; font-size: 15px; font-weight: 600; }
.be-artikel-body .be-e-sp-tel .elementor-heading-title {
	margin: 0;
	font-family: var(--be-font);
	font-size: 15px;
	line-height: 1.4;
	font-weight: 600;
	color: var(--be-teal);
	text-decoration: none;
	text-align: center;
}

/* Mobiel */
@media (max-width: 767px) {
	.be-artikel-body .elementor-widget-text-editor { font-size: 16px; }
	:where(.be-artikel-body) .e-con:is(.be-e-praktijk, .be-e-begrip, .be-e-cta) { margin: 26px 0; padding: 20px; }
	:where(.be-artikel-body) .e-con.be-e-kort { margin-bottom: 26px; padding: 20px; }
	:where(.be-artikel-body) .be-e-kort .elementor-widget-text-editor { font-size: 15px; }
	:where(.be-artikel-body) .e-con:is(.be-e-letop, .be-e-tip) { padding: 20px; gap: 14px; }
	:where(.be-artikel-body) .e-con:is(.be-e-letop, .be-e-tip, .be-e-praktijk) .elementor-widget-text-editor { font-size: 16px; }
	:where(.be-artikel-body) .e-con.be-e-kernpunten { margin-top: 32px; padding: 22px; }
	:where(.be-artikel-body) .be-e-kernpunten .elementor-widget-text-editor { font-size: 16px; }
	.be-artikel-body .be-e-label .elementor-heading-title { font-size: 12px; }

	:where(.be-artikel-body) .e-con.be-e-specialist {
		margin-top: 32px;
		padding: 22px;
		grid-template-columns: 64px minmax(0, 1fr);
		column-gap: 16px;
		row-gap: 14px;
	}
	.be-artikel-body .e-con.be-e-specialist > .be-e-sp-foto { width: 64px; }
	.be-artikel-body .be-e-sp-naam .elementor-heading-title { font-size: 17px; }
	:where(.be-artikel-body) .be-e-sp-tekst .elementor-widget-text-editor { display: none; }
	:where(.be-artikel-body) .e-con.be-e-sp-acties { grid-column: 1 / -1; align-items: stretch; }
	:where(.be-artikel-body) .be-e-sp-acties .elementor-widget-button { width: 100%; }
	:where(.be-artikel-body) .be-e-sp-acties .elementor-button { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; padding: 0 18px; }
	:where(.be-artikel-body) .be-e-sp-tel { display: none; }
}

/* ==================================================================
   6. VERDER LEZEN
   Widgets: Heading + Text Editor (in be-verder-kop), Berichten (Posts)
   De opmaak van de kaarten is een basis: wat je in het paneel van de
   Berichten-widget instelt, gaat voor.
   ================================================================== */
.e-con.be-sectie-verder {
	margin-top: 88px;
	padding-top: 64px;
	padding-bottom: 64px;
	background-color: var(--be-tint);
}
.e-con.be-verder-kop {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
}
.be-verder-kop > .elementor-element { width: auto; }
.be-w-verderkop .elementor-heading-title {
	margin: 0;
	font-family: var(--be-font);
	font-size: 32px;
	line-height: 1.2;
	font-weight: 700;
	color: var(--be-kop);
	text-transform: none;
}
.be-w-alle p { margin: 0; }
.be-w-alle a { font-family: var(--be-font); font-size: 16px; font-weight: 600; color: var(--be-teal); text-decoration: underline; text-underline-offset: 3px; }

.be-sectie-verder .be-w-berichten { margin-top: 28px; }
.be-w-berichten .elementor-post {
	overflow: hidden;
	border: 1px solid var(--be-lijn);
	border-radius: 12px;
	background-color: #FFFFFF;
	transition: border-color .2s ease;
}
.be-w-berichten .elementor-post:hover { border-color: var(--be-teal); }
.be-w-berichten .elementor-post__thumbnail__link { margin-bottom: 0; }
.be-w-berichten .elementor-post__thumbnail { background-color: var(--be-beeld); }
.be-w-berichten .elementor-post__text { padding: 22px; }
.be-w-berichten .elementor-post__title,
.be-w-berichten .elementor-post__title a {
	margin: 0;
	font-family: var(--be-font);
	font-size: 20px;
	line-height: 1.3;
	font-weight: 700;
	color: var(--be-kop);
	text-decoration: none;
}
.be-w-berichten .elementor-post__title a:hover { color: var(--be-teal); }

/* ==================================================================
   7. NIEUWSBRIEF  (widgets: Text Editor + Form)
   ================================================================== */
.e-con.be-sectie-nb {
	padding-top: 56px;
	padding-bottom: 56px;
	background-color: var(--be-donker);
}
.e-con.be-sectie-nb > .e-con-inner {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
}
.be-sectie-nb .be-w-nbtekst { flex: 1 1 380px; width: auto; }
.be-sectie-nb .be-w-nbform { flex: 1 1 420px; width: auto; }
.be-w-nbtekst h2 { margin: 0; font-family: var(--be-font); font-size: 30px; line-height: 1.2; font-weight: 700; color: #FFFFFF; text-transform: none; }
.be-w-nbtekst p { margin: 8px 0 0; font-family: var(--be-font); font-size: 17px; line-height: 1.65; color: #D5DADB; }
.be-w-nbform .elementor-form-fields-wrapper { display: flex; flex-wrap: nowrap; gap: 12px; margin: 0; }
.be-w-nbform .elementor-field-group { padding: 0; margin: 0; }
.be-w-nbform .elementor-field-group.elementor-field-type-email { flex: 1 1 240px; width: auto; max-width: none; }
.be-w-nbform .elementor-field-group.elementor-field-type-submit { flex: 0 0 auto; width: auto; max-width: none; }
.be-w-nbform .elementor-field-group .elementor-field {
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	min-height: 50px;
	padding: 0 16px;
	border: 1px solid var(--be-grijs);
	border-radius: 8px;
	background-color: #3E4244;
	color: #FFFFFF;
	font-family: var(--be-font);
	font-size: 16px;
	box-shadow: none;
}
.be-w-nbform .elementor-field::placeholder { color: #B5BDBF; opacity: 1; }
.be-w-nbform .elementor-button {
	height: 50px;
	padding: 0 26px;
	border-radius: 8px;
	background-color: var(--be-teal);
	color: #FFFFFF;
	font-family: var(--be-font);
	font-size: 16px;
	font-weight: 700;
}
.be-w-nbform .elementor-button:hover { background-color: var(--be-teal-donker); }
.be-w-nbform .elementor-message { color: #FFFFFF; }

/* ==================================================================
   8. TABLET (tot 1024 px): één kolom
   ================================================================== */
@media (max-width: 1024px) {
	.e-con.be-sectie-kolommen { padding-top: 40px; }
	.e-con.be-sectie-kolommen > .e-con-inner { grid-template-columns: minmax(0, 1fr); }
	.e-con.be-kol-aside { display: none; }
	.be-kol-artikel .be-w-tocm { display: block; margin-bottom: 18px; }
	.e-con.be-sectie-verder { margin-top: 72px; padding-top: 56px; padding-bottom: 56px; }
}

/* ==================================================================
   9. MOBIEL (ontwerp: 390 px)
   ================================================================== */
@media (max-width: 767px) {
	.e-con[class*="be-sectie-"] { padding-left: var(--be-marge-mobiel); padding-right: var(--be-marge-mobiel); }

	/* Hero */
	.e-con.be-sectie-hero { padding-top: 22px; padding-bottom: 40px; }
	.be-sectie-hero .be-w-kruimel { display: none; }
	.be-sectie-hero .be-w-label { margin-top: 0; }
	.be-art.be-label { font-size: 12px; padding: 3px 10px; }
	.be-sectie-hero .be-w-titel { margin-top: 14px; }
	.be-w-titel .elementor-heading-title { font-size: 32px; line-height: 1.15; letter-spacing: 0; }
	.be-sectie-hero .be-w-lead { margin-top: 14px; font-size: 18px; line-height: 1.5; }
	.be-sectie-hero .be-w-meta { margin-top: 16px; }
	.be-art.be-meta { font-size: 14px; gap: 6px 14px; }
	.be-art.be-meta svg { display: none; }

	/* Afbeelding */
	.e-con.be-sectie-beeld { margin-top: -20px; }
	.be-sectie-beeld .be-w-beeld { aspect-ratio: 16 / 9; border-radius: 10px; }

	/* Kolommen */
	.e-con.be-sectie-kolommen { padding-top: 24px; }

	/* In het kort */
	.be-art.be-kort { margin: 0 0 26px; padding: 20px; }
	.be-art .be-kort__titel { font-size: 12px; }
	.be-art .be-kort__titel svg { display: none; }
	.be-art.be-kort ul { margin-top: 10px; padding-left: 18px; gap: 6px; font-size: 16px; line-height: 1.5; }

	/* Tekstvak */
	.be-kol-artikel .be-artikel-body { font-size: 16px; }
	.be-kol-artikel .be-artikel-body h2 { margin: 36px 0 12px; font-size: 22px; line-height: 1.25; }
	.be-kol-artikel .be-artikel-body h3 { margin-top: 24px; font-size: 17px; }
	.be-kol-artikel .be-artikel-body blockquote p:not(.elementor-heading-title) { font-size: 19px; }
	.be-kol-artikel .be-artikel-body table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; font-size: 15px; border-radius: 10px; }
	.be-kol-artikel .be-artikel-body th { padding: 12px 14px; }
	.be-kol-artikel .be-artikel-body td { padding: 10px 14px; }

	/* Delen niet op mobiel (zoals ontwerp). Wil je ze wel tonen: verwijder deze regel. */
	.e-con.be-delen-rij { display: none; }

	/* Verder lezen: lijst met beeld links */
	.e-con.be-sectie-verder { margin-top: 44px; padding-top: 0; padding-bottom: 44px; background-color: #FFFFFF; }
	.be-w-verderkop .elementor-heading-title { font-size: 24px; }
	.be-verder-kop .be-w-alle { display: none; }
	.be-sectie-verder .be-w-berichten { margin-top: 14px; }
	.be-w-berichten .elementor-post__text { padding: 18px; }
	.be-w-berichten .elementor-post__title,
	.be-w-berichten .elementor-post__title a { font-size: 17px; }

	/* Nieuwsbrief */
	.e-con.be-sectie-nb { padding-top: 44px; padding-bottom: 44px; }
	.e-con.be-sectie-nb > .e-con-inner { gap: 20px; }
	.be-sectie-nb .be-w-nbtekst,
	.be-sectie-nb .be-w-nbform { flex: 1 1 100%; }
	.be-w-nbtekst h2 { font-size: 24px; }
	.be-w-nbform .elementor-form-fields-wrapper { flex-wrap: wrap; }
	.be-w-nbform .elementor-field-group.elementor-field-type-email,
	.be-w-nbform .elementor-field-group.elementor-field-type-submit { flex: 1 1 100%; }
	.be-w-nbform .elementor-button { width: 100%; }
}/* End custom CSS */