Winkel

:root{–wp–style–global–content-size:100%!important;–wp–style–global–wide-size:100%!important;}
html,body,.wp-site-blocks,.entry-content,.post-content,
.page .entry-content,.is-layout-constrained,.is-layout-flow,
.is-layout-flex,.has-global-padding,.wp-block-post-content,
.wp-block-group,.wp-block-columns,.wp-block-html,
.type-page .entry-content,.single .entry-content {
background:var(–bg)!important;padding:0!important;margin:0!important;
max-width:100vw!important;width:100%!important;
}
.wp-site-blocks>*{max-width:100%!important;margin-block-start:0!important;margin-block-end:0!important;}
.wp-site-blocks>*+*{margin-block-start:0!important;}
:where(.wp-site-blocks)>*{margin-block-start:0!important;margin-block-end:0!important;}
.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:100%!important;margin-block-start:0!important;}
.is-layout-constrained>.alignwide{max-width:100%!important;}
.is-layout-flow>*+*{margin-block-start:0!important;}
#ft-site>*:not(.ft-matrix-sec){margin-top:0!important;margin-bottom:0!important;}
header.wp-block-template-part,footer.wp-block-template-part,
.wp-block-template-part[data-area=”header”],
.wp-block-template-part[data-area=”footer”],
.wp-block-group.has-background:first-child {
display:none!important;
}
.wp-block-post-title{display:none!important;}
main.wp-block-group{margin:0!important;margin-top:0!important;padding:0!important;}
main.wp-block-group>.wp-block-group{padding:0!important;margin:0!important;}
.wp-site-blocks{padding:0!important;}
body{overflow-x:hidden!important;margin:0!important;padding:0!important;}

/* ===== THEME SYSTEM ===== */
#ft-site {
–pr:#8b5cf6; –cy:#00d4ff; –or:#f59e0b;
–bg:#0a0a0f; –bg2:#12121a; –bg3:rgba(255,255,255,0.03);
–tx:#e2e8f0; –txm:#94a3b8; –txl:rgba(148,163,184,0.4);
–brd:rgba(255,255,255,0.06);
–card:rgba(255,255,255,0.02); –card-h:rgba(255,255,255,0.05);
–glow1:rgba(139,92,246,0.15); –glow2:rgba(0,212,255,0.1);
–nav-bg:rgba(10,10,15,0.7); –nav-bg-s:rgba(10,10,15,0.95);
–input-bg:rgba(255,255,255,0.05); –input-brd:rgba(255,255,255,0.1);
}
#ft-site.light {
–bg:#f8f9fc; –bg2:#ffffff; –bg3:rgba(0,0,0,0.02);
–tx:#1a1a2e; –txm:#64748b; –txl:rgba(100,116,139,0.4);
–brd:rgba(0,0,0,0.08);
–card:rgba(0,0,0,0.02); –card-h:rgba(0,0,0,0.04);
–glow1:rgba(139,92,246,0.06); –glow2:rgba(0,212,255,0.04);
–nav-bg:rgba(248,249,252,0.8); –nav-bg-s:rgba(248,249,252,0.95);
–input-bg:rgba(0,0,0,0.03); –input-brd:rgba(0,0,0,0.12);
}
#ft-site {
font-family:’Inter’,-apple-system,BlinkMacSystemFont,sans-serif;
background:var(–bg); color:var(–tx);
line-height:1.6; position:relative; overflow-x:hidden;
transition: background 0.4s, color 0.4s;
}
#ft-site *,#ft-site *::before,#ft-site *::after{box-sizing:border-box;}
#ft-site a{color:inherit;text-decoration:none;}

/* ===== BG EFFECTS ===== */
.ft-grid{
position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;
background-image:
linear-gradient(rgba(139,92,246,0.03) 1px,transparent 1px),
linear-gradient(90deg,rgba(139,92,246,0.03) 1px,transparent 1px);
background-size:60px 60px;
}
.ft-glow1,.ft-glow2{position:fixed;border-radius:50%;z-index:0;pointer-events:none;transition:background 0.4s;}
.ft-glow1{top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,var(–glow1) 0%,transparent 70%);animation:ftF 20s ease-in-out infinite;}
.ft-glow2{bottom:-15%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,var(–glow2) 0%,transparent 70%);animation:ftF 25s ease-in-out infinite reverse;}
@keyframes ftF{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(30px,-20px) scale(1.05);}66%{transform:translate(-20px,15px) scale(0.95);}}

