.lazyload,
			.lazyloading {
				max-width: 100%;
			}
		

img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */


.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}
/*# sourceURL=https://meubelmakerij-treeways.nl/wp-includes/blocks/group/style.min.css */


.wp-block-site-logo{box-sizing:border-box;line-height:0}.wp-block-site-logo a{display:inline-block;line-height:0}.wp-block-site-logo.is-default-size img{height:auto;width:120px}.wp-block-site-logo img{height:auto;max-width:100%}.wp-block-site-logo a,.wp-block-site-logo img{border-radius:inherit}.wp-block-site-logo.aligncenter{margin-left:auto;margin-right:auto;text-align:center}:root :where(.wp-block-site-logo.is-style-rounded){border-radius:9999px}
/*# sourceURL=https://meubelmakerij-treeways.nl/wp-includes/blocks/site-logo/style.min.css */


.wp-block-navigation .wp-block-navigation-item__label{overflow-wrap:break-word}.wp-block-navigation .wp-block-navigation-item__description{display:none}.link-ui-tools{outline:1px solid #f0f0f0;padding:8px}.link-ui-block-inserter{padding-top:8px}.link-ui-block-inserter__back{margin-left:8px;text-transform:uppercase}
/*# sourceURL=https://meubelmakerij-treeways.nl/wp-includes/blocks/navigation-link/style.min.css */

.wp-block-navigation{position:relative}.wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0;padding-left:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none}.wp-block-navigation .wp-block-navigation-item{align-items:center;background-color:inherit;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{display:none}.wp-block-navigation .wp-block-navigation-item__content{display:block;z-index:1}.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{color:inherit}.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{text-decoration:underline}.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{text-decoration:line-through}.wp-block-navigation :where(a),.wp-block-navigation :where(a:active),.wp-block-navigation :where(a:focus){text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:none;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-left:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{stroke:currentColor;display:inline-block;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation{--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.no-wrap{--navigation-layout-wrap:nowrap}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation.items-justified-center.is-vertical{--navigation-layout-align:center}.wp-block-navigation.items-justified-right{--navigation-layout-justification-setting:flex-end;--navigation-layout-justify:flex-end}.wp-block-navigation.items-justified-right.is-vertical{--navigation-layout-align:flex-end}.wp-block-navigation.items-justified-space-between{--navigation-layout-justification-setting:space-between;--navigation-layout-justify:space-between}:where(.wp-block-navigation) ul li{padding:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;opacity:0;position:absolute;z-index:2}@media not (prefers-reduced-motion){.wp-block-navigation .has-child .wp-block-navigation__submenu-container{transition:opacity .1s linear}}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{height:0;overflow:hidden;visibility:hidden;width:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1;padding:.5em 1em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{margin-left:auto;margin-right:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{left:-1px;top:100%}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:transparent;content:"";display:block;height:100%;position:absolute;right:100%;width:.5em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-right:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(-90deg)}}@media (hover:hover){.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}}.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child.open-always{align-items:var(--navigation-layout-align,initial);flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);gap:var(--wp--style--block-gap,2em)}.wp-block-navigation .has-child.open-always,.wp-block-navigation .has-child.open-always .wp-block-navigation-item{justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container,.wp-block-navigation .has-child.open-always.wp-block-navigation-submenu{gap:var(--wp--style--block-gap,2em)}.wp-block-navigation .has-child.open-always .wp-block-navigation-item,.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container,.wp-block-navigation .has-child.open-always.wp-block-navigation-submenu{padding-bottom:0;padding-top:0}.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container{padding-left:var(--wp--style--block-gap,2em);padding-right:var(--wp--style--block-gap,2em)}.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:0}.wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content,.wp-block-navigation .has-child.open-always>.wp-block-navigation-item__content{flex-grow:0}.wp-block-navigation .has-child.open-always>.wp-block-navigation__submenu-container{background-color:transparent;border:none;color:inherit;flex-basis:100%;height:auto;opacity:1;overflow:visible;position:static;visibility:visible;width:auto}.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{left:0;top:100%}@media (min-width:782px){.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:0}}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:transparent;border:none;color:currentColor;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;text-transform:inherit}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation-submenu__toggle[aria-expanded=true]+.wp-block-navigation__submenu-icon>svg,.wp-block-navigation-submenu__toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{padding-left:0;padding-right:.85em}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{margin-left:-.6em;pointer-events:none}.wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle){padding:0}.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{left:auto;right:0}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:auto;right:100%}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid rgba(0,0,0,.15)}.wp-block-navigation.has-background .wp-block-navigation__submenu-container{background-color:inherit}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container{color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-left:0}.wp-block-navigation__container .is-responsive{display:none}.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{flex-grow:1}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container :where(.wp-block-navigation-item a){color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(:is(.is-menu-open,:target):is(.is-menu-open,:target)){background-color:inherit!important;color:inherit!important}.wp-block-navigation__responsive-container:is(.is-menu-open,:target){background-color:inherit;display:flex;flex-direction:column}@media not (prefers-reduced-motion){.wp-block-navigation__responsive-container:is(.is-menu-open,:target){animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards}}.wp-block-navigation__responsive-container:is(.is-menu-open,:target):not(.disable-default-overlay){padding:clamp(1rem,var(--wp--style--root--padding-top),20rem) clamp(1rem,var(--wp--style--root--padding-right),20rem) clamp(1rem,var(--wp--style--root--padding-bottom),20rem) clamp(1rem,var(--wp--style--root--padding-left),20rem)}.wp-block-navigation__responsive-container:is(.is-menu-open,:target){overflow:auto;z-index:100000}.wp-block-navigation__responsive-container:is(.is-menu-open,:target):not(.disable-default-overlay) .wp-block-navigation__responsive-container-content{padding-top:calc(2rem + 24px)}.wp-block-navigation__responsive-container:is(.is-menu-open,:target):where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-justification-setting,inherit);display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible}.wp-block-navigation__responsive-container:is(.is-menu-open,:target):where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container:is(.is-menu-open,:target):where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container:is(.is-menu-open,:target):where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list{justify-content:flex-start}.wp-block-navigation__responsive-container:is(.is-menu-open,:target):where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{display:none}.wp-block-navigation__responsive-container:is(.is-menu-open,:target):where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{border:none;height:auto;min-width:200px;opacity:1;overflow:initial;padding-left:2rem;padding-right:2rem;position:static;visibility:visible;width:auto}.wp-block-navigation__responsive-container:is(.is-menu-open,:target):where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container:is(.is-menu-open,:target):where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:inherit}.wp-block-navigation__responsive-container:is(.is-menu-open,:target):where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-top:var(--wp--style--block-gap,2em)}.wp-block-navigation__responsive-container:is(.is-menu-open,:target):where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{padding:0}.wp-block-navigation__responsive-container:is(.is-menu-open,:target):where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container:is(.is-menu-open,:target):where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container:is(.is-menu-open,:target):where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:var(--navigation-layout-justification-setting,initial);display:flex;flex-direction:column}.wp-block-navigation__responsive-container:is(.is-menu-open,:target):where(:not(.disable-default-overlay)) .wp-block-navigation-item,.wp-block-navigation__responsive-container:is(.is-menu-open,:target):where(:not(.disable-default-overlay)) .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container:is(.is-menu-open,:target):where(:not(.disable-default-overlay)) .wp-block-navigation__container,.wp-block-navigation__responsive-container:is(.is-menu-open,:target):where(:not(.disable-default-overlay)) .wp-block-page-list{background:transparent!important;color:inherit!important}.wp-block-navigation__responsive-container:is(.is-menu-open,:target):where(:not(.disable-default-overlay)) .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:auto;right:auto}.wp-block-navigation__responsive-container.disable-default-overlay .wp-block-navigation__overlay-container{display:none;width:100%}.wp-block-navigation__responsive-container.disable-default-overlay .wp-block-navigation__responsive-close{max-width:none}.wp-block-navigation__responsive-container.disable-default-overlay:is(.is-menu-open,:target) .wp-block-navigation__responsive-container-content>:not(.wp-block-navigation__overlay-container){display:none}.wp-block-navigation__responsive-container.disable-default-overlay:is(.is-menu-open,:target) .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container{display:block}.wp-block-navigation__responsive-container.disable-default-overlay:is(.is-menu-open,:target) .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container .wp-block-navigation__submenu-container{left:0;right:auto}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(:is(.is-menu-open,:target)){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(:is(.is-menu-open,:target)) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container:is(.is-menu-open,:target) .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container:is(.is-menu-open,:target):not(.disable-default-overlay){background-color:#fff}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container:is(.is-menu-open,:target):not(.disable-default-overlay){color:#000}.wp-block-navigation__toggle_button_label{font-size:1rem;font-weight:700}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:transparent;border:none;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{font-family:inherit;font-size:inherit;font-weight:inherit}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{position:absolute;right:0;top:0;z-index:2}.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{font-family:inherit;font-size:inherit;font-weight:inherit}.disable-default-overlay .wp-block-navigation__responsive-container-close{right:clamp(1rem,var(--wp--style--root--padding-left),20rem);top:clamp(1rem,var(--wp--style--root--padding-left),20rem)}.wp-block-navigation__responsive-close{width:100%}.has-modal-open .wp-block-navigation__responsive-close{margin-left:auto;margin-right:auto;max-width:var(--wp--style--global--wide-size,100%)}.wp-block-navigation__responsive-close:focus{outline:none}:is(.is-menu-open,:target) .wp-block-navigation__responsive-close,:is(.is-menu-open,:target) .wp-block-navigation__responsive-container-content,:is(.is-menu-open,:target) .wp-block-navigation__responsive-dialog{box-sizing:border-box}.wp-block-navigation__responsive-dialog{position:relative}.has-modal-open .admin-bar :is(.is-menu-open,:target):where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-dialog{margin-top:46px}@media (min-width:782px){.has-modal-open .admin-bar :is(.is-menu-open,:target):where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-dialog{margin-top:32px}}html.has-modal-open{overflow:hidden}

.wp-block-image>a,.wp-block-image>figure>a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}@media not (prefers-reduced-motion){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:show-content-image .4s}}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull>a,.wp-block-image.alignwide>a{width:100%}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image.is-style-circle-mask img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;backdrop-filter:blur(16px) saturate(180%);background-color:rgba(90,90,90,.25);border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;width:20px;z-index:100}@media not (prefers-reduced-motion){.wp-lightbox-container button{transition:opacity .2s ease}}.wp-lightbox-container button:focus-visible{outline:3px auto rgba(90,90,90,.25);outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:rgba(90,90,90,.25);border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .wp-lightbox-close-button{align-items:center;cursor:pointer;display:flex;font-family:inherit;gap:8px;justify-content:center;line-height:1;min-height:40px;min-width:40px;padding:0 4px;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .wp-lightbox-close-button:focus,.wp-lightbox-overlay .wp-lightbox-close-button:hover,.wp-lightbox-overlay .wp-lightbox-close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .wp-lightbox-close-button:has(.wp-lightbox-close-text:not([hidden])) .wp-lightbox-close-icon svg{height:1em;width:1em}.wp-lightbox-overlay .wp-lightbox-close-icon svg{display:block}.wp-lightbox-overlay .wp-lightbox-navigation-button-next,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{align-items:center;bottom:16px;cursor:pointer;display:flex;font-family:inherit;gap:4px;justify-content:center;line-height:1;min-height:40px;min-width:40px;padding:0 8px;position:absolute;z-index:2000002}.wp-lightbox-overlay .wp-lightbox-navigation-button-next[hidden],.wp-lightbox-overlay .wp-lightbox-navigation-button-prev[hidden]{display:none}@media (min-width:960px){.wp-lightbox-overlay .wp-lightbox-navigation-button-next,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{bottom:50%;transform:translateY(-50%)}}.wp-lightbox-overlay .wp-lightbox-navigation-button-next:focus,.wp-lightbox-overlay .wp-lightbox-navigation-button-next:hover,.wp-lightbox-overlay .wp-lightbox-navigation-button-next:not(:hover):not(:active):not(.has-background),.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:focus,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:hover,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:not(:hover):not(:active):not(.has-background){background:none;border:none;padding:0 8px}.wp-lightbox-overlay .wp-lightbox-navigation-button-next:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg{display:block;height:1.5em;width:1.5em}.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{left:calc(env(safe-area-inset-left) + 16px)}.wp-lightbox-overlay .wp-lightbox-navigation-button-next{right:calc(env(safe-area-inset-right) + 16px)}.wp-lightbox-overlay .wp-lightbox-navigation-icon svg{vertical-align:middle}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:2000001}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{visibility:visible}@media not (prefers-reduced-motion){.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}
/*# sourceURL=https://meubelmakerij-treeways.nl/wp-includes/blocks/image/style.min.css */


h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
/*# sourceURL=https://meubelmakerij-treeways.nl/wp-includes/blocks/heading/style.min.css */


.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
/*# sourceURL=https://meubelmakerij-treeways.nl/wp-includes/blocks/paragraph/style.min.css */


.wp-block-button__link{align-content:center;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button[class*=wp-block-button__width]{width:calc(var(--wp--block-button--width)*1% - var(--wp--style--block-gap, .5em)*(1 - var(--wp--block-button--width)/100))}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button[class*=wp-block-button__width]{width:calc(var(--wp--block-button--width)*1%)}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){border:2px solid;padding:.667em 1.333em}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){background-color:transparent;background-image:none}
/*# sourceURL=https://meubelmakerij-treeways.nl/wp-includes/blocks/button/style.min.css */


.wp-block-buttons{box-sizing:border-box}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons .wp-block-button__link{width:100%}.wp-block-button.aligncenter{text-align:center}
/*# sourceURL=https://meubelmakerij-treeways.nl/wp-includes/blocks/buttons/style.min.css */


ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}

				ul.is-style-checkmark-list {
					list-style-type: "\2713";
				}

				ul.is-style-checkmark-list li {
					padding-inline-start: 1ch;
				}
/*# sourceURL=wp-block-list-inline-css */


.wp-block-spacer{clear:both}
/*# sourceURL=https://meubelmakerij-treeways.nl/wp-includes/blocks/spacer/style.min.css */


.wp-block-post-content{display:flow-root}
/*# sourceURL=https://meubelmakerij-treeways.nl/wp-includes/blocks/post-content/style.min.css */


:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */


:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--base: #FFFFFF;--wp--preset--color--contrast: #111111;--wp--preset--color--accent-1: #FFEE58;--wp--preset--color--accent-2: #F6CFF4;--wp--preset--color--accent-3: #503AA8;--wp--preset--color--accent-4: #686868;--wp--preset--color--accent-5: #FBFAF3;--wp--preset--color--accent-6: color-mix(in srgb, currentColor 20%, transparent);--wp--preset--color--custom-warm-wit: #efece7;--wp--preset--color--custom-vlak-licht: #f0ede8;--wp--preset--color--custom-zand: #ebe4dc;--wp--preset--color--custom-mosgroen: #3d412a;--wp--preset--color--custom-inkt: #1c1a16;--wp--preset--color--custom-inkt-zacht: #595653;--wp--preset--color--custom-lijn: #ddd9d3;--wp--preset--color--custom-lijn-sterk: #b4afa8;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 0.875rem;--wp--preset--font-size--medium: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.156), 1.125rem);--wp--preset--font-size--large: clamp(1.125rem, 1.125rem + ((1vw - 0.2rem) * 0.313), 1.375rem);--wp--preset--font-size--x-large: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 0.313), 2rem);--wp--preset--font-size--xx-large: clamp(2.15rem, 2.15rem + ((1vw - 0.2rem) * 1.063), 3rem);--wp--preset--font-family--manrope: Manrope, sans-serif;--wp--preset--font-family--fira-code: "Fira Code", monospace;--wp--preset--font-family--playfair-display: "Playfair Display", serif;--wp--preset--spacing--20: 10px;--wp--preset--spacing--30: 20px;--wp--preset--spacing--40: 30px;--wp--preset--spacing--50: clamp(30px, 5vw, 50px);--wp--preset--spacing--60: clamp(30px, 7vw, 70px);--wp--preset--spacing--70: clamp(50px, 7vw, 90px);--wp--preset--spacing--80: clamp(70px, 10vw, 140px);--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: 1300px;--wp--style--global--wide-size: 1600px; }:where(body) { margin: 0; }.wp-site-blocks { padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom); }.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) > .alignfull { margin-left: 0; margin-right: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 1.2rem; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 1.2rem; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 1.2rem;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 1.2rem;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 1.2rem;}:root :where(.is-layout-grid){gap: 1.2rem;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{background-color: var(--wp--preset--color--base);color: var(--wp--preset--color--contrast);font-family: var(--wp--preset--font-family--manrope);font-size: var(--wp--preset--font-size--large);font-weight: 300;letter-spacing: -0.1px;line-height: 1.4;--wp--style--root--padding-top: 0px;--wp--style--root--padding-right: var(--wp--preset--spacing--50);--wp--style--root--padding-bottom: 0px;--wp--style--root--padding-left: var(--wp--preset--spacing--50);}a:where(:not(.wp-element-button)){color: currentColor;}:root :where(a:where(:not(.wp-element-button)):hover){text-decoration: none;}h1, h2, h3, h4, h5, h6{font-weight: 400;letter-spacing: -0.1px;line-height: 1.125;}h1{font-size: var(--wp--preset--font-size--xx-large);}h2{font-size: var(--wp--preset--font-size--x-large);}h3{font-size: var(--wp--preset--font-size--large);}h4{font-size: var(--wp--preset--font-size--medium);}h5{font-size: var(--wp--preset--font-size--small);letter-spacing: 0.5px;}h6{font-size: var(--wp--preset--font-size--small);font-weight: 700;letter-spacing: 1.4px;text-transform: uppercase;}:root :where(.wp-element-button, .wp-block-button__link){background-color: var(--wp--preset--color--contrast);border-width: 0;color: var(--wp--preset--color--base);font-family: inherit;font-size: var(--wp--preset--font-size--medium);font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: 1rem;padding-right: 2.25rem;padding-bottom: 1rem;padding-left: 2.25rem;text-decoration: none;text-transform: inherit;}:root :where(.wp-element-button:hover, .wp-block-button__link:hover){background-color: color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent);border-color: transparent;color: var(--wp--preset--color--base);}:root :where(.wp-element-button:focus, .wp-block-button__link:focus){outline-color: var(--wp--preset--color--accent-4);outline-offset: 2px;}:root :where(.wp-element-caption, .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption){font-size: var(--wp--preset--font-size--small);line-height: 1.4;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-contrast-color{color: var(--wp--preset--color--contrast) !important;}.has-accent-1-color{color: var(--wp--preset--color--accent-1) !important;}.has-accent-2-color{color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-color{color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-color{color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-color{color: var(--wp--preset--color--accent-5) !important;}.has-accent-6-color{color: var(--wp--preset--color--accent-6) !important;}.has-custom-warm-wit-color{color: var(--wp--preset--color--custom-warm-wit) !important;}.has-custom-vlak-licht-color{color: var(--wp--preset--color--custom-vlak-licht) !important;}.has-custom-zand-color{color: var(--wp--preset--color--custom-zand) !important;}.has-custom-mosgroen-color{color: var(--wp--preset--color--custom-mosgroen) !important;}.has-custom-inkt-color{color: var(--wp--preset--color--custom-inkt) !important;}.has-custom-inkt-zacht-color{color: var(--wp--preset--color--custom-inkt-zacht) !important;}.has-custom-lijn-color{color: var(--wp--preset--color--custom-lijn) !important;}.has-custom-lijn-sterk-color{color: var(--wp--preset--color--custom-lijn-sterk) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-contrast-background-color{background-color: var(--wp--preset--color--contrast) !important;}.has-accent-1-background-color{background-color: var(--wp--preset--color--accent-1) !important;}.has-accent-2-background-color{background-color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-background-color{background-color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-background-color{background-color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-background-color{background-color: var(--wp--preset--color--accent-5) !important;}.has-accent-6-background-color{background-color: var(--wp--preset--color--accent-6) !important;}.has-custom-warm-wit-background-color{background-color: var(--wp--preset--color--custom-warm-wit) !important;}.has-custom-vlak-licht-background-color{background-color: var(--wp--preset--color--custom-vlak-licht) !important;}.has-custom-zand-background-color{background-color: var(--wp--preset--color--custom-zand) !important;}.has-custom-mosgroen-background-color{background-color: var(--wp--preset--color--custom-mosgroen) !important;}.has-custom-inkt-background-color{background-color: var(--wp--preset--color--custom-inkt) !important;}.has-custom-inkt-zacht-background-color{background-color: var(--wp--preset--color--custom-inkt-zacht) !important;}.has-custom-lijn-background-color{background-color: var(--wp--preset--color--custom-lijn) !important;}.has-custom-lijn-sterk-background-color{background-color: var(--wp--preset--color--custom-lijn-sterk) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-contrast-border-color{border-color: var(--wp--preset--color--contrast) !important;}.has-accent-1-border-color{border-color: var(--wp--preset--color--accent-1) !important;}.has-accent-2-border-color{border-color: var(--wp--preset--color--accent-2) !important;}.has-accent-3-border-color{border-color: var(--wp--preset--color--accent-3) !important;}.has-accent-4-border-color{border-color: var(--wp--preset--color--accent-4) !important;}.has-accent-5-border-color{border-color: var(--wp--preset--color--accent-5) !important;}.has-accent-6-border-color{border-color: var(--wp--preset--color--accent-6) !important;}.has-custom-warm-wit-border-color{border-color: var(--wp--preset--color--custom-warm-wit) !important;}.has-custom-vlak-licht-border-color{border-color: var(--wp--preset--color--custom-vlak-licht) !important;}.has-custom-zand-border-color{border-color: var(--wp--preset--color--custom-zand) !important;}.has-custom-mosgroen-border-color{border-color: var(--wp--preset--color--custom-mosgroen) !important;}.has-custom-inkt-border-color{border-color: var(--wp--preset--color--custom-inkt) !important;}.has-custom-inkt-zacht-border-color{border-color: var(--wp--preset--color--custom-inkt-zacht) !important;}.has-custom-lijn-border-color{border-color: var(--wp--preset--color--custom-lijn) !important;}.has-custom-lijn-sterk-border-color{border-color: var(--wp--preset--color--custom-lijn-sterk) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xx-large-font-size{font-size: var(--wp--preset--font-size--xx-large) !important;}.has-manrope-font-family{font-family: var(--wp--preset--font-family--manrope) !important;}.has-fira-code-font-family{font-family: var(--wp--preset--font-family--fira-code) !important;}.has-playfair-display-font-family{font-family: var(--wp--preset--font-family--playfair-display) !important;}/* ============================================================
   TREEWAYS — Additional CSS
   Plaats: Site Editor → Styles → Additional CSS
   Prefix: .tw-*   Thema: Twenty Twenty-Five

   ANDERE ONTWERPER — ZO PAS JE DIT AAN
   1. Kleur / type / ruimte / gradients: alleen :root (zoek "TOKENS")
   2. Unieke overlays (hero-fade, titelband) staan als --tw-gradient-*
      Verander de variabele, niet de component-regel.
   3. Spring naar een blok met Cmd/Ctrl+F op de naam hieronder.

   TOC (zoekwoord)
   TOKENS                 :root variabelen
   BASIS                  body, headings, images
   KNAPPEN
   HEADER / NAV
   HERO
   SECTIES & KOPPEN
   DIENSTENKAARTEN
   FILTERPILLS
   PROJECTRASTER
   BEELD + TEKST          .tw-split
   PAGINAKOP              .tw-pagehead
   LIJSTEN / WERKWIJZE / QUOTE
   CTA-BAND               .tw-cta  (mosgroen + jaarring)
   FOOTER
   MERK / LOGO / TAALWISSEL
   FAQ / CONTACT
   REVIEWPAGINA / REVIEWbar
   PICTOGRAM-GRIDS        waarden, proces, over-ons
   PRODUCTPAGINA          hero, details, specs, mozaïek
   THOMAS / KOMPAS
   TYPografie 2026        leesmaat, tracking, tabular-nums
   RESPONSIVE             @media onder elk blok

   Type: Playfair Display (koppen) + Manrope 400 (body)
   ============================================================ */

