.elementor-kit-5{--e-global-color-primary:#000000;--e-global-color-secondary:#FF6600;--e-global-color-text:#222222;--e-global-color-accent:#B84A00;--e-global-typography-primary-font-family:"WB Anybody";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"WB Anybody";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"WB Hanken";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"WB Hanken";--e-global-typography-accent-font-weight:600;background-color:#FFFFFF;font-family:"WB Hanken", Sans-serif;font-weight:400;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --wb-oranje:#FF6600; --wb-zwart:#000000; --wb-roest:#B84A00; --wb-zand:#FFF0E5; --wb-beton:#CCCCCC; --wb-licht:#F2F2F2; --wb-ink:#222222; --wb-grijs:#555555; --wb-wit:#FFFFFF; --font-heading:WB Anybody; --font-body:WB Hanken; }
/* Start custom CSS *//* Wierda Bestratingen: zelf gehoste variabele fonts (latin) */
@font-face { font-family: 'WB Anybody'; font-style: normal; font-weight: 600 900; font-stretch: 75% 150%; font-display: swap; src: url('/wp-content/uploads/fonts/anybody-latin-var.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'WB Hanken'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/wp-content/uploads/fonts/hanken-grotesk-latin-var.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'WB Anybody Fallback'; src: local('Arial Black'), local('Arial'), local('Liberation Sans'); size-adjust: 104%; ascent-override: 92%; descent-override: 24%; line-gap-override: 0%; }
@font-face { font-family: 'WB Hanken Fallback'; src: local('Arial'), local('Liberation Sans'), local('Helvetica'); size-adjust: 97%; ascent-override: 100%; descent-override: 28%; line-gap-override: 0%; }
:root { --font-heading: 'WB Anybody', 'WB Anybody Fallback', sans-serif; --font-body: 'WB Hanken', 'WB Hanken Fallback', sans-serif; }
h1.e-heading-base, h2.e-heading-base, h3.e-heading-base, h4.e-heading-base { font-family: 'WB Anybody', 'WB Anybody Fallback', sans-serif !important; font-stretch: 100%; color: #000000; letter-spacing: -0.01em; }
h1.e-heading-base { font-weight: 900; letter-spacing: -0.02em; } h2.e-heading-base { font-size: 2.3rem; line-height: 1.1; font-weight: 800; } h3.e-heading-base { font-size: 1.35rem; line-height: 1.25; font-weight: 800; font-stretch: 100%; }
@media (max-width: 767px) { h2.e-heading-base { font-size: 1.7rem; } }
.text-wit, h1.e-heading-base.text-wit, h2.e-heading-base.text-wit, h3.e-heading-base.text-wit { color: #ffffff; }
p.e-paragraph-base, .e-paragraph-base, body, input, textarea, select, button, .e-button-base { font-family: 'WB Hanken', 'WB Hanken Fallback', sans-serif; }
p.e-paragraph-base, .e-paragraph-base, body { color: #222222; font-size: 1.08rem; line-height: 1.65; }
body { background-color: #ffffff; } .e-paragraph-base a { color: #B84A00; font-weight: 700; text-decoration: none; } .e-paragraph-base a:hover { color: #000000; text-decoration: none; } a { text-decoration: none; }
#site-footer .e-paragraph-base a { color: #FF6600; }
/* Knoppen: geen transition: all; ingedrukt iets kleiner */
.e-button-base { transition: background-color .18s cubic-bezier(.23,1,.32,1), color .18s cubic-bezier(.23,1,.32,1), border-color .18s cubic-bezier(.23,1,.32,1), transform .12s cubic-bezier(.23,1,.32,1); white-space: nowrap; }
.e-button-base:active { transform: scale(.97); }
.e-button-base.link-sterk:active, .e-button-base.link-plain:active { transform: none; }
/* Diensten op home: strak raster 3x2 (raster in de build); het halfsteensverband alleen als subtiel hoekdetail rechtsonder in elke kaart */
#verband > * { background-image: url('/wp-content/uploads/2026/10/verband-hoek-oranje.webp'); background-repeat: no-repeat; background-position: right bottom; background-size: 150px 75px; }
/* Hero: één beeld in een zwart kader; de verspringende zwarte steen is decoratie */
#hero-beeld { isolation: isolate; } #hero-beeld::before { content: ''; position: absolute; z-index: 0; left: -28px; top: auto !important; bottom: -28px; width: 58%; height: 72px; background-color: #000000; pointer-events: none; }
#verband h3, .nowrap { white-space: nowrap; }
/* Menu in de witte header */
.elementor-nav-menu--main .elementor-item { font-family: 'WB Hanken', 'WB Hanken Fallback', sans-serif !important; font-weight: 600 !important; font-size: 16px !important; color: #000000 !important; padding: 10px 12px !important; background: transparent !important; border-radius: 0; transition: color .18s cubic-bezier(.23,1,.32,1); }
.elementor-nav-menu--main .elementor-item:hover, .elementor-nav-menu--main .elementor-item:focus { padding: 10px 12px !important; }
.elementor-nav-menu--main .elementor-item:before, .elementor-nav-menu--main .elementor-item:after { display: none !important; content: none !important; }
.elementor-nav-menu--main .elementor-item.elementor-item-active { color: #FF6600 !important; }
.elementor-nav-menu--main .sub-menu { background: #ffffff; border-radius: 0; padding: 8px !important; min-width: 270px; border: 2px solid #000000; border-top: 6px solid #FF6600; }
.elementor-nav-menu--main .sub-menu a.elementor-sub-item { font-family: 'WB Hanken', 'WB Hanken Fallback', sans-serif !important; font-weight: 600 !important; font-size: 15px !important; color: #000000 !important; padding: 10px 14px !important; border-radius: 0; background: transparent !important; }
.elementor-nav-menu--main .sub-menu a.elementor-sub-item:hover, .elementor-nav-menu--main .sub-menu a.elementor-sub-item.elementor-item-active { background: #FFF0E5 !important; color: #000000 !important; }
.elementor-nav-menu--main li.menu-alleen-mobiel { display: none !important; }
/* Mobiel menu: wit paneel onder de header */
.elementor-widget-nav-menu { position: static !important; }
.elementor-menu-toggle { width: 48px; height: 48px; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background-color: #FF6600 !important; color: #000000 !important; transition: transform .12s cubic-bezier(.23,1,.32,1); }
.elementor-menu-toggle:active { transform: scale(.97); }
.elementor-menu-toggle:hover, .elementor-menu-toggle:focus, .elementor-menu-toggle.elementor-active { background-color: #000000 !important; color: #ffffff !important; }
.elementor-menu-toggle svg { width: 24px !important; height: 24px !important; fill: currentColor !important; }
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { position: fixed !important; left: 0 !important; right: 0 !important; top: 80px !important; bottom: 0 !important; width: auto !important; height: auto !important; max-height: none !important; margin: 0 !important; z-index: 300; background-color: #ffffff !important; border-top: 6px solid #FF6600; padding: 12px 16px 40px !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; }
nav.elementor-nav-menu--dropdown .elementor-nav-menu { width: 100% !important; }
nav.elementor-nav-menu--dropdown .sub-arrow { padding: 10px 14px !important; margin-left: auto; }
nav.elementor-nav-menu--dropdown .elementor-item { display: flex !important; align-items: center; }
nav.elementor-nav-menu--dropdown .elementor-nav-menu li { border: 0 !important; border-bottom: 1px solid #CCCCCC !important; }
nav.elementor-nav-menu--dropdown a.elementor-item { font-family: 'WB Anybody', 'WB Anybody Fallback', sans-serif !important; font-stretch: 100%; font-weight: 800 !important; font-size: 1.3rem !important; color: #000000 !important; padding: 14px 6px !important; border: 0 !important; border-radius: 0; justify-content: flex-start; text-align: left; background-color: transparent !important; }
nav.elementor-nav-menu--dropdown a.elementor-sub-item { font-family: 'WB Hanken', 'WB Hanken Fallback', sans-serif !important; font-stretch: 100%; font-weight: 600 !important; font-size: 1.05rem !important; padding-left: 22px !important; }
nav.elementor-nav-menu--dropdown a.elementor-item:hover, nav.elementor-nav-menu--dropdown a.elementor-item.elementor-item-active, nav.elementor-nav-menu--dropdown a.elementor-item.highlighted { background-color: #FFF0E5 !important; color: #000000 !important; }
nav.elementor-nav-menu--dropdown li.menu-alleen-mobiel a.elementor-item { background-color: #000000 !important; color: #ffffff !important; justify-content: center; margin-top: 18px; font-family: 'WB Hanken', 'WB Hanken Fallback', sans-serif !important; font-size: 1.1rem !important; }
nav.elementor-nav-menu--dropdown a.elementor-item:before, nav.elementor-nav-menu--dropdown a.elementor-item:after { display: none !important; }
@media (max-width: 767px) { nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { top: 74px !important; } }
/* Tweeregelige header: bovenste regel scrolt weg, zwarte menubalk blijft staan */
.elementor-location-header { position: sticky; top: -84px; z-index: 1000; } @media (max-width: 767px) { .elementor-location-header { top: -64px; } }
#site-header { position: relative; } #site-header .e-con, #site-header .e-flexbox, #site-header .e-div-block { position: static; }
.elementor-nav-menu--main .elementor-item { color: #ffffff !important; padding: 16px 14px !important; } .elementor-nav-menu--main .elementor-item:hover, .elementor-nav-menu--main .elementor-item:focus { padding: 16px 14px !important; }
.elementor-nav-menu--main .elementor-item:hover, .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-nav-menu--main li.current-menu-ancestor > .elementor-item { color: #FF6600 !important; box-shadow: none !important; text-decoration: none !important; }
.elementor-nav-menu--main .elementor-nav-menu { justify-content: flex-start !important; } #site-header .elementor-nav-menu--main .sub-arrow svg, #site-header .elementor-nav-menu--main .sub-arrow i { fill: #ffffff; color: #ffffff; }
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { position: absolute !important; top: 100% !important; bottom: auto !important; max-height: calc(100vh - 120px) !important; box-shadow: 0 30px 40px rgba(0,0,0,.25); }
@media (max-width: 767px) { nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { top: 100% !important; } }
/* Accordion */
.e-heading-base a { text-decoration: none !important; }
.e-accordion-item-icon { transition: transform .25s cubic-bezier(.23,1,.32,1); }
details[open] > summary .e-accordion-item-icon, .e-accordion-item[open] .e-accordion-item-icon { transform: rotate(180deg); }
.e-accordion-item summary:hover h3 { color: #B84A00; }
/* Skip-link en focus */
#skiplink:focus, #skiplink:focus-visible { top: 12px !important; }
a:focus-visible, button:focus-visible, .e-button-base:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid #000000; outline-offset: 3px; box-shadow: 0 0 0 6px #FF6600; }
/* Impeccable/Emil-ronde 2026-10-23 */
input::placeholder, textarea::placeholder { color: #6B6B6B; opacity: 1; }
a[href='#content'] { position: fixed !important; top: -120px !important; left: 16px !important; z-index: 2000 !important; } a[href='#content']:focus, a[href='#content']:focus-visible { top: 12px !important; }
::selection { background: #FF6600; color: #000000; } input, textarea { caret-color: #B84A00; }
a.e-button-base { min-height: 24px; }
#site-footer a.e-button-base:active, .e-paragraph-base a:active { transform: none; }
.e-accordion-item-icon { transition: transform .2s cubic-bezier(.23,1,.32,1) !important; }
/* Mobiel menu: geen scaleY(0) maar opacity + korte verschuiving */
@media (max-width: 1024px) { .elementor-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active) + .elementor-nav-menu__container { transform: translateY(-8px) !important; opacity: 0; visibility: hidden; transition: opacity .15s cubic-bezier(.23,1,.32,1), transform .15s cubic-bezier(.23,1,.32,1), visibility 0s linear .15s !important; } .elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container { transform: none !important; opacity: 1; visibility: visible; transition: opacity .2s cubic-bezier(.23,1,.32,1), transform .2s cubic-bezier(.23,1,.32,1), visibility 0s !important; } }
@media (hover: none) { .elementor-nav-menu--main .elementor-item:hover:not(.elementor-item-active) { color: #ffffff !important; } }
/* Lange woorden nooit buiten het scherm */
@media (max-width: 767px) { h1.e-heading-base, h2.e-heading-base, h3.e-heading-base { hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word; } .e-button-base { white-space: normal; } #verband h3 { white-space: normal; } }
.e-paragraph-base { max-width: 100%; min-width: 0; overflow-wrap: break-word; } .e-paragraph-base:empty { display: none; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .e-button-base, .elementor-menu-toggle, .e-accordion-item-icon { transition-property: background-color, color, border-color !important; } .e-button-base:active, .elementor-menu-toggle:active { transform: none !important; } nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { transform: none !important; transition: opacity .15s linear, visibility 0s !important; } }/* End custom CSS */