.elementor-kit-6{--e-global-color-primary:#FF6929;--e-global-color-secondary:#111111;--e-global-color-text:#3A3A3A;--e-global-color-accent:#FFF6EF;--e-global-color-fdwhite:#FFFFFF;--e-global-color-fdpeach:#FFE7D8;--e-global-color-fdodark:#E8541A;--e-global-color-fdline:#EFE6DE;--e-global-typography-primary-font-family:"Rubik";--e-global-typography-primary-font-size:58px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.08em;--e-global-typography-primary-letter-spacing:-1.2px;--e-global-typography-secondary-font-family:"Rubik";--e-global-typography-secondary-font-size:42px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.18em;--e-global-typography-secondary-letter-spacing:-0.6px;--e-global-typography-text-font-family:"Rubik";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.7em;--e-global-typography-accent-font-family:"Rubik";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.2em;--e-global-typography-accent-letter-spacing:0.2px;--e-global-typography-fdmarker-font-family:"Permanent Marker";--e-global-typography-fdmarker-font-size:20px;--e-global-typography-fdmarker-font-weight:400;--e-global-typography-fdmarker-line-height:1.3em;--e-global-typography-fdmarker-letter-spacing:0.3px;--e-global-typography-fdh3-font-family:"Rubik";--e-global-typography-fdh3-font-size:20px;--e-global-typography-fdh3-font-weight:600;--e-global-typography-fdh3-line-height:1.35em;--e-global-typography-fdh3-letter-spacing:-0.2px;--e-global-typography-fdsmall-font-family:"Rubik";--e-global-typography-fdsmall-font-size:14px;--e-global-typography-fdsmall-font-weight:500;--e-global-typography-fdsmall-line-height:1.5em;background-color:#FFFFFF;color:#3A3A3A;font-family:"Rubik", Sans-serif;font-size:17px;line-height:1.7em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#FF6929;font-family:"Rubik", Sans-serif;font-weight:600;color:#FFFFFF;border-radius:12px 12px 12px 12px;padding:16px 28px 16px 28px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#111111;color:#FFFFFF;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#FF6929;}.elementor-kit-6 a:hover{color:#E8541A;}.elementor-kit-6 h1{color:#111111;font-family:"Rubik", Sans-serif;font-weight:700;}.elementor-kit-6 h2{color:#111111;font-family:"Rubik", Sans-serif;font-size:30px;font-weight:700;line-height:1.25em;}.elementor-kit-6 h3{color:#111111;font-family:"Rubik", Sans-serif;font-weight:600;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{font-family:"Rubik", Sans-serif;color:#111111;background-color:#FFFFFF;border-style:solid;border-width:1.5px 1.5px 1.5px 1.5px;border-color:#E6DCD3;border-radius:12px 12px 12px 12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--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){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}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-6{--e-global-typography-primary-font-size:46px;--e-global-typography-secondary-font-size:34px;--e-global-typography-text-font-size:16px;--e-global-typography-fdmarker-font-size:19px;--e-global-typography-fdh3-font-size:19px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:36px;--e-global-typography-secondary-font-size:28px;--e-global-typography-text-font-size:16px;--e-global-typography-fdmarker-font-size:18px;--e-global-typography-fdh3-font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================
   FIDELA — huisstijl bovenop de SaaSTek kit
   Opgeslagen in Elementor > Site-instellingen > Eigen CSS
   ========================================================== */
:root{--fd-orange:#FF6929;--fd-orange-dark:#E8541A;--fd-black:#111111;--fd-text:#3A3A3A;--fd-cream:#FFF6EF;--fd-peach:#FFE7D8;--fd-line:#EFE6DE}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased}
::selection{background:var(--fd-orange);color:#fff}
.elementor a{transition:color .2s}
/* lichte tweede titelregel, zoals in de kit */
.fd-light{font-weight:300!important}
.fd-hand{font-family:"Permanent Marker",cursive;font-weight:400;color:var(--fd-orange);letter-spacing:0;position:relative;white-space:nowrap}
.fd-hand:after{content:"";position:absolute;left:2%;right:-4%;bottom:-.18em;height:.32em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 20' preserveAspectRatio='none'%3E%3Cpath d='M4 14C60 6 140 3 236 8' stroke='%23FF6929' stroke-width='6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%;opacity:.9}
.fd-kicker .elementor-heading-title{display:inline-block;transform:rotate(-2deg)}
.fd-scribble .elementor-heading-title{display:inline-block;transform:rotate(-6deg);position:relative}
.fd-scribble .elementor-heading-title:after{content:"";position:absolute;left:0;right:-6%;bottom:-14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 20' preserveAspectRatio='none'%3E%3Cpath d='M4 14C60 6 140 3 236 8' stroke='%23FF6929' stroke-width='7' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%}

/* ---------- header ---------- */
.fd-header{transition:background .3s,box-shadow .3s}
.fd-header.elementor-sticky--effects{background-color:#fff!important;box-shadow:0 8px 30px rgba(17,17,17,.07)}
.fd-header .elementor-nav-menu--main .elementor-item{font-weight:500}
.fd-header .fd-logo img{max-height:38px;width:auto}
@media(max-width:767px){.fd-header .fd-logo img{max-height:30px}}

/* ---------- knoppen ---------- */
.fd-btn .elementor-button{transition:background-color .25s,color .25s,transform .25s,box-shadow .25s}
.fd-btn .elementor-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(17,17,17,.14)}
.fd-btn-glow .elementor-button{box-shadow:0 12px 26px rgba(255,105,41,.32)}

/* ---------- hero ---------- */
.fd-hero,.fd-pagehero{position:relative;overflow:hidden}
.fd-hero>.e-con-inner,.fd-pagehero>.e-con-inner{position:relative;z-index:2}
.fd-hero:before,.fd-pagehero:before{content:"";position:absolute;z-index:0;inset:auto;opacity:1;mix-blend-mode:normal;left:-230px;top:-330px;width:620px;height:520px;border-radius:50%;background:var(--fd-orange)}
.fd-pagehero:before{left:-260px;top:-380px}
.fd-hero:after,.fd-pagehero:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:-1px;height:90px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0 60C320 100 620 10 960 30C1180 44 1320 70 1440 40V90H0Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat bottom/100% 100%}
.fd-dots{position:absolute!important;pointer-events:none}
.fd-dots:before{content:"";display:block;width:150px;height:110px;background-image:radial-gradient(var(--fd-orange) 2px,transparent 2.5px);background-size:18px 18px;opacity:.55}
.fd-float img{animation:fdFloat 6s ease-in-out infinite}
@keyframes fdFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(1deg)}}
.fd-wallets .elementor-icon-list-text{font-weight:500}
@media(max-width:1024px){.fd-hero:before{width:420px;height:360px;left:-220px;top:-250px}.fd-pagehero:before{width:380px;height:320px;left:-220px;top:-250px}}
@media(max-width:767px){.fd-hero:before{width:300px;height:260px;left:-170px;top:-190px}.fd-pagehero:before{width:260px;height:220px;left:-150px;top:-170px}.fd-hero:after,.fd-pagehero:after{height:46px}.fd-dots{display:none}}

/* ---------- kaarten ---------- */
.fd-card{transition:transform .3s,box-shadow .3s}
.fd-card-hover:hover{transform:translateY(-6px);box-shadow:0 22px 40px rgba(255,105,41,.16)!important}
.fd-iconbox .elementor-icon{transition:background-color .3s,transform .3s}
.fd-iconbox:hover .elementor-icon{transform:rotate(-8deg) scale(1.05)}
.fd-pill{display:inline-flex}
.fd-pill .elementor-heading-title{display:inline-block;background:var(--fd-orange);color:#fff;padding:12px 22px;border-radius:14px;box-shadow:5px 5px 0 var(--fd-black);border:2px solid var(--fd-black)}
.fd-step-num-txt .elementor-heading-title{line-height:1!important}
.fd-step+.fd-step{position:relative}
.fd-steps .fd-step:not(:last-child) .fd-step-num:after{content:"";position:absolute;left:50%;top:58px;width:2px;height:calc(100% + 10px);background:repeating-linear-gradient(var(--fd-orange) 0 6px,transparent 6px 12px);opacity:.45;transform:translateX(-50%)}
.fd-step-num{position:relative}
.fd-sector .elementor-icon-box-title{margin-bottom:6px}
.fd-tag .elementor-heading-title{display:inline-block;background:var(--fd-peach);color:var(--fd-orange-dark);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;letter-spacing:.02em}

/* ---------- vergelijking ---------- */
.fd-compare-bad .elementor-icon-list-icon i,.fd-compare-bad .elementor-icon-list-icon svg{color:#B9AEA6!important;fill:#B9AEA6!important}
.fd-compare-bad .elementor-icon-list-text{color:#7A716B!important}

/* ---------- prijzen ---------- */
.fd-price-main{position:relative;overflow:visible}
.fd-price-main:before{content:"Populair";position:absolute;inset:auto;top:-14px;right:28px;left:auto;bottom:auto;width:auto;height:auto;opacity:1;mix-blend-mode:normal;z-index:3;background:var(--fd-black);color:#fff;font:600 12px/1 Rubik,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:9px 14px;border-radius:999px}
.fd-price .elementor-heading-title{font-variant-numeric:tabular-nums}

/* ---------- golven (merkelement) ---------- */
.fd-wave-top{position:relative;overflow:visible!important}
.fd-wave-top:before{content:"";position:absolute;z-index:1;inset:auto;left:0;right:0;top:-118px;bottom:auto;height:120px;width:auto;opacity:1;mix-blend-mode:normal;border-radius:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 54C230 0 480-6 740 40C990 84 1210 96 1440 28V120H0Z' fill='%23FF6929'/%3E%3Cpath d='M0 92C260 34 520 30 770 66C1010 100 1230 108 1440 64V120H0Z' fill='%23111111'/%3E%3C/svg%3E") no-repeat bottom/100% 100%}
.fd-wave-top>.e-con-inner{position:relative;z-index:2}
@media(max-width:767px){.fd-wave-top:before{top:-58px;height:60px}}
.fd-band .elementor-icon-list-item{align-items:flex-start!important}

/* ---------- video ---------- */
.fd-video{border-radius:22px;overflow:hidden;box-shadow:0 30px 60px rgba(17,17,17,.14);border:6px solid #fff}
.fd-video video{display:block}

/* ---------- FAQ (nested accordion) ---------- */
.fd-faq .e-n-accordion-item{background:#fff;border:1.5px solid var(--fd-line);border-radius:16px;overflow:hidden;transition:border-color .25s,box-shadow .25s}
.fd-faq .e-n-accordion-item+.e-n-accordion-item{margin-top:0}
.fd-faq .e-n-accordion-item[open]{border-color:var(--fd-orange);box-shadow:0 14px 30px rgba(255,105,41,.10)}
.fd-faq .e-n-accordion-item-title{padding:20px 24px!important;border:0!important;background:transparent!important}
.fd-faq .e-n-accordion-item-title-text{font-family:Rubik,sans-serif;font-weight:600!important;font-size:18px!important;line-height:1.4;color:var(--fd-black)!important}
.fd-faq .e-n-accordion-item-title-icon{color:var(--fd-orange)!important;fill:var(--fd-orange)!important}
.fd-faq .e-n-accordion-item-title-icon i{color:var(--fd-orange)!important}
.fd-faq .e-n-accordion-item-title-icon svg{fill:var(--fd-orange)!important}
.fd-faq .e-n-accordion-item>.e-con{border:0!important;background:transparent!important}
.fd-faq-answer p:last-child{margin-bottom:0}
@media(max-width:767px){.fd-faq .e-n-accordion-item-title-text{font-size:16px!important}.fd-faq .e-n-accordion-item-title{padding:16px 18px!important}}

/* ---------- CTA ---------- */
.fd-cta-panel{position:relative;overflow:hidden}
.fd-cta-panel:after{content:"";position:absolute;right:-90px;bottom:-140px;width:360px;height:300px;border-radius:50%;background:var(--fd-orange);opacity:.95;z-index:0}
.fd-cta-panel>.e-con-inner,.fd-cta-panel>*{position:relative;z-index:1}
@media(max-width:767px){.fd-cta-panel:after{width:220px;height:180px;right:-80px;bottom:-110px}}

/* ---------- formulier ---------- */
.fd-form .elementor-field-group .elementor-field-textual,.fd-form .elementor-select-wrapper select{border-radius:12px!important;min-height:52px;transition:border-color .2s,box-shadow .2s}
.fd-form .elementor-field-textual:focus{border-color:var(--fd-orange)!important;box-shadow:0 0 0 4px rgba(255,105,41,.14)!important;outline:none}
.fd-form .elementor-field-type-acceptance label{font-size:14px}
.fd-form .elementor-message-success{background:#E8F8EE;color:#14532d;border-radius:12px;padding:14px 16px}

/* ---------- footer ---------- */
.fd-footer a{color:inherit}
.fd-footer .elementor-icon-list-item a:hover .elementor-icon-list-text{color:var(--fd-orange)!important}
.fd-footer .elementor-social-icon{transition:background-color .25s,transform .25s}
.fd-footer .elementor-social-icon:hover{background-color:var(--fd-orange)!important;transform:translateY(-3px)}
.fd-footer-bottom{border-top:1px solid rgba(255,255,255,.12)}

/* ---------- toegankelijkheid ---------- */
.elementor a:focus-visible,.elementor button:focus-visible,.elementor summary:focus-visible{outline:3px solid var(--fd-orange);outline-offset:3px;border-radius:6px}
@media (prefers-reduced-motion:reduce){.fd-float img{animation:none}html{scroll-behavior:auto}}

/* ---------- stappen: vaste cirkel, flexibele tekst ---------- */
.fd-step{flex-wrap:nowrap!important}
.fd-step>.fd-step-num{flex:0 0 52px!important;max-width:52px}
.fd-step>.fd-step-body{flex:1 1 0!important;min-width:0}
@media(max-width:767px){.fd-step>.fd-step-num{flex-basis:46px!important;max-width:46px;--width:46px!important}}

/* ---------- vangnet: icoongroottes ook als widget-CSS later laadt ---------- */
.elementor-icon-list-icon svg{width:var(--e-icon-list-icon-size,14px);height:var(--e-icon-list-icon-size,14px)}
.elementor-icon-list-items .elementor-icon-list-item{display:flex;align-items:center}
.elementor-social-icon svg{width:1em;height:1em}
.elementor-icon-wrapper .elementor-icon svg{width:1em;height:1em}/* End custom CSS */