.elementor-kit-6{--e-global-color-primary:#1A0B1F;--e-global-color-secondary:#6F86B5;--e-global-color-text:#1A0B1F;--e-global-color-accent:#F4C25B;--e-global-color-ucwit01:#FFFFFF;--e-global-color-ucgrijs:#F5F5F5;--e-global-color-ucgrzac:#FAFAFA;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.18em;--e-global-typography-primary-letter-spacing:-0.03em;--e-global-typography-secondary-font-family:"Instrument Serif";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-font-style:italic;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:600;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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-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;}}:root { --up-bg:#171716; --up-surface:#1D1D1C; --up-raised:#212120; --up-overlay:#272726; --up-elevated:#2E2E2D; --up-text:#FFFFFF; --up-text-2:#E1E1E0; --up-text-3:#A6A6A4; --up-text-4:#777775; --up-border:#353533; --up-border-subtle:#2F2F2D; --up-accent:#1F55F1; --up-accent-text:#749DF7; --up-success-text:#73BE59; --up-spectrum-blue:#4F88FF; --up-spectrum-lilac:#CEAFFB; --up-spectrum-pink:#FD2980; --up-ember:#FF8F1B; --up-ink:#1A0B1F; --up-font:Inter; --uc-inkt:#1A0B1F; --uc-amber:#F4C25B; --uc-wit:#FFFFFF; --uc-grijs:#F5F5F5; --uc-grijs-licht:#FAFAFA; --uc-blauw:#6F86B5; --uc-inkt-60:#716874; --uc-inkt-80:#3B2A40; --uc-wit-70:#B6B1B7; --uc-lijn:#E8E4EA; --uc-lijn-donker:#3A2D3E; --uc-markering:#F4C25BB8; --uc-sans:Inter; --uc-serif:Instrument Serif; --uc-nachtblauw:#1B2340; --uc-gebroken-wit:#FAF7F2; }
/* Start custom CSS *//* Upclimb homepage. Lettertypen lokaal (Inter, Roboto Mono, SIL OFL 1.1), geen Google Fonts. */
@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:400;font-display:swap;src:url(https://nieuw.upclimb.ai/wp-content/uploads/upclimb-fonts/roboto-mono-latin.woff2) format('woff2');}
html{scroll-behavior:smooth;}
body.page-id-61{background-color:#171716;color:#E1E1E0;font-family:'Inter',ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
body.page-id-61 ::selection{background:#1F55F1;color:#FFFFFF;}
/* Filmkorrel over de hele pagina, zoals Cosmoq */
body.page-id-61::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:2147483000;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
/* Lijniconen: Elementor zet fill=currentColor, deze iconen zijn alleen lijnen */
.e-svg-base svg{fill:none;}
[id]{scroll-margin-top:96px;}
body.page-id-61 nav a,body.page-id-61 nav a:hover,body.page-id-61 footer a{color:inherit;text-decoration:none;}
body.page-id-61 footer a{transition:color .15s;}body.page-id-61 footer a:hover{color:#FFFFFF;}
.mk-body a{color:#749DF7;text-decoration:underline;text-underline-offset:2px;}
/* Gloeiende knop: donkere vulling, rand in het Upclimb-verloop, gloed eronder */
.fx-glow-btn{position:relative !important;isolation:isolate;background-color:#121211 !important;background-image:none !important;color:#FFFFFF !important;box-shadow:0 8px 26px -8px rgba(254,119,29,.55),0 8px 30px -8px rgba(79,136,255,.55) !important;transition:box-shadow .25s ease !important;}
.fx-glow-btn::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(110deg,#FF8F1B 0%,#FFD9B0 38%,#CEAFFB 62%,#4F88FF 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1;}
.fx-glow-btn::after{content:'';position:absolute;inset:1.5px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 60%);pointer-events:none;z-index:-1;}
.fx-glow-btn:hover{box-shadow:0 10px 34px -6px rgba(254,119,29,.75),0 10px 38px -6px rgba(79,136,255,.75) !important;}
.fx-ghost-btn{background:rgba(255,255,255,.04) !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12) !important;}
.fx-ghost-btn:hover{background:rgba(255,255,255,.08) !important;}
.fx-grad-text{background:linear-gradient(90deg,#FFB766 0%,#CEAFFB 50%,#749DF7 100%);-webkit-background-clip:text;background-clip:text;color:transparent !important;}
/* Glas en kaarten */
.fx-glass{background:rgba(255,255,255,.05) !important;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.11),inset 0 1px 0 rgba(255,255,255,.10) !important;}
.fx-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012)) !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.085) !important;overflow:hidden;}
.fx-fill,.fx-fill img{width:100% !important;height:100% !important;object-fit:cover;display:block;}
.fx-fade-bottom{-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%);}
.fx-hero-bg,.fx-hero-bg img{max-width:none !important;}
/* Glazen bol met het geanimeerde Up-logo */
.fx-orb{position:relative;border-radius:50% !important;overflow:hidden;box-shadow:0 0 90px -10px rgba(254,119,29,.6),0 0 130px -20px rgba(79,136,255,.65),inset 0 0 0 1px rgba(255,255,255,.2) !important;}
.fx-orb img{width:100% !important;height:100% !important;object-fit:cover;transform:scale(1.32);}
.fx-orb::after{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.55),rgba(255,255,255,0) 36%),radial-gradient(circle at 78% 82%,rgba(79,136,255,.55),rgba(79,136,255,0) 55%),radial-gradient(circle at 18% 72%,rgba(254,119,29,.45),rgba(254,119,29,0) 50%);mix-blend-mode:screen;}
.fx-orb::before{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:2;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),inset 0 -20px 40px rgba(0,0,0,.35);}
/* Woordmerk: het logo als masker, met het verloop erin */
.fx-wordmark-wrap{filter:drop-shadow(0 0 22px rgba(254,119,29,.45)) drop-shadow(0 0 34px rgba(79,136,255,.45));}
.fx-wordmark{aspect-ratio:1274/386;-webkit-mask:url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/upclimb-logo-wit.png) center/contain no-repeat;mask:url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/upclimb-logo-wit.png) center/contain no-repeat;background:linear-gradient(90deg,#FF8F1B 0%,#FFE9CF 30%,#FFFFFF 50%,#CEAFFB 68%,#4F88FF 100%);background-size:220% 100%;animation:fx-pan 9s ease-in-out infinite alternate;}
.fx-wordmark-ghost{aspect-ratio:1274/386;-webkit-mask:url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/upclimb-logo-wit.png) center/contain no-repeat;mask:url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/upclimb-logo-wit.png) center/contain no-repeat;background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.16));}
.fx-logo-sweep{aspect-ratio:1274/386;-webkit-mask:url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/upclimb-logo-wit.png) center/contain no-repeat;mask:url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/upclimb-logo-wit.png) center/contain no-repeat;background:linear-gradient(90deg,#FFFFFF 0%,#FFFFFF 33.33%,#82BCFF 40%,#2483FF 45%,#FF66F4 50%,#FF3029 55%,#FE7B02 60%,#FFFFFF 66.67%,#FFFFFF 100%);background-size:300% 100%;animation:fx-sweep 7s cubic-bezier(.455,.03,.515,.955) .6s infinite;}
@keyframes fx-pan{from{background-position:0% 0}to{background-position:100% 0}}
@keyframes fx-sweep{0%{background-position:100% 0}22%,100%{background-position:0 0}}
/* Gloeiende icoontegels (Cosmoq) */
.fx-tile{position:relative;isolation:isolate;background:linear-gradient(180deg,#262625,#121211) !important;box-shadow:0 12px 30px -12px rgba(254,119,29,.7),0 12px 34px -14px rgba(79,136,255,.7) !important;}
.fx-tile::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(160deg,#4F88FF 0%,rgba(255,255,255,.25) 45%,#FF8F1B 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
/* Beweging */
@keyframes fx-blur-in{from{opacity:0;filter:blur(16px);transform:translateY(16px)}to{opacity:1;filter:blur(0);transform:none}}
.fx-blur-in{animation:fx-blur-in 1.2s cubic-bezier(.215,.61,.355,1) both;}
.fx-d1{animation-delay:.15s !important}.fx-d2{animation-delay:.35s !important}.fx-d3{animation-delay:.55s !important}.fx-d4{animation-delay:.75s !important}
@keyframes fx-rise{from{opacity:0;transform:translateY(90px)}to{opacity:1;transform:none}}
.fx-rise{animation:fx-rise 1.6s cubic-bezier(.16,1,.3,1) .7s both;}
@keyframes fx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.fx-float{animation:fx-float 7s ease-in-out infinite;}
@keyframes fx-breathe{0%,100%{opacity:1;transform:translateX(-50%) scaleY(1)}50%{opacity:.82;transform:translateX(-50%) scaleY(1.025)}}
.fx-breathe{animation:fx-breathe 9s ease-in-out infinite;transform-origin:50% 100%;}
@keyframes fx-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.fx-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);}
.fx-marquee-track{width:max-content !important;animation:fx-marquee 38s linear infinite;}
.fx-marquee-slow{animation-duration:60s;}
@keyframes fx-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){.fx-blur-in,.fx-rise,.fx-float,.fx-breathe,.fx-marquee-track,.fx-wordmark,.fx-logo-sweep{animation:none !important;}}
/* Tabs: actieve knop licht op, zoals Cosmoq */
body.page-id-61 .e-tab-base.e--selected{background-color:#FFFFFF !important;color:#171716 !important;box-shadow:0 6px 24px -8px rgba(255,255,255,.45) !important;}
body.page-id-61 .e-tab-base{transition:background-color .2s ease,color .2s ease;}
body.page-id-61 .e-tab-base:not(.e--selected):hover{background-color:rgba(255,255,255,.1) !important;}

/* Bewegende achtergrond in de hero: eigen video, randen lopen weg in de pagina */
.fx-video-bg,.fx-video-bg video{max-width:none !important;pointer-events:none;}
.fx-video-bg video{width:100% !important;height:100% !important;object-fit:cover;display:block;}
.fx-video-bg{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 78%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 78%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-composite:intersect;}

/* === Upclimb v3 (uc-) · begin === */
/* Lettertypen lokaal: Inter 4.1 (rsms/inter) en Instrument Serif, beide SIL OFL 1.1. Geen Google Fonts. */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(https://nieuw.upclimb.ai/wp-content/uploads/upclimb-fonts/inter-variable-4.1.woff2) format('woff2');}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(https://nieuw.upclimb.ai/wp-content/uploads/upclimb-fonts/instrument-serif-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(https://nieuw.upclimb.ai/wp-content/uploads/upclimb-fonts/instrument-serif-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* Iconen als masker; de kleur komt uit currentColor of een variabele */
:root{
--uc-pijl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
--uc-pijl-schuin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E");
--uc-vinkje:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17.5 19 7'/%3E%3C/svg%3E");
--uc-ease:cubic-bezier(.16,1,.3,1);
}

/* Basis voor alle pagina's behalve de oude homepage (61) */
body:not(.page-id-61){background-color:var(--uc-wit);color:var(--uc-inkt);font-family:'Inter',system-ui,sans-serif;font-feature-settings:"cv08";-webkit-font-smoothing:antialiased;overflow-x:clip;}
body:not(.page-id-61) ::selection{background:var(--uc-markering);color:var(--uc-inkt);}
body:not(.page-id-61) .elementor a{text-decoration:none;}

/* Accentwoorden: Instrument Serif schuin, 1.12em, zoals in de slogan */
body .elementor :is(.uc-kop,.uc-kop3,.uc-lead,.uc-markering-kop,.uc-markering-regel,.uc-getal,.uc-voet-slogan,.uc-tegel-titel,.uc-voet-kop) em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-size:1.12em;letter-spacing:0;line-height:0;padding-right:.04em;}
body .elementor :is(.uc-tekst,.uc-lead,.uc-klein,.uc-voorbeeld-tekst) strong{color:var(--uc-inkt);font-weight:600;}
body .elementor .uc-sectie--inkt :is(.uc-tekst,.uc-lead,.uc-klein) strong{color:var(--uc-wit);}

/* Gele markering met selectiehandvatten (tekstselectie-look uit de header) */
body .elementor :is(.uc-markering-kop,.uc-markering-regel){position:relative;-webkit-box-decoration-break:clone;box-decoration-break:clone;}
body .elementor :is(.uc-markering-kop,.uc-markering-regel)::before,
body .elementor :is(.uc-markering-kop,.uc-markering-regel)::after{content:"";position:absolute;width:.34em;height:1.64em;pointer-events:none;background:radial-gradient(circle,var(--uc-amber) 0 .165em,transparent .175em) 50% 0/.34em .34em no-repeat,linear-gradient(var(--uc-amber),var(--uc-amber)) 50% 100%/.07em 1.36em no-repeat;transition:opacity .5s ease .9s;}
body .elementor :is(.uc-markering-kop,.uc-markering-regel)::before{left:-.235em;top:-.46em;}
body .elementor :is(.uc-markering-kop,.uc-markering-regel)::after{right:-.235em;bottom:-.46em;rotate:180deg;}
.uc-js body .elementor :is(.uc-markering-kop,.uc-markering-regel){background-color:transparent;background-image:linear-gradient(var(--uc-markering),var(--uc-markering));background-repeat:no-repeat;background-size:0% 100%;transition:background-size 1.1s cubic-bezier(.65,0,.35,1) .15s;}
.uc-js body .elementor :is(.uc-markering-kop,.uc-markering-regel)::before,
.uc-js body .elementor :is(.uc-markering-kop,.uc-markering-regel)::after{opacity:0;}
.uc-js body .elementor :is(.uc-markering-kop,.uc-markering-regel).is-in{background-size:100% 100%;}
.uc-js body .elementor :is(.uc-markering-kop,.uc-markering-regel).is-in::before,
.uc-js body .elementor :is(.uc-markering-kop,.uc-markering-regel).is-in::after{opacity:1;}

/* Knoppen: ronde pijl links, zoals marketer */
body .elementor .uc-knop{position:relative;white-space:nowrap;}
body .elementor .uc-knop::before{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:var(--uc-wit);}
body .elementor .uc-knop::after{content:"";position:absolute;left:15px;top:50%;width:16px;height:16px;translate:0 -50%;background:var(--uc-inkt);-webkit-mask:var(--uc-pijl) center/contain no-repeat;mask:var(--uc-pijl) center/contain no-repeat;transition:translate .3s var(--uc-ease);}
body .elementor .uc-knop:hover::after{translate:3px -50%;}
body .elementor .uc-knop--amber::before{background:var(--uc-inkt);}
body .elementor .uc-knop--amber::after{background:var(--uc-amber);}
body .elementor .uc-knop--klein::before{width:26px;height:26px;}
body .elementor .uc-knop--klein::after{left:12px;width:14px;height:14px;}
body .elementor .uc-link::after{content:"";flex:none;width:14px;height:14px;background:currentColor;-webkit-mask:var(--uc-pijl-schuin) center/contain no-repeat;mask:var(--uc-pijl-schuin) center/contain no-repeat;transition:translate .3s var(--uc-ease);}
body .elementor .uc-link:hover::after{translate:2px -2px;}

/* Rijen met lijnen tussen de kolommen, zoals de stappen bij marketer */
body .elementor .uc-rij-lijnen > *{padding:28px 32px 4px;border-left:1px solid var(--uc-lijn);min-width:0;}
body .elementor .uc-rij-lijnen > *:first-child{border-left:0;padding-left:0;}
body .elementor .uc-rij-lijnen--donker,body .elementor .uc-rij-lijnen--donker > *{border-color:var(--uc-lijn-donker);}
@media (max-width:1024px){
 body .elementor .uc-rij-lijnen--5 > *{border-left:0;padding-left:0;border-top:1px solid var(--uc-lijn-donker);padding-top:24px;}
 body .elementor .uc-rij-lijnen--5 > *:nth-child(-n+2){border-top:0;}
 body .elementor .uc-rij-lijnen--5 > *:nth-child(even){border-left:1px solid var(--uc-lijn-donker);padding-left:28px;}
}
@media (max-width:767px){
 body .elementor .uc-rij-lijnen > *,body .elementor .uc-rij-lijnen--5 > *,body .elementor .uc-rij-lijnen--5 > *:nth-child(even){border-left:0;padding:22px 0;border-top:1px solid var(--uc-lijn);}
 body .elementor .uc-rij-lijnen--donker > *,body .elementor .uc-rij-lijnen--5 > *{border-top-color:var(--uc-lijn-donker);}
 body .elementor .uc-rij-lijnen > *:first-child{border-top:0;}
}

/* Lijst met vinkjes: elke regel krijgt een amber rondje met vinkje */
body .elementor .uc-vink{position:relative;}
body .elementor .uc-vink::before{content:"";position:static;display:block;flex:none;width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--uc-amber);}
body .elementor .uc-vink::after{content:"";position:absolute;left:5px;top:7px;width:12px;height:12px;background:var(--uc-inkt);-webkit-mask:var(--uc-vinkje) center/contain no-repeat;mask:var(--uc-vinkje) center/contain no-repeat;}

/* Panelen met de blauwe studio */
body .elementor .uc-paneel--studio{background-color:var(--uc-blauw);background-image:url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/studio-achtergrond.jpg);background-size:cover;background-position:center;}
body .elementor .uc-paneel--drift{background-size:160% auto;animation:uc-drift 32s ease-in-out infinite alternate;}
@keyframes uc-drift{from{background-position:20% 30%}to{background-position:80% 70%}}
body .elementor .uc-paneel-foto{position:absolute;inset:0;width:100%;height:100%;max-width:none;}
body .elementor img.uc-paneel-foto,body .elementor img.uc-foto{object-fit:cover;display:block;}
body .elementor img.uc-foto{width:100%;height:100%;}
.uc-js body .elementor .uc-paneel--onthul{clip-path:inset(5% 4% round 24px);transition:clip-path 1.5s var(--uc-ease);}
.uc-js body .elementor .uc-paneel--onthul .uc-paneel-foto{scale:1.08;transition:scale 1.8s var(--uc-ease);}
.uc-js body .elementor .uc-paneel--onthul.is-in{clip-path:inset(0 0 round 24px);}
.uc-js body .elementor .uc-paneel--onthul.is-in .uc-paneel-foto{scale:1;}

/* Voorbeeldkaartjes: eerst wat de AI zag, dan jouw besluit met vinkje */
.uc-js body .elementor .uc-voorbeeld .uc-voorbeeld-besluit{opacity:0;translate:0 12px;transition:opacity .7s ease .7s,translate .9s var(--uc-ease) .7s;}
.uc-js body .elementor .uc-voorbeeld.is-in .uc-voorbeeld-besluit{opacity:1;translate:0 0;}
.uc-js body .elementor .uc-voorbeeld .uc-badge{opacity:0;scale:.6;transition:opacity .3s ease 1.35s,scale .6s cubic-bezier(.34,1.56,.64,1) 1.35s;}
.uc-js body .elementor .uc-voorbeeld.is-in .uc-badge{opacity:1;scale:1;}
body .elementor .uc-voorbeeld .uc-badge::before{content:"";flex:none;width:14px;height:14px;background:currentColor;-webkit-mask:var(--uc-vinkje) center/contain no-repeat;mask:var(--uc-vinkje) center/contain no-repeat;}

/* Live-bolletje */
body .elementor .uc-live::before{content:"";position:static;display:block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--uc-amber);box-shadow:0 0 0 0 var(--uc-markering);animation:uc-live 1.8s ease-out infinite;}
@keyframes uc-live{0%{box-shadow:0 0 0 0 var(--uc-markering)}100%{box-shadow:0 0 0 9px transparent}}

/* Draaiende banen rond het logo, zoals de banen met app-iconen bij marketer */
body .elementor .uc-orbit{position:relative;aspect-ratio:1/1;width:100%;max-width:470px;margin-inline:auto;padding:0;}
body .elementor .uc-orbit-ring{position:absolute;width:auto;height:auto;min-width:0;border:1px solid var(--uc-lijn-donker);border-radius:50%;padding:0;animation:uc-draai 70s linear infinite;}
body .elementor .uc-orbit-ring--1{inset:28%;}
body .elementor .uc-orbit-ring--2{inset:14%;animation-duration:100s;animation-direction:reverse;}
body .elementor .uc-orbit-ring--3{inset:0;animation-duration:140s;}
body .elementor .uc-orbit-chip{position:absolute;width:48px;height:48px;padding:0;border-radius:50%;background:var(--uc-wit);display:flex;align-items:center;justify-content:center;translate:-50% -50%;box-shadow:0 10px 24px -10px color-mix(in srgb,var(--uc-inkt) 70%,transparent);animation:uc-draai 70s linear infinite reverse;}
body .elementor .uc-orbit-ring--2 .uc-orbit-chip{animation-duration:100s;animation-direction:normal;}
body .elementor .uc-orbit-ring--3 .uc-orbit-chip{animation-duration:140s;}
body .elementor .uc-orbit-chip svg{width:22px;height:22px;stroke:var(--uc-inkt);}
body .elementor .uc-orbit-ring > .uc-orbit-chip:nth-child(1){left:50%;top:0;}
body .elementor .uc-orbit-ring--1 > .uc-orbit-chip:nth-child(2){left:93.3%;top:75%;}
body .elementor .uc-orbit-ring--1 > .uc-orbit-chip:nth-child(3){left:6.7%;top:75%;}
body .elementor .uc-orbit-ring--2 > .uc-orbit-chip:nth-child(1){left:85.4%;top:14.6%;}
body .elementor .uc-orbit-ring--2 > .uc-orbit-chip:nth-child(2){left:14.6%;top:85.4%;}
body .elementor .uc-orbit-ring--3 > .uc-orbit-chip:nth-child(1){left:0;top:50%;}
body .elementor .uc-orbit-ring--3 > .uc-orbit-chip:nth-child(2){left:75%;top:93.3%;}
body .elementor .uc-orbit-ring--3 > .uc-orbit-chip:nth-child(3){left:93.3%;top:25%;}
body .elementor .uc-orbit-kern{position:absolute;left:50%;top:50%;width:26%;aspect-ratio:1/1;translate:-50% -50%;border-radius:50%;padding:0;background:var(--uc-inkt-80);border:1px solid color-mix(in srgb,var(--uc-amber) 55%,transparent);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px color-mix(in srgb,var(--uc-amber) 6%,transparent);z-index:2;}
body .elementor .uc-orbit-kern img{width:72%;height:auto;display:block;}
body .elementor .uc-orbit-puls{position:absolute;left:50%;top:50%;width:26%;aspect-ratio:1/1;translate:-50% -50%;border-radius:50%;padding:0;border:1px solid var(--uc-amber);animation:uc-puls 3.6s ease-out infinite;z-index:1;}
@keyframes uc-draai{to{rotate:360deg}}
@keyframes uc-puls{0%{scale:1;opacity:.7}100%{scale:2.8;opacity:0}}

/* Absolute lagen niet op volle breedte (Elementor-standaard is width:100%) */
body .elementor .uc-paneel-tekst{width:auto;}

/* Schakelaar (tabbladen) op inkt */
body .elementor .uc-tabs{gap:24px;}
body .elementor .uc-tabs-menu{display:inline-flex;width:auto;max-width:100%;justify-content:flex-start;gap:4px;padding:4px;border-radius:999px;background:color-mix(in srgb,var(--uc-wit) 9%,transparent);align-self:flex-start;}
body .elementor .uc-tab{width:auto;border:0;border-radius:999px;padding:10px 18px;background:transparent;color:var(--uc-wit-70);font-family:'Inter';font-weight:600;font-size:15px;line-height:1.2;white-space:nowrap;transition:background-color .3s ease,color .3s ease;}
body .elementor .uc-tab.e--selected{background:var(--uc-wit);color:var(--uc-inkt);}
body .elementor .uc-tab:not(.e--selected):hover{color:var(--uc-wit);}
body .elementor .uc-tab-paneel{padding:0;}
body .elementor .uc-tab-paneel:not([hidden]){animation:uc-in .6s var(--uc-ease);}
@keyframes uc-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media (max-width:767px){body .elementor .uc-tab{padding:9px 14px;font-size:14px;}}

/* Uitklapvragen: plus wordt kruis, soepel open */
body .elementor .uc-vragen details{border-bottom:1px solid var(--uc-lijn);}
body .elementor .uc-vragen details:first-child{border-top:1px solid var(--uc-lijn);}
body .elementor .uc-vragen summary{list-style:none;}
body .elementor .uc-vragen summary::-webkit-details-marker{display:none;}
body .elementor .uc-vraag-icoon{width:auto;}
body .elementor .uc-vraag-icoon svg{width:20px;height:20px;transition:rotate .35s var(--uc-ease);}
body .elementor .uc-vragen details[open] .uc-vraag-icoon svg{rotate:45deg;}
body .elementor .uc-vragen details{interpolate-size:allow-keywords;}
body .elementor .uc-vragen details::details-content{block-size:0;overflow:hidden;transition:block-size .45s var(--uc-ease),content-visibility .45s allow-discrete;}
body .elementor .uc-vragen details[open]::details-content{block-size:auto;}
body .elementor .uc-vragen--donker details,body .elementor .uc-vragen--donker details:first-child{border-color:var(--uc-lijn-donker);}

/* Menubalk: verschijnt zodra de foto uit beeld is */
body .elementor .uc-menubalk{position:fixed;top:14px;left:50%;z-index:60;width:min(1200px,calc(100% - 28px));translate:-50% -170%;transition:translate .7s var(--uc-ease);background:color-mix(in srgb,var(--uc-wit) 86%,transparent);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border:1px solid var(--uc-lijn);border-radius:999px;padding:7px 7px 7px 22px;box-shadow:0 10px 30px -14px color-mix(in srgb,var(--uc-inkt) 30%,transparent);}
body .elementor .uc-menubalk.is-zichtbaar{translate:-50% 0;}
body .elementor img.uc-menubalk-logo{height:22px;width:auto;display:block;}
@media (max-width:767px){body .elementor .uc-menulinks{display:none;}body .elementor .uc-menubalk{padding-left:16px;}}

/* Rollende cijfers, zoals marketer */
.uc-rol{display:inline-block;height:1em;overflow:hidden;vertical-align:top;line-height:1;}
.uc-rol-strook{display:block;transition:transform 1.6s var(--uc-ease);}
.uc-rol-strook > span{display:block;height:1em;line-height:1;}
.uc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}

/* Onthullen bij scrollen */
.uc-js body .elementor .uc-onthul{opacity:0;translate:0 26px;transition:opacity 1s ease,translate 1.1s var(--uc-ease);}
.uc-js body .elementor .uc-onthul.is-in{opacity:1;translate:0 0;}

/* Invulplekken voor echte cijfers, valt op zolang ze er staan */
body .elementor .uc-invullen{color:var(--uc-inkt-60);background:repeating-linear-gradient(-45deg,transparent 0 6px,color-mix(in srgb,var(--uc-amber) 22%,transparent) 6px 12px);border-radius:6px;padding:0 .2em;}

/* Footer */
body .elementor .uc-voetlink:hover{color:var(--uc-inkt);}

@media (prefers-reduced-motion:reduce){
 .uc-js body .elementor .uc-onthul{opacity:1;translate:none;transition:none;}
 body .elementor :is(.uc-orbit-ring,.uc-orbit-chip,.uc-orbit-puls,.uc-paneel--drift,.uc-live)::before,body .elementor :is(.uc-orbit-ring,.uc-orbit-chip,.uc-orbit-puls,.uc-paneel--drift){animation:none;}
 .uc-rol-strook,.uc-js body .elementor :is(.uc-markering-kop,.uc-markering-regel),.uc-js body .elementor .uc-paneel--onthul{transition:none;}
}
/* Schaduwen en lijnen in kaarten en dashboard (kleur uit de inkt-variabele) */
body .elementor .uc-kaart{box-shadow:0 1px 2px color-mix(in srgb,var(--uc-inkt) 5%,transparent),0 20px 44px -24px color-mix(in srgb,var(--uc-inkt) 28%,transparent);}
body .elementor .uc-dashboard{box-shadow:0 30px 60px -30px color-mix(in srgb,var(--uc-inkt) 45%,transparent);}
body .elementor .uc-grid-4 > .uc-kpi:first-child{border-left:0;}
@media (max-width:767px){body .elementor .uc-grid-4 > .uc-kpi:nth-child(odd){border-left:0;}body .elementor .uc-grid-4 > .uc-kpi:nth-child(n+3){border-top:1px solid var(--uc-lijn);}}
/* Bento: vier tegels direct na 'Herken je dit' (opbouw zoals ruul.io, stijl Upclimb) */
body .elementor .uc-tegel--nacht{background-image:linear-gradient(color-mix(in srgb,var(--uc-wit) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--uc-wit) 8%,transparent) 1px,transparent 1px);background-size:44px 44px;background-position:-1px -1px;}
body .elementor .uc-tegel--licht{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--uc-inkt) 7%,transparent);}
body .elementor .uc-bento > :nth-child(1){grid-column:1;grid-row:1;}
body .elementor .uc-bento > :nth-child(2){grid-column:2;grid-row:1;}
body .elementor .uc-bento > :nth-child(3){grid-column:1 / span 2;grid-row:2;}
body .elementor .uc-bento > :nth-child(4){grid-column:3;grid-row:1 / span 2;}
@media (max-width:1024px){
 body .elementor .uc-bento > :nth-child(1){grid-column:1;grid-row:auto;}
 body .elementor .uc-bento > :nth-child(2){grid-column:2;grid-row:auto;}
 body .elementor .uc-bento > :nth-child(3),body .elementor .uc-bento > :nth-child(4){grid-column:1 / -1;grid-row:auto;}
}
@media (max-width:767px){body .elementor .uc-bento > *{grid-column:1 / -1 !important;grid-row:auto !important;}}
body .elementor .uc-tegel-icoon svg{width:100%;height:100%;}
/* Foto in tegel 3 loopt door tot de onderrand */
body .elementor .uc-tegel-foto > img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 26%;}
/* Melding over de foto: wisselt elke 4 seconden met een rustige fade */
body .elementor .uc-melding{box-shadow:0 14px 32px -14px color-mix(in srgb,var(--uc-inkt) 50%,transparent),0 1px 2px color-mix(in srgb,var(--uc-inkt) 10%,transparent);}
body .elementor .uc-melding-vink{position:relative;}
body .elementor .uc-melding-vink::after{content:"";position:absolute;inset:7px;background:var(--uc-inkt);-webkit-mask:var(--uc-vinkje) center/contain no-repeat;mask:var(--uc-vinkje) center/contain no-repeat;}
body .elementor .uc-melding-regel{opacity:0;animation:uc-melding 12s ease-in-out infinite;}
body .elementor .uc-melding-regel:nth-child(2){animation-delay:4s;}
body .elementor .uc-melding-regel:nth-child(3){animation-delay:8s;}
@keyframes uc-melding{0%{opacity:0;translate:0 6px}4%,29%{opacity:1;translate:0 0}33.33%,100%{opacity:0;translate:0 -6px}}
/* Lijnschema in tegel 4: kaartjes liggen boven de lijnuiteinden */
body .elementor .uc-schema-lijnen{color:color-mix(in srgb,var(--uc-inkt) 26%,transparent);}
body .elementor .uc-schema-lijnen svg{width:100%;height:100%;overflow:visible;}
body .elementor .uc-schema-kern{translate:-50% -50%;box-shadow:0 14px 34px -14px color-mix(in srgb,var(--uc-inkt) 35%,transparent),0 0 0 1px color-mix(in srgb,var(--uc-inkt) 6%,transparent);}
body .elementor .uc-schema-kern img{height:24px;width:auto;max-width:none;display:block;}
body .elementor .uc-schema-kaart{translate:-50% -50%;box-shadow:0 8px 20px -10px color-mix(in srgb,var(--uc-inkt) 30%,transparent),0 0 0 1px color-mix(in srgb,var(--uc-inkt) 6%,transparent);}
body .elementor .uc-schema > p:nth-of-type(1){left:22%;top:14.1%;}
body .elementor .uc-schema > p:nth-of-type(2){left:78%;top:30%;}
body .elementor .uc-schema > p:nth-of-type(3){left:24%;top:81.8%;}
body .elementor .uc-schema > p:nth-of-type(4){left:76%;top:87.7%;}
.uc-js body .elementor .uc-schema path{stroke-dasharray:300;stroke-dashoffset:300;transition:stroke-dashoffset 1.6s var(--uc-ease);}
.uc-js body .elementor .uc-schema path:nth-child(n+5){transition-delay:.8s;}
.uc-js body .elementor .uc-schema.is-in path{stroke-dashoffset:0;}
.uc-js body .elementor .uc-schema :is(.uc-schema-kern,.uc-schema-kaart){opacity:0;scale:.9;transition:opacity .6s ease,scale .8s var(--uc-ease);}
.uc-js body .elementor .uc-schema.is-in .uc-schema-kern{opacity:1;scale:1;}
.uc-js body .elementor .uc-schema.is-in .uc-schema-kaart{opacity:1;scale:1;transition-delay:1s;}
@media (prefers-reduced-motion:reduce){
 body .elementor .uc-melding-regel{animation:none;opacity:0;}
 body .elementor .uc-melding-regel:first-child{opacity:1;translate:none;}
 .uc-js body .elementor .uc-schema path{stroke-dashoffset:0;transition:none;}
 .uc-js body .elementor .uc-schema :is(.uc-schema-kern,.uc-schema-kaart){opacity:1;scale:1;transition:none;}
}
/* Tegel 3: fotokolom iets breder, melding compact; tekst mag naar twee regels */
body .elementor .uc-tegel--breed{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);}
@media (max-width:767px){body .elementor .uc-tegel--breed{grid-template-columns:minmax(0,1fr);}}
body .elementor .uc-melding{top:12px;left:12px;right:12px;height:62px;}
body .elementor .uc-melding-regel{gap:10px;padding:0 14px;}
body .elementor .uc-melding-tekst{font-size:14px;line-height:1.25;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
/* Geanimeerd logo (HTML-blok) binnen de atomaire containers */
body .elementor .uc-orbit-kern .elementor-widget-html,body .elementor .uc-schema-kern .elementor-widget-html{width:auto;}
body .elementor .uc-menubalk .elementor-widget-html{flex:none;}
/* Melding binnen de foto houden (Elementor zet blokken standaard op volle breedte) */
body .elementor .uc-melding{width:auto;}
/* Draaiende cirkels nemen tijdens het draaien meer ruimte in dan zichtbaar: per sectie afknippen */
body .elementor .uc-sectie{overflow-x:clip;}
@media (max-width:767px){body .elementor .uc-orbit{max-width:300px;}}
/* Footer: merk en slogan over de volle breedte op tablet en mobiel */
@media (max-width:1024px){body .elementor .uc-voet-grid > :first-child{grid-column:1 / -1;}}
/* Resultaten: drie tellers, op mobiel onder elkaar met een lijn ertussen */
@media (max-width:767px){body .elementor .uc-dashboard .uc-grid-4 > .uc-kpi{border-left:0;border-top:1px solid var(--uc-lijn);}body .elementor .uc-dashboard .uc-grid-4 > .uc-kpi:first-child{border-top:0;}}
/* Footer in de opbouw van visuvate.com: groot Up-beeldmerk dat gloeiend achter de linkrijen wegzakt */
:root{--uc-up-merk:url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/upclimb-up-merk.svg);}
body .elementor .uc-voet-kop em{color:var(--uc-amber);}
body .elementor .uc-voet-merk{margin-bottom:-260px;pointer-events:none;}
body .elementor .uc-voet-socials,body .elementor .uc-voet-links{width:auto;}
@media (max-width:1024px){body .elementor .uc-voet-merk{max-width:400px;margin-bottom:-200px;}}
@media (max-width:767px){body .elementor .uc-voet-merk{max-width:240px;margin-bottom:-112px;}}
body .elementor .uc-voet-merk-vorm{-webkit-mask:var(--uc-up-merk) center/contain no-repeat,linear-gradient(#000 38%,transparent 74%);-webkit-mask-composite:source-in;mask:var(--uc-up-merk) center/contain no-repeat,linear-gradient(#000 38%,transparent 74%);mask-composite:intersect;}
body .elementor .uc-voet-merk-gloed{filter:blur(36px);opacity:.36;animation:uc-ademen 7s ease-in-out infinite;}
body .elementor .uc-voet-merk-gloed > .uc-voet-merk-laag{background:var(--uc-wit);-webkit-mask:var(--uc-up-merk) center/contain no-repeat,linear-gradient(transparent 32%,#000 52%,rgba(0,0,0,.35) 80%,transparent 100%);-webkit-mask-composite:source-in;mask:var(--uc-up-merk) center/contain no-repeat,linear-gradient(transparent 32%,#000 52%,rgba(0,0,0,.35) 80%,transparent 100%);mask-composite:intersect;}
@keyframes uc-ademen{0%,100%{opacity:.3}50%{opacity:.46}}
body .elementor .uc-voet-socials > :first-child,body .elementor .uc-voet-links > :first-child{border-left:0;}
body .elementor .uc-voet-social{transition:background-color .25s ease;}
body .elementor .uc-voet-pijl{transition:translate .3s var(--uc-ease);}
body .elementor .uc-voet-social:hover .uc-voet-pijl{translate:3px 0;}
@media (max-width:767px){
 body .elementor .uc-voet-socials > :nth-child(odd),body .elementor .uc-voet-links > :nth-child(odd){border-left:0;}
 body .elementor .uc-voet-socials > :nth-child(n+3),body .elementor .uc-voet-links > :nth-child(n+3){border-top:1px solid var(--uc-lijn-donker);}
}
@media (prefers-reduced-motion:reduce){body .elementor .uc-voet-merk-gloed{animation:none;}}
/* === Upclimb v3 (uc-) · einde === */
/* === Upclimb platformscène (ucp-) · begin === */
/* Sectie 05 "Daarom begon ik Upclimb": kop, glazen scène (nacht > ochtend), drie kaarten, muis van Lars. Teksten en beelden staan in Elementor-widgets; dit blok regelt alleen opmaak en beweging. Script: widget "Scène beweging (script)" in dezelfde sectie. */
body .elementor .ucp-binnen{padding-block:80px 88px;gap:32px;border-block:1px solid var(--uc-lijn);}
body .elementor .ucp-kopregel{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:end;gap:20px 56px;width:100%;padding:0;}
body .elementor .ucp-kopblok{display:block;min-width:0;padding:0;}
body .elementor .ucp-kop,body .elementor .ucp-kop-grijs{margin:0;font-family:var(--uc-sans);font-weight:600;font-size:clamp(26px,1.2rem + 1.5vw,38px);letter-spacing:-.025em;line-height:1.18;color:var(--uc-inkt);text-wrap:balance;}
body .elementor .ucp-kop-grijs{font-weight:400;letter-spacing:-.015em;color:#9A929E;}
body .elementor .ucp-kop-grijs em,body .elementor .ucp-kop em{font-family:var(--uc-serif),Georgia,serif;font-style:italic;font-weight:400;font-size:1.12em;letter-spacing:0;line-height:0;padding-right:.04em;}
body .elementor .ucp-kop-rechts{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0;padding:0;}
body .elementor .ucp-lead{margin:0;font-family:var(--uc-sans);font-size:17px;line-height:1.55;color:var(--uc-inkt-60);text-wrap:pretty;}
body .elementor .ucp-lead strong{color:var(--uc-inkt);font-weight:600;}
body .elementor .ucp-tekstlink{display:inline-flex;align-items:center;gap:10px;padding:0;background:none;border:0;border-radius:0;font-family:var(--uc-sans);font-size:16px;font-weight:500;color:var(--uc-inkt);text-decoration:none;white-space:nowrap;}
body .elementor .ucp-tekstlink::after{content:"";width:18px;height:18px;background:currentColor;mask:var(--uc-pijl) center/contain no-repeat;-webkit-mask:var(--uc-pijl) center/contain no-repeat;transition:translate .3s var(--uc-ease);}
body .elementor .ucp-tekstlink:hover{background:none;color:var(--uc-inkt);}
body .elementor .ucp-tekstlink:hover::after{translate:3px 0;}

/* Scène */
body .elementor .ucp-scene-blok{display:block;width:100%;padding:0;}
body .elementor .ucp-scene{position:relative;display:block;width:100%;padding:22px 28px 28px;border-radius:20px;overflow:hidden;isolation:isolate;background:#B4C4E2;}
body .elementor .ucp-lucht,body .elementor .ucp-nacht{position:absolute;inset:0;width:auto;height:auto;z-index:-2;overflow:hidden;pointer-events:none;padding:0;min-width:0;}
body .elementor .ucp-lucht{background:radial-gradient(110% 80% at 18% 0%,#D6DEEF 0%,transparent 62%),radial-gradient(90% 70% at 100% 100%,#C3CFE7 0%,transparent 70%),linear-gradient(180deg,#A8BADD 0%,#B9C7E4 60%,#CBD5EA 100%);}
body .elementor .ucp-lucht::before,body .elementor .ucp-lucht::after{content:"";position:absolute;display:block;background-size:cover;pointer-events:none;}
body .elementor .ucp-lucht::before{inset:-10% -30% -10% -10%;opacity:.78;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='900' height='520'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='0.0045 0.009' numOctaves='5' seed='11'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1.25 -0.42'/></filter><rect width='100%25' height='100%25' filter='url(%23f)'/></svg>");animation:ucp-drijf 38s ease-in-out infinite alternate;}
body .elementor .ucp-lucht::after{inset:-20% -10% -20% -40%;opacity:.45;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='900' height='520'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='0.007 0.014' numOctaves='4' seed='3'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1.3 -0.6'/></filter><rect width='100%25' height='100%25' filter='url(%23f)'/></svg>");animation:ucp-drijf2 26s ease-in-out infinite alternate;}
@keyframes ucp-drijf{to{translate:-12% 2%;}}
@keyframes ucp-drijf2{to{translate:16% -3%;}}
body .elementor .ucp-nacht{z-index:-1;background:linear-gradient(180deg,rgba(27,35,64,.55) 0%,rgba(27,35,64,.3) 70%,rgba(27,35,64,.22) 100%);transition:opacity 1.2s ease;}
body .elementor .ucp-nacht::before,body .elementor .ucp-nacht::after{content:"";position:absolute;inset:0;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='200'><g fill='white'><circle cx='12' cy='18' r='1'/><circle cx='64' cy='42' r='.7' opacity='.7'/><circle cx='118' cy='12' r='1.3'/><circle cx='171' cy='58' r='.8' opacity='.6'/><circle cx='226' cy='24' r='1' opacity='.85'/><circle cx='290' cy='66' r='.7' opacity='.6'/><circle cx='40' cy='96' r='.8' opacity='.5'/><circle cx='142' cy='104' r='1.1' opacity='.8'/><circle cx='254' cy='120' r='.7' opacity='.55'/><circle cx='88' cy='150' r='.9' opacity='.6'/><circle cx='200' cy='168' r='.7' opacity='.45'/><circle cx='305' cy='176' r='1' opacity='.7'/></g></svg>");background-size:320px 200px;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 45%,transparent 90%);mask-image:linear-gradient(180deg,#000 0%,#000 45%,transparent 90%);animation:ucp-twinkel 3.2s ease-in-out infinite alternate;}
body .elementor .ucp-nacht::after{background-size:430px 270px;background-position:150px 90px;animation-duration:4.4s;animation-delay:-2s;}
@keyframes ucp-twinkel{from{opacity:.3;}to{opacity:1;}}
body .elementor .ucp-scene.is-ochtend .ucp-nacht{opacity:0;}

/* Bovenbalk met de twee labels */
body .elementor .ucp-top{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;padding:0;width:100%;}
body .elementor .ucp-pil{display:inline-flex;flex-direction:row;align-items:center;gap:8px;width:auto;height:30px;padding:0 12px 0 5px;border-radius:999px;background:rgba(255,255,255,.86);box-shadow:0 1px 2px rgba(26,11,31,.08);color:var(--uc-inkt);transition:background-color .6s ease,color .6s ease;}
body .elementor .ucp-pil-logo{display:block;width:20px;height:20px;max-width:none;border-radius:50%;flex:none;}
body .elementor .ucp-pil-tekst,body .elementor .ucp-tijd-nacht,body .elementor .ucp-tijd-dag{margin:0;font-family:var(--uc-sans);font-size:13px;font-weight:500;line-height:1;color:inherit;white-space:nowrap;font-variant-numeric:tabular-nums;}
body .elementor .ucp-pil--tijd{padding-left:10px;color:var(--uc-inkt-80);}
body .elementor .ucp-maan,body .elementor .ucp-zon{display:inline-flex;width:15px;height:15px;flex:none;}
body .elementor .ucp-maan svg,body .elementor .ucp-zon svg{width:15px;height:15px;}
body .elementor .ucp-maan svg,body .elementor .ucp-maan svg *{fill:#FFF6DC;stroke:#FFF6DC;}
body .elementor .ucp-maan{animation:ucp-gloei 2.6s ease-in-out infinite alternate;}
@keyframes ucp-gloei{from{filter:drop-shadow(0 0 1px rgba(255,246,220,.5));}to{filter:drop-shadow(0 0 5px rgba(255,246,220,.95)) drop-shadow(0 0 9px rgba(255,246,220,.45));}}
body .elementor .ucp-zon{color:#3D5BA3;}
body .elementor .ucp-scene:not(.is-ochtend) .ucp-pil--tijd{background:rgba(255,255,255,.2);color:var(--uc-wit);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);}
body .elementor .ucp-scene:not(.is-ochtend) :is(.ucp-zon,.ucp-tijd-dag),body .elementor .ucp-scene.is-ochtend :is(.ucp-maan,.ucp-tijd-nacht){display:none;}

/* Kaarten */
body .elementor .ucp-kaarten{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr);align-items:stretch;width:100%;padding:0;}
body .elementor .ucp-kaart{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;width:auto;padding:16px 18px 18px;border-radius:16px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.72);-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1);box-shadow:0 10px 30px -24px rgba(27,35,64,.35);opacity:.82;transition:opacity .36s ease,transform .36s var(--uc-ease),background-color .36s ease,box-shadow .36s ease;}
body .elementor .ucp-kaart::after{content:"";position:absolute;left:16px;right:16px;top:-1px;height:2px;border-radius:2px;background:var(--uc-nachtblauw);transform-origin:left;transform:scaleX(var(--ucp-p,0));opacity:0;transition:opacity .3s ease;}
body .elementor .ucp-scene[data-stap="1"] .ucp-kaart--1,body .elementor .ucp-scene[data-stap="2"] .ucp-kaart--2,body .elementor .ucp-scene[data-stap="3"] .ucp-kaart--3{opacity:1;background:rgba(255,255,255,.94);transform:translateY(-4px);box-shadow:0 22px 44px -28px rgba(27,35,64,.45),0 1px 2px rgba(27,35,64,.06);}
body .elementor .ucp-scene[data-stap="1"] .ucp-kaart--1::after,body .elementor .ucp-scene[data-stap="2"] .ucp-kaart--2::after,body .elementor .ucp-scene[data-stap="3"] .ucp-kaart--3::after{opacity:1;}
body .elementor .ucp-kaart-kop{display:flex;flex-direction:row;align-items:center;gap:10px;padding:0 0 11px;border-bottom:1px solid rgba(26,11,31,.09);width:100%;}
body .elementor .ucp-icoon{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:7px;border-radius:9px;background:#DCE8DC;color:#2F5D3A;box-shadow:inset 0 0 0 1px rgba(47,93,58,.14);}
body .elementor .ucp-icoon svg{width:16px;height:16px;}
body .elementor .ucp-avatar{display:block;flex:none;width:30px;height:30px;max-width:none;border-radius:50%;object-fit:cover;object-position:50% 50%;box-shadow:0 0 0 2px var(--uc-wit),0 0 0 3.5px var(--uc-amber);}
body .elementor .ucp-naamblok{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0;width:auto;padding:0;}
body .elementor .ucp-naam{margin:0;font-family:var(--uc-sans);font-size:14px;font-weight:600;line-height:1.2;color:var(--uc-inkt);}
body .elementor .ucp-wie{margin:0;font-family:var(--uc-sans);font-size:12px;font-weight:400;line-height:1.2;color:var(--uc-inkt-60);white-space:nowrap;font-variant-numeric:tabular-nums;}
body .elementor .ucp-chip{display:inline-flex;align-items:center;gap:6px;flex:none;width:auto;margin:0;padding:4px 8px;border-radius:7px;font-family:var(--uc-sans);font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;}
body .elementor .ucp-chip--signaal{background:#F6E3E0;color:#8F362D;}
body .elementor .ucp-chip--nieuw{background:#FBE9C2;color:#8A5C0A;}
body .elementor .ucp-chip--wacht{background:rgba(244,194,91,.3);color:#6A480B;}
body .elementor .ucp-chip--wacht::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:ucp-puls 1.8s ease-out infinite;}
@keyframes ucp-puls{0%{box-shadow:0 0 0 0 currentColor;}100%{box-shadow:0 0 0 6px transparent;}}
body .elementor .ucp-chip--goed{background:var(--uc-inkt);color:var(--uc-wit);}
body .elementor .ucp-chip--goed::before{content:"";width:12px;height:12px;background:currentColor;mask:var(--uc-vinkje) center/contain no-repeat;-webkit-mask:var(--uc-vinkje) center/contain no-repeat;}
body .elementor .ucp-scene:not(.is-goed) .ucp-chip--goed,body .elementor .ucp-scene.is-goed .ucp-chip--wacht{display:none;}
body .elementor .ucp-kaart-titel{margin:0;font-family:var(--uc-sans);font-size:17px;font-weight:500;letter-spacing:-.012em;line-height:1.3;color:var(--uc-inkt);text-wrap:balance;font-variant-numeric:tabular-nums;}
body .elementor .ucp-kaart-tekst{margin:0;font-family:var(--uc-sans);font-size:14px;line-height:1.5;color:var(--uc-inkt-60);text-wrap:pretty;}
body .elementor .ucp-kaart-tekst--lars{color:var(--uc-inkt-80);}
body .elementor .ucp-kaart-tekst strong{color:var(--uc-inkt);font-weight:600;}
body .elementor .ucp-rijen{display:flex;flex-direction:column;width:100%;padding:0;}
body .elementor .ucp-rij{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-top:1px solid rgba(26,11,31,.09);width:100%;}
body .elementor .ucp-rij:last-child{padding-bottom:0;}
body .elementor .ucp-rij-label,body .elementor .ucp-rij-waarde{margin:0;font-family:var(--uc-sans);font-size:13.5px;line-height:1.3;}
body .elementor .ucp-rij-label{color:var(--uc-inkt-60);min-width:0;}
body .elementor .ucp-rij-waarde{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--uc-inkt);text-align:right;white-space:nowrap;}
body .elementor .ucp-rij-waarde--besparing{color:#3D5BA3;font-weight:600;}
body .elementor .ucp-rij-waarde--vink::after{content:"";width:16px;height:16px;flex:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><circle cx='8' cy='8' r='8' fill='%233D5BA3'/><path d='M4.6 8.3 7 10.6 11.4 5.6' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;transform:scale(1);opacity:1;transition:transform .5s var(--uc-ease) .6s,opacity .3s ease .6s;}
body .elementor .ucp-scene[data-stap="1"] .ucp-rij-waarde--vink::after{transform:scale(0);opacity:0;transition:none;}
body .elementor .ucp-knoppen{display:flex;flex-direction:row;justify-content:flex-end;gap:8px;margin-top:auto;padding:6px 0 0;width:100%;}
body .elementor .ucp-knop{display:inline-flex;align-items:center;width:auto;margin:0;padding:8px 14px;border-radius:999px;font-family:var(--uc-sans);font-size:13.5px;font-weight:500;line-height:1;transition:transform .16s ease,box-shadow .25s ease,background-color .3s ease;}
body .elementor .ucp-knop--rand{color:var(--uc-inkt);background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(26,11,31,.14);}
body .elementor .ucp-knop--inkt{color:var(--uc-wit);background:var(--uc-inkt);}
body .elementor .ucp-knop--inkt.is-druk{transform:scale(.93);box-shadow:0 0 0 6px rgba(26,11,31,.12);}
body .elementor .ucp-scene.is-goed .ucp-knop--inkt{background:var(--uc-inkt-80);}
body .elementor .ucp-onder{display:flex;flex-direction:row;align-items:center;gap:8px;margin-top:auto;padding:10px 0 0;border-top:1px solid rgba(26,11,31,.09);width:100%;}
body .elementor .ucp-avatar-klein{display:block;flex:none;width:20px;height:20px;max-width:none;border-radius:50%;object-fit:cover;object-position:50% 50%;}
body .elementor .ucp-onder-tekst{margin:0;font-family:var(--uc-sans);font-size:12.5px;line-height:1.3;color:var(--uc-inkt-60);}
body .elementor .ucp-onder-tekst strong{color:var(--uc-inkt);font-weight:600;}

/* Pijlen tussen de kaarten */
body .elementor .ucp-pijl{position:relative;display:grid;place-items:center;width:auto;min-width:0;min-height:26px;padding:0;color:var(--uc-inkt-60);}
body .elementor .ucp-pijl::before{content:"";position:static;display:block;inset:auto;width:18px;height:18px;background:currentColor;mask:var(--uc-pijl) center/contain no-repeat;-webkit-mask:var(--uc-pijl) center/contain no-repeat;}
body .elementor .ucp-pijl::after{content:"";position:absolute;left:2px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--uc-wit);box-shadow:0 0 10px 3px rgba(255,255,255,.8);opacity:0;}
body .elementor .ucp-pijl.is-over::after{animation:ucp-over .8s var(--uc-ease) forwards;}
@keyframes ucp-over{0%{left:0;opacity:0;}20%{opacity:1;}100%{left:calc(100% - 7px);opacity:0;}}

/* De muis van Lars */
body .elementor .ucp-muis{position:absolute;left:0;top:0;z-index:5;display:flex;flex-direction:row;align-items:flex-start;width:auto;min-width:0;padding:0;pointer-events:none;opacity:0;translate:0 0;transition:opacity .3s ease;will-change:translate;}
body .elementor .ucp-muis::before{content:"";position:static;display:block;inset:auto;width:22px;height:22px;flex:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3.5 2.5 19 10.2l-6.6 1.9-3.3 6.4Z' fill='%23F4C25B' stroke='%231A0B1F' stroke-width='1.6' stroke-linejoin='round'/></svg>") center/contain no-repeat;filter:drop-shadow(0 2px 3px rgba(26,11,31,.3));transform-origin:3px 3px;transition:transform .14s ease;}
body .elementor .ucp-muis::after{content:"";position:absolute;left:-9px;top:-9px;width:24px;height:24px;border-radius:50%;border:2px solid var(--uc-amber);opacity:0;}
body .elementor .ucp-muis.is-zichtbaar{opacity:1;}
body .elementor .ucp-muis.is-glijd{transition:opacity .3s ease,translate .75s cubic-bezier(.45,0,.2,1);}
body .elementor .ucp-muis.is-klik::before{transform:scale(.82);}
body .elementor .ucp-muis.is-klik::after{animation:ucp-ring .5s ease-out;}
@keyframes ucp-ring{from{opacity:1;transform:scale(.4);}to{opacity:0;transform:scale(1.6);}}
body .elementor .ucp-muis-naam{margin:16px 0 0 -4px;padding:3px 8px;border-radius:6px;background:var(--uc-amber);color:var(--uc-inkt);font-family:var(--uc-sans);font-size:12px;font-weight:600;line-height:1.2;box-shadow:0 2px 6px rgba(26,11,31,.18);white-space:nowrap;}

/* Stappen onder de scène */
body .elementor .ucp-stappen{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 26px;margin-top:18px;padding:0;width:100%;}
body .elementor .ucp-stap{display:inline-flex;align-items:center;gap:10px;width:auto;margin:0;padding:6px 0;font-family:var(--uc-sans);font-size:15px;font-weight:500;line-height:1.3;color:var(--uc-inkt);cursor:pointer;}
body .elementor .ucp-stap::after{content:"";width:16px;height:16px;background:currentColor;mask:var(--uc-pijl) center/contain no-repeat;-webkit-mask:var(--uc-pijl) center/contain no-repeat;transition:translate .3s var(--uc-ease);}
body .elementor .ucp-stap:hover::after{translate:3px 0;}

/* In de Elementor-editor alles tonen, zodat elke tekst aan te klikken is */
body.elementor-editor-active .elementor .ucp-scene :is(.ucp-zon,.ucp-tijd-dag,.ucp-chip--goed){display:inline-flex;}
body.elementor-editor-active .elementor .ucp-muis{position:static;opacity:1;margin-top:12px;}

@media (max-width:900px){
 body .elementor .ucp-binnen{padding-block:56px 64px;gap:26px;}
 body .elementor .ucp-kopregel{grid-template-columns:minmax(0,1fr);}
 body .elementor .ucp-scene{padding:14px 14px 16px;border-radius:16px;}
 body .elementor .ucp-top{margin-bottom:12px;}
 body .elementor .ucp-kaarten{grid-template-columns:minmax(0,1fr);}
 body .elementor .ucp-pijl::before{rotate:90deg;}
 body .elementor .ucp-pijl::after{display:none;}
 body .elementor .ucp-kaart{opacity:.9;}
 body .elementor .ucp-stappen{gap:2px 20px;}
}
@media (prefers-reduced-motion:reduce){
 body .elementor :is(.ucp-lucht,.ucp-nacht)::before,body .elementor :is(.ucp-lucht,.ucp-nacht)::after,body .elementor .ucp-maan,body .elementor .ucp-chip--wacht::before{animation:none;}
 body .elementor :is(.ucp-kaart,.ucp-nacht,.ucp-muis){transition:none;}
}
/* === Upclimb platformscène (ucp-) · einde === */
/* === Upclimb menubalk in header (ucm-) · begin === */
/* Menubalk zoals Voiceflow: bovenaan doorzichtig in de headerfoto (is-boven), bij scrollen de witte zwevende balk. Werkt alleen als het script in sectie 14 de klasse ucm-actief zet. */
body .elementor .uc-menubalk.ucm-actief{translate:-50% 0;transition:none;}
body .elementor .uc-menubalk.ucm-actief.ucm-klaar{transition:width .55s var(--uc-ease),top .55s var(--uc-ease),padding .55s var(--uc-ease),background-color .4s ease,border-color .4s ease,box-shadow .4s ease,-webkit-backdrop-filter .4s ease,backdrop-filter .4s ease;}
body .elementor .uc-menubalk.ucm-actief:not(.is-boven){width:min(1040px,100% - 28px);background:rgba(255,255,255,.52);border-color:rgba(255,255,255,.65);box-shadow:0 10px 30px -14px rgba(26,11,31,.28),inset 0 1px 0 rgba(255,255,255,.7);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);}
body .elementor .uc-menubalk.ucm-actief.is-boven{top:max(16px,3.2vw);width:calc(100% - 9vw);padding-inline:0;background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;}
body .elementor .uc-menubalk.ucm-actief.is-boven .uc-merklogo{--uc-logo-color:#FFFFFF !important;--uc-logo-width:124px !important;filter:drop-shadow(0 1px 2px rgba(20,30,52,.35));}
body .elementor .uc-menubalk.ucm-actief .uc-menulink{transition:none;}
body .elementor .uc-menubalk.ucm-actief.ucm-klaar .uc-menulink{transition:color .4s ease;}
body .elementor .uc-menubalk.ucm-actief.is-boven .uc-menulink{color:var(--uc-wit);text-shadow:0 1px 2px rgba(20,30,52,.35);}
body .elementor .uc-menubalk.ucm-actief.is-boven .uc-menulink:hover,body .elementor .uc-menubalk.ucm-actief.is-boven .uc-menulink:focus-visible{color:rgba(255,255,255,.75);}
body:has(.uc-menubalk.ucm-actief) .uc-hero .uc-logo{display:none;}
@media (max-width:767px){
 body .elementor .uc-menubalk.ucm-actief.is-boven{top:max(14px,5vw);width:calc(100% - 32px);}
 body .elementor .uc-menubalk.ucm-actief{gap:10px;padding-left:14px;}
 body .elementor .uc-menubalk.ucm-actief .uc-merklogo,body .elementor .uc-menubalk.ucm-actief.is-boven .uc-merklogo{--uc-logo-width:84px !important;}
 body .elementor .uc-menubalk.ucm-actief.is-boven{padding-left:0;}
 body .elementor .uc-menubalk.ucm-actief .uc-knop{font-size:12.5px;gap:8px;padding-right:12px;}
}
@media (prefers-reduced-motion:reduce){body .elementor .uc-menubalk.ucm-actief.ucm-klaar{transition:none;}}
/* === Upclimb menubalk in header (ucm-) · einde === */
/* === Upclimb USP-band (ucu-) · begin === */
/* Sectie 04 "Ervaring (lopende band)": de vier punten schuiven van rechts naar links. Teksten staan in Elementor-widgets; het script in deze sectie maakt een onzichtbare kopie van de rij, zodat de band naadloos doorloopt. */
body .elementor .ucu-binnen{padding-block:56px 60px;padding-inline:0;gap:26px;}
body .elementor .ucu-label{margin:0;padding-inline:48px;font-family:var(--uc-sans);font-size:15px;font-weight:500;line-height:1.4;color:var(--uc-inkt-60);}
body .elementor .ucu-venster{display:block;width:100%;min-width:0;padding:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);}
body .elementor .ucu-rij{display:flex;flex-direction:row;flex-wrap:nowrap;width:max-content;padding:0;gap:0;}
body .elementor .ucu-rij.is-dubbel{animation:ucu-loop 38s linear infinite;}
@keyframes ucu-loop{to{transform:translateX(-50%);}}
body .elementor .ucu-lijst{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:64px;flex:none;width:max-content;padding:0 64px 0 0;}
body .elementor .ucu-usp{display:flex;flex-direction:row;align-items:baseline;gap:10px;flex:none;width:auto;padding:0;white-space:nowrap;}
body .elementor .ucu-getal{margin:0;font-family:var(--uc-sans);font-size:30px;font-weight:600;letter-spacing:-.03em;line-height:1.1;color:#8E8692;white-space:nowrap;font-variant-numeric:tabular-nums;}
body .elementor .ucu-tekst{margin:0;font-family:var(--uc-sans);font-size:15px;font-weight:500;line-height:1.3;color:#9A929E;white-space:nowrap;}
body .elementor .ucu-stip{display:block;flex:none;width:5px;min-width:0;height:5px;padding:0;border-radius:50%;background:#CFC9D2;}
@media (max-width:767px){
 body .elementor .ucu-binnen{padding-block:40px 44px;gap:20px;}
 body .elementor .ucu-label{padding-inline:20px;font-size:14px;}
 body .elementor .ucu-lijst{gap:40px;padding-right:40px;}
 body .elementor .ucu-getal{font-size:24px;}
 body .elementor .ucu-tekst{font-size:14px;}
 body .elementor .ucu-rij.is-dubbel{animation-duration:30s;}
}
@media (prefers-reduced-motion:reduce){
 body .elementor .ucu-rij.is-dubbel{animation:none;}
 body .elementor .ucu-venster{overflow-x:auto;}
}
/* === Upclimb USP-band (ucu-) · einde === */
/* === Upclimb rustige opbouw (ucr-) · begin === */
/* Alleen voor de kopie /home-rust/ (page-id-396): opbouw naar ruul.io. Eén warme achtergrond, genummerde labels, rustigere koppen, dunne lijnen tussen secties, Hoe het werkt licht. Wordt dit de echte homepage, dan verandert alleen het paginanummer in deze .elementor-kit-6s. */
body.page-id-396{--ucr-bg:#F5F5F7;--ucr-vlak:#F2EFE8;background:var(--ucr-bg);}
body.page-id-396 .elementor :is(.uc-sectie--wit,.uc-sectie--grijs,.uc-sectie--inkt:not(.uc-voet)){background-color:var(--ucr-bg);color:var(--uc-inkt);}
body.page-id-396 .elementor .uc-sectie:not(.uc-voet) > .uc-binnen{border-top:1px solid var(--uc-lijn);border-left-color:var(--uc-lijn);border-right-color:var(--uc-lijn);}
body.page-id-396 .elementor .uc-sectie:not(.uc-voet) > .uc-binnen:not(.uc-binnen--smal):not(.ucu-binnen):not(.ucp-binnen):not(.ucv-binnen){padding-block:112px 120px;gap:48px;}

/* Genummerd label boven elke sectie */
body.page-id-396 .elementor .ucr-label{margin:0 0 -28px;font-family:var(--uc-sans);font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;line-height:1.2;color:var(--uc-inkt-60);}
body.page-id-396 .elementor .ucp-binnen .ucr-label,body.page-id-396 .elementor .uc-binnen--donker .ucr-label{margin-bottom:-12px;}

/* Rustigere koppen */
body.page-id-396 .elementor :is(.uc-kop,.uc-markering-kop){font-size:clamp(30px,1.5rem + 1.8vw,44px);font-weight:500;letter-spacing:-.032em;line-height:1.16;}
body.page-id-396 .elementor .uc-markering-kop{font-weight:500;}
body.page-id-396 .elementor :is(.uc-kop,.uc-markering-kop) em{font-size:1.1em;}
body.page-id-396 .elementor .uc-tekst{color:var(--uc-inkt-60);}

/* Kaarten en vlakken die grijs waren worden warm */
body.page-id-396 .elementor .uc-tegel--licht{background-color:var(--ucr-vlak);}

/* Sectie 08 Hoe het werkt: van donker naar licht */
body.page-id-396 .elementor .uc-sectie--inkt:not(.uc-voet) .uc-binnen--donker{border-left-color:var(--uc-lijn);border-right-color:var(--uc-lijn);}
body.page-id-396 .elementor .uc-sectie--inkt:not(.uc-voet) :is(.uc-kop--licht,.uc-tekst--licht,.uc-label--amber,h2,h3,p){color:inherit;}
body.page-id-396 .elementor .uc-sectie--inkt:not(.uc-voet) :is(.uc-tekst,.uc-tekst--licht,.uc-tab-label){color:var(--uc-inkt-60);}
body.page-id-396 .elementor .uc-sectie--inkt:not(.uc-voet) :is(strong,em,.uc-vraag-titel--licht,.uc-kop--licht){color:var(--uc-inkt);}
body.page-id-396 .elementor .uc-sectie--inkt:not(.uc-voet) .ucr-label{color:var(--uc-inkt-60);}
body.page-id-396 .elementor .uc-sectie--inkt:not(.uc-voet) .e--selected .uc-tab-label{color:var(--uc-inkt);}
/* Headerfoto met ronde onderhoeken */
body.page-id-396 .elementor .uc-hero{border-radius:0 0 36px 36px;overflow:hidden;isolation:isolate;}
@media (max-width:900px){body.page-id-396 .elementor .uc-hero{border-radius:0 0 24px 24px;}}
/* Donkere knoppen als blauw glas, zelfde tint als de menubalk */
body.page-id-396 .elementor .uc-knop:not(.uc-knop--amber):not(.uc-knop--glas):not(.uc-knop--klein){background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 55%),linear-gradient(160deg,rgba(92,116,168,.92),rgba(118,140,186,.9));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 0 0 1px rgba(255,255,255,.18),inset 0 -2px 5px rgba(20,30,60,.25),0 12px 24px -12px rgba(40,56,100,.6);transition:translate .25s ease,box-shadow .25s ease,filter .25s ease;}
body.page-id-396 .elementor .uc-knop:not(.uc-knop--amber):not(.uc-knop--glas):not(.uc-knop--klein):hover{background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 55%),linear-gradient(160deg,rgba(92,116,168,.96),rgba(118,140,186,.94));color:#fff;translate:0 -1px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 0 1px rgba(255,255,255,.22),inset 0 -2px 5px rgba(20,30,60,.25),0 16px 28px -12px rgba(40,56,100,.65);}
/* Lange knopteksten passen op smalle schermen */
@media (max-width:420px){body.page-id-396 .elementor .uc-knop:not(.uc-knop--klein){font-size:15px;padding-right:18px;}}
/* === Upclimb rustige opbouw (ucr-) · einde === */
/* === Upclimb glazen header (uch-) · begin === */
/* Ontwerp uit upclimb-header.html van Lars, op zijn verzoek over de volle breedte en met witter glas (lichte blauwe ondertoon). Boven de headerfoto helder glas (is-clear), daaronder een zachte blauwe schim. De knop is amber met een donker rondje en pijl. Logo, links en knop blijven de widgets van sectie 02; het script in de laatste sectie zet uch-glas en is-clear. */
body .elementor .uc-menubalk.uch-glas{position:fixed;left:0;right:0;top:0;z-index:60;isolation:isolate;width:auto;height:88px;translate:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(24px,calc((100vw - 1200px) / 2 + 48px));border:0;border-radius:0;color:#fff;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;}
/* Het glas zit op een laag die onderaan zacht uitloopt, zodat er geen harde rand is */
body .elementor .uc-menubalk.uch-glas::before{content:"";position:absolute;inset:0 0 -32px 0;z-index:-1;display:block;pointer-events:none;
background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 100%),linear-gradient(160deg,rgba(92,116,168,.50) 0%,rgba(108,131,180,.46) 50%,rgba(126,148,192,.42) 100%);
-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);
-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 100%);
transition:none;}
body .elementor .uc-menubalk.uch-glas.uch-klaar::before{transition:background .35s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .35s cubic-bezier(.4,0,.2,1),backdrop-filter .35s cubic-bezier(.4,0,.2,1);}
body .elementor .uc-menubalk.uch-glas.is-clear::before{background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 70%);-webkit-backdrop-filter:blur(5px) brightness(1.08) contrast(1.05);backdrop-filter:blur(5px) brightness(1.08) contrast(1.05);}
body .elementor .uc-menubalk.uch-glas .uc-merklogo{--uc-logo-color:#FFFFFF !important;--uc-logo-width:80px !important;filter:drop-shadow(0 1px 2px rgba(20,30,52,.35));}
body .elementor .uc-menubalk.uch-glas .uc-menulinks{gap:32px;}
body .elementor .uc-menubalk.uch-glas .uc-menulink{color:#fff;font-size:15px;font-weight:450;text-shadow:0 1px 3px rgba(20,30,52,.45);transition:opacity .2s;}
body .elementor .uc-menubalk.uch-glas.is-clear .uc-menulink{text-shadow:0 1px 2px rgba(20,30,52,.35);}
body .elementor .uc-menubalk.uch-glas .uc-menulink:hover,body .elementor .uc-menubalk.uch-glas .uc-menulink:focus-visible{color:#fff;opacity:.8;}
body .elementor .uc-menubalk.uch-glas .uc-knop{display:inline-flex;align-items:center;gap:12px;height:auto;padding:7px 22px 7px 7px;border-radius:999px;background:var(--uc-amber);color:var(--uc-inkt);font-size:15px;font-weight:600;white-space:nowrap;text-shadow:none;box-shadow:0 6px 18px -8px rgba(20,30,52,.45);transition:background-color .2s;}
body .elementor .uc-menubalk.uch-glas .uc-knop::before{display:block;width:34px;height:34px;background:var(--uc-inkt);}
body .elementor .uc-menubalk.uch-glas .uc-knop::after{display:block;left:16px;width:16px;height:16px;background:var(--uc-amber);}
body .elementor .uc-menubalk.uch-glas .uc-knop:hover,body .elementor .uc-menubalk.uch-glas .uc-knop:focus-visible{background:#F7CE77;color:var(--uc-inkt);}
body:has(.uc-menubalk.uch-glas) .uc-hero .uc-logo{display:none;}
body.admin-bar .elementor .uc-menubalk.uch-glas{top:32px;}
@media (max-width:767px){
 body .elementor .uc-menubalk.uch-glas{height:72px;padding:0 12px 0 20px;gap:12px;}
 body .elementor .uc-menubalk.uch-glas .uc-merklogo{--uc-logo-width:70px !important;}
 body.admin-bar .elementor .uc-menubalk.uch-glas{top:46px;}
 body .elementor .uc-menubalk.uch-glas .uc-knop{padding:4px 14px 4px 4px;gap:8px;font-size:13px;}
 body .elementor .uc-menubalk.uch-glas .uc-knop::before{width:28px;height:28px;}
 body .elementor .uc-menubalk.uch-glas .uc-knop::after{left:11px;width:14px;height:14px;}
}
@media (prefers-reduced-motion:reduce){body .elementor .uc-menubalk.uch-glas.uch-klaar::before,body .elementor .uc-menubalk.uch-glas .uc-knop{transition:none;}}
/* === Upclimb glazen header (uch-) · einde === */
/* === Upclimb herken je dit (uchk-) · begin === */
/* Sectie 05 "Herken je dit": drie losse witte schermpjes met een regel eronder, daarna de slotzin naast een korte noot van Lars. Teksten en foto staan in Elementor-widgets. */
body .elementor .uchk-tegels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;width:100%;padding:0;}
body .elementor .uchk-tegel{display:flex;flex-direction:column;gap:18px;min-width:0;width:auto;padding:0;}
body .elementor .uchk-beeld{display:block;min-width:0;width:100%;padding:0;}
body .elementor .uchk-kaart{display:flex;flex-direction:column;gap:0;width:100%;min-width:0;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(26,11,31,.05),inset 0 0 0 1px rgba(26,11,31,.07);}
body .elementor .uchk-kaart-kop{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:0 0 9px;margin-bottom:4px;border-bottom:1px solid var(--uc-lijn);}
body .elementor .uchk-kaart-titel{margin:0;min-width:0;font-family:var(--uc-sans);font-size:12px;font-weight:600;line-height:1.3;color:var(--uc-inkt-80);}
body .elementor .uchk-chip{flex:none;width:auto;margin:0;padding:3px 7px;border-radius:6px;font-family:var(--uc-sans);font-size:11px;font-weight:500;line-height:1.3;white-space:nowrap;}
body .elementor .uchk-chip--grijs{background:#F1EEF2;color:var(--uc-inkt-60);}
body .elementor .uchk-chip--amber{background:#FBE9C2;color:#7A520C;}
body .elementor .uchk-chip--rood{background:#F6E3E0;color:#8F362D;}
body .elementor .uchk-taak{display:flex;flex-direction:row;align-items:center;gap:9px;width:100%;padding:5px 0;}
body .elementor .uchk-taak-tekst{flex:1;min-width:0;margin:0;font-family:var(--uc-sans);font-size:12.5px;line-height:1.3;color:var(--uc-inkt-45);text-decoration:line-through;}
body .elementor .uchk-taak--ads .uchk-taak-tekst{color:var(--uc-inkt);font-weight:600;text-decoration:none;}
body .elementor .uchk-vink{position:relative;flex:none;width:15px;min-width:0;height:15px;padding:0;border-radius:4px;background:#2F5D3A;}
body .elementor .uchk-vink::before{content:"";position:absolute;inset:3px;display:block;background:#fff;mask:var(--uc-vinkje) center/contain no-repeat;-webkit-mask:var(--uc-vinkje) center/contain no-repeat;}
body .elementor .uchk-leeg{flex:none;width:15px;min-width:0;height:15px;padding:0;border-radius:4px;box-shadow:inset 0 0 0 1.5px #CFC9D2;}
body .elementor .uchk-kaart-voet{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:9px 0 0;margin-top:4px;border-top:1px solid var(--uc-lijn);}
body .elementor .uchk-voet-tekst{margin:0;font-family:var(--uc-sans);font-size:11.5px;color:var(--uc-inkt-60);}
body .elementor .uchk-totaal{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;width:100%;padding:6px 0 10px;}
body .elementor .uchk-totaal-getal{margin:0;font-family:var(--uc-sans);font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--uc-inkt);}
body .elementor .uchk-totaal-sub{margin:0;font-family:var(--uc-sans);font-size:11.5px;color:var(--uc-inkt-60);}
body .elementor .uchk-balk{display:flex;flex-direction:row;width:100%;min-width:0;height:10px;padding:0;border-radius:6px;overflow:hidden;background:#F1EEF2;}
body .elementor .uchk-seg{flex:none;height:100%;min-width:0;padding:0;}
body .elementor .uchk-seg--1{width:34%;background:#9FB1D6;}
body .elementor .uchk-seg--2{width:26%;background:#C9B48A;}
body .elementor .uchk-seg--3{width:40%;background:repeating-linear-gradient(135deg,#E9B8B0 0 5px,#F6E3E0 5px 10px);}
body .elementor .uchk-legenda{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:10px;padding:0;}
body .elementor .uchk-leg{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;padding:0;}
body .elementor .uchk-stip{flex:none;width:8px;min-width:0;height:8px;padding:0;border-radius:50%;}
body .elementor .uchk-stip--1{background:#9FB1D6;}
body .elementor .uchk-stip--2{background:#C9B48A;}
body .elementor .uchk-stip--3{background:#E9B8B0;}
body .elementor .uchk-leg-tekst{flex:1;min-width:0;margin:0;font-family:var(--uc-sans);font-size:12.5px;color:var(--uc-inkt-60);}
body .elementor .uchk-leg-waarde{margin:0;font-family:var(--uc-sans);font-size:12.5px;font-weight:500;color:var(--uc-inkt-80);}
body .elementor .uchk-tegel-tekst{display:flex;flex-direction:column;gap:4px;width:100%;padding:0;}
body .elementor .uchk-tegel-titel{margin:0;font-family:var(--uc-sans);font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.3;color:var(--uc-inkt);text-wrap:balance;}
body .elementor .uchk-tegel-sub{margin:0;font-family:var(--uc-sans);font-size:15.5px;line-height:1.5;color:var(--uc-inkt-60);text-wrap:pretty;}
body .elementor .uchk-slot{width:100%;min-width:0;margin:0;font-family:var(--uc-sans);font-size:clamp(22px,1.1rem + .9vw,28px);font-weight:500;letter-spacing:-.025em;line-height:1.3;color:var(--uc-inkt);text-wrap:balance;}
body .elementor .uchk-slot u{text-decoration:none;background:linear-gradient(transparent 62%,rgba(244,194,91,.55) 62%,rgba(244,194,91,.55) 92%,transparent 92%);padding-inline:.06em;}
body .elementor :is(.uchk-slot,.uchk-tegel-titel) em{font-family:var(--uc-serif),Georgia,serif;font-style:italic;font-weight:400;font-size:1.1em;letter-spacing:0;line-height:0;padding-right:.04em;}
body .elementor .uchk-slotrij{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;width:100%;padding:32px 0 0;border-top:1px solid var(--uc-lijn);}
body .elementor .uchk-verhaal{display:flex;flex-direction:row;align-items:flex-start;gap:16px;width:100%;min-width:0;margin:0;padding:0;}
body .elementor .uchk-verhaal-foto{display:block;flex:none;width:44px;height:44px;max-width:none;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--ucr-bg,#F5F5F7),0 0 0 3.5px var(--uc-amber);}
body .elementor .uchk-verhaal-body{display:block;flex:1;min-width:0;padding:0;}
body .elementor .uchk-verhaal-label{margin:0 0 10px;font-family:var(--uc-sans);font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--uc-inkt-60);}
body .elementor .uchk-verhaal-tekst{margin:0;font-family:var(--uc-sans);font-size:15.5px;line-height:1.6;color:var(--uc-inkt-60);text-wrap:pretty;}
body .elementor :is(.uchk-verhaal-tekst,.uchk-verhaal-naam) strong{color:var(--uc-inkt);font-weight:600;}
body .elementor .uchk-verhaal-naam{margin:14px 0 0;font-family:var(--uc-sans);font-size:14px;color:var(--uc-inkt-60);}
@media (max-width:900px){
 body .elementor .uchk-tegels{grid-template-columns:minmax(0,1fr);gap:28px;}
 body .elementor .uchk-slotrij{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:24px;}
}
/* Doorhaling als eigen lijn (kan getrokken worden), chip rechts in de Google Ads-regel, markering als achtergrond die kan groeien */
body .elementor .uchk-taak-tekst{flex:0 1 auto;position:relative;text-decoration:none;}
body .elementor .uchk-taak:not(.uchk-taak--ads) .uchk-taak-tekst::after{content:"";position:absolute;left:0;right:0;top:52%;height:1.25px;background:currentColor;transform-origin:left;}
body .elementor .uchk-taak--ads .uchk-chip{margin-left:auto;}
body .elementor .uchk-slot u{background-repeat:no-repeat;background-position:0 0;background-size:100% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone;}
/* Beweging: elk schermpje speelt één keer zijn verhaal af als het in beeld komt.
   Alleen actief als het script in sectie 05 .uchk-beweeg zet (niet in de editor, niet bij 'minder beweging').
   --b is het startmoment van een blok (gezet door het script); de rest telt daarvandaan. */
@media (prefers-reduced-motion:no-preference){
 body .elementor .uchk-beweeg{--uchk-uit:cubic-bezier(.22,1,.36,1);}
 body .elementor .uchk-beweeg :is(.uchk-tegel,.uchk-slot,.uchk-verhaal){opacity:0;translate:0 10px;filter:blur(4px);transition:opacity .5s var(--uchk-uit) var(--t,0s),translate .5s var(--uchk-uit) var(--t,0s),filter .5s var(--uchk-uit) var(--t,0s);}
 body .elementor .uchk-beweeg :is(.uchk-tegel,.uchk-slot){--t:var(--b,0s);}
 body .elementor .uchk-beweeg .uchk-verhaal{--t:calc(var(--b,0s) + .7s);}
 body .elementor .uchk-beweeg .uchk-vink{background-color:transparent;box-shadow:inset 0 0 0 1.5px #CFC9D2;transition:background-color .18s var(--uchk-uit) var(--t,0s),box-shadow .18s var(--uchk-uit) var(--t,0s);}
 body .elementor .uchk-beweeg .uchk-vink::before{opacity:0;scale:.9;transition:opacity .18s var(--uchk-uit) var(--t,0s),scale .26s var(--uchk-uit) var(--t,0s);}
 body .elementor .uchk-beweeg .uchk-taak:not(.uchk-taak--ads) .uchk-taak-tekst::after{scale:0 1;transition:scale .32s var(--uchk-uit) var(--t,0s);}
 body .elementor .uchk-beweeg :is(.uchk-taak--ads,.uchk-kaart-voet) .uchk-chip{opacity:0;translate:-6px 0;filter:blur(3px);transition:opacity .35s var(--uchk-uit) var(--t,0s),translate .35s var(--uchk-uit) var(--t,0s),filter .35s var(--uchk-uit) var(--t,0s);}
 body .elementor .uchk-beweeg .uchk-seg{scale:0 1;transform-origin:left;transition:scale .55s var(--uchk-uit) var(--t,0s);}
 body .elementor .uchk-beweeg .uchk-leg-waarde{opacity:0;transition:opacity .3s var(--uchk-uit) var(--t,0s);}
 body .elementor .uchk-beweeg .uchk-slot u{background-size:0% 100%;transition:background-size .7s var(--uchk-uit) var(--t,0s);}
 /* Draaiboek per schermpje, in seconden na het startmoment */
 body .elementor .uchk-beweeg .uchk-taak:nth-child(2) .uchk-vink{--t:calc(var(--b,0s) + .45s);}
 body .elementor .uchk-beweeg .uchk-taak:nth-child(2) .uchk-taak-tekst{--t:calc(var(--b,0s) + .51s);}
 body .elementor .uchk-beweeg .uchk-taak:nth-child(3) .uchk-vink{--t:calc(var(--b,0s) + .67s);}
 body .elementor .uchk-beweeg .uchk-taak:nth-child(3) .uchk-taak-tekst{--t:calc(var(--b,0s) + .73s);}
 body .elementor .uchk-beweeg .uchk-taak:nth-child(4) .uchk-vink{--t:calc(var(--b,0s) + .89s);}
 body .elementor .uchk-beweeg .uchk-taak:nth-child(4) .uchk-taak-tekst{--t:calc(var(--b,0s) + .95s);}
 body .elementor .uchk-beweeg .uchk-kaart-voet .uchk-chip{--t:calc(var(--b,0s) + 1.2s);}
 body .elementor .uchk-beweeg .uchk-taak--ads .uchk-chip{--t:calc(var(--b,0s) + 1.4s);}
 body .elementor .uchk-beweeg .uchk-seg--1{--t:calc(var(--b,0s) + .45s);}
 body .elementor .uchk-beweeg .uchk-seg--2{--t:calc(var(--b,0s) + .77s);}
 body .elementor .uchk-beweeg .uchk-seg--3{--t:calc(var(--b,0s) + 1.09s);}
 body .elementor .uchk-beweeg .uchk-leg-waarde{--t:calc(var(--b,0s) + 1.6s);}
 body .elementor .uchk-beweeg .uchk-slot u{--t:calc(var(--b,0s) + .35s);}
 /* Eindstand */
 body .elementor .uchk-beweeg :is(.uchk-tegel.is-gespeeld,.is-gespeeld .uchk-slot,.is-gespeeld .uchk-verhaal){opacity:1;translate:0 0;filter:none;}
 body .elementor .uchk-beweeg .is-gespeeld .uchk-vink{background-color:#2F5D3A;box-shadow:none;}
 body .elementor .uchk-beweeg .is-gespeeld .uchk-vink::before{opacity:1;scale:1;}
 body .elementor .uchk-beweeg .is-gespeeld .uchk-taak:not(.uchk-taak--ads) .uchk-taak-tekst::after{scale:1 1;}
 body .elementor .uchk-beweeg .is-gespeeld :is(.uchk-taak--ads,.uchk-kaart-voet) .uchk-chip{opacity:1;translate:0 0;filter:none;}
 body .elementor .uchk-beweeg .is-gespeeld .uchk-seg{scale:1 1;}
 body .elementor .uchk-beweeg .is-gespeeld .uchk-leg-waarde{opacity:1;}
 body .elementor .uchk-beweeg .is-gespeeld .uchk-slot u{background-size:100% 100%;}
}
/* === Upclimb herken je dit (uchk-) · einde === */

/* === Upclimb verhaallijn (ucv-) · begin === */
/* Compactere secties (ucv-binnen) en de sectie "Daarom begon ik Upclimb": foto links, kop met drie stappen rechts. Teksten en foto staan in Elementor-widgets. */
body.page-id-396 .elementor .uc-sectie:not(.uc-voet) > .uc-binnen.ucv-binnen{padding-block:80px 88px;gap:40px;}
body.page-id-396 .elementor .ucv-binnen .uc-kop{font-size:clamp(28px,1.4rem + 1.6vw,40px);letter-spacing:-.03em;}
body .elementor .ucv-raster{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:center;width:100%;padding:0;}
body .elementor .ucv-foto{position:relative;min-width:0;width:100%;aspect-ratio:4/5;max-height:560px;padding:0;border-radius:20px;overflow:hidden;background:#6F86B5;}
body .elementor .ucv-foto :is(.ucv-foto-img,.ucv-foto-img img){display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 30%;}
body .elementor .ucv-chip{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;width:auto;min-width:0;padding:7px 13px 7px 11px;border-radius:999px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
body .elementor .ucv-chip-tekst{display:inline-flex;align-items:center;gap:8px;margin:0;font-family:var(--uc-sans);font-size:13px;font-weight:500;line-height:1.3;color:var(--uc-inkt);white-space:nowrap;}
body .elementor .ucv-chip-tekst::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--uc-amber);box-shadow:0 0 0 3px rgba(244,194,91,.55);}
body .elementor .ucv-tekst{display:flex;flex-direction:column;align-items:stretch;gap:28px;min-width:0;padding:0;}
body .elementor .ucv-stappen{display:block;width:100%;padding:0;border-top:1px solid var(--uc-lijn);}
body .elementor .ucv-stap{display:flex;flex-direction:row;align-items:flex-start;gap:22px;width:100%;padding:18px 0;border-bottom:1px solid var(--uc-lijn);}
body .elementor .ucv-stap-nr{flex:none;display:grid;place-items:center;width:26px;height:26px;margin:1px 0 0;border-radius:50%;background:#FBE9C2;font-family:var(--uc-sans);font-size:12px;font-weight:600;line-height:1;color:#7A520C;}
body .elementor .ucv-stap-body{display:block;flex:1;min-width:0;padding:0;}
body .elementor .ucv-stap-titel{margin:0;font-family:var(--uc-sans);font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.35;color:var(--uc-inkt);}
body .elementor .ucv-stap-tekst{margin:3px 0 0;font-family:var(--uc-sans);font-size:15.5px;line-height:1.55;color:var(--uc-inkt-60);text-wrap:pretty;}
@media (max-width:900px){
 body.page-id-396 .elementor .uc-sectie:not(.uc-voet) > .uc-binnen.ucv-binnen{padding-block:56px 64px;gap:30px;}
 body .elementor .ucv-raster{grid-template-columns:minmax(0,1fr);gap:28px;}
 body .elementor .ucv-foto{aspect-ratio:1/1;}
 body .elementor .ucv-tekst{gap:24px;}
}
/* Sectie 06 als donkere fototegel (Apple-stijl): Lars op zijn blauwe muur, kop en tekst links, drie glazen beloftes over de foto */
body .elementor .ucv-tegel{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto;width:100%;min-width:0;min-height:680px;padding:0;border-radius:28px;background:#07152B;color:#fff;}
body .elementor .ucv-tegel-foto{position:absolute;inset:0 0 0 auto;width:64%;min-width:0;height:100%;padding:0;z-index:-1;}
body .elementor .ucv-tegel-img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 22%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%);}
body .elementor .ucv-tegel-tekst{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:28px;min-width:0;padding:64px 0 40px 64px;}
body .elementor .ucv-tegel .ucv-tegel-kop{margin:0;max-width:18ch;font-family:var(--uc-sans);font-size:clamp(30px,1.5rem + 1.7vw,46px);font-weight:600;letter-spacing:-.035em;line-height:1.08;color:#fff;text-wrap:balance;}
body .elementor .ucv-tegel .ucv-tegel-kop span{color:rgba(255,255,255,.5);}
body .elementor .ucv-tegel .ucv-tegel-lead{margin:0;max-width:30ch;font-family:var(--uc-sans);font-size:19px;line-height:1.5;letter-spacing:-.01em;color:rgba(255,255,255,.78);text-wrap:pretty;}
body .elementor .ucv-tegel .ucv-tegel-lead strong{color:#fff;font-weight:600;}
body .elementor .ucv-glas{background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.05)),rgba(7,21,43,.3);-webkit-backdrop-filter:blur(22px) saturate(1.7);backdrop-filter:blur(22px) saturate(1.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 0 0 1px rgba(255,255,255,.13),0 24px 48px -28px rgba(0,0,0,.7);}
body .elementor .ucv-tegel-chip{position:absolute;right:24px;top:24px;display:inline-flex;align-items:center;width:auto;min-width:0;padding:8px 14px 8px 11px;border-radius:999px;}
body .elementor .ucv-tegel .ucv-chip-tekst{font-size:14px;letter-spacing:.005em;color:#fff;}
body .elementor .ucv-tegel .ucv-chip-tekst::before{width:9px;height:9px;box-shadow:0 0 0 3px rgba(244,194,91,.3);}
body .elementor .ucv-beloftes{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;min-width:0;padding:0 20px 20px;}
body .elementor .ucv-belofte{display:flex;flex-direction:column;gap:8px;min-width:0;padding:24px 24px 26px;border-radius:20px;}
body .elementor .ucv-tegel .ucv-belofte-titel{margin:0;font-family:var(--uc-sans);font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.25;color:#fff;text-wrap:balance;}
body .elementor .ucv-tegel .ucv-belofte-tekst{margin:0;font-family:var(--uc-sans);font-size:15.5px;line-height:1.55;letter-spacing:.003em;color:rgba(255,255,255,.76);text-wrap:pretty;}
/* Rasterstuk tussen twee secties (naar ruul.io): rust, geen inhoud */
body .elementor .ucv-lijnen{--r:#DCD8D0;display:block;width:100%;height:100px;min-height:0;padding:0;border-block:1px solid var(--r);background:linear-gradient(var(--r),var(--r)) 0 50% / 100% 1px no-repeat,repeating-linear-gradient(90deg,var(--r) 0 1px,transparent 1px 20px);}
@media (prefers-reduced-transparency:reduce){body .elementor .ucv-glas{background:#1B2A4C;-webkit-backdrop-filter:none;backdrop-filter:none;}}
@media (max-width:900px){
 body .elementor .ucv-tegel{grid-template-columns:minmax(0,1fr);grid-template-rows:none;min-height:0;border-radius:24px;}
 body .elementor .ucv-tegel-foto{inset:0 0 auto 0;width:100%;height:440px;}
 body .elementor .ucv-tegel-img{object-position:50% 26%;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%);}
 body .elementor .ucv-tegel-chip{right:auto;left:16px;top:16px;}
 body .elementor .ucv-tegel-tekst{grid-column:1;padding:340px 24px 24px;gap:16px;}
 body .elementor .ucv-tegel .ucv-tegel-lead{font-size:17px;}
 body .elementor .ucv-beloftes{grid-column:1;grid-row:auto;grid-template-columns:minmax(0,1fr);gap:10px;padding:0 12px 12px;}
 body .elementor .ucv-belofte{padding:20px 20px 22px;border-radius:18px;}
 body .elementor .ucv-tegel .ucv-belofte-titel{font-size:18px;}
 body .elementor .ucv-tegel .ucv-belofte-tekst{font-size:15px;}
 body .elementor .ucv-lijnen{height:72px;}
}/* === Upclimb verhaallijn (ucv-) · einde === */

/* === Upclimb herken uitklaplijst (ucx-) · begin === */
/* Sectie 05: kop links, rechts drie balken van melkglas die openklappen (één tegelijk), zachte blauwe gloed die onderaan uitloopt, slotzin met dezelfde amber markering als de header. Teksten en foto staan in Elementor-widgets; het openklappen zit in het script in deze sectie. */
body.page-id-396 .elementor .uc-sectie:not(.uc-voet) > .uc-binnen.ucv-binnen.ucx-binnen{isolation:isolate;padding-block:72px 104px;gap:32px}
/* Zelfde sectie erna (de fototegel): geen lijn ertussen, de gloed loopt erin over */
body.page-id-396 .elementor .uc-sectie:has(.ucx-binnen) + .uc-sectie:not(.uc-voet) > .uc-binnen.ucv-binnen{border-top:0;padding-top:16px}

/* Gloed: zachte blauwe vlekken met een vleugje amber, statisch, loopt naar onderen helemaal uit */
body .elementor .ucx-gloed{position:absolute;inset:0;z-index:-1;min-width:0;padding:0;pointer-events:none;
 background:
  radial-gradient(38% 42% at 4% 6%,rgba(142,163,203,.30),rgba(142,163,203,0) 70%),
  radial-gradient(42% 46% at 96% 30%,rgba(92,116,168,.20),rgba(92,116,168,0) 70%),
  radial-gradient(30% 34% at 80% 22%,rgba(111,139,208,.30),rgba(111,139,208,0) 70%),
  radial-gradient(18% 22% at 62% 40%,rgba(244,194,91,.14),rgba(244,194,91,0) 70%),
  radial-gradient(28% 26% at 48% 92%,rgba(244,194,91,.08),rgba(244,194,91,0) 70%);
 -webkit-mask-image:linear-gradient(180deg,#000 0,#000 45%,rgba(0,0,0,.55) 70%,rgba(0,0,0,.18) 86%,transparent 100%);
         mask-image:linear-gradient(180deg,#000 0,#000 45%,rgba(0,0,0,.55) 70%,rgba(0,0,0,.18) 86%,transparent 100%)}

body .elementor .ucx-twee{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start;width:100%;padding:0}
body .elementor .ucx-kop{margin:0;max-width:21ch;font-family:var(--uc-sans);font-size:clamp(28px,1.4rem + 1.5vw,42px);font-weight:600;letter-spacing:-.034em;line-height:1.08;color:var(--uc-inkt);text-wrap:balance}
body .elementor .ucx-kop span{color:#9A929E}
body .elementor .ucx-kop em{font-family:var(--uc-serif),Georgia,serif;font-style:italic;font-weight:400;font-size:1.1em;letter-spacing:0;line-height:0;padding-right:.04em}
body .elementor .ucx-lijst{display:flex;flex-direction:column;gap:10px;min-width:0;padding:0}

/* Melkglas met lichtrand en glans */
body .elementor .ucx-rij{position:relative;isolation:isolate;display:block;min-width:0;padding:0;border-radius:20px;overflow:hidden;color:var(--uc-inkt);
 background:radial-gradient(120% 110% at 15% -40%,rgba(255,255,255,.95),rgba(255,255,255,0) 55%),linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.46));
 -webkit-backdrop-filter:blur(28px) saturate(2) brightness(1.04);backdrop-filter:blur(28px) saturate(2) brightness(1.04);
 box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.6),0 18px 40px -26px rgba(7,21,43,.45),0 2px 6px -2px rgba(7,21,43,.12);
 transition:box-shadow .4s cubic-bezier(.22,1,.36,1),background .4s cubic-bezier(.22,1,.36,1)}
body .elementor .ucx-rij::before{content:"";position:absolute;inset:0;z-index:1;display:block;opacity:1;mix-blend-mode:normal;border-radius:inherit;padding:1.2px;pointer-events:none;
 background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.25) 35%,rgba(255,255,255,.06) 60%,rgba(255,255,255,.55));
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
body .elementor .ucx-rij.is-open{background:radial-gradient(120% 70% at 15% -25%,#fff,rgba(255,255,255,0) 50%),linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.6));
 box-shadow:inset 0 1px 0 #fff,inset 3px 0 0 #3E5486,0 24px 50px -28px rgba(7,21,43,.55),0 2px 6px -2px rgba(7,21,43,.14)}
/* De kop van een balk is de knop; rechts een nachtblauw rondje met pijltje */
body .elementor .ucx-rij-kop{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:17px 22px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;
 font-family:var(--uc-sans);font-size:16.5px;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--uc-inkt)}
body .elementor .ucx-rij-kop::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;
 background:#0B1B3A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.25);transition:rotate .4s cubic-bezier(.22,1,.36,1)}
body .elementor .ucx-rij.is-open .ucx-rij-kop::after{rotate:180deg}
body .elementor .ucx-rij-kop:active{scale:.995}
body .elementor .ucx-rij-kop:focus-visible{outline:2px solid #3E5486;outline-offset:-4px;border-radius:16px}
/* Zacht open en dicht. Zonder script (editor) staat alles open, zodat je de tekst kunt aanpassen */
body .elementor .ucx-inhoud{position:relative;z-index:2;display:grid;grid-template-rows:1fr;min-width:0;padding:0;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1)}
body .elementor .ucx-actief .ucx-inhoud{grid-template-rows:0fr}
body .elementor .ucx-actief .ucx-rij.is-open .ucx-inhoud{grid-template-rows:1fr}
body .elementor .ucx-inhoud-binnen{display:block;min-width:0;min-height:0;padding:0;overflow:hidden}
body .elementor .ucx-dd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;width:100%;padding:2px 22px 20px;transition:opacity .25s cubic-bezier(.22,1,.36,1),translate .35s cubic-bezier(.22,1,.36,1)}
body .elementor .ucx-actief .ucx-rij:not(.is-open) .ucx-dd{opacity:0;translate:0 -4px}
body .elementor .ucx-actief .ucx-rij.is-open .ucx-dd{transition-delay:.08s}
body .elementor .ucx-pt{margin:0;font-family:var(--uc-sans);font-size:15px;line-height:1.5;color:var(--uc-inkt-60);text-wrap:pretty}
body .elementor .ucx-pt strong{display:block;margin-bottom:3px;font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--uc-inkt)}

/* Slot: zin met amber markering zoals de headerzin, en Lars' noot */
body .elementor .ucx-slot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;align-items:center;width:100%;padding:8px 0 0}
body .elementor .ucx-slotzin{margin:0;font-family:var(--uc-sans);font-size:clamp(20px,1rem + .8vw,26px);font-weight:500;letter-spacing:-.025em;line-height:1.3;color:var(--uc-inkt);text-wrap:balance}
body .elementor .ucx-slotzin u{position:relative;display:table;margin-top:.22em;padding:0 .22em;text-decoration:none;background:rgba(244,194,91,.72);font-weight:600;letter-spacing:-.03em;color:var(--uc-inkt)}
body .elementor .ucx-slotzin u em{font-family:var(--uc-serif),Georgia,serif;font-style:italic;font-weight:400;font-size:1.12em;letter-spacing:0;line-height:0;padding-right:.04em}
/* De twee 'selectiehendels': streepje met bolletje, linksboven en rechtsonder */
body .elementor .ucx-slotzin u::before,body .elementor .ucx-slotzin u::after{content:"";position:absolute;width:.34em;height:1.64em;pointer-events:none;
 background:radial-gradient(circle at 50% .17em,#F4C25B .17em,transparent .18em) no-repeat,linear-gradient(#F4C25B,#F4C25B) center bottom/.07em calc(100% - .17em) no-repeat}
body .elementor .ucx-slotzin u::before{left:-.235em;top:-.46em}
body .elementor .ucx-slotzin u::after{right:-.235em;bottom:-.46em;rotate:180deg}
body .elementor .ucx-noot{display:flex;flex-direction:row;gap:14px;align-items:flex-start;min-width:0;padding:0}
body .elementor .ucx-noot-foto{display:block;flex:none;width:40px;height:40px;max-width:none;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--ucr-bg,#F5F5F7),0 0 0 3.5px var(--uc-amber)}
body .elementor .ucx-noot-tekst{margin:0;font-family:var(--uc-sans);font-size:14.5px;line-height:1.6;color:var(--uc-inkt-60);text-wrap:pretty}
body .elementor .ucx-noot-tekst strong{color:var(--uc-inkt);font-weight:600}

@media (prefers-reduced-motion:reduce){body .elementor :is(.ucx-inhoud,.ucx-dd,.ucx-rij,.ucx-rij-kop::after){transition:none}}
@media (prefers-reduced-transparency:reduce){body .elementor .ucx-rij,body .elementor .ucx-rij.is-open{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (max-width:900px){
 body.page-id-396 .elementor .uc-sectie:not(.uc-voet) > .uc-binnen.ucv-binnen.ucx-binnen{padding-block:52px 72px;gap:26px}
 body .elementor :is(.ucx-twee,.ucx-slot,.ucx-dd){grid-template-columns:minmax(0,1fr);gap:18px}
 body .elementor .ucx-rij-kop{padding:16px 18px}
 body .elementor .ucx-dd{padding:0 18px 18px}
}
/* === Upclimb herken uitklaplijst (ucx-) · einde === */

/* === Upclimb zo werkt het (ucz-) · begin === */
/* Sectie 07: kop, drie kaarten met stappen. Teksten en beelden zijn widgets; de bewegende delen (meldingen, voorstellen, bol, lijnen) maakt het script "Zo werkt het beweging". */
body .elementor .ucz-sectie{--inkt:#1A0B1F;--zacht:#6B6170;--groen:#1F8A5B;--groen-z:#E3F3EA;--rood:#B4483C;--rood-z:#F8E6E3;--draad:rgba(26,11,31,.42);--kop:#1A0B1F;--stil:#857D89;--tekst:#716874;overflow-x:clip}
body .elementor .ucz-binnen{container-type:inline-size;display:flex;flex-direction:column;align-items:center;gap:80px;padding-inline:24px}
body .elementor .ucz-sectie :is(.ucz-kopblok,.ucz-duo,.ucz-stap,.ucz-stap-tekst,.ucz-ai,.ucz-ai-vorm,.ucz-ai-kop,.ucz-bol,.ucz-lv,.ucz-lv-vorm,.ucz-kl,.ucz-kl-vorm,.ucz-kl-kop,.ucz-merk,.ucz-merk-glans){padding:0;min-height:0}
body .elementor .ucz-sectie :is(.ucz-kop,.ucz-lead,.ucz-stap-nr,.ucz-stap-titel,.ucz-stap-uitleg,.ucz-ai-naam,.ucz-kl-label){margin:0}
body .elementor .ucz-sectie .ucz-kopblok{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
body .elementor .ucz-sectie .ucz-kop{margin:0;font-size:clamp(1.875rem,1.5rem + 1.7vw,2.875rem);font-weight:600;letter-spacing:-.032em;line-height:1.08;text-wrap:balance;max-width:24em;color:var(--kop);transition:color .5s ease}
body .elementor .ucz-sectie .ucz-kop span{display:block}
body .elementor .ucz-sectie .ucz-kop span{color:var(--stil);transition:color .5s ease}
body .elementor .ucz-sectie .ucz-lead{margin:0;font-size:1.1875rem;line-height:1.5;letter-spacing:-.012em;color:var(--tekst);text-wrap:pretty;transition:color .5s ease}
body .elementor .ucz-sectie .ucz-lead strong{font-weight:600;color:var(--kop);transition:color .5s ease}
body .elementor .ucz-sectie .ucz-stap{display:flex;flex-direction:column;gap:32px;width:var(--b);max-width:100%}
body .elementor .ucz-sectie .ucz-stap-tekst{display:flex;flex-direction:column}
body .elementor .ucz-sectie .ucz-stap-nr{margin:0 0 .875rem;display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;line-height:1;font-weight:600;letter-spacing:.012em;color:var(--tekst);font-variant-numeric:tabular-nums;transition:color .5s ease}
body .elementor .ucz-sectie .ucz-stap-nr i{width:7px;height:7px;border-radius:50%;background:var(--stip)}
body .elementor .ucz-sectie .ucz-stap-titel{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;letter-spacing:-.017em;line-height:1.25;color:var(--kop);text-wrap:balance;transition:color .5s ease}
body .elementor .ucz-sectie .ucz-stap-uitleg{margin:0;font-size:.96875rem;line-height:1.55;letter-spacing:0;color:var(--tekst);text-wrap:pretty;max-width:34ch;transition:color .5s ease}
body .elementor .ucz-sectie .ucz-stap:nth-child(1){--stip:#8B6BFF}
body .elementor .ucz-sectie .ucz-stap:nth-child(2){--stip:#F4C25B}
body .elementor .ucz-sectie .ucz-stap:nth-child(3){--stip:#22B573}
body .elementor .ucz-sectie .ucz-duo{--b:clamp(250px,24vw,380px);--p:216px;position:relative;display:flex;align-items:flex-start;justify-content:center;gap:calc(var(--p) + 28px - var(--b) * .35)}
body .elementor .ucz-sectie .ucz-duo figure{margin:0}
body .elementor .ucz-sectie .draad{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:4}
body .elementor .ucz-sectie .draad path{fill:none;stroke:var(--draad);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:.5 6}
body .elementor .ucz-sectie .draad circle{fill:#8B6BFF;opacity:0;filter:drop-shadow(0 0 6px rgba(139,107,255,.9))}
body .elementor .ucz-sectie .draad circle.groen{fill:#22B573;filter:drop-shadow(0 0 6px rgba(34,181,115,.9))}
body .elementor .ucz-sectie .ucz-ai{position:relative;width:var(--b);aspect-ratio:3/4;max-width:100%;container-type:inline-size}
body .elementor .ucz-sectie .ucz-ai-vorm{position:absolute;inset:0;clip-path:url(#aiVorm);background:linear-gradient(180deg,#F5F6F9 0%,#EDEFF4 55%,#E7E9EF 100%);overflow:hidden}
body .elementor .ucz-sectie .ucz-ai-kop{position:absolute;left:6%;top:0;height:11%;display:flex;align-items:center;gap:9px;z-index:2}
body .elementor .ucz-sectie .ucz-bol{position:relative;flex:none;width:22px;height:22px}
body .elementor .ucz-sectie .ai-gloed{position:absolute;left:50%;top:50%;width:200%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(120,165,240,.10) 0%,rgba(130,175,240,.03) 40%,transparent 66%);pointer-events:none}
body .elementor .ucz-sectie .ucz-ai canvas{position:absolute;left:50%;top:50%;width:162%;aspect-ratio:1;translate:-50% -50%;display:block}
body .elementor .ucz-sectie .ucz-ai-naam{font-size:min(13px,calc(5.1cqw - 3px));line-height:1;font-weight:600;letter-spacing:-.005em;color:var(--inkt);white-space:nowrap;max-width:calc(70cqw - 31px);overflow:hidden;text-overflow:ellipsis}
body .elementor .ucz-sectie .ucz-ai canvas.reserve{width:100%;border-radius:50%;background:radial-gradient(circle at 50% 30%,#E6F2FD,#9EC2F3 70%,#86B0EE);box-shadow:0 0 30px rgba(110,160,240,.35)}
body .elementor .ucz-sectie .stroom{position:absolute;left:6%;right:6%;top:16%;bottom:0;z-index:3;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 50%,transparent 84%);mask-image:linear-gradient(180deg,#000 0,#000 50%,transparent 84%)}
body .elementor .ucz-sectie .mld{position:absolute;left:0;right:0;top:0;padding:12px 13px 13px;border-radius:16px;color:var(--inkt);background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);border:1px solid rgba(255,255,255,.95);box-shadow:0 1px 2px rgba(30,30,60,.04),0 8px 22px -16px rgba(30,30,60,.22);transform-origin:50% 0;opacity:0;translate:0 var(--y,-70px);scale:.55;filter:blur(6px);transition:translate 1.1s cubic-bezier(.22,.8,.25,1),scale 1.1s cubic-bezier(.22,.8,.25,1),opacity .7s ease,filter .7s ease}
body .elementor .ucz-sectie .mld.op{opacity:1;scale:1;filter:blur(0)}
body .elementor .ucz-sectie .mld.weg{opacity:0}
body .elementor .ucz-sectie .mld.stil{transition:none}
body .elementor .ucz-sectie .mld-kop{display:flex;align-items:center;gap:7px;font-size:11px;line-height:1;font-weight:600;letter-spacing:.01em;white-space:nowrap}
body .elementor .ucz-sectie .mld-ico{flex:none;width:18px;height:18px;border-radius:5px;display:grid;place-items:center;color:#fff;box-shadow:inset 0 .5px 0 rgba(255,255,255,.35)}
body .elementor .ucz-sectie .mld-ico svg{width:10px;height:10px;display:block}
body .elementor .ucz-sectie .mld-naam{min-width:0;overflow:hidden;text-overflow:ellipsis}
body .elementor .ucz-sectie .mld-lars{flex:none;font-size:10px;font-weight:650;color:#5B3DF5;background:rgba(91,61,245,.1);padding:4px 7px;border-radius:999px}
body .elementor .ucz-sectie .mld-tijd{margin-left:auto;font-weight:500;color:var(--zacht);opacity:.8;font-variant-numeric:tabular-nums}
body .elementor .ucz-sectie .mld-t{margin-top:8px;font-size:12px;line-height:1.4;color:#5A5360;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body .elementor .ucz-sectie .mld.kans .mld-ico{background:linear-gradient(145deg,#6A4BFF,#B36BFF)}
body .elementor .ucz-sectie .mld.opt .mld-ico{background:linear-gradient(145deg,#2E5BFF,#58A6FF)}
body .elementor .ucz-sectie .mld.sig .mld-ico{background:linear-gradient(145deg,#E08A00,#F4C25B)}
body .elementor .ucz-sectie .mld.tekst .mld-ico{background:linear-gradient(145deg,#139C8C,#3FD1C0)}
body .elementor .ucz-sectie .mld.check .mld-ico{background:linear-gradient(145deg,#8E95A6,#B4BAC8)}
body .elementor .ucz-sectie .ucz-lv{position:relative;width:var(--b);aspect-ratio:3/4;max-width:100%}
body .elementor .ucz-sectie .ucz-lv-vorm{position:absolute;inset:0;border-radius:28px;overflow:hidden;background:linear-gradient(160deg,#232c49,#3a4360 40%,#787d9a)}
body .elementor .ucz-sectie .ucz-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
body .elementor .ucz-sectie .ucz-lv-vorm::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,26,48,.35),transparent 22%,transparent 70%,rgba(20,26,48,.25));pointer-events:none}
@keyframes uc-merkglans{0%{background-position:100% 0}33%,100%{background-position:0 0}}
body .elementor .ucz-sectie .lv-boog{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
body .elementor .ucz-sectie .lv-boog .lijn{fill:none;stroke:rgba(255,255,255,.5);stroke-width:.75}
body .elementor .ucz-sectie .lv-boog .stip{fill:#fff;filter:drop-shadow(0 0 4px rgba(255,255,255,.6))}
body .elementor .ucz-sectie .lv-boog .stip2{fill:rgba(255,255,255,.7)}
body .elementor .ucz-sectie .lv-boog .puls{fill:none;stroke:#fff;stroke-width:1;vector-effect:non-scaling-stroke;opacity:0}
body .elementor .ucz-sectie .vs{position:absolute;width:var(--p);padding:12px 13px 13px;border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.74) 0%,rgba(255,255,255,.5) 55%,rgba(255,255,255,.58) 100%);-webkit-backdrop-filter:blur(20px) saturate(185%) brightness(1.06);backdrop-filter:blur(20px) saturate(185%) brightness(1.06);border:1px solid rgba(255,255,255,.55);box-shadow:0 22px 44px -22px rgba(14,20,44,.5),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(255,255,255,.3),inset 0 0 0 .5px rgba(255,255,255,.2);z-index:5;opacity:0;translate:0 14px;scale:.94;filter:blur(6px);transition:opacity .45s ease,translate .6s cubic-bezier(.2,.9,.25,1),scale .6s cubic-bezier(.2,.9,.25,1),filter .45s ease;pointer-events:none}
body .elementor .ucz-sectie .vs.l{right:63%;top:24%;transform-origin:100% 80%}
body .elementor .ucz-sectie .vs.r{left:66%;top:37%;transform-origin:0% 80%}
body .elementor .ucz-sectie .vs.in{opacity:1;translate:0 0;scale:1;filter:blur(0)}
body .elementor .ucz-sectie .vs.uit{opacity:0;translate:0 -12px;scale:.98;filter:blur(4px);transition-duration:.4s}
body .elementor .ucz-sectie .vs-kop{display:flex;align-items:center;gap:7px;font-size:11px;line-height:1;font-weight:600;color:var(--zacht);letter-spacing:.01em;white-space:nowrap}
body .elementor .ucz-sectie .vs-ico{flex:none;width:18px;height:18px;border-radius:5px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#25335C,#5C74A8);box-shadow:inset 0 .5px 0 rgba(255,255,255,.35)}
body .elementor .ucz-sectie .vs-ico svg{width:10px;height:10px}
body .elementor .ucz-sectie .vs-naam{min-width:0;overflow:hidden;text-overflow:ellipsis}
body .elementor .ucz-sectie .vs-tijd{margin-left:auto;font-weight:500;opacity:.75}
body .elementor .ucz-sectie .vs-t{margin:9px 0 3px;font-size:14px;line-height:1.25;font-weight:650;letter-spacing:-.012em;text-wrap:balance}
body .elementor .ucz-sectie .vs-d{font-size:12px;line-height:1.35;color:#544C58}
body .elementor .ucz-sectie .vs-k{position:relative;height:28px;margin-top:11px}
body .elementor .ucz-sectie .vs-k .knoppen,body .elementor .ucz-sectie .vs-k .uitslag{position:absolute;inset:0;display:flex;align-items:center;gap:6px;transition:opacity .3s ease,translate .35s cubic-bezier(.2,.9,.25,1)}
body .elementor .ucz-sectie .knop{flex:1 1 0;min-width:0;height:28px;padding:0 8px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;line-height:1;font-size:11.5px;font-weight:600;background:rgba(255,255,255,.5);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.7);color:var(--inkt);transition:background .2s ease,color .2s ease}
body .elementor .ucz-sectie .knop svg{flex:none;width:11px;height:11px;display:block}
body .elementor .ucz-sectie .knop span{display:block;text-box:trim-both cap alphabetic}
@supports not (text-box:trim-both cap alphabetic){body .elementor .ucz-sectie .knop svg{translate:0 -1px}}
body .elementor .ucz-sectie .vs.druk .knop.kies{animation:tik .28s cubic-bezier(.3,.7,.4,1)}
@keyframes tik{40%{scale:.93}100%{scale:1}}
body .elementor .ucz-sectie .vs.druk .knop.kies.ja{background:var(--groen);color:#fff}
body .elementor .ucz-sectie .vs.druk .knop.kies.nee{background:var(--rood);color:#fff}
body .elementor .ucz-sectie .uitslag{opacity:0;translate:0 6px}
body .elementor .ucz-sectie .vs.klaar .knoppen{opacity:0;translate:0 -6px}
body .elementor .ucz-sectie .vs.klaar .uitslag{opacity:1;translate:0 0}
body .elementor .ucz-sectie .chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px 0 4px;border-radius:999px;font-size:11.5px;font-weight:650;white-space:nowrap}
body .elementor .ucz-sectie .chip b{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;color:#fff}
body .elementor .ucz-sectie .chip b svg{width:9px;height:9px}
body .elementor .ucz-sectie .chip.ja{background:var(--groen-z);color:var(--groen)}
body .elementor .ucz-sectie .chip.ja b{background:var(--groen)}
body .elementor .ucz-sectie .chip.nee{background:var(--rood-z);color:var(--rood)}
body .elementor .ucz-sectie .chip.nee b{background:var(--rood)}
body .elementor .ucz-sectie .vs-w{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.9,.25,1)}
body .elementor .ucz-sectie .vs-w>div{overflow:hidden;min-height:0;font-size:11.5px;line-height:1.35;color:var(--inkt)}
body .elementor .ucz-sectie .vs-w>div span{display:block;padding-top:7px}
body .elementor .ucz-sectie .vs-w em{font-style:normal;color:var(--zacht)}
body .elementor .ucz-sectie .vs.klaar .vs-w{grid-template-rows:1fr}
body .elementor .ucz-sectie .ucz-kl{position:relative;width:var(--b);aspect-ratio:3/4;max-width:100%;container-type:inline-size}
body .elementor .ucz-sectie .ucz-kl-vorm{position:absolute;inset:0;clip-path:url(#klVorm);overflow:hidden;background:#E9E4DC}
body .elementor .ucz-sectie .ucz-kl-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% 30%;display:block}
body .elementor .ucz-sectie .ucz-kl-vorm::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(40,28,18,.30) 100%);pointer-events:none}
body .elementor .ucz-sectie .ucz-kl-kop{position:absolute;top:0;right:6%;height:11%;display:flex;align-items:center;z-index:2}
body .elementor .ucz-sectie .ucz-kl-label{display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 11px 0 9px;border-radius:999px;font-size:12px;line-height:1;font-weight:600;color:var(--inkt);white-space:nowrap;background:linear-gradient(160deg,rgba(255,255,255,.74) 0%,rgba(255,255,255,.5) 55%,rgba(255,255,255,.58) 100%);-webkit-backdrop-filter:blur(20px) saturate(185%) brightness(1.06);backdrop-filter:blur(20px) saturate(185%) brightness(1.06);border:1px solid rgba(255,255,255,.55);box-shadow:0 8px 20px -14px rgba(14,20,44,.45),inset 0 1px 0 rgba(255,255,255,.9)}
body .elementor .ucz-sectie .ucz-kl-label i{width:6px;height:6px;border-radius:50%;background:#22B573}
body .elementor .ucz-sectie .pillen{position:absolute;left:6%;right:6%;top:44%;bottom:0;z-index:3;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 52%,transparent 86%);mask-image:linear-gradient(180deg,#000 0,#000 52%,transparent 86%)}
body .elementor .ucz-sectie .pil{all:unset;box-sizing:border-box;position:absolute;left:0;right:0;top:0;display:block;cursor:pointer;border-radius:20px;padding:7px 10px 7px 7px;color:var(--inkt);background:linear-gradient(160deg,rgba(255,255,255,.74) 0%,rgba(255,255,255,.5) 55%,rgba(255,255,255,.58) 100%);-webkit-backdrop-filter:blur(20px) saturate(185%) brightness(1.06);backdrop-filter:blur(20px) saturate(185%) brightness(1.06);border:1px solid rgba(255,255,255,.55);box-shadow:0 22px 44px -22px rgba(14,20,44,.5),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(255,255,255,.3),inset 0 0 0 .5px rgba(255,255,255,.2);opacity:0;translate:0 var(--y,-26px);scale:.92;filter:blur(6px);transition:translate .9s cubic-bezier(.22,.8,.25,1),scale .9s cubic-bezier(.22,.8,.25,1),opacity .6s ease,filter .6s ease,background .5s ease}
body .elementor .ucz-sectie .pil.op{opacity:1;scale:1;filter:blur(0)}
body .elementor .ucz-sectie .pil.weg{opacity:0}
body .elementor .ucz-sectie .pil.stil{transition:none}
body .elementor .ucz-sectie .pil.nieuw{background:linear-gradient(160deg,rgba(255,255,255,.86) 0%,rgba(255,255,255,.66) 55%,rgba(255,255,255,.72) 100%)}
body .elementor .ucz-sectie .pil:focus-visible{outline:2px solid #5C74A8;outline-offset:2px}
body .elementor .ucz-sectie .pil-rij{display:flex;align-items:center;gap:9px}
body .elementor .ucz-sectie .pil-ico{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:var(--inkt);background:rgba(26,11,31,.07);transition:background .5s ease,color .5s ease}
body .elementor .ucz-sectie .pil-ico svg{width:11px;height:11px;display:block}
body .elementor .ucz-sectie .pil.nieuw .pil-ico{color:#fff;background:var(--k,#5C74A8)}
body .elementor .ucz-sectie .pil-ico,body .elementor .ucz-sectie .pil-pijl,body .elementor .ucz-sectie .pil-t,body .elementor .ucz-sectie .pil-rij{pointer-events:none}
body .elementor .ucz-sectie .pil-t{flex:1;min-width:0;font-size:11.5px;line-height:1.25;font-weight:600;letter-spacing:-.005em}
body .elementor .ucz-sectie .pil-t small{display:block;margin-top:1px;font-size:10.5px;opacity:.9;font-weight:500;color:var(--zacht);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .elementor .ucz-sectie .pil-pijl{flex:none;width:20px;height:20px;display:grid;place-items:center;color:var(--zacht);transition:rotate .35s ease}
body .elementor .ucz-sectie .pil-pijl svg{width:10px;height:10px}
body .elementor .ucz-sectie .pil.open .pil-pijl{rotate:180deg}
body .elementor .ucz-sectie .pil-w{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.9,.25,1)}
body .elementor .ucz-sectie .pil-w>span{display:block;overflow:hidden;min-height:0}
body .elementor .ucz-sectie .pil-r{display:block;padding:7px 4px 3px 33px;font-size:11.5px;line-height:1.4;color:#3E3742}
body .elementor .ucz-sectie .pil-w em{font-style:normal;font-weight:600;color:var(--inkt)}
body .elementor .ucz-sectie .pil.open .pil-w{grid-template-rows:1fr}
@media (max-width:1180px){body .elementor .ucz-sectie .ucz-kopblok{gap:16px}
body .elementor .ucz-sectie .ucz-lead{font-size:1.0625rem}
body .elementor .ucz-sectie .ucz-kop{letter-spacing:-.025em;line-height:1.12}
body .elementor .ucz-sectie .ucz-duo{flex-direction:column;align-items:center;gap:72px;width:100%;--b:min(100%,340px)}
body .elementor .ucz-sectie .ucz-stap{gap:24px}
body .elementor .ucz-sectie .ucz-stap-tekst{order:-1}
body .elementor .ucz-sectie .draad{display:none}
body .elementor .ucz-sectie .ucz-duo .ucz-lv{margin-bottom:112px}
body .elementor .ucz-sectie .vs{width:68%;padding:10px 11px 11px;border-radius:16px}
body .elementor .ucz-sectie .vs-kop{font-size:10.5px}
body .elementor .ucz-sectie .vs.l{left:-3%;right:auto;top:auto;bottom:-19%}
body .elementor .ucz-sectie .vs.r{right:-3%;left:auto;top:auto;bottom:-23%}
body .elementor .ucz-sectie .vs-t{font-size:13px;margin-top:8px}
body .elementor .ucz-sectie .vs-d{font-size:11.5px}
body .elementor .ucz-sectie .mld{padding:9px 11px 10px}
body .elementor .ucz-sectie .ucz-bol{width:20px;height:20px}
body .elementor .ucz-sectie .ucz-ai-kop{gap:8px}
body .elementor .ucz-sectie .stroom{top:16%}
body .elementor .ucz-sectie .mld-t{font-size:11.5px}}
@media (prefers-reduced-transparency:reduce){body .elementor .ucz-sectie .vs,body .elementor .ucz-sectie .mld,body .elementor .ucz-sectie .pil,body .elementor .ucz-sectie .ucz-kl-label{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (prefers-reduced-motion:reduce){body .elementor .ucz-sectie .vs,body .elementor .ucz-sectie .mld,body .elementor .ucz-sectie .pil{transition:opacity .3s ease}}
/* Kaartbreedte: drie kaarten plus de uitstekende voorstellen passen precies in het kader */
body .elementor .ucz-sectie .ucz-duo{--p:200px;--b:clamp(240px,calc((100cqw - 2 * (var(--p) + 28px)) / 2.3),340px);width:auto}
body .elementor .ucz-sectie .ucz-stap,body .elementor .ucz-sectie .ucz-ai,body .elementor .ucz-sectie .ucz-lv,body .elementor .ucz-sectie .ucz-kl{flex:none}
body .elementor .ucz-sectie .ucz-stap{display:flex;flex-direction:column;align-items:stretch}
body .elementor .ucz-sectie .ucz-stap-tekst{align-items:flex-start;gap:0}
body .elementor .ucz-sectie .ucz-stap-nr::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--stip)}
body .elementor .ucz-sectie .ucz-ai-kop{width:auto;flex-direction:row}
body .elementor .ucz-sectie .ucz-ai-naam{min-width:0}
body .elementor .ucz-sectie .ucz-kl-kop{width:auto}
body .elementor .ucz-sectie .ucz-kl-label::before{content:"";width:6px;height:6px;border-radius:50%;background:#22B573}
body .elementor .ucz-sectie .ucz-film{max-width:none;aspect-ratio:auto}

/* Upclimb-logo met lichtflits op de Lars-kaart. Het logo is een afbeelding-widget; de flits gebruikt hetzelfde bestand als masker */
body .elementor .ucz-sectie .ucz-merk{position:absolute;top:5%;right:7%;width:20%;aspect-ratio:1274/386;z-index:2;opacity:.92;filter:drop-shadow(0 1px 2px rgba(20,30,52,.35))}
body .elementor .ucz-sectie .ucz-merk-logo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 0 .3px #fff) drop-shadow(0 0 .3px #fff)}
body .elementor .ucz-sectie .ucz-merk-glans{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(#fff 0 0 4px) drop-shadow(rgba(255,255,255,.85) 0 0 12px) drop-shadow(rgba(255,255,255,.5) 0 0 26px)}
body .elementor .ucz-sectie .ucz-merk-glans::after{content:"";position:absolute;inset:0;-webkit-mask:url(/wp-content/uploads/2026/10/upclimb-logo-wit.png) center/contain no-repeat;mask:url(/wp-content/uploads/2026/10/upclimb-logo-wit.png) center/contain no-repeat;background:linear-gradient(105deg,transparent 0%,transparent 44%,rgba(255,255,255,.9) 48.5%,#fff 50%,rgba(255,255,255,.9) 51.5%,transparent 56%,transparent 100%) 0 0/300% 100%;animation:ucz-merkglans 3600ms cubic-bezier(.455,.03,.515,.955) infinite both}
@keyframes ucz-merkglans{0%{background-position:100% 0}33%,100%{background-position:0 0}}

/* Rustig binnenkomen: alleen als het script draait (klasse ucz-beweeg), anders staat alles gewoon in beeld */
@media (prefers-reduced-motion:no-preference){
  body .elementor .ucz-sectie.ucz-beweeg :is(.ucz-kopblok,.ucz-stap-tekst){opacity:0;translate:0 14px;filter:blur(4px);transition:opacity .7s cubic-bezier(.22,1,.36,1),translate .7s cubic-bezier(.22,1,.36,1),filter .7s cubic-bezier(.22,1,.36,1)}
  body .elementor .ucz-sectie.ucz-beweeg.in :is(.ucz-kopblok,.ucz-stap-tekst){opacity:1;translate:0 0;filter:none}
  body .elementor .ucz-sectie.ucz-beweeg.in .ucz-stap:nth-child(1) .ucz-stap-tekst{transition-delay:.25s}
  body .elementor .ucz-sectie.ucz-beweeg.in .ucz-stap:nth-child(2) .ucz-stap-tekst{transition-delay:.4s}
  body .elementor .ucz-sectie.ucz-beweeg.in .ucz-stap:nth-child(3) .ucz-stap-tekst{transition-delay:.55s}
}
@media (prefers-reduced-motion:reduce){body .elementor .ucz-sectie .ucz-merk-glans::after{animation:none;opacity:0}}
@media (max-width:1180px){
  body .elementor .ucz-binnen{gap:56px;padding-inline:16px}
  body .elementor .ucz-sectie .ucz-duo{width:100%;--b:min(100%,340px)}
}
/* === Upclimb zo werkt het (ucz-) · einde === */

/* === Upclimb lettersysteem · begin === */
/* Alle sectiekoppen: één maat, één dikte, één regelafstand */
body.page-id-396 .elementor :is(.uc-kop,.uc-markering-kop,.ucx-kop,.ucv-tegel-kop,.ucz-kop){font-size:clamp(2rem,1.35rem + 2.1vw,2.75rem);font-weight:600;letter-spacing:-.032em;line-height:1.1}
/* Tweede zin: één grijstint op licht */
body.page-id-396 .elementor .ucx-kop span{color:#857D89}
/* Eén schuin serif-woord per kop, overal even groot */
body.page-id-396 .elementor :is(.uc-kop,.uc-markering-kop,.ucx-kop,.ucv-tegel-kop,.ucz-kop) em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-size:1.1em;letter-spacing:0;line-height:0;padding-right:.04em}
/* Kaarttitels en kaarttekst gelijk */
body.page-id-396 .elementor :is(.ucz-stap-titel,.ucv-belofte-titel){font-size:1.1875rem;letter-spacing:-.015em;line-height:1.25}
body.page-id-396 .elementor :is(.ucz-stap-uitleg,.ucv-belofte-tekst,.ucx-rij p){font-size:.96875rem;line-height:1.55}
/* Kleine labels zoals de rest van de site: hoofdletters */
body.page-id-396 .elementor .ucz-stap-nr{text-transform:uppercase;letter-spacing:.06em;font-size:.8125rem}
@media (max-width:767px){
  body.page-id-396 .elementor :is(.uc-kop,.uc-markering-kop,.ucx-kop,.ucv-tegel-kop,.ucz-kop){letter-spacing:-.026em;line-height:1.12}
  body.page-id-396 .elementor :is(.ucz-stap-titel,.ucv-belofte-titel){font-size:1.125rem}
  body.page-id-396 .elementor :is(.ucz-stap-uitleg,.ucv-belofte-tekst,.ucx-rij p){font-size:.9375rem}
}
/* === Upclimb lettersysteem · einde === */

/* === Upclimb staptekst Zo werkt het · begin === */
/* Geen bolletjes; dunne lijn boven elke stap, zoals de weken in Hoe het werkt */
body.page-id-396 .elementor .ucz-sectie .ucz-stap{gap:22px}
body.page-id-396 .elementor .ucz-sectie .ucz-stap-nr::before,body.page-id-396 .elementor .ucz-sectie .ucz-stap-nr i{display:none}
body.page-id-396 .elementor .ucz-sectie .ucz-stap-tekst{align-self:stretch;border-top:1px solid rgba(26,11,31,.14);padding-top:18px}
body.page-id-396 .elementor .ucz-sectie .ucz-stap-nr{margin:0 0 10px;font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;color:#716874}
body.page-id-396 .elementor .ucz-sectie .ucz-stap-titel{margin:0 0 6px}
/* === Upclimb staptekst Zo werkt het · einde === */

/* === Upclimb sectieritme · begin === */
/* Overal dezelfde ruimte tussen secties: 84px boven en onder, samen ongeveer 170px. De footer houdt zijn eigen ruimte. */
body.page-id-396 .elementor .uc-sectie:not(.uc-voet) > .uc-binnen{padding-top:84px!important;padding-bottom:84px!important}
/* De intro blijft dicht onder de headerfoto */
body.page-id-396 .elementor .uc-sectie[data-id="6c0fa4c1"]:not(.uc-voet) > .uc-binnen{padding-top:56px!important}
@media (max-width:767px){
  body.page-id-396 .elementor .uc-sectie:not(.uc-voet) > .uc-binnen{padding-top:64px!important;padding-bottom:64px!important}
  body.page-id-396 .elementor .uc-sectie[data-id="6c0fa4c1"]:not(.uc-voet) > .uc-binnen{padding-top:44px!important}
}
/* === Upclimb sectieritme · einde === */

/* === Upclimb Zo werkt het links · begin === */
/* Kop en ondertitel links, zoals de andere secties */
body.page-id-396 .elementor .ucz-sectie .ucz-kopblok{align-items:flex-start;text-align:left}
body.page-id-396 .elementor .ucz-sectie :is(.ucz-kop,.ucz-lead){text-align:left;margin-left:0;margin-right:auto}
/* Zelfde linkerlijn als de rest (48px binnenrand) */
@media (min-width:1181px){body.page-id-396 .elementor .ucz-sectie .ucz-binnen{padding-left:48px;padding-right:48px}}
@media (max-width:767px){body.page-id-396 .elementor .ucz-sectie .ucz-binnen{padding-left:20px;padding-right:20px}}
/* === Upclimb Zo werkt het links · einde === */

/* === Upclimb footer nachtblauw · begin === */
/* Footer in hetzelfde nachtblauw als de tegel in Daarom begon ik (#07152B) */
body.page-id-396 .elementor .uc-sectie.uc-voet{background-color:#07152B!important;--uc-lijn-donker:#1F2E4A}
body.page-id-396 .elementor .uc-voet .uc-knop--glas{background-color:#1A2A47!important}
body.page-id-396 .elementor .uc-voet .uc-knop--amber{color:#07152B!important}
body.page-id-396 .elementor .uc-voet :is(.uc-voet-label,.uc-voet-copy){color:#A4AFC2!important}
/* === Upclimb footer nachtblauw · einde === */

/* === Upclimb geen schuine woorden · begin === */
/* Geen schuine serif-woorden meer in koppen en teksten. Alleen de slogan in de header (HTML-widget, .uc-slogan) houdt ze. */
body.page-id-396 .elementor :is(.uc-kop,.uc-kop3,.uc-lead,.uc-markering-kop,.uc-markering-regel,.uc-getal,.uc-voet-slogan,.uc-tegel-titel,.uc-voet-kop,.ucx-kop,.ucx-slotzin,.ucv-tegel-kop,.ucz-kop,.ucz-lead) em{font-family:inherit!important;font-style:normal!important;font-weight:inherit!important;font-size:1em!important;letter-spacing:inherit!important;line-height:inherit!important;padding:0!important;color:inherit!important}
/* === Upclimb geen schuine woorden · einde === */

/* === Upclimb resultaten (ucres-) · begin === */
body .elementor .ucres-sectie{--d-diep:#F5F5F5;--d-basis:#FFFFFF;--d-hoger:#FAFAFA;--d-rand:rgba(0,0,0,.08);--d-tekst:#1E1E1E;--d-tekst2:#2E2E2D;--d-tekst3:#636363;--d-tekst4:#7A7A7A;--d-accent:#1F55F1;--d-goed:#296807;--d-goed-zacht:#DEEED9}
body .elementor .ucres-sectie :is(.ucres-koprij,.ucres-paneel,.ucres-stapel,.ucres-dash,.ucres-zij,.ucres-klant,.ucres-klant-tekst,.ucres-nav,.ucres-zij-onder,.ucres-persoon,.ucres-hoofd,.ucres-hoofd-kop,.ucres-door,.ucres-kpis,.ucres-kpi,.ucres-onder,.ucres-grafiek,.ucres-vak-kop,.ucres-legenda,.ucres-lijn,.ucres-feed,.ucres-item,.ucres-glas,.ucres-res){padding:0;margin:0;min-width:0}
body .elementor .ucres-sectie :is(.ucres-klant-naam,.ucres-klant-id,.ucres-nav-tekst,.ucres-persoon-naam,.ucres-persoon-rol,.ucres-titel,.ucres-door-tekst,.ucres-kpi-label,.ucres-kpi-getal,.ucres-kpi-delta,.ucres-vak-titel,.ucres-vak-sub,.ucres-leg,.ucres-item-titel,.ucres-item-reden,.ucres-res-getal,.ucres-res-tekst){margin:0}
/* kopregel */
body .elementor .ucres-sectie .ucres-koprij{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:40px}
body .elementor .ucres-sectie .ucres-koprij .uc-kop span{display:block;color:#857D89}
body .elementor .ucres-sectie .ucres-chip{flex:none;display:inline-flex;flex-direction:row;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(26,11,31,.05)}
body .elementor .ucres-sectie .ucres-chip p{margin:0;font-size:.8125rem;font-weight:500}
body .elementor .ucres-sectie .ucres-chip::before{content:"";position:static;width:6px;height:6px;border-radius:50%;background:#22B573;box-shadow:0 0 0 3px rgba(34,181,115,.18)}
/* paneel met video */
body .elementor .ucres-sectie .ucres-paneel{position:relative;display:grid;place-items:center;margin-top:40px;padding:56px 40px;border-radius:22px;overflow:hidden;isolation:isolate;background:#0B1730}
body .elementor .ucres-sectie .ucres-paneel::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(80% 70% at 50% 55%,rgba(5,12,28,.1),rgba(5,12,28,.5))}
body .elementor .ucres-sectie .ucres-video{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;z-index:-2;border-radius:0;max-width:none}
body .elementor .ucres-sectie .ucres-stapel{display:flex;flex-direction:column;gap:20px;width:88%;max-width:1000px}
/* dashboard */
body .elementor .ucres-sectie .ucres-dash{display:grid;grid-template-columns:200px minmax(0,1fr);background:var(--d-basis);color:var(--d-tekst2);border-radius:14px;overflow:hidden;box-shadow:0 40px 90px -30px rgba(2,8,24,.65),0 0 0 1px rgba(255,255,255,.4);font-size:13px;line-height:1.35;text-align:left}
body .elementor .ucres-sectie .ucres-zij{display:flex;flex-direction:column;gap:2px;background:var(--d-diep);border-right:1px solid var(--d-rand);padding:20px 12px}
body .elementor .ucres-sectie .ucres-klant{display:flex;flex-direction:row;align-items:center;gap:10px;margin:2px 6px 20px}
body .elementor .ucres-sectie .ucres-klant-logo{width:30px!important;height:30px!important;border-radius:8px;background:#fff;box-shadow:0 0 0 1px var(--d-rand);object-fit:contain;padding:2px;flex:none}
body .elementor .ucres-sectie .ucres-klant-tekst{display:flex;flex-direction:column}
body .elementor .ucres-sectie .ucres-klant-naam{color:var(--d-tekst);font-weight:600;font-size:13px}
body .elementor .ucres-sectie :is(.ucres-klant-id,.ucres-persoon-rol){color:var(--d-tekst4);font-weight:500;font-size:11px}
body .elementor .ucres-sectie .ucres-nav{display:flex;flex-direction:row;align-items:center;gap:10px;padding:8px 9px;border-radius:7px;color:var(--d-tekst3);font-weight:500}
body .elementor .ucres-sectie .ucres-nav::before{content:"";position:static;flex:none;width:15px;height:15px;background:currentColor;opacity:.85;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
body .elementor .ucres-sectie .ucres-nav--aan{background:#fff;color:var(--d-tekst);box-shadow:0 0 0 1px var(--d-rand),0 1px 2px rgba(0,0,0,.04)}
body .elementor .ucres-sectie .ucres-nav-tekst{font-size:13px;font-weight:500;color:inherit}
body .elementor .ucres-sectie .ucres-nav--dashboard{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22%3E%3Crect x=%222%22 y=%222%22 width=%225%22 height=%225%22 rx=%221.2%22/%3E%3Crect x=%229%22 y=%222%22 width=%225%22 height=%225%22 rx=%221.2%22/%3E%3Crect x=%222%22 y=%229%22 width=%225%22 height=%225%22 rx=%221.2%22/%3E%3Crect x=%229%22 y=%229%22 width=%225%22 height=%225%22 rx=%221.2%22/%3E%3C/svg%3E")}
body .elementor .ucres-sectie .ucres-nav--wijzigingen{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M3 4h10M3 8h10M3 12h6%22/%3E%3C/svg%3E")}
body .elementor .ucres-sectie .ucres-nav--updates{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Crect x=%222%22 y=%223.5%22 width=%2212%22 height=%229%22 rx=%221.8%22/%3E%3Cpath d=%22M2.6 4.6L8 8.6l5.4-4%22/%3E%3C/svg%3E")}
body .elementor .ucres-sectie .ucres-nav--documenten{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 2h5l3 3v9H4z%22/%3E%3Cpath d=%22M9 2v3h3%22/%3E%3C/svg%3E")}
body .elementor .ucres-sectie .ucres-nav--marges{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M3 13L13 3%22/%3E%3Ccircle cx=%224.5%22 cy=%224.5%22 r=%221.5%22/%3E%3Ccircle cx=%2211.5%22 cy=%2211.5%22 r=%221.5%22/%3E%3C/svg%3E")}
body .elementor .ucres-sectie .ucres-nav--instellingen{--ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22%3E%3Ccircle cx=%228%22 cy=%228%22 r=%222.2%22/%3E%3Cpath d=%22M8 1.8v2M8 12.2v2M1.8 8h2M12.2 8h2M3.6 3.6l1.4 1.4M11 11l1.4 1.4M3.6 12.4L5 11M11 5l1.4-1.4%22/%3E%3C/svg%3E")}
body .elementor .ucres-sectie .ucres-zij-onder{display:flex;flex-direction:row;align-items:center;gap:9px;margin-top:auto;padding:12px 8px 2px;border-top:1px solid var(--d-rand)}
body .elementor .ucres-sectie .ucres-avatar{width:26px!important;height:26px!important;border-radius:50%;object-fit:cover;flex:none}
body .elementor .ucres-sectie .ucres-persoon{display:flex;flex-direction:column}
body .elementor .ucres-sectie .ucres-persoon-naam{color:var(--d-tekst2);font-weight:600;font-size:12px}
body .elementor .ucres-sectie .ucres-hoofd{display:flex;flex-direction:column;gap:14px;padding:20px 22px 22px}
body .elementor .ucres-sectie .ucres-hoofd-kop{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
body .elementor .ucres-sectie .ucres-titel{font-size:15px;font-weight:600;color:var(--d-tekst)}
body .elementor .ucres-sectie .ucres-door{width:auto;flex:none;display:flex;flex-direction:row;align-items:center;gap:8px}
body .elementor .ucres-sectie .ucres-door-foto{width:20px!important;height:20px!important;border-radius:50%;object-fit:cover;flex:none}
body .elementor .ucres-sectie .ucres-door-tekst{color:var(--d-tekst3);font-size:11.5px}
body .elementor .ucres-sectie .ucres-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body .elementor .ucres-sectie .ucres-kpi{display:flex;flex-direction:column;gap:6px;background:var(--d-hoger);border:1px solid var(--d-rand);border-radius:10px;padding:12px 13px}
body .elementor .ucres-sectie .ucres-kpi-label{color:var(--d-tekst3);font-size:11.5px}
body .elementor .ucres-sectie .ucres-kpi-getal{font-size:20px;font-weight:600;color:var(--d-tekst);letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.1}
body .elementor .ucres-sectie .ucres-kpi-delta{font-size:11px;font-weight:600;color:var(--d-goed)}
body .elementor .ucres-sectie .ucres-onder{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:10px}
body .elementor .ucres-sectie :is(.ucres-grafiek,.ucres-feed){display:flex;flex-direction:column;background:var(--d-hoger);border:1px solid var(--d-rand);border-radius:10px;padding:13px}
body .elementor .ucres-sectie .ucres-vak-kop{display:flex;flex-direction:row;justify-content:space-between;gap:8px}
body .elementor .ucres-sectie .ucres-vak-titel{color:var(--d-tekst);font-weight:600;font-size:12.5px}
body .elementor .ucres-sectie .ucres-vak-sub{color:var(--d-tekst4);font-weight:500;font-size:12.5px}
body .elementor .ucres-sectie .ucres-legenda{display:flex;flex-direction:row;gap:14px;margin-top:8px}
body .elementor .ucres-sectie .ucres-leg{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--d-tekst3)}
body .elementor .ucres-sectie .ucres-leg::before{content:"";width:10px;height:2px;background:var(--d-accent)}
body .elementor .ucres-sectie .ucres-leg--stip::before{background:none;height:0;border-top:2px dashed #9B9B9B}
body .elementor .ucres-sectie .ucres-lijn{flex:1;min-height:150px;margin-top:6px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 140%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22v%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%231F55F1%22 stop-opacity=%22.18%22/%3E%3Cstop offset=%221%22 stop-color=%22%231F55F1%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke=%22rgba%280,0,0,.06%29%22%3E%3Cpath d=%22M0 25H400M0 65H400M0 105H400%22/%3E%3C/g%3E%3Cpath d=%22M0 110 C30 106 55 102 80 96 S130 92 160 82 S220 72 250 60 S330 40 400 26 V140 H0Z%22 fill=%22url%28%23v%29%22/%3E%3Cpath d=%22M0 110 C30 106 55 102 80 96 S130 92 160 82 S220 72 250 60 S330 40 400 26%22 fill=%22none%22 stroke=%22%231F55F1%22 stroke-width=%222%22 vector-effect=%22non-scaling-stroke%22/%3E%3Cpath d=%22M0 52 C60 56 120 66 180 74 S300 90 400 96%22 fill=%22none%22 stroke=%22%239B9B9B%22 stroke-width=%221.5%22 stroke-dasharray=%223 4%22 vector-effect=%22non-scaling-stroke%22/%3E%3C/svg%3E") center/100% 100% no-repeat}
body .elementor .ucres-sectie .ucres-feed{gap:11px}
body .elementor .ucres-sectie .ucres-item{position:relative;display:flex;flex-direction:column;padding-left:36px;min-height:26px}
/* foto van Lars met een klein groen vinkje erop */
body .elementor .ucres-sectie .ucres-item-foto{position:absolute!important;left:0;top:0;width:26px!important;height:26px!important;border-radius:50%;object-fit:cover;z-index:0}
body .elementor .ucres-sectie .ucres-item::before{content:"";position:absolute;left:15px;top:15px;width:13px;height:13px;border-radius:50%;background:#338500;box-shadow:0 0 0 2px var(--d-hoger);z-index:1}
body .elementor .ucres-sectie .ucres-item::after{content:"";position:absolute;left:17.5px;top:17.5px;width:8px;height:8px;background:#fff;z-index:2;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 12%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2.5 6.3l2.3 2.3L9.5 3.8%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 12%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2.5 6.3l2.3 2.3L9.5 3.8%22/%3E%3C/svg%3E") center/contain no-repeat}
body .elementor .ucres-sectie .ucres-item-titel{color:var(--d-tekst);font-weight:600;font-size:12px;line-height:1.35}
body .elementor .ucres-sectie .ucres-item-reden{color:var(--d-tekst4);font-size:11px;line-height:1.35}
/* resultaten als glazen strook */
body .elementor .ucres-sectie .ucres-glas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
body .elementor .ucres-sectie .ucres-res{display:flex;flex-direction:column;gap:6px;background:rgba(10,20,44,.35);padding:16px 20px}
body .elementor .ucres-sectie .ucres-res-getal{color:#fff;font-size:1.75rem;font-weight:500;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
body .elementor .ucres-sectie .ucres-res-tekst{color:rgba(255,255,255,.72);font-size:.8125rem}
@media (max-width:1024px){
  body .elementor .ucres-sectie .ucres-stapel{width:100%}
  body .elementor .ucres-sectie .ucres-paneel{padding:36px 20px}
}
@media (max-width:767px){
  body .elementor .ucres-sectie .ucres-koprij{flex-direction:column;align-items:flex-start;gap:20px}
  body .elementor .ucres-sectie .ucres-dash{grid-template-columns:1fr}
  body .elementor .ucres-sectie .ucres-zij{display:none}
  body .elementor .ucres-sectie .ucres-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  body .elementor .ucres-sectie .ucres-onder{grid-template-columns:1fr}
  body .elementor .ucres-sectie .ucres-grafiek{display:none}
  body .elementor .ucres-sectie .ucres-glas{grid-template-columns:1fr}
  body .elementor .ucres-sectie .ucres-paneel{padding:24px 12px;border-radius:18px}
  body .elementor .ucres-sectie .ucres-door-tekst{display:none}
}
@media (prefers-reduced-motion:reduce){body .elementor .ucres-sectie .ucres-video{display:none}}
/* === Upclimb resultaten (ucres-) · einde === */

/* === Upclimb beloftes glas · begin === */
/* De drie beloftes in Daarom begon ik als één aaneengesloten glazen strook, zoals de resultaten onder het dashboard.
   De strook zelf blijft doorzichtig met zijn binnenrand; het glas zit op de kaarten, die tegen elkaar aan liggen. */
html body.page-id-396 .elementor .ucv-beloftes{gap:0}
html body.page-id-396 .elementor .ucv-beloftes .ucv-belofte{background:rgba(10,20,44,.35);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border-radius:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.18);padding:18px 20px 20px;gap:6px}
html body.page-id-396 .elementor .ucv-beloftes .ucv-belofte::before,html body.page-id-396 .elementor .ucv-beloftes .ucv-belofte::after{display:none}
html body.page-id-396 .elementor .ucv-beloftes .ucv-belofte-tekst{color:rgba(255,255,255,.78);font-weight:450}
/* naast elkaar: buitenste hoeken rond, dunne lijn ertussen */
@media (min-width:901px){
  html body.page-id-396 .elementor .ucv-beloftes .ucv-belofte:first-child{border-radius:16px 0 0 16px}
  html body.page-id-396 .elementor .ucv-beloftes .ucv-belofte:last-child{border-radius:0 16px 16px 0}
  html body.page-id-396 .elementor .ucv-beloftes .ucv-belofte + .ucv-belofte{border-left:1px solid rgba(255,255,255,.14)}
}
/* onder elkaar: boven en onder rond, dunne lijn ertussen, kleiner op de telefoon */
@media (max-width:900px){
  html body.page-id-396 .elementor .ucv-beloftes .ucv-belofte:first-child{border-radius:14px 14px 0 0}
  html body.page-id-396 .elementor .ucv-beloftes .ucv-belofte:last-child{border-radius:0 0 14px 14px}
  html body.page-id-396 .elementor .ucv-beloftes .ucv-belofte + .ucv-belofte{border-top:1px solid rgba(255,255,255,.14)}
  html body.page-id-396 .elementor .ucv-beloftes .ucv-belofte{padding:14px 16px 15px;gap:4px}
  html body.page-id-396 .elementor .ucv-beloftes .ucv-belofte-titel{font-size:1rem;letter-spacing:-.01em}
  html body.page-id-396 .elementor .ucv-beloftes .ucv-belofte-tekst{font-size:.875rem;line-height:1.5}
}
@media (prefers-reduced-transparency:reduce){html body.page-id-396 .elementor .ucv-beloftes .ucv-belofte{-webkit-backdrop-filter:none;backdrop-filter:none;background:#14223F}}
/* === Upclimb beloftes glas · einde === */

/* === Upclimb herken strak (uhs-) · begin === */
/* Sectie 04 Herken je dit: tijdlijn in het midden, situaties om en om. Lijn groeit mee met scrollen (script uhsjs04). */
html body.page-id-396 .elementor .uhs-blok{display:flex;flex-direction:column;gap:56px;width:100%;padding:0;min-width:0;text-align:center}
html body.page-id-396 .elementor .uhs-blok .ucx-kop{margin-inline:auto;max-width:15em;text-align:center;text-wrap:balance}
html body.page-id-396 .elementor :is(.uhs-drie,.uhs-item,.uhs-slot,.uhs-noot){padding:0;margin:0;min-width:0}
html body.page-id-396 .elementor .uhs-drie{position:relative;display:flex;flex-direction:column;gap:40px}
html body.page-id-396 .elementor .uhs-drie::before,html body.page-id-396 .elementor .uhs-drie::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;border-radius:2px;pointer-events:none}
html body.page-id-396 .elementor .uhs-drie::before{background:rgba(26,11,31,.12)}
html body.page-id-396 .elementor .uhs-drie::after{background:#1A0B1F;transform-origin:top;transform:scaleY(var(--uhs-p,1))}
html body.page-id-396 .elementor .uhs-item{display:flex;flex-direction:column;gap:8px;width:calc(50% - 40px);text-align:right;border:0}
html body.page-id-396 .elementor .uhs-item:nth-child(even){margin-left:auto;text-align:left}
html body.page-id-396 .elementor .uhs-titel{margin:0 0 2px;font-size:1.125rem;font-weight:600;letter-spacing:-.014em;line-height:1.3;color:#1A0B1F}
html body.page-id-396 .elementor .uhs-punt{margin:0;font-size:.9375rem;line-height:1.55;color:#716874;text-wrap:pretty}
html body.page-id-396 .elementor .uhs-punt strong{display:inline;font-weight:600;color:#1A0B1F}
html body.page-id-396 .elementor .uhs-slot{display:flex;flex-direction:column;align-items:center;gap:20px;border:0}
html body.page-id-396 .elementor .uhs-slotzin{margin:0;max-width:22em;font-size:clamp(1.375rem,1.1rem + .9vw,1.75rem);font-weight:600;letter-spacing:-.022em;line-height:1.2;color:#857D89;text-wrap:balance;text-align:center}
html body.page-id-396 .elementor .uhs-slotzin strong{font-weight:600;color:#1A0B1F}
html body.page-id-396 .elementor .uhs-noot{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:36em}
html body.page-id-396 .elementor .uhs-noot-foto{width:40px!important;height:40px!important;border-radius:50%;object-fit:cover}
html body.page-id-396 .elementor .uhs-noot-tekst{margin:0;font-size:.9375rem;line-height:1.6;color:#716874;text-align:center;text-wrap:pretty}
html body.page-id-396 .elementor .uhs-noot-tekst strong{font-weight:600;color:#1A0B1F}
html body.page-id-396 .elementor .elementor-element-uhsjs04{display:none}
/* beweging: alleen als het script draait, dus zonder script staat alles gewoon in beeld */
html body.page-id-396 .elementor .uhs-beweeg :is(.uhs-item,.uhs-slot){transition:opacity .7s cubic-bezier(.22,1,.36,1),translate .7s cubic-bezier(.22,1,.36,1),filter .7s cubic-bezier(.22,1,.36,1)}
html body.page-id-396 .elementor .uhs-beweeg :is(.uhs-item,.uhs-slot):not(.uhs-in){opacity:0;filter:blur(3px);translate:-22px 0}
html body.page-id-396 .elementor .uhs-beweeg .uhs-item:nth-child(even):not(.uhs-in){translate:22px 0}
html body.page-id-396 .elementor .uhs-beweeg .uhs-slot:not(.uhs-in){translate:0 14px}
@media (max-width:1024px){
  html body.page-id-396 .elementor .uhs-blok{gap:40px}
  html body.page-id-396 .elementor .uhs-drie{gap:32px}
  html body.page-id-396 .elementor .uhs-drie::before,html body.page-id-396 .elementor .uhs-drie::after{left:6px}
  html body.page-id-396 .elementor .uhs-item,html body.page-id-396 .elementor .uhs-item:nth-child(even){width:calc(100% - 32px);margin-left:auto;text-align:left}
  html body.page-id-396 .elementor .uhs-beweeg .uhs-item:not(.uhs-in){translate:22px 0}
}
@media (prefers-reduced-motion:reduce){
  html body.page-id-396 .elementor .uhs-beweeg :is(.uhs-item,.uhs-slot){transition:none;opacity:1;filter:none;translate:none}
}
/* === Upclimb herken strak (uhs-) · einde === */

/* === Upclimb Zo werkt het donker · begin === */
/* Zelfde kleding als Daarom begon ik en Resultaten: één nachtblauw paneel, gelijke kaarten, donker glas, één accentkleur */
html body.page-id-396 .elementor .ucz-sectie{--nacht:#07152B;--glas-d:rgba(10,20,44,.52);--rand-d:rgba(255,255,255,.14);--wit2:rgba(255,255,255,.72);--wit3:rgba(255,255,255,.56)}
html body.page-id-396 .elementor .ucz-sectie .ucz-binnen{align-items:stretch}
html body.page-id-396 .elementor .ucz-sectie .ucz-duo{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;width:100%;padding:44px 40px 40px;border-radius:24px;background:radial-gradient(60% 55% at 12% 0%,rgba(116,157,247,.20) 0%,rgba(116,157,247,0) 70%),radial-gradient(50% 50% at 100% 100%,rgba(116,157,247,.10) 0%,rgba(116,157,247,0) 70%),linear-gradient(160deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,0) 38%),linear-gradient(180deg,#0E2148 0%,var(--nacht) 62%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px rgba(255,255,255,.08),0 40px 80px -40px rgba(7,21,43,.55);--b:auto;--p:200px}
html body.page-id-396 .elementor .ucz-sectie .ucz-stap{width:auto;max-width:none;gap:22px}
html body.page-id-396 .elementor .ucz-sectie :is(.ucz-ai,.ucz-lv,.ucz-kl){width:100%;max-width:none}
html body.page-id-396 .elementor .ucz-sectie .draad{display:none}
html body.page-id-396 .elementor .ucz-sectie :is(.ucz-ai-vorm,.ucz-kl-vorm){clip-path:none;border-radius:18px}
html body.page-id-396 .elementor .ucz-sectie .ucz-lv-vorm{border-radius:18px}
html body.page-id-396 .elementor .ucz-sectie :is(.ucz-ai-vorm,.ucz-lv-vorm,.ucz-kl-vorm){box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
/* stap 1: donker glas, witte meldingen, één rustig icoon, alleen Voor Lars in amber */
html body.page-id-396 .elementor .ucz-sectie .ucz-ai-vorm{background:linear-gradient(180deg,#132650 0%,#0D1C3D 100%)}
html body.page-id-396 .elementor .ucz-sectie .ucz-ai-kop{top:3%}
html body.page-id-396 .elementor .ucz-sectie .ucz-ai-naam{color:#fff}
html body.page-id-396 .elementor .ucz-sectie .ucz-ai canvas{opacity:.75;width:130%}
html body.page-id-396 .elementor .ucz-sectie .ai-gloed{opacity:.5}
html body.page-id-396 .elementor .ucz-sectie .mld{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;box-shadow:0 10px 24px -18px rgba(0,0,0,.6)}
html body.page-id-396 .elementor .ucz-sectie :is(.mld,.mld.kans,.mld.opt,.mld.sig,.mld.tekst,.mld.check) .mld-ico{background:rgba(255,255,255,.1);color:#fff;box-shadow:none}
html body.page-id-396 .elementor .ucz-sectie .mld-tijd{color:var(--wit3);opacity:1}
html body.page-id-396 .elementor .ucz-sectie .mld-t{color:var(--wit2)}
html body.page-id-396 .elementor .ucz-sectie .mld-lars{color:#F4C25B;background:rgba(244,194,91,.14)}
/* stap 2: voorstellen als donker glas */
html body.page-id-396 .elementor .ucz-sectie .vs{background:var(--glas-d);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--rand-d);color:#fff;box-shadow:0 22px 44px -22px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.12)}
html body.page-id-396 .elementor .ucz-sectie :is(.vs-kop,.vs-tijd){color:var(--wit3)}
html body.page-id-396 .elementor .ucz-sectie .vs-ico{background:rgba(255,255,255,.12)}
html body.page-id-396 .elementor .ucz-sectie .vs-t{color:#fff}
html body.page-id-396 .elementor .ucz-sectie .vs-d{color:var(--wit2)}
html body.page-id-396 .elementor .ucz-sectie .knop{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.18);color:#fff}
html body.page-id-396 .elementor .ucz-sectie .vs.druk .knop.kies.ja{background:#2F8A4F}
html body.page-id-396 .elementor .ucz-sectie .vs.druk .knop.kies.nee{background:#A9443A}
html body.page-id-396 .elementor .ucz-sectie .chip.ja{background:rgba(115,190,89,.18);color:#A6DC94}html body.page-id-396 .elementor .ucz-sectie .chip.ja b{background:#3E9A55}
html body.page-id-396 .elementor .ucz-sectie .chip.nee{background:rgba(255,134,123,.16);color:#FFAAA2}html body.page-id-396 .elementor .ucz-sectie .chip.nee b{background:#B4483C}
html body.page-id-396 .elementor .ucz-sectie .vs-w>div{color:#fff}html body.page-id-396 .elementor .ucz-sectie .vs-w em{color:var(--wit3)}
@media (min-width:1181px){
  html body.page-id-396 .elementor .ucz-sectie .vs{width:min(216px,70%)}
  /* vier plekken om de beurt: linksonder, rechtsboven over het logo, rechtsonder, helemaal linksboven */
  html body.page-id-396 .elementor .ucz-sectie #kaarten .vs:nth-child(1){left:-14px;right:auto;top:auto;bottom:5%;transform-origin:0 100%}
  html body.page-id-396 .elementor .ucz-sectie #kaarten .vs:nth-child(2){right:-14px;left:auto;top:-16px;bottom:auto;transform-origin:100% 0}
  html body.page-id-396 .elementor .ucz-sectie #kaarten .vs:nth-child(3){right:-14px;left:auto;top:auto;bottom:9%;transform-origin:100% 100%}
  html body.page-id-396 .elementor .ucz-sectie #kaarten .vs:nth-child(4){left:-14px;right:auto;top:-16px;bottom:auto;transform-origin:0 0}
}
/* knoppen: inhoud past altijd in de pil, icoon en tekst samen in het midden */
html body.page-id-396 .elementor .ucz-sectie .vs-k .knoppen{gap:6px}
html body.page-id-396 .elementor .ucz-sectie .knop{flex:1 1 auto;padding:0 10px 0 9px;gap:5px;font-size:11px;letter-spacing:.005em;overflow:hidden}
html body.page-id-396 .elementor .ucz-sectie .knop svg{width:10px;height:10px}
/* stap 3: foto koeler, meldingen als donker glas, foto van Lars bij wat hij deed */
html body.page-id-396 .elementor .ucz-sectie .ucz-kl-foto{filter:saturate(.72) brightness(.86) contrast(1.04)}
html body.page-id-396 .elementor .ucz-sectie .ucz-kl-vorm::after{background:linear-gradient(180deg,rgba(7,21,43,.18) 0%,rgba(7,21,43,.1) 35%,rgba(7,21,43,.62) 100%)}
html body.page-id-396 .elementor .ucz-sectie :is(.ucz-kl-label,.pil,.pil.nieuw){background:var(--glas-d);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--rand-d);color:#fff;box-shadow:0 18px 40px -22px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.12)}
html body.page-id-396 .elementor .ucz-sectie :is(.pil-ico,.pil.nieuw .pil-ico){background:rgba(255,255,255,.12);color:#fff}
html body.page-id-396 .elementor .ucz-sectie :is(.pil-t small,.pil-pijl){color:var(--wit3)}
html body.page-id-396 .elementor .ucz-sectie .pil-r{color:var(--wit2)}html body.page-id-396 .elementor .ucz-sectie .pil-w em{color:#fff}
html body.page-id-396 .elementor .ucz-sectie :is(.pil-ico.pil-foto,.pil.nieuw .pil-ico.pil-foto){position:relative;background:none;overflow:visible}
html body.page-id-396 .elementor .ucz-sectie .pil-foto img{width:24px;height:24px;border-radius:50%;object-fit:cover;display:block}
html body.page-id-396 .elementor .ucz-sectie .pil-foto::after{content:"";position:absolute;right:-3px;bottom:-3px;width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(10,20,44,.95);background:#338500 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.3l2.3 2.3L9.5 3.8'/%3E%3C/svg%3E") center/7px no-repeat}
/* stappen in wit binnen het paneel, dunne lijn erboven */
html body.page-id-396 .elementor .ucz-sectie .ucz-stap-tekst{border-top-color:rgba(255,255,255,.14)}
html body.page-id-396 .elementor .ucz-sectie .ucz-stap-nr{color:var(--wit3)}
html body.page-id-396 .elementor .ucz-sectie .ucz-stap-titel{color:#fff}
html body.page-id-396 .elementor .ucz-sectie .ucz-stap-uitleg{color:var(--wit2)}
@media (max-width:1180px){
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo{grid-template-columns:1fr;max-width:420px;margin:0 auto;padding:28px 20px;gap:64px}
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo .ucz-lv{margin-bottom:112px}
  html body.page-id-396 .elementor .ucz-sectie .vs{width:min(250px,80%)}
}
/* === Upclimb Zo werkt het donker · einde === */

/* === Upclimb prijs (ucprijs-) · begin === */
/* Sectie 11 Prijs: drie kaarten, Scale met het blauwe licht uit de video, wissel tussen maandelijks en jaarlijks. Teksten en prijzen pas je aan in de widgets. Elke kaart heeft twee prijsregels: de eerste is de maandprijs, de tweede de prijs bij jaarlijks betalen. */
html body.page-id-396 .elementor .ucprijs-sectie{--ucprijs-zacht:cubic-bezier(.22,1,.36,1);--ucprijs-inkt:#1A0B1F;--ucprijs-tekst:#716874;--ucprijs-nacht:#07152B}
html body.page-id-396 .elementor .ucprijs-sectie p{margin:0}
html body.page-id-396 .elementor .ucprijs-sectie :is(.ucprijs-koprij,.ucprijs-periode,.ucprijs-optie,.ucprijs-raster,.ucprijs-kaart,.ucprijs-naamrij,.ucprijs-onder,.ucprijs-pr,.ucprijs-pil,.ucprijs-kolom){padding:0;margin:0;min-width:0;gap:0}

/* kop in het midden */
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-koprij{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-koprij .uc-kop{margin:0 auto;text-align:center;text-wrap:balance}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-sub{margin:12px auto 0;max-width:46ch;font-size:1.0625rem;line-height:1.5;color:var(--ucprijs-tekst)}

/* maandelijks of jaarlijks, met een wit blokje dat meeschuift */
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-periode{position:relative;display:inline-flex;flex-direction:row;align-items:center;align-self:center;width:auto;flex:none;margin-top:22px;padding:4px;border-radius:999px;background:rgba(26,11,31,.06);isolation:isolate}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-periode::before{content:"";position:absolute;z-index:-1;top:4px;bottom:4px;left:var(--dl,4px);width:var(--dw,0);border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(26,11,31,.08),0 2px 8px -2px rgba(26,11,31,.14);transition:left .38s var(--ucprijs-zacht),width .38s var(--ucprijs-zacht)}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-optie{display:inline-flex;flex-direction:row;align-items:center;gap:8px;width:auto;flex:none;min-height:40px;padding:0 18px;border-radius:999px;cursor:pointer;user-select:none;font-size:.875rem;font-weight:600;line-height:1;color:var(--ucprijs-tekst);transition:color .25s,scale .1s ease-out}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-optie p{font:inherit;color:inherit;line-height:1}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-optie[aria-pressed="true"]{color:var(--ucprijs-inkt)}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-optie:active{scale:.97}
html body.page-id-396 .elementor .ucprijs-sectie :is(.ucprijs-optie,.ucprijs-kn):focus-visible{outline:2px solid #F4C25B;outline-offset:2px}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-optie .ucprijs-korting{font-size:.75rem;font-weight:600;line-height:1.2;color:#296807;background:#DEEED9;padding:3px 7px;border-radius:999px}

/* drie kaarten met de punten eronder */
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px;row-gap:22px;width:100%;margin-top:40px}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kaart{position:relative;display:flex;flex-direction:column;min-height:300px;padding:20px;border-radius:14px;background:#EEEEF2;color:var(--ucprijs-inkt);overflow:hidden;isolation:isolate}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kaart p{color:inherit}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-naamrij{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;width:100%}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-naam{font-size:1.125rem;font-weight:600;letter-spacing:-.012em;line-height:1.3}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-populair{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1;color:#fff;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-onder{display:grid;gap:10px;margin-top:auto;padding-top:28px;width:100%}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-pr{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:6px}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-bedrag{font-size:1.875rem;font-weight:600;letter-spacing:-.035em;line-height:1.1;font-variant-numeric:tabular-nums;animation:ucprijs-in .32s var(--ucprijs-zacht) both}
html body.page-id-396 .elementor .ucprijs-sectie.is-jaar .ucprijs-bedrag--m,html body.page-id-396 .elementor .ucprijs-sectie:not(.is-jaar) .ucprijs-bedrag--j{display:none}
@keyframes ucprijs-in{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kaart .ucprijs-per{font-size:.875rem;color:var(--ucprijs-tekst)}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-pil{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;height:36px;padding:0 14px;border-radius:999px;background:rgba(26,11,31,.06);font-size:.8125rem;font-weight:500;font-variant-numeric:tabular-nums}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kaart .ucprijs-pil p{color:var(--ucprijs-tekst);white-space:nowrap}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-pil-label{font-size:.75rem;opacity:.8}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kn{display:flex;align-items:center;justify-content:center;width:100%;height:40px;padding:0 16px;border:0;border-radius:999px;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;color:#fff;background:var(--ucprijs-nacht);box-shadow:none;transition:scale .1s ease-out,background-color .2s}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kn:hover{background:#13254A;color:#fff}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kn:active{scale:.97}

/* Scale: ingezoomd en wazig blauw licht uit de video */
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kaart--licht{color:#fff;background:var(--ucprijs-nacht)}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kaart--licht::before{content:"";position:absolute;inset:-40px;z-index:-2;background:url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/upclimb-blauw-poster.jpg) 68% 58%/280% auto no-repeat;filter:blur(20px) saturate(1.15)}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kaart--licht::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,21,43,.15) 0%,rgba(7,21,43,.35) 50%,rgba(7,21,43,.78) 100%)}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-video{position:absolute!important;inset:-40px;width:calc(100% + 80px)!important;height:calc(100% + 80px)!important;max-width:none;object-fit:cover;object-position:68% 58%;z-index:-2;scale:2.2;transform-origin:68% 58%;filter:blur(20px) saturate(1.15);border-radius:0;pointer-events:none}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kaart--licht .ucprijs-per{color:rgba(255,255,255,.72)}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kaart--licht .ucprijs-pil{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kaart--licht .ucprijs-pil p{color:#fff}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kaart--licht .ucprijs-kn{background:#fff;color:var(--ucprijs-nacht)}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kaart--licht .ucprijs-kn:hover{background:#F1F3F8;color:var(--ucprijs-nacht)}

/* punten onder de kaarten, met dunne lijnen */
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kolom{display:flex;flex-direction:column}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kolom:not(:has(.ucprijs-plus)){padding-top:calc(.8125rem * 1.5 + 6px)}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-plus{margin:0 4px 6px;font-size:.8125rem;line-height:1.5;color:var(--ucprijs-tekst)}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-punt{display:flex;gap:10px;align-items:flex-start;margin:0 4px;padding:11px 0;border-bottom:1px solid rgba(26,11,31,.1);font-size:.875rem;line-height:1.4;color:var(--ucprijs-inkt)}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-punt::before{content:"";flex:none;width:12px;height:12px;margin-top:3px;background:var(--ucprijs-tekst);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.3l2.3 2.3L9.5 3.8'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.3l2.3 2.3L9.5 3.8'/%3E%3C/svg%3E") center/contain no-repeat}

/* in de editor beide prijzen zichtbaar, zodat je de jaarprijs kunt aanpassen */
body.elementor-editor-active .elementor .ucprijs-sectie .ucprijs-bedrag--j{display:block!important;opacity:.5}

/* tablet en mobiel: elke kaart met zijn eigen punten eronder */
@media (max-width:1024px){
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-raster{grid-template-columns:1fr;row-gap:0}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kaart{min-height:0}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-raster>:nth-child(1){order:1}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-raster>:nth-child(2){order:3;margin-top:36px}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-raster>:nth-child(3){order:5;margin-top:36px}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-raster>:nth-child(4){order:2}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-raster>:nth-child(5){order:4}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-raster>:nth-child(6){order:6}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kolom{margin-top:14px}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kolom:not(:has(.ucprijs-plus)){padding-top:0}
}
@media (max-width:767px){
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-optie{padding:0 14px}
}
@media (prefers-reduced-motion:reduce){
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-periode::before{transition:none}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-bedrag{animation:none}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-video{display:none}
}
@media (prefers-reduced-transparency:reduce){
  html body.page-id-396 .elementor .ucprijs-sectie :is(.ucprijs-kaart--licht .ucprijs-pil,.ucprijs-populair){-webkit-backdrop-filter:none;backdrop-filter:none;background:#1A2A47}
}
/* === Upclimb prijs (ucprijs-) · einde === */

/* === Upclimb voorstellen mobiel (ucz-) · begin === */
/* Zo werkt het, stap 2 op tablet en mobiel: voorstellen wisselen om de beurt van plek. Boven blijven ze op de rand, zodat het gezicht vrij blijft. */
@media (max-width:1180px){
  html body.page-id-396 .elementor .ucz-sectie #kaarten .vs:nth-child(1){left:-3%;right:auto;top:auto;bottom:-19%;transform-origin:0 100%}
  html body.page-id-396 .elementor .ucz-sectie #kaarten .vs:nth-child(2){right:-3%;left:auto;top:-18px;bottom:auto;transform-origin:100% 0}
  html body.page-id-396 .elementor .ucz-sectie #kaarten .vs:nth-child(3){right:-3%;left:auto;top:auto;bottom:-23%;transform-origin:100% 100%}
  html body.page-id-396 .elementor .ucz-sectie #kaarten .vs:nth-child(4){left:-3%;right:auto;top:-18px;bottom:auto;transform-origin:0 0}
}
/* geen vinkje op Lars' foto in de pillen */
html body.page-id-396 .elementor .ucz-sectie .pil-foto::after{content:none;display:none}
/* draad terug op tablet en mobiel, licht op het donkere paneel */
@media (max-width:1180px){
  html body.page-id-396 .elementor .ucz-sectie .draad{display:block;--draad:rgba(255,255,255,.34)}
}
/* === Upclimb voorstellen mobiel (ucz-) · einde === */

/* === Upclimb geen zijlijnen · begin === */
/* Geen verticale lijntjes langs de secties; de lijn bovenaan tussen secties blijft. */
html body.page-id-396 .elementor .uc-sectie > .uc-binnen{border-left-width:0!important;border-right-width:0!important}
/* ook geen lijn direct onder de hero */
html body.page-id-396 .elementor .uc-sectie[data-id="6c0fa4c1"] > .uc-binnen{border-top-width:0!important}
/* === Upclimb geen zijlijnen · einde === */

/* === Upclimb intro compact · begin === */
/* Het introblok onder de hero is een onderschrift, geen eigen sectie: minder ruimte boven en onder. */
html body.page-id-396 .elementor .uc-sectie[data-id="6c0fa4c1"]:not(.uc-voet) > .uc-binnen{padding-top:40px!important;padding-bottom:48px!important}
@media (max-width:767px){
  html body.page-id-396 .elementor .uc-sectie[data-id="6c0fa4c1"]:not(.uc-voet) > .uc-binnen{padding-top:32px!important;padding-bottom:40px!important}
}
/* === Upclimb intro compact · einde === */

/* === Upclimb herken gesprek (hg-) · begin === */
/* Sectie 04 Herken je dit als gesprek: kaart links met lichtblauwe verloopfoto en glazen ballonnen, titel rechts.
   Teksten pas je aan in de widgets; per situatie (tabblad) staat een groepje van twee ballonnen. Script: widget hgjs04. */
html body.page-id-396 .elementor .hg-sectie :is(.hg-tekst,.hg-kaart,.hg-gesprek,.hg-set,.hg-onder,.hg-vraagrij,.hg-tabs,.hg-tab,.hg-ads){padding:0;margin:0;min-width:0;gap:0}
html body.page-id-396 .elementor .hg-sectie .hg-binnen{display:grid!important;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px!important;align-items:center}
html body.page-id-396 .elementor .hg-sectie .hg-tekst{display:flex;flex-direction:column;gap:14px}
html body.page-id-396 .elementor .hg-sectie .hg-label{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.07em;line-height:1.3;text-transform:uppercase;color:#716874}
html body.page-id-396 .elementor .hg-sectie .hg-kop{margin:0;font-size:clamp(1.75rem,1.3rem + 1.4vw,2.25rem);font-weight:600;letter-spacing:-.028em;line-height:1.15;text-wrap:balance;color:#1A0B1F}
html body.page-id-396 .elementor .hg-sectie .hg-kop em{font-style:normal}
html body.page-id-396 .elementor .hg-sectie .hg-kop span{color:#857D89}
@media (min-width:1025px){html body.page-id-396 .elementor .hg-sectie .hg-kaart{order:-1}}

/* de kaart: verloopfoto als achtergrond, het licht verschuift per situatie */
html body.page-id-396 .elementor .hg-sectie .hg-kaart{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-height:440px;padding:28px 24px 18px;border-radius:14px;
  background:#0B1730 url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/herken-lichtblauw.webp) 0% 0%/150% auto no-repeat;transition:background-position 1.4s cubic-bezier(.22,1,.36,1)}
html body.page-id-396 .elementor .hg-sectie .hg-kaart[data-kleur="1"]{background-position:50% 30%}
html body.page-id-396 .elementor .hg-sectie .hg-kaart[data-kleur="2"]{background-position:100% 60%}
html body.page-id-396 .elementor .hg-sectie .hg-gesprek{display:block;perspective:1100px}
html body.page-id-396 .elementor .hg-sectie .hg-set{display:flex;flex-direction:column;gap:30px}
/* zonder script alleen de eerste situatie; met script de gekozen situatie; in de editor alle drie onder elkaar */
html body.page-id-396 .elementor .hg-sectie .hg-gesprek:not(.hg-klaar) .hg-set:not(:first-child),
html body.page-id-396 .elementor .hg-sectie .hg-gesprek.hg-klaar .hg-set:not(.is-aan){display:none}
body.elementor-editor-active.page-id-396 .elementor .hg-sectie .hg-set{display:flex!important;margin-bottom:20px}

/* licht glas met donkere tekst: leesbaar op het lichte en het donkere deel van de foto */
html body.page-id-396 .elementor .hg-sectie .hg-bel{position:relative;max-width:82%;margin:0;border-radius:18px;padding:14px 18px;font-size:.9375rem;line-height:1.5;color:rgba(26,11,31,.72);text-wrap:pretty;
  align-self:flex-end;background:linear-gradient(160deg,rgba(255,255,255,.86),rgba(255,255,255,.66));
  -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px rgba(255,255,255,.35),0 18px 36px -24px rgba(4,10,26,.6)}
html body.page-id-396 .elementor .hg-sectie .hg-bel strong{font-weight:600;color:#1A0B1F}
html body.page-id-396 .elementor .hg-sectie .hg-bel--a{transform:rotateY(-3deg) rotate(-1deg);transform-origin:right center}
html body.page-id-396 .elementor .hg-sectie .hg-bel--b{transform:rotateY(-3deg) rotate(1.1deg);transform-origin:right center}

/* onderin: één glazen blok met de vraag en de drie antwoorden */
html body.page-id-396 .elementor .hg-sectie .hg-onder{align-self:center;width:fit-content;max-width:100%;display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:24px;background:rgba(7,21,43,.42);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.1),0 18px 36px -26px rgba(4,10,26,.6)}
html body.page-id-396 .elementor .hg-sectie .hg-vraagrij{display:flex;flex-direction:row;align-items:center;gap:12px;padding:2px 4px 0 6px}
html body.page-id-396 .elementor .hg-sectie .hg-vraag{margin:0;font-size:.875rem;font-weight:600;letter-spacing:-.005em;line-height:1.3;color:#fff}
html body.page-id-396 .elementor .hg-sectie .hg-tabs{display:flex;flex-direction:row;gap:2px;padding:4px;border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
html body.page-id-396 .elementor .hg-sectie .hg-tab{flex:1 1 auto;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;padding:10px 16px;border-radius:999px;color:rgba(255,255,255,.82);transition:color .25s,background-color .25s,box-shadow .25s,scale .1s ease-out}
html body.page-id-396 .elementor .hg-sectie .hg-tab p{margin:0;font-size:.875rem;font-weight:500;line-height:1;white-space:nowrap;color:inherit}
html body.page-id-396 .elementor .hg-sectie .hg-tab:hover{color:#fff}
html body.page-id-396 .elementor .hg-sectie .hg-tab:active{scale:.97}
html body.page-id-396 .elementor .hg-sectie .hg-tab[aria-selected="true"],
html body.page-id-396 .elementor .hg-sectie .hg-gesprek:not(.hg-klaar) ~ .hg-onder .hg-tab:first-child{color:#1A0B1F;background:#fff;box-shadow:0 1px 2px rgba(26,11,31,.12),0 2px 8px -2px rgba(26,11,31,.2)}
html body.page-id-396 .elementor .hg-sectie .hg-tab:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* klein Google Ads-logo in een witte cirkel met een glazen ring; bij elke wissel zwelt de ring op en loopt er een golf naar buiten */
html body.page-id-396 .elementor .hg-sectie .hg-ads{position:relative;flex:none;width:30px;height:30px;min-height:0;border-radius:50%;box-shadow:0 6px 16px -8px rgba(4,10,26,.45);
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M31 71 52 33' stroke='%23FBBC04' stroke-width='21' stroke-linecap='round'/%3E%3Cpath d='M52 31 73 69' stroke='%234285F4' stroke-width='21' stroke-linecap='round'/%3E%3Ccircle cx='31' cy='71' r='11.5' fill='%2334A853'/%3E%3C/svg%3E") center/17px 17px no-repeat}
html body.page-id-396 .elementor .hg-sectie .hg-ads::before{content:"";position:absolute;inset:-4px;z-index:-1;border-radius:50%;background:rgba(255,255,255,.22);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 0 0 1px rgba(255,255,255,.35)}
html body.page-id-396 .elementor .hg-sectie .hg-ads::after{content:"";position:absolute;inset:-4px;z-index:-1;border-radius:50%;pointer-events:none;opacity:0;box-shadow:0 0 0 1px rgba(255,255,255,.7),0 0 18px 3px rgba(255,255,255,.45)}
html body.page-id-396 .elementor .hg-sectie .hg-ads.puls{animation:hg-gloei 1.1s cubic-bezier(.22,1,.36,1)}
html body.page-id-396 .elementor .hg-sectie .hg-ads.puls::before{animation:hg-ring .9s cubic-bezier(.22,1,.36,1)}
html body.page-id-396 .elementor .hg-sectie .hg-ads.puls::after{animation:hg-golf 1.1s cubic-bezier(.22,1,.36,1)}
@keyframes hg-ring{0%{transform:scale(1)}35%{transform:scale(1.28);background:rgba(255,255,255,.4)}100%{transform:scale(1)}}
@keyframes hg-golf{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.9)}}
@keyframes hg-gloei{0%,100%{box-shadow:0 6px 16px -8px rgba(4,10,26,.45)}30%{box-shadow:0 6px 16px -8px rgba(4,10,26,.45),0 0 22px 6px rgba(255,255,255,.6)}}
html body.page-id-396 .elementor .hg-sectie .elementor-element-hgjs04{display:none}

@media (prefers-reduced-transparency:reduce){
  html body.page-id-396 .elementor .hg-sectie .hg-bel{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
  html body.page-id-396 .elementor .hg-sectie .hg-onder{background:#0E2148;-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (max-width:1024px){
  html body.page-id-396 .elementor .hg-sectie .hg-binnen{grid-template-columns:1fr;gap:36px!important}
}
@media (max-width:767px){
  html body.page-id-396 .elementor .hg-sectie .hg-kaart{min-height:0;gap:24px;padding:20px 14px 12px;background-size:auto 130%}
  html body.page-id-396 .elementor .hg-sectie .hg-bel{max-width:90%;padding:12px 15px}
  html body.page-id-396 .elementor .hg-sectie .hg-set{gap:22px}
  html body.page-id-396 .elementor .hg-sectie .hg-onder{align-self:stretch;width:auto;padding:8px}
  html body.page-id-396 .elementor .hg-sectie .hg-tab{padding:10px 8px}
  html body.page-id-396 .elementor .hg-sectie .hg-tab p{font-size:.8125rem}
}
@media (prefers-reduced-motion:reduce){
  html body.page-id-396 .elementor .hg-sectie :is(.hg-kaart,.hg-tab){transition:none}
  html body.page-id-396 .elementor .hg-sectie .hg-ads.puls,html body.page-id-396 .elementor .hg-sectie .hg-ads.puls::before,html body.page-id-396 .elementor .hg-sectie .hg-ads.puls::after{animation:none}
}
/* Elementor geeft ::before en ::after van zijn blokken een vaste maat; de ring moet rondom 4px groter zijn dan de cirkel */
html body.page-id-396 .elementor .hg-sectie .hg-ads::before,html body.page-id-396 .elementor .hg-sectie .hg-ads::after{inset:-4px;width:auto;height:auto;margin:0}
/* groot Google Ads-logo achter de kop als matglas, de Google-kleuren schemeren erdoorheen (variant E) */
html body.page-id-396 .elementor .hg-sectie .hg-tekst{position:relative}
html body.page-id-396 .elementor .hg-sectie .hg-tekst > :not(.hg-merk){position:relative;z-index:1}
html body.page-id-396 .elementor .hg-sectie .hg-merk{position:absolute;z-index:0;pointer-events:none;left:50%;top:50%;width:440px;min-height:0;aspect-ratio:1001/915;translate:-38% -50%;padding:0;margin:0}
html body.page-id-396 .elementor .hg-sectie .hg-merk::before,html body.page-id-396 .elementor .hg-sectie .hg-merk::after{content:"";position:absolute;inset:0;width:auto;height:auto;display:block}
html body.page-id-396 .elementor .hg-sectie .hg-merk::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M31 71 52 33' stroke='%23FBBC04' stroke-width='21' stroke-linecap='round'/%3E%3Cpath d='M52 31 73 69' stroke='%234285F4' stroke-width='21' stroke-linecap='round'/%3E%3Ccircle cx='31' cy='71' r='11.5' fill='%2334A853'/%3E%3C/svg%3E") center/contain no-repeat;filter:blur(18px);opacity:.55;scale:.92}
html body.page-id-396 .elementor .hg-sectie .hg-merk::after{background:linear-gradient(150deg,rgba(255,255,255,.85),rgba(255,255,255,.45));-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);-webkit-mask:url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/google-ads-logo-wit.png) center/100% 100% no-repeat;mask:url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/google-ads-logo-wit.png) center/100% 100% no-repeat;filter:drop-shadow(0 20px 34px rgba(26,11,31,.10))}
@media (max-width:1024px){ html body.page-id-396 .elementor .hg-sectie .hg-merk{width:300px;left:auto;right:-60px;translate:0 -50%} }
@media (prefers-reduced-transparency:reduce){ html body.page-id-396 .elementor .hg-sectie .hg-merk::after{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.9)} }
/* === Upclimb herken gesprek (hg-) · einde === */

/* === Upclimb hero krimp · begin === */
/* Hero krimpt bij scrollen van volle breedte naar de breedte van de secties (zoals Superwhisper).
   Het script zet --hk-x (zijmarge), --hk-t (bovenmarge), --hk-r (hoekradius) en --hk-s (verschuiving slogan). */
html body.page-id-396 .uc-hero{
  clip-path:inset(var(--hk-t,0px) var(--hk-x,0px) 0px var(--hk-x,0px) round var(--hk-r,0px) var(--hk-r,0px) 36px 36px);
  will-change:clip-path;
}
html body.page-id-396 .uc-hero .uc-slogan{translate:var(--hk-s,0px) 0}
/* === Upclimb hero krimp · einde === */

/* === Upclimb prijs swipe mobiel (ucprijs-) · begin === */
/* Prijs op mobiel: kaarten naast elkaar om te swipen, punten onder hun eigen kaart, hogere kaarten. */
@media (max-width:767px){
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-koprij{order:0}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-swipe{order:1}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-raster{order:2;display:grid;grid-template-columns:none;grid-template-rows:auto auto;grid-auto-flow:column;grid-auto-columns:84%;column-gap:12px;row-gap:0;
    width:calc(100% + 40px);margin:4px -20px 0;padding:0 20px 4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-raster::-webkit-scrollbar{display:none}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-raster>*{order:0!important;margin-top:0!important}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-raster>:nth-child(-n+3){grid-row:1;scroll-snap-align:start}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-raster>:nth-child(n+4){grid-row:2;margin-top:14px!important}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-raster>:is(:nth-child(1),:nth-child(4)){grid-column:1}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-raster>:is(:nth-child(2),:nth-child(5)){grid-column:2}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-raster>:is(:nth-child(3),:nth-child(6)){grid-column:3}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kaart{min-height:380px;padding:24px;border-radius:18px}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kolom{padding-top:0}
}
/* hint boven de kaarten: drie stipjes en een klein swipe-icoon */
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-swipe{display:none}
@media (max-width:767px){
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-swipe{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:28px;font-size:.8125rem;font-weight:500;color:#716874}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-stippen{display:flex;gap:2px}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-stippen button{appearance:none;border:0;background:none;padding:8px 4px;cursor:pointer;display:grid;place-items:center}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-stippen button::before{content:"";width:6px;height:6px;border-radius:6px;background:rgba(26,11,31,.2);transition:width .3s cubic-bezier(.22,1,.36,1),background-color .3s}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-stippen button[aria-current="true"]::before{width:18px;background:#1A0B1F}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-hand{display:inline-flex;align-items:center;gap:6px}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-hand svg{width:18px;height:18px;animation:ucprijs-duw 2.4s cubic-bezier(.45,0,.2,1) infinite}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-swipe.is-gedaan .ucprijs-hand svg{animation:none}
}
@keyframes ucprijs-duw{0%,55%,100%{translate:0 0}20%{translate:-5px 0}35%{translate:2px 0}}
@media (prefers-reduced-motion:reduce){html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-hand svg{animation:none}}
/* === Upclimb prijs swipe mobiel (ucprijs-) · einde === */

/* === Upclimb header groter (uch-) · begin === */
/* Menubalk iets hoger met een groter logo; het glas loopt verder door, zodat logo, links en knop midden in het heldere deel staan en niet op de rand van de vervaging */
html body.page-id-396 .elementor .uc-menubalk.uch-glas{height:96px}
html body.page-id-396 .elementor .uc-menubalk.uch-glas::before{inset:0 0 -40px 0;width:auto;height:auto;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 80%,transparent 100%)}
html body.page-id-396 .elementor .uc-menubalk.uch-glas .uc-merklogo{--uc-logo-width:104px !important}
@media (max-width:767px){
  html body.page-id-396 .elementor .uc-menubalk.uch-glas{height:76px}
  html body.page-id-396 .elementor .uc-menubalk.uch-glas::before{inset:0 0 -30px 0}
  html body.page-id-396 .elementor .uc-menubalk.uch-glas .uc-merklogo{--uc-logo-width:86px !important}
}
/* === Upclimb header groter (uch-) · einde === */

/* === Upclimb zo werkt het lichtblauw glas (ucz-) · begin === */
/* Zo werkt het: licht en ijzig zoals de Herken-kaart. Lichtblauwe verloopfoto als achtergrond van het paneel,
   de AI-kaart en de drie stapteksten als donker glas, zodat witte tekst overal leesbaar blijft. */
html body.page-id-396 .elementor .ucz-sectie .ucz-duo{
  background:
    linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(7,21,43,.10) 100%),
    #8FA3C9 url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/herken-lichtblauw.webp) 30% 0%/cover no-repeat !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 0 1px rgba(255,255,255,.18),0 40px 80px -44px rgba(7,21,43,.45) !important}

/* donker glas, dezelfde opbouw als het vraagblok in Herken je dit */
html body.page-id-396 .elementor .ucz-sectie :is(.ucz-ai-vorm,.ucz-stap-tekst){
  background:rgba(7,21,43,.42) !important;
  -webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.1),0 18px 36px -26px rgba(4,10,26,.6) !important}
html body.page-id-396 .elementor .ucz-sectie .ucz-stap-tekst{border-top:0 !important;border-radius:18px;padding:16px 18px 18px !important}

@media (max-width:1180px){
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo{
    background:
      linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(7,21,43,.12) 100%),
      #8FA3C9 url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/herken-lichtblauw.webp) 30% 50%/cover no-repeat !important}
}
@media (prefers-reduced-transparency:reduce){
  html body.page-id-396 .elementor .ucz-sectie :is(.ucz-ai-vorm,.ucz-stap-tekst){background:#0E2148 !important;-webkit-backdrop-filter:none;backdrop-filter:none}
}
/* kaart met Lars: een glanslaag over de video, zoals glas (geen rand eromheen) */
html body.page-id-396 .elementor .ucz-sectie .ucz-lv-vorm{box-shadow:0 18px 36px -26px rgba(4,10,26,.6) !important}
html body.page-id-396 .elementor .ucz-sectie .ucz-lv-vorm::after{content:"";position:absolute;inset:0;width:auto;height:auto;z-index:3;border-radius:inherit;pointer-events:none;background:linear-gradient(155deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.06) 28%,rgba(255,255,255,0) 48%),linear-gradient(0deg,rgba(7,21,43,.22) 0%,rgba(7,21,43,0) 35%);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 0 0 1px rgba(255,255,255,.14)}
/* ingedrukte knop in een voorstel: witte pil met donkere tekst, zelfde stijl als het gekozen tabblad in Herken je dit */
html body.page-id-396 .elementor .ucz-sectie .vs.druk .knop.kies:is(.ja,.nee){background:#fff !important;color:#1A0B1F !important;box-shadow:0 1px 2px rgba(26,11,31,.12),0 2px 8px -2px rgba(26,11,31,.2) !important}
html body.page-id-396 .elementor .ucz-sectie .vs.druk .knop.kies:is(.ja,.nee) svg{color:#1A0B1F}
/* label na de keuze (Goedgekeurd / Afgekeurd): ook een witte pil met donkere tekst, het rondje met vinkje of kruisje donker */
html body.page-id-396 .elementor .ucz-sectie .vs .uitslag .chip:is(.ja,.nee){background:#fff !important;color:#1A0B1F !important;box-shadow:0 1px 2px rgba(26,11,31,.12),0 2px 8px -2px rgba(26,11,31,.2) !important}
html body.page-id-396 .elementor .ucz-sectie .vs .uitslag .chip:is(.ja,.nee) b{background:#1A0B1F !important;color:#fff !important}
/* === Upclimb zo werkt het lichtblauw glas (ucz-) · einde === */

/* === Upclimb bovenste band · begin === */
/* Bovenste band iets donkerder, zoals ruul.io: achter de hero en het introblok, daarna weer de gewone creme.
   Kleur gelijk aan de lichte prijskaarten (#EEEEF2). */
html body.page-id-396 .elementor .elementor-element-uc0hdr1,
html body.page-id-396 .elementor .uc-sectie[data-id="6c0fa4c1"]{background:#EEEEF2 !important}
/* === Upclimb bovenste band · einde === */

/* === Upclimb beloftes glas mobiel (ucv-) · begin === */
/* Daarom begon ik, mobiel: achter de drie beloftes ligt geen foto, dus een zachte blauwe gloed waar het glas iets mee kan; de beloftes worden losse glazen kaartjes */
@media (max-width:767px){
  html body.page-id-396 .elementor .ucv-tegel{background:radial-gradient(90% 38% at 18% 82%,rgba(116,157,247,.34) 0%,rgba(116,157,247,0) 70%),radial-gradient(70% 30% at 92% 62%,rgba(143,176,250,.24) 0%,rgba(143,176,250,0) 70%),radial-gradient(60% 25% at 50% 100%,rgba(244,194,91,.10) 0%,rgba(244,194,91,0) 70%),#07152B !important}
  html body.page-id-396 .elementor .ucv-beloftes{display:flex;flex-direction:column;gap:10px}
  html body.page-id-396 .elementor .ucv-belofte.ucv-glas{border-radius:16px !important;border-top:0 !important;background:rgba(255,255,255,.07) !important;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(255,255,255,.12),0 18px 36px -26px rgba(4,10,26,.7) !important}
}
/* === Upclimb beloftes glas mobiel (ucv-) · einde === */

/* === Upclimb breedte inhoud · begin === */
/* Bredere inhoud op desktop. Tot 1728 breed: secties 1296, inhoud 1200 (zoals cal.com). Daarboven groeit de sectie mee tot 75% van het scherm, met een plafond van 1680 (inhoud 1584). Menubalk en krimpende hero lezen dezelfde maat (--uc-breed). */
:root{--uc-breed:clamp(1296px,75vw,1680px)}
@media (min-width:1025px){
  html body.page-id-396 .elementor .uc-sectie > .uc-binnen{max-width:var(--uc-breed) !important}
  html body.page-id-396 .elementor .uc-menubalk.uch-glas{padding:0 calc(max(0px,(100vw - var(--uc-breed)) / 2) + 48px) !important}
}
/* === Upclimb breedte inhoud · einde === */

/* === Upclimb uitlijning en ruimte · begin === */
/* Logo in de menubalk op tablet op dezelfde rand als de tekst eronder (36px) */
@media (min-width:768px) and (max-width:1024px){
  html body.page-id-396 .elementor .uc-menubalk.uch-glas{padding-left:36px !important;padding-right:36px !important}
}
/* Cijferstrook "Ervaring die meegaat naar jouw account": minder lucht boven en onder */
html body.page-id-396 .elementor .uc-sectie > .uc-binnen.ucu-binnen{padding-top:44px !important;padding-bottom:48px !important}
@media (max-width:767px){
  html body.page-id-396 .elementor .uc-sectie > .uc-binnen.ucu-binnen{padding-top:32px !important;padding-bottom:36px !important}
}
/* Zo werkt het op tablet en mobiel: staptekst direct onder zijn eigen kaart, zoals op desktop.
   De onderste voorstellen bij Lars schuiven de kaart in (over de tablet, het gezicht blijft vrij), zodat er geen gat onder de kaart hoeft. */
@media (max-width:1180px){
  html body.page-id-396 .elementor .ucz-sectie .ucz-stap{gap:12px}
  html body.page-id-396 .elementor .ucz-sectie .ucz-stap-tekst{order:0}
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo .ucz-lv{margin-bottom:0}
  html body.page-id-396 .elementor .ucz-sectie #kaarten .vs:nth-child(1){bottom:5%}
  html body.page-id-396 .elementor .ucz-sectie #kaarten .vs:nth-child(3){bottom:9%}
}
/* === Upclimb uitlijning en ruimte · einde === */

/* === Upclimb fototegel en video · begin === */
/* Daarom begon ik: de fototegel groeit op brede schermen ook in hoogte mee, in dezelfde verhouding als bij 1200 breed (1200 x 680).
   Zo blijft de uitsnede van de foto gelijk en valt het hoofd er niet uit. Tot 1728 breed verandert er niets. */
@media (min-width:901px){
  html body.page-id-396 .elementor .ucv-tegel{min-height:max(680px,calc((var(--uc-breed) - 96px) * .5667)) !important}
}
/* Zo werkt het, kaart van Lars: de glans blijft een lichte rand linksboven en komt niet meer over het gezicht */
html body.page-id-396 .elementor .ucz-sectie .ucz-lv-vorm::after{background:linear-gradient(155deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 26%),linear-gradient(0deg,rgba(7,21,43,.18) 0%,rgba(7,21,43,0) 30%) !important}
/* === Upclimb fototegel en video · einde === */

/* === Upclimb stappen even hoog · begin === */
/* Zo werkt het op desktop: de drie stapkaarten even hoog, de langste tekst bepaalt de maat */
@media (min-width:1181px){
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo{align-items:stretch}
  html body.page-id-396 .elementor .ucz-sectie .ucz-stap{align-self:stretch}
  html body.page-id-396 .elementor .ucz-sectie .ucz-stap-tekst{flex:1 1 auto}
}
/* === Upclimb stappen even hoog · einde === */

/* === Upclimb afsluiting en footer (ucf-) · begin === */
/* Lichtblauwe CTA-band met tweekleurige kop en donkere pilknop, daaronder een lichte footer. Teksten en links pas je aan in de widgets. */
html body.page-id-396 .elementor :is(.ucf-cta,.ucf-voet,.ucf-merk,.ucf-kolommen,.ucf-kolom,.ucf-socials,.ucf-social,.ucf-onder,.ucf-logo){padding:0;margin:0;min-height:0}
/* Afsluiting: lichtblauwe CTA-band met een tweekleurige kop en de donkere pilknop, daaronder een lichte footer */
html body.page-id-396 .elementor .ucf-cta{position:relative;isolation:isolate;overflow:hidden;
  background:
    radial-gradient(38% 62% at 14% 62%,rgba(146,176,222,.62),rgba(146,176,222,0) 72%),
    radial-gradient(34% 58% at 88% 46%,rgba(132,166,218,.66),rgba(132,166,218,0) 72%),
    radial-gradient(46% 44% at 52% 86%,rgba(170,192,230,.5),rgba(170,192,230,0) 72%),
    radial-gradient(52% 50% at 46% 14%,rgba(255,255,255,.9),rgba(255,255,255,0) 70%),
    linear-gradient(180deg,#EDF0F6 0%,#E2E8F2 100%)}
/* fijne korrel, zoals mat glas */
html body.page-id-396 .elementor .ucf-cta::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;mix-blend-mode:soft-light;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23k)'/%3E%3C/svg%3E")}
html body.page-id-396 .elementor .ucf-cta-binnen{max-width:var(--uc-breed,1296px);margin:0 auto;padding:152px 48px 160px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
html body.page-id-396 .elementor .ucf-cta-kop{margin:0;font-family:var(--uc-sans),Inter,system-ui,sans-serif;font-size:clamp(2.25rem,1.35rem + 2.7vw,3.75rem);font-weight:600;line-height:1.06;letter-spacing:-.036em;color:#1A0B1F;text-wrap:balance}
html body.page-id-396 .elementor .ucf-cta-kop span{display:block;color:#6F7389}
html body.page-id-396 .elementor .ucf-cta-tekst{margin:0;max-width:34ch;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.5;color:#474A5C;text-wrap:pretty}
/* de knop: bijna zwart, wit rondje met de pijl erin */
html body.page-id-396 .elementor .ucf-knop{margin-top:14px;display:inline-flex;align-items:center;gap:12px;padding:6px 24px 6px 6px;border-radius:999px;background:#1A0B1F;color:#fff;font-size:1rem;font-weight:500;letter-spacing:-.005em;line-height:1;text-decoration:none;
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 14px 30px -14px rgba(26,11,31,.55);transition:background-color .2s,box-shadow .2s,scale .1s ease-out}
html body.page-id-396 .elementor .ucf-knop::before{content:"";flex:none;width:36px;height:36px;border-radius:50%;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A0B1F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat;
  transition:background-position .3s cubic-bezier(.22,1,.36,1)}
html body.page-id-396 .elementor .ucf-knop:hover{background:#2A1A30;box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 18px 34px -14px rgba(26,11,31,.6)}
html body.page-id-396 .elementor .ucf-knop:hover::before{background-position:calc(50% + 3px) center}
html body.page-id-396 .elementor .ucf-knop:active{scale:.97}
html body.page-id-396 .elementor .ucf-knop:focus-visible{outline:2px solid #1A0B1F;outline-offset:3px}

/* footer */
html body.page-id-396 .elementor .ucf-voet{background:#F8F7F4;color:#1A0B1F}
html body.page-id-396 .elementor .ucf-voet-binnen{max-width:var(--uc-breed,1296px);margin:0 auto;padding:72px 48px 32px;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:64px;row-gap:64px}
html body.page-id-396 .elementor .ucf-merk{display:flex;flex-direction:column;gap:22px}
html body.page-id-396 .elementor .ucf-logo{display:block;width:112px;aspect-ratio:1274/386;background:#1A0B1F;-webkit-mask:url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/upclimb-logo.png) left center/contain no-repeat;mask:url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/upclimb-logo.png) left center/contain no-repeat}
html body.page-id-396 .elementor .ucf-slogan{margin:0;font-size:1.5rem;font-weight:600;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
html body.page-id-396 .elementor .ucf-slogan span{display:block;color:#857D89}
html body.page-id-396 .elementor .ucf-kolommen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
html body.page-id-396 .elementor .ucf-kolom{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
html body.page-id-396 .elementor .ucf-label{margin:0 0 4px;font-size:.8125rem;font-weight:500;color:#857D89}
html body.page-id-396 .elementor .ucf-link,html body.page-id-396 .elementor .ucf-tekst{margin:0;font-size:.9375rem;line-height:1.35;color:#1A0B1F;text-decoration:none}
html body.page-id-396 .elementor .ucf-tekst{color:#4A4150}
html body.page-id-396 .elementor .ucf-link{position:relative;transition:color .2s}
html body.page-id-396 .elementor .ucf-link:hover{color:#716874}
html body.page-id-396 .elementor .ucf-link--uit::after{content:"↗";margin-left:5px;font-size:.8em;color:#857D89}
html body.page-id-396 .elementor .ucf-socials{display:flex;gap:10px;margin-top:4px}
html body.page-id-396 .elementor .ucf-social{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#1A0B1F;background:#fff;box-shadow:0 0 0 1px rgba(26,11,31,.08);transition:background-color .2s,scale .1s ease-out}
html body.page-id-396 .elementor .ucf-social:hover{background:#EFEDF0}
html body.page-id-396 .elementor .ucf-social:active{scale:.94}
html body.page-id-396 .elementor .ucf-onder{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:22px;border-top:1px solid #E8E4EA}
html body.page-id-396 .elementor .ucf-onder .ucf-onder-tekst{margin:0;font-size:.8125rem;color:#857D89}

@media (max-width:1024px){
  html body.page-id-396 .elementor .ucf-cta-binnen{padding:112px 36px 120px}
  html body.page-id-396 .elementor .ucf-voet-binnen{grid-template-columns:1fr;padding:56px 36px 28px;row-gap:48px}
}
@media (max-width:767px){
  html body.page-id-396 .elementor .ucf-cta-binnen{padding:88px 20px 96px;gap:18px}
  html body.page-id-396 .elementor .ucf-voet-binnen{padding:48px 20px 24px;row-gap:40px}
  html body.page-id-396 .elementor .ucf-slogan{font-size:1.3125rem}
  html body.page-id-396 .elementor .ucf-kolommen{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px;column-gap:20px}
  html body.page-id-396 .elementor .ucf-onder{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  html body.page-id-396 .elementor .ucf-knop,html body.page-id-396 .elementor .ucf-knop::before,html body.page-id-396 .elementor .ucf-social{transition:none}
}

/* Elementor geeft ::before/::after van zijn blokken een vaste maat */
html body.page-id-396 .elementor .ucf-cta::after{width:auto;height:auto}
html body.page-id-396 .elementor .ucf-cta,html body.page-id-396 .elementor .ucf-voet{display:block;width:100%}
html body.page-id-396 .elementor :is(.ucf-cta-kop,.ucf-cta-tekst,.ucf-slogan,.ucf-label,.ucf-tekst,.ucf-onder-tekst){margin:0}
/* socials: alleen het icoon zichtbaar, de naam blijft voor schermlezers */
html body.page-id-396 .elementor .ucf-social{flex-direction:row;gap:0}
html body.page-id-396 .elementor .ucf-social > div{width:17px;height:17px;color:#1A0B1F}
html body.page-id-396 .elementor .ucf-social svg{width:17px;height:17px;fill:none !important;stroke:currentColor;stroke-width:1.8}
html body.page-id-396 .elementor .ucf-social p{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html body.page-id-396 .elementor .ucf-onder-tekst{font-size:.8125rem;color:#857D89}
/* footerlinks zijn Elementor-knoppen: hun standaard knopstijl uitzetten */
html body.page-id-396 .elementor .ucf-link{display:inline-block;width:auto;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;text-align:left;font-family:inherit;font-weight:400;white-space:normal}
html body.page-id-396 .elementor .ucf-link:hover{background:none;color:#716874}
/* het LinkedIn-icoon is een gevuld logo, de rest lijnen */
html body.page-id-396 .elementor .ucf-social:first-child svg{fill:currentColor !important;stroke:none}
/* footerlogo: het html-blok mag niet uitrekken in de kolom */
html body.page-id-396 .elementor .ucf-merk .elementor-element-ucflogo2{width:auto;align-self:flex-start}
/* sociale rondjes blijven rond, ook als de kolom smal is */
html body.page-id-396 .elementor .ucf-socials{flex-wrap:wrap}
html body.page-id-396 .elementor .ucf-social{flex:none;width:36px;height:36px}
/* === Upclimb afsluiting en footer (ucf-) · einde === */

/* === Upclimb prijstitel tweekleurig · begin === */
/* Prijs: 'gewoon hier.' grijs, op dezelfde regel als de rest van de titel */
html body.page-id-396 .elementor .ucprijs-sectie .uc-kop span{display:inline;color:#857D89}
/* === Upclimb prijstitel tweekleurig · einde === */

/* === Upclimb prijs periode strak · begin === */
/* Maand/jaar-schakelaar: Elementor geeft ::before van zijn blokken een vaste hoogte; de witte schuif moet rondom 4px binnen de balk blijven */
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-periode::before{height:auto;top:4px;bottom:4px}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-optie{min-height:40px}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-optie .ucprijs-korting{padding:3px 7px;margin-right:-6px}
/* === Upclimb prijs periode strak · einde === */

/* === Upclimb prijs compact · begin === */
/* Prijs: compacter. Minder lucht boven en onder de sectie, en de kaarten dichter onder de schakelaar */
@media (min-width:768px){
  html body.page-id-396 .elementor .uc-sectie.ucprijs-sectie:not(.uc-voet) > .uc-binnen{padding-top:64px !important;padding-bottom:64px !important;gap:36px !important}
}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-raster{margin-top:0 !important}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-sub{margin-top:10px}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-periode{margin-top:20px}
/* prijs compact mobiel: minder lucht rond het swipe-hintje */
@media (max-width:767px){
  html body.page-id-396 .elementor .uc-sectie.ucprijs-sectie:not(.uc-voet) > .uc-binnen{gap:20px !important}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-swipe{margin-top:0 !important}
}
/* === Upclimb prijs compact · einde === */

/* === Upclimb footer donker (ucf-) · begin === */
/* Footer donker: Lars' blauwe verloop als achtergrond, het donkere deel overheerst; tekst, logo en iconen licht */
html body.page-id-396 .elementor .ucf-voet{position:relative;isolation:isolate;overflow:hidden;color:#fff;
  background:linear-gradient(180deg,rgba(9,15,38,.30) 0%,rgba(9,15,38,.62) 100%),#101A3D url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/footer-blauw.webp) 78% 62%/cover no-repeat}
html body.page-id-396 .elementor .ucf-voet .uc-merklogo{--uc-logo-color:#FFFFFF !important}
html body.page-id-396 .elementor .ucf-voet .ucf-slogan{color:#fff}
html body.page-id-396 .elementor .ucf-voet .ucf-slogan span{color:rgba(214,222,245,.62)}
html body.page-id-396 .elementor .ucf-voet .ucf-label{color:rgba(214,222,245,.56)}
html body.page-id-396 .elementor .ucf-voet .ucf-link{color:rgba(255,255,255,.92)}
html body.page-id-396 .elementor .ucf-voet .ucf-link:hover{color:#fff;opacity:.72}
html body.page-id-396 .elementor .ucf-voet .ucf-link--uit::after{color:rgba(214,222,245,.5)}
html body.page-id-396 .elementor .ucf-voet .ucf-tekst{color:rgba(255,255,255,.74)}
html body.page-id-396 .elementor .ucf-voet .ucf-social{background:rgba(255,255,255,.08);color:#fff;
  -webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px rgba(255,255,255,.12)}
html body.page-id-396 .elementor .ucf-voet .ucf-social > div{color:#fff}
html body.page-id-396 .elementor .ucf-voet .ucf-social:hover{background:rgba(255,255,255,.16)}
html body.page-id-396 .elementor .ucf-voet .ucf-onder{border-top-color:rgba(255,255,255,.14)}
html body.page-id-396 .elementor .ucf-voet .ucf-onder-tekst{color:rgba(214,222,245,.56)}
@media (max-width:767px){
  html body.page-id-396 .elementor .ucf-voet{background-position:70% 40%}
}
@media (prefers-reduced-transparency:reduce){
  html body.page-id-396 .elementor .ucf-voet .ucf-social{background:#24305A;-webkit-backdrop-filter:none;backdrop-filter:none}
}
/* vier iconen op één rij */
html body.page-id-396 .elementor .ucf-voet .ucf-socials{gap:8px;flex-wrap:nowrap}
html body.page-id-396 .elementor .ucf-voet .ucf-social{width:34px;height:34px}
html body.page-id-396 .elementor .ucf-voet .ucf-social svg,html body.page-id-396 .elementor .ucf-voet .ucf-social > div{width:16px;height:16px}
/* beweging: de blauwe veeg drijft heel langzaam heen en weer (52 s per ronde), de donkere laag erover staat stil */
html body.page-id-396 .elementor .ucf-voet{background:#101A3D}
html body.page-id-396 .elementor .ucf-voet::before,html body.page-id-396 .elementor .ucf-voet::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:auto;height:auto}
html body.page-id-396 .elementor .ucf-voet::before{inset:-10%;background:url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/footer-blauw.webp) 78% 62%/cover no-repeat;will-change:transform;
  animation:ucf-drijf 26s cubic-bezier(.45,0,.55,1) infinite alternate}
html body.page-id-396 .elementor .ucf-voet::after{inset:0;background:linear-gradient(180deg,rgba(9,15,38,.30) 0%,rgba(9,15,38,.62) 100%)}
@keyframes ucf-drijf{0%{transform:translate3d(-4%,1%,0) scale(1.02)}100%{transform:translate3d(4%,-3%,0) scale(1.1)}}
@media (max-width:767px){
  html body.page-id-396 .elementor .ucf-voet::before{background-position:70% 40%}
}
@media (prefers-reduced-motion:reduce){
  html body.page-id-396 .elementor .ucf-voet::before{animation:none;transform:none}
}
/* === Upclimb footer donker (ucf-) · einde === */

/* === Upclimb introregel G · begin === */
/* Introregel onder de video (ontwerp G): tekst links, rechts achter een haarlijn de zin en de donkere knop */
html body.page-id-396 .elementor .uc-sectie[data-id="6c0fa4c1"] > .uc-binnen{padding:34px 48px 38px !important}
html body.page-id-396 .elementor .uc-sectie[data-id="6c0fa4c1"] .uc-split-intro{grid-template-columns:minmax(0,1fr) auto !important;align-items:center !important;gap:48px !important}
html body.page-id-396 .elementor .uc-sectie[data-id="6c0fa4c1"] .uc-lead{font-size:20px !important;line-height:1.45 !important;letter-spacing:-.012em !important;max-width:56ch;text-wrap:pretty}
html body.page-id-396 .elementor .uc-sectie[data-id="6c0fa4c1"] .uc-stapel{flex-direction:column-reverse !important;align-items:flex-start !important;gap:12px !important;padding:4px 0 4px 40px;border-left:1px solid rgba(26,11,31,.12)}
html body.page-id-396 .elementor .uc-sectie[data-id="6c0fa4c1"] .uc-klein{font-size:13px !important}
html body.page-id-396 .elementor .uc-sectie[data-id="6c0fa4c1"] .uc-knop{background:#1A0B1F !important;color:#fff !important;font-size:14.5px !important;font-weight:500 !important;padding:5px 18px 5px 5px !important;gap:10px !important;box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 10px 24px -14px rgba(26,11,31,.6) !important}
html body.page-id-396 .elementor .uc-sectie[data-id="6c0fa4c1"] .uc-knop:hover{background:#2A1A30 !important;translate:none !important}
html body.page-id-396 .elementor .uc-sectie[data-id="6c0fa4c1"] .uc-knop::before{width:28px;height:28px}
html body.page-id-396 .elementor .uc-sectie[data-id="6c0fa4c1"] .uc-knop::after{left:12px;width:14px;height:14px}
@media (max-width:767px){
  html body.page-id-396 .elementor .uc-sectie[data-id="6c0fa4c1"] > .uc-binnen{padding-left:20px !important;padding-right:20px !important}
  html body.page-id-396 .elementor .uc-sectie[data-id="6c0fa4c1"] .uc-split-intro{grid-template-columns:minmax(0,1fr) !important;gap:18px !important}
  html body.page-id-396 .elementor .uc-sectie[data-id="6c0fa4c1"] .uc-lead{font-size:17px !important;max-width:none}
  html body.page-id-396 .elementor .uc-sectie[data-id="6c0fa4c1"] .uc-stapel{border-left:0;padding:16px 0 0;border-top:1px solid rgba(26,11,31,.12)}
}
/* === Upclimb introregel G · einde === */

/* === Upclimb mobiel swipe (prijs en stappen) · begin === */
/* Swipe-hint bij de prijskaarten: alleen de bolletjes, in het midden. Het handje met "Swipe" eruit. */
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-hand{display:none !important}
/* Zo werkt het, op mobiel: de drie stappen naast elkaar om doorheen te swipen, met bolletjes erboven zoals bij de prijzen */
html body.page-id-396 .elementor .ucz-sectie .ucz-stippen{display:none}
@media (max-width:767px){
  /* het grote blauwe vlak verdwijnt; de rij loopt tot de schermranden zodat je erdoorheen kunt vegen */
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo{background:none !important;box-shadow:none !important;border-radius:0 !important;padding:8px 20px 28px !important;margin:0 -20px !important;width:auto !important;grid-template-columns:none !important;grid-auto-flow:column;grid-auto-columns:86%;column-gap:12px !important;row-gap:0 !important;align-items:stretch !important;justify-content:start !important;justify-items:stretch !important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  /* elke stap krijgt zijn eigen blauwe kader, in dezelfde stijl als het vlak op desktop */
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo > .ucz-stap{padding:14px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(7,21,43,.12)),#8FA3C9 url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/herken-lichtblauw.webp) 30% 50%/cover no-repeat;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 0 1px rgba(255,255,255,.18),0 22px 40px -26px rgba(7,21,43,.5)}
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo > .ucz-stap > .ucz-stap-tekst{flex:1 1 auto}
  /* de voorstelkaartjes bij stap 2 blijven binnen het eigen blauwe kader (hoogte blijft gelijk, het gezicht blijft vrij) */
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo #kaarten .vs.l{left:-6px !important}
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo #kaarten .vs.r{right:-6px !important}
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo::-webkit-scrollbar{display:none}
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo > .ucz-stap{scroll-snap-align:start;min-width:0}
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo > .draad{display:none}
  html body.page-id-396 .elementor .ucz-sectie .ucz-stippen{display:flex;justify-content:center;gap:2px;margin:-26px 0 -30px}
  html body.page-id-396 .elementor .ucz-sectie .ucz-stippen button{appearance:none;border:0;background:none;padding:8px 4px;cursor:pointer;display:grid;place-items:center}
  html body.page-id-396 .elementor .ucz-sectie .ucz-stippen button::before{content:"";width:6px;height:6px;border-radius:6px;background:rgba(26,11,31,.2);transition:width .3s cubic-bezier(.22,1,.36,1),background-color .3s}
  html body.page-id-396 .elementor .ucz-sectie .ucz-stippen button[aria-current="true"]::before{width:18px;background:#1A0B1F}
}
@media (max-width:767px) and (prefers-reduced-motion:reduce){
  html body.page-id-396 .elementor .ucz-sectie .ucz-stippen button::before{transition:none}
}
/* === Upclimb mobiel swipe (prijs en stappen) · einde === */

/* === Upclimb resultaten mobiel strakker · begin === */
/* Resultaten op mobiel: minder lucht tussen kop en dashboard, en geen extra gat onderaan door het lege scriptblok */
@media (max-width:767px){
  html body.page-id-396 .elementor .uc-sectie.ucres-sectie:not(.uc-voet) > .uc-binnen{gap:28px !important}
  html body.page-id-396 .elementor .ucres-sectie .ucres-paneel{margin-top:0 !important}
  html body.page-id-396 .elementor .ucres-sectie .elementor-element-ucresjs1{display:none !important}
}
/* === Upclimb resultaten mobiel strakker · einde === */

/* === Upclimb mobiel nalopen · begin === */
/* Mobiel nalopen (30 okt): kaarten in het midden, menubalk op dezelfde rand als de inhoud, niets afgekapt */
@media (max-width:767px){
  /* menubalk: rechts dezelfde 20px rand als links en als de inhoud eronder (was 12) */
  html body.page-id-396 .elementor .uc-menubalk.uch-glas{padding-right:20px !important}

  /* prijskaarten: de kaart staat in het midden, links en rechts piept de buurkaart even ver in beeld */
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-raster{padding-left:28px !important;padding-right:28px !important;grid-auto-columns:100% !important;scroll-padding-inline:28px}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-raster>:nth-child(-n+3){scroll-snap-align:center !important}
  /* het budgetlabel past altijd: zo nodig gaat "advertentiebudget" naar een tweede regel */
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-pil{flex-wrap:wrap;row-gap:0;border-radius:16px}
  /* compacter: geen vaste hoogte meer, de prijs sluit direct aan op de naam in plaats van onderaan te zakken */
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kaart{min-height:0 !important}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-onder{margin-top:0 !important;padding-top:28px !important}

  /* stappen "Ik beheer je Google Ads": ook in het midden */
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo{padding-left:28px !important;padding-right:28px !important;grid-auto-columns:100% !important;scroll-padding-inline:28px}
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo > .ucz-stap{scroll-snap-align:center !important}
}
/* smalle telefoons: tijdstempels in de meldingen weg, zodat de titels heel blijven */
@media (max-width:400px){
  html body.page-id-396 .elementor .ucz-sectie .mld-tijd,
  html body.page-id-396 .elementor .ucz-sectie .vs-tijd{display:none !important}
  /* subregel in het klantdashboard mag doorlopen naar een tweede regel */
  html body.page-id-396 .elementor .ucz-sectie .pil-t small{white-space:normal !important;text-overflow:clip !important;overflow:visible !important}
}
/* heel smalle telefoons: de knop in de menubalk zonder pijlrondje, zodat hij binnen beeld blijft */
@media (max-width:359px){
  html body.page-id-396 .elementor .uc-menubalk.uch-glas .uc-knop{padding:8px 14px !important;gap:0 !important;font-size:12.5px !important}
  html body.page-id-396 .elementor .uc-menubalk.uch-glas .uc-knop::before,
  html body.page-id-396 .elementor .uc-menubalk.uch-glas .uc-knop::after{display:none !important}
}
/* Resultatenstrook in het dashboard, alleen op mobiel: zelfde maten en indeling als de glazen strook bij Over mij.
   Twee naast elkaar, de derde over de volle breedte met de toelichting rechts. */
@media (max-width:767px){
  html body.page-id-396 .elementor .ucres-sectie .ucres-glas{grid-template-columns:1fr 1fr !important;border-radius:14px !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 18px 36px -18px rgba(0,0,0,.55) !important}
  html body.page-id-396 .elementor .ucres-sectie .ucres-res{padding:clamp(6px,2.4vw,9px) clamp(8px,3.2vw,12px) !important;gap:2px !important;min-width:0;background:rgba(10,20,44,.55) !important}
  html body.page-id-396 .elementor .ucres-sectie .ucres-res:nth-child(3){grid-column:1/-1;flex-direction:row !important;flex-wrap:wrap;align-items:baseline !important;justify-content:space-between !important;gap:2px 10px !important}
  html body.page-id-396 .elementor .ucres-sectie .ucres-res-getal{font-size:clamp(14px,4.8vw,18px) !important;white-space:nowrap}
  html body.page-id-396 .elementor .ucres-sectie .ucres-res-tekst{font-size:clamp(9px,2.8vw,10.5px) !important;line-height:1.3 !important;color:rgba(255,255,255,.78) !important;overflow-wrap:anywhere}
  html body.page-id-396 .elementor .ucres-sectie .ucres-res:nth-child(3) .ucres-res-tekst{text-align:right;max-width:16ch;margin-left:auto}
}
/* === Upclimb mobiel nalopen · einde === */

/* === Upclimb over mij ontwerp C · begin === */
/* Over mij, ontwerp C: nachtblauw vlak, foto links met diepte, glazen cijferstrook (op mobiel onderin de foto) */
html body.page-id-396 .elementor section#over-mij .uc-foto{object-position:63% 36%}
html body.page-id-396 .elementor section#over-mij{background:radial-gradient(55% 65% at 88% 12%,rgba(64,100,178,.38),rgba(64,100,178,0) 70%),#101A3D !important}
html body.page-id-396 .elementor section#over-mij > .uc-binnen{border-top:0 !important}
html body.page-id-396 .elementor section#over-mij .uc-kop,html body.page-id-396 .elementor section#over-mij .uc-getal,html body.page-id-396 .elementor section#over-mij .uc-link,html body.page-id-396 .elementor section#over-mij .uc-lead strong{color:#fff !important}
html body.page-id-396 .elementor section#over-mij .uc-tekst,html body.page-id-396 .elementor section#over-mij .uc-lead{color:rgba(214,222,245,.66) !important}
html body.page-id-396 .elementor section#over-mij .uc-grid-3,html body.page-id-396 .elementor section#over-mij .uc-kolom{border-color:rgba(255,255,255,.12) !important}
@media (min-width:1025px){
  html body.page-id-396 .elementor section#over-mij > .uc-binnen{display:grid !important;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto 1fr;column-gap:80px !important;row-gap:40px !important;padding:120px 48px !important}
  html body.page-id-396 .elementor section#over-mij .uc-split-5-7{display:contents !important}
  html body.page-id-396 .elementor section#over-mij .uc-foto{grid-column:1;grid-row:1/4;width:100% !important;max-width:none !important;height:100% !important;aspect-ratio:auto !important;min-height:620px;border-radius:28px !important;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 50px 90px -40px rgba(0,0,0,.7)}
  html body.page-id-396 .elementor section#over-mij .uc-rij{grid-column:2;grid-row:1;flex-direction:column !important;align-items:flex-start !important;gap:16px !important}
  html body.page-id-396 .elementor section#over-mij .uc-kop{font-size:60px !important;line-height:1 !important;letter-spacing:-.045em !important}
  html body.page-id-396 .elementor section#over-mij .uc-stapel{grid-column:2;grid-row:2}
  html body.page-id-396 .elementor section#over-mij .uc-lead{font-size:19px !important;line-height:1.55 !important;letter-spacing:-.005em !important}
  html body.page-id-396 .elementor section#over-mij .uc-grid-3{grid-column:2;grid-row:3;align-self:end;grid-template-columns:1fr 1fr 1.5fr !important}
}
html body.page-id-396 .elementor section#over-mij{background:radial-gradient(52% 60% at 86% 8%,rgba(72,110,190,.34),rgba(72,110,190,0) 72%),radial-gradient(40% 50% at 8% 96%,rgba(46,74,140,.28),rgba(46,74,140,0) 70%),#101A3D !important}
html body.page-id-396 .elementor section#over-mij .uc-kop{letter-spacing:-.035em !important;font-weight:600 !important}
html body.page-id-396 .elementor section#over-mij .uc-lead{color:rgba(214,222,245,.7) !important}
html body.page-id-396 .elementor section#over-mij .uc-lead strong{font-weight:600}
html body.page-id-396 .elementor section#over-mij .uc-grid-3{gap:1px !important;padding:0 !important;border:0 !important;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.14) !important;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
html body.page-id-396 .elementor section#over-mij .uc-kolom{padding:16px 20px !important;border:0 !important;border-radius:0 !important;background:rgba(10,20,44,.35) !important;box-shadow:none !important;gap:6px !important;justify-content:center}
html body.page-id-396 .elementor section#over-mij .uc-getal{font-size:28px !important;font-weight:500 !important;letter-spacing:-.03em !important;line-height:1 !important;color:#fff !important}
html body.page-id-396 .elementor section#over-mij .uc-kolom .uc-tekst{font-size:13px !important;line-height:1.35 !important;letter-spacing:.005em !important;color:rgba(255,255,255,.72) !important}
html body.page-id-396 .elementor section#over-mij .uc-foto{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 0 0 1px rgba(255,255,255,.08),0 50px 90px -40px rgba(0,0,0,.7) !important}
@media (max-width:767px){
  html body.page-id-396 .elementor section#over-mij > .uc-binnen{display:grid !important;grid-template-columns:minmax(0,1fr);grid-template-areas:"kop" "foto" "tekst";row-gap:40px !important}
  html body.page-id-396 .elementor section#over-mij .uc-split-5-7{display:contents !important}
  html body.page-id-396 .elementor section#over-mij .uc-rij{grid-area:kop}
  html body.page-id-396 .elementor section#over-mij .uc-foto{grid-area:foto;border-radius:24px !important;width:100% !important;aspect-ratio:3/4 !important;height:auto !important}
  html body.page-id-396 .elementor section#over-mij .uc-stapel{grid-area:tekst}
  html body.page-id-396 .elementor section#over-mij .uc-grid-3{grid-area:foto;align-self:end;z-index:2;margin:clamp(6px,2.6vw,10px);width:auto !important;grid-template-columns:1fr 1fr !important;border-top:0 !important;border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 18px 36px -18px rgba(0,0,0,.55)}
  html body.page-id-396 .elementor section#over-mij .uc-kolom{padding:clamp(6px,2.4vw,9px) clamp(8px,3.2vw,12px) !important;gap:2px !important;min-width:0;background:rgba(10,20,44,.55) !important}
  html body.page-id-396 .elementor section#over-mij .uc-kolom:nth-child(3){grid-column:1/-1;flex-direction:row !important;flex-wrap:wrap;align-items:baseline !important;justify-content:space-between !important;gap:2px 10px !important}
  html body.page-id-396 .elementor section#over-mij .uc-getal{font-size:clamp(14px,4.8vw,18px) !important;white-space:nowrap}
  html body.page-id-396 .elementor section#over-mij .uc-kolom .uc-tekst{font-size:clamp(9px,2.8vw,10.5px) !important;line-height:1.3 !important;color:rgba(255,255,255,.78) !important;overflow-wrap:anywhere}
  html body.page-id-396 .elementor section#over-mij .uc-kolom:nth-child(3) .uc-tekst{text-align:right;max-width:16ch;margin-left:auto}
}
@media (prefers-reduced-transparency:reduce){
  html body.page-id-396 .elementor section#over-mij .uc-grid-3{background:rgba(255,255,255,.2) !important;-webkit-backdrop-filter:none;backdrop-filter:none}
  html body.page-id-396 .elementor section#over-mij .uc-kolom{background:#16224A !important}
}
html body.page-id-396 .elementor section#over-mij .uc-kop span{display:block;color:#857D89}
html body.page-id-396 .elementor section#over-mij .uc-kop span{color:rgba(214,222,245,.56) !important}
@media (min-width:1025px){
  html body.page-id-396 .elementor section#over-mij .uc-kop{font-size:46px !important;line-height:1.04 !important}
}
/* === Upclimb over mij ontwerp C · einde === */
/* === Upclimb over mij ontwerp K · begin === */
/* Over mij, ontwerp K (31 okt): compact nachtblauw, nieuwe foto. Bron: over-licht.css, gemaakt door maak-over-k-live.py */
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con{background:#FAF7F2 !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-kop,html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-getal,html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-link,html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-lead strong{color:#1A0B1F !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-kop span{color:#857D89 !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-lead{color:#716874 !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-tekst,html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-kolom .uc-tekst{color:#716874 !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-foto{object-fit:cover;object-position:50% 30% !important;box-shadow:none !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-grid-3{background:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;box-shadow:none !important;border-radius:0;overflow:visible}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-kolom{background:transparent !important}
@media (max-width:1024px){
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-grid-3{background:rgba(255,255,255,.5) !important;border-radius:14px !important;overflow:hidden !important;-webkit-backdrop-filter:blur(18px) saturate(1.3) !important;backdrop-filter:blur(18px) saturate(1.3) !important;box-shadow:0 0 0 1px rgba(26,11,31,.06),0 18px 36px -20px rgba(60,40,20,.35) !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-kolom{background:rgba(255,255,255,.62) !important}
}
@media (min-width:768px) and (max-width:1024px){
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-grid-3{grid-column:1 !important;grid-row:1/4 !important;align-self:end;margin:10px;z-index:2;grid-template-columns:1fr 1fr !important;gap:1px !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-kolom:nth-child(3){grid-column:1/-1}
}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con > .uc-binnen{background:transparent !important}
@media (min-width:1025px){
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con > .uc-binnen{padding:72px 48px !important;row-gap:22px !important;column-gap:64px !important;grid-template-columns:minmax(0,4fr) minmax(0,8fr) !important;grid-template-rows:auto auto 1fr !important;min-height:0 !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-foto{min-height:0 !important;height:100% !important;max-height:520px}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-kop{font-size:40px !important;line-height:1.04 !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-rij{gap:10px !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-stapel{gap:12px !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-lead{font-size:16.5px !important;line-height:1.5 !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-getal{font-size:26px !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-kolom .uc-tekst{font-size:12.5px !important}
}
@media (max-width:1024px){
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con > .uc-binnen{padding-top:56px !important;padding-bottom:56px !important;row-gap:28px !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-foto{aspect-ratio:4/5 !important}
}
@media (max-width:767px){
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con > .uc-binnen{padding-top:48px !important;padding-bottom:48px !important;row-gap:24px !important}
}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con{background:radial-gradient(52% 60% at 86% 8%,rgba(72,110,190,.34),rgba(72,110,190,0) 72%),radial-gradient(40% 50% at 8% 96%,rgba(46,74,140,.28),rgba(46,74,140,0) 70%),#101A3D !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-kop,html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-getal,html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-link,html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-lead strong{color:#fff !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-kop span{color:rgba(214,222,245,.56) !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-lead{color:rgba(214,222,245,.72) !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-tekst,html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-kolom .uc-tekst{color:rgba(214,222,245,.72) !important}
@media (max-width:1024px){
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-grid-3{background:rgba(255,255,255,.16) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 18px 36px -18px rgba(0,0,0,.55) !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-kolom{background:rgba(10,20,44,.55) !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-kolom .uc-tekst{color:rgba(255,255,255,.8) !important}
}
@media (min-width:1025px){
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-foto{border-radius:24px !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 40px 80px -40px rgba(0,0,0,.7) !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-grid-3{gap:1px !important;border-radius:14px !important;overflow:hidden !important;background:rgba(255,255,255,.14) !important;-webkit-backdrop-filter:blur(18px) !important;backdrop-filter:blur(18px) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18) !important;grid-template-columns:1fr 1fr 1.4fr !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-kolom{background:rgba(10,20,44,.35) !important;padding:14px 18px !important}
}
/* Slogan (Lars, 31 okt): schuin in de accentletter van de site, wit */
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con .uc-lead em{display:inline-block;font-family:'Instrument Serif',Georgia,serif !important;font-style:italic !important;font-weight:400 !important;font-size:1.55em !important;line-height:1.18 !important;letter-spacing:0 !important;color:#fff !important;padding-right:.04em}
/* === Upclimb over mij ontwerp K · einde === */

/* === Upclimb logoflits in de letters · begin === */
/* De lichtflits loopt door de letters, met een zachte gloed die de letters volgt. Safari tekende de oude gloed (een filter om de bewegende laag) als blok. Er staat nu geen filter meer om iets dat beweegt: de gloed komt uit een vooraf vervaagde vorm van het logo (upclimb-logo-gloed.png, 559x337, met marge rondom). */
html body .elementor .uc-merklogo{filter:none !important}
html body .elementor .uc-menubalk.uch-glas .uc-merklogo__thick,html body .elementor .uc-menubalk.ucm-actief.is-boven .uc-merklogo__thick{filter:drop-shadow(0 0 .3px var(--uc-logo-color)) drop-shadow(0 0 .3px var(--uc-logo-color)) drop-shadow(0 1px 2px rgba(20,30,52,.35))}
html body .elementor .uc-merklogo .uc-merklogo__halo{filter:none !important;-webkit-mask:none !important;mask:none !important}
html body .elementor .uc-merklogo::after{content:"";position:absolute;left:-37.68%;right:-37.68%;top:-124.35%;bottom:-124.35%;pointer-events:none;-webkit-mask:url('https://nieuw.upclimb.ai/wp-content/uploads/2026/10/upclimb-logo-gloed.png') 0 0/100% 100% no-repeat;mask:url('https://nieuw.upclimb.ai/wp-content/uploads/2026/10/upclimb-logo-gloed.png') 0 0/100% 100% no-repeat;background:linear-gradient(105deg,transparent 0%,transparent 41%,rgba(255,255,255,.55) 46.5%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.55) 53.5%,transparent 59%,transparent 100%) 0 0/171.08% 100%;animation:uc-merkgloed 3.6s cubic-bezier(.455,.03,.515,.955) infinite both}
/* zelfde tempo en baan als de flits in de letters (uc-merkglans), omgerekend naar de grotere gloedlaag */
@keyframes uc-merkgloed{0%{background-position:130.23% 0}33%,100%{background-position:-30.23% 0}}
@media (prefers-reduced-motion:reduce){html body .elementor .uc-merklogo::after{animation:none;opacity:0}}
/* === Upclimb logoflits in de letters · einde === */

/* === Upclimb knopschaduw intro · begin === */
/* De schaduw onder "Plan een gesprek" liep door tot in de volgende sectie, die er met een rechte rand overheen viel. De intro ligt nu een laag hoger, zodat de schaduw zacht uitloopt. */
/* Safari knipte de schaduw daarna alsnog af aan de onderrand van de intro zelf (overflow-x:clip werkt daar ook verticaal). De intro laat zijn inhoud nu vrij uitsteken. */
html body.page-id-396 .elementor .uc-sectie[data-id="6c0fa4c1"]:not(.uc-voet){z-index:1;overflow:visible !important}
/* === Upclimb knopschaduw intro · einde === */

/* === Upclimb tablet desktopindeling · begin === */
/* Tablet (768 tot 1180 px): de desktopindeling vasthouden in plaats van terugvallen naar de telefoonopbouw.
   Alles schaalt iets kleiner mee; alleen telefoons (tot 767 px) krijgen de gestapelde versie. */

/* ---------- "Ik beheer je Google Ads": drie stappen naast elkaar vanaf 900 px ---------- */
@media (min-width:900px) and (max-width:1180px){
  html body.page-id-396 .elementor .ucz-sectie .ucz-binnen{padding-inline:36px !important;gap:48px !important}
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo{grid-template-columns:repeat(3,minmax(0,1fr)) !important;max-width:none !important;margin:0 !important;padding:32px 24px 28px !important;gap:18px !important;align-items:stretch !important}
  html body.page-id-396 .elementor .ucz-sectie .ucz-stap{align-self:stretch;gap:14px !important;min-width:0}
  html body.page-id-396 .elementor .ucz-sectie .ucz-stap-tekst{flex:1 1 auto}
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo > .draad{display:none !important}
  html body.page-id-396 .elementor .ucz-sectie .vs{width:min(200px,82%) !important}
}
/* 768 tot 899 px (iPad rechtop): drie naast elkaar past niet, dus swipen zoals op de telefoon, maar met twee kaarten in beeld */
@media (min-width:768px) and (max-width:899px){
  html body.page-id-396 .elementor .ucz-sectie .ucz-binnen{padding-inline:36px !important;gap:40px !important}
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo{display:grid !important;background:none !important;box-shadow:none !important;border-radius:0 !important;padding:8px 36px 28px !important;margin:0 -36px !important;width:auto !important;max-width:none !important;grid-template-columns:none !important;grid-auto-flow:column;grid-auto-columns:calc((100% - 16px) / 2.12) !important;column-gap:16px !important;row-gap:0 !important;align-items:stretch !important;justify-content:start !important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:36px;scrollbar-width:none}
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo::-webkit-scrollbar{display:none}
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo > .ucz-stap{scroll-snap-align:start;min-width:0;padding:14px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(7,21,43,.12)),#8FA3C9 url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/herken-lichtblauw.webp) 30% 50%/cover no-repeat;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 0 1px rgba(255,255,255,.18),0 22px 40px -26px rgba(7,21,43,.5)}
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo > .ucz-stap > .ucz-stap-tekst{flex:1 1 auto}
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo > .draad{display:none !important}
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo #kaarten .vs.l{left:-6px !important}
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo #kaarten .vs.r{right:-6px !important}
  html body.page-id-396 .elementor .ucz-sectie .ucz-stippen{display:flex !important;justify-content:center;gap:2px;margin:-20px 0 -24px}
  html body.page-id-396 .elementor .ucz-sectie .ucz-stippen button{appearance:none;border:0;background:none;padding:8px 4px;cursor:pointer;display:grid;place-items:center}
  html body.page-id-396 .elementor .ucz-sectie .ucz-stippen button::before{content:"";width:6px;height:6px;border-radius:6px;background:rgba(26,11,31,.2);transition:width .3s cubic-bezier(.22,1,.36,1),background-color .3s}
  html body.page-id-396 .elementor .ucz-sectie .ucz-stippen button[aria-current="true"]::before{width:18px;background:#1A0B1F}
}

/* ---------- Prijzen: drie kaarten naast elkaar, zoals op desktop ---------- */
@media (min-width:768px) and (max-width:1024px){
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-raster{grid-template-columns:repeat(3,minmax(0,1fr)) !important;column-gap:12px !important;row-gap:22px !important}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-raster > *{order:0 !important;margin-top:0 !important}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kaart{padding:22px !important}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-pil{flex-wrap:wrap;row-gap:0;border-radius:16px}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-kolom{margin-top:0 !important}
}

/* ---------- Hoe het werkt: tekst links, cirkel rechts ---------- */
@media (min-width:768px) and (max-width:1024px){
  html body.page-id-396 .elementor #hoe-het-werkt .uc-split-7-5{grid-template-columns:minmax(0,7fr) minmax(0,5fr) !important;column-gap:40px !important;align-items:center !important}
}

/* ---------- Over mij (ontwerp C): foto links, verhaal rechts ---------- */
@media (min-width:768px) and (max-width:1024px){
  html body.page-id-396 .elementor section#over-mij > .uc-binnen{display:grid !important;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto 1fr;column-gap:44px !important;row-gap:28px !important;padding:96px 36px !important}
  html body.page-id-396 .elementor section#over-mij .uc-split-5-7{display:contents !important}
  html body.page-id-396 .elementor section#over-mij .uc-foto{grid-column:1;grid-row:1/4;width:100% !important;max-width:none !important;height:100% !important;aspect-ratio:auto !important;min-height:520px;border-radius:24px !important}
  html body.page-id-396 .elementor section#over-mij .uc-rij{grid-column:2;grid-row:1;flex-direction:column !important;align-items:flex-start !important;gap:14px !important}
  html body.page-id-396 .elementor section#over-mij .uc-kop{font-size:clamp(30px,3.6vw,38px) !important;line-height:1.05 !important}
  html body.page-id-396 .elementor section#over-mij .uc-stapel{grid-column:2;grid-row:2;gap:18px !important}
  html body.page-id-396 .elementor section#over-mij .uc-lead{font-size:17px !important;line-height:1.5 !important}
  html body.page-id-396 .elementor section#over-mij .uc-grid-3{grid-column:2;grid-row:3;align-self:end;grid-template-columns:1fr 1fr 1.3fr !important}
  html body.page-id-396 .elementor section#over-mij .uc-kolom{padding:14px 16px !important}
  html body.page-id-396 .elementor section#over-mij .uc-getal{font-size:24px !important}
  html body.page-id-396 .elementor section#over-mij .uc-kolom .uc-tekst{font-size:12px !important}
}
/* === Upclimb tablet desktopindeling · einde === */

/* === Upclimb daarom mobiel compact · begin === */
/* Daarom begon ik Upclimb, alleen op mobiel: compacter. Lagere foto, kop in drie regels, de drie beloftes als één glazen blok met haarlijnen (zoals de cijferstroken). */
@media (max-width:767px){
  html body.page-id-396 .elementor #waarom-upclimb .ucv-tegel-foto{bottom:auto !important;height:360px !important}
  html body.page-id-396 .elementor #waarom-upclimb .ucv-tegel-img{height:100% !important;object-position:50% 22% !important}
  html body.page-id-396 .elementor #waarom-upclimb .ucv-tegel-tekst{padding:262px 22px 20px !important;gap:12px !important}
  html body.page-id-396 .elementor #waarom-upclimb .ucv-tegel-kop{font-size:27px !important;line-height:1.08 !important;letter-spacing:-.03em !important}
  html body.page-id-396 .elementor #waarom-upclimb .ucv-tegel-lead{font-size:16px !important;line-height:1.5 !important}
  html body.page-id-396 .elementor #waarom-upclimb .ucv-beloftes{padding:0 12px 12px !important;gap:0 !important}
  html body.page-id-396 .elementor #waarom-upclimb .ucv-beloftes{display:grid !important;grid-template-columns:1fr}
  html body.page-id-396 .elementor #waarom-upclimb .ucv-beloftes > .ucv-belofte{border-radius:0 !important;border:0 !important;box-shadow:none !important;background:rgba(10,20,44,.35) !important;padding:12px 14px !important;gap:3px !important}
  html body.page-id-396 .elementor #waarom-upclimb .ucv-beloftes > .ucv-belofte + .ucv-belofte{box-shadow:inset 0 1px 0 rgba(255,255,255,.14) !important}
  html body.page-id-396 .elementor #waarom-upclimb .ucv-beloftes > .ucv-belofte:first-child{border-radius:16px 16px 0 0 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2) !important}
  html body.page-id-396 .elementor #waarom-upclimb .ucv-beloftes > .ucv-belofte:last-child{border-radius:0 0 16px 16px !important}
  html body.page-id-396 .elementor #waarom-upclimb .ucv-belofte-titel{font-size:15px !important;line-height:1.3 !important}
  html body.page-id-396 .elementor #waarom-upclimb .ucv-belofte-tekst{font-size:13px !important;line-height:1.45 !important}
}
/* === Upclimb daarom mobiel compact · einde === */

/* === Upclimb ik beheer inkt (ucz-) · begin === */
/* Ik beheer je Google Ads: de hele sectie inkt over de volle breedte, het blauwe vlak eruit, de kaarten als licht glas. Video met lichte achtergrond. */
html body.page-id-396 .elementor section.ucz-sectie{background:radial-gradient(40% 44% at 50% 60%,rgba(120,140,205,.14) 0%,rgba(120,140,205,0) 70%),#0F0C15 !important}

/* ---------- kop en intro in wit ---------- */
html body.page-id-396 .elementor section.ucz-sectie .ucz-kop{color:#fff !important}
html body.page-id-396 .elementor section.ucz-sectie .ucz-kop span{color:rgba(255,255,255,.52) !important}
html body.page-id-396 .elementor section.ucz-sectie .ucz-kop em{color:inherit !important}
html body.page-id-396 .elementor section.ucz-sectie .ucz-lead{color:rgba(255,255,255,.7) !important}
html body.page-id-396 .elementor section.ucz-sectie .ucz-lead :is(strong,b){color:#fff !important}

/* ---------- het blauwe vlak verdwijnt, de kaarten staan los op de achtergrond ---------- */
html body.page-id-396 .elementor section.ucz-sectie .ucz-duo{background:none !important;box-shadow:none !important}

/* licht glas: iets lichter dan de achtergrond, heldere bovenrand, zachte schaduw */
html body.page-id-396 .elementor section.ucz-sectie :is(.ucz-ai-vorm,.ucz-stap-tekst){
  background:linear-gradient(180deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.04) 100%) !important;
  -webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(255,255,255,.1),0 24px 48px -28px rgba(0,0,0,.7) !important}
html body.page-id-396 .elementor section.ucz-sectie .ucz-stap-nr{color:rgba(255,255,255,.5) !important}
html body.page-id-396 .elementor section.ucz-sectie .ucz-stap-uitleg{color:rgba(255,255,255,.72) !important}

/* kaart met Lars: lichte video, dus geen donkere waas boven; alleen een glazen rand en onderaan een vleugje diepte */
html body.page-id-396 .elementor section.ucz-sectie .ucz-lv-vorm{background:#D2D2D2 !important;box-shadow:0 30px 60px -30px rgba(0,0,0,.75) !important}
html body.page-id-396 .elementor section.ucz-sectie .ucz-lv-vorm::after{background:linear-gradient(155deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 26%),linear-gradient(0deg,rgba(7,21,43,.14) 0%,rgba(7,21,43,0) 26%) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 0 0 1px rgba(255,255,255,.2) !important}
/* logo en boog blijven wit; een heel zachte schaduw houdt ze leesbaar op het lichtgrijs */
html body.page-id-396 .elementor section.ucz-sectie .ucz-merk{opacity:1 !important;filter:drop-shadow(0 1px 1.5px rgba(20,30,52,.28)) drop-shadow(0 0 10px rgba(20,30,52,.12)) !important}
html body.page-id-396 .elementor section.ucz-sectie .lv-boog .lijn{stroke:rgba(255,255,255,.95) !important;stroke-width:1.3 !important}
/* de boog zweeft net boven je hoofd in de video; schuif hem mee als een nieuwe video het hoofd hoger of lager in beeld heeft */
html body.page-id-396 .elementor section.ucz-sectie .lv-boog{translate:0 -3%;filter:drop-shadow(0 0 2px rgba(20,30,52,.3))}

/* dashboardkaart: zelfde glazen rand */
html body.page-id-396 .elementor section.ucz-sectie .ucz-kl-vorm{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 0 0 1px rgba(255,255,255,.12),0 30px 60px -30px rgba(0,0,0,.75) !important}

/* ---------- tablet rechtop en mobiel: elke stap een glazen kader in plaats van een blauw ---------- */
@media (max-width:899px){
  html body.page-id-396 .elementor section.ucz-sectie .ucz-duo > .ucz-stap{background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.03) 100%) !important;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 0 0 1px rgba(255,255,255,.09),0 24px 48px -28px rgba(0,0,0,.7) !important}
  html body.page-id-396 .elementor section.ucz-sectie .ucz-duo > .ucz-stap > .ucz-stap-tekst{background:none !important;box-shadow:none !important;-webkit-backdrop-filter:none;backdrop-filter:none;padding:4px 6px 6px !important}
  html body.page-id-396 .elementor section.ucz-sectie .ucz-stippen button::before{background:rgba(255,255,255,.28) !important}
  html body.page-id-396 .elementor section.ucz-sectie .ucz-stippen button[aria-current="true"]::before{background:#fff !important}
}

@media (prefers-reduced-transparency:reduce){
  html body.page-id-396 .elementor section.ucz-sectie :is(.ucz-ai-vorm,.ucz-stap-tekst){background:#221D2B !important;-webkit-backdrop-filter:none;backdrop-filter:none}
}
/* === Upclimb ik beheer inkt (ucz-) · einde === */

/* === Upclimb ik beheer compact (ucz-) · begin === */
/* Ik beheer je Google Ads, compacter: sinds het blauwe vlak weg is, was de binnenrand van dat vlak alleen nog lege ruimte */
html body.page-id-396 .elementor section.ucz-sectie > .uc-binnen.ucz-binnen{padding-top:64px !important;padding-bottom:64px !important;gap:32px !important}
html body.page-id-396 .elementor section.ucz-sectie .ucz-stap{gap:14px !important}
@media (min-width:900px){
  /* bovenin net genoeg plek voor het zwevende voorstelkaartje, onderin niets */
  html body.page-id-396 .elementor section.ucz-sectie .ucz-duo{padding-top:20px !important;padding-bottom:0 !important}
}
@media (max-width:767px){
  html body.page-id-396 .elementor section.ucz-sectie > .uc-binnen.ucz-binnen{padding-top:56px !important;padding-bottom:48px !important;gap:40px !important}
}
/* stapkaarten kleiner, in de maat van de glazen cijferstrook bij Over mij: minder binnenruimte, kleinere letters, rondere hoek van 14 */
html body.page-id-396 .elementor section.ucz-sectie .ucz-stap-nr{font-size:11px !important;line-height:1 !important;margin-bottom:8px !important}
html body.page-id-396 .elementor section.ucz-sectie .ucz-stap-titel{font-size:17px !important;line-height:1.25 !important;margin-bottom:4px !important}
html body.page-id-396 .elementor section.ucz-sectie .ucz-stap-uitleg{font-size:14px !important;line-height:1.5 !important}
@media (min-width:900px){
  html body.page-id-396 .elementor section.ucz-sectie .ucz-stap-tekst{padding:14px 18px 16px !important;border-radius:14px !important}
  html body.page-id-396 .elementor section.ucz-sectie .ucz-stap{gap:12px !important}
}
/* === Upclimb ik beheer compact (ucz-) · einde === */


/* === Upclimb hero B2 (uchh-) · begin === */
/* Hero B2 (31 okt, Lars koos B2): titel, één knop, foto rechts die in de achtergrond overloopt, drie glazen cijferkaarten die tot in de foto lopen. HTML staat in widget uc0hdr2. */

/* ---------- basis: ontwerp B ---------- */
html body .elementor section.uchh{--uchh-bg:#1B2844;--uchh-tekst:#fff;--uchh-zacht:rgba(214,222,245,.6);--uchh-rand:48px;--uchh-foto-b:calc(50vw + 40px);
  position:relative;isolation:isolate;overflow:hidden;color:var(--uchh-tekst);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;
  /* een zachte blauwe gloed achter de kaarten, zodat het glas iets heeft om te breken */
  background:radial-gradient(34% 40% at 16% 88%,rgba(98,132,214,.34),rgba(98,132,214,0) 70%),radial-gradient(45% 60% at 12% 30%,rgba(88,118,190,.2),rgba(88,118,190,0) 70%),var(--uchh-bg);
  padding:124px var(--uchh-rand) 48px}
html body .elementor section.uchh *{box-sizing:border-box}
html body .elementor section.uchh :is(p,h1,ul,li){margin:0;padding:0;list-style:none}
html body .elementor section.uchh .uchh-binnen{position:relative;max-width:var(--uc-breed,1296px);margin:0 auto;display:grid;column-gap:64px;row-gap:0;min-height:max(540px,min(calc(100svh - 300px),620px))}

html body .elementor section.uchh .uchh-kop{grid-area:kop;font-size:clamp(40px,4.1vw,60px);line-height:1.02;font-weight:600;letter-spacing:-.04em;color:var(--uchh-tekst);text-wrap:balance}
html body .elementor section.uchh .uchh-kop span{display:block;color:var(--uchh-zacht)}
html body .elementor section.uchh .uchh-acties{grid-area:acties;display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
html body .elementor section.uchh .uchh-knop{display:inline-flex;align-items:center;gap:10px;padding:15px 22px 15px 24px;border-radius:999px;background:#fff;color:#1A0B1F;font-size:16px;font-weight:600;line-height:1;letter-spacing:-.01em;text-decoration:none;box-shadow:0 14px 30px -14px rgba(0,0,0,.7),inset 0 -1px 0 rgba(26,11,31,.08);transition:background-color .2s,transform .12s ease-out}
html body .elementor section.uchh .uchh-knop svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--uc-ease)}
html body .elementor section.uchh .uchh-knop:hover{background:#EEF1F8}
html body .elementor section.uchh .uchh-knop:hover svg{transform:translateX(3px)}
html body .elementor section.uchh .uchh-knop:active{transform:scale(.97)}
html body .elementor section.uchh .uchh-knop:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* foto rechts tot de rand; de lichte pilaar en de tafel vloeien over in de achtergrond */
html body .elementor section.uchh .uchh-foto{grid-area:foto;position:absolute;top:-124px;bottom:-48px;right:calc(-1 * var(--uchh-rand) - max(0px,(100vw - var(--uc-breed,1296px) - 2 * var(--uchh-rand)) / 2));width:var(--uchh-foto-b);z-index:-1;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 34%),linear-gradient(0deg,transparent 0%,#000 22%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 34%),linear-gradient(0deg,transparent 0%,#000 22%);mask-composite:intersect}
html body .elementor section.uchh .uchh-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 30%;display:block}

/* ---------- de kaarten: glas met een heldere bovenrand en een lichtglans ---------- */
html body .elementor section.uchh .uchh-usps{grid-area:usps;position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:600px}
html body .elementor section.uchh .uchh-usp{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:16px 18px 17px;border-radius:18px;min-width:0;
  background:linear-gradient(160deg,rgba(255,255,255,.17) 0%,rgba(255,255,255,.07) 45%,rgba(255,255,255,.04) 100%);
  -webkit-backdrop-filter:blur(28px) saturate(180%) brightness(1.08);backdrop-filter:blur(28px) saturate(180%) brightness(1.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 0 0 1px rgba(255,255,255,.14),inset 0 -1px 0 rgba(255,255,255,.06),0 24px 48px -26px rgba(4,10,28,.75)}
/* glans: een zachte lichtvlek linksboven, zoals licht dat op glas valt */
html body .elementor section.uchh .uchh-usp::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(90% 70% at 0% 0%,rgba(255,255,255,.16),rgba(255,255,255,0) 60%)}
html body .elementor section.uchh .uchh-usp .uc-getal{position:relative;font-size:28px;font-weight:500;letter-spacing:-.03em;line-height:1;color:#fff;white-space:nowrap;margin:0}
html body .elementor section.uchh .uchh-usp-tekst{position:relative;font-size:13px;line-height:1.35;letter-spacing:.005em;color:rgba(255,255,255,.76)}

/* ---------- binnenkomst ---------- */
@keyframes uchh-op{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes uchh-foto{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  html body .elementor section.uchh .uchh-foto img{animation:uchh-foto 1.4s var(--uc-ease) both}
}

/* ================= desktop ================= */
@media (min-width:900px){
/* foto iets uitgezoomd: de hoogte bepaalt de maat, niet de breedte; onderkant blijft staan, wat links overblijft loopt in de vervaging */
html body .elementor section.uchh .uchh-foto{-webkit-mask-image:none;mask-image:none}
/* de foto hangt aan de rechterrand van de inhoud (40px erbuiten), niet aan de schermrand, zodat je op elk scherm even ver van de rand staat */
html body .elementor section.uchh .uchh-foto img{inset:auto 0 0 auto;right:max(0px,calc(var(--uchh-rand) + max(0px,(100vw - var(--uc-breed,1296px) - 2 * var(--uchh-rand)) / 2) - 40px));width:auto;height:110%;aspect-ratio:1086/1448;max-width:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 88%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 22%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 88%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 22%);mask-composite:intersect}
html body .elementor section.uchh .uchh-binnen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto auto 1fr auto;grid-template-areas:". foto" "kop foto" "acties foto" ". foto" "usps foto"}

/* kaarten over de overgang: de rij loopt door tot in de foto, zodat het glas de foto erachter vervaagt */
html body .elementor section.uchh{--uchh-foto-b:calc(56vw + 40px)}
html body .elementor section.uchh .uchh-usps{max-width:none;width:calc(100% + 140px);grid-template-columns:repeat(3,minmax(0,1fr))}
html body .elementor section.uchh .uchh-usp{padding:18px 20px 19px}

}

/* tussen 900 en 1180: alles iets kleiner */
@media (min-width:900px) and (max-width:1180px){
  html body .elementor section.uchh{--uchh-rand:36px;padding-top:116px}
  html body .elementor section.uchh .uchh-binnen{column-gap:40px}
  html body .elementor section.uchh .uchh-usp{padding:14px 15px}
  html body .elementor section.uchh .uchh-usp .uc-getal{font-size:24px}
  html body .elementor section.uchh .uchh-usp-tekst{font-size:12px}
  html body .elementor section.uchh .uchh-usps{width:calc(100% + 90px)}
}

/* ================= staande tablet en telefoon ================= */
@media (max-width:899px){
  html body .elementor section.uchh{--uchh-rand:20px;padding:108px 20px 0;background:var(--uchh-bg)}
  html body .elementor section.uchh .uchh-binnen{min-height:0;grid-template-columns:minmax(0,1fr);grid-template-areas:"kop" "acties" "foto"}
  html body .elementor section.uchh .uchh-kop{font-size:clamp(32px,8.6vw,48px);line-height:1.04}
  html body .elementor section.uchh .uchh-acties{margin-top:24px}
  html body .elementor section.uchh .uchh-knop{padding:14px 20px 14px 22px;font-size:15px}
  html body .elementor section.uchh .uchh-foto{position:relative;inset:auto;width:auto;margin:28px -20px 0;aspect-ratio:5/6;z-index:0;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 16%);mask-image:linear-gradient(180deg,transparent 0%,#000 16%)}
  html body .elementor section.uchh .uchh-usps{grid-area:foto;align-self:end;max-width:none;width:auto;margin:0 0 14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  html body .elementor section.uchh .uchh-usp{padding:10px 11px 11px;border-radius:14px;gap:4px}
  html body .elementor section.uchh .uchh-usp .uc-getal{font-size:clamp(16px,4.8vw,22px)}
  html body .elementor section.uchh .uchh-usp-tekst{font-size:clamp(10px,2.7vw,12px);line-height:1.3}
}
/* op de foto ligt het glas soms over de lichte pilaar: een donkere ondertoon houdt de witte tekst leesbaar */
@media (max-width:899px){
  html body .elementor section.uchh .uchh-usp{background:linear-gradient(160deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.04) 100%),rgba(14,22,46,.46)}
}
@media (min-width:600px) and (max-width:899px){
  html body .elementor section.uchh{padding-left:36px;padding-right:36px}
  html body .elementor section.uchh .uchh-foto{margin-inline:-36px;aspect-ratio:5/4}
  html body .elementor section.uchh .uchh-usps{margin:0 0 20px;max-width:620px}
}

@media (prefers-reduced-transparency:reduce){
  html body .elementor section.uchh .uchh-usp{background:#2A3858 !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
}

/* Hero B2: kaarten als neutraal glas in plaats van lichtblauw.
   Het blauw kwam van de blauwe gloed achter de kaarten, die het glas met saturate(180%) en brightness(1.08) nog eens opkrikte.
   Nu: gloed neutraal en zwakker, glas zonder kleurversterking, meer vervaging en een heldere rand. */
html body .elementor section.uchh{background:radial-gradient(34% 40% at 16% 88%,rgba(170,184,214,.12),rgba(170,184,214,0) 70%),radial-gradient(45% 60% at 12% 30%,rgba(88,118,190,.16),rgba(88,118,190,0) 70%),var(--uchh-bg)}
html body .elementor section.uchh .uchh-usp{
  background:linear-gradient(160deg,rgba(255,255,255,.11) 0%,rgba(255,255,255,.04) 55%,rgba(255,255,255,.02) 100%);
  -webkit-backdrop-filter:blur(32px) saturate(110%);backdrop-filter:blur(32px) saturate(110%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 0 0 1px rgba(255,255,255,.12),inset 0 -1px 0 rgba(255,255,255,.04),0 24px 48px -28px rgba(4,10,28,.8)}
html body .elementor section.uchh .uchh-usp::before{background:radial-gradient(80% 60% at 0% 0%,rgba(255,255,255,.1),rgba(255,255,255,0) 60%)}
@media (max-width:899px){
  html body .elementor section.uchh{background:var(--uchh-bg)}
  html body .elementor section.uchh .uchh-usp{background:linear-gradient(160deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.03) 100%),rgba(14,22,46,.42)}
}
/* telefoon: drie kaarten naast elkaar passen niet ("Advertentiebudget" liep uit de kaart).
   Twee naast elkaar en de derde over de volle breedte, cijfer links en uitleg rechts, zoals de cijferstrook in Over mij. */
@media (max-width:599px){
  html body .elementor section.uchh .uchh-usps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  html body .elementor section.uchh .uchh-usp{justify-content:flex-start;padding:12px 14px 13px;gap:5px}
  html body .elementor section.uchh .uchh-usp:nth-child(3){grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
  html body .elementor section.uchh .uchh-usp:nth-child(3) .uchh-usp-tekst{text-align:right}
  html body .elementor section.uchh .uchh-usp .uc-getal{font-size:clamp(19px,5.6vw,22px)}
  html body .elementor section.uchh .uchh-usp-tekst{font-size:clamp(11.5px,3.3vw,13px);line-height:1.3}
}
/* telefoon: de titel iets verder onder de glazen menubalk, zodat de vervaging er niet over valt */
@media (max-width:899px){
  html body .elementor section.uchh{padding-top:116px}
}
/* 600 tot 767: dezelfde 20px rand als de menubalk en de andere secties (was 36) */
@media (min-width:600px) and (max-width:767px){
  html body .elementor section.uchh{padding-left:20px;padding-right:20px}
  html body .elementor section.uchh .uchh-foto{margin-inline:-20px}
}
/* staande tablet: de drie kaarten over de volle breedte van de inhoud, gelijk met de titel */
@media (min-width:600px) and (max-width:899px){
  html body .elementor section.uchh .uchh-usps{max-width:none}
}

/* desktop: de hero begint op dezelfde lijn als het logo en de andere secties (rand 48px binnen de inhoudsbreedte, 36 tot 1024) */
@media (min-width:900px){
  html body .elementor section.uchh{padding-left:0;padding-right:0}
  html body .elementor section.uchh .uchh-binnen{padding-left:var(--uchh-rand);padding-right:var(--uchh-rand);grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
  /* de kaarten houden dezelfde maat als voorheen, nu de tekstkolom breder is */
  html body .elementor section.uchh .uchh-usps{width:calc(100% + 80px)}
  html body .elementor section.uchh .uchh-foto{right:calc(-1 * var(--uchh-rand) - max(0px,(100vw - var(--uc-breed,1296px)) / 2))}
  html body .elementor section.uchh .uchh-foto img{right:max(0px,calc(var(--uchh-rand) + max(0px,(100vw - var(--uc-breed,1296px)) / 2) - 40px))}
}
@media (min-width:1025px) and (max-width:1180px){
  html body .elementor section.uchh{--uchh-rand:48px}
}
/* === Upclimb hero B2 (uchh-) · einde === */


/* === Upclimb opening lichtblauw (E) · begin === */
/* Opening (31 okt, Lars koos E): intro en Herken je dit op het ijsblauw van de pilaar in de herofoto en van de chatkaart, zodat de opening uit één lichtfamilie komt.
   Intro op dezelfde lijn als logo en hero, vage Google Ads-logo achter de titel weg, titel groter en strakker, kaart ronde hoeken 24. */
/* intro op dezelfde lijn als logo, hero en de andere secties (stond op 1200 breed, dus 48px verder naar binnen) */
html body.page-id-396.home .elementor .uc-sectie[data-id="6c0fa4c1"]:not(.uc-voet) > .uc-binnen{max-width:var(--uc-breed) !important}
/* het vage Google Ads-logo achter de titel weg: onrustig en het concurreert met de kaart */
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-merk{display:none !important}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-binnen{border-top:0 !important}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-kop{font-size:clamp(30px,3.1vw,46px) !important;line-height:1.06 !important;letter-spacing:-.035em !important}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-kop span{display:block}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-label{letter-spacing:.08em}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-kaart{border-radius:24px}
/* intro en Herken op het ijsblauw van de pilaar in je foto en van de kaart: alles uit één lichtfamilie */
html body.page-id-396.home .elementor .uc-sectie[data-id="6c0fa4c1"]:not(.uc-voet){background:#E8EDF6 !important}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet){background:linear-gradient(180deg,#E8EDF6 0%,#F1F3F8 60%,#F5F5F7 100%) !important}
html body.page-id-396.home .elementor .uc-sectie[data-id="6c0fa4c1"]:not(.uc-voet) > .uc-binnen{padding-top:56px !important;padding-bottom:8px !important}
html body.page-id-396.home .elementor .uc-sectie[data-id="6c0fa4c1"]:not(.uc-voet) .uc-lead,html body.page-id-396.home .elementor .uc-sectie[data-id="6c0fa4c1"]:not(.uc-voet) .uc-klein{color:#5D6680 !important}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-label{color:#5D6680 !important}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-kop span{color:#7A8299 !important}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-binnen{padding-top:56px !important}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-kaart{box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 40px 80px -46px rgba(27,40,68,.55)}
/* intro en Herken hebben dezelfde kleur, maar hun grens viel op een halve pixel: dan tekent de browser een dun naadje onder de knop. Herken schuift 1px over de intro heen. */
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet){margin-top:-1px !important}
/* tablet: intro op dezelfde 36px-rand als de menubalk en de andere secties (stond op 48) */
@media (min-width:768px) and (max-width:1024px){html body.page-id-396.home .elementor .uc-sectie[data-id="6c0fa4c1"]:not(.uc-voet) > .uc-binnen{padding-left:36px !important;padding-right:36px !important}}
/* === Upclimb opening lichtblauw (E) · einde === */


/* === Upclimb tegelfoto hoger · begin === */
/* Daarom begon ik Upclimb, desktop: de foto werd op brede schermen flink vergroot en stond met de bovenkant vast, zodat het gezicht laag zat en de kaarten tegen de kin kwamen.
   De uitsnede schuift omhoog (veel lucht boven het hoofd in de foto), zodat het gezicht op elke breedte ruim boven de kaarten staat. */
@media (min-width:1025px){html body.page-id-396.home .elementor #waarom-upclimb .ucv-tegel-img{object-position:50% 55% !important}}
/* === Upclimb tegelfoto hoger · einde === */


/* === Upclimb hero blauw Over mij · begin === */
/* De hero heeft hetzelfde donkerblauw als Over mij: grondkleur #101A3D met dezelfde twee gloedvlekken (rechtsboven en linksonder), op elke schermbreedte. */
html body .elementor section.uchh{--uchh-bg:#101A3D;background:radial-gradient(52% 60% at 86% 8%,rgba(72,110,190,.34),rgba(72,110,190,0) 72%),radial-gradient(40% 50% at 8% 96%,rgba(46,74,140,.28),rgba(46,74,140,0) 70%),var(--uchh-bg) !important}
/* === Upclimb hero blauw Over mij · einde === */


/* === Upclimb cijferstrook midden · begin === */
/* Cijferstrook "Ervaring die meegaat naar jouw account": geen scheidingslijn, minder lucht, en de inhoud precies midden tussen de kaart erboven en de donkere sectie eronder.
   Ruimte boven = onderrand van "Waarom Upclimb" (was 84/64) + bovenrand van de strook; ruimte onder = onderrand van de strook. Desktop 56 + 56, telefoon 44 + 44 (was 128 boven / 48 onder). */
html body.page-id-396 .elementor #waarom-upclimb .ucv-binnen{padding-bottom:56px !important}
html body.page-id-396 .elementor #ervaring [data-id="6624e637"]{border-top:0 !important;padding-top:0 !important;padding-bottom:56px !important}
@media (max-width:767px){
  html body.page-id-396 .elementor #waarom-upclimb .ucv-binnen{padding-bottom:44px !important}
  html body.page-id-396 .elementor #ervaring [data-id="6624e637"]{padding-bottom:44px !important}
}
/* halve-pixelnaad: de donkere sectie eronder schuift 1px omhoog, zodat er geen licht lijntje tussen valt */
html body.page-id-396 .elementor #ervaring + .uc-sectie{margin-top:-1px !important}
/* === Upclimb cijferstrook midden · einde === */


/* === Upclimb menubalk overgang · begin === */
/* Menubalk: van ijsblauw naar helder glas (en terug) vloeit over in plaats van te verspringen.
   Een kleurverloop kan niet overvloeien, dus het ijsblauw ligt nu als eigen laag (::after) die in- en uitfadet.
   De vervaging eronder (::before) schuift mee; beide filterlijsten hebben dezelfde functies, anders springt ook die. */
html body .elementor .uc-menubalk.uch-glas::before,html body .elementor .uc-menubalk.uch-glas.is-clear::before{background:linear-gradient(rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 70%);-webkit-backdrop-filter:blur(16px) saturate(1.15) brightness(1) contrast(1);backdrop-filter:blur(16px) saturate(1.15) brightness(1) contrast(1)}
html body .elementor .uc-menubalk.uch-glas.is-clear::before{-webkit-backdrop-filter:blur(5px) saturate(1) brightness(1.08) contrast(1.05);backdrop-filter:blur(5px) saturate(1) brightness(1.08) contrast(1.05)}
html body .elementor .uc-menubalk.uch-glas::after{content:"";position:absolute;inset:0 0 -32px;z-index:-1;display:block;pointer-events:none;background:linear-gradient(160deg,rgba(92,116,168,.5) 0%,rgba(108,131,180,.46) 50%,rgba(126,148,192,.42) 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 62%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 62%,transparent 100%);opacity:1}
html body .elementor .uc-menubalk.uch-glas.is-clear::after{opacity:0}
html body .elementor .uc-menubalk.uch-glas.uch-klaar::before{transition:-webkit-backdrop-filter .6s cubic-bezier(.4,0,.2,1),backdrop-filter .6s cubic-bezier(.4,0,.2,1)}
html body .elementor .uc-menubalk.uch-glas.uch-klaar::after{transition:opacity .6s cubic-bezier(.4,0,.2,1)}
html body.page-id-396 .elementor .uc-menubalk.uch-glas::after{inset:0 0 -40px;-webkit-mask-image:linear-gradient(#000 0%,#000 80%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 80%,transparent 100%)}
@media (max-width:767px){html body.page-id-396 .elementor .uc-menubalk.uch-glas::after{inset:0 0 -30px}}
@media (prefers-reduced-motion:reduce){html body .elementor .uc-menubalk.uch-glas.uch-klaar::before,html body .elementor .uc-menubalk.uch-glas.uch-klaar::after{transition:none}}
/* === Upclimb menubalk overgang · einde === */


/* === Upclimb ik beheer ijsblauw (ucz-) · begin === */
/* Ik beheer je Google Ads in het ijsblauw van de intro in plaats van inkt (Lars koos C, 31 okt). Kop en tekst donker, stapkaarten licht glas, de AI-kaart in het nachtblauw van de hero. Meldingen op de foto's blijven donker glas.
   Compacter: kaarten 10:11 in plaats van 3:4, minder lucht boven en onder, strakkere stapkaarten. Het id in elke regel is nodig: oudere regels voor deze sectie staan ook op !important. */
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie{background:radial-gradient(45% 50% at 50% 62%,rgba(146,176,222,.32) 0%,rgba(146,176,222,0) 70%),linear-gradient(180deg,#E8EDF6 0%,#F1F3F8 100%) !important}
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-kop{color:#1A0B1F !important}
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-kop span{color:rgba(26,11,31,.42) !important}
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-lead{color:rgba(26,11,31,.66) !important}
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-lead :is(strong,b){color:#1A0B1F !important}
/* tekstkaart onder elke stap: licht glas */
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-stap-tekst{background:linear-gradient(180deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,.5) 100%) !important;-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.65),0 1px 2px rgba(16,26,61,.05),0 24px 48px -28px rgba(16,26,61,.3) !important}
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-stap-nr{color:rgba(26,11,31,.5) !important}
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-stap-titel{color:#1A0B1F !important}
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-stap-uitleg{color:rgba(26,11,31,.7) !important}
/* AI-kaart in het nachtblauw van de hero, met de bestaande donkere meldingen */
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-ai-vorm{background:radial-gradient(70% 50% at 50% 0%,rgba(72,110,190,.34) 0%,rgba(72,110,190,0) 72%),#101A3D !important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.06),0 1px 2px rgba(26,11,31,.08),0 28px 56px -30px rgba(26,11,31,.45) !important}
/* film- en dashboardkaart: zachte schaduw in plaats van de zware zwarte */
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-lv-vorm{box-shadow:0 1px 2px rgba(26,11,31,.06),0 28px 56px -30px rgba(26,11,31,.36) !important}
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-kl-vorm{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(26,11,31,.06),0 28px 56px -30px rgba(26,11,31,.36) !important}
/* stippen op telefoon en tablet */
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-stippen button::before{background:rgba(26,11,31,.2) !important}
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-stippen button[aria-current="true"]::before{background:#1A0B1F !important}
/* compacter */
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie :is(.ucz-ai,.ucz-lv,.ucz-kl){aspect-ratio:10/11 !important}
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-stap{gap:10px !important}
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-stap-tekst{padding:12px 16px 13px !important}
@media (min-width:1024px){
  html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-binnen{padding-top:52px !important;padding-bottom:52px !important;gap:24px !important}
  html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-duo{padding-top:12px !important}
}
/* telefoon en tablet: het kader om elke stap is het lichte glas, de tekst erin heeft geen eigen kaart */
@media (max-width:1023px){
  html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-binnen{padding-top:48px !important;padding-bottom:40px !important}
  html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-duo > .ucz-stap{background:linear-gradient(180deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,.5) 100%) !important;-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.65),0 1px 2px rgba(16,26,61,.05),0 24px 48px -28px rgba(16,26,61,.3) !important}
  html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-duo > .ucz-stap > .ucz-stap-tekst{background:none !important;box-shadow:none !important;-webkit-backdrop-filter:none;backdrop-filter:none}
}
/* === Upclimb ik beheer ijsblauw (ucz-) · einde === */
/* === Upclimb ik beheer zonder schaduw (ucz-) · begin === */
/* Lars, 31 okt: geen schaduw onder de drie beeldkaarten. De lichte binnenrand van de AI-kaart en de klantkaart blijft. */
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-ai-vorm{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.06) !important}
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-lv-vorm{box-shadow:none !important}
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-kl-vorm{box-shadow:inset 0 1px 0 rgba(255,255,255,.3) !important}
/* === Upclimb ik beheer zonder schaduw (ucz-) · einde === */
/* === Upclimb ik beheer AI-kaart Scale (ucz-) · begin === */
/* De AI-kaart van "Ik beheer" met de achtergrond van de Scale-prijskaart, maar stilstaand: de poster van de video,
   even vaag (blur 20, saturate 1.15) en met dezelfde donkere laag erover. Lars, 31 okt. */
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-ai-vorm{background:#07152B !important;isolation:isolate}
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-ai-vorm::before{content:"";position:absolute;inset:-40px;width:auto;height:auto;background:url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/upclimb-blauw-poster.jpg) center/cover no-repeat;filter:blur(20px) saturate(1.15);z-index:0;pointer-events:none}
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-ai-vorm::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,21,43,.15) 0%,rgba(7,21,43,.35) 50%,rgba(7,21,43,.78) 100%);z-index:1;pointer-events:none}
/* === Upclimb ik beheer AI-kaart Scale (ucz-) · einde === */


/* === Upclimb ik beheer zachte overgang (ucz-) · begin === */
/* Ik beheer je Google Ads: het ijsblauw loopt zacht in vanuit de crème cijferstrook erboven en zakt onderaan weer weg in de crème sectie eronder,
   in plaats van een harde rand met een lijntje. Zachte S-curve, berekend in OKLab. Het lijntje was de bovenrand van de binnenkant van de sectie. */
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie{--ib-zone:180px;background:radial-gradient(45% 50% at 50% 62%,rgba(146,176,222,.32) 0%,rgba(146,176,222,0) 70%),linear-gradient(180deg,#F5F5F7 calc(var(--ib-zone) * 0.000),#F4F5F7 calc(var(--ib-zone) * 0.125),#F3F4F7 calc(var(--ib-zone) * 0.250),#F1F2F7 calc(var(--ib-zone) * 0.375),#EFF1F6 calc(var(--ib-zone) * 0.500),#ECF0F6 calc(var(--ib-zone) * 0.625),#EAEEF6 calc(var(--ib-zone) * 0.750),#E9EDF6 calc(var(--ib-zone) * 0.875),#E8EDF6 calc(var(--ib-zone) * 1.000),#F1F3F8 calc(100% - var(--ib-zone) * 1.000),#F1F3F8 calc(100% - var(--ib-zone) * 0.875),#F1F3F8 calc(100% - var(--ib-zone) * 0.750),#F2F4F8 calc(100% - var(--ib-zone) * 0.625),#F3F4F8 calc(100% - var(--ib-zone) * 0.500),#F4F4F7 calc(100% - var(--ib-zone) * 0.375),#F5F5F7 calc(100% - var(--ib-zone) * 0.250),#F5F5F7 calc(100% - var(--ib-zone) * 0.125),#F5F5F7 calc(100% - var(--ib-zone) * 0.000)) !important}
@media (max-width:1023px){html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie{--ib-zone:140px}}
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie > .ucz-binnen{border-top:0 !important}
/* ook het scheidingslijntje bovenaan de sectie eronder (Ik doe het werk) weg, anders breekt het het zachte verloop */
html body.page-id-396 .elementor section#daarom-upclimb + section.uc-sectie > .uc-binnen{border-top:0 !important}
/* === Upclimb ik beheer zachte overgang (ucz-) · einde === */


/* === Upclimb ik beheer schaduw mobiel (ucz-) · begin === */
/* Telefoon en tablet: de veegstrook met de stapkaarten knipte de schaduw onder de kaarten recht af, waardoor er onderaan een grijze band met een rand ontstond.
   De strook krijgt onderaan ruimte voor de hele schaduw; met een negatieve marge blijft de sectie even hoog. */
@media (max-width:1023px){
  html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-duo{padding-bottom:64px !important;margin-bottom:-36px !important}
}
/* === Upclimb ik beheer schaduw mobiel (ucz-) · einde === */

/* === Upclimb blauw als Het verschil · begin === */
/* Ik beheer je Google Ads en Hoe het werkt in hetzelfde blauw als de sectie "Het verschil tussen winst en verlies" (Lars, 1 nov):
   #E8EDF6, op 60% #F1F3F8, onderaan crème. Zonder de grijsblauwe gloed. Bovenin loopt het zacht in vanuit de crème sectie erboven. */
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie,html body.page-id-396 .elementor section#hoe-het-werkt{--ib-zone:180px;background:linear-gradient(180deg,#F5F5F7 calc(var(--ib-zone) * 0.000),#F4F5F7 calc(var(--ib-zone) * 0.125),#F3F4F7 calc(var(--ib-zone) * 0.250),#F1F2F7 calc(var(--ib-zone) * 0.375),#EFF1F6 calc(var(--ib-zone) * 0.500),#ECF0F6 calc(var(--ib-zone) * 0.625),#EAEEF6 calc(var(--ib-zone) * 0.750),#E9EDF6 calc(var(--ib-zone) * 0.875),#E8EDF6 calc(var(--ib-zone) * 1.000),#F1F3F8 60%,#F5F5F7 100%) !important}
@media (max-width:1023px){html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie,html body.page-id-396 .elementor section#hoe-het-werkt{--ib-zone:140px}}
/* === Upclimb blauw als Het verschil · einde === */

/* === Upclimb hoe het werkt compact (hl-) · begin === */
/* Hoe het werkt als lichte glazen kaart (Lars koos Compact, 1 nov). De inhoud staat in het HTML-blok "Hoe het werkt" in de sectie zelf.
   De achtergrond staat in het kitblok "blauw als Het verschil". */
html body.page-id-396 .elementor section#hoe-het-werkt>[data-id="57752c23"]{padding-top:72px !important;padding-bottom:64px !important;border-top:0 !important}
html body.page-id-396 .elementor section#hoe-het-werkt>[data-id="57752c23"]>.elementor-widget-html{width:100%}
@media (max-width:599px){html body.page-id-396 .elementor section#hoe-het-werkt>[data-id="57752c23"]{padding-top:64px !important;padding-bottom:56px !important}}

section#hoe-het-werkt .hl{--i:#1A0B1F;--i2:rgba(26,11,31,.62);--i3:rgba(26,11,31,.38);--l:rgba(26,11,31,.07);--groen:#34C759;--veer:cubic-bezier(.32,.72,0,1);--zacht:cubic-bezier(.16,1,.3,1);font-family:Inter,system-ui,sans-serif;color:var(--i);width:100%;-webkit-font-smoothing:antialiased}
section#hoe-het-werkt .hl *{box-sizing:border-box}
/* het thema kleurt elke knop roze bij aanwijzen en focus; hier niet */
html body section#hoe-het-werkt .hl button,html body section#hoe-het-werkt .hl button:hover,html body section#hoe-het-werkt .hl button:focus,html body section#hoe-het-werkt .hl button:active{all:unset;box-sizing:border-box;cursor:pointer;background:none !important;border:0 !important;box-shadow:none !important;outline:0;-webkit-tap-highlight-color:transparent}
html body section#hoe-het-werkt .hl button:focus-visible{outline:2px solid #3B5BDB !important;outline-offset:3px;border-radius:999px}

section#hoe-het-werkt .hl-rij{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);justify-content:space-between;gap:32px clamp(40px,6vw,96px);align-items:center}
html body section#hoe-het-werkt .hl h2{margin:0;font-family:inherit;font-size:clamp(32px,3.6vw,48px);line-height:1.03;letter-spacing:-.035em;font-weight:600;text-wrap:balance;color:var(--i)}
html body section#hoe-het-werkt .hl h2 span{color:var(--i3)}
html body section#hoe-het-werkt .hl .hl-onder{margin:16px 0 0;font-size:17px;line-height:1.5;color:var(--i2);max-width:40ch}
section#hoe-het-werkt .hl-seg{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border-radius:999px;background:rgba(26,11,31,.05);margin-top:32px;isolation:isolate}
html body section#hoe-het-werkt .hl-seg button{position:relative;z-index:1;padding:9px 16px;font-size:14px;font-weight:500;color:var(--i3) !important;text-align:center;white-space:nowrap;border-radius:999px;transition:color .3s}
html body section#hoe-het-werkt .hl-seg button[aria-selected="true"]{color:var(--i) !important}
section#hoe-het-werkt .hl-seg button:active{scale:.97}
section#hoe-het-werkt .hl-duim{position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(26,11,31,.08),0 3px 10px -2px rgba(26,11,31,.12);transition:translate .45s var(--veer),width .45s var(--veer)}
section#hoe-het-werkt .hl-wissel{display:grid}
section#hoe-het-werkt .hl-wissel>*{grid-area:1/1;transition:opacity .35s var(--zacht),filter .35s var(--zacht),translate .45s var(--veer)}
section#hoe-het-werkt .hl[data-pad="al"] .hl-wissel>.n,section#hoe-het-werkt .hl[data-pad="nieuw"] .hl-wissel>.a{opacity:0;filter:blur(4px);translate:0 5px;pointer-events:none;visibility:hidden}
html body section#hoe-het-werkt .hl .hl-tekst{margin:18px 0 0;font-size:15.5px;line-height:1.6;color:var(--i2);max-width:46ch}
html body section#hoe-het-werkt .hl .hl-tekst strong{color:var(--i) !important;font-weight:500}
section#hoe-het-werkt .hl-knop{margin-top:30px}

section#hoe-het-werkt .hl-kaart{border-radius:28px;padding:24px 26px 20px;background:linear-gradient(160deg,rgba(255,255,255,.82),rgba(255,255,255,.58));-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.7),0 40px 80px -50px rgba(40,60,120,.4)}
section#hoe-het-werkt .hl-kkop{font-size:13px;color:var(--i3)}
section#hoe-het-werkt .hl-kkop b{display:block;margin-top:4px;font-size:22px;font-weight:600;letter-spacing:-.025em;color:var(--i)}
html body section#hoe-het-werkt .hl ul{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
html body section#hoe-het-werkt .hl li{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:10px 0;border-top:1px solid var(--l);font-size:15px;line-height:1.4;color:var(--i3);transition:color .5s var(--zacht)}
section#hoe-het-werkt .hl li svg{width:18px;height:18px;flex:none;fill:none;stroke:#1A0B1F;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .5s var(--zacht)}
html body section#hoe-het-werkt .hl li.is-ok{color:var(--i)}
section#hoe-het-werkt .hl li.is-ok svg{stroke-dashoffset:0}
section#hoe-het-werkt .hl-live{display:inline-flex;align-items:center;gap:9px;margin-top:18px;font-size:13px;color:var(--i2);opacity:0;transition:opacity .6s var(--zacht)}
section#hoe-het-werkt .hl-live i{width:7px;height:7px;border-radius:50%;background:var(--groen);box-shadow:0 0 0 4px rgba(52,199,89,.18)}
section#hoe-het-werkt .hl-kaart.is-live .hl-live{opacity:1}
section#hoe-het-werkt .hl-fases{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:44px;padding-top:20px;border-top:1px solid var(--l)}
section#hoe-het-werkt .hl-fs span{display:block;font-size:12.5px;color:var(--i3);font-variant-numeric:tabular-nums}
section#hoe-het-werkt .hl-fs b{display:block;margin-top:5px;font-size:15px;font-weight:500;letter-spacing:-.01em;color:var(--i3);transition:color .6s var(--zacht)}
section#hoe-het-werkt .hl-fs.is-aan b{color:var(--i)}
/* binnenkomst, alleen als het script draait (zonder script staat alles gewoon klaar) */
section#hoe-het-werkt .hl.hl-js .hl-op{opacity:0;translate:0 12px;transition:opacity .9s var(--zacht),translate .9s var(--zacht);transition-delay:calc(var(--d,0)*70ms)}
section#hoe-het-werkt .hl.hl-js.is-in .hl-op{opacity:1;translate:0 0}

@media (max-width:1023px){
  section#hoe-het-werkt .hl-rij{grid-template-columns:1fr}
  section#hoe-het-werkt .hl-kaart{max-width:460px}
  section#hoe-het-werkt .hl-fases{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
}
/* telefoon: live naast de titel, de zes in twee smalle kolommen, de fases als één regel om door te vegen */
@media (max-width:599px){
  section#hoe-het-werkt .hl-rij{gap:28px}
  html body section#hoe-het-werkt .hl h2{font-size:30px}
  html body section#hoe-het-werkt .hl .hl-onder{font-size:15.5px;margin-top:10px}
  section#hoe-het-werkt .hl-seg{display:grid;width:100%;margin-top:20px}
  html body section#hoe-het-werkt .hl-seg button{padding:10px 6px;font-size:13.5px}
  html body section#hoe-het-werkt .hl .hl-tekst{font-size:14.5px;line-height:1.55;margin-top:14px}
  section#hoe-het-werkt .hl-knop{margin-top:20px}
  section#hoe-het-werkt .hl-kaart{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:12px;padding:18px 18px 12px;border-radius:22px}
  section#hoe-het-werkt .hl-kkop{grid-column:1;grid-row:1;font-size:12px}
  section#hoe-het-werkt .hl-kkop b{font-size:19px;margin-top:2px}
  section#hoe-het-werkt .hl-live{grid-column:2;grid-row:1;margin:0 0 3px;font-size:11.5px;white-space:nowrap;gap:7px}
  section#hoe-het-werkt .hl-live i{width:6px;height:6px}
  html body section#hoe-het-werkt .hl ul{grid-column:1/-1;margin-top:10px;column-gap:12px}
  html body section#hoe-het-werkt .hl li{font-size:13.5px;padding:9px 0;white-space:nowrap;gap:6px}
  section#hoe-het-werkt .hl li svg{width:15px;height:15px}
  section#hoe-het-werkt .hl-fases{display:flex;gap:0;overflow-x:auto;margin-top:28px;padding-top:14px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
  section#hoe-het-werkt .hl-fases::-webkit-scrollbar{display:none}
  section#hoe-het-werkt .hl-fs{flex:none;padding-right:24px;scroll-snap-align:start}
  section#hoe-het-werkt .hl-fs b{font-size:14px;white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){
  section#hoe-het-werkt .hl *,section#hoe-het-werkt .hl *::before,section#hoe-het-werkt .hl *::after{transition-duration:.01s !important;transition-delay:0s !important}
}
@media (prefers-reduced-transparency:reduce){
  section#hoe-het-werkt .hl-kaart{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}
}
/* de knop in Hoe het werkt in dezelfde stijl als "Plan een gesprek" onderaan bij "Mijn systeem zoekt. Ik beslis." (.ucf-knop): inkt, witte tekst, wit rondje met donkere pijl (Lars, 1 nov) */
html body.page-id-396 .elementor section#hoe-het-werkt .hl-knop .uc-knop{display:inline-flex;align-items:center;gap:12px;height:48px;padding:6px 24px 6px 6px;border-radius:999px;font-family:inherit;font-weight:500;font-size:16px;line-height:1;letter-spacing:-.005em;text-decoration:none;background:#1A0B1F !important;color:#fff !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 30px -14px rgba(26,11,31,.55);transition:background-color .2s,box-shadow .2s,scale .1s ease-out}
html body.page-id-396 .elementor section#hoe-het-werkt .hl-knop .uc-knop:hover{background:#2C1B33 !important;color:#fff !important}
html body.page-id-396 .elementor section#hoe-het-werkt .hl-knop .uc-knop:active{scale:.98}
html body.page-id-396 .elementor section#hoe-het-werkt .hl-knop .uc-knop::before{content:"";flex:none;width:36px;height:36px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A0B1F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") 50% 50%/16px auto no-repeat !important;-webkit-mask:none !important;mask:none !important;position:static !important;translate:none !important}
html body.page-id-396 .elementor section#hoe-het-werkt .hl-knop .uc-knop::after{display:none !important;content:none !important}
/* === Upclimb hoe het werkt compact (hl-) · einde === */

/* === Upclimb ik beheer AI-kaart ronde hoeken (ucz-) · begin === */
/* Safari (iPhone) knipt de vervaagde achtergrondlaag van de AI-kaart niet af op de ronde hoeken, waardoor drie hoeken recht leken.
   De laag wordt nu zelf in de vorm van de kaart geknipt: hij steekt 40px uit, dus 40px naar binnen met dezelfde ronding. Lars, 1 nov. */
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-ai-vorm::before{-webkit-clip-path:inset(40px round 18px);clip-path:inset(40px round 18px)}
html body.page-id-396 .elementor section#daarom-upclimb.ucz-sectie .ucz-ai-vorm::after{border-radius:inherit}
/* === Upclimb ik beheer AI-kaart ronde hoeken (ucz-) · einde === */

/* === Upclimb over mij lavendel · begin === */
/* Over mij in het schuine lavendel licht van de footer (Lars koos Lavendel, 1 nov), met fijne korrel zoals de footerfoto.
   Uitlijning: de tekst staat verticaal in het midden naast de foto, zonder lege strook eronder. */
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con.e-con{background:linear-gradient(118deg,#8F97BB 0%,#7A82A8 16%,#4A5278 32%,#1E2546 50%,#131A36 70%,#101730 100%) !important;isolation:isolate}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con.e-con::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
@media (min-width:768px){
  html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con.e-con > [data-id="5e174d3"]{grid-template-rows:1fr auto auto 1fr !important;align-items:center}
  html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con.e-con [data-id="6d1b8793"]{grid-row:2 !important;align-self:end}
  html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con.e-con [data-id="4bb5784b"]{grid-row:3 !important;align-self:start}
  html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con.e-con :is([data-id="49055f3b"],.uc-grid-3){grid-row:1/5 !important}
}
/* telefoon: de tekst staat boven de foto, dus het licht komt van onderen, achter de foto */
@media (max-width:767px){
  html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con.e-con{background:linear-gradient(180deg,#101730 0%,#131A36 30%,#2A3258 62%,#6C7397 100%) !important}
}
/* === Upclimb over mij lavendel · einde === */

/* === Upclimb over mij breed (telefoon) en rechte slogan · begin === */
/* telefoon compacter (Lars koos Breed, 1 nov): foto liggend van hoofd tot knieën, alinea's 16 px, minder lucht. Van 963 naar ongeveer 660 px hoog. */
@media (max-width:767px){
  html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con.e-con > [data-id="5e174d3"]{padding-top:44px !important;padding-bottom:40px !important;row-gap:20px !important}
  html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con.e-con :is([data-id="5b01d945"],[data-id="6da7525f"]){font-size:16px !important;line-height:1.5 !important}
  html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con.e-con [data-id="4bb5784b"]{gap:12px !important}
  html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con.e-con h2{font-size:29px !important}
  html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con.e-con [data-id="49055f3b"]{aspect-ratio:4/3 !important;height:auto !important;min-height:0 !important;object-fit:cover;object-position:50% 34%}
}
/* === Upclimb over mij breed (telefoon) en rechte slogan · einde === */

/* === Upclimb hoe het werkt meldingen (kx-) · begin === */
/* Kaart in Hoe het werkt (Lars koos Meldingen, 1 nov): bij "Ik heb al Google Ads" drie meldingen van de persoonlijke AI van Lars,
   bij "Ik begin net" de kaart met vinkjes (.hl-nieuw). De meldingen schuiven één keer binnen; zonder script staan ze er gewoon. */
section#hoe-het-werkt .hl-nieuw{display:contents}
section#hoe-het-werkt .hl[data-pad="al"] .hl-nieuw,section#hoe-het-werkt .hl[data-pad="nieuw"] .kx{display:none}
html body section#hoe-het-werkt .hl[data-pad="al"] .hl-kaart{display:block !important}
section#hoe-het-werkt .kx{--amber:#F4C25B;--groen:#34C759;font-family:Inter,system-ui,sans-serif;color:var(--i)}
section#hoe-het-werkt .kx *{box-sizing:border-box}
section#hoe-het-werkt .kx-kop{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--i3);margin-bottom:14px}
section#hoe-het-werkt .kx-ai{display:inline-flex;align-items:center;gap:8px;color:var(--i);font-weight:600}
section#hoe-het-werkt .kx-ai i{position:relative;width:8px;height:8px;border-radius:50%;background:var(--groen)}
section#hoe-het-werkt .kx-ai i::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--groen);animation:kx-puls 2s ease-out 3}
@keyframes kx-puls{to{scale:3;opacity:0}}
section#hoe-het-werkt .kx .chip{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;font-size:10.5px;font-weight:500;white-space:nowrap}
section#hoe-het-werkt .kx .chip.kans{background:rgba(244,194,91,.22);color:#7A5410}
section#hoe-het-werkt .kx .chip.stop{background:rgba(229,72,77,.12);color:#A3262B}
section#hoe-het-werkt .kx .chip.lars{background:var(--i);color:#fff}
section#hoe-het-werkt .kx-2 .stapel{display:grid;gap:8px}
section#hoe-het-werkt .kx-2 .ml{display:grid;grid-template-columns:30px 1fr;gap:2px 10px;padding:10px 12px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(26,11,31,.06),0 8px 20px -14px rgba(26,11,31,.35)}
section#hoe-het-werkt .kx-2 .ic{grid-row:1/3;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(26,11,31,.05)}
section#hoe-het-werkt .kx-2 .ic svg{width:15px;height:15px;fill:none;stroke:var(--i);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
section#hoe-het-werkt .kx-2 .r1{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
section#hoe-het-werkt .kx-2 .tx{font-size:12.5px;line-height:1.4;color:var(--i2)}
html body section#hoe-het-werkt .kx .kx-voet{margin:14px 0 0;font-size:12.5px;color:var(--i3)}
/* afspelen, alleen als het script draait */
section#hoe-het-werkt .hl.hl-js .kx-2 .ml,section#hoe-het-werkt .hl.hl-js .kx .kx-voet{opacity:0}
section#hoe-het-werkt .hl.hl-js .kx.speel .ml{animation:kx-ml .6s cubic-bezier(.32,.72,0,1) both;animation-delay:calc(.4s + var(--n)*1.1s)}
section#hoe-het-werkt .hl.hl-js .kx.speel .kx-voet{animation:kx-in .5s ease-out 3.8s both}
@keyframes kx-ml{from{opacity:0;translate:0 -10px;scale:.97}to{opacity:1;translate:0 0;scale:1}}
@keyframes kx-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@media (prefers-reduced-motion:reduce){
  section#hoe-het-werkt .kx *,section#hoe-het-werkt .kx *::before,section#hoe-het-werkt .kx *::after{animation-duration:.01s !important;animation-delay:0s !important;animation-iteration-count:1 !important}
}
/* === Upclimb hoe het werkt meldingen (kx-) · einde === */

/* === Upclimb hoe het werkt Google Ads-tegel · begin === */
/* Kleine witte tegel met het Google Ads-logo naast de titel van Hoe het werkt (Lars, 1 nov). 3D-tegel van IconScout (ID 9325305), door Lars gedownload. */
section#hoe-het-werkt .hl-titel{display:flex;align-items:center;gap:18px}
section#hoe-het-werkt .hl-gads{flex:none;display:block;width:68px;height:68px;filter:drop-shadow(0 10px 14px rgba(40,60,120,.16))}
@media (max-width:599px){section#hoe-het-werkt .hl-titel{gap:14px}section#hoe-het-werkt .hl-gads{width:52px;height:52px}}
/* === Upclimb hoe het werkt Google Ads-tegel · einde === */

/* === Upclimb menuknop wisselt mee · begin === */
/* De knop "Vrijblijvend kennismaken" in de menubalk volgt de balk (Lars, 1 nov): boven lichte secties inkt met wit rondje (zoals de knop onderaan),
   boven donkere secties amber zoals hij was. Het menuscript zet .is-clear op de balk zodra hij boven een donkere sectie hangt. */
html body.page-id-396 nav.uc-menubalk .uc-knop--klein{transition:background-color .35s ease,color .35s ease,box-shadow .35s ease !important}
html body.page-id-396 nav.uc-menubalk .uc-knop--klein::before{transition:background-color .35s ease !important}
html body.page-id-396 nav.uc-menubalk .uc-knop--klein::after{transition:background-color .35s ease,translate .3s cubic-bezier(.16,1,.3,1) !important}
html body.page-id-396 nav.uc-menubalk:not(.is-clear) .uc-knop--klein{background:#1A0B1F !important;color:#fff !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 24px -12px rgba(26,11,31,.55) !important}
html body.page-id-396 nav.uc-menubalk:not(.is-clear) .uc-knop--klein:hover{background:#2C1B33 !important}
html body.page-id-396 nav.uc-menubalk:not(.is-clear) .uc-knop--klein::before{background:#fff !important}
html body.page-id-396 nav.uc-menubalk:not(.is-clear) .uc-knop--klein::after{background:#1A0B1F !important}
/* Over mij heeft sinds de lavendel alleen een verloop; het menuscript leest de achtergrondkleur, dus die moet er onder het verloop wel staan */
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con.e-con{background-color:#101730 !important}
/* === Upclimb menuknop wisselt mee · einde === */

/* === Upclimb hoe het werkt tijdlijn met uitleg · begin === */
/* De vijf momenten met een korte zin eronder (Lars, 1 nov): Dag 0, binnen 24 uur, binnen 48 uur, elke maandag, elk kwartaal. */
html body section#hoe-het-werkt .hl-fs p{margin:6px 0 0;font-size:13.5px;line-height:1.45;color:var(--i3);transition:color .6s var(--zacht);text-wrap:pretty}
html body section#hoe-het-werkt .hl-fs.is-aan p{color:var(--i2)}
@media (max-width:599px){
  section#hoe-het-werkt .hl-fs{flex:0 0 68%;padding-right:22px}
  html body section#hoe-het-werkt .hl-fs p{font-size:13px}
}
/* === Upclimb hoe het werkt tijdlijn met uitleg · einde === */

/* === Upclimb over mij gele knop · begin === */
/* Over mij (Lars, 1 nov): geen cijferstrook in de foto, de slogan staat in de hero. Plan een kennismaking is de gele knop. */
@media (max-width:767px){
  html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con.e-con [data-id="ucogespr"]{font-size:16px !important;line-height:1.5 !important}
}
/* === Upclimb over mij gele knop · einde === */

/* === Upclimb over mij kringel · begin === */
/* Over mij: "beiden wel" met een zachte gele kringel eronder (Lars, 1 nov) */
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con.e-con .uc-kop u{text-decoration:none;color:#fff;white-space:nowrap;padding-bottom:.14em;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'><path d='M3 9.5C22 5 38 12 58 8.2S96 4 118 8.6S160 11.4 197 5' fill='none' stroke='%23F4C25B' stroke-width='2.6' stroke-linecap='round'/></svg>") 0 100%/100% .3em no-repeat}
/* de kringel tekent zich één keer als de kop in beeld komt, waar de browser dat kan */
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    @keyframes uc-kringel{from{background-size:0% .3em}to{background-size:100% .3em}}
    html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con.e-con .uc-kop u{animation:uc-kringel linear both;animation-timeline:view();animation-range:entry 40% cover 38%}
  }
}
/* === Upclimb over mij kringel · einde === */

/* === Upclimb hoe het werkt schakelaar na tikken · begin === */
/* Na een tik blijft de knop in hover/focus staan (vooral op de telefoon). De themareset (all:unset) haalde dan de laag weg, waardoor het witte schuifje over de tekst kwam. Laag en maat staan nu vast in elke toestand (Lars, 1 nov). */
html body section#hoe-het-werkt .hl .hl-seg button,html body section#hoe-het-werkt .hl .hl-seg button:hover,html body section#hoe-het-werkt .hl .hl-seg button:focus,html body section#hoe-het-werkt .hl .hl-seg button:active{position:relative !important;z-index:1 !important;display:block !important;padding:9px 16px !important;font-size:14px !important;font-weight:500 !important;line-height:1.4 !important;text-align:center !important;white-space:nowrap !important;border-radius:999px !important;transition:color .3s !important}
@media (max-width:767px){
  html body section#hoe-het-werkt .hl .hl-seg button,html body section#hoe-het-werkt .hl .hl-seg button:hover,html body section#hoe-het-werkt .hl .hl-seg button:focus,html body section#hoe-het-werkt .hl .hl-seg button:active{padding:10px 6px !important;font-size:13.5px !important}
}
/* === Upclimb hoe het werkt schakelaar na tikken · einde === */

/* === Upclimb over mij nacht zonder lijst · begin === */
/* Over mij in het donker van de foto, met de foto zonder kader die overloopt in een blauwe gloed (Lars koos G, 1 nov).
   Kleuren gemeten in de foto: muur #1E273D tot #35425A, lichtbundel #7B8BA9. Vervangt de lavendel. */
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con.e-con.e-con{background:radial-gradient(38% 62% at 22% 50%,rgba(91,108,145,.5),rgba(91,108,145,0) 72%),#141B2C !important;background-color:#141B2C !important}
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con.e-con.e-con [data-id="49055f3b"]{border-radius:0 !important;box-shadow:none !important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 80%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 80%,transparent 100%);mask-composite:intersect}
@media (max-width:767px){
  html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con.e-con.e-con{background:radial-gradient(90% 38% at 50% 36%,rgba(91,108,145,.5),rgba(91,108,145,0) 72%),#141B2C !important;background-color:#141B2C !important}
}
/* === Upclimb over mij nacht zonder lijst · einde === */

/* === Upclimb tablet kaarthoeken · begin === */
/* Tablet (900 tot 1180 px): de drie kaarten van Ik beheer je Google Ads staan los, dus elke kaart krijgt ronde hoeken gelijk aan het beeld erin (18px). Zonder dit piekte de lichte kaart wit uit in de hoeken (Lars, 1 nov). */
@media (min-width:900px) and (max-width:1180px){
  html body.page-id-396 .elementor .ucz-sectie .ucz-duo > .ucz-stap{border-radius:18px !important}
}
/* === Upclimb tablet kaarthoeken · einde === */

/* === Upclimb hoe het werkt AI-bolletje en ijsblauw · begin === */
/* Hoe het werkt, meldingenkaart: het blauwe AI-bolletje uit "Ik beheer je Google Ads" in plaats van de groene stip, en alle "Voor Lars"-labels ijsblauw (Lars, 1 nov) */
html body section#hoe-het-werkt .kx-ai i{width:16px;height:16px;background:none;flex:0 0 auto}
html body section#hoe-het-werkt .kx-ai i::after{display:none}
html body section#hoe-het-werkt .kx-ai i canvas{position:absolute;left:50%;top:50%;width:26px;height:26px;translate:-50% -50%;display:block;pointer-events:none}
/* zonder WebGL: een stil blauw bolletje */
html body section#hoe-het-werkt .kx-ai i.reserve{border-radius:50%;background:radial-gradient(circle at 50% 35%,#C7E2FB,#7FB3EE 60%,#3D86E6)}
html body section#hoe-het-werkt .kx .chip:is(.kans,.stop,.lars){background:#E3EFFC;color:#1F5E9E;box-shadow:inset 0 0 0 1px rgba(31,94,158,.1)}
/* === Upclimb hoe het werkt AI-bolletje en ijsblauw · einde === */

/* === Upclimb hoe het werkt bolletje bij Live · begin === */
/* Sectie 09, kaart "Ik begin net": het blauwe AI-bolletje in plaats van de groene stip bij "Live, dag en nacht bewaakt" (Lars, 1 nov) */
html body section#hoe-het-werkt .hl-live i{position:relative;width:16px;height:16px;background:none;box-shadow:none;border-radius:50%;flex:0 0 auto}
html body section#hoe-het-werkt .hl-live i canvas{position:absolute;left:50%;top:50%;width:26px;height:26px;translate:-50% -50%;display:block;pointer-events:none}
html body section#hoe-het-werkt .hl-live i.reserve{background:radial-gradient(circle at 50% 35%,#C7E2FB,#7FB3EE 60%,#3D86E6)}
/* telefoon: de langere zin past niet naast "Jouw bedrijf", dus onder de lijst, net als op desktop */
@media (max-width:599px){
  html body section#hoe-het-werkt .hl-live{grid-column:1/-1;grid-row:auto;margin:12px 0 2px;white-space:normal;font-size:12.5px;gap:8px}
}
/* === Upclimb hoe het werkt bolletje bij Live · einde === */

/* === Upclimb ombouw sectie 01 en 09 naar losse widgets · begin === */
/* Sectie 01 Hero als losse Elementor-widgets (1 nov). De hero-stijl (uchh-) blijft gelijk; dit zet alleen de standaardopmaak van Elementor uit
   en tekent de pijl in de knop, die vroeger als los plaatje in de HTML stond. */
body .elementor section.uchh :where(.e-div-block-base){padding:0;min-width:0}
html body .elementor section.uchh .uchh-knop::after{content:"";width:17px;height:17px;flex:0 0 auto;background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14M13 6l6 6-6 6'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14M13 6l6 6-6 6'/></svg>") center/contain no-repeat;
  transition:transform .25s var(--uc-ease)}
html body .elementor section.uchh .uchh-knop:hover::after{transform:translateX(3px)}
/* Sectie 09 "Op maat ingericht" als losse Elementor-widgets (1 nov). De stijl (hl-) blijft gelijk; dit zet de standaardopmaak van Elementor uit
   en vertaalt de paar regels die op losse HTML-tags leunden naar de klassen van de nieuwe widgets. */
body .elementor .e-div-block-base:where(#hoe-het-werkt *){padding:0;min-width:0}
html body.page-id-396 .elementor section#hoe-het-werkt>[data-id="57752c23"]>.hl{width:100%}
/* de schakelaar, de kaart en de scripts staan in een HTML-widget; die verpakking telt niet mee in de opbouw */
html body section#hoe-het-werkt .hl .elementor-widget-html{display:contents}
/* de twee teksten achter de schakelaar zijn losse tekstwidgets (hl-a en hl-n) */
section#hoe-het-werkt .hl[data-pad="al"] .hl-wissel>.hl-n,section#hoe-het-werkt .hl[data-pad="nieuw"] .hl-wissel>.hl-a{opacity:0;filter:blur(4px);translate:0 5px;pointer-events:none;visibility:hidden}
/* tijdlijn: wanneer, titel en uitleg zijn losse tekstwidgets (eerst span, b en p) */
html body section#hoe-het-werkt .hl .hl-fs .hl-fs-wanneer{display:block;margin:0;font-size:12.5px;line-height:inherit;color:var(--i3);font-variant-numeric:tabular-nums;transition:none;text-wrap:wrap}
html body section#hoe-het-werkt .hl .hl-fs .hl-fs-titel{display:block;margin:5px 0 0;font-size:15px;line-height:inherit;font-weight:500;letter-spacing:-.01em;color:var(--i3);transition:color .6s var(--zacht);text-wrap:wrap}
html body section#hoe-het-werkt .hl .hl-fs.is-aan .hl-fs-titel{color:var(--i)}
@media (max-width:599px){
  html body section#hoe-het-werkt .hl .hl-fs .hl-fs-titel{font-size:14px;white-space:nowrap}
}
/* === Upclimb ombouw sectie 01 en 09 naar losse widgets · einde === */

/* === Upclimb over mij lopende band · begin === */
/* Over mij: lopende band met vijf punten onderin de sectie (Lars, 1 nov). Zelfde band als sectie 06 (ucu-), hier licht op donker en compacter. */
html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con.e-con > [data-id="5e174d3"]{padding-bottom:28px !important}
html body.page-id-396 .elementor section#over-mij .uco-band{display:block;width:100%;min-width:0;padding:0 0 44px;position:relative;z-index:1}
html body.page-id-396 .elementor section#over-mij .uco-band .ucu-lijst{gap:40px;padding-right:40px}
html body.page-id-396 .elementor section#over-mij .uco-band .ucu-usp{gap:8px}
html body.page-id-396 .elementor section#over-mij .uco-band .ucu-getal{font-size:20px;font-weight:600;letter-spacing:-.02em;color:#fff}
html body.page-id-396 .elementor section#over-mij .uco-band .ucu-tekst{font-size:13.5px;color:rgba(214,222,245,.72)}
html body.page-id-396 .elementor section#over-mij .uco-band .ucu-stip{width:4px;height:4px;background:rgba(214,222,245,.32)}
html body.page-id-396 .elementor section#over-mij .uco-band .elementor-widget-html{display:none}
@media (max-width:767px){
  html body.page-id-396 .elementor section#over-mij.uc-sectie.e-con.e-con > [data-id="5e174d3"]{padding-bottom:20px !important}
  html body.page-id-396 .elementor section#over-mij .uco-band{padding-bottom:32px}
  html body.page-id-396 .elementor section#over-mij .uco-band .ucu-lijst{gap:28px;padding-right:28px}
  html body.page-id-396 .elementor section#over-mij .uco-band .ucu-getal{font-size:17px}
  html body.page-id-396 .elementor section#over-mij .uco-band .ucu-tekst{font-size:13px}
}
/* === Upclimb over mij lopende band · einde === */

/* === Upclimb vragen ontwerp B (twee kolommen) · begin === */
/* Sectie 12 Vragen, ontwerp B (Lars koos B, 1 nov): kop erboven, vragen in twee kolommen, compacte regels.
   Plusje in een rond vakje (open = donker met wit kruisje), antwoord komt zacht binnen, direct reageren bij indrukken,
   zichtbare focus voor toetsenbord en een rustige versie bij minder beweging. Nieuwe vraag: in Elementor een vraag dupliceren. */
html body.page-id-396 .elementor section#vragen .uc-vraag-titel{font-size:16px !important;font-weight:600 !important;letter-spacing:-.01em !important;line-height:1.35 !important;transition:opacity .1s ease-out}
html body.page-id-396 .elementor section#vragen .uc-vraag-kop{padding:14px 0 !important;gap:20px !important;align-items:center !important;cursor:pointer;-webkit-tap-highlight-color:transparent}
html body.page-id-396 .elementor section#vragen .uc-vraag-kop:hover .uc-vraag-titel{color:#3B2F42}
html body.page-id-396 .elementor section#vragen .uc-vraag-kop:active .uc-vraag-titel{opacity:.7}
html body.page-id-396 .elementor section#vragen .uc-vraag-kop:focus-visible{outline:2px solid #1A0B1F;outline-offset:4px;border-radius:10px}
html body.page-id-396 .elementor section#vragen .uc-vraag-icoon{flex:none;width:32px !important;height:32px;padding:0 !important;border-radius:50%;display:grid !important;place-items:center;justify-content:center !important;align-content:center !important;align-items:center !important;background:rgba(26,11,31,.05);color:#1A0B1F;transition:background-color .3s,color .3s,scale .1s ease-out !important}
html body.page-id-396 .elementor section#vragen .uc-vraag-icoon::before,html body.page-id-396 .elementor section#vragen .uc-vraag-icoon::after{content:none !important;display:none !important}
html body.page-id-396 .elementor section#vragen .uc-vraag-icoon .uc-icoon{width:16px !important;height:16px !important;padding:0 !important}
html body.page-id-396 .elementor section#vragen .uc-vraag-icoon svg{width:16px !important;height:16px !important}
html body.page-id-396 .elementor section#vragen .uc-vraag-icoon :is(.uc-icoon,svg){color:#1A0B1F !important;stroke:currentColor !important}
html body.page-id-396 .elementor section#vragen .uc-vragen details[open] .uc-vraag-icoon{background:#1A0B1F;color:#fff}
html body.page-id-396 .elementor section#vragen .uc-vragen details[open] .uc-vraag-icoon :is(.uc-icoon,svg){color:#fff !important}
html body.page-id-396 .elementor section#vragen .uc-vraag-kop:hover .uc-vraag-icoon{background:rgba(26,11,31,.09)}
html body.page-id-396 .elementor section#vragen .uc-vragen details[open] .uc-vraag-kop:hover .uc-vraag-icoon{background:#2C1B33}
html body.page-id-396 .elementor section#vragen .uc-vraag-kop:active .uc-vraag-icoon{scale:.9}
html body.page-id-396 .elementor section#vragen .uc-vraag-inhoud{padding:0 0 18px !important}
html body.page-id-396 .elementor section#vragen .uc-vraag-inhoud .uc-tekst{font-size:15px !important;line-height:1.55 !important;max-width:62ch}
html body.page-id-396 .elementor section#vragen .uc-vragen details[open] .uc-vraag-inhoud{opacity:1;translate:0 0;transition:opacity .35s ease-out .05s,translate .45s cubic-bezier(.16,1,.3,1) .05s}
@starting-style{
  html body.page-id-396 .elementor section#vragen .uc-vragen details[open] .uc-vraag-inhoud{opacity:0;translate:0 -6px}
}
/* twee kolommen */
html body.page-id-396 .elementor section#vragen .uc-split-5-7{display:block !important}
html body.page-id-396 .elementor section#vragen .uc-split-5-7 > .uc-kop{margin-bottom:28px}
html body.page-id-396 .elementor section#vragen .uc-vragen{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;align-items:start}
html body.page-id-396 .elementor section#vragen .uc-vragen details:nth-child(2){border-top:1px solid var(--uc-lijn)}
@media (max-width:767px){
  html body.page-id-396 .elementor section#vragen .uc-vragen{grid-template-columns:1fr}
  html body.page-id-396 .elementor section#vragen .uc-vragen details:nth-child(2){border-top:0}
}
@media (prefers-reduced-motion:reduce){
  html body.page-id-396 .elementor section#vragen .uc-vragen details::details-content{transition:none !important}
  html body.page-id-396 .elementor section#vragen .uc-vraag-icoon svg{transition:none !important}
  html body.page-id-396 .elementor section#vragen .uc-vragen details[open] .uc-vraag-inhoud{translate:none;transition:opacity .2s ease-out}
  html body.page-id-396 .elementor section#vragen .uc-vraag-kop:active .uc-vraag-icoon{scale:none}
}
/* === Upclimb vragen ontwerp B (twee kolommen) · einde === */

/* === Upclimb prijs onder de kaarten (ontwerp D) en per 6 maanden · begin === */
/* Prijs (Lars, 2 nov): onder de drie kaarten één gedeelde lijst "Wat je altijd krijgt", plus extra's en afspraken.
   Iedereen krijgt hetzelfde, alleen de prijs schaalt mee met het budget. De punten gebruiken de vinkjes en lijnen van ucprijs-punt. */
html body.page-id-396 .elementor .ucprijs-sectie :where(.ucprijs-alles,.ucprijs-alles-links,.ucprijs-alles-rechts,.ucprijs-alles-lijst){padding:0;margin:0;min-width:0}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);column-gap:56px;row-gap:40px;margin-top:48px;padding-top:36px;border-top:1px solid rgba(26,11,31,.1)}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles-links,html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles-rechts{display:flex;flex-direction:column}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles-kop{margin:0 4px 6px;font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.35;color:var(--ucprijs-inkt)}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles-links .ucprijs-alles-lijst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles-lijst{display:flex;flex-direction:column}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles-rechts .ucprijs-alles-kop:not(:first-child){margin-top:28px}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-punt.ucprijs-punt--extra::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M6 2v8M2 6h8'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M6 2v8M2 6h8'/%3E%3C/svg%3E") center/contain no-repeat}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-afspraak{margin:6px 4px 0;font-size:.875rem;line-height:1.55;color:var(--ucprijs-inkt);max-width:36ch}
@media (max-width:1024px){
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles{grid-template-columns:1fr;row-gap:32px}
}
@media (max-width:767px){
  /* de kaarten swipen hier en krijgen order 2; de lijst hoort eronder */
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles{margin-top:28px;padding-top:28px;order:3}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles-links .ucprijs-alles-lijst{grid-template-columns:1fr}
}

html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-punt{border-bottom:0;padding:0;margin:0;font-size:14px;line-height:1.4}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-alles-kop{margin:0;font-size:14px}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-afspraak{margin:0;max-width:none;font-size:14px}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-alles-rechts .ucprijs-alles-kop:not(:first-child){margin-top:0}
/* ontwerp D (Lars koos D, 2 nov): wit kaartje "wat je altijd krijgt", licht kaartje met extra's en afspraken */
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:12px;row-gap:12px;margin-top:20px;padding-top:0;border-top:0}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles :is(.ucprijs-alles-links,.ucprijs-alles-rechts){padding:22px 24px;border-radius:20px;gap:12px}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-alles-links{background:#fff;box-shadow:0 0 0 1px rgba(26,11,31,.06),0 14px 30px -22px rgba(26,11,31,.3)}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-alles-rechts{background:#EEEEF2;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);column-gap:20px;row-gap:12px;align-content:start}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-alles-rechts > :nth-child(1){grid-column:1;grid-row:1}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-alles-rechts > :nth-child(2){grid-column:1;grid-row:2}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-alles-rechts > :nth-child(3){grid-column:2;grid-row:1}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-alles-rechts > :nth-child(4){grid-column:2;grid-row:2;color:var(--ucprijs-tekst)}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-alles-links .ucprijs-alles-lijst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-alles-rechts .ucprijs-alles-lijst{gap:10px}
@media (max-width:1024px){ html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles{grid-template-columns:1fr} }
/* D op de telefoon: compact. Vier punten strak onder elkaar, extra's als kleine pillen, afspraken op één regel met het label ervoor */
@media (max-width:767px){
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles{row-gap:8px;margin-top:16px}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles :is(.ucprijs-alles-links,.ucprijs-alles-rechts){padding:14px 16px;gap:8px;border-radius:18px}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-alles-kop{font-size:13px}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-alles-links .ucprijs-alles-lijst{grid-template-columns:1fr;gap:5px}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-punt{font-size:12.5px;line-height:1.35}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-alles-rechts{grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:8px;align-items:baseline}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-alles-rechts > :nth-child(1),html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-alles-rechts > :nth-child(2){grid-column:1 / -1 !important}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-alles-rechts > :nth-child(1){grid-row:1}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-alles-rechts > :nth-child(2){grid-row:2}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-alles-rechts > :nth-child(3){grid-column:1;grid-row:3;margin-top:4px;font-size:12px}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-alles-rechts > :nth-child(4){grid-column:2;grid-row:3;margin-top:4px;font-size:12px;line-height:1.45}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-alles-rechts .ucprijs-alles-lijst{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-punt--extra{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 7px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(26,11,31,.14);font-size:12px;line-height:1.25;white-space:nowrap}
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-punt--extra::before{margin-top:0;width:10px;height:10px}
}
@media (max-width:389px){ html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-alles .ucprijs-punt--extra{white-space:normal} }

/* Prijs (Lars, 2 nov): "Per 6 maanden" met 10% korting. Kiest iemand die optie, dan verschijnt onder de schakelaar
   de uitleg over meeschuiven met de staffel. De sectie krijgt dan .is-jaar van het script (naam bleef, de periode is nu 6 maanden). */
html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-periode-noot{align-self:center;max-width:44ch;margin:0 auto;text-align:center;font-size:14px;line-height:1.5;color:var(--ucprijs-tekst);
  opacity:0;max-height:0;overflow:hidden;visibility:hidden;translate:0 -4px;
  transition:opacity .3s ease-out,translate .4s cubic-bezier(.16,1,.3,1),max-height .4s cubic-bezier(.16,1,.3,1),margin-top .4s cubic-bezier(.16,1,.3,1),visibility 0s .4s}
html body.page-id-396 .elementor .ucprijs-sectie.is-jaar .ucprijs-periode-noot{opacity:1;max-height:80px;margin-top:14px;visibility:visible;translate:0 0;transition:opacity .3s ease-out .05s,translate .4s cubic-bezier(.16,1,.3,1),max-height .4s cubic-bezier(.16,1,.3,1),margin-top .4s cubic-bezier(.16,1,.3,1),visibility 0s}
@media (prefers-reduced-motion:reduce){
  html body.page-id-396 .elementor .ucprijs-sectie .ucprijs-periode-noot,html body.page-id-396 .elementor .ucprijs-sectie.is-jaar .ucprijs-periode-noot{transition:none;translate:none}
}
/* === Upclimb prijs onder de kaarten (ontwerp D) en per 6 maanden · einde === */

/* === Upclimb uitlijncheck 2 nov · begin === */
/* Label van de cijferband (sectie 05) op tablet gelijk met de rest: 36 px rand in plaats van 48 (Lars, 2 nov) */
@media (min-width:768px) and (max-width:1024px){
  body .elementor .ucu-label{padding-inline:36px}
}
/* === Upclimb uitlijncheck 2 nov · einde === */

/* === Upclimb ontwerpen A 2 nov (03, 06, 08, 10) · begin === */
/* Lars koos op 2 nov voor alle vier ontwerp A. Script 03: widget hgjs04. Script 10: widget ucprjs11 (blok "prijs omdraaien"). */

/* ---------- 03 Herken je dit: één blauw vlak, vraagbalk in het midden, antwoord schuift ertussen ---------- */
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-binnen{display:block!important}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-kaart{position:relative!important;display:block!important;box-sizing:border-box;height:560px;min-height:0!important;gap:0!important;order:0!important;padding:clamp(36px,5vw,64px) clamp(20px,4vw,56px) clamp(28px,4vw,48px)!important;border-radius:28px!important;transition:none!important;
  background:radial-gradient(75% 62% at 50% 18%,rgba(236,241,250,.94) 0%,rgba(236,241,250,.7) 45%,rgba(236,241,250,0) 100%),#0B1730 url(https://nieuw.upclimb.ai/wp-content/uploads/2026/10/herken-lichtblauw.webp) 0% 0%/cover no-repeat!important}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-tekst{align-items:center!important;text-align:center;gap:14px!important}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-label{color:#4C5878!important}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-kop{max-width:26ch;margin:0 auto!important;font-size:clamp(30px,3.6vw,54px)!important;line-height:1.04!important;letter-spacing:-.035em!important;color:#0B1730!important}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-kop span{display:block;color:#4C5878!important}
/* het antwoord: twee even brede en even hoge ballonnen, zo breed als de vraagbalk */
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-gesprek{position:absolute!important;left:50%;top:0;width:var(--bw,min(760px,calc(100% - 40px)));translate:-50% var(--ay,0px);opacity:0;pointer-events:none;perspective:none!important;transition:opacity .3s,translate .65s cubic-bezier(.22,1,.36,1)}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-kaart.is-open .hg-gesprek{opacity:1;pointer-events:auto}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-gesprek .hg-set{display:none!important}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-gesprek .hg-set.is-aan{display:grid!important;grid-auto-rows:1fr;gap:10px!important}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-bel{display:flex!important;flex-direction:column;justify-content:center;max-width:none!important;align-self:stretch!important;transform:none!important;font-size:.9688rem!important;background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(255,255,255,.7))!important}
/* de vraagbalk */
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-onder{position:absolute!important;left:50%;top:0;translate:-50% var(--y,260px);width:max-content;max-width:calc(100% - 40px);align-self:auto!important;flex-direction:row!important;align-items:center;gap:14px!important;padding:8px 8px 8px 16px!important;border-radius:999px!important;background:rgba(7,21,43,.5)!important;transition:translate .65s cubic-bezier(.22,1,.36,1)}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-kaart:not(.is-klaar) .hg-onder{transition:none}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-vraagrij{padding:0!important;gap:10px!important}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-vraag{font-size:.9375rem!important;white-space:nowrap}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-ads{width:28px!important;height:28px!important}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-tabs{background:rgba(255,255,255,.08)!important}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-tab{padding:10px 16px!important;color:rgba(255,255,255,.85)!important;background:none!important;box-shadow:none!important;outline:none;transition:color .25s,background-color .5s,box-shadow .25s,scale .1s ease-out!important}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-tab:hover:not([aria-pressed="true"]),
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-tab.is-wenk{color:#fff!important;background:rgba(255,255,255,.14)!important}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-tab[aria-pressed="true"]{color:#07152B!important;background:linear-gradient(180deg,#F8D47F,#F2BD4F)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(160,105,10,.18),0 1px 2px rgba(7,21,43,.14),0 6px 16px -8px rgba(201,140,20,.6)!important}
html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-tab:focus-visible{outline:2px solid #F4C25B;outline-offset:2px}
@media (max-width:767px){
  html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-kaart{border-radius:22px!important}
  html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-onder{flex-direction:column!important;gap:10px!important;width:calc(100% - 40px);padding:12px 8px 8px!important;border-radius:24px!important}
  html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-vraag{white-space:normal}
  html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-tabs{width:100%}
  html body.page-id-396.home .elementor .hg-sectie:not(.uc-voet) .hg-tab{flex:1;padding:11px 8px!important}
}
/* in de editor alles onder elkaar, zodat je elke tekst kunt aanklikken */
body.elementor-editor-active.page-id-396 .elementor .hg-sectie .hg-kaart{height:auto!important}
body.elementor-editor-active.page-id-396 .elementor .hg-sectie :is(.hg-gesprek,.hg-onder){position:static!important;translate:none!important;opacity:1!important;margin:20px auto 0!important}
body.elementor-editor-active.page-id-396 .elementor .hg-sectie .hg-gesprek .hg-set{display:grid!important;margin-bottom:10px}

/* ---------- 06 Ik beheer je Google Ads: ontwerp F (2 nov). "Stap 1" en de titel in het midden boven elke kaart, de uitleg in het witte vak eronder. Op telefoon en tablet geen wit kader om de stap, net als op desktop ---------- */
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-duo > .ucz-stap{display:grid!important;grid-template-columns:minmax(0,1fr);row-gap:6px;align-content:start;position:relative!important;padding-top:0!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-duo > .ucz-stap > :first-child{grid-row:3;margin-top:12px!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-stap-tekst{display:contents!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-stap-nr{grid-row:1;justify-self:center;display:block!important;position:static!important;margin:0!important;font-size:.75rem!important;font-weight:600!important;line-height:1.3!important;letter-spacing:.09em!important;text-transform:uppercase!important;color:#5B7FC0!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-stap-titel{grid-row:2;position:static!important;margin:0!important;text-align:center;font-size:1.125rem!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.018em!important;color:#1A0B1F!important;text-wrap:balance}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-stap-uitleg{grid-row:4;justify-self:stretch;box-sizing:border-box;width:100%!important;max-width:none!important;margin:10px 0 0!important;padding:12px 16px 13px!important;border-radius:14px;text-align:center;font-size:.9375rem!important;line-height:1.5!important;color:#5D6680!important;text-wrap:pretty;
  background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.5));box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.65),0 10px 24px -18px rgba(27,40,68,.35)}
/* het voorstelkaartje blijft binnen de kaart, zodat het nooit over de kop valt */
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie #kaarten .vs:is(:nth-child(2),:nth-child(4)){top:12px!important}
@media (max-width:1024px){
  html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-duo > .ucz-stap{padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-stap-titel{font-size:1.0625rem!important}
}

/* ---------- 08 Op maat ingericht: titel, één zin en de knop ---------- */
html body.page-id-396.home .elementor section#hoe-het-werkt .hl-onder{font-size:1.1875rem!important;line-height:1.5!important;max-width:32em}
html body.page-id-396.home .elementor section#hoe-het-werkt .hl-tekst{margin-top:28px!important}
html body.page-id-396.home .elementor section#hoe-het-werkt .hl-noot{margin:12px 0 0!important;font-size:.875rem!important;font-weight:500!important;line-height:1.4!important;color:#5D6680!important}
@media (min-width:1025px){html body.page-id-396.home .elementor section#hoe-het-werkt .hl-rij{align-items:center!important}}

/* ---------- 10 Prijs: plusje rechtsboven, de kaart draait om en laat zien wat je krijgt ---------- */
body:not(.elementor-editor-active).page-id-396 .elementor section#prijs .ucprijs-alles{display:none!important}
html body.page-id-396 .elementor section#prijs .ucprijs-naamrij{padding-right:44px!important}
html body.page-id-396 .elementor section#prijs .ucprijs-kaart{position:relative}
html body.page-id-396 .elementor section#prijs .pf-plus{position:absolute;top:14px;right:14px;z-index:4;display:grid;place-items:center;width:34px;height:34px;padding:0!important;border:0!important;border-radius:50%!important;cursor:pointer;color:#1A0B1F!important;background:#fff!important;box-shadow:0 1px 2px rgba(26,11,31,.1),0 6px 14px -8px rgba(26,11,31,.4);transition:rotate .35s cubic-bezier(.22,1,.36,1),scale .1s ease-out,background-color .2s}
html body.page-id-396 .elementor section#prijs .pf-plus svg{width:15px;height:15px}
html body.page-id-396 .elementor section#prijs .pf-plus:hover{background:#F3F3F6!important}
html body.page-id-396 .elementor section#prijs .pf-plus:active{scale:.93}
html body.page-id-396 .elementor section#prijs .pf-plus:focus-visible{outline:2px solid #2F5597;outline-offset:2px}
html body.page-id-396 .elementor section#prijs .ucprijs-kaart.is-om .pf-plus{rotate:45deg}
html body.page-id-396 .elementor section#prijs .ucprijs-kaart--licht.is-om .pf-plus{background:rgba(255,255,255,.14)!important;color:#fff!important}
html body.page-id-396 .elementor section#prijs .pf-achter{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:inherit;background:#EEEEF2;color:#1A0B1F;visibility:hidden}
html body.page-id-396 .elementor section#prijs .ucprijs-kaart--licht .pf-achter{background:#07152B;color:#fff}
html body.page-id-396 .elementor section#prijs .ucprijs-kaart.is-om .pf-achter{visibility:visible}
html body.page-id-396 .elementor section#prijs .ucprijs-kaart.is-om > :not(.pf-achter):not(.pf-plus){visibility:hidden}
html body.page-id-396 .elementor section#prijs .pf-a-kop{margin:0;padding-right:44px;font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:34px;color:inherit}
html body.page-id-396 .elementor section#prijs .pf-achter ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
html body.page-id-396 .elementor section#prijs .pf-achter li{display:flex;gap:9px;margin:0;font-size:.9063rem;line-height:1.35;color:inherit}
html body.page-id-396 .elementor section#prijs .pf-achter li svg{flex:none;width:16px;height:16px;margin-top:1px;color:#1E8E4F}
html body.page-id-396 .elementor section#prijs .ucprijs-kaart--licht .pf-achter li svg{color:#7FD7A1}
html body.page-id-396 .elementor section#prijs .pf-a-kn{margin-top:auto;display:flex;align-items:center;justify-content:center;height:44px;border-radius:999px;font-size:.9375rem;font-weight:600;text-decoration:none;background:#1A0B1F;color:#fff!important}
html body.page-id-396 .elementor section#prijs .ucprijs-kaart--licht .pf-a-kn{background:#fff;color:#07152B!important}
html body.page-id-396 .elementor section#prijs .pf-extra{display:flex;flex-direction:column;align-items:center;gap:4px;margin:20px auto 0;text-align:center}
html body.page-id-396 .elementor section#prijs .pf-extra p{margin:0;font-size:.875rem;line-height:1.5;color:#5D6680}
html body.page-id-396 .elementor section#prijs .pf-extra b{font-weight:600;color:#1A0B1F}
/* 08 op telefoon en tablet: de schakelaar direct boven de kaart, de knop eronder (zelfde volgorde als desktop: schakelaar, dan knop) */
@media (max-width:1024px){
  html body.page-id-396.home .elementor section#hoe-het-werkt .hl-rij{row-gap:0!important}
  html body.page-id-396.home .elementor section#hoe-het-werkt .hl-links{display:contents!important}
  html body.page-id-396.home .elementor section#hoe-het-werkt .hl-titel{order:1}
  html body.page-id-396.home .elementor section#hoe-het-werkt .hl-onder{order:2}
  html body.page-id-396.home .elementor section#hoe-het-werkt .hl-seg{order:3}
  html body.page-id-396.home .elementor section#hoe-het-werkt .hl-kaart{order:4;margin-top:20px!important}
  html body.page-id-396.home .elementor section#hoe-het-werkt .hl-tekst{order:5}
  html body.page-id-396.home .elementor section#hoe-het-werkt .hl-knop{order:6}
}
/* 10: de afspraken in kleine letters direct onder de schakelaar maandelijks / per 6 maanden */
html body.page-id-396 .elementor section#prijs .ucprijs-koprij .ucprijs-afspraak{margin:12px auto 0!important;max-width:none!important;font-size:.8125rem!important;line-height:1.45!important;font-weight:400!important;color:#857D89!important;text-align:center}
/* ---------- 06 Ik beheer: AI-kaart in stap 1 in dezelfde kleuren als de AI-kaart in 08 Op maat ingericht (2 nov) ---------- */
html body.page-id-396.home .elementor section#daarom-upclimb .ucz-ai-vorm{background:linear-gradient(160deg,rgba(255,255,255,.82),rgba(255,255,255,.58))!important;-webkit-backdrop-filter:blur(28px) saturate(1.5)!important;backdrop-filter:blur(28px) saturate(1.5)!important;box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.7),0 40px 80px -50px rgba(40,60,120,.4)!important}
html body.page-id-396.home .elementor section#daarom-upclimb .ucz-ai-vorm::before,
html body.page-id-396.home .elementor section#daarom-upclimb .ucz-ai-vorm::after{display:none!important}
html body.page-id-396.home .elementor section#daarom-upclimb .ucz-ai-naam{color:#1A0B1F!important}
html body.page-id-396.home .elementor section#daarom-upclimb .mld{color:#1A0B1F!important;border:0!important;border-radius:14px!important;background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 0 0 1px rgba(26,11,31,.06),0 8px 20px -14px rgba(26,11,31,.35)!important}
html body.page-id-396.home .elementor section#daarom-upclimb .mld-naam{color:#1A0B1F!important}
html body.page-id-396.home .elementor section#daarom-upclimb .mld-t{color:rgba(26,11,31,.62)!important}
html body.page-id-396.home .elementor section#daarom-upclimb .mld-tijd{color:rgba(26,11,31,.38)!important}
html body.page-id-396.home .elementor section#daarom-upclimb .mld-ico{color:#1A0B1F!important;background:rgba(26,11,31,.05)!important;box-shadow:none!important}
html body.page-id-396.home .elementor section#daarom-upclimb .mld-lars{color:#1F5E9E!important;background:#E3EFFC!important;box-shadow:inset 0 0 0 1px rgba(31,94,158,.1)!important}
/* 06 stap 2 op telefoon en tablet: de voorstellen die bovenin kwamen (2 en 4) landen op middelhoogte, niet over het gezicht; links en rechts blijven afwisselen */
@media (max-width:1024px){
  html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie #kaarten .vs:nth-child(2){top:auto!important;bottom:21%!important;transform-origin:100% 100%}
  html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie #kaarten .vs:nth-child(4){top:auto!important;bottom:26%!important;transform-origin:0 100%}
}
/* 08 kaart Nieuw account: label rechtsboven 'Binnen 24 uur staat alles live'. Het verschijnt op hetzelfde moment als de Live-regel, als de zes vinkjes klaar zijn (de kaart krijgt dan is-live) */
html body.page-id-396.home .elementor section#hoe-het-werkt .hl-kkop{position:relative;grid-column:1/-1!important;align-self:start}
html body.page-id-396.home .elementor section#hoe-het-werkt .hl-badge{position:absolute;top:-2px;right:0;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;border-radius:999px;font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;color:#1F5E9E;background:#E3EFFC;box-shadow:inset 0 0 0 1px rgba(31,94,158,.1),0 6px 16px -10px rgba(31,94,158,.45);opacity:0;transform:translateY(-4px) scale(.86);filter:blur(4px);transform-origin:100% 50%;transition:opacity .35s ease,transform .6s cubic-bezier(.34,1.56,.64,1),filter .4s ease}
html body.page-id-396.home .elementor section#hoe-het-werkt .hl-badge svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html body.page-id-396.home .elementor section#hoe-het-werkt .hl-kaart.is-live .hl-badge{opacity:1;transform:none;filter:none}
@media (prefers-reduced-motion:reduce){ html body.page-id-396.home .elementor section#hoe-het-werkt .hl-badge{transform:none;filter:none;transition:opacity .2s} }
@media (max-width:767px){ html body.page-id-396.home .elementor section#hoe-het-werkt .hl-badge{top:-2px;font-size:11px;padding:4px 8px 4px 7px;gap:5px} }
/* accenten in de koppen (2 nov): de woorden in strong krijgen de kleur van de eerste regel van de kop */
html body.page-id-396 .elementor h1.uchh-kop span strong{font-weight:inherit;color:#fff!important}
html body.page-id-396 .elementor section#daarom-upclimb .ucz-kop span strong{font-weight:inherit;color:#1A0B1F!important}
html body.page-id-396 .elementor section#resultaten .uc-kop span strong{font-weight:inherit;color:#1A0B1F!important}
html body.page-id-396 .elementor .ucv-tegel-kop span strong{font-weight:700;color:#fff!important}
/* 06 Ik beheer: crème als de rest van de pagina in plaats van het blauw (Lars, 2 nov). De witte vlakken krijgen een dun randje zodat ze niet weglopen */
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie{background:#F5F5F7!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-ai-vorm{box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(26,11,31,.06),0 30px 60px -40px rgba(40,50,80,.35)!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-stap-uitleg{box-shadow:0 0 0 1px rgba(26,11,31,.06),0 10px 24px -18px rgba(27,40,68,.25)!important}
/* 06 Ik beheer op de telefoon, indeling 5 (Lars, 2 nov): stap, titel en uitleg links boven de kaart zonder wit vak, de stippen onder de kaarten, minder ruimte onder de titel */
@media (max-width:767px){
  html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-kopblok{order:1}
  html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-duo{order:2;margin-top:-16px!important}
  html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-stippen{order:3;margin:-40px 0 0!important}
  html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-stap-nr{justify-self:start!important}
  html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-stap-titel{text-align:left!important}
  html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-duo > .ucz-stap > :first-child{grid-row:4!important;margin-top:16px!important}
  html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-stap-uitleg{grid-row:3!important;margin:6px 0 0!important;padding:0!important;text-align:left!important;background:none!important;box-shadow:none!important;border-radius:0!important}
}
/* 06 Ik beheer op desktop en tablet net als op de telefoon (Lars, 2 nov): stap, titel en uitleg links boven de kaart, zonder wit vak. De uitleg is overal even hoog, zodat de kaarten op één lijn beginnen */
@media (min-width:768px){
  html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-stap-nr{justify-self:start!important}
  html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-stap-titel{text-align:left!important}
  html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-duo > .ucz-stap > :first-child{grid-row:4!important;margin-top:16px!important}
  html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-stap-uitleg{grid-row:3!important;margin:6px 0 0!important;padding:0!important;min-height:3em;text-align:left!important;background:none!important;box-shadow:none!important;border-radius:0!important}
}
@media (min-width:768px) and (max-width:1024px){
  html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-kopblok{order:1}
  html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-duo{order:2}
  html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-stippen{order:3;margin:-40px 0 0!important}
}
/* 06: titel en uitleg dichter op elkaar (Lars, 2 nov) */
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-stap-uitleg{margin-top:-2px!important}
/* 06: de drie kaarten beginnen onder de titel en lopen even breed door als het resultatendashboard eronder (Lars, 2 nov) */
@media (min-width:900px){ html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-duo{padding-left:0!important;padding-right:0!important} }
/* 06 op de telefoon: elke kaart klikt bij het swipen vast op de linkerlijn van de titel (20px), de volgende piekt rechts */
@media (max-width:767px){ html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-duo{padding-left:20px!important;padding-right:36px!important;scroll-padding-left:20px!important} html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie .ucz-duo > .ucz-stap{scroll-snap-align:start!important} }
/* Resultaten: het dashboard op de standaardafstand onder de titel (48px), zonder de extra 40px marge (Lars, 2 nov) */
html body.page-id-396.home .elementor section#resultaten .ucres-paneel{margin-top:0!important}
/* Over mij ontwerp 2 (Lars, 2 nov): één zin over het systeem groot in beeld, de slotzin zacht eronder. De eerste alinea is weg omdat de kop hetzelfde zegt */
html body.page-id-396.home .elementor section#over-mij .uc-stapel{gap:18px!important}
html body.page-id-396.home .elementor section#over-mij .uc-stapel [data-id="6da7525f"]{font-size:1.375rem!important;line-height:1.4!important;letter-spacing:-.012em;max-width:26ch}
html body.page-id-396.home .elementor section#over-mij .uc-stapel [data-id="ucogespr"] strong{font-weight:500!important;color:rgba(214,222,245,.72)!important}
@media (max-width:767px){ html body.page-id-396.home .elementor section#over-mij.uc-sectie .uc-binnen .uc-stapel p[data-id="6da7525f"].uc-lead{font-size:1.25rem!important;line-height:1.4!important} }
/* footer: 'die écht om je bedrijf geeft.' in wit, net als in de hero (2 nov) */
html body.page-id-396 .elementor .ucf-slogan span strong{font-weight:inherit;color:#fff!important}
/* === Upclimb ontwerpen A 2 nov (03, 06, 08, 10) · einde === */
/* === Upclimb footer contactkaart (2 nov) · begin === */
/* Contact staat in een glazen kaart (class ucf-kaart), met lichtblauwe icoontjes voor mail en telefoon en de knop WhatsApp (classes uc-knop + ucf-wa).
   De icoontjes volgen de link: mailto krijgt een envelop, tel een telefoon. Tekst en nummer pas je aan in de widgets. */
@media (min-width:768px){html body.page-id-396 .elementor .ucf-voet .ucf-kolommen{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,.95fr) minmax(0,1.4fr)}}
html body.page-id-396 .elementor .ucf-voet .ucf-kaart{width:calc(100% + 44px)!important;margin:-20px -22px;padding:20px 22px 22px;gap:12px;border-radius:22px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
html body.page-id-396 .elementor .ucf-voet .ucf-kaart .ucf-label{margin:0 0 2px}
html body.page-id-396 .elementor .ucf-voet .ucf-kaart .ucf-tekst{font-size:1rem;font-weight:500;color:#fff}
html body.page-id-396 .elementor .ucf-voet .ucf-kaart .ucf-tekst a{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;transition:opacity .2s}
html body.page-id-396 .elementor .ucf-voet .ucf-kaart .ucf-tekst a:hover{opacity:.72}
html body.page-id-396 .elementor .ucf-voet .ucf-kaart .ucf-tekst a::before{content:"";flex:none;width:16px;height:16px;background:#A9BEEA;-webkit-mask:var(--ucf-ic) center/contain no-repeat;mask:var(--ucf-ic) center/contain no-repeat}
html body.page-id-396 .elementor .ucf-voet .ucf-kaart .ucf-tekst a[href^="mailto:"]{--ucf-ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.7%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect width=%2720%27 height=%2716%27 x=%272%27 y=%274%27 rx=%272%27/%3E%3Cpath d=%27m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7%27/%3E%3C/svg%3E")}
html body.page-id-396 .elementor .ucf-voet .ucf-kaart .ucf-tekst a[href^="tel:"]{--ucf-ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.7%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z%27/%3E%3C/svg%3E")}
html body.page-id-396 .elementor .ucf-voet .ucf-kaart .ucf-wa{margin-top:4px}
html body.page-id-396 .elementor .ucf-voet .ucf-kaart .ucf-socials{margin-top:4px}
html body.page-id-396 .elementor .uc-knop.ucf-wa::after{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 21l1.4-4.6A9 9 0 1 1 7.6 19.6Z%27/%3E%3Cpath d=%27M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347%27 transform=%27translate%2812 12%29 scale%28.78%29 translate%28-12.6 -12.4%29%27 fill=%27black%27 stroke=%27none%27/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 21l1.4-4.6A9 9 0 1 1 7.6 19.6Z%27/%3E%3Cpath d=%27M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347%27 transform=%27translate%2812 12%29 scale%28.78%29 translate%28-12.6 -12.4%29%27 fill=%27black%27 stroke=%27none%27/%3E%3C/svg%3E") center/contain no-repeat;transition:scale .3s cubic-bezier(.16,1,.3,1)}
html body.page-id-396 .elementor .uc-knop.ucf-wa:hover::after{translate:0 -50%;scale:1.08}
@media (max-width:767px){html body.page-id-396 .elementor .ucf-voet .ucf-kaart{grid-column:1/-1;width:auto!important;margin:0;padding:20px}}
@media (prefers-reduced-motion:reduce){html body.page-id-396 .elementor .ucf-voet .ucf-kaart a,html body.page-id-396 .elementor .uc-knop.ucf-wa::after{transition:none}}
/* === Upclimb footer contactkaart (2 nov) · einde === */

/* === Upclimb over mij kleur dichterbij (6 nov) · begin === */
/* Over mij: kleurenfoto dichterbij op warm wit met een nachtblauwe strook (Lars koos variant 2, 6 nov).
   De foto heeft een witte achtergrond en blendt met multiply, zo valt hij zonder rand in de sectie weg. */
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con{background:var(--ft-achter)!important;background-color:var(--ft-bg)!important;overflow:hidden}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con .uc-kop{color:var(--ft-ink)!important;font-size:clamp(1.875rem,2.8vw,2.5rem)!important;line-height:1.08!important;letter-spacing:-.025em;text-wrap:balance;margin:0!important;text-align:left!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con .uc-kop span{color:var(--ft-zacht)!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con .uc-kop u{color:var(--ft-ink)!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con .uc-stapel p,html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con .uc-stapel p strong{color:var(--ft-ink)!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con .uc-stapel [data-id="ucogespr"],html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con .uc-stapel [data-id="ucogespr"] strong{color:var(--ft-zacht)!important;font-weight:500!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con .uco-band .ucu-getal{color:var(--ft-ink)!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con .uco-band .ucu-tekst{color:var(--ft-zacht)!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con .uco-band .ucu-stip{background:var(--ft-zacht)!important;opacity:.45}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con .uc-rij,html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con .uc-split-5-7{margin:0!important;max-width:none!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con .uc-split-5-7{display:contents!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con [data-id="49055f3b"]{display:block;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:1333/1710!important;object-fit:cover!important;object-position:44% 86%!important;box-shadow:none!important;border-radius:0!important;-webkit-mask-image:none!important;mask-image:none!important;background:none!important}
@media (min-width:768px){
  html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.uc-sectie.e-con > [data-id="5e174d3"]{display:grid!important;grid-template-columns:minmax(0,340px) minmax(0,700px);justify-content:center;grid-template-rows:1fr auto auto 1fr;column-gap:clamp(32px,5vw,72px);row-gap:14px;align-items:start;padding-top:clamp(52px,5vw,68px)!important;padding-bottom:8px!important}
  html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con .uc-rij{grid-column:2;grid-row:2;align-self:end}
  html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con .uc-stapel{grid-column:2;grid-row:3;width:auto!important;max-width:46ch}
  html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con [data-id="49055f3b"]{grid-column:1;grid-row:1/-1;align-self:end;justify-self:center;max-width:340px!important}
}
@media (max-width:767px){
  html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.uc-sectie.e-con > [data-id="5e174d3"]{display:flex!important;flex-direction:column;gap:14px;padding-top:36px!important;padding-bottom:4px!important}
  html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con .uc-rij{order:1}
  html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con .uc-stapel{order:2;width:auto!important}
  html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con [data-id="49055f3b"]{order:3;width:270px!important;max-width:100%!important;margin:0 auto!important}
}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con.uc-sectie.e-con{--ft-bg:#F5F5F7;--ft-ink:#1A0B1F;--ft-zacht:#6B6470;--ft-achter:#F5F5F7}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con.uc-sectie.e-con [data-id="49055f3b"]{mix-blend-mode:multiply;max-height:none!important;object-position:50% 0!important;-webkit-mask-image:none!important;mask-image:none!important;box-shadow:none!important;border-radius:0!important;aspect-ratio:var(--zw-ar)!important;max-width:var(--zw-w)!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con.uc-sectie.e-con .uc-stapel{position:relative;z-index:1}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con.uc-sectie.e-con .uco-band{background:#101A3D;padding-top:16px!important;padding-bottom:16px!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con.uc-sectie.e-con .uco-band .ucu-getal{color:#fff!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con.uc-sectie.e-con .uco-band .ucu-tekst{color:rgba(214,222,245,.76)!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con.uc-sectie.e-con .uc-kop span{color:#857D89!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con.uc-sectie.e-con .uco-band .ucu-stip{background:#fff!important}
@media (min-width:768px){
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con.uc-sectie.e-con > [data-id="5e174d3"]{grid-template-columns:minmax(0,620px) minmax(0,500px)!important;padding-top:20px!important;padding-bottom:0!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con.uc-sectie.e-con .uc-rij,html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con.uc-sectie.e-con .uc-stapel{grid-column:1}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con.uc-sectie.e-con [data-id="49055f3b"]{grid-column:2}
}
@media (max-width:767px){
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con.uc-sectie.e-con > [data-id="5e174d3"]{padding-bottom:0!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con.uc-sectie.e-con [data-id="49055f3b"]{width:min(340px,100%)!important;margin:0 auto!important}
}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con.uc-sectie.e-con{--zw-ar:1/1;--zw-w:500px}
@media (min-width:768px){html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con.uc-sectie.e-con > [data-id="5e174d3"]{grid-template-columns:minmax(0,600px) minmax(0,500px)!important}}
@media (max-width:767px){html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con.uc-sectie.e-con [data-id="49055f3b"]{width:min(300px,100%)!important}}
/* === Upclimb over mij kleur dichterbij (6 nov) · einde === */

/* === Upclimb geen boog boven Lars (7 nov) · begin === */
/* Stap 2 Ik check het: de halve cirkel boven het hoofd weg (Lars, 7 nov). Het script zet hem er nog wel in, deze regel verbergt hem. */
body .elementor .ucz-sectie .lv-boog{display:none!important}
/* === Upclimb geen boog boven Lars (7 nov) · einde === */

/* === Upclimb stap 3 een melding tegelijk (7 nov) · begin === */
/* Stap 3 Jij ziet wat er veranderd is: een melding tegelijk onderaan die vanaf de onderrand omhoog komt, en de telefoonfoto met dezelfde belichting als de film in stap 2 (Lars, 7 nov) */
html body.page-id-396 .elementor section.ucz-sectie .pillen{top:0;bottom:14px;-webkit-mask-image:none;mask-image:none}
html body.page-id-396 .elementor section.ucz-sectie .pil{top:auto;bottom:0;translate:0 var(--y,56px);transition:translate .75s cubic-bezier(.22,.8,.25,1),scale .75s cubic-bezier(.22,.8,.25,1),opacity .5s ease,filter .5s ease}
html body.page-id-396 .elementor section.ucz-sectie .pil.weg{translate:0 -12px;scale:.97;filter:blur(4px)}
html body.page-id-396 .elementor section.ucz-sectie .ucz-kl-foto{filter:none;object-position:50% 56%}
html body.page-id-396 .elementor section.ucz-sectie .ucz-kl-vorm::after{background:linear-gradient(180deg,transparent 0%,transparent 64%,rgba(20,26,48,.2) 100%)}
@media (prefers-reduced-motion:reduce){ html body.page-id-396 .elementor section.ucz-sectie .pil{translate:none;transition:opacity .3s ease} }
/* === Upclimb stap 3 een melding tegelijk (7 nov) · einde === */

/* === Upclimb AI-kaart stap 1 grijs (7 nov) · begin === */
/* Stap 1 sluit aan op stap 2 en 3: zelfde lichtgrijs (de filmkleur 240,241,237), dezelfde glans en schaduwlaag, geen schaduw onder de kaart; meldingen blijven wit (Lars koos A, 7 nov) */
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie .ucz-ai-vorm{background:linear-gradient(155deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 26%),linear-gradient(0deg,rgba(7,21,43,.14) 0%,rgba(7,21,43,0) 26%),#F0F1ED!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 0 0 1px rgba(255,255,255,.2)!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie .mld{box-shadow:0 0 0 1px rgba(26,11,31,.05),0 6px 16px -12px rgba(26,11,31,.3)!important}
/* === Upclimb AI-kaart stap 1 grijs (7 nov) · einde === */

/* === Upclimb Ik beheer kaarten ontwerp 3 (7 nov) · begin === */
/* tekst in de kaart, voorstel als kaartje op dezelfde regel als de melding in stap 3, foto stap 3 hoger met zachte randen */
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] :is(.ucz-merk,.ucz-merk-glans,.ucz-kl-kop){display:none!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] :is(.ucz-ai-vorm,.ucz-lv-vorm,.ucz-kl-vorm){border-radius:22px!important;background:var(--kaart)!important;box-shadow:inset 0 0 0 1px var(--rand,rgba(26,11,31,.05))!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] :is(.ucz-lv-vorm,.ucz-kl-vorm)::after{display:none!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] .ucz-stap-tekst{border-top:0!important;background:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important;display:contents!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] .ucz-stap{display:grid!important;grid-template-columns:100%!important;grid-template-rows:auto auto 1fr auto!important;gap:0!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] :is(.ucz-ai,.ucz-lv,.ucz-kl){grid-area:1/1/5/2!important;aspect-ratio:3/4!important;width:100%!important;margin:0!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] :is(.ucz-stap-nr,.ucz-stap-titel,.ucz-stap-uitleg){position:relative;z-index:6;grid-column:1!important;padding-inline:22px!important;box-sizing:border-box;max-width:none!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] .ucz-stap-nr{grid-row:1!important;padding-top:32px!important;font-size:.6875rem!important;letter-spacing:.09em!important;text-transform:uppercase!important;font-weight:600!important;color:var(--label)!important;margin:0 0 8px!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] .ucz-stap-titel{grid-row:2!important;max-width:16ch!important;font-size:1.0625rem!important;font-weight:600!important;letter-spacing:-.012em!important;line-height:1.3!important;color:var(--titel)!important;margin:0!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] .ucz-stap-uitleg{grid-row:4!important;padding-bottom:24px!important;font-size:.8125rem!important;line-height:1.5!important;color:var(--uitleg)!important;margin:0!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] .ucz-ai-kop{top:28%!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] .stroom{top:calc(28% + 52px)!important;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 132px,transparent 160px)!important;mask-image:linear-gradient(180deg,#000 0,#000 132px,transparent 160px)!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] .ucz-ai-naam{color:var(--titel)!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] :is(.ucz-lv .ucz-film,.ucz-lv video){top:0!important;bottom:auto!important;height:82%!important;object-fit:cover!important;object-position:50% 20%!important;-webkit-mask-image:linear-gradient(180deg,#000 66%,transparent 100%);mask-image:linear-gradient(180deg,#000 66%,transparent 100%)}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] .ucz-kl-foto{left:10%!important;right:auto!important;top:-9%!important;bottom:auto!important;width:88%!important;height:auto!important;aspect-ratio:1726/2589;object-fit:cover!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0,#000 22%,#000 70%,transparent 88%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0,#000 22%,#000 70%,transparent 88%);mask-composite:intersect}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] .pillen{top:0!important;bottom:74px!important;left:22px!important;right:22px!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] #kaarten .vs.vs{top:auto!important;bottom:74px!important;left:22px!important;right:22px!important;width:auto!important;margin:0!important;height:auto!important;transform-origin:50% 100%!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] #kaarten .vs.vs .vs-w{display:none!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id]{--kaart:#F0F1ED;--titel:#4A4350;--uitleg:#8A838E;--label:#A39CA6;--rand:rgba(26,11,31,.05)}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] #kaarten .vs.vs{padding:11px 12px 12px!important;border-radius:18px!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] #kaarten .vs.vs .vs-d{display:none!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] #kaarten .vs.vs .vs-t{margin:7px 0 0!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] #kaarten .vs.vs .vs-k{margin-top:9px!important}
/* staptitels in het lichte nachtblauw van de sectiekoppen (Lars, 7 nov) */
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id] .ucz-stap-titel{color:#4C5878!important}
/* === Upclimb Ik beheer kaarten ontwerp 3 (7 nov) · einde === */

/* === Upclimb titels nachtblauw (7 nov) · begin === */
/* Lars, 7 nov: donker deel van de sectietitels #0F1A3D, licht deel #4C5878. Niet in de hero, sectie 1, sectie 2 en de afsluiter "Mijn systeem zoekt" */
html body.page-id-396 .elementor :is(section#daarom-upclimb,section#resultaten,section#hoe-het-werkt,section#over-mij,section#prijs,section#vragen)[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] h2,html body.page-id-396 .elementor :is(section#daarom-upclimb,section#resultaten,section#hoe-het-werkt,section#over-mij,section#prijs,section#vragen)[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] h2 > :is(strong,em,u,b){color:#0F1A3D!important;text-decoration-color:currentColor}
html body.page-id-396 .elementor :is(section#daarom-upclimb,section#resultaten,section#hoe-het-werkt,section#over-mij,section#prijs,section#vragen)[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] h2 span,html body.page-id-396 .elementor :is(section#daarom-upclimb,section#resultaten,section#hoe-het-werkt,section#over-mij,section#prijs,section#vragen)[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] h2 span em{color:#4C5878!important}
html body.page-id-396 .elementor :is(section#daarom-upclimb,section#resultaten,section#hoe-het-werkt,section#over-mij,section#prijs,section#vragen)[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] h2 span :is(strong,u,b){color:#0F1A3D!important;text-decoration-color:currentColor}
/* === Upclimb titels nachtblauw (7 nov) · einde === */

/* === Upclimb lijn boven over mij (7 nov) · begin === */
/* Lars, 7 nov: hetzelfde dunne lichtgrijze lijntje boven Over mij als boven Waarom, Prijs en Vragen (bovenrand van de binnenkant) */
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con.e-con.e-con.uc-sectie.e-con.uc-sectie.e-con[id][id] > .uc-binnen{border-top:1px solid rgb(232,228,234)!important}
/* === Upclimb lijn boven over mij (7 nov) · einde === */

/* === Upclimb film licht op telefoon (7 nov) · begin === */
/* Lars, 7 nov: de film in stap 2 haperde op de telefoon. Geen masker op de video (dat moet elk beeld opnieuw) maar een vaste verlooplaag erover.
   Video iets kleiner en hoger, zodat de hand met de iPad net boven het voorstelkaartje staat. Op telefoon, tablet en desktop hetzelfde:
   de kaart schaalt mee, het kaartje niet, dus de stand is uitgerekend (bovenkant kaartje = 74px + 104px boven de onderrand, hand op 76% van de video). */
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id][id] .ucz-lv :is(.ucz-film,video){-webkit-mask-image:none!important;mask-image:none!important;top:calc(34.3% - 178px)!important;left:7%!important;right:auto!important;bottom:auto!important;width:86%!important;height:auto!important;aspect-ratio:3/4!important;object-fit:cover!important;object-position:50% 50%!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id][id] .ucz-lv-vorm::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:3!important;pointer-events:none!important;border-radius:inherit!important;opacity:1!important;filter:none!important;-webkit-mask-image:none!important;mask-image:none!important;background:linear-gradient(90deg,#F0F1ED 7%,rgba(240,241,237,0) 15%,rgba(240,241,237,0) 85%,#F0F1ED 93%),linear-gradient(180deg,rgba(240,241,237,0) 0%,rgba(240,241,237,0) 62%,#F0F1ED 80%,#F0F1ED 100%)!important}
/* telefoon en tablet: voorstelkaartjes zonder glasvervaging en zonder wazig in- en uitvliegen */
@media (hover:none),(max-width:1023px){
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id][id] #kaarten .vs.vs{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important;background:rgba(108,114,128,.95)!important;transition:opacity .4s ease,translate .5s cubic-bezier(.2,.9,.25,1),scale .5s cubic-bezier(.2,.9,.25,1)!important}
}
/* geen afspeelknop van iOS over de film als de telefoon op energiebesparing staat */
html body.page-id-396.home .elementor section#daarom-upclimb .ucz-lv video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
html body.page-id-396.home .elementor section#daarom-upclimb .ucz-lv video::-webkit-media-controls{display:none!important}
/* === Upclimb film licht op telefoon (7 nov) · einde === */

/* === Upclimb Ik beheer kleur mist (8 nov) · begin === */
/* Lars koos Mist: kaarten #EDF0F3 met film en foto meegekleurd, kleine teksten in de blauwgrijze familie van de koppen */
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id][id][id][id][id] .ucz-stap-nr{color:#97A1B6!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id][id][id][id][id] .ucz-stap-uitleg{color:#6E7890!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id][id][id][id][id] .ucz-ai-naam{color:#4C5878!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id][id][id][id][id]{--kaart:#EDF0F3;--rand:rgba(76,88,120,.07)}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id][id][id][id][id] :is(.ucz-ai-vorm,.ucz-lv-vorm,.ucz-kl-vorm){background:#EDF0F3!important;box-shadow:inset 0 0 0 1px rgba(76,88,120,.07)!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id][id][id][id][id] .ucz-lv-vorm::after{background:linear-gradient(90deg,#EDF0F3 7%,rgba(237,240,243,0) 15%,rgba(237,240,243,0) 85%,#EDF0F3 93%),linear-gradient(180deg,rgba(237,240,243,0) 0%,rgba(237,240,243,0) 62%,#EDF0F3 80%,#EDF0F3 100%)!important}
/* === Upclimb Ik beheer kleur mist (8 nov) · einde === */

/* === Upclimb Ik beheer wit (8 nov) · begin === */
/* Lars koos ontwerp 4: alle drie de kaarten wit, meldingen in kaart 1 als licht vlak, film en foto meegekleurd naar wit. Accenten in de staptitels in nachtblauw. */
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id][id][id][id][id][id] :is(.ucz-ai-vorm,.ucz-lv-vorm,.ucz-kl-vorm){background:#fff!important;box-shadow:inset 0 0 0 1px rgba(76,88,120,.10),0 18px 40px -32px rgba(15,26,61,.28)!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id][id][id][id][id][id]{--kaart:#FFFFFF}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id][id][id][id][id][id] .ucz-lv-vorm::after{background:linear-gradient(90deg,#fff 7%,rgba(255,255,255,0) 15%,rgba(255,255,255,0) 85%,#fff 93%),linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 62%,#fff 80%,#fff 100%)!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id][id][id][id][id][id] .stroom .mld{background:#F3F5F8!important;box-shadow:none!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id][id][id][id][id][id] .stroom .mld-ico{background:#fff!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie.ucz-sectie[id][id][id][id][id] .ucz-stap-titel strong{color:#0F1A3D!important;font-weight:inherit}
/* === Upclimb Ik beheer wit (8 nov) · einde === */
/* === Upclimb Ik beheer nachtblauw met gloed (8 nov) · begin === */
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id]{background:radial-gradient(52% 60% at 86% 8%,rgba(72,110,190,.34),rgba(72,110,190,0) 72%),radial-gradient(40% 50% at 8% 96%,rgba(46,74,140,.28),rgba(46,74,140,0) 70%),#101A3D!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-stippen button::before{background:rgba(255,255,255,.28)!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-stippen button[aria-current="true"]::before{background:#fff!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] :is(.ucz-ai-vorm,.ucz-lv-vorm,.ucz-kl-vorm){box-shadow:none!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #kaarten .vs.vs{background:rgba(16,26,61,.95)!important;border-color:rgba(255,255,255,.1)!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #pillen .pil.pil{background:rgba(16,26,61,.95)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-kop{color:#fff!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-kop span{color:#B7C3DF!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-kop span em{color:#B7C3DF!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-kop span strong{color:#B7C3DF!important}
/* === Upclimb Ik beheer nachtblauw met gloed (8 nov) · einde === */
/* === Upclimb Ik beheer kaarten na elkaar (8 nov) · begin === */
/* Ik beheer: op desktop komen de kaarten bij het scrollen van links naar rechts binnen (8 nov) */
@media (min-width:1024px) and (hover:hover) and (prefers-reduced-motion:no-preference){
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #duo > .ucz-stap{transition:opacity 1.1s ease-out,translate 1.4s cubic-bezier(.22,1,.36,1)}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #duo > .ucz-stap:nth-child(2){transition-delay:.3s}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #duo > .ucz-stap:nth-child(3){transition-delay:.6s}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #duo.kaarten-wacht > .ucz-stap{opacity:0;translate:-40px 0}
}
/* === Upclimb Ik beheer kaarten na elkaar (8 nov) · einde === */
/* === Upclimb Ik beheer knop Ontdek (8 nov) · begin === */
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-binnen > a[data-id="uczcta1"]{display:inline-flex;align-items:center;gap:10px;padding:15px 22px 15px 24px;border-radius:999px;background:#fff;color:#1A0B1F;font-size:16px;font-weight:600;line-height:1;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;box-shadow:0 14px 30px -14px rgba(0,0,0,.7),inset 0 -1px 0 rgba(26,11,31,.08);transition:background-color .2s,transform .12s ease-out,opacity .7s cubic-bezier(.22,1,.36,1),translate .7s cubic-bezier(.22,1,.36,1)}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-binnen > a[data-id="uczcta1"]::after{content:"";flex:none;width:17px;height:17px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14M13 6l6 6-6 6'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14M13 6l6 6-6 6'/></svg>") center/contain no-repeat;transition:transform .25s cubic-bezier(.16,1,.3,1)}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-binnen > a[data-id="uczcta1"]:hover{background:#EEF1F8}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-binnen > a[data-id="uczcta1"]:hover::after{transform:translateX(3px)}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-binnen > a[data-id="uczcta1"]:active{transform:scale(.97)}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-binnen > a[data-id="uczcta1"]:focus-visible{outline:2px solid #fff;outline-offset:3px}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucz-beweeg:not(.in) .ucz-binnen > a[data-id="uczcta1"]{opacity:0;translate:0 14px}
@media (min-width:1024px){
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-binnen{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;row-gap:24px}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-binnen > .ucz-kopblok{grid-column:1;grid-row:1}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-binnen > a[data-id="uczcta1"]{grid-column:2;grid-row:1;align-self:end}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-binnen > #duo{grid-column:1 / -1;grid-row:2}
}
@media (max-width:1023px){html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-binnen > a[data-id="uczcta1"]{order:4;align-self:center}}
@media (max-width:359px){html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-binnen > a[data-id="uczcta1"]{font-size:14px;padding:14px 16px 14px 18px;gap:8px}}
/* === Upclimb Ik beheer knop Ontdek (8 nov) · einde === */
/* === Upclimb Ik beheer compact op telefoon (8 nov) · begin === */
@media (max-width:767px){
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-binnen{padding-top:34px!important;padding-bottom:28px!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-duo{margin-top:-24px!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-stippen{margin:-56px 0 0!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-binnen > a[data-id="uczcta1"]{margin-top:-14px}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] :is(.ucz-ai,.ucz-lv,.ucz-kl){aspect-ratio:.87!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-ai-kop{top:max(27%,100px)!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .stroom{top:calc(max(27%,100px) + 44px)!important;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 120px,transparent 140px)!important;mask-image:linear-gradient(180deg,#000 0,#000 120px,transparent 140px)!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-lv :is(.ucz-film,video){top:calc(36.5% - 178px)!important;left:14%!important;width:72%!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-lv-vorm::after{background:linear-gradient(90deg,#fff 14%,rgba(255,255,255,0) 22%,rgba(255,255,255,0) 78%,#fff 86%),linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 60%,#fff 72%,#fff 100%)!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-kl-foto{left:24%!important;width:74%!important}
}
@media (max-width:374px){html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .stroom{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 92px,transparent 110px)!important;mask-image:linear-gradient(180deg,#000 0,#000 92px,transparent 110px)!important}}
@media (max-width:339px){html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .stroom{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 70px,transparent 84px)!important;mask-image:linear-gradient(180deg,#000 0,#000 70px,transparent 84px)!important}}
/* === Upclimb Ik beheer compact op telefoon (8 nov) · einde === */
/* === Upclimb Daarom begon ik telefoon inklappen (9 nov) · begin === */
@media (max-width:767px){
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-tegel{min-height:0!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-tegel-tekst{min-height:0!important;justify-content:flex-start!important;gap:0!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-tegel-lead{display:none!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-tegel-kop span,html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-tegel-kop strong{color:#B7C3DF!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-belofte-titel{font-size:16px!important;margin:0!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-tegel-tekst{padding:300px 22px 18px!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-beloftes{padding:0 12px 12px!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-belofte{padding:15px 16px!important;gap:0!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-belofte{cursor:pointer;-webkit-tap-highlight-color:transparent}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-belofte-titel{display:flex!important;align-items:center;justify-content:space-between;gap:12px}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-belofte-titel::after{content:"";flex:none;width:16px;height:16px;background:#B7C3DF;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 6l4 4 4-4'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 6l4 4 4-4'/></svg>") center/contain no-repeat;transition:transform .3s cubic-bezier(.22,1,.36,1)}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-belofte.open .ucv-belofte-titel::after{transform:rotate(180deg)}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-belofte-tekst{display:block!important;overflow:hidden;max-height:0;opacity:0;margin:0!important;transition:max-height .35s cubic-bezier(.22,1,.36,1),opacity .25s ease,margin .35s cubic-bezier(.22,1,.36,1)}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-belofte.open .ucv-belofte-tekst{max-height:90px;opacity:1;margin-top:6px!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-belofte:focus-visible{outline:2px solid #fff;outline-offset:-3px}
}
/* === Upclimb Daarom begon ik telefoon inklappen (9 nov) · einde === */
/* === Upclimb portaalsectie (9 nov) · begin === */
/* alleen voor het voorbeeld (9 nov): tien simpele versies portaalsectie. Gemaakt door maak-upo2.py */
.upo{position:relative;overflow:hidden;background:#101A3D;font-family:Inter,system-ui,sans-serif;color:#fff;isolation:isolate}
.upo-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.upo::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(11,20,50,.28)}
.upo-binnen{position:relative;max-width:1200px;margin:0 auto;padding:80px 48px 64px;box-sizing:content-box}
.upo-kop{margin:0;font-size:44px;line-height:1.12;font-weight:500;letter-spacing:-.03em;color:#fff;text-wrap:balance}
.upo-kop span{display:block}
.upo-tabs{display:grid;grid-template-columns:calc(62% + 20px) 1fr;margin:36px 0 36px}
.upo-tab{position:relative;min-width:0;white-space:normal;appearance:none;background:none;border:0;padding:0;margin:0;text-align:left;color:#fff;font:inherit;cursor:pointer;opacity:.5;transition:opacity .3s ease;-webkit-tap-highlight-color:transparent}
.upo-tab[aria-selected="true"],.upo-tab:hover{opacity:1}
.upo-tab:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:6px}
.upo-tab b{display:block;font-size:20px;line-height:1.25;font-weight:500;letter-spacing:-.012em;margin-bottom:8px}
.upo-tab span{display:block;max-width:22em;font-size:18px;line-height:1.4;letter-spacing:-.006em;color:rgba(255,255,255,.72)}
.upo-tab i{display:none}
@keyframes upoBalk{to{transform:scaleX(1)}}
.upo-toneel{position:relative;--h:548px;height:var(--h);--vlak:#F6F5F2;border-radius:26px;overflow:hidden;background:var(--vlak);margin-inline:-24px}
.upo[data-o="10"]{background:#FBFAF7;color:#1C1C1E}
.upo[data-o="10"]::before,.upo[data-o="10"] .upo-bg{display:none}
.upo[data-o="10"] .upo-kop,.upo[data-o="10"] .upo-tab{color:#1C1C1E}
.upo[data-o="10"] .upo-tab span{color:#8A8A8E}
.upo[data-o="10"] .upo-klein{color:#AEAEB2}
.upo-app{position:absolute;left:0;top:0;width:var(--bw);height:var(--bh);transform-origin:0 0;transform:translate(var(--x,0px),var(--y,0px)) scale(calc(var(--s)*var(--z,1)));opacity:var(--o,1);transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .55s ease;display:flex;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.07);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,system-ui,sans-serif;color:#1C1C1E;font-size:14px;letter-spacing:-.004em;will-change:transform}
.upo-app:not(.aan){cursor:pointer}
.upo-sb{flex:none;width:188px;padding:18px 10px;box-shadow:inset -1px 0 0 rgba(0,0,0,.07)}
.upo-merk{padding:2px 8px 16px;font-size:15px;font-weight:600;letter-spacing:-.02em}
.upo-kiesr{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;margin-bottom:18px;border-radius:9px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07);font-size:13px}
.upo-kiesr i{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#7FA2FF,#2D55D8);flex:none}
.upo-nav{display:flex;align-items:center;gap:9px;height:30px;padding:0 9px;border-radius:8px;font-size:13px;color:#48484A;margin-bottom:2px}
.upo-nav svg{width:15px;height:15px;flex:none;fill:none;stroke:#8A8A8E;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.upo-nav.aan{background:#F4F4F5;color:#1C1C1E}
.upo-m{flex:1;min-width:0;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .45s ease}
.upo-balk{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 18px;font-size:13px;color:#48484A}
.upo-balk div{display:flex;gap:6px;align-items:center}
.upo-pil{padding:5px 10px;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07);font-size:12.5px;color:#1C1C1E}
.upo-rond{width:26px;height:26px;border-radius:50%;object-fit:cover}
.upo-bin{padding:22px 34px 0}
.upo-gr{margin:0;font-size:22px;line-height:1.2;font-weight:400;letter-spacing:-.018em}
.upo-tb{display:flex;gap:16px;margin:14px 0 18px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.07);font-size:13px;color:#8A8A8E}
.upo-tb span{padding-bottom:9px}
.upo-tb .aan{color:#1C1C1E;box-shadow:inset 0 -1px 0 #1C1C1E}
.upo-kader{border-radius:12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07)}
.upo-rij4{display:grid;grid-template-columns:repeat(4,1fr);padding:14px 18px 12px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.07)}
.upo-rij4 em{display:block;font-style:normal;font-size:12px;color:#8A8A8E}
.upo-rij4 b{display:block;font-size:15.5px;font-weight:500;margin-top:4px}
.upo-graf{position:relative;padding:8px 18px 6px}
.upo-graf svg{display:block;width:100%;height:210px;overflow:visible}
.upo-punt{position:absolute;left:58%;top:30px;padding:8px 11px;border-radius:9px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.07),0 10px 24px -14px rgba(0,0,0,.25);font-size:12px;color:#8A8A8E;white-space:nowrap}
.upo-punt b{display:block;font-weight:500;color:#1C1C1E;margin-top:2px}
.upo-lijn,.upo-lijn2{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
.upo-lijn{stroke:#3B6FF0;stroke-width:1.5}
.upo-lijn2{stroke:#E4E4E8;stroke-width:1.2}
.upo-vlak{opacity:0;transition:opacity .8s ease .5s}
.speelt .upo-lijn{transition:stroke-dashoffset 1.4s cubic-bezier(.3,.7,.2,1) .1s;stroke-dashoffset:0}
.speelt .upo-lijn2{transition:stroke-dashoffset 1.2s cubic-bezier(.3,.7,.2,1);stroke-dashoffset:0}
.speelt .upo-vlak{opacity:1}
.upo-in{opacity:0;translate:0 8px;transition:opacity .5s ease calc(var(--i,0)*60ms + .08s),translate .7s cubic-bezier(.22,1,.36,1) calc(var(--i,0)*60ms + .08s)}
.speelt .upo-in{opacity:1;translate:0 0}
.upo-twee{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.upo-mel{padding:13px 15px}
.upo-chip{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11.5px;background:#EDF1FE;color:#3B6FF0}
.upo-chip.g{background:#E9F7EE;color:#1C8A4A}
.upo-mel b{display:block;font-weight:500;font-size:13px;margin:9px 0 3px}
.upo-mel small{display:block;font-size:12.5px;line-height:1.4;color:#8A8A8E}
.upo-rg{display:grid;grid-template-columns:24px 1fr auto;column-gap:10px;align-items:center;padding:11px 16px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.07)}
.upo-rg:last-child{box-shadow:none}
.upo-rg img{width:24px;height:24px;border-radius:50%;object-fit:cover}
.upo-rg b{font-weight:400;font-size:13.5px}
.upo-rg small{font-size:12.5px;color:#8A8A8E}
.upo-klein{position:absolute;right:48px;top:90px;margin:0;font-size:13px;color:rgba(255,255,255,.55)}
.upo-app.tel{border-radius:22px}
.upo-app.tel .upo-sb,.upo-app.tel .upo-pil.w{display:none}
.upo-app.tel .upo-bin{padding:10px 20px 0}
.upo-app.tel .upo-rij4{grid-template-columns:1fr 1fr;row-gap:12px}
.upo-app.tel .upo-twee{grid-template-columns:1fr}
@media (max-width:767px){
  .upo-binnen{padding:56px 20px 44px}
  .upo-kop{font-size:32px;line-height:1.14}
  .upo-tabs{grid-template-columns:1fr 1fr;gap:18px;margin:22px 0 22px}
  .upo-tab b{font-size:16px;margin-bottom:4px}
  .upo-tab span{font-size:14px;line-height:1.35}
  .upo-toneel{--h:420px;margin-inline:0;border-radius:22px}
  .upo-klein{position:static;margin:10px 0 0;font-size:12px}
}
@media (prefers-reduced-motion:reduce){.upo-app,.upo-in,.upo-lijn,.upo-lijn2,.upo-vlak,.upo-m{transition:none!important}}

.upo[data-o="10"] .upo-toneel[data-st="0"] .upo-app.a{--x:24px;--y:24px;--z:1;--o:1;--w8:0;z-index:2}
.upo[data-o="10"] .upo-toneel[data-st="0"] .upo-app.b{--x:calc(var(--w)*var(--f) + 36px);--y:46px;--z:0.93;--o:0.62;--w8:1;z-index:1}
.upo[data-o="10"] .upo-toneel[data-st="1"] .upo-app.a{--x:calc(var(--w)*(1 - 2*var(--f)) - 36px);--y:46px;--z:0.93;--o:0.62;--w8:1;z-index:1}
.upo[data-o="10"] .upo-toneel[data-st="1"] .upo-app.b{--x:calc(var(--w)*(1 - var(--f)) - 24px);--y:24px;--z:1;--o:1;--w8:0;z-index:2}
/* uitwerking ontwerp 10 */
.upo[data-o="10"]{background:#F5F5F7}
.upo[data-o="10"] .upo-binnen{padding:56px 48px 64px}
.upo[data-o="10"] .upo-kop{font-size:40px;font-weight:600;letter-spacing:-.032em;color:#0F1A3D}
.upo[data-o="10"] .upo-kop span{color:#4C5878}
.upo[data-o="10"] .upo-tabs{margin:22px 0 24px}
.upo[data-o="10"] .upo-tab{color:#0F1A3D;opacity:.45}
.upo[data-o="10"] .upo-tab[aria-selected="true"],.upo[data-o="10"] .upo-tab:hover{opacity:1}
.upo[data-o="10"] .upo-tab,.upo[data-o="10"] .upo-tab:hover,.upo[data-o="10"] .upo-tab:focus,.upo[data-o="10"] .upo-tab:active{background:none!important;color:#0F1A3D!important;box-shadow:none;outline:0;border:0!important}
.upo[data-o="10"] .upo-tab{justify-self:start;width:max-content;max-width:100%;padding:10px 16px 11px;margin:-10px 0 -11px -16px;border-radius:14px;transition:background-color .25s ease,box-shadow .25s ease,opacity .25s ease}
.upo[data-o="10"] .upo-tab:hover{background:rgba(255,255,255,.55)!important}
.upo[data-o="10"] .upo-tab[aria-selected="true"],.upo[data-o="10"] .upo-tab[aria-selected="true"]:hover,.upo[data-o="10"] .upo-tab[aria-selected="true"]:focus{background:#fff!important;box-shadow:0 0 0 1px rgba(15,26,61,.06),0 12px 26px -20px rgba(15,26,61,.3)}
.upo[data-o="10"] .upo-tab:focus-visible{outline:2px solid #4C5878;outline-offset:2px}
.upo[data-o="10"] .upo-tab b{font-size:17px;font-weight:600;margin-bottom:3px}
.upo[data-o="10"] .upo-tab span{font-size:15.5px;color:#6E7890}
.upo[data-o="10"] .upo-toneel{--vlak:#EFEFF3;--h:520px}
.upo-merk{padding:0 8px 14px}
.upo-logo{display:block;height:22px;width:73px;filter:drop-shadow(0 0 .4px #4C5878) drop-shadow(0 0 .4px #4C5878)}
.upo-logo::before{content:"";display:block;width:100%;height:100%;background:#4C5878;-webkit-mask:url(/wp-content/uploads/2026/10/upclimb-logo.png) left center/contain no-repeat;mask:url(/wp-content/uploads/2026/10/upclimb-logo.png) left center/contain no-repeat}
.upo-logo-t{display:none}
.upo-kiesr i{background:linear-gradient(135deg,#B9855A,#6B4226)}
.upo-verg{display:inline-flex;align-items:center;gap:6px}
.upo-verg i{width:7px;height:7px;border-radius:50%;background:#3B6FF0}
.upo-d{display:block;margin-top:3px;font-size:12px;color:#1C8A4A}
.upo-leg{display:flex;gap:14px;padding:2px 0 6px;font-size:12px;color:#8A8A8E}
.upo-leg span{display:inline-flex;align-items:center;gap:6px}
.upo-leg i{width:12px;height:2px;border-radius:2px;background:#3B6FF0}
.upo-leg i.g{background:#D2D2D8}
.upo-graf{padding:8px 18px 12px}
.upo-gw{position:relative;cursor:crosshair;touch-action:pan-y}
.upo-gw svg{height:172px}
.upo-lijn2{stroke:#D2D2D8;stroke-dasharray:1}
.upo-kr{position:absolute;top:0;bottom:0;width:1px;background:rgba(0,0,0,.12);pointer-events:none}
.upo-st{position:absolute;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#3B6FF0;box-shadow:0 0 0 2.5px #fff,0 2px 6px rgba(0,0,0,.25);pointer-events:none}
.upo-punt{left:50%;top:0;transform:translateX(-50%);padding:7px 10px;font-size:11.5px;pointer-events:none}
.upo-punt b{font-size:12.5px}
.upo-punt small{display:block;margin-top:2px;font-size:11px;color:#1C8A4A}
.upo-app.tel .upo-sb{display:none}
.upo-app.tel .upo-kruim{display:none}
.upo-app.tel .upo-logo-t{display:block;height:18px;width:60px}
.upo-app.tel .upo-balk{height:44px;padding:0 14px}
.upo-app.tel .upo-pil{padding:4px 8px;font-size:11px}
.upo-app.tel .upo-rond{display:none}
.upo-app.tel .upo-bin{padding:6px 14px 0}
.upo-app.tel .upo-gr{font-size:18px}
.upo-app.tel .upo-tb{margin:9px 0 10px;gap:13px;font-size:12px}
.upo-app.tel .upo-tb span{padding-bottom:7px}
.upo-app.tel .upo-rij4{grid-template-columns:repeat(4,1fr);padding:10px 11px 9px;row-gap:0}
.upo-app.tel .upo-rij4 em{font-size:10.5px}
.upo-app.tel .upo-rij4 b{font-size:13.5px;margin-top:2px}
.upo-app.tel .upo-d{font-size:10.5px;margin-top:1px}
.upo-app.tel .upo-graf{padding:6px 11px 8px}
.upo-app.tel .upo-leg{padding:0 0 3px;font-size:10.5px}
.upo-app.tel .upo-gw svg{height:104px}
.upo-app.tel .upo-twee{gap:7px;margin:7px 0!important}
.upo-app.tel .upo-mel{padding:9px 11px}
.upo-app.tel .upo-mel b{margin:5px 0 1px;font-size:12.5px}
.upo-app.tel .upo-mel small{font-size:11.5px;line-height:1.3}
.upo-app.tel .upo-chip{font-size:10.5px;padding:2px 7px}
.upo-app.tel .upo-rg{padding:8px 11px}
.upo-app.tel .upo-rg b{font-size:12.5px}
.upo-app.tel .upo-rg small{font-size:11.5px}
.upo-app.tel .upo-punt{padding:5px 8px;font-size:10.5px}
.upo-app.tel .upo-punt b{font-size:11.5px}
.upo-app.tel .upo-punt small{font-size:10px}
.upo[data-o="10"] .upo-tab,.upo[data-o="10"] .upo-tab:hover,.upo[data-o="10"] .upo-tab:focus,.upo[data-o="10"] .upo-tab[aria-selected="true"],.upo[data-o="10"] .upo-tab[aria-selected="true"]:hover,.upo[data-o="10"] .upo-tab[aria-selected="true"]:focus{background:none!important;box-shadow:none!important;opacity:1;padding:0;margin:0;border-radius:0}
@media (max-width:767px){
  .upo[data-o="10"] .upo-binnen{padding:40px 20px 36px}
  .upo[data-o="10"] .upo-kop{font-size:28px;line-height:1.14}
  .upo[data-o="10"] .upo-tabs{margin:14px 0 16px;gap:14px}
  .upo[data-o="10"] .upo-tab{width:auto!important;justify-self:stretch;min-width:0}
  .upo[data-o="10"] .upo-tab b{font-size:15px;margin-bottom:2px}
  .upo[data-o="10"] .upo-tab span{font-size:13px}
  .upo[data-o="10"] .upo-toneel{--h:490px;border-radius:20px}
}

html body.page-id-396.home .elementor section#portaal[id][id]{display:block!important;padding:0!important;margin:0!important;width:100%!important;max-width:none!important;gap:0!important;background:#F5F5F7}
html body.page-id-396.home .elementor section#portaal[id][id] > .elementor-element{width:100%!important;max-width:none!important}
/* === Upclimb portaalsectie (9 nov) · einde === */
/* === Upclimb koers-sectie (9 nov) · begin === */
/* alleen voor het voorbeeld (9 nov): AI voert uit. Ik bepaal de koers. */
.ucko{background:#F5F5F7;font-family:Inter,system-ui,sans-serif;color:#0F1A3D}
.ucko-binnen{max-width:1200px;margin:0 auto;padding:64px 48px 72px;box-sizing:content-box}
.ucko-kop{margin:0 0 28px;font-size:40px;line-height:1.1;font-weight:600;letter-spacing:-.032em;color:#0F1A3D;text-wrap:balance}
.ucko-kop span{display:block;color:#4C5878}
.ucko-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ucko-k{position:relative;display:flex;flex-direction:column;min-height:268px;padding:26px 28px;border-radius:24px;background:#EFEFF3;overflow:hidden;transition:opacity .7s ease calc(var(--i)*90ms),translate .9s cubic-bezier(.22,1,.36,1) calc(var(--i)*90ms)}
.ucko.geen .ucko-k,.ucko.in .ucko-k{opacity:1;translate:0 0}
.ucko-g{font-size:64px;line-height:1;font-weight:600;letter-spacing:-.045em;color:#0F1A3D}
.ucko-t{margin:10px 0 0;font-size:19px;line-height:1.25;font-weight:600;letter-spacing:-.014em;color:#0F1A3D;text-wrap:balance}
.ucko-z{margin:auto 0 0;padding-top:16px;max-width:27em;font-size:15.5px;line-height:1.45;letter-spacing:-.006em;color:#6E7890;text-wrap:pretty}
.ucko-a{background:#7E8FB8 url(/wp-content/uploads/2026/11/upclimb-gradient.jpg) center/cover no-repeat}
.ucko-a .ucko-g,.ucko-a .ucko-t{color:#fff}
.ucko-a .ucko-z{color:rgba(255,255,255,.86)}
.ucko-a::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(15,26,61,.28),rgba(15,26,61,.12) 45%,rgba(15,26,61,.34))}
.ucko-a>*{position:relative}
.ucko-b{background:#fff;box-shadow:inset 0 0 0 1px rgba(15,26,61,.06)}
.ucko-kop2{font-size:28px;line-height:1.14;font-weight:600;letter-spacing:-.026em;color:#0F1A3D;margin:0;max-width:11em;text-wrap:balance}
.ucko-mnd{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;margin-top:18px;max-width:230px}
.ucko-mnd i{height:5px;border-radius:3px;background:rgba(15,26,61,.12)}
.ucko-mnd i.aan{background:#0F1A3D}
.ucko-e{grid-column:span 2;padding-right:calc(40% + 28px)}
.ucko-foto{position:absolute;right:28px;bottom:0;width:36%;height:calc(100% - 26px);border-radius:18px 18px 0 0;overflow:hidden;background:#101A3D}
.ucko-foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
@media (max-width:1023px){.ucko-binnen{padding:56px 32px 60px}.ucko-grid{grid-template-columns:1fr 1fr}.ucko-a{grid-column:span 2}.ucko-e{grid-column:span 2}}
@media (max-width:767px){
  .ucko-binnen{padding:44px 20px 48px}
  .ucko-kop{font-size:28px;line-height:1.14;margin-bottom:18px}
  .ucko-grid{grid-template-columns:1fr;gap:8px}
  .ucko-a,.ucko-e{grid-column:auto}
  .ucko-k{min-height:0;padding:16px 18px;border-radius:18px;display:grid;grid-template-columns:86px minmax(0,1fr);column-gap:12px;align-items:start}
  .ucko-g{grid-row:1/3;font-size:32px;letter-spacing:-.04em}
  .ucko-t{margin:0;font-size:15.5px}
  .ucko-z{margin:4px 0 0;padding:0;font-size:14px;line-height:1.38;grid-column:2}
  .ucko-tekst{grid-column:1/-1}
  .ucko-kop2{font-size:17px;line-height:1.22;max-width:none}
  .ucko-d,.ucko-e{display:block;padding-right:18px}
  .ucko-d .ucko-z,.ucko-e .ucko-z{margin-top:4px}
}
@media (prefers-reduced-motion:reduce){.ucko-k,.ucko-mld{opacity:1;translate:none;transition:none}}
/* bewegende variant van ontwerp 1 */
.ucko-a{background:#7E8FB8}
.ucko-v{position:absolute;inset:-18%;background:url(/wp-content/uploads/2026/11/upclimb-gradient.jpg) center/cover no-repeat;animation:uckoDrift 20s ease-in-out infinite alternate;will-change:transform}
.ucko-a::before{z-index:1}
.ucko-a>:not(.ucko-v){position:relative;z-index:2}
@keyframes uckoDrift{from{transform:translate(-5%,3%) scale(1)}to{transform:translate(6%,-4%) scale(1.14)}}
.ucko-sp{position:absolute;top:32px;right:28px;width:104px;height:44px;overflow:visible;fill:none}
.ucko-sp path{stroke:#0F1A3D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.5s cubic-bezier(.3,.7,.2,1) .35s}
.ucko-sp circle{fill:#0F1A3D;opacity:0;transition:opacity .3s ease 1.7s}
.ucko.in .ucko-sp path,.ucko.geen .ucko-sp path{stroke-dashoffset:0}
.ucko.in .ucko-sp circle,.ucko.geen .ucko-sp circle{opacity:1}
.ucko-bar{position:absolute;top:38px;right:28px;width:104px;display:grid;gap:9px}
.ucko-bar i{display:block;height:4px;border-radius:4px;background:rgba(15,26,61,.1);overflow:hidden;position:relative}
.ucko-bar i::after{content:"";position:absolute;inset:0;border-radius:4px;background:#0F1A3D;transform:scaleX(0);transform-origin:0 50%;transition:transform 1s cubic-bezier(.3,.7,.2,1) .5s}
.ucko-bar i+i::after{background:rgba(15,26,61,.32)}
.ucko.in .ucko-bar i::after,.ucko.geen .ucko-bar i::after{transform:scaleX(1)}
.ucko.in .ucko-bar i+i::after,.ucko.geen .ucko-bar i+i::after{transform:scaleX(.2)}
.ucko-mnd i{transform:scaleX(.2);transform-origin:0 50%;opacity:.5;transition:transform .5s cubic-bezier(.22,1,.36,1) calc(var(--m)*70ms + .5s),opacity .3s ease calc(var(--m)*70ms + .5s)}
.ucko.in .ucko-mnd i,.ucko.geen .ucko-mnd i{transform:none;opacity:1}
.ucko-e{padding-right:calc(44% + 28px)}
.ucko-foto{width:42%}
@media (max-width:767px){
  .ucko-sp,.ucko-bar{display:none}
  .ucko-mnd{display:grid;margin:9px 0 2px;max-width:none}
  .ucko-e{padding:16px 18px 0}
  .ucko-foto{display:block;position:relative;right:auto;bottom:auto;width:auto;height:240px;margin:14px 0 0;border-radius:14px 14px 0 0}
}
@media (prefers-reduced-motion:reduce){.ucko-v{animation:none}.ucko-vst{opacity:1;transform:none}}
/* compact voorstel, zodat je gezicht vrij blijft */
.ucko-foto img{object-position:50% 45%}
@media (max-width:767px){.ucko-foto{height:240px}}

/* vijf compacte varianten van ontwerp 1, zonder meldingen (9 nov) */
.ucko-binnen{padding:56px 48px 64px}
.ucko-kop{margin-bottom:24px}
.ucko-grid{gap:12px}
.ucko-k{min-height:190px;padding:20px 22px;border-radius:22px}
.ucko-g{font-size:50px}
.ucko-t{margin-top:6px;font-size:16.5px}
.ucko-z{padding-top:12px;font-size:14.5px;line-height:1.42}
.ucko-kop2{font-size:23px;line-height:1.16}
.ucko-sp{top:24px;right:22px;width:84px;height:36px}
.ucko-bar{top:30px;right:22px;width:84px}
.ucko-mnd{margin-top:14px}
.ucko-img{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.ucko-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.ucko-foto{overflow:visible;background:none}
.ucko-vink{position:absolute;left:12px;bottom:12px;width:32px;height:32px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 8px 20px -8px rgba(4,10,32,.6);transform:scale(.4);opacity:0;transition:transform .7s cubic-bezier(.34,1.4,.5,1) .7s,opacity .3s ease .7s}
.ucko-vink svg{width:15px;height:15px;fill:none;stroke:#0F1A3D;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ucko-vink path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .45s ease 1.05s}
.ucko.in .ucko-vink,.ucko.geen .ucko-vink{transform:none;opacity:1}
.ucko.in .ucko-vink path,.ucko.geen .ucko-vink path{stroke-dashoffset:0}
@media (min-width:1024px){
  .ucko-e{padding-right:calc(42% + 24px)}
  .ucko-foto{top:0;right:0;bottom:0;width:40%;height:auto;border-radius:0}
}
@media (max-width:1023px) and (min-width:768px){.ucko-e{padding-right:calc(42% + 24px)}.ucko-foto{top:0;right:0;bottom:0;width:40%;height:auto;border-radius:0}}
@media (max-width:767px){
  .ucko-binnen{padding:40px 20px 44px}
  .ucko-kop{margin-bottom:16px}
  .ucko-grid{gap:8px}
  .ucko-k{min-height:0}
  .ucko-g{font-size:32px}
  .ucko-t{margin:0;font-size:15.5px}
  .ucko-z{padding:0;font-size:14px}
  .ucko-kop2{font-size:17px}
  .ucko-e{display:grid;grid-template-columns:minmax(0,1fr) 76px;column-gap:14px;padding:16px 16px 16px 18px;align-items:center}
  .ucko-e .ucko-kop2{grid-column:1;grid-row:1}
  .ucko-e .ucko-z{grid-column:1;grid-row:2}
  .ucko-foto{display:block;position:relative;grid-column:2;grid-row:1/3;width:76px;height:76px;margin:0;border-radius:16px}
  .ucko-vink{left:auto;right:-5px;bottom:-5px;width:24px;height:24px}
  .ucko-vink svg{width:12px;height:12px}
}
.ucko.wacht .ucko-k{opacity:0;translate:0 16px}
html body.page-id-396.home .elementor section#koers[id][id]{display:block!important;padding:0!important;margin:0!important;width:100%!important;max-width:none!important;gap:0!important;background:#F5F5F7}
html body.page-id-396.home .elementor section#koers[id][id] > .elementor-element{width:100%!important;max-width:none!important}
.ucko-binnen{border-top:1px solid var(--uc-lijn,#E8E4EA);border-bottom:1px solid var(--uc-lijn,#E8E4EA)}
/* === Upclimb koers-sectie (9 nov) · einde === */
/* === Upclimb Mens en machine licht (9 nov) · begin === */
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id]{background:#EFEFF3!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-kop{color:#0F1A3D!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-kop span,html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-kop span em,html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-kop span strong{color:#4C5878!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] :is(.ucz-ai-vorm,.ucz-lv-vorm,.ucz-kl-vorm){background:#fff!important;box-shadow:0 0 0 1px rgba(0,0,0,.06)!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-stippen button::before{background:rgba(15,26,61,.2)!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-stippen button[aria-current="true"]::before{background:#0F1A3D!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-binnen > a[data-id="uczcta1"]{background:#2957F8!important;color:#fff!important;box-shadow:0 14px 28px -18px rgba(41,87,248,.6)!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-binnen > a[data-id="uczcta1"]:hover{background:#1F46D6!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-binnen > a[data-id="uczcta1"]:focus-visible{outline:2px solid #2957F8!important}
@media (min-width:1024px){html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-kop{font-size:40px!important;letter-spacing:-.032em!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-binnen{padding-top:56px!important;padding-bottom:64px!important}}
@media (max-width:767px){html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-kop{font-size:28px!important;line-height:1.14!important}}
/* meldingen van licht glas */
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #kaarten .vs.vs,html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #pillen .pil.pil{background:rgba(234,238,245,.95)!important;border:0!important;box-shadow:0 16px 32px -24px rgba(15,26,61,.28),0 0 0 .5px rgba(15,26,61,.07),inset 0 1px 0 rgba(255,255,255,.85)!important;color:#0F1A3D!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
@media (hover:hover) and (min-width:1024px){html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #kaarten .vs.vs,html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #pillen .pil.pil{background:rgba(232,237,245,.68)!important;-webkit-backdrop-filter:blur(22px) saturate(1.3)!important;backdrop-filter:blur(22px) saturate(1.3)!important}}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #kaarten .vs.vs :is(.vs-kop,.vs-naam,.vs-tijd){color:#8791A8!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #kaarten .vs.vs .vs-ico{background:rgba(15,26,61,.07)!important;box-shadow:none!important;color:#4C5878!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #kaarten .vs.vs .vs-t{color:#0F1A3D!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #kaarten .vs.vs .vs-d{color:#6E7890!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #kaarten .vs.vs .vs-w>div{color:#0F1A3D!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #kaarten .vs.vs .vs-w em{color:#6E7890!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #kaarten .vs.vs .knop{background:rgba(255,255,255,.72)!important;box-shadow:inset 0 0 0 .5px rgba(15,26,61,.1)!important;color:#0F1A3D!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #kaarten .vs.vs.druk .knop.kies:is(.ja,.nee){background:#2957F8!important;color:#fff!important;box-shadow:none!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #kaarten .vs.vs.druk .knop.kies:is(.ja,.nee) svg{color:#fff!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #kaarten .vs.vs .uitslag .chip:is(.ja,.nee){background:#fff!important;color:#0F1A3D!important;box-shadow:0 0 0 .5px rgba(15,26,61,.08),0 4px 10px -6px rgba(15,26,61,.25)!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #kaarten .vs.vs .uitslag .chip:is(.ja,.nee) b{background:#0F1A3D!important;color:#fff!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #pillen .pil.pil .pil-t{color:#0F1A3D!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #pillen .pil.pil :is(.pil-t small,.pil-pijl){color:#8791A8!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #pillen .pil.pil .pil-r{color:#6E7890!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #pillen .pil.pil .pil-w em{color:#0F1A3D!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #pillen .pil.pil .pil-ico:not(.pil-foto){background:rgba(15,26,61,.07)!important;color:#4C5878!important}
/* === Upclimb Mens en machine licht (9 nov) · einde === */
/* === Upclimb Op maat ingericht vlak (9 nov) · begin === */
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id]{background:#EFEFF3!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-gads{display:none!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-titel{gap:0!important;margin:0!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-titel h2{margin:0!important;color:#0F1A3D!important;font-weight:600!important;letter-spacing:-.032em!important;line-height:1.1!important;text-wrap:balance}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-titel h2 span{display:block!important;color:#4C5878!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-onder{color:#6E7890!important;letter-spacing:-.006em!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-seg{background:rgba(15,26,61,.07)!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-duim{background:#fff!important;box-shadow:0 1px 2px rgba(15,26,61,.1)!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-seg button{color:#6E7890!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-seg button[aria-selected="true"],html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-seg button[aria-pressed="true"],html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-seg button.is-aan{color:#0F1A3D!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-tekst{color:#6E7890!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-noot{color:#8791A8!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-kaart{background:#fff!important;background-image:none!important;box-shadow:0 0 0 1px rgba(0,0,0,.06)!important;border:0!important;border-radius:22px!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-kaart::before,html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-kaart::after{display:none!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .kx-kop{color:#8791A8!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .kx-ai{color:#4C5878!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .kx .ml{background:#F3F5F8!important;box-shadow:none!important;border:0!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .kx .ml .ic{background:#fff!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .kx .ml .r1{color:#0F1A3D!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .kx .ml .tx{color:#6E7890!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .kx-voet{color:#8791A8!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-nieuw{color:#0F1A3D!important}
@media (min-width:1024px){html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-binnen{padding-top:56px!important;padding-bottom:64px!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-titel h2{font-size:40px!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-onder{font-size:17px!important}}
@media (max-width:1023px){html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-kaart{width:100%!important;max-width:none!important}}
@media (max-width:767px){html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-binnen{padding-top:40px!important;padding-bottom:44px!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-titel h2{font-size:28px!important;line-height:1.14!important}
html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .hl-onder{font-size:16px!important}}
/* === Upclimb Op maat ingericht vlak (9 nov) · einde === */

/* === Upclimb balk onder Over mij compact (9 nov) · begin === */
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uco-band{background:transparent!important;width:auto!important;box-shadow:none!important;max-width:880px;margin-left:auto!important;margin-right:auto!important;padding-top:10px!important;padding-bottom:10px!important;border-top:1px solid rgba(15,26,61,.09)}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uco-band .ucu-rij{animation-duration:44s!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uco-band .ucu-lijst{gap:36px!important;padding-right:36px!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uco-band .ucu-usp{gap:6px!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uco-band .ucu-getal{font-size:13px!important;font-weight:600!important;letter-spacing:-.01em!important;line-height:1.2!important;color:#0F1A3D!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uco-band .ucu-tekst{font-size:12px!important;font-weight:400!important;line-height:1.2!important;color:#6E7890!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uco-band .ucu-stip{background:rgba(15,26,61,.22)!important;opacity:1!important;width:3px!important;height:3px!important}
@media (max-width:767px){html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uco-band{max-width:none;margin-left:16px!important;margin-right:16px!important}}
/* === Upclimb balk onder Over mij compact (9 nov) · einde === */

/* === Upclimb Over mij twee vlakken (9 nov) · begin === */
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a[data-id="ucomk01"]{display:inline-flex!important;align-self:flex-start;margin-top:14px!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-foto{mix-blend-mode:normal!important;object-fit:cover!important;object-position:50% 22%!important;border-radius:22px!important;max-width:none!important;max-height:none!important;margin:0!important;display:block}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-stapel{background:#EFEFF3!important;border-radius:22px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;gap:12px!important;max-width:none!important;box-sizing:border-box;margin:0!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-stapel .uc-lead{margin:0!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-stapel .uc-lead:first-child{color:#0F1A3D!important;letter-spacing:-.022em!important;line-height:1.2!important;font-weight:500!important;max-width:20ch;text-wrap:balance}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-stapel .uc-lead:nth-child(2){color:#6E7890!important;font-weight:400!important;font-size:17.5px!important}
@media (min-width:768px){html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-binnen{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-content:start!important;column-gap:16px!important;row-gap:30px!important;padding-top:60px!important;padding-bottom:32px!important;align-items:stretch!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-rij{grid-column:1/-1!important;grid-row:1!important;margin:0!important;width:auto!important;max-width:none!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-kop{width:auto!important;max-width:none!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-foto{grid-column:1!important;grid-row:2!important;width:100%!important;height:clamp(500px,38.5vw,625px)!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-stapel{grid-column:2!important;grid-row:2!important;width:auto!important;height:clamp(500px,38.5vw,625px)!important;padding:48px!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-stapel .uc-lead:first-child{font-size:34px!important}}
@media (min-width:768px) and (max-width:1023px){html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-binnen{padding-top:52px!important;padding-bottom:32px!important;row-gap:28px!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-foto,html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-stapel{height:390px!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-stapel{padding:30px!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-stapel .uc-lead:first-child{font-size:25px!important}}
@media (max-width:767px){html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-binnen{display:flex!important;flex-direction:column!important;gap:12px!important;padding-top:44px!important;padding-bottom:28px!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-rij{order:1!important;margin:0 0 14px!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-foto{order:2!important;width:100%!important;height:auto!important;aspect-ratio:1/.92!important;align-self:stretch!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-stapel{order:3!important;width:100%!important;padding:26px 24px!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-stapel .uc-lead:first-child{font-size:25px!important}}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a[data-id="ucomk01"]{align-items:center!important;gap:12px!important;height:48px!important;padding:6px 24px 6px 6px!important;border-radius:999px!important;background:#1A0B1F!important;color:#fff!important;font-family:inherit!important;font-weight:500!important;font-size:16px!important;line-height:1!important;letter-spacing:-.005em!important;text-decoration:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 30px -14px rgba(26,11,31,.55)!important;box-sizing:border-box}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a[data-id="ucomk01"]:hover{background:#2C1B33!important;color:#fff!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a[data-id="ucomk01"]::before{content:""!important;flex:0 0 auto!important;width:36px!important;height:36px!important;border-radius:50%!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A0B1F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat #fff!important;display:block!important;position:static!important;inset:auto!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a[data-id="ucomk01"]::after{display:none!important;content:none!important}
/* === Upclimb Over mij twee vlakken (9 nov) · einde === */

/* === Upclimb Daarom nieuwe foto (9 nov) · begin === */
/* Daarom begon ik: nieuwe foto, gezicht vrij van de titel */
@media (min-width:768px) and (max-width:1024px){
  #waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-foto{left:auto!important;right:0!important;width:480px!important}
  #waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-img{object-position:50% 54%!important;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.03) 6%,rgba(0,0,0,.12) 14%,rgba(0,0,0,.32) 22%,rgba(0,0,0,.62) 30%,rgba(0,0,0,.88) 37%,#000 44%),linear-gradient(#000 66%,transparent 96%)!important;mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.03) 6%,rgba(0,0,0,.12) 14%,rgba(0,0,0,.32) 22%,rgba(0,0,0,.62) 30%,rgba(0,0,0,.88) 37%,#000 44%),linear-gradient(#000 66%,transparent 96%)!important;-webkit-mask-composite:source-in!important;mask-composite:intersect!important;clip-path:inset(0 0 0 2px)!important}
}
@media (min-width:480px) and (max-width:767px){
  #waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-foto{left:auto!important;right:0!important;width:min(100%,420px)!important}
  #waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-img{object-position:50% 64%!important;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.03) 6%,rgba(0,0,0,.12) 14%,rgba(0,0,0,.32) 22%,rgba(0,0,0,.62) 30%,rgba(0,0,0,.88) 37%,#000 44%),linear-gradient(#000 66%,transparent 94%)!important;mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.03) 6%,rgba(0,0,0,.12) 14%,rgba(0,0,0,.32) 22%,rgba(0,0,0,.62) 30%,rgba(0,0,0,.88) 37%,#000 44%),linear-gradient(#000 66%,transparent 94%)!important;-webkit-mask-composite:source-in!important;mask-composite:intersect!important;clip-path:inset(0 0 0 2px)!important}
}
@media (max-width:479px){
  #waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-img{object-position:50% 80%!important;-webkit-mask-image:linear-gradient(#000 60%,transparent 92%)!important;mask-image:linear-gradient(#000 60%,transparent 92%)!important}
}

/* === Upclimb Daarom nieuwe foto (9 nov) · einde === */

/* === Upclimb Portaal vegen telefoon (9 nov) · begin === */
html body .upo .upo-toneel{touch-action:pan-y}
@media (prefers-reduced-motion:no-preference){html body .upo .upo-app{transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .55s,translate .9s cubic-bezier(.22,1,.36,1)}}
html body .upo .upo-toneel.veegt .upo-app{transition:none!important}
@media (max-width:767px){html body .upo[data-o="10"] .upo-toneel[data-st="1"] .upo-app.a{--x:calc(12px - var(--w)*var(--f)*.93)}}
/* === Upclimb Portaal vegen telefoon (9 nov) · einde === */

/* === Upclimb Koers laptopfoto (9 nov) · begin === */
html body .ucko .ucko-img img{object-position:50% 71%!important}
@media (min-width:768px){html body .ucko .ucko-e{padding-right:224px!important}html body .ucko .ucko-e .ucko-foto{width:200px!important}}
/* === Upclimb Koers laptopfoto (9 nov) · einde === */

/* === Upclimb Hero zitzakfoto (9 nov) · begin === */
/* Hero: nieuwe foto op de zitzak */
html body [data-id="uchh006"] [data-id="uchh007"]{object-position:50% 30%!important}
@media (min-width:900px){
  html body [data-id="uchh006"] [data-id="uchh007"]{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 90%,transparent 100%),linear-gradient(0deg,transparent 0,#000 22%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 90%,transparent 100%),linear-gradient(0deg,transparent 0,#000 22%)!important}
}
@media (max-width:1024px){
  html body [data-id="uchh006"] [data-id="uchh007"]{object-position:50% 52%!important}
}
@media (max-width:560px){
  html body [data-id="uchh006"] [data-id="uchh007"]{object-position:50% 100%!important}
}

/* === Upclimb Hero zitzakfoto (9 nov) · einde === */

/* === Upclimb Over mij titel in vlak (9 nov) · begin === */
#over-mij[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-binnen{grid-template-rows:auto!important;row-gap:0!important}
#over-mij[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-stapel .uc-kop{margin:0 0 26px!important;font-size:clamp(30px,2.5vw,36px)!important;line-height:1.14!important;text-wrap:balance}
@media (max-width:767px){#over-mij[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-stapel .uc-kop{margin:0 0 18px!important;font-size:27px!important}}
/* === Upclimb Over mij titel in vlak (9 nov) · einde === */

/* === Upclimb Portaal logo scherp (9 nov) · begin === */
html body .upo .upo-logo{filter:none!important}
html body .upo .upo-logo::before{background:url("/wp-content/uploads/2026/11/upclimb-logo-portaal.webp") left center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important}
/* === Upclimb Portaal logo scherp (9 nov) · einde === */

/* === Upclimb Over mij balk in vlak (9 nov) · begin === */
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-stapel{justify-content:flex-start!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-stapel .uc-kop{margin-top:auto!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-stapel .uc-lead{margin-bottom:auto!important}
html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-stapel .uco-band{align-self:stretch!important;flex:none!important;width:auto!important;max-width:none!important;min-width:0!important;margin:24px 0 -22px!important;padding:12px 0 0!important}
@media (max-width:767px){html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-stapel .uco-band{margin:24px 0 -8px!important}}
@media (min-width:768px) and (max-width:1100px){html body.page-id-396.home .elementor section#over-mij.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-stapel .uco-band{margin:20px 0 -10px!important}}
/* === Upclimb Over mij balk in vlak (9 nov) · einde === */

/* === Upclimb lijn boven Daarom weg (9 nov) · begin === */
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] > [data-id="4866491"]{border-top:0!important}
/* === Upclimb lijn boven Daarom weg (9 nov) · einde === */

/* === Upclimb balk Ervaring compact (9 nov) · begin === */
html body.page-id-396.home .elementor section#ervaring.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucu-binnen{max-width:880px!important;width:auto!important;margin-left:auto!important;margin-right:auto!important;padding:10px 0 16px!important;gap:0!important}
html body.page-id-396.home .elementor section#ervaring.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucu-rij{animation-duration:44s!important}
html body.page-id-396.home .elementor section#ervaring.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucu-lijst{gap:36px!important;padding-right:36px!important}
html body.page-id-396.home .elementor section#ervaring.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucu-usp{gap:6px!important}
html body.page-id-396.home .elementor section#ervaring.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucu-getal{font-size:13px!important;font-weight:600!important;letter-spacing:-.01em!important;line-height:1.2!important;color:#0F1A3D!important}
html body.page-id-396.home .elementor section#ervaring.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucu-tekst{font-size:12px!important;font-weight:400!important;line-height:1.2!important;color:#6E7890!important}
html body.page-id-396.home .elementor section#ervaring.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucu-stip{background:rgba(15,26,61,.22)!important;opacity:1!important;width:3px!important;height:3px!important}
@media (max-width:767px){html body.page-id-396.home .elementor section#ervaring.uc-sectie.e-con[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucu-binnen{max-width:none!important;margin-left:16px!important;margin-right:16px!important}}
/* === Upclimb balk Ervaring compact (9 nov) · einde === */

/* === Upclimb lijn boven Prijs weg (9 nov) · begin === */
html body.page-id-396.home .elementor section#prijs[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] > .uc-binnen{border-top:0!important}
/* === Upclimb lijn boven Prijs weg (9 nov) · einde === */

/* === Upclimb Daarom lichtgrijs en glas (9 nov) · begin === */
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel{background:#EFEFF3!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-kop{color:#0F1A3D!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-kop span{color:#4C5878!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-kop strong{color:#0F1A3D!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-lead{color:#6E7890!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-beloftes>.ucv-belofte{background:rgba(255,255,255,.58)!important;-webkit-backdrop-filter:blur(22px) saturate(170%)!important;backdrop-filter:blur(22px) saturate(170%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;padding:12px 16px 13px!important;gap:3px!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-belofte-titel{color:#0F1A3D!important;font-size:15.5px!important;line-height:1.25!important;letter-spacing:-.01em!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-belofte-tekst{color:#5B6680!important;font-size:13.5px!important;line-height:1.4!important}
html body.page-id-396.home .elementor .ucko .ucko-img img{object-position:50% 30%!important}
@media (min-width:1025px){
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-beloftes{padding:0 16px 16px!important}
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-beloftes>.ucv-belofte+.ucv-belofte{box-shadow:inset 1px 0 0 rgba(15,26,61,.07),inset 0 1px 0 rgba(255,255,255,.85)!important}
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-foto{left:auto!important;right:0!important;top:auto!important;bottom:46px!important;width:min(578px,48%)!important;height:auto!important;aspect-ratio:.95!important}
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 100%!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 11%),linear-gradient(180deg,transparent 0,#000 9%,#000 94%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 11%),linear-gradient(180deg,transparent 0,#000 9%,#000 94%,transparent 100%)!important;-webkit-mask-composite:source-in!important;mask-composite:intersect!important;clip-path:inset(0 0 0 2px)!important}
}
@media (max-width:1024px){
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-beloftes>.ucv-belofte+.ucv-belofte{box-shadow:inset 0 1px 0 rgba(15,26,61,.07)!important}
}
@media (min-width:768px) and (max-width:1024px){
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-foto{left:auto!important;right:0!important;width:340px!important;height:400px!important}
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-img{object-position:50% 66%!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%),linear-gradient(#000 90%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 12%),linear-gradient(#000 90%,transparent 100%)!important;-webkit-mask-composite:source-in!important;mask-composite:intersect!important}
}
@media (min-width:480px) and (max-width:767px){
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-foto{height:380px!important}
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-tekst{padding-top:372px!important}
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-img{object-position:50% 66%!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%),linear-gradient(#000 86%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 12%),linear-gradient(#000 86%,transparent 100%)!important;-webkit-mask-composite:source-in!important;mask-composite:intersect!important}
}
@media (max-width:479px){
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-foto{height:380px!important}
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-tekst{padding-top:352px!important}
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-img{object-position:50% 100%!important;-webkit-mask-image:linear-gradient(#000 90%,transparent 100%)!important;mask-image:linear-gradient(#000 90%,transparent 100%)!important}
}
@media (max-width:767px){
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-belofte{padding:13px 15px!important}
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-belofte-titel{font-size:15px!important}
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-belofte-titel::after{background:#8791A8!important}
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-tegel-kop span{color:#4C5878!important}
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-tegel-kop strong{color:#0F1A3D!important}
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id].ucv-klap .ucv-belofte:focus-visible{outline:2px solid #2957F8!important}
}
/* === Upclimb Daarom lichtgrijs en glas (9 nov) · einde === */

/* === Upclimb Waar sta jij nu (9 nov) · begin === */
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz{display:grid;grid-template-areas:"hoofd stappen" "actie stappen";grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px;row-gap:24px;width:100%;font-family:Inter,system-ui,sans-serif}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-hoofd{grid-area:hoofd;align-self:end;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-kop{margin:0;font-size:40px;line-height:1.1;font-weight:600;letter-spacing:-.032em;color:#0F1A3D}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-kop span{color:#4C5878}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-sub{display:grid;margin-top:12px;width:100%}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-sub p{grid-area:1/1;margin:0;font-size:16px;line-height:1.45;letter-spacing:-.008em;color:#6E7890;text-wrap:pretty}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] [data-wn]{opacity:0;visibility:hidden;transition:opacity .18s ease,visibility 0s .18s}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] [data-wn].is-aan{opacity:1;visibility:visible;transition:opacity .3s ease .08s,visibility 0s}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-seg{position:relative;display:inline-grid;grid-template-columns:auto auto;margin-top:22px;padding:3px;border-radius:999px;background:rgba(15,26,61,.07)}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-duim{position:absolute;top:3px;bottom:3px;left:3px;border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(15,26,61,.1);transition:translate .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1)}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-seg button,body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-seg button:hover,body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-seg button:focus,body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-seg button:active{position:relative;z-index:1;appearance:none;margin:0;padding:9px 18px!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:999px!important;font:inherit;font-size:14.5px!important;font-weight:500!important;letter-spacing:-.008em!important;text-transform:none!important;text-align:center!important;color:#6E7890!important;cursor:pointer;white-space:nowrap;transition:color .2s;-webkit-tap-highlight-color:transparent;outline:none}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-seg button[aria-selected="true"]{color:#0F1A3D!important}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-seg button:focus-visible{outline:2px solid #2957F8!important;outline-offset:1px}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-actie{grid-area:actie;align-self:start;justify-self:start}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.wz-cta,body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.wz-cta:hover,body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.wz-cta:focus{display:inline-flex;align-items:center;gap:10px;padding:14px 20px 14px 24px!important;border-radius:999px!important;background:#2957F8!important;color:#fff!important;font-size:16px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-.008em;text-decoration:none!important;box-shadow:0 14px 28px -18px rgba(41,87,248,.6)!important;transition:scale .15s ease}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.wz-cta:active{scale:.98}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.wz-cta::before,body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.wz-cta::after{content:none!important}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.wz-cta svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-kl{display:inline-grid;text-align:left}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-kl span{grid-area:1/1;white-space:nowrap}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-stappen{grid-area:stappen;align-self:center;display:grid;min-width:0;position:relative}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-p{grid-area:1/1;margin:0;padding:0;list-style:none;min-width:0}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-s{position:relative;margin:0;padding:0;min-width:0;list-style:none}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-s h3{margin:0;font-size:17px;line-height:1.25;font-weight:600;letter-spacing:-.014em;color:#0F1A3D}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-s p{margin:4px 0 0;font-size:14.5px;line-height:1.42;letter-spacing:-.005em;color:#6E7890;text-wrap:pretty}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-tijd{display:block;font-size:12.5px;line-height:1.3;font-weight:500;color:#8791A8}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz.wz-js .wz-s{opacity:0;transform:translateY(10px);transition:opacity 0s linear .18s,transform 0s linear .18s}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz.wz-gezien .wz-p.is-aan .wz-s{opacity:1;transform:none;transition:opacity .4s ease calc(var(--i)*.17s + .08s),transform .6s cubic-bezier(.22,1,.36,1) calc(var(--i)*.17s + .08s)}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-v1 .wz-p{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-v1 .wz-s{padding:20px 22px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px rgba(15,26,61,.06)}
body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-v1 .wz-s h3{margin-top:8px}
@media (max-width:1023px){
  body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz{grid-template-areas:"hoofd" "stappen" "actie";grid-template-columns:minmax(0,1fr);row-gap:24px}
  body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-actie{justify-self:start}
}
@media (max-width:767px){
  body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz{row-gap:16px}
  body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-kop{font-size:28px;line-height:1.14}
  body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-sub{margin-top:8px}
  body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-sub p{font-size:15px;line-height:1.4}
  body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-seg{display:grid;margin-top:14px;width:100%}
  body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-seg button,body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-seg button:hover,body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-seg button:focus,body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-seg button:active{padding:7px 4px!important;font-size:13px!important}
  body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-actie{margin-top:4px}
  body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.wz-cta,body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.wz-cta:hover,body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.wz-cta:focus{font-size:15px!important;padding:13px 18px 13px 22px!important}
  body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-s h3{font-size:15px}
  body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-s p{font-size:13.5px;line-height:1.38;margin-top:2px}
  body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-v1 .wz-p{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:8px}
  body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-v1 .wz-s{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;min-height:0;padding:13px 16px;border-radius:16px}
  body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-v1 .wz-tijd{grid-column:2;grid-row:1;padding-top:2px}
  body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-v1 .wz-s h3{grid-column:1;grid-row:1;margin:0;font-size:15px;letter-spacing:-.014em}
  body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz-v1 .wz-s p{grid-column:1/3;grid-row:2}
}
@media (prefers-reduced-motion:reduce){
  body.page-id-396 section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .wz *{transition:none!important;animation:none!important}
}
/* === Upclimb Waar sta jij nu (9 nov) · einde === */

/* === Upclimb ruimte tussen secties (9 nov) · begin === */
html body.page-id-396.home .elementor section#over-mij[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] > .uc-binnen,html body.page-id-396.home .elementor section#daarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-binnen,html body.page-id-396.home .elementor section#portaal[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .upo-binnen,html body.page-id-396.home .elementor section#koers[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucko-binnen,html body.page-id-396.home .elementor section#hoe-het-werkt[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .uc-binnen,html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-binnen,html body.page-id-396.home .elementor section#prijs[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] > .uc-binnen,html body.page-id-396.home .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] > .uc-binnen{padding-top:clamp(72px,9.375vw,120px)!important;padding-bottom:clamp(72px,9.375vw,120px)!important}
html body.page-id-396.home .elementor section#prijs[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucprijs-periode{margin-top:36px!important}
html body.page-id-396.home .elementor section#prijs[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucprijs-afspraak{margin-top:18px!important}
html body.page-id-396.home .elementor section#prijs[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucprijs-raster{margin-top:28px!important}
html body.page-id-396.home .elementor section#prijs[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucprijs-populair{white-space:nowrap!important;flex:none!important}
/* === Upclimb ruimte tussen secties (9 nov) · einde === */

/* === Upclimb Daarom telefoon (9 nov) · begin === */
@media (max-width:479px){
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-foto{left:12px!important;right:12px!important;top:12px!important;width:auto!important;height:360px!important;border-radius:16px!important;overflow:hidden!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 100%!important;-webkit-mask-image:none!important;mask-image:none!important;border-radius:16px!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-tekst{padding:394px 28px 20px!important}
}
/* === Upclimb Daarom telefoon (9 nov) · einde === */


/* === Upclimb Daarom balk en verhaalknop (10 nov) · begin === */
/* Daarom begon ik (10 nov): de drie punten zijn weg; onderin de tegel loopt de balk (element "Lopende balk", teksten in de widgets daarin) en onder de zin staat de glazen knop "Ontdek mijn verhaal" (knopelement, tekst en link pas je in Elementor aan). */
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel{row-gap:0!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-tekst{padding-bottom:28px!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .elementor-element-ucvband1{width:auto!important;max-width:none!important;grid-column:1/-1;grid-row:auto;display:block;min-width:0;margin:0 64px;padding:12px 0 14px;border-top:1px solid rgba(15,26,61,.09);position:relative;z-index:1}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .elementor-element-ucvband1 .elementor-widget-html{display:none}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .elementor-element-ucvband1 .ucu-venster{display:block;width:100%;min-width:0;padding:0!important;overflow:hidden!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .elementor-element-ucvband1 .ucu-rij{animation-duration:44s!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .elementor-element-ucvband1 .ucu-lijst{gap:36px!important;padding-right:36px!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .elementor-element-ucvband1 .ucu-usp{gap:6px!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .elementor-element-ucvband1 .ucu-getal{margin:0!important;font-size:13px!important;font-weight:600!important;letter-spacing:-.01em!important;line-height:1.2!important;color:#0F1A3D!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .elementor-element-ucvband1 .ucu-tekst{margin:0!important;font-size:12px!important;font-weight:400!important;line-height:1.2!important;color:#6E7890!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .elementor-element-ucvband1 .ucu-stip{background:rgba(15,26,61,.22)!important;opacity:1!important;width:3px!important;height:3px!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a[data-id="ucvknop1"],html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a[data-id="ucvknop1"]:hover,html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a[data-id="ucvknop1"]:focus{align-self:flex-start;display:inline-flex!important;align-items:center;gap:12px;width:auto!important;margin:6px 0 0!important;padding:7px 7px 7px 20px!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.56)!important;-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.55),0 0 0 1px rgba(15,26,61,.07),0 14px 30px -18px rgba(15,26,61,.45)!important;color:#0F1A3D!important;font-family:Inter,system-ui,sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-.008em!important;text-transform:none!important;text-decoration:none!important;transition:background-color .2s ease,scale .15s ease;-webkit-tap-highlight-color:transparent}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a[data-id="ucvknop1"]::before{content:none!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a[data-id="ucvknop1"]::after{content:""!important;display:block!important;flex:none;width:30px;height:30px;border-radius:50%;background:#0F1A3D url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M2 7h10M8 3l4 4-4 4'/></svg>") 50% 50%/13px 13px no-repeat!important;transition:transform .25s cubic-bezier(.22,1,.36,1)}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a[data-id="ucvknop1"]:hover{background:rgba(255,255,255,.8)!important}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a[data-id="ucvknop1"]:hover::after{transform:translateX(2px)}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a[data-id="ucvknop1"]:active{scale:.98}
html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a[data-id="ucvknop1"]:focus-visible{outline:2px solid #2957F8!important;outline-offset:2px}
@media (max-width:1024px){
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .elementor-element-ucvband1{margin:0 22px}
}
@media (max-width:767px){
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucv-tegel-tekst{padding-bottom:22px!important}
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .elementor-element-ucvband1{margin:0 22px;padding:11px 0 13px}
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a[data-id="ucvknop1"],html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a[data-id="ucvknop1"]:hover,html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a[data-id="ucvknop1"]:focus{margin-top:4px!important;font-size:14.5px!important}
}
@media (max-width:479px){
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .elementor-element-ucvband1{margin:0 28px}
}
@media (prefers-reduced-motion:reduce){
  html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a[data-id="ucvknop1"],html body.page-id-396.home .elementor section#waarom-upclimb[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a[data-id="ucvknop1"]::after{transition:none}
}
/* === Upclimb Daarom balk en verhaalknop (10 nov) · einde === */


/* === Upclimb vragen knoppen en prijzen (10 nov) · begin === */
html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .vrc{display:flex;align-items:center;gap:14px;margin-top:16px;padding:12px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(15,26,61,.06)}
html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .vrc-foto{flex:none;display:block;width:56px;height:56px;margin:0;border-radius:14px;object-fit:cover;object-position:50% 18%;background:#E4E6EE}
html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .vrc-tekst{flex:1;min-width:0}
html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .vrc-zin{margin:0!important;font-size:15px!important;line-height:1.3!important;font-weight:600!important;letter-spacing:-.012em!important;color:#0F1A3D!important}
html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.vrc-knop,html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.vrc-knop:hover,html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.vrc-knop:focus{flex:none;display:inline-flex;align-items:center;gap:8px;padding:11px 16px 11px 18px;border-radius:999px;background:#2957F8;color:#fff!important;font-size:14.5px;font-weight:600;line-height:1.2;letter-spacing:-.008em;text-decoration:none!important;white-space:nowrap;box-shadow:0 12px 24px -16px rgba(41,87,248,.7);transition:scale .15s ease,background-color .15s ease}
html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.vrc-knop:hover{background:#1F4AE6}
html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.vrc-knop:active{scale:.97}
html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.vrc-knop svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.vrc-knop:focus-visible{outline:2px solid #2957F8;outline-offset:2px}
html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .vrp{margin:2px 0 0;padding:0;list-style:none;border-top:1px solid rgba(15,26,61,.08)}
html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .vrp li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:baseline;margin:0;padding:11px 0;border-bottom:1px solid rgba(15,26,61,.08);list-style:none}
html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .vrp li::before,html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .vrp li::marker{content:none}
html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .vrp-n{grid-column:1;grid-row:1;font-size:15px;font-weight:600;letter-spacing:-.01em;color:#0F1A3D;line-height:1.3}
html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .vrp-b{grid-column:1;grid-row:2;font-size:13.5px;line-height:1.35;color:#6E7890}
html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .vrp-p{grid-column:2;grid-row:1;font-size:15px;font-weight:600;letter-spacing:-.01em;color:#0F1A3D;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .vrp-p small{font-size:13px;font-weight:500;color:#6E7890}
html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .vrp-noot{margin:12px 0 0!important;font-size:14px!important;line-height:1.45!important;color:#6E7890!important}
html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.vrp-link,html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.vrp-link:hover{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:14.5px;font-weight:600;color:#2957F8!important;text-decoration:none!important}
html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.vrp-link svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.vrp-link:hover span{text-decoration:underline;text-underline-offset:3px}
@media (max-width:767px){
  html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .vrc{flex-wrap:wrap;gap:12px}
  html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .vrc-foto{width:48px;height:48px;border-radius:12px}
  html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.vrc-knop{flex:1 1 100%;justify-content:center;font-size:14px}
}
@media (prefers-reduced-motion:reduce){html body.page-id-396 .elementor section#vragen[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] a.vrc-knop{transition:none}}
/* === Upclimb vragen knoppen en prijzen (10 nov) · einde === */

/* === Upclimb Foto's niet opslaan · begin === */
/* Foto's niet opslaan (10 nov): geen slepen en geen bewaarmenu bij lang drukken op de iPhone. Rechtsklik staat uit via Elementor > Custom Code > "Foto's niet opslaan". Haal dit blok weg om het terug te zetten. */
body img,body video,body picture{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
/* === Upclimb Foto's niet opslaan · einde === */

/* === Upclimb Ik beheer kaarten uitlijning (10 nov) · begin === */
/* Lars, 10 nov: foto, film en meldingen liepen over de koppen en de uitleg. Elke kaart heeft nu drie vaste vlakken:
   boven label en kop (--kop), onder de uitleg (--voet), daartussen één afgerond beeldvlak dat in alle drie de kaarten
   even groot is. Het voorstel en de melding liggen onderin dat vlak; film en foto staan zo hoog dat gezicht en telefoon erboven vrij blijven. Koppen houden twee regels ruimte, de uitleg drie. */
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #duo > .ucz-stap{--kop:112px;--voet:96px;--vlak:#F2F4F7}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] :is(.ucz-ai,.ucz-lv,.ucz-kl){aspect-ratio:5/8!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-stap-titel{min-height:2.6em!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-stap-uitleg{box-sizing:border-box!important;min-height:calc(4.5em + 24px)!important}
/* het beeldvlak */
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-ai-vorm::before{content:""!important;display:block!important;position:absolute!important;inset:var(--kop) 22px var(--voet)!important;width:auto!important;height:auto!important;border-radius:16px!important;background:var(--vlak)!important;filter:none!important;-webkit-clip-path:none!important;clip-path:none!important;z-index:0!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-lv :is(.ucz-film,video),html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-kl-foto{top:var(--kop)!important;bottom:auto!important;left:22px!important;right:auto!important;width:calc(100% - 44px)!important;height:calc(100% - var(--kop) - var(--voet))!important;aspect-ratio:auto!important;border-radius:16px!important;background:var(--vlak)!important;object-fit:cover!important;-webkit-mask-image:none!important;mask-image:none!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-lv :is(.ucz-film,video){object-position:50% 0!important;top:calc(var(--kop) - 36px)!important;height:calc(100% - var(--kop) - var(--voet) + 36px)!important;-webkit-clip-path:inset(36px 0 0 round 16px)!important;clip-path:inset(36px 0 0 round 16px)!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-kl-foto{object-position:50% 8%!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-lv-vorm::after{display:none!important}
/* stap 1: AI-kop en meldingen binnen het vlak, de meldingen wit */
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-ai-kop{top:calc(var(--kop) + 14px)!important;left:36px!important;z-index:1!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .stroom{top:calc(var(--kop) + 62px)!important;bottom:calc(var(--voet) + 12px)!important;left:34px!important;right:34px!important;width:auto!important;height:auto!important;overflow:hidden!important;z-index:1!important;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 36px),transparent)!important;mask-image:linear-gradient(180deg,#000 calc(100% - 36px),transparent)!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .stroom .mld{left:0!important;right:0!important;width:auto!important;background:#fff!important}
/* stap 2 en 3: voorstel en melding onderin het vlak */
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #kaarten .vs.vs{top:auto!important;bottom:calc(var(--voet) + 12px)!important;left:34px!important;right:34px!important;width:auto!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .pillen{top:var(--kop)!important;bottom:calc(var(--voet) + 12px)!important;left:34px!important;right:34px!important}
/* smalle laptopvensters (drie smalle kaarten naast elkaar): hogere kaart, anders wordt het beeldvlak te klein; de melding in stap 3 klapt daar niet open, anders bedekt hij de telefoon */
@media (min-width:768px) and (max-width:1180px){html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] :is(.ucz-ai,.ucz-lv,.ucz-kl){aspect-ratio:9/16!important}html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #pillen .pil .pil-w,html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] #pillen .pil .pil-pijl{display:none!important}}
/* === Upclimb Ik beheer kaarten uitlijning (10 nov) · einde === */

/* === Ik beheer kaarten beeld hoger (10 nov) · begin === */
/* Lars, 10 nov: film en foto stonden sinds de nieuwe uitlijning te laag. De film loopt weer tot achter de titel
   (witte achtergrond, valt weg in de kaart), zodat je hoofd ter hoogte van de titel staat; onderin vloeit hij over in wit.
   De foto blijft in zijn vlak maar toont de telefoon hoger. */
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-lv :is(.ucz-film,video){top:-18px!important;left:0!important;width:100%!important;height:calc(100% - var(--voet) + 18px)!important;border-radius:0!important;background:#fff!important;object-fit:cover!important;object-position:50% 0!important;-webkit-clip-path:none!important;clip-path:none!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-lv-vorm::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;border-radius:inherit!important;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) calc(100% - var(--voet) - 56px),#fff calc(100% - var(--voet) - 4px),#fff 100%)!important;box-shadow:none!important;opacity:1!important}
html body.page-id-396.home .elementor section#daarom-upclimb.ucz-sectie[id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id][id] .ucz-kl-foto{object-position:50% 50%!important}
/* === Ik beheer kaarten beeld hoger (10 nov) · einde === *//* End custom CSS */