.elementor-kit-6{--e-global-color-primary:#0061AA;--e-global-color-secondary:#FFEE00;--e-global-color-text:#57280A;--e-global-color-accent:#0061AA;--e-global-typography-primary-font-family:"MB Young Serif";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"MB Young Serif";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"MB Instrument Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"MB Instrument Sans";--e-global-typography-accent-font-weight:600;background-color:#FFFFFF;font-family:"MB Instrument Sans", Sans-serif;font-weight:400;}.elementor-kit-6 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 { --mb-blauw:#0061AA; --mb-geel:#FFEE00; --mb-korst:#57280A; --mb-donker:#3C1C07; --mb-room:#F6EDCC; --mb-tarwe:#E7DAA3; --mb-ijs:#E5EFF7; --mb-geel-licht:#FFF8B3; --mb-oranje:#F49C2D; --mb-wit:#FFFFFF; --font-heading:MB Young Serif; --font-body:MB Instrument Sans; }
/* Start custom CSS *//* Bakkerij Mulder: zelf gehoste fonts (latin) */
@font-face { font-family: 'MB Young Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url('/wp-content/uploads/fonts/young-serif-normal-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'MB Instrument Sans'; font-style: normal; font-weight: 400 700; font-stretch: 75% 100%; font-display: swap; src: url('/wp-content/uploads/fonts/instrument-sans-normal-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'MB Young Serif Fallback'; src: local('Georgia'), local('Times New Roman'); size-adjust: 104%; ascent-override: 90%; descent-override: 24%; line-gap-override: 0%; }
@font-face { font-family: 'MB Instrument Sans Fallback'; src: local('Arial'), local('Liberation Sans'), local('Helvetica'); size-adjust: 96%; ascent-override: 98%; descent-override: 26%; line-gap-override: 0%; }
:root { --font-heading: 'MB Young Serif', 'MB Young Serif Fallback', Georgia, serif; --font-body: 'MB Instrument Sans', 'MB Instrument Sans Fallback', sans-serif; }
h1.e-heading-base, h2.e-heading-base, h3.e-heading-base, h4.e-heading-base { font-family: 'MB Young Serif', 'MB Young Serif Fallback', Georgia, serif !important; font-weight: 400; color: #0061AA; letter-spacing: -0.005em; }
h1.e-heading-base { letter-spacing: -0.015em; } h2.e-heading-base { font-size: 2.4rem; line-height: 1.12; } h3.e-heading-base { font-size: 1.35rem; line-height: 1.25; }
@media (max-width: 767px) { h2.e-heading-base { font-size: 1.8rem; } }
.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: 'MB Instrument Sans', 'MB Instrument Sans Fallback', sans-serif; }
p.e-paragraph-base, .e-paragraph-base, body { color: #57280A; font-size: 1.08rem; line-height: 1.65; }
body { background-color: #ffffff; } a { text-decoration: none; }
.e-paragraph-base a { color: #0061AA; font-weight: 700; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; } .e-paragraph-base a:hover { color: #3C1C07; }
/* 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; }
.e-button-base.link-sterk:hover, .e-button-base.link-sterk:focus-visible { text-decoration: none; }
#assortiment-raster h3, #proces h3, #hero-proces h3, .nowrap { white-space: nowrap; }
/* Zwevende header in een afgerond vlak */
.elementor-location-header { position: sticky; top: 0; z-index: 1000; height: 0; }
#site-header .e-con, #site-header .e-flexbox, #site-header .e-div-block { position: static; } #hdr-panel { position: relative !important; } #hero-proces, #proces { position: relative; }
.elementor-nav-menu--main .elementor-item { font-family: 'MB Instrument Sans', 'MB Instrument Sans Fallback', sans-serif !important; font-weight: 600 !important; font-size: 16px !important; color: #57280A !important; padding: 9px 14px !important; margin: 0 2px; background: transparent !important; border-radius: 999px; transition: background-color .18s cubic-bezier(.23,1,.32,1), color .18s cubic-bezier(.23,1,.32,1); }
.elementor-nav-menu--main .elementor-item:hover, .elementor-nav-menu--main .elementor-item:focus { padding: 9px 14px !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.highlighted { background-color: #F6EDCC !important; color: #0061AA !important; }
.elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-nav-menu--main li.current-menu-ancestor > .elementor-item { background-color: #FFEE00 !important; color: #0061AA !important; }
.elementor-nav-menu--main .sub-menu { background: #ffffff; border-radius: 18px; padding: 8px !important; min-width: 220px; border: 2px solid #E7DAA3; margin-top: 8px !important; }
.elementor-nav-menu--main .sub-menu a.elementor-sub-item { font-family: 'MB Instrument Sans', 'MB Instrument Sans Fallback', sans-serif !important; font-weight: 600 !important; font-size: 15px !important; color: #57280A !important; padding: 10px 14px !important; border-radius: 12px; 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: #F6EDCC !important; color: #0061AA !important; }
.elementor-nav-menu--main .sub-arrow svg { fill: #57280A; } .elementor-nav-menu--main li.menu-alleen-mobiel { display: none !important; }
/* Mobiel menu: geel rond knopje, wit afgerond paneel onder het zwevende vlak */
.elementor-widget-nav-menu { position: static !important; }
.elementor-menu-toggle { width: 48px; height: 48px; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background-color: #FFEE00 !important; color: #0061AA !important; transition: transform .12s cubic-bezier(.23,1,.32,1), background-color .18s 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: #0061AA !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: calc(100% + 10px) !important; width: auto !important; margin: 0 !important; z-index: 300; background-color: #ffffff !important; border: 2px solid #E7DAA3; border-radius: 24px; padding: 10px 16px 18px !important; max-height: calc(100vh - 120px) !important; overflow-y: auto !important; }
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 .sub-arrow svg { fill: #0061AA !important; }
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 #E7DAA3 !important; }
nav.elementor-nav-menu--dropdown .elementor-nav-menu li:last-child { border-bottom: 0 !important; }
nav.elementor-nav-menu--dropdown a.elementor-item { font-family: 'MB Young Serif', 'MB Young Serif Fallback', Georgia, serif !important; font-weight: 400 !important; font-size: 1.35rem !important; color: #0061AA !important; padding: 13px 6px !important; border: 0 !important; border-radius: 12px; justify-content: flex-start; text-align: left; background-color: transparent !important; }
nav.elementor-nav-menu--dropdown a.elementor-sub-item { font-family: 'MB Instrument Sans', 'MB Instrument Sans Fallback', sans-serif !important; font-weight: 600 !important; font-size: 1.05rem !important; color: #57280A !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: #F6EDCC !important; }
nav.elementor-nav-menu--dropdown li.menu-alleen-mobiel a.elementor-item { background-color: #FFEE00 !important; color: #0061AA !important; justify-content: center; margin-top: 14px; border-radius: 999px; font-family: 'MB Instrument Sans', 'MB Instrument Sans Fallback', sans-serif !important; font-weight: 700 !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: 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) { background-color: transparent !important; } }
/* Openingstijden uit wp-admin > Openingstijden (mu-plugin) */
p.mt-status { display: flex; align-items: center; gap: 10px; margin: 0; min-height: 1.6em; font-weight: 700; font-size: 1.05rem; line-height: 1.3; color: #57280A; }
.mt-lamp { width: 12px; height: 12px; border-radius: 50%; background: #E7DAA3; flex: 0 0 auto; } .mt-status.mt-open .mt-lamp { background: #0061AA; box-shadow: 0 0 0 4px #E5EFF7; }
.bg-blauw p.mt-status, #hero p.mt-status { color: #ffffff; }
.mt-dagen { margin: 0; display: flex; flex-direction: column; border-top: 2px solid #0061AA; }
.mt-dag { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid #E7DAA3; } .mt-dag dt { font-weight: 600; } .mt-dag dd { margin: 0; font-variant-numeric: tabular-nums; }
.mt-dag.mt-vandaag dt, .mt-dag.mt-vandaag dd { color: #0061AA; font-weight: 700; } .mt-dag.mt-dicht dd { opacity: .8; } .mt-label-vandaag { font-weight: 600; }
.mt-noot { margin: 10px 0 0; font-size: .98rem; }
.mt-kort { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; } .mt-kort li { display: flex; justify-content: space-between; gap: 16px; max-width: 300px; font-variant-numeric: tabular-nums; }
#site-footer .mt-kort li { color: rgba(255,255,255,.9); max-width: 260px; } #site-footer .mt-kort li span:first-child { font-weight: 600; }
.mt-mededeling { background: #FFEE00; color: #0061AA; font-weight: 700; padding: 12px 18px; border-radius: 999px; display: inline-block; margin: 0; }
/* Footer */
#site-footer .e-button-base.link-plain:hover, #site-footer .e-button-base.link-plain:focus-visible { color: #FFEE00 !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: #3C1C07; }
/* 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 #3C1C07; outline-offset: 3px; box-shadow: 0 0 0 6px #FFEE00; }
input::placeholder, textarea::placeholder { color: #7A6450; opacity: 1; } ::selection { background: #FFEE00; color: #0061AA; } input, textarea { caret-color: #0061AA; }
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 { hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word; } .e-button-base { white-space: normal; text-align: center; } #assortiment-raster 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: 120px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .e-button-base, .elementor-menu-toggle, .e-accordion-item-icon, .elementor-nav-menu--main .elementor-item { 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 */