.elementor-kit-4{--e-global-color-primary:#FF7B00;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#0C0C0C;--e-global-color-accent:#FF7B00;--e-global-color-4c992c4:#E9E9E9;--e-global-color-cea77da:#C7C7C7;--e-global-typography-primary-font-family:"Kode Mono";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Kode Mono";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Roboto Mono";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto Mono";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-4c992c4 );font-family:"Urbanist", Sans-serif;font-size:16px;font-weight:400;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-animation-duration:1500ms;--e-preloader-animation-duration:100ms;--e-preloader-delay:100ms;--e-preloader-width:5%;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:var( --e-global-color-accent );font-weight:600;color:var( --e-global-color-text );border-style:none;border-radius:0px 0px 0px 0px;}.elementor-kit-4 button:hover,.elementor-kit-4 button:focus,.elementor-kit-4 input[type="button"]:hover,.elementor-kit-4 input[type="button"]:focus,.elementor-kit-4 input[type="submit"]:hover,.elementor-kit-4 input[type="submit"]:focus,.elementor-kit-4 .elementor-button:hover,.elementor-kit-4 .elementor-button:focus{background-color:var( --e-global-color-4c992c4 );color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;}.elementor-kit-4 e-page-transition{background-color:var( --e-global-color-primary );}.elementor-kit-4 a{font-family:"Urbanist", Sans-serif;text-decoration:none;}.elementor-kit-4 h1{font-family:"Urbanist", Sans-serif;font-size:90px;font-weight:700;}.elementor-kit-4 h2{font-family:"Urbanist", Sans-serif;font-size:58px;font-weight:700;}.elementor-kit-4 h3{font-family:"Urbanist", Sans-serif;font-size:35px;font-weight:600;}.elementor-kit-4 h4{font-family:"Urbanist", Sans-serif;font-weight:500;}.elementor-kit-4 h5{font-family:"Urbanist", Sans-serif;font-weight:500;}.elementor-kit-4 h6{font-family:"Urbanist", Sans-serif;font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1250px;}.e-con{--container-max-width:1250px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-4 h2{font-size:36px;}.elementor-kit-4 h3{font-size:22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4{font-size:18px;}.elementor-kit-4 h1{font-size:50px;}.elementor-kit-4 h2{font-size:38px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===============================
   2. Cut corner voor containers zonder rand
   Grotere vaste cutsize voor visueel sterke hoeken
   =============================== */
.cut-corner {
  --cut-size: 20px;
  clip-path: polygon(
    var(--cut-size) 0,
    100% 0,
    100% calc(100% - var(--cut-size)),
    calc(100% - var(--cut-size)) 100%,
    0 100%,
    0 var(--cut-size)
  );
}


/* ===============================
   Cut-corner-bottom
   Eenvoudige clip-path voor linker- en rechteronderhoek, 45° hoek
   =============================== */
.cut-corner-bottom {
  --cut-size: 20px;
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - var(--cut-size)),
    calc(100% - var(--cut-size)) 100%,
    var(--cut-size) 100%,
    0 calc(100% - var(--cut-size))
  );
  border: 1px solid #E9E9E9;
  box-sizing: border-box;
}

.cut-btn {
--cut-size: 8px;
clip-path: polygon(
var(--cut-size) 0,
100% 0,
100% calc(100% - var(--cut-size)),
calc(100% - var(--cut-size)) 100%,
0 100%,
0 var(--cut-size)
);
}




.frosted {
backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);
}





/* Hoekjes boven */
.corner-box::before,
.corner-box::after {
  content: "";
  position: absolute;
  width: 14px;      /* lengte van de hoeklijn */
  height: 14px;     /* lengte van de hoeklijn */
  border: 2px solid #777;
  box-sizing: border-box;
}

/* Linksboven */
.corner-box::before {
  top: 0;
  left: 0;
  border-right: none;
  border-bottom: none;
}

/* Rechtsboven */
.corner-box::after {
  top: 0;
  right: 0;
  border-left: none;
  border-bottom: none;
}/* End custom CSS */