:root {
  /* --- kleur --- */
  --tw-warm: #EFECE7;
  --tw-vlak: #F0EDE8;
  --tw-zand: #EBE4DC;
  --tw-groen: #3D412A;
  --tw-groen-licht: #545944;
  --tw-inkt: #1C1A16;
  --tw-zacht: #595653;
  --tw-lijn: #DDD9D3;
  --tw-lijn-sterk: #B4AFA8;
  --tw-cta-tekst: #F5F3EE;
  --tw-cta-muted: #D6D3C8;
  --tw-cta-knop: #F3F1EC;

  /* --- type --- */
  --tw-serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --tw-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --tw-body-size: 17px;
  --tw-body-leading: 26px;
  --tw-kop-tracking: .1em;

  /* type-schaal — 5 stappen, nergens anders sizes verzinnen */
  --tw-size-display: clamp(30px, 3.4vw, 42px); /* hero, paginatitel, .tw-kop--groot */
  --tw-size-h2: clamp(20px, 1.7vw, 24px);      /* sectiekop .tw-kop */
  --tw-size-h3: 17px;                          /* kaarttitels, h3 */
  --tw-size-body: 17px;                        /* alle lopende tekst */
  --tw-size-small: 15px;                       /* captions, intro-muted */
  --tw-size-micro: 12px;                       /* labels, kicker */
  --tw-leading-display: 1.14;
  --tw-leading-h2: 1.28;
  --tw-leading-body: 26px;
  --tw-gap-kop: 16px;   /* kop → eerste alinea, OVERAL gelijk */
  --tw-gap-p: 24px;     /* alinea → alinea, groter dan regelhoogte */

  /* --- ruimte --- */
  --tw-sectie: clamp(60px, 7vw, 104px);
  --tw-maat-inhoud: 65ch;
  --tw-kolom: 1300px; /* zelfde inhoudsbreedte als de header; kop én tekst beginnen hier */

  /* --- gradients (pas hier aan, niet in de componenten) --- */
  --tw-gradient-hero: linear-gradient(105deg, #E7E2DB 0%, #DFD8D0 42%, #D2CABF 100%);
  --tw-gradient-hero-fade: linear-gradient(90deg, #DFD8D0 0%, rgba(223, 216, 208, .94) 12%, rgba(223, 216, 208, .45) 30%, rgba(223, 216, 208, 0) 52%);
  --tw-gradient-pagehead: linear-gradient(105deg, #E7E2DB, #D6CEC4);
  --tw-gradient-zand: linear-gradient(105deg, var(--tw-zand), var(--tw-vlak));
  --tw-gradient-pagehead-fade: linear-gradient(90deg, rgba(233, 229, 223, .97) 0%, rgba(233, 229, 223, .88) 32%, rgba(233, 229, 223, .35) 70%, rgba(233, 229, 223, .05) 100%);
  --tw-gradient-pagehead-mobile: linear-gradient(180deg, rgba(233, 229, 223, .86), rgba(233, 229, 223, .97));
  --tw-gradient-scrim-ltr: linear-gradient(90deg, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, .18) 27%, rgba(0, 0, 0, .7) 38%, #000 48%);
  --tw-gradient-scrim-product: linear-gradient(90deg, rgba(0, 0, 0, 0) 29%, rgba(0, 0, 0, .22) 37%, rgba(0, 0, 0, .72) 47%, #000 57%);
  --tw-gradient-scrim-bottom: linear-gradient(180deg, #000 52%, rgba(0, 0, 0, .72) 72%, rgba(0, 0, 0, .22) 90%, rgba(0, 0, 0, 0) 100%);
  --tw-gradient-fade-bottom-black: linear-gradient(180deg, #000 86%, rgba(0, 0, 0, 0) 100%);
  --tw-body-weight: 400;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background: var(--tw-warm);
  color: var(--tw-inkt);
  font-family: var(--tw-sans);
  font-size: var(--tw-body-size);
  font-weight: var(--tw-body-weight);
  line-height: var(--tw-body-leading);
  -webkit-font-smoothing: antialiased;
}

.wp-site-blocks {
  overflow-x: clip;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--tw-serif);
  font-weight: 400;
  color: var(--tw-inkt);
  text-wrap: balance;
}

p {
  text-wrap: pretty;
}

img,
.wp-block-image img {
  border-radius: 0 !important;
  display: block;
}

a {
  text-underline-offset: .22em;
}

hr.wp-block-separator {
  border-color: var(--tw-lijn);
  opacity: 1;
}

/* ---------- knoppen ---------- */
.wp-block-button__link,
.wp-element-button {
  font-family: var(--tw-sans);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .13em;
  text-transform: uppercase;
  line-height: 1;
  padding: 16px 30px;
  border-radius: 0;
  background-color: var(--tw-groen);
  color: #fff;
  border: 1px solid var(--tw-groen);
  transition: background-color .28s ease, color .28s ease, border-color .28s ease;
}

.wp-block-button__link:hover,
.wp-element-button:hover {
  background-color: var(--tw-groen-licht);
  border-color: var(--tw-groen-licht);
  color: #fff;
}

.wp-block-button.is-style-outline>.wp-block-button__link {
  background-color: transparent;
  color: var(--tw-inkt);
  border: 1px solid var(--tw-lijn-sterk);
}

.wp-block-button.is-style-outline>.wp-block-button__link:hover {
  background-color: transparent;
  color: var(--tw-groen);
  border-color: var(--tw-groen);
}

.wp-block-button.tw-btn-licht>.wp-block-button__link {
  background-color: var(--tw-warm) !important;
  color: var(--tw-inkt) !important;
  border: 1px solid var(--tw-warm) !important;
}

.tw-hero--product .wp-block-button.is-style-outline .wp-block-button__link {
  background-color: var(--tw-warm) !important;
  color: var(--tw-inkt) !important;
  border: 1px solid var(--tw-warm) !important;
}

.tw-hero--product .wp-block-button.is-style-outline .wp-block-button__link:hover {
  border-color: #111 !important;
}

.wp-block-button.tw-btn-licht>.wp-block-button__link:hover {
  background-color: var(--tw-warm) !important;
  color: var(--tw-inkt) !important;
  border-color: #111 !important;
}

/* ---------- header ---------- */
.tw-header {
  background: var(--tw-warm);
  border-bottom: 1px solid var(--tw-lijn);
  position: sticky;
  top: 0;
  z-index: 100;
}

.admin-bar .tw-header {
  top: 32px;
}

@media(max-width:782px) {
  .admin-bar .tw-header {
    top: 46px;
  }
}

.tw-header__bar {
  padding-block: 13px;
}

.tw-brand {
  display: flex;
  align-items: center;
  gap: 13px;
  text-decoration: none;
}

.tw-brand__mark {
  width: 40px;
  height: 40px;
  flex: none;
}

.tw-brand__name {
  font-family: var(--tw-serif);
  font-size: clamp(19px, 2vw, 24px);
  letter-spacing: .13em;
  line-height: 1;
  text-transform: uppercase;
  color: var(--tw-inkt);
  margin: 0;
}

.tw-brand__tag {
  font-size: 9px;
  letter-spacing: .36em;
  text-transform: uppercase;
  color: var(--tw-zacht);
  margin: 6px 0 0;
}

.tw-header .wp-block-navigation {
  font-size: 15px;
  font-family: var(--tw-sans);
}

.tw-header .wp-block-navigation__container {
  gap: clamp(16px, 2.4vw, 40px);
}

.tw-header .wp-block-navigation a {
  text-decoration: none;
  color: var(--tw-inkt);
  padding-bottom: 3px;
  border-bottom: 1px solid transparent;
  transition: border-color .25s ease, color .25s ease;
}

.tw-header .wp-block-navigation a:hover {
  color: var(--tw-groen);
  border-bottom-color: var(--tw-groen);
}

.tw-header .current-menu-item a {
  border-bottom-color: var(--tw-groen);
}

.wp-block-navigation__responsive-container:is(.is-menu-open,:target) {
  background: var(--tw-warm);
}

/* ---------- hero ---------- */
.tw-hero {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  min-height: clamp(430px, 70vh, 640px);
  background: var(--tw-gradient-hero);
}

.tw-hero__media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 63%;
  margin: 0 !important;
}

.tw-hero__media .wp-block-image {
  position: absolute;
  inset: 0;
  margin: 0 !important;
  opacity: 0;
  will-change: opacity;
  animation: twHeroFade 28s linear infinite;
}

.tw-hero__media .wp-block-image:first-child {
  opacity: 1;
}

.tw-hero__media .wp-block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tw-hero__media:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background: var(--tw-gradient-hero-fade);
}

@keyframes twHeroFade {
  0% {
    opacity: 1
  }

  22% {
    opacity: 1
  }

  27% {
    opacity: 0
  }

  96% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.tw-hero__media .wp-block-image:nth-child(2) {
  animation-delay: 7s
}

.tw-hero__media .wp-block-image:nth-child(3) {
  animation-delay: 14s
}

.tw-hero__media .wp-block-image:nth-child(4) {
  animation-delay: 21s
}

.tw-hero__text {
  position: relative;
  z-index: 4;
  width: 100%;
  max-width: 1300px;
  margin-inline: auto;
  padding: 56px clamp(24px, 3vw, 32px);
}

.tw-hero__text>* {
  max-width: 34rem;
}

.tw-hero h1 {
  font-size: clamp(33px, 4.3vw, 53px);
  line-height: 1.07;
  letter-spacing: -.02em;
  margin: 0 0 20px;
  max-width: 13ch;
}

.tw-hero__lead {
  font-size: 16.5px;
  line-height: 1.62;
  color: #332F2A;
  margin: 0 0 32px;
  max-width: 29rem;
}


/* ---------- secties & koppen ---------- */
.tw-section {
  padding-block: var(--tw-sectie);
}

.tw-section--tight {
  padding-block: clamp(42px, 5vw, 72px);
}

.tw-section--vlak {
  background: var(--tw-vlak);
}

.tw-section--zand {
  background: var(--tw-zand);
}

.tw-kop {
  font-family: var(--tw-serif);
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: clamp(19px, 2vw, 26px);
  line-height: 1.25;
  margin: 0 0 12px;
}

.tw-kop--groot {
  text-transform: none;
  letter-spacing: -.005em;
  font-size: clamp(26px, 3.2vw, 40px);
  line-height: 1.15;
}

.tw-sub {
  color: var(--tw-zacht);
  font-size: 15.5px;
  max-width: 64ch;
  margin: 0 0 32px;
}

.tw-lead {
  font-size: 19px;
  line-height: 1.62;
  max-width: 58ch;
}

.tw-narrow {
  max-width: 820px;
}

.tw-note {
  color: #8A5A33;
  font-size: 14px;
  font-style: italic;
}

/* ---------- dienstenkaarten ---------- */
.tw-cards {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2vw, 30px);
}

.tw-cards>*,
.tw-projects>*,
.tw-steps>*,
.tw-footer__cols>*,
.tw-project-list>*,
.tw-split>* {
  margin-block: 0 !important;
  max-width: none !important;
}

.tw-card {
  border: 1px solid var(--tw-lijn);
  background: var(--tw-vlak);
  display: flex;
  flex-direction: column;
}

.tw-card>.wp-block-image {
  margin: 0 !important;
  overflow: hidden;
}

.tw-card>.wp-block-image img {
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
}

.tw-card:hover>.wp-block-image img {
  transform: none;
}

.tw-card__body {
  padding: clamp(20px, 2vw, 28px);
  display: flex;
  flex-direction: column;
  gap: 13px;
  flex: 1;
  align-items: flex-start;
}

.tw-card__body>* {
  margin-block: 0 !important;
}

.tw-card__body p {
  font-size: 14.5px;
  line-height: 1.62;
  color: #31302B;
}

.tw-card__body .tw-kop {
  font-size: 17px;
  letter-spacing: .11em;
  margin: 0;
}

.tw-card__body .wp-block-buttons {
  margin-top: auto;
  padding-top: 8px;
}

.tw-card__body .wp-block-button__link {
  font-size: 11px;
  padding: 11px 20px;
  letter-spacing: .14em;
}

@media(max-width:999px) {
  .tw-cards {
    grid-template-columns: 1fr;
  }
}

/* ---------- filterpills ---------- */
.tw-pills {
  gap: 9px !important;
  margin-bottom: 26px;
}

.tw-pills .wp-block-button__link {
  font-size: 12px;
  letter-spacing: .03em;
  text-transform: none;
  font-weight: 500;
  padding: 10px 19px;
}

.tw-pills .wp-block-button.is-style-outline>.wp-block-button__link {
  border-color: var(--tw-lijn);
  color: var(--tw-inkt);
  background: transparent;
}

.tw-pills .wp-block-button.is-style-outline>.wp-block-button__link:hover {
  border-color: var(--tw-groen);
  color: var(--tw-groen);
}

/* ---------- projectraster ---------- */
.tw-projects {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: clamp(12px, 1.2vw, 18px);
}

@media(max-width:1300px) {
  .tw-projects {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media(max-width:820px) {
  .tw-projects {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media(max-width:520px) {
  .tw-projects {
    grid-template-columns: 1fr;
  }
}

.tw-project {
  border: 1px solid var(--tw-lijn);
  background: var(--tw-vlak);
  display: flex;
  flex-direction: column;
}

.tw-project>.wp-block-image {
  margin: 0 !important;
  overflow: hidden;
}

.tw-project>.wp-block-image img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  transition: transform 1s cubic-bezier(.2, .7, .2, 1);
}

.tw-project:hover>.wp-block-image img {
  transform: scale(1.05);
}

.tw-project__body {
  padding: 14px 15px 17px;
}

.tw-project__body>* {
  margin-block: 0 !important;
}

.tw-project__title {
  font-family: var(--tw-serif);
  font-size: 15px;
  line-height: 1.32;
}

.tw-project__coll {
  font-size: 12.5px;
  color: var(--tw-zacht);
  margin-top: 6px !important;
}

.tw-project__specs {
  font-size: 12.5px;
  color: var(--tw-zacht);
  margin-top: 10px !important;
  line-height: 1.55;
}

.tw-project__tekst {
  font-size: 14.5px;
  line-height: 1.62;
  margin-top: 10px !important;
  color: #31302B;
}

.tw-project-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(20px, 2.2vw, 30px);
}

@media(max-width:1080px) {
  .tw-project-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media(max-width:700px) {
  .tw-project-list {
    grid-template-columns: 1fr;
  }
}

.tw-project-list .tw-project__body {
  padding: 20px 22px 24px;
}

.tw-project-list .tw-project__title {
  font-size: 19px;
}

/* ---------- beeld + tekst ---------- */
.tw-split {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(28px, 4vw, 64px);
  align-items: center;
}

.tw-split .wp-block-image {
  margin: 0 !important;
}

.tw-split .wp-block-image img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}

.tw-split__tekst>* {
  margin-block: 0 16px !important;
}

@media(max-width:820px) {
  .tw-split {
    grid-template-columns: 1fr !important;
  }
}

/* ---------- paginakop ---------- */
.tw-pagehead {
  position: relative;
  overflow: hidden;
  background: var(--tw-gradient-pagehead);
}

.tw-pagehead__media {
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.tw-pagehead__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tw-pagehead:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: var(--tw-gradient-pagehead-fade);
}

.tw-pagehead__inner {
  position: relative;
  z-index: 3;
  padding-block: clamp(54px, 7vw, 96px);
}

.tw-pagehead h1 {
  font-size: clamp(30px, 3.8vw, 46px);
  line-height: 1.1;
  margin: 0 0 14px;
  max-width: 17ch;
}

.tw-pagehead p {
  max-width: 50ch;
  color: #2C2A26;
  margin: 0;
  font-size: 16.5px;
  line-height: 1.6;
}

@media(max-width:860px) {
  .tw-pagehead:after {
    background: var(--tw-gradient-pagehead-mobile);
  }
}

/* ---------- lijsten ---------- */
.tw-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.tw-list li {
  padding: 15px 0;
  border-top: 1px solid var(--tw-lijn);
  font-size: 15.5px;
  line-height: 1.6;
}

.tw-list li:last-child {
  border-bottom: 1px solid var(--tw-lijn);
}

.tw-list li strong {
  font-family: var(--tw-serif);
  font-weight: 400;
  font-size: 17px;
}

/* ---------- werkwijze ---------- */
.tw-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  position: relative;
}

.tw-step {
  border-top: none;
  padding: 0 28px 8px 0;
  position: relative;
}

.tw-step {
  background-image: linear-gradient(var(--tw-groen), var(--tw-groen));
  background-size: calc(100% - 42px) 1px;
  background-position: 42px 21px;
  background-repeat: no-repeat;
}

.tw-step:last-child {
  background-image: none;
}

.tw-step:last-child::before {
  content: none;
}

.tw-step:first-child .tw-step__nr {
  background: var(--tw-groen);
  color: var(--tw-vlak, #F3EEE4);
  border-color: var(--tw-groen);
}

.tw-step>* {
  margin-block: 0 !important;
}

.tw-step__nr {
  width: 42px;
  height: 42px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 1.5px solid var(--tw-groen);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--tw-serif);
  font-size: 13px;
  letter-spacing: .06em;
  color: var(--tw-groen);
  background: var(--tw-vlak, #F3EEE4);
  margin: 0 0 18px !important;
  padding: 0 !important;
  line-height: 1 !important;
  position: relative;
  z-index: 1;
}

.tw-step h3 {
  font-size: 15px;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 9px !important;
}

.tw-step p:not(.tw-step__nr) {
  font-size: 14px;
  color: #33322C;
  line-height: 1.6;
}

.tw-step .tw-step__nr {
  font-size: 13px;
  color: var(--tw-groen);
  line-height: 1;
}

.tw-step:first-child .tw-step__nr {
  color: var(--tw-vlak, #F3EEE4);
}

@media(max-width:1000px) {
  .tw-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 0;
  }

  .tw-step:nth-child(2n) {
    background-image: none;
  }
}

.tw-kompas {
  position: relative;
  display: block !important;
  grid-template-columns: none !important;
  width: min(100%, 774px);
  aspect-ratio: 1.1643;
  height: auto;
  max-width: none;
  margin: 10px auto 0;
  padding: 0;
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 774 665" preserveAspectRatio="none"><g fill="none" stroke="%231C1A16" stroke-width="2" stroke-linecap="round"><circle cx="387" cy="360" r="148"/><line x1="386.9" y1="212" x2="386.9" y2="182.5"/><line x1="528.1" y1="315.7" x2="556.2" y2="306.8"/><line x1="475.8" y1="478.3" x2="493.5" y2="501.9"/><line x1="298" y1="478.3" x2="280.3" y2="501.9"/><line x1="245.7" y1="315.7" x2="217.6" y2="306.8"/></g></svg>');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.tw-kompas::before,
.tw-kompas>.tw-step::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

.tw-kompas__mid {
  position: absolute;
  left: 50%;
  top: 54.17%;
  transform: translate(-50%, -50%);
  width: 220px;
  text-align: center;
  margin: 0 !important;
  z-index: 2;
}

.tw-kompas__mid>* {
  margin-block: 0 !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

.tw-kompas__mid .tw-kop {
  font-size: 23px;
  letter-spacing: .11em;
  line-height: 1.28;
  margin: 0 0 12px !important;
}

.tw-kompas__mid .tw-sub {
  font-size: 15px;
  line-height: 1.6;
  margin: 0 !important;
}

.tw-kompas>.tw-step {
  position: absolute;
  width: 190px;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  background-image: none !important;
  z-index: 2;
}

.tw-kompas>.tw-step .tw-step__nr {
  display: none !important;
}

.tw-kompas>.tw-step h3 {
  margin: 0 0 7px !important;
  font-size: 16.5px;
  letter-spacing: .14em;
}

.tw-kompas>.tw-step p:not(.tw-step__nr) {
  font-size: 15px;
  line-height: 1.55;
  margin: 0 !important;
}

.tw-kompas>.tw-step:nth-child(2) {
  left: 50%;
  top: 10.53%;
}

.tw-kompas>.tw-step:nth-child(3) {
  left: 86.87%;
  top: 40.68%;
}

.tw-kompas>.tw-step:nth-child(4) {
  left: 72.79%;
  top: 89.47%;
}

.tw-kompas>.tw-step:nth-child(5) {
  left: 27.21%;
  top: 89.47%;
}

.tw-kompas>.tw-step:nth-child(6) {
  left: 13.13%;
  top: 40.68%;
}

@media(max-width:900px) {
  .tw-kompas {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 32px 28px;
    aspect-ratio: auto;
    width: 100%;
    background-image: none;
    margin: 0;
  }

  .tw-kompas__mid {
    position: static;
    transform: none;
    width: auto;
    max-width: none;
    text-align: left;
    grid-column: 1/-1;
    margin: 0 0 6px !important;
  }

  .tw-kompas__mid .tw-kop {
    font-size: clamp(22px, 3vw, 30px);
  }

  .tw-kompas>.tw-step {
    position: static;
    transform: none;
    width: auto;
    text-align: left;
    border-top: 2px solid var(--tw-groen);
    padding-top: 15px !important;
  }
}

@media(max-width:560px) {
  .tw-kompas {
    grid-template-columns: 1fr !important;
  }
}

@media(max-width:560px) {
  .tw-steps {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .tw-step {
    padding: 0 0 28px 56px;
  }

  .tw-step__nr {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0 !important;
  }

  .tw-step {
    background-size: 1px calc(100% - 42px);
    background-position: 20px 42px;
  }

  .tw-step:last-child {
    background-image: none;
    padding-bottom: 0;
  }
}

/* ---------- quote ---------- */
.tw-quote {
  border-left: 2px solid var(--tw-groen);
  padding: 4px 0 4px 26px;
  font-family: var(--tw-serif);
  font-size: clamp(20px, 2.3vw, 28px);
  line-height: 1.42;
  max-width: 36ch;
}

.tw-quote__sterren {
  color: #8A7B3F;
  letter-spacing: .24em;
  font-size: 16px;
  margin: 0 0 10px !important;
  padding-left: 26px;
}

.tw-section--tight {
  display: none !important;
}

.page-id-14 .tw-pills,
.page-id-78 .tw-pills,
.page-id-92 .tw-pills {
  display: none !important;
}

.page-id-79 .tw-pills .is-style-outline,
.page-id-93 .tw-pills .is-style-outline {
  display: none !important;
}

.tw-quote__bron {
  font-family: var(--tw-sans);
  font-size: 13.5px;
  letter-spacing: .06em;
  color: var(--tw-zacht);
  margin-top: 14px !important;
}

.tw-quote__bron a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ---------- CTA-band ---------- */
.tw-cta {
  background: var(--tw-groen) !important;
  position: relative;
  overflow: hidden;
}

.tw-cta:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: clamp(900px, 78vw, 1280px);
  aspect-ratio: 1;
  background: url('../img/treerings2.svg') center/contain no-repeat;
  transform: translate(24%, 46%);
  pointer-events: none;
  z-index: 0;
  mix-blend-mode: multiply;
  opacity: .9;
}

.tw-cta>* {
  position: relative;
  z-index: 1;
}

.tw-cta h2,
.tw-cta .tw-kop,
.tw-cta h3 {
  color: var(--tw-cta-tekst);
}

.tw-cta p {
  color: var(--tw-cta-muted);
  max-width: 52ch;
}

.tw-cta .wp-block-button__link {
  background-color: var(--tw-cta-knop);
  color: var(--tw-groen);
  border-color: var(--tw-cta-knop);
}

.tw-cta .wp-block-button__link:hover {
  background-color: transparent;
  color: #F3F1EC;
  border-color: #F3F1EC;
}

/* ---------- footer ---------- */
.tw-footer {
  background: var(--tw-zand);
  padding-block: clamp(38px, 4.5vw, 60px);
}

.tw-footer__cols {
  display: grid;
  grid-template-columns: 1.15fr 1fr .75fr 1fr;
  gap: clamp(22px, 2.6vw, 44px);
  align-items: start;
}

.tw-footer__col>* {
  margin-block: 0 10px !important;
  max-width: none !important;
}

.tw-footer__col+.tw-footer__col {
  border-left: 1px solid rgba(28, 26, 22, .13);
  padding-left: clamp(22px, 2.6vw, 44px);
}

.tw-footer .tw-kop {
  font-size: 13.5px;
  letter-spacing: .17em;
  margin-bottom: 16px !important;
}

.tw-footer p {
  font-size: 13.5px;
  line-height: 1.68;
  color: #332F2A;
}

.tw-footer a {
  color: #332F2A;
  text-decoration: none;
}

.tw-footer a:hover {
  color: var(--tw-groen);
  text-decoration: underline;
}

.tw-footer .wp-block-image {
  margin: 0 !important;
}

.tw-footer .wp-block-image img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}

.tw-footer__mark {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.tw-footer__bar {
  background: var(--tw-groen);
}

.tw-footer__bar p {
  color: #D9D6CC;
  font-size: 12.5px;
  text-align: center;
  margin: 0 !important;
  padding-block: 14px;
}

.tw-footer__bar a {
  color: #D9D6CC;
}

.tw-footer__bar a:hover {
  color: #fff;
  text-decoration: underline;
}

@media(max-width:900px) {
  .tw-footer__cols {
    grid-template-columns: 1fr 1fr;
  }

  .tw-footer__col+.tw-footer__col {
    border-left: 0;
    padding-left: 0;
  }
}

@media(max-width:560px) {
  .tw-footer__cols {
    grid-template-columns: 1fr;
  }
}

/* ---------- rust voor wie dat wil ---------- */
@media(prefers-reduced-motion:reduce) {
  .tw-hero__media .wp-block-image {
    animation: none !important;
  }

  .tw-hero__media .wp-block-image:not(:first-child) {
    display: none;
  }

  .tw-card>.wp-block-image img,
  .tw-project>.wp-block-image img {
    transition: none;
  }
}

/* ---------- merk / logo ---------- */
.tw-brand-wrap {
  display: flex;
  align-items: center;
  gap: 13px;
}

.tw-brand-wrap .wp-block-site-title {
  font-family: var(--tw-serif);
  font-size: clamp(19px, 2vw, 24px);
  letter-spacing: .13em;
  line-height: 1;
  text-transform: uppercase;
  margin: 0 !important;
}

.tw-brand-wrap .wp-block-site-title a {
  text-decoration: none;
  color: var(--tw-inkt);
}

.tw-brand-wrap .wp-block-site-tagline {
  font-size: 9px;
  letter-spacing: .36em;
  text-transform: uppercase;
  color: var(--tw-zacht);
  margin: 6px 0 0 !important;
  font-family: var(--tw-sans);
}

.tw-brand__mark {
  width: 40px;
  height: 40px;
  flex: none;
  display: block;
}

.tw-footer__mark svg {
  width: 104px;
  height: 104px;
  opacity: .85;
}

.tw-header__bar>* {
  margin-block: 0 !important;
}

/* ---------- varianten ---------- */
.tw-steps--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tw-steps--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media(max-width:1000px) {

  .tw-steps--3,
  .tw-steps--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media(max-width:560px) {

  .tw-steps--3,
  .tw-steps--4 {
    grid-template-columns: 1fr;
  }
}

.tw-section>.tw-narrow {
  margin-inline: 0;
}

.tw-cta .tw-quote {
  border-color: #F3F1EC;
}

/* ---------- veelgestelde vragen ---------- */
.tw-faq {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(28px, 4vw, 64px);
}

.tw-faq>* {
  margin-block: 0 !important;
  max-width: none !important;
}

.tw-faq__item {
  border-top: 1px solid var(--tw-lijn);
  padding: 22px 0 24px;
}

.tw-faq__item>* {
  margin-block: 0 !important;
}

.tw-faq__item h3 {
  font-size: 17px;
  line-height: 1.35;
  margin-bottom: 10px !important;
}

.tw-faq__item p {
  font-size: 14.5px;
  line-height: 1.62;
  color: #33322C;
}

@media(max-width:760px) {
  .tw-faq {
    grid-template-columns: 1fr;
  }
}

/* ---------- contactgegevens ---------- */
.tw-contact p {
  font-size: 16px;
  line-height: 1.75;
  margin-block: 0 6px !important;
}

.tw-contact a {
  color: var(--tw-groen);
}

/* ---------- omgekeerde split ---------- */
.tw-split.is-layout-flow,
.tw-cards.is-layout-flow {
  display: grid !important;
}

.tw-split--omgekeerd .wp-block-image {
  order: 2;
}

.tw-split.tw-split--omgekeerd:has(.tw-details) {
  display: grid !important;
  align-items: start;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr) !important;
  grid-template-areas: "tekst beeld" "tekst details";
}

.tw-split--omgekeerd:has(.tw-details)>.wp-block-image {
  grid-area: beeld;
  order: unset;
}

.tw-split--omgekeerd:has(.tw-details)>.tw-split__tekst {
  grid-area: tekst;
}

.tw-split--omgekeerd:has(.tw-details)>.tw-details {
  grid-area: details;
}

.tw-details {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 0 !important;
  align-items: stretch;
}

.tw-details .wp-block-image,
.tw-details .tw-detailvak {
  margin: 0 !important;
  width: 100%;
}

.tw-details .wp-block-image img,
.tw-details .tw-detailvak img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
}

.tw-detailvak {
  aspect-ratio: 1/1;
  overflow: hidden;
  background: var(--tw-vlak);
}

.tw-mozaiek,
.tw-schetsblad,
.tw-mozaiek__bij {
  display: none !important;
}

@media(max-width:820px) {
  .tw-split.tw-split--omgekeerd:has(.tw-details) {
    grid-template-columns: 1fr !important;
    grid-template-areas: "beeld" "details" "tekst";
  }
}

@media(max-width:820px) {
  .tw-split--omgekeerd .wp-block-image {
    order: 0;
  }

  .tw-split--omgekeerd:has(.tw-details)>.wp-block-image,
  .tw-split--omgekeerd:has(.tw-details)>.wp-block-image img {
    width: 100% !important;
    max-width: none !important;
  }

  .tw-split--omgekeerd:has(.tw-details)>.wp-block-image img {
    aspect-ratio: 4/3;
    height: auto !important;
  }
}

/* ---------- correcties na visuele controle ---------- */
.tw-section>.tw-narrow,
.tw-cta>.tw-narrow {
  margin-inline: 0 !important;
}

@media(max-width:1239px) {
  .tw-projects {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media(min-width:1240px) {
  .tw-projects {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.tw-projects+.wp-block-buttons {
  margin-top: 34px !important;
}

html {
  scroll-behavior: smooth;
}

::selection {
  background: var(--tw-groen);
  color: #F3F1EC;
}

a:focus-visible,
.wp-block-button__link:focus-visible,
button:focus-visible {
  outline: 2px solid var(--tw-groen);
  outline-offset: 3px;
}

.tw-hero__text .wp-block-buttons {
  gap: 14px;
}

.tw-pagehead__inner p {
  font-size: 17px;
}

/* tekstblokken links uitlijnen i.p.v. gecentreerd door de constrained layout */
.tw-sub,
.tw-lead,
.tw-quote,
.tw-quote__bron,
.tw-pagehead p,
.tw-cta p,
.tw-section>p,
.tw-split__tekst p {
  margin-inline: 0 !important;
}

/* paginakop links uitlijnen + knopkleur in contactblok herstellen */
.tw-pagehead__inner>* {
  margin-inline: 0 !important;
}

.tw-contact a {
  color: inherit;
}

.tw-contact p a {
  color: var(--tw-groen);
}

.tw-contact .wp-block-button__link {
  color: #fff;
}

.tw-contact .is-style-outline .wp-block-button__link {
  color: var(--tw-inkt);
}

.tw-brand-wrap .tw-brand__tag {
  font-size: 9px;
  letter-spacing: .36em;
  text-transform: uppercase;
  color: var(--tw-zacht);
  margin: 6px 0 0 !important;
  font-family: var(--tw-sans);
  line-height: 1;
}

/* ---------- hero: geen harde beeldrand meer ---------- */
.tw-hero__media {
  left: 0;
  right: auto;
  width: 100%;
  -webkit-mask-image: var(--tw-gradient-scrim-ltr);
  mask-image: var(--tw-gradient-scrim-ltr);
}

.tw-hero__media:after {
  display: none !important;
}

.tw-hero__media .wp-block-image img {
  transform: scale(1.02);
  transform-origin: center;
}

/* ---------- logo ---------- */
.tw-header .wp-block-site-logo {
  margin: 0 !important;
}

.tw-header .wp-block-site-logo img {
  width: 230px;
  height: auto;
  max-height: 80px;
  aspect-ratio: 2170/725;
  object-fit: contain;
  display: block;
}

@media(max-width:600px) {
  .tw-header .wp-block-site-logo img {
    width: 172px;
    max-height: 60px;
  }
}

.tw-footer__mark .wp-block-image img {
  width: 200px;
  height: auto;
  margin-inline: auto;
}

/* ---------- taalwissel: NL standaard, EN op de /en/-pagina's ---------- */
.tw-i18n--en {
  display: none;
}

.tw-nav--en {
  display: none !important;
}

.tw-lang__to-nl {
  display: none;
}

html[lang|="en"] body .tw-i18n--nl,
html[lang|="en"] body .tw-i18n--nl {
  display: none;
}

html[lang|="en"] body .tw-i18n--en,
html[lang|="en"] body .tw-i18n--en {
  display: block;
}

html[lang|="en"] body .tw-nav--nl,
html[lang|="en"] body .tw-nav--nl {
  display: none !important;
}

html[lang|="en"] body .tw-nav--en,
html[lang|="en"] body .tw-nav--en {
  display: flex !important;
}

html[lang|="en"] body .tw-lang__to-en,
html[lang|="en"] body .tw-lang__to-en {
  display: none;
}

html[lang|="en"] body .tw-lang__to-nl,
html[lang|="en"] body .tw-lang__to-nl {
  display: inline-flex;
}

/* ---------- taalknop ---------- */
.tw-header__right {
  gap: clamp(14px, 2vw, 30px);
}

.tw-lang {
  display: flex;
  align-items: center;
}

.tw-lang__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--tw-sans);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .14em;
  text-decoration: none;
  color: var(--tw-inkt);
  border: 1px solid var(--tw-lijn-sterk);
  padding: 7px 13px;
  line-height: 1;
  transition: border-color .25s ease, color .25s ease, background-color .25s ease;
}

.tw-lang__link:hover {
  border-color: var(--tw-groen);
  color: #fff;
  background-color: var(--tw-groen);
}

.tw-footer__cols {
  grid-template-columns: 1.1fr 1fr .95fr 1fr;
}

.tw-footer__mark {
  align-items: center;
  justify-content: center;
}

.tw-footer__mark .wp-block-image {
  margin: 0 !important;
}

.tw-footer__mark .wp-block-image img {
  width: 200px !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
}

@media(max-width:900px) {
  .tw-footer__cols {
    grid-template-columns: 1fr 1fr;
  }
}

@media(max-width:560px) {
  .tw-footer__cols {
    grid-template-columns: 1fr;
  }
}

/* logo: witte PNG-achtergrond wegblenden, bestand zelf blijft ongewijzigd */
.tw-header .wp-block-site-logo img,
.tw-footer__mark .wp-block-image img {
  mix-blend-mode: multiply;
}

/* taalknop: juiste knop tonen (volgorde-correctie) */
.tw-lang .tw-lang__to-nl {
  display: none;
}

.tw-lang .tw-lang__to-en {
  display: inline-flex;
}

html[lang|="en"] body .tw-lang .tw-lang__to-en,
html[lang|="en"] body .tw-lang .tw-lang__to-en {
  display: none;
}

html[lang|="en"] body .tw-lang .tw-lang__to-nl,
html[lang|="en"] body .tw-lang .tw-lang__to-nl {
  display: inline-flex;
}

/* menu eerder inklappen naar hamburger, zodat het nooit rommelig wordt */
@media(max-width:900px) {
  .tw-header .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex !important;
  }

  .tw-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(:is(.is-menu-open,:target)) {
    display: none !important;
  }
}

.wp-block-navigation__responsive-container:is(.is-menu-open,:target) .wp-block-navigation__responsive-container-content {
  padding-top: 20px;
}

.wp-block-navigation__responsive-container:is(.is-menu-open,:target) a {
  font-family: var(--tw-serif);
  font-size: 22px;
}

/* header iets compacter, dichter bij de mockup */
.tw-header__bar {
  padding-block: 11px;
}

.tw-header .wp-block-site-logo img {
  width: 214px;
}

/* hero-masker iets naar rechts: tekstkolom blijft rustig, beeld begint rond 35% */
@media(min-width:861px) {
  .tw-hero__media {
    -webkit-mask-image: var(--tw-gradient-scrim-product);
    mask-image: var(--tw-gradient-scrim-product);
  }
}

/* footer-logo: expliciete verhouding, anders rekt het beeld uit tot 1500px hoog */
.tw-footer .tw-footer__mark .wp-block-image img {
  width: 200px !important;
  height: auto !important;
  max-height: 64px;
  aspect-ratio: 600/166 !important;
  object-fit: contain !important;
}

.tw-footer .tw-footer__mark {
  align-items: center;
}

/* ================= drie talen: NL (standaard), EN, DE ================= */
.tw-i18n--en,
.tw-i18n--de {
  display: none;
}

.tw-nav--en,
.tw-nav--de {
  display: none !important;
}

html[lang|="en"] body .tw-i18n--nl,
html[lang|="en"] body .tw-i18n--nl,
html[lang|="de"] body .tw-i18n--nl,
html[lang|="de"] body .tw-i18n--nl {
  display: none;
}

html[lang|="en"] body .tw-i18n--en,
html[lang|="en"] body .tw-i18n--en {
  display: block;
}

html[lang|="de"] body .tw-i18n--de,
html[lang|="de"] body .tw-i18n--de {
  display: block;
}

html[lang|="en"] body .tw-nav--nl,
html[lang|="en"] body .tw-nav--nl,
html[lang|="de"] body .tw-nav--nl,
html[lang|="de"] body .tw-nav--nl {
  display: none !important;
}

html[lang|="en"] body .tw-nav--en,
html[lang|="en"] body .tw-nav--en {
  display: flex !important;
}

html[lang|="de"] body .tw-nav--de,
html[lang|="de"] body .tw-nav--de {
  display: flex !important;
}

/* ---------- taalknoppen met vlaggetje ---------- */
.tw-lang {
  display: flex;
  align-items: center;
  gap: 6px;
}

.tw-lang .tw-lang__link {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  font-family: var(--tw-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .12em;
  line-height: 1;
  text-decoration: none;
  color: var(--tw-inkt);
  background: transparent;
  border: 1px solid var(--tw-lijn);
  padding: 6px 9px;
  transition: border-color .25s ease, color .25s ease, background-color .25s ease;
}

.tw-lang .tw-lang__link:hover {
  border-color: var(--tw-groen);
  color: var(--tw-groen);
}

.tw-flag {
  width: 17px;
  height: 12px;
  display: block;
  flex: none;
  border: 1px solid rgba(28, 26, 22, .18);
}

/* actieve taal */
.tw-lang .tw-lang__nl {
  background: var(--tw-groen);
  border-color: var(--tw-groen);
  color: #fff;
}

html[lang|="en"] body .tw-lang .tw-lang__nl,
html[lang|="en"] body .tw-lang .tw-lang__nl,
html[lang|="de"] body .tw-lang .tw-lang__nl,
html[lang|="de"] body .tw-lang .tw-lang__nl {
  background: transparent;
  border-color: var(--tw-lijn);
  color: var(--tw-inkt);
}

html[lang|="en"] body .tw-lang .tw-lang__en,
html[lang|="en"] body .tw-lang .tw-lang__en,
html[lang|="de"] body .tw-lang .tw-lang__de,
html[lang|="de"] body .tw-lang .tw-lang__de {
  background: var(--tw-groen);
  border-color: var(--tw-groen);
  color: #fff;
}

html[lang|="en"] body .tw-lang .tw-lang__nl:hover,
html[lang|="en"] body .tw-lang .tw-lang__nl:hover,
html[lang|="de"] body .tw-lang .tw-lang__nl:hover,
html[lang|="de"] body .tw-lang .tw-lang__nl:hover {
  border-color: var(--tw-groen);
  color: var(--tw-groen);
}

@media(max-width:520px) {
  .tw-lang .tw-lang__link {
    padding: 5px 7px;
    gap: 4px;
    font-size: 10px;
  }

  .tw-lang .tw-lang__link span {
    display: none;
  }

  .tw-flag {
    width: 19px;
    height: 13px;
  }
}

/* paginakop op mobiel: foto mag meer doorkomen */
@media(max-width:860px) {
  .tw-pagehead:after {
    background: linear-gradient(180deg, rgba(233, 229, 223, .70), rgba(233, 229, 223, .96));
  }
}

/* echte kruisvervaging: beeld komt op terwijl het vorige wegvalt, geen leeg moment */
@keyframes twHeroFade {
  0% {
    opacity: 0
  }

  4% {
    opacity: 1
  }

  25% {
    opacity: 1
  }

  29% {
    opacity: 0
  }

  100% {
    opacity: 0
  }
}

.tw-hero__media .wp-block-image {
  opacity: 0;
  animation: twHeroFade 28s linear infinite;
}

.tw-hero__media .wp-block-image:nth-child(1) {
  animation-delay: -1.2s;
}

.tw-hero__media .wp-block-image:nth-child(2) {
  animation-delay: 5.8s;
}

.tw-hero__media .wp-block-image:nth-child(3) {
  animation-delay: 12.8s;
}

.tw-hero__media .wp-block-image:nth-child(4) {
  animation-delay: 19.8s;
}

@media(prefers-reduced-motion:reduce) {
  .tw-hero__media .wp-block-image {
    animation: none !important;
    opacity: 0;
  }

  .tw-hero__media .wp-block-image:first-child {
    opacity: 1;
  }
}

/* uitlijning: kop én tekst op dezelfde linkerlijn als de 1300px-kolom (header) */
.tw-sub,
.tw-lead,
.tw-quote,
.tw-quote__bron,
.tw-pagehead p,
.tw-pagehead h1,
.tw-ph h1,
.tw-cta p,
.tw-section>p,
.tw-split__tekst p,
.tw-pagehead__inner>*,
.tw-section>.tw-narrow,
.tw-cta>.tw-narrow,
.entry-content > h1,
.entry-content > h2,
.entry-content > h3,
.entry-content > p,
.entry-content > ul,
.entry-content > ol {
  margin-inline-start: max(0px, (100% - var(--tw-kolom, 1300px))/2) !important;
  margin-inline-end: 0 !important;
}

/* juridische pagina's */
.tw-pagehead--plain {
  background: linear-gradient(105deg, var(--tw-zand), var(--tw-vlak));
  border-bottom: 1px solid var(--tw-lijn);
}

.tw-pagehead--plain:after {
  display: none;
}

.tw-pagehead--plain .tw-pagehead__inner {
  padding-top: clamp(148px, 17vw, 208px);
  padding-bottom: clamp(44px, 5.5vw, 76px);
}

.tw-legal__art+.tw-legal__art {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid var(--tw-lijn);
}

.tw-legal .tw-kop {
  font-size: 14.5px;
  letter-spacing: .15em;
  color: var(--tw-groen);
  margin: 0 0 14px;
}

.tw-legal p {
  font-size: 15.5px;
  line-height: 1.75;
  color: #332F2A;
  margin: 0 0 13px;
}

.tw-legal p:last-child {
  margin-bottom: 0;
}

.tw-legal ol,
.tw-legal ul {
  margin: 0 0 13px;
  padding-left: 22px;
}

.tw-legal li {
  font-size: 15.5px;
  line-height: 1.75;
  color: #332F2A;
  margin: 0 0 9px;
}

.tw-legal li:last-child {
  margin-bottom: 0;
}

.tw-legal li::marker {
  color: var(--tw-lijn-sterk);
}

.tw-legal li strong {
  font-weight: 600;
}

.tw-legal p a,
.tw-legal li a {
  color: var(--tw-groen);
  text-underline-offset: 3px;
}

.tw-legal .tw-note {
  margin-top: 20px;
}

.tw-footer__bar a {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(217, 214, 204, .45);
}

@media(max-width:600px) {
  .tw-legal__art+.tw-legal__art {
    padding-top: 24px;
    margin-top: 24px;
  }
}

/* pdf-blok en lichtbak */
.tw-pdf {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  background: #FBF9F6;
  border: 1px solid var(--tw-lijn);
  padding: 20px 22px;
  margin: 0 0 36px !important;
}

.tw-pdf:before {
  content: "";
  flex: 0 0 auto;
  width: 44px;
  height: 53px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2058%22%3E%3Cpath%20d%3D%22M4%204.5A3.5%203.5%200%200%201%207.5%201H30l14%2014v38.5A3.5%203.5%200%200%201%2040.5%2057h-33A3.5%203.5%200%200%201%204%2053.5z%22%20fill%3D%22%23FDFCFA%22%20stroke%3D%22%23B4AFA8%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M30%201l14%2014H32.5A2.5%202.5%200%200%201%2030%2012.5z%22%20fill%3D%22%23E9E3DA%22%20stroke%3D%22%23B4AFA8%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2231%22%20width%3D%2232%22%20height%3D%2215.5%22%20rx%3D%222.5%22%20fill%3D%22%23A8442F%22%2F%3E%3Ctext%20x%3D%2224%22%20y%3D%2242.6%22%20font-family%3D%22Helvetica%2CArial%2Csans-serif%22%20font-size%3D%2210.5%22%20font-weight%3D%22700%22%20fill%3D%22%23FFFFFF%22%20text-anchor%3D%22middle%22%20letter-spacing%3D%22.6%22%3EPDF%3C%2Ftext%3E%3C%2Fsvg%3E") center/contain no-repeat;
}

.tw-pdf__tekst {
  flex: 1 1 240px;
  min-width: 0;
}

.tw-pdf .tw-kop {
  font-size: 13px;
  letter-spacing: .15em;
  color: var(--tw-inkt);
  margin: 0 0 5px;
}

.tw-pdf p {
  font-size: 14px;
  line-height: 1.55;
  color: var(--tw-zacht);
  margin: 0;
}

.tw-pdf .wp-block-buttons {
  margin: 0 !important;
  flex: 0 0 auto;
}

@media(max-width:560px) {
  .tw-pdf {
    gap: 14px;
  }

  .tw-pdf:before {
    width: 34px;
    height: 41px;
  }
}

.tw-lb {
  position: fixed;
  inset: 0;
  z-index: 100000;
  background: #161410;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 72px 32px 64px;
}

.tw-lb[hidden] {
  display: none;
}

.tw-lb__box {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  max-width: min(1400px, 100%);
  width: auto;
  background: transparent;
}

.tw-lb__img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: min(1400px, 96vw);
  max-height: 64vh;
  object-fit: contain;
  background: transparent !important;
}

.tw-lb__bijschrift {
  font-family: var(--tw-serif);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12.5px;
  color: #EDE9E2;
  text-align: center;
  background: #161410;
  padding: 22px 20px 12px;
  max-width: min(640px, 92vw);
  margin-bottom: 8px;
}

.tw-lb__sluit {
  position: absolute;
  top: clamp(14px, 2.5vw, 28px);
  right: clamp(14px, 2.5vw, 28px);
  width: 46px;
  height: 46px;
  padding: 0;
  border: 1px solid rgba(237, 233, 226, .42);
  border-radius: 50%;
  background: transparent;
  color: #EDE9E2;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

.tw-lb__sluit:hover,
.tw-lb__sluit:focus-visible {
  background: rgba(237, 233, 226, .16);
}

.tw-detail .wp-block-button__link:after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 9px;
  vertical-align: -1px;
  background: currentColor;
  -webkit-mask: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M4 4h7v2H6v12h12v-5h2v7H4z%22/%3E%3Cpath d=%22M14 4h6v6h-2V7.4l-7.3 7.3-1.4-1.4L16.6 6H14z%22/%3E%3C/svg%3E') center/contain no-repeat;
  mask: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M4 4h7v2H6v12h12v-5h2v7H4z%22/%3E%3Cpath d=%22M14 4h6v6h-2V7.4l-7.3 7.3-1.4-1.4L16.6 6H14z%22/%3E%3C/svg%3E') center/contain no-repeat;
}

.tw-section>.tw-pdf {
  margin-inline-start: max(0px, (100% - 1300px)/2) !important;
  margin-inline-end: 0 !important;
}

/* ankers: netjes onder de vaste balk uitkomen */
html {
  scroll-behavior: smooth;
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior: auto;
  }
}

.tw-split[id],
.tw-section[id],
h2[id],
h3[id] {
  scroll-margin-top: clamp(104px, 13vh, 148px);
}

.admin-bar .tw-split[id],
.admin-bar .tw-section[id],
.admin-bar h2[id],
.admin-bar h3[id] {
  scroll-margin-top: clamp(136px, 13vh + 32px, 180px);
}

/* collectie- en productpaginas */
.tw-stukken {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(268px, 1fr));
  gap: 20px;
}

.tw-stukken>* {
  margin-block: 0 !important;
  max-width: none !important;
}

.tw-stuk {
  background: #FBF9F6;
  border: 1px solid var(--tw-lijn);
  padding: 26px 26px 24px;
  display: flex;
  flex-direction: column;
}

.tw-stuk>* {
  margin-block: 0 !important;
  max-width: none !important;
}

.tw-stuk .tw-kop {
  font-size: 15px;
  letter-spacing: .12em;
  margin: 0 0 10px !important;
}

.tw-stuk p {
  font-size: 15px;
  line-height: 1.66;
  color: var(--tw-zacht);
  margin: 0 0 20px !important;
  flex: 1 1 auto;
}

.tw-stuk .wp-block-buttons {
  margin: 0 !important;
}

.tw-specs {
  margin: 0 0 22px !important;
  max-width: none !important;
}

.tw-specs table {
  width: 100%;
  border-collapse: collapse;
}

.tw-specs th,
.tw-specs td {
  text-align: left;
  vertical-align: top;
  padding: 13px 0;
  border-top: 1px solid var(--tw-lijn);
  font-size: 15.5px;
  line-height: 1.6;
  font-weight: 400;
}

.tw-specs tr:last-child th,
.tw-specs tr:last-child td {
  border-bottom: 1px solid var(--tw-lijn);
}

.tw-specs th {
  width: 38%;
  padding-right: 24px;
  font-family: var(--tw-serif);
  color: var(--tw-groen);
}

.tw-specs td {
  color: #332F2A;
}

@media(max-width:560px) {

  .tw-specs th,
  .tw-specs td {
    display: block;
    width: auto;
    padding: 0;
  }

  .tw-specs th {
    border-bottom: 0;
    padding-top: 13px;
  }

  .tw-specs td {
    padding-bottom: 13px;
  }
}

.tw-kruimel {
  font-size: 13px;
  letter-spacing: .06em;
  color: var(--tw-zacht);
  margin: 0 0 18px !important;
}

.tw-kruimel a {
  color: var(--tw-groen);
  text-underline-offset: 3px;
}

.tw-section>.tw-stukken {
  margin-inline-start: max(0px, (100% - 1300px)/2) !important;
  margin-inline-end: 0 !important;
}

.tw-header .wp-block-navigation__submenu-container {
  background: var(--tw-warm) !important;
  border: 1px solid var(--tw-lijn) !important;
  border-radius: 0 !important;
  padding: 8px 0 !important;
  min-width: 262px !important;
  box-shadow: 0 14px 34px rgba(28, 26, 22, .13);
  color: var(--tw-inkt) !important;
}

.tw-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  padding: 9px 20px;
  font-size: 13.5px;
  letter-spacing: .02em;
}

.tw-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation-item__content {
  color: var(--tw-groen);
  background: var(--tw-vlak);
}

.tw-header .wp-block-navigation__submenu-icon {
  margin-left: 5px;
}

/* ritme binnen leeskolommen */
.tw-narrow>.tw-kop:not(:first-child) {
  margin-top: 44px !important;
}

.tw-narrow > .tw-data.tw-data--sheet + .tw-kop,
.tw-data.tw-data--sheet + .tw-kop,
.tw-data.tw-data--sheet + h2 {
  margin-top: 72px !important;
  padding-top: 12px;
}

.tw-narrow>p {
  margin: 0 0 15px !important;
}

.tw-narrow>p.tw-lead {
  margin: 0 0 6px !important;
}

.tw-narrow>p.tw-kruimel {
  margin: 0 0 20px !important;
}

.tw-narrow>.tw-list {
  margin-top: 4px !important;
}

.tw-stuk .tw-kop:not(:first-child) {
  margin-top: 0 !important;
}

.tw-header .wp-block-navigation__submenu-container a {
  color: var(--tw-inkt) !important;
}

.tw-header .wp-block-navigation-submenu__toggle {
  background: none;
  border: 0;
  padding: 0;
}

/* knoppen in de donkere balk */
.tw-cta .wp-block-button__link {
  color: #FFFFFF !important;
}

.tw-cta .wp-block-button:not(.is-style-outline)>.wp-block-button__link {
  background-color: #6E7355 !important;
  border: 1px solid #6E7355 !important;
}

.tw-cta .wp-block-button:not(.is-style-outline)>.wp-block-button__link:hover {
  background-color: #7C8161 !important;
  border-color: #7C8161 !important;
}

.tw-cta .is-style-outline>.wp-block-button__link {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, .5) !important;
}

.tw-cta .is-style-outline>.wp-block-button__link:hover {
  background: rgba(255, 255, 255, .13) !important;
  border-color: #fff !important;
}

.tw-cta .wp-block-buttons {
  margin: 26px 0 0 !important;
  gap: 12px;
}

.tw-cta .tw-narrow {
  padding-block: 48px;
}

/* tweede niveau in het menu */
.tw-header .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
  top: -9px !important;
  left: 100% !important;
  right: auto !important;
  min-width: 236px !important;
}

.tw-header .wp-block-navigation__submenu-container .wp-block-navigation-item.has-child>.wp-block-navigation-item__content {
  padding-right: 34px;
}

.tw-header .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
  display: none !important;
}

.tw-header .wp-block-navigation__submenu-container .has-child>.wp-block-navigation-item__content {
  position: relative;
  padding-right: 34px !important;
}

.tw-header .wp-block-navigation__submenu-container .has-child>.wp-block-navigation-item__content:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-50%) rotate(-45deg);
  opacity: .55;
}

