.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-67 .elementor-element.elementor-element-071a767{--display:flex;--min-height:600px;--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;--justify-content:center;--overlay-opacity:0.25;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-67 .elementor-element.elementor-element-071a767:not(.elementor-motion-effects-element-type-background), .elementor-67 .elementor-element.elementor-element-071a767 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://doorwabbes3.nl/wp-content/uploads/2026/06/Tenfold-65-scaled.jpg");background-position:center center;}.elementor-67 .elementor-element.elementor-element-071a767::before, .elementor-67 .elementor-element.elementor-element-071a767 > .elementor-background-video-container::before, .elementor-67 .elementor-element.elementor-element-071a767 > .e-con-inner > .elementor-background-video-container::before, .elementor-67 .elementor-element.elementor-element-071a767 > .elementor-background-slideshow::before, .elementor-67 .elementor-element.elementor-element-071a767 > .e-con-inner > .elementor-background-slideshow::before, .elementor-67 .elementor-element.elementor-element-071a767 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(230deg, #FFF200C9 10%, var( --e-global-color-primary ) 80%);}.elementor-67 .elementor-element.elementor-element-071a767 > .elementor-shape-bottom .elementor-shape-fill, .elementor-67 .elementor-element.elementor-element-071a767 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-4600232 );}.elementor-67 .elementor-element.elementor-element-071a767 > .elementor-shape-bottom svg, .elementor-67 .elementor-element.elementor-element-071a767 > .e-con-inner > .elementor-shape-bottom svg{height:125px;transform:translateX(-50%) rotateY(180deg);}.elementor-67 .elementor-element.elementor-element-7cbe55a{--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;--justify-content:center;--overlay-opacity:0.25;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-67 .elementor-element.elementor-element-7cbe55a::before, .elementor-67 .elementor-element.elementor-element-7cbe55a > .elementor-background-video-container::before, .elementor-67 .elementor-element.elementor-element-7cbe55a > .e-con-inner > .elementor-background-video-container::before, .elementor-67 .elementor-element.elementor-element-7cbe55a > .elementor-background-slideshow::before, .elementor-67 .elementor-element.elementor-element-7cbe55a > .e-con-inner > .elementor-background-slideshow::before, .elementor-67 .elementor-element.elementor-element-7cbe55a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #000000 0%, #00000059 100%);}.elementor-67 .elementor-element.elementor-element-7cbe55a > .elementor-shape-bottom .elementor-shape-fill, .elementor-67 .elementor-element.elementor-element-7cbe55a > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#FFFFFF;}.elementor-67 .elementor-element.elementor-element-7cbe55a > .elementor-shape-bottom svg, .elementor-67 .elementor-element.elementor-element-7cbe55a > .e-con-inner > .elementor-shape-bottom svg{height:125px;transform:translateX(-50%) rotateY(180deg);}.elementor-67 .elementor-element.elementor-element-7cbe55a.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-67 .elementor-element.elementor-element-397d526{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-67 .elementor-element.elementor-element-20b0ca2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-67 .elementor-element.elementor-element-73fa0e1{margin:-2px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-67 .elementor-element.elementor-element-344f740{font-family:"freight-sans-pro", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-secondary );}.elementor-67 .elementor-element.elementor-element-344f740 p{margin-block-end:0px;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-67 .elementor-element.elementor-element-6d79e0a{width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;}.elementor-67 .elementor-element.elementor-element-6d79e0a .elementor-heading-title{font-family:"rift-soft", Sans-serif;font-size:92px;font-weight:800;line-height:75px;text-shadow:0px 5px 6px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-67 .elementor-element.elementor-element-701ea09{width:var( --container-widget-width, 60% );max-width:60%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:60%;--container-widget-flex-grow:0;font-family:"freight-sans-pro", Sans-serif;font-size:16px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-67 .elementor-element.elementor-element-701ea09 p{margin-block-end:0px;}.elementor-67 .elementor-element.elementor-element-25aed67{--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;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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 );}.elementor-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-67 .elementor-element.elementor-element-b66077f .elementor-button{background-color:transparent;font-family:"rift-soft", Sans-serif;font-size:16px;font-weight:500;letter-spacing:0.5px;text-shadow:0px 2px 2px rgba(0, 0, 0, 0.5);fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(90deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);border-style:none;border-radius:0px 0px 0px 0px;padding:12px 25px 12px 25px;}.elementor-67 .elementor-element.elementor-element-ff4fa21{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;}.elementor-67 .elementor-element.elementor-element-ff4fa21 .elementor-button{font-family:"rift-soft", Sans-serif;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-radius:0px 0px 0px 0px;padding:10px 20px 10px 20px;}.elementor-67 .elementor-element.elementor-element-2714303{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:30px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-67 .elementor-element.elementor-element-2714303:not(.elementor-motion-effects-element-type-background), .elementor-67 .elementor-element.elementor-element-2714303 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-67 .elementor-element.elementor-element-2714303 > .elementor-shape-bottom .elementor-shape-fill, .elementor-67 .elementor-element.elementor-element-2714303 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#FFFFFF;}.elementor-67 .elementor-element.elementor-element-2714303 > .elementor-shape-bottom svg, .elementor-67 .elementor-element.elementor-element-2714303 > .e-con-inner > .elementor-shape-bottom svg{height:70px;transform:translateX(-50%) rotateY(180deg);}.elementor-67 .elementor-element.elementor-element-fac1569{--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:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-67 .elementor-element.elementor-element-084ab5e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-67 .elementor-element.elementor-element-563a778{margin:-2px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-67 .elementor-element.elementor-element-f775e47{font-family:"freight-sans-pro", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-67 .elementor-element.elementor-element-f775e47 p{margin-block-end:0px;}.elementor-67 .elementor-element.elementor-element-9d8592e{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:start;font-family:"freight-sans-pro", Sans-serif;font-size:16px;font-weight:500;color:#000000;}.elementor-67 .elementor-element.elementor-element-9d8592e p{margin-block-end:0px;}.elementor-67 .elementor-element.elementor-element-681b59a{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;text-align:start;}.elementor-67 .elementor-element.elementor-element-681b59a .elementor-heading-title{font-family:"rift-soft", Sans-serif;font-size:62px;font-weight:800;color:#404041;}.elementor-67 .elementor-element.elementor-element-fd9a35a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-67 .elementor-element.elementor-element-e5668ae{font-family:"freight-sans-pro", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-67 .elementor-element.elementor-element-e5668ae p{margin-block-end:0px;}.elementor-67 .elementor-element.elementor-element-d9a6426{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;font-family:"freight-sans-pro", Sans-serif;font-size:16px;font-weight:500;color:#000000;}.elementor-67 .elementor-element.elementor-element-d9a6426 p{margin-block-end:0px;}.elementor-67 .elementor-element.elementor-element-5f15e1d{--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:center;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-67 .elementor-element.elementor-element-56dd360 .elementor-button{background-color:transparent;font-family:"rift-soft", Sans-serif;font-size:16px;font-weight:500;letter-spacing:0.5px;text-shadow:0px 2px 2px rgba(0, 0, 0, 0.5);fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(90deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);border-style:none;border-radius:0px 0px 0px 0px;padding:12px 25px 12px 25px;}.elementor-67 .elementor-element.elementor-element-fe48a18{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;}.elementor-67 .elementor-element.elementor-element-fe48a18 .elementor-button{font-family:"rift-soft", Sans-serif;font-size:16px;font-weight:500;fill:#000000;color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-radius:0px 0px 0px 0px;padding:10px 20px 10px 20px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-67 .elementor-element.elementor-element-7cbe55a{--content-width:1200px;}.elementor-67 .elementor-element.elementor-element-2714303{--content-width:1200px;}}@media(max-width:1024px){.elementor-67 .elementor-element.elementor-element-071a767{--min-height:500px;}.elementor-67 .elementor-element.elementor-element-6d79e0a{width:100%;max-width:100%;}.elementor-67 .elementor-element.elementor-element-6d79e0a .elementor-heading-title{font-size:72px;line-height:0.8em;}.elementor-67 .elementor-element.elementor-element-701ea09{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-67 .elementor-element.elementor-element-2714303{--padding-top:20px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-67 .elementor-element.elementor-element-9d8592e{width:100%;max-width:100%;}.elementor-67 .elementor-element.elementor-element-681b59a{width:100%;max-width:100%;}.elementor-67 .elementor-element.elementor-element-681b59a .elementor-heading-title{font-size:42px;}.elementor-67 .elementor-element.elementor-element-d9a6426{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-67 .elementor-element.elementor-element-071a767{--min-height:600px;}.elementor-67 .elementor-element.elementor-element-071a767 > .elementor-shape-bottom svg, .elementor-67 .elementor-element.elementor-element-071a767 > .e-con-inner > .elementor-shape-bottom svg{height:80px;}.elementor-67 .elementor-element.elementor-element-7cbe55a > .elementor-shape-bottom svg, .elementor-67 .elementor-element.elementor-element-7cbe55a > .e-con-inner > .elementor-shape-bottom svg{height:80px;}.elementor-67 .elementor-element.elementor-element-397d526{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-67 .elementor-element.elementor-element-6d79e0a{width:100%;max-width:100%;}.elementor-67 .elementor-element.elementor-element-6d79e0a .elementor-heading-title{font-size:52px;line-height:0.8em;}.elementor-67 .elementor-element.elementor-element-701ea09{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:12px;}.elementor-67 .elementor-element.elementor-element-25aed67{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-67 .elementor-element.elementor-element-b66077f .elementor-button{font-size:12px;padding:10px 20px 10px 20px;}.elementor-67 .elementor-element.elementor-element-ff4fa21 .elementor-button{font-size:12px;padding:8px 20px 8px 20px;}.elementor-67 .elementor-element.elementor-element-2714303 > .elementor-shape-bottom svg, .elementor-67 .elementor-element.elementor-element-2714303 > .e-con-inner > .elementor-shape-bottom svg{height:60px;}.elementor-67 .elementor-element.elementor-element-2714303{--padding-top:20px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-67 .elementor-element.elementor-element-9d8592e{width:100%;max-width:100%;font-size:12px;}.elementor-67 .elementor-element.elementor-element-681b59a .elementor-heading-title{font-size:32px;}.elementor-67 .elementor-element.elementor-element-e5668ae{text-align:center;}.elementor-67 .elementor-element.elementor-element-d9a6426{width:100%;max-width:100%;font-size:12px;}.elementor-67 .elementor-element.elementor-element-56dd360 .elementor-button{font-size:12px;padding:10px 20px 10px 20px;}.elementor-67 .elementor-element.elementor-element-fe48a18 .elementor-button{font-size:12px;padding:8px 20px 8px 20px;}}/* Start custom CSS for button, class: .elementor-element-b66077f */.elementor-67 .elementor-element.elementor-element-b66077f {
  /* PAS ALLEEN DEZE TWEE GETALLEN AAN TOT HET GOED STAAT: */
  
  --hoe-ver-omlaag-en-omhoog: 14px;      /* <-- Hoe diep de hap is */
  --hoe-ver-naar-links-en-rechts: 25px; /* <-- Maak HOGER voor een SCHUINERE hoek (30 graden) */


  /* DIT IS HET GECORRIGEERDE SCHAARTJE (HIER NIKS VERANDEREN): */
  -webkit-clip-path: polygon(
    var(--hoe-ver-naar-links-en-rechts) 0%, 
    100% 0%, 
    100% calc(100% - var(--hoe-ver-omlaag-en-omhoog)), 
    calc(100% - var(--hoe-ver-naar-links-en-rechts)) 100%, 
    0% 100%, 
    0% var(--hoe-ver-omlaag-en-omhoog)
  );
  clip-path: polygon(
    var(--hoe-ver-naar-links-en-rechts) 0%, 
    100% 0%, 
    100% calc(100% - var(--hoe-ver-omlaag-en-omhoog)), 
    calc(100% - var(--hoe-ver-naar-links-en-rechts)) 100%, 
    0% 100%, 
    0% var(--hoe-ver-omlaag-en-omhoog)
  );
}


