.elementor-kit-5{--e-global-color-primary:#1D1D1B;--e-global-color-secondary:#DC1220;--e-global-color-text:#1D1D1B;--e-global-color-accent:#DC1220;--e-global-typography-primary-font-family:"MO Schibsted";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"MO Schibsted";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"MO Instrument";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"MO Instrument";--e-global-typography-accent-font-weight:600;background-color:#FFFFFF;font-family:"MO Instrument", 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 { --mo-rood:#DC1220; --mo-donkerrood:#A30D17; --mo-zwart:#1D1D1B; --mo-roodlicht:#FBE8E9; --mo-licht:#F1F1EF; --mo-lijn:#D6D5D1; --mo-grijs:#5E5E5A; --mo-wit:#FFFFFF; --mo-nacht:#2A2A28; --font-heading:MO Schibsted; --font-body:MO Instrument; }
/* Start custom CSS *//* Bouwbedrijf Moes: zelf gehoste variabele fonts (latin) */
@font-face { font-family: 'MO Schibsted'; font-style: normal; font-weight: 400 900; font-display: swap; src: url('/wp-content/uploads/fonts/schibsted-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: 'MO Instrument'; font-style: normal; font-weight: 400 700; font-stretch: 75% 100%; font-display: swap; src: url('/wp-content/uploads/fonts/instrument-sans-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: 'MO Schibsted Fallback'; src: local('Arial'), local('Liberation Sans'), local('Helvetica'); size-adjust: 101%; ascent-override: 96%; descent-override: 25%; line-gap-override: 0%; }
@font-face { font-family: 'MO Instrument Fallback'; src: local('Arial'), local('Liberation Sans'), local('Helvetica'); size-adjust: 98%; ascent-override: 97%; descent-override: 25%; line-gap-override: 0%; }
:root { --font-heading: 'MO Schibsted', 'MO Schibsted Fallback', sans-serif; --font-body: 'MO Instrument', 'MO Instrument Fallback', sans-serif; }
h1.e-heading-base, h2.e-heading-base, h3.e-heading-base, h4.e-heading-base { font-family: 'MO Schibsted', 'MO Schibsted Fallback', sans-serif !important; color: #1D1D1B; letter-spacing: -0.015em; text-wrap: balance; }
h1.e-heading-base { font-weight: 800; } h2.e-heading-base { font-size: 2.35rem; line-height: 1.1; font-weight: 800; } h3.e-heading-base { font-size: 1.3rem; line-height: 1.25; font-weight: 700; }
@media (max-width: 767px) { h2.e-heading-base { font-size: 1.75rem; } }
.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: 'MO Instrument', 'MO Instrument Fallback', sans-serif; }
p.e-paragraph-base, .e-paragraph-base, body { color: #1D1D1B; font-size: 1.07rem; line-height: 1.65; }
p.e-paragraph-base { text-wrap: pretty; }
body { background-color: #ffffff; } a { text-decoration: none; }
.e-paragraph-base a { color: #DC1220; font-weight: 700; text-decoration: none; box-shadow: inset 0 -2px 0 transparent; transition: color .18s cubic-bezier(.23,1,.32,1), box-shadow .18s cubic-bezier(.23,1,.32,1); } .e-paragraph-base a:hover, .e-paragraph-base a:focus-visible { color: #A30D17; box-shadow: inset 0 -2px 0 #DC1220; }
/* 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; }
button:hover, button:focus, .e-button-base:focus { background-image: none; }
/* De wissel in de hero: pijlknoop op de naad tussen bouwen en huren */
#keuze { position: relative; } #wissel { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); width: auto !important; z-index: 2; pointer-events: none; }
@media (max-width: 1024px) { #wissel { display: none !important; } }
#keuze-bouw a.link-plain, #keuze-huur a.link-plain { transition: color .18s cubic-bezier(.23,1,.32,1), padding-left .25s cubic-bezier(.23,1,.32,1); } #keuze-bouw a.link-plain:hover, #keuze-huur a.link-plain:hover { padding-left: 6px !important; }
#site-footer nav .e-flexbox, #site-footer nav .e-con { row-gap: 8px; }
#specborden h3, .nowrap { white-space: nowrap; }
/* Stappen: verbindingslijn tussen de nummers (echte volgorde) */
#stappen { position: relative; } @media (min-width: 1025px) { #stappen::before { content: ''; position: absolute; left: 22px; right: calc((100% - 96px) / 4 - 22px); top: 21px; height: 2px; background: #DC1220; opacity: .35; } }
/* Menu in de witte header: direct naast het logo */
.elementor-nav-menu--main .elementor-item { font-family: 'MO Instrument', 'MO Instrument Fallback', sans-serif !important; font-weight: 600 !important; font-size: 16px !important; color: #1D1D1B !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:hover, .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-nav-menu--main li.current-menu-ancestor > .elementor-item { color: #DC1220 !important; box-shadow: none !important; text-decoration: none !important; }
.elementor-nav-menu--main .elementor-nav-menu { justify-content: flex-start !important; }
.elementor-nav-menu--main .sub-menu { background: #ffffff; border-radius: 6px; padding: 8px !important; min-width: 260px; border: 1px solid #D6D5D1; border-top: 4px solid #DC1220; box-shadow: 0 18px 36px rgba(29,29,27,.12); }
.elementor-nav-menu--main .sub-menu a.elementor-sub-item { font-family: 'MO Instrument', 'MO Instrument Fallback', sans-serif !important; font-weight: 600 !important; font-size: 15px !important; color: #1D1D1B !important; padding: 10px 14px !important; border-radius: 4px; 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: #FBE8E9 !important; color: #1D1D1B !important; }
.elementor-nav-menu--main li.menu-alleen-mobiel { display: none !important; }
/* Sticky header */
.elementor-location-header { position: sticky; top: 0; z-index: 1000; }
#site-header { position: relative; } #site-header .e-con, #site-header .e-flexbox, #site-header .e-div-block { position: static; }
/* Mobiel menu: wit paneel onder de header, rode menuknop */
.elementor-widget-nav-menu { position: static !important; }
.elementor-menu-toggle { width: 48px; height: 48px; padding: 0 !important; border: 0 !important; border-radius: 6px !important; background-color: #DC1220 !important; color: #ffffff !important; margin-left: auto; transition: background-color .18s cubic-bezier(.23,1,.32,1), 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: #1D1D1B !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: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; width: auto !important; max-height: calc(100vh - 80px) !important; margin: 0 !important; z-index: 300; background-color: #ffffff !important; border-top: 4px solid #DC1220; padding: 8px 16px 28px !important; overflow-y: auto !important; box-shadow: 0 30px 40px rgba(29,29,27,.22); }
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 #D6D5D1 !important; }
nav.elementor-nav-menu--dropdown a.elementor-item { font-family: 'MO Schibsted', 'MO Schibsted Fallback', sans-serif !important; font-weight: 800 !important; font-size: 1.25rem !important; color: #1D1D1B !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: 'MO Instrument', 'MO Instrument Fallback', sans-serif !important; 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: #FBE8E9 !important; color: #1D1D1B !important; }
nav.elementor-nav-menu--dropdown li.menu-alleen-mobiel a.elementor-item { background-color: #DC1220 !important; color: #ffffff !important; justify-content: center; margin-top: 18px; border-radius: 6px; font-family: 'MO Instrument', 'MO Instrument Fallback', sans-serif !important; font-size: 1.1rem !important; }
nav.elementor-nav-menu--dropdown li.menu-alleen-mobiel { border-bottom: 0 !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: 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: #1D1D1B !important; } }
/* Accordion */
.e-heading-base a { text-decoration: none !important; }
.e-accordion-item-icon { transition: transform .2s cubic-bezier(.23,1,.32,1) !important; }
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: #DC1220; } .e-accordion-item summary { list-style: none; } .e-accordion-item summary::-webkit-details-marker { display: none; }
/* Skip-link en focus */
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; }
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 #1D1D1B; outline-offset: 3px; box-shadow: 0 0 0 6px #ffffff; }
#site-footer a:focus-visible, #cta a:focus-visible, #keuze a:focus-visible { outline-color: #ffffff; box-shadow: 0 0 0 6px #1D1D1B; }
input::placeholder, textarea::placeholder { color: #6B6B66; opacity: 1; }
::selection { background: #DC1220; color: #ffffff; } input, textarea { caret-color: #DC1220; }
a.e-button-base { min-height: 24px; }
/* Lange woorden nooit buiten het scherm */
@media (max-width: 767px) { h1.e-heading-base, h2.e-heading-base, h3.e-heading-base { overflow-wrap: break-word; } .e-button-base { white-space: normal; } #specborden h3 { white-space: normal; } }
.e-paragraph-base { max-width: 100%; min-width: 0; overflow-wrap: break-word; } .e-paragraph-base:empty { display: none; }
.e-svg-base svg { display: block; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .e-button-base, .elementor-menu-toggle, .e-accordion-item-icon, #keuze a.link-plain { transition-property: background-color, color, border-color !important; } .e-button-base:active, .elementor-menu-toggle:active { transform: none !important; } #keuze-bouw a.link-plain:hover, #keuze-huur a.link-plain:hover { padding-left: 0 !important; } nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { transform: none !important; transition: opacity .15s linear, visibility 0s !important; } }/* End custom CSS */