/* MTO-online: opmaak van de vernieuwde site (ontwerp versie 20 met kleurvariant M29). */
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:optional;src:url('../fonts/source-sans-3-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:optional;src:url('../fonts/source-sans-3-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:optional;src:url('../fonts/source-sans-3-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:800;font-display:optional;src:url('../fonts/source-sans-3-latin-800-normal.woff2') format('woff2')}

/* ---------- Uit het ontwerp ---------- */
body{margin:0;background:#ffffff;overflow-wrap:break-word;hyphens:manual}
img{height:auto}
a{color:#3F5A16}a:hover{color:#2F4A12}
.nw{white-space:nowrap}
.mto-dd-menu{display:none}.mto-dd:hover .mto-dd-menu,.mto-dd-menu.open{display:block}
.mto-pbm{display:none}
@media (min-width: 701px) and (max-width: 1100px){.mto-ft[style*="grid"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width: 1100px){.mto-logos[style*="grid"]{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
.mto-burger{display:none}
.mto-panel{display:none}.mto-panel.open{display:block}
.mto-narrow>*{max-width:900px}
@media (min-width: 1181px){.mto-nav{gap:4px 22px !important;font-size:15px !important;flex-wrap:nowrap !important}}
@media (max-width: 1180px){.mto-nav{display:none !important}.mto-cta{display:none !important}.mto-burger{display:flex !important}}
@media (max-width: 1080px){.mto-nav{display:none !important}.mto-cta{display:none !important}.mto-burger{display:flex !important}}
@media (min-width: 701px) and (max-width: 1100px){.mto-g[style*="grid"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.mto-g>:last-child:nth-child(odd){grid-column:1/-1}.mto-steps[style*="grid"]{grid-template-columns:repeat(4,minmax(0,1fr)) !important}}
@media (max-width: 900px){.mto-split[style*="grid"]{grid-template-columns:minmax(0,1fr) !important}}
@media (max-width: 700px){[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr) !important}.mto-top{display:none !important}.mto-hd{padding:12px 16px !important;gap:10px !important;min-height:0 !important}.mto-logo{height:32px !important}.mto-pb{display:block !important;padding-left:10px !important}.mto-pb img{height:20px !important}.mto-pbm{display:none !important}section > div[style*="margin: 0 auto"],footer > div{padding-left:16px !important;padding-right:16px !important}h2{font-size:26px !important}table{display:block;overflow-x:auto}body{font-size:16px}[style*="font-size: 13px"],[style*="font-size: 14px"],[style*="font-size: 15px"]{font-size:16px !important}section > div[style*="margin: 0 auto"]{padding-top:44px !important;padding-bottom:44px !important}}

h1{font-size:clamp(30px,7vw,46px) !important}
.mto-in{height:46px;border:1px solid #B9C7A6;border-radius:8px;padding:0 12px;font-size:16px;background:#ffffff;font-family:inherit}
.mto-burger{flex:none}
input[type="range"]{width:100%;height:36px;accent-color:#3F5A16}
input[type="checkbox"],input[type="radio"]{flex:none;width:24px !important;height:24px !important;accent-color:#3F5A16}
div > a:not([style*="padding"]),footer a:not([style*="padding"]){padding-top:3px;padding-bottom:3px}

/* ---------- Basis ---------- */
html{-webkit-text-size-adjust:100%}
body.mto-site{margin:0;background:#ffffff;font-family:'Source Sans 3',Arial,sans-serif;color:#1D2A1F;font-size:17px;overflow-wrap:break-word;hyphens:manual;-webkit-hyphens:manual}
body.mto-site h1,body.mto-site h2,body.mto-site h3,body.mto-site h4,body.mto-site p,body.mto-site li,body.mto-site summary,body.mto-site label,body.mto-site button,body.mto-site input,body.mto-site select,body.mto-site textarea{font-family:inherit}
body.mto-site h1,body.mto-site h2,body.mto-site h3,body.mto-site h4{color:inherit}
/* Het ontwerp rekent met content-box (zoals de browser standaard doet); Elementor zet alles op border-box. */
.elementor .mto-sec,.elementor .mto-sec *,.elementor .mto-sec *::before,.elementor .mto-sec *::after{box-sizing:content-box}
.mto-sec .wpcf7 input,.mto-sec .wpcf7 select,.mto-sec .wpcf7 textarea{box-sizing:border-box !important}
body.mto-site img{max-width:100%}
.mto-page{width:100%;overflow-x:clip}
.elementor .mto-sec a:not([style*="text-decoration"]){text-decoration:underline}
.elementor .mto-sec details summary{cursor:pointer}
.mto-site .elementor-widget-html,.mto-site .elementor-widget-html>.elementor-widget-container{margin:0;padding:0}
.mto-site .e-con.mto-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;padding:0}
.mto-site .e-con.mto-con>.e-con-inner{max-width:none;padding:0}
.mto-site .elementor-widget:not(:last-child){margin-bottom:0}
.mto-hdwrap{width:100%;font-family:'Source Sans 3',Arial,sans-serif;color:#1D2A1F;font-size:17px;position:relative}
.mto-hdwrap button{font-family:inherit}
.mto-dd-menu a:hover,.mto-panel a:hover{background:#F3F7EA}
.mto-ftwrap{font-family:'Source Sans 3',Arial,sans-serif}
.mto-ftwrap a{text-decoration:underline}
.mto-hdwrap a:focus-visible,.mto-hdwrap button:focus-visible,.mto-sec a:focus-visible,.mto-sec button:focus-visible{outline:3px solid #B8D838;outline-offset:2px}

/* ---------- Kleurvariabelen ----------
   Zonder body.mto-m29 gelden de kleuren van ontwerpversie 20 (de terugvalwaarden in de pagina's).
   Met body.mto-m29 (functions.php: MTO_KLEURVARIANT = 'm29') gelden de kleuren van review ronde 2, M29. */
body.mto-m29{
  --mto-licht:#E6EFD3;
  --mto-band-bg:#1D2A1F;
  --mto-band-fg:#ffffff;
  --mto-band-tekst:#E3EBD6;
  --mto-band-accent:#B5D46A;
  --mto-band-knop:#B8D838;
  --mto-band-knop-tekst:#1D2A1F;
  --mto-band-foto:none;
  --mto-donker-bg:#1D2A1F;
  --mto-donker-fg:#ffffff;
  --mto-donker-tekst:#E3EBD6;
  --mto-donker-accent:#B5D46A;
  --mto-donker-knop:#B8D838;
  --mto-donker-knop-tekst:#1D2A1F;
}
.mto-band{background-image:var(--mto-band-foto,none);background-size:cover;background-position:right center}
.mto-band a:not([style*="color"]){color:var(--mto-band-accent,#3F5A16)}
.mto-donker a:not([style*="color"]){color:var(--mto-donker-accent,#3F5A16)}
.mto-donker a[style*="color: #3F5A16"]{color:var(--mto-donker-accent,#3F5A16) !important}

/* ---------- Formulieren (Contact Form 7) ---------- */
.mto-sec .wpcf7 form{margin:0}
.mto-sec .wpcf7-form-control-wrap{display:block}
.mto-sec .wpcf7 input[type="text"],.mto-sec .wpcf7 input[type="email"],.mto-sec .wpcf7 input[type="tel"],.mto-sec .wpcf7 input[type="number"],.mto-sec .wpcf7 select{width:100%;height:46px;border:1px solid #B9C7A6;border-radius:8px;padding:0 12px;font-size:16px;background:#ffffff;color:#1D2A1F;font-family:inherit;margin:0}
.mto-sec .wpcf7 select{padding:0 10px}
.mto-sec .wpcf7 textarea{width:100%;min-height:120px;border:1px solid #B9C7A6;border-radius:8px;padding:10px 12px;font-size:16px;background:#ffffff;color:#1D2A1F;font-family:inherit;margin:0}
.mto-sec .wpcf7 input:focus,.mto-sec .wpcf7 select:focus,.mto-sec .wpcf7 textarea:focus{outline:3px solid #B8D838;outline-offset:1px;border-color:#3F5A16}
.mto-sec .wpcf7 .mto-num input[type="number"]{width:110px;text-align:right}
.mto-sec .wpcf7 .wpcf7-submit{background:#3F5A16;color:#ffffff;font-weight:700;font-family:inherit;font-size:17px;padding:15px 24px;border-radius:10px;border:0;cursor:pointer;min-height:44px;width:auto;height:auto;line-height:1.2}
.mto-sec .wpcf7 .wpcf7-submit:hover{background:#2F4A12}
.mto-sec .wpcf7 .wpcf7-list-item{display:flex;align-items:center;gap:10px;margin:0 0 8px}
.mto-sec .wpcf7 .wpcf7-list-item label{display:flex;align-items:center;gap:10px;font-weight:400;font-size:17px;cursor:pointer}
.mto-sec .wpcf7 .wpcf7-not-valid-tip{color:#A4161A;font-size:15px;font-weight:600;margin-top:4px;display:block}
.mto-sec .wpcf7 form .wpcf7-response-output{margin:16px 0 0;padding:12px 14px;border-radius:10px;font-size:16px;line-height:1.5;border:2px solid #8DAF36;background:#F3F7EA}
.mto-sec .wpcf7 form.invalid .wpcf7-response-output,.mto-sec .wpcf7 form.unaccepted .wpcf7-response-output,.mto-sec .wpcf7 form.failed .wpcf7-response-output,.mto-sec .wpcf7 form.spam .wpcf7-response-output{border-color:#A4161A;background:#FBEDED}
.mto-sec .wpcf7-spinner{margin:0 0 0 12px;vertical-align:middle}
.mto-sec .mto-hide{display:none !important}
.mto-sec [hidden]{display:none !important}

@media (max-width: 700px){
  .mto-sec .wpcf7 .mto-num{flex-wrap:wrap}
}

/* Menupaneel: hoogte volgt de werkelijke headerhoogte (M55). Het script zet bij openen de exacte hoogte;
   dit is de terugval: tot 700 px is de header 69 px, tussen 701 en 1180 px zijn bovenbalk en header samen 121 px. */
@media (min-width: 701px) and (max-width: 1180px){#mto-menu.mto-panel{max-height:calc(100dvh - 121px) !important}}

/* 1.0.10 (27 okt 2026): visuele feedback Willem 01:34 */
@media (max-width: 420px){.mto-logo{height:28px !important}.mto-pb img{height:18px !important}}
@media (max-width: 340px){.mto-logo{height:24px !important}.mto-pb{padding-left:8px !important}.mto-pb img{height:16px !important}}
/* Logostrook, doorlopend zoals OnlineOR */
.mto-klanten .mto-mask{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.mto-track{display:flex;width:max-content;animation:mtoscroll 40s linear infinite}
.mto-klanten:hover .mto-track,.mto-track:focus-within{animation-play-state:paused}
@keyframes mtoscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mto-logo-t{flex:none;width:170px;height:72px;margin-right:16px;box-sizing:border-box;border:1px solid #DCE5CC;border-radius:10px;background:#ffffff;display:flex;align-items:center;justify-content:center;padding:8px 10px}
.mto-logo-t img{display:block;max-width:150px;max-height:50px;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .2s,opacity .2s}
.mto-logo-t:hover img,.mto-logo-t:focus-within img{filter:none;opacity:1}
@media (prefers-reduced-motion: reduce){.mto-track{animation:none;flex-wrap:wrap;width:auto;row-gap:12px}.mto-track [aria-hidden="true"]{display:none}}
@media (max-width: 700px){.mto-logo-t{width:140px;height:64px;margin-right:12px}.mto-logo-t img{max-width:120px;max-height:44px}}
/* Stappen in kaarten (home, MTO laten uitvoeren) */
.mto-stg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.mto-stg>li{position:relative;background:#ffffff;border:1px solid #DCE5CC;border-radius:16px;padding:20px 20px 22px;display:flex;flex-direction:column;gap:10px;color:#1D2A1F}
.mto-stg>li:not(:nth-child(4n)):not(:last-child)::after{content:"";position:absolute;top:41px;right:-21px;width:20px;height:3px;background:#8DAF36}
.mto-stg-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mto-stg-n{width:44px;height:44px;flex:none;border-radius:50%;background:#3F5A16;color:#ffffff;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center}
.mto-stg h3{margin:0;font-size:18px;line-height:1.3;font-weight:700;color:#1D2A1F}
.mto-stg p{margin:0;font-size:15px;line-height:1.55;color:#2E3B30}
.mto-rol{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#E6EFD3;color:#2E4410;white-space:nowrap}
.mto-rol-wij{background:#1D2A1F;color:#ffffff}
.mto-rol-samen{background:#B8D838;color:#1D2A1F}
@media (max-width: 1100px){.mto-stg{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.mto-stg>li::after{display:none !important}}
@media (max-width: 700px){.mto-stg{grid-template-columns:minmax(0,1fr) !important}}
/* Tijdlijn (werkwijze) */
.mto-tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.mto-tl>li{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:24px;padding-bottom:24px}
.mto-tl>li:last-child{padding-bottom:0}
.mto-tl>li:not(:last-child)::before{content:"";position:absolute;left:27px;top:56px;bottom:0;width:3px;background:#C9D9A6}
.mto-tl-n{width:56px;height:56px;border-radius:50%;background:#3F5A16;color:#ffffff;font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.mto-tl-c{background:#F3F7EA;border:1px solid #DCE5CC;border-radius:16px;padding:22px 26px;display:flex;flex-direction:column;gap:8px;color:#1D2A1F}
.mto-tl-c h2,.mto-tl-c h3{margin:0;font-size:24px;line-height:1.25;font-weight:800;color:#1D2A1F}
.mto-tl-c p{margin:0;font-size:18px;line-height:1.6;color:#2E3B30}
.mto-tl-c .mto-rol{align-self:flex-start}
@media (max-width: 700px){.mto-tl>li{grid-template-columns:44px minmax(0,1fr);gap:14px}.mto-tl-n{width:44px;height:44px;font-size:18px}.mto-tl>li:not(:last-child)::before{left:21px;top:44px}.mto-tl-c{padding:18px}.mto-tl-c h2,.mto-tl-c h3{font-size:21px}}
/* Schermafbeeldingen in een browserframe */
.mto-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mto-shot{margin:0;background:#ffffff;border:1px solid #DCE5CC;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(29,42,31,0.08)}
.mto-shot-bar{display:flex;gap:6px;padding:10px 14px;background:#F3F7EA;border-bottom:1px solid #DCE5CC}
.mto-shot-bar i{width:10px;height:10px;border-radius:50%;background:#C9D9A6;display:block}
.mto-shot img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left;display:block;background:#ffffff}
.mto-shot figcaption{padding:16px 20px 20px;display:flex;flex-direction:column;gap:4px;font-size:16px;line-height:1.5;color:#2E3B30}
.mto-shot figcaption strong{color:#1D2A1F;font-size:18px}
@media (max-width: 900px){.mto-shots{grid-template-columns:minmax(0,1fr)}}
/* Witte kaarten in donkere banden: altijd donkere tekst */
.mto-donker [style*="background: #ffffff"],.mto-band [style*="background: #ffffff"],.mto-donker [style*="background: #fff;"],.mto-band [style*="background: #F3F7EA"],.mto-donker [style*="background: #F3F7EA"]{color:#1D2A1F}
.mto-donker [style*="background: #ffffff"] a:not([style*="background"]),.mto-band [style*="background: #ffffff"] a:not([style*="background"]),.mto-donker [style*="background: #F3F7EA"] a:not([style*="background"]){color:#3F5A16 !important}
/* Slotband: primaire knop valt op */
.mto-cta-p{background:#1D2A1F !important;color:#ffffff !important;box-shadow:0 6px 18px rgba(29,42,31,0.28)}
.mto-cta-p:hover,.mto-cta-p:focus{background:#000000 !important}

/* 1.0.11 (27 okt 2026): visuele review ronde 5 (M87 t/m M112) */
/* M87/M93: hero met foto. Desktop: foto rechts naast de tekst. Onder 1025 px: foto als eigen strook onder de tekst, nooit achter tekst of kaart. */
section.mto-sec.mto-fh{background-color:#1D2A1F !important;color:#ffffff;background-repeat:no-repeat !important;background-size:100% 100%,auto 100% !important;background-position:0 0,right center !important;background-image:linear-gradient(90deg,#1D2A1F 0%,#1D2A1F var(--mto-fh-stop,56%),rgba(29,42,31,0.5) calc(var(--mto-fh-stop,56%) + 15%),rgba(29,42,31,0.04) 100%),var(--mto-fh) !important}
@media (min-width:1025px){section.mto-sec.mto-fh>div>*{max-width:600px !important}}
@media (max-width:1024px){
  section.mto-sec.mto-fh{background-image:none !important}
  section.mto-sec.mto-fh::after{content:"";display:block;height:300px;background-image:var(--mto-fh);background-size:cover;background-position:var(--mto-fh-pos,center 30%);background-repeat:no-repeat}
}
@media (max-width:700px){section.mto-sec.mto-fh::after{height:230px}}

/* M91: rekenvoorbeelden als lijst op mobiel */
@media (max-width:767px){
  .mto-sec div[style*="overflow-x: auto"]>table[style*="min-width: 760px"]{display:block;min-width:0 !important;width:100% !important}
  .mto-sec table[style*="min-width: 760px"] thead{display:none}
  .mto-sec table[style*="min-width: 760px"] tbody,.mto-sec table[style*="min-width: 760px"] tr{display:block}
  .mto-sec table[style*="min-width: 760px"] tr{padding:14px 16px;border-top:1px solid #E7EEDA}
  .mto-sec table[style*="min-width: 760px"] tbody tr:first-child{border-top:0}
  .mto-sec table[style*="min-width: 760px"] td{display:block;padding:2px 0 !important;border:0 !important;text-align:left !important}
  .mto-sec table[style*="min-width: 760px"] td:nth-child(1){font-weight:700}
  .mto-sec table[style*="min-width: 760px"] td:nth-child(2){display:none}
  .mto-sec table[style*="min-width: 760px"] td:nth-child(3){font-size:20px}
    .mto-sec table[style*="min-width: 760px"] td:nth-child(4){color:#2E3B30}
    .mto-sec div[style*="overflow-x: auto"]:has(>table[style*="min-width: 760px"]){overflow:visible !important}
}

/* M95: logostrook overal gelijk; Obesitas-logo optisch gelijk */
.mto-klanten{background:var(--mto-licht,#E6EFD3) !important}
.mto-logo-t{border-color:#DCE5CC;background:#ffffff}
.mto-logo-t img[alt*="Obesitas"]{max-height:34px;max-width:120px;opacity:.45}
.mto-logo-t:hover img[alt*="Obesitas"]{opacity:1}

/* M96: kaarten onderscheiden zich van hun blok: op wit een lichte tint, op lichtgroen wit */
.mto-sec[style*="background: #ffffff"] [style*="background: #ffffff"][style*="border: 1px solid #DCE5CC"]:not(.mto-shot):not(.mto-logo-t){background:#F3F7EA !important}
.mto-sec[style*="background: #ffffff"] [style*="background: rgb(255, 255, 255)"][style*="border"]{background:#F3F7EA !important}
.mto-sec[style*="background: #ffffff"] details{background:#F3F7EA}
.mto-sec[style*="--mto-licht"] details{background:#ffffff}
.mto-sec[style*="background: #ffffff"] .mto-stg>li{background:#F3F7EA}

/* M97/M83: rasters zonder los leeg vak */
.mto-stg{display:flex !important;flex-wrap:wrap;justify-content:center}
.mto-stg>li{flex:0 0 calc((100% - 60px) / 4);box-sizing:border-box}
.mto-stg>li:nth-child(4)::after,.mto-stg>li:last-child::after{display:none}
@media (max-width:1100px){.mto-stg>li{flex-basis:calc((100% - 20px) / 2)}}
@media (max-width:700px){.mto-stg>li{flex-basis:100%}}
.mto-cgrid{display:flex !important;flex-wrap:wrap;justify-content:center}
.mto-cgrid>li,.mto-cgrid>div{flex:0 0 calc((100% - 28px) / 3);box-sizing:border-box}
@media (max-width:900px){.mto-cgrid>li,.mto-cgrid>div{flex-basis:calc((100% - 14px) / 2)}}
@media (max-width:600px){.mto-cgrid>li,.mto-cgrid>div{flex-basis:100%}}
.mto-keurmerken{justify-content:flex-start}
.mto-keurmerken>span{width:104px;height:58px;box-sizing:border-box;justify-content:center}
.mto-keurmerken>span img{max-height:40px !important;max-width:84px !important;height:auto !important;width:auto !important}
@media (max-width:700px){.mto-keurmerken{gap:8px !important;justify-content:center}.mto-keurmerken>span{width:62px;height:46px;padding:4px !important}.mto-keurmerken>span img{max-height:32px !important;max-width:52px !important}}

/* M98: stappen leesbaar op mobiel, tikdoelen minimaal 32 px */
@media (max-width:700px){
  .mto-stg p{font-size:16px}
  .mto-rol{font-size:13px}
  .mto-sec div>a:not([style*="padding"]){display:inline-block;padding-top:6px;padding-bottom:6px}
  .mto-sec button[style*="padding: 0"]{padding:6px 0 !important;min-height:32px}
}

/* M99: home op mobiel: knop eerst, cijfers 2 x 2, redenen compacter */
@media (max-width:700px){
  .mto-hero-h [style*="flex-direction: column"]>.mto-hl{order:2}
  .mto-hero-h [style*="flex-direction: column"]>.mto-hl+div{order:1;margin-top:0 !important}
  #vragen h2+.mto-g{grid-template-columns:repeat(2,minmax(0,1fr)) !important;padding:20px !important;gap:18px !important}
  #vragen h2+.mto-g p[style*="font-size: 34px"]{font-size:26px !important}
  #vragen h2+.mto-g+.mto-g{gap:10px !important}
  #vragen h2+.mto-g+.mto-g>div{padding:16px 18px !important;gap:6px !important}
  #vragen h2+.mto-g+.mto-g>div>span[aria-hidden]{display:none !important}
}

/* M100: Anoniem en AVG op home als lijst met vinkjes op de donkere band */
#privacy ul.mto-g{gap:14px 28px !important}
#privacy ul.mto-g>li{background:none !important;border:0 !important;border-radius:0 !important;padding:0 0 0 32px !important;color:var(--mto-donker-fg,#ffffff) !important;position:relative;font-size:17px}
#privacy ul.mto-g>li::before{content:"\2713";position:absolute;left:0;top:-1px;width:22px;height:22px;border-radius:50%;background:#B8D838;color:#1D2A1F;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.mto-check{list-style:none}
.mto-check>li{position:relative;padding-left:32px !important}
.mto-check>li::before{content:"\2713";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:#3F5A16;color:#ffffff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}

/* M101: eigen open/dicht-teken bij veelgestelde vragen, ook in donkere banden leesbaar */
.mto-sec details>summary{list-style:none;position:relative;padding-right:40px}
.mto-sec details>summary::-webkit-details-marker{display:none}
.mto-sec details>summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#E6EFD3;color:#3F5A16;font-weight:800;font-size:20px;line-height:28px;text-align:center}
.mto-sec details[open]>summary::after{content:"\2212"}
.mto-donker details{background:#ffffff !important;color:#1D2A1F !important;border-color:#DCE5CC !important}
.mto-donker details p{color:#2E3B30 !important}

/* M106/M109: zijkolommen blijven in beeld */
@media (min-width:901px){
  .wpcf7 .mto-split>:last-child{position:sticky;top:100px;align-self:start}
  .mto-sec aside{position:sticky;top:100px;align-self:flex-start}
}

/* M107: reCAPTCHA-badge verbergen (melding staat onder de formulieren) */
.grecaptcha-badge{visibility:hidden !important}
.mto-recaptcha-note{margin:12px 0 0;font-size:14px;line-height:1.5;color:#56655A}
.mto-recaptcha-note a{color:#3F5A16}

/* M111: menuknop toont een kruis als het menu open is */
.mto-burger[aria-expanded="true"]>span{font-size:0}
.mto-burger[aria-expanded="true"]>span::before{content:"\2715";font-size:22px}

/* M112: op mobiel in slotbanden de gevulde knop eerst */
@media (max-width:700px){.mto-sec .mto-cta-p{order:1}.mto-sec [style*="margin-right: auto"]{order:0}}
@media (max-width:700px){.mto-sec[style*="#8DAF36"]>div>a:not(.mto-cta-p){order:2}}

/* M88: popup in MTO-stijl (inhoud is een extern formulier) */
.sgpb-popup-overlay{background:#1D2A1F !important;opacity:.75 !important}
.sgpb-popup-dialog-main-div{border-radius:16px !important;border:0 !important;box-shadow:0 24px 60px rgba(0,0,0,0.35) !important;overflow:hidden}
.sgpb-popup-close-button-1,.sgpb-popup-close-button-2,.sgpb-popup-close-button-3,.sgpb-popup-close-button-4,.sgpb-popup-close-button-5,.sgpb-popup-close-button-6{filter:none}

/* M94: voorbeeldscherm alleen het aanleverportaal: groter en volledig zichtbaar */
.mto-shots.mto-shots-1{grid-template-columns:minmax(0,1fr);max-width:820px}
.mto-shots-1 .mto-shot img{aspect-ratio:auto;object-fit:contain}
/* 1.0.13: breedtes van kaarten in flexrasters inclusief padding; nummerblokje zichtbaar op getinte kaart */
.elementor .mto-sec .mto-stg>li,.elementor .mto-sec .mto-cgrid>li,.elementor .mto-sec .mto-cgrid>div{box-sizing:border-box}
.mto-sec[style*="background: #ffffff"] [style*="border: 1px solid #DCE5CC"] span[aria-hidden][style*="background: #F3F7EA"]{background:#ffffff !important}

/* 3 nov 2026: klantlogo's in kleur (Willem) */
.mto-track .mto-logo-t img{filter:none !important;opacity:1 !important}

/* 1.0.15 (3 nov 2026): cijferstrook home, formulieren en tikvlakken op mobiel */
@media (max-width:700px){
.mto-cijfers .mto-g{grid-template-columns:repeat(2,minmax(0,1fr)) !important;padding:20px !important;gap:18px !important}
.mto-cijfers .mto-g p[style*="font-size: 34px"]{font-size:26px !important}
.mto-cijfers .mto-g>:last-child:nth-child(odd){grid-column:1/-1}
.mto-sec .wpcf7 label>span:first-child{display:block;font-size:16px !important}
.mto-sec .wpcf7 input[type="text"],.mto-sec .wpcf7 input[type="email"],.mto-sec .wpcf7 input[type="tel"],.mto-sec .wpcf7 input[type="number"],.mto-sec .wpcf7 select,.mto-sec .wpcf7 textarea{font-size:16px !important;min-height:48px}
.mto-sec .wpcf7 input[type="checkbox"],.mto-sec .wpcf7 input[type="radio"]{width:28px !important;height:28px !important}
.mto-sec .wpcf7 .wpcf7-list-item label{min-height:44px}
.mto-sec details>summary{min-height:44px;display:flex;align-items:center}
.mto-sec aside a,.mto-sec nav a{display:inline-flex;align-items:center;min-height:44px}
}

/* 1.0.18 (3 nov 2026): review ronde 6 (M113 t/m M135) */
/* M113: menu op elke desktopbreedte op één regel */
.mto-nav>a,.mto-nav button{white-space:nowrap}
/* M134: home op mobiel kortere intro, knoppen voor de testzin */
.mto-intro-kort{display:none}
@media (max-width:700px){
  .mto-intro-lang{display:none}
  .mto-intro-kort{display:inline}
  .mto-hero-h [style*="flex-direction: column"]>.mto-hl+div+p{order:3}
}
/* M122: home, drie stappen over de volle contentbreedte */
@media (min-width:1101px){.home #werkwijze .mto-stg>li{flex-basis:calc((100% - 40px) / 3)}}
/* M121: keurmerken op home over de volle breedte, vijf op één rij */
#privacy .mto-split>.mto-keurmerken{grid-column:1 / -1}
/* M119: links in FAQ-vakken op een donkere band */
.mto-donker details a:not([style*="background"]){color:#3F5A16 !important}
/* M133: prijzen, de calculator blijft in beeld in plaats van de rechterkolom */
@media (min-width:901px) and (min-height:820px){
  .wpcf7[data-wpcf7-id="557"] .mto-split>:first-child{position:sticky;top:100px;align-self:start}
  .wpcf7[data-wpcf7-id="557"] .mto-split>:last-child{position:static}
}
/* M115/M118: inhoudsopgave en juridische tekst */
.mto-legal h2{scroll-margin-top:100px}
.mto-legal ol.mto-art{margin:0;padding:0 0 0 26px;display:flex;flex-direction:column;gap:8px}
.mto-toc a{display:inline-block;padding:6px 0}

/* 1.0.19 (3 nov 2026): ronde 7, opbouw en stijl zoals OnlineOR */
/* Footer: links zonder onderstreping, wel bij hover */
.mto-ft a,.mto-ftb a{text-decoration:none}
.mto-ft a:hover,.mto-ftb a:hover,.mto-ft a:focus-visible,.mto-ftb a:focus-visible{text-decoration:underline}
/* Lijst met ronde vinkjes (hero, inbegrepen) */
.mto-rcheck{list-style:none;margin:0;padding:0}
.mto-rcheck>li{display:flex;gap:12px;align-items:flex-start}
.mto-rcheck>li>svg{flex:0 0 22px;margin-top:1px}
/* Kennisbank: hele kaart klikbaar met hover */
.mto-kcard{transition:border-color .15s,box-shadow .15s,transform .15s}
.mto-kcard:hover{border-color:#8DAF36 !important;box-shadow:0 8px 24px rgba(29,42,31,0.10);transform:translateY(-2px)}
.mto-kcard:hover .mto-klees{text-decoration:underline}
.mto-kcard:focus-visible{outline:3px solid #B8D838;outline-offset:2px}
@media (max-width:1100px){.mto-kg{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:600px){.mto-kg{grid-template-columns:minmax(0,1fr) !important}}
/* Hero Home op mobiel in de volgorde van OnlineOR: vinkjes, dan de knop */
@media (max-width:700px){
  .mto-hero-h [style*="flex-direction: column"]>.mto-hl{order:0}
  .mto-hero-h [style*="flex-direction: column"]>.mto-hl+div{order:0;margin-top:4px !important}
}


/* ---------- 1.0.21 (3 nov 2026): ronde 8 (K1-K71, D1-D37) ---------- */
/* D1: een knopsysteem zoals OnlineOR: pil 100px, 50px hoog. Op wit #3F5A16 met witte tekst; op donker #8DAF36 met donkere tekst; secundair omlijnd. */
body.mto-site a.mto-btn,body.mto-site .wpcf7 .wpcf7-submit,body.mto-site .mto-hdwrap a.mto-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:50px !important;padding:0 28px !important;border-radius:100px !important;font-size:16px !important;font-weight:700 !important;line-height:1.2 !important;text-decoration:none !important;box-sizing:border-box !important;text-align:center !important;cursor:pointer}
body.mto-site a.mto-btn-p,body.mto-site .wpcf7 .wpcf7-submit{background:#3F5A16 !important;color:#ffffff !important;border:2px solid #3F5A16 !important}
body.mto-site a.mto-btn-s{background:transparent !important;color:#3F5A16 !important;border:2px solid #3F5A16 !important}
body.mto-site a.mto-btn-p:hover,body.mto-site .wpcf7 .wpcf7-submit:hover{background:#2F4410 !important;border-color:#2F4410 !important}
body.mto-site a.mto-btn-s:hover{background:#3F5A16 !important;color:#ffffff !important}
body.mto-site a.mto-btn-block{display:flex !important;width:100% !important}
body.mto-site :is(.mto-band,.mto-donker,.mto-fh) a.mto-btn-p{background:#8DAF36 !important;border-color:#8DAF36 !important;color:#1D2A1F !important}
body.mto-site :is(.mto-band,.mto-donker,.mto-fh) a.mto-btn-p:hover{background:#A3C24D !important;border-color:#A3C24D !important}
body.mto-site :is(.mto-band,.mto-donker,.mto-fh) a.mto-btn-s{background:transparent !important;border-color:#ffffff !important;color:#ffffff !important}
body.mto-site :is(.mto-band,.mto-donker,.mto-fh) a.mto-btn-s:hover{background:#ffffff !important;color:#1D2A1F !important}
body.mto-site :is(.mto-band,.mto-donker,.mto-fh) a.mto-textlink{color:#ffffff !important;text-decoration:underline !important;text-underline-offset:3px}
body.mto-site :is(.mto-band,.mto-donker,.mto-fh) :is(.mto-prijskaart,[style*="background: #ffffff"],[style*="background:#ffffff"]) a.mto-btn-p{background:#3F5A16 !important;border-color:#3F5A16 !important;color:#ffffff !important}
body.mto-site :is(.mto-band,.mto-donker,.mto-fh) :is(.mto-prijskaart,[style*="background: #ffffff"],[style*="background:#ffffff"]) a.mto-btn-s{border-color:#3F5A16 !important;color:#3F5A16 !important}
body.mto-site :is(.mto-band,.mto-donker,.mto-fh) :is(.mto-prijskaart,[style*="background: #ffffff"],[style*="background:#ffffff"]) a.mto-textlink{color:#3F5A16 !important}
body.mto-site section[style*="#8DAF36"] a.mto-btn-p{background:#ffffff !important;border-color:#ffffff !important;color:#3F5A16 !important}
body.mto-site section[style*="#8DAF36"] a.mto-btn-p:hover{background:#F3F7EA !important}
body.mto-site section[style*="#8DAF36"] a.mto-btn-s{background:transparent !important;border-color:#1D2A1F !important;color:#1D2A1F !important}
body.mto-site section[style*="#8DAF36"] a.mto-textlink{color:#1D2A1F !important;text-decoration:underline !important}
body.mto-site a.mto-textlink{display:inline-block !important;padding-top:11px;padding-bottom:11px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
body.mto-site a.mto-kaartlink{display:block !important;text-align:center}
/* D2 + D11: koppenschaal zoals OnlineOR */
body.mto-site .mto-sec h1{font-size:50px !important;line-height:1.1 !important;max-width:860px !important;overflow-wrap:break-word}
body.mto-site section.mto-sec.mto-fh>div>*{max-width:760px !important}
body.mto-site section.mto-sec.mto-fh>div.mto-hero-grid>*{max-width:none !important}
body.mto-site .mto-sec h2{font-size:34px !important;line-height:1.2 !important}
body.mto-site section[style*="#8DAF36"] h2{font-size:32px !important}
body.mto-site .mto-sec :is(li,a,div[style*="border-radius"],article) h2,body.mto-site .mto-tl-c h2{font-size:22px !important;line-height:1.3 !important}
@media (max-width:1024px){body.mto-site .mto-sec h1{font-size:40px !important}}
@media (max-width:700px){body.mto-site .mto-sec h1{font-size:32px !important;line-height:1.15 !important}body.mto-site .mto-sec h2{font-size:26px !important}body.mto-site section[style*="#8DAF36"] h2{font-size:26px !important}body.mto-site .mto-sec :is(li,a,div[style*="border-radius"],article) h2,body.mto-site .mto-tl-c h2{font-size:20px !important}}
@media (max-width:420px){body.mto-site .mto-sec h1{font-size:28px !important}}
/* D18: prijskaart rechts in de hero */
body.mto-site section.mto-fh>div.mto-hero-grid{display:grid !important;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
body.mto-site section.mto-fh>div.mto-hero-grid .mto-prijskaart{max-width:460px !important;justify-self:end;width:100%;box-sizing:border-box}
@media (min-width:1025px){body.mto-site section.mto-sec.mto-fh:has(.mto-hero-grid){background-size:100% 100%,cover !important;background-position:0 0,var(--mto-fh-pos,center 30%) !important;background-image:linear-gradient(90deg,rgba(29,42,31,0.97) 0%,rgba(29,42,31,0.9) 50%,rgba(29,42,31,0.72) 100%),var(--mto-fh) !important}}
@media (max-width:1024px){body.mto-site section.mto-fh>div.mto-hero-grid{grid-template-columns:minmax(0,1fr);gap:28px}body.mto-site section.mto-fh>div.mto-hero-grid .mto-prijskaart{justify-self:start;max-width:520px !important}}
/* D3: een cijferstrook */
.mto-cijferstrook{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 32px}
.mto-cijferstrook li{display:flex;flex-direction:column;gap:4px;margin:0}
body.mto-site .mto-cijferstrook .mto-cijfer{margin:0;font-size:34px;line-height:1.1;font-weight:800;color:#3F5A16}
body.mto-site .mto-cijferstrook .mto-cijfer-l{margin:0;font-size:16px;line-height:1.5;color:#2E3B30}
@media (max-width:900px){.mto-cijferstrook{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:360px){body.mto-site .mto-cijferstrook .mto-cijfer{font-size:28px}}
/* D5 */
body.mto-site .mto-logolabel{margin:0;font-size:14px !important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#56655A}
/* D7: FAQ zoals OnlineOR */
body.mto-site .mto-sec details{background:transparent !important;border:0 !important;border-bottom:1px solid #DCE5CC !important;border-radius:0 !important;padding:18px 0 !important;margin:0 !important}
body.mto-site .mto-sec h2+details{border-top:1px solid #DCE5CC !important}
body.mto-site .mto-sec details>summary{display:list-item !important;list-style:outside disclosure-closed !important;margin-left:20px;font-size:18px !important;font-weight:700 !important}
body.mto-site .mto-sec details[open]>summary{list-style-type:disclosure-open !important}
body.mto-site .mto-sec details>summary::before,body.mto-site .mto-sec details>summary::after{display:none !important;content:none !important}
body.mto-site .mto-sec details>:not(summary){margin-left:20px !important}
body.mto-site :is(.mto-band,.mto-donker) details{border-color:rgba(255,255,255,.28) !important}
body.mto-site :is(.mto-band,.mto-donker) details>summary{color:#ffffff !important}
body.mto-site :is(.mto-band,.mto-donker) details p{color:#E3EBD6 !important}
body.mto-site :is(.mto-band,.mto-donker) details a{color:#ffffff !important}
/* D22 */
body.mto-site .mto-sec :is(summary,h1,h2,h3){overflow-wrap:break-word}
@media (max-width:400px){body.mto-site .mto-sec summary{overflow-wrap:anywhere}}
/* D8 + D9: footer */
body.mto-site .mto-ftwrap a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.45)}
body.mto-site .mto-ftwrap a:hover,body.mto-site .mto-ftwrap a:focus-visible{text-decoration-color:currentColor}
body.mto-site .mto-ftwrap li a{display:inline-block;padding:6px 0;min-height:44px;box-sizing:border-box;line-height:32px}
@media (min-width:600px) and (max-width:1023px){body.mto-site .mto-ftwrap .mto-ft{grid-template-columns:1fr 1fr !important}body.mto-site .mto-ftwrap .mto-ft>:first-child{grid-column:1/-1}}
/* D10 */
body.mto-site .mto-rol{font-size:14px !important;letter-spacing:.04em}
body.mto-site .mto-recaptcha-note{font-size:16px !important}
/* D14-D17 Home */
@media (min-width:700px){body.mto-site .mto-stg.mto-stg-3{grid-template-columns:repeat(3,minmax(0,1fr)) !important}body.mto-site .mto-stg.mto-stg-3>li{grid-column:auto !important}}
body.mto-site .mto-hero-h p{max-width:62ch}
body.mto-site .mto-more{text-decoration:underline !important;text-decoration-thickness:2px;text-underline-offset:3px}
body.mto-site .mto-keurmerken{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:8px !important}
body.mto-site .mto-keurmerken>*{min-height:64px;box-sizing:border-box;display:flex !important;align-items:center;justify-content:center;width:auto !important}
body.mto-site .mto-keurmerken img{filter:contrast(1.4) saturate(1.1);max-width:100%;height:auto;max-height:44px;object-fit:contain}
/* D19, D20, D27, D28, D31, D33 */
@media (min-width:1101px){body.mto-site .mto-stg.mto-stg-8{grid-template-columns:repeat(4,minmax(0,1fr)) !important}}
@media (min-width:700px) and (max-width:1100px){body.mto-site .mto-stg.mto-stg-8{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
body.mto-site .mto-stg-8 .mto-stg-cta{display:flex;flex-direction:column;justify-content:center;gap:12px;background:#3F5A16 !important;color:#ffffff;border-color:#3F5A16 !important}
body.mto-site .mto-stg-8 .mto-stg-cta h3,body.mto-site .mto-stg-8 .mto-stg-cta p{color:#ffffff !important}
body.mto-site .mto-stg-8 .mto-stg-cta a.mto-btn-p{background:#ffffff !important;border-color:#ffffff !important;color:#3F5A16 !important;align-self:flex-start}
@media (min-width:1025px){body.mto-site .mto-g6{grid-template-columns:repeat(6,minmax(0,1fr)) !important}body.mto-site .mto-g6>*{grid-column:span 2}body.mto-site .mto-g6>:nth-child(-n+2){grid-column:span 3}}
@media (min-width:700px) and (max-width:1024px){body.mto-site .mto-g6{grid-template-columns:repeat(2,minmax(0,1fr)) !important}body.mto-site .mto-g6>:first-child{grid-column:1/-1}}
@media (min-width:1024px){body.mto-site .mto-g3x3{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media (min-width:1024px){body.mto-site .mto-themas{grid-template-columns:repeat(3,minmax(0,1fr)) !important}body.mto-site .mto-themas>:last-child{grid-column:span 2}}
body.mto-site .mto-cgrid.mto-eerste-breed>:first-child{grid-column:1/-1}
@media (min-width:700px){body.mto-site .mto-cgrid.mto-eerste-breed{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media (min-width:700px) and (max-width:1024px){body.mto-site .mto-cgrid.mto-eerste-breed{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
body.mto-site .mto-kg{grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important}
/* Quoteblok Home */
.mto-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:700px){.mto-quotes{grid-template-columns:minmax(0,1fr)}}
/* Prijskaarten Prijzen */
.mto-pk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
@media (max-width:900px){.mto-pk{grid-template-columns:minmax(0,1fr)}}
/* D24 */
body.mto-site [aria-pressed="true"].mto-chip{background:#3F5A16 !important;color:#ffffff !important;border-color:#3F5A16 !important}
body.mto-site .mto-chip{border-radius:100px !important}


/* Slotblok (#8DAF36): hoofdknop donker, tweede knop wit gevuld met telefoonicoon (besluit Willem) */
body.mto-site section[style*="#8DAF36"] a.mto-btn-p{background:#1D2A1F !important;border-color:#1D2A1F !important;color:#ffffff !important}
body.mto-site section[style*="#8DAF36"] a.mto-btn-p:hover{background:#2E3B30 !important;border-color:#2E3B30 !important}
body.mto-site section[style*="#8DAF36"] a.mto-btn-s{background:#ffffff !important;border-color:#ffffff !important;color:#1D2A1F !important}
body.mto-site section[style*="#8DAF36"] a.mto-btn-s:hover{background:#F3F7EA !important;border-color:#F3F7EA !important}
body.mto-site a.mto-btn[href^="tel:"]::before{content:"";display:inline-block;width:18px;height:18px;margin-right:8px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E") center/contain no-repeat}
/* D21: twee kolommen, op mobiel onder elkaar */
@media (max-width:900px){body.mto-site .mto-split2{grid-template-columns:minmax(0,1fr) !important}}
/* D23: calculator, prijs plakt rechts, mailformulier volle breedte eronder */
@media (min-width:901px){body.mto-site .mto-calc>div:first-child{position:static !important}body.mto-site .mto-calc>.mto-calc-prijs{position:sticky !important;top:110px;align-self:start}}
body.mto-site .mto-calc-mail{margin-top:24px}
/* D25: plakkende prijsbalk op mobiel */
.mto-prijsbalk{display:none}
@media (max-width:767px){.mto-prijsbalk.is-zichtbaar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;align-items:center;justify-content:space-between;gap:12px;background:#1D2A1F;color:#ffffff !important;padding:12px 16px;font-weight:700;font-size:17px;text-decoration:none !important;box-shadow:0 -4px 12px rgba(0,0,0,.2)}body.mto-site .wpcf7 .mto-num input{width:100% !important;max-width:none !important}}
/* D13: donker blok Prijzen */
body.mto-site .mto-donker .mto-rcheck li,body.mto-site .mto-donker .mto-rcheck li *{color:#ffffff !important}
body.mto-site .mto-donker p[style*="#2E3B30"],body.mto-site .mto-donker h3[style*="#1D2A1F"],body.mto-site .mto-donker p[style*="#1D2A1F"]{color:#E3EBD6 !important}


/* Slotblok zoals OnlineOR in de merkkleur: #3F5A16, witte titel en tekst (besluit Willem 3 nov) */
body.mto-site section.mto-sec[style*="#8DAF36"]{background:#3F5A16 !important;color:#ffffff !important}
body.mto-site section.mto-sec[style*="#8DAF36"] :is(h2,h3,p,li,span,strong){color:#ffffff !important}
body.mto-site section.mto-sec[style*="#8DAF36"] a:not(.mto-btn){color:#ffffff !important;text-decoration:underline}
body.mto-site section[style*="#8DAF36"] a.mto-btn-p{background:#8DAF36 !important;border-color:#8DAF36 !important;color:#1D2A1F !important}
body.mto-site section[style*="#8DAF36"] a.mto-btn-p:hover{background:#A3C24D !important;border-color:#A3C24D !important}
body.mto-site section[style*="#8DAF36"] a.mto-btn-s{background:#ffffff !important;border-color:#ffffff !important;color:#1D2A1F !important}
body.mto-site section[style*="#8DAF36"] a.mto-btn-s:hover{background:#F3F7EA !important;border-color:#F3F7EA !important}
body.mto-site section[style*="#8DAF36"] a.mto-btn :is(span,strong){color:inherit !important}
/* Witte of lichte kaarten in een donkere sectie: donkere tekstkleuren */
body.mto-site :is(.mto-band,.mto-donker,.mto-fh,section[style*="#8DAF36"]) :is([style*="background: #ffffff"],[style*="background:#ffffff"],[style*="background: #F3F7EA"],[style*="background: #fff;"],.mto-prijskaart,.mto-kaart-licht) :is(h2,h3,h4,strong,b,legend){color:#1D2A1F !important}
body.mto-site :is(.mto-band,.mto-donker,.mto-fh,section[style*="#8DAF36"]) :is([style*="background: #ffffff"],[style*="background:#ffffff"],[style*="background: #F3F7EA"],[style*="background: #fff;"],.mto-prijskaart,.mto-kaart-licht) :is(p,li,span,figcaption,label,td,th,summary,small,div){color:#3B4A3D !important}
body.mto-site :is(.mto-band,.mto-donker,.mto-fh,section[style*="#8DAF36"]) :is([style*="background: #ffffff"],[style*="background:#ffffff"],[style*="background: #F3F7EA"],[style*="background: #fff;"],.mto-prijskaart,.mto-kaart-licht) a:not(.mto-btn){color:#3F5A16 !important}
body.mto-site :is(.mto-band,.mto-donker,.mto-fh) :is([style*="background: #ffffff"],[style*="background:#ffffff"],.mto-prijskaart) a.mto-btn-p,body.mto-site :is(.mto-band,.mto-donker,.mto-fh) :is([style*="background: #ffffff"],[style*="background:#ffffff"],.mto-prijskaart) a.mto-btn-p *{color:#ffffff !important}
/* Testpagina: D34 cijferknoppen 5+5 en 6+5, D35 stap 4 opbouw, D36 links uitlijnen */
@media (max-width:767px){body.mto-site #mto-test .mtt-opts.mtt-n{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:6px !important}body.mto-site #mto-test #mtt-enps.mtt-opts{grid-template-columns:repeat(6,minmax(0,1fr)) !important}body.mto-site #mto-test .mtt-opts.mtt-n span{min-width:44px;width:100%;padding:8px 0}}
@media (min-width:768px){body.mto-site #mto-test .mtt-dash{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important}body.mto-site #mto-test .mtt-dash-r{display:contents !important}body.mto-site #mto-test .mtt-dash .mtt-fig:has(img[src*="stellingen"]){grid-column:1/-1;order:-1}}
body.mto-site #mto-test .mtt-fig img[src*="enps"]{max-width:560px;margin:0 auto}
body.mto-site #mto-test .mtt-mail,body.mto-site #mto-test .mtt-survey{margin-left:0 !important;margin-right:auto !important}
body.mto-site #mto-test :is(.mtt-label,h2,h2+p){text-align:left !important;margin-left:0 !important}


/* Product-hero zoals OnlineOR /or-verkiezingen/: twee gelijke kolommen, bovenaan uitgelijnd, foto als achtergrond met egale donkere laag */
body.mto-site section.mto-fh>div.mto-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:40px !important;align-items:start !important}
body.mto-site section.mto-fh>div.mto-hero-grid .mto-prijskaart{justify-self:stretch !important;max-width:none !important}
body.mto-site section.mto-sec.mto-fh:has(.mto-hero-grid){background-image:linear-gradient(rgba(29,42,31,0.88),rgba(29,42,31,0.88)),var(--mto-fh) !important;background-size:cover,cover !important;background-position:center,var(--mto-fh-pos,center 30%) !important}
body.mto-site section.mto-sec.mto-fh:has(.mto-hero-grid)::after{display:none !important}
body.mto-site .mto-hero-grid h1{font-size:clamp(28px,7.5vw,46px) !important;line-height:1.12 !important;max-width:none !important}
@media (max-width:900px){body.mto-site section.mto-fh>div.mto-hero-grid{grid-template-columns:minmax(0,1fr) !important;gap:28px !important}}


/* D11: H1 max. 2 regels op desktop (productpagina's max. 3), max. 3 op mobiel; gemeten met Source Sans 3 */
body.mto-site section.mto-fh:not(:has(.mto-hero-grid)) h1{max-width:900px !important}
@media (min-width:1025px){body.mto-site.page-id-6 .mto-sec h1{font-size:44px !important}}
@media (min-width:901px){body.mto-site.page-id-2176 .mto-hero-grid h1{font-size:39px !important}}
@media (max-width:700px){body.mto-site.page-id-2179 .mto-hero-grid h1,body.mto-site.page-id-2177 .mto-hero-grid h1{font-size:27px !important}body.mto-site.page-id-2176 .mto-hero-grid h1{font-size:23px !important}}


/* Contrast: lijstitems met inline wit die op een donkere band transparant worden weergegeven, houden de lichte tekst */
body.mto-site .mto-donker ul.mto-g>li[style*="background: #ffffff"] :is(p,li,span,strong,h3,div){color:inherit !important}

/* FT 3 nov 2026: finetuning na livegang (1.0.28) */
/* Prijslijst op productpagina's */
body.mto-site .mto-prijslijst{list-style:none;margin:0;padding:0;max-width:560px;width:100%;box-sizing:border-box;background:#ffffff;border:1px solid #DCE5CC;border-radius:14px;overflow:hidden}
body.mto-site .mto-prijslijst>li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 18px;margin:0;font-size:17px;line-height:1.45;color:#2E3B30;border-top:1px solid #E6EFD3}
body.mto-site .mto-prijslijst>li:first-child{border-top:0}
body.mto-site .mto-prijslijst>li>strong{color:#1D2A1F;font-weight:800;text-align:right}
body.mto-site .mto-prijslijst>li::before{display:none !important}
/* IT-documenten (Anonimiteit en AVG) */
body.mto-site .mto-doclist{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column}
body.mto-site .mto-doclist>li{margin:0;padding:0;border-top:1px solid #E6EFD3}
body.mto-site .mto-doclist>li::before{display:none !important}
body.mto-site .mto-doclist a{display:flex;align-items:center;gap:12px;padding:13px 2px;text-decoration:none !important;color:#1D2A1F !important;font-size:16px;font-weight:700}
body.mto-site .mto-doclist a:hover .mto-doc-t{text-decoration:underline}
body.mto-site .mto-doc-i{flex:none;width:36px;height:36px;border-radius:50%;background:#E6EFD3;display:flex;align-items:center;justify-content:center}
body.mto-site .mto-doc-t{flex:1;min-width:0;color:#1D2A1F !important}
body.mto-site .mto-doc-s{font-weight:400;color:#3B4A3D !important}
body.mto-site .mto-doc-p{flex:none;font-size:24px;line-height:1;color:#3F5A16 !important;font-weight:700}
/* Beveiliging met icoon per punt */
body.mto-site .mto-veilig{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px}
body.mto-site .mto-veilig>li{margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
body.mto-site .mto-veilig>li::before{display:none !important}
body.mto-site .mto-veilig-i{width:52px;height:52px;border-radius:50%;background:#8DAF36;display:flex;align-items:center;justify-content:center;margin-bottom:4px}
body.mto-site .mto-veilig h3{margin:0;font-size:20px;line-height:1.3;font-weight:800;color:#ffffff !important}
body.mto-site .mto-veilig p{margin:0;font-size:17px;line-height:1.55;color:#E3EBD6 !important}
body.mto-site .mto-veilig-detail{margin:0;font-size:16px;line-height:1.6;color:#E3EBD6 !important;max-width:900px;border-top:1px solid rgba(227,235,214,0.25);padding-top:20px}
body.mto-site .mto-veilig-detail strong{color:#ffffff !important}
body.mto-site .mto-keur5{list-style:none;margin:0;padding:0;display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
body.mto-site .mto-keur5>li{margin:0;background:#ffffff;border:1px solid #DCE5CC;border-radius:10px;height:72px;display:flex;align-items:center;justify-content:center;padding:8px;box-sizing:border-box}
body.mto-site .mto-keur5>li::before{display:none !important}
body.mto-site .mto-keur5 img{max-height:48px;max-width:100%;width:auto;height:auto;object-fit:contain;display:block}
@media (max-width:900px){body.mto-site .mto-veilig{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){body.mto-site .mto-veilig{grid-template-columns:minmax(0,1fr);gap:22px}body.mto-site .mto-keur5{gap:6px}body.mto-site .mto-keur5>li{height:56px;padding:5px}body.mto-site .mto-keur5 img{max-height:36px}}
/* Voorbeeldvraag stellingenmatrix */
body.mto-site .mto-matrix{margin:0;background:#ffffff;border:1px solid #DCE5CC;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(29,42,31,0.10);color:#1D2A1F}
body.mto-site .mto-mx-kop{background:#3F5A16;color:#ffffff !important;font-weight:800;font-size:15px;letter-spacing:0.08em;text-transform:uppercase;padding:12px 20px}
body.mto-site .mto-mx-body{padding:16px 20px 18px}
body.mto-site .mto-mx-vraag{margin:0 0 6px;font-size:17px;font-weight:700;line-height:1.45;color:#1D2A1F !important}
body.mto-site .mto-mx-rij{display:grid;grid-template-columns:minmax(0,2.3fr) repeat(5,minmax(0,1fr));align-items:center;gap:6px;padding:11px 0;border-top:1px solid #E6EFD3}
body.mto-site .mto-mx-head{border-top:0;padding:6px 0 4px}
body.mto-site .mto-mx-head span{text-align:center;font-size:13px;line-height:1.25;color:#3B4A3D !important}
body.mto-site .mto-mx-head b{display:none;font-weight:700}
body.mto-site .mto-mx-head em{font-style:normal}
body.mto-site .mto-mx-st{font-size:16px;line-height:1.4;color:#2E3B30 !important}
body.mto-site .mto-mx-rij i{justify-self:center;width:20px;height:20px;border-radius:50%;border:2px solid #7D8C72;box-sizing:border-box;display:block}
body.mto-site .mto-mx-rij i.on{border-color:#3F5A16;background:radial-gradient(circle,#3F5A16 0 45%,#ffffff 50%)}
body.mto-site .mto-mx-leg{margin:10px 0 0;font-size:14px;color:#3B4A3D !important}
@media (max-width:640px){body.mto-site .mto-mx-rij{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:10px}body.mto-site .mto-mx-st{grid-column:1/-1}body.mto-site .mto-mx-head>span:first-child{display:none}body.mto-site .mto-mx-head b{display:block;font-size:16px}body.mto-site .mto-mx-head em{display:none}body.mto-site .mto-mx-leg{font-size:16px}body.mto-site .mto-mx-kop{font-size:16px}}
body.mto-site .mto-split-mx{align-items:center}
@media (max-width:900px){body.mto-site .mto-split-mx{grid-template-columns:minmax(0,1fr) !important}}
/* Werkwijze: icoon per stap */
body.mto-site .mto-tl-ico .mto-tl-n svg{display:block}
body.mto-site .mto-tl-nr{color:#3F5A16;margin-right:2px}
@media (max-width:700px){body.mto-site .mto-tl-ico .mto-tl-n svg{width:22px;height:22px}}
/* N1 kennisbank: aantallen in de onderwerpknoppen */
body.mto-site .mto-sec nav a span.mto-kb-aantal.mto-kb-aantal{color:inherit !important;opacity:1}
/* N2 calculator snel kiezen: geen losse laatste knop */
body.mto-site .mto-snel{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px !important}
body.mto-site .mto-snel>span{grid-column:1/-1}
body.mto-site .mto-snel>button{width:100%;min-width:0;max-width:100%;box-sizing:border-box;white-space:normal}
body.mto-site .mto-snel{width:100%;max-width:100%;box-sizing:border-box;min-width:0}
@media (max-width:700px){body.mto-site .mto-snel{grid-template-columns:minmax(0,1fr)}body.mto-site .mto-snel>button{font-size:16px !important}}
/* N4 onderschrift logostrook op mobiel 16px */
@media (max-width:700px){body.mto-site .mto-logolabel{font-size:16px !important}}

/* FT 4 nov 2026: Home op mobiel en tablet zoals de andere pagina's: herofoto als achtergrond met donkere waas, persoon rechts */
@media (max-width:1024px){body.mto-site section.mto-sec.mto-fh.mto-hero-h{background-image:linear-gradient(rgba(29,42,31,0.88),rgba(29,42,31,0.88)),var(--mto-fh) !important;background-size:cover,cover !important;background-position:center,100% 50% !important;background-repeat:no-repeat !important}
body.mto-site section.mto-sec.mto-fh.mto-hero-h::after{display:none !important;content:none !important}
/* Gezicht nooit onder tekst of kaart: achtergrond toont het raam rechts, de persoon staat vrij in een eigen foto tussen intro en kaart */
body.mto-site .mto-hero-h>div>div>*{order:1}
body.mto-site .mto-hero-h>div>div>div[style*="background: #ffffff"]{order:3}
body.mto-site .mto-hero-h>div>div::after{content:"";display:block;order:2;height:230px;border-radius:16px;background-image:var(--mto-fh);background-size:cover;background-position:62% 35%;background-repeat:no-repeat}}

/* 2026-11-04 Willem: knoppen op donkergroen. Offerte aanvragen wit met groene tekst, tweede knop wit omlijnd. */
body.mto-site :is(.mto-band,.mto-donker,.mto-fh,[style*="#3F5A16"],[style*="#3f5a16"],[style*="#1D2A1F"],[style*="#1d2a1f"]) a.mto-btn-p:not(:is([style*="#ffffff"],.mto-prijskaart) a),body.mto-site a.mto-btn-p.mto-cta-p{background:#ffffff !important;border-color:#ffffff !important;color:#3F5A16 !important;box-shadow:none}
body.mto-site :is(.mto-band,.mto-donker,.mto-fh,[style*="#3F5A16"],[style*="#3f5a16"],[style*="#1D2A1F"],[style*="#1d2a1f"]) a.mto-btn-p:not(:is([style*="#ffffff"],.mto-prijskaart) a) *,body.mto-site a.mto-btn-p.mto-cta-p *{color:#3F5A16 !important}
body.mto-site :is(.mto-band,.mto-donker,.mto-fh,[style*="#3F5A16"],[style*="#3f5a16"],[style*="#1D2A1F"],[style*="#1d2a1f"]) a.mto-btn-p:not(:is([style*="#ffffff"],.mto-prijskaart) a):hover,body.mto-site a.mto-btn-p.mto-cta-p:hover{background:#F3F7EA !important;border-color:#F3F7EA !important}
body.mto-site :is(.mto-band,.mto-donker,.mto-fh,[style*="#3F5A16"],[style*="#3f5a16"],[style*="#1D2A1F"],[style*="#1d2a1f"]) a.mto-btn-s:not(:is([style*="#ffffff"],.mto-prijskaart) a){background:transparent !important;border:2px solid #ffffff !important;color:#ffffff !important}
body.mto-site :is(.mto-band,.mto-donker,.mto-fh,[style*="#3F5A16"],[style*="#3f5a16"],[style*="#1D2A1F"],[style*="#1d2a1f"]) a.mto-btn-s:not(:is([style*="#ffffff"],.mto-prijskaart) a) *{color:#ffffff !important}
body.mto-site :is(.mto-band,.mto-donker,.mto-fh,[style*="#3F5A16"],[style*="#3f5a16"],[style*="#1D2A1F"],[style*="#1d2a1f"]) a.mto-btn-s:not(:is([style*="#ffffff"],.mto-prijskaart) a):hover{background:#ffffff !important;color:#1D2A1F !important}
body.mto-site section.mto-sec:is([style*="#8DAF36"],[style*="#8daf36"]) a.mto-btn.mto-btn-p{background:#ffffff !important;border-color:#ffffff !important;color:#3F5A16 !important;box-shadow:none !important}
body.mto-site section.mto-sec:is([style*="#8DAF36"],[style*="#8daf36"]) a.mto-btn.mto-btn-p *{color:#3F5A16 !important}
body.mto-site section.mto-sec:is([style*="#8DAF36"],[style*="#8daf36"]) a.mto-btn.mto-btn-p:hover{background:#F3F7EA !important;border-color:#F3F7EA !important}
body.mto-site section.mto-sec:is([style*="#8DAF36"],[style*="#8daf36"]) a.mto-btn.mto-btn-s{background:transparent !important;border:2px solid #ffffff !important;color:#ffffff !important}
body.mto-site section.mto-sec:is([style*="#8DAF36"],[style*="#8daf36"]) a.mto-btn.mto-btn-s *{color:#ffffff !important}
body.mto-site section.mto-sec:is([style*="#8DAF36"],[style*="#8daf36"]) a.mto-btn.mto-btn-s:hover{background:#ffffff !important;color:#1D2A1F !important}
body.mto-site section.mto-sec:is([style*="#8DAF36"],[style*="#8daf36"]) a.mto-btn.mto-btn-s:hover *{color:#1D2A1F !important}