@media(max-width:900px) {
  .tw-header .wp-block-navigation__submenu-container .has-child>.wp-block-navigation-item__content:after {
    transform: translateY(-70%) rotate(45deg);
  }
}

@media(max-width:900px) {
  .tw-header .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
    left: 0;
    top: 0;
  }
}

/* vergrootglas in de lichtbak */
.tw-lb__knoppen {
  position: absolute;
  top: clamp(14px, 2.5vw, 28px);
  right: clamp(14px, 2.5vw, 28px);
  display: flex;
  gap: 10px;
  z-index: 3;
}

.tw-lb__sluit {
  position: static !important;
}

.tw-lb__zoom {
  width: 46px;
  height: 46px;
  padding: 0;
  border: 1px solid rgba(237, 233, 226, .42);
  border-radius: 50%;
  background: transparent;
  color: #EDE9E2;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tw-lb__zoom:hover,
.tw-lb__zoom:focus-visible {
  background: rgba(237, 233, 226, .16);
}

.tw-lb__zoom svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
}

.tw-lb__img {
  cursor: zoom-in;
}

.tw-lb.is-zoom .tw-lb__box {
  max-width: 100%;
  width: 100%;
  height: 82vh;
  overflow: auto;
  cursor: grab;
  align-items: flex-start;
}

.tw-lb.is-zoom .tw-lb__box:active {
  cursor: grabbing;
}

.tw-lb.is-zoom .tw-lb__img {
  max-width: none;
  max-height: none;
  width: auto;
  height: auto;
  cursor: zoom-out;
}

.tw-lb.is-zoom .tw-lb__bijschrift {
  display: none;
}

/* productpagina naar de mockup */
.tw-ph {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  background: var(--tw-warm);
}

.tw-ph>* {
  margin-block: 0 !important;
  max-width: none !important;
}

.tw-ph__tekst {
  padding: clamp(34px, 4.4vw, 72px) clamp(24px, 4vw, 64px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.tw-ph__tekst>* {
  margin-block: 0 !important;
  max-width: none !important;
}

.tw-ph__beeld {
  position: relative;
  min-height: 336px;
  margin: 0 !important;
}

.tw-ph__beeld img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tw-ph h1 {
  font-size: clamp(34px, 4.6vw, 60px);
  line-height: 1.03;
  letter-spacing: -.01em;
  margin: 0 0 12px !important;
  max-width: 11ch;
}

.tw-ph__coll {
  font-family: var(--tw-serif);
  font-size: clamp(19px, 1.9vw, 25px);
  color: var(--tw-groen);
  margin: 0 0 22px !important;
}

.tw-ph__meta {
  font-size: 15px;
  line-height: 1.6;
  color: var(--tw-inkt);
  margin: 0 0 20px !important;
  max-width: 34ch;
}

.tw-ph__intro {
  font-size: 15.5px;
  line-height: 1.72;
  color: var(--tw-zacht);
  margin: 0 0 28px !important;
  max-width: 42ch;
}

.tw-ph .wp-block-buttons {
  margin: 0 0 34px !important;
  gap: 12px;
}

@media(max-width:900px) {
  .tw-ph {
    grid-template-columns: 1fr;
  }

  .tw-ph__beeld {
    min-height: 320px;
    order: -1;
  }
}

.tw-usp {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.tw-usp li {
  padding: 0;
  border: 0;
  font-size: 11.5px;
  line-height: 1.45;
  letter-spacing: .02em;
  color: var(--tw-zacht);
  text-align: center;
}

.tw-usp li:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto 9px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%25233D412A%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021v-5%22%2F%3E%3Cpath%20d%3D%22M12%2016c-4%200-6.5-2.4-6.5-5.4%200-1.6.9-3%202.2-3.8C7.4%204.6%209.5%203%2012%203s4.6%201.6%204.3%203.8c1.3.8%202.2%202.2%202.2%203.8%200%203-2.5%205.4-6.5%205.4z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
}

.tw-usp li:nth-child(2):before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%25233D412A%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020%2020%204%22%2F%3E%3Cpath%20d%3D%22M4%204l4.5%204.5%22%2F%3E%3Cpath%20d%3D%22M20%2020l-4.5-4.5%22%2F%3E%3Cpath%20d%3D%22M8%2016l-4%204%22%2F%3E%3Cpath%20d%3D%22M16%208l4-4%22%2F%3E%3C%2Fsvg%3E");
}

.tw-usp li:nth-child(3):before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%25233D412A%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%204C10%204%204%209%204%2016c0%202%20.7%203.4.7%203.4S9%2012%2020%204z%22%2F%3E%3Cpath%20d%3D%22M4.7%2019.4C7%2020%2017%2020.6%2020%204%22%2F%3E%3C%2Fsvg%3E");
}

.tw-usp li:nth-child(4):before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%25233D412A%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l7%203v5.5c0%204.3-2.9%207.7-7%208.5-4.1-.8-7-4.2-7-8.5V6z%22%2F%3E%3Cpath%20d%3D%22M9%2012l2.2%202.2L15.4%2010%22%2F%3E%3C%2Fsvg%3E");
}

@media(max-width:560px) {
  .tw-usp {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }
}

.tw-2kol {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(28px, 4vw, 70px);
  align-items: start;
}

.tw-3kol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(26px, 3.4vw, 54px);
  align-items: start;
}

.tw-2kol>*,
.tw-3kol>* {
  margin-block: 0 !important;
  max-width: none !important;
}

@media(max-width:900px) {

  .tw-2kol,
  .tw-3kol {
    grid-template-columns: 1fr;
  }
}

.tw-eyebrow {
  font-family: var(--tw-serif);
  text-transform: uppercase;
  letter-spacing: .19em;
  font-size: 11.5px;
  color: var(--tw-zacht);
  margin: 0 0 14px !important;
}

.tw-kolom>* {
  margin-block: 0 !important;
  max-width: none !important;
}

.tw-kolom h2 {
  font-size: clamp(24px, 2.8vw, 34px);
  line-height: 1.15;
  letter-spacing: -.005em;
  text-transform: none;
  margin: 0 0 18px !important;
}

.tw-kolom p {
  font-size: 15.5px;
  line-height: 1.75;
  color: var(--tw-zacht);
  margin: 0 0 15px !important;
}

.tw-spec2 {
  margin: 0 !important;
  max-width: none !important;
}

.tw-spec2 table {
  width: 100%;
  border-collapse: collapse;
}

.tw-spec2 th,
.tw-spec2 td {
  text-align: left;
  padding: 11px 0;
  border-bottom: 1px solid var(--tw-lijn);
  font-size: 14.5px;
  line-height: 1.5;
  font-weight: 400;
  vertical-align: top;
}

.tw-spec2 tr:first-child th,
.tw-spec2 tr:first-child td {
  border-top: 1px solid var(--tw-lijn);
}

.tw-spec2 th {
  width: 46%;
  padding-right: 20px;
  color: var(--tw-inkt);
  font-weight: 600;
}

.tw-spec2 td {
  color: var(--tw-zacht);
}

.tw-spec2 td {
  text-align: right;
}

.tw-spec2--links td {
  text-align: left;
}

.tw-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 2px;
}

.tw-strip>* {
  margin-block: 0 !important;
  max-width: none !important;
}

.tw-strip figure {
  margin: 0 !important;
}

.tw-strip img {
  width: 100%;
  height: clamp(180px, 17vw, 235px);
  object-fit: cover;
  display: block;
}

.tw-strip figcaption {
  font-size: 12px;
  letter-spacing: .02em;
  color: var(--tw-zacht);
  padding: 10px 2px 0;
  text-align: left;
}

.tw-prijs {
  font-family: var(--tw-serif);
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.1;
  color: var(--tw-inkt);
  margin: 0 0 18px !important;
}

.tw-prijs__label {
  font-size: 12.5px;
  letter-spacing: .08em;
  color: var(--tw-zacht);
  margin: 0 0 4px !important;
}

.tw-check {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.tw-check li {
  position: relative;
  padding: 0 0 0 30px;
  border: 0;
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--tw-zacht);
  margin-bottom: 13px;
}

.tw-check li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 17px;
  height: 17px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%25233D412A%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012.5%209%2017.5%2020%206.5%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
}

.tw-cert {
  background: transparent;
}

.tw-cert__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: clamp(26px, 4vw, 60px);
  align-items: center;
}

.tw-cert__inner>* {
  margin-block: 0 !important;
  max-width: none !important;
}

@media(max-width:820px) {
  .tw-cert__inner {
    grid-template-columns: 1fr;
  }
}

.tw-balk {
  background: var(--tw-inkt);
}

.tw-balk p {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 30px;
  color: #CFCBC2;
  font-size: 12.5px;
  letter-spacing: .03em;
  margin: 0 !important;
  padding: 16px 0;
  text-align: center;
}

.tw-balk p span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}

.tw-balk p span:before {
  content: "";
  width: 15px;
  height: 15px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%25233D412A%22%20stroke-width%3D%221.25%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223.4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
}

/* gegevensraster voor productpaginas — speckaarten, geen Excel-tabel */
.tw-data {
  list-style: none !important;
  padding: 12px 0 0 !important;
  margin: 0 !important;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px 16px;
}

.tw-data li {
  position: relative;
  background: var(--tw-vlak) !important;
  padding: 18px 20px 20px 22px;
  border: 0 !important;
  margin: 0 !important;
  font-size: 16.5px;
  line-height: 1.45;
  color: var(--tw-inkt);
  box-shadow: none !important;
  border-radius: 0;
}

.tw-data li:before {
  content: "" !important;
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 2px !important;
  height: auto !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: var(--tw-groen) !important;
  box-shadow: none !important;
  opacity: .75;
}

.tw-data li:after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

.tw-data li strong {
  display: block;
  font-family: var(--tw-sans);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 10.5px;
  color: var(--tw-groen);
  margin-bottom: 8px;
}

.tw-data--drie {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media(max-width:1000px) {

  .tw-data,
  .tw-data--drie {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.tw-data li.is-breed {
  grid-column: 1/-1;
}

.tw-section>.tw-data {
  margin-inline-start: max(0px, (100% - 1300px)/2) !important;
  margin-inline-end: 0 !important;
}

.tw-datakop {
  font-family: var(--tw-serif);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 11.5px;
  color: var(--tw-zacht);
  margin: 0 0 16px !important;
}

/* Figma-sheet: 2 kolommen, compact, factsheet-stijl (Vitra/Carl Hansen) */
.tw-data.tw-data--sheet {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 36px;
  row-gap: 0;
  padding: 2px 0 0 !important;
  max-width: 1080px;
  background: transparent;
  border-top: 2px solid var(--tw-groen);
}
.tw-data.tw-data--sheet li {
  display: grid;
  grid-template-columns: minmax(120px, 40%) minmax(0, 1fr);
  column-gap: 12px;
  align-items: baseline;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-bottom: 1px solid color-mix(in srgb, var(--tw-groen) 16%, transparent) !important;
  border-radius: 0;
  padding: 7px 4px 7px 0 !important;
  font-size: 14.5px;
  line-height: 1.35;
  font-variant-numeric: tabular-nums;
}
.tw-data.tw-data--sheet li:last-child {
  border-bottom: 1px solid color-mix(in srgb, var(--tw-groen) 16%, transparent) !important;
}
.tw-data.tw-data--sheet li:nth-last-child(2):nth-child(odd) {
  /* even aantal: beide onderste cellen houden hun lijn */
}
.tw-data.tw-data--sheet li:before,
.tw-data.tw-data--sheet li:after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
}
.tw-data.tw-data--sheet li strong {
  flex: none;
  width: auto;
  margin: 0;
  padding: 0;
  font-size: 10px;
  letter-spacing: .12em;
  line-height: 1.3;
}
.tw-datakop {
  margin: 28px 0 8px !important;
}
.tw-datakop:first-child {
  margin-top: 0 !important;
}
@media (max-width: 720px) {
  .tw-data.tw-data--sheet {
    grid-template-columns: 1fr;
    column-gap: 0;
  }
  .tw-data.tw-data--sheet li {
    grid-template-columns: minmax(110px, 40%) minmax(0, 1fr);
    padding: 8px 0 !important;
  }
}

.tw-section > .tw-data.tw-data--sheet {
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important;
}

@media(max-width:560px) {
  .tw-data {
    grid-template-columns: 1fr;
  }
}

/* producthero met beeld naast de titel */
.tw-hero--product {
  min-height: clamp(330px, 40vw, 460px);
}

.tw-hero--product .tw-hero__media .wp-block-image {
  animation: none !important;
  opacity: 1 !important;
}

.tw-hero--product .tw-hero__text {
  padding-block: clamp(40px, 5vw, 64px);
}

.tw-hero--product .tw-kruimel {
  margin: 0 0 16px !important;
}

.tw-hero--product h1 {
  margin: 0 0 10px !important;
  max-width: 12ch;
}

.tw-hero--product .tw-hero__coll {
  font-family: var(--tw-serif);
  font-size: clamp(17px, 1.7vw, 21px);
  color: var(--tw-groen);
  margin: 0 0 18px !important;
}

@media(max-width:860px) {
  .tw-hero--product {
    min-height: 0;
  }
}

/* boom op de achtergrond (over ons) */
body {
  --tw-boom-schaal: 1.65;
}

body:before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url('../img/boom-achtergrond.svg');
  background-repeat: no-repeat;
  background-size: auto calc(var(--tw-boom-schaal)*100%);
  background-position: center var(--tw-boom-y, 120px);
}

body .wp-site-blocks {
  position: relative;
  z-index: 1;
}

@media(prefers-reduced-motion:reduce) {
  body:before {
    background-position: center -20vh !important;
  }
}

@media(max-width:860px) {
  body {
    --tw-boom-schaal: 1.25;
  }

  body:before {
    opacity: .75;
  }
}

/* boom zichtbaar maken op over ons */
body .tw-section--vlak {
  background: transparent;
}

body .wp-site-blocks>footer {
  margin-top: 0 !important;
  padding-top: 20px;
  background: var(--tw-warm);
}


/* ruimte onder de opsomming voor de knoppen */
.tw-split__tekst .wp-block-buttons {
  margin-top: 26px !important;
}

.tw-split__tekst .tw-list+.wp-block-buttons {
  margin-top: 30px !important;
}

/* nette scheiding in het uitklapmenu */
.tw-header .wp-block-navigation__submenu-container a {
  border-bottom: 0 !important;
  padding-bottom: 0;
}

.tw-header .wp-block-navigation__submenu-container>li+li>.wp-block-navigation-item__content {
  border-top: 1px solid var(--tw-lijn);
}

/* gelijke marge boven en onder de mosgroene balk op elke pagina */
body .tw-section.tw-cta {
  padding-block: 0 !important;
}

body .tw-cta .tw-narrow {
  padding-block: 48px !important;
}

body .tw-cta {
  margin-block: 0 !important;
}

/* ---------- reviewpagina ---------- */
.tw-score {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin: 0 0 34px;
  margin-inline-start: max(0px, (100% - 1300px)/2) !important;
}

.tw-score__cijfer {
  font-family: var(--tw-serif);
  font-size: clamp(46px, 6vw, 68px);
  line-height: 1;
  color: var(--tw-groen);
  margin: 0 !important;
}

.tw-score__uit {
  font-size: 15px;
  color: var(--tw-zacht);
  margin: 0 !important;
  letter-spacing: .02em;
}

.tw-reviews {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2vw, 28px);
  margin-inline-start: max(0px, (100% - 1300px)/2) !important;
}

.tw-review {
  background: #FBF9F6;
  box-shadow: 0 0 0 1px var(--tw-lijn);
  padding: 30px 30px 26px;
  display: flex;
  flex-direction: column;
}

.tw-review__sterren {
  color: #8A7B3F;
  letter-spacing: .24em;
  font-size: 15px;
  margin: 0 0 16px !important;
}

.tw-review__tekst {
  font-family: var(--tw-serif);
  font-size: 18px;
  line-height: 1.6;
  color: var(--tw-inkt);
  margin: 0 0 22px !important;
  flex: 1;
}

.tw-review__bron {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--tw-zacht);
  margin: 0 !important;
}

.tw-section>.tw-note {
  margin-inline-start: max(0px, (100% - 1300px)/2) !important;
  margin-inline-end: 0 !important;
  margin-top: 26px !important;
  max-width: 62ch;
}

@media(max-width:980px) {
  .tw-reviews {
    grid-template-columns: 1fr;
  }
}

/* schetsblad in een strook: aanklikbaar om te vergroten */
figure.tw-detail {
  position: relative;
  margin: 0;
}

figure.tw-detail a {
  display: block;
  cursor: zoom-in;
}

figure.tw-detail a:after {
  content: "";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .9) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23404733' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 L21 21'/%3E%3Cpath d='M10.5 7.5v6M7.5 10.5h6'/%3E%3C/svg%3E") center/19px 19px no-repeat;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .18);
  transition: transform .18s ease;
}

figure.tw-detail a:hover:after {
  transform: scale(1.08);
}