/* --- MOBIEL STYLING (Schermen tot 767px) --- */
@media (max-width: 767px) {
  .elementor-67 .elementor-element.elementor-element-b66077f {
    /* Pas hier de maten aan speciaal voor mobiele telefoons: */
    --hoe-ver-omlaag-en-omhoog: 11px;      /* Minder diepe hap op mobiel */
    --hoe-ver-naar-links-en-rechts: 20px; /* Minder scherpe hoek op mobiel */
    
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ff4fa21 */.elementor-67 .elementor-element.elementor-element-ff4fa21 .elementor-button {
    /* Basisstand: 100% transparant met een gradient-rand */
    border: 2px solid;
    border-image: linear-gradient(to right, #009FE3, #FFF200) 1;
    background: transparent !important;
    
    position: relative;
    overflow: hidden;
}

/* Zorgt dat de tekst altijd boven de hover-kleur blijft staan */
.elementor-67 .elementor-element.elementor-element-ff4fa21 .elementor-button .elementor-button-text,
.elementor-67 .elementor-element.elementor-element-ff4fa21 .elementor-button .elementor-button-content-wrapper {
    position: relative;
    z-index: 3;
    transition: color 0.4s ease-in-out;
}

/* De onzichtbare gekleurde laag die links klaarstaat */
.elementor-67 .elementor-element.elementor-element-ff4fa21 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #009FE3, #FFF200);
    z-index: 2;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.3s ease-in-out;
}

/* HOVER STATUS: Vul de knop soepel van links naar rechts */
.elementor-67 .elementor-element.elementor-element-ff4fa21 .elementor-button:hover::before {
    transform: scaleX(1);
}

/* Maakt de tekst wit tijdens hover voor de leesbaarheid */
.elementor-67 .elementor-element.elementor-element-ff4fa21 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-56dd360 */.elementor-67 .elementor-element.elementor-element-56dd360 {
  /* PAS ALLEEN DEZE TWEE GETALLEN AAN TOT HET GOED STAAT: */
  
  --hoe-ver-omlaag-en-omhoog: 14px;      /* <-- Hoe diep de hap is */
  --hoe-ver-naar-links-en-rechts: 25px; /* <-- Maak HOGER voor een SCHUINERE hoek (30 graden) */


  /* DIT IS HET GECORRIGEERDE SCHAARTJE (HIER NIKS VERANDEREN): */
  -webkit-clip-path: polygon(
    var(--hoe-ver-naar-links-en-rechts) 0%, 
    100% 0%, 
    100% calc(100% - var(--hoe-ver-omlaag-en-omhoog)), 
    calc(100% - var(--hoe-ver-naar-links-en-rechts)) 100%, 
    0% 100%, 
    0% var(--hoe-ver-omlaag-en-omhoog)
  );
  clip-path: polygon(
    var(--hoe-ver-naar-links-en-rechts) 0%, 
    100% 0%, 
    100% calc(100% - var(--hoe-ver-omlaag-en-omhoog)), 
    calc(100% - var(--hoe-ver-naar-links-en-rechts)) 100%, 
    0% 100%, 
    0% var(--hoe-ver-omlaag-en-omhoog)
  );
}


/* --- MOBIEL STYLING (Schermen tot 767px) --- */
@media (max-width: 767px) {
  .elementor-67 .elementor-element.elementor-element-56dd360 {
    /* Pas hier de maten aan speciaal voor mobiele telefoons: */
    --hoe-ver-omlaag-en-omhoog: 11px;      /* Minder diepe hap op mobiel */
    --hoe-ver-naar-links-en-rechts: 20px; /* Minder scherpe hoek op mobiel */
    
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fe48a18 */.elementor-67 .elementor-element.elementor-element-fe48a18 .elementor-button {
    /* Basisstand: 100% transparant met een gradient-rand */
    border: 2px solid;
    border-image: linear-gradient(to right, #009FE3, #FFF200) 1;
    background: transparent !important;
    
    position: relative;
    overflow: hidden;
}

/* Zorgt dat de tekst altijd boven de hover-kleur blijft staan */
.elementor-67 .elementor-element.elementor-element-fe48a18 .elementor-button .elementor-button-text,
.elementor-67 .elementor-element.elementor-element-fe48a18 .elementor-button .elementor-button-content-wrapper {
    position: relative;
    z-index: 3;
    transition: color 0.4s ease-in-out;
}

/* De onzichtbare gekleurde laag die links klaarstaat */
.elementor-67 .elementor-element.elementor-element-fe48a18 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #009FE3, #FFF200);
    z-index: 2;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.3s ease-in-out;
}

/* HOVER STATUS: Vul de knop soepel van links naar rechts */
.elementor-67 .elementor-element.elementor-element-fe48a18 .elementor-button:hover::before {
    transform: scaleX(1);
}

/* Maakt de tekst wit tijdens hover voor de leesbaarheid */
.elementor-67 .elementor-element.elementor-element-fe48a18 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd9a35a *//* We maken de hoofdcontainer zelf rechthoekig en transparant, zodat het menu eruit kan vallen */
.elementor-67 .elementor-element.elementor-element-fd9a35a {
    background: transparent !important;
    position: relative;
    z-index: 999;
}

/* We verhuizen jouw exacte clip-path en variabelen naar de achtergrondlaag */
.elementor-67 .elementor-element.elementor-element-fd9a35a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #F8F8F8; /* De witte kleur van je balk */
    z-index: -1; /* Zorgt dat de witte vorm ACHTER het logo en menu komt te staan */

    /* JOUW EXACTE VARIABELEN: */
    --hoe-ver-omlaag-en-omhoog: 35px;      /* <-- Hoe diep de hap is */
    --hoe-ver-naar-links-en-rechts: 60px; /* <-- Maak HOGER voor een SCHUINERE hoek (30 graden) */

    /* JOUW EXACTE SCHAARTJE (ONGEWIJZIGD): */
    -webkit-clip-path: polygon(
        var(--hoe-ver-naar-links-en-rechts) 0%, 
        100% 0%, 
        100% calc(100% - var(--hoe-ver-omlaag-en-omhoog)), 
        calc(100% - var(--hoe-ver-naar-links-en-rechts)) 100%, 
        0% 100%, 
        0% var(--hoe-ver-omlaag-en-omhoog)
    );
    clip-path: polygon(
        var(--hoe-ver-naar-links-en-rechts) 0%, 
        100% 0%, 
        100% calc(100% - var(--hoe-ver-omlaag-en-omhoog)), 
        calc(100% - var(--hoe-ver-naar-links-en-rechts)) 100%, 
        0% 100%, 
        0% var(--hoe-ver-omlaag-en-omhoog)
    );

    /* DE SCHADUW DIE DE SCHUINE HOEKEN VOLGT: */
    filter: drop-shadow(0px 10px 15px rgba(0, 0, 0, 0.15));
}

/* --- JOUW EXACTE MOBIEL STYLING --- */
@media (max-width: 767px) {
  .elementor-67 .elementor-element.elementor-element-fd9a35a::before {
    /* Pas hier de maten aan speciaal voor mobiele telefoons: */
    --hoe-ver-omlaag-en-omhoog: 24px;      /* Minder diepe hap op mobiel */
    --hoe-ver-naar-links-en-rechts: 40px; /* Minder scherpe hoek op mobiel */
  }
}/* End custom CSS */