.elementor-kit-5{--e-global-color-primary:#112611;--e-global-color-secondary:#3D5A3E;--e-global-color-text:#112611;--e-global-color-accent:#112611;--e-global-typography-primary-font-family:"ST Figtree";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"ST Figtree";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"ST Figtree";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"ST Figtree";--e-global-typography-accent-font-weight:700;background-color:#FFFFFF;font-family:"ST Figtree", Sans-serif;font-weight:400;}.elementor-kit-5 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);}@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 { --st-bos:#112611; --st-salie:#9CC7A1; --st-groen:#69AA4A; --st-wit:#FFFFFF; --st-zwart:#000000; --st-salie-licht:#EAF3EB; --st-salie-mist:#D3E6D5; --st-grijs:#808080; --st-bos-zacht:#3D5A3E; --font-heading:ST Bricolage; --font-body:ST Figtree; }
/* Start custom CSS *//* Stan Meubels & Meer: zelf gehoste fonts (latin) */
@font-face { font-family: 'ST Bricolage'; font-style: normal; font-weight: 700 800; font-display: swap; src: url('/wp-content/uploads/fonts/bricolage-wght-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; }
@font-face { font-family: 'ST Figtree'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/wp-content/uploads/fonts/figtree-var-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; }
@font-face { font-family: 'ST Bricolage Fallback'; src: local('Arial'), local('Liberation Sans'); size-adjust: 104%; ascent-override: 92%; descent-override: 25%; line-gap-override: 0%; }
@font-face { font-family: 'ST Figtree Fallback'; src: local('Arial'), local('Liberation Sans'); size-adjust: 102%; ascent-override: 93%; descent-override: 25%; line-gap-override: 0%; }
:root { --font-heading: 'ST Bricolage', 'ST Bricolage Fallback', Arial, sans-serif; --font-body: 'ST Figtree', 'ST Figtree Fallback', Arial, sans-serif; }
body { background-color: #FFFFFF; color: #112611; font-family: 'ST Figtree', 'ST Figtree Fallback', Arial, sans-serif; }
h1.e-heading-base, h2.e-heading-base, h3.e-heading-base, h4.e-heading-base { font-family: 'ST Bricolage', 'ST Bricolage Fallback', Arial, sans-serif !important; color: #112611; font-weight: 800; letter-spacing: -0.025em; text-wrap: balance; }
h1.e-heading-base { font-size: clamp(2.6rem, 1.5rem + 3.3vw, 4.6rem); line-height: 1; letter-spacing: -0.035em; } h2.e-heading-base { font-size: clamp(1.95rem, 1.4rem + 1.4vw, 2.7rem); line-height: 1.06; } h3.e-heading-base { font-size: 1.35rem; line-height: 1.2; font-weight: 700; letter-spacing: -0.01em; }
.e-button-base, p.e-paragraph-base, .e-paragraph-base, input, textarea, select, label { font-family: 'ST Figtree', 'ST Figtree Fallback', Arial, sans-serif; }
p.e-paragraph-base, .e-paragraph-base { color: #112611; font-size: 1.14rem; line-height: 1.62; max-width: 68ch; text-wrap: pretty; }
/* links: nooit onderstreept; losse tekstlinks vet bosgroen met een groene lijn bij hover/focus. Geen links midden in lopende tekst. */
.e-paragraph-base a { color: #112611; font-weight: 700; text-decoration: none; background-image: linear-gradient(#69AA4A, #69AA4A); background-repeat: no-repeat; background-position: 0 100%; background-size: 100% 2px; }
a.e-button-base, a.e-con, a.e-div-block-base { text-decoration: none !important; }
.e-paragraph-base:empty { display: none; }
a.e-button-base[class*='link'], .st-bel, .st-feitlink, .st-footer-link { background-image: linear-gradient(#69AA4A, #69AA4A); background-repeat: no-repeat; background-position: 0 100%; background-size: 0% 3px; transition: color .2s cubic-bezier(.23,1,.32,1), background-size .3s cubic-bezier(.23,1,.32,1) !important; }
@media (hover: hover) and (pointer: fine) { a.e-button-base[class*='link']:hover, .st-bel:hover, .st-feitlink:hover, .st-footer-link:hover { background-size: 100% 3px; } } a.e-button-base[class*='link']:focus-visible, .st-bel:focus-visible, .st-feitlink:focus-visible, .st-footer-link:focus-visible { background-size: 100% 3px; }
.st-bel { white-space: nowrap; }
/* H1 met een maatstreep (duimstok) eronder */
.st-h1::after { content: ''; display: block; width: 168px; height: 12px; margin-top: 18px; background: repeating-linear-gradient(90deg, #3D5A3E 0 1px, transparent 1px 8px) 0 0 / 100% 6px no-repeat, repeating-linear-gradient(90deg, #112611 0 1.5px, transparent 1.5px 40px) 0 0 / 100% 11px no-repeat; border-top: 2px solid #112611; }
/* ===== header: duimstok ===== */
.elementor-location-header { position: sticky; top: 0; z-index: 1000; } .st-header { border-bottom: 1px solid #D3E6D5; }
.st-balk { position: relative; z-index: 2; background-color: #FFFFFF; }
.st-logo img, img.st-logo { display: block; }
.st-duimstok { align-self: center; height: 50px; }
.st-seg { position: relative; display: flex !important; align-items: center; height: 50px; min-height: 50px !important; padding: 9px 18px 0 !important; background: repeating-linear-gradient(90deg, #3D5A3E 0 1px, transparent 1px 8px) 0 0 / 100% 6px no-repeat, repeating-linear-gradient(90deg, #112611 0 1.5px, transparent 1.5px 40px) 0 0 / 100% 11px no-repeat, #EAF3EB !important; color: #112611 !important; font-weight: 600 !important; font-size: 1.02rem !important; line-height: 1 !important; white-space: nowrap; border-radius: 0; transition: background-color .2s cubic-bezier(.23,1,.32,1), transform .2s cubic-bezier(.23,1,.32,1) !important; align-self: stretch !important; }
.st-seg + .st-seg { box-shadow: inset 1px 0 0 rgba(17,38,17,.28); } .st-seg + .st-seg::before { content: ''; position: absolute; left: -4px; bottom: 9px; width: 8px; height: 8px; border-radius: 50%; background: #112611; z-index: 1; }
.st-seg:first-child { border-radius: 4px 0 0 4px; } .st-seg:last-child { border-radius: 0 4px 4px 0; }
@media (hover: hover) and (pointer: fine) { .st-seg:hover { background: repeating-linear-gradient(90deg, #3D5A3E 0 1px, transparent 1px 8px) 0 0 / 100% 6px no-repeat, repeating-linear-gradient(90deg, #112611 0 1.5px, transparent 1.5px 40px) 0 0 / 100% 11px no-repeat, #D3E6D5 !important; } } .st-seg[aria-current] { background: repeating-linear-gradient(90deg, #3D5A3E 0 1px, transparent 1px 8px) 0 0 / 100% 6px no-repeat, repeating-linear-gradient(90deg, #112611 0 1.5px, transparent 1.5px 40px) 0 0 / 100% 11px no-repeat, #9CC7A1 !important; }
.st-seg-actie { background: repeating-linear-gradient(90deg, #3D5A3E 0 1px, transparent 1px 8px) 0 0 / 100% 6px no-repeat, repeating-linear-gradient(90deg, #112611 0 1.5px, transparent 1.5px 40px) 0 0 / 100% 11px no-repeat, #69AA4A !important; font-weight: 700 !important; margin-left: 10px; border-radius: 4px !important; box-shadow: none !important; } .st-seg-actie::before { display: none; } @media (hover: hover) and (pointer: fine) { .st-seg-actie:hover { background: repeating-linear-gradient(90deg, #3D5A3E 0 1px, transparent 1px 8px) 0 0 / 100% 6px no-repeat, repeating-linear-gradient(90deg, #112611 0 1.5px, transparent 1.5px 40px) 0 0 / 100% 11px no-repeat, #9CC7A1 !important; } }
.st-seg:active { transform: scale(.97); }
@media (max-width: 1199px) { .st-duimstok { display: none !important; } } @media (min-width: 1200px) { .st-menuknop { display: none !important; } }
.st-menuknop { position: relative; padding-right: 58px !important; transition: background-color .2s cubic-bezier(.23,1,.32,1), transform .16s cubic-bezier(.23,1,.32,1) !important; } .st-menuknop::after { content: ''; position: absolute; right: 18px; top: 50%; width: 26px; height: 6px; margin-top: -3px; border-radius: 3px; background: #112611; transition: transform .3s cubic-bezier(.23,1,.32,1); }
.st-menuknop:active { transform: scale(.97); } .st-open .st-menuknop { background-color: #9CC7A1 !important; } .st-open .st-menuknop::after { transform: scaleX(.6); }
/* ===== mobiel menu: ladekast; de lades schuiven gestaffeld naar je toe open ===== */
.st-kast { position: fixed !important; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; overflow-y: auto; overscroll-behavior: contain; padding-top: 88px !important; background-color: #112611 !important; opacity: 0; visibility: hidden; transition: opacity .22s cubic-bezier(.23,1,.32,1), visibility 0s linear .26s; }
.st-open .st-kast { opacity: 1; visibility: visible; transition: opacity .2s cubic-bezier(.23,1,.32,1), visibility 0s; }
@media (min-width: 1200px) { .st-kast { display: none !important; } } @media (max-width: 767px) { .st-kast { padding-top: 84px !important; } }
.st-lades { perspective: 900px; perspective-origin: 50% 0; }
.st-lade { position: relative; transform: translate3d(0, -6px, -150px); opacity: 0; transition: transform .18s cubic-bezier(.23,1,.32,1), opacity .14s cubic-bezier(.23,1,.32,1), background-color .2s ease !important; }
.st-lade::after { content: ''; position: absolute; right: 22px; top: 50%; width: 30px; height: 6px; margin-top: -3px; border-radius: 3px; background: #112611; }
.st-open .st-lade { transform: none; opacity: 1; transition: transform .38s cubic-bezier(.23,1,.32,1), opacity .24s cubic-bezier(.23,1,.32,1), background-color .2s ease !important; }
.st-open .st-lades > :nth-child(1) { transition-delay: 60ms !important; } .st-open .st-lades > :nth-child(2) { transition-delay: 98ms !important; } .st-open .st-lades > :nth-child(3) { transition-delay: 136ms !important; } .st-open .st-lades > :nth-child(4) { transition-delay: 174ms !important; } .st-open .st-lades > :nth-child(5) { transition-delay: 212ms !important; } .st-open .st-lades > :nth-child(6) { transition-delay: 250ms !important; } .st-open .st-lades > :nth-child(7) { transition-delay: 288ms !important; } .st-open .st-lades > :nth-child(8) { transition-delay: 326ms !important; } .st-open .st-lades > :nth-child(9) { transition-delay: 364ms !important; } .st-open .st-lades > :nth-child(10) { transition-delay: 402ms !important; } .st-open .st-lades > :nth-child(11) { transition-delay: 440ms !important; } .st-open .st-lades > :nth-child(12) { transition-delay: 478ms !important; } .st-open .st-lades > :nth-child(13) { transition-delay: 516ms !important; }
.st-open .st-lade[aria-current=page] { transform: translate3d(0, 0, 26px); background-color: #9CC7A1 !important; }
@media (hover: hover) and (pointer: fine) { .st-open .st-lade:hover { background-color: #EAF3EB !important; } } .st-lade:active { transform: scale(.98) !important; }
.st-kastonder { opacity: 0; transition: opacity .15s cubic-bezier(.23,1,.32,1); } .st-open .st-kastonder { opacity: 1; transition: opacity .3s cubic-bezier(.23,1,.32,1) .42s; }
html.st-lock { overflow: hidden; }
/* ===== hero: schets/foto-schuif ===== */
.st-schuif { position: relative; overflow: hidden; aspect-ratio: 16 / 9; touch-action: pan-y; cursor: ew-resize; user-select: none; --pos: 50%; }
@media (max-width: 767px) { .st-schuif { aspect-ratio: 4 / 3.4; } }
.st-schuif img, .st-schuif .e-image-base { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; object-position: 30% 50%; max-width: none !important; border-radius: 0 !important; }
.st-schets, .st-schets img { clip-path: inset(0 calc(100% - var(--pos)) 0 0); transition: clip-path .9s cubic-bezier(.23,1,.32,1); }
.st-greep { position: absolute; top: 0; bottom: 0; left: var(--pos); width: 3px; margin-left: -1.5px; background: #FFFFFF; z-index: 3; transition: left .9s cubic-bezier(.23,1,.32,1); pointer-events: none; }
.st-greep::after { content: ''; position: absolute; left: 50%; top: 50%; width: 54px; height: 54px; margin: -27px 0 0 -27px; border-radius: 50%; background: #FFFFFF url("data:image/svg+xml,") center / 54px 54px no-repeat; box-shadow: 0 0 0 3px #69AA4A; }
.st-schuif.st-sleept .st-schets, .st-schuif.st-sleept .st-schets img, .st-schuif.st-sleept .st-greep { transition: none !important; }
.st-schuifrange { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; margin: 0; z-index: 4; pointer-events: none; }
.st-schuif:has(.st-schuifrange:focus-visible) .st-greep::after { box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #112611; }
.st-label { position: absolute !important; top: 16px; z-index: 2; margin: 0 !important; padding: 7px 12px !important; border-radius: 3px; font-weight: 700 !important; font-size: .98rem !important; line-height: 1.2 !important; pointer-events: none; } .st-label-l { left: 16px; background: #FFFFFF; color: #112611 !important; } .st-label-r { right: 16px; background: #112611; color: #FFFFFF !important; }
/* ===== register (assortiment) ===== */
.st-regframe { position: sticky !important; top: 120px; }
.st-regbeeld, img.st-regbeeld { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; opacity: 0; transition: opacity .2s cubic-bezier(.23,1,.32,1); } .st-regframe > :first-child, .st-regbeeld.st-aan { opacity: 1; } .st-regframe.st-js > :first-child:not(.st-aan) { opacity: 0; }
.st-regrij { transition: background-color .2s cubic-bezier(.23,1,.32,1), transform .16s cubic-bezier(.23,1,.32,1) !important; } .st-regrij.st-aan, .st-regrij:focus-visible { background-color: #EAF3EB; } @media (hover: hover) and (pointer: fine) { .st-regrij:hover { background-color: #EAF3EB; } } .st-regrij:active { transform: scale(.99); }
.st-regtitel { position: relative; }
@media (min-width: 1025px) { .st-regduim { display: none !important; } } @media (max-width: 1024px) { .st-regframe { display: none !important; } .st-regrij { padding-left: 0 !important; padding-right: 0 !important; } }
/* stappen: nummer op een maatstreep */
.st-stapnr { font-family: 'ST Bricolage', 'ST Bricolage Fallback', Arial, sans-serif !important; font-weight: 800 !important; font-size: 2.6rem !important; line-height: 1 !important; color: #112611 !important; padding-bottom: 14px; background: repeating-linear-gradient(90deg, #3D5A3E 0 1px, transparent 1px 8px) 0 0 / 100% 6px no-repeat, repeating-linear-gradient(90deg, #112611 0 1.5px, transparent 1.5px 40px) 0 0 / 100% 11px no-repeat; background-position: 0 100% !important; max-width: none !important; }
@media (max-width: 1024px) { .st-stap { display: grid !important; grid-template-columns: 64px minmax(0, 1fr); column-gap: 14px; padding: 20px 0 !important; border-bottom: 1px solid #9CC7A1; } .st-stappen .st-stap:first-child { border-top: 1px solid #9CC7A1; } .st-stapnr { font-size: 2.1rem !important; padding-bottom: 10px; line-height: 24px !important; } }
/* opsommingen met een zwaluwstaartje */
.st-punt { position: relative; padding-left: 30px !important; } .st-punt::before { content: ''; position: absolute; left: 2px; top: .52em; width: 16px; height: 12px; background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; }
/* gaps die de V4-parser niet opslaat */ .st-knoppen { gap: 14px 28px !important; } .st-plaatsen { column-gap: 36px !important; } .st-footgrid { gap: 40px 48px !important; } .st-lijst { gap: 12px 36px !important; } .st-chips { gap: 10px !important; } .e-con:has(> .st-project), .e-div-block-base:has(> .st-project) { row-gap: 48px !important; }
.st-plaats { transition: background-color .2s cubic-bezier(.23,1,.32,1) !important; } @media (hover: hover) and (pointer: fine) { .st-plaats:hover { background-color: #EAF3EB; } }
.st-vlak h3 { white-space: nowrap; } @media (max-width: 380px) { .st-vlak h3 { white-space: normal; } }
/* accordion */
[data-e-type=e-accordion-item-icon] { width: 36px !important; height: 36px !important; min-width: 36px; border-radius: 50% !important; background-color: #D3E6D5 !important; display: flex !important; align-items: center; justify-content: center; padding: 0 !important; transition: transform .25s cubic-bezier(.23,1,.32,1), background-color .2s ease; } [data-e-type=e-accordion-item-icon] .e-svg-base { width: 14px !important; height: 14px !important; color: #112611; }
details[open] > summary [data-e-type=e-accordion-item-icon] { transform: rotate(180deg); background-color: #9CC7A1 !important; }
[data-e-type=e-accordion-item-icon] svg { width: 14px !important; height: 14px !important; }
summary.e-accordion-item-header:hover h3 { color: #3D5A3E !important; } summary.e-accordion-item-header { list-style: none; } summary.e-accordion-item-header::-webkit-details-marker { display: none; }
.st-faq-item h3 { line-height: 1.3 !important; }
/* formulier: randen 3:1+ */
.st-form input::placeholder, .st-form textarea::placeholder { color: #55705A !important; opacity: 1 !important; }
.st-form input, .st-form textarea, .st-form select { border: 2px solid #6B7F6C !important; border-radius: 4px !important; background: #FFFFFF !important; }
.st-form input:focus, .st-form textarea:focus, .st-form select:focus { border-color: #112611 !important; }
/* tijden (wp-admin > Werkplaats) */
.st-tijden { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: auto 1fr; gap: 2px 18px; } .st-tijden dt { font-weight: 600; } .st-tijden dd { margin: 0; }
.st-status { font-weight: 600; margin: 0; } .st-noot { margin: 6px 0 0; font-size: .98rem; line-height: 1.5; }
.st-footer .st-status, .st-footer .st-noot, .st-footer .st-tijden { color: #E3EEE4; } .st-footer .st-noot { display: none; }
/* ===== footer: zwaluwstaartverbinding over de bovenrand + brandstempel ===== */
.st-footer { position: relative; } .st-footer::before { content: ''; position: absolute; left: 0; right: 0; top: -25px; height: 26px; background-image: url("data:image/svg+xml,"); background-repeat: repeat-x; background-size: 96px 26px; background-position: 50% 0; pointer-events: none; }
.st-stempel { background-image: url("data:image/svg+xml,"); background-size: 132px 132px; background-repeat: no-repeat; transform: rotate(-8deg); opacity: .9; }
.st-footer-link { color: #E3EEE4 !important; min-height: 32px !important; } .st-footer-link:hover, .st-footer-link:focus-visible { color: #FFFFFF !important; }
/* afwerking (emil): vaste overgangen per eigenschap, drukfeedback */
.e-button-base { transition: background-color .2s cubic-bezier(.23,1,.32,1), color .2s cubic-bezier(.23,1,.32,1), border-color .2s cubic-bezier(.23,1,.32,1), background-size .3s cubic-bezier(.23,1,.32,1), transform .16s cubic-bezier(.23,1,.32,1) !important; } .e-button-base:active { transform: scale(.97); }
a.e-con, a.e-div-block-base { transition: background-color .2s cubic-bezier(.23,1,.32,1), transform .16s cubic-bezier(.23,1,.32,1) !important; }
::selection { background: #9CC7A1; color: #112611; } input, textarea { caret-color: #112611; }
/* skip-link */
.st-skip { position: absolute !important; left: -9999px !important; top: 8px; z-index: 2000; } .st-skip:focus, .st-skip:focus-visible { left: 16px !important; }
/* focus */
a:focus-visible, button:focus-visible, .e-button-base:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid #112611 !important; outline-offset: 3px; }
footer a:focus-visible, .st-kast a:focus-visible { outline-color: #9CC7A1 !important; } .st-seg:focus-visible { outline-offset: -3px; }
@media (max-width: 767px) { h1.e-heading-base { font-size: 2.5rem; } h2.e-heading-base { font-size: 1.9rem; } p.e-paragraph-base, .e-paragraph-base { font-size: 1.08rem; } }
.e-button-base, .e-paragraph-base { max-width: 100%; min-width: 0; overflow-wrap: break-word; }
.e-svg-base svg { display: block; }
.st-knoppen .e-button-base { white-space: nowrap; } .st-knoppen .st-bel { align-self: center !important; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; } @media (max-width: 1199px) { html { scroll-padding-top: 90px; } }
.st-footgrid { grid-template-columns: 1.4fr 1fr 1fr .8fr !important; } @media (max-width: 1024px) { .st-footgrid { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 767px) { .st-footgrid { grid-template-columns: 1fr !important; } }
.st-cta { padding-bottom: 120px; }
/* reduced motion: alleen beweging uit */
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .e-button-base:active, .st-menuknop:active, .st-seg:active, .st-lade:active, .st-regrij:active { transform: none !important; } details[open] > summary [data-e-type=e-accordion-item-icon] { transform: none !important; } .st-lade, .st-open .st-lade, .st-open .st-lade[aria-current=page] { transform: none !important; transition: opacity .15s linear, background-color .2s ease !important; transition-delay: 0s !important; } .st-schets, .st-schets img, .st-greep { transition: none !important; } .st-stempel { transform: none; } }/* End custom CSS */