/* ---------- pictogrammen in de USP-rij ---------- */
.tw-usp li:before {
  width: 66px !important;
  height: 66px !important;
  margin: 0 auto 10px !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.tw-usp li:nth-child(1):before {
  background-image: url('../img/pictogram-herkomst.webp') !important;
}

.tw-usp li:nth-child(2):before {
  background-image: url('../img/pictogram-maatwerk.webp') !important;
}

.tw-usp li:nth-child(3):before {
  background-image: url('../img/pictogram-geolied.webp') !important;
}

.tw-usp li:nth-child(4):before {
  background-image: url('../img/pictogram-garantie.webp') !important;
}

.tw-hero--product .tw-usp {
  margin-top: 34px !important;
  max-width: none;
}

.tw-hero--product .tw-hero__text {
  position: relative;
  z-index: 2;
}

@media(max-width:560px) {
  .tw-usp li:before {
    width: 54px !important;
    height: 54px !important;
  }
}

/* ---------- specificatieraster in een smalle kolom ---------- */
.tw-data--twee {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media(max-width:1000px) {
  .tw-data--twee {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media(max-width:560px) {
  .tw-data--twee {
    grid-template-columns: 1fr;
  }
}

/* ---------- volledige foto naast de samenvatting ---------- */
.tw-split figure.tw-detail {
  width: 100%;
}

.tw-split figure.tw-detail a {
  display: block;
}

/* volledige productfoto: alleen vergroten, geen extra vergrootglas */
.tw-lb.is-vol .tw-lb__zoom {
  display: none !important;
}

/* plaatshouder: witte cirkel onder het woord, tot de nieuwe pictogrammen er zijn */
.tw-usp li:before {
  display: none !important;
}

.tw-usp li:after {
  content: "";
  display: block;
  width: 66px;
  height: 66px;
  margin: 12px auto 0;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0 0 0 1px rgba(58, 54, 48, .10);
}

@media(max-width:560px) {
  .tw-usp li:after {
    width: 54px;
    height: 54px;
  }
}

/* productpagina: compacter, rij van vier onder de knoppen */
body:has(.tw-hero--product) .tw-section+.tw-section {
  padding-top: 0 !important;
}

body:has(.tw-hero--product) .tw-section:has(+ .tw-section) {
  padding-bottom: clamp(38px, 4vw, 60px) !important;
}

.tw-hero--product {
  min-height: clamp(300px, 34vw, 410px);
}

.tw-hero--product .tw-hero__text {
  padding-block: clamp(30px, 3.4vw, 46px);
}

.tw-hero--product .tw-usp {
  max-width: 544px;
  gap: 10px;
  margin-top: 22px !important;
}

.tw-hero--product .tw-usp li {
  font-size: 10.5px;
  line-height: 1.4;
}

.tw-hero--product .tw-usp li:after {
  width: 36px;
  height: 36px;
  margin: 8px auto 0;
}

@media(max-width:560px) {
  .tw-hero--product .tw-usp {
    max-width: none;
  }

  .tw-hero--product .tw-usp li:after {
    width: 34px;
    height: 34px;
  }
}

/* rij van vier: strak tussen de knoppen, beter leesbaar */
.tw-hero--product .tw-usp {
  max-width: 544px;
  gap: 8px;
  margin-top: 12px !important;
}

.tw-hero--product .tw-usp li {
  font-size: 13px;
  line-height: 1.35;
  letter-spacing: 0;
  color: var(--tw-inkt);
  min-width: 0;
  overflow-wrap: break-word;
  hyphens: auto;
}

.tw-hero--product .tw-usp li:after {
  width: 34px;
  height: 34px;
  margin: 7px auto 0;
}

.tw-hero--product .tw-hero__text {
  padding-bottom: clamp(20px, 2.2vw, 30px);
}

@media(max-width:560px) {
  .tw-hero--product .tw-usp {
    max-width: none;
    gap: 14px;
  }

  .tw-hero--product .tw-usp li {
    font-size: 12px;
  }
}

/* buitenste cellen tegen de knoprand aan, geen loze marge links en rechts */
.tw-hero--product .tw-usp li:first-child {
  text-align: left;
}

.tw-hero--product .tw-usp li:first-child:after {
  margin-left: 0;
  margin-right: auto;
}

.tw-hero--product .tw-usp li:last-child {
  text-align: right;
}

.tw-hero--product .tw-usp li:last-child:after {
  margin-left: auto;
  margin-right: 0;
}

@media(max-width:560px) {
  .tw-hero--product .tw-usp li {
    text-align: center !important;
  }

  .tw-hero--product .tw-usp li:after {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* cirkels op gelijke afstand, buitenste twee tegen de knopranden */
.tw-hero--product .tw-usp {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start;
  gap: 0 !important;
  max-width: 544px;
}

.tw-hero--product .tw-usp li {
  flex: 0 0 34px;
  width: 34px;
  white-space: nowrap;
  text-align: center;
}

.tw-hero--product .tw-usp li:first-child {
  text-align: left;
}

.tw-hero--product .tw-usp li:last-child {
  text-align: right;
}

.tw-hero--product .tw-usp li:after {
  width: 34px;
  height: 34px;
  margin: 7px 0 0 !important;
}

@media(max-width:640px) {
  .tw-hero--product .tw-usp {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px !important;
    max-width: none;
  }

  .tw-hero--product .tw-usp li {
    flex: none;
    width: auto;
    white-space: normal;
    text-align: center !important;
  }

  .tw-hero--product .tw-usp li:after {
    margin: 7px auto 0 !important;
  }
}

/* tekst gecentreerd boven de cirkel, cirkels precies op de knopranden */
.tw-hero--product .tw-usp li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center !important;
}

.tw-hero--product .tw-usp li:after {
  flex: 0 0 auto;
}

@media(max-width:640px) {
  .tw-hero--product .tw-usp li {
    display: block;
  }
}

/* rij van vier: alles binnen de knopbreedte, vier gelijke vakken */
.tw-hero--product .tw-usp {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  justify-content: stretch !important;
  gap: 0 !important;
  max-width: 544px;
}

.tw-hero--product .tw-usp li {
  flex: none !important;
  width: auto !important;
  display: block !important;
  text-align: center !important;
  white-space: normal;
  padding: 0 4px;
  box-sizing: border-box;
}

.tw-hero--product .tw-usp li:after {
  margin: 7px auto 0 !important;
}

@media(max-width:640px) {
  .tw-hero--product .tw-usp {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    max-width: none;
  }
}

/* rij van vier: compacter bij elkaar */
.tw-hero--product .tw-usp {
  max-width: 412px !important;
}

.tw-hero--product .tw-usp li {
  padding: 0 2px;
}

/* ---------- mozaiek: één foto, drie uitsneden ---------- */
.tw-mozaiek {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 10px;
  max-width: 1300px;
  margin-inline-start: max(0px, (100% - 1300px)/2) !important;
  margin-inline-end: 0 !important;
}

.tw-mozaiek figure {
  margin: 0 !important;
  overflow: hidden;
  background: var(--tw-vlak);
}

.tw-mozaiek figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s ease;
}

.tw-mozaiek .tw-mz--groot {
  grid-row: 1 / span 2;
  aspect-ratio: 3 / 2;
}

.tw-mozaiek .tw-mz--groot img {
  object-position: 50% 50%;
}

.tw-mozaiek .tw-mz--een img {
  object-position: 24% 42%;
  transform: scale(1.55);
}

.tw-mozaiek .tw-mz--twee img {
  object-position: 76% 68%;
  transform: scale(1.75);
}

.tw-mozaiek .tw-mz--een,
.tw-mozaiek .tw-mz--twee {
  min-height: 0;
}

.tw-mozaiek figure:hover img {
  transform: scale(1.9);
}

.tw-mozaiek .tw-mz--groot:hover img {
  transform: scale(1.05);
}

.tw-mozaiek+.tw-mozaiek__bij {
  margin-inline-start: max(0px, (100% - 1300px)/2) !important;
  margin-inline-end: 0 !important;
  margin-top: 10px !important;
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--tw-zacht);
}

.tw-schetsblad {
  max-width: 1300px;
  margin-inline-start: max(0px, (100% - 1300px)/2) !important;
  margin-inline-end: 0 !important;
  margin-top: 34px !important;
}

.tw-schetsblad img {
  width: 100%;
  height: auto;
  display: block;
}

@media(max-width:820px) {
  .tw-mozaiek {
    grid-template-columns: 1fr 1fr;
  }

  .tw-mozaiek .tw-mz--groot {
    grid-row: auto;
    grid-column: 1 / -1;
    aspect-ratio: 4 / 3;
  }

  .tw-mozaiek .tw-mz--een,
  .tw-mozaiek .tw-mz--twee {
    aspect-ratio: 1 / 1;
  }
}

@media(max-width:520px) {
  .tw-mozaiek {
    grid-template-columns: 1fr;
  }

  .tw-mozaiek .tw-mz--groot {
    aspect-ratio: 3 / 2;
  }

  .tw-mozaiek .tw-mz--een,
  .tw-mozaiek .tw-mz--twee {
    aspect-ratio: 16 / 9;
  }
}

/* ---------- compact mozaiek: kleine uitsneden, gelijke hoogte ---------- */
.tw-mozaiek--compact {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-rows: clamp(140px, 14vw, 195px);
  gap: 8px !important;
}

.tw-mozaiek--compact figure {
  grid-row: auto !important;
  aspect-ratio: auto !important;
  height: 100%;
}

.tw-mozaiek--compact .tw-mz--a img {
  object-position: 26% 38%;
  transform: scale(2.2);
}

.tw-mozaiek--compact .tw-mz--b img {
  object-position: 52% 62%;
  transform: scale(2.6);
}

.tw-mozaiek--compact .tw-mz--c img {
  object-position: 74% 44%;
  transform: scale(2.4);
}

.tw-mozaiek--compact .tw-mz--d img {
  object-position: 40% 80%;
  transform: scale(2.8);
}

.tw-mozaiek--compact figure:hover img {
  transform: scale(3.1);
}

.tw-schetsmoz {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  grid-auto-rows: clamp(130px, 13vw, 180px);
  max-width: 1300px;
  margin-inline-start: max(0px, (100% - 1300px)/2) !important;
  margin-inline-end: 0 !important;
  margin-top: 26px !important;
}

.tw-schetsmoz figure {
  margin: 0 !important;
  overflow: hidden;
  background: #FBF9F6;
  box-shadow: 0 0 0 1px var(--tw-lijn);
}

.tw-schetsmoz figure a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: zoom-in;
}

.tw-schetsmoz img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s ease;
}

.tw-schetsmoz .tw-sm--a img {
  object-position: 30% 26%;
  transform: scale(1.7);
}

.tw-schetsmoz .tw-sm--b img {
  object-position: 18% 80%;
  transform: scale(2.0);
}

.tw-schetsmoz .tw-sm--c img {
  object-position: 84% 52%;
  transform: scale(1.8);
}

.tw-schetsmoz figure:hover img {
  transform: scale(2.3);
}

.tw-schetsmoz figure.tw-detail a:after {
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  background-size: 16px 16px;
}

@media(max-width:820px) {
  .tw-mozaiek--compact {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: clamp(130px, 30vw, 180px);
  }

  .tw-schetsmoz {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: clamp(120px, 28vw, 170px);
  }

  .tw-schetsmoz figure:first-child {
    grid-column: 1 / -1;
  }
}

/* ---------- reviewbalk op de voorpagina ---------- */
.tw-ticker {
  background: var(--tw-groen);
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.tw-ticker a.tw-ticker__link {
  display: block;
  padding: 12px 0;
  color: #EDE9E2 !important;
  text-decoration: none !important;
  border: 0 !important;
}

.tw-ticker__spoor {
  display: flex;
  width: max-content;
  animation: tw-ticker 78s linear infinite;
  will-change: transform;
}

.tw-ticker__item {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  padding: 0 46px;
  font-size: 14px;
  line-height: 1.4;
  white-space: nowrap;
}

.tw-ticker__sterren {
  color: #C9B87A;
  letter-spacing: .16em;
  font-size: 11.5px;
}

.tw-ticker__naam {
  color: #BEC0AC;
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .14em;
}

.tw-ticker:hover .tw-ticker__spoor {
  animation-play-state: paused;
}

@keyframes tw-ticker {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@media(max-width:700px) {
  .tw-ticker__item {
    font-size: 13px;
    padding: 0 30px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .tw-ticker__spoor {
    animation: none;
  }

  .tw-ticker {
    overflow-x: auto;
  }
}

.tw-ticker {
  margin-block: 0 !important;
}

.tw-ticker+.tw-hero,
.tw-ticker+* {
  margin-top: 0 !important;
}

/* reviewbalk in header: overal, boven menu, transparant */
.tw-header .tw-ticker {
  display: block;
  background: transparent !important;
  margin: 0 !important;
  overflow: hidden;
  width: 100%;
  max-width: none;
}

.wp-block-post-content .tw-ticker,
.entry-content .tw-ticker {
  display: none !important;
}

.tw-header .tw-ticker a.tw-ticker__link {
  color: var(--tw-inkt) !important;
  padding: 10px 0;
}

.tw-header .tw-ticker__sterren {
  color: #9A8748;
}

.tw-header .tw-ticker__naam {
  color: var(--tw-zacht);
}

.tw-header .tw-ticker__item {
  white-space: nowrap;
}

/* overlay header overal */
.tw-header {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  width: auto !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.admin-bar .tw-header {
  top: 0 !important;
}

@media(max-width:782px) {
  .admin-bar .tw-header {
    top: 0 !important;
  }
}

.tw-hero .tw-hero__text {
  padding-top: clamp(148px, 17vw, 200px) !important;
}

.tw-pagehead__inner {
  padding-top: clamp(148px, 17vw, 208px);
}

body:not(:has(.tw-pagehead)):not(:has(.tw-hero)) .wp-site-blocks>main {
  padding-top: clamp(140px, 16vw, 190px);
}

.tw-header .tw-ticker {
  background: #E7E2DB !important;
  grid-column: 1/-1 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
  position: relative;
  z-index: 2;
}

.tw-header .tw-ticker a.tw-ticker__link {
  display: block;
  width: 100%;
  overflow: hidden;
  color: var(--tw-inkt) !important;
  position: relative;
  z-index: 1;
}

.tw-header .tw-ticker:after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: calc(var(--tw-kophoogte, 133px) - 29px);
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(180deg, #E7E2DB 0%, rgba(231, 226, 219, .95) 56%, rgba(231, 226, 219, .55) 82%, rgba(231, 226, 219, 0) 100%);
}

.tw-header .tw-header__bar {
  position: relative;
  z-index: 3;
}

.tw-header .tw-ticker__naam {
  color: #3F3C38;
}

.tw-header .wp-block-navigation,
.tw-header .wp-block-site-logo,
.tw-header .tw-lang {
  position: relative;
  z-index: 1;
}

.tw-header .wp-block-navigation a {
  color: var(--tw-inkt) !important;
}

/* stille contact-invite alleen collecties */
.tw-invite {
  position: fixed;
  right: 28px;
  bottom: 28px;
  z-index: 80;
  width: min(340px, calc(100vw - 32px));
  background: #F3F0EA;
  color: #2C2A26;
  padding: 22px 24px 20px;
  box-shadow: 0 18px 50px rgba(40, 36, 28, .16);
  border: 1px solid rgba(80, 70, 55, .08);
  opacity: 0;
  transform: translateY(14px);
  pointer-events: none;
  transition: opacity .4s ease, transform .4s ease;
}

.tw-invite.is-on {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}

.tw-invite__kicker {
  margin: 0 0 6px;
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #6F6A60;
}

.tw-invite__titel {
  margin: 0 0 16px;
  font-family: var(--tw-serif);
  font-size: 22px;
  line-height: 1.25;
}

.tw-invite__btn {
  display: inline-block;
  background: var(--tw-groen);
  color: #F5F3EE !important;
  text-decoration: none !important;
  border: 0 !important;
  padding: 10px 16px;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tw-invite__close {
  position: absolute;
  top: 8px;
  right: 12px;
  border: 0;
  background: transparent;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  color: #6F6A60;
}

@media(max-width:700px) {
  .tw-invite {
    right: 12px;
    bottom: 12px;
  }
}

/* usp rij productpagina's */
.tw-hero--product .tw-hero__media:after {
  background: linear-gradient(90deg, #E7E2DB 0%, #DFD8D0 26%, rgba(223, 216, 208, .97) 40%, rgba(223, 216, 208, .45) 54%, rgba(223, 216, 208, 0) 70%);
}

.tw-hero--product .tw-hero__text>.wp-block-buttons {
  width: max-content;
  max-width: 100%;
  margin: 0 0 16px !important;
  position: relative;
  z-index: 5;
}

.tw-usp-rij {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  z-index: 5;
  gap: clamp(10px, 1.6vw, 22px);
}

.tw-usp-rij__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  max-width: none;
}

.tw-usp-rij__ico {
  width: 24px;
  height: 24px;
  flex: none;
  margin: 0 0 8px;
  border: 0;
  background: none;
  border-radius: 0;
  color: var(--tw-inkt);
  display: block;
  opacity: 1;
}

.tw-usp-rij__ico svg {
  width: 24px;
  height: 24px;
  display: block;
  stroke-width: 1.75;
}

.tw-usp-rij__txt {
  font-size: clamp(9px, 1.05vw, 12.5px);
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: .01em;
  color: var(--tw-inkt);
  width: auto;
  max-width: 100%;
  text-align: center;
  white-space: nowrap;
}

@media(max-width:860px) {

  .tw-hero--product .tw-hero__text>.wp-block-buttons,
  .tw-usp-rij {
    width: 100% !important;
    max-width: none !important;
    align-items: flex-end;
    justify-content: space-between;
    gap: clamp(8px, 3.2vw, 20px);
  }

  .tw-usp-rij__txt {
    font-size: clamp(8px, 2.7vw, 12px) !important;
    letter-spacing: 0;
  }

  .tw-hero--product .tw-hero__text {
    padding-bottom: clamp(40px, 5vw, 64px) !important;
  }
}

/* reviewbalk transparant */
.tw-ticker {
  background: transparent !important;
}

.tw-ticker a.tw-ticker__link {
  color: var(--tw-inkt) !important;
  padding: 14px 0;
}

.tw-ticker__sterren {
  color: #9A8748;
}

.tw-ticker__naam {
  color: var(--tw-zacht);
}

/* reviewbalk in mosgroen (variant om te vergelijken) */
.tw-ticker.tw-ticker--groen {
  background: var(--tw-groen) !important;
}

.tw-ticker.tw-ticker--groen a.tw-ticker__link {
  color: #EDE9E2 !important;
  padding: 12px 0;
}

.tw-ticker.tw-ticker--groen .tw-ticker__sterren {
  color: #C9B87A;
}

.tw-ticker.tw-ticker--groen .tw-ticker__naam {
  color: #BEC0AC;
}


/* ================= TELEFOON: alleen onder 780px ================= */
/* taalknop: op desktop onveranderd, op de telefoon één knop met de huidige taal */
.tw-lang__knop {
  display: none;
}

@media(max-width:780px) {
  .tw-lang {
    position: relative;
    gap: 0;
  }

  .tw-lang .tw-lang__lijst {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    display: none;
    flex-direction: column;
    gap: 0;
    min-width: 118px;
    background: var(--tw-warm);
    border: 1px solid var(--tw-lijn);
    box-shadow: 0 14px 34px rgba(40, 36, 30, .14);
    z-index: 120;
  }

  .tw-lang.is-open .tw-lang__lijst {
    display: flex;
  }

  .tw-lang .tw-lang__lijst .tw-lang__link {
    display: flex !important;
    justify-content: flex-start;
    gap: 9px;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--tw-inkt) !important;
    padding: 11px 14px !important;
    font-size: 12px !important;
    letter-spacing: .12em;
  }

  .tw-lang .tw-lang__lijst .tw-lang__link+.tw-lang__link {
    border-top: 1px solid var(--tw-lijn) !important;
  }

  .tw-lang .tw-lang__lijst .tw-lang__link span {
    display: inline !important;
  }

  .tw-lang .tw-lang__lijst .tw-lang__link.is-actief {
    background: var(--tw-vlak) !important;
    color: var(--tw-groen) !important;
    font-weight: 700;
  }

  .tw-lang__knop {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: transparent;
    border: 1px solid var(--tw-lijn);
    border-radius: 0;
    padding: 7px 10px;
    cursor: pointer;
    font-family: var(--tw-sans);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .12em;
    color: var(--tw-inkt);
    line-height: 1;
  }

  .tw-lang__knop .tw-flag {
    width: 18px;
    height: 12px;
    display: block;
    box-shadow: 0 0 0 1px rgba(40, 36, 30, .14);
  }

  .tw-lang__knopvlag {
    display: flex;
  }

  .tw-lang__pijl {
    width: 6px;
    height: 6px;
    border-right: 1.4px solid currentColor;
    border-bottom: 1.4px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
    transition: transform .2s ease;
  }

  .tw-lang.is-open .tw-lang__pijl {
    transform: translateY(1px) rotate(-135deg);
  }

  /* zodra het menu openstaat verdwijnt de taalknop, zodat er niets doorheen loopt */
  body.has-modal-open .tw-lang,
  html.has-modal-open .tw-lang {
    display: none !important;
  }

  body.has-modal-open .tw-header .tw-ticker {
    display: none !important;
  }
}

/* telefoon: uitklapmenu */
@media(max-width:780px) {
  .wp-block-navigation__responsive-container:is(.is-menu-open,:target) {
    background: var(--tw-warm) !important;
    padding: 0 !important;
  }

  .wp-block-navigation__responsive-container:is(.is-menu-open,:target) .wp-block-navigation__responsive-container-content {
    padding: 86px 26px 40px !important;
    align-items: stretch !important;
  }

  .wp-block-navigation__responsive-container:is(.is-menu-open,:target) .wp-block-navigation__container,
  .wp-block-navigation__responsive-container:is(.is-menu-open,:target) .wp-block-navigation__container>li {
    align-items: stretch !important;
    text-align: left !important;
    gap: 0 !important;
    width: 100%;
  }

  .wp-block-navigation__responsive-container:is(.is-menu-open,:target) .wp-block-page-list,
  .wp-block-navigation__responsive-container:is(.is-menu-open,:target) .wp-block-navigation__container {
    width: 100%;
  }

  .wp-block-navigation__responsive-container:is(.is-menu-open,:target) a,
  .wp-block-navigation__responsive-container:is(.is-menu-open,:target) .wp-block-navigation-item__content {
    font-family: var(--tw-serif) !important;
    font-size: 21px !important;
    line-height: 1.25 !important;
    color: var(--tw-inkt) !important;
    padding: 15px 0 !important;
    border: 0 !important;
    width: 100%;
  }

  .wp-block-navigation__responsive-container:is(.is-menu-open,:target) .wp-block-navigation__container>li {
    border-bottom: 1px solid var(--tw-lijn);
  }

  .wp-block-navigation__responsive-container:is(.is-menu-open,:target) .wp-block-navigation__container>li:last-child {
    border-bottom: 0;
  }

  /* tweede en derde niveau: ingesprongen lijst in plaats van zwevende kaders */
  .tw-header .wp-block-navigation__responsive-container:is(.is-menu-open,:target) .wp-block-navigation__submenu-container {
    position: static !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    min-width: 0 !important;
    padding: 0 0 8px 16px !important;
    border-left: 1px solid var(--tw-lijn) !important;
    margin-left: 2px;
  }

  .tw-header .wp-block-navigation__responsive-container:is(.is-menu-open,:target) .wp-block-navigation__submenu-container a,
  .tw-header .wp-block-navigation__responsive-container:is(.is-menu-open,:target) .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    font-family: var(--tw-sans) !important;
    font-size: 15px !important;
    color: var(--tw-zacht) !important;
    padding: 10px 0 !important;
  }

  .tw-header .wp-block-navigation__responsive-container:is(.is-menu-open,:target) .wp-block-navigation__submenu-container>li+li>.wp-block-navigation-item__content {
    border-top: 0 !important;
  }

  .tw-header .wp-block-navigation__responsive-container:is(.is-menu-open,:target) .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
    padding-left: 14px !important;
  }

  .tw-header .wp-block-navigation__responsive-container:is(.is-menu-open,:target) .has-child>.wp-block-navigation-item__content:after {
    right: 2px !important;
  }

  /* sluitknop links van de rand vandaan */
  .wp-block-navigation__responsive-container-close {
    top: 22px !important;
    right: 22px !important;
    color: var(--tw-inkt) !important;
  }

  .wp-block-navigation__responsive-container-close svg {
    width: 26px;
    height: 26px;
  }
}

/* telefoon: foto schermhoog, tekst erop, knoppen weg */
@media(max-width:780px) {
  .tw-hero {
    display: block;
    position: relative;
    min-height: 100svh !important;
    height: 100svh !important;
    max-height: 100svh !important;
    overflow: hidden !important;
    background: none;
  }

  .tw-hero .tw-hero__media {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 120% !important;
    max-height: none !important;
    margin: 0 !important;
    z-index: 0;
    will-change: transform;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .tw-hero .tw-hero__media .wp-block-image {
    position: absolute;
    inset: 0;
  }

  .tw-hero .tw-hero__media .wp-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: none;
  }

  .tw-hero .tw-hero__media:after {
    background: linear-gradient(180deg, rgba(231, 226, 219, .4) 0%, rgba(231, 226, 219, .12) 36%, rgba(231, 226, 219, 0) 62%) !important;
  }

  .tw-hero .tw-hero__text {
    position: absolute !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    z-index: 4;
    padding: 104px 20px 20px !important;
    background: transparent !important;
  }

  .tw-hero:not(.tw-hero--product) .wp-block-buttons {
    display: none !important;
  }

  .tw-hero__lead {
    margin: 0 !important;
  }

  .tw-hero--product {
    height: 62svh !important;
    min-height: 62svh !important;
    max-height: 62svh !important;
  }

  .tw-hero--product .tw-hero__media {
    height: 120% !important;
  }

  .tw-hero--product .wp-block-buttons {
    display: flex !important;
  }
}

/* telefoon rechtop: de boom blijft staan, geen meebewegen */
@media(max-width:780px) and (orientation:portrait) {
  body:before {
    background-position: center 96px !important;
    background-size: auto 118svh !important;
    opacity: .6;
  }
}

/* telefoon: menu links uitlijnen */
@media(max-width:780px) {

  html.has-modal-open .tw-header .tw-ticker,
  body.has-modal-open .tw-header .tw-ticker {
    display: none !important;
  }

  html.has-modal-open .tw-lang {
    display: none !important;
  }

  .wp-block-navigation__responsive-container:is(.is-menu-open,:target),
  .wp-block-navigation__responsive-container:is(.is-menu-open,:target) * {
    text-align: left !important;
  }

  .wp-block-navigation__responsive-container:is(.is-menu-open,:target) .wp-block-navigation__container,
  .wp-block-navigation__responsive-container:is(.is-menu-open,:target) .wp-block-navigation__submenu-container {
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  .wp-block-navigation__responsive-container:is(.is-menu-open,:target) .wp-block-navigation-item {
    width: 100%;
    align-items: flex-start !important;
  }

  .wp-block-navigation__responsive-container:is(.is-menu-open,:target) .wp-block-navigation-item__content {
    justify-content: flex-start !important;
  }

  .wp-block-navigation__responsive-container:is(.is-menu-open,:target) .wp-block-navigation-submenu {
    width: 100%;
  }
}

/* taallijst als rij op desktop */
@media(min-width:781px) {
  .tw-lang__lijst {
    display: flex;
    align-items: center;
    gap: 6px;
  }
}

/* telefoon: titel op het eerste scherm */
@media(max-width:780px) {

  /* de foto vervaagt naar onderen toe, zodat de titel er leesbaar op staat */
  .tw-hero .tw-hero__media {
    -webkit-mask-image: var(--tw-gradient-scrim-bottom);
    mask-image: var(--tw-gradient-scrim-bottom);
  }

  /* het tekstblok schuift met de hoogte van de titel omhoog, zodat alleen de titel op de foto valt */
  .tw-hero .tw-hero__text {
    position: relative;
    z-index: 4;
    margin-top: calc(-1 * var(--tw-titelband, 150px)) !important;
    padding: 0 24px 42px !important;
  }

  .tw-hero .tw-hero__text h1 {
    position: sticky;
    top: 0;
    z-index: 6;
    background: var(--tw-warm);
    margin: 0 !important;
    padding: 16px 0 18px !important;
  }

  /* alles ná de titel dekt de foto af zodra je verder scrolt */
  .tw-hero .tw-hero__text>*:not(h1) {
    position: relative;
    z-index: 5;
    background: var(--tw-warm);
  }

  .tw-hero .tw-hero__text>p:first-of-type {
    padding-top: 2px;
  }

  /* paginakoppen: foto schermvullend met de titel onderaan */
  .tw-pagehead {
    min-height: 100svh;
    display: flex;
    align-items: flex-end;
  }

  .tw-pagehead__media {
    inset: 0;
    height: 100%;
  }

  .tw-pagehead__media img {
    height: 100%;
  }

  .tw-pagehead:after {
    background: linear-gradient(180deg, rgba(233, 229, 223, .20) 38%, rgba(233, 229, 223, .72) 68%, rgba(233, 229, 223, .96) 88%, var(--tw-warm) 100%) !important;
  }

  .tw-pagehead .tw-pagehead__inner {
    padding-top: 0 !important;
    padding-bottom: clamp(30px, 7vw, 54px) !important;
    width: 100%;
  }

  .tw-pagehead--plain {
    min-height: 0;
    display: block;
  }

  .tw-pagehead--plain .tw-pagehead__inner {
    padding-top: clamp(120px, 26vw, 168px) !important;
  }

  /* knoppen naast elkaar */
  .tw-hero .tw-hero__text .wp-block-buttons {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100%;
  }

  .tw-hero .tw-hero__text .wp-block-button {
    flex: 1 1 0;
    min-width: 0;
  }

  .tw-hero .tw-hero__text .wp-block-button__link {
    display: block;
    width: 100%;
    text-align: center;
    padding-inline: 10px !important;
    font-size: 11px !important;
    letter-spacing: .1em;
    white-space: nowrap;
  }

  .tw-hero .tw-hero__text .wp-block-button.is-style-outline>.wp-block-button__link {
    background: transparent !important;
    border: 1px solid var(--tw-lijn) !important;
    color: var(--tw-inkt) !important;
  }
}

/* telefoon: eerste scherm precies passend onder de kopbalk */
@media(max-width:780px) {
  .tw-hero .tw-hero__media {
    height: calc(100svh - var(--tw-kop, 92px));
    max-height: calc(100svh - var(--tw-kop, 92px));
  }

  .tw-pagehead {
    min-height: calc(100svh - var(--tw-kop, 92px));
  }

  /* titelbalk over de volle breedte, zodat de foto er niet naast doorkijkt */
  .tw-hero .tw-hero__text h1 {
    margin-inline: -24px !important;
    padding-inline: 24px !important;
  }

  .tw-hero .tw-hero__text>*:not(h1) {
    margin-inline: -24px !important;
    padding-inline: 24px !important;
  }
}

/* telefoon: titelbalk volle breedte */
@media(max-width:780px) {
  .tw-hero .tw-hero__text h1 {
    max-width: none !important;
  }

  .tw-hero .tw-hero__text>* {
    max-width: none !important;
  }
}

/* telefoon: knoptekst niet afkappen */
@media(max-width:780px) {
  .tw-hero .tw-hero__text .wp-block-button__link {
    white-space: normal !important;
    font-size: 10.5px !important;
    letter-spacing: .07em !important;
    line-height: 1.3;
    padding: 13px 8px !important;
    hyphens: none;
  }
}

/* telefoon: paginakop beeld vult de hele kop */
@media(max-width:780px) {

  .tw-pagehead .tw-pagehead__media,
  .tw-pagehead .tw-pagehead__media .wp-block-image,
  .tw-pagehead .tw-pagehead__media figure {
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .tw-pagehead .tw-pagehead__media img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
    display: block;
  }

  .tw-pagehead:after {
    background: linear-gradient(180deg, rgba(233, 229, 223, .06) 30%, rgba(233, 229, 223, .55) 62%, rgba(233, 229, 223, .93) 84%, var(--tw-warm) 100%) !important;
  }
}

/* telefoon v2: titel op de foto, foto erboven volledig zichtbaar */
@media(max-width:780px) {

  /* de foto blijft helemaal zichtbaar en vervaagt alleen over de titelband */
  .tw-hero .tw-hero__media {
    height: calc(100svh - var(--tw-kop, 92px)) !important;
    max-height: none !important;
    -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - var(--tw-titelband, 140px) - 34px), rgba(0, 0, 0, .55) calc(100% - var(--tw-titelband, 140px) + 26px), rgba(0, 0, 0, 0) 100%) !important;
    mask-image: linear-gradient(180deg, #000 calc(100% - var(--tw-titelband, 140px) - 34px), rgba(0, 0, 0, .55) calc(100% - var(--tw-titelband, 140px) + 26px), rgba(0, 0, 0, 0) 100%) !important;
  }

  /* de kruimel hoort op de foto, zonder eigen achtergrond */
  .tw-hero .tw-hero__text .tw-kruimel {
    background: transparent !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    position: relative;
    z-index: 6;
  }

  /* de titel krijgt een lichte bedding die naar boven toe vervaagt */
  .tw-hero .tw-hero__text h1 {
    background: linear-gradient(180deg, rgba(239, 236, 231, 0) 0%, rgba(239, 236, 231, .62) 34%, rgba(239, 236, 231, .95) 66%, #EFECE7 100%) !important;
    padding-top: 30px !important;
  }

  /* productpagina: banner ook schermvullend */
  .tw-hero--product .tw-hero__media {
    height: calc(100svh - var(--tw-kop, 92px)) !important;
    max-height: none !important;
  }

  .tw-hero--product .tw-hero__text {
    margin-top: calc(-1 * var(--tw-titelband, 180px)) !important;
  }

  .tw-hero--product .tw-hero__coll,
  .tw-hero--product .tw-usp {
    background: #EFECE7 !important;
  }
}

/* telefoon: projectkaarten onder elkaar, foto links en tekst rechts */
@media(max-width:780px) {
  .tw-projects {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .tw-projects .tw-project {
    display: grid !important;
    grid-template-columns: 118px minmax(0, 1fr) !important;
    align-items: center;
    gap: 0 !important;
  }

  .tw-projects .tw-project>figure {
    margin: 0 !important;
    height: 100%;
  }

  .tw-projects .tw-project>figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    aspect-ratio: 1/1;
  }

  .tw-projects .tw-project__body {
    padding: 14px 16px !important;
    min-width: 0;
  }

  .tw-projects .tw-project__title {
    font-size: 16px !important;
    line-height: 1.25 !important;
    margin: 0 0 5px !important;
  }

  .tw-projects .tw-project__body p {
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    margin: 0 !important;
  }
}

/* telefoon: foto sneller weg, titel blijft langer staan */
@media(max-width:780px) {
  .tw-hero {
    overflow: hidden !important;
  }

  .tw-hero .tw-hero__media {
    will-change: transform;
  }

  /* de titel schuift gewoon met de pagina mee; vastzetten is niet meer nodig */
  .tw-hero .tw-hero__text h1 {
    position: static !important;
  }
}

/* ===== desktop: compacter, eerste scherm toont ook de drie kaarten ===== */
@media(min-width:781px) {
  :root {
    --tw-sectie: clamp(44px, 6svh, 84px);
  }

  .tw-section--tight {
    padding-block: clamp(30px, 4svh, 56px);
  }
}

@media(min-width:781px) and (orientation:landscape) {

  /* banner meeschalen met de schermhoogte in plaats van een vaste hoogte */
  .tw-hero {
    min-height: clamp(290px, 41svh, 520px);
  }

  .tw-hero .tw-hero__text {
    padding-block: clamp(24px, 4svh, 48px) !important;
  }

  .tw-hero .tw-hero__text {
    padding-top: clamp(96px, 12svh, 150px) !important;
  }

  .tw-hero h1 {
    font-size: clamp(30px, 3.4vw, 46px);
    margin: 0 0 14px;
  }

  .tw-hero__lead {
    margin: 0 0 22px;
  }

  /* de eerste sectie na de banner sluit korter aan */
  .tw-hero+.tw-section {
    padding-top: clamp(26px, 3.4svh, 48px) !important;
  }

  /* kaartbeelden meeschalen, zodat de drie voorbeelden in het eerste scherm passen */
  .tw-card>.wp-block-image img {
    height: 100%;
    aspect-ratio: auto;
  }

  .tw-card__body {
    padding: clamp(16px, 2svh, 26px);
    gap: 10px;
  }

  .tw-card__body p {
    font-size: 14px;
    line-height: 1.55;
  }
}

/* desktop: eerste scherm sluitend maken */
@media(min-width:781px) and (orientation:landscape) {
  .tw-hero h1 {
    max-width: 13ch;
    font-size: clamp(33px, 4.3vw, 53px);
    line-height: 1.07;
    margin: 0 0 20px;
  }

  .tw-hero__lead {
    margin: 0 0 20px;
    font-size: 15.5px;
    line-height: 1.55;
  }

  .tw-hero .tw-hero__text {
    padding-top: calc(var(--tw-kophoogte, 120px) + 12px) !important;
    padding-bottom: clamp(20px, 3svh, 38px) !important;
  }

  .tw-card__body p {
    font-size: 13.5px;
    line-height: 1.5;
  }

  .tw-card__body .tw-kop {
    font-size: 16px;
  }

  .tw-card__body .wp-block-buttons {
    padding-top: 4px;
  }

  .tw-card__body .wp-block-button__link {
    padding: 9px 17px;
    font-size: 10.5px;
    background: var(--tw-warm) !important;
    color: var(--tw-inkt) !important;
    border: 1px solid var(--tw-warm) !important;
  }

  .tw-card__body .wp-block-button__link:hover {
    background: var(--tw-warm) !important;
    border-color: #111 !important;
  }
}

/* desktop: extra compact op lage schermen */
@media(min-width:781px) and (orientation:landscape) and (max-height:900px) {
  .tw-hero h1 {
    font-size: clamp(33px, 4.3vw, 53px);
    margin: 0 0 20px;
  }

  .tw-hero__lead {
    font-size: 16.5px;
    line-height: 1.62;
    margin: 0 0 22px;
  }

  .tw-hero .tw-hero__text {
    padding-bottom: 16px !important;
  }

  .tw-hero .tw-hero__text .wp-block-button__link {
    padding: 12px 22px;
    font-size: 11px;
  }

  .tw-card>.wp-block-image img {}

  /* card body stays overlay */
  .tw-card__body p {
    font-size: 13px;
    line-height: 1.45;
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset !important;
  }

  .tw-card__body .wp-block-button__link {
    padding: 8px 15px;
  }
}

/* ---------- home: kaarttekst en knop over de foto (desktop) ---------- */
@media(min-width:1000px) {
  body:is(.home, .page-id-14, .page-id-78, .page-id-92) {
    --tw-gap: clamp(18px, 2vw, 30px);
    --tw-kaarth: 258px;
  }

  body:is(.home, .page-id-14, .page-id-78, .page-id-92) .tw-cards {
    max-width: 1300px !important;
    width: 100%;
    margin-inline: auto;
    box-sizing: border-box;
  }

  body:is(.home, .page-id-14, .page-id-78, .page-id-92) .tw-section:has(.tw-cards) {
    padding-top: var(--tw-gap) !important;
    padding-bottom: var(--tw-gap) !important;
    padding-inline: var(--tw-gap) !important;
  }

  body:is(.home, .page-id-14, .page-id-78, .page-id-92) .tw-card {
    position: relative;
    display: block;
    overflow: hidden;
    height: auto;
    aspect-ratio: 16/10;
    min-height: var(--tw-kaarth, 258px);
  }

  body:is(.home, .page-id-14, .page-id-78, .page-id-92) .tw-card .wp-block-image a {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    pointer-events: none;
    cursor: default;
  }

  body:is(.home, .page-id-14, .page-id-78, .page-id-92) .tw-card__body {
    pointer-events: none;
  }

  body:is(.home, .page-id-14, .page-id-78, .page-id-92) .tw-card__body .wp-block-buttons,
  body:is(.home, .page-id-14, .page-id-78, .page-id-92) .tw-card__body a {
    pointer-events: auto;
  }

  body:is(.home, .page-id-14, .page-id-78, .page-id-92) .tw-card>.wp-block-image {
    height: 100%;
    margin: 0 !important;
  }

  body:is(.home, .page-id-14, .page-id-78, .page-id-92) .tw-card>.wp-block-image img {
    height: 100% !important;
    aspect-ratio: auto;
    width: 100%;
    object-fit: cover;
    display: block;
  }

  body:is(.home, .page-id-14, .page-id-78, .page-id-92) .tw-card__body {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    margin-block: 0 !important;
    min-height: var(--tw-kaarth, 258px);
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 6px;
    padding: 20px 20px 18px;
    background: linear-gradient(180deg, rgba(239, 236, 231, .92) 0px, rgba(239, 236, 231, .88) 98px, rgba(239, 236, 231, .5) 150px, rgba(239, 236, 231, 0) 192px);
  }

  body:is(.home, .page-id-14, .page-id-78, .page-id-92) .tw-card__body .tw-kop {
    font-size: 16px;
    color: var(--tw-inkt);
  }

  body:is(.home, .page-id-14, .page-id-78, .page-id-92) .tw-card__body p {
    font-size: 13.2px;
    line-height: 1.45;
    color: #2A2924;
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }

  body:is(.home, .page-id-14, .page-id-78, .page-id-92) .tw-card__body .wp-block-buttons {
    display: none !important;
  }

  body:is(.home, .page-id-14, .page-id-78, .page-id-92) .tw-card__body .wp-block-button__link {
    padding: 8px 15px;
    background: var(--tw-warm) !important;
    color: var(--tw-inkt) !important;
    border: 1px solid var(--tw-warm) !important;
  }

  body:is(.home, .page-id-14, .page-id-78, .page-id-92) .tw-card__body .wp-block-button__link:hover {
    background: var(--tw-warm) !important;
    border-color: #111 !important;
  }

  /* banner krijgt de rest van het scherm, maar knipt nooit af */
  body:is(.home, .page-id-14, .page-id-78, .page-id-92) .tw-hero {
    height: auto !important;
    max-height: none !important;
    min-height: calc(100svh - var(--wp-admin--admin-bar--height, 0px) - var(--tw-kaarth) - 2*var(--tw-gap) - 4px) !important;
  }

  body:is(.home, .page-id-14, .page-id-78, .page-id-92) .tw-hero .tw-hero__text {
    padding-top: 120px !important;
    padding-bottom: 18px !important;
  }
}

@media(max-height:720px) {
  body:is(.home, .page-id-14, .page-id-78, .page-id-92) .tw-hero {
    min-height: 360px !important;
  }
}

/* tweede knop in de kop: licht vlak in plaats van doorzichtig (desktop) */
@media(min-width:781px) {

  .tw-hero .tw-hero__text .wp-block-button.is-style-outline>.wp-block-button__link,
  .tw-pagehead .wp-block-button.is-style-outline>.wp-block-button__link {
    background-color: var(--tw-vlak, #F0EDE8) !important;
    border: 1px solid var(--tw-lijn) !important;
    color: var(--tw-inkt) !important;
  }

  .tw-hero .tw-hero__text .wp-block-button.is-style-outline>.wp-block-button__link:hover,
  .tw-pagehead .wp-block-button.is-style-outline>.wp-block-button__link:hover {
    background-color: #EFECE7 !important;
    border-color: var(--tw-groen) !important;
    color: var(--tw-groen) !important;
  }
}

/* mobiel: tekst met titel bovenin de foto, bovenaan uitgelijnd */
@media(max-width:780px) {
  .tw-hero {
    position: relative !important;
    overflow: hidden !important;
    min-height: 0 !important;
  }

  .tw-hero .tw-hero__media {
    position: relative !important;
    height: calc(100svh - var(--tw-kop, 92px)) !important;
    max-height: none !important;
    transform: none !important;
    -webkit-mask-image: var(--tw-gradient-fade-bottom-black) !important;
    mask-image: var(--tw-gradient-fade-bottom-black) !important;
  }

  .tw-hero--product .tw-hero__media {
    height: calc(100svh - var(--tw-kop, 92px)) !important;
    max-height: none !important;
  }

  .tw-hero .tw-hero__text {
    position: absolute !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    margin: 0 !important;
    z-index: 4;
    padding: calc(var(--tw-kophoogte, 120px) + 16px) 24px 100px !important;
    background: linear-gradient(180deg, rgba(239, 236, 231, .95) 0px, rgba(239, 236, 231, .9) calc(100% - 110px), rgba(239, 236, 231, .5) calc(100% - 45px), rgba(239, 236, 231, 0) 100%) !important;
  }

  .tw-hero .tw-hero__text>* {
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    background: none !important;
    max-width: none !important;
  }

  .tw-hero .tw-hero__text h1 {
    position: static !important;
    background: none !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
  }

  .tw-hero .tw-hero__text .tw-kruimel {
    margin: 0 0 6px !important;
    padding: 0 !important;
    background: none !important;
  }

  .tw-hero .tw-hero__text .tw-hero__lead {
    margin: 0 0 18px !important;
  }

  body.home .tw-hero .wp-block-buttons,
  body.page-id-14 .tw-hero .wp-block-buttons,
  html[lang|="en"] body .tw-hero .wp-block-buttons,
  html[lang|="de"] body .tw-hero .wp-block-buttons {
    display: flex !important;
  }
}

/* kopbalk hoort bovenop: logo en menu scherp en aanklikbaar */
body .tw-header {
  z-index: 150 !important;
}

body .tw-header .tw-header__bar {
  z-index: 3 !important;
}

@media(max-width:860px) {
  body .tw-hero:not(.tw-hero--product) .tw-hero__text {
    padding-top: calc(var(--tw-kophoogte, 120px) + var(--wp-admin--admin-bar--height, 0px) - 11px) !important;
  }

  body .tw-hero:not(.tw-hero--product) .tw-hero__text:before {
    top: 0 !important;
    height: calc(var(--tw-kophoogte, 120px) + var(--wp-admin--admin-bar--height, 0px) + 72px) !important;
    background: linear-gradient(180deg, rgba(231, 226, 219, .92) 0px, rgba(231, 226, 219, .88) calc(var(--tw-kophoogte, 120px) + var(--wp-admin--admin-bar--height, 0px) - 16px), rgba(231, 226, 219, .5) calc(var(--tw-kophoogte, 120px) + var(--wp-admin--admin-bar--height, 0px) + 24px), rgba(231, 226, 219, 0) calc(var(--tw-kophoogte, 120px) + var(--wp-admin--admin-bar--height, 0px) + 70px)) !important;
  }
}

/* logo en menu vervagen nooit mee; knoppen in de banner blijven op desktop staan */
body .tw-header {
  opacity: 1 !important;
  pointer-events: auto !important;
}

body .tw-header * {
  pointer-events: auto;
}

body .tw-header .wp-block-site-logo,
body .tw-header .custom-logo,
body .tw-header .wp-block-navigation,
body .tw-header .tw-lang {
  opacity: 1 !important;
}

@media(min-width:781px) {
  body .tw-hero:not(.tw-hero--product) .tw-hero__text .wp-block-buttons {
    display: flex !important;
  }
}

/* mobiel: foto op normale snelheid mee omhoog, banner precies een scherm hoog */
@media(max-width:860px) {
  body .tw-hero:not(.tw-hero--product) {
    height: 100svh !important;
    min-height: 100svh !important;
  }

  body .tw-hero:not(.tw-hero--product) .tw-hero__media {
    transform: translate3d(0, calc(var(--tw-sc, 0px) * -1), 0) !important;
    opacity: var(--tw-fade, 1) !important;
  }
}

/* mobiel: tekst schuift van links in en krijgt een lichte gloed */
@keyframes twLeadFade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media(max-width:860px) {
  body .tw-hero:not(.tw-hero--product) .tw-hero__lead {
    animation: twLeadFade 1.1s linear 1s both !important;
    text-shadow: none !important;
    font-weight: 700 !important;
    color: var(--tw-vlak, #F0EDE8) !important;
    background: none !important;
    max-width: 75vw !important;
    margin-inline: 0 auto !important;
    padding: 0 !important;
  }
}

@media(max-width:860px) and (prefers-reduced-motion:reduce) {
  body .tw-hero:not(.tw-hero--product) .tw-hero__lead {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

@media(max-width:860px) {
  body .tw-hero:not(.tw-hero--product) .tw-hero__media:after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    background: rgba(28, 26, 22, .32) !important;
    animation: twLeadFade 1.1s linear 1s both !important;
    pointer-events: none !important;
  }
}

/* mobiel: productpagina banner gelijk aan home */
@media(max-width:860px) {
  body .tw-hero--product {
    position: relative !important;
    display: block !important;
    height: 100svh !important;
    min-height: 100svh !important;
    max-height: none !important;
    overflow: visible !important;
    background: transparent !important;
  }

  body .tw-hero--product .tw-hero__media {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100svh !important;
    max-height: none !important;
    z-index: -1 !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    pointer-events: none !important;
    transform: translate3d(0, calc(var(--tw-sc, 0px) * -1), 0) !important;
    opacity: var(--tw-fade, 1) !important;
    margin: 0 !important;
  }

  body .tw-hero--product .tw-hero__media .wp-block-image {
    position: absolute !important;
    inset: 0 !important;
    height: 100% !important;
    margin: 0 !important;
  }

  body .tw-hero--product .tw-hero__media .wp-block-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body .tw-hero--product .tw-hero__media:after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    background: rgba(28, 26, 22, .32) !important;
    animation: twLeadFade 1.1s linear 1s both !important;
    pointer-events: none !important;
  }

  body .tw-hero--product .tw-hero__text {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    margin: 0 !important;
    z-index: 50 !important;
    padding: calc(var(--tw-kophoogte, 120px) + var(--wp-admin--admin-bar--height, 0px) - 11px) 20px 28px !important;
    background: transparent !important;
    opacity: var(--tw-fade, 1) !important;
  }

  body .tw-hero--product .tw-hero__text:before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: calc(var(--tw-kophoogte, 120px) + var(--wp-admin--admin-bar--height, 0px) + 62px) !important;
    z-index: -1 !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(231, 226, 219, .92) 0px, rgba(231, 226, 219, .88) calc(var(--tw-kophoogte, 120px) + var(--wp-admin--admin-bar--height, 0px) + 6px), rgba(231, 226, 219, .5) calc(var(--tw-kophoogte, 120px) + var(--wp-admin--admin-bar--height, 0px) + 33px), rgba(231, 226, 219, 0) calc(var(--tw-kophoogte, 120px) + var(--wp-admin--admin-bar--height, 0px) + 60px)) !important;
  }

  body .tw-hero--product .tw-hero__text>* {
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    background: none !important;
    max-width: none !important;
  }

  body .tw-hero--product .tw-hero__text h1 {
    position: static !important;
    background: none !important;
    color: var(--tw-inkt, #1C1A16) !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
  }

  body .tw-hero--product .tw-hero__text .tw-kruimel {
    margin: 0 0 6px !important;
    padding: 0 !important;
    background: none !important;
  }

  body .tw-hero--product .tw-hero__text>*:not(h1):not(.tw-kruimel) {
    animation: twLeadFade 1.1s linear 1s both !important;
  }

  body .tw-hero--product .tw-hero__coll,
  body .tw-hero--product .tw-hero__lead,
  body .tw-hero--product .tw-usp-rij,
  body .tw-hero--product .tw-usp-rij * {
    color: var(--tw-vlak, #F0EDE8) !important;
  }

  body .tw-hero--product .tw-hero__lead {
    font-weight: 700 !important;
    max-width: 75vw !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body .tw-hero--product .tw-hero__coll {
    margin-top: 12px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
}

@media(max-width:860px) {
  body .tw-header .tw-header__bar {
    background: linear-gradient(180deg, #E7E2DB 0%, #E7E2DB 62%, rgba(231, 226, 219, 0) 80%) !important;
  }
}


/* detailvakken strak uitlijnen: gelijke hoogte, gelijke tussenruimte */
body .tw-details>* {
  margin: 0 !important;
}

body .tw-details {
  gap: 0 !important;
}

body .tw-detailvak {
  aspect-ratio: 1/1 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body .tw-split--omgekeerd:has(.tw-details) {
  row-gap: 0 !important;
}

@media(max-width:820px) {
  body .tw-split--omgekeerd:has(.tw-details)>.tw-split__tekst {
    margin-top: 28px !important;
  }
}

/* ---------- zoekknop en zoekpaneel ---------- */
.tw-zoek {
  display: inline-flex;
  align-items: center;
}

.tw-zoek__knop {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid var(--tw-lijn);
  background: transparent;
  color: var(--tw-inkt);
  cursor: pointer;
  transition: border-color .25s ease, color .25s ease;
}

.tw-zoek__knop:hover,
.tw-zoek__knop:focus-visible {
  border-color: var(--tw-groen);
  color: var(--tw-groen);
}

.tw-zoek__icoon {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
}

.tw-zoekpaneel {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 140;
  background: #E7E2DB;
  border-top: 1px solid var(--tw-lijn);
  box-shadow: 0 20px 44px rgba(28, 26, 22, .10);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-12px);
  transition: opacity .3s ease, transform .3s ease, visibility 0s linear .3s;
}

html.tw-zoek-open .tw-zoekpaneel {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: opacity .3s ease, transform .3s ease, visibility 0s;
}

.tw-zoekpaneel__form {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 26px 0 28px;
}

.tw-zoekpaneel .tw-zoek__icoon--groot {
  width: 22px;
  height: 22px;
  stroke-width: 1.3;
  color: var(--tw-zacht);
  flex: 0 0 auto;
}

.tw-zoekpaneel__veld {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  border-bottom: 1px solid var(--tw-lijn);
  border-radius: 0;
  background: transparent;
  font-family: inherit;
  font-size: clamp(17px, 2vw, 24px);
  line-height: 1.3;
  color: var(--tw-inkt);
  padding: 10px 0;
  outline: none;
  transition: border-color .25s ease;
}

.tw-zoekpaneel__veld::placeholder {
  color: var(--tw-zacht);
  opacity: 1;
}

.tw-zoekpaneel__veld:focus {
  border-bottom-color: var(--tw-groen);
}

.tw-zoekpaneel__veld::-webkit-search-cancel-button {
  display: none;
}

.tw-zoekpaneel__sluit {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--tw-lijn);
  background: transparent;
  color: var(--tw-zacht);
  font-size: 17px;
  line-height: 1;
  cursor: pointer;
  transition: border-color .25s ease, color .25s ease;
}

.tw-zoekpaneel__sluit:hover,
.tw-zoekpaneel__sluit:focus-visible {
  border-color: var(--tw-groen);
  color: var(--tw-groen);
}

@media(max-width:780px) {
  .tw-zoek__knop {
    width: 30px;
    height: 30px;
  }

  .tw-zoek__icoon {
    width: 14px;
    height: 14px;
  }

  .tw-zoekpaneel__form {
    padding: 18px 20px 20px;
    gap: 10px;
  }

  body .tw-header .tw-header__right {
    flex-wrap: nowrap !important;
    gap: 10px !important;
  }

  body .tw-header .tw-header__bar {
    padding-right: 16px !important;
  }

  body .tw-header .tw-header__bar>.wp-block-site-logo {
    min-width: 0 !important;
  }

  body .tw-header .tw-header__bar>.wp-block-site-logo img {
    max-width: 100% !important;
  }

  .tw-zoekpaneel .tw-zoek__icoon--groot {
    width: 18px;
    height: 18px;
  }

  .tw-zoekpaneel__veld {
    font-size: 16px;
  }

  html.has-modal-open .tw-zoek {
    display: none !important;
  }
}

/* ---------- zoekresultaten pagina ---------- */
.tw-zoekpagina .tw-zoek__label {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--tw-zacht);
  margin: 0 0 10px;
}

.tw-zoekpagina .tw-zoek__term {
  font-size: clamp(26px, 3.4vw, 44px);
  line-height: 1.1;
  margin: 0 0 26px;
  color: var(--tw-inkt);
}

.tw-zoek__opnieuw {
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: 34rem;
  margin: 0 0 10px;
}

.tw-zoek__opnieuw .tw-zoekpaneel__veld {
  font-size: 17px;
}

.tw-zoek__telling {
  font-size: 13px;
  letter-spacing: .04em;
  color: var(--tw-zacht);
  margin: 0 0 6px;
}

.tw-zoek__lijst {
  margin-top: 6px;
}

.tw-zoekhit {
  padding: 26px 0;
  border-bottom: 1px solid var(--tw-lijn);
}

.tw-zoekhit:first-child {
  border-top: 1px solid var(--tw-lijn);
}

.tw-zoekhit__titel {
  margin: 0 0 8px !important;
  font-size: clamp(19px, 2vw, 23px);
  line-height: 1.25;
}

.tw-zoekhit__titel a {
  color: var(--tw-inkt);
  text-decoration: none;
  background-image: linear-gradient(var(--tw-groen), var(--tw-groen));
  background-size: 0 1px;
  background-repeat: no-repeat;
  background-position: 0 100%;
  transition: background-size .35s ease, color .25s ease;
}

.tw-zoekhit__titel a:hover {
  color: var(--tw-groen);
  background-size: 100% 1px;
}

.tw-zoekhit__tekst {
  margin: 0 !important;
  font-size: 14.5px;
  line-height: 1.65;
  color: #31302B;
  max-width: 44rem;
}

.tw-zoek__leeg,
.tw-zoek__sugkop {
  font-size: 15px;
  color: #31302B;
  margin: 22px 0 10px;
}

.tw-zoek__suglijst {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
}

.tw-zoek__suglijst a {
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--tw-inkt);
  text-decoration: none;
  border: 1px solid var(--tw-lijn);
  padding: 9px 16px;
  display: inline-block;
  transition: border-color .25s ease, color .25s ease;
}

.tw-zoek__suglijst a:hover {
  border-color: var(--tw-groen);
  color: var(--tw-groen);
}

@media(max-width:780px) {
  .tw-zoekhit {
    padding: 20px 0;
  }

  .tw-zoek__opnieuw {
    gap: 10px;
  }
}


/* ---------- foto in de stukkaart ---------- */
body .tw-stuk {
  padding: 0 !important;
  overflow: hidden;
}

body .tw-stuk .tw-stuk__foto {
  margin: 0 !important;
  max-width: none !important;
}

body .tw-stuk .tw-stuk__foto a {
  display: block;
}

body .tw-stuk .tw-stuk__foto img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/10;
  object-fit: cover;
  transition: transform .5s ease;
}

body .tw-stuk .tw-stuk__foto a:hover img {
  transform: scale(1.03);
}

body .tw-stuk>.tw-kop,
body .tw-stuk>.tw-kop:not(:first-child) {
  margin: 22px 26px 10px !important;
}

body .tw-stuk>p {
  margin: 0 26px 20px !important;
}

body .tw-stuk>.wp-block-buttons {
  margin: 0 26px 24px !important;
}

@media(max-width:600px) {

  body .tw-stuk>.tw-kop,
  body .tw-stuk>.tw-kop:not(:first-child) {
    margin: 18px 20px 8px !important;
  }

  body .tw-stuk>p {
    margin: 0 20px 16px !important;
  }

  body .tw-stuk>.wp-block-buttons {
    margin: 0 20px 20px !important;
  }
}


/* ---------- citaat zonder streep, met aanhalingstekens ---------- */
body .tw-quote {
  border-left: 0 !important;
  padding-left: 0 !important;
  text-indent: -0.42em;
}

body .tw-quote::before {
  content: "\201C";
}

body .tw-quote::after {
  content: "\201D";
}

html[lang|="de"] body .tw-quote::before {
  content: "\201E";
}

html[lang|="de"] body .tw-quote::after {
  content: "\201C";
}

body .tw-quote__sterren {
  padding-left: 0 !important;
}


/* ---------- Thomas: foto met tekst erin ---------- */
.tw-thomas {
  position: relative;
  overflow: hidden;
}

.tw-thomas .tw-thomas__foto {
  margin: 0 !important;
  max-width: none !important;
}

.tw-thomas .tw-thomas__foto img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
}

.tw-thomas .tw-thomas__tekst {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  z-index: 2;
  margin: 0 !important;
  max-width: none !important;
  padding: 64px 30px 26px;
  background: linear-gradient(0deg, rgba(239, 236, 231, .97) 0%, rgba(239, 236, 231, .93) 50%, rgba(239, 236, 231, .55) 74%, rgba(239, 236, 231, 0) 100%);
}

.tw-thomas .tw-thomas__tekst>* {
  margin-block: 0 !important;
  max-width: none !important;
}

.tw-thomas .tw-thomas__tekst .tw-kop {
  font-size: 15px;
  letter-spacing: .12em;
  margin: 0 0 8px !important;
}

.tw-thomas .tw-thomas__tekst p {
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--tw-inkt);
  margin: 0 !important;
}

.tw-split--thomas>.tw-split__tekst {
  align-self: center;
}

/* Thomas: portret links, tekst rechts (niet gestapeld) */
.tw-split.tw-split--thomas {
  display: grid !important;
  grid-template-columns: minmax(200px, 280px) minmax(0, 1fr) !important;
  gap: clamp(24px, 3vw, 48px);
  align-items: center;
  max-width: var(--tw-kolom, 1300px);
}
.tw-split--thomas > .tw-foto-slot,
.tw-split--thomas > .tw-foto-slot--3x4,
.tw-split--thomas > figure,
.tw-split--thomas > .wp-block-image {
  width: 100%;
  max-width: none !important;
  min-height: 0;
  margin: 0 !important;
}
.tw-split--thomas img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  display: block;
}
@media (max-width: 820px) {
  .tw-split.tw-split--thomas {
    grid-template-columns: 1fr !important;
  }
  .tw-split--thomas > .tw-foto-slot--3x4 {
    max-width: 240px !important;
  }
}

.tw-kompas-wie {
  position: relative;
  min-height: 0;
  display: grid;
  justify-items: center;
}

.tw-kompas-wie::before,
.tw-kompas-wie::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: none !important;
}

.tw-kompas-wie>.tw-kop,
.tw-kompas-wie>.tw-sub,
.tw-kompas-wie .tw-steps {
  grid-area: 1/1;
}

.tw-kompas-wie>.tw-kop {
  position: relative;
  align-self: center;
  width: 220px;
  text-align: center;
  z-index: 2;
  margin: 0 0 12px !important;
  font-size: 23px;
  letter-spacing: .11em;
  line-height: 1.28;
  transform: translateY(-38px);
}

.tw-kompas-wie>.tw-sub {
  position: relative;
  align-self: center;
  width: 220px;
  text-align: center;
  z-index: 2;
  margin: 0 !important;
  font-size: 15px;
  line-height: 1.6;
  transform: translateY(40px);
}

.tw-kompas-wie .tw-steps {
  position: relative;
  display: block !important;
  width: min(100%, 774px);
  aspect-ratio: 1.1643;
  height: auto !important;
  grid-template-columns: none !important;
  margin: 0 auto;
}

.tw-kompas-wie__art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

.tw-kompas-wie .tw-step__nr {
  display: none !important;
}

.tw-kompas-wie .tw-kompas__mid {
  width: 248px;
}

.tw-kompas-wie .tw-step {
  position: absolute;
  width: 268px;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: none !important;
  background-image: none !important;
  z-index: 2;
}

.tw-kompas-wie .tw-step h3 {
  margin: 0 0 7px !important;
  font-size: 16.5px;
  letter-spacing: .14em;
}

.tw-kompas-wie .tw-step p:not(.tw-step__nr) {
  font-size: 15px;
  line-height: 1.55;
  margin: 0 !important;
}

.tw-kompas-wie .tw-step:nth-child(3) {
  left: 20%;
  top: 14%;
}

.tw-kompas-wie .tw-step:nth-child(4) {
  left: 80%;
  top: 14%;
}

.tw-kompas-wie .tw-step:nth-child(5) {
  left: 80%;
  top: 90%;
}

.tw-kompas-wie .tw-step:nth-child(6) {
  left: 20%;
  top: 90%;
}

@media(max-width:800px) {
  .tw-kompas-wie {
    min-height: 0;
  }

  .tw-kompas-wie::before,
  .tw-kompas-wie::after {
    display: none;
  }

  .tw-kompas-wie>.tw-kop,
  .tw-kompas-wie>.tw-sub {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    width: auto;
    text-align: left;
    margin-bottom: 12px !important;
  }

  .tw-kompas-wie .tw-steps {
    height: auto;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .tw-kompas-wie .tw-step {
    position: relative !important;
    transform: none !important;
    inset: auto !important;
    width: auto;
    text-align: left !important;
    padding: 14px 0 !important;
  }
}

@media(max-width:1100px) {
  .tw-thomas .tw-thomas__tekst {
    position: static;
    background: none;
    padding: 18px 0 0;
  }

  .tw-thomas {
    overflow: visible;
  }
}

/* ---------- anker naar de waardencirkel ---------- */
#kompas,
#compass,
#kompass {
  scroll-margin-top: 175px;
}

@media(max-width:780px) {

  #kompas,
  #compass,
  #kompass {
    scroll-margin-top: 150px;
  }
}

