.site[data-variant=vrolijk]{--v-teal:#067775;--v-teal-dark:#045755;--v-mint:#9befc4;--v-mint-soft:#e3fbef;--v-orange:#ff8347;--v-peach:#f9c49a;--v-peach-soft:#fdeadb;--v-cream:#fbf4e8;--v-footer:#fcf6ed;--v-ink:#173c3b;--v-ink-2:#3c5856;--v-white:#fff;--v-line:2.5px solid var(--v-teal);--v-pop:cubic-bezier(.34, 1.56, .64, 1);--v-hand:var(--font-hand), "Comic Sans MS", cursive;--primary-color:var(--v-teal);--primary-color-dark:var(--v-teal-dark);--primary-color-darkest:var(--v-teal-dark);--primary-color-lighter:var(--v-mint-soft);--primary-color-lightest:#f4fdf8;--primary-color-light:var(--v-mint);--secondary-color:var(--v-orange);--secondary-color-lightest:var(--v-cream);--secondary-color-lighter:var(--v-peach-soft);--secondary-color-light:var(--v-peach);--body-color:var(--v-cream);--paper:var(--v-cream);--paper-2:var(--v-peach-soft);--paper-white:#fff;--accent:var(--v-teal);--accent-hover:var(--v-teal-dark);--accent-ink:#fff;--ink:var(--v-ink);--ink-2:var(--v-ink-2);--muted:#5b7270;--line:#d9e9e3;--teal:var(--v-teal);--teal-dark:var(--v-teal-dark);--teal-soft:var(--v-mint-soft);--print-shadow:6px 6px 0 var(--v-mint);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cg stroke-linecap='round' stroke-width='6' fill='none'%3E%3Cpath d='M28 36l16 9' stroke='%23ff8347' opacity='.42'/%3E%3Cpath d='M132 20l-5 16' stroke='%239befc4' opacity='.7'/%3E%3Cpath d='M236 52l17-3' stroke='%23f9c49a' opacity='.75'/%3E%3Cpath d='M292 112l-10 13' stroke='%23067775' opacity='.32'/%3E%3Cpath d='M78 128l12 12' stroke='%239befc4' opacity='.7'/%3E%3Cpath d='M190 150l-16 4' stroke='%23ff8347' opacity='.42'/%3E%3Cpath d='M262 206l-4 17' stroke='%23f9c49a' opacity='.75'/%3E%3Cpath d='M46 232l16-7' stroke='%23067775' opacity='.32'/%3E%3Cpath d='M150 270l10 12' stroke='%23f9c49a' opacity='.75'/%3E%3Cpath d='M300 286l-15 6' stroke='%239befc4' opacity='.7'/%3E%3Cpath d='M108 206l-13 9' stroke='%23ff8347' opacity='.42'/%3E%3C/g%3E%3C/svg%3E"), var(--v-cream);color:var(--v-ink)}.site[data-variant=vrolijk] ::selection{background:var(--v-mint);color:var(--v-ink)}.site[data-variant=vrolijk] :focus-visible{outline:3px solid var(--v-orange);outline-offset:3px}.site[data-variant=vrolijk] h1,.site[data-variant=vrolijk] h2,.site[data-variant=vrolijk] h3{font-family:var(--display);color:var(--v-teal);letter-spacing:-.01em;font-weight:700}.site[data-variant=vrolijk] .rt h1,.site[data-variant=vrolijk] .rt h2,.site[data-variant=vrolijk] .rt h3,.site[data-variant=vrolijk] .rt h4,.site[data-variant=vrolijk] .on-light .rt h1,.site[data-variant=vrolijk] .on-light .rt h2,.site[data-variant=vrolijk] .on-light .rt h3{color:var(--v-teal)}.site[data-variant=vrolijk] .on-dark .rt h1,.site[data-variant=vrolijk] .on-dark .rt h2,.site[data-variant=vrolijk] .on-dark .rt h3,.site[data-variant=vrolijk] .on-dark h2,.site[data-variant=vrolijk] .on-dark h3{color:#fff}.site[data-variant=vrolijk] .rt a,.site[data-variant=vrolijk] .text-link{color:var(--v-teal);text-decoration:underline;-webkit-text-decoration-color:var(--v-orange);text-decoration-color:var(--v-orange);text-underline-offset:4px;font-weight:700;text-decoration-thickness:3px}.site[data-variant=vrolijk] .rt a:hover,.site[data-variant=vrolijk] .text-link:hover{color:var(--v-teal-dark);-webkit-text-decoration-color:var(--v-teal);text-decoration-color:var(--v-teal)}.site[data-variant=vrolijk] .site-header{box-shadow:none;border-bottom:2px solid var(--v-teal);background:#fff}.site[data-variant=vrolijk] .site-header:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='24' viewBox='0 0 160 24'%3E%3Cpath d='M0 1.5Q40 5 80 1.5T160 1.5' fill='none' stroke='%23067775' stroke-width='1.6'/%3E%3Cpath d='M6 2.4l14 0 -7 18z' fill='%23067775'/%3E%3Cpath d='M46 3.4l14 0 -7 18z' fill='%239befc4'/%3E%3Cpath d='M86 2.4l14 0 -7 18z' fill='%23ff8347'/%3E%3Cpath d='M126 3.4l14 0 -7 18z' fill='%23f9c49a'/%3E%3C/svg%3E") 0 0/160px 24px repeat-x;height:24px;position:absolute;top:100%;left:0;right:0}.site[data-variant=vrolijk] .site-nav .nav-link,.site[data-variant=vrolijk] .site-burger-menu .nav-link{color:var(--v-ink);transition:background-color .14s,color .14s}.site[data-variant=vrolijk] .site-nav .nav-link:hover,.site[data-variant=vrolijk] .site-burger-menu .nav-link:hover{background:var(--v-mint-soft);color:var(--v-teal)}.site[data-variant=vrolijk] .site-nav .nav-link[aria-current=page],.site[data-variant=vrolijk] .site-burger-menu .nav-link[aria-current=page]{background:var(--v-mint);color:var(--v-teal)}.site[data-variant=vrolijk] .site-header-inner{gap:14px;padding-inline:clamp(16px,2vw,64px)}.site[data-variant=vrolijk] .site-nav{flex-wrap:nowrap}.site[data-variant=vrolijk] .site-nav .nav-link{padding:8px 9px}.site[data-variant=vrolijk] .site-nav .nav-link[href=\/]{display:none}@media (min-width:768px) and (max-width:1199px){.site[data-variant=vrolijk] .site-header-inner{flex-wrap:nowrap;justify-content:flex-start;gap:12px}.site[data-variant=vrolijk] .site-nav.only-desktop{display:none!important}.site[data-variant=vrolijk] .site-actions{margin-left:auto}.site[data-variant=vrolijk] .site-burger.only-mobile{margin-left:0;display:block!important}.site[data-variant=vrolijk] .site-burger-menu .btn{display:none}}.site[data-variant=vrolijk] .site-burger-menu{border:var(--v-line);box-shadow:6px 6px 0 var(--v-mint);background:#fff;border-radius:20px}.site[data-variant=vrolijk] .btn,.site[data-variant=vrolijk] .btn.orange{font-family:var(--display);letter-spacing:.01em;background:var(--v-teal);color:#fff;border:2px solid var(--v-teal);box-shadow:0 4px 0 var(--v-teal-dark);font-size:1.04rem;font-weight:700;transition:transform .16s,box-shadow .12s,background-color .14s}.site[data-variant=vrolijk] .btn:hover,.site[data-variant=vrolijk] .btn.orange:hover{background:var(--v-teal-dark);border-color:var(--v-teal-dark);color:#fff;transform:translateY(-1px)}.site[data-variant=vrolijk] .btn:active{box-shadow:0 1px 0 var(--v-teal-dark);transform:translateY(3px)}.site[data-variant=vrolijk] .btn.secondary{color:var(--v-teal);border:2px solid var(--v-teal);box-shadow:0 4px 0 var(--v-mint);background:#fff}.site[data-variant=vrolijk] .btn.secondary:hover{background:var(--v-mint-soft);color:var(--v-teal)}.site[data-variant=vrolijk] .on-dark .btn:not(.secondary),.site[data-variant=vrolijk] .on-dark .btn.orange{background:var(--v-orange);border-color:var(--v-orange);color:var(--v-ink);box-shadow:0 4px #c75a26}.site[data-variant=vrolijk] .site-section:not(.has-bg-image){background-image:none}.site[data-variant=vrolijk] .site-section:not(.on-dark):not(.has-bg-image){background-color:#0000!important}.site[data-variant=vrolijk] .site-section.on-dark:not(.has-bg-image){background-color:var(--v-teal)!important}.site[data-variant=vrolijk] .site-section:not(.on-dark) .col:has(.rt):not(.has-bg){border:var(--v-line);box-shadow:6px 6px 0 var(--v-mint);background:#fff;border-radius:22px;padding:clamp(20px,3vw,36px)}.site[data-variant=vrolijk] .site-section:not(.on-dark):nth-of-type(2n) .col:has(.rt):not(.has-bg){box-shadow:6px 6px 0 var(--v-peach)}.site[data-variant=vrolijk] :is(.b-testimonial,.signup-card,.expert-card,.blog-card,.price-card,.post-more-links a,.checkout-card,.checkout-quote,.col.has-bg,.project-card){border:var(--v-line);box-shadow:6px 6px 0 var(--v-shadow,var(--v-mint));background:#fff;border-radius:18px;transition:transform .2s,box-shadow .16s}.site[data-variant=vrolijk] :is(.blog-card,.project-card,.expert-card,.post-more-links a,.price-card):nth-child(4n+1){--v-shadow:var(--v-mint)}.site[data-variant=vrolijk] :is(.blog-card,.project-card,.expert-card,.post-more-links a,.price-card):nth-child(4n+2){--v-shadow:var(--v-peach)}.site[data-variant=vrolijk] :is(.blog-card,.project-card,.expert-card,.post-more-links a,.price-card):nth-child(4n+3){--v-shadow:var(--v-orange)}.site[data-variant=vrolijk] :is(.blog-card,.project-card,.expert-card,.post-more-links a,.price-card):nth-child(4n+4){--v-shadow:var(--v-teal)}@media (hover:hover) and (pointer:fine){.site[data-variant=vrolijk] :is(.blog-card,.project-card,.expert-card,.post-more-links a):hover{box-shadow:8px 8px 0 var(--v-shadow,var(--v-mint));transform:translateY(-4px)}}.site[data-variant=vrolijk] .blog-card-link img,.site[data-variant=vrolijk] .project-card img{border-radius:12px}.site[data-variant=vrolijk] .blog-card-title{color:var(--v-teal)}.site[data-variant=vrolijk] .b-testimonial{--v-shadow:var(--v-peach)}.site[data-variant=vrolijk] .b-testimonial blockquote:before{content:"“";font-family:var(--display);color:var(--v-orange);font-size:4rem;line-height:.6;display:block}.site[data-variant=vrolijk] .faq-item{border:var(--v-line);box-shadow:4px 4px 0 var(--v-mint);background:#fff;border-radius:16px}.site[data-variant=vrolijk] .faq-item:nth-child(2n){box-shadow:4px 4px 0 var(--v-peach)}.site[data-variant=vrolijk] .faq-item summary{color:var(--v-teal)}.site[data-variant=vrolijk] .faq-item summary:after{content:"+";background:var(--v-mint);width:30px;height:30px;color:var(--v-teal);border-radius:50%;place-items:center;font-size:20px;transition:transform .2s;display:grid}.site[data-variant=vrolijk] .faq-item[open] summary:after{content:"+";transform:translateY(-50%)rotate(45deg)}.site[data-variant=vrolijk] .price-card.featured{box-shadow:8px 8px 0 var(--v-orange)}.site[data-variant=vrolijk] .price-badge{background:var(--v-orange);color:var(--v-ink);border:0}.site[data-variant=vrolijk] .b-image img.rounded{border:var(--v-line);box-shadow:6px 6px 0 var(--v-peach);border-radius:16px;margin:6px}.site[data-variant=vrolijk] .expert-card img{border:var(--v-line);box-shadow:4px 4px 0 var(--v-mint)}.site[data-variant=vrolijk] .site-form input:not([type=checkbox]):not([type=radio]),.site[data-variant=vrolijk] .site-form textarea{border:2px solid var(--v-teal);background:#fff;border-radius:12px}.site[data-variant=vrolijk] .site-form input:focus,.site[data-variant=vrolijk] .site-form textarea:focus{border-color:var(--v-teal);box-shadow:0 0 0 4px var(--v-mint-soft)}.site[data-variant=vrolijk] :is(.hub-chips,.project-facts) .chip,.site[data-variant=vrolijk] .hub-chips a{border:2px solid var(--v-teal);color:var(--v-teal);background:#fff;font-weight:800}.site[data-variant=vrolijk] .hub-chips a:hover{background:var(--v-mint-soft)}.site[data-variant=vrolijk] .hub-chips a[aria-current=page]{background:var(--v-mint);color:var(--v-teal)}.site[data-variant=vrolijk] .public-filters select{border:2px solid var(--v-teal);background-color:#fff;border-radius:999px;font-weight:700}.site[data-variant=vrolijk] .public-filters select.on{background-color:var(--v-mint)}.site[data-variant=vrolijk] .projects-head h1{background:#fff;border-radius:16px;padding:4px 18px}.site[data-variant=vrolijk] .post-hero{border-bottom:2px solid var(--v-teal)}.site[data-variant=vrolijk] .post-more{background:0 0}.site[data-variant=vrolijk] .post-cta{background:var(--v-teal)}.site[data-variant=vrolijk] .crumbs a{color:var(--v-teal)}.site[data-variant=vrolijk] .site-footer{background:var(--v-footer);color:var(--v-ink);border-top:0}.site[data-variant=vrolijk] .site-footer:before{background:var(--v-footer);height:24px;top:-23px;-webkit-mask:radial-gradient(circle at 18px 26px,#000 17px,#0000 17.5px) 0 0/36px 24px repeat-x;mask:radial-gradient(circle at 18px 26px,#000 17px,#0000 17.5px) 0 0/36px 24px repeat-x}.site[data-variant=vrolijk] .site-footer h3{color:var(--v-teal)}.site[data-variant=vrolijk] .site-footer a{color:var(--v-ink);font-weight:700}.site[data-variant=vrolijk] .site-footer a:hover{color:var(--v-teal)}.site[data-variant=vrolijk] .socials svg{stroke:var(--v-teal)}.site[data-variant=vrolijk] .footer-bottom{color:var(--v-ink-2);border-top:1px solid #06777540}.feest-laag{pointer-events:none;z-index:1000;position:fixed;inset:0;overflow:hidden}.feest-snipper{background:var(--kleur);width:9px;height:14px;animation:v-snipper var(--duur) cubic-bezier(.2, .7, .3, 1) forwards;border-radius:2px;margin:-7px 0 0 -4px;position:absolute}@keyframes v-snipper{0%{opacity:1;transform:translate(0)rotate(0)scale(.6)}70%{opacity:1}to{transform:translate(var(--dx), calc(var(--dy) + 140px)) rotate(var(--rot)) scale(1);opacity:0}}@media (prefers-reduced-motion:reduce){.site[data-variant=vrolijk] :is(.btn,.nav-link,.blog-card,.project-card,.hub-chips a){transition:none}}.site[data-variant=vrolijk] .project-intro{border:var(--v-line);box-shadow:7px 7px 0 var(--v-mint);background:#fff;border-radius:24px;padding:clamp(20px,3vw,32px)}.site[data-variant=vrolijk] .project-kicker{color:var(--v-orange)}.site[data-variant=vrolijk] .project-cta{background:var(--v-mint-soft);border-radius:18px}.site[data-variant=vrolijk] .project-box{border:var(--v-line);box-shadow:6px 6px 0 var(--v-peach);border-radius:20px}.site[data-variant=vrolijk] .project-box:nth-child(2){box-shadow:6px 6px 0 var(--v-mint)}.site[data-variant=vrolijk] .project-photo{border:var(--v-line);box-shadow:7px 7px 0 var(--v-peach);background:#fff}.site[data-variant=vrolijk] .post-more h2{border:var(--v-line);background:#fff;border-radius:16px;padding:6px 18px;display:inline-block}.site[data-variant=vrolijk] .post-more .actions .text-link{background:#fff;border-radius:999px;padding:8px 16px}.site[data-variant=vrolijk] .crumbs ol{background:#fff;border-radius:999px;padding:6px 14px;display:inline-flex}.site[data-variant=vrolijk] .pager-num,.site[data-variant=vrolijk] .pager-step{border:2px solid var(--v-teal);color:var(--v-teal)}.site[data-variant=vrolijk] .pager-num:hover,.site[data-variant=vrolijk] .pager-step:hover{background:var(--v-mint-soft)}.site[data-variant=vrolijk] .pager-num[aria-current=page]{background:var(--v-teal);color:#fff;box-shadow:0 3px 0 var(--v-teal-dark)}.site[data-variant=vrolijk] .pager-gap{color:var(--v-teal);font-weight:800}.site[data-variant=vrolijk] .project-card.is-bundle .thumb{background:var(--v-cream)}.feest-afsluiter{background:var(--v-teal);color:#fff;text-align:center;padding:clamp(40px, 5vw, 64px) var(--gutter,20px) clamp(56px, 6vw, 80px);justify-items:center;gap:18px;margin-top:clamp(32px,4vw,56px);display:grid}.site[data-variant=vrolijk] .feest-afsluiter h2{color:#fff;margin:0;font-size:clamp(1.6rem,3vw,2.3rem)}.feest-afsluiter__knoppen{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 22px;display:flex}.site[data-variant=vrolijk] .feest-afsluiter .btn{background:var(--v-orange);border-color:var(--v-orange);color:var(--v-ink);min-height:54px;padding:0 26px;font-size:1.1rem;box-shadow:0 4px #c75a26}.site[data-variant=vrolijk] .feest-afsluiter .btn:hover{background:var(--v-peach);border-color:var(--v-peach);color:var(--v-ink)}.site[data-variant=vrolijk] .feest-afsluiter__link{color:#fff;text-decoration:underline;-webkit-text-decoration-color:var(--v-mint);text-decoration-color:var(--v-mint);text-underline-offset:4px;font-weight:700}.site[data-variant=vrolijk] .feest-afsluiter__link:hover{color:var(--v-mint)}.site[data-variant=vrolijk] .feest-afsluiter+.site-footer{margin-top:0}.site[data-variant=vrolijk] .feest-afsluiter__tekst{color:#fff;max-width:34em;margin:-6px 0 4px;font-size:1.1rem;line-height:1.5}.site[data-variant=vrolijk] .feest-blog{padding-top:clamp(24px,3vw,40px);padding-bottom:clamp(16px,2vw,24px)}.site[data-variant=vrolijk] .feest-blog__kop{border:var(--v-line);width:fit-content;max-width:100%;box-shadow:6px 6px 0 var(--v-mint);color:var(--v-teal);background:#fff;border-radius:20px;margin:0;padding:clamp(16px,2.4vw,24px) clamp(20px,3vw,36px);font-size:clamp(1.9rem,4vw,2.8rem);display:block}.site[data-variant=vrolijk] .feest-blog .blog-cards{margin-top:clamp(20px,2.4vw,28px)}.site[data-variant=vrolijk] .cols-2:has(a[href=\/gratis-ebook]):has(a[href=\/gratis-knutselprojecten])>.col.has-bg{flex-direction:column;display:flex}.site[data-variant=vrolijk] .cols-2:has(a[href=\/gratis-ebook]):has(a[href=\/gratis-knutselprojecten]) .b-image{aspect-ratio:4/5;border:var(--v-line);width:100%;max-width:320px;box-shadow:6px 6px 0 var(--v-peach);background:#fff;border-radius:16px;margin:0 auto 12px;overflow:hidden}.site[data-variant=vrolijk] .cols-2:has(a[href=\/gratis-ebook]):has(a[href=\/gratis-knutselprojecten]) .b-image img{object-fit:cover;width:100%;height:100%;box-shadow:none;border:0;border-radius:0;margin:0}.site[data-variant=vrolijk] .cols-2:has(a[href=\/gratis-ebook]):has(a[href=\/gratis-knutselprojecten]) .col:has(a[href=\/gratis-ebook]) .b-image img{object-fit:contain}.site[data-variant=vrolijk] .cols-2:has(a[href=\/gratis-ebook]):has(a[href=\/gratis-knutselprojecten]) .b-button{margin-top:auto;padding-top:12px}