/* ===== NAV ===== */
.ft-nav{
position:fixed;top:0;left:0;right:0;z-index:9999;
padding:10px 40px; backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
background:var(–nav-bg-s)!important;
border-bottom:1px solid var(–brd);
display:flex;justify-content:space-between;align-items:center;
transition:all 0.3s;
}
.ft-nav.scrolled{padding:10px 40px;background:var(–nav-bg-s)!important;}
.ft-brand{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:800;letter-spacing:-0.5px;}
.ft-brand-logo{height:44px;width:auto;object-fit:contain;transition:height 0.3s;}
.ft-brand-logo.ft-logo-dark{display:block;}
.ft-brand-logo.ft-logo-light{display:none;}
.light .ft-brand-logo.ft-logo-dark{display:none;}
.light .ft-brand-logo.ft-logo-light{display:block;}
.ft-nav-mid{display:flex;gap:28px;align-items:center;}
.ft-nav-mid a{color:var(–txm)!important;font-size:0.9rem;font-weight:700;letter-spacing:0.3px;transition:color 0.2s;position:relative;}
.ft-nav-mid a:hover{color:var(–tx)!important;}
.ft-nav-mid a::after{
content:”;position:absolute;bottom:-4px;left:0;width:0;height:2px;
background:linear-gradient(90deg,var(–pr),var(–cy));transition:width 0.3s;
}
.ft-nav-mid a:hover::after{width:100%;}
.ft-nav-right{display:flex;align-items:center;gap:14px;}
.ft-toggle{
width:36px;height:36px;border-radius:10px;cursor:pointer;
background:var(–input-bg);border:1px solid var(–brd);
transition:all 0.2s;display:flex;align-items:center;justify-content:center;
padding:0;font-size:1rem;color:var(–txm);
}
.ft-toggle:hover{border-color:var(–pr);background:rgba(139,92,246,.1);color:var(–pr);}
.ft-nav-cta{
padding:10px 24px!important;border-radius:8px;font-size:0.85rem;font-weight:700;
background:linear-gradient(135deg,var(–pr),#5d13af)!important;
color:white!important;border:none;cursor:pointer;transition:all 0.3s;
}
.ft-nav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 25px rgba(139,92,246,0.3);}
.ft-nav-cta::after{display:none!important;}
.ft-nav-drop{position:relative;}
.ft-nav-drop-trigger{display:flex!important;align-items:center;gap:4px;}
.ft-arrow{font-size:0.6rem;transition:transform 0.3s;}
.ft-nav-drop:hover .ft-arrow{transform:rotate(180deg);}
.ft-nav-dropdown{
position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(8px);
background:var(–bg2)!important;border:1px solid var(–brd);border-radius:14px;
padding:8px;min-width:240px;opacity:0;visibility:hidden;
transition:all 0.25s cubic-bezier(0.4,0,0.2,1);
box-shadow:0 20px 50px rgba(0,0,0,0.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
z-index:10000;
}
.ft-nav-drop:hover .ft-nav-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.ft-nav-dropdown a{
display:flex!important;align-items:center;gap:10px;padding:10px 14px!important;border-radius:8px;
font-size:0.82rem!important;font-weight:600!important;color:var(–txm)!important;transition:all 0.2s!important;
white-space:nowrap;
}
.ft-nav-dropdown a:hover{background:var(–card-h)!important;color:var(–tx)!important;}
.ft-nav-dropdown a::after{display:none!important;}
.ft-burger{display:none;background:none;border:none;cursor:pointer;padding:6px;flex-direction:column;gap:5px;}
.ft-burger span{display:block;width:22px;height:2px;background:var(–tx);border-radius:2px;transition:all .3s;}
.ft-burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.ft-burger.open span:nth-child(2){opacity:0;}
.ft-burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
.ft-mob-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;background:var(–bg);flex-direction:column;align-items:center;justify-content:center;gap:24px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.ft-mob-menu.open{opacity:1;visibility:visible;}
.ft-mob-menu a{font-size:1.3rem;font-weight:700;color:var(–tx)!important;transition:color .2s;}
.ft-mob-menu a:hover{color:var(–pr)!important;}
.ft-mob-cta{padding:14px 40px;border-radius:12px;background:linear-gradient(135deg,var(–pr),#7c3aed)!important;color:white!important;font-size:1rem!important;margin-top:12px;}

/* ===== COMMON ===== */
.ft-section{position:relative;z-index:1;padding:100px 40px;background:transparent!important;}
.ft-container{max-width:1200px;margin:0 auto;}
.ft-label{
display:inline-flex;align-items:center;gap:8px;
font-size:0.72rem;font-weight:700;text-transform:uppercase;
letter-spacing:2px;color:var(–pr);margin-bottom:16px;
}
.ft-label::before{content:”;width:20px;height:2px;background:linear-gradient(90deg,var(–pr),var(–cy));}
.ft-stitle{font-size:clamp(2rem,4vw,3rem)!important;font-weight:800!important;letter-spacing:-1px;margin-bottom:16px!important;line-height:1.1!important;color:var(–tx)!important;}
.ft-sdesc{font-size:1.05rem;color:var(–txm)!important;max-width:560px;line-height:1.7;margin-bottom:50px;}
.ft-btn{
padding:14px 32px;border-radius:12px;font-size:0.9rem;font-weight:600;
display:inline-flex;align-items:center;gap:8px;transition:all 0.3s;cursor:pointer;border:none;
}
.ft-btn-pr{background:linear-gradient(135deg,var(–pr),#7c3aed)!important;color:white!important;box-shadow:0 4px 20px rgba(139,92,246,0.3);}
.ft-btn-pr:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(139,92,246,0.4);}
.ft-btn-out{background:transparent!important;color:var(–tx)!important;border:1px solid var(–brd)!important;}
.ft-btn-out:hover{border-color:var(–pr)!important;background:var(–card-h)!important;}
.ft-grad{
background:linear-gradient(135deg,#8b5cf6 0%,#00d4ff 50%,#8b5cf6 100%);
background-size:200% auto;
-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
animation:ftShim 3s ease-in-out infinite;
}
@keyframes ftShim{0%{background-position:0% center;}100%{background-position:200% center;}}

/* ===== SHOP SPECIFIC ===== */
.ft-shop-cats{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:60px;}
.ft-shop-cat{
padding:10px 24px;border-radius:10px;font-size:0.85rem;font-weight:600;
border:1px solid var(–brd);color:var(–txm)!important;cursor:pointer;transition:all 0.3s;
background:transparent;
}
.ft-shop-cat:hover,.ft-shop-cat.active{border-color:var(–pr);color:var(–pr)!important;background:rgba(139,92,246,0.08);}
.ft-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;}
.ft-product-card{
background:var(–card)!important;border:1px solid var(–brd);border-radius:16px;
padding:32px 24px;transition:all 0.4s;position:relative;overflow:hidden;
display:flex;flex-direction:column;
}
.ft-product-card::before{
content:”;position:absolute;top:0;left:0;right:0;height:2px;
background:linear-gradient(90deg,transparent,var(–pr),transparent);opacity:0;transition:opacity 0.4s;
}
.ft-product-card:hover{border-color:rgba(139,92,246,0.2);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,0.15);background:var(–card-h)!important;}
.ft-product-card:hover::before{opacity:1;}
.ft-product-icon{font-size:2rem;margin-bottom:16px;}
.ft-product-name{font-size:1.1rem!important;font-weight:700!important;margin-bottom:8px!important;color:var(–tx)!important;}
.ft-product-desc{font-size:0.85rem!important;color:var(–txm)!important;line-height:1.6!important;flex:1;margin-bottom:16px;}
.ft-product-price{font-size:1.5rem;font-weight:800;color:var(–pr);margin-bottom:4px;}
.ft-product-price span{font-size:0.85rem;font-weight:500;color:var(–txm);}
.ft-product-cta{
display:inline-flex;align-items:center;gap:6px;margin-top:16px;
padding:12px 24px;border-radius:10px;font-size:0.85rem;font-weight:600;
background:rgba(139,92,246,0.12)!important;color:var(–pr)!important;
transition:all 0.3s;border:none;cursor:pointer;
}
.ft-product-cta:hover{background:rgba(139,92,246,0.2)!important;transform:translateY(-1px);}
.ft-cat-label{
display:inline-block;padding:4px 12px;border-radius:6px;font-size:0.7rem;font-weight:700;
text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;
background:rgba(139,92,246,0.1);color:var(–pr);
}

/* ===== FOOTER ===== */
.ft-footer{position:relative;z-index:1;border-top:1px solid var(–brd);padding:80px 40px 0;background:var(–bg);}
.ft-footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;}
.ft-footer-brand{display:flex;flex-direction:column;gap:20px;}
.ft-footer-brand img{height:48px;width:auto;object-fit:contain;object-position:left;}
.ft-footer-brand img.ft-logo-dark{display:block;}
.ft-footer-brand img.ft-logo-light{display:none;}
.light .ft-footer-brand img.ft-logo-dark{display:none;}
.light .ft-footer-brand img.ft-logo-light{display:block;}
.ft-footer-desc{font-size:.88rem;color:var(–txm);line-height:1.7;max-width:300px;}
.ft-footer-social{display:flex;gap:12px;margin-top:8px;}
.ft-footer-social a{width:36px;height:36px;border-radius:10px;border:1px solid var(–brd);display:flex;align-items:center;justify-content:center;color:var(–txm)!important;font-size:.85rem;transition:all .3s;}
.ft-footer-social a:hover{border-color:var(–pr);color:var(–pr)!important;background:rgba(139,92,246,.06);transform:translateY(-2px);}
.ft-footer-col h4{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(–tx);margin-bottom:20px;}
.ft-footer-col a{display:block;font-size:.88rem;color:var(–txm)!important;padding:6px 0;transition:color .2s;}
.ft-footer-col a:hover{color:var(–pr)!important;}
.ft-footer-col .ft-footer-contact-item{display:flex;align-items:start;gap:10px;font-size:.88rem;color:var(–txm);padding:6px 0;line-height:1.5;}
.ft-footer-col .ft-footer-contact-item span{color:var(–pr);font-size:.9rem;flex-shrink:0;margin-top:2px;}
.ft-footer-bar{max-width:1200px;margin:48px auto 0;padding:24px 0;border-top:1px solid var(–brd);display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:var(–txl);}
.ft-footer-bar a{color:var(–txm)!important;transition:color .2s;}
.ft-footer-bar a:hover{color:var(–pr)!important;}
.ft-footer-bar-links{display:flex;gap:20px;}

/* ===== MINI CART ===== */
.ft-minicart-btn{
position:fixed;bottom:28px;right:28px;z-index:9990;
width:56px;height:56px;border-radius:16px;border:none;cursor:pointer;
background:linear-gradient(135deg,var(–pr),#7c3aed);
color:white;font-size:1.2rem;display:none;align-items:center;justify-content:center;
box-shadow:0 8px 30px rgba(139,92,246,0.4);transition:all .3s;
}
.ft-minicart-btn.has-items{display:flex;}
.ft-minicart-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 40px rgba(139,92,246,0.5);}
.ft-minicart-badge{
position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;
background:#ef4444;color:white;font-size:.7rem;font-weight:800;
border-radius:50%;display:flex;align-items:center;justify-content:center;
border:2px solid var(–bg);
}
.ft-minicart-overlay{
position:fixed;inset:0;z-index:9991;background:rgba(0,0,0,0.5);
opacity:0;visibility:hidden;transition:all .3s;backdrop-filter:blur(4px);
}
.ft-minicart-overlay.open{opacity:1;visibility:visible;}
.ft-minicart-panel{
position:fixed;top:0;right:0;bottom:0;z-index:9992;width:400px;max-width:90vw;
background:var(–bg2);border-left:1px solid var(–brd);
transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);
display:flex;flex-direction:column;overflow:hidden;
}
.ft-minicart-overlay.open .ft-minicart-panel{transform:translateX(0);}
.ft-minicart-head{padding:20px 24px;border-bottom:1px solid var(–brd);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;}
.ft-minicart-head h3{font-size:1.1rem;font-weight:700;color:var(–tx);margin:0;}
.ft-minicart-close{background:none;border:none;color:var(–txm);font-size:1.5rem;cursor:pointer;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s;}
.ft-minicart-close:hover{background:var(–card-h);color:var(–tx);}
.ft-minicart-items{flex:1;overflow-y:auto;padding:16px 24px;}
.ft-minicart-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(–brd);}
.ft-minicart-item:last-child{border-bottom:none;}
.ft-minicart-item img{width:60px;height:60px;object-fit:cover;border-radius:10px;flex-shrink:0;border:1px solid var(–brd);}
.ft-minicart-item-info{flex:1;min-width:0;}
.ft-minicart-item-name{font-size:.88rem;font-weight:600;color:var(–tx);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ft-minicart-item-meta{font-size:.78rem;color:var(–txm);}
.ft-minicart-item-price{font-size:.9rem;font-weight:700;color:var(–pr);margin-top:4px;}
.ft-minicart-foot{padding:20px 24px;border-top:1px solid var(–brd);flex-shrink:0;background:var(–bg);}
.ft-minicart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.ft-minicart-total span:first-child{font-size:.9rem;font-weight:600;color:var(–txm);}
.ft-minicart-total span:last-child{font-size:1.2rem;font-weight:800;color:var(–pr);}
.ft-minicart-actions{display:flex;flex-direction:column;gap:10px;}
.ft-minicart-actions a{display:block;text-align:center;padding:14px;border-radius:12px;font-weight:700;font-size:.9rem;text-decoration:none!important;transition:all .3s;}
.ft-minicart-actions .ft-mc-checkout{background:linear-gradient(135deg,var(–pr),#7c3aed);color:white!important;}
.ft-minicart-actions .ft-mc-checkout:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(139,92,246,0.35);}
.ft-minicart-actions .ft-mc-cart{background:var(–card);border:1px solid var(–brd);color:var(–tx)!important;}
.ft-minicart-actions .ft-mc-cart:hover{border-color:rgba(139,92,246,.2);background:var(–card-h);}
.ft-minicart-empty{text-align:center;padding:40px 20px;color:var(–txm);}
.ft-minicart-empty-icon{font-size:3rem;margin-bottom:12px;opacity:.3;}
.ft-minicart-empty p{font-size:.9rem;margin-bottom:16px;}
.ft-minicart-empty a{color:var(–pr)!important;font-weight:600;text-decoration:none;}

/* Animations */
@keyframes ftUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
.ft-reveal{opacity:0;transform:translateY(40px);transition:all 0.8s cubic-bezier(0.4,0,0.2,1);}
.ft-reveal.vis{opacity:1;transform:translateY(0);}

/* Responsive */
@media(max-width:1024px){.ft-footer-inner{grid-template-columns:1fr 1fr;}}
@media(max-width:768px){
.ft-nav{padding:12px 20px!important;}
.ft-nav-mid{display:none;}
.ft-nav-cta-desk{display:none!important;}
.ft-burger{display:flex;}
.ft-mob-menu{display:flex;}
.ft-brand-logo{height:44px!important;}
.ft-section{padding:60px 20px!important;}
.ft-btn{padding:12px 24px;font-size:0.85rem;}
.ft-products-grid{grid-template-columns:1fr;}
.ft-footer{padding:50px 20px 0;}
.ft-footer-inner{grid-template-columns:1fr;gap:36px;}
.ft-footer-bar{flex-direction:column;gap:12px;text-align:center;padding:20px 0;}
.ft-minicart-btn{bottom:20px;right:20px;width:50px;height:50px;border-radius:14px;}
.ft-shop-cats{gap:8px;}
.ft-shop-cat{padding:8px 16px;font-size:0.8rem;}
}


Winkelwagen

(function(){
var mcBtn=document.getElementById(‘ftMiniCartBtn’),
mcBadge=document.getElementById(‘ftMiniCartBadge’),
mcItems=document.getElementById(‘ftMiniCartItems’),
mcFoot=document.getElementById(‘ftMiniCartFoot’),
mcTotal=document.getElementById(‘ftMiniCartTotal’),
mcOverlay=document.getElementById(‘ftMiniCartOverlay’);
function ftFetchCart(){
fetch(‘/wp-json/wc/store/v1/cart’,{credentials:’same-origin’})
.then(function(r){return r.json();})
.then(function(cart){
var count=cart.items_count||0;
mcBadge.textContent=count;
if(count>0){
mcBtn.classList.add(‘has-items’);
var html=”;
cart.items.forEach(function(item){
var img=item.images&&item.images[0]?item.images[0].src:”;
var price=(parseInt(item.prices.price)/100).toFixed(2).replace(‘.’,’,’);
var cur=item.prices.currency_symbol||’\u20ac’;
html+=’

‘;
if(img)html+=’‘;
html+=’

‘;
html+=’

‘+item.name+’

‘;
html+=’

Aantal: ‘+item.quantity+’

‘;
html+=’

‘+cur+’ ‘+price+’

‘;
html+=’

‘;
});
mcItems.innerHTML=html;
var total=(parseInt(cart.totals.total_price)/100).toFixed(2).replace(‘.’,’,’);
var sym=cart.totals.currency_symbol||’\u20ac’;
mcTotal.textContent=sym+’ ‘+total;
mcFoot.style.display=”;
} else {
mcBtn.classList.remove(‘has-items’);
mcItems.innerHTML=’

🛒

Je winkelwagen is leeg

Bekijk onze diensten

‘;
mcFoot.style.display=’none’;
}
})
.catch(function(){
if(document.cookie.indexOf(‘woocommerce_items_in_cart=1’)!==-1){
mcBtn.classList.add(‘has-items’);mcBadge.textContent=”;
mcItems.innerHTML=’

Je hebt items in je winkelwagen

‘;
mcFoot.style.display=”;mcTotal.textContent=”;
}
});
}
window.ftOpenMiniCart=function(){ftFetchCart();mcOverlay.classList.add(‘open’);document.body.style.overflow=’hidden’;};
window.ftCloseMiniCart=function(){mcOverlay.classList.remove(‘open’);document.body.style.overflow=”;};
ftFetchCart();setInterval(ftFetchCart,30000);
})();

Winkel
Onze Diensten
Professionele oplossingen voor je online aanwezigheid. Van website beheer tot SEO en social media management.

Niet zeker welk pakket bij je past?
Neem contact op voor een vrijblijvend adviesgesprek. We helpen je graag de juiste keuze te maken.

Neem contact op →

// Nav scroll
window.addEventListener(‘scroll’,function(){
var n=document.getElementById(‘ftNav’);
if(n)n.classList.toggle(‘scrolled’,window.scrollY>50);
});
// Reveal
var ftR=document.querySelectorAll(‘.ft-reveal’);
if(ftR.length){
var ftO=new IntersectionObserver(function(e){
e.forEach(function(x){if(x.isIntersecting){x.target.classList.add(‘vis’);ftO.unobserve(x.target);}});
},{threshold:0.12,rootMargin:’0px 0px -30px 0px’});
ftR.forEach(function(el){ftO.observe(el);});
}
// Smooth scroll
document.querySelectorAll(‘#ft-site a[href^=”#”]’).forEach(function(a){
a.addEventListener(‘click’,function(e){
e.preventDefault();
var t=document.querySelector(this.getAttribute(‘href’));
if(t)t.scrollIntoView({behavior:’smooth’,block:’start’});
});
});
// Mobile menu toggle
function ftToggleMenu(){
var b=document.getElementById(‘ftBurger’),m=document.getElementById(‘ftMobMenu’);
if(b&&m){b.classList.toggle(‘open’);m.classList.toggle(‘open’);document.body.style.overflow=m.classList.contains(‘open’)?’hidden’:”;}
}
// Dark/Light toggle
function ftToggleTheme(){
var s=document.getElementById(‘ft-site’);
if(!s)return;
s.classList.toggle(‘light’);
var isLight=s.classList.contains(‘light’);
document.getElementById(‘ftToggleDot’).innerHTML=isLight?’☀’:’☾’;
localStorage.setItem(‘ft-theme’,isLight?’light’:’dark’);
document.body.style.background=isLight?’#f8f9fc’:’#0a0a0f’;
}
// Restore saved theme
(function(){
var saved=localStorage.getItem(‘ft-theme’);
if(saved===’light’){
var s=document.getElementById(‘ft-site’);
if(s){s.classList.add(‘light’);
var t=document.getElementById(‘ftToggleDot’);if(t)t.innerHTML=’☀’;
document.body.style.background=’#f8f9fc’;}
}
})();