/* ---------- leesmaat (typografie 2026) ---------- */
.tw-narrow p,
.tw-pagehead p,
.tw-split__tekst p,
.entry-content > p {
  max-width: var(--tw-maat-inhoud);
  line-height: var(--tw-body-leading);
}
.entry-content > h1 {
  line-height: var(--tw-leading-display) !important;
  margin-block: 0 var(--tw-gap-kop) !important;
}
.entry-content > h2 {
  line-height: 1.15 !important;
  margin-block: 2.1em var(--tw-gap-kop) !important;
}
.entry-content > p {
  margin-block: 0 var(--tw-gap-p) !important;
}
.entry-content > h1 + p,
.entry-content > h2 + p {
  margin-top: 0 !important;
}
.tw-kop {
  letter-spacing: var(--tw-kop-tracking);
}

/* ---------- PICTOGRAM GRIDS (home + over ons) ---------- */
.tw-proces-wrap {
  max-width: 1100px;
  margin: 8px auto 40px;
  padding: 0 5%;
  background: transparent;
}
.tw-proces-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px 24px;
  text-align: center;
  align-items: start;
  margin: 36px 0 28px;
  background: transparent;
}
.tw-proces-grid .tw-proces-nr {
  display: none !important;
}
.tw-proces-grid img,
.tw-overons-waarden img,
.tw-waarden-grid img {
  width: 120px;
  height: 120px;
  object-fit: contain;
  margin: 0 auto 10px;
  display: block;
  background: transparent;
}
.tw-proces-grid h3,
.tw-overons-waarden h3,
.tw-waarden-grid h3 {
  color: var(--tw-groen);
  margin: 14px 0 8px;
  font-size: 1.05rem;
  font-weight: 600;
  font-family: var(--tw-serif);
  text-transform: none;
  letter-spacing: 0;
}
.tw-proces-grid p,
.tw-overons-waarden p {
  margin: 0;
  font-size: .92rem;
  line-height: 1.45;
  color: var(--tw-groen);
}
.tw-waarden-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 28px;
  text-align: center;
  align-items: start;
  max-width: 1100px;
  margin: 0 auto;
  background: transparent;
}
.tw-overons-waarden {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 28px 20px;
  text-align: center;
  align-items: start;
  margin: 36px 0 8px;
  background: transparent;
  max-width: 1100px;
}
.tw-projecten-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
}
.tw-data,
.tw-list.tw-data,
ul.tw-data {
  font-variant-numeric: tabular-nums;
}
@media (max-width: 781px) {
  .tw-proces-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px; }
  .tw-waarden-grid,
  .tw-overons-waarden { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
  .tw-projecten-grid { grid-template-columns: 1fr; }
}

