.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#2A2C2F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#D48AE5;--e-global-color-2db2e6e:#FF00F3;--e-global-color-cba79a8:#E462FB;--e-global-color-de37a3c:#FFFFFF;--e-global-color-73bed52:#000000FA;--e-global-color-76a1cb9:#07090D;--e-global-color-e1ff132:#98FF8C45;--e-global-color-186e3b2:#8CF4DC;--e-global-color-294c67f:#002164;--e-global-color-d7397cd:#1D31B9;--e-global-color-89f3aee:#6377FF;--e-global-color-4539a4e:#0C1E99;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-5380190-font-family:"Montserrat";--e-global-typography-5380190-font-size:2.8rem;--e-global-typography-5380190-font-weight:900;--e-global-typography-5380190-line-height:3.7rem;color:var( --e-global-color-294c67f );font-family:"Bitter", Sans-serif;font-weight:900;}.elementor-kit-8 h1{color:var( --e-global-color-294c67f );font-family:"Bitter", Sans-serif;font-weight:900;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-family:"Montserrat", Sans-serif;font-size:0.9375rem;font-weight:700;text-transform:uppercase;color:var( --e-global-color-2db2e6e );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-2db2e6e );border-radius:0.375rem 0.375rem 0.375rem 0.375rem;padding:1rem 3rem 1rem 3rem;}.elementor-kit-8 button:hover,.elementor-kit-8 button:focus,.elementor-kit-8 input[type="button"]:hover,.elementor-kit-8 input[type="button"]:focus,.elementor-kit-8 input[type="submit"]:hover,.elementor-kit-8 input[type="submit"]:focus,.elementor-kit-8 .elementor-button:hover,.elementor-kit-8 .elementor-button:focus{color:var( --e-global-color-de37a3c );background-color:var( --e-global-color-2db2e6e );}.elementor-kit-8 img{border-radius:10px 10px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--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:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body {
    overflow-x: hidden!important; /* Verberg de horizontale schuifbalk */
}
.primarykleur {
    color: var( --e-global-color-2db2e6e );
}

.tekstkleur {
    color: var( --e-global-color-2db2e6e );
}

.line {
    height: 0.4375rem;
    max-width: 11.25rem;
    background-image: linear-gradient(225deg, rgba(255, 255, 255, 0), hsla(0, 0%, 100%, 0) 12%, #FF00F3 46%);
}

.phase {
    box-shadow: 0 0 2.5rem 0 rgb(255,0,243);
    transition: all 300ms ease;
}

.phase:hover {
    box-shadow: 0 0 0 0 #ff00f3, 0 0 40px 0 rgb(12 243 8 / 10%);
    transform: scale(1.03);
}

.phase3 {
    box-shadow: 0 0 2.5rem 0 rgb(8 243 26 / 10%);
    transition: all 300ms ease;
}

.phase3:hover {
    box-shadow: 0 0 0 0 #ff00f3, 0 0 40px 0 rgb(12 243 8 / 10%);
    transform: scale(1.03);
}

.rainbow {
    text-align: center;
    animation: colorRotate 6s linear 0s infinite;
}

@keyframes colorRotate {
  from {
    color: #6666ff;
  }
  10% {
    color: #0099ff;
  }
  50% {
    color: #00ff00;
  }
  75% {
    color: #ff3399;
  }
  100% {
    color: #6666ff;
  }
}

.fa-heart:before {
    content: "\f004";
}

.elementor-widget-button .elementor-button {
    transition: all .4s cubic-bezier(0.29, 0.16, 0.21, 1.01);
}

.wpforms-submit {
    transition: all .4s cubic-bezier(0.29, 0.16, 0.21, 1.01);
}

.dialog-close-button i {
    transition: all .4s cubic-bezier(0.29, 0.16, 0.21, 1.01);
}

.dialog-close-button:hover i {
    transform: rotateZ(90deg);
}

/*Auto Floating Shapes*/
.auto-moving1{
    animation: linear 20s animationFramesOne infinite;
}
.auto-moving2{
    animation: linear 20s animationFramesTwo infinite;
}
.auto-moving3{
    animation: linear 20s animationFramesThree infinite;
}
.auto-moving4{
    animation: linear 20s animationFramesFour infinite;
}
.auto-moving5{
    animation: linear 20s animationFramesFive infinite;
}
@keyframes animationFramesOne {
    0% {
        transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        transform: translate(73px, -1px) rotate(36deg);
    }
    40% {
        transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
        transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
        transform: translate(-40px, 72px) rotate(144deg);
    }
    100% {
        transform: translate(0px, 0px) rotate(0deg);
    }
}
@keyframes animationFramesTwo {
    0% {
        transform: translate(0px, 0px) rotate(15deg) scale(1);
    }
    20% {
        transform: translate(73px, -1px) rotate(36deg) scale(0.9);
    }
    40% {
        transform: translate(141px, 72px) rotate(72deg) scale(1);
    }
    60% {
        transform: translate(83px, 122px) rotate(108deg) scale(1.2);
    }
    80% {
        transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
    }
    100% {
        transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
}
@keyframes animationFramesThree {
    0% {
        transform: translate(165px, -179px)
            rotate(25deg);
    }
    100% {
        transform: translate(-346px, 617px)
            rotate(180deg);
    }
}
@keyframes animationFramesFour {
    0% {
        transform: translate(-300px, 151px) rotate(0deg);
    }
    100% {
        transform: translate(251px, -200px) rotate(180deg);
    }
}
@keyframes animationFramesFive {
    0% {
        transform: translate(61px, -99px) rotate(50deg);
    }
    21% {
        transform: translate(4px, -190px) rotate(38deg);
    }
    41% {
        transform: translate(-139px, -200px) rotate(74deg);
    }
    60% {
        transform: translate(-263px, -164px) rotate(108deg);
    }
    80% {
        transform: translate(-195px, -49px) rotate(144deg);
    }
    100% {
        transform: translate(-1px, 0px) rotate(180deg);
    }
}/* End custom CSS */