/* ---------- PORTFOLIO INSTAGRAM-GRID + LIGHTBOX ---------- */
.tw-ig { max-width: 1240px; margin: 0 auto; }
.tw-ig__hint {
  text-align: center;
  color: var(--tw-zacht);
  font-size: 15.5px;
  line-height: 1.55;
  margin: 0 0 22px;
  max-width: 46ch;
  margin-inline: auto;
  margin-bottom: 22px;
}
.tw-ig__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}
.tw-ig__cell {
  display: block;
  padding: 0;
  border: 0;
  background: #ddd9d3;
  cursor: zoom-in;
  aspect-ratio: 1;
  overflow: hidden;
  position: relative;
}
.tw-ig__cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s cubic-bezier(.2, .7, .2, 1);
}
.tw-ig__cell:hover img { transform: scale(1.04); }
@media (max-width: 781px) {
  .tw-ig__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
}

.tw-detailvak,
figure.tw-detail,
.tw-mz--groot,
.tw-mz--een,
.tw-mz--twee { cursor: zoom-in; }

/* ---------- FOTO-PLACEHOLDERS (aanleveren) ---------- */
.tw-foto-slot {
  border: 1px dashed var(--tw-lijn-sterk);
  background:
    repeating-linear-gradient(-45deg, transparent, transparent 8px, rgba(180,175,168,.18) 8px, rgba(180,175,168,.18) 9px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 22px 20px;
  color: var(--tw-zacht);
  box-sizing: border-box;
}
.tw-foto-slot strong {
  display: block;
  color: var(--tw-inkt);
  font-family: var(--tw-sans);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .04em;
  margin-bottom: 8px;
}
.tw-foto-slot span {
  font-size: 12.5px;
  line-height: 1.45;
  max-width: 32ch;
}
.tw-foto-slot--16x9 { aspect-ratio: 16/9; }
.tw-foto-slot--4x3 { aspect-ratio: 4/3; width: 100%; }
.tw-foto-slot--1x1 { aspect-ratio: 1/1; }
.tw-foto-slot--3x4 { aspect-ratio: 3/4; max-width: 280px; }

.tw-pagehead__media .tw-foto-slot {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  min-height: 0;
  border: 0;
  background:
    var(--tw-gradient-pagehead),
    repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(180,175,168,.22) 10px, rgba(180,175,168,.22) 11px);
  z-index: 1;
}
.tw-pagehead__media .tw-foto-slot strong {
  position: relative;
  z-index: 1;
}
.tw-split > .tw-foto-slot {
  width: 100%;
  min-height: 280px;
}

/* certificaat van authenticiteit */
.tw-cert {
  max-width: 520px;
  margin: 8px 0 4px;
  background: transparent !important;
}
.tw-cert a {
  display: block;
  cursor: zoom-in;
  background: #fff;
  box-shadow: 0 16px 40px rgba(28, 26, 22, .10);
}
.tw-cert img {
  width: 100%;
  height: auto;
  display: block;
}
.tw-cert figcaption {
  margin-top: 12px;
  font-size: var(--tw-size-small);
  line-height: 1.5;
  color: var(--tw-zacht);
  max-width: 46ch;
}

/* ============================================================
   TYPE-SCHAAL — uniforme hiërarchie (wint van eerdere sizes)
   1 display  2 h2/sectie  3 h3/kaart  4 body  5 small
   Afstand kop → tekst = --tw-gap-kop (16px) overal.
   ============================================================ */

.tw-hero h1,
.tw-pagehead h1,
.tw-ph h1,
.tw-kop--groot,
.tw-cta .tw-kop--groot {
  font-size: var(--tw-size-display) !important;
  line-height: var(--tw-leading-display) !important;
  margin-block: 0 var(--tw-gap-kop) !important;
}

.tw-kop:not(.tw-kop--groot),
h2.wp-block-heading:not(.tw-kop--groot),
.tw-kompas__mid .tw-kop,
.tw-ph__coll,
.tw-cta .tw-kop:not(.tw-kop--groot) {
  font-size: var(--tw-size-h2) !important;
  line-height: var(--tw-leading-h2) !important;
  margin-block: 0 var(--tw-gap-kop) !important;
}

.tw-card__body .tw-kop,
.tw-proces-grid h3,
.tw-overons-waarden h3,
.tw-waarden-grid h3 {
  font-size: var(--tw-size-h3) !important;
  line-height: 1.3 !important;
  margin: 0 0 10px !important;
}

.tw-lead,
.tw-hero__lead,
.tw-sub,
.tw-pagehead p,
.tw-pagehead__inner p,
.tw-split__tekst p,
.tw-narrow > p,
.tw-section > p,
.tw-cta p,
.tw-ph__intro,
.tw-ph__meta {
  font-size: var(--tw-size-body) !important;
  line-height: var(--tw-leading-body) !important;
}

.tw-sub,
.tw-ph__intro {
  font-size: var(--tw-size-small) !important;
  color: var(--tw-zacht);
}

/* vaste adem tussen kop en tekst — geen extra top-margin op de alinea */
.tw-kop + p,
.tw-kop--groot + p,
.tw-hero h1 + p,
.tw-pagehead h1 + p,
.tw-ph h1 + p,
h2 + p,
h3 + p {
  margin-top: 0 !important;
}

.tw-narrow > p,
.tw-narrow > p.tw-lead,
.tw-lead,
.tw-split__tekst > p {
  margin-bottom: var(--tw-gap-p) !important;
}

.tw-split__tekst > * {
  margin-block: 0 var(--tw-gap-p) !important;
}
.tw-split__tekst > .tw-kop,
.tw-split__tekst > .tw-kop--groot,
.tw-split__tekst > h2 {
  margin-bottom: var(--tw-gap-kop) !important;
}

.tw-narrow > .tw-kop:not(:first-child),
.tw-narrow > .tw-kop--groot:not(:first-child) {
  margin-top: 40px !important;
}

/* ============================================================
   INHOUDSKOLOM — zelfde linker- en rechtermarge als de header
   Kop én lopende tekst beginnen op de 1300px-kolom.
   Geen margin-shorthand (margin: 0 0 …) — die zet de
   inline-marge terug op 0 en laat titels naar links verspringen.
   ============================================================ */
.tw-pagehead h1,
.tw-ph h1,
.tw-pagehead p,
.tw-pagehead__inner > *,
.entry-content > h1,
.entry-content > h2,
.entry-content > h3,
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > .tw-split {
  margin-inline-start: max(0px, (100% - var(--tw-kolom, 1300px)) / 2) !important;
  margin-inline-end: 0 !important;
}

@media (min-width: 900px) {
  .tw-hero__text {
    padding-inline: 0;
  }
}

/* ---------- adres & bereikbaarheid (atelier) ---------- */
.tw-adres .tw-adres__grid,
.tw-adres .tw-split.tw-adres__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(40px, 5vw, 80px);
  align-items: start;
  max-width: var(--tw-kolom, 1300px);
}
.tw-adres__col > * {
  margin-block: 0 16px !important;
  max-width: none !important;
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important;
}
.tw-adres__col > .tw-kop,
.tw-adres__col > h2 {
  font-size: var(--tw-size-h2) !important;
  line-height: var(--tw-leading-h2) !important;
  margin-block: 0 20px !important;
}
.tw-adres__locatie {
  font-size: var(--tw-size-body) !important;
  line-height: var(--tw-body-leading) !important;
  color: var(--tw-inkt);
}
.tw-adres__note {
  font-size: var(--tw-size-small) !important;
  line-height: var(--tw-body-leading) !important;
  color: var(--tw-zacht);
}
.tw-adres__links {
  font-size: var(--tw-size-body) !important;
  line-height: var(--tw-body-leading) !important;
}
.tw-adres__links a {
  color: var(--tw-inkt);
  text-decoration: none;
  border-bottom: 1px solid var(--tw-lijn-sterk);
}
.tw-adres__links a:hover {
  color: var(--tw-groen);
  border-bottom-color: var(--tw-groen);
}
.tw-adres__col > p:not(.tw-adres__note):not(.tw-adres__locatie) {
  font-size: var(--tw-size-body) !important;
  line-height: var(--tw-body-leading) !important;
  max-width: 46ch;
}
.tw-adres__col > .wp-block-buttons {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}
.tw-adres__col > :last-child {
  margin-bottom: 0 !important;
}
@media (max-width: 820px) {
  .tw-adres .tw-split.tw-adres__grid {
    grid-template-columns: 1fr !important;
    gap: 36px;
  }
}



/* reviewpagina: foto 20px lager, 10 procent kleiner, onderkant gelijk */
.tw-pagehead--foto {
  background: #E7E2DB;
  min-height: clamp(406px, calc(28.8vw + 27px), 459px);
}
.tw-pagehead--foto > * {
  margin-block: 0 !important;
}
.tw-pagehead--foto .tw-pagehead__media {
  top: 92px !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: 70.2% !important;
  height: auto !important;
  aspect-ratio: auto;
  z-index: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .2) 8%, rgba(0, 0, 0, .62) 20%, #000 34%);
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .2) 8%, rgba(0, 0, 0, .62) 20%, #000 34%);
}
.tw-pagehead--foto .tw-pagehead__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 46%;
}
.tw-pagehead--foto .tw-pagehead__inner {
  position: relative;
  z-index: 2;
  padding-top: clamp(150px, 13vw, 180px) !important;
  padding-bottom: clamp(28px, 3vw, 40px) !important;
}
@media (max-width: 780px) {
  .tw-pagehead--foto {
    min-height: 336px;
  }
  .tw-pagehead--foto .tw-pagehead__media {
    top: 116px !important;
    width: 82.8% !important;
  }
  .tw-pagehead--foto .tw-pagehead__inner {
    padding-top: 120px !important;
  }
}


/* ---------- productpagina's: speclijst, certificaat en losse alinea's op de inhoudskolom (fix 22-09-2026) ---------- */
.tw-section > .tw-data,
.tw-section > .tw-data.tw-data--sheet,
.tw-section > figure.tw-cert,
.tw-section > .wp-block-heading ~ p {
  margin-inline-start: max(0px, (100% - var(--tw-kolom, 1300px)) / 2) !important;
  margin-inline-end: auto !important;
}
.tw-section > .wp-block-heading ~ p {
  max-width: var(--tw-maat-inhoud) !important;
}
.tw-section > figure.tw-cert {
  margin-top: 8px !important;
  margin-bottom: 4px !important;
}

/* Statische foto's (23-9-2026): klasse tw-statisch = geen lichtbak, geen vergrootglas-cursor.
   Het klikscript in de kopbalk slaat .tw-statisch over. Eerst gebruikt voor het portret van Thomas op Over ons. */
.tw-statisch img { cursor: default !important; }
/* Portret Thomas: op mobiel even smal als het oude fotovak (240px) in plaats van schermbreed */
@media (max-width: 820px) {
  .tw-split--thomas > .tw-thomas-foto { max-width: 240px !important; }
}

/* Statische foto als losse figuur in een tw-split (23-9-2026), bv. "Thomas aan het werk" op Atelier.
   Bewust geen wp-block-image: die schuift in tw-split--omgekeerd naar rechts; deze blijft links zoals het vak. */
.tw-split > figure.tw-statisch { width: 100%; margin: 0 !important; }
.tw-split > figure.tw-statisch img { display: block; width: 100%; height: auto; }

/* Paginakop met een echte foto in een div.tw-pagehead__media > figure (Contact, 23-9-2026).
   Op desktop vulde de figure de kop niet: de foto werd vierkant op volle breedte en je zag alleen de bovenste strook (plafond).
   Mobiel had deze regel al (zie max-width:780px). */
@media (min-width: 781px) {
  .tw-pagehead__media > figure { height: 100%; margin: 0 !important; }
}
/* Contact-banner (vergadertafel): gezichten en tafel in beeld in plaats van het midden van de foto */
@media (min-width: 781px) {
  .tw-pagehead__media img.wp-image-1885 { object-position: 50% 38%; }
}


/* ---------- LANDINGSPAGINA boomstamtafel (.tw-lp-*) — template "Landingspagina (zonder menu)" ---------- */
.tw-header--lp .tw-header__bar { padding-inline: var(--wp--style--root--padding-left, 24px) !important; }
@media (min-width: 1400px) { .tw-header--lp .tw-header__bar { padding-inline: 0 !important; } }
/* landingspagina: geen menubalk, dus geen ruimte reserveren voor een vaste header */
body.page-template-landingspagina .wp-site-blocks > header,
body.page-template-landingspagina .tw-header--lp { position: relative !important; top: auto !important; }
body.page-template-landingspagina .wp-site-blocks > main { padding-top: 0 !important; margin-top: 0 !important; }
.tw-lp-kop { display: flex; align-items: center; gap: clamp(12px, 2vw, 26px); }
.tw-lp-kop__tel { font-family: var(--tw-sans); font-size: 15px; color: var(--tw-inkt); text-decoration: none; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tw-lp-kop__tel:hover { color: var(--tw-groen); }
.tw-lp-kop__knop { background: var(--tw-groen); color: var(--tw-cta-tekst); text-decoration: none; font-family: var(--tw-sans); font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; padding: 13px 20px; white-space: nowrap; transition: background .2s ease; }
.tw-lp-kop__knop:hover { background: var(--tw-groen-licht); color: var(--tw-cta-tekst); }
@media (max-width: 600px) {
  .tw-lp-kop__tel { display: none; }
  .tw-lp-kop__knop { padding: 10px 12px; font-size: 10.5px; letter-spacing: .1em; }
  .tw-header--lp .wp-block-site-logo img { width: 150px !important; }
}

.tw-lp-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr);
  gap: clamp(24px, 4vw, 64px);
  align-items: center;
  padding-block: clamp(28px, 4vw, 56px) !important;
  padding-inline: max(var(--wp--style--root--padding-left, 24px), (100% + var(--wp--style--root--padding-left, 24px) + var(--wp--style--root--padding-right, 24px) - var(--tw-kolom, 1300px)) / 2) !important;
  background: var(--tw-gradient-hero);
  margin-top: 0 !important;
}
.tw-lp-hero > * { margin: 0 !important; max-width: none !important; }
.tw-lp-hero__tekst > * { margin-inline: 0 !important; max-width: none !important; }
.tw-lp-logo { margin: 0 0 clamp(18px, 2.4vw, 28px) !important; }
.tw-lp-logo img { width: clamp(130px, 12vw, 170px) !important; height: auto; }
.tw-lp-kicker { font-size: var(--tw-size-micro) !important; letter-spacing: .16em; text-transform: uppercase; color: var(--tw-groen); margin: 0 0 14px !important; }
.tw-lp-hero h1 { font-size: var(--tw-size-display) !important; line-height: var(--tw-leading-display) !important; margin: 0 0 var(--tw-gap-kop) !important; }
.tw-lp-lead { font-size: var(--tw-size-body) !important; line-height: var(--tw-leading-body) !important; max-width: 50ch !important; margin: 0 0 24px !important; }
.tw-lp-hero .wp-block-buttons { margin: 0 0 22px !important; }
.tw-lp-trust { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 13.5px; line-height: 1.4; color: var(--tw-zacht); }
.tw-lp-trust li { margin: 0 !important; padding: 0 !important; }
.tw-lp-trust li:before { content: "\2713"; color: var(--tw-groen); margin-right: 7px; font-weight: 600; }
.tw-lp-hero__beeld figure { margin: 0 !important; }
.tw-lp-hero__beeld img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }
@media (max-width: 860px) {
  .tw-lp-hero { grid-template-columns: 1fr; }
}

.tw-lp-collage {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: clamp(140px, 15vw, 220px);
  grid-auto-flow: dense;
  gap: 8px;
  max-width: var(--tw-kolom, 1300px) !important;
  margin-inline: auto !important;
  margin-block: 8px 0 !important;
}
.tw-lp-collage > figure { margin: 0 !important; overflow: hidden; background: var(--tw-lijn); max-width: none !important; }
.tw-lp-collage > figure img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; transition: transform .5s cubic-bezier(.2, .7, .2, 1); }
.tw-lp-collage > figure:hover img { transform: scale(1.03); }
.tw-lp-collage > .tw-lp-hoog { grid-row: span 2; }
.tw-lp-collage > .tw-lp-breed { grid-column: span 2; }
@media (max-width: 780px) {
  .tw-lp-collage { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 40vw; gap: 5px; }
}

.tw-lp-usp { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(16px, 2.4vw, 32px); max-width: var(--tw-kolom, 1300px) !important; margin-inline: auto !important; }
.tw-lp-usp > div { border-top: 2px solid var(--tw-groen); padding-top: 16px; }
.tw-lp-usp h3 { font-family: var(--tw-serif); font-size: var(--tw-size-h3) !important; line-height: 1.3 !important; margin: 0 0 8px !important; color: var(--tw-inkt); }
.tw-lp-usp p { margin: 0 !important; font-size: 15px !important; line-height: 1.55 !important; color: var(--tw-zacht); }
@media (max-width: 860px) { .tw-lp-usp { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .tw-lp-usp { grid-template-columns: 1fr; } }

/* ---------- landingspagina: redactionele collage, tekst tussen de foto's (.tw-ed) ---------- */
.tw-ed {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-rows: clamp(46px, 5vw, 66px);
  gap: 12px;
  grid-template-areas:
    ".  t1 t1 t1 t1 b  b  b  .  .  .  ."
    ".  t1 t1 t1 t1 b  b  b  c  c  c  c"
    ".  d  d  d  d  b  b  b  c  c  c  c"
    ".  d  d  d  d  b  b  b  e  e  e  ."
    ".  d  d  d  d  f  f  f  e  e  e  ."
    "g  g  g  g  g  f  f  f  e  e  e  ."
    "g  g  g  g  g  f  f  f  h  h  h  i"
    "g  g  g  g  g  j  j  j  h  h  h  i"
    "g  g  g  g  g  j  j  j  h  h  h  i"
    "k  k  l  l  l  j  j  j  m  m  m  m"
    "k  k  l  l  l  n  n  n  m  m  m  m"
    "k  k  l  l  l  n  n  n  o  o  o  ."
    ".  .  l  l  l  n  n  n  o  o  o  .";
  max-width: var(--tw-kolom, 1300px) !important;
  margin: clamp(20px, 3vw, 40px) auto 0 !important;
}
.tw-ed > * { margin: 0 !important; max-width: none !important; min-width: 0; }
.tw-ed--t1 { grid-area: t1; } .tw-ed--b { grid-area: b; } .tw-ed--c { grid-area: c; } .tw-ed--d { grid-area: d; }
.tw-ed--e { grid-area: e; } .tw-ed--f { grid-area: f; } .tw-ed--g { grid-area: g; } .tw-ed--h { grid-area: h; }
.tw-ed--i { grid-area: i; } .tw-ed--j { grid-area: j; } .tw-ed--k { grid-area: k; } .tw-ed--l { grid-area: l; }
.tw-ed--m { grid-area: m; } .tw-ed--n { grid-area: n; } .tw-ed--o { grid-area: o; }
.tw-ed > figure { overflow: hidden; background: var(--tw-lijn); }
.tw-ed > figure img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.tw-ed > figure:hover img { transform: scale(1.03); }
.tw-ed__tekst { align-self: center; text-align: center; padding: 0 clamp(4px, 1vw, 16px); }
.tw-ed__tekst > * { margin-inline: auto !important; max-width: 34ch !important; }
.tw-ed__tekst h3 { font-family: var(--tw-serif); font-weight: 600; text-transform: uppercase; letter-spacing: .08em; font-size: clamp(16px, 1.55vw, 21px) !important; line-height: 1.25 !important; color: var(--tw-inkt); margin: 0 auto 10px !important; }
.tw-ed__tekst p { font-size: 14.5px !important; line-height: 1.55 !important; color: var(--tw-zacht); margin: 0 auto !important; }
.tw-ed--k { align-self: start; padding-top: 6px; }
@media (max-width: 860px) {
  .tw-ed { grid-template-areas: none; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: auto; gap: 6px; }
  .tw-ed > * { grid-area: auto !important; }
  .tw-ed > figure { aspect-ratio: 1; }
  .tw-ed--g, .tw-ed--l { grid-column: span 2; aspect-ratio: 16 / 10 !important; }
  .tw-ed--i { display: none !important; }
  .tw-ed__tekst { grid-column: span 2; padding: 22px 12px 18px; align-self: auto; }
}

/* ---------- landingspagina: schermvullende collage met kop, knoppen en tekst (.tw-vc) ---------- */
.tw-vc {
  --tw-vc-top: 0px;
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: repeat(8, minmax(0, 1fr));
  gap: clamp(12px, 1.3vw, 22px);
  grid-template-areas:
    "h  h  h  h  .  .  .  .  rv rv rv rv"
    "h  h  h  h  .  .  .  .  rv rv rv rv"
    "h  h  h  h  .  .  .  .  .  .  .  ."
    "h  h  h  h  .  .  .  .  .  .  .  ."
    "h  h  h  h  .  .  .  .  .  z  z  z"
    "e  e  e  e  .  .  .  .  .  z  z  z"
    "e  e  e  e  .  .  .  .  .  k  k  k"
    "t1 t1 t1 t1 .  .  .  .  .  k  k  k";
  height: max(560px, calc(100svh - var(--tw-vc-top)));
  padding: clamp(6px, .7vw, 12px) max(clamp(12px, 1.6vw, 28px), (100% - 1640px) / 2) !important;
  margin-block: 0 !important;
  max-width: none !important;
  box-sizing: border-box;
  background: transparent;
}
.admin-bar .tw-vc { --tw-vc-top: 32px; }
.tw-vc > * { margin: 0 !important; max-width: none !important; min-width: 0; min-height: 0; }
.tw-vc--h { grid-area: h; } .tw-vc--a { grid-area: a; } .tw-vc--b { grid-area: b; } .tw-vc--c { grid-area: c; }
.tw-vc--d { grid-area: d; } .tw-vc--e { grid-area: e; } .tw-vc--f { grid-area: f; } .tw-vc--k { grid-area: k; }
.tw-vc--t1 { grid-area: t1; } .tw-vc--t2 { grid-area: t2; }
.tw-vc > figure { overflow: hidden; background: var(--tw-lijn); }
.tw-vc > figure img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.tw-vc > figure:hover img { transform: scale(1.03); }

.tw-vc__kop { display: flex; flex-direction: column; justify-content: center; padding: 4px clamp(8px, 2vw, 36px) 4px clamp(4px, 1vw, 16px); }
.tw-vc__kop > * { margin: 0 !important; max-width: none !important; }
.tw-vc__logo { margin-bottom: clamp(14px, 2.2vh, 28px) !important; }
.tw-vc__logo img { width: clamp(120px, 10vw, 160px) !important; height: auto; }
.tw-vc__kop h1 { font-size: clamp(28px, min(3.1vw, 5.2vh), 50px) !important; line-height: 1.1 !important; margin-bottom: clamp(10px, 1.6vh, 18px) !important; }
.tw-vc__lead { font-size: clamp(15px, min(1.15vw, 2.1vh), 17px) !important; line-height: 1.55 !important; max-width: 44ch !important; margin-bottom: clamp(14px, 2.4vh, 26px) !important; color: var(--tw-inkt); }
.tw-vc__kop .wp-block-buttons { margin-bottom: 10px !important; }
.tw-vc__tel { font-size: 14px !important; color: var(--tw-zacht); }
.tw-vc__tel a { color: var(--tw-inkt); font-variant-numeric: tabular-nums; }

.tw-vc__tekst { align-self: center; text-align: center; padding: 0 clamp(6px, 1vw, 18px); }
.tw-vc__tekst > * { margin-inline: auto !important; max-width: 30ch !important; }
.tw-vc__tekst h3 { font-family: var(--tw-serif); font-weight: 600; text-transform: uppercase; letter-spacing: .08em; font-size: clamp(15px, 1.35vw, 20px) !important; line-height: 1.25 !important; margin: 0 auto 8px !important; }
.tw-vc__tekst p { font-size: clamp(13px, 1vw, 14.5px) !important; line-height: 1.5 !important; color: var(--tw-zacht); margin: 0 auto !important; }

.tw-vc__knop { display: flex; flex-direction: column; justify-content: flex-end; gap: 8px; padding: clamp(12px, 1.4vw, 22px); background: var(--tw-groen); color: var(--tw-cta-tekst); text-decoration: none; transition: background .25s ease; }
.tw-vc__knop:hover { background: var(--tw-groen-licht); color: var(--tw-cta-tekst); }
.tw-vc__knop-t { font-family: var(--tw-sans); font-weight: 600; font-size: clamp(11px, .9vw, 13px); letter-spacing: .14em; text-transform: uppercase; line-height: 1.35; }
.tw-vc__knop-s { font-size: clamp(12px, .9vw, 13.5px); line-height: 1.4; color: var(--tw-cta-muted); }
.tw-vc--t1 { align-self: center; padding-left: clamp(4px, 1vw, 16px) !important; }

@media (max-width: 860px) {
  .tw-vc {
    height: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto auto auto auto 52vw 64vw auto;
    grid-template-areas:
      "h  h"
      "t1 t1"
      "rv rv"
      "t2 t2"
      "e  e"
      "z  z"
      "k  k";
    padding: 8px var(--wp--style--root--padding-left, 20px) 16px !important;
    gap: 6px;
  }
  .tw-vc__kop { padding: 18px 0 14px; }
  .tw-vc__kop h1 { font-size: clamp(28px, 8vw, 36px) !important; }
  .tw-vc--t1 { padding: 4px 0 12px !important; }
  .tw-vc__knop { min-height: 40vw; }
  .tw-vc__tekst { padding: 8px; }
}

/* landingspagina: header zonder reviewbalk = geen zichtbare header */
.tw-header--lp { border-bottom: 0 !important; background: transparent !important; min-height: 0 !important; padding: 0 !important; }
/* wisselende review in de collage */
.tw-vc__review { display: flex; align-items: center; justify-content: center; text-align: center; padding: 4px clamp(6px, 1vw, 16px); overflow: hidden; }
.tw-vc__review-in { transition: opacity .45s ease; max-width: 34ch; }
.tw-vc__review p { margin: 0 !important; }
.tw-vc__sterren { color: var(--tw-groen); letter-spacing: .18em; font-size: 12px !important; margin-bottom: 6px !important; }
.tw-vc__quote { font-family: var(--tw-serif); font-style: italic; font-size: clamp(13px, min(1.1vw, 2.1vh), 17px) !important; line-height: 1.42 !important; color: var(--tw-inkt); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.tw-vc__bron { margin-top: 8px !important; font-size: 11px !important; letter-spacing: .14em; text-transform: uppercase; color: var(--tw-zacht); }
.tw-lp-waarden { margin-top: clamp(24px, 4vw, 56px) !important; }
@media (max-width: 860px) { .tw-vc__review { padding: 14px 6px; } .tw-vc__quote { -webkit-line-clamp: 7; } }

/* landingspagina: detail-elementen in de collage (verspringende kaders, label, handschrift) */
.tw-vc > figure { position: relative; }
.tw-vc--a { box-shadow: -14px 14px 0 -4px var(--tw-vlak); }
.tw-vc--b { box-shadow: 14px -14px 0 -4px var(--tw-vlak); }
.tw-vc--f { box-shadow: 14px 14px 0 -4px var(--tw-vlak); }
.tw-vc--e { box-shadow: -14px -14px 0 -4px var(--tw-lijn-sterk); }
.tw-vc--d { box-shadow: 14px 14px 0 -4px var(--tw-lijn); }
.tw-vc__label {
  grid-column: 7 / 8; grid-row: 5 / 9; justify-self: end; align-self: center;
  z-index: 3; margin: 0 !important;
  transform: translateX(calc(50% + clamp(3px, .35vw, 6px)));
  background: var(--tw-inkt); color: var(--tw-cta-tekst);
  padding: clamp(14px, 2vh, 22px) clamp(8px, .7vw, 11px);
  box-shadow: 8px 8px 0 -2px var(--tw-vlak);
}
.tw-vc__label span {
  display: block; writing-mode: vertical-rl; transform: rotate(180deg);
  font-family: var(--tw-serif); text-transform: uppercase; letter-spacing: .24em;
  font-size: clamp(10px, .8vw, 12.5px); line-height: 1; white-space: nowrap;
}
.tw-vc__script {
  grid-area: e; justify-self: end; align-self: start; z-index: 3;
  margin: 0 !important; max-width: none !important;
  transform: translate(clamp(4px, 1vw, 16px), -58%);
  font-family: var(--tw-serif); font-style: italic; font-weight: 400;
  font-size: clamp(22px, min(2.3vw, 4vh), 36px) !important; line-height: 1 !important;
  color: var(--tw-inkt); background: var(--tw-warm); padding: 4px 14px 8px;
  pointer-events: none;
}
@media (max-width: 860px) {
  .tw-vc__label { display: none; }
  .tw-vc__script { grid-area: e; font-size: 22px !important; transform: translate(-6px, -55%); }
  .tw-vc--a, .tw-vc--b, .tw-vc--d, .tw-vc--e, .tw-vc--f { box-shadow: none; }
}

/* collage v3: mosgroen en bruin, extra tekstvakken, grotere offerte-tegel */
.tw-vc--rv { grid-area: rv; } .tw-vc--g { grid-area: g; } .tw-vc--t3 { grid-area: t3; } .tw-vc--t4 { grid-area: t4; }
.tw-vc__review { background: var(--tw-zand); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tw-groen) 18%, transparent); }
.tw-vc__tekst--mos, .tw-vc__tekst--bruin { align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding: clamp(10px, 1.2vw, 20px) !important; }
.tw-vc__tekst--mos { background: var(--tw-groen-licht); }
.tw-vc__tekst--bruin { background: var(--tw-groen); }
.tw-vc__tekst--mos h3, .tw-vc__tekst--bruin h3 { color: var(--tw-cta-tekst) !important; }
.tw-vc__tekst--mos p, .tw-vc__tekst--bruin p { color: var(--tw-cta-muted) !important; }
.tw-vc--t4 h3 { font-size: clamp(13px, 1.1vw, 17px) !important; margin-bottom: 4px !important; }
.tw-vc--t4 p { font-size: clamp(12px, .9vw, 13.5px) !important; line-height: 1.4 !important; }
.tw-vc__knop { justify-content: center; gap: 6px; padding: clamp(14px, 1.8vw, 28px) !important; position: relative; }
.tw-vc__knop-kicker { font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--tw-cta-muted); }
.tw-vc__knop-t { font-family: var(--tw-serif) !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; font-size: clamp(19px, min(1.7vw, 3vh), 28px) !important; line-height: 1.15 !important; color: var(--tw-cta-tekst); }
.tw-vc__knop-s { font-size: clamp(12.5px, .95vw, 14px) !important; max-width: 30ch; }
.tw-vc__knop-pijl { position: absolute; right: clamp(14px, 1.6vw, 24px); bottom: clamp(10px, 1.4vw, 20px); font-size: 22px; color: var(--tw-cta-muted); transition: transform .25s ease; }
.tw-vc__knop:hover .tw-vc__knop-pijl { transform: translateX(4px); }
.tw-vc__label { background: var(--tw-groen) !important; box-shadow: 8px 8px 0 -2px var(--tw-cta-muted) !important; }
.tw-vc--a { box-shadow: -14px 14px 0 -4px var(--tw-zand) !important; }
.tw-vc--b { box-shadow: 14px -14px 0 -4px var(--tw-lijn-sterk) !important; }
.tw-vc--f { box-shadow: 14px 14px 0 -4px var(--tw-lijn) !important; }
.tw-vc--e { box-shadow: -14px -14px 0 -4px var(--tw-groen-licht) !important; }
.tw-vc--d { box-shadow: -14px 14px 0 -4px var(--tw-groen) !important; }
.tw-vc--c { box-shadow: 14px 14px 0 -4px var(--tw-zand); }
.tw-vc__script { color: var(--tw-groen) !important; }
@media (max-width: 860px) {
  .tw-vc--g { display: none !important; }
  .tw-vc--c, .tw-vc--a, .tw-vc--b, .tw-vc--d, .tw-vc--e, .tw-vc--f { box-shadow: none !important; }
  .tw-vc__knop { min-height: 0 !important; padding: 22px 18px 26px !important; }
  .tw-vc__tekst--mos, .tw-vc__tekst--bruin { padding: 16px 12px !important; }
}

.tw-vc__kop h1 { font-size: clamp(26px, min(2.8vw, 4.5vh), 46px) !important; margin-bottom: clamp(8px, 1.2vh, 16px) !important; }
.tw-vc__logo { margin-bottom: clamp(10px, 1.6vh, 22px) !important; }
.tw-vc__lead { margin-bottom: clamp(10px, 1.8vh, 22px) !important; line-height: 1.5 !important; }
.tw-vc__kop .wp-block-buttons { margin-bottom: 6px !important; }
@media (max-width: 860px) { .tw-vc__kop h1 { font-size: clamp(28px, 8vw, 36px) !important; } }

/* certificaat als 'geplakt' voorbeeld in de collage */
.tw-vc--z { grid-area: z; }
.tw-vc__cert { background: var(--tw-vlak) !important; padding: clamp(6px, .6vw, 10px); transform: rotate(-1.6deg); box-shadow: 10px 10px 0 -2px var(--tw-zand), 0 12px 28px color-mix(in srgb, var(--tw-inkt) 14%, transparent) !important; z-index: 2; }
.tw-vc__cert img { object-fit: contain !important; background: var(--tw-vlak); }
.tw-vc > figure.tw-vc__cert:hover img { transform: none; }
@media (max-width: 860px) { .tw-vc__cert { transform: none; box-shadow: none !important; } }

/* achtergrondfoto linksboven: dezelfde wisselende foto's als de homepage, vervaagt naar de zijkanten */
.tw-vc { isolation: isolate; }
.tw-vc__bg {
  grid-column: 1 / 11; grid-row: 1 / 5; position: relative; z-index: -1;
  margin: calc(-1 * clamp(6px, .7vw, 12px)) 0 0 0 !important; overflow: hidden; pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 16%, rgba(0,0,0,.18) 30%, rgba(0,0,0,.65) 43%, #000 56%, #000 80%, transparent 100%), linear-gradient(180deg, #000 0%, #000 58%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent 0%, transparent 16%, rgba(0,0,0,.18) 30%, rgba(0,0,0,.65) 43%, #000 56%, #000 80%, transparent 100%), linear-gradient(180deg, #000 0%, #000 58%, transparent 100%);
  mask-composite: intersect;
}
.tw-vc__bg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 55%; opacity: 0; animation: twHeroFade 28s linear infinite; }
.tw-vc__bg img:nth-child(1) { animation-delay: -1.2s; }
.tw-vc__bg img:nth-child(2) { animation-delay: 5.8s; }
.tw-vc__bg img:nth-child(3) { animation-delay: 12.8s; }
.tw-vc__bg img:nth-child(4) { animation-delay: 19.8s; }
@media (prefers-reduced-motion: reduce) { .tw-vc__bg img { animation: none; } .tw-vc__bg img:first-child { opacity: 1; } }
@media (max-width: 860px) {
  .tw-vc__bg { grid-column: 1 / -1; grid-row: 1 / 2; margin: -8px calc(-1 * var(--wp--style--root--padding-left, 20px)) 0 !important; opacity: .3;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 55%, transparent 100%); mask-image: linear-gradient(180deg, #000 0%, #000 55%, transparent 100%); }
}

/* wisselende atelierfoto rechtsonder, loopt vervagend door onder de vakken */
.tw-vc__bg--atelier {
  grid-column: 8 / 13; grid-row: 4 / 9; margin: 0 !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.4) 14%, #000 30%, #000 92%, transparent 100%), linear-gradient(180deg, transparent 0%, rgba(0,0,0,.5) 10%, #000 22%, #000 82%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.4) 14%, #000 30%, #000 92%, transparent 100%), linear-gradient(180deg, transparent 0%, rgba(0,0,0,.5) 10%, #000 22%, #000 82%, transparent 100%);
}
.tw-vc__bg--atelier img { object-position: center 35%; }
/* houtringen in het mosgroene vak rechtsboven */
.tw-vc--t3 { position: relative; overflow: hidden; }
.tw-vc--t3 > * { position: relative; z-index: 1; }
.tw-vc--t3::after { content: ""; position: absolute; right: -38%; bottom: -55%; width: 125%; aspect-ratio: 1; background: none center / contain no-repeat; mix-blend-mode: multiply; opacity: .9; pointer-events: none; z-index: 0; }
/* offerte-tegel schuift na 3 seconden van rechts in beeld */
.tw-vc { overflow-x: clip; }
.tw-vc--k { animation: twLpSlideIn .9s cubic-bezier(.2, .7, .2, 1) 3s both; }
@keyframes twLpSlideIn { from { transform: translateX(calc(100% + 80px)); opacity: 0; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .tw-vc--k { animation: none; } }
/* certificaat onder de veelgestelde vragen */
.tw-faq__item--cert .tw-cert { margin: 0 !important; max-width: 420px; }
@media (max-width: 860px) {
  .tw-vc__bg--atelier { grid-area: z; opacity: 1; margin: 0 !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 70%, transparent 100%); mask-image: linear-gradient(180deg, #000 0%, #000 70%, transparent 100%); }
}

/* v4: offerte 80% tot hover, review zonder vlak, grote website-knoppen */
.tw-vc--k { transition: opacity .25s ease; }
.tw-vc__knop.tw-vc--k { background: color-mix(in srgb, var(--tw-groen) 50%, transparent) !important; transition: background .25s ease; }
.tw-vc__knop.tw-vc--k:hover, .tw-vc__knop.tw-vc--k:focus-visible { background: var(--tw-groen) !important; }
.tw-vc__review { background: transparent !important; box-shadow: none !important; border: 0 !important; }
.tw-vc__site { margin-top: clamp(10px, 1.6vh, 18px) !important; }
.tw-vc__site .wp-block-button__link { white-space: nowrap; letter-spacing: .1em !important; font-size: clamp(11px, .9vw, 14px) !important; padding: clamp(12px, 1.6vh, 16px) clamp(18px, 1.8vw, 28px) !important; }
.tw-faq__item--site { display: flex; flex-direction: column; justify-content: center; gap: 12px; }
.tw-lp-site__kicker { font-size: 11px !important; letter-spacing: .18em; text-transform: uppercase; color: var(--tw-groen) !important; margin: 0 !important; }
.tw-lp-site { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: clamp(20px, 2.4vw, 32px) clamp(22px, 2.6vw, 36px); background: var(--tw-groen); color: var(--tw-cta-tekst) !important; text-decoration: none !important; font-family: var(--tw-serif); font-size: clamp(20px, 1.9vw, 28px); line-height: 1.2; transition: background .25s ease; }
.tw-lp-site:hover { background: var(--tw-groen-licht); }
.tw-lp-site__pijl { font-family: var(--tw-sans); font-size: 1.1em; transition: transform .25s ease; }
.tw-lp-site:hover .tw-lp-site__pijl { transform: translateX(5px); }
.tw-lp-site__sub { font-size: 14px !important; color: var(--tw-zacht) !important; margin: 0 !important; }

/* kopblok compacter met extra knop */
@media (min-width: 861px) {
  .tw-vc__kop h1 { font-size: clamp(24px, min(2.7vw, 4.1vh), 46px) !important; }
  .tw-vc__lead { font-size: clamp(14px, min(1.1vw, 1.95vh), 17px) !important; margin-bottom: clamp(8px, 1.5vh, 20px) !important; }
  .tw-vc__logo { margin-bottom: clamp(8px, 1.3vh, 20px) !important; }
  .tw-vc__logo img { width: clamp(110px, min(9vw, 14vh), 160px) !important; }
  .tw-vc__kop .wp-block-button__link { padding-block: clamp(10px, 1.5vh, 16px) !important; }
  .tw-vc__site { margin-top: clamp(6px, 1.1vh, 16px) !important; }
  .tw-vc__kop { padding-block: 0 !important; }
}
@media (min-width: 861px) and (max-width: 1100px) { .tw-vc__lead { font-size: 14px !important; line-height: 1.45 !important; } }

.tw-vc--k .tw-vc__knop-kicker, .tw-vc--k .tw-vc__knop-s, .tw-vc--k .tw-vc__knop-t, .tw-vc--k .tw-vc__knop-pijl { color: var(--tw-cta-tekst) !important; text-shadow: 0 1px 8px color-mix(in srgb, var(--tw-inkt) 35%, transparent); }
/* 'lees meer' rechtsonder in de collage */
.tw-vc__lees.tw-vc--k { animation: none !important; background: none !important; justify-self: end; align-self: end; display: inline-flex; align-items: center; gap: clamp(12px, 1.2vw, 18px); padding: 6px 4px !important; font-family: var(--tw-sans); font-size: clamp(16px, 1.35vw, 22px); font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--tw-inkt) !important; text-decoration: none !important; }
.tw-vc__lees svg { width: clamp(28px, 2.4vw, 40px); height: clamp(28px, 2.4vw, 40px); fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s ease; }
.tw-vc__lees:hover { color: var(--tw-groen) !important; }
.tw-vc__lees:hover svg { transform: translateY(7px); }
@media (prefers-reduced-motion: no-preference) { .tw-vc__lees svg { animation: twLeesBob 2.4s ease-in-out 2s infinite; } }
@keyframes twLeesBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(7px); } }
#meer { scroll-margin-top: 48px; }
@media (max-width: 860px) { .tw-vc__lees { display: none !important; } }

/* wisselende tekst (.tw-wissel) — in WordPress: groep 'tw-wissel' met per tekst een groep 'tw-wissel__item' (kop + alinea). Dupliceer een item om er een toe te voegen. */
body:not(.editor-styles-wrapper) .tw-wissel:not(.is-klaar) > .tw-wissel__item:not(:first-child) { display: none; }
.tw-wissel.is-klaar { display: grid !important; align-items: center; }
.tw-wissel.is-klaar > .tw-wissel__item { grid-area: 1 / 1; opacity: 0; transition: opacity .7s ease; }
.tw-wissel.is-klaar > .tw-wissel__item.is-actief { opacity: 1; }
.tw-wissel__item > * { margin-inline: auto !important; max-width: 30ch !important; }
.tw-wissel__item h3 { font-family: var(--tw-serif); font-weight: 600; text-transform: uppercase; letter-spacing: .08em; font-size: clamp(15px, 1.35vw, 20px) !important; line-height: 1.25 !important; margin: 0 auto 8px !important; }
.tw-wissel__item p { font-size: clamp(13px, 1vw, 14.5px) !important; line-height: 1.5 !important; color: var(--tw-zacht); margin: 0 auto !important; }

/* wisseltekst in het mosgroene vak: lichte tekst houden */
.tw-vc__tekst--mos .tw-wissel__item h3 { color: var(--tw-cta-tekst) !important; }
.tw-vc__tekst--mos .tw-wissel__item p { color: var(--tw-cta-muted) !important; }
.tw-vc__tekst--mos.tw-wissel.is-klaar { display: grid !important; align-content: center; }

/* 'klik hier voor de volledige website': zonder kader, pijltjes links en rechts die naar de tekst toe bewegen */
.tw-vc__site .wp-block-button__link { border: 0 !important; background: none !important; box-shadow: none !important; padding: 6px 0 !important; display: inline-flex !important; align-items: center; gap: clamp(8px, .8vw, 12px); color: var(--tw-inkt) !important; letter-spacing: .08em !important; white-space: nowrap; }
.tw-vc__site .wp-block-button__link::before,
.tw-vc__site .wp-block-button__link::after { font-family: var(--tw-sans); font-size: 1.35em; line-height: 1; color: var(--tw-groen); display: inline-block; }
.tw-vc__site .wp-block-button__link::before { content: "\2192"; animation: twPijlL 1.6s ease-in-out infinite; }
.tw-vc__site .wp-block-button__link::after { content: "\2190"; animation: twPijlR 1.6s ease-in-out infinite; }
.tw-vc__site .wp-block-button__link:hover { color: var(--tw-groen) !important; }
@keyframes twPijlL { 0%, 100% { transform: translateX(-4px); } 50% { transform: translateX(3px); } }
@keyframes twPijlR { 0%, 100% { transform: translateX(4px); } 50% { transform: translateX(-3px); } }
@media (prefers-reduced-motion: reduce) { .tw-vc__site .wp-block-button__link::before, .tw-vc__site .wp-block-button__link::after { animation: none; } }

/* wisseltekst exact in het midden van het eerste scherm */
@media (min-width: 861px) {
  .tw-vc > .tw-vc--t2 { grid-column: 1 / -1 !important; grid-row: 1 / -1 !important; justify-self: center; align-self: center; width: min(36ch, 30%); z-index: 2; pointer-events: auto; }
}

.tw-lp .tw-faq { max-width: var(--tw-kolom, 1300px) !important; margin-inline: auto !important; }
.tw-lp-verder { text-align: center; padding: 26px 16px 30px; margin: 0 !important; font-size: 15px; color: var(--tw-zacht); max-width: none !important; }
.tw-lp-verder a { color: var(--tw-inkt); }


/* landingspagina boomstamtafel: alleen .tw-lp */
body.page-template-landingspagina .wp-site-blocks > header,
body.page-template-landingspagina .tw-header--lp { display: none !important; }
body.page-template-landingspagina main.wp-block-group,
body.page-template-landingspagina .wp-block-post-content,
body.page-template-landingspagina .entry-content {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
}
body.page-template-landingspagina .tw-lp { margin: 0; }
.tw-lp { background: #EFECE7; color: #1C1A16; font-family: var(--tw-sans); }
.tw-lp h1, .tw-lp h2, .tw-lp h3 { font-family: var(--tw-serif); font-weight: 400; color: #1C1A16; letter-spacing: 0; }
.tw-lp__hero {
  display: grid;
  grid-template-columns: minmax(300px, 0.92fr) 1.15fr;
  align-items: center;
  gap: clamp(24px, 4vw, 64px);
  min-height: 100svh;
  padding: clamp(28px, 4vh, 48px) max(28px, calc((100% - 1240px) / 2)) clamp(36px, 5vh, 56px);
  box-sizing: border-box;
}
.tw-lp__logo { display: inline-block; margin: 0 0 28px; line-height: 0; }
.tw-lp__logo img { width: 158px; height: auto; }
.tw-lp__eyebrow { margin: 0 0 12px; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: #545944; }
.tw-lp__copy h1 { margin: 0 0 16px; font-size: clamp(36px, 4.2vw, 58px); line-height: 1.05; max-width: 12ch; }
.tw-lp__lead { margin: 0 0 26px; max-width: 38ch; font-size: 17px; line-height: 1.55; color: #3a3834; }
.tw-lp__btn { display: inline-flex; align-items: center; background: #3D412A; color: #F5F3EE !important; text-decoration: none; padding: 15px 22px; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; }
.tw-lp__btn:hover { background: #2c2f1e; }
.tw-lp__tel { margin: 14px 0 0; font-size: 14px; color: #595653; }
.tw-lp__tel a { color: #1C1A16; }
.tw-lp__collage { position: relative; height: min(72vh, 620px); min-height: 480px; }
.tw-lp__card { position: absolute; margin: 0; background: #fff; padding: 8px; box-shadow: 0 18px 44px rgba(28,26,22,.16); }
.tw-lp__card img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tw-lp__card--a { width: 58%; height: 52%; top: 2%; right: 4%; transform: rotate(2.4deg); z-index: 1; }
.tw-lp__card--b { width: 44%; height: 40%; top: 22%; left: 0; transform: rotate(-5deg); z-index: 3; }
.tw-lp__card--c { width: 48%; height: 38%; right: 0; bottom: 2%; transform: rotate(-1.8deg); z-index: 2; }
.tw-lp__card--d { width: 28%; height: 30%; left: 18%; bottom: 6%; transform: rotate(4.5deg); z-index: 4; }
.tw-lp__proof { display: grid; grid-template-columns: auto minmax(0, 1.4fr) auto; gap: clamp(18px, 3vw, 40px); align-items: center; padding: 28px max(28px, calc((100% - 1240px) / 2)); background: #F7F4EF; border-top: 1px solid #DDD9D3; border-bottom: 1px solid #DDD9D3; }
.tw-lp__stars { margin: 0; font-size: 14px; letter-spacing: .04em; }
.tw-lp__stars span { color: #3D412A; letter-spacing: .12em; margin-right: 8px; }
.tw-lp__proof blockquote { margin: 0; }
.tw-lp__proof blockquote p { margin: 0 0 6px; font-family: var(--tw-serif); font-size: clamp(18px, 1.6vw, 22px); line-height: 1.35; }
.tw-lp__proof blockquote footer { font-size: 13px; color: #595653; }
.tw-lp__proof ul { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; font-size: 14px; }
.tw-lp__proof li { padding-left: 14px; position: relative; }
.tw-lp__proof li:before { content: ""; position: absolute; left: 0; top: .55em; width: 6px; height: 6px; border-radius: 50%; background: #3D412A; }
.tw-lp__stappen, .tw-lp__faq { padding: clamp(56px, 8vh, 88px) max(28px, calc((100% - 1240px) / 2)); }
.tw-lp__stappen h2, .tw-lp__faq h2, .tw-lp__slot h2 { margin: 0 0 28px; font-size: clamp(28px, 3vw, 40px); line-height: 1.15; }
.tw-lp__stappen ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; margin: 0; padding: 0; list-style: none; }
.tw-lp__stappen li span { display: block; font-size: 12px; letter-spacing: .14em; color: #545944; margin-bottom: 10px; }
.tw-lp__stappen h3 { margin: 0 0 8px; font-size: 22px; }
.tw-lp__stappen p { margin: 0; font-size: 15px; line-height: 1.5; color: #3a3834; }
.tw-lp__faq { background: #F7F4EF; }
.tw-lp__faq h2 { max-width: 16ch; }
.tw-lp details { border-top: 1px solid #DDD9D3; padding: 16px 0; }
.tw-lp details:last-child { border-bottom: 1px solid #DDD9D3; }
.tw-lp summary { cursor: pointer; font-size: 18px; font-family: var(--tw-serif); }
.tw-lp details p { margin: 10px 0 0; max-width: 62ch; color: #3a3834; line-height: 1.5; }
.tw-lp__slot { background: #3D412A; color: #F5F3EE; text-align: center; padding: clamp(64px, 9vh, 96px) 24px; }
.tw-lp__slot .tw-lp__eyebrow, .tw-lp__slot h2, .tw-lp__slot p, .tw-lp__slot a { color: #F5F3EE; }
.tw-lp__slot h2 { margin-bottom: 22px; }
.tw-lp__slot .tw-lp__btn { background: #F5F3EE; color: #1C1A16 !important; }
.tw-lp__slot .tw-lp__btn:hover { background: #fff; }
.tw-lp__slot p { margin: 18px 0 0; font-size: 15px; }
.tw-lp__foot { display: flex; justify-content: space-between; gap: 16px; padding: 18px max(28px, calc((100% - 1240px) / 2)); font-size: 13px; color: #595653; border-top: 1px solid #DDD9D3; }
.tw-lp__foot a { color: #1C1A16; }
@media (max-width: 900px) {
  .tw-lp__hero { grid-template-columns: 1fr; min-height: 0; padding-top: 22px; }
  .tw-lp__copy h1 { max-width: 14ch; }
  .tw-lp__collage { height: 460px; min-height: 0; order: 2; margin-top: 12px; }
  .tw-lp__proof { grid-template-columns: 1fr; }
  .tw-lp__stappen ol { grid-template-columns: 1fr 1fr; }
  .tw-lp__foot { flex-direction: column; }
}
@media (max-width: 620px) {
  .tw-lp__stappen ol { grid-template-columns: 1fr; }
  .tw-lp__collage { height: 390px; }
  .tw-lp__card--d { display: none; }
}

.tw-lp__hero { position: relative; isolation: isolate; background: #EFECE7; }
.tw-lp__hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('../img/IMG_0251-1-scaled-1600.webp') center 42% / cover no-repeat;
  filter: grayscale(1) brightness(1.2) contrast(.95);
  opacity: .34;
  pointer-events: none;
  z-index: 0;
}
.tw-lp__copy, .tw-lp__collage { position: relative; z-index: 1; }
.tw-lp__quote { transition: opacity .35s ease; }
.tw-lp__stappen img { width: 76px; height: 76px; object-fit: contain; display: block; margin: 0 0 14px; }

.tw-lp__acties { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.tw-lp__btn--licht { background: transparent; color: #1C1A16 !important; box-shadow: inset 0 0 0 1px #1C1A16; }
.tw-lp__btn--licht:hover { background: #1C1A16; color: #F5F3EE !important; }
.tw-lp__adres { margin: 6px 0 0; font-size: 14px; color: #595653; }
.tw-lp__waarden { padding: clamp(56px, 8vh, 88px) max(28px, calc((100% - 1240px) / 2)); }
.tw-lp__waarden h2 { margin: 0 0 10px; font-size: clamp(28px, 3vw, 40px); line-height: 1.15; }
.tw-lp__waarden-lead { margin: 0 0 32px; max-width: 46ch; color: #3a3834; }
.tw-lp__waarden ul { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 28px; margin: 0; padding: 0; list-style: none; }
.tw-lp__waarden img { width: 76px; height: 76px; object-fit: contain; display: block; margin: 0 0 14px; }
.tw-lp__waarden h3 { margin: 0 0 8px; font-size: 22px; font-family: var(--tw-serif); font-weight: 400; }
.tw-lp__waarden li p { margin: 0; font-size: 15px; line-height: 1.5; color: #3a3834; }
@media (max-width: 900px) {
  .tw-lp__waarden ul { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
  .tw-lp__waarden ul { grid-template-columns: 1fr; }
}

.tw-lp__slot { position: relative; overflow: hidden; }
.tw-lp__slot::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: clamp(900px, 78vw, 1280px);
  aspect-ratio: 1;
  background: none center / contain no-repeat;
  transform: translate(24%, 46%);
  pointer-events: none;
  z-index: 0;
  mix-blend-mode: multiply;
  opacity: .9;
}
.tw-lp__slot > * { position: relative; z-index: 1; }

body.page-template-landingspagina .tw-lp,
body.page-template-landingspagina .tw-lp__proof,
body.page-template-landingspagina .tw-lp__faq,
body.page-template-landingspagina .tw-lp__foot { background: transparent; }

body.page-template-landingspagina .tw-lp__proof {
  background: #E7E1D6;
}
body.page-template-landingspagina .tw-lp__foot { background: #E7E1D6; }

body.page-template-landingspagina:before {
  position: absolute;
  inset: auto 0 auto 0;
  top: var(--tw-lp-boom-top, 100svh);
  width: 100%;
  height: calc(var(--tw-boom-schaal) * 100svh);
  background-size: auto 100%;
  background-position: center top !important;
}


/* lp2-start */
/* Treeways – responsive landingspagina */
:root {
  --tw-warm: #efece7;
  --tw-vlak: #f7f4ef;
  --tw-zand: #e7e1d6;
  --tw-groen: #3d412a;
  --tw-inkt: #1c1a16;
  --tw-zacht: #595653;
  --tw-lijn: #ddd9d3;
  --tw-serif: "Playfair Display", Georgia, serif;
  --tw-sans: "Manrope", Arial, sans-serif;
  --tw-container: 1240px;
  --tw-gutter: clamp(18px, 4vw, 40px);
}

*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: hidden; }
body.page-id-1983.page-template-landingspagina {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: var(--tw-warm);
  color: var(--tw-inkt);
  font-family: var(--tw-sans);
  font-size: 17px;
  line-height: 1.5;
}

/* Decoratieve boomachtergrond – behouden op alle schermformaten */
body.page-id-1983.page-template-landingspagina {
  --tw-boom-schaal: 1.65;
}
body.page-id-1983.page-template-landingspagina::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url('../img/boom-achtergrond.svg');
  background-repeat: no-repeat;
  background-size: auto calc(var(--tw-boom-schaal) * 100%);
  background-position: center var(--tw-boom-y, 120px) !important;
}

@media (max-width: 860px) {
  body.page-id-1983.page-template-landingspagina { --tw-boom-schaal: 1.25; }
  body.page-id-1983.page-template-landingspagina::before { opacity: .75; }
}

@media (max-width: 780px) and (orientation: portrait) {
  body.page-id-1983.page-template-landingspagina::before {
    background-position: center 96px !important;
    background-size: auto 118svh;
    opacity: .6;
  }
}

body.page-id-1983.page-template-landingspagina .wp-site-blocks > header,
body.page-id-1983.page-template-landingspagina .tw-header--lp { display: none !important; }
body.page-id-1983.page-template-landingspagina main.wp-block-group,
body.page-id-1983.page-template-landingspagina .wp-block-post-content,
body.page-id-1983.page-template-landingspagina .entry-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tw-lp2,
.tw-lp2 * { min-width: 0; }
.tw-lp2 { position: relative; z-index: 1; width: 100%; margin: 0; background: transparent; color: var(--tw-inkt); }
.tw-lp2 img { display: block; max-width: 100%; height: auto; }
.tw-lp2 h1, .tw-lp2 h2, .tw-lp2 h3 {
  font-family: var(--tw-serif);
  font-weight: 400;
  color: var(--tw-inkt);
  letter-spacing: 0;
}

/* HERO */
.tw-lp2__hero {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.15fr);
  align-items: center;
  gap: clamp(30px, 5vw, 72px);
  width: 100%;
  min-height: min(100svh, 900px);
  padding: clamp(24px, 4vh, 48px) max(var(--tw-gutter), calc((100vw - var(--tw-container)) / 2)) clamp(38px, 6vh, 64px);
  background: var(--tw-warm);
}
.tw-lp2__hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: url('../img/IMG_0251-1-scaled-1600.webp') center 42% / cover no-repeat;
  filter: grayscale(1) brightness(1.2) contrast(.95);
  opacity: .34;
}
.tw-lp2__copy, .tw-lp2__collage { position: relative; z-index: 1; }
.tw-lp2__logo { display: inline-block; margin: 0 0 28px; line-height: 0; }
.tw-lp2__logo img { width: min(158px, 46vw); height: auto; }
.tw-lp2__eyebrow { margin: 0 0 12px; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: #545944; }
.tw-lp2__copy h1 { margin: 0 0 16px; max-width: 12ch; font-size: clamp(38px, 4.2vw, 58px); line-height: 1.05; }
.tw-lp2__lead { margin: 0 0 26px; max-width: 40ch; font-size: clamp(16px, 1.3vw, 17px); line-height: 1.6; color: #3a3834; }
.tw-lp2__acties { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; }
.tw-lp2__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 14px 21px;
  border: 0;
  background: var(--tw-groen);
  color: #f5f3ee !important;
  text-decoration: none !important;
  text-align: center;
  font-size: 13px;
  line-height: 1.25;
  letter-spacing: .1em;
  text-transform: uppercase;
  transition: background .2s ease, color .2s ease;
}
.tw-lp2__btn:hover { background: #2c2f1e; }
.tw-lp2__btn--licht { background: transparent; color: var(--tw-inkt) !important; box-shadow: inset 0 0 0 1px var(--tw-inkt); }
.tw-lp2__btn--licht:hover { background: var(--tw-inkt); color: #f5f3ee !important; }
.tw-lp2__tel, .tw-lp2__adres { font-size: 14px; color: var(--tw-zacht); }
.tw-lp2__tel { margin: 14px 0 0; }
.tw-lp2__adres { margin: 6px 0 0; }
.tw-lp2__tel a { color: var(--tw-inkt); }

/* Fotocollage desktop */
.tw-lp2__collage { height: min(72vh, 620px); min-height: 480px; }
.tw-lp2__card { position: absolute; margin: 0; overflow: hidden; background: #fff; padding: 8px; box-shadow: 0 18px 44px rgba(28,26,22,.16); }
.tw-lp2__card img { width: 100%; height: 100%; object-fit: cover; }
.tw-lp2__card--a { width: 58%; height: 52%; top: 2%; right: 4%; transform: rotate(2.4deg); z-index: 1; }
.tw-lp2__card--b { width: 44%; height: 40%; top: 22%; left: 0; transform: rotate(-5deg); z-index: 3; }
.tw-lp2__card--c { width: 48%; height: 38%; right: 0; bottom: 2%; transform: rotate(-1.8deg); z-index: 2; }
.tw-lp2__card--d { width: 28%; height: 30%; left: 18%; bottom: 6%; transform: rotate(4.5deg); z-index: 4; }

/* REVIEWS / PROOF */
.tw-lp2__proof {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  gap: clamp(22px, 3.5vw, 48px);
  align-items: center;
  width: 100%;
  padding: 28px max(var(--tw-gutter), calc((100vw - var(--tw-container)) / 2));
  background: var(--tw-zand);
  border-top: 1px solid var(--tw-lijn);
  border-bottom: 1px solid var(--tw-lijn);
}
.tw-lp2__stars { margin: 0; font-size: 14px; letter-spacing: .04em; }
.tw-lp2__stars span { color: var(--tw-groen); letter-spacing: .12em; margin-right: 8px; }
.tw-lp2__quote { margin: 0; transition: opacity .35s ease; }
.tw-lp2__quote p { margin: 0 0 6px; font-family: var(--tw-serif); font-size: clamp(18px, 1.6vw, 22px); line-height: 1.35; }
.tw-lp2__quote footer { font-size: 13px; color: var(--tw-zacht); }
.tw-lp2__proof ul { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; font-size: 14px; }
.tw-lp2__proof li { position: relative; padding-left: 14px; }
.tw-lp2__proof li::before { content: ""; position: absolute; left: 0; top: .55em; width: 6px; height: 6px; border-radius: 50%; background: var(--tw-groen); }

/* WAARDEN */
.tw-lp2__waarden {
  padding: clamp(56px, 8vh, 88px) max(var(--tw-gutter), calc((100vw - var(--tw-container)) / 2));
}
.tw-lp2__waarden h2, .tw-lp2__faq h2, .tw-lp2__slot h2 { margin: 0 0 28px; font-size: clamp(30px, 3vw, 40px); line-height: 1.15; }
.tw-lp2__waarden h2 { margin-bottom: 10px; }
.tw-lp2__waarden-lead { margin: 0 0 32px; max-width: 48ch; color: #3a3834; }
.tw-lp2__waarden ul { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(20px, 2.2vw, 32px); margin: 0; padding: 0; list-style: none; }
.tw-lp2__waarden li { min-width: 0; }
.tw-lp2__waarden img { width: 76px; height: 76px; object-fit: contain; margin: 0 0 14px; }
.tw-lp2__waarden h3 { margin: 0 0 8px; font-size: 22px; }
.tw-lp2__waarden li p { margin: 0; font-size: 15px; line-height: 1.55; color: #3a3834; }

/* FAQ */
.tw-lp2__faq { padding: clamp(56px, 8vh, 88px) max(var(--tw-gutter), calc((100vw - var(--tw-container)) / 2)); background: var(--tw-vlak); }
.tw-lp2__faq h2 { max-width: 16ch; }
.tw-lp2 details { border-top: 1px solid var(--tw-lijn); padding: 17px 0; }
.tw-lp2 details:last-child { border-bottom: 1px solid var(--tw-lijn); }
.tw-lp2 summary { cursor: pointer; padding-right: 24px; font-family: var(--tw-serif); font-size: clamp(17px, 1.4vw, 19px); line-height: 1.4; }
.tw-lp2 details p { margin: 10px 0 0; max-width: 62ch; color: #3a3834; line-height: 1.55; }

/* SLOT */
.tw-lp2__slot { position: relative; overflow: hidden; padding: clamp(64px, 9vh, 96px) var(--tw-gutter); background: var(--tw-groen); color: #f5f3ee; text-align: center; }
.tw-lp2__slot::after { content: ""; position: absolute; right: 0; bottom: 0; width: clamp(620px, 78vw, 1280px); aspect-ratio: 1; background: none center / contain no-repeat; transform: translate(24%, 46%); pointer-events: none; z-index: 0; mix-blend-mode: multiply; opacity: .9; }
.tw-lp2__slot > * { position: relative; z-index: 1; }
.tw-lp2__slot .tw-lp2__eyebrow, .tw-lp2__slot h2, .tw-lp2__slot p, .tw-lp2__slot a { color: #f5f3ee; }
.tw-lp2__slot h2 { margin-bottom: 22px; }
.tw-lp2__slot .tw-lp2__btn { background: #f5f3ee; color: var(--tw-inkt) !important; }
.tw-lp2__slot .tw-lp2__btn:hover { background: #fff; }
.tw-lp2__slot p { margin: 18px 0 0; font-size: 15px; }

/* FOOTER */
.tw-lp2__foot { display: flex; justify-content: space-between; gap: 16px; width: 100%; padding: 18px max(var(--tw-gutter), calc((100vw - var(--tw-container)) / 2)); background: var(--tw-zand); color: var(--tw-zacht); font-size: 13px; }
.tw-lp2__foot a { color: var(--tw-inkt); }

/* TABLET */
@media (max-width: 980px) {
  .tw-lp2__hero { grid-template-columns: 1fr; min-height: 0; padding-top: 24px; }
  .tw-lp2__copy { max-width: 720px; }
  .tw-lp2__copy h1 { max-width: 14ch; }
  .tw-lp2__collage { width: min(760px, 100%); height: 500px; min-height: 0; margin: 6px auto 0; }
  .tw-lp2__proof { grid-template-columns: 1fr 1fr; }
  .tw-lp2__quote { grid-column: 1 / -1; grid-row: 2; }
  .tw-lp2__proof ul { align-self: start; }
  .tw-lp2__waarden ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* MOBIEL */
@media (max-width: 680px) {
  body.page-id-1983.page-template-landingspagina { font-size: 16px; }
  .tw-lp2__hero { gap: 28px; padding-inline: var(--tw-gutter); padding-bottom: 42px; }
  .tw-lp2__logo { margin-bottom: 22px; }
  .tw-lp2__copy h1 { max-width: none; font-size: clamp(36px, 11vw, 48px); }
  .tw-lp2__lead { max-width: none; }
  .tw-lp2__acties { display: grid; grid-template-columns: 1fr; }
  .tw-lp2__btn { width: 100%; min-height: 50px; }

  /* Op klein scherm geen absolute stapel: echte responsive fotogrid */
  .tw-lp2__collage {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: clamp(145px, 43vw, 220px);
    gap: 8px;
    width: 100%;
    height: auto;
    margin: 2px 0 0;
  }
  .tw-lp2__card {
    position: relative;
    inset: auto;
    width: auto;
    height: auto;
    padding: 5px;
    transform: none;
    box-shadow: 0 8px 24px rgba(28,26,22,.12);
  }
  .tw-lp2__card--a { grid-column: 1 / -1; }
  .tw-lp2__card--d { display: block; }

  .tw-lp2__proof { grid-template-columns: 1fr; gap: 20px; padding-inline: var(--tw-gutter); }
  .tw-lp2__quote { grid-column: auto; grid-row: auto; }
  .tw-lp2__stars span { display: inline; }
  .tw-lp2__proof ul { gap: 8px; }

  .tw-lp2__waarden, .tw-lp2__faq { padding-inline: var(--tw-gutter); }
  .tw-lp2__waarden ul { grid-template-columns: 1fr; gap: 30px; }
  .tw-lp2__waarden li { display: grid; grid-template-columns: 64px 1fr; column-gap: 16px; align-items: start; }
  .tw-lp2__waarden img { grid-row: 1 / span 2; width: 64px; height: 64px; margin: 0; }
  .tw-lp2__waarden h3 { margin-top: 1px; }

  .tw-lp2__slot { padding-inline: var(--tw-gutter); }
  .tw-lp2__slot::after { width: 760px; opacity: .7; }
  .tw-lp2__slot .tw-lp2__btn { width: auto; max-width: 100%; }

  .tw-lp2__foot { flex-direction: column; padding-inline: var(--tw-gutter); }
}

@media (max-width: 390px) {
  .tw-lp2__collage { grid-template-columns: 1fr; grid-auto-rows: 220px; }
  .tw-lp2__card--a { grid-column: auto; }
  .tw-lp2__waarden li { grid-template-columns: 56px 1fr; column-gap: 14px; }
  .tw-lp2__waarden img { width: 56px; height: 56px; }
}

@media (prefers-reduced-motion: reduce) {
  .tw-lp2 *, .tw-lp2 *::before, .tw-lp2 *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* lp2-end */

/* album-start */
.tw-album.wp-block-gallery {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto 48px !important;
}
.tw-album.wp-block-gallery > .wp-block-image {
  width: auto !important;
  margin: 0 !important;
  aspect-ratio: 1;
  overflow: hidden;
  background: #ddd9d3;
  cursor: zoom-in;
}
.tw-album.wp-block-gallery > .wp-block-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
  transition: transform .5s cubic-bezier(.2,.7,.2,1);
}
.tw-album.wp-block-gallery > .wp-block-image:hover img { transform: scale(1.04); }
.tw-album.wp-block-gallery figcaption {
  display: none !important;
  background: none !important;
}
@media (max-width: 781px) {
  .tw-album.wp-block-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 5px !important; }
}
/* album-end */

/* atelier-zoom-start */
@media (min-width: 781px) {
  body.page-id-18 .tw-pagehead__media,
  body.page-id-82 .tw-pagehead__media,
  body.page-id-96 .tw-pagehead__media {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
  }
  body.page-id-18 .tw-pagehead__media .wp-block-image,
  body.page-id-82 .tw-pagehead__media .wp-block-image,
  body.page-id-96 .tw-pagehead__media .wp-block-image,
  body.page-id-18 .tw-pagehead__media figure,
  body.page-id-82 .tw-pagehead__media figure,
  body.page-id-96 .tw-pagehead__media figure {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
  }
  body.page-id-18 .tw-pagehead__media img,
  body.page-id-82 .tw-pagehead__media img,
  body.page-id-96 .tw-pagehead__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 34% !important;
  }
  body.page-id-18 .tw-pagehead:after,
  body.page-id-82 .tw-pagehead:after,
  body.page-id-96 .tw-pagehead:after {
    background: linear-gradient(90deg, rgba(233,229,223,.97) 0%, rgba(233,229,223,.88) 28%, rgba(233,229,223,.4) 52%, rgba(233,229,223,.08) 74%, rgba(233,229,223,0) 100%) !important;
  }
}
/* atelier-zoom-end */

/* footer-kaart-start */
body.page-id-2015 footer.wp-block-template-part { display: none !important; }
body.page-id-2015 .tw-footer-test {
  background: var(--tw-zand);
  margin-top: 48px;
}
body.page-id-2015 .tw-footer-test__inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: clamp(38px, 4.5vw, 60px) 24px;
}
body.page-id-2015 .tw-footer-test .tw-footer__cols {
  display: grid;
  grid-template-columns: 0.85fr 1.65fr 0.72fr 1fr;
  gap: clamp(22px, 2.6vw, 40px);
  align-items: start;
}
body.page-id-2015 .tw-footer-test .tw-footer__col + .tw-footer__col {
  border-left: 1px solid rgba(28, 26, 22, .13);
  padding-left: clamp(22px, 2.6vw, 40px);
}
body.page-id-2015 .tw-adres-kaart {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0 0 12px !important;
}
body.page-id-2015 .tw-adres-kaart p { margin: 0 !important; }
body.page-id-2015 .tw-nlkaart {
  width: 38px;
  height: auto;
  flex: none;
  color: #1C1A16;
  display: block;
}
@media (max-width: 900px) {
  body.page-id-2015 .tw-footer-test .tw-footer__cols { grid-template-columns: 1fr 1fr; }
  body.page-id-2015 .tw-footer-test .tw-footer__col + .tw-footer__col { border-left: 0; padding-left: 0; }
}
@media (max-width: 560px) {
  body.page-id-2015 .tw-footer-test .tw-footer__cols { grid-template-columns: 1fr; }
}
/* footer-kaart-end */

:root :where(.wp-block-buttons-is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.wp-block-buttons-is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.wp-block-buttons-is-layout-flow) > *{margin-block-start: 16px;margin-block-end: 0;}:root :where(.wp-block-buttons-is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.wp-block-buttons-is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.wp-block-buttons-is-layout-constrained) > *{margin-block-start: 16px;margin-block-end: 0;}:root :where(.wp-block-buttons-is-layout-flex){gap: 16px;}:root :where(.wp-block-buttons-is-layout-grid){gap: 16px;}
:root :where(.wp-block-navigation){font-size: var(--wp--preset--font-size--medium);}
:root :where(.wp-block-navigation a:where(:not(.wp-element-button))){text-decoration: none;}
:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover){text-decoration: underline;}
:root :where(.wp-block-list li){margin-top: 0.5rem;}
/*# sourceURL=global-styles-inline-css */


:root :where(.wp-block-button.is-style-outline--4 .wp-block-button__link){background: transparent none;border-color: currentColor;border-width: 1px;border-style: solid;color: currentColor;padding-top: calc(1rem - 1px);padding-right: calc(2.25rem - 1px);padding-bottom: calc(1rem - 1px);padding-left: calc(2.25rem - 1px);}:root :where(.wp-block-button.is-style-outline--4 .wp-block-button__link.wp-block-button__link:not(.has-background):hover ){background-color:color-mix(in srgb, var(--wp--preset--color--contrast) 5%, transparent);}
:root :where(.wp-block-button.is-style-outline--5 .wp-block-button__link){background: transparent none;border-color: currentColor;border-width: 1px;border-style: solid;color: currentColor;padding-top: calc(1rem - 1px);padding-right: calc(2.25rem - 1px);padding-bottom: calc(1rem - 1px);padding-left: calc(2.25rem - 1px);}:root :where(.wp-block-button.is-style-outline--5 .wp-block-button__link.wp-block-button__link:not(.has-background):hover ){background-color:color-mix(in srgb, var(--wp--preset--color--contrast) 5%, transparent);}
:root :where(.wp-block-button.is-style-outline--6 .wp-block-button__link){background: transparent none;border-color: currentColor;border-width: 1px;border-style: solid;color: currentColor;padding-top: calc(1rem - 1px);padding-right: calc(2.25rem - 1px);padding-bottom: calc(1rem - 1px);padding-left: calc(2.25rem - 1px);}:root :where(.wp-block-button.is-style-outline--6 .wp-block-button__link.wp-block-button__link:not(.has-background):hover ){background-color:color-mix(in srgb, var(--wp--preset--color--contrast) 5%, transparent);}
/*# sourceURL=block-style-variation-styles-inline-css */


.wp-container-core-navigation-is-layout-6e943505{justify-content:flex-end;}.wp-container-core-group-is-layout-31adc629{justify-content:flex-end;align-items:center;}.wp-container-core-group-is-layout-7115f57e{flex-wrap:nowrap;justify-content:space-between;align-items:center;}.wp-container-core-buttons-is-layout-2ae2d3f5{justify-content:flex-start;}
/*# sourceURL=core-block-supports-inline-css */


/*! This file is auto-generated */
.skip-link.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal!important}.skip-link.screen-reader-text:focus{background-color:#eee;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
/*# sourceURL=/wp-includes/css/wp-block-template-skip-link.min.css */


a{text-decoration-thickness:1px!important;text-underline-offset:.1em}:where(.wp-site-blocks :focus){outline-style:solid;outline-width:2px}.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child){margin-bottom:3px}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content{outline-offset:4px}.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content{outline-offset:0}blockquote,caption,figcaption,h1,h2,h3,h4,h5,h6,p{text-wrap:pretty}.more-link{display:block}:where(pre){overflow-x:auto}
/*# sourceURL=https://meubelmakerij-treeways.nl/wp-content/themes/twentytwentyfive/style.min.css */


	.fancybox-slide--image .fancybox-content{background-color:#FFFFFF}
	div.fancybox-caption{display:none !important;}
	img.fancybox-image{border-width:10px;border-color:#FFFFFF;border-style:solid;}
	div.fancybox-bg{background-color:rgba(102,102,102,0.3);opacity:1 !important;}
	div.fancybox-content{border-color:#FFFFFF}
	div#fancybox-title{background-color:#FFFFFF}
	div#fancybox-title-inside{color:#333333}
	div.fancybox-content{background-color:#FFFFFF}
	div.fancybox-caption p.caption-title{display:inline-block}
	div.fancybox-caption p.caption-title,div.fancybox-content p.caption-title{font-size:14px}
	div.fancybox-caption p.caption-title{color:#333333}
	div.fancybox-caption{color:#333333}
	div.fancybox-caption p.caption-title{background:#fff;width:auto;padding:10px 30px;}div.fancybox-content p.caption-title{color:#333333;margin:0;padding:5px 0;}


			.no-js img.lazyload {
				display: none;
			}

			figure.wp-block-image img.lazyloading {
				min-width: 150px;
			}

			.lazyload,
			.lazyloading {
				--smush-placeholder-width: 100px;
				--smush-placeholder-bg-max-width: 120px;
				--smush-placeholder-aspect-ratio: 1/1;
				width: var(--smush-image-width, var(--smush-placeholder-width)) !important;
				aspect-ratio: var(--smush-image-aspect-ratio, var(--smush-placeholder-aspect-ratio)) !important;
			}

						.lazyload, .lazyloading {
				opacity: 0;
			}

			.lazyloaded {
				opacity: 1;
				transition: opacity 400ms;
				transition-delay: 0ms;
			}

					
@media (min-width:781px){.tw-hero .tw-hero__text .wp-block-buttons{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;max-width:none !important;}.tw-hero .tw-hero__text .wp-block-buttons>.wp-block-button{flex:0 0 auto !important;width:auto !important;margin:0 !important;}.tw-hero .tw-hero__text .wp-block-button__link{white-space:nowrap;}}
/* projecten: caption als overlay onderin de vierkante foto */
body.page-id-15 .tw-projecten-gallery.wp-block-gallery>figure.wp-block-image,body.page-id-9048 .tw-projecten-test-gallery.wp-block-gallery>figure.wp-block-image{position:relative !important;}
body.page-id-15 .tw-projecten-gallery.wp-block-gallery>figure.wp-block-image>figcaption,body.page-id-9048 .tw-projecten-test-gallery.wp-block-gallery>figure.wp-block-image>figcaption{display:block !important;visibility:visible !important;opacity:1 !important;position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;width:100% !important;height:auto !important;max-height:none !important;aspect-ratio:auto !important;margin:0 !important;padding:36px 12px 10px !important;background:linear-gradient(to top,rgba(0,0,0,.62) 0%,rgba(0,0,0,.28) 55%,rgba(0,0,0,0) 100%) !important;color:#fff !important;font-size:13.5px !important;line-height:1.35 !important;text-align:left !important;text-shadow:0 1px 2px rgba(0,0,0,.45) !important;pointer-events:none;z-index:2;box-sizing:border-box;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;filter:none !important;}
/* projecten: vierkant ALLEEN als CSS-weergave van de thumbnail; link/lightbox blijft het originele mediabestand */
body.page-id-15 .tw-projecten-gallery.wp-block-gallery>figure.wp-block-image>a,body.page-id-9048 .tw-projecten-test-gallery.wp-block-gallery>figure.wp-block-image>a{display:block !important;width:100% !important;aspect-ratio:1/1 !important;overflow:hidden !important;}
body.page-id-15 .tw-projecten-gallery.wp-block-gallery>figure.wp-block-image img,body.page-id-9048 .tw-projecten-test-gallery.wp-block-gallery>figure.wp-block-image img{width:100% !important;height:100% !important;aspect-ratio:1/1 !important;object-fit:cover !important;object-position:var(--tw-pos,50% 50%) !important;filter:none !important;}
/* uitsnede per foto: .wp-image-ID{--tw-pos:X% Y%} (0% 0% = linksboven, 50% 50% = midden, 100% 100% = rechtsonder) */
.tw-projecten-gallery .wp-image-1423{--tw-pos:50% 50%;}
/* landingspagina vergadertafel: hero-foto is een Omslagafbeelding-blok; uitsnede via Focuspunt in de editor */
body.page-id-2054 .tw-lp-vt-ph.wp-block-cover{min-height:0 !important;padding:0 !important;aspect-ratio:16/10;}
body.page-id-2054 .tw-lp-vt-ph.wp-block-cover .wp-block-cover__inner-container:not(:has(:not(:empty))){display:none;}
/* geen blur/filter op projecten-thumbs en captions, in rust en bij hover */
.tw-projecten-gallery,.tw-projecten-gallery *,.tw-projecten-gallery *::before,.tw-projecten-gallery *::after,.tw-projecten-test-gallery,.tw-projecten-test-gallery *,.tw-projecten-test-gallery *::before,.tw-projecten-test-gallery *::after,.tw-projecten-gallery:hover *,.tw-projecten-test-gallery:hover *{filter:none !important;-webkit-filter:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
.tw-projecten-gallery figcaption::before,.tw-projecten-test-gallery figcaption::before{display:none !important;content:none !important;}

@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:fallback;src:url('../fonts/Manrope-VariableFont_wght.woff2') format('woff2');}
@font-face{font-family:"Fira Code";font-style:normal;font-weight:300 700;font-display:fallback;src:url('../fonts/FiraCode-VariableFont_wght.woff2') format('woff2');}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400;font-display:fallback;src:url('../fonts/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvUDVZNLo_U2r.woff2') format('woff2');}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:600;font-display:fallback;src:url('../fonts/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKebukDVZNLo_U2r.woff2') format('woff2');}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:700;font-display:fallback;src:url('../fonts/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKeiukDVZNLo_U2r.woff2') format('woff2');}

.tw-at::before{content:"@"}
.tw-header{z-index:auto!important}.tw-header .tw-ticker{z-index:auto;background:#E7E2DB!important}.tw-header .tw-ticker a.tw-ticker__link{position:relative;z-index:101;background:#E7E2DB!important}.tw-header .tw-ticker:after{z-index:1!important}.tw-header .tw-header__bar{position:relative;z-index:100}.tw-hero .tw-hero__text{position:relative;z-index:50}.tw-hero .tw-hero__text h1{position:relative;z-index:51}@media(max-width:860px){.tw-header{position:fixed!important;top:0!important;left:0;right:0;width:100%;z-index:auto!important;transform:none!important;opacity:var(--tw-fade,1)}.admin-bar .tw-header{top:46px!important}.tw-header .tw-ticker{z-index:auto;background:#E7E2DB!important}.tw-header .tw-ticker:after{display:none!important}.tw-header .tw-ticker a.tw-ticker__link{position:relative;z-index:70;background:#E7E2DB!important}.tw-header .tw-header__bar{position:relative;z-index:80;background:linear-gradient(180deg,#E7E2DB 0%,#E7E2DB 62%,rgba(231,226,219,0) 100%)}.tw-header .wp-block-site-logo,.tw-header .custom-logo-link,.tw-header .custom-logo,.tw-header .wp-block-navigation,.tw-header .wp-block-navigation__responsive-container-open,.tw-header .tw-lang{position:relative;z-index:99999!important;opacity:1!important;isolation:isolate}body.home .tw-hero .wp-block-buttons,body.page-id-14 .tw-hero .wp-block-buttons,body.page-id-78 .tw-hero .wp-block-buttons,body.page-id-92 .tw-hero .wp-block-buttons,.tw-hero .tw-hero__text .wp-block-buttons{display:none!important}.tw-hero:not(.tw-hero--product){position:relative!important;display:block!important;min-height:150svh!important;height:150svh!important;overflow:visible!important;background:transparent!important}.tw-hero:not(.tw-hero--product) .tw-hero__media{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:100svh!important;z-index:-1!important;-webkit-mask-image:none!important;mask-image:none!important;pointer-events:none;transform:translate3d(0,calc(var(--tw-sc,0px)*-2),0)!important}.tw-hero:not(.tw-hero--product) .tw-hero__media:after{background:none!important}.tw-hero:not(.tw-hero--product) .tw-hero__text{position:fixed!important;top:0;left:0;right:0;z-index:50!important;padding:108px 20px 28px!important;background:transparent!important;text-align:left!important;align-items:flex-start!important;transform:none!important;opacity:var(--tw-fade,1)}.tw-hero:not(.tw-hero--product) .tw-hero__text:before{content:"";position:absolute;left:0;right:0;top:0;height:320px;pointer-events:none;z-index:-1;background:linear-gradient(180deg,transparent 0,transparent 70px,rgba(231,226,219,.78) 96px,rgba(231,226,219,.52) 210px,rgba(231,226,219,.18) 280px,transparent 320px)}.tw-hero:not(.tw-hero--product) .tw-hero__text>*,.tw-hero:not(.tw-hero--product) .tw-hero__text h1,.tw-hero:not(.tw-hero--product) .tw-hero__lead{text-align:left!important;margin-left:0!important;margin-inline:0 auto!important;max-width:none!important}.tw-hero:not(.tw-hero--product) .tw-hero__text h1{position:relative;z-index:1;opacity:1}.tw-hero:not(.tw-hero--product) .tw-hero__lead{display:block;text-align:left!important;font-size:14px!important;line-height:1.5!important;max-width:34rem!important;margin:0!important;opacity:0;animation:twHeroTextIn 1.15s ease 2.4s forwards}.tw-section:not(.tw-cta),.tw-cards{position:relative;z-index:3;background:transparent!important}.tw-cta{position:relative;z-index:3;background:var(--tw-groen)!important}.tw-card{background:var(--tw-vlak)}}@keyframes twHeroTextIn{from{opacity:0}to{opacity:1}}@media(max-width:860px) and (prefers-reduced-motion:reduce){.tw-hero:not(.tw-hero--product) .tw-hero__lead{opacity:1;animation:none}}
.tw-lb{position:fixed;inset:0;z-index:100000;background:#161410;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 32px 64px;justify-content:flex-start;cursor:zoom-out}.tw-lb img,.tw-lb .tw-lb__img{max-width:min(1280px,90vw);max-height:64vh;width:auto!important;height:auto!important;object-fit:contain;box-shadow:none;background:transparent}.entry-content .wp-block-image img,.tw-hero__media img,.tw-split img,.tw-details img,.tw-detailvak img{cursor:zoom-in}

/* === Home-collage M2 (alleen /hometest, post 2017) === */
body.page-id-14 .tw-m2-collage { position: relative; width: min(100%, 560px); aspect-ratio: 560 / 650; margin: 0 auto !important; container-type: inline-size; }
body.page-id-14 .tw-m2-collage .tw-m2-slot { position: absolute; margin: 0 !important; padding: 0; overflow: hidden; background: #E4DFD6; z-index: 1; }
body.page-id-14 .tw-m2-collage .tw-m2-slot img { display: block; width: 100%; height: 100%; max-width: none; aspect-ratio: auto; object-fit: cover; }
body.page-id-14 .tw-m2-collage .tw-m2-slot--klein { aspect-ratio: 1 / 1; height: auto; }
body.page-id-14 .tw-m2-collage .tw-m2-slot, body.page-id-14 .tw-m2-collage .tw-m2-slot img { pointer-events: none; cursor: default; }
body.page-id-14 .wp-block-image, body.page-id-14 .wp-block-image img, body.page-id-14 .tw-card, body.page-id-14 .tw-card * { cursor: default !important; }
body.page-id-14 .wp-block-image .lightbox-trigger, body.page-id-14 .wp-lightbox-overlay { display: none !important; }
body.page-id-14 .tw-m2-collage .tw-m2-slot--klein img { aspect-ratio: 1 / 1; }
body.page-id-14 .tw-m2-collage .tw-m2-boven { z-index: 2; outline: clamp(6px, 1.43cqw, 8px) solid #F0EDE8; }
body.page-id-14 .tw-m2-collage .tw-m2-slot figcaption { display: none; position: absolute; left: 6px; top: 6px; bottom: auto; margin: 0; padding: 4px 8px; max-width: calc(100% - 12px); border-radius: 999px; background: #3D412A; color: #F0EDE8; font-family: var(--tw-sans, sans-serif); font-size: 10px; font-weight: 600; line-height: 10px; letter-spacing: .02em; text-align: left; white-space: nowrap; pointer-events: none; }
body.page-id-14 .tw-m2-collage .tw-m2-tag-b figcaption { top: auto; bottom: 6px; }
body.page-id-14 .tw-m2-s1 { left: 3.571%; top: 2.308%; width: 30.357%; height: 36.923%; --tw-m2-a: 6px; }
body.page-id-14 .tw-m2-s1 img { object-position: 42% 55%; }
body.page-id-14 .tw-m2-s2 { left: 55.357%; top: 14.615%; width: 35.714%; height: 29.231%; --tw-m2-a: 8px; }
body.page-id-14 .tw-m2-s2 img { object-position: 46% 55%; }
body.page-id-14 .tw-m2-s3 { left: 26.786%; top: 33.077%; width: 35.714%; height: 27.692%; --tw-m2-a: 4px; }
body.page-id-14 .tw-m2-s3 img { object-position: 50% 55%; }
body.page-id-14 .tw-m2-s4 { left: 66.071%; top: 48.462%; width: 30.357%; height: 26.154%; --tw-m2-a: 10px; }
body.page-id-14 .tw-m2-s4 img { object-position: 42% 50%; }
body.page-id-14 .tw-m2-s5 { left: 14.286%; top: calc(65.385% - 40px); width: 58.929%; height: 29.231%; --tw-m2-a: 6px; }
body.page-id-14 .tw-m2-s5 img { object-position: 50% 50%; }
body.page-id-14 .tw-m2-s6 { left: 36.071%; top: 4.615%; width: 13.214%; --tw-m2-a: 12px; }
body.page-id-14 .tw-m2-s7 { left: 52.143%; top: 0.000%; width: 14.643%; --tw-m2-a: 14px; }
body.page-id-14 .tw-m2-s8 { left: 39.286%; top: 19.077%; width: 14.286%; --tw-m2-a: 10px; }
body.page-id-14 .tw-m2-s9 { left: 7.500%; top: 40.923%; width: 10.000%; --tw-m2-a: 8px; }
body.page-id-14 .tw-m2-s10 { left: 10.000%; top: 57.231%; width: 11.071%; --tw-m2-a: 10px; }
body.page-id-14 .tw-m2-s11 { display: none; left: 0.357%; top: 77.538%; width: 12.143%; --tw-m2-a: 12px; }
body.page-id-14 .tw-m2-s12 { display: none; left: 83.571%; top: 80.308%; width: 16.071%; --tw-m2-a: 14px; }
body.page-id-14 .tw-m2-collage .tw-m2-slot { translate: 0 calc(var(--tw-m2-a, 0px) * 0.7 * var(--tw-m2-p, 0)); will-change: translate; }
body.page-id-14 .tw-m2-collage .tw-m2-slot.tw-m2-boven { --tw-m2-a: 110px; }
body.page-id-14 .tw-m2-collage .tw-m2-slot:not(.tw-m2-boven) { --tw-m2-a: 20px; }
body.page-id-14 .tw-m2-collage .tw-m2-slot { box-shadow: 0 6px 18px rgba(28,26,22,.28), 0 2px 5px rgba(28,26,22,.22); }
body.page-id-14 .tw-m2-collage .tw-m2-slot.tw-m2-boven { box-shadow: 0 10px 28px rgba(28,26,22,.35), 0 3px 8px rgba(28,26,22,.25); }
body.page-id-14 .tw-m2-collage .tw-m2-slot.tw-m2-slot--klein.tw-m2-s6, body.page-id-14 .tw-m2-collage .tw-m2-slot.tw-m2-slot--klein.tw-m2-s9, body.page-id-14 .tw-m2-collage .tw-m2-slot.tw-m2-slot--klein.tw-m2-s10, body.page-id-14 .tw-m2-collage .tw-m2-slot.tw-m2-slot--klein.tw-m2-s11 { --tw-m2-a: 4px; }
@media (prefers-reduced-motion: reduce) {
  body.page-id-14 .tw-m2-collage .tw-m2-slot { translate: none !important; }
}
@media (max-width: 700px) {
  body.page-id-14 .tw-m2-collage .tw-m2-s9, body.page-id-14 .tw-m2-collage .tw-m2-s10, body.page-id-14 .tw-m2-collage .tw-m2-s11 { display: none; }
  body.page-id-14 .tw-m2-collage .tw-m2-boven { outline-width: 6px; }
  body.page-id-14 .tw-m2-collage .tw-m2-slot figcaption { left: 4px; top: 4px; padding: 3px 6px; font-size: 9px; line-height: 9px; }
  body.page-id-14 .tw-m2-collage .tw-m2-tag-b figcaption { top: auto; bottom: 4px; }
}


footer.wp-block-template-part { padding-top: 0 !important; background-color: #EFECE7; }
footer.wp-block-template-part .tw-footer { margin-top: 0 !important; }
footer.wp-block-template-part::before { content: ''; display: block; height: 19.2px; }
.tw-footer .tw-adres-kaart { display: flex; align-items: center; gap: clamp(18px, 2.4vw, 34px); }
.tw-footer .tw-adres-tekst { flex: 1 1 auto; min-width: 0; }
.tw-footer .tw-adres-tekst p { margin: 0 0 10px !important; }
.tw-footer .tw-nlkaart { width: clamp(143px, 14.3vw, 195px); height: auto; flex: none; display: block; }
@media (min-width: 901px) { .tw-footer .tw-footer__cols:has(.tw-adres-kaart) { grid-template-columns: 0.85fr 1.65fr 0.72fr 1fr; } }

/* statische aanvullingen treeways.eu */
.tw-ticker__link{cursor:pointer}
a.wp-block-navigation__responsive-container-open,a.wp-block-navigation__responsive-container-close{display:flex;color:inherit;text-decoration:none}
@media (min-width:600px){a.wp-block-navigation__responsive-container-open{display:none}}
@media (max-width:599px){.wp-block-navigation__responsive-container:not(:target):not(.is-menu-open){